@embarkai/ui-kit 0.4.51 → 0.4.53

package/dist/index.cjs

@@ -815,7 +815,7 @@ var init_iframe_mpc_client = __esm({
 });
 
 // src/internal/constants.ts
-var import_lucide_react, 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 import_lucide_react, 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"() {
     import_lucide_react = require("lucide-react");
@@ -842,6 +842,7 @@ var init_constants = __esm({
       // Alias for twitter (API uses 'x')
       wallet: { name: "Wallet", icon: import_lucide_react.Wallet2, description: "External wallet (EOA)" }
     };
+    WRAPPED_TOKENS = ["WETH", "WBTC", "WBNB", "WLUMIA"];
   }
 });
 
@@ -11454,7 +11455,7 @@ function ChainItem(props) {
                 children: name
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Badge, { variant: "secondary", children: badge })
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Badge, { variant: badge.toLowerCase() === "mainnet" ? "success" : "secondary", children: badge })
           ] }),
           isActiveChain && paymasterAddress && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex items-center gap-[var(--ui-kit-gap)] text-xs", children: [
             /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "flex-none uppercase", children: "Paymaster" }),
@@ -11578,7 +11579,7 @@ function ChainsMenu() {
           /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
             Switch,
             {
-              labels: { checked: "ALL", unchecked: "MAINNETS" },
+              labels: { checked: "MAINNETS", unchecked: "ALL" },
               checked: isTestnets,
               onChange: () => setIsTestnets(!isTestnets)
             }
@@ -17902,6 +17903,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
@@ -17914,7 +17918,7 @@ function isAssetRateAvailable(symbol) {
   }
 }
 function checkWrapedTokenSymbol(symbol) {
-  if (WRAPPED_SYMBOLS.includes(symbol)) {
+  if (WRAPPED_TOKENS.includes(symbol)) {
     return symbol.slice(1);
   }
   return symbol.toUpperCase();
@@ -17985,11 +17989,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 = (0, import_react_query38.useQueryClient)();
-  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 } = (0, import_react_query38.useQuery)({
+    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);
@@ -18002,8 +18012,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((0, import_viem9.formatUnits)(BigInt(asset?.balance || "0"), asset?.decimals || 18));
+  const hasProjectAssetBalance = isProjectAsset && projectAssetBalance != null;
+  const renderBalance = hasProjectAssetBalance ? projectAssetBalance.cryptoFormatted : Number((0, import_viem9.formatUnits)(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;
@@ -18066,10 +18076,11 @@ function PortfolioItem(props) {
     }
   );
 }
-var import_react_query38, import_lucide_react50, import_viem9, import_jsx_runtime83, WRAPPED_SYMBOLS, SKIP_SYMBOLS2, ASSETS_RATES_QUERY_KEY;
+var import_react_query38, import_lucide_react50, import_viem9, import_jsx_runtime83, SKIP_SYMBOLS2, ASSETS_RATES_QUERY_KEY;
 var init_PortfolioItem = __esm({
   "src/internal/components/PortfolioMenu/PortfolioItem.tsx"() {
     init_ProviderContext();
+    init_constants();
     import_react_query38 = require("@tanstack/react-query");
     import_lucide_react50 = require("lucide-react");
     import_viem9 = require("viem");
@@ -18081,7 +18092,6 @@ var init_PortfolioItem = __esm({
     init_truncateMiddle();
     init_BalanceView2();
     import_jsx_runtime83 = require("react/jsx-runtime");
-    WRAPPED_SYMBOLS = ["WETH", "WBTC", "WBNB", "WLUMIA"];
     SKIP_SYMBOLS2 = ["TEST"];
     ASSETS_RATES_QUERY_KEY = "lumia-passport-assets-rates-query-key";
   }
@@ -18393,17 +18403,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
-    };
   }
 });
 
@@ -18461,7 +18465,7 @@ var init_hooks2 = __esm({
 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__ */ (0, import_jsx_runtime86.jsxs)(
     "div",
     {
@@ -18577,7 +18581,6 @@ var init_ConnectedApps = __esm({
     import_lucide_react53 = require("lucide-react");
     init_button();
     init_highlight();
-    init_constants5();
     init_hooks2();
     import_jsx_runtime86 = require("react/jsx-runtime");
   }
@@ -19447,7 +19450,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]);
@@ -20070,7 +20072,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;
+    }
   });
   (0, import_react66.useEffect)(() => {
     if (!errorWarpRoutes) return;
@@ -20174,6 +20180,12 @@ var init_ResolveChainIcon = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/hooks/useBridgeBalance.ts
+function checkWrapedTokenSymbol2(symbol) {
+  if (WRAPPED_TOKENS.includes(symbol)) {
+    return symbol.slice(1);
+  }
+  return symbol.toUpperCase();
+}
 function useBridgeBalance(hyperlaneWarpRoutes) {
   const qc = (0, import_react_query46.useQueryClient)();
   const { t } = useT();
@@ -20199,7 +20211,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 } = (0, import_react_query46.useQuery)({
@@ -20310,6 +20322,7 @@ function useBridgeBalance(hyperlaneWarpRoutes) {
 var import_core6, import_react_query46, import_react68, import_viem13, import_wagmi5, 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();
     import_core6 = require("@embarkai/core");
@@ -20330,10 +20343,10 @@ var init_useBridgeBalance = __esm({
 
 // src/internal/components/SendMenu/hyperbridge/steps/SelectStep.tsx
 function SelectStep(props) {
-  const { swapChains, hyperlaneWarpRoutes, isLoadingWarpRoutes, handleQuoteEstimation } = props;
+  const { swapChains, hyperlaneWarpRoutes = [], isLoadingWarpRoutes, handleQuoteEstimation } = props;
   const { t } = useT();
   const {
-    bridgeSenders,
+    bridgeSenders = [],
     bridgeSender,
     originChain,
     destinationChain,
@@ -21245,12 +21258,11 @@ function HyperlaneBridge() {
   const { hyperlaneWarpRoutes, isLoadingWarpRoutes } = useHyperlaneRoutes();
   const { directWalletProfile } = useAvailableSenders();
   useMenuTitle(hyperlaneWarpRoutes);
-  (0, import_react72.useEffect)(
-    () => () => {
+  (0, import_react72.useEffect)(() => {
+    return () => {
       useBridgeStore.getState().resetSelections();
-    },
-    []
-  );
+    };
+  }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_jsx_runtime102.Fragment, { children: [
     bridgeStep === "sender-selector" && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(SenderSelector, { directWalletProfile }),
     bridgeStep === "select" && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
@@ -21434,7 +21446,7 @@ function useNicknameResolve(input, options) {
   }, [normalized, isNicknameInput, enabled]);
   const query = (0, import_react_query48.useQuery)({
     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
@@ -21472,8 +21484,8 @@ var init_useNicknameResolve = __esm({
     import_react74 = require("react");
     init_nickname();
     init_profile();
-    init_nickname_validation();
     init_nickname_fingerprint();
+    init_nickname_validation();
     DEBOUNCE_MS2 = 300;
   }
 });
@@ -21924,76 +21936,81 @@ var init_AssetList = __esm({
 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__ */ (0, import_jsx_runtime107.jsxs)("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__ */ (0, import_jsx_runtime107.jsx)(
-        "img",
+  (0, import_react77.useEffect)(() => {
+    if (!resolvedNicknameData?.data?.fingerprint || !isNicknameInput) return;
+    useFlowSelectorStore.getState().setRenderKey(`nickname-resolved-${Date.now()}`);
+  }, [resolvedNicknameData, isNicknameInput]);
+  (0, import_react77.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime107.jsxs)("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__ */ (0, import_jsx_runtime107.jsx)(
+      "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__ */ (0, import_jsx_runtime107.jsx)("div", { className: "w-12 h-12 rounded-full bg-[var(--ui-kit-secondary)] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_lucide_react67.AtSign, { className: "w-5 h-5" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex items-center gap-[var(--ui-kit-gap)] text-[10px] text-[var(--ui-kit-bg-success)]", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_lucide_react67.CheckCircle2, { className: "w-4 h-4 flex-shrink-0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { children: nicknameData.handle })
+      ] }),
+      nicknameData.fingerprint && /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
+        "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__ */ (0, import_jsx_runtime107.jsx)(import_lucide_react67.ShieldCheck, { className: "w-4 h-4 flex-shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_lucide_react67.ShieldAlert, { className: "w-4 h-4 flex-shrink-0" }),
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { children: `${resolvedAddress.slice(0, 6)}...${resolvedAddress.slice(-4)} : ` }),
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { children: isFingerprintVerified ? "Verified" : "FAILED" })
+          ]
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "w-12 h-12 rounded-full bg-[var(--ui-kit-secondary)] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_lucide_react67.AtSign, { className: "w-5 h-5" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex items-center gap-[var(--ui-kit-gap)] text-[10px] text-[var(--ui-kit-bg-success)]", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_lucide_react67.CheckCircle2, { className: "w-4 h-4 flex-shrink-0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { children: nicknameData.handle })
-        ] }),
-        nicknameData.fingerprint && /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
-          "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__ */ (0, import_jsx_runtime107.jsx)(import_lucide_react67.ShieldCheck, { className: "w-4 h-4 flex-shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_lucide_react67.ShieldAlert, { className: "w-4 h-4 flex-shrink-0" }),
-              /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { children: `${resolvedAddress.slice(0, 6)}...${resolvedAddress.slice(-4)} : ` }),
-              /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { children: isFingerprintVerified ? "Verified" : "FAILED" })
-            ]
-          }
-        )
-      ] })
-    ] });
-  if (isFrozen && !isResolving) {
-    return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(Highlight, { type: "warning", className: "flex gap-[var(--ui-kit-gap)]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_lucide_react67.AlertTriangle, { className: "w-4 h-4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { children: "This handle is frozen. Proceed with caution." })
-    ] });
-  }
-  if (isWalletNotSetup && !isResolving) {
-    return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(Highlight, { type: "error", className: "flex gap-[var(--ui-kit-gap)]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_lucide_react67.AlertCircle, { className: "w-4 h-4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { children: "This user has not set up wallet yet" })
-    ] });
-  }
-  if (isNotFound && !isResolving) {
-    return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(Highlight, { type: "error", className: "flex gap-[var(--ui-kit-gap)]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_lucide_react67.AlertCircle, { className: "w-4 h-4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { children: "Nickname not found" })
-    ] });
-  }
+      )
+    ] })
+  ] });
 }
