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

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";
 
@@ -1487,7 +1487,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 +3520,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 +3570,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 +3577,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 +3595,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 +3812,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 +3890,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 +3902,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 +3914,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 +3939,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 +3959,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 +3992,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 +4024,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 +4232,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 +4241,30 @@ var BuyWithApplePay = React5.forwardRef(
           setEmailLocked(true);
           setPhoneCode("");
           if (amountUsd) setAmount(amountUsd);
-          setView("amount");
-        } else {
-          setOtpError("Incorrect code. Please try again.");
-          setPhoneCode("");
+          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");
+          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 +4272,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 +4301,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 +4355,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 +4408,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 +4426,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 +4462,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 +4543,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 +4562,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 +4587,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 +4619,7 @@ var BuyWithApplePay = React5.forwardRef(
               if (!verificationSession || !clientSecret) return;
               void sendOnrampVerificationOtp(
                 verificationSession.id,
-                isEmail ? "email" : "phone",
+                "phone",
                 clientSecret,
                 publishableKey
               ).then(() => setResendCooldown(30));
@@ -4429,7 +4632,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 +4780,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 +4833,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 +5121,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,49 +5147,18 @@ var BuyWithApplePay = React5.forwardRef(
   }
 );
 BuyWithApplePay.displayName = "BuyWithApplePay";
-function LegalDisclaimer({ legalAgreements, loading, colors: colors2, fonts }) {
-  if (loading) {
-    return /* @__PURE__ */ jsxs11(
-      "div",
-      {
-        className: "uf-mt-3 uf-mb-3 uf-px-1 uf-space-y-1.5 uf-animate-pulse",
-        "aria-hidden": true,
-        "aria-busy": "true",
-        children: [
-          /* @__PURE__ */ jsx13("div", { className: "uf-h-2.5 uf-rounded uf-w-full", style: { backgroundColor: colors2.card } }),
-          /* @__PURE__ */ jsx13("div", { className: "uf-h-2.5 uf-rounded uf-w-11/12", style: { backgroundColor: colors2.card } }),
-          /* @__PURE__ */ jsx13("div", { className: "uf-h-2.5 uf-rounded uf-w-3/4", style: { backgroundColor: colors2.card } })
-        ]
-      }
-    );
+function formatPhoneInput(raw) {
+  const digits = raw.replace(/\D/g, "");
+  if (raw.startsWith("+")) {
+    return `+${digits}`;
   }
-  const agreements = legalAgreements?.agreements ?? FALLBACK_AGREEMENTS;
-  return /* @__PURE__ */ jsxs11(
-    "p",
-    {
-      className: "uf-text-[11px] uf-leading-relaxed uf-mt-3 uf-mb-3 uf-px-1",
-      style: { color: colors2.foregroundMuted, fontFamily: fonts.regular },
-      children: [
-        "By continuing, you agree to Coinbase's",
-        " ",
-        agreements.map((a, idx, arr) => /* @__PURE__ */ jsxs11(React5.Fragment, { children: [
-          /* @__PURE__ */ jsx13(
-            "a",
-            {
-              href: a.url,
-              target: "_blank",
-              rel: "noopener noreferrer",
-              className: "uf-underline",
-              style: { color: colors2.foreground },
-              children: a.name
-            }
-          ),
-          idx < arr.length - 2 ? ", " : idx === arr.length - 2 ? ", and " : ""
-        ] }, a.key)),
-        ". Coinbase is the regulated provider of this fiat-to-crypto onramp."
-      ]
-    }
-  );
+  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 ?? "");
@@ -4726,6 +5166,12 @@ function isGuestLimitError(err) {
   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.";
@@ -4736,7 +5182,40 @@ function prettifyVerificationError(message) {
   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;
+  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 = [
   {
@@ -4755,42 +5234,50 @@ var FALLBACK_AGREEMENTS = [
     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;
+function LegalDisclaimer({ legalAgreements, loading }) {
+  const { colors: colors2, fonts } = useTheme();
+  if (loading) {
+    return /* @__PURE__ */ jsxs11(
+      "div",
+      {
+        className: "uf-mt-3 uf-mb-3 uf-px-1 uf-space-y-1.5 uf-animate-pulse",
+        "aria-hidden": true,
+        "aria-busy": "true",
+        children: [
+          /* @__PURE__ */ jsx13("div", { className: "uf-h-2.5 uf-rounded uf-w-full", style: { backgroundColor: colors2.card } }),
+          /* @__PURE__ */ jsx13("div", { className: "uf-h-2.5 uf-rounded uf-w-11/12", style: { backgroundColor: colors2.card } }),
+          /* @__PURE__ */ jsx13("div", { className: "uf-h-2.5 uf-rounded uf-w-3/4", style: { backgroundColor: colors2.card } })
+        ]
+      }
+    );
+  }
+  const agreements = legalAgreements?.agreements ?? FALLBACK_AGREEMENTS;
+  return /* @__PURE__ */ jsxs11(
+    "p",
+    {
+      className: "uf-text-[11px] uf-leading-relaxed uf-mt-3 uf-mb-3 uf-px-1",
+      style: { color: colors2.foregroundMuted, fontFamily: fonts.regular },
+      children: [
+        "By continuing, you agree to Coinbase's",
+        " ",
+        agreements.map((a, idx, arr) => /* @__PURE__ */ jsxs11(React5.Fragment, { children: [
+          /* @__PURE__ */ jsx13(
+            "a",
+            {
+              href: a.url,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "uf-underline",
+              style: { color: colors2.foreground },
+              children: a.name
+            }
+          ),
+          idx < arr.length - 2 ? ", " : idx === arr.length - 2 ? ", and " : ""
+        ] }, a.key)),
+        ". Coinbase is the regulated provider of this fiat-to-crypto onramp."
+      ]
     }
-  }
-  return null;
+  );
 }
 
 // src/components/deposits/PayWithExchange.tsx
@@ -5059,7 +5546,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 +5599,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 +5703,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 +6224,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 +6234,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 +6318,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 +6339,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]
   );
@@ -10013,16 +10459,114 @@ function AmexIcon({ size = 24 }) {
     )
   ] });
 }
+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: 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: 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"
+      }
+    ),
+    /* @__PURE__ */ jsx43(
+      "path",
+      {
+        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",
+      {
+        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"
+      }
+    )
+  ] });
+}
 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 +10575,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 +10627,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 +10858,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 +10867,8 @@ function PayWithStripeLink({
     },
     [onStepChange]
   );
