cuoral-ionic 0.0.4 → 0.0.6

package/README.md

@@ -240,6 +240,65 @@ async login(email: string, firstName: string, lastName: string) {
 - Create a new Cuoral instance for each user login
 - Email, first name, and last name are all required for identified users
 
+## Push Notifications
+
+Cuoral integrates seamlessly with your existing push notification system using webhooks. When an agent sends a message, Cuoral sends a webhook to your backend, allowing you to send push notifications to users when the widget is closed.
+
+**How it works:**
+
+1. **Track widget state** in your app (open/closed)
+2. **Configure webhooks** in your Cuoral dashboard
+3. **Receive webhook** when agent sends message
+4. **Send FCM/APNs push** if widget is closed
+
+**Example Implementation:**
+
+```typescript
+export class MyApp {
+  private isCuoralWidgetOpen = false;
+
+  // When user opens support
+  openSupport() {
+    this.isCuoralWidgetOpen = true;
+    this.cuoral.openModal();
+  }
+
+  // When user closes support
+  closeSupport() {
+    this.isCuoralWidgetOpen = false;
+    this.cuoral.closeModal();
+  }
+
+  // Handle incoming push notifications (your existing FCM handler)
+  async handlePushNotification(message: any) {
+    if (message.data.type === 'cuoral_message') {
+      // Don't show notification if widget is already open
+      if (this.isCuoralWidgetOpen) {
+        return; // User already sees the message
+      }
+
+      // Show notification to user
+      await this.showNotification({
+        title: 'New message from Support',
+        body: message.data.text,
+      });
+
+      // When user taps notification, open widget
+      this.openSupport();
+    }
+  }
+}
+```
+
+**Setup:**
+
+1. Configure your webhook URL in Cuoral Dashboard → Settings → Webhooks
+2. Cuoral sends webhooks for all new messages
+3. Your backend decides whether to send push based on your app's state
+4. User taps notification → your app calls `cuoral.openModal()`
+
+This approach works with your existing FCM/APNs setup - no additional SDK configuration needed!
+
 ## Configuration
 
 ### CuoralOptions
@@ -284,7 +343,19 @@ new Cuoral({
 
 ```typescript
 // Initialize Cuoral
-cuoral.initialize(): void
+cuoral.initialize(): Promise<void>
+
+// Track page/screen view (for intelligence)
+cuoral.trackPageView(screen: string, metadata?: any): void
+
+// Track error manually (for intelligence)
+cuoral.trackError(message: string, stackTrace?: string, metadata?: any): void
+
+// Start native screen recording programmatically
+cuoral.startRecording(): Promise<boolean>
+
+// Stop native screen recording programmatically
+cuoral.stopRecording(): Promise<{filePath?: string; duration?: number} | null>
 
 // Get widget URL for iframe embedding
 cuoral.getWidgetUrl(): string
@@ -298,10 +369,69 @@ cuoral.closeModal(): void
 // Check if modal is open
 cuoral.isModalOpen(): boolean
 
+// Clear and end current session (call before logout)
+cuoral.clearSession(): Promise<void>
+
 // Clean up resources
 cuoral.destroy(): void
 ```
 
+### Programmatic Screen Recording
+
+You can trigger native screen recording programmatically from your app code:
+
+```typescript
+async startUserRecording() {
+  const started = await this.cuoral.startRecording();
+  if (started) {
+    console.log('Recording started successfully');
+    this.isRecording = true;
+  } else {
+    console.error('Failed to start recording');
+  }
+}
+
+async stopUserRecording() {
+  const result = await this.cuoral.stopRecording();
+  if (result) {
+    console.log('Recording stopped', {
+      filePath: result.filePath,
+      duration: result.duration
+    });
+    this.isRecording = false;
+  } else {
+    console.error('Failed to stop recording');
+  }
+}
+```
+
+**Use Cases:**
+- Allow users to record their issue before contacting support
+- Implement custom recording UI in your app
+- Record specific user flows programmatically
+- Create bug reporting features with automatic recording
+
+**Note:** Recording still requires user permission on iOS (microphone access). The video file is automatically processed and available for playback in the support widget.
+
+### Manual Intelligence Tracking
+
+Track custom events beyond automatic tracking:
+
+```typescript
+// Track page/screen view
+this.cuoral.trackPageView('/checkout', {
+  cart_items: 3,
+  total_value: 99.99
+});
+
+// Track error manually
+this.cuoral.trackError(
+  'Payment failed',
+  error.stack,
+  { payment_method: 'credit_card', amount: 99.99 }
+);
+```
+
 ## What Gets Handled Automatically
 
 - ✅ Support ticket creation and management

package/dist/cuoral.d.ts

@@ -40,6 +40,19 @@ export declare class Cuoral {
      * Track an error manually
      */
     trackError(message: string, stackTrace?: string, metadata?: any): void;
+    /**
+     * Start native screen recording programmatically
+     * @returns Promise<boolean> - true if recording started successfully
+     */
+    startRecording(): Promise<boolean>;
+    /**
+     * Stop native screen recording programmatically
+     * @returns Promise<{filePath?: string; duration?: number} | null> - Recording result or null if failed
+     */
+    stopRecording(): Promise<{
+        filePath?: string;
+        duration?: number;
+    } | null>;
     /**
      * Open the widget modal
      */

package/dist/cuoral.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cuoral.d.ts","sourceRoot":"","sources":["../src/cuoral.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAeD;;GAEG;AACH,qBAAa,MAAM;IACjB,OAAO,CAAC,MAAM,CAAe;IAC7B,OAAO,CAAC,QAAQ,CAAiB;IACjC,OAAO,CAAC,KAAK,CAAC,CAAc;IAC5B,OAAO,CAAC,YAAY,CAAC,CAAqB;IAC1C,OAAO,CAAC,OAAO,CAAgB;IAC/B,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,qBAAqB,CAAuC;IACpF,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAwB;gBAElD,OAAO,EAAE,aAAa;IA2ClC;;OAEG;IACU,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IAkBxC;;OAEG;YACW,sBAAsB;IAwCpC;;OAEG;YACW,yBAAyB;IAoCvC;;OAEG;IACI,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,GAAG,GAAG,IAAI;IAM1D;;OAEG;IACI,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,GAAG,GAAG,IAAI;IAM7E;;OAEG;IACI,SAAS,IAAI,IAAI;IASxB;;OAEG;IACI,UAAU,IAAI,IAAI;IAMzB;;OAEG;IACI,WAAW,IAAI,OAAO;IAI7B;;OAEG;IACI,YAAY,IAAI,MAAM;IAuB7B;;OAEG;IACU,YAAY,IAAI,OAAO,CAAC,IAAI,CAAC;IA6C1C;;OAEG;IACI,OAAO,IAAI,IAAI;IActB;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAa5B;;OAEG;YACW,eAAe;IAkC7B;;OAEG;YACW,UAAU;IAmBxB;;OAEG;IACH,OAAO,CAAC,oBAAoB;CAuE7B"}
+{"version":3,"file":"cuoral.d.ts","sourceRoot":"","sources":["../src/cuoral.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAeD;;GAEG;AACH,qBAAa,MAAM;IACjB,OAAO,CAAC,MAAM,CAAe;IAC7B,OAAO,CAAC,QAAQ,CAAiB;IACjC,OAAO,CAAC,KAAK,CAAC,CAAc;IAC5B,OAAO,CAAC,YAAY,CAAC,CAAqB;IAC1C,OAAO,CAAC,OAAO,CAAgB;IAC/B,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,qBAAqB,CAAuC;IACpF,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAwB;gBAElD,OAAO,EAAE,aAAa;IA2ClC;;OAEG;IACU,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IAkBxC;;OAEG;YACW,sBAAsB;IAwCpC;;OAEG;YACW,yBAAyB;IAoCvC;;OAEG;IACI,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,GAAG,GAAG,IAAI;IAM1D;;OAEG;IACI,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,GAAG,GAAG,IAAI;IAM7E;;;OAGG;IACU,cAAc,IAAI,OAAO,CAAC,OAAO,CAAC;IAS/C;;;OAGG;IACU,aAAa,IAAI,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAC,GAAG,IAAI,CAAC;IASpF;;OAEG;IACI,SAAS,IAAI,IAAI;IASxB;;OAEG;IACI,UAAU,IAAI,IAAI;IAMzB;;OAEG;IACI,WAAW,IAAI,OAAO;IAI7B;;OAEG;IACI,YAAY,IAAI,MAAM;IAuB7B;;OAEG;IACU,YAAY,IAAI,OAAO,CAAC,IAAI,CAAC;IA6C1C;;OAEG;IACI,OAAO,IAAI,IAAI;IActB;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAa5B;;OAEG;YACW,eAAe;IAkC7B;;OAEG;YACW,UAAU;IAmBxB;;OAEG;IACH,OAAO,CAAC,oBAAoB;CAuE7B"}

package/dist/cuoral.js

@@ -151,6 +151,32 @@ export class Cuoral {
             this.intelligence.trackError(message, stackTrace, metadata);
         }
     }
+    /**
+     * 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
+     * @returns Promise<{filePath?: string; duration?: number} | null> - Recording result or null if failed
+     */
+    async stopRecording() {
+        try {
+            return await this.recorder.stopRecording();
+        }
+        catch (error) {
+            console.error('[Cuoral] Failed to stop recording:', error);
+            return null;
+        }
+    }
     /**
      * Open the widget modal
      */

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
@@ -602,11 +603,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,6 +626,14 @@ 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;
     }
     /**
@@ -637,6 +648,7 @@ class CuoralIntelligence {
         this.setupNetworkMonitoring();
         this.setupAppStateListener();
         this.setupNativeErrorCapture();
+        this.setupSessionReplay();
         this.isInitialized = true;
         this.flushPendingEvents();
     }
@@ -684,6 +696,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;
@@ -1099,6 +1122,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}`,
+        };
+    }
 }
 
 /**
@@ -1248,6 +1536,32 @@ class Cuoral {
             this.intelligence.trackError(message, stackTrace, metadata);
         }
     }
+    /**
+     * 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
+     * @returns Promise<{filePath?: string; duration?: number} | null> - Recording result or null if failed
+     */
+    async stopRecording() {
+        try {
+            return await this.recorder.stopRecording();
+        }
+        catch (error) {
+            console.error('[Cuoral] Failed to stop recording:', error);
+            return null;
+        }
+    }
     /**
      * Open the widget modal
      */

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}