@unifold/ui-react 0.1.61 → 0.1.62

package/dist/index.mjs

@@ -1,10 +1,10 @@
 // src/components/deposits/DepositModal.tsx
 import {
-  useState as useState31,
-  useEffect as useEffect25,
+  useState as useState32,
+  useEffect as useEffect26,
   useLayoutEffect as useLayoutEffect2,
   useCallback as useCallback5,
-  useRef as useRef8,
+  useRef as useRef9,
   useMemo as useMemo10
 } from "react";
 import { ChevronRight as ChevronRight14, MapPinOff, AlertTriangle as AlertTriangle2 } from "lucide-react";
@@ -5252,7 +5252,7 @@ function CashAppButton({
 }
 
 // src/components/deposits/buttons/BrowserWalletButton.tsx
-import * as React24 from "react";
+import * as React25 from "react";
 import { Wallet, ChevronRight as ChevronRight10, Loader2 as Loader23 } from "lucide-react";
 import { getAddressBalances } from "@unifold/core";
 
@@ -5306,6 +5306,197 @@ function collectAllEip6963EthProviders() {
   return store.getProviders().map((d) => d.provider);
 }
 
+// src/components/deposits/browser-wallets/useDetectedBrowserWallet.ts
+import * as React12 from "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" };
+}
+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;
+      }
+    }
+    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 {
+        }
+      }
+    }
+  } 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",
@@ -5391,14 +5582,14 @@ async function disconnectInjectedBrowserWallet(wallet) {
 }
 
 // src/resources/icons/MetamaskIcon.tsx
-import * as React12 from "react";
+import * as React13 from "react";
 import { jsx as jsx23, jsxs as jsxs20 } from "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__ */ jsxs20(
       "svg",
