cuoral-ionic 0.0.6 → 0.0.8

package/dist/cuoral.js

@@ -9,6 +9,7 @@ import { Capacitor } from '@capacitor/core';
  */
 export class Cuoral {
     constructor(options) {
+        console.log('[Cuoral] Constructor called with options:', options);
         // Check if running on a mobile platform
         if (!Capacitor.isNativePlatform()) {
             throw new Error('Cuoral Ionic library only works on native mobile platforms (iOS/Android). Web is not supported.');
@@ -18,6 +19,7 @@ export class Cuoral {
             useModal: true,
             ...options
         };
+        console.log('[Cuoral] Merged options:', this.options);
         // Determine widget base URL
         const baseUrl = options.widgetBaseUrl || Cuoral.PRODUCTION_WIDGET_URL;
         const params = new URLSearchParams({
@@ -25,6 +27,11 @@ export class Cuoral {
             key: options.publicKey,
             _t: Date.now().toString(),
         });
+        // Add session_id if available (for widget to use existing session)
+        const existingSessionId = localStorage.getItem('__x_loadID');
+        if (existingSessionId) {
+            params.set('cuoral_mobile_session_id', existingSessionId);
+        }
         if (options.email)
             params.set('email', options.email);
         if (options.firstName)
@@ -42,25 +49,36 @@ export class Cuoral {
             debug: options.debug || false
         });
         this.recorder = new CuoralRecorder();
+        // Expose bridge on window for widget detection and debugging
+        window.CuoralCapacitorBridge = true;
+        window.__cuoralBridge = this.bridge; // For debugging
+        window.__cuoralRecorder = this.recorder; // For debugging
+        console.log('[Cuoral] Bridge and recorder created, exposed on window');
         // Setup automatic message handlers
         this.setupMessageHandlers();
+        console.log('[Cuoral] Constructor complete');
     }
     /**
      * Initialize Cuoral
      */
     async initialize() {
+        // Fetch session configuration and initialize intelligence if enabled by backend
+        await this.initializeIntelligence();
+        console.log('[Cuoral] Initialize - Session ID:', localStorage.getItem('__x_loadID'));
+        // Setup localStorage listener to detect when widget changes session
+        this.setupStorageListener();
         this.bridge.initialize();
         // Recreate modal if it was destroyed (e.g., after clearSession)
         if (this.options.useModal && !this.modal) {
             const widgetUrl = this.getWidgetUrl();
             this.modal = new CuoralModal(widgetUrl, this.options.showFloatingButton);
         }
-        // Initialize modal if enabled
+        // Update modal URL with session ID
         if (this.modal) {
+            const widgetUrl = this.getWidgetUrl();
+            this.modal.updateWidgetUrl(widgetUrl);
             this.modal.initialize();
         }
-        // Fetch session configuration and initialize intelligence if enabled by backend
-        await this.initializeIntelligence();
     }
     /**
      * Initialize intelligence based on backend configuration
@@ -92,9 +110,13 @@ export class Cuoral {
             }
             // Only initialize intelligence if customer_intelligence is enabled in backend
             if (config && config.customer_intelligence === true) {
+                console.log('[Cuoral] Initializing intelligence with session:', sessionId);
                 this.intelligence = new CuoralIntelligence(sessionId);
                 this.intelligence.init();
             }
+            else {
+                console.log('[Cuoral] Intelligence not enabled or no config for session:', sessionId);
+            }
         }
         catch (error) {
             console.warn('[Cuoral] Failed to initialize intelligence:', error);
@@ -151,6 +173,48 @@ export class Cuoral {
             this.intelligence.trackError(message, stackTrace, metadata);
         }
     }
+    /**
+     * Update user profile for the current session
+     * Call this after user logs in to update the intelligence session with their profile
+     * @param email - User's email address
+     * @param name - User's full name
+     */
+    async updateUserProfile(email, name) {
+        try {
+            const sessionId = localStorage.getItem('__x_loadID');
+            if (!sessionId) {
+                console.warn('[Cuoral] No session ID found, cannot update profile');
+                return false;
+            }
+            console.log('[Cuoral] Updating user profile for session:', sessionId);
+            const response = await fetch('https://api.cuoral.com/conversation/set-profile', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({
+                    session_id: sessionId,
+                    email: email,
+                    name: name,
+                }),
+            });
+            if (!response.ok) {
+                console.error('[Cuoral] Failed to update profile:', response.statusText);
+                return false;
+            }
+            console.log('[Cuoral] ✓ User profile updated successfully for session:', sessionId);
+            // Store user info locally
+            this.options.email = email;
+            const nameParts = name.split(' ');
+            if (nameParts.length > 0) {
+                this.options.firstName = nameParts[0];
+                this.options.lastName = nameParts.slice(1).join(' ');
+            }
+            return true;
+        }
+        catch (error) {
+            console.error('[Cuoral] Error updating user profile:', error);
+            return false;
+        }
+    }
     /**
      * Start native screen recording programmatically
      * @returns Promise<boolean> - true if recording started successfully
@@ -166,11 +230,19 @@ export class Cuoral {
     }
     /**
      * Stop native screen recording programmatically
-     * @returns Promise<{filePath?: string; duration?: number} | null> - Recording result or null if failed
+     * Recording will be automatically uploaded to the portal
+     * @returns Promise<{filePath?: string; duration?: number; uploaded?: boolean} | null> - Recording result or null if failed
      */
     async stopRecording() {
         try {
-            return await this.recorder.stopRecording();
+            const sessionId = localStorage.getItem('__x_loadID');
+            const customerId = localStorage.getItem('cuoralCustomerId');
+            return await this.recorder.stopRecording({
+                autoUpload: true,
+                sessionId: sessionId || undefined,
+                publicKey: this.options.publicKey,
+                customerId: customerId || undefined,
+            });
         }
         catch (error) {
             console.error('[Cuoral] Failed to stop recording:', error);
@@ -216,7 +288,7 @@ export class Cuoral {
         // Add session_id if available
         const sessionId = localStorage.getItem('__x_loadID');
         if (sessionId) {
-            params.set('session_id', sessionId);
+            params.set('cuoral_mobile_session_id', sessionId);
         }
         if (this.options.email)
             params.set('email', this.options.email);
@@ -270,6 +342,28 @@ export class Cuoral {
             }
         }
     }
+    /**
+     * Setup localStorage listener for session changes
+     * Widget updates localStorage when creating new session, SDK detects and syncs
+     */
+    setupStorageListener() {
+        // Poll localStorage every 2 seconds to detect session changes
+        // (storage event doesn't fire for same-window changes)
+        let lastKnownSession = localStorage.getItem('__x_loadID');
+        setInterval(() => {
+            const currentSession = localStorage.getItem('__x_loadID');
+            if (currentSession && currentSession !== lastKnownSession) {
+                console.log('[Cuoral] 🔄 Session changed in localStorage');
+                console.log('[Cuoral] Old session:', lastKnownSession);
+                console.log('[Cuoral] New session:', currentSession);
+                lastKnownSession = currentSession;
+                // Update intelligence to use new session
+                if (this.intelligence) {
+                    this.intelligence.updateSessionId(currentSession);
+                }
+            }
+        }, 2000);
+    }
     /**
      * Clean up resources
      */
@@ -357,16 +451,51 @@ export class Cuoral {
     setupMessageHandlers() {
         // Handle start recording requests from widget
         this.bridge.on(CuoralMessageType.START_RECORDING, async () => {
-            const success = await this.recorder.startRecording();
-            if (!success) {
-                // Error already handled by recorder
+            // Pass sendMessages: false to prevent duplicate messages
+            const success = await this.recorder.startRecording(undefined, false);
+            if (success) {
+                // Send RECORDING_STARTED back to widget
+                this.bridge.sendToWidget({
+                    type: CuoralMessageType.RECORDING_STARTED,
+                    payload: {
+                        timestamp: Date.now()
+                    }
+                });
+            }
+            else {
+                this.bridge.sendToWidget({
+                    type: CuoralMessageType.RECORDING_ERROR,
+                    payload: {
+                        error: 'Failed to start recording'
+                    }
+                });
             }
         });
         // Handle stop recording requests from widget
         this.bridge.on(CuoralMessageType.STOP_RECORDING, async () => {
-            const result = await this.recorder.stopRecording();
-            if (result) {
-                // Convert file path to web-accessible URL
+            const sessionId = localStorage.getItem('__x_loadID');
+            const customerId = localStorage.getItem('cuoralCustomerId');
+            // Pass sendMessages: false to prevent duplicate messages
+            const result = await this.recorder.stopRecording({
+                autoUpload: true,
+                sessionId: sessionId || undefined,
+                publicKey: this.options.publicKey,
+                customerId: customerId || undefined,
+            }, false);
+            if (result && result.uploaded) {
+                // Video was automatically uploaded, notify widget with RECORDING_STOPPED
+                this.bridge.sendToWidget({
+                    type: CuoralMessageType.RECORDING_STOPPED,
+                    payload: {
+                        duration: result.duration,
+                        uploaded: true,
+                        uploadedToBackend: true,
+                        timestamp: Date.now()
+                    }
+                });
+            }
+            else if (result) {
+                // Upload failed or was disabled, send video data to widget (old behavior)
                 const capacitorUrl = result.filePath ? Capacitor.convertFileSrc(result.filePath) : '';
                 try {
                     // Fetch the video blob from the capacitor URL

package/dist/index.esm.js

@@ -11,6 +11,7 @@ var CuoralMessageType;
     CuoralMessageType["STOP_RECORDING"] = "CUORAL_STOP_RECORDING";
     CuoralMessageType["RECORDING_STARTED"] = "CUORAL_RECORDING_STARTED";
     CuoralMessageType["RECORDING_STOPPED"] = "CUORAL_RECORDING_STOPPED";
+    CuoralMessageType["RECORDING_UPLOADED"] = "CUORAL_RECORDING_UPLOADED";
     CuoralMessageType["RECORDING_ERROR"] = "CUORAL_RECORDING_ERROR";
     // Screenshot
     CuoralMessageType["TAKE_SCREENSHOT"] = "CUORAL_TAKE_SCREENSHOT";
@@ -19,6 +20,9 @@ var CuoralMessageType;
     // Widget Communication
     CuoralMessageType["WIDGET_READY"] = "CUORAL_WIDGET_READY";
     CuoralMessageType["WIDGET_CLOSED"] = "CUORAL_WIDGET_CLOSED";
+    CuoralMessageType["SESSION_UPDATED"] = "CUORAL_SESSION_UPDATED";
+    CuoralMessageType["REQUEST_SESSION_ID"] = "CUORAL_REQUEST_SESSION_ID";
+    CuoralMessageType["SESSION_ID_RESPONSE"] = "CUORAL_SESSION_ID_RESPONSE";
     // File Upload
     CuoralMessageType["UPLOAD_FILE"] = "CUORAL_UPLOAD_FILE";
     CuoralMessageType["UPLOAD_PROGRESS"] = "CUORAL_UPLOAD_PROGRESS";
@@ -40,7 +44,7 @@ class CuoralRecorder {
     /**
      * Start recording with automatic permission handling
      */
-    async startRecording(options) {
+    async startRecording(options, sendMessages = true) {
         try {
             // Check if already recording
             if (this.isRecording) {
@@ -62,20 +66,24 @@ class CuoralRecorder {
             if (result.success) {
                 this.isRecording = true;
                 this.recordingStartTime = Date.now();
-                // Post message to widget
-                this.postMessage({
-                    type: CuoralMessageType.RECORDING_STARTED,
-                    payload: { timestamp: this.recordingStartTime },
-                });
+                // Post message to widget only if enabled (disabled when called from widget handler)
+                if (sendMessages) {
+                    this.postMessage({
+                        type: CuoralMessageType.RECORDING_STARTED,
+                        payload: { timestamp: this.recordingStartTime },
+                    });
+                }
             }
             else {
                 // Recording failed - reset state and notify widget
                 this.isRecording = false;
                 this.recordingStartTime = undefined;
-                this.postMessage({
-                    type: CuoralMessageType.RECORDING_ERROR,
-                    payload: { error: 'Failed to start recording' },
-                });
+                if (sendMessages) {
+                    this.postMessage({
+                        type: CuoralMessageType.RECORDING_ERROR,
+                        payload: { error: 'Failed to start recording' },
+                    });
+                }
             }
             return result.success;
         }
@@ -83,58 +91,71 @@ class CuoralRecorder {
             // Exception occurred - reset state and notify widget
             this.isRecording = false;
             this.recordingStartTime = undefined;
-            this.postMessage({
-                type: CuoralMessageType.RECORDING_ERROR,
-                payload: { error: error.message },
-            });
+            if (sendMessages) {
+                this.postMessage({
+                    type: CuoralMessageType.RECORDING_ERROR,
+                    payload: { error: error.message },
+                });
+            }
             return false;
         }
     }
     /**
      * Stop recording
      */
-    async stopRecording() {
+    async stopRecording(options, sendMessages = true) {
         try {
             if (!this.isRecording) {
                 // Send error message to widget so it can exit "stopping" state
-                this.postMessage({
-                    type: CuoralMessageType.RECORDING_ERROR,
-                    payload: { error: 'Not recording' },
-                });
+                if (sendMessages) {
+                    this.postMessage({
+                        type: CuoralMessageType.RECORDING_ERROR,
+                        payload: { error: 'Not recording' },
+                    });
+                }
                 return null;
             }
-            const result = await CuoralPlugin$1.stopRecording();
+            const result = await CuoralPlugin$1.stopRecording(options);
             if (result.success) {
                 this.isRecording = false;
                 const duration = this.recordingStartTime
                     ? Math.floor((Date.now() - this.recordingStartTime) / 1000)
                     : 0;
-                // Post message to widget
-                this.postMessage({
-                    type: CuoralMessageType.RECORDING_STOPPED,
-                    payload: {
-                        filePath: result.filePath,
-                        duration: result.duration || duration,
-                    },
-                });
+                // Send RECORDING_STOPPED message only if enabled
+                if (sendMessages) {
+                    this.postMessage({
+                        type: CuoralMessageType.RECORDING_STOPPED,
+                        payload: {
+                            filePath: result.filePath,
+                            duration: result.duration || duration,
+                            uploaded: result.uploaded,
+                            uploadedToBackend: result.uploaded,
+                        },
+                    });
+                }
                 return {
                     filePath: result.filePath,
                     duration: result.duration || duration,
+                    uploaded: result.uploaded,
                 };
             }
             // If result.success is false, send error to widget
-            this.postMessage({
-                type: CuoralMessageType.RECORDING_ERROR,
-                payload: { error: 'Failed to stop recording' },
-            });
+            if (sendMessages) {
+                this.postMessage({
+                    type: CuoralMessageType.RECORDING_ERROR,
+                    payload: { error: 'Failed to stop recording' },
+                });
+            }
             return null;
         }
         catch (error) {
             console.error('[Cuoral] Failed to stop recording:', error);
-            this.postMessage({
-                type: CuoralMessageType.RECORDING_ERROR,
-                payload: { error: error.message },
-            });
+            if (sendMessages) {
+                this.postMessage({
+                    type: CuoralMessageType.RECORDING_ERROR,
+                    payload: { error: error.message },
+                });
+            }
             return null;
         }
     }
@@ -636,6 +657,24 @@ class CuoralIntelligence {
         this.rageClickWindowMs = 2000; // Within 2 seconds
         this.sessionId = sessionId;
     }
+    /**
+     * Update the session ID (e.g., when user logs in)
+     */
+    updateSessionId(newSessionId) {
+        console.log('[Cuoral Intelligence] Updating session ID from', this.sessionId, 'to', newSessionId);
+        this.sessionId = newSessionId;
+        // Flush any pending events with the old session before switching
+        this.flush();
+        // Update native error capture with new session ID
+        if (Capacitor.isNativePlatform()) {
+            CuoralPlugin.setupNativeErrorCapture({
+                backendUrl: this.config.consoleErrorBackendUrl,
+                sessionId: newSessionId
+            }).catch(error => {
+                console.warn('[Cuoral Intelligence] Failed to update native error capture:', error);
+            });
+        }
+    }
     /**
      * Initialize intelligence tracking
      */
@@ -965,6 +1004,7 @@ class CuoralIntelligence {
             url: window.location.href,
             data,
         };
+        console.log(`[Intelligence] Enqueuing ${type} event with session:`, this.sessionId);
         queue.push(event);
         // Flush immediately for critical errors
         const shouldFlushImmediately = type === 'api_call' && (data.status_code === 0 || data.status_code >= 400);
@@ -1394,6 +1434,7 @@ class CuoralIntelligence {
  */
 class Cuoral {
     constructor(options) {
+        console.log('[Cuoral] Constructor called with options:', options);
         // Check if running on a mobile platform
         if (!Capacitor.isNativePlatform()) {
             throw new Error('Cuoral Ionic library only works on native mobile platforms (iOS/Android). Web is not supported.');
@@ -1403,6 +1444,7 @@ class Cuoral {
             useModal: true,
             ...options
         };
+        console.log('[Cuoral] Merged options:', this.options);
         // Determine widget base URL
         const baseUrl = options.widgetBaseUrl || Cuoral.PRODUCTION_WIDGET_URL;
         const params = new URLSearchParams({
@@ -1410,6 +1452,11 @@ class Cuoral {
             key: options.publicKey,
             _t: Date.now().toString(),
         });
+        // Add session_id if available (for widget to use existing session)
+        const existingSessionId = localStorage.getItem('__x_loadID');
+        if (existingSessionId) {
+            params.set('cuoral_mobile_session_id', existingSessionId);
+        }
         if (options.email)
             params.set('email', options.email);
         if (options.firstName)
@@ -1427,25 +1474,36 @@ class Cuoral {
             debug: options.debug || false
         });
         this.recorder = new CuoralRecorder();
+        // Expose bridge on window for widget detection and debugging
+        window.CuoralCapacitorBridge = true;
+        window.__cuoralBridge = this.bridge; // For debugging
+        window.__cuoralRecorder = this.recorder; // For debugging
+        console.log('[Cuoral] Bridge and recorder created, exposed on window');
         // Setup automatic message handlers
         this.setupMessageHandlers();
+        console.log('[Cuoral] Constructor complete');
     }
     /**
      * Initialize Cuoral
      */
     async initialize() {
+        // Fetch session configuration and initialize intelligence if enabled by backend
+        await this.initializeIntelligence();
+        console.log('[Cuoral] Initialize - Session ID:', localStorage.getItem('__x_loadID'));
+        // Setup localStorage listener to detect when widget changes session
+        this.setupStorageListener();
         this.bridge.initialize();
         // Recreate modal if it was destroyed (e.g., after clearSession)
         if (this.options.useModal && !this.modal) {
             const widgetUrl = this.getWidgetUrl();
             this.modal = new CuoralModal(widgetUrl, this.options.showFloatingButton);
         }
-        // Initialize modal if enabled
+        // Update modal URL with session ID
         if (this.modal) {
+            const widgetUrl = this.getWidgetUrl();
+            this.modal.updateWidgetUrl(widgetUrl);
             this.modal.initialize();
         }
-        // Fetch session configuration and initialize intelligence if enabled by backend
-        await this.initializeIntelligence();
     }
     /**
      * Initialize intelligence based on backend configuration
@@ -1477,9 +1535,13 @@ class Cuoral {
             }
             // Only initialize intelligence if customer_intelligence is enabled in backend
             if (config && config.customer_intelligence === true) {
+                console.log('[Cuoral] Initializing intelligence with session:', sessionId);
                 this.intelligence = new CuoralIntelligence(sessionId);
                 this.intelligence.init();
             }
+            else {
+                console.log('[Cuoral] Intelligence not enabled or no config for session:', sessionId);
+            }
         }
         catch (error) {
             console.warn('[Cuoral] Failed to initialize intelligence:', error);
@@ -1536,6 +1598,48 @@ class Cuoral {
             this.intelligence.trackError(message, stackTrace, metadata);
         }
     }
+    /**
+     * Update user profile for the current session
+     * Call this after user logs in to update the intelligence session with their profile
+     * @param email - User's email address
+     * @param name - User's full name
+     */
+    async updateUserProfile(email, name) {
+        try {
+            const sessionId = localStorage.getItem('__x_loadID');
+            if (!sessionId) {
+                console.warn('[Cuoral] No session ID found, cannot update profile');
+                return false;
+            }
+            console.log('[Cuoral] Updating user profile for session:', sessionId);
+            const response = await fetch('https://api.cuoral.com/conversation/set-profile', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({
+                    session_id: sessionId,
+                    email: email,
+                    name: name,
+                }),
+            });
+            if (!response.ok) {
+                console.error('[Cuoral] Failed to update profile:', response.statusText);
+                return false;
+            }
+            console.log('[Cuoral] ✓ User profile updated successfully for session:', sessionId);
+            // Store user info locally
+            this.options.email = email;
+            const nameParts = name.split(' ');
+            if (nameParts.length > 0) {
+                this.options.firstName = nameParts[0];
+                this.options.lastName = nameParts.slice(1).join(' ');
+            }
+            return true;
+        }
+        catch (error) {
+            console.error('[Cuoral] Error updating user profile:', error);
+            return false;
+        }
+    }
     /**
      * Start native screen recording programmatically
      * @returns Promise<boolean> - true if recording started successfully
@@ -1551,11 +1655,19 @@ class Cuoral {
     }
     /**
      * Stop native screen recording programmatically
-     * @returns Promise<{filePath?: string; duration?: number} | null> - Recording result or null if failed
+     * Recording will be automatically uploaded to the portal
+     * @returns Promise<{filePath?: string; duration?: number; uploaded?: boolean} | null> - Recording result or null if failed
      */
     async stopRecording() {
         try {
-            return await this.recorder.stopRecording();
+            const sessionId = localStorage.getItem('__x_loadID');
+            const customerId = localStorage.getItem('cuoralCustomerId');
+            return await this.recorder.stopRecording({
+                autoUpload: true,
+                sessionId: sessionId || undefined,
+                publicKey: this.options.publicKey,
+                customerId: customerId || undefined,
+            });
         }
         catch (error) {
             console.error('[Cuoral] Failed to stop recording:', error);
@@ -1601,7 +1713,7 @@ class Cuoral {
         // Add session_id if available
         const sessionId = localStorage.getItem('__x_loadID');
         if (sessionId) {
-            params.set('session_id', sessionId);
+            params.set('cuoral_mobile_session_id', sessionId);
         }
         if (this.options.email)
             params.set('email', this.options.email);
@@ -1655,6 +1767,28 @@ class Cuoral {
             }
         }
     }
+    /**
+     * Setup localStorage listener for session changes
+     * Widget updates localStorage when creating new session, SDK detects and syncs
+     */
+    setupStorageListener() {
+        // Poll localStorage every 2 seconds to detect session changes
+        // (storage event doesn't fire for same-window changes)
+        let lastKnownSession = localStorage.getItem('__x_loadID');
+        setInterval(() => {
+            const currentSession = localStorage.getItem('__x_loadID');
+            if (currentSession && currentSession !== lastKnownSession) {
+                console.log('[Cuoral] 🔄 Session changed in localStorage');
+                console.log('[Cuoral] Old session:', lastKnownSession);
+                console.log('[Cuoral] New session:', currentSession);
+                lastKnownSession = currentSession;
+                // Update intelligence to use new session
+                if (this.intelligence) {
+                    this.intelligence.updateSessionId(currentSession);
+                }
+            }
+        }, 2000);
+    }
     /**
      * Clean up resources
      */
@@ -1742,13 +1876,51 @@ class Cuoral {
     setupMessageHandlers() {
         // Handle start recording requests from widget
         this.bridge.on(CuoralMessageType.START_RECORDING, async () => {
-            await this.recorder.startRecording();
+            // Pass sendMessages: false to prevent duplicate messages
+            const success = await this.recorder.startRecording(undefined, false);
+            if (success) {
+                // Send RECORDING_STARTED back to widget
+                this.bridge.sendToWidget({
+                    type: CuoralMessageType.RECORDING_STARTED,
+                    payload: {
+                        timestamp: Date.now()
+                    }
+                });
+            }
+            else {
+                this.bridge.sendToWidget({
+                    type: CuoralMessageType.RECORDING_ERROR,
+                    payload: {
+                        error: 'Failed to start recording'
+                    }
+                });
+            }
         });
         // Handle stop recording requests from widget
         this.bridge.on(CuoralMessageType.STOP_RECORDING, async () => {
-            const result = await this.recorder.stopRecording();
-            if (result) {
-                // Convert file path to web-accessible URL
+            const sessionId = localStorage.getItem('__x_loadID');
+            const customerId = localStorage.getItem('cuoralCustomerId');
+            // Pass sendMessages: false to prevent duplicate messages
+            const result = await this.recorder.stopRecording({
+                autoUpload: true,
+                sessionId: sessionId || undefined,
+                publicKey: this.options.publicKey,
+                customerId: customerId || undefined,
+            }, false);
+            if (result && result.uploaded) {
+                // Video was automatically uploaded, notify widget with RECORDING_STOPPED
+                this.bridge.sendToWidget({
+                    type: CuoralMessageType.RECORDING_STOPPED,
+                    payload: {
+                        duration: result.duration,
+                        uploaded: true,
+                        uploadedToBackend: true,
+                        timestamp: Date.now()
+                    }
+                });
+            }
+            else if (result) {
+                // Upload failed or was disabled, send video data to widget (old behavior)
                 const capacitorUrl = result.filePath ? Capacitor.convertFileSrc(result.filePath) : '';
                 try {
                     // Fetch the video blob from the capacitor URL