@embarkai/ui-kit 0.6.10 → 0.6.11

package/dist/iframe/index.html

@@ -15,7 +15,7 @@
     <meta http-equiv="X-Content-Type-Options" content="nosniff" />
     <meta http-equiv="Referrer-Policy" content="strict-origin-when-cross-origin" />
 
-    <title>embarkAI Secure Wallet - iframe version 0.6.10</title>
+    <title>embarkAI Secure Wallet - iframe version 0.6.11</title>
 
     <!-- Styles will be injected by build process -->
     <style>

package/dist/iframe/main.js

@@ -2765,7 +2765,7 @@ function createAccountAbstractionError(params) {
 
 // src/iframe/lib/sdk-version.ts
 var SDK_VERSION_HEADER = "X-Embark-SDK-Version";
-var IFRAME_SDK_VERSION = `iframe-${"0.6.10"}`;
+var IFRAME_SDK_VERSION = `iframe-${"0.6.11"}`;
 function sdkVersionHeaders() {
   return { [SDK_VERSION_HEADER]: IFRAME_SDK_VERSION };
 }
@@ -8746,7 +8746,7 @@ var UserPolicyAPI = class extends TokenRefreshApiClient {
 };
 
 // src/iframe/main.ts
-var IFRAME_VERSION = "0.6.10";
+var IFRAME_VERSION = "0.6.11";
 function walletOwnerOf(data) {
   const owner = data?.walletOwner;
   return typeof owner === "string" && /^0x[0-9a-fA-F]{40}$/.test(owner) ? owner : void 0;

package/dist/index.cjs

@@ -333,7 +333,7 @@ var import_auth, UI_KIT_VERSION;
 var init_sdk_version = __esm({
   "src/internal/lib/sdk-version.ts"() {
     import_auth = require("@embarkai/core/auth");
-    UI_KIT_VERSION = "0.6.10";
+    UI_KIT_VERSION = "0.6.11";
     if (UI_KIT_VERSION) (0, import_auth.setSdkVersion)(UI_KIT_VERSION);
   }
 });
@@ -10137,6 +10137,11 @@ function useAutoConnect() {
     if (!hasHydrated) return;
     if (autoConnectAttemptedRef.current) return;
     setIsLoading(true);
+    const startedAt = Date.now();
+    const run = (attempt) => tryAutoConnect(attempt).catch((error) => {
+      console.warn("[UI-KIT][AutoConnect] Auto-connect failed:", error);
+      setIsLoading(false);
+    });
     const tryAutoConnect = async (attempt) => {
       console.log("[AUTOCONNECT] attempt", attempt);
       if (address || session) {
@@ -10154,9 +10159,11 @@ function useAutoConnect() {
       } catch (iframeError) {
         console.error("[UI-KIT][AutoConnect] Failed to initialize iframe:", iframeError);
         setIsIframeReady(false);
-        if (attempt < 20) {
-          setTimeout(() => tryAutoConnect(attempt + 1), 500);
+        if (Date.now() - startedAt < IFRAME_RETRY_DEADLINE_MS) {
+          setTimeout(() => run(attempt + 1), 500);
+          return;
         }
+        setIsLoading(false);
         return;
       }
       const { ensureValidToken: ensureValidToken2, restoreDappSessionFromIframe: restoreDappSessionFromIframe2 } = await Promise.resolve().then(() => (init_auth(), auth_exports));
@@ -10248,11 +10255,11 @@ function useAutoConnect() {
       }
     };
     autoConnectAttemptedRef.current = true;
-    tryAutoConnect(0);
+    run(0);
   }, [hasHydrated]);
   return null;
 }
-var import_react11;
+var import_react11, IFRAME_RETRY_DEADLINE_MS;
 var init_useAutoConnect = __esm({
   "src/internal/hooks/useAutoConnect.ts"() {
     init_ProviderContext();
@@ -10260,6 +10267,7 @@ var init_useAutoConnect = __esm({
     import_react11 = require("react");
     init_post_login_backup();
     init_useLayoutDataStore();
+    IFRAME_RETRY_DEADLINE_MS = 1e4;
   }
 });
 
@@ -34195,7 +34203,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.6.10",
+      version: "0.6.11",
       description: "React UI components and hooks for embarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -35314,6 +35322,7 @@ var init_iframe_manager = __esm({
       // 5 minutes (for user interactions like consent)
       ENSURE_BACKUP_TIMEOUT = 15e3;
       // silent backup, no user interaction
+      READY_TIMEOUT = 15e3;
       NONCE_EXPIRY = 3e5;
       // 5 minutes
       HEARTBEAT_INTERVAL = 5 * 60 * 1e3;
@@ -35393,8 +35402,12 @@ var init_iframe_manager = __esm({
         this.messageListener = this.handleMessage.bind(this);
         window.addEventListener("message", this.messageListener);
         document.body.appendChild(this.iframe);
-        await this.readyPromise;
-        await this.authenticateSDK();
+        try {
+          await this.withinReadyTimeout(this.readyPromise.then(() => this.authenticateSDK()));
+        } catch (error) {
+          this.destroy();
+          throw error;
+        }
         (0, import_auth28.setDappSessionRecovery)(async (userId) => {
           const pair = await this.getDappTokens();
           return pair && pair.userId === userId ? pair : null;
@@ -35410,6 +35423,18 @@ var init_iframe_manager = __esm({
       setOnWalletReady(callback) {
         this.onWalletReadyCallback = callback;
       }
+      withinReadyTimeout(handshake) {
+        handshake.catch(() => {
+        });
+        let timer;
+        const timeout = new Promise((_, reject) => {
+          timer = setTimeout(
+            () => reject(new Error(`Iframe did not become ready in ${this.READY_TIMEOUT} ms: ${this.iframeUrl}`)),
+            this.READY_TIMEOUT
+          );
+        });
+        return Promise.race([handshake, timeout]).finally(() => clearTimeout(timer));
+      }
       /**
        * Authenticate SDK with iframe to establish secure channel
        */

package/dist/index.d.cts

@@ -851,6 +851,7 @@ declare class IframeManager {
     private providerConnections;
     private readonly REQUEST_TIMEOUT;
     private readonly ENSURE_BACKUP_TIMEOUT;
+    private readonly READY_TIMEOUT;
     private readonly NONCE_EXPIRY;
     private readonly HEARTBEAT_INTERVAL;
     private heartbeatInterval?;
@@ -875,6 +876,7 @@ declare class IframeManager {
      * Set the onWalletReady callback
      */
     setOnWalletReady(callback: (status: WalletReadyStatus) => void): void;
+    private withinReadyTimeout;
     /**
      * Authenticate SDK with iframe to establish secure channel
      */

package/dist/index.d.ts

@@ -851,6 +851,7 @@ declare class IframeManager {
     private providerConnections;
     private readonly REQUEST_TIMEOUT;
     private readonly ENSURE_BACKUP_TIMEOUT;
+    private readonly READY_TIMEOUT;
     private readonly NONCE_EXPIRY;
     private readonly HEARTBEAT_INTERVAL;
     private heartbeatInterval?;
@@ -875,6 +876,7 @@ declare class IframeManager {
      * Set the onWalletReady callback
      */
     setOnWalletReady(callback: (status: WalletReadyStatus) => void): void;
+    private withinReadyTimeout;
     /**
      * Authenticate SDK with iframe to establish secure channel
      */

package/dist/index.js

@@ -323,7 +323,7 @@ import { getSdkVersion, sdkVersionHeaders, setSdkVersion } from "@embarkai/core/
 var UI_KIT_VERSION;
 var init_sdk_version = __esm({
   "src/internal/lib/sdk-version.ts"() {
-    UI_KIT_VERSION = "0.6.10";
+    UI_KIT_VERSION = "0.6.11";
     if (UI_KIT_VERSION) setSdkVersion(UI_KIT_VERSION);
   }
 });
@@ -10140,6 +10140,11 @@ function useAutoConnect() {
     if (!hasHydrated) return;
     if (autoConnectAttemptedRef.current) return;
     setIsLoading(true);
+    const startedAt = Date.now();
+    const run = (attempt) => tryAutoConnect(attempt).catch((error) => {
+      console.warn("[UI-KIT][AutoConnect] Auto-connect failed:", error);
+      setIsLoading(false);
+    });
     const tryAutoConnect = async (attempt) => {
       console.log("[AUTOCONNECT] attempt", attempt);
       if (address || session) {
@@ -10157,9 +10162,11 @@ function useAutoConnect() {
       } catch (iframeError) {
         console.error("[UI-KIT][AutoConnect] Failed to initialize iframe:", iframeError);
         setIsIframeReady(false);
-        if (attempt < 20) {
-          setTimeout(() => tryAutoConnect(attempt + 1), 500);
+        if (Date.now() - startedAt < IFRAME_RETRY_DEADLINE_MS) {
+          setTimeout(() => run(attempt + 1), 500);
+          return;
         }
+        setIsLoading(false);
         return;
       }
       const { ensureValidToken: ensureValidToken2, restoreDappSessionFromIframe: restoreDappSessionFromIframe2 } = await Promise.resolve().then(() => (init_auth(), auth_exports));
@@ -10251,16 +10258,18 @@ function useAutoConnect() {
       }
     };
     autoConnectAttemptedRef.current = true;
-    tryAutoConnect(0);
+    run(0);
   }, [hasHydrated]);
   return null;
 }
+var IFRAME_RETRY_DEADLINE_MS;
 var init_useAutoConnect = __esm({
   "src/internal/hooks/useAutoConnect.ts"() {
     init_ProviderContext();
     init_SessionContext();
     init_post_login_backup();
     init_useLayoutDataStore();
+    IFRAME_RETRY_DEADLINE_MS = 1e4;
   }
 });
 
@@ -34126,7 +34135,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.6.10",
+      version: "0.6.11",
       description: "React UI components and hooks for embarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -35248,6 +35257,7 @@ var init_iframe_manager = __esm({
       // 5 minutes (for user interactions like consent)
       ENSURE_BACKUP_TIMEOUT = 15e3;
       // silent backup, no user interaction
+      READY_TIMEOUT = 15e3;
       NONCE_EXPIRY = 3e5;
       // 5 minutes
       HEARTBEAT_INTERVAL = 5 * 60 * 1e3;
@@ -35327,8 +35337,12 @@ var init_iframe_manager = __esm({
         this.messageListener = this.handleMessage.bind(this);
         window.addEventListener("message", this.messageListener);
         document.body.appendChild(this.iframe);
-        await this.readyPromise;
-        await this.authenticateSDK();
+        try {
+          await this.withinReadyTimeout(this.readyPromise.then(() => this.authenticateSDK()));
+        } catch (error) {
+          this.destroy();
+          throw error;
+        }
         setDappSessionRecovery(async (userId) => {
           const pair = await this.getDappTokens();
           return pair && pair.userId === userId ? pair : null;
@@ -35344,6 +35358,18 @@ var init_iframe_manager = __esm({
       setOnWalletReady(callback) {
         this.onWalletReadyCallback = callback;
       }
+      withinReadyTimeout(handshake) {
+        handshake.catch(() => {
+        });
+        let timer;
+        const timeout = new Promise((_, reject) => {
+          timer = setTimeout(
+            () => reject(new Error(`Iframe did not become ready in ${this.READY_TIMEOUT} ms: ${this.iframeUrl}`)),
+            this.READY_TIMEOUT
+          );
+        });
+        return Promise.race([handshake, timeout]).finally(() => clearTimeout(timer));
+      }
       /**
        * Authenticate SDK with iframe to establish secure channel
        */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embarkai/ui-kit",
-  "version": "0.6.10",
+  "version": "0.6.11",
   "description": "React UI components and hooks for embarkAI authentication and Account Abstraction",
   "type": "module",
   "main": "./dist/index.cjs",