@seaverse/auth-sdk 0.3.9 → 0.4.1

package/dist/index.d.ts

@@ -1056,6 +1056,35 @@ declare class SeaVerseBackendAPIClient {
      * }
      */
     setToken(token: string): void;
+    /**
+     * Check if the application is running inside an iframe
+     * This is a utility method to detect iframe context before calling iframe-specific methods
+     *
+     * @returns true if running in an iframe, false otherwise
+     *
+     * @example
+     * // Check if in iframe before requesting token
+     * if (client.isInIframe()) {
+     *   const token = await client.getIframeToken();
+     *   client.setToken(token);
+     * } else {
+     *   console.log('Not running in an iframe');
+     * }
+     *
+     * @example
+     * // Use as a static method without client instance
+     * if (SeaVerseBackendAPIClient.isInIframe()) {
+     *   console.log('Application is embedded in an iframe');
+     * }
+     */
+    static isInIframe(): boolean;
+    /**
+     * Instance method to check if running in an iframe
+     * Calls the static method for convenience
+     *
+     * @returns true if running in an iframe, false otherwise
+     */
+    isInIframe(): boolean;
     /**
      * Get token from parent window via iframe communication
      * This method is designed for scenarios where the application is embedded in an iframe
@@ -1552,6 +1581,7 @@ declare class Toast {
     private static toasts;
     private static nextId;
     private static cssInjected;
+    private static timers;
     /**
      * Show a toast notification
      */
@@ -1579,6 +1609,14 @@ declare class Toast {
      * Create close button SVG
      */
     private static createCloseSVG;
+    /**
+     * Schedule auto-dismiss for a toast
+     */
+    private static scheduleAutoDismiss;
+    /**
+     * Clear auto-dismiss timer for a toast
+     */
+    private static clearAutoDismiss;
     /**
      * Dismiss a toast
      */

package/dist/index.js

@@ -1262,6 +1262,51 @@ class SeaVerseBackendAPIClient {
         // Update the httpClient's auth
         this.httpClient.auth = auth;
     }
+    /**
+     * Check if the application is running inside an iframe
+     * This is a utility method to detect iframe context before calling iframe-specific methods
+     *
+     * @returns true if running in an iframe, false otherwise
+     *
+     * @example
+     * // Check if in iframe before requesting token
+     * if (client.isInIframe()) {
+     *   const token = await client.getIframeToken();
+     *   client.setToken(token);
+     * } else {
+     *   console.log('Not running in an iframe');
+     * }
+     *
+     * @example
+     * // Use as a static method without client instance
+     * if (SeaVerseBackendAPIClient.isInIframe()) {
+     *   console.log('Application is embedded in an iframe');
+     * }
+     */
+    static isInIframe() {
+        // Only works in browser environment
+        if (typeof window === 'undefined') {
+            return false;
+        }
+        // Check if window.self is not equal to window.top
+        // This is the standard way to detect if running in an iframe
+        try {
+            return window.self !== window.top;
+        }
+        catch (e) {
+            // If we get a SecurityError (cross-origin iframe), we're definitely in an iframe
+            return true;
+        }
+    }
+    /**
+     * Instance method to check if running in an iframe
+     * Calls the static method for convenience
+     *
+     * @returns true if running in an iframe, false otherwise
+     */
+    isInIframe() {
+        return SeaVerseBackendAPIClient.isInIframe();
+    }
     /**
      * Get token from parent window via iframe communication
      * This method is designed for scenarios where the application is embedded in an iframe
@@ -1307,7 +1352,7 @@ class SeaVerseBackendAPIClient {
             return Promise.reject(new Error('getIframeToken() can only be used in browser environment'));
         }
         // Check if we're in an iframe
-        if (window.self === window.top) {
+        if (!this.isInIframe()) {
             return Promise.reject(new Error('getIframeToken() can only be used inside an iframe'));
         }
         const timeout = options?.timeout || 30000; // Default 30 seconds
@@ -2179,6 +2224,7 @@ class Toast {
         }
         // Create toast element
         const toast = this.createToast(type, title, message, onClose);
+        const toastId = toast.id;
         // Add to container
         this.container.appendChild(toast);
         this.toasts.push(toast);
@@ -2186,11 +2232,17 @@ class Toast {
         requestAnimationFrame(() => {
             toast.classList.add('toast-show');
         });
-        // Auto-dismiss
+        // Auto-dismiss with hover support
         if (duration > 0) {
-            setTimeout(() => {
-                this.dismiss(toast, onClose);
-            }, duration);
+            this.scheduleAutoDismiss(toast, duration, onClose);
+            // Pause auto-dismiss on hover
+            toast.addEventListener('mouseenter', () => {
+                this.clearAutoDismiss(toastId);
+            });
+            // Resume auto-dismiss on leave
+            toast.addEventListener('mouseleave', () => {
+                this.scheduleAutoDismiss(toast, duration, onClose);
+            });
         }
     }
     /**
@@ -2404,6 +2456,30 @@ class Toast {
         svg.appendChild(path);
         return svg;
     }
+    /**
+     * Schedule auto-dismiss for a toast
+     */
+    static scheduleAutoDismiss(toast, duration, onClose) {
+        const toastId = toast.id;
+        // Clear existing timer if any
+        this.clearAutoDismiss(toastId);
+        // Schedule new timer
+        const timer = setTimeout(() => {
+            this.dismiss(toast, onClose);
+            this.timers.delete(toastId);
+        }, duration);
+        this.timers.set(toastId, timer);
+    }
+    /**
+     * Clear auto-dismiss timer for a toast
+     */
+    static clearAutoDismiss(toastId) {
+        const timer = this.timers.get(toastId);
+        if (timer) {
+            clearTimeout(timer);
+            this.timers.delete(toastId);
+        }
+    }
     /**
      * Dismiss a toast
      */
@@ -2696,6 +2772,7 @@ Toast.container = null;
 Toast.toasts = [];
 Toast.nextId = 0;
 Toast.cssInjected = false;
+Toast.timers = new Map();
 
 class AuthModal {
     constructor(options) {