@unifold/ui-react 0.1.64 → 0.1.66

package/dist/index.js

@@ -205,6 +205,22 @@ function clearStoredWalletState() {
   } catch {
   }
 }
+var LAST_OPENED_WALLET_KEY = "unifold_last_opened_wallet";
+function getLastOpenedWallet() {
+  if (typeof window === "undefined") return void 0;
+  try {
+    return localStorage.getItem(LAST_OPENED_WALLET_KEY) ?? void 0;
+  } catch {
+    return void 0;
+  }
+}
+function setLastOpenedWallet(walletId) {
+  if (typeof window === "undefined") return;
+  try {
+    localStorage.setItem(LAST_OPENED_WALLET_KEY, walletId);
+  } catch {
+  }
+}
 var MOBILE_VIEWPORT_MEDIA_QUERY = "(max-width: 768px)";
 function isMobileViewport() {
   if (typeof window === "undefined") return false;
@@ -1052,7 +1068,7 @@ function DepositHeader({
       setShowBalanceSkeleton(false);
       return;
     }
-    const supportedChainTypes = ["ethereum", "solana", "bitcoin"];
+    const supportedChainTypes = ["ethereum", "solana", "bitcoin", "n1"];
     if (!supportedChainTypes.includes(
       balanceChainType
     )) {
@@ -10110,7 +10126,7 @@ function useDefaultOnrampToken({
 }
 
 // src/components/deposits/DepositModal.tsx
-var import_core30 = require("@unifold/core");
+var import_core31 = require("@unifold/core");
 
 // src/hooks/use-allowed-country.ts
 var import_react_query9 = require("@tanstack/react-query");
@@ -11381,7 +11397,7 @@ function useHypercoreActivation(params) {
     publishableKey,
     enabled = true
   } = params;
-  const isHypercore2 = destinationChainId === HYPERCORE_CHAIN_ID;
+  const isHypercore2 = String(destinationChainId) === HYPERCORE_CHAIN_ID;
   const recipient = recipientAddress?.trim() ?? "";
   const source = sourceAddress?.trim() ?? "";
   const hasAddresses = !!recipient && !!source;
@@ -12553,11 +12569,54 @@ function TransferCryptoDoubleInput({
 // src/components/deposits/WalletConnect.tsx
 var React30 = __toESM(require("react"));
 var import_lucide_react28 = require("lucide-react");
-var import_core29 = require("@unifold/core");
+var import_core30 = require("@unifold/core");
+
+// src/lib/send-hypercore.ts
+var import_core27 = require("@unifold/core");
+function isHypercoreChain(chainId) {
+  return chainId === HYPERCORE_CHAIN_ID;
+}
+async function sendHypercoreEvmTransfer(params) {
+  const {
+    provider,
+    fromAddress,
+    recipientAddress,
+    sourceTokenAddress,
+    amount,
+    publishableKey
+  } = params;
+  const currentChainHex = await provider.request({
+    method: "eth_chainId",
+    params: []
+  });
+  const activeChainId = String(parseInt(currentChainHex, 16));
+  const buildResult = await (0, import_core27.buildHypercoreTransaction)(
+    {
+      signature_chain_id: activeChainId,
+      recipient_address: recipientAddress,
+      token_address: sourceTokenAddress,
+      amount
+    },
+    publishableKey
+  );
+  const signature = await provider.request({
+    method: "eth_signTypedData_v4",
+    params: [fromAddress, JSON.stringify(buildResult.typed_data)]
+  });
+  await (0, import_core27.sendHypercoreTransaction)(
+    {
+      action_payload: buildResult.action_payload,
+      signature,
+      nonce: buildResult.nonce
+    },
+    publishableKey
+  );
+  return { signature };
+}
 
 // src/hooks/use-deposit-quote.ts
 var import_react_query12 = require("@tanstack/react-query");
-var import_core27 = require("@unifold/core");
+var import_core28 = require("@unifold/core");
 function useDepositQuote(params) {
   const {
     publishableKey,
@@ -12598,7 +12657,7 @@ function useDepositQuote(params) {
       stablecoinParity,
       publishableKey
     ],
-    queryFn: () => (0, import_core27.getDepositQuote)(request, publishableKey),
+    queryFn: () => (0, import_core28.getDepositQuote)(request, publishableKey),
     enabled: enabled && !!publishableKey && !!sourceChainType && !!sourceChainId && !!sourceTokenAddress && !!destinationAmount && destinationAmount !== "0" && !!destinationChainType && !!destinationChainId && !!destinationTokenAddress,
     staleTime: 3e4,
     gcTime: 5 * 6e4,
@@ -12612,14 +12671,14 @@ function useDepositQuote(params) {
 
 // src/hooks/use-external-wallets.ts
 var import_react_query13 = require("@tanstack/react-query");
-var import_core28 = require("@unifold/core");
+var import_core29 = require("@unifold/core");
 function useExternalWallets({
   publishableKey,
   enabled = true
 }) {
   const { data: wallets = [], isLoading } = (0, import_react_query13.useQuery)({
     queryKey: ["unifold", "external-wallets", publishableKey],
-    queryFn: () => (0, import_core28.getExternalWallets)(publishableKey).then((res) => res.data),
+    queryFn: () => (0, import_core29.getExternalWallets)(publishableKey).then((res) => res.data),
     enabled: enabled && !!publishableKey,
     staleTime: 1e3 * 60 * 30,
     refetchOnMount: false,
@@ -12985,7 +13044,8 @@ function EnterAmountView({
   onClose,
   quickSelectMode,
   checkoutAmountUsd,
-  checkoutReceivedUsd
+  checkoutReceivedUsd,
+  footer
 }) {
   const { colors: colors2, fonts, components } = useTheme();
   const isCheckout = !!checkoutAmountUsd;
@@ -13241,6 +13301,7 @@ function EnterAmountView({
               )
             ] })
           ] }),
+          footer && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "uf-shrink-0 uf-pt-2", children: footer }),
           /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "uf-shrink-0 uf-pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             "button",
             {
@@ -13702,7 +13763,7 @@ var WALLET_ICONS3 = {
 };
 var FALLBACK_WALLET_DEFINITIONS = [
   { id: "phantom", name: "Phantom", networks: ["ethereum", "solana"], installUrl: "https://phantom.app/", supportsMobileBrowse: true },
-  { id: "coinbase", name: "Coinbase Wallet", networks: ["ethereum", "solana"], installUrl: "https://www.coinbase.com/wallet", supportsMobileBrowse: true },
+  { id: "coinbase", name: "Coinbase Wallet", networks: ["ethereum"], installUrl: "https://www.coinbase.com/wallet", supportsMobileBrowse: true },
   { id: "trust", name: "Trust Wallet", networks: ["ethereum", "solana"], installUrl: "https://trustwallet.com/", supportsMobileBrowse: true },
   { id: "metamask", name: "MetaMask", networks: ["ethereum"], installUrl: "https://metamask.io/download/", supportsMobileBrowse: true },
   { id: "rainbow", name: "Rainbow", networks: ["ethereum"], installUrl: "https://rainbow.me/", supportsMobileBrowse: true },
@@ -13762,7 +13823,7 @@ function getLegacyEvmProviders() {
     okxEthereum: win.okxwallet
   };
 }
-function detectAvailableWallets(definitions, filterChainType) {
+function detectAvailableWallets(definitions, recentWalletId, filterChainType) {
   const solProviders = getSolanaProviders();
   const legacyEvm = getLegacyEvmProviders();
   const eip6963List = getEip6963Providers();
@@ -13788,7 +13849,7 @@ function detectAvailableWallets(definitions, filterChainType) {
         return false;
     }
   });
-  return definitions.filter((w) => !filterChainType || w.networks.includes(filterChainType)).map((wallet) => {
+  const sorted = definitions.filter((w) => !filterChainType || w.networks.includes(filterChainType)).map((wallet) => {
     let isInstalled = false;
     const detectedNetworks = [];
     switch (wallet.id) {
@@ -13811,8 +13872,6 @@ function detectAvailableWallets(definitions, filterChainType) {
           isInstalled = true;
           detectedNetworks.push("ethereum");
         }
-        if (solProviders.coinbaseSolana || win?.coinbaseWalletExtension?.solana) detectedNetworks.push("solana");
-        if (isInstalled && wallet.networks.includes("solana") && !detectedNetworks.includes("solana")) detectedNetworks.push("solana");
         break;
       case "trust":
         if (hasEip6963("trust") || legacyEvm.trustEthereum || legacyEvm.ethereum?.isTrust || win?.trustwallet) {
@@ -13849,11 +13908,17 @@ function detectAvailableWallets(definitions, filterChainType) {
     }
     return { ...wallet, isInstalled, detectedNetworks };
   }).sort((a, b) => {
+    if (recentWalletId) {
+      const aRecent = a.id === recentWalletId ? 1 : 0;
+      const bRecent = b.id === recentWalletId ? 1 : 0;
+      if (aRecent !== bRecent) return bRecent - aRecent;
+    }
     if (a.isInstalled && !b.isInstalled) return -1;
     if (!a.isInstalled && b.isInstalled) return 1;
     if (a.isInstalled && b.isInstalled) return b.networks.length - a.networks.length;
     return 0;
   });
+  return sorted;
 }
 function WalletConnect({
   walletInfo: initialWalletInfo,
@@ -13928,9 +13993,15 @@ function WalletConnect({
     })) : FALLBACK_WALLET_DEFINITIONS,
     [backendWallets]
   );
+  const [recentWalletId, setRecentWalletIdState] = React30.useState(getLastOpenedWallet);
+  React30.useEffect(() => {
+    if (view === "select_wallet") {
+      setRecentWalletIdState(getLastOpenedWallet());
+    }
+  }, [view]);
   const availableWallets = React30.useMemo(
-    () => detectAvailableWallets(walletDefinitions),
-    [walletDefinitions, eip6963ProviderCount]
+    () => detectAvailableWallets(walletDefinitions, recentWalletId),
+    [walletDefinitions, eip6963ProviderCount, recentWalletId]
   );
   const [isMobile, setIsMobile] = React30.useState(false);
   React30.useEffect(() => {
@@ -13990,7 +14061,7 @@ function WalletConnect({
   const chainType = activeDepositWallet?.chain_type ?? "ethereum";
   const recipientAddress = activeDepositWallet?.address ?? "";
   const isCheckoutMode = !!checkoutAmountUsd;
-  const supportedChainType = chainType === "algorand" || chainType === "xrpl" ? "ethereum" : chainType;
+  const supportedChainType = chainType === "algorand" || chainType === "xrpl" || chainType === "cardano" || chainType === "n1" ? "ethereum" : chainType;
   const transitionTo = React30.useCallback((nextView) => {
     if (nextView === viewRef.current) return;
     setIsTransitioning(true);
@@ -14007,13 +14078,15 @@ function WalletConnect({
   };
   const openMobileWalletBrowse = async (wallet, depositAddresses) => {
     try {
-      const res = await (0, import_core29.getWalletMobileDeepLink)(
+      const res = await (0, import_core30.getWalletMobileDeepLink)(
         wallet.id,
         depositAddresses,
         publishableKey
       );
       if (res.deeplink) {
         setMobileRedirect({ walletId: wallet.id, walletName: wallet.name, deeplink: res.deeplink });
+        setLastOpenedWallet(wallet.id);
+        setRecentWalletIdState(wallet.id);
         setAwaitingMobileDeposit(true);
         transitionTo("mobile_redirect");
         window.location.href = res.deeplink;
@@ -14074,6 +14147,8 @@ function WalletConnect({
   const handleConnectWallet = async (wallet, network) => {
     setConnectingNetwork(network);
     transitionTo("connecting");
+    setLastOpenedWallet(wallet.id);
+    setRecentWalletIdState(wallet.id);
     setWalletError(null);
     setIsWalletConnecting(true);
     try {
@@ -14178,6 +14253,13 @@ function WalletConnect({
     }
   };
   const selectedToken = selectedBalance ? getTokenFromBalance(selectedBalance) : null;
+  const { needsActivation: hypercoreNeedsActivation, activationFee: hypercoreActivationFee, sponsored: hypercoreActivationSponsored } = useHypercoreActivation({
+    recipientAddress,
+    sourceAddress: activeWalletInfo?.address,
+    destinationChainId: selectedToken?.chain_id,
+    publishableKey,
+    enabled: !!activeWalletInfo && !!recipientAddress
+  });
   const effectiveDestinationAmount = React30.useMemo(() => {
     if (!checkoutRemainingBaseUnits || checkoutRemainingBaseUnits === "0") return "0";
     if (!checkoutAmountUsd) return checkoutRemainingBaseUnits;
@@ -14259,7 +14341,7 @@ function WalletConnect({
         const token = getTokenFromBalance(selectedBalance);
         if (!token) return;
         const options = { destination_token_address: activeDepositWallet.destination_token_address, destination_chain_id: activeDepositWallet.destination_chain_id, destination_chain_type: activeDepositWallet.destination_chain_type, ...productType ? { product_type: productType } : {} };
-        const response = await (0, import_core29.getSupportedDepositTokens)(publishableKey, options);
+        const response = await (0, import_core30.getSupportedDepositTokens)(publishableKey, options);
         if (cancelled) return;
         const supportedToken = response.data.find((t12) => t12.symbol.toLowerCase() === token.symbol.toLowerCase());
         if (supportedToken) {
@@ -14282,8 +14364,8 @@ function WalletConnect({
     let cancelled = false;
     setIsLoading(true);
     setError(null);
-    const sct = activeDepositWallet.chain_type === "algorand" || activeDepositWallet.chain_type === "xrpl" ? "ethereum" : activeDepositWallet.chain_type;
-    (0, import_core29.getAddressBalances)(activeWalletInfo.address, sct, publishableKey).then((response) => {
+    const sct = activeDepositWallet.chain_type === "algorand" || activeDepositWallet.chain_type === "xrpl" || activeDepositWallet.chain_type === "cardano" || activeDepositWallet.chain_type === "n1" ? "ethereum" : activeDepositWallet.chain_type;
+    (0, import_core30.getAddressBalances)(activeWalletInfo.address, sct, publishableKey).then((response) => {
       if (cancelled) return;
       const nonZero = response.balances.filter((b) => b.amount !== "0");
       const defaultSource = {
@@ -14448,9 +14530,16 @@ function WalletConnect({
     const [integerPart = "0", decimalPart = ""] = amountStr.trim().split(".");
     return (integerPart + decimalPart.padEnd(decimals, "0").slice(0, decimals)).replace(/^0+/, "") || "0";
   };
-  const sendEthereumTransaction = async (token, amountStr) => {
-    if (!recipientAddress || !/^0x[a-fA-F0-9]{40}$/.test(recipientAddress)) throw new Error(`Invalid recipient address.`);
-    const walletIdMap = { "phantom-ethereum": "phantom", coinbase: "coinbase", trust: "trust", okx: "okx", rainbow: "rainbow", rabby: "rabby", metamask: "metamask" };
+  const resolveEvmProvider = () => {
+    const walletIdMap = {
+      "phantom-ethereum": "phantom",
+      coinbase: "coinbase",
+      trust: "trust",
+      okx: "okx",
+      rainbow: "rainbow",
+      rabby: "rabby",
+      metamask: "metamask"
+    };
     const lookupId = walletIdMap[walletInfo.type] || walletInfo.type;
     const eip6963Match = findProviderByWalletId(lookupId);
     let provider = eip6963Match?.provider;
@@ -14459,6 +14548,11 @@ function WalletConnect({
       else if (walletInfo.type === "coinbase") provider = window.coinbaseWalletExtension || window.ethereum;
       else provider = window.ethereum;
     }
+    return provider;
+  };
+  const sendEthereumTransaction = async (token, amountStr) => {
+    if (!recipientAddress || !/^0x[a-fA-F0-9]{40}$/.test(recipientAddress)) throw new Error(`Invalid recipient address.`);
+    const provider = resolveEvmProvider();
     if (!provider) throw new Error("Ethereum wallet not found");
     const currentChainIdHex = await provider.request({ method: "eth_chainId", params: [] });
     if (parseInt(currentChainIdHex, 16).toString() !== token.chain_id) {
@@ -14507,7 +14601,7 @@ function WalletConnect({
     if (!provider.publicKey) await provider.connect();
     const isNative = token.token_address === "native" || token.token_address === "So11111111111111111111111111111111111111112" || token.token_address === "";
     const smallestUnit = isNative ? decimalToSmallestUnit(amountStr, 9) : decimalToSmallestUnit(amountStr, token.decimals);
-    const buildResp = await (0, import_core29.buildSolanaTransaction)({ chain_id: "mainnet", token_address: token.token_address === "" ? "native" : token.token_address, source_address: walletInfo.address, destination_address: recipientAddress, amount: smallestUnit }, publishableKey);
+    const buildResp = await (0, import_core30.buildSolanaTransaction)({ chain_id: "mainnet", token_address: token.token_address === "" ? "native" : token.token_address, source_address: walletInfo.address, destination_address: recipientAddress, amount: smallestUnit }, publishableKey);
     const { VersionedTransaction } = await import(
       /* @vite-ignore */
       "@solana/web3.js"
@@ -14520,9 +14614,22 @@ function WalletConnect({
     const ser = signed.serialize();
     let bs = "";
     for (let i = 0; i < ser.length; i++) bs += String.fromCharCode(ser[i]);
-    const resp = await (0, import_core29.sendSolanaTransaction)({ chain_id: "mainnet", signed_transaction: btoa(bs) }, publishableKey);
+    const resp = await (0, import_core30.sendSolanaTransaction)({ chain_id: "mainnet", signed_transaction: btoa(bs) }, publishableKey);
     return resp.signature;
   };
+  const sendHypercoreDeposit = async (token, amountStr) => {
+    const provider = resolveEvmProvider();
+    if (!provider) throw new Error("Ethereum wallet not found");
+    const { signature } = await sendHypercoreEvmTransfer({
+      provider,
+      fromAddress: walletInfo.address,
+      recipientAddress,
+      sourceTokenAddress: token.token_address,
+      amount: amountStr,
+      publishableKey
+    });
+    return signature;
+  };
   const handleConfirm = async () => {
     if (!hasWallet || !selectedBalance || !amountUsd || tokenAmount === 0 || !recipientAddress) return;
     const token = getTokenFromBalance(selectedBalance);
@@ -14542,7 +14649,33 @@ function WalletConnect({
     setIsConfirming(true);
     setError(null);
     try {
-      const txHash = token.chain_type === "solana" ? await sendSolanaTransaction(token, tokenAmount.toString()) : await sendEthereumTransaction(token, tokenAmount.toString());
+      const isHypercoreToken = String(token.chain_id) === HYPERCORE_CHAIN_ID;
+      let txHash;
+      if (token.chain_type === "solana") {
+        txHash = await sendSolanaTransaction(token, tokenAmount.toString());
+      } else if (isHypercoreToken) {
+        let sendAmount = tokenAmount;
+        try {
+          const activation = await (0, import_core30.checkHypercoreActivation)(
+            { source_address: walletInfo.address, recipient_address: recipientAddress },
+            publishableKey
+          );
+          if (!activation.user_exists) {
+            const fee = activation.activation_fee;
+            if (!Number.isFinite(tokenAmount) || tokenAmount <= fee) {
+              throw new Error(
+                `Insufficient amount. A ${fee} USDC activation fee is required for the first transfer to this address.`
+              );
+            }
+            sendAmount = tokenAmount - fee;
+          }
+        } catch (e) {
+          if (e instanceof Error && e.message.includes("activation fee")) throw e;
+        }
+        txHash = await sendHypercoreDeposit(token, sendAmount.toString());
+      } else {
+        txHash = await sendEthereumTransaction(token, tokenAmount.toString());
+      }
       setReceivedUsdAtSubmission(checkoutReceivedUsd ?? "0");
       setHasSignedTransaction(true);
       handleIveDeposited();
@@ -14581,7 +14714,10 @@ function WalletConnect({
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
                   WALLET_ICONS3[wallet.id] ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(WalletIconWithNetwork, { WalletIcon: WALLET_ICONS3[wallet.id], networks: wallet.networks, size: 40, className: "uf-rounded-lg" }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-w-10 uf-h-10 uf-rounded-lg uf-bg-gray-500" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-text-sm uf-font-medium", style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: wallet.name })
+                  /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-text-sm uf-font-medium", style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: wallet.name }),
+                    wallet.id === recentWalletId && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "uf-text-xs uf-px-2 uf-py-0.5 uf-rounded-full", style: { backgroundColor: colors2.primary + "20", color: colors2.primary, fontFamily: fonts.medium }, children: "Last used" })
+                  ] })
                 ] }),
                 isPending ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_lucide_react28.Loader2, { className: "uf-w-4 uf-h-4 uf-animate-spin", style: { color: colors2.primary } }) : wallet.isInstalled ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "uf-text-xs uf-px-2 uf-py-1 uf-rounded-full", style: { backgroundColor: colors2.primary + "20", color: colors2.primary, fontFamily: fonts.medium }, children: "Detected" }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-1", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "uf-text-xs", style: { color: colors2.foregroundMuted, fontFamily: fonts.regular }, children: showOpenInApp ? "Open" : "Install" }),
@@ -14719,8 +14855,8 @@ function WalletConnect({
     ] }) });
   }
   if (view === "mobile_deposit_status" && latestDepositExecution) {
-    const isComplete = latestDepositExecution.status === import_core29.ExecutionStatus.SUCCEEDED;
-    const isFailed = latestDepositExecution.status === import_core29.ExecutionStatus.FAILED;
+    const isComplete = latestDepositExecution.status === import_core30.ExecutionStatus.SUCCEEDED;
+    const isFailed = latestDepositExecution.status === import_core30.ExecutionStatus.FAILED;
     const title = isComplete ? "Payment Complete" : isFailed ? "Payment Failed" : "Payment Processing";
     return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(AccentColorOverride, { accentColor: preConnectAccent, accentForeground: preConnectFg, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { style: viewTransitionStyle, children: [
       /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
@@ -14760,7 +14896,7 @@ function WalletConnect({
   }
   if (view === "enter_amount" && selectedToken && selectedBalance) {
     return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(AccentColorOverride, { accentColor: walletAccent, accentForeground: walletAccentForeground, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { style: viewTransitionStyle, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(EnterAmountView, { walletInfo, selectedBalance, selectedToken, amountUsd, formattedTokenAmount, tokenChainDetails, inputUsdNum, maxUsdAmount, isValidAmount, error, onAmountChange: setAmountUsd, onMaxClick: handleMaxClick, onReview: handleReview, onBack: handleBack, onClose: onClose ?? (() => {
-    }), quickSelectMode: amountQuickSelect, checkoutAmountUsd, checkoutReceivedUsd }) }) });
+    }), quickSelectMode: amountQuickSelect, checkoutAmountUsd, checkoutReceivedUsd, footer: hypercoreNeedsActivation && !hypercoreActivationSponsored ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(HypercoreActivationWarning, { activationFee: hypercoreActivationFee }) : void 0 }) }) });
   }
   if (view === "review" && selectedToken) {
     return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(AccentColorOverride, { accentColor: walletAccent, accentForeground: walletAccentForeground, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { style: viewTransitionStyle, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ReviewView, { walletInfo, recipientAddress, assetCdnUrl, selectedToken, amountUsd, formattedTokenAmount, tokenChainDetails, loadingTokenDetails, showTransactionDetails, isConfirming, error, onToggleDetails: () => setShowTransactionDetails(!showTransactionDetails), onConfirm: handleConfirm, onBack: handleBack, onClose: onClose ?? (() => {
@@ -14799,6 +14935,9 @@ function SkeletonButton({
   ] });
 }
 var t7 = i18n.depositModal;
+function depositTabForScreen(screen) {
+  return screen === "card" || screen === "cashapp" ? "cash" : "crypto";
+}
 function DepositModal({
   open,
   onOpenChange,
@@ -14834,6 +14973,7 @@ function DepositModal({
   theme = "dark",
   hideOverlay = false,
   initialScreen = "main",
+  displayMode = "stacked",
   transferCryptoTitle = t7.transferCrypto.title,
   depositWithCardTitle = t7.depositWithCard.title,
   payWithExchangeTitle = t7.payWithExchange.title,
@@ -14868,6 +15008,9 @@ function DepositModal({
     effectiveInitialScreen
   );
   const [coinbaseSkipToHoldings, setCoinbaseSkipToHoldings] = (0, import_react20.useState)(false);
+  const [depositTab, setDepositTab] = (0, import_react20.useState)(
+    () => depositTabForScreen(effectiveInitialScreen)
+  );
   const resetViewTimeoutRef = (0, import_react20.useRef)(null);
   const [cardView, setCardView] = (0, import_react20.useState)(
     "amount"
@@ -14897,18 +15040,18 @@ function DepositModal({
   const [integrationExchanges, setIntegrationExchanges] = (0, import_react20.useState)([]);
   (0, import_react20.useEffect)(() => {
     if (!showConnectExchange || !open) return;
-    (0, import_core30.getIntegrationExchanges)(publishableKey).then((res) => setIntegrationExchanges(res.data)).catch(() => {
+    (0, import_core31.getIntegrationExchanges)(publishableKey).then((res) => setIntegrationExchanges(res.data)).catch(() => {
     });
   }, [showConnectExchange, open, publishableKey]);
   const [connectedExchange, setConnectedExchange] = (0, import_react20.useState)(() => {
     if (!showConnectExchange) return null;
-    const stored = getStoredIntegrationToken(import_core30.IntegrationProvider.COINBASE);
+    const stored = getStoredIntegrationToken(import_core31.IntegrationProvider.COINBASE);
     if (!stored) return null;
     return { name: "Coinbase", iconUrl: void 0, balanceUsd: null, isLoading: true };
   });
   (0, import_react20.useEffect)(() => {
     if (!showConnectExchange || !open || view !== "main") return;
-    const stored = getStoredIntegrationToken(import_core30.IntegrationProvider.COINBASE);
+    const stored = getStoredIntegrationToken(import_core31.IntegrationProvider.COINBASE);
     if (!stored) {
       setConnectedExchange(null);
       return;
@@ -14925,20 +15068,20 @@ function DepositModal({
       const balanceUsd = totalUsd > 0 ? totalUsd.toLocaleString(void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 }) : null;
       setConnectedExchange((prev) => prev ? { ...prev, balanceUsd, isLoading: false } : null);
     };
-    (0, import_core30.getIntegrationHoldings)(import_core30.IntegrationProvider.COINBASE, stored.access_token, publishableKey).then(processHoldings).catch(async () => {
+    (0, import_core31.getIntegrationHoldings)(import_core31.IntegrationProvider.COINBASE, stored.access_token, publishableKey).then(processHoldings).catch(async () => {
       try {
-        const refreshResult = await (0, import_core30.refreshIntegrationToken)(stored.access_token, publishableKey);
-        if (!getStoredIntegrationToken(import_core30.IntegrationProvider.COINBASE)) return;
+        const refreshResult = await (0, import_core31.refreshIntegrationToken)(stored.access_token, publishableKey);
+        if (!getStoredIntegrationToken(import_core31.IntegrationProvider.COINBASE)) return;
         setStoredIntegrationToken({
-          integration_provider: import_core30.IntegrationProvider.COINBASE,
+          integration_provider: import_core31.IntegrationProvider.COINBASE,
           access_token: refreshResult.access_token,
           expires_at: refreshResult.expires_at
         });
-        const retryResult = await (0, import_core30.getIntegrationHoldings)(import_core30.IntegrationProvider.COINBASE, refreshResult.access_token, publishableKey);
+        const retryResult = await (0, import_core31.getIntegrationHoldings)(import_core31.IntegrationProvider.COINBASE, refreshResult.access_token, publishableKey);
         processHoldings(retryResult);
       } catch {
-        if (!getStoredIntegrationToken(import_core30.IntegrationProvider.COINBASE)) return;
-        clearStoredIntegrationToken(import_core30.IntegrationProvider.COINBASE);
+        if (!getStoredIntegrationToken(import_core31.IntegrationProvider.COINBASE)) return;
+        clearStoredIntegrationToken(import_core31.IntegrationProvider.COINBASE);
         setConnectedExchange(null);
       }
     });
@@ -14946,7 +15089,7 @@ function DepositModal({
   (0, import_react20.useEffect)(() => {
     if (!connectedExchange || integrationExchanges.length === 0) return;
     const cbExchange = integrationExchanges.find(
-      (e) => e.service_provider === import_core30.IntegrationProvider.COINBASE
+      (e) => e.service_provider === import_core31.IntegrationProvider.COINBASE
     );
     const iconUrl = cbExchange?.icon_urls?.find((u) => u.format === "svg")?.url || cbExchange?.icon_urls?.find((u) => u.format === "png")?.url || cbExchange?.icon_url;
     if (iconUrl && iconUrl !== connectedExchange.iconUrl) {
@@ -15032,7 +15175,7 @@ function DepositModal({
     if (view !== "tracker" || !userId) return;
     const fetchExecutions = async () => {
       try {
-        const response = await (0, import_core30.queryExecutions)(userId, publishableKey, import_core30.ActionType.Deposit);
+        const response = await (0, import_core31.queryExecutions)(userId, publishableKey, import_core31.ActionType.Deposit);
         const sorted = [...response.data].sort((a, b) => {
           const timeA = a.created_at ? new Date(a.created_at).getTime() : 0;
           const timeB = b.created_at ? new Date(b.created_at).getTime() : 0;
@@ -15136,11 +15279,11 @@ function DepositModal({
     if (view === "wallet_connect" && sessionOpenedFromMenu) setView("main");
   };
   const handleExchangeDisconnect = () => {
-    const stored = getStoredIntegrationToken(import_core30.IntegrationProvider.COINBASE);
+    const stored = getStoredIntegrationToken(import_core31.IntegrationProvider.COINBASE);
     if (stored) {
-      (0, import_core30.revokeIntegrationToken)(stored.access_token, publishableKey);
+      (0, import_core31.revokeIntegrationToken)(stored.access_token, publishableKey);
     }
-    clearStoredIntegrationToken(import_core30.IntegrationProvider.COINBASE);
+    clearStoredIntegrationToken(import_core31.IntegrationProvider.COINBASE);
     setConnectedExchange(null);
     if (view === "coinbase_connect" && sessionOpenedFromMenu) setView("main");
   };
@@ -15165,6 +15308,7 @@ function DepositModal({
       resetViewTimeoutRef.current = null;
     }
     setView(effectiveInitialScreen);
+    setDepositTab(depositTabForScreen(effectiveInitialScreen));
     setCardView("amount");
     setExchangeView("providers");
     setBrowserWalletInfo(null);
@@ -15193,6 +15337,7 @@ function DepositModal({
     } else if (view === "cashapp" && cashAppView !== "amount") {
       setCashAppView("amount");
     } else {
+      setDepositTab(depositTabForScreen(view));
       setView("main");
       setCardView("amount");
       setExchangeView("providers");
@@ -15272,6 +15417,184 @@ function DepositModal({
       className: "uf-flex uf-justify-center uf-shrink-0"
     }
   ) });
+  const transferCryptoMenuButton = showTransferCrypto ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    TransferCryptoButton,
+    {
+      onClick: () => setView("transfer"),
+      title: transferCryptoTitle,
+      subtitle: t7.transferCrypto.subtitle,
+      featuredTokens: projectConfig?.transfer_crypto.networks
+    },
+    "transfer"
+  ) : null;
+  const connectWalletMenuButton = showConnectWallet ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    BrowserWalletButton,
+    {
+      onClick: handleBrowserWalletClick,
+      onConnectClick: handleWalletConnectClick,
+      onDisconnect: handleWalletDisconnect,
+      chainType: browserWalletChainType,
+      publishableKey,
+      featuredWallets: projectConfig?.connect_wallet?.wallets
+    },
+    "wallet"
+  ) : null;
+  const depositWithCardMenuButton = showFiatOnramp ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    DepositWithCardButton,
+    {
+      onClick: () => setView("card"),
+      title: depositWithCardTitle,
+      subtitle: t7.depositWithCard.subtitle,
+      paymentNetworks: projectConfig?.payment_networks.networks
+    },
+    "card"
+  ) : null;
+  const payWithExchangeMenuButton = showPayWithExchange ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    PayWithExchangeButton,
+    {
+      onClick: () => setView("exchange"),
+      title: payWithExchangeTitle,
+      subtitle: t7.payWithExchange.subtitle,
+      exchanges,
+      loading: exchangesLoading
+    },
+    "exchange"
+  ) : null;
+  const connectExchangeMenuButton = showConnectExchange && connectedExchange ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    ConnectExchangeButton,
+    {
+      onClick: () => {
+        setCoinbaseSkipToHoldings(true);
+        setView("coinbase_connect");
+      },
+      onDisconnect: handleExchangeDisconnect,
+      title: i18n.connectExchange.title,
+      subtitle: i18n.connectExchange.subtitle,
+      exchanges: integrationExchanges,
+      connectedExchange
+    },
+    "connect-exchange"
+  ) : showConnectExchange && !connectedExchange ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    ConnectExchangeButton,
+    {
+      onClick: () => {
+        setCoinbaseSkipToHoldings(false);
+        setView("coinbase_connect");
+      },
+      title: i18n.connectExchange.title,
+      subtitle: i18n.connectExchange.subtitle,
+      exchanges: integrationExchanges
+    },
+    "connect-exchange"
+  ) : null;
+  const cashAppMenuButton = showCashApp ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    CashAppButton,
+    {
+      onClick: () => setView("cashapp"),
+      title: "Pay with Cash App",
+      subtitle: "Deposit via Cash App",
+      iconUrl: projectConfig?.asset_cdn_url ? `${projectConfig.asset_cdn_url}/api/public/icons/onramps/svg/cashapp.svg` : void 0
+    },
+    "cashapp"
+  ) : null;
+  const depositTrackerMenuButton = showDepositTracker ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    DepositTrackerButton,
+    {
+      onClick: () => {
+        setAllExecutions(depositExecutions);
+        setView("tracker");
+      },
+      title: depositTrackerTitle,
+      subtitle: depositTrackerSubTitle,
+      badge: depositExecutions.length > 0 ? depositExecutions.length : void 0
+    },
+    "tracker"
+  ) : null;
+  const cryptoMenuButtons = [
+    transferCryptoMenuButton,
+    connectWalletMenuButton,
+    payWithExchangeMenuButton,
+    connectExchangeMenuButton
+  ].filter(Boolean);
+  const cashMenuButtons = [
+    depositWithCardMenuButton,
+    cashAppMenuButton
+  ].filter(Boolean);
+  const depositTabs = [
+    { id: "crypto", label: "Use Crypto", icon: import_lucide_react29.Bitcoin, buttons: cryptoMenuButtons },
+    { id: "cash", label: "Use Cash", icon: import_lucide_react29.DollarSign, buttons: cashMenuButtons }
+  ].filter((tab) => tab.buttons.length > 0);
+  const activeDepositTab = depositTabs.find((tab) => tab.id === depositTab) ?? depositTabs[0];
+  const renderMainMenuBody = () => {
+    if (depositPrerequisiteBody) {
+      return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "uf-space-y-3", children: depositPrerequisiteBody });
+    }
+    if (displayMode === "tabs" && activeDepositTab) {
+      return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { children: [
+        depositTabs.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+          "div",
+          {
+            className: "uf-flex uf-gap-1 uf-p-1 uf-rounded-xl uf-mb-3",
+            style: {
+              // Frosted-glass track: a translucent fill plus a backdrop blur so
+              // the control reads as a soft surface rather than a solid bar.
+              backgroundColor: `color-mix(in srgb, ${colors2.card} 55%, transparent)`,
+              backdropFilter: "blur(12px)",
+              WebkitBackdropFilter: "blur(12px)"
+            },
+            role: "tablist",
+            children: depositTabs.map((tab) => {
+              const active = activeDepositTab.id === tab.id;
+              const TabIcon = tab.icon;
+              return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                "button",
+                {
+                  type: "button",
+                  role: "tab",
+                  "aria-selected": active,
+                  onClick: () => setDepositTab(tab.id),
+                  className: "uf-flex-1 uf-py-2 uf-px-3 uf-rounded-lg uf-text-sm uf-transition-all uf-flex uf-items-center uf-justify-center uf-gap-1.5",
+                  style: {
+                    backgroundColor: active ? `color-mix(in srgb, ${colors2.primary} 22%, transparent)` : "transparent",
+                    backdropFilter: active ? "blur(8px)" : void 0,
+                    WebkitBackdropFilter: active ? "blur(8px)" : void 0,
+                    boxShadow: active ? `0 1px 8px color-mix(in srgb, ${colors2.primary} 25%, transparent)` : void 0,
+                    color: active ? colors2.foreground : colors2.foregroundMuted,
+                    fontFamily: fonts.medium
+                  },
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                      "span",
+                      {
+                        className: "uf-inline-flex uf-items-center uf-justify-center uf-rounded-full uf-w-5 uf-h-5 uf-flex-shrink-0",
+                        style: {
+                          backgroundColor: active ? colors2.foreground : colors2.foregroundMuted
+                        },
+                        children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(TabIcon, { size: 12, style: { color: active ? colors2.background : colors2.background }, strokeWidth: 2.5 })
+                      }
+                    ),
+                    tab.label
+                  ]
+                },
+                tab.id
+              );
+            })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "uf-space-y-3", children: activeDepositTab.buttons }),
+        depositTrackerMenuButton && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "uf-mt-3", children: depositTrackerMenuButton })
+      ] });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "uf-space-y-3", children: [
+      transferCryptoMenuButton,
+      connectWalletMenuButton,
+      depositWithCardMenuButton,
+      payWithExchangeMenuButton,
+      connectExchangeMenuButton,
+      cashAppMenuButton,
+      depositTrackerMenuButton
+    ] });
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(PortalContainerProvider, { value: hideOverlay ? containerEl : null, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     Dialog,
     {
@@ -15298,7 +15621,7 @@ function DepositModal({
                   onClose: handleClose,
                   showBalance: showBalanceHeader,
                   balanceAddress: recipientAddress,
-                  balanceChainType: destinationChainType === "ethereum" || destinationChainType === "solana" || destinationChainType === "bitcoin" ? destinationChainType : void 0,
+                  balanceChainType: destinationChainType === "ethereum" || destinationChainType === "solana" || destinationChainType === "bitcoin" || destinationChainType === "n1" ? destinationChainType : void 0,
                   balanceChainId: destinationChainId,
                   balanceTokenAddress: destinationTokenAddress,
                   projectName: projectConfig?.project_name,
@@ -15306,94 +15629,7 @@ function DepositModal({
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "uf-space-y-3", children: depositPrerequisiteBody ?? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
-                  showTransferCrypto && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-                    TransferCryptoButton,
-                    {
-                      onClick: () => setView("transfer"),
-                      title: transferCryptoTitle,
-                      subtitle: t7.transferCrypto.subtitle,
-                      featuredTokens: projectConfig?.transfer_crypto.networks
-                    }
-                  ),
-                  showConnectWallet && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-                    BrowserWalletButton,
-                    {
-                      onClick: handleBrowserWalletClick,
-                      onConnectClick: handleWalletConnectClick,
-                      onDisconnect: handleWalletDisconnect,
-                      chainType: browserWalletChainType,
-                      publishableKey,
-                      featuredWallets: projectConfig?.connect_wallet?.wallets
-                    }
-                  ),
-                  showFiatOnramp && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-                    DepositWithCardButton,
-                    {
-                      onClick: () => setView("card"),
-                      title: depositWithCardTitle,
-                      subtitle: t7.depositWithCard.subtitle,
-                      paymentNetworks: projectConfig?.payment_networks.networks
-                    }
-                  ),
-                  showPayWithExchange && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-                    PayWithExchangeButton,
-                    {
-                      onClick: () => setView("exchange"),
-                      title: payWithExchangeTitle,
-                      subtitle: t7.payWithExchange.subtitle,
-                      exchanges,
-                      loading: exchangesLoading
-                    }
-                  ),
-                  showConnectExchange && connectedExchange && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-                    ConnectExchangeButton,
-                    {
-                      onClick: () => {
-                        setCoinbaseSkipToHoldings(true);
-                        setView("coinbase_connect");
-                      },
-                      onDisconnect: handleExchangeDisconnect,
-                      title: i18n.connectExchange.title,
-                      subtitle: i18n.connectExchange.subtitle,
-                      exchanges: integrationExchanges,
-                      connectedExchange
-                    }
-                  ),
-                  showConnectExchange && !connectedExchange && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-                    ConnectExchangeButton,
-                    {
-                      onClick: () => {
-                        setCoinbaseSkipToHoldings(false);
-                        setView("coinbase_connect");
-                      },
-                      title: i18n.connectExchange.title,
-                      subtitle: i18n.connectExchange.subtitle,
-                      exchanges: integrationExchanges
-                    }
-                  ),
-                  showCashApp && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-                    CashAppButton,
-                    {
-                      onClick: () => setView("cashapp"),
-                      title: "Pay with Cash App",
-                      subtitle: "Deposit via Cash App",
-                      iconUrl: projectConfig?.asset_cdn_url ? `${projectConfig.asset_cdn_url}/api/public/icons/onramps/svg/cashapp.svg` : void 0
-                    }
-                  ),
-                  showDepositTracker && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-                    DepositTrackerButton,
-                    {
-                      onClick: () => {
-                        setAllExecutions(depositExecutions);
-                        setView("tracker");
-                      },
-                      title: depositTrackerTitle,
-                      subtitle: depositTrackerSubTitle,
-                      badge: depositExecutions.length > 0 ? depositExecutions.length : void 0
-                    }
-                  )
-                ] }) }),
+                renderMainMenuBody(),
                 depositPoweredByFooter
               ] })
             ] }) : view === "transfer" ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
@@ -15406,7 +15642,7 @@ function DepositModal({
                   onClose: handleClose,
                   showBalance: showBalanceHeader,
                   balanceAddress: recipientAddress,
-                  balanceChainType: destinationChainType === "ethereum" || destinationChainType === "solana" || destinationChainType === "bitcoin" ? destinationChainType : void 0,
+                  balanceChainType: destinationChainType === "ethereum" || destinationChainType === "solana" || destinationChainType === "bitcoin" || destinationChainType === "n1" ? destinationChainType : void 0,
                   balanceChainId: destinationChainId,
                   balanceTokenAddress: destinationTokenAddress,
                   projectName: projectConfig?.project_name,
@@ -15494,7 +15730,7 @@ function DepositModal({
                   badge: cardView === "quotes" ? { count: quotesCount } : void 0,
                   showBalance: showBalanceHeader,
                   balanceAddress: recipientAddress,
-                  balanceChainType: destinationChainType === "ethereum" || destinationChainType === "solana" || destinationChainType === "bitcoin" ? destinationChainType : void 0,
+                  balanceChainType: destinationChainType === "ethereum" || destinationChainType === "solana" || destinationChainType === "bitcoin" || destinationChainType === "n1" ? destinationChainType : void 0,
                   balanceChainId: destinationChainId,
                   balanceTokenAddress: destinationTokenAddress,
                   projectName: projectConfig?.project_name,
@@ -15682,7 +15918,7 @@ var import_lucide_react30 = require("lucide-react");
 
 // src/hooks/use-payment-intent.ts
 var import_react_query14 = require("@tanstack/react-query");
-var import_core31 = require("@unifold/core");
+var import_core32 = require("@unifold/core");
 var TERMINAL_STATUSES = /* @__PURE__ */ new Set([
   "succeeded",
   "expired",
@@ -15698,7 +15934,7 @@ function usePaymentIntent(params) {
   } = params;
   return (0, import_react_query14.useQuery)({
     queryKey: ["unifold", "paymentIntent", clientSecret, publishableKey],
-    queryFn: () => (0, import_core31.retrievePaymentIntent)(clientSecret, publishableKey),
+    queryFn: () => (0, import_core32.retrievePaymentIntent)(clientSecret, publishableKey),
     enabled: enabled && !!clientSecret && !!publishableKey,
     staleTime: 0,
     refetchInterval: (query) => {
@@ -16357,11 +16593,11 @@ var import_lucide_react33 = require("lucide-react");
 
 // src/hooks/use-supported-destination-tokens.ts
 var import_react_query15 = require("@tanstack/react-query");
-var import_core32 = require("@unifold/core");
+var import_core33 = require("@unifold/core");
 function useSupportedDestinationTokens(publishableKey, enabled = true) {
   return (0, import_react_query15.useQuery)({
     queryKey: ["unifold", "supportedDestinationTokens", publishableKey],
-    queryFn: () => (0, import_core32.getSupportedDestinationTokens)(publishableKey),
+    queryFn: () => (0, import_core33.getSupportedDestinationTokens)(publishableKey),
     staleTime: 1e3 * 60 * 5,
     gcTime: 1e3 * 60 * 30,
     refetchOnMount: false,
@@ -16389,7 +16625,7 @@ function useDefaultDestinationToken({
 
 // src/hooks/use-source-token-validation.ts
 var import_react_query16 = require("@tanstack/react-query");
-var import_core33 = require("@unifold/core");
+var import_core34 = require("@unifold/core");
 function useSourceTokenValidation(params) {
   const {
     sourceChainType,
@@ -16410,7 +16646,7 @@ function useSourceTokenValidation(params) {
       publishableKey
     ],
     queryFn: async () => {
-      const res = await (0, import_core33.getSupportedDepositTokens)(publishableKey);
+      const res = await (0, import_core34.getSupportedDepositTokens)(publishableKey);
       let matchedMinUsd = null;
       let matchedProcessingTime = null;
       let matchedSlippage = null;
@@ -16449,7 +16685,7 @@ function useSourceTokenValidation(params) {
 
 // src/hooks/use-address-balance.ts
 var import_react_query17 = require("@tanstack/react-query");
-var import_core34 = require("@unifold/core");
+var import_core35 = require("@unifold/core");
 function useAddressBalance(params) {
   const {
     address,
@@ -16471,7 +16707,7 @@ function useAddressBalance(params) {
       publishableKey
     ],
     queryFn: async () => {
-      const res = await (0, import_core34.getAddressBalance)(
+      const res = await (0, import_core35.getAddressBalance)(
         address,
         chainType,
         chainId,
@@ -16510,12 +16746,12 @@ function useAddressBalance(params) {
 
 // src/hooks/use-executions.ts
 var import_react_query18 = require("@tanstack/react-query");
-var import_core35 = require("@unifold/core");
+var import_core36 = require("@unifold/core");
 function useExecutions(userId, publishableKey, options) {
-  const actionType = options?.actionType ?? import_core35.ActionType.Deposit;
+  const actionType = options?.actionType ?? import_core36.ActionType.Deposit;
   return (0, import_react_query18.useQuery)({
     queryKey: ["unifold", "executions", actionType, userId, publishableKey],
-    queryFn: () => (0, import_core35.queryExecutions)(userId, publishableKey, actionType),
+    queryFn: () => (0, import_core36.queryExecutions)(userId, publishableKey, actionType),
     enabled: (options?.enabled ?? true) && !!userId,
     refetchInterval: options?.refetchInterval ?? 3e3,
     staleTime: 0,
@@ -16526,7 +16762,7 @@ function useExecutions(userId, publishableKey, options) {
 
 // src/hooks/use-withdraw-polling.ts
 var import_react22 = require("react");
-var import_core36 = require("@unifold/core");
+var import_core37 = require("@unifold/core");
 var POLL_INTERVAL_MS3 = 2500;
 var POLL_ENDPOINT_INTERVAL_MS2 = 5e3;
 var CUTOFF_BUFFER_MS2 = 6e4;
@@ -16566,15 +16802,15 @@ function useWithdrawPolling({
     const enabledAt = enabledAtRef.current;
     const poll = async () => {
       try {
-        const response = await (0, import_core36.queryExecutions)(userId, publishableKey, import_core36.ActionType.Withdraw);
+        const response = await (0, import_core37.queryExecutions)(userId, publishableKey, import_core37.ActionType.Withdraw);
         const cutoff = new Date(enabledAt.getTime() - CUTOFF_BUFFER_MS2);
         const sorted = [...response.data].sort((a, b) => {
           const tA = a.created_at ? new Date(a.created_at).getTime() : 0;
           const tB = b.created_at ? new Date(b.created_at).getTime() : 0;
           return tB - tA;
         });
-        const inProgress = [import_core36.ExecutionStatus.PENDING, import_core36.ExecutionStatus.WAITING, import_core36.ExecutionStatus.DELAYED];
-        const terminal = [import_core36.ExecutionStatus.SUCCEEDED, import_core36.ExecutionStatus.FAILED];
+        const inProgress = [import_core37.ExecutionStatus.PENDING, import_core37.ExecutionStatus.WAITING, import_core37.ExecutionStatus.DELAYED];
+        const terminal = [import_core37.ExecutionStatus.SUCCEEDED, import_core37.ExecutionStatus.FAILED];
         let target = null;
         for (const ex of sorted) {
           const t12 = ex.created_at ? new Date(ex.created_at) : null;
@@ -16604,9 +16840,9 @@ function useWithdrawPolling({
             }
             return [...list, ex];
           });
-          if (ex.status === import_core36.ExecutionStatus.SUCCEEDED && (!prev || inProgress.includes(prev))) {
+          if (ex.status === import_core37.ExecutionStatus.SUCCEEDED && (!prev || inProgress.includes(prev))) {
             onSuccessRef.current?.({ message: "Withdrawal completed successfully", executionId: ex.id, transaction: ex });
-          } else if (ex.status === import_core36.ExecutionStatus.FAILED && prev !== import_core36.ExecutionStatus.FAILED) {
+          } else if (ex.status === import_core37.ExecutionStatus.FAILED && prev !== import_core37.ExecutionStatus.FAILED) {
             onErrorRef.current?.({ message: "Withdrawal failed", code: "WITHDRAW_FAILED", error: ex });
           }
         }
@@ -16627,7 +16863,7 @@ function useWithdrawPolling({
     if (!enabled || !depositWalletId) return;
     const trigger = async () => {
       try {
-        await (0, import_core36.pollDirectExecutions)({ deposit_wallet_id: depositWalletId }, publishableKey);
+        await (0, import_core37.pollDirectExecutions)({ deposit_wallet_id: depositWalletId }, publishableKey);
       } catch {
       }
     };
@@ -16796,11 +17032,11 @@ function WithdrawDoubleInput({
 // src/components/withdrawals/WithdrawForm.tsx
 var import_react24 = require("react");
 var import_lucide_react31 = require("lucide-react");
-var import_core41 = require("@unifold/core");
+var import_core42 = require("@unifold/core");
 
 // src/hooks/use-verify-recipient-address.ts
 var import_react_query19 = require("@tanstack/react-query");
-var import_core37 = require("@unifold/core");
+var import_core38 = require("@unifold/core");
 function useVerifyRecipientAddress(params) {
   const {
     chainType,
@@ -16822,7 +17058,7 @@ function useVerifyRecipientAddress(params) {
       trimmedAddress,
       publishableKey
     ],
-    queryFn: () => (0, import_core37.verifyRecipientAddress)(
+    queryFn: () => (0, import_core38.verifyRecipientAddress)(
       {
         chain_type: chainType,
         chain_id: chainId,
@@ -16841,7 +17077,7 @@ function useVerifyRecipientAddress(params) {
 }
 
 // src/components/withdrawals/send-withdraw.ts
-var import_core38 = require("@unifold/core");
+var import_core39 = require("@unifold/core");
 async function sendEvmWithdraw(params) {
   const {
     provider,
@@ -16919,7 +17155,7 @@ async function sendSolanaWithdraw(params) {
   if (!provider.publicKey) {
     await provider.connect();
   }
-  const buildResponse = await (0, import_core38.buildSolanaTransaction)(
+  const buildResponse = await (0, import_core39.buildSolanaTransaction)(
     {
       chain_id: "mainnet",
       token_address: sourceTokenAddress === "" ? "native" : sourceTokenAddress,
@@ -16945,56 +17181,21 @@ async function sendSolanaWithdraw(params) {
   for (let i = 0; i < serialized.length; i++) {
     binaryStr += String.fromCharCode(serialized[i]);
   }
-  const sendResponse = await (0, import_core38.sendSolanaTransaction)(
+  const sendResponse = await (0, import_core39.sendSolanaTransaction)(
     { chain_id: "mainnet", signed_transaction: btoa(binaryStr) },
     publishableKey
   );
   return sendResponse.signature;
 }
-var HYPERCORE_SPOT_USDC_ADDRESS = "0x6d1e7cde53ba9467b783cb7c530ce054";
-function isHypercoreChain(chainId) {
-  return chainId === HYPERCORE_CHAIN_ID;
-}
 async function sendHypercoreWithdraw(params) {
-  const {
-    provider,
-    fromAddress,
-    depositWalletAddress,
-    sourceTokenAddress,
-    amount,
-    tokenSymbol,
-    publishableKey
-  } = params;
-  const isSpot = sourceTokenAddress.toLowerCase() === HYPERCORE_SPOT_USDC_ADDRESS;
-  const currentChainHex = await provider.request({
-    method: "eth_chainId",
-    params: []
-  });
-  const activeChainId = String(parseInt(currentChainHex, 16));
-  const buildResult = await (0, import_core38.buildHypercoreTransaction)(
-    {
-      action_type: isSpot ? "spot_send" : "usd_send",
-      signature_chain_type: "ethereum",
-      signature_chain_id: activeChainId,
-      recipient_address: depositWalletAddress,
-      token_address: sourceTokenAddress,
-      token_symbol: tokenSymbol || void 0,
-      amount
-    },
-    publishableKey
-  );
-  const signature = await provider.request({
-    method: "eth_signTypedData_v4",
-    params: [fromAddress, JSON.stringify(buildResult.typed_data)]
+  await sendHypercoreEvmTransfer({
+    provider: params.provider,
+    fromAddress: params.fromAddress,
+    recipientAddress: params.depositWalletAddress,
+    sourceTokenAddress: params.sourceTokenAddress,
+    amount: params.amount,
+    publishableKey: params.publishableKey
   });
-  await (0, import_core38.sendHypercoreTransaction)(
-    {
-      action_payload: buildResult.action_payload,
-      signature,
-      nonce: buildResult.nonce
-    },
-    publishableKey
-  );
 }
 async function detectBrowserWallet(chainType, senderAddress) {
   const win = typeof window !== "undefined" ? window : null;
@@ -17076,11 +17277,11 @@ async function detectBrowserWallet(chainType, senderAddress) {
 
 // src/hooks/use-hypercore-withdraw-activation.ts
 var import_react23 = require("react");
-var import_core40 = require("@unifold/core");
+var import_core41 = require("@unifold/core");
 
 // src/hooks/use-get-deposit-address.ts
 var import_react_query20 = require("@tanstack/react-query");
-var import_core39 = require("@unifold/core");
+var import_core40 = require("@unifold/core");
 function useGetDepositAddress(params) {
   const {
     userId,
@@ -17105,7 +17306,7 @@ function useGetDepositAddress(params) {
       actionType ?? null,
       publishableKey
     ],
-    queryFn: () => (0, import_core39.getDepositAddress)(
+    queryFn: () => (0, import_core40.getDepositAddress)(
       {
         external_user_id: userId,
         recipient_address: recipientAddress,
@@ -17159,7 +17360,7 @@ function useHypercoreWithdrawActivation(params) {
     destinationChainType,
     destinationChainId,
     destinationTokenAddress,
-    actionType: import_core40.ActionType.Withdraw,
+    actionType: import_core41.ActionType.Withdraw,
     enabled: enabled && isHypercore(sourceChainId)
   });
   const depositWalletAddress = (0, import_react23.useMemo)(() => {
@@ -17428,7 +17629,7 @@ function WithdrawForm({
       let humanAmount = isMaxed ? balanceData.balanceHuman : toSafeDecimalString(cryptoAmountFromInput, sourceDecimals);
       if (isHypercoreChain(sourceChainId)) {
         try {
-          const check = await (0, import_core41.checkHypercoreActivation)(
+          const check = await (0, import_core42.checkHypercoreActivation)(
             {
               source_address: senderAddress,
               recipient_address: depositWallet.address
@@ -17745,14 +17946,14 @@ function WithdrawForm({
 
 // src/components/withdrawals/WithdrawExecutionItem.tsx
 var import_lucide_react32 = require("lucide-react");
-var import_core42 = require("@unifold/core");
+var import_core43 = require("@unifold/core");
 var import_jsx_runtime59 = require("react/jsx-runtime");
 function WithdrawExecutionItem({
   execution,
   onClick
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const isPending = execution.status === import_core42.ExecutionStatus.PENDING || execution.status === import_core42.ExecutionStatus.WAITING || execution.status === import_core42.ExecutionStatus.DELAYED;
+  const isPending = execution.status === import_core43.ExecutionStatus.PENDING || execution.status === import_core43.ExecutionStatus.WAITING || execution.status === import_core43.ExecutionStatus.DELAYED;
   const formatDateTime = (timestamp) => {
     try {
       const date = new Date(timestamp);
@@ -17799,7 +18000,7 @@ function WithdrawExecutionItem({
           /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
             "img",
             {
-              src: execution.destination_token_metadata?.icon_url || (0, import_core42.getIconUrl)("/icons/tokens/svg/usdc.svg"),
+              src: execution.destination_token_metadata?.icon_url || (0, import_core43.getIconUrl)("/icons/tokens/svg/usdc.svg"),
               alt: "Token",
               width: 36,
               height: 36,
@@ -18021,8 +18222,6 @@ function WithdrawConfirmingView({
           className: "uf-text-sm uf-text-center",
           style: { color: colors2.foregroundMuted, fontFamily: fonts.regular },
           children: [
-            txInfo.amount,
-            " ",
             txInfo.sourceTokenSymbol,
             " to",
             " ",
@@ -18058,7 +18257,7 @@ function WithdrawConfirmingView({
 }
 
 // src/components/withdrawals/WithdrawModal.tsx
-var import_core43 = require("@unifold/core");
+var import_core44 = require("@unifold/core");
 var import_jsx_runtime61 = require("react/jsx-runtime");
 var t10 = i18n.withdrawModal;
 var getChainKey5 = (chainId, chainType) => `${chainType}:${chainId}`;
@@ -18149,25 +18348,25 @@ function WithdrawModal({
     onWithdrawError
   });
   const { data: allWithdrawalsData } = useExecutions(externalUserId, publishableKey, {
-    actionType: import_core43.ActionType.Withdraw,
+    actionType: import_core44.ActionType.Withdraw,
     enabled: open,
     refetchInterval: view === "tracker" || view === "detail" ? 5e3 : 15e3
   });
   const allWithdrawals = allWithdrawalsData?.data ?? [];
   const handleDepositWalletCreation = (0, import_react26.useCallback)(async (params) => {
-    const { data: wallets } = await (0, import_core43.createDepositAddress)(
+    const { data: wallets } = await (0, import_core44.createDepositAddress)(
       {
         external_user_id: externalUserId,
         destination_chain_type: params.destinationChainType,
         destination_chain_id: params.destinationChainId,
         destination_token_address: params.destinationTokenAddress,
         recipient_address: params.recipientAddress,
-        action_type: import_core43.ActionType.Withdraw,
+        action_type: import_core44.ActionType.Withdraw,
         source_chain_type: sourceChainType
       },
       publishableKey
     );
-    const depositWallet = (0, import_core43.getWalletByChainType)(wallets, sourceChainType);
+    const depositWallet = (0, import_core44.getWalletByChainType)(wallets, sourceChainType);
     if (!depositWallet) {
       throw new Error(`No deposit wallet available for ${sourceChainType}`);
     }