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

package/dist/index.mjs

@@ -34394,7 +34394,7 @@ var require_jsx_runtime = __commonJS({
 });
 
 // src/unifold.tsx
-var import_react41 = __toESM(require_react());
+var import_react42 = __toESM(require_react());
 var import_client = __toESM(require_client());
 
 // ../connect-react/dist/index.mjs
@@ -37120,15 +37120,16 @@ var import_jsx_runtime21 = __toESM(require_jsx_runtime(), 1);
 var import_jsx_runtime22 = __toESM(require_jsx_runtime(), 1);
 var React522 = __toESM(require_react(), 1);
 var import_react15 = __toESM(require_react(), 1);
-var import_jsx_runtime23 = __toESM(require_jsx_runtime(), 1);
 var import_react16 = __toESM(require_react(), 1);
-var import_jsx_runtime24 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime23 = __toESM(require_jsx_runtime(), 1);
 var import_react17 = __toESM(require_react(), 1);
+var import_jsx_runtime24 = __toESM(require_jsx_runtime(), 1);
 var import_react18 = __toESM(require_react(), 1);
-var import_jsx_runtime25 = __toESM(require_jsx_runtime(), 1);
 var import_react19 = __toESM(require_react(), 1);
-var import_jsx_runtime26 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime25 = __toESM(require_jsx_runtime(), 1);
 var import_react20 = __toESM(require_react(), 1);
+var import_jsx_runtime26 = __toESM(require_jsx_runtime(), 1);
+var import_react21 = __toESM(require_react(), 1);
 var import_jsx_runtime27 = __toESM(require_jsx_runtime(), 1);
 var import_jsx_runtime28 = __toESM(require_jsx_runtime(), 1);
 var React622 = __toESM(require_react(), 1);
@@ -37181,29 +37182,29 @@ var import_jsx_runtime51 = __toESM(require_jsx_runtime(), 1);
 var import_jsx_runtime52 = __toESM(require_jsx_runtime(), 1);
 var React292 = __toESM(require_react(), 1);
 var import_jsx_runtime53 = __toESM(require_jsx_runtime(), 1);
-var import_react21 = __toESM(require_react(), 1);
-var import_jsx_runtime54 = __toESM(require_jsx_runtime(), 1);
 var import_react22 = __toESM(require_react(), 1);
-var import_jsx_runtime55 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime54 = __toESM(require_jsx_runtime(), 1);
 var import_react23 = __toESM(require_react(), 1);
-var import_jsx_runtime56 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime55 = __toESM(require_jsx_runtime(), 1);
 var import_react24 = __toESM(require_react(), 1);
+var import_jsx_runtime56 = __toESM(require_jsx_runtime(), 1);
 var import_react25 = __toESM(require_react(), 1);
+var import_react26 = __toESM(require_react(), 1);
 var React312 = __toESM(require_react(), 1);
 var import_jsx_runtime57 = __toESM(require_jsx_runtime(), 1);
 var import_jsx_runtime58 = __toESM(require_jsx_runtime(), 1);
 var import_jsx_runtime59 = __toESM(require_jsx_runtime(), 1);
-var import_react26 = __toESM(require_react(), 1);
-var import_jsx_runtime60 = __toESM(require_jsx_runtime(), 1);
 var import_react27 = __toESM(require_react(), 1);
+var import_jsx_runtime60 = __toESM(require_jsx_runtime(), 1);
+var import_react28 = __toESM(require_react(), 1);
 var import_jsx_runtime61 = __toESM(require_jsx_runtime(), 1);
 var import_jsx_runtime62 = __toESM(require_jsx_runtime(), 1);
-var import_react28 = __toESM(require_react(), 1);
+var import_react29 = __toESM(require_react(), 1);
 var React322 = __toESM(require_react(), 1);
 var React31 = __toESM(require_react(), 1);
 var React29 = __toESM(require_react(), 1);
 var React26 = __toESM(require_react(), 1);
-var import_react29 = __toESM(require_react(), 1);
+var import_react30 = __toESM(require_react(), 1);
 var ReactDOM3 = __toESM(require_react_dom(), 1);
 var React27 = __toESM(require_react(), 1);
 var import_jsx_runtime63 = __toESM(require_jsx_runtime(), 1);
@@ -37215,13 +37216,13 @@ var import_jsx_runtime66 = __toESM(require_jsx_runtime(), 1);
 var import_jsx_runtime67 = __toESM(require_jsx_runtime(), 1);
 var import_jsx_runtime68 = __toESM(require_jsx_runtime(), 1);
 var import_jsx_runtime69 = __toESM(require_jsx_runtime(), 1);
-var import_react30 = __toESM(require_react(), 1);
+var import_react31 = __toESM(require_react(), 1);
 var React332 = __toESM(require_react(), 1);
 var React35 = __toESM(require_react(), 1);
 var ReactDOM4 = __toESM(require_react_dom(), 1);
-var import_react31 = __toESM(require_react(), 1);
-var import_jsx_runtime70 = __toESM(require_jsx_runtime(), 1);
 var import_react32 = __toESM(require_react(), 1);
+var import_jsx_runtime70 = __toESM(require_jsx_runtime(), 1);
+var import_react33 = __toESM(require_react(), 1);
 var import_jsx_runtime71 = __toESM(require_jsx_runtime(), 1);
 var React33 = __toESM(require_react(), 1);
 var import_jsx_runtime72 = __toESM(require_jsx_runtime(), 1);
@@ -37234,23 +37235,23 @@ var import_jsx_runtime76 = __toESM(require_jsx_runtime(), 1);
 var import_jsx_runtime77 = __toESM(require_jsx_runtime(), 1);
 var import_jsx_runtime78 = __toESM(require_jsx_runtime(), 1);
 var import_jsx_runtime79 = __toESM(require_jsx_runtime(), 1);
-var import_react33 = __toESM(require_react(), 1);
+var import_react34 = __toESM(require_react(), 1);
 var import_jsx_runtime80 = __toESM(require_jsx_runtime(), 1);
 var import_jsx_runtime81 = __toESM(require_jsx_runtime(), 1);
 var import_jsx_runtime82 = __toESM(require_jsx_runtime(), 1);
-var import_react34 = __toESM(require_react(), 1);
-var import_jsx_runtime83 = __toESM(require_jsx_runtime(), 1);
 var import_react35 = __toESM(require_react(), 1);
+var import_jsx_runtime83 = __toESM(require_jsx_runtime(), 1);
 var import_react36 = __toESM(require_react(), 1);
-var import_jsx_runtime84 = __toESM(require_jsx_runtime(), 1);
 var import_react37 = __toESM(require_react(), 1);
+var import_jsx_runtime84 = __toESM(require_jsx_runtime(), 1);
 var import_react38 = __toESM(require_react(), 1);
+var import_react39 = __toESM(require_react(), 1);
 var import_jsx_runtime85 = __toESM(require_jsx_runtime(), 1);
 var import_jsx_runtime86 = __toESM(require_jsx_runtime(), 1);
-var import_react39 = __toESM(require_react(), 1);
+var import_react40 = __toESM(require_react(), 1);
 var import_jsx_runtime87 = __toESM(require_jsx_runtime(), 1);
 var import_jsx_runtime88 = __toESM(require_jsx_runtime(), 1);
-var import_react40 = __toESM(require_react(), 1);
+var import_react41 = __toESM(require_react(), 1);
 var import_jsx_runtime89 = __toESM(require_jsx_runtime(), 1);
 var import_jsx_runtime90 = __toESM(require_jsx_runtime(), 1);
 var __create2 = Object.create;
