@unifold/ui-react 0.1.68 → 0.1.69

package/dist/index.js

@@ -697,7 +697,9 @@ function GeoRestrictionScreen({ methodName, message }) {
 }
 
 // src/components/deposits/BuyWithCard.tsx
+var React5 = __toESM(require("react"));
 var import_react8 = require("react");
+var import_react_query3 = require("@tanstack/react-query");
 var import_lucide_react8 = require("lucide-react");
 var import_core9 = require("@unifold/core");
 
@@ -2685,13 +2687,25 @@ function BuyWithCard({
   wallets: externalWallets,
   assetCdnUrl,
   hideDepositFlowInfo = false,
-  hideDisplayDescription = false
+  hideDisplayDescription = false,
+  prefilledAmountUsd
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const [amount, setAmount] = (0, import_react8.useState)("");
+  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 = (0, import_react8.useRef)(!!cleanedPrefilledAmountUsd);
+  const [amount, setAmount] = (0, import_react8.useState)(() => cleanedPrefilledAmountUsd);
   const [currency, setCurrency] = (0, import_react8.useState)("usd");
   const [hasManualCurrencySelection, setHasManualCurrencySelection] = (0, import_react8.useState)(false);
-  const [hasManualAmountEntry, setHasManualAmountEntry] = (0, import_react8.useState)(false);
+  const [hasManualAmountEntry, setHasManualAmountEntry] = (0, import_react8.useState)(
+    () => !!cleanedPrefilledAmountUsd
+  );
   const [showCurrencyModal, setShowCurrencyModal] = (0, import_react8.useState)(false);
   const [quotes, setQuotes] = (0, import_react8.useState)([]);
   const [quotesLoading, setQuotesLoading] = (0, import_react8.useState)(false);
@@ -2748,6 +2762,71 @@ function BuyWithCard({
   const [preferredCurrencyCodes, setPreferredCurrencyCodes] = (0, import_react8.useState)([]);
   const [currenciesLoading, setCurrenciesLoading] = (0, import_react8.useState)(true);
   const [destinationToken, setDestinationToken] = (0, import_react8.useState)(null);
+  (0, import_react8.useEffect)(() => {
+    const hasPrefilledAmount = !!cleanedPrefilledAmountUsd;
+    shouldAutoConvertPrefilledRef.current = hasPrefilledAmount;
+    if (!hasPrefilledAmount) return;
+    setAmount(cleanedPrefilledAmountUsd);
+    setHasManualAmountEntry(true);
+  }, [cleanedPrefilledAmountUsd]);
+  const { data: fiatExchangeRatesResponse, isLoading: isFiatExchangeRatesLoading } = (0, import_react_query3.useQuery)({
+    queryKey: ["fiat-exchange-rates", publishableKey],
+    staleTime: 3e4,
+    refetchInterval: 3e4,
+    queryFn: async () => {
+      try {
+        return await (0, import_core9.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]
+  );
+  (0, import_react8.useEffect)(() => {
+    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 ? (0, import_core9.getWalletByChainType)(wallets, defaultToken.destination_token_metadata.chain_type)?.id : void 0;
   const { executions, isPolling, showWaitingUi } = useDepositPolling({
     userId,
@@ -2778,6 +2857,7 @@ function BuyWithCard({
   }, [publishableKey]);
   (0, import_react8.useEffect)(() => {
     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));
@@ -2796,7 +2876,15 @@ function BuyWithCard({
   const prevCurrencyRef = (0, import_react8.useRef)(null);
   (0, import_react8.useEffect)(() => {
     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()
       );
@@ -2805,7 +2893,7 @@ function BuyWithCard({
       }
     }
     prevCurrencyRef.current = currency;
-  }, [currency]);
+  }, [currency, fiatCurrencies, hasManualAmountEntry]);
   (0, import_react8.useEffect)(() => {
     async function fetchDestinationToken() {
       try {
@@ -2982,6 +3070,7 @@ function BuyWithCard({
     return () => clearInterval(timer);
   }, [quotes.length, amount]);
   const handleAmountChange = (value) => {
+    shouldAutoConvertPrefilledRef.current = false;
     if (value === "") {
       setAmount(value);
       setHasManualAmountEntry(true);
@@ -2995,6 +3084,7 @@ function BuyWithCard({
     }
   };
   const handleQuickAmount = (quickAmount) => {
+    shouldAutoConvertPrefilledRef.current = false;
     setAmount(quickAmount.toString());
     setHasManualAmountEntry(true);
   };
@@ -3598,8 +3688,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
           }
@@ -3618,7 +3743,7 @@ function BuyWithCard({
 }
 
 // src/components/deposits/BuyWithApplePay.tsx
-var React5 = __toESM(require("react"));
+var React6 = __toESM(require("react"));
 var import_react10 = require("react");
 var import_lucide_react9 = require("lucide-react");
 var import_core13 = require("@unifold/core");
@@ -3665,13 +3790,13 @@ function isOnrampTokenFresh(contact) {
 }
 
 // src/hooks/use-coinbase-legal-agreements.ts
-var import_react_query3 = require("@tanstack/react-query");
+var import_react_query4 = require("@tanstack/react-query");
 var import_core10 = require("@unifold/core");
 function useCoinbaseLegalAgreements({
   publishableKey,
   enabled = true
 }) {
-  return (0, import_react_query3.useQuery)({
+  return (0, import_react_query4.useQuery)({
     queryKey: ["unifold", "coinbaseLegalAgreements", publishableKey],
     queryFn: () => (0, import_core10.getCoinbaseLegalAgreements)(publishableKey),
     enabled: enabled && !!publishableKey,
@@ -3687,7 +3812,7 @@ function useCoinbaseLegalAgreements({
 var import_react9 = require("react");
 
 // src/hooks/use-apple-pay-limits.ts
-var import_react_query4 = require("@tanstack/react-query");
+var import_react_query5 = require("@tanstack/react-query");
 var import_core11 = require("@unifold/core");
 var US_E164_REGEX = /^\+1\d{10}$/;
 function useApplePayLimits({
@@ -3696,7 +3821,7 @@ function useApplePayLimits({
   enabled = true
 }) {
   const phoneValid = US_E164_REGEX.test(phone);
-  return (0, import_react_query4.useQuery)({
+  return (0, import_react_query5.useQuery)({
     queryKey: ["unifold", "applePayLimits", phone, publishableKey],
     queryFn: ({ signal }) => (0, import_core11.getCoinbaseApplePayLimits)(phone, publishableKey, signal),
     enabled: enabled && phoneValid && !!publishableKey,
@@ -3786,7 +3911,7 @@ function useApplePayInitialScreen({
 }
 
 // src/hooks/use-default-onramp-token.ts
-var import_react_query5 = require("@tanstack/react-query");
+var import_react_query6 = require("@tanstack/react-query");
 var import_core12 = require("@unifold/core");
 function useDefaultOnrampToken({
   publishableKey,
@@ -3802,7 +3927,7 @@ function useDefaultOnrampToken({
     isLoading,
     isError,
     error
-  } = (0, import_react_query5.useQuery)({
+  } = (0, import_react_query6.useQuery)({
     queryKey: [
       "unifold",
       "defaultOnrampToken",
@@ -3879,7 +4004,7 @@ function parseCoinbasePostMessage(raw) {
     } : void 0
   };
 }
-var BuyWithApplePay = React5.forwardRef(
+var BuyWithApplePay = React6.forwardRef(
   function BuyWithApplePay2({
     userId,
     publishableKey,
@@ -4038,7 +4163,7 @@ var BuyWithApplePay = React5.forwardRef(
         popupRef.current = null;
       };
     }, []);
-    React5.useImperativeHandle(
+    React6.useImperativeHandle(
       ref,
       () => ({
         requestBack: () => {
@@ -5348,7 +5473,7 @@ function LegalDisclaimer({ legalAgreements, loading }) {
       children: [
         "By continuing, you agree to Coinbase's",
         " ",
-        agreements.map((a, idx, arr) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(React5.Fragment, { children: [
+        agreements.map((a, idx, arr) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(React6.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
             "a",
             {
@@ -5784,10 +5909,10 @@ function useIsMobileViewport() {
 }
 
 // src/hooks/use-cashapp-limits.ts
-var import_react_query6 = require("@tanstack/react-query");
+var import_react_query7 = require("@tanstack/react-query");
 var import_core15 = require("@unifold/core");
 function useCashAppLimits({ publishableKey, currency = "usd" }) {
-  return (0, import_react_query6.useQuery)({
+  return (0, import_react_query7.useQuery)({
     queryKey: ["unifold", "cashAppLimits", currency, publishableKey],
     queryFn: () => (0, import_core15.getCashAppLimits)(currency, publishableKey),
     enabled: !!publishableKey,
@@ -5803,6 +5928,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,
@@ -5817,6 +5943,7 @@ function PayWithCashApp({
   onEvent,
   onDepositSuccess,
   onDepositError,
+  prefilledAmountUsd,
   wallets = []
 }) {
   const { colors: colors2, fonts, components } = useTheme();
@@ -5832,7 +5959,7 @@ 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] = (0, import_react14.useState)("");
+  const [amount, setAmount] = (0, import_react14.useState)(() => sanitizePrefilledUsd(prefilledAmountUsd));
   const [loading, setLoading] = (0, import_react14.useState)(false);
   const [session, setSession] = (0, import_react14.useState)(null);
   const [status, setStatus] = (0, import_react14.useState)("pending");
@@ -5955,6 +6082,13 @@ function PayWithCashApp({
     return () => clearInterval(interval);
   }, [session, view, status, publishableKey, onDepositSuccess, onDepositError]);
   const [softExpired, setSoftExpired] = (0, import_react14.useState)(false);
+  (0, import_react14.useEffect)(() => {
+    if (!prefilledAmountUsd) return;
+    const cleaned = sanitizePrefilledUsd(prefilledAmountUsd);
+    if (!cleaned) return;
+    setAmount(cleaned);
+    onAmountChange?.(cleaned);
+  }, [prefilledAmountUsd, onAmountChange]);
   (0, import_react14.useEffect)(() => {
     if (!session?.expires_at || view !== "payment") return;
     const expiresMs = new Date(session.expires_at).getTime();
@@ -6310,7 +6444,7 @@ var import_lucide_react12 = require("lucide-react");
 var import_core18 = require("@unifold/core");
 
 // src/hooks/use-bank-transfer-providers.ts
-var import_react_query7 = require("@tanstack/react-query");
+var import_react_query8 = require("@tanstack/react-query");
 var import_core17 = require("@unifold/core");
 function useBankTransferProviders({
   publishableKey,
@@ -6318,7 +6452,7 @@ function useBankTransferProviders({
   countryCode
 }) {
   const normalizedCountry = countryCode?.toUpperCase();
-  const { data: providers, isLoading } = (0, import_react_query7.useQuery)({
+  const { data: providers, isLoading } = (0, import_react_query8.useQuery)({
     queryKey: ["unifold", "bankTransferProviders", publishableKey, normalizedCountry ?? null],
     queryFn: () => (0, import_core17.getBankTransferProviders)(publishableKey, { countryCode: normalizedCountry }),
     enabled,
@@ -6359,7 +6493,8 @@ function BankTransfer({
   assetCdnUrl,
   onDepositSuccess,
   onEvent,
-  onDepositError
+  onDepositError,
+  prefilledAmountUsd
 }) {
   const { colors: colors2, fonts, components } = useTheme();
   const [internalView, setInternalView] = (0, import_react15.useState)("providers");
@@ -6369,6 +6504,10 @@ function BankTransfer({
   const [requestBase, setRequestBase] = (0, import_react15.useState)(null);
   const [activeRequest, setActiveRequest] = (0, import_react15.useState)(null);
   const [amount, setAmount] = (0, import_react15.useState)("");
+  const [fiatExchangeRates, setFiatExchangeRates] = (0, import_react15.useState)({
+    usd: 1
+  });
+  const providerSelectionRequestIdRef = (0, import_react15.useRef)(0);
   const currentView = externalView ?? internalView;
   const setView = (v) => {
     setInternalView(v);
@@ -6418,7 +6557,38 @@ function BankTransfer({
     () => destinationTokenSymbol?.toUpperCase() ?? defaultToken?.destination_token_metadata?.symbol?.toUpperCase() ?? defaultToken?.destination_currency?.toUpperCase() ?? "USDC",
     [destinationTokenSymbol, defaultToken]
   );
-  const handleProviderClick = (provider) => {
+  const resolvePrefilledSourceAmount = (0, import_react15.useCallback)(
+    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 (0, import_core18.getFiatExchangeRates)({}, 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) {
@@ -6437,6 +6607,7 @@ function BankTransfer({
       });
       return;
     }
+    const requestId = ++providerSelectionRequestIdRef.current;
     setRequestBase({
       service_provider: provider.service_provider,
       country_code: (userIpInfo?.alpha2 || "DE").toUpperCase(),
@@ -6450,7 +6621,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) => {
@@ -6548,7 +6722,7 @@ function BankTransfer({
                   return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
                     "button",
                     {
-                      onClick: () => handleProviderClick(provider),
+                      onClick: () => void handleProviderClick(provider),
                       onMouseEnter: () => !disabled && setHoveredId(provider.service_provider),
                       onMouseLeave: () => setHoveredId(null),
                       disabled,
@@ -7117,7 +7291,7 @@ function DepositExecutionItem({ execution, onClick }) {
 }
 
 // src/components/deposits/buttons/TransferCryptoButton.tsx
-var React6 = __toESM(require("react"));
+var React7 = __toESM(require("react"));
 var import_lucide_react14 = require("lucide-react");
 var import_jsx_runtime19 = require("react/jsx-runtime");
 function TransferCryptoButton({
@@ -7127,9 +7301,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) : [];
@@ -7204,7 +7378,7 @@ function TransferCryptoButton({
 }
 
 // src/components/deposits/buttons/DepositWithCardButton.tsx
-var React7 = __toESM(require("react"));
+var React8 = __toESM(require("react"));
 var import_lucide_react15 = require("lucide-react");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 function DepositWithCardButton({
@@ -7214,9 +7388,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__ */ (0, import_jsx_runtime20.jsxs)(
@@ -7289,7 +7463,7 @@ function DepositWithCardButton({
 }
 
 // src/components/deposits/buttons/PayWithExchangeButton.tsx
-var React8 = __toESM(require("react"));
+var React9 = __toESM(require("react"));
 var import_lucide_react16 = require("lucide-react");
 var import_jsx_runtime21 = require("react/jsx-runtime");
 function PayWithExchangeButton({
@@ -7300,9 +7474,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) {
@@ -7381,11 +7555,11 @@ function PayWithExchangeButton({
 }
 
 // src/components/deposits/buttons/ConnectExchangeButton.tsx
-var React10 = __toESM(require("react"));
+var React11 = __toESM(require("react"));
 var import_lucide_react17 = require("lucide-react");
 
 // src/components/shared/button.tsx
-var React9 = __toESM(require("react"));
+var React10 = __toESM(require("react"));
 var import_react_slot = require("@radix-ui/react-slot");
 var import_class_variance_authority = require("class-variance-authority");
 var import_jsx_runtime22 = require("react/jsx-runtime");
@@ -7414,11 +7588,11 @@ var buttonVariants = (0, import_class_variance_authority.cva)(
     }
   }
 );
-var Button = React9.forwardRef(
+var Button = React10.forwardRef(
   ({ className, variant, size, asChild = false, style, ...props }, ref) => {
     const Comp = asChild ? import_react_slot.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;
@@ -7456,9 +7630,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;
@@ -7598,7 +7772,7 @@ function ConnectExchangeButton({
 }
 
 // src/components/deposits/buttons/DepositTrackerButton.tsx
-var React11 = __toESM(require("react"));
+var React12 = __toESM(require("react"));
 var import_lucide_react18 = require("lucide-react");
 var import_jsx_runtime24 = require("react/jsx-runtime");
 function DepositTrackerButton({
@@ -7608,9 +7782,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__ */ (0, import_jsx_runtime24.jsxs)(
@@ -7681,14 +7855,14 @@ function DepositTrackerButton({
 }
 
 // src/components/deposits/buttons/CashAppButton.tsx
-var React12 = __toESM(require("react"));
+var React13 = __toESM(require("react"));
 var import_lucide_react19 = require("lucide-react");
 var import_jsx_runtime25 = require("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__ */ (0, import_jsx_runtime25.jsxs)(
@@ -7752,7 +7926,7 @@ function CashAppButton({ onClick, title, subtitle, iconUrl }) {
 }
 
 // src/components/deposits/buttons/ApplePayButton.tsx
-var React13 = __toESM(require("react"));
+var React14 = __toESM(require("react"));
 var import_lucide_react20 = require("lucide-react");
 var import_jsx_runtime26 = require("react/jsx-runtime");
 function AppleLogo({ className, style }) {
@@ -7777,9 +7951,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__ */ (0, import_jsx_runtime26.jsxs)(
@@ -7836,7 +8010,7 @@ function ApplePayButton({ onClick, title, subtitle }) {
 }
 
 // src/components/deposits/buttons/BankTransferButton.tsx
-var React14 = __toESM(require("react"));
+var React15 = __toESM(require("react"));
 var import_lucide_react21 = require("lucide-react");
 var import_jsx_runtime27 = require("react/jsx-runtime");
 function BankTransferButton({
@@ -7846,9 +8020,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__ */ (0, import_jsx_runtime27.jsxs)(
@@ -7906,7 +8080,7 @@ function BankTransferButton({
 }
 
 // src/components/deposits/buttons/BrowserWalletButton.tsx
-var React28 = __toESM(require("react"));
+var React29 = __toESM(require("react"));
 var import_lucide_react22 = require("lucide-react");
 var import_core20 = require("@unifold/core");
 
@@ -7961,7 +8135,7 @@ function collectAllEip6963EthProviders() {
 }
 
 // src/components/deposits/browser-wallets/useDetectedBrowserWallet.ts
-var React15 = __toESM(require("react"));
+var React16 = __toESM(require("react"));
 
 // src/components/deposits/browser-wallets/detectConnectedWallet.ts
 function identifyEthWallet(provider, hint) {
@@ -8112,18 +8286,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);
@@ -8267,10 +8441,10 @@ async function disconnectInjectedBrowserWallet(wallet) {
 }
 
 // src/resources/icons/MetamaskIcon.tsx
-var React16 = __toESM(require("react"));
+var React17 = __toESM(require("react"));
 var import_jsx_runtime28 = require("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__ */ (0, import_jsx_runtime28.jsxs)(
       "svg",
@@ -8392,10 +8566,10 @@ function MetamaskIcon({ size = 24, className, variant = "color" }) {
 }
 
 // src/resources/icons/PhantomIcon.tsx
-var React17 = __toESM(require("react"));
+var React18 = __toESM(require("react"));
 var import_jsx_runtime29 = require("react/jsx-runtime");
 function PhantomIcon({ size = 24, className, variant = "color" }) {
-  const id = React17.useId();
+  const id = React18.useId();
   if (variant === "light") {
     return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
       "svg",
@@ -8463,10 +8637,10 @@ function PhantomIcon({ size = 24, className, variant = "color" }) {
 }
 
 // src/resources/icons/CoinbaseIcon.tsx
-var React18 = __toESM(require("react"));
+var React19 = __toESM(require("react"));
 var import_jsx_runtime30 = require("react/jsx-runtime");
 function CoinbaseIcon({ size = 24, className, variant = "color" }) {
-  const id = React18.useId();
+  const id = React19.useId();
   if (variant === "light") {
     return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
       "svg",
@@ -8547,10 +8721,10 @@ function CoinbaseIcon({ size = 24, className, variant = "color" }) {
 }
 
 // src/resources/icons/RabbyIcon.tsx
-var React19 = __toESM(require("react"));
+var React20 = __toESM(require("react"));
 var import_jsx_runtime31 = require("react/jsx-runtime");
 function RabbyIcon({ size = 24, className, variant = "color" }) {
-  const id = React19.useId();
+  const id = React20.useId();
   if (variant === "light") {
     return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
       "svg",
@@ -8898,10 +9072,10 @@ function RabbyIcon({ size = 24, className, variant = "color" }) {
 }
 
 // src/resources/icons/RainbowIcon.tsx
-var React20 = __toESM(require("react"));
+var React21 = __toESM(require("react"));
 var import_jsx_runtime32 = require("react/jsx-runtime");
 function RainbowIcon({ size = 24, className, variant = "color" }) {
-  const id = React20.useId();
+  const id = React21.useId();
   if (variant === "light") {
     return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
       "svg",
@@ -9316,10 +9490,10 @@ function RainbowIcon({ size = 24, className, variant = "color" }) {
 }
 
 // src/resources/icons/TrustIcon.tsx
-var React21 = __toESM(require("react"));
+var React22 = __toESM(require("react"));
 var import_jsx_runtime33 = require("react/jsx-runtime");
 function TrustIcon({ size = 24, className, variant = "color" }) {
-  const id = React21.useId();
+  const id = React22.useId();
   if (variant === "light") {
     return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       "svg",
@@ -9403,10 +9577,10 @@ function TrustIcon({ size = 24, className, variant = "color" }) {
 }
 
 // src/resources/icons/OkxIcon.tsx
-var React22 = __toESM(require("react"));
+var React23 = __toESM(require("react"));
 var import_jsx_runtime34 = require("react/jsx-runtime");
 function OkxIcon({ size = 24, className, variant = "color" }) {
-  const id = React22.useId();
+  const id = React23.useId();
   if (variant === "light") {
     return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       "svg",
@@ -9462,10 +9636,10 @@ function OkxIcon({ size = 24, className, variant = "color" }) {
 }
 
 // src/resources/icons/GlowIcon.tsx
-var React23 = __toESM(require("react"));
+var React24 = __toESM(require("react"));
 var import_jsx_runtime35 = require("react/jsx-runtime");
 function GlowIcon({ size = 24, className, variant = "color" }) {
-  const id = React23.useId();
+  const id = React24.useId();
   if (variant === "light") {
     return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       "svg",
@@ -9567,10 +9741,10 @@ function GlowIcon({ size = 24, className, variant = "color" }) {
 }
 
 // src/resources/icons/BackpackIcon.tsx
-var React24 = __toESM(require("react"));
+var React25 = __toESM(require("react"));
 var import_jsx_runtime36 = require("react/jsx-runtime");
 function BackpackIcon({ size = 24, className, variant = "color" }) {
-  const id = React24.useId();
+  const id = React25.useId();
   if (variant === "light") {
     return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       "svg",
@@ -9644,10 +9818,10 @@ function BackpackIcon({ size = 24, className, variant = "color" }) {
 }
 
 // src/resources/icons/SolflareIcon.tsx
-var React25 = __toESM(require("react"));
+var React26 = __toESM(require("react"));
 var import_jsx_runtime37 = require("react/jsx-runtime");
 function SolflareIcon({ size = 24, className, variant = "color" }) {
-  const id = React25.useId();
+  const id = React26.useId();
   if (variant === "light") {
     return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
       "svg",
@@ -9715,10 +9889,10 @@ function SolflareIcon({ size = 24, className, variant = "color" }) {
 }
 
 // src/resources/icons/EthereumIcon.tsx
-var React26 = __toESM(require("react"));
+var React27 = __toESM(require("react"));
 var import_jsx_runtime38 = require("react/jsx-runtime");
 function EthereumIcon({ size = 24, className, variant = "color" }) {
-  const id = React26.useId();
+  const id = React27.useId();
   if (variant === "light") {
     return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
       "svg",
@@ -9843,10 +10017,10 @@ function EthereumIcon({ size = 24, className, variant = "color" }) {
 }
 
 // src/resources/icons/SolanaIcon.tsx
-var React27 = __toESM(require("react"));
+var React28 = __toESM(require("react"));
 var import_jsx_runtime39 = require("react/jsx-runtime");
 function SolanaIcon({ size = 24, className, variant = "color" }) {
-  const id = React27.useId();
+  const id = React28.useId();
   if (variant === "light") {
     return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
       "svg",
@@ -10097,19 +10271,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;
@@ -10236,7 +10410,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"
@@ -10381,7 +10555,7 @@ function BrowserWalletButton({
 }
 
 // src/components/deposits/buttons/StripeLinkButton.tsx
-var React29 = __toESM(require("react"));
+var React30 = __toESM(require("react"));
 var import_lucide_react23 = require("lucide-react");
 var import_jsx_runtime42 = require("react/jsx-runtime");
 var t4 = i18n.depositModal.stripeLink;
@@ -10392,9 +10566,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__ */ (0, import_jsx_runtime42.jsxs)(
@@ -10899,6 +11073,8 @@ function PayWithStripeLink({
   destinationChainType,
   destinationChainId,
   destinationTokenAddress,
+  countryCode,
+  subdivisionCode,
   wallets: externalWallets,
   email: emailProp,
   iconUrl,
@@ -11293,7 +11469,9 @@ function PayWithStripeLink({
       {
         tokenAddress: destinationTokenAddress,
         chainId: destinationChainId,
-        chainType: destinationChainType
+        chainType: destinationChainType,
+        countryCode,
+        subdivisionCode
       },
       publishableKey
     ).then((token) => {
@@ -11312,7 +11490,14 @@ function PayWithStripeLink({
     return () => {
       cancelled = true;
     };
-  }, [publishableKey, destinationTokenAddress, destinationChainId, destinationChainType]);
+  }, [
+    publishableKey,
+    destinationTokenAddress,
+    destinationChainId,
+    destinationChainType,
+    countryCode,
+    subdivisionCode
+  ]);
   const destinationCurrency = stripeDestCurrency;
   const authInnerRef = (0, import_react17.useRef)(null);
   const paymentInnerRef = (0, import_react17.useRef)(null);
@@ -14167,7 +14352,7 @@ var import_lucide_react26 = require("lucide-react");
 var import_core25 = require("@unifold/core");
 
 // src/hooks/use-project-config.ts
-var import_react_query8 = require("@tanstack/react-query");
+var import_react_query9 = require("@tanstack/react-query");
 var import_core22 = require("@unifold/core");
 function useProjectConfig({
   publishableKey,
@@ -14179,7 +14364,7 @@ function useProjectConfig({
     data: projectConfig,
     isLoading,
     error
-  } = (0, import_react_query8.useQuery)({
+  } = (0, import_react_query9.useQuery)({
     // 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.
@@ -14189,7 +14374,7 @@ function useProjectConfig({
     // Keep the previous (e.g. no-country) config visible while the region-aware
     // config refetches after the country resolves, so unrelated config-driven
     // UI doesn't flash back to defaults.
-    placeholderData: import_react_query8.keepPreviousData,
+    placeholderData: import_react_query9.keepPreviousData,
     staleTime: 1e3 * 60 * 30,
     refetchOnMount: true,
     refetchOnWindowFocus: true
@@ -14198,7 +14383,7 @@ function useProjectConfig({
 }
 
 // src/hooks/use-supported-deposit-tokens.ts
-var import_react_query9 = require("@tanstack/react-query");
+var import_react_query10 = require("@tanstack/react-query");
 var import_core23 = require("@unifold/core");
 function useSupportedDepositTokens(publishableKey, options) {
   const hasDestination = options?.destination_token_address && options?.destination_chain_id && options?.destination_chain_type;
@@ -14211,7 +14396,7 @@ function useSupportedDepositTokens(publishableKey, options) {
     ...options?.product_type ? { product_type: options.product_type } : {}
   };
   const hasFilteredOptions = Object.keys(filteredOptions).length > 0;
-  return (0, import_react_query9.useQuery)({
+  return (0, import_react_query10.useQuery)({
     queryKey: [
       "unifold",
       "supportedDepositTokens",
@@ -14232,14 +14417,14 @@ function useSupportedDepositTokens(publishableKey, options) {
 }
 
 // src/hooks/use-integration-transfer-default-token.ts
-var import_react_query10 = require("@tanstack/react-query");
+var import_react_query11 = require("@tanstack/react-query");
 var import_core24 = require("@unifold/core");
 function useIntegrationTransferDefaultToken({
   params,
   publishableKey,
   enabled = true
 }) {
-  return (0, import_react_query10.useQuery)({
+  return (0, import_react_query11.useQuery)({
     queryKey: [
       "unifold",
       "integrationTransferDefaultToken",
@@ -14310,7 +14495,8 @@ function CoinbaseConnect({
   defaultSourceChainType,
   defaultSourceChainId,
   defaultSourceTokenAddress,
-  defaultSourceSymbol
+  defaultSourceSymbol,
+  prefilledAmountUsd
 }) {
   const { colors: colors2, fonts, components } = useTheme();
   const { projectConfig } = useProjectConfig({ publishableKey });
@@ -14633,7 +14819,8 @@ function CoinbaseConnect({
   };
   const handleSelectAsset = (asset) => {
     setSelectedAsset(asset);
-    setSendAmount("");
+    const cleanedPrefilled = prefilledAmountUsd?.replace(/[^0-9.]/g, "") ?? "";
+    setSendAmount(cleanedPrefilled);
     transitionTo("enter_amount");
   };
   const handleCreateTransfer = async () => {
@@ -16219,13 +16406,13 @@ function CoinbaseConnect({
 CoinbaseConnect.displayName = "CoinbaseConnect";
 
 // src/hooks/use-exchanges.ts
-var import_react_query11 = require("@tanstack/react-query");
+var import_react_query12 = require("@tanstack/react-query");
 var import_core26 = require("@unifold/core");
 function useExchanges({
   publishableKey,
   enabled = true
 }) {
-  const { data: exchanges = [], isLoading } = (0, import_react_query11.useQuery)({
+  const { data: exchanges = [], isLoading } = (0, import_react_query12.useQuery)({
     queryKey: ["unifold", "exchanges", publishableKey],
     queryFn: () => (0, import_core26.getExchanges)(void 0, publishableKey).then((res) => res.data),
     enabled,
@@ -16237,13 +16424,13 @@ function useExchanges({
 }
 
 // src/hooks/use-apple-pay-providers.ts
-var import_react_query12 = require("@tanstack/react-query");
+var import_react_query13 = require("@tanstack/react-query");
 var import_core27 = require("@unifold/core");
 function useApplePayProviders({
   publishableKey,
   enabled = true
 }) {
-  const { data: providers, isLoading } = (0, import_react_query12.useQuery)({
+  const { data: providers, isLoading } = (0, import_react_query13.useQuery)({
     queryKey: ["unifold", "applePayProviders", publishableKey],
     queryFn: () => (0, import_core27.getApplePayProviders)(publishableKey),
     enabled,
@@ -16300,7 +16487,7 @@ function useAllowedCountry(publishableKey) {
 }
 
 // src/hooks/use-address-validation.ts
-var import_react_query13 = require("@tanstack/react-query");
+var import_react_query14 = require("@tanstack/react-query");
 var import_core28 = require("@unifold/core");
 function useAddressValidation({
   recipientAddress,
@@ -16312,7 +16499,7 @@ function useAddressValidation({
   refetchOnMount = false
 }) {
   const shouldValidate = enabled && !!recipientAddress && !!destinationChainType && !!destinationChainId && !!destinationTokenAddress;
-  const { data, isLoading, error } = (0, import_react_query13.useQuery)({
+  const { data, isLoading, error } = (0, import_react_query14.useQuery)({
     queryKey: [
       "unifold",
       "addressValidation",
@@ -16365,14 +16552,14 @@ var import_lucide_react30 = require("lucide-react");
 var import_react19 = require("react");
 
 // src/components/shared/ThemeStyleInjector.tsx
-var React31 = __toESM(require("react"));
+var React32 = __toESM(require("react"));
 var import_jsx_runtime46 = require("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;
@@ -16432,7 +16619,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);
@@ -17606,7 +17793,7 @@ function useCopyAddress() {
 }
 
 // src/components/shared/tooltip.tsx
-var React32 = __toESM(require("react"));
+var React33 = __toESM(require("react"));
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
 var import_jsx_runtime52 = require("react/jsx-runtime");
 var TooltipProvider = TooltipPrimitive.Provider;
@@ -17614,20 +17801,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__ */ (0, import_jsx_runtime52.jsx)(TooltipContext.Provider, { value: { open: isOpen, onOpenChange }, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(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);
@@ -17637,7 +17824,7 @@ var TooltipTrigger = React32.forwardRef(({ onClick, ...props }, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(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__ */ (0, import_jsx_runtime52.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     TooltipPrimitive.Content,
@@ -17660,7 +17847,7 @@ TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 var import_core31 = require("@unifold/core");
 
 // src/hooks/use-hypercore-activation.ts
-var import_react_query14 = require("@tanstack/react-query");
+var import_react_query15 = require("@tanstack/react-query");
 var import_core30 = require("@unifold/core");
 
 // src/lib/constants.ts
@@ -17679,7 +17866,7 @@ function useHypercoreActivation(params) {
   const recipient = recipientAddress?.trim() ?? "";
   const source = sourceAddress?.trim() ?? "";
   const hasAddresses = !!recipient && !!source;
-  const { data, isLoading } = (0, import_react_query14.useQuery)({
+  const { data, isLoading } = (0, import_react_query15.useQuery)({
     queryKey: ["unifold", "hypercoreActivation", source, recipient, publishableKey],
     queryFn: () => (0, import_core30.checkHypercoreActivation)(
       {
@@ -17765,6 +17952,7 @@ function TransferCryptoSingleInput({
   onDepositError,
   wallets: externalWallets,
   onSourceTokenChange,
+  prefilledAmountUsd,
   checkoutQuote,
   isCheckoutQuoteLoading = false,
   persistCheckingIndicator = false,
@@ -17908,6 +18096,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 = (0, import_react23.useMemo)(() => {
+    const value = parseFloat(prefilledAmountUsd ?? "");
+    return Number.isFinite(value) && value > 0 ? value : null;
+  }, [prefilledAmountUsd]);
+  const effectivePrefilledUsd = (0, import_react23.useMemo)(() => {
+    if (parsedPrefilledUsd === null) return null;
+    return Math.max(parsedPrefilledUsd, minDepositUsd);
+  }, [parsedPrefilledUsd, minDepositUsd]);
+  const prefillDisplay = (0, import_react23.useMemo)(() => {
+    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__ */ (0, import_jsx_runtime54.jsx)(TooltipProvider, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
     "div",
     {
@@ -18034,7 +18238,7 @@ function TransferCryptoSingleInput({
             /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { children: "Retrying automatically every 5 seconds..." })
           ] })
         ] }),
-        (checkoutQuote || isCheckoutQuoteLoading) && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+        (checkoutQuote || isCheckoutQuoteLoading || prefillDisplay) && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
           "div",
           {
             className: "uf-rounded-xl uf-px-3 uf-py-2 uf-flex uf-items-center uf-justify-between",
@@ -18078,6 +18282,13 @@ function TransferCryptoSingleInput({
                     )
                   ]
                 }
+              ) : prefillDisplay ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+                "span",
+                {
+                  className: "uf-text-sm uf-font-semibold",
+                  style: { color: components.card.titleColor, fontFamily: fonts.semibold },
+                  children: prefillDisplay
+                }
               ) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                 "div",
                 {
@@ -18411,14 +18622,14 @@ var import_react24 = require("react");
 var import_lucide_react32 = require("lucide-react");
 
 // src/components/shared/select.tsx
-var React33 = __toESM(require("react"));
+var React34 = __toESM(require("react"));
 var SelectPrimitive = __toESM(require("@radix-ui/react-select"));
 var import_lucide_react31 = require("lucide-react");
 var import_jsx_runtime55 = require("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__ */ (0, import_jsx_runtime55.jsxs)(
     SelectPrimitive.Trigger,
@@ -18442,7 +18653,7 @@ var SelectTrigger = React33.forwardRef(({ className, style, children, ...props }
   );
 });
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+var SelectScrollUpButton = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -18452,7 +18663,7 @@ var SelectScrollUpButton = React33.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+var SelectScrollDownButton = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -18462,7 +18673,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__ */ (0, import_jsx_runtime55.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
     SelectPrimitive.Content,
@@ -18500,7 +18711,7 @@ var SelectContent = React33.forwardRef(({ className, style, children, position =
   ) });
 });
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+var SelectLabel = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
   SelectPrimitive.Label,
   {
     ref,
@@ -18509,7 +18720,7 @@ var SelectLabel = React33.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React33.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+var SelectItem = React34.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
   SelectPrimitive.Item,
   {
     ref,
@@ -18525,7 +18736,7 @@ var SelectItem = React33.forwardRef(({ className, children, ...props }, ref) =>
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+var SelectSeparator = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
   SelectPrimitive.Separator,
   {
     ref,
@@ -18557,6 +18768,7 @@ function TransferCryptoDoubleInput({
   defaultSourceChainId,
   defaultSourceTokenAddress,
   defaultSourceSymbol,
+  prefilledAmountUsd,
   depositConfirmationMode = "auto_ui",
   onExecutionsChange,
   onDepositSuccess,
@@ -18681,6 +18893,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 = (0, import_react24.useMemo)(() => {
+    const value = parseFloat(prefilledAmountUsd ?? "");
+    return Number.isFinite(value) && value > 0 ? value : null;
+  }, [prefilledAmountUsd]);
+  const effectivePrefilledUsd = (0, import_react24.useMemo)(() => {
+    if (parsedPrefilledUsd === null) return null;
+    return Math.max(parsedPrefilledUsd, minDepositUsd);
+  }, [parsedPrefilledUsd, minDepositUsd]);
+  const prefillDisplay = (0, import_react24.useMemo)(() => {
+    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__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
@@ -18861,6 +19089,35 @@ function TransferCryptoDoubleInput({
         /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { children: "Retrying automatically every 5 seconds..." })
       ] })
     ] }),
+    prefillDisplay && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+      "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__ */ (0, import_jsx_runtime56.jsx)(
+            "span",
+            {
+              className: "uf-text-xs",
+              style: { color: components.card.subtitleColor, fontFamily: fonts.regular },
+              children: "You send"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+            "span",
+            {
+              className: "uf-text-sm uf-font-semibold",
+              style: { color: components.card.titleColor, fontFamily: fonts.semibold },
+              children: prefillDisplay
+            }
+          )
+        ]
+      }
+    ),
     /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-pt-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
         "div",
@@ -19143,7 +19400,7 @@ function TransferCryptoDoubleInput({
 }
 
 // src/components/deposits/WalletConnect.tsx
-var React34 = __toESM(require("react"));
+var React35 = __toESM(require("react"));
 var import_lucide_react36 = require("lucide-react");
 var import_core36 = require("@unifold/core");
 
@@ -19184,7 +19441,7 @@ async function sendHypercoreEvmTransfer(params) {
 }
 
 // src/hooks/use-deposit-quote.ts
-var import_react_query15 = require("@tanstack/react-query");
+var import_react_query16 = require("@tanstack/react-query");
 var import_core34 = require("@unifold/core");
 function useDepositQuote(params) {
   const {
@@ -19211,7 +19468,7 @@ function useDepositQuote(params) {
     ...adjustForSlippage ? { adjust_for_slippage: true } : {},
     ...stablecoinParity ? { stablecoin_parity: true } : {}
   };
-  return (0, import_react_query15.useQuery)({
+  return (0, import_react_query16.useQuery)({
     queryKey: [
       "unifold",
       "depositQuote",
@@ -19239,13 +19496,13 @@ function useDepositQuote(params) {
 }
 
 // src/hooks/use-external-wallets.ts
-var import_react_query16 = require("@tanstack/react-query");
+var import_react_query17 = require("@tanstack/react-query");
 var import_core35 = require("@unifold/core");
 function useExternalWallets({
   publishableKey,
   enabled = true
 }) {
-  const { data: wallets = [], isLoading } = (0, import_react_query16.useQuery)({
+  const { data: wallets = [], isLoading } = (0, import_react_query17.useQuery)({
     queryKey: ["unifold", "external-wallets", publishableKey],
     queryFn: () => (0, import_core35.getExternalWallets)(publishableKey).then((res) => res.data),
     enabled: enabled && !!publishableKey,
@@ -20492,7 +20749,7 @@ function WalletConnect({
   amountQuickSelect = "percentage",
   onWalletDisconnect,
   onWalletConnected,
-  prefillAmountUsd,
+  prefilledAmountUsd,
   checkoutAmountUsd,
   checkoutReceivedUsd,
   onNewDeposit,
@@ -20514,28 +20771,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);
@@ -20544,7 +20801,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,
@@ -20555,32 +20812,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);
@@ -20606,32 +20863,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(() => {
@@ -20696,7 +20957,7 @@ function WalletConnect({
     if (!selectedWalletDef) return;
     handleConnectWallet(selectedWalletDef, network);
   };
-  React34.useEffect(() => {
+  React35.useEffect(() => {
     if (!pendingMobileWallet) return;
     if (mobileDepositAddresses.length > 0) {
       const wallet = pendingMobileWallet;
@@ -20860,7 +21121,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);
@@ -20888,7 +21149,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 {
@@ -20918,10 +21179,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;
@@ -20929,21 +21190,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;
@@ -20980,7 +21241,7 @@ function WalletConnect({
       cancelled = true;
     };
   }, [view, selectedBalance, publishableKey, activeDepositWallet]);
-  React34.useEffect(() => {
+  React35.useEffect(() => {
     if (!activeWalletInfo || !activeDepositWallet) return;
     let cancelled = false;
     setIsLoading(true);
@@ -21045,21 +21306,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]);
@@ -21068,7 +21329,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]);
@@ -21101,7 +21362,7 @@ function WalletConnect({
         break;
       case "enter_amount":
         transitionTo("select_token");
-        setAmountUsd(prefillAmountUsd ?? "");
+        setAmountUsd(prefilledAmountUsd ?? "");
         setTokenChainDetails(null);
         break;
       case "review":
@@ -21133,7 +21394,7 @@ function WalletConnect({
         setSelectedBalance(null);
         setBalances([]);
         setTotalBalanceUsd(null);
-        setAmountUsd(prefillAmountUsd ?? "");
+        setAmountUsd(prefilledAmountUsd ?? "");
         setError(null);
       };
       if (standalone) {
@@ -21860,6 +22121,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";
 }
@@ -21879,6 +22149,7 @@ function DepositModal({
   defaultSourceChainId,
   defaultSourceTokenAddress,
   defaultSourceSymbol,
+  prefilledAmountUsd,
   hideDepositTracker,
   showBalanceHeader = false,
   transferInputVariant = "double_input",
@@ -21914,6 +22185,10 @@ function DepositModal({
   depositTrackerSubTitle = t8.depositTracker.subtitle
 }) {
   const { colors: colors2, fonts, components } = useTheme();
+  const normalizedPrefilledAmountUsd = (0, import_react26.useMemo)(
+    () => normalizePrefilledUsdAmount(prefilledAmountUsd),
+    [prefilledAmountUsd]
+  );
   const onDepositSuccessFor = (0, import_react26.useCallback)(
     (method) => onDepositSuccess || onEvent ? (data) => {
       const payload = { ...data, method };
@@ -22779,6 +23054,7 @@ function DepositModal({
                         defaultSourceChainId,
                         defaultSourceTokenAddress,
                         defaultSourceSymbol,
+                        prefilledAmountUsd: normalizedPrefilledAmountUsd,
                         depositConfirmationMode,
                         onExecutionsChange: setDepositExecutions,
                         onDepositSuccess: onDepositSuccessFor("transfer"),
@@ -22798,6 +23074,7 @@ function DepositModal({
                         defaultSourceChainId,
                         defaultSourceTokenAddress,
                         defaultSourceSymbol,
+                        prefilledAmountUsd: normalizedPrefilledAmountUsd,
                         depositConfirmationMode,
                         onExecutionsChange: setDepositExecutions,
                         onDepositSuccess: onDepositSuccessFor("transfer"),
@@ -22882,7 +23159,8 @@ function DepositModal({
                         wallets,
                         assetCdnUrl: projectConfig?.asset_cdn_url,
                         hideDepositFlowInfo,
-                        hideDisplayDescription
+                        hideDisplayDescription,
+                        prefilledAmountUsd: normalizedPrefilledAmountUsd
                       }
                     ),
                     depositPoweredByFooter
@@ -22947,7 +23225,8 @@ function DepositModal({
                       defaultSourceChainType,
                       defaultSourceChainId,
                       defaultSourceTokenAddress,
-                      defaultSourceSymbol
+                      defaultSourceSymbol,
+                      prefilledAmountUsd: normalizedPrefilledAmountUsd
                     }
                   ),
                   depositPoweredByFooter
@@ -22979,6 +23258,7 @@ function DepositModal({
                             onDepositSuccess: onDepositSuccessFor("wallet_connect"),
                             onDepositError: onDepositErrorFor("wallet_connect"),
                             amountQuickSelect: browserWalletAmountQuickSelect,
+                            prefilledAmountUsd: normalizedPrefilledAmountUsd,
                             onWalletDisconnect: handleWalletDisconnect,
                             onWalletConnected: (info, dw) => {
                               setBrowserWalletInfo({ ...info, depositWallet: dw });
@@ -23027,7 +23307,8 @@ function DepositModal({
                         assetCdnUrl: projectConfig?.asset_cdn_url,
                         onEvent,
                         onDepositSuccess,
-                        onDepositError
+                        onDepositError,
+                        prefilledAmountUsd: normalizedPrefilledAmountUsd
                       }
                     ),
                     depositPoweredByFooter
@@ -23039,7 +23320,7 @@ function DepositModal({
                       title: "Deposit with Link",
                       showBack: stripeLinkStep !== "checkout" && stripeLinkStep !== "success",
                       onBack: handleBack,
-                      showClose: stripeLinkStep !== "checkout",
+                      showClose: stripeLinkStep !== "checkout" && stripeLinkStep !== "auth",
                       onClose: handleClose
                     }
                   ),
@@ -23070,6 +23351,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,
@@ -23109,6 +23392,7 @@ function DepositModal({
                         onEvent,
                         onDepositSuccess: onDepositSuccessFor("cashapp"),
                         onDepositError: onDepositErrorFor("cashapp"),
+                        prefilledAmountUsd: normalizedPrefilledAmountUsd,
                         wallets
                       }
                     ),
@@ -23170,12 +23454,12 @@ var import_react27 = require("react");
 var import_lucide_react38 = require("lucide-react");
 
 // src/hooks/use-payment-intent.ts
-var import_react_query17 = require("@tanstack/react-query");
+var import_react_query18 = require("@tanstack/react-query");
 var import_core38 = require("@unifold/core");
 var TERMINAL_STATUSES = /* @__PURE__ */ new Set(["succeeded", "expired", "refunded", "canceled"]);
 function usePaymentIntent(params) {
   const { clientSecret, publishableKey, enabled = true, pollingInterval = 3e3 } = params;
-  return (0, import_react_query17.useQuery)({
+  return (0, import_react_query18.useQuery)({
     queryKey: ["unifold", "paymentIntent", clientSecret, publishableKey],
     queryFn: () => (0, import_core38.retrievePaymentIntent)(clientSecret, publishableKey),
     enabled: enabled && !!clientSecret && !!publishableKey,
@@ -23820,7 +24104,7 @@ function CheckoutModal({
                       userId: paymentIntent.user_id || "",
                       publishableKey,
                       clientSecret,
-                      prefillAmountUsd: remainingAmountUsd,
+                      prefilledAmountUsd: remainingAmountUsd,
                       checkoutAmountUsd: paymentIntent.amount_usd,
                       checkoutReceivedUsd: paymentIntent.amount_received_usd,
                       checkoutDestination: {
@@ -23886,10 +24170,10 @@ var import_react32 = require("react");
 var import_lucide_react41 = require("lucide-react");
 
 // src/hooks/use-supported-destination-tokens.ts
-var import_react_query18 = require("@tanstack/react-query");
+var import_react_query19 = require("@tanstack/react-query");
 var import_core40 = require("@unifold/core");
 function useSupportedDestinationTokens(publishableKey, enabled = true) {
-  return (0, import_react_query18.useQuery)({
+  return (0, import_react_query19.useQuery)({
     queryKey: ["unifold", "supportedDestinationTokens", publishableKey],
     queryFn: () => (0, import_core40.getSupportedDestinationTokens)(publishableKey),
     staleTime: 1e3 * 60 * 5,
@@ -23918,7 +24202,7 @@ function useDefaultDestinationToken({
 }
 
 // src/hooks/use-source-token-validation.ts
-var import_react_query19 = require("@tanstack/react-query");
+var import_react_query20 = require("@tanstack/react-query");
 var import_core41 = require("@unifold/core");
 function useSourceTokenValidation(params) {
   const {
@@ -23930,7 +24214,7 @@ function useSourceTokenValidation(params) {
     enabled = true
   } = params;
   const hasParams = !!sourceChainType && !!sourceChainId && !!sourceTokenAddress;
-  return (0, import_react_query19.useQuery)({
+  return (0, import_react_query20.useQuery)({
     queryKey: [
       "unifold",
       "sourceTokenValidation",
@@ -23978,12 +24262,12 @@ function useSourceTokenValidation(params) {
 }
 
 // src/hooks/use-address-balance.ts
-var import_react_query20 = require("@tanstack/react-query");
+var import_react_query21 = require("@tanstack/react-query");
 var import_core42 = require("@unifold/core");
 function useAddressBalance(params) {
   const { address, chainType, chainId, tokenAddress, publishableKey, enabled = true } = params;
   const hasParams = !!address && !!chainType && !!chainId && !!tokenAddress;
-  return (0, import_react_query20.useQuery)({
+  return (0, import_react_query21.useQuery)({
     queryKey: [
       "unifold",
       "addressBalance",
@@ -24039,11 +24323,11 @@ function useAddressBalance(params) {
 }
 
 // src/hooks/use-executions.ts
-var import_react_query21 = require("@tanstack/react-query");
+var import_react_query22 = require("@tanstack/react-query");
 var import_core43 = require("@unifold/core");
 function useExecutions(userId, publishableKey, options) {
   const actionType = options?.actionType ?? import_core43.ActionType.Deposit;
-  return (0, import_react_query21.useQuery)({
+  return (0, import_react_query22.useQuery)({
     queryKey: ["unifold", "executions", actionType, userId, publishableKey],
     queryFn: () => (0, import_core43.queryExecutions)(userId, publishableKey, actionType),
     enabled: (options?.enabled ?? true) && !!userId,
@@ -24372,7 +24656,7 @@ var import_lucide_react39 = require("lucide-react");
 var import_core49 = require("@unifold/core");
 
 // src/hooks/use-verify-recipient-address.ts
-var import_react_query22 = require("@tanstack/react-query");
+var import_react_query23 = require("@tanstack/react-query");
 var import_core45 = require("@unifold/core");
 function useVerifyRecipientAddress(params) {
   const {
@@ -24385,7 +24669,7 @@ function useVerifyRecipientAddress(params) {
   } = params;
   const trimmedAddress = recipientAddress?.trim() || "";
   const hasAllParams = !!chainType && !!chainId && !!tokenAddress && trimmedAddress.length > 0;
-  return (0, import_react_query22.useQuery)({
+  return (0, import_react_query23.useQuery)({
     queryKey: [
       "unifold",
       "verifyRecipientAddress",
@@ -24633,7 +24917,7 @@ var import_react29 = require("react");
 var import_core48 = require("@unifold/core");
 
 // src/hooks/use-get-deposit-address.ts
-var import_react_query23 = require("@tanstack/react-query");
+var import_react_query24 = require("@tanstack/react-query");
 var import_core47 = require("@unifold/core");
 function useGetDepositAddress(params) {
   const {
@@ -24647,7 +24931,7 @@ function useGetDepositAddress(params) {
     enabled = true
   } = params;
   const canFire = !!userId && !!recipientAddress && !!destinationChainType && !!destinationChainId && !!destinationTokenAddress;
-  return (0, import_react_query23.useQuery)({
+  return (0, import_react_query24.useQuery)({
     queryKey: [
       "unifold",
       "getDepositAddress",