@embarkai/ui-kit 0.4.106 → 0.4.108

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.106</title>
+    <title>EmbarkAI Secure Wallet - iframe version 0.4.108</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.106";
+var IFRAME_VERSION = "0.4.108";
 var IframeWallet = class {
   // private finchpay: FinchPayRampAPI
   // private rampnow: RampnowOnrampAPI

package/dist/index.cjs

@@ -15709,6 +15709,32 @@ var init_wallets = __esm({
   }
 });
 
+// src/internal/lib/connect-errors.ts
+function someInErrorChain(error, predicate) {
+  let current = error;
+  for (let depth = 0; current && depth < 10; depth++) {
+    if (predicate(current)) return true;
+    current = current.cause;
+  }
+  return false;
+}
+function dropFailedConnectorSession(error, connector, wagmiConfig3) {
+  if (isRequestPendingError(error) || isUserRejectedError(error)) return;
+  if (wagmiConfig3.state.connections.has(connector.uid)) return;
+  connector.disconnect().catch(() => {
+  });
+}
+var REQUEST_PENDING_ERROR_CODE, USER_REJECTED_ERROR_CODE, isRequestPendingError, isUserRejectedError, isUnsupportedChainError;
+var init_connect_errors = __esm({
+  "src/internal/lib/connect-errors.ts"() {
+    REQUEST_PENDING_ERROR_CODE = -32002;
+    USER_REJECTED_ERROR_CODE = 4001;
+    isRequestPendingError = (error) => someInErrorChain(error, (e) => e.code === REQUEST_PENDING_ERROR_CODE);
+    isUserRejectedError = (error) => someInErrorChain(error, (e) => e.code === USER_REJECTED_ERROR_CODE);
+    isUnsupportedChainError = (error) => someInErrorChain(error, (e) => typeof e.message === "string" && e.message.includes("supportedNetworks"));
+  }
+});
+
 // src/internal/auth/providers/types.ts
 function getTssUrl3() {
   return getServiceUrls().tssUrl;
@@ -16816,9 +16842,12 @@ function ProviderCard(props) {
     isPending: isConnectingExternalWallet,
     variables: pendingConnectVariables,
     isAvailable: isConnectExternalWalletAvailable
-  } = useExternalWalletConnnect();
-  const setPage = useLayoutDataStore((st) => st.setPage);
-  const setConfirmUnlink = useManageWalletStore((st) => st.setConfirmUnlink);
+  } = useExternalWalletConnnect({
+    // onSuccess: undefined,
+    onError: ({ connector, error }) => {
+      console.warn("[useExternalWalletConnect]", connector, error);
+    }
+  });
   const { data: providers = [] } = useProvidersList();
   if (!provider) {
     console.warn("[ProviderCard] Received undefined provider");
@@ -16909,8 +16938,8 @@ function ProviderCard(props) {
           disabled: disabled || isConnectingExternalWallet,
           title: t("passport:common.delete"),
           onClick: () => {
-            setConfirmUnlink({ provider, providerName: info.name, externalId });
-            setPage("unlink-provider" /* UNLINK_PROVIDER */);
+            useManageWalletStore.getState().setConfirmUnlink({ provider, providerName: info.name, externalId });
+            useLayoutDataStore.getState().setPage("unlink-provider" /* UNLINK_PROVIDER */);
           },
           children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react30.Trash2Icon, { className: "w-4 h-4 text-[var(--ui-kit-bg-error)]" })
         }
@@ -17326,14 +17355,6 @@ function getConnectFlowType(params) {
   if (!isEmbarkAI) return "auth";
   return connectFlow;
 }
