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

package/dist/index.mjs

@@ -1144,7 +1144,7 @@ ${new this._window.XMLSerializer().serializeToString(e3)}`;
 });
 
 // src/provider.tsx
-import React38, { useState as useState39, useCallback as useCallback13, useMemo as useMemo17, useEffect as useEffect40 } from "react";
+import React38, { useState as useState39, useCallback as useCallback13, useMemo as useMemo18, useEffect as useEffect40 } from "react";
 
 // ../react-provider/dist/index.mjs
 import { createContext, useContext, useState, useEffect, useMemo, useRef } from "react";
@@ -1218,7 +1218,7 @@ import {
   useLayoutEffect as useLayoutEffect22,
   useCallback as useCallback82,
   useRef as useRef122,
-  useMemo as useMemo12
+  useMemo as useMemo13
 } from "react";
 
 // ../../node_modules/.pnpm/lucide-react@0.454.0_react@19.2.3/node_modules/lucide-react/dist/esm/createLucideIcon.js
@@ -7534,6 +7534,59 @@ async function exchangeOnrampVerificationToken(id, clientSecret, publishableKey)
     "Failed to exchange verification token"
   );
 }
+function isApplePayLimitReached(response) {
+  return response.limits.some((l) => l.remaining === "0");
+}
+function getApplePayLimitUpgradeStatus(response) {
+  const opt = response.limit_upgrade_options?.[0];
+  if (!opt || typeof opt.status !== "string") return null;
+  return opt.status;
+}
+async function getCoinbaseApplePayLimits(phone, publishableKey, signal) {
+  const pk = publishableKey || DEFAULT_PUBLISHABLE_KEY;
+  validatePublishableKey(pk);
+  const response = await fetch(
+    `${API_BASE_URL}/v1/public/onramps/headless/coinbase/apple_pay/limits`,
+    {
+      method: "POST",
+      headers: {
+        accept: "application/json",
+        "x-publishable-key": pk,
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify({ phone }),
+      signal
+    }
+  );
+  const raw = await jsonOrThrow(response, "Failed to fetch Apple Pay limits");
+  return {
+    limits: raw.limits,
+    limit_upgrade_options: raw.limit_upgrade_options,
+    limit_reached: isApplePayLimitReached(raw),
+    upgrade_status: getApplePayLimitUpgradeStatus(raw)
+  };
+}
+async function requestCoinbaseApplePayLimitUpgrade(request, publishableKey, signal) {
+  const pk = publishableKey || DEFAULT_PUBLISHABLE_KEY;
+  validatePublishableKey(pk);
+  const response = await fetch(
+    `${API_BASE_URL}/v1/public/onramps/headless/coinbase/apple_pay/limits/upgrade`,
+    {
+      method: "POST",
+      headers: {
+        accept: "application/json",
+        "x-publishable-key": pk,
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify(request),
+      signal
+    }
+  );
+  return jsonOrThrow(
+    response,
+    "Failed to request Apple Pay limit upgrade"
+  );
+}
 async function createCoinbaseApplePaySession(request, onrampToken, publishableKey, signal) {
   const pk = publishableKey || DEFAULT_PUBLISHABLE_KEY;
   validatePublishableKey(pk);
@@ -7716,21 +7769,22 @@ import { Fragment as Fragment23, jsx as jsx102, jsxs as jsxs9 } from "react/jsx-
 import { jsx as jsx112 } from "react/jsx-runtime";
 import { jsx as jsx122, jsxs as jsxs10 } from "react/jsx-runtime";
 import * as React52 from "react";
-import { useCallback as useCallback10, useEffect as useEffect72, useMemo as useMemo22, useRef as useRef32, useState as useState112 } from "react";
+import { useCallback as useCallback10, useEffect as useEffect72, useMemo as useMemo32, useRef as useRef32, useState as useState112 } from "react";
 import { useQuery as useQuery3 } from "@tanstack/react-query";
+import { useMemo as useMemo22 } from "react";
 import { useQuery as useQuery4 } from "@tanstack/react-query";
+import { useQuery as useQuery5 } from "@tanstack/react-query";
 import { Fragment as Fragment42, jsx as jsx132, jsxs as jsxs11 } from "react/jsx-runtime";
 import { useState as useState122 } from "react";
 import { jsx as jsx142, jsxs as jsxs12 } from "react/jsx-runtime";
 import { useState as useState152, useEffect as useEffect102, useCallback as useCallback22 } from "react";
 var import_qr_code_styling = __toESM(require_qr_code_styling(), 1);
-import { useEffect as useEffect82, useRef as useRef42, useState as useState132, useMemo as useMemo32 } from "react";
+import { useEffect as useEffect82, useRef as useRef42, useState as useState132, useMemo as useMemo42 } from "react";
 import { jsx as jsx152, jsxs as jsxs13 } from "react/jsx-runtime";
 import { useState as useState142, useEffect as useEffect92 } from "react";
-import { useQuery as useQuery5 } from "@tanstack/react-query";
-import { Fragment as Fragment52, jsx as jsx162, jsxs as jsxs14 } from "react/jsx-runtime";
-import { useEffect as useEffect112, useMemo as useMemo42, useState as useState162 } from "react";
 import { useQuery as useQuery6 } from "@tanstack/react-query";
+import { Fragment as Fragment52, jsx as jsx162, jsxs as jsxs14 } from "react/jsx-runtime";
+import { useEffect as useEffect112, useMemo as useMemo52, useState as useState162 } from "react";
 import { useQuery as useQuery7 } from "@tanstack/react-query";
 import { jsx as jsx172, jsxs as jsxs15 } from "react/jsx-runtime";
 import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
@@ -7987,21 +8041,22 @@ import { useState as useState292, useEffect as useEffect242, useCallback as useC
 import { jsx as jsx43, jsxs as jsxs40 } from "react/jsx-runtime";
 import { useState as useState282, useEffect as useEffect232, useRef as useRef72, useCallback as useCallback32 } from "react";
 import { Fragment as Fragment62, jsx as jsx44, jsxs as jsxs41 } from "react/jsx-runtime";
-import { useState as useState30, useEffect as useEffect252, useCallback as useCallback52, useMemo as useMemo62, useRef as useRef92 } from "react";
+import { useState as useState30, useEffect as useEffect252, useCallback as useCallback52, useMemo as useMemo72, useRef as useRef92 } from "react";
 import { useQuery as useQuery8 } from "@tanstack/react-query";
 import { useQuery as useQuery9 } from "@tanstack/react-query";
-import { Fragment as Fragment72, jsx as jsx45, jsxs as jsxs422 } from "react/jsx-runtime";
 import { useQuery as useQuery10 } from "@tanstack/react-query";
+import { Fragment as Fragment72, jsx as jsx45, jsxs as jsxs422 } from "react/jsx-runtime";
 import { useQuery as useQuery11 } from "@tanstack/react-query";
 import { useQuery as useQuery12 } from "@tanstack/react-query";
 import { useQuery as useQuery13 } from "@tanstack/react-query";
-import { useState as useState36, useEffect as useEffect302, useMemo as useMemo92 } from "react";
+import { useQuery as useQuery14 } from "@tanstack/react-query";
+import { useState as useState36, useEffect as useEffect302, useMemo as useMemo102 } from "react";
 import { useEffect as useEffect272, useState as useState31 } from "react";
 import * as React312 from "react";
 import { jsx as jsx46 } from "react/jsx-runtime";
 import { jsx as jsx47, jsxs as jsxs43 } from "react/jsx-runtime";
 import { Fragment as Fragment82, jsx as jsx48, jsxs as jsxs44 } from "react/jsx-runtime";
-import { useState as useState322, useMemo as useMemo82, useEffect as useEffect282 } from "react";
+import { useState as useState322, useMemo as useMemo92, useEffect as useEffect282 } from "react";
 
 // ../../node_modules/.pnpm/fuse.js@7.4.0/node_modules/fuse.js/dist/fuse.mjs
 function isArray(value) {
@@ -12745,10 +12800,10 @@ var Content22 = TooltipContent;
 
 // ../ui-react/dist/index.mjs
 import { jsx as jsx522 } from "react/jsx-runtime";
-import { useQuery as useQuery14 } from "@tanstack/react-query";
+import { useQuery as useQuery15 } from "@tanstack/react-query";
 import { jsx as jsx53, jsxs as jsxs48 } from "react/jsx-runtime";
 import { Fragment as Fragment10, jsx as jsx54, jsxs as jsxs49 } from "react/jsx-runtime";
-import { useState as useState37, useEffect as useEffect312, useMemo as useMemo102 } from "react";
+import { useState as useState37, useEffect as useEffect312, useMemo as useMemo112 } from "react";
 import * as React332 from "react";
 
 // ../../node_modules/.pnpm/@radix-ui+react-select@2.2.6_@types+react-dom@19.2.3_@types+react@19.2.9__@types+react@19.2.9_cot3leusltbsophitaz3dgdqdm/node_modules/@radix-ui/react-select/dist/index.mjs
@@ -13987,8 +14042,8 @@ var Separator = SelectSeparator;
 import { jsx as jsx55, jsxs as jsxs50 } from "react/jsx-runtime";
 import { jsx as jsx56, jsxs as jsxs51 } from "react/jsx-runtime";
 import * as React342 from "react";
-import { useQuery as useQuery15 } from "@tanstack/react-query";
 import { useQuery as useQuery16 } from "@tanstack/react-query";
+import { useQuery as useQuery17 } from "@tanstack/react-query";
 import { jsx as jsx57 } from "react/jsx-runtime";
 import { jsx as jsx58, jsxs as jsxs52 } from "react/jsx-runtime";
 import { Fragment as Fragment11, jsx as jsx59, jsxs as jsxs53 } from "react/jsx-runtime";
@@ -13997,26 +14052,26 @@ import { useEffect as useEffect322, useState as useState382 } from "react";
 import { Fragment as Fragment13, jsx as jsx61, jsxs as jsxs55 } from "react/jsx-runtime";
 import { jsx as jsx622, jsxs as jsxs56 } from "react/jsx-runtime";
 import { Fragment as Fragment14, jsx as jsx63, jsxs as jsxs57 } from "react/jsx-runtime";
-import { useState as useState41, useEffect as useEffect35, useLayoutEffect as useLayoutEffect32, useCallback as useCallback92, useRef as useRef132, useMemo as useMemo132 } from "react";
-import { useQuery as useQuery17 } from "@tanstack/react-query";
+import { useState as useState41, useEffect as useEffect35, useLayoutEffect as useLayoutEffect32, useCallback as useCallback92, useRef as useRef132, useMemo as useMemo142 } from "react";
+import { useQuery as useQuery18 } from "@tanstack/react-query";
 import { Fragment as Fragment15, jsx as jsx64, jsxs as jsxs58 } from "react/jsx-runtime";
 import { useState as useState45, useEffect as useEffect39, useLayoutEffect as useLayoutEffect42, useCallback as useCallback112, useRef as useRef152 } from "react";
-import { useQuery as useQuery18 } from "@tanstack/react-query";
 import { useQuery as useQuery19 } from "@tanstack/react-query";
 import { useQuery as useQuery20 } from "@tanstack/react-query";
 import { useQuery as useQuery21 } from "@tanstack/react-query";
+import { useQuery as useQuery222 } from "@tanstack/react-query";
 import { useState as useState42, useEffect as useEffect36, useRef as useRef142 } from "react";
 import { jsx as jsx65, jsxs as jsxs59 } from "react/jsx-runtime";
-import { useState as useState43, useCallback as useCallback102, useMemo as useMemo15, useEffect as useEffect37 } from "react";
-import { useQuery as useQuery222 } from "@tanstack/react-query";
-import { useMemo as useMemo142 } from "react";
+import { useState as useState43, useCallback as useCallback102, useMemo as useMemo16, useEffect as useEffect37 } from "react";
 import { useQuery as useQuery23 } from "@tanstack/react-query";
+import { useMemo as useMemo15 } from "react";
+import { useQuery as useQuery24 } from "@tanstack/react-query";
 import { Fragment as Fragment16, jsx as jsx66, jsxs as jsxs60 } from "react/jsx-runtime";
 import { jsx as jsx67, jsxs as jsxs61 } from "react/jsx-runtime";
 import { useState as useState44, useEffect as useEffect38 } from "react";
 import { Fragment as Fragment17, jsx as jsx68, jsxs as jsxs62 } from "react/jsx-runtime";
 import { Fragment as Fragment18, jsx as jsx69, jsxs as jsxs63 } from "react/jsx-runtime";
-import { useState as useState46, useMemo as useMemo16 } from "react";
+import { useState as useState46, useMemo as useMemo17 } from "react";
 import { jsx as jsx70, jsxs as jsxs64 } from "react/jsx-runtime";
 function cn(...inputs) {
   return twMerge(clsx(inputs));
@@ -15406,7 +15461,7 @@ var en_default2 = {
   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",
@@ -17390,20 +17445,6 @@ function BuyWithCard({
     }
   );
 }
-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 };
-}
 var STORAGE_KEY_PREFIX = "unifold:apple-pay:session";
 var PHONE_FRESH_MS = 55 * 24 * 60 * 60 * 1e3;
 function isBrowser() {
@@ -17440,7 +17481,7 @@ function useCoinbaseLegalAgreements({
   publishableKey,
   enabled = true
 }) {
-  return useQuery4({
+  return useQuery3({
     queryKey: ["unifold", "coinbaseLegalAgreements", publishableKey],
     queryFn: () => getCoinbaseLegalAgreements(publishableKey),
     enabled: enabled && !!publishableKey,
@@ -17451,47 +17492,200 @@ function useCoinbaseLegalAgreements({
     retry: 1
   });
 }
-var COINBASE_PAY_ORIGIN = "https://pay.coinbase.com";
-var DEFAULT_MIN_USD = 5;
-var DEFAULT_MAX_USD = 500;
-var DEFAULT_SUGGESTED = [25, 50, 100];
+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
+  });
+}
 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}`;
