@embarkai/ui-kit 0.4.103 → 0.4.104

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

package/dist/iframe/main.js

@@ -6342,7 +6342,7 @@ var SigningManager = class extends TokenRefreshApiClient {
 };
 
 // src/iframe/main.ts
-var IFRAME_VERSION = "0.4.103";
+var IFRAME_VERSION = "0.4.104";
 var IframeWallet = class {
   // private finchpay: FinchPayRampAPI
   // private rampnow: RampnowOnrampAPI

package/dist/index.cjs

@@ -11661,7 +11661,6 @@ var init_AuthMenu = __esm({
 var init_AuthMenu2 = __esm({
   "src/internal/components/AuthMenu/index.ts"() {
     init_AuthMenu();
-    init_useAuthStore();
   }
 });
 
@@ -16812,7 +16811,8 @@ function ProviderCard(props) {
     mutate: connectExternalWallet,
     disconnect: disconnectExternalWallet,
     isPending: isConnectingExternalWallet,
-    variables: pendingConnectVariables
+    variables: pendingConnectVariables,
+    isAvailable: isConnectExternalWalletAvailable
   } = useExternalWalletConnnect();
   const setPage = useLayoutDataStore((st) => st.setPage);
   const setConfirmUnlink = useManageWalletStore((st) => st.setConfirmUnlink);
@@ -16878,7 +16878,7 @@ function ProviderCard(props) {
           variant: "ghost",
           size: "small",
           className: "px-0 w-8 h-8",
-          disabled: disabled || isConnectingExternalWallet,
+          disabled: disabled || isConnectingExternalWallet || !isConnectExternalWalletAvailable,
           title: isWalletProviderConnected ? t("passport:common.disconnect") : t("passport:common.connect"),
           onClick: () => {
             if (isWalletProviderConnected) {
@@ -17334,7 +17334,6 @@ function ConnectExternalWalletMenu() {
   const menuParams = useConnectExternalWalletMenuParams();
   const connectors = (0, import_wagmi2.useConnectors)();
   const hasInjectedWallet2 = useHasInjectedWallet();
-  const { isConnected: isExternalWalletConnected } = (0, import_wagmi2.useConnection)();
   const { mutate: disconnect } = (0, import_wagmi2.useDisconnect)();
   const { mutateAsync: signMessageAsync } = (0, import_wagmi2.useSignMessage)();
   const walletMenuOpenedFrom = useLayoutDataStore((st) => st.walletMenuOpenedFrom);
@@ -17344,6 +17343,7 @@ function ConnectExternalWalletMenu() {
     queryKey: [PROVIDERS_QUERY_KEY, embarkAiAddress],
     queryFn: async () => getLinkedProviders()
   });
+  const [connectError, setConnectError] = (0, import_react46.useState)(null);
   const { mutateAsync: onLinkingComplete } = (0, import_react_query25.useMutation)({
     mutationFn: async (success) => {
       useManageWalletStore.getState().setProviderType(null);
@@ -17358,28 +17358,42 @@ function ConnectExternalWalletMenu() {
   const { mutateAsync: loginOrLinkOrConnectWallet, isPending: isLoginOrLinkOrConnectWallet } = (0, import_react_query25.useMutation)({
     mutationFn: async (payload) => {
       const { walletData, connectFlowType } = payload;
-      const { walletMenuOpenedFrom: walletMenuOpenedFrom2, setPage, setPendingWalletLogin } = useLayoutDataStore.getState();
       switch (connectFlowType) {
         // Auth flow: call wallet, default
         case "auth":
-          const loginResponse = await walletLogin(walletData);
-          setPendingWalletLogin(loginResponse);
-          setPage("auth" /* AUTH */);
-          break;
+          return await walletLogin(walletData);
         // Link wallet profile flow, only if embarkAI is connected
         case "link":
           const skipLinkWalletProfile = providers.findIndex((p) => p.externalId === walletData.address) !== -1;
-          if (skipLinkWalletProfile) throw new Error(`Address ${walletData.address} already linked`);
-          await linkWallet(walletData).then(() => onLinkingComplete(true));
-          break;
+          if (skipLinkWalletProfile)
+            return { linked: false, message: `Address ${walletData.address} already linked` };
+          return await linkWallet(walletData).then(async () => await onLinkingComplete(true)).catch((err) => {
+            throw err;
+          });
         // Connect external wallet flow, only if embarkAI is connected
         case "connect":
-          setPage(walletMenuOpenedFrom2 || "main-menu" /* MAIN_MENU */);
-          break;
+          return null;
       }
     },
-    onSuccess: async (_, { walletData, connector }) => {
-      const shouldKeepConnected = walletMode === "direct" || walletMode === "both";
+    onSuccess: async (response, { walletData, connector, connectFlowType }) => {
+      let shouldKeepConnected = walletMode === "direct" || walletMode === "both";
+      switch (connectFlowType) {
+        case "auth":
+          useLayoutDataStore.getState().setPendingWalletLogin(response);
+          useLayoutDataStore.getState().setPage("auth" /* AUTH */);
+          break;
+        case "link":
+          const { linked, message } = response || {};
+          if (!linked && message.includes("already linked")) {
+            console.warn("[LINK STATUS] already linked", response);
+            useManageWalletStore.getState().setProviderType(null);
+            useLayoutDataStore.getState().setPage(walletMenuOpenedFrom || "manage-wallet" /* MANAGE_WALLET */);
+          }
+          break;
+        case "connect":
+          useLayoutDataStore.getState().setPage(walletMenuOpenedFrom || "main-menu" /* MAIN_MENU */);
+          break;
+      }
       if (shouldKeepConnected && walletData.chainId && connector) {
         useExternalWalletStore.getState().setExternalWallet({
           address: walletData.address,
@@ -17391,54 +17405,17 @@ function ConnectExternalWalletMenu() {
       }
       useLayoutStore.getState().setIsDialogForced(false);
     },
-    onError: (err, { walletData, connectFlowType }) => {
-      disconnect();
+    onError: async (err, { walletData, connectFlowType }) => {
+      setTimeout(() => disconnect(), 1e3);
       useLayoutStore.getState().setIsDialogForced(false);
       const errorMsg = err?.message || "Failed to connect wallet";
-      const setAuthError = useAuthStore.getState().setAlert;
-      const setManageWalletLinkError = useManageWalletStore.getState().setAlert;
-      if (errorMsg.includes("User rejected") || errorMsg.includes("User denied")) {
-        switch (connectFlowType) {
-          case "auth":
-            setAuthError({ title: "Signature error", message: "Signature request was cancelled" });
-            break;
-          case "link":
-            setManageWalletLinkError({ title: "Signature error", message: "Signature request was cancelled" });
-            break;
-          case "connect":
-            break;
-        }
-      } else if (errorMsg.includes("already linked")) {
-        switch (connectFlowType) {
-          case "auth":
-            setAuthError({ title: "Wallet error", message: "This wallet is already linked to another account" });
-            break;
-          case "link":
-            setManageWalletLinkError({
-              title: "Wallet error",
-              message: "This wallet is already linked to another account"
-            });
-            break;
-          case "connect":
-            break;
-        }
-      } else {
-        switch (connectFlowType) {
-          case "auth":
-            setAuthError({ title: "Error", message: errorMsg });
-            break;
-          case "link":
-            setManageWalletLinkError({ title: "Error", message: errorMsg });
-            break;
-          case "connect":
-            break;
-        }
-      }
       switch (connectFlowType) {
         case "auth":
+          setConnectError(errorMsg);
           break;
         case "link":
-          onLinkingComplete(false);
+          useManageWalletStore.getState().setAlert({ title: "Error", message: errorMsg });
+          await onLinkingComplete(false);
           break;
         case "connect":
           openEmbarkAI(walletMenuOpenedFrom || "main-menu" /* MAIN_MENU */);
@@ -17449,7 +17426,6 @@ function ConnectExternalWalletMenu() {
   const {
     mutateAsync: connect,
     isPending: isConnectingExternalWallet,
-    error,
     variables: pendingConnectVariables
   } = (0, import_wagmi2.useConnect)({
     mutation: {
@@ -17495,7 +17471,7 @@ function ConnectExternalWalletMenu() {
           }
         });
       },
-      onError: (error2, { connector }) => {
+      onError: (error, { connector }) => {
         const connectFlowType = getConnectFlowType({
           isEmbarkAI: !!embarkAiAddress,
           connectFlow: menuParams.current?.connectFlowType || "auth"
@@ -17504,20 +17480,17 @@ function ConnectExternalWalletMenu() {
         setTimeout(() => {
           switch (connectFlowType) {
             case "auth":
-              useAuthStore.getState().setAlert({
-                title: `Failed to connect: ${connector.name}`,
-                message: error2?.message || "Failed to connect wallet"
-              });
+              setConnectError(error?.message || "Failed to connect wallet");
               break;
             case "link":
+              setPage("manage-wallet" /* MANAGE_WALLET */);
               useManageWalletStore.getState().setAlert({
                 title: `Failed to connect: ${connector.name}`,
-                message: error2?.message || "Failed to connect wallet before linking"
+                message: error?.message || "Failed to connect wallet before linking"
               });
-              setPage("manage-wallet" /* MANAGE_WALLET */);
               break;
             case "connect":
-              openEmbarkAI(walletMenuOpenedFrom || "main-menu" /* MAIN_MENU */);
+              setConnectError(error?.message || "Failed to connect wallet");
               break;
           }
           useLayoutStore.getState().setIsDialogForced(false);
@@ -17583,17 +17556,16 @@ function ConnectExternalWalletMenu() {
           className: "w-full justify-center",
           disabled: isConnectingExternalWallet,
           onClick: async () => {
-            if (isExternalWalletConnected) {
+            if (connectError) setConnectError(null);
+            try {
               disconnect();
-              await new Promise((resolve) => setTimeout(resolve, 500));
+            } catch {
             }
+            await new Promise((resolve) => setTimeout(resolve, 500));
             switch (true) {
               case (connector.id === "metaMaskSDK" && !hasInjectedWallet2):
                 closeEmbarkAI();
                 break;
-              // case connector.id === 'walletConnect':
-              //   closeEmbarkAI() // close embarkAI since WalletConnect has dedicated UI
-              //   break
               default:
                 useLayoutStore.getState().setIsDialogForced(true);
                 break;
@@ -17620,7 +17592,25 @@ function ConnectExternalWalletMenu() {
       })
     }),
     visibleConnectors.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Highlight, { type: "info", children: t("passport:connectMenu.noWallets") }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Highlight, { type: "error", children: error.message })
+    connectError && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(Highlight, { type: "error", className: "flex flex-col gap-[var(--ui-kit-gap)]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("p", { children: connectError }),
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+        Button,
+        {
+          variant: "default",
+          size: "medium",
+          className: "w-full",
+          onClick: () => {
+            try {
+              disconnect();
+            } catch {
+            }
+            setConnectError(null);
+          },
+          children: t("passport:common.hide")
+        }
+      )
+    ] })
   ] });
 }
 var import_react_query25, import_lucide_react33, import_react46, import_wagmi2, import_jsx_runtime74;
@@ -17641,7 +17631,6 @@ var init_ConnectExternalWalletMenu = __esm({
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_useExternalWalletStore();
-    init_AuthMenu2();
     init_Expandable2();
     init_ManageWalletMenu();
     init_button();
@@ -17655,24 +17644,19 @@ var init_ConnectExternalWalletMenu = __esm({
 // src/internal/components/ConnectExternalWalletMenu/useExternalWalletConnect.ts
 function useExternalWalletConnnect() {
   const { config } = useProviderConfig();
-  const walletMode = config.current?.wallet?.mode || "both";
+  const walletMode = config.current?.wallet?.mode;
   const connectors = (0, import_wagmi3.useConnectors)();
   const { mutate: disconnect } = (0, import_wagmi3.useDisconnect)();
   const { mutate: connect, ...restUseConnect } = (0, import_wagmi3.useConnect)({
     mutation: {
       onSuccess: (connectionData, { connector }) => {
         const { chainId, accounts } = connectionData;
-        const shouldKeepConnected = walletMode === "direct" || walletMode === "both";
-        if (shouldKeepConnected && connector) {
-          const signingWalletAddress = accounts[0];
-          useExternalWalletStore.getState().setExternalWallet({
-            address: signingWalletAddress,
-            chainId,
-            connectorName: connector.name || "Unknown Wallet"
-          });
-        } else {
-          disconnect();
-        }
+        const signingWalletAddress = accounts[0];
+        useExternalWalletStore.getState().setExternalWallet({
+          address: signingWalletAddress,
+          chainId,
+          connectorName: connector.name || "Unknown Wallet"
+        });
         useLayoutStore.getState().setIsDialogForced(false);
       },
       onError: (error, variables) => {
@@ -17681,27 +17665,31 @@ function useExternalWalletConnnect() {
     }
   });
   const disconnectExternalWallet = (0, import_react47.useCallback)(() => {
-    disconnect();
+    try {
+      disconnect();
+    } catch {
+      return;
+    }
     useExternalWalletStore.getState().clearExternalWallet();
   }, [disconnect]);
   const connectExternalWallet = (0, import_react47.useCallback)(
     async (walletConnectorType) => {
-      const externalAddress = useExternalWalletStore.getState().externalAddress;
-      if (externalAddress) {
-        disconnectExternalWallet();
-        await new Promise((resolve) => setTimeout(resolve, 500));
-      }
+      disconnectExternalWallet();
       const connector = connectors.find((c) => c.id === walletConnectorType);
       if (!connector) {
         console.error("[ExternalWalletConnnect] Connector not found for:", walletConnectorType);
         return;
       }
       useLayoutStore.getState().setIsDialogForced(true);
-      connect({ connector });
+      try {
+        await connect({ connector });
+      } catch {
+      }
     },
     [connectors]
   );
   return {
+    isAvailable: walletMode === "direct" || walletMode === "both",
     mutate: connectExternalWallet,
     disconnect: disconnectExternalWallet,
     ...restUseConnect
@@ -24847,7 +24835,8 @@ function SenderSelector(props) {
   const {
     mutate: connectExternalWallet,
     isPending: isConnectingExternalWallet,
-    variables: pendingConnectVariables
+    variables: pendingConnectVariables,
+    isAvailable: isConnectExternalWalletAvailable
   } = useExternalWalletConnnect();
   const directWalletAddress = useExternalWalletStore((st) => st.externalAddress);
   const directWalletIsConnected = useExternalWalletStore((st) => st.isExternalConnected);
@@ -24860,7 +24849,7 @@ function SenderSelector(props) {
         variant: "secondary",
         size: "large",
         className: "justify-between",
-        disabled: isConnectingExternalWallet,
+        disabled: !isConnectExternalWalletAvailable || isConnectingExternalWallet,
         onClick: async () => {
           switch (sender.type) {
             case "embarkai-wallet":
@@ -29967,7 +29956,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.103",
+      version: "0.4.104",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",

package/dist/index.js

@@ -11626,7 +11626,6 @@ var init_AuthMenu = __esm({
 var init_AuthMenu2 = __esm({
   "src/internal/components/AuthMenu/index.ts"() {
     init_AuthMenu();
-    init_useAuthStore();
   }
 });
 
@@ -16765,7 +16764,8 @@ function ProviderCard(props) {
     mutate: connectExternalWallet,
     disconnect: disconnectExternalWallet,
     isPending: isConnectingExternalWallet,
-    variables: pendingConnectVariables
+    variables: pendingConnectVariables,
+    isAvailable: isConnectExternalWalletAvailable
   } = useExternalWalletConnnect();
   const setPage = useLayoutDataStore((st) => st.setPage);
   const setConfirmUnlink = useManageWalletStore((st) => st.setConfirmUnlink);
@@ -16831,7 +16831,7 @@ function ProviderCard(props) {
           variant: "ghost",
           size: "small",
           className: "px-0 w-8 h-8",
-          disabled: disabled || isConnectingExternalWallet,
+          disabled: disabled || isConnectingExternalWallet || !isConnectExternalWalletAvailable,
           title: isWalletProviderConnected ? t("passport:common.disconnect") : t("passport:common.connect"),
           onClick: () => {
             if (isWalletProviderConnected) {
@@ -17268,8 +17268,8 @@ var init_useHasInjectedWallet = __esm({
 // src/internal/components/ConnectExternalWalletMenu/ConnectExternalWalletMenu.tsx
 import { useMutation as useMutation10, useQuery as useQuery9, useQueryClient as useQueryClient14 } from "@tanstack/react-query";
 import { ArrowLeft as ArrowLeft8, Loader as Loader11, Wallet2Icon as Wallet2Icon2 } from "lucide-react";
-import { useCallback as useCallback17, useMemo as useMemo9 } from "react";
-import { useConnect, useConnection, useConnectors, useDisconnect as useDisconnect2, useSignMessage } from "wagmi";
+import { useCallback as useCallback17, useMemo as useMemo9, useState as useState14 } from "react";
+import { useConnect, useConnectors, useDisconnect as useDisconnect2, useSignMessage } from "wagmi";
 import { jsx as jsx74, jsxs as jsxs65 } from "react/jsx-runtime";
 function getConnectFlowType(params) {
   const { isEmbarkAI, connectFlow } = params;
@@ -17287,7 +17287,6 @@ function ConnectExternalWalletMenu() {
   const menuParams = useConnectExternalWalletMenuParams();
   const connectors = useConnectors();
   const hasInjectedWallet2 = useHasInjectedWallet();
-  const { isConnected: isExternalWalletConnected } = useConnection();
   const { mutate: disconnect } = useDisconnect2();
   const { mutateAsync: signMessageAsync } = useSignMessage();
   const walletMenuOpenedFrom = useLayoutDataStore((st) => st.walletMenuOpenedFrom);
@@ -17297,6 +17296,7 @@ function ConnectExternalWalletMenu() {
     queryKey: [PROVIDERS_QUERY_KEY, embarkAiAddress],
     queryFn: async () => getLinkedProviders()
   });
+  const [connectError, setConnectError] = useState14(null);
   const { mutateAsync: onLinkingComplete } = useMutation10({
     mutationFn: async (success) => {
       useManageWalletStore.getState().setProviderType(null);
@@ -17311,28 +17311,42 @@ function ConnectExternalWalletMenu() {
   const { mutateAsync: loginOrLinkOrConnectWallet, isPending: isLoginOrLinkOrConnectWallet } = useMutation10({
     mutationFn: async (payload) => {
       const { walletData, connectFlowType } = payload;
-      const { walletMenuOpenedFrom: walletMenuOpenedFrom2, setPage, setPendingWalletLogin } = useLayoutDataStore.getState();
       switch (connectFlowType) {
         // Auth flow: call wallet, default
         case "auth":
-          const loginResponse = await walletLogin(walletData);
-          setPendingWalletLogin(loginResponse);
-          setPage("auth" /* AUTH */);
-          break;
+          return await walletLogin(walletData);
         // Link wallet profile flow, only if embarkAI is connected
         case "link":
           const skipLinkWalletProfile = providers.findIndex((p) => p.externalId === walletData.address) !== -1;
-          if (skipLinkWalletProfile) throw new Error(`Address ${walletData.address} already linked`);
-          await linkWallet(walletData).then(() => onLinkingComplete(true));
-          break;
+          if (skipLinkWalletProfile)
+            return { linked: false, message: `Address ${walletData.address} already linked` };
+          return await linkWallet(walletData).then(async () => await onLinkingComplete(true)).catch((err) => {
+            throw err;
+          });
         // Connect external wallet flow, only if embarkAI is connected
         case "connect":
-          setPage(walletMenuOpenedFrom2 || "main-menu" /* MAIN_MENU */);
-          break;
+          return null;
       }
     },
-    onSuccess: async (_, { walletData, connector }) => {
-      const shouldKeepConnected = walletMode === "direct" || walletMode === "both";
+    onSuccess: async (response, { walletData, connector, connectFlowType }) => {
+      let shouldKeepConnected = walletMode === "direct" || walletMode === "both";
+      switch (connectFlowType) {
+        case "auth":
+          useLayoutDataStore.getState().setPendingWalletLogin(response);
+          useLayoutDataStore.getState().setPage("auth" /* AUTH */);
+          break;
+        case "link":
+          const { linked, message } = response || {};
+          if (!linked && message.includes("already linked")) {
+            console.warn("[LINK STATUS] already linked", response);
+            useManageWalletStore.getState().setProviderType(null);
+            useLayoutDataStore.getState().setPage(walletMenuOpenedFrom || "manage-wallet" /* MANAGE_WALLET */);
+          }
+          break;
+        case "connect":
+          useLayoutDataStore.getState().setPage(walletMenuOpenedFrom || "main-menu" /* MAIN_MENU */);
+          break;
+      }
       if (shouldKeepConnected && walletData.chainId && connector) {
         useExternalWalletStore.getState().setExternalWallet({
           address: walletData.address,
@@ -17344,54 +17358,17 @@ function ConnectExternalWalletMenu() {
       }
       useLayoutStore.getState().setIsDialogForced(false);
     },
-    onError: (err, { walletData, connectFlowType }) => {
-      disconnect();
+    onError: async (err, { walletData, connectFlowType }) => {
+      setTimeout(() => disconnect(), 1e3);
       useLayoutStore.getState().setIsDialogForced(false);
       const errorMsg = err?.message || "Failed to connect wallet";
-      const setAuthError = useAuthStore.getState().setAlert;
-      const setManageWalletLinkError = useManageWalletStore.getState().setAlert;
-      if (errorMsg.includes("User rejected") || errorMsg.includes("User denied")) {
-        switch (connectFlowType) {
-          case "auth":
-            setAuthError({ title: "Signature error", message: "Signature request was cancelled" });
-            break;
-          case "link":
-            setManageWalletLinkError({ title: "Signature error", message: "Signature request was cancelled" });
-            break;
-          case "connect":
-            break;
-        }
-      } else if (errorMsg.includes("already linked")) {
-        switch (connectFlowType) {
-          case "auth":
-            setAuthError({ title: "Wallet error", message: "This wallet is already linked to another account" });
-            break;
-          case "link":
-            setManageWalletLinkError({
-              title: "Wallet error",
-              message: "This wallet is already linked to another account"
-            });
-            break;
-          case "connect":
-            break;
-        }
-      } else {
-        switch (connectFlowType) {
-          case "auth":
-            setAuthError({ title: "Error", message: errorMsg });
-            break;
-          case "link":
-            setManageWalletLinkError({ title: "Error", message: errorMsg });
-            break;
-          case "connect":
-            break;
-        }
-      }
       switch (connectFlowType) {
         case "auth":
+          setConnectError(errorMsg);
           break;
         case "link":
-          onLinkingComplete(false);
+          useManageWalletStore.getState().setAlert({ title: "Error", message: errorMsg });
+          await onLinkingComplete(false);
           break;
         case "connect":
           openEmbarkAI(walletMenuOpenedFrom || "main-menu" /* MAIN_MENU */);
@@ -17402,7 +17379,6 @@ function ConnectExternalWalletMenu() {
   const {
     mutateAsync: connect,
     isPending: isConnectingExternalWallet,
-    error,
     variables: pendingConnectVariables
   } = useConnect({
     mutation: {
@@ -17448,7 +17424,7 @@ function ConnectExternalWalletMenu() {
           }
         });
       },
-      onError: (error2, { connector }) => {
+      onError: (error, { connector }) => {
         const connectFlowType = getConnectFlowType({
           isEmbarkAI: !!embarkAiAddress,
           connectFlow: menuParams.current?.connectFlowType || "auth"
@@ -17457,20 +17433,17 @@ function ConnectExternalWalletMenu() {
         setTimeout(() => {
           switch (connectFlowType) {
             case "auth":
-              useAuthStore.getState().setAlert({
-                title: `Failed to connect: ${connector.name}`,
-                message: error2?.message || "Failed to connect wallet"
-              });
+              setConnectError(error?.message || "Failed to connect wallet");
               break;
             case "link":
+              setPage("manage-wallet" /* MANAGE_WALLET */);
               useManageWalletStore.getState().setAlert({
                 title: `Failed to connect: ${connector.name}`,
-                message: error2?.message || "Failed to connect wallet before linking"
+                message: error?.message || "Failed to connect wallet before linking"
               });
-              setPage("manage-wallet" /* MANAGE_WALLET */);
               break;
             case "connect":
-              openEmbarkAI(walletMenuOpenedFrom || "main-menu" /* MAIN_MENU */);
+              setConnectError(error?.message || "Failed to connect wallet");
               break;
           }
           useLayoutStore.getState().setIsDialogForced(false);
@@ -17536,17 +17509,16 @@ function ConnectExternalWalletMenu() {
           className: "w-full justify-center",
           disabled: isConnectingExternalWallet,
           onClick: async () => {
-            if (isExternalWalletConnected) {
+            if (connectError) setConnectError(null);
+            try {
               disconnect();
-              await new Promise((resolve) => setTimeout(resolve, 500));
+            } catch {
             }
+            await new Promise((resolve) => setTimeout(resolve, 500));
             switch (true) {
               case (connector.id === "metaMaskSDK" && !hasInjectedWallet2):
                 closeEmbarkAI();
                 break;
-              // case connector.id === 'walletConnect':
-              //   closeEmbarkAI() // close embarkAI since WalletConnect has dedicated UI
-              //   break
               default:
                 useLayoutStore.getState().setIsDialogForced(true);
                 break;
@@ -17573,7 +17545,25 @@ function ConnectExternalWalletMenu() {
       })
     }),
     visibleConnectors.length === 0 && /* @__PURE__ */ jsx74(Highlight, { type: "info", children: t("passport:connectMenu.noWallets") }),
-    error && /* @__PURE__ */ jsx74(Highlight, { type: "error", children: error.message })
+    connectError && /* @__PURE__ */ jsxs65(Highlight, { type: "error", className: "flex flex-col gap-[var(--ui-kit-gap)]", children: [
+      /* @__PURE__ */ jsx74("p", { children: connectError }),
+      /* @__PURE__ */ jsx74(
+        Button,
+        {
+          variant: "default",
+          size: "medium",
+          className: "w-full",
+          onClick: () => {
+            try {
+              disconnect();
+            } catch {
+            }
+            setConnectError(null);
+          },
+          children: t("passport:common.hide")
+        }
+      )
+    ] })
   ] });
 }
 var init_ConnectExternalWalletMenu = __esm({
@@ -17589,7 +17579,6 @@ var init_ConnectExternalWalletMenu = __esm({
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_useExternalWalletStore();
-    init_AuthMenu2();
     init_Expandable2();
     init_ManageWalletMenu();
     init_button();
@@ -17604,24 +17593,19 @@ import { useCallback as useCallback18 } from "react";
 import { useConnect as useConnect2, useConnectors as useConnectors2, useDisconnect as useDisconnect3 } from "wagmi";
 function useExternalWalletConnnect() {
   const { config } = useProviderConfig();
-  const walletMode = config.current?.wallet?.mode || "both";
+  const walletMode = config.current?.wallet?.mode;
   const connectors = useConnectors2();
   const { mutate: disconnect } = useDisconnect3();
   const { mutate: connect, ...restUseConnect } = useConnect2({
     mutation: {
       onSuccess: (connectionData, { connector }) => {
         const { chainId, accounts } = connectionData;
-        const shouldKeepConnected = walletMode === "direct" || walletMode === "both";
-        if (shouldKeepConnected && connector) {
-          const signingWalletAddress = accounts[0];
-          useExternalWalletStore.getState().setExternalWallet({
-            address: signingWalletAddress,
-            chainId,
-            connectorName: connector.name || "Unknown Wallet"
-          });
-        } else {
-          disconnect();
-        }
+        const signingWalletAddress = accounts[0];
+        useExternalWalletStore.getState().setExternalWallet({
+          address: signingWalletAddress,
+          chainId,
+          connectorName: connector.name || "Unknown Wallet"
+        });
         useLayoutStore.getState().setIsDialogForced(false);
       },
       onError: (error, variables) => {
@@ -17630,27 +17614,31 @@ function useExternalWalletConnnect() {
     }
   });
   const disconnectExternalWallet = useCallback18(() => {
-    disconnect();
+    try {
+      disconnect();
+    } catch {
+      return;
+    }
     useExternalWalletStore.getState().clearExternalWallet();
   }, [disconnect]);
   const connectExternalWallet = useCallback18(
     async (walletConnectorType) => {
-      const externalAddress = useExternalWalletStore.getState().externalAddress;
-      if (externalAddress) {
-        disconnectExternalWallet();
-        await new Promise((resolve) => setTimeout(resolve, 500));
-      }
+      disconnectExternalWallet();
       const connector = connectors.find((c) => c.id === walletConnectorType);
       if (!connector) {
         console.error("[ExternalWalletConnnect] Connector not found for:", walletConnectorType);
         return;
       }
       useLayoutStore.getState().setIsDialogForced(true);
-      connect({ connector });
+      try {
+        await connect({ connector });
+      } catch {
+      }
     },
     [connectors]
   );
   return {
+    isAvailable: walletMode === "direct" || walletMode === "both",
     mutate: connectExternalWallet,
     disconnect: disconnectExternalWallet,
     ...restUseConnect
@@ -17732,7 +17720,7 @@ var init_devices = __esm({
 
 // src/internal/components/DevicesMenu/DeviceLinkScreen.tsx
 import { ArrowLeft as ArrowLeft9, Loader2 as Loader22 } from "lucide-react";
-import { useState as useState14 } from "react";
+import { useState as useState15 } from "react";
 import { jsx as jsx75, jsxs as jsxs66 } from "react/jsx-runtime";
 function getErrorMessage(err) {
   const code = err?.code;
@@ -17752,8 +17740,8 @@ function getErrorMessage(err) {
 function DeviceLinkScreen() {
   const setPage = useLayoutDataStore((s) => s.setPage);
   const { mutate: link, isPending } = useLinkDevice();
-  const [code, setCode] = useState14("");
-  const [error, setError] = useState14(null);
+  const [code, setCode] = useState15("");
+  const [error, setError] = useState15(null);
   const isValid = code.length === 6 && VALID_CHARS.test(code);
   function handleCodeChange(value) {
     const upper = value.toUpperCase().slice(0, 6);
@@ -18325,7 +18313,7 @@ var init_guardian_backup = __esm({
 
 // src/internal/components/DevicesMenu/DeviceManageScreen.tsx
 import { ArrowLeft as ArrowLeft10, Cpu, Download, HardDrive, Loader2 as Loader23, Trash2, Upload } from "lucide-react";
-import { useCallback as useCallback19, useEffect as useEffect26, useRef as useRef14, useState as useState15 } from "react";
+import { useCallback as useCallback19, useEffect as useEffect26, useRef as useRef14, useState as useState16 } from "react";
 import { Fragment as Fragment20, jsx as jsx76, jsxs as jsxs67 } from "react/jsx-runtime";
 function formatSize(bytes) {
   if (bytes < 1024) return `${bytes} B`;
@@ -18339,12 +18327,12 @@ function DeviceManageScreen() {
   const deviceId = pageParams?.deviceId;
   const deviceName = pageParams?.deviceName;
   const guardianRef = useRef14(null);
-  const [screen, setScreen] = useState15({ step: "connecting" });
-  const [actionState, setActionState] = useState15(null);
-  const [password, setPassword] = useState15("");
-  const [statusMessage, setStatusMessage] = useState15(null);
-  const [errorMessage, setErrorMessage] = useState15(null);
-  const [waitingConfirm, setWaitingConfirm] = useState15(false);
+  const [screen, setScreen] = useState16({ step: "connecting" });
+  const [actionState, setActionState] = useState16(null);
+  const [password, setPassword] = useState16("");
+  const [statusMessage, setStatusMessage] = useState16(null);
+  const [errorMessage, setErrorMessage] = useState16(null);
+  const [waitingConfirm, setWaitingConfirm] = useState16(false);
   useEffect26(() => {
     if (!statusMessage) return;
     const t = setTimeout(() => setStatusMessage(null), 3e3);
@@ -18635,7 +18623,7 @@ var init_DeviceManageScreen = __esm({
 
 // src/internal/components/DevicesMenu/DeviceRestoreScreen.tsx
 import { AlertTriangle as AlertTriangle2, ArrowLeft as ArrowLeft11, Download as Download2, Loader2 as Loader24 } from "lucide-react";
-import { useCallback as useCallback20, useState as useState16 } from "react";
+import { useCallback as useCallback20, useState as useState17 } from "react";
 import { Fragment as Fragment21, jsx as jsx77, jsxs as jsxs68 } from "react/jsx-runtime";
 function DeviceRestoreScreen() {
   const setPage = useLayoutDataStore((s) => s.setPage);
@@ -18645,10 +18633,10 @@ function DeviceRestoreScreen() {
   const keyshareId = pageParams?.keyshareId;
   const deviceId = pageParams?.deviceId;
   const deviceName = pageParams?.deviceName;
-  const [password, setPassword] = useState16("");
-  const [isWorking, setIsWorking] = useState16(false);
-  const [statusMessage, setStatusMessage] = useState16(null);
-  const [errorMessage, setErrorMessage] = useState16(null);
+  const [password, setPassword] = useState17("");
+  const [isWorking, setIsWorking] = useState17(false);
+  const [statusMessage, setStatusMessage] = useState17(null);
+  const [errorMessage, setErrorMessage] = useState17(null);
   const handleRestore = useCallback20(async () => {
     if (!password || !keyshareId || !userId) return;
     const iframe6 = getIframeManager();
@@ -18742,7 +18730,7 @@ var init_DeviceRestoreScreen = __esm({
 
 // src/internal/components/DevicesMenu/DevicesMenu.tsx
 import { ArrowLeft as ArrowLeft12, CheckCircle, Cpu as Cpu2, HardDrive as HardDrive2, Loader2 as Loader25, Monitor, RefreshCw, Trash2 as Trash22 } from "lucide-react";
-import { useState as useState17 } from "react";
+import { useState as useState18 } from "react";
 import { jsx as jsx78, jsxs as jsxs69 } from "react/jsx-runtime";
 function DeviceIcon({ deviceType }) {
   const Icon2 = deviceType === "iot" ? Cpu2 : Monitor;
@@ -18753,8 +18741,8 @@ function truncateAddress(address) {
   return `${address.slice(0, 6)}...${address.slice(-4)}`;
 }
 function DeviceRow({ device }) {
-  const [confirmingUnlink, setConfirmingUnlink] = useState17(false);
-  const [unlinkError, setUnlinkError] = useState17(null);
+  const [confirmingUnlink, setConfirmingUnlink] = useState18(false);
+  const [unlinkError, setUnlinkError] = useState18(null);
   const { mutate: unlink, isPending } = useUnlinkDevice();
   if (confirmingUnlink) {
     return /* @__PURE__ */ jsxs69("div", { className: "flex flex-col gap-2 p-3 rounded-lg bg-[var(--ui-kit-bg)]", children: [
@@ -20505,7 +20493,7 @@ var init_Cloud = __esm({
 });
 
 // src/internal/components/KeyshareRestoreMenu/methods/Guardian.tsx
-import { useState as useState19 } from "react";
+import { useState as useState20 } from "react";
 import { Cpu as Cpu4, Loader2 as Loader26 } from "lucide-react";
 import { Fragment as Fragment28, jsx as jsx86, jsxs as jsxs77 } from "react/jsx-runtime";
 function Guardian(props) {
@@ -20514,8 +20502,8 @@ function Guardian(props) {
   const session = useSession((st) => st.session);
   const recoveryUserId = useSession((st) => st.recoveryUserId);
   const { onRestoreSuccess } = useOnRestoreSuccess();
-  const [isWorking, setIsWorking] = useState19(false);
-  const [step, setStep] = useState19("idle");
+  const [isWorking, setIsWorking] = useState20(false);
+  const [step, setStep] = useState20("idle");
   const handleGuardianBackup = async () => {
     if (!restorePassword) {
       setError("Please enter a password");
@@ -21162,15 +21150,15 @@ var init_SumsubIframeManager = __esm({
 });
 
 // src/internal/components/KYC/useSumsubIframe.ts
-import { useEffect as useEffect34, useRef as useRef16, useState as useState20 } from "react";
+import { useEffect as useEffect34, useRef as useRef16, useState as useState21 } from "react";
 function useSumsubIframe({ iframeUrl }) {
   const config = useProviderConfig().config;
   const { colorMode } = useColorMode();
   const iframeRef = useRef16(null);
-  const [isLoading, setIsLoading] = useState20(true);
-  const [error, setError] = useState20(null);
-  const [height, setHeight] = useState20(0);
-  const [status, setStatus] = useState20("");
+  const [isLoading, setIsLoading] = useState21(true);
+  const [error, setError] = useState21(null);
+  const [height, setHeight] = useState21(0);
+  const [status, setStatus] = useState21("");
   const levelName = config.current?.kyc?.options?.levelName;
   useEffect34(() => {
     setError(null);
@@ -22082,7 +22070,7 @@ var init_BalanceView2 = __esm({
 // src/internal/components/PortfolioMenu/PortfolioItem.tsx
 import { useQuery as useQuery18 } from "@tanstack/react-query";
 import { LoaderIcon as LoaderIcon11, ShieldAlertIcon, SparklesIcon } from "lucide-react";
-import { useMemo as useMemo14, useState as useState21 } from "react";
+import { useMemo as useMemo14, useState as useState22 } from "react";
 import { formatUnits as formatUnits7 } from "viem";
 import { Fragment as Fragment32, jsx as jsx94, jsxs as jsxs85 } from "react/jsx-runtime";
 function openInExplorer(address) {
@@ -22122,8 +22110,8 @@ function SecurityTokenBadge() {
 }
 function PortfolioItemImage(props) {
   const { asset } = props;
-  const [logoError, setLogoError] = useState21(false);
-  const [nftImageError, setNftImageError] = useState21(false);
+  const [logoError, setLogoError] = useState22(false);
+  const [nftImageError, setNftImageError] = useState22(false);
   const resolvedImage = useMemo14(() => {
     const isNft = isNftAsset(asset);
     const nftImage = getNftImage(asset);
@@ -22729,7 +22717,7 @@ var init_useNicknameAvailability = __esm({
 // src/internal/components/NicknameMenu/NicknameEditForm.tsx
 import { useMutation as useMutation16, useQueryClient as useQueryClient21 } from "@tanstack/react-query";
 import { AtSignIcon, CopyIcon as CopyIcon2, LoaderIcon as LoaderIcon12, SaveIcon } from "lucide-react";
-import { useCallback as useCallback26, useEffect as useEffect36, useRef as useRef18, useState as useState22 } from "react";
+import { useCallback as useCallback26, useEffect as useEffect36, useRef as useRef18, useState as useState23 } from "react";
 import { Fragment as Fragment34, jsx as jsx98, jsxs as jsxs89 } from "react/jsx-runtime";
 function NicknameEditForm(props) {
   const { isInitialUser, nicknameInfo } = props;
@@ -22742,7 +22730,7 @@ function NicknameEditForm(props) {
   const nicknameValue = useNicknameStore((st) => st.nicknameValue);
   const nicknameAvailability = useNicknameStore((st) => st.availability);
   const { isCheckingAvailability } = useNicknameAvailability(nicknameInfo ? nicknameInfo.handle : "");
-  const [isNicknameCopied, setIsNicknameCopied] = useState22(false);
+  const [isNicknameCopied, setIsNicknameCopied] = useState23(false);
   const exitTimerRef = useRef18(null);
   useEffect36(() => () => {
     if (exitTimerRef.current) clearTimeout(exitTimerRef.current);
@@ -23120,7 +23108,7 @@ var init_nickname_fingerprint = __esm({
 import { useQuery as useQuery20 } from "@tanstack/react-query";
 import { ArrowLeft as ArrowLeft19, AtSignIcon as AtSignIcon2, CheckCircle2 as CheckCircle24, Copy as Copy2, FingerprintIcon, LoaderIcon as LoaderIcon13, Wallet2Icon as Wallet2Icon4 } from "lucide-react";
 import QRCode from "qrcode";
-import { useEffect as useEffect38, useMemo as useMemo15, useState as useState23 } from "react";
+import { useEffect as useEffect38, useMemo as useMemo15, useState as useState24 } from "react";
 import { Fragment as Fragment35, jsx as jsx100, jsxs as jsxs91 } from "react/jsx-runtime";
 function ReceiveMenu() {
   const { t } = useT();
@@ -23133,10 +23121,10 @@ function ReceiveMenu() {
     queryKey: [QUERY_KEYS.nicknameInfo, address],
     queryFn: async () => await getNicknameInfo()
   });
-  const [qrCodeUrl, setQrCodeUrl] = useState23("");
-  const [isAddressCopied, setAddressCopied] = useState23(false);
-  const [isNicknameCopied, setNicknameCopied] = useState23(false);
-  const [fingerprintCopied, setFingerprintCopied] = useState23(false);
+  const [qrCodeUrl, setQrCodeUrl] = useState24("");
+  const [isAddressCopied, setAddressCopied] = useState24(false);
+  const [isNicknameCopied, setNicknameCopied] = useState24(false);
+  const [fingerprintCopied, setFingerprintCopied] = useState24(false);
   useOnboardingTourAvailable(true);
   const fingerprint = useMemo15(() => {
     if (!session?.ownerAddress) return null;
@@ -23948,7 +23936,7 @@ var init_utils10 = __esm({
 });
 
 // src/internal/components/SecurityMenu/UserPolicies/usePolicyForm.ts
-import { useEffect as useEffect39, useState as useState24 } from "react";
+import { useEffect as useEffect39, useState as useState25 } from "react";
 import { create as create14 } from "zustand";
 function updateDestinations(patch) {
   usePolicyForm.setState((st) => ({ ...st, destinations: { ...st?.destinations, ...patch } }));
@@ -23957,7 +23945,7 @@ function updateLimits(patch) {
   usePolicyForm.setState((st) => ({ ...st, limits: { ...st?.limits, ...patch } }));
 }
 function useWatchFormData() {
-  const [showFormErrors, setShowFormErrors] = useState24(false);
+  const [showFormErrors, setShowFormErrors] = useState25(false);
   const formData = usePolicyForm();
   const formState = usePolicyFormValidation();
   useEffect39(() => {
@@ -24030,13 +24018,13 @@ var init_useUserAssetsPolicies = __esm({
 // src/internal/components/SecurityMenu/UserPolicies/PolicyForm.tsx
 import { useMutation as useMutation18, useQueryClient as useQueryClient23 } from "@tanstack/react-query";
 import { ChevronRightIcon as ChevronRightIcon2, ChevronUpIcon as ChevronUpIcon2, LoaderIcon as LoaderIcon16, PlusIcon, TrashIcon } from "lucide-react";
-import { useCallback as useCallback27, useState as useState25 } from "react";
+import { useCallback as useCallback27, useState as useState26 } from "react";
 import { Fragment as Fragment37, jsx as jsx106, jsxs as jsxs97 } from "react/jsx-runtime";
 function AddressListEditor(props) {
   const { label, assets = [], addresses, onChange } = props;
-  const [isAssetSelector, setIsAssetSelector] = useState25(false);
-  const [customAddress, setCustomAddress] = useState25("");
-  const [customAddressError, setCustomAddressError] = useState25(null);
+  const [isAssetSelector, setIsAssetSelector] = useState26(false);
+  const [customAddress, setCustomAddress] = useState26("");
+  const [customAddressError, setCustomAddressError] = useState26(null);
   const handleAddress = useCallback27(
     (addressToAdd) => {
       if (!isValidAddress(addressToAdd)) {
@@ -24294,7 +24282,7 @@ var init_constants8 = __esm({
 import { useMutation as useMutation19, useQueryClient as useQueryClient24 } from "@tanstack/react-query";
 import cn3 from "clsx";
 import { LoaderIcon as LoaderIcon17, PencilIcon, TrashIcon as TrashIcon2 } from "lucide-react";
-import { useState as useState26 } from "react";
+import { useState as useState27 } from "react";
 import { jsx as jsx107, jsxs as jsxs98 } from "react/jsx-runtime";
 function RulesSummary(props) {
   const { t } = useT();
@@ -24353,7 +24341,7 @@ function UserPolicies() {
   const config = useProviderConfig().config;
   const mpcUserId = useSession((st) => st.session?.mpcUserId);
   const activeChainId = useSession((st) => st.activeChainId);
-  const [isConfirmingDelete, setIsConfirmingDelete] = useState26(false);
+  const [isConfirmingDelete, setIsConfirmingDelete] = useState27(false);
   const { data: policyView, isLoading: isPolicyLoading } = useUserAssetsPolicies(activeChainId);
   const { mutate: cancelPending, isPending: isCancellingPending } = useMutation19({
     mutationFn: async () => {
@@ -24758,7 +24746,8 @@ function SenderSelector(props) {
   const {
     mutate: connectExternalWallet,
     isPending: isConnectingExternalWallet,
-    variables: pendingConnectVariables
+    variables: pendingConnectVariables,
+    isAvailable: isConnectExternalWalletAvailable
   } = useExternalWalletConnnect();
   const directWalletAddress = useExternalWalletStore((st) => st.externalAddress);
   const directWalletIsConnected = useExternalWalletStore((st) => st.isExternalConnected);
@@ -24771,7 +24760,7 @@ function SenderSelector(props) {
         variant: "secondary",
         size: "large",
         className: "justify-between",
-        disabled: isConnectingExternalWallet,
+        disabled: !isConnectExternalWalletAvailable || isConnectingExternalWallet,
         onClick: async () => {
           switch (sender.type) {
             case "embarkai-wallet":
@@ -26293,11 +26282,11 @@ var init_checkbox = __esm({
 
 // src/internal/components/SendMenu/hyperbridge/steps/ConfirmStep.tsx
 import { LoaderIcon as LoaderIcon19 } from "lucide-react";
-import { useState as useState27 } from "react";
+import { useState as useState28 } from "react";
 import { jsx as jsx113, jsxs as jsxs102 } from "react/jsx-runtime";
 function ConfirmStep(props) {
   const { isAssetBridging, bridgeAsset, hyperlaneWarpRoutes } = props;
-  const [userConsent, setUserConsent] = useState27(false);
+  const [userConsent, setUserConsent] = useState28(false);
   const { t } = useT();
   const address = useSession((st) => st.address);
   const bridgeSender = useBridgeStore((st) => st.bridgeSenders.find((s) => s.type === st.bridgeSender));
@@ -27059,7 +27048,7 @@ var init_useErc3643Compliance = __esm({
 
 // src/hooks/useNicknameResolve.ts
 import { useQuery as useQuery26 } from "@tanstack/react-query";
-import { useEffect as useEffect47, useMemo as useMemo18, useState as useState28 } from "react";
+import { useEffect as useEffect47, useMemo as useMemo18, useState as useState29 } from "react";
 function looksLikeNickname(input) {
   if (!input) return false;
   if (input.startsWith("0x")) return false;
@@ -27069,8 +27058,8 @@ function looksLikeNickname(input) {
 }
 function useNicknameResolve(input, options) {
   const { enabled = true, chainId } = options;
-  const [debouncedInput, setDebouncedInput] = useState28("");
-  const [isDebouncing, setIsDebouncing] = useState28(false);
+  const [debouncedInput, setDebouncedInput] = useState29("");
+  const [isDebouncing, setIsDebouncing] = useState29(false);
   const normalized = normalizeNickname(input);
   const isNicknameInput = looksLikeNickname(input) && normalized.length >= 3;
   useEffect47(() => {
@@ -27133,14 +27122,14 @@ var init_useNicknameResolve = __esm({
 });
 
 // src/hooks/useSendTransaction.ts
-import { useCallback as useCallback30, useState as useState29 } from "react";
+import { useCallback as useCallback30, useState as useState30 } from "react";
 import { encodeFunctionData as encodeFunctionData2, isAddress as isAddress2, parseEther as parseEther2, parseUnits } from "viem";
 function useSendTransaction() {
   const session = useSession((st) => st.session);
   const address = useSession((st) => st.address);
-  const [isLoading, setIsLoading] = useState29(false);
-  const [error, setError] = useState29(null);
-  const [userOpHash, setUserOpHash] = useState29(null);
+  const [isLoading, setIsLoading] = useState30(false);
+  const [error, setError] = useState30(null);
+  const [userOpHash, setUserOpHash] = useState30(null);
   const sendTransaction = useCallback30(
     async (params) => {
       if (!session || !address) {
@@ -27401,10 +27390,10 @@ var init_AssetInputIcon = __esm({
 
 // src/internal/components/SendMenu/send/components/NftDisplayCard.tsx
 import { Image as ImageIcon2, Sparkles as Sparkles2 } from "lucide-react";
-import { useState as useState30 } from "react";
+import { useState as useState31 } from "react";
 import { jsx as jsx120, jsxs as jsxs108 } from "react/jsx-runtime";
 function NftDisplayCard({ asset }) {
-  const [imageError, setImageError] = useState30(false);
+  const [imageError, setImageError] = useState31(false);
   const nftImage = asset.image || asset.nftMetadata?.image;
   return /* @__PURE__ */ jsxs108("div", { className: "flex items-center gap-3 p-3 rounded-[var(--ui-kit-el-bdrs)] bg-[var(--ui-kit-bg-secondary)]", children: [
     nftImage && !imageError ? /* @__PURE__ */ jsx120(
@@ -29367,7 +29356,7 @@ var init_TransactionsGroup = __esm({
 // src/internal/components/TransactionsMenu/TransactionsMenu.tsx
 import { useQuery as useQuery28, useQueryClient as useQueryClient28 } from "@tanstack/react-query";
 import { ArrowLeft as ArrowLeft22, Loader as Loader29, RefreshCw as RefreshCw3, XCircle as XCircle2 } from "lucide-react";
-import { useCallback as useCallback31, useState as useState31 } from "react";
+import { useCallback as useCallback31, useState as useState32 } from "react";
 import { jsx as jsx128, jsxs as jsxs116 } from "react/jsx-runtime";
 function TransactionsMenu() {
   const qc = useQueryClient28();
@@ -29376,7 +29365,7 @@ function TransactionsMenu() {
   const { t } = useT();
   useOnboardingTourAvailable(true);
   const setPage = useLayoutDataStore((st) => st.setPage);
-  const [expandedGroups, setExpandedGroups] = useState31({});
+  const [expandedGroups, setExpandedGroups] = useState32({});
   const historySupported = isTransactionHistorySupported(chainConfig?.id);
   const {
     data: txHistoryGroups = [],
@@ -29858,7 +29847,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.103",
+      version: "0.4.104",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -30183,7 +30172,7 @@ var init_onborading_setup = __esm({
 
 // src/internal/components/Header/Header.tsx
 import { CircleQuestionMarkIcon, Copy as Copy4, Loader as Loader31 } from "lucide-react";
-import { useCallback as useCallback33, useRef as useRef21, useState as useState32 } from "react";
+import { useCallback as useCallback33, useRef as useRef21, useState as useState33 } from "react";
 import { Fragment as Fragment46, jsx as jsx132, jsxs as jsxs119 } from "react/jsx-runtime";
 function formatAddress3(addr) {
   if (!addr) return "";
@@ -30196,8 +30185,8 @@ function Header() {
   const embarkPage = useLayoutDataStore((st) => st.page);
   const isOnboardingTourAvailable = useOnboardingStore((st) => st.isTourAvailable);
   const proMode = useProMode();
-  const [proToast, setProToast] = useState32(false);
-  const [copied, setCopied] = useState32(false);
+  const [proToast, setProToast] = useState33(false);
+  const [copied, setCopied] = useState33(false);
   const clickCountRef = useRef21(0);
   const clickTimerRef = useRef21(null);
   const handleAvatarClick = useCallback33(() => {
@@ -34046,12 +34035,12 @@ var Hash = ({
 
 // src/internal/components/TransactionsMenu/TransactionsList.tsx
 init_base3();
-import { useEffect as useEffect59, useState as useState36 } from "react";
+import { useEffect as useEffect59, useState as useState37 } from "react";
 import { jsx as jsx144, jsxs as jsxs127 } from "react/jsx-runtime";
 var TransactionsList = ({ address, itemsCount = 10 }) => {
-  const [transactions, setTransactions] = useState36([]);
-  const [loading, setLoading] = useState36(true);
-  const [error, setError] = useState36(null);
+  const [transactions, setTransactions] = useState37([]);
+  const [loading, setLoading] = useState37(true);
+  const [error, setError] = useState37(null);
   useEffect59(() => {
     const fetchTransactions2 = async () => {
       try {
@@ -34396,7 +34385,7 @@ function useDirectWallet() {
 
 // src/hooks/useSendDirectTransaction.ts
 init_useExternalWalletStore();
-import { useCallback as useCallback40, useState as useState38 } from "react";
+import { useCallback as useCallback40, useState as useState39 } from "react";
 import { isAddress as isAddress4, parseEther as parseEther3 } from "viem";
 import { useSendTransaction as useWagmiSendTransaction, useSwitchChain as useSwitchChain3 } from "wagmi";
 function useSendDirectTransaction() {
@@ -34404,9 +34393,9 @@ function useSendDirectTransaction() {
   const externalChainId = useExternalWalletStore((st) => st.externalChainId);
   const { sendTransactionAsync } = useWagmiSendTransaction();
   const { switchChainAsync } = useSwitchChain3();
-  const [isPending, setIsPending] = useState38(false);
-  const [error, setError] = useState38(null);
-  const [txHash, setTxHash] = useState38(null);
+  const [isPending, setIsPending] = useState39(false);
+  const [error, setError] = useState39(null);
+  const [txHash, setTxHash] = useState39(null);
   const sendTransaction = useCallback40(
     async (params) => {
       if (!isConnected) {
@@ -34453,7 +34442,7 @@ function useSendDirectTransaction() {
 init_SessionContext();
 init_account2();
 init_linkedProfiles();
-import { useCallback as useCallback41, useMemo as useMemo23, useState as useState39 } from "react";
+import { useCallback as useCallback41, useMemo as useMemo23, useState as useState40 } from "react";
 import { encodeFunctionData as encodeFunctionData3, isAddress as isAddress5, parseEther as parseEther4, parseUnits as parseUnits3 } from "viem";
 var ERC20_TRANSFER_ABI2 = [
   {
@@ -34469,9 +34458,9 @@ var ERC20_TRANSFER_ABI2 = [
 function useTransferToLinkedWallet() {
   const session = useSession((st) => st.session);
   const { profiles } = useLinkedProfiles();
-  const [isPending, setIsPending] = useState39(false);
-  const [error, setError] = useState39(null);
-  const [userOpHash, setUserOpHash] = useState39(null);
+  const [isPending, setIsPending] = useState40(false);
+  const [error, setError] = useState40(null);
+  const [userOpHash, setUserOpHash] = useState40(null);
   const linkedWallets = useMemo23(
     () => (profiles || []).filter((p) => p.provider === "wallet" && p.externalId).map((p) => p.externalId),
     [profiles]

package/package.json

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