@unifold/ui-react 0.1.63 → 0.1.65

package/dist/index.mjs

@@ -97,6 +97,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;
@@ -464,6 +480,36 @@ function ThemeProvider({
   );
   return /* @__PURE__ */ jsx(ThemeContext.Provider, { value: contextValue, children });
 }
+function AccentColorOverride({
+  accentColor,
+  accentForeground,
+  children
+}) {
+  const parent = useTheme();
+  const value = React.useMemo(() => {
+    if (!accentColor) return parent;
+    const foreground = accentForeground ?? parent.colors.primaryForeground;
+    const nextColors = {
+      ...parent.colors,
+      primary: accentColor,
+      primaryForeground: foreground
+    };
+    const nextComponents = {
+      ...parent.components,
+      button: {
+        ...parent.components.button,
+        primaryBackground: accentColor,
+        primaryText: foreground
+      },
+      card: {
+        ...parent.components.card,
+        iconBackgroundColor: `${accentColor}26`
+      }
+    };
+    return { ...parent, colors: nextColors, components: nextComponents };
+  }, [parent, accentColor, accentForeground]);
+  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value, children });
+}
 function useTheme() {
   const context = React.useContext(ThemeContext);
   if (!context) {
@@ -929,7 +975,7 @@ function DepositHeader({
       setShowBalanceSkeleton(false);
       return;
     }
-    const supportedChainTypes = ["ethereum", "solana", "bitcoin"];
+    const supportedChainTypes = ["ethereum", "solana", "bitcoin", "n1"];
     if (!supportedChainTypes.includes(
       balanceChainType
     )) {
@@ -1591,6 +1637,7 @@ function useDepositPolling({
   clientSecret,
   depositConfirmationMode = "auto_ui",
   depositWalletId,
+  depositWalletIds,
   enabled = true,
   immediateDirectPolling = false,
   onDepositSuccess,
@@ -1736,21 +1783,25 @@ function useDepositPolling({
       setIsPolling(false);
     };
   }, [userId, publishableKey, clientSecret, enabled]);
+  const pollWalletIdsKey = depositWalletIds && depositWalletIds.length > 0 ? Array.from(new Set(depositWalletIds.filter(Boolean))).join(",") : depositWalletId || "";
   useEffect3(() => {
-    if (!pollingEnabled || !depositWalletId) return;
+    if (!pollingEnabled || !pollWalletIdsKey) return;
+    const ids = pollWalletIdsKey.split(",").filter(Boolean);
     const triggerPoll = async () => {
-      try {
-        await pollDirectExecutions(
-          { deposit_wallet_id: depositWalletId },
-          publishableKey
-        );
-      } catch {
-      }
+      await Promise.all(
+        ids.map(
+          (id) => pollDirectExecutions(
+            { deposit_wallet_id: id },
+            publishableKey
+          ).catch(() => {
+          })
+        )
+      );
     };
     triggerPoll();
     const interval = setInterval(triggerPoll, POLL_ENDPOINT_INTERVAL_MS);
     return () => clearInterval(interval);
-  }, [pollingEnabled, depositWalletId, publishableKey]);
+  }, [pollingEnabled, pollWalletIdsKey, publishableKey]);
   const handleIveDeposited = () => {
     setPollingEnabled(true);
     setShowWaitingUi(true);
@@ -2974,6 +3025,7 @@ function BuyWithCard({
     if (!selectedProvider) return "0.000000";
     return selectedProvider.destination_amount.toFixed(6);
   };
+  const canOpenProviderSelector = !quotesLoading && quotes.length > 1;
   const selectedCurrencyData = fiatCurrencies.find(
     (c) => c.currency_code.toLowerCase() === currency.toLowerCase()
   );
@@ -3159,9 +3211,12 @@ function BuyWithCard({
                 /* @__PURE__ */ jsx11(
                   "button",
                   {
-                    onClick: () => handleViewChange("quotes"),
+                    onClick: () => {
+                      if (canOpenProviderSelector) handleViewChange("quotes");
+                    },
                     disabled: quotesLoading || quotes.length === 0,
-                    className: "uf-w-full hover:uf-bg-accent uf-transition-colors uf-p-4 uf-group disabled:uf-opacity-50 disabled:uf-cursor-not-allowed",
+                    "aria-disabled": !canOpenProviderSelector,
+                    className: `uf-w-full uf-transition-colors uf-p-4 uf-group disabled:uf-opacity-50 disabled:uf-cursor-not-allowed ${canOpenProviderSelector ? "hover:uf-bg-accent uf-cursor-pointer" : "uf-cursor-default"}`,
                     style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` },
                     children: quotesLoading ? /* @__PURE__ */ jsxs9("div", { className: "uf-text-left uf-w-full uf-animate-pulse", children: [
                       /* @__PURE__ */ jsx11(
@@ -3188,7 +3243,7 @@ function BuyWithCard({
                         )
                       ] })
                     ] }) : /* @__PURE__ */ jsxs9("div", { className: "uf-w-full uf-text-left", children: [
-                      isAutoSelected && /* @__PURE__ */ jsx11(
+                      isAutoSelected && canOpenProviderSelector && /* @__PURE__ */ jsx11(
                         "div",
                         {
                           className: "uf-text-xs uf-font-normal uf-mb-2",
@@ -3224,7 +3279,7 @@ function BuyWithCard({
                           ),
                           selectedProvider.low_kyc === false && /* @__PURE__ */ jsx11("div", { className: "uf-flex uf-items-center uf-gap-1.5 uf-mt-0.5", children: /* @__PURE__ */ jsx11("span", { className: "uf-text-[10px] uf-text-muted-foreground uf-font-normal", children: "No document upload" }) })
                         ] }),
-                        quotes.length > 0 && /* @__PURE__ */ jsx11(
+                        canOpenProviderSelector && /* @__PURE__ */ jsx11(
                           ChevronRight,
                           {
                             className: "uf-w-4 uf-h-4 group-hover:uf-text-foreground uf-transition-colors uf-flex-shrink-0",
@@ -11326,7 +11381,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;
@@ -12514,9 +12569,58 @@ import { ExternalLink as ExternalLink3, Loader2 as Loader28 } from "lucide-react
 import {
   getAddressBalances as getAddressBalances2,
   getSupportedDepositTokens as getSupportedDepositTokens2,
+  ExecutionStatus as ExecutionStatus5,
   buildSolanaTransaction,
-  sendSolanaTransaction as sendSolanaTransactionToBackend
+  sendSolanaTransaction as sendSolanaTransactionToBackend,
+  getWalletMobileDeepLink,
+  checkHypercoreActivation as checkHypercoreActivation2
+} from "@unifold/core";
+
+// src/lib/send-hypercore.ts
+import {
+  buildHypercoreTransaction as buildHypercoreTransactionFromBackend,
+  sendHypercoreTransaction as sendHypercoreTransactionToBackend
 } from "@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 buildHypercoreTransactionFromBackend(
+    {
+      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 sendHypercoreTransactionToBackend(
+    {
+      action_payload: buildResult.action_payload,
+      signature,
+      nonce: buildResult.nonce
+    },
+    publishableKey
+  );
+  return { signature };
+}
 
 // src/hooks/use-deposit-quote.ts
 import { useQuery as useQuery12 } from "@tanstack/react-query";
@@ -12575,6 +12679,68 @@ function useDepositQuote(params) {
   });
 }
 
+// src/hooks/use-external-wallets.ts
+import { useQuery as useQuery13 } from "@tanstack/react-query";
+import { getExternalWallets } from "@unifold/core";
+function useExternalWallets({
+  publishableKey,
+  enabled = true
+}) {
+  const { data: wallets = [], isLoading } = useQuery13({
+    queryKey: ["unifold", "external-wallets", publishableKey],
+    queryFn: () => getExternalWallets(publishableKey).then((res) => res.data),
+    enabled: enabled && !!publishableKey,
+    staleTime: 1e3 * 60 * 30,
+    refetchOnMount: false,
+    refetchOnWindowFocus: false
+  });
+  return { wallets, isLoading };
+}
+
+// src/theme/walletBrandColors.ts
+var WALLET_BRAND_COLORS = {
+  phantom: "#AB9FF2",
+  metamask: "#F6851B",
+  coinbase: "#0052FF",
+  trust: "#3375BB",
+  rainbow: "#5B6CFF",
+  rabby: "#7084FF",
+  okx: "#000000"
+};
+function normalizeWalletId(type) {
+  return type.replace(/-(ethereum|solana)$/i, "").toLowerCase();
+}
+function getWalletBrandColor(type, mode = "dark") {
+  if (!type) return void 0;
+  const id = normalizeWalletId(type);
+  const color = WALLET_BRAND_COLORS[id];
+  if (!color) return void 0;
+  if (id === "okx") return mode === "dark" ? "#FFFFFF" : "#111111";
+  return color;
+}
+function getContrastingTextColor(hex) {
+  const c = hex.replace("#", "");
+  if (c.length !== 6) return "#FFFFFF";
+  const r = parseInt(c.slice(0, 2), 16);
+  const g = parseInt(c.slice(2, 4), 16);
+  const b = parseInt(c.slice(4, 6), 16);
+  const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;
+  return luminance > 0.6 ? "#13111C" : "#FFFFFF";
+}
+
+// src/components/deposits/browser-wallets/mobileDeepLinks.ts
+function isMobileDevice() {
+  if (typeof navigator === "undefined") return false;
+  return /android|iphone|ipad|ipod|mobile/i.test(navigator.userAgent);
+}
+function getMobilePlatform() {
+  if (typeof navigator === "undefined") return null;
+  const ua = navigator.userAgent;
+  if (/iphone|ipad|ipod/i.test(ua)) return "ios";
+  if (/android/i.test(ua)) return "android";
+  return null;
+}
+
 // src/components/deposits/browser-wallets/SelectTokenView.tsx
 import { Loader2 as Loader25 } from "lucide-react";
 
@@ -12888,7 +13054,8 @@ function EnterAmountView({
   onClose,
   quickSelectMode,
   checkoutAmountUsd,
-  checkoutReceivedUsd
+  checkoutReceivedUsd,
+  footer
 }) {
   const { colors: colors2, fonts, components } = useTheme();
   const isCheckout = !!checkoutAmountUsd;
@@ -13144,6 +13311,7 @@ function EnterAmountView({
               )
             ] })
           ] }),
+          footer && /* @__PURE__ */ jsx51("div", { className: "uf-shrink-0 uf-pt-2", children: footer }),
           /* @__PURE__ */ jsx51("div", { className: "uf-shrink-0 uf-pt-2", children: /* @__PURE__ */ jsx51(
             "button",
             {
@@ -13603,18 +13771,33 @@ var WALLET_ICONS3 = {
   backpack: BackpackIcon,
   glow: GlowIcon
 };
-var WALLET_DEFINITIONS = [
-  { id: "phantom", name: "Phantom", networks: ["ethereum", "solana"], installUrl: "https://phantom.app/" },
-  { id: "coinbase", name: "Coinbase Wallet", networks: ["ethereum", "solana"], installUrl: "https://www.coinbase.com/wallet" },
-  { id: "trust", name: "Trust Wallet", networks: ["ethereum", "solana"], installUrl: "https://trustwallet.com/" },
-  { id: "metamask", name: "MetaMask", networks: ["ethereum"], installUrl: "https://metamask.io/download/" },
-  { id: "rainbow", name: "Rainbow", networks: ["ethereum"], installUrl: "https://rainbow.me/" },
-  { id: "rabby", name: "Rabby", networks: ["ethereum"], installUrl: "https://rabby.io/" },
-  { id: "okx", name: "OKX Wallet", networks: ["ethereum"], installUrl: "https://www.okx.com/web3" },
-  { id: "solflare", name: "Solflare", networks: ["solana"], installUrl: "https://solflare.com/" },
-  { id: "backpack", name: "Backpack", networks: ["solana"], installUrl: "https://backpack.app/" },
-  { id: "glow", name: "Glow", networks: ["solana"], installUrl: "https://glow.app/" }
+var FALLBACK_WALLET_DEFINITIONS = [
+  { id: "phantom", name: "Phantom", networks: ["ethereum", "solana"], installUrl: "https://phantom.app/", 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 },
+  { id: "rabby", name: "Rabby", networks: ["ethereum"], installUrl: "https://apps.apple.com/app/rabby-wallet/id6450663781", supportsMobileBrowse: true },
+  { id: "okx", name: "OKX Wallet", networks: ["ethereum"], installUrl: "https://www.okx.com/web3", supportsMobileBrowse: true, mobileBrowsePlatforms: ["ios"] }
 ];
+function getMobileInstallUrl(walletId, defaultUrl) {
+  if (!isMobileDevice()) return defaultUrl;
+  const ua = typeof navigator !== "undefined" ? navigator.userAgent : "";
+  const isIOS = /iPhone|iPad|iPod/i.test(ua);
+  const stores = {
+    rabby: {
+      ios: "https://apps.apple.com/app/rabby-wallet/id6450663781",
+      android: "https://play.google.com/store/apps/details?id=com.debank.rabbymobile"
+    },
+    glow: {
+      ios: "https://apps.apple.com/us/app/glow-solana-wallet/id1599584512",
+      android: "https://play.google.com/store/apps/details?id=com.luma.wallet.prod"
+    }
+  };
+  const entry = stores[walletId];
+  if (!entry) return defaultUrl;
+  return isIOS ? entry.ios : entry.android;
+}
 function normalizeTokenAddress(address) {
   const normalized = (address ?? "").toLowerCase();
   if (normalized === "" || normalized === "native" || normalized === "0x0000000000000000000000000000000000000000") {
@@ -13650,7 +13833,7 @@ function getLegacyEvmProviders() {
     okxEthereum: win.okxwallet
   };
 }
-function detectAvailableWallets(filterChainType) {
+function detectAvailableWallets(definitions, recentWalletId, filterChainType) {
   const solProviders = getSolanaProviders();
   const legacyEvm = getLegacyEvmProviders();
   const eip6963List = getEip6963Providers();
@@ -13676,7 +13859,7 @@ function detectAvailableWallets(filterChainType) {
         return false;
     }
   });
-  return WALLET_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) {
@@ -13699,8 +13882,6 @@ function detectAvailableWallets(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) {
@@ -13737,11 +13918,17 @@ function detectAvailableWallets(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,
@@ -13780,7 +13967,7 @@ function WalletConnect({
   depositWalletsLoading = false,
   onExecutionsChange
 }) {
-  const { colors: colors2, fonts, components } = useTheme();
+  const { colors: colors2, fonts, components, mode } = useTheme();
   const walletProvidedAtMount = React30.useRef(!!initialWalletInfo && !!initialDepositWallet);
   const [activeWalletInfo, setActiveWalletInfo] = React30.useState(initialWalletInfo ?? null);
   const [activeDepositWallet, setActiveDepositWallet] = React30.useState(initialDepositWallet ?? null);
@@ -13804,7 +13991,43 @@ function WalletConnect({
       setEip6963ProviderCount(providers.length);
     });
   }, []);
-  const availableWallets = React30.useMemo(() => detectAvailableWallets(), [eip6963ProviderCount]);
+  const { wallets: backendWallets } = useExternalWallets({ publishableKey });
+  const walletDefinitions = React30.useMemo(
+    () => backendWallets.length > 0 ? backendWallets.map((w) => ({
+      id: w.id,
+      name: w.name,
+      networks: w.chain_types,
+      installUrl: w.install_url,
+      supportsMobileBrowse: w.supports_mobile_browse,
+      mobileBrowsePlatforms: w.mobile_browse_platforms ?? null
+    })) : 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, recentWalletId),
+    [walletDefinitions, eip6963ProviderCount, recentWalletId]
+  );
+  const [isMobile, setIsMobile] = React30.useState(false);
+  React30.useEffect(() => {
+    setIsMobile(isMobileDevice());
+  }, []);
+  const mobileDepositAddresses = React30.useMemo(
+    () => (depositWallets ?? []).map((w) => ({ chain_type: w.chain_type, address: w.address })),
+    [depositWallets]
+  );
+  const mobileDepositWalletIds = React30.useMemo(
+    () => (depositWallets ?? []).filter((w) => w.chain_type === "ethereum" || w.chain_type === "solana").map((w) => w.id),
+    [depositWallets]
+  );
+  const [mobileRedirect, setMobileRedirect] = React30.useState(null);
+  const [pendingMobileWallet, setPendingMobileWallet] = React30.useState(null);
+  const [awaitingMobileDeposit, setAwaitingMobileDeposit] = React30.useState(false);
   React30.useEffect(() => {
     if (!standalone || autoResolved || detectingWallet) return;
     if (!detectedWallet) {
@@ -13848,7 +14071,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);
@@ -13863,9 +14086,38 @@ function WalletConnect({
     transform: isTransitioning ? "translateY(4px)" : "translateY(0)",
     transition: "opacity 150ms ease, transform 150ms ease"
   };
-  const handleWalletClick = (wallet) => {
+  const openMobileWalletBrowse = async (wallet, depositAddresses) => {
+    try {
+      const res = await 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;
+        return true;
+      }
+    } catch {
+    }
+    return false;
+  };
+  const handleWalletClick = async (wallet) => {
     if (!wallet.isInstalled) {
-      window.open(wallet.installUrl, "_blank", "noopener,noreferrer");
+      const platform = getMobilePlatform();
+      const platformAllowed = !wallet.mobileBrowsePlatforms || wallet.mobileBrowsePlatforms.includes(platform ?? "");
+      if (isMobileDevice() && wallet.supportsMobileBrowse !== false && platformAllowed) {
+        if (mobileDepositAddresses.length === 0) {
+          setPendingMobileWallet(wallet);
+          return;
+        }
+        if (await openMobileWalletBrowse(wallet, mobileDepositAddresses)) return;
+      }
+      window.open(getMobileInstallUrl(wallet.id, wallet.installUrl), "_blank", "noopener,noreferrer");
       return;
     }
     setSelectedWalletDef(wallet);
@@ -13881,9 +14133,32 @@ function WalletConnect({
     if (!selectedWalletDef) return;
     handleConnectWallet(selectedWalletDef, network);
   };
+  React30.useEffect(() => {
+    if (!pendingMobileWallet) return;
+    if (mobileDepositAddresses.length > 0) {
+      const wallet = pendingMobileWallet;
+      setPendingMobileWallet(null);
+      void (async () => {
+        if (!await openMobileWalletBrowse(wallet, mobileDepositAddresses)) {
+          window.open(getMobileInstallUrl(wallet.id, wallet.installUrl), "_blank", "noopener,noreferrer");
+        }
+      })();
+      return;
+    }
+    const timeout = setTimeout(() => {
+      setPendingMobileWallet((current) => {
+        if (!current) return null;
+        window.open(getMobileInstallUrl(current.id, current.installUrl), "_blank", "noopener,noreferrer");
+        return null;
+      });
+    }, 8e3);
+    return () => clearTimeout(timeout);
+  }, [pendingMobileWallet, mobileDepositAddresses]);
   const handleConnectWallet = async (wallet, network) => {
     setConnectingNetwork(network);
     transitionTo("connecting");
+    setLastOpenedWallet(wallet.id);
+    setRecentWalletIdState(wallet.id);
     setWalletError(null);
     setIsWalletConnecting(true);
     try {
@@ -13988,6 +14263,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;
@@ -14025,14 +14307,32 @@ function WalletConnect({
     userId,
     publishableKey,
     clientSecret,
+    // In-tab flow: poll the single connected deposit wallet.
     depositWalletId: activeDepositWallet?.id ?? "",
-    enabled: hasSignedTransaction && !!activeDepositWallet,
+    // Mobile redirect flow: the deposit chain isn't known up front, so /poll every
+    // chain's deposit wallet. Detection still happens via the single /query by
+    // external_user_id, which already spans all chains.
+    depositWalletIds: awaitingMobileDeposit ? mobileDepositWalletIds : void 0,
+    enabled: hasSignedTransaction && !!activeDepositWallet || awaitingMobileDeposit,
     onDepositSuccess,
     onDepositError
   });
   React30.useEffect(() => {
     onExecutionsChange?.(depositExecutions);
   }, [depositExecutions, onExecutionsChange]);
+  const latestDepositExecution = React30.useMemo(() => {
+    if (depositExecutions.length === 0) return null;
+    return [...depositExecutions].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;
+    })[0];
+  }, [depositExecutions]);
+  React30.useEffect(() => {
+    if (awaitingMobileDeposit && latestDepositExecution && (viewRef.current === "mobile_redirect" || viewRef.current === "connecting")) {
+      transitionTo("mobile_deposit_status");
+    }
+  }, [awaitingMobileDeposit, latestDepositExecution, transitionTo]);
   React30.useEffect(() => {
     if (!prefillAmountUsd || !tokenChainDetails || view !== "enter_amount") return;
     const minDeposit = tokenChainDetails.minimum_deposit_amount_usd || 0;
@@ -14074,7 +14374,7 @@ function WalletConnect({
     let cancelled = false;
     setIsLoading(true);
     setError(null);
-    const sct = activeDepositWallet.chain_type === "algorand" || activeDepositWallet.chain_type === "xrpl" ? "ethereum" : activeDepositWallet.chain_type;
+    const sct = activeDepositWallet.chain_type === "algorand" || activeDepositWallet.chain_type === "xrpl" || activeDepositWallet.chain_type === "cardano" || activeDepositWallet.chain_type === "n1" ? "ethereum" : activeDepositWallet.chain_type;
     getAddressBalances2(activeWalletInfo.address, sct, publishableKey).then((response) => {
       if (cancelled) return;
       const nonZero = response.balances.filter((b) => b.amount !== "0");
@@ -14163,6 +14463,16 @@ function WalletConnect({
         setSelectedWalletDef(null);
         setConnectingNetwork(null);
         break;
+      case "mobile_redirect":
+        transitionTo("select_wallet");
+        setMobileRedirect(null);
+        setAwaitingMobileDeposit(false);
+        break;
+      case "mobile_deposit_status":
+        transitionTo("select_wallet");
+        setMobileRedirect(null);
+        setAwaitingMobileDeposit(false);
+        break;
       case "select_token":
         if (walletProvidedAtMount.current) parentOnBack?.();
         else transitionTo("select_wallet");
@@ -14230,9 +14540,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;
@@ -14241,6 +14558,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) {
@@ -14305,6 +14627,19 @@ function WalletConnect({
     const resp = await sendSolanaTransactionToBackend({ 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);
@@ -14324,7 +14659,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 checkHypercoreActivation2(
+            { 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();
@@ -14348,33 +14709,40 @@ function WalletConnect({
     return /* @__PURE__ */ jsxs48("div", { style: viewTransitionStyle, children: [
       /* @__PURE__ */ jsx54(DepositHeader, { title: "Connect Wallet", showBack: canGoBack, onBack: handleBack, onClose }),
       /* @__PURE__ */ jsxs48("div", { className: "uf-pb-4", children: [
-        /* @__PURE__ */ jsx54("p", { className: "uf-text-sm uf-text-center uf-pb-4", style: { color: colors2.foregroundMuted, fontFamily: fonts.regular }, children: "Select a wallet to connect" }),
-        /* @__PURE__ */ jsx54("div", { className: "uf-space-y-2", style: { maxHeight: 330, overflowY: "auto" }, children: availableWallets.map((wallet) => /* @__PURE__ */ jsxs48(
-          "button",
-          {
-            onClick: () => handleWalletClick(wallet),
-            disabled: isWalletConnecting,
-            className: "uf-w-full uf-transition-colors uf-p-3 uf-flex uf-items-center uf-justify-between hover:uf-opacity-90 disabled:uf-opacity-50",
-            style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` },
-            children: [
-              /* @__PURE__ */ jsxs48("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
-                WALLET_ICONS3[wallet.id] ? /* @__PURE__ */ jsx54(WalletIconWithNetwork, { WalletIcon: WALLET_ICONS3[wallet.id], networks: wallet.networks, size: 40, className: "uf-rounded-lg" }) : /* @__PURE__ */ jsx54("div", { className: "uf-w-10 uf-h-10 uf-rounded-lg uf-bg-gray-500" }),
-                /* @__PURE__ */ jsx54("div", { className: "uf-text-sm uf-font-medium", style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: wallet.name })
-              ] }),
-              wallet.isInstalled ? /* @__PURE__ */ jsx54("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__ */ jsxs48("div", { className: "uf-flex uf-items-center uf-gap-1", children: [
-                /* @__PURE__ */ jsx54("span", { className: "uf-text-xs", style: { color: colors2.foregroundMuted, fontFamily: fonts.regular }, children: "Install" }),
-                /* @__PURE__ */ jsx54(ExternalLink3, { className: "uf-w-3 uf-h-3", style: { color: colors2.foregroundMuted } })
-              ] })
-            ]
-          },
-          wallet.id
-        )) }),
+        /* @__PURE__ */ jsx54("p", { className: "uf-text-sm uf-text-center uf-pb-4", style: { color: colors2.foregroundMuted, fontFamily: fonts.regular }, children: isMobile ? "Open this page in your wallet's app to connect" : "Select a wallet to connect" }),
+        /* @__PURE__ */ jsx54("div", { className: "uf-space-y-2", style: { maxHeight: 330, overflowY: "auto" }, children: availableWallets.map((wallet) => {
+          const walletPlatformAllowed = !wallet.mobileBrowsePlatforms || wallet.mobileBrowsePlatforms.includes(getMobilePlatform() ?? "");
+          const showOpenInApp = isMobile && !wallet.isInstalled && wallet.supportsMobileBrowse !== false && walletPlatformAllowed;
+          const isPending = pendingMobileWallet?.id === wallet.id;
+          return /* @__PURE__ */ jsxs48(
+            "button",
+            {
+              onClick: () => void handleWalletClick(wallet),
+              disabled: isWalletConnecting || !!pendingMobileWallet,
+              className: "uf-w-full uf-transition-colors uf-p-3 uf-flex uf-items-center uf-justify-between hover:uf-opacity-90 disabled:uf-opacity-50",
+              style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` },
+              children: [
+                /* @__PURE__ */ jsxs48("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
+                  WALLET_ICONS3[wallet.id] ? /* @__PURE__ */ jsx54(WalletIconWithNetwork, { WalletIcon: WALLET_ICONS3[wallet.id], networks: wallet.networks, size: 40, className: "uf-rounded-lg" }) : /* @__PURE__ */ jsx54("div", { className: "uf-w-10 uf-h-10 uf-rounded-lg uf-bg-gray-500" }),
+                  /* @__PURE__ */ jsx54("div", { className: "uf-text-sm uf-font-medium", style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: wallet.name })
+                ] }),
+                isPending ? /* @__PURE__ */ jsx54(Loader28, { className: "uf-w-4 uf-h-4 uf-animate-spin", style: { color: colors2.primary } }) : wallet.isInstalled ? /* @__PURE__ */ jsx54("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__ */ jsxs48("div", { className: "uf-flex uf-items-center uf-gap-1", children: [
+                  /* @__PURE__ */ jsx54("span", { className: "uf-text-xs", style: { color: colors2.foregroundMuted, fontFamily: fonts.regular }, children: showOpenInApp ? "Open" : "Install" }),
+                  /* @__PURE__ */ jsx54(ExternalLink3, { className: "uf-w-3 uf-h-3", style: { color: colors2.foregroundMuted } })
+                ] })
+              ]
+            },
+            wallet.id
+          );
+        }) }),
         walletError && /* @__PURE__ */ jsx54("div", { className: "uf-text-center uf-text-sm uf-mt-4 uf-px-4", style: { color: "#ef4444" }, children: walletError })
       ] })
     ] });
   }
+  const preConnectAccent = selectedWalletDef ? getWalletBrandColor(selectedWalletDef.id, mode) : void 0;
+  const preConnectFg = preConnectAccent ? getContrastingTextColor(preConnectAccent) : void 0;
   if (view === "select_network" && selectedWalletDef) {
-    return /* @__PURE__ */ jsxs48("div", { style: viewTransitionStyle, children: [
+    return /* @__PURE__ */ jsx54(AccentColorOverride, { accentColor: preConnectAccent, accentForeground: preConnectFg, children: /* @__PURE__ */ jsxs48("div", { style: viewTransitionStyle, children: [
       /* @__PURE__ */ jsx54(DepositHeader, { title: "Select Network", showBack: true, onBack: handleBack, onClose }),
       /* @__PURE__ */ jsxs48("div", { className: "uf-pb-4", children: [
         /* @__PURE__ */ jsxs48("div", { className: "uf-flex uf-flex-col uf-items-center uf-pb-4", children: [
@@ -14404,10 +14772,10 @@ function WalletConnect({
         )) }),
         walletError && /* @__PURE__ */ jsx54("div", { className: "uf-text-center uf-text-sm uf-mt-4 uf-px-4", style: { color: "#ef4444" }, children: walletError })
       ] })
-    ] });
+    ] }) });
   }
   if (view === "connecting") {
-    return /* @__PURE__ */ jsxs48("div", { style: viewTransitionStyle, children: [
+    return /* @__PURE__ */ jsx54(AccentColorOverride, { accentColor: preConnectAccent, accentForeground: preConnectFg, children: /* @__PURE__ */ jsxs48("div", { style: viewTransitionStyle, children: [
       /* @__PURE__ */ jsx54(DepositHeader, { title: "Connecting...", showBack: true, onBack: handleBack, onClose }),
       /* @__PURE__ */ jsxs48("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-16", children: [
         /* @__PURE__ */ jsx54(Loader28, { className: "uf-w-12 uf-h-12 uf-animate-spin uf-mb-4", style: { color: colors2.primary } }),
@@ -14418,24 +14786,132 @@ function WalletConnect({
         ] }),
         /* @__PURE__ */ jsx54("div", { className: "uf-text-sm uf-mt-2", style: { color: colors2.foregroundMuted }, children: "Please approve the connection in your wallet" })
       ] })
-    ] });
+    ] }) });
+  }
+  if (view === "mobile_redirect" && mobileRedirect) {
+    const Icon2 = WALLET_ICONS3[mobileRedirect.walletId];
+    return /* @__PURE__ */ jsx54(AccentColorOverride, { accentColor: preConnectAccent, accentForeground: preConnectFg, children: /* @__PURE__ */ jsxs48("div", { style: viewTransitionStyle, children: [
+      /* @__PURE__ */ jsx54(DepositHeader, { title: mobileRedirect.walletName, showBack: true, onBack: handleBack, onClose }),
+      /* @__PURE__ */ jsxs48("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-px-6 uf-py-10", children: [
+        Icon2 ? /* @__PURE__ */ jsx54(Icon2, { size: 64, className: "uf-rounded-2xl uf-mb-5" }) : /* @__PURE__ */ jsx54("div", { className: "uf-w-16 uf-h-16 uf-rounded-2xl uf-bg-gray-500 uf-mb-5" }),
+        /* @__PURE__ */ jsxs48(
+          "div",
+          {
+            className: "uf-text-base uf-font-medium uf-text-center uf-mb-1",
+            style: { color: colors2.foreground, fontFamily: fonts.medium },
+            children: [
+              "Continue in ",
+              mobileRedirect.walletName
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs48(
+          "div",
+          {
+            className: "uf-text-sm uf-text-center uf-mb-6",
+            style: { color: colors2.foregroundMuted, fontFamily: fonts.regular },
+            children: [
+              "Complete your deposit in the ",
+              mobileRedirect.walletName,
+              " app"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs48(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              window.location.href = mobileRedirect.deeplink;
+            },
+            className: "uf-w-full uf-transition-colors uf-p-3.5 uf-flex uf-items-center uf-justify-center uf-gap-2 hover:uf-opacity-90",
+            style: {
+              backgroundColor: components.card.backgroundColor,
+              borderRadius: components.card.borderRadius,
+              border: `${components.card.borderWidth}px solid ${components.card.borderColor}`,
+              color: components.card.titleColor,
+              fontFamily: fonts.medium
+            },
+            children: [
+              /* @__PURE__ */ jsx54(ExternalLink3, { className: "uf-w-4 uf-h-4", style: { color: components.card.iconColor } }),
+              /* @__PURE__ */ jsxs48("span", { className: "uf-text-sm uf-font-medium", children: [
+                "Open in ",
+                mobileRedirect.walletName
+              ] })
+            ]
+          }
+        ),
+        awaitingMobileDeposit && /* @__PURE__ */ jsxs48("div", { className: "uf-flex uf-items-center uf-justify-center uf-gap-2 uf-mt-6", children: [
+          /* @__PURE__ */ jsx54(
+            Loader28,
+            {
+              className: "uf-w-4 uf-h-4 uf-animate-spin",
+              style: { color: colors2.foregroundMuted }
+            }
+          ),
+          /* @__PURE__ */ jsx54(
+            "span",
+            {
+              className: "uf-text-sm",
+              style: { color: colors2.foregroundMuted, fontFamily: fonts.regular },
+              children: "Checking for deposit..."
+            }
+          )
+        ] })
+      ] })
+    ] }) });
+  }
+  if (view === "mobile_deposit_status" && latestDepositExecution) {
+    const isComplete = latestDepositExecution.status === ExecutionStatus5.SUCCEEDED;
+    const isFailed = latestDepositExecution.status === ExecutionStatus5.FAILED;
+    const title = isComplete ? "Payment Complete" : isFailed ? "Payment Failed" : "Payment Processing";
+    return /* @__PURE__ */ jsx54(AccentColorOverride, { accentColor: preConnectAccent, accentForeground: preConnectFg, children: /* @__PURE__ */ jsxs48("div", { style: viewTransitionStyle, children: [
+      /* @__PURE__ */ jsx54(
+        DepositHeader,
+        {
+          title,
+          showBack: false,
+          onClose: isComplete && onDone ? onDone : onClose
+        }
+      ),
+      /* @__PURE__ */ jsx54(DepositDetailContent, { execution: latestDepositExecution }),
+      isComplete && /* @__PURE__ */ jsx54("div", { className: "uf-flex uf-gap-2 uf-px-2 uf-pt-4 uf-pb-4", children: /* @__PURE__ */ jsx54(
+        "button",
+        {
+          type: "button",
+          onClick: onDone ? onDone : onNewDeposit ? onNewDeposit : onClose ?? (() => {
+          }),
+          className: "uf-flex-1 uf-py-4 uf-text-sm uf-font-medium uf-transition-opacity hover:uf-opacity-80",
+          style: {
+            backgroundColor: colors2.primary,
+            color: colors2.primaryForeground,
+            fontFamily: fonts.medium,
+            borderRadius: components.button.borderRadius,
+            border: `${components.button.borderWidth}px solid ${components.button.borderColor}`
+          },
+          children: "Done"
+        }
+      ) })
+    ] }) });
   }
   if (!hasWallet) return null;
+  const walletAccent = getWalletBrandColor(walletInfo.type, mode);
+  const walletAccentForeground = walletAccent ? getContrastingTextColor(walletAccent) : void 0;
   if (view === "select_token") {
-    return /* @__PURE__ */ jsx54("div", { style: viewTransitionStyle, children: /* @__PURE__ */ jsx54(SelectTokenView, { walletInfo, projectName, assetCdnUrl, balances, isLoading, error, selectedBalance, totalBalanceUsd, onTokenSelect: handleTokenSelect, onContinue: handleContinueToAmount, onBack: handleBack, onClose: onClose ?? (() => {
-    }), onDisconnectWallet: onWalletDisconnect ? () => void handleDisconnect() : void 0, isDisconnectingWallet, checkoutAmountUsd, checkoutReceivedUsd }) });
+    return /* @__PURE__ */ jsx54(AccentColorOverride, { accentColor: walletAccent, accentForeground: walletAccentForeground, children: /* @__PURE__ */ jsx54("div", { style: viewTransitionStyle, children: /* @__PURE__ */ jsx54(SelectTokenView, { walletInfo, projectName, assetCdnUrl, balances, isLoading, error, selectedBalance, totalBalanceUsd, onTokenSelect: handleTokenSelect, onContinue: handleContinueToAmount, onBack: handleBack, onClose: onClose ?? (() => {
+    }), onDisconnectWallet: onWalletDisconnect ? () => void handleDisconnect() : void 0, isDisconnectingWallet, checkoutAmountUsd, checkoutReceivedUsd }) }) });
   }
   if (view === "enter_amount" && selectedToken && selectedBalance) {
-    return /* @__PURE__ */ jsx54("div", { style: viewTransitionStyle, children: /* @__PURE__ */ jsx54(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 }) });
+    return /* @__PURE__ */ jsx54(AccentColorOverride, { accentColor: walletAccent, accentForeground: walletAccentForeground, children: /* @__PURE__ */ jsx54("div", { style: viewTransitionStyle, children: /* @__PURE__ */ jsx54(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, footer: hypercoreNeedsActivation && !hypercoreActivationSponsored ? /* @__PURE__ */ jsx54(HypercoreActivationWarning, { activationFee: hypercoreActivationFee }) : void 0 }) }) });
   }
   if (view === "review" && selectedToken) {
-    return /* @__PURE__ */ jsx54("div", { style: viewTransitionStyle, children: /* @__PURE__ */ jsx54(ReviewView, { walletInfo, recipientAddress, assetCdnUrl, selectedToken, amountUsd, formattedTokenAmount, tokenChainDetails, loadingTokenDetails, showTransactionDetails, isConfirming, error, onToggleDetails: () => setShowTransactionDetails(!showTransactionDetails), onConfirm: handleConfirm, onBack: handleBack, onClose: onClose ?? (() => {
-    }) }) });
+    return /* @__PURE__ */ jsx54(AccentColorOverride, { accentColor: walletAccent, accentForeground: walletAccentForeground, children: /* @__PURE__ */ jsx54("div", { style: viewTransitionStyle, children: /* @__PURE__ */ jsx54(ReviewView, { walletInfo, recipientAddress, assetCdnUrl, selectedToken, amountUsd, formattedTokenAmount, tokenChainDetails, loadingTokenDetails, showTransactionDetails, isConfirming, error, onToggleDetails: () => setShowTransactionDetails(!showTransactionDetails), onConfirm: handleConfirm, onBack: handleBack, onClose: onClose ?? (() => {
+    }) }) }) });
   }
   if (view === "confirming") {
-    return /* @__PURE__ */ jsx54("div", { style: viewTransitionStyle, children: /* @__PURE__ */ jsx54(ConfirmingView, { isConfirming, onClose: onClose ?? (() => {
-    }), executions: depositExecutions, isPolling, onNewDeposit, onDone, paymentIntentStatus, amountReceivedUsd: checkoutReceivedUsd, amountReceivedUsdAtSubmission: receivedUsdAtSubmission }) });
+    return /* @__PURE__ */ jsx54(AccentColorOverride, { accentColor: walletAccent, accentForeground: walletAccentForeground, children: /* @__PURE__ */ jsx54("div", { style: viewTransitionStyle, children: /* @__PURE__ */ jsx54(ConfirmingView, { isConfirming, onClose: onClose ?? (() => {
+    }), executions: depositExecutions, isPolling, onNewDeposit, onDone, paymentIntentStatus, amountReceivedUsd: checkoutReceivedUsd, amountReceivedUsdAtSubmission: receivedUsdAtSubmission }) }) });
   }
   return null;
 }
@@ -14466,6 +14942,9 @@ function SkeletonButton({
   ] });
 }
 var t7 = i18n.depositModal;
+function depositTabForScreen(screen) {
+  return screen === "card" || screen === "cashapp" ? "cash" : "crypto";
+}
 function DepositModal({
   open,
   onOpenChange,
@@ -14501,6 +14980,7 @@ function DepositModal({
   theme = "dark",
   hideOverlay = false,
   initialScreen = "main",
+  displayMode = "stacked",
   transferCryptoTitle = t7.transferCrypto.title,
   depositWithCardTitle = t7.depositWithCard.title,
   payWithExchangeTitle = t7.payWithExchange.title,
@@ -14535,6 +15015,9 @@ function DepositModal({
     effectiveInitialScreen
   );
   const [coinbaseSkipToHoldings, setCoinbaseSkipToHoldings] = useState32(false);
+  const [depositTab, setDepositTab] = useState32(
+    () => depositTabForScreen(effectiveInitialScreen)
+  );
   const resetViewTimeoutRef = useRef9(null);
   const [cardView, setCardView] = useState32(
     "amount"
@@ -14550,7 +15033,6 @@ function DepositModal({
   const [allExecutions, setAllExecutions] = useState32([]);
   const [selectedExecution, setSelectedExecution] = useState32(null);
   const [depositExecutions, setDepositExecutions] = useState32([]);
-  const isMobileView = useIsMobileViewport();
   const { projectConfig } = useProjectConfig({
     publishableKey,
     enabled: open
@@ -14833,6 +15315,7 @@ function DepositModal({
       resetViewTimeoutRef.current = null;
     }
     setView(effectiveInitialScreen);
+    setDepositTab(depositTabForScreen(effectiveInitialScreen));
     setCardView("amount");
     setExchangeView("providers");
     setBrowserWalletInfo(null);
@@ -14861,6 +15344,7 @@ function DepositModal({
     } else if (view === "cashapp" && cashAppView !== "amount") {
       setCashAppView("amount");
     } else {
+      setDepositTab(depositTabForScreen(view));
       setView("main");
       setCardView("amount");
       setExchangeView("providers");
@@ -14940,13 +15424,181 @@ function DepositModal({
       className: "uf-flex uf-justify-center uf-shrink-0"
     }
   ) });
-  return /* @__PURE__ */ jsx55(PortalContainerProvider, { value: hideOverlay ? containerEl : null, children: /* @__PURE__ */ jsx55(
-    Dialog,
+  const transferCryptoMenuButton = showTransferCrypto ? /* @__PURE__ */ jsx55(
+    TransferCryptoButton,
     {
-      open: hideOverlay || open,
+      onClick: () => setView("transfer"),
+      title: transferCryptoTitle,
+      subtitle: t7.transferCrypto.subtitle,
+      featuredTokens: projectConfig?.transfer_crypto.networks
+    },
+    "transfer"
+  ) : null;
+  const connectWalletMenuButton = showConnectWallet ? /* @__PURE__ */ jsx55(
+    BrowserWalletButton,
+    {
+      onClick: handleBrowserWalletClick,
+      onConnectClick: handleWalletConnectClick,
+      onDisconnect: handleWalletDisconnect,
+      chainType: browserWalletChainType,
+      publishableKey,
+      featuredWallets: projectConfig?.connect_wallet?.wallets
+    },
+    "wallet"
+  ) : null;
+  const depositWithCardMenuButton = showFiatOnramp ? /* @__PURE__ */ jsx55(
+    DepositWithCardButton,
+    {
+      onClick: () => setView("card"),
+      title: depositWithCardTitle,
+      subtitle: t7.depositWithCard.subtitle,
+      paymentNetworks: projectConfig?.payment_networks.networks
+    },
+    "card"
+  ) : null;
+  const payWithExchangeMenuButton = showPayWithExchange ? /* @__PURE__ */ jsx55(
+    PayWithExchangeButton,
+    {
+      onClick: () => setView("exchange"),
+      title: payWithExchangeTitle,
+      subtitle: t7.payWithExchange.subtitle,
+      exchanges,
+      loading: exchangesLoading
+    },
+    "exchange"
+  ) : null;
+  const connectExchangeMenuButton = showConnectExchange && connectedExchange ? /* @__PURE__ */ jsx55(
+    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__ */ jsx55(
+    ConnectExchangeButton,
+    {
+      onClick: () => {
+        setCoinbaseSkipToHoldings(false);
+        setView("coinbase_connect");
+      },
+      title: i18n.connectExchange.title,
+      subtitle: i18n.connectExchange.subtitle,
+      exchanges: integrationExchanges
+    },
+    "connect-exchange"
+  ) : null;
+  const cashAppMenuButton = showCashApp ? /* @__PURE__ */ jsx55(
+    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__ */ jsx55(
+    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", buttons: cryptoMenuButtons },
+    { id: "cash", label: "Use Cash", buttons: cashMenuButtons }
+  ].filter((tab) => tab.buttons.length > 0);
+  const activeDepositTab = depositTabs.find((tab) => tab.id === depositTab) ?? depositTabs[0];
+  const renderMainMenuBody = () => {
+    if (depositPrerequisiteBody) {
+      return /* @__PURE__ */ jsx55("div", { className: "uf-space-y-3", children: depositPrerequisiteBody });
+    }
+    if (displayMode === "tabs" && activeDepositTab) {
+      return /* @__PURE__ */ jsxs49("div", { children: [
+        depositTabs.length > 1 && /* @__PURE__ */ jsx55(
+          "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;
+              return /* @__PURE__ */ jsx55(
+                "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",
+                  style: {
+                    // Active tab is a soft, blurred glass pill — a faint accent
+                    // tint with its own backdrop blur and a subtle border/shadow,
+                    // so it looks frosted instead of like a hard solid button.
+                    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: tab.label
+                },
+                tab.id
+              );
+            })
+          }
+        ),
+        /* @__PURE__ */ jsx55("div", { className: "uf-space-y-3", children: activeDepositTab.buttons }),
+        depositTrackerMenuButton && /* @__PURE__ */ jsx55("div", { className: "uf-mt-3", children: depositTrackerMenuButton })
+      ] });
+    }
+    return /* @__PURE__ */ jsxs49("div", { className: "uf-space-y-3", children: [
+      transferCryptoMenuButton,
+      connectWalletMenuButton,
+      depositWithCardMenuButton,
+      payWithExchangeMenuButton,
+      connectExchangeMenuButton,
+      cashAppMenuButton,
+      depositTrackerMenuButton
+    ] });
+  };
+  return /* @__PURE__ */ jsx55(PortalContainerProvider, { value: hideOverlay ? containerEl : null, children: /* @__PURE__ */ jsx55(
+    Dialog,
+    {
+      open: hideOverlay || open,
       onOpenChange: hideOverlay ? void 0 : handleClose,
       modal: !hideOverlay,
-      children: /* @__PURE__ */ jsx55(
+      children: /* @__PURE__ */ jsxs49(
         DialogContent,
         {
           ref: hideOverlay ? containerCallbackRef : void 0,
@@ -14955,386 +15607,302 @@ function DepositModal({
           style: { backgroundColor: colors2.background },
           onPointerDownOutside: (e) => e.preventDefault(),
           onInteractOutside: (e) => e.preventDefault(),
-          children: /* @__PURE__ */ jsx55(ThemeStyleInjector, { children: view === "main" ? /* @__PURE__ */ jsxs49(Fragment11, { children: [
-            /* @__PURE__ */ jsx55(
-              DepositHeader,
-              {
-                title: modalTitle || "Deposit",
-                showClose: !hideOverlay,
-                onClose: handleClose,
-                showBalance: showBalanceHeader,
-                balanceAddress: recipientAddress,
-                balanceChainType: destinationChainType === "ethereum" || destinationChainType === "solana" || destinationChainType === "bitcoin" ? destinationChainType : void 0,
-                balanceChainId: destinationChainId,
-                balanceTokenAddress: destinationTokenAddress,
-                projectName: projectConfig?.project_name,
-                publishableKey
-              }
-            ),
-            /* @__PURE__ */ jsxs49("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
-              /* @__PURE__ */ jsx55("div", { className: "uf-space-y-3", children: depositPrerequisiteBody ?? /* @__PURE__ */ jsxs49(Fragment11, { children: [
-                showTransferCrypto && /* @__PURE__ */ jsx55(
-                  TransferCryptoButton,
-                  {
-                    onClick: () => setView("transfer"),
-                    title: transferCryptoTitle,
-                    subtitle: t7.transferCrypto.subtitle,
-                    featuredTokens: projectConfig?.transfer_crypto.networks
-                  }
-                ),
-                showConnectWallet && !isMobileView && /* @__PURE__ */ jsx55(
-                  BrowserWalletButton,
+          children: [
+            /* @__PURE__ */ jsx55(DialogTitle, { className: "uf-sr-only", children: modalTitle || "Deposit" }),
+            /* @__PURE__ */ jsx55(ThemeStyleInjector, { children: view === "main" ? /* @__PURE__ */ jsxs49(Fragment11, { children: [
+              /* @__PURE__ */ jsx55(
+                DepositHeader,
+                {
+                  title: modalTitle || "Deposit",
+                  showClose: !hideOverlay,
+                  onClose: handleClose,
+                  showBalance: showBalanceHeader,
+                  balanceAddress: recipientAddress,
+                  balanceChainType: destinationChainType === "ethereum" || destinationChainType === "solana" || destinationChainType === "bitcoin" || destinationChainType === "n1" ? destinationChainType : void 0,
+                  balanceChainId: destinationChainId,
+                  balanceTokenAddress: destinationTokenAddress,
+                  projectName: projectConfig?.project_name,
+                  publishableKey
+                }
+              ),
+              /* @__PURE__ */ jsxs49("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+                renderMainMenuBody(),
+                depositPoweredByFooter
+              ] })
+            ] }) : view === "transfer" ? /* @__PURE__ */ jsxs49(Fragment11, { children: [
+              /* @__PURE__ */ jsx55(
+                DepositHeader,
+                {
+                  title: transferCryptoTitle,
+                  showBack: showBackTransfer,
+                  onBack: handleBack,
+                  onClose: handleClose,
+                  showBalance: showBalanceHeader,
+                  balanceAddress: recipientAddress,
+                  balanceChainType: destinationChainType === "ethereum" || destinationChainType === "solana" || destinationChainType === "bitcoin" || destinationChainType === "n1" ? destinationChainType : void 0,
+                  balanceChainId: destinationChainId,
+                  balanceTokenAddress: destinationTokenAddress,
+                  projectName: projectConfig?.project_name,
+                  publishableKey
+                }
+              ),
+              /* @__PURE__ */ jsxs49("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+                standaloneNeedsDepositPrereq && depositPrerequisiteBody !== null ? /* @__PURE__ */ jsx55("div", { className: "uf-pb-4 uf-space-y-3", children: depositPrerequisiteBody }) : transferInputVariant === "single_input" ? /* @__PURE__ */ jsx55(
+                  TransferCryptoSingleInput,
                   {
-                    onClick: handleBrowserWalletClick,
-                    onConnectClick: handleWalletConnectClick,
-                    onDisconnect: handleWalletDisconnect,
-                    chainType: browserWalletChainType,
+                    userId,
                     publishableKey,
-                    featuredWallets: projectConfig?.connect_wallet?.wallets
+                    recipientAddress,
+                    destinationChainType,
+                    destinationChainId,
+                    destinationTokenAddress,
+                    defaultSourceChainType,
+                    defaultSourceChainId,
+                    defaultSourceTokenAddress,
+                    defaultSourceSymbol,
+                    depositConfirmationMode,
+                    onExecutionsChange: setDepositExecutions,
+                    onDepositSuccess,
+                    onDepositError,
+                    wallets
                   }
-                ),
-                showFiatOnramp && /* @__PURE__ */ jsx55(
-                  DepositWithCardButton,
+                ) : /* @__PURE__ */ jsx55(
+                  TransferCryptoDoubleInput,
                   {
-                    onClick: () => setView("card"),
-                    title: depositWithCardTitle,
-                    subtitle: t7.depositWithCard.subtitle,
-                    paymentNetworks: projectConfig?.payment_networks.networks
+                    userId,
+                    publishableKey,
+                    recipientAddress,
+                    destinationChainType,
+                    destinationChainId,
+                    destinationTokenAddress,
+                    defaultSourceChainType,
+                    defaultSourceChainId,
+                    defaultSourceTokenAddress,
+                    defaultSourceSymbol,
+                    depositConfirmationMode,
+                    onExecutionsChange: setDepositExecutions,
+                    onDepositSuccess,
+                    onDepositError,
+                    wallets
                   }
                 ),
-                showPayWithExchange && /* @__PURE__ */ jsx55(
-                  PayWithExchangeButton,
+                depositPoweredByFooter
+              ] })
+            ] }) : view === "tracker" ? /* @__PURE__ */ jsxs49(Fragment11, { children: [
+              /* @__PURE__ */ jsx55(
+                DepositHeader,
+                {
+                  title: selectedExecution ? "Deposit Details" : depositTrackerTitle,
+                  showBack: showBackTracker,
+                  onBack: handleBack,
+                  onClose: handleClose
+                }
+              ),
+              /* @__PURE__ */ jsxs49("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+                /* @__PURE__ */ jsx55("div", { className: "uf-h-[460px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: selectedExecution ? /* @__PURE__ */ jsx55(DepositDetailContent, { execution: selectedExecution }) : /* @__PURE__ */ jsx55("div", { className: "uf-space-y-2 uf-pb-8", children: allExecutions.length === 0 ? /* @__PURE__ */ jsx55("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ jsx55(
+                  "div",
                   {
-                    onClick: () => setView("exchange"),
-                    title: payWithExchangeTitle,
-                    subtitle: t7.payWithExchange.subtitle,
-                    exchanges,
-                    loading: exchangesLoading
+                    className: "uf-text-sm",
+                    style: { color: components.container.subtitleColor, fontFamily: fonts.regular },
+                    children: "No deposits yet"
                   }
-                ),
-                showConnectExchange && connectedExchange && /* @__PURE__ */ jsx55(
-                  ConnectExchangeButton,
+                ) }) : allExecutions.map((execution) => /* @__PURE__ */ jsx55(
+                  DepositExecutionItem,
                   {
-                    onClick: () => {
-                      setCoinbaseSkipToHoldings(true);
-                      setView("coinbase_connect");
-                    },
-                    onDisconnect: handleExchangeDisconnect,
-                    title: i18n.connectExchange.title,
-                    subtitle: i18n.connectExchange.subtitle,
-                    exchanges: integrationExchanges,
-                    connectedExchange
-                  }
-                ),
-                showConnectExchange && !connectedExchange && /* @__PURE__ */ jsx55(
-                  ConnectExchangeButton,
+                    execution,
+                    onClick: () => setSelectedExecution(execution)
+                  },
+                  execution.id
+                )) }) }),
+                depositPoweredByFooter
+              ] })
+            ] }) : view === "card" ? /* @__PURE__ */ jsxs49(Fragment11, { children: [
+              /* @__PURE__ */ jsx55(
+                DepositHeader,
+                {
+                  title: cardView === "quotes" ? t7.quotes : depositWithCardTitle,
+                  showBack: showBackCard,
+                  onBack: handleBack,
+                  onClose: handleClose,
+                  badge: cardView === "quotes" ? { count: quotesCount } : void 0,
+                  showBalance: showBalanceHeader,
+                  balanceAddress: recipientAddress,
+                  balanceChainType: destinationChainType === "ethereum" || destinationChainType === "solana" || destinationChainType === "bitcoin" || destinationChainType === "n1" ? destinationChainType : void 0,
+                  balanceChainId: destinationChainId,
+                  balanceTokenAddress: destinationTokenAddress,
+                  projectName: projectConfig?.project_name,
+                  publishableKey
+                }
+              ),
+              /* @__PURE__ */ jsxs49("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+                standaloneNeedsDepositPrereq && depositPrerequisiteBody !== null ? /* @__PURE__ */ jsx55("div", { className: "uf-pb-4 uf-space-y-3", children: depositPrerequisiteBody }) : /* @__PURE__ */ jsx55(
+                  BuyWithCard,
                   {
-                    onClick: () => {
-                      setCoinbaseSkipToHoldings(false);
-                      setView("coinbase_connect");
-                    },
-                    title: i18n.connectExchange.title,
-                    subtitle: i18n.connectExchange.subtitle,
-                    exchanges: integrationExchanges
+                    userId,
+                    publishableKey,
+                    view: cardView,
+                    onViewChange: handleCardViewChange,
+                    destinationTokenSymbol,
+                    recipientAddress,
+                    destinationChainType,
+                    destinationChainId,
+                    destinationTokenAddress,
+                    onDepositSuccess,
+                    onDepositError,
+                    onEvent,
+                    themeClass,
+                    wallets,
+                    assetCdnUrl: projectConfig?.asset_cdn_url,
+                    hideDepositFlowInfo,
+                    hideDisplayDescription
                   }
                 ),
-                showCashApp && /* @__PURE__ */ jsx55(
-                  CashAppButton,
+                depositPoweredByFooter
+              ] })
+            ] }) : view === "exchange" ? /* @__PURE__ */ jsxs49(Fragment11, { children: [
+              /* @__PURE__ */ jsx55(
+                DepositHeader,
+                {
+                  title: payWithExchangeTitle,
+                  showBack: exchangeView === "pending" || sessionOpenedFromMenu,
+                  onBack: handleBack,
+                  onClose: handleClose
+                }
+              ),
+              /* @__PURE__ */ jsxs49("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+                /* @__PURE__ */ jsx55(
+                  PayWithExchange,
                   {
-                    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
+                    userId,
+                    publishableKey,
+                    exchanges,
+                    view: exchangeView,
+                    onViewChange: setExchangeView,
+                    destinationTokenSymbol,
+                    recipientAddress,
+                    destinationChainType,
+                    destinationChainId,
+                    destinationTokenAddress,
+                    onDepositSuccess,
+                    onDepositError,
+                    wallets,
+                    defaultToken: defaultToken ?? null
                   }
                 ),
-                showDepositTracker && /* @__PURE__ */ jsx55(
-                  DepositTrackerButton,
-                  {
-                    onClick: () => {
-                      setAllExecutions(depositExecutions);
-                      setView("tracker");
-                    },
-                    title: depositTrackerTitle,
-                    subtitle: depositTrackerSubTitle,
-                    badge: depositExecutions.length > 0 ? depositExecutions.length : void 0
-                  }
-                )
-              ] }) }),
-              depositPoweredByFooter
-            ] })
-          ] }) : view === "transfer" ? /* @__PURE__ */ jsxs49(Fragment11, { children: [
-            /* @__PURE__ */ jsx55(
-              DepositHeader,
-              {
-                title: transferCryptoTitle,
-                showBack: showBackTransfer,
-                onBack: handleBack,
-                onClose: handleClose,
-                showBalance: showBalanceHeader,
-                balanceAddress: recipientAddress,
-                balanceChainType: destinationChainType === "ethereum" || destinationChainType === "solana" || destinationChainType === "bitcoin" ? destinationChainType : void 0,
-                balanceChainId: destinationChainId,
-                balanceTokenAddress: destinationTokenAddress,
-                projectName: projectConfig?.project_name,
-                publishableKey
-              }
-            ),
-            /* @__PURE__ */ jsxs49("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
-              standaloneNeedsDepositPrereq && depositPrerequisiteBody !== null ? /* @__PURE__ */ jsx55("div", { className: "uf-pb-4 uf-space-y-3", children: depositPrerequisiteBody }) : transferInputVariant === "single_input" ? /* @__PURE__ */ jsx55(
-                TransferCryptoSingleInput,
+                depositPoweredByFooter
+              ] })
+            ] }) : view === "coinbase_connect" ? /* @__PURE__ */ jsxs49("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+              /* @__PURE__ */ jsx55(
+                CoinbaseConnect,
                 {
-                  userId,
                   publishableKey,
-                  recipientAddress,
-                  destinationChainType,
-                  destinationChainId,
-                  destinationTokenAddress,
-                  defaultSourceChainType,
-                  defaultSourceChainId,
-                  defaultSourceTokenAddress,
-                  defaultSourceSymbol,
-                  depositConfirmationMode,
-                  onExecutionsChange: setDepositExecutions,
-                  onDepositSuccess,
-                  onDepositError,
-                  wallets
-                }
-              ) : /* @__PURE__ */ jsx55(
-                TransferCryptoDoubleInput,
-                {
                   userId,
-                  publishableKey,
+                  wallets,
                   recipientAddress,
-                  destinationChainType,
-                  destinationChainId,
-                  destinationTokenAddress,
+                  destinationTokenAddress: destinationTokenAddress ?? "",
+                  destinationChainId: destinationChainId ?? "",
+                  destinationChainType: destinationChainType ?? "",
+                  onTransferSuccess: (result) => {
+                    onDepositSuccess?.({
+                      message: "Transfer completed via Coinbase Connect",
+                      transaction: result
+                    });
+                  },
+                  onTransferError: (error) => {
+                    onDepositError?.({
+                      message: error.message,
+                      error
+                    });
+                  },
+                  onBack: handleBack,
+                  onClose: handleClose,
+                  onDisconnect: handleExchangeDisconnect,
+                  skipToHoldings: coinbaseSkipToHoldings,
+                  canGoBack: sessionOpenedFromMenu,
+                  onExecutionsChange: setDepositExecutions,
                   defaultSourceChainType,
                   defaultSourceChainId,
                   defaultSourceTokenAddress,
-                  defaultSourceSymbol,
-                  depositConfirmationMode,
-                  onExecutionsChange: setDepositExecutions,
-                  onDepositSuccess,
-                  onDepositError,
-                  wallets
-                }
-              ),
-              depositPoweredByFooter
-            ] })
-          ] }) : view === "tracker" ? /* @__PURE__ */ jsxs49(Fragment11, { children: [
-            /* @__PURE__ */ jsx55(
-              DepositHeader,
-              {
-                title: selectedExecution ? "Deposit Details" : depositTrackerTitle,
-                showBack: showBackTracker,
-                onBack: handleBack,
-                onClose: handleClose
-              }
-            ),
-            /* @__PURE__ */ jsxs49("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
-              /* @__PURE__ */ jsx55("div", { className: "uf-h-[460px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: selectedExecution ? /* @__PURE__ */ jsx55(DepositDetailContent, { execution: selectedExecution }) : /* @__PURE__ */ jsx55("div", { className: "uf-space-y-2 uf-pb-8", children: allExecutions.length === 0 ? /* @__PURE__ */ jsx55("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ jsx55(
-                "div",
-                {
-                  className: "uf-text-sm",
-                  style: { color: components.container.subtitleColor, fontFamily: fonts.regular },
-                  children: "No deposits yet"
-                }
-              ) }) : allExecutions.map((execution) => /* @__PURE__ */ jsx55(
-                DepositExecutionItem,
-                {
-                  execution,
-                  onClick: () => setSelectedExecution(execution)
-                },
-                execution.id
-              )) }) }),
-              depositPoweredByFooter
-            ] })
-          ] }) : view === "card" ? /* @__PURE__ */ jsxs49(Fragment11, { children: [
-            /* @__PURE__ */ jsx55(
-              DepositHeader,
-              {
-                title: cardView === "quotes" ? t7.quotes : depositWithCardTitle,
-                showBack: showBackCard,
-                onBack: handleBack,
-                onClose: handleClose,
-                badge: cardView === "quotes" ? { count: quotesCount } : void 0,
-                showBalance: showBalanceHeader,
-                balanceAddress: recipientAddress,
-                balanceChainType: destinationChainType === "ethereum" || destinationChainType === "solana" || destinationChainType === "bitcoin" ? destinationChainType : void 0,
-                balanceChainId: destinationChainId,
-                balanceTokenAddress: destinationTokenAddress,
-                projectName: projectConfig?.project_name,
-                publishableKey
-              }
-            ),
-            /* @__PURE__ */ jsxs49("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
-              standaloneNeedsDepositPrereq && depositPrerequisiteBody !== null ? /* @__PURE__ */ jsx55("div", { className: "uf-pb-4 uf-space-y-3", children: depositPrerequisiteBody }) : /* @__PURE__ */ jsx55(
-                BuyWithCard,
-                {
-                  userId,
-                  publishableKey,
-                  view: cardView,
-                  onViewChange: handleCardViewChange,
-                  destinationTokenSymbol,
-                  recipientAddress,
-                  destinationChainType,
-                  destinationChainId,
-                  destinationTokenAddress,
-                  onDepositSuccess,
-                  onDepositError,
-                  onEvent,
-                  themeClass,
-                  wallets,
-                  assetCdnUrl: projectConfig?.asset_cdn_url,
-                  hideDepositFlowInfo,
-                  hideDisplayDescription
+                  defaultSourceSymbol
                 }
               ),
               depositPoweredByFooter
-            ] })
-          ] }) : view === "exchange" ? /* @__PURE__ */ jsxs49(Fragment11, { children: [
-            /* @__PURE__ */ jsx55(
-              DepositHeader,
-              {
-                title: payWithExchangeTitle,
-                showBack: exchangeView === "pending" || sessionOpenedFromMenu,
-                onBack: handleBack,
-                onClose: handleClose
-              }
-            ),
-            /* @__PURE__ */ jsxs49("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+            ] }) : view === "wallet_connect" ? /* @__PURE__ */ jsxs49("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
               /* @__PURE__ */ jsx55(
-                PayWithExchange,
+                WalletConnect,
                 {
+                  walletInfo: browserWalletInfo ?? void 0,
+                  depositWallet: browserWalletInfo?.depositWallet ?? void 0,
+                  wallets,
                   userId,
                   publishableKey,
-                  exchanges,
-                  view: exchangeView,
-                  onViewChange: setExchangeView,
-                  destinationTokenSymbol,
-                  recipientAddress,
-                  destinationChainType,
-                  destinationChainId,
-                  destinationTokenAddress,
+                  assetCdnUrl: projectConfig?.asset_cdn_url,
+                  projectName: projectConfig?.project_name,
+                  onSuccess: (txHash) => {
+                    onDepositSuccess?.({
+                      message: "Transaction sent successfully",
+                      transaction: { txHash }
+                    });
+                  },
+                  onError: (error) => {
+                    onDepositError?.({
+                      message: error.message,
+                      error
+                    });
+                  },
                   onDepositSuccess,
                   onDepositError,
-                  wallets,
-                  defaultToken: defaultToken ?? null
+                  amountQuickSelect: browserWalletAmountQuickSelect,
+                  onWalletDisconnect: handleWalletDisconnect,
+                  onWalletConnected: (info, dw) => {
+                    setBrowserWalletInfo({ ...info, depositWallet: dw });
+                    setStoredWalletState(info.type);
+                    setBrowserWalletChainType(dw.chain_type === "solana" ? "solana" : "ethereum");
+                  },
+                  onBack: handleBack,
+                  onClose: handleClose,
+                  defaultSourceChainType,
+                  defaultSourceChainId,
+                  defaultSourceTokenAddress,
+                  defaultSourceSymbol,
+                  canGoBack: sessionOpenedFromMenu,
+                  depositWalletsLoading: walletsLoading
                 }
               ),
               depositPoweredByFooter
-            ] })
-          ] }) : view === "coinbase_connect" ? /* @__PURE__ */ jsxs49("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
-            /* @__PURE__ */ jsx55(
-              CoinbaseConnect,
-              {
-                publishableKey,
-                userId,
-                wallets,
-                recipientAddress,
-                destinationTokenAddress: destinationTokenAddress ?? "",
-                destinationChainId: destinationChainId ?? "",
-                destinationChainType: destinationChainType ?? "",
-                onTransferSuccess: (result) => {
-                  onDepositSuccess?.({
-                    message: "Transfer completed via Coinbase Connect",
-                    transaction: result
-                  });
-                },
-                onTransferError: (error) => {
-                  onDepositError?.({
-                    message: error.message,
-                    error
-                  });
-                },
-                onBack: handleBack,
-                onClose: handleClose,
-                onDisconnect: handleExchangeDisconnect,
-                skipToHoldings: coinbaseSkipToHoldings,
-                canGoBack: sessionOpenedFromMenu,
-                onExecutionsChange: setDepositExecutions,
-                defaultSourceChainType,
-                defaultSourceChainId,
-                defaultSourceTokenAddress,
-                defaultSourceSymbol
-              }
-            ),
-            depositPoweredByFooter
-          ] }) : view === "wallet_connect" ? /* @__PURE__ */ jsxs49("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
-            /* @__PURE__ */ jsx55(
-              WalletConnect,
-              {
-                walletInfo: browserWalletInfo ?? void 0,
-                depositWallet: browserWalletInfo?.depositWallet ?? void 0,
-                wallets,
-                userId,
-                publishableKey,
-                assetCdnUrl: projectConfig?.asset_cdn_url,
-                projectName: projectConfig?.project_name,
-                onSuccess: (txHash) => {
-                  onDepositSuccess?.({
-                    message: "Transaction sent successfully",
-                    transaction: { txHash }
-                  });
-                },
-                onError: (error) => {
-                  onDepositError?.({
-                    message: error.message,
-                    error
-                  });
-                },
-                onDepositSuccess,
-                onDepositError,
-                amountQuickSelect: browserWalletAmountQuickSelect,
-                onWalletDisconnect: handleWalletDisconnect,
-                onWalletConnected: (info, dw) => {
-                  setBrowserWalletInfo({ ...info, depositWallet: dw });
-                  setStoredWalletState(info.type);
-                  setBrowserWalletChainType(dw.chain_type === "solana" ? "solana" : "ethereum");
-                },
-                onBack: handleBack,
-                onClose: handleClose,
-                defaultSourceChainType,
-                defaultSourceChainId,
-                defaultSourceTokenAddress,
-                defaultSourceSymbol,
-                canGoBack: sessionOpenedFromMenu,
-                depositWalletsLoading: walletsLoading
-              }
-            ),
-            depositPoweredByFooter
-          ] }) : view === "cashapp" ? /* @__PURE__ */ jsxs49(Fragment11, { children: [
-            /* @__PURE__ */ jsx55(
-              DepositHeader,
-              {
-                title: cashAppView !== "amount" && cashAppAmount ? `Pay $${cashAppAmount} via Cash App` : "Pay with Cash App",
-                showBack: cashAppView !== "amount" || sessionOpenedFromMenu,
-                onBack: handleBack,
-                onClose: handleClose
-              }
-            ),
-            /* @__PURE__ */ jsxs49("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+            ] }) : view === "cashapp" ? /* @__PURE__ */ jsxs49(Fragment11, { children: [
               /* @__PURE__ */ jsx55(
-                PayWithCashApp,
+                DepositHeader,
                 {
-                  userId,
-                  publishableKey,
-                  recipientAddress,
-                  destinationChainType,
-                  destinationChainId,
-                  destinationTokenAddress,
-                  cashAppIconUrl: projectConfig?.asset_cdn_url ? `${projectConfig.asset_cdn_url}/api/public/icons/onramps/svg/cashapp.svg` : void 0,
-                  view: cashAppView,
-                  onViewChange: setCashAppView,
-                  onAmountChange: setCashAppAmount,
-                  onEvent,
-                  onDepositSuccess,
-                  onDepositError
+                  title: cashAppView !== "amount" && cashAppAmount ? `Pay $${cashAppAmount} via Cash App` : "Pay with Cash App",
+                  showBack: cashAppView !== "amount" || sessionOpenedFromMenu,
+                  onBack: handleBack,
+                  onClose: handleClose
                 }
               ),
-              depositPoweredByFooter
-            ] })
-          ] }) : null })
+              /* @__PURE__ */ jsxs49("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+                /* @__PURE__ */ jsx55(
+                  PayWithCashApp,
+                  {
+                    userId,
+                    publishableKey,
+                    recipientAddress,
+                    destinationChainType,
+                    destinationChainId,
+                    destinationTokenAddress,
+                    cashAppIconUrl: projectConfig?.asset_cdn_url ? `${projectConfig.asset_cdn_url}/api/public/icons/onramps/svg/cashapp.svg` : void 0,
+                    view: cashAppView,
+                    onViewChange: setCashAppView,
+                    onAmountChange: setCashAppAmount,
+                    onEvent,
+                    onDepositSuccess,
+                    onDepositError
+                  }
+                ),
+                depositPoweredByFooter
+              ] })
+            ] }) : null })
+          ]
         }
       )
     }
@@ -15353,7 +15921,7 @@ import {
 import { AlertTriangle as AlertTriangle3, ChevronRight as ChevronRight15 } from "lucide-react";
 
 // src/hooks/use-payment-intent.ts
-import { useQuery as useQuery13 } from "@tanstack/react-query";
+import { useQuery as useQuery14 } from "@tanstack/react-query";
 import { retrievePaymentIntent } from "@unifold/core";
 var TERMINAL_STATUSES = /* @__PURE__ */ new Set([
   "succeeded",
@@ -15368,7 +15936,7 @@ function usePaymentIntent(params) {
     enabled = true,
     pollingInterval = 3e3
   } = params;
-  return useQuery13({
+  return useQuery14({
     queryKey: ["unifold", "paymentIntent", clientSecret, publishableKey],
     queryFn: () => retrievePaymentIntent(clientSecret, publishableKey),
     enabled: enabled && !!clientSecret && !!publishableKey,
@@ -15437,7 +16005,6 @@ function CheckoutModal({
   const [browserWalletInfo, setBrowserWalletInfo] = useState33(null);
   const [walletSelectionModalOpen, setWalletSelectionModalOpen] = useState33(false);
   const [browserWalletChainType, setBrowserWalletChainType] = useState33(() => getStoredWalletState()?.chainType);
-  const isMobileView = useIsMobileViewport();
   const [resolvedTheme, setResolvedTheme] = useState33(
     theme === "auto" ? "dark" : theme
   );
@@ -15863,7 +16430,7 @@ function CheckoutModal({
                   featuredTokens: projectConfig?.transfer_crypto.networks
                 }
               ),
-              showConnectWallet && !isMobileView && /* @__PURE__ */ jsx56(
+              showConnectWallet && /* @__PURE__ */ jsx56(
                 BrowserWalletButton,
                 {
                   onClick: handleBrowserWalletClick,
@@ -16035,12 +16602,12 @@ import {
 import { AlertTriangle as AlertTriangle5, ChevronRight as ChevronRight17, Clock as Clock6 } from "lucide-react";
 
 // src/hooks/use-supported-destination-tokens.ts
-import { useQuery as useQuery14 } from "@tanstack/react-query";
+import { useQuery as useQuery15 } from "@tanstack/react-query";
 import {
   getSupportedDestinationTokens
 } from "@unifold/core";
 function useSupportedDestinationTokens(publishableKey, enabled = true) {
-  return useQuery14({
+  return useQuery15({
     queryKey: ["unifold", "supportedDestinationTokens", publishableKey],
     queryFn: () => getSupportedDestinationTokens(publishableKey),
     staleTime: 1e3 * 60 * 5,
@@ -16069,7 +16636,7 @@ function useDefaultDestinationToken({
 }
 
 // src/hooks/use-source-token-validation.ts
-import { useQuery as useQuery15 } from "@tanstack/react-query";
+import { useQuery as useQuery16 } from "@tanstack/react-query";
 import { getSupportedDepositTokens as getSupportedDepositTokens3 } from "@unifold/core";
 function useSourceTokenValidation(params) {
   const {
@@ -16081,7 +16648,7 @@ function useSourceTokenValidation(params) {
     enabled = true
   } = params;
   const hasParams = !!sourceChainType && !!sourceChainId && !!sourceTokenAddress;
-  return useQuery15({
+  return useQuery16({
     queryKey: [
       "unifold",
       "sourceTokenValidation",
@@ -16129,7 +16696,7 @@ function useSourceTokenValidation(params) {
 }
 
 // src/hooks/use-address-balance.ts
-import { useQuery as useQuery16 } from "@tanstack/react-query";
+import { useQuery as useQuery17 } from "@tanstack/react-query";
 import { getAddressBalance as getAddressBalance2 } from "@unifold/core";
 function useAddressBalance(params) {
   const {
@@ -16141,7 +16708,7 @@ function useAddressBalance(params) {
     enabled = true
   } = params;
   const hasParams = !!address && !!chainType && !!chainId && !!tokenAddress;
-  return useQuery16({
+  return useQuery17({
     queryKey: [
       "unifold",
       "addressBalance",
@@ -16190,11 +16757,11 @@ function useAddressBalance(params) {
 }
 
 // src/hooks/use-executions.ts
-import { useQuery as useQuery17 } from "@tanstack/react-query";
+import { useQuery as useQuery18 } from "@tanstack/react-query";
 import { queryExecutions as queryExecutions4, ActionType as ActionType4 } from "@unifold/core";
 function useExecutions(userId, publishableKey, options) {
   const actionType = options?.actionType ?? ActionType4.Deposit;
-  return useQuery17({
+  return useQuery18({
     queryKey: ["unifold", "executions", actionType, userId, publishableKey],
     queryFn: () => queryExecutions4(userId, publishableKey, actionType),
     enabled: (options?.enabled ?? true) && !!userId,
@@ -16210,7 +16777,7 @@ import { useState as useState34, useEffect as useEffect28, useRef as useRef11 }
 import {
   queryExecutions as queryExecutions5,
   pollDirectExecutions as pollDirectExecutions2,
-  ExecutionStatus as ExecutionStatus5,
+  ExecutionStatus as ExecutionStatus6,
   ActionType as ActionType5
 } from "@unifold/core";
 var POLL_INTERVAL_MS3 = 2500;
@@ -16259,8 +16826,8 @@ function useWithdrawPolling({
           const tB = b.created_at ? new Date(b.created_at).getTime() : 0;
           return tB - tA;
         });
-        const inProgress = [ExecutionStatus5.PENDING, ExecutionStatus5.WAITING, ExecutionStatus5.DELAYED];
-        const terminal = [ExecutionStatus5.SUCCEEDED, ExecutionStatus5.FAILED];
+        const inProgress = [ExecutionStatus6.PENDING, ExecutionStatus6.WAITING, ExecutionStatus6.DELAYED];
+        const terminal = [ExecutionStatus6.SUCCEEDED, ExecutionStatus6.FAILED];
         let target = null;
         for (const ex of sorted) {
           const t12 = ex.created_at ? new Date(ex.created_at) : null;
@@ -16290,9 +16857,9 @@ function useWithdrawPolling({
             }
             return [...list, ex];
           });
-          if (ex.status === ExecutionStatus5.SUCCEEDED && (!prev || inProgress.includes(prev))) {
+          if (ex.status === ExecutionStatus6.SUCCEEDED && (!prev || inProgress.includes(prev))) {
             onSuccessRef.current?.({ message: "Withdrawal completed successfully", executionId: ex.id, transaction: ex });
-          } else if (ex.status === ExecutionStatus5.FAILED && prev !== ExecutionStatus5.FAILED) {
+          } else if (ex.status === ExecutionStatus6.FAILED && prev !== ExecutionStatus6.FAILED) {
             onErrorRef.current?.({ message: "Withdrawal failed", code: "WITHDRAW_FAILED", error: ex });
           }
         }
@@ -16494,11 +17061,11 @@ import {
   Wallet as Wallet3
 } from "lucide-react";
 import {
-  checkHypercoreActivation as checkHypercoreActivation2
+  checkHypercoreActivation as checkHypercoreActivation3
 } from "@unifold/core";
 
 // src/hooks/use-verify-recipient-address.ts
-import { useQuery as useQuery18 } from "@tanstack/react-query";
+import { useQuery as useQuery19 } from "@tanstack/react-query";
 import { verifyRecipientAddress as verifyRecipientAddress2 } from "@unifold/core";
 function useVerifyRecipientAddress(params) {
   const {
@@ -16511,7 +17078,7 @@ function useVerifyRecipientAddress(params) {
   } = params;
   const trimmedAddress = recipientAddress?.trim() || "";
   const hasAllParams = !!chainType && !!chainId && !!tokenAddress && trimmedAddress.length > 0;
-  return useQuery18({
+  return useQuery19({
     queryKey: [
       "unifold",
       "verifyRecipientAddress",
@@ -16542,9 +17109,7 @@ function useVerifyRecipientAddress(params) {
 // src/components/withdrawals/send-withdraw.ts
 import {
   buildSolanaTransaction as buildSolanaTransaction2,
-  sendSolanaTransaction as sendSolanaTransactionToBackend2,
-  buildHypercoreTransaction as buildHypercoreTransactionFromBackend,
-  sendHypercoreTransaction as sendHypercoreTransactionToBackend
+  sendSolanaTransaction as sendSolanaTransactionToBackend2
 } from "@unifold/core";
 async function sendEvmWithdraw(params) {
   const {
@@ -16655,50 +17220,15 @@ async function sendSolanaWithdraw(params) {
   );
   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: []
+  await sendHypercoreEvmTransfer({
+    provider: params.provider,
+    fromAddress: params.fromAddress,
+    recipientAddress: params.depositWalletAddress,
+    sourceTokenAddress: params.sourceTokenAddress,
+    amount: params.amount,
+    publishableKey: params.publishableKey
   });
-  const activeChainId = String(parseInt(currentChainHex, 16));
-  const buildResult = await buildHypercoreTransactionFromBackend(
-    {
-      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 sendHypercoreTransactionToBackend(
-    {
-      action_payload: buildResult.action_payload,
-      signature,
-      nonce: buildResult.nonce
-    },
-    publishableKey
-  );
 }
 async function detectBrowserWallet(chainType, senderAddress) {
   const win = typeof window !== "undefined" ? window : null;
@@ -16783,7 +17313,7 @@ import { useMemo as useMemo12 } from "react";
 import { ActionType as ActionType6 } from "@unifold/core";
 
 // src/hooks/use-get-deposit-address.ts
-import { useQuery as useQuery19 } from "@tanstack/react-query";
+import { useQuery as useQuery20 } from "@tanstack/react-query";
 import {
   getDepositAddress
 } from "@unifold/core";
@@ -16799,7 +17329,7 @@ function useGetDepositAddress(params) {
     enabled = true
   } = params;
   const canFire = !!userId && !!recipientAddress && !!destinationChainType && !!destinationChainId && !!destinationTokenAddress;
-  return useQuery19({
+  return useQuery20({
     queryKey: [
       "unifold",
       "getDepositAddress",
@@ -17134,7 +17664,7 @@ function WithdrawForm({
       let humanAmount = isMaxed ? balanceData.balanceHuman : toSafeDecimalString(cryptoAmountFromInput, sourceDecimals);
       if (isHypercoreChain(sourceChainId)) {
         try {
-          const check = await checkHypercoreActivation2(
+          const check = await checkHypercoreActivation3(
             {
               source_address: senderAddress,
               recipient_address: depositWallet.address
@@ -17452,7 +17982,7 @@ function WithdrawForm({
 // src/components/withdrawals/WithdrawExecutionItem.tsx
 import { ChevronRight as ChevronRight16 } from "lucide-react";
 import {
-  ExecutionStatus as ExecutionStatus6,
+  ExecutionStatus as ExecutionStatus7,
   getIconUrl as getIconUrl5
 } from "@unifold/core";
 import { jsx as jsx59, jsxs as jsxs53 } from "react/jsx-runtime";
@@ -17461,7 +17991,7 @@ function WithdrawExecutionItem({
   onClick
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const isPending = execution.status === ExecutionStatus6.PENDING || execution.status === ExecutionStatus6.WAITING || execution.status === ExecutionStatus6.DELAYED;
+  const isPending = execution.status === ExecutionStatus7.PENDING || execution.status === ExecutionStatus7.WAITING || execution.status === ExecutionStatus7.DELAYED;
   const formatDateTime = (timestamp) => {
     try {
       const date = new Date(timestamp);
@@ -17730,8 +18260,6 @@ function WithdrawConfirmingView({
           className: "uf-text-sm uf-text-center",
           style: { color: colors2.foregroundMuted, fontFamily: fonts.regular },
           children: [
-            txInfo.amount,
-            " ",
             txInfo.sourceTokenSymbol,
             " to",
             " ",