@@ -44528,6 +44529,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);
@@ -48348,7 +48402,7 @@ var computePosition2 = (reference, floating, options2) => {
 var isClient = typeof document !== "undefined";
 var noop2 = function noop22() {
 };
-var index = isClient ? import_react29.useLayoutEffect : noop2;
+var index = isClient ? import_react30.useLayoutEffect : noop2;
 function deepEqual(a, b) {
   if (a === b) {
     return true;
@@ -49457,14 +49511,14 @@ function createCollection(name) {
   );
   const CollectionProvider = (props) => {
     const { scope, children } = props;
-    const ref = import_react31.default.useRef(null);
-    const itemMap = import_react31.default.useRef(/* @__PURE__ */ new Map()).current;
+    const ref = import_react32.default.useRef(null);
+    const itemMap = import_react32.default.useRef(/* @__PURE__ */ new Map()).current;
     return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
   };
   CollectionProvider.displayName = PROVIDER_NAME2;
   const COLLECTION_SLOT_NAME = name + "CollectionSlot";
   const CollectionSlotImpl = /* @__PURE__ */ createSlot(COLLECTION_SLOT_NAME);
-  const CollectionSlot = import_react31.default.forwardRef(
+  const CollectionSlot = import_react32.default.forwardRef(
     (props, forwardedRef) => {
       const { scope, children } = props;
       const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
@@ -49476,13 +49530,13 @@ function createCollection(name) {
   const ITEM_SLOT_NAME = name + "CollectionItemSlot";
   const ITEM_DATA_ATTR = "data-radix-collection-item";
   const CollectionItemSlotImpl = /* @__PURE__ */ createSlot(ITEM_SLOT_NAME);
-  const CollectionItemSlot = import_react31.default.forwardRef(
+  const CollectionItemSlot = import_react32.default.forwardRef(
     (props, forwardedRef) => {
       const { scope, children, ...itemData } = props;
-      const ref = import_react31.default.useRef(null);
+      const ref = import_react32.default.useRef(null);
       const composedRefs = useComposedRefs(forwardedRef, ref);
       const context = useCollectionContext(ITEM_SLOT_NAME, scope);
-      import_react31.default.useEffect(() => {
+      import_react32.default.useEffect(() => {
         context.itemMap.set(ref, { ref, ...itemData });
         return () => void context.itemMap.delete(ref);
       });
@@ -49492,7 +49546,7 @@ function createCollection(name) {
   CollectionItemSlot.displayName = ITEM_SLOT_NAME;
   function useCollection2(scope) {
     const context = useCollectionContext(name + "CollectionConsumer", scope);
-    const getItems = import_react31.default.useCallback(() => {
+    const getItems = import_react32.default.useCallback(() => {
       const collectionNode = context.collectionRef.current;
       if (!collectionNode) return [];
       const orderedNodes = Array.from(collectionNode.querySelectorAll(`[${ITEM_DATA_ATTR}]`));
@@ -52043,7 +52097,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",
@@ -54027,20 +54081,6 @@ function BuyWithCard({
     }
   );
 }
-function useProjectConfig({
-  publishableKey,
-  enabled = true
-}) {
-  const { data: projectConfig, isLoading } = useQuery({
-    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() {
@@ -54088,47 +54128,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 useQuery({
+    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 = (0, import_react16.useMemo)(() => 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 = (0, import_react16.useMemo)(() => {
+    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
+  } = useQuery({
+    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 = React522.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,
@@ -54137,48 +54330,61 @@ var BuyWithApplePay = React522.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] = (0, import_react15.useState)("loading_config");
     const [errorMessage, setErrorMessage] = (0, import_react15.useState)("");
-    const [email, setEmail] = (0, import_react15.useState)(externalUserEmail ?? "");
-    const [phoneInput, setPhoneInput] = (0, import_react15.useState)("");
-    const [, setTosAccepted] = (0, import_react15.useState)(false);
+    const [email, setEmail] = (0, import_react15.useState)(() => {
+      if (userEmail && EMAIL_REGEX2.test(userEmail)) return userEmail;
+      return getStoredApplePaySession(userId)?.email ?? "";
+    });
+    const [phoneInput, setPhoneInput] = (0, import_react15.useState)(() => {
+      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] = (0, import_react15.useState)(null);
     const [clientSecret, setClientSecret] = (0, import_react15.useState)(null);
-    const [emailCode, setEmailCode] = (0, import_react15.useState)("");
     const [phoneCode, setPhoneCode] = (0, import_react15.useState)("");
     const [otpError, setOtpError] = (0, import_react15.useState)(null);
     const [otpSubmitting, setOtpSubmitting] = (0, import_react15.useState)(false);
     const [resendCooldown, setResendCooldown] = (0, import_react15.useState)(0);
+    const [dobInput, setDobInput] = (0, import_react15.useState)("");
+    const [ssnLast4, setSsnLast4] = (0, import_react15.useState)("");
+    const [limitUpgradeError, setLimitUpgradeError] = (0, import_react15.useState)(null);
+    const [upgradeSubmitting, setUpgradeSubmitting] = (0, import_react15.useState)(false);
+    const upgradeFlowAbortRef = (0, import_react15.useRef)(null);
     const [amount, setAmount] = (0, import_react15.useState)(amountUsd ?? "");
     const [paymentSession, setPaymentSession] = (0, import_react15.useState)(
       null
     );
     const [paymentSessionAmount, setPaymentSessionAmount] = (0, import_react15.useState)(null);
-    const [preparingSession, setPreparingSession] = (0, import_react15.useState)(false);
     const popupRef = (0, import_react15.useRef)(null);
     const sessionAbortRef = (0, import_react15.useRef)(null);
     const [onrampToken, setOnrampToken] = (0, import_react15.useState)(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 = (0, import_react15.useMemo)(() => {
-      if (!destinationChainType) return void 0;
-      return getWalletByChainType(wallets, destinationChainType);
-    }, [wallets, destinationChainType]);
+      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,
@@ -54202,49 +54408,10 @@ var BuyWithApplePay = React522.forwardRef(
         onDepositError(error);
       } : void 0
     });
-    const [emailLocked, setEmailLocked] = (0, import_react15.useState)(false);
-    (0, import_react15.useEffect)(() => {
-      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] = (0, import_react15.useState)(() => {
+      if (userEmail && EMAIL_REGEX2.test(userEmail)) return true;
+      return !!getStoredApplePaySession(userId);
+    });
     (0, import_react15.useEffect)(() => {
       if (resendCooldown <= 0) return;
       const t13 = setInterval(() => setResendCooldown((c) => Math.max(0, c - 1)), 1e3);
@@ -54253,19 +54420,10 @@ var BuyWithApplePay = React522.forwardRef(
     (0, import_react15.useEffect)(() => {
       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 {
@@ -54274,16 +54432,20 @@ var BuyWithApplePay = React522.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;
@@ -54295,17 +54457,17 @@ var BuyWithApplePay = React522.forwardRef(
     (0, import_react15.useEffect)(() => {
       onViewChange?.(view);
     }, [view, onViewChange]);
-    (0, import_react15.useEffect)(
-      () => () => {
+    (0, import_react15.useEffect)(() => {
+      return () => {
         sessionAbortRef.current?.abort();
+        upgradeFlowAbortRef.current?.abort();
         try {
           popupRef.current?.close();
         } catch {
         }
         popupRef.current = null;
-      },
-      []
-    );
+      };
+    }, []);
     React522.useImperativeHandle(
       ref,
       () => ({
@@ -54315,14 +54477,20 @@ var BuyWithApplePay = React522.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") {
@@ -54343,21 +54511,20 @@ var BuyWithApplePay = React522.forwardRef(
       [view, emailLocked]
     );
     const normalizedPhone = (0, import_react15.useMemo)(() => formatPhoneInput(phoneInput), [phoneInput]);
-    const isContactValid = EMAIL_REGEX.test(email) && PHONE_REGEX.test(normalizedPhone);
-    const persistContact = (0, import_react15.useCallback)(
+    const isContactValid = EMAIL_REGEX2.test(email) && PHONE_REGEX2.test(normalizedPhone);
+    const storeApplePaySession = (0, import_react15.useCallback)(
       (patch = {}) => {
-        const base = {
+        const session = {
           email,
           phone: normalizedPhone,
           termsAcceptedAt: (/* @__PURE__ */ new Date()).toISOString(),
           ...patch
         };
-        setStoredApplePaySession(userId, base);
+        setStoredApplePaySession(userId, session);
       },
       [email, normalizedPhone, userId]
     );
-    const startVerification = (0, import_react15.useCallback)(async () => {
-      if (!isContactValid) return;
+    const createSessionAndSendOtp = (0, import_react15.useCallback)(async () => {
       setView("submitting_session");
       setErrorMessage("");
       try {
@@ -54375,71 +54542,192 @@ var BuyWithApplePay = React522.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 = (0, import_react15.useCallback)(async () => {
-      if (!verificationSession || !clientSecret || emailCode.length !== 6) return;
-      if (otpSubmitting) return;
-      setOtpError(null);
-      setOtpSubmitting(true);
+    }, [email, normalizedPhone, publishableKey, storeApplePaySession]);
+    const clearUpgradeFields = (0, import_react15.useCallback)(() => {
+      setSsnLast4("");
+      setDobInput("");
+    }, []);
+    const { action: initialAction, refetchApplePayLimits } = useApplePayInitialScreen({
+      userId,
+      publishableKey,
+      normalizedPhone,
+      userEmail,
+      sessionPhoneVerified: verificationSession?.phone?.status === "verified",
+      isWaiting: defaultTokenLoading || legalAgreementsLoading || userIpInfoLoading
+    });
+    const pollLimitUpgradeStatus = (0, import_react15.useCallback)(
+      async (signal) => {
+        const POLL_INTERVAL_MS4 = 1500;
+        const POLL_TIMEOUT_MS = 3e4;
+        const startedAt = Date.now();
+        let firstIteration = true;
+        while (Date.now() - startedAt < POLL_TIMEOUT_MS) {
+          if (signal.aborted) return;
+          if (!firstIteration) {
+            await new Promise((resolve) => setTimeout(resolve, POLL_INTERVAL_MS4));
+          }
+          firstIteration = false;
+          if (signal.aborted) return;
+          let fresh;
+          try {
+            fresh = await 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 = (0, import_react15.useCallback)(async () => {
+      upgradeFlowAbortRef.current?.abort();
+      const controller = new AbortController();
+      upgradeFlowAbortRef.current = controller;
       try {
-        const updated = await verifyOnrampVerificationOtp(
-          verificationSession.id,
-          "email",
-          clientSecret,
-          emailCode,
-          publishableKey
-        );
-        setVerificationSession(updated);
-        if (updated.email.status === "verified") {
-          persistContact({ emailVerifiedAt: updated.email.verified_at });
-          await sendOnrampVerificationOtp(updated.id, "phone", clientSecret, publishableKey);
-          setEmailCode("");
-          setResendCooldown(30);
-          setView("phone_otp");
+        await pollLimitUpgradeStatus(controller.signal);
+      } finally {
+        if (upgradeFlowAbortRef.current === controller) {
+          upgradeFlowAbortRef.current = null;
+        }
+      }
+    }, [pollLimitUpgradeStatus]);
+    const applyLimitRouting = (0, import_react15.useCallback)(
+      (nextView, status) => {
+        if (nextView === "limit_upgrade_form" && status === "resubmit") {
+          setLimitUpgradeError(
+            "We couldn't verify your information. Please check your SSN and date of birth and try again."
+          );
         } else {
-          setOtpError("Incorrect code. Please try again.");
-          setEmailCode("");
+          setLimitUpgradeError(null);
         }
-      } catch (err) {
-        setOtpError(
-          prettifyVerificationError(err instanceof Error ? err.message : "Verification failed")
-        );
-        setEmailCode("");
+        setView(nextView);
+        if (nextView === "limit_upgrade_submitting") {
+          void startUpgradePolling();
+        }
+      },
+      [startUpgradePolling]
+    );
+    const hasInitializedRef = (0, import_react15.useRef)(false);
+    (0, import_react15.useEffect)(() => {
+      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 = (0, import_react15.useCallback)(async () => {
+      if (!isContactValid) return;
+      await createSessionAndSendOtp();
+    }, [isContactValid, createSessionAndSendOtp]);
+    const submitLimitUpgrade = (0, import_react15.useCallback)(async () => {
+      if (upgradeSubmitting) return;
+      try {
+        const dob = parseDobInput(dobInput);
+        if (!dob || !/^\d{4}$/.test(ssnLast4)) return;
+        setUpgradeSubmitting(true);
+        setLimitUpgradeError(null);
+        setView("limit_upgrade_submitting");
+        const requestController = new AbortController();
+        upgradeFlowAbortRef.current?.abort();
+        upgradeFlowAbortRef.current = requestController;
+        try {
+          await requestCoinbaseApplePayLimitUpgrade(
+            {
+              phone: normalizedPhone,
+              fields: { ssnLast4, dateOfBirth: dob }
+            },
+            publishableKey,
+            requestController.signal
+          );
+        } catch (err) {
+          if (requestController.signal.aborted) return;
+          const raw = err instanceof Error ? err.message : "Failed to request limit upgrade";
+          if (isLimitUpgradeTerminalBlock(raw)) {
+            clearUpgradeFields();
+            setLimitUpgradeError(null);
+            setView("guest_limit_reached");
+            return;
+          }
+          setLimitUpgradeError(prettifyVerificationError(raw));
+          setView("limit_upgrade_form");
+          return;
+        } finally {
+          if (upgradeFlowAbortRef.current === requestController) {
+            upgradeFlowAbortRef.current = null;
+          }
+        }
+        await startUpgradePolling();
       } finally {
-        setOtpSubmitting(false);
+        setUpgradeSubmitting(false);
       }
     }, [
-      verificationSession,
-      clientSecret,
-      emailCode,
+      upgradeSubmitting,
+      dobInput,
+      ssnLast4,
+      normalizedPhone,
       publishableKey,
-      persistContact,
-      otpSubmitting
+      startUpgradePolling,
+      clearUpgradeFields
     ]);
     const submitPhoneOtp = (0, import_react15.useCallback)(async () => {
       if (!verificationSession || !clientSecret || phoneCode.length !== 6) return;
@@ -54462,7 +54750,7 @@ var BuyWithApplePay = React522.forwardRef(
             publishableKey
           );
           setOnrampToken(tokenRes);
-          persistContact({
+          storeApplePaySession({
             emailVerifiedAt: updated.email.verified_at,
             phoneVerifiedAt: updated.phone.verified_at,
             onrampToken: tokenRes.token,
@@ -54471,17 +54759,30 @@ var BuyWithApplePay = React522.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);
       }
     }, [
@@ -54489,22 +54790,25 @@ var BuyWithApplePay = React522.forwardRef(
       clientSecret,
       phoneCode,
       publishableKey,
-      persistContact,
+      storeApplePaySession,
       amountUsd,
-      otpSubmitting
+      otpSubmitting,
+      refetchApplePayLimits,
+      getViewForLimitStatus,
+      applyLimitRouting
     ]);
     const prepareSession = (0, import_react15.useCallback)(
       async (token, amt) => {
+        setErrorMessage("");
         if (!destinationChainType || !destinationChainId) {
           setErrorMessage("Deposit destination not configured. Please contact support.");
           return;
         }
-        const destinationNetwork = destinationChainNameFor(
-          destinationChainType,
-          destinationChainId
-        );
-        if (!destinationNetwork) {
-          setErrorMessage("Coinbase Apple Pay is not available for this network.");
+        if (defaultTokenLoading) {
+          return;
+        }
+        if (defaultTokenError || !defaultToken) {
+          setErrorMessage("Unable to load token information. Please try again.");
           return;
         }
         const settlementAddress = depositWallet?.address;
@@ -54515,19 +54819,17 @@ var BuyWithApplePay = React522.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,
@@ -54571,18 +54873,16 @@ var BuyWithApplePay = React522.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
@@ -54626,42 +54926,8 @@ var BuyWithApplePay = React522.forwardRef(
     if (view === "loading_config") {
       return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "uf-flex uf-items-center uf-justify-center uf-py-16", style: containerStyle, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(LoaderCircle, { className: "uf-w-6 uf-h-6 uf-animate-spin", style: { color: colors2.primary } }) });
     }
-    if (view === "disabled") {
-      return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
-        "div",
-        {
-          className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-12 uf-px-4",
-          style: containerStyle,
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-              CircleAlert,
-              {
-                className: "uf-w-8 uf-h-8 uf-mb-4",
-                style: { color: colors2.foregroundMuted }
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-              "h3",
-              {
-                className: "uf-text-base uf-font-medium uf-mb-1",
-                style: { color: colors2.foreground, fontFamily: fonts.medium },
-                children: "Apple Pay is unavailable"
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-              "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__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "uf-flex uf-flex-col uf-pb-1 uf-pt-2", style: containerStyle, children: [
         /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
           "label",
@@ -54678,9 +54944,7 @@ var BuyWithApplePay = React522.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",
@@ -54716,7 +54980,7 @@ var BuyWithApplePay = React522.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);
@@ -54797,15 +55061,7 @@ var BuyWithApplePay = React522.forwardRef(
         !phoneInput && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "uf-text-xs uf-mb-2 uf-px-1", style: { color: colors2.foregroundMuted }, children: "Re-verified every 60 days." }),
         errorMessage && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "uf-text-xs uf-mt-2 uf-px-1", style: { color: colors2.error }, children: errorMessage }),
         /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "uf-flex-1" }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-          LegalDisclaimer,
-          {
-            legalAgreements,
-            loading: legalAgreementsLoading,
-            colors: colors2,
-            fonts
-          }
-        ),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(LegalDisclaimer, { legalAgreements, loading: legalAgreementsLoading }),
         /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
           "button",
           {
@@ -54824,12 +55080,9 @@ var BuyWithApplePay = React522.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__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "uf-flex uf-flex-col uf-pb-1 uf-items-center uf-pt-2", style: containerStyle, children: [
         /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
@@ -54852,13 +55105,12 @@ var BuyWithApplePay = React522.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,
@@ -54885,7 +55137,7 @@ var BuyWithApplePay = React522.forwardRef(
               if (!verificationSession || !clientSecret) return;
               void sendOnrampVerificationOtp(
                 verificationSession.id,
-                isEmail ? "email" : "phone",
+                "phone",
                 clientSecret,
                 publishableKey
               ).then(() => setResendCooldown(30));
@@ -54898,7 +55150,7 @@ var BuyWithApplePay = React522.forwardRef(
         /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
           "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: {
@@ -55046,7 +55298,7 @@ var BuyWithApplePay = React522.forwardRef(
               border: `${components.button.borderWidth}px solid ${components.button.borderColor}`,
               opacity: 0.5
             },
-            children: !hasInput || !validAmount ? "Enter amount" : /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
+            children: !hasInput || !validAmount ? "Enter amount" : errorMessage ? "Unable to prepare Apple Pay" : defaultTokenLoading ? "Loading token information\u2026" : defaultTokenError ? "Token routing unavailable" : /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
               /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(LoaderCircle, { className: "uf-w-4 uf-h-4 uf-animate-spin" }),
               "Preparing Apple Pay"
             ] })
@@ -55084,7 +55336,104 @@ var BuyWithApplePay = React522.forwardRef(
               {
                 className: "uf-text-xl uf-mb-2 uf-text-center",
                 style: { color: colors2.foreground, fontFamily: fonts.medium },
-                children: "Checking for your deposit\u2026"
+                children: "Checking for your deposit\u2026"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+              "p",
+              {
+                className: "uf-text-sm uf-text-center uf-max-w-[280px]",
+                style: { color: colors2.foregroundMuted, fontFamily: fonts.regular },
+                children: "Return if the payment is not made."
+              }
+            )
+          ]
+        }
+      );
+    }
+    if (view === "limit_upgrade_intro") {
+      return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "uf-flex uf-flex-col uf-pt-8 uf-pb-2 uf-px-2", style: containerStyle, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          "h3",
+          {
+            className: "uf-text-xl uf-mb-3 uf-text-center",
+            style: { color: colors2.foreground, fontFamily: fonts.medium },
+            children: "Apple Pay limit reached"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          "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__ */ (0, import_jsx_runtime23.jsx)(
+          "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__ */ (0, import_jsx_runtime23.jsx)(
+          "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__ */ (0, import_jsx_runtime23.jsxs)(
+        "div",
+        {
+          className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-16 uf-px-4",
+          style: containerStyle,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+              "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__ */ (0, import_jsx_runtime23.jsx)(
+                  LoaderCircle,
+                  {
+                    className: "uf-w-10 uf-h-10 uf-animate-spin",
+                    style: { color: colors2.primary }
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+              "h3",
+              {
+                className: "uf-text-xl uf-mb-2 uf-text-center",
+                style: { color: colors2.foreground, fontFamily: fonts.medium },
+                children: "Verifying your information"
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
@@ -55092,13 +55441,184 @@ var BuyWithApplePay = React522.forwardRef(
               {
                 className: "uf-text-sm uf-text-center uf-max-w-[280px]",
                 style: { color: colors2.foregroundMuted, fontFamily: fonts.regular },
-                children: "Return if the payment is not made."
+                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__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "uf-flex uf-flex-col uf-pb-1 uf-pt-2", style: containerStyle, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          "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__ */ (0, import_jsx_runtime23.jsx)(
+          "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__ */ (0, import_jsx_runtime23.jsx)(
+          "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__ */ (0, import_jsx_runtime23.jsx)(
+          "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__ */ (0, import_jsx_runtime23.jsx)(
+          "div",
+          {
+            className: "uf-text-xs uf-mt-2 uf-px-1",
+            style: { color: colors2.error, fontFamily: fonts.regular },
+            children: limitUpgradeError
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "uf-flex-1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          "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__ */ (0, import_jsx_runtime23.jsxs)("span", { className: "uf-flex uf-items-center uf-justify-center uf-gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(LoaderCircle, { className: "uf-w-4 uf-h-4 uf-animate-spin" }),
+              "Submitting\u2026"
+            ] }) : "Submit"
+          }
+        )
+      ] });
+    }
+    if (view === "limit_upgrade_failed") {
+      return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "uf-flex uf-flex-col uf-pt-8 uf-pb-2 uf-px-2", style: containerStyle, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          "h3",
+          {
+            className: "uf-text-xl uf-mb-3 uf-text-center",
+            style: { color: colors2.foreground, fontFamily: fonts.medium },
+            children: "Apple Pay limit reached"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+          "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__ */ (0, import_jsx_runtime23.jsx)(
+                "a",
+                {
+                  href: UNIFOLD_SUPPORT_URL,
+                  target: "_blank",
+                  rel: "noreferrer noopener",
+                  className: "uf-underline",
+                  style: { color: colors2.primary },
+                  children: "contact support"
+                }
+              ),
+              "."
+            ]
+          }
+        ),
+        limitUpgradeError && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          "p",
+          {
+            className: "uf-text-xs uf-text-center uf-mb-2 uf-px-2",
+            style: { color: colors2.error, fontFamily: fonts.regular },
+            children: limitUpgradeError
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "uf-mb-8" }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          "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__ */ (0, import_jsx_runtime23.jsxs)(
         "div",
@@ -55119,7 +55639,7 @@ var BuyWithApplePay = React522.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__ */ (0, import_jsx_runtime23.jsx)(
@@ -55145,7 +55665,95 @@ var BuyWithApplePay = React522.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__ */ (0, import_jsx_runtime23.jsxs)(
       "div",
@@ -55189,78 +55797,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,
@@ -55275,10 +55811,10 @@ function PayWithExchange({
   defaultToken
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const [internalView, setInternalView] = (0, import_react16.useState)("providers");
-  const [exchangeSession, setExchangeSession] = (0, import_react16.useState)(null);
-  const [sessionError, setSessionError] = (0, import_react16.useState)(null);
-  const [hoveredIndex, setHoveredIndex] = (0, import_react16.useState)(null);
+  const [internalView, setInternalView] = (0, import_react17.useState)("providers");
+  const [exchangeSession, setExchangeSession] = (0, import_react17.useState)(null);
+  const [sessionError, setSessionError] = (0, import_react17.useState)(null);
+  const [hoveredIndex, setHoveredIndex] = (0, import_react17.useState)(null);
   const currentView = externalView ?? internalView;
   const depositWalletId = wallets.find((w) => ["ethereum", "solana"].includes(w.chain_type))?.id;
   const handleViewChange = (newView) => {
@@ -55558,7 +56094,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 = (0, import_react18.useMemo)(() => {
+  const dots = (0, import_react19.useMemo)(() => {
     const result = [];
     const cornerSize = 7;
     const centerStart = Math.floor(gridCount / 2) - 2;
@@ -55613,10 +56149,10 @@ function StyledQRCode({
   imageSize = 45,
   darkMode = false
 }) {
-  const containerRef = (0, import_react18.useRef)(null);
-  const qrRef = (0, import_react18.useRef)(null);
-  const [ready, setReady] = (0, import_react18.useState)(false);
-  (0, import_react18.useEffect)(() => {
+  const containerRef = (0, import_react19.useRef)(null);
+  const qrRef = (0, import_react19.useRef)(null);
+  const [ready, setReady] = (0, import_react19.useState)(false);
+  (0, import_react19.useEffect)(() => {
     if (!containerRef.current || !value) return;
     const config = createQRConfig(value, size4, imageUrl, imageSize, darkMode);
     if (!qrRef.current) {
@@ -55647,8 +56183,8 @@ function StyledQRCode({
   ] });
 }
 function useIsMobileViewport() {
-  const [isMobile, setIsMobile] = (0, import_react19.useState)(() => isMobileViewport());
-  (0, import_react19.useEffect)(() => {
+  const [isMobile, setIsMobile] = (0, import_react20.useState)(() => isMobileViewport());
+  (0, import_react20.useEffect)(() => {
     setIsMobile(isMobileViewport());
     const mql = window.matchMedia(MOBILE_VIEWPORT_MEDIA_QUERY);
     const update = () => setIsMobile(mql.matches);
@@ -55700,21 +56236,21 @@ function PayWithCashApp({
   const { data: limits, isLoading: limitsLoading } = useCashAppLimits({ publishableKey });
   const minUsd = limits?.minimum_amount ?? FALLBACK_MIN_USD;
   const maxUsd = limits?.maximum_amount ?? null;
-  const [amount, setAmount] = (0, import_react17.useState)("");
-  const [loading, setLoading] = (0, import_react17.useState)(false);
-  const [session, setSession] = (0, import_react17.useState)(null);
-  const [status, setStatus] = (0, import_react17.useState)("pending");
-  const [error, setError] = (0, import_react17.useState)(null);
-  const [copied, setCopied] = (0, import_react17.useState)(false);
-  const [view, setViewInternal] = (0, import_react17.useState)(controlledView ?? "amount");
-  const setView = (0, import_react17.useCallback)(
+  const [amount, setAmount] = (0, import_react18.useState)("");
+  const [loading, setLoading] = (0, import_react18.useState)(false);
+  const [session, setSession] = (0, import_react18.useState)(null);
+  const [status, setStatus] = (0, import_react18.useState)("pending");
+  const [error, setError] = (0, import_react18.useState)(null);
+  const [copied, setCopied] = (0, import_react18.useState)(false);
+  const [view, setViewInternal] = (0, import_react18.useState)(controlledView ?? "amount");
+  const setView = (0, import_react18.useCallback)(
     (v) => {
       setViewInternal(v);
       onViewChange?.(v);
     },
     [onViewChange]
   );
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (controlledView && controlledView !== view) {
       setViewInternal(controlledView);
       if (controlledView === "amount") {
@@ -55726,7 +56262,7 @@ function PayWithCashApp({
       }
     }
   }, [controlledView]);
-  const [timeLeft, setTimeLeft] = (0, import_react17.useState)(null);
+  const [timeLeft, setTimeLeft] = (0, import_react18.useState)(null);
   const depositWalletId = wallets.find((w) => w.chain_type === "ethereum")?.id;
   const { executions, isPolling } = useDepositPolling({
     userId,
@@ -55737,7 +56273,7 @@ function PayWithCashApp({
     onDepositSuccess,
     onDepositError
   });
-  const handleAmountChange = (0, import_react17.useCallback)(
+  const handleAmountChange = (0, import_react18.useCallback)(
     (raw) => {
       const cleaned = raw.replace(/[^0-9.]/g, "");
       const parts = cleaned.split(".");
@@ -55749,7 +56285,7 @@ function PayWithCashApp({
     },
     [onAmountChange]
   );
-  const handleCreateSession = (0, import_react17.useCallback)(async () => {
+  const handleCreateSession = (0, import_react18.useCallback)(async () => {
     if (!amount || !recipientAddress || !destinationChainType || !destinationChainId || !destinationTokenAddress) {
       setError("Missing required fields");
       return;
@@ -55798,7 +56334,7 @@ function PayWithCashApp({
     onEvent,
     onDepositError
   ]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (!session || view !== "payment" && view !== "confirming") return;
     if (status === "completed" || status === "failed") return;
     const poll = async () => {
@@ -55822,8 +56358,8 @@ function PayWithCashApp({
     poll();
     return () => clearInterval(interval);
   }, [session, view, status, publishableKey, onDepositSuccess, onDepositError]);
-  const [softExpired, setSoftExpired] = (0, import_react17.useState)(false);
-  (0, import_react17.useEffect)(() => {
+  const [softExpired, setSoftExpired] = (0, import_react18.useState)(false);
+  (0, import_react18.useEffect)(() => {
     if (!session?.expires_at || view !== "payment") return;
     const expiresMs = new Date(session.expires_at).getTime();
     const tick = () => {
@@ -55837,12 +56373,12 @@ function PayWithCashApp({
     const interval = setInterval(tick, 1e3);
     return () => clearInterval(interval);
   }, [session, view, status]);
-  const handleCopy = (0, import_react17.useCallback)(async (text) => {
+  const handleCopy = (0, import_react18.useCallback)(async (text) => {
     await navigator.clipboard.writeText(text);
     setCopied(true);
     setTimeout(() => setCopied(false), 2e3);
   }, []);
-  const handleRecreate = (0, import_react17.useCallback)(() => {
+  const handleRecreate = (0, import_react18.useCallback)(() => {
     setSession(null);
     setStatus("pending");
     setError(null);
@@ -56171,43 +56707,6 @@ function PayWithCashApp({
   }
   return null;
 }
-function useDefaultOnrampToken({
-  publishableKey,
-  tokenAddress,
-  chainId,
-  chainType,
-  countryCode,
-  subdivisionCode,
-  enabled = true
-}) {
-  const { data: defaultToken, isLoading } = useQuery({
-    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,
@@ -56255,19 +56754,19 @@ function BankTransfer({
   onDepositError
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const [internalView, setInternalView] = (0, import_react20.useState)("providers");
-  const [sessionError, setSessionError] = (0, import_react20.useState)(null);
-  const [hoveredId, setHoveredId] = (0, import_react20.useState)(null);
-  const [activeProvider, setActiveProvider] = (0, import_react20.useState)(null);
-  const [requestBase, setRequestBase] = (0, import_react20.useState)(null);
-  const [activeRequest, setActiveRequest] = (0, import_react20.useState)(null);
-  const [amount, setAmount] = (0, import_react20.useState)("");
+  const [internalView, setInternalView] = (0, import_react21.useState)("providers");
+  const [sessionError, setSessionError] = (0, import_react21.useState)(null);
+  const [hoveredId, setHoveredId] = (0, import_react21.useState)(null);
+  const [activeProvider, setActiveProvider] = (0, import_react21.useState)(null);
+  const [requestBase, setRequestBase] = (0, import_react21.useState)(null);
+  const [activeRequest, setActiveRequest] = (0, import_react21.useState)(null);
+  const [amount, setAmount] = (0, import_react21.useState)("");
   const currentView = externalView ?? internalView;
   const setView = (v) => {
     setInternalView(v);
     onViewChange?.(v);
   };
-  (0, import_react20.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     if (externalView) setInternalView(externalView);
   }, [externalView]);
   const { userIpInfo } = useUserIp2();
@@ -56286,7 +56785,7 @@ function BankTransfer({
     countryCode: userIpInfo?.alpha2
   });
   const providers = providersResponse?.data ?? [];
-  const pollingWalletId = (0, import_react20.useMemo)(() => {
+  const pollingWalletId = (0, import_react21.useMemo)(() => {
     if (!defaultToken) return void 0;
     return getWalletByChainType(
       wallets,
@@ -56307,7 +56806,7 @@ function BankTransfer({
   const currencySymbol = getCurrencySymbol2(sourceCurrency);
   const parsedAmount = parseFloat(amount);
   const amountValid = !!amount && Number.isFinite(parsedAmount) && parsedAmount >= MIN_AMOUNT;
-  const displayTokenSymbol = (0, import_react20.useMemo)(
+  const displayTokenSymbol = (0, import_react21.useMemo)(
     () => destinationTokenSymbol?.toUpperCase() ?? defaultToken?.destination_token_metadata?.symbol?.toUpperCase() ?? defaultToken?.destination_currency?.toUpperCase() ?? "USDC",
     [destinationTokenSymbol, defaultToken]
   );
@@ -60282,16 +60781,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__ */ (0, import_jsx_runtime54.jsx)("svg", { width: w, height: h, viewBox: "0 0 512 210.2", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+    "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__ */ (0, import_jsx_runtime54.jsxs)("svg", { width: w, height: h, viewBox: "0 0 80 38.1", fill: "none", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+      "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__ */ (0, import_jsx_runtime54.jsx)(
+      "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__ */ (0, import_jsx_runtime54.jsx)(
+      "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__ */ (0, import_jsx_runtime54.jsx)(
+      "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__ */ (0, import_jsx_runtime54.jsx)(
+      "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__ */ (0, import_jsx_runtime54.jsx)(
+      "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__ */ (0, import_jsx_runtime54.jsx)(
+      "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__ */ (0, import_jsx_runtime54.jsx)(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__ */ (0, import_jsx_runtime54.jsx)(GenericCardIcon, { size: size4, color: fallbackColor });
   const lower = brand.toLowerCase();
+  if (lower.includes("apple_pay") || lower.includes("apple pay") || lower === "applepay")
+    return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ApplePayIcon, { size: size4, color: monochromeColor });
+  if (lower.includes("google_pay") || lower.includes("google pay") || lower === "googlepay")
+    return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(GooglePayIcon, { size: size4, color: monochromeColor === "#FFFFFF" ? "#FFFFFF" : "#202124" });
   if (lower.includes("visa")) return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(VisaIcon, { size: size4 });
   if (lower.includes("mastercard") || lower.includes("master"))
     return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(MastercardIcon, { size: size4 });
@@ -60300,17 +60897,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 };
@@ -60318,59 +60926,82 @@ function formatPaymentToken(token) {
 function capitalize(s) {
   return s.charAt(0).toUpperCase() + s.slice(1);
 }
-function useStripeOnramp(stripePublishableKey) {
-  const [coordinator, setCoordinator] = (0, import_react22.useState)(null);
-  const [isLoading, setIsLoading] = (0, import_react22.useState)(false);
-  const [error, setError] = (0, import_react22.useState)(null);
-  const coordinatorRef = (0, import_react22.useRef)(null);
-  const initialize = (0, import_react22.useCallback)(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);
-    }
+function useStripeOnramp(stripePublishableKey, isDark = false) {
+  const [coordinator, setCoordinator] = (0, import_react23.useState)(null);
+  const [isLoading, setIsLoading] = (0, import_react23.useState)(false);
+  const [error, setError] = (0, import_react23.useState)(null);
+  const coordinatorRef = (0, import_react23.useRef)(null);
+  const coordinatorThemeRef = (0, import_react23.useRef)(null);
+  const initPromiseRef = (0, import_react23.useRef)(null);
+  const isDarkRef = (0, import_react23.useRef)(isDark);
+  isDarkRef.current = isDark;
+  const initialize = (0, import_react23.useCallback)(() => {
+    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]);
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
+    if (!coordinatorRef.current) return;
+    if (coordinatorThemeRef.current === isDark) return;
+    coordinatorRef.current.destroy();
+    coordinatorRef.current = null;
+    coordinatorThemeRef.current = null;
+    setCoordinator(null);
+  }, [isDark, coordinator]);
+  (0, import_react23.useEffect)(() => {
     return () => {
       coordinatorRef.current?.destroy();
       coordinatorRef.current = null;
+      coordinatorThemeRef.current = null;
     };
   }, []);
   return { coordinator, isLoading, error, initialize };
@@ -60521,21 +61152,23 @@ function PayWithStripeLink({
   onDepositSuccess,
   onDepositError
 }) {
-  const { colors: colors2, fonts, components } = useTheme();
-  const [step, setStepInternal] = (0, import_react21.useState)(controlledStep ?? "amount");
-  const setStep = (0, import_react21.useCallback)(
+  const { colors: colors2, fonts, components, isDark } = useTheme();
+  const [step, setStepInternal] = (0, import_react22.useState)(controlledStep ?? "amount");
+  const setStep = (0, import_react22.useCallback)(
     (s) => {
       setStepInternal(s);
       onStepChange?.(s);
     },
     [onStepChange]
   );
-  (0, import_react21.useEffect)(() => {
+  const stepRef = (0, import_react22.useRef)(step);
+  stepRef.current = step;
+  (0, import_react22.useEffect)(() => {
     if (controlledStep && controlledStep !== step) {
       setStepInternal(controlledStep);
     }
   }, [controlledStep]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     setLoading(false);
     setError(null);
     setKycPendingMessage(null);
@@ -60544,9 +61177,9 @@ function PayWithStripeLink({
       checkoutGenRef.current++;
     }
   }, [step]);
-  const [resolvedStripeKey, setResolvedStripeKey] = (0, import_react21.useState)();
-  const [configError, setConfigError] = (0, import_react21.useState)(null);
-  (0, import_react21.useEffect)(() => {
+  const [resolvedStripeKey, setResolvedStripeKey] = (0, import_react22.useState)();
+  const [configError, setConfigError] = (0, import_react22.useState)(null);
+  (0, import_react22.useEffect)(() => {
     let active = true;
     const fetchConfig = async () => {
       try {
@@ -60569,7 +61202,7 @@ function PayWithStripeLink({
       active = false;
     };
   }, [publishableKey]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (step !== "auth" || resolvedStripeKey || configError) return;
     let active = true;
     const retryConfig = async () => {
@@ -60597,8 +61230,8 @@ function PayWithStripeLink({
     isLoading: sdkLoading,
     error: sdkError,
     initialize
-  } = useStripeOnramp(resolvedStripeKey);
-  (0, import_react21.useEffect)(() => {
+  } = useStripeOnramp(resolvedStripeKey, isDark);
+  (0, import_react22.useEffect)(() => {
     if (step === "auth") {
       console.log("[PayWithStripeLink] Auth step state:", {
         resolvedStripeKey: resolvedStripeKey ? resolvedStripeKey.slice(0, 15) + "..." : void 0,
@@ -60609,27 +61242,30 @@ function PayWithStripeLink({
       });
     }
   }, [step, resolvedStripeKey, coordinator, sdkLoading, sdkError, configError]);
-  const [email, setEmail] = (0, import_react21.useState)(emailProp ?? "");
-  const [phone, setPhone] = (0, import_react21.useState)("");
-  const [country, setCountry] = (0, import_react21.useState)("US");
-  const [loading, setLoading] = (0, import_react21.useState)(false);
-  const [error, setError] = (0, import_react21.useState)(null);
-  const [kycPendingMessage, setKycPendingMessage] = (0, import_react21.useState)(null);
-  const [kycRejectionReason, setKycRejectionReason] = (0, import_react21.useState)(null);
-  const [restoring, setRestoring] = (0, import_react21.useState)(true);
-  const [errorReturnStep, setErrorReturnStep] = (0, import_react21.useState)("email");
-  const [authIntentId, setAuthIntentId] = (0, import_react21.useState)(null);
-  const sdkAuthenticatedRef = (0, import_react21.useRef)(false);
-  const pendingAddPaymentRef = (0, import_react21.useRef)(false);
-  const autoOpenedAddPaymentRef = (0, import_react21.useRef)(false);
-  const checkoutGenRef = (0, import_react21.useRef)(0);
-  const [stripePaymentUIReady, setStripePaymentUIReady] = (0, import_react21.useState)(false);
-  const [oauthToken, setOauthToken] = (0, import_react21.useState)(null);
-  const [refreshTokenValue, setRefreshTokenValue] = (0, import_react21.useState)(null);
-  const [customerId, setCustomerId] = (0, import_react21.useState)(null);
-  const accessTokenRef = (0, import_react21.useRef)("");
-  const refreshTokenRef = (0, import_react21.useRef)("");
-  const persistSession = (0, import_react21.useCallback)(
+  const [email, setEmail] = (0, import_react22.useState)(emailProp ?? "");
+  const [phone, setPhone] = (0, import_react22.useState)("");
+  const [country, setCountry] = (0, import_react22.useState)("US");
+  const [loading, setLoading] = (0, import_react22.useState)(false);
+  const [error, setError] = (0, import_react22.useState)(null);
+  const [kycPendingMessage, setKycPendingMessage] = (0, import_react22.useState)(null);
+  const [kycRejectionReason, setKycRejectionReason] = (0, import_react22.useState)(null);
+  const [restoring, setRestoring] = (0, import_react22.useState)(true);
+  const [errorReturnStep, setErrorReturnStep] = (0, import_react22.useState)("email");
+  const [authIntentId, setAuthIntentId] = (0, import_react22.useState)(null);
+  const sdkAuthenticatedRef = (0, import_react22.useRef)(false);
+  const everAuthenticatedRef = (0, import_react22.useRef)(false);
+  const reauthReturnStepRef = (0, import_react22.useRef)(null);
+  const attemptedWalletReauthRef = (0, import_react22.useRef)(false);
+  const pendingAddPaymentRef = (0, import_react22.useRef)(false);
+  const autoOpenedAddPaymentRef = (0, import_react22.useRef)(false);
+  const checkoutGenRef = (0, import_react22.useRef)(0);
+  const [stripePaymentUIReady, setStripePaymentUIReady] = (0, import_react22.useState)(false);
+  const [oauthToken, setOauthToken] = (0, import_react22.useState)(null);
+  const [refreshTokenValue, setRefreshTokenValue] = (0, import_react22.useState)(null);
+  const [customerId, setCustomerId] = (0, import_react22.useState)(null);
+  const accessTokenRef = (0, import_react22.useRef)("");
+  const refreshTokenRef = (0, import_react22.useRef)("");
+  const persistSession = (0, import_react22.useCallback)(
     (cid, token, refresh, expiresIn, loginEmail) => {
       accessTokenRef.current = token;
       refreshTokenRef.current = refresh;
@@ -60643,8 +61279,8 @@ function PayWithStripeLink({
     },
     [userId, email]
   );
-  const refreshInFlightRef = (0, import_react21.useRef)(null);
-  const tryRefreshToken = (0, import_react21.useCallback)(async () => {
+  const refreshInFlightRef = (0, import_react22.useRef)(null);
+  const tryRefreshToken = (0, import_react22.useCallback)(async () => {
     if (refreshInFlightRef.current) return refreshInFlightRef.current;
     const rt = refreshTokenRef.current;
     if (!rt) return null;
@@ -60674,7 +61310,7 @@ function PayWithStripeLink({
     refreshInFlightRef.current = doRefresh();
     return refreshInFlightRef.current;
   }, [publishableKey, customerId, persistSession, userId]);
-  const withTokenRefresh = (0, import_react21.useCallback)(
+  const withTokenRefresh = (0, import_react22.useCallback)(
     async (fn) => {
       const token = accessTokenRef.current;
       if (!token) {
@@ -60702,7 +61338,7 @@ function PayWithStripeLink({
     },
     [tryRefreshToken, setStep]
   );
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     const stored = getStoredStripeSession(userId);
     console.log("[PayWithStripeLink] Restore check:", {
       hasStored: !!stored,
@@ -60793,9 +61429,9 @@ function PayWithStripeLink({
       cancelled = true;
     };
   }, [userId, publishableKey]);
-  const [customer, setCustomer] = (0, import_react21.useState)(null);
-  const [kycFormMode, setKycFormMode] = (0, import_react21.useState)("name");
-  const [kycForm, setKycForm] = (0, import_react21.useState)({
+  const [customer, setCustomer] = (0, import_react22.useState)(null);
+  const [kycFormMode, setKycFormMode] = (0, import_react22.useState)("name");
+  const [kycForm, setKycForm] = (0, import_react22.useState)({
     givenName: "",
     surname: "",
     dob: { day: "", month: "", year: "" },
@@ -60807,7 +61443,7 @@ function PayWithStripeLink({
     addressPostalCode: "",
     addressCountry: "US"
   });
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (!backHandlerRef) return;
     backHandlerRef.current = () => {
       if (step === "kyc_form" && kycFormMode === "address") {
@@ -60818,6 +61454,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;
@@ -60828,24 +61465,41 @@ function PayWithStripeLink({
       backHandlerRef.current = null;
     };
   }, [backHandlerRef, step, kycFormMode]);
-  const [wallets, setWallets] = (0, import_react21.useState)([]);
-  const [paymentTokens, setPaymentTokens] = (0, import_react21.useState)([]);
-  const [storedSelectedToken, setStoredSelectedTokenState] = (0, import_react21.useState)(
+  const [wallets, setWallets] = (0, import_react22.useState)([]);
+  const [paymentTokens, setPaymentTokens] = (0, import_react22.useState)([]);
+  const [storedSelectedToken, setStoredSelectedTokenState] = (0, import_react22.useState)(
     null
   );
-  const [selectedPaymentToken, setSelectedPaymentToken] = (0, import_react21.useState)(null);
-  const [paymentDisplay, setPaymentDisplay] = (0, import_react21.useState)(null);
-  const selectPaymentToken = (0, import_react21.useCallback)(
+  const [selectedPaymentToken, setSelectedPaymentToken] = (0, import_react22.useState)(null);
+  const [paymentDisplay, setPaymentDisplay] = (0, import_react22.useState)(null);
+  const selectedTokenSingleUseRef = (0, import_react22.useRef)(false);
+  const selectPaymentToken = (0, import_react22.useCallback)(
     (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 = (0, import_react22.useCallback)(() => {
+    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)) {
@@ -60853,7 +61507,7 @@ function PayWithStripeLink({
     }
     return apiDisplay;
   })();
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (!customerId) return;
     const stored = getStoredSelectedToken(customerId);
     if (stored) {
@@ -60864,19 +61518,19 @@ function PayWithStripeLink({
       );
     }
   }, [customerId]);
-  const [amount, setAmount] = (0, import_react21.useState)("");
-  (0, import_react21.useEffect)(() => {
+  const [amount, setAmount] = (0, import_react22.useState)("");
+  (0, import_react22.useEffect)(() => {
     console.log("[PayWithStripeLink] Component mounted/remounted. Amount:", amount, "Step:", step);
   }, []);
   const sourceCurrency = "usd";
   const extractRefreshToken = (res) => res.refresh_token ?? res.refresh?.refresh_token ?? "";
-  const [stripeDestCurrency, setStripeDestCurrency] = (0, import_react21.useState)("usdc");
-  const [stripeDestNetwork, setStripeDestNetwork] = (0, import_react21.useState)("base");
-  const [stripeDestChainType, setStripeDestChainType] = (0, import_react21.useState)("ethereum");
-  const [stripeTokenSymbol, setStripeTokenSymbol] = (0, import_react21.useState)("USDC");
-  const [stripeTokenIconUrl, setStripeTokenIconUrl] = (0, import_react21.useState)(null);
-  const [stripeNetworkName, setStripeNetworkName] = (0, import_react21.useState)("Base");
-  (0, import_react21.useEffect)(() => {
+  const [stripeDestCurrency, setStripeDestCurrency] = (0, import_react22.useState)("usdc");
+  const [stripeDestNetwork, setStripeDestNetwork] = (0, import_react22.useState)("base");
+  const [stripeDestChainType, setStripeDestChainType] = (0, import_react22.useState)("ethereum");
+  const [stripeTokenSymbol, setStripeTokenSymbol] = (0, import_react22.useState)("USDC");
+  const [stripeTokenIconUrl, setStripeTokenIconUrl] = (0, import_react22.useState)(null);
+  const [stripeNetworkName, setStripeNetworkName] = (0, import_react22.useState)("Base");
+  (0, import_react22.useEffect)(() => {
     if (!destinationTokenAddress || !destinationChainId || !destinationChainType) return;
     let cancelled = false;
     stripeGetDefaultToken(
@@ -60904,26 +61558,26 @@ function PayWithStripeLink({
     };
   }, [publishableKey, destinationTokenAddress, destinationChainId, destinationChainType]);
   const destinationCurrency = stripeDestCurrency;
-  const authInnerRef = (0, import_react21.useRef)(null);
-  const paymentInnerRef = (0, import_react21.useRef)(null);
-  const [authReady, setAuthReady] = (0, import_react21.useState)(false);
+  const authInnerRef = (0, import_react22.useRef)(null);
+  const paymentInnerRef = (0, import_react22.useRef)(null);
+  const [authReady, setAuthReady] = (0, import_react22.useState)(false);
   if (typeof document !== "undefined" && !authInnerRef.current) {
     authInnerRef.current = document.createElement("div");
   }
   if (typeof document !== "undefined" && !paymentInnerRef.current) {
     paymentInnerRef.current = document.createElement("div");
   }
-  const authMountRef = (0, import_react21.useCallback)((node) => {
+  const authMountRef = (0, import_react22.useCallback)((node) => {
     if (node && !node.contains(authInnerRef.current)) {
       node.appendChild(authInnerRef.current);
     }
   }, []);
-  const paymentMountRef = (0, import_react21.useCallback)((node) => {
+  const paymentMountRef = (0, import_react22.useCallback)((node) => {
     if (node && !node.contains(paymentInnerRef.current)) {
       node.appendChild(paymentInnerRef.current);
     }
   }, []);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     return () => {
       authInnerRef.current?.remove();
       paymentInnerRef.current?.remove();
@@ -60941,10 +61595,10 @@ function PayWithStripeLink({
   });
   const depositWallets = externalWallets?.length ? externalWallets : depositAddressResponse?.data ?? [];
   const onrampWalletAddress = getWalletByChainType(depositWallets, stripeDestChainType)?.address;
-  const [registeredWalletKey, setRegisteredWalletKey] = (0, import_react21.useState)(null);
+  const [registeredWalletKey, setRegisteredWalletKey] = (0, import_react22.useState)(null);
   const walletKeyFor = (address) => `${stripeDestNetwork}:${stripeDestChainType === "ethereum" ? address.toLowerCase() : address}`;
   const isOnrampWalletRegistered = !!onrampWalletAddress && registeredWalletKey === walletKeyFor(onrampWalletAddress);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (depositWallets.length > 0 && !onrampWalletAddress) {
       console.warn(
         "[PayWithStripeLink] No deposit-intent wallet matches Stripe chain type",
@@ -60967,14 +61621,14 @@ function PayWithStripeLink({
     onDepositSuccess,
     onDepositError
   });
-  const [confirmedSessionId, setConfirmedSessionId] = (0, import_react21.useState)(null);
-  const [sessionStatus, setSessionStatus] = (0, import_react21.useState)(null);
-  const handledTerminalSessionRef = (0, import_react21.useRef)(null);
-  const executionReconciledSessionRef = (0, import_react21.useRef)(null);
+  const [confirmedSessionId, setConfirmedSessionId] = (0, import_react22.useState)(null);
+  const [sessionStatus, setSessionStatus] = (0, import_react22.useState)(null);
+  const handledTerminalSessionRef = (0, import_react22.useRef)(null);
+  const executionReconciledSessionRef = (0, import_react22.useRef)(null);
   const hasExecution = executions.length > 0;
   const isSessionFulfilled = sessionStatus === STRIPE_SESSION_STATUS.FULFILLMENT_COMPLETE || hasExecution;
   const isSessionFailed = !hasExecution && (sessionStatus === STRIPE_SESSION_STATUS.REJECTED || sessionStatus === STRIPE_SESSION_STATUS.EXPIRED);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (step !== "success" || !hasExecution || !confirmedSessionId) return;
     if (executionReconciledSessionRef.current === confirmedSessionId) return;
     executionReconciledSessionRef.current = confirmedSessionId;
@@ -60992,7 +61646,7 @@ function PayWithStripeLink({
       cancelled = true;
     };
   }, [step, hasExecution, confirmedSessionId, withTokenRefresh, publishableKey]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (step !== "success" || !confirmedSessionId) return;
     if (hasExecution) return;
     if (handledTerminalSessionRef.current === confirmedSessionId) return;
@@ -61079,12 +61733,16 @@ function PayWithStripeLink({
       setLoading(false);
     }
   };
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (coordinator || sdkLoading || sdkError) return;
     if (!resolvedStripeKey) return;
     initialize();
   }, [coordinator, sdkLoading, sdkError, resolvedStripeKey, initialize]);
-  const handleAuthInterrupted = (0, import_react21.useCallback)(
+  (0, import_react22.useEffect)(() => {
+    sdkAuthenticatedRef.current = false;
+    attemptedWalletReauthRef.current = false;
+  }, [coordinator]);
+  const handleAuthInterrupted = (0, import_react22.useCallback)(
     (message) => {
       const alreadySignedIn = !!accessTokenRef.current;
       if (alreadySignedIn || emailProp) {
@@ -61097,7 +61755,27 @@ function PayWithStripeLink({
     },
     [emailProp, setStep]
   );
-  (0, import_react21.useEffect)(() => {
+  const reauthenticateSdk = (0, import_react22.useCallback)(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]);
+  (0, import_react22.useEffect)(() => {
     if (step !== "auth" || !coordinator || !authIntentId) return;
     let mounted = true;
     const runAuth = async () => {
@@ -61107,6 +61785,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);
@@ -61120,16 +61799,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.");
           }
         });
@@ -61141,6 +61826,7 @@ function PayWithStripeLink({
         }
       } catch (err) {
         if (!mounted) return;
+        reauthReturnStepRef.current = null;
         const msg = err instanceof Error ? err.message : "Verification was cancelled.";
         handleAuthInterrupted(msg);
       }
@@ -61152,7 +61838,7 @@ function PayWithStripeLink({
       authInnerRef.current.replaceChildren();
     };
   }, [step, coordinator, authIntentId, publishableKey]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (step !== "kyc" || !oauthToken || !customerId) return;
     let mounted = true;
     let pollTimer = null;
@@ -61242,6 +61928,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()) {
@@ -61296,11 +61986,15 @@ function PayWithStripeLink({
       setLoading(false);
     }
   };
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (step !== "kyc_document" || !coordinator) return;
     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;
@@ -61320,8 +62014,8 @@ function PayWithStripeLink({
     return () => {
       mounted = false;
     };
-  }, [step, coordinator]);
-  (0, import_react21.useEffect)(() => {
+  }, [step, coordinator, reauthenticateSdk]);
+  (0, import_react22.useEffect)(() => {
     if (step !== "wallet" || !oauthToken || !customerId) return;
     let mounted = true;
     const setupWallet = async () => {
@@ -61346,6 +62040,10 @@ function PayWithStripeLink({
           if (!coordinator) {
             return;
           }
+          if (!sdkAuthenticatedRef.current) {
+            await reauthenticateSdk();
+            return;
+          }
           await coordinator.registerWalletAddress(onrampWalletAddress, network);
         }
         if (mounted) setRegisteredWalletKey(walletKeyFor(onrampWalletAddress));
@@ -61362,8 +62060,16 @@ function PayWithStripeLink({
     return () => {
       mounted = false;
     };
-  }, [step, oauthToken, customerId, publishableKey, onrampWalletAddress, coordinator]);
-  (0, import_react21.useEffect)(() => {
+  }, [
+    step,
+    oauthToken,
+    customerId,
+    publishableKey,
+    onrampWalletAddress,
+    coordinator,
+    reauthenticateSdk
+  ]);
+  (0, import_react22.useEffect)(() => {
     if (step !== "amount" && step !== "review") return;
     if (!customerId || !oauthToken || !onrampWalletAddress) return;
     if (isOnrampWalletRegistered) return;
@@ -61391,6 +62097,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 {
       }
@@ -61408,9 +62118,10 @@ function PayWithStripeLink({
     coordinator,
     stripeDestNetwork,
     stripeDestChainType,
-    publishableKey
+    publishableKey,
+    reauthenticateSdk
   ]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (step !== "payment" || !oauthToken || !customerId) return;
     if (pendingAddPaymentRef.current) {
       pendingAddPaymentRef.current = false;
@@ -61473,7 +62184,7 @@ function PayWithStripeLink({
       paymentInnerRef.current.replaceChildren();
     };
   }, [step, oauthToken, customerId, publishableKey, coordinator]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (step !== "add_payment") return;
     if (!isCustomerVerified(customer)) {
       setStep("kyc");
@@ -61505,6 +62216,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(
@@ -61512,28 +62249,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) {
@@ -61570,6 +62294,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 isStale2 = () => checkoutGenRef.current !== gen;
     const surfaceStepUpOnAmount = (err, message, tier) => {
@@ -61681,6 +62409,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);
@@ -61723,15 +62452,34 @@ function PayWithStripeLink({
       setLoading(false);
     }
   };
-  const [quote, setQuote] = (0, import_react21.useState)(null);
-  const [quoteLoading, setQuoteLoading] = (0, import_react21.useState)(false);
-  const quoteTimerRef = (0, import_react21.useRef)(null);
-  const [sessionForCheckout, setSessionForCheckoutState] = (0, import_react21.useState)(null);
-  const sessionForCheckoutRef = (0, import_react21.useRef)(sessionForCheckout);
+  const [quote, setQuote] = (0, import_react22.useState)(null);
+  const [quoteLoading, setQuoteLoading] = (0, import_react22.useState)(false);
+  const quoteTimerRef = (0, import_react22.useRef)(null);
+  const [sessionForCheckout, setSessionForCheckoutState] = (0, import_react22.useState)(null);
+  const sessionForCheckoutRef = (0, import_react22.useRef)(sessionForCheckout);
   const setSessionForCheckout = (s) => {
     sessionForCheckoutRef.current = s;
     setSessionForCheckoutState(s);
   };
+  const loadAndSelectPreferredToken = (0, import_react22.useCallback)(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;
@@ -61739,14 +62487,15 @@ function PayWithStripeLink({
     setSessionStatus(null);
     setSessionForCheckout(null);
     setStep("amount");
+    if (!selectedPaymentToken) void loadAndSelectPreferredToken();
   };
-  const [quoteError, setQuoteError] = (0, import_react21.useState)(null);
-  const [quoteNonce, setQuoteNonce] = (0, import_react21.useState)(0);
-  const quoteNonceAtReviewRef = (0, import_react21.useRef)(quoteNonce);
-  const [purchaseLimit, setPurchaseLimit] = (0, import_react21.useState)(null);
-  const [limitReachedAmount, setLimitReachedAmount] = (0, import_react21.useState)(null);
-  const [requiredStepUp, setRequiredStepUp] = (0, import_react21.useState)(null);
-  (0, import_react21.useEffect)(() => {
+  const [quoteError, setQuoteError] = (0, import_react22.useState)(null);
+  const [quoteNonce, setQuoteNonce] = (0, import_react22.useState)(0);
+  const quoteNonceAtReviewRef = (0, import_react22.useRef)(quoteNonce);
+  const [purchaseLimit, setPurchaseLimit] = (0, import_react22.useState)(null);
+  const [limitReachedAmount, setLimitReachedAmount] = (0, import_react22.useState)(null);
+  const [requiredStepUp, setRequiredStepUp] = (0, import_react22.useState)(null);
+  (0, import_react22.useEffect)(() => {
     if (step !== "amount" || !customerId || !onrampWalletAddress) return;
     if (!accessTokenRef.current) return;
     let cancelled = false;
@@ -61799,7 +62548,7 @@ function PayWithStripeLink({
     setQuoteError(null);
     setRequiredStepUp(null);
   };
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (step === "review") {
       const existing = sessionForCheckoutRef.current;
       const hasFreshSession = !!(existing && existing.amount === amount && existing.paymentToken === selectedPaymentToken);
@@ -61931,9 +62680,9 @@ function PayWithStripeLink({
     quoteNonce
   ]);
   const QUOTE_TTL = 30;
-  const [quoteCountdown, setQuoteCountdown] = (0, import_react21.useState)(QUOTE_TTL);
+  const [quoteCountdown, setQuoteCountdown] = (0, import_react22.useState)(QUOTE_TTL);
   const hasReviewSession = !!(customerId && selectedPaymentToken && onrampWalletAddress);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (step !== "review" || !hasReviewSession) return;
     quoteNonceAtReviewRef.current = quoteNonce;
     setQuoteCountdown(QUOTE_TTL);
@@ -62578,7 +63327,8 @@ function PayWithStripeLink({
                         {
                           brand: display.brand,
                           size: 28,
-                          fallbackColor: colors2.foregroundMuted
+                          fallbackColor: colors2.foregroundMuted,
+                          monochromeColor: monochromeOn(components.card.backgroundColor)
                         }
                       )
                     }
@@ -63163,7 +63913,8 @@ function PayWithStripeLink({
               {
                 brand: paymentDisplay.brand,
                 size: 20,
-                fallbackColor: colors2.foregroundMuted
+                fallbackColor: colors2.foregroundMuted,
+                monochromeColor: monochromeOn(components.card.backgroundColor)
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
@@ -63647,6 +64398,20 @@ function PayWithStripeLink({
   }
   return null;
 }
+function useProjectConfig({
+  publishableKey,
+  enabled = true
+}) {
+  const { data: projectConfig, isLoading } = useQuery({
+    queryKey: ["unifold", "projectConfig", publishableKey],
+    queryFn: () => getProjectConfig(publishableKey),
+    enabled,
+    staleTime: 1e3 * 60 * 30,
+    refetchOnMount: true,
+    refetchOnWindowFocus: true
+  });
+  return { projectConfig, isLoading };
+}
 function useSupportedDepositTokens(publishableKey, options2) {
   const hasDestination = options2?.destination_token_address && options2?.destination_chain_id && options2?.destination_chain_type;
   const filteredOptions = {
@@ -63758,12 +64523,12 @@ function CoinbaseConnect({
     destination_chain_id: destinationChainId,
     destination_chain_type: destinationChainType
   });
-  const supportedSymbols = (0, import_react23.useMemo)(() => {
+  const supportedSymbols = (0, import_react24.useMemo)(() => {
     const set = /* @__PURE__ */ new Set();
     supportedTokensData?.data.forEach((token) => set.add(token.symbol.toLowerCase()));
     return set;
   }, [supportedTokensData]);
-  const stablecoinSymbols = (0, import_react23.useMemo)(() => {
+  const stablecoinSymbols = (0, import_react24.useMemo)(() => {
     const set = /* @__PURE__ */ new Set();
     supportedTokensData?.data.forEach((token) => {
       if (token.is_stablecoin) set.add(token.symbol.toLowerCase());
@@ -63773,35 +64538,35 @@ function CoinbaseConnect({
   const appName = projectConfig?.project_name ?? "Unifold";
   const t13 = i18n2.connectExchange;
   const initialView = skipToHoldings && getStoredIntegrationToken(IntegrationProvider.COINBASE) ? "holdings" : "select_exchange";
-  const [view, setView] = (0, import_react23.useState)(initialView);
-  const [prevView, setPrevView] = (0, import_react23.useState)(initialView);
-  const [isTransitioning, setIsTransitioning] = (0, import_react23.useState)(false);
-  const [exchanges, setExchanges] = (0, import_react23.useState)([]);
-  const [exchangesLoading, setExchangesLoading] = (0, import_react23.useState)(true);
-  const [selectedExchange, setSelectedExchange] = (0, import_react23.useState)(null);
-  const [accessToken, setAccessToken] = (0, import_react23.useState)(null);
-  const [holdings, setHoldings] = (0, import_react23.useState)([]);
-  const [selectedHolding, setSelectedHolding] = (0, import_react23.useState)(null);
-  const [selectedAsset, setSelectedAsset] = (0, import_react23.useState)(null);
-  const [sendAmount, setSendAmount] = (0, import_react23.useState)("");
-  const [transferIntent, setTransferIntent] = (0, import_react23.useState)(
+  const [view, setView] = (0, import_react24.useState)(initialView);
+  const [prevView, setPrevView] = (0, import_react24.useState)(initialView);
+  const [isTransitioning, setIsTransitioning] = (0, import_react24.useState)(false);
+  const [exchanges, setExchanges] = (0, import_react24.useState)([]);
+  const [exchangesLoading, setExchangesLoading] = (0, import_react24.useState)(true);
+  const [selectedExchange, setSelectedExchange] = (0, import_react24.useState)(null);
+  const [accessToken, setAccessToken] = (0, import_react24.useState)(null);
+  const [holdings, setHoldings] = (0, import_react24.useState)([]);
+  const [selectedHolding, setSelectedHolding] = (0, import_react24.useState)(null);
+  const [selectedAsset, setSelectedAsset] = (0, import_react24.useState)(null);
+  const [sendAmount, setSendAmount] = (0, import_react24.useState)("");
+  const [transferIntent, setTransferIntent] = (0, import_react24.useState)(
     null
   );
-  const [mfaCode, setMfaCode] = (0, import_react23.useState)("");
-  const [mfaError, setMfaError] = (0, import_react23.useState)(false);
-  const [errorMessage, setErrorMessage] = (0, import_react23.useState)("");
-  const [isLoading, setIsLoading] = (0, import_react23.useState)(initialView === "holdings");
-  const [confirmResult, setConfirmResult] = (0, import_react23.useState)(null);
-  const [showTransferDetails, setShowTransferDetails] = (0, import_react23.useState)(false);
-  const [transferDepositWalletId, setTransferDepositWalletId] = (0, import_react23.useState)(
+  const [mfaCode, setMfaCode] = (0, import_react24.useState)("");
+  const [mfaError, setMfaError] = (0, import_react24.useState)(false);
+  const [errorMessage, setErrorMessage] = (0, import_react24.useState)("");
+  const [isLoading, setIsLoading] = (0, import_react24.useState)(initialView === "holdings");
+  const [confirmResult, setConfirmResult] = (0, import_react24.useState)(null);
+  const [showTransferDetails, setShowTransferDetails] = (0, import_react24.useState)(false);
+  const [transferDepositWalletId, setTransferDepositWalletId] = (0, import_react24.useState)(
     void 0
   );
-  const exchangeSupportedCurrencies = (0, import_react23.useMemo)(() => {
+  const exchangeSupportedCurrencies = (0, import_react24.useMemo)(() => {
     const set = /* @__PURE__ */ new Set();
     selectedExchange?.supported_currencies.forEach((c) => set.add(c.toLowerCase()));
     return set;
   }, [selectedExchange]);
-  const defaultTokenParams = (0, import_react23.useMemo)(
+  const defaultTokenParams = (0, import_react24.useMemo)(
     () => selectedAsset ? {
       integration_provider: IntegrationProvider.COINBASE,
       source_currency: selectedAsset.currency.toLowerCase(),
@@ -63824,7 +64589,7 @@ function CoinbaseConnect({
     params: defaultTokenParams,
     publishableKey
   });
-  const defaultSourceCurrency = (0, import_react23.useMemo)(
+  const defaultSourceCurrency = (0, import_react24.useMemo)(
     () => resolveDefaultSourceSymbol(supportedTokensData?.data, {
       defaultSourceChainType,
       defaultSourceChainId,
@@ -63839,7 +64604,7 @@ function CoinbaseConnect({
       defaultSourceSymbol
     ]
   );
-  const sortedHoldings = (0, import_react23.useMemo)(() => {
+  const sortedHoldings = (0, import_react24.useMemo)(() => {
     const supported = [];
     const unsupported = [];
     holdings.forEach((account) => {
@@ -63859,12 +64624,12 @@ function CoinbaseConnect({
     }
     return [...supported, ...unsupported];
   }, [holdings, supportedSymbols, exchangeSupportedCurrencies, defaultSourceCurrency]);
-  const selectedHoldingIsSupported = (0, import_react23.useMemo)(() => {
+  const selectedHoldingIsSupported = (0, import_react24.useMemo)(() => {
     if (!selectedHolding) return false;
     const currencyLower = selectedHolding.currency.toLowerCase();
     return (supportedSymbols.size === 0 || supportedSymbols.has(currencyLower)) && (exchangeSupportedCurrencies.size === 0 || exchangeSupportedCurrencies.has(currencyLower));
   }, [selectedHolding, supportedSymbols, exchangeSupportedCurrencies]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (!defaultSourceCurrency || selectedHolding) return;
     const defaultHolding = sortedHoldings.find((account) => {
       const currencyLower = account.currency.toLowerCase();
@@ -63900,13 +64665,13 @@ function CoinbaseConnect({
       onTransferError?.({ message: error.message });
     } : void 0
   });
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     onExecutionsChange?.(depositExecutions);
   }, [depositExecutions, onExecutionsChange]);
-  const pollRef = (0, import_react23.useRef)(null);
-  const popupRef = (0, import_react23.useRef)(null);
-  const viewRef = (0, import_react23.useRef)(initialView);
-  const transitionTo = (0, import_react23.useCallback)((nextView) => {
+  const pollRef = (0, import_react24.useRef)(null);
+  const popupRef = (0, import_react24.useRef)(null);
+  const viewRef = (0, import_react24.useRef)(initialView);
+  const transitionTo = (0, import_react24.useCallback)((nextView) => {
     if (nextView === viewRef.current) return;
     setIsTransitioning(true);
     setTimeout(() => {
@@ -63916,7 +64681,7 @@ function CoinbaseConnect({
       setIsTransitioning(false);
     }, 150);
   }, []);
-  const tryRefreshToken = (0, import_react23.useCallback)(
+  const tryRefreshToken = (0, import_react24.useCallback)(
     async (currentToken) => {
       try {
         const result = await refreshIntegrationToken(currentToken, publishableKey);
@@ -63935,7 +64700,7 @@ function CoinbaseConnect({
     },
     [publishableKey]
   );
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     getIntegrationExchanges(publishableKey).then((res) => {
       setExchanges(res.data);
       if (!selectedExchange) {
@@ -63954,7 +64719,7 @@ function CoinbaseConnect({
       }
     }
   }, []);
-  const loadHoldings = (0, import_react23.useCallback)(
+  const loadHoldings = (0, import_react24.useCallback)(
     async (token) => {
       setIsLoading(true);
       try {
@@ -64001,12 +64766,12 @@ function CoinbaseConnect({
     },
     [publishableKey, transitionTo, tryRefreshToken]
   );
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     return () => {
       if (pollRef.current) clearInterval(pollRef.current);
     };
   }, []);
-  const minDepositUsd = (0, import_react23.useMemo)(() => {
+  const minDepositUsd = (0, import_react24.useMemo)(() => {
     if (!selectedAsset || !defaultTokenData) return 0;
     const supportedToken = supportedTokensData?.data.find(
       (t14) => t14.symbol.toLowerCase() === selectedAsset.currency.toLowerCase()
@@ -64017,7 +64782,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 = (0, import_react23.useMemo)(() => {
+  const estimatedProcessingTime = (0, import_react24.useMemo)(() => {
     if (!selectedAsset || !defaultTokenData) return null;
     const supportedToken = supportedTokensData?.data.find(
       (t14) => t14.symbol.toLowerCase() === selectedAsset.currency.toLowerCase()
@@ -66034,9 +66799,9 @@ function DepositsModal({
   themeClass = ""
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const [allExecutions, setAllExecutions] = (0, import_react25.useState)(sessionExecutions);
-  const [selectedExecution, setSelectedExecution] = (0, import_react25.useState)(null);
-  (0, import_react25.useEffect)(() => {
+  const [allExecutions, setAllExecutions] = (0, import_react26.useState)(sessionExecutions);
+  const [selectedExecution, setSelectedExecution] = (0, import_react26.useState)(null);
+  (0, import_react26.useEffect)(() => {
     if (!open || !userId) return;
     const fetchExecutions = async () => {
       try {
@@ -66058,7 +66823,7 @@ function DepositsModal({
       clearInterval(pollInterval);
     };
   }, [open, userId, publishableKey, sessionExecutions]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (!open) {
       setSelectedExecution(null);
     }
@@ -66181,13 +66946,13 @@ function TokenSelectorSheet({
 }) {
   const { themeClass, colors: colors2, fonts, components } = useTheme();
   const isDarkMode = themeClass.includes("uf-dark");
-  const [searchQuery, setSearchQuery] = (0, import_react26.useState)("");
-  const [recentTokens, setRecentTokens] = (0, import_react26.useState)([]);
-  const [hoveredTokenKey, setHoveredTokenKey] = (0, import_react26.useState)(null);
-  (0, import_react26.useEffect)(() => {
+  const [searchQuery, setSearchQuery] = (0, import_react27.useState)("");
+  const [recentTokens, setRecentTokens] = (0, import_react27.useState)([]);
+  const [hoveredTokenKey, setHoveredTokenKey] = (0, import_react27.useState)(null);
+  (0, import_react27.useEffect)(() => {
     setRecentTokens(getRecentTokens());
   }, []);
-  const allOptions = (0, import_react26.useMemo)(() => {
+  const allOptions = (0, import_react27.useMemo)(() => {
     const options2 = [];
     tokens.forEach((token) => {
       token.chains.forEach((chain) => {
@@ -66196,7 +66961,7 @@ function TokenSelectorSheet({
     });
     return options2;
   }, [tokens]);
-  const quickSelectOptions = (0, import_react26.useMemo)(() => {
+  const quickSelectOptions = (0, import_react27.useMemo)(() => {
     const result = [];
     const seen = /* @__PURE__ */ new Set();
     const addOption = (symbol, chainType, chainId, isRecent) => {
@@ -66228,7 +66993,7 @@ function TokenSelectorSheet({
     });
     setRecentTokens(updated);
   };
-  const fuse = (0, import_react26.useMemo)(
+  const fuse = (0, import_react27.useMemo)(
     () => new Fuse(allOptions, {
       keys: [
         { name: "token.symbol", weight: 2 },
@@ -66241,7 +67006,7 @@ function TokenSelectorSheet({
     }),
     [allOptions]
   );
-  const filteredOptions = (0, import_react26.useMemo)(() => {
+  const filteredOptions = (0, import_react27.useMemo)(() => {
     if (!searchQuery.trim()) return allOptions;
     const query = searchQuery.trim();
     const results = fuse.search(query);
@@ -66665,11 +67430,11 @@ function useDefaultToken({
   defaultTokenAddress,
   defaultSymbol
 }) {
-  const [token, setToken] = (0, import_react27.useState)(null);
-  const [chain, setChain] = (0, import_react27.useState)(null);
-  const [initialSelectionDone, setInitialSelectionDone] = (0, import_react27.useState)(false);
-  const appliedDefaultsRef = (0, import_react27.useRef)("");
-  (0, import_react27.useEffect)(() => {
+  const [token, setToken] = (0, import_react28.useState)(null);
+  const [chain, setChain] = (0, import_react28.useState)(null);
+  const [initialSelectionDone, setInitialSelectionDone] = (0, import_react28.useState)(false);
+  const appliedDefaultsRef = (0, import_react28.useRef)("");
+  (0, import_react28.useEffect)(() => {
     if (!tokens.length) return;
     const defaultsKey = `${defaultTokenAddress ?? ""}|${defaultSymbol ?? ""}|${defaultChainType ?? ""}|${defaultChainId ?? ""}`;
     const defaultsChanged = appliedDefaultsRef.current !== defaultsKey;
@@ -66695,7 +67460,7 @@ function useDefaultToken({
     defaultChainId,
     initialSelectionDone
   ]);
-  (0, import_react27.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     if (!tokens.length || !token) return;
     const currentToken = tokens.find((t13) => t13.symbol === token);
     if (!currentToken || currentToken.chains.length === 0) return;
@@ -66994,7 +67759,7 @@ function GlossaryModal({
   ) });
 }
 function useCopyAddress() {
-  const [copied, setCopied] = (0, import_react28.useState)(false);
+  const [copied, setCopied] = (0, import_react29.useState)(false);
   const handleCopy = (address) => {
     if (!address) return;
     navigator.clipboard.writeText(address);
@@ -67138,12 +67903,12 @@ function TransferCryptoSingleInput({
 }) {
   const { themeClass, colors: colors2, fonts, components } = useTheme();
   const isDarkMode = themeClass.includes("uf-dark");
-  const [copied, setCopied] = (0, import_react24.useState)(false);
+  const [copied, setCopied] = (0, import_react25.useState)(false);
   const { copied: copiedRecipient, handleCopy: handleCopyRecipientAddress } = useCopyAddress();
-  const [glossaryOpen, setGlossaryOpen] = (0, import_react24.useState)(false);
-  const [detailsExpanded, setDetailsExpanded] = (0, import_react24.useState)(false);
-  const [depositsModalOpen, setDepositsModalOpen] = (0, import_react24.useState)(false);
-  const [tokenSelectorOpen, setTokenSelectorOpen] = (0, import_react24.useState)(false);
+  const [glossaryOpen, setGlossaryOpen] = (0, import_react25.useState)(false);
+  const [detailsExpanded, setDetailsExpanded] = (0, import_react25.useState)(false);
+  const [depositsModalOpen, setDepositsModalOpen] = (0, import_react25.useState)(false);
+  const [tokenSelectorOpen, setTokenSelectorOpen] = (0, import_react25.useState)(false);
   const { data: tokensResponse, isLoading: tokensLoading } = useSupportedDepositTokens(
     publishableKey,
     {
@@ -67178,7 +67943,7 @@ function TransferCryptoSingleInput({
   const wallets = externalWallets?.length ? externalWallets : depositAddressResponse?.data ?? [];
   const loading = externalWallets?.length ? false : walletsLoading;
   const error = walletsError?.message ?? null;
-  const allAvailableChains = (0, import_react24.useMemo)(() => {
+  const allAvailableChains = (0, import_react25.useMemo)(() => {
     const chainsMap = /* @__PURE__ */ new Map();
     supportedTokens.forEach((t13) => {
       t13.chains.forEach((c) => {
@@ -67223,7 +67988,7 @@ function TransferCryptoSingleInput({
     publishableKey,
     enabled: !!depositAddress && !!recipientAddress
   });
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (!onSourceTokenChange || !token || !chain || !initialSelectionDone) return;
     const { chainType, chainId } = parseChainKey(chain);
     const matchedToken = supportedTokens.find((t13) => t13.symbol === token);
@@ -67240,7 +68005,7 @@ function TransferCryptoSingleInput({
       isStablecoin: matchedToken?.is_stablecoin ?? false
     });
   }, [token, chain, initialSelectionDone, onSourceTokenChange, supportedTokens]);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (onExecutionsChange) {
       onExecutionsChange(depositExecutions);
     }
@@ -67916,11 +68681,11 @@ function TransferCryptoDoubleInput({
 }) {
   const { themeClass, colors: colors2, fonts, components } = useTheme();
   const isDarkMode = themeClass.includes("uf-dark");
-  const [copied, setCopied] = (0, import_react30.useState)(false);
+  const [copied, setCopied] = (0, import_react31.useState)(false);
   const { copied: copiedRecipient, handleCopy: handleCopyRecipientAddress } = useCopyAddress();
-  const [glossaryOpen, setGlossaryOpen] = (0, import_react30.useState)(false);
-  const [detailsExpanded, setDetailsExpanded] = (0, import_react30.useState)(false);
-  const [depositsModalOpen, setDepositsModalOpen] = (0, import_react30.useState)(false);
+  const [glossaryOpen, setGlossaryOpen] = (0, import_react31.useState)(false);
+  const [detailsExpanded, setDetailsExpanded] = (0, import_react31.useState)(false);
+  const [depositsModalOpen, setDepositsModalOpen] = (0, import_react31.useState)(false);
   const { data: tokensResponse, isLoading: tokensLoading } = useSupportedDepositTokens(
     publishableKey,
     {
@@ -67954,7 +68719,7 @@ function TransferCryptoDoubleInput({
   const wallets = externalWallets?.length ? externalWallets : depositAddressResponse?.data ?? [];
   const loading = externalWallets?.length ? false : walletsLoading;
   const error = walletsError?.message ?? null;
-  const allAvailableChains = (0, import_react30.useMemo)(() => {
+  const allAvailableChains = (0, import_react31.useMemo)(() => {
     const chainsMap = /* @__PURE__ */ new Map();
     supportedTokens.forEach((t13) => {
       t13.chains.forEach((c) => {
@@ -67998,7 +68763,7 @@ function TransferCryptoDoubleInput({
     publishableKey,
     enabled: !!depositAddress && !!recipientAddress
   });
-  (0, import_react30.useEffect)(() => {
+  (0, import_react31.useEffect)(() => {
     if (onExecutionsChange) {
       onExecutionsChange(depositExecutions);
     }
@@ -69444,13 +70209,13 @@ function ConfirmingView({
   amountReceivedUsdAtSubmission
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const [fallbackSettled, setFallbackSettled] = (0, import_react33.useState)(false);
+  const [fallbackSettled, setFallbackSettled] = (0, import_react34.useState)(false);
   const hasExecution = executions.length > 0;
   const isCheckoutMode = paymentIntentStatus != null;
   const isPaymentComplete = paymentIntentStatus === "succeeded";
   const amountChanged = amountReceivedUsdAtSubmission != null && amountReceivedUsd != null && amountReceivedUsd !== amountReceivedUsdAtSubmission;
   const piSettled = !isCheckoutMode || isPaymentComplete || amountChanged || fallbackSettled;
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     if (!hasExecution || piSettled) return;
     const timeout = setTimeout(() => setFallbackSettled(true), SETTLE_FALLBACK_MS);
     return () => clearTimeout(timeout);
@@ -71184,10 +71949,9 @@ function DepositModal({
   applePaySubTitle = "Instant",
   enableBankTransfer,
   enableStripeLink = false,
-  email: emailProp,
+  userEmail,
   hideDepositFlowInfo = false,
   hideDisplayDescription = false,
-  externalUserEmail,
   onDepositSuccess,
   onDepositError,
   onEvent,
@@ -71618,11 +72382,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");
@@ -72301,7 +73072,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,
@@ -72364,13 +73135,10 @@ function DepositModal({
                     ref: applePayHandleRef,
                     userId,
                     publishableKey,
-                    recipientAddress,
                     destinationChainType,
                     destinationChainId,
                     destinationTokenAddress,
-                    destinationTokenSymbol,
-                    externalUserEmail,
-                    enableApplePay,
+                    userEmail,
                     wallets,
                     onViewChange: setApplePayView,
                     onEvent,
@@ -72480,12 +73248,12 @@ function CheckoutModal({
   onEvent
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const [view, setView] = (0, import_react34.useState)("main");
-  const resetViewTimeoutRef = (0, import_react34.useRef)(null);
-  const [browserWalletInfo, setBrowserWalletInfo] = (0, import_react34.useState)(null);
-  const [browserWalletChainType, setBrowserWalletChainType] = (0, import_react34.useState)(() => getStoredWalletState()?.chainType);
-  const lastCheckoutMethodRef = (0, import_react34.useRef)(void 0);
-  const emitCheckoutSuccess = (0, import_react34.useCallback)(
+  const [view, setView] = (0, import_react35.useState)("main");
+  const resetViewTimeoutRef = (0, import_react35.useRef)(null);
+  const [browserWalletInfo, setBrowserWalletInfo] = (0, import_react35.useState)(null);
+  const [browserWalletChainType, setBrowserWalletChainType] = (0, import_react35.useState)(() => getStoredWalletState()?.chainType);
+  const lastCheckoutMethodRef = (0, import_react35.useRef)(void 0);
+  const emitCheckoutSuccess = (0, import_react35.useCallback)(
     (data, method) => {
       const isSucceeded = data.status === "succeeded";
       const richIntent = isSucceeded && data.paymentIntent ? mapToCheckoutPaymentIntent(data.paymentIntent) : void 0;
@@ -72508,10 +73276,10 @@ function CheckoutModal({
     },
     [onCheckoutSuccess, onEvent]
   );
-  const [resolvedTheme, setResolvedTheme] = (0, import_react34.useState)(
+  const [resolvedTheme, setResolvedTheme] = (0, import_react35.useState)(
     theme === "auto" ? "dark" : theme
   );
-  (0, import_react34.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     if (theme === "auto") {
       const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
       setResolvedTheme(mediaQuery.matches ? "dark" : "light");
@@ -72541,15 +73309,15 @@ function CheckoutModal({
   });
   const showTransferCrypto = enableTransferCrypto ?? projectConfig?.transfer_crypto?.enabled ?? true;
   const showConnectWallet = enableConnectWallet ?? projectConfig?.connect_wallet?.enabled ?? true;
-  (0, import_react34.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     if (view === "transfer" && !showTransferCrypto) {
       setView("main");
     } else if (view === "wallet_connect" && !showConnectWallet) {
       setView("main");
     }
   }, [showConnectWallet, showTransferCrypto, view]);
-  const prevStatusRef = (0, import_react34.useRef)(null);
-  (0, import_react34.useEffect)(() => {
+  const prevStatusRef = (0, import_react35.useRef)(null);
+  (0, import_react35.useEffect)(() => {
     if (!paymentIntent) return;
     const prev = prevStatusRef.current;
     prevStatusRef.current = paymentIntent.status;
@@ -72567,11 +73335,11 @@ function CheckoutModal({
       );
     }
   }, [emitCheckoutSuccess, paymentIntent, view]);
-  const wallets = (0, import_react34.useMemo)(() => {
+  const wallets = (0, import_react35.useMemo)(() => {
     if (!paymentIntent) return [];
     return mapDepositAddressesToWallets(paymentIntent.deposit_addresses, paymentIntent);
   }, [paymentIntent]);
-  const formatCryptoAmount = (0, import_react34.useMemo)(() => {
+  const formatCryptoAmount = (0, import_react35.useMemo)(() => {
     if (!paymentIntent) return (_) => "";
     const decimals = paymentIntent.destination_token_decimals ?? 6;
     const symbol = paymentIntent.currency.toUpperCase();
@@ -72581,7 +73349,7 @@ function CheckoutModal({
       return `${formatted} ${symbol}`;
     };
   }, [paymentIntent]);
-  const remainingAmountUsd = (0, import_react34.useMemo)(() => {
+  const remainingAmountUsd = (0, import_react35.useMemo)(() => {
     if (!paymentIntent) return void 0;
     const total = parseFloat(paymentIntent.destination_amount_usd || paymentIntent.amount_usd);
     const received = parseFloat(
@@ -72592,8 +73360,8 @@ function CheckoutModal({
     const remaining = total - received;
     return remaining > 0 ? remaining.toFixed(2) : "0.00";
   }, [paymentIntent]);
-  const [selectedSource, setSelectedSource] = (0, import_react34.useState)(null);
-  const remainingDestinationAmount = (0, import_react34.useMemo)(() => {
+  const [selectedSource, setSelectedSource] = (0, import_react35.useState)(null);
+  const remainingDestinationAmount = (0, import_react35.useMemo)(() => {
     if (!paymentIntent) return "0";
     const remaining = BigInt(paymentIntent.destination_amount) - BigInt(paymentIntent.destination_amount_received);
     return remaining > 0n ? remaining.toString() : "0";
@@ -72615,7 +73383,7 @@ function CheckoutModal({
     stablecoinParity: paymentIntent?.stablecoin_parity ?? false,
     enabled: open && view === "transfer" && !!paymentIntent && !!selectedSource && remainingDestinationAmount !== "0"
   });
-  const effectiveCheckoutQuote = (0, import_react34.useMemo)(() => {
+  const effectiveCheckoutQuote = (0, import_react35.useMemo)(() => {
     if (!sourceQuote || !selectedSource) return null;
     const baseQuote = {
       sourceAmount: sourceQuote.source_amount,
@@ -72636,7 +73404,7 @@ function CheckoutModal({
       sourceAmountUsd: minUsd.toFixed(2)
     };
   }, [sourceQuote, selectedSource]);
-  const handleBrowserWalletClick = (0, import_react34.useCallback)(
+  const handleBrowserWalletClick = (0, import_react35.useCallback)(
     (walletInfo) => {
       const walletChainType = walletInfo.type === "phantom-solana" || walletInfo.type === "solflare" || walletInfo.type === "backpack" || walletInfo.type === "glow" ? "solana" : "ethereum";
       setStoredWalletState(walletInfo.type);
@@ -72659,19 +73427,19 @@ function CheckoutModal({
     },
     [wallets, onCheckoutError]
   );
-  const handleWalletConnectClick = (0, import_react34.useCallback)(() => {
+  const handleWalletConnectClick = (0, import_react35.useCallback)(() => {
     setBrowserWalletInfo(null);
     lastCheckoutMethodRef.current = "wallet_connect";
     setView("wallet_connect");
   }, []);
-  const handleWalletDisconnect = (0, import_react34.useCallback)(() => {
+  const handleWalletDisconnect = (0, import_react35.useCallback)(() => {
     setUserDisconnectedWallet(true);
     clearStoredWalletState();
     setBrowserWalletChainType(void 0);
     setBrowserWalletInfo(null);
     setView("main");
   }, []);
-  const handleClose = (0, import_react34.useCallback)(() => {
+  const handleClose = (0, import_react35.useCallback)(() => {
     onOpenChange(false);
     if (resetViewTimeoutRef.current) {
       clearTimeout(resetViewTimeoutRef.current);
@@ -72683,7 +73451,7 @@ function CheckoutModal({
       resetViewTimeoutRef.current = null;
     }, 200);
   }, [onOpenChange]);
-  (0, import_react34.useLayoutEffect)(() => {
+  (0, import_react35.useLayoutEffect)(() => {
     if (!open) return;
     if (resetViewTimeoutRef.current) {
       clearTimeout(resetViewTimeoutRef.current);
@@ -72693,7 +73461,7 @@ function CheckoutModal({
     setBrowserWalletInfo(null);
     lastCheckoutMethodRef.current = void 0;
   }, [open]);
-  (0, import_react34.useEffect)(
+  (0, import_react35.useEffect)(
     () => () => {
       if (resetViewTimeoutRef.current) {
         clearTimeout(resetViewTimeoutRef.current);
@@ -72701,7 +73469,7 @@ function CheckoutModal({
     },
     []
   );
-  const handleBack = (0, import_react34.useCallback)(() => {
+  const handleBack = (0, import_react35.useCallback)(() => {
     setView("main");
   }, []);
   const poweredByFooter = /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "uf-pt-3", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
@@ -73264,20 +74032,20 @@ function useWithdrawPolling({
     status: execution.status,
     failureReason: execution.failure_reason
   });
-  const [executions, setExecutions] = (0, import_react36.useState)([]);
-  const [isPolling, setIsPolling] = (0, import_react36.useState)(false);
-  const enabledAtRef = (0, import_react36.useRef)(/* @__PURE__ */ new Date());
-  const trackedRef = (0, import_react36.useRef)(/* @__PURE__ */ new Map());
-  const prevEnabledRef = (0, import_react36.useRef)(false);
-  const onSuccessRef = (0, import_react36.useRef)(onWithdrawSuccess);
-  const onErrorRef = (0, import_react36.useRef)(onWithdrawError);
-  (0, import_react36.useEffect)(() => {
+  const [executions, setExecutions] = (0, import_react37.useState)([]);
+  const [isPolling, setIsPolling] = (0, import_react37.useState)(false);
+  const enabledAtRef = (0, import_react37.useRef)(/* @__PURE__ */ new Date());
+  const trackedRef = (0, import_react37.useRef)(/* @__PURE__ */ new Map());
+  const prevEnabledRef = (0, import_react37.useRef)(false);
+  const onSuccessRef = (0, import_react37.useRef)(onWithdrawSuccess);
+  const onErrorRef = (0, import_react37.useRef)(onWithdrawError);
+  (0, import_react37.useEffect)(() => {
     onSuccessRef.current = onWithdrawSuccess;
   }, [onWithdrawSuccess]);
-  (0, import_react36.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     onErrorRef.current = onWithdrawError;
   }, [onWithdrawError]);
-  (0, import_react36.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     if (enabled && !prevEnabledRef.current) {
       enabledAtRef.current = /* @__PURE__ */ new Date();
       trackedRef.current.clear();
@@ -73287,7 +74055,7 @@ function useWithdrawPolling({
     }
     prevEnabledRef.current = enabled;
   }, [enabled]);
-  (0, import_react36.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     if (!userId || !enabled) return;
     const enabledAt = enabledAtRef.current;
     const poll = async () => {
@@ -73367,7 +74135,7 @@ function useWithdrawPolling({
       setIsPolling(false);
     };
   }, [userId, publishableKey, enabled]);
-  (0, import_react36.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     if (!enabled || !depositWalletId) return;
     const trigger = async () => {
       try {
@@ -73650,7 +74418,7 @@ function useHypercoreWithdrawActivation(params) {
     actionType: ActionType.Withdraw,
     enabled: enabled && isHypercore(sourceChainId)
   });
-  const depositWalletAddress = (0, import_react38.useMemo)(() => {
+  const depositWalletAddress = (0, import_react39.useMemo)(() => {
     const wallets = depositWalletLookup.data?.data ?? [];
     return wallets.find((w) => w.chain_type === sourceChainType)?.address;
   }, [depositWalletLookup.data, sourceChainType]);
@@ -73736,22 +74504,22 @@ function WithdrawForm({
   footerLeft
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const [recipientAddress, setRecipientAddress] = (0, import_react37.useState)(recipientAddressProp || "");
-  const [amount, setAmount] = (0, import_react37.useState)("");
-  const [inputUnit, setInputUnit] = (0, import_react37.useState)("fiat");
-  const [isSubmitting, setIsSubmitting] = (0, import_react37.useState)(false);
-  const [submitError, setSubmitError] = (0, import_react37.useState)(null);
-  const [detailsExpanded, setDetailsExpanded] = (0, import_react37.useState)(false);
-  const [glossaryOpen, setGlossaryOpen] = (0, import_react37.useState)(false);
-  const [isMaxed, setIsMaxed] = (0, import_react37.useState)(false);
-  (0, import_react37.useEffect)(() => {
+  const [recipientAddress, setRecipientAddress] = (0, import_react38.useState)(recipientAddressProp || "");
+  const [amount, setAmount] = (0, import_react38.useState)("");
+  const [inputUnit, setInputUnit] = (0, import_react38.useState)("fiat");
+  const [isSubmitting, setIsSubmitting] = (0, import_react38.useState)(false);
+  const [submitError, setSubmitError] = (0, import_react38.useState)(null);
+  const [detailsExpanded, setDetailsExpanded] = (0, import_react38.useState)(false);
+  const [glossaryOpen, setGlossaryOpen] = (0, import_react38.useState)(false);
+  const [isMaxed, setIsMaxed] = (0, import_react38.useState)(false);
+  (0, import_react38.useEffect)(() => {
     setRecipientAddress(recipientAddressProp || "");
     setAmount("");
     setInputUnit("fiat");
     setSubmitError(null);
     setIsMaxed(false);
   }, [recipientAddressProp]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     setIsMaxed(false);
   }, [balanceData?.balanceBaseUnit]);
   const trimmedAddress = recipientAddress.trim();
@@ -73769,7 +74537,7 @@ function WithdrawForm({
     enabled: debouncedAddress.length > 5 && !!selectedChain
   });
   const isDebouncing = trimmedAddress !== debouncedAddress;
-  const addressError = (0, import_react37.useMemo)(() => {
+  const addressError = (0, import_react38.useMemo)(() => {
     if (!trimmedAddress || trimmedAddress.length <= 5) return null;
     if (isDebouncing || isVerifyingAddress) return null;
     if (verifyError) return t10.invalidAddress;
@@ -73803,33 +74571,33 @@ function WithdrawForm({
     destinationTokenAddress: selectedChain?.token_address,
     enabled: isAddressValid
   });
-  const exchangeRate = (0, import_react37.useMemo)(() => {
+  const exchangeRate = (0, import_react38.useMemo)(() => {
     if (!balanceData?.exchangeRate) return 0;
     return parseFloat(balanceData.exchangeRate);
   }, [balanceData]);
-  const balanceCrypto = (0, import_react37.useMemo)(() => {
+  const balanceCrypto = (0, import_react38.useMemo)(() => {
     if (!balanceData?.balanceHuman) return 0;
     return parseFloat(balanceData.balanceHuman);
   }, [balanceData]);
-  const balanceUsdNum = (0, import_react37.useMemo)(() => {
+  const balanceUsdNum = (0, import_react38.useMemo)(() => {
     if (!balanceData?.balanceUsd) return 0;
     return parseFloat(balanceData.balanceUsd);
   }, [balanceData]);
   const tokenSymbol = sourceTokenSymbol || balanceData?.symbol || "TOKEN";
   const sourceDecimals = balanceData?.decimals ?? 6;
-  const cryptoAmountFromInput = (0, import_react37.useMemo)(() => {
+  const cryptoAmountFromInput = (0, import_react38.useMemo)(() => {
     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 = (0, import_react37.useMemo)(() => {
+  const fiatAmountFromInput = (0, import_react38.useMemo)(() => {
     const val = parseFloat(amount);
     if (!val || val <= 0) return 0;
     if (inputUnit === "fiat") return val;
     return val * exchangeRate;
   }, [amount, inputUnit, exchangeRate]);
-  const convertedDisplay = (0, import_react37.useMemo)(() => {
+  const convertedDisplay = (0, import_react38.useMemo)(() => {
     if (!amount || parseFloat(amount) <= 0) return null;
     if (inputUnit === "crypto") {
       return `$${fiatAmountFromInput.toLocaleString(void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`;
@@ -73848,7 +74616,7 @@ function WithdrawForm({
     isMaxed,
     isStablecoin
   ]);
-  const balanceDisplay = (0, import_react37.useMemo)(() => {
+  const balanceDisplay = (0, import_react38.useMemo)(() => {
     if (isLoadingBalance || !balanceData) return null;
     if (inputUnit === "crypto") {
       const displayDecimals = isStablecoin ? 2 : 6;
@@ -73871,7 +74639,7 @@ function WithdrawForm({
     tokenSymbol,
     isStablecoin
   ]);
-  const handleSwitchUnit = (0, import_react37.useCallback)(() => {
+  const handleSwitchUnit = (0, import_react38.useCallback)(() => {
     if (isMaxed && balanceData) {
       if (inputUnit === "crypto") {
         setAmount((Math.round(balanceUsdNum * 100) / 100).toFixed(2));
@@ -73898,7 +74666,7 @@ function WithdrawForm({
       setInputUnit("crypto");
     }
   }, [amount, inputUnit, exchangeRate, sourceDecimals, isMaxed, balanceData, balanceUsdNum]);
-  const handleMaxClick = (0, import_react37.useCallback)(() => {
+  const handleMaxClick = (0, import_react38.useCallback)(() => {
     if (inputUnit === "crypto") {
       if (balanceCrypto <= 0) return;
       setAmount(balanceData?.balanceHuman ?? "0");
@@ -73912,7 +74680,7 @@ function WithdrawForm({
   const isBelowMinimum = minimumWithdrawAmountUsd !== null && fiatAmountFromInput > 0 && Math.round(fiatAmountFromInput * 100) / 100 < minimumWithdrawAmountUsd;
   const isOverBalance = inputUnit === "crypto" ? cryptoAmountFromInput > 0 && balanceCrypto > 0 && cryptoAmountFromInput > balanceCrypto : fiatAmountFromInput > 0 && balanceUsdNum > 0 && Math.round(fiatAmountFromInput * 100) / 100 > Math.round(balanceUsdNum * 100) / 100;
   const isFormValid = trimmedAddress.length > 0 && amount.trim().length > 0 && cryptoAmountFromInput > 0 && isAddressValid && !isBelowMinimum && !isOverBalance && !isBalanceBelowMinimum && !!balanceData;
-  const handleWithdraw = (0, import_react37.useCallback)(async () => {
+  const handleWithdraw = (0, import_react38.useCallback)(async () => {
     if (!selectedToken || !selectedChain) return;
     if (!isFormValid) return;
     setIsSubmitting(true);
@@ -74539,9 +75307,9 @@ function WithdrawConfirmingView({
   onViewTracker
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const [showButton, setShowButton] = (0, import_react39.useState)(false);
+  const [showButton, setShowButton] = (0, import_react40.useState)(false);
   const latestExecution = executions.length > 0 ? executions[executions.length - 1] : null;
-  (0, import_react39.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (latestExecution) return;
     const timer = setTimeout(() => setShowButton(true), SHOW_BUTTON_DELAY_MS);
     return () => clearTimeout(timer);
@@ -74685,7 +75453,7 @@ function WithdrawModal({
   theme = "dark",
   hideOverlay = false
 }) {
-  const onWithdrawSuccessFor = (0, import_react35.useCallback)(
+  const onWithdrawSuccessFor = (0, import_react36.useCallback)(
     (data) => {
       onWithdrawSuccess?.(data);
       if (data.execution) {
@@ -74695,14 +75463,14 @@ function WithdrawModal({
     [onWithdrawSuccess, onEvent]
   );
   const { colors: colors2, fonts, components } = useTheme();
-  const [containerEl, setContainerEl] = (0, import_react35.useState)(null);
-  const containerCallbackRef = (0, import_react35.useCallback)((el) => {
+  const [containerEl, setContainerEl] = (0, import_react36.useState)(null);
+  const containerCallbackRef = (0, import_react36.useCallback)((el) => {
     setContainerEl(el);
   }, []);
-  const [resolvedTheme, setResolvedTheme] = (0, import_react35.useState)(
+  const [resolvedTheme, setResolvedTheme] = (0, import_react36.useState)(
     theme === "auto" ? "dark" : theme
   );
-  (0, import_react35.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (theme === "auto") {
       const mq = window.matchMedia("(prefers-color-scheme: dark)");
       setResolvedTheme(mq.matches ? "dark" : "light");
@@ -74751,10 +75519,10 @@ function WithdrawModal({
   const selectedChain = selectedToken && selectedChainKey ? selectedToken.chains.find(
     (c) => getChainKey5(c.chain_id, c.chain_type) === selectedChainKey
   ) ?? null : null;
-  const [view, setView] = (0, import_react35.useState)("form");
-  const [withdrawDepositWalletId, setWithdrawDepositWalletId] = (0, import_react35.useState)();
-  const [selectedExecution, setSelectedExecution] = (0, import_react35.useState)(null);
-  const [submittedTxInfo, setSubmittedTxInfo] = (0, import_react35.useState)(null);
+  const [view, setView] = (0, import_react36.useState)("form");
+  const [withdrawDepositWalletId, setWithdrawDepositWalletId] = (0, import_react36.useState)();
+  const [selectedExecution, setSelectedExecution] = (0, import_react36.useState)(null);
+  const [submittedTxInfo, setSubmittedTxInfo] = (0, import_react36.useState)(null);
   const { executions: realtimeExecutions } = useWithdrawPolling({
     userId: externalUserId,
     publishableKey,
@@ -74769,7 +75537,7 @@ function WithdrawModal({
     refetchInterval: view === "tracker" || view === "detail" ? 5e3 : 15e3
   });
   const allWithdrawals = allWithdrawalsData?.data ?? [];
-  const handleDepositWalletCreation = (0, import_react35.useCallback)(
+  const handleDepositWalletCreation = (0, import_react36.useCallback)(
     async (params) => {
       const { data: wallets } = await createDepositAddress(
         {
@@ -74792,12 +75560,12 @@ function WithdrawModal({
     },
     [externalUserId, publishableKey, sourceChainType]
   );
-  const handleWithdrawSubmitted = (0, import_react35.useCallback)((txInfo) => {
+  const handleWithdrawSubmitted = (0, import_react36.useCallback)((txInfo) => {
     setSubmittedTxInfo(txInfo);
     setView("confirming");
   }, []);
-  const resetViewTimeoutRef = (0, import_react35.useRef)(null);
-  const handleClose = (0, import_react35.useCallback)(() => {
+  const resetViewTimeoutRef = (0, import_react36.useRef)(null);
+  const handleClose = (0, import_react36.useCallback)(() => {
     onOpenChange(false);
     if (resetViewTimeoutRef.current) clearTimeout(resetViewTimeoutRef.current);
     resetViewTimeoutRef.current = setTimeout(() => {
@@ -74808,7 +75576,7 @@ function WithdrawModal({
       resetViewTimeoutRef.current = null;
     }, 200);
   }, [onOpenChange]);
-  (0, import_react35.useLayoutEffect)(() => {
+  (0, import_react36.useLayoutEffect)(() => {
     if (!open) return;
     if (resetViewTimeoutRef.current) {
       clearTimeout(resetViewTimeoutRef.current);
@@ -74819,19 +75587,19 @@ function WithdrawModal({
     setSubmittedTxInfo(null);
     setWithdrawDepositWalletId(void 0);
   }, [open]);
-  (0, import_react35.useEffect)(
+  (0, import_react36.useEffect)(
     () => () => {
       if (resetViewTimeoutRef.current) clearTimeout(resetViewTimeoutRef.current);
     },
     []
   );
-  const handleTokenSymbolChange = (0, import_react35.useCallback)(
+  const handleTokenSymbolChange = (0, import_react36.useCallback)(
     (symbol) => {
       setSelectedTokenSymbol(symbol);
     },
     [setSelectedTokenSymbol]
   );
-  const handleChainKeyChange = (0, import_react35.useCallback)(
+  const handleChainKeyChange = (0, import_react36.useCallback)(
     (chainKey) => {
       setSelectedChainKey(chainKey);
     },
@@ -75380,7 +76148,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,
@@ -75393,7 +76161,6 @@ function UnifoldProvider2({
             enableConnectExchange: config?.enableConnectExchange,
             enableCashApp: config?.enableCashApp,
             enableStripeLink: config?.enableStripeLink,
-            email: depositConfig?.email,
             enableApplePay: config?.enableApplePay,
             applePayTitle: config?.applePayTitle,
             applePaySubTitle: config?.applePaySubTitle,
@@ -75449,9 +76216,9 @@ function useUnifold2() {
 }
 
 // src/unifold.tsx
-var UnifoldBridge = (0, import_react41.forwardRef)((_, ref) => {
+var UnifoldBridge = (0, import_react42.forwardRef)((_, ref) => {
   const { beginDeposit, closeDeposit, beginWithdraw, closeWithdraw } = useUnifold2();
-  (0, import_react41.useImperativeHandle)(ref, () => ({ beginDeposit, closeDeposit, beginWithdraw, closeWithdraw }), [
+  (0, import_react42.useImperativeHandle)(ref, () => ({ beginDeposit, closeDeposit, beginWithdraw, closeWithdraw }), [
     beginDeposit,
     closeDeposit,
     beginWithdraw,
@@ -75460,7 +76227,7 @@ var UnifoldBridge = (0, import_react41.forwardRef)((_, ref) => {
   return null;
 });
 UnifoldBridge.displayName = "UnifoldBridge";
-var RenderErrorBoundary = class extends import_react41.Component {
+var RenderErrorBoundary = class extends import_react42.Component {
   constructor() {
     super(...arguments);
     this.state = { hasError: false };
@@ -75532,13 +76299,13 @@ function createUnifold(publishableKey, config) {
     };
     try {
       root.render(
-        import_react41.default.createElement(
+        import_react42.default.createElement(
           RenderErrorBoundary,
           { onError: handleRenderError },
-          import_react41.default.createElement(
+          import_react42.default.createElement(
             UnifoldProvider2,
             { publishableKey, config },
-            import_react41.default.createElement(UnifoldBridge, { ref: refCallback })
+            import_react42.default.createElement(UnifoldBridge, { ref: refCallback })
           )
         )
       );