@unifold/ui-react 0.1.61 → 0.1.63

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 {
   }
 }
@@ -770,6 +803,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;
@@ -5323,7 +5410,7 @@ function CashAppButton({
 }
 
 // src/components/deposits/buttons/BrowserWalletButton.tsx
-var React24 = __toESM(require("react"));
+var React25 = __toESM(require("react"));
 var import_lucide_react17 = require("lucide-react");
 var import_core14 = require("@unifold/core");
 
@@ -5377,6 +5464,233 @@ function collectAllEip6963EthProviders() {
   return store.getProviders().map((d) => d.provider);
 }
 
+// src/components/deposits/browser-wallets/useDetectedBrowserWallet.ts
+var React12 = __toESM(require("react"));
+
+// src/components/deposits/browser-wallets/detectConnectedWallet.ts
+function identifyEthWallet(provider, hint) {
+  switch (hint) {
+    case "metamask":
+      return { type: "metamask", name: "MetaMask", icon: "metamask" };
+    case "phantom":
+      return { type: "phantom-ethereum", name: "Phantom", icon: "phantom" };
+    case "coinbase":
+      return { type: "coinbase", name: "Coinbase Wallet", icon: "coinbase" };
+    case "okx":
+      return { type: "okx", name: "OKX Wallet", icon: "okx" };
+    case "rabby":
+      return { type: "rabby", name: "Rabby", icon: "rabby" };
+    case "trust":
+      return { type: "trust", name: "Trust Wallet", icon: "trust" };
+    case "rainbow":
+      return { type: "rainbow", name: "Rainbow", icon: "rainbow" };
+  }
+  const anyProvider = provider;
+  if (provider.isPhantom) {
+    return { type: "phantom-ethereum", name: "Phantom", icon: "phantom" };
+  }
+  if (anyProvider.isCoinbaseWallet) {
+    return { type: "coinbase", name: "Coinbase Wallet", icon: "coinbase" };
+  }
+  if (anyProvider.isRabby) {
+    return { type: "rabby", name: "Rabby", icon: "rabby" };
+  }
+  if (anyProvider.isTrust) {
+    return { type: "trust", name: "Trust Wallet", icon: "trust" };
+  }
+  if (anyProvider.isRainbow) {
+    return { type: "rainbow", name: "Rainbow", icon: "rainbow" };
+  }
+  if (provider.isMetaMask && !provider.isPhantom) {
+    return { type: "metamask", name: "MetaMask", icon: "metamask" };
+  }
+  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;
+    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));
+    }
+    for (const c of candidates) {
+      const found = await c.detect();
+      if (found) return found;
+    }
+  } catch (error) {
+    console.error("[detectConnectedBrowserWallet] detection error:", error);
+  }
+  return null;
+}
+
+// src/components/deposits/browser-wallets/useDetectedBrowserWallet.ts
+function useDetectedBrowserWallet(opts = {}) {
+  const { chainType, enabled = true, onDisconnect } = opts;
+  const [wallet, setWallet] = React12.useState(null);
+  const [isLoading, setIsLoading] = React12.useState(enabled);
+  const [eip6963ProviderCount, setEip6963ProviderCount] = React12.useState(0);
+  const onDisconnectRef = React12.useRef(onDisconnect);
+  onDisconnectRef.current = onDisconnect;
+  React12.useEffect(() => {
+    const store = getEip6963Store();
+    if (!store) return;
+    setEip6963ProviderCount(store.getProviders().length);
+    return store.subscribe((providers) => setEip6963ProviderCount(providers.length));
+  }, []);
+  React12.useEffect(() => {
+    if (!enabled) {
+      setWallet(null);
+      setIsLoading(false);
+      return;
+    }
+    let mounted = true;
+    const detect = async () => {
+      if (!mounted) return;
+      setIsLoading(true);
+      const detected = await detectConnectedBrowserWallet(chainType);
+      if (!mounted) return;
+      setWallet(detected);
+      setIsLoading(false);
+    };
+    detect();
+    const onChange = () => detect();
+    const onDisc = () => {
+      onDisconnectRef.current?.();
+      detect();
+    };
+    const onEthAccounts = (accounts) => {
+      if (Array.isArray(accounts) && accounts.length === 0) onDisconnectRef.current?.();
+      detect();
+    };
+    const win = typeof window !== "undefined" ? window : void 0;
+    const solanaProvider = win?.phantom?.solana || win?.solana;
+    if (solanaProvider) {
+      solanaProvider.on("connect", onChange);
+      solanaProvider.on("disconnect", onDisc);
+      solanaProvider.on("accountChanged", onChange);
+    }
+    const ethProviders = [];
+    for (const { provider } of getEip6963Providers()) {
+      const p = provider;
+      if (p && !ethProviders.includes(p)) ethProviders.push(p);
+    }
+    if (win?.ethereum && !ethProviders.includes(win.ethereum)) ethProviders.push(win.ethereum);
+    if (win?.phantom?.ethereum && !ethProviders.includes(win.phantom.ethereum)) {
+      ethProviders.push(win.phantom.ethereum);
+    }
+    for (const p of ethProviders) {
+      p.on("accountsChanged", onEthAccounts);
+      p.on("chainChanged", onChange);
+    }
+    return () => {
+      mounted = false;
+      if (solanaProvider) {
+        solanaProvider.off?.("connect", onChange);
+        solanaProvider.off?.("disconnect", onDisc);
+        solanaProvider.off?.("accountChanged", onChange);
+      }
+      for (const p of ethProviders) {
+        const off = p.off?.bind(p) ?? p.removeListener?.bind(p);
+        if (off) {
+          off("accountsChanged", onEthAccounts);
+          off("chainChanged", onChange);
+        }
+      }
+    };
+  }, [chainType, eip6963ProviderCount, enabled]);
+  return { wallet, isLoading, setWallet };
+}
+
 // src/components/deposits/browser-wallets/disconnectInjectedBrowserWallet.ts
 var SOLANA_DISCONNECT_TYPES = [
   "phantom-solana",
@@ -5462,14 +5776,14 @@ async function disconnectInjectedBrowserWallet(wallet) {
 }
 
 // src/resources/icons/MetamaskIcon.tsx
-var React12 = __toESM(require("react"));
+var React13 = __toESM(require("react"));
 var import_jsx_runtime23 = require("react/jsx-runtime");
 function MetamaskIcon({
   size = 24,
   className,
   variant = "color"
 }) {
-  const id = React12.useId();
+  const id = React13.useId();
   if (variant === "light" || variant === "dark") {
     return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
       "svg",
@@ -5591,14 +5905,14 @@ function MetamaskIcon({
 }
 
 // src/resources/icons/PhantomIcon.tsx
-var React13 = __toESM(require("react"));
+var React14 = __toESM(require("react"));
 var import_jsx_runtime24 = require("react/jsx-runtime");
 function PhantomIcon({
   size = 24,
   className,
   variant = "color"
 }) {
-  const id = React13.useId();
+  const id = React14.useId();
   if (variant === "light") {
     return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       "svg",
@@ -5666,14 +5980,14 @@ function PhantomIcon({
 }
 
 // src/resources/icons/CoinbaseIcon.tsx
-var React14 = __toESM(require("react"));
+var React15 = __toESM(require("react"));
 var import_jsx_runtime25 = require("react/jsx-runtime");
 function CoinbaseIcon({
   size = 24,
   className,
   variant = "color"
 }) {
-  const id = React14.useId();
+  const id = React15.useId();
   if (variant === "light") {
     return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
       "svg",
@@ -5754,14 +6068,14 @@ function CoinbaseIcon({
 }
 
 // src/resources/icons/RabbyIcon.tsx
-var React15 = __toESM(require("react"));
+var React16 = __toESM(require("react"));
 var import_jsx_runtime26 = require("react/jsx-runtime");
 function RabbyIcon({
   size = 24,
   className,
   variant = "color"
 }) {
-  const id = React15.useId();
+  const id = React16.useId();
   if (variant === "light") {
     return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
       "svg",
@@ -6109,14 +6423,14 @@ function RabbyIcon({
 }
 
 // src/resources/icons/RainbowIcon.tsx
-var React16 = __toESM(require("react"));
+var React17 = __toESM(require("react"));
 var import_jsx_runtime27 = require("react/jsx-runtime");
 function RainbowIcon({
   size = 24,
   className,
   variant = "color"
 }) {
-  const id = React16.useId();
+  const id = React17.useId();
   if (variant === "light") {
     return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
       "svg",
@@ -6579,14 +6893,14 @@ function RainbowIcon({
 }
 
 // src/resources/icons/TrustIcon.tsx
-var React17 = __toESM(require("react"));
+var React18 = __toESM(require("react"));
 var import_jsx_runtime28 = require("react/jsx-runtime");
 function TrustIcon({
   size = 24,
   className,
   variant = "color"
 }) {
-  const id = React17.useId();
+  const id = React18.useId();
   if (variant === "light") {
     return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       "svg",
@@ -6676,14 +6990,14 @@ function TrustIcon({
 }
 
 // src/resources/icons/OkxIcon.tsx
-var React18 = __toESM(require("react"));
+var React19 = __toESM(require("react"));
 var import_jsx_runtime29 = require("react/jsx-runtime");
 function OkxIcon({
   size = 24,
   className,
   variant = "color"
 }) {
-  const id = React18.useId();
+  const id = React19.useId();
   if (variant === "light") {
     return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
       "svg",
@@ -6751,14 +7065,14 @@ function OkxIcon({
 }
 
 // src/resources/icons/GlowIcon.tsx
-var React19 = __toESM(require("react"));
+var React20 = __toESM(require("react"));
 var import_jsx_runtime30 = require("react/jsx-runtime");
 function GlowIcon({
   size = 24,
   className,
   variant = "color"
 }) {
-  const id = React19.useId();
+  const id = React20.useId();
   if (variant === "light") {
     return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       "svg",
@@ -6860,14 +7174,14 @@ function GlowIcon({
 }
 
 // src/resources/icons/BackpackIcon.tsx
-var React20 = __toESM(require("react"));
+var React21 = __toESM(require("react"));
 var import_jsx_runtime31 = require("react/jsx-runtime");
 function BackpackIcon({
   size = 24,
   className,
   variant = "color"
 }) {
-  const id = React20.useId();
+  const id = React21.useId();
   if (variant === "light") {
     return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       "svg",
@@ -6941,14 +7255,14 @@ function BackpackIcon({
 }
 
 // src/resources/icons/SolflareIcon.tsx
-var React21 = __toESM(require("react"));
+var React22 = __toESM(require("react"));
 var import_jsx_runtime32 = require("react/jsx-runtime");
 function SolflareIcon({
   size = 24,
   className,
   variant = "color"
 }) {
-  const id = React21.useId();
+  const id = React22.useId();
   if (variant === "light") {
     return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
       "svg",
@@ -7016,14 +7330,14 @@ function SolflareIcon({
 }
 
 // src/resources/icons/EthereumIcon.tsx
-var React22 = __toESM(require("react"));
+var React23 = __toESM(require("react"));
 var import_jsx_runtime33 = require("react/jsx-runtime");
 function EthereumIcon({
   size = 24,
   className,
   variant = "color"
 }) {
-  const id = React22.useId();
+  const id = React23.useId();
   if (variant === "light") {
     return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
       "svg",
@@ -7154,14 +7468,14 @@ function EthereumIcon({
 }
 
 // src/resources/icons/SolanaIcon.tsx
-var React23 = __toESM(require("react"));
+var React24 = __toESM(require("react"));
 var import_jsx_runtime34 = require("react/jsx-runtime");
 function SolanaIcon({
   size = 24,
   className,
   variant = "color"
 }) {
-  const id = React23.useId();
+  const id = React24.useId();
   if (variant === "light") {
     return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       "svg",
@@ -7416,44 +7730,6 @@ function truncateAddress3(address) {
   if (address.length <= 10) return address;
   return `${address.slice(0, 4)}...${address.slice(-4)}`;
 }
-function identifyEthWallet(provider, _win, hint) {
-  switch (hint) {
-    case "metamask":
-      return { type: "metamask", name: "MetaMask", icon: "metamask" };
-    case "phantom":
-      return { type: "phantom-ethereum", name: "Phantom", icon: "phantom" };
-    case "coinbase":
-      return { type: "coinbase", name: "Coinbase Wallet", icon: "coinbase" };
-    case "okx":
-      return { type: "okx", name: "OKX Wallet", icon: "okx" };
-    case "rabby":
-      return { type: "rabby", name: "Rabby", icon: "rabby" };
-    case "trust":
-      return { type: "trust", name: "Trust Wallet", icon: "trust" };
-    case "rainbow":
-      return { type: "rainbow", name: "Rainbow", icon: "rainbow" };
-  }
-  const anyProvider = provider;
-  if (provider.isPhantom) {
-    return { type: "phantom-ethereum", name: "Phantom", icon: "phantom" };
-  }
-  if (anyProvider.isCoinbaseWallet) {
-    return { type: "coinbase", name: "Coinbase Wallet", icon: "coinbase" };
-  }
-  if (anyProvider.isRabby) {
-    return { type: "rabby", name: "Rabby", icon: "rabby" };
-  }
-  if (anyProvider.isTrust) {
-    return { type: "trust", name: "Trust Wallet", icon: "trust" };
-  }
-  if (anyProvider.isRainbow) {
-    return { type: "rainbow", name: "Rainbow", icon: "rainbow" };
-  }
-  if (provider.isMetaMask && !provider.isPhantom) {
-    return { type: "metamask", name: "MetaMask", icon: "metamask" };
-  }
-  return { type: "metamask", name: "Wallet", icon: "metamask" };
-}
 function BrowserWalletButton({
   onClick,
   onConnectClick,
@@ -7464,30 +7740,19 @@ function BrowserWalletButton({
   subtitle = i18n.depositModal.browserWallet.subtitle
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const [isHovered, setIsHovered] = React24.useState(false);
-  const [isTouchDevice, setIsTouchDevice] = React24.useState(false);
-  const [wallet, setWallet] = React24.useState(null);
-  const [isLoading, setIsLoading] = React24.useState(true);
-  const [isConnecting, setIsConnecting] = React24.useState(false);
-  const [balanceText, setBalanceText] = React24.useState(null);
-  const [isLoadingBalance, setIsLoadingBalance] = React24.useState(false);
-  const [isDisconnecting, setIsDisconnecting] = React24.useState(false);
-  const onDisconnectRef = React24.useRef(onDisconnect);
+  const [isHovered, setIsHovered] = React25.useState(false);
+  const [isTouchDevice, setIsTouchDevice] = React25.useState(false);
+  const { wallet, isLoading, setWallet } = useDetectedBrowserWallet({ chainType, onDisconnect });
+  const [isConnecting, setIsConnecting] = React25.useState(false);
+  const [balanceText, setBalanceText] = React25.useState(null);
+  const [isLoadingBalance, setIsLoadingBalance] = React25.useState(false);
+  const [isDisconnecting, setIsDisconnecting] = React25.useState(false);
+  const onDisconnectRef = React25.useRef(onDisconnect);
   onDisconnectRef.current = onDisconnect;
-  React24.useEffect(() => {
+  React25.useEffect(() => {
     setIsTouchDevice("ontouchstart" in window || navigator.maxTouchPoints > 0);
   }, []);
-  const [eip6963ProviderCount, setEip6963ProviderCount] = React24.useState(0);
-  React24.useEffect(() => {
-    const store = getEip6963Store();
-    if (!store) return;
-    setEip6963ProviderCount(store.getProviders().length);
-    const unsubscribe = store.subscribe((providers) => {
-      setEip6963ProviderCount(providers.length);
-    });
-    return unsubscribe;
-  }, []);
-  React24.useEffect(() => {
+  React25.useEffect(() => {
     if (!wallet || !publishableKey) {
       setBalanceText(null);
       return;
@@ -7528,206 +7793,6 @@ function BrowserWalletButton({
       cancelled = true;
     };
   }, [wallet, publishableKey]);
-  React24.useEffect(() => {
-    let mounted = true;
-    const detectWallet = async () => {
-      if (!mounted) return;
-      setIsLoading(true);
-      try {
-        const win = typeof window !== "undefined" ? window : null;
-        if (!win) return;
-        if (getUserDisconnectedWallet()) {
-          if (mounted) {
-            setWallet(null);
-            setIsLoading(false);
-          }
-          return;
-        }
-        if (!chainType || chainType === "solana") {
-          const anyWin = win;
-          const trySilentSolana = async (provider, type, name, icon) => {
-            if (!provider) return false;
-            if (provider.isConnected && provider.publicKey) {
-              if (mounted) {
-                setWallet({
-                  type,
-                  name,
-                  address: provider.publicKey.toString(),
-                  icon
-                });
-                setIsLoading(false);
-              }
-              return true;
-            }
-            try {
-              const resp = await provider.connect({ onlyIfTrusted: true });
-              if (mounted && resp.publicKey) {
-                setWallet({
-                  type,
-                  name,
-                  address: resp.publicKey.toString(),
-                  icon
-                });
-                setIsLoading(false);
-                return true;
-              }
-            } catch {
-            }
-            return false;
-          };
-          if (await trySilentSolana(
-            win.phantom?.solana,
-            "phantom-solana",
-            "Phantom",
-            "phantom"
-          ))
-            return;
-          if (await trySilentSolana(
-            anyWin.solflare,
-            "solflare",
-            "Solflare",
-            "solflare"
-          ))
-            return;
-          if (await trySilentSolana(
-            anyWin.backpack,
-            "backpack",
-            "Backpack",
-            "backpack"
-          ))
-            return;
-          if (await trySilentSolana(
-            anyWin.glow,
-            "glow",
-            "Glow",
-            "glow"
-          ))
-            return;
-        }
-        if (!chainType || chainType === "ethereum") {
-          const anyWin = win;
-          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 (anyWin.okxwallet) {
-              allProviders.push({
-                provider: anyWin.okxwallet,
-                walletId: "okx"
-              });
-            }
-            if (anyWin.coinbaseWalletExtension) {
-              allProviders.push({
-                provider: anyWin.coinbaseWalletExtension,
-                walletId: "coinbase"
-              });
-            }
-            if (win.ethereum) {
-              const isDuplicate = allProviders.some(
-                (p) => p.provider === win.ethereum
-              );
-              if (!isDuplicate) {
-                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 address = accounts[0];
-              const resolved = identifyEthWallet(provider, anyWin, walletId);
-              if (mounted) {
-                setWallet({ ...resolved, address });
-                setIsLoading(false);
-              }
-              return;
-            } catch {
-            }
-          }
-        }
-        if (mounted) {
-          setWallet(null);
-          setIsLoading(false);
-        }
-      } catch (error) {
-        console.error("[BrowserWalletButton] Error detecting wallet:", error);
-        if (mounted) {
-          setWallet(null);
-          setIsLoading(false);
-        }
-      }
-    };
-    detectWallet();
-    const handleAccountsChanged = () => {
-      detectWallet();
-    };
-    const handleDisconnect = () => {
-      onDisconnectRef.current?.();
-      detectWallet();
-    };
-    const handleEthAccountsChanged = (accounts) => {
-      if (Array.isArray(accounts) && accounts.length === 0) {
-        onDisconnectRef.current?.();
-      }
-      detectWallet();
-    };
-    const solanaProvider = window.phantom?.solana || window.solana;
-    if (solanaProvider) {
-      solanaProvider.on("connect", handleAccountsChanged);
-      solanaProvider.on("disconnect", handleDisconnect);
-      solanaProvider.on("accountChanged", handleAccountsChanged);
-    }
-    const ethProviders = [];
-    for (const { provider } of getEip6963Providers()) {
-      const p = provider;
-      if (p && !ethProviders.includes(p)) {
-        ethProviders.push(p);
-      }
-    }
-    if (window.ethereum && !ethProviders.includes(window.ethereum)) {
-      ethProviders.push(window.ethereum);
-    }
-    if (window.phantom?.ethereum && !ethProviders.includes(window.phantom.ethereum)) {
-      ethProviders.push(window.phantom.ethereum);
-    }
-    for (const provider of ethProviders) {
-      provider.on("accountsChanged", handleEthAccountsChanged);
-      provider.on("chainChanged", handleAccountsChanged);
-    }
-    return () => {
-      mounted = false;
-      if (solanaProvider) {
-        solanaProvider.off("connect", handleAccountsChanged);
-        solanaProvider.off("disconnect", handleDisconnect);
-        solanaProvider.off("accountChanged", handleAccountsChanged);
-      }
-      for (const provider of ethProviders) {
-        const off = provider.off?.bind(provider) ?? provider.removeListener?.bind(provider);
-        if (off) {
-          off("accountsChanged", handleEthAccountsChanged);
-          off("chainChanged", handleAccountsChanged);
-        }
-      }
-    };
-  }, [chainType, eip6963ProviderCount]);
   const handleConnect = async () => {
     if (wallet) {
       onClick(wallet);
@@ -7744,6 +7809,7 @@ function BrowserWalletButton({
         if (solanaProvider?.isPhantom) {
           const { publicKey } = await solanaProvider.connect();
           setUserDisconnectedWallet(false);
+          setStoredWalletState("phantom-solana");
           setWallet({
             type: "phantom-solana",
             name: "Phantom",
@@ -7763,8 +7829,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"
@@ -7811,7 +7879,7 @@ function BrowserWalletButton({
     border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
   };
   const sortedWallets = featuredWallets ? [...featuredWallets].sort((a, b) => a.position - b.position) : [];
-  const walletIconBlock = wallet ? WALLET_ICON_COMPONENTS[wallet.icon] ? React24.createElement(WALLET_ICON_COMPONENTS[wallet.icon], {
+  const walletIconBlock = wallet ? WALLET_ICON_COMPONENTS[wallet.icon] ? React25.createElement(WALLET_ICON_COMPONENTS[wallet.icon], {
     size: 36,
     className: "uf-rounded-lg",
     variant: "color"
@@ -8095,7 +8163,12 @@ function CoinbaseConnect({
   onBack: parentOnBack,
   onDisconnect,
   skipToHoldings,
-  onExecutionsChange
+  canGoBack = true,
+  onExecutionsChange,
+  defaultSourceChainType,
+  defaultSourceChainId,
+  defaultSourceTokenAddress,
+  defaultSourceSymbol
 }) {
   const { colors: colors2, fonts, components } = useTheme();
   const { projectConfig } = useProjectConfig({ publishableKey });
@@ -8160,6 +8233,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 = [];
@@ -8169,13 +8257,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,
@@ -8482,6 +8599,16 @@ function CoinbaseConnect({
       setIsLoading(false);
     }
   };
+  const handleDisconnect = () => {
+    onDisconnect?.();
+    if (!canGoBack) {
+      setAccessToken(null);
+      setHoldings([]);
+      setSelectedHolding(null);
+      setSelectedAsset(null);
+      transitionTo("select_exchange");
+    }
+  };
   const handleBack = () => {
     switch (view) {
       case "select_exchange":
@@ -8542,7 +8669,7 @@ function CoinbaseConnect({
           DepositHeader,
           {
             title: t12.title,
-            showBack: true,
+            showBack: canGoBack,
             onBack: handleBack,
             onClose
           }
@@ -8555,7 +8682,7 @@ function CoinbaseConnect({
         DepositHeader,
         {
           title: t12.title,
-          showBack: true,
+          showBack: canGoBack,
           onBack: handleBack,
           onClose
         }
@@ -9267,7 +9394,7 @@ function CoinbaseConnect({
                 borderRadius: components.button.borderRadius,
                 fontFamily: fonts.medium
               },
-              onClick: onDisconnect,
+              onClick: handleDisconnect,
               children: t12.disconnect
             }
           )
@@ -10077,14 +10204,14 @@ var import_lucide_react22 = require("lucide-react");
 var import_react13 = require("react");
 
 // src/components/shared/ThemeStyleInjector.tsx
-var React26 = __toESM(require("react"));
+var React27 = __toESM(require("react"));
 var import_jsx_runtime38 = require("react/jsx-runtime");
 function ThemeStyleInjector({
   children,
   className
 }) {
   const { colors: colors2, fonts, mode } = useTheme();
-  const cssVars = React26.useMemo(() => {
+  const cssVars = React27.useMemo(() => {
     const hexToHSL = (hex) => {
       hex = hex.replace("#", "");
       const r = parseInt(hex.slice(0, 2), 16) / 255;
@@ -10144,7 +10271,7 @@ function ThemeStyleInjector({
       ...fonts.regular ? { "--uf-font-family": fonts.regular } : {}
     };
   }, [colors2, fonts.regular]);
-  React26.useEffect(() => {
+  React27.useEffect(() => {
     if (typeof document === "undefined") return;
     if (fonts.regular) {
       document.documentElement.style.setProperty(
@@ -11132,7 +11259,7 @@ function useCopyAddress() {
 }
 
 // src/components/shared/tooltip.tsx
-var React27 = __toESM(require("react"));
+var React28 = __toESM(require("react"));
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
 var import_jsx_runtime44 = require("react/jsx-runtime");
 var TooltipProvider = TooltipPrimitive.Provider;
@@ -11140,7 +11267,7 @@ function Tooltip({
   children,
   ...props
 }) {
-  const [open, setOpen] = React27.useState(props.defaultOpen ?? false);
+  const [open, setOpen] = React28.useState(props.defaultOpen ?? false);
   const isControlled = props.open !== void 0;
   const isOpen = isControlled ? props.open : open;
   const onOpenChange = isControlled ? props.onOpenChange : (nextOpen) => setOpen(nextOpen);
@@ -11160,14 +11287,14 @@ function Tooltip({
     }
   );
 }
-var TooltipContext = React27.createContext({
+var TooltipContext = React28.createContext({
   open: false,
   onOpenChange: () => {
   }
 });
-var TooltipTrigger = React27.forwardRef(({ onClick, ...props }, ref) => {
-  const { open, onOpenChange } = React27.useContext(TooltipContext);
-  const handleClick = React27.useCallback(
+var TooltipTrigger = React28.forwardRef(({ onClick, ...props }, ref) => {
+  const { open, onOpenChange } = React28.useContext(TooltipContext);
+  const handleClick = React28.useCallback(
     (e) => {
       onOpenChange(!open);
       onClick?.(e);
@@ -11177,7 +11304,7 @@ var TooltipTrigger = React27.forwardRef(({ onClick, ...props }, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(TooltipPrimitive.Trigger, { ref, onClick: handleClick, ...props });
 });
 TooltipTrigger.displayName = TooltipPrimitive.Trigger.displayName;
-var TooltipContent = React27.forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
+var TooltipContent = React28.forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
   const { themeClass, colors: colors2 } = useTheme();
   return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     TooltipPrimitive.Content,
@@ -11804,14 +11931,14 @@ var import_react18 = require("react");
 var import_lucide_react24 = require("lucide-react");
 
 // src/components/shared/select.tsx
-var React28 = __toESM(require("react"));
+var React29 = __toESM(require("react"));
 var SelectPrimitive = __toESM(require("@radix-ui/react-select"));
 var import_lucide_react23 = require("lucide-react");
 var import_jsx_runtime47 = require("react/jsx-runtime");
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React28.forwardRef(({ className, style, children, ...props }, ref) => {
+var SelectTrigger = React29.forwardRef(({ className, style, children, ...props }, ref) => {
   const { components } = useTheme();
   return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
     SelectPrimitive.Trigger,
@@ -11835,7 +11962,7 @@ var SelectTrigger = React28.forwardRef(({ className, style, children, ...props }
   );
 });
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+var SelectScrollUpButton = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -11848,7 +11975,7 @@ var SelectScrollUpButton = React28.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+var SelectScrollDownButton = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -11861,7 +11988,7 @@ var SelectScrollDownButton = React28.forwardRef(({ className, ...props }, ref) =
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React28.forwardRef(({ className, style, children, position = "popper", ...props }, ref) => {
+var SelectContent = React29.forwardRef(({ className, style, children, position = "popper", ...props }, ref) => {
   const { themeClass, colors: colors2, components } = useTheme();
   return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
     SelectPrimitive.Content,
@@ -11899,7 +12026,7 @@ var SelectContent = React28.forwardRef(({ className, style, children, position =
   ) });
 });
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+var SelectLabel = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
   SelectPrimitive.Label,
   {
     ref,
@@ -11911,7 +12038,7 @@ var SelectLabel = React28.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React28.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+var SelectItem = React29.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
   SelectPrimitive.Item,
   {
     ref,
@@ -11927,7 +12054,7 @@ var SelectItem = React28.forwardRef(({ className, children, ...props }, ref) =>
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+var SelectSeparator = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
   SelectPrimitive.Separator,
   {
     ref,
@@ -12385,7 +12512,7 @@ function TransferCryptoDoubleInput({
 }
 
 // src/components/deposits/WalletConnect.tsx
-var React29 = __toESM(require("react"));
+var React30 = __toESM(require("react"));
 var import_lucide_react28 = require("lucide-react");
 var import_core28 = require("@unifold/core");
 
@@ -13484,6 +13611,19 @@ var WALLET_DEFINITIONS = [
   { id: "backpack", name: "Backpack", networks: ["solana"], installUrl: "https://backpack.app/" },
   { id: "glow", name: "Glow", networks: ["solana"], installUrl: "https://glow.app/" }
 ];
+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;
@@ -13626,24 +13766,33 @@ 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 walletProvidedAtMount = React29.useRef(!!initialWalletInfo && !!initialDepositWallet);
-  const [activeWalletInfo, setActiveWalletInfo] = React29.useState(initialWalletInfo ?? null);
-  const [activeDepositWallet, setActiveDepositWallet] = React29.useState(initialDepositWallet ?? null);
+  const walletProvidedAtMount = React30.useRef(!!initialWalletInfo && !!initialDepositWallet);
+  const [activeWalletInfo, setActiveWalletInfo] = React30.useState(initialWalletInfo ?? null);
+  const [activeDepositWallet, setActiveDepositWallet] = React30.useState(initialDepositWallet ?? null);
   const initialView = initialWalletInfo && initialDepositWallet ? "select_token" : "select_wallet";
-  const [view, setView] = React29.useState(initialView);
-  const [isTransitioning, setIsTransitioning] = React29.useState(false);
-  const viewRef = React29.useRef(initialView);
-  const [selectedWalletDef, setSelectedWalletDef] = React29.useState(null);
-  const [connectingNetwork, setConnectingNetwork] = React29.useState(null);
-  const [walletError, setWalletError] = React29.useState(null);
-  const [isWalletConnecting, setIsWalletConnecting] = React29.useState(false);
-  const [eip6963ProviderCount, setEip6963ProviderCount] = React29.useState(0);
-  React29.useEffect(() => {
+  const [view, setView] = React30.useState(initialView);
+  const [isTransitioning, setIsTransitioning] = React30.useState(false);
+  const viewRef = React30.useRef(initialView);
+  const standalone = !canGoBack && !walletProvidedAtMount.current;
+  const { wallet: detectedWallet, isLoading: detectingWallet } = useDetectedBrowserWallet({ enabled: standalone });
+  const [autoResolved, setAutoResolved] = React30.useState(false);
+  const [selectedWalletDef, setSelectedWalletDef] = React30.useState(null);
+  const [connectingNetwork, setConnectingNetwork] = React30.useState(null);
+  const [walletError, setWalletError] = React30.useState(null);
+  const [isWalletConnecting, setIsWalletConnecting] = React30.useState(false);
+  const [eip6963ProviderCount, setEip6963ProviderCount] = React30.useState(0);
+  React30.useEffect(() => {
     const store = getEip6963Store();
     if (!store) return;
     setEip6963ProviderCount(store.getProviders().length);
@@ -13651,20 +13800,44 @@ function WalletConnect({
       setEip6963ProviderCount(providers.length);
     });
   }, []);
-  const availableWallets = React29.useMemo(() => detectAvailableWallets(), [eip6963ProviderCount]);
-  const [balances, setBalances] = React29.useState([]);
-  const [isLoading, setIsLoading] = React29.useState(false);
-  const [selectedBalance, setSelectedBalance] = React29.useState(null);
-  const [totalBalanceUsd, setTotalBalanceUsd] = React29.useState(null);
-  const [error, setError] = React29.useState(null);
-  const [isDisconnectingWallet, setIsDisconnectingWallet] = React29.useState(false);
-  const [amountUsd, setAmountUsd] = React29.useState(prefillAmountUsd ?? "");
-  const [isConfirming, setIsConfirming] = React29.useState(false);
-  const [hasSignedTransaction, setHasSignedTransaction] = React29.useState(false);
-  const [tokenChainDetails, setTokenChainDetails] = React29.useState(null);
-  const [loadingTokenDetails, setLoadingTokenDetails] = React29.useState(false);
-  const [showTransactionDetails, setShowTransactionDetails] = React29.useState(false);
-  const [receivedUsdAtSubmission, setReceivedUsdAtSubmission] = React29.useState(null);
+  const availableWallets = React30.useMemo(() => detectAvailableWallets(), [eip6963ProviderCount]);
+  React30.useEffect(() => {
+    if (!standalone || autoResolved || detectingWallet) return;
+    if (!detectedWallet) {
+      setAutoResolved(true);
+      return;
+    }
+    const wct = detectedWallet.type === "phantom-solana" || detectedWallet.type === "solflare" || detectedWallet.type === "backpack" || detectedWallet.type === "glow" ? "solana" : "ethereum";
+    const matching = depositWallets?.find((w) => w.chain_type === wct);
+    if (!matching) {
+      if (!depositWalletsLoading) setAutoResolved(true);
+      return;
+    }
+    setActiveWalletInfo(detectedWallet);
+    setActiveDepositWallet(matching);
+    onWalletConnected?.(detectedWallet, matching);
+    setView("select_token");
+    viewRef.current = "select_token";
+    setAutoResolved(true);
+  }, [standalone, autoResolved, detectingWallet, detectedWallet, depositWallets, depositWalletsLoading]);
+  React30.useEffect(() => {
+    if (!standalone || autoResolved) return;
+    const t12 = setTimeout(() => setAutoResolved(true), 5e3);
+    return () => clearTimeout(t12);
+  }, [standalone, autoResolved]);
+  const [balances, setBalances] = React30.useState([]);
+  const [isLoading, setIsLoading] = React30.useState(false);
+  const [selectedBalance, setSelectedBalance] = React30.useState(null);
+  const [totalBalanceUsd, setTotalBalanceUsd] = React30.useState(null);
+  const [error, setError] = React30.useState(null);
+  const [isDisconnectingWallet, setIsDisconnectingWallet] = React30.useState(false);
+  const [amountUsd, setAmountUsd] = React30.useState(prefillAmountUsd ?? "");
+  const [isConfirming, setIsConfirming] = React30.useState(false);
+  const [hasSignedTransaction, setHasSignedTransaction] = React30.useState(false);
+  const [tokenChainDetails, setTokenChainDetails] = React30.useState(null);
+  const [loadingTokenDetails, setLoadingTokenDetails] = React30.useState(false);
+  const [showTransactionDetails, setShowTransactionDetails] = React30.useState(false);
+  const [receivedUsdAtSubmission, setReceivedUsdAtSubmission] = React30.useState(null);
   const walletInfo = activeWalletInfo;
   const depositWallet = activeDepositWallet;
   const hasWallet = !!activeWalletInfo && !!activeDepositWallet;
@@ -13672,7 +13845,7 @@ function WalletConnect({
   const recipientAddress = activeDepositWallet?.address ?? "";
   const isCheckoutMode = !!checkoutAmountUsd;
   const supportedChainType = chainType === "algorand" || chainType === "xrpl" ? "ethereum" : chainType;
-  const transitionTo = React29.useCallback((nextView) => {
+  const transitionTo = React30.useCallback((nextView) => {
     if (nextView === viewRef.current) return;
     setIsTransitioning(true);
     setTimeout(() => {
@@ -13757,6 +13930,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();
@@ -13785,6 +13959,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";
@@ -13809,7 +13984,7 @@ function WalletConnect({
     }
   };
   const selectedToken = selectedBalance ? getTokenFromBalance(selectedBalance) : null;
-  const effectiveDestinationAmount = React29.useMemo(() => {
+  const effectiveDestinationAmount = React30.useMemo(() => {
     if (!checkoutRemainingBaseUnits || checkoutRemainingBaseUnits === "0") return "0";
     if (!checkoutAmountUsd) return checkoutRemainingBaseUnits;
     const remaining = BigInt(checkoutRemainingBaseUnits);
@@ -13837,7 +14012,7 @@ function WalletConnect({
     stablecoinParity,
     enabled: isCheckoutMode && !!selectedToken && !!checkoutDestination && effectiveDestinationAmount !== "0"
   });
-  const activeCheckoutQuote = React29.useMemo(() => {
+  const activeCheckoutQuote = React30.useMemo(() => {
     if (!isCheckoutMode) return null;
     if (walletCheckoutQuote) return { sourceAmount: walletCheckoutQuote.source_amount, sourceTokenDecimals: walletCheckoutQuote.source_token_decimals, sourceTokenSymbol: walletCheckoutQuote.source_token_symbol, sourceAmountUsd: walletCheckoutQuote.source_amount_usd, slippageBufferPercent: walletCheckoutQuote.slippage_buffer_percent ?? null };
     return checkoutQuote ?? null;
@@ -13851,19 +14026,19 @@ function WalletConnect({
     onDepositSuccess,
     onDepositError
   });
-  React29.useEffect(() => {
+  React30.useEffect(() => {
     onExecutionsChange?.(depositExecutions);
   }, [depositExecutions, onExecutionsChange]);
-  React29.useEffect(() => {
+  React30.useEffect(() => {
     if (!prefillAmountUsd || !tokenChainDetails || view !== "enter_amount") return;
     const minDeposit = tokenChainDetails.minimum_deposit_amount_usd || 0;
     const currentAmount = parseFloat(amountUsd) || 0;
     if (currentAmount > 0 && currentAmount < minDeposit) setAmountUsd(minDeposit.toFixed(2));
   }, [tokenChainDetails, view, prefillAmountUsd]);
-  React29.useEffect(() => {
+  React30.useEffect(() => {
     if (view === "review") setShowTransactionDetails(false);
   }, [view]);
-  React29.useEffect(() => {
+  React30.useEffect(() => {
     if (view !== "enter_amount" && view !== "review" || !selectedBalance || !activeDepositWallet) return;
     let cancelled = false;
     const fetchTokenDetails = async () => {
@@ -13890,7 +14065,7 @@ function WalletConnect({
       cancelled = true;
     };
   }, [view, selectedBalance, publishableKey, activeDepositWallet]);
-  React29.useEffect(() => {
+  React30.useEffect(() => {
     if (!activeWalletInfo || !activeDepositWallet) return;
     let cancelled = false;
     setIsLoading(true);
@@ -13899,18 +14074,33 @@ function WalletConnect({
     (0, import_core28.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);
@@ -13922,21 +14112,29 @@ function WalletConnect({
     return () => {
       cancelled = true;
     };
-  }, [activeWalletInfo?.address, activeDepositWallet?.chain_type, publishableKey]);
-  const usdToTokenRate = React29.useMemo(() => {
+  }, [
+    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;
     const balanceUsd = parseFloat(selectedBalance.amount_usd);
     if (balanceAmount === 0 || balanceUsd === 0) return 0;
     return balanceAmount / balanceUsd;
   }, [selectedBalance, selectedToken]);
-  const tokenAmount = React29.useMemo(() => {
+  const tokenAmount = React30.useMemo(() => {
     if (isCheckoutMode && activeCheckoutQuote && selectedToken) return Number(activeCheckoutQuote.sourceAmount) / 10 ** activeCheckoutQuote.sourceTokenDecimals;
     const usdNum = parseFloat(amountUsd) || 0;
     if (usdNum === 0 || usdToTokenRate === 0) return 0;
     return usdNum * usdToTokenRate;
   }, [amountUsd, usdToTokenRate, isCheckoutMode, activeCheckoutQuote, selectedToken]);
-  React29.useEffect(() => {
+  React30.useEffect(() => {
     if (isCheckoutMode && activeCheckoutQuote?.sourceAmountUsd && view === "enter_amount") setAmountUsd(activeCheckoutQuote.sourceAmountUsd);
   }, [isCheckoutMode, activeCheckoutQuote, view]);
   const maxTokenAmount = selectedBalance && selectedToken ? Number(selectedBalance.amount) / 10 ** selectedToken.decimals : 0;
@@ -13944,7 +14142,7 @@ function WalletConnect({
   const inputUsdNum = parseFloat(amountUsd) || 0;
   const minDepositUsd = tokenChainDetails?.minimum_deposit_amount_usd || 0;
   const isValidAmount = isCheckoutMode && activeCheckoutQuote ? tokenAmount > 0 && tokenAmount <= maxTokenAmount : inputUsdNum > 0 && inputUsdNum <= maxUsdAmount && inputUsdNum >= minDepositUsd;
-  const formattedTokenAmount = React29.useMemo(() => {
+  const formattedTokenAmount = React30.useMemo(() => {
     if (tokenAmount === 0 || !selectedToken) return null;
     return `${tokenAmount.toFixed(6)} ${selectedToken.symbol}`.replace(/\.?0+$/, "");
   }, [tokenAmount, selectedToken]);
@@ -13992,16 +14190,25 @@ function WalletConnect({
     } catch (err) {
       console.warn("[WalletConnect] disconnect error:", err);
     } finally {
-      setActiveWalletInfo(null);
-      setActiveDepositWallet(null);
-      setSelectedBalance(null);
-      setBalances([]);
-      setTotalBalanceUsd(null);
-      setAmountUsd(prefillAmountUsd ?? "");
-      setError(null);
       setIsDisconnectingWallet(false);
-      if (onWalletDisconnect) onWalletDisconnect();
-      else parentOnBack?.();
+      const clearWalletState = () => {
+        setActiveWalletInfo(null);
+        setActiveDepositWallet(null);
+        setSelectedBalance(null);
+        setBalances([]);
+        setTotalBalanceUsd(null);
+        setAmountUsd(prefillAmountUsd ?? "");
+        setError(null);
+      };
+      if (standalone) {
+        onWalletDisconnect?.();
+        transitionTo("select_wallet");
+        setTimeout(clearWalletState, 160);
+      } else {
+        clearWalletState();
+        if (onWalletDisconnect) onWalletDisconnect();
+        else parentOnBack?.();
+      }
     }
   };
   const handleReview = () => {
@@ -14127,9 +14334,15 @@ function WalletConnect({
       setIsConfirming(false);
     }
   };
+  if (standalone && !autoResolved) {
+    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.jsx)("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-8 uf-h-8 uf-animate-spin", style: { color: colors2.primary } }) })
+    ] });
+  }
   if (view === "select_wallet") {
     return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { style: viewTransitionStyle, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DepositHeader, { title: "Connect Wallet", showBack: true, onBack: handleBack, onClose }),
+      /* @__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)(
@@ -14265,16 +14478,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,
@@ -14292,11 +14506,23 @@ 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 === false ? "main" : "coinbase_connect";
+    if (s === "wallet_connect") return enableConnectWallet === false ? "main" : "wallet_connect";
     return s;
-  }, [initialScreen, hideDepositTracker, enableCashApp, enableFiatOnramp]);
+  }, [
+    initialScreen,
+    hideDepositTracker,
+    enableCashApp,
+    enableFiatOnramp,
+    enablePayWithExchange,
+    enableConnectExchange,
+    enableConnectWallet
+  ]);
   const [containerEl, setContainerEl] = (0, import_react20.useState)(null);
   const containerCallbackRef = (0, import_react20.useCallback)((el) => {
     setContainerEl(el);
@@ -14315,26 +14541,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;
+    if (!showConnectExchange || !open) return;
     (0, import_core29.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;
+    if (!showConnectExchange) return null;
     const stored = getStoredIntegrationToken(import_core29.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;
+    if (!showConnectExchange || !open || view !== "main") return;
     const stored = getStoredIntegrationToken(import_core29.IntegrationProvider.COINBASE);
     if (!stored) {
       setConnectedExchange(null);
@@ -14369,7 +14606,7 @@ function DepositModal({
         setConnectedExchange(null);
       }
     });
-  }, [enableConnectExchange, open, view, publishableKey]);
+  }, [showConnectExchange, open, view, publishableKey]);
   (0, import_react20.useEffect)(() => {
     if (!connectedExchange || integrationExchanges.length === 0) return;
     const cbExchange = integrationExchanges.find(
@@ -14408,18 +14645,39 @@ 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");
+      setExchangeView("providers");
+    }
+  }, [view, showPayWithExchange]);
   const { exchanges, isLoading: exchangesLoading } = useExchanges({
     publishableKey,
     enabled: open && showPayWithExchange
@@ -14503,7 +14761,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: [
@@ -14535,11 +14793,11 @@ 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") setView("main");
+    if (view === "wallet_connect" && sessionOpenedFromMenu) setView("main");
   };
   const handleExchangeDisconnect = () => {
     const stored = getStoredIntegrationToken(import_core29.IntegrationProvider.COINBASE);
@@ -14548,7 +14806,7 @@ function DepositModal({
     }
     clearStoredIntegrationToken(import_core29.IntegrationProvider.COINBASE);
     setConnectedExchange(null);
-    if (view === "coinbase_connect") setView("main");
+    if (view === "coinbase_connect" && sessionOpenedFromMenu) setView("main");
   };
   const handleClose = () => {
     onOpenChange(false);
@@ -14560,6 +14818,7 @@ function DepositModal({
       setCardView("amount");
       setExchangeView("providers");
       setBrowserWalletInfo(null);
+      setCoinbaseSkipToHoldings(false);
       resetViewTimeoutRef.current = null;
     }, 200);
   };
@@ -14574,6 +14833,7 @@ function DepositModal({
     setExchangeView("providers");
     setBrowserWalletInfo(null);
     setSelectedExecution(null);
+    setCoinbaseSkipToHoldings(false);
   }, [open, effectiveInitialScreen]);
   (0, import_react20.useEffect)(
     () => () => {
@@ -14611,7 +14871,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
@@ -14642,7 +14902,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
@@ -14709,7 +14969,7 @@ function DepositModal({
             ),
             /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
               /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "uf-space-y-3", children: depositPrerequisiteBody ?? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                showTransferCrypto && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
                   TransferCryptoButton,
                   {
                     onClick: () => setView("transfer"),
@@ -14718,7 +14978,7 @@ function DepositModal({
                     featuredTokens: projectConfig?.transfer_crypto.networks
                   }
                 ),
-                enableConnectWallet && !isMobileView && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                showConnectWallet && !isMobileView && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
                   BrowserWalletButton,
                   {
                     onClick: handleBrowserWalletClick,
@@ -14748,7 +15008,7 @@ function DepositModal({
                     loading: exchangesLoading
                   }
                 ),
-                enableConnectExchange && connectedExchange && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                showConnectExchange && connectedExchange && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
                   ConnectExchangeButton,
                   {
                     onClick: () => {
@@ -14762,7 +15022,7 @@ function DepositModal({
                     connectedExchange
                   }
                 ),
-                enableConnectExchange && !connectedExchange && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                showConnectExchange && !connectedExchange && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
                   ConnectExchangeButton,
                   {
                     onClick: () => {
@@ -14774,7 +15034,7 @@ function DepositModal({
                     exchanges: integrationExchanges
                   }
                 ),
-                enableCashApp && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                showCashApp && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
                   CashAppButton,
                   {
                     onClick: () => setView("cashapp"),
@@ -14783,7 +15043,7 @@ function DepositModal({
                     iconUrl: projectConfig?.asset_cdn_url ? `${projectConfig.asset_cdn_url}/api/public/icons/onramps/svg/cashapp.svg` : void 0
                   }
                 ),
-                !hideDepositTracker && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                showDepositTracker && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
                   DepositTrackerButton,
                   {
                     onClick: () => {
@@ -14933,7 +15193,7 @@ function DepositModal({
               DepositHeader,
               {
                 title: payWithExchangeTitle,
-                showBack: true,
+                showBack: exchangeView === "pending" || sessionOpenedFromMenu,
                 onBack: handleBack,
                 onClose: handleClose
               }
@@ -14987,7 +15247,12 @@ function DepositModal({
                 onClose: handleClose,
                 onDisconnect: handleExchangeDisconnect,
                 skipToHoldings: coinbaseSkipToHoldings,
-                onExecutionsChange: setDepositExecutions
+                canGoBack: sessionOpenedFromMenu,
+                onExecutionsChange: setDepositExecutions,
+                defaultSourceChainType,
+                defaultSourceChainId,
+                defaultSourceTokenAddress,
+                defaultSourceSymbol
               }
             ),
             depositPoweredByFooter
@@ -15020,11 +15285,17 @@ function DepositModal({
                 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");
                 },
                 onBack: handleBack,
-                onClose: handleClose
+                onClose: handleClose,
+                defaultSourceChainType,
+                defaultSourceChainId,
+                defaultSourceTokenAddress,
+                defaultSourceSymbol,
+                canGoBack: sessionOpenedFromMenu,
+                depositWalletsLoading: walletsLoading
               }
             ),
             depositPoweredByFooter
@@ -15033,7 +15304,7 @@ function DepositModal({
               DepositHeader,
               {
                 title: cashAppView !== "amount" && cashAppAmount ? `Pay $${cashAppAmount} via Cash App` : "Pay with Cash App",
-                showBack: true,
+                showBack: cashAppView !== "amount" || sessionOpenedFromMenu,
                 onBack: handleBack,
                 onClose: handleClose
               }
@@ -15136,7 +15407,8 @@ function CheckoutModal({
   clientSecret,
   publishableKey,
   modalTitle,
-  enableConnectWallet = false,
+  enableTransferCrypto,
+  enableConnectWallet,
   defaultSourceChainType,
   defaultSourceChainId,
   defaultSourceTokenAddress,
@@ -15153,7 +15425,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 [browserWalletChainType, setBrowserWalletChainType] = (0, import_react21.useState)(() => getStoredWalletState()?.chainType);
   const isMobileView = useIsMobileViewport();
   const [resolvedTheme, setResolvedTheme] = (0, import_react21.useState)(
     theme === "auto" ? "dark" : theme
@@ -15186,6 +15458,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;
@@ -15276,7 +15557,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
@@ -15303,7 +15584,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
@@ -15327,7 +15608,7 @@ function CheckoutModal({
   );
   const handleWalletDisconnect = (0, import_react21.useCallback)(() => {
     setUserDisconnectedWallet(true);
-    clearStoredWalletChainType();
+    clearStoredWalletState();
     setBrowserWalletChainType(void 0);
     setBrowserWalletInfo(null);
     setBrowserWalletModalOpen(false);
@@ -15562,7 +15843,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"),
@@ -15571,7 +15852,7 @@ function CheckoutModal({
                   featuredTokens: projectConfig?.transfer_crypto.networks
                 }
               ),
-              enableConnectWallet && !isMobileView && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+              showConnectWallet && !isMobileView && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                 BrowserWalletButton,
                 {
                   onClick: handleBrowserWalletClick,
@@ -15712,14 +15993,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