@codecademy/tracking 1.1.1-alpha.d7121cda5d.0 → 1.1.2-alpha.fa2232522c.0

package/dist/integrations/fides.js

@@ -4,49 +4,48 @@ 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']
 }));
-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');
-        }
+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);
       }
-      unsubscribe();
     });
-  } catch (err) {
-    console.error('Error initializing Fides', err);
-  }
-  const style = document.createElement('style');
-  style.textContent = rawStyles;
-  document.body.appendChild(style);
+    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);
+  });
 };
 
 // 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.1-alpha.d7121cda5d.0",
+  "version": "1.1.2-alpha.fa2232522c.0",
   "author": "Codecademy Engineering <dev@codecademy.com>",
   "dependencies": {
     "@qwik.dev/partytown": "0.11.0"