-function someInErrorChain(error, predicate) {
-  let current = error;
-  for (let depth = 0; current && depth < 10; depth++) {
-    if (predicate(current)) return true;
-    current = current.cause;
-  }
-  return false;
-}
 function ConnectExternalWalletMenu() {
   const { config, callbacksRef } = useProviderConfig();
   const allowedWallets = config.current?.wallet?.allowedWallets;
@@ -17403,7 +17424,7 @@ function ConnectExternalWalletMenu() {
     }
   };
   const completeExternalConnect = (connector, address, chainId) => {
-    useLayoutDataStore.getState().setPage(walletMenuOpenedFrom || "main-menu" /* MAIN_MENU */);
+    useLayoutDataStore.getState().setPage(walletMenuOpenedFrom || "manage-wallet" /* MANAGE_WALLET */);
     keepOrReleaseExternalWallet(connector, address, chainId);
   };
   const { mutateAsync: loginOrLinkWallet, isPending: isLoginOrLinkWallet } = (0, import_react_query25.useMutation)({
@@ -17507,6 +17528,7 @@ function ConnectExternalWalletMenu() {
     if (!isRequestPending && connectFlowType !== "connect" && wagmiConfig3.state.connections.has(connector.uid)) {
       disconnect({ connector });
     }
+    dropFailedConnectorSession(error, connector, wagmiConfig3);
     const errorMessage = isRequestPending ? (
       // @ts-expect-error i18n typing
       t("passport:connectMenu.requestPending", { wallet: connector.name })
@@ -17570,7 +17592,7 @@ function ConnectExternalWalletMenu() {
           size: "icon",
           title: t("passport:common.back"),
           disabled: isConnectingExternalWallet || isLoginOrLinkWallet,
-          onClick: () => useLayoutDataStore.getState().setPage(walletMenuOpenedFrom ?? "main-menu" /* MAIN_MENU */),
+          onClick: () => useLayoutDataStore.getState().setPage(walletMenuOpenedFrom ?? "manage-wallet" /* MANAGE_WALLET */),
           children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_lucide_react33.ArrowLeft, { className: "h-4 w-4" })
         }
       ),
@@ -17663,7 +17685,7 @@ function ConnectExternalWalletMenu() {
     ] })
   ] });
 }
