@unifold/ui-react 0.1.62 → 0.1.64

package/dist/index.js

@@ -128,8 +128,32 @@ var import_tailwind_merge = require("tailwind-merge");
 function cn(...inputs) {
   return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
 }
-var WALLET_CHAIN_TYPE_STORAGE_KEY = "unifold_last_wallet_type";
+var WALLET_STATE_STORAGE_KEY = "unifold_wallet_state";
+var LEGACY_WALLET_KEYS = [
+  "unifold_last_wallet_type",
+  "unifold_last_connected_wallet"
+];
 var WALLET_USER_DISCONNECTED_KEY = "unifold_wallet_user_disconnected";
+var SOLANA_WALLET_TYPES = /* @__PURE__ */ new Set([
+  "phantom-solana",
+  "solflare",
+  "backpack",
+  "glow"
+]);
+var ETHEREUM_WALLET_TYPES = /* @__PURE__ */ new Set([
+  "metamask",
+  "phantom-ethereum",
+  "coinbase",
+  "trust",
+  "rainbow",
+  "rabby",
+  "okx"
+]);
+function walletTypeToChain(t12) {
+  if (SOLANA_WALLET_TYPES.has(t12)) return "solana";
+  if (ETHEREUM_WALLET_TYPES.has(t12)) return "ethereum";
+  return void 0;
+}
 function getUserDisconnectedWallet() {
   if (typeof window === "undefined") return false;
   try {
@@ -149,26 +173,35 @@ function setUserDisconnectedWallet(disconnected) {
   } catch {
   }
 }
-function getStoredWalletChainType() {
+function getStoredWalletState() {
   if (typeof window === "undefined") return void 0;
   try {
-    const stored = localStorage.getItem(WALLET_CHAIN_TYPE_STORAGE_KEY);
-    if (stored === "ethereum" || stored === "solana") return stored;
+    const raw = localStorage.getItem(WALLET_STATE_STORAGE_KEY);
+    if (!raw) return void 0;
+    const chainType = walletTypeToChain(raw);
+    if (!chainType) {
+      localStorage.removeItem(WALLET_STATE_STORAGE_KEY);
+      return void 0;
+    }
+    return { walletType: raw, chainType };
   } catch {
+    return void 0;
   }
-  return void 0;
 }
-function setStoredWalletChainType(chainType) {
+function setStoredWalletState(walletType) {
   if (typeof window === "undefined") return;
+  if (!walletTypeToChain(walletType)) return;
   try {
-    localStorage.setItem(WALLET_CHAIN_TYPE_STORAGE_KEY, chainType);
+    localStorage.setItem(WALLET_STATE_STORAGE_KEY, walletType);
+    for (const key of LEGACY_WALLET_KEYS) localStorage.removeItem(key);
   } catch {
   }
 }
-function clearStoredWalletChainType() {
+function clearStoredWalletState() {
   if (typeof window === "undefined") return;
   try {
-    localStorage.removeItem(WALLET_CHAIN_TYPE_STORAGE_KEY);
+    localStorage.removeItem(WALLET_STATE_STORAGE_KEY);
+    for (const key of LEGACY_WALLET_KEYS) localStorage.removeItem(key);
   } catch {
   }
 }
@@ -539,6 +572,36 @@ function ThemeProvider({
   );
   return /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(ThemeContext.Provider, { value, children });
+}
 function useTheme() {
   const context = React.useContext(ThemeContext);
   if (!context) {
@@ -770,6 +833,60 @@ var import_core3 = require("@unifold/core");
 
 // src/components/deposits/browser-wallets/utils.ts
 var import_core2 = require("@unifold/core");
+var normalize = (value) => value?.toLowerCase();
+function sourceTokenMatchesDefaultSource(token, defaultSource) {
+  if (!token || !defaultSource.defaultSourceChainType || !defaultSource.defaultSourceChainId) {
+    return false;
+  }
+  if (token.chain_type !== defaultSource.defaultSourceChainType || token.chain_id !== defaultSource.defaultSourceChainId) {
+    return false;
+  }
+  if (defaultSource.defaultSourceTokenAddress && normalize(token.token_address) === normalize(defaultSource.defaultSourceTokenAddress)) {
+    return true;
+  }
+  if (defaultSource.defaultSourceTokenAddress) {
+    return false;
+  }
+  return !!defaultSource.defaultSourceSymbol && normalize(token.symbol) === normalize(defaultSource.defaultSourceSymbol);
+}
+function isDefaultSourceBalance(balance, defaultSource) {
+  return isBalanceEligible(balance) && sourceTokenMatchesDefaultSource(getTokenFromBalance(balance), defaultSource);
+}
+function compareBalancesWithDefaultSource(a, b, defaultSource) {
+  const aDefault = isDefaultSourceBalance(a, defaultSource);
+  const bDefault = isDefaultSourceBalance(b, defaultSource);
+  if (aDefault && !bDefault) return -1;
+  if (!aDefault && bDefault) return 1;
+  const aEligible = isBalanceEligible(a);
+  const bEligible = isBalanceEligible(b);
+  if (aEligible && !bEligible) return -1;
+  if (!aEligible && bEligible) return 1;
+  return 0;
+}
+function resolveDefaultSourceSymbol(supportedTokens, defaultSource) {
+  if (!supportedTokens?.length || !defaultSource.defaultSourceChainType || !defaultSource.defaultSourceChainId) {
+    return null;
+  }
+  if (defaultSource.defaultSourceTokenAddress) {
+    for (const token of supportedTokens) {
+      const matchingChain = token.chains.find(
+        (chain) => chain.chain_type === defaultSource.defaultSourceChainType && chain.chain_id === defaultSource.defaultSourceChainId && normalize(chain.token_address) === normalize(defaultSource.defaultSourceTokenAddress)
+      );
+      if (matchingChain) return token.symbol;
+    }
+  }
+  if (!defaultSource.defaultSourceSymbol) return null;
+  for (const token of supportedTokens) {
+    if (normalize(token.symbol) !== normalize(defaultSource.defaultSourceSymbol)) {
+      continue;
+    }
+    const matchingChain = token.chains.find(
+      (chain) => chain.chain_type === defaultSource.defaultSourceChainType && chain.chain_id === defaultSource.defaultSourceChainId
+    );
+    if (matchingChain) return token.symbol;
+  }
+  return null;
+}
 function formatUsdFromBalancePercent(maxUsdAmount, percent) {
   if (maxUsdAmount <= 0 || percent < 0) return "";
   const raw = maxUsdAmount * percent / 100;
@@ -1591,6 +1708,7 @@ function useDepositPolling({
   clientSecret,
   depositConfirmationMode = "auto_ui",
   depositWalletId,
+  depositWalletIds,
   enabled = true,
   immediateDirectPolling = false,
   onDepositSuccess,
@@ -1736,21 +1854,25 @@ function useDepositPolling({
       setIsPolling(false);
     };
   }, [userId, publishableKey, clientSecret, enabled]);
+  const pollWalletIdsKey = depositWalletIds && depositWalletIds.length > 0 ? Array.from(new Set(depositWalletIds.filter(Boolean))).join(",") : depositWalletId || "";
   (0, import_react3.useEffect)(() => {
-    if (!pollingEnabled || !depositWalletId) return;
+    if (!pollingEnabled || !pollWalletIdsKey) return;
+    const ids = pollWalletIdsKey.split(",").filter(Boolean);
     const triggerPoll = async () => {
-      try {
-        await (0, import_core6.pollDirectExecutions)(
-          { deposit_wallet_id: depositWalletId },
-          publishableKey
-        );
-      } catch {
-      }
+      await Promise.all(
+        ids.map(
+          (id) => (0, import_core6.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);
@@ -2966,6 +3088,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()
   );
@@ -3151,9 +3274,12 @@ function BuyWithCard({
                 /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
                   "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__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "uf-text-left uf-w-full uf-animate-pulse", children: [
                       /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
@@ -3180,7 +3306,7 @@ function BuyWithCard({
                         )
                       ] })
                     ] }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "uf-w-full uf-text-left", children: [
-                      isAutoSelected && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                      isAutoSelected && canOpenProviderSelector && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
                         "div",
                         {
                           className: "uf-text-xs uf-font-normal uf-mb-2",
@@ -3216,7 +3342,7 @@ function BuyWithCard({
                           ),
                           selectedProvider.low_kyc === false && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "uf-flex uf-items-center uf-gap-1.5 uf-mt-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "uf-text-[10px] uf-text-muted-foreground uf-font-normal", children: "No document upload" }) })
                         ] }),
-                        quotes.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                        canOpenProviderSelector && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
                           import_lucide_react7.ChevronRight,
                           {
                             className: "uf-w-4 uf-h-4 group-hover:uf-text-foreground uf-transition-colors uf-flex-shrink-0",
@@ -5419,70 +5545,106 @@ function identifyEthWallet(provider, hint) {
   }
   return { type: "metamask", name: "Wallet", icon: "metamask" };
 }
+var EIP6963_ID_TO_WALLET_TYPE = {
+  metamask: "metamask",
+  phantom: "phantom-ethereum",
+  coinbase: "coinbase",
+  trust: "trust",
+  rainbow: "rainbow",
+  rabby: "rabby",
+  okx: "okx"
+};
+function inferEthWalletType(provider, walletId) {
+  if (EIP6963_ID_TO_WALLET_TYPE[walletId]) return EIP6963_ID_TO_WALLET_TYPE[walletId];
+  const any = provider;
+  if (provider.isPhantom) return "phantom-ethereum";
+  if (any.isCoinbaseWallet) return "coinbase";
+  if (any.isRabby) return "rabby";
+  if (any.isTrust) return "trust";
+  if (any.isRainbow) return "rainbow";
+  if (any.isOkxWallet) return "okx";
+  if (provider.isMetaMask && !provider.isPhantom) return "metamask";
+  return null;
+}
+function solanaCandidate(provider, type, name, icon) {
+  return {
+    walletType: type,
+    detect: async () => {
+      if (!provider) return null;
+      if (provider.isConnected && provider.publicKey) {
+        return { type, name, address: provider.publicKey.toString(), icon };
+      }
+      try {
+        const resp = await provider.connect({ onlyIfTrusted: true });
+        if (resp.publicKey) {
+          return { type, name, address: resp.publicKey.toString(), icon };
+        }
+      } catch {
+      }
+      return null;
+    }
+  };
+}
+function ethereumCandidate(provider, walletId) {
+  return {
+    walletType: inferEthWalletType(provider, walletId),
+    detect: async () => {
+      try {
+        const accounts = await provider.request({ method: "eth_accounts" });
+        if (!accounts?.length) return null;
+        const resolved = identifyEthWallet(provider, walletId);
+        return { ...resolved, address: accounts[0] };
+      } catch {
+        return null;
+      }
+    }
+  };
+}
+function buildCandidates(win, chainType) {
+  const candidates = [];
+  if (!chainType || chainType === "solana") {
+    candidates.push(
+      solanaCandidate(win.phantom?.solana, "phantom-solana", "Phantom", "phantom"),
+      solanaCandidate(win.solflare, "solflare", "Solflare", "solflare"),
+      solanaCandidate(win.backpack, "backpack", "Backpack", "backpack"),
+      solanaCandidate(win.glow, "glow", "Glow", "glow")
+    );
+  }
+  if (!chainType || chainType === "ethereum") {
+    const seen = /* @__PURE__ */ new Set();
+    const addEth = (provider, walletId) => {
+      if (!provider || seen.has(provider)) return;
+      seen.add(provider);
+      candidates.push(ethereumCandidate(provider, walletId));
+    };
+    for (const { provider, walletId } of getEip6963Providers()) {
+      addEth(
+        provider,
+        walletId === "unknown" ? "default" : walletId
+      );
+    }
+    addEth(win.phantom?.ethereum, "phantom");
+    addEth(win.coinbaseWalletExtension, "coinbase");
+    addEth(win.okxwallet, "okx");
+    addEth(win.trustwallet?.ethereum, "trust");
+    addEth(win.ethereum, "default");
+  }
+  return candidates;
+}
 async function detectConnectedBrowserWallet(chainType) {
   if (typeof window === "undefined") return null;
   if (getUserDisconnectedWallet()) return null;
   try {
     const win = window;
-    if (!chainType || chainType === "solana") {
-      const trySilentSolana = async (provider, type, name, icon) => {
-        if (!provider) return null;
-        if (provider.isConnected && provider.publicKey) {
-          return { type, name, address: provider.publicKey.toString(), icon };
-        }
-        try {
-          const resp = await provider.connect({ onlyIfTrusted: true });
-          if (resp.publicKey) {
-            return { type, name, address: resp.publicKey.toString(), icon };
-          }
-        } catch {
-        }
-        return null;
-      };
-      const solanaCandidates = [
-        [win.phantom?.solana, "phantom-solana", "Phantom", "phantom"],
-        [win.solflare, "solflare", "Solflare", "solflare"],
-        [win.backpack, "backpack", "Backpack", "backpack"],
-        [win.glow, "glow", "Glow", "glow"]
-      ];
-      for (const [provider, type, name, icon] of solanaCandidates) {
-        const found = await trySilentSolana(provider, type, name, icon);
-        if (found) return found;
-      }
+    const candidates = buildCandidates(win, chainType);
+    const preferred = getStoredWalletState();
+    if (preferred && (!chainType || preferred.chainType === chainType)) {
+      const idx = candidates.findIndex((c) => c.walletType === preferred.walletType);
+      if (idx > 0) candidates.unshift(...candidates.splice(idx, 1));
     }
-    if (!chainType || chainType === "ethereum") {
-      const allProviders = [];
-      const eip6963 = getEip6963Providers();
-      for (const { provider, walletId } of eip6963) {
-        allProviders.push({
-          provider,
-          walletId: walletId === "unknown" ? "default" : walletId
-        });
-      }
-      if (allProviders.length === 0) {
-        if (win.phantom?.ethereum) {
-          allProviders.push({ provider: win.phantom.ethereum, walletId: "phantom" });
-        }
-        if (win.okxwallet) {
-          allProviders.push({ provider: win.okxwallet, walletId: "okx" });
-        }
-        if (win.coinbaseWalletExtension) {
-          allProviders.push({ provider: win.coinbaseWalletExtension, walletId: "coinbase" });
-        }
-        if (win.ethereum && !allProviders.some((p) => p.provider === win.ethereum)) {
-          allProviders.push({ provider: win.ethereum, walletId: "default" });
-        }
-      }
-      for (const { provider, walletId } of allProviders) {
-        if (!provider) continue;
-        try {
-          const accounts = await provider.request({ method: "eth_accounts" });
-          if (!accounts || accounts.length === 0) continue;
-          const resolved = identifyEthWallet(provider, walletId);
-          return { ...resolved, address: accounts[0] };
-        } catch {
-        }
-      }
+    for (const c of candidates) {
+      const found = await c.detect();
+      if (found) return found;
     }
   } catch (error) {
     console.error("[detectConnectedBrowserWallet] detection error:", error);
@@ -7686,6 +7848,7 @@ function BrowserWalletButton({
         if (solanaProvider?.isPhantom) {
           const { publicKey } = await solanaProvider.connect();
           setUserDisconnectedWallet(false);
+          setStoredWalletState("phantom-solana");
           setWallet({
             type: "phantom-solana",
             name: "Phantom",
@@ -7705,8 +7868,10 @@ function BrowserWalletButton({
           if (accounts && accounts.length > 0) {
             setUserDisconnectedWallet(false);
             const isPhantom = ethProvider.isPhantom;
+            const walletType = isPhantom ? "phantom-ethereum" : "metamask";
+            setStoredWalletState(walletType);
             setWallet({
-              type: isPhantom ? "phantom-ethereum" : "metamask",
+              type: walletType,
               name: isPhantom ? "Phantom" : "MetaMask",
               address: accounts[0],
               icon: isPhantom ? "phantom" : "metamask"
@@ -8038,7 +8203,11 @@ function CoinbaseConnect({
   onDisconnect,
   skipToHoldings,
   canGoBack = true,
-  onExecutionsChange
+  onExecutionsChange,
+  defaultSourceChainType,
+  defaultSourceChainId,
+  defaultSourceTokenAddress,
+  defaultSourceSymbol
 }) {
   const { colors: colors2, fonts, components } = useTheme();
   const { projectConfig } = useProjectConfig({ publishableKey });
@@ -8103,6 +8272,21 @@ function CoinbaseConnect({
     params: defaultTokenParams,
     publishableKey
   });
+  const defaultSourceCurrency = (0, import_react12.useMemo)(
+    () => resolveDefaultSourceSymbol(supportedTokensData?.data, {
+      defaultSourceChainType,
+      defaultSourceChainId,
+      defaultSourceTokenAddress,
+      defaultSourceSymbol
+    })?.toLowerCase() ?? null,
+    [
+      supportedTokensData,
+      defaultSourceChainType,
+      defaultSourceChainId,
+      defaultSourceTokenAddress,
+      defaultSourceSymbol
+    ]
+  );
   const sortedHoldings = (0, import_react12.useMemo)(() => {
     const supported = [];
     const unsupported = [];
@@ -8112,13 +8296,42 @@ function CoinbaseConnect({
       if (isSupported) supported.push(account);
       else unsupported.push(account);
     });
+    if (defaultSourceCurrency) {
+      const defaultIndex = supported.findIndex(
+        (account) => account.currency.toLowerCase() === defaultSourceCurrency
+      );
+      if (defaultIndex > 0) {
+        const [defaultHolding] = supported.splice(defaultIndex, 1);
+        supported.unshift(defaultHolding);
+      }
+    }
     return [...supported, ...unsupported];
-  }, [holdings, supportedSymbols, exchangeSupportedCurrencies]);
+  }, [
+    holdings,
+    supportedSymbols,
+    exchangeSupportedCurrencies,
+    defaultSourceCurrency
+  ]);
   const selectedHoldingIsSupported = (0, import_react12.useMemo)(() => {
     if (!selectedHolding) return false;
     const currencyLower = selectedHolding.currency.toLowerCase();
     return (supportedSymbols.size === 0 || supportedSymbols.has(currencyLower)) && (exchangeSupportedCurrencies.size === 0 || exchangeSupportedCurrencies.has(currencyLower));
   }, [selectedHolding, supportedSymbols, exchangeSupportedCurrencies]);
+  (0, import_react12.useEffect)(() => {
+    if (!defaultSourceCurrency || selectedHolding) return;
+    const defaultHolding = sortedHoldings.find((account) => {
+      const currencyLower = account.currency.toLowerCase();
+      return currencyLower === defaultSourceCurrency && (supportedSymbols.size === 0 || supportedSymbols.has(currencyLower)) && (exchangeSupportedCurrencies.size === 0 || exchangeSupportedCurrencies.has(currencyLower));
+    });
+    if (!defaultHolding) return;
+    setSelectedHolding(defaultHolding);
+  }, [
+    defaultSourceCurrency,
+    selectedHolding,
+    sortedHoldings,
+    supportedSymbols,
+    exchangeSupportedCurrencies
+  ]);
   const exchangeName = selectedExchange?.service_provider_display_name || "Exchange";
   const {
     executions: depositExecutions,
@@ -9897,7 +10110,7 @@ function useDefaultOnrampToken({
 }
 
 // src/components/deposits/DepositModal.tsx
-var import_core29 = require("@unifold/core");
+var import_core30 = require("@unifold/core");
 
 // src/hooks/use-allowed-country.ts
 var import_react_query9 = require("@tanstack/react-query");
@@ -12340,7 +12553,7 @@ function TransferCryptoDoubleInput({
 // src/components/deposits/WalletConnect.tsx
 var React30 = __toESM(require("react"));
 var import_lucide_react28 = require("lucide-react");
-var import_core28 = require("@unifold/core");
+var import_core29 = require("@unifold/core");
 
 // src/hooks/use-deposit-quote.ts
 var import_react_query12 = require("@tanstack/react-query");
@@ -12397,6 +12610,68 @@ function useDepositQuote(params) {
   });
 }
 
+// src/hooks/use-external-wallets.ts
+var import_react_query13 = require("@tanstack/react-query");
+var import_core28 = require("@unifold/core");
+function useExternalWallets({
+  publishableKey,
+  enabled = true
+}) {
+  const { data: wallets = [], isLoading } = (0, import_react_query13.useQuery)({
+    queryKey: ["unifold", "external-wallets", publishableKey],
+    queryFn: () => (0, import_core28.getExternalWallets)(publishableKey).then((res) => res.data),
+    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
 var import_lucide_react25 = require("lucide-react");
 
@@ -13425,18 +13700,46 @@ 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", "solana"], 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") {
+    return "native";
+  }
+  return normalized;
+}
+function balancesRepresentSameToken(a, b) {
+  const tokenA = getTokenFromBalance(a);
+  const tokenB = getTokenFromBalance(b);
+  if (!tokenA || !tokenB) return false;
+  return tokenA.chain_type === tokenB.chain_type && tokenA.chain_id === tokenB.chain_id && normalizeTokenAddress(tokenA.token_address) === normalizeTokenAddress(tokenB.token_address);
+}
 function getSolanaProviders() {
   if (typeof window === "undefined") return {};
   const win = window;
@@ -13459,7 +13762,7 @@ function getLegacyEvmProviders() {
     okxEthereum: win.okxwallet
   };
 }
-function detectAvailableWallets(filterChainType) {
+function detectAvailableWallets(definitions, filterChainType) {
   const solProviders = getSolanaProviders();
   const legacyEvm = getLegacyEvmProviders();
   const eip6963List = getEip6963Providers();
@@ -13485,7 +13788,7 @@ function detectAvailableWallets(filterChainType) {
         return false;
     }
   });
-  return WALLET_DEFINITIONS.filter((w) => !filterChainType || w.networks.includes(filterChainType)).map((wallet) => {
+  return definitions.filter((w) => !filterChainType || w.networks.includes(filterChainType)).map((wallet) => {
     let isInstalled = false;
     const detectedNetworks = [];
     switch (wallet.id) {
@@ -13579,13 +13882,17 @@ function WalletConnect({
   checkoutRemainingBaseUnits,
   stablecoinParity = false,
   productType,
+  defaultSourceChainType,
+  defaultSourceChainId,
+  defaultSourceTokenAddress,
+  defaultSourceSymbol,
   onBack: parentOnBack,
   onClose,
   canGoBack = true,
   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);
@@ -13609,7 +13916,37 @@ 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 availableWallets = React30.useMemo(
+    () => detectAvailableWallets(walletDefinitions),
+    [walletDefinitions, eip6963ProviderCount]
+  );
+  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) {
@@ -13668,9 +14005,36 @@ 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 (0, import_core29.getWalletMobileDeepLink)(
+        wallet.id,
+        depositAddresses,
+        publishableKey
+      );
+      if (res.deeplink) {
+        setMobileRedirect({ walletId: wallet.id, walletName: wallet.name, deeplink: res.deeplink });
+        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);
@@ -13686,6 +14050,27 @@ 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");
@@ -13739,6 +14124,7 @@ function WalletConnect({
           metamask: "metamask"
         };
         const walletType = walletIdToType[wallet.id] || "metamask";
+        setStoredWalletState(walletType);
         connectedInfo = { type: walletType, name: wallet.name, address: accounts[0], icon: wallet.id };
       } else {
         const solProviders = getSolanaProviders();
@@ -13767,6 +14153,7 @@ function WalletConnect({
         const response = await provider.connect();
         setUserDisconnectedWallet(false);
         const walletType = wallet.id === "solflare" ? "solflare" : wallet.id === "backpack" ? "backpack" : wallet.id === "glow" ? "glow" : "phantom-solana";
+        setStoredWalletState(walletType);
         connectedInfo = { type: walletType, name: wallet.name, address: response.publicKey.toString(), icon: wallet.id };
       }
       const walletChainType = network === "solana" ? "solana" : "ethereum";
@@ -13828,14 +14215,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;
@@ -13854,7 +14259,7 @@ function WalletConnect({
         const token = getTokenFromBalance(selectedBalance);
         if (!token) return;
         const options = { destination_token_address: activeDepositWallet.destination_token_address, destination_chain_id: activeDepositWallet.destination_chain_id, destination_chain_type: activeDepositWallet.destination_chain_type, ...productType ? { product_type: productType } : {} };
-        const response = await (0, import_core28.getSupportedDepositTokens)(publishableKey, options);
+        const response = await (0, import_core29.getSupportedDepositTokens)(publishableKey, options);
         if (cancelled) return;
         const supportedToken = response.data.find((t12) => t12.symbol.toLowerCase() === token.symbol.toLowerCase());
         if (supportedToken) {
@@ -13878,21 +14283,36 @@ function WalletConnect({
     setIsLoading(true);
     setError(null);
     const sct = activeDepositWallet.chain_type === "algorand" || activeDepositWallet.chain_type === "xrpl" ? "ethereum" : activeDepositWallet.chain_type;
-    (0, import_core28.getAddressBalances)(activeWalletInfo.address, sct, publishableKey).then((response) => {
+    (0, import_core29.getAddressBalances)(activeWalletInfo.address, sct, publishableKey).then((response) => {
       if (cancelled) return;
       const nonZero = response.balances.filter((b) => b.amount !== "0");
-      const sorted = [...nonZero].sort((a, b) => {
-        const ae = isBalanceEligible(a);
-        const be = isBalanceEligible(b);
-        if (ae && !be) return -1;
-        if (!ae && be) return 1;
-        return 0;
-      });
+      const defaultSource = {
+        defaultSourceChainType,
+        defaultSourceChainId,
+        defaultSourceTokenAddress,
+        defaultSourceSymbol
+      };
+      const sorted = [...nonZero].sort(
+        (a, b) => compareBalancesWithDefaultSource(a, b, defaultSource)
+      );
       setBalances(sorted);
       const totalUsd = nonZero.reduce((sum, b) => b.amount_usd ? sum + parseFloat(b.amount_usd) : sum, 0);
       if (totalUsd > 0) setTotalBalanceUsd(totalUsd.toLocaleString(void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 }));
       const eligible = sorted.filter(isBalanceEligible);
-      if (eligible.length === 1) setSelectedBalance(eligible[0]);
+      const defaultBalance = sorted.find(
+        (balance) => isDefaultSourceBalance(balance, defaultSource)
+      );
+      setSelectedBalance((current) => {
+        if (current) {
+          const currentInNewBalances = sorted.find(
+            (balance) => balancesRepresentSameToken(balance, current)
+          );
+          if (currentInNewBalances) return currentInNewBalances;
+        }
+        if (defaultBalance) return defaultBalance;
+        if (eligible.length === 1) return eligible[0];
+        return null;
+      });
     }).catch((err) => {
       if (!cancelled) {
         console.error("[WalletConnect] Error fetching balances:", err);
@@ -13904,7 +14324,15 @@ function WalletConnect({
     return () => {
       cancelled = true;
     };
-  }, [activeWalletInfo?.address, activeDepositWallet?.chain_type, publishableKey]);
+  }, [
+    activeWalletInfo?.address,
+    activeDepositWallet?.chain_type,
+    publishableKey,
+    defaultSourceChainType,
+    defaultSourceChainId,
+    defaultSourceTokenAddress,
+    defaultSourceSymbol
+  ]);
   const usdToTokenRate = React30.useMemo(() => {
     if (!selectedBalance || !selectedBalance.amount_usd || !selectedToken) return 0;
     const balanceAmount = Number(selectedBalance.amount) / 10 ** selectedToken.decimals;
@@ -13943,6 +14371,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");
@@ -14069,7 +14507,7 @@ function WalletConnect({
     if (!provider.publicKey) await provider.connect();
     const isNative = token.token_address === "native" || token.token_address === "So11111111111111111111111111111111111111112" || token.token_address === "";
     const smallestUnit = isNative ? decimalToSmallestUnit(amountStr, 9) : decimalToSmallestUnit(amountStr, token.decimals);
-    const buildResp = await (0, import_core28.buildSolanaTransaction)({ chain_id: "mainnet", token_address: token.token_address === "" ? "native" : token.token_address, source_address: walletInfo.address, destination_address: recipientAddress, amount: smallestUnit }, publishableKey);
+    const buildResp = await (0, import_core29.buildSolanaTransaction)({ chain_id: "mainnet", token_address: token.token_address === "" ? "native" : token.token_address, source_address: walletInfo.address, destination_address: recipientAddress, amount: smallestUnit }, publishableKey);
     const { VersionedTransaction } = await import(
       /* @vite-ignore */
       "@solana/web3.js"
@@ -14082,7 +14520,7 @@ function WalletConnect({
     const ser = signed.serialize();
     let bs = "";
     for (let i = 0; i < ser.length; i++) bs += String.fromCharCode(ser[i]);
-    const resp = await (0, import_core28.sendSolanaTransaction)({ chain_id: "mainnet", signed_transaction: btoa(bs) }, publishableKey);
+    const resp = await (0, import_core29.sendSolanaTransaction)({ chain_id: "mainnet", signed_transaction: btoa(bs) }, publishableKey);
     return resp.signature;
   };
   const handleConfirm = async () => {
@@ -14128,33 +14566,40 @@ function WalletConnect({
     return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { style: viewTransitionStyle, children: [
       /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DepositHeader, { title: "Connect Wallet", showBack: canGoBack, onBack: handleBack, onClose }),
       /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-pb-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("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__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-space-y-2", style: { maxHeight: 330, overflowY: "auto" }, children: availableWallets.map((wallet) => /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
-          "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__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
-                WALLET_ICONS3[wallet.id] ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(WalletIconWithNetwork, { WalletIcon: WALLET_ICONS3[wallet.id], networks: wallet.networks, size: 40, className: "uf-rounded-lg" }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-w-10 uf-h-10 uf-rounded-lg uf-bg-gray-500" }),
-                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-text-sm uf-font-medium", style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: wallet.name })
-              ] }),
-              wallet.isInstalled ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "uf-text-xs uf-px-2 uf-py-1 uf-rounded-full", style: { backgroundColor: colors2.primary + "20", color: colors2.primary, fontFamily: fonts.medium }, children: "Detected" }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "uf-text-xs", style: { color: colors2.foregroundMuted, fontFamily: fonts.regular }, children: "Install" }),
-                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_lucide_react28.ExternalLink, { className: "uf-w-3 uf-h-3", style: { color: colors2.foregroundMuted } })
-              ] })
-            ]
-          },
-          wallet.id
-        )) }),
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("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__ */ (0, import_jsx_runtime54.jsx)("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__ */ (0, import_jsx_runtime54.jsxs)(
+            "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__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
+                  WALLET_ICONS3[wallet.id] ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(WalletIconWithNetwork, { WalletIcon: WALLET_ICONS3[wallet.id], networks: wallet.networks, size: 40, className: "uf-rounded-lg" }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-w-10 uf-h-10 uf-rounded-lg uf-bg-gray-500" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-text-sm uf-font-medium", style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: wallet.name })
+                ] }),
+                isPending ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_lucide_react28.Loader2, { className: "uf-w-4 uf-h-4 uf-animate-spin", style: { color: colors2.primary } }) : wallet.isInstalled ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "uf-text-xs uf-px-2 uf-py-1 uf-rounded-full", style: { backgroundColor: colors2.primary + "20", color: colors2.primary, fontFamily: fonts.medium }, children: "Detected" }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "uf-text-xs", style: { color: colors2.foregroundMuted, fontFamily: fonts.regular }, children: showOpenInApp ? "Open" : "Install" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_lucide_react28.ExternalLink, { className: "uf-w-3 uf-h-3", style: { color: colors2.foregroundMuted } })
+                ] })
+              ]
+            },
+            wallet.id
+          );
+        }) }),
         walletError && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("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__ */ (0, import_jsx_runtime54.jsxs)("div", { style: viewTransitionStyle, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(AccentColorOverride, { accentColor: preConnectAccent, accentForeground: preConnectFg, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { style: viewTransitionStyle, children: [
       /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DepositHeader, { title: "Select Network", showBack: true, onBack: handleBack, onClose }),
       /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-pb-4", children: [
         /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-pb-4", children: [
@@ -14184,10 +14629,10 @@ function WalletConnect({
         )) }),
         walletError && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-text-center uf-text-sm uf-mt-4 uf-px-4", style: { color: "#ef4444" }, children: walletError })
       ] })
-    ] });
+    ] }) });
   }
   if (view === "connecting") {
-    return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { style: viewTransitionStyle, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(AccentColorOverride, { accentColor: preConnectAccent, accentForeground: preConnectFg, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { style: viewTransitionStyle, children: [
       /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DepositHeader, { title: "Connecting...", showBack: true, onBack: handleBack, onClose }),
       /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-16", children: [
         /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_lucide_react28.Loader2, { className: "uf-w-12 uf-h-12 uf-animate-spin uf-mb-4", style: { color: colors2.primary } }),
@@ -14198,47 +14643,155 @@ function WalletConnect({
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-text-sm uf-mt-2", style: { color: colors2.foregroundMuted }, children: "Please approve the connection in your wallet" })
       ] })
-    ] });
-  }
-  if (!hasWallet) return null;
-  if (view === "select_token") {
-    return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { style: viewTransitionStyle, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(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__ */ (0, import_jsx_runtime54.jsx)("div", { style: viewTransitionStyle, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(EnterAmountView, { walletInfo, selectedBalance, selectedToken, amountUsd, formattedTokenAmount, tokenChainDetails, inputUsdNum, maxUsdAmount, isValidAmount, error, onAmountChange: setAmountUsd, onMaxClick: handleMaxClick, onReview: handleReview, onBack: handleBack, onClose: onClose ?? (() => {
-    }), quickSelectMode: amountQuickSelect, checkoutAmountUsd, checkoutReceivedUsd }) });
-  }
-  if (view === "review" && selectedToken) {
-    return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { style: viewTransitionStyle, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ReviewView, { walletInfo, recipientAddress, assetCdnUrl, selectedToken, amountUsd, formattedTokenAmount, tokenChainDetails, loadingTokenDetails, showTransactionDetails, isConfirming, error, onToggleDetails: () => setShowTransactionDetails(!showTransactionDetails), onConfirm: handleConfirm, onBack: handleBack, onClose: onClose ?? (() => {
-    }) }) });
-  }
-  if (view === "confirming") {
-    return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { style: viewTransitionStyle, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ConfirmingView, { isConfirming, onClose: onClose ?? (() => {
-    }), executions: depositExecutions, isPolling, onNewDeposit, onDone, paymentIntentStatus, amountReceivedUsd: checkoutReceivedUsd, amountReceivedUsdAtSubmission: receivedUsdAtSubmission }) });
+    ] }) });
   }
-  return null;
-}
-
-// src/components/deposits/DepositModal.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
-function SkeletonButton({
-  variant = "default"
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "uf-w-full uf-bg-secondary uf-rounded-xl uf-p-3 uf-flex uf-items-center uf-justify-between uf-animate-pulse", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "uf-bg-muted uf-rounded-lg uf-w-9 uf-h-9" }),
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "uf-space-y-1.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "uf-h-3.5 uf-w-24 uf-bg-muted uf-rounded" }),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "uf-h-3 uf-w-32 uf-bg-muted uf-rounded" })
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
-      variant === "with-icons" && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "uf-flex uf--space-x-1", children: [1, 2, 3].map((i) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-        "div",
-        {
-          className: "uf-w-5 uf-h-5 uf-rounded-full uf-bg-muted uf-border-2 uf-border-secondary"
-        },
+  if (view === "mobile_redirect" && mobileRedirect) {
+    const Icon2 = WALLET_ICONS3[mobileRedirect.walletId];
+    return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(AccentColorOverride, { accentColor: preConnectAccent, accentForeground: preConnectFg, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { style: viewTransitionStyle, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DepositHeader, { title: mobileRedirect.walletName, showBack: true, onBack: handleBack, onClose }),
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-px-6 uf-py-10", children: [
+        Icon2 ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Icon2, { size: 64, className: "uf-rounded-2xl uf-mb-5" }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-w-16 uf-h-16 uf-rounded-2xl uf-bg-gray-500 uf-mb-5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+          "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__ */ (0, import_jsx_runtime54.jsxs)(
+          "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__ */ (0, import_jsx_runtime54.jsxs)(
+          "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__ */ (0, import_jsx_runtime54.jsx)(import_lucide_react28.ExternalLink, { className: "uf-w-4 uf-h-4", style: { color: components.card.iconColor } }),
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "uf-text-sm uf-font-medium", children: [
+                "Open in ",
+                mobileRedirect.walletName
+              ] })
+            ]
+          }
+        ),
+        awaitingMobileDeposit && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-center uf-gap-2 uf-mt-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+            import_lucide_react28.Loader2,
+            {
+              className: "uf-w-4 uf-h-4 uf-animate-spin",
+              style: { color: colors2.foregroundMuted }
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+            "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 === import_core29.ExecutionStatus.SUCCEEDED;
+    const isFailed = latestDepositExecution.status === import_core29.ExecutionStatus.FAILED;
+    const title = isComplete ? "Payment Complete" : isFailed ? "Payment Failed" : "Payment Processing";
+    return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(AccentColorOverride, { accentColor: preConnectAccent, accentForeground: preConnectFg, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { style: viewTransitionStyle, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+        DepositHeader,
+        {
+          title,
+          showBack: false,
+          onClose: isComplete && onDone ? onDone : onClose
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DepositDetailContent, { execution: latestDepositExecution }),
+      isComplete && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-flex uf-gap-2 uf-px-2 uf-pt-4 uf-pb-4", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+        "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__ */ (0, import_jsx_runtime54.jsx)(AccentColorOverride, { accentColor: walletAccent, accentForeground: walletAccentForeground, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { style: viewTransitionStyle, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(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__ */ (0, import_jsx_runtime54.jsx)(AccentColorOverride, { accentColor: walletAccent, accentForeground: walletAccentForeground, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { style: viewTransitionStyle, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(EnterAmountView, { walletInfo, selectedBalance, selectedToken, amountUsd, formattedTokenAmount, tokenChainDetails, inputUsdNum, maxUsdAmount, isValidAmount, error, onAmountChange: setAmountUsd, onMaxClick: handleMaxClick, onReview: handleReview, onBack: handleBack, onClose: onClose ?? (() => {
+    }), quickSelectMode: amountQuickSelect, checkoutAmountUsd, checkoutReceivedUsd }) }) });
+  }
+  if (view === "review" && selectedToken) {
+    return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(AccentColorOverride, { accentColor: walletAccent, accentForeground: walletAccentForeground, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { style: viewTransitionStyle, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ReviewView, { walletInfo, recipientAddress, assetCdnUrl, selectedToken, amountUsd, formattedTokenAmount, tokenChainDetails, loadingTokenDetails, showTransactionDetails, isConfirming, error, onToggleDetails: () => setShowTransactionDetails(!showTransactionDetails), onConfirm: handleConfirm, onBack: handleBack, onClose: onClose ?? (() => {
+    }) }) }) });
+  }
+  if (view === "confirming") {
+    return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(AccentColorOverride, { accentColor: walletAccent, accentForeground: walletAccentForeground, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { style: viewTransitionStyle, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ConfirmingView, { isConfirming, onClose: onClose ?? (() => {
+    }), executions: depositExecutions, isPolling, onNewDeposit, onDone, paymentIntentStatus, amountReceivedUsd: checkoutReceivedUsd, amountReceivedUsdAtSubmission: receivedUsdAtSubmission }) }) });
+  }
+  return null;
+}
+
+// src/components/deposits/DepositModal.tsx
+var import_jsx_runtime55 = require("react/jsx-runtime");
+function SkeletonButton({
+  variant = "default"
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "uf-w-full uf-bg-secondary uf-rounded-xl uf-p-3 uf-flex uf-items-center uf-justify-between uf-animate-pulse", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "uf-bg-muted uf-rounded-lg uf-w-9 uf-h-9" }),
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "uf-space-y-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "uf-h-3.5 uf-w-24 uf-bg-muted uf-rounded" }),
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "uf-h-3 uf-w-32 uf-bg-muted uf-rounded" })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
+      variant === "with-icons" && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "uf-flex uf--space-x-1", children: [1, 2, 3].map((i) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        "div",
+        {
+          className: "uf-w-5 uf-h-5 uf-rounded-full uf-bg-muted uf-border-2 uf-border-secondary"
+        },
         i
       )) }),
       /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_lucide_react29.ChevronRight, { className: "uf-w-4 uf-h-4 uf-text-muted" })