-var import_lucide_react67, import_jsx_runtime107;
+var import_lucide_react67, import_react77, import_jsx_runtime107;
 var init_NicknameData = __esm({
   "src/internal/components/SendMenu/send/components/NicknameData.tsx"() {
     import_lucide_react67 = require("lucide-react");
+    import_react77 = require("react");
     init_no_image();
     init_utils2();
-    init_highlight();
+    init_useFlowSelector();
     import_jsx_runtime107 = require("react/jsx-runtime");
   }
 });
@@ -22226,14 +22243,8 @@ var init_InputSendStep = __esm({
 
 // src/internal/components/SendMenu/send/sendSteps/ConfirmSendStep.tsx
 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 || {};
@@ -22242,25 +22253,31 @@ 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 } = (0, import_react_query49.useMutation)({
+    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__ */ (0, import_jsx_runtime109.jsxs)(import_jsx_runtime109.Fragment, { children: [
     isNicknameInput && isFrozen && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(Highlight, { type: "warning", className: "flex gap-[var(--ui-kit-gap)]", children: [
       /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_lucide_react69.AlertTriangle, { className: "h-4 w-4" }),
@@ -22326,7 +22343,7 @@ function ConfirmSendStep(props) {
         ] }) : (
           // Fungible token details
           /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "flex justify-between leading-5 gap-[var(--ui-kit-gap)]", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { className: "text-[10px] text-[var(--ui-kit-fg-muted)]", children: "Amount:" }),
+            /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { className: "text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:common.amount") }),
             /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("span", { className: "text-sm font-bold", children: [
               amount,
               " ",
@@ -22335,7 +22352,7 @@ function ConfirmSendStep(props) {
           ] })
         ),
         /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "flex justify-between leading-5 gap-[var(--ui-kit-gap)]", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { className: "text-[10px] text-[var(--ui-kit-fg-muted)]", children: "Network:" }),
+          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { className: "text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:common.network") }),
           /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { className: "text-sm font-bold", children: chainConfig.name })
         ] })
       ] })
