cuoral-ionic 0.0.5 → 0.0.7

package/dist/cuoral.js

@@ -25,6 +25,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)
@@ -49,18 +54,23 @@ export class Cuoral {
      * 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 +102,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 +165,82 @@ 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
+     */
+    async startRecording() {
+        try {
+            return await this.recorder.startRecording();
+        }
+        catch (error) {
+            console.error('[Cuoral] Failed to start recording:', error);
+            return false;
+        }
+    }
+    /**
+     * Stop native screen recording programmatically
+     * 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 {
+            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);
+            return null;
+        }
+    }
     /**
      * Open the widget modal
      */
@@ -190,7 +280,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);
@@ -244,6 +334,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
      */
@@ -338,9 +450,27 @@ export class Cuoral {
         });
         // 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');
+            const result = await this.recorder.stopRecording({
+                autoUpload: true,
+                sessionId: sessionId || undefined,
+                publicKey: this.options.publicKey,
+                customerId: customerId || undefined,
+            });
+            if (result && result.uploaded) {
+                // Video was automatically uploaded, just notify widget
+                this.bridge.sendToWidget({
+                    type: CuoralMessageType.RECORDING_UPLOADED,
+                    payload: {
+                        duration: result.duration,
+                        uploaded: 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