npm - @unifold/connect-react - Versions diffs - 0.1.68 → 0.1.69 - Mend

@unifold/connect-react 0.1.68 → 0.1.69

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/index.js CHANGED Viewed

@@ -6190,7 +6190,9 @@ var import_jsx_runtime18 = require("react/jsx-runtime");
 var React211 = __toESM(require("react"), 1);
 var import_jsx_runtime19 = require("react/jsx-runtime");
 var import_jsx_runtime20 = require("react/jsx-runtime");
+var React52 = __toESM(require("react"), 1);
 var import_react9 = require("react");
+var import_react_query3 = require("@tanstack/react-query");
 // ../core/dist/index.mjs
 var import_react_query2 = require("@tanstack/react-query");
@@ -6484,6 +6486,27 @@ async function getFiatCurrencies(publishableKey) {
   }
   return response.json();
 }
+async function getFiatExchangeRates(options = {}, publishableKey) {
+  const pk = publishableKey || DEFAULT_PUBLISHABLE_KEY;
+  validatePublishableKey(pk);
+  const params = new URLSearchParams();
+  if (options.currencies && options.currencies.length > 0) {
+    params.set("currencies", options.currencies.join(","));
+  }
+  const queryString = params.toString();
+  const url = `${API_BASE_URL}/v1/public/exchange_rates/fiat_currencies${queryString ? `?${queryString}` : ""}`;
+  const response = await fetch(url, {
+    method: "GET",
+    headers: {
+      accept: "application/json",
+      "x-publishable-key": pk
+    }
+  });
+  if (!response.ok) {
+    throw new Error(`Failed to fetch fiat exchange rates: ${response.statusText}`);
+  }
+  return response.json();
+}
 async function getOnrampQuotes(request, publishableKey) {
   const pk = publishableKey || DEFAULT_PUBLISHABLE_KEY;
   validatePublishableKey(pk);
@@ -7165,6 +7188,7 @@ async function stripeGetDefaultToken(params, publishableKey) {
     chain_type: params.chainType
   });
   if (params.countryCode) query.append("country_code", params.countryCode);