@@ -22361,7 +22378,7 @@ function ConfirmSendStep(props) {
         ) : (
           // Fungible token details
           /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "flex justify-between leading-5 gap-[var(--ui-kit-gap)]", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { className: "text-[var(--ui-kit-fg-muted)]", children: "Amount:" }),
+            /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { className: "text-[var(--ui-kit-fg-muted)]", children: t("passport:common.amount") }),
             /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("span", { className: "font-semibold", children: [
               amount,
               " ",
@@ -22370,26 +22387,38 @@ function ConfirmSendStep(props) {
           ] })
         ),
         /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "flex justify-between leading-5 gap-[var(--ui-kit-gap)]", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { className: "text-[var(--ui-kit-fg-muted)]", children: "Network:" }),
+          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { className: "text-[var(--ui-kit-fg-muted)]", children: t("passport:common.network") }),
           /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { children: chainConfig.name })
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(Button, { onClick: handleConfirm, disabled: isTransactionPending, className: "w-full", size: "large", children: [
-      isTransactionPending && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_lucide_react69.Loader, { className: "h-4 w-4 animate-spin" }),
-      "CONFIRM"
-    ] })
+    /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
+      Button,
+      {
+        onClick: () => handleConfirm(),
+        disabled: isTransactionPending,
+        className: "w-full",
+        size: "large",
+        children: [
+          isTransactionPending && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_lucide_react69.Loader, { className: "h-4 w-4 animate-spin" }),
+          t("passport:common.confirm")
+        ]
+      }
+    )
   ] });
 }