@@ -14262,16 +14815,17 @@ function DepositModal({
   defaultSourceChainId,
   defaultSourceTokenAddress,
   defaultSourceSymbol,
-  hideDepositTracker = false,
+  hideDepositTracker,
   showBalanceHeader = false,
   transferInputVariant = "double_input",
   depositConfirmationMode = "auto_ui",
-  enableConnectWallet = false,
+  enableTransferCrypto,
+  enableConnectWallet,
   browserWalletAmountQuickSelect = "percentage",
   enablePayWithExchange,
   enableFiatOnramp,
-  enableConnectExchange = false,
-  enableCashApp = false,
+  enableConnectExchange,
+  enableCashApp,
   hideDepositFlowInfo = false,
   hideDisplayDescription = false,
   onDepositSuccess,
@@ -14289,12 +14843,13 @@ function DepositModal({
   const { colors: colors2, fonts, components } = useTheme();
   const effectiveInitialScreen = (0, import_react20.useMemo)(() => {
     const s = initialScreen ?? "main";
-    if (s === "tracker" && hideDepositTracker) return "main";
-    if (s === "cashapp" && !enableCashApp) return "main";
+    if (s === "tracker" && hideDepositTracker === true) return "main";
+    if (s === "cashapp" && enableCashApp === false) return "main";
     if (s === "card" && enableFiatOnramp === false) return "main";
     if (s === "pay_with_exchange") return enablePayWithExchange === false ? "main" : "exchange";
-    if (s === "exchange_connect") return enableConnectExchange ? "coinbase_connect" : "main";
-    if (s === "wallet_connect") return enableConnectWallet ? "wallet_connect" : "main";
+    if (s === "exchange_connect")
+      return enableConnectExchange === false ? "main" : "coinbase_connect";
+    if (s === "wallet_connect") return enableConnectWallet === false ? "main" : "wallet_connect";
     return s;
   }, [
     initialScreen,
@@ -14323,27 +14878,37 @@ function DepositModal({
   const [browserWalletModalOpen, setBrowserWalletModalOpen] = (0, import_react20.useState)(false);
   const [browserWalletInfo, setBrowserWalletInfo] = (0, import_react20.useState)(null);
   const [walletSelectionModalOpen, setWalletSelectionModalOpen] = (0, import_react20.useState)(false);
-  const [browserWalletChainType, setBrowserWalletChainType] = (0, import_react20.useState)(() => getStoredWalletChainType());
+  const [browserWalletChainType, setBrowserWalletChainType] = (0, import_react20.useState)(() => getStoredWalletState()?.chainType);
   const [quotesCount, setQuotesCount] = (0, import_react20.useState)(0);
   const [allExecutions, setAllExecutions] = (0, import_react20.useState)([]);
   const [selectedExecution, setSelectedExecution] = (0, import_react20.useState)(null);
   const [depositExecutions, setDepositExecutions] = (0, import_react20.useState)([]);
-  const isMobileView = useIsMobileViewport();
+  const { projectConfig } = useProjectConfig({
+    publishableKey,
+    enabled: open
+  });
+  const showTransferCrypto = enableTransferCrypto ?? projectConfig?.transfer_crypto?.enabled ?? true;
+  const showConnectWallet = enableConnectWallet ?? projectConfig?.connect_wallet?.enabled ?? true;
+  const showPayWithExchange = enablePayWithExchange ?? projectConfig?.pay_with_exchange?.enabled ?? true;
+  const showFiatOnramp = enableFiatOnramp ?? projectConfig?.fiat_onramp?.enabled ?? true;
+  const showConnectExchange = enableConnectExchange ?? projectConfig?.connect_exchange?.enabled ?? true;
+  const showCashApp = enableCashApp ?? projectConfig?.cash_app?.enabled ?? true;
+  const showDepositTracker = hideDepositTracker ? false : projectConfig?.deposit_tracker?.enabled ?? true;
   const [integrationExchanges, setIntegrationExchanges] = (0, import_react20.useState)([]);
   (0, import_react20.useEffect)(() => {
-    if (!enableConnectExchange || !open) return;
-    (0, import_core29.getIntegrationExchanges)(publishableKey).then((res) => setIntegrationExchanges(res.data)).catch(() => {
+    if (!showConnectExchange || !open) return;
+    (0, import_core30.getIntegrationExchanges)(publishableKey).then((res) => setIntegrationExchanges(res.data)).catch(() => {
     });
-  }, [enableConnectExchange, open, publishableKey]);
+  }, [showConnectExchange, open, publishableKey]);
   const [connectedExchange, setConnectedExchange] = (0, import_react20.useState)(() => {
-    if (!enableConnectExchange) return null;
-    const stored = getStoredIntegrationToken(import_core29.IntegrationProvider.COINBASE);
+    if (!showConnectExchange) return null;
+    const stored = getStoredIntegrationToken(import_core30.IntegrationProvider.COINBASE);
     if (!stored) return null;
     return { name: "Coinbase", iconUrl: void 0, balanceUsd: null, isLoading: true };
   });
   (0, import_react20.useEffect)(() => {
-    if (!enableConnectExchange || !open || view !== "main") return;
-    const stored = getStoredIntegrationToken(import_core29.IntegrationProvider.COINBASE);
+    if (!showConnectExchange || !open || view !== "main") return;
+    const stored = getStoredIntegrationToken(import_core30.IntegrationProvider.COINBASE);
     if (!stored) {
       setConnectedExchange(null);
       return;
@@ -14360,28 +14925,28 @@ function DepositModal({
       const balanceUsd = totalUsd > 0 ? totalUsd.toLocaleString(void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 }) : null;
       setConnectedExchange((prev) => prev ? { ...prev, balanceUsd, isLoading: false } : null);
     };
-    (0, import_core29.getIntegrationHoldings)(import_core29.IntegrationProvider.COINBASE, stored.access_token, publishableKey).then(processHoldings).catch(async () => {
+    (0, import_core30.getIntegrationHoldings)(import_core30.IntegrationProvider.COINBASE, stored.access_token, publishableKey).then(processHoldings).catch(async () => {
       try {
-        const refreshResult = await (0, import_core29.refreshIntegrationToken)(stored.access_token, publishableKey);
-        if (!getStoredIntegrationToken(import_core29.IntegrationProvider.COINBASE)) return;
+        const refreshResult = await (0, import_core30.refreshIntegrationToken)(stored.access_token, publishableKey);
+        if (!getStoredIntegrationToken(import_core30.IntegrationProvider.COINBASE)) return;
         setStoredIntegrationToken({
-          integration_provider: import_core29.IntegrationProvider.COINBASE,
+          integration_provider: import_core30.IntegrationProvider.COINBASE,
           access_token: refreshResult.access_token,
           expires_at: refreshResult.expires_at
         });
-        const retryResult = await (0, import_core29.getIntegrationHoldings)(import_core29.IntegrationProvider.COINBASE, refreshResult.access_token, publishableKey);
+        const retryResult = await (0, import_core30.getIntegrationHoldings)(import_core30.IntegrationProvider.COINBASE, refreshResult.access_token, publishableKey);
         processHoldings(retryResult);
       } catch {
-        if (!getStoredIntegrationToken(import_core29.IntegrationProvider.COINBASE)) return;
-        clearStoredIntegrationToken(import_core29.IntegrationProvider.COINBASE);
+        if (!getStoredIntegrationToken(import_core30.IntegrationProvider.COINBASE)) return;
+        clearStoredIntegrationToken(import_core30.IntegrationProvider.COINBASE);
         setConnectedExchange(null);
       }
     });
-  }, [enableConnectExchange, open, view, publishableKey]);
+  }, [showConnectExchange, open, view, publishableKey]);
   (0, import_react20.useEffect)(() => {
     if (!connectedExchange || integrationExchanges.length === 0) return;
     const cbExchange = integrationExchanges.find(
-      (e) => e.service_provider === import_core29.IntegrationProvider.COINBASE
+      (e) => e.service_provider === import_core30.IntegrationProvider.COINBASE
     );
     const iconUrl = cbExchange?.icon_urls?.find((u) => u.format === "svg")?.url || cbExchange?.icon_urls?.find((u) => u.format === "png")?.url || cbExchange?.icon_url;
     if (iconUrl && iconUrl !== connectedExchange.iconUrl) {
@@ -14416,18 +14981,33 @@ function DepositModal({
       setResolvedTheme(theme);
     }
   }, [theme]);
-  const { projectConfig } = useProjectConfig({
-    publishableKey,
-    enabled: open
-  });
-  const showPayWithExchange = enablePayWithExchange ?? projectConfig?.pay_with_exchange?.enabled ?? true;
-  const showFiatOnramp = enableFiatOnramp ?? projectConfig?.fiat_onramp?.enabled ?? true;
   (0, import_react20.useEffect)(() => {
     if (view === "card" && !showFiatOnramp) {
       setView("main");
       setCardView("amount");
+    } else if (view === "transfer" && !showTransferCrypto) {
+      setView("main");
+    } else if (view === "exchange" && !showPayWithExchange) {
+      setView("main");
+    } else if (view === "cashapp" && !showCashApp) {
+      setView("main");
+    } else if (view === "tracker" && !showDepositTracker) {
+      setView("main");
+    } else if (view === "coinbase_connect" && !showConnectExchange) {
+      setView("main");
+    } else if (view === "wallet_connect" && !showConnectWallet) {
+      setView("main");
     }
-  }, [view, showFiatOnramp]);
+  }, [
+    view,
+    showFiatOnramp,
+    showTransferCrypto,
+    showPayWithExchange,
+    showCashApp,
+    showDepositTracker,
+    showConnectExchange,
+    showConnectWallet
+  ]);
   (0, import_react20.useEffect)(() => {
     if (view === "exchange" && !showPayWithExchange) {
       setView("main");
@@ -14452,7 +15032,7 @@ function DepositModal({
     if (view !== "tracker" || !userId) return;
     const fetchExecutions = async () => {
       try {
-        const response = await (0, import_core29.queryExecutions)(userId, publishableKey, import_core29.ActionType.Deposit);
+        const response = await (0, import_core30.queryExecutions)(userId, publishableKey, import_core30.ActionType.Deposit);
         const sorted = [...response.data].sort((a, b) => {
           const timeA = a.created_at ? new Date(a.created_at).getTime() : 0;
           const timeB = b.created_at ? new Date(b.created_at).getTime() : 0;
@@ -14517,7 +15097,7 @@ function DepositModal({
     depositPrerequisiteBody = standaloneNeedsDepositPrereq ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(SkeletonButton, { variant: "with-icons" }) : /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(SkeletonButton, { variant: "with-icons" }),
       /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(SkeletonButton, { variant: "with-icons" }),
-      !hideDepositTracker && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(SkeletonButton, {})
+      showDepositTracker && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(SkeletonButton, {})
     ] });
   } else if (countryError) {
     depositPrerequisiteBody = /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
@@ -14549,18 +15129,18 @@ function DepositModal({
   const themeClass = resolvedTheme === "dark" ? "uf-dark" : "";
   const handleWalletDisconnect = () => {
     setUserDisconnectedWallet(true);
-    clearStoredWalletChainType();
+    clearStoredWalletState();
     setBrowserWalletChainType(void 0);
     setBrowserWalletInfo(null);
     setBrowserWalletModalOpen(false);
     if (view === "wallet_connect" && sessionOpenedFromMenu) setView("main");
   };
   const handleExchangeDisconnect = () => {
-    const stored = getStoredIntegrationToken(import_core29.IntegrationProvider.COINBASE);
+    const stored = getStoredIntegrationToken(import_core30.IntegrationProvider.COINBASE);
     if (stored) {
-      (0, import_core29.revokeIntegrationToken)(stored.access_token, publishableKey);
+      (0, import_core30.revokeIntegrationToken)(stored.access_token, publishableKey);
     }
-    clearStoredIntegrationToken(import_core29.IntegrationProvider.COINBASE);
+    clearStoredIntegrationToken(import_core30.IntegrationProvider.COINBASE);
     setConnectedExchange(null);
     if (view === "coinbase_connect" && sessionOpenedFromMenu) setView("main");
   };
@@ -14627,7 +15207,7 @@ function DepositModal({
   };
   const handleBrowserWalletClick = (walletInfo) => {
     const walletChainType = walletInfo.type === "phantom-solana" || walletInfo.type === "solflare" || walletInfo.type === "backpack" || walletInfo.type === "glow" ? "solana" : "ethereum";
-    setStoredWalletChainType(walletChainType);
+    setStoredWalletState(walletInfo.type);
     setBrowserWalletChainType(walletChainType);
     const matchingDepositWallet = wallets.find(
       (w) => w.chain_type === walletChainType
@@ -14658,7 +15238,7 @@ function DepositModal({
   };
   const handleWalletConnected = (walletInfo) => {
     const walletChainType = walletInfo.type === "phantom-solana" || walletInfo.type === "solflare" || walletInfo.type === "backpack" || walletInfo.type === "glow" ? "solana" : "ethereum";
-    setStoredWalletChainType(walletChainType);
+    setStoredWalletState(walletInfo.type);
     setBrowserWalletChainType(walletChainType);
     const matchingDepositWallet = wallets.find(
       (w) => w.chain_type === walletChainType
@@ -14698,7 +15278,7 @@ function DepositModal({
       open: hideOverlay || open,
       onOpenChange: hideOverlay ? void 0 : handleClose,
       modal: !hideOverlay,
-      children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
         DialogContent,
         {
           ref: hideOverlay ? containerCallbackRef : void 0,
@@ -14707,378 +15287,389 @@ function DepositModal({
           style: { backgroundColor: colors2.background },
           onPointerDownOutside: (e) => e.preventDefault(),
           onInteractOutside: (e) => e.preventDefault(),
-          children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ThemeStyleInjector, { children: view === "main" ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-              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__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "uf-space-y-3", children: depositPrerequisiteBody ?? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-                  TransferCryptoButton,
-                  {
-                    onClick: () => setView("transfer"),
-                    title: transferCryptoTitle,
-                    subtitle: t7.transferCrypto.subtitle,
-                    featuredTokens: projectConfig?.transfer_crypto.networks
-                  }
-                ),
-                enableConnectWallet && !isMobileView && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-                  BrowserWalletButton,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(DialogTitle, { className: "uf-sr-only", children: modalTitle || "Deposit" }),
+            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ThemeStyleInjector, { children: view === "main" ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                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__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "uf-space-y-3", children: depositPrerequisiteBody ?? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
+                  showTransferCrypto && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                    TransferCryptoButton,
+                    {
+                      onClick: () => setView("transfer"),
+                      title: transferCryptoTitle,
+                      subtitle: t7.transferCrypto.subtitle,
+                      featuredTokens: projectConfig?.transfer_crypto.networks
+                    }
+                  ),
+                  showConnectWallet && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                    BrowserWalletButton,
+                    {
+                      onClick: handleBrowserWalletClick,
+                      onConnectClick: handleWalletConnectClick,
+                      onDisconnect: handleWalletDisconnect,
+                      chainType: browserWalletChainType,
+                      publishableKey,
+                      featuredWallets: projectConfig?.connect_wallet?.wallets
+                    }
+                  ),
+                  showFiatOnramp && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                    DepositWithCardButton,
+                    {
+                      onClick: () => setView("card"),
+                      title: depositWithCardTitle,
+                      subtitle: t7.depositWithCard.subtitle,
+                      paymentNetworks: projectConfig?.payment_networks.networks
+                    }
+                  ),
+                  showPayWithExchange && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                    PayWithExchangeButton,
+                    {
+                      onClick: () => setView("exchange"),
+                      title: payWithExchangeTitle,
+                      subtitle: t7.payWithExchange.subtitle,
+                      exchanges,
+                      loading: exchangesLoading
+                    }
+                  ),
+                  showConnectExchange && connectedExchange && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                    ConnectExchangeButton,
+                    {
+                      onClick: () => {
+                        setCoinbaseSkipToHoldings(true);
+                        setView("coinbase_connect");
+                      },
+                      onDisconnect: handleExchangeDisconnect,
+                      title: i18n.connectExchange.title,
+                      subtitle: i18n.connectExchange.subtitle,
+                      exchanges: integrationExchanges,
+                      connectedExchange
+                    }
+                  ),
+                  showConnectExchange && !connectedExchange && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                    ConnectExchangeButton,
+                    {
+                      onClick: () => {
+                        setCoinbaseSkipToHoldings(false);
+                        setView("coinbase_connect");
+                      },
+                      title: i18n.connectExchange.title,
+                      subtitle: i18n.connectExchange.subtitle,
+                      exchanges: integrationExchanges
+                    }
+                  ),
+                  showCashApp && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                    CashAppButton,
+                    {
+                      onClick: () => setView("cashapp"),
+                      title: "Pay with Cash App",
+                      subtitle: "Deposit via Cash App",
+                      iconUrl: projectConfig?.asset_cdn_url ? `${projectConfig.asset_cdn_url}/api/public/icons/onramps/svg/cashapp.svg` : void 0
+                    }
+                  ),
+                  showDepositTracker && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                    DepositTrackerButton,
+                    {
+                      onClick: () => {
+                        setAllExecutions(depositExecutions);
+                        setView("tracker");
+                      },
+                      title: depositTrackerTitle,
+                      subtitle: depositTrackerSubTitle,
+                      badge: depositExecutions.length > 0 ? depositExecutions.length : void 0
+                    }
+                  )
+                ] }) }),
+                depositPoweredByFooter
+              ] })
+            ] }) : view === "transfer" ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                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__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+                standaloneNeedsDepositPrereq && depositPrerequisiteBody !== null ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "uf-pb-4 uf-space-y-3", children: depositPrerequisiteBody }) : transferInputVariant === "single_input" ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                  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__ */ (0, import_jsx_runtime55.jsx)(
-                  DepositWithCardButton,
+                ) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                  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__ */ (0, import_jsx_runtime55.jsx)(
-                  PayWithExchangeButton,
+                depositPoweredByFooter
+              ] })
+            ] }) : view === "tracker" ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                DepositHeader,
+                {
+                  title: selectedExecution ? "Deposit Details" : depositTrackerTitle,
+                  showBack: showBackTracker,
+                  onBack: handleBack,
+                  onClose: handleClose
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "uf-h-[460px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: selectedExecution ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(DepositDetailContent, { execution: selectedExecution }) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "uf-space-y-2 uf-pb-8", children: allExecutions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                  "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"
                   }
-                ),
-                enableConnectExchange && connectedExchange && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-                  ConnectExchangeButton,
+                ) }) : allExecutions.map((execution) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                  DepositExecutionItem,
                   {
-                    onClick: () => {
-                      setCoinbaseSkipToHoldings(true);
-                      setView("coinbase_connect");
-                    },
-                    onDisconnect: handleExchangeDisconnect,
-                    title: i18n.connectExchange.title,
-                    subtitle: i18n.connectExchange.subtitle,
-                    exchanges: integrationExchanges,
-                    connectedExchange
-                  }
-                ),
-                enableConnectExchange && !connectedExchange && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-                  ConnectExchangeButton,
+                    execution,
+                    onClick: () => setSelectedExecution(execution)
+                  },
+                  execution.id
+                )) }) }),
+                depositPoweredByFooter
+              ] })
+            ] }) : view === "card" ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                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__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+                standaloneNeedsDepositPrereq && depositPrerequisiteBody !== null ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "uf-pb-4 uf-space-y-3", children: depositPrerequisiteBody }) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                  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
                   }
                 ),
