Remove support for Internet Explorer (#1139)

* Remove IE10 and 11 from babel targets

* Include mjs, jsx, and cjs files in linting and formatting

* Remove utils/assign.js

* Remove utils/find.js

* Remove utils/includes.js

* Replace isNaN() with Number.isNaN()

* Rewrite padStart to use native function

* Remove utils/values.js

* Remove @adobe/reactor-object-assign from saucelabs configs

* Remove CSS.escape polyfill

* Use destructuring in createInstanceFunction

* Add error message that reports that IE is not supported

* Remove scope polyfill in querySelectorAll

* Remove sendBeacon polyfills in tests

* Remove startsWith and endsWith utils

* Swap reference to deprecated HTMLDocument with Document

* Remove dependency on @adobe/reactor-load-script

* Remove script intro with IE warning

* Remove promise polyfills

* Remove unused dependency on url-parse

* Remove @adobe/reactor-load-script and @adobe/reactor-promise from sauce configs

* Remove utils/flatMap.js

* Add back parse-uri

* Remove assignIf

* Remove padStart

* Remove XHR fallback requests

* Revert "Remove XHR fallback requests"

This reverts commit dc5827c.

* Remove promise polyfill from sandbox

* Revert "Revert "Remove XHR fallback requests""

This reverts commit b1da21a.

* Rectify package.json

.sauce/dev.yml

@@ -23,12 +23,8 @@ npm:
     - js-cookie
     - read-cache
     - uuid
-    - css.escape
-    - "@adobe/reactor-object-assign"
-    - "@adobe/reactor-load-script"
     - "@adobe/reactor-cookie"
     - "@adobe/reactor-query-string"
-    - "@adobe/reactor-promise"
 suites:
   - name: "Edge"
     browserName: "microsoftedge"

.sauce/ee-prd.yml

@@ -25,12 +25,8 @@ npm:
     - js-cookie
     - read-cache
     - uuid
-    - css.escape
-    - "@adobe/reactor-object-assign"
-    - "@adobe/reactor-load-script"
     - "@adobe/reactor-cookie"
     - "@adobe/reactor-query-string"
-    - "@adobe/reactor-promise"
 suites:
   - name: "Edge"
     browserName: "microsoftedge"

.sauce/pre-edge-deploy.yml

@@ -25,12 +25,8 @@ npm:
     - js-cookie
     - read-cache
     - uuid
-    - css.escape
-    - "@adobe/reactor-object-assign"
-    - "@adobe/reactor-load-script"
     - "@adobe/reactor-cookie"
     - "@adobe/reactor-query-string"
-    - "@adobe/reactor-promise"
 suites:
   - name: "Edge"
     browserName: "microsoftedge"

.sauce/pre-prod-upstreams.yml

@@ -25,12 +25,8 @@ npm:
     - js-cookie
     - read-cache
     - uuid
-    - css.escape
-    - "@adobe/reactor-object-assign"
-    - "@adobe/reactor-load-script"
     - "@adobe/reactor-cookie"
     - "@adobe/reactor-query-string"
-    - "@adobe/reactor-promise"
 suites:
   - name: "Edge"
     browserName: "microsoftedge"

.sauce/prod.yml

@@ -24,12 +24,8 @@ npm:
     - js-cookie
     - read-cache
     - uuid
-    - css.escape
-    - "@adobe/reactor-object-assign"
-    - "@adobe/reactor-load-script"
     - "@adobe/reactor-cookie"
     - "@adobe/reactor-query-string"
-    - "@adobe/reactor-promise"
 suites:
   - name: "Chrome"
     browserName: "chrome"

babel.config.cjs

@@ -30,7 +30,6 @@ const targets = {
     "last 2 Firefox versions",
     "last 2 Safari versions",
     "last 2 Edge versions",
-    "Explorer >= 10",
   ],
 };
 

babel.test.config.cjs

@@ -22,7 +22,6 @@ const targets = {
     "last 2 Firefox versions",
     "last 2 Safari versions",
     "last 2 Edge versions",
-    "Explorer >= 10",
   ],
 };
 

coverageignore.cjs

@@ -19,5 +19,5 @@ module.exports = [
   "**/constants/**",
   "**/index.js",
   "baseCode.js",
-  "standalone.js"
+  "standalone.js",
 ];

karma.conf.cjs