@@ -5520,14 +5711,14 @@ function MetamaskIcon({
 }
 
 // src/resources/icons/PhantomIcon.tsx
-import * as React13 from "react";
+import * as React14 from "react";
 import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
 function PhantomIcon({
   size = 24,
   className,
   variant = "color"
 }) {
-  const id = React13.useId();
+  const id = React14.useId();
   if (variant === "light") {
     return /* @__PURE__ */ jsx24(
       "svg",
@@ -5595,14 +5786,14 @@ function PhantomIcon({
 }
 
 // src/resources/icons/CoinbaseIcon.tsx
-import * as React14 from "react";
+import * as React15 from "react";
 import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
 function CoinbaseIcon({
   size = 24,
   className,
   variant = "color"
 }) {
-  const id = React14.useId();
+  const id = React15.useId();
   if (variant === "light") {
     return /* @__PURE__ */ jsxs22(
       "svg",
@@ -5683,14 +5874,14 @@ function CoinbaseIcon({
 }
 
 // src/resources/icons/RabbyIcon.tsx
-import * as React15 from "react";
+import * as React16 from "react";
 import { jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
 function RabbyIcon({
   size = 24,
   className,
   variant = "color"
 }) {
-  const id = React15.useId();
+  const id = React16.useId();
   if (variant === "light") {
     return /* @__PURE__ */ jsxs23(
       "svg",
@@ -6038,14 +6229,14 @@ function RabbyIcon({
 }
 
 // src/resources/icons/RainbowIcon.tsx
-import * as React16 from "react";
+import * as React17 from "react";
 import { jsx as jsx27, jsxs as jsxs24 } from "react/jsx-runtime";
 function RainbowIcon({
   size = 24,
   className,
   variant = "color"
 }) {
-  const id = React16.useId();
+  const id = React17.useId();
   if (variant === "light") {
     return /* @__PURE__ */ jsxs24(
       "svg",
@@ -6508,14 +6699,14 @@ function RainbowIcon({
 }
 
 // src/resources/icons/TrustIcon.tsx
-import * as React17 from "react";
+import * as React18 from "react";
 import { jsx as jsx28, jsxs as jsxs25 } from "react/jsx-runtime";
 function TrustIcon({
   size = 24,
   className,
   variant = "color"
 }) {
-  const id = React17.useId();
+  const id = React18.useId();
   if (variant === "light") {
     return /* @__PURE__ */ jsx28(
       "svg",
@@ -6605,14 +6796,14 @@ function TrustIcon({
 }
 
 // src/resources/icons/OkxIcon.tsx
-import * as React18 from "react";
+import * as React19 from "react";
 import { jsx as jsx29, jsxs as jsxs26 } from "react/jsx-runtime";
 function OkxIcon({
   size = 24,
   className,
   variant = "color"
 }) {
-  const id = React18.useId();
+  const id = React19.useId();
   if (variant === "light") {
     return /* @__PURE__ */ jsx29(
       "svg",
@@ -6680,14 +6871,14 @@ function OkxIcon({
 }
 
 // src/resources/icons/GlowIcon.tsx
-import * as React19 from "react";
+import * as React20 from "react";
 import { jsx as jsx30, jsxs as jsxs27 } from "react/jsx-runtime";
 function GlowIcon({
   size = 24,
   className,
   variant = "color"
 }) {
-  const id = React19.useId();
+  const id = React20.useId();
   if (variant === "light") {
     return /* @__PURE__ */ jsx30(
       "svg",
@@ -6789,14 +6980,14 @@ function GlowIcon({
 }
 
 // src/resources/icons/BackpackIcon.tsx
-import * as React20 from "react";
+import * as React21 from "react";
 import { jsx as jsx31, jsxs as jsxs28 } from "react/jsx-runtime";
 function BackpackIcon({
   size = 24,
   className,
   variant = "color"
 }) {
-  const id = React20.useId();
+  const id = React21.useId();
   if (variant === "light") {
     return /* @__PURE__ */ jsx31(
       "svg",
@@ -6870,14 +7061,14 @@ function BackpackIcon({
 }
 
 // src/resources/icons/SolflareIcon.tsx
-import * as React21 from "react";
+import * as React22 from "react";
 import { jsx as jsx32, jsxs as jsxs29 } from "react/jsx-runtime";
 function SolflareIcon({
   size = 24,
   className,
   variant = "color"
 }) {
-  const id = React21.useId();
+  const id = React22.useId();
   if (variant === "light") {
     return /* @__PURE__ */ jsx32(
       "svg",
@@ -6945,14 +7136,14 @@ function SolflareIcon({
 }
 
 // src/resources/icons/EthereumIcon.tsx
-import * as React22 from "react";
+import * as React23 from "react";
 import { jsx as jsx33, jsxs as jsxs30 } from "react/jsx-runtime";
 function EthereumIcon({
   size = 24,
   className,
   variant = "color"
 }) {
-  const id = React22.useId();
+  const id = React23.useId();
   if (variant === "light") {
     return /* @__PURE__ */ jsxs30(
       "svg",
@@ -7083,14 +7274,14 @@ function EthereumIcon({
 }
 
 // src/resources/icons/SolanaIcon.tsx
-import * as React23 from "react";
+import * as React24 from "react";
 import { jsx as jsx34, jsxs as jsxs31 } from "react/jsx-runtime";
 function SolanaIcon({
   size = 24,
   className,
   variant = "color"
 }) {
-  const id = React23.useId();
+  const id = React24.useId();
   if (variant === "light") {
     return /* @__PURE__ */ jsx34(
       "svg",
@@ -7345,44 +7536,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,
@@ -7393,30 +7546,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;
@@ -7457,206 +7599,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);
@@ -7740,7 +7682,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"
@@ -7891,7 +7833,7 @@ function BrowserWalletButton({
 }
 
 // src/components/deposits/CoinbaseConnect.tsx
-import { useState as useState21, useEffect as useEffect16, useCallback as useCallback2, useMemo as useMemo4, useRef as useRef5 } from "react";
+import { useState as useState22, useEffect as useEffect17, useCallback as useCallback2, useMemo as useMemo4, useRef as useRef6 } from "react";
 import {
   ChevronRight as ChevronRight11,
   ChevronDown as ChevronDown3,
@@ -8046,6 +7988,7 @@ function CoinbaseConnect({
   onBack: parentOnBack,
   onDisconnect,
   skipToHoldings,
+  canGoBack = true,
   onExecutionsChange
 }) {
   const { colors: colors2, fonts, components } = useTheme();
@@ -8071,25 +8014,25 @@ function CoinbaseConnect({
   const appName = projectConfig?.project_name ?? "Unifold";
   const t12 = i18n.connectExchange;
   const initialView = skipToHoldings && getStoredIntegrationToken(IntegrationProvider.COINBASE) ? "holdings" : "select_exchange";
-  const [view, setView] = useState21(initialView);
-  const [prevView, setPrevView] = useState21(initialView);
-  const [isTransitioning, setIsTransitioning] = useState21(false);
-  const [exchanges, setExchanges] = useState21([]);
-  const [exchangesLoading, setExchangesLoading] = useState21(true);
-  const [selectedExchange, setSelectedExchange] = useState21(null);
-  const [accessToken, setAccessToken] = useState21(null);
-  const [holdings, setHoldings] = useState21([]);
-  const [selectedHolding, setSelectedHolding] = useState21(null);
-  const [selectedAsset, setSelectedAsset] = useState21(null);
-  const [sendAmount, setSendAmount] = useState21("");
-  const [transferIntent, setTransferIntent] = useState21(null);
-  const [mfaCode, setMfaCode] = useState21("");
-  const [mfaError, setMfaError] = useState21(false);
-  const [errorMessage, setErrorMessage] = useState21("");
-  const [isLoading, setIsLoading] = useState21(initialView === "holdings");
-  const [confirmResult, setConfirmResult] = useState21(null);
-  const [showTransferDetails, setShowTransferDetails] = useState21(false);
-  const [transferDepositWalletId, setTransferDepositWalletId] = useState21(void 0);
+  const [view, setView] = useState22(initialView);
+  const [prevView, setPrevView] = useState22(initialView);
+  const [isTransitioning, setIsTransitioning] = useState22(false);
+  const [exchanges, setExchanges] = useState22([]);
+  const [exchangesLoading, setExchangesLoading] = useState22(true);
+  const [selectedExchange, setSelectedExchange] = useState22(null);
+  const [accessToken, setAccessToken] = useState22(null);
+  const [holdings, setHoldings] = useState22([]);
+  const [selectedHolding, setSelectedHolding] = useState22(null);
+  const [selectedAsset, setSelectedAsset] = useState22(null);
+  const [sendAmount, setSendAmount] = useState22("");
+  const [transferIntent, setTransferIntent] = useState22(null);
+  const [mfaCode, setMfaCode] = useState22("");
+  const [mfaError, setMfaError] = useState22(false);
+  const [errorMessage, setErrorMessage] = useState22("");
+  const [isLoading, setIsLoading] = useState22(initialView === "holdings");
+  const [confirmResult, setConfirmResult] = useState22(null);
+  const [showTransferDetails, setShowTransferDetails] = useState22(false);
+  const [transferDepositWalletId, setTransferDepositWalletId] = useState22(void 0);
   const exchangeSupportedCurrencies = useMemo4(() => {
     const set = /* @__PURE__ */ new Set();
     selectedExchange?.supported_currencies.forEach((c) => set.add(c.toLowerCase()));
@@ -8144,12 +8087,12 @@ function CoinbaseConnect({
     } : void 0,
     onDepositError: onTransferError
   });
-  useEffect16(() => {
+  useEffect17(() => {
     onExecutionsChange?.(depositExecutions);
   }, [depositExecutions, onExecutionsChange]);
-  const pollRef = useRef5(null);
-  const popupRef = useRef5(null);
-  const viewRef = useRef5(initialView);
+  const pollRef = useRef6(null);
+  const popupRef = useRef6(null);
+  const viewRef = useRef6(initialView);
   const transitionTo = useCallback2((nextView) => {
     if (nextView === viewRef.current) return;
     setIsTransitioning(true);
@@ -8179,7 +8122,7 @@ function CoinbaseConnect({
     },
     [publishableKey]
   );
-  useEffect16(() => {
+  useEffect17(() => {
     getIntegrationExchanges(publishableKey).then((res) => {
       setExchanges(res.data);
       if (!selectedExchange) {
@@ -8237,7 +8180,7 @@ function CoinbaseConnect({
     },
     [publishableKey, transitionTo, tryRefreshToken]
   );
-  useEffect16(() => {
+  useEffect17(() => {
     return () => {
       if (pollRef.current) clearInterval(pollRef.current);
     };
@@ -8433,6 +8376,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":
@@ -8493,7 +8446,7 @@ function CoinbaseConnect({
           DepositHeader,
           {
             title: t12.title,
-            showBack: true,
+            showBack: canGoBack,
             onBack: handleBack,
             onClose
           }
@@ -8506,7 +8459,7 @@ function CoinbaseConnect({
         DepositHeader,
         {
           title: t12.title,
-          showBack: true,
+          showBack: canGoBack,
           onBack: handleBack,
           onClose
         }
@@ -9218,7 +9171,7 @@ function CoinbaseConnect({
                 borderRadius: components.button.borderRadius,
                 fontFamily: fonts.medium
               },
-              onClick: onDisconnect,
+              onClick: handleDisconnect,
               children: t12.disconnect
             }
           )
@@ -10036,7 +9989,7 @@ function useAddressValidation({
 }
 
 // src/components/deposits/TransferCryptoSingleInput.tsx
-import { useState as useState27, useEffect as useEffect21, useMemo as useMemo7 } from "react";
+import { useState as useState28, useEffect as useEffect22, useMemo as useMemo7 } from "react";
 import {
   ChevronDown as ChevronDown4,
   ChevronUp as ChevronUp3,
@@ -10051,17 +10004,17 @@ import {
 } from "lucide-react";
 
 // src/components/deposits/DepositsModal.tsx
-import { useEffect as useEffect18, useState as useState22 } from "react";
+import { useEffect as useEffect19, useState as useState23 } from "react";
 
 // src/components/shared/ThemeStyleInjector.tsx
-import * as React26 from "react";
+import * as React27 from "react";
 import { jsx as jsx38 } from "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;
@@ -10121,7 +10074,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(
@@ -10210,9 +10163,9 @@ function DepositsModal({
   themeClass = ""
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const [allExecutions, setAllExecutions] = useState22(sessionExecutions);
-  const [selectedExecution, setSelectedExecution] = useState22(null);
-  useEffect18(() => {
+  const [allExecutions, setAllExecutions] = useState23(sessionExecutions);
+  const [selectedExecution, setSelectedExecution] = useState23(null);
+  useEffect19(() => {
     if (!open || !userId) return;
     const fetchExecutions = async () => {
       try {
@@ -10234,7 +10187,7 @@ function DepositsModal({
       clearInterval(pollInterval);
     };
   }, [open, userId, publishableKey, sessionExecutions]);
-  useEffect18(() => {
+  useEffect19(() => {
     if (!open) {
       setSelectedExecution(null);
     }
@@ -10310,7 +10263,7 @@ function DepositsModal({
 }
 
 // src/components/deposits/TokenSelectorSheet.tsx
-import { useState as useState23, useMemo as useMemo6, useEffect as useEffect19 } from "react";
+import { useState as useState24, useMemo as useMemo6, useEffect as useEffect20 } from "react";
 import { ArrowLeft as ArrowLeft2, X as X4 } from "lucide-react";
 import Fuse from "fuse.js";
 import { jsx as jsx41, jsxs as jsxs37 } from "react/jsx-runtime";
@@ -10371,10 +10324,10 @@ function TokenSelectorSheet({
 }) {
   const { themeClass, colors: colors2, fonts, components } = useTheme();
   const isDarkMode = themeClass.includes("uf-dark");
-  const [searchQuery, setSearchQuery] = useState23("");
-  const [recentTokens, setRecentTokens] = useState23([]);
-  const [hoveredTokenKey, setHoveredTokenKey] = useState23(null);
-  useEffect19(() => {
+  const [searchQuery, setSearchQuery] = useState24("");
+  const [recentTokens, setRecentTokens] = useState24([]);
+  const [hoveredTokenKey, setHoveredTokenKey] = useState24(null);
+  useEffect20(() => {
     setRecentTokens(getRecentTokens());
   }, []);
   const allOptions = useMemo6(() => {
@@ -10806,7 +10759,7 @@ function TokenSelectorSheet({
 }
 
 // src/hooks/use-default-token.ts
-import { useState as useState24, useEffect as useEffect20, useRef as useRef6 } from "react";
+import { useState as useState25, useEffect as useEffect21, useRef as useRef7 } from "react";
 var getChainKey = (chainId, chainType) => {
   return `${chainType}:${chainId}`;
 };
@@ -10861,11 +10814,11 @@ function useDefaultToken({
   defaultTokenAddress,
   defaultSymbol
 }) {
-  const [token, setToken] = useState24(null);
-  const [chain, setChain] = useState24(null);
-  const [initialSelectionDone, setInitialSelectionDone] = useState24(false);
-  const appliedDefaultsRef = useRef6("");
-  useEffect20(() => {
+  const [token, setToken] = useState25(null);
+  const [chain, setChain] = useState25(null);
+  const [initialSelectionDone, setInitialSelectionDone] = useState25(false);
+  const appliedDefaultsRef = useRef7("");
+  useEffect21(() => {
     if (!tokens.length) return;
     const defaultsKey = `${defaultTokenAddress ?? ""}|${defaultSymbol ?? ""}|${defaultChainType ?? ""}|${defaultChainId ?? ""}`;
     const defaultsChanged = appliedDefaultsRef.current !== defaultsKey;
@@ -10891,7 +10844,7 @@ function useDefaultToken({
     defaultChainId,
     initialSelectionDone
   ]);
-  useEffect20(() => {
+  useEffect21(() => {
     if (!tokens.length || !token) return;
     const currentToken = tokens.find((t12) => t12.symbol === token);
     if (!currentToken || currentToken.chains.length === 0) return;
@@ -11096,9 +11049,9 @@ function GlossaryModal({
 }
 
 // src/components/deposits/shared/useCopyAddress.ts
-import { useState as useState25 } from "react";
+import { useState as useState26 } from "react";
 function useCopyAddress() {
-  const [copied, setCopied] = useState25(false);
+  const [copied, setCopied] = useState26(false);
   const handleCopy = (address) => {
     if (!address) return;
     navigator.clipboard.writeText(address);
@@ -11109,7 +11062,7 @@ function useCopyAddress() {
 }
 
 // src/components/shared/tooltip.tsx
-import * as React27 from "react";
+import * as React28 from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import { jsx as jsx44 } from "react/jsx-runtime";
 var TooltipProvider = TooltipPrimitive.Provider;
@@ -11117,7 +11070,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);
@@ -11137,14 +11090,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);
@@ -11154,7 +11107,7 @@ var TooltipTrigger = React27.forwardRef(({ onClick, ...props }, ref) => {
   return /* @__PURE__ */ jsx44(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__ */ jsx44(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx44(
     TooltipPrimitive.Content,
@@ -11300,12 +11253,12 @@ function TransferCryptoSingleInput({
 }) {
   const { themeClass, colors: colors2, fonts, components } = useTheme();
   const isDarkMode = themeClass.includes("uf-dark");
-  const [copied, setCopied] = useState27(false);
+  const [copied, setCopied] = useState28(false);
   const { copied: copiedRecipient, handleCopy: handleCopyRecipientAddress } = useCopyAddress();
-  const [glossaryOpen, setGlossaryOpen] = useState27(false);
-  const [detailsExpanded, setDetailsExpanded] = useState27(false);
-  const [depositsModalOpen, setDepositsModalOpen] = useState27(false);
-  const [tokenSelectorOpen, setTokenSelectorOpen] = useState27(false);
+  const [glossaryOpen, setGlossaryOpen] = useState28(false);
+  const [detailsExpanded, setDetailsExpanded] = useState28(false);
+  const [depositsModalOpen, setDepositsModalOpen] = useState28(false);
+  const [tokenSelectorOpen, setTokenSelectorOpen] = useState28(false);
   const { data: tokensResponse, isLoading: tokensLoading } = useSupportedDepositTokens(publishableKey, {
     destination_token_address: destinationTokenAddress,
     destination_chain_id: destinationChainId,
@@ -11378,7 +11331,7 @@ function TransferCryptoSingleInput({
     publishableKey,
     enabled: !!depositAddress && !!recipientAddress
   });
-  useEffect21(() => {
+  useEffect22(() => {
     if (!onSourceTokenChange || !token || !chain || !initialSelectionDone) return;
     const { chainType, chainId } = parseChainKey(chain);
     const matchedToken = supportedTokens.find((t12) => t12.symbol === token);
@@ -11395,7 +11348,7 @@ function TransferCryptoSingleInput({
       isStablecoin: matchedToken?.is_stablecoin ?? false
     });
   }, [token, chain, initialSelectionDone, onSourceTokenChange, supportedTokens]);
-  useEffect21(() => {
+  useEffect22(() => {
     if (onExecutionsChange) {
       onExecutionsChange(depositExecutions);
     }
@@ -11782,7 +11735,7 @@ function TransferCryptoSingleInput({
 }
 
 // src/components/deposits/TransferCryptoDoubleInput.tsx
-import { useState as useState28, useEffect as useEffect22, useMemo as useMemo8 } from "react";
+import { useState as useState29, useEffect as useEffect23, useMemo as useMemo8 } from "react";
 import {
   ChevronDown as ChevronDown6,
   ChevronUp as ChevronUp5,
@@ -11797,14 +11750,14 @@ import {
 } from "lucide-react";
 
 // src/components/shared/select.tsx
-import * as React28 from "react";
+import * as React29 from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { Check as Check5, ChevronDown as ChevronDown5, ChevronUp as ChevronUp4 } from "lucide-react";
 import { jsx as jsx47, jsxs as jsxs42 } from "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__ */ jsxs42(
     SelectPrimitive.Trigger,
@@ -11828,7 +11781,7 @@ var SelectTrigger = React28.forwardRef(({ className, style, children, ...props }
   );
 });
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47(
+var SelectScrollUpButton = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -11841,7 +11794,7 @@ var SelectScrollUpButton = React28.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47(
+var SelectScrollDownButton = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -11854,7 +11807,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__ */ jsx47(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs42(
     SelectPrimitive.Content,
@@ -11892,7 +11845,7 @@ var SelectContent = React28.forwardRef(({ className, style, children, position =
   ) });
 });
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47(
+var SelectLabel = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47(
   SelectPrimitive.Label,
   {
     ref,
@@ -11904,7 +11857,7 @@ var SelectLabel = React28.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React28.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs42(
+var SelectItem = React29.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs42(
   SelectPrimitive.Item,
   {
     ref,
@@ -11920,7 +11873,7 @@ var SelectItem = React28.forwardRef(({ className, children, ...props }, ref) =>
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47(
+var SelectSeparator = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47(
   SelectPrimitive.Separator,
   {
     ref,
@@ -11962,11 +11915,11 @@ function TransferCryptoDoubleInput({
 }) {
   const { themeClass, colors: colors2, fonts, components } = useTheme();
   const isDarkMode = themeClass.includes("uf-dark");
-  const [copied, setCopied] = useState28(false);
+  const [copied, setCopied] = useState29(false);
   const { copied: copiedRecipient, handleCopy: handleCopyRecipientAddress } = useCopyAddress();
-  const [glossaryOpen, setGlossaryOpen] = useState28(false);
-  const [detailsExpanded, setDetailsExpanded] = useState28(false);
-  const [depositsModalOpen, setDepositsModalOpen] = useState28(false);
+  const [glossaryOpen, setGlossaryOpen] = useState29(false);
+  const [detailsExpanded, setDetailsExpanded] = useState29(false);
+  const [depositsModalOpen, setDepositsModalOpen] = useState29(false);
   const { data: tokensResponse, isLoading: tokensLoading } = useSupportedDepositTokens(publishableKey, {
     destination_token_address: destinationTokenAddress,
     destination_chain_id: destinationChainId,
@@ -12037,7 +11990,7 @@ function TransferCryptoDoubleInput({
     publishableKey,
     enabled: !!depositAddress && !!recipientAddress
   });
-  useEffect22(() => {
+  useEffect23(() => {
     if (onExecutionsChange) {
       onExecutionsChange(depositExecutions);
     }
@@ -12380,7 +12333,7 @@ function TransferCryptoDoubleInput({
 }
 
 // src/components/deposits/WalletConnect.tsx
-import * as React29 from "react";
+import * as React30 from "react";
 import { ExternalLink as ExternalLink3, Loader2 as Loader28 } from "lucide-react";
 import {
   getAddressBalances as getAddressBalances2,
@@ -13332,7 +13285,7 @@ function ReviewView({
 }
 
 // src/components/deposits/browser-wallets/ConfirmingView.tsx
-import { useEffect as useEffect23, useState as useState29 } from "react";
+import { useEffect as useEffect24, useState as useState30 } from "react";
 import { Loader2 as Loader27, CheckCircle2 as CheckCircle23 } from "lucide-react";
 import { Fragment as Fragment10, jsx as jsx53, jsxs as jsxs47 } from "react/jsx-runtime";
 var SETTLE_FALLBACK_MS = 15e3;
@@ -13348,13 +13301,13 @@ function ConfirmingView({
   amountReceivedUsdAtSubmission
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const [fallbackSettled, setFallbackSettled] = useState29(false);
+  const [fallbackSettled, setFallbackSettled] = useState30(false);
   const hasExecution = executions.length > 0;
   const isCheckoutMode = paymentIntentStatus != null;
   const isPaymentComplete = paymentIntentStatus === "succeeded";
   const amountChanged = amountReceivedUsdAtSubmission != null && amountReceivedUsd != null && amountReceivedUsd !== amountReceivedUsdAtSubmission;
   const piSettled = !isCheckoutMode || isPaymentComplete || amountChanged || fallbackSettled;
-  useEffect23(() => {
+  useEffect24(() => {
     if (!hasExecution || piSettled) return;
     const timeout = setTimeout(() => setFallbackSettled(true), SETTLE_FALLBACK_MS);
     return () => clearTimeout(timeout);
@@ -13630,22 +13583,27 @@ function WalletConnect({
   productType,
   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);
@@ -13653,20 +13611,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;
@@ -13674,7 +13656,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(() => {
@@ -13811,7 +13793,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);
@@ -13839,7 +13821,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;
@@ -13853,19 +13835,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 () => {
@@ -13892,7 +13874,7 @@ function WalletConnect({
       cancelled = true;
     };
   }, [view, selectedBalance, publishableKey, activeDepositWallet]);
-  React29.useEffect(() => {
+  React30.useEffect(() => {
     if (!activeWalletInfo || !activeDepositWallet) return;
     let cancelled = false;
     setIsLoading(true);
@@ -13925,20 +13907,20 @@ function WalletConnect({
       cancelled = true;
     };
   }, [activeWalletInfo?.address, activeDepositWallet?.chain_type, publishableKey]);
-  const usdToTokenRate = React29.useMemo(() => {
+  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;
@@ -13946,7 +13928,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]);
@@ -13994,16 +13976,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 = () => {
@@ -14129,9 +14120,15 @@ function WalletConnect({
       setIsConfirming(false);
     }
   };
+  if (standalone && !autoResolved) {
+    return /* @__PURE__ */ jsxs48("div", { style: viewTransitionStyle, children: [
+      /* @__PURE__ */ jsx54(DepositHeader, { title: "Connect Wallet", showBack: canGoBack, onBack: handleBack, onClose }),
+      /* @__PURE__ */ jsx54("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-16", children: /* @__PURE__ */ jsx54(Loader28, { className: "uf-w-8 uf-h-8 uf-animate-spin", style: { color: colors2.primary } }) })
+    ] });
+  }
   if (view === "select_wallet") {
     return /* @__PURE__ */ jsxs48("div", { style: viewTransitionStyle, children: [
-      /* @__PURE__ */ jsx54(DepositHeader, { title: "Connect Wallet", showBack: true, onBack: handleBack, onClose }),
+      /* @__PURE__ */ jsx54(DepositHeader, { title: "Connect Wallet", showBack: canGoBack, onBack: handleBack, onClose }),
       /* @__PURE__ */ jsxs48("div", { className: "uf-pb-4", children: [
         /* @__PURE__ */ jsx54("p", { className: "uf-text-sm uf-text-center uf-pb-4", style: { color: colors2.foregroundMuted, fontFamily: fonts.regular }, children: "Select a wallet to connect" }),
         /* @__PURE__ */ jsx54("div", { className: "uf-space-y-2", style: { maxHeight: 330, overflowY: "auto" }, children: availableWallets.map((wallet) => /* @__PURE__ */ jsxs48(
@@ -14297,45 +14294,56 @@ function DepositModal({
     if (s === "tracker" && hideDepositTracker) return "main";
     if (s === "cashapp" && !enableCashApp) 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";
     return s;
-  }, [initialScreen, hideDepositTracker, enableCashApp, enableFiatOnramp]);
-  const [containerEl, setContainerEl] = useState31(null);
+  }, [
+    initialScreen,
+    hideDepositTracker,
+    enableCashApp,
+    enableFiatOnramp,
+    enablePayWithExchange,
+    enableConnectExchange,
+    enableConnectWallet
+  ]);
+  const [containerEl, setContainerEl] = useState32(null);
   const containerCallbackRef = useCallback5((el) => {
     setContainerEl(el);
   }, []);
-  const [view, setView] = useState31(
+  const [view, setView] = useState32(
     effectiveInitialScreen
   );
-  const [coinbaseSkipToHoldings, setCoinbaseSkipToHoldings] = useState31(false);
-  const resetViewTimeoutRef = useRef8(null);
-  const [cardView, setCardView] = useState31(
+  const [coinbaseSkipToHoldings, setCoinbaseSkipToHoldings] = useState32(false);
+  const resetViewTimeoutRef = useRef9(null);
+  const [cardView, setCardView] = useState32(
     "amount"
   );
-  const [exchangeView, setExchangeView] = useState31(
+  const [exchangeView, setExchangeView] = useState32(
     "providers"
   );
-  const [browserWalletModalOpen, setBrowserWalletModalOpen] = useState31(false);
-  const [browserWalletInfo, setBrowserWalletInfo] = useState31(null);
-  const [walletSelectionModalOpen, setWalletSelectionModalOpen] = useState31(false);
-  const [browserWalletChainType, setBrowserWalletChainType] = useState31(() => getStoredWalletChainType());
-  const [quotesCount, setQuotesCount] = useState31(0);
-  const [allExecutions, setAllExecutions] = useState31([]);
-  const [selectedExecution, setSelectedExecution] = useState31(null);
-  const [depositExecutions, setDepositExecutions] = useState31([]);
+  const [browserWalletModalOpen, setBrowserWalletModalOpen] = useState32(false);
+  const [browserWalletInfo, setBrowserWalletInfo] = useState32(null);
+  const [walletSelectionModalOpen, setWalletSelectionModalOpen] = useState32(false);
+  const [browserWalletChainType, setBrowserWalletChainType] = useState32(() => getStoredWalletChainType());
+  const [quotesCount, setQuotesCount] = useState32(0);
+  const [allExecutions, setAllExecutions] = useState32([]);
+  const [selectedExecution, setSelectedExecution] = useState32(null);
+  const [depositExecutions, setDepositExecutions] = useState32([]);
   const isMobileView = useIsMobileViewport();
-  const [integrationExchanges, setIntegrationExchanges] = useState31([]);
-  useEffect25(() => {
+  const [integrationExchanges, setIntegrationExchanges] = useState32([]);
+  useEffect26(() => {
     if (!enableConnectExchange || !open) return;
     getIntegrationExchanges2(publishableKey).then((res) => setIntegrationExchanges(res.data)).catch(() => {
     });
   }, [enableConnectExchange, open, publishableKey]);
-  const [connectedExchange, setConnectedExchange] = useState31(() => {
+  const [connectedExchange, setConnectedExchange] = useState32(() => {
     if (!enableConnectExchange) return null;
     const stored = getStoredIntegrationToken(IntegrationProvider2.COINBASE);
     if (!stored) return null;
     return { name: "Coinbase", iconUrl: void 0, balanceUsd: null, isLoading: true };
   });
-  useEffect25(() => {
+  useEffect26(() => {
     if (!enableConnectExchange || !open || view !== "main") return;
     const stored = getStoredIntegrationToken(IntegrationProvider2.COINBASE);
     if (!stored) {
@@ -14372,7 +14380,7 @@ function DepositModal({
       }
     });
   }, [enableConnectExchange, open, view, publishableKey]);
-  useEffect25(() => {
+  useEffect26(() => {
     if (!connectedExchange || integrationExchanges.length === 0) return;
     const cbExchange = integrationExchanges.find(
       (e) => e.service_provider === IntegrationProvider2.COINBASE
@@ -14394,10 +14402,10 @@ function DepositModal({
     // Only fetch when modal is open
   });
   const wallets = depositAddressResponse?.data ?? [];
-  const [resolvedTheme, setResolvedTheme] = useState31(
+  const [resolvedTheme, setResolvedTheme] = useState32(
     theme === "auto" ? "dark" : theme
   );
-  useEffect25(() => {
+  useEffect26(() => {
     if (theme === "auto") {
       const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
       setResolvedTheme(mediaQuery.matches ? "dark" : "light");
@@ -14416,12 +14424,18 @@ function DepositModal({
   });
   const showPayWithExchange = enablePayWithExchange ?? projectConfig?.pay_with_exchange?.enabled ?? true;
   const showFiatOnramp = enableFiatOnramp ?? projectConfig?.fiat_onramp?.enabled ?? true;
-  useEffect25(() => {
+  useEffect26(() => {
     if (view === "card" && !showFiatOnramp) {
       setView("main");
       setCardView("amount");
     }
   }, [view, showFiatOnramp]);
+  useEffect26(() => {
+    if (view === "exchange" && !showPayWithExchange) {
+      setView("main");
+      setExchangeView("providers");
+    }
+  }, [view, showPayWithExchange]);
   const { exchanges, isLoading: exchangesLoading } = useExchanges({
     publishableKey,
     enabled: open && showPayWithExchange
@@ -14436,7 +14450,7 @@ function DepositModal({
     subdivisionCode: userIpInfo?.subdivisionCode ?? void 0,
     enabled: open && !isLoadingIp
   });
-  useEffect25(() => {
+  useEffect26(() => {
     if (view !== "tracker" || !userId) return;
     const fetchExecutions = async () => {
       try {
@@ -14457,7 +14471,7 @@ function DepositModal({
       clearInterval(pollInterval);
     };
   }, [view, userId, publishableKey]);
-  useEffect25(() => {
+  useEffect26(() => {
     if (view !== "tracker") {
       setSelectedExecution(null);
     }
@@ -14541,7 +14555,7 @@ function DepositModal({
     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(IntegrationProvider2.COINBASE);
@@ -14550,7 +14564,7 @@ function DepositModal({
     }
     clearStoredIntegrationToken(IntegrationProvider2.COINBASE);
     setConnectedExchange(null);
-    if (view === "coinbase_connect") setView("main");
+    if (view === "coinbase_connect" && sessionOpenedFromMenu) setView("main");
   };
   const handleClose = () => {
     onOpenChange(false);
@@ -14562,6 +14576,7 @@ function DepositModal({
       setCardView("amount");
       setExchangeView("providers");
       setBrowserWalletInfo(null);
+      setCoinbaseSkipToHoldings(false);
       resetViewTimeoutRef.current = null;
     }, 200);
   };
@@ -14576,8 +14591,9 @@ function DepositModal({
     setExchangeView("providers");
     setBrowserWalletInfo(null);
     setSelectedExecution(null);
+    setCoinbaseSkipToHoldings(false);
   }, [open, effectiveInitialScreen]);
-  useEffect25(
+  useEffect26(
     () => () => {
       if (resetViewTimeoutRef.current) {
         clearTimeout(resetViewTimeoutRef.current);
@@ -14585,8 +14601,8 @@ function DepositModal({
     },
     []
   );
-  const [cashAppView, setCashAppView] = useState31("amount");
-  const [cashAppAmount, setCashAppAmount] = useState31("");
+  const [cashAppView, setCashAppView] = useState32("amount");
+  const [cashAppAmount, setCashAppAmount] = useState32("");
   const handleBack = () => {
     if (view === "card" && cardView === "quotes") {
       setCardView("amount");
@@ -14935,7 +14951,7 @@ function DepositModal({
               DepositHeader,
               {
                 title: payWithExchangeTitle,
-                showBack: true,
+                showBack: exchangeView === "pending" || sessionOpenedFromMenu,
                 onBack: handleBack,
                 onClose: handleClose
               }
@@ -14989,6 +15005,7 @@ function DepositModal({
                 onClose: handleClose,
                 onDisconnect: handleExchangeDisconnect,
                 skipToHoldings: coinbaseSkipToHoldings,
+                canGoBack: sessionOpenedFromMenu,
                 onExecutionsChange: setDepositExecutions
               }
             ),
@@ -15026,7 +15043,9 @@ function DepositModal({
                   setBrowserWalletChainType(dw.chain_type === "solana" ? "solana" : "ethereum");
                 },
                 onBack: handleBack,
-                onClose: handleClose
+                onClose: handleClose,
+                canGoBack: sessionOpenedFromMenu,
+                depositWalletsLoading: walletsLoading
               }
             ),
             depositPoweredByFooter
@@ -15035,7 +15054,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
               }
@@ -15070,11 +15089,11 @@ function DepositModal({
 
 // src/components/checkout/CheckoutModal.tsx
 import {
-  useState as useState32,
-  useEffect as useEffect26,
+  useState as useState33,
+  useEffect as useEffect27,
   useLayoutEffect as useLayoutEffect3,
   useCallback as useCallback6,
-  useRef as useRef9,
+  useRef as useRef10,
   useMemo as useMemo11
 } from "react";
 import { AlertTriangle as AlertTriangle3, ChevronRight as ChevronRight15 } from "lucide-react";
@@ -15155,19 +15174,19 @@ function CheckoutModal({
   onCheckoutError
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const [view, setView] = useState32("main");
-  const resetViewTimeoutRef = useRef9(
+  const [view, setView] = useState33("main");
+  const resetViewTimeoutRef = useRef10(
     null
   );
-  const [browserWalletModalOpen, setBrowserWalletModalOpen] = useState32(false);
-  const [browserWalletInfo, setBrowserWalletInfo] = useState32(null);
-  const [walletSelectionModalOpen, setWalletSelectionModalOpen] = useState32(false);
-  const [browserWalletChainType, setBrowserWalletChainType] = useState32(() => getStoredWalletChainType());
+  const [browserWalletModalOpen, setBrowserWalletModalOpen] = useState33(false);
+  const [browserWalletInfo, setBrowserWalletInfo] = useState33(null);
+  const [walletSelectionModalOpen, setWalletSelectionModalOpen] = useState33(false);
+  const [browserWalletChainType, setBrowserWalletChainType] = useState33(() => getStoredWalletChainType());
   const isMobileView = useIsMobileViewport();
-  const [resolvedTheme, setResolvedTheme] = useState32(
+  const [resolvedTheme, setResolvedTheme] = useState33(
     theme === "auto" ? "dark" : theme
   );
-  useEffect26(() => {
+  useEffect27(() => {
     if (theme === "auto") {
       const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
       setResolvedTheme(mediaQuery.matches ? "dark" : "light");
@@ -15195,8 +15214,8 @@ function CheckoutModal({
     publishableKey,
     enabled: open
   });
-  const prevStatusRef = useRef9(null);
-  useEffect26(() => {
+  const prevStatusRef = useRef10(null);
+  useEffect27(() => {
     if (!paymentIntent) return;
     const prev = prevStatusRef.current;
     prevStatusRef.current = paymentIntent.status;
@@ -15242,7 +15261,7 @@ function CheckoutModal({
     const remaining = total - received;
     return remaining > 0n ? remaining.toString() : "0";
   }, [paymentIntent]);
-  const [selectedSource, setSelectedSource] = useState32(null);
+  const [selectedSource, setSelectedSource] = useState33(null);
   const remainingDestinationAmount = useMemo11(() => {
     if (!paymentIntent) return "0";
     const remaining = BigInt(paymentIntent.destination_amount) - BigInt(paymentIntent.destination_amount_received);
@@ -15362,7 +15381,7 @@ function CheckoutModal({
     setView("main");
     setBrowserWalletInfo(null);
   }, [open]);
-  useEffect26(
+  useEffect27(
     () => () => {
       if (resetViewTimeoutRef.current) {
         clearTimeout(resetViewTimeoutRef.current);
@@ -15739,11 +15758,11 @@ function CheckoutModal({
 
 // src/components/withdrawals/WithdrawModal.tsx
 import {
-  useState as useState36,
-  useEffect as useEffect30,
+  useState as useState37,
+  useEffect as useEffect31,
   useLayoutEffect as useLayoutEffect4,
   useCallback as useCallback8,
-  useRef as useRef11
+  useRef as useRef12
 } from "react";
 import { AlertTriangle as AlertTriangle5, ChevronRight as ChevronRight17, Clock as Clock6 } from "lucide-react";
 
@@ -15919,7 +15938,7 @@ function useExecutions(userId, publishableKey, options) {
 }
 
 // src/hooks/use-withdraw-polling.ts
-import { useState as useState33, useEffect as useEffect27, useRef as useRef10 } from "react";
+import { useState as useState34, useEffect as useEffect28, useRef as useRef11 } from "react";
 import {
   queryExecutions as queryExecutions5,
   pollDirectExecutions as pollDirectExecutions2,
@@ -15937,20 +15956,20 @@ function useWithdrawPolling({
   onWithdrawSuccess,
   onWithdrawError
 }) {
-  const [executions, setExecutions] = useState33([]);
-  const [isPolling, setIsPolling] = useState33(false);
-  const enabledAtRef = useRef10(/* @__PURE__ */ new Date());
-  const trackedRef = useRef10(/* @__PURE__ */ new Map());
-  const prevEnabledRef = useRef10(false);
-  const onSuccessRef = useRef10(onWithdrawSuccess);
-  const onErrorRef = useRef10(onWithdrawError);
-  useEffect27(() => {
+  const [executions, setExecutions] = useState34([]);
+  const [isPolling, setIsPolling] = useState34(false);
+  const enabledAtRef = useRef11(/* @__PURE__ */ new Date());
+  const trackedRef = useRef11(/* @__PURE__ */ new Map());
+  const prevEnabledRef = useRef11(false);
+  const onSuccessRef = useRef11(onWithdrawSuccess);
+  const onErrorRef = useRef11(onWithdrawError);
+  useEffect28(() => {
     onSuccessRef.current = onWithdrawSuccess;
   }, [onWithdrawSuccess]);
-  useEffect27(() => {
+  useEffect28(() => {
     onErrorRef.current = onWithdrawError;
   }, [onWithdrawError]);
-  useEffect27(() => {
+  useEffect28(() => {
     if (enabled && !prevEnabledRef.current) {
       enabledAtRef.current = /* @__PURE__ */ new Date();
       trackedRef.current.clear();
@@ -15960,7 +15979,7 @@ function useWithdrawPolling({
     }
     prevEnabledRef.current = enabled;
   }, [enabled]);
-  useEffect27(() => {
+  useEffect28(() => {
     if (!userId || !enabled) return;
     const enabledAt = enabledAtRef.current;
     const poll = async () => {
@@ -16022,7 +16041,7 @@ function useWithdrawPolling({
       setIsPolling(false);
     };
   }, [userId, publishableKey, enabled]);
-  useEffect27(() => {
+  useEffect28(() => {
     if (!enabled || !depositWalletId) return;
     const trigger = async () => {
       try {
@@ -16193,7 +16212,7 @@ function WithdrawDoubleInput({
 }
 
 // src/components/withdrawals/WithdrawForm.tsx
-import { useState as useState34, useCallback as useCallback7, useMemo as useMemo13, useEffect as useEffect28 } from "react";
+import { useState as useState35, useCallback as useCallback7, useMemo as useMemo13, useEffect as useEffect29 } from "react";
 import {
   AlertTriangle as AlertTriangle4,
   ArrowUpDown,
@@ -16670,27 +16689,27 @@ function WithdrawForm({
   footerLeft
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const [recipientAddress, setRecipientAddress] = useState34(recipientAddressProp || "");
-  const [amount, setAmount] = useState34("");
-  const [inputUnit, setInputUnit] = useState34("fiat");
-  const [isSubmitting, setIsSubmitting] = useState34(false);
-  const [submitError, setSubmitError] = useState34(null);
-  const [detailsExpanded, setDetailsExpanded] = useState34(false);
-  const [glossaryOpen, setGlossaryOpen] = useState34(false);
-  const [isMaxed, setIsMaxed] = useState34(false);
-  useEffect28(() => {
+  const [recipientAddress, setRecipientAddress] = useState35(recipientAddressProp || "");
+  const [amount, setAmount] = useState35("");
+  const [inputUnit, setInputUnit] = useState35("fiat");
+  const [isSubmitting, setIsSubmitting] = useState35(false);
+  const [submitError, setSubmitError] = useState35(null);
+  const [detailsExpanded, setDetailsExpanded] = useState35(false);
+  const [glossaryOpen, setGlossaryOpen] = useState35(false);
+  const [isMaxed, setIsMaxed] = useState35(false);
+  useEffect29(() => {
     setRecipientAddress(recipientAddressProp || "");
     setAmount("");
     setInputUnit("fiat");
     setSubmitError(null);
     setIsMaxed(false);
   }, [recipientAddressProp]);
-  useEffect28(() => {
+  useEffect29(() => {
     setIsMaxed(false);
   }, [balanceData?.balanceBaseUnit]);
   const trimmedAddress = recipientAddress.trim();
-  const [debouncedAddress, setDebouncedAddress] = useState34(trimmedAddress);
-  useEffect28(() => {
+  const [debouncedAddress, setDebouncedAddress] = useState35(trimmedAddress);
+  useEffect29(() => {
     const id = setTimeout(() => setDebouncedAddress(trimmedAddress), 500);
     return () => clearTimeout(id);
   }, [trimmedAddress]);
@@ -17330,7 +17349,7 @@ function WithdrawExecutionItem({
 }
 
 // src/components/withdrawals/WithdrawConfirmingView.tsx
-import { useState as useState35, useEffect as useEffect29 } from "react";
+import { useState as useState36, useEffect as useEffect30 } from "react";
 import { Fragment as Fragment14, jsx as jsx60, jsxs as jsxs54 } from "react/jsx-runtime";
 function truncateAddress4(addr) {
   if (addr.length <= 12) return addr;
@@ -17344,9 +17363,9 @@ function WithdrawConfirmingView({
   onViewTracker
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const [showButton, setShowButton] = useState35(false);
+  const [showButton, setShowButton] = useState36(false);
   const latestExecution = executions.length > 0 ? executions[executions.length - 1] : null;
-  useEffect29(() => {
+  useEffect30(() => {
     if (latestExecution) return;
     const timer = setTimeout(() => setShowButton(true), SHOW_BUTTON_DELAY_MS);
     return () => clearTimeout(timer);
@@ -17511,14 +17530,14 @@ function WithdrawModal({
   hideOverlay = false
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const [containerEl, setContainerEl] = useState36(null);
+  const [containerEl, setContainerEl] = useState37(null);
   const containerCallbackRef = useCallback8((el) => {
     setContainerEl(el);
   }, []);
-  const [resolvedTheme, setResolvedTheme] = useState36(
+  const [resolvedTheme, setResolvedTheme] = useState37(
     theme === "auto" ? "dark" : theme
   );
-  useEffect30(() => {
+  useEffect31(() => {
     if (theme === "auto") {
       const mq = window.matchMedia("(prefers-color-scheme: dark)");
       setResolvedTheme(mq.matches ? "dark" : "light");
@@ -17562,10 +17581,10 @@ function WithdrawModal({
   });
   const selectedToken = selectedTokenSymbol ? destinationTokens.find((t12) => t12.symbol === selectedTokenSymbol) ?? null : null;
   const selectedChain = selectedToken && selectedChainKey ? selectedToken.chains.find((c) => getChainKey5(c.chain_id, c.chain_type) === selectedChainKey) ?? null : null;
-  const [view, setView] = useState36("form");
-  const [withdrawDepositWalletId, setWithdrawDepositWalletId] = useState36();
-  const [selectedExecution, setSelectedExecution] = useState36(null);
-  const [submittedTxInfo, setSubmittedTxInfo] = useState36(null);
+  const [view, setView] = useState37("form");
+  const [withdrawDepositWalletId, setWithdrawDepositWalletId] = useState37();
+  const [selectedExecution, setSelectedExecution] = useState37(null);
+  const [submittedTxInfo, setSubmittedTxInfo] = useState37(null);
   const { executions: realtimeExecutions } = useWithdrawPolling({
     userId: externalUserId,
     publishableKey,
@@ -17604,7 +17623,7 @@ function WithdrawModal({
     setSubmittedTxInfo(txInfo);
     setView("confirming");
   }, []);
-  const resetViewTimeoutRef = useRef11(null);
+  const resetViewTimeoutRef = useRef12(null);
   const handleClose = useCallback8(() => {
     onOpenChange(false);
     if (resetViewTimeoutRef.current) clearTimeout(resetViewTimeoutRef.current);
@@ -17627,7 +17646,7 @@ function WithdrawModal({
     setSubmittedTxInfo(null);
     setWithdrawDepositWalletId(void 0);
   }, [open]);
-  useEffect30(() => () => {
+  useEffect31(() => () => {
     if (resetViewTimeoutRef.current) clearTimeout(resetViewTimeoutRef.current);
   }, []);
   const handleTokenSymbolChange = useCallback8((symbol) => {
@@ -17750,7 +17769,7 @@ function WithdrawModal({
 }
 
 // src/components/withdrawals/WithdrawTokenSelector.tsx
-import { useState as useState37, useMemo as useMemo14 } from "react";
+import { useState as useState38, useMemo as useMemo14 } from "react";
 import { Search } from "lucide-react";
 import Fuse2 from "fuse.js";
 import { jsx as jsx62, jsxs as jsxs56 } from "react/jsx-runtime";
@@ -17761,8 +17780,8 @@ function WithdrawTokenSelector({
   onBack
 }) {
   const { themeClass, colors: colors2, fonts, components } = useTheme();
-  const [searchQuery, setSearchQuery] = useState37("");
-  const [hoveredKey, setHoveredKey] = useState37(null);
+  const [searchQuery, setSearchQuery] = useState38("");
+  const [hoveredKey, setHoveredKey] = useState38(null);
   const allOptions = useMemo14(() => {
     const options = [];
     tokens.forEach((token) => {