@unifold/connect-react 0.1.68-beta.2 → 0.1.69

package/dist/index.mjs

@@ -1144,7 +1144,7 @@ ${new this._window.XMLSerializer().serializeToString(e3)}`;
 });
 
 // src/provider.tsx
-import React38, { useState as useState39, useCallback as useCallback13, useMemo as useMemo18, useEffect as useEffect40 } from "react";
+import React38, { useState as useState39, useCallback as useCallback14, useMemo as useMemo19, useEffect as useEffect40 } from "react";
 
 // ../react-provider/dist/index.mjs
 import { createContext, useContext, useState, useEffect, useMemo, useRef } from "react";
@@ -1216,9 +1216,9 @@ import {
   useState as useState40,
   useEffect as useEffect34,
   useLayoutEffect as useLayoutEffect22,
-  useCallback as useCallback82,
-  useRef as useRef122,
-  useMemo as useMemo13
+  useCallback as useCallback10,
+  useRef as useRef132,
+  useMemo as useMemo14
 } from "react";
 
 // ../../node_modules/.pnpm/lucide-react@0.454.0_react@19.2.3/node_modules/lucide-react/dist/esm/createLucideIcon.js
@@ -6136,7 +6136,9 @@ import { jsx as jsx17 } from "react/jsx-runtime";
 import * as React211 from "react";
 import { jsx as jsx23, jsxs as jsxs4 } from "react/jsx-runtime";
 import { jsx as jsx32, jsxs as jsxs22 } from "react/jsx-runtime";
+import * as React52 from "react";
 import { useState as useState102, useEffect as useEffect62, useRef as useRef22 } from "react";
+import { useQuery as useQuery3 } from "@tanstack/react-query";
 
 // ../core/dist/index.mjs
 import { useQuery } from "@tanstack/react-query";
@@ -6430,6 +6432,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);
@@ -7111,6 +7134,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()}`,
     {
@@ -7768,34 +7792,34 @@ import { jsx as jsx92, jsxs as jsxs8 } from "react/jsx-runtime";
 import { Fragment as Fragment23, jsx as jsx102, jsxs as jsxs9 } from "react/jsx-runtime";
 import { jsx as jsx112 } from "react/jsx-runtime";
 import { jsx as jsx122, jsxs as jsxs10 } from "react/jsx-runtime";
-import * as React52 from "react";
-import { useCallback as useCallback10, useEffect as useEffect72, useMemo as useMemo32, useRef as useRef32, useState as useState112 } from "react";
-import { useQuery as useQuery3 } from "@tanstack/react-query";
-import { useMemo as useMemo22 } from "react";
+import * as React62 from "react";
+import { useCallback as useCallback22, useEffect as useEffect72, useMemo as useMemo42, useRef as useRef32, useState as useState112 } from "react";
 import { useQuery as useQuery4 } from "@tanstack/react-query";
+import { useMemo as useMemo32 } from "react";
 import { useQuery as useQuery5 } from "@tanstack/react-query";
+import { useQuery as useQuery6 } from "@tanstack/react-query";
 import { Fragment as Fragment42, jsx as jsx132, jsxs as jsxs11 } from "react/jsx-runtime";
 import { useState as useState122 } from "react";
 import { jsx as jsx142, jsxs as jsxs12 } from "react/jsx-runtime";
-import { useState as useState152, useEffect as useEffect102, useCallback as useCallback22 } from "react";
+import { useState as useState152, useEffect as useEffect102, useCallback as useCallback32 } from "react";
 var import_qr_code_styling = __toESM(require_qr_code_styling(), 1);
-import { useEffect as useEffect82, useRef as useRef42, useState as useState132, useMemo as useMemo42 } from "react";
+import { useEffect as useEffect82, useRef as useRef42, useState as useState132, useMemo as useMemo52 } from "react";
 import { jsx as jsx152, jsxs as jsxs13 } from "react/jsx-runtime";
 import { useState as useState142, useEffect as useEffect92 } from "react";
-import { useQuery as useQuery6 } from "@tanstack/react-query";
-import { Fragment as Fragment52, jsx as jsx162, jsxs as jsxs14 } from "react/jsx-runtime";
-import { useEffect as useEffect112, useMemo as useMemo52, useState as useState162 } from "react";
 import { useQuery as useQuery7 } from "@tanstack/react-query";
+import { Fragment as Fragment52, jsx as jsx162, jsxs as jsxs14 } from "react/jsx-runtime";
+import { useCallback as useCallback42, useEffect as useEffect112, useMemo as useMemo62, useRef as useRef52, useState as useState162 } from "react";
+import { useQuery as useQuery8 } from "@tanstack/react-query";
 import { jsx as jsx172, jsxs as jsxs15 } from "react/jsx-runtime";
 import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
-import * as React62 from "react";
-import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 import * as React72 from "react";
-import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 import * as React82 from "react";
+import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
+import * as React92 from "react";
 import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
+import * as React112 from "react";
 import * as React102 from "react";
-import * as React92 from "react";
 
 // ../../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
 import * as React25 from "react";
@@ -7943,15 +7967,15 @@ var cva = (base, config) => (props) => {
 // ../ui-react/dist/index.mjs
 import { jsx as jsx222 } from "react/jsx-runtime";
 import { jsx as jsx232, jsxs as jsxs20 } from "react/jsx-runtime";
-import * as React112 from "react";
-import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
 import * as React122 from "react";
-import { jsx as jsx25, jsxs as jsxs222 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
 import * as React132 from "react";
-import { jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs222 } from "react/jsx-runtime";
 import * as React142 from "react";
+import { jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
+import * as React152 from "react";
 import { jsx as jsx27, jsxs as jsxs24 } from "react/jsx-runtime";
-import * as React282 from "react";
+import * as React292 from "react";
 
 // ../../node_modules/.pnpm/mipd@0.0.7_typescript@5.9.3/node_modules/mipd/dist/esm/utils.js
 function requestProviders(listener) {
@@ -8008,55 +8032,54 @@ function createStore() {
 }
 
 // ../ui-react/dist/index.mjs
-import * as React152 from "react";
 import * as React162 from "react";
-import { jsx as jsx28, jsxs as jsxs25 } from "react/jsx-runtime";
 import * as React172 from "react";
-import { jsx as jsx29, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs25 } from "react/jsx-runtime";
 import * as React182 from "react";
-import { jsx as jsx30, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs26 } from "react/jsx-runtime";
 import * as React192 from "react";
-import { jsx as jsx31, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs27 } from "react/jsx-runtime";
 import * as React202 from "react";
-import { jsx as jsx322, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs28 } from "react/jsx-runtime";
 import * as React212 from "react";
-import { jsx as jsx33, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx322, jsxs as jsxs29 } from "react/jsx-runtime";
 import * as React222 from "react";
-import { jsx as jsx34, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs30 } from "react/jsx-runtime";
 import * as React232 from "react";
-import { jsx as jsx35, jsxs as jsxs322 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs31 } from "react/jsx-runtime";
 import * as React242 from "react";
-import { jsx as jsx36, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs322 } from "react/jsx-runtime";
 import * as React252 from "react";
-import { jsx as jsx37, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs33 } from "react/jsx-runtime";
 import * as React262 from "react";
-import { jsx as jsx38, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs34 } from "react/jsx-runtime";
 import * as React272 from "react";
+import { jsx as jsx38, jsxs as jsxs35 } from "react/jsx-runtime";
+import * as React282 from "react";
 import { jsx as jsx39, jsxs as jsxs36 } from "react/jsx-runtime";
 import { jsx as jsx40, jsxs as jsxs37 } from "react/jsx-runtime";
 import { jsx as jsx41, jsxs as jsxs38 } from "react/jsx-runtime";
-import * as React292 from "react";
+import * as React302 from "react";
 import { jsx as jsx422, jsxs as jsxs39 } from "react/jsx-runtime";
-import { useState as useState292, useEffect as useEffect242, useCallback as useCallback42, useRef as useRef82 } from "react";
+import { useState as useState292, useEffect as useEffect242, useCallback as useCallback62, useRef as useRef92 } from "react";
 import { jsx as jsx43, jsxs as jsxs40 } from "react/jsx-runtime";
-import { useState as useState282, useEffect as useEffect232, useRef as useRef72, useCallback as useCallback32 } from "react";
+import { useState as useState282, useEffect as useEffect232, useRef as useRef82, useCallback as useCallback52 } from "react";
 import { Fragment as Fragment62, jsx as jsx44, jsxs as jsxs41 } from "react/jsx-runtime";
-import { useState as useState30, useEffect as useEffect252, useCallback as useCallback52, useMemo as useMemo72, useRef as useRef92 } from "react";
-import { useQuery as useQuery8 } from "@tanstack/react-query";
-import { useQuery as useQuery9 } from "@tanstack/react-query";
+import { useState as useState30, useEffect as useEffect252, useCallback as useCallback72, useMemo as useMemo82, useRef as useRef102 } from "react";
+import { useQuery as useQuery9, keepPreviousData } from "@tanstack/react-query";
 import { useQuery as useQuery10 } from "@tanstack/react-query";
-import { Fragment as Fragment72, jsx as jsx45, jsxs as jsxs422 } from "react/jsx-runtime";
 import { useQuery as useQuery11 } from "@tanstack/react-query";
+import { Fragment as Fragment72, jsx as jsx45, jsxs as jsxs422 } from "react/jsx-runtime";
 import { useQuery as useQuery12 } from "@tanstack/react-query";
 import { useQuery as useQuery13 } from "@tanstack/react-query";
 import { useQuery as useQuery14 } from "@tanstack/react-query";
-import { useState as useState36, useEffect as useEffect302, useMemo as useMemo102 } from "react";
+import { useState as useState36, useEffect as useEffect302, useMemo as useMemo112 } from "react";
 import { useEffect as useEffect272, useState as useState31 } from "react";
-import * as React312 from "react";
+import * as React322 from "react";
 import { jsx as jsx46 } from "react/jsx-runtime";
 import { jsx as jsx47, jsxs as jsxs43 } from "react/jsx-runtime";
 import { Fragment as Fragment82, jsx as jsx48, jsxs as jsxs44 } from "react/jsx-runtime";
-import { useState as useState322, useMemo as useMemo92, useEffect as useEffect282 } from "react";
+import { useState as useState322, useMemo as useMemo102, useEffect as useEffect282 } from "react";
 
 // ../../node_modules/.pnpm/fuse.js@7.4.0/node_modules/fuse.js/dist/fuse.mjs
 function isArray(value) {
@@ -10058,11 +10081,11 @@ Fuse.use = function(...plugins) {
 
 // ../ui-react/dist/index.mjs
 import { jsx as jsx49, jsxs as jsxs45 } from "react/jsx-runtime";
-import { useState as useState33, useEffect as useEffect292, useRef as useRef102 } from "react";
+import { useState as useState33, useEffect as useEffect292, useRef as useRef112 } from "react";
 import { jsx as jsx50, jsxs as jsxs46 } from "react/jsx-runtime";
 import { Fragment as Fragment92, jsx as jsx51, jsxs as jsxs47 } from "react/jsx-runtime";
 import { useState as useState34 } from "react";
-import * as React322 from "react";
+import * as React332 from "react";
 
 // ../../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
 import * as React31 from "react";
@@ -12803,8 +12826,8 @@ import { jsx as jsx522 } from "react/jsx-runtime";
 import { useQuery as useQuery15 } from "@tanstack/react-query";
 import { jsx as jsx53, jsxs as jsxs48 } from "react/jsx-runtime";
 import { Fragment as Fragment10, jsx as jsx54, jsxs as jsxs49 } from "react/jsx-runtime";
-import { useState as useState37, useEffect as useEffect312, useMemo as useMemo112 } from "react";
-import * as React332 from "react";
+import { useState as useState37, useEffect as useEffect312, useMemo as useMemo122 } from "react";
+import * as React342 from "react";
 
 // ../../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
 import * as React35 from "react";
@@ -14041,7 +14064,7 @@ var Separator = SelectSeparator;
 // ../ui-react/dist/index.mjs
 import { jsx as jsx55, jsxs as jsxs50 } from "react/jsx-runtime";
 import { jsx as jsx56, jsxs as jsxs51 } from "react/jsx-runtime";
-import * as React342 from "react";
+import * as React352 from "react";
 import { useQuery as useQuery16 } from "@tanstack/react-query";
 import { useQuery as useQuery17 } from "@tanstack/react-query";
 import { jsx as jsx57 } from "react/jsx-runtime";
@@ -14052,26 +14075,26 @@ import { useEffect as useEffect322, useState as useState382 } from "react";
 import { Fragment as Fragment13, jsx as jsx61, jsxs as jsxs55 } from "react/jsx-runtime";
 import { jsx as jsx622, jsxs as jsxs56 } from "react/jsx-runtime";
 import { Fragment as Fragment14, jsx as jsx63, jsxs as jsxs57 } from "react/jsx-runtime";
-import { useState as useState41, useEffect as useEffect35, useLayoutEffect as useLayoutEffect32, useCallback as useCallback92, useRef as useRef132, useMemo as useMemo142 } from "react";
+import { useState as useState41, useEffect as useEffect35, useLayoutEffect as useLayoutEffect32, useCallback as useCallback112, useRef as useRef142, useMemo as useMemo152 } from "react";
 import { useQuery as useQuery18 } from "@tanstack/react-query";
 import { Fragment as Fragment15, jsx as jsx64, jsxs as jsxs58 } from "react/jsx-runtime";
-import { useState as useState45, useEffect as useEffect39, useLayoutEffect as useLayoutEffect42, useCallback as useCallback112, useRef as useRef152 } from "react";
+import { useState as useState45, useEffect as useEffect39, useLayoutEffect as useLayoutEffect42, useCallback as useCallback132, useRef as useRef162 } from "react";
 import { useQuery as useQuery19 } from "@tanstack/react-query";
 import { useQuery as useQuery20 } from "@tanstack/react-query";
 import { useQuery as useQuery21 } from "@tanstack/react-query";
 import { useQuery as useQuery222 } from "@tanstack/react-query";
-import { useState as useState42, useEffect as useEffect36, useRef as useRef142 } from "react";
+import { useState as useState42, useEffect as useEffect36, useRef as useRef152 } from "react";
 import { jsx as jsx65, jsxs as jsxs59 } from "react/jsx-runtime";
-import { useState as useState43, useCallback as useCallback102, useMemo as useMemo16, useEffect as useEffect37 } from "react";
+import { useState as useState43, useCallback as useCallback122, useMemo as useMemo17, useEffect as useEffect37 } from "react";
 import { useQuery as useQuery23 } from "@tanstack/react-query";
-import { useMemo as useMemo15 } from "react";
+import { useMemo as useMemo16 } from "react";
 import { useQuery as useQuery24 } from "@tanstack/react-query";
 import { Fragment as Fragment16, jsx as jsx66, jsxs as jsxs60 } from "react/jsx-runtime";
 import { jsx as jsx67, jsxs as jsxs61 } from "react/jsx-runtime";
 import { useState as useState44, useEffect as useEffect38 } from "react";
 import { Fragment as Fragment17, jsx as jsx68, jsxs as jsxs62 } from "react/jsx-runtime";
 import { Fragment as Fragment18, jsx as jsx69, jsxs as jsxs63 } from "react/jsx-runtime";
-import { useState as useState46, useMemo as useMemo17 } from "react";
+import { useState as useState46, useMemo as useMemo18 } from "react";
 import { jsx as jsx70, jsxs as jsxs64 } from "react/jsx-runtime";
 function cn(...inputs) {
   return twMerge(clsx(inputs));
@@ -14502,6 +14525,7 @@ var DialogContent2 = React36.forwardRef(({ className, style, children, omitOverl
       className: cn(
         portalContainer ? "uf-absolute" : "uf-fixed",
         "uf-bottom-0 uf-left-0 uf-right-0 uf-top-0 uf-z-50 uf-grid uf-w-full uf-max-w-full uf-h-full",
+        "focus:uf-outline-none focus-visible:uf-outline-none",
         !portalContainer && "sm:uf-left-[50%] sm:uf-top-[50%] sm:uf-bottom-auto sm:uf-right-auto sm:uf-translate-x-[-50%] sm:uf-translate-y-[-50%] sm:uf-h-auto",
         "uf-border uf-bg-background",
         omitOverlayEmbed ? "uf-gap-0 uf-p-0" : "uf-gap-4 uf-p-6 uf-shadow-lg uf-duration-200",
@@ -14517,6 +14541,14 @@ var DialogContent2 = React36.forwardRef(({ className, style, children, omitOverl
       ),
       style: {
         "--uf-container-radius": `${components.container.borderRadius}px`,
+        // Radix traps focus and, when the focused control unmounts during an
+        // in-modal screen transition, moves focus onto this container. Modern
+        // browsers paint the default focus ring via `:focus-visible`, which
+        // flashes a highlight around the whole modal until focus settles on
+        // the next screen. Suppress it inline so it works regardless of the
+        // Tailwind build (the container is a programmatic focus target, not an
+        // interactive control, so it should never show a focus ring).
+        outline: "none",
         ...portalContainer ? { display: "flex", flexDirection: "column" } : {},
         ...style
       },
@@ -16514,13 +16546,25 @@ function BuyWithCard({
   wallets: externalWallets,
   assetCdnUrl,
   hideDepositFlowInfo = false,
-  hideDisplayDescription = false
+  hideDisplayDescription = false,
+  prefilledAmountUsd
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const [amount, setAmount] = useState102("");
+  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 = useRef22(!!cleanedPrefilledAmountUsd);
+  const [amount, setAmount] = useState102(() => cleanedPrefilledAmountUsd);
   const [currency, setCurrency] = useState102("usd");
   const [hasManualCurrencySelection, setHasManualCurrencySelection] = useState102(false);
-  const [hasManualAmountEntry, setHasManualAmountEntry] = useState102(false);
+  const [hasManualAmountEntry, setHasManualAmountEntry] = useState102(
+    () => !!cleanedPrefilledAmountUsd
+  );
   const [showCurrencyModal, setShowCurrencyModal] = useState102(false);
   const [quotes, setQuotes] = useState102([]);
   const [quotesLoading, setQuotesLoading] = useState102(false);
@@ -16577,6 +16621,71 @@ function BuyWithCard({
   const [preferredCurrencyCodes, setPreferredCurrencyCodes] = useState102([]);
   const [currenciesLoading, setCurrenciesLoading] = useState102(true);
   const [destinationToken, setDestinationToken] = useState102(null);
+  useEffect62(() => {
+    const hasPrefilledAmount = !!cleanedPrefilledAmountUsd;
+    shouldAutoConvertPrefilledRef.current = hasPrefilledAmount;
+    if (!hasPrefilledAmount) return;
+    setAmount(cleanedPrefilledAmountUsd);
+    setHasManualAmountEntry(true);
+  }, [cleanedPrefilledAmountUsd]);
+  const { data: fiatExchangeRatesResponse, isLoading: isFiatExchangeRatesLoading } = useQuery3({
+    queryKey: ["fiat-exchange-rates", publishableKey],
+    staleTime: 3e4,
+    refetchInterval: 3e4,
+    queryFn: async () => {
+      try {
+        return await getFiatExchangeRates({}, publishableKey);
+      } catch (error) {
+        console.error("Error fetching fiat exchange rates:", error);
+        return { base_currency: "usd", rates: {} };
+      }
+    }
+  });
+  const fiatExchangeRates = fiatExchangeRatesResponse?.rates ?? {};
+  const convertAmountBetweenCurrencies = 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]
+  );
+  useEffect62(() => {
+    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,
@@ -16607,6 +16716,7 @@ function BuyWithCard({
   }, [publishableKey]);
   useEffect62(() => {
     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));
@@ -16625,7 +16735,15 @@ function BuyWithCard({
   const prevCurrencyRef = useRef22(null);
   useEffect62(() => {
     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()
       );
@@ -16634,7 +16752,7 @@ function BuyWithCard({
       }
     }
     prevCurrencyRef.current = currency;
-  }, [currency]);
+  }, [currency, fiatCurrencies, hasManualAmountEntry]);
   useEffect62(() => {
     async function fetchDestinationToken() {
       try {
@@ -16811,6 +16929,7 @@ function BuyWithCard({
     return () => clearInterval(timer);
   }, [quotes.length, amount]);
   const handleAmountChange = (value) => {
+    shouldAutoConvertPrefilledRef.current = false;
     if (value === "") {
       setAmount(value);
       setHasManualAmountEntry(true);
@@ -16824,6 +16943,7 @@ function BuyWithCard({
     }
   };
   const handleQuickAmount = (quickAmount) => {
+    shouldAutoConvertPrefilledRef.current = false;
     setAmount(quickAmount.toString());
     setHasManualAmountEntry(true);
   };
@@ -17427,8 +17547,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
           }
@@ -17481,7 +17636,7 @@ function useCoinbaseLegalAgreements({
   publishableKey,
   enabled = true
 }) {
-  return useQuery3({
+  return useQuery4({
     queryKey: ["unifold", "coinbaseLegalAgreements", publishableKey],
     queryFn: () => getCoinbaseLegalAgreements(publishableKey),
     enabled: enabled && !!publishableKey,
@@ -17499,7 +17654,7 @@ function useApplePayLimits({
   enabled = true
 }) {
   const phoneValid = US_E164_REGEX.test(phone);
-  return useQuery4({
+  return useQuery5({
     queryKey: ["unifold", "applePayLimits", phone, publishableKey],
     queryFn: ({ signal }) => getCoinbaseApplePayLimits(phone, publishableKey, signal),
     enabled: enabled && phoneValid && !!publishableKey,
@@ -17538,7 +17693,7 @@ function useApplePayInitialScreen({
   sessionPhoneVerified,
   isWaiting
 }) {
-  const initialStoredSession = useMemo22(() => getStoredApplePaySession(userId), [userId]);
+  const initialStoredSession = useMemo32(() => getStoredApplePaySession(userId), [userId]);
   const phoneVerified = PHONE_REGEX.test(normalizedPhone) && (sessionPhoneVerified || initialStoredSession?.phone === normalizedPhone && !!initialStoredSession?.phoneVerifiedAt);
   const {
     data: applePayLimits,
@@ -17549,7 +17704,7 @@ function useApplePayInitialScreen({
     publishableKey,
     enabled: phoneVerified
   });
-  const action = useMemo22(() => {
+  const action = useMemo32(() => {
     if (isWaiting || applePayLimitsLoading) return { kind: "pending" };
     const stored = initialStoredSession;
     const hasUserEmail = !!userEmail && EMAIL_REGEX.test(userEmail);
@@ -17599,7 +17754,7 @@ function useDefaultOnrampToken({
     isLoading,
     isError,
     error
-  } = useQuery5({
+  } = useQuery6({
     queryKey: [
       "unifold",
       "defaultOnrampToken",
@@ -17673,7 +17828,7 @@ function parseCoinbasePostMessage(raw) {
     } : void 0
   };
 }
-var BuyWithApplePay = React52.forwardRef(
+var BuyWithApplePay = React62.forwardRef(
   function BuyWithApplePay2({
     userId,
     publishableKey,
@@ -17744,7 +17899,7 @@ var BuyWithApplePay = React52.forwardRef(
       countryCode: userIpInfo?.alpha2,
       subdivisionCode: userIpInfo?.subdivisionCode ?? void 0
     });
-    const depositWallet = useMemo32(() => {
+    const depositWallet = useMemo42(() => {
       const routingChainType = defaultToken?.destination_token_metadata?.chain_type;
       if (!routingChainType) return void 0;
       return getWalletByChainType(depositWallets ?? [], routingChainType);
@@ -17832,7 +17987,7 @@ var BuyWithApplePay = React52.forwardRef(
         popupRef.current = null;
       };
     }, []);
-    React52.useImperativeHandle(
+    React62.useImperativeHandle(
       ref,
       () => ({
         requestBack: () => {
@@ -17874,9 +18029,9 @@ var BuyWithApplePay = React52.forwardRef(
       }),
       [view, emailLocked]
     );
-    const normalizedPhone = useMemo32(() => formatPhoneInput(phoneInput), [phoneInput]);
+    const normalizedPhone = useMemo42(() => formatPhoneInput(phoneInput), [phoneInput]);
     const isContactValid = EMAIL_REGEX2.test(email) && PHONE_REGEX2.test(normalizedPhone);
-    const storeApplePaySession = useCallback10(
+    const storeApplePaySession = useCallback22(
       (patch = {}) => {
         const session = {
           email,
@@ -17888,7 +18043,7 @@ var BuyWithApplePay = React52.forwardRef(
       },
       [email, normalizedPhone, userId]
     );
-    const createSessionAndSendOtp = useCallback10(async () => {
+    const createSessionAndSendOtp = useCallback22(async () => {
       setView("submitting_session");
       setErrorMessage("");
       try {
@@ -17916,7 +18071,7 @@ var BuyWithApplePay = React52.forwardRef(
         setView("phone_input");
       }
     }, [email, normalizedPhone, publishableKey, storeApplePaySession]);
-    const clearUpgradeFields = useCallback10(() => {
+    const clearUpgradeFields = useCallback22(() => {
       setSsnLast4("");
       setDobInput("");
     }, []);
@@ -17928,7 +18083,7 @@ var BuyWithApplePay = React52.forwardRef(
       sessionPhoneVerified: verificationSession?.phone?.status === "verified",
       isWaiting: defaultTokenLoading || legalAgreementsLoading || userIpInfoLoading
     });
-    const pollLimitUpgradeStatus = useCallback10(
+    const pollLimitUpgradeStatus = useCallback22(
       async (signal) => {
         const POLL_INTERVAL_MS4 = 1500;
         const POLL_TIMEOUT_MS = 3e4;
@@ -17990,7 +18145,7 @@ var BuyWithApplePay = React52.forwardRef(
         clearUpgradeFields
       ]
     );
-    const startUpgradePolling = useCallback10(async () => {
+    const startUpgradePolling = useCallback22(async () => {
       upgradeFlowAbortRef.current?.abort();
       const controller = new AbortController();
       upgradeFlowAbortRef.current = controller;
@@ -18002,7 +18157,7 @@ var BuyWithApplePay = React52.forwardRef(
         }
       }
     }, [pollLimitUpgradeStatus]);
-    const applyLimitRouting = useCallback10(
+    const applyLimitRouting = useCallback22(
       (nextView, status) => {
         if (nextView === "limit_upgrade_form" && status === "resubmit") {
           setLimitUpgradeError(
@@ -18039,11 +18194,11 @@ var BuyWithApplePay = React52.forwardRef(
           break;
       }
     }, [initialAction, applyLimitRouting, createSessionAndSendOtp]);
-    const startVerification = useCallback10(async () => {
+    const startVerification = useCallback22(async () => {
       if (!isContactValid) return;
       await createSessionAndSendOtp();
     }, [isContactValid, createSessionAndSendOtp]);
-    const submitLimitUpgrade = useCallback10(async () => {
+    const submitLimitUpgrade = useCallback22(async () => {
       if (upgradeSubmitting) return;
       try {
         const dob = parseDobInput(dobInput);
@@ -18093,7 +18248,7 @@ var BuyWithApplePay = React52.forwardRef(
       startUpgradePolling,
       clearUpgradeFields
     ]);
-    const submitPhoneOtp = useCallback10(async () => {
+    const submitPhoneOtp = useCallback22(async () => {
       if (!verificationSession || !clientSecret || phoneCode.length !== 6) return;
       if (otpSubmitting) return;
       setOtpError(null);
@@ -18161,7 +18316,7 @@ var BuyWithApplePay = React52.forwardRef(
       getViewForLimitStatus,
       applyLimitRouting
     ]);
-    const prepareSession = useCallback10(
+    const prepareSession = useCallback22(
       async (token, amt) => {
         setErrorMessage("");
         if (!destinationChainType || !destinationChainId) {
@@ -19142,7 +19297,7 @@ function LegalDisclaimer({ legalAgreements, loading }) {
       children: [
         "By continuing, you agree to Coinbase's",
         " ",
-        agreements.map((a, idx, arr) => /* @__PURE__ */ jsxs11(React52.Fragment, { children: [
+        agreements.map((a, idx, arr) => /* @__PURE__ */ jsxs11(React62.Fragment, { children: [
           /* @__PURE__ */ jsx132(
             "a",
             {
@@ -19458,7 +19613,7 @@ function QRCodeSkeleton({ size: size4 = 180, darkMode = false }) {
   const spacing = size4 / gridCount;
   const fillColor = darkMode ? "rgba(255,255,255,0.10)" : "rgba(0,0,0,0.08)";
   const cornerColor = darkMode ? "rgba(255,255,255,0.14)" : "rgba(0,0,0,0.12)";
-  const dots = useMemo42(() => {
+  const dots = useMemo52(() => {
     const result = [];
     const cornerSize = 7;
     const centerStart = Math.floor(gridCount / 2) - 2;
@@ -19558,7 +19713,7 @@ function useIsMobileViewport() {
   return isMobile;
 }
 function useCashAppLimits({ publishableKey, currency = "usd" }) {
-  return useQuery6({
+  return useQuery7({
     queryKey: ["unifold", "cashAppLimits", currency, publishableKey],
     queryFn: () => getCashAppLimits(currency, publishableKey),
     enabled: !!publishableKey,
@@ -19571,6 +19726,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,
@@ -19585,6 +19741,7 @@ function PayWithCashApp({
   onEvent,
   onDepositSuccess,
   onDepositError,
+  prefilledAmountUsd,
   wallets = []
 }) {
   const { colors: colors2, fonts, components } = useTheme();
@@ -19600,14 +19757,14 @@ function PayWithCashApp({
   const { data: limits, isLoading: limitsLoading } = useCashAppLimits({ publishableKey });
   const minUsd = limits?.minimum_amount ?? FALLBACK_MIN_USD;
   const maxUsd = limits?.maximum_amount ?? null;
-  const [amount, setAmount] = useState152("");
+  const [amount, setAmount] = useState152(() => sanitizePrefilledUsd(prefilledAmountUsd));
   const [loading, setLoading] = useState152(false);
   const [session, setSession] = useState152(null);
   const [status, setStatus] = useState152("pending");
   const [error, setError] = useState152(null);
   const [copied, setCopied] = useState152(false);
   const [view, setViewInternal] = useState152(controlledView ?? "amount");
-  const setView = useCallback22(
+  const setView = useCallback32(
     (v) => {
       setViewInternal(v);
       onViewChange?.(v);
@@ -19637,7 +19794,7 @@ function PayWithCashApp({
     onDepositSuccess,
     onDepositError
   });
-  const handleAmountChange = useCallback22(
+  const handleAmountChange = useCallback32(
     (raw) => {
       const cleaned = raw.replace(/[^0-9.]/g, "");
       const parts = cleaned.split(".");
@@ -19649,7 +19806,7 @@ function PayWithCashApp({
     },
     [onAmountChange]
   );
-  const handleCreateSession = useCallback22(async () => {
+  const handleCreateSession = useCallback32(async () => {
     if (!amount || !recipientAddress || !destinationChainType || !destinationChainId || !destinationTokenAddress) {
       setError("Missing required fields");
       return;
@@ -19723,6 +19880,13 @@ function PayWithCashApp({
     return () => clearInterval(interval);
   }, [session, view, status, publishableKey, onDepositSuccess, onDepositError]);
   const [softExpired, setSoftExpired] = useState152(false);
+  useEffect102(() => {
+    if (!prefilledAmountUsd) return;
+    const cleaned = sanitizePrefilledUsd(prefilledAmountUsd);
+    if (!cleaned) return;
+    setAmount(cleaned);
+    onAmountChange?.(cleaned);
+  }, [prefilledAmountUsd, onAmountChange]);
   useEffect102(() => {
     if (!session?.expires_at || view !== "payment") return;
     const expiresMs = new Date(session.expires_at).getTime();
@@ -19737,12 +19901,12 @@ function PayWithCashApp({
     const interval = setInterval(tick, 1e3);
     return () => clearInterval(interval);
   }, [session, view, status]);
-  const handleCopy = useCallback22(async (text) => {
+  const handleCopy = useCallback32(async (text) => {
     await navigator.clipboard.writeText(text);
     setCopied(true);
     setTimeout(() => setCopied(false), 2e3);
   }, []);
-  const handleRecreate = useCallback22(() => {
+  const handleRecreate = useCallback32(() => {
     setSession(null);
     setStatus("pending");
     setError(null);
@@ -20077,7 +20241,7 @@ function useBankTransferProviders({
   countryCode
 }) {
   const normalizedCountry = countryCode?.toUpperCase();
-  const { data: providers, isLoading } = useQuery7({
+  const { data: providers, isLoading } = useQuery8({
     queryKey: ["unifold", "bankTransferProviders", publishableKey, normalizedCountry ?? null],
     queryFn: () => getBankTransferProviders(publishableKey, { countryCode: normalizedCountry }),
     enabled,
@@ -20115,7 +20279,8 @@ function BankTransfer({
   assetCdnUrl,
   onDepositSuccess,
   onEvent,
-  onDepositError
+  onDepositError,
+  prefilledAmountUsd
 }) {
   const { colors: colors2, fonts, components } = useTheme();
   const [internalView, setInternalView] = useState162("providers");
@@ -20125,6 +20290,10 @@ function BankTransfer({
   const [requestBase, setRequestBase] = useState162(null);
   const [activeRequest, setActiveRequest] = useState162(null);
   const [amount, setAmount] = useState162("");
+  const [fiatExchangeRates, setFiatExchangeRates] = useState162({
+    usd: 1
+  });
+  const providerSelectionRequestIdRef = useRef52(0);
   const currentView = externalView ?? internalView;
   const setView = (v) => {
     setInternalView(v);
@@ -20149,7 +20318,7 @@ function BankTransfer({
     countryCode: userIpInfo?.alpha2
   });
   const providers = providersResponse?.data ?? [];
-  const pollingWalletId = useMemo52(() => {
+  const pollingWalletId = useMemo62(() => {
     if (!defaultToken) return void 0;
     return getWalletByChainType(
       wallets,
@@ -20170,11 +20339,42 @@ function BankTransfer({
   const currencySymbol = getCurrencySymbol2(sourceCurrency);
   const parsedAmount = parseFloat(amount);
   const amountValid = !!amount && Number.isFinite(parsedAmount) && parsedAmount >= MIN_AMOUNT;
-  const displayTokenSymbol = useMemo52(
+  const displayTokenSymbol = useMemo62(
     () => destinationTokenSymbol?.toUpperCase() ?? defaultToken?.destination_token_metadata?.symbol?.toUpperCase() ?? defaultToken?.destination_currency?.toUpperCase() ?? "USDC",
     [destinationTokenSymbol, defaultToken]
   );
-  const handleProviderClick = (provider) => {
+  const resolvePrefilledSourceAmount = useCallback42(
+    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) {
@@ -20193,6 +20393,7 @@ function BankTransfer({
       });
       return;
     }
+    const requestId = ++providerSelectionRequestIdRef.current;
     setRequestBase({
       service_provider: provider.service_provider,
       country_code: (userIpInfo?.alpha2 || "DE").toUpperCase(),
@@ -20206,7 +20407,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) => {
@@ -20304,7 +20508,7 @@ function BankTransfer({
                   return /* @__PURE__ */ jsxs15(
                     "button",
                     {
-                      onClick: () => handleProviderClick(provider),
+                      onClick: () => void handleProviderClick(provider),
                       onMouseEnter: () => !disabled && setHoveredId(provider.service_provider),
                       onMouseLeave: () => setHoveredId(null),
                       disabled,
@@ -20873,9 +21077,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) : [];
@@ -20955,9 +21159,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__ */ jsxs18(
@@ -21036,9 +21240,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) {
@@ -21140,11 +21344,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;
@@ -21179,9 +21383,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;
@@ -21326,9 +21530,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__ */ jsxs21(
@@ -21399,9 +21603,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__ */ jsxs222(
@@ -21485,9 +21689,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__ */ jsxs23(
@@ -21549,9 +21753,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__ */ jsxs24(
@@ -21800,18 +22004,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);
@@ -21952,7 +22156,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__ */ jsxs25(
       "svg",
@@ -22073,7 +22277,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__ */ jsx29(
       "svg",
@@ -22140,7 +22344,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__ */ jsxs27(
       "svg",
@@ -22220,7 +22424,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__ */ jsxs28(
       "svg",
@@ -22567,7 +22771,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__ */ jsxs29(
       "svg",
@@ -22981,7 +23185,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__ */ jsx33(
       "svg",
@@ -23064,7 +23268,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__ */ jsx34(
       "svg",
@@ -23119,7 +23323,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__ */ jsx35(
       "svg",
@@ -23220,7 +23424,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__ */ jsx36(
       "svg",
@@ -23293,7 +23497,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__ */ jsx37(
       "svg",
@@ -23360,7 +23564,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__ */ jsxs35(
       "svg",
@@ -23484,7 +23688,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__ */ jsx39(
       "svg",
@@ -23729,19 +23933,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;
@@ -23868,7 +24072,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"
@@ -24019,9 +24223,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__ */ jsxs39(
@@ -24294,12 +24498,12 @@ function useStripeOnramp(stripePublishableKey, isDark = false) {
   const [coordinator, setCoordinator] = useState282(null);
   const [isLoading, setIsLoading] = useState282(false);
   const [error, setError] = useState282(null);
-  const coordinatorRef = useRef72(null);
-  const coordinatorThemeRef = useRef72(null);
-  const initPromiseRef = useRef72(null);
-  const isDarkRef = useRef72(isDark);
+  const coordinatorRef = useRef82(null);
+  const coordinatorThemeRef = useRef82(null);
+  const initPromiseRef = useRef82(null);
+  const isDarkRef = useRef82(isDark);
   isDarkRef.current = isDark;
-  const initialize = useCallback32(() => {
+  const initialize = useCallback52(() => {
     if (coordinatorRef.current) return Promise.resolve(coordinatorRef.current);
     if (initPromiseRef.current) return initPromiseRef.current;
     if (!stripePublishableKey) return Promise.resolve(null);
@@ -24507,6 +24711,8 @@ function PayWithStripeLink({
   destinationChainType,
   destinationChainId,
   destinationTokenAddress,
+  countryCode,
+  subdivisionCode,
   wallets: externalWallets,
   email: emailProp,
   iconUrl,
@@ -24518,14 +24724,14 @@ function PayWithStripeLink({
 }) {
   const { colors: colors2, fonts, components, isDark } = useTheme();
   const [step, setStepInternal] = useState292(controlledStep ?? "amount");
-  const setStep = useCallback42(
+  const setStep = useCallback62(
     (s) => {
       setStepInternal(s);
       onStepChange?.(s);
     },
     [onStepChange]
   );
-  const stepRef = useRef82(step);
+  const stepRef = useRef92(step);
   stepRef.current = step;
   useEffect242(() => {
     if (controlledStep && controlledStep !== step) {
@@ -24616,20 +24822,20 @@ function PayWithStripeLink({
   const [restoring, setRestoring] = useState292(true);
   const [errorReturnStep, setErrorReturnStep] = useState292("email");
   const [authIntentId, setAuthIntentId] = useState292(null);
-  const sdkAuthenticatedRef = useRef82(false);
-  const everAuthenticatedRef = useRef82(false);
-  const reauthReturnStepRef = useRef82(null);
-  const attemptedWalletReauthRef = useRef82(false);
-  const pendingAddPaymentRef = useRef82(false);
-  const autoOpenedAddPaymentRef = useRef82(false);
-  const checkoutGenRef = useRef82(0);
+  const sdkAuthenticatedRef = useRef92(false);
+  const everAuthenticatedRef = useRef92(false);
+  const reauthReturnStepRef = useRef92(null);
+  const attemptedWalletReauthRef = useRef92(false);
+  const pendingAddPaymentRef = useRef92(false);
+  const autoOpenedAddPaymentRef = useRef92(false);
+  const checkoutGenRef = useRef92(0);
   const [stripePaymentUIReady, setStripePaymentUIReady] = useState292(false);
   const [oauthToken, setOauthToken] = useState292(null);
   const [refreshTokenValue, setRefreshTokenValue] = useState292(null);
   const [customerId, setCustomerId] = useState292(null);
-  const accessTokenRef = useRef82("");
-  const refreshTokenRef = useRef82("");
-  const persistSession = useCallback42(
+  const accessTokenRef = useRef92("");
+  const refreshTokenRef = useRef92("");
+  const persistSession = useCallback62(
     (cid, token, refresh, expiresIn, loginEmail) => {
       accessTokenRef.current = token;
       refreshTokenRef.current = refresh;
@@ -24643,8 +24849,8 @@ function PayWithStripeLink({
     },
     [userId, email]
   );
-  const refreshInFlightRef = useRef82(null);
-  const tryRefreshToken = useCallback42(async () => {
+  const refreshInFlightRef = useRef92(null);
+  const tryRefreshToken = useCallback62(async () => {
     if (refreshInFlightRef.current) return refreshInFlightRef.current;
     const rt = refreshTokenRef.current;
     if (!rt) return null;
@@ -24674,7 +24880,7 @@ function PayWithStripeLink({
     refreshInFlightRef.current = doRefresh();
     return refreshInFlightRef.current;
   }, [publishableKey, customerId, persistSession, userId]);
-  const withTokenRefresh = useCallback42(
+  const withTokenRefresh = useCallback62(
     async (fn) => {
       const token = accessTokenRef.current;
       if (!token) {
@@ -24836,8 +25042,8 @@ function PayWithStripeLink({
   );
   const [selectedPaymentToken, setSelectedPaymentToken] = useState292(null);
   const [paymentDisplay, setPaymentDisplay] = useState292(null);
-  const selectedTokenSingleUseRef = useRef82(false);
-  const selectPaymentToken = useCallback42(
+  const selectedTokenSingleUseRef = useRef92(false);
+  const selectPaymentToken = useCallback62(
     (token) => {
       selectedTokenSingleUseRef.current = !!token.singleUse;
       setSelectedPaymentToken(token.id);
@@ -24849,7 +25055,7 @@ function PayWithStripeLink({
     },
     [customerId]
   );
-  const clearSelectedPaymentToken = useCallback42(() => {
+  const clearSelectedPaymentToken = useCallback62(() => {
     selectedTokenSingleUseRef.current = false;
     const persisted = customerId ? getStoredSelectedToken(customerId) : null;
     if (persisted && !persisted.singleUse) {
@@ -24901,7 +25107,9 @@ function PayWithStripeLink({
       {
         tokenAddress: destinationTokenAddress,
         chainId: destinationChainId,
-        chainType: destinationChainType
+        chainType: destinationChainType,
+        countryCode,
+        subdivisionCode
       },
       publishableKey
     ).then((token) => {
@@ -24920,10 +25128,17 @@ function PayWithStripeLink({
     return () => {
       cancelled = true;
     };
-  }, [publishableKey, destinationTokenAddress, destinationChainId, destinationChainType]);
+  }, [
+    publishableKey,
+    destinationTokenAddress,
+    destinationChainId,
+    destinationChainType,
+    countryCode,
+    subdivisionCode
+  ]);
   const destinationCurrency = stripeDestCurrency;
-  const authInnerRef = useRef82(null);
-  const paymentInnerRef = useRef82(null);
+  const authInnerRef = useRef92(null);
+  const paymentInnerRef = useRef92(null);
   const [authReady, setAuthReady] = useState292(false);
   if (typeof document !== "undefined" && !authInnerRef.current) {
     authInnerRef.current = document.createElement("div");
@@ -24931,12 +25146,12 @@ function PayWithStripeLink({
   if (typeof document !== "undefined" && !paymentInnerRef.current) {
     paymentInnerRef.current = document.createElement("div");
   }
-  const authMountRef = useCallback42((node) => {
+  const authMountRef = useCallback62((node) => {
     if (node && !node.contains(authInnerRef.current)) {
       node.appendChild(authInnerRef.current);
     }
   }, []);
-  const paymentMountRef = useCallback42((node) => {
+  const paymentMountRef = useCallback62((node) => {
     if (node && !node.contains(paymentInnerRef.current)) {
       node.appendChild(paymentInnerRef.current);
     }
@@ -24987,8 +25202,8 @@ function PayWithStripeLink({
   });
   const [confirmedSessionId, setConfirmedSessionId] = useState292(null);
   const [sessionStatus, setSessionStatus] = useState292(null);
-  const handledTerminalSessionRef = useRef82(null);
-  const executionReconciledSessionRef = useRef82(null);
+  const handledTerminalSessionRef = useRef92(null);
+  const executionReconciledSessionRef = useRef92(null);
   const hasExecution = executions.length > 0;
   const isSessionFulfilled = sessionStatus === STRIPE_SESSION_STATUS.FULFILLMENT_COMPLETE || hasExecution;
   const isSessionFailed = !hasExecution && (sessionStatus === STRIPE_SESSION_STATUS.REJECTED || sessionStatus === STRIPE_SESSION_STATUS.EXPIRED);
@@ -25106,7 +25321,7 @@ function PayWithStripeLink({
     sdkAuthenticatedRef.current = false;
     attemptedWalletReauthRef.current = false;
   }, [coordinator]);
-  const handleAuthInterrupted = useCallback42(
+  const handleAuthInterrupted = useCallback62(
     (message) => {
       const alreadySignedIn = !!accessTokenRef.current;
       if (alreadySignedIn || emailProp) {
@@ -25119,7 +25334,7 @@ function PayWithStripeLink({
     },
     [emailProp, setStep]
   );
-  const reauthenticateSdk = useCallback42(async () => {
+  const reauthenticateSdk = useCallback62(async () => {
     const current = stepRef.current;
     const preAuthSteps = ["email", "register", "auth"];
     reauthReturnStepRef.current = preAuthSteps.includes(current) ? null : current;
@@ -25818,14 +26033,14 @@ function PayWithStripeLink({
   };
   const [quote, setQuote] = useState292(null);
   const [quoteLoading, setQuoteLoading] = useState292(false);
-  const quoteTimerRef = useRef82(null);
+  const quoteTimerRef = useRef92(null);
   const [sessionForCheckout, setSessionForCheckoutState] = useState292(null);
-  const sessionForCheckoutRef = useRef82(sessionForCheckout);
+  const sessionForCheckoutRef = useRef92(sessionForCheckout);
   const setSessionForCheckout = (s) => {
     sessionForCheckoutRef.current = s;
     setSessionForCheckoutState(s);
   };
-  const loadAndSelectPreferredToken = useCallback42(async () => {
+  const loadAndSelectPreferredToken = useCallback62(async () => {
     if (!customerId) return;
     try {
       const existing = await withTokenRefresh(
@@ -25855,7 +26070,7 @@ function PayWithStripeLink({
   };
   const [quoteError, setQuoteError] = useState292(null);
   const [quoteNonce, setQuoteNonce] = useState292(0);
-  const quoteNonceAtReviewRef = useRef82(quoteNonce);
+  const quoteNonceAtReviewRef = useRef92(quoteNonce);
   const [purchaseLimit, setPurchaseLimit] = useState292(null);
   const [limitReachedAmount, setLimitReachedAmount] = useState292(null);
   const [requiredStepUp, setRequiredStepUp] = useState292(null);
@@ -26633,10 +26848,16 @@ function PayWithStripeLink({
     return /* @__PURE__ */ jsxs41(
       "div",
       {
-        className: "uf-flex uf-flex-col uf-py-4 uf-overflow-y-auto uf-max-h-[70vh]",
+        className: "uf-flex uf-flex-col uf-py-4 uf-overflow-y-auto uf-overflow-x-hidden uf-max-h-[70vh]",
         style: { backgroundColor: colors2.background },
         children: [
-          /* @__PURE__ */ jsx44("div", { ref: paymentMountRef, className: "uf-w-full uf-flex-1 uf-overflow-y-auto" }),
+          /* @__PURE__ */ jsx44(
+            "div",
+            {
+              ref: paymentMountRef,
+              className: "uf-w-full uf-flex-1 uf-overflow-y-auto uf-overflow-x-hidden"
+            }
+          ),
           !stripePaymentUIReady && /* @__PURE__ */ jsx44("div", { className: "uf-flex uf-items-center uf-justify-center uf-py-8", children: /* @__PURE__ */ jsx44(LoaderCircle, { className: "uf-w-8 uf-h-8 uf-animate-spin", style: { color: colors2.primary } }) }),
           error && /* @__PURE__ */ jsx44(
             "div",
@@ -26654,7 +26875,7 @@ function PayWithStripeLink({
     return /* @__PURE__ */ jsxs41(
       "div",
       {
-        className: "uf-flex uf-flex-col uf-py-4 uf-overflow-y-auto uf-max-h-[70vh]",
+        className: "uf-flex uf-flex-col uf-py-4 uf-overflow-y-auto uf-overflow-x-hidden uf-max-h-[70vh]",
         style: { backgroundColor: colors2.background },
         children: [
           displayPaymentTokens.length === 0 && !loading && /* @__PURE__ */ jsx44("div", { className: "uf-px-1 uf-mb-3 uf-text-center", children: /* @__PURE__ */ jsx44(
@@ -27764,17 +27985,30 @@ function PayWithStripeLink({
 }
 function useProjectConfig({
   publishableKey,
-  enabled = true
+  enabled = true,
+  countryCode,
+  subdivisionCode
 }) {
-  const { data: projectConfig, isLoading } = useQuery8({
-    queryKey: ["unifold", "projectConfig", publishableKey],
-    queryFn: () => getProjectConfig(publishableKey),
+  const {
+    data: projectConfig,
+    isLoading,
+    error
+  } = useQuery9({
+    // Country is part of the key so a region change refetches the region-aware
+    // config. Omitted when undefined so callers that don't pass a country keep
+    // sharing the base cache entry.
+    queryKey: countryCode ? ["unifold", "projectConfig", publishableKey, countryCode, subdivisionCode ?? null] : ["unifold", "projectConfig", publishableKey],
+    queryFn: () => getProjectConfig(publishableKey, countryCode ? { countryCode, subdivisionCode } : void 0),
     enabled,
+    // 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: keepPreviousData,
     staleTime: 1e3 * 60 * 30,
     refetchOnMount: true,
     refetchOnWindowFocus: true
   });
-  return { projectConfig, isLoading };
+  return { projectConfig, isLoading, error: error ?? null };
 }
 function useSupportedDepositTokens(publishableKey, options) {
   const hasDestination = options?.destination_token_address && options?.destination_chain_id && options?.destination_chain_type;
@@ -27787,7 +28021,7 @@ function useSupportedDepositTokens(publishableKey, options) {
     ...options?.product_type ? { product_type: options.product_type } : {}
   };
   const hasFilteredOptions = Object.keys(filteredOptions).length > 0;
-  return useQuery9({
+  return useQuery10({
     queryKey: [
       "unifold",
       "supportedDepositTokens",
@@ -27811,7 +28045,7 @@ function useIntegrationTransferDefaultToken({
   publishableKey,
   enabled = true
 }) {
-  return useQuery10({
+  return useQuery11({
     queryKey: [
       "unifold",
       "integrationTransferDefaultToken",
@@ -27877,7 +28111,8 @@ function CoinbaseConnect({
   defaultSourceChainType,
   defaultSourceChainId,
   defaultSourceTokenAddress,
-  defaultSourceSymbol
+  defaultSourceSymbol,
+  prefilledAmountUsd
 }) {
   const { colors: colors2, fonts, components } = useTheme();
   const { projectConfig } = useProjectConfig({ publishableKey });
@@ -27887,12 +28122,12 @@ function CoinbaseConnect({
     destination_chain_id: destinationChainId,
     destination_chain_type: destinationChainType
   });
-  const supportedSymbols = useMemo72(() => {
+  const supportedSymbols = useMemo82(() => {
     const set = /* @__PURE__ */ new Set();
     supportedTokensData?.data.forEach((token) => set.add(token.symbol.toLowerCase()));
     return set;
   }, [supportedTokensData]);
-  const stablecoinSymbols = useMemo72(() => {
+  const stablecoinSymbols = useMemo82(() => {
     const set = /* @__PURE__ */ new Set();
     supportedTokensData?.data.forEach((token) => {
       if (token.is_stablecoin) set.add(token.symbol.toLowerCase());
@@ -27925,12 +28160,12 @@ function CoinbaseConnect({
   const [transferDepositWalletId, setTransferDepositWalletId] = useState30(
     void 0
   );
-  const exchangeSupportedCurrencies = useMemo72(() => {
+  const exchangeSupportedCurrencies = useMemo82(() => {
     const set = /* @__PURE__ */ new Set();
     selectedExchange?.supported_currencies.forEach((c) => set.add(c.toLowerCase()));
     return set;
   }, [selectedExchange]);
-  const defaultTokenParams = useMemo72(
+  const defaultTokenParams = useMemo82(
     () => selectedAsset ? {
       integration_provider: IntegrationProvider.COINBASE,
       source_currency: selectedAsset.currency.toLowerCase(),
@@ -27953,7 +28188,7 @@ function CoinbaseConnect({
     params: defaultTokenParams,
     publishableKey
   });
-  const defaultSourceCurrency = useMemo72(
+  const defaultSourceCurrency = useMemo82(
     () => resolveDefaultSourceSymbol(supportedTokensData?.data, {
       defaultSourceChainType,
       defaultSourceChainId,
@@ -27968,7 +28203,7 @@ function CoinbaseConnect({
       defaultSourceSymbol
     ]
   );
-  const sortedHoldings = useMemo72(() => {
+  const sortedHoldings = useMemo82(() => {
     const supported = [];
     const unsupported = [];
     holdings.forEach((account) => {
@@ -27988,7 +28223,7 @@ function CoinbaseConnect({
     }
     return [...supported, ...unsupported];
   }, [holdings, supportedSymbols, exchangeSupportedCurrencies, defaultSourceCurrency]);
-  const selectedHoldingIsSupported = useMemo72(() => {
+  const selectedHoldingIsSupported = useMemo82(() => {
     if (!selectedHolding) return false;
     const currencyLower = selectedHolding.currency.toLowerCase();
     return (supportedSymbols.size === 0 || supportedSymbols.has(currencyLower)) && (exchangeSupportedCurrencies.size === 0 || exchangeSupportedCurrencies.has(currencyLower));
@@ -28032,10 +28267,10 @@ function CoinbaseConnect({
   useEffect252(() => {
     onExecutionsChange?.(depositExecutions);
   }, [depositExecutions, onExecutionsChange]);
-  const pollRef = useRef92(null);
-  const popupRef = useRef92(null);
-  const viewRef = useRef92(initialView);
-  const transitionTo = useCallback52((nextView) => {
+  const pollRef = useRef102(null);
+  const popupRef = useRef102(null);
+  const viewRef = useRef102(initialView);
+  const transitionTo = useCallback72((nextView) => {
     if (nextView === viewRef.current) return;
     setIsTransitioning(true);
     setTimeout(() => {
@@ -28045,7 +28280,7 @@ function CoinbaseConnect({
       setIsTransitioning(false);
     }, 150);
   }, []);
-  const tryRefreshToken = useCallback52(
+  const tryRefreshToken = useCallback72(
     async (currentToken) => {
       try {
         const result = await refreshIntegrationToken(currentToken, publishableKey);
@@ -28083,7 +28318,7 @@ function CoinbaseConnect({
       }
     }
   }, []);
-  const loadHoldings = useCallback52(
+  const loadHoldings = useCallback72(
     async (token) => {
       setIsLoading(true);
       try {
@@ -28135,7 +28370,7 @@ function CoinbaseConnect({
       if (pollRef.current) clearInterval(pollRef.current);
     };
   }, []);
-  const minDepositUsd = useMemo72(() => {
+  const minDepositUsd = useMemo82(() => {
     if (!selectedAsset || !defaultTokenData) return 0;
     const supportedToken = supportedTokensData?.data.find(
       (t14) => t14.symbol.toLowerCase() === selectedAsset.currency.toLowerCase()
@@ -28146,7 +28381,7 @@ function CoinbaseConnect({
     );
     return matchingChain?.minimum_deposit_amount_usd ?? Math.min(...supportedToken.chains.map((c) => c.minimum_deposit_amount_usd));
   }, [selectedAsset, supportedTokensData, defaultTokenData]);
-  const estimatedProcessingTime = useMemo72(() => {
+  const estimatedProcessingTime = useMemo82(() => {
     if (!selectedAsset || !defaultTokenData) return null;
     const supportedToken = supportedTokensData?.data.find(
       (t14) => t14.symbol.toLowerCase() === selectedAsset.currency.toLowerCase()
@@ -28200,7 +28435,8 @@ function CoinbaseConnect({
   };
   const handleSelectAsset = (asset) => {
     setSelectedAsset(asset);
-    setSendAmount("");
+    const cleanedPrefilled = prefilledAmountUsd?.replace(/[^0-9.]/g, "") ?? "";
+    setSendAmount(cleanedPrefilled);
     transitionTo("enter_amount");
   };
   const handleCreateTransfer = async () => {
@@ -29788,7 +30024,7 @@ function useExchanges({
   publishableKey,
   enabled = true
 }) {
-  const { data: exchanges = [], isLoading } = useQuery11({
+  const { data: exchanges = [], isLoading } = useQuery12({
     queryKey: ["unifold", "exchanges", publishableKey],
     queryFn: () => getExchanges(void 0, publishableKey).then((res) => res.data),
     enabled,
@@ -29802,7 +30038,7 @@ function useApplePayProviders({
   publishableKey,
   enabled = true
 }) {
-  const { data: providers, isLoading } = useQuery12({
+  const { data: providers, isLoading } = useQuery13({
     queryKey: ["unifold", "applePayProviders", publishableKey],
     queryFn: () => getApplePayProviders(publishableKey),
     enabled,
@@ -29813,44 +30049,28 @@ function useApplePayProviders({
   return { providers, isLoading };
 }
 function useAllowedCountry(publishableKey) {
+  const { userIpInfo, isLoading: isIpLoading, error: ipError } = useUserIp2();
   const {
-    data: ipData,
-    isLoading: isIpLoading,
-    error: ipError
-  } = useQuery13({
-    queryKey: ["unifold", "ipAddress"],
-    queryFn: () => getIpAddress(),
-    refetchOnMount: false,
-    refetchOnReconnect: true,
-    refetchOnWindowFocus: false,
-    staleTime: 1e3 * 60 * 60,
-    // 1 hour
-    gcTime: 1e3 * 60 * 60 * 24
-    // 24 hours
-  });
-  const {
-    data: configData,
+    projectConfig,
     isLoading: isConfigLoading,
     error: configError
-  } = useQuery13({
-    queryKey: ["unifold", "projectConfig", publishableKey],
-    queryFn: () => getProjectConfig(publishableKey),
-    refetchOnMount: false,
-    refetchOnReconnect: true,
-    refetchOnWindowFocus: false,
-    staleTime: 1e3 * 60 * 5,
-    // 5 minutes
-    gcTime: 1e3 * 60 * 60
-    // 1 hour
+  } = useProjectConfig({
+    publishableKey,
+    // Wait for the IP so we issue a single country-aware config request rather
+    // than a country-less fetch followed by a country-aware refetch. Shares the
+    // query key with DepositModal's useProjectConfig, so they dedupe.
+    enabled: !isIpLoading,
+    countryCode: userIpInfo?.alpha2,
+    subdivisionCode: userIpInfo?.subdivisionCode ?? void 0
   });
   const isLoading = isIpLoading || isConfigLoading;
   const error = ipError || configError || null;
+  const userSubdivision = userIpInfo?.subdivisionCode || userIpInfo?.state || "";
   let isAllowed = null;
-  if (ipData && configData) {
-    const blockedCodes = configData.blocked_country_codes || [];
-    const blockedSubdivisions = configData.blocked_country_subdivisions || [];
-    const userCountryUpper = ipData.alpha2.toUpperCase();
-    const userSubdivision = ipData.subdivision_code || ipData.state || "";
+  if (userIpInfo && projectConfig) {
+    const blockedCodes = projectConfig.blocked_country_codes || [];
+    const blockedSubdivisions = projectConfig.blocked_country_subdivisions || [];
+    const userCountryUpper = userIpInfo.alpha2.toUpperCase();
     const userSubdivisionUpper = userSubdivision.toUpperCase();
     const isCountryBlocked = blockedCodes.some((code) => code.toUpperCase() === userCountryUpper);
     const isSubdivisionBlocked = blockedSubdivisions.some((entry) => {
@@ -29859,12 +30079,11 @@ function useAllowedCountry(publishableKey) {
     });
     isAllowed = !isCountryBlocked && !isSubdivisionBlocked;
   }
-  const subdivisionCode = ipData?.subdivision_code || ipData?.state || "" || null;
   return {
     isAllowed,
-    alpha2: ipData?.alpha2 ?? null,
-    country: ipData?.country ?? null,
-    subdivisionCode,
+    alpha2: userIpInfo?.alpha2 ?? null,
+    country: userIpInfo?.country ?? null,
+    subdivisionCode: userSubdivision || null,
     isLoading,
     error
   };
@@ -29928,7 +30147,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;
@@ -29988,7 +30207,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);
@@ -30316,7 +30535,7 @@ function TokenSelectorSheet({
   useEffect282(() => {
     setRecentTokens(getRecentTokens());
   }, []);
-  const allOptions = useMemo92(() => {
+  const allOptions = useMemo102(() => {
     const options = [];
     tokens.forEach((token) => {
       token.chains.forEach((chain) => {
@@ -30325,7 +30544,7 @@ function TokenSelectorSheet({
     });
     return options;
   }, [tokens]);
-  const quickSelectOptions = useMemo92(() => {
+  const quickSelectOptions = useMemo102(() => {
     const result = [];
     const seen = /* @__PURE__ */ new Set();
     const addOption = (symbol, chainType, chainId, isRecent) => {
@@ -30357,7 +30576,7 @@ function TokenSelectorSheet({
     });
     setRecentTokens(updated);
   };
-  const fuse = useMemo92(
+  const fuse = useMemo102(
     () => new Fuse(allOptions, {
       keys: [
         { name: "token.symbol", weight: 2 },
@@ -30370,7 +30589,7 @@ function TokenSelectorSheet({
     }),
     [allOptions]
   );
-  const filteredOptions = useMemo92(() => {
+  const filteredOptions = useMemo102(() => {
     if (!searchQuery.trim()) return allOptions;
     const query = searchQuery.trim();
     const results = fuse.search(query);
@@ -30797,7 +31016,7 @@ function useDefaultToken({
   const [token, setToken] = useState33(null);
   const [chain, setChain] = useState33(null);
   const [initialSelectionDone, setInitialSelectionDone] = useState33(false);
-  const appliedDefaultsRef = useRef102("");
+  const appliedDefaultsRef = useRef112("");
   useEffect292(() => {
     if (!tokens.length) return;
     const defaultsKey = `${defaultTokenAddress ?? ""}|${defaultSymbol ?? ""}|${defaultChainType ?? ""}|${defaultChainId ?? ""}`;
@@ -31133,14 +31352,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);
@@ -31150,7 +31369,7 @@ var TooltipTrigger2 = React322.forwardRef(({ onClick, ...props }, ref) => {
   return /* @__PURE__ */ jsx522(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__ */ jsx522(Portal3, { children: /* @__PURE__ */ jsx522(
     Content22,
@@ -31260,6 +31479,7 @@ function TransferCryptoSingleInput({
   onDepositError,
   wallets: externalWallets,
   onSourceTokenChange,
+  prefilledAmountUsd,
   checkoutQuote,
   isCheckoutQuoteLoading = false,
   persistCheckingIndicator = false,
@@ -31307,7 +31527,7 @@ function TransferCryptoSingleInput({
   const wallets = externalWallets?.length ? externalWallets : depositAddressResponse?.data ?? [];
   const loading = externalWallets?.length ? false : walletsLoading;
   const error = walletsError?.message ?? null;
-  const allAvailableChains = useMemo102(() => {
+  const allAvailableChains = useMemo112(() => {
     const chainsMap = /* @__PURE__ */ new Map();
     supportedTokens.forEach((t13) => {
       t13.chains.forEach((c) => {
@@ -31403,6 +31623,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 = useMemo112(() => {
+    const value = parseFloat(prefilledAmountUsd ?? "");
+    return Number.isFinite(value) && value > 0 ? value : null;
+  }, [prefilledAmountUsd]);
+  const effectivePrefilledUsd = useMemo112(() => {
+    if (parsedPrefilledUsd === null) return null;
+    return Math.max(parsedPrefilledUsd, minDepositUsd);
+  }, [parsedPrefilledUsd, minDepositUsd]);
+  const prefillDisplay = useMemo112(() => {
+    if (effectivePrefilledUsd === null) return null;
+    const usdLabel = `$${effectivePrefilledUsd.toFixed(2)}`;
+    if (selectedToken?.is_stablecoin) {
+      return `${effectivePrefilledUsd.toFixed(2)} ${selectedToken.symbol} (${usdLabel})`;
+    }
+    return `${usdLabel} USD`;
+  }, [effectivePrefilledUsd, selectedToken]);
   return /* @__PURE__ */ jsx54(TooltipProvider2, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ jsxs49(
     "div",
     {
@@ -31529,7 +31765,7 @@ function TransferCryptoSingleInput({
             /* @__PURE__ */ jsx54("span", { children: "Retrying automatically every 5 seconds..." })
           ] })
         ] }),
-        (checkoutQuote || isCheckoutQuoteLoading) && /* @__PURE__ */ jsxs49(
+        (checkoutQuote || isCheckoutQuoteLoading || prefillDisplay) && /* @__PURE__ */ jsxs49(
           "div",
           {
             className: "uf-rounded-xl uf-px-3 uf-py-2 uf-flex uf-items-center uf-justify-between",
@@ -31573,6 +31809,13 @@ function TransferCryptoSingleInput({
                     )
                   ]
                 }
+              ) : prefillDisplay ? /* @__PURE__ */ jsx54(
+                "span",
+                {
+                  className: "uf-text-sm uf-font-semibold",
+                  style: { color: components.card.titleColor, fontFamily: fonts.semibold },
+                  children: prefillDisplay
+                }
               ) : /* @__PURE__ */ jsx54(
                 "div",
                 {
@@ -31902,7 +32145,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__ */ jsxs50(
     Trigger2,
@@ -31926,7 +32169,7 @@ var SelectTrigger2 = React332.forwardRef(({ className, style, children, ...props
   );
 });
 SelectTrigger2.displayName = Trigger2.displayName;
-var SelectScrollUpButton2 = React332.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx55(
+var SelectScrollUpButton2 = React342.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx55(
   ScrollUpButton,
   {
     ref,
@@ -31936,7 +32179,7 @@ var SelectScrollUpButton2 = React332.forwardRef(({ className, ...props }, ref) =
   }
 ));
 SelectScrollUpButton2.displayName = ScrollUpButton.displayName;
-var SelectScrollDownButton2 = React332.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx55(
+var SelectScrollDownButton2 = React342.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx55(
   ScrollDownButton,
   {
     ref,
@@ -31946,7 +32189,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__ */ jsx55(Portal4, { children: /* @__PURE__ */ jsxs50(
     Content23,
@@ -31984,7 +32227,7 @@ var SelectContent2 = React332.forwardRef(({ className, style, children, position
   ) });
 });
 SelectContent2.displayName = Content23.displayName;
-var SelectLabel2 = React332.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx55(
+var SelectLabel2 = React342.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx55(
   Label,
   {
     ref,
@@ -31993,7 +32236,7 @@ var SelectLabel2 = React332.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 SelectLabel2.displayName = Label.displayName;
-var SelectItem2 = React332.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs50(
+var SelectItem2 = React342.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs50(
   Item,
   {
     ref,
@@ -32009,7 +32252,7 @@ var SelectItem2 = React332.forwardRef(({ className, children, ...props }, ref) =
   }
 ));
 SelectItem2.displayName = Item.displayName;
-var SelectSeparator2 = React332.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx55(
+var SelectSeparator2 = React342.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx55(
   Separator,
   {
     ref,
@@ -32037,6 +32280,7 @@ function TransferCryptoDoubleInput({
   defaultSourceChainId,
   defaultSourceTokenAddress,
   defaultSourceSymbol,
+  prefilledAmountUsd,
   depositConfirmationMode = "auto_ui",
   onExecutionsChange,
   onDepositSuccess,
@@ -32083,7 +32327,7 @@ function TransferCryptoDoubleInput({
   const wallets = externalWallets?.length ? externalWallets : depositAddressResponse?.data ?? [];
   const loading = externalWallets?.length ? false : walletsLoading;
   const error = walletsError?.message ?? null;
-  const allAvailableChains = useMemo112(() => {
+  const allAvailableChains = useMemo122(() => {
     const chainsMap = /* @__PURE__ */ new Map();
     supportedTokens.forEach((t13) => {
       t13.chains.forEach((c) => {
@@ -32161,6 +32405,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 = useMemo122(() => {
+    const value = parseFloat(prefilledAmountUsd ?? "");
+    return Number.isFinite(value) && value > 0 ? value : null;
+  }, [prefilledAmountUsd]);
+  const effectivePrefilledUsd = useMemo122(() => {
+    if (parsedPrefilledUsd === null) return null;
+    return Math.max(parsedPrefilledUsd, minDepositUsd);
+  }, [parsedPrefilledUsd, minDepositUsd]);
+  const prefillDisplay = useMemo122(() => {
+    if (effectivePrefilledUsd === null) return null;
+    const usdLabel = `$${effectivePrefilledUsd.toFixed(2)}`;
+    if (selectedToken?.is_stablecoin) {
+      return `${effectivePrefilledUsd.toFixed(2)} ${selectedToken.symbol} (${usdLabel})`;
+    }
+    return `${usdLabel} USD`;
+  }, [effectivePrefilledUsd, selectedToken]);
   const renderTokenItem = (tokenData) => {
     return /* @__PURE__ */ jsxs51("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
       /* @__PURE__ */ jsx56(
@@ -32341,6 +32601,35 @@ function TransferCryptoDoubleInput({
         /* @__PURE__ */ jsx56("span", { children: "Retrying automatically every 5 seconds..." })
       ] })
     ] }),
+    prefillDisplay && /* @__PURE__ */ jsxs51(
+      "div",
+      {
+        className: "uf-rounded-xl uf-px-3 uf-py-2 uf-flex uf-items-center uf-justify-between",
+        style: {
+          backgroundColor: components.card.backgroundColor,
+          border: `${components.card.borderWidth}px solid ${components.card.borderColor}`,
+          borderRadius: components.card.borderRadius
+        },
+        children: [
+          /* @__PURE__ */ jsx56(
+            "span",
+            {
+              className: "uf-text-xs",
+              style: { color: components.card.subtitleColor, fontFamily: fonts.regular },
+              children: "You send"
+            }
+          ),
+          /* @__PURE__ */ jsx56(
+            "span",
+            {
+              className: "uf-text-sm uf-font-semibold",
+              style: { color: components.card.titleColor, fontFamily: fonts.semibold },
+              children: prefillDisplay
+            }
+          )
+        ]
+      }
+    ),
     /* @__PURE__ */ jsxs51("div", { className: "uf-flex uf-flex-col uf-items-center uf-pt-2", children: [
       /* @__PURE__ */ jsx56(
         "div",
@@ -33928,7 +34217,7 @@ function WalletConnect({
   amountQuickSelect = "percentage",
   onWalletDisconnect,
   onWalletConnected,
-  prefillAmountUsd,
+  prefilledAmountUsd,
   checkoutAmountUsd,
   checkoutReceivedUsd,
   onNewDeposit,
@@ -33950,28 +34239,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);
@@ -33980,7 +34269,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,
@@ -33991,32 +34280,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);
@@ -34042,32 +34331,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(() => {
@@ -34132,7 +34425,7 @@ function WalletConnect({
     if (!selectedWalletDef) return;
     handleConnectWallet(selectedWalletDef, network);
   };
-  React342.useEffect(() => {
+  React352.useEffect(() => {
     if (!pendingMobileWallet) return;
     if (mobileDepositAddresses.length > 0) {
       const wallet = pendingMobileWallet;
@@ -34296,7 +34589,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);
@@ -34324,7 +34617,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 {
@@ -34354,10 +34647,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;
@@ -34365,21 +34658,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;
@@ -34416,7 +34709,7 @@ function WalletConnect({
       cancelled = true;
     };
   }, [view, selectedBalance, publishableKey, activeDepositWallet]);
-  React342.useEffect(() => {
+  React352.useEffect(() => {
     if (!activeWalletInfo || !activeDepositWallet) return;
     let cancelled = false;
     setIsLoading(true);
@@ -34481,21 +34774,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]);
@@ -34504,7 +34797,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]);
@@ -34537,7 +34830,7 @@ function WalletConnect({
         break;
       case "enter_amount":
         transitionTo("select_token");
-        setAmountUsd(prefillAmountUsd ?? "");
+        setAmountUsd(prefilledAmountUsd ?? "");
         setTokenChainDetails(null);
         break;
       case "review":
@@ -34569,7 +34862,7 @@ function WalletConnect({
         setSelectedBalance(null);
         setBalances([]);
         setTotalBalanceUsd(null);
-        setAmountUsd(prefillAmountUsd ?? "");
+        setAmountUsd(prefilledAmountUsd ?? "");
         setError(null);
       };
       if (standalone) {
@@ -34814,116 +35107,131 @@ function WalletConnect({
     ] });
   }
   if (view === "select_wallet") {
-    return /* @__PURE__ */ jsxs56("div", { style: viewTransitionStyle, children: [
-      /* @__PURE__ */ jsx622(
-        DepositHeader,
+    return (
+      // Mobile: flex column that fills the full-height sheet so the wallet list
+      // scrolls and the footer pins to the bottom. Desktop (sm:): content-sized.
+      /* @__PURE__ */ jsxs56(
+        "div",
         {
-          title: "Connect Wallet",
-          showBack: canGoBack,
-          onBack: handleBack,
-          onClose
-        }
-      ),
-      /* @__PURE__ */ jsxs56("div", { className: "uf-pb-4", children: [
-        /* @__PURE__ */ jsx622(
-          "p",
-          {
-            className: "uf-text-sm uf-text-center uf-pb-4",
-            style: { color: colors2.foregroundMuted, fontFamily: fonts.regular },
-            children: isMobile ? "Open this page in your wallet's app to connect" : "Select a wallet to connect"
-          }
-        ),
-        /* @__PURE__ */ jsx622("div", { className: "uf-space-y-2", style: { maxHeight: 330, overflowY: "auto" }, children: availableWallets.map((wallet) => {
-          const walletPlatformAllowed = !wallet.mobileBrowsePlatforms || wallet.mobileBrowsePlatforms.includes(getMobilePlatform() ?? "");
-          const showOpenInApp = isMobile && !wallet.isInstalled && wallet.supportsMobileBrowse !== false && walletPlatformAllowed;
-          const isPending = pendingMobileWallet?.id === wallet.id;
-          return /* @__PURE__ */ jsxs56(
-            "button",
-            {
-              onClick: () => void handleWalletClick(wallet),
-              disabled: isWalletConnecting || !!pendingMobileWallet,
-              className: "uf-w-full uf-transition-colors uf-p-3 uf-flex uf-items-center uf-justify-between hover:uf-opacity-90 disabled:uf-opacity-50",
-              style: {
-                backgroundColor: components.card.backgroundColor,
-                borderRadius: components.card.borderRadius,
-                border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
-              },
-              children: [
-                /* @__PURE__ */ jsxs56("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
-                  WALLET_ICONS3[wallet.id] ? /* @__PURE__ */ jsx622(
-                    WalletIconWithNetwork,
-                    {
-                      WalletIcon: WALLET_ICONS3[wallet.id],
-                      networks: wallet.networks,
-                      size: 40,
-                      className: "uf-rounded-lg"
-                    }
-                  ) : /* @__PURE__ */ jsx622("div", { className: "uf-w-10 uf-h-10 uf-rounded-lg uf-bg-gray-500" }),
-                  /* @__PURE__ */ jsxs56("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
-                    /* @__PURE__ */ jsx622(
-                      "div",
-                      {
-                        className: "uf-text-sm uf-font-medium",
-                        style: { color: components.card.titleColor, fontFamily: fonts.medium },
-                        children: wallet.name
-                      }
-                    ),
-                    wallet.id === recentWalletId && /* @__PURE__ */ jsx622(
-                      "span",
-                      {
-                        className: "uf-text-xs uf-px-2 uf-py-0.5 uf-rounded-full",
-                        style: {
-                          backgroundColor: colors2.primary + "20",
-                          color: colors2.primary,
-                          fontFamily: fonts.medium
-                        },
-                        children: "Last used"
-                      }
-                    )
-                  ] })
-                ] }),
-                isPending ? /* @__PURE__ */ jsx622(
-                  LoaderCircle,
-                  {
-                    className: "uf-w-4 uf-h-4 uf-animate-spin",
-                    style: { color: colors2.primary }
-                  }
-                ) : wallet.isInstalled ? /* @__PURE__ */ jsx622(
-                  "span",
+          style: viewTransitionStyle,
+          className: "uf-flex uf-min-h-0 uf-flex-1 uf-flex-col sm:uf-block",
+          children: [
+            /* @__PURE__ */ jsx622(
+              DepositHeader,
+              {
+                title: "Connect Wallet",
+                showBack: canGoBack,
+                onBack: handleBack,
+                onClose
+              }
+            ),
+            /* @__PURE__ */ jsxs56("div", { className: "uf-pb-4 uf-flex uf-min-h-0 uf-flex-1 uf-flex-col sm:uf-block", children: [
+              /* @__PURE__ */ jsx622(
+                "p",
+                {
+                  className: "uf-text-sm uf-text-center uf-pb-4",
+                  style: { color: colors2.foregroundMuted, fontFamily: fonts.regular },
+                  children: isMobile ? "Open this page in your wallet's app to connect" : "Select a wallet to connect"
+                }
+              ),
+              /* @__PURE__ */ jsx622("div", { className: "uf-space-y-2 uf-min-h-0 uf-flex-1 uf-overflow-y-auto sm:uf-flex-none sm:uf-max-h-[330px] [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: availableWallets.filter((wallet) => {
+                if (!isMobile || wallet.isInstalled) return true;
+                const platformAllowed = !wallet.mobileBrowsePlatforms || wallet.mobileBrowsePlatforms.includes(getMobilePlatform() ?? "");
+                return wallet.supportsMobileBrowse !== false && platformAllowed;
+              }).map((wallet) => {
+                const walletPlatformAllowed = !wallet.mobileBrowsePlatforms || wallet.mobileBrowsePlatforms.includes(getMobilePlatform() ?? "");
+                const showOpenInApp = isMobile && !wallet.isInstalled && wallet.supportsMobileBrowse !== false && walletPlatformAllowed;
+                const isPending = pendingMobileWallet?.id === wallet.id;
+                return /* @__PURE__ */ jsxs56(
+                  "button",
                   {
-                    className: "uf-text-xs uf-px-2 uf-py-1 uf-rounded-full",
+                    onClick: () => void handleWalletClick(wallet),
+                    disabled: isWalletConnecting || !!pendingMobileWallet,
+                    className: "uf-w-full uf-transition-colors uf-p-3 uf-flex uf-items-center uf-justify-between hover:uf-opacity-90 disabled:uf-opacity-50",
                     style: {
-                      backgroundColor: colors2.primary + "20",
-                      color: colors2.primary,
-                      fontFamily: fonts.medium
+                      backgroundColor: components.card.backgroundColor,
+                      borderRadius: components.card.borderRadius,
+                      border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
                     },
-                    children: "Detected"
-                  }
-                ) : /* @__PURE__ */ jsxs56("div", { className: "uf-flex uf-items-center uf-gap-1", children: [
-                  /* @__PURE__ */ jsx622(
-                    "span",
-                    {
-                      className: "uf-text-xs",
-                      style: { color: colors2.foregroundMuted, fontFamily: fonts.regular },
-                      children: showOpenInApp ? "Open" : "Install"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx622(
-                    ExternalLink,
-                    {
-                      className: "uf-w-3 uf-h-3",
-                      style: { color: colors2.foregroundMuted }
-                    }
-                  )
-                ] })
-              ]
-            },
-            wallet.id
-          );
-        }) }),
-        walletError && /* @__PURE__ */ jsx622("div", { className: "uf-text-center uf-text-sm uf-mt-4 uf-px-4", style: { color: "#ef4444" }, children: walletError })
-      ] })
-    ] });
+                    children: [
+                      /* @__PURE__ */ jsxs56("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
+                        WALLET_ICONS3[wallet.id] ? /* @__PURE__ */ jsx622(
+                          WalletIconWithNetwork,
+                          {
+                            WalletIcon: WALLET_ICONS3[wallet.id],
+                            networks: wallet.networks,
+                            size: 40,
+                            className: "uf-rounded-lg"
+                          }
+                        ) : /* @__PURE__ */ jsx622("div", { className: "uf-w-10 uf-h-10 uf-rounded-lg uf-bg-gray-500" }),
+                        /* @__PURE__ */ jsxs56("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
+                          /* @__PURE__ */ jsx622(
+                            "div",
+                            {
+                              className: "uf-text-sm uf-font-medium",
+                              style: { color: components.card.titleColor, fontFamily: fonts.medium },
+                              children: wallet.name
+                            }
+                          ),
+                          wallet.id === recentWalletId && /* @__PURE__ */ jsx622(
+                            "span",
+                            {
+                              className: "uf-text-xs uf-px-2 uf-py-0.5 uf-rounded-full",
+                              style: {
+                                backgroundColor: colors2.primary + "20",
+                                color: colors2.primary,
+                                fontFamily: fonts.medium
+                              },
+                              children: "Last used"
+                            }
+                          )
+                        ] })
+                      ] }),
+                      isPending ? /* @__PURE__ */ jsx622(
+                        LoaderCircle,
+                        {
+                          className: "uf-w-4 uf-h-4 uf-animate-spin",
+                          style: { color: colors2.primary }
+                        }
+                      ) : wallet.isInstalled ? /* @__PURE__ */ jsx622(
+                        "span",
+                        {
+                          className: "uf-text-xs uf-px-2 uf-py-1 uf-rounded-full",
+                          style: {
+                            backgroundColor: colors2.primary + "20",
+                            color: colors2.primary,
+                            fontFamily: fonts.medium
+                          },
+                          children: "Detected"
+                        }
+                      ) : /* @__PURE__ */ jsxs56("div", { className: "uf-flex uf-items-center uf-gap-1", children: [
+                        /* @__PURE__ */ jsx622(
+                          "span",
+                          {
+                            className: "uf-text-xs",
+                            style: { color: colors2.foregroundMuted, fontFamily: fonts.regular },
+                            children: showOpenInApp ? "Open" : "Install"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx622(
+                          ExternalLink,
+                          {
+                            className: "uf-w-3 uf-h-3",
+                            style: { color: colors2.foregroundMuted }
+                          }
+                        )
+                      ] })
+                    ]
+                  },
+                  wallet.id
+                );
+              }) }),
+              walletError && /* @__PURE__ */ jsx622("div", { className: "uf-text-center uf-text-sm uf-mt-4 uf-px-4", style: { color: "#ef4444" }, children: walletError })
+            ] })
+          ]
+        }
+      )
+    );
   }
   const preConnectAccent = selectedWalletDef ? getWalletBrandColor(selectedWalletDef.id, mode) : void 0;
   const preConnectFg = preConnectAccent ? getContrastingTextColor(preConnectAccent) : void 0;
@@ -35278,6 +35586,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";
 }
@@ -35297,6 +35614,7 @@ function DepositModal({
   defaultSourceChainId,
   defaultSourceTokenAddress,
   defaultSourceSymbol,
+  prefilledAmountUsd,
   hideDepositTracker,
   showBalanceHeader = false,
   transferInputVariant = "double_input",
@@ -35312,7 +35630,9 @@ function DepositModal({
   applePayTitle = "Pay with Apple Pay",
   applePaySubTitle = "Instant",
   enableBankTransfer,
-  enableStripeLink = false,
+  // No default: left undefined so the backend `stripe_link.enabled` can govern
+  // (via the `??` chain in showStripeLink) once a dashboard toggle exists.
+  enableStripeLink,
   userEmail,
   hideDepositFlowInfo = false,
   hideDisplayDescription = false,
@@ -35330,7 +35650,11 @@ function DepositModal({
   depositTrackerSubTitle = t8.depositTracker.subtitle
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const onDepositSuccessFor = useCallback82(
+  const normalizedPrefilledAmountUsd = useMemo14(
+    () => normalizePrefilledUsdAmount(prefilledAmountUsd),
+    [prefilledAmountUsd]
+  );
+  const onDepositSuccessFor = useCallback10(
     (method) => onDepositSuccess || onEvent ? (data) => {
       const payload = { ...data, method };
       onDepositSuccess?.(payload);
@@ -35343,11 +35667,11 @@ function DepositModal({
     } : void 0,
     [onDepositSuccess, onEvent]
   );
-  const onDepositErrorFor = useCallback82(
+  const onDepositErrorFor = useCallback10(
     (method) => onDepositError ? (error) => onDepositError({ ...error, method }) : void 0,
     [onDepositError]
   );
-  const effectiveInitialScreen = useMemo13(() => {
+  const effectiveInitialScreen = useMemo14(() => {
     const s = initialScreen ?? "main";
     if (s === "tracker" && hideDepositTracker === true) return "main";
     if (s === "cashapp" && enableCashApp === false) return "main";
@@ -35373,7 +35697,7 @@ function DepositModal({
     enableStripeLink
   ]);
   const [containerEl, setContainerEl] = useState40(null);
-  const containerCallbackRef = useCallback82((el) => {
+  const containerCallbackRef = useCallback10((el) => {
     setContainerEl(el);
   }, []);
   const [view, setView] = useState40(effectiveInitialScreen);
@@ -35382,7 +35706,7 @@ function DepositModal({
   const [depositTab, setDepositTab] = useState40(
     () => depositTabForScreen(effectiveInitialScreen)
   );
-  const resetViewTimeoutRef = useRef122(null);
+  const resetViewTimeoutRef = useRef132(null);
   const [cardView, setCardView] = useState40("amount");
   const [exchangeView, setExchangeView] = useState40("providers");
   const [browserWalletModalOpen, setBrowserWalletModalOpen] = useState40(false);
@@ -35393,14 +35717,18 @@ function DepositModal({
   const [allExecutions, setAllExecutions] = useState40([]);
   const [selectedExecution, setSelectedExecution] = useState40(null);
   const [depositExecutions, setDepositExecutions] = useState40([]);
+  const { userIpInfo, isLoading: isLoadingIp } = useUserIp2();
   const { projectConfig } = useProjectConfig({
     publishableKey,
-    enabled: open
+    enabled: open && !isLoadingIp,
+    countryCode: userIpInfo?.alpha2,
+    subdivisionCode: userIpInfo?.subdivisionCode ?? void 0
   });
   const showTransferCrypto = enableTransferCrypto ?? projectConfig?.transfer_crypto?.enabled ?? true;
   const showConnectWallet = enableConnectWallet ?? projectConfig?.connect_wallet?.enabled ?? true;
   const showPayWithExchange = enablePayWithExchange ?? projectConfig?.pay_with_exchange?.enabled ?? true;
   const showFiatOnramp = !projectConfig?.fiat_onramp?.is_hidden && (enableFiatOnramp ?? projectConfig?.fiat_onramp?.enabled ?? true);
+  const showStripeLink = !projectConfig?.stripe_link?.is_hidden && (enableStripeLink ?? projectConfig?.stripe_link?.enabled ?? false);
   const showConnectExchange = enableConnectExchange ?? projectConfig?.connect_exchange?.enabled ?? true;
   const showCashApp = enableCashApp ?? projectConfig?.cash_app?.enabled ?? true;
   const showApplePay = enableApplePay ?? projectConfig?.apple_pay?.enabled ?? true;
@@ -35546,7 +35874,6 @@ function DepositModal({
     publishableKey,
     enabled: open && showPayWithExchange
   });
-  const { userIpInfo, isLoading: isLoadingIp } = useUserIp2();
   const { providers: bankTransferProviders, isLoading: bankTransferProvidersLoading } = useBankTransferProviders({
     publishableKey,
     enabled: open && !!userIpInfo?.alpha2,
@@ -35723,10 +36050,16 @@ function DepositModal({
   );
   const [cashAppView, setCashAppView] = useState40("amount");
   const [stripeLinkStep, setStripeLinkStep] = useState40("amount");
-  const stripeLinkBackRef = useRef122(null);
+  const stripeLinkBackRef = useRef132(null);
+  useEffect34(() => {
+    if (view === "stripe_link" && !showStripeLink && effectiveInitialScreen === "main") {
+      setView("main");
+      setStripeLinkStep("amount");
+    }
+  }, [view, showStripeLink, effectiveInitialScreen]);
   const [cashAppAmount, setCashAppAmount] = useState40("");
   const [applePayView, setApplePayView] = useState40("email_input");
-  const applePayHandleRef = useRef122(null);
+  const applePayHandleRef = useRef132(null);
   const applePayHeaderTitle = (() => {
     switch (applePayView) {
       case "email_input":
@@ -35948,7 +36281,7 @@ function DepositModal({
     },
     "cashapp"
   ) : null;
-  const stripeLinkMenuButton = enableStripeLink ? /* @__PURE__ */ jsx63(
+  const stripeLinkMenuButton = showStripeLink ? /* @__PURE__ */ jsx63(
     StripeLinkButton,
     {
       onClick: () => setView("stripe_link"),
@@ -35996,11 +36329,13 @@ function DepositModal({
     connectExchangeMenuButton
   ].filter(Boolean);
   const cashMenuButtons = [
+    // Stripe "Pay with Link" is intentionally listed first so it always sits
+    // above "Deposit with Card".
+    stripeLinkMenuButton,
     depositWithCardMenuButton,
     applePayMenuButton,
     cashAppMenuButton,
-    bankTransferMenuButton,
-    stripeLinkMenuButton
+    bankTransferMenuButton
   ].filter(Boolean);
   const depositTabs = [
     { id: "crypto", label: "Use Crypto", icon: Bitcoin, buttons: cryptoMenuButtons },
@@ -36095,13 +36430,13 @@ function DepositModal({
     const stackedOptions = [
       transferCryptoMenuButton,
       connectWalletMenuButton,
+      stripeLinkMenuButton,
       depositWithCardMenuButton,
       applePayMenuButton,
       payWithExchangeMenuButton,
       connectExchangeMenuButton,
       cashAppMenuButton,
       bankTransferMenuButton,
-      stripeLinkMenuButton,
       depositTrackerMenuButton
     ].filter(Boolean);
     return renderScrollableOptions(stackedOptions);
@@ -36117,410 +36452,461 @@ function DepositModal({
         {
           ref: hideOverlay ? containerCallbackRef : void 0,
           hideOverlay,
-          className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-gap-0 [&>button]:uf-hidden ${hideOverlay ? `uf-p-6 uf-overflow-hidden ${themeClass}` : `uf-p-0 uf-overflow-visible ${view === "main" ? "!uf-top-auto !uf-h-auto !uf-max-h-[85vh] sm:!uf-max-h-none sm:!uf-top-[50%]" : "!uf-top-0 !uf-h-full sm:!uf-h-auto sm:!uf-top-[50%]"} ${themeClass}`}`,
+          className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-gap-0 [&>button]:uf-hidden ${hideOverlay ? `uf-p-6 uf-overflow-hidden ${themeClass}` : `uf-p-0 uf-overflow-visible ${view === "main" ? "!uf-top-auto !uf-h-auto !uf-max-h-[85vh] sm:!uf-max-h-none sm:!uf-top-[50%]" : "!uf-top-0 !uf-h-full sm:!uf-h-auto sm:!uf-top-[50%]"} ${// wallet_connect fills the full-height mobile sheet. DialogContent
+          // is a grid, and its single auto row only *grows* to fill free
+          // space (align-content: stretch) — it never shrinks below content,
+          // so a long wallet list would balloon the row past the viewport and
+          // push the footer off-screen instead of scrolling. Clamp the row to
+          // the modal height with minmax(0,1fr) so the inner overflow-y-auto
+          // list scrolls with the footer pinned. Reset to content-sized on
+          // desktop (sm:) where the modal is auto-height and centered.
+          view === "wallet_connect" ? "[grid-template-rows:minmax(0,1fr)] sm:[grid-template-rows:none]" : ""} ${themeClass}`}`,
           style: { backgroundColor: colors2.background },
           onPointerDownOutside: (e) => e.preventDefault(),
           onInteractOutside: (e) => e.preventDefault(),
           children: [
             /* @__PURE__ */ jsx63(DialogTitle2, { className: "uf-sr-only", children: modalTitle || "Deposit" }),
-            /* @__PURE__ */ jsx63(ThemeStyleInjector, { children: view === "main" ? /* @__PURE__ */ jsxs57("div", { className: "uf-flex uf-flex-col uf-min-h-0 uf-max-h-full", children: [
-              /* @__PURE__ */ jsx63("div", { className: "uf-flex-shrink-0", children: /* @__PURE__ */ jsx63(
-                DepositHeader,
-                {
-                  title: modalTitle || "Deposit",
-                  showClose: !hideOverlay,
-                  onClose: handleClose,
-                  showBalance: showBalanceHeader,
-                  balanceAddress: recipientAddress,
-                  balanceChainType: destinationChainType === "ethereum" || destinationChainType === "solana" || destinationChainType === "bitcoin" || destinationChainType === "n1" ? destinationChainType : void 0,
-                  balanceChainId: destinationChainId,
-                  balanceTokenAddress: destinationTokenAddress,
-                  projectName: projectConfig?.project_name,
-                  publishableKey
-                }
-              ) }),
-              renderMainMenuBody(),
-              /* @__PURE__ */ jsx63("div", { className: "uf-flex-shrink-0", children: depositPoweredByFooter })
-            ] }) : view === "transfer" ? /* @__PURE__ */ jsxs57(Fragment14, { children: [
-              /* @__PURE__ */ jsx63(
-                DepositHeader,
-                {
-                  title: transferCryptoTitle,
-                  showBack: showBackTransfer,
-                  onBack: handleBack,
-                  onClose: handleClose,
-                  showBalance: showBalanceHeader,
-                  balanceAddress: recipientAddress,
-                  balanceChainType: destinationChainType === "ethereum" || destinationChainType === "solana" || destinationChainType === "bitcoin" || destinationChainType === "n1" ? destinationChainType : void 0,
-                  balanceChainId: destinationChainId,
-                  balanceTokenAddress: destinationTokenAddress,
-                  projectName: projectConfig?.project_name,
-                  publishableKey
-                }
-              ),
-              /* @__PURE__ */ jsxs57("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
-                standaloneNeedsDepositPrereq && depositPrerequisiteBody !== null ? /* @__PURE__ */ jsx63("div", { className: "uf-pb-4 uf-space-y-3", children: depositPrerequisiteBody }) : transferInputVariant === "single_input" ? /* @__PURE__ */ jsx63(
-                  TransferCryptoSingleInput,
-                  {
-                    userId,
-                    publishableKey,
-                    recipientAddress,
-                    destinationChainType,
-                    destinationChainId,
-                    destinationTokenAddress,
-                    defaultSourceChainType,
-                    defaultSourceChainId,
-                    defaultSourceTokenAddress,
-                    defaultSourceSymbol,
-                    depositConfirmationMode,
-                    onExecutionsChange: setDepositExecutions,
-                    onDepositSuccess: onDepositSuccessFor("transfer"),
-                    onDepositError: onDepositErrorFor("transfer"),
-                    wallets
-                  }
-                ) : /* @__PURE__ */ jsx63(
-                  TransferCryptoDoubleInput,
-                  {
-                    userId,
-                    publishableKey,
-                    recipientAddress,
-                    destinationChainType,
-                    destinationChainId,
-                    destinationTokenAddress,
-                    defaultSourceChainType,
-                    defaultSourceChainId,
-                    defaultSourceTokenAddress,
-                    defaultSourceSymbol,
-                    depositConfirmationMode,
-                    onExecutionsChange: setDepositExecutions,
-                    onDepositSuccess: onDepositSuccessFor("transfer"),
-                    onDepositError: onDepositErrorFor("transfer"),
-                    wallets
-                  }
-                ),
-                depositPoweredByFooter
-              ] })
-            ] }) : view === "tracker" ? /* @__PURE__ */ jsxs57(Fragment14, { children: [
-              /* @__PURE__ */ jsx63(
-                DepositHeader,
-                {
-                  title: selectedExecution ? "Deposit Details" : depositTrackerTitle,
-                  showBack: showBackTracker,
-                  onBack: handleBack,
-                  onClose: handleClose
-                }
-              ),
-              /* @__PURE__ */ jsxs57("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
-                /* @__PURE__ */ jsx63("div", { className: "uf-h-[460px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: selectedExecution ? /* @__PURE__ */ jsx63(DepositDetailContent, { execution: selectedExecution }) : /* @__PURE__ */ jsx63("div", { className: "uf-space-y-2 uf-pb-8", children: allExecutions.length === 0 ? /* @__PURE__ */ jsx63("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ jsx63(
-                  "div",
-                  {
-                    className: "uf-text-sm",
-                    style: {
-                      color: components.container.subtitleColor,
-                      fontFamily: fonts.regular
-                    },
-                    children: "No deposits yet"
-                  }
-                ) }) : allExecutions.map((execution) => /* @__PURE__ */ jsx63(
-                  DepositExecutionItem,
-                  {
-                    execution,
-                    onClick: () => setSelectedExecution(execution)
-                  },
-                  execution.id
-                )) }) }),
-                depositPoweredByFooter
-              ] })
-            ] }) : view === "card" ? /* @__PURE__ */ jsxs57(Fragment14, { children: [
-              /* @__PURE__ */ jsx63(
-                DepositHeader,
-                {
-                  title: cardView === "quotes" ? t8.quotes : depositWithCardTitle,
-                  showBack: showBackCard,
-                  onBack: handleBack,
-                  onClose: handleClose,
-                  badge: cardView === "quotes" ? { count: quotesCount } : void 0,
-                  showBalance: showBalanceHeader,
-                  balanceAddress: recipientAddress,
-                  balanceChainType: destinationChainType === "ethereum" || destinationChainType === "solana" || destinationChainType === "bitcoin" || destinationChainType === "n1" ? destinationChainType : void 0,
-                  balanceChainId: destinationChainId,
-                  balanceTokenAddress: destinationTokenAddress,
-                  projectName: projectConfig?.project_name,
-                  publishableKey
-                }
-              ),
-              /* @__PURE__ */ jsxs57("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
-                standaloneNeedsDepositPrereq && depositPrerequisiteBody !== null ? /* @__PURE__ */ jsx63("div", { className: "uf-pb-4 uf-space-y-3", children: depositPrerequisiteBody }) : !showFiatOnramp ? (
-                  // Fiat on-ramp resolved hidden/disabled after a direct open
-                  // (e.g. platform `is_hidden` for a Stripe Link-only project).
-                  // Show a geo-restriction screen rather than the card UI so the
-                  // hard-hide is honoured without a flash of "Pay with Card".
-                  /* @__PURE__ */ jsx63(GeoRestrictionScreen, { methodName: "Card" })
-                ) : /* @__PURE__ */ jsx63(
-                  BuyWithCard,
-                  {
-                    userId,
-                    publishableKey,
-                    view: cardView,
-                    onViewChange: handleCardViewChange,
-                    destinationTokenSymbol,
-                    recipientAddress,
-                    destinationChainType,
-                    destinationChainId,
-                    destinationTokenAddress,
-                    onDepositSuccess: onDepositSuccessFor("card"),
-                    onDepositError: onDepositErrorFor("card"),
-                    onEvent,
-                    themeClass,
-                    wallets,
-                    assetCdnUrl: projectConfig?.asset_cdn_url,
-                    hideDepositFlowInfo,
-                    hideDisplayDescription
-                  }
-                ),
-                depositPoweredByFooter
-              ] })
-            ] }) : view === "exchange" ? /* @__PURE__ */ jsxs57(Fragment14, { children: [
-              /* @__PURE__ */ jsx63(
-                DepositHeader,
-                {
-                  title: payWithExchangeTitle,
-                  showBack: exchangeView === "pending" || sessionOpenedFromMenu,
-                  onBack: handleBack,
-                  onClose: handleClose
-                }
-              ),
-              /* @__PURE__ */ jsxs57("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
-                /* @__PURE__ */ jsx63(
-                  PayWithExchange,
-                  {
-                    userId,
-                    publishableKey,
-                    exchanges,
-                    view: exchangeView,
-                    onViewChange: setExchangeView,
-                    destinationTokenSymbol,
-                    recipientAddress,
-                    destinationChainType,
-                    destinationChainId,
-                    destinationTokenAddress,
-                    onDepositSuccess: onDepositSuccessFor("pay_with_exchange"),
-                    onDepositError: onDepositErrorFor("pay_with_exchange"),
-                    wallets,
-                    defaultToken: defaultToken ?? null
-                  }
-                ),
-                depositPoweredByFooter
-              ] })
-            ] }) : view === "coinbase_connect" ? /* @__PURE__ */ jsxs57("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
-              /* @__PURE__ */ jsx63(
-                CoinbaseConnect,
-                {
-                  publishableKey,
-                  userId,
-                  wallets,
-                  recipientAddress,
-                  destinationTokenAddress: destinationTokenAddress ?? "",
-                  destinationChainId: destinationChainId ?? "",
-                  destinationChainType: destinationChainType ?? "",
-                  onDepositSuccess: onDepositSuccessFor("exchange_connect"),
-                  onDepositError: onDepositErrorFor("exchange_connect"),
-                  onTransferError: (error) => {
-                    onDepositErrorFor("exchange_connect")?.({
-                      message: error.message,
-                      error
-                    });
-                  },
-                  onBack: handleBack,
-                  onClose: handleClose,
-                  onDisconnect: handleExchangeDisconnect,
-                  skipToHoldings: coinbaseSkipToHoldings,
-                  canGoBack: sessionOpenedFromMenu,
-                  onExecutionsChange: setDepositExecutions,
-                  defaultSourceChainType,
-                  defaultSourceChainId,
-                  defaultSourceTokenAddress,
-                  defaultSourceSymbol
-                }
-              ),
-              depositPoweredByFooter
-            ] }) : view === "wallet_connect" ? /* @__PURE__ */ jsxs57("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
-              /* @__PURE__ */ jsx63(
-                WalletConnect,
-                {
-                  walletInfo: browserWalletInfo ?? void 0,
-                  depositWallet: browserWalletInfo?.depositWallet ?? void 0,
-                  wallets,
-                  userId,
-                  publishableKey,
-                  assetCdnUrl: projectConfig?.asset_cdn_url,
-                  projectName: projectConfig?.project_name,
-                  onError: (error) => {
-                    onDepositErrorFor("wallet_connect")?.({
-                      message: error.message,
-                      error
-                    });
-                  },
-                  onDepositSuccess: onDepositSuccessFor("wallet_connect"),
-                  onDepositError: onDepositErrorFor("wallet_connect"),
-                  amountQuickSelect: browserWalletAmountQuickSelect,
-                  onWalletDisconnect: handleWalletDisconnect,
-                  onWalletConnected: (info, dw) => {
-                    setBrowserWalletInfo({ ...info, depositWallet: dw });
-                    setStoredWalletState(info.type);
-                    setBrowserWalletChainType(dw.chain_type === "solana" ? "solana" : "ethereum");
-                  },
-                  onBack: handleBack,
-                  onClose: handleClose,
-                  defaultSourceChainType,
-                  defaultSourceChainId,
-                  defaultSourceTokenAddress,
-                  defaultSourceSymbol,
-                  canGoBack: sessionOpenedFromMenu,
-                  depositWalletsLoading: walletsLoading
-                }
-              ),
-              depositPoweredByFooter
-            ] }) : view === "bank_transfer" ? /* @__PURE__ */ jsxs57(Fragment14, { children: [
-              /* @__PURE__ */ jsx63(
-                DepositHeader,
-                {
-                  title: t8.bankTransfer.title,
-                  showBack: bankTransferView !== "providers" || sessionOpenedFromMenu,
-                  onBack: handleBack,
-                  onClose: handleClose
-                }
-              ),
-              /* @__PURE__ */ jsxs57("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
-                bankTransferProvidersLoading ? /* @__PURE__ */ jsx63(SkeletonButton, { variant: "with-icons" }) : !hasEnabledBankTransferProvider ? /* @__PURE__ */ jsx63(GeoRestrictionScreen, { methodName: "Bank Transfer" }) : /* @__PURE__ */ jsx63(
-                  BankTransfer,
-                  {
-                    userId,
-                    publishableKey,
-                    view: bankTransferView,
-                    onViewChange: setBankTransferView,
-                    recipientAddress,
-                    destinationChainType,
-                    destinationChainId,
-                    destinationTokenAddress,
-                    destinationTokenSymbol,
-                    wallets,
-                    defaultToken: defaultToken ?? null,
-                    assetCdnUrl: projectConfig?.asset_cdn_url,
-                    onEvent,
-                    onDepositSuccess,
-                    onDepositError
-                  }
-                ),
-                depositPoweredByFooter
-              ] })
-            ] }) : view === "stripe_link" ? /* @__PURE__ */ jsxs57(Fragment14, { children: [
-              /* @__PURE__ */ jsx63(
-                DepositHeader,
-                {
-                  title: "Deposit with Link",
-                  showBack: stripeLinkStep !== "checkout" && stripeLinkStep !== "success",
-                  onBack: handleBack,
-                  showClose: stripeLinkStep !== "checkout",
-                  onClose: handleClose
-                }
-              ),
-              /* @__PURE__ */ jsxs57("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
-                /* @__PURE__ */ jsx63(
-                  PayWithStripeLink,
-                  {
-                    userId,
-                    publishableKey,
-                    recipientAddress,
-                    destinationChainType,
-                    destinationChainId,
-                    destinationTokenAddress,
-                    wallets,
-                    email: userEmail,
-                    iconUrl: projectConfig?.asset_cdn_url ? `${projectConfig.asset_cdn_url}/api/public/icons/onramps/svg/link.svg` : void 0,
-                    step: stripeLinkStep,
-                    onStepChange: setStripeLinkStep,
-                    backHandlerRef: stripeLinkBackRef,
-                    onDepositSuccess,
-                    onDepositError
-                  }
-                ),
-                depositPoweredByFooter
-              ] })
-            ] }) : view === "cashapp" ? /* @__PURE__ */ jsxs57(Fragment14, { children: [
-              /* @__PURE__ */ jsx63(
-                DepositHeader,
-                {
-                  title: cashAppView !== "amount" && cashAppAmount ? `Pay $${cashAppAmount} via Cash App` : "Pay with Cash App",
-                  showBack: cashAppView !== "amount" || sessionOpenedFromMenu,
-                  onBack: handleBack,
-                  onClose: handleClose
-                }
-              ),
-              /* @__PURE__ */ jsxs57("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
-                /* @__PURE__ */ jsx63(
-                  PayWithCashApp,
-                  {
-                    userId,
-                    publishableKey,
-                    recipientAddress,
-                    destinationChainType,
-                    destinationChainId,
-                    destinationTokenAddress,
-                    cashAppIconUrl: projectConfig?.asset_cdn_url ? `${projectConfig.asset_cdn_url}/api/public/icons/onramps/svg/cashapp.svg` : void 0,
-                    view: cashAppView,
-                    onViewChange: setCashAppView,
-                    onAmountChange: setCashAppAmount,
-                    onEvent,
-                    onDepositSuccess: onDepositSuccessFor("cashapp"),
-                    onDepositError: onDepositErrorFor("cashapp"),
-                    wallets
-                  }
-                ),
-                depositPoweredByFooter
-              ] })
-            ] }) : view === "apple_pay" ? /* @__PURE__ */ jsxs57(Fragment14, { children: [
-              /* @__PURE__ */ jsx63(
-                DepositHeader,
-                {
-                  title: applePayHeaderTitle,
-                  showBack: applePayShowBack,
-                  onBack: () => {
-                    const handled = applePayHandleRef.current?.requestBack() ?? false;
-                    if (!handled) handleBack();
-                  },
-                  onClose: handleClose
-                }
-              ),
-              /* @__PURE__ */ jsxs57("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
-                applePayProvidersLoading ? /* @__PURE__ */ jsx63(SkeletonButton, { variant: "with-icons" }) : !hasEnabledApplePayProvider ? /* @__PURE__ */ jsx63(GeoRestrictionScreen, { methodName: "Apple Pay" }) : /* @__PURE__ */ jsx63(
-                  BuyWithApplePay,
-                  {
-                    ref: applePayHandleRef,
-                    userId,
-                    publishableKey,
-                    destinationChainType,
-                    destinationChainId,
-                    destinationTokenAddress,
-                    userEmail,
-                    wallets,
-                    onViewChange: setApplePayView,
-                    onEvent,
-                    onDepositSuccess: onDepositSuccessFor("apple_pay"),
-                    onDepositError: onDepositErrorFor("apple_pay"),
-                    exitLabel: sessionOpenedFromMenu ? "Return" : "Close",
-                    onExit: () => {
-                      if (sessionOpenedFromMenu) {
-                        setView("main");
-                      } else {
-                        handleClose();
+            /* @__PURE__ */ jsx63(
+              ThemeStyleInjector,
+              {
+                className: view === "wallet_connect" ? "uf-flex uf-min-h-0 uf-flex-col" : void 0,
+                children: view === "main" ? /* @__PURE__ */ jsxs57("div", { className: "uf-flex uf-flex-col uf-min-h-0 uf-max-h-full", children: [
+                  /* @__PURE__ */ jsx63("div", { className: "uf-flex-shrink-0", children: /* @__PURE__ */ jsx63(
+                    DepositHeader,
+                    {
+                      title: modalTitle || "Deposit",
+                      showClose: !hideOverlay,
+                      onClose: handleClose,
+                      showBalance: showBalanceHeader,
+                      balanceAddress: recipientAddress,
+                      balanceChainType: destinationChainType === "ethereum" || destinationChainType === "solana" || destinationChainType === "bitcoin" || destinationChainType === "n1" ? destinationChainType : void 0,
+                      balanceChainId: destinationChainId,
+                      balanceTokenAddress: destinationTokenAddress,
+                      projectName: projectConfig?.project_name,
+                      publishableKey
+                    }
+                  ) }),
+                  renderMainMenuBody(),
+                  /* @__PURE__ */ jsx63("div", { className: "uf-flex-shrink-0", children: depositPoweredByFooter })
+                ] }) : view === "transfer" ? /* @__PURE__ */ jsxs57(Fragment14, { children: [
+                  /* @__PURE__ */ jsx63(
+                    DepositHeader,
+                    {
+                      title: transferCryptoTitle,
+                      showBack: showBackTransfer,
+                      onBack: handleBack,
+                      onClose: handleClose,
+                      showBalance: showBalanceHeader,
+                      balanceAddress: recipientAddress,
+                      balanceChainType: destinationChainType === "ethereum" || destinationChainType === "solana" || destinationChainType === "bitcoin" || destinationChainType === "n1" ? destinationChainType : void 0,
+                      balanceChainId: destinationChainId,
+                      balanceTokenAddress: destinationTokenAddress,
+                      projectName: projectConfig?.project_name,
+                      publishableKey
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs57("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+                    standaloneNeedsDepositPrereq && depositPrerequisiteBody !== null ? /* @__PURE__ */ jsx63("div", { className: "uf-pb-4 uf-space-y-3", children: depositPrerequisiteBody }) : transferInputVariant === "single_input" ? /* @__PURE__ */ jsx63(
+                      TransferCryptoSingleInput,
+                      {
+                        userId,
+                        publishableKey,
+                        recipientAddress,
+                        destinationChainType,
+                        destinationChainId,
+                        destinationTokenAddress,
+                        defaultSourceChainType,
+                        defaultSourceChainId,
+                        defaultSourceTokenAddress,
+                        defaultSourceSymbol,
+                        prefilledAmountUsd: normalizedPrefilledAmountUsd,
+                        depositConfirmationMode,
+                        onExecutionsChange: setDepositExecutions,
+                        onDepositSuccess: onDepositSuccessFor("transfer"),
+                        onDepositError: onDepositErrorFor("transfer"),
+                        wallets
+                      }
+                    ) : /* @__PURE__ */ jsx63(
+                      TransferCryptoDoubleInput,
+                      {
+                        userId,
+                        publishableKey,
+                        recipientAddress,
+                        destinationChainType,
+                        destinationChainId,
+                        destinationTokenAddress,
+                        defaultSourceChainType,
+                        defaultSourceChainId,
+                        defaultSourceTokenAddress,
+                        defaultSourceSymbol,
+                        prefilledAmountUsd: normalizedPrefilledAmountUsd,
+                        depositConfirmationMode,
+                        onExecutionsChange: setDepositExecutions,
+                        onDepositSuccess: onDepositSuccessFor("transfer"),
+                        onDepositError: onDepositErrorFor("transfer"),
+                        wallets
                       }
+                    ),
+                    depositPoweredByFooter
+                  ] })
+                ] }) : view === "tracker" ? /* @__PURE__ */ jsxs57(Fragment14, { children: [
+                  /* @__PURE__ */ jsx63(
+                    DepositHeader,
+                    {
+                      title: selectedExecution ? "Deposit Details" : depositTrackerTitle,
+                      showBack: showBackTracker,
+                      onBack: handleBack,
+                      onClose: handleClose
                     }
-                  }
-                ),
-                depositPoweredByFooter
-              ] })
-            ] }) : null })
+                  ),
+                  /* @__PURE__ */ jsxs57("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+                    /* @__PURE__ */ jsx63("div", { className: "uf-h-[460px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: selectedExecution ? /* @__PURE__ */ jsx63(DepositDetailContent, { execution: selectedExecution }) : /* @__PURE__ */ jsx63("div", { className: "uf-space-y-2 uf-pb-8", children: allExecutions.length === 0 ? /* @__PURE__ */ jsx63("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ jsx63(
+                      "div",
+                      {
+                        className: "uf-text-sm",
+                        style: {
+                          color: components.container.subtitleColor,
+                          fontFamily: fonts.regular
+                        },
+                        children: "No deposits yet"
+                      }
+                    ) }) : allExecutions.map((execution) => /* @__PURE__ */ jsx63(
+                      DepositExecutionItem,
+                      {
+                        execution,
+                        onClick: () => setSelectedExecution(execution)
+                      },
+                      execution.id
+                    )) }) }),
+                    depositPoweredByFooter
+                  ] })
+                ] }) : view === "card" ? /* @__PURE__ */ jsxs57(Fragment14, { children: [
+                  /* @__PURE__ */ jsx63(
+                    DepositHeader,
+                    {
+                      title: cardView === "quotes" ? t8.quotes : depositWithCardTitle,
+                      showBack: showBackCard,
+                      onBack: handleBack,
+                      onClose: handleClose,
+                      badge: cardView === "quotes" ? { count: quotesCount } : void 0,
+                      showBalance: showBalanceHeader,
+                      balanceAddress: recipientAddress,
+                      balanceChainType: destinationChainType === "ethereum" || destinationChainType === "solana" || destinationChainType === "bitcoin" || destinationChainType === "n1" ? destinationChainType : void 0,
+                      balanceChainId: destinationChainId,
+                      balanceTokenAddress: destinationTokenAddress,
+                      projectName: projectConfig?.project_name,
+                      publishableKey
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs57("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+                    standaloneNeedsDepositPrereq && depositPrerequisiteBody !== null ? /* @__PURE__ */ jsx63("div", { className: "uf-pb-4 uf-space-y-3", children: depositPrerequisiteBody }) : !showFiatOnramp ? (
+                      // Fiat on-ramp resolved hidden/disabled after a direct open
+                      // (e.g. platform `is_hidden` for a Stripe Link-only project).
+                      // Show a geo-restriction screen rather than the card UI so the
+                      // hard-hide is honoured without a flash of "Pay with Card".
+                      /* @__PURE__ */ jsx63(GeoRestrictionScreen, { methodName: "Card" })
+                    ) : /* @__PURE__ */ jsx63(
+                      BuyWithCard,
+                      {
+                        userId,
+                        publishableKey,
+                        view: cardView,
+                        onViewChange: handleCardViewChange,
+                        destinationTokenSymbol,
+                        recipientAddress,
+                        destinationChainType,
+                        destinationChainId,
+                        destinationTokenAddress,
+                        onDepositSuccess: onDepositSuccessFor("card"),
+                        onDepositError: onDepositErrorFor("card"),
+                        onEvent,
+                        themeClass,
+                        wallets,
+                        assetCdnUrl: projectConfig?.asset_cdn_url,
+                        hideDepositFlowInfo,
+                        hideDisplayDescription,
+                        prefilledAmountUsd: normalizedPrefilledAmountUsd
+                      }
+                    ),
+                    depositPoweredByFooter
+                  ] })
+                ] }) : view === "exchange" ? /* @__PURE__ */ jsxs57(Fragment14, { children: [
+                  /* @__PURE__ */ jsx63(
+                    DepositHeader,
+                    {
+                      title: payWithExchangeTitle,
+                      showBack: exchangeView === "pending" || sessionOpenedFromMenu,
+                      onBack: handleBack,
+                      onClose: handleClose
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs57("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+                    /* @__PURE__ */ jsx63(
+                      PayWithExchange,
+                      {
+                        userId,
+                        publishableKey,
+                        exchanges,
+                        view: exchangeView,
+                        onViewChange: setExchangeView,
+                        destinationTokenSymbol,
+                        recipientAddress,
+                        destinationChainType,
+                        destinationChainId,
+                        destinationTokenAddress,
+                        onDepositSuccess: onDepositSuccessFor("pay_with_exchange"),
+                        onDepositError: onDepositErrorFor("pay_with_exchange"),
+                        wallets,
+                        defaultToken: defaultToken ?? null
+                      }
+                    ),
+                    depositPoweredByFooter
+                  ] })
+                ] }) : view === "coinbase_connect" ? /* @__PURE__ */ jsxs57("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+                  /* @__PURE__ */ jsx63(
+                    CoinbaseConnect,
+                    {
+                      publishableKey,
+                      userId,
+                      wallets,
+                      recipientAddress,
+                      destinationTokenAddress: destinationTokenAddress ?? "",
+                      destinationChainId: destinationChainId ?? "",
+                      destinationChainType: destinationChainType ?? "",
+                      onDepositSuccess: onDepositSuccessFor("exchange_connect"),
+                      onDepositError: onDepositErrorFor("exchange_connect"),
+                      onTransferError: (error) => {
+                        onDepositErrorFor("exchange_connect")?.({
+                          message: error.message,
+                          error
+                        });
+                      },
+                      onBack: handleBack,
+                      onClose: handleClose,
+                      onDisconnect: handleExchangeDisconnect,
+                      skipToHoldings: coinbaseSkipToHoldings,
+                      canGoBack: sessionOpenedFromMenu,
+                      onExecutionsChange: setDepositExecutions,
+                      defaultSourceChainType,
+                      defaultSourceChainId,
+                      defaultSourceTokenAddress,
+                      defaultSourceSymbol,
+                      prefilledAmountUsd: normalizedPrefilledAmountUsd
+                    }
+                  ),
+                  depositPoweredByFooter
+                ] }) : view === "wallet_connect" ? (
+                  // Mobile: flex-fill the full-height dialog body so the wallet list
+                  // can grow and scroll, with the footer pinned to the bottom.
+                  // Desktop (sm:): stays content-sized.
+                  /* @__PURE__ */ jsxs57(
+                    "div",
+                    {
+                      className: "uf-flex uf-flex-col uf-gap-1.5 uf-min-h-0 uf-flex-1 sm:uf-flex-none",
+                      children: [
+                        /* @__PURE__ */ jsx63(
+                          WalletConnect,
+                          {
+                            walletInfo: browserWalletInfo ?? void 0,
+                            depositWallet: browserWalletInfo?.depositWallet ?? void 0,
+                            wallets,
+                            userId,
+                            publishableKey,
+                            assetCdnUrl: projectConfig?.asset_cdn_url,
+                            projectName: projectConfig?.project_name,
+                            onError: (error) => {
+                              onDepositErrorFor("wallet_connect")?.({
+                                message: error.message,
+                                error
+                              });
+                            },
+                            onDepositSuccess: onDepositSuccessFor("wallet_connect"),
+                            onDepositError: onDepositErrorFor("wallet_connect"),
+                            amountQuickSelect: browserWalletAmountQuickSelect,
+                            prefilledAmountUsd: normalizedPrefilledAmountUsd,
+                            onWalletDisconnect: handleWalletDisconnect,
+                            onWalletConnected: (info, dw) => {
+                              setBrowserWalletInfo({ ...info, depositWallet: dw });
+                              setStoredWalletState(info.type);
+                              setBrowserWalletChainType(dw.chain_type === "solana" ? "solana" : "ethereum");
+                            },
+                            onBack: handleBack,
+                            onClose: handleClose,
+                            defaultSourceChainType,
+                            defaultSourceChainId,
+                            defaultSourceTokenAddress,
+                            defaultSourceSymbol,
+                            canGoBack: sessionOpenedFromMenu,
+                            depositWalletsLoading: walletsLoading
+                          }
+                        ),
+                        depositPoweredByFooter
+                      ]
+                    }
+                  )
+                ) : view === "bank_transfer" ? /* @__PURE__ */ jsxs57(Fragment14, { children: [
+                  /* @__PURE__ */ jsx63(
+                    DepositHeader,
+                    {
+                      title: t8.bankTransfer.title,
+                      showBack: bankTransferView !== "providers" || sessionOpenedFromMenu,
+                      onBack: handleBack,
+                      onClose: handleClose
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs57("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+                    bankTransferProvidersLoading ? /* @__PURE__ */ jsx63(SkeletonButton, { variant: "with-icons" }) : !hasEnabledBankTransferProvider ? /* @__PURE__ */ jsx63(GeoRestrictionScreen, { methodName: "Bank Transfer" }) : /* @__PURE__ */ jsx63(
+                      BankTransfer,
+                      {
+                        userId,
+                        publishableKey,
+                        view: bankTransferView,
+                        onViewChange: setBankTransferView,
+                        recipientAddress,
+                        destinationChainType,
+                        destinationChainId,
+                        destinationTokenAddress,
+                        destinationTokenSymbol,
+                        wallets,
+                        defaultToken: defaultToken ?? null,
+                        assetCdnUrl: projectConfig?.asset_cdn_url,
+                        onEvent,
+                        onDepositSuccess,
+                        onDepositError,
+                        prefilledAmountUsd: normalizedPrefilledAmountUsd
+                      }
+                    ),
+                    depositPoweredByFooter
+                  ] })
+                ] }) : view === "stripe_link" ? /* @__PURE__ */ jsxs57(Fragment14, { children: [
+                  /* @__PURE__ */ jsx63(
+                    DepositHeader,
+                    {
+                      title: "Deposit with Link",
+                      showBack: stripeLinkStep !== "checkout" && stripeLinkStep !== "success",
+                      onBack: handleBack,
+                      showClose: stripeLinkStep !== "checkout" && stripeLinkStep !== "auth",
+                      onClose: handleClose
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs57("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+                    isLoadingIp ? (
+                      // Hold the geo decision until IP resolves so we don't mount
+                      // PayWithStripeLink (which kicks off config/OAuth work) for a
+                      // deep-link user who turns out to be outside the US.
+                      /* @__PURE__ */ jsx63(SkeletonButton, { variant: "with-icons" })
+                    ) : !showStripeLink ? (
+                      // Stripe Link's crypto on-ramp is US-only. On a direct open
+                      // (initialScreen="stripe_link") the row isn't in a menu to
+                      // fall back to, so show a geo-restriction screen rather than
+                      // the Link UI.
+                      /* @__PURE__ */ jsx63(
+                        GeoRestrictionScreen,
+                        {
+                          methodName: t8.stripeLink.title,
+                          message: "Pay with Link is only available in the US."
+                        }
+                      )
+                    ) : /* @__PURE__ */ jsx63(
+                      PayWithStripeLink,
+                      {
+                        userId,
+                        publishableKey,
+                        recipientAddress,
+                        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,
+                        step: stripeLinkStep,
+                        onStepChange: setStripeLinkStep,
+                        backHandlerRef: stripeLinkBackRef,
+                        onDepositSuccess,
+                        onDepositError
+                      }
+                    ),
+                    depositPoweredByFooter
+                  ] })
+                ] }) : view === "cashapp" ? /* @__PURE__ */ jsxs57(Fragment14, { children: [
+                  /* @__PURE__ */ jsx63(
+                    DepositHeader,
+                    {
+                      title: cashAppView !== "amount" && cashAppAmount ? `Pay $${cashAppAmount} via Cash App` : "Pay with Cash App",
+                      showBack: cashAppView !== "amount" || sessionOpenedFromMenu,
+                      onBack: handleBack,
+                      onClose: handleClose
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs57("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+                    /* @__PURE__ */ jsx63(
+                      PayWithCashApp,
+                      {
+                        userId,
+                        publishableKey,
+                        recipientAddress,
+                        destinationChainType,
+                        destinationChainId,
+                        destinationTokenAddress,
+                        cashAppIconUrl: projectConfig?.asset_cdn_url ? `${projectConfig.asset_cdn_url}/api/public/icons/onramps/svg/cashapp.svg` : void 0,
+                        view: cashAppView,
+                        onViewChange: setCashAppView,
+                        onAmountChange: setCashAppAmount,
+                        onEvent,
+                        onDepositSuccess: onDepositSuccessFor("cashapp"),
+                        onDepositError: onDepositErrorFor("cashapp"),
+                        prefilledAmountUsd: normalizedPrefilledAmountUsd,
+                        wallets
+                      }
+                    ),
+                    depositPoweredByFooter
+                  ] })
+                ] }) : view === "apple_pay" ? /* @__PURE__ */ jsxs57(Fragment14, { children: [
+                  /* @__PURE__ */ jsx63(
+                    DepositHeader,
+                    {
+                      title: applePayHeaderTitle,
+                      showBack: applePayShowBack,
+                      onBack: () => {
+                        const handled = applePayHandleRef.current?.requestBack() ?? false;
+                        if (!handled) handleBack();
+                      },
+                      onClose: handleClose
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs57("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+                    applePayProvidersLoading ? /* @__PURE__ */ jsx63(SkeletonButton, { variant: "with-icons" }) : !hasEnabledApplePayProvider ? /* @__PURE__ */ jsx63(GeoRestrictionScreen, { methodName: "Apple Pay" }) : /* @__PURE__ */ jsx63(
+                      BuyWithApplePay,
+                      {
+                        ref: applePayHandleRef,
+                        userId,
+                        publishableKey,
+                        destinationChainType,
+                        destinationChainId,
+                        destinationTokenAddress,
+                        userEmail,
+                        wallets,
+                        onViewChange: setApplePayView,
+                        onEvent,
+                        onDepositSuccess: onDepositSuccessFor("apple_pay"),
+                        onDepositError: onDepositErrorFor("apple_pay"),
+                        exitLabel: sessionOpenedFromMenu ? "Return" : "Close",
+                        onExit: () => {
+                          if (sessionOpenedFromMenu) {
+                            setView("main");
+                          } else {
+                            handleClose();
+                          }
+                        }
+                      }
+                    ),
+                    depositPoweredByFooter
+                  ] })
+                ] }) : null
+              }
+            )
           ]
         }
       )
@@ -36613,11 +36999,11 @@ function CheckoutModal({
 }) {
   const { colors: colors2, fonts, components } = useTheme();
   const [view, setView] = useState41("main");
-  const resetViewTimeoutRef = useRef132(null);
+  const resetViewTimeoutRef = useRef142(null);
   const [browserWalletInfo, setBrowserWalletInfo] = useState41(null);
   const [browserWalletChainType, setBrowserWalletChainType] = useState41(() => getStoredWalletState()?.chainType);
-  const lastCheckoutMethodRef = useRef132(void 0);
-  const emitCheckoutSuccess = useCallback92(
+  const lastCheckoutMethodRef = useRef142(void 0);
+  const emitCheckoutSuccess = useCallback112(
     (data, method) => {
       const isSucceeded = data.status === "succeeded";
       const richIntent = isSucceeded && data.paymentIntent ? mapToCheckoutPaymentIntent(data.paymentIntent) : void 0;
@@ -36680,7 +37066,7 @@ function CheckoutModal({
       setView("main");
     }
   }, [showConnectWallet, showTransferCrypto, view]);
-  const prevStatusRef = useRef132(null);
+  const prevStatusRef = useRef142(null);
   useEffect35(() => {
     if (!paymentIntent) return;
     const prev = prevStatusRef.current;
@@ -36699,11 +37085,11 @@ function CheckoutModal({
       );
     }
   }, [emitCheckoutSuccess, paymentIntent, view]);
-  const wallets = useMemo142(() => {
+  const wallets = useMemo152(() => {
     if (!paymentIntent) return [];
     return mapDepositAddressesToWallets(paymentIntent.deposit_addresses, paymentIntent);
   }, [paymentIntent]);
-  const formatCryptoAmount = useMemo142(() => {
+  const formatCryptoAmount = useMemo152(() => {
     if (!paymentIntent) return (_) => "";
     const decimals = paymentIntent.destination_token_decimals ?? 6;
     const symbol = paymentIntent.currency.toUpperCase();
@@ -36713,7 +37099,7 @@ function CheckoutModal({
       return `${formatted} ${symbol}`;
     };
   }, [paymentIntent]);
-  const remainingAmountUsd = useMemo142(() => {
+  const remainingAmountUsd = useMemo152(() => {
     if (!paymentIntent) return void 0;
     const total = parseFloat(paymentIntent.destination_amount_usd || paymentIntent.amount_usd);
     const received = parseFloat(
@@ -36725,7 +37111,7 @@ function CheckoutModal({
     return remaining > 0 ? remaining.toFixed(2) : "0.00";
   }, [paymentIntent]);
   const [selectedSource, setSelectedSource] = useState41(null);
-  const remainingDestinationAmount = useMemo142(() => {
+  const remainingDestinationAmount = useMemo152(() => {
     if (!paymentIntent) return "0";
     const remaining = BigInt(paymentIntent.destination_amount) - BigInt(paymentIntent.destination_amount_received);
     return remaining > 0n ? remaining.toString() : "0";
@@ -36747,7 +37133,7 @@ function CheckoutModal({
     stablecoinParity: paymentIntent?.stablecoin_parity ?? false,
     enabled: open && view === "transfer" && !!paymentIntent && !!selectedSource && remainingDestinationAmount !== "0"
   });
-  const effectiveCheckoutQuote = useMemo142(() => {
+  const effectiveCheckoutQuote = useMemo152(() => {
     if (!sourceQuote || !selectedSource) return null;
     const baseQuote = {
       sourceAmount: sourceQuote.source_amount,
@@ -36768,7 +37154,7 @@ function CheckoutModal({
       sourceAmountUsd: minUsd.toFixed(2)
     };
   }, [sourceQuote, selectedSource]);
-  const handleBrowserWalletClick = useCallback92(
+  const handleBrowserWalletClick = useCallback112(
     (walletInfo) => {
       const walletChainType = walletInfo.type === "phantom-solana" || walletInfo.type === "solflare" || walletInfo.type === "backpack" || walletInfo.type === "glow" ? "solana" : "ethereum";
       setStoredWalletState(walletInfo.type);
@@ -36791,19 +37177,19 @@ function CheckoutModal({
     },
     [wallets, onCheckoutError]
   );
-  const handleWalletConnectClick = useCallback92(() => {
+  const handleWalletConnectClick = useCallback112(() => {
     setBrowserWalletInfo(null);
     lastCheckoutMethodRef.current = "wallet_connect";
     setView("wallet_connect");
   }, []);
-  const handleWalletDisconnect = useCallback92(() => {
+  const handleWalletDisconnect = useCallback112(() => {
     setUserDisconnectedWallet(true);
     clearStoredWalletState();
     setBrowserWalletChainType(void 0);
     setBrowserWalletInfo(null);
     setView("main");
   }, []);
-  const handleClose = useCallback92(() => {
+  const handleClose = useCallback112(() => {
     onOpenChange(false);
     if (resetViewTimeoutRef.current) {
       clearTimeout(resetViewTimeoutRef.current);
@@ -36833,7 +37219,7 @@ function CheckoutModal({
     },
     []
   );
-  const handleBack = useCallback92(() => {
+  const handleBack = useCallback112(() => {
     setView("main");
   }, []);
   const poweredByFooter = /* @__PURE__ */ jsx64("div", { className: "uf-pt-3", children: /* @__PURE__ */ jsx64(
@@ -36959,253 +37345,275 @@ function CheckoutModal({
   return /* @__PURE__ */ jsx64(PortalContainerProvider, { value: null, children: /* @__PURE__ */ jsx64(Dialog2, { open, onOpenChange: handleClose, modal: true, children: /* @__PURE__ */ jsx64(
     DialogContent2,
     {
-      className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-gap-0 [&>button]:uf-hidden uf-p-0 uf-overflow-visible ${view === "main" ? "!uf-top-auto !uf-h-auto !uf-max-h-[60vh] sm:!uf-max-h-none sm:!uf-top-[50%]" : "!uf-top-0 !uf-h-full sm:!uf-h-auto sm:!uf-top-[50%]"} ${themeClass}`,
+      className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-gap-0 [&>button]:uf-hidden uf-p-0 uf-overflow-visible ${view === "main" ? "!uf-top-auto !uf-h-auto !uf-max-h-[60vh] sm:!uf-max-h-none sm:!uf-top-[50%]" : "!uf-top-0 !uf-h-full sm:!uf-h-auto sm:!uf-top-[50%]"} ${// wallet_connect fills the full-height mobile sheet. DialogContent is a
+      // grid whose single auto row only grows to fill free space and never
+      // shrinks below content, so a long wallet list would balloon the row
+      // past the viewport and push the footer off-screen. Clamp the row to
+      // the modal height with minmax(0,1fr) so the inner overflow-y-auto list
+      // scrolls with the footer pinned. Reset to content-sized on desktop.
+      view === "wallet_connect" ? "[grid-template-rows:minmax(0,1fr)] sm:[grid-template-rows:none]" : ""} ${themeClass}`,
       style: { backgroundColor: colors2.background },
       onPointerDownOutside: (e) => e.preventDefault(),
       onInteractOutside: (e) => e.preventDefault(),
-      children: /* @__PURE__ */ jsx64(ThemeStyleInjector, { children: view === "main" ? /* @__PURE__ */ jsxs58(Fragment15, { children: [
-        /* @__PURE__ */ jsx64(DepositHeader, { title: modalTitle || "Checkout", showClose: true, onClose: handleClose }),
-        /* @__PURE__ */ jsxs58("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
-          piLoading ? /* @__PURE__ */ jsxs58("div", { className: "uf-space-y-3", children: [
-            /* @__PURE__ */ jsx64(
-              "div",
-              {
-                className: "uf-rounded-xl uf-p-4 uf-animate-pulse",
-                style: {
-                  backgroundColor: components.card.backgroundColor,
-                  borderRadius: components.card.borderRadius,
-                  border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
-                },
-                children: /* @__PURE__ */ jsxs58("div", { className: "uf-flex uf-flex-col uf-items-center uf-gap-2", children: [
-                  /* @__PURE__ */ jsx64(
-                    "div",
+      children: /* @__PURE__ */ jsx64(
+        ThemeStyleInjector,
+        {
+          className: view === "wallet_connect" ? "uf-flex uf-min-h-0 uf-flex-col" : void 0,
+          children: view === "main" ? /* @__PURE__ */ jsxs58(Fragment15, { children: [
+            /* @__PURE__ */ jsx64(DepositHeader, { title: modalTitle || "Checkout", showClose: true, onClose: handleClose }),
+            /* @__PURE__ */ jsxs58("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+              piLoading ? /* @__PURE__ */ jsxs58("div", { className: "uf-space-y-3", children: [
+                /* @__PURE__ */ jsx64(
+                  "div",
+                  {
+                    className: "uf-rounded-xl uf-p-4 uf-animate-pulse",
+                    style: {
+                      backgroundColor: components.card.backgroundColor,
+                      borderRadius: components.card.borderRadius,
+                      border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
+                    },
+                    children: /* @__PURE__ */ jsxs58("div", { className: "uf-flex uf-flex-col uf-items-center uf-gap-2", children: [
+                      /* @__PURE__ */ jsx64(
+                        "div",
+                        {
+                          className: "uf-h-8 uf-w-24 uf-rounded",
+                          style: {
+                            backgroundColor: components.card.borderColor
+                          }
+                        }
+                      ),
+                      /* @__PURE__ */ jsx64(
+                        "div",
+                        {
+                          className: "uf-h-4 uf-w-16 uf-rounded",
+                          style: {
+                            backgroundColor: components.card.borderColor
+                          }
+                        }
+                      )
+                    ] })
+                  }
+                ),
+                /* @__PURE__ */ jsx64(SkeletonButton2, {}),
+                /* @__PURE__ */ jsx64(SkeletonButton2, {})
+              ] }) : piError ? /* @__PURE__ */ jsxs58("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
+                /* @__PURE__ */ jsx64("div", { className: "uf-w-16 uf-h-16 uf-rounded-full uf-bg-muted uf-flex uf-items-center uf-justify-center uf-mb-4", children: /* @__PURE__ */ jsx64(TriangleAlert, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
+                /* @__PURE__ */ jsx64(
+                  "h3",
+                  {
+                    className: "uf-text-lg uf-font-semibold uf-mb-2",
+                    style: {
+                      color: colors2.foreground,
+                      fontFamily: fonts.semibold
+                    },
+                    children: "Unable to Load Checkout"
+                  }
+                ),
+                /* @__PURE__ */ jsx64(
+                  "p",
+                  {
+                    className: "uf-text-sm uf-max-w-[280px]",
+                    style: {
+                      color: colors2.foregroundMuted,
+                      fontFamily: fonts.regular
+                    },
+                    children: piError instanceof Error ? piError.message : "Something went wrong. Please try again."
+                  }
+                )
+              ] }) : paymentIntent ? /* @__PURE__ */ jsxs58("div", { className: "uf-space-y-3", children: [
+                progressSection,
+                (paymentIntent.status === "requires_payment" || paymentIntent.status === "processing") && /* @__PURE__ */ jsxs58(Fragment15, { children: [
+                  showTransferCrypto && /* @__PURE__ */ jsx64(
+                    TransferCryptoButton,
                     {
-                      className: "uf-h-8 uf-w-24 uf-rounded",
-                      style: {
-                        backgroundColor: components.card.borderColor
-                      }
+                      onClick: () => {
+                        lastCheckoutMethodRef.current = "transfer";
+                        setView("transfer");
+                      },
+                      title: i18n2.checkoutModal.transferCrypto.title,
+                      subtitle: i18n2.checkoutModal.transferCrypto.subtitle,
+                      featuredTokens: projectConfig?.transfer_crypto.networks
                     }
                   ),
-                  /* @__PURE__ */ jsx64(
-                    "div",
+                  showConnectWallet && /* @__PURE__ */ jsx64(
+                    BrowserWalletButton,
                     {
-                      className: "uf-h-4 uf-w-16 uf-rounded",
-                      style: {
-                        backgroundColor: components.card.borderColor
-                      }
+                      onClick: handleBrowserWalletClick,
+                      onConnectClick: handleWalletConnectClick,
+                      onDisconnect: handleWalletDisconnect,
+                      chainType: browserWalletChainType,
+                      publishableKey,
+                      featuredWallets: projectConfig?.connect_wallet?.wallets,
+                      subtitle: i18n2.checkoutModal.browserWallet.subtitle
                     }
                   )
                 ] })
-              }
-            ),
-            /* @__PURE__ */ jsx64(SkeletonButton2, {}),
-            /* @__PURE__ */ jsx64(SkeletonButton2, {})
-          ] }) : piError ? /* @__PURE__ */ jsxs58("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
-            /* @__PURE__ */ jsx64("div", { className: "uf-w-16 uf-h-16 uf-rounded-full uf-bg-muted uf-flex uf-items-center uf-justify-center uf-mb-4", children: /* @__PURE__ */ jsx64(TriangleAlert, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
+              ] }) : null,
+              poweredByFooter
+            ] })
+          ] }) : view === "transfer" ? /* @__PURE__ */ jsxs58(Fragment15, { children: [
             /* @__PURE__ */ jsx64(
-              "h3",
+              DepositHeader,
               {
-                className: "uf-text-lg uf-font-semibold uf-mb-2",
-                style: {
-                  color: colors2.foreground,
-                  fontFamily: fonts.semibold
-                },
-                children: "Unable to Load Checkout"
+                title: modalTitle || "Checkout",
+                showBack: true,
+                onBack: handleBack,
+                onClose: handleClose
               }
             ),
-            /* @__PURE__ */ jsx64(
-              "p",
-              {
-                className: "uf-text-sm uf-max-w-[280px]",
-                style: {
-                  color: colors2.foregroundMuted,
-                  fontFamily: fonts.regular
-                },
-                children: piError instanceof Error ? piError.message : "Something went wrong. Please try again."
-              }
-            )
-          ] }) : paymentIntent ? /* @__PURE__ */ jsxs58("div", { className: "uf-space-y-3", children: [
-            progressSection,
-            (paymentIntent.status === "requires_payment" || paymentIntent.status === "processing") && /* @__PURE__ */ jsxs58(Fragment15, { children: [
-              showTransferCrypto && /* @__PURE__ */ jsx64(
-                TransferCryptoButton,
-                {
-                  onClick: () => {
-                    lastCheckoutMethodRef.current = "transfer";
-                    setView("transfer");
-                  },
-                  title: i18n2.checkoutModal.transferCrypto.title,
-                  subtitle: i18n2.checkoutModal.transferCrypto.subtitle,
-                  featuredTokens: projectConfig?.transfer_crypto.networks
-                }
-              ),
-              showConnectWallet && /* @__PURE__ */ jsx64(
-                BrowserWalletButton,
-                {
-                  onClick: handleBrowserWalletClick,
-                  onConnectClick: handleWalletConnectClick,
-                  onDisconnect: handleWalletDisconnect,
-                  chainType: browserWalletChainType,
-                  publishableKey,
-                  featuredWallets: projectConfig?.connect_wallet?.wallets,
-                  subtitle: i18n2.checkoutModal.browserWallet.subtitle
-                }
-              )
-            ] })
-          ] }) : null,
-          poweredByFooter
-        ] })
-      ] }) : view === "transfer" ? /* @__PURE__ */ jsxs58(Fragment15, { children: [
-        /* @__PURE__ */ jsx64(
-          DepositHeader,
-          {
-            title: modalTitle || "Checkout",
-            showBack: true,
-            onBack: handleBack,
-            onClose: handleClose
-          }
-        ),
-        /* @__PURE__ */ jsxs58("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
-          paymentIntent ? /* @__PURE__ */ jsxs58(Fragment15, { children: [
-            (() => {
-              const receivedUsd = parseFloat(
-                paymentIntent.destination_amount_received_usd || paymentIntent.amount_received_usd
-              );
-              const totalUsd = parseFloat(
-                paymentIntent.destination_amount_usd || paymentIntent.amount_usd
-              );
-              const pct = totalUsd > 0 ? Math.min(receivedUsd / totalUsd * 100, 100) : 0;
-              return /* @__PURE__ */ jsxs58("div", { className: "uf-space-y-2", children: [
-                /* @__PURE__ */ jsxs58("div", { className: "uf-flex uf-items-center uf-justify-between", children: [
-                  /* @__PURE__ */ jsx64(
-                    "span",
-                    {
-                      className: "uf-text-xs",
-                      style: { color: colors2.foregroundMuted, fontFamily: fonts.regular },
-                      children: "Received"
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs58(
-                    "span",
-                    {
-                      className: "uf-text-xs",
-                      style: { color: colors2.foreground, fontFamily: fonts.medium },
-                      children: [
-                        "$",
-                        receivedUsd.toFixed(2),
-                        " / $",
-                        totalUsd.toFixed(2)
-                      ]
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsx64(
-                  "div",
-                  {
-                    className: "uf-w-full uf-h-1.5 uf-rounded-full uf-overflow-hidden",
-                    style: { backgroundColor: colors2.border },
-                    children: /* @__PURE__ */ jsx64(
+            /* @__PURE__ */ jsxs58("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+              paymentIntent ? /* @__PURE__ */ jsxs58(Fragment15, { children: [
+                (() => {
+                  const receivedUsd = parseFloat(
+                    paymentIntent.destination_amount_received_usd || paymentIntent.amount_received_usd
+                  );
+                  const totalUsd = parseFloat(
+                    paymentIntent.destination_amount_usd || paymentIntent.amount_usd
+                  );
+                  const pct = totalUsd > 0 ? Math.min(receivedUsd / totalUsd * 100, 100) : 0;
+                  return /* @__PURE__ */ jsxs58("div", { className: "uf-space-y-2", children: [
+                    /* @__PURE__ */ jsxs58("div", { className: "uf-flex uf-items-center uf-justify-between", children: [
+                      /* @__PURE__ */ jsx64(
+                        "span",
+                        {
+                          className: "uf-text-xs",
+                          style: { color: colors2.foregroundMuted, fontFamily: fonts.regular },
+                          children: "Received"
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs58(
+                        "span",
+                        {
+                          className: "uf-text-xs",
+                          style: { color: colors2.foreground, fontFamily: fonts.medium },
+                          children: [
+                            "$",
+                            receivedUsd.toFixed(2),
+                            " / $",
+                            totalUsd.toFixed(2)
+                          ]
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsx64(
                       "div",
                       {
-                        className: "uf-h-full uf-rounded-full uf-transition-all uf-duration-500",
-                        style: {
-                          width: `${pct}%`,
-                          backgroundColor: paymentIntent.status === "succeeded" ? "rgb(34, 197, 94)" : colors2.primary
-                        }
+                        className: "uf-w-full uf-h-1.5 uf-rounded-full uf-overflow-hidden",
+                        style: { backgroundColor: colors2.border },
+                        children: /* @__PURE__ */ jsx64(
+                          "div",
+                          {
+                            className: "uf-h-full uf-rounded-full uf-transition-all uf-duration-500",
+                            style: {
+                              width: `${pct}%`,
+                              backgroundColor: paymentIntent.status === "succeeded" ? "rgb(34, 197, 94)" : colors2.primary
+                            }
+                          }
+                        )
                       }
                     )
+                  ] });
+                })(),
+                /* @__PURE__ */ jsx64(
+                  TransferCryptoSingleInput,
+                  {
+                    userId: paymentIntent.user_id || "",
+                    publishableKey,
+                    clientSecret,
+                    recipientAddress: paymentIntent.recipient_address,
+                    destinationChainType: paymentIntent.destination_chain_type,
+                    destinationChainId: paymentIntent.destination_chain_id,
+                    destinationTokenAddress: paymentIntent.destination_token_address,
+                    defaultSourceChainType,
+                    defaultSourceChainId,
+                    defaultSourceTokenAddress,
+                    defaultSourceSymbol,
+                    depositConfirmationMode: "auto_ui",
+                    wallets,
+                    onSourceTokenChange: setSelectedSource,
+                    persistCheckingIndicator: true,
+                    productType: "payment",
+                    checkoutQuote: effectiveCheckoutQuote,
+                    isCheckoutQuoteLoading: isQuoteLoading || isQuoteFetching
                   }
                 )
-              ] });
-            })(),
-            /* @__PURE__ */ jsx64(
-              TransferCryptoSingleInput,
+              ] }) : /* @__PURE__ */ jsx64(SkeletonButton2, {}),
+              poweredByFooter
+            ] })
+          ] }) : view === "wallet_connect" && paymentIntent ? (
+            // Mobile: flex-fill the full-height sheet so the wallet list grows and
+            // scrolls with the footer pinned. Desktop (sm:): content-sized.
+            /* @__PURE__ */ jsxs58(
+              "div",
               {
-                userId: paymentIntent.user_id || "",
-                publishableKey,
-                clientSecret,
-                recipientAddress: paymentIntent.recipient_address,
-                destinationChainType: paymentIntent.destination_chain_type,
-                destinationChainId: paymentIntent.destination_chain_id,
-                destinationTokenAddress: paymentIntent.destination_token_address,
-                defaultSourceChainType,
-                defaultSourceChainId,
-                defaultSourceTokenAddress,
-                defaultSourceSymbol,
-                depositConfirmationMode: "auto_ui",
-                wallets,
-                onSourceTokenChange: setSelectedSource,
-                persistCheckingIndicator: true,
-                productType: "payment",
-                checkoutQuote: effectiveCheckoutQuote,
-                isCheckoutQuoteLoading: isQuoteLoading || isQuoteFetching
+                className: "uf-flex uf-flex-col uf-gap-1.5 uf-min-h-0 uf-flex-1 sm:uf-flex-none",
+                children: [
+                  /* @__PURE__ */ jsx64(
+                    WalletConnect,
+                    {
+                      walletInfo: browserWalletInfo ?? void 0,
+                      depositWallet: browserWalletInfo?.depositWallet ?? void 0,
+                      wallets,
+                      userId: paymentIntent.user_id || "",
+                      publishableKey,
+                      clientSecret,
+                      prefilledAmountUsd: remainingAmountUsd,
+                      checkoutAmountUsd: paymentIntent.amount_usd,
+                      checkoutReceivedUsd: paymentIntent.amount_received_usd,
+                      checkoutDestination: {
+                        chainType: paymentIntent.destination_chain_type,
+                        chainId: paymentIntent.destination_chain_id,
+                        tokenAddress: paymentIntent.destination_token_address,
+                        decimals: paymentIntent.destination_token_decimals ?? 6
+                      },
+                      productType: "payment",
+                      stablecoinParity: paymentIntent.stablecoin_parity ?? false,
+                      checkoutRemainingBaseUnits: (() => {
+                        const remaining = BigInt(paymentIntent.amount) - BigInt(paymentIntent.amount_received);
+                        return remaining > 0n ? remaining.toString() : "0";
+                      })(),
+                      onSuccess: (_txHash) => {
+                        emitCheckoutSuccess(
+                          {
+                            paymentIntentId: paymentIntent.id,
+                            status: "processing",
+                            paymentIntent
+                          },
+                          "wallet_connect"
+                        );
+                      },
+                      onError: (error) => {
+                        onCheckoutError?.({
+                          message: error.message,
+                          error,
+                          method: "wallet_connect"
+                        });
+                      },
+                      onWalletDisconnect: handleWalletDisconnect,
+                      onWalletConnected: (info, dw) => {
+                        setBrowserWalletInfo({ ...info, depositWallet: dw });
+                        setStoredWalletState(info.type);
+                        setBrowserWalletChainType(dw.chain_type === "solana" ? "solana" : "ethereum");
+                        lastCheckoutMethodRef.current = "wallet_connect";
+                      },
+                      onNewDeposit: () => setView("main"),
+                      onDone: () => setView("main"),
+                      paymentIntentStatus: paymentIntent.status,
+                      onBack: handleBack,
+                      onClose: handleClose,
+                      defaultSourceChainType,
+                      defaultSourceChainId,
+                      defaultSourceTokenAddress,
+                      defaultSourceSymbol
+                    }
+                  ),
+                  poweredByFooter
+                ]
               }
             )
-          ] }) : /* @__PURE__ */ jsx64(SkeletonButton2, {}),
-          poweredByFooter
-        ] })
-      ] }) : view === "wallet_connect" && paymentIntent ? /* @__PURE__ */ jsxs58("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
-        /* @__PURE__ */ jsx64(
-          WalletConnect,
-          {
-            walletInfo: browserWalletInfo ?? void 0,
-            depositWallet: browserWalletInfo?.depositWallet ?? void 0,
-            wallets,
-            userId: paymentIntent.user_id || "",
-            publishableKey,
-            clientSecret,
-            prefillAmountUsd: remainingAmountUsd,
-            checkoutAmountUsd: paymentIntent.amount_usd,
-            checkoutReceivedUsd: paymentIntent.amount_received_usd,
-            checkoutDestination: {
-              chainType: paymentIntent.destination_chain_type,
-              chainId: paymentIntent.destination_chain_id,
-              tokenAddress: paymentIntent.destination_token_address,
-              decimals: paymentIntent.destination_token_decimals ?? 6
-            },
-            productType: "payment",
-            stablecoinParity: paymentIntent.stablecoin_parity ?? false,
-            checkoutRemainingBaseUnits: (() => {
-              const remaining = BigInt(paymentIntent.amount) - BigInt(paymentIntent.amount_received);
-              return remaining > 0n ? remaining.toString() : "0";
-            })(),
-            onSuccess: (_txHash) => {
-              emitCheckoutSuccess(
-                {
-                  paymentIntentId: paymentIntent.id,
-                  status: "processing",
-                  paymentIntent
-                },
-                "wallet_connect"
-              );
-            },
-            onError: (error) => {
-              onCheckoutError?.({
-                message: error.message,
-                error,
-                method: "wallet_connect"
-              });
-            },
-            onWalletDisconnect: handleWalletDisconnect,
-            onWalletConnected: (info, dw) => {
-              setBrowserWalletInfo({ ...info, depositWallet: dw });
-              setStoredWalletState(info.type);
-              setBrowserWalletChainType(dw.chain_type === "solana" ? "solana" : "ethereum");
-              lastCheckoutMethodRef.current = "wallet_connect";
-            },
-            onNewDeposit: () => setView("main"),
-            onDone: () => setView("main"),
-            paymentIntentStatus: paymentIntent.status,
-            onBack: handleBack,
-            onClose: handleClose,
-            defaultSourceChainType,
-            defaultSourceChainId,
-            defaultSourceTokenAddress,
-            defaultSourceSymbol
-          }
-        ),
-        poweredByFooter
-      ] }) : null })
+          ) : null
+        }
+      )
     }
   ) }) });
 }
@@ -37398,11 +37806,11 @@ function useWithdrawPolling({
   });
   const [executions, setExecutions] = useState42([]);
   const [isPolling, setIsPolling] = useState42(false);
-  const enabledAtRef = useRef142(/* @__PURE__ */ new Date());
-  const trackedRef = useRef142(/* @__PURE__ */ new Map());
-  const prevEnabledRef = useRef142(false);
-  const onSuccessRef = useRef142(onWithdrawSuccess);
-  const onErrorRef = useRef142(onWithdrawError);
+  const enabledAtRef = useRef152(/* @__PURE__ */ new Date());
+  const trackedRef = useRef152(/* @__PURE__ */ new Map());
+  const prevEnabledRef = useRef152(false);
+  const onSuccessRef = useRef152(onWithdrawSuccess);
+  const onErrorRef = useRef152(onWithdrawError);
   useEffect36(() => {
     onSuccessRef.current = onWithdrawSuccess;
   }, [onWithdrawSuccess]);
@@ -37782,7 +38190,7 @@ function useHypercoreWithdrawActivation(params) {
     actionType: ActionType.Withdraw,
     enabled: enabled && isHypercore(sourceChainId)
   });
-  const depositWalletAddress = useMemo15(() => {
+  const depositWalletAddress = useMemo16(() => {
     const wallets = depositWalletLookup.data?.data ?? [];
     return wallets.find((w) => w.chain_type === sourceChainType)?.address;
   }, [depositWalletLookup.data, sourceChainType]);
@@ -37901,7 +38309,7 @@ function WithdrawForm({
     enabled: debouncedAddress.length > 5 && !!selectedChain
   });
   const isDebouncing = trimmedAddress !== debouncedAddress;
-  const addressError = useMemo16(() => {
+  const addressError = useMemo17(() => {
     if (!trimmedAddress || trimmedAddress.length <= 5) return null;
     if (isDebouncing || isVerifyingAddress) return null;
     if (verifyError) return t10.invalidAddress;
@@ -37935,33 +38343,33 @@ function WithdrawForm({
     destinationTokenAddress: selectedChain?.token_address,
     enabled: isAddressValid
   });
-  const exchangeRate = useMemo16(() => {
+  const exchangeRate = useMemo17(() => {
     if (!balanceData?.exchangeRate) return 0;
     return parseFloat(balanceData.exchangeRate);
   }, [balanceData]);
-  const balanceCrypto = useMemo16(() => {
+  const balanceCrypto = useMemo17(() => {
     if (!balanceData?.balanceHuman) return 0;
     return parseFloat(balanceData.balanceHuman);
   }, [balanceData]);
-  const balanceUsdNum = useMemo16(() => {
+  const balanceUsdNum = useMemo17(() => {
     if (!balanceData?.balanceUsd) return 0;
     return parseFloat(balanceData.balanceUsd);
   }, [balanceData]);
   const tokenSymbol = sourceTokenSymbol || balanceData?.symbol || "TOKEN";
   const sourceDecimals = balanceData?.decimals ?? 6;
-  const cryptoAmountFromInput = useMemo16(() => {
+  const cryptoAmountFromInput = useMemo17(() => {
     const val = parseFloat(amount);
     if (!val || val <= 0) return 0;
     if (inputUnit === "crypto") return val;
     return exchangeRate > 0 ? val / exchangeRate : 0;
   }, [amount, inputUnit, exchangeRate]);
-  const fiatAmountFromInput = useMemo16(() => {
+  const fiatAmountFromInput = useMemo17(() => {
     const val = parseFloat(amount);
     if (!val || val <= 0) return 0;
     if (inputUnit === "fiat") return val;
     return val * exchangeRate;
   }, [amount, inputUnit, exchangeRate]);
-  const convertedDisplay = useMemo16(() => {
+  const convertedDisplay = useMemo17(() => {
     if (!amount || parseFloat(amount) <= 0) return null;
     if (inputUnit === "crypto") {
       return `$${fiatAmountFromInput.toLocaleString(void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`;
@@ -37980,7 +38388,7 @@ function WithdrawForm({
     isMaxed,
     isStablecoin
   ]);
-  const balanceDisplay = useMemo16(() => {
+  const balanceDisplay = useMemo17(() => {
     if (isLoadingBalance || !balanceData) return null;
     if (inputUnit === "crypto") {
       const displayDecimals = isStablecoin ? 2 : 6;
@@ -38003,7 +38411,7 @@ function WithdrawForm({
     tokenSymbol,
     isStablecoin
   ]);
-  const handleSwitchUnit = useCallback102(() => {
+  const handleSwitchUnit = useCallback122(() => {
     if (isMaxed && balanceData) {
       if (inputUnit === "crypto") {
         setAmount((Math.round(balanceUsdNum * 100) / 100).toFixed(2));
@@ -38030,7 +38438,7 @@ function WithdrawForm({
       setInputUnit("crypto");
     }
   }, [amount, inputUnit, exchangeRate, sourceDecimals, isMaxed, balanceData, balanceUsdNum]);
-  const handleMaxClick = useCallback102(() => {
+  const handleMaxClick = useCallback122(() => {
     if (inputUnit === "crypto") {
       if (balanceCrypto <= 0) return;
       setAmount(balanceData?.balanceHuman ?? "0");
@@ -38044,7 +38452,7 @@ function WithdrawForm({
   const isBelowMinimum = minimumWithdrawAmountUsd !== null && fiatAmountFromInput > 0 && Math.round(fiatAmountFromInput * 100) / 100 < minimumWithdrawAmountUsd;
   const isOverBalance = inputUnit === "crypto" ? cryptoAmountFromInput > 0 && balanceCrypto > 0 && cryptoAmountFromInput > balanceCrypto : fiatAmountFromInput > 0 && balanceUsdNum > 0 && Math.round(fiatAmountFromInput * 100) / 100 > Math.round(balanceUsdNum * 100) / 100;
   const isFormValid = trimmedAddress.length > 0 && amount.trim().length > 0 && cryptoAmountFromInput > 0 && isAddressValid && !isBelowMinimum && !isOverBalance && !isBalanceBelowMinimum && !!balanceData;
-  const handleWithdraw = useCallback102(async () => {
+  const handleWithdraw = useCallback122(async () => {
     if (!selectedToken || !selectedChain) return;
     if (!isFormValid) return;
     setIsSubmitting(true);
@@ -38817,7 +39225,7 @@ function WithdrawModal({
   theme = "dark",
   hideOverlay = false
 }) {
-  const onWithdrawSuccessFor = useCallback112(
+  const onWithdrawSuccessFor = useCallback132(
     (data) => {
       onWithdrawSuccess?.(data);
       if (data.execution) {
@@ -38828,7 +39236,7 @@ function WithdrawModal({
   );
   const { colors: colors2, fonts, components } = useTheme();
   const [containerEl, setContainerEl] = useState45(null);
-  const containerCallbackRef = useCallback112((el) => {
+  const containerCallbackRef = useCallback132((el) => {
     setContainerEl(el);
   }, []);
   const [resolvedTheme, setResolvedTheme] = useState45(
@@ -38901,7 +39309,7 @@ function WithdrawModal({
     refetchInterval: view === "tracker" || view === "detail" ? 5e3 : 15e3
   });
   const allWithdrawals = allWithdrawalsData?.data ?? [];
-  const handleDepositWalletCreation = useCallback112(
+  const handleDepositWalletCreation = useCallback132(
     async (params) => {
       const { data: wallets } = await createDepositAddress(
         {
@@ -38924,12 +39332,12 @@ function WithdrawModal({
     },
     [externalUserId, publishableKey, sourceChainType]
   );
-  const handleWithdrawSubmitted = useCallback112((txInfo) => {
+  const handleWithdrawSubmitted = useCallback132((txInfo) => {
     setSubmittedTxInfo(txInfo);
     setView("confirming");
   }, []);
-  const resetViewTimeoutRef = useRef152(null);
-  const handleClose = useCallback112(() => {
+  const resetViewTimeoutRef = useRef162(null);
+  const handleClose = useCallback132(() => {
     onOpenChange(false);
     if (resetViewTimeoutRef.current) clearTimeout(resetViewTimeoutRef.current);
     resetViewTimeoutRef.current = setTimeout(() => {
@@ -38957,13 +39365,13 @@ function WithdrawModal({
     },
     []
   );
-  const handleTokenSymbolChange = useCallback112(
+  const handleTokenSymbolChange = useCallback132(
     (symbol) => {
       setSelectedTokenSymbol(symbol);
     },
     [setSelectedTokenSymbol]
   );
-  const handleChainKeyChange = useCallback112(
+  const handleChainKeyChange = useCallback132(
     (chainKey) => {
       setSelectedChainKey(chainKey);
     },
@@ -39195,7 +39603,7 @@ function UnifoldProvider2({
   withdrawConfigRef.current = withdrawConfig;
   const withdrawCloseTimeoutRef = React38.useRef(null);
   const withdrawCloseGuardRef = React38.useRef(false);
-  const beginDeposit = useCallback13((config2) => {
+  const beginDeposit = useCallback14((config2) => {
     if (closeTimeoutRef.current) {
       clearTimeout(closeTimeoutRef.current);
       closeTimeoutRef.current = null;
@@ -39230,7 +39638,7 @@ function UnifoldProvider2({
     setIsOpen(true);
     return promise;
   }, []);
-  const closeDeposit = useCallback13(() => {
+  const closeDeposit = useCallback14(() => {
     if (closeGuardRef.current) {
       return;
     }
@@ -39252,7 +39660,7 @@ function UnifoldProvider2({
       closeTimeoutRef.current = null;
     }, 200);
   }, []);
-  const handleDepositSuccess = useCallback13(
+  const handleDepositSuccess = useCallback14(
     (data) => {
       if (depositConfig?.onSuccess) {
         depositConfig.onSuccess(data);
@@ -39264,7 +39672,7 @@ function UnifoldProvider2({
     },
     [depositConfig]
   );
-  const handleDepositError = useCallback13(
+  const handleDepositError = useCallback14(
     (error) => {
       console.error("[UnifoldProvider] Deposit error:", error);
       if (depositConfig?.onError) {
@@ -39282,7 +39690,7 @@ function UnifoldProvider2({
   checkoutConfigRef.current = checkoutConfig;
   const checkoutCloseTimeoutRef = React38.useRef(null);
   const checkoutCloseGuardRef = React38.useRef(false);
-  const beginCheckout = useCallback13((config2) => {
+  const beginCheckout = useCallback14((config2) => {
     if (checkoutCloseTimeoutRef.current) {
       clearTimeout(checkoutCloseTimeoutRef.current);
       checkoutCloseTimeoutRef.current = null;
@@ -39307,7 +39715,7 @@ function UnifoldProvider2({
     setIsCheckoutOpen(true);
     return promise;
   }, []);
-  const closeCheckout = useCallback13(() => {
+  const closeCheckout = useCallback14(() => {
     if (checkoutCloseGuardRef.current) {
       return;
     }
@@ -39329,7 +39737,7 @@ function UnifoldProvider2({
       checkoutCloseTimeoutRef.current = null;
     }, 200);
   }, []);
-  const handleCheckoutSuccess = useCallback13(
+  const handleCheckoutSuccess = useCallback14(
     (data) => {
       if (checkoutConfig?.onSuccess) {
         checkoutConfig.onSuccess(data);
@@ -39341,7 +39749,7 @@ function UnifoldProvider2({
     },
     [checkoutConfig]
   );
-  const handleCheckoutError = useCallback13(
+  const handleCheckoutError = useCallback14(
     (error) => {
       console.error("[UnifoldProvider] Checkout error:", error);
       if (checkoutConfig?.onError) {
@@ -39354,7 +39762,7 @@ function UnifoldProvider2({
     },
     [checkoutConfig]
   );
-  const beginWithdraw = useCallback13((config2) => {
+  const beginWithdraw = useCallback14((config2) => {
     if (withdrawCloseTimeoutRef.current) {
       clearTimeout(withdrawCloseTimeoutRef.current);
       withdrawCloseTimeoutRef.current = null;
@@ -39379,7 +39787,7 @@ function UnifoldProvider2({
     setIsWithdrawOpen(true);
     return promise;
   }, []);
-  const closeWithdraw = useCallback13(() => {
+  const closeWithdraw = useCallback14(() => {
     if (withdrawCloseGuardRef.current) {
       return;
     }
@@ -39401,7 +39809,7 @@ function UnifoldProvider2({
       withdrawCloseTimeoutRef.current = null;
     }, 200);
   }, []);
-  const handleWithdrawSuccess = useCallback13((data) => {
+  const handleWithdrawSuccess = useCallback14((data) => {
     if (withdrawConfigRef.current?.onSuccess) {
       withdrawConfigRef.current.onSuccess(data);
     }
@@ -39410,7 +39818,7 @@ function UnifoldProvider2({
       withdrawPromiseRef.current = null;
     }
   }, []);
-  const handleWithdrawError = useCallback13((error) => {
+  const handleWithdrawError = useCallback14((error) => {
     console.error("[UnifoldProvider] Withdraw error:", error);
     if (withdrawConfigRef.current?.onError) {
       withdrawConfigRef.current.onError(error);
@@ -39420,7 +39828,7 @@ function UnifoldProvider2({
       withdrawPromiseRef.current = null;
     }
   }, []);
-  const contextValue = useMemo18(
+  const contextValue = useMemo19(
     () => ({
       beginDeposit,
       closeDeposit,
@@ -39515,6 +39923,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,