@@ -20,7 +20,6 @@ module.exports = (config) => {
 
     // list of files / patterns to load in the browser
     files: [
-      "node_modules/promise-polyfill/dist/polyfill.js",
       {
         pattern: "test/unit/specs/karmaEntry.spec.cjs",
         watched: false, // The preprocessor will use its own watcher

package.json

@@ -20,8 +20,8 @@
   },
   "scripts": {
     "clean": "rimraf dist distTest libEs5 libEs6",
-    "lint": "eslint --cache --fix \"*.js\" \"{src,test,scripts}/**/*.js\"",
-    "format": "prettier --write \"*.{html,js}\" \"{sandbox,src,test,scripts}/**/*.{html,js}\"",
+    "lint": "eslint --cache --fix \"*.{js,cjs,mjs,jsx}\" \"{src,test,scripts}/**/*.{js,cjs,mjs,jsx}\"",
+    "format": "prettier --write \"*.{html,js,cjs,mjs,jsx}\" \"{sandbox,src,test,scripts}/**/*.{html,js,cjs,mjs,jsx}\"",
     "test": "npm run test:unit && npm run test:scripts && npm run test:functional",
     "test:unit": "karma start karma.conf.cjs --single-run",
     "test:unit:debug": "karma start --browsers=Chrome --single-run=false --debug",
@@ -48,16 +48,16 @@
     "preinstall": "npx force-resolutions"
   },
   "lint-staged": {
-    "./*.js": [
+    "./*.{cjs,mjs,js,jsx}": [
       "eslint --cache --fix"
     ],
-    "./{src,test,scripts}/**/*.js": [
+    "./{src,test,scripts}/**/*.{cjs,mjs,js,jsx}": [
       "eslint --cache --fix"
     ],
-    "./*.{html,js}": [
+    "./*.{html,js,cjs,mjs,jsx}": [
       "prettier --write"
     ],
-    "./{sandbox,src,test,scripts}/**/*.{html,js}": [
+    "./{sandbox,src,test,scripts}/**/*.{html,js,cjs,mjs,jsx}": [
       "prettier --write"
     ]
   },

rollup.config.js

@@ -116,11 +116,6 @@ export const buildConfig = ({
         {
           file: file || `${destDirectory}alloy${minifiedExtension}.js`,
           format: "iife",
-          intro:
-            "if (document.documentMode && document.documentMode < 11) {\n" +
-            "  console.warn('The Adobe Experience Cloud Web SDK does not support IE 10 and below.');\n" +
-            "  return;\n" +
-            "}\n",
           sourcemap: variant === SANDBOX,
         },
       ],

rollup.test.config.cjs

@@ -52,11 +52,6 @@ module.exports = {
     name: "alloy",
     sourcemap: "inline",
     format: "iife",
-    // Allow non-IE browsers and IE11
-    // document.documentMode was added in IE8, and is specific to IE.
-    // IE7 and lower are not ES5 compatible so will get a parse error loading the library.
-    intro:
-      "if (document.documentMode && document.documentMode < 11) { console.warn('The Adobe Experience Cloud Web SDK does not support IE 10 and below.'); return; }",
   },
   plugins,
 };

sandbox/public/index.html

@@ -9,7 +9,6 @@
       content="width=device-width, initial-scale=1, shrink-to-fit=no"
     />
     <meta name="theme-color" content="#000000" />
-    <script src="https://cdn.jsdelivr.net/npm/promise-polyfill@8/dist/polyfill.min.js"></script>
 
     <title>Mock website hosting Alloy</title>
 

sandbox/public/media-collection/streaming-media-launch-extension.html

@@ -9,7 +9,6 @@
       content="width=device-width, initial-scale=1, shrink-to-fit=no"
     />
     <meta name="theme-color" content="#000000" />
-    <script src="https://cdn.jsdelivr.net/npm/promise-polyfill@8/dist/polyfill.min.js"></script>
 
     <title>Mock website hosting Alloy using launch</title>
 

sandbox/public/media-collection/streaming-media.html

@@ -9,7 +9,6 @@
       content="width=device-width, initial-scale=1, shrink-to-fit=no"
     />
     <meta name="theme-color" content="#000000" />
-    <script src="https://cdn.jsdelivr.net/npm/promise-polyfill@8/dist/polyfill.min.js"></script>
 
     <title>Mock website hosting Alloy</title>
 

sandbox/src/ConfigOverrides.jsx

@@ -7,83 +7,83 @@ const defaultOverrides = {
   com_adobe_experience_platform: {
     datasets: {
       event: {
-        datasetId: ""
+        datasetId: "",
       },
       profile: {
-        datasetId: ""
-      }
-    }
+        datasetId: "",
+      },
+    },
   },
   com_adobe_analytics: {
-    reportSuites: []
+    reportSuites: [],
   },
   com_adobe_identity: {
-    idSyncContainerId: ""
+    idSyncContainerId: "",
   },
   com_adobe_target: {
-    propertyToken: ""
-  }
+    propertyToken: "",
+  },
 };
 
-const sendEvent = edgeConfigOverrides => {
+const sendEvent = (edgeConfigOverrides) => {
   return window.alloy("sendEvent", {
     renderDecisions: true,
     edgeConfigOverrides: {
-      ...edgeConfigOverrides
-    }
+      ...edgeConfigOverrides,
+    },
   });
 };
-const setConsent = edgeConfigOverrides => {
+const setConsent = (edgeConfigOverrides) => {
   return window.alloy("setConsent", {
     consent: [
       {
         standard: "Adobe",
         version: "2.0",
         value: {
           collect: {
-            val: "in"
-          }
-        }
-      }
+            val: "in",
+          },
+        },
+      },
     ],
     edgeConfigOverrides: {
-      ...edgeConfigOverrides
-    }
+      ...edgeConfigOverrides,
+    },
   });
 };
