cuoral-ionic 0.0.5 → 0.0.7

package/dist/index.esm.js

@@ -1,4 +1,5 @@
 import { registerPlugin, Capacitor } from '@capacitor/core';
+import * as rrweb from 'rrweb';
 
 /**
  * Message types for communication between WebView and Native code
@@ -10,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";
@@ -18,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";
@@ -92,7 +97,7 @@ class CuoralRecorder {
     /**
      * Stop recording
      */
-    async stopRecording() {
+    async stopRecording(options) {
         try {
             if (!this.isRecording) {
                 // Send error message to widget so it can exit "stopping" state
@@ -102,23 +107,36 @@ class CuoralRecorder {
                 });
                 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,
-                    },
-                });
+                // If uploaded, notify widget differently
+                if (result.uploaded) {
+                    this.postMessage({
+                        type: CuoralMessageType.RECORDING_UPLOADED,
+                        payload: {
+                            duration: result.duration || duration,
+                            uploaded: true
+                        },
+                    });
+                }
+                else {
+                    // Post message to widget (old behavior)
+                    this.postMessage({
+                        type: CuoralMessageType.RECORDING_STOPPED,
+                        payload: {
+                            filePath: result.filePath,
+                            duration: result.duration || duration,
+                        },
+                    });
+                }
                 return {
                     filePath: result.filePath,
                     duration: result.duration || duration,
+                    uploaded: result.uploaded,
                 };
             }
             // If result.success is false, send error to widget
@@ -602,11 +620,13 @@ class CuoralIntelligence {
             consoleErrorBackendUrl: 'https://api.cuoral.com/customer-intelligence/console-error',
             pageViewBackendUrl: 'https://api.cuoral.com/customer-intelligence/page-view',
             apiResponseBackendUrl: 'https://api.cuoral.com/customer-intelligence/api-response',
+            sessionReplayBackendUrl: 'https://api.cuoral.com/customer-intelligence/session-recording/batch',
             batchSize: 10,
             batchInterval: 2000,
             maxQueueSize: 30,
             retryAttempts: 1,
             retryDelay: 2000,
+            sessionReplayBatchInterval: 10000, // 10 seconds
         };
         this.queues = {
             console_error: [],
@@ -623,8 +643,34 @@ class CuoralIntelligence {
         // Network monitoring state
         this.originalFetch = null;
         this.originalXMLHttpRequest = null;
+        // Session replay state
+        this.rrwebStopFn = null;
+        this.rrwebEvents = [];
+        this.customEvents = [];
+        this.sessionReplayTimer = null;
+        this.clickTimestamps = new Map();
+        this.rageClickThreshold = 5; // 5 rapid clicks
+        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
      */
@@ -637,6 +683,7 @@ class CuoralIntelligence {
         this.setupNetworkMonitoring();
         this.setupAppStateListener();
         this.setupNativeErrorCapture();
+        this.setupSessionReplay();
         this.isInitialized = true;
         this.flushPendingEvents();
     }
@@ -684,6 +731,17 @@ class CuoralIntelligence {
                 delete this.batchTimers[type];
             }
         });
+        // Stop session replay
+        if (this.rrwebStopFn) {
+            this.rrwebStopFn();
+            this.rrwebStopFn = null;
+        }
+        if (this.sessionReplayTimer) {
+            clearInterval(this.sessionReplayTimer);
+            this.sessionReplayTimer = null;
+        }
+        // Flush remaining session replay data
+        this.flushSessionReplayBatch();
         // Restore original functions
         if (this.originalFetch) {
             window.fetch = this.originalFetch;
@@ -942,6 +1000,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);
@@ -1099,6 +1158,271 @@ class CuoralIntelligence {
             // Silently fail if plugin is not available
         }
     }
