@embarkai/ui-kit 0.4.31 → 0.4.32

package/dist/index.cjs

@@ -17640,24 +17640,68 @@ var init_NicknameMenu2 = __esm({
   }
 });
 
+// src/internal/hooks/useResolvedPublicClient.ts
+function getCachedPublicClient(chainId) {
+  const cachedClient = publicClientByChainId.get(chainId);
+  if (cachedClient) return cachedClient;
+  const publicClient = (0, import_read13.createPublicClientForChain)(chainId);
+  publicClientByChainId.set(chainId, publicClient);
+  return publicClient;
+}
+function useResolvedPublicClient(chainId, logScope = "useResolvedPublicClient") {
+  const activePublicClient = useSession((st) => st.publicClient);
+  const activeChainId = useSession((st) => st.activeChainId);
+  const activeChainConfig = useSession((st) => st.chainConfig);
+  const resolvedChainId = chainId ?? activeChainId;
+  const shouldUseActiveClient = !chainId || chainId === activeChainId;
+  const chainConfig = (0, import_react56.useMemo)(() => {
+    if (shouldUseActiveClient) return activeChainConfig;
+    return (0, import_read13.getChainConfig)(chainId);
+  }, [activeChainConfig, chainId, shouldUseActiveClient]);
+  const publicClient = (0, import_react56.useMemo)(() => {
+    if (shouldUseActiveClient) return activePublicClient;
+    if (!chainId) return activePublicClient;
+    try {
+      return getCachedPublicClient(chainId);
+    } catch (error) {
+      console.warn(`[${logScope}] Chain ${chainId} is not supported:`, error);
+      return null;
+    }
+  }, [activePublicClient, chainId, logScope, shouldUseActiveClient]);
+  return {
+    activeChainId,
+    chainConfig,
+    publicClient,
+    resolvedChainId
+  };
+}
+var import_read13, import_react56, publicClientByChainId;
+var init_useResolvedPublicClient = __esm({
+  "src/internal/hooks/useResolvedPublicClient.ts"() {
+    init_SessionContext();
+    import_read13 = require("@embarkai/core/read");
+    import_react56 = require("react");
+    publicClientByChainId = /* @__PURE__ */ new Map();
+  }
+});
+
 // src/internal/hooks/useWatchTokens.ts
 function useWatchTokens(options) {
-  const { address, enabled = true } = options;
+  const { address, chainId, enabled = true } = options;
   const { config } = useProviderConfig();
-  const publicClient = useSession((st) => st.publicClient);
-  const activeChainId = useSession((st) => st.activeChainId);
-  const watchTokens = (0, import_react56.useMemo)(() => {
+  const { publicClient, resolvedChainId } = useResolvedPublicClient(chainId, "useWatchTokens");
+  const watchTokens = (0, import_react57.useMemo)(() => {
     const allWatchTokens = config.current.watchTokens;
-    const tokensForChain = activeChainId ? allWatchTokens?.[activeChainId] || [] : [];
+    const tokensForChain = resolvedChainId ? allWatchTokens?.[resolvedChainId] || [] : [];
     return tokensForChain;
-  }, [config, activeChainId]);
+  }, [config, resolvedChainId]);
   const {
     data: assets,
     isLoading,
     error,
     refetch
   } = (0, import_react_query38.useQuery)({
-    queryKey: [WATCH_TOKENS_QUERY_KEY, activeChainId, address, watchTokens.map((t) => t.address).join(",")],
+    queryKey: [WATCH_TOKENS_QUERY_KEY, resolvedChainId, address, watchTokens.map((t) => t.address).join(",")],
     queryFn: async () => {
       if (!publicClient || !address || watchTokens.length === 0) {
         return [];
@@ -17728,14 +17772,14 @@ function useWatchTokens(options) {
     refetch
   };
 }
-var import_react_query38, import_react56, import_viem6, WATCH_TOKENS_QUERY_KEY;
+var import_react_query38, import_react57, import_viem6, WATCH_TOKENS_QUERY_KEY;
 var init_useWatchTokens = __esm({
   "src/internal/hooks/useWatchTokens.ts"() {
     init_ProviderContext();
-    init_SessionContext();
     import_react_query38 = require("@tanstack/react-query");
-    import_react56 = require("react");
+    import_react57 = require("react");
     import_viem6 = require("viem");
+    init_useResolvedPublicClient();
     WATCH_TOKENS_QUERY_KEY = "watch-tokens";
   }
 });
@@ -17865,30 +17909,28 @@ function createError(error) {
   };
 }
 function useBlockscoutAssets(options) {
-  const { address, enabled = true, detectSecurityTokens = true } = options;
-  const publicClient = useSession((st) => st.publicClient);
-  const activeChainId = useSession((st) => st.activeChainId);
-  const chainConfig = useSession((st) => st.chainConfig);
+  const { address, chainId, enabled = true, detectSecurityTokens = true } = options;
+  const { chainConfig, publicClient, resolvedChainId } = useResolvedPublicClient(chainId, "useBlockscoutAssets");
   const portfolioConfig = useProviderConfig().config.current.portfolio;
   const customTokenBalancesQuery = portfolioConfig?.tokenBalancesQuery;
   const customTokenBalancesQueryKey = portfolioConfig?.tokenBalancesQueryKey;
   const blockscoutApiUrl = getBlockscoutApiUrl(chainConfig);
-  const blockscoutClient = (0, import_react57.useMemo)(
+  const blockscoutClient = (0, import_react58.useMemo)(
     () => blockscoutApiUrl ? (0, import_clients2.createBlockscoutClient)({ baseUrl: blockscoutApiUrl }) : null,
     [blockscoutApiUrl]
   );
-  const lastRefreshRef = (0, import_react57.useRef)(0);
+  const lastRefreshRef = (0, import_react58.useRef)(0);
   const {
     assets: watchTokenAssets,
     isLoading: watchTokensLoading,
     refetch: refetchWatchTokens
-  } = useWatchTokens({ address, enabled });
+  } = useWatchTokens({ address, chainId: resolvedChainId, enabled });
   const {
     data: nativeBalanceData,
     isLoading: nativeLoading,
     refetch: refetchNative
   } = (0, import_react_query39.useQuery)({
-    queryKey: ["native-balance", activeChainId, address],
+    queryKey: ["native-balance", resolvedChainId, address],
     queryFn: async () => {
       if (!publicClient || !address) return null;
       const balance = await publicClient.getBalance({ address });
@@ -17913,7 +17955,7 @@ function useBlockscoutAssets(options) {
     refetch: refetchTokens,
     dataUpdatedAt
   } = (0, import_react_query39.useQuery)({
-    queryKey: [BLOCKSCOUT_QUERY_KEY, address, blockscoutApiUrl, customTokenBalancesQueryKey],
+    queryKey: [BLOCKSCOUT_QUERY_KEY, resolvedChainId, address, blockscoutApiUrl, customTokenBalancesQueryKey],
     queryFn: async () => {
       if (customTokenBalancesQuery) {
         try {
@@ -17937,7 +17979,7 @@ function useBlockscoutAssets(options) {
     isLoading: nftsLoading,
     refetch: refetchNfts
   } = (0, import_react_query39.useQuery)({
-    queryKey: [BLOCKSCOUT_QUERY_KEY, "nfts", address, blockscoutApiUrl],
+    queryKey: [BLOCKSCOUT_QUERY_KEY, "nfts", resolvedChainId, address, blockscoutApiUrl],
     queryFn: () => blockscoutClient.getNfts(address),
     enabled: !!address && enabled && !!blockscoutClient,
     staleTime: BLOCKSCOUT_QUERY_STALE_TIME,
@@ -17946,12 +17988,12 @@ function useBlockscoutAssets(options) {
     retry: 2,
     retryDelay: 1e3
   });
-  const erc20TokenAddresses = (0, import_react57.useMemo)(() => {
+  const erc20TokenAddresses = (0, import_react58.useMemo)(() => {
     if (!tokenBalances) return [];
     return tokenBalances.filter((tb) => tb.token.type === "ERC-20").map((tb) => tb.token.address_hash);
   }, [tokenBalances]);
   const { data: erc3643Results } = (0, import_react_query39.useQuery)({
-    queryKey: [ERC3643_DETECTION_QUERY_KEY, address, erc20TokenAddresses],
+    queryKey: [ERC3643_DETECTION_QUERY_KEY, resolvedChainId, address, erc20TokenAddresses],
     queryFn: async () => {
       if (!publicClient || erc20TokenAddresses.length === 0) {
         return /* @__PURE__ */ new Map();
@@ -17990,7 +18032,7 @@ function useBlockscoutAssets(options) {
     gcTime: BLOCKSCOUT_QUERY_GC_TIME,
     retry: 1
   });
-  const assets = (0, import_react57.useMemo)(() => {
+  const assets = (0, import_react58.useMemo)(() => {
     const result = [];
     const addedAddresses = /* @__PURE__ */ new Set();
     if (nativeBalanceData) {
@@ -18036,7 +18078,7 @@ function useBlockscoutAssets(options) {
     }
     return result;
   }, [nativeBalanceData, tokenBalances, nftItems, erc3643Results, watchTokenAssets, chainConfig]);
-  const nativeBalance = (0, import_react57.useMemo)(() => {
+  const nativeBalance = (0, import_react58.useMemo)(() => {
     if (!nativeBalanceData) return null;
     return {
       value: nativeBalanceData.value,
@@ -18044,11 +18086,11 @@ function useBlockscoutAssets(options) {
       symbol: nativeBalanceData.symbol
     };
   }, [nativeBalanceData]);
-  const error = (0, import_react57.useMemo)(() => {
+  const error = (0, import_react58.useMemo)(() => {
     if (!tokensError) return null;
     return createError(tokensError);
   }, [tokensError]);
-  const refreshBalances = (0, import_react57.useCallback)(async () => {
+  const refreshBalances = (0, import_react58.useCallback)(async () => {
     const now = Date.now();
     if (now - lastRefreshRef.current < BLOCKSCOUT_REFRESH_DEBOUNCE) {
       return;
@@ -18056,7 +18098,7 @@ function useBlockscoutAssets(options) {
     lastRefreshRef.current = now;
     await Promise.all([refetchNative(), refetchTokens(), refetchNfts(), refetchWatchTokens()]);
   }, [refetchNative, refetchTokens, refetchNfts, refetchWatchTokens]);
-  const getTokenBalance = (0, import_react57.useCallback)(
+  const getTokenBalance = (0, import_react58.useCallback)(
     (tokenAddress) => {
       return assets.find((a) => a.address?.toLowerCase() === tokenAddress.toLowerCase()) || null;
     },
@@ -18074,17 +18116,17 @@ function useBlockscoutAssets(options) {
     lastUpdated: dataUpdatedAt || null
   };
 }
-var import_clients2, import_react_query39, import_react57, import_viem7, BLOCKSCOUT_QUERY_KEY, ERC3643_DETECTION_QUERY_KEY, ERC3643_ABI;
+var import_clients2, import_react_query39, import_react58, import_viem7, BLOCKSCOUT_QUERY_KEY, ERC3643_DETECTION_QUERY_KEY, ERC3643_ABI;
 var init_useBlockscoutAssets = __esm({
   "src/internal/hooks/useBlockscoutAssets.ts"() {
     init_ProviderContext();
-    init_SessionContext();
     import_clients2 = require("@embarkai/core/clients");
     import_react_query39 = require("@tanstack/react-query");
-    import_react57 = require("react");
+    import_react58 = require("react");
     import_viem7 = require("viem");
     init_initial();
     init_constants();
+    init_useResolvedPublicClient();
     init_useWatchTokens();
     BLOCKSCOUT_QUERY_KEY = "blockscout-token-balances";
     ERC3643_DETECTION_QUERY_KEY = "erc3643-detection";
@@ -18197,8 +18239,8 @@ async function resolveAssetRate(symbol, address, customAssetRateQuery) {
 }
 function PortfolioItemImage(props) {
   const { asset } = props;
-  const [nftImageError, setNftImageError] = (0, import_react58.useState)(false);
-  const [logoError, setLogoError] = (0, import_react58.useState)(false);
+  const [nftImageError, setNftImageError] = (0, import_react59.useState)(false);
+  const [logoError, setLogoError] = (0, import_react59.useState)(false);
   const isNft = isNftAsset(asset);
   const nftImage = getNftImage(asset);
   const isSecurity = isSecurityToken(asset);
@@ -18317,14 +18359,14 @@ function PortfolioItem(props) {
     }
   );
 }
-var import_react_query40, import_lucide_react50, import_react58, import_viem9, import_jsx_runtime81, SKIP_SYMBOLS2, ASSETS_RATES_QUERY_KEY;
+var import_react_query40, import_lucide_react50, import_react59, import_viem9, import_jsx_runtime81, SKIP_SYMBOLS2, ASSETS_RATES_QUERY_KEY;
 var init_PortfolioItem = __esm({
   "src/internal/components/PortfolioMenu/PortfolioItem.tsx"() {
     init_ProviderContext();
     init_tokens();
     import_react_query40 = require("@tanstack/react-query");
     import_lucide_react50 = require("lucide-react");
-    import_react58 = require("react");
+    import_react59 = require("react");
     import_viem9 = require("viem");
     init_base();
     init_priceFormatter();
@@ -18356,7 +18398,7 @@ function PortfolioMenu() {
     enabled: !!address
   });
   const shownProjectAssests = projectAssets.filter((asset) => !asset.hideInPortfolio);
-  const refreshAllAssetsBalances = (0, import_react59.useCallback)(() => {
+  const refreshAllAssetsBalances = (0, import_react60.useCallback)(() => {
     Promise.all(shownProjectAssests.map((asset) => qc.invalidateQueries({ queryKey: asset.balanceQueryKey })));
     refreshBlockscoutBalances();
   }, [qc, shownProjectAssests, refreshBlockscoutBalances]);
@@ -18406,7 +18448,7 @@ function PortfolioMenu() {
     }
   );
 }
-var import_react_query41, import_lucide_react51, import_react59, import_jsx_runtime82;
+var import_react_query41, import_lucide_react51, import_react60, import_jsx_runtime82;
 var init_PortfolioMenu = __esm({
   "src/internal/components/PortfolioMenu/PortfolioMenu.tsx"() {
     init_ProviderContext();
@@ -18414,7 +18456,7 @@ var init_PortfolioMenu = __esm({
     init_i18n();
     import_react_query41 = require("@tanstack/react-query");
     import_lucide_react51 = require("lucide-react");
-    import_react59 = require("react");
+    import_react60 = require("react");
     init_useBlockscoutAssets();
     init_useLayoutDataStore();
     init_useLayoutStore();
@@ -18523,10 +18565,10 @@ function ReceiveMenu() {
   const { t } = useT();
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
   const open = page === "receive";
-  const [qrCodeUrl, setQrCodeUrl] = (0, import_react60.useState)("");
-  const [copied, setCopied] = (0, import_react60.useState)(false);
-  const [fingerprintCopied, setFingerprintCopied] = (0, import_react60.useState)(false);
-  const fingerprint = (0, import_react60.useMemo)(() => {
+  const [qrCodeUrl, setQrCodeUrl] = (0, import_react61.useState)("");
+  const [copied, setCopied] = (0, import_react61.useState)(false);
+  const [fingerprintCopied, setFingerprintCopied] = (0, import_react61.useState)(false);
+  const fingerprint = (0, import_react61.useMemo)(() => {
     if (!session?.ownerAddress) return null;
     try {
       return generateFingerprint(session.ownerAddress);
@@ -18534,7 +18576,7 @@ function ReceiveMenu() {
       return null;
     }
   }, [session?.ownerAddress]);
-  (0, import_react60.useEffect)(() => {
+  (0, import_react61.useEffect)(() => {
     if (open && address) {
       import_qrcode.default.toDataURL(address, {
         width: 200,
@@ -18547,7 +18589,7 @@ function ReceiveMenu() {
       });
     }
   }, [open, address]);
-  const handleCopy = (0, import_react60.useCallback)(async () => {
+  const handleCopy = (0, import_react61.useCallback)(async () => {
     if (!address) return;
     try {
       await navigator.clipboard.writeText(address);
@@ -18557,7 +18599,7 @@ function ReceiveMenu() {
       console.error("Failed to copy address:", error);
     }
   }, [address]);
-  const handleCopyFingerprint = (0, import_react60.useCallback)(async () => {
+  const handleCopyFingerprint = (0, import_react61.useCallback)(async () => {
     if (!fingerprint) return;
     try {
       await navigator.clipboard.writeText(fingerprint);
@@ -18618,14 +18660,14 @@ function ReceiveMenu() {
     }
   );
 }
-var import_lucide_react52, import_qrcode, import_react60, import_jsx_runtime83;
+var import_lucide_react52, import_qrcode, import_react61, import_jsx_runtime83;
 var init_ReceiveMenu = __esm({
   "src/internal/components/ReceiveMenu/ReceiveMenu.tsx"() {
     init_SessionContext();
     init_i18n();
     import_lucide_react52 = require("lucide-react");
     import_qrcode = __toESM(require("qrcode"), 1);
-    import_react60 = require("react");
+    import_react61 = require("react");
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_nickname_fingerprint();
@@ -19099,7 +19141,7 @@ function SecurityMenu() {
   const setPage = useLayoutDataStore((st) => st.setPage);
   const userId = import_auth21.jwtTokenManager.getUserId();
   const serverHasKeyshare = import_auth21.jwtTokenManager.getHasKeyshare() ?? false;
-  const [appToUntrust, untrustApp] = (0, import_react61.useState)(null);
+  const [appToUntrust, untrustApp] = (0, import_react62.useState)(null);
   const { data: recoveryData, isLoading: isRecoveryLoading } = useKeyshareRecoveryStats();
   const localInfo = recoveryData?.keyshareInfo || {};
   const hasServerBackup = !!recoveryData?.shareRecoveryStats?.created || recoveryData?.shareRecoveryStats?.devices?.length > 0;
@@ -19175,13 +19217,13 @@ function SecurityMenu() {
     }
   );
 }
-var import_react_query43, import_lucide_react58, import_react61, import_jsx_runtime90;
+var import_react_query43, import_lucide_react58, import_react62, import_jsx_runtime90;
 var init_SecurityMenu = __esm({
   "src/internal/components/SecurityMenu/SecurityMenu.tsx"() {
     init_i18n();
     import_react_query43 = require("@tanstack/react-query");
     import_lucide_react58 = require("lucide-react");
-    import_react61 = require("react");
+    import_react62 = require("react");
     init_auth();
     init_useLayoutDataStore();
     init_useLayoutStore();
@@ -19358,23 +19400,23 @@ var init_useFlowSelector = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/lib/chains.ts
-var import_read13, import_chains, CHAINS_UI_META;
+var import_read14, import_chains, CHAINS_UI_META;
 var init_chains = __esm({
   "src/internal/components/SendMenu/hyperbridge/lib/chains.ts"() {
     init_EthereumIcon();
     init_LumiaIcon2();
     init_BscIcon();
-    import_read13 = require("@embarkai/core/read");
+    import_read14 = require("@embarkai/core/read");
     import_chains = require("wagmi/chains");
     CHAINS_UI_META = {
       lumiaprism: {
-        chainID: import_read13.lumiaMainnetChain.id,
-        chainLabel: import_read13.lumiaMainnetChain.name,
+        chainID: import_read14.lumiaMainnetChain.id,
+        chainLabel: import_read14.lumiaMainnetChain.name,
         chainName: "lumiaprism",
         // exact hyperlane registry chain name
         Icon: LumiaIcon2,
-        explorerUrl: import_read13.lumiaMainnetChain.blockExplorers.default.url,
-        chain: import_read13.lumiaMainnetChain
+        explorerUrl: import_read14.lumiaMainnetChain.blockExplorers.default.url,
+        chain: import_read14.lumiaMainnetChain
       },
       bsc: {
         chainID: import_chains.bsc.id,
@@ -19478,16 +19520,16 @@ function SenderSelector() {
   const { openConnectModal } = (0, import_rainbowkit.useConnectModal)();
   const directWalletAddress = useExternalWalletStore((st) => st.externalAddress);
   const directWalletIsConnected = useExternalWalletStore((st) => st.isExternalConnected);
-  const pendingWalletRef = (0, import_react62.useRef)(null);
+  const pendingWalletRef = (0, import_react63.useRef)(null);
   const { profiles } = useLinkedProfiles();
   const originChain = useBridgeStore((st) => st.originChain);
   const bridgeSender = useBridgeStore((st) => st.bridgeSender);
   const bridgeSenders = useBridgeStore((st) => st.bridgeSenders);
-  const [walletMessage, setWalletMessage] = (0, import_react62.useState)(null);
-  (0, import_react62.useEffect)(() => {
+  const [walletMessage, setWalletMessage] = (0, import_react63.useState)(null);
+  (0, import_react63.useEffect)(() => {
     useFlowSelectorStore.getState().setRenderKey(`sender-selected-${Date.now()}`);
   }, [walletMessage]);
-  (0, import_react62.useEffect)(() => {
+  (0, import_react63.useEffect)(() => {
     const pending = pendingWalletRef.current;
     if (!pending || !directWalletIsConnected || !directWalletAddress) return;
     if (directWalletAddress.toLowerCase() !== pending.externalId?.toLowerCase()) return;
@@ -19618,7 +19660,7 @@ function SenderSelector() {
     ] })
   ] });
 }
-var import_rainbowkit, import_react_query44, import_react62, import_wagmi, import_jsx_runtime91;
+var import_rainbowkit, import_react_query44, import_react63, import_wagmi, import_jsx_runtime91;
 var init_SenderSelector = __esm({
   "src/internal/components/SendMenu/hyperbridge/components/SenderSelector.tsx"() {
     init_ProviderContext();
@@ -19626,7 +19668,7 @@ var init_SenderSelector = __esm({
     init_linkedProfiles();
     import_rainbowkit = require("@rainbow-me/rainbowkit");
     import_react_query44 = require("@tanstack/react-query");
-    import_react62 = require("react");
+    import_react63 = require("react");
     import_wagmi = require("wagmi");
     init_wallet();
     init_useLayoutDataStore();
@@ -19819,7 +19861,7 @@ function useBridge() {
   const address = useSession((st) => st.address);
   const { data: walletClient } = (0, import_wagmi2.useWalletClient)();
   const { switchChainAsync } = (0, import_wagmi2.useSwitchChain)();
-  const swapDirection = (0, import_react63.useCallback)(() => {
+  const swapDirection = (0, import_react64.useCallback)(() => {
     const {
       bridgeStep,
       originChain,
@@ -19872,7 +19914,7 @@ function useBridge() {
       useFlowSelectorStore.getState().setError(error instanceof Error ? error.message : String(error));
     }
   });
-  const handleQuoteEstimation = (0, import_react63.useCallback)((amnt) => {
+  const handleQuoteEstimation = (0, import_react64.useCallback)((amnt) => {
     const { originChain, destinationChain, bridgeSender } = useBridgeStore.getState();
     if (!amnt || !Number(amnt)) {
       useBridgeStore.getState().setQuote(null);
@@ -19998,14 +20040,14 @@ function useBridge() {
     isAssetBridging
   };
 }
-var import_react_query45, import_react63, import_wagmi2;
+var import_react_query45, import_react64, import_wagmi2;
 var init_useBridge = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useBridge.ts"() {
     init_SessionContext();
     init_i18n();
     init_useExternalWalletStore();
     import_react_query45 = require("@tanstack/react-query");
-    import_react63 = require("react");
+    import_react64 = require("react");
     import_wagmi2 = require("wagmi");
     init_useLayoutStore();
     init_useFlowSelector();
@@ -20034,7 +20076,7 @@ function useHyperlaneRoutes() {
     queryKey: [HYPERLANE_WARP_ROUTES_QUERY_KEY, address],
     queryFn: async () => getHyperlaneWarpRoutes()
   });
-  (0, import_react64.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     if (!errorWarpRoutes) return;
     useFlowSelectorStore.getState().setError(errorWarpRoutes.message);
     const { resetSelections, setRecipient, setOriginChain, setDestinationChain } = useBridgeStore.getState();
@@ -20043,7 +20085,7 @@ function useHyperlaneRoutes() {
     setOriginChain(null);
     setDestinationChain(null);
   }, [errorWarpRoutes]);
-  (0, import_react64.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     if (!!hyperRoute || !hyperlaneWarpRoutes.length) return;
     const warpRouteToAutoSelect = hyperlaneWarpRoutes.find((route) => route.routeId === hyperRoute);
     let originChainIndex = 0;
@@ -20063,12 +20105,12 @@ function useHyperlaneRoutes() {
   }, [hyperRoute, hyperlaneWarpRoutes]);
   return { hyperlaneWarpRoutes, isLoadingWarpRoutes };
 }
-var import_react_query46, import_react64, HYPERLANE_WARP_ROUTES_QUERY_KEY;
+var import_react_query46, import_react65, HYPERLANE_WARP_ROUTES_QUERY_KEY;
 var init_useHyperlaneRoutes = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useHyperlaneRoutes.ts"() {
     init_SessionContext();
     import_react_query46 = require("@tanstack/react-query");
-    import_react64 = require("react");
+    import_react65 = require("react");
     init_useLayoutDataStore();
     init_useFlowSelector();
     init_api4();
@@ -20083,7 +20125,7 @@ function useMenuTitle(warpRoutes) {
   const { t } = useT();
   const bridgeStep = useBridgeStore((st) => st.bridgeStep);
   const hyperRouteMeta = useBridgeStore((st) => (warpRoutes || [])?.find((route) => route.routeId === st.hyperRoute)) || null;
-  (0, import_react65.useEffect)(() => {
+  (0, import_react66.useEffect)(() => {
     const updateMenuTitle = useFlowSelectorStore.getState().setMenuTitle;
     switch (true) {
       case bridgeStep === "sender-selector":
@@ -20111,11 +20153,11 @@ function useMenuTitle(warpRoutes) {
     }
   }, [bridgeStep, hyperRouteMeta, t]);
 }
-var import_react65;
+var import_react66;
 var init_useMenuTitle = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useMenuTitle.ts"() {
     init_i18n();
-    import_react65 = require("react");
+    import_react66 = require("react");
     init_useFlowSelector();
     init_useBridgeStore();
   }
@@ -20232,8 +20274,8 @@ function useAvailableSenders() {
   const activeChainId = useSession((st) => st.activeChainId);
   const { profiles } = useLinkedProfiles();
   const walletProfiles = profiles.filter((p) => p.provider === "wallet");
-  const lastCalcedSenders = (0, import_react66.useRef)([]);
-  (0, import_react66.useEffect)(() => {
+  const lastCalcedSenders = (0, import_react67.useRef)([]);
+  (0, import_react67.useEffect)(() => {
     const sendersAccumulator = [
       {
         type: "embarkai-wallet",
@@ -20262,13 +20304,13 @@ function useAvailableSenders() {
     useFlowSelectorStore.getState().setRenderKey(`sender-selected-${Date.now()}`);
   }, [address, walletProfiles, activeChainId]);
 }
-var import_react66;
+var import_react67;
 var init_useAvailableSenders = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useAvailableSenders.ts"() {
     init_SessionContext();
     init_tokens();
     init_linkedProfiles();
-    import_react66 = require("react");
+    import_react67 = require("react");
     init_wallets();
     init_useFlowSelector();
     init_useBridgeStore();
@@ -20357,7 +20399,7 @@ function useBridgeBalance(hyperlaneWarpRoutes) {
       enabled: bridgeSender === "direct-wallet" && isSelectedTokenNative && !!directWalletAddress && !!routeTokenAddress && !!originChain
     }
   });
-  const refreshRouteTokenBalance = (0, import_react67.useCallback)(
+  const refreshRouteTokenBalance = (0, import_react68.useCallback)(
     (senderWallet) => {
       switch (true) {
         case senderWallet === "embarkai-wallet":
@@ -20373,7 +20415,7 @@ function useBridgeBalance(hyperlaneWarpRoutes) {
     },
     [refreshBalances, qc, refetchExternalNativeBalance]
   );
-  (0, import_react67.useEffect)(() => {
+  (0, import_react68.useEffect)(() => {
     if (!bridgeSender || !originChain) return;
     switch (bridgeSender) {
       case "embarkai-wallet":
@@ -20404,13 +20446,13 @@ function useBridgeBalance(hyperlaneWarpRoutes) {
     isRouteTokenBalanceLoading: isAssetsLoading || isExternalBalanceLoading || isExternalNativeBalanceLoading
   };
 }
-var import_react_query47, import_react67, import_viem13, import_wagmi3, EXTERNAL_WALLET_BRIDGING_BALANCE_QUERY;
+var import_react_query47, import_react68, import_viem13, import_wagmi3, EXTERNAL_WALLET_BRIDGING_BALANCE_QUERY;
 var init_useBridgeBalance = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useBridgeBalance.ts"() {
     init_SessionContext();
     init_i18n();
     import_react_query47 = require("@tanstack/react-query");
-    import_react67 = require("react");
+    import_react68 = require("react");
     import_viem13 = require("viem");
     import_wagmi3 = require("wagmi");
     init_useBlockscoutAssets();
@@ -20491,11 +20533,11 @@ function SelectStep(props) {
         /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "text-[var(--ui-kit-fg-muted)]", children: t("passport:bridgeMenu.labels.selectToken") }),
         /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "w-4 h-4" }),
         /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("span", { className: "flex items-center gap-[var(--ui-kit-gap)] leading-4", children: [
-          isRouteTokenBalanceLoading && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_lucide_react60.LoaderIcon, { className: "w-4 h-4 animate-spin" }),
           /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("span", { className: "text-[var(--ui-kit-fg-muted)]", children: [
             t("passport:common.balance"),
             ": "
           ] }),
+          isRouteTokenBalanceLoading && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_lucide_react60.LoaderIcon, { className: "w-4 h-4 animate-spin text-[var(--ui-kit-fg-muted)]" }),
           !isRouteTokenBalanceLoading && /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("span", { className: "font-semibold", children: [
             formatPrice(Number(routeTokenBalance || 0)),
             " ",
@@ -20527,7 +20569,7 @@ function SelectStep(props) {
                 variant: "outline",
                 size: "medium",
                 className: "bg-[var(--ui-kit-bg)] flex items-center gap-[var(--ui-kit-gap)]",
-                children: selectedWarpRoute.chainPair.map((chain, chIdx) => /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_react68.Fragment, { children: [
+                children: selectedWarpRoute.chainPair.map((chain, chIdx) => /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_react69.Fragment, { children: [
                   chIdx > 0 && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_lucide_react60.ArrowLeftRightIcon, { className: "w-4 h-4 " }),
                   /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ResolveChainIcon, { chainName: chain.chainName, className: "w-4 h-4" })
                 ] }, `${selectedWarpRoute.id}-icon-${chain.chainID}-${chIdx}`))
@@ -20665,13 +20707,13 @@ function SelectStep(props) {
     )
   ] });
 }
-var import_lucide_react60, import_react68, import_jsx_runtime95;
+var import_lucide_react60, import_react69, import_jsx_runtime95;
 var init_SelectStep = __esm({
   "src/internal/components/SendMenu/hyperbridge/steps/SelectStep.tsx"() {
     init_tokens();
     init_i18n();
     import_lucide_react60 = require("lucide-react");
-    import_react68 = require("react");
+    import_react69 = require("react");
     init_priceFormatter();
     init_utils2();
     init_badge();
@@ -20721,7 +20763,7 @@ var init_checkbox = __esm({
 // src/internal/components/SendMenu/hyperbridge/steps/ConfirmStep.tsx
 function ConfirmStep(props) {
   const { isAssetBridging, bridgeAsset, hyperlaneWarpRoutes } = props;
-  const [userConsent, setUserConsent] = (0, import_react69.useState)(false);
+  const [userConsent, setUserConsent] = (0, import_react70.useState)(false);
   const { t } = useT();
   const address = useSession((st) => st.address);
   const bridgeSender = useBridgeStore((st) => st.bridgeSenders.find((s) => s.type === st.bridgeSender));
@@ -20829,13 +20871,13 @@ function ConfirmStep(props) {
     )
   ] });
 }
-var import_lucide_react62, import_react69, import_jsx_runtime97, P_CN;
+var import_lucide_react62, import_react70, import_jsx_runtime97, P_CN;
 var init_ConfirmStep = __esm({
   "src/internal/components/SendMenu/hyperbridge/steps/ConfirmStep.tsx"() {
     init_SessionContext();
     init_i18n();
     import_lucide_react62 = require("lucide-react");
-    import_react69 = require("react");
+    import_react70 = require("react");
     init_priceFormatter();
     init_utils2();
     init_button();
@@ -20945,7 +20987,7 @@ function useHyperlaneHistory() {
   const page = useLayoutDataStore((st) => st.page);
   const flow = useFlowSelectorStore((st) => st.flow);
   const bridgeStep = useBridgeStore((st) => st.bridgeStep);
-  const [currentPage, setCurrentPage] = (0, import_react70.useState)(1);
+  const [currentPage, setCurrentPage] = (0, import_react71.useState)(1);
   const query = (0, import_react_query48.useQuery)({
     retry: false,
     refetchInterval: TX_HISTORY_POLLING_INTERVAL,
@@ -20959,12 +21001,12 @@ function useHyperlaneHistory() {
     setCurrentPage
   };
 }
-var import_react_query48, import_react70, HYPERLANE_HISTORY_QUERY_KEY, TX_HISTORY_PAGE_SIZE, TX_HISTORY_POLLING_INTERVAL;
+var import_react_query48, import_react71, HYPERLANE_HISTORY_QUERY_KEY, TX_HISTORY_PAGE_SIZE, TX_HISTORY_POLLING_INTERVAL;
 var init_useHyperlaneHistory = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useHyperlaneHistory.ts"() {
     init_SessionContext();
     import_react_query48 = require("@tanstack/react-query");
-    import_react70 = require("react");
+    import_react71 = require("react");
     init_useLayoutDataStore();
     init_useFlowSelector();
     init_api4();
@@ -21229,9 +21271,9 @@ var init_HistoryStep = __esm({
 function SelectAssetRoute(props) {
   const { hyperlaneWarpRoutes } = props;
   const { t } = useT();
-  const [isTokenSymbolSelector, setIsTokenSymbolSelector] = (0, import_react71.useState)(false);
+  const [isTokenSymbolSelector, setIsTokenSymbolSelector] = (0, import_react72.useState)(false);
   const selectedAssetSymbol = useBridgeStore((st) => st.bridgeAssetSymbol);
-  const tokenList = (0, import_react71.useMemo)(() => {
+  const tokenList = (0, import_react72.useMemo)(() => {
     const tokens = hyperlaneWarpRoutes.map((route) => route.symbol);
     const uniqueTokens = Array.from(new Set(tokens));
     return uniqueTokens.map((symbol) => ({
@@ -21328,13 +21370,13 @@ function SelectAssetRoute(props) {
     ] })
   ] });
 }
-var import_lucide_react64, import_react71, import_jsx_runtime100;
+var import_lucide_react64, import_react72, import_jsx_runtime100;
 var init_SelectAssetRoute = __esm({
   "src/internal/components/SendMenu/hyperbridge/steps/SelectAssetRoute.tsx"() {
     init_tokens();
     init_i18n();
     import_lucide_react64 = require("lucide-react");
-    import_react71 = require("react");
+    import_react72 = require("react");
     init_button();
     init_useFlowSelector();
     init_ResolveChainIcon();
@@ -21361,7 +21403,7 @@ function HyperlaneBridge() {
   const { swapDirection, handleQuoteEstimation, bridgeAsset, isAssetBridging } = useBridge();
   const { hyperlaneWarpRoutes, isLoadingWarpRoutes } = useHyperlaneRoutes();
   useMenuTitle(hyperlaneWarpRoutes);
-  (0, import_react72.useEffect)(
+  (0, import_react73.useEffect)(
     () => () => {
       useBridgeStore.getState().resetSelections();
     },
@@ -21395,10 +21437,10 @@ function HyperlaneBridge() {
     bridgeStep === "tx-history-details" && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(HistoryDetailsStep, {})
   ] });
 }
-var import_react72, import_jsx_runtime101;
+var import_react73, import_jsx_runtime101;
 var init_HyperlaneBridge = __esm({
   "src/internal/components/SendMenu/hyperbridge/HyperlaneBridge.tsx"() {
-    import_react72 = require("react");
+    import_react73 = require("react");
     init_SenderSelector();
     init_useBridge();
     init_useHyperlaneRoutes();
@@ -21415,7 +21457,7 @@ function BridgeHistorySwitch(props) {
   const selectorFlow = useFlowSelectorStore((st) => st.flow);
   const isUiLocked = useFlowSelectorStore((st) => st.isUiLocked);
   const bridgeStep = useBridgeStore((st) => st.bridgeStep);
-  const lastBridgeStepRef = (0, import_react73.useRef)(null);
+  const lastBridgeStepRef = (0, import_react74.useRef)(null);
   if (selectorFlow !== "bridge" || bridgeStep === "confirm" || bridgeStep === "success" || bridgeStep === "sender-selector" || bridgeStep === "select-token" || bridgeStep === "tx-history-details") {
     return null;
   }
@@ -21433,10 +21475,10 @@ function BridgeHistorySwitch(props) {
     }
   );
 }
-var import_react73, import_jsx_runtime102;
+var import_react74, import_jsx_runtime102;
 var init_HistorySwitch = __esm({
   "src/internal/components/SendMenu/hyperbridge/components/HistorySwitch.tsx"() {
-    import_react73 = require("react");
+    import_react74 = require("react");
     init_switch();
     init_useFlowSelector();
     init_useBridgeStore();
@@ -21527,11 +21569,11 @@ function looksLikeNickname(input) {
 }
 function useNicknameResolve(input, options) {
   const { enabled = true, chainId } = options;
-  const [debouncedInput, setDebouncedInput] = (0, import_react74.useState)("");
-  const [isDebouncing, setIsDebouncing] = (0, import_react74.useState)(false);
+  const [debouncedInput, setDebouncedInput] = (0, import_react75.useState)("");
+  const [isDebouncing, setIsDebouncing] = (0, import_react75.useState)(false);
   const normalized = normalizeNickname(input);
   const isNicknameInput = looksLikeNickname(input) && normalized.length >= 3;
-  (0, import_react74.useEffect)(() => {
+  (0, import_react75.useEffect)(() => {
     if (!isNicknameInput || !enabled) {
       setDebouncedInput("");
       setIsDebouncing(false);
@@ -21557,7 +21599,7 @@ function useNicknameResolve(input, options) {
   const isNotFound = query.isError && query.error?.code === "NICKNAME_NOT_FOUND";
   const isWalletNotSetup = !!query.data && query.data.resolvedTarget === null;
   const isFrozen = query.data?.isFrozen ?? false;
-  const fingerprintVerification = (0, import_react74.useMemo)(() => {
+  const fingerprintVerification = (0, import_react75.useMemo)(() => {
     if (!query.data?.owner || !query.data?.fingerprint) {
       return null;
     }
@@ -21579,11 +21621,11 @@ function useNicknameResolve(input, options) {
     resolvedAddress
   };
 }
-var import_react_query50, import_react74, DEBOUNCE_MS2;
+var import_react_query50, import_react75, DEBOUNCE_MS2;
 var init_useNicknameResolve = __esm({
   "src/hooks/useNicknameResolve.ts"() {
     import_react_query50 = require("@tanstack/react-query");
-    import_react74 = require("react");
+    import_react75 = require("react");
     init_nickname();
     init_profile();
     init_nickname_validation();
@@ -21596,10 +21638,10 @@ var init_useNicknameResolve = __esm({
 function useSendTransaction() {
   const session = useSession((st) => st.session);
   const address = useSession((st) => st.address);
-  const [isLoading, setIsLoading] = (0, import_react75.useState)(false);
-  const [error, setError] = (0, import_react75.useState)(null);
-  const [userOpHash, setUserOpHash] = (0, import_react75.useState)(null);
-  const sendTransaction = (0, import_react75.useCallback)(
+  const [isLoading, setIsLoading] = (0, import_react76.useState)(false);
+  const [error, setError] = (0, import_react76.useState)(null);
+  const [userOpHash, setUserOpHash] = (0, import_react76.useState)(null);
+  const sendTransaction = (0, import_react76.useCallback)(
     async (params) => {
       if (!session || !address) {
         setError("No active session");
@@ -21696,7 +21738,7 @@ function useSendTransaction() {
     },
     [session, address]
   );
-  const reset = (0, import_react75.useCallback)(() => {
+  const reset = (0, import_react76.useCallback)(() => {
     setError(null);
     setUserOpHash(null);
     setIsLoading(false);
@@ -21709,10 +21751,10 @@ function useSendTransaction() {
     reset
   };
 }
-var import_react75, import_viem14, ERC20_TRANSFER_ABI, ERC721_SAFE_TRANSFER_ABI, ERC1155_SAFE_TRANSFER_ABI;
+var import_react76, import_viem14, ERC20_TRANSFER_ABI, ERC721_SAFE_TRANSFER_ABI, ERC1155_SAFE_TRANSFER_ABI;
 var init_useSendTransaction = __esm({
   "src/hooks/useSendTransaction.ts"() {
-    import_react75 = require("react");
+    import_react76 = require("react");
     import_viem14 = require("viem");
     init_SessionContext();
     init_account2();
@@ -21863,7 +21905,7 @@ var init_AssetInputIcon = __esm({
 
 // src/internal/components/SendMenu/send/components/NftDisplayCard.tsx
 function NftDisplayCard({ asset }) {
-  const [imageError, setImageError] = (0, import_react76.useState)(false);
+  const [imageError, setImageError] = (0, import_react77.useState)(false);
   const nftImage = asset.image || asset.nftMetadata?.image;
   return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex items-center gap-3 p-3 rounded-[var(--ui-kit-el-bdrs)] bg-[var(--ui-kit-bg-secondary)]", children: [
     nftImage && !imageError ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
@@ -21891,11 +21933,11 @@ function NftDisplayCard({ asset }) {
     ] })
   ] });
 }
-var import_lucide_react66, import_react76, import_jsx_runtime104;
+var import_lucide_react66, import_react77, import_jsx_runtime104;
 var init_NftDisplayCard = __esm({
   "src/internal/components/SendMenu/send/components/NftDisplayCard.tsx"() {
     import_lucide_react66 = require("lucide-react");
-    import_react76 = require("react");
+    import_react77 = require("react");
     import_jsx_runtime104 = require("react/jsx-runtime");
   }
 });
@@ -22546,10 +22588,10 @@ function SendMenu() {
     userOpHash,
     reset
   } = useSendTransaction();
-  (0, import_react77.useEffect)(() => {
+  (0, import_react78.useEffect)(() => {
     useFlowSelectorStore.getState().setIsUiLocked(isAssetsLoading || isTransactionPending);
   }, [isAssetsLoading, isTransactionPending]);
-  (0, import_react77.useEffect)(() => {
+  (0, import_react78.useEffect)(() => {
     useFlowSelectorStore.getState().setError(sendTransactionError || null);
   }, [sendTransactionError]);
   const {
@@ -22564,7 +22606,7 @@ function SendMenu() {
   } = useSendStore();
   const isNft = isNftAsset3(selectedAsset);
   const isSecurity = isSecurityToken2(selectedAsset);
-  (0, import_react77.useEffect)(
+  (0, import_react78.useEffect)(
     () => () => {
       setSelectedAsset(null);
       setRecipient("");
@@ -22574,7 +22616,7 @@ function SendMenu() {
     },
     []
   );
-  (0, import_react77.useEffect)(() => {
+  (0, import_react78.useEffect)(() => {
     const shouldSetNativeAsset = assets.length > 0 && !selectedAsset;
     if (!shouldSetNativeAsset) return;
     const native = assets.find((a) => a.type === "native");
@@ -22585,7 +22627,7 @@ function SendMenu() {
   const isNicknameInput = looksLikeNickname(recipient);
   const resolvedNicknameData = useNicknameResolve(recipient, { enabled: isNicknameInput, chainId: activeChainId });
   const effectiveAddress = isNicknameInput ? resolvedNicknameData?.resolvedAddress : recipient;
-  const complianceAmount = (0, import_react77.useMemo)(() => {
+  const complianceAmount = (0, import_react78.useMemo)(() => {
     if (!isSecurity || !amount || !selectedAsset) return void 0;
     try {
       return (0, import_viem18.parseUnits)(amount, selectedAsset.decimals || 18);
@@ -22600,7 +22642,7 @@ function SendMenu() {
     enabled: isSecurity && !!effectiveAddress && !!complianceAmount,
     chainId: activeChainId
   });
-  (0, import_react77.useEffect)(() => {
+  (0, import_react78.useEffect)(() => {
     const updateMenuTitle = useFlowSelectorStore.getState().setMenuTitle;
     switch (true) {
       case txStep === "select-asset":
@@ -22664,7 +22706,7 @@ function SendMenu() {
     ] })
   ] });
 }
-var import_lucide_react70, import_react77, import_viem18, import_jsx_runtime109;
+var import_lucide_react70, import_react78, import_viem18, import_jsx_runtime109;
 var init_SendMenu = __esm({
   "src/internal/components/SendMenu/send/SendMenu.tsx"() {
     init_SessionContext();
@@ -22673,7 +22715,7 @@ var init_SendMenu = __esm({
     init_useSendTransaction();
     init_useT();
     import_lucide_react70 = require("lucide-react");
-    import_react77 = require("react");
+    import_react78 = require("react");
     import_viem18 = require("viem");
     init_useBlockscoutAssets();
     init_useLayoutDataStore();
@@ -22717,7 +22759,7 @@ function SelectorFlowButtons() {
           Button,
           {
             size: "medium",
-            variant: selectorFlow === "send" ? "outline" : "ghost",
+            variant: selectorFlow === "send" ? "default" : "ghost",
             className: "flex-1 uppercase",
             onClick: () => {
               useFlowSelectorStore.getState().setError(null);
@@ -22733,7 +22775,7 @@ function SelectorFlowButtons() {
           Button,
           {
             size: "medium",
-            variant: selectorFlow === "bridge" ? "outline" : "ghost",
+            variant: selectorFlow === "bridge" ? "default" : "ghost",
             className: "flex-1 uppercase",
             onClick: () => {
               useFlowSelectorStore.getState().setError(null);
@@ -22758,7 +22800,7 @@ function SendFlowSelector() {
   const error = useFlowSelectorStore((st) => st.error);
   const menuTitle = useFlowSelectorStore((st) => st.menuTitle);
   const selectorFlow = useFlowSelectorStore((st) => st.flow);
-  (0, import_react78.useEffect)(
+  (0, import_react79.useEffect)(
     () => () => {
       useFlowSelectorStore.getState().setError(null);
     },
@@ -22835,12 +22877,12 @@ function SendFlowSelector() {
     }
   );
 }
-var import_lucide_react71, import_react78, import_jsx_runtime110, SELECTOR_FLOW;
+var import_lucide_react71, import_react79, import_jsx_runtime110, SELECTOR_FLOW;
 var init_SendFlowSelector = __esm({
   "src/internal/components/SendMenu/SendFlowSelector.tsx"() {
     init_i18n();
     import_lucide_react71 = require("lucide-react");
-    import_react78 = require("react");
+    import_react79 = require("react");
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_utils2();
@@ -22895,12 +22937,12 @@ function getServerSnapshot() {
   return false;
 }
 function useProMode() {
-  return (0, import_react79.useSyncExternalStore)(subscribe, getSnapshot, getServerSnapshot);
+  return (0, import_react80.useSyncExternalStore)(subscribe, getSnapshot, getServerSnapshot);
 }
-var import_react79, STORAGE_KEY, EVENT_NAME;
+var import_react80, STORAGE_KEY, EVENT_NAME;
 var init_pro_mode = __esm({
   "src/internal/lib/pro-mode.ts"() {
-    import_react79 = require("react");
+    import_react80 = require("react");
     STORAGE_KEY = "embarkai_pro_mode";
     EVENT_NAME = "embarkai-pro-mode-changed";
   }
@@ -22960,7 +23002,7 @@ function useSettingsButtons() {
   if (proMode) {
     settingsButtons.push({ id: "devices" /* DEVICES */, name: "Guardians", Icon: import_lucide_react73.HardDrive });
   }
-  (0, import_react80.useEffect)(() => {
+  (0, import_react81.useEffect)(() => {
     const cssvEl = document.querySelector(".embarkai-ui-scope");
     if (!cssvEl || !window?.getComputedStyle) {
       return;
@@ -23024,7 +23066,7 @@ function SettingsMenu() {
     }
   );
 }
-var import_react_query51, import_lucide_react73, import_react80, import_jsx_runtime112;
+var import_react_query51, import_lucide_react73, import_react81, import_jsx_runtime112;
 var init_SettingsMenu = __esm({
   "src/internal/components/SettingsMenu/SettingsMenu.tsx"() {
     init_ProviderContext();
@@ -23032,7 +23074,7 @@ var init_SettingsMenu = __esm({
     init_i18n();
     import_react_query51 = require("@tanstack/react-query");
     import_lucide_react73 = require("lucide-react");
-    import_react80 = require("react");
+    import_react81 = require("react");
     init_nickname();
     init_profile();
     init_useLayoutDataStore();
@@ -23147,27 +23189,27 @@ function getHistoryUrls(params) {
   }
   return getBlockscoutHistoryUrls(params);
 }
-var import_read14, ETHERSCAN_V2_API_URL, BLOCKSCOUT_API_URLS, CHAIN_SPECIFIC_API_URLS, ETHERSCAN_CHAINS, UNSUPPORTED_HISTORY_CHAINS, TX_HISTORY_URLS;
+var import_read15, ETHERSCAN_V2_API_URL, BLOCKSCOUT_API_URLS, CHAIN_SPECIFIC_API_URLS, ETHERSCAN_CHAINS, UNSUPPORTED_HISTORY_CHAINS, TX_HISTORY_URLS;
 var init_txUrls = __esm({
   "src/internal/components/TransactionsMenu/txUrls.ts"() {
-    import_read14 = require("@embarkai/core/read");
+    import_read15 = require("@embarkai/core/read");
     init_base();
     ETHERSCAN_V2_API_URL = "https://api.etherscan.io/v2/api";
     BLOCKSCOUT_API_URLS = {
-      [import_read14.ARBITRUM_SEPOLIA_CHAIN_ID]: "https://arbitrum-sepolia.blockscout.com/api",
-      [import_read14.BASE_SEPOLIA_CHAIN_ID]: "https://base-sepolia.blockscout.com/api"
+      [import_read15.ARBITRUM_SEPOLIA_CHAIN_ID]: "https://arbitrum-sepolia.blockscout.com/api",
+      [import_read15.BASE_SEPOLIA_CHAIN_ID]: "https://base-sepolia.blockscout.com/api"
     };
     CHAIN_SPECIFIC_API_URLS = {};
     ETHERSCAN_CHAINS = /* @__PURE__ */ new Set([
-      import_read14.SEPOLIA_CHAIN_ID,
-      import_read14.ARBITRUM_SEPOLIA_CHAIN_ID,
-      import_read14.BASE_SEPOLIA_CHAIN_ID
+      import_read15.SEPOLIA_CHAIN_ID,
+      import_read15.ARBITRUM_SEPOLIA_CHAIN_ID,
+      import_read15.BASE_SEPOLIA_CHAIN_ID
     ]);
     UNSUPPORTED_HISTORY_CHAINS = /* @__PURE__ */ new Set([
-      import_read14.BSC_TESTNET_CHAIN_ID
+      import_read15.BSC_TESTNET_CHAIN_ID
     ]);
     TX_HISTORY_URLS = {
-      [import_read14.LUMIA_TESTNET_CHAIN_ID]: (p) => {
+      [import_read15.LUMIA_TESTNET_CHAIN_ID]: (p) => {
         const result = getBlockscoutHistoryUrls(p);
         return {
           transactionsUrl: result.transactionsUrl,
@@ -23175,7 +23217,7 @@ var init_txUrls = __esm({
           tokenTransfersUrl: result.tokenTransfersUrl
         };
       },
-      [import_read14.LUMIA_MAINNET_CHAIN_ID]: (p) => {
+      [import_read15.LUMIA_MAINNET_CHAIN_ID]: (p) => {
         const result = getBlockscoutHistoryUrls(p);
         return {
           transactionsUrl: result.transactionsUrl,
@@ -23974,7 +24016,7 @@ function TransactionsMenu() {
   const { t } = useT();
   const setPage = useLayoutDataStore((st) => st.setPage);
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
-  const [expandedGroups, setExpandedGroups] = (0, import_react81.useState)({});
+  const [expandedGroups, setExpandedGroups] = (0, import_react82.useState)({});
   const historySupported = isTransactionHistorySupported(chainConfig?.id);
   const {
     data: txHistoryGroups = [],
@@ -23987,7 +24029,7 @@ function TransactionsMenu() {
     queryKey: [TRANSACTIONS_HISTORY_QUERY_KEY, chainConfig.id, address],
     queryFn: () => getTransactionsListQuery({ address, chainConfig })
   });
-  const refreshTxHistory = (0, import_react81.useCallback)(
+  const refreshTxHistory = (0, import_react82.useCallback)(
     () => qc.invalidateQueries({ queryKey: [TRANSACTIONS_HISTORY_QUERY_KEY, chainConfig.id, address] }),
     [qc, chainConfig.id, address]
   );
@@ -24036,14 +24078,14 @@ function TransactionsMenu() {
     }
   );
 }
-var import_react_query52, import_lucide_react76, import_react81, import_jsx_runtime116;
+var import_react_query52, import_lucide_react76, import_react82, import_jsx_runtime116;
 var init_TransactionsMenu = __esm({
   "src/internal/components/TransactionsMenu/TransactionsMenu.tsx"() {
     init_SessionContext();
     init_i18n();
     import_react_query52 = require("@tanstack/react-query");
     import_lucide_react76 = require("lucide-react");
-    import_react81 = require("react");
+    import_react82 = require("react");
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_Expandable2();
@@ -24241,7 +24283,7 @@ function usePageMapper() {
     setIsDialogOpen,
     setIsDialogClosing
   } = useLayoutStore();
-  const closeDialog = (0, import_react82.useCallback)(() => {
+  const closeDialog = (0, import_react83.useCallback)(() => {
     setIsDialogClosing(true);
     setTimeout(() => {
       setDialogContent(null);
@@ -24252,7 +24294,7 @@ function usePageMapper() {
       setIsDialogOpen(false);
     }, CLEAR_DIALOG_TIMEOUT);
   }, [setDialogContent, setDialogDescription, setDialogTitle, setIsDialogForced, setIsDialogOpen, setIsDialogClosing]);
-  const openDialog = (0, import_react82.useCallback)(
+  const openDialog = (0, import_react83.useCallback)(
     (pageItem) => {
       const PageContentComponent = pageItem.component;
       setDialogTitle(pageItem.title);
@@ -24262,7 +24304,7 @@ function usePageMapper() {
     },
     [setDialogContent, setDialogDescription, setDialogTitle, setIsDialogOpen]
   );
-  (0, import_react82.useEffect)(() => {
+  (0, import_react83.useEffect)(() => {
     if (page === null) return closeDialog();
     const pageItem = PAGE_MAP[page];
     if (!pageItem) {
@@ -24273,10 +24315,10 @@ function usePageMapper() {
     openDialog(pageItem);
   }, [page, closeDialog, openDialog]);
 }
-var import_react82, import_jsx_runtime117, CLEAR_DIALOG_TIMEOUT;
+var import_react83, import_jsx_runtime117, CLEAR_DIALOG_TIMEOUT;
 var init_usePageMapper = __esm({
   "src/internal/hooks/usePageMapper.tsx"() {
-    import_react82 = require("react");
+    import_react83 = require("react");
     init_PageMap();
     init_constants();
     init_useLayoutDataStore();
@@ -24298,26 +24340,26 @@ function useSettingsNotifications() {
     queryKey: [QUERY_KEYS.userProfile, address],
     queryFn: getUserProfile
   });
-  (0, import_react83.useEffect)(() => {
+  (0, import_react84.useEffect)(() => {
     const isKYCVerified = userProfile?.kycDetails?.kycStatus === "verified";
     setSettingsNotifications({
       ...COMPLETE_KYC_PROGRESS,
       status: isKYCVerified ? "resolved" : "active"
     });
   }, [userProfile, setSettingsNotifications]);
-  (0, import_react83.useEffect)(() => {
+  (0, import_react84.useEffect)(() => {
     setSettingsNotifications({
       ...EMAIL_NOT_CONNECTED_NOTIFICATION,
       status: hasEmail ? "resolved" : "active"
     });
   }, [hasEmail, setSettingsNotifications]);
 }
-var import_react_query53, import_react83, EMAIL_NOT_CONNECTED_NOTIFICATION, COMPLETE_KYC_PROGRESS;
+var import_react_query53, import_react84, EMAIL_NOT_CONNECTED_NOTIFICATION, COMPLETE_KYC_PROGRESS;
 var init_useSettingsNotifications = __esm({
   "src/internal/hooks/useSettingsNotifications.ts"() {
     init_SessionContext();
     import_react_query53 = require("@tanstack/react-query");
-    import_react83 = require("react");
+    import_react84 = require("react");
     init_auth();
     init_profile();
     init_useLayoutDataStore();
@@ -24340,7 +24382,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.31",
+      version: "0.4.32",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -24567,11 +24609,11 @@ function Header() {
   const chainConfig = useSession((st) => st.chainConfig);
   const { t } = useT();
   const proMode = useProMode();
-  const [proToast, setProToast] = (0, import_react84.useState)(false);
-  const [copied, setCopied] = (0, import_react84.useState)(false);
-  const clickCountRef = (0, import_react84.useRef)(0);
-  const clickTimerRef = (0, import_react84.useRef)(null);
-  const handleAvatarClick = (0, import_react84.useCallback)(() => {
+  const [proToast, setProToast] = (0, import_react85.useState)(false);
+  const [copied, setCopied] = (0, import_react85.useState)(false);
+  const clickCountRef = (0, import_react85.useRef)(0);
+  const clickTimerRef = (0, import_react85.useRef)(null);
+  const handleAvatarClick = (0, import_react85.useCallback)(() => {
     clickCountRef.current += 1;
     if (clickTimerRef.current) {
       clearTimeout(clickTimerRef.current);
@@ -24671,7 +24713,7 @@ function Header() {
     }
   );
 }
-var import_react_query55, import_lucide_react78, import_react84, import_jsx_runtime119;
+var import_react_query55, import_lucide_react78, import_react85, import_jsx_runtime119;
 var init_Header = __esm({
   "src/internal/components/Header/Header.tsx"() {
     init_LumiaIcon3();
@@ -24681,7 +24723,7 @@ var init_Header = __esm({
     init_useT();
     import_react_query55 = require("@tanstack/react-query");
     import_lucide_react78 = require("lucide-react");
-    import_react84 = require("react");
+    import_react85 = require("react");
     init_PositiveIcon();
     init_auth();
     init_profile();
@@ -24712,7 +24754,7 @@ function useDecideContentStyles() {
     style: (0, import_lodash_es7.merge)({}, mobileStyles)
   };
 }
-var DialogPrimitive, import_lodash_es7, import_lucide_react79, import_react85, import_jsx_runtime120, Dialog, DialogPortal, DialogOverlay, CONTENT_BG_SETUP, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription;
+var DialogPrimitive, import_lodash_es7, import_lucide_react79, import_react86, import_jsx_runtime120, Dialog, DialogPortal, DialogOverlay, CONTENT_BG_SETUP, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription;
 var init_dialog = __esm({
   "src/internal/components/ui/dialog.tsx"() {
     init_utils2();
@@ -24721,14 +24763,14 @@ var init_dialog = __esm({
     DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
     import_lodash_es7 = require("lodash-es");
     import_lucide_react79 = require("lucide-react");
-    import_react85 = require("react");
+    import_react86 = require("react");
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_button();
     import_jsx_runtime120 = require("react/jsx-runtime");
     Dialog = DialogPrimitive.Root;
     DialogPortal = DialogPrimitive.Portal;
-    DialogOverlay = (0, import_react85.forwardRef)(
+    DialogOverlay = (0, import_react86.forwardRef)(
       ({ className, closing, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
         DialogPrimitive.Overlay,
         {
@@ -24750,7 +24792,7 @@ var init_dialog = __esm({
       border: "1px solid var(--ui-kit-bd)",
       boxShadow: "var(--ui-kit-shadow, 0px 4px 10px var(--ui-kit-shadow-c, rgba(0, 0, 0, 0.1)))"
     };
-    DialogContent = (0, import_react85.forwardRef)(
+    DialogContent = (0, import_react86.forwardRef)(
       ({ className, children, colorMode, ...props }, ref) => {
         const { t, i18n } = useT();
         const isSessionLoading = useSession((st) => st.isLoading);
@@ -24853,7 +24895,7 @@ var init_dialog = __esm({
     DialogHeader.displayName = "DialogHeader";
     DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
     DialogFooter.displayName = "DialogFooter";
-    DialogTitle = (0, import_react85.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+    DialogTitle = (0, import_react86.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
       DialogPrimitive.Title,
       {
         ref,
@@ -24862,7 +24904,7 @@ var init_dialog = __esm({
       }
     ));
     DialogTitle.displayName = DialogPrimitive.Title.displayName;
-    DialogDescription = (0, import_react85.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(DialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+    DialogDescription = (0, import_react86.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(DialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
     DialogDescription.displayName = DialogPrimitive.Description.displayName;
   }
 });
@@ -24887,7 +24929,7 @@ function Dialog2() {
   const isWalletLinking = useLayoutDataStore((st) => st.isWalletLinking);
   const setPage = useLayoutDataStore((st) => st.setPage);
   const { colorMode, isDialogOpen, dialogTitle, dialogDescription, dialogContent, isDialogForced, setIsSettings } = useLayoutStore();
-  (0, import_react86.useEffect)(() => setIsSettings(!!session), [session, setIsSettings]);
+  (0, import_react87.useEffect)(() => setIsSettings(!!session), [session, setIsSettings]);
   usePageMapper();
   useAutoConnect();
   useBackupStatusChanges();
@@ -24925,13 +24967,13 @@ function Dialog2() {
     }
   );
 }
-var import_framer_motion, import_react86, import_jsx_runtime122;
+var import_framer_motion, import_react87, import_jsx_runtime122;
 var init_Dialog = __esm({
   "src/internal/components/Dialog/Dialog.tsx"() {
     init_ProviderContext();
     init_SessionContext();
     import_framer_motion = require("framer-motion");
-    import_react86 = require("react");
+    import_react87 = require("react");
     init_constants();
     init_useAutoConnect();
     init_useBackupStatusChanges();
@@ -24957,14 +24999,14 @@ var init_Dialog2 = __esm({
 });
 
 // src/internal/components/TssManager.tsx
-var import_react87, TssManagerWithRef;
+var import_react88, TssManagerWithRef;
 var init_TssManager = __esm({
   "src/internal/components/TssManager.tsx"() {
     init_SessionContext();
-    import_react87 = __toESM(require("react"), 1);
+    import_react88 = __toESM(require("react"), 1);
     init_auth();
     init_clients();
-    TssManagerWithRef = import_react87.default.forwardRef((props, ref) => {
+    TssManagerWithRef = import_react88.default.forwardRef((props, ref) => {
       const { mpcPin } = props;
       const usePaymaster = useSession((st) => st.usePaymaster);
       const publicClient = useSession((st) => st.publicClient);
@@ -24972,14 +25014,14 @@ var init_TssManager = __esm({
       const setStatus = useSession((st) => st.setStatus);
       const setSession = useSession((st) => st.setSession);
       const setAddress = useSession((st) => st.setAddress);
-      const onSessionCreated = (0, import_react87.useCallback)(
+      const onSessionCreated = (0, import_react88.useCallback)(
         (session, address) => {
           setSession(session);
           setAddress(address);
         },
         [setSession, setAddress]
       );
-      const createSessionWithKeyshare = import_react87.default.useCallback(
+      const createSessionWithKeyshare = import_react88.default.useCallback(
         async (userId, hasServerKeyshare, isNewUser) => {
           setStatus("checking key management setup...");
           await ensureKeyshare(userId, hasServerKeyshare, setStatus, isNewUser);
@@ -25004,7 +25046,7 @@ var init_TssManager = __esm({
         },
         [setStatus, usePaymaster, activeChainId, publicClient, mpcPin]
       );
-      import_react87.default.useImperativeHandle(ref, () => ({ createSessionWithKeyshare }), [createSessionWithKeyshare]);
+      import_react88.default.useImperativeHandle(ref, () => ({ createSessionWithKeyshare }), [createSessionWithKeyshare]);
       return null;
     });
   }
@@ -25032,7 +25074,7 @@ function WalletConnectHandler() {
   const projectId = providerConfig?.projectId;
   const setExternalWallet = useExternalWalletStore((st) => st.setExternalWallet);
   const setPendingWalletLogin = useLayoutDataStore((st) => st.setPendingWalletLogin);
-  const onLinkingComplete = (0, import_react88.useCallback)(
+  const onLinkingComplete = (0, import_react89.useCallback)(
     async (success) => {
       setIsWalletLinking(false);
       if (!success && !passportWalletAddress) {
@@ -25061,10 +25103,10 @@ function WalletConnectHandler() {
     },
     [qc, passportWalletAddress, setProviderType, setPage, setIsWalletLinking]
   );
-  const [hasStartedLinking, setHasStartedLinking] = import_react88.default.useState(false);
-  const [modalWasOpened, setModalWasOpened] = import_react88.default.useState(false);
-  const [pendingModalOpen, setPendingModalOpen] = import_react88.default.useState(false);
-  (0, import_react88.useEffect)(() => {
+  const [hasStartedLinking, setHasStartedLinking] = import_react89.default.useState(false);
+  const [modalWasOpened, setModalWasOpened] = import_react89.default.useState(false);
+  const [pendingModalOpen, setPendingModalOpen] = import_react89.default.useState(false);
+  (0, import_react89.useEffect)(() => {
     if (isWalletLinking && !hasStartedLinking) {
       console.log("[WalletConnectHandler] Starting wallet link flow:", {
         isConnected,
@@ -25102,18 +25144,18 @@ function WalletConnectHandler() {
     setProviderType,
     walletMode
   ]);
-  (0, import_react88.useEffect)(() => {
+  (0, import_react89.useEffect)(() => {
     if (pendingModalOpen && !isConnected && openConnectModal) {
       setPendingModalOpen(false);
       openConnectModal();
     }
   }, [pendingModalOpen, isConnected, openConnectModal]);
-  (0, import_react88.useEffect)(() => {
+  (0, import_react89.useEffect)(() => {
     if (connectModalOpen && hasStartedLinking) {
       setModalWasOpened(true);
     }
   }, [connectModalOpen, hasStartedLinking]);
-  (0, import_react88.useEffect)(() => {
+  (0, import_react89.useEffect)(() => {
     if (modalWasOpened && !connectModalOpen && !isConnected && isWalletLinking) {
       console.log("[WalletConnectHandler] Modal closed without connecting");
       onLinkingComplete(false);
@@ -25121,7 +25163,7 @@ function WalletConnectHandler() {
       setModalWasOpened(false);
     }
   }, [connectModalOpen, modalWasOpened, isConnected, isWalletLinking]);
-  (0, import_react88.useEffect)(() => {
+  (0, import_react89.useEffect)(() => {
     if (isWalletLinking) {
       const timeout = setTimeout(() => {
         console.warn("[WalletConnectHandler] Wallet linking timed out, resetting state");
@@ -25241,7 +25283,7 @@ function WalletConnectHandler() {
       setPage(passportWalletAddress ? "manage-wallet" /* MANAGE_WALLET */ : "auth" /* AUTH */);
     }
   });
-  (0, import_react88.useEffect)(() => {
+  (0, import_react89.useEffect)(() => {
     if (!!chain?.id && isConnected && walletAddress && isWalletLinking && hasStartedLinking && modalWasOpened && !pendingModalOpen) {
       console.log("[WalletConnectHandler] handleWalletSign triggered");
       if (!passportWalletAddress) {
@@ -25251,7 +25293,7 @@ function WalletConnectHandler() {
       handleWalletSign({ chainId: chain.id, signingWalletAddress: walletAddress });
     }
   }, [chain, isConnected, walletAddress, isWalletLinking, hasStartedLinking, modalWasOpened, pendingModalOpen]);
-  (0, import_react88.useEffect)(() => {
+  (0, import_react89.useEffect)(() => {
     if (isConnected && !chain?.id && isWalletLinking && hasStartedLinking && !connectModalOpen && !isWalletSigning) {
       const timeout = setTimeout(() => {
         console.warn("[WalletConnectHandler] Wallet connected but chain info missing, resetting");
@@ -25273,7 +25315,7 @@ function WalletConnectHandler() {
   ]);
   return null;
 }
-var import_rainbowkit2, import_react_query56, import_react88, import_wagmi5;
+var import_rainbowkit2, import_react_query56, import_react89, import_wagmi5;
 var init_WalletConnectHandler = __esm({
   "src/internal/components/WalletConnectHandler.tsx"() {
     init_ProviderContext();
@@ -25281,7 +25323,7 @@ var init_WalletConnectHandler = __esm({
     init_linkedProfiles();
     import_rainbowkit2 = require("@rainbow-me/rainbowkit");
     import_react_query56 = require("@tanstack/react-query");
-    import_react88 = __toESM(require("react"), 1);
+    import_react89 = __toESM(require("react"), 1);
     import_wagmi5 = require("wagmi");
     init_wallet();
     init_AuthMenu2();
@@ -25302,13 +25344,13 @@ function DirectWalletHandler() {
   const setExternalChainId = useExternalWalletStore((st) => st.setExternalChainId);
   const setConfigMode = useExternalWalletStore((st) => st.setConfigMode);
   const setActiveMode = useExternalWalletStore((st) => st.setActiveMode);
-  (0, import_react89.useEffect)(() => {
+  (0, import_react90.useEffect)(() => {
     setConfigMode(walletMode);
     if (walletMode !== "both") {
       setActiveMode(walletMode);
     }
   }, [walletMode, setConfigMode, setActiveMode]);
-  (0, import_react89.useEffect)(() => {
+  (0, import_react90.useEffect)(() => {
     if (isConnected && address && !isExternalConnected && connector && chain?.id) {
       setExternalWallet({
         address,
@@ -25317,17 +25359,17 @@ function DirectWalletHandler() {
       });
     }
   }, [isConnected, address, isExternalConnected, connector, chain?.id, setExternalWallet]);
-  (0, import_react89.useEffect)(() => {
+  (0, import_react90.useEffect)(() => {
     if (isExternalConnected && !isConnected) {
       clearExternalWallet();
     }
   }, [isConnected, isExternalConnected, clearExternalWallet]);
-  (0, import_react89.useEffect)(() => {
+  (0, import_react90.useEffect)(() => {
     if (isExternalConnected && isConnected && chain?.id) {
       setExternalChainId(chain.id);
     }
   }, [chain?.id, isConnected, isExternalConnected, setExternalChainId]);
-  (0, import_react89.useEffect)(() => {
+  (0, import_react90.useEffect)(() => {
     if (isExternalConnected && isConnected && address && address !== externalAddress && connector && chain?.id) {
       setExternalWallet({
         address,
@@ -25338,10 +25380,10 @@ function DirectWalletHandler() {
   }, [address, isConnected, isExternalConnected, externalAddress, chain?.id, connector, setExternalWallet]);
   return null;
 }
-var import_react89, import_wagmi6;
+var import_react90, import_wagmi6;
 var init_DirectWalletHandler = __esm({
   "src/internal/components/DirectWalletHandler.tsx"() {
-    import_react89 = require("react");
+    import_react90 = require("react");
     import_wagmi6 = require("wagmi");
     init_ProviderContext();
     init_useExternalWalletStore();
@@ -25353,9 +25395,9 @@ function getChainParams(chainCfg) {
   return {
     activeChainId: chainCfg.id,
     chainConfig: chainCfg,
-    publicClient: (0, import_read15.createPublicClientForChain)(chainCfg.id),
-    bundlerClient: (0, import_read15.createBundlerClientForChain)(chainCfg.id),
-    viemChain: (0, import_read15.getViemChain)(chainCfg.id)
+    publicClient: (0, import_read16.createPublicClientForChain)(chainCfg.id),
+    bundlerClient: (0, import_read16.createBundlerClientForChain)(chainCfg.id),
+    viemChain: (0, import_read16.getViemChain)(chainCfg.id)
   };
 }
 function waitForStoreHydration() {
@@ -25366,7 +25408,7 @@ function waitForStoreHydration() {
 }
 function SessionProvider({ children }) {
   const config = useProviderConfig().config;
-  return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_react90.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_react91.Fragment, { children: [
     children,
     config.current?.wallet?.enabled && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(WalletConnectHandler, {}),
     config.current?.wallet?.enabled && (config.current?.wallet?.mode === "direct" || config.current?.wallet?.mode === "both") && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(DirectWalletHandler, {}),
@@ -25381,11 +25423,11 @@ function SessionProvider({ children }) {
     /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Dialog2, {})
   ] });
 }
-var import_read15, import_react90, import_zustand11, import_middleware3, import_jsx_runtime123, useSession, requireActiveChainId;
+var import_read16, import_react91, import_zustand11, import_middleware3, import_jsx_runtime123, useSession, requireActiveChainId;
 var init_SessionContext = __esm({
   "src/context/SessionContext.tsx"() {
-    import_read15 = require("@embarkai/core/read");
-    import_react90 = require("react");
+    import_read16 = require("@embarkai/core/read");
+    import_react91 = require("react");
     import_zustand11 = require("zustand");
     import_middleware3 = require("zustand/middleware");
     init_BalanceFeedProvider2();
@@ -25456,7 +25498,7 @@ var init_SessionContext = __esm({
           // Set default chainId after hydration if not persisted
           onRehydrateStorage: () => (state) => {
             if (!state) return;
-            const hydartedChain = getChainParams((0, import_read15.getChainConfig)(state.activeChainId || import_read15.DEFAULT_CHAIN_ID));
+            const hydartedChain = getChainParams((0, import_read16.getChainConfig)(state.activeChainId || import_read16.DEFAULT_CHAIN_ID));
             state.activeChainId = hydartedChain.activeChainId;
             state.publicClient = hydartedChain.publicClient;
             state.bundlerClient = hydartedChain.bundlerClient;
@@ -25531,31 +25573,31 @@ function getExplorerUrl() {
   const paramUrl = typeof window !== "undefined" ? new URLSearchParams(window.location.search).get("explorerUrl") || void 0 : void 0;
   const net = getSelectedNetwork();
   const chainId = requireActiveChainId();
-  const chainConfig = (0, import_read16.getChainConfig)(chainId);
+  const chainConfig = (0, import_read17.getChainConfig)(chainId);
   console.log("[getExplorerUrl] ", paramUrl, chainConfig.blockExplorerUrl);
   return paramUrl || chainConfig.blockExplorerUrl;
 }
 function getBundlerClient() {
   const chainId = requireActiveChainId();
-  const chainConfig = (0, import_read16.getChainConfig)(chainId);
-  const viemChain = (0, import_read16.getViemChain)(chainId);
+  const chainConfig = (0, import_read17.getChainConfig)(chainId);
+  const viemChain = (0, import_read17.getViemChain)(chainId);
   return (0, import_account_abstraction2.createBundlerClient)({
     chain: viemChain,
     transport: (0, import_viem19.http)(chainConfig.bundlerUrl, { timeout: 1e4, retryCount: 0, fetchOptions: { mode: "cors" } })
   });
 }
-var import_read16, import_viem19, import_account_abstraction2, BUILD_NETWORK, lumiaBeamTestnet, lumiaPrisma, FUNDER_PK;
+var import_read17, import_viem19, import_account_abstraction2, BUILD_NETWORK, lumiaBeamTestnet, lumiaPrisma, FUNDER_PK;
 var init_base = __esm({
   "src/internal/clients/base.ts"() {
     init_initial();
     init_SessionContext();
-    import_read16 = require("@embarkai/core/read");
+    import_read17 = require("@embarkai/core/read");
     import_viem19 = require("viem");
     import_account_abstraction2 = require("viem/account-abstraction");
     init_env();
     BUILD_NETWORK = true ? "" : "";
-    lumiaBeamTestnet = import_read16.lumiaTestnetChain;
-    lumiaPrisma = import_read16.lumiaMainnetChain;
+    lumiaBeamTestnet = import_read17.lumiaTestnetChain;
+    lumiaPrisma = import_read17.lumiaMainnetChain;
     FUNDER_PK = getEnvVar("VITE_FUNDER_PK") || "";
   }
 });
@@ -27796,10 +27838,10 @@ var init_iframe_manager = __esm({
 });
 
 // src/config/rainbowkit.ts
-var import_read17, import_rainbowkit3, import_wallets2, import_wagmi7, import_chains12, getProjectId2, WALLET_MAP, getWagmiStorageKey, buildRainbowChains, createRainbowConfig, rainbowTheme;
+var import_read18, import_rainbowkit3, import_wallets2, import_wagmi7, import_chains12, getProjectId2, WALLET_MAP, getWagmiStorageKey, buildRainbowChains, createRainbowConfig, rainbowTheme;
 var init_rainbowkit = __esm({
   "src/config/rainbowkit.ts"() {
-    import_read17 = require("@embarkai/core/read");
+    import_read18 = require("@embarkai/core/read");
     import_rainbowkit3 = require("@rainbow-me/rainbowkit");
     import_wallets2 = require("@rainbow-me/rainbowkit/wallets");
     import_wagmi7 = require("wagmi");
@@ -27824,8 +27866,8 @@ var init_rainbowkit = __esm({
     };
     buildRainbowChains = (supportedChains, preferredChainId) => {
       const availableChains = [
-        import_read17.lumiaMainnetChain,
-        import_read17.lumiaTestnetChain,
+        import_read18.lumiaMainnetChain,
+        import_read18.lumiaTestnetChain,
         import_chains12.mainnet,
         import_chains12.polygon,
         import_chains12.bsc,
@@ -28052,7 +28094,7 @@ var init_rainbowkit = __esm({
 function RainbowKitProvider({ children }) {
   const config = useProviderConfig().config;
   const colorMode = useLayoutStore((st) => st.colorMode);
-  const rainbowConfig = (0, import_react91.useMemo)(
+  const rainbowConfig = (0, import_react92.useMemo)(
     () => createRainbowConfig({
       projectId: config.current?.wallet?.walletConnectProjectId,
       allowedWallets: config.current?.wallet?.allowedWallets,
@@ -28066,7 +28108,7 @@ function RainbowKitProvider({ children }) {
       config.current?.wallet?.walletConnectProjectId
     ]
   );
-  const customTheme = (0, import_react91.useMemo)(() => {
+  const customTheme = (0, import_react92.useMemo)(() => {
     if (!config.current?.wallet?.enabled) return {};
     return colorMode === "dark" ? {
       ...(0, import_rainbowkit4.darkTheme)(),
@@ -28083,11 +28125,11 @@ function RainbowKitProvider({ children }) {
   if (!config.current?.wallet?.enabled) return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_jsx_runtime124.Fragment, { children });
   return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_wagmi8.WagmiProvider, { config: rainbowConfig, children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_rainbowkit4.RainbowKitProvider, { theme: customTheme, modalSize: "compact", showRecentTransactions: true, children }) });
 }
-var import_rainbowkit4, import_react91, import_wagmi8, import_styles, import_jsx_runtime124;
+var import_rainbowkit4, import_react92, import_wagmi8, import_styles, import_jsx_runtime124;
 var init_RainbowKitContext = __esm({
   "src/context/RainbowKitContext.tsx"() {
     import_rainbowkit4 = require("@rainbow-me/rainbowkit");
-    import_react91 = require("react");
+    import_react92 = require("react");
     import_wagmi8 = require("wagmi");
     init_rainbowkit();
     init_useLayoutStore();
@@ -28131,19 +28173,19 @@ function buildTransport(urls) {
     retryCount: 0
   });
 }
-var import_read18, import_viem20, import_wagmi9, import_chains13, wagmiConfig;
+var import_read19, import_viem20, import_wagmi9, import_chains13, wagmiConfig;
 var init_wagmi = __esm({
   "src/config/wagmi.ts"() {
-    import_read18 = require("@embarkai/core/read");
+    import_read19 = require("@embarkai/core/read");
     import_viem20 = require("viem");
     import_wagmi9 = require("wagmi");
     import_chains13 = require("wagmi/chains");
     wagmiConfig = (0, import_wagmi9.createConfig)({
-      chains: [import_read18.lumiaMainnetChain, import_read18.lumiaTestnetChain, import_chains13.bsc, import_chains13.mainnet],
+      chains: [import_read19.lumiaMainnetChain, import_read19.lumiaTestnetChain, import_chains13.bsc, import_chains13.mainnet],
       storage: (0, import_wagmi9.createStorage)({ key: "embark-wagmi-static-v2" }),
       transports: {
-        [import_read18.lumiaTestnetChain.id]: buildTransport(import_read18.lumiaTestnetChain.rpcUrls.default.http),
-        [import_read18.lumiaMainnetChain.id]: buildTransport(import_read18.lumiaMainnetChain.rpcUrls.default.http),
+        [import_read19.lumiaTestnetChain.id]: buildTransport(import_read19.lumiaTestnetChain.rpcUrls.default.http),
+        [import_read19.lumiaMainnetChain.id]: buildTransport(import_read19.lumiaMainnetChain.rpcUrls.default.http),
         [import_chains13.bsc.id]: (0, import_wagmi9.http)(),
         [import_chains13.mainnet.id]: (0, import_wagmi9.http)()
       }
@@ -28182,10 +28224,10 @@ function clearLegacyWagmiStorage() {
 }
 function Provider(props) {
   const { children, projectId, initialConfig = {}, callbacks } = props;
-  const callbacksRef = (0, import_react92.useRef)(callbacks);
-  (0, import_react92.useEffect)(() => notifyNoProjetctId(projectId), [projectId]);
-  const config = (0, import_react92.useRef)((0, import_lodash_es8.merge)({}, DEFAULT_PROVIDER_CONFIG, { projectId }, initialConfig));
-  const updateConfig = (0, import_react92.useCallback)((updates) => {
+  const callbacksRef = (0, import_react93.useRef)(callbacks);
+  (0, import_react93.useEffect)(() => notifyNoProjetctId(projectId), [projectId]);
+  const config = (0, import_react93.useRef)((0, import_lodash_es8.merge)({}, DEFAULT_PROVIDER_CONFIG, { projectId }, initialConfig));
+  const updateConfig = (0, import_react93.useCallback)((updates) => {
     const prev = config.current;
     const next = { ...prev };
     if (updates.projectId !== void 0) next.projectId = updates.projectId;
@@ -28219,12 +28261,12 @@ function Provider(props) {
     if (updates.translations) next.translations = { ...next.translations, ...updates.translations };
     config.current = next;
   }, []);
-  const updateCallbacks = (0, import_react92.useCallback)((updates) => {
+  const updateCallbacks = (0, import_react93.useCallback)((updates) => {
     const prev = callbacksRef.current;
     const next = updates ? { ...prev, ...updates } : void 0;
     callbacksRef.current = next;
   }, []);
-  (0, import_react92.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     if (typeof window === "undefined" || !projectId) return;
     const mergedConfig = (0, import_lodash_es8.merge)(DEFAULT_PROVIDER_CONFIG, initialConfig);
     updateConfig(mergedConfig);
@@ -28245,7 +28287,7 @@ function Provider(props) {
       useSession.getState().setActiveChainId(mergedConfig.network.chainId);
     }
   }, [projectId, initialConfig]);
-  (0, import_react92.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     if (typeof window === "undefined" || !projectId) return;
     try {
       (0, import_error_tracking4.initSdkErrorTracking)();
@@ -28274,7 +28316,7 @@ function Provider(props) {
       console.error("[PROVIDER] Error setting up iframe manager:", error);
     }
   }, [projectId]);
-  const contextValue = (0, import_react92.useMemo)(
+  const contextValue = (0, import_react93.useMemo)(
     () => ({
       config,
       updateConfig,
@@ -28289,12 +28331,12 @@ function Provider(props) {
     return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(UIContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(RainbowKitProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(SessionProvider, { children }) }) });
   return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(WagmiProvider2, { children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(UIContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(SessionProvider, { children }) }) });
 }
-var import_error_tracking4, import_lodash_es8, import_react92, import_jsx_runtime126, UIContext, useProviderConfig;
+var import_error_tracking4, import_lodash_es8, import_react93, import_jsx_runtime126, UIContext, useProviderConfig;
 var init_ProviderContext = __esm({
   "src/context/ProviderContext.tsx"() {
     import_error_tracking4 = require("@embarkai/core/internal/error-tracking");
     import_lodash_es8 = require("lodash-es");
-    import_react92 = require("react");
+    import_react93 = require("react");
     init_initial();
     init_iframe_manager();
     init_RainbowKitContext();
@@ -28302,9 +28344,9 @@ var init_ProviderContext = __esm({
     init_utils11();
     init_WagmiContext();
     import_jsx_runtime126 = require("react/jsx-runtime");
-    UIContext = (0, import_react92.createContext)(void 0);
+    UIContext = (0, import_react93.createContext)(void 0);
     useProviderConfig = () => {
-      const ctx = (0, import_react92.useContext)(UIContext);
+      const ctx = (0, import_react93.useContext)(UIContext);
       if (!ctx) throw new Error("useProviderConfig must be used within a Provider");
       return ctx;
     };
@@ -28409,7 +28451,7 @@ init_ProviderContext();
 init_LumiaIcon3();
 var import_react_query57 = require("@tanstack/react-query");
 var import_lucide_react80 = require("lucide-react");
-var import_react93 = require("react");
+var import_react94 = require("react");
 init_SessionContext();
 init_auth();
 init_profile();
@@ -28442,7 +28484,7 @@ function ConnectWalletButton(props) {
   const colorMode = useLayoutStore((st) => st.colorMode);
   const { session, address, hasServerVault, isLoading, isIframeReady, status, setUsePaymaster } = useSession();
   const connectButtonLabel = getFormattedStatus(label || "Connect", status, isIframeReady);
-  (0, import_react93.useEffect)(() => setUsePaymaster(usePaymaster), [setUsePaymaster, usePaymaster]);
+  (0, import_react94.useEffect)(() => setUsePaymaster(usePaymaster), [setUsePaymaster, usePaymaster]);
   const { data: profile, isLoading: isProfileLoading } = (0, import_react_query57.useQuery)({
     retry: false,
     enabled: !!address,
@@ -28450,7 +28492,7 @@ function ConnectWalletButton(props) {
     queryFn: getUserProfile
   });
   const displayName = profile?.nicknameDisplay || profile?.displayName || import_auth21.jwtTokenManager.getDisplayName();
-  const indicators = (0, import_react93.useMemo)(() => {
+  const indicators = (0, import_react94.useMemo)(() => {
     const userId = session?.mpcUserId;
     if (!userId) return { server: false, local: false, backup: false };
     const server = import_auth21.jwtTokenManager.getHasKeyshare() ?? false;
@@ -28632,7 +28674,7 @@ var useActiveChainId = () => useSession((st) => st.activeChainId);
 var useHydrated = () => useSession((st) => st.hasHydrated);
 
 // src/hooks/useOpenPage.ts
-var import_react94 = require("react");
+var import_react95 = require("react");
 init_SessionContext();
 init_useLayoutDataStore();
 function useOpenPage() {
@@ -28640,7 +28682,7 @@ function useOpenPage() {
   const setPage = useLayoutDataStore((st) => st.setPage);
   const setPageParams = useLayoutDataStore((st) => st.setPageParams);
   const address = useSession((st) => st.address);
-  const open = (0, import_react94.useCallback)(
+  const open = (0, import_react95.useCallback)(
     (passportPage, params) => {
       if (!address) return setPage("auth" /* AUTH */);
       if (!!address && passportPage === "auth" /* AUTH */) return setPage("manage-wallet" /* MANAGE_WALLET */);
@@ -28649,7 +28691,7 @@ function useOpenPage() {
     },
     [setPage, setPageParams, address]
   );
-  const close = (0, import_react94.useCallback)(() => setPage(null), [setPage]);
+  const close = (0, import_react95.useCallback)(() => setPage(null), [setPage]);
   return { open, close, isOpen: page !== null };
 }
 
@@ -28725,10 +28767,10 @@ var React12 = __toESM(require("react"), 1);
 // src/clients/bundler/getUserOperationByHash.ts
 init_SessionContext();
 var import_core3 = require("@embarkai/core");
-var import_read19 = require("@embarkai/core/read");
+var import_read20 = require("@embarkai/core/read");
 async function getUserOperationByHash(userOpHash, chainId) {
   const targetChainId = chainId ?? requireActiveChainId();
-  const chainConfig = (0, import_read19.getChainConfig)(targetChainId);
+  const chainConfig = (0, import_read20.getChainConfig)(targetChainId);
   if (!chainConfig) {
     throw new Error(`Chain ${targetChainId} is not supported`);
   }
@@ -28760,10 +28802,10 @@ async function getUserOperationByHash(userOpHash, chainId) {
 // src/clients/bundler/getUserOperationReceipt.ts
 init_SessionContext();
 var import_core4 = require("@embarkai/core");
-var import_read20 = require("@embarkai/core/read");
+var import_read21 = require("@embarkai/core/read");
 async function getUserOperationReceipt(userOpHash, chainId) {
   const targetChainId = chainId ?? requireActiveChainId();
-  const chainConfig = (0, import_read20.getChainConfig)(targetChainId);
+  const chainConfig = (0, import_read21.getChainConfig)(targetChainId);
   if (!chainConfig) {
     throw new Error(`Chain ${targetChainId} is not supported`);
   }
@@ -29186,14 +29228,14 @@ var Hash = ({
 };
 
 // src/internal/components/TransactionsMenu/TransactionsList.tsx
-var import_react95 = require("react");
+var import_react96 = require("react");
 init_base();
 var import_jsx_runtime133 = require("react/jsx-runtime");
 var TransactionsList = ({ address, itemsCount = 10 }) => {
-  const [transactions, setTransactions] = (0, import_react95.useState)([]);
-  const [loading, setLoading] = (0, import_react95.useState)(true);
-  const [error, setError] = (0, import_react95.useState)(null);
-  (0, import_react95.useEffect)(() => {
+  const [transactions, setTransactions] = (0, import_react96.useState)([]);
+  const [loading, setLoading] = (0, import_react96.useState)(true);
+  const [error, setError] = (0, import_react96.useState)(null);
+  (0, import_react96.useEffect)(() => {
     const fetchTransactions2 = async () => {
       try {
         setLoading(true);
@@ -29514,13 +29556,13 @@ function useUserOpStatus(options = {}) {
 init_useErc3643Compliance();
 
 // src/hooks/useWalletMode.ts
-var import_react96 = require("react");
+var import_react97 = require("react");
 init_useExternalWalletStore();
 function useWalletMode() {
   const configMode = useExternalWalletStore((st) => st.configMode);
   const activeMode = useExternalWalletStore((st) => st.activeMode);
   const setActiveMode = useExternalWalletStore((st) => st.setActiveMode);
-  const switchMode = (0, import_react96.useCallback)(
+  const switchMode = (0, import_react97.useCallback)(
     (mode) => {
       if (configMode !== "both") return;
       setActiveMode(mode);
@@ -29536,7 +29578,7 @@ function useWalletMode() {
 }
 
 // src/hooks/useDirectWallet.ts
-var import_react97 = require("react");
+var import_react98 = require("react");
 var import_rainbowkit6 = require("@rainbow-me/rainbowkit");
 var import_wagmi12 = require("wagmi");
 init_useExternalWalletStore();
@@ -29550,13 +29592,13 @@ function useDirectWallet() {
   const { disconnect: wagmiDisconnect } = (0, import_wagmi12.useDisconnect)();
   const { openConnectModal } = (0, import_rainbowkit6.useConnectModal)();
   const setIsWalletLinking = useLayoutDataStore((st) => st.setIsWalletLinking);
-  const connect = (0, import_react97.useCallback)(() => {
+  const connect = (0, import_react98.useCallback)(() => {
     setIsWalletLinking(true);
   }, [setIsWalletLinking]);
-  const reconnect = (0, import_react97.useCallback)(() => {
+  const reconnect = (0, import_react98.useCallback)(() => {
     if (openConnectModal) openConnectModal();
   }, [openConnectModal]);
-  const disconnect = (0, import_react97.useCallback)(() => {
+  const disconnect = (0, import_react98.useCallback)(() => {
     wagmiDisconnect();
     clearExternalWallet();
   }, [wagmiDisconnect, clearExternalWallet]);
@@ -29572,7 +29614,7 @@ function useDirectWallet() {
 }
 
 // src/hooks/useSendDirectTransaction.ts
-var import_react98 = require("react");
+var import_react99 = require("react");
 var import_viem21 = require("viem");
 var import_wagmi13 = require("wagmi");
 init_useExternalWalletStore();
@@ -29581,10 +29623,10 @@ function useSendDirectTransaction() {
   const externalChainId = useExternalWalletStore((st) => st.externalChainId);
   const { sendTransactionAsync } = (0, import_wagmi13.useSendTransaction)();
   const { switchChainAsync } = (0, import_wagmi13.useSwitchChain)();
-  const [isPending, setIsPending] = (0, import_react98.useState)(false);
-  const [error, setError] = (0, import_react98.useState)(null);
-  const [txHash, setTxHash] = (0, import_react98.useState)(null);
-  const sendTransaction = (0, import_react98.useCallback)(
+  const [isPending, setIsPending] = (0, import_react99.useState)(false);
+  const [error, setError] = (0, import_react99.useState)(null);
+  const [txHash, setTxHash] = (0, import_react99.useState)(null);
+  const sendTransaction = (0, import_react99.useCallback)(
     async (params) => {
       if (!isConnected) {
         setError("No external wallet connected");
@@ -29618,7 +29660,7 @@ function useSendDirectTransaction() {
     },
     [isConnected, externalChainId, sendTransactionAsync, switchChainAsync]
   );
-  const reset = (0, import_react98.useCallback)(() => {
+  const reset = (0, import_react99.useCallback)(() => {
     setError(null);
     setTxHash(null);
     setIsPending(false);
@@ -29627,7 +29669,7 @@ function useSendDirectTransaction() {
 }
 
 // src/hooks/useTransferToLinkedWallet.ts
-var import_react99 = require("react");
+var import_react100 = require("react");
 var import_viem22 = require("viem");
 init_SessionContext();
 init_account2();
@@ -29646,14 +29688,14 @@ var ERC20_TRANSFER_ABI2 = [
 function useTransferToLinkedWallet() {
   const session = useSession((st) => st.session);
   const { profiles } = useLinkedProfiles();
-  const [isPending, setIsPending] = (0, import_react99.useState)(false);
-  const [error, setError] = (0, import_react99.useState)(null);
-  const [userOpHash, setUserOpHash] = (0, import_react99.useState)(null);
-  const linkedWallets = (0, import_react99.useMemo)(
+  const [isPending, setIsPending] = (0, import_react100.useState)(false);
+  const [error, setError] = (0, import_react100.useState)(null);
+  const [userOpHash, setUserOpHash] = (0, import_react100.useState)(null);
+  const linkedWallets = (0, import_react100.useMemo)(
     () => (profiles || []).filter((p) => p.provider === "wallet" && p.externalId).map((p) => p.externalId),
     [profiles]
   );
-  const transfer = (0, import_react99.useCallback)(
+  const transfer = (0, import_react100.useCallback)(
     async (params) => {
       if (!session) {
         setError("No active session");
@@ -29704,7 +29746,7 @@ function useTransferToLinkedWallet() {
     },
     [session, linkedWallets]
   );
-  const reset = (0, import_react99.useCallback)(() => {
+  const reset = (0, import_react100.useCallback)(() => {
     setError(null);
     setUserOpHash(null);
     setIsPending(false);
@@ -29728,13 +29770,13 @@ function useNativeWalletSignature() {
 
 // src/hooks/useLogout.ts
 var import_auth23 = require("@embarkai/core/auth");
-var import_react100 = require("react");
+var import_react101 = require("react");
 init_ProviderContext();
 init_SessionContext();
 function useLogout() {
   const { setSession, setIsLoading, setAddress, setStatus, setError, address } = useSession();
   const { callbacksRef } = useProviderConfig();
-  const logout2 = (0, import_react100.useCallback)(async () => {
+  const logout2 = (0, import_react101.useCallback)(async () => {
     const prevAddress = address;
     let userId = null;
     setIsLoading(true);
@@ -29780,12 +29822,12 @@ init_useBlockscoutAssets();
 
 // src/modules/transactions.ts
 init_SessionContext();
-var import_read21 = require("@embarkai/core/read");
+var import_read22 = require("@embarkai/core/read");
 var import_viem23 = require("viem");
 var import_wagmi15 = require("wagmi");
 function useTransactions() {
   const chainId = requireActiveChainId();
-  const viemChain = (0, import_read21.getViemChain)(chainId);
+  const viemChain = (0, import_read22.getViemChain)(chainId);
   const publicClient = (0, import_wagmi15.usePublicClient)({ chainId });
   const { data: walletClient } = (0, import_wagmi15.useWalletClient)();
   const { address } = (0, import_wagmi15.useAccount)();
@@ -29846,7 +29888,7 @@ function useTransactions() {
 
 // src/modules/assets.ts
 init_SessionContext();
-var import_react101 = __toESM(require("react"), 1);
+var import_react102 = __toESM(require("react"), 1);
 var import_viem24 = require("viem");
 var import_wagmi16 = require("wagmi");
 var COMMON_TOKENS = [
@@ -30002,7 +30044,7 @@ function useTokenBalance(tokenAddress, userAddress) {
     }
   });
   const { tokenInfo } = useTokenInfo(tokenAddress);
-  const formattedBalance = import_react101.default.useMemo(() => {
+  const formattedBalance = import_react102.default.useMemo(() => {
     if (!balance || !tokenInfo) return "0";
     return (0, import_viem24.formatUnits)(balance, tokenInfo.decimals);
   }, [balance, tokenInfo]);