@embarkai/ui-kit 0.4.116 → 0.4.118

package/dist/index.js

@@ -7375,6 +7375,7 @@ var init_useExpandable = __esm({
         const resizeObs = new ResizeObserver(() => setExpandableHeight(minHeight, isExpanded));
         const domMutationObs = new MutationObserver(() => setExpandableHeight(minHeight, isExpanded));
         resizeObs.observe(expandableRef.current);
+        resizeObs.observe(contentRef.current);
         domMutationObs.observe(expandableRef.current, { childList: true, subtree: true });
         return () => {
           resizeObs.disconnect();
@@ -7792,7 +7793,13 @@ var init_en = __esm({
         }
       },
       kycMenu: {
-        title: "KYC"
+        title: "KYC",
+        preparing: "Preparing verification...",
+        authenticating: "Authenticating...",
+        loadingForm: "Loading verification form...",
+        loading: "Loading KYC verification...",
+        comingSoon: "KYC verification coming soon\u2026",
+        providerComingSoon: "KYC provider coming soon"
       },
       nicknameMenu: {
         title: "Nickname",
@@ -8386,7 +8393,13 @@ var init_ru = __esm({
         }
       },
       kycMenu: {
-        title: "KYC"
+        title: "KYC",
+        preparing: "\u041F\u043E\u0434\u0433\u043E\u0442\u043E\u0432\u043A\u0430 \u0432\u0435\u0440\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u0438...",
+        authenticating: "\u0410\u0432\u0442\u043E\u0440\u0438\u0437\u0430\u0446\u0438\u044F...",
+        loadingForm: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 \u0444\u043E\u0440\u043C\u044B \u0432\u0435\u0440\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u0438...",
+        loading: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 KYC-\u0432\u0435\u0440\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u0438...",
+        comingSoon: "KYC-\u0432\u0435\u0440\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u044F \u0441\u043A\u043E\u0440\u043E \u043F\u043E\u044F\u0432\u0438\u0442\u0441\u044F\u2026",
+        providerComingSoon: "KYC-\u043F\u0440\u043E\u0432\u0430\u0439\u0434\u0435\u0440 \u0441\u043A\u043E\u0440\u043E \u043F\u043E\u044F\u0432\u0438\u0442\u0441\u044F"
       },
       nicknameMenu: {
         title: "\u041D\u0438\u043A\u043D\u0435\u0439\u043C",
@@ -8980,7 +8993,13 @@ var init_zh = __esm({
         }
       },
       kycMenu: {
-        title: "KYC"
+        title: "KYC",
+        preparing: "\u6B63\u5728\u51C6\u5907\u9A8C\u8BC1...",
+        authenticating: "\u6B63\u5728\u8BA4\u8BC1...",
+        loadingForm: "\u6B63\u5728\u52A0\u8F7D\u9A8C\u8BC1\u8868\u5355...",
+        loading: "\u6B63\u5728\u52A0\u8F7D KYC \u9A8C\u8BC1...",
+        comingSoon: "KYC \u9A8C\u8BC1\u5373\u5C06\u63A8\u51FA\u2026",
+        providerComingSoon: "KYC \u63D0\u4F9B\u5546\u5373\u5C06\u63A8\u51FA"
       },
       nicknameMenu: {
         title: "\u6635\u79F0",
@@ -17395,8 +17414,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 {
@@ -17427,6 +17503,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();
@@ -17455,7 +17532,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],
@@ -17627,14 +17704,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,
@@ -17663,7 +17740,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;
@@ -17721,7 +17799,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(
@@ -17765,6 +17843,8 @@ var init_ConnectExternalWalletMenu = __esm({
     init_highlight();
     init_useConnectExternalWalletMenuParams();
     init_useHasInjectedWallet();
+    init_useProjectWalletProviders();
+    init_walletProviders();
     SIGN_FALLBACK_CHAIN_ID = mainnet.id;
   }
 });
@@ -17865,7 +17945,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) {
@@ -17891,7 +17971,7 @@ async function unlinkDevice(deviceId) {
   }
 }
 function useDevices() {
-  return useQuery10({
+  return useQuery11({
     queryKey: [DEVICES_QUERY_KEY],
     queryFn: getDevices
   });
@@ -20598,7 +20678,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";
@@ -20611,7 +20691,7 @@ function Cloud2(props) {
     data: cloudProviders = [],
     isLoading: isCloudProvidersLoading,
     error: cloudProvidersError
-  } = useQuery11({
+  } = useQuery12({
     retry: false,
     enabled: !!passportUserId,
     queryKey: [AVAILABLE_CLOUD_PROVIDERS_QUERY_KEY, passportUserId],
@@ -20859,7 +20939,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";
@@ -20930,7 +21010,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()
@@ -21074,7 +21154,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";
@@ -21099,7 +21179,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],
@@ -21285,10 +21365,15 @@ var init_sumsub = __esm({
 });
 
 // src/internal/components/KYC/SumsubIframeManager.ts
-var DEFAULT_THEME_NAME, SumsubIframeManager;
+function toSumsubLang(lang) {
+  if (!lang) return "en";
+  return SUMSUB_LANG_OVERRIDES[lang] ?? lang;
+}
+var DEFAULT_THEME_NAME, SUMSUB_LANG_OVERRIDES, SumsubIframeManager;
 var init_SumsubIframeManager = __esm({
   "src/internal/components/KYC/SumsubIframeManager.ts"() {
     DEFAULT_THEME_NAME = "Lumia Hub KYC Preset V2";
+    SUMSUB_LANG_OVERRIDES = { tl: "fl" };
     SumsubIframeManager = class {
       config;
       boundMessageHandler;
@@ -21313,7 +21398,8 @@ var init_SumsubIframeManager = __esm({
                 data: {
                   accessToken: token,
                   theme: this.config.options.theme,
-                  customizationName: this.config.options.customizationName
+                  customizationName: this.config.options.customizationName,
+                  lang: this.config.options.lang
                 }
               });
             } catch (err) {
@@ -21358,6 +21444,8 @@ import { useEffect as useEffect35, useRef as useRef16, useState as useState21 }
 function useSumsubIframe({ iframeUrl }) {
   const config = useProviderConfig().config;
   const { colorMode } = useColorMode();
+  const { t, i18n } = useT();
+  const lang = toSumsubLang(i18n.resolvedLanguage);
   const iframeRef = useRef16(null);
   const [isLoading, setIsLoading] = useState21(true);
   const [error, setError] = useState21(null);
@@ -21367,20 +21455,21 @@ function useSumsubIframe({ iframeUrl }) {
   useEffect35(() => {
     setError(null);
     setIsLoading(true);
-    setStatus("Preparing verification...");
+    setStatus(t("passport:kycMenu.preparing"));
     const iframeOrigin = new URL(iframeUrl).origin;
     const manager = new SumsubIframeManager({
       options: {
         theme: colorMode === "dark" ? "dark" : "light",
-        customizationName: DEFAULT_THEME_NAME
+        customizationName: DEFAULT_THEME_NAME,
+        lang
       },
       iframeOrigin,
       getToken: () => {
-        setStatus("Authenticating...");
+        setStatus(t("passport:kycMenu.authenticating"));
         return fetchToken({ levelName });
       },
       refreshToken: () => fetchToken({ levelName }),
-      onSdkBuilt: () => setStatus("Loading verification form..."),
+      onSdkBuilt: () => setStatus(t("passport:kycMenu.loadingForm")),
       sendMessage: (msg) => iframeRef.current?.contentWindow?.postMessage(msg, iframeOrigin),
       onReady: () => {
         setIsLoading(false);
@@ -21396,19 +21485,21 @@ function useSumsubIframe({ iframeUrl }) {
     return () => {
       manager.destroy();
     };
-  }, [iframeUrl, levelName]);
+  }, [iframeUrl, levelName, lang]);
   return {
     iframeRef,
     isLoading,
     error,
     height,
-    status
+    status,
+    lang
   };
 }
 var init_useSumsubIframe = __esm({
   "src/internal/components/KYC/useSumsubIframe.ts"() {
     init_ProviderContext();
     init_useColorMode();
+    init_i18n();
     init_sumsub();
     init_SumsubIframeManager();
   }
@@ -21421,15 +21512,17 @@ var SumsubIframe;
 var init_SumsubIframe = __esm({
   "src/internal/components/KYC/SumsubIframe.tsx"() {
     init_ProviderContext();
+    init_i18n();
     init_useSumsubIframe();
     SumsubIframe = () => {
       const config = useProviderConfig().config;
+      const { t } = useT();
       const iframeUrl = `${config.current.services.iframeUrl}/kyc/sumsub.html`;
-      const { iframeRef, isLoading, error, height, status } = useSumsubIframe({ iframeUrl });
+      const { iframeRef, isLoading, error, height, status, lang } = useSumsubIframe({ iframeUrl });
       return /* @__PURE__ */ jsxs80(Fragment31, { children: [
         isLoading && /* @__PURE__ */ jsxs80("div", { className: "rounded-[10px] p-6 text-center", children: [
           /* @__PURE__ */ jsx89(LoaderIcon10, { className: "w-4 h-4 animate-spin mx-auto" }),
-          /* @__PURE__ */ jsx89("p", { className: "text-sm text-[var(--ui-kit-text-secondary)] mt-2", children: status || "Loading KYC verification..." })
+          /* @__PURE__ */ jsx89("p", { className: "text-sm text-[var(--ui-kit-text-secondary)] mt-2", children: status || t("passport:kycMenu.loading") })
         ] }),
         error && /* @__PURE__ */ jsx89("div", { className: "rounded-[10px] p-4 text-center bg-[var(--ui-kit-bg-error)] border border-[var(--ui-kit-error)]", children: /* @__PURE__ */ jsx89("div", { className: "text-sm text-[var(--ui-kit-error)]", children: error }) }),
         /* @__PURE__ */ jsx89("div", { className: " w-full h-full relative", children: /* @__PURE__ */ jsx89(
@@ -21442,7 +21535,8 @@ var init_SumsubIframe = __esm({
             sandbox: "allow-scripts allow-same-origin allow-forms allow-popups",
             allow: "camera; microphone; geolocation; clipboard-write",
             style: { height: isLoading || error ? 0 : height }
-          }
+          },
+          lang
         ) })
       ] });
     };
@@ -21454,10 +21548,11 @@ import { ArrowLeft as ArrowLeft15 } from "lucide-react";
 import { jsx as jsx90, jsxs as jsxs81 } from "react/jsx-runtime";
 function KycMenu() {
   const setPage = useLayoutDataStore((st) => st.setPage);
+  const { t } = useT();
   return /* @__PURE__ */ jsxs81(Expandable, { isExpanded: true, contentClassName: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
     /* @__PURE__ */ jsxs81("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
-      /* @__PURE__ */ jsx90(Button, { variant: "ghost", size: "icon", title: "Back", onClick: () => setPage("settings" /* SETTINGS */), children: /* @__PURE__ */ jsx90(ArrowLeft15, { className: "h-4 w-4" }) }),
-      /* @__PURE__ */ jsx90("span", { className: "text-xl font-semibold", children: "KYC" })
+      /* @__PURE__ */ jsx90(Button, { variant: "ghost", size: "icon", title: t("passport:common.back"), onClick: () => setPage("settings" /* SETTINGS */), children: /* @__PURE__ */ jsx90(ArrowLeft15, { className: "h-4 w-4" }) }),
+      /* @__PURE__ */ jsx90("span", { className: "text-xl font-semibold", children: t("passport:kycMenu.title") })
     ] }),
     /* @__PURE__ */ jsx90(KycContent, {})
   ] });
@@ -21466,28 +21561,30 @@ var KycContent;
 var init_KycMenu = __esm({
   "src/internal/components/KYC/KycMenu.tsx"() {
     init_ProviderContext();
+    init_i18n();
     init_useLayoutDataStore();
     init_Expandable2();
     init_button();
     init_SumsubIframe();
     KycContent = () => {
       const config = useProviderConfig().config;
+      const { t } = useT();
       const provider = config.current.kyc?.provider;
       switch (provider) {
         case "sumsub":
           return /* @__PURE__ */ jsx90(SumsubIframe, {});
         default:
-          return /* @__PURE__ */ jsx90("div", { className: "rounded-xl p-[var(--ui-kit-pd)] text-center bg-[var(--ui-kit-secondary)]", children: /* @__PURE__ */ jsx90("div", { className: "text-sm", children: provider ? `KYC provider "${provider}" coming soon\u2026` : "KYC verification coming soon\u2026" }) });
+          return /* @__PURE__ */ jsx90("div", { className: "rounded-xl p-[var(--ui-kit-pd)] text-center bg-[var(--ui-kit-secondary)]", children: /* @__PURE__ */ jsx90("div", { className: "text-sm", children: provider ? `${t("passport:kycMenu.providerComingSoon")}: ${provider}` : t("passport:kycMenu.comingSoon") }) });
       }
     };
   }
 });
 
 // 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,
@@ -21673,11 +21770,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],
@@ -21699,7 +21796,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) {
@@ -21710,7 +21807,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(",")],
@@ -21913,7 +22010,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;
@@ -21955,7 +22052,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],
@@ -21971,7 +22068,7 @@ function useBlockscoutAssets(options) {
     data: customItems = [],
     isLoading: customLoading,
     isFetching: customFetching
-  } = useQuery17({
+  } = useQuery18({
     enabled: !!address && enabled && !blockscoutClient && !!customTokenBalancesQuery && !!customTokenBalancesQueryKey,
     ...BALANCE_DEFAULT_QUERY_CFG,
     queryKey: customTokenBalancesQueryKey,
@@ -21984,7 +22081,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],
@@ -21995,7 +22092,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],
@@ -22005,7 +22102,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) {
@@ -22272,7 +22369,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";
@@ -22388,7 +22485,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],
@@ -22398,7 +22495,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,
@@ -23097,7 +23194,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";
@@ -23113,7 +23210,7 @@ function NicknameMenu() {
     data: nicknameInfo,
     isLoading: isNicknameInfoLoading,
     error: nicknameInfoError
-  } = useQuery19({
+  } = useQuery20({
     retry: 1,
     enabled: !!address,
     queryKey: [QUERY_KEYS.nicknameInfo, address],
@@ -23309,7 +23406,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";
@@ -23319,7 +23416,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],
@@ -23555,11 +23652,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],
@@ -23930,11 +24027,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 () => {
@@ -24200,10 +24297,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],
@@ -25755,7 +25852,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);
@@ -25766,7 +25863,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],
@@ -26019,7 +26116,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";
@@ -26052,7 +26149,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],
@@ -26095,7 +26192,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],
@@ -27251,7 +27348,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;
@@ -27281,7 +27378,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,
@@ -27821,7 +27918,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;
@@ -27830,7 +27927,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,
@@ -29558,7 +29655,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";
@@ -29576,7 +29673,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],
@@ -29679,7 +29776,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) {
@@ -29711,7 +29808,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],
@@ -30051,7 +30148,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.116",
+      version: "0.4.118",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",