@zaplier/sdk 1.7.7 → 1.7.8

package/dist/index.cjs

@@ -21517,6 +21517,52 @@ class ZaplierSDK {
         const tempVisitorId = this.visitorId || 'temp-' + Date.now().toString(36);
         return generateCurrentSessionId(tempVisitorId);
     }
+    /**
+     * Update tracking engines with new session ID to maintain consistency
+     */
+    updateTrackingEnginesSessionId(newSessionId) {
+        try {
+            // Update replay engine session ID if it exists and is recording
+            if (this.replayEngine && this.replayEngine.isRecording()) {
+                if (this.config.debug) {
+                    console.log("[Zaplier] Updating replay engine session ID:", newSessionId);
+                }
+                // Stop current recording and restart with new session ID
+                this.replayEngine.stop();
+                this.replayEngine = new SessionReplayEngine(newSessionId, this.backendVisitorId || 'unknown', {
+                    sampleRate: 1.0, // Keep recording active
+                    inactivityTimeout: 30000,
+                    pauseOnInactive: true,
+                });
+                this.replayEngine.setSDKInstance(this);
+                this.replayEngine.start();
+            }
+            // Update heatmap engine session ID if it exists and is recording
+            if (this.heatmapEngine && this.heatmapEngine.isRecording()) {
+                if (this.config.debug) {
+                    console.log("[Zaplier] Updating heatmap engine session ID:", newSessionId);
+                }
+                // Stop current recording and restart with new session ID
+                this.heatmapEngine.stop();
+                this.heatmapEngine = new HeatmapEngine(newSessionId, {
+                    trackClicks: true,
+                    trackScrollDepth: true,
+                    trackRageClicks: true,
+                    trackMouseMoves: false,
+                });
+                if (this.antiAdblockManager) {
+                    this.heatmapEngine.setAntiAdblockManager(this.antiAdblockManager);
+                }
+                this.heatmapEngine.start();
+            }
+            if (this.config.debug) {
+                console.log("[Zaplier] Tracking engines updated with session ID:", newSessionId);
+            }
+        }
+        catch (error) {
+            console.error("[Zaplier] Failed to update tracking engines session ID:", error);
+        }
+    }
     /**
      * Initialize Anti-Adblock Manager
      */
@@ -21837,12 +21883,25 @@ class ZaplierSDK {
                     console.log("[Zaplier] Backend visitor ID received and processed:", response.visitorId);
                 }
             }
-            if (response.sessionId) {
+            // CRITICAL: Only update session ID if we don't have one yet or if it's temporary
+            // Once a session ID is established and tracking engines are started, keep it consistent
+            // to prevent replay/event session ID mismatches
+            if (response.sessionId && (!this.sessionId || this.sessionId.includes('temp-'))) {
+                const oldSessionId = this.sessionId;
                 this.sessionId = response.sessionId;
+                // Update tracking engines with new session ID if they exist
+                if (oldSessionId !== this.sessionId && this.sessionId) {
+                    this.updateTrackingEnginesSessionId(this.sessionId);
+                }
             }
             else if (this.backendVisitorId && (!this.sessionId || this.sessionId.includes('temp-'))) {
                 // Generate new session ID now that we have the proper visitor ID
+                const oldSessionId = this.sessionId;
                 this.sessionId = generateCurrentSessionId(this.backendVisitorId);
+                // Update tracking engines with new session ID if they exist
+                if (oldSessionId !== this.sessionId && this.sessionId) {
+                    this.updateTrackingEnginesSessionId(this.sessionId);
+                }
             }
             return response;
         }