@zaplier/sdk 1.2.5 → 1.2.6

package/dist/index.esm.js

@@ -7247,10 +7247,13 @@ class SessionReplayEngine {
      * Send batch of events
      */
     sendBatch() {
-        if (this.events.length === 0)
+        if (this.events.length === 0) {
+            console.log('[Zaplier] No events to send in batch');
             return;
+        }
         const batch = [...this.events];
         this.events = [];
+        console.log(`[Zaplier] Sending batch with ${batch.length} events for session ${this.sessionId}`);
         const payload = {
             sessionId: this.sessionId,
             events: batch,
@@ -7276,39 +7279,55 @@ class SessionReplayEngine {
         try {
             // Try WebRTC first if anti-adblock manager is available
             if (this.antiAdblockManager) {
+                console.log('[Zaplier] Trying WebRTC transport...');
                 const result = await this.antiAdblockManager.send(payload, '/replays/record');
                 if (result.success) {
+                    console.log('[Zaplier] Session replay sent via WebRTC');
                     return; // Success via WebRTC
                 }
+                console.log('[Zaplier] WebRTC failed, falling back to fetch');
             }
             // Get API endpoint from global config
             const apiEndpoint = window.zaplier_config?.apiEndpoint || 'http://localhost:3001';
-            const token = window.zaplier_config?.token || '';
+            const token = window.zaplier_config?.token || 'ws_demo_token';
+            const url = `${apiEndpoint}/replays/record?token=${token}`;
+            console.log(`[Zaplier] Sending replay batch to ${url}`);
+            console.log(`[Zaplier] Payload:`, {
+                sessionId: payload.sessionId,
+                eventCount: payload.events.length,
+                hasMetadata: !!payload.metadata
+            });
+            const requestBody = {
+                sessionId: payload.sessionId,
+                events: payload.events,
+                metadata: {
+                    startUrl: window.location.href,
+                    duration: Date.now() - (performance.timeOrigin || Date.now()),
+                    funnelSteps: [],
+                    hasConversion: false,
+                    ...payload.metadata
+                }
+            };
             // Fallback to standard fetch
-            const response = await fetch(`${apiEndpoint}/replays/record?token=${token}`, {
+            const response = await fetch(url, {
                 method: 'POST',
                 headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({
-                    sessionId: payload.sessionId,
-                    events: payload.events,
-                    metadata: {
-                        startUrl: window.location.href,
-                        duration: Date.now() - (performance.timeOrigin || Date.now()),
-                        funnelSteps: [],
-                        hasConversion: false,
-                        ...payload.metadata
-                    }
-                })
+                body: JSON.stringify(requestBody)
             });
+            const responseText = await response.text();
             if (!response.ok) {
-                console.warn('[Zaplier] Session replay batch failed to send:', response.status);
+                console.error('[Zaplier] Session replay batch failed:', {
+                    status: response.status,
+                    statusText: response.statusText,
+                    response: responseText
+                });
             }
             else {
-                console.log('[Zaplier] Session replay batch sent successfully');
+                console.log('[Zaplier] Session replay batch sent successfully:', responseText);
             }
         }
         catch (error) {
-            console.warn('[Zaplier] Session replay error:', error);
+            console.error('[Zaplier] Session replay error:', error);
         }
     }
     /**