@embarkai/ui-kit 0.3.0 → 0.3.2

package/dist/index.js

@@ -15499,7 +15499,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",
@@ -16357,6 +16357,7 @@ function WalletConnectHandler() {
     [qc, passportWalletAddress, setProviderType, setPage, setIsWalletLinking]
   );
   const [hasStartedLinking, setHasStartedLinking] = React8.useState(false);
+  const [modalWasOpened, setModalWasOpened] = React8.useState(false);
   useEffect36(() => {
     if (isWalletLinking && !hasStartedLinking) {
       console.log("[WalletConnectHandler] Starting wallet link flow:", {
@@ -16366,19 +16367,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();
@@ -16387,10 +16377,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();
     }
@@ -16405,12 +16396,18 @@ function WalletConnectHandler() {
     walletMode
   ]);
   useEffect36(() => {
-    if (hasStartedLinking && !connectModalOpen && !isConnected && isWalletLinking) {
+    if (connectModalOpen && hasStartedLinking) {
+      setModalWasOpened(true);
+    }
+  }, [connectModalOpen, hasStartedLinking]);
+  useEffect36(() => {
+    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]);
   useEffect36(() => {
     if (isWalletLinking) {
       const timeout = setTimeout(() => {
@@ -16418,6 +16415,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);
     }