+    /**
+     * Setup session replay with rrweb
+     */
+    setupSessionReplay() {
+        if (!this.sessionId) {
+            console.warn('[Cuoral Intelligence] Session replay requires a session ID');
+            return;
+        }
+        // Start rrweb recording
+        this.rrwebStopFn = rrweb.record({
+            emit: (event) => {
+                this.rrwebEvents.push(event);
+            },
+            checkoutEveryNms: 60000, // Full snapshot every minute
+            sampling: {
+                scroll: 150, // Throttle scroll events
+                media: 800,
+                input: 'last', // Only record final input value (privacy)
+            },
+            maskAllInputs: true, // Mask sensitive inputs (privacy)
+            blockClass: 'cuoral-block',
+            ignoreClass: 'cuoral-ignore',
+        });
+        // Setup custom event tracking
+        this.setupClickTracking();
+        this.setupScrollTracking();
+        this.setupFormTracking();
+        // Start batch timer (send every ~10 seconds)
+        this.sessionReplayTimer = setInterval(() => {
+            this.flushSessionReplayBatch();
+        }, this.config.sessionReplayBatchInterval);
+    }
+    /**
+     * Setup click tracking (including rage clicks)
+     */
+    setupClickTracking() {
+        document.addEventListener('click', (event) => {
+            const target = event.target;
+            if (!target)
+                return;
+            const selector = this.getElementSelector(target);
+            const elementText = target.textContent?.trim().substring(0, 100) || '';
+            const url = window.location.href;
+            const now = Date.now();
+            // Track regular click
+            this.addCustomEvent({
+                name: 'click',
+                category: 'interaction',
+                url,
+                element_selector: selector,
+                element_text: elementText,
+                event_timestamp: new Date(now).toISOString(),
+                session_id: this.sessionId,
+                properties: this.getMetadata(),
+            });
+            // Track rage click detection
+            const clicks = this.clickTimestamps.get(selector) || [];
+            clicks.push(now);
+            // Remove old clicks outside the time window
+            const recentClicks = clicks.filter(timestamp => now - timestamp < this.rageClickWindowMs);
+            this.clickTimestamps.set(selector, recentClicks);
+            // If 5+ clicks within 2 seconds = rage click
+            if (recentClicks.length >= this.rageClickThreshold) {
+                this.addCustomEvent({
+                    name: 'rage_click',
+                    category: 'frustration',
+                    url,
+                    element_selector: selector,
+                    element_text: elementText,
+                    event_timestamp: new Date(now).toISOString(),
+                    session_id: this.sessionId,
+                    properties: {
+                        ...this.getMetadata(),
+                        click_count: recentClicks.length,
+                    },
+                });
+                // Clear after detecting rage click
+                this.clickTimestamps.delete(selector);
+            }
+        }, true);
+    }
+    /**
+     * Setup scroll depth tracking
+     */
+    setupScrollTracking() {
+        let scrollDepths = new Set();
+        let ticking = false;
+        const trackScroll = () => {
+            const scrollPercentage = Math.round((window.scrollY / (document.documentElement.scrollHeight - window.innerHeight)) * 100);
+            // Track milestones: 25%, 50%, 75%, 100%
+            const milestones = [25, 50, 75, 100];
+            for (const milestone of milestones) {
+                if (scrollPercentage >= milestone && !scrollDepths.has(milestone)) {
+                    scrollDepths.add(milestone);
+                    this.addCustomEvent({
+                        name: 'scroll_depth',
+                        category: 'engagement',
+                        url: window.location.href,
+                        event_timestamp: new Date().toISOString(),
+                        session_id: this.sessionId,
+                        properties: {
+                            ...this.getMetadata(),
+                            percentage: milestone,
+                        },
+                    });
+                }
+            }
+            ticking = false;
+        };
+        window.addEventListener('scroll', () => {
+            if (!ticking) {
+                window.requestAnimationFrame(trackScroll);
+                ticking = true;
+            }
+        });
+    }
+    /**
+     * Setup form tracking
+     */
+    setupFormTracking() {
+        const trackedForms = new WeakSet();
+        // Track form starts
+        document.addEventListener('focusin', (event) => {
+            const target = event.target;
+            if (!target)
+                return;
+            const form = target.closest('form');
+            if (form && !trackedForms.has(form)) {
+                trackedForms.add(form);
+                this.addCustomEvent({
+                    name: 'form_started',
+                    category: 'form',
+                    url: window.location.href,
+                    element_selector: this.getElementSelector(form),
+                    event_timestamp: new Date().toISOString(),
+                    session_id: this.sessionId,
+                    properties: this.getMetadata(),
+                });
+            }
+        }, true);
+        // Track form submissions
+        document.addEventListener('submit', (event) => {
+            const form = event.target;
+            if (!form)
+                return;
+            this.addCustomEvent({
+                name: 'form_submitted',
+                category: 'form',
+                url: window.location.href,
+                element_selector: this.getElementSelector(form),
+                event_timestamp: new Date().toISOString(),
+                session_id: this.sessionId,
+                properties: this.getMetadata(),
+            });
+        }, true);
+        // Track form abandonment (on page exit with incomplete forms)
+        window.addEventListener('beforeunload', () => {
+            document.querySelectorAll('form').forEach((form) => {
+                const inputs = form.querySelectorAll('input, textarea, select');
+                const hasValue = Array.from(inputs).some((input) => input.value);
+                if (hasValue && !trackedForms.has(form)) {
+                    this.addCustomEvent({
+                        name: 'form_abandoned',
+                        category: 'form',
+                        url: window.location.href,
+                        element_selector: this.getElementSelector(form),
+                        event_timestamp: new Date().toISOString(),
+                        session_id: this.sessionId,
+                        properties: this.getMetadata(),
+                    });
+                }
+            });
+        });
+    }
+    /**
+     * Track custom business events (flows, features, etc.)
+     */
+    trackCustomEvent(name, category, properties = {}, elementSelector, elementText) {
+        this.addCustomEvent({
+            name,
+            category,
+            url: window.location.href,
+            element_selector: elementSelector,
+            element_text: elementText,
+            event_timestamp: new Date().toISOString(),
+            session_id: this.sessionId,
+            properties: {
+                ...this.getMetadata(),
+                ...properties,
+            },
+        });
+    }
+    /**
+     * Add a custom event to the buffer
+     */
+    addCustomEvent(event) {
+        this.customEvents.push(event);
+    }
+    /**
+     * Flush session replay batch
+     */
+    flushSessionReplayBatch() {
+        if (!this.sessionId)
+            return;
+        const eventsToSend = [...this.rrwebEvents];
+        const customEventsToSend = [...this.customEvents];
+        // Clear buffers
+        this.rrwebEvents = [];
+        this.customEvents = [];
+        // Only send if there's data
+        if (eventsToSend.length === 0 && customEventsToSend.length === 0) {
+            return;
+        }
+        const batch = {
+            session_id: this.sessionId,
+            events: eventsToSend,
+            custom_events: customEventsToSend,
+        };
+        this.sendSessionReplayBatch(batch);
+    }
+    /**
+     * Send session replay batch to backend
+     */
+    async sendSessionReplayBatch(batch) {
+        try {
+            const response = await fetch(this.config.sessionReplayBackendUrl, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify(batch),
+            });
+            if (!response.ok) {
+                console.warn('[Cuoral Intelligence] Failed to send session replay batch');
+            }
+        }
+        catch (error) {
+            console.warn('[Cuoral Intelligence] Error sending session replay batch:', error);
+        }
+    }
+    /**
+     * Get element selector (CSS selector)
+     */
+    getElementSelector(element) {
+        if (element.id) {
+            return `#${element.id}`;
+        }
+        if (element.className && typeof element.className === 'string') {
+            const classes = element.className.split(' ').filter(c => c).join('.');
+            if (classes) {
+                return `${element.tagName.toLowerCase()}.${classes}`;
+            }
+        }
+        return element.tagName.toLowerCase();
+    }
+    /**
+     * Get metadata (user agent, screen resolution, viewport)
+     */
+    getMetadata() {
+        return {
+            user_agent: navigator.userAgent,
+            screen_resolution: `${screen.width}x${screen.height}`,
+            viewport_size: `${window.innerWidth}x${window.innerHeight}`,
+        };
+    }
 }
 
 /**
@@ -1122,6 +1446,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)
@@ -1146,18 +1475,23 @@ 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
@@ -1189,9 +1523,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);
@@ -1248,6 +1586,82 @@ 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
      */
@@ -1287,7 +1701,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);
@@ -1341,6 +1755,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
      */
@@ -1432,9 +1868,27 @@ 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

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}