@embarkai/ui-kit 0.3.0 → 0.3.2

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.3.0</title>
+    <title>EmbarkAI Secure Wallet - iframe version 0.3.2</title>
 
     <!-- Styles will be injected by build process -->
     <style>

package/dist/iframe/main.js

@@ -4410,7 +4410,7 @@ var SigningManager = class extends TokenRefreshApiClient {
 };
 
 // src/iframe/main.ts
-var IFRAME_VERSION = "0.3.0";
+var IFRAME_VERSION = "0.3.2";
 var IframeWallet = class {
   constructor() {
     console.log("=".repeat(60));

package/dist/index.cjs

@@ -15573,7 +15573,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.3.0",
+      version: "0.3.2",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -16430,6 +16430,7 @@ function WalletConnectHandler() {
     [qc, passportWalletAddress, setProviderType, setPage, setIsWalletLinking]
   );
   const [hasStartedLinking, setHasStartedLinking] = import_react63.default.useState(false);
+  const [modalWasOpened, setModalWasOpened] = import_react63.default.useState(false);
   (0, import_react63.useEffect)(() => {
     if (isWalletLinking && !hasStartedLinking) {
       console.log("[WalletConnectHandler] Starting wallet link flow:", {
@@ -16439,19 +16440,8 @@ function WalletConnectHandler() {
       });
       setHasStartedLinking(true);
       setProviderType(null);
-      if (isConnected) {
-        disconnect();
-        setTimeout(() => {
-          setPage(null);
-          if (openConnectModal) {
-            openConnectModal();
-          } else {
-            console.error("[WalletConnectHandler] openConnectModal is undefined!");
-            setIsWalletLinking(false);
-            setHasStartedLinking(false);
-          }
-        }, 500);
-      } else {
+      disconnect();
+      setTimeout(() => {
         setPage(null);
         if (openConnectModal) {
           openConnectModal();
@@ -16460,10 +16450,11 @@ function WalletConnectHandler() {
           setIsWalletLinking(false);
           setHasStartedLinking(false);
         }
-      }
+      }, 500);
     }
     if (!isWalletLinking && hasStartedLinking) {
       setHasStartedLinking(false);
+      setModalWasOpened(false);
       const shouldKeepConnected = walletMode === "direct" || walletMode === "both";
       if (isConnected && !shouldKeepConnected) disconnect();
     }
@@ -16478,12 +16469,18 @@ function WalletConnectHandler() {
     walletMode
   ]);
   (0, import_react63.useEffect)(() => {
-    if (hasStartedLinking && !connectModalOpen && !isConnected && isWalletLinking) {
+    if (connectModalOpen && hasStartedLinking) {
+      setModalWasOpened(true);
+    }
+  }, [connectModalOpen, hasStartedLinking]);
+  (0, import_react63.useEffect)(() => {
+    if (modalWasOpened && !connectModalOpen && !isConnected && isWalletLinking) {
       console.log("[WalletConnectHandler] Modal closed without connecting");
       onLinkingComplete(false);
       setHasStartedLinking(false);
+      setModalWasOpened(false);
     }
-  }, [connectModalOpen, hasStartedLinking, isConnected, isWalletLinking]);
+  }, [connectModalOpen, modalWasOpened, isConnected, isWalletLinking]);
   (0, import_react63.useEffect)(() => {
     if (isWalletLinking) {
       const timeout = setTimeout(() => {
@@ -16491,6 +16488,13 @@ function WalletConnectHandler() {
         disconnect();
         setIsWalletLinking(false);
         setHasStartedLinking(false);
+        if (passportWalletAddress) {
+          setManageWalletLinkError("Wallet connection timed out. Please try again.");
+          setPage("manage-wallet" /* MANAGE_WALLET */);
+        } else {
+          setAuthError({ title: "Connection timed out", message: "Wallet did not respond. Please try again." });
+          setPage("auth" /* AUTH */);
+        }
       }, 12e4);
       return () => clearTimeout(timeout);
     }