-var import_react_query25, import_lucide_react33, import_react46, import_wagmi3, import_chains, import_jsx_runtime74, SIGN_FALLBACK_CHAIN_ID, REQUEST_PENDING_ERROR_CODE, isRequestPendingError, isUnsupportedChainError;
+var import_react_query25, import_lucide_react33, import_react46, import_wagmi3, import_chains, import_jsx_runtime74, SIGN_FALLBACK_CHAIN_ID;
 var init_ConnectExternalWalletMenu = __esm({
   "src/internal/components/ConnectExternalWalletMenu/ConnectExternalWalletMenu.tsx"() {
     init_ProviderContext();
@@ -17671,6 +17693,7 @@ var init_ConnectExternalWalletMenu = __esm({
     init_useOpenPage();
     init_i18n();
     init_wallets();
+    init_connect_errors();
     init_linkedProfiles();
     import_react_query25 = require("@tanstack/react-query");
     import_lucide_react33 = require("lucide-react");
@@ -17690,16 +17713,15 @@ var init_ConnectExternalWalletMenu = __esm({
     init_useHasInjectedWallet();
     import_jsx_runtime74 = require("react/jsx-runtime");
     SIGN_FALLBACK_CHAIN_ID = import_chains.mainnet.id;
-    REQUEST_PENDING_ERROR_CODE = -32002;
-    isRequestPendingError = (error) => someInErrorChain(error, (e) => e.code === REQUEST_PENDING_ERROR_CODE);
-    isUnsupportedChainError = (error) => someInErrorChain(error, (e) => typeof e.message === "string" && e.message.includes("supportedNetworks"));
   }
 });
 
 // src/internal/components/ConnectExternalWalletMenu/useExternalWalletConnect.ts
-function useExternalWalletConnnect() {
+function useExternalWalletConnnect(options) {
+  const { onSuccess, onError } = options || {};
   const { config } = useProviderConfig();
   const walletMode = config.current?.wallet?.mode;
+  const wagmiConfig3 = (0, import_wagmi4.useConfig)();
   const connectors = (0, import_wagmi4.useConnectors)();
   const { mutate: disconnect } = (0, import_wagmi4.useDisconnect)();
   const { mutate: connect, ...restUseConnect } = (0, import_wagmi4.useConnect)({
@@ -17712,9 +17734,16 @@ function useExternalWalletConnnect() {
           chainId,
           connectorName: connector.name || "Unknown Wallet"
         });
+        onSuccess?.({ connected: true, address: signingWalletAddress });
         useLayoutStore.getState().setIsDialogForced(false);
       },
-      onError: (error, variables) => {
+      onError: (error, { connector }) => {
+        dropFailedConnectorSession(error, connector, wagmiConfig3);
+        onError?.({
+          connected: false,
+          connector: connector?.name || "Unknown Wallet",
+          error
+        });
         useLayoutStore.getState().setIsDialogForced(false);
       }
     }
@@ -17757,6 +17786,7 @@ var init_useExternalWalletConnect = __esm({
     import_react47 = require("react");
     import_wagmi4 = require("wagmi");
     init_useLayoutStore();
+    init_connect_errors();
     init_useExternalWalletStore();
   }
 });
@@ -30011,7 +30041,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.106",
+      version: "0.4.108",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",

package/dist/index.js

@@ -15667,6 +15667,32 @@ var init_wallets = __esm({
   }
 });
 
+// src/internal/lib/connect-errors.ts
+function someInErrorChain(error, predicate) {
+  let current = error;
+  for (let depth = 0; current && depth < 10; depth++) {
+    if (predicate(current)) return true;
+    current = current.cause;
+  }
+  return false;
+}
+function dropFailedConnectorSession(error, connector, wagmiConfig3) {
+  if (isRequestPendingError(error) || isUserRejectedError(error)) return;
+  if (wagmiConfig3.state.connections.has(connector.uid)) return;
+  connector.disconnect().catch(() => {
+  });
+}
+var REQUEST_PENDING_ERROR_CODE, USER_REJECTED_ERROR_CODE, isRequestPendingError, isUserRejectedError, isUnsupportedChainError;
+var init_connect_errors = __esm({
+  "src/internal/lib/connect-errors.ts"() {
+    REQUEST_PENDING_ERROR_CODE = -32002;
+    USER_REJECTED_ERROR_CODE = 4001;
+    isRequestPendingError = (error) => someInErrorChain(error, (e) => e.code === REQUEST_PENDING_ERROR_CODE);
+    isUserRejectedError = (error) => someInErrorChain(error, (e) => e.code === USER_REJECTED_ERROR_CODE);
+    isUnsupportedChainError = (error) => someInErrorChain(error, (e) => typeof e.message === "string" && e.message.includes("supportedNetworks"));
+  }
+});
+
 // src/internal/auth/providers/types.ts
 import { Key as Key3, Mail as Mail3, Wallet2 as Wallet22 } from "lucide-react";
 function getTssUrl3() {
@@ -16770,9 +16796,12 @@ function ProviderCard(props) {
     isPending: isConnectingExternalWallet,
     variables: pendingConnectVariables,
     isAvailable: isConnectExternalWalletAvailable
-  } = useExternalWalletConnnect();
-  const setPage = useLayoutDataStore((st) => st.setPage);
-  const setConfirmUnlink = useManageWalletStore((st) => st.setConfirmUnlink);
+  } = useExternalWalletConnnect({
+    // onSuccess: undefined,
+    onError: ({ connector, error }) => {
+      console.warn("[useExternalWalletConnect]", connector, error);
+    }
+  });
   const { data: providers = [] } = useProvidersList();
   if (!provider) {
     console.warn("[ProviderCard] Received undefined provider");
@@ -16863,8 +16892,8 @@ function ProviderCard(props) {
           disabled: disabled || isConnectingExternalWallet,
           title: t("passport:common.delete"),
           onClick: () => {
-            setConfirmUnlink({ provider, providerName: info.name, externalId });
-            setPage("unlink-provider" /* UNLINK_PROVIDER */);
+            useManageWalletStore.getState().setConfirmUnlink({ provider, providerName: info.name, externalId });
+            useLayoutDataStore.getState().setPage("unlink-provider" /* UNLINK_PROVIDER */);
           },
           children: /* @__PURE__ */ jsx71(Trash2Icon, { className: "w-4 h-4 text-[var(--ui-kit-bg-error)]" })
         }
@@ -17289,14 +17318,6 @@ function getConnectFlowType(params) {
   if (!isEmbarkAI) return "auth";
   return connectFlow;
 }
-function someInErrorChain(error, predicate) {
-  let current = error;
-  for (let depth = 0; current && depth < 10; depth++) {
-    if (predicate(current)) return true;
-    current = current.cause;
-  }
-  return false;
-}
 function ConnectExternalWalletMenu() {
   const { config, callbacksRef } = useProviderConfig();
   const allowedWallets = config.current?.wallet?.allowedWallets;
@@ -17366,7 +17387,7 @@ function ConnectExternalWalletMenu() {
     }
   };
   const completeExternalConnect = (connector, address, chainId) => {
-    useLayoutDataStore.getState().setPage(walletMenuOpenedFrom || "main-menu" /* MAIN_MENU */);
+    useLayoutDataStore.getState().setPage(walletMenuOpenedFrom || "manage-wallet" /* MANAGE_WALLET */);
     keepOrReleaseExternalWallet(connector, address, chainId);
   };
   const { mutateAsync: loginOrLinkWallet, isPending: isLoginOrLinkWallet } = useMutation10({
@@ -17470,6 +17491,7 @@ function ConnectExternalWalletMenu() {
     if (!isRequestPending && connectFlowType !== "connect" && wagmiConfig3.state.connections.has(connector.uid)) {
       disconnect({ connector });
     }
+    dropFailedConnectorSession(error, connector, wagmiConfig3);
     const errorMessage = isRequestPending ? (
       // @ts-expect-error i18n typing
       t("passport:connectMenu.requestPending", { wallet: connector.name })
@@ -17533,7 +17555,7 @@ function ConnectExternalWalletMenu() {
           size: "icon",
           title: t("passport:common.back"),
           disabled: isConnectingExternalWallet || isLoginOrLinkWallet,
-          onClick: () => useLayoutDataStore.getState().setPage(walletMenuOpenedFrom ?? "main-menu" /* MAIN_MENU */),
+          onClick: () => useLayoutDataStore.getState().setPage(walletMenuOpenedFrom ?? "manage-wallet" /* MANAGE_WALLET */),
           children: /* @__PURE__ */ jsx74(ArrowLeft8, { className: "h-4 w-4" })
         }
       ),
@@ -17626,7 +17648,7 @@ function ConnectExternalWalletMenu() {
     ] })
   ] });
 }
-var SIGN_FALLBACK_CHAIN_ID, REQUEST_PENDING_ERROR_CODE, isRequestPendingError, isUnsupportedChainError;
+var SIGN_FALLBACK_CHAIN_ID;
 var init_ConnectExternalWalletMenu = __esm({
   "src/internal/components/ConnectExternalWalletMenu/ConnectExternalWalletMenu.tsx"() {
     init_ProviderContext();
@@ -17634,6 +17656,7 @@ var init_ConnectExternalWalletMenu = __esm({
     init_useOpenPage();
     init_i18n();
     init_wallets();
+    init_connect_errors();
     init_linkedProfiles();
     init_common();
     init_wallet();
@@ -17647,18 +17670,17 @@ var init_ConnectExternalWalletMenu = __esm({
     init_useConnectExternalWalletMenuParams();
     init_useHasInjectedWallet();
     SIGN_FALLBACK_CHAIN_ID = mainnet.id;
-    REQUEST_PENDING_ERROR_CODE = -32002;
-    isRequestPendingError = (error) => someInErrorChain(error, (e) => e.code === REQUEST_PENDING_ERROR_CODE);
-    isUnsupportedChainError = (error) => someInErrorChain(error, (e) => typeof e.message === "string" && e.message.includes("supportedNetworks"));
   }
 });
 
 // src/internal/components/ConnectExternalWalletMenu/useExternalWalletConnect.ts
 import { useCallback as useCallback18 } from "react";
-import { useConnect as useConnect2, useConnectors as useConnectors2, useDisconnect as useDisconnect3 } from "wagmi";
-function useExternalWalletConnnect() {
+import { useConfig as useConfig2, useConnect as useConnect2, useConnectors as useConnectors2, useDisconnect as useDisconnect3 } from "wagmi";
+function useExternalWalletConnnect(options) {
+  const { onSuccess, onError } = options || {};
   const { config } = useProviderConfig();
   const walletMode = config.current?.wallet?.mode;
+  const wagmiConfig3 = useConfig2();
   const connectors = useConnectors2();
   const { mutate: disconnect } = useDisconnect3();
   const { mutate: connect, ...restUseConnect } = useConnect2({
@@ -17671,9 +17693,16 @@ function useExternalWalletConnnect() {
           chainId,
           connectorName: connector.name || "Unknown Wallet"
         });
+        onSuccess?.({ connected: true, address: signingWalletAddress });
         useLayoutStore.getState().setIsDialogForced(false);
       },
-      onError: (error, variables) => {
+      onError: (error, { connector }) => {
+        dropFailedConnectorSession(error, connector, wagmiConfig3);
+        onError?.({
+          connected: false,
+          connector: connector?.name || "Unknown Wallet",
+          error
+        });
         useLayoutStore.getState().setIsDialogForced(false);
       }
     }
@@ -17713,6 +17742,7 @@ var init_useExternalWalletConnect = __esm({
   "src/internal/components/ConnectExternalWalletMenu/useExternalWalletConnect.ts"() {
     init_ProviderContext();
     init_useLayoutStore();
+    init_connect_errors();
     init_useExternalWalletStore();
   }
 });
@@ -29912,7 +29942,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.106",
+      version: "0.4.108",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",

package/package.json

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