+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";
   }
-  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 useApplePayInitialScreen({
+  userId,
+  publishableKey,
+  normalizedPhone,
+  userEmail,
+  sessionPhoneVerified,
+  isWaiting
+}) {
+  const initialStoredSession = useMemo22(() => 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 = useMemo22(() => {
+    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
+  };
 }
-function maskPhone(phone) {
-  if (!/^\+1\d{10}$/.test(phone)) return phone;
-  return `+1 (***) ***-${phone.slice(-4)}`;
+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: () => getDefaultOnrampToken(
+      {
+        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 };
+}
+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_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);
+  }
+  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 = React52.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,
@@ -17500,48 +17694,61 @@ var BuyWithApplePay = React52.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] = useState112("loading_config");
     const [errorMessage, setErrorMessage] = useState112("");
-    const [email, setEmail] = useState112(externalUserEmail ?? "");
-    const [phoneInput, setPhoneInput] = useState112("");
-    const [, setTosAccepted] = useState112(false);
+    const [email, setEmail] = useState112(() => {
+      if (userEmail && EMAIL_REGEX2.test(userEmail)) return userEmail;
+      return getStoredApplePaySession(userId)?.email ?? "";
+    });
+    const [phoneInput, setPhoneInput] = useState112(() => {
+      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] = useState112(null);
     const [clientSecret, setClientSecret] = useState112(null);
-    const [emailCode, setEmailCode] = useState112("");
     const [phoneCode, setPhoneCode] = useState112("");
     const [otpError, setOtpError] = useState112(null);
     const [otpSubmitting, setOtpSubmitting] = useState112(false);
     const [resendCooldown, setResendCooldown] = useState112(0);
+    const [dobInput, setDobInput] = useState112("");
+    const [ssnLast4, setSsnLast4] = useState112("");
+    const [limitUpgradeError, setLimitUpgradeError] = useState112(null);
+    const [upgradeSubmitting, setUpgradeSubmitting] = useState112(false);
+    const upgradeFlowAbortRef = useRef32(null);
     const [amount, setAmount] = useState112(amountUsd ?? "");
     const [paymentSession, setPaymentSession] = useState112(
       null
     );
     const [paymentSessionAmount, setPaymentSessionAmount] = useState112(null);
-    const [preparingSession, setPreparingSession] = useState112(false);
     const popupRef = useRef32(null);
     const sessionAbortRef = useRef32(null);
     const [onrampToken, setOnrampToken] = useState112(null);
-    const { data: depositAddressResponse } = useDepositAddress({
-      userId,
+    const { userIpInfo, isLoading: userIpInfoLoading } = useUserIp2();
+    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 = useMemo22(() => {
-      if (!destinationChainType) return void 0;
-      return getWalletByChainType(wallets, destinationChainType);
-    }, [wallets, destinationChainType]);
+    const depositWallet = useMemo32(() => {
+      const routingChainType = defaultToken?.destination_token_metadata?.chain_type;
+      if (!routingChainType) return void 0;
+      return getWalletByChainType(depositWallets ?? [], routingChainType);
+    }, [depositWallets, defaultToken]);
     const depositWalletId = depositWallet?.id;
     const { executions } = useDepositPolling({
       userId,
@@ -17565,49 +17772,10 @@ var BuyWithApplePay = React52.forwardRef(
         onDepositError(error);
       } : void 0
     });
-    const [emailLocked, setEmailLocked] = useState112(false);
-    useEffect72(() => {
-      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] = useState112(() => {
+      if (userEmail && EMAIL_REGEX2.test(userEmail)) return true;
+      return !!getStoredApplePaySession(userId);
+    });
     useEffect72(() => {
       if (resendCooldown <= 0) return;
       const t13 = setInterval(() => setResendCooldown((c) => Math.max(0, c - 1)), 1e3);
@@ -17616,19 +17784,10 @@ var BuyWithApplePay = React52.forwardRef(
     useEffect72(() => {
       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 {
@@ -17637,16 +17796,20 @@ var BuyWithApplePay = React52.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;
@@ -17658,17 +17821,17 @@ var BuyWithApplePay = React52.forwardRef(
     useEffect72(() => {
       onViewChange?.(view);
     }, [view, onViewChange]);
-    useEffect72(
-      () => () => {
+    useEffect72(() => {
+      return () => {
         sessionAbortRef.current?.abort();
+        upgradeFlowAbortRef.current?.abort();
         try {
           popupRef.current?.close();
         } catch {
         }
         popupRef.current = null;
-      },
-      []
-    );
+      };
+    }, []);
     React52.useImperativeHandle(
       ref,
       () => ({
@@ -17678,14 +17841,20 @@ var BuyWithApplePay = React52.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") {
@@ -17705,22 +17874,21 @@ var BuyWithApplePay = React52.forwardRef(
       }),
       [view, emailLocked]
     );
-    const normalizedPhone = useMemo22(() => formatPhoneInput(phoneInput), [phoneInput]);
-    const isContactValid = EMAIL_REGEX.test(email) && PHONE_REGEX.test(normalizedPhone);
-    const persistContact = useCallback10(
+    const normalizedPhone = useMemo32(() => formatPhoneInput(phoneInput), [phoneInput]);
+    const isContactValid = EMAIL_REGEX2.test(email) && PHONE_REGEX2.test(normalizedPhone);
+    const storeApplePaySession = useCallback10(
       (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 = useCallback10(async () => {
-      if (!isContactValid) return;
+    const createSessionAndSendOtp = useCallback10(async () => {
       setView("submitting_session");
       setErrorMessage("");
       try {
@@ -17738,71 +17906,192 @@ var BuyWithApplePay = React52.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 = useCallback10(async () => {
-      if (!verificationSession || !clientSecret || emailCode.length !== 6) return;
-      if (otpSubmitting) return;
-      setOtpError(null);
-      setOtpSubmitting(true);
+    }, [email, normalizedPhone, publishableKey, storeApplePaySession]);
+    const clearUpgradeFields = useCallback10(() => {
+      setSsnLast4("");
+      setDobInput("");
+    }, []);
+    const { action: initialAction, refetchApplePayLimits } = useApplePayInitialScreen({
+      userId,
+      publishableKey,
+      normalizedPhone,
+      userEmail,
+      sessionPhoneVerified: verificationSession?.phone?.status === "verified",
+      isWaiting: defaultTokenLoading || legalAgreementsLoading || userIpInfoLoading
+    });
+    const pollLimitUpgradeStatus = useCallback10(
+      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 getCoinbaseApplePayLimits(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 = useCallback10(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 = useCallback10(
+      (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 = useRef32(false);
+    useEffect72(() => {
+      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 = useCallback10(async () => {
+      if (!isContactValid) return;
+      await createSessionAndSendOtp();
+    }, [isContactValid, createSessionAndSendOtp]);
+    const submitLimitUpgrade = useCallback10(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 = useCallback10(async () => {
       if (!verificationSession || !clientSecret || phoneCode.length !== 6) return;
@@ -17825,7 +18114,7 @@ var BuyWithApplePay = React52.forwardRef(
             publishableKey
           );
           setOnrampToken(tokenRes);
-          persistContact({
+          storeApplePaySession({
             emailVerifiedAt: updated.email.verified_at,
             phoneVerifiedAt: updated.phone.verified_at,
             onrampToken: tokenRes.token,
@@ -17834,17 +18123,30 @@ var BuyWithApplePay = React52.forwardRef(
           setEmailLocked(true);
           setPhoneCode("");
           if (amountUsd) setAmount(amountUsd);
+          try {
+            const result = await refetchApplePayLimits();
+            if (result.data) {
+              const nextView = getViewForLimitStatus(result.data);
+              if (nextView) {
+                setOtpSubmitting(false);
+                applyLimitRouting(nextView, result.data.upgrade_status);
+                return;
+              }
+            }
+          } catch {
+          }
+          setOtpSubmitting(false);
           setView("amount");
-        } else {
-          setOtpError("Incorrect code. Please try again.");
-          setPhoneCode("");
+          return;
         }
+        setOtpError("Incorrect code. Please try again.");
+        setPhoneCode("");
+        setOtpSubmitting(false);
       } catch (err) {
         setOtpError(
           prettifyVerificationError(err instanceof Error ? err.message : "Verification failed")
         );
         setPhoneCode("");
-      } finally {
         setOtpSubmitting(false);
       }
     }, [
@@ -17852,22 +18154,25 @@ var BuyWithApplePay = React52.forwardRef(
       clientSecret,
       phoneCode,
       publishableKey,
-      persistContact,
+      storeApplePaySession,
       amountUsd,
-      otpSubmitting
+      otpSubmitting,
+      refetchApplePayLimits,
+      getViewForLimitStatus,
+      applyLimitRouting
     ]);
     const prepareSession = useCallback10(
       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;
@@ -17878,19 +18183,17 @@ var BuyWithApplePay = React52.forwardRef(
         sessionAbortRef.current?.abort();
         const controller = new AbortController();
         sessionAbortRef.current = controller;
-        setPreparingSession(true);
-        setErrorMessage("");
         try {
           const externalId = generatePrefixedKSUID("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,
@@ -17934,18 +18237,16 @@ var BuyWithApplePay = React52.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
@@ -17989,42 +18290,8 @@ var BuyWithApplePay = React52.forwardRef(
     if (view === "loading_config") {
       return /* @__PURE__ */ jsx132("div", { className: "uf-flex uf-items-center uf-justify-center uf-py-16", style: containerStyle, children: /* @__PURE__ */ jsx132(LoaderCircle, { 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__ */ jsx132(
-              CircleAlert,
-              {
-                className: "uf-w-8 uf-h-8 uf-mb-4",
-                style: { color: colors2.foregroundMuted }
-              }
-            ),
-            /* @__PURE__ */ jsx132(
-              "h3",
-              {
-                className: "uf-text-base uf-font-medium uf-mb-1",
-                style: { color: colors2.foreground, fontFamily: fonts.medium },
-                children: "Apple Pay is unavailable"
-              }
-            ),
-            /* @__PURE__ */ jsx132(
-              "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__ */ jsx132(
           "label",
@@ -18041,9 +18308,7 @@ var BuyWithApplePay = React52.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",
@@ -18079,7 +18344,7 @@ var BuyWithApplePay = React52.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);
@@ -18160,15 +18425,7 @@ var BuyWithApplePay = React52.forwardRef(
         !phoneInput && /* @__PURE__ */ jsx132("div", { className: "uf-text-xs uf-mb-2 uf-px-1", style: { color: colors2.foregroundMuted }, children: "Re-verified every 60 days." }),
         errorMessage && /* @__PURE__ */ jsx132("div", { className: "uf-text-xs uf-mt-2 uf-px-1", style: { color: colors2.error }, children: errorMessage }),
         /* @__PURE__ */ jsx132("div", { className: "uf-flex-1" }),
-        /* @__PURE__ */ jsx132(
-          LegalDisclaimer,
-          {
-            legalAgreements,
-            loading: legalAgreementsLoading,
-            colors: colors2,
-            fonts
-          }
-        ),
+        /* @__PURE__ */ jsx132(LegalDisclaimer, { legalAgreements, loading: legalAgreementsLoading }),
         /* @__PURE__ */ jsx132(
           "button",
           {
@@ -18187,12 +18444,9 @@ var BuyWithApplePay = React52.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(
@@ -18215,13 +18469,12 @@ var BuyWithApplePay = React52.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,
@@ -18248,7 +18501,7 @@ var BuyWithApplePay = React52.forwardRef(
               if (!verificationSession || !clientSecret) return;
               void sendOnrampVerificationOtp(
                 verificationSession.id,
-                isEmail ? "email" : "phone",
+                "phone",
                 clientSecret,
                 publishableKey
               ).then(() => setResendCooldown(30));
@@ -18261,7 +18514,7 @@ var BuyWithApplePay = React52.forwardRef(
         /* @__PURE__ */ jsx132(
           "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: {
@@ -18409,7 +18662,7 @@ var BuyWithApplePay = React52.forwardRef(
               border: `${components.button.borderWidth}px solid ${components.button.borderColor}`,
               opacity: 0.5
             },
-            children: !hasInput || !validAmount ? "Enter amount" : /* @__PURE__ */ jsxs11(Fragment42, { children: [
+            children: !hasInput || !validAmount ? "Enter amount" : errorMessage ? "Unable to prepare Apple Pay" : defaultTokenLoading ? "Loading token information\u2026" : defaultTokenError ? "Token routing unavailable" : /* @__PURE__ */ jsxs11(Fragment42, { children: [
               /* @__PURE__ */ jsx132(LoaderCircle, { className: "uf-w-4 uf-h-4 uf-animate-spin" }),
               "Preparing Apple Pay"
             ] })
@@ -18462,6 +18715,274 @@ var BuyWithApplePay = React52.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__ */ jsx132(
+          "h3",
+          {
+            className: "uf-text-xl uf-mb-3 uf-text-center",
+            style: { color: colors2.foreground, fontFamily: fonts.medium },
+            children: "Apple Pay limit reached"
+          }
+        ),
+        /* @__PURE__ */ jsx132(
+          "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__ */ jsx132(
+          "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__ */ jsx132(
+          "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__ */ jsx132(
+              "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__ */ jsx132(
+                  LoaderCircle,
+                  {
+                    className: "uf-w-10 uf-h-10 uf-animate-spin",
+                    style: { color: colors2.primary }
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx132(
+              "h3",
+              {
+                className: "uf-text-xl uf-mb-2 uf-text-center",
+                style: { color: colors2.foreground, fontFamily: fonts.medium },
+                children: "Verifying your information"
+              }
+            ),
+            /* @__PURE__ */ jsx132(
+              "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__ */ jsx132(
+          "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__ */ jsx132(
+          "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__ */ jsx132(
+          "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__ */ jsx132(
+          "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__ */ jsx132(
+          "div",
+          {
+            className: "uf-text-xs uf-mt-2 uf-px-1",
+            style: { color: colors2.error, fontFamily: fonts.regular },
+            children: limitUpgradeError
+          }
+        ),
+        /* @__PURE__ */ jsx132("div", { className: "uf-flex-1" }),
+        /* @__PURE__ */ jsx132(
+          "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__ */ jsx132(LoaderCircle, { 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__ */ jsx132(
+          "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__ */ jsx132(
+                "a",
+                {
+                  href: UNIFOLD_SUPPORT_URL,
+                  target: "_blank",
+                  rel: "noreferrer noopener",
+                  className: "uf-underline",
+                  style: { color: colors2.primary },
+                  children: "contact support"
+                }
+              ),
+              "."
+            ]
+          }
+        ),
+        limitUpgradeError && /* @__PURE__ */ jsx132(
+          "p",
+          {
+            className: "uf-text-xs uf-text-center uf-mb-2 uf-px-2",
+            style: { color: colors2.error, fontFamily: fonts.regular },
+            children: limitUpgradeError
+          }
+        ),
+        /* @__PURE__ */ jsx132("div", { className: "uf-mb-8" }),
+        /* @__PURE__ */ jsx132(
+          "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",
@@ -18482,7 +19003,7 @@ var BuyWithApplePay = React52.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__ */ jsx132(
@@ -18508,7 +19029,95 @@ var BuyWithApplePay = React52.forwardRef(
   }
 );
 BuyWithApplePay.displayName = "BuyWithApplePay";
-function LegalDisclaimer({ legalAgreements, loading, colors: colors2, fonts }) {
+function formatPhoneInput(raw) {
+  const digits = raw.replace(/\D/g, "");
+  if (raw.startsWith("+")) {
+    return `+${digits}`;
+  }
+  if (digits.length === 10) return `+1${digits}`;
+  if (digits.length === 11 && digits.startsWith("1")) return `+${digits}`;
+  return digits.length > 0 ? `+${digits}` : "";
+}
+function maskPhone(phone) {
+  if (!/^\+1\d{10}$/.test(phone)) return phone;
+  return `+1 (***) ***-${phone.slice(-4)}`;
+}
+function isGuestLimitError(err) {
+  const message = err instanceof Error ? err.message : String(err ?? "");
+  if (/coinbase_onramp_guest_limit_reached/i.test(message)) return true;
+  if (/guest_(daily_)?transaction_(count|limit)/i.test(message)) return true;
+  return false;
+}
+function isLimitUpgradeTerminalBlock(message) {
+  if (/coinbase_onramp_guest_limit_reached/i.test(message)) return true;
+  if (/limit upgrade is not available/i.test(message)) return true;
+  if (/limits.?upgrade.?blocked/i.test(message)) return true;
+  return false;
+}
+function prettifyVerificationError(message) {
+  if (/\b429\b|too many requests|rate.?limit|throttle/i.test(message)) {
+    return "Too many attempts. Please wait a few minutes and try again.";
+  }
+  if (/network|failed to fetch|abort/i.test(message)) {
+    return "Network error. Check your connection and try again.";
+  }
+  if (/voip|not a valid US|not a cell/i.test(message)) {
+    return "We can only verify real US cell phones (not VoIP). Try a different number.";
+  }
+  const cleaned = message.replace(/\s*\[[\w_]+\]:\s*.*$/, "").trim();
+  return cleaned || message;
+}
+function formatDobInput(raw) {
+  const digits = raw.replace(/\D/g, "").slice(0, 8);
+  if (digits.length <= 2) return digits;
+  if (digits.length <= 4) return `${digits.slice(0, 2)}/${digits.slice(2)}`;
+  return `${digits.slice(0, 2)}/${digits.slice(2, 4)}/${digits.slice(4)}`;
+}
+function isDobInputValid(input) {
+  return parseDobInput(input) !== null;
+}
+function parseDobInput(input) {
+  const m = /^(\d{2})\/(\d{2})\/(\d{4})$/.exec(input);
+  if (!m) return null;
+  const [, month, day, year] = m;
+  if (!/^(0[1-9]|1[0-2])$/.test(month)) return null;
+  if (!/^(0[1-9]|[12]\d|3[01])$/.test(day)) return null;
+  if (!/^(19|20)\d{2}$/.test(year)) return null;
+  return { month, day, year };
+}
+var POPUP_W = 500;
+var POPUP_H = 700;
+function openCoinbasePaymentPopup(url) {
+  if (typeof window === "undefined") return null;
+  const screenW = window.screen.availWidth ?? window.innerWidth;
+  const screenH = window.screen.availHeight ?? window.innerHeight;
+  const left = Math.max(0, Math.round((screenW - POPUP_W) / 2));
+  const top = Math.max(0, Math.round((screenH - POPUP_H) / 2));
+  return window.open(
+    url,
+    "unifold_coinbase_apple_pay",
+    `popup,width=${POPUP_W},height=${POPUP_H},left=${left},top=${top}`
+  );
+}
+var FALLBACK_AGREEMENTS = [
+  {
+    key: "guest_checkout_terms",
+    name: "Guest Checkout Terms of Service",
+    url: "https://www.coinbase.com/legal/cb-pay/onramp-guest-checkout-terms"
+  },
+  {
+    key: "user_agreement",
+    name: "User Agreement",
+    url: "https://www.coinbase.com/legal/user_agreement"
+  },
+  {
+    key: "privacy_policy",
+    name: "Privacy Policy",
+    url: "https://www.coinbase.com/legal/privacy"
+  }
+];
+function LegalDisclaimer({ legalAgreements, loading }) {
+  const { colors: colors2, fonts } = useTheme();
   if (loading) {
     return /* @__PURE__ */ jsxs11(
       "div",
@@ -18552,78 +19161,6 @@ function LegalDisclaimer({ legalAgreements, loading, colors: colors2, fonts }) {
     }
   );
 }
-function isGuestLimitError(err) {
-  const message = err instanceof Error ? err.message : String(err ?? "");
-  if (/coinbase_onramp_guest_limit_reached/i.test(message)) return true;
-  if (/guest_(daily_)?transaction_(count|limit)/i.test(message)) return true;
-  return false;
-}
-function prettifyVerificationError(message) {
-  if (/\b429\b|too many requests|rate.?limit|throttle/i.test(message)) {
-    return "Too many attempts. Please wait a few minutes and try again.";
-  }
-  if (/network|failed to fetch|abort/i.test(message)) {
-    return "Network error. Check your connection and try again.";
-  }
-  if (/voip|not a valid US|not a cell/i.test(message)) {
-    return "We can only verify real US cell phones (not VoIP). Try a different number.";
-  }
-  return message;
-}
-var FALLBACK_AGREEMENTS = [
-  {
-    key: "guest_checkout_terms",
-    name: "Guest Checkout Terms of Service",
-    url: "https://www.coinbase.com/legal/cb-pay/onramp-guest-checkout-terms"
-  },
-  {
-    key: "user_agreement",
-    name: "User Agreement",
-    url: "https://www.coinbase.com/legal/user_agreement"
-  },
-  {
-    key: "privacy_policy",
-    name: "Privacy Policy",
-    url: "https://www.coinbase.com/legal/privacy"
-  }
-];
-var POPUP_W = 500;
-var POPUP_H = 700;
-function openCoinbasePaymentPopup(url) {
-  if (typeof window === "undefined") return null;
-  const screenW = window.screen.availWidth ?? window.innerWidth;
-  const screenH = window.screen.availHeight ?? window.innerHeight;
-  const left = Math.max(0, Math.round((screenW - POPUP_W) / 2));
-  const top = Math.max(0, Math.round((screenH - POPUP_H) / 2));
-  return window.open(
-    url,
-    "unifold_coinbase_apple_pay",
-    `popup,width=${POPUP_W},height=${POPUP_H},left=${left},top=${top}`
-  );
-}
-function destinationChainNameFor(chainType, chainId) {
-  if (chainType === "solana") return "solana";
-  if (chainType === "bitcoin") return "bitcoin";
-  if (chainType === "ethereum") {
-    switch (chainId) {
-      case "1":
-        return "ethereum";
-      case "8453":
-        return "base";
-      case "137":
-        return "polygon";
-      case "43114":
-        return "avalanche";
-      case "42161":
-        return "arbitrum";
-      case "10":
-        return "optimism";
-      default:
-        return null;
-    }
-  }
-  return null;
-}
 var t2 = i18n2.payWithExchange;
 function PayWithExchange({
   userId,
@@ -18921,7 +19458,7 @@ function QRCodeSkeleton({ size: size4 = 180, darkMode = false }) {
   const spacing = size4 / gridCount;
   const fillColor = darkMode ? "rgba(255,255,255,0.10)" : "rgba(0,0,0,0.08)";
   const cornerColor = darkMode ? "rgba(255,255,255,0.14)" : "rgba(0,0,0,0.12)";
-  const dots = useMemo32(() => {
+  const dots = useMemo42(() => {
     const result = [];
     const cornerSize = 7;
     const centerStart = Math.floor(gridCount / 2) - 2;
@@ -19021,7 +19558,7 @@ function useIsMobileViewport() {
   return isMobile;
 }
 function useCashAppLimits({ publishableKey, currency = "usd" }) {
-  return useQuery5({
+  return useQuery6({
     queryKey: ["unifold", "cashAppLimits", currency, publishableKey],
     queryFn: () => getCashAppLimits(currency, publishableKey),
     enabled: !!publishableKey,
@@ -19534,43 +20071,6 @@ function PayWithCashApp({
   }
   return null;
 }
-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: () => getDefaultOnrampToken(
-      {
-        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 };
-}
 function useBankTransferProviders({
   publishableKey,
   enabled = true,
@@ -19649,7 +20149,7 @@ function BankTransfer({
     countryCode: userIpInfo?.alpha2
   });
   const providers = providersResponse?.data ?? [];
-  const pollingWalletId = useMemo42(() => {
+  const pollingWalletId = useMemo52(() => {
     if (!defaultToken) return void 0;
     return getWalletByChainType(
       wallets,
@@ -19670,7 +20170,7 @@ function BankTransfer({
   const currencySymbol = getCurrencySymbol2(sourceCurrency);
   const parsedAmount = parseFloat(amount);
   const amountValid = !!amount && Number.isFinite(parsedAmount) && parsedAmount >= MIN_AMOUNT;
-  const displayTokenSymbol = useMemo42(
+  const displayTokenSymbol = useMemo52(
     () => destinationTokenSymbol?.toUpperCase() ?? defaultToken?.destination_token_metadata?.symbol?.toUpperCase() ?? defaultToken?.destination_currency?.toUpperCase() ?? "USDC",
     [destinationTokenSymbol, defaultToken]
   );
@@ -23645,16 +24145,114 @@ function AmexIcon({ size: size4 = 24 }) {
     )
   ] });
 }
+function ApplePayIcon({ size: size4 = 24, color = "#000" }) {
+  const h = size4 * 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: size4 = 24, color = "#202124" }) {
+  const h = size4 * 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: size4 = 24, color = "#888" }) {
   return /* @__PURE__ */ jsx43(CreditCard, { width: size4 * 0.8, height: size4 * 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 [r2, g, b] = rgb;
+  const luminance = (0.299 * r2 + 0.587 * g + 0.114 * b) / 255;
+  return luminance > 0.6 ? "#000000" : "#FFFFFF";
+}
 function CardBrandIcon({
   brand,
   size: size4 = 24,
-  fallbackColor = "#888"
+  fallbackColor = "#888",
+  monochromeColor = "#000000"
 }) {
   if (!brand) return /* @__PURE__ */ jsx43(GenericCardIcon, { size: size4, color: fallbackColor });
   const lower = brand.toLowerCase();
+  if (lower.includes("apple_pay") || lower.includes("apple pay") || lower === "applepay")
+    return /* @__PURE__ */ jsx43(ApplePayIcon, { size: size4, color: monochromeColor });
+  if (lower.includes("google_pay") || lower.includes("google pay") || lower === "googlepay")
+    return /* @__PURE__ */ jsx43(GooglePayIcon, { size: size4, color: monochromeColor === "#FFFFFF" ? "#FFFFFF" : "#202124" });
   if (lower.includes("visa")) return /* @__PURE__ */ jsx43(VisaIcon, { size: size4 });
   if (lower.includes("mastercard") || lower.includes("master"))
     return /* @__PURE__ */ jsx43(MastercardIcon, { size: size4 });
@@ -23663,17 +24261,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 };
@@ -23681,59 +24290,82 @@ function formatPaymentToken(token) {
 function capitalize(s) {
   return s.charAt(0).toUpperCase() + s.slice(1);
 }
-function useStripeOnramp(stripePublishableKey) {
+function useStripeOnramp(stripePublishableKey, isDark = false) {
   const [coordinator, setCoordinator] = useState282(null);
   const [isLoading, setIsLoading] = useState282(false);
   const [error, setError] = useState282(null);
   const coordinatorRef = useRef72(null);
-  const initialize = useCallback32(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.");
-      }
-      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);
-    }
+  const coordinatorThemeRef = useRef72(null);
+  const initPromiseRef = useRef72(null);
+  const isDarkRef = useRef72(isDark);
+  isDarkRef.current = isDark;
+  const initialize = useCallback32(() => {
+    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;
+      }
+    })();
+    initPromiseRef.current = promise;
+    return promise;
   }, [stripePublishableKey]);
+  useEffect232(() => {
+    if (!coordinatorRef.current) return;
+    if (coordinatorThemeRef.current === isDark) return;
+    coordinatorRef.current.destroy();
+    coordinatorRef.current = null;
+    coordinatorThemeRef.current = null;
+    setCoordinator(null);
+  }, [isDark, coordinator]);
   useEffect232(() => {
     return () => {
       coordinatorRef.current?.destroy();
       coordinatorRef.current = null;
+      coordinatorThemeRef.current = null;
     };
   }, []);
   return { coordinator, isLoading, error, initialize };
@@ -23884,7 +24516,7 @@ function PayWithStripeLink({
   onDepositSuccess,
   onDepositError
 }) {
-  const { colors: colors2, fonts, components } = useTheme();
+  const { colors: colors2, fonts, components, isDark } = useTheme();
   const [step, setStepInternal] = useState292(controlledStep ?? "amount");
   const setStep = useCallback42(
     (s) => {
@@ -23893,6 +24525,8 @@ function PayWithStripeLink({
     },
     [onStepChange]
   );
+  const stepRef = useRef82(step);
+  stepRef.current = step;
   useEffect242(() => {
     if (controlledStep && controlledStep !== step) {
       setStepInternal(controlledStep);
@@ -23960,7 +24594,7 @@ function PayWithStripeLink({
     isLoading: sdkLoading,
     error: sdkError,
     initialize
-  } = useStripeOnramp(resolvedStripeKey);
+  } = useStripeOnramp(resolvedStripeKey, isDark);
   useEffect242(() => {
     if (step === "auth") {
       console.log("[PayWithStripeLink] Auth step state:", {
@@ -23983,6 +24617,9 @@ function PayWithStripeLink({
   const [errorReturnStep, setErrorReturnStep] = useState292("email");
   const [authIntentId, setAuthIntentId] = useState292(null);
   const sdkAuthenticatedRef = useRef82(false);
+  const everAuthenticatedRef = useRef82(false);
+  const reauthReturnStepRef = useRef82(null);
+  const attemptedWalletReauthRef = useRef82(false);
   const pendingAddPaymentRef = useRef82(false);
   const autoOpenedAddPaymentRef = useRef82(false);
   const checkoutGenRef = useRef82(0);
@@ -24181,6 +24818,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;
@@ -24198,17 +24836,34 @@ function PayWithStripeLink({
   );
   const [selectedPaymentToken, setSelectedPaymentToken] = useState292(null);
   const [paymentDisplay, setPaymentDisplay] = useState292(null);
+  const selectedTokenSingleUseRef = useRef82(false);
   const selectPaymentToken = useCallback42(
     (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 = useCallback42(() => {
+    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)) {
@@ -24447,6 +25102,10 @@ function PayWithStripeLink({
     if (!resolvedStripeKey) return;
     initialize();
   }, [coordinator, sdkLoading, sdkError, resolvedStripeKey, initialize]);
+  useEffect242(() => {
+    sdkAuthenticatedRef.current = false;
+    attemptedWalletReauthRef.current = false;
+  }, [coordinator]);
   const handleAuthInterrupted = useCallback42(
     (message) => {
       const alreadySignedIn = !!accessTokenRef.current;
@@ -24460,6 +25119,26 @@ function PayWithStripeLink({
     },
     [emailProp, setStep]
   );
+  const reauthenticateSdk = useCallback42(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]);
   useEffect242(() => {
     if (step !== "auth" || !coordinator || !authIntentId) return;
     let mounted = true;
@@ -24470,6 +25149,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);
@@ -24483,16 +25163,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.");
           }
         });
@@ -24504,6 +25190,7 @@ function PayWithStripeLink({
         }
       } catch (err) {
         if (!mounted) return;
+        reauthReturnStepRef.current = null;
         const msg = err instanceof Error ? err.message : "Verification was cancelled.";
         handleAuthInterrupted(msg);
       }
@@ -24605,6 +25292,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()) {
@@ -24664,6 +25355,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;
@@ -24683,7 +25378,7 @@ function PayWithStripeLink({
     return () => {
       mounted = false;
     };
-  }, [step, coordinator]);
+  }, [step, coordinator, reauthenticateSdk]);
   useEffect242(() => {
     if (step !== "wallet" || !oauthToken || !customerId) return;
     let mounted = true;
@@ -24709,6 +25404,10 @@ function PayWithStripeLink({
           if (!coordinator) {
             return;
           }
+          if (!sdkAuthenticatedRef.current) {
+            await reauthenticateSdk();
+            return;
+          }
           await coordinator.registerWalletAddress(onrampWalletAddress, network);
         }
         if (mounted) setRegisteredWalletKey(walletKeyFor(onrampWalletAddress));
@@ -24725,7 +25424,15 @@ function PayWithStripeLink({
     return () => {
       mounted = false;
     };
-  }, [step, oauthToken, customerId, publishableKey, onrampWalletAddress, coordinator]);
+  }, [
+    step,
+    oauthToken,
+    customerId,
+    publishableKey,
+    onrampWalletAddress,
+    coordinator,
+    reauthenticateSdk
+  ]);
   useEffect242(() => {
     if (step !== "amount" && step !== "review") return;
     if (!customerId || !oauthToken || !onrampWalletAddress) return;
@@ -24754,6 +25461,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 {
       }
@@ -24771,7 +25482,8 @@ function PayWithStripeLink({
     coordinator,
     stripeDestNetwork,
     stripeDestChainType,
-    publishableKey
+    publishableKey,
+    reauthenticateSdk
   ]);
   useEffect242(() => {
     if (step !== "payment" || !oauthToken || !customerId) return;
@@ -24868,6 +25580,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(
@@ -24875,28 +25613,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) {
@@ -24933,6 +25658,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) => {
@@ -25044,6 +25773,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);
@@ -25095,6 +25825,25 @@ function PayWithStripeLink({
     sessionForCheckoutRef.current = s;
     setSessionForCheckoutState(s);
   };
+  const loadAndSelectPreferredToken = useCallback42(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;
@@ -25102,6 +25851,7 @@ function PayWithStripeLink({
     setSessionStatus(null);
     setSessionForCheckout(null);
     setStep("amount");
+    if (!selectedPaymentToken) void loadAndSelectPreferredToken();
   };
   const [quoteError, setQuoteError] = useState292(null);
   const [quoteNonce, setQuoteNonce] = useState292(0);
@@ -25941,7 +26691,8 @@ function PayWithStripeLink({
                         {
                           brand: display.brand,
                           size: 28,
-                          fallbackColor: colors2.foregroundMuted
+                          fallbackColor: colors2.foregroundMuted,
+                          monochromeColor: monochromeOn(components.card.backgroundColor)
                         }
                       )
                     }
@@ -26526,7 +27277,8 @@ function PayWithStripeLink({
               {
                 brand: paymentDisplay.brand,
                 size: 20,
-                fallbackColor: colors2.foregroundMuted
+                fallbackColor: colors2.foregroundMuted,
+                monochromeColor: monochromeOn(components.card.backgroundColor)
               }
             ),
             /* @__PURE__ */ jsx44(
@@ -27010,6 +27762,20 @@ function PayWithStripeLink({
   }
   return null;
 }
+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 };
+}
 function useSupportedDepositTokens(publishableKey, options) {
   const hasDestination = options?.destination_token_address && options?.destination_chain_id && options?.destination_chain_type;
   const filteredOptions = {
@@ -27021,7 +27787,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",
@@ -27045,7 +27811,7 @@ function useIntegrationTransferDefaultToken({
   publishableKey,
   enabled = true
 }) {
-  return useQuery9({
+  return useQuery10({
     queryKey: [
       "unifold",
       "integrationTransferDefaultToken",
@@ -27121,12 +27887,12 @@ function CoinbaseConnect({
     destination_chain_id: destinationChainId,
     destination_chain_type: destinationChainType
   });
-  const supportedSymbols = useMemo62(() => {
+  const supportedSymbols = useMemo72(() => {
     const set = /* @__PURE__ */ new Set();
     supportedTokensData?.data.forEach((token) => set.add(token.symbol.toLowerCase()));
     return set;
   }, [supportedTokensData]);
-  const stablecoinSymbols = useMemo62(() => {
+  const stablecoinSymbols = useMemo72(() => {
     const set = /* @__PURE__ */ new Set();
     supportedTokensData?.data.forEach((token) => {
       if (token.is_stablecoin) set.add(token.symbol.toLowerCase());
@@ -27159,12 +27925,12 @@ function CoinbaseConnect({
   const [transferDepositWalletId, setTransferDepositWalletId] = useState30(
     void 0
   );
-  const exchangeSupportedCurrencies = useMemo62(() => {
+  const exchangeSupportedCurrencies = useMemo72(() => {
     const set = /* @__PURE__ */ new Set();
     selectedExchange?.supported_currencies.forEach((c) => set.add(c.toLowerCase()));
     return set;
   }, [selectedExchange]);
-  const defaultTokenParams = useMemo62(
+  const defaultTokenParams = useMemo72(
     () => selectedAsset ? {
       integration_provider: IntegrationProvider.COINBASE,
       source_currency: selectedAsset.currency.toLowerCase(),
@@ -27187,7 +27953,7 @@ function CoinbaseConnect({
     params: defaultTokenParams,
     publishableKey
   });
-  const defaultSourceCurrency = useMemo62(
+  const defaultSourceCurrency = useMemo72(
     () => resolveDefaultSourceSymbol(supportedTokensData?.data, {
       defaultSourceChainType,
       defaultSourceChainId,
@@ -27202,7 +27968,7 @@ function CoinbaseConnect({
       defaultSourceSymbol
     ]
   );
-  const sortedHoldings = useMemo62(() => {
+  const sortedHoldings = useMemo72(() => {
     const supported = [];
     const unsupported = [];
     holdings.forEach((account) => {
@@ -27222,7 +27988,7 @@ function CoinbaseConnect({
     }
     return [...supported, ...unsupported];
   }, [holdings, supportedSymbols, exchangeSupportedCurrencies, defaultSourceCurrency]);
-  const selectedHoldingIsSupported = useMemo62(() => {
+  const selectedHoldingIsSupported = useMemo72(() => {
     if (!selectedHolding) return false;
     const currencyLower = selectedHolding.currency.toLowerCase();
     return (supportedSymbols.size === 0 || supportedSymbols.has(currencyLower)) && (exchangeSupportedCurrencies.size === 0 || exchangeSupportedCurrencies.has(currencyLower));
@@ -27369,7 +28135,7 @@ function CoinbaseConnect({
       if (pollRef.current) clearInterval(pollRef.current);
     };
   }, []);
-  const minDepositUsd = useMemo62(() => {
+  const minDepositUsd = useMemo72(() => {
     if (!selectedAsset || !defaultTokenData) return 0;
     const supportedToken = supportedTokensData?.data.find(
       (t14) => t14.symbol.toLowerCase() === selectedAsset.currency.toLowerCase()
@@ -27380,7 +28146,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 = useMemo62(() => {
+  const estimatedProcessingTime = useMemo72(() => {
     if (!selectedAsset || !defaultTokenData) return null;
     const supportedToken = supportedTokensData?.data.find(
       (t14) => t14.symbol.toLowerCase() === selectedAsset.currency.toLowerCase()
@@ -29022,7 +29788,7 @@ 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,
@@ -29036,7 +29802,7 @@ function useApplePayProviders({
   publishableKey,
   enabled = true
 }) {
-  const { data: providers, isLoading } = useQuery11({
+  const { data: providers, isLoading } = useQuery12({
     queryKey: ["unifold", "applePayProviders", publishableKey],
     queryFn: () => getApplePayProviders(publishableKey),
     enabled,
@@ -29051,7 +29817,7 @@ function useAllowedCountry(publishableKey) {
     data: ipData,
     isLoading: isIpLoading,
     error: ipError
-  } = useQuery12({
+  } = useQuery13({
     queryKey: ["unifold", "ipAddress"],
     queryFn: () => getIpAddress(),
     refetchOnMount: false,
@@ -29066,7 +29832,7 @@ function useAllowedCountry(publishableKey) {
     data: configData,
     isLoading: isConfigLoading,
     error: configError
-  } = useQuery12({
+  } = useQuery13({
     queryKey: ["unifold", "projectConfig", publishableKey],
     queryFn: () => getProjectConfig(publishableKey),
     refetchOnMount: false,
@@ -29113,7 +29879,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",
@@ -29550,7 +30316,7 @@ function TokenSelectorSheet({
   useEffect282(() => {
     setRecentTokens(getRecentTokens());
   }, []);
-  const allOptions = useMemo82(() => {
+  const allOptions = useMemo92(() => {
     const options = [];
     tokens.forEach((token) => {
       token.chains.forEach((chain) => {
@@ -29559,7 +30325,7 @@ function TokenSelectorSheet({
     });
     return options;
   }, [tokens]);
-  const quickSelectOptions = useMemo82(() => {
+  const quickSelectOptions = useMemo92(() => {
     const result = [];
     const seen = /* @__PURE__ */ new Set();
     const addOption = (symbol, chainType, chainId, isRecent) => {
@@ -29591,7 +30357,7 @@ function TokenSelectorSheet({
     });
     setRecentTokens(updated);
   };
-  const fuse = useMemo82(
+  const fuse = useMemo92(
     () => new Fuse(allOptions, {
       keys: [
         { name: "token.symbol", weight: 2 },
@@ -29604,7 +30370,7 @@ function TokenSelectorSheet({
     }),
     [allOptions]
   );
-  const filteredOptions = useMemo82(() => {
+  const filteredOptions = useMemo92(() => {
     if (!searchQuery.trim()) return allOptions;
     const query = searchQuery.trim();
     const results = fuse.search(query);
@@ -30415,7 +31181,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(
       {
@@ -30541,7 +31307,7 @@ function TransferCryptoSingleInput({
   const wallets = externalWallets?.length ? externalWallets : depositAddressResponse?.data ?? [];
   const loading = externalWallets?.length ? false : walletsLoading;
   const error = walletsError?.message ?? null;
-  const allAvailableChains = useMemo92(() => {
+  const allAvailableChains = useMemo102(() => {
     const chainsMap = /* @__PURE__ */ new Map();
     supportedTokens.forEach((t13) => {
       t13.chains.forEach((c) => {
@@ -31317,7 +32083,7 @@ function TransferCryptoDoubleInput({
   const wallets = externalWallets?.length ? externalWallets : depositAddressResponse?.data ?? [];
   const loading = externalWallets?.length ? false : walletsLoading;
   const error = walletsError?.message ?? null;
-  const allAvailableChains = useMemo102(() => {
+  const allAvailableChains = useMemo112(() => {
     const chainsMap = /* @__PURE__ */ new Map();
     supportedTokens.forEach((t13) => {
       t13.chains.forEach((c) => {
@@ -31913,7 +32679,7 @@ function useDepositQuote(params) {
     ...adjustForSlippage ? { adjust_for_slippage: true } : {},
     ...stablecoinParity ? { stablecoin_parity: true } : {}
   };
-  return useQuery15({
+  return useQuery16({
     queryKey: [
       "unifold",
       "depositQuote",
@@ -31943,7 +32709,7 @@ 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,
@@ -34547,10 +35313,9 @@ function DepositModal({
   applePaySubTitle = "Instant",
   enableBankTransfer,
   enableStripeLink = false,
-  email: emailProp,
+  userEmail,
   hideDepositFlowInfo = false,
   hideDisplayDescription = false,
-  externalUserEmail,
   onDepositSuccess,
   onDepositError,
   onEvent,
@@ -34582,7 +35347,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";
@@ -34981,11 +35746,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");
@@ -35664,7 +36436,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,
@@ -35727,13 +36499,10 @@ function DepositModal({
                     ref: applePayHandleRef,
                     userId,
                     publishableKey,
-                    recipientAddress,
                     destinationChainType,
                     destinationChainId,
                     destinationTokenAddress,
-                    destinationTokenSymbol,
-                    externalUserEmail,
-                    enableApplePay,
+                    userEmail,
                     wallets,
                     onViewChange: setApplePayView,
                     onEvent,
@@ -35761,7 +36530,7 @@ function DepositModal({
 var TERMINAL_STATUSES = /* @__PURE__ */ new Set(["succeeded", "expired", "refunded", "canceled"]);
 function usePaymentIntent(params) {
   const { clientSecret, publishableKey, enabled = true, pollingInterval = 3e3 } = params;
-  return useQuery17({
+  return useQuery18({
     queryKey: ["unifold", "paymentIntent", clientSecret, publishableKey],
     queryFn: () => retrievePaymentIntent(clientSecret, publishableKey),
     enabled: enabled && !!clientSecret && !!publishableKey,
@@ -35930,11 +36699,11 @@ function CheckoutModal({
       );
     }
   }, [emitCheckoutSuccess, paymentIntent, view]);
-  const wallets = useMemo132(() => {
+  const wallets = useMemo142(() => {
     if (!paymentIntent) return [];
     return mapDepositAddressesToWallets(paymentIntent.deposit_addresses, paymentIntent);
   }, [paymentIntent]);
-  const formatCryptoAmount = useMemo132(() => {
+  const formatCryptoAmount = useMemo142(() => {
     if (!paymentIntent) return (_) => "";
     const decimals = paymentIntent.destination_token_decimals ?? 6;
     const symbol = paymentIntent.currency.toUpperCase();
@@ -35944,7 +36713,7 @@ function CheckoutModal({
       return `${formatted} ${symbol}`;
     };
   }, [paymentIntent]);
-  const remainingAmountUsd = useMemo132(() => {
+  const remainingAmountUsd = useMemo142(() => {
     if (!paymentIntent) return void 0;
     const total = parseFloat(paymentIntent.destination_amount_usd || paymentIntent.amount_usd);
     const received = parseFloat(
@@ -35956,7 +36725,7 @@ function CheckoutModal({
     return remaining > 0 ? remaining.toFixed(2) : "0.00";
   }, [paymentIntent]);
   const [selectedSource, setSelectedSource] = useState41(null);
-  const remainingDestinationAmount = useMemo132(() => {
+  const remainingDestinationAmount = useMemo142(() => {
     if (!paymentIntent) return "0";
     const remaining = BigInt(paymentIntent.destination_amount) - BigInt(paymentIntent.destination_amount_received);
     return remaining > 0n ? remaining.toString() : "0";
@@ -35978,7 +36747,7 @@ function CheckoutModal({
     stablecoinParity: paymentIntent?.stablecoin_parity ?? false,
     enabled: open && view === "transfer" && !!paymentIntent && !!selectedSource && remainingDestinationAmount !== "0"
   });
-  const effectiveCheckoutQuote = useMemo132(() => {
+  const effectiveCheckoutQuote = useMemo142(() => {
     if (!sourceQuote || !selectedSource) return null;
     const baseQuote = {
       sourceAmount: sourceQuote.source_amount,
@@ -36441,7 +37210,7 @@ function CheckoutModal({
   ) }) });
 }
 function useSupportedDestinationTokens(publishableKey, enabled = true) {
-  return useQuery18({
+  return useQuery19({
     queryKey: ["unifold", "supportedDestinationTokens", publishableKey],
     queryFn: () => getSupportedDestinationTokens(publishableKey),
     staleTime: 1e3 * 60 * 5,
@@ -36476,7 +37245,7 @@ function useSourceTokenValidation(params) {
     enabled = true
   } = params;
   const hasParams = !!sourceChainType && !!sourceChainId && !!sourceTokenAddress;
-  return useQuery19({
+  return useQuery20({
     queryKey: [
       "unifold",
       "sourceTokenValidation",
@@ -36525,7 +37294,7 @@ function useSourceTokenValidation(params) {
 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",
@@ -36581,7 +37350,7 @@ function useAddressBalance(params) {
 }
 function useExecutions(userId, publishableKey, options) {
   const actionType = options?.actionType ?? ActionType.Deposit;
-  return useQuery21({
+  return useQuery222({
     queryKey: ["unifold", "executions", actionType, userId, publishableKey],
     queryFn: () => queryExecutions(userId, publishableKey, actionType),
     enabled: (options?.enabled ?? true) && !!userId,
@@ -36907,7 +37676,7 @@ function useVerifyRecipientAddress(params) {
   } = params;
   const trimmedAddress = recipientAddress?.trim() || "";
   const hasAllParams = !!chainType && !!chainId && !!tokenAddress && trimmedAddress.length > 0;
-  return useQuery222({
+  return useQuery23({
     queryKey: [
       "unifold",
       "verifyRecipientAddress",
@@ -36946,7 +37715,7 @@ function useGetDepositAddress(params) {
     enabled = true
   } = params;
   const canFire = !!userId && !!recipientAddress && !!destinationChainType && !!destinationChainId && !!destinationTokenAddress;
-  return useQuery23({
+  return useQuery24({
     queryKey: [
       "unifold",
       "getDepositAddress",
@@ -37013,7 +37782,7 @@ function useHypercoreWithdrawActivation(params) {
     actionType: ActionType.Withdraw,
     enabled: enabled && isHypercore(sourceChainId)
   });
-  const depositWalletAddress = useMemo142(() => {
+  const depositWalletAddress = useMemo15(() => {
     const wallets = depositWalletLookup.data?.data ?? [];
     return wallets.find((w) => w.chain_type === sourceChainType)?.address;
   }, [depositWalletLookup.data, sourceChainType]);
@@ -37132,7 +37901,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;
@@ -37166,33 +37935,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 })}`;
@@ -37211,7 +37980,7 @@ function WithdrawForm({
     isMaxed,
     isStablecoin
   ]);
-  const balanceDisplay = useMemo15(() => {
+  const balanceDisplay = useMemo16(() => {
     if (isLoadingBalance || !balanceData) return null;
     if (inputUnit === "crypto") {
       const displayDecimals = isStablecoin ? 2 : 6;
@@ -38651,7 +39420,7 @@ function UnifoldProvider2({
       withdrawPromiseRef.current = null;
     }
   }, []);
-  const contextValue = useMemo17(
+  const contextValue = useMemo18(
     () => ({
       beginDeposit,
       closeDeposit,
@@ -38746,7 +39515,7 @@ function UnifoldProvider2({
             defaultSourceChainId: depositConfig.defaultSourceChainId,
             defaultSourceTokenAddress: depositConfig.defaultSourceTokenAddress,
             defaultSourceSymbol: depositConfig.defaultSourceSymbol,
-            externalUserEmail: depositConfig.externalUserEmail,
+            userEmail: depositConfig.user?.email,
             depositConfirmationMode: depositConfig.depositConfirmationMode ?? "auto_ui",
             hideDepositTracker: config?.hideDepositTracker,
             showBalanceHeader: config?.showBalanceHeader,
@@ -38759,7 +39528,6 @@ function UnifoldProvider2({
             enableConnectExchange: config?.enableConnectExchange,
             enableCashApp: config?.enableCashApp,
             enableStripeLink: config?.enableStripeLink,
-            email: depositConfig?.email,
             enableApplePay: config?.enableApplePay,
             applePayTitle: config?.applePayTitle,
             applePaySubTitle: config?.applePaySubTitle,