@sparkvault/sdk 1.8.2 → 1.8.4

package/dist/sparkvault.cjs.js

@@ -5276,6 +5276,25 @@ class InlineContainer {
     }
 }
 
+/**
+ * DOM Utilities
+ *
+ * Shared utilities for DOM operations.
+ */
+/**
+ * Execute a callback when the DOM is ready.
+ * If DOM is already ready, executes immediately.
+ * Otherwise, waits for DOMContentLoaded.
+ */
+function onDomReady(callback) {
+    if (document.readyState === 'loading') {
+        document.addEventListener('DOMContentLoaded', callback, { once: true });
+    }
+    else {
+        callback();
+    }
+}
+
 /* global Element */
 /**
  * Identity Module
@@ -5387,7 +5406,7 @@ class IdentityModule {
      * cleanup();
      */
     attach(selector, options = {}) {
-        const elements = document.querySelectorAll(selector);
+        let observer = null;
         const handleClick = async (event) => {
             event.preventDefault();
             try {
@@ -5404,40 +5423,45 @@ class IdentityModule {
                 // Error already handled by callbacks or will use server redirect
             }
         };
-        elements.forEach((element) => {
-            element.addEventListener('click', handleClick);
-            this.attachedElements.set(element, () => {
-                element.removeEventListener('click', handleClick);
+        const attachToElements = () => {
+            const elements = document.querySelectorAll(selector);
+            elements.forEach((element) => {
+                element.addEventListener('click', handleClick);
+                this.attachedElements.set(element, () => {
+                    element.removeEventListener('click', handleClick);
+                });
             });
-        });
-        // Watch for dynamically added elements
-        const observer = new MutationObserver((mutations) => {
-            mutations.forEach((mutation) => {
-                mutation.addedNodes.forEach((node) => {
-                    if (node instanceof Element) {
-                        if (node.matches(selector)) {
-                            node.addEventListener('click', handleClick);
-                            this.attachedElements.set(node, () => {
-                                node.removeEventListener('click', handleClick);
-                            });
-                        }
-                        // Check descendants
-                        node.querySelectorAll(selector).forEach((el) => {
-                            if (!this.attachedElements.has(el)) {
-                                el.addEventListener('click', handleClick);
-                                this.attachedElements.set(el, () => {
-                                    el.removeEventListener('click', handleClick);
+            // Watch for dynamically added elements
+            observer = new MutationObserver((mutations) => {
+                mutations.forEach((mutation) => {
+                    mutation.addedNodes.forEach((node) => {
+                        if (node instanceof Element) {
+                            if (node.matches(selector)) {
+                                node.addEventListener('click', handleClick);
+                                this.attachedElements.set(node, () => {
+                                    node.removeEventListener('click', handleClick);
                                 });
                             }
-                        });
-                    }
+                            // Check descendants
+                            node.querySelectorAll(selector).forEach((el) => {
+                                if (!this.attachedElements.has(el)) {
+                                    el.addEventListener('click', handleClick);
+                                    this.attachedElements.set(el, () => {
+                                        el.removeEventListener('click', handleClick);
+                                    });
+                                }
+                            });
+                        }
+                    });
                 });
             });
-        });
-        observer.observe(document.body, { childList: true, subtree: true });
+            observer.observe(document.body, { childList: true, subtree: true });
+        };
+        // Defer attachment until DOM is ready
+        onDomReady(attachToElements);
         // Return cleanup function
         return () => {
-            observer.disconnect();
+            observer?.disconnect();
             this.attachedElements.forEach((cleanup) => cleanup());
             this.attachedElements.clear();
         };
@@ -5695,7 +5719,7 @@ function injectUploadStyles(options) {
 function getUploadStyles(options) {
     const { backdropBlur } = options;
     const enableBlur = backdropBlur !== false;
-    // Design tokens - using light theme for upload widget (matches PublicUploader)
+    // Design tokens - using light theme for upload widget (matches SecureUploadPortal)
     const tokens = {
         // Colors
         primary: '#4F46E5',
@@ -8231,7 +8255,7 @@ class VaultUploadModule {
         if (!options.vaultId) {
             throw new ValidationError('vaultId is required');
         }
-        const elements = document.querySelectorAll(selector);
+        let observer = null;
         const handleClick = async (event) => {
             event.preventDefault();
             try {
@@ -8247,40 +8271,45 @@ class VaultUploadModule {
                 // Error already handled by callbacks or will use server redirect
             }
         };
-        elements.forEach((element) => {
-            element.addEventListener('click', handleClick);
-            this.attachedElements.set(element, () => {
-                element.removeEventListener('click', handleClick);
+        const attachToElements = () => {
+            const elements = document.querySelectorAll(selector);
+            elements.forEach((element) => {
+                element.addEventListener('click', handleClick);
+                this.attachedElements.set(element, () => {
+                    element.removeEventListener('click', handleClick);
+                });
             });
-        });
-        // Watch for dynamically added elements
-        const observer = new MutationObserver((mutations) => {
-            mutations.forEach((mutation) => {
-                mutation.addedNodes.forEach((node) => {
-                    if (node instanceof Element) {
-                        if (node.matches(selector)) {
-                            node.addEventListener('click', handleClick);
-                            this.attachedElements.set(node, () => {
-                                node.removeEventListener('click', handleClick);
-                            });
-                        }
-                        // Check descendants
-                        node.querySelectorAll(selector).forEach((el) => {
-                            if (!this.attachedElements.has(el)) {
-                                el.addEventListener('click', handleClick);
-                                this.attachedElements.set(el, () => {
-                                    el.removeEventListener('click', handleClick);
+            // Watch for dynamically added elements
+            observer = new MutationObserver((mutations) => {
+                mutations.forEach((mutation) => {
+                    mutation.addedNodes.forEach((node) => {
+                        if (node instanceof Element) {
+                            if (node.matches(selector)) {
+                                node.addEventListener('click', handleClick);
+                                this.attachedElements.set(node, () => {
+                                    node.removeEventListener('click', handleClick);
                                 });
                             }
-                        });
-                    }
+                            // Check descendants
+                            node.querySelectorAll(selector).forEach((el) => {
+                                if (!this.attachedElements.has(el)) {
+                                    el.addEventListener('click', handleClick);
+                                    this.attachedElements.set(el, () => {
+                                        el.removeEventListener('click', handleClick);
+                                    });
+                                }
+                            });
+                        }
+                    });
                 });
             });
-        });
-        observer.observe(document.body, { childList: true, subtree: true });
+            observer.observe(document.body, { childList: true, subtree: true });
+        };
+        // Defer attachment until DOM is ready
+        onDomReady(attachToElements);
         // Return cleanup function
         return () => {
-            observer.disconnect();
+            observer?.disconnect();
             this.attachedElements.forEach((cleanup) => cleanup());
             this.attachedElements.clear();
         };