@embarkai/ui-kit 0.4.115 → 0.4.117

package/dist/index.d.cts

@@ -1648,7 +1648,7 @@ interface AuthProvider {
     meta?: AuthProviderMeta;
 }
 
-declare function fetchProjectName(projectId: string): Promise<string>;
+declare function fetchProjectName(projectId: string, attempts?: number): Promise<string>;
 
 declare function useNativeWalletSignature(): {
     signMessage: wagmi.UseSignMessageReturnType<unknown>;
@@ -2740,6 +2740,7 @@ declare const PASSPORT_TRANSLATIONS: {
                 connectWallet: string;
                 noWallets: string;
                 requestPending: string;
+                projectInfoUnavailable: string;
                 instructions: {
                     follow: string;
                     confirm: string;
@@ -3328,6 +3329,7 @@ declare const PASSPORT_TRANSLATIONS: {
                 connectWallet: string;
                 noWallets: string;
                 requestPending: string;
+                projectInfoUnavailable: string;
                 instructions: {
                     follow: string;
                     confirm: string;
@@ -3916,6 +3918,7 @@ declare const PASSPORT_TRANSLATIONS: {
                 connectWallet: string;
                 noWallets: string;
                 requestPending: string;
+                projectInfoUnavailable: string;
                 instructions: {
                     follow: string;
                     confirm: string;

package/dist/index.d.ts

@@ -1648,7 +1648,7 @@ interface AuthProvider {
     meta?: AuthProviderMeta;
 }
 
-declare function fetchProjectName(projectId: string): Promise<string>;
+declare function fetchProjectName(projectId: string, attempts?: number): Promise<string>;
 
 declare function useNativeWalletSignature(): {
     signMessage: wagmi.UseSignMessageReturnType<unknown>;
@@ -2740,6 +2740,7 @@ declare const PASSPORT_TRANSLATIONS: {
                 connectWallet: string;
                 noWallets: string;
                 requestPending: string;
+                projectInfoUnavailable: string;
                 instructions: {
                     follow: string;
                     confirm: string;
@@ -3328,6 +3329,7 @@ declare const PASSPORT_TRANSLATIONS: {
                 connectWallet: string;
                 noWallets: string;
                 requestPending: string;
+                projectInfoUnavailable: string;
                 instructions: {
                     follow: string;
                     confirm: string;
@@ -3916,6 +3918,7 @@ declare const PASSPORT_TRANSLATIONS: {
                 connectWallet: string;
                 noWallets: string;
                 requestPending: string;
+                projectInfoUnavailable: string;
                 instructions: {
                     follow: string;
                     confirm: string;

package/dist/index.js

@@ -7581,6 +7581,7 @@ var init_en = __esm({
         connectWallet: "Connect Wallet Profile",
         noWallets: "No wallets available to connect",
         requestPending: "{{wallet}} already has a pending request from this site. Open {{wallet}}, reject or close that request, then try again.",
+        projectInfoUnavailable: "Could not load the app details needed to sign in. Check your connection and try again.",
         instructions: {
           follow: "Watch your connecting wallet app.\nYou will be asked to:\n {{steps}}",
           confirm: "- 1. Confirm your wallet connection into embarkAI",
@@ -8174,6 +8175,7 @@ var init_ru = __esm({
         connectWallet: "\u041F\u043E\u0434\u043A\u043B\u044E\u0447\u0438\u0442\u044C \u043F\u0440\u043E\u0444\u0438\u043B\u044C \u043A\u043E\u0448\u0435\u043B\u044C\u043A\u0430",
         noWallets: "\u041D\u0435\u0442 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u0445 \u043A\u043E\u0448\u0435\u043B\u044C\u043A\u043E\u0432 \u0434\u043B\u044F \u043F\u043E\u0434\u043A\u043B\u044E\u0447\u0435\u043D\u0438\u044F",
         requestPending: "\u0412 {{wallet}} \u0443\u0436\u0435 \u0432\u0438\u0441\u0438\u0442 \u0437\u0430\u043F\u0440\u043E\u0441 \u043E\u0442 \u044D\u0442\u043E\u0433\u043E \u0441\u0430\u0439\u0442\u0430. \u041E\u0442\u043A\u0440\u043E\u0439\u0442\u0435 {{wallet}}, \u043E\u0442\u043A\u043B\u043E\u043D\u0438\u0442\u0435 \u0438\u043B\u0438 \u0437\u0430\u043A\u0440\u043E\u0439\u0442\u0435 \u044D\u0442\u043E\u0442 \u0437\u0430\u043F\u0440\u043E\u0441 \u0438 \u043F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u0441\u043D\u043E\u0432\u0430.",
+        projectInfoUnavailable: "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0434\u0430\u043D\u043D\u044B\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F \u0434\u043B\u044F \u0432\u0445\u043E\u0434\u0430. \u041F\u0440\u043E\u0432\u0435\u0440\u044C\u0442\u0435 \u0441\u043E\u0435\u0434\u0438\u043D\u0435\u043D\u0438\u0435 \u0438 \u043F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u0441\u043D\u043E\u0432\u0430.",
         instructions: {
           follow: "\u0421\u043B\u0435\u0434\u0438\u0442\u0435 \u0437\u0430 \u043F\u043E\u0434\u043A\u043B\u044E\u0447\u0430\u0435\u043C\u044B\u043C \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435\u043C \u043A\u043E\u0448\u0435\u043B\u044C\u043A\u0430.\n\u0412\u0430\u043C \u0431\u0443\u0434\u0435\u0442 \u043F\u0440\u0435\u0434\u043B\u043E\u0436\u0435\u043D\u043E:\n {{steps}}",
           confirm: "- 1. \u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C \u043F\u043E\u0434\u043A\u043B\u044E\u0447\u0435\u043D\u0438\u0435 \u043A\u043E\u0448\u0435\u043B\u044C\u043A\u0430 \u043A embarkAI",
@@ -8767,6 +8769,7 @@ var init_zh = __esm({
         connectWallet: "\u8FDE\u63A5\u94B1\u5305\u914D\u7F6E\u6587\u4EF6",
         noWallets: "\u6CA1\u6709\u53EF\u8FDE\u63A5\u7684\u94B1\u5305",
         requestPending: "{{wallet}} \u4E2D\u5DF2\u6709\u6765\u81EA\u672C\u7F51\u7AD9\u7684\u5F85\u5904\u7406\u8BF7\u6C42\u3002\u8BF7\u6253\u5F00 {{wallet}}\uFF0C\u62D2\u7EDD\u6216\u5173\u95ED\u8BE5\u8BF7\u6C42\uFF0C\u7136\u540E\u91CD\u8BD5\u3002",
+        projectInfoUnavailable: "\u65E0\u6CD5\u52A0\u8F7D\u767B\u5F55\u6240\u9700\u7684\u5E94\u7528\u4FE1\u606F\u3002\u8BF7\u68C0\u67E5\u7F51\u7EDC\u8FDE\u63A5\u540E\u91CD\u8BD5\u3002",
         instructions: {
           follow: "\u8BF7\u67E5\u770B\u60A8\u6B63\u5728\u8FDE\u63A5\u7684\u94B1\u5305\u5E94\u7528\u3002\n\u60A8\u5C06\u88AB\u8981\u6C42\uFF1A\n {{steps}}",
           confirm: "- 1. \u786E\u8BA4\u5C06\u60A8\u7684\u94B1\u5305\u8FDE\u63A5\u5230 embarkAI",
@@ -15943,20 +15946,27 @@ async function unlinkWallet(address) {
     throw new Error(errorData.message || `Failed to unlink wallet: ${response.statusText}`);
   }
 }
-async function fetchProjectName(projectId) {
-  const now = Date.now();
-  if (metadataCache && now - metadataCache.timestamp < METADATA_CACHE_TTL) {
+async function requestProjectName(projectId) {
+  const response = await fetch(`${METADATA_API_URL}/${projectId}/metadata`);
+  if (!response.ok) throw new Error(`Project metadata request failed with status ${response.status}`);
+  const metadata = await response.json();
+  if (!metadata?.name) throw new Error("Project metadata has no name");
+  metadataCache = { data: metadata, timestamp: Date.now() };
+  return metadata.name;
+}
+async function fetchProjectName(projectId, attempts = 2) {
+  if (metadataCache && Date.now() - metadataCache.timestamp < METADATA_CACHE_TTL) {
     return metadataCache.data.name;
   }
-  try {
-    const response = await fetch(`${METADATA_API_URL}/${projectId}/metadata`);
-    if (!response.ok) return "EmbarkAI";
-    const metadata = await response.json();
-    metadataCache = { data: metadata, timestamp: now };
-    return metadata.name;
-  } catch {
-    return "EmbarkAI";
+  let lastError;
+  for (let attempt = 0; attempt < attempts; attempt++) {
+    try {
+      return await requestProjectName(projectId);
+    } catch (error) {
+      lastError = error;
+    }
   }
+  throw lastError;
 }
 function createSignatureMessage(address, projectName, nonce) {
   const timestamp = Date.now();
@@ -17385,8 +17395,65 @@ var init_useHasInjectedWallet = __esm({
   }
 });
 
+// src/internal/components/ConnectExternalWalletMenu/walletProviders.ts
+function isConnectorAllowedByProject(connector, walletProviders) {
+  if (!walletProviders) return true;
+  const connectorId = connector.id.toLowerCase();
+  return walletProviders.some((provider) => {
+    const id = provider.toLowerCase();
+    if (id === OTHER_BROWSER_WALLETS) return !KNOWN_CONNECTOR_IDS.has(connectorId);
+    return PROVIDER_CONNECTOR_IDS[id]?.includes(connectorId) ?? false;
+  });
+}
+function parseWalletProviders(metadata) {
+  const value = metadata?.walletProviders;
+  return Array.isArray(value) ? value.filter((item) => typeof item === "string") : null;
+}
+var PROVIDER_CONNECTOR_IDS, OTHER_BROWSER_WALLETS, KNOWN_CONNECTOR_IDS;
+var init_walletProviders = __esm({
+  "src/internal/components/ConnectExternalWalletMenu/walletProviders.ts"() {
+    PROVIDER_CONNECTOR_IDS = {
+      metamask: ["metamasksdk", "metamask", "io.metamask", "io.metamask.flask", "io.metamask.mobile"],
+      walletconnect: ["walletconnect"],
+      coinbase: ["coinbasewalletsdk", "coinbasewallet", "com.coinbase.wallet"],
+      phantom: ["app.phantom"],
+      trust: ["com.trustwallet.app"],
+      rabby: ["io.rabby"]
+    };
+    OTHER_BROWSER_WALLETS = "injected";
+    KNOWN_CONNECTOR_IDS = new Set(Object.values(PROVIDER_CONNECTOR_IDS).flat());
+  }
+});
+
+// src/internal/components/ConnectExternalWalletMenu/useProjectWalletProviders.ts
+import { useQuery as useQuery9 } from "@tanstack/react-query";
+async function fetchProjectWalletProviders(projectId) {
+  const dashboardUrl = (getServiceUrls().dashboardUrl || DEFAULT_DASHBOARD_URL).replace(/\/+$/, "");
+  const response = await fetch(`${dashboardUrl}/api/public/project/${encodeURIComponent(projectId)}/metadata`);
+  if (!response.ok) throw new Error(`Project metadata request failed with status ${response.status}`);
+  return parseWalletProviders(await response.json());
+}
+function useProjectWalletProviders(projectId) {
+  const query = useQuery9({
+    queryKey: ["embarkai", "project-wallet-providers", projectId],
+    queryFn: () => fetchProjectWalletProviders(projectId),
+    enabled: !!projectId,
+    staleTime: 6e4,
+    retry: 1
+  });
+  return { walletProviders: query.data ?? null, isLoading: query.isLoading };
+}
+var DEFAULT_DASHBOARD_URL;
+var init_useProjectWalletProviders = __esm({
+  "src/internal/components/ConnectExternalWalletMenu/useProjectWalletProviders.ts"() {
+    init_initial();
+    init_walletProviders();
+    DEFAULT_DASHBOARD_URL = "https://dashboard.embarkai.io";
+  }
+});
+
 // src/internal/components/ConnectExternalWalletMenu/ConnectExternalWalletMenu.tsx
-import { useMutation as useMutation10, useQuery as useQuery9, useQueryClient as useQueryClient14 } from "@tanstack/react-query";
+import { useMutation as useMutation10, useQuery as useQuery10, useQueryClient as useQueryClient14 } from "@tanstack/react-query";
 import { ArrowLeft as ArrowLeft8, Loader as Loader11, Wallet2Icon as Wallet2Icon2 } from "lucide-react";
 import { useCallback as useCallback18, useMemo as useMemo9, useState as useState14 } from "react";
 import {
@@ -17417,6 +17484,7 @@ function ConnectExternalWalletMenu() {
   const menuParams = useConnectExternalWalletMenuParams();
   const connectors = useConnectors();
   const hasInjectedWallet2 = useHasInjectedWallet();
+  const { walletProviders, isLoading: isLoadingWalletProviders } = useProjectWalletProviders(config.current?.projectId);
   const wagmiConfig3 = useConfig2();
   const chains = useChains();
   const connections = useConnections2();
@@ -17445,7 +17513,7 @@ function ConnectExternalWalletMenu() {
     }
   };
   const walletMenuOpenedFrom = useLayoutDataStore((st) => st.walletMenuOpenedFrom);
-  const { data: providers = [] } = useQuery9({
+  const { data: providers = [] } = useQuery10({
     retry: false,
     enabled: !!embarkAiAddress,
     queryKey: [PROVIDERS_QUERY_KEY, embarkAiAddress],
@@ -17548,7 +17616,9 @@ function ConnectExternalWalletMenu() {
           return;
         }
         const projectId = config.current?.projectId;
-        const projectName = projectId ? await fetchProjectName(projectId) : "EmbarkAI";
+        const projectName = projectId ? await fetchProjectName(projectId).catch(() => {
+          throw new Error(t("passport:connectMenu.projectInfoUnavailable"));
+        }) : "EmbarkAI";
         const createMessage = connectFlowType === "auth" ? createLoginMessage : createSignatureMessage;
         const message = createMessage(signingWalletAddress, projectName);
         const { signature, chainId: signedChainId } = await signOnSupportedChain({
@@ -17615,14 +17685,14 @@ function ConnectExternalWalletMenu() {
         return false;
       }
       seen.add(connector.uid);
-      return true;
+      return isConnectorAllowedByProject(connector, walletProviders);
     });
     if (!allowedWallets?.length) return unique;
     const allowed = allowedWallets.map((id) => id.toLowerCase());
     return unique.filter(
       (connector) => allowed.includes(connector.id.toLowerCase()) || allowed.includes(connector.name.toLowerCase())
     );
-  }, [connectors, allowedWallets, hasInjectedWallet2]);
+  }, [connectors, allowedWallets, hasInjectedWallet2, walletProviders]);
   const getInstructionSteps = useCallback18(() => {
     const connectFlowType = getConnectFlowType({
       isEmbarkAI: !!embarkAiAddress,
@@ -17651,7 +17721,8 @@ function ConnectExternalWalletMenu() {
       ),
       /* @__PURE__ */ jsx74("span", { className: "text-xl font-semibold", children: t("passport:connectMenu.connectWallet") })
     ] }),
-    visibleConnectors.map((connector) => {
+    isLoadingWalletProviders && /* @__PURE__ */ jsx74("div", { className: "flex items-center justify-center py-[var(--ui-kit-gap)]", children: /* @__PURE__ */ jsx74(Loader11, { className: "w-4 h-4 animate-spin" }) }),
+    (isLoadingWalletProviders ? [] : visibleConnectors).map((connector) => {
       const isConnectingThis = isConnectingExternalWallet && //@ts-expect-error uid exists
       pendingConnectVariables?.connector?.uid === connector.uid;
       const WalletIcon = WALLET_ICONS[connector.id] || Wallet2Icon2;
@@ -17709,7 +17780,7 @@ function ConnectExternalWalletMenu() {
         steps: getInstructionSteps()
       })
     }),
-    visibleConnectors.length === 0 && /* @__PURE__ */ jsx74(Highlight, { type: "info", children: t("passport:connectMenu.noWallets") }),
+    !isLoadingWalletProviders && visibleConnectors.length === 0 && /* @__PURE__ */ jsx74(Highlight, { type: "info", children: t("passport:connectMenu.noWallets") }),
     connectError && /* @__PURE__ */ jsxs65(Highlight, { type: "error", className: "flex flex-col gap-[var(--ui-kit-gap)]", children: [
       /* @__PURE__ */ jsx74("p", { children: connectError }),
       /* @__PURE__ */ jsx74(
@@ -17753,6 +17824,8 @@ var init_ConnectExternalWalletMenu = __esm({
     init_highlight();
     init_useConnectExternalWalletMenuParams();
     init_useHasInjectedWallet();
+    init_useProjectWalletProviders();
+    init_walletProviders();
     SIGN_FALLBACK_CHAIN_ID = mainnet.id;
   }
 });
@@ -17853,7 +17926,7 @@ var init_ConnectExternalWalletMenu2 = __esm({
 });
 
 // src/internal/clients/devices.ts
-import { useMutation as useMutation11, useQuery as useQuery10, useQueryClient as useQueryClient15 } from "@tanstack/react-query";
+import { useMutation as useMutation11, useQuery as useQuery11, useQueryClient as useQueryClient15 } from "@tanstack/react-query";
 async function getDevices() {
   const response = await tssClient.get("/api/auth/devices", true);
   if (!response.success || !response.data) {
@@ -17879,7 +17952,7 @@ async function unlinkDevice(deviceId) {
   }
 }
 function useDevices() {
-  return useQuery10({
+  return useQuery11({
     queryKey: [DEVICES_QUERY_KEY],
     queryFn: getDevices
   });
@@ -20586,7 +20659,7 @@ var init_select = __esm({
 });
 
 // src/internal/components/KeyshareRestoreMenu/methods/Cloud.tsx
-import { useQuery as useQuery11 } from "@tanstack/react-query";
+import { useQuery as useQuery12 } from "@tanstack/react-query";
 import { ArrowLeft as ArrowLeft13, CloudDownload, CloudUpload, Loader as Loader13 } from "lucide-react";
 import { useEffect as useEffect32 } from "react";
 import { Fragment as Fragment27, jsx as jsx85, jsxs as jsxs76 } from "react/jsx-runtime";
@@ -20599,7 +20672,7 @@ function Cloud2(props) {
     data: cloudProviders = [],
     isLoading: isCloudProvidersLoading,
     error: cloudProvidersError
-  } = useQuery11({
+  } = useQuery12({
     retry: false,
     enabled: !!passportUserId,
     queryKey: [AVAILABLE_CLOUD_PROVIDERS_QUERY_KEY, passportUserId],
@@ -20847,7 +20920,7 @@ var init_methods = __esm({
 });
 
 // src/internal/components/KeyshareRestoreMenu/KeyshareRestoreMenu.tsx
-import { useMutation as useMutation14, useQuery as useQuery12, useQueryClient as useQueryClient18 } from "@tanstack/react-query";
+import { useMutation as useMutation14, useQuery as useQuery13, useQueryClient as useQueryClient18 } from "@tanstack/react-query";
 import { AlertCircle as AlertCircle2, CheckCircle2 as CheckCircle22, CloudDownload as CloudDownload2, Loader as Loader14, UserCircle as UserCircle2 } from "lucide-react";
 import { useEffect as useEffect33 } from "react";
 import { Fragment as Fragment29, jsx as jsx87, jsxs as jsxs78 } from "react/jsx-runtime";
@@ -20918,7 +20991,7 @@ var init_KeyshareRestoreMenu = __esm({
         restoreFromCloud,
         isRestoringFromCloud
       } = useRestoreAccount();
-      const { data: serverRecoveryStatus, isLoading: isBackupStatusLoading } = useQuery12({
+      const { data: serverRecoveryStatus, isLoading: isBackupStatusLoading } = useQuery13({
         retry: false,
         queryKey: [CHECK_BACKUP_QUERY_KEY, address],
         queryFn: async () => await getShareRecoveryStats()
@@ -21062,7 +21135,7 @@ var init_KeyshareRestoreMenu = __esm({
 });
 
 // src/internal/components/KeyshareRestoreMenu/KeyshareBackupMenu.tsx
-import { useQuery as useQuery13 } from "@tanstack/react-query";
+import { useQuery as useQuery14 } from "@tanstack/react-query";
 import { AlertCircle as AlertCircle3, ArrowLeft as ArrowLeft14, CheckCircle2 as CheckCircle23, Loader as Loader15, LockIcon } from "lucide-react";
 import { useEffect as useEffect34 } from "react";
 import { Fragment as Fragment30, jsx as jsx88, jsxs as jsxs79 } from "react/jsx-runtime";
@@ -21087,7 +21160,7 @@ function KeyshareBackupMenu() {
       setMethod(null);
     };
   }, []);
-  const { data: serverRecoveryStatus, isLoading: isRecoveryLoading } = useQuery13({
+  const { data: serverRecoveryStatus, isLoading: isRecoveryLoading } = useQuery14({
     retry: false,
     enabled: !!address,
     queryKey: [CHECK_BACKUP_QUERY_KEY, address],
@@ -21472,10 +21545,10 @@ var init_KycMenu = __esm({
 });
 
 // src/internal/hooks/useUserProfile.ts
-import { useQuery as useQuery14 } from "@tanstack/react-query";
+import { useQuery as useQuery15 } from "@tanstack/react-query";
 function useUserProfile() {
   const address = useSession((st) => st.address);
-  return useQuery14({
+  return useQuery15({
     queryKey: [QUERY_KEYS.userProfile, address],
     queryFn: getUserProfile,
     enabled: !!address,
@@ -21661,11 +21734,11 @@ var init_constants6 = __esm({
 });
 
 // src/internal/hooks/useBlockscoutAssets/useNativeBalance.ts
-import { useQuery as useQuery15 } from "@tanstack/react-query";
+import { useQuery as useQuery16 } from "@tanstack/react-query";
 import { formatUnits as formatUnits3 } from "viem";
 function useNativeBalance(options) {
   const { enabled, address, chainId, publicClient, nativeCurrency } = options;
-  return useQuery15({
+  return useQuery16({
     enabled: enabled && !!address && !!publicClient && !!nativeCurrency?.symbol,
     ...BALANCE_DEFAULT_QUERY_CFG,
     queryKey: [NATIVE_BALANCE_QUERY_KEY2, chainId, address],
@@ -21687,7 +21760,7 @@ var init_useNativeBalance = __esm({
 });
 
 // src/internal/hooks/useBlockscoutAssets/useWatchTokens.ts
-import { useQuery as useQuery16 } from "@tanstack/react-query";
+import { useQuery as useQuery17 } from "@tanstack/react-query";
 import { useMemo as useMemo12 } from "react";
 import { erc20Abi as erc20Abi2, formatUnits as formatUnits4 } from "viem";
 function useWatchTokens(options) {
@@ -21698,7 +21771,7 @@ function useWatchTokens(options) {
     const tokensForChain = chainId ? allWatchTokens?.[chainId] || [] : [];
     return tokensForChain;
   }, [config, chainId]);
-  return useQuery16({
+  return useQuery17({
     enabled: !!publicClient && !!address && enabled && watchTokens.length > 0,
     ...BALANCE_DEFAULT_QUERY_CFG,
     queryKey: [WATCH_TOKENS_QUERY_KEY, chainId, address, watchTokens.map((t) => t.address).join(",")],
@@ -21901,7 +21974,7 @@ var init_utils9 = __esm({
 
 // src/internal/hooks/useBlockscoutAssets/useBlockscoutAssets.ts
 import { createBlockscoutClient as createBlockscoutClient2, nonBlockscoutClient } from "@embarkai/core";
-import { useQuery as useQuery17, useQueryClient as useQueryClient19 } from "@tanstack/react-query";
+import { useQuery as useQuery18, useQueryClient as useQueryClient19 } from "@tanstack/react-query";
 import { useCallback as useCallback24, useMemo as useMemo13, useRef as useRef17 } from "react";
 function useBlockscoutAssets(options) {
   const { address, chainId, enabled = true, detectSecurityTokens = true } = options;
@@ -21943,7 +22016,7 @@ function useBlockscoutAssets(options) {
     data: coreTokenBalances = [],
     isLoading: coreTokensLoading,
     isFetching: coreTokensFetching
-  } = useQuery17({
+  } = useQuery18({
     enabled: !!address && enabled && !blockscoutClient && !customTokenBalancesQuery && !customTokenBalancesQueryKey,
     ...BALANCE_DEFAULT_QUERY_CFG,
     queryKey: [`NON-${BLOCKSCOUT_QUERY_KEY}`, resolvedChainId, address],
@@ -21959,7 +22032,7 @@ function useBlockscoutAssets(options) {
     data: customItems = [],
     isLoading: customLoading,
     isFetching: customFetching
-  } = useQuery17({
+  } = useQuery18({
     enabled: !!address && enabled && !blockscoutClient && !!customTokenBalancesQuery && !!customTokenBalancesQueryKey,
     ...BALANCE_DEFAULT_QUERY_CFG,
     queryKey: customTokenBalancesQueryKey,
@@ -21972,7 +22045,7 @@ function useBlockscoutAssets(options) {
     isFetching: blockscoutFetching,
     error: blockscoutError,
     dataUpdatedAt
-  } = useQuery17({
+  } = useQuery18({
     enabled: !!address && enabled && !!blockscoutClient && !customTokenBalancesQuery && !customTokenBalancesQueryKey,
     ...BALANCE_DEFAULT_QUERY_CFG,
     queryKey: [BLOCKSCOUT_QUERY_KEY, resolvedChainId, blockscoutApiUrl, address],
@@ -21983,7 +22056,7 @@ function useBlockscoutAssets(options) {
     data: nftItems,
     isLoading: nftsLoading,
     isFetching: nftsFetching
-  } = useQuery17({
+  } = useQuery18({
     enabled: !!address && enabled && !!blockscoutClient,
     ...BALANCE_DEFAULT_QUERY_CFG,
     queryKey: [BLOCKSCOUT_QUERY_KEY, "nfts", resolvedChainId, blockscoutApiUrl, address],
@@ -21993,7 +22066,7 @@ function useBlockscoutAssets(options) {
     if (!blockscoutItems) return [];
     return blockscoutItems.filter((tb) => tb.token.type === "ERC-20").map((tb) => tb.token.address_hash);
   }, [blockscoutItems]);
-  const { data: erc3643Results } = useQuery17({
+  const { data: erc3643Results } = useQuery18({
     queryKey: [ERC3643_DETECTION_QUERY_KEY, resolvedChainId, address, erc20TokenAddresses],
     queryFn: async () => {
       if (!publicClient || erc20TokenAddresses.length === 0) {
@@ -22260,7 +22333,7 @@ var init_BalanceView2 = __esm({
 });
 
 // src/internal/components/PortfolioMenu/PortfolioItem.tsx
-import { useQuery as useQuery18 } from "@tanstack/react-query";
+import { useQuery as useQuery19 } from "@tanstack/react-query";
 import { LoaderIcon as LoaderIcon11, ShieldAlertIcon, SparklesIcon } from "lucide-react";
 import { useMemo as useMemo14, useState as useState22 } from "react";
 import { formatUnits as formatUnits7 } from "viem";
@@ -22376,7 +22449,7 @@ function PortfolioItem(props) {
     queryKey: asset.balanceQueryKey,
     queryFn: asset.balanceQuery
   } : void 0;
-  const { data: projectAssetBalance } = useQuery18({
+  const { data: projectAssetBalance } = useQuery19({
     enabled: !!projectAssetQuery,
     retry: false,
     queryKey: projectAssetQuery?.queryKey ?? ["project-asset-balance-disabled", asset.symbol],
@@ -22386,7 +22459,7 @@ function PortfolioItem(props) {
   const isSecurity = isSecurityToken(asset);
   const embeddedRate = Number(asset.exchangeRateUsd || 0);
   const hasEmbeddedRate = Number.isFinite(embeddedRate) && embeddedRate > 0;
-  const { data: assetRate, isLoading: isRateLoading } = useQuery18({
+  const { data: assetRate, isLoading: isRateLoading } = useQuery19({
     enabled: !!address && !hasEmbeddedRate && !isProjectAsset && !isNft && !isSecurity,
     // (!!customAssetRateQuery || !!isAssetRateAvailable(asset.symbol)),
     retry: false,
@@ -23085,7 +23158,7 @@ var init_NicknameEditForm = __esm({
 });
 
 // src/internal/components/NicknameMenu/NicknameMenu.tsx
-import { useQuery as useQuery19 } from "@tanstack/react-query";
+import { useQuery as useQuery20 } from "@tanstack/react-query";
 import dayjs5 from "dayjs";
 import { ArrowLeft as ArrowLeft18, Loader as Loader18 } from "lucide-react";
 import { useEffect as useEffect38 } from "react";
@@ -23101,7 +23174,7 @@ function NicknameMenu() {
     data: nicknameInfo,
     isLoading: isNicknameInfoLoading,
     error: nicknameInfoError
-  } = useQuery19({
+  } = useQuery20({
     retry: 1,
     enabled: !!address,
     queryKey: [QUERY_KEYS.nicknameInfo, address],
@@ -23297,7 +23370,7 @@ var init_nickname_fingerprint = __esm({
 });
 
 // src/internal/components/ReceiveMenu/ReceiveMenu.tsx
-import { useQuery as useQuery20 } from "@tanstack/react-query";
+import { useQuery as useQuery21 } 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 useEffect39, useMemo as useMemo15, useState as useState24 } from "react";
@@ -23307,7 +23380,7 @@ function ReceiveMenu() {
   const session = useSession((st) => st.session);
   const chainConfig = useSession((st) => st.chainConfig);
   const address = session?.smartAccountAddress ?? null;
-  const { data: nicknameInfo, isLoading: isNicknameInfoLoading } = useQuery20({
+  const { data: nicknameInfo, isLoading: isNicknameInfoLoading } = useQuery21({
     retry: 1,
     enabled: !!address,
     queryKey: [QUERY_KEYS.nicknameInfo, address],
@@ -23543,11 +23616,11 @@ var init_constants7 = __esm({
 });
 
 // src/internal/components/SecurityMenu/ConnectedApps/useConnectedApps.ts
-import { useQuery as useQuery21 } from "@tanstack/react-query";
+import { useQuery as useQuery22 } from "@tanstack/react-query";
 function useConnectedApps() {
   const session = useSession((st) => st.session);
   const userId = session?.mpcUserId || null;
-  return useQuery21({
+  return useQuery22({
     retry: false,
     enabled: !!userId,
     queryKey: [CONNECTED_TRUSTED_APPS_QUERY, userId],
@@ -23918,11 +23991,11 @@ var init_LastBackup = __esm({
 });
 
 // src/internal/components/SecurityMenu/Keyshare/useKeyshareRecoveryStats.ts
-import { useQuery as useQuery22 } from "@tanstack/react-query";
+import { useQuery as useQuery23 } from "@tanstack/react-query";
 function useKeyshareRecoveryStats() {
   const session = useSession((st) => st.session);
   const userId = session?.mpcUserId || null;
-  return useQuery22({
+  return useQuery23({
     enabled: !!userId,
     queryKey: [KEYSHARE_RECOVERY_STATS_QUERY, userId],
     queryFn: async () => {
@@ -24188,10 +24261,10 @@ var init_usePolicyForm = __esm({
 });
 
 // src/internal/components/SecurityMenu/UserPolicies/useUserAssetsPolicies.ts
-import { useQuery as useQuery23 } from "@tanstack/react-query";
+import { useQuery as useQuery24 } from "@tanstack/react-query";
 function useUserAssetsPolicies(activeChainId) {
   const mpcUserId = useSession((st) => st.session?.mpcUserId);
-  return useQuery23({
+  return useQuery24({
     retry: 1,
     enabled: !!mpcUserId && !!activeChainId,
     queryKey: [USER_POLICIES_QUERY_KEY, mpcUserId, activeChainId],
@@ -25743,7 +25816,7 @@ var init_useBridge = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/hooks/useHyperlaneRoutes.ts
-import { useQuery as useQuery24 } from "@tanstack/react-query";
+import { useQuery as useQuery25 } from "@tanstack/react-query";
 import { useEffect as useEffect44 } from "react";
 function useHyperlaneRoutes() {
   const address = useSession((st) => st.address);
@@ -25754,7 +25827,7 @@ function useHyperlaneRoutes() {
     data: hyperlaneWarpRoutes = [],
     isLoading: isLoadingWarpRoutes,
     error: errorWarpRoutes
-  } = useQuery24({
+  } = useQuery25({
     retry: false,
     enabled: !!address && page === "send" /* SEND */ && flow === "bridge",
     queryKey: [HYPERLANE_WARP_ROUTES_QUERY_KEY, address],
@@ -26007,7 +26080,7 @@ var init_ResolveChainIcon = __esm({
 
 // src/internal/components/SendMenu/hyperbridge/hooks/useBridgeBalance.ts
 import { CHAINS_BROWSERS_TRANSPORTS as CHAINS_BROWSERS_TRANSPORTS2 } from "@embarkai/core";
-import { useQuery as useQuery25, useQueryClient as useQueryClient26 } from "@tanstack/react-query";
+import { useQuery as useQuery26, useQueryClient as useQueryClient26 } from "@tanstack/react-query";
 import { useCallback as useCallback30, useEffect as useEffect46 } from "react";
 import { createPublicClient as createPublicClient2, erc20Abi as erc20Abi3, formatUnits as formatUnits9, http as http3 } from "viem";
 import { useSwitchChain as useSwitchChain3 } from "wagmi";
@@ -26040,7 +26113,7 @@ function useBridgeBalance(isLoadingWarpRoutes, hyperlaneWarpRoutes) {
   const embarkTokenBalanace = assets.find((a) => selectedWarpRoute?.symbol === checkWrapedTokenSymbol(a.symbol));
   const originChainMeta = CHAINS_UI_META[originChain];
   const isSelectedTokenNative = selectedWarpRoute?.symbol?.toUpperCase() === originChainMeta?.chain?.nativeCurrency?.symbol?.toUpperCase();
-  const { data: externalBalanceData, isLoading: isExternalBalanceLoading } = useQuery25({
+  const { data: externalBalanceData, isLoading: isExternalBalanceLoading } = useQuery26({
     retry: false,
     enabled: bridgeSender === "direct-wallet" && !isSelectedTokenNative && !!directWalletAddress && !!routeTokenAddress && !!originChain,
     queryKey: [EXTERNAL_WALLET_BRIDGING_BALANCE_QUERY, originChain, directWalletAddress, routeTokenAddress],
@@ -26083,7 +26156,7 @@ function useBridgeBalance(isLoadingWarpRoutes, hyperlaneWarpRoutes) {
       return { value, decimals, symbol, formatted };
     }
   });
-  const { data: externalNativeBalanceData, isLoading: isExternalNativeBalanceLoading } = useQuery25({
+  const { data: externalNativeBalanceData, isLoading: isExternalNativeBalanceLoading } = useQuery26({
     retry: false,
     enabled: bridgeSender === "direct-wallet" && isSelectedTokenNative && !!directWalletAddress && !!originChain,
     queryKey: [EXTERNAL_WALLET_BRIDGING_NATIVE_BALANCE_QUERY, originChain, directWalletAddress],
@@ -27239,7 +27312,7 @@ var init_useErc3643Compliance = __esm({
 });
 
 // src/hooks/useNicknameResolve.ts
-import { useQuery as useQuery26 } from "@tanstack/react-query";
+import { useQuery as useQuery27 } from "@tanstack/react-query";
 import { useEffect as useEffect48, useMemo as useMemo18, useState as useState29 } from "react";
 function looksLikeNickname(input) {
   if (!input) return false;
@@ -27269,7 +27342,7 @@ function useNicknameResolve(input, options) {
       clearTimeout(timer);
     };
   }, [normalized, isNicknameInput, enabled]);
-  const query = useQuery26({
+  const query = useQuery27({
     queryKey: [...QUERY_KEYS.nicknameResolve(debouncedInput), chainId],
     queryFn: async () => await resolveNickname(debouncedInput, chainId),
     enabled: enabled && isNicknameInput && debouncedInput.length > 0,
@@ -27809,7 +27882,7 @@ var init_components3 = __esm({
 });
 
 // src/internal/components/SendMenu/send/useTokenBalance.ts
-import { useQuery as useQuery27 } from "@tanstack/react-query";
+import { useQuery as useQuery28 } from "@tanstack/react-query";
 import { erc20Abi as erc20Abi4, formatUnits as formatUnits12 } from "viem";
 function isNftAsset4(asset) {
   if (!asset) return false;
@@ -27818,7 +27891,7 @@ function isNftAsset4(asset) {
 function useTokenBalance(asset) {
   const address = useSession((st) => st.address);
   const chainConfig = useSession((st) => st.chainConfig);
-  return useQuery27({
+  return useQuery28({
     retry: false,
     enabled: !!address && !!chainConfig?.id && !!asset?.symbol,
     refetchInterval: 5e3,
@@ -29546,7 +29619,7 @@ var init_TransactionsGroup = __esm({
 });
 
 // src/internal/components/TransactionsMenu/TransactionsMenu.tsx
-import { useQuery as useQuery28, useQueryClient as useQueryClient28 } from "@tanstack/react-query";
+import { useQuery as useQuery29, 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 useCallback32, useState as useState32 } from "react";
 import { jsx as jsx128, jsxs as jsxs116 } from "react/jsx-runtime";
@@ -29564,7 +29637,7 @@ function TransactionsMenu() {
     isLoading: isTxHistoryLoading,
     isFetching: isTxHistoryFetching,
     error: txHistoryError
-  } = useQuery28({
+  } = useQuery29({
     retry: false,
     enabled: !!address && !!chainConfig?.id && historySupported,
     queryKey: [TRANSACTIONS_HISTORY_QUERY_KEY, chainConfig.id, address],
@@ -29667,7 +29740,7 @@ var init_constants9 = __esm({
 });
 
 // src/internal/components/SettingsMenu/SettingsMenu.tsx
-import { useQuery as useQuery29 } from "@tanstack/react-query";
+import { useQuery as useQuery30 } from "@tanstack/react-query";
 import { ArrowLeft as ArrowLeft23, HardDrive as HardDrive3 } from "lucide-react";
 import { jsx as jsx129, jsxs as jsxs117 } from "react/jsx-runtime";
 function useSettingsButtons(chainId) {
@@ -29699,7 +29772,7 @@ function SettingsMenu() {
   const setPage = useLayoutDataStore((st) => st.setPage);
   const settingsButtons = useSettingsButtons(activeChainId);
   useProvidersList();
-  useQuery29({
+  useQuery30({
     retry: 1,
     enabled: !!address,
     queryKey: [QUERY_KEYS.nicknameInfo, address],
@@ -30039,7 +30112,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.115",
+      version: "0.4.117",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",