+  const stepRef = useRef8(step);
+  stepRef.current = step;
   useEffect24(() => {
     if (controlledStep && controlledStep !== step) {
       setStepInternal(controlledStep);
@@ -10356,7 +10936,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 +10959,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 +11160,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 +11178,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 +11444,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 +11461,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 +11491,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 +11505,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 +11532,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 +11634,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 +11697,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 +11720,7 @@ function PayWithStripeLink({
     return () => {
       mounted = false;
     };
-  }, [step, coordinator]);
+  }, [step, coordinator, reauthenticateSdk]);
   useEffect24(() => {
     if (step !== "wallet" || !oauthToken || !customerId) return;
     let mounted = true;
@@ -11105,6 +11746,10 @@ function PayWithStripeLink({
           if (!coordinator) {
             return;
           }
+          if (!sdkAuthenticatedRef.current) {
+            await reauthenticateSdk();
+            return;
+          }
           await coordinator.registerWalletAddress(onrampWalletAddress, network);
         }
         if (mounted) setRegisteredWalletKey(walletKeyFor(onrampWalletAddress));
@@ -11121,7 +11766,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 +11803,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 +11824,8 @@ function PayWithStripeLink({
     coordinator,
     stripeDestNetwork,
     stripeDestChainType,
-    publishableKey
+    publishableKey,
+    reauthenticateSdk
   ]);
   useEffect24(() => {
     if (step !== "payment" || !oauthToken || !customerId) return;
@@ -11264,6 +11922,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 +11955,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 +12000,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 +12115,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 +12167,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 +12193,7 @@ function PayWithStripeLink({
     setSessionStatus(null);
     setSessionForCheckout(null);
     setStep("amount");
+    if (!selectedPaymentToken) void loadAndSelectPreferredToken();
   };
   const [quoteError, setQuoteError] = useState29(null);
   const [quoteNonce, setQuoteNonce] = useState29(0);
@@ -12337,7 +13033,8 @@ function PayWithStripeLink({
                         {
                           brand: display.brand,
                           size: 28,
-                          fallbackColor: colors2.foregroundMuted
+                          fallbackColor: colors2.foregroundMuted,
+                          monochromeColor: monochromeOn(components.card.backgroundColor)
                         }
                       )
                     }
@@ -12922,7 +13619,8 @@ function PayWithStripeLink({
               {
                 brand: paymentDisplay.brand,
                 size: 20,
-                fallbackColor: colors2.foregroundMuted
+                fallbackColor: colors2.foregroundMuted,
+                monochromeColor: monochromeOn(components.card.backgroundColor)
               }
             ),
             /* @__PURE__ */ jsx44(
@@ -13408,7 +14106,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 +14115,7 @@ import {
   Hand,
   Loader2 as Loader26,
   CheckCircle2 as CheckCircle23,
-  AlertCircle as AlertCircle2
+  AlertCircle
 } from "lucide-react";
 import {
   getIntegrationExchanges,
@@ -13430,8 +14128,26 @@ import {
   IntegrationProvider
 } from "@unifold/core";
 
-// src/hooks/use-supported-deposit-tokens.ts
+// src/hooks/use-project-config.ts
 import { useQuery as useQuery8 } from "@tanstack/react-query";
+import { getProjectConfig } from "@unifold/core";
+function useProjectConfig({
+  publishableKey,
+  enabled = true
+}) {
+  const { data: projectConfig, isLoading } = useQuery8({
+    queryKey: ["unifold", "projectConfig", publishableKey],
+    queryFn: () => getProjectConfig(publishableKey),
+    enabled,
+    staleTime: 1e3 * 60 * 30,
+    refetchOnMount: true,
+    refetchOnWindowFocus: true
+  });
+  return { projectConfig, isLoading };
+}
+
+// src/hooks/use-supported-deposit-tokens.ts
+import { useQuery as useQuery9 } from "@tanstack/react-query";
 import {
   getSupportedDepositTokens
 } from "@unifold/core";
@@ -13446,7 +14162,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 +14183,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 +14192,7 @@ function useIntegrationTransferDefaultToken({
   publishableKey,
   enabled = true
 }) {
-  return useQuery9({
+  return useQuery10({
     queryKey: [
       "unifold",
       "integrationTransferDefaultToken",
@@ -13557,12 +14273,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 +14311,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 +14339,7 @@ function CoinbaseConnect({
     params: defaultTokenParams,
     publishableKey
   });
-  const defaultSourceCurrency = useMemo6(
+  const defaultSourceCurrency = useMemo7(
     () => resolveDefaultSourceSymbol(supportedTokensData?.data, {
       defaultSourceChainType,
       defaultSourceChainId,
@@ -13638,7 +14354,7 @@ function CoinbaseConnect({
       defaultSourceSymbol
     ]
   );
-  const sortedHoldings = useMemo6(() => {
+  const sortedHoldings = useMemo7(() => {
     const supported = [];
     const unsupported = [];
     holdings.forEach((account) => {
@@ -13658,7 +14374,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 +14521,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 +14532,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 +16125,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 +16172,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 +16190,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,7 +16219,7 @@ import {
 } from "@unifold/core";
 
 // src/hooks/use-allowed-country.ts
-import { useQuery as useQuery12 } from "@tanstack/react-query";
+import { useQuery as useQuery13 } from "@tanstack/react-query";
 import {
   getIpAddress as getIpAddress2,
   getProjectConfig as getProjectConfig2
@@ -15513,7 +16229,7 @@ function useAllowedCountry(publishableKey) {
     data: ipData,
     isLoading: isIpLoading,
     error: ipError
-  } = useQuery12({
+  } = useQuery13({
     queryKey: ["unifold", "ipAddress"],
     queryFn: () => getIpAddress2(),
     refetchOnMount: false,
@@ -15528,7 +16244,7 @@ function useAllowedCountry(publishableKey) {
     data: configData,
     isLoading: isConfigLoading,
     error: configError
-  } = useQuery12({
+  } = useQuery13({
     queryKey: ["unifold", "projectConfig", publishableKey],
     queryFn: () => getProjectConfig2(publishableKey),
     refetchOnMount: false,
@@ -15567,7 +16283,7 @@ function useAllowedCountry(publishableKey) {
 }
 
 // src/hooks/use-address-validation.ts
-import { useQuery as useQuery13 } from "@tanstack/react-query";
+import { useQuery as useQuery14 } from "@tanstack/react-query";
 import {
   verifyRecipientAddress
 } from "@unifold/core";
@@ -15581,7 +16297,7 @@ function useAddressValidation({
   refetchOnMount = false
 }) {
   const shouldValidate = enabled && !!recipientAddress && !!destinationChainType && !!destinationChainId && !!destinationTokenAddress;
-  const { data, isLoading, error } = useQuery13({
+  const { data, isLoading, error } = useQuery14({
     queryKey: [
       "unifold",
       "addressValidation",
@@ -15627,7 +16343,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 +16702,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 +16769,7 @@ function TokenSelectorSheet({
   useEffect28(() => {
     setRecentTokens(getRecentTokens());
   }, []);
-  const allOptions = useMemo8(() => {
+  const allOptions = useMemo9(() => {
     const options = [];
     tokens.forEach((token) => {
       token.chains.forEach((chain) => {
@@ -16062,7 +16778,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 +16810,7 @@ function TokenSelectorSheet({
     });
     setRecentTokens(updated);
   };
-  const fuse = useMemo8(
+  const fuse = useMemo9(
     () => new Fuse(allOptions, {
       keys: [
         { name: "token.symbol", weight: 2 },
@@ -16107,7 +16823,7 @@ function TokenSelectorSheet({
     }),
     [allOptions]
   );
-  const filteredOptions = useMemo8(() => {
+  const filteredOptions = useMemo9(() => {
     if (!searchQuery.trim()) return allOptions;
     const query = searchQuery.trim();
     const results = fuse.search(query);
@@ -16943,7 +17659,7 @@ import {
 } from "@unifold/core";
 
 // src/hooks/use-hypercore-activation.ts
-import { useQuery as useQuery14 } from "@tanstack/react-query";
+import { useQuery as useQuery15 } from "@tanstack/react-query";
 import { checkHypercoreActivation } from "@unifold/core";
 
 // src/lib/constants.ts
@@ -16962,7 +17678,7 @@ function useHypercoreActivation(params) {
   const recipient = recipientAddress?.trim() ?? "";
   const source = sourceAddress?.trim() ?? "";
   const hasAddresses = !!recipient && !!source;
-  const { data, isLoading } = useQuery14({
+  const { data, isLoading } = useQuery15({
     queryKey: ["unifold", "hypercoreActivation", source, recipient, publishableKey],
     queryFn: () => checkHypercoreActivation(
       {
@@ -17095,7 +17811,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 +18406,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 +18615,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) => {
@@ -18491,7 +19207,7 @@ async function sendHypercoreEvmTransfer(params) {
 }
 
 // src/hooks/use-deposit-quote.ts
-import { useQuery as useQuery15 } from "@tanstack/react-query";
+import { useQuery as useQuery16 } from "@tanstack/react-query";
 import { getDepositQuote } from "@unifold/core";
 function useDepositQuote(params) {
   const {
@@ -18518,7 +19234,7 @@ function useDepositQuote(params) {
     ...adjustForSlippage ? { adjust_for_slippage: true } : {},
     ...stablecoinParity ? { stablecoin_parity: true } : {}
   };
-  return useQuery15({
+  return useQuery16({
     queryKey: [
       "unifold",
       "depositQuote",
@@ -18546,13 +19262,13 @@ function useDepositQuote(params) {
 }
 
 // src/hooks/use-external-wallets.ts
-import { useQuery as useQuery16 } from "@tanstack/react-query";
+import { useQuery as useQuery17 } from "@tanstack/react-query";
 import { getExternalWallets } from "@unifold/core";
 function useExternalWallets({
   publishableKey,
   enabled = true
 }) {
-  const { data: wallets = [], isLoading } = useQuery16({
+  const { data: wallets = [], isLoading } = useQuery17({
     queryKey: ["unifold", "external-wallets", publishableKey],
     queryFn: () => getExternalWallets(publishableKey).then((res) => res.data),
     enabled: enabled && !!publishableKey,
@@ -21187,10 +21903,9 @@ function DepositModal({
   applePaySubTitle = "Instant",
   enableBankTransfer,
   enableStripeLink = false,
-  email: emailProp,
+  userEmail,
   hideDepositFlowInfo = false,
   hideDisplayDescription = false,
-  externalUserEmail,
   onDepositSuccess,
   onDepositError,
   onEvent,
@@ -21222,7 +21937,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";
@@ -21621,11 +22336,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");
@@ -22304,7 +23026,7 @@ function DepositModal({
                     destinationChainId,
                     destinationTokenAddress,
                     wallets,
-                    email: emailProp,
+                    email: userEmail,
                     iconUrl: projectConfig?.asset_cdn_url ? `${projectConfig.asset_cdn_url}/api/public/icons/onramps/svg/link.svg` : void 0,
                     step: stripeLinkStep,
                     onStepChange: setStripeLinkStep,
@@ -22367,13 +23089,10 @@ function DepositModal({
                     ref: applePayHandleRef,
                     userId,
                     publishableKey,
-                    recipientAddress,
                     destinationChainType,
                     destinationChainId,
                     destinationTokenAddress,
-                    destinationTokenSymbol,
-                    externalUserEmail,
-                    enableApplePay,
+                    userEmail,
                     wallets,
                     onViewChange: setApplePayView,
                     onEvent,
@@ -22400,16 +23119,16 @@ function DepositModal({
 }
 
 // src/components/checkout/CheckoutModal.tsx
-import { useState as useState41, useEffect as useEffect35, useLayoutEffect as useLayoutEffect3, useCallback as useCallback9, useRef as useRef13, useMemo as 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
-import { useQuery as useQuery17 } from "@tanstack/react-query";
+import { useQuery as useQuery18 } from "@tanstack/react-query";
 import { retrievePaymentIntent } from "@unifold/core";
 var TERMINAL_STATUSES = /* @__PURE__ */ new Set(["succeeded", "expired", "refunded", "canceled"]);
 function usePaymentIntent(params) {
   const { clientSecret, publishableKey, enabled = true, pollingInterval = 3e3 } = params;
-  return useQuery17({
+  return useQuery18({
     queryKey: ["unifold", "paymentIntent", clientSecret, publishableKey],
     queryFn: () => retrievePaymentIntent(clientSecret, publishableKey),
     enabled: enabled && !!clientSecret && !!publishableKey,
@@ -22585,11 +23304,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 +23318,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 +23330,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 +23352,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,
@@ -23101,12 +23820,12 @@ import { useState as useState45, useEffect as useEffect39, useLayoutEffect as us
 import { AlertTriangle as AlertTriangle6, ChevronRight as ChevronRight21, Clock as Clock6 } from "lucide-react";
 
 // src/hooks/use-supported-destination-tokens.ts
-import { useQuery as useQuery18 } from "@tanstack/react-query";
+import { useQuery as useQuery19 } from "@tanstack/react-query";
 import {
   getSupportedDestinationTokens
 } from "@unifold/core";
 function useSupportedDestinationTokens(publishableKey, enabled = true) {
-  return useQuery18({
+  return useQuery19({
     queryKey: ["unifold", "supportedDestinationTokens", publishableKey],
     queryFn: () => getSupportedDestinationTokens(publishableKey),
     staleTime: 1e3 * 60 * 5,
@@ -23135,7 +23854,7 @@ function useDefaultDestinationToken({
 }
 
 // src/hooks/use-source-token-validation.ts
-import { useQuery as useQuery19 } from "@tanstack/react-query";
+import { useQuery as useQuery20 } from "@tanstack/react-query";
 import { getSupportedDepositTokens as getSupportedDepositTokens3 } from "@unifold/core";
 function useSourceTokenValidation(params) {
   const {
@@ -23147,7 +23866,7 @@ function useSourceTokenValidation(params) {
     enabled = true
   } = params;
   const hasParams = !!sourceChainType && !!sourceChainId && !!sourceTokenAddress;
-  return useQuery19({
+  return useQuery20({
     queryKey: [
       "unifold",
       "sourceTokenValidation",
@@ -23195,12 +23914,12 @@ function useSourceTokenValidation(params) {
 }
 
 // src/hooks/use-address-balance.ts
-import { useQuery as useQuery20 } from "@tanstack/react-query";
+import { useQuery as useQuery21 } from "@tanstack/react-query";
 import { getAddressBalance as getAddressBalance2 } from "@unifold/core";
 function useAddressBalance(params) {
   const { address, chainType, chainId, tokenAddress, publishableKey, enabled = true } = params;
   const hasParams = !!address && !!chainType && !!chainId && !!tokenAddress;
-  return useQuery20({
+  return useQuery21({
     queryKey: [
       "unifold",
       "addressBalance",
@@ -23256,11 +23975,11 @@ function useAddressBalance(params) {
 }
 
 // src/hooks/use-executions.ts
-import { useQuery as useQuery21 } from "@tanstack/react-query";
+import { useQuery as useQuery22 } from "@tanstack/react-query";
 import { queryExecutions as queryExecutions4, ActionType as ActionType4 } from "@unifold/core";
 function useExecutions(userId, publishableKey, options) {
   const actionType = options?.actionType ?? ActionType4.Deposit;
-  return useQuery21({
+  return useQuery22({
     queryKey: ["unifold", "executions", actionType, userId, publishableKey],
     queryFn: () => queryExecutions4(userId, publishableKey, actionType),
     enabled: (options?.enabled ?? true) && !!userId,
@@ -23591,7 +24310,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,
@@ -23609,7 +24328,7 @@ import {
 } from "@unifold/core";
 
 // src/hooks/use-verify-recipient-address.ts
-import { useQuery as useQuery22 } from "@tanstack/react-query";
+import { useQuery as useQuery23 } from "@tanstack/react-query";
 import { verifyRecipientAddress as verifyRecipientAddress2 } from "@unifold/core";
 function useVerifyRecipientAddress(params) {
   const {
@@ -23622,7 +24341,7 @@ function useVerifyRecipientAddress(params) {
   } = params;
   const trimmedAddress = recipientAddress?.trim() || "";
   const hasAllParams = !!chainType && !!chainId && !!tokenAddress && trimmedAddress.length > 0;
-  return useQuery22({
+  return useQuery23({
     queryKey: [
       "unifold",
       "verifyRecipientAddress",
@@ -23869,11 +24588,11 @@ 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
-import { useQuery as useQuery23 } from "@tanstack/react-query";
+import { useQuery as useQuery24 } from "@tanstack/react-query";
 import { getDepositAddress } from "@unifold/core";
 function useGetDepositAddress(params) {
   const {
@@ -23887,7 +24606,7 @@ function useGetDepositAddress(params) {
     enabled = true
   } = params;
   const canFire = !!userId && !!recipientAddress && !!destinationChainType && !!destinationChainId && !!destinationTokenAddress;
-  return useQuery23({
+  return useQuery24({
     queryKey: [
       "unifold",
       "getDepositAddress",
@@ -23956,7 +24675,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 +24797,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 +24831,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 +24876,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 +26059,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 +26068,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 +26077,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 +26090,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 +26335,6 @@ export {
   getStoredApplePaySession,
   isHypercoreChain,
   isOnrampTokenFresh,
-  isPhoneVerificationFresh,
   mergeColors,
   resolveComponentTokens,
   sendEvmWithdraw,