@embarkai/ui-kit 0.4.51 → 0.4.53

package/dist/index.js

@@ -805,7 +805,7 @@ var init_iframe_mpc_client = __esm({
 
 // src/internal/constants.ts
 import { Key, Mail, Wallet2 } from "lucide-react";
-var LOCAL_COLOR_MODE_KEY, LOOCAL_BACKUP_STATUS_KEY, DEFAULT_AUTH_MENU_HEIGHT, DEFAULT_MAIN_MENU_HEIGHT, MAX_CONTENT_HEIGHT, MAIN_DIALOG_ANIMATION_SPEED, Y_ANIMATION_SETUP, BLOCKSCOUT_QUERY_STALE_TIME, BLOCKSCOUT_QUERY_GC_TIME, BLOCKSCOUT_REFRESH_DEBOUNCE, IPFS_GATEWAY, PROVIDERS_META;
+var LOCAL_COLOR_MODE_KEY, LOOCAL_BACKUP_STATUS_KEY, DEFAULT_AUTH_MENU_HEIGHT, DEFAULT_MAIN_MENU_HEIGHT, MAX_CONTENT_HEIGHT, MAIN_DIALOG_ANIMATION_SPEED, Y_ANIMATION_SETUP, BLOCKSCOUT_QUERY_STALE_TIME, BLOCKSCOUT_QUERY_GC_TIME, BLOCKSCOUT_REFRESH_DEBOUNCE, IPFS_GATEWAY, PROVIDERS_META, WRAPPED_TOKENS;
 var init_constants = __esm({
   "src/internal/constants.ts"() {
     init_assets();
@@ -831,6 +831,7 @@ var init_constants = __esm({
       // Alias for twitter (API uses 'x')
       wallet: { name: "Wallet", icon: Wallet2, description: "External wallet (EOA)" }
     };
+    WRAPPED_TOKENS = ["WETH", "WBTC", "WBNB", "WLUMIA"];
   }
 });
 
@@ -11429,7 +11430,7 @@ function ChainItem(props) {
                 children: name
               }
             ),
-            /* @__PURE__ */ jsx51(Badge, { variant: "secondary", children: badge })
+            /* @__PURE__ */ jsx51(Badge, { variant: badge.toLowerCase() === "mainnet" ? "success" : "secondary", children: badge })
           ] }),
           isActiveChain && paymasterAddress && /* @__PURE__ */ jsxs45("div", { className: "flex items-center gap-[var(--ui-kit-gap)] text-xs", children: [
             /* @__PURE__ */ jsx51("span", { className: "flex-none uppercase", children: "Paymaster" }),
@@ -11554,7 +11555,7 @@ function ChainsMenu() {
           /* @__PURE__ */ jsx52(
             Switch,
             {
-              labels: { checked: "ALL", unchecked: "MAINNETS" },
+              labels: { checked: "MAINNETS", unchecked: "ALL" },
               checked: isTestnets,
               onChange: () => setIsTestnets(!isTestnets)
             }
@@ -17825,7 +17826,7 @@ var init_BalanceView2 = __esm({
 });
 
 // src/internal/components/PortfolioMenu/PortfolioItem.tsx
-import { useQuery as useQuery16, useQueryClient as useQueryClient19 } from "@tanstack/react-query";
+import { useQuery as useQuery16 } from "@tanstack/react-query";
 import { LoaderIcon as LoaderIcon7, ShieldAlertIcon, SparklesIcon } from "lucide-react";
 import { formatUnits as formatUnits5 } from "viem";
 import { Fragment as Fragment30, jsx as jsx83, jsxs as jsxs77 } from "react/jsx-runtime";
@@ -17844,6 +17845,9 @@ function isSecurityToken(asset) {
   if (!("type" in asset)) return false;
   return asset.type === "erc3643";
 }
+function isProjectAssetConfig(asset) {
+  return "balanceQueryKey" in asset && "balanceQuery" in asset;
+}
 function isAssetRateAvailable(symbol) {
   switch (symbol) {
     // list of prohibited symbols without market data on Binance
@@ -17856,7 +17860,7 @@ function isAssetRateAvailable(symbol) {
   }
 }
 function checkWrapedTokenSymbol(symbol) {
-  if (WRAPPED_SYMBOLS.includes(symbol)) {
+  if (WRAPPED_TOKENS.includes(symbol)) {
     return symbol.slice(1);
   }
   return symbol.toUpperCase();
@@ -17927,11 +17931,17 @@ function PortfolioItemImage(props) {
 function PortfolioItem(props) {
   const { address, asset, isProjectAsset } = props;
   const providerConfig = useProviderConfig().config.current;
-  const { assets: projectAssets, showBalanceAs: showBalanceAsSymbol } = providerConfig.projectAssets || {};
   const customAssetRateQuery = providerConfig.portfolio?.assetRateQuery;
-  const qc = useQueryClient19();
-  const { balanceQueryKey } = projectAssets?.find((a) => a.symbol === showBalanceAsSymbol) || {};
-  const projectAssetBalance = !!balanceQueryKey ? qc.getQueryData(balanceQueryKey) : null;
+  const projectAssetQuery = isProjectAsset && isProjectAssetConfig(asset) ? {
+    queryKey: asset.balanceQueryKey,
+    queryFn: asset.balanceQuery
+  } : void 0;
+  const { data: projectAssetBalance } = useQuery16({
+    enabled: !!projectAssetQuery,
+    retry: false,
+    queryKey: projectAssetQuery?.queryKey ?? ["project-asset-balance-disabled", asset.symbol],
+    queryFn: async () => projectAssetQuery?.queryFn() ?? null
+  });
   const isNft = isNftAsset(asset);
   const isSecurity = isSecurityToken(asset);
   const embeddedRate = Number(asset.exchangeRateUsd || 0);
@@ -17944,8 +17954,8 @@ function PortfolioItem(props) {
     // customAssetRateQueryKey
     queryFn: async () => await resolveAssetRate(asset.symbol, asset.address, customAssetRateQuery)
   });
-  const showProjectFiatBalance = isProjectAsset && !!projectAssetBalance?.fiatFormatted;
-  const renderBalance = showProjectFiatBalance ? projectAssetBalance?.fiatFormatted || 0 : Number(formatUnits5(BigInt(asset?.balance || "0"), asset?.decimals || 18));
+  const hasProjectAssetBalance = isProjectAsset && projectAssetBalance != null;
+  const renderBalance = hasProjectAssetBalance ? projectAssetBalance.cryptoFormatted : Number(formatUnits5(BigInt(asset?.balance || "0"), asset?.decimals || 18));
   const resolvedRate = hasEmbeddedRate ? embeddedRate : Number(assetRate?.price || 0);
   const usdRenderBalance = resolvedRate > 0 ? renderBalance * resolvedRate : 0;
   const shortContractAddress = asset.address ? truncateMiddle(asset.address, 6, 4) : null;
@@ -18008,10 +18018,11 @@ function PortfolioItem(props) {
     }
   );
 }
-var WRAPPED_SYMBOLS, SKIP_SYMBOLS2, ASSETS_RATES_QUERY_KEY;
+var SKIP_SYMBOLS2, ASSETS_RATES_QUERY_KEY;
 var init_PortfolioItem = __esm({
   "src/internal/components/PortfolioMenu/PortfolioItem.tsx"() {
     init_ProviderContext();
+    init_constants();
     init_no_image();
     init_tokens();
     init_base2();
@@ -18019,21 +18030,20 @@ var init_PortfolioItem = __esm({
     init_utils2();
     init_truncateMiddle();
     init_BalanceView2();
-    WRAPPED_SYMBOLS = ["WETH", "WBTC", "WBNB", "WLUMIA"];
     SKIP_SYMBOLS2 = ["TEST"];
     ASSETS_RATES_QUERY_KEY = "lumia-passport-assets-rates-query-key";
   }
 });
 
 // src/internal/components/PortfolioMenu/PortfolioMenu.tsx
-import { useQueryClient as useQueryClient20 } from "@tanstack/react-query";
+import { useQueryClient as useQueryClient19 } from "@tanstack/react-query";
 import { AlertCircle as AlertCircle4, ArrowLeft as ArrowLeft16, Gem, Loader as Loader19, RefreshCw as RefreshCw2 } from "lucide-react";
 import { useCallback as useCallback23 } from "react";
 import { jsx as jsx84, jsxs as jsxs78 } from "react/jsx-runtime";
 function PortfolioMenu() {
   const { assets: projectAssets = [] } = useProviderConfig().config.current?.projectAssets || {};
   const { t } = useT();
-  const qc = useQueryClient20();
+  const qc = useQueryClient19();
   const address = useSession((st) => st.address);
   const setPage = useLayoutDataStore((st) => st.setPage);
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
@@ -18329,17 +18339,11 @@ var init_ReceiveMenu2 = __esm({
 });
 
 // src/internal/components/SecurityMenu/constants.ts
-var KEYSHARE_RECOVERY_STATS_QUERY, CONNECTED_TRUSTED_APPS_QUERY, WELL_KNOWN_PROJECTS;
+var KEYSHARE_RECOVERY_STATS_QUERY, CONNECTED_TRUSTED_APPS_QUERY;
 var init_constants5 = __esm({
   "src/internal/components/SecurityMenu/constants.ts"() {
     KEYSHARE_RECOVERY_STATS_QUERY = "keyshare-recovery-stats-query";
     CONNECTED_TRUSTED_APPS_QUERY = "connected-trusted-apps-query";
-    WELL_KNOWN_PROJECTS = {
-      //   '327733f6-2e85-4afc-a505-e2c55d0a2659': 'https://staging-hub.lumia.org',
-      "11062797-f0a6-4737-bad8-086d1125dde1": "https://parlay.money",
-      "f7a70f92-58e9-4fe9-b713-61c27a24e3d6": "https://embark-demo-dapp.pages.dev"
-      // https://account.embarkai.io
-    };
   }
 });
 
@@ -18399,7 +18403,7 @@ import { Fragment as Fragment32, jsx as jsx86, jsxs as jsxs80 } from "react/jsx-
 function Application(props) {
   const { projectId, logo, name, appUrl, trustedAuthorizedApp, firstConnectedAt, untrustApp } = props;
   const { t } = useT();
-  const projectUrl = appUrl || WELL_KNOWN_PROJECTS[projectId] || null;
+  const projectUrl = appUrl || null;
   return /* @__PURE__ */ jsxs80(
     "div",
     {
@@ -18512,7 +18516,6 @@ var init_ConnectedApps = __esm({
     init_i18n();
     init_button();
     init_highlight();
-    init_constants5();
     init_hooks2();
   }
 });
@@ -18755,12 +18758,12 @@ var init_UntrustApplication = __esm({
 });
 
 // src/internal/components/SecurityMenu/SecurityMenu.tsx
-import { useMutation as useMutation17, useQueryClient as useQueryClient21 } from "@tanstack/react-query";
+import { useMutation as useMutation17, useQueryClient as useQueryClient20 } from "@tanstack/react-query";
 import { ArrowLeft as ArrowLeft18 } from "lucide-react";
 import { useState as useState24 } from "react";
 import { jsx as jsx91, jsxs as jsxs85 } from "react/jsx-runtime";
 function SecurityMenu() {
-  const qc = useQueryClient21();
+  const qc = useQueryClient20();
   const { t } = useT();
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
   const setPage = useLayoutDataStore((st) => st.setPage);
@@ -19376,7 +19379,6 @@ function useAvailableSenders() {
       return;
     }
     lastCalcedSenders.current = sendersAccumulator.map((s) => `${s.name}-${s.address}`);
-    console.info("[SENDER SELECTOR] setting bridge senders", sendersAccumulator);
     useBridgeStore.getState().setBridgeSenders(sendersAccumulator);
     useFlowSelectorStore.getState().setRenderKey(`sender-selected-${Date.now()}`);
   }, [address, profiles]);
@@ -19776,11 +19778,11 @@ var init_useOperationHashesStore = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/hooks/useBridge.ts
-import { useMutation as useMutation19, useQueryClient as useQueryClient22 } from "@tanstack/react-query";
+import { useMutation as useMutation19, useQueryClient as useQueryClient21 } from "@tanstack/react-query";
 import { useCallback as useCallback26 } from "react";
 import { useSwitchChain, useWalletClient } from "wagmi";
 function useBridge() {
-  const qc = useQueryClient22();
+  const qc = useQueryClient21();
   const { t } = useT();
   const address = useSession((st) => st.address);
   const { data: walletClient } = useWalletClient();
@@ -19995,7 +19997,11 @@ function useHyperlaneRoutes() {
     retry: false,
     enabled: !!address && page === "send" /* SEND */ && flow === "bridge",
     queryKey: [HYPERLANE_WARP_ROUTES_QUERY_KEY, address],
-    queryFn: async () => getHyperlaneWarpRoutes()
+    queryFn: async () => {
+      const warpRoutes = await getHyperlaneWarpRoutes();
+      useFlowSelectorStore.getState().setRenderKey(`hyperlane-bridge-warp-routes-loaded-${Date.now()}`);
+      return warpRoutes;
+    }
   });
   useEffect35(() => {
     if (!errorWarpRoutes) return;
@@ -20096,12 +20102,18 @@ var init_ResolveChainIcon = __esm({
 
 // src/internal/components/SendMenu/hyperbridge/hooks/useBridgeBalance.ts
 import { CHAINS_BROWSERS_TRANSPORTS as CHAINS_BROWSERS_TRANSPORTS2 } from "@embarkai/core";
-import { useQuery as useQuery20, useQueryClient as useQueryClient23 } from "@tanstack/react-query";
+import { useQuery as useQuery20, useQueryClient as useQueryClient22 } from "@tanstack/react-query";
 import { useCallback as useCallback27, useEffect as useEffect37 } from "react";
 import { createPublicClient as createPublicClient2, erc20Abi as erc20Abi2, formatUnits as formatUnits7, http as http3 } from "viem";
 import { useSwitchChain as useSwitchChain2 } from "wagmi";
+function checkWrapedTokenSymbol2(symbol) {
+  if (WRAPPED_TOKENS.includes(symbol)) {
+    return symbol.slice(1);
+  }
+  return symbol.toUpperCase();
+}
 function useBridgeBalance(hyperlaneWarpRoutes) {
-  const qc = useQueryClient23();
+  const qc = useQueryClient22();
   const { t } = useT();
   const address = useSession((st) => st.address);
   const directWalletAddress = useExternalWalletStore((st) => st.externalAddress);
@@ -20125,7 +20137,7 @@ function useBridgeBalance(hyperlaneWarpRoutes) {
     enabled: bridgeSender === "embarkai-wallet" && !!selectedWarpRoute && !!address && !!originChain,
     address
   });
-  const embarkTokenBalanace = assets.find((a) => a.symbol === selectedWarpRoute?.symbol);
+  const embarkTokenBalanace = assets.find((a) => selectedWarpRoute?.symbol === checkWrapedTokenSymbol2(a.symbol));
   const originChainMeta = CHAINS_UI_META[originChain];
   const isSelectedTokenNative = selectedWarpRoute?.symbol?.toUpperCase() === originChainMeta?.chain?.nativeCurrency?.symbol?.toUpperCase();
   const { data: externalBalanceData, isLoading: isExternalBalanceLoading } = useQuery20({
@@ -20236,6 +20248,7 @@ function useBridgeBalance(hyperlaneWarpRoutes) {
 var EXTERNAL_WALLET_BRIDGING_BALANCE_QUERY, EXTERNAL_WALLET_BRIDGING_NATIVE_BALANCE_QUERY;
 var init_useBridgeBalance = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useBridgeBalance.ts"() {
+    init_constants();
     init_SessionContext();
     init_i18n();
     init_useBlockscoutAssets();
@@ -20254,10 +20267,10 @@ import { ArrowLeftRightIcon, ArrowRightLeftIcon, LoaderIcon as LoaderIcon9, Wall
 import { Fragment as Fragment35 } from "react";
 import { Fragment as Fragment36, jsx as jsx96, jsxs as jsxs89 } from "react/jsx-runtime";
 function SelectStep(props) {
-  const { swapChains, hyperlaneWarpRoutes, isLoadingWarpRoutes, handleQuoteEstimation } = props;
+  const { swapChains, hyperlaneWarpRoutes = [], isLoadingWarpRoutes, handleQuoteEstimation } = props;
   const { t } = useT();
   const {
-    bridgeSenders,
+    bridgeSenders = [],
     bridgeSender,
     originChain,
     destinationChain,
@@ -20761,7 +20774,7 @@ var init_SuccessStep = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/steps/HistoryStep.tsx
-import { useQueryClient as useQueryClient24 } from "@tanstack/react-query";
+import { useQueryClient as useQueryClient23 } from "@tanstack/react-query";
 import dayjs7 from "dayjs";
 import { ArrowRightIcon, DownloadIcon as DownloadIcon2, ExternalLinkIcon as ExternalLinkIcon3, InfoIcon as InfoIcon4, LoaderIcon as LoaderIcon11 } from "lucide-react";
 import { jsx as jsx100, jsxs as jsxs92 } from "react/jsx-runtime";
@@ -20882,7 +20895,7 @@ function HistoryItem(props) {
     txStatus
   } = props;
   const { t } = useT();
-  const qc = useQueryClient24();
+  const qc = useQueryClient23();
   const address = useSession((st) => st.address);
   const warpRoutes = qc.getQueryData([HYPERLANE_WARP_ROUTES_QUERY_KEY, address]);
   const assetWarpRoute = warpRoutes?.find((route) => {
@@ -21165,12 +21178,11 @@ function HyperlaneBridge() {
   const { hyperlaneWarpRoutes, isLoadingWarpRoutes } = useHyperlaneRoutes();
   const { directWalletProfile } = useAvailableSenders();
   useMenuTitle(hyperlaneWarpRoutes);
-  useEffect38(
-    () => () => {
+  useEffect38(() => {
+    return () => {
       useBridgeStore.getState().resetSelections();
-    },
-    []
-  );
+    };
+  }, []);
   return /* @__PURE__ */ jsxs94(Fragment38, { children: [
     bridgeStep === "sender-selector" && /* @__PURE__ */ jsx102(SenderSelector, { directWalletProfile }),
     bridgeStep === "select" && /* @__PURE__ */ jsx102(
@@ -21321,7 +21333,7 @@ var init_useErc3643Compliance = __esm({
 
 // src/hooks/useNicknameResolve.ts
 import { useQuery as useQuery21 } from "@tanstack/react-query";
-import { useState as useState28, useEffect as useEffect39, useMemo as useMemo14 } from "react";
+import { useEffect as useEffect39, useMemo as useMemo14, useState as useState28 } from "react";
 function looksLikeNickname(input) {
   if (!input) return false;
   if (input.startsWith("0x")) return false;
@@ -21352,7 +21364,7 @@ function useNicknameResolve(input, options) {
   }, [normalized, isNicknameInput, enabled]);
   const query = useQuery21({
     queryKey: [...QUERY_KEYS.nicknameResolve(debouncedInput), chainId],
-    queryFn: () => resolveNickname(debouncedInput, chainId),
+    queryFn: async () => await resolveNickname(debouncedInput, chainId),
     enabled: enabled && isNicknameInput && debouncedInput.length > 0,
     staleTime: 1e3 * 60 * 5,
     // 5 minutes - addresses don't change often
@@ -21388,8 +21400,8 @@ var init_useNicknameResolve = __esm({
   "src/hooks/useNicknameResolve.ts"() {
     init_nickname();
     init_profile();
-    init_nickname_validation();
     init_nickname_fingerprint();
+    init_nickname_validation();
     DEBOUNCE_MS2 = 300;
   }
 });
@@ -21833,79 +21845,84 @@ var init_AssetList = __esm({
 });
 
 // src/internal/components/SendMenu/send/components/NicknameData.tsx
-import { AlertCircle as AlertCircle5, AlertTriangle as AlertTriangle6, AtSign as AtSign2, CheckCircle2 as CheckCircle24, ShieldAlert, ShieldCheck as ShieldCheck2 } from "lucide-react";
+import { AtSign as AtSign2, CheckCircle2 as CheckCircle24, ShieldAlert, ShieldCheck as ShieldCheck2 } from "lucide-react";
+import { useEffect as useEffect40 } from "react";
 import { jsx as jsx107, jsxs as jsxs98 } from "react/jsx-runtime";
 function NicknameData(props) {
   const { resolvedNicknameData, isNicknameInput } = props;
   const {
+    data: nicknameData,
     resolvedAddress,
     isResolving,
+    isFingerprintVerified,
     isNotFound,
     isWalletNotSetup,
-    isFrozen,
-    isFingerprintVerified,
-    data: nicknameData
+    isFrozen
   } = resolvedNicknameData;
-  if (!isNicknameInput) return null;
-  if (resolvedAddress && !isResolving && nicknameData)
-    return /* @__PURE__ */ jsxs98("div", { className: "flex items-center gap-[var(--ui-kit-gap)] rounded-[var(--ui-kit-el-bdrs)] px-[var(--ui-kit-gap)]", children: [
-      nicknameData.avatarSvg ? /* @__PURE__ */ jsx107(
-        "img",
+  useEffect40(() => {
+    if (!resolvedNicknameData?.data?.fingerprint || !isNicknameInput) return;
+    useFlowSelectorStore.getState().setRenderKey(`nickname-resolved-${Date.now()}`);
+  }, [resolvedNicknameData, isNicknameInput]);
+  useEffect40(() => {
+    if (isResolving) return;
+    let errMessage = null;
+    switch (true) {
+      case isNotFound:
+        errMessage = "Nickname not found";
+        break;
+      case isWalletNotSetup:
+        errMessage = "This user has not set up wallet yet";
+        break;
+      case isFrozen:
+        errMessage = "This handle is frozen. Proceed with caution.";
+        break;
+      default:
+        errMessage = null;
+    }
+    if (!errMessage) return;
+    useFlowSelectorStore.getState().setError(errMessage);
+  }, [isResolving, isNotFound, isWalletNotSetup, isFrozen]);
+  if (isResolving || !isNicknameInput || !resolvedAddress || !nicknameData) return null;
+  return /* @__PURE__ */ jsxs98("div", { className: "flex items-center gap-[var(--ui-kit-gap)] rounded-[var(--ui-kit-el-bdrs)] px-[var(--ui-kit-gap)]", children: [
+    nicknameData.avatarSvg ? /* @__PURE__ */ jsx107(
+      "img",
+      {
+        src: nicknameData.avatarSvg,
+        alt: nicknameData.handle,
+        className: "w-12 h-12 rounded-full object-cover flex-shrink-0",
+        onError: (e) => {
+          e.currentTarget.onerror = null;
+          e.currentTarget.src = no_image_default;
+        }
+      }
+    ) : /* @__PURE__ */ jsx107("div", { className: "w-12 h-12 rounded-full bg-[var(--ui-kit-secondary)] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx107(AtSign2, { className: "w-5 h-5" }) }),
+    /* @__PURE__ */ jsxs98("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsxs98("div", { className: "flex items-center gap-[var(--ui-kit-gap)] text-[10px] text-[var(--ui-kit-bg-success)]", children: [
+        /* @__PURE__ */ jsx107(CheckCircle24, { className: "w-4 h-4 flex-shrink-0" }),
+        /* @__PURE__ */ jsx107("span", { children: nicknameData.handle })
+      ] }),
+      nicknameData.fingerprint && /* @__PURE__ */ jsxs98(
+        "div",
         {
-          src: nicknameData.avatarSvg,
-          alt: nicknameData.handle,
-          className: "w-12 h-12 rounded-full object-cover flex-shrink-0",
-          onError: (e) => {
-            e.currentTarget.onerror = null;
-            e.currentTarget.src = no_image_default;
-          }
+          className: cn(
+            "flex items-center gap-[var(--ui-kit-gap)] text-[10px]",
+            isFingerprintVerified ? "text-[var(--ui-kit-bg-success)]" : "text-[var(--ui-kit-bg-error)]"
+          ),
+          children: [
+            isFingerprintVerified ? /* @__PURE__ */ jsx107(ShieldCheck2, { className: "w-4 h-4 flex-shrink-0" }) : /* @__PURE__ */ jsx107(ShieldAlert, { className: "w-4 h-4 flex-shrink-0" }),
+            /* @__PURE__ */ jsx107("span", { children: `${resolvedAddress.slice(0, 6)}...${resolvedAddress.slice(-4)} : ` }),
+            /* @__PURE__ */ jsx107("span", { children: isFingerprintVerified ? "Verified" : "FAILED" })
+          ]
         }
-      ) : /* @__PURE__ */ jsx107("div", { className: "w-12 h-12 rounded-full bg-[var(--ui-kit-secondary)] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx107(AtSign2, { className: "w-5 h-5" }) }),
-      /* @__PURE__ */ jsxs98("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsxs98("div", { className: "flex items-center gap-[var(--ui-kit-gap)] text-[10px] text-[var(--ui-kit-bg-success)]", children: [
-          /* @__PURE__ */ jsx107(CheckCircle24, { className: "w-4 h-4 flex-shrink-0" }),
-          /* @__PURE__ */ jsx107("span", { children: nicknameData.handle })
-        ] }),
-        nicknameData.fingerprint && /* @__PURE__ */ jsxs98(
-          "div",
-          {
-            className: cn(
-              "flex items-center gap-[var(--ui-kit-gap)] text-[10px]",
-              isFingerprintVerified ? "text-[var(--ui-kit-bg-success)]" : "text-[var(--ui-kit-bg-error)]"
-            ),
-            children: [
-              isFingerprintVerified ? /* @__PURE__ */ jsx107(ShieldCheck2, { className: "w-4 h-4 flex-shrink-0" }) : /* @__PURE__ */ jsx107(ShieldAlert, { className: "w-4 h-4 flex-shrink-0" }),
-              /* @__PURE__ */ jsx107("span", { children: `${resolvedAddress.slice(0, 6)}...${resolvedAddress.slice(-4)} : ` }),
-              /* @__PURE__ */ jsx107("span", { children: isFingerprintVerified ? "Verified" : "FAILED" })
-            ]
-          }
-        )
-      ] })
-    ] });
-  if (isFrozen && !isResolving) {
-    return /* @__PURE__ */ jsxs98(Highlight, { type: "warning", className: "flex gap-[var(--ui-kit-gap)]", children: [
-      /* @__PURE__ */ jsx107(AlertTriangle6, { className: "w-4 h-4" }),
-      /* @__PURE__ */ jsx107("span", { children: "This handle is frozen. Proceed with caution." })
-    ] });
-  }
-  if (isWalletNotSetup && !isResolving) {
-    return /* @__PURE__ */ jsxs98(Highlight, { type: "error", className: "flex gap-[var(--ui-kit-gap)]", children: [
-      /* @__PURE__ */ jsx107(AlertCircle5, { className: "w-4 h-4" }),
-      /* @__PURE__ */ jsx107("span", { children: "This user has not set up wallet yet" })
-    ] });
-  }
-  if (isNotFound && !isResolving) {
-    return /* @__PURE__ */ jsxs98(Highlight, { type: "error", className: "flex gap-[var(--ui-kit-gap)]", children: [
-      /* @__PURE__ */ jsx107(AlertCircle5, { className: "w-4 h-4" }),
-      /* @__PURE__ */ jsx107("span", { children: "Nickname not found" })
-    ] });
-  }
+      )
+    ] })
+  ] });
 }
 var init_NicknameData = __esm({
   "src/internal/components/SendMenu/send/components/NicknameData.tsx"() {
     init_no_image();
     init_utils2();
-    init_highlight();
+    init_useFlowSelector();
   }
 });
 
@@ -21920,7 +21937,7 @@ var init_components3 = __esm({
 });
 
 // src/internal/components/SendMenu/send/sendSteps/InputSendStep.tsx
-import { AlertCircle as AlertCircle6, AtSign as AtSign3, CheckCircle2 as CheckCircle25, Loader as Loader28, Wallet2 as Wallet24 } from "lucide-react";
+import { AlertCircle as AlertCircle5, AtSign as AtSign3, CheckCircle2 as CheckCircle25, Loader as Loader28, Wallet2 as Wallet24 } from "lucide-react";
 import { formatUnits as formatUnits10, isAddress as isAddress2 } from "viem";
 import { Fragment as Fragment40, jsx as jsx108, jsxs as jsxs99 } from "react/jsx-runtime";
 function InputSendStep(props) {
@@ -22099,7 +22116,7 @@ function InputSendStep(props) {
           /* @__PURE__ */ jsx108(CheckCircle25, { className: "h-4 w-4" }),
           /* @__PURE__ */ jsx108("span", { children: "Transfer compliant" })
         ] }) : /* @__PURE__ */ jsxs99(Fragment40, { children: [
-          /* @__PURE__ */ jsx108(AlertCircle6, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx108(AlertCircle5, { className: "h-4 w-4" }),
           /* @__PURE__ */ jsx108("span", { children: complianceError || "Transfer not allowed" })
         ] })
       }
@@ -22135,17 +22152,12 @@ var init_InputSendStep = __esm({
 });
 
 // src/internal/components/SendMenu/send/sendSteps/ConfirmSendStep.tsx
-import { AlertTriangle as AlertTriangle7, AtSign as AtSign4, Loader as Loader29, Shield as Shield2, ShieldAlert as ShieldAlert2, ShieldCheck as ShieldCheck3 } from "lucide-react";
+import { useMutation as useMutation20 } from "@tanstack/react-query";
+import { AlertTriangle as AlertTriangle6, AtSign as AtSign4, Loader as Loader29, Shield as Shield2, ShieldAlert as ShieldAlert2, ShieldCheck as ShieldCheck3 } from "lucide-react";
 import { Fragment as Fragment41, jsx as jsx109, jsxs as jsxs100 } from "react/jsx-runtime";
 function ConfirmSendStep(props) {
-  const {
-    sendTransaction,
-    refreshBalances,
-    erc3643Compliance,
-    isNicknameInput,
-    resolvedNicknameData,
-    isTransactionPending
-  } = props;
+  const { sendTransaction, erc3643Compliance, isNicknameInput, resolvedNicknameData } = props;
+  const { t } = useT();
   const chainConfig = useSession((st) => st.chainConfig);
   const { resolvedAddress, isFrozen, isFingerprintVerified, data: nicknameData } = resolvedNicknameData || {};
   const { canTransfer: erc3643CanTransfer } = erc3643Compliance || {};
@@ -22154,28 +22166,34 @@ function ConfirmSendStep(props) {
   const isNft = isNftAsset3(selectedAsset);
   const isSecurity = isSecurityToken2(selectedAsset);
   const effectiveAddress = isNicknameInput ? resolvedAddress : recipient;
-  const handleConfirm = async () => {
-    if (!effectiveAddress || !selectedAsset) return;
-    setTxStep("pending");
-    const txAmount = isNft ? "1" : amount;
-    const hash = await sendTransaction({
-      to: effectiveAddress,
-      value: txAmount,
-      assetType: selectedAsset.type,
-      tokenAddress: selectedAsset.address,
-      tokenId: selectedAsset.tokenId,
-      decimals: selectedAsset.decimals
-    });
-    if (hash) {
-      setTxStep("success");
-      setTimeout(() => refreshBalances(), 3e3);
-    } else {
-      setTxStep("input");
+  const { mutate: handleConfirm, isPending: isTransactionPending } = useMutation20({
+    mutationFn: async () => {
+      if (!effectiveAddress || !selectedAsset) return;
+      setTxStep("pending");
+      const txAmount = isNft ? "1" : amount;
+      return await sendTransaction({
+        to: effectiveAddress,
+        value: txAmount,
+        assetType: selectedAsset.type,
+        tokenAddress: selectedAsset.address,
+        tokenId: selectedAsset.tokenId,
+        decimals: selectedAsset.decimals
+      });
+    },
+    onSuccess: (hash) => {
+      if (hash) {
+        setTxStep("success");
+      } else {
+        setTxStep("input");
+      }
+    },
+    onError: (error) => {
+      useFlowSelectorStore.getState().setError(error?.message || "Transaction failed");
     }
-  };
+  });
   return /* @__PURE__ */ jsxs100(Fragment41, { children: [
     isNicknameInput && isFrozen && /* @__PURE__ */ jsxs100(Highlight, { type: "warning", className: "flex gap-[var(--ui-kit-gap)]", children: [
-      /* @__PURE__ */ jsx109(AlertTriangle7, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx109(AlertTriangle6, { className: "h-4 w-4" }),
       /* @__PURE__ */ jsx109("span", { children: "This handle is frozen. Proceed with caution." })
     ] }),
     isSecurity && erc3643CanTransfer && /* @__PURE__ */ jsxs100(Highlight, { type: "success", className: "flex gap-[var(--ui-kit-gap)]", children: [
@@ -22238,7 +22256,7 @@ function ConfirmSendStep(props) {
         ] }) : (
           // Fungible token details
           /* @__PURE__ */ jsxs100("div", { className: "flex justify-between leading-5 gap-[var(--ui-kit-gap)]", children: [
-            /* @__PURE__ */ jsx109("span", { className: "text-[10px] text-[var(--ui-kit-fg-muted)]", children: "Amount:" }),
+            /* @__PURE__ */ jsx109("span", { className: "text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:common.amount") }),
             /* @__PURE__ */ jsxs100("span", { className: "text-sm font-bold", children: [
               amount,
               " ",
@@ -22247,7 +22265,7 @@ function ConfirmSendStep(props) {
           ] })
         ),
         /* @__PURE__ */ jsxs100("div", { className: "flex justify-between leading-5 gap-[var(--ui-kit-gap)]", children: [
-          /* @__PURE__ */ jsx109("span", { className: "text-[10px] text-[var(--ui-kit-fg-muted)]", children: "Network:" }),
+          /* @__PURE__ */ jsx109("span", { className: "text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:common.network") }),
           /* @__PURE__ */ jsx109("span", { className: "text-sm font-bold", children: chainConfig.name })
         ] })
       ] })
@@ -22273,7 +22291,7 @@ function ConfirmSendStep(props) {
         ) : (
           // Fungible token details
           /* @__PURE__ */ jsxs100("div", { className: "flex justify-between leading-5 gap-[var(--ui-kit-gap)]", children: [
-            /* @__PURE__ */ jsx109("span", { className: "text-[var(--ui-kit-fg-muted)]", children: "Amount:" }),
+            /* @__PURE__ */ jsx109("span", { className: "text-[var(--ui-kit-fg-muted)]", children: t("passport:common.amount") }),
             /* @__PURE__ */ jsxs100("span", { className: "font-semibold", children: [
               amount,
               " ",
@@ -22282,24 +22300,35 @@ function ConfirmSendStep(props) {
           ] })
         ),
         /* @__PURE__ */ jsxs100("div", { className: "flex justify-between leading-5 gap-[var(--ui-kit-gap)]", children: [
-          /* @__PURE__ */ jsx109("span", { className: "text-[var(--ui-kit-fg-muted)]", children: "Network:" }),
+          /* @__PURE__ */ jsx109("span", { className: "text-[var(--ui-kit-fg-muted)]", children: t("passport:common.network") }),
           /* @__PURE__ */ jsx109("span", { children: chainConfig.name })
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsxs100(Button, { onClick: handleConfirm, disabled: isTransactionPending, className: "w-full", size: "large", children: [
-      isTransactionPending && /* @__PURE__ */ jsx109(Loader29, { className: "h-4 w-4 animate-spin" }),
-      "CONFIRM"
-    ] })
+    /* @__PURE__ */ jsxs100(
+      Button,
+      {
+        onClick: () => handleConfirm(),
+        disabled: isTransactionPending,
+        className: "w-full",
+        size: "large",
+        children: [
+          isTransactionPending && /* @__PURE__ */ jsx109(Loader29, { className: "h-4 w-4 animate-spin" }),
+          t("passport:common.confirm")
+        ]
+      }
+    )
   ] });
 }
 var init_ConfirmSendStep = __esm({
   "src/internal/components/SendMenu/send/sendSteps/ConfirmSendStep.tsx"() {
     init_SessionContext();
+    init_i18n();
     init_priceFormatter();
     init_utils2();
     init_button();
     init_highlight();
+    init_useFlowSelector();
     init_useSendStore();
     init_utils9();
   }
@@ -22315,7 +22344,7 @@ var init_sendSteps = __esm({
 
 // src/internal/components/SendMenu/send/SendMenu.tsx
 import { CheckCircle2 as CheckCircle26, Loader as Loader30 } from "lucide-react";
-import { useEffect as useEffect40, useMemo as useMemo15 } from "react";
+import { useEffect as useEffect41, useMemo as useMemo15 } from "react";
 import { parseUnits as parseUnits2 } from "viem";
 import { Fragment as Fragment42, jsx as jsx110, jsxs as jsxs101 } from "react/jsx-runtime";
 function SendMenu() {
@@ -22325,7 +22354,7 @@ function SendMenu() {
   const { t } = useT();
   const {
     assets,
-    refreshBalances,
+    // refreshBalances,
     isLoading: isAssetsLoading
   } = useBlockscoutAssets({
     address
@@ -22337,10 +22366,10 @@ function SendMenu() {
     userOpHash,
     reset
   } = useSendTransaction();
-  useEffect40(() => {
+  useEffect41(() => {
     useFlowSelectorStore.getState().setIsUiLocked(isAssetsLoading || isTransactionPending);
   }, [isAssetsLoading, isTransactionPending]);
-  useEffect40(() => {
+  useEffect41(() => {
     useFlowSelectorStore.getState().setError(sendTransactionError || null);
   }, [sendTransactionError]);
   const {
@@ -22355,7 +22384,7 @@ function SendMenu() {
   } = useSendStore();
   const isNft = isNftAsset3(selectedAsset);
   const isSecurity = isSecurityToken2(selectedAsset);
-  useEffect40(
+  useEffect41(
     () => () => {
       setSelectedAsset(null);
       setRecipient("");
@@ -22365,13 +22394,15 @@ function SendMenu() {
     },
     []
   );
-  useEffect40(() => {
-    const shouldSetNativeAsset = assets.length > 0 && !selectedAsset;
-    if (!shouldSetNativeAsset) return;
-    const native = assets.find((a) => a.type === "native");
+  useEffect41(() => {
+    const shouldNativeDefaultAsset = assets.length > 0 && !selectedAsset;
+    if (!shouldNativeDefaultAsset) return;
+    const chainNativeCurrency = useSession.getState().chainConfig?.nativeCurrency;
+    const native = assets.find((a) => a.type === "native" && a.symbol === chainNativeCurrency?.symbol);
     if (isBalance(native)) return setSelectedAsset(native);
     const erc20 = assets.find((a) => a.type === "erc20");
     if (isBalance(erc20)) return setSelectedAsset(erc20);
+    setSelectedAsset(assets[0]);
   }, [assets, selectedAsset]);
   const isNicknameInput = looksLikeNickname(recipient);
   const resolvedNicknameData = useNicknameResolve(recipient, { enabled: isNicknameInput, chainId: activeChainId });
@@ -22391,7 +22422,7 @@ function SendMenu() {
     enabled: isSecurity && !!effectiveAddress && !!complianceAmount,
     chainId: activeChainId
   });
-  useEffect40(() => {
+  useEffect41(() => {
     const updateMenuTitle = useFlowSelectorStore.getState().setMenuTitle;
     switch (true) {
       case txStep === "select-asset":
@@ -22429,11 +22460,9 @@ function SendMenu() {
       ConfirmSendStep,
       {
         sendTransaction,
-        refreshBalances,
         erc3643Compliance,
         isNicknameInput,
-        resolvedNicknameData,
-        isTransactionPending
+        resolvedNicknameData
       }
     ),
     txStep === "pending" && /* @__PURE__ */ jsxs101(Highlight, { type: "info", className: "flex gap-[var(--ui-kit-gap)]", children: [
@@ -22484,7 +22513,7 @@ var init_send = __esm({
 
 // src/internal/components/SendMenu/SendFlowSelector.tsx
 import { ArrowLeft as ArrowLeft19, ArrowRightIcon as ArrowRightIcon2, ArrowRightLeftIcon as ArrowRightLeftIcon2, InfoIcon as InfoIcon5 } from "lucide-react";
-import { useEffect as useEffect41 } from "react";
+import { useEffect as useEffect42 } from "react";
 import { jsx as jsx111, jsxs as jsxs102 } from "react/jsx-runtime";
 function SelectorFlowButtons() {
   const { t } = useT();
@@ -22547,7 +22576,7 @@ function SendFlowSelector() {
   const error = useFlowSelectorStore((st) => st.error);
   const menuTitle = useFlowSelectorStore((st) => st.menuTitle);
   const selectorFlow = useFlowSelectorStore((st) => st.flow);
-  useEffect41(
+  useEffect42(
     () => () => {
       useFlowSelectorStore.getState().setError(null);
     },
@@ -22713,7 +22742,7 @@ var init_constants6 = __esm({
 // src/internal/components/SettingsMenu/SettingsMenu.tsx
 import { useQuery as useQuery22 } from "@tanstack/react-query";
 import { ArrowLeft as ArrowLeft20, HardDrive as HardDrive3 } from "lucide-react";
-import { useEffect as useEffect42 } from "react";
+import { useEffect as useEffect43 } from "react";
 import { jsx as jsx112, jsxs as jsxs103 } from "react/jsx-runtime";
 function useSettingsButtons() {
   const config = useProviderConfig().config;
@@ -22732,7 +22761,7 @@ function useSettingsButtons() {
   if (proMode) {
     settingsButtons.push({ id: "devices" /* DEVICES */, name: "Guardians", Icon: HardDrive3 });
   }
-  useEffect42(() => {
+  useEffect43(() => {
     const cssvEl = document.querySelector(".embarkai-ui-scope");
     if (!cssvEl || !window?.getComputedStyle) {
       return;
@@ -23669,12 +23698,12 @@ var init_TransactionsGroup = __esm({
 });
 
 // src/internal/components/TransactionsMenu/TransactionsMenu.tsx
-import { useQuery as useQuery23, useQueryClient as useQueryClient25 } from "@tanstack/react-query";
+import { useQuery as useQuery23, useQueryClient as useQueryClient24 } from "@tanstack/react-query";
 import { ArrowLeft as ArrowLeft22, Loader as Loader31, RefreshCw as RefreshCw3, XCircle } from "lucide-react";
 import { useCallback as useCallback29, useState as useState31 } from "react";
 import { jsx as jsx115, jsxs as jsxs106 } from "react/jsx-runtime";
 function TransactionsMenu() {
-  const qc = useQueryClient25();
+  const qc = useQueryClient24();
   const address = useSession((st) => st.address);
   const chainConfig = useSession((st) => st.chainConfig);
   const { t } = useT();
@@ -23932,7 +23961,7 @@ var init_PageMap = __esm({
 });
 
 // src/internal/hooks/usePageMapper.tsx
-import { useCallback as useCallback30, useEffect as useEffect43 } from "react";
+import { useCallback as useCallback30, useEffect as useEffect44 } from "react";
 import { jsx as jsx116 } from "react/jsx-runtime";
 function usePageMapper() {
   const page = useLayoutDataStore((st) => st.page);
@@ -23965,7 +23994,7 @@ function usePageMapper() {
     },
     [setDialogContent, setDialogDescription, setDialogTitle, setIsDialogOpen]
   );
-  useEffect43(() => {
+  useEffect44(() => {
     if (page === null) return closeDialog();
     const pageItem = PAGE_MAP[page];
     if (!pageItem) {
@@ -23989,7 +24018,7 @@ var init_usePageMapper = __esm({
 
 // src/internal/hooks/useSettingsNotifications.ts
 import { useQuery as useQuery24 } from "@tanstack/react-query";
-import { useEffect as useEffect44 } from "react";
+import { useEffect as useEffect45 } from "react";
 function useSettingsNotifications() {
   const address = useSession((st) => st.address);
   const setSettingsNotifications = useLayoutDataStore((st) => st.setSettingsNotifications);
@@ -24001,14 +24030,14 @@ function useSettingsNotifications() {
     queryKey: [QUERY_KEYS.userProfile, address],
     queryFn: getUserProfile
   });
-  useEffect44(() => {
+  useEffect45(() => {
     const isKYCVerified = userProfile?.kycDetails?.kycStatus === "verified";
     setSettingsNotifications({
       ...COMPLETE_KYC_PROGRESS,
       status: isKYCVerified ? "resolved" : "active"
     });
   }, [userProfile, setSettingsNotifications]);
-  useEffect44(() => {
+  useEffect45(() => {
     setSettingsNotifications({
       ...EMAIL_NOT_CONNECTED_NOTIFICATION,
       status: hasEmail ? "resolved" : "active"
@@ -24041,7 +24070,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.51",
+      version: "0.4.53",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -24142,12 +24171,12 @@ var init_package = __esm({
 });
 
 // src/internal/components/Footer/Footer.tsx
-import { useMutation as useMutation20, useQueryClient as useQueryClient26 } from "@tanstack/react-query";
+import { useMutation as useMutation21, useQueryClient as useQueryClient25 } from "@tanstack/react-query";
 import { Loader as Loader32, LogOut } from "lucide-react";
 import { useDisconnect as useDisconnect3 } from "wagmi";
 import { jsx as jsx117, jsxs as jsxs107 } from "react/jsx-runtime";
 function Footer() {
-  const qc = useQueryClient26();
+  const qc = useQueryClient25();
   const { callbacksRef } = useProviderConfig();
   const { t } = useT();
   const address = useSession((st) => st.address);
@@ -24164,7 +24193,7 @@ function Footer() {
       }
     }
   });
-  const { mutate: disconnect, isPending: isDisconnecting } = useMutation20({
+  const { mutate: disconnect, isPending: isDisconnecting } = useMutation21({
     mutationFn: async (disconnectAddress) => {
       if (!disconnectAddress) throw new Error("No address to disconnect");
       const { setError, setStatus, setIsLoading } = useSession.getState();
@@ -24596,7 +24625,7 @@ var init_visually_hidden = __esm({
 
 // src/internal/components/Dialog/Dialog.tsx
 import { AnimatePresence, motion } from "framer-motion";
-import { useEffect as useEffect45 } from "react";
+import { useEffect as useEffect46 } from "react";
 import { jsx as jsx121, jsxs as jsxs110 } from "react/jsx-runtime";
 function Dialog2() {
   const config = useProviderConfig().config;
@@ -24608,7 +24637,7 @@ function Dialog2() {
   const isWalletLinking = useLayoutDataStore((st) => st.isWalletLinking);
   const setPage = useLayoutDataStore((st) => st.setPage);
   const { colorMode, isDialogOpen, dialogTitle, dialogDescription, dialogContent, isDialogForced, setIsSettings } = useLayoutStore();
-  useEffect45(() => setIsSettings(!!session), [session, setIsSettings]);
+  useEffect46(() => setIsSettings(!!session), [session, setIsSettings]);
   usePageMapper();
   useAutoConnect();
   useBackupStatusChanges();
@@ -24729,11 +24758,11 @@ var init_TssManager = __esm({
 
 // src/internal/components/WalletConnectHandler.tsx
 import { useConnectModal as useConnectModal2 } from "@rainbow-me/rainbowkit";
-import { useMutation as useMutation21, useQueryClient as useQueryClient27 } from "@tanstack/react-query";
-import React27, { useCallback as useCallback33, useEffect as useEffect46 } from "react";
+import { useMutation as useMutation22, useQueryClient as useQueryClient26 } from "@tanstack/react-query";
+import React27, { useCallback as useCallback33, useEffect as useEffect47 } from "react";
 import { useAccount, useDisconnect as useDisconnect4, useSignMessage as useSignMessage2 } from "wagmi";
 function WalletConnectHandler() {
-  const qc = useQueryClient27();
+  const qc = useQueryClient26();
   const { callbacksRef } = useProviderConfig();
   const passportWalletAddress = useSession((st) => st.address);
   const { address: walletAddress, isConnected, chain, connector } = useAccount();
@@ -24785,7 +24814,7 @@ function WalletConnectHandler() {
   const [hasStartedLinking, setHasStartedLinking] = React27.useState(false);
   const [modalWasOpened, setModalWasOpened] = React27.useState(false);
   const [pendingModalOpen, setPendingModalOpen] = React27.useState(false);
-  useEffect46(() => {
+  useEffect47(() => {
     if (isWalletLinking && !hasStartedLinking) {
       console.log("[WalletConnectHandler] Starting wallet link flow:", {
         isConnected,
@@ -24823,18 +24852,18 @@ function WalletConnectHandler() {
     setProviderType,
     walletMode
   ]);
-  useEffect46(() => {
+  useEffect47(() => {
     if (pendingModalOpen && !isConnected && openConnectModal) {
       setPendingModalOpen(false);
       openConnectModal();
     }
   }, [pendingModalOpen, isConnected, openConnectModal]);
-  useEffect46(() => {
+  useEffect47(() => {
     if (connectModalOpen && hasStartedLinking) {
       setModalWasOpened(true);
     }
   }, [connectModalOpen, hasStartedLinking]);
-  useEffect46(() => {
+  useEffect47(() => {
     if (modalWasOpened && !connectModalOpen && !isConnected && isWalletLinking) {
       console.log("[WalletConnectHandler] Modal closed without connecting");
       onLinkingComplete(false);
@@ -24842,7 +24871,7 @@ function WalletConnectHandler() {
       setModalWasOpened(false);
     }
   }, [connectModalOpen, modalWasOpened, isConnected, isWalletLinking]);
-  useEffect46(() => {
+  useEffect47(() => {
     if (isWalletLinking) {
       const timeout = setTimeout(() => {
         console.warn("[WalletConnectHandler] Wallet linking timed out, resetting state");
@@ -24861,7 +24890,7 @@ function WalletConnectHandler() {
     }
   }, [isWalletLinking, setIsWalletLinking, disconnect]);
   const isAuthFlow = !passportWalletAddress;
-  const { mutate: handleWalletSign, isPending: isWalletSigning } = useMutation21({
+  const { mutate: handleWalletSign, isPending: isWalletSigning } = useMutation22({
     mutationFn: async (payload) => {
       const { chainId, signingWalletAddress } = payload;
       if (!signingWalletAddress || !chainId) {
@@ -24962,7 +24991,7 @@ function WalletConnectHandler() {
       setPage(passportWalletAddress ? "manage-wallet" /* MANAGE_WALLET */ : "auth" /* AUTH */);
     }
   });
-  useEffect46(() => {
+  useEffect47(() => {
     if (!!chain?.id && isConnected && walletAddress && isWalletLinking && hasStartedLinking && modalWasOpened && !pendingModalOpen) {
       console.log("[WalletConnectHandler] handleWalletSign triggered");
       if (!passportWalletAddress) {
@@ -24972,7 +25001,7 @@ function WalletConnectHandler() {
       handleWalletSign({ chainId: chain.id, signingWalletAddress: walletAddress });
     }
   }, [chain, isConnected, walletAddress, isWalletLinking, hasStartedLinking, modalWasOpened, pendingModalOpen]);
-  useEffect46(() => {
+  useEffect47(() => {
     if (isConnected && !chain?.id && isWalletLinking && hasStartedLinking && !connectModalOpen && !isWalletSigning) {
       const timeout = setTimeout(() => {
         console.warn("[WalletConnectHandler] Wallet connected but chain info missing, resetting");
@@ -25008,7 +25037,7 @@ var init_WalletConnectHandler = __esm({
 });
 
 // src/internal/components/DirectWalletHandler.tsx
-import { useEffect as useEffect47 } from "react";
+import { useEffect as useEffect48 } from "react";
 import { useAccount as useAccount2 } from "wagmi";
 function DirectWalletHandler() {
   const walletMode = useProviderConfig().config.current?.wallet?.mode || "linked";
@@ -25020,13 +25049,13 @@ function DirectWalletHandler() {
   const setExternalChainId = useExternalWalletStore((st) => st.setExternalChainId);
   const setConfigMode = useExternalWalletStore((st) => st.setConfigMode);
   const setActiveMode = useExternalWalletStore((st) => st.setActiveMode);
-  useEffect47(() => {
+  useEffect48(() => {
     setConfigMode(walletMode);
     if (walletMode !== "both") {
       setActiveMode(walletMode);
     }
   }, [walletMode, setConfigMode, setActiveMode]);
-  useEffect47(() => {
+  useEffect48(() => {
     if (isConnected && address && !isExternalConnected && connector && chain?.id) {
       setExternalWallet({
         address,
@@ -25035,17 +25064,17 @@ function DirectWalletHandler() {
       });
     }
   }, [isConnected, address, isExternalConnected, connector, chain?.id, setExternalWallet]);
-  useEffect47(() => {
+  useEffect48(() => {
     if (isExternalConnected && !isConnected) {
       clearExternalWallet();
     }
   }, [isConnected, isExternalConnected, clearExternalWallet]);
-  useEffect47(() => {
+  useEffect48(() => {
     if (isExternalConnected && isConnected && chain?.id) {
       setExternalChainId(chain.id);
     }
   }, [chain?.id, isConnected, isExternalConnected, setExternalChainId]);
-  useEffect47(() => {
+  useEffect48(() => {
     if (isExternalConnected && isConnected && address && address !== externalAddress && connector && chain?.id) {
       setExternalWallet({
         address,
@@ -27874,7 +27903,7 @@ import {
   createContext,
   useCallback as useCallback34,
   useContext,
-  useEffect as useEffect48,
+  useEffect as useEffect49,
   useMemo as useMemo17,
   useRef as useRef20
 } from "react";
@@ -27897,7 +27926,7 @@ function clearLegacyWagmiStorage() {
 function Provider(props) {
   const { children, projectId, initialConfig = {}, callbacks } = props;
   const callbacksRef = useRef20(callbacks);
-  useEffect48(() => notifyNoProjetctId(projectId), [projectId]);
+  useEffect49(() => notifyNoProjetctId(projectId), [projectId]);
   const config = useRef20(merge3({}, DEFAULT_PROVIDER_CONFIG, { projectId }, initialConfig));
   const updateConfig = useCallback34((updates) => {
     const prev = config.current;
@@ -27938,7 +27967,7 @@ function Provider(props) {
     const next = updates ? { ...prev, ...updates } : void 0;
     callbacksRef.current = next;
   }, []);
-  useEffect48(() => {
+  useEffect49(() => {
     if (typeof window === "undefined" || !projectId) return;
     const mergedConfig = merge3(DEFAULT_PROVIDER_CONFIG, initialConfig);
     updateConfig(mergedConfig);
@@ -27958,7 +27987,7 @@ function Provider(props) {
       useSession.getState().setActiveChainId(mergedConfig.network.chainId);
     }
   }, [projectId, initialConfig]);
-  useEffect48(() => {
+  useEffect49(() => {
     if (typeof window === "undefined" || !projectId) return;
     try {
       initSdkErrorTracking();
@@ -28048,7 +28077,7 @@ init_pro_mode();
 init_utils2();
 import { useQuery as useQuery26 } from "@tanstack/react-query";
 import { Cloud as Cloud4, Laptop as Laptop2, Loader as Loader34, Shield as Shield3 } from "lucide-react";
-import { useEffect as useEffect49, useMemo as useMemo18 } from "react";
+import { useEffect as useEffect50, useMemo as useMemo18 } from "react";
 import { Fragment as Fragment47, jsx as jsx126, jsxs as jsxs112 } from "react/jsx-runtime";
 function getFormattedStatus(label, status, showStatus) {
   const isStatus = showStatus && status && status !== "idle" && status !== "ready";
@@ -28068,7 +28097,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);
-  useEffect49(() => setUsePaymaster(usePaymaster), [setUsePaymaster, usePaymaster]);
+  useEffect50(() => setUsePaymaster(usePaymaster), [setUsePaymaster, usePaymaster]);
   const { data: profile, isLoading: isProfileLoading } = useQuery26({
     retry: false,
     enabled: !!address,
@@ -28351,7 +28380,7 @@ init_useLayoutDataStore();
 init_getUserOperationByHash();
 init_getUserOperationReceipt();
 init_cn();
-import { AlertCircle as AlertCircle8, CheckCircle2 as CheckCircle27, Clock as Clock2, Copy as Copy7, ExternalLink as ExternalLink3, RefreshCw as RefreshCw4 } from "lucide-react";
+import { AlertCircle as AlertCircle6, CheckCircle2 as CheckCircle27, Clock as Clock2, Copy as Copy7, ExternalLink as ExternalLink3, RefreshCw as RefreshCw4 } from "lucide-react";
 import * as React29 from "react";
 
 // src/internal/components/Address.tsx
@@ -28535,19 +28564,19 @@ var UserOpStatus = ({
     if (receipt) {
       const ok = !!receipt.success;
       return /* @__PURE__ */ jsxs114(Badge, { variant: ok ? "success" : "destructive", children: [
-        ok ? /* @__PURE__ */ jsx130(CheckCircle27, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx130(AlertCircle8, { className: "h-3 w-3" }),
+        ok ? /* @__PURE__ */ jsx130(CheckCircle27, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx130(AlertCircle6, { className: "h-3 w-3" }),
         ok ? "Included" : "Failed"
       ] });
     }
     if (rejected) {
       return /* @__PURE__ */ jsxs114(Badge, { variant: "destructive", children: [
-        /* @__PURE__ */ jsx130(AlertCircle8, { className: "h-3 w-3" }),
+        /* @__PURE__ */ jsx130(AlertCircle6, { className: "h-3 w-3" }),
         " Rejected by bundler"
       ] });
     }
     if (timedOut) {
       return /* @__PURE__ */ jsxs114(Badge, { variant: "warning", children: [
-        /* @__PURE__ */ jsx130(AlertCircle8, { className: "h-3 w-3" }),
+        /* @__PURE__ */ jsx130(AlertCircle6, { className: "h-3 w-3" }),
         " Timeout - may be rejected"
       ] });
     }
@@ -28655,16 +28684,16 @@ var UserOpStatus = ({
           ] })
         ] }),
         error && /* @__PURE__ */ jsxs114("div", { className: "text-sm text-destructive flex items-center gap-1 mt-4", children: [
-          /* @__PURE__ */ jsx130(AlertCircle8, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx130(AlertCircle6, { className: "h-4 w-4" }),
           " ",
           error
         ] }),
         rejected && /* @__PURE__ */ jsxs114("div", { className: "text-sm text-destructive flex items-center gap-1 mt-4", children: [
-          /* @__PURE__ */ jsx130(AlertCircle8, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx130(AlertCircle6, { className: "h-4 w-4" }),
           "UserOperation was dropped from bundler mempool. This usually means it was invalid or replaced."
         ] }),
         timedOut && /* @__PURE__ */ jsxs114("div", { className: "text-sm text-destructive flex items-center gap-1 mt-4", children: [
-          /* @__PURE__ */ jsx130(AlertCircle8, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx130(AlertCircle6, { className: "h-4 w-4" }),
           "Stopped polling after ",
           Math.round(maxPollTimeMs / 1e3),
           "s. UserOperation may have been rejected by the bundler."
@@ -28740,13 +28769,13 @@ var Hash = ({
 
 // src/internal/components/TransactionsMenu/TransactionsList.tsx
 init_base2();
-import { useEffect as useEffect51, useState as useState36 } from "react";
+import { useEffect as useEffect52, useState as useState36 } from "react";
 import { jsx as jsx132, jsxs as jsxs116 } from "react/jsx-runtime";
 var TransactionsList = ({ address, itemsCount = 10 }) => {
   const [transactions, setTransactions] = useState36([]);
   const [loading, setLoading] = useState36(true);
   const [error, setError] = useState36(null);
-  useEffect51(() => {
+  useEffect52(() => {
     const fetchTransactions2 = async () => {
       try {
         setLoading(true);
@@ -29615,6 +29644,7 @@ init_tokens();
 init_wallets();
 
 // src/index.ts
+init_constants();
 init_i18n();
 
 // src/internal/exportedQueryKeys.ts
@@ -29657,6 +29687,7 @@ export {
   UserOperationTimeoutError,
   UserRejectedError,
   WALLET_ICONS,
+  WRAPPED_TOKENS,
   combineI18NResources,
   createAccountAbstractionError,
   deployAccount,