@chordcommerce/analytics 1.15.0 → 1.16.1

package/dist/client/cdp.js

@@ -16,6 +16,19 @@ export const addCdpSnippet = (options) => __awaiter(void 0, void 0, void 0, func
     if (!document || typeof document.createElement === 'undefined')
         return;
     const normalizedCDPDomain = normalizeCDPDomain(options.cdpDomain);
+    // Create a promise that resolves when CDP is ready
+    const cdpReadyPromise = new Promise((resolve) => {
+        const checkCdpReady = () => {
+            const cdp = window[`_${options.namespace}`];
+            if (cdp && typeof cdp.configure === 'function') {
+                resolve();
+            }
+            else {
+                setTimeout(checkCdpReady, 50);
+            }
+        };
+        checkCdpReady();
+    });
     const s = document.createElement('script');
     s.async = true;
     s.src = `${normalizedCDPDomain}/p.js`;
@@ -23,20 +36,11 @@ export const addCdpSnippet = (options) => __awaiter(void 0, void 0, void 0, func
     s.setAttribute('data-init-only', 'true');
     s.setAttribute('data-namespace', `_${options.namespace}`);
     s.setAttribute('data-write-key', options.cdpWriteKey);
+    document.head.appendChild(s);
+    // Wait for CDP to be ready before setting up consent
+    yield cdpReadyPromise;
     if (options.consent) {
-        // If awaitConsent is true, wait for consent before loading CDP
-        if (options.awaitConsent) {
-            yield addCdpConsent(options).init();
-            document.head.appendChild(s);
-        }
-        else {
-            document.head.appendChild(s);
-            // If not awaiting consent, initialize in the background
-            addCdpConsent(options).init().catch(console.error);
-        }
-    }
-    else {
-        document.head.appendChild(s);
+        addCdpConsent(options).init();
     }
 });
 /*

package/dist/client/consent/index.js

@@ -15,7 +15,9 @@ export const addCdpConsent = (options) => {
     let adapter = null;
     let lastProcessedConsent = null;
     const POLLING_INTERVAL_MS = 50;
-    const TIMEOUT_MS = 60000;
+    const TIMEOUT_MS = options.awaitConsentTimeout
+        ? options.awaitConsentTimeout
+        : 60000;
     /**
      * Returns the adapter for the specified consent management platform.
      */
@@ -66,7 +68,9 @@ export const addCdpConsent = (options) => {
             const cdp = window[`_${options.namespace}`];
             if (cdp && typeof cdp.configure === 'function') {
                 try {
-                    cdp.configure({ privacy: updatedConsent });
+                    if (Object.keys(updatedConsent).length > 0) {
+                        cdp.configure({ privacy: updatedConsent });
+                    }
                     return true;
                 }
                 catch (error) {

package/dist/client/index.d.ts

@@ -21,7 +21,15 @@ export declare class ChordAnalytics<T extends ObjectTypes = ObjectTypes> {
      * Options for ChordAnalytics.
      */
     options: ChordAnalyticsOptions<T>;
+    /**
+     * Promise that resolves when CDP is ready
+     */
+    private cdpReadyPromise;
     constructor(options: ChordAnalyticsOptions<T>);
+    /**
+     * Initialize CDP snippet and wait for it to be ready
+     */
+    private initializeCdp;
     /**
      * Set debug mode for Chord Analytics
      * @param enabled - Whether debug mode should be enabled

package/dist/client/index.js

@@ -22,6 +22,10 @@ export class ChordAnalytics {
          * Allows snippet.js to detect whether the snippet has started running yet.
          */
         this.invoked = true;
+        /**
+         * Promise that resolves when CDP is ready
+         */
+        this.cdpReadyPromise = null;
         /**
          * Set debug mode for Chord Analytics
          * @param enabled - Whether debug mode should be enabled
@@ -92,9 +96,13 @@ export class ChordAnalytics {
         /**
          * Send a `track` event to the CDP with any event name and properties.
          */
-        this.track = (event, props, options) => {
+        this.track = (event, props, options) => __awaiter(this, void 0, void 0, function* () {
             if (!event)
                 this.logger('No event name provided');
+            // Wait for CDP to be ready before sending track events
+            if (this.cdpReadyPromise) {
+                yield this.cdpReadyPromise;
+            }
             const formattedProps = this.options.stripNull && props ? pruneNullValues(props) : props;
             const finalEventProps = Object.assign(Object.assign({}, formattedProps), { meta: this.meta() });
             if (this.options.debug) {
@@ -136,11 +144,15 @@ export class ChordAnalytics {
                     resolve();
                 }
             });
-        };
+        });
         /**
          * Send an `identify` event to the CDP with user id and traits.
          */
-        this.identify = (...props) => {
+        this.identify = (...props) => __awaiter(this, void 0, void 0, function* () {
+            // Wait for CDP to be ready before sending identify events
+            if (this.cdpReadyPromise) {
+                yield this.cdpReadyPromise;
+            }
             try {
                 const identifyPromises = [];
                 const a = this.ccdp();
@@ -163,11 +175,15 @@ export class ChordAnalytics {
             catch (error) {
                 this.logger(error);
             }
-        };
+        });
         /**
          * Send a `page` event to the CDP.
          */
-        this.page = (props = {}) => {
+        this.page = (props = {}) => __awaiter(this, void 0, void 0, function* () {
+            // Wait for CDP to be ready before sending page events
+            if (this.cdpReadyPromise) {
+                yield this.cdpReadyPromise;
+            }
             try {
                 const pagePromises = [];
                 const a = this.ccdp();
@@ -190,7 +206,7 @@ export class ChordAnalytics {
             catch (error) {
                 this.logger(error);
             }
-        };
+        });
         this.reset = () => {
             try {
                 const resetPromises = [];
@@ -609,12 +625,25 @@ export class ChordAnalytics {
             enableLogging: debug,
             namespace: 'chord',
             stripNull: true,
-            awaitConsent: true,
         };
         this.options = Object.assign(Object.assign({}, defaults), options);
         if (((_b = this.options) === null || _b === void 0 ? void 0 : _b.cdpDomain) && ((_c = this.options) === null || _c === void 0 ? void 0 : _c.cdpWriteKey) && window) {
             window[this.options.namespace] = (window === null || window === void 0 ? void 0 : window[this.options.namespace]) || this;
-            addCdpSnippet(this.options);
+            this.initializeCdp();
         }
     }
+    /**
+     * Initialize CDP snippet and wait for it to be ready
+     */
+    initializeCdp() {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                this.cdpReadyPromise = addCdpSnippet(this.options);
+                yield this.cdpReadyPromise;
+            }
+            catch (error) {
+                console.error('CDP initialization failed:', error);
+            }
+        });
+    }
 }

package/dist/types/client.d.ts

@@ -38,6 +38,7 @@ export interface ChordAnalyticsOptions<T extends ObjectTypes = ObjectTypes> {
     namespace?: string;
     stripNull?: boolean;
     metadata: EventMetadata;
+    awaitConsentTimeout?: number;
 }
 export interface EventMetadata {
     i18n: i18nMetadata;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@chordcommerce/analytics",
   "description": "Chord Commerce event tracking",
-  "version": "1.15.0",
+  "version": "1.16.1",
   "author": "Chord Commerce <help@chord.co> (https://www.chord.co)",
   "type": "module",
   "main": "dist/index.js",