@zaplier/sdk 1.7.7 → 1.7.9

package/dist/sdk.js

@@ -21519,6 +21519,52 @@
             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
          */
@@ -21839,12 +21885,25 @@
                         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;
             }
@@ -21890,6 +21949,23 @@
                 if (this.config.debug) {
                     console.log("[Zaplier] Replay batch result:", result);
                 }
+                // CRITICAL: Synchronize session ID if backend returned a normalized one
+                // This ensures all tracking components use the same session ID
+                if (result.sessionId && result.sessionId !== this.sessionId) {
+                    const oldSessionId = this.sessionId;
+                    this.sessionId = result.sessionId;
+                    if (this.config.debug) {
+                        console.log("[Zaplier] Session ID synchronized from replay response:", {
+                            oldSessionId,
+                            newSessionId: this.sessionId,
+                            originalSessionId: result.originalSessionId
+                        });
+                    }
+                    // Update all tracking engines with the normalized session ID
+                    if (oldSessionId !== this.sessionId && this.sessionId) {
+                        this.updateTrackingEnginesSessionId(this.sessionId);
+                    }
+                }
                 return result;
             }
             catch (error) {