@codecademy/tracking 1.2.0 → 1.2.1-alpha.3f6b8514a4.0

package/README.md

@@ -79,7 +79,7 @@ Starts the initialization process for our third-party integrations.
 Integrations are loaded in an intentionally layered manner for CCPA/GDPR compliance:
 
 1. Wait 1000ms to allow any other post-hydration logic to run first
-2. Load in OneTrust's banner and wait for its `OptanonWrapper` callback
+2. Load Fides for consent management
 3. Load GTM
 
 ```ts

package/dist/integrations/index.d.ts

@@ -12,20 +12,12 @@ export type TrackingIntegrationsSettings = {
      * Whether user has opted out or is excluded from external tracking
      */
     optedOutExternalTracking?: boolean;
-    /**
-     * id for the one trust script being used, defaults to the script for `www.codecademy.com`
-     */
-    oneTrustScript?: string;
     /**
      * Use Partytown to load 3rd party scripts in a worker.
      */
     enablePartytown?: boolean;
-    /**
-     * Whether to use Fides (new implementation) or OneTrust
-     */
-    isFidesEnabled?: boolean;
 };
 /**
  * @see README.md for details and usage.
  */
-export declare const initializeTrackingIntegrations: ({ environment, scope, optedOutExternalTracking, oneTrustScript, enablePartytown, isFidesEnabled, }: TrackingIntegrationsSettings) => Promise<void>;
+export declare const initializeTrackingIntegrations: ({ environment, scope, optedOutExternalTracking, enablePartytown, }: TrackingIntegrationsSettings) => Promise<void>;

package/dist/integrations/index.js

@@ -1,6 +1,5 @@
 import { initializeFides } from './fides';
 import { initializeGTM } from './gtm';
-import { initializeOneTrust } from './onetrust';
 import { initializePartytown } from './partytown';
 let init = false;
 
@@ -11,9 +10,7 @@ export const initializeTrackingIntegrations = async _ref => {
   let environment = _ref.environment,
     scope = _ref.scope,
     optedOutExternalTracking = _ref.optedOutExternalTracking,
-    oneTrustScript = _ref.oneTrustScript,
-    enablePartytown = _ref.enablePartytown,
-    isFidesEnabled = _ref.isFidesEnabled;
+    enablePartytown = _ref.enablePartytown;
   if (init) return; // Prevent multiple initializations
   init = true;
   if (enablePartytown) {
@@ -22,16 +19,7 @@ export const initializeTrackingIntegrations = async _ref => {
     // Wait to allow any other post-hydration logic to run first
     await new Promise(resolve => setTimeout(resolve, 1000));
   }
-  if (isFidesEnabled) {
-    await initializeFides();
-  } else {
-    // Load in OneTrust's banner and wait for its `OptanonWrapper` callback
-    await initializeOneTrust({
-      scope,
-      environment,
-      scriptId: oneTrustScript
-    });
-  }
+  await initializeFides();
 
   // Load GTM
   initializeGTM({

package/dist/integrations/types.d.ts

@@ -1,6 +1,3 @@
-import { Consent } from './consent';
 export interface TrackingWindow {
     dataLayer?: unknown[];
-    OnetrustActiveGroups?: Consent[] | string;
-    OptanonWrapper?: () => void;
 }

package/package.json

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

package/dist/integrations/onetrust.d.ts

@@ -1,7 +0,0 @@
-import { TrackingWindow } from './types';
-export type OneTrustSettings = {
-    environment: string;
-    scope: TrackingWindow;
-    scriptId?: string;
-};
-export declare const initializeOneTrust: ({ environment, scope, scriptId, }: OneTrustSettings) => Promise<void>;

package/dist/integrations/onetrust.js

@@ -1,34 +0,0 @@
-/**
- * Onetrust script ID for `www.codecademy.com`, other domains require passing in a specific script ID
- */
-const DEFAULT_SCRIPT_ID = 'cfa7b129-f37b-4f5a-9991-3f75ba7b85fb';
-export const initializeOneTrust = async _ref => {
-  let environment = _ref.environment,
-    scope = _ref.scope,
-    _ref$scriptId = _ref.scriptId,
-    scriptId = _ref$scriptId === void 0 ? DEFAULT_SCRIPT_ID : _ref$scriptId;
-  const script = document.createElement('script');
-  script.setAttribute('async', 'true');
-  script.setAttribute('src', 'https://cdn.cookielaw.org/scripttemplates/otSDKStub.js');
-  script.setAttribute('type', 'text/javascript');
-  script.setAttribute('data-domain-script', "".concat(scriptId).concat(environment === 'production' ? '' : '-test'));
-  document.body.appendChild(script);
-  const style = document.createElement('style');
-  style.textContent = rawStyles;
-  document.body.appendChild(style);
-  return new Promise(resolve => {
-    scope.OptanonWrapper = () => {
-      var _scope$dataLayer, _script$parentNode;
-      (_scope$dataLayer = scope.dataLayer) !== null && _scope$dataLayer !== void 0 ? _scope$dataLayer : scope.dataLayer = [];
-      scope.dataLayer.push({
-        event: 'OneTrustGroupsUpdated'
-      });
-      resolve();
-      (_script$parentNode = script.parentNode) === null || _script$parentNode === void 0 ? void 0 : _script$parentNode.removeChild(script);
-    };
-  });
-};
-
-// For now, these three values duplicate theme colors from gamut-styles
-// We don't want to take a full dependency on that package here...
-const rawStyles = "\n:root {\n  --onetrust-brand-purple: #3A10E5;\n  --onetrust-color-gray-500: #828285;\n  --onetrust-color-white: #fff;\n}\n\n#onetrust-banner-sdk {\n  padding: 1rem !important;\n}\n#onetrust-banner-sdk > .ot-sdk-container {\n  width: 100% !important;\n}\n#onetrust-banner-sdk > .ot-sdk-container > .ot-sdk-row {\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: center !important;\n  max-width: 1436px !important;\n  margin: 0 auto !important;\n}\n#onetrust-banner-sdk > .ot-sdk-container > .ot-sdk-row:after {\n  content: none !important;\n}\n#onetrust-banner-sdk > div > .ot-sdk-container > .ot-sdk-row {\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: center !important;\n  max-width: 1436px !important;\n  margin: 0 auto !important;\n}\n#onetrust-banner-sdk > div > .ot-sdk-container > .ot-sdk-row:after {\n  content: none !important;\n}\n#onetrust-group-container {\n  display: flex !important;\n  justify-content: center;\n  float: none !important;\n  width: 100% !important;\n  max-width: 1148px !important;\n  margin-left: 0 !important;\n  margin-bottom: 0.625rem !important;\n}\n\n#onetrust-policy,\n#onetrust-policy-text {\n  margin: 0 !important;\n  font-size: 0.875rem !important;\n  line-height: 1.375rem !important;\n  text-align: center !important;\n  float: none !important;\n}\n#onetrust-policy-text a {\n  text-decoration: none;\n  line-height: 26px !important;\n  margin-left: 0 !important;\n}\n#onetrust-button-group-parent {\n  position: relative !important;\n  top: initial !important;\n  left: initial !important;\n  transform: initial !important;\n  width: 264px !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  float: none !important;\n}\n#onetrust-button-group {\n  display: flex !important;\n  margin: 0 !important;\n}\n#onetrust-pc-btn-handler, #onetrust-accept-btn-handler {\n  min-width: initial !important;\n  padding: 0.375rem 1rem !important;\n  margin: 0 !important;\n  opacity: 1 !important;\n  border-radius: 2px !important;\n  line-height: 1.5 !important;\n  user-select: none !important;\n  font-size: 1rem !important;\n}\n#onetrust-pc-btn-handler:focus, #onetrust-accept-btn-handler:focus {\n  box-shadow: 0 0 0 2px var(--onetrust-color-white), 0 0 0 4px var(--onetrust-brand-purple);\n  text-decoration: none !important;\n  outline: none !important;\n}\n#onetrust-pc-btn-handler{\n  color: var(--onetrust-brand-purple) !important;\n  border: 1px solid var(--onetrust-brand-purple)!important;\n  background: var(--onetrust-color-white) !important\n}\n#onetrust-accept-btn-handler {\n  color: var(--onetrust-color-white) !important;\n  background: var(--onetrust-brand-purple)!important;\n  margin-left: 1rem !important;\n}\n#onetrust-close-btn-container {\n  display: none !important;\n}\n\n.pc-logo {\n  display: none !important;\n}\n\n#accept-recommended-btn-handler,\n.ot-pc-refuse-all-handler,\n.save-preference-btn-handler {\n  margin-left: 4px !important;\n  font-size: 14px !important;\n}\n\n#accept-recommended-btn-handler:focus,\n#onetrust-pc-sdk .ot-pc-refuse-all-handler:focus,\n#onetrust-pc-sdk .save-preference-btn-handler:focus {\n  box-shadow: 0 0 0 2px var(--onetrust-color-white), 0 0 0 4px var(--onetrust-brand-purple);\n  text-decoration: none !important;\n  outline: none !important;\n  opacity: 1 !important;\n}\n\n.ot-switch-label {\n  border: 1px solid var(--onetrust-color-gray-500) !important;\n  background-color: var(--onetrust-color-gray-500) !important;\n}\n\n.ot-switch-nob {\n  background: var(--onetrust-color-white) !important;\n}\n\n.ot-switch-inner:before {\n  background-color: var(--onetrust-brand-purple) !important;\n}\n\n.switch-checkbox:checked+.ot-switch-label .ot-switch-nob {\n  border-color: var(--onetrust-brand-purple) !important;\n}\n\n.ot-pc-footer-logo {\n  display: none !important;\n}\n\n#onetrust-banner-sdk>.ot-sdk-container {\n  overflow: visible !important;\n}\n\n#onetrust-pc-sdk .category-item .ot-switch.ot-toggle input:focus + .ot-switch-label  {\n  \toutline-color: var(--onetrust-brand-purple) !important;\n}\n#onetrust-pc-sdk .category-item .ot-switch.ot-toggle input:focus+.ot-switch-label {\n   outline-width: 3px !important;\n   outline-offset: 2px !important;\n}\n\n@media (max-width: 30rem) {\n  #accept-recommended-btn-handler,\n  .ot-pc-refuse-all-handler,\n  .save-preference-btn-handler {\n    width: 96% !important;\n  }\n}\n\n@media (min-width: 37.5rem) {\n  #onetrust-banner-sdk {\n    padding: 0.875rem 1rem !important;\n  }\n}\n@media (min-width: 48rem) {\n  #onetrust-banner-sdk {\n    padding: 0.875rem 1.25rem !important;\n  }\n}\n@media (min-width: 1650px) {\n  #onetrust-banner-sdk > .ot-sdk-container > .ot-sdk-row {\n    flex-direction: row !important;\n    justify-content: space-between !important;\n  }\n  #onetrust-banner-sdk > div > .ot-sdk-container > .ot-sdk-row {\n    flex-direction: row !important;\n    justify-content: space-between !important;\n  }\n  #onetrust-group-container {\n    margin-bottom: 0 !important;\n  }\n  #onetrust-button-group {\n    flex-direction: row !important;\n  }\n}\n";