@codecademy/tracking 1.0.49 → 1.0.50-alpha.19dedbdf28.0

package/dist/integrations/fides.d.ts

@@ -1 +1 @@
-export declare const initializeFides: () => void;
+export declare const initializeFides: () => Promise<void>;

package/dist/integrations/fides.js

@@ -4,30 +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']
+}));
 export const initializeFides = () => {
-  const script = document.createElement('script');
-  script.setAttribute('async', 'true');
-  script.setAttribute('src', `https://skillsoft-codecademy.fides-cdn.ethyca.com/fides.js?property_id=${PROPERTY_ID}`);
-  script.setAttribute('type', 'text/javascript');
-  script.addEventListener('load', () => {
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-    const fides = window.Fides;
-    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');
-        }
+  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();
     });
+    const script = document.createElement('script');
+    script.setAttribute('async', 'true');
+    script.setAttribute('src', `https://skillsoft-codecademy.fides-cdn.ethyca.com/fides.js?property_id=${PROPERTY_ID}&ot_fides_mapping=${ot_fides_mapping}`);
+    script.setAttribute('type', 'text/javascript');
+    document.body.appendChild(script);
+    const style = document.createElement('style');
+    style.textContent = rawStyles;
+    document.body.appendChild(style);
   });
-  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
@@ -129,6 +147,7 @@ div#fides-overlay {
 
 #fides-modal .fides-modal-title {
   text-align: left !important;
+  font-size: 20px !important;
 }
 
 div#fides-banner-container {

package/dist/integrations/index.js

@@ -23,7 +23,7 @@ export const initializeTrackingIntegrations = async _ref => {
     await new Promise(resolve => setTimeout(resolve, 1000));
   }
   if (isFidesEnabled) {
-    initializeFides();
+    await initializeFides();
   } else {
     // Load in OneTrust's banner and wait for its `OptanonWrapper` callback
     await initializeOneTrust({

package/package.json

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