+  if (params.subdivisionCode) query.append("subdivision_code", params.subdivisionCode);
   const response = await fetch(
     `${API_BASE_URL}${HEADLESS_STRIPE_BASE}/default_token?${query.toString()}`,
     {
@@ -7803,7 +7827,7 @@ var en_default = {
 var i18n = en_default;
 // ../ui-react/dist/index.mjs
-var import_react_query3 = require("@tanstack/react-query");
+var import_react_query4 = require("@tanstack/react-query");
 var import_react10 = require("react");
 var import_react11 = require("react");
 var import_react12 = require("react");
@@ -7812,7 +7836,7 @@ var React42 = __toESM(require("react"), 1);
 var import_jsx_runtime22 = require("react/jsx-runtime");
 var import_jsx_runtime23 = require("react/jsx-runtime");
 var import_jsx_runtime24 = require("react/jsx-runtime");
-var import_react_query4 = require("@tanstack/react-query");
+var import_react_query5 = require("@tanstack/react-query");
 var import_react13 = require("react");
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var import_react14 = require("react");
@@ -7822,12 +7846,12 @@ var import_jsx_runtime26 = require("react/jsx-runtime");
 var import_jsx_runtime27 = require("react/jsx-runtime");
 var import_jsx_runtime28 = require("react/jsx-runtime");
 var import_jsx_runtime29 = require("react/jsx-runtime");
-var React52 = __toESM(require("react"), 1);
+var React62 = __toESM(require("react"), 1);
 var import_react17 = require("react");
-var import_react_query5 = require("@tanstack/react-query");
-var import_react18 = require("react");
 var import_react_query6 = require("@tanstack/react-query");
+var import_react18 = require("react");
 var import_react_query7 = require("@tanstack/react-query");
+var import_react_query8 = require("@tanstack/react-query");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 var import_react19 = require("react");
 var import_jsx_runtime31 = require("react/jsx-runtime");
@@ -7836,20 +7860,20 @@ var import_react21 = require("react");
 var import_qr_code_styling = __toESM(require_qr_code_styling(), 1);
 var import_jsx_runtime32 = require("react/jsx-runtime");
 var import_react22 = require("react");
-var import_react_query8 = require("@tanstack/react-query");
+var import_react_query9 = require("@tanstack/react-query");
 var import_jsx_runtime33 = require("react/jsx-runtime");
 var import_react23 = require("react");
-var import_react_query9 = require("@tanstack/react-query");
+var import_react_query10 = require("@tanstack/react-query");
 var import_jsx_runtime34 = require("react/jsx-runtime");
 var import_jsx_runtime35 = require("react/jsx-runtime");
-var React62 = __toESM(require("react"), 1);
-var import_jsx_runtime36 = require("react/jsx-runtime");
 var React72 = __toESM(require("react"), 1);
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var React82 = __toESM(require("react"), 1);
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var React92 = __toESM(require("react"), 1);
 var import_jsx_runtime38 = require("react/jsx-runtime");
+var React112 = __toESM(require("react"), 1);
 var React102 = __toESM(require("react"), 1);
-var React92 = __toESM(require("react"), 1);
 // ../../node_modules/.pnpm/@radix-ui+react-slot@1.2.4_@types+react@19.2.9_react@19.2.3/node_modules/@radix-ui/react-slot/dist/index.mjs
 var React25 = __toESM(require("react"), 1);
@@ -7997,15 +8021,15 @@ var cva = (base, config) => (props) => {
 // ../ui-react/dist/index.mjs
 var import_jsx_runtime39 = require("react/jsx-runtime");
 var import_jsx_runtime40 = require("react/jsx-runtime");
-var React112 = __toESM(require("react"), 1);
-var import_jsx_runtime41 = require("react/jsx-runtime");
 var React122 = __toESM(require("react"), 1);
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var React132 = __toESM(require("react"), 1);
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var React142 = __toESM(require("react"), 1);
+var import_jsx_runtime43 = require("react/jsx-runtime");
+var React152 = __toESM(require("react"), 1);
 var import_jsx_runtime44 = require("react/jsx-runtime");
-var React282 = __toESM(require("react"), 1);
+var React292 = __toESM(require("react"), 1);
 // ../../node_modules/.pnpm/mipd@0.0.7_typescript@5.9.3/node_modules/mipd/dist/esm/utils.js
 function requestProviders(listener) {
@@ -8062,50 +8086,50 @@ function createStore() {
 }
 // ../ui-react/dist/index.mjs
-var React152 = __toESM(require("react"), 1);
 var React162 = __toESM(require("react"), 1);
-var import_jsx_runtime45 = require("react/jsx-runtime");
 var React172 = __toESM(require("react"), 1);
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var React182 = __toESM(require("react"), 1);
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 var React192 = __toESM(require("react"), 1);
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var React202 = __toESM(require("react"), 1);
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var React212 = __toESM(require("react"), 1);
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var React222 = __toESM(require("react"), 1);
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var React232 = __toESM(require("react"), 1);
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var React242 = __toESM(require("react"), 1);
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var React252 = __toESM(require("react"), 1);
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var React262 = __toESM(require("react"), 1);
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var React272 = __toESM(require("react"), 1);
+var import_jsx_runtime55 = require("react/jsx-runtime");
+var React282 = __toESM(require("react"), 1);
 var import_jsx_runtime56 = require("react/jsx-runtime");
 var import_jsx_runtime57 = require("react/jsx-runtime");
 var import_jsx_runtime58 = require("react/jsx-runtime");
-var React292 = __toESM(require("react"), 1);
+var React302 = __toESM(require("react"), 1);
 var import_jsx_runtime59 = require("react/jsx-runtime");
 var import_react24 = require("react");
 var import_jsx_runtime60 = require("react/jsx-runtime");
 var import_react25 = require("react");
 var import_jsx_runtime61 = require("react/jsx-runtime");
 var import_react26 = require("react");
-var import_react_query10 = require("@tanstack/react-query");
 var import_react_query11 = require("@tanstack/react-query");
 var import_react_query12 = require("@tanstack/react-query");
-var import_jsx_runtime62 = require("react/jsx-runtime");
 var import_react_query13 = require("@tanstack/react-query");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 var import_react_query14 = require("@tanstack/react-query");
 var import_react_query15 = require("@tanstack/react-query");
+var import_react_query16 = require("@tanstack/react-query");
 var import_react27 = require("react");
 var import_react28 = require("react");
-var React312 = __toESM(require("react"), 1);
+var React322 = __toESM(require("react"), 1);
 var import_jsx_runtime63 = require("react/jsx-runtime");
 var import_jsx_runtime64 = require("react/jsx-runtime");
 var import_jsx_runtime65 = require("react/jsx-runtime");
@@ -10115,7 +10139,7 @@ var import_react30 = require("react");
 var import_jsx_runtime67 = require("react/jsx-runtime");
 var import_jsx_runtime68 = require("react/jsx-runtime");
 var import_react31 = require("react");
-var React322 = __toESM(require("react"), 1);
+var React332 = __toESM(require("react"), 1);
 // ../../node_modules/.pnpm/@radix-ui+react-tooltip@1.2.8_@types+react-dom@19.2.3_@types+react@19.2.9__@types+react@19.2._udyjcec5g7ve3mpsxbgla63vgi/node_modules/@radix-ui/react-tooltip/dist/index.mjs
 var React31 = __toESM(require("react"), 1);
@@ -12853,11 +12877,11 @@ var Content22 = TooltipContent;
 // ../ui-react/dist/index.mjs
 var import_jsx_runtime69 = require("react/jsx-runtime");
-var import_react_query16 = require("@tanstack/react-query");
+var import_react_query17 = require("@tanstack/react-query");
 var import_jsx_runtime70 = require("react/jsx-runtime");
 var import_jsx_runtime71 = require("react/jsx-runtime");
 var import_react32 = require("react");
-var React332 = __toESM(require("react"), 1);
+var React342 = __toESM(require("react"), 1);
 // ../../node_modules/.pnpm/@radix-ui+react-select@2.2.6_@types+react-dom@19.2.3_@types+react@19.2.9__@types+react@19.2.9_cot3leusltbsophitaz3dgdqdm/node_modules/@radix-ui/react-select/dist/index.mjs
 var React35 = __toESM(require("react"), 1);
@@ -14094,9 +14118,9 @@ var Separator = SelectSeparator;
 // ../ui-react/dist/index.mjs
 var import_jsx_runtime72 = require("react/jsx-runtime");
 var import_jsx_runtime73 = require("react/jsx-runtime");
-var React342 = __toESM(require("react"), 1);
-var import_react_query17 = require("@tanstack/react-query");
+var React352 = __toESM(require("react"), 1);
 var import_react_query18 = require("@tanstack/react-query");
+var import_react_query19 = require("@tanstack/react-query");
 var import_jsx_runtime74 = require("react/jsx-runtime");
 var import_jsx_runtime75 = require("react/jsx-runtime");
 var import_jsx_runtime76 = require("react/jsx-runtime");
@@ -14106,19 +14130,19 @@ var import_jsx_runtime78 = require("react/jsx-runtime");
 var import_jsx_runtime79 = require("react/jsx-runtime");
 var import_jsx_runtime80 = require("react/jsx-runtime");
 var import_react34 = require("react");
-var import_react_query19 = require("@tanstack/react-query");
+var import_react_query20 = require("@tanstack/react-query");
 var import_jsx_runtime81 = require("react/jsx-runtime");
 var import_react35 = require("react");
-var import_react_query20 = require("@tanstack/react-query");
 var import_react_query21 = require("@tanstack/react-query");
 var import_react_query22 = require("@tanstack/react-query");
 var import_react_query23 = require("@tanstack/react-query");
+var import_react_query24 = require("@tanstack/react-query");
 var import_react36 = require("react");
 var import_jsx_runtime82 = require("react/jsx-runtime");
 var import_react37 = require("react");
-var import_react_query24 = require("@tanstack/react-query");
-var import_react38 = require("react");
 var import_react_query25 = require("@tanstack/react-query");
+var import_react38 = require("react");
+var import_react_query26 = require("@tanstack/react-query");
 var import_jsx_runtime83 = require("react/jsx-runtime");
 var import_jsx_runtime84 = require("react/jsx-runtime");
 var import_react39 = require("react");
@@ -14675,7 +14699,7 @@ function useDepositAddress(params) {
     contractCalls,
     enabled = true
   } = params;
-  return (0, import_react_query3.useQuery)({
+  return (0, import_react_query4.useQuery)({
     queryKey: [
       "unifold",
       "depositAddress",
@@ -15302,7 +15326,7 @@ function useUserIp2() {
     data: userIpInfo,
     isLoading,
     error
-  } = (0, import_react_query4.useQuery)({
+  } = (0, import_react_query5.useQuery)({
     queryKey: ["unifold", "userIpInfo"],
     queryFn: async () => {
       const data = await getIpAddress();
@@ -16576,13 +16600,25 @@ function BuyWithCard({
   wallets: externalWallets,
   assetCdnUrl,
   hideDepositFlowInfo = false,
-  hideDisplayDescription = false
+  hideDisplayDescription = false,
+  prefilledAmountUsd
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const [amount, setAmount] = (0, import_react9.useState)("");
+  const cleanedPrefilledAmountUsd = React52.useMemo(() => {
+    if (!prefilledAmountUsd) return "";
+    return prefilledAmountUsd.replace(/[^0-9.]/g, "");
+  }, [prefilledAmountUsd]);
+  const parsedPrefilledAmountUsd = React52.useMemo(() => {
+    const parsed = parseFloat(cleanedPrefilledAmountUsd);
+    return Number.isFinite(parsed) && parsed > 0 ? parsed : null;
+  }, [cleanedPrefilledAmountUsd]);
+  const shouldAutoConvertPrefilledRef = (0, import_react9.useRef)(!!cleanedPrefilledAmountUsd);
+  const [amount, setAmount] = (0, import_react9.useState)(() => cleanedPrefilledAmountUsd);
   const [currency, setCurrency] = (0, import_react9.useState)("usd");
   const [hasManualCurrencySelection, setHasManualCurrencySelection] = (0, import_react9.useState)(false);
-  const [hasManualAmountEntry, setHasManualAmountEntry] = (0, import_react9.useState)(false);
+  const [hasManualAmountEntry, setHasManualAmountEntry] = (0, import_react9.useState)(
+    () => !!cleanedPrefilledAmountUsd
+  );
   const [showCurrencyModal, setShowCurrencyModal] = (0, import_react9.useState)(false);
   const [quotes, setQuotes] = (0, import_react9.useState)([]);
   const [quotesLoading, setQuotesLoading] = (0, import_react9.useState)(false);
@@ -16639,6 +16675,71 @@ function BuyWithCard({
   const [preferredCurrencyCodes, setPreferredCurrencyCodes] = (0, import_react9.useState)([]);
   const [currenciesLoading, setCurrenciesLoading] = (0, import_react9.useState)(true);
   const [destinationToken, setDestinationToken] = (0, import_react9.useState)(null);
+  (0, import_react9.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 getFiatExchangeRates({}, publishableKey);
+      } catch (error) {
+        console.error("Error fetching fiat exchange rates:", error);
+        return { base_currency: "usd", rates: {} };
+      }
+    }
+  });
+  const fiatExchangeRates = fiatExchangeRatesResponse?.rates ?? {};
+  const convertAmountBetweenCurrencies = React52.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 = React52.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_react9.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 ? getWalletByChainType(wallets, defaultToken.destination_token_metadata.chain_type)?.id : void 0;
   const { executions, isPolling, showWaitingUi } = useDepositPolling({
     userId,
@@ -16669,6 +16770,7 @@ function BuyWithCard({
   }, [publishableKey]);
   (0, import_react9.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));
@@ -16687,7 +16789,15 @@ function BuyWithCard({
   const prevCurrencyRef = (0, import_react9.useRef)(null);
   (0, import_react9.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()
       );
@@ -16696,7 +16806,7 @@ function BuyWithCard({
       }
     }
     prevCurrencyRef.current = currency;
-  }, [currency]);
+  }, [currency, fiatCurrencies, hasManualAmountEntry]);
   (0, import_react9.useEffect)(() => {
     async function fetchDestinationToken() {
       try {
@@ -16873,6 +16983,7 @@ function BuyWithCard({
     return () => clearInterval(timer);
   }, [quotes.length, amount]);
   const handleAmountChange = (value) => {
+    shouldAutoConvertPrefilledRef.current = false;
     if (value === "") {
       setAmount(value);
       setHasManualAmountEntry(true);
@@ -16886,6 +16997,7 @@ function BuyWithCard({
     }
   };
   const handleQuickAmount = (quickAmount) => {
+    shouldAutoConvertPrefilledRef.current = false;
     setAmount(quickAmount.toString());
     setHasManualAmountEntry(true);
   };
@@ -17489,8 +17601,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
           }
@@ -17543,7 +17690,7 @@ function useCoinbaseLegalAgreements({
   publishableKey,
   enabled = true
 }) {
-  return (0, import_react_query5.useQuery)({
+  return (0, import_react_query6.useQuery)({
     queryKey: ["unifold", "coinbaseLegalAgreements", publishableKey],
     queryFn: () => getCoinbaseLegalAgreements(publishableKey),
     enabled: enabled && !!publishableKey,
@@ -17561,7 +17708,7 @@ function useApplePayLimits({
   enabled = true
 }) {
   const phoneValid = US_E164_REGEX.test(phone);
-  return (0, import_react_query6.useQuery)({
+  return (0, import_react_query7.useQuery)({
     queryKey: ["unifold", "applePayLimits", phone, publishableKey],
     queryFn: ({ signal }) => getCoinbaseApplePayLimits(phone, publishableKey, signal),
     enabled: enabled && phoneValid && !!publishableKey,
@@ -17661,7 +17808,7 @@ function useDefaultOnrampToken({
     isLoading,
     isError,
     error
-  } = (0, import_react_query7.useQuery)({
+  } = (0, import_react_query8.useQuery)({
     queryKey: [
       "unifold",
       "defaultOnrampToken",
@@ -17735,7 +17882,7 @@ function parseCoinbasePostMessage(raw) {
     } : void 0
   };
 }
-var BuyWithApplePay = React52.forwardRef(
+var BuyWithApplePay = React62.forwardRef(
   function BuyWithApplePay2({
     userId,
     publishableKey,
@@ -17894,7 +18041,7 @@ var BuyWithApplePay = React52.forwardRef(
         popupRef.current = null;
       };
     }, []);
-    React52.useImperativeHandle(
+    React62.useImperativeHandle(
       ref,
       () => ({
         requestBack: () => {
@@ -19204,7 +19351,7 @@ function LegalDisclaimer({ legalAgreements, loading }) {
       children: [
         "By continuing, you agree to Coinbase's",
         " ",
-        agreements.map((a, idx, arr) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(React52.Fragment, { children: [
+        agreements.map((a, idx, arr) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(React62.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
             "a",
             {
@@ -19620,7 +19767,7 @@ function useIsMobileViewport() {
   return isMobile;
 }
 function useCashAppLimits({ publishableKey, currency = "usd" }) {
-  return (0, import_react_query8.useQuery)({
+  return (0, import_react_query9.useQuery)({
     queryKey: ["unifold", "cashAppLimits", currency, publishableKey],
     queryFn: () => getCashAppLimits(currency, publishableKey),
     enabled: !!publishableKey,
@@ -19633,6 +19780,7 @@ var POLL_INTERVAL_MS2 = 5e3;
 var FALLBACK_MIN_USD = 5;
 var SUGGESTED_AMOUNTS = [25, 50, 100];
 var t3 = i18n2.depositModal.cashApp;
+var sanitizePrefilledUsd = (value) => value?.replace(/[^0-9.]/g, "") ?? "";
 function PayWithCashApp({
   userId,
   publishableKey,
@@ -19647,6 +19795,7 @@ function PayWithCashApp({
   onEvent,
   onDepositSuccess,
   onDepositError,
+  prefilledAmountUsd,
   wallets = []
 }) {
   const { colors: colors2, fonts, components } = useTheme();
@@ -19662,7 +19811,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_react20.useState)("");
+  const [amount, setAmount] = (0, import_react20.useState)(() => sanitizePrefilledUsd(prefilledAmountUsd));
   const [loading, setLoading] = (0, import_react20.useState)(false);
   const [session, setSession] = (0, import_react20.useState)(null);
   const [status, setStatus] = (0, import_react20.useState)("pending");
@@ -19785,6 +19934,13 @@ function PayWithCashApp({
     return () => clearInterval(interval);
   }, [session, view, status, publishableKey, onDepositSuccess, onDepositError]);
   const [softExpired, setSoftExpired] = (0, import_react20.useState)(false);
+  (0, import_react20.useEffect)(() => {
+    if (!prefilledAmountUsd) return;
+    const cleaned = sanitizePrefilledUsd(prefilledAmountUsd);
+    if (!cleaned) return;
+    setAmount(cleaned);
+    onAmountChange?.(cleaned);
+  }, [prefilledAmountUsd, onAmountChange]);
   (0, import_react20.useEffect)(() => {
     if (!session?.expires_at || view !== "payment") return;
     const expiresMs = new Date(session.expires_at).getTime();
@@ -20139,7 +20295,7 @@ function useBankTransferProviders({
   countryCode
 }) {
   const normalizedCountry = countryCode?.toUpperCase();
-  const { data: providers, isLoading } = (0, import_react_query9.useQuery)({
+  const { data: providers, isLoading } = (0, import_react_query10.useQuery)({
     queryKey: ["unifold", "bankTransferProviders", publishableKey, normalizedCountry ?? null],
     queryFn: () => getBankTransferProviders(publishableKey, { countryCode: normalizedCountry }),
     enabled,
@@ -20177,7 +20333,8 @@ function BankTransfer({
   assetCdnUrl,
   onDepositSuccess,
   onEvent,
-  onDepositError
+  onDepositError,
+  prefilledAmountUsd
 }) {
   const { colors: colors2, fonts, components } = useTheme();
   const [internalView, setInternalView] = (0, import_react23.useState)("providers");
@@ -20187,6 +20344,10 @@ function BankTransfer({
   const [requestBase, setRequestBase] = (0, import_react23.useState)(null);
   const [activeRequest, setActiveRequest] = (0, import_react23.useState)(null);
   const [amount, setAmount] = (0, import_react23.useState)("");
+  const [fiatExchangeRates, setFiatExchangeRates] = (0, import_react23.useState)({
+    usd: 1
+  });
+  const providerSelectionRequestIdRef = (0, import_react23.useRef)(0);
   const currentView = externalView ?? internalView;
   const setView = (v) => {
     setInternalView(v);
@@ -20236,7 +20397,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_react23.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 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) {
@@ -20255,6 +20447,7 @@ function BankTransfer({
       });
       return;
     }
+    const requestId = ++providerSelectionRequestIdRef.current;
     setRequestBase({
       service_provider: provider.service_provider,
       country_code: (userIpInfo?.alpha2 || "DE").toUpperCase(),
@@ -20268,7 +20461,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) => {
@@ -20366,7 +20562,7 @@ function BankTransfer({
                   return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
                     "button",
                     {
-                      onClick: () => handleProviderClick(provider),
+                      onClick: () => void handleProviderClick(provider),
                       onMouseEnter: () => !disabled && setHoveredId(provider.service_provider),
                       onMouseLeave: () => setHoveredId(null),
                       disabled,
@@ -20935,9 +21131,9 @@ function TransferCryptoButton({
   featuredTokens
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const [isHovered, setIsHovered] = React62.useState(false);
-  const [isTouchDevice, setIsTouchDevice] = React62.useState(false);
-  React62.useEffect(() => {
+  const [isHovered, setIsHovered] = React72.useState(false);
+  const [isTouchDevice, setIsTouchDevice] = React72.useState(false);
+  React72.useEffect(() => {
     setIsTouchDevice("ontouchstart" in window || navigator.maxTouchPoints > 0);
   }, []);
   const sortedTokens = featuredTokens ? [...featuredTokens].sort((a, b) => a.position - b.position) : [];
@@ -21017,9 +21213,9 @@ function DepositWithCardButton({
   paymentNetworks
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const [isHovered, setIsHovered] = React72.useState(false);
-  const [isTouchDevice, setIsTouchDevice] = React72.useState(false);
-  React72.useEffect(() => {
+  const [isHovered, setIsHovered] = React82.useState(false);
+  const [isTouchDevice, setIsTouchDevice] = React82.useState(false);
+  React82.useEffect(() => {
     setIsTouchDevice("ontouchstart" in window || navigator.maxTouchPoints > 0);
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
@@ -21098,9 +21294,9 @@ function PayWithExchangeButton({
   loading = false
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const [isHovered, setIsHovered] = React82.useState(false);
-  const [isTouchDevice, setIsTouchDevice] = React82.useState(false);
-  React82.useEffect(() => {
+  const [isHovered, setIsHovered] = React92.useState(false);
+  const [isTouchDevice, setIsTouchDevice] = React92.useState(false);
+  React92.useEffect(() => {
     setIsTouchDevice("ontouchstart" in window || navigator.maxTouchPoints > 0);
   }, []);
   if (loading) {
@@ -21202,11 +21398,11 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React92.forwardRef(
+var Button = React102.forwardRef(
   ({ className, variant, size: size4, asChild = false, style, ...props }, ref) => {
     const Comp = asChild ? Slot2 : "button";
     const { components, fonts } = useTheme();
-    const themeStyle = React92.useMemo(() => {
+    const themeStyle = React102.useMemo(() => {
       const baseStyle = { ...style };
       if (variant === "default" || !variant) {
         baseStyle.backgroundColor = components.button.primaryBackground;
@@ -21241,9 +21437,9 @@ function ConnectExchangeButton({
   connectedExchange
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const [isHovered, setIsHovered] = React102.useState(false);
-  const [isTouchDevice, setIsTouchDevice] = React102.useState(false);
-  React102.useEffect(() => {
+  const [isHovered, setIsHovered] = React112.useState(false);
+  const [isTouchDevice, setIsTouchDevice] = React112.useState(false);
+  React112.useEffect(() => {
     setIsTouchDevice("ontouchstart" in window || navigator.maxTouchPoints > 0);
   }, []);
   const isConnected = connectedExchange != null;
@@ -21388,9 +21584,9 @@ function DepositTrackerButton({
   badge
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const [isHovered, setIsHovered] = React112.useState(false);
-  const [isTouchDevice, setIsTouchDevice] = React112.useState(false);
-  React112.useEffect(() => {
+  const [isHovered, setIsHovered] = React122.useState(false);
+  const [isTouchDevice, setIsTouchDevice] = React122.useState(false);
+  React122.useEffect(() => {
     setIsTouchDevice("ontouchstart" in window || navigator.maxTouchPoints > 0);
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
@@ -21461,9 +21657,9 @@ function DepositTrackerButton({
 }
 function CashAppButton({ onClick, title, subtitle, iconUrl }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const [isHovered, setIsHovered] = React122.useState(false);
-  const [isTouchDevice, setIsTouchDevice] = React122.useState(false);
-  React122.useEffect(() => {
+  const [isHovered, setIsHovered] = React132.useState(false);
+  const [isTouchDevice, setIsTouchDevice] = React132.useState(false);
+  React132.useEffect(() => {
     setIsTouchDevice("ontouchstart" in window || navigator.maxTouchPoints > 0);
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
@@ -21547,9 +21743,9 @@ function AppleLogo({ className, style }) {
 }
 function ApplePayButton({ onClick, title, subtitle }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const [isHovered, setIsHovered] = React132.useState(false);
-  const [isTouchDevice, setIsTouchDevice] = React132.useState(false);
-  React132.useEffect(() => {
+  const [isHovered, setIsHovered] = React142.useState(false);
+  const [isTouchDevice, setIsTouchDevice] = React142.useState(false);
+  React142.useEffect(() => {
     setIsTouchDevice("ontouchstart" in window || navigator.maxTouchPoints > 0);
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
@@ -21611,9 +21807,9 @@ function BankTransferButton({
   comingSoon = false
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const [isHovered, setIsHovered] = React142.useState(false);
-  const [isTouchDevice, setIsTouchDevice] = React142.useState(false);
-  React142.useEffect(() => {
+  const [isHovered, setIsHovered] = React152.useState(false);
+  const [isTouchDevice, setIsTouchDevice] = React152.useState(false);
+  React152.useEffect(() => {
     setIsTouchDevice("ontouchstart" in window || navigator.maxTouchPoints > 0);
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
@@ -21862,18 +22058,18 @@ async function detectConnectedBrowserWallet(chainType) {
 }
 function useDetectedBrowserWallet(opts = {}) {
   const { chainType, enabled = true, onDisconnect } = opts;
-  const [wallet, setWallet] = React152.useState(null);
-  const [isLoading, setIsLoading] = React152.useState(enabled);
-  const [eip6963ProviderCount, setEip6963ProviderCount] = React152.useState(0);
-  const onDisconnectRef = React152.useRef(onDisconnect);
+  const [wallet, setWallet] = React162.useState(null);
+  const [isLoading, setIsLoading] = React162.useState(enabled);
+  const [eip6963ProviderCount, setEip6963ProviderCount] = React162.useState(0);
+  const onDisconnectRef = React162.useRef(onDisconnect);
   onDisconnectRef.current = onDisconnect;
-  React152.useEffect(() => {
+  React162.useEffect(() => {
     const store = getEip6963Store();
     if (!store) return;
     setEip6963ProviderCount(store.getProviders().length);
     return store.subscribe((providers) => setEip6963ProviderCount(providers.length));
   }, []);
-  React152.useEffect(() => {
+  React162.useEffect(() => {
     if (!enabled) {
       setWallet(null);
       setIsLoading(false);
@@ -22014,7 +22210,7 @@ async function disconnectInjectedBrowserWallet(wallet) {
   );
 }
 function MetamaskIcon({ size: size4 = 24, className, variant = "color" }) {
-  const id = React162.useId();
+  const id = React172.useId();
   if (variant === "light" || variant === "dark") {
     return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
       "svg",
@@ -22135,7 +22331,7 @@ function MetamaskIcon({ size: size4 = 24, className, variant = "color" }) {
   );
 }
 function PhantomIcon({ size: size4 = 24, className, variant = "color" }) {
-  const id = React172.useId();
+  const id = React182.useId();
   if (variant === "light") {
     return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
       "svg",
@@ -22202,7 +22398,7 @@ function PhantomIcon({ size: size4 = 24, className, variant = "color" }) {
   );
 }
 function CoinbaseIcon({ size: size4 = 24, className, variant = "color" }) {
-  const id = React182.useId();
+  const id = React192.useId();
   if (variant === "light") {
     return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
       "svg",
@@ -22282,7 +22478,7 @@ function CoinbaseIcon({ size: size4 = 24, className, variant = "color" }) {
   );
 }
 function RabbyIcon({ size: size4 = 24, className, variant = "color" }) {
-  const id = React192.useId();
+  const id = React202.useId();
   if (variant === "light") {
     return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
       "svg",
@@ -22629,7 +22825,7 @@ function RabbyIcon({ size: size4 = 24, className, variant = "color" }) {
   );
 }
 function RainbowIcon({ size: size4 = 24, className, variant = "color" }) {
-  const id = React202.useId();
+  const id = React212.useId();
   if (variant === "light") {
     return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
       "svg",
@@ -23043,7 +23239,7 @@ function RainbowIcon({ size: size4 = 24, className, variant = "color" }) {
   );
 }
 function TrustIcon({ size: size4 = 24, className, variant = "color" }) {
-  const id = React212.useId();
+  const id = React222.useId();
   if (variant === "light") {
     return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
       "svg",
@@ -23126,7 +23322,7 @@ function TrustIcon({ size: size4 = 24, className, variant = "color" }) {
   );
 }
 function OkxIcon({ size: size4 = 24, className, variant = "color" }) {
-  const id = React222.useId();
+  const id = React232.useId();
   if (variant === "light") {
     return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
       "svg",
@@ -23181,7 +23377,7 @@ function OkxIcon({ size: size4 = 24, className, variant = "color" }) {
   );
 }
 function GlowIcon({ size: size4 = 24, className, variant = "color" }) {
-  const id = React232.useId();
+  const id = React242.useId();
   if (variant === "light") {
     return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
       "svg",
@@ -23282,7 +23478,7 @@ function GlowIcon({ size: size4 = 24, className, variant = "color" }) {
   );
 }
 function BackpackIcon({ size: size4 = 24, className, variant = "color" }) {
-  const id = React242.useId();
+  const id = React252.useId();
   if (variant === "light") {
     return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
       "svg",
@@ -23355,7 +23551,7 @@ function BackpackIcon({ size: size4 = 24, className, variant = "color" }) {
   );
 }
 function SolflareIcon({ size: size4 = 24, className, variant = "color" }) {
-  const id = React252.useId();
+  const id = React262.useId();
   if (variant === "light") {
     return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
       "svg",
@@ -23422,7 +23618,7 @@ function SolflareIcon({ size: size4 = 24, className, variant = "color" }) {
   );
 }
 function EthereumIcon({ size: size4 = 24, className, variant = "color" }) {
-  const id = React262.useId();
+  const id = React272.useId();
   if (variant === "light") {
     return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
       "svg",
@@ -23546,7 +23742,7 @@ function EthereumIcon({ size: size4 = 24, className, variant = "color" }) {
   );
 }
 function SolanaIcon({ size: size4 = 24, className, variant = "color" }) {
-  const id = React272.useId();
+  const id = React282.useId();
   if (variant === "light") {
     return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       "svg",
@@ -23791,19 +23987,19 @@ function BrowserWalletButton({
   subtitle = i18n2.depositModal.browserWallet.subtitle
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const [isHovered, setIsHovered] = React282.useState(false);
-  const [isTouchDevice, setIsTouchDevice] = React282.useState(false);
+  const [isHovered, setIsHovered] = React292.useState(false);
+  const [isTouchDevice, setIsTouchDevice] = React292.useState(false);
   const { wallet, isLoading, setWallet } = useDetectedBrowserWallet({ chainType, onDisconnect });
-  const [isConnecting, setIsConnecting] = React282.useState(false);
-  const [balanceText, setBalanceText] = React282.useState(null);
-  const [isLoadingBalance, setIsLoadingBalance] = React282.useState(false);
-  const [isDisconnecting, setIsDisconnecting] = React282.useState(false);
-  const onDisconnectRef = React282.useRef(onDisconnect);
+  const [isConnecting, setIsConnecting] = React292.useState(false);
+  const [balanceText, setBalanceText] = React292.useState(null);
+  const [isLoadingBalance, setIsLoadingBalance] = React292.useState(false);
+  const [isDisconnecting, setIsDisconnecting] = React292.useState(false);
+  const onDisconnectRef = React292.useRef(onDisconnect);
   onDisconnectRef.current = onDisconnect;
-  React282.useEffect(() => {
+  React292.useEffect(() => {
     setIsTouchDevice("ontouchstart" in window || navigator.maxTouchPoints > 0);
   }, []);
-  React282.useEffect(() => {
+  React292.useEffect(() => {
     if (!wallet || !publishableKey) {
       setBalanceText(null);
       return;
@@ -23930,7 +24126,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] ? React282.createElement(WALLET_ICON_COMPONENTS[wallet.icon], {
+  const walletIconBlock = wallet ? WALLET_ICON_COMPONENTS[wallet.icon] ? React292.createElement(WALLET_ICON_COMPONENTS[wallet.icon], {
     size: 36,
     className: "uf-rounded-lg",
     variant: "color"
@@ -24081,9 +24277,9 @@ function StripeLinkButton({
   iconUrl
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const [isHovered, setIsHovered] = React292.useState(false);
-  const [isTouchDevice, setIsTouchDevice] = React292.useState(false);
-  React292.useEffect(() => {
+  const [isHovered, setIsHovered] = React302.useState(false);
+  const [isTouchDevice, setIsTouchDevice] = React302.useState(false);
+  React302.useEffect(() => {
     setIsTouchDevice("ontouchstart" in window || navigator.maxTouchPoints > 0);
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
@@ -24569,6 +24765,8 @@ function PayWithStripeLink({
   destinationChainType,
   destinationChainId,
   destinationTokenAddress,
+  countryCode,
+  subdivisionCode,
   wallets: externalWallets,
   email: emailProp,
   iconUrl,
@@ -24963,7 +25161,9 @@ function PayWithStripeLink({
       {
         tokenAddress: destinationTokenAddress,
         chainId: destinationChainId,
-        chainType: destinationChainType
+        chainType: destinationChainType,
+        countryCode,
+        subdivisionCode
       },
       publishableKey
     ).then((token) => {
@@ -24982,7 +25182,14 @@ function PayWithStripeLink({
     return () => {
       cancelled = true;
     };
-  }, [publishableKey, destinationTokenAddress, destinationChainId, destinationChainType]);
+  }, [
+    publishableKey,
+    destinationTokenAddress,
+    destinationChainId,
+    destinationChainType,
+    countryCode,
+    subdivisionCode
+  ]);
   const destinationCurrency = stripeDestCurrency;
   const authInnerRef = (0, import_react24.useRef)(null);
   const paymentInnerRef = (0, import_react24.useRef)(null);
@@ -27840,7 +28047,7 @@ function useProjectConfig({
     data: projectConfig,
     isLoading,
     error
-  } = (0, import_react_query10.useQuery)({
+  } = (0, import_react_query11.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.
@@ -27850,7 +28057,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_query10.keepPreviousData,
+    placeholderData: import_react_query11.keepPreviousData,
     staleTime: 1e3 * 60 * 30,
     refetchOnMount: true,
     refetchOnWindowFocus: true
@@ -27868,7 +28075,7 @@ function useSupportedDepositTokens(publishableKey, options) {
     ...options?.product_type ? { product_type: options.product_type } : {}
   };
   const hasFilteredOptions = Object.keys(filteredOptions).length > 0;
-  return (0, import_react_query11.useQuery)({
+  return (0, import_react_query12.useQuery)({
     queryKey: [
       "unifold",
       "supportedDepositTokens",
@@ -27892,7 +28099,7 @@ function useIntegrationTransferDefaultToken({
   publishableKey,
   enabled = true
 }) {
-  return (0, import_react_query12.useQuery)({
+  return (0, import_react_query13.useQuery)({
     queryKey: [
       "unifold",
       "integrationTransferDefaultToken",
@@ -27958,7 +28165,8 @@ function CoinbaseConnect({
   defaultSourceChainType,
   defaultSourceChainId,
   defaultSourceTokenAddress,
-  defaultSourceSymbol
+  defaultSourceSymbol,
+  prefilledAmountUsd
 }) {
   const { colors: colors2, fonts, components } = useTheme();
   const { projectConfig } = useProjectConfig({ publishableKey });
@@ -28281,7 +28489,8 @@ function CoinbaseConnect({
   };
   const handleSelectAsset = (asset) => {
     setSelectedAsset(asset);
-    setSendAmount("");
+    const cleanedPrefilled = prefilledAmountUsd?.replace(/[^0-9.]/g, "") ?? "";
+    setSendAmount(cleanedPrefilled);
     transitionTo("enter_amount");
   };
   const handleCreateTransfer = async () => {
@@ -29869,7 +30078,7 @@ function useExchanges({
   publishableKey,
   enabled = true
 }) {
-  const { data: exchanges = [], isLoading } = (0, import_react_query13.useQuery)({
+  const { data: exchanges = [], isLoading } = (0, import_react_query14.useQuery)({
     queryKey: ["unifold", "exchanges", publishableKey],
     queryFn: () => getExchanges(void 0, publishableKey).then((res) => res.data),
     enabled,
@@ -29883,7 +30092,7 @@ function useApplePayProviders({
   publishableKey,
   enabled = true
 }) {
-  const { data: providers, isLoading } = (0, import_react_query14.useQuery)({
+  const { data: providers, isLoading } = (0, import_react_query15.useQuery)({
     queryKey: ["unifold", "applePayProviders", publishableKey],
     queryFn: () => getApplePayProviders(publishableKey),
     enabled,
@@ -29943,7 +30152,7 @@ function useAddressValidation({
   refetchOnMount = false
 }) {
   const shouldValidate = enabled && !!recipientAddress && !!destinationChainType && !!destinationChainId && !!destinationTokenAddress;
-  const { data, isLoading, error } = (0, import_react_query15.useQuery)({
+  const { data, isLoading, error } = (0, import_react_query16.useQuery)({
     queryKey: [
       "unifold",
       "addressValidation",
@@ -29992,7 +30201,7 @@ function ThemeStyleInjector({
   className
 }) {
   const { colors: colors2, fonts, mode } = useTheme();
-  const cssVars = React312.useMemo(() => {
+  const cssVars = React322.useMemo(() => {
     const hexToHSL = (hex) => {
       hex = hex.replace("#", "");
       const r2 = parseInt(hex.slice(0, 2), 16) / 255;
@@ -30052,7 +30261,7 @@ function ThemeStyleInjector({
       ...fonts.regular ? { "--uf-font-family": fonts.regular } : {}
     };
   }, [colors2, fonts.regular]);
-  React312.useEffect(() => {
+  React322.useEffect(() => {
     if (typeof document === "undefined") return;
     if (fonts.regular) {
       document.documentElement.style.setProperty("--uf-font-family", fonts.regular);
@@ -31197,14 +31406,14 @@ function useCopyAddress() {
   return { copied, handleCopy };
 }
 var TooltipProvider2 = Provider;
-var TooltipContext = React322.createContext({
+var TooltipContext = React332.createContext({
   open: false,
   onOpenChange: () => {
   }
 });
-var TooltipTrigger2 = React322.forwardRef(({ onClick, ...props }, ref) => {
-  const { open, onOpenChange } = React322.useContext(TooltipContext);
-  const handleClick = React322.useCallback(
+var TooltipTrigger2 = React332.forwardRef(({ onClick, ...props }, ref) => {
+  const { open, onOpenChange } = React332.useContext(TooltipContext);
+  const handleClick = React332.useCallback(
     (e) => {
       onOpenChange(!open);
       onClick?.(e);
@@ -31214,7 +31423,7 @@ var TooltipTrigger2 = React322.forwardRef(({ onClick, ...props }, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Trigger, { ref, onClick: handleClick, ...props });
 });
 TooltipTrigger2.displayName = Trigger.displayName;
-var TooltipContent2 = React322.forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
+var TooltipContent2 = React332.forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
   const { themeClass, colors: colors2 } = useTheme();
   return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Portal3, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     Content22,
@@ -31245,7 +31454,7 @@ function useHypercoreActivation(params) {
   const recipient = recipientAddress?.trim() ?? "";
   const source = sourceAddress?.trim() ?? "";
   const hasAddresses = !!recipient && !!source;
-  const { data, isLoading } = (0, import_react_query16.useQuery)({
+  const { data, isLoading } = (0, import_react_query17.useQuery)({
     queryKey: ["unifold", "hypercoreActivation", source, recipient, publishableKey],
     queryFn: () => checkHypercoreActivation(
       {
@@ -31324,6 +31533,7 @@ function TransferCryptoSingleInput({
   onDepositError,
   wallets: externalWallets,
   onSourceTokenChange,
+  prefilledAmountUsd,
   checkoutQuote,
   isCheckoutQuoteLoading = false,
   persistCheckingIndicator = false,
@@ -31467,6 +31677,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_react27.useMemo)(() => {
+    const value = parseFloat(prefilledAmountUsd ?? "");
+    return Number.isFinite(value) && value > 0 ? value : null;
+  }, [prefilledAmountUsd]);
+  const effectivePrefilledUsd = (0, import_react27.useMemo)(() => {
+    if (parsedPrefilledUsd === null) return null;
+    return Math.max(parsedPrefilledUsd, minDepositUsd);
+  }, [parsedPrefilledUsd, minDepositUsd]);
+  const prefillDisplay = (0, import_react27.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_runtime71.jsx)(TooltipProvider2, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
     "div",
     {
@@ -31593,7 +31819,7 @@ function TransferCryptoSingleInput({
             /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { children: "Retrying automatically every 5 seconds..." })
           ] })
         ] }),
-        (checkoutQuote || isCheckoutQuoteLoading) && /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
+        (checkoutQuote || isCheckoutQuoteLoading || prefillDisplay) && /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
           "div",
           {
             className: "uf-rounded-xl uf-px-3 uf-py-2 uf-flex uf-items-center uf-justify-between",
@@ -31637,6 +31863,13 @@ function TransferCryptoSingleInput({
                     )
                   ]
                 }
+              ) : prefillDisplay ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+                "span",
+                {
+                  className: "uf-text-sm uf-font-semibold",
+                  style: { color: components.card.titleColor, fontFamily: fonts.semibold },
+                  children: prefillDisplay
+                }
               ) : /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
                 "div",
                 {
@@ -31966,7 +32199,7 @@ function TransferCryptoSingleInput({
 }
 var Select2 = Root23;
 var SelectValue2 = Value;
-var SelectTrigger2 = React332.forwardRef(({ className, style, children, ...props }, ref) => {
+var SelectTrigger2 = React342.forwardRef(({ className, style, children, ...props }, ref) => {
   const { components } = useTheme();
   return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
     Trigger2,
@@ -31990,7 +32223,7 @@ var SelectTrigger2 = React332.forwardRef(({ className, style, children, ...props
   );
 });
 SelectTrigger2.displayName = Trigger2.displayName;
-var SelectScrollUpButton2 = React332.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+var SelectScrollUpButton2 = React342.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
   ScrollUpButton,
   {
     ref,
@@ -32000,7 +32233,7 @@ var SelectScrollUpButton2 = React332.forwardRef(({ className, ...props }, ref) =
   }
 ));
 SelectScrollUpButton2.displayName = ScrollUpButton.displayName;
-var SelectScrollDownButton2 = React332.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+var SelectScrollDownButton2 = React342.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
   ScrollDownButton,
   {
     ref,
@@ -32010,7 +32243,7 @@ var SelectScrollDownButton2 = React332.forwardRef(({ className, ...props }, ref)
   }
 ));
 SelectScrollDownButton2.displayName = ScrollDownButton.displayName;
-var SelectContent2 = React332.forwardRef(({ className, style, children, position = "popper", ...props }, ref) => {
+var SelectContent2 = React342.forwardRef(({ className, style, children, position = "popper", ...props }, ref) => {
   const { themeClass, colors: colors2, components } = useTheme();
   return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Portal4, { children: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
     Content23,
@@ -32048,7 +32281,7 @@ var SelectContent2 = React332.forwardRef(({ className, style, children, position
   ) });
 });
 SelectContent2.displayName = Content23.displayName;
-var SelectLabel2 = React332.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+var SelectLabel2 = React342.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
   Label,
   {
     ref,
@@ -32057,7 +32290,7 @@ var SelectLabel2 = React332.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 SelectLabel2.displayName = Label.displayName;
-var SelectItem2 = React332.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
+var SelectItem2 = React342.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
   Item,
   {
     ref,
@@ -32073,7 +32306,7 @@ var SelectItem2 = React332.forwardRef(({ className, children, ...props }, ref) =
   }
 ));
 SelectItem2.displayName = Item.displayName;
-var SelectSeparator2 = React332.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+var SelectSeparator2 = React342.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
   Separator,
   {
     ref,
@@ -32101,6 +32334,7 @@ function TransferCryptoDoubleInput({
   defaultSourceChainId,
   defaultSourceTokenAddress,
   defaultSourceSymbol,
+  prefilledAmountUsd,
   depositConfirmationMode = "auto_ui",
   onExecutionsChange,
   onDepositSuccess,
@@ -32225,6 +32459,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_react32.useMemo)(() => {
+    const value = parseFloat(prefilledAmountUsd ?? "");
+    return Number.isFinite(value) && value > 0 ? value : null;
+  }, [prefilledAmountUsd]);
+  const effectivePrefilledUsd = (0, import_react32.useMemo)(() => {
+    if (parsedPrefilledUsd === null) return null;
+    return Math.max(parsedPrefilledUsd, minDepositUsd);
+  }, [parsedPrefilledUsd, minDepositUsd]);
+  const prefillDisplay = (0, import_react32.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_runtime73.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
@@ -32405,6 +32655,35 @@ function TransferCryptoDoubleInput({
         /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { children: "Retrying automatically every 5 seconds..." })
       ] })
     ] }),
+    prefillDisplay && /* @__PURE__ */ (0, import_jsx_runtime73.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_runtime73.jsx)(
+            "span",
+            {
+              className: "uf-text-xs",
+              style: { color: components.card.subtitleColor, fontFamily: fonts.regular },
+              children: "You send"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+            "span",
+            {
+              className: "uf-text-sm uf-font-semibold",
+              style: { color: components.card.titleColor, fontFamily: fonts.semibold },
+              children: prefillDisplay
+            }
+          )
+        ]
+      }
+    ),
     /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-pt-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
         "div",
@@ -32743,7 +33022,7 @@ function useDepositQuote(params) {
     ...adjustForSlippage ? { adjust_for_slippage: true } : {},
     ...stablecoinParity ? { stablecoin_parity: true } : {}
   };
-  return (0, import_react_query17.useQuery)({
+  return (0, import_react_query18.useQuery)({
     queryKey: [
       "unifold",
       "depositQuote",
@@ -32773,7 +33052,7 @@ function useExternalWallets({
   publishableKey,
   enabled = true
 }) {
-  const { data: wallets = [], isLoading } = (0, import_react_query18.useQuery)({
+  const { data: wallets = [], isLoading } = (0, import_react_query19.useQuery)({
     queryKey: ["unifold", "external-wallets", publishableKey],
     queryFn: () => getExternalWallets(publishableKey).then((res) => res.data),
     enabled: enabled && !!publishableKey,
@@ -33992,7 +34271,7 @@ function WalletConnect({
   amountQuickSelect = "percentage",
   onWalletDisconnect,
   onWalletConnected,
-  prefillAmountUsd,
+  prefilledAmountUsd,
   checkoutAmountUsd,
   checkoutReceivedUsd,
   onNewDeposit,
@@ -34014,28 +34293,28 @@ function WalletConnect({
   onExecutionsChange
 }) {
   const { colors: colors2, fonts, components, mode } = useTheme();
-  const walletProvidedAtMount = React342.useRef(!!initialWalletInfo && !!initialDepositWallet);
-  const [activeWalletInfo, setActiveWalletInfo] = React342.useState(
+  const walletProvidedAtMount = React352.useRef(!!initialWalletInfo && !!initialDepositWallet);
+  const [activeWalletInfo, setActiveWalletInfo] = React352.useState(
     initialWalletInfo ?? null
   );
-  const [activeDepositWallet, setActiveDepositWallet] = React342.useState(
+  const [activeDepositWallet, setActiveDepositWallet] = React352.useState(
     initialDepositWallet ?? null
   );
   const initialView = initialWalletInfo && initialDepositWallet ? "select_token" : "select_wallet";
-  const [view, setView] = React342.useState(initialView);
-  const [isTransitioning, setIsTransitioning] = React342.useState(false);
-  const viewRef = React342.useRef(initialView);
+  const [view, setView] = React352.useState(initialView);
+  const [isTransitioning, setIsTransitioning] = React352.useState(false);
+  const viewRef = React352.useRef(initialView);
   const standalone = !canGoBack && !walletProvidedAtMount.current;
   const { wallet: detectedWallet, isLoading: detectingWallet } = useDetectedBrowserWallet({
     enabled: standalone
   });
-  const [autoResolved, setAutoResolved] = React342.useState(false);
-  const [selectedWalletDef, setSelectedWalletDef] = React342.useState(null);
-  const [connectingNetwork, setConnectingNetwork] = React342.useState(null);
-  const [walletError, setWalletError] = React342.useState(null);
-  const [isWalletConnecting, setIsWalletConnecting] = React342.useState(false);
-  const [eip6963ProviderCount, setEip6963ProviderCount] = React342.useState(0);
-  React342.useEffect(() => {
+  const [autoResolved, setAutoResolved] = React352.useState(false);
+  const [selectedWalletDef, setSelectedWalletDef] = React352.useState(null);
+  const [connectingNetwork, setConnectingNetwork] = React352.useState(null);
+  const [walletError, setWalletError] = React352.useState(null);
+  const [isWalletConnecting, setIsWalletConnecting] = React352.useState(false);
+  const [eip6963ProviderCount, setEip6963ProviderCount] = React352.useState(0);
+  React352.useEffect(() => {
     const store = getEip6963Store();
     if (!store) return;
     setEip6963ProviderCount(store.getProviders().length);
@@ -34044,7 +34323,7 @@ function WalletConnect({
     });
   }, []);
   const { wallets: backendWallets } = useExternalWallets({ publishableKey });
-  const walletDefinitions = React342.useMemo(
+  const walletDefinitions = React352.useMemo(
     () => backendWallets.length > 0 ? backendWallets.map((w) => ({
       id: w.id,
       name: w.name,
@@ -34055,32 +34334,32 @@ function WalletConnect({
     })) : FALLBACK_WALLET_DEFINITIONS,
     [backendWallets]
   );
-  const [recentWalletId, setRecentWalletIdState] = React342.useState(getLastOpenedWallet);
-  React342.useEffect(() => {
+  const [recentWalletId, setRecentWalletIdState] = React352.useState(getLastOpenedWallet);
+  React352.useEffect(() => {
     if (view === "select_wallet") {
       setRecentWalletIdState(getLastOpenedWallet());
     }
   }, [view]);
-  const availableWallets = React342.useMemo(
+  const availableWallets = React352.useMemo(
     () => detectAvailableWallets(walletDefinitions, recentWalletId),
     [walletDefinitions, eip6963ProviderCount, recentWalletId]
   );
-  const [isMobile, setIsMobile] = React342.useState(false);
-  React342.useEffect(() => {
+  const [isMobile, setIsMobile] = React352.useState(false);
+  React352.useEffect(() => {
     setIsMobile(isMobileDevice());
   }, []);
-  const mobileDepositAddresses = React342.useMemo(
+  const mobileDepositAddresses = React352.useMemo(
     () => (depositWallets ?? []).map((w) => ({ chain_type: w.chain_type, address: w.address })),
     [depositWallets]
   );
-  const mobileDepositWalletIds = React342.useMemo(
+  const mobileDepositWalletIds = React352.useMemo(
     () => (depositWallets ?? []).filter((w) => w.chain_type === "ethereum" || w.chain_type === "solana").map((w) => w.id),
     [depositWallets]
   );
-  const [mobileRedirect, setMobileRedirect] = React342.useState(null);
-  const [pendingMobileWallet, setPendingMobileWallet] = React342.useState(null);
-  const [awaitingMobileDeposit, setAwaitingMobileDeposit] = React342.useState(false);
-  React342.useEffect(() => {
+  const [mobileRedirect, setMobileRedirect] = React352.useState(null);
+  const [pendingMobileWallet, setPendingMobileWallet] = React352.useState(null);
+  const [awaitingMobileDeposit, setAwaitingMobileDeposit] = React352.useState(false);
+  React352.useEffect(() => {
     if (!standalone || autoResolved || detectingWallet) return;
     if (!detectedWallet) {
       setAutoResolved(true);
@@ -34106,32 +34385,36 @@ function WalletConnect({
     depositWallets,
     depositWalletsLoading
   ]);
-  React342.useEffect(() => {
+  React352.useEffect(() => {
     if (!standalone || autoResolved) return;
     const t13 = setTimeout(() => setAutoResolved(true), 5e3);
     return () => clearTimeout(t13);
   }, [standalone, autoResolved]);
-  const [balances, setBalances] = React342.useState([]);
-  const [isLoading, setIsLoading] = React342.useState(false);
-  const [selectedBalance, setSelectedBalance] = React342.useState(null);
-  const [totalBalanceUsd, setTotalBalanceUsd] = React342.useState(null);
-  const [error, setError] = React342.useState(null);
-  const [isDisconnectingWallet, setIsDisconnectingWallet] = React342.useState(false);
-  const [amountUsd, setAmountUsd] = React342.useState(prefillAmountUsd ?? "");
-  const [isConfirming, setIsConfirming] = React342.useState(false);
-  const [hasSignedTransaction, setHasSignedTransaction] = React342.useState(false);
-  const [tokenChainDetails, setTokenChainDetails] = React342.useState(null);
-  const [loadingTokenDetails, setLoadingTokenDetails] = React342.useState(false);
-  const [showTransactionDetails, setShowTransactionDetails] = React342.useState(false);
-  const [receivedUsdAtSubmission, setReceivedUsdAtSubmission] = React342.useState(null);
+  const [balances, setBalances] = React352.useState([]);
+  const [isLoading, setIsLoading] = React352.useState(false);
+  const [selectedBalance, setSelectedBalance] = React352.useState(null);
+  const [totalBalanceUsd, setTotalBalanceUsd] = React352.useState(null);
+  const [error, setError] = React352.useState(null);
+  const [isDisconnectingWallet, setIsDisconnectingWallet] = React352.useState(false);
+  const [amountUsd, setAmountUsd] = React352.useState(prefilledAmountUsd ?? "");
+  const [isConfirming, setIsConfirming] = React352.useState(false);
+  const [hasSignedTransaction, setHasSignedTransaction] = React352.useState(false);
+  const [tokenChainDetails, setTokenChainDetails] = React352.useState(null);
+  const [loadingTokenDetails, setLoadingTokenDetails] = React352.useState(false);
+  const [showTransactionDetails, setShowTransactionDetails] = React352.useState(false);
+  const [receivedUsdAtSubmission, setReceivedUsdAtSubmission] = React352.useState(null);
   const walletInfo = activeWalletInfo;
   const depositWallet = activeDepositWallet;
   const hasWallet = !!activeWalletInfo && !!activeDepositWallet;
+  React352.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 = React342.useCallback((nextView) => {
+  const transitionTo = React352.useCallback((nextView) => {
     if (nextView === viewRef.current) return;
     setIsTransitioning(true);
     setTimeout(() => {
@@ -34196,7 +34479,7 @@ function WalletConnect({
     if (!selectedWalletDef) return;
     handleConnectWallet(selectedWalletDef, network);
   };
-  React342.useEffect(() => {
+  React352.useEffect(() => {
     if (!pendingMobileWallet) return;
     if (mobileDepositAddresses.length > 0) {
       const wallet = pendingMobileWallet;
@@ -34360,7 +34643,7 @@ function WalletConnect({
     publishableKey,
     enabled: !!activeWalletInfo && !!recipientAddress
   });
-  const effectiveDestinationAmount = React342.useMemo(() => {
+  const effectiveDestinationAmount = React352.useMemo(() => {
     if (!checkoutRemainingBaseUnits || checkoutRemainingBaseUnits === "0") return "0";
     if (!checkoutAmountUsd) return checkoutRemainingBaseUnits;
     const remaining = BigInt(checkoutRemainingBaseUnits);
@@ -34388,7 +34671,7 @@ function WalletConnect({
     stablecoinParity,
     enabled: isCheckoutMode && !!selectedToken && !!checkoutDestination && effectiveDestinationAmount !== "0"
   });
-  const activeCheckoutQuote = React342.useMemo(() => {
+  const activeCheckoutQuote = React352.useMemo(() => {
     if (!isCheckoutMode) return null;
     if (walletCheckoutQuote)
       return {
@@ -34418,10 +34701,10 @@ function WalletConnect({
     onDepositSuccess,
     onDepositError
   });
-  React342.useEffect(() => {
+  React352.useEffect(() => {
     onExecutionsChange?.(depositExecutions);
   }, [depositExecutions, onExecutionsChange]);
-  const latestDepositExecution = React342.useMemo(() => {
+  const latestDepositExecution = React352.useMemo(() => {
     if (depositExecutions.length === 0) return null;
     return [...depositExecutions].sort((a, b) => {
       const ta = a.created_at ? new Date(a.created_at).getTime() : 0;
@@ -34429,21 +34712,21 @@ function WalletConnect({
       return tb - ta;
     })[0];
   }, [depositExecutions]);
-  React342.useEffect(() => {
+  React352.useEffect(() => {
     if (awaitingMobileDeposit && latestDepositExecution && (viewRef.current === "mobile_redirect" || viewRef.current === "connecting")) {
       transitionTo("mobile_deposit_status");
     }
   }, [awaitingMobileDeposit, latestDepositExecution, transitionTo]);
-  React342.useEffect(() => {
-    if (!prefillAmountUsd || !tokenChainDetails || view !== "enter_amount") return;
+  React352.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]);
-  React342.useEffect(() => {
+  }, [isCheckoutMode, tokenChainDetails, view, amountUsd]);
+  React352.useEffect(() => {
     if (view === "review") setShowTransactionDetails(false);
   }, [view]);
-  React342.useEffect(() => {
+  React352.useEffect(() => {
     if (view !== "enter_amount" && view !== "review" || !selectedBalance || !activeDepositWallet)
       return;
     let cancelled = false;
@@ -34480,7 +34763,7 @@ function WalletConnect({
       cancelled = true;
     };
   }, [view, selectedBalance, publishableKey, activeDepositWallet]);
-  React342.useEffect(() => {
+  React352.useEffect(() => {
     if (!activeWalletInfo || !activeDepositWallet) return;
     let cancelled = false;
     setIsLoading(true);
@@ -34545,21 +34828,21 @@ function WalletConnect({
     defaultSourceTokenAddress,
     defaultSourceSymbol
   ]);
-  const usdToTokenRate = React342.useMemo(() => {
+  const usdToTokenRate = React352.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 = React342.useMemo(() => {
+  const tokenAmount = React352.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]);
-  React342.useEffect(() => {
+  React352.useEffect(() => {
     if (isCheckoutMode && activeCheckoutQuote?.sourceAmountUsd && view === "enter_amount")
       setAmountUsd(activeCheckoutQuote.sourceAmountUsd);
   }, [isCheckoutMode, activeCheckoutQuote, view]);
@@ -34568,7 +34851,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 = React342.useMemo(() => {
+  const formattedTokenAmount = React352.useMemo(() => {
     if (tokenAmount === 0 || !selectedToken) return null;
     return `${tokenAmount.toFixed(6)} ${selectedToken.symbol}`.replace(/\.?0+$/, "");
   }, [tokenAmount, selectedToken]);
@@ -34601,7 +34884,7 @@ function WalletConnect({
         break;
       case "enter_amount":
         transitionTo("select_token");
-        setAmountUsd(prefillAmountUsd ?? "");
+        setAmountUsd(prefilledAmountUsd ?? "");
         setTokenChainDetails(null);
         break;
       case "review":
@@ -34633,7 +34916,7 @@ function WalletConnect({
         setSelectedBalance(null);
         setBalances([]);
         setTotalBalanceUsd(null);
-        setAmountUsd(prefillAmountUsd ?? "");
+        setAmountUsd(prefilledAmountUsd ?? "");
         setError(null);
       };
       if (standalone) {
@@ -35357,6 +35640,15 @@ function SkeletonButton({ variant = "default" }) {
   ] });
 }
 var t8 = i18n2.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";
 }
@@ -35376,6 +35668,7 @@ function DepositModal({
   defaultSourceChainId,
   defaultSourceTokenAddress,
   defaultSourceSymbol,
+  prefilledAmountUsd,
   hideDepositTracker,
   showBalanceHeader = false,
   transferInputVariant = "double_input",
@@ -35411,6 +35704,10 @@ function DepositModal({
   depositTrackerSubTitle = t8.depositTracker.subtitle
 }) {
   const { colors: colors2, fonts, components } = useTheme();
+  const normalizedPrefilledAmountUsd = (0, import_react8.useMemo)(
+    () => normalizePrefilledUsdAmount(prefilledAmountUsd),
+    [prefilledAmountUsd]
+  );
   const onDepositSuccessFor = (0, import_react8.useCallback)(
     (method) => onDepositSuccess || onEvent ? (data) => {
       const payload = { ...data, method };
@@ -36276,6 +36573,7 @@ function DepositModal({
                         defaultSourceChainId,
                         defaultSourceTokenAddress,
                         defaultSourceSymbol,
+                        prefilledAmountUsd: normalizedPrefilledAmountUsd,
                         depositConfirmationMode,
                         onExecutionsChange: setDepositExecutions,
                         onDepositSuccess: onDepositSuccessFor("transfer"),
@@ -36295,6 +36593,7 @@ function DepositModal({
                         defaultSourceChainId,
                         defaultSourceTokenAddress,
                         defaultSourceSymbol,
+                        prefilledAmountUsd: normalizedPrefilledAmountUsd,
                         depositConfirmationMode,
                         onExecutionsChange: setDepositExecutions,
                         onDepositSuccess: onDepositSuccessFor("transfer"),
@@ -36379,7 +36678,8 @@ function DepositModal({
                         wallets,
                         assetCdnUrl: projectConfig?.asset_cdn_url,
                         hideDepositFlowInfo,
-                        hideDisplayDescription
+                        hideDisplayDescription,
+                        prefilledAmountUsd: normalizedPrefilledAmountUsd
                       }
                     ),
                     depositPoweredByFooter
@@ -36444,7 +36744,8 @@ function DepositModal({
                       defaultSourceChainType,
                       defaultSourceChainId,
                       defaultSourceTokenAddress,
-                      defaultSourceSymbol
+                      defaultSourceSymbol,
+                      prefilledAmountUsd: normalizedPrefilledAmountUsd
                     }
                   ),
                   depositPoweredByFooter
@@ -36476,6 +36777,7 @@ function DepositModal({
                             onDepositSuccess: onDepositSuccessFor("wallet_connect"),
                             onDepositError: onDepositErrorFor("wallet_connect"),
                             amountQuickSelect: browserWalletAmountQuickSelect,
+                            prefilledAmountUsd: normalizedPrefilledAmountUsd,
                             onWalletDisconnect: handleWalletDisconnect,
                             onWalletConnected: (info, dw) => {
                               setBrowserWalletInfo({ ...info, depositWallet: dw });
@@ -36524,7 +36826,8 @@ function DepositModal({
                         assetCdnUrl: projectConfig?.asset_cdn_url,
                         onEvent,
                         onDepositSuccess,
-                        onDepositError
+                        onDepositError,
+                        prefilledAmountUsd: normalizedPrefilledAmountUsd
                       }
                     ),
                     depositPoweredByFooter
@@ -36536,7 +36839,7 @@ function DepositModal({
                       title: "Deposit with Link",
                       showBack: stripeLinkStep !== "checkout" && stripeLinkStep !== "success",
                       onBack: handleBack,
-                      showClose: stripeLinkStep !== "checkout",
+                      showClose: stripeLinkStep !== "checkout" && stripeLinkStep !== "auth",
                       onClose: handleClose
                     }
                   ),
@@ -36567,6 +36870,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,
@@ -36606,6 +36911,7 @@ function DepositModal({
                         onEvent,
                         onDepositSuccess: onDepositSuccessFor("cashapp"),
                         onDepositError: onDepositErrorFor("cashapp"),
+                        prefilledAmountUsd: normalizedPrefilledAmountUsd,
                         wallets
                       }
                     ),
@@ -36664,7 +36970,7 @@ function DepositModal({
 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_query19.useQuery)({
+  return (0, import_react_query20.useQuery)({
     queryKey: ["unifold", "paymentIntent", clientSecret, publishableKey],
     queryFn: () => retrievePaymentIntent(clientSecret, publishableKey),
     enabled: enabled && !!clientSecret && !!publishableKey,
@@ -37305,7 +37611,7 @@ function CheckoutModal({
                       userId: paymentIntent.user_id || "",
                       publishableKey,
                       clientSecret,
-                      prefillAmountUsd: remainingAmountUsd,
+                      prefilledAmountUsd: remainingAmountUsd,
                       checkoutAmountUsd: paymentIntent.amount_usd,
                       checkoutReceivedUsd: paymentIntent.amount_received_usd,
                       checkoutDestination: {
@@ -37366,7 +37672,7 @@ function CheckoutModal({
   ) }) });
 }
 function useSupportedDestinationTokens(publishableKey, enabled = true) {
-  return (0, import_react_query20.useQuery)({
+  return (0, import_react_query21.useQuery)({
     queryKey: ["unifold", "supportedDestinationTokens", publishableKey],
     queryFn: () => getSupportedDestinationTokens(publishableKey),
     staleTime: 1e3 * 60 * 5,
@@ -37401,7 +37707,7 @@ function useSourceTokenValidation(params) {
     enabled = true
   } = params;
   const hasParams = !!sourceChainType && !!sourceChainId && !!sourceTokenAddress;
-  return (0, import_react_query21.useQuery)({
+  return (0, import_react_query22.useQuery)({
     queryKey: [
       "unifold",
       "sourceTokenValidation",
@@ -37450,7 +37756,7 @@ function useSourceTokenValidation(params) {
 function useAddressBalance(params) {
   const { address, chainType, chainId, tokenAddress, publishableKey, enabled = true } = params;
   const hasParams = !!address && !!chainType && !!chainId && !!tokenAddress;
-  return (0, import_react_query22.useQuery)({
+  return (0, import_react_query23.useQuery)({
     queryKey: [
       "unifold",
       "addressBalance",
@@ -37506,7 +37812,7 @@ function useAddressBalance(params) {
 }
 function useExecutions(userId, publishableKey, options) {
   const actionType = options?.actionType ?? ActionType.Deposit;
-  return (0, import_react_query23.useQuery)({
+  return (0, import_react_query24.useQuery)({
     queryKey: ["unifold", "executions", actionType, userId, publishableKey],
     queryFn: () => queryExecutions(userId, publishableKey, actionType),
     enabled: (options?.enabled ?? true) && !!userId,
@@ -37832,7 +38138,7 @@ function useVerifyRecipientAddress(params) {
   } = params;
   const trimmedAddress = recipientAddress?.trim() || "";
   const hasAllParams = !!chainType && !!chainId && !!tokenAddress && trimmedAddress.length > 0;
-  return (0, import_react_query24.useQuery)({
+  return (0, import_react_query25.useQuery)({
     queryKey: [
       "unifold",
       "verifyRecipientAddress",
@@ -37871,7 +38177,7 @@ function useGetDepositAddress(params) {
     enabled = true
   } = params;
   const canFire = !!userId && !!recipientAddress && !!destinationChainType && !!destinationChainId && !!destinationTokenAddress;
-  return (0, import_react_query25.useQuery)({
+  return (0, import_react_query26.useQuery)({
     queryKey: [
       "unifold",
       "getDepositAddress",
@@ -39671,6 +39977,7 @@ function UnifoldProvider2({
             defaultSourceChainId: depositConfig.defaultSourceChainId,
             defaultSourceTokenAddress: depositConfig.defaultSourceTokenAddress,
             defaultSourceSymbol: depositConfig.defaultSourceSymbol,
+            prefilledAmountUsd: depositConfig.prefilledAmountUsd,
             userEmail: depositConfig.user?.email,
             depositConfirmationMode: depositConfig.depositConfirmationMode ?? "auto_ui",
             hideDepositTracker: config?.hideDepositTracker,