-const getIdentity = edgeConfigOverrides => {
+const getIdentity = (edgeConfigOverrides) => {
   return window.alloy("getIdentity", {
     namespaces: ["ECID"],
     edgeConfigOverrides: {
-      ...edgeConfigOverrides
-    }
+      ...edgeConfigOverrides,
+    },
   });
 };
 
-const appendIdentityToUrl = edgeConfigOverrides => {
+const appendIdentityToUrl = (edgeConfigOverrides) => {
   return window
     .alloy("appendIdentityToUrl", {
       url: "https://example.com",
       edgeConfigOverrides: {
-        ...edgeConfigOverrides
-      }
+        ...edgeConfigOverrides,
+      },
     })
-    .then(url => console.log("URL with appended identity: ", url));
+    .then((url) => console.log("URL with appended identity: ", url));
 };
 
 export default function ConfigOverrides() {
   const [error, setError] = useState("");
   const [overrides, setOverrides] = useState({ ...defaultOverrides });
   const overridesString = JSON.stringify(overrides, null, 2);
-  const onTextareaChange = event => {
+  const onTextareaChange = (event) => {
     try {
       const newOverrides = JSON.parse(event.target.value);
       setOverrides(newOverrides);
       setError("");
     } catch (err) {
       console.error(err);
       setError(
-        `The text you just entered is not valid JSON. Try again.\n${err}`
+        `The text you just entered is not valid JSON. Try again.\n${err}`,
       );
     }
   };
@@ -96,16 +96,16 @@ export default function ConfigOverrides() {
         analyticsReportSuites: [
           ...((overrides.com_adobe_analytics || {}).analyticsReportSuites ||
             []),
-          ""
-        ]
-      }
+          "",
+        ],
+      },
     });
   };
   const resetOverrides = () => {
     setOverrides({ ...defaultOverrides });
   };
-  const callWithOverrides = callback => () =>
-    callback(overrides).catch(err => {
+  const callWithOverrides = (callback) => () =>
+    callback(overrides).catch((err) => {
       console.error(err);
       setError(`The request failed.\n${err.toString()}`);
     });
@@ -118,7 +118,7 @@ export default function ConfigOverrides() {
             margin: "8px",
             border: "1px solid red",
             borderRadius: "8px",
-            padding: "8px"
+            padding: "8px",
           }}
         >
           <span
@@ -144,13 +144,13 @@ export default function ConfigOverrides() {
           flexDirection: "row",
           justifyContent: "space-around",
           flexWrap: "wrap-reverse",
-          maxWidth: "875px"
+          maxWidth: "875px",
         }}
       >
         <textarea
           style={{
             fontFamily: "monospace",
-            boxSizing: "border-box"
+            boxSizing: "border-box",
           }}
           name="overrideEditor"
           id="overrideEditor"
@@ -165,7 +165,7 @@ export default function ConfigOverrides() {
             {JSON.stringify(
               { renderDecisions: true, edgeConfigOverrides: overrides },
               null,
-              2
+              2,
             )}
             )
           </code>

src/components/Context/createComponent.js

@@ -9,19 +9,18 @@ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTA
 OF ANY KIND, either express or implied. See the License for the specific language
 governing permissions and limitations under the License.
 */
-
-import { flatMap } from "../../utils/index.js";
-
 export default (config, logger, optionalContexts, requiredContexts) => {
   const configuredContexts = config.context;
 
-  const contexts = flatMap(configuredContexts, (context, i) => {
-    if (optionalContexts[context]) {
-      return [optionalContexts[context]];
-    }
-    logger.warn(`Invalid context[${i}]: '${context}' is not available.`);
-    return [];
-  }).concat(requiredContexts);
+  const contexts = configuredContexts
+    .flatMap((context, i) => {
+      if (optionalContexts[context]) {
+        return [optionalContexts[context]];
+      }
+      logger.warn(`Invalid context[${i}]: '${context}' is not available.`);
+      return [];
+    })
+    .concat(requiredContexts);
 
   return {
     namespace: "Context",