@embarkai/ui-kit 0.4.116 → 0.4.117

package/dist/index.js

@@ -17395,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 {
@@ -17427,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();
@@ -17455,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],
@@ -17627,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,
@@ -17663,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;
@@ -17721,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(
@@ -17765,6 +17824,8 @@ var init_ConnectExternalWalletMenu = __esm({
     init_highlight();
     init_useConnectExternalWalletMenuParams();
     init_useHasInjectedWallet();
+    init_useProjectWalletProviders();
+    init_walletProviders();
     SIGN_FALLBACK_CHAIN_ID = mainnet.id;
   }
 });
@@ -17865,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) {
@@ -17891,7 +17952,7 @@ async function unlinkDevice(deviceId) {
   }
 }
 function useDevices() {
-  return useQuery10({
+  return useQuery11({
     queryKey: [DEVICES_QUERY_KEY],
     queryFn: getDevices
   });
@@ -20598,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";
@@ -20611,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],
@@ -20859,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";
@@ -20930,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()
@@ -21074,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";
@@ -21099,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],
@@ -21484,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,
@@ -21673,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],
@@ -21699,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) {
@@ -21710,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(",")],
@@ -21913,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;
@@ -21955,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],
@@ -21971,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,
@@ -21984,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],
@@ -21995,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],
@@ -22005,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) {
@@ -22272,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";
@@ -22388,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],
@@ -22398,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,
@@ -23097,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";
@@ -23113,7 +23174,7 @@ function NicknameMenu() {
     data: nicknameInfo,
     isLoading: isNicknameInfoLoading,
     error: nicknameInfoError
-  } = useQuery19({
+  } = useQuery20({
     retry: 1,
     enabled: !!address,
     queryKey: [QUERY_KEYS.nicknameInfo, address],
@@ -23309,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";
@@ -23319,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],
@@ -23555,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],
@@ -23930,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 () => {
@@ -24200,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],
@@ -25755,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);
@@ -25766,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],
@@ -26019,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";
@@ -26052,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],
@@ -26095,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],
@@ -27251,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;
@@ -27281,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,
@@ -27821,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;
@@ -27830,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,
@@ -29558,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";
@@ -29576,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],
@@ -29679,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) {
@@ -29711,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],
@@ -30051,7 +30112,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.116",
+      version: "0.4.117",
       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.116",
+  "version": "0.4.117",
   "description": "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
   "type": "module",
   "main": "./dist/index.cjs",