@seaverse/auth-sdk 0.4.0 → 0.4.1

package/dist/index.d.ts

@@ -1581,6 +1581,7 @@ declare class Toast {
     private static toasts;
     private static nextId;
     private static cssInjected;
+    private static timers;
     /**
      * Show a toast notification
      */
@@ -1608,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

@@ -2224,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);
@@ -2231,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);
+            });
         }
     }
     /**
@@ -2449,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
      */
@@ -2741,6 +2772,7 @@ Toast.container = null;
 Toast.toasts = [];
 Toast.nextId = 0;
 Toast.cssInjected = false;
+Toast.timers = new Map();
 
 class AuthModal {
     constructor(options) {