@unifold/ui-react 0.1.68-beta.1 → 0.1.68

package/dist/index.mjs

@@ -5,7 +5,7 @@ import {
   useLayoutEffect as useLayoutEffect2,
   useCallback as useCallback8,
   useRef as useRef12,
-  useMemo as useMemo12
+  useMemo as useMemo13
 } from "react";
 import { ChevronRight as ChevronRight18, MapPinOff as MapPinOff2, AlertTriangle as AlertTriangle3, Bitcoin, DollarSign as DollarSign3 } from "lucide-react";
 
@@ -465,6 +465,7 @@ var DialogContent = React3.forwardRef(({ className, style, children, omitOverlay
       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",
@@ -480,6 +481,14 @@ var DialogContent = React3.forwardRef(({ className, style, children, omitOverlay
       ),
       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
       },
@@ -1487,7 +1496,7 @@ var en_default = {
   payWithStripeLink: {
     success: {
       processingTitle: "Payment confirmed",
-      processingSubtitle: "We\u2019ve received your payment and are preparing your purchase. This will only take a moment.",
+      processingSubtitle: "We\u2019ve received your payment and are sending your purchase to your wallet. This usually takes just a few minutes.",
       completeTitle: "Your purchase is on the way",
       completeSubtitle: "Your purchase is complete and is being sent to your wallet.",
       failedTitle: "Purchase didn\u2019t go through",
@@ -3520,37 +3529,21 @@ function BuyWithCard({
 
 // src/components/deposits/BuyWithApplePay.tsx
 import * as React5 from "react";
-import { useCallback, useEffect as useEffect7, useMemo as useMemo2, useRef as useRef3, useState as useState11 } from "react";
-import { Loader2 as Loader22, AlertCircle } from "lucide-react";
+import { useCallback, useEffect as useEffect7, useMemo as useMemo3, useRef as useRef3, useState as useState11 } from "react";
+import { Loader2 as Loader22 } from "lucide-react";
 import {
   createCoinbaseApplePaySession,
   createOnrampVerificationSession,
   exchangeOnrampVerificationToken,
   sendOnrampVerificationOtp,
   verifyOnrampVerificationOtp,
+  getCoinbaseApplePayLimits as getCoinbaseApplePayLimits2,
+  requestCoinbaseApplePayLimitUpgrade,
   generatePrefixedKSUID as generatePrefixedKSUID3,
   getWalletByChainType as getWalletByChainType2,
   DepositEventType as DepositEventType3
 } from "@unifold/core";
 
-// src/hooks/use-project-config.ts
-import { useQuery as useQuery3 } from "@tanstack/react-query";
-import { getProjectConfig } from "@unifold/core";
-function useProjectConfig({
-  publishableKey,
-  enabled = true
-}) {
-  const { data: projectConfig, isLoading } = useQuery3({
-    queryKey: ["unifold", "projectConfig", publishableKey],
-    queryFn: () => getProjectConfig(publishableKey),
-    enabled,
-    staleTime: 1e3 * 60 * 30,
-    refetchOnMount: true,
-    refetchOnWindowFocus: true
-  });
-  return { projectConfig, isLoading };
-}
-
 // src/lib/apple-pay.ts
 var STORAGE_KEY_PREFIX = "unifold:apple-pay:session";
 var PHONE_FRESH_MS = 55 * 24 * 60 * 60 * 1e3;
@@ -3586,12 +3579,6 @@ function clearStoredApplePaySession(userId) {
   } catch {
   }
 }
-function isPhoneVerificationFresh(contact) {
-  if (!contact?.phoneVerifiedAt) return false;
-  const verifiedAt = Date.parse(contact.phoneVerifiedAt);
-  if (Number.isNaN(verifiedAt)) return false;
-  return Date.now() - verifiedAt < PHONE_FRESH_MS;
-}
 var ONRAMP_TOKEN_EXPIRY_MARGIN_MS = 6e4;
 function isOnrampTokenFresh(contact) {
   if (!contact?.onrampToken || !contact.onrampTokenExpiresAtMs) return false;
@@ -3599,13 +3586,13 @@ function isOnrampTokenFresh(contact) {
 }
 
 // src/hooks/use-coinbase-legal-agreements.ts
-import { useQuery as useQuery4 } from "@tanstack/react-query";
+import { useQuery as useQuery3 } from "@tanstack/react-query";
 import { getCoinbaseLegalAgreements } from "@unifold/core";
 function useCoinbaseLegalAgreements({
   publishableKey,
   enabled = true
 }) {
-  return useQuery4({
+  return useQuery3({
     queryKey: ["unifold", "coinbaseLegalAgreements", publishableKey],
     queryFn: () => getCoinbaseLegalAgreements(publishableKey),
     enabled: enabled && !!publishableKey,
@@ -3617,49 +3604,215 @@ function useCoinbaseLegalAgreements({
   });
 }
 
+// src/hooks/use-apple-pay-initial-screen.ts
+import { useMemo as useMemo2 } from "react";
+
+// src/hooks/use-apple-pay-limits.ts
+import { useQuery as useQuery4 } from "@tanstack/react-query";
+import { getCoinbaseApplePayLimits } from "@unifold/core";
+var US_E164_REGEX = /^\+1\d{10}$/;
+function useApplePayLimits({
+  phone,
+  publishableKey,
+  enabled = true
+}) {
+  const phoneValid = US_E164_REGEX.test(phone);
+  return useQuery4({
+    queryKey: ["unifold", "applePayLimits", phone, publishableKey],
+    queryFn: ({ signal }) => getCoinbaseApplePayLimits(phone, publishableKey, signal),
+    enabled: enabled && phoneValid && !!publishableKey,
+    // Coinbase's caps don't change second-to-second; 30s is plenty fresh
+    // for the "user opened the modal, edited their phone, opened it
+    // again" usage pattern, while keeping us off their API on rapid
+    // tap-throughs.
+    staleTime: 3e4,
+    gcTime: 5 * 6e4,
+    refetchOnWindowFocus: false,
+    retry: false
+  });
+}
+
+// src/hooks/use-apple-pay-initial-screen.ts
+var PHONE_REGEX = /^\+1\d{10}$/;
+var EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+function getViewForLimitStatus(limits) {
+  if (!limits.limit_reached) return void 0;
+  switch (limits.upgrade_status) {
+    case "unrequested":
+      return "limit_upgrade_intro";
+    case "resubmit":
+      return "limit_upgrade_form";
+    case "pending":
+      return "limit_upgrade_submitting";
+    case "active":
+      return void 0;
+    default:
+      return "guest_limit_reached";
+  }
+}
+function useApplePayInitialScreen({
+  userId,
+  publishableKey,
+  normalizedPhone,
+  userEmail,
+  sessionPhoneVerified,
+  isWaiting
+}) {
+  const initialStoredSession = useMemo2(() => getStoredApplePaySession(userId), [userId]);
+  const phoneVerified = PHONE_REGEX.test(normalizedPhone) && (sessionPhoneVerified || initialStoredSession?.phone === normalizedPhone && !!initialStoredSession?.phoneVerifiedAt);
+  const {
+    data: applePayLimits,
+    isLoading: applePayLimitsLoading,
+    refetch: refetchApplePayLimits
+  } = useApplePayLimits({
+    phone: normalizedPhone,
+    publishableKey,
+    enabled: phoneVerified
+  });
+  const action = useMemo2(() => {
+    if (isWaiting || applePayLimitsLoading) return { kind: "pending" };
+    const stored = initialStoredSession;
+    const hasUserEmail = !!userEmail && EMAIL_REGEX.test(userEmail);
+    if (!stored) {
+      return { kind: "navigate", view: hasUserEmail ? "phone_input" : "email_input" };
+    }
+    if (hasUserEmail && stored.email.toLowerCase() !== userEmail.toLowerCase()) {
+      return { kind: "navigate", view: "phone_input" };
+    }
+    if (applePayLimits) {
+      const limitView = getViewForLimitStatus(applePayLimits);
+      if (limitView) {
+        return { kind: "limit_upgrade", view: limitView, status: applePayLimits.upgrade_status };
+      }
+    }
+    if (isOnrampTokenFresh(stored) && stored.onrampToken && stored.onrampTokenExpiresAtMs) {
+      return {
+        kind: "resume_with_token",
+        token: {
+          token: stored.onrampToken,
+          token_type: "Bearer",
+          expires_in: Math.max(0, Math.floor((stored.onrampTokenExpiresAtMs - Date.now()) / 1e3))
+        }
+      };
+    }
+    return { kind: "resume_send_sms" };
+  }, [isWaiting, applePayLimitsLoading, initialStoredSession, userEmail, applePayLimits]);
+  return {
+    action,
+    applePayLimits,
+    applePayLimitsLoading,
+    refetchApplePayLimits,
+    phoneVerified
+  };
+}
+
+// src/hooks/use-default-onramp-token.ts
+import { useQuery as useQuery5 } from "@tanstack/react-query";
+import { getDefaultOnrampToken as getDefaultOnrampToken2 } from "@unifold/core";
+function useDefaultOnrampToken({
+  publishableKey,
+  tokenAddress,
+  chainId,
+  chainType,
+  countryCode,
+  subdivisionCode,
+  enabled = true
+}) {
+  const {
+    data: defaultToken,
+    isLoading,
+    isError,
+    error
+  } = useQuery5({
+    queryKey: [
+      "unifold",
+      "defaultOnrampToken",
+      publishableKey,
+      tokenAddress,
+      chainId,
+      chainType,
+      countryCode,
+      subdivisionCode
+    ],
+    queryFn: () => getDefaultOnrampToken2(
+      {
+        token_address: tokenAddress,
+        chain_id: chainId,
+        chain_type: chainType,
+        country_code: countryCode,
+        subdivision_code: subdivisionCode
+      },
+      publishableKey
+    ),
+    enabled: enabled && !!tokenAddress && !!chainId && !!chainType,
+    staleTime: 1e3 * 60 * 60,
+    refetchOnMount: false,
+    refetchOnWindowFocus: false
+  });
+  return { defaultToken, isLoading, isError, error: error ?? null };
+}
+
 // src/components/deposits/BuyWithApplePay.tsx
 import { Fragment as Fragment4, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 var COINBASE_PAY_ORIGIN = "https://pay.coinbase.com";
+var COINBASE_ALLOWED_POSTMESSAGE_ORIGINS = /* @__PURE__ */ new Set([
+  COINBASE_PAY_ORIGIN,
+  "https://www.coinbase.com"
+]);
+var UNIFOLD_SUPPORT_URL = "https://unifold.io/support";
 var DEFAULT_MIN_USD = 5;
 var DEFAULT_MAX_USD = 500;
 var DEFAULT_SUGGESTED = [25, 50, 100];
-var PHONE_REGEX = /^\+1\d{10}$/;
-var EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-function formatPhoneInput(raw) {
-  const digits = raw.replace(/\D/g, "");
-  if (raw.startsWith("+")) {
-    return `+${digits}`;
+var PHONE_REGEX2 = /^\+1\d{10}$/;
+var EMAIL_REGEX2 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+function parseCoinbasePostMessage(raw) {
+  const parseString = (s) => {
+    try {
+      return JSON.parse(s);
+    } catch {
+      return null;
+    }
+  };
+  const asObject = (value) => value && typeof value === "object" ? value : null;
+  let candidate = raw;
+  if (typeof candidate === "string") {
+    candidate = parseString(candidate);
   }
-  if (digits.length === 10) return `+1${digits}`;
-  if (digits.length === 11 && digits.startsWith("1")) return `+${digits}`;
-  return digits.length > 0 ? `+${digits}` : "";
-}
-function maskEmail(email) {
-  const [local, domain] = email.split("@");
-  if (!local || !domain) return email;
-  const visible = local.slice(0, Math.min(2, local.length));
-  return `${visible}${"*".repeat(Math.max(local.length - visible.length, 1))}@${domain}`;
-}
-function maskPhone(phone) {
-  if (!/^\+1\d{10}$/.test(phone)) return phone;
-  return `+1 (***) ***-${phone.slice(-4)}`;
+  const obj = asObject(candidate);
+  if (!obj) return null;
+  const nestedData = obj.data;
+  let eventName = typeof obj.eventName === "string" && obj.eventName || typeof obj.event_name === "string" && obj.event_name || typeof obj.type === "string" && obj.type || null;
+  let dataObj = asObject(nestedData);
+  if (!eventName && typeof nestedData === "string") {
+    const nestedParsed = parseString(nestedData);
+    const nestedObj = asObject(nestedParsed);
+    if (nestedObj) {
+      eventName = typeof nestedObj.eventName === "string" && nestedObj.eventName || typeof nestedObj.event_name === "string" && nestedObj.event_name || typeof nestedObj.type === "string" && nestedObj.type || null;
+      dataObj = asObject(nestedObj.data);
+    }
+  }
+  if (!eventName || !/^onramp_api\./i.test(eventName)) return null;
+  return {
+    eventName,
+    data: dataObj ? {
+      errorCode: typeof dataObj.errorCode === "string" ? dataObj.errorCode : typeof dataObj.error_code === "string" ? dataObj.error_code : void 0,
+      errorMessage: typeof dataObj.errorMessage === "string" ? dataObj.errorMessage : typeof dataObj.error_message === "string" ? dataObj.error_message : void 0
+    } : void 0
+  };
 }
 var BuyWithApplePay = React5.forwardRef(
   function BuyWithApplePay2({
     userId,
     publishableKey,
-    recipientAddress,
     destinationChainType,
     destinationChainId,
     destinationTokenAddress,
-    destinationTokenSymbol = "USDC",
-    externalUserEmail,
-    enableApplePay,
+    userEmail,
     amountUsd,
     minAmountUsd = DEFAULT_MIN_USD,
     maxAmountUsd = DEFAULT_MAX_USD,
     suggestedAmountsUsd = DEFAULT_SUGGESTED,
-    wallets: externalWallets,
+    wallets: depositWallets,
     onDepositSuccess,
     onDepositError,
     onEvent,
@@ -3668,48 +3821,61 @@ var BuyWithApplePay = React5.forwardRef(
     onExit
   }, ref) {
     const { colors: colors2, fonts, components } = useTheme();
-    const { projectConfig, isLoading: configLoading } = useProjectConfig({ publishableKey });
-    const applePayEnabled = enableApplePay ?? projectConfig?.apple_pay?.enabled ?? true;
     const [view, setView] = useState11("loading_config");
     const [errorMessage, setErrorMessage] = useState11("");
-    const [email, setEmail] = useState11(externalUserEmail ?? "");
-    const [phoneInput, setPhoneInput] = useState11("");
-    const [, setTosAccepted] = useState11(false);
+    const [email, setEmail] = useState11(() => {
+      if (userEmail && EMAIL_REGEX2.test(userEmail)) return userEmail;
+      return getStoredApplePaySession(userId)?.email ?? "";
+    });
+    const [phoneInput, setPhoneInput] = useState11(() => {
+      const stored = getStoredApplePaySession(userId);
+      if (!stored) return "";
+      if (userEmail && EMAIL_REGEX2.test(userEmail) && stored.email.toLowerCase() !== userEmail.toLowerCase()) {
+        return "";
+      }
+      return stored.phone;
+    });
     const { data: legalAgreementsData, isLoading: legalAgreementsLoading } = useCoinbaseLegalAgreements({
-      publishableKey,
-      enabled: applePayEnabled
+      publishableKey
     });
     const legalAgreements = legalAgreementsData ?? null;
     const [verificationSession, setVerificationSession] = useState11(null);
     const [clientSecret, setClientSecret] = useState11(null);
-    const [emailCode, setEmailCode] = useState11("");
     const [phoneCode, setPhoneCode] = useState11("");
     const [otpError, setOtpError] = useState11(null);
     const [otpSubmitting, setOtpSubmitting] = useState11(false);
     const [resendCooldown, setResendCooldown] = useState11(0);
+    const [dobInput, setDobInput] = useState11("");
+    const [ssnLast4, setSsnLast4] = useState11("");
+    const [limitUpgradeError, setLimitUpgradeError] = useState11(null);
+    const [upgradeSubmitting, setUpgradeSubmitting] = useState11(false);
+    const upgradeFlowAbortRef = useRef3(null);
     const [amount, setAmount] = useState11(amountUsd ?? "");
     const [paymentSession, setPaymentSession] = useState11(
       null
     );
     const [paymentSessionAmount, setPaymentSessionAmount] = useState11(null);
-    const [preparingSession, setPreparingSession] = useState11(false);
     const popupRef = useRef3(null);
     const sessionAbortRef = useRef3(null);
     const [onrampToken, setOnrampToken] = useState11(null);
-    const { data: depositAddressResponse } = useDepositAddress({
-      userId,
+    const { userIpInfo, isLoading: userIpInfoLoading } = useUserIp();
+    const {
+      defaultToken,
+      isLoading: defaultTokenLoading,
+      isError: defaultTokenError
+    } = useDefaultOnrampToken({
       publishableKey,
-      recipientAddress,
-      destinationChainType,
-      destinationChainId,
-      destinationTokenAddress,
-      enabled: !externalWallets?.length
+      tokenAddress: destinationTokenAddress,
+      chainId: destinationChainId,
+      chainType: destinationChainType,
+      countryCode: userIpInfo?.alpha2,
+      subdivisionCode: userIpInfo?.subdivisionCode ?? void 0
     });
-    const wallets = externalWallets?.length ? externalWallets : depositAddressResponse?.data ?? [];
-    const depositWallet = useMemo2(() => {
-      if (!destinationChainType) return void 0;
-      return getWalletByChainType2(wallets, destinationChainType);
-    }, [wallets, destinationChainType]);
+    const depositWallet = useMemo3(() => {
+      const routingChainType = defaultToken?.destination_token_metadata?.chain_type;
+      if (!routingChainType) return void 0;
+      return getWalletByChainType2(depositWallets ?? [], routingChainType);
+    }, [depositWallets, defaultToken]);
     const depositWalletId = depositWallet?.id;
     const { executions } = useDepositPolling({
       userId,
@@ -3733,49 +3899,10 @@ var BuyWithApplePay = React5.forwardRef(
         onDepositError(error);
       } : void 0
     });
-    const [emailLocked, setEmailLocked] = useState11(false);
-    useEffect7(() => {
-      if (configLoading) return;
-      if (!applePayEnabled) {
-        setView("disabled");
-        return;
-      }
-      setTosAccepted(true);
-      const applyStoredOnrampToken = (stored2) => {
-        if (!isOnrampTokenFresh(stored2) || !stored2.onrampToken || !stored2.onrampTokenExpiresAtMs) {
-          return false;
-        }
-        setOnrampToken({
-          token: stored2.onrampToken,
-          token_type: "Bearer",
-          expires_in: Math.max(0, Math.floor((stored2.onrampTokenExpiresAtMs - Date.now()) / 1e3))
-        });
-        setView("amount");
-        return true;
-      };
-      if (externalUserEmail && EMAIL_REGEX.test(externalUserEmail)) {
-        setEmail(externalUserEmail);
-        setEmailLocked(true);
-        const stored2 = getStoredApplePaySession(userId);
-        if (stored2?.email?.toLowerCase() === externalUserEmail.toLowerCase()) {
-          setPhoneInput(stored2.phone);
-          if (applyStoredOnrampToken(stored2)) return;
-        }
-        setView("phone_input");
-        return;
-      }
-      const stored = getStoredApplePaySession(userId);
-      if (stored) {
-        setEmail(stored.email);
-        setPhoneInput(stored.phone);
-        setEmailLocked(true);
-        if (applyStoredOnrampToken(stored)) return;
-        setView("phone_input");
-        return;
-      }
-      setEmailLocked(false);
-      setView("email_input");
-    }, [configLoading, applePayEnabled, externalUserEmail, userId]);
+    const [emailLocked, setEmailLocked] = useState11(() => {
+      if (userEmail && EMAIL_REGEX2.test(userEmail)) return true;
+      return !!getStoredApplePaySession(userId);
+    });
     useEffect7(() => {
       if (resendCooldown <= 0) return;
       const t13 = setInterval(() => setResendCooldown((c) => Math.max(0, c - 1)), 1e3);
@@ -3784,19 +3911,10 @@ var BuyWithApplePay = React5.forwardRef(
     useEffect7(() => {
       if (view !== "checking_deposit") return;
       const onMessage = (event) => {
-        if (event.origin !== COINBASE_PAY_ORIGIN) return;
-        let parsed = null;
-        const data = event.data;
-        if (typeof data === "string") {
-          try {
-            parsed = JSON.parse(data);
-          } catch {
-            return;
-          }
-        } else if (data && typeof data === "object" && "eventName" in data) {
-          parsed = data;
-        }
+        if (!COINBASE_ALLOWED_POSTMESSAGE_ORIGINS.has(event.origin)) return;
+        const parsed = parseCoinbasePostMessage(event.data);
         if (!parsed) return;
+        const eventName = parsed.eventName.toLowerCase();
         const code = parsed.data?.errorCode;
         const closePopup = () => {
           try {
@@ -3805,16 +3923,20 @@ var BuyWithApplePay = React5.forwardRef(
           }
           popupRef.current = null;
         };
-        switch (parsed.eventName) {
+        switch (eventName) {
           case "onramp_api.commit_success":
           case "onramp_api.polling_success":
+          case "onramp_api.cancel":
             closePopup();
             break;
           case "onramp_api.commit_error":
+          case "onramp_api.polling_failed":
             if (code === "ERROR_CODE_GUEST_TRANSACTION_COUNT" || code === "ERROR_CODE_GUEST_DAILY_TRANSACTION_COUNT" || code === "ERROR_CODE_GUEST_TRANSACTION_LIMIT") {
               closePopup();
               setView("guest_limit_reached");
+              return;
             }
+            closePopup();
             break;
           default:
             break;
@@ -3826,17 +3948,17 @@ var BuyWithApplePay = React5.forwardRef(
     useEffect7(() => {
       onViewChange?.(view);
     }, [view, onViewChange]);
-    useEffect7(
-      () => () => {
+    useEffect7(() => {
+      return () => {
         sessionAbortRef.current?.abort();
+        upgradeFlowAbortRef.current?.abort();
         try {
           popupRef.current?.close();
         } catch {
         }
         popupRef.current = null;
-      },
-      []
-    );
+      };
+    }, []);
     React5.useImperativeHandle(
       ref,
       () => ({
@@ -3846,14 +3968,20 @@ var BuyWithApplePay = React5.forwardRef(
             setView("email_input");
             return true;
           }
-          if (view === "email_otp") {
-            setView("phone_input");
-            setEmailCode("");
-            return true;
-          }
           if (view === "phone_otp") {
             setView("phone_input");
             setPhoneCode("");
+            setOtpSubmitting(false);
+            return true;
+          }
+          if (view === "limit_upgrade_intro" || view === "limit_upgrade_failed") {
+            return false;
+          }
+          if (view === "limit_upgrade_form") {
+            setView("limit_upgrade_intro");
+            return true;
+          }
+          if (view === "limit_upgrade_submitting") {
             return true;
           }
           if (view === "checking_deposit") {
@@ -3873,22 +4001,21 @@ var BuyWithApplePay = React5.forwardRef(
       }),
       [view, emailLocked]
     );
-    const normalizedPhone = useMemo2(() => formatPhoneInput(phoneInput), [phoneInput]);
-    const isContactValid = EMAIL_REGEX.test(email) && PHONE_REGEX.test(normalizedPhone);
-    const persistContact = useCallback(
+    const normalizedPhone = useMemo3(() => formatPhoneInput(phoneInput), [phoneInput]);
+    const isContactValid = EMAIL_REGEX2.test(email) && PHONE_REGEX2.test(normalizedPhone);
+    const storeApplePaySession = useCallback(
       (patch = {}) => {
-        const base = {
+        const session = {
           email,
           phone: normalizedPhone,
           termsAcceptedAt: (/* @__PURE__ */ new Date()).toISOString(),
           ...patch
         };
-        setStoredApplePaySession(userId, base);
+        setStoredApplePaySession(userId, session);
       },
       [email, normalizedPhone, userId]
     );
-    const startVerification = useCallback(async () => {
-      if (!isContactValid) return;
+    const createSessionAndSendOtp = useCallback(async () => {
       setView("submitting_session");
       setErrorMessage("");
       try {
@@ -3906,71 +4033,192 @@ var BuyWithApplePay = React5.forwardRef(
           throw new Error("Server did not return a client_secret");
         }
         setClientSecret(session.client_secret);
-        persistContact();
-        if (session.email.status === "verified") {
-          await sendOnrampVerificationOtp(
-            session.id,
-            "phone",
-            session.client_secret,
-            publishableKey
-          );
-          setResendCooldown(30);
-          setView("phone_otp");
-        } else {
-          await sendOnrampVerificationOtp(
-            session.id,
-            "email",
-            session.client_secret,
-            publishableKey
-          );
-          setResendCooldown(30);
-          setView("email_otp");
-        }
+        storeApplePaySession();
+        await sendOnrampVerificationOtp(session.id, "phone", session.client_secret, publishableKey);
+        setResendCooldown(30);
+        setView("phone_otp");
       } catch (err) {
         const raw = err instanceof Error ? err.message : "Failed to start verification";
         setErrorMessage(prettifyVerificationError(raw));
         setView("phone_input");
       }
-    }, [isContactValid, email, normalizedPhone, publishableKey, persistContact]);
-    const submitEmailOtp = useCallback(async () => {
-      if (!verificationSession || !clientSecret || emailCode.length !== 6) return;
-      if (otpSubmitting) return;
-      setOtpError(null);
-      setOtpSubmitting(true);
+    }, [email, normalizedPhone, publishableKey, storeApplePaySession]);
+    const clearUpgradeFields = useCallback(() => {
+      setSsnLast4("");
+      setDobInput("");
+    }, []);
+    const { action: initialAction, refetchApplePayLimits } = useApplePayInitialScreen({
+      userId,
+      publishableKey,
+      normalizedPhone,
+      userEmail,
+      sessionPhoneVerified: verificationSession?.phone?.status === "verified",
+      isWaiting: defaultTokenLoading || legalAgreementsLoading || userIpInfoLoading
+    });
+    const pollLimitUpgradeStatus = useCallback(
+      async (signal) => {
+        const POLL_INTERVAL_MS4 = 1500;
+        const POLL_TIMEOUT_MS = 3e4;
+        const startedAt = Date.now();
+        let firstIteration = true;
+        while (Date.now() - startedAt < POLL_TIMEOUT_MS) {
+          if (signal.aborted) return;
+          if (!firstIteration) {
+            await new Promise((resolve) => setTimeout(resolve, POLL_INTERVAL_MS4));
+          }
+          firstIteration = false;
+          if (signal.aborted) return;
+          let fresh;
+          try {
+            fresh = await getCoinbaseApplePayLimits2(normalizedPhone, publishableKey, signal);
+          } catch {
+            if (signal.aborted) return;
+            continue;
+          }
+          const { upgrade_status: status, limit_reached: stillCapped } = fresh;
+          if (status === "active" || !stillCapped) {
+            await refetchApplePayLimits();
+            clearUpgradeFields();
+            setLimitUpgradeError(null);
+            if (onrampToken) {
+              setView("amount");
+            } else {
+              if (signal.aborted) return;
+              await createSessionAndSendOtp();
+            }
+            return;
+          }
+          if (status === "inactive") {
+            await refetchApplePayLimits();
+            clearUpgradeFields();
+            setLimitUpgradeError(null);
+            setView("guest_limit_reached");
+            return;
+          }
+          if (status === "resubmit") {
+            await refetchApplePayLimits();
+            setSsnLast4("");
+            setLimitUpgradeError(
+              "We couldn't verify your information. Please check your SSN and date of birth and try again."
+            );
+            setView("limit_upgrade_form");
+            return;
+          }
+        }
+        setLimitUpgradeError(null);
+        setView("limit_upgrade_failed");
+      },
+      [
+        normalizedPhone,
+        publishableKey,
+        refetchApplePayLimits,
+        onrampToken,
+        createSessionAndSendOtp,
+        clearUpgradeFields
+      ]
+    );
+    const startUpgradePolling = useCallback(async () => {
+      upgradeFlowAbortRef.current?.abort();
+      const controller = new AbortController();
+      upgradeFlowAbortRef.current = controller;
       try {
-        const updated = await verifyOnrampVerificationOtp(
-          verificationSession.id,
-          "email",
-          clientSecret,
-          emailCode,
-          publishableKey
-        );
-        setVerificationSession(updated);
-        if (updated.email.status === "verified") {
-          persistContact({ emailVerifiedAt: updated.email.verified_at });
-          await sendOnrampVerificationOtp(updated.id, "phone", clientSecret, publishableKey);
-          setEmailCode("");
-          setResendCooldown(30);
-          setView("phone_otp");
+        await pollLimitUpgradeStatus(controller.signal);
+      } finally {
+        if (upgradeFlowAbortRef.current === controller) {
+          upgradeFlowAbortRef.current = null;
+        }
+      }
+    }, [pollLimitUpgradeStatus]);
+    const applyLimitRouting = useCallback(
+      (nextView, status) => {
+        if (nextView === "limit_upgrade_form" && status === "resubmit") {
+          setLimitUpgradeError(
+            "We couldn't verify your information. Please check your SSN and date of birth and try again."
+          );
         } else {
-          setOtpError("Incorrect code. Please try again.");
-          setEmailCode("");
+          setLimitUpgradeError(null);
         }
-      } catch (err) {
-        setOtpError(
-          prettifyVerificationError(err instanceof Error ? err.message : "Verification failed")
-        );
-        setEmailCode("");
+        setView(nextView);
+        if (nextView === "limit_upgrade_submitting") {
+          void startUpgradePolling();
+        }
+      },
+      [startUpgradePolling]
+    );
+    const hasInitializedRef = useRef3(false);
+    useEffect7(() => {
+      if (hasInitializedRef.current) return;
+      if (initialAction.kind === "pending") return;
+      hasInitializedRef.current = true;
+      switch (initialAction.kind) {
+        case "navigate":
+          setView(initialAction.view);
+          break;
+        case "limit_upgrade":
+          applyLimitRouting(initialAction.view, initialAction.status);
+          break;
+        case "resume_with_token":
+          setOnrampToken(initialAction.token);
+          setView("amount");
+          break;
+        case "resume_send_sms":
+          void createSessionAndSendOtp();
+          break;
+      }
+    }, [initialAction, applyLimitRouting, createSessionAndSendOtp]);
+    const startVerification = useCallback(async () => {
+      if (!isContactValid) return;
+      await createSessionAndSendOtp();
+    }, [isContactValid, createSessionAndSendOtp]);
+    const submitLimitUpgrade = useCallback(async () => {
+      if (upgradeSubmitting) return;
+      try {
+        const dob = parseDobInput(dobInput);
+        if (!dob || !/^\d{4}$/.test(ssnLast4)) return;
+        setUpgradeSubmitting(true);
+        setLimitUpgradeError(null);
+        setView("limit_upgrade_submitting");
+        const requestController = new AbortController();
+        upgradeFlowAbortRef.current?.abort();
+        upgradeFlowAbortRef.current = requestController;
+        try {
+          await requestCoinbaseApplePayLimitUpgrade(
+            {
+              phone: normalizedPhone,
+              fields: { ssnLast4, dateOfBirth: dob }
+            },
+            publishableKey,
+            requestController.signal
+          );
+        } catch (err) {
+          if (requestController.signal.aborted) return;
+          const raw = err instanceof Error ? err.message : "Failed to request limit upgrade";
+          if (isLimitUpgradeTerminalBlock(raw)) {
+            clearUpgradeFields();
+            setLimitUpgradeError(null);
+            setView("guest_limit_reached");
+            return;
+          }
+          setLimitUpgradeError(prettifyVerificationError(raw));
+          setView("limit_upgrade_form");
+          return;
+        } finally {
+          if (upgradeFlowAbortRef.current === requestController) {
+            upgradeFlowAbortRef.current = null;
+          }
+        }
+        await startUpgradePolling();
       } finally {
-        setOtpSubmitting(false);
+        setUpgradeSubmitting(false);
       }
     }, [
-      verificationSession,
-      clientSecret,
-      emailCode,
+      upgradeSubmitting,
+      dobInput,
+      ssnLast4,
+      normalizedPhone,
       publishableKey,
-      persistContact,
-      otpSubmitting
+      startUpgradePolling,
+      clearUpgradeFields
     ]);
     const submitPhoneOtp = useCallback(async () => {
       if (!verificationSession || !clientSecret || phoneCode.length !== 6) return;
@@ -3993,7 +4241,7 @@ var BuyWithApplePay = React5.forwardRef(
             publishableKey
           );
           setOnrampToken(tokenRes);
-          persistContact({
+          storeApplePaySession({
             emailVerifiedAt: updated.email.verified_at,
             phoneVerifiedAt: updated.phone.verified_at,
             onrampToken: tokenRes.token,
@@ -4002,17 +4250,30 @@ var BuyWithApplePay = React5.forwardRef(
           setEmailLocked(true);
           setPhoneCode("");
           if (amountUsd) setAmount(amountUsd);
+          try {
+            const result = await refetchApplePayLimits();
+            if (result.data) {
+              const nextView = getViewForLimitStatus(result.data);
+              if (nextView) {
+                setOtpSubmitting(false);
+                applyLimitRouting(nextView, result.data.upgrade_status);
+                return;
+              }
+            }
+          } catch {
+          }
+          setOtpSubmitting(false);
           setView("amount");
-        } else {
-          setOtpError("Incorrect code. Please try again.");
-          setPhoneCode("");
+          return;
         }
+        setOtpError("Incorrect code. Please try again.");
+        setPhoneCode("");
+        setOtpSubmitting(false);
       } catch (err) {
         setOtpError(
           prettifyVerificationError(err instanceof Error ? err.message : "Verification failed")
         );
         setPhoneCode("");
-      } finally {
         setOtpSubmitting(false);
       }
     }, [
@@ -4020,22 +4281,25 @@ var BuyWithApplePay = React5.forwardRef(
       clientSecret,
       phoneCode,
       publishableKey,
-      persistContact,
+      storeApplePaySession,
       amountUsd,
-      otpSubmitting
+      otpSubmitting,
+      refetchApplePayLimits,
+      getViewForLimitStatus,
+      applyLimitRouting
     ]);
     const prepareSession = useCallback(
       async (token, amt) => {
+        setErrorMessage("");
         if (!destinationChainType || !destinationChainId) {
           setErrorMessage("Deposit destination not configured. Please contact support.");
           return;
         }
-        const destinationNetwork = destinationChainNameFor(
-          destinationChainType,
-          destinationChainId
-        );
-        if (!destinationNetwork) {
-          setErrorMessage("Coinbase Apple Pay is not available for this network.");
+        if (defaultTokenLoading) {
+          return;
+        }
+        if (defaultTokenError || !defaultToken) {
+          setErrorMessage("Unable to load token information. Please try again.");
           return;
         }
         const settlementAddress = depositWallet?.address;
@@ -4046,19 +4310,17 @@ var BuyWithApplePay = React5.forwardRef(
         sessionAbortRef.current?.abort();
         const controller = new AbortController();
         sessionAbortRef.current = controller;
-        setPreparingSession(true);
-        setErrorMessage("");
         try {
           const externalId = generatePrefixedKSUID3("orsext");
           const session = await createCoinbaseApplePaySession(
             {
               source_currency: "usd",
               source_amount: amt,
-              destination_currency: destinationTokenSymbol.toLowerCase(),
-              destination_network: destinationNetwork,
+              destination_currency: defaultToken.destination_currency,
+              destination_network: defaultToken.destination_network,
               wallet_address: settlementAddress,
               external_id: externalId,
-              ...externalUserEmail ? { email: externalUserEmail } : {}
+              ...userEmail ? { email: userEmail } : {}
             },
             token,
             publishableKey,
@@ -4102,18 +4364,16 @@ var BuyWithApplePay = React5.forwardRef(
           setPaymentSession(null);
           setPaymentSessionAmount(null);
           setErrorMessage("Unable to process your request. Please try again later.");
-        } finally {
-          if (sessionAbortRef.current === controller) {
-            setPreparingSession(false);
-          }
         }
       },
       [
-        destinationTokenSymbol,
         destinationChainType,
         destinationChainId,
+        defaultToken,
+        defaultTokenLoading,
+        defaultTokenError,
         depositWallet?.address,
-        externalUserEmail,
+        userEmail,
         publishableKey,
         onEvent,
         userId
@@ -4157,42 +4417,8 @@ var BuyWithApplePay = React5.forwardRef(
     if (view === "loading_config") {
       return /* @__PURE__ */ jsx13("div", { className: "uf-flex uf-items-center uf-justify-center uf-py-16", style: containerStyle, children: /* @__PURE__ */ jsx13(Loader22, { className: "uf-w-6 uf-h-6 uf-animate-spin", style: { color: colors2.primary } }) });
     }
-    if (view === "disabled") {
-      return /* @__PURE__ */ jsxs11(
-        "div",
-        {
-          className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-12 uf-px-4",
-          style: containerStyle,
-          children: [
-            /* @__PURE__ */ jsx13(
-              AlertCircle,
-              {
-                className: "uf-w-8 uf-h-8 uf-mb-4",
-                style: { color: colors2.foregroundMuted }
-              }
-            ),
-            /* @__PURE__ */ jsx13(
-              "h3",
-              {
-                className: "uf-text-base uf-font-medium uf-mb-1",
-                style: { color: colors2.foreground, fontFamily: fonts.medium },
-                children: "Apple Pay is unavailable"
-              }
-            ),
-            /* @__PURE__ */ jsx13(
-              "p",
-              {
-                className: "uf-text-sm uf-text-center",
-                style: { color: colors2.foregroundMuted, fontFamily: fonts.regular },
-                children: "Apple Pay is disabled for this project. Try another payment method."
-              }
-            )
-          ]
-        }
-      );
-    }
     if (view === "email_input") {
-      const emailValid = EMAIL_REGEX.test(email);
+      const emailValid = EMAIL_REGEX2.test(email);
       return /* @__PURE__ */ jsxs11("div", { className: "uf-flex uf-flex-col uf-pb-1 uf-pt-2", style: containerStyle, children: [
         /* @__PURE__ */ jsx13(
           "label",
@@ -4209,9 +4435,7 @@ var BuyWithApplePay = React5.forwardRef(
             value: email,
             onChange: (e) => setEmail(e.target.value.trim()),
             onKeyDown: (e) => {
-              if (e.key === "Enter" && emailValid) {
-                setView("phone_input");
-              }
+              if (e.key === "Enter" && emailValid) setView("phone_input");
             },
             placeholder: "you@example.com",
             autoComplete: "email",
@@ -4247,7 +4471,7 @@ var BuyWithApplePay = React5.forwardRef(
     }
     if (view === "phone_input" || view === "submitting_session") {
       const submitting = view === "submitting_session";
-      const phoneValid = PHONE_REGEX.test(normalizedPhone);
+      const phoneValid = PHONE_REGEX2.test(normalizedPhone);
       const rawDigits = (() => {
         const digits = phoneInput.replace(/\D/g, "");
         return digits.startsWith("1") ? digits.slice(1, 11) : digits.slice(0, 10);
@@ -4328,15 +4552,7 @@ var BuyWithApplePay = React5.forwardRef(
         !phoneInput && /* @__PURE__ */ jsx13("div", { className: "uf-text-xs uf-mb-2 uf-px-1", style: { color: colors2.foregroundMuted }, children: "Re-verified every 60 days." }),
         errorMessage && /* @__PURE__ */ jsx13("div", { className: "uf-text-xs uf-mt-2 uf-px-1", style: { color: colors2.error }, children: errorMessage }),
         /* @__PURE__ */ jsx13("div", { className: "uf-flex-1" }),
-        /* @__PURE__ */ jsx13(
-          LegalDisclaimer,
-          {
-            legalAgreements,
-            loading: legalAgreementsLoading,
-            colors: colors2,
-            fonts
-          }
-        ),
+        /* @__PURE__ */ jsx13(LegalDisclaimer, { legalAgreements, loading: legalAgreementsLoading }),
         /* @__PURE__ */ jsx13(
           "button",
           {
@@ -4355,12 +4571,9 @@ var BuyWithApplePay = React5.forwardRef(
         )
       ] });
     }
-    if (view === "email_otp" || view === "phone_otp") {
-      const isEmail = view === "email_otp";
-      const code = isEmail ? emailCode : phoneCode;
-      const setCode = isEmail ? setEmailCode : setPhoneCode;
-      const target = isEmail ? maskEmail(email) : maskPhone(normalizedPhone);
-      const submit = isEmail ? submitEmailOtp : submitPhoneOtp;
+    if (view === "phone_otp") {
+      const code = phoneCode;
+      const target = maskPhone(normalizedPhone);
       const canSubmit = code.length === 6 && !otpSubmitting;
       return /* @__PURE__ */ jsxs11("div", { className: "uf-flex uf-flex-col uf-pb-1 uf-items-center uf-pt-2", style: containerStyle, children: [
         /* @__PURE__ */ jsxs11(
@@ -4383,13 +4596,12 @@ var BuyWithApplePay = React5.forwardRef(
             maxLength: 6,
             value: code,
             onChange: (e) => {
-              const v = e.target.value.replace(/\D/g, "").slice(0, 6);
-              setCode(v);
+              setPhoneCode(e.target.value.replace(/\D/g, "").slice(0, 6));
               setOtpError(null);
             },
             onKeyDown: (e) => {
               if (e.key === "Enter" && code.length === 6 && !otpSubmitting) {
-                void submit();
+                void submitPhoneOtp();
               }
             },
             autoFocus: true,
@@ -4416,7 +4628,7 @@ var BuyWithApplePay = React5.forwardRef(
               if (!verificationSession || !clientSecret) return;
               void sendOnrampVerificationOtp(
                 verificationSession.id,
-                isEmail ? "email" : "phone",
+                "phone",
                 clientSecret,
                 publishableKey
               ).then(() => setResendCooldown(30));
@@ -4429,7 +4641,7 @@ var BuyWithApplePay = React5.forwardRef(
         /* @__PURE__ */ jsx13(
           "button",
           {
-            onClick: () => void submit(),
+            onClick: submitPhoneOtp,
             disabled: !canSubmit,
             className: "uf-w-full uf-py-3 uf-mt-6 uf-text-sm uf-font-medium uf-transition-colors disabled:uf-opacity-50 disabled:uf-cursor-not-allowed uf-flex uf-items-center uf-justify-center uf-gap-2",
             style: {
@@ -4577,7 +4789,7 @@ var BuyWithApplePay = React5.forwardRef(
               border: `${components.button.borderWidth}px solid ${components.button.borderColor}`,
               opacity: 0.5
             },
-            children: !hasInput || !validAmount ? "Enter amount" : /* @__PURE__ */ jsxs11(Fragment4, { children: [
+            children: !hasInput || !validAmount ? "Enter amount" : errorMessage ? "Unable to prepare Apple Pay" : defaultTokenLoading ? "Loading token information\u2026" : defaultTokenError ? "Token routing unavailable" : /* @__PURE__ */ jsxs11(Fragment4, { children: [
               /* @__PURE__ */ jsx13(Loader22, { className: "uf-w-4 uf-h-4 uf-animate-spin" }),
               "Preparing Apple Pay"
             ] })
@@ -4630,6 +4842,274 @@ var BuyWithApplePay = React5.forwardRef(
         }
       );
     }
+    if (view === "limit_upgrade_intro") {
+      return /* @__PURE__ */ jsxs11("div", { className: "uf-flex uf-flex-col uf-pt-8 uf-pb-2 uf-px-2", style: containerStyle, children: [
+        /* @__PURE__ */ jsx13(
+          "h3",
+          {
+            className: "uf-text-xl uf-mb-3 uf-text-center",
+            style: { color: colors2.foreground, fontFamily: fonts.medium },
+            children: "Apple Pay limit reached"
+          }
+        ),
+        /* @__PURE__ */ jsx13(
+          "p",
+          {
+            className: "uf-text-sm uf-text-center uf-mb-10 uf-max-w-[320px] uf-mx-auto",
+            style: { color: colors2.foregroundMuted, fontFamily: fonts.regular },
+            children: "Submit your date of birth and SSN to increase your Apple Pay limit."
+          }
+        ),
+        /* @__PURE__ */ jsx13(
+          "button",
+          {
+            onClick: () => {
+              setLimitUpgradeError(null);
+              setView("limit_upgrade_form");
+            },
+            className: "uf-w-full uf-py-3 uf-mb-2 uf-text-sm uf-font-medium uf-transition-colors",
+            style: {
+              backgroundColor: colors2.primary,
+              color: colors2.primaryForeground,
+              fontFamily: fonts.medium,
+              borderRadius: components.button.borderRadius,
+              border: `${components.button.borderWidth}px solid ${components.button.borderColor}`
+            },
+            children: "Continue"
+          }
+        ),
+        /* @__PURE__ */ jsx13(
+          "button",
+          {
+            onClick: () => {
+              setLimitUpgradeError(null);
+              onExit?.();
+            },
+            className: "uf-w-full uf-py-3 uf-text-sm uf-font-medium uf-transition-colors",
+            style: {
+              backgroundColor: "transparent",
+              color: colors2.error,
+              fontFamily: fonts.medium,
+              borderRadius: components.button.borderRadius,
+              border: `${components.button.borderWidth}px solid transparent`
+            },
+            children: "Cancel"
+          }
+        )
+      ] });
+    }
+    if (view === "limit_upgrade_submitting") {
+      return /* @__PURE__ */ jsxs11(
+        "div",
+        {
+          className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-16 uf-px-4",
+          style: containerStyle,
+          children: [
+            /* @__PURE__ */ jsx13(
+              "div",
+              {
+                className: "uf-w-20 uf-h-20 uf-rounded-full uf-flex uf-items-center uf-justify-center uf-mb-6",
+                style: { backgroundColor: `${colors2.primary}20` },
+                children: /* @__PURE__ */ jsx13(
+                  Loader22,
+                  {
+                    className: "uf-w-10 uf-h-10 uf-animate-spin",
+                    style: { color: colors2.primary }
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx13(
+              "h3",
+              {
+                className: "uf-text-xl uf-mb-2 uf-text-center",
+                style: { color: colors2.foreground, fontFamily: fonts.medium },
+                children: "Verifying your information"
+              }
+            ),
+            /* @__PURE__ */ jsx13(
+              "p",
+              {
+                className: "uf-text-sm uf-text-center uf-max-w-[280px]",
+                style: { color: colors2.foregroundMuted, fontFamily: fonts.regular },
+                children: "Your limit increase request is under review. This usually takes just a few seconds."
+              }
+            )
+          ]
+        }
+      );
+    }
+    if (view === "limit_upgrade_form") {
+      const dobValid = isDobInputValid(dobInput);
+      const ssnValid = /^\d{4}$/.test(ssnLast4);
+      const formValid = dobValid && ssnValid;
+      const formInputStyle = {
+        backgroundColor: components.card.backgroundColor,
+        color: components.input.textColor,
+        fontFamily: fonts.regular,
+        borderRadius: components.card.borderRadius,
+        border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
+      };
+      return /* @__PURE__ */ jsxs11("div", { className: "uf-flex uf-flex-col uf-pb-1 uf-pt-2", style: containerStyle, children: [
+        /* @__PURE__ */ jsx13(
+          "label",
+          {
+            className: "uf-text-xs uf-font-medium uf-mb-1.5 uf-px-1",
+            style: { color: components.card.labelColor, fontFamily: fonts.medium },
+            children: "Date of birth"
+          }
+        ),
+        /* @__PURE__ */ jsx13(
+          "input",
+          {
+            type: "text",
+            inputMode: "numeric",
+            maxLength: 10,
+            value: dobInput,
+            onChange: (e) => {
+              setDobInput(formatDobInput(e.target.value));
+              if (limitUpgradeError) setLimitUpgradeError(null);
+            },
+            onKeyDown: (e) => {
+              if (e.key === "Enter" && formValid) void submitLimitUpgrade();
+            },
+            placeholder: "MM/DD/YYYY",
+            autoComplete: "bday",
+            "aria-label": "Date of birth",
+            className: "uf-w-full uf-px-3 uf-py-3 uf-mb-3 uf-text-sm uf-outline-none",
+            style: formInputStyle
+          }
+        ),
+        /* @__PURE__ */ jsx13(
+          "label",
+          {
+            className: "uf-text-xs uf-font-medium uf-mb-1.5 uf-px-1",
+            style: { color: components.card.labelColor, fontFamily: fonts.medium },
+            children: "Last 4 of SSN"
+          }
+        ),
+        /* @__PURE__ */ jsx13(
+          "input",
+          {
+            type: "password",
+            inputMode: "numeric",
+            pattern: "[0-9]*",
+            maxLength: 4,
+            value: ssnLast4,
+            onChange: (e) => {
+              setSsnLast4(e.target.value.replace(/\D/g, "").slice(0, 4));
+              if (limitUpgradeError) setLimitUpgradeError(null);
+            },
+            onKeyDown: (e) => {
+              if (e.key === "Enter" && formValid) void submitLimitUpgrade();
+            },
+            placeholder: "\u2022\u2022\u2022\u2022",
+            autoComplete: "off",
+            name: "off",
+            autoCorrect: "off",
+            autoCapitalize: "none",
+            spellCheck: false,
+            "data-1p-ignore": "true",
+            "data-lpignore": "true",
+            "data-form-type": "other",
+            "aria-label": "Last 4 digits of SSN",
+            "aria-autocomplete": "none",
+            className: "uf-w-full uf-px-3 uf-py-3 uf-mb-2 uf-text-sm uf-outline-none",
+            style: formInputStyle
+          }
+        ),
+        limitUpgradeError && /* @__PURE__ */ jsx13(
+          "div",
+          {
+            className: "uf-text-xs uf-mt-2 uf-px-1",
+            style: { color: colors2.error, fontFamily: fonts.regular },
+            children: limitUpgradeError
+          }
+        ),
+        /* @__PURE__ */ jsx13("div", { className: "uf-flex-1" }),
+        /* @__PURE__ */ jsx13(
+          "button",
+          {
+            onClick: () => void submitLimitUpgrade(),
+            disabled: !formValid || upgradeSubmitting,
+            className: "uf-w-full uf-py-3 uf-mt-3 uf-text-sm uf-font-medium uf-transition-colors disabled:uf-opacity-50 disabled:uf-cursor-not-allowed",
+            style: {
+              backgroundColor: colors2.primary,
+              color: colors2.primaryForeground,
+              fontFamily: fonts.medium,
+              borderRadius: components.button.borderRadius,
+              border: `${components.button.borderWidth}px solid ${components.button.borderColor}`
+            },
+            children: upgradeSubmitting ? /* @__PURE__ */ jsxs11("span", { className: "uf-flex uf-items-center uf-justify-center uf-gap-2", children: [
+              /* @__PURE__ */ jsx13(Loader22, { className: "uf-w-4 uf-h-4 uf-animate-spin" }),
+              "Submitting\u2026"
+            ] }) : "Submit"
+          }
+        )
+      ] });
+    }
+    if (view === "limit_upgrade_failed") {
+      return /* @__PURE__ */ jsxs11("div", { className: "uf-flex uf-flex-col uf-pt-8 uf-pb-2 uf-px-2", style: containerStyle, children: [
+        /* @__PURE__ */ jsx13(
+          "h3",
+          {
+            className: "uf-text-xl uf-mb-3 uf-text-center",
+            style: { color: colors2.foreground, fontFamily: fonts.medium },
+            children: "Apple Pay limit reached"
+          }
+        ),
+        /* @__PURE__ */ jsxs11(
+          "p",
+          {
+            className: "uf-text-sm uf-text-center uf-mb-2 uf-max-w-[320px] uf-mx-auto",
+            style: { color: colors2.foregroundMuted, fontFamily: fonts.regular },
+            children: [
+              "Failed to increase. Please try again later or",
+              " ",
+              /* @__PURE__ */ jsx13(
+                "a",
+                {
+                  href: UNIFOLD_SUPPORT_URL,
+                  target: "_blank",
+                  rel: "noreferrer noopener",
+                  className: "uf-underline",
+                  style: { color: colors2.primary },
+                  children: "contact support"
+                }
+              ),
+              "."
+            ]
+          }
+        ),
+        limitUpgradeError && /* @__PURE__ */ jsx13(
+          "p",
+          {
+            className: "uf-text-xs uf-text-center uf-mb-2 uf-px-2",
+            style: { color: colors2.error, fontFamily: fonts.regular },
+            children: limitUpgradeError
+          }
+        ),
+        /* @__PURE__ */ jsx13("div", { className: "uf-mb-8" }),
+        /* @__PURE__ */ jsx13(
+          "button",
+          {
+            onClick: () => {
+              setLimitUpgradeError(null);
+              onExit?.();
+            },
+            className: "uf-w-full uf-py-3 uf-text-sm uf-font-medium uf-transition-colors",
+            style: {
+              backgroundColor: colors2.primary,
+              color: colors2.primaryForeground,
+              fontFamily: fonts.medium,
+              borderRadius: components.button.borderRadius,
+              border: `${components.button.borderWidth}px solid ${components.button.borderColor}`
+            },
+            children: "Return"
+          }
+        )
+      ] });
+    }
     if (view === "guest_limit_reached") {
       return /* @__PURE__ */ jsxs11(
         "div",
@@ -4650,7 +5130,7 @@ var BuyWithApplePay = React5.forwardRef(
               {
                 className: "uf-text-sm uf-text-center uf-mb-12 uf-max-w-[300px]",
                 style: { color: colors2.foregroundMuted, fontFamily: fonts.regular },
-                children: "Your account has reached Apple Pay limit. It's not eligible for an increase right now."
+                children: "Your account is not eligible for a limit increase at this time."
               }
             ),
             /* @__PURE__ */ jsx13(
@@ -4676,7 +5156,95 @@ var BuyWithApplePay = React5.forwardRef(
   }
 );
 BuyWithApplePay.displayName = "BuyWithApplePay";
-function LegalDisclaimer({ legalAgreements, loading, colors: colors2, fonts }) {
+function formatPhoneInput(raw) {
+  const digits = raw.replace(/\D/g, "");
+  if (raw.startsWith("+")) {
+    return `+${digits}`;
+  }
+  if (digits.length === 10) return `+1${digits}`;
+  if (digits.length === 11 && digits.startsWith("1")) return `+${digits}`;
+  return digits.length > 0 ? `+${digits}` : "";
+}
+function maskPhone(phone) {
+  if (!/^\+1\d{10}$/.test(phone)) return phone;
+  return `+1 (***) ***-${phone.slice(-4)}`;
+}
+function isGuestLimitError(err) {
+  const message = err instanceof Error ? err.message : String(err ?? "");
+  if (/coinbase_onramp_guest_limit_reached/i.test(message)) return true;
+  if (/guest_(daily_)?transaction_(count|limit)/i.test(message)) return true;
+  return false;
+}
+function isLimitUpgradeTerminalBlock(message) {
+  if (/coinbase_onramp_guest_limit_reached/i.test(message)) return true;
+  if (/limit upgrade is not available/i.test(message)) return true;
+  if (/limits.?upgrade.?blocked/i.test(message)) return true;
+  return false;
+}
+function prettifyVerificationError(message) {
+  if (/\b429\b|too many requests|rate.?limit|throttle/i.test(message)) {
+    return "Too many attempts. Please wait a few minutes and try again.";
+  }
+  if (/network|failed to fetch|abort/i.test(message)) {
+    return "Network error. Check your connection and try again.";
+  }
+  if (/voip|not a valid US|not a cell/i.test(message)) {
+    return "We can only verify real US cell phones (not VoIP). Try a different number.";
+  }
+  const cleaned = message.replace(/\s*\[[\w_]+\]:\s*.*$/, "").trim();
+  return cleaned || message;
+}
+function formatDobInput(raw) {
+  const digits = raw.replace(/\D/g, "").slice(0, 8);
+  if (digits.length <= 2) return digits;
+  if (digits.length <= 4) return `${digits.slice(0, 2)}/${digits.slice(2)}`;
+  return `${digits.slice(0, 2)}/${digits.slice(2, 4)}/${digits.slice(4)}`;
+}
+function isDobInputValid(input) {
+  return parseDobInput(input) !== null;
+}
+function parseDobInput(input) {
+  const m = /^(\d{2})\/(\d{2})\/(\d{4})$/.exec(input);
+  if (!m) return null;
+  const [, month, day, year] = m;
+  if (!/^(0[1-9]|1[0-2])$/.test(month)) return null;
+  if (!/^(0[1-9]|[12]\d|3[01])$/.test(day)) return null;
+  if (!/^(19|20)\d{2}$/.test(year)) return null;
+  return { month, day, year };
+}
+var POPUP_W = 500;
+var POPUP_H = 700;
+function openCoinbasePaymentPopup(url) {
+  if (typeof window === "undefined") return null;
+  const screenW = window.screen.availWidth ?? window.innerWidth;
+  const screenH = window.screen.availHeight ?? window.innerHeight;
+  const left = Math.max(0, Math.round((screenW - POPUP_W) / 2));
+  const top = Math.max(0, Math.round((screenH - POPUP_H) / 2));
+  return window.open(
+    url,
+    "unifold_coinbase_apple_pay",
+    `popup,width=${POPUP_W},height=${POPUP_H},left=${left},top=${top}`
+  );
+}
+var FALLBACK_AGREEMENTS = [
+  {
+    key: "guest_checkout_terms",
+    name: "Guest Checkout Terms of Service",
+    url: "https://www.coinbase.com/legal/cb-pay/onramp-guest-checkout-terms"
+  },
+  {
+    key: "user_agreement",
+    name: "User Agreement",
+    url: "https://www.coinbase.com/legal/user_agreement"
+  },
+  {
+    key: "privacy_policy",
+    name: "Privacy Policy",
+    url: "https://www.coinbase.com/legal/privacy"
+  }
+];
+function LegalDisclaimer({ legalAgreements, loading }) {
+  const { colors: colors2, fonts } = useTheme();
   if (loading) {
     return /* @__PURE__ */ jsxs11(
       "div",
@@ -4720,78 +5288,6 @@ function LegalDisclaimer({ legalAgreements, loading, colors: colors2, fonts }) {
     }
   );
 }
-function isGuestLimitError(err) {
-  const message = err instanceof Error ? err.message : String(err ?? "");
-  if (/coinbase_onramp_guest_limit_reached/i.test(message)) return true;
-  if (/guest_(daily_)?transaction_(count|limit)/i.test(message)) return true;
-  return false;
-}
-function prettifyVerificationError(message) {
-  if (/\b429\b|too many requests|rate.?limit|throttle/i.test(message)) {
-    return "Too many attempts. Please wait a few minutes and try again.";
-  }
-  if (/network|failed to fetch|abort/i.test(message)) {
-    return "Network error. Check your connection and try again.";
-  }
-  if (/voip|not a valid US|not a cell/i.test(message)) {
-    return "We can only verify real US cell phones (not VoIP). Try a different number.";
-  }
-  return message;
-}
-var FALLBACK_AGREEMENTS = [
-  {
-    key: "guest_checkout_terms",
-    name: "Guest Checkout Terms of Service",
-    url: "https://www.coinbase.com/legal/cb-pay/onramp-guest-checkout-terms"
-  },
-  {
-    key: "user_agreement",
-    name: "User Agreement",
-    url: "https://www.coinbase.com/legal/user_agreement"
-  },
-  {
-    key: "privacy_policy",
-    name: "Privacy Policy",
-    url: "https://www.coinbase.com/legal/privacy"
-  }
-];
-var POPUP_W = 500;
-var POPUP_H = 700;
-function openCoinbasePaymentPopup(url) {
-  if (typeof window === "undefined") return null;
-  const screenW = window.screen.availWidth ?? window.innerWidth;
-  const screenH = window.screen.availHeight ?? window.innerHeight;
-  const left = Math.max(0, Math.round((screenW - POPUP_W) / 2));
-  const top = Math.max(0, Math.round((screenH - POPUP_H) / 2));
-  return window.open(
-    url,
-    "unifold_coinbase_apple_pay",
-    `popup,width=${POPUP_W},height=${POPUP_H},left=${left},top=${top}`
-  );
-}
-function destinationChainNameFor(chainType, chainId) {
-  if (chainType === "solana") return "solana";
-  if (chainType === "bitcoin") return "bitcoin";
-  if (chainType === "ethereum") {
-    switch (chainId) {
-      case "1":
-        return "ethereum";
-      case "8453":
-        return "base";
-      case "137":
-        return "polygon";
-      case "43114":
-        return "avalanche";
-      case "42161":
-        return "arbitrum";
-      case "10":
-        return "optimism";
-      default:
-        return null;
-    }
-  }
-  return null;
-}
 
 // src/components/deposits/PayWithExchange.tsx
 import { useState as useState12 } from "react";
@@ -5059,7 +5555,7 @@ import {
 } from "@unifold/core";
 
 // src/components/deposits/StyledQRCode.tsx
-import { useEffect as useEffect8, useRef as useRef4, useState as useState13, useMemo as useMemo3 } from "react";
+import { useEffect as useEffect8, useRef as useRef4, useState as useState13, useMemo as useMemo4 } from "react";
 import QRCodeStyling from "qr-code-styling";
 import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 function createQRConfig(value, size, imageUrl, imageSize, darkMode) {
@@ -5112,7 +5608,7 @@ function QRCodeSkeleton({ size = 180, darkMode = false }) {
   const spacing = size / gridCount;
   const fillColor = darkMode ? "rgba(255,255,255,0.10)" : "rgba(0,0,0,0.08)";
   const cornerColor = darkMode ? "rgba(255,255,255,0.14)" : "rgba(0,0,0,0.12)";
-  const dots = useMemo3(() => {
+  const dots = useMemo4(() => {
     const result = [];
     const cornerSize = 7;
     const centerStart = Math.floor(gridCount / 2) - 2;
@@ -5216,10 +5712,10 @@ function useIsMobileViewport() {
 }
 
 // src/hooks/use-cashapp-limits.ts
-import { useQuery as useQuery5 } from "@tanstack/react-query";
+import { useQuery as useQuery6 } from "@tanstack/react-query";
 import { getCashAppLimits } from "@unifold/core";
 function useCashAppLimits({ publishableKey, currency = "usd" }) {
-  return useQuery5({
+  return useQuery6({
     queryKey: ["unifold", "cashAppLimits", currency, publishableKey],
     queryFn: () => getCashAppLimits(currency, publishableKey),
     enabled: !!publishableKey,
@@ -5737,7 +6233,7 @@ function PayWithCashApp({
 }
 
 // src/components/deposits/BankTransfer.tsx
-import { useEffect as useEffect11, useMemo as useMemo4, useState as useState16 } from "react";
+import { useEffect as useEffect11, useMemo as useMemo5, useState as useState16 } from "react";
 import { ChevronRight as ChevronRight3, ExternalLink as ExternalLink3, Landmark } from "lucide-react";
 import {
   DepositEventType as DepositEventType5,
@@ -5747,47 +6243,6 @@ import {
   generatePrefixedKSUID as generatePrefixedKSUID5
 } from "@unifold/core";
 
-// src/hooks/use-default-onramp-token.ts
-import { useQuery as useQuery6 } from "@tanstack/react-query";
-import { getDefaultOnrampToken as getDefaultOnrampToken2 } from "@unifold/core";
-function useDefaultOnrampToken({
-  publishableKey,
-  tokenAddress,
-  chainId,
-  chainType,
-  countryCode,
-  subdivisionCode,
-  enabled = true
-}) {
-  const { data: defaultToken, isLoading } = useQuery6({
-    queryKey: [
-      "unifold",
-      "defaultOnrampToken",
-      publishableKey,
-      tokenAddress,
-      chainId,
-      chainType,
-      countryCode,
-      subdivisionCode
-    ],
-    queryFn: () => getDefaultOnrampToken2(
-      {
-        token_address: tokenAddress,
-        chain_id: chainId,
-        chain_type: chainType,
-        country_code: countryCode,
-        subdivision_code: subdivisionCode
-      },
-      publishableKey
-    ),
-    enabled: enabled && !!tokenAddress && !!chainId && !!chainType,
-    staleTime: 1e3 * 60 * 60,
-    refetchOnMount: false,
-    refetchOnWindowFocus: false
-  });
-  return { defaultToken, isLoading };
-}
-
 // src/hooks/use-bank-transfer-providers.ts
 import { useQuery as useQuery7 } from "@tanstack/react-query";
 import { getBankTransferProviders } from "@unifold/core";
@@ -5872,7 +6327,7 @@ function BankTransfer({
     countryCode: userIpInfo?.alpha2
   });
   const providers = providersResponse?.data ?? [];
-  const pollingWalletId = useMemo4(() => {
+  const pollingWalletId = useMemo5(() => {
     if (!defaultToken) return void 0;
     return getWalletByChainType3(
       wallets,
@@ -5893,7 +6348,7 @@ function BankTransfer({
   const currencySymbol = getCurrencySymbol2(sourceCurrency);
   const parsedAmount = parseFloat(amount);
   const amountValid = !!amount && Number.isFinite(parsedAmount) && parsedAmount >= MIN_AMOUNT;
-  const displayTokenSymbol = useMemo4(
+  const displayTokenSymbol = useMemo5(
     () => destinationTokenSymbol?.toUpperCase() ?? defaultToken?.destination_token_metadata?.symbol?.toUpperCase() ?? defaultToken?.destination_currency?.toUpperCase() ?? "USDC",
     [destinationTokenSymbol, defaultToken]
   );
@@ -9965,50 +10420,116 @@ function VisaIcon({ size = 24 }) {
     /* @__PURE__ */ jsx43(
       "path",
       {
-        fill: "#FFF",
-        d: "M524.307,142.687c-10.57-3.966-27.135-8.222-47.822-8.222c-52.725,0-89.863,26.551-90.18,64.604c-0.297,28.129,26.514,43.821,46.754,53.185c20.77,9.597,27.752,15.716,27.652,24.283c-0.133,13.123-16.586,19.116-31.924,19.116c-21.355,0-32.701-2.967-50.225-10.274l-6.877-3.112l-7.488,43.823c12.463,5.466,35.508,10.199,59.438,10.445c56.09,0,92.502-26.248,92.916-66.884c0.199-22.27-14.016-39.216-44.801-53.188c-18.65-9.056-30.072-15.099-29.951-24.269c0-8.137,9.668-16.838,30.559-16.838c17.447-0.271,30.088,3.534,39.936,7.5l4.781,2.259L524.307,142.687"
+        fill: "#FFF",
+        d: "M524.307,142.687c-10.57-3.966-27.135-8.222-47.822-8.222c-52.725,0-89.863,26.551-90.18,64.604c-0.297,28.129,26.514,43.821,46.754,53.185c20.77,9.597,27.752,15.716,27.652,24.283c-0.133,13.123-16.586,19.116-31.924,19.116c-21.355,0-32.701-2.967-50.225-10.274l-6.877-3.112l-7.488,43.823c12.463,5.466,35.508,10.199,59.438,10.445c56.09,0,92.502-26.248,92.916-66.884c0.199-22.27-14.016-39.216-44.801-53.188c-18.65-9.056-30.072-15.099-29.951-24.269c0-8.137,9.668-16.838,30.559-16.838c17.447-0.271,30.088,3.534,39.936,7.5l4.781,2.259L524.307,142.687"
+      }
+    ),
+    /* @__PURE__ */ jsx43(
+      "path",
+      {
+        fill: "#FFF",
+        d: "M661.615,138.464h-41.23c-12.773,0-22.332,3.486-27.941,16.234l-79.244,179.402h56.031c0,0,9.16-24.121,11.232-29.418c6.123,0,60.555,0.084,68.336,0.084c1.596,6.854,6.492,29.334,6.492,29.334h49.512L661.615,138.464z M596.198,264.872c4.414-11.279,21.26-54.724,21.26-54.724c-0.314,0.521,4.381-11.334,7.074-18.684l3.607,16.878c0,0,10.217,46.729,12.352,56.527h-44.293V264.872z"
+      }
+    ),
+    /* @__PURE__ */ jsx43(
+      "path",
+      {
+        fill: "#FFF",
+        d: "M45.879,138.465l-0.682,4.073c21.093,5.106,39.932,12.496,56.426,21.689l47.346,169.688h56.455l83.004-195.45h-56.526l-52.238,133.496l-5.564-27.131c-0.261-0.838-0.544-1.678-0.834-2.52L156.106,154.992c-3.229-12.396-12.597-16.095-24.186-16.528H45.879z"
+      }
+    )
+  ] });
+}
+function MastercardIcon({ size = 24 }) {
+  return /* @__PURE__ */ jsxs40("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: [
+    /* @__PURE__ */ jsx43("circle", { cx: "7", cy: "12", r: "7", fill: "#EA001B" }),
+    /* @__PURE__ */ jsx43("circle", { cx: "17", cy: "12", r: "7", fill: "#FFA200", fillOpacity: 0.8 })
+  ] });
+}
+function AmexIcon({ size = 24 }) {
+  const h = size * 0.63;
+  return /* @__PURE__ */ jsxs40("svg", { width: size, height: h, viewBox: "0 0 750 471", fill: "none", children: [
+    /* @__PURE__ */ jsx43("rect", { width: "750", height: "471", rx: "40", fill: "#2557D6" }),
+    /* @__PURE__ */ jsx43(
+      "path",
+      {
+        d: "M0 221.73l36.57-85.34h65.86l20.74 48.5 20.13-48.5h66.17L246.04 221.73v-85.34h72.85l16.45 44.93 16.76-44.93h71.62v85.34h-44.24v-62.22l-20.43 62.22h-39.25l-20.43-62.22v62.22h-87.22l-10.68-25.17h-56.71l-10.68 25.17H82.69l49.06-114.83h-46.9l-48.77 114.83H0zm168.81-42.17l-20.13-47.29-20.13 47.29h40.26z",
+        fill: "#FFF",
+        transform: "translate(135,100) scale(0.65)"
+      }
+    ),
+    /* @__PURE__ */ jsx43(
+      "path",
+      {
+        d: "M365.43 221.73v-85.34h112.36l22.87 27.26 23.48-27.26h54.87l-50.28 42.67 50.28 42.67h-56.1l-22.87-27.56-23.79 27.56H365.43zm44.24-17h53.03l24.7-25.47 24.09 25.47h18.9l-33.55-28.47 33.55-28.87h-17.68l-25.31 25.78-24.4-25.78h-53.33v57z",
+        fill: "#FFF",
+        transform: "translate(135,100) scale(0.65)"
+      }
+    )
+  ] });
+}
+function ApplePayIcon({ size = 24, color = "#000" }) {
+  const h = size * 0.62;
+  const w = h * (512 / 210.2);
+  return /* @__PURE__ */ jsx43("svg", { width: w, height: h, viewBox: "0 0 512 210.2", fill: "none", children: /* @__PURE__ */ jsx43(
+    "path",
+    {
+      fill: color,
+      d: "M93.6,27.1C87.6,34.2,78,39.8,68.4,39c-1.2-9.6,3.5-19.8,9-26.1c6-7.3,16.5-12.5,25-12.9 C103.4,10,99.5,19.8,93.6,27.1 M102.3,40.9c-13.9-0.8-25.8,7.9-32.4,7.9c-6.7,0-16.8-7.5-27.8-7.3c-14.3,0.2-27.6,8.3-34.9,21.2 c-15,25.8-3.9,64,10.6,85c7.1,10.4,15.6,21.8,26.8,21.4c10.6-0.4,14.8-6.9,27.6-6.9c12.9,0,16.6,6.9,27.8,6.7 c11.6-0.2,18.9-10.4,26-20.8c8.1-11.8,11.4-23.3,11.6-23.9c-0.2-0.2-22.4-8.7-22.6-34.3c-0.2-21.4,17.5-31.6,18.3-32.2 C123.3,42.9,107.7,41.3,102.3,40.9 M182.6,11.9v155.9h24.2v-53.3h33.5c30.6,0,52.1-21,52.1-51.4c0-30.4-21.1-51.2-51.3-51.2H182.6z M206.8,32.3h27.9c21,0,33,11.2,33,30.9c0,19.7-12,31-33.1,31h-27.8V32.3z M336.6,169c15.2,0,29.3-7.7,35.7-19.9h0.5v18.7h22.4V90.2 c0-22.5-18-37-45.7-37c-25.7,0-44.7,14.7-45.4,34.9h21.8c1.8-9.6,10.7-15.9,22.9-15.9c14.8,0,23.1,6.9,23.1,19.6v8.6l-30.2,1.8 c-28.1,1.7-43.3,13.2-43.3,33.2C298.4,155.6,314.1,169,336.6,169z M343.1,150.5c-12.9,0-21.1-6.2-21.1-15.7c0-9.8,7.9-15.5,23-16.4 l26.9-1.7v8.8C371.9,140.1,359.5,150.5,343.1,150.5z M425.1,210.2c23.6,0,34.7-9,44.4-36.3L512,54.7h-24.6l-28.5,92.1h-0.5 l-28.5-92.1h-25.3l41,113.5l-2.2,6.9c-3.7,11.7-9.7,16.2-20.4,16.2c-1.9,0-5.6-0.2-7.1-0.4v18.7C417.3,210,423.3,210.2,425.1,210.2z"
+    }
+  ) });
+}
+function GooglePayIcon({ size = 24, color = "#202124" }) {
+  const h = size * 0.62;
+  const w = h * (80 / 38.1);
+  return /* @__PURE__ */ jsxs40("svg", { width: w, height: h, viewBox: "0 0 80 38.1", fill: "none", children: [
+    /* @__PURE__ */ jsx43(
+      "path",
+      {
+        fill: color,
+        d: "M37.8,19.7V29h-3V6h7.8c1.9,0,3.7,0.7,5.1,2c1.4,1.2,2.1,3,2.1,4.9c0,1.9-0.7,3.6-2.1,4.9c-1.4,1.3-3.1,2-5.1,2 L37.8,19.7L37.8,19.7z M37.8,8.8v8h5c1.1,0,2.2-0.4,2.9-1.2c1.6-1.5,1.6-4,0.1-5.5c0,0-0.1-0.1-0.1-0.1c-0.8-0.8-1.8-1.3-2.9-1.2 L37.8,8.8L37.8,8.8z"
       }
     ),
     /* @__PURE__ */ jsx43(
       "path",
       {
-        fill: "#FFF",
-        d: "M661.615,138.464h-41.23c-12.773,0-22.332,3.486-27.941,16.234l-79.244,179.402h56.031c0,0,9.16-24.121,11.232-29.418c6.123,0,60.555,0.084,68.336,0.084c1.596,6.854,6.492,29.334,6.492,29.334h49.512L661.615,138.464z M596.198,264.872c4.414-11.279,21.26-54.724,21.26-54.724c-0.314,0.521,4.381-11.334,7.074-18.684l3.607,16.878c0,0,10.217,46.729,12.352,56.527h-44.293V264.872z"
+        fill: color,
+        d: "M56.7,12.8c2.2,0,3.9,0.6,5.2,1.8s1.9,2.8,1.9,4.8V29H61v-2.2h-0.1c-1.2,1.8-2.9,2.7-4.9,2.7 c-1.7,0-3.2-0.5-4.4-1.5c-1.1-1-1.8-2.4-1.8-3.9c0-1.6,0.6-2.9,1.8-3.9c1.2-1,2.9-1.4,4.9-1.4c1.8,0,3.2,0.3,4.3,1v-0.7 c0-1-0.4-2-1.2-2.6c-0.8-0.7-1.8-1.1-2.9-1.1c-1.7,0-3,0.7-3.9,2.1l-2.6-1.6C51.8,13.8,53.9,12.8,56.7,12.8z M52.9,24.2 c0,0.8,0.4,1.5,1,1.9c0.7,0.5,1.5,0.8,2.3,0.8c1.2,0,2.4-0.5,3.3-1.4c1-0.9,1.5-2,1.5-3.2c-0.9-0.7-2.2-1.1-3.9-1.1 c-1.2,0-2.2,0.3-3,0.9C53.3,22.6,52.9,23.3,52.9,24.2z"
       }
     ),
     /* @__PURE__ */ jsx43(
       "path",
       {
-        fill: "#FFF",
-        d: "M45.879,138.465l-0.682,4.073c21.093,5.106,39.932,12.496,56.426,21.689l47.346,169.688h56.455l83.004-195.45h-56.526l-52.238,133.496l-5.564-27.131c-0.261-0.838-0.544-1.678-0.834-2.52L156.106,154.992c-3.229-12.396-12.597-16.095-24.186-16.528H45.879z"
+        fill: color,
+        d: "M80,13.3l-9.9,22.7h-3l3.7-7.9l-6.5-14.7h3.2l4.7,11.3h0.1l4.6-11.3H80z"
       }
-    )
-  ] });
-}
-function MastercardIcon({ size = 24 }) {
-  return /* @__PURE__ */ jsxs40("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: [
-    /* @__PURE__ */ jsx43("circle", { cx: "7", cy: "12", r: "7", fill: "#EA001B" }),
-    /* @__PURE__ */ jsx43("circle", { cx: "17", cy: "12", r: "7", fill: "#FFA200", fillOpacity: 0.8 })
-  ] });
-}
-function AmexIcon({ size = 24 }) {
-  const h = size * 0.63;
-  return /* @__PURE__ */ jsxs40("svg", { width: size, height: h, viewBox: "0 0 750 471", fill: "none", children: [
-    /* @__PURE__ */ jsx43("rect", { width: "750", height: "471", rx: "40", fill: "#2557D6" }),
+    ),
     /* @__PURE__ */ jsx43(
       "path",
       {
-        d: "M0 221.73l36.57-85.34h65.86l20.74 48.5 20.13-48.5h66.17L246.04 221.73v-85.34h72.85l16.45 44.93 16.76-44.93h71.62v85.34h-44.24v-62.22l-20.43 62.22h-39.25l-20.43-62.22v62.22h-87.22l-10.68-25.17h-56.71l-10.68 25.17H82.69l49.06-114.83h-46.9l-48.77 114.83H0zm168.81-42.17l-20.13-47.29-20.13 47.29h40.26z",
-        fill: "#FFF",
-        transform: "translate(135,100) scale(0.65)"
+        fill: "#4285F4",
+        d: "M25.9,17.7c0-0.9-0.1-1.8-0.2-2.7H13.2v5.1h7.1c-0.3,1.6-1.2,3.1-2.6,4v3.3H22C24.5,25.1,25.9,21.7,25.9,17.7z"
       }
     ),
     /* @__PURE__ */ jsx43(
       "path",
       {
-        d: "M365.43 221.73v-85.34h112.36l22.87 27.26 23.48-27.26h54.87l-50.28 42.67 50.28 42.67h-56.1l-22.87-27.56-23.79 27.56H365.43zm44.24-17h53.03l24.7-25.47 24.09 25.47h18.9l-33.55-28.47 33.55-28.87h-17.68l-25.31 25.78-24.4-25.78h-53.33v57z",
-        fill: "#FFF",
-        transform: "translate(135,100) scale(0.65)"
+        fill: "#34A853",
+        d: "M13.2,30.6c3.6,0,6.6-1.2,8.8-3.2l-4.3-3.3c-1.2,0.8-2.7,1.3-4.5,1.3c-3.4,0-6.4-2.3-7.4-5.5H1.4v3.4 C3.7,27.8,8.2,30.6,13.2,30.6z"
+      }
+    ),
+    /* @__PURE__ */ jsx43(
+      "path",
+      {
+        fill: "#FBBC04",
+        d: "M5.8,19.9c-0.6-1.6-0.6-3.4,0-5.1v-3.4H1.4c-1.9,3.7-1.9,8.1,0,11.9L5.8,19.9z"
+      }
+    ),
+    /* @__PURE__ */ jsx43(
+      "path",
+      {
+        fill: "#EA4335",
+        d: "M13.2,9.4c1.9,0,3.7,0.7,5.1,2l0,0l3.8-3.8c-2.4-2.2-5.6-3.5-8.8-3.4c-5,0-9.6,2.8-11.8,7.3l4.4,3.4 C6.8,11.7,9.8,9.4,13.2,9.4z"
       }
     )
   ] });
@@ -10016,13 +10537,45 @@ function AmexIcon({ size = 24 }) {
 function GenericCardIcon({ size = 24, color = "#888" }) {
   return /* @__PURE__ */ jsx43(CreditCard2, { width: size * 0.8, height: size * 0.8, style: { color }, strokeWidth: 1.5 });
 }
+function parseColor(input) {
+  if (!input) return null;
+  const s = input.trim();
+  if (s.startsWith("#")) {
+    let hex = s.slice(1);
+    if (hex.length === 3)
+      hex = hex.split("").map((c) => c + c).join("");
+    if (hex.length !== 6) return null;
+    const n = parseInt(hex, 16);
+    if (Number.isNaN(n)) return null;
+    return [n >> 16 & 255, n >> 8 & 255, n & 255];
+  }
+  const m = s.match(/rgba?\(([^)]+)\)/i);
+  if (m) {
+    const parts = m[1].split(",").map((p) => parseFloat(p));
+    if (parts.length >= 3 && parts.every((p) => !Number.isNaN(p)))
+      return [parts[0], parts[1], parts[2]];
+  }
+  return null;
+}
+function monochromeOn(background) {
+  const rgb = parseColor(background);
+  if (!rgb) return "#000000";
+  const [r, g, b] = rgb;
+  const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;
+  return luminance > 0.6 ? "#000000" : "#FFFFFF";
+}
 function CardBrandIcon({
   brand,
   size = 24,
-  fallbackColor = "#888"
+  fallbackColor = "#888",
+  monochromeColor = "#000000"
 }) {
   if (!brand) return /* @__PURE__ */ jsx43(GenericCardIcon, { size, color: fallbackColor });
   const lower = brand.toLowerCase();
+  if (lower.includes("apple_pay") || lower.includes("apple pay") || lower === "applepay")
+    return /* @__PURE__ */ jsx43(ApplePayIcon, { size, color: monochromeColor });
+  if (lower.includes("google_pay") || lower.includes("google pay") || lower === "googlepay")
+    return /* @__PURE__ */ jsx43(GooglePayIcon, { size, color: monochromeColor === "#FFFFFF" ? "#FFFFFF" : "#202124" });
   if (lower.includes("visa")) return /* @__PURE__ */ jsx43(VisaIcon, { size });
   if (lower.includes("mastercard") || lower.includes("master"))
     return /* @__PURE__ */ jsx43(MastercardIcon, { size });
@@ -10031,17 +10584,28 @@ function CardBrandIcon({
 }
 function formatPaymentToken(token) {
   if (token.card) {
-    const brand = token.card.brand ?? "Card";
+    const cardBrand = token.card.brand ?? "Card";
+    const last4 = token.card.last4;
+    const walletType = token.card.wallet?.type;
+    if (walletType === "apple_pay" || walletType === "google_pay") {
+      const funding = token.card.funding ? capitalize(token.card.funding) : null;
+      return {
+        label: last4 ? `${capitalize(cardBrand)} \u2022\u2022\u2022\u2022 ${last4}` : capitalize(cardBrand),
+        sublabel: funding ?? "",
+        brand: walletType
+      };
+    }
     return {
-      label: `${capitalize(brand)} \u2022\u2022\u2022\u2022 ${token.card.last4}`,
+      label: `${capitalize(cardBrand)} \u2022\u2022\u2022\u2022 ${last4}`,
       sublabel: `${capitalize(token.card.funding ?? "card")} \xB7 Expires ${token.card.exp_month}/${token.card.exp_year}`,
-      brand
+      brand: cardBrand
     };
   }
   if (token.us_bank_account) {
+    const accountType = token.us_bank_account.account_type;
     return {
       label: `${token.us_bank_account.bank_name ?? "Bank"} \u2022\u2022\u2022\u2022 ${token.us_bank_account.last4}`,
-      sublabel: "Bank account"
+      sublabel: accountType ? `${capitalize(accountType)} account` : "Bank account"
     };
   }
   return { label: "Payment method", sublabel: token.type };
@@ -10072,59 +10636,82 @@ import {
 
 // src/components/deposits/stripe-link/use-stripe-onramp.ts
 import { useState as useState28, useEffect as useEffect23, useRef as useRef7, useCallback as useCallback3 } from "react";
-function useStripeOnramp(stripePublishableKey) {
+function useStripeOnramp(stripePublishableKey, isDark = false) {
   const [coordinator, setCoordinator] = useState28(null);
   const [isLoading, setIsLoading] = useState28(false);
   const [error, setError] = useState28(null);
   const coordinatorRef = useRef7(null);
-  const initialize = useCallback3(async () => {
-    if (coordinatorRef.current) return coordinatorRef.current;
-    if (!stripePublishableKey) return null;
-    setIsLoading(true);
-    setError(null);
-    try {
-      console.log("[PayWithStripeLink] Importing @stripe/crypto...");
-      const { loadCryptoOnrampAndInitialize } = await import(
-        /* @vite-ignore */
-        "@stripe/crypto"
-      );
-      console.log(
-        "[PayWithStripeLink] @stripe/crypto imported, initializing with key:",
-        stripePublishableKey?.slice(0, 12) + "..."
-      );
-      const initPromise = loadCryptoOnrampAndInitialize(stripePublishableKey, { theme: "stripe" });
-      const timeoutPromise = new Promise(
-        (_, reject) => setTimeout(
-          () => reject(
-            new Error(
-              "Stripe SDK initialization timed out after 15 seconds. Check that your Stripe account has the Crypto Onramp feature enabled."
-            )
-          ),
-          15e3
-        )
-      );
-      const instance = await Promise.race([initPromise, timeoutPromise]);
-      if (!instance) {
-        throw new Error("Stripe SDK returned null.");
+  const coordinatorThemeRef = useRef7(null);
+  const initPromiseRef = useRef7(null);
+  const isDarkRef = useRef7(isDark);
+  isDarkRef.current = isDark;
+  const initialize = useCallback3(() => {
+    if (coordinatorRef.current) return Promise.resolve(coordinatorRef.current);
+    if (initPromiseRef.current) return initPromiseRef.current;
+    if (!stripePublishableKey) return Promise.resolve(null);
+    const theme = isDarkRef.current;
+    const promise = (async () => {
+      setIsLoading(true);
+      setError(null);
+      try {
+        console.log("[PayWithStripeLink] Importing @stripe/crypto...");
+        const { loadCryptoOnrampAndInitialize } = await import(
+          /* @vite-ignore */
+          "@stripe/crypto"
+        );
+        console.log(
+          "[PayWithStripeLink] @stripe/crypto imported, initializing with key:",
+          stripePublishableKey?.slice(0, 12) + "..."
+        );
+        const initPromise = loadCryptoOnrampAndInitialize(stripePublishableKey, {
+          theme: theme ? "night" : "stripe"
+        });
+        const timeoutPromise = new Promise(
+          (_, reject) => setTimeout(
+            () => reject(
+              new Error(
+                "Stripe SDK initialization timed out after 15 seconds. Check that your Stripe account has the Crypto Onramp feature enabled."
+              )
+            ),
+            15e3
+          )
+        );
+        const instance = await Promise.race([initPromise, timeoutPromise]);
+        if (!instance) {
+          throw new Error("Stripe SDK returned null.");
+        }
+        console.log("[PayWithStripeLink] Stripe SDK initialized successfully");
+        coordinatorRef.current = instance;
+        coordinatorThemeRef.current = theme;
+        setCoordinator(instance);
+        return coordinatorRef.current;
+      } catch (err) {
+        const raw = err instanceof Error ? err.message : String(err);
+        const msg = raw.includes("Cannot find module") || raw.includes("Module not found") || raw.includes("Failed to fetch") ? "Install @stripe/crypto to use Stripe Link: npm install @stripe/crypto" : `Failed to initialize Stripe SDK: ${raw}`;
+        setError(msg);
+        console.error("[PayWithStripeLink]", msg);
+        return null;
+      } finally {
+        setIsLoading(false);
+        initPromiseRef.current = null;
       }
-      console.log("[PayWithStripeLink] Stripe SDK initialized successfully");
-      coordinatorRef.current = instance;
-      setCoordinator(instance);
-      return coordinatorRef.current;
-    } catch (err) {
-      const raw = err instanceof Error ? err.message : String(err);
-      const msg = raw.includes("Cannot find module") || raw.includes("Module not found") || raw.includes("Failed to fetch") ? "Install @stripe/crypto to use Stripe Link: npm install @stripe/crypto" : `Failed to initialize Stripe SDK: ${raw}`;
-      setError(msg);
-      console.error("[PayWithStripeLink]", msg);
-      return null;
-    } finally {
-      setIsLoading(false);
-    }
+    })();
+    initPromiseRef.current = promise;
+    return promise;
   }, [stripePublishableKey]);
+  useEffect23(() => {
+    if (!coordinatorRef.current) return;
+    if (coordinatorThemeRef.current === isDark) return;
+    coordinatorRef.current.destroy();
+    coordinatorRef.current = null;
+    coordinatorThemeRef.current = null;
+    setCoordinator(null);
+  }, [isDark, coordinator]);
   useEffect23(() => {
     return () => {
       coordinatorRef.current?.destroy();
       coordinatorRef.current = null;
+      coordinatorThemeRef.current = null;
     };
   }, []);
   return { coordinator, isLoading, error, initialize };
@@ -10280,7 +10867,7 @@ function PayWithStripeLink({
   onDepositSuccess,
   onDepositError
 }) {
-  const { colors: colors2, fonts, components } = useTheme();
+  const { colors: colors2, fonts, components, isDark } = useTheme();
   const [step, setStepInternal] = useState29(controlledStep ?? "amount");
   const setStep = useCallback4(
     (s) => {
@@ -10289,6 +10876,8 @@ function PayWithStripeLink({
     },
     [onStepChange]
   );
+  const stepRef = useRef8(step);
+  stepRef.current = step;
   useEffect24(() => {
     if (controlledStep && controlledStep !== step) {
       setStepInternal(controlledStep);
@@ -10356,7 +10945,7 @@ function PayWithStripeLink({
     isLoading: sdkLoading,
     error: sdkError,
     initialize
-  } = useStripeOnramp(resolvedStripeKey);
+  } = useStripeOnramp(resolvedStripeKey, isDark);
   useEffect24(() => {
     if (step === "auth") {
       console.log("[PayWithStripeLink] Auth step state:", {
@@ -10379,6 +10968,9 @@ function PayWithStripeLink({
   const [errorReturnStep, setErrorReturnStep] = useState29("email");
   const [authIntentId, setAuthIntentId] = useState29(null);
   const sdkAuthenticatedRef = useRef8(false);
+  const everAuthenticatedRef = useRef8(false);
+  const reauthReturnStepRef = useRef8(null);
+  const attemptedWalletReauthRef = useRef8(false);
   const pendingAddPaymentRef = useRef8(false);
   const autoOpenedAddPaymentRef = useRef8(false);
   const checkoutGenRef = useRef8(0);
@@ -10577,6 +11169,7 @@ function PayWithStripeLink({
       if (step === "auth" && (pendingAddPaymentRef.current || !!accessTokenRef.current)) {
         pendingAddPaymentRef.current = false;
         autoOpenedAddPaymentRef.current = false;
+        reauthReturnStepRef.current = null;
         setError(null);
         setStep("amount");
         return true;
@@ -10594,17 +11187,34 @@ function PayWithStripeLink({
   );
   const [selectedPaymentToken, setSelectedPaymentToken] = useState29(null);
   const [paymentDisplay, setPaymentDisplay] = useState29(null);
+  const selectedTokenSingleUseRef = useRef8(false);
   const selectPaymentToken = useCallback4(
     (token) => {
+      selectedTokenSingleUseRef.current = !!token.singleUse;
       setSelectedPaymentToken(token.id);
       setPaymentDisplay(
         token.label ? { label: token.label, sublabel: token.sublabel, brand: token.brand } : null
       );
       setStoredSelectedTokenState(token);
-      if (customerId) setStoredSelectedToken(customerId, token);
+      if (customerId && !token.singleUse) setStoredSelectedToken(customerId, token);
     },
     [customerId]
   );
+  const clearSelectedPaymentToken = useCallback4(() => {
+    selectedTokenSingleUseRef.current = false;
+    const persisted = customerId ? getStoredSelectedToken(customerId) : null;
+    if (persisted && !persisted.singleUse) {
+      setSelectedPaymentToken(persisted.id);
+      setPaymentDisplay(
+        persisted.label ? { label: persisted.label, sublabel: persisted.sublabel, brand: persisted.brand } : null
+      );
+      setStoredSelectedTokenState(persisted);
+    } else {
+      setSelectedPaymentToken(null);
+      setPaymentDisplay(null);
+      setStoredSelectedTokenState(null);
+    }
+  }, [customerId]);
   const displayPaymentTokens = (() => {
     const apiDisplay = paymentTokens.map((t13) => ({ id: t13.id, ...formatPaymentToken(t13) }));
     if (storedSelectedToken && !paymentTokens.some((t13) => t13.id === storedSelectedToken.id)) {
@@ -10843,6 +11453,10 @@ function PayWithStripeLink({
     if (!resolvedStripeKey) return;
     initialize();
   }, [coordinator, sdkLoading, sdkError, resolvedStripeKey, initialize]);
+  useEffect24(() => {
+    sdkAuthenticatedRef.current = false;
+    attemptedWalletReauthRef.current = false;
+  }, [coordinator]);
   const handleAuthInterrupted = useCallback4(
     (message) => {
       const alreadySignedIn = !!accessTokenRef.current;
@@ -10856,6 +11470,26 @@ function PayWithStripeLink({
     },
     [emailProp, setStep]
   );
+  const reauthenticateSdk = useCallback4(async () => {
+    const current = stepRef.current;
+    const preAuthSteps = ["email", "register", "auth"];
+    reauthReturnStepRef.current = preAuthSteps.includes(current) ? null : current;
+    const knownEmail = (email || emailProp || "").trim();
+    if (!knownEmail) {
+      reauthReturnStepRef.current = null;
+      setStep("email");
+      return;
+    }
+    try {
+      const authResult = await stripeCreateAuthIntent(knownEmail, publishableKey);
+      setAuthIntentId(authResult.auth_intent_id);
+      setStep("auth");
+    } catch (err) {
+      reauthReturnStepRef.current = null;
+      setError(err instanceof Error ? err.message : "Failed to re-verify. Please try again.");
+      setStep("email");
+    }
+  }, [email, emailProp, publishableKey]);
   useEffect24(() => {
     if (step !== "auth" || !coordinator || !authIntentId) return;
     let mounted = true;
@@ -10866,6 +11500,7 @@ function PayWithStripeLink({
           if (result.result === "success" && result.crypto_customer_id) {
             setCustomerId(result.crypto_customer_id);
             sdkAuthenticatedRef.current = true;
+            everAuthenticatedRef.current = true;
             const tokens = await stripeExchangeTokens(authIntentId, publishableKey);
             setOauthToken(tokens.access_token);
             const refresh = extractRefreshToken(tokens);
@@ -10879,16 +11514,22 @@ function PayWithStripeLink({
               tokens.expires_in ?? 3600,
               email.trim()
             );
+            const resumeStep = reauthReturnStepRef.current;
+            reauthReturnStepRef.current = null;
             if (pendingAddPaymentRef.current) {
               setStep("payment");
+            } else if (resumeStep) {
+              setStep(resumeStep);
             } else {
               setStep("kyc");
             }
           } else if (result.result === "abandoned") {
             pendingAddPaymentRef.current = false;
+            reauthReturnStepRef.current = null;
             handleAuthInterrupted("Verification was cancelled.");
           } else if (result.result === "declined") {
             pendingAddPaymentRef.current = false;
+            reauthReturnStepRef.current = null;
             handleAuthInterrupted("You must consent to continue.");
           }
         });
@@ -10900,6 +11541,7 @@ function PayWithStripeLink({
         }
       } catch (err) {
         if (!mounted) return;
+        reauthReturnStepRef.current = null;
         const msg = err instanceof Error ? err.message : "Verification was cancelled.";
         handleAuthInterrupted(msg);
       }
@@ -11001,6 +11643,10 @@ function PayWithStripeLink({
   };
   const handleKycSubmit = async () => {
     if (!coordinator) return;
+    if (!sdkAuthenticatedRef.current) {
+      await reauthenticateSdk();
+      return;
+    }
     let kycInfo;
     if (kycFormMode === "address") {
       if (!kycForm.givenName.trim() || !kycForm.surname.trim()) {
@@ -11060,6 +11706,10 @@ function PayWithStripeLink({
     let mounted = true;
     const verify = async () => {
       try {
+        if (!sdkAuthenticatedRef.current) {
+          await reauthenticateSdk();
+          return;
+        }
         const result = await coordinator.verifyDocuments();
         if (!mounted) return;
         const outcome = typeof result === "string" ? result : result?.result;
@@ -11079,7 +11729,7 @@ function PayWithStripeLink({
     return () => {
       mounted = false;
     };
-  }, [step, coordinator]);
+  }, [step, coordinator, reauthenticateSdk]);
   useEffect24(() => {
     if (step !== "wallet" || !oauthToken || !customerId) return;
     let mounted = true;
@@ -11105,6 +11755,10 @@ function PayWithStripeLink({
           if (!coordinator) {
             return;
           }
+          if (!sdkAuthenticatedRef.current) {
+            await reauthenticateSdk();
+            return;
+          }
           await coordinator.registerWalletAddress(onrampWalletAddress, network);
         }
         if (mounted) setRegisteredWalletKey(walletKeyFor(onrampWalletAddress));
@@ -11121,7 +11775,15 @@ function PayWithStripeLink({
     return () => {
       mounted = false;
     };
-  }, [step, oauthToken, customerId, publishableKey, onrampWalletAddress, coordinator]);
+  }, [
+    step,
+    oauthToken,
+    customerId,
+    publishableKey,
+    onrampWalletAddress,
+    coordinator,
+    reauthenticateSdk
+  ]);
   useEffect24(() => {
     if (step !== "amount" && step !== "review") return;
     if (!customerId || !oauthToken || !onrampWalletAddress) return;
@@ -11150,6 +11812,10 @@ function PayWithStripeLink({
         if (coordinator && sdkAuthenticatedRef.current) {
           await coordinator.registerWalletAddress(onrampWalletAddress, network);
           if (!cancelled) setRegisteredWalletKey(walletKeyFor(onrampWalletAddress));
+        } else if (coordinator && everAuthenticatedRef.current && !attemptedWalletReauthRef.current) {
+          attemptedWalletReauthRef.current = true;
+          await reauthenticateSdk();
+          return;
         }
       } catch {
       }
@@ -11167,7 +11833,8 @@ function PayWithStripeLink({
     coordinator,
     stripeDestNetwork,
     stripeDestChainType,
-    publishableKey
+    publishableKey,
+    reauthenticateSdk
   ]);
   useEffect24(() => {
     if (step !== "payment" || !oauthToken || !customerId) return;
@@ -11264,6 +11931,32 @@ function PayWithStripeLink({
             if (!mounted) return;
             const tokenId = result.cryptoPaymentToken;
             let display = null;
+            const pmd = result.paymentMethodDetails;
+            if (pmd) {
+              display = formatPaymentToken(pmd);
+            }
+            const singleUse = pmd?.type === "card" && !!pmd.card.wallet;
+            const applyAndAdvance = () => {
+              selectPaymentToken({
+                id: tokenId,
+                label: display?.label ?? "",
+                sublabel: display?.sublabel ?? "",
+                brand: display?.brand,
+                singleUse
+              });
+              autoOpenedAddPaymentRef.current = false;
+              setStep("amount");
+            };
+            if (display) {
+              applyAndAdvance();
+              if (customerId && accessTokenRef.current) {
+                stripeListPaymentTokens(customerId, accessTokenRef.current, publishableKey).then((tokens) => {
+                  if (mounted) setPaymentTokens(tokens.data);
+                }).catch(() => {
+                });
+              }
+              return;
+            }
             try {
               if (customerId && accessTokenRef.current) {
                 const tokens = await stripeListPaymentTokens(
@@ -11271,28 +11964,15 @@ function PayWithStripeLink({
                   accessTokenRef.current,
                   publishableKey
                 );
+                if (!mounted) return;
+                setPaymentTokens(tokens.data);
                 const match = tokens.data.find((t13) => t13.id === tokenId);
-                if (match) {
-                  display = formatPaymentToken(match);
-                  setPaymentTokens(tokens.data);
-                }
+                if (match) display = formatPaymentToken(match);
               }
             } catch {
             }
-            if (!display) {
-              const dd = result.displayData;
-              if (dd?.label) {
-                display = { label: dd.label, sublabel: dd.sublabel ?? "", brand: dd.type };
-              }
-            }
-            selectPaymentToken({
-              id: tokenId,
-              label: display?.label ?? "",
-              sublabel: display?.sublabel ?? "",
-              brand: display?.brand
-            });
-            autoOpenedAddPaymentRef.current = false;
-            setStep("amount");
+            if (!mounted) return;
+            applyAndAdvance();
           }
         );
         if (mounted && el) {
@@ -11329,6 +12009,10 @@ function PayWithStripeLink({
   const handleCheckout = async () => {
     if (!amount || !oauthToken || !customerId || !selectedPaymentToken || !onrampWalletAddress || !isOnrampWalletRegistered || !coordinator)
       return;
+    if (!sdkAuthenticatedRef.current) {
+      await reauthenticateSdk();
+      return;
+    }
     const gen = ++checkoutGenRef.current;
     const isStale = () => checkoutGenRef.current !== gen;
     const surfaceStepUpOnAmount = (err, message, tier) => {
@@ -11440,6 +12124,7 @@ function PayWithStripeLink({
         executionReconciledSessionRef.current = null;
         setConfirmedSessionId(activeSessionId);
         setSessionStatus(STRIPE_SESSION_STATUS.FULFILLMENT_PROCESSING);
+        if (selectedTokenSingleUseRef.current) clearSelectedPaymentToken();
         setStep("success");
       } else if (lastError === "quote_rate_drifted" || lastError === "charged_with_expired_quote") {
         setSessionForCheckout(null);
@@ -11491,6 +12176,25 @@ function PayWithStripeLink({
     sessionForCheckoutRef.current = s;
     setSessionForCheckoutState(s);
   };
+  const loadAndSelectPreferredToken = useCallback4(async () => {
+    if (!customerId) return;
+    try {
+      const existing = await withTokenRefresh(
+        (tok) => stripeListPaymentTokens(customerId, tok, publishableKey)
+      );
+      setPaymentTokens(existing.data);
+      const stored = getStoredSelectedToken(customerId);
+      const merged = [
+        ...existing.data.map((t13) => ({ id: t13.id, ...formatPaymentToken(t13) })),
+        ...stored && !existing.data.some((t13) => t13.id === stored.id) ? [stored] : []
+      ];
+      if (merged.length > 0) {
+        const preferred = stored && merged.find((m) => m.id === stored.id) || merged[0];
+        selectPaymentToken(preferred);
+      }
+    } catch {
+    }
+  }, [customerId, publishableKey, selectPaymentToken, withTokenRefresh]);
   const handleDone = () => {
     handledTerminalSessionRef.current = null;
     executionReconciledSessionRef.current = null;
@@ -11498,6 +12202,7 @@ function PayWithStripeLink({
     setSessionStatus(null);
     setSessionForCheckout(null);
     setStep("amount");
+    if (!selectedPaymentToken) void loadAndSelectPreferredToken();
   };
   const [quoteError, setQuoteError] = useState29(null);
   const [quoteNonce, setQuoteNonce] = useState29(0);
@@ -12279,10 +12984,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(Loader25, { className: "uf-w-8 uf-h-8 uf-animate-spin", style: { color: colors2.primary } }) }),
           error && /* @__PURE__ */ jsx44(
             "div",
@@ -12300,7 +13011,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(
@@ -12337,7 +13048,8 @@ function PayWithStripeLink({
                         {
                           brand: display.brand,
                           size: 28,
-                          fallbackColor: colors2.foregroundMuted
+                          fallbackColor: colors2.foregroundMuted,
+                          monochromeColor: monochromeOn(components.card.backgroundColor)
                         }
                       )
                     }
@@ -12922,7 +13634,8 @@ function PayWithStripeLink({
               {
                 brand: paymentDisplay.brand,
                 size: 20,
-                fallbackColor: colors2.foregroundMuted
+                fallbackColor: colors2.foregroundMuted,
+                monochromeColor: monochromeOn(components.card.backgroundColor)
               }
             ),
             /* @__PURE__ */ jsx44(
@@ -13408,7 +14121,7 @@ function PayWithStripeLink({
 }
 
 // src/components/deposits/CoinbaseConnect.tsx
-import { useState as useState30, useEffect as useEffect25, useCallback as useCallback5, useMemo as useMemo6, useRef as useRef9 } from "react";
+import { useState as useState30, useEffect as useEffect25, useCallback as useCallback5, useMemo as useMemo7, useRef as useRef9 } from "react";
 import {
   ChevronRight as ChevronRight15,
   ChevronDown as ChevronDown4,
@@ -13417,7 +14130,7 @@ import {
   Hand,
   Loader2 as Loader26,
   CheckCircle2 as CheckCircle23,
-  AlertCircle as AlertCircle2
+  AlertCircle
 } from "lucide-react";
 import {
   getIntegrationExchanges,
@@ -13430,8 +14143,39 @@ import {
   IntegrationProvider
 } from "@unifold/core";
 
+// src/hooks/use-project-config.ts
+import { useQuery as useQuery8, keepPreviousData } from "@tanstack/react-query";
+import { getProjectConfig } from "@unifold/core";
+function useProjectConfig({
+  publishableKey,
+  enabled = true,
+  countryCode,
+  subdivisionCode
+}) {
+  const {
+    data: projectConfig,
+    isLoading,
+    error
+  } = useQuery8({
+    // 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, error: error ?? null };
+}
+
 // src/hooks/use-supported-deposit-tokens.ts
-import { useQuery as useQuery8 } from "@tanstack/react-query";
+import { useQuery as useQuery9 } from "@tanstack/react-query";
 import {
   getSupportedDepositTokens
 } from "@unifold/core";
@@ -13446,7 +14190,7 @@ function useSupportedDepositTokens(publishableKey, options) {
     ...options?.product_type ? { product_type: options.product_type } : {}
   };
   const hasFilteredOptions = Object.keys(filteredOptions).length > 0;
-  return useQuery8({
+  return useQuery9({
     queryKey: [
       "unifold",
       "supportedDepositTokens",
@@ -13467,7 +14211,7 @@ function useSupportedDepositTokens(publishableKey, options) {
 }
 
 // src/hooks/use-integration-transfer-default-token.ts
-import { useQuery as useQuery9 } from "@tanstack/react-query";
+import { useQuery as useQuery10 } from "@tanstack/react-query";
 import {
   getIntegrationTransferDefaultToken
 } from "@unifold/core";
@@ -13476,7 +14220,7 @@ function useIntegrationTransferDefaultToken({
   publishableKey,
   enabled = true
 }) {
-  return useQuery9({
+  return useQuery10({
     queryKey: [
       "unifold",
       "integrationTransferDefaultToken",
@@ -13557,12 +14301,12 @@ function CoinbaseConnect({
     destination_chain_id: destinationChainId,
     destination_chain_type: destinationChainType
   });
-  const supportedSymbols = useMemo6(() => {
+  const supportedSymbols = useMemo7(() => {
     const set = /* @__PURE__ */ new Set();
     supportedTokensData?.data.forEach((token) => set.add(token.symbol.toLowerCase()));
     return set;
   }, [supportedTokensData]);
-  const stablecoinSymbols = useMemo6(() => {
+  const stablecoinSymbols = useMemo7(() => {
     const set = /* @__PURE__ */ new Set();
     supportedTokensData?.data.forEach((token) => {
       if (token.is_stablecoin) set.add(token.symbol.toLowerCase());
@@ -13595,12 +14339,12 @@ function CoinbaseConnect({
   const [transferDepositWalletId, setTransferDepositWalletId] = useState30(
     void 0
   );
-  const exchangeSupportedCurrencies = useMemo6(() => {
+  const exchangeSupportedCurrencies = useMemo7(() => {
     const set = /* @__PURE__ */ new Set();
     selectedExchange?.supported_currencies.forEach((c) => set.add(c.toLowerCase()));
     return set;
   }, [selectedExchange]);
-  const defaultTokenParams = useMemo6(
+  const defaultTokenParams = useMemo7(
     () => selectedAsset ? {
       integration_provider: IntegrationProvider.COINBASE,
       source_currency: selectedAsset.currency.toLowerCase(),
@@ -13623,7 +14367,7 @@ function CoinbaseConnect({
     params: defaultTokenParams,
     publishableKey
   });
-  const defaultSourceCurrency = useMemo6(
+  const defaultSourceCurrency = useMemo7(
     () => resolveDefaultSourceSymbol(supportedTokensData?.data, {
       defaultSourceChainType,
       defaultSourceChainId,
@@ -13638,7 +14382,7 @@ function CoinbaseConnect({
       defaultSourceSymbol
     ]
   );
-  const sortedHoldings = useMemo6(() => {
+  const sortedHoldings = useMemo7(() => {
     const supported = [];
     const unsupported = [];
     holdings.forEach((account) => {
@@ -13658,7 +14402,7 @@ function CoinbaseConnect({
     }
     return [...supported, ...unsupported];
   }, [holdings, supportedSymbols, exchangeSupportedCurrencies, defaultSourceCurrency]);
-  const selectedHoldingIsSupported = useMemo6(() => {
+  const selectedHoldingIsSupported = useMemo7(() => {
     if (!selectedHolding) return false;
     const currencyLower = selectedHolding.currency.toLowerCase();
     return (supportedSymbols.size === 0 || supportedSymbols.has(currencyLower)) && (exchangeSupportedCurrencies.size === 0 || exchangeSupportedCurrencies.has(currencyLower));
@@ -13805,7 +14549,7 @@ function CoinbaseConnect({
       if (pollRef.current) clearInterval(pollRef.current);
     };
   }, []);
-  const minDepositUsd = useMemo6(() => {
+  const minDepositUsd = useMemo7(() => {
     if (!selectedAsset || !defaultTokenData) return 0;
     const supportedToken = supportedTokensData?.data.find(
       (t14) => t14.symbol.toLowerCase() === selectedAsset.currency.toLowerCase()
@@ -13816,7 +14560,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 = useMemo6(() => {
+  const estimatedProcessingTime = useMemo7(() => {
     if (!selectedAsset || !defaultTokenData) return null;
     const supportedToken = supportedTokensData?.data.find(
       (t14) => t14.symbol.toLowerCase() === selectedAsset.currency.toLowerCase()
@@ -15409,7 +16153,7 @@ function CoinbaseConnect({
             {
               className: "uf-w-16 uf-h-16 uf-rounded-full uf-flex uf-items-center uf-justify-center uf-mb-6",
               style: { backgroundColor: `${colors2.error}20` },
-              children: /* @__PURE__ */ jsx45(AlertCircle2, { className: "uf-w-8 uf-h-8", style: { color: colors2.error } })
+              children: /* @__PURE__ */ jsx45(AlertCircle, { className: "uf-w-8 uf-h-8", style: { color: colors2.error } })
             }
           ),
           /* @__PURE__ */ jsx45(
@@ -15456,13 +16200,13 @@ function CoinbaseConnect({
 CoinbaseConnect.displayName = "CoinbaseConnect";
 
 // src/hooks/use-exchanges.ts
-import { useQuery as useQuery10 } from "@tanstack/react-query";
+import { useQuery as useQuery11 } from "@tanstack/react-query";
 import { getExchanges } from "@unifold/core";
 function useExchanges({
   publishableKey,
   enabled = true
 }) {
-  const { data: exchanges = [], isLoading } = useQuery10({
+  const { data: exchanges = [], isLoading } = useQuery11({
     queryKey: ["unifold", "exchanges", publishableKey],
     queryFn: () => getExchanges(void 0, publishableKey).then((res) => res.data),
     enabled,
@@ -15474,13 +16218,13 @@ function useExchanges({
 }
 
 // src/hooks/use-apple-pay-providers.ts
-import { useQuery as useQuery11 } from "@tanstack/react-query";
+import { useQuery as useQuery12 } from "@tanstack/react-query";
 import { getApplePayProviders } from "@unifold/core";
 function useApplePayProviders({
   publishableKey,
   enabled = true
 }) {
-  const { data: providers, isLoading } = useQuery11({
+  const { data: providers, isLoading } = useQuery12({
     queryKey: ["unifold", "applePayProviders", publishableKey],
     queryFn: () => getApplePayProviders(publishableKey),
     enabled,
@@ -15503,50 +16247,29 @@ import {
 } from "@unifold/core";
 
 // src/hooks/use-allowed-country.ts
-import { useQuery as useQuery12 } from "@tanstack/react-query";
-import {
-  getIpAddress as getIpAddress2,
-  getProjectConfig as getProjectConfig2
-} from "@unifold/core";
 function useAllowedCountry(publishableKey) {
+  const { userIpInfo, isLoading: isIpLoading, error: ipError } = useUserIp();
   const {
-    data: ipData,
-    isLoading: isIpLoading,
-    error: ipError
-  } = useQuery12({
-    queryKey: ["unifold", "ipAddress"],
-    queryFn: () => getIpAddress2(),
-    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
-  } = useQuery12({
-    queryKey: ["unifold", "projectConfig", publishableKey],
-    queryFn: () => getProjectConfig2(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) => {
@@ -15555,12 +16278,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
   };
@@ -15627,7 +16349,7 @@ function useAddressValidation({
 }
 
 // src/components/deposits/TransferCryptoSingleInput.tsx
-import { useState as useState36, useEffect as useEffect30, useMemo as useMemo9 } from "react";
+import { useState as useState36, useEffect as useEffect30, useMemo as useMemo10 } from "react";
 import {
   ChevronDown as ChevronDown5,
   ChevronUp as ChevronUp3,
@@ -15986,7 +16708,7 @@ function DepositsModal({
 }
 
 // src/components/deposits/TokenSelectorSheet.tsx
-import { useState as useState32, useMemo as useMemo8, useEffect as useEffect28 } from "react";
+import { useState as useState32, useMemo as useMemo9, useEffect as useEffect28 } from "react";
 import { ArrowLeft as ArrowLeft2, X as X4 } from "lucide-react";
 import Fuse from "fuse.js";
 import { jsx as jsx49, jsxs as jsxs45 } from "react/jsx-runtime";
@@ -16053,7 +16775,7 @@ function TokenSelectorSheet({
   useEffect28(() => {
     setRecentTokens(getRecentTokens());
   }, []);
-  const allOptions = useMemo8(() => {
+  const allOptions = useMemo9(() => {
     const options = [];
     tokens.forEach((token) => {
       token.chains.forEach((chain) => {
@@ -16062,7 +16784,7 @@ function TokenSelectorSheet({
     });
     return options;
   }, [tokens]);
-  const quickSelectOptions = useMemo8(() => {
+  const quickSelectOptions = useMemo9(() => {
     const result = [];
     const seen = /* @__PURE__ */ new Set();
     const addOption = (symbol, chainType, chainId, isRecent) => {
@@ -16094,7 +16816,7 @@ function TokenSelectorSheet({
     });
     setRecentTokens(updated);
   };
-  const fuse = useMemo8(
+  const fuse = useMemo9(
     () => new Fuse(allOptions, {
       keys: [
         { name: "token.symbol", weight: 2 },
@@ -16107,7 +16829,7 @@ function TokenSelectorSheet({
     }),
     [allOptions]
   );
-  const filteredOptions = useMemo8(() => {
+  const filteredOptions = useMemo9(() => {
     if (!searchQuery.trim()) return allOptions;
     const query = searchQuery.trim();
     const results = fuse.search(query);
@@ -17095,7 +17817,7 @@ function TransferCryptoSingleInput({
   const wallets = externalWallets?.length ? externalWallets : depositAddressResponse?.data ?? [];
   const loading = externalWallets?.length ? false : walletsLoading;
   const error = walletsError?.message ?? null;
-  const allAvailableChains = useMemo9(() => {
+  const allAvailableChains = useMemo10(() => {
     const chainsMap = /* @__PURE__ */ new Map();
     supportedTokens.forEach((t13) => {
       t13.chains.forEach((c) => {
@@ -17690,7 +18412,7 @@ function TransferCryptoSingleInput({
 }
 
 // src/components/deposits/TransferCryptoDoubleInput.tsx
-import { useState as useState37, useEffect as useEffect31, useMemo as useMemo10 } from "react";
+import { useState as useState37, useEffect as useEffect31, useMemo as useMemo11 } from "react";
 import {
   ChevronDown as ChevronDown7,
   ChevronUp as ChevronUp5,
@@ -17899,7 +18621,7 @@ function TransferCryptoDoubleInput({
   const wallets = externalWallets?.length ? externalWallets : depositAddressResponse?.data ?? [];
   const loading = externalWallets?.length ? false : walletsLoading;
   const error = walletsError?.message ?? null;
-  const allAvailableChains = useMemo10(() => {
+  const allAvailableChains = useMemo11(() => {
     const chainsMap = /* @__PURE__ */ new Map();
     supportedTokens.forEach((t13) => {
       t13.chains.forEach((c) => {
@@ -20660,141 +21382,156 @@ function WalletConnect({
       setReceivedUsdAtSubmission(checkoutReceivedUsd ?? "0");
       setHasSignedTransaction(true);
       handleIveDeposited();
-      setIsConfirming(false);
-      transitionTo("confirming");
-      onSuccess?.(txHash);
-    } catch (err) {
-      const msg = err instanceof Error ? err.message : "Transaction failed";
-      setError(msg);
-      onError?.(err instanceof Error ? err : new Error(msg));
-      setIsConfirming(false);
-    }
-  };
-  if (standalone && !autoResolved) {
-    return /* @__PURE__ */ jsxs56("div", { style: viewTransitionStyle, children: [
-      /* @__PURE__ */ jsx62(
-        DepositHeader,
-        {
-          title: "Connect Wallet",
-          showBack: canGoBack,
-          onBack: handleBack,
-          onClose
-        }
-      ),
-      /* @__PURE__ */ jsx62("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-16", children: /* @__PURE__ */ jsx62(Loader210, { className: "uf-w-8 uf-h-8 uf-animate-spin", style: { color: colors2.primary } }) })
-    ] });
-  }
-  if (view === "select_wallet") {
-    return /* @__PURE__ */ jsxs56("div", { style: viewTransitionStyle, children: [
-      /* @__PURE__ */ jsx62(
-        DepositHeader,
-        {
-          title: "Connect Wallet",
-          showBack: canGoBack,
-          onBack: handleBack,
-          onClose
-        }
-      ),
-      /* @__PURE__ */ jsxs56("div", { className: "uf-pb-4", children: [
-        /* @__PURE__ */ jsx62(
-          "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__ */ jsx62("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__ */ jsx62(
-                    WalletIconWithNetwork,
-                    {
-                      WalletIcon: WALLET_ICONS3[wallet.id],
-                      networks: wallet.networks,
-                      size: 40,
-                      className: "uf-rounded-lg"
-                    }
-                  ) : /* @__PURE__ */ jsx62("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__ */ jsx62(
-                      "div",
-                      {
-                        className: "uf-text-sm uf-font-medium",
-                        style: { color: components.card.titleColor, fontFamily: fonts.medium },
-                        children: wallet.name
-                      }
-                    ),
-                    wallet.id === recentWalletId && /* @__PURE__ */ jsx62(
-                      "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__ */ jsx62(
-                  Loader210,
-                  {
-                    className: "uf-w-4 uf-h-4 uf-animate-spin",
-                    style: { color: colors2.primary }
-                  }
-                ) : wallet.isInstalled ? /* @__PURE__ */ jsx62(
-                  "span",
+      setIsConfirming(false);
+      transitionTo("confirming");
+      onSuccess?.(txHash);
+    } catch (err) {
+      const msg = err instanceof Error ? err.message : "Transaction failed";
+      setError(msg);
+      onError?.(err instanceof Error ? err : new Error(msg));
+      setIsConfirming(false);
+    }
+  };
+  if (standalone && !autoResolved) {
+    return /* @__PURE__ */ jsxs56("div", { style: viewTransitionStyle, children: [
+      /* @__PURE__ */ jsx62(
+        DepositHeader,
+        {
+          title: "Connect Wallet",
+          showBack: canGoBack,
+          onBack: handleBack,
+          onClose
+        }
+      ),
+      /* @__PURE__ */ jsx62("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-16", children: /* @__PURE__ */ jsx62(Loader210, { className: "uf-w-8 uf-h-8 uf-animate-spin", style: { color: colors2.primary } }) })
+    ] });
+  }
+  if (view === "select_wallet") {
+    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",
+        {
+          style: viewTransitionStyle,
+          className: "uf-flex uf-min-h-0 uf-flex-1 uf-flex-col sm:uf-block",
+          children: [
+            /* @__PURE__ */ jsx62(
+              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__ */ jsx62(
+                "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__ */ jsx62("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__ */ jsx62(
-                    "span",
-                    {
-                      className: "uf-text-xs",
-                      style: { color: colors2.foregroundMuted, fontFamily: fonts.regular },
-                      children: showOpenInApp ? "Open" : "Install"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx62(
-                    ExternalLink4,
-                    {
-                      className: "uf-w-3 uf-h-3",
-                      style: { color: colors2.foregroundMuted }
-                    }
-                  )
-                ] })
-              ]
-            },
-            wallet.id
-          );
-        }) }),
-        walletError && /* @__PURE__ */ jsx62("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__ */ jsx62(
+                          WalletIconWithNetwork,
+                          {
+                            WalletIcon: WALLET_ICONS3[wallet.id],
+                            networks: wallet.networks,
+                            size: 40,
+                            className: "uf-rounded-lg"
+                          }
+                        ) : /* @__PURE__ */ jsx62("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__ */ jsx62(
+                            "div",
+                            {
+                              className: "uf-text-sm uf-font-medium",
+                              style: { color: components.card.titleColor, fontFamily: fonts.medium },
+                              children: wallet.name
+                            }
+                          ),
+                          wallet.id === recentWalletId && /* @__PURE__ */ jsx62(
+                            "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__ */ jsx62(
+                        Loader210,
+                        {
+                          className: "uf-w-4 uf-h-4 uf-animate-spin",
+                          style: { color: colors2.primary }
+                        }
+                      ) : wallet.isInstalled ? /* @__PURE__ */ jsx62(
+                        "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__ */ jsx62(
+                          "span",
+                          {
+                            className: "uf-text-xs",
+                            style: { color: colors2.foregroundMuted, fontFamily: fonts.regular },
+                            children: showOpenInApp ? "Open" : "Install"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx62(
+                          ExternalLink4,
+                          {
+                            className: "uf-w-3 uf-h-3",
+                            style: { color: colors2.foregroundMuted }
+                          }
+                        )
+                      ] })
+                    ]
+                  },
+                  wallet.id
+                );
+              }) }),
+              walletError && /* @__PURE__ */ jsx62("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;
@@ -21186,11 +21923,12 @@ function DepositModal({
   applePayTitle = "Pay with Apple Pay",
   applePaySubTitle = "Instant",
   enableBankTransfer,
-  enableStripeLink = false,
-  email: emailProp,
+  // 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,
-  externalUserEmail,
   onDepositSuccess,
   onDepositError,
   onEvent,
@@ -21222,7 +21960,7 @@ function DepositModal({
     (method) => onDepositError ? (error) => onDepositError({ ...error, method }) : void 0,
     [onDepositError]
   );
-  const effectiveInitialScreen = useMemo12(() => {
+  const effectiveInitialScreen = useMemo13(() => {
     const s = initialScreen ?? "main";
     if (s === "tracker" && hideDepositTracker === true) return "main";
     if (s === "cashapp" && enableCashApp === false) return "main";
@@ -21268,14 +22006,18 @@ function DepositModal({
   const [allExecutions, setAllExecutions] = useState40([]);
   const [selectedExecution, setSelectedExecution] = useState40(null);
   const [depositExecutions, setDepositExecutions] = useState40([]);
+  const { userIpInfo, isLoading: isLoadingIp } = useUserIp();
   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;
@@ -21421,7 +22163,6 @@ function DepositModal({
     publishableKey,
     enabled: open && showPayWithExchange
   });
-  const { userIpInfo, isLoading: isLoadingIp } = useUserIp();
   const { providers: bankTransferProviders, isLoading: bankTransferProvidersLoading } = useBankTransferProviders({
     publishableKey,
     enabled: open && !!userIpInfo?.alpha2,
@@ -21599,6 +22340,12 @@ function DepositModal({
   const [cashAppView, setCashAppView] = useState40("amount");
   const [stripeLinkStep, setStripeLinkStep] = useState40("amount");
   const stripeLinkBackRef = useRef12(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 = useRef12(null);
@@ -21621,11 +22368,18 @@ function DepositModal({
         return "Success";
       case "guest_limit_reached":
         return "Limit reached";
+      case "limit_upgrade_intro":
+      case "limit_upgrade_failed":
+        return "Limit reached";
+      case "limit_upgrade_form":
+        return "Verify identity";
+      case "limit_upgrade_submitting":
+        return "Verifying";
       default:
         return "Pay with Apple Pay";
     }
   })();
-  const applePayShowBack = sessionOpenedFromMenu || applePayView === "phone_input" || applePayView === "email_otp" || applePayView === "phone_otp" || applePayView === "submitting_session" || applePayView === "checking_deposit";
+  const applePayShowBack = sessionOpenedFromMenu || applePayView === "phone_input" || applePayView === "email_otp" || applePayView === "phone_otp" || applePayView === "submitting_session" || applePayView === "checking_deposit" || applePayView === "limit_upgrade_intro" || applePayView === "limit_upgrade_form" || applePayView === "limit_upgrade_failed";
   const handleBack = () => {
     if (view === "card" && cardView === "quotes") {
       setCardView("amount");
@@ -21816,7 +22570,7 @@ function DepositModal({
     },
     "cashapp"
   ) : null;
-  const stripeLinkMenuButton = enableStripeLink ? /* @__PURE__ */ jsx63(
+  const stripeLinkMenuButton = showStripeLink ? /* @__PURE__ */ jsx63(
     StripeLinkButton,
     {
       onClick: () => setView("stripe_link"),
@@ -21864,11 +22618,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 },
@@ -21963,13 +22719,13 @@ function DepositModal({
     const stackedOptions = [
       transferCryptoMenuButton,
       connectWalletMenuButton,
+      stripeLinkMenuButton,
       depositWithCardMenuButton,
       applePayMenuButton,
       payWithExchangeMenuButton,
       connectExchangeMenuButton,
       cashAppMenuButton,
       bankTransferMenuButton,
-      stripeLinkMenuButton,
       depositTrackerMenuButton
     ].filter(Boolean);
     return renderScrollableOptions(stackedOptions);
@@ -21985,413 +22741,452 @@ 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(DialogTitle, { 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: emailProp,
-                    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,
-                    recipientAddress,
-                    destinationChainType,
-                    destinationChainId,
-                    destinationTokenAddress,
-                    destinationTokenSymbol,
-                    externalUserEmail,
-                    enableApplePay,
-                    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,
+                        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
                     }
-                  }
-                ),
-                depositPoweredByFooter
-              ] })
-            ] }) : null })
+                  ),
+                  /* @__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" ? (
+                  // 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,
+                            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: [
+                    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,
+                        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();
+                          }
+                        }
+                      }
+                    ),
+                    depositPoweredByFooter
+                  ] })
+                ] }) : null
+              }
+            )
           ]
         }
       )
@@ -22400,7 +23195,7 @@ function DepositModal({
 }
 
 // src/components/checkout/CheckoutModal.tsx
-import { useState as useState41, useEffect as useEffect35, useLayoutEffect as useLayoutEffect3, useCallback as useCallback9, useRef as useRef13, useMemo as useMemo13 } from "react";
+import { useState as useState41, useEffect as useEffect35, useLayoutEffect as useLayoutEffect3, useCallback as useCallback9, useRef as useRef13, useMemo as useMemo14 } from "react";
 import { AlertTriangle as AlertTriangle4, ChevronRight as ChevronRight19 } from "lucide-react";
 
 // src/hooks/use-payment-intent.ts
@@ -22585,11 +23380,11 @@ function CheckoutModal({
       );
     }
   }, [emitCheckoutSuccess, paymentIntent, view]);
-  const wallets = useMemo13(() => {
+  const wallets = useMemo14(() => {
     if (!paymentIntent) return [];
     return mapDepositAddressesToWallets(paymentIntent.deposit_addresses, paymentIntent);
   }, [paymentIntent]);
-  const formatCryptoAmount = useMemo13(() => {
+  const formatCryptoAmount = useMemo14(() => {
     if (!paymentIntent) return (_) => "";
     const decimals = paymentIntent.destination_token_decimals ?? 6;
     const symbol = paymentIntent.currency.toUpperCase();
@@ -22599,7 +23394,7 @@ function CheckoutModal({
       return `${formatted} ${symbol}`;
     };
   }, [paymentIntent]);
-  const remainingAmountUsd = useMemo13(() => {
+  const remainingAmountUsd = useMemo14(() => {
     if (!paymentIntent) return void 0;
     const total = parseFloat(paymentIntent.destination_amount_usd || paymentIntent.amount_usd);
     const received = parseFloat(
@@ -22611,7 +23406,7 @@ function CheckoutModal({
     return remaining > 0 ? remaining.toFixed(2) : "0.00";
   }, [paymentIntent]);
   const [selectedSource, setSelectedSource] = useState41(null);
-  const remainingDestinationAmount = useMemo13(() => {
+  const remainingDestinationAmount = useMemo14(() => {
     if (!paymentIntent) return "0";
     const remaining = BigInt(paymentIntent.destination_amount) - BigInt(paymentIntent.destination_amount_received);
     return remaining > 0n ? remaining.toString() : "0";
@@ -22633,7 +23428,7 @@ function CheckoutModal({
     stablecoinParity: paymentIntent?.stablecoin_parity ?? false,
     enabled: open && view === "transfer" && !!paymentIntent && !!selectedSource && remainingDestinationAmount !== "0"
   });
-  const effectiveCheckoutQuote = useMemo13(() => {
+  const effectiveCheckoutQuote = useMemo14(() => {
     if (!sourceQuote || !selectedSource) return null;
     const baseQuote = {
       sourceAmount: sourceQuote.source_amount,
@@ -22845,253 +23640,275 @@ function CheckoutModal({
   return /* @__PURE__ */ jsx64(PortalContainerProvider, { value: null, children: /* @__PURE__ */ jsx64(Dialog, { open, onOpenChange: handleClose, modal: true, children: /* @__PURE__ */ jsx64(
     DialogContent,
     {
-      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(AlertTriangle4, { 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: i18n.checkoutModal.transferCrypto.title,
+                      subtitle: i18n.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: i18n.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(AlertTriangle4, { 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: i18n.checkoutModal.transferCrypto.title,
-                  subtitle: i18n.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: i18n.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,
+                      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
+                ]
               }
             )
-          ] }) : /* @__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
+        }
+      )
     }
   ) }) });
 }
@@ -23591,7 +24408,7 @@ function WithdrawDoubleInput({
 }
 
 // src/components/withdrawals/WithdrawForm.tsx
-import { useState as useState43, useCallback as useCallback10, useMemo as useMemo15, useEffect as useEffect37 } from "react";
+import { useState as useState43, useCallback as useCallback10, useMemo as useMemo16, useEffect as useEffect37 } from "react";
 import {
   AlertTriangle as AlertTriangle5,
   ArrowUpDown,
@@ -23869,7 +24686,7 @@ async function detectBrowserWallet(chainType, senderAddress) {
 }
 
 // src/hooks/use-hypercore-withdraw-activation.ts
-import { useMemo as useMemo14 } from "react";
+import { useMemo as useMemo15 } from "react";
 import { ActionType as ActionType6 } from "@unifold/core";
 
 // src/hooks/use-get-deposit-address.ts
@@ -23956,7 +24773,7 @@ function useHypercoreWithdrawActivation(params) {
     actionType: ActionType6.Withdraw,
     enabled: enabled && isHypercore(sourceChainId)
   });
-  const depositWalletAddress = useMemo14(() => {
+  const depositWalletAddress = useMemo15(() => {
     const wallets = depositWalletLookup.data?.data ?? [];
     return wallets.find((w) => w.chain_type === sourceChainType)?.address;
   }, [depositWalletLookup.data, sourceChainType]);
@@ -24078,7 +24895,7 @@ function WithdrawForm({
     enabled: debouncedAddress.length > 5 && !!selectedChain
   });
   const isDebouncing = trimmedAddress !== debouncedAddress;
-  const addressError = useMemo15(() => {
+  const addressError = useMemo16(() => {
     if (!trimmedAddress || trimmedAddress.length <= 5) return null;
     if (isDebouncing || isVerifyingAddress) return null;
     if (verifyError) return t10.invalidAddress;
@@ -24112,33 +24929,33 @@ function WithdrawForm({
     destinationTokenAddress: selectedChain?.token_address,
     enabled: isAddressValid
   });
-  const exchangeRate = useMemo15(() => {
+  const exchangeRate = useMemo16(() => {
     if (!balanceData?.exchangeRate) return 0;
     return parseFloat(balanceData.exchangeRate);
   }, [balanceData]);
-  const balanceCrypto = useMemo15(() => {
+  const balanceCrypto = useMemo16(() => {
     if (!balanceData?.balanceHuman) return 0;
     return parseFloat(balanceData.balanceHuman);
   }, [balanceData]);
-  const balanceUsdNum = useMemo15(() => {
+  const balanceUsdNum = useMemo16(() => {
     if (!balanceData?.balanceUsd) return 0;
     return parseFloat(balanceData.balanceUsd);
   }, [balanceData]);
   const tokenSymbol = sourceTokenSymbol || balanceData?.symbol || "TOKEN";
   const sourceDecimals = balanceData?.decimals ?? 6;
-  const cryptoAmountFromInput = useMemo15(() => {
+  const cryptoAmountFromInput = useMemo16(() => {
     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 = useMemo15(() => {
+  const fiatAmountFromInput = useMemo16(() => {
     const val = parseFloat(amount);
     if (!val || val <= 0) return 0;
     if (inputUnit === "fiat") return val;
     return val * exchangeRate;
   }, [amount, inputUnit, exchangeRate]);
-  const convertedDisplay = useMemo15(() => {
+  const convertedDisplay = useMemo16(() => {
     if (!amount || parseFloat(amount) <= 0) return null;
     if (inputUnit === "crypto") {
       return `$${fiatAmountFromInput.toLocaleString(void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`;
@@ -24157,7 +24974,7 @@ function WithdrawForm({
     isMaxed,
     isStablecoin
   ]);
-  const balanceDisplay = useMemo15(() => {
+  const balanceDisplay = useMemo16(() => {
     if (isLoadingBalance || !balanceData) return null;
     if (inputUnit === "crypto") {
       const displayDecimals = isStablecoin ? 2 : 6;
@@ -25340,7 +26157,7 @@ function WithdrawModal({
 }
 
 // src/components/withdrawals/WithdrawTokenSelector.tsx
-import { useState as useState46, useMemo as useMemo16 } from "react";
+import { useState as useState46, useMemo as useMemo17 } from "react";
 import { Search } from "lucide-react";
 import Fuse2 from "fuse.js";
 import { jsx as jsx70, jsxs as jsxs64 } from "react/jsx-runtime";
@@ -25349,7 +26166,7 @@ function WithdrawTokenSelector({ tokens, onSelect, onBack }) {
   const { themeClass, colors: colors2, fonts, components } = useTheme();
   const [searchQuery, setSearchQuery] = useState46("");
   const [hoveredKey, setHoveredKey] = useState46(null);
-  const allOptions = useMemo16(() => {
+  const allOptions = useMemo17(() => {
     const options = [];
     tokens.forEach((token) => {
       token.chains.forEach((chain) => {
@@ -25358,7 +26175,7 @@ function WithdrawTokenSelector({ tokens, onSelect, onBack }) {
     });
     return options;
   }, [tokens]);
-  const fuse = useMemo16(
+  const fuse = useMemo17(
     () => new Fuse2(allOptions, {
       keys: [
         { name: "token.symbol", weight: 2 },
@@ -25371,7 +26188,7 @@ function WithdrawTokenSelector({ tokens, onSelect, onBack }) {
     }),
     [allOptions]
   );
-  const filteredOptions = useMemo16(() => {
+  const filteredOptions = useMemo17(() => {
     if (!searchQuery.trim()) return allOptions;
     const query = searchQuery.trim();
     const results = fuse.search(query);
@@ -25616,7 +26433,6 @@ export {
   getStoredApplePaySession,
   isHypercoreChain,
   isOnrampTokenFresh,
-  isPhoneVerificationFresh,
   mergeColors,
   resolveComponentTokens,
   sendEvmWithdraw,