@coframe/sdk 1.1.7 → 1.1.8

package/dist/pkg/cf.cjs.js

@@ -1028,20 +1028,9 @@ function queueVariantViewEvent(coframe, { projectId, sessionId, orgId, userToken
         user_token: userToken,
     });
 }
-function sendPageEngagementEvent(coframe, eventType, event, { isEngaged, projectId, sessionId, orgId, duration = 0, userToken, personalizationHeaders, }) {
+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;
@@ -3026,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 || []) {
@@ -3065,21 +3071,21 @@ function setupListeners(Coframe, executionStartTime) {
             }
         }
     }
-    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

@@ -1026,20 +1026,9 @@ function queueVariantViewEvent(coframe, { projectId, sessionId, orgId, userToken
         user_token: userToken,
     });
 }
-function sendPageEngagementEvent(coframe, eventType, event, { isEngaged, projectId, sessionId, orgId, duration = 0, userToken, personalizationHeaders, }) {
+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;
@@ -3024,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 || []) {
@@ -3063,21 +3069,21 @@ function setupListeners(Coframe, executionStartTime) {
             }
         }
     }
-    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.7",
+  "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",