@zaplier/sdk 1.2.4 → 1.2.6

package/dist/index.esm.js

@@ -6988,10 +6988,10 @@ class SessionReplayEngine {
         this.sessionId = sessionId;
         this.config = {
             enabled: true,
-            sampleRate: 0.1,
+            sampleRate: 1.0, // 100% for development/testing
             maskSensitiveFields: true,
             maxEventBuffer: 1000,
-            batchInterval: 5000,
+            batchInterval: 2000, // Send every 2 seconds for faster testing
             captureClicks: true,
             captureScrolls: true,
             captureInputs: true,
@@ -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,23 +7279,55 @@ class SessionReplayEngine {
         try {
             // Try WebRTC first if anti-adblock manager is available
             if (this.antiAdblockManager) {
-                const result = await this.antiAdblockManager.send(payload, '/api/replay/record');
+                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 || '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('/api/replay/record', {
+            const response = await fetch(url, {
                 method: 'POST',
                 headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify(payload)
+                body: JSON.stringify(requestBody)
             });
+            const responseText = await response.text();
             if (!response.ok) {
-                console.warn('[Zaplier] Session replay batch failed to send');
+                console.error('[Zaplier] Session replay batch failed:', {
+                    status: response.status,
+                    statusText: response.statusText,
+                    response: responseText
+                });
+            }
+            else {
+                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);
         }
     }
     /**