@unifold/ui-react 0.1.62 → 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;
@@ -5419,70 +5506,106 @@ function identifyEthWallet(provider, hint) {
   }
   return { type: "metamask", name: "Wallet", icon: "metamask" };
 }
+var EIP6963_ID_TO_WALLET_TYPE = {
+  metamask: "metamask",
+  phantom: "phantom-ethereum",
+  coinbase: "coinbase",
+  trust: "trust",
+  rainbow: "rainbow",
+  rabby: "rabby",
+  okx: "okx"
+};
+function inferEthWalletType(provider, walletId) {
+  if (EIP6963_ID_TO_WALLET_TYPE[walletId]) return EIP6963_ID_TO_WALLET_TYPE[walletId];
+  const any = provider;
+  if (provider.isPhantom) return "phantom-ethereum";
+  if (any.isCoinbaseWallet) return "coinbase";
+  if (any.isRabby) return "rabby";
+  if (any.isTrust) return "trust";
+  if (any.isRainbow) return "rainbow";
+  if (any.isOkxWallet) return "okx";
+  if (provider.isMetaMask && !provider.isPhantom) return "metamask";
+  return null;
+}
+function solanaCandidate(provider, type, name, icon) {
+  return {
+    walletType: type,
+    detect: async () => {
+      if (!provider) return null;
+      if (provider.isConnected && provider.publicKey) {
+        return { type, name, address: provider.publicKey.toString(), icon };
+      }
+      try {
+        const resp = await provider.connect({ onlyIfTrusted: true });
+        if (resp.publicKey) {
+          return { type, name, address: resp.publicKey.toString(), icon };
+        }
+      } catch {
+      }
+      return null;
+    }
+  };
+}
+function ethereumCandidate(provider, walletId) {
+  return {
+    walletType: inferEthWalletType(provider, walletId),
+    detect: async () => {
+      try {
+        const accounts = await provider.request({ method: "eth_accounts" });
+        if (!accounts?.length) return null;
+        const resolved = identifyEthWallet(provider, walletId);
+        return { ...resolved, address: accounts[0] };
+      } catch {
+        return null;
+      }
+    }
+  };
+}
+function buildCandidates(win, chainType) {
+  const candidates = [];
+  if (!chainType || chainType === "solana") {
+    candidates.push(
+      solanaCandidate(win.phantom?.solana, "phantom-solana", "Phantom", "phantom"),
+      solanaCandidate(win.solflare, "solflare", "Solflare", "solflare"),
+      solanaCandidate(win.backpack, "backpack", "Backpack", "backpack"),
+      solanaCandidate(win.glow, "glow", "Glow", "glow")
+    );
+  }
+  if (!chainType || chainType === "ethereum") {
+    const seen = /* @__PURE__ */ new Set();
+    const addEth = (provider, walletId) => {
+      if (!provider || seen.has(provider)) return;
+      seen.add(provider);
+      candidates.push(ethereumCandidate(provider, walletId));
+    };
+    for (const { provider, walletId } of getEip6963Providers()) {
+      addEth(
+        provider,
+        walletId === "unknown" ? "default" : walletId
+      );
+    }
+    addEth(win.phantom?.ethereum, "phantom");
+    addEth(win.coinbaseWalletExtension, "coinbase");
+    addEth(win.okxwallet, "okx");
+    addEth(win.trustwallet?.ethereum, "trust");
+    addEth(win.ethereum, "default");
+  }
+  return candidates;
+}
 async function detectConnectedBrowserWallet(chainType) {
   if (typeof window === "undefined") return null;
   if (getUserDisconnectedWallet()) return null;
   try {
     const win = window;
-    if (!chainType || chainType === "solana") {
-      const trySilentSolana = async (provider, type, name, icon) => {
-        if (!provider) return null;
-        if (provider.isConnected && provider.publicKey) {
-          return { type, name, address: provider.publicKey.toString(), icon };
-        }
-        try {
-          const resp = await provider.connect({ onlyIfTrusted: true });
-          if (resp.publicKey) {
-            return { type, name, address: resp.publicKey.toString(), icon };
-          }
-        } catch {
-        }
-        return null;
-      };
-      const solanaCandidates = [
-        [win.phantom?.solana, "phantom-solana", "Phantom", "phantom"],
-        [win.solflare, "solflare", "Solflare", "solflare"],
-        [win.backpack, "backpack", "Backpack", "backpack"],
-        [win.glow, "glow", "Glow", "glow"]
-      ];
-      for (const [provider, type, name, icon] of solanaCandidates) {
-        const found = await trySilentSolana(provider, type, name, icon);
-        if (found) return found;
-      }
+    const candidates = buildCandidates(win, chainType);
+    const preferred = getStoredWalletState();
+    if (preferred && (!chainType || preferred.chainType === chainType)) {
+      const idx = candidates.findIndex((c) => c.walletType === preferred.walletType);
+      if (idx > 0) candidates.unshift(...candidates.splice(idx, 1));
     }
-    if (!chainType || chainType === "ethereum") {
-      const allProviders = [];
-      const eip6963 = getEip6963Providers();
-      for (const { provider, walletId } of eip6963) {
-        allProviders.push({
-          provider,
-          walletId: walletId === "unknown" ? "default" : walletId
-        });
-      }
-      if (allProviders.length === 0) {
-        if (win.phantom?.ethereum) {
-          allProviders.push({ provider: win.phantom.ethereum, walletId: "phantom" });
-        }
-        if (win.okxwallet) {
-          allProviders.push({ provider: win.okxwallet, walletId: "okx" });
-        }
-        if (win.coinbaseWalletExtension) {
-          allProviders.push({ provider: win.coinbaseWalletExtension, walletId: "coinbase" });
-        }
-        if (win.ethereum && !allProviders.some((p) => p.provider === win.ethereum)) {
-          allProviders.push({ provider: win.ethereum, walletId: "default" });
-        }
-      }
-      for (const { provider, walletId } of allProviders) {
-        if (!provider) continue;
-        try {
-          const accounts = await provider.request({ method: "eth_accounts" });
-          if (!accounts || accounts.length === 0) continue;
-          const resolved = identifyEthWallet(provider, walletId);
-          return { ...resolved, address: accounts[0] };
-        } catch {
-        }
-      }
+    for (const c of candidates) {
+      const found = await c.detect();
+      if (found) return found;
     }
   } catch (error) {
     console.error("[detectConnectedBrowserWallet] detection error:", error);
@@ -7686,6 +7809,7 @@ function BrowserWalletButton({
         if (solanaProvider?.isPhantom) {
           const { publicKey } = await solanaProvider.connect();
           setUserDisconnectedWallet(false);
+          setStoredWalletState("phantom-solana");
           setWallet({
             type: "phantom-solana",
             name: "Phantom",
@@ -7705,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"
@@ -8038,7 +8164,11 @@ function CoinbaseConnect({
   onDisconnect,
   skipToHoldings,
   canGoBack = true,
-  onExecutionsChange
+  onExecutionsChange,
+  defaultSourceChainType,
+  defaultSourceChainId,
+  defaultSourceTokenAddress,
+  defaultSourceSymbol
 }) {
   const { colors: colors2, fonts, components } = useTheme();
   const { projectConfig } = useProjectConfig({ publishableKey });
@@ -8103,6 +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 = [];
@@ -8112,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,
@@ -13437,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;
@@ -13579,6 +13766,10 @@ function WalletConnect({
   checkoutRemainingBaseUnits,
   stablecoinParity = false,
   productType,
+  defaultSourceChainType,
+  defaultSourceChainId,
+  defaultSourceTokenAddress,
+  defaultSourceSymbol,
   onBack: parentOnBack,
   onClose,
   canGoBack = true,
@@ -13739,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();
@@ -13767,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";
@@ -13881,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);
@@ -13904,7 +14112,15 @@ function WalletConnect({
     return () => {
       cancelled = true;
     };
-  }, [activeWalletInfo?.address, activeDepositWallet?.chain_type, publishableKey]);
+  }, [
+    activeWalletInfo?.address,
+    activeDepositWallet?.chain_type,
+    publishableKey,
+    defaultSourceChainType,
+    defaultSourceChainId,
+    defaultSourceTokenAddress,
+    defaultSourceSymbol
+  ]);
   const usdToTokenRate = React30.useMemo(() => {
     if (!selectedBalance || !selectedBalance.amount_usd || !selectedToken) return 0;
     const balanceAmount = Number(selectedBalance.amount) / 10 ** selectedToken.decimals;
@@ -14262,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,
@@ -14289,12 +14506,13 @@ function DepositModal({
   const { colors: colors2, fonts, components } = useTheme();
   const effectiveInitialScreen = (0, import_react20.useMemo)(() => {
     const s = initialScreen ?? "main";
-    if (s === "tracker" && hideDepositTracker) return "main";
-    if (s === "cashapp" && !enableCashApp) return "main";
+    if (s === "tracker" && hideDepositTracker === true) return "main";
+    if (s === "cashapp" && enableCashApp === false) return "main";
     if (s === "card" && enableFiatOnramp === false) return "main";
     if (s === "pay_with_exchange") return enablePayWithExchange === false ? "main" : "exchange";
-    if (s === "exchange_connect") return enableConnectExchange ? "coinbase_connect" : "main";
-    if (s === "wallet_connect") return enableConnectWallet ? "wallet_connect" : "main";
+    if (s === "exchange_connect")
+      return enableConnectExchange === false ? "main" : "coinbase_connect";
+    if (s === "wallet_connect") return enableConnectWallet === false ? "main" : "wallet_connect";
     return s;
   }, [
     initialScreen,
@@ -14323,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);
@@ -14377,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(
@@ -14416,18 +14645,33 @@ function DepositModal({
       setResolvedTheme(theme);
     }
   }, [theme]);
-  const { projectConfig } = useProjectConfig({
-    publishableKey,
-    enabled: open
-  });
-  const showPayWithExchange = enablePayWithExchange ?? projectConfig?.pay_with_exchange?.enabled ?? true;
-  const showFiatOnramp = enableFiatOnramp ?? projectConfig?.fiat_onramp?.enabled ?? true;
   (0, import_react20.useEffect)(() => {
     if (view === "card" && !showFiatOnramp) {
       setView("main");
       setCardView("amount");
+    } else if (view === "transfer" && !showTransferCrypto) {
+      setView("main");
+    } else if (view === "exchange" && !showPayWithExchange) {
+      setView("main");
+    } else if (view === "cashapp" && !showCashApp) {
+      setView("main");
+    } else if (view === "tracker" && !showDepositTracker) {
+      setView("main");
+    } else if (view === "coinbase_connect" && !showConnectExchange) {
+      setView("main");
+    } else if (view === "wallet_connect" && !showConnectWallet) {
+      setView("main");
     }
-  }, [view, showFiatOnramp]);
+  }, [
+    view,
+    showFiatOnramp,
+    showTransferCrypto,
+    showPayWithExchange,
+    showCashApp,
+    showDepositTracker,
+    showConnectExchange,
+    showConnectWallet
+  ]);
   (0, import_react20.useEffect)(() => {
     if (view === "exchange" && !showPayWithExchange) {
       setView("main");
@@ -14517,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: [
@@ -14549,7 +14793,7 @@ function DepositModal({
   const themeClass = resolvedTheme === "dark" ? "uf-dark" : "";
   const handleWalletDisconnect = () => {
     setUserDisconnectedWallet(true);
-    clearStoredWalletChainType();
+    clearStoredWalletState();
     setBrowserWalletChainType(void 0);
     setBrowserWalletInfo(null);
     setBrowserWalletModalOpen(false);
@@ -14627,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
@@ -14658,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
@@ -14725,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"),
@@ -14734,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,
@@ -14764,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: () => {
@@ -14778,7 +15022,7 @@ function DepositModal({
                     connectedExchange
                   }
                 ),
-                enableConnectExchange && !connectedExchange && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                showConnectExchange && !connectedExchange && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
                   ConnectExchangeButton,
                   {
                     onClick: () => {
@@ -14790,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"),
@@ -14799,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: () => {
@@ -15004,7 +15248,11 @@ function DepositModal({
                 onDisconnect: handleExchangeDisconnect,
                 skipToHoldings: coinbaseSkipToHoldings,
                 canGoBack: sessionOpenedFromMenu,
-                onExecutionsChange: setDepositExecutions
+                onExecutionsChange: setDepositExecutions,
+                defaultSourceChainType,
+                defaultSourceChainId,
+                defaultSourceTokenAddress,
+                defaultSourceSymbol
               }
             ),
             depositPoweredByFooter
@@ -15037,11 +15285,15 @@ 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,
+                defaultSourceChainType,
+                defaultSourceChainId,
+                defaultSourceTokenAddress,
+                defaultSourceSymbol,
                 canGoBack: sessionOpenedFromMenu,
                 depositWalletsLoading: walletsLoading
               }
@@ -15155,7 +15407,8 @@ function CheckoutModal({
   clientSecret,
   publishableKey,
   modalTitle,
-  enableConnectWallet = false,
+  enableTransferCrypto,
+  enableConnectWallet,
   defaultSourceChainType,
   defaultSourceChainId,
   defaultSourceTokenAddress,
@@ -15172,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
@@ -15205,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;
@@ -15295,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
@@ -15322,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
@@ -15346,7 +15608,7 @@ function CheckoutModal({
   );
   const handleWalletDisconnect = (0, import_react21.useCallback)(() => {
     setUserDisconnectedWallet(true);
-    clearStoredWalletChainType();
+    clearStoredWalletState();
     setBrowserWalletChainType(void 0);
     setBrowserWalletInfo(null);
     setBrowserWalletModalOpen(false);
@@ -15581,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"),
@@ -15590,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,
@@ -15731,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