-                enableCashApp && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-                  CashAppButton,
+                depositPoweredByFooter
+              ] })
+            ] }) : view === "exchange" ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                DepositHeader,
+                {
+                  title: payWithExchangeTitle,
+                  showBack: exchangeView === "pending" || sessionOpenedFromMenu,
+                  onBack: handleBack,
+                  onClose: handleClose
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                  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
                   }
                 ),
-                !hideDepositTracker && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-                  DepositTrackerButton,
-                  {
-                    onClick: () => {
-                      setAllExecutions(depositExecutions);
-                      setView("tracker");
-                    },
-                    title: depositTrackerTitle,
-                    subtitle: depositTrackerSubTitle,
-                    badge: depositExecutions.length > 0 ? depositExecutions.length : void 0
-                  }
-                )
-              ] }) }),
-              depositPoweredByFooter
-            ] })
-          ] }) : view === "transfer" ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-              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__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
-              standaloneNeedsDepositPrereq && depositPrerequisiteBody !== null ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "uf-pb-4 uf-space-y-3", children: depositPrerequisiteBody }) : transferInputVariant === "single_input" ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-                TransferCryptoSingleInput,
+                depositPoweredByFooter
+              ] })
+            ] }) : view === "coinbase_connect" ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                CoinbaseConnect,
                 {
-                  userId,
                   publishableKey,
-                  recipientAddress,
-                  destinationChainType,
-                  destinationChainId,
-                  destinationTokenAddress,
-                  defaultSourceChainType,
-                  defaultSourceChainId,
-                  defaultSourceTokenAddress,
-                  defaultSourceSymbol,
-                  depositConfirmationMode,
-                  onExecutionsChange: setDepositExecutions,
-                  onDepositSuccess,
-                  onDepositError,
-                  wallets
-                }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-                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__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-              DepositHeader,
-              {
-                title: selectedExecution ? "Deposit Details" : depositTrackerTitle,
-                showBack: showBackTracker,
-                onBack: handleBack,
-                onClose: handleClose
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "uf-h-[460px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: selectedExecution ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(DepositDetailContent, { execution: selectedExecution }) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "uf-space-y-2 uf-pb-8", children: allExecutions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-                "div",
-                {
-                  className: "uf-text-sm",
-                  style: { color: components.container.subtitleColor, fontFamily: fonts.regular },
-                  children: "No deposits yet"
-                }
-              ) }) : allExecutions.map((execution) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-                DepositExecutionItem,
-                {
-                  execution,
-                  onClick: () => setSelectedExecution(execution)
-                },
-                execution.id
-              )) }) }),
-              depositPoweredByFooter
-            ] })
-          ] }) : view === "card" ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-              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__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
-              standaloneNeedsDepositPrereq && depositPrerequisiteBody !== null ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "uf-pb-4 uf-space-y-3", children: depositPrerequisiteBody }) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-                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__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-              DepositHeader,
-              {
-                title: payWithExchangeTitle,
-                showBack: exchangeView === "pending" || sessionOpenedFromMenu,
-                onBack: handleBack,
-                onClose: handleClose
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+            ] }) : view === "wallet_connect" ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
               /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-                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__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-              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