-var import_lucide_react69, import_jsx_runtime109;
+var import_react_query49, import_lucide_react69, import_jsx_runtime109;
 var init_ConfirmSendStep = __esm({
   "src/internal/components/SendMenu/send/sendSteps/ConfirmSendStep.tsx"() {
     init_SessionContext();
+    init_i18n();
+    import_react_query49 = require("@tanstack/react-query");
     import_lucide_react69 = require("lucide-react");
     init_priceFormatter();
     init_utils2();
     init_button();
     init_highlight();
+    init_useFlowSelector();
     init_useSendStore();
     init_utils9();
     import_jsx_runtime109 = require("react/jsx-runtime");
@@ -22412,7 +22441,7 @@ function SendMenu() {
   const { t } = useT();
   const {
     assets,
-    refreshBalances,
+    // refreshBalances,
     isLoading: isAssetsLoading
   } = useBlockscoutAssets({
     address
@@ -22424,10 +22453,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 {
@@ -22442,7 +22471,7 @@ function SendMenu() {
   } = useSendStore();
   const isNft = isNftAsset3(selectedAsset);
   const isSecurity = isSecurityToken2(selectedAsset);
-  (0, import_react77.useEffect)(
+  (0, import_react78.useEffect)(
     () => () => {
       setSelectedAsset(null);
       setRecipient("");
@@ -22452,18 +22481,20 @@ function SendMenu() {
     },
     []
   );
-  (0, import_react77.useEffect)(() => {
-    const shouldSetNativeAsset = assets.length > 0 && !selectedAsset;
-    if (!shouldSetNativeAsset) return;
-    const native = assets.find((a) => a.type === "native");
+  (0, import_react78.useEffect)(() => {
+    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 });
   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);
@@ -22478,7 +22509,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":
@@ -22516,11 +22547,9 @@ function SendMenu() {
       ConfirmSendStep,
       {
         sendTransaction,
-        refreshBalances,
         erc3643Compliance,
         isNicknameInput,
-        resolvedNicknameData,
-        isTransactionPending
+        resolvedNicknameData
       }
     ),
     txStep === "pending" && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(Highlight, { type: "info", className: "flex gap-[var(--ui-kit-gap)]", children: [
@@ -22542,7 +22571,7 @@ function SendMenu() {
     ] })
   ] });
 }
-var import_lucide_react70, import_react77, import_viem18, import_jsx_runtime110;
+var import_lucide_react70, import_react78, import_viem18, import_jsx_runtime110;
 var init_SendMenu = __esm({
   "src/internal/components/SendMenu/send/SendMenu.tsx"() {
     init_SessionContext();
@@ -22551,7 +22580,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();
@@ -22636,7 +22665,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);
     },
@@ -22713,12 +22742,12 @@ function SendFlowSelector() {
     }
   );
 }
-var import_lucide_react71, import_react78, import_jsx_runtime111, SELECTOR_FLOW;
+var import_lucide_react71, import_react79, import_jsx_runtime111, 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();
@@ -22773,12 +22802,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";
   }
@@ -22820,7 +22849,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;
@@ -22842,7 +22871,7 @@ function SettingsMenu() {
   const setPage = useLayoutDataStore((st) => st.setPage);
   const settingsButtons = useSettingsButtons();
   useProvidersList();
-  (0, import_react_query49.useQuery)({
+  (0, import_react_query50.useQuery)({
     retry: 1,
     enabled: !!address,
     queryKey: [QUERY_KEYS.nicknameInfo, address],
@@ -22884,15 +22913,15 @@ function SettingsMenu() {
     }
   );
 }
-var import_react_query49, import_lucide_react73, import_react80, import_jsx_runtime112;
+var import_react_query50, import_lucide_react73, import_react81, import_jsx_runtime112;
 var init_SettingsMenu = __esm({
   "src/internal/components/SettingsMenu/SettingsMenu.tsx"() {
     init_ProviderContext();
     init_SessionContext();
     init_i18n();
-    import_react_query49 = require("@tanstack/react-query");
+    import_react_query50 = require("@tanstack/react-query");
     import_lucide_react73 = require("lucide-react");
-    import_react80 = require("react");
+    import_react81 = require("react");
     init_nickname();
     init_profile();
     init_useLayoutDataStore();
@@ -23758,26 +23787,26 @@ var init_TransactionsGroup = __esm({
 
 // src/internal/components/TransactionsMenu/TransactionsMenu.tsx
 function TransactionsMenu() {
-  const qc = (0, import_react_query50.useQueryClient)();
+  const qc = (0, import_react_query51.useQueryClient)();
   const address = useSession((st) => st.address);
   const chainConfig = useSession((st) => st.chainConfig);
   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 = [],
     isLoading: isTxHistoryLoading,
     isFetching: isTxHistoryFetching,
     error: txHistoryError
-  } = (0, import_react_query50.useQuery)({
+  } = (0, import_react_query51.useQuery)({
     retry: false,
     enabled: !!address && !!chainConfig?.id && historySupported,
     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]
   );
@@ -23826,14 +23855,14 @@ function TransactionsMenu() {
     }
   );
 }
-var import_react_query50, import_lucide_react76, import_react81, import_jsx_runtime115;
+var import_react_query51, import_lucide_react76, import_react82, import_jsx_runtime115;
 var init_TransactionsMenu = __esm({
   "src/internal/components/TransactionsMenu/TransactionsMenu.tsx"() {
     init_SessionContext();
     init_i18n();
-    import_react_query50 = require("@tanstack/react-query");
+    import_react_query51 = require("@tanstack/react-query");
     import_lucide_react76 = require("lucide-react");
-    import_react81 = require("react");
+    import_react82 = require("react");
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_Expandable2();
@@ -24031,7 +24060,7 @@ function usePageMapper() {
     setIsDialogOpen,
     setIsDialogClosing
   } = useLayoutStore();
-  const closeDialog = (0, import_react82.useCallback)(() => {
+  const closeDialog = (0, import_react83.useCallback)(() => {
     setIsDialogClosing(true);
     setTimeout(() => {
       setDialogContent(null);
@@ -24042,7 +24071,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);
@@ -24052,7 +24081,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) {
@@ -24063,10 +24092,10 @@ function usePageMapper() {
     openDialog(pageItem);
   }, [page, closeDialog, openDialog]);
 }
-var import_react82, import_jsx_runtime116, CLEAR_DIALOG_TIMEOUT;
+var import_react83, import_jsx_runtime116, 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();
@@ -24082,32 +24111,32 @@ function useSettingsNotifications() {
   const setSettingsNotifications = useLayoutDataStore((st) => st.setSettingsNotifications);
   const providers = import_auth23.jwtTokenManager.getProviders();
   const hasEmail = providers.includes("email");
-  const { data: userProfile = null } = (0, import_react_query51.useQuery)({
+  const { data: userProfile = null } = (0, import_react_query52.useQuery)({
     retry: false,
     enabled: !!address,
     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_query51, import_react83, EMAIL_NOT_CONNECTED_NOTIFICATION, COMPLETE_KYC_PROGRESS;
+var import_react_query52, import_react84, EMAIL_NOT_CONNECTED_NOTIFICATION, COMPLETE_KYC_PROGRESS;
 var init_useSettingsNotifications = __esm({
   "src/internal/hooks/useSettingsNotifications.ts"() {
     init_SessionContext();
-    import_react_query51 = require("@tanstack/react-query");
-    import_react83 = require("react");
+    import_react_query52 = require("@tanstack/react-query");
+    import_react84 = require("react");
     init_auth();
     init_profile();
     init_useLayoutDataStore();
@@ -24130,7 +24159,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",
@@ -24232,7 +24261,7 @@ var init_package = __esm({
 
 // src/internal/components/Footer/Footer.tsx
 function Footer() {
-  const qc = (0, import_react_query52.useQueryClient)();
+  const qc = (0, import_react_query53.useQueryClient)();
   const { callbacksRef } = useProviderConfig();
   const { t } = useT();
   const address = useSession((st) => st.address);
@@ -24249,7 +24278,7 @@ function Footer() {
       }
     }
   });
-  const { mutate: disconnect, isPending: isDisconnecting } = (0, import_react_query52.useMutation)({
+  const { mutate: disconnect, isPending: isDisconnecting } = (0, import_react_query53.useMutation)({
     mutationFn: async (disconnectAddress) => {
       if (!disconnectAddress) throw new Error("No address to disconnect");
       const { setError, setStatus, setIsLoading } = useSession.getState();
@@ -24335,7 +24364,7 @@ function Footer() {
     }
   );
 }
-var import_react_query52, import_lucide_react77, import_wagmi7, import_jsx_runtime117;
+var import_react_query53, import_lucide_react77, import_wagmi7, import_jsx_runtime117;
 var init_Footer = __esm({
   "src/internal/components/Footer/Footer.tsx"() {
     init_package();
@@ -24343,7 +24372,7 @@ var init_Footer = __esm({
     init_ProviderContext();
     init_SessionContext();
     init_i18n();
-    import_react_query52 = require("@tanstack/react-query");
+    import_react_query53 = require("@tanstack/react-query");
     import_lucide_react77 = require("lucide-react");
     import_wagmi7 = require("wagmi");
     init_auth();
@@ -24376,11 +24405,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);
@@ -24398,7 +24427,7 @@ function Header() {
       }, 1e3);
     }
   }, []);
-  const { data: profile, isLoading: isProfileLoading } = (0, import_react_query53.useQuery)({
+  const { data: profile, isLoading: isProfileLoading } = (0, import_react_query54.useQuery)({
     retry: false,
     enabled: !!address,
     queryKey: [QUERY_KEYS.userProfile, address],
@@ -24480,7 +24509,7 @@ function Header() {
     }
   );
 }
-var import_react_query53, import_lucide_react78, import_react84, import_jsx_runtime118;
+var import_react_query54, import_lucide_react78, import_react85, import_jsx_runtime118;
 var init_Header = __esm({
   "src/internal/components/Header/Header.tsx"() {
     init_lumia2();
@@ -24488,9 +24517,9 @@ var init_Header = __esm({
     init_ProviderContext();
     init_SessionContext();
     init_useT();
-    import_react_query53 = require("@tanstack/react-query");
+    import_react_query54 = require("@tanstack/react-query");
     import_lucide_react78 = require("lucide-react");
-    import_react84 = require("react");
+    import_react85 = require("react");
     init_icons();
     init_auth();
     init_profile();
@@ -24521,7 +24550,7 @@ function useDecideContentStyles() {
     style: (0, import_lodash_es10.merge)({}, mobileStyles)
   };
 }
-var DialogPrimitive, import_lodash_es10, import_lucide_react79, import_react85, import_jsx_runtime119, Dialog, DialogPortal, DialogOverlay, CONTENT_BG_SETUP, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription;
+var DialogPrimitive, import_lodash_es10, import_lucide_react79, import_react86, import_jsx_runtime119, Dialog, DialogPortal, DialogOverlay, CONTENT_BG_SETUP, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription;
 var init_dialog = __esm({
   "src/internal/components/ui/dialog.tsx"() {
     init_utils2();
@@ -24530,14 +24559,14 @@ var init_dialog = __esm({
     DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
     import_lodash_es10 = 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_runtime119 = 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_runtime119.jsx)(
         DialogPrimitive.Overlay,
         {
@@ -24559,7 +24588,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);
@@ -24662,7 +24691,7 @@ var init_dialog = __esm({
     DialogHeader.displayName = "DialogHeader";
     DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime119.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_runtime119.jsx)(
+    DialogTitle = (0, import_react86.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
       DialogPrimitive.Title,
       {
         ref,
@@ -24671,7 +24700,7 @@ var init_dialog = __esm({
       }
     ));
     DialogTitle.displayName = DialogPrimitive.Title.displayName;
-    DialogDescription = (0, import_react85.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime119.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_runtime119.jsx)(DialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
     DialogDescription.displayName = DialogPrimitive.Description.displayName;
   }
 });
@@ -24696,7 +24725,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();
@@ -24734,13 +24763,13 @@ function Dialog2() {
     }
   );
 }
-var import_framer_motion, import_react86, import_jsx_runtime121;
+var import_framer_motion, import_react87, import_jsx_runtime121;
 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();
@@ -24766,14 +24795,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);
@@ -24781,14 +24810,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);
@@ -24813,7 +24842,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;
     });
   }
@@ -24821,7 +24850,7 @@ var init_TssManager = __esm({
 
 // src/internal/components/WalletConnectHandler.tsx
 function WalletConnectHandler() {
-  const qc = (0, import_react_query54.useQueryClient)();
+  const qc = (0, import_react_query55.useQueryClient)();
   const { callbacksRef } = useProviderConfig();
   const passportWalletAddress = useSession((st) => st.address);
   const { address: walletAddress, isConnected, chain, connector } = (0, import_wagmi8.useAccount)();
@@ -24841,7 +24870,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) {
@@ -24870,10 +24899,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,
@@ -24911,18 +24940,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);
@@ -24930,7 +24959,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");
@@ -24949,7 +24978,7 @@ function WalletConnectHandler() {
     }
   }, [isWalletLinking, setIsWalletLinking, disconnect]);
   const isAuthFlow = !passportWalletAddress;
-  const { mutate: handleWalletSign, isPending: isWalletSigning } = (0, import_react_query54.useMutation)({
+  const { mutate: handleWalletSign, isPending: isWalletSigning } = (0, import_react_query55.useMutation)({
     mutationFn: async (payload) => {
       const { chainId, signingWalletAddress } = payload;
       if (!signingWalletAddress || !chainId) {
@@ -25050,7 +25079,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) {
@@ -25060,7 +25089,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");
@@ -25082,15 +25111,15 @@ function WalletConnectHandler() {
   ]);
   return null;
 }
-var import_rainbowkit2, import_react_query54, import_react88, import_wagmi8;
+var import_rainbowkit2, import_react_query55, import_react89, import_wagmi8;
 var init_WalletConnectHandler = __esm({
   "src/internal/components/WalletConnectHandler.tsx"() {
     init_ProviderContext();
     init_SessionContext();
     init_linkedProfiles();
     import_rainbowkit2 = require("@rainbow-me/rainbowkit");
-    import_react_query54 = require("@tanstack/react-query");
-    import_react88 = __toESM(require("react"), 1);
+    import_react_query55 = require("@tanstack/react-query");
+    import_react89 = __toESM(require("react"), 1);
     import_wagmi8 = require("wagmi");
     init_wallet();
     init_AuthMenu2();
@@ -25111,13 +25140,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,
@@ -25126,17 +25155,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,
@@ -25147,10 +25176,10 @@ function DirectWalletHandler() {
   }, [address, isConnected, isExternalConnected, externalAddress, chain?.id, connector, setExternalWallet]);
   return null;
 }
-var import_react89, import_wagmi9;
+var import_react90, import_wagmi9;
 var init_DirectWalletHandler = __esm({
   "src/internal/components/DirectWalletHandler.tsx"() {
-    import_react89 = require("react");
+    import_react90 = require("react");
     import_wagmi9 = require("wagmi");
     init_ProviderContext();
     init_useExternalWalletStore();
@@ -25175,7 +25204,7 @@ function waitForStoreHydration() {
 }
 function SessionProvider({ children }) {
   const config = useProviderConfig().config;
-  return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(import_react90.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(import_react91.Fragment, { children: [
     children,
     config.current?.wallet?.enabled && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(WalletConnectHandler, {}),
     config.current?.wallet?.enabled && (config.current?.wallet?.mode === "direct" || config.current?.wallet?.mode === "both") && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(DirectWalletHandler, {}),
@@ -25190,11 +25219,11 @@ function SessionProvider({ children }) {
     /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Dialog2, {})
   ] });
 }
-var import_read21, import_react90, import_zustand13, import_middleware4, import_jsx_runtime122, useSession, requireActiveChainId;
+var import_read21, import_react91, import_zustand13, import_middleware4, import_jsx_runtime122, useSession, requireActiveChainId;
 var init_SessionContext = __esm({
   "src/context/SessionContext.tsx"() {
     import_read21 = require("@embarkai/core/read");
-    import_react90 = require("react");
+    import_react91 = require("react");
     import_zustand13 = require("zustand");
     import_middleware4 = require("zustand/middleware");
     init_BalanceFeedProvider2();
@@ -27863,7 +27892,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,
@@ -27877,7 +27906,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)(),
@@ -27894,11 +27923,11 @@ function RainbowKitProvider({ children }) {
   if (!config.current?.wallet?.enabled) return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_jsx_runtime123.Fragment, { children });
   return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_wagmi11.WagmiProvider, { config: rainbowConfig, children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_rainbowkit4.RainbowKitProvider, { theme: customTheme, modalSize: "compact", showRecentTransactions: true, children }) });
 }
-var import_rainbowkit4, import_react91, import_wagmi11, import_styles, import_jsx_runtime123;
+var import_rainbowkit4, import_react92, import_wagmi11, import_styles, import_jsx_runtime123;
 var init_RainbowKitContext = __esm({
   "src/context/RainbowKitContext.tsx"() {
     import_rainbowkit4 = require("@rainbow-me/rainbowkit");
-    import_react91 = require("react");
+    import_react92 = require("react");
     import_wagmi11 = require("wagmi");
     init_rainbowkit();
     init_useLayoutStore();
@@ -27954,10 +27983,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_es11.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_es11.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;
@@ -27991,12 +28020,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_es11.merge)(DEFAULT_PROVIDER_CONFIG, initialConfig);
     updateConfig(mergedConfig);
@@ -28016,7 +28045,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)();
@@ -28045,7 +28074,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,
@@ -28066,12 +28095,12 @@ function Provider(props) {
     /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(WagmiProvider2, { children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(UIContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(SessionProvider, { children }) }) })
   );
 }
-var import_error_tracking4, import_lodash_es11, import_react92, import_jsx_runtime125, UIContext, useProviderConfig;
+var import_error_tracking4, import_lodash_es11, import_react93, import_jsx_runtime125, UIContext, useProviderConfig;
 var init_ProviderContext = __esm({
   "src/context/ProviderContext.tsx"() {
     import_error_tracking4 = require("@embarkai/core/internal/error-tracking");
     import_lodash_es11 = require("lodash-es");
-    import_react92 = require("react");
+    import_react93 = require("react");
     init_initial();
     init_iframe_manager();
     init_RainbowKitContext();
@@ -28079,9 +28108,9 @@ var init_ProviderContext = __esm({
     init_utils11();
     init_WagmiContext();
     import_jsx_runtime125 = 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;
     };
@@ -28111,6 +28140,7 @@ __export(index_exports, {
   UserOperationTimeoutError: () => UserOperationTimeoutError,
   UserRejectedError: () => UserRejectedError,
   WALLET_ICONS: () => WALLET_ICONS,
+  WRAPPED_TOKENS: () => WRAPPED_TOKENS,
   combineI18NResources: () => combineI18NResources,
   createAccountAbstractionError: () => createAccountAbstractionError,
   deployAccount: () => deployAccount,
@@ -28189,9 +28219,9 @@ init_ProviderContext();
 // src/components/ConnectWalletButton.tsx
 init_lumia2();
 init_embarkAI2();
-var import_react_query55 = require("@tanstack/react-query");
+var import_react_query56 = 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();
@@ -28224,15 +28254,15 @@ 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]);
-  const { data: profile, isLoading: isProfileLoading } = (0, import_react_query55.useQuery)({
+  (0, import_react94.useEffect)(() => setUsePaymaster(usePaymaster), [setUsePaymaster, usePaymaster]);
+  const { data: profile, isLoading: isProfileLoading } = (0, import_react_query56.useQuery)({
     retry: false,
     enabled: !!address,
     queryKey: [QUERY_KEYS.userProfile, address],
     queryFn: getUserProfile
   });
   const displayName = profile?.nicknameDisplay || profile?.displayName || import_auth23.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_auth23.jwtTokenManager.getHasKeyshare() ?? false;
@@ -28414,7 +28444,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() {
@@ -28422,7 +28452,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 */);
@@ -28431,7 +28461,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 };
 }
 
@@ -28892,14 +28922,14 @@ var Hash = ({
 };
 
 // src/internal/components/TransactionsMenu/TransactionsList.tsx
-var import_react95 = require("react");
+var import_react96 = require("react");
 init_base2();
 var import_jsx_runtime132 = 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);
@@ -29190,13 +29220,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);
@@ -29212,7 +29242,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_wagmi13 = require("wagmi");
 init_useExternalWalletStore();
@@ -29226,13 +29256,13 @@ function useDirectWallet() {
   const { disconnect: wagmiDisconnect } = (0, import_wagmi13.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]);
@@ -29248,7 +29278,7 @@ function useDirectWallet() {
 }
 
 // src/hooks/useSendDirectTransaction.ts
-var import_react98 = require("react");
+var import_react99 = require("react");
 var import_viem20 = require("viem");
 var import_wagmi14 = require("wagmi");
 init_useExternalWalletStore();
@@ -29257,10 +29287,10 @@ function useSendDirectTransaction() {
   const externalChainId = useExternalWalletStore((st) => st.externalChainId);
   const { sendTransactionAsync } = (0, import_wagmi14.useSendTransaction)();
   const { switchChainAsync } = (0, import_wagmi14.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");
@@ -29294,7 +29324,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);
@@ -29303,7 +29333,7 @@ function useSendDirectTransaction() {
 }
 
 // src/hooks/useTransferToLinkedWallet.ts
-var import_react99 = require("react");
+var import_react100 = require("react");
 var import_viem21 = require("viem");
 init_SessionContext();
 init_account2();
@@ -29322,14 +29352,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");
@@ -29380,7 +29410,7 @@ function useTransferToLinkedWallet() {
     },
     [session, linkedWallets]
   );
-  const reset = (0, import_react99.useCallback)(() => {
+  const reset = (0, import_react100.useCallback)(() => {
     setError(null);
     setUserOpHash(null);
     setIsPending(false);
@@ -29404,7 +29434,7 @@ function useNativeWalletSignature() {
 
 // src/hooks/useLogout.ts
 var import_auth25 = require("@embarkai/core/auth");
-var import_react100 = require("react");
+var import_react101 = require("react");
 var import_wagmi16 = require("wagmi");
 init_ProviderContext();
 init_SessionContext();
@@ -29424,7 +29454,7 @@ function useLogout() {
       }
     }
   });
-  const logout2 = (0, import_react100.useCallback)(async () => {
+  const logout2 = (0, import_react101.useCallback)(async () => {
     const { setSession, setIsLoading, setAddress, setStatus, setError } = useSession.getState();
     const prevAddress = address;
     let userId = null;
@@ -29542,7 +29572,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_viem23 = require("viem");
 var import_wagmi18 = require("wagmi");
 var COMMON_TOKENS = [
@@ -29698,7 +29728,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_viem23.formatUnits)(balance, tokenInfo.decimals);
   }, [balance, tokenInfo]);
@@ -29768,6 +29798,7 @@ init_tokens();
 init_wallets();
 
 // src/index.ts
+init_constants();
 init_i18n();
 
 // src/internal/exportedQueryKeys.ts
@@ -29811,6 +29842,7 @@ autorun();
   UserOperationTimeoutError,
   UserRejectedError,
   WALLET_ICONS,
+  WRAPPED_TOKENS,
   combineI18NResources,
   createAccountAbstractionError,
   deployAccount,