@unifold/ui-react 0.1.68 → 0.1.69

package/dist/index.mjs

@@ -3,9 +3,9 @@ import {
   useState as useState40,
   useEffect as useEffect34,
   useLayoutEffect as useLayoutEffect2,
-  useCallback as useCallback8,
-  useRef as useRef12,
-  useMemo as useMemo13
+  useCallback as useCallback10,
+  useRef as useRef13,
+  useMemo as useMemo14
 } from "react";
 import { ChevronRight as ChevronRight18, MapPinOff as MapPinOff2, AlertTriangle as AlertTriangle3, Bitcoin, DollarSign as DollarSign3 } from "lucide-react";
 
@@ -579,13 +579,16 @@ function GeoRestrictionScreen({ methodName, message }) {
 }
 
 // src/components/deposits/BuyWithCard.tsx
+import * as React5 from "react";
 import { useState as useState10, useEffect as useEffect6, useRef as useRef2 } from "react";
+import { useQuery as useQuery3 } from "@tanstack/react-query";
 import { ChevronDown as ChevronDown2, ChevronRight } from "lucide-react";
 import {
   getOnrampQuotes,
   getOnrampSessionStartUrl,
   getWalletByChainType,
   getFiatCurrencies,
+  getFiatExchangeRates,
   getTokenMetadata,
   getIconUrlWithCdn,
   getPreferredIconUrl as getPreferredIconUrl2,
@@ -2595,13 +2598,25 @@ function BuyWithCard({
   wallets: externalWallets,
   assetCdnUrl,
   hideDepositFlowInfo = false,
-  hideDisplayDescription = false
+  hideDisplayDescription = false,
+  prefilledAmountUsd
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const [amount, setAmount] = useState10("");
+  const cleanedPrefilledAmountUsd = React5.useMemo(() => {
+    if (!prefilledAmountUsd) return "";
+    return prefilledAmountUsd.replace(/[^0-9.]/g, "");
+  }, [prefilledAmountUsd]);
+  const parsedPrefilledAmountUsd = React5.useMemo(() => {
+    const parsed = parseFloat(cleanedPrefilledAmountUsd);
+    return Number.isFinite(parsed) && parsed > 0 ? parsed : null;
+  }, [cleanedPrefilledAmountUsd]);
+  const shouldAutoConvertPrefilledRef = useRef2(!!cleanedPrefilledAmountUsd);
+  const [amount, setAmount] = useState10(() => cleanedPrefilledAmountUsd);
   const [currency, setCurrency] = useState10("usd");
   const [hasManualCurrencySelection, setHasManualCurrencySelection] = useState10(false);
-  const [hasManualAmountEntry, setHasManualAmountEntry] = useState10(false);
+  const [hasManualAmountEntry, setHasManualAmountEntry] = useState10(
+    () => !!cleanedPrefilledAmountUsd
+  );
   const [showCurrencyModal, setShowCurrencyModal] = useState10(false);
   const [quotes, setQuotes] = useState10([]);
   const [quotesLoading, setQuotesLoading] = useState10(false);
@@ -2658,6 +2673,71 @@ function BuyWithCard({
   const [preferredCurrencyCodes, setPreferredCurrencyCodes] = useState10([]);
   const [currenciesLoading, setCurrenciesLoading] = useState10(true);
   const [destinationToken, setDestinationToken] = useState10(null);
+  useEffect6(() => {
+    const hasPrefilledAmount = !!cleanedPrefilledAmountUsd;
+    shouldAutoConvertPrefilledRef.current = hasPrefilledAmount;
+    if (!hasPrefilledAmount) return;
+    setAmount(cleanedPrefilledAmountUsd);
+    setHasManualAmountEntry(true);
+  }, [cleanedPrefilledAmountUsd]);
+  const { data: fiatExchangeRatesResponse, isLoading: isFiatExchangeRatesLoading } = useQuery3({
+    queryKey: ["fiat-exchange-rates", publishableKey],
+    staleTime: 3e4,
+    refetchInterval: 3e4,
+    queryFn: async () => {
+      try {
+        return await getFiatExchangeRates({}, publishableKey);
+      } catch (error) {
+        console.error("Error fetching fiat exchange rates:", error);
+        return { base_currency: "usd", rates: {} };
+      }
+    }
+  });
+  const fiatExchangeRates = fiatExchangeRatesResponse?.rates ?? {};
+  const convertAmountBetweenCurrencies = React5.useCallback(
+    (rawAmount, fromCurrencyCode, toCurrencyCode) => {
+      const parsedAmount = parseFloat(rawAmount);
+      if (!Number.isFinite(parsedAmount) || parsedAmount <= 0) return null;
+      const fromCode = fromCurrencyCode.toLowerCase();
+      const toCode = toCurrencyCode.toLowerCase();
+      const fromRate = fromCode === "usd" ? 1 : fiatExchangeRates[fromCode];
+      const toRate = toCode === "usd" ? 1 : fiatExchangeRates[toCode];
+      if (!Number.isFinite(fromRate) || fromRate <= 0) return null;
+      if (!Number.isFinite(toRate) || toRate <= 0) return null;
+      const usdAmount = parsedAmount / fromRate;
+      return parseFloat((usdAmount * toRate).toFixed(2)).toString();
+    },
+    [fiatExchangeRates]
+  );
+  const getConvertedPrefilledAmount = React5.useCallback(
+    (targetCurrencyCode) => {
+      if (!parsedPrefilledAmountUsd) return null;
+      const normalizedTargetCurrency = targetCurrencyCode.toLowerCase();
+      const rate = normalizedTargetCurrency === "usd" ? 1 : fiatExchangeRates[normalizedTargetCurrency];
+      if (!Number.isFinite(rate) || rate <= 0) return null;
+      return parseFloat((parsedPrefilledAmountUsd * rate).toFixed(2)).toString();
+    },
+    [parsedPrefilledAmountUsd, fiatExchangeRates]
+  );
+  useEffect6(() => {
+    if (!cleanedPrefilledAmountUsd || !shouldAutoConvertPrefilledRef.current) return;
+    const convertedAmount = getConvertedPrefilledAmount(currency);
+    if (!convertedAmount) {
+      if (isFiatExchangeRatesLoading) return;
+      const targetCurrency = currency.toLowerCase();
+      if (targetCurrency !== "usd") {
+        setCurrency("usd");
+      }
+      return;
+    }
+    setAmount(convertedAmount);
+    setHasManualAmountEntry(true);
+  }, [
+    cleanedPrefilledAmountUsd,
+    currency,
+    getConvertedPrefilledAmount,
+    isFiatExchangeRatesLoading
+  ]);
   const depositWalletId = defaultToken ? getWalletByChainType(wallets, defaultToken.destination_token_metadata.chain_type)?.id : void 0;
   const { executions, isPolling, showWaitingUi } = useDepositPolling({
     userId,
@@ -2688,6 +2768,7 @@ function BuyWithCard({
   }, [publishableKey]);
   useEffect6(() => {
     if (hasManualCurrencySelection) return;
+    if (hasManualAmountEntry && !shouldAutoConvertPrefilledRef.current) return;
     if (fiatCurrencies.length === 0 || !userIpInfo?.alpha2) return;
     const userCountryCode = userIpInfo.alpha2;
     const matchingCurrency = fiatCurrencies.find((c) => c.country_codes.includes(userCountryCode));
@@ -2706,7 +2787,15 @@ function BuyWithCard({
   const prevCurrencyRef = useRef2(null);
   useEffect6(() => {
     if (fiatCurrencies.length === 0) return;
+    if (shouldAutoConvertPrefilledRef.current) {
+      prevCurrencyRef.current = currency;
+      return;
+    }
     if (prevCurrencyRef.current !== null && prevCurrencyRef.current !== currency) {
+      if (hasManualAmountEntry) {
+        prevCurrencyRef.current = currency;
+        return;
+      }
       const currentCurrency = fiatCurrencies.find(
         (c) => c.currency_code.toLowerCase() === currency.toLowerCase()
       );
@@ -2715,7 +2804,7 @@ function BuyWithCard({
       }
     }
     prevCurrencyRef.current = currency;
-  }, [currency]);
+  }, [currency, fiatCurrencies, hasManualAmountEntry]);
   useEffect6(() => {
     async function fetchDestinationToken() {
       try {
@@ -2892,6 +2981,7 @@ function BuyWithCard({
     return () => clearInterval(timer);
   }, [quotes.length, amount]);
   const handleAmountChange = (value) => {
+    shouldAutoConvertPrefilledRef.current = false;
     if (value === "") {
       setAmount(value);
       setHasManualAmountEntry(true);
@@ -2905,6 +2995,7 @@ function BuyWithCard({
     }
   };
   const handleQuickAmount = (quickAmount) => {
+    shouldAutoConvertPrefilledRef.current = false;
     setAmount(quickAmount.toString());
     setHasManualAmountEntry(true);
   };
@@ -3508,8 +3599,43 @@ function BuyWithCard({
             preferredCurrencyCodes,
             selectedCurrency: currency,
             onSelectCurrency: (currencyCode) => {
-              setCurrency(currencyCode.toLowerCase());
+              const nextCurrency = currencyCode.toLowerCase();
+              if (nextCurrency === currency.toLowerCase()) {
+                setHasManualCurrencySelection(true);
+                return;
+              }
+              const currentCurrency = currency;
               setHasManualCurrencySelection(true);
+              if (shouldAutoConvertPrefilledRef.current) {
+                const convertedAmount = getConvertedPrefilledAmount(nextCurrency);
+                if (convertedAmount) {
+                  setCurrency(nextCurrency);
+                  setAmount(convertedAmount);
+                  setHasManualAmountEntry(true);
+                } else {
+                  if (isFiatExchangeRatesLoading) return;
+                  const fallbackUsdAmount = getConvertedPrefilledAmount("usd");
+                  setCurrency("usd");
+                  if (fallbackUsdAmount) {
+                    setAmount(fallbackUsdAmount);
+                    setHasManualAmountEntry(true);
+                  }
+                }
+                return;
+              }
+              if (hasManualAmountEntry && amount) {
+                const convertedAmount = convertAmountBetweenCurrencies(
+                  amount,
+                  currentCurrency,
+                  nextCurrency
+                );
+                if (convertedAmount) {
+                  setCurrency(nextCurrency);
+                  setAmount(convertedAmount);
+                }
+                return;
+              }
+              setCurrency(nextCurrency);
             },
             themeClass
           }
@@ -3528,8 +3654,8 @@ function BuyWithCard({
 }
 
 // src/components/deposits/BuyWithApplePay.tsx
-import * as React5 from "react";
-import { useCallback, useEffect as useEffect7, useMemo as useMemo3, useRef as useRef3, useState as useState11 } from "react";
+import * as React6 from "react";
+import { useCallback as useCallback2, useEffect as useEffect7, useMemo as useMemo4, useRef as useRef3, useState as useState11 } from "react";
 import { Loader2 as Loader22 } from "lucide-react";
 import {
   createCoinbaseApplePaySession,
@@ -3586,13 +3712,13 @@ function isOnrampTokenFresh(contact) {
 }
 
 // src/hooks/use-coinbase-legal-agreements.ts
-import { useQuery as useQuery3 } from "@tanstack/react-query";
+import { useQuery as useQuery4 } from "@tanstack/react-query";
 import { getCoinbaseLegalAgreements } from "@unifold/core";
 function useCoinbaseLegalAgreements({
   publishableKey,
   enabled = true
 }) {
-  return useQuery3({
+  return useQuery4({
     queryKey: ["unifold", "coinbaseLegalAgreements", publishableKey],
     queryFn: () => getCoinbaseLegalAgreements(publishableKey),
     enabled: enabled && !!publishableKey,
@@ -3605,10 +3731,10 @@ function useCoinbaseLegalAgreements({
 }
 
 // src/hooks/use-apple-pay-initial-screen.ts
-import { useMemo as useMemo2 } from "react";
+import { useMemo as useMemo3 } from "react";
 
 // src/hooks/use-apple-pay-limits.ts
-import { useQuery as useQuery4 } from "@tanstack/react-query";
+import { useQuery as useQuery5 } from "@tanstack/react-query";
 import { getCoinbaseApplePayLimits } from "@unifold/core";
 var US_E164_REGEX = /^\+1\d{10}$/;
 function useApplePayLimits({
@@ -3617,7 +3743,7 @@ function useApplePayLimits({
   enabled = true
 }) {
   const phoneValid = US_E164_REGEX.test(phone);
-  return useQuery4({
+  return useQuery5({
     queryKey: ["unifold", "applePayLimits", phone, publishableKey],
     queryFn: ({ signal }) => getCoinbaseApplePayLimits(phone, publishableKey, signal),
     enabled: enabled && phoneValid && !!publishableKey,
@@ -3658,7 +3784,7 @@ function useApplePayInitialScreen({
   sessionPhoneVerified,
   isWaiting
 }) {
-  const initialStoredSession = useMemo2(() => getStoredApplePaySession(userId), [userId]);
+  const initialStoredSession = useMemo3(() => getStoredApplePaySession(userId), [userId]);
   const phoneVerified = PHONE_REGEX.test(normalizedPhone) && (sessionPhoneVerified || initialStoredSession?.phone === normalizedPhone && !!initialStoredSession?.phoneVerifiedAt);
   const {
     data: applePayLimits,
@@ -3669,7 +3795,7 @@ function useApplePayInitialScreen({
     publishableKey,
     enabled: phoneVerified
   });
-  const action = useMemo2(() => {
+  const action = useMemo3(() => {
     if (isWaiting || applePayLimitsLoading) return { kind: "pending" };
     const stored = initialStoredSession;
     const hasUserEmail = !!userEmail && EMAIL_REGEX.test(userEmail);
@@ -3707,7 +3833,7 @@ function useApplePayInitialScreen({
 }
 
 // src/hooks/use-default-onramp-token.ts
-import { useQuery as useQuery5 } from "@tanstack/react-query";
+import { useQuery as useQuery6 } from "@tanstack/react-query";
 import { getDefaultOnrampToken as getDefaultOnrampToken2 } from "@unifold/core";
 function useDefaultOnrampToken({
   publishableKey,
@@ -3723,7 +3849,7 @@ function useDefaultOnrampToken({
     isLoading,
     isError,
     error
-  } = useQuery5({
+  } = useQuery6({
     queryKey: [
       "unifold",
       "defaultOnrampToken",
@@ -3800,7 +3926,7 @@ function parseCoinbasePostMessage(raw) {
     } : void 0
   };
 }
-var BuyWithApplePay = React5.forwardRef(
+var BuyWithApplePay = React6.forwardRef(
   function BuyWithApplePay2({
     userId,
     publishableKey,
@@ -3871,7 +3997,7 @@ var BuyWithApplePay = React5.forwardRef(
       countryCode: userIpInfo?.alpha2,
       subdivisionCode: userIpInfo?.subdivisionCode ?? void 0
     });
-    const depositWallet = useMemo3(() => {
+    const depositWallet = useMemo4(() => {
       const routingChainType = defaultToken?.destination_token_metadata?.chain_type;
       if (!routingChainType) return void 0;
       return getWalletByChainType2(depositWallets ?? [], routingChainType);
@@ -3959,7 +4085,7 @@ var BuyWithApplePay = React5.forwardRef(
         popupRef.current = null;
       };
     }, []);
-    React5.useImperativeHandle(
+    React6.useImperativeHandle(
       ref,
       () => ({
         requestBack: () => {
@@ -4001,9 +4127,9 @@ var BuyWithApplePay = React5.forwardRef(
       }),
       [view, emailLocked]
     );
-    const normalizedPhone = useMemo3(() => formatPhoneInput(phoneInput), [phoneInput]);
+    const normalizedPhone = useMemo4(() => formatPhoneInput(phoneInput), [phoneInput]);
     const isContactValid = EMAIL_REGEX2.test(email) && PHONE_REGEX2.test(normalizedPhone);
-    const storeApplePaySession = useCallback(
+    const storeApplePaySession = useCallback2(
       (patch = {}) => {
         const session = {
           email,
@@ -4015,7 +4141,7 @@ var BuyWithApplePay = React5.forwardRef(
       },
       [email, normalizedPhone, userId]
     );
-    const createSessionAndSendOtp = useCallback(async () => {
+    const createSessionAndSendOtp = useCallback2(async () => {
       setView("submitting_session");
       setErrorMessage("");
       try {
@@ -4043,7 +4169,7 @@ var BuyWithApplePay = React5.forwardRef(
         setView("phone_input");
       }
     }, [email, normalizedPhone, publishableKey, storeApplePaySession]);
-    const clearUpgradeFields = useCallback(() => {
+    const clearUpgradeFields = useCallback2(() => {
       setSsnLast4("");
       setDobInput("");
     }, []);
@@ -4055,7 +4181,7 @@ var BuyWithApplePay = React5.forwardRef(
       sessionPhoneVerified: verificationSession?.phone?.status === "verified",
       isWaiting: defaultTokenLoading || legalAgreementsLoading || userIpInfoLoading
     });
-    const pollLimitUpgradeStatus = useCallback(
+    const pollLimitUpgradeStatus = useCallback2(
       async (signal) => {
         const POLL_INTERVAL_MS4 = 1500;
         const POLL_TIMEOUT_MS = 3e4;
@@ -4117,7 +4243,7 @@ var BuyWithApplePay = React5.forwardRef(
         clearUpgradeFields
       ]
     );
-    const startUpgradePolling = useCallback(async () => {
+    const startUpgradePolling = useCallback2(async () => {
       upgradeFlowAbortRef.current?.abort();
       const controller = new AbortController();
       upgradeFlowAbortRef.current = controller;
@@ -4129,7 +4255,7 @@ var BuyWithApplePay = React5.forwardRef(
         }
       }
     }, [pollLimitUpgradeStatus]);
-    const applyLimitRouting = useCallback(
+    const applyLimitRouting = useCallback2(
       (nextView, status) => {
         if (nextView === "limit_upgrade_form" && status === "resubmit") {
           setLimitUpgradeError(
@@ -4166,11 +4292,11 @@ var BuyWithApplePay = React5.forwardRef(
           break;
       }
     }, [initialAction, applyLimitRouting, createSessionAndSendOtp]);
-    const startVerification = useCallback(async () => {
+    const startVerification = useCallback2(async () => {
       if (!isContactValid) return;
       await createSessionAndSendOtp();
     }, [isContactValid, createSessionAndSendOtp]);
-    const submitLimitUpgrade = useCallback(async () => {
+    const submitLimitUpgrade = useCallback2(async () => {
       if (upgradeSubmitting) return;
       try {
         const dob = parseDobInput(dobInput);
@@ -4220,7 +4346,7 @@ var BuyWithApplePay = React5.forwardRef(
       startUpgradePolling,
       clearUpgradeFields
     ]);
-    const submitPhoneOtp = useCallback(async () => {
+    const submitPhoneOtp = useCallback2(async () => {
       if (!verificationSession || !clientSecret || phoneCode.length !== 6) return;
       if (otpSubmitting) return;
       setOtpError(null);
@@ -4288,7 +4414,7 @@ var BuyWithApplePay = React5.forwardRef(
       getViewForLimitStatus,
       applyLimitRouting
     ]);
-    const prepareSession = useCallback(
+    const prepareSession = useCallback2(
       async (token, amt) => {
         setErrorMessage("");
         if (!destinationChainType || !destinationChainId) {
@@ -5269,7 +5395,7 @@ function LegalDisclaimer({ legalAgreements, loading }) {
       children: [
         "By continuing, you agree to Coinbase's",
         " ",
-        agreements.map((a, idx, arr) => /* @__PURE__ */ jsxs11(React5.Fragment, { children: [
+        agreements.map((a, idx, arr) => /* @__PURE__ */ jsxs11(React6.Fragment, { children: [
           /* @__PURE__ */ jsx13(
             "a",
             {
@@ -5545,7 +5671,7 @@ function PayWithExchange({
 }
 
 // src/components/deposits/PayWithCashApp.tsx
-import { useState as useState15, useEffect as useEffect10, useCallback as useCallback2 } from "react";
+import { useState as useState15, useEffect as useEffect10, useCallback as useCallback3 } from "react";
 import { Copy, Check as Check3, Clock, RefreshCw, Loader2 as Loader23 } from "lucide-react";
 import {
   createCashAppSession,
@@ -5555,7 +5681,7 @@ import {
 } from "@unifold/core";
 
 // src/components/deposits/StyledQRCode.tsx
-import { useEffect as useEffect8, useRef as useRef4, useState as useState13, useMemo as useMemo4 } from "react";
+import { useEffect as useEffect8, useRef as useRef4, useState as useState13, useMemo as useMemo5 } from "react";
 import QRCodeStyling from "qr-code-styling";
 import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 function createQRConfig(value, size, imageUrl, imageSize, darkMode) {
@@ -5608,7 +5734,7 @@ function QRCodeSkeleton({ size = 180, darkMode = false }) {
   const spacing = size / gridCount;
   const fillColor = darkMode ? "rgba(255,255,255,0.10)" : "rgba(0,0,0,0.08)";
   const cornerColor = darkMode ? "rgba(255,255,255,0.14)" : "rgba(0,0,0,0.12)";
-  const dots = useMemo4(() => {
+  const dots = useMemo5(() => {
     const result = [];
     const cornerSize = 7;
     const centerStart = Math.floor(gridCount / 2) - 2;
@@ -5712,10 +5838,10 @@ function useIsMobileViewport() {
 }
 
 // src/hooks/use-cashapp-limits.ts
-import { useQuery as useQuery6 } from "@tanstack/react-query";
+import { useQuery as useQuery7 } from "@tanstack/react-query";
 import { getCashAppLimits } from "@unifold/core";
 function useCashAppLimits({ publishableKey, currency = "usd" }) {
-  return useQuery6({
+  return useQuery7({
     queryKey: ["unifold", "cashAppLimits", currency, publishableKey],
     queryFn: () => getCashAppLimits(currency, publishableKey),
     enabled: !!publishableKey,
@@ -5731,6 +5857,7 @@ var POLL_INTERVAL_MS2 = 5e3;
 var FALLBACK_MIN_USD = 5;
 var SUGGESTED_AMOUNTS = [25, 50, 100];
 var t3 = i18n.depositModal.cashApp;
+var sanitizePrefilledUsd = (value) => value?.replace(/[^0-9.]/g, "") ?? "";
 function PayWithCashApp({
   userId,
   publishableKey,
@@ -5745,6 +5872,7 @@ function PayWithCashApp({
   onEvent,
   onDepositSuccess,
   onDepositError,
+  prefilledAmountUsd,
   wallets = []
 }) {
   const { colors: colors2, fonts, components } = useTheme();
@@ -5760,14 +5888,14 @@ function PayWithCashApp({
   const { data: limits, isLoading: limitsLoading } = useCashAppLimits({ publishableKey });
   const minUsd = limits?.minimum_amount ?? FALLBACK_MIN_USD;
   const maxUsd = limits?.maximum_amount ?? null;
-  const [amount, setAmount] = useState15("");
+  const [amount, setAmount] = useState15(() => sanitizePrefilledUsd(prefilledAmountUsd));
   const [loading, setLoading] = useState15(false);
   const [session, setSession] = useState15(null);
   const [status, setStatus] = useState15("pending");
   const [error, setError] = useState15(null);
   const [copied, setCopied] = useState15(false);
   const [view, setViewInternal] = useState15(controlledView ?? "amount");
-  const setView = useCallback2(
+  const setView = useCallback3(
     (v) => {
       setViewInternal(v);
       onViewChange?.(v);
@@ -5797,7 +5925,7 @@ function PayWithCashApp({
     onDepositSuccess,
     onDepositError
   });
-  const handleAmountChange = useCallback2(
+  const handleAmountChange = useCallback3(
     (raw) => {
       const cleaned = raw.replace(/[^0-9.]/g, "");
       const parts = cleaned.split(".");
@@ -5809,7 +5937,7 @@ function PayWithCashApp({
     },
     [onAmountChange]
   );
-  const handleCreateSession = useCallback2(async () => {
+  const handleCreateSession = useCallback3(async () => {
     if (!amount || !recipientAddress || !destinationChainType || !destinationChainId || !destinationTokenAddress) {
       setError("Missing required fields");
       return;
@@ -5883,6 +6011,13 @@ function PayWithCashApp({
     return () => clearInterval(interval);
   }, [session, view, status, publishableKey, onDepositSuccess, onDepositError]);
   const [softExpired, setSoftExpired] = useState15(false);
+  useEffect10(() => {
+    if (!prefilledAmountUsd) return;
+    const cleaned = sanitizePrefilledUsd(prefilledAmountUsd);
+    if (!cleaned) return;
+    setAmount(cleaned);
+    onAmountChange?.(cleaned);
+  }, [prefilledAmountUsd, onAmountChange]);
   useEffect10(() => {
     if (!session?.expires_at || view !== "payment") return;
     const expiresMs = new Date(session.expires_at).getTime();
@@ -5897,12 +6032,12 @@ function PayWithCashApp({
     const interval = setInterval(tick, 1e3);
     return () => clearInterval(interval);
   }, [session, view, status]);
-  const handleCopy = useCallback2(async (text) => {
+  const handleCopy = useCallback3(async (text) => {
     await navigator.clipboard.writeText(text);
     setCopied(true);
     setTimeout(() => setCopied(false), 2e3);
   }, []);
-  const handleRecreate = useCallback2(() => {
+  const handleRecreate = useCallback3(() => {
     setSession(null);
     setStatus("pending");
     setError(null);
@@ -6233,18 +6368,19 @@ function PayWithCashApp({
 }
 
 // src/components/deposits/BankTransfer.tsx
-import { useEffect as useEffect11, useMemo as useMemo5, useState as useState16 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect11, useMemo as useMemo6, useRef as useRef5, useState as useState16 } from "react";
 import { ChevronRight as ChevronRight3, ExternalLink as ExternalLink3, Landmark } from "lucide-react";
 import {
   DepositEventType as DepositEventType5,
   getIconUrlWithCdn as getIconUrlWithCdn2,
   getOnrampSessionStartUrl as getOnrampSessionStartUrl2,
+  getFiatExchangeRates as getFiatExchangeRates2,
   getWalletByChainType as getWalletByChainType3,
   generatePrefixedKSUID as generatePrefixedKSUID5
 } from "@unifold/core";
 
 // src/hooks/use-bank-transfer-providers.ts
-import { useQuery as useQuery7 } from "@tanstack/react-query";
+import { useQuery as useQuery8 } from "@tanstack/react-query";
 import { getBankTransferProviders } from "@unifold/core";
 function useBankTransferProviders({
   publishableKey,
@@ -6252,7 +6388,7 @@ function useBankTransferProviders({
   countryCode
 }) {
   const normalizedCountry = countryCode?.toUpperCase();
-  const { data: providers, isLoading } = useQuery7({
+  const { data: providers, isLoading } = useQuery8({
     queryKey: ["unifold", "bankTransferProviders", publishableKey, normalizedCountry ?? null],
     queryFn: () => getBankTransferProviders(publishableKey, { countryCode: normalizedCountry }),
     enabled,
@@ -6293,7 +6429,8 @@ function BankTransfer({
   assetCdnUrl,
   onDepositSuccess,
   onEvent,
-  onDepositError
+  onDepositError,
+  prefilledAmountUsd
 }) {
   const { colors: colors2, fonts, components } = useTheme();
   const [internalView, setInternalView] = useState16("providers");
@@ -6303,6 +6440,10 @@ function BankTransfer({
   const [requestBase, setRequestBase] = useState16(null);
   const [activeRequest, setActiveRequest] = useState16(null);
   const [amount, setAmount] = useState16("");
+  const [fiatExchangeRates, setFiatExchangeRates] = useState16({
+    usd: 1
+  });
+  const providerSelectionRequestIdRef = useRef5(0);
   const currentView = externalView ?? internalView;
   const setView = (v) => {
     setInternalView(v);
@@ -6327,7 +6468,7 @@ function BankTransfer({
     countryCode: userIpInfo?.alpha2
   });
   const providers = providersResponse?.data ?? [];
-  const pollingWalletId = useMemo5(() => {
+  const pollingWalletId = useMemo6(() => {
     if (!defaultToken) return void 0;
     return getWalletByChainType3(
       wallets,
@@ -6348,11 +6489,42 @@ function BankTransfer({
   const currencySymbol = getCurrencySymbol2(sourceCurrency);
   const parsedAmount = parseFloat(amount);
   const amountValid = !!amount && Number.isFinite(parsedAmount) && parsedAmount >= MIN_AMOUNT;
-  const displayTokenSymbol = useMemo5(
+  const displayTokenSymbol = useMemo6(
     () => destinationTokenSymbol?.toUpperCase() ?? defaultToken?.destination_token_metadata?.symbol?.toUpperCase() ?? defaultToken?.destination_currency?.toUpperCase() ?? "USDC",
     [destinationTokenSymbol, defaultToken]
   );
-  const handleProviderClick = (provider) => {
+  const resolvePrefilledSourceAmount = useCallback4(
+    async (sourceCurrencyCode) => {
+      const cleanedPrefilled = prefilledAmountUsd?.replace(/[^0-9.]/g, "") ?? "";
+      if (!cleanedPrefilled) return "";
+      const prefilledUsd = parseFloat(cleanedPrefilled);
+      if (!Number.isFinite(prefilledUsd) || prefilledUsd <= 0) return "";
+      const sourceCurrency2 = sourceCurrencyCode.toLowerCase();
+      let rate = sourceCurrency2 === "usd" ? 1 : fiatExchangeRates[sourceCurrency2];
+      if ((!rate || rate <= 0) && sourceCurrency2 !== "usd") {
+        try {
+          const response = await getFiatExchangeRates2({}, publishableKey);
+          if (response?.rates) {
+            setFiatExchangeRates((prev) => ({
+              ...prev,
+              ...response.rates,
+              usd: 1
+            }));
+          }
+          const fetchedRate = response.rates?.[sourceCurrency2];
+          if (Number.isFinite(fetchedRate) && fetchedRate > 0) {
+            rate = fetchedRate;
+          }
+        } catch (error) {
+          console.error("Error fetching fiat exchange rates for bank transfer:", error);
+        }
+      }
+      if (!rate || rate <= 0) return sourceCurrency2 === "usd" ? cleanedPrefilled : "";
+      return parseFloat((prefilledUsd * rate).toFixed(2)).toString();
+    },
+    [fiatExchangeRates, prefilledAmountUsd, publishableKey]
+  );
+  const handleProviderClick = async (provider) => {
     if (!provider.enabled) return;
     setSessionError(null);
     if (!defaultToken) {
@@ -6371,6 +6543,7 @@ function BankTransfer({
       });
       return;
     }
+    const requestId = ++providerSelectionRequestIdRef.current;
     setRequestBase({
       service_provider: provider.service_provider,
       country_code: (userIpInfo?.alpha2 || "DE").toUpperCase(),
@@ -6384,7 +6557,10 @@ function BankTransfer({
       payment_method: provider.payment_methods[0]
     });
     setActiveProvider(provider);
-    setAmount("100");
+    const convertedPrefilled = await resolvePrefilledSourceAmount(provider.source_currency);
+    if (requestId !== providerSelectionRequestIdRef.current) return;
+    const hasPrefilledAmount = !!prefilledAmountUsd?.replace(/[^0-9.]/g, "");
+    setAmount(hasPrefilledAmount ? convertedPrefilled : "100");
     setView("amount");
   };
   const handleAmountChange = (value) => {
@@ -6482,7 +6658,7 @@ function BankTransfer({
                   return /* @__PURE__ */ jsxs15(
                     "button",
                     {
-                      onClick: () => handleProviderClick(provider),
+                      onClick: () => void handleProviderClick(provider),
                       onMouseEnter: () => !disabled && setHoveredId(provider.service_provider),
                       onMouseLeave: () => setHoveredId(null),
                       disabled,
@@ -7051,7 +7227,7 @@ function DepositExecutionItem({ execution, onClick }) {
 }
 
 // src/components/deposits/buttons/TransferCryptoButton.tsx
-import * as React6 from "react";
+import * as React7 from "react";
 import { Zap, ChevronRight as ChevronRight5 } from "lucide-react";
 import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 function TransferCryptoButton({
@@ -7061,9 +7237,9 @@ function TransferCryptoButton({
   featuredTokens
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const [isHovered, setIsHovered] = React6.useState(false);
-  const [isTouchDevice, setIsTouchDevice] = React6.useState(false);
-  React6.useEffect(() => {
+  const [isHovered, setIsHovered] = React7.useState(false);
+  const [isTouchDevice, setIsTouchDevice] = React7.useState(false);
+  React7.useEffect(() => {
     setIsTouchDevice("ontouchstart" in window || navigator.maxTouchPoints > 0);
   }, []);
   const sortedTokens = featuredTokens ? [...featuredTokens].sort((a, b) => a.position - b.position) : [];
@@ -7138,7 +7314,7 @@ function TransferCryptoButton({
 }
 
 // src/components/deposits/buttons/DepositWithCardButton.tsx
-import * as React7 from "react";
+import * as React8 from "react";
 import { CreditCard, ChevronRight as ChevronRight6 } from "lucide-react";
 import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
 function DepositWithCardButton({
@@ -7148,9 +7324,9 @@ function DepositWithCardButton({
   paymentNetworks
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const [isHovered, setIsHovered] = React7.useState(false);
-  const [isTouchDevice, setIsTouchDevice] = React7.useState(false);
-  React7.useEffect(() => {
+  const [isHovered, setIsHovered] = React8.useState(false);
+  const [isTouchDevice, setIsTouchDevice] = React8.useState(false);
+  React8.useEffect(() => {
     setIsTouchDevice("ontouchstart" in window || navigator.maxTouchPoints > 0);
   }, []);
   return /* @__PURE__ */ jsxs18(
@@ -7223,7 +7399,7 @@ function DepositWithCardButton({
 }
 
 // src/components/deposits/buttons/PayWithExchangeButton.tsx
-import * as React8 from "react";
+import * as React9 from "react";
 import { ArrowLeftRight, ChevronRight as ChevronRight7 } from "lucide-react";
 import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
 function PayWithExchangeButton({
@@ -7234,9 +7410,9 @@ function PayWithExchangeButton({
   loading = false
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const [isHovered, setIsHovered] = React8.useState(false);
-  const [isTouchDevice, setIsTouchDevice] = React8.useState(false);
-  React8.useEffect(() => {
+  const [isHovered, setIsHovered] = React9.useState(false);
+  const [isTouchDevice, setIsTouchDevice] = React9.useState(false);
+  React9.useEffect(() => {
     setIsTouchDevice("ontouchstart" in window || navigator.maxTouchPoints > 0);
   }, []);
   if (loading) {
@@ -7315,11 +7491,11 @@ function PayWithExchangeButton({
 }
 
 // src/components/deposits/buttons/ConnectExchangeButton.tsx
-import * as React10 from "react";
+import * as React11 from "react";
 import { Link2, ChevronRight as ChevronRight8 } from "lucide-react";
 
 // src/components/shared/button.tsx
-import * as React9 from "react";
+import * as React10 from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import { jsx as jsx22 } from "react/jsx-runtime";
@@ -7348,11 +7524,11 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React9.forwardRef(
+var Button = React10.forwardRef(
   ({ className, variant, size, asChild = false, style, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
     const { components, fonts } = useTheme();
-    const themeStyle = React9.useMemo(() => {
+    const themeStyle = React10.useMemo(() => {
       const baseStyle = { ...style };
       if (variant === "default" || !variant) {
         baseStyle.backgroundColor = components.button.primaryBackground;
@@ -7390,9 +7566,9 @@ function ConnectExchangeButton({
   connectedExchange
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const [isHovered, setIsHovered] = React10.useState(false);
-  const [isTouchDevice, setIsTouchDevice] = React10.useState(false);
-  React10.useEffect(() => {
+  const [isHovered, setIsHovered] = React11.useState(false);
+  const [isTouchDevice, setIsTouchDevice] = React11.useState(false);
+  React11.useEffect(() => {
     setIsTouchDevice("ontouchstart" in window || navigator.maxTouchPoints > 0);
   }, []);
   const isConnected = connectedExchange != null;
@@ -7532,7 +7708,7 @@ function ConnectExchangeButton({
 }
 
 // src/components/deposits/buttons/DepositTrackerButton.tsx
-import * as React11 from "react";
+import * as React12 from "react";
 import { Clock as Clock2, ChevronRight as ChevronRight9 } from "lucide-react";
 import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
 function DepositTrackerButton({
@@ -7542,9 +7718,9 @@ function DepositTrackerButton({
   badge
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const [isHovered, setIsHovered] = React11.useState(false);
-  const [isTouchDevice, setIsTouchDevice] = React11.useState(false);
-  React11.useEffect(() => {
+  const [isHovered, setIsHovered] = React12.useState(false);
+  const [isTouchDevice, setIsTouchDevice] = React12.useState(false);
+  React12.useEffect(() => {
     setIsTouchDevice("ontouchstart" in window || navigator.maxTouchPoints > 0);
   }, []);
   return /* @__PURE__ */ jsxs21(
@@ -7615,14 +7791,14 @@ function DepositTrackerButton({
 }
 
 // src/components/deposits/buttons/CashAppButton.tsx
-import * as React12 from "react";
+import * as React13 from "react";
 import { ChevronRight as ChevronRight10 } from "lucide-react";
 import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
 function CashAppButton({ onClick, title, subtitle, iconUrl }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const [isHovered, setIsHovered] = React12.useState(false);
-  const [isTouchDevice, setIsTouchDevice] = React12.useState(false);
-  React12.useEffect(() => {
+  const [isHovered, setIsHovered] = React13.useState(false);
+  const [isTouchDevice, setIsTouchDevice] = React13.useState(false);
+  React13.useEffect(() => {
     setIsTouchDevice("ontouchstart" in window || navigator.maxTouchPoints > 0);
   }, []);
   return /* @__PURE__ */ jsxs22(
@@ -7686,7 +7862,7 @@ function CashAppButton({ onClick, title, subtitle, iconUrl }) {
 }
 
 // src/components/deposits/buttons/ApplePayButton.tsx
-import * as React13 from "react";
+import * as React14 from "react";
 import { ChevronRight as ChevronRight11 } from "lucide-react";
 import { jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
 function AppleLogo({ className, style }) {
@@ -7711,9 +7887,9 @@ function AppleLogo({ className, style }) {
 }
 function ApplePayButton({ onClick, title, subtitle }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const [isHovered, setIsHovered] = React13.useState(false);
-  const [isTouchDevice, setIsTouchDevice] = React13.useState(false);
-  React13.useEffect(() => {
+  const [isHovered, setIsHovered] = React14.useState(false);
+  const [isTouchDevice, setIsTouchDevice] = React14.useState(false);
+  React14.useEffect(() => {
     setIsTouchDevice("ontouchstart" in window || navigator.maxTouchPoints > 0);
   }, []);
   return /* @__PURE__ */ jsxs23(
@@ -7770,7 +7946,7 @@ function ApplePayButton({ onClick, title, subtitle }) {
 }
 
 // src/components/deposits/buttons/BankTransferButton.tsx
-import * as React14 from "react";
+import * as React15 from "react";
 import { Landmark as Landmark2, ChevronRight as ChevronRight12 } from "lucide-react";
 import { jsx as jsx27, jsxs as jsxs24 } from "react/jsx-runtime";
 function BankTransferButton({
@@ -7780,9 +7956,9 @@ function BankTransferButton({
   comingSoon = false
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const [isHovered, setIsHovered] = React14.useState(false);
-  const [isTouchDevice, setIsTouchDevice] = React14.useState(false);
-  React14.useEffect(() => {
+  const [isHovered, setIsHovered] = React15.useState(false);
+  const [isTouchDevice, setIsTouchDevice] = React15.useState(false);
+  React15.useEffect(() => {
     setIsTouchDevice("ontouchstart" in window || navigator.maxTouchPoints > 0);
   }, []);
   return /* @__PURE__ */ jsxs24(
@@ -7840,7 +8016,7 @@ function BankTransferButton({
 }
 
 // src/components/deposits/buttons/BrowserWalletButton.tsx
-import * as React28 from "react";
+import * as React29 from "react";
 import { Wallet, ChevronRight as ChevronRight13, Loader2 as Loader24 } from "lucide-react";
 import { getAddressBalances } from "@unifold/core";
 
@@ -7895,7 +8071,7 @@ function collectAllEip6963EthProviders() {
 }
 
 // src/components/deposits/browser-wallets/useDetectedBrowserWallet.ts
-import * as React15 from "react";
+import * as React16 from "react";
 
 // src/components/deposits/browser-wallets/detectConnectedWallet.ts
 function identifyEthWallet(provider, hint) {
@@ -8046,18 +8222,18 @@ async function detectConnectedBrowserWallet(chainType) {
 // src/components/deposits/browser-wallets/useDetectedBrowserWallet.ts
 function useDetectedBrowserWallet(opts = {}) {
   const { chainType, enabled = true, onDisconnect } = opts;
-  const [wallet, setWallet] = React15.useState(null);
-  const [isLoading, setIsLoading] = React15.useState(enabled);
-  const [eip6963ProviderCount, setEip6963ProviderCount] = React15.useState(0);
-  const onDisconnectRef = React15.useRef(onDisconnect);
+  const [wallet, setWallet] = React16.useState(null);
+  const [isLoading, setIsLoading] = React16.useState(enabled);
+  const [eip6963ProviderCount, setEip6963ProviderCount] = React16.useState(0);
+  const onDisconnectRef = React16.useRef(onDisconnect);
   onDisconnectRef.current = onDisconnect;
-  React15.useEffect(() => {
+  React16.useEffect(() => {
     const store = getEip6963Store();
     if (!store) return;
     setEip6963ProviderCount(store.getProviders().length);
     return store.subscribe((providers) => setEip6963ProviderCount(providers.length));
   }, []);
-  React15.useEffect(() => {
+  React16.useEffect(() => {
     if (!enabled) {
       setWallet(null);
       setIsLoading(false);
@@ -8201,10 +8377,10 @@ async function disconnectInjectedBrowserWallet(wallet) {
 }
 
 // src/resources/icons/MetamaskIcon.tsx
-import * as React16 from "react";
+import * as React17 from "react";
 import { jsx as jsx28, jsxs as jsxs25 } from "react/jsx-runtime";
 function MetamaskIcon({ size = 24, className, variant = "color" }) {
-  const id = React16.useId();
+  const id = React17.useId();
   if (variant === "light" || variant === "dark") {
     return /* @__PURE__ */ jsxs25(
       "svg",
@@ -8326,10 +8502,10 @@ function MetamaskIcon({ size = 24, className, variant = "color" }) {
 }
 
 // src/resources/icons/PhantomIcon.tsx
-import * as React17 from "react";
+import * as React18 from "react";
 import { jsx as jsx29, jsxs as jsxs26 } from "react/jsx-runtime";
 function PhantomIcon({ size = 24, className, variant = "color" }) {
-  const id = React17.useId();
+  const id = React18.useId();
   if (variant === "light") {
     return /* @__PURE__ */ jsx29(
       "svg",
@@ -8397,10 +8573,10 @@ function PhantomIcon({ size = 24, className, variant = "color" }) {
 }
 
 // src/resources/icons/CoinbaseIcon.tsx
-import * as React18 from "react";
+import * as React19 from "react";
 import { jsx as jsx30, jsxs as jsxs27 } from "react/jsx-runtime";
 function CoinbaseIcon({ size = 24, className, variant = "color" }) {
-  const id = React18.useId();
+  const id = React19.useId();
   if (variant === "light") {
     return /* @__PURE__ */ jsxs27(
       "svg",
@@ -8481,10 +8657,10 @@ function CoinbaseIcon({ size = 24, className, variant = "color" }) {
 }
 
 // src/resources/icons/RabbyIcon.tsx
-import * as React19 from "react";
+import * as React20 from "react";
 import { jsx as jsx31, jsxs as jsxs28 } from "react/jsx-runtime";
 function RabbyIcon({ size = 24, className, variant = "color" }) {
-  const id = React19.useId();
+  const id = React20.useId();
   if (variant === "light") {
     return /* @__PURE__ */ jsxs28(
       "svg",
@@ -8832,10 +9008,10 @@ function RabbyIcon({ size = 24, className, variant = "color" }) {
 }
 
 // src/resources/icons/RainbowIcon.tsx
-import * as React20 from "react";
+import * as React21 from "react";
 import { jsx as jsx32, jsxs as jsxs29 } from "react/jsx-runtime";
 function RainbowIcon({ size = 24, className, variant = "color" }) {
-  const id = React20.useId();
+  const id = React21.useId();
   if (variant === "light") {
     return /* @__PURE__ */ jsxs29(
       "svg",
@@ -9250,10 +9426,10 @@ function RainbowIcon({ size = 24, className, variant = "color" }) {
 }
 
 // src/resources/icons/TrustIcon.tsx
-import * as React21 from "react";
+import * as React22 from "react";
 import { jsx as jsx33, jsxs as jsxs30 } from "react/jsx-runtime";
 function TrustIcon({ size = 24, className, variant = "color" }) {
-  const id = React21.useId();
+  const id = React22.useId();
   if (variant === "light") {
     return /* @__PURE__ */ jsx33(
       "svg",
@@ -9337,10 +9513,10 @@ function TrustIcon({ size = 24, className, variant = "color" }) {
 }
 
 // src/resources/icons/OkxIcon.tsx
-import * as React22 from "react";
+import * as React23 from "react";
 import { jsx as jsx34, jsxs as jsxs31 } from "react/jsx-runtime";
 function OkxIcon({ size = 24, className, variant = "color" }) {
-  const id = React22.useId();
+  const id = React23.useId();
   if (variant === "light") {
     return /* @__PURE__ */ jsx34(
       "svg",
@@ -9396,10 +9572,10 @@ function OkxIcon({ size = 24, className, variant = "color" }) {
 }
 
 // src/resources/icons/GlowIcon.tsx
-import * as React23 from "react";
+import * as React24 from "react";
 import { jsx as jsx35, jsxs as jsxs32 } from "react/jsx-runtime";
 function GlowIcon({ size = 24, className, variant = "color" }) {
-  const id = React23.useId();
+  const id = React24.useId();
   if (variant === "light") {
     return /* @__PURE__ */ jsx35(
       "svg",
@@ -9501,10 +9677,10 @@ function GlowIcon({ size = 24, className, variant = "color" }) {
 }
 
 // src/resources/icons/BackpackIcon.tsx
-import * as React24 from "react";
+import * as React25 from "react";
 import { jsx as jsx36, jsxs as jsxs33 } from "react/jsx-runtime";
 function BackpackIcon({ size = 24, className, variant = "color" }) {
-  const id = React24.useId();
+  const id = React25.useId();
   if (variant === "light") {
     return /* @__PURE__ */ jsx36(
       "svg",
@@ -9578,10 +9754,10 @@ function BackpackIcon({ size = 24, className, variant = "color" }) {
 }
 
 // src/resources/icons/SolflareIcon.tsx
-import * as React25 from "react";
+import * as React26 from "react";
 import { jsx as jsx37, jsxs as jsxs34 } from "react/jsx-runtime";
 function SolflareIcon({ size = 24, className, variant = "color" }) {
-  const id = React25.useId();
+  const id = React26.useId();
   if (variant === "light") {
     return /* @__PURE__ */ jsx37(
       "svg",
@@ -9649,10 +9825,10 @@ function SolflareIcon({ size = 24, className, variant = "color" }) {
 }
 
 // src/resources/icons/EthereumIcon.tsx
-import * as React26 from "react";
+import * as React27 from "react";
 import { jsx as jsx38, jsxs as jsxs35 } from "react/jsx-runtime";
 function EthereumIcon({ size = 24, className, variant = "color" }) {
-  const id = React26.useId();
+  const id = React27.useId();
   if (variant === "light") {
     return /* @__PURE__ */ jsxs35(
       "svg",
@@ -9777,10 +9953,10 @@ function EthereumIcon({ size = 24, className, variant = "color" }) {
 }
 
 // src/resources/icons/SolanaIcon.tsx
-import * as React27 from "react";
+import * as React28 from "react";
 import { jsx as jsx39, jsxs as jsxs36 } from "react/jsx-runtime";
 function SolanaIcon({ size = 24, className, variant = "color" }) {
-  const id = React27.useId();
+  const id = React28.useId();
   if (variant === "light") {
     return /* @__PURE__ */ jsx39(
       "svg",
@@ -10031,19 +10207,19 @@ function BrowserWalletButton({
   subtitle = i18n.depositModal.browserWallet.subtitle
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const [isHovered, setIsHovered] = React28.useState(false);
-  const [isTouchDevice, setIsTouchDevice] = React28.useState(false);
+  const [isHovered, setIsHovered] = React29.useState(false);
+  const [isTouchDevice, setIsTouchDevice] = React29.useState(false);
   const { wallet, isLoading, setWallet } = useDetectedBrowserWallet({ chainType, onDisconnect });
-  const [isConnecting, setIsConnecting] = React28.useState(false);
-  const [balanceText, setBalanceText] = React28.useState(null);
-  const [isLoadingBalance, setIsLoadingBalance] = React28.useState(false);
-  const [isDisconnecting, setIsDisconnecting] = React28.useState(false);
-  const onDisconnectRef = React28.useRef(onDisconnect);
+  const [isConnecting, setIsConnecting] = React29.useState(false);
+  const [balanceText, setBalanceText] = React29.useState(null);
+  const [isLoadingBalance, setIsLoadingBalance] = React29.useState(false);
+  const [isDisconnecting, setIsDisconnecting] = React29.useState(false);
+  const onDisconnectRef = React29.useRef(onDisconnect);
   onDisconnectRef.current = onDisconnect;
-  React28.useEffect(() => {
+  React29.useEffect(() => {
     setIsTouchDevice("ontouchstart" in window || navigator.maxTouchPoints > 0);
   }, []);
-  React28.useEffect(() => {
+  React29.useEffect(() => {
     if (!wallet || !publishableKey) {
       setBalanceText(null);
       return;
@@ -10170,7 +10346,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] ? React28.createElement(WALLET_ICON_COMPONENTS[wallet.icon], {
+  const walletIconBlock = wallet ? WALLET_ICON_COMPONENTS[wallet.icon] ? React29.createElement(WALLET_ICON_COMPONENTS[wallet.icon], {
     size: 36,
     className: "uf-rounded-lg",
     variant: "color"
@@ -10315,7 +10491,7 @@ function BrowserWalletButton({
 }
 
 // src/components/deposits/buttons/StripeLinkButton.tsx
-import * as React29 from "react";
+import * as React30 from "react";
 import { ChevronRight as ChevronRight14 } from "lucide-react";
 import { jsx as jsx42, jsxs as jsxs39 } from "react/jsx-runtime";
 var t4 = i18n.depositModal.stripeLink;
@@ -10326,9 +10502,9 @@ function StripeLinkButton({
   iconUrl
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const [isHovered, setIsHovered] = React29.useState(false);
-  const [isTouchDevice, setIsTouchDevice] = React29.useState(false);
-  React29.useEffect(() => {
+  const [isHovered, setIsHovered] = React30.useState(false);
+  const [isTouchDevice, setIsTouchDevice] = React30.useState(false);
+  React30.useEffect(() => {
     setIsTouchDevice("ontouchstart" in window || navigator.maxTouchPoints > 0);
   }, []);
   return /* @__PURE__ */ jsxs39(
@@ -10398,7 +10574,7 @@ function StripeLinkButton({
 }
 
 // src/components/deposits/stripe-link/PayWithStripeLink.tsx
-import { useState as useState29, useEffect as useEffect24, useCallback as useCallback4, useRef as useRef8 } from "react";
+import { useState as useState29, useEffect as useEffect24, useCallback as useCallback6, useRef as useRef9 } from "react";
 import {
   Loader2 as Loader25,
   CreditCard as CreditCard3,
@@ -10635,17 +10811,17 @@ import {
 } from "@unifold/core";
 
 // src/components/deposits/stripe-link/use-stripe-onramp.ts
-import { useState as useState28, useEffect as useEffect23, useRef as useRef7, useCallback as useCallback3 } from "react";
+import { useState as useState28, useEffect as useEffect23, useRef as useRef8, useCallback as useCallback5 } from "react";
 function useStripeOnramp(stripePublishableKey, isDark = false) {
   const [coordinator, setCoordinator] = useState28(null);
   const [isLoading, setIsLoading] = useState28(false);
   const [error, setError] = useState28(null);
-  const coordinatorRef = useRef7(null);
-  const coordinatorThemeRef = useRef7(null);
-  const initPromiseRef = useRef7(null);
-  const isDarkRef = useRef7(isDark);
+  const coordinatorRef = useRef8(null);
+  const coordinatorThemeRef = useRef8(null);
+  const initPromiseRef = useRef8(null);
+  const isDarkRef = useRef8(isDark);
   isDarkRef.current = isDark;
-  const initialize = useCallback3(() => {
+  const initialize = useCallback5(() => {
     if (coordinatorRef.current) return Promise.resolve(coordinatorRef.current);
     if (initPromiseRef.current) return initPromiseRef.current;
     if (!stripePublishableKey) return Promise.resolve(null);
@@ -10858,6 +11034,8 @@ function PayWithStripeLink({
   destinationChainType,
   destinationChainId,
   destinationTokenAddress,
+  countryCode,
+  subdivisionCode,
   wallets: externalWallets,
   email: emailProp,
   iconUrl,
@@ -10869,14 +11047,14 @@ function PayWithStripeLink({
 }) {
   const { colors: colors2, fonts, components, isDark } = useTheme();
   const [step, setStepInternal] = useState29(controlledStep ?? "amount");
-  const setStep = useCallback4(
+  const setStep = useCallback6(
     (s) => {
       setStepInternal(s);
       onStepChange?.(s);
     },
     [onStepChange]
   );
-  const stepRef = useRef8(step);
+  const stepRef = useRef9(step);
   stepRef.current = step;
   useEffect24(() => {
     if (controlledStep && controlledStep !== step) {
@@ -10967,20 +11145,20 @@ function PayWithStripeLink({
   const [restoring, setRestoring] = useState29(true);
   const [errorReturnStep, setErrorReturnStep] = useState29("email");
   const [authIntentId, setAuthIntentId] = useState29(null);
-  const sdkAuthenticatedRef = useRef8(false);
-  const everAuthenticatedRef = useRef8(false);
-  const reauthReturnStepRef = useRef8(null);
-  const attemptedWalletReauthRef = useRef8(false);
-  const pendingAddPaymentRef = useRef8(false);
-  const autoOpenedAddPaymentRef = useRef8(false);
-  const checkoutGenRef = useRef8(0);
+  const sdkAuthenticatedRef = useRef9(false);
+  const everAuthenticatedRef = useRef9(false);
+  const reauthReturnStepRef = useRef9(null);
+  const attemptedWalletReauthRef = useRef9(false);
+  const pendingAddPaymentRef = useRef9(false);
+  const autoOpenedAddPaymentRef = useRef9(false);
+  const checkoutGenRef = useRef9(0);
   const [stripePaymentUIReady, setStripePaymentUIReady] = useState29(false);
   const [oauthToken, setOauthToken] = useState29(null);
   const [refreshTokenValue, setRefreshTokenValue] = useState29(null);
   const [customerId, setCustomerId] = useState29(null);
-  const accessTokenRef = useRef8("");
-  const refreshTokenRef = useRef8("");
-  const persistSession = useCallback4(
+  const accessTokenRef = useRef9("");
+  const refreshTokenRef = useRef9("");
+  const persistSession = useCallback6(
     (cid, token, refresh, expiresIn, loginEmail) => {
       accessTokenRef.current = token;
       refreshTokenRef.current = refresh;
@@ -10994,8 +11172,8 @@ function PayWithStripeLink({
     },
     [userId, email]
   );
-  const refreshInFlightRef = useRef8(null);
-  const tryRefreshToken = useCallback4(async () => {
+  const refreshInFlightRef = useRef9(null);
+  const tryRefreshToken = useCallback6(async () => {
     if (refreshInFlightRef.current) return refreshInFlightRef.current;
     const rt = refreshTokenRef.current;
     if (!rt) return null;
@@ -11025,7 +11203,7 @@ function PayWithStripeLink({
     refreshInFlightRef.current = doRefresh();
     return refreshInFlightRef.current;
   }, [publishableKey, customerId, persistSession, userId]);
-  const withTokenRefresh = useCallback4(
+  const withTokenRefresh = useCallback6(
     async (fn) => {
       const token = accessTokenRef.current;
       if (!token) {
@@ -11187,8 +11365,8 @@ function PayWithStripeLink({
   );
   const [selectedPaymentToken, setSelectedPaymentToken] = useState29(null);
   const [paymentDisplay, setPaymentDisplay] = useState29(null);
-  const selectedTokenSingleUseRef = useRef8(false);
-  const selectPaymentToken = useCallback4(
+  const selectedTokenSingleUseRef = useRef9(false);
+  const selectPaymentToken = useCallback6(
     (token) => {
       selectedTokenSingleUseRef.current = !!token.singleUse;
       setSelectedPaymentToken(token.id);
@@ -11200,7 +11378,7 @@ function PayWithStripeLink({
     },
     [customerId]
   );
-  const clearSelectedPaymentToken = useCallback4(() => {
+  const clearSelectedPaymentToken = useCallback6(() => {
     selectedTokenSingleUseRef.current = false;
     const persisted = customerId ? getStoredSelectedToken(customerId) : null;
     if (persisted && !persisted.singleUse) {
@@ -11252,7 +11430,9 @@ function PayWithStripeLink({
       {
         tokenAddress: destinationTokenAddress,
         chainId: destinationChainId,
-        chainType: destinationChainType
+        chainType: destinationChainType,
+        countryCode,
+        subdivisionCode
       },
       publishableKey
     ).then((token) => {
@@ -11271,10 +11451,17 @@ function PayWithStripeLink({
     return () => {
       cancelled = true;
     };
-  }, [publishableKey, destinationTokenAddress, destinationChainId, destinationChainType]);
+  }, [
+    publishableKey,
+    destinationTokenAddress,
+    destinationChainId,
+    destinationChainType,
+    countryCode,
+    subdivisionCode
+  ]);
   const destinationCurrency = stripeDestCurrency;
-  const authInnerRef = useRef8(null);
-  const paymentInnerRef = useRef8(null);
+  const authInnerRef = useRef9(null);
+  const paymentInnerRef = useRef9(null);
   const [authReady, setAuthReady] = useState29(false);
   if (typeof document !== "undefined" && !authInnerRef.current) {
     authInnerRef.current = document.createElement("div");
@@ -11282,12 +11469,12 @@ function PayWithStripeLink({
   if (typeof document !== "undefined" && !paymentInnerRef.current) {
     paymentInnerRef.current = document.createElement("div");
   }
-  const authMountRef = useCallback4((node) => {
+  const authMountRef = useCallback6((node) => {
     if (node && !node.contains(authInnerRef.current)) {
       node.appendChild(authInnerRef.current);
     }
   }, []);
-  const paymentMountRef = useCallback4((node) => {
+  const paymentMountRef = useCallback6((node) => {
     if (node && !node.contains(paymentInnerRef.current)) {
       node.appendChild(paymentInnerRef.current);
     }
@@ -11338,8 +11525,8 @@ function PayWithStripeLink({
   });
   const [confirmedSessionId, setConfirmedSessionId] = useState29(null);
   const [sessionStatus, setSessionStatus] = useState29(null);
-  const handledTerminalSessionRef = useRef8(null);
-  const executionReconciledSessionRef = useRef8(null);
+  const handledTerminalSessionRef = useRef9(null);
+  const executionReconciledSessionRef = useRef9(null);
   const hasExecution = executions.length > 0;
   const isSessionFulfilled = sessionStatus === STRIPE_SESSION_STATUS.FULFILLMENT_COMPLETE || hasExecution;
   const isSessionFailed = !hasExecution && (sessionStatus === STRIPE_SESSION_STATUS.REJECTED || sessionStatus === STRIPE_SESSION_STATUS.EXPIRED);
@@ -11457,7 +11644,7 @@ function PayWithStripeLink({
     sdkAuthenticatedRef.current = false;
     attemptedWalletReauthRef.current = false;
   }, [coordinator]);
-  const handleAuthInterrupted = useCallback4(
+  const handleAuthInterrupted = useCallback6(
     (message) => {
       const alreadySignedIn = !!accessTokenRef.current;
       if (alreadySignedIn || emailProp) {
@@ -11470,7 +11657,7 @@ function PayWithStripeLink({
     },
     [emailProp, setStep]
   );
-  const reauthenticateSdk = useCallback4(async () => {
+  const reauthenticateSdk = useCallback6(async () => {
     const current = stepRef.current;
     const preAuthSteps = ["email", "register", "auth"];
     reauthReturnStepRef.current = preAuthSteps.includes(current) ? null : current;
@@ -12169,14 +12356,14 @@ function PayWithStripeLink({
   };
   const [quote, setQuote] = useState29(null);
   const [quoteLoading, setQuoteLoading] = useState29(false);
-  const quoteTimerRef = useRef8(null);
+  const quoteTimerRef = useRef9(null);
   const [sessionForCheckout, setSessionForCheckoutState] = useState29(null);
-  const sessionForCheckoutRef = useRef8(sessionForCheckout);
+  const sessionForCheckoutRef = useRef9(sessionForCheckout);
   const setSessionForCheckout = (s) => {
     sessionForCheckoutRef.current = s;
     setSessionForCheckoutState(s);
   };
-  const loadAndSelectPreferredToken = useCallback4(async () => {
+  const loadAndSelectPreferredToken = useCallback6(async () => {
     if (!customerId) return;
     try {
       const existing = await withTokenRefresh(
@@ -12206,7 +12393,7 @@ function PayWithStripeLink({
   };
   const [quoteError, setQuoteError] = useState29(null);
   const [quoteNonce, setQuoteNonce] = useState29(0);
-  const quoteNonceAtReviewRef = useRef8(quoteNonce);
+  const quoteNonceAtReviewRef = useRef9(quoteNonce);
   const [purchaseLimit, setPurchaseLimit] = useState29(null);
   const [limitReachedAmount, setLimitReachedAmount] = useState29(null);
   const [requiredStepUp, setRequiredStepUp] = useState29(null);
@@ -14121,7 +14308,7 @@ function PayWithStripeLink({
 }
 
 // src/components/deposits/CoinbaseConnect.tsx
-import { useState as useState30, useEffect as useEffect25, useCallback as useCallback5, useMemo as useMemo7, useRef as useRef9 } from "react";
+import { useState as useState30, useEffect as useEffect25, useCallback as useCallback7, useMemo as useMemo8, useRef as useRef10 } from "react";
 import {
   ChevronRight as ChevronRight15,
   ChevronDown as ChevronDown4,
@@ -14144,7 +14331,7 @@ import {
 } from "@unifold/core";
 
 // src/hooks/use-project-config.ts
-import { useQuery as useQuery8, keepPreviousData } from "@tanstack/react-query";
+import { useQuery as useQuery9, keepPreviousData } from "@tanstack/react-query";
 import { getProjectConfig } from "@unifold/core";
 function useProjectConfig({
   publishableKey,
@@ -14156,7 +14343,7 @@ function useProjectConfig({
     data: projectConfig,
     isLoading,
     error
-  } = useQuery8({
+  } = useQuery9({
     // Country is part of the key so a region change refetches the region-aware
     // config. Omitted when undefined so callers that don't pass a country keep
     // sharing the base cache entry.
@@ -14175,7 +14362,7 @@ function useProjectConfig({
 }
 
 // src/hooks/use-supported-deposit-tokens.ts
-import { useQuery as useQuery9 } from "@tanstack/react-query";
+import { useQuery as useQuery10 } from "@tanstack/react-query";
 import {
   getSupportedDepositTokens
 } from "@unifold/core";
@@ -14190,7 +14377,7 @@ function useSupportedDepositTokens(publishableKey, options) {
     ...options?.product_type ? { product_type: options.product_type } : {}
   };
   const hasFilteredOptions = Object.keys(filteredOptions).length > 0;
-  return useQuery9({
+  return useQuery10({
     queryKey: [
       "unifold",
       "supportedDepositTokens",
@@ -14211,7 +14398,7 @@ function useSupportedDepositTokens(publishableKey, options) {
 }
 
 // src/hooks/use-integration-transfer-default-token.ts
-import { useQuery as useQuery10 } from "@tanstack/react-query";
+import { useQuery as useQuery11 } from "@tanstack/react-query";
 import {
   getIntegrationTransferDefaultToken
 } from "@unifold/core";
@@ -14220,7 +14407,7 @@ function useIntegrationTransferDefaultToken({
   publishableKey,
   enabled = true
 }) {
-  return useQuery10({
+  return useQuery11({
     queryKey: [
       "unifold",
       "integrationTransferDefaultToken",
@@ -14291,7 +14478,8 @@ function CoinbaseConnect({
   defaultSourceChainType,
   defaultSourceChainId,
   defaultSourceTokenAddress,
-  defaultSourceSymbol
+  defaultSourceSymbol,
+  prefilledAmountUsd
 }) {
   const { colors: colors2, fonts, components } = useTheme();
   const { projectConfig } = useProjectConfig({ publishableKey });
@@ -14301,12 +14489,12 @@ function CoinbaseConnect({
     destination_chain_id: destinationChainId,
     destination_chain_type: destinationChainType
   });
-  const supportedSymbols = useMemo7(() => {
+  const supportedSymbols = useMemo8(() => {
     const set = /* @__PURE__ */ new Set();
     supportedTokensData?.data.forEach((token) => set.add(token.symbol.toLowerCase()));
     return set;
   }, [supportedTokensData]);
-  const stablecoinSymbols = useMemo7(() => {
+  const stablecoinSymbols = useMemo8(() => {
     const set = /* @__PURE__ */ new Set();
     supportedTokensData?.data.forEach((token) => {
       if (token.is_stablecoin) set.add(token.symbol.toLowerCase());
@@ -14339,12 +14527,12 @@ function CoinbaseConnect({
   const [transferDepositWalletId, setTransferDepositWalletId] = useState30(
     void 0
   );
-  const exchangeSupportedCurrencies = useMemo7(() => {
+  const exchangeSupportedCurrencies = useMemo8(() => {
     const set = /* @__PURE__ */ new Set();
     selectedExchange?.supported_currencies.forEach((c) => set.add(c.toLowerCase()));
     return set;
   }, [selectedExchange]);
-  const defaultTokenParams = useMemo7(
+  const defaultTokenParams = useMemo8(
     () => selectedAsset ? {
       integration_provider: IntegrationProvider.COINBASE,
       source_currency: selectedAsset.currency.toLowerCase(),
@@ -14367,7 +14555,7 @@ function CoinbaseConnect({
     params: defaultTokenParams,
     publishableKey
   });
-  const defaultSourceCurrency = useMemo7(
+  const defaultSourceCurrency = useMemo8(
     () => resolveDefaultSourceSymbol(supportedTokensData?.data, {
       defaultSourceChainType,
       defaultSourceChainId,
@@ -14382,7 +14570,7 @@ function CoinbaseConnect({
       defaultSourceSymbol
     ]
   );
-  const sortedHoldings = useMemo7(() => {
+  const sortedHoldings = useMemo8(() => {
     const supported = [];
     const unsupported = [];
     holdings.forEach((account) => {
@@ -14402,7 +14590,7 @@ function CoinbaseConnect({
     }
     return [...supported, ...unsupported];
   }, [holdings, supportedSymbols, exchangeSupportedCurrencies, defaultSourceCurrency]);
-  const selectedHoldingIsSupported = useMemo7(() => {
+  const selectedHoldingIsSupported = useMemo8(() => {
     if (!selectedHolding) return false;
     const currencyLower = selectedHolding.currency.toLowerCase();
     return (supportedSymbols.size === 0 || supportedSymbols.has(currencyLower)) && (exchangeSupportedCurrencies.size === 0 || exchangeSupportedCurrencies.has(currencyLower));
@@ -14446,10 +14634,10 @@ function CoinbaseConnect({
   useEffect25(() => {
     onExecutionsChange?.(depositExecutions);
   }, [depositExecutions, onExecutionsChange]);
-  const pollRef = useRef9(null);
-  const popupRef = useRef9(null);
-  const viewRef = useRef9(initialView);
-  const transitionTo = useCallback5((nextView) => {
+  const pollRef = useRef10(null);
+  const popupRef = useRef10(null);
+  const viewRef = useRef10(initialView);
+  const transitionTo = useCallback7((nextView) => {
     if (nextView === viewRef.current) return;
     setIsTransitioning(true);
     setTimeout(() => {
@@ -14459,7 +14647,7 @@ function CoinbaseConnect({
       setIsTransitioning(false);
     }, 150);
   }, []);
-  const tryRefreshToken = useCallback5(
+  const tryRefreshToken = useCallback7(
     async (currentToken) => {
       try {
         const result = await refreshIntegrationToken(currentToken, publishableKey);
@@ -14497,7 +14685,7 @@ function CoinbaseConnect({
       }
     }
   }, []);
-  const loadHoldings = useCallback5(
+  const loadHoldings = useCallback7(
     async (token) => {
       setIsLoading(true);
       try {
@@ -14549,7 +14737,7 @@ function CoinbaseConnect({
       if (pollRef.current) clearInterval(pollRef.current);
     };
   }, []);
-  const minDepositUsd = useMemo7(() => {
+  const minDepositUsd = useMemo8(() => {
     if (!selectedAsset || !defaultTokenData) return 0;
     const supportedToken = supportedTokensData?.data.find(
       (t14) => t14.symbol.toLowerCase() === selectedAsset.currency.toLowerCase()
@@ -14560,7 +14748,7 @@ function CoinbaseConnect({
     );
     return matchingChain?.minimum_deposit_amount_usd ?? Math.min(...supportedToken.chains.map((c) => c.minimum_deposit_amount_usd));
   }, [selectedAsset, supportedTokensData, defaultTokenData]);
-  const estimatedProcessingTime = useMemo7(() => {
+  const estimatedProcessingTime = useMemo8(() => {
     if (!selectedAsset || !defaultTokenData) return null;
     const supportedToken = supportedTokensData?.data.find(
       (t14) => t14.symbol.toLowerCase() === selectedAsset.currency.toLowerCase()
@@ -14614,7 +14802,8 @@ function CoinbaseConnect({
   };
   const handleSelectAsset = (asset) => {
     setSelectedAsset(asset);
-    setSendAmount("");
+    const cleanedPrefilled = prefilledAmountUsd?.replace(/[^0-9.]/g, "") ?? "";
+    setSendAmount(cleanedPrefilled);
     transitionTo("enter_amount");
   };
   const handleCreateTransfer = async () => {
@@ -16200,13 +16389,13 @@ function CoinbaseConnect({
 CoinbaseConnect.displayName = "CoinbaseConnect";
 
 // src/hooks/use-exchanges.ts
-import { useQuery as useQuery11 } from "@tanstack/react-query";
+import { useQuery as useQuery12 } from "@tanstack/react-query";
 import { getExchanges } from "@unifold/core";
 function useExchanges({
   publishableKey,
   enabled = true
 }) {
-  const { data: exchanges = [], isLoading } = useQuery11({
+  const { data: exchanges = [], isLoading } = useQuery12({
     queryKey: ["unifold", "exchanges", publishableKey],
     queryFn: () => getExchanges(void 0, publishableKey).then((res) => res.data),
     enabled,
@@ -16218,13 +16407,13 @@ function useExchanges({
 }
 
 // src/hooks/use-apple-pay-providers.ts
-import { useQuery as useQuery12 } from "@tanstack/react-query";
+import { useQuery as useQuery13 } from "@tanstack/react-query";
 import { getApplePayProviders } from "@unifold/core";
 function useApplePayProviders({
   publishableKey,
   enabled = true
 }) {
-  const { data: providers, isLoading } = useQuery12({
+  const { data: providers, isLoading } = useQuery13({
     queryKey: ["unifold", "applePayProviders", publishableKey],
     queryFn: () => getApplePayProviders(publishableKey),
     enabled,
@@ -16289,7 +16478,7 @@ function useAllowedCountry(publishableKey) {
 }
 
 // src/hooks/use-address-validation.ts
-import { useQuery as useQuery13 } from "@tanstack/react-query";
+import { useQuery as useQuery14 } from "@tanstack/react-query";
 import {
   verifyRecipientAddress
 } from "@unifold/core";
@@ -16303,7 +16492,7 @@ function useAddressValidation({
   refetchOnMount = false
 }) {
   const shouldValidate = enabled && !!recipientAddress && !!destinationChainType && !!destinationChainId && !!destinationTokenAddress;
-  const { data, isLoading, error } = useQuery13({
+  const { data, isLoading, error } = useQuery14({
     queryKey: [
       "unifold",
       "addressValidation",
@@ -16349,7 +16538,7 @@ function useAddressValidation({
 }
 
 // src/components/deposits/TransferCryptoSingleInput.tsx
-import { useState as useState36, useEffect as useEffect30, useMemo as useMemo10 } from "react";
+import { useState as useState36, useEffect as useEffect30, useMemo as useMemo11 } from "react";
 import {
   ChevronDown as ChevronDown5,
   ChevronUp as ChevronUp3,
@@ -16367,14 +16556,14 @@ import {
 import { useEffect as useEffect27, useState as useState31 } from "react";
 
 // src/components/shared/ThemeStyleInjector.tsx
-import * as React31 from "react";
+import * as React32 from "react";
 import { jsx as jsx46 } from "react/jsx-runtime";
 function ThemeStyleInjector({
   children,
   className
 }) {
   const { colors: colors2, fonts, mode } = useTheme();
-  const cssVars = React31.useMemo(() => {
+  const cssVars = React32.useMemo(() => {
     const hexToHSL = (hex) => {
       hex = hex.replace("#", "");
       const r = parseInt(hex.slice(0, 2), 16) / 255;
@@ -16434,7 +16623,7 @@ function ThemeStyleInjector({
       ...fonts.regular ? { "--uf-font-family": fonts.regular } : {}
     };
   }, [colors2, fonts.regular]);
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     if (typeof document === "undefined") return;
     if (fonts.regular) {
       document.documentElement.style.setProperty("--uf-font-family", fonts.regular);
@@ -16708,7 +16897,7 @@ function DepositsModal({
 }
 
 // src/components/deposits/TokenSelectorSheet.tsx
-import { useState as useState32, useMemo as useMemo9, useEffect as useEffect28 } from "react";
+import { useState as useState32, useMemo as useMemo10, useEffect as useEffect28 } from "react";
 import { ArrowLeft as ArrowLeft2, X as X4 } from "lucide-react";
 import Fuse from "fuse.js";
 import { jsx as jsx49, jsxs as jsxs45 } from "react/jsx-runtime";
@@ -16775,7 +16964,7 @@ function TokenSelectorSheet({
   useEffect28(() => {
     setRecentTokens(getRecentTokens());
   }, []);
-  const allOptions = useMemo9(() => {
+  const allOptions = useMemo10(() => {
     const options = [];
     tokens.forEach((token) => {
       token.chains.forEach((chain) => {
@@ -16784,7 +16973,7 @@ function TokenSelectorSheet({
     });
     return options;
   }, [tokens]);
-  const quickSelectOptions = useMemo9(() => {
+  const quickSelectOptions = useMemo10(() => {
     const result = [];
     const seen = /* @__PURE__ */ new Set();
     const addOption = (symbol, chainType, chainId, isRecent) => {
@@ -16816,7 +17005,7 @@ function TokenSelectorSheet({
     });
     setRecentTokens(updated);
   };
-  const fuse = useMemo9(
+  const fuse = useMemo10(
     () => new Fuse(allOptions, {
       keys: [
         { name: "token.symbol", weight: 2 },
@@ -16829,7 +17018,7 @@ function TokenSelectorSheet({
     }),
     [allOptions]
   );
-  const filteredOptions = useMemo9(() => {
+  const filteredOptions = useMemo10(() => {
     if (!searchQuery.trim()) return allOptions;
     const query = searchQuery.trim();
     const results = fuse.search(query);
@@ -17201,7 +17390,7 @@ function TokenSelectorSheet({
 }
 
 // src/hooks/use-default-token.ts
-import { useState as useState33, useEffect as useEffect29, useRef as useRef10 } from "react";
+import { useState as useState33, useEffect as useEffect29, useRef as useRef11 } from "react";
 var getChainKey = (chainId, chainType) => {
   return `${chainType}:${chainId}`;
 };
@@ -17259,7 +17448,7 @@ function useDefaultToken({
   const [token, setToken] = useState33(null);
   const [chain, setChain] = useState33(null);
   const [initialSelectionDone, setInitialSelectionDone] = useState33(false);
-  const appliedDefaultsRef = useRef10("");
+  const appliedDefaultsRef = useRef11("");
   useEffect29(() => {
     if (!tokens.length) return;
     const defaultsKey = `${defaultTokenAddress ?? ""}|${defaultSymbol ?? ""}|${defaultChainType ?? ""}|${defaultChainId ?? ""}`;
@@ -17608,7 +17797,7 @@ function useCopyAddress() {
 }
 
 // src/components/shared/tooltip.tsx
-import * as React32 from "react";
+import * as React33 from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import { jsx as jsx52 } from "react/jsx-runtime";
 var TooltipProvider = TooltipPrimitive.Provider;
@@ -17616,20 +17805,20 @@ function Tooltip({
   children,
   ...props
 }) {
-  const [open, setOpen] = React32.useState(props.defaultOpen ?? false);
+  const [open, setOpen] = React33.useState(props.defaultOpen ?? false);
   const isControlled = props.open !== void 0;
   const isOpen = isControlled ? props.open : open;
   const onOpenChange = isControlled ? props.onOpenChange : (nextOpen) => setOpen(nextOpen);
   return /* @__PURE__ */ jsx52(TooltipContext.Provider, { value: { open: isOpen, onOpenChange }, children: /* @__PURE__ */ jsx52(TooltipPrimitive.Root, { ...props, open: isOpen, onOpenChange, children }) });
 }
-var TooltipContext = React32.createContext({
+var TooltipContext = React33.createContext({
   open: false,
   onOpenChange: () => {
   }
 });
-var TooltipTrigger = React32.forwardRef(({ onClick, ...props }, ref) => {
-  const { open, onOpenChange } = React32.useContext(TooltipContext);
-  const handleClick = React32.useCallback(
+var TooltipTrigger = React33.forwardRef(({ onClick, ...props }, ref) => {
+  const { open, onOpenChange } = React33.useContext(TooltipContext);
+  const handleClick = React33.useCallback(
     (e) => {
       onOpenChange(!open);
       onClick?.(e);
@@ -17639,7 +17828,7 @@ var TooltipTrigger = React32.forwardRef(({ onClick, ...props }, ref) => {
   return /* @__PURE__ */ jsx52(TooltipPrimitive.Trigger, { ref, onClick: handleClick, ...props });
 });
 TooltipTrigger.displayName = TooltipPrimitive.Trigger.displayName;
-var TooltipContent = React32.forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
+var TooltipContent = React33.forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
   const { themeClass, colors: colors2 } = useTheme();
   return /* @__PURE__ */ jsx52(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx52(
     TooltipPrimitive.Content,
@@ -17665,7 +17854,7 @@ import {
 } from "@unifold/core";
 
 // src/hooks/use-hypercore-activation.ts
-import { useQuery as useQuery14 } from "@tanstack/react-query";
+import { useQuery as useQuery15 } from "@tanstack/react-query";
 import { checkHypercoreActivation } from "@unifold/core";
 
 // src/lib/constants.ts
@@ -17684,7 +17873,7 @@ function useHypercoreActivation(params) {
   const recipient = recipientAddress?.trim() ?? "";
   const source = sourceAddress?.trim() ?? "";
   const hasAddresses = !!recipient && !!source;
-  const { data, isLoading } = useQuery14({
+  const { data, isLoading } = useQuery15({
     queryKey: ["unifold", "hypercoreActivation", source, recipient, publishableKey],
     queryFn: () => checkHypercoreActivation(
       {
@@ -17770,6 +17959,7 @@ function TransferCryptoSingleInput({
   onDepositError,
   wallets: externalWallets,
   onSourceTokenChange,
+  prefilledAmountUsd,
   checkoutQuote,
   isCheckoutQuoteLoading = false,
   persistCheckingIndicator = false,
@@ -17817,7 +18007,7 @@ function TransferCryptoSingleInput({
   const wallets = externalWallets?.length ? externalWallets : depositAddressResponse?.data ?? [];
   const loading = externalWallets?.length ? false : walletsLoading;
   const error = walletsError?.message ?? null;
-  const allAvailableChains = useMemo10(() => {
+  const allAvailableChains = useMemo11(() => {
     const chainsMap = /* @__PURE__ */ new Map();
     supportedTokens.forEach((t13) => {
       t13.chains.forEach((c) => {
@@ -17913,6 +18103,22 @@ function TransferCryptoSingleInput({
   const maxSlippage = currentChainFromBackend?.max_slippage_percent ?? 0.25;
   const processingTime = currentChainFromBackend?.estimated_processing_time ?? null;
   const minDepositUsd = currentChainFromBackend?.minimum_deposit_amount_usd ?? 3;
+  const parsedPrefilledUsd = useMemo11(() => {
+    const value = parseFloat(prefilledAmountUsd ?? "");
+    return Number.isFinite(value) && value > 0 ? value : null;
+  }, [prefilledAmountUsd]);
+  const effectivePrefilledUsd = useMemo11(() => {
+    if (parsedPrefilledUsd === null) return null;
+    return Math.max(parsedPrefilledUsd, minDepositUsd);
+  }, [parsedPrefilledUsd, minDepositUsd]);
+  const prefillDisplay = useMemo11(() => {
+    if (effectivePrefilledUsd === null) return null;
+    const usdLabel = `$${effectivePrefilledUsd.toFixed(2)}`;
+    if (selectedToken?.is_stablecoin) {
+      return `${effectivePrefilledUsd.toFixed(2)} ${selectedToken.symbol} (${usdLabel})`;
+    }
+    return `${usdLabel} USD`;
+  }, [effectivePrefilledUsd, selectedToken]);
   return /* @__PURE__ */ jsx54(TooltipProvider, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ jsxs49(
     "div",
     {
@@ -18039,7 +18245,7 @@ function TransferCryptoSingleInput({
             /* @__PURE__ */ jsx54("span", { children: "Retrying automatically every 5 seconds..." })
           ] })
         ] }),
-        (checkoutQuote || isCheckoutQuoteLoading) && /* @__PURE__ */ jsxs49(
+        (checkoutQuote || isCheckoutQuoteLoading || prefillDisplay) && /* @__PURE__ */ jsxs49(
           "div",
           {
             className: "uf-rounded-xl uf-px-3 uf-py-2 uf-flex uf-items-center uf-justify-between",
@@ -18083,6 +18289,13 @@ function TransferCryptoSingleInput({
                     )
                   ]
                 }
+              ) : prefillDisplay ? /* @__PURE__ */ jsx54(
+                "span",
+                {
+                  className: "uf-text-sm uf-font-semibold",
+                  style: { color: components.card.titleColor, fontFamily: fonts.semibold },
+                  children: prefillDisplay
+                }
               ) : /* @__PURE__ */ jsx54(
                 "div",
                 {
@@ -18412,7 +18625,7 @@ function TransferCryptoSingleInput({
 }
 
 // src/components/deposits/TransferCryptoDoubleInput.tsx
-import { useState as useState37, useEffect as useEffect31, useMemo as useMemo11 } from "react";
+import { useState as useState37, useEffect as useEffect31, useMemo as useMemo12 } from "react";
 import {
   ChevronDown as ChevronDown7,
   ChevronUp as ChevronUp5,
@@ -18427,14 +18640,14 @@ import {
 } from "lucide-react";
 
 // src/components/shared/select.tsx
-import * as React33 from "react";
+import * as React34 from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { Check as Check5, ChevronDown as ChevronDown6, ChevronUp as ChevronUp4 } from "lucide-react";
 import { jsx as jsx55, jsxs as jsxs50 } from "react/jsx-runtime";
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React33.forwardRef(({ className, style, children, ...props }, ref) => {
+var SelectTrigger = React34.forwardRef(({ className, style, children, ...props }, ref) => {
   const { components } = useTheme();
   return /* @__PURE__ */ jsxs50(
     SelectPrimitive.Trigger,
@@ -18458,7 +18671,7 @@ var SelectTrigger = React33.forwardRef(({ className, style, children, ...props }
   );
 });
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx55(
+var SelectScrollUpButton = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx55(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -18468,7 +18681,7 @@ var SelectScrollUpButton = React33.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx55(
+var SelectScrollDownButton = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx55(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -18478,7 +18691,7 @@ var SelectScrollDownButton = React33.forwardRef(({ className, ...props }, ref) =
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React33.forwardRef(({ className, style, children, position = "popper", ...props }, ref) => {
+var SelectContent = React34.forwardRef(({ className, style, children, position = "popper", ...props }, ref) => {
   const { themeClass, colors: colors2, components } = useTheme();
   return /* @__PURE__ */ jsx55(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs50(
     SelectPrimitive.Content,
@@ -18516,7 +18729,7 @@ var SelectContent = React33.forwardRef(({ className, style, children, position =
   ) });
 });
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx55(
+var SelectLabel = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx55(
   SelectPrimitive.Label,
   {
     ref,
@@ -18525,7 +18738,7 @@ var SelectLabel = React33.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React33.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs50(
+var SelectItem = React34.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs50(
   SelectPrimitive.Item,
   {
     ref,
@@ -18541,7 +18754,7 @@ var SelectItem = React33.forwardRef(({ className, children, ...props }, ref) =>
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx55(
+var SelectSeparator = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx55(
   SelectPrimitive.Separator,
   {
     ref,
@@ -18575,6 +18788,7 @@ function TransferCryptoDoubleInput({
   defaultSourceChainId,
   defaultSourceTokenAddress,
   defaultSourceSymbol,
+  prefilledAmountUsd,
   depositConfirmationMode = "auto_ui",
   onExecutionsChange,
   onDepositSuccess,
@@ -18621,7 +18835,7 @@ function TransferCryptoDoubleInput({
   const wallets = externalWallets?.length ? externalWallets : depositAddressResponse?.data ?? [];
   const loading = externalWallets?.length ? false : walletsLoading;
   const error = walletsError?.message ?? null;
-  const allAvailableChains = useMemo11(() => {
+  const allAvailableChains = useMemo12(() => {
     const chainsMap = /* @__PURE__ */ new Map();
     supportedTokens.forEach((t13) => {
       t13.chains.forEach((c) => {
@@ -18699,6 +18913,22 @@ function TransferCryptoDoubleInput({
   const maxSlippage = currentChainFromBackend?.max_slippage_percent ?? 0.25;
   const processingTime = currentChainFromBackend?.estimated_processing_time ?? null;
   const minDepositUsd = currentChainFromBackend?.minimum_deposit_amount_usd ?? 3;
+  const parsedPrefilledUsd = useMemo12(() => {
+    const value = parseFloat(prefilledAmountUsd ?? "");
+    return Number.isFinite(value) && value > 0 ? value : null;
+  }, [prefilledAmountUsd]);
+  const effectivePrefilledUsd = useMemo12(() => {
+    if (parsedPrefilledUsd === null) return null;
+    return Math.max(parsedPrefilledUsd, minDepositUsd);
+  }, [parsedPrefilledUsd, minDepositUsd]);
+  const prefillDisplay = useMemo12(() => {
+    if (effectivePrefilledUsd === null) return null;
+    const usdLabel = `$${effectivePrefilledUsd.toFixed(2)}`;
+    if (selectedToken?.is_stablecoin) {
+      return `${effectivePrefilledUsd.toFixed(2)} ${selectedToken.symbol} (${usdLabel})`;
+    }
+    return `${usdLabel} USD`;
+  }, [effectivePrefilledUsd, selectedToken]);
   const renderTokenItem = (tokenData) => {
     return /* @__PURE__ */ jsxs51("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
       /* @__PURE__ */ jsx56(
@@ -18879,6 +19109,35 @@ function TransferCryptoDoubleInput({
         /* @__PURE__ */ jsx56("span", { children: "Retrying automatically every 5 seconds..." })
       ] })
     ] }),
+    prefillDisplay && /* @__PURE__ */ jsxs51(
+      "div",
+      {
+        className: "uf-rounded-xl uf-px-3 uf-py-2 uf-flex uf-items-center uf-justify-between",
+        style: {
+          backgroundColor: components.card.backgroundColor,
+          border: `${components.card.borderWidth}px solid ${components.card.borderColor}`,
+          borderRadius: components.card.borderRadius
+        },
+        children: [
+          /* @__PURE__ */ jsx56(
+            "span",
+            {
+              className: "uf-text-xs",
+              style: { color: components.card.subtitleColor, fontFamily: fonts.regular },
+              children: "You send"
+            }
+          ),
+          /* @__PURE__ */ jsx56(
+            "span",
+            {
+              className: "uf-text-sm uf-font-semibold",
+              style: { color: components.card.titleColor, fontFamily: fonts.semibold },
+              children: prefillDisplay
+            }
+          )
+        ]
+      }
+    ),
     /* @__PURE__ */ jsxs51("div", { className: "uf-flex uf-flex-col uf-items-center uf-pt-2", children: [
       /* @__PURE__ */ jsx56(
         "div",
@@ -19161,7 +19420,7 @@ function TransferCryptoDoubleInput({
 }
 
 // src/components/deposits/WalletConnect.tsx
-import * as React34 from "react";
+import * as React35 from "react";
 import { ExternalLink as ExternalLink4, Loader2 as Loader210 } from "lucide-react";
 import {
   getAddressBalances as getAddressBalances2,
@@ -19213,7 +19472,7 @@ async function sendHypercoreEvmTransfer(params) {
 }
 
 // src/hooks/use-deposit-quote.ts
-import { useQuery as useQuery15 } from "@tanstack/react-query";
+import { useQuery as useQuery16 } from "@tanstack/react-query";
 import { getDepositQuote } from "@unifold/core";
 function useDepositQuote(params) {
   const {
@@ -19240,7 +19499,7 @@ function useDepositQuote(params) {
     ...adjustForSlippage ? { adjust_for_slippage: true } : {},
     ...stablecoinParity ? { stablecoin_parity: true } : {}
   };
-  return useQuery15({
+  return useQuery16({
     queryKey: [
       "unifold",
       "depositQuote",
@@ -19268,13 +19527,13 @@ function useDepositQuote(params) {
 }
 
 // src/hooks/use-external-wallets.ts
-import { useQuery as useQuery16 } from "@tanstack/react-query";
+import { useQuery as useQuery17 } from "@tanstack/react-query";
 import { getExternalWallets } from "@unifold/core";
 function useExternalWallets({
   publishableKey,
   enabled = true
 }) {
-  const { data: wallets = [], isLoading } = useQuery16({
+  const { data: wallets = [], isLoading } = useQuery17({
     queryKey: ["unifold", "external-wallets", publishableKey],
     queryFn: () => getExternalWallets(publishableKey).then((res) => res.data),
     enabled: enabled && !!publishableKey,
@@ -20521,7 +20780,7 @@ function WalletConnect({
   amountQuickSelect = "percentage",
   onWalletDisconnect,
   onWalletConnected,
-  prefillAmountUsd,
+  prefilledAmountUsd,
   checkoutAmountUsd,
   checkoutReceivedUsd,
   onNewDeposit,
@@ -20543,28 +20802,28 @@ function WalletConnect({
   onExecutionsChange
 }) {
   const { colors: colors2, fonts, components, mode } = useTheme();
-  const walletProvidedAtMount = React34.useRef(!!initialWalletInfo && !!initialDepositWallet);
-  const [activeWalletInfo, setActiveWalletInfo] = React34.useState(
+  const walletProvidedAtMount = React35.useRef(!!initialWalletInfo && !!initialDepositWallet);
+  const [activeWalletInfo, setActiveWalletInfo] = React35.useState(
     initialWalletInfo ?? null
   );
-  const [activeDepositWallet, setActiveDepositWallet] = React34.useState(
+  const [activeDepositWallet, setActiveDepositWallet] = React35.useState(
     initialDepositWallet ?? null
   );
   const initialView = initialWalletInfo && initialDepositWallet ? "select_token" : "select_wallet";
-  const [view, setView] = React34.useState(initialView);
-  const [isTransitioning, setIsTransitioning] = React34.useState(false);
-  const viewRef = React34.useRef(initialView);
+  const [view, setView] = React35.useState(initialView);
+  const [isTransitioning, setIsTransitioning] = React35.useState(false);
+  const viewRef = React35.useRef(initialView);
   const standalone = !canGoBack && !walletProvidedAtMount.current;
   const { wallet: detectedWallet, isLoading: detectingWallet } = useDetectedBrowserWallet({
     enabled: standalone
   });
-  const [autoResolved, setAutoResolved] = React34.useState(false);
-  const [selectedWalletDef, setSelectedWalletDef] = React34.useState(null);
-  const [connectingNetwork, setConnectingNetwork] = React34.useState(null);
-  const [walletError, setWalletError] = React34.useState(null);
-  const [isWalletConnecting, setIsWalletConnecting] = React34.useState(false);
-  const [eip6963ProviderCount, setEip6963ProviderCount] = React34.useState(0);
-  React34.useEffect(() => {
+  const [autoResolved, setAutoResolved] = React35.useState(false);
+  const [selectedWalletDef, setSelectedWalletDef] = React35.useState(null);
+  const [connectingNetwork, setConnectingNetwork] = React35.useState(null);
+  const [walletError, setWalletError] = React35.useState(null);
+  const [isWalletConnecting, setIsWalletConnecting] = React35.useState(false);
+  const [eip6963ProviderCount, setEip6963ProviderCount] = React35.useState(0);
+  React35.useEffect(() => {
     const store = getEip6963Store();
     if (!store) return;
     setEip6963ProviderCount(store.getProviders().length);
@@ -20573,7 +20832,7 @@ function WalletConnect({
     });
   }, []);
   const { wallets: backendWallets } = useExternalWallets({ publishableKey });
-  const walletDefinitions = React34.useMemo(
+  const walletDefinitions = React35.useMemo(
     () => backendWallets.length > 0 ? backendWallets.map((w) => ({
       id: w.id,
       name: w.name,
@@ -20584,32 +20843,32 @@ function WalletConnect({
     })) : FALLBACK_WALLET_DEFINITIONS,
     [backendWallets]
   );
-  const [recentWalletId, setRecentWalletIdState] = React34.useState(getLastOpenedWallet);
-  React34.useEffect(() => {
+  const [recentWalletId, setRecentWalletIdState] = React35.useState(getLastOpenedWallet);
+  React35.useEffect(() => {
     if (view === "select_wallet") {
       setRecentWalletIdState(getLastOpenedWallet());
     }
   }, [view]);
-  const availableWallets = React34.useMemo(
+  const availableWallets = React35.useMemo(
     () => detectAvailableWallets(walletDefinitions, recentWalletId),
     [walletDefinitions, eip6963ProviderCount, recentWalletId]
   );
-  const [isMobile, setIsMobile] = React34.useState(false);
-  React34.useEffect(() => {
+  const [isMobile, setIsMobile] = React35.useState(false);
+  React35.useEffect(() => {
     setIsMobile(isMobileDevice());
   }, []);
-  const mobileDepositAddresses = React34.useMemo(
+  const mobileDepositAddresses = React35.useMemo(
     () => (depositWallets ?? []).map((w) => ({ chain_type: w.chain_type, address: w.address })),
     [depositWallets]
   );
-  const mobileDepositWalletIds = React34.useMemo(
+  const mobileDepositWalletIds = React35.useMemo(
     () => (depositWallets ?? []).filter((w) => w.chain_type === "ethereum" || w.chain_type === "solana").map((w) => w.id),
     [depositWallets]
   );
-  const [mobileRedirect, setMobileRedirect] = React34.useState(null);
-  const [pendingMobileWallet, setPendingMobileWallet] = React34.useState(null);
-  const [awaitingMobileDeposit, setAwaitingMobileDeposit] = React34.useState(false);
-  React34.useEffect(() => {
+  const [mobileRedirect, setMobileRedirect] = React35.useState(null);
+  const [pendingMobileWallet, setPendingMobileWallet] = React35.useState(null);
+  const [awaitingMobileDeposit, setAwaitingMobileDeposit] = React35.useState(false);
+  React35.useEffect(() => {
     if (!standalone || autoResolved || detectingWallet) return;
     if (!detectedWallet) {
       setAutoResolved(true);
@@ -20635,32 +20894,36 @@ function WalletConnect({
     depositWallets,
     depositWalletsLoading
   ]);
-  React34.useEffect(() => {
+  React35.useEffect(() => {
     if (!standalone || autoResolved) return;
     const t13 = setTimeout(() => setAutoResolved(true), 5e3);
     return () => clearTimeout(t13);
   }, [standalone, autoResolved]);
-  const [balances, setBalances] = React34.useState([]);
-  const [isLoading, setIsLoading] = React34.useState(false);
-  const [selectedBalance, setSelectedBalance] = React34.useState(null);
-  const [totalBalanceUsd, setTotalBalanceUsd] = React34.useState(null);
-  const [error, setError] = React34.useState(null);
-  const [isDisconnectingWallet, setIsDisconnectingWallet] = React34.useState(false);
-  const [amountUsd, setAmountUsd] = React34.useState(prefillAmountUsd ?? "");
-  const [isConfirming, setIsConfirming] = React34.useState(false);
-  const [hasSignedTransaction, setHasSignedTransaction] = React34.useState(false);
-  const [tokenChainDetails, setTokenChainDetails] = React34.useState(null);
-  const [loadingTokenDetails, setLoadingTokenDetails] = React34.useState(false);
-  const [showTransactionDetails, setShowTransactionDetails] = React34.useState(false);
-  const [receivedUsdAtSubmission, setReceivedUsdAtSubmission] = React34.useState(null);
+  const [balances, setBalances] = React35.useState([]);
+  const [isLoading, setIsLoading] = React35.useState(false);
+  const [selectedBalance, setSelectedBalance] = React35.useState(null);
+  const [totalBalanceUsd, setTotalBalanceUsd] = React35.useState(null);
+  const [error, setError] = React35.useState(null);
+  const [isDisconnectingWallet, setIsDisconnectingWallet] = React35.useState(false);
+  const [amountUsd, setAmountUsd] = React35.useState(prefilledAmountUsd ?? "");
+  const [isConfirming, setIsConfirming] = React35.useState(false);
+  const [hasSignedTransaction, setHasSignedTransaction] = React35.useState(false);
+  const [tokenChainDetails, setTokenChainDetails] = React35.useState(null);
+  const [loadingTokenDetails, setLoadingTokenDetails] = React35.useState(false);
+  const [showTransactionDetails, setShowTransactionDetails] = React35.useState(false);
+  const [receivedUsdAtSubmission, setReceivedUsdAtSubmission] = React35.useState(null);
   const walletInfo = activeWalletInfo;
   const depositWallet = activeDepositWallet;
   const hasWallet = !!activeWalletInfo && !!activeDepositWallet;
+  React35.useEffect(() => {
+    const cleanedPrefilled = prefilledAmountUsd?.replace(/[^0-9.]/g, "") ?? "";
+    setAmountUsd(cleanedPrefilled);
+  }, [prefilledAmountUsd]);
   const chainType = activeDepositWallet?.chain_type ?? "ethereum";
   const recipientAddress = activeDepositWallet?.address ?? "";
   const isCheckoutMode = !!checkoutAmountUsd;
   const supportedChainType = chainType === "algorand" || chainType === "xrpl" || chainType === "cardano" || chainType === "n1" ? "ethereum" : chainType;
-  const transitionTo = React34.useCallback((nextView) => {
+  const transitionTo = React35.useCallback((nextView) => {
     if (nextView === viewRef.current) return;
     setIsTransitioning(true);
     setTimeout(() => {
@@ -20725,7 +20988,7 @@ function WalletConnect({
     if (!selectedWalletDef) return;
     handleConnectWallet(selectedWalletDef, network);
   };
-  React34.useEffect(() => {
+  React35.useEffect(() => {
     if (!pendingMobileWallet) return;
     if (mobileDepositAddresses.length > 0) {
       const wallet = pendingMobileWallet;
@@ -20889,7 +21152,7 @@ function WalletConnect({
     publishableKey,
     enabled: !!activeWalletInfo && !!recipientAddress
   });
-  const effectiveDestinationAmount = React34.useMemo(() => {
+  const effectiveDestinationAmount = React35.useMemo(() => {
     if (!checkoutRemainingBaseUnits || checkoutRemainingBaseUnits === "0") return "0";
     if (!checkoutAmountUsd) return checkoutRemainingBaseUnits;
     const remaining = BigInt(checkoutRemainingBaseUnits);
@@ -20917,7 +21180,7 @@ function WalletConnect({
     stablecoinParity,
     enabled: isCheckoutMode && !!selectedToken && !!checkoutDestination && effectiveDestinationAmount !== "0"
   });
-  const activeCheckoutQuote = React34.useMemo(() => {
+  const activeCheckoutQuote = React35.useMemo(() => {
     if (!isCheckoutMode) return null;
     if (walletCheckoutQuote)
       return {
@@ -20947,10 +21210,10 @@ function WalletConnect({
     onDepositSuccess,
     onDepositError
   });
-  React34.useEffect(() => {
+  React35.useEffect(() => {
     onExecutionsChange?.(depositExecutions);
   }, [depositExecutions, onExecutionsChange]);
-  const latestDepositExecution = React34.useMemo(() => {
+  const latestDepositExecution = React35.useMemo(() => {
     if (depositExecutions.length === 0) return null;
     return [...depositExecutions].sort((a, b) => {
       const ta = a.created_at ? new Date(a.created_at).getTime() : 0;
@@ -20958,21 +21221,21 @@ function WalletConnect({
       return tb - ta;
     })[0];
   }, [depositExecutions]);
-  React34.useEffect(() => {
+  React35.useEffect(() => {
     if (awaitingMobileDeposit && latestDepositExecution && (viewRef.current === "mobile_redirect" || viewRef.current === "connecting")) {
       transitionTo("mobile_deposit_status");
     }
   }, [awaitingMobileDeposit, latestDepositExecution, transitionTo]);
-  React34.useEffect(() => {
-    if (!prefillAmountUsd || !tokenChainDetails || view !== "enter_amount") return;
+  React35.useEffect(() => {
+    if (!isCheckoutMode || !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]);
-  React34.useEffect(() => {
+  }, [isCheckoutMode, tokenChainDetails, view, amountUsd]);
+  React35.useEffect(() => {
     if (view === "review") setShowTransactionDetails(false);
   }, [view]);
-  React34.useEffect(() => {
+  React35.useEffect(() => {
     if (view !== "enter_amount" && view !== "review" || !selectedBalance || !activeDepositWallet)
       return;
     let cancelled = false;
@@ -21009,7 +21272,7 @@ function WalletConnect({
       cancelled = true;
     };
   }, [view, selectedBalance, publishableKey, activeDepositWallet]);
-  React34.useEffect(() => {
+  React35.useEffect(() => {
     if (!activeWalletInfo || !activeDepositWallet) return;
     let cancelled = false;
     setIsLoading(true);
@@ -21074,21 +21337,21 @@ function WalletConnect({
     defaultSourceTokenAddress,
     defaultSourceSymbol
   ]);
-  const usdToTokenRate = React34.useMemo(() => {
+  const usdToTokenRate = React35.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 = React34.useMemo(() => {
+  const tokenAmount = React35.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]);
-  React34.useEffect(() => {
+  React35.useEffect(() => {
     if (isCheckoutMode && activeCheckoutQuote?.sourceAmountUsd && view === "enter_amount")
       setAmountUsd(activeCheckoutQuote.sourceAmountUsd);
   }, [isCheckoutMode, activeCheckoutQuote, view]);
@@ -21097,7 +21360,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 = React34.useMemo(() => {
+  const formattedTokenAmount = React35.useMemo(() => {
     if (tokenAmount === 0 || !selectedToken) return null;
     return `${tokenAmount.toFixed(6)} ${selectedToken.symbol}`.replace(/\.?0+$/, "");
   }, [tokenAmount, selectedToken]);
@@ -21130,7 +21393,7 @@ function WalletConnect({
         break;
       case "enter_amount":
         transitionTo("select_token");
-        setAmountUsd(prefillAmountUsd ?? "");
+        setAmountUsd(prefilledAmountUsd ?? "");
         setTokenChainDetails(null);
         break;
       case "review":
@@ -21162,7 +21425,7 @@ function WalletConnect({
         setSelectedBalance(null);
         setBalances([]);
         setTotalBalanceUsd(null);
-        setAmountUsd(prefillAmountUsd ?? "");
+        setAmountUsd(prefilledAmountUsd ?? "");
         setError(null);
       };
       if (standalone) {
@@ -21889,6 +22152,15 @@ function SkeletonButton({ variant = "default" }) {
   ] });
 }
 var t8 = i18n.depositModal;
+function normalizePrefilledUsdAmount(value) {
+  if (!value) return void 0;
+  const cleaned = value.replace(/[^0-9.]/g, "");
+  if (!cleaned) return void 0;
+  const normalizedNumeric = cleaned.replace(/(\..*)\./g, "$1");
+  const parsed = parseFloat(normalizedNumeric);
+  if (!Number.isFinite(parsed) || parsed <= 0) return void 0;
+  return parseFloat(parsed.toFixed(2)).toString();
+}
 function depositTabForScreen(screen) {
   return screen === "card" || screen === "cashapp" || screen === "bank_transfer" || screen === "stripe_link" || screen === "apple_pay" ? "cash" : "crypto";
 }
@@ -21908,6 +22180,7 @@ function DepositModal({
   defaultSourceChainId,
   defaultSourceTokenAddress,
   defaultSourceSymbol,
+  prefilledAmountUsd,
   hideDepositTracker,
   showBalanceHeader = false,
   transferInputVariant = "double_input",
@@ -21943,7 +22216,11 @@ function DepositModal({
   depositTrackerSubTitle = t8.depositTracker.subtitle
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const onDepositSuccessFor = useCallback8(
+  const normalizedPrefilledAmountUsd = useMemo14(
+    () => normalizePrefilledUsdAmount(prefilledAmountUsd),
+    [prefilledAmountUsd]
+  );
+  const onDepositSuccessFor = useCallback10(
     (method) => onDepositSuccess || onEvent ? (data) => {
       const payload = { ...data, method };
       onDepositSuccess?.(payload);
@@ -21956,11 +22233,11 @@ function DepositModal({
     } : void 0,
     [onDepositSuccess, onEvent]
   );
-  const onDepositErrorFor = useCallback8(
+  const onDepositErrorFor = useCallback10(
     (method) => onDepositError ? (error) => onDepositError({ ...error, method }) : void 0,
     [onDepositError]
   );
-  const effectiveInitialScreen = useMemo13(() => {
+  const effectiveInitialScreen = useMemo14(() => {
     const s = initialScreen ?? "main";
     if (s === "tracker" && hideDepositTracker === true) return "main";
     if (s === "cashapp" && enableCashApp === false) return "main";
@@ -21986,7 +22263,7 @@ function DepositModal({
     enableStripeLink
   ]);
   const [containerEl, setContainerEl] = useState40(null);
-  const containerCallbackRef = useCallback8((el) => {
+  const containerCallbackRef = useCallback10((el) => {
     setContainerEl(el);
   }, []);
   const [view, setView] = useState40(effectiveInitialScreen);
@@ -21995,7 +22272,7 @@ function DepositModal({
   const [depositTab, setDepositTab] = useState40(
     () => depositTabForScreen(effectiveInitialScreen)
   );
-  const resetViewTimeoutRef = useRef12(null);
+  const resetViewTimeoutRef = useRef13(null);
   const [cardView, setCardView] = useState40("amount");
   const [exchangeView, setExchangeView] = useState40("providers");
   const [browserWalletModalOpen, setBrowserWalletModalOpen] = useState40(false);
@@ -22339,7 +22616,7 @@ function DepositModal({
   );
   const [cashAppView, setCashAppView] = useState40("amount");
   const [stripeLinkStep, setStripeLinkStep] = useState40("amount");
-  const stripeLinkBackRef = useRef12(null);
+  const stripeLinkBackRef = useRef13(null);
   useEffect34(() => {
     if (view === "stripe_link" && !showStripeLink && effectiveInitialScreen === "main") {
       setView("main");
@@ -22348,7 +22625,7 @@ function DepositModal({
   }, [view, showStripeLink, effectiveInitialScreen]);
   const [cashAppAmount, setCashAppAmount] = useState40("");
   const [applePayView, setApplePayView] = useState40("email_input");
-  const applePayHandleRef = useRef12(null);
+  const applePayHandleRef = useRef13(null);
   const applePayHeaderTitle = (() => {
     switch (applePayView) {
       case "email_input":
@@ -22808,6 +23085,7 @@ function DepositModal({
                         defaultSourceChainId,
                         defaultSourceTokenAddress,
                         defaultSourceSymbol,
+                        prefilledAmountUsd: normalizedPrefilledAmountUsd,
                         depositConfirmationMode,
                         onExecutionsChange: setDepositExecutions,
                         onDepositSuccess: onDepositSuccessFor("transfer"),
@@ -22827,6 +23105,7 @@ function DepositModal({
                         defaultSourceChainId,
                         defaultSourceTokenAddress,
                         defaultSourceSymbol,
+                        prefilledAmountUsd: normalizedPrefilledAmountUsd,
                         depositConfirmationMode,
                         onExecutionsChange: setDepositExecutions,
                         onDepositSuccess: onDepositSuccessFor("transfer"),
@@ -22911,7 +23190,8 @@ function DepositModal({
                         wallets,
                         assetCdnUrl: projectConfig?.asset_cdn_url,
                         hideDepositFlowInfo,
-                        hideDisplayDescription
+                        hideDisplayDescription,
+                        prefilledAmountUsd: normalizedPrefilledAmountUsd
                       }
                     ),
                     depositPoweredByFooter
@@ -22976,7 +23256,8 @@ function DepositModal({
                       defaultSourceChainType,
                       defaultSourceChainId,
                       defaultSourceTokenAddress,
-                      defaultSourceSymbol
+                      defaultSourceSymbol,
+                      prefilledAmountUsd: normalizedPrefilledAmountUsd
                     }
                   ),
                   depositPoweredByFooter
@@ -23008,6 +23289,7 @@ function DepositModal({
                             onDepositSuccess: onDepositSuccessFor("wallet_connect"),
                             onDepositError: onDepositErrorFor("wallet_connect"),
                             amountQuickSelect: browserWalletAmountQuickSelect,
+                            prefilledAmountUsd: normalizedPrefilledAmountUsd,
                             onWalletDisconnect: handleWalletDisconnect,
                             onWalletConnected: (info, dw) => {
                               setBrowserWalletInfo({ ...info, depositWallet: dw });
@@ -23056,7 +23338,8 @@ function DepositModal({
                         assetCdnUrl: projectConfig?.asset_cdn_url,
                         onEvent,
                         onDepositSuccess,
-                        onDepositError
+                        onDepositError,
+                        prefilledAmountUsd: normalizedPrefilledAmountUsd
                       }
                     ),
                     depositPoweredByFooter
@@ -23068,7 +23351,7 @@ function DepositModal({
                       title: "Deposit with Link",
                       showBack: stripeLinkStep !== "checkout" && stripeLinkStep !== "success",
                       onBack: handleBack,
-                      showClose: stripeLinkStep !== "checkout",
+                      showClose: stripeLinkStep !== "checkout" && stripeLinkStep !== "auth",
                       onClose: handleClose
                     }
                   ),
@@ -23099,6 +23382,8 @@ function DepositModal({
                         destinationChainType,
                         destinationChainId,
                         destinationTokenAddress,
+                        countryCode: userIpInfo?.alpha2,
+                        subdivisionCode: userIpInfo?.subdivisionCode ?? void 0,
                         wallets,
                         email: userEmail,
                         iconUrl: projectConfig?.asset_cdn_url ? `${projectConfig.asset_cdn_url}/api/public/icons/onramps/svg/link.svg` : void 0,
@@ -23138,6 +23423,7 @@ function DepositModal({
                         onEvent,
                         onDepositSuccess: onDepositSuccessFor("cashapp"),
                         onDepositError: onDepositErrorFor("cashapp"),
+                        prefilledAmountUsd: normalizedPrefilledAmountUsd,
                         wallets
                       }
                     ),
@@ -23195,16 +23481,16 @@ function DepositModal({
 }
 
 // src/components/checkout/CheckoutModal.tsx
-import { useState as useState41, useEffect as useEffect35, useLayoutEffect as useLayoutEffect3, useCallback as useCallback9, useRef as useRef13, useMemo as useMemo14 } from "react";
+import { useState as useState41, useEffect as useEffect35, useLayoutEffect as useLayoutEffect3, useCallback as useCallback11, useRef as useRef14, useMemo as useMemo15 } from "react";
 import { AlertTriangle as AlertTriangle4, ChevronRight as ChevronRight19 } from "lucide-react";
 
 // src/hooks/use-payment-intent.ts
-import { useQuery as useQuery17 } from "@tanstack/react-query";
+import { useQuery as useQuery18 } from "@tanstack/react-query";
 import { retrievePaymentIntent } from "@unifold/core";
 var TERMINAL_STATUSES = /* @__PURE__ */ new Set(["succeeded", "expired", "refunded", "canceled"]);
 function usePaymentIntent(params) {
   const { clientSecret, publishableKey, enabled = true, pollingInterval = 3e3 } = params;
-  return useQuery17({
+  return useQuery18({
     queryKey: ["unifold", "paymentIntent", clientSecret, publishableKey],
     queryFn: () => retrievePaymentIntent(clientSecret, publishableKey),
     enabled: enabled && !!clientSecret && !!publishableKey,
@@ -23294,11 +23580,11 @@ function CheckoutModal({
 }) {
   const { colors: colors2, fonts, components } = useTheme();
   const [view, setView] = useState41("main");
-  const resetViewTimeoutRef = useRef13(null);
+  const resetViewTimeoutRef = useRef14(null);
   const [browserWalletInfo, setBrowserWalletInfo] = useState41(null);
   const [browserWalletChainType, setBrowserWalletChainType] = useState41(() => getStoredWalletState()?.chainType);
-  const lastCheckoutMethodRef = useRef13(void 0);
-  const emitCheckoutSuccess = useCallback9(
+  const lastCheckoutMethodRef = useRef14(void 0);
+  const emitCheckoutSuccess = useCallback11(
     (data, method) => {
       const isSucceeded = data.status === "succeeded";
       const richIntent = isSucceeded && data.paymentIntent ? mapToCheckoutPaymentIntent(data.paymentIntent) : void 0;
@@ -23361,7 +23647,7 @@ function CheckoutModal({
       setView("main");
     }
   }, [showConnectWallet, showTransferCrypto, view]);
-  const prevStatusRef = useRef13(null);
+  const prevStatusRef = useRef14(null);
   useEffect35(() => {
     if (!paymentIntent) return;
     const prev = prevStatusRef.current;
@@ -23380,11 +23666,11 @@ function CheckoutModal({
       );
     }
   }, [emitCheckoutSuccess, paymentIntent, view]);
-  const wallets = useMemo14(() => {
+  const wallets = useMemo15(() => {
     if (!paymentIntent) return [];
     return mapDepositAddressesToWallets(paymentIntent.deposit_addresses, paymentIntent);
   }, [paymentIntent]);
-  const formatCryptoAmount = useMemo14(() => {
+  const formatCryptoAmount = useMemo15(() => {
     if (!paymentIntent) return (_) => "";
     const decimals = paymentIntent.destination_token_decimals ?? 6;
     const symbol = paymentIntent.currency.toUpperCase();
@@ -23394,7 +23680,7 @@ function CheckoutModal({
       return `${formatted} ${symbol}`;
     };
   }, [paymentIntent]);
-  const remainingAmountUsd = useMemo14(() => {
+  const remainingAmountUsd = useMemo15(() => {
     if (!paymentIntent) return void 0;
     const total = parseFloat(paymentIntent.destination_amount_usd || paymentIntent.amount_usd);
     const received = parseFloat(
@@ -23406,7 +23692,7 @@ function CheckoutModal({
     return remaining > 0 ? remaining.toFixed(2) : "0.00";
   }, [paymentIntent]);
   const [selectedSource, setSelectedSource] = useState41(null);
-  const remainingDestinationAmount = useMemo14(() => {
+  const remainingDestinationAmount = useMemo15(() => {
     if (!paymentIntent) return "0";
     const remaining = BigInt(paymentIntent.destination_amount) - BigInt(paymentIntent.destination_amount_received);
     return remaining > 0n ? remaining.toString() : "0";
@@ -23428,7 +23714,7 @@ function CheckoutModal({
     stablecoinParity: paymentIntent?.stablecoin_parity ?? false,
     enabled: open && view === "transfer" && !!paymentIntent && !!selectedSource && remainingDestinationAmount !== "0"
   });
-  const effectiveCheckoutQuote = useMemo14(() => {
+  const effectiveCheckoutQuote = useMemo15(() => {
     if (!sourceQuote || !selectedSource) return null;
     const baseQuote = {
       sourceAmount: sourceQuote.source_amount,
@@ -23449,7 +23735,7 @@ function CheckoutModal({
       sourceAmountUsd: minUsd.toFixed(2)
     };
   }, [sourceQuote, selectedSource]);
-  const handleBrowserWalletClick = useCallback9(
+  const handleBrowserWalletClick = useCallback11(
     (walletInfo) => {
       const walletChainType = walletInfo.type === "phantom-solana" || walletInfo.type === "solflare" || walletInfo.type === "backpack" || walletInfo.type === "glow" ? "solana" : "ethereum";
       setStoredWalletState(walletInfo.type);
@@ -23472,19 +23758,19 @@ function CheckoutModal({
     },
     [wallets, onCheckoutError]
   );
-  const handleWalletConnectClick = useCallback9(() => {
+  const handleWalletConnectClick = useCallback11(() => {
     setBrowserWalletInfo(null);
     lastCheckoutMethodRef.current = "wallet_connect";
     setView("wallet_connect");
   }, []);
-  const handleWalletDisconnect = useCallback9(() => {
+  const handleWalletDisconnect = useCallback11(() => {
     setUserDisconnectedWallet(true);
     clearStoredWalletState();
     setBrowserWalletChainType(void 0);
     setBrowserWalletInfo(null);
     setView("main");
   }, []);
-  const handleClose = useCallback9(() => {
+  const handleClose = useCallback11(() => {
     onOpenChange(false);
     if (resetViewTimeoutRef.current) {
       clearTimeout(resetViewTimeoutRef.current);
@@ -23514,7 +23800,7 @@ function CheckoutModal({
     },
     []
   );
-  const handleBack = useCallback9(() => {
+  const handleBack = useCallback11(() => {
     setView("main");
   }, []);
   const poweredByFooter = /* @__PURE__ */ jsx64("div", { className: "uf-pt-3", children: /* @__PURE__ */ jsx64(
@@ -23852,7 +24138,7 @@ function CheckoutModal({
                       userId: paymentIntent.user_id || "",
                       publishableKey,
                       clientSecret,
-                      prefillAmountUsd: remainingAmountUsd,
+                      prefilledAmountUsd: remainingAmountUsd,
                       checkoutAmountUsd: paymentIntent.amount_usd,
                       checkoutReceivedUsd: paymentIntent.amount_received_usd,
                       checkoutDestination: {
@@ -23914,16 +24200,16 @@ function CheckoutModal({
 }
 
 // src/components/withdrawals/WithdrawModal.tsx
-import { useState as useState45, useEffect as useEffect39, useLayoutEffect as useLayoutEffect4, useCallback as useCallback11, useRef as useRef15 } from "react";
+import { useState as useState45, useEffect as useEffect39, useLayoutEffect as useLayoutEffect4, useCallback as useCallback13, useRef as useRef16 } from "react";
 import { AlertTriangle as AlertTriangle6, ChevronRight as ChevronRight21, Clock as Clock6 } from "lucide-react";
 
 // src/hooks/use-supported-destination-tokens.ts
-import { useQuery as useQuery18 } from "@tanstack/react-query";
+import { useQuery as useQuery19 } from "@tanstack/react-query";
 import {
   getSupportedDestinationTokens
 } from "@unifold/core";
 function useSupportedDestinationTokens(publishableKey, enabled = true) {
-  return useQuery18({
+  return useQuery19({
     queryKey: ["unifold", "supportedDestinationTokens", publishableKey],
     queryFn: () => getSupportedDestinationTokens(publishableKey),
     staleTime: 1e3 * 60 * 5,
@@ -23952,7 +24238,7 @@ function useDefaultDestinationToken({
 }
 
 // src/hooks/use-source-token-validation.ts
-import { useQuery as useQuery19 } from "@tanstack/react-query";
+import { useQuery as useQuery20 } from "@tanstack/react-query";
 import { getSupportedDepositTokens as getSupportedDepositTokens3 } from "@unifold/core";
 function useSourceTokenValidation(params) {
   const {
@@ -23964,7 +24250,7 @@ function useSourceTokenValidation(params) {
     enabled = true
   } = params;
   const hasParams = !!sourceChainType && !!sourceChainId && !!sourceTokenAddress;
-  return useQuery19({
+  return useQuery20({
     queryKey: [
       "unifold",
       "sourceTokenValidation",
@@ -24012,12 +24298,12 @@ function useSourceTokenValidation(params) {
 }
 
 // src/hooks/use-address-balance.ts
-import { useQuery as useQuery20 } from "@tanstack/react-query";
+import { useQuery as useQuery21 } from "@tanstack/react-query";
 import { getAddressBalance as getAddressBalance2 } from "@unifold/core";
 function useAddressBalance(params) {
   const { address, chainType, chainId, tokenAddress, publishableKey, enabled = true } = params;
   const hasParams = !!address && !!chainType && !!chainId && !!tokenAddress;
-  return useQuery20({
+  return useQuery21({
     queryKey: [
       "unifold",
       "addressBalance",
@@ -24073,11 +24359,11 @@ function useAddressBalance(params) {
 }
 
 // src/hooks/use-executions.ts
-import { useQuery as useQuery21 } from "@tanstack/react-query";
+import { useQuery as useQuery22 } from "@tanstack/react-query";
 import { queryExecutions as queryExecutions4, ActionType as ActionType4 } from "@unifold/core";
 function useExecutions(userId, publishableKey, options) {
   const actionType = options?.actionType ?? ActionType4.Deposit;
-  return useQuery21({
+  return useQuery22({
     queryKey: ["unifold", "executions", actionType, userId, publishableKey],
     queryFn: () => queryExecutions4(userId, publishableKey, actionType),
     enabled: (options?.enabled ?? true) && !!userId,
@@ -24089,7 +24375,7 @@ function useExecutions(userId, publishableKey, options) {
 }
 
 // src/hooks/use-withdraw-polling.ts
-import { useState as useState42, useEffect as useEffect36, useRef as useRef14 } from "react";
+import { useState as useState42, useEffect as useEffect36, useRef as useRef15 } from "react";
 import {
   queryExecutions as queryExecutions5,
   pollDirectExecutions as pollDirectExecutions2,
@@ -24136,11 +24422,11 @@ function useWithdrawPolling({
   });
   const [executions, setExecutions] = useState42([]);
   const [isPolling, setIsPolling] = useState42(false);
-  const enabledAtRef = useRef14(/* @__PURE__ */ new Date());
-  const trackedRef = useRef14(/* @__PURE__ */ new Map());
-  const prevEnabledRef = useRef14(false);
-  const onSuccessRef = useRef14(onWithdrawSuccess);
-  const onErrorRef = useRef14(onWithdrawError);
+  const enabledAtRef = useRef15(/* @__PURE__ */ new Date());
+  const trackedRef = useRef15(/* @__PURE__ */ new Map());
+  const prevEnabledRef = useRef15(false);
+  const onSuccessRef = useRef15(onWithdrawSuccess);
+  const onErrorRef = useRef15(onWithdrawError);
   useEffect36(() => {
     onSuccessRef.current = onWithdrawSuccess;
   }, [onWithdrawSuccess]);
@@ -24408,7 +24694,7 @@ function WithdrawDoubleInput({
 }
 
 // src/components/withdrawals/WithdrawForm.tsx
-import { useState as useState43, useCallback as useCallback10, useMemo as useMemo16, useEffect as useEffect37 } from "react";
+import { useState as useState43, useCallback as useCallback12, useMemo as useMemo17, useEffect as useEffect37 } from "react";
 import {
   AlertTriangle as AlertTriangle5,
   ArrowUpDown,
@@ -24426,7 +24712,7 @@ import {
 } from "@unifold/core";
 
 // src/hooks/use-verify-recipient-address.ts
-import { useQuery as useQuery22 } from "@tanstack/react-query";
+import { useQuery as useQuery23 } from "@tanstack/react-query";
 import { verifyRecipientAddress as verifyRecipientAddress2 } from "@unifold/core";
 function useVerifyRecipientAddress(params) {
   const {
@@ -24439,7 +24725,7 @@ function useVerifyRecipientAddress(params) {
   } = params;
   const trimmedAddress = recipientAddress?.trim() || "";
   const hasAllParams = !!chainType && !!chainId && !!tokenAddress && trimmedAddress.length > 0;
-  return useQuery22({
+  return useQuery23({
     queryKey: [
       "unifold",
       "verifyRecipientAddress",
@@ -24686,11 +24972,11 @@ async function detectBrowserWallet(chainType, senderAddress) {
 }
 
 // src/hooks/use-hypercore-withdraw-activation.ts
-import { useMemo as useMemo15 } from "react";
+import { useMemo as useMemo16 } from "react";
 import { ActionType as ActionType6 } from "@unifold/core";
 
 // src/hooks/use-get-deposit-address.ts
-import { useQuery as useQuery23 } from "@tanstack/react-query";
+import { useQuery as useQuery24 } from "@tanstack/react-query";
 import { getDepositAddress } from "@unifold/core";
 function useGetDepositAddress(params) {
   const {
@@ -24704,7 +24990,7 @@ function useGetDepositAddress(params) {
     enabled = true
   } = params;
   const canFire = !!userId && !!recipientAddress && !!destinationChainType && !!destinationChainId && !!destinationTokenAddress;
-  return useQuery23({
+  return useQuery24({
     queryKey: [
       "unifold",
       "getDepositAddress",
@@ -24773,7 +25059,7 @@ function useHypercoreWithdrawActivation(params) {
     actionType: ActionType6.Withdraw,
     enabled: enabled && isHypercore(sourceChainId)
   });
-  const depositWalletAddress = useMemo15(() => {
+  const depositWalletAddress = useMemo16(() => {
     const wallets = depositWalletLookup.data?.data ?? [];
     return wallets.find((w) => w.chain_type === sourceChainType)?.address;
   }, [depositWalletLookup.data, sourceChainType]);
@@ -24895,7 +25181,7 @@ function WithdrawForm({
     enabled: debouncedAddress.length > 5 && !!selectedChain
   });
   const isDebouncing = trimmedAddress !== debouncedAddress;
-  const addressError = useMemo16(() => {
+  const addressError = useMemo17(() => {
     if (!trimmedAddress || trimmedAddress.length <= 5) return null;
     if (isDebouncing || isVerifyingAddress) return null;
     if (verifyError) return t10.invalidAddress;
@@ -24929,33 +25215,33 @@ function WithdrawForm({
     destinationTokenAddress: selectedChain?.token_address,
     enabled: isAddressValid
   });
-  const exchangeRate = useMemo16(() => {
+  const exchangeRate = useMemo17(() => {
     if (!balanceData?.exchangeRate) return 0;
     return parseFloat(balanceData.exchangeRate);
   }, [balanceData]);
-  const balanceCrypto = useMemo16(() => {
+  const balanceCrypto = useMemo17(() => {
     if (!balanceData?.balanceHuman) return 0;
     return parseFloat(balanceData.balanceHuman);
   }, [balanceData]);
-  const balanceUsdNum = useMemo16(() => {
+  const balanceUsdNum = useMemo17(() => {
     if (!balanceData?.balanceUsd) return 0;
     return parseFloat(balanceData.balanceUsd);
   }, [balanceData]);
   const tokenSymbol = sourceTokenSymbol || balanceData?.symbol || "TOKEN";
   const sourceDecimals = balanceData?.decimals ?? 6;
-  const cryptoAmountFromInput = useMemo16(() => {
+  const cryptoAmountFromInput = useMemo17(() => {
     const val = parseFloat(amount);
     if (!val || val <= 0) return 0;
     if (inputUnit === "crypto") return val;
     return exchangeRate > 0 ? val / exchangeRate : 0;
   }, [amount, inputUnit, exchangeRate]);
-  const fiatAmountFromInput = useMemo16(() => {
+  const fiatAmountFromInput = useMemo17(() => {
     const val = parseFloat(amount);
     if (!val || val <= 0) return 0;
     if (inputUnit === "fiat") return val;
     return val * exchangeRate;
   }, [amount, inputUnit, exchangeRate]);
-  const convertedDisplay = useMemo16(() => {
+  const convertedDisplay = useMemo17(() => {
     if (!amount || parseFloat(amount) <= 0) return null;
     if (inputUnit === "crypto") {
       return `$${fiatAmountFromInput.toLocaleString(void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`;
@@ -24974,7 +25260,7 @@ function WithdrawForm({
     isMaxed,
     isStablecoin
   ]);
-  const balanceDisplay = useMemo16(() => {
+  const balanceDisplay = useMemo17(() => {
     if (isLoadingBalance || !balanceData) return null;
     if (inputUnit === "crypto") {
       const displayDecimals = isStablecoin ? 2 : 6;
@@ -24997,7 +25283,7 @@ function WithdrawForm({
     tokenSymbol,
     isStablecoin
   ]);
-  const handleSwitchUnit = useCallback10(() => {
+  const handleSwitchUnit = useCallback12(() => {
     if (isMaxed && balanceData) {
       if (inputUnit === "crypto") {
         setAmount((Math.round(balanceUsdNum * 100) / 100).toFixed(2));
@@ -25024,7 +25310,7 @@ function WithdrawForm({
       setInputUnit("crypto");
     }
   }, [amount, inputUnit, exchangeRate, sourceDecimals, isMaxed, balanceData, balanceUsdNum]);
-  const handleMaxClick = useCallback10(() => {
+  const handleMaxClick = useCallback12(() => {
     if (inputUnit === "crypto") {
       if (balanceCrypto <= 0) return;
       setAmount(balanceData?.balanceHuman ?? "0");
@@ -25038,7 +25324,7 @@ function WithdrawForm({
   const isBelowMinimum = minimumWithdrawAmountUsd !== null && fiatAmountFromInput > 0 && Math.round(fiatAmountFromInput * 100) / 100 < minimumWithdrawAmountUsd;
   const isOverBalance = inputUnit === "crypto" ? cryptoAmountFromInput > 0 && balanceCrypto > 0 && cryptoAmountFromInput > balanceCrypto : fiatAmountFromInput > 0 && balanceUsdNum > 0 && Math.round(fiatAmountFromInput * 100) / 100 > Math.round(balanceUsdNum * 100) / 100;
   const isFormValid = trimmedAddress.length > 0 && amount.trim().length > 0 && cryptoAmountFromInput > 0 && isAddressValid && !isBelowMinimum && !isOverBalance && !isBalanceBelowMinimum && !!balanceData;
-  const handleWithdraw = useCallback10(async () => {
+  const handleWithdraw = useCallback12(async () => {
     if (!selectedToken || !selectedChain) return;
     if (!isFormValid) return;
     setIsSubmitting(true);
@@ -25824,7 +26110,7 @@ function WithdrawModal({
   theme = "dark",
   hideOverlay = false
 }) {
-  const onWithdrawSuccessFor = useCallback11(
+  const onWithdrawSuccessFor = useCallback13(
     (data) => {
       onWithdrawSuccess?.(data);
       if (data.execution) {
@@ -25835,7 +26121,7 @@ function WithdrawModal({
   );
   const { colors: colors2, fonts, components } = useTheme();
   const [containerEl, setContainerEl] = useState45(null);
-  const containerCallbackRef = useCallback11((el) => {
+  const containerCallbackRef = useCallback13((el) => {
     setContainerEl(el);
   }, []);
   const [resolvedTheme, setResolvedTheme] = useState45(
@@ -25908,7 +26194,7 @@ function WithdrawModal({
     refetchInterval: view === "tracker" || view === "detail" ? 5e3 : 15e3
   });
   const allWithdrawals = allWithdrawalsData?.data ?? [];
-  const handleDepositWalletCreation = useCallback11(
+  const handleDepositWalletCreation = useCallback13(
     async (params) => {
       const { data: wallets } = await createDepositAddress2(
         {
@@ -25931,12 +26217,12 @@ function WithdrawModal({
     },
     [externalUserId, publishableKey, sourceChainType]
   );
-  const handleWithdrawSubmitted = useCallback11((txInfo) => {
+  const handleWithdrawSubmitted = useCallback13((txInfo) => {
     setSubmittedTxInfo(txInfo);
     setView("confirming");
   }, []);
-  const resetViewTimeoutRef = useRef15(null);
-  const handleClose = useCallback11(() => {
+  const resetViewTimeoutRef = useRef16(null);
+  const handleClose = useCallback13(() => {
     onOpenChange(false);
     if (resetViewTimeoutRef.current) clearTimeout(resetViewTimeoutRef.current);
     resetViewTimeoutRef.current = setTimeout(() => {
@@ -25964,13 +26250,13 @@ function WithdrawModal({
     },
     []
   );
-  const handleTokenSymbolChange = useCallback11(
+  const handleTokenSymbolChange = useCallback13(
     (symbol) => {
       setSelectedTokenSymbol(symbol);
     },
     [setSelectedTokenSymbol]
   );
-  const handleChainKeyChange = useCallback11(
+  const handleChainKeyChange = useCallback13(
     (chainKey) => {
       setSelectedChainKey(chainKey);
     },
@@ -26157,7 +26443,7 @@ function WithdrawModal({
 }
 
 // src/components/withdrawals/WithdrawTokenSelector.tsx
-import { useState as useState46, useMemo as useMemo17 } from "react";
+import { useState as useState46, useMemo as useMemo18 } from "react";
 import { Search } from "lucide-react";
 import Fuse2 from "fuse.js";
 import { jsx as jsx70, jsxs as jsxs64 } from "react/jsx-runtime";
@@ -26166,7 +26452,7 @@ function WithdrawTokenSelector({ tokens, onSelect, onBack }) {
   const { themeClass, colors: colors2, fonts, components } = useTheme();
   const [searchQuery, setSearchQuery] = useState46("");
   const [hoveredKey, setHoveredKey] = useState46(null);
-  const allOptions = useMemo17(() => {
+  const allOptions = useMemo18(() => {
     const options = [];
     tokens.forEach((token) => {
       token.chains.forEach((chain) => {
@@ -26175,7 +26461,7 @@ function WithdrawTokenSelector({ tokens, onSelect, onBack }) {
     });
     return options;
   }, [tokens]);
-  const fuse = useMemo17(
+  const fuse = useMemo18(
     () => new Fuse2(allOptions, {
       keys: [
         { name: "token.symbol", weight: 2 },
@@ -26188,7 +26474,7 @@ function WithdrawTokenSelector({ tokens, onSelect, onBack }) {
     }),
     [allOptions]
   );
-  const filteredOptions = useMemo17(() => {
+  const filteredOptions = useMemo18(() => {
     if (!searchQuery.trim()) return allOptions;
     const query = searchQuery.trim();
     const results = fuse.search(query);