feat(experience): experience support old browser (#5130)

* feat(experience): update experience browserslist and add corejs dependency

feat(experience): import corejs to experience

feat(experience): update pnpm-lock.yaml

feat(experience): update experience browserslist and add corejs to support old browsers

* feat(experience): fix lint problem

---------

Co-authored-by: root <root@MKJ>

packages/experience/package.json

@@ -56,6 +56,7 @@
     "camelcase-keys": "^9.0.0",
     "classnames": "^2.3.1",
     "color": "^4.2.3",
+    "core-js": "^3.34.0",
     "cross-env": "^7.0.3",
     "eslint": "^8.44.0",
     "i18next": "^22.4.15",
@@ -99,7 +100,16 @@
   "targets": {
     "default": {
       "engines": {
-        "browsers": "defaults"
+        "browsers": [
+          "defaults",
+          ">0.3%",
+          "Chrome >= 52",
+          "Firefox >= 55",
+          "Safari >= 10",
+          "Edge >= 13",
+          "iOS >= 10",
+          "Electron >= 0.36"
+        ]
       }
     }
   },

packages/experience/src/index.tsx

@@ -1,3 +1,5 @@
+/* eslint-disable-next-line import/no-unassigned-import */
+import 'core-js/actual';
 import { createRoot } from 'react-dom/client';
 import ReactModal from 'react-modal';
 

pnpm-lock.yaml

@@ -3626,6 +3626,9 @@ importers:
       color:
         specifier: ^4.2.3
         version: 4.2.3
+      core-js:
+        specifier: ^3.34.0
+        version: 3.34.0
       cross-env:
         specifier: ^7.0.3
         version: 7.0.3
@@ -11649,10 +11652,9 @@ packages:
       depd: 2.0.0
       keygrip: 1.1.0
 
-  /core-js@3.21.1:
-    resolution: {integrity: sha512-FRq5b/VMrWlrmCzwRrpDYNxyHP9BcAZC+xHJaqTgIE5091ZV1NTmyh0sGOg5XqpnHvR0svdy0sv1gWA1zmhxig==}
+  /core-js@3.34.0:
+    resolution: {integrity: sha512-aDdvlDder8QmY91H88GzNi9EtQi2TjvQhpCX6B1v/dAZHU1AuLgHvRh54RiOerpEhEW46Tkf+vgAViB/CWC0ag==}
     requiresBuild: true
-    dev: false
 
   /cosmiconfig-typescript-loader@5.0.0(@types/node@18.19.3)(cosmiconfig@8.3.6)(typescript@5.0.2):
     resolution: {integrity: sha512-+8cK7jRAReYkMwMiG+bxhcNKiHJDM6bR9FD/nGBXOWdMLuYawjF5cGrtLilJ+LGd3ZjCXnJjR5DkfWPoIVlqJA==}
@@ -19715,7 +19717,7 @@ packages:
       slonik: '*'
     dependencies:
       camelcase: 6.3.0
-      core-js: 3.21.1
+      core-js: 3.34.0
       slonik: 22.7.1
     dev: false
 
@@ -19736,7 +19738,7 @@ packages:
     resolution: {integrity: sha512-f9jxhsu+8u0ssf2pdzLx1jSlGODkAitNbGrprJWGOjmnQzZKW4jWaq54DZGwyNv4HotOb9m4Lp0u9XQODKXyng==}
     engines: {node: '>=8.0'}
     dependencies:
-      core-js: 3.21.1
+      core-js: 3.34.0
       pg-formatter: 1.3.0
       pretty-ms: 6.0.1
       slonik: 22.7.1
@@ -19762,7 +19764,7 @@ packages:
     resolution: {integrity: sha512-TAuWVFBVnq7I5KcEY/x1JgVgIVZ0yyyeRlMTzKs+u4wRYhszQW2hMIYnDak/UUfWR1h6wp3+hODiC4gKyBOUcg==}
     engines: {node: '>=8.0'}
     dependencies:
-      core-js: 3.21.1
+      core-js: 3.34.0
       slonik: 22.7.1
     transitivePeerDependencies:
       - pg-native