@coframe/sdk 1.1.6 → 1.1.8

package/dist/pkg/cf.cjs.js

@@ -926,7 +926,7 @@ function warnEventsNotSent() {
     }
 }
 
-const SDK_VERSION = '2.4.0';
+const SDK_VERSION = '2.5.0';
 const queuedEvents = [];
 const queuedMonitoringEvents = [];
 const queuedSessions = [];
@@ -1016,20 +1016,21 @@ function queueEvent(coframe, sessionInfo) {
     }
     queueEventForBatchedSending(coframe, data);
 }
-function sendPageEngagementEvent(coframe, eventType, event, { isEngaged, projectId, sessionId, orgId, duration = 0, userToken, personalizationHeaders, }) {
+function queueVariantViewEvent(coframe, { projectId, sessionId, orgId, userToken, experimentId, variantId, }) {
+    queueEventForBatchedSending(coframe, {
+        type: 'view',
+        project_id: projectId,
+        session_id: sessionId,
+        experiment_id: experimentId,
+        variant_id: variantId,
+        time: new Date(),
+        org_id: orgId,
+        user_token: userToken,
+    });
+}
+function sendPageEngagementEvent(coframe, eventType, event, { projectId, sessionId, duration = 0, userToken, personalizationHeaders, }) {
     var _a;
     const startTime = performance.now();
-    if (!isEngaged && eventType === 'click') {
-        isEngaged = true;
-        queueEvent(coframe, {
-            projectId,
-            sessionId,
-            eventType: 'session_start',
-            orgId,
-            userToken: userToken || '',
-            personalizationHeaders,
-        });
-    }
     const x = event.clientX + window.scrollX;
     const y = event.clientY + window.scrollY;
     const screenWidth = window.innerWidth;
@@ -3014,22 +3015,39 @@ const ENGAGED_SESSION_THRESHOLD = 10000;
 function setupListeners(Coframe, executionStartTime) {
     const experiencedCoframeIds = new Set();
     let isEngaged = false;
-    function measureEngagement() {
-        const timeSpent = Date.now() - (executionStartTime ? executionStartTime.getTime() : 0);
-        if (!isEngaged && timeSpent >= ENGAGED_SESSION_THRESHOLD) {
-            isEngaged = true;
-            queueEvent(Coframe, {
-                projectId: Coframe.projectId,
-                sessionId: Coframe.sessionId,
-                eventType: 'session_start',
-                orgId: Coframe.orgId,
-                userToken: Coframe.userToken,
-                personalizationHeaders: Coframe.personalizationHeaders,
-            });
+    let engagementTimer = null;
+    function markEngaged() {
+        if (isEngaged)
+            return;
+        isEngaged = true;
+        if (engagementTimer !== null) {
+            clearTimeout(engagementTimer);
+            engagementTimer = null;
         }
-        else {
-            setTimeout(measureEngagement, ENGAGED_SESSION_THRESHOLD - timeSpent);
+        queueEvent(Coframe, {
+            projectId: Coframe.projectId,
+            sessionId: Coframe.sessionId,
+            eventType: 'session_start',
+            orgId: Coframe.orgId,
+            userToken: Coframe.userToken,
+            personalizationHeaders: Coframe.personalizationHeaders,
+        });
+    }
+    function scheduleEngagementMeasurement() {
+        if (isEngaged)
+            return;
+        const timeSpent = Date.now() - (executionStartTime ? executionStartTime.getTime() : 0);
+        const remaining = ENGAGED_SESSION_THRESHOLD - timeSpent;
+        if (remaining <= 0) {
+            markEngaged();
+            return;
         }
+        if (engagementTimer !== null)
+            return;
+        engagementTimer = setTimeout(() => {
+            engagementTimer = null;
+            scheduleEngagementMeasurement();
+        }, remaining);
     }
     function updateViewedVariants() {
         for (const variantElement of Coframe.variantsAndElements || []) {
@@ -3040,35 +3058,34 @@ function setupListeners(Coframe, executionStartTime) {
                     if (isElementVisible(el)) {
                         el.setAttribute('coframe-experienced', 'true');
                         experiencedCoframeIds.add(variant.id);
-                        queueEventForBatchedSending(Coframe, {
-                            type: 'view',
-                            project_id: Coframe.projectId,
-                            session_id: Coframe.sessionId,
-                            experiment_id: variant.experiment_id,
-                            variant_id: variant.id,
-                            time: new Date(),
+                        queueVariantViewEvent(Coframe, {
+                            projectId: Coframe.projectId,
+                            sessionId: Coframe.sessionId,
                             orgId: Coframe.orgId,
+                            userToken: Coframe.userToken,
+                            experimentId: variant.experiment_id,
+                            variantId: variant.id,
                         });
                     }
                 }
             }
         }
     }
-    document.addEventListener('visibilitychange', measureEngagement);
-    setTimeout(measureEngagement, ENGAGED_SESSION_THRESHOLD);
+    document.addEventListener('visibilitychange', scheduleEngagementMeasurement);
+    scheduleEngagementMeasurement();
     document.addEventListener('coframe:dom-renderer:complete', updateViewedVariants);
     document.addEventListener('scroll', updateViewedVariants);
     document.dispatchEvent(new CustomEvent('coframe:dom-renderer:complete', {}));
-    document.addEventListener('click', (event) => {
+    const handleClick = (event) => {
+        markEngaged();
         sendPageEngagementEvent(Coframe, 'click', event, {
             projectId: Coframe.projectId,
-            isEngaged,
             sessionId: Coframe.sessionId,
-            orgId: Coframe.orgId,
             userToken: Coframe.userToken,
             personalizationHeaders: Coframe.personalizationHeaders,
         });
-    }, true);
+    };
+    document.addEventListener('click', handleClick, true);
     const handleEventFlush = debounce((eventType) => {
         queueEvent(Coframe, {
             projectId: Coframe.projectId,

package/dist/pkg/cf.esm.mjs

@@ -924,7 +924,7 @@ function warnEventsNotSent() {
     }
 }
 
-const SDK_VERSION = '2.4.0';
+const SDK_VERSION = '2.5.0';
 const queuedEvents = [];
 const queuedMonitoringEvents = [];
 const queuedSessions = [];
@@ -1014,20 +1014,21 @@ function queueEvent(coframe, sessionInfo) {
     }
     queueEventForBatchedSending(coframe, data);
 }
-function sendPageEngagementEvent(coframe, eventType, event, { isEngaged, projectId, sessionId, orgId, duration = 0, userToken, personalizationHeaders, }) {
+function queueVariantViewEvent(coframe, { projectId, sessionId, orgId, userToken, experimentId, variantId, }) {
+    queueEventForBatchedSending(coframe, {
+        type: 'view',
+        project_id: projectId,
+        session_id: sessionId,
+        experiment_id: experimentId,
+        variant_id: variantId,
+        time: new Date(),
+        org_id: orgId,
+        user_token: userToken,
+    });
+}
+function sendPageEngagementEvent(coframe, eventType, event, { projectId, sessionId, duration = 0, userToken, personalizationHeaders, }) {
     var _a;
     const startTime = performance.now();
-    if (!isEngaged && eventType === 'click') {
-        isEngaged = true;
-        queueEvent(coframe, {
-            projectId,
-            sessionId,
-            eventType: 'session_start',
-            orgId,
-            userToken: userToken || '',
-            personalizationHeaders,
-        });
-    }
     const x = event.clientX + window.scrollX;
     const y = event.clientY + window.scrollY;
     const screenWidth = window.innerWidth;
@@ -3012,22 +3013,39 @@ const ENGAGED_SESSION_THRESHOLD = 10000;
 function setupListeners(Coframe, executionStartTime) {
     const experiencedCoframeIds = new Set();
     let isEngaged = false;
-    function measureEngagement() {
-        const timeSpent = Date.now() - (executionStartTime ? executionStartTime.getTime() : 0);
-        if (!isEngaged && timeSpent >= ENGAGED_SESSION_THRESHOLD) {
-            isEngaged = true;
-            queueEvent(Coframe, {
-                projectId: Coframe.projectId,
-                sessionId: Coframe.sessionId,
-                eventType: 'session_start',
-                orgId: Coframe.orgId,
-                userToken: Coframe.userToken,
-                personalizationHeaders: Coframe.personalizationHeaders,
-            });
+    let engagementTimer = null;
+    function markEngaged() {
+        if (isEngaged)
+            return;
+        isEngaged = true;
+        if (engagementTimer !== null) {
+            clearTimeout(engagementTimer);
+            engagementTimer = null;
         }
-        else {
-            setTimeout(measureEngagement, ENGAGED_SESSION_THRESHOLD - timeSpent);
+        queueEvent(Coframe, {
+            projectId: Coframe.projectId,
+            sessionId: Coframe.sessionId,
+            eventType: 'session_start',
+            orgId: Coframe.orgId,
+            userToken: Coframe.userToken,
+            personalizationHeaders: Coframe.personalizationHeaders,
+        });
+    }
+    function scheduleEngagementMeasurement() {
+        if (isEngaged)
+            return;
+        const timeSpent = Date.now() - (executionStartTime ? executionStartTime.getTime() : 0);
+        const remaining = ENGAGED_SESSION_THRESHOLD - timeSpent;
+        if (remaining <= 0) {
+            markEngaged();
+            return;
         }
+        if (engagementTimer !== null)
+            return;
+        engagementTimer = setTimeout(() => {
+            engagementTimer = null;
+            scheduleEngagementMeasurement();
+        }, remaining);
     }
     function updateViewedVariants() {
         for (const variantElement of Coframe.variantsAndElements || []) {
@@ -3038,35 +3056,34 @@ function setupListeners(Coframe, executionStartTime) {
                     if (isElementVisible(el)) {
                         el.setAttribute('coframe-experienced', 'true');
                         experiencedCoframeIds.add(variant.id);
-                        queueEventForBatchedSending(Coframe, {
-                            type: 'view',
-                            project_id: Coframe.projectId,
-                            session_id: Coframe.sessionId,
-                            experiment_id: variant.experiment_id,
-                            variant_id: variant.id,
-                            time: new Date(),
+                        queueVariantViewEvent(Coframe, {
+                            projectId: Coframe.projectId,
+                            sessionId: Coframe.sessionId,
                             orgId: Coframe.orgId,
+                            userToken: Coframe.userToken,
+                            experimentId: variant.experiment_id,
+                            variantId: variant.id,
                         });
                     }
                 }
             }
         }
     }
-    document.addEventListener('visibilitychange', measureEngagement);
-    setTimeout(measureEngagement, ENGAGED_SESSION_THRESHOLD);
+    document.addEventListener('visibilitychange', scheduleEngagementMeasurement);
+    scheduleEngagementMeasurement();
     document.addEventListener('coframe:dom-renderer:complete', updateViewedVariants);
     document.addEventListener('scroll', updateViewedVariants);
     document.dispatchEvent(new CustomEvent('coframe:dom-renderer:complete', {}));
-    document.addEventListener('click', (event) => {
+    const handleClick = (event) => {
+        markEngaged();
         sendPageEngagementEvent(Coframe, 'click', event, {
             projectId: Coframe.projectId,
-            isEngaged,
             sessionId: Coframe.sessionId,
-            orgId: Coframe.orgId,
             userToken: Coframe.userToken,
             personalizationHeaders: Coframe.personalizationHeaders,
         });
-    }, true);
+    };
+    document.addEventListener('click', handleClick, true);
     const handleEventFlush = debounce((eventType) => {
         queueEvent(Coframe, {
             projectId: Coframe.projectId,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coframe/sdk",
-  "version": "1.1.6",
+  "version": "1.1.8",
   "description": "Coframe optimizes your website using generative AI to deliver maximum impact to your audience and allow your site to improve itself as you sleep. Learn more at coframe.com.",
   "main": "dist/pkg/cf.cjs.js",
   "module": "dist/pkg/cf.esm.mjs",