@codecademy/tracking 1.1.2 → 1.1.3-alpha.d7bcd71238.0

package/dist/integrations/fides.js

@@ -4,48 +4,49 @@ import { theme } from '@codecademy/gamut-styles';
  */
 
 const PROPERTY_ID = 'FDS-3RC5S1';
-const FIDES_TIMEOUT = 10000; // 10 seconds
-
 const ot_fides_mapping = encodeURIComponent(JSON.stringify({
   C0001: ['essential'],
   C0002: ['analytics'],
   C0003: ['functional'],
   C0004: ['marketing']
 }));
-export const initializeFides = () => {
-  return new Promise((resolve, reject) => {
-    const timeout = setTimeout(() => {
-      reject(new Error('Fides initialization timed out'));
-    }, FIDES_TIMEOUT);
-    window.addEventListener('FidesInitialized', () => {
-      clearTimeout(timeout);
-      const fides = window.Fides;
-      try {
-        fides.gtm();
-        const unsubscribe = fides.onFidesEvent('FidesUIShown', detail => {
-          if (detail.extraDetails.servingComponent === 'banner') {
-            const banner = document.getElementById('fides-banner');
-            if (banner) {
-              banner.setAttribute('tabIndex', '-1');
-            }
-          }
-          unsubscribe();
-        });
-        resolve();
-      } catch (err) {
-        console.error('Error initializing Fides', err);
-        reject(err);
+const importFides = async () => {
+  var _win$define;
+  const win = window;
+  // Disable AMD globals for the Fides script
+  const oldAmd = (_win$define = win.define) === null || _win$define === void 0 ? void 0 : _win$define.amd;
+  if (oldAmd) {
+    win.define.amd = undefined;
+  }
+  // Fides gets stored on the window object
+  await import(/* webpackIgnore: true */"https://skillsoft-codecademy.fides-cdn.ethyca.com/fides.js?property_id=".concat(PROPERTY_ID, "&ot_fides_mapping=").concat(ot_fides_mapping));
+  if (oldAmd) {
+    win.define.amd = oldAmd;
+  }
+  if (!win.Fides) {
+    throw new Error('Failed to import Fides');
+  }
+  return win.Fides;
+};
+export const initializeFides = async () => {
+  try {
+    const fides = await importFides();
+    fides.gtm();
+    const unsubscribe = fides.onFidesEvent('FidesUIShown', detail => {
+      if (detail.extraDetails.servingComponent === 'banner') {
+        const banner = document.getElementById('fides-banner');
+        if (banner) {
+          banner.setAttribute('tabIndex', '-1');
+        }
       }
+      unsubscribe();
     });
-    const script = document.createElement('script');
-    script.setAttribute('async', 'true');
-    script.setAttribute('src', "https://skillsoft-codecademy.fides-cdn.ethyca.com/fides.js?property_id=".concat(PROPERTY_ID, "&ot_fides_mapping=").concat(ot_fides_mapping));
-    script.setAttribute('type', 'text/javascript');
-    document.body.appendChild(script);
-    const style = document.createElement('style');
-    style.textContent = rawStyles;
-    document.body.appendChild(style);
-  });
+  } catch (err) {
+    console.error('Error initializing Fides', err);
+  }
+  const style = document.createElement('style');
+  style.textContent = rawStyles;
+  document.body.appendChild(style);
 };
 
 // For now, these three values duplicate theme colors from gamut-styles

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@codecademy/tracking",
   "description": "Tracking library for Codecademy",
-  "version": "1.1.2",
+  "version": "1.1.3-alpha.d7bcd71238.0",
   "author": "Codecademy Engineering <dev@codecademy.com>",
   "dependencies": {
     "@qwik.dev/partytown": "0.11.0"