-              }
-            ),
-            depositPoweredByFooter
-          ] }) : view === "wallet_connect" ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-              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 });
-                  setStoredWalletChainType(dw.chain_type === "solana" ? "solana" : "ethereum");
-                  setBrowserWalletChainType(dw.chain_type === "solana" ? "solana" : "ethereum");
-                },
-                onBack: handleBack,
-                onClose: handleClose,
-                canGoBack: sessionOpenedFromMenu,
-                depositWalletsLoading: walletsLoading
-              }
-            ),
-            depositPoweredByFooter
-          ] }) : view === "cashapp" ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-              DepositHeader,
-              {
-                title: cashAppView !== "amount" && cashAppAmount ? `Pay $${cashAppAmount} via Cash App` : "Pay with Cash App",
-                showBack: cashAppView !== "amount" || sessionOpenedFromMenu,
-                onBack: handleBack,
-                onClose: handleClose
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+            ] }) : view === "cashapp" ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
               /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-                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__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                  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 })
+          ]
         }
       )
     }
@@ -15090,8 +15681,8 @@ var import_react21 = require("react");
 var import_lucide_react30 = require("lucide-react");
 
 // src/hooks/use-payment-intent.ts
-var import_react_query13 = require("@tanstack/react-query");
-var import_core30 = require("@unifold/core");
+var import_react_query14 = require("@tanstack/react-query");
+var import_core31 = require("@unifold/core");
 var TERMINAL_STATUSES = /* @__PURE__ */ new Set([
   "succeeded",
   "expired",
@@ -15105,9 +15696,9 @@ function usePaymentIntent(params) {
     enabled = true,
     pollingInterval = 3e3
   } = params;
-  return (0, import_react_query13.useQuery)({
+  return (0, import_react_query14.useQuery)({
     queryKey: ["unifold", "paymentIntent", clientSecret, publishableKey],
-    queryFn: () => (0, import_core30.retrievePaymentIntent)(clientSecret, publishableKey),
+    queryFn: () => (0, import_core31.retrievePaymentIntent)(clientSecret, publishableKey),
     enabled: enabled && !!clientSecret && !!publishableKey,
     staleTime: 0,
     refetchInterval: (query) => {
@@ -15155,7 +15746,8 @@ function CheckoutModal({
   clientSecret,
   publishableKey,
   modalTitle,
-  enableConnectWallet = false,
+  enableTransferCrypto,
+  enableConnectWallet,
   defaultSourceChainType,
   defaultSourceChainId,
   defaultSourceTokenAddress,
@@ -15172,8 +15764,7 @@ function CheckoutModal({
   const [browserWalletModalOpen, setBrowserWalletModalOpen] = (0, import_react21.useState)(false);
   const [browserWalletInfo, setBrowserWalletInfo] = (0, import_react21.useState)(null);
   const [walletSelectionModalOpen, setWalletSelectionModalOpen] = (0, import_react21.useState)(false);
-  const [browserWalletChainType, setBrowserWalletChainType] = (0, import_react21.useState)(() => getStoredWalletChainType());
-  const isMobileView = useIsMobileViewport();
+  const [browserWalletChainType, setBrowserWalletChainType] = (0, import_react21.useState)(() => getStoredWalletState()?.chainType);
   const [resolvedTheme, setResolvedTheme] = (0, import_react21.useState)(
     theme === "auto" ? "dark" : theme
   );
@@ -15205,6 +15796,15 @@ function CheckoutModal({
     publishableKey,
     enabled: open
   });
+  const showTransferCrypto = enableTransferCrypto ?? projectConfig?.transfer_crypto?.enabled ?? true;
+  const showConnectWallet = enableConnectWallet ?? projectConfig?.connect_wallet?.enabled ?? true;
+  (0, import_react21.useEffect)(() => {
+    if (view === "transfer" && !showTransferCrypto) {
+      setView("main");
+    } else if (view === "wallet_connect" && !showConnectWallet) {
+      setView("main");
+    }
+  }, [showConnectWallet, showTransferCrypto, view]);
   const prevStatusRef = (0, import_react21.useRef)(null);
   (0, import_react21.useEffect)(() => {
     if (!paymentIntent) return;
@@ -15295,7 +15895,7 @@ function CheckoutModal({
   const handleBrowserWalletClick = (0, import_react21.useCallback)(
     (walletInfo) => {
       const walletChainType = walletInfo.type === "phantom-solana" || walletInfo.type === "solflare" || walletInfo.type === "backpack" || walletInfo.type === "glow" ? "solana" : "ethereum";
-      setStoredWalletChainType(walletChainType);
+      setStoredWalletState(walletInfo.type);
       setBrowserWalletChainType(walletChainType);
       const matchingDepositWallet = wallets.find(
         (w) => w.chain_type === walletChainType
@@ -15322,7 +15922,7 @@ function CheckoutModal({
   const handleWalletConnected = (0, import_react21.useCallback)(
     (walletInfo) => {
       const walletChainType = walletInfo.type === "phantom-solana" || walletInfo.type === "solflare" || walletInfo.type === "backpack" || walletInfo.type === "glow" ? "solana" : "ethereum";
-      setStoredWalletChainType(walletChainType);
+      setStoredWalletState(walletInfo.type);
       setBrowserWalletChainType(walletChainType);
       const matchingDepositWallet = wallets.find(
         (w) => w.chain_type === walletChainType
@@ -15346,7 +15946,7 @@ function CheckoutModal({
   );
   const handleWalletDisconnect = (0, import_react21.useCallback)(() => {
     setUserDisconnectedWallet(true);
-    clearStoredWalletChainType();
+    clearStoredWalletState();
     setBrowserWalletChainType(void 0);
     setBrowserWalletInfo(null);
     setBrowserWalletModalOpen(false);
@@ -15581,7 +16181,7 @@ function CheckoutModal({
           ] }) : paymentIntent ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "uf-space-y-3", children: [
             progressSection,
             (paymentIntent.status === "requires_payment" || paymentIntent.status === "processing") && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+              showTransferCrypto && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                 TransferCryptoButton,
                 {
                   onClick: () => setView("transfer"),
@@ -15590,7 +16190,7 @@ function CheckoutModal({
                   featuredTokens: projectConfig?.transfer_crypto.networks
                 }
               ),
-              enableConnectWallet && !isMobileView && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+              showConnectWallet && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                 BrowserWalletButton,
                 {
                   onClick: handleBrowserWalletClick,
@@ -15731,14 +16331,18 @@ function CheckoutModal({
             onWalletDisconnect: handleWalletDisconnect,
             onWalletConnected: (info, dw) => {
               setBrowserWalletInfo({ ...info, depositWallet: dw });
-              setStoredWalletChainType(dw.chain_type === "solana" ? "solana" : "ethereum");
+              setStoredWalletState(info.type);
               setBrowserWalletChainType(dw.chain_type === "solana" ? "solana" : "ethereum");
             },
             onNewDeposit: () => setView("main"),
             onDone: () => setView("main"),
             paymentIntentStatus: paymentIntent.status,
             onBack: handleBack,
-            onClose: handleClose
+            onClose: handleClose,
+            defaultSourceChainType,
+            defaultSourceChainId,
+            defaultSourceTokenAddress,
+            defaultSourceSymbol
           }
         ),
         poweredByFooter
@@ -15752,12 +16356,12 @@ var import_react26 = require("react");
 var import_lucide_react33 = require("lucide-react");
 
 // src/hooks/use-supported-destination-tokens.ts
-var import_react_query14 = require("@tanstack/react-query");
-var import_core31 = require("@unifold/core");
+var import_react_query15 = require("@tanstack/react-query");
+var import_core32 = require("@unifold/core");
 function useSupportedDestinationTokens(publishableKey, enabled = true) {
-  return (0, import_react_query14.useQuery)({
+  return (0, import_react_query15.useQuery)({
     queryKey: ["unifold", "supportedDestinationTokens", publishableKey],
-    queryFn: () => (0, import_core31.getSupportedDestinationTokens)(publishableKey),
+    queryFn: () => (0, import_core32.getSupportedDestinationTokens)(publishableKey),
     staleTime: 1e3 * 60 * 5,
     gcTime: 1e3 * 60 * 30,
     refetchOnMount: false,
@@ -15784,8 +16388,8 @@ function useDefaultDestinationToken({
 }
 
 // src/hooks/use-source-token-validation.ts
-var import_react_query15 = require("@tanstack/react-query");
-var import_core32 = require("@unifold/core");
+var import_react_query16 = require("@tanstack/react-query");
+var import_core33 = require("@unifold/core");
 function useSourceTokenValidation(params) {
   const {
     sourceChainType,
@@ -15796,7 +16400,7 @@ function useSourceTokenValidation(params) {
     enabled = true
   } = params;
   const hasParams = !!sourceChainType && !!sourceChainId && !!sourceTokenAddress;
-  return (0, import_react_query15.useQuery)({
+  return (0, import_react_query16.useQuery)({
     queryKey: [
       "unifold",
       "sourceTokenValidation",
@@ -15806,7 +16410,7 @@ function useSourceTokenValidation(params) {
       publishableKey
     ],
     queryFn: async () => {
-      const res = await (0, import_core32.getSupportedDepositTokens)(publishableKey);
+      const res = await (0, import_core33.getSupportedDepositTokens)(publishableKey);
       let matchedMinUsd = null;
       let matchedProcessingTime = null;
       let matchedSlippage = null;
@@ -15844,8 +16448,8 @@ function useSourceTokenValidation(params) {
 }
 
 // src/hooks/use-address-balance.ts
-var import_react_query16 = require("@tanstack/react-query");
-var import_core33 = require("@unifold/core");
+var import_react_query17 = require("@tanstack/react-query");
+var import_core34 = require("@unifold/core");
 function useAddressBalance(params) {
   const {
     address,
@@ -15856,7 +16460,7 @@ function useAddressBalance(params) {
     enabled = true
   } = params;
   const hasParams = !!address && !!chainType && !!chainId && !!tokenAddress;
-  return (0, import_react_query16.useQuery)({
+  return (0, import_react_query17.useQuery)({
     queryKey: [
       "unifold",
       "addressBalance",
@@ -15867,7 +16471,7 @@ function useAddressBalance(params) {
       publishableKey
     ],
     queryFn: async () => {
-      const res = await (0, import_core33.getAddressBalance)(
+      const res = await (0, import_core34.getAddressBalance)(
         address,
         chainType,
         chainId,
@@ -15905,13 +16509,13 @@ function useAddressBalance(params) {
 }
 
 // src/hooks/use-executions.ts
-var import_react_query17 = require("@tanstack/react-query");
-var import_core34 = require("@unifold/core");
+var import_react_query18 = require("@tanstack/react-query");
+var import_core35 = require("@unifold/core");
 function useExecutions(userId, publishableKey, options) {
-  const actionType = options?.actionType ?? import_core34.ActionType.Deposit;
-  return (0, import_react_query17.useQuery)({
+  const actionType = options?.actionType ?? import_core35.ActionType.Deposit;
+  return (0, import_react_query18.useQuery)({
     queryKey: ["unifold", "executions", actionType, userId, publishableKey],
-    queryFn: () => (0, import_core34.queryExecutions)(userId, publishableKey, actionType),
+    queryFn: () => (0, import_core35.queryExecutions)(userId, publishableKey, actionType),
     enabled: (options?.enabled ?? true) && !!userId,
     refetchInterval: options?.refetchInterval ?? 3e3,
     staleTime: 0,
@@ -15922,7 +16526,7 @@ function useExecutions(userId, publishableKey, options) {
 
 // src/hooks/use-withdraw-polling.ts
 var import_react22 = require("react");
-var import_core35 = require("@unifold/core");
+var import_core36 = require("@unifold/core");
 var POLL_INTERVAL_MS3 = 2500;
 var POLL_ENDPOINT_INTERVAL_MS2 = 5e3;
 var CUTOFF_BUFFER_MS2 = 6e4;
@@ -15962,15 +16566,15 @@ function useWithdrawPolling({
     const enabledAt = enabledAtRef.current;
     const poll = async () => {
       try {
-        const response = await (0, import_core35.queryExecutions)(userId, publishableKey, import_core35.ActionType.Withdraw);
+        const response = await (0, import_core36.queryExecutions)(userId, publishableKey, import_core36.ActionType.Withdraw);
         const cutoff = new Date(enabledAt.getTime() - CUTOFF_BUFFER_MS2);
         const sorted = [...response.data].sort((a, b) => {
           const tA = a.created_at ? new Date(a.created_at).getTime() : 0;
           const tB = b.created_at ? new Date(b.created_at).getTime() : 0;
           return tB - tA;
         });
-        const inProgress = [import_core35.ExecutionStatus.PENDING, import_core35.ExecutionStatus.WAITING, import_core35.ExecutionStatus.DELAYED];
-        const terminal = [import_core35.ExecutionStatus.SUCCEEDED, import_core35.ExecutionStatus.FAILED];
+        const inProgress = [import_core36.ExecutionStatus.PENDING, import_core36.ExecutionStatus.WAITING, import_core36.ExecutionStatus.DELAYED];
+        const terminal = [import_core36.ExecutionStatus.SUCCEEDED, import_core36.ExecutionStatus.FAILED];
         let target = null;
         for (const ex of sorted) {
           const t12 = ex.created_at ? new Date(ex.created_at) : null;
@@ -16000,9 +16604,9 @@ function useWithdrawPolling({
             }
             return [...list, ex];
           });
-          if (ex.status === import_core35.ExecutionStatus.SUCCEEDED && (!prev || inProgress.includes(prev))) {
+          if (ex.status === import_core36.ExecutionStatus.SUCCEEDED && (!prev || inProgress.includes(prev))) {
             onSuccessRef.current?.({ message: "Withdrawal completed successfully", executionId: ex.id, transaction: ex });
-          } else if (ex.status === import_core35.ExecutionStatus.FAILED && prev !== import_core35.ExecutionStatus.FAILED) {
+          } else if (ex.status === import_core36.ExecutionStatus.FAILED && prev !== import_core36.ExecutionStatus.FAILED) {
             onErrorRef.current?.({ message: "Withdrawal failed", code: "WITHDRAW_FAILED", error: ex });
           }
         }
@@ -16023,7 +16627,7 @@ function useWithdrawPolling({
     if (!enabled || !depositWalletId) return;
     const trigger = async () => {
       try {
-        await (0, import_core35.pollDirectExecutions)({ deposit_wallet_id: depositWalletId }, publishableKey);
+        await (0, import_core36.pollDirectExecutions)({ deposit_wallet_id: depositWalletId }, publishableKey);
       } catch {
       }
     };
@@ -16192,11 +16796,11 @@ function WithdrawDoubleInput({
 // src/components/withdrawals/WithdrawForm.tsx
 var import_react24 = require("react");
 var import_lucide_react31 = require("lucide-react");
-var import_core40 = require("@unifold/core");
+var import_core41 = require("@unifold/core");
 
 // src/hooks/use-verify-recipient-address.ts
-var import_react_query18 = require("@tanstack/react-query");
-var import_core36 = require("@unifold/core");
+var import_react_query19 = require("@tanstack/react-query");
+var import_core37 = require("@unifold/core");
 function useVerifyRecipientAddress(params) {
   const {
     chainType,
@@ -16208,7 +16812,7 @@ function useVerifyRecipientAddress(params) {
   } = params;
   const trimmedAddress = recipientAddress?.trim() || "";
   const hasAllParams = !!chainType && !!chainId && !!tokenAddress && trimmedAddress.length > 0;
-  return (0, import_react_query18.useQuery)({
+  return (0, import_react_query19.useQuery)({
     queryKey: [
       "unifold",
       "verifyRecipientAddress",
@@ -16218,7 +16822,7 @@ function useVerifyRecipientAddress(params) {
       trimmedAddress,
       publishableKey
     ],
-    queryFn: () => (0, import_core36.verifyRecipientAddress)(
+    queryFn: () => (0, import_core37.verifyRecipientAddress)(
       {
         chain_type: chainType,
         chain_id: chainId,
@@ -16237,7 +16841,7 @@ function useVerifyRecipientAddress(params) {
 }
 
 // src/components/withdrawals/send-withdraw.ts
-var import_core37 = require("@unifold/core");
+var import_core38 = require("@unifold/core");
 async function sendEvmWithdraw(params) {
   const {
     provider,
@@ -16315,7 +16919,7 @@ async function sendSolanaWithdraw(params) {
   if (!provider.publicKey) {
     await provider.connect();
   }
-  const buildResponse = await (0, import_core37.buildSolanaTransaction)(
+  const buildResponse = await (0, import_core38.buildSolanaTransaction)(
     {
       chain_id: "mainnet",
       token_address: sourceTokenAddress === "" ? "native" : sourceTokenAddress,
@@ -16341,7 +16945,7 @@ async function sendSolanaWithdraw(params) {
   for (let i = 0; i < serialized.length; i++) {
     binaryStr += String.fromCharCode(serialized[i]);
   }
-  const sendResponse = await (0, import_core37.sendSolanaTransaction)(
+  const sendResponse = await (0, import_core38.sendSolanaTransaction)(
     { chain_id: "mainnet", signed_transaction: btoa(binaryStr) },
     publishableKey
   );
@@ -16367,7 +16971,7 @@ async function sendHypercoreWithdraw(params) {
     params: []
   });
   const activeChainId = String(parseInt(currentChainHex, 16));
-  const buildResult = await (0, import_core37.buildHypercoreTransaction)(
+  const buildResult = await (0, import_core38.buildHypercoreTransaction)(
     {
       action_type: isSpot ? "spot_send" : "usd_send",
       signature_chain_type: "ethereum",
@@ -16383,7 +16987,7 @@ async function sendHypercoreWithdraw(params) {
     method: "eth_signTypedData_v4",
     params: [fromAddress, JSON.stringify(buildResult.typed_data)]
   });
-  await (0, import_core37.sendHypercoreTransaction)(
+  await (0, import_core38.sendHypercoreTransaction)(
     {
       action_payload: buildResult.action_payload,
       signature,
@@ -16472,11 +17076,11 @@ async function detectBrowserWallet(chainType, senderAddress) {
 
 // src/hooks/use-hypercore-withdraw-activation.ts
 var import_react23 = require("react");
-var import_core39 = require("@unifold/core");
+var import_core40 = require("@unifold/core");
 
 // src/hooks/use-get-deposit-address.ts
-var import_react_query19 = require("@tanstack/react-query");
-var import_core38 = require("@unifold/core");
+var import_react_query20 = require("@tanstack/react-query");
+var import_core39 = require("@unifold/core");
 function useGetDepositAddress(params) {
   const {
     userId,
@@ -16489,7 +17093,7 @@ function useGetDepositAddress(params) {
     enabled = true
   } = params;
   const canFire = !!userId && !!recipientAddress && !!destinationChainType && !!destinationChainId && !!destinationTokenAddress;
-  return (0, import_react_query19.useQuery)({
+  return (0, import_react_query20.useQuery)({
     queryKey: [
       "unifold",
       "getDepositAddress",
@@ -16501,7 +17105,7 @@ function useGetDepositAddress(params) {
       actionType ?? null,
       publishableKey
     ],
-    queryFn: () => (0, import_core38.getDepositAddress)(
+    queryFn: () => (0, import_core39.getDepositAddress)(
       {
         external_user_id: userId,
         recipient_address: recipientAddress,
@@ -16555,7 +17159,7 @@ function useHypercoreWithdrawActivation(params) {
     destinationChainType,
     destinationChainId,
     destinationTokenAddress,
-    actionType: import_core39.ActionType.Withdraw,
+    actionType: import_core40.ActionType.Withdraw,
     enabled: enabled && isHypercore(sourceChainId)
   });
   const depositWalletAddress = (0, import_react23.useMemo)(() => {
@@ -16824,7 +17428,7 @@ function WithdrawForm({
       let humanAmount = isMaxed ? balanceData.balanceHuman : toSafeDecimalString(cryptoAmountFromInput, sourceDecimals);
       if (isHypercoreChain(sourceChainId)) {
         try {
-          const check = await (0, import_core40.checkHypercoreActivation)(
+          const check = await (0, import_core41.checkHypercoreActivation)(
             {
               source_address: senderAddress,
               recipient_address: depositWallet.address
@@ -17141,14 +17745,14 @@ function WithdrawForm({
 
 // src/components/withdrawals/WithdrawExecutionItem.tsx
 var import_lucide_react32 = require("lucide-react");
-var import_core41 = require("@unifold/core");
+var import_core42 = require("@unifold/core");
 var import_jsx_runtime59 = require("react/jsx-runtime");
 function WithdrawExecutionItem({
   execution,
   onClick
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const isPending = execution.status === import_core41.ExecutionStatus.PENDING || execution.status === import_core41.ExecutionStatus.WAITING || execution.status === import_core41.ExecutionStatus.DELAYED;
+  const isPending = execution.status === import_core42.ExecutionStatus.PENDING || execution.status === import_core42.ExecutionStatus.WAITING || execution.status === import_core42.ExecutionStatus.DELAYED;
   const formatDateTime = (timestamp) => {
     try {
       const date = new Date(timestamp);
@@ -17195,7 +17799,7 @@ function WithdrawExecutionItem({
           /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
             "img",
             {
-              src: execution.destination_token_metadata?.icon_url || (0, import_core41.getIconUrl)("/icons/tokens/svg/usdc.svg"),
+              src: execution.destination_token_metadata?.icon_url || (0, import_core42.getIconUrl)("/icons/tokens/svg/usdc.svg"),
               alt: "Token",
               width: 36,
               height: 36,
@@ -17454,7 +18058,7 @@ function WithdrawConfirmingView({
 }
 
 // src/components/withdrawals/WithdrawModal.tsx
-var import_core42 = require("@unifold/core");
+var import_core43 = require("@unifold/core");
 var import_jsx_runtime61 = require("react/jsx-runtime");
 var t10 = i18n.withdrawModal;
 var getChainKey5 = (chainId, chainType) => `${chainType}:${chainId}`;
@@ -17545,25 +18149,25 @@ function WithdrawModal({
     onWithdrawError
   });
   const { data: allWithdrawalsData } = useExecutions(externalUserId, publishableKey, {
-    actionType: import_core42.ActionType.Withdraw,
+    actionType: import_core43.ActionType.Withdraw,
     enabled: open,
     refetchInterval: view === "tracker" || view === "detail" ? 5e3 : 15e3
   });
   const allWithdrawals = allWithdrawalsData?.data ?? [];
   const handleDepositWalletCreation = (0, import_react26.useCallback)(async (params) => {
-    const { data: wallets } = await (0, import_core42.createDepositAddress)(
+    const { data: wallets } = await (0, import_core43.createDepositAddress)(
       {
         external_user_id: externalUserId,
         destination_chain_type: params.destinationChainType,
         destination_chain_id: params.destinationChainId,
         destination_token_address: params.destinationTokenAddress,
         recipient_address: params.recipientAddress,
-        action_type: import_core42.ActionType.Withdraw,
+        action_type: import_core43.ActionType.Withdraw,
         source_chain_type: sourceChainType
       },
       publishableKey
     );
-    const depositWallet = (0, import_core42.getWalletByChainType)(wallets, sourceChainType);
+    const depositWallet = (0, import_core43.getWalletByChainType)(wallets, sourceChainType);
     if (!depositWallet) {
       throw new Error(`No deposit wallet available for ${sourceChainType}`);
     }