tf-checkout-react-native 2.0.0-beta.13 → 2.0.0-beta.15

package/dist/index.mjs

@@ -6321,8 +6321,8 @@ var beginRequest = (currentScope) => {
 var createActionLock = () => {
   const held = /* @__PURE__ */ new Set();
   const waiting = /* @__PURE__ */ new Map();
-  const listeners4 = /* @__PURE__ */ new Set();
-  const notify = () => listeners4.forEach((listener) => listener());
+  const listeners42 = /* @__PURE__ */ new Set();
+  const notify = () => listeners42.forEach((listener) => listener());
   return {
     acquire: (scope) => {
       if (held.has(scope)) return null;
@@ -6346,9 +6346,9 @@ var createActionLock = () => {
       waiting.set(scope, [...(_a2 = waiting.get(scope)) != null ? _a2 : [], resolve]);
     }) : Promise.resolve(),
     subscribe: (listener) => {
-      listeners4.add(listener);
+      listeners42.add(listener);
       return () => {
-        listeners4.delete(listener);
+        listeners42.delete(listener);
       };
     }
   };
@@ -8381,9 +8381,9 @@ var withOrderFixed = (snapshot, progress) => {
 };
 var createCheckoutStore = (initial = initialSnapshot()) => {
   let state = initial;
-  const listeners4 = /* @__PURE__ */ new Set();
+  const listeners42 = /* @__PURE__ */ new Set();
   const emit = () => {
-    listeners4.forEach((listener) => listener(state));
+    listeners42.forEach((listener) => listener(state));
   };
   const store = {
     progress: {},
@@ -8396,9 +8396,9 @@ var createCheckoutStore = (initial = initialSnapshot()) => {
       emit();
     },
     subscribe: (listener) => {
-      listeners4.add(listener);
+      listeners42.add(listener);
       return () => {
-        listeners4.delete(listener);
+        listeners42.delete(listener);
       };
     },
     reset: () => {
@@ -13876,8 +13876,8 @@ var withCheckoutStart = async (lock2, scope, work) => {
 var createCardOwnership = () => {
   const registered = [];
   let chosen = null;
-  const listeners4 = /* @__PURE__ */ new Set();
-  const emit = () => listeners4.forEach((listener) => listener());
+  const listeners42 = /* @__PURE__ */ new Set();
+  const emit = () => listeners42.forEach((listener) => listener());
   return {
     register: (id2) => {
       if (!chosen && registered.length === 1 && registered[0] !== id2)
@@ -13902,8 +13902,8 @@ var createCardOwnership = () => {
     // single section never flashes "Continue paying here" while it mounts.
     owns: (id2) => registered.includes(id2) ? chosen ? chosen === id2 : registered.every((other) => other === id2) : registered.length === 0,
     subscribe: (listener) => {
-      listeners4.add(listener);
-      return () => listeners4.delete(listener);
+      listeners42.add(listener);
+      return () => listeners42.delete(listener);
     }
   };
 };
@@ -13984,8 +13984,8 @@ var gateCheckoutActions = (actions, gateway, holder) => {
 };
 var createConfirmerGateway = (lock2, scope) => {
   let current5 = null;
-  const listeners4 = /* @__PURE__ */ new Set();
-  const emit = () => listeners4.forEach((listener) => listener());
+  const listeners42 = /* @__PURE__ */ new Set();
+  const emit = () => listeners42.forEach((listener) => listener());
   const held = async (release, holder, work) => {
     current5 = holder;
     emit();
@@ -14015,9 +14015,9 @@ var createConfirmerGateway = (lock2, scope) => {
     },
     holder: () => current5,
     subscribe: (listener) => {
-      listeners4.add(listener);
+      listeners42.add(listener);
       return () => {
-        listeners4.delete(listener);
+        listeners42.delete(listener);
       };
     }
   };
@@ -14088,8 +14088,8 @@ var createPaymentMarks = () => {
   let marks = {};
   let details = {};
   const live = /* @__PURE__ */ new Set();
-  const listeners4 = /* @__PURE__ */ new Set();
-  const emit = () => listeners4.forEach((listener) => listener());
+  const listeners42 = /* @__PURE__ */ new Set();
+  const emit = () => listeners42.forEach((listener) => listener());
   const state = (ticketHash, owner) => {
     const by = marks[ticketHash];
     if (!by) return "none";
@@ -14126,9 +14126,9 @@ var createPaymentMarks = () => {
       emit();
     },
     subscribe: (listener) => {
-      listeners4.add(listener);
+      listeners42.add(listener);
       return () => {
-        listeners4.delete(listener);
+        listeners42.delete(listener);
       };
     }
   };
@@ -14824,8 +14824,8 @@ var bindAppCheckoutEngine = (engine) => {
   );
 };
 var ttfKeys = {
-  trips: (accountKey, query) => ["ttf", "trips", accountKey, query],
-  trip: (accountKey, eventId, query) => ["ttf", "trip", accountKey, eventId, query],
+  trips: (accountKey2, query) => ["ttf", "trips", accountKey2, query],
+  trip: (accountKey2, eventId, query) => ["ttf", "trip", accountKey2, eventId, query],
   profile: ["ttf", "profile"],
   countries: ["ttf", "countries"],
   states: (countryId) => ["ttf", "states", countryId],
@@ -17362,22 +17362,22 @@ var useWaiverSigning = (eventId, waiver, attach, hold) => {
     sign
   };
 };
-var useTrips = (accountKey, query = {}, options) => {
+var useTrips = (accountKey2, query = {}, options) => {
   var _a2;
   return useSessionQuery({
     ...options,
-    queryKey: ttfKeys.trips(accountKey != null ? accountKey : "", query),
+    queryKey: ttfKeys.trips(accountKey2 != null ? accountKey2 : "", query),
     queryFn: () => ttf.trips.list(query),
-    enabled: accountKey ? (_a2 = options == null ? void 0 : options.enabled) != null ? _a2 : true : false
+    enabled: accountKey2 ? (_a2 = options == null ? void 0 : options.enabled) != null ? _a2 : true : false
   });
 };
-var useTrip = (accountKey, eventId, query = {}, options) => {
+var useTrip = (accountKey2, eventId, query = {}, options) => {
   var _a2;
   return useSessionQuery({
     ...options,
-    queryKey: ttfKeys.trip(accountKey != null ? accountKey : "", eventId != null ? eventId : "", query),
+    queryKey: ttfKeys.trip(accountKey2 != null ? accountKey2 : "", eventId != null ? eventId : "", query),
     queryFn: () => ttf.trips.get(eventId, query),
-    enabled: accountKey && eventId ? (_a2 = options == null ? void 0 : options.enabled) != null ? _a2 : true : false
+    enabled: accountKey2 && eventId ? (_a2 = options == null ? void 0 : options.enabled) != null ? _a2 : true : false
   });
 };
 var useCheckoutPhoneIdentity = (options) => {
@@ -23498,6 +23498,9 @@ var translateAccountMessage = (translate2, english, vars) => {
   return english.replace(/\{\{\s*(\w+)\s*\}\}/g, (whole, name) => (vars == null ? void 0 : vars[name]) === void 0 ? whole : String(vars[name]));
 };
 
+// src/useCheckout.ts
+import { useState as useState35 } from "react";
+
 // src/CardInput.tsx
 import { useEffect as useEffect26, useRef as useRef29, useState as useState34 } from "react";
 import { Platform, StyleSheet as StyleSheet4 } from "react-native";
@@ -24035,7 +24038,10 @@ var getQueryClient = () => {
   }
   return sharedQueryClient;
 };
-var CheckoutThemeProvider = ({ theme, children }) => {
+var CheckoutThemeProvider = ({
+  theme,
+  children
+}) => {
   const resolved = useMemo17(() => resolveTheme(theme), [theme]);
   return /* @__PURE__ */ jsx5(ThemeCtx.Provider, { value: resolved, children });
 };
@@ -24058,7 +24064,8 @@ var SelfProvidedCheckout = ({
   const { providerPage, page: page2 } = useProviderPages();
   const checkout = useCheckout2({
     ports: { onInstallmentOffers, providerPage },
-    options: rest.options
+    options: rest.options,
+    paymentSheet: rest.paymentSheet
   });
   return /* @__PURE__ */ jsxs4(CheckoutRoot, { checkout, ...rest, children: [
     children,
@@ -24166,9 +24173,113 @@ import {
   createPaymentMethod,
   handleNextAction,
   initStripe,
+  initPaymentSheet,
+  presentPaymentSheet,
+  LinkDisplay,
   PlatformPay,
   retrievePaymentIntent
 } from "@stripe/stripe-react-native";
+
+// src/paymentSheet.ts
+var nativePaymentSheetAvailable = (snapshot) => {
+  var _a2;
+  return snapshot.gateway === "stripe_payment_intents" && typeof ((_a2 = snapshot.breakdown) == null ? void 0 : _a2.currencyCode) === "string" && /^[A-Z]{3}$/.test(snapshot.breakdown.currencyCode) && snapshot.breakdown.currencyCode !== "MXN";
+};
+var NATIVE_SHEET_CARD_FIELD_REQUIRED = "NATIVE_SHEET_CARD_FIELD_REQUIRED";
+var NATIVE_SHEET_CARD_FIELD_MESSAGE = "Enter your card details below, then select Pay to continue.";
+var NATIVE_SHEET_REVIEW_REQUIRED = "The original payment details changed. Review this order before paying.";
+var nativeSheetIntentIdentity = (intent, intentId, reviewed) => {
+  if (!intent || typeof intent !== "object" || !reviewed || !Number.isSafeInteger(reviewed.amountMinor) || reviewed.amountMinor <= 0 || !/^[A-Z]{3}$/.test(reviewed.currency))
+    return false;
+  const own = (key5) => {
+    var _a2;
+    return (_a2 = Object.getOwnPropertyDescriptor(intent, key5)) == null ? void 0 : _a2.value;
+  };
+  const amount2 = own("amount");
+  const currency = own("currency");
+  return own("id") === intentId && Number.isSafeInteger(amount2) && amount2 === reviewed.amountMinor && typeof currency === "string" && /^[A-Za-z]{3}$/.test(currency) && currency.toUpperCase() === reviewed.currency;
+};
+var nativeSheetCardMethods = (intent) => {
+  var _a2;
+  if (!intent || typeof intent !== "object") return false;
+  const methods = (_a2 = Object.getOwnPropertyDescriptor(intent, "paymentMethodTypes")) == null ? void 0 : _a2.value;
+  return Array.isArray(methods) && methods.length === 1 && methods[0] === "card";
+};
+var createPaymentSheetConfirmation = (sdk, options) => {
+  let active2 = false;
+  const assertAfterPresentation = () => {
+    try {
+      options.assertCurrent();
+    } catch (e) {
+      throw paymentProviderError("The original payment owner changed.", "unknown");
+    }
+  };
+  return async (clientSecret, billing) => {
+    var _a2;
+    if (active2)
+      throw paymentProviderError("Another payment sheet is active.", "notStarted");
+    const intentId = (_a2 = /^(pi_[A-Za-z0-9]+)_secret_[A-Za-z0-9]+$/.exec(clientSecret)) == null ? void 0 : _a2[1];
+    if (!intentId || !options.merchantDisplayName.trim() || !options.returnURL)
+      throw paymentProviderError("Payment sheet details are unavailable.", "notStarted");
+    options.assertCurrent();
+    active2 = true;
+    try {
+      const before = await sdk.retrievePaymentIntent(clientSecret);
+      options.assertCurrent();
+      const requireAdmittedIntent = (result4) => {
+        if (result4.error || !nativeSheetIntentIdentity(result4.paymentIntent, intentId, options.reviewed))
+          throw paymentProviderError(NATIVE_SHEET_REVIEW_REQUIRED, "notStarted");
+        if (!nativeSheetCardMethods(result4.paymentIntent))
+          throw paymentProviderError(NATIVE_SHEET_CARD_FIELD_MESSAGE, "notStarted", {
+            code: NATIVE_SHEET_CARD_FIELD_REQUIRED
+          });
+      };
+      requireAdmittedIntent(before);
+      if (CONFIRMED_INTENT_STATUSES.includes(before.paymentIntent.status))
+        return confirmedStripeIntentStatus(before.paymentIntent);
+      const initialized = await sdk.initPaymentSheet({
+        paymentIntentClientSecret: clientSecret,
+        merchantDisplayName: options.merchantDisplayName,
+        returnURL: options.returnURL,
+        defaultBillingDetails: billing,
+        customFlow: false,
+        allowsDelayedPaymentMethods: false,
+        // A native Link selection can have a different canonical fee class.
+        // Do not infer equivalence from PI eligibility or a display preference.
+        link: { display: sdk.LinkDisplay.NEVER }
+      });
+      if (initialized.error)
+        throw paymentProviderError(NATIVE_SHEET_CARD_FIELD_MESSAGE, "notStarted", {
+          code: NATIVE_SHEET_CARD_FIELD_REQUIRED
+        });
+      options.assertCurrent();
+      const ready = await sdk.retrievePaymentIntent(clientSecret);
+      options.assertCurrent();
+      requireAdmittedIntent(ready);
+      if (CONFIRMED_INTENT_STATUSES.includes(ready.paymentIntent.status))
+        return confirmedStripeIntentStatus(ready.paymentIntent);
+      const presented = await sdk.presentPaymentSheet();
+      if (presented.error)
+        throw paymentProviderError(
+          presented.error.message || "Payment failed.",
+          nativeStripeErrorOutcome(presented.error)
+        );
+      assertAfterPresentation();
+      const result3 = await sdk.retrievePaymentIntent(clientSecret);
+      if (result3.error || !nativeSheetIntentIdentity(result3.paymentIntent, intentId, options.reviewed) || !nativeSheetCardMethods(result3.paymentIntent))
+        throw paymentProviderError(
+          "The original payment could not be verified.",
+          "unknown"
+        );
+      assertAfterPresentation();
+      return confirmedStripeIntentStatus(result3.paymentIntent);
+    } finally {
+      active2 = false;
+    }
+  };
+};
+
+// src/confirmer.ts
 var toBillingDetails = (billing) => ({
   email: billing.email,
   name: `${billing.firstName} ${billing.lastName}`.trim(),
@@ -24191,23 +24302,169 @@ var stripeFailure = (error, fallback) => {
     code: (_a2 = error.stripeErrorCode) != null ? _a2 : error.code
   });
 };
+var initKey = null;
+var accountKey = null;
+var listeners4 = /* @__PURE__ */ new Set();
+var initializedScheme;
+var initializing = false;
+var sheetPresenting = false;
+var nativeOperationActive = false;
+var sheetOwner = null;
+var assertNativeLeaseFree = () => {
+  if (sheetOwner || initializing || nativeOperationActive)
+    throw paymentProviderError(
+      "The payment SDK is owned by another operation.",
+      "notStarted"
+    );
+};
+var nativeSdkCall = async (operation) => {
+  assertNativeLeaseFree();
+  nativeOperationActive = true;
+  try {
+    return await operation();
+  } finally {
+    nativeOperationActive = false;
+  }
+};
 var createRnStripeConfirmer = () => {
-  let initKey = null;
-  let accountKey = null;
-  const listeners4 = /* @__PURE__ */ new Set();
-  return {
+  const adapter = {
     init: async ({ publishableKey, accountId, merchantIdentifier, urlScheme }) => {
-      const key5 = `${publishableKey}:${accountId != null ? accountId : ""}:${merchantIdentifier != null ? merchantIdentifier : ""}`;
-      if (initKey === key5) return;
-      await initStripe({
+      const key5 = JSON.stringify([
         publishableKey,
-        ...accountId ? { stripeAccountId: accountId } : {},
-        ...merchantIdentifier ? { merchantIdentifier } : {},
-        ...urlScheme ? { urlScheme } : {}
-      });
-      initKey = key5;
-      accountKey = `${publishableKey}:${accountId != null ? accountId : ""}`;
-      listeners4.forEach((listener) => listener());
+        accountId != null ? accountId : null,
+        merchantIdentifier != null ? merchantIdentifier : null,
+        urlScheme != null ? urlScheme : null
+      ]);
+      if (initializing || sheetOwner && sheetOwner.key !== key5)
+        throw paymentProviderError(
+          "The payment SDK is owned by another operation.",
+          "notStarted"
+        );
+      if (initKey === key5) return;
+      if (nativeOperationActive)
+        throw paymentProviderError(
+          "The payment SDK is owned by another operation.",
+          "notStarted"
+        );
+      initializing = true;
+      initKey = null;
+      accountKey = null;
+      initializedScheme = void 0;
+      try {
+        await initStripe({
+          publishableKey,
+          ...accountId ? { stripeAccountId: accountId } : {},
+          ...merchantIdentifier ? { merchantIdentifier } : {},
+          ...urlScheme ? { urlScheme } : {}
+        });
+        initKey = key5;
+        initializedScheme = urlScheme;
+        accountKey = `${publishableKey}:${accountId != null ? accountId : ""}`;
+        listeners4.forEach((listener) => listener());
+      } finally {
+        initializing = false;
+      }
+    },
+    createPaymentSheetSession: (options) => {
+      let running = false;
+      let owner = null;
+      let requiresCardField = false;
+      let reviewed;
+      return {
+        requiresCardField: () => requiresCardField,
+        cardFieldOperation: async (operation) => {
+          if (running) {
+            requiresCardField = true;
+            throw paymentProviderError("Use the card form for this order.", "notStarted");
+          }
+          return operation();
+        },
+        confirmer: {
+          ...adapter,
+          prepareCardPayment: async (context) => {
+            if (!running) return;
+            reviewed = stripeElementsPaymentContext(
+              context == null ? void 0 : context.amountMinor,
+              context == null ? void 0 : context.currency
+            );
+            if (!reviewed || !owner || sheetOwner !== owner) {
+              throw paymentProviderError(NATIVE_SHEET_REVIEW_REQUIRED, "notStarted");
+            }
+          },
+          confirmCard: async (clientSecret, billing) => {
+            if (!running) return adapter.confirmCard(clientSecret, billing);
+            if (requiresCardField)
+              throw paymentProviderError(
+                "Use the card form for this order.",
+                "notStarted"
+              );
+            if (!owner || sheetOwner !== owner)
+              throw paymentProviderError(
+                "The payment sheet was not claimed.",
+                "notStarted"
+              );
+            {
+              if (sheetPresenting)
+                throw paymentProviderError(
+                  "Another payment sheet is active.",
+                  "notStarted"
+                );
+              const confirm = createPaymentSheetConfirmation(
+                {
+                  initPaymentSheet,
+                  presentPaymentSheet,
+                  retrievePaymentIntent,
+                  LinkDisplay
+                },
+                {
+                  ...owner.options,
+                  reviewed,
+                  assertCurrent: () => {
+                    if (sheetOwner !== owner || initKey !== owner.key || initializing)
+                      throw paymentProviderError(
+                        "The original payment owner changed.",
+                        "notStarted"
+                      );
+                  }
+                }
+              );
+              sheetPresenting = true;
+              try {
+                return await confirm(clientSecret, toBillingDetails(billing));
+              } catch (error) {
+                if ((error == null ? void 0 : error.providerCode) === NATIVE_SHEET_CARD_FIELD_REQUIRED)
+                  requiresCardField = true;
+                throw error;
+              } finally {
+                sheetPresenting = false;
+              }
+            }
+          }
+        },
+        run: async (operation) => {
+          if (running)
+            throw paymentProviderError("This payment is already active.", "notStarted");
+          running = true;
+          reviewed = void 0;
+          let admitted = true;
+          const claim = () => {
+            if (!admitted || nativeOperationActive || initializing || !initKey || sheetOwner || !initializedScheme || options.returnURL !== `${initializedScheme}://stripe-redirect` || !options.merchantDisplayName.trim())
+              return "unavailable";
+            owner = { key: initKey, options: { ...options } };
+            sheetOwner = owner;
+            return "attached";
+          };
+          try {
+            return await operation(claim);
+          } finally {
+            admitted = false;
+            if (owner && sheetOwner === owner) sheetOwner = null;
+            owner = null;
+            reviewed = void 0;
+            running = false;
+          }
+        }
+      };
     },
     // `publishableKey:accountId`, the shape `bundleConfirmerKey` expects.
     currentKey: () => accountKey,
@@ -24219,19 +24476,25 @@ var createRnStripeConfirmer = () => {
     },
     // Native statuses are already the port's PascalCase vocabulary — no normalize.
     getIntentStatus: async (clientSecret) => {
-      const { paymentIntent } = await retrievePaymentIntent(clientSecret);
+      assertNativeLeaseFree();
+      const { paymentIntent } = await nativeSdkCall(
+        () => retrievePaymentIntent(clientSecret)
+      );
       return paymentIntent == null ? void 0 : paymentIntent.status;
     },
     confirmCard: async (clientSecret, billing) => {
-      const { error, paymentIntent } = await confirmPayment(clientSecret, {
-        paymentMethodType: "Card",
-        paymentMethodData: { billingDetails: toBillingDetails(billing) }
-      });
+      assertNativeLeaseFree();
+      const { error, paymentIntent } = await nativeSdkCall(
+        () => confirmPayment(clientSecret, {
+          paymentMethodType: "Card",
+          paymentMethodData: { billingDetails: toBillingDetails(billing) }
+        })
+      );
       if (error) throw stripeFailure(error, "Payment failed.");
       return confirmedStripeIntentStatus(paymentIntent);
     },
     confirmApplePay: async (clientSecret, total, currencyCode, merchant) => {
-      var _a2;
+      assertNativeLeaseFree();
       const context = stripeWalletPaymentContext(
         total,
         currencyCode,
@@ -24242,24 +24505,29 @@ var createRnStripeConfirmer = () => {
           "The order wallet details are unavailable.",
           "notStarted"
         );
-      const { error, paymentIntent } = await confirmPlatformPayPayment(clientSecret, {
-        applePay: {
-          merchantCountryCode: context.merchantCountry,
-          currencyCode: context.currency,
-          cartItems: [
-            {
-              label: (_a2 = merchant.merchantName) != null ? _a2 : "Order",
-              amount: context.amount,
-              paymentType: PlatformPay.PaymentType.Immediate
+      const { error, paymentIntent } = await nativeSdkCall(
+        () => {
+          var _a2;
+          return confirmPlatformPayPayment(clientSecret, {
+            applePay: {
+              merchantCountryCode: context.merchantCountry,
+              currencyCode: context.currency,
+              cartItems: [
+                {
+                  label: (_a2 = merchant.merchantName) != null ? _a2 : "Order",
+                  amount: context.amount,
+                  paymentType: PlatformPay.PaymentType.Immediate
+                }
+              ]
             }
-          ]
+          });
         }
-      });
+      );
       if (error) throw stripeFailure(error, "Apple Pay failed.");
       return confirmedStripeIntentStatus(paymentIntent);
     },
     confirmGooglePay: async (clientSecret, total, currencyCode, merchant) => {
-      var _a2;
+      assertNativeLeaseFree();
       const context = stripeWalletPaymentContext(
         total,
         currencyCode,
@@ -24270,88 +24538,118 @@ var createRnStripeConfirmer = () => {
           "The order wallet details are unavailable.",
           "notStarted"
         );
-      const { error, paymentIntent } = await confirmPlatformPayPayment(clientSecret, {
-        googlePay: {
-          testEnv: merchant.testEnv === true,
-          merchantCountryCode: context.merchantCountry,
-          currencyCode: context.currency,
-          merchantName: (_a2 = merchant.merchantName) != null ? _a2 : "Order"
+      const { error, paymentIntent } = await nativeSdkCall(
+        () => {
+          var _a2;
+          return confirmPlatformPayPayment(clientSecret, {
+            googlePay: {
+              testEnv: merchant.testEnv === true,
+              merchantCountryCode: context.merchantCountry,
+              currencyCode: context.currency,
+              merchantName: (_a2 = merchant.merchantName) != null ? _a2 : "Order"
+            }
+          });
         }
-      });
+      );
       if (error) throw stripeFailure(error, "Google Pay failed.");
       return confirmedStripeIntentStatus(paymentIntent);
     }
   };
+  return adapter;
 };
 var createRnPorts = () => ({
   // The promise is handed back: a URL the device cannot open rejects, and the
   // caller shows its failure (for example "We could not open the payment page").
   openUrl: (url2) => Linking2.openURL(url2).then(() => void 0),
   createCardPaymentMethod: async (billing) => {
-    const { paymentMethod, error } = await createPaymentMethod({
-      paymentMethodType: "Card",
-      paymentMethodData: { billingDetails: toBillingDetails(billing) }
-    });
+    assertNativeLeaseFree();
+    const { paymentMethod, error } = await nativeSdkCall(
+      () => createPaymentMethod({
+        paymentMethodType: "Card",
+        paymentMethodData: { billingDetails: toBillingDetails(billing) }
+      })
+    );
     if (error || !(paymentMethod == null ? void 0 : paymentMethod.id)) throw failed(error == null ? void 0 : error.message, "Payment failed");
     return paymentMethod.id;
   },
   createRedirectPaymentMethod: async (methodType, billing) => {
     var _a2, _b;
+    assertNativeLeaseFree();
     const details = toBillingDetails(billing);
     const result3 = await (() => {
       switch (methodType) {
         case "klarna":
-          return createPaymentMethod({
-            paymentMethodType: "Klarna",
-            paymentMethodData: { billingDetails: details }
-          });
+          return nativeSdkCall(
+            () => createPaymentMethod({
+              paymentMethodType: "Klarna",
+              paymentMethodData: { billingDetails: details }
+            })
+          );
         case "afterpay_clearpay":
-          return createPaymentMethod({
-            paymentMethodType: "AfterpayClearpay",
-            paymentMethodData: { billingDetails: details, shippingDetails: details }
-          });
+          return nativeSdkCall(
+            () => createPaymentMethod({
+              paymentMethodType: "AfterpayClearpay",
+              paymentMethodData: { billingDetails: details, shippingDetails: details }
+            })
+          );
         case "affirm":
-          return createPaymentMethod({
-            paymentMethodType: "Affirm",
-            paymentMethodData: { billingDetails: details }
-          });
+          return nativeSdkCall(
+            () => createPaymentMethod({
+              paymentMethodType: "Affirm",
+              paymentMethodData: { billingDetails: details }
+            })
+          );
         case "ideal":
-          return createPaymentMethod({
-            paymentMethodType: "Ideal",
-            paymentMethodData: { billingDetails: details }
-          });
+          return nativeSdkCall(
+            () => createPaymentMethod({
+              paymentMethodType: "Ideal",
+              paymentMethodData: { billingDetails: details }
+            })
+          );
         case "bancontact":
-          return createPaymentMethod({
-            paymentMethodType: "Bancontact",
-            paymentMethodData: { billingDetails: details }
-          });
+          return nativeSdkCall(
+            () => createPaymentMethod({
+              paymentMethodType: "Bancontact",
+              paymentMethodData: { billingDetails: details }
+            })
+          );
         case "eps":
-          return createPaymentMethod({
-            paymentMethodType: "Eps",
-            paymentMethodData: { billingDetails: details }
-          });
+          return nativeSdkCall(
+            () => createPaymentMethod({
+              paymentMethodType: "Eps",
+              paymentMethodData: { billingDetails: details }
+            })
+          );
         case "p24":
-          return createPaymentMethod({
-            paymentMethodType: "P24",
-            paymentMethodData: { billingDetails: details }
-          });
+          return nativeSdkCall(
+            () => createPaymentMethod({
+              paymentMethodType: "P24",
+              paymentMethodData: { billingDetails: details }
+            })
+          );
         case "alipay":
-          return createPaymentMethod({ paymentMethodType: "Alipay" });
+          return nativeSdkCall(() => createPaymentMethod({ paymentMethodType: "Alipay" }));
         case "grabpay":
-          return createPaymentMethod({
-            paymentMethodType: "GrabPay",
-            paymentMethodData: { billingDetails: details }
-          });
+          return nativeSdkCall(
+            () => createPaymentMethod({
+              paymentMethodType: "GrabPay",
+              paymentMethodData: { billingDetails: details }
+            })
+          );
         case "cashapp":
-          return createPaymentMethod({
-            paymentMethodType: "CashApp",
-            paymentMethodData: { billingDetails: details }
-          });
+          return nativeSdkCall(
+            () => createPaymentMethod({
+              paymentMethodType: "CashApp",
+              paymentMethodData: { billingDetails: details }
+            })
+          );
         case "paypal":
-          return createPaymentMethod({
-            paymentMethodType: "PayPal",
-            paymentMethodData: { billingDetails: details }
-          });
+          return nativeSdkCall(
+            () => createPaymentMethod({
+              paymentMethodType: "PayPal",
+              paymentMethodData: { billingDetails: details }
+            })
+          );
         default:
           throw new Error("This payment method is not available on this device.");
       }
@@ -24361,24 +24659,31 @@ var createRnPorts = () => ({
     return result3.paymentMethod.id;
   },
   handleNextAction: async (clientSecret) => {
-    const { error } = await handleNextAction(clientSecret);
+    assertNativeLeaseFree();
+    const { error } = await nativeSdkCall(() => handleNextAction(clientSecret));
     if (error) throw stripeFailure(error, "Payment failed");
   },
   confirmOxxo: async (clientSecret, billing) => {
-    const { error, paymentIntent } = await confirmPayment(clientSecret, {
-      paymentMethodType: "Oxxo",
-      paymentMethodData: { billingDetails: toBillingDetails(billing) }
-    });
+    assertNativeLeaseFree();
+    const { error, paymentIntent } = await nativeSdkCall(
+      () => confirmPayment(clientSecret, {
+        paymentMethodType: "Oxxo",
+        paymentMethodData: { billingDetails: toBillingDetails(billing) }
+      })
+    );
     return { error: error == null ? void 0 : error.message, nextAction: paymentIntent == null ? void 0 : paymentIntent.nextAction };
   },
   // Payment plan (new card): confirm the SetupIntent to SAVE the card (nothing
   // charged) and return its PaymentMethod id for the server-side plan.
   confirmPaymentPlanSetup: async (clientSecret, billing) => {
     var _a2;
-    const { setupIntent, error } = await confirmSetupIntent(clientSecret, {
-      paymentMethodType: "Card",
-      paymentMethodData: { billingDetails: toBillingDetails(billing) }
-    });
+    assertNativeLeaseFree();
+    const { setupIntent, error } = await nativeSdkCall(
+      () => confirmSetupIntent(clientSecret, {
+        paymentMethodType: "Card",
+        paymentMethodData: { billingDetails: toBillingDetails(billing) }
+      })
+    );
     const paymentMethodId = (_a2 = setupIntent == null ? void 0 : setupIntent.paymentMethod) == null ? void 0 : _a2.id;
     if (error || !paymentMethodId) throw failed(error == null ? void 0 : error.message, "Card setup failed");
     return paymentMethodId;
@@ -24386,10 +24691,13 @@ var createRnPorts = () => ({
   // Payment plan (saved-card 3DS): confirm the pending charge against the
   // existing PaymentMethod when the plan comes back requires_action.
   confirmSavedCardPayment: async (clientSecret, paymentMethodId) => {
-    const { error } = await confirmPayment(clientSecret, {
-      paymentMethodType: "Card",
-      paymentMethodData: { paymentMethodId }
-    });
+    assertNativeLeaseFree();
+    const { error } = await nativeSdkCall(
+      () => confirmPayment(clientSecret, {
+        paymentMethodType: "Card",
+        paymentMethodData: { paymentMethodId }
+      })
+    );
     if (error) throw stripeFailure(error, "Payment failed");
   }
 });
@@ -24399,11 +24707,61 @@ var rnConfirmer = createRnStripeConfirmer();
 var rnPorts = createRnPorts();
 
 // src/useCheckout.ts
-var useCheckout2 = (opts = {}) => useCheckout({
-  // A Pay without its own claim uses the default ticket field (`checkout`).
-  ports: { confirmer: rnConfirmer, ...rnPorts, claimDefaultCardField, ...opts.ports },
-  options: opts.options
-});
+var useCheckout2 = (opts = {}) => {
+  var _a2;
+  const [sheetConfig] = useState35(
+    () => opts.paymentSheet ? { ...opts.paymentSheet } : void 0
+  );
+  const [sheetScheme] = useState35(() => {
+    var _a3;
+    return (_a3 = opts.options) == null ? void 0 : _a3.urlScheme;
+  });
+  const [sheet] = useState35(
+    () => sheetConfig ? rnConfirmer.createPaymentSheetSession(sheetConfig) : void 0
+  );
+  const nativePorts = { ...rnPorts, ...opts.ports };
+  const checkout = useCheckout({
+    // A Pay without its own claim uses the default ticket field (`checkout`).
+    ports: {
+      confirmer: (_a2 = sheet == null ? void 0 : sheet.confirmer) != null ? _a2 : rnConfirmer,
+      claimDefaultCardField,
+      ...nativePorts,
+      ...sheet && nativePorts.createCardPaymentMethod ? {
+        createCardPaymentMethod: (billing) => sheet.cardFieldOperation(
+          () => nativePorts.createCardPaymentMethod(billing)
+        )
+      } : {}
+    },
+    options: opts.options
+  });
+  return {
+    ...checkout,
+    paymentSheet: sheet && !sheet.requiresCardField() ? {
+      placeOrder: () => {
+        var _a3, _b, _c, _d;
+        if (sheet.requiresCardField())
+          return Promise.reject(
+            paymentProviderError(NATIVE_SHEET_CARD_FIELD_MESSAGE, "notStarted")
+          );
+        if (!((_a3 = opts.options) == null ? void 0 : _a3.urlScheme) || !(sheetConfig == null ? void 0 : sheetConfig.merchantDisplayName.trim()) || opts.options.urlScheme !== sheetScheme || ((_b = opts.paymentSheet) == null ? void 0 : _b.merchantDisplayName) !== (sheetConfig == null ? void 0 : sheetConfig.merchantDisplayName) || ((_c = opts.paymentSheet) == null ? void 0 : _c.returnURL) !== (sheetConfig == null ? void 0 : sheetConfig.returnURL) || ((_d = opts.paymentSheet) == null ? void 0 : _d.returnURL) !== `${opts.options.urlScheme}://stripe-redirect`)
+          return Promise.reject(
+            paymentProviderError(
+              "The payment return route is not configured.",
+              "notStarted"
+            )
+          );
+        if (!nativePaymentSheetAvailable(checkout.store.getState()))
+          return Promise.reject(
+            paymentProviderError(
+              "Use the installment card form for this currency.",
+              "notStarted"
+            )
+          );
+        return sheet.run((claimCard) => checkout.placeOrder("card", { claimCard }));
+      }
+    } : void 0
+  };
+};
 
 // src/storage.ts
 import { MMKV } from "react-native-mmkv";
@@ -24440,7 +24798,7 @@ var configureCheckout = (config) => configure({
 });
 
 // src/ui/Field.tsx
-import { useMemo as useMemo18, useState as useState35 } from "react";
+import { useMemo as useMemo18, useState as useState36 } from "react";
 import {
   Pressable as Pressable3,
   StyleSheet as StyleSheet5,
@@ -24477,7 +24835,7 @@ var Input = ({
   const editable = editableProp && !frozen;
   const theme = useTheme();
   const s9 = useFieldStyles(theme);
-  const [focused, setFocused] = useState35(false);
+  const [focused, setFocused] = useState36(false);
   return /* @__PURE__ */ jsx7(
     TextInput,
     {
@@ -24584,7 +24942,7 @@ var useFieldStyles = (theme) => useMemo18(
 );
 
 // src/ui/Select.tsx
-import { useMemo as useMemo19, useState as useState36 } from "react";
+import { useCallback as useCallback15, useEffect as useEffect27, useMemo as useMemo19, useRef as useRef30, useState as useState37 } from "react";
 import { FlatList, Modal as Modal3, Pressable as Pressable4, StyleSheet as StyleSheet6, Text as Text5, View as View5 } from "react-native";
 import { Fragment, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 function Select({
@@ -24599,7 +24957,18 @@ function Select({
   const disabled = disabledProp || frozen;
   const theme = useTheme();
   const s9 = useSelectStyles(theme);
-  const [open, setOpen] = useState36(false);
+  const [open, setOpen] = useState37(false);
+  const interaction = useRef30({ disabled, open: false, revision: 0 });
+  interaction.current.disabled = disabled;
+  const revision = interaction.current.revision;
+  const close = useCallback15(() => {
+    interaction.current.open = false;
+    interaction.current.revision += 1;
+    setOpen(false);
+  }, []);
+  useEffect27(() => {
+    if (disabled && interaction.current.open) close();
+  }, [disabled, close]);
   const selected = options.find((o) => o.value === value6);
   return /* @__PURE__ */ jsxs6(Fragment, { children: [
     /* @__PURE__ */ jsxs6(
@@ -24607,7 +24976,12 @@ function Select({
       {
         accessibilityRole: "button",
         disabled,
-        onPress: () => setOpen(true),
+        onPress: () => {
+          if (interaction.current.disabled) return;
+          interaction.current.open = true;
+          interaction.current.revision += 1;
+          setOpen(true);
+        },
         style: [s9.control, invalid3 && s9.controlInvalid, disabled && s9.controlDisabled],
         children: [
           /* @__PURE__ */ jsx8(Text5, { style: [s9.value, !selected && s9.placeholder], numberOfLines: 1, children: selected ? selected.label : placeholder }),
@@ -24618,11 +24992,11 @@ function Select({
     /* @__PURE__ */ jsx8(
       Modal3,
       {
-        visible: open,
+        visible: open && !disabled,
         transparent: true,
         animationType: "fade",
-        onRequestClose: () => setOpen(false),
-        children: /* @__PURE__ */ jsx8(Pressable4, { style: s9.backdrop, onPress: () => setOpen(false), children: /* @__PURE__ */ jsx8(Pressable4, { style: s9.sheet, onPress: () => {
+        onRequestClose: close,
+        children: /* @__PURE__ */ jsx8(Pressable4, { style: s9.backdrop, onPress: close, children: /* @__PURE__ */ jsx8(Pressable4, { style: s9.sheet, onPress: () => {
         }, children: /* @__PURE__ */ jsx8(
           FlatList,
           {
@@ -24635,9 +25009,13 @@ function Select({
                 Pressable4,
                 {
                   style: s9.option,
+                  disabled,
                   onPress: () => {
+                    const current5 = interaction.current;
+                    if (current5.disabled || !current5.open || current5.revision !== revision)
+                      return;
                     onChange(item.value);
-                    setOpen(false);
+                    close();
                   },
                   children: [
                     /* @__PURE__ */ jsx8(Text5, { style: [s9.optionLabel, isSelected && s9.optionLabelSelected], children: item.label }),
@@ -24853,7 +25231,7 @@ var useTimerStyles = (theme) => useMemo21(
 );
 
 // src/ui/TimerBanner.tsx
-import { useMemo as useMemo22, useState as useState37 } from "react";
+import { useMemo as useMemo22, useState as useState38 } from "react";
 import { Pressable as Pressable6, StyleSheet as StyleSheet9, Text as Text8, View as View8 } from "react-native";
 import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 var clock2 = (s9) => {
@@ -24868,7 +25246,7 @@ var TimerBanner = ({
 }) => {
   const theme = useTheme();
   const s9 = useBannerStyles(theme);
-  const [dismissed, setDismissed] = useState37(false);
+  const [dismissed, setDismissed] = useState38(false);
   if (seconds2 === void 0 || seconds2 <= 0 || dismissed) return null;
   const urgent = seconds2 <= urgentAt;
   return (
@@ -25056,18 +25434,18 @@ var useStyles3 = (theme) => useMemo23(
 // src/sections/Tickets.tsx
 import {
   Fragment as Fragment2,
-  useEffect as useEffect27,
+  useEffect as useEffect28,
   useMemo as useMemo24,
-  useRef as useRef30,
-  useState as useState38
+  useRef as useRef31,
+  useState as useState39
 } from "react";
 import { Pressable as Pressable8, StyleSheet as StyleSheet11, Text as Text10, View as View10 } from "react-native";
 import { Fragment as Fragment3, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 var money = (sym, n) => `${sym} ${Number(n).toFixed(2)}`;
 var WaitingListForm = ({ ticket, onJoin }) => {
-  const [form, setForm] = useState38({ firstName: "", lastName: "", email: "" });
-  const [state, setState] = useState38("idle");
-  const [error, setError] = useState38("");
+  const [form, setForm] = useState39({ firstName: "", lastName: "", email: "" });
+  const [state, setState] = useState39("idle");
+  const [error, setError] = useState39("");
   const ok = Boolean(form.firstName.trim() && form.lastName.trim() && form.email.trim());
   if (state === "done")
     return /* @__PURE__ */ jsx13(MutedText, { children: "You\u2019re on the waiting list \u2014 we\u2019ll email you if a spot opens." });
@@ -25141,8 +25519,8 @@ var Tickets = ({
   const bundleStarting = bundleWait !== null;
   const promoMeta = (_a2 = ticketsQuery.data) == null ? void 0 : _a2.promo;
   const showWaitingList = (_c = (_b = ticketsQuery.data) == null ? void 0 : _b.showWaitingList) != null ? _c : false;
-  const [qty, setQty] = useState38({});
-  const [slotDate, setSlotDate] = useState38("");
+  const [qty, setQty] = useState39({});
+  const [slotDate, setSlotDate] = useState39("");
   const eventInfo = hooks_exports.useEvent(eventId).data;
   const isTimeSlot = Boolean((timeSlotDates == null ? void 0 : timeSlotDates.length) || (eventInfo == null ? void 0 : eventInfo.isTimeSlotEvent));
   const dates = useMemo24(
@@ -25152,7 +25530,7 @@ var Tickets = ({
     },
     [timeSlotDates, eventInfo == null ? void 0 : eventInfo.availableDates]
   );
-  useEffect27(() => {
+  useEffect28(() => {
     if (isTimeSlot && !slotDate && dates.length) setSlotDate(dates[0]);
   }, [isTimeSlot, slotDate, dates]);
   const slotQuery = hooks_exports.useTimeSlotTickets(eventId, isTimeSlot ? slotDate : void 0);
@@ -25163,10 +25541,10 @@ var Tickets = ({
     },
     [isTimeSlot, slotQuery.data, (_d = ticketsQuery.data) == null ? void 0 : _d.tickets]
   );
-  const [error, setError] = useState38("");
-  const [code, setCode] = useState38("");
-  const [codeState, setCodeState] = useState38("idle");
-  const [promoOpen, setPromoOpen] = useState38(false);
+  const [error, setError] = useState39("");
+  const [code, setCode] = useState39("");
+  const [codeState, setCodeState] = useState39("idle");
+  const [promoOpen, setPromoOpen] = useState39(false);
   hooks_exports.useOnEventChange(eventId, () => {
     setQty({});
     setSlotDate("");
@@ -25174,10 +25552,10 @@ var Tickets = ({
     setPromoOpen(false);
     setError("");
   });
-  const [wlOpen, setWlOpen] = useState38({});
-  const [visibleDescription, setVisibleDescription] = useState38(null);
-  const attributionEvent = useRef30(null);
-  useEffect27(() => {
+  const [wlOpen, setWlOpen] = useState39({});
+  const [visibleDescription, setVisibleDescription] = useState39(null);
+  const attributionEvent = useRef31(null);
+  useEffect28(() => {
     var _a3;
     if (attributionEvent.current === eventId) return;
     attributionEvent.current = eventId;
@@ -25195,7 +25573,7 @@ var Tickets = ({
       });
     }
   }, [eventId, initialPromoCode, referrer, readAttributionFromUrl]);
-  useEffect27(() => {
+  useEffect28(() => {
     checkout.syncCurrency(eventId, void 0, { seed: true }).catch(() => void 0);
   }, [eventId]);
   const changeCurrency = (nextCode) => {
@@ -25206,8 +25584,8 @@ var Tickets = ({
       }
     }).catch(() => void 0);
   };
-  const originals = useRef30({});
-  useEffect27(() => {
+  const originals = useRef31({});
+  useEffect28(() => {
     for (const t of tickets)
       if (originals.current[t.id] == null) originals.current[t.id] = t.price;
   }, [tickets]);
@@ -25691,7 +26069,7 @@ var SeatsIoMap = ({ eventId, initial, onContinue }) => {
 };
 
 // src/sections/SeatMap.tsx
-import { useEffect as useEffect28, useMemo as useMemo26, useRef as useRef31, useState as useState39 } from "react";
+import { useEffect as useEffect29, useMemo as useMemo26, useRef as useRef32, useState as useState40 } from "react";
 import { StyleSheet as StyleSheet12, Text as Text11, View as View12 } from "react-native";
 import { WebView as WebView3 } from "react-native-webview";
 
@@ -25707,9 +26085,9 @@ var SeatMap = ({ eventId, onContinue }) => {
   const theme = useTheme();
   const flow = hooks_exports.useSeatSelection(eventId, checkout, onContinue);
   const bundleStarting = hooks_exports.useBundleStarting(checkout.store);
-  const webview = useRef31(null);
-  const [rendererError, setRendererError] = useState39(false);
-  const [size, setSize] = useState39(320);
+  const webview = useRef32(null);
+  const [rendererError, setRendererError] = useState40(false);
+  const [size, setSize] = useState40(320);
   const properties = flow.chart.state === "ready" ? {
     seatData: flow.chart.data.seatData,
     statuses: flow.statuses,
@@ -25736,7 +26114,7 @@ var SeatMap = ({ eventId, onContinue }) => {
         `window.__tfSeatMapUpdate&&window.__tfSeatMapUpdate(${safeJson2(properties)});true;`
       );
   };
-  useEffect28(update, [properties && safeJson2(properties)]);
+  useEffect29(update, [properties && safeJson2(properties)]);
   if (flow.chart.state === "provider") return /* @__PURE__ */ jsx15(SeatsIoMap, { eventId, initial: flow.chart.data, onContinue });
   return /* @__PURE__ */ jsx15(FrozenFields, { frozen: checkout.orderFixed, children: /* @__PURE__ */ jsxs13(Card, { children: [
     /* @__PURE__ */ jsx15(SectionHeader, { title: "Select your seats" }),
@@ -25923,7 +26301,15 @@ var CustomFieldInput = ({
     case "textarea":
       return /* @__PURE__ */ jsxs14(Field, { label: field.label, required: field.required, error, children: [
         desc,
-        /* @__PURE__ */ jsx16(Input, { value: asString(value6), onChangeText: onChange, invalid: invalid3 })
+        /* @__PURE__ */ jsx16(
+          Input,
+          {
+            multiline: true,
+            value: asString(value6),
+            onChangeText: onChange,
+            invalid: invalid3
+          }
+        )
       ] });
     case "select":
     case "radio": {
@@ -26536,10 +26922,10 @@ var useBundleStyles = (theme) => useMemo28(
 // src/sections/BillingInfo.tsx
 import {
   Fragment as Fragment10,
-  useEffect as useEffect29,
+  useEffect as useEffect30,
   useMemo as useMemo29,
-  useRef as useRef32,
-  useState as useState42
+  useRef as useRef33,
+  useState as useState43
 } from "react";
 import { Linking as Linking3, Pressable as Pressable10, StyleSheet as StyleSheet17, Text as Text15, View as View20 } from "react-native";
 
@@ -26648,11 +27034,11 @@ var styles4 = StyleSheet15.create({
 });
 
 // src/sections/billing/PhoneIdentity.tsx
-import { useState as useState41 } from "react";
+import { useState as useState42 } from "react";
 import { Text as Text14, View as View18 } from "react-native";
 
 // src/auth/TwoFactorForm.tsx
-import { useState as useState40 } from "react";
+import { useState as useState41 } from "react";
 import { View as View17 } from "react-native";
 import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
 var TwoFactorForm = ({
@@ -26665,7 +27051,7 @@ var TwoFactorForm = ({
   onSendSms,
   onCancel
 }) => {
-  const [code, setCode] = useState40("");
+  const [code, setCode] = useState41("");
   return /* @__PURE__ */ jsxs18(View17, { style: { gap: 14 }, children: [
     /* @__PURE__ */ jsx20(MutedText, { children: "Enter the six-digit code from your authenticator app or registered phone to complete sign-in." }),
     error ? /* @__PURE__ */ jsx20(ErrorText, { children: error }) : null,
@@ -26717,8 +27103,8 @@ var PhoneIdentity = ({
 }) => {
   var _a2;
   const identity = hooks_exports.useCheckoutPhoneIdentity(options);
-  const [code, setCode] = useState41("");
-  const [emailInstead, setEmailInstead] = useState41(false);
+  const [code, setCode] = useState42("");
+  const [emailInstead, setEmailInstead] = useState42(false);
   if (emailInstead) return null;
   if (identity.challenge)
     return /* @__PURE__ */ jsx21(
@@ -27033,17 +27419,17 @@ var BillingInfo = ({
   const profile = hooks_exports.useCheckoutBuyerProfile(eventId);
   const event = hooks_exports.useEvent(eventId);
   const combined = !onContinue;
-  const [billing, setBilling] = useState42(
+  const [billing, setBilling] = useState43(
     () => billingDraftFrom(checkout.billing)
   );
-  const [dataCapture, setDataCapture] = useState42(
+  const [dataCapture, setDataCapture] = useState43(
     (_b = (_a2 = checkout.billing) == null ? void 0 : _a2.dataCapture) != null ? _b : {}
   );
-  const [holders, setHolders] = useState42(
+  const [holders, setHolders] = useState43(
     () => holderDraftsFrom(checkout.holders, checkout.backfilledHolderIndexes)
   );
-  const [consent, setConsent] = useState42({ ttfOptIn: false, brandOptIn: false });
-  const [dob, setDob] = useState42(() => billingDobIso(checkout.billing));
+  const [consent, setConsent] = useState43({ ttfOptIn: false, brandOptIn: false });
+  const [dob, setDob] = useState43(() => billingDobIso(checkout.billing));
   hooks_exports.useOnOrderReleased(checkout.orderFixed, () => {
     var _a3, _b2;
     setBilling(billingDraftFrom(checkout.billing));
@@ -27054,14 +27440,14 @@ var BillingInfo = ({
       (prev) => holderDraftsReloaded(prev, checkout.holders, checkout.backfilledHolderIndexes)
     );
   });
-  const restoredHolders = useRef32(checkout.holders);
+  const restoredHolders = useRef33(checkout.holders);
   hooks_exports.useOnEventChange(checkout.eventId, () => {
     restoredHolders.current = [];
     setHolders([]);
     setDataCapture({});
   });
-  const profileSeeded = useRef32(false);
-  const countryDefaultApplied = useRef32(Boolean((_c = checkout.billing) == null ? void 0 : _c.countryId));
+  const profileSeeded = useRef33(false);
+  const countryDefaultApplied = useRef33(Boolean((_c = checkout.billing) == null ? void 0 : _c.countryId));
   const {
     setBilling: commitBilling,
     setHolders: commitHolders,
@@ -27095,7 +27481,7 @@ var BillingInfo = ({
     }
     return out;
   }, [checkout.breakdown, checkout.selections]);
-  useEffect29(() => {
+  useEffect30(() => {
     const p = profile.data;
     if (!p || profileSeeded.current) return;
     profileSeeded.current = true;
@@ -27118,10 +27504,10 @@ var BillingInfo = ({
       return keys.every((k) => next[k] === prev[k]) ? prev : next;
     });
   }, [profile.data, checkout.isLoggedIn]);
-  useEffect29(() => {
+  useEffect30(() => {
     setHolders((prev) => holderDraftsForSlots(prev, slots, restoredHolders.current));
   }, [slots]);
-  useEffect29(() => {
+  useEffect30(() => {
     if (!showHolders) return;
     setHolders(
       (prev) => holderDraftsMirroringBuyer(prev, {
@@ -27132,7 +27518,7 @@ var BillingInfo = ({
       })
     );
   }, [showHolders, billing.firstName, billing.lastName, billing.email, billing.phone]);
-  useEffect29(() => {
+  useEffect30(() => {
     const email = billing.email.trim();
     if (checkout.isLoggedIn || !isEmail(email)) return;
     const t = setTimeout(
@@ -27157,7 +27543,7 @@ var BillingInfo = ({
     var _a3;
     return (_a3 = statesQuery.data) != null ? _a3 : [];
   }, [statesQuery.data]);
-  useEffect29(() => {
+  useEffect30(() => {
     var _a3, _b2, _c2, _d2;
     if (countryDefaultApplied.current || billing.countryId || countries.length === 0 || profile.isLoading || eventId && event.isLoading) {
       return;
@@ -27196,7 +27582,7 @@ var BillingInfo = ({
     event.isLoading,
     (_e = event.data) == null ? void 0 : _e.countryCode
   ]);
-  useEffect29(() => {
+  useEffect30(() => {
     var _a3;
     if (!billing.countryId) return;
     const country = countries.find(
@@ -27207,7 +27593,7 @@ var BillingInfo = ({
       setBilling((current5) => ({ ...current5, countryCode }));
     }
   }, [billing.countryId, billing.countryCode, countries]);
-  useEffect29(() => {
+  useEffect30(() => {
     if (!billing.stateId) return;
     const state = states.find(
       (candidate) => String(candidate.id) === String(billing.stateId)
@@ -27267,7 +27653,7 @@ var BillingInfo = ({
     });
     if (ttfOptInLabel || brandOptInLabel) commitConsent(consent);
   };
-  useEffect29(() => {
+  useEffect30(() => {
     if (combined) commit();
   }, [
     combined,
@@ -27734,7 +28120,7 @@ var Accommodation = ({ eventId }) => {
 var styles7 = StyleSheet19.create({ room: { gap: 12, paddingVertical: 12 }, title: { fontSize: 16, fontWeight: "600" } });
 
 // src/sections/Payment.tsx
-import { useEffect as useEffect30, useMemo as useMemo30, useState as useState43 } from "react";
+import { useEffect as useEffect31, useMemo as useMemo30, useState as useState44 } from "react";
 import { Platform as Platform2, View as View23 } from "react-native";
 import { isPlatformPaySupported } from "@stripe/stripe-react-native";
 import { Fragment as Fragment12, jsx as jsx27, jsxs as jsxs24 } from "react/jsx-runtime";
@@ -27788,14 +28174,14 @@ var Payment = ({
   const bundleWait = hooks_exports.useTicketGatewayWait(checkout.store);
   const bundleStarting = bundleWait !== null;
   const validation = useCheckoutValidation();
-  const [error, setError] = useState43("");
+  const [error, setError] = useState44("");
   const paymentMethods = hooks_exports.useCheckoutPaymentMethods(checkout.store);
   const methods = (_a2 = paymentMethods.data) != null ? _a2 : null;
-  const [selected, setSelected] = useState43("");
-  const [extras, setExtras] = useState43({});
-  const [useSavedCard, setUseSavedCard] = useState43(true);
-  const [nativeWalletSupported, setNativeWalletSupported] = useState43(false);
-  useEffect30(() => {
+  const [selected, setSelected] = useState44("");
+  const [extras, setExtras] = useState44({});
+  const [useSavedCard, setUseSavedCard] = useState44(true);
+  const [nativeWalletSupported, setNativeWalletSupported] = useState44(false);
+  useEffect31(() => {
     let mounted = true;
     const env = getConfig().env;
     isPlatformPaySupported({ googlePay: { testEnv: env === "STAG" || env === "DEV" } }).then((supported) => {
@@ -27868,7 +28254,7 @@ var Payment = ({
     nativeWalletSupported,
     offersOxxo
   ]);
-  useEffect30(() => {
+  useEffect31(() => {
     if (options.length && !options.some((o) => o.value === selected))
       setSelected(options[0].value);
   }, [options, selected]);
@@ -27878,7 +28264,10 @@ var Payment = ({
   const isPlanSelected = (selectedOption == null ? void 0 : selectedOption.id.kind) === "paymentPlan";
   const savedLast4 = methods == null ? void 0 : methods.savedPlanCardLast4;
   const reuseSavedCard = planUsesSavedCard(savedLast4, useSavedCard);
-  const showStripeCardField = !isXendit && (isCardSelected || isPlanSelected && !reuseSavedCard);
+  const useStripeSheet = Boolean(
+    checkout.paymentSheet && isCardSelected && nativePaymentSheetAvailable(checkout)
+  );
+  const showStripeCardField = !isXendit && (!useStripeSheet && isCardSelected || isPlanSelected && !reuseSavedCard);
   const showXenditCardNote = isXendit && isCardSelected;
   const ticketCard = hooks_exports.useTicketCardForm({
     confirmer: rnConfirmer,
@@ -27940,14 +28329,16 @@ var Payment = ({
       req = { method: "xenditEWallet", walletKey: id2.walletKey, extra: extras[selected] };
     else if (id2.kind === "redirect")
       req = { method: "redirect", methodType: id2.methodType };
-    else if (id2.kind === "paymentPlan") req = { method: "paymentPlan", useSavedCard: reuseSavedCard };
+    else if (id2.kind === "paymentPlan")
+      req = { method: "paymentPlan", useSavedCard: reuseSavedCard };
     else req = { method: id2.kind };
-    checkout.placeOrder(
+    const payment = useStripeSheet && checkout.paymentSheet && !isFree ? checkout.paymentSheet.placeOrder() : checkout.placeOrder(
       req,
       usesOwnCardField ? {
         claimCard: cardClaimStep("nativeCard", () => claimCardField(cardOwner))
       } : void 0
-    ).then((order) => onComplete == null ? void 0 : onComplete(order)).catch(
+    );
+    payment.then((order) => onComplete == null ? void 0 : onComplete(order)).catch(
       (e) => setError(
         e instanceof CartChangedError ? t("checkout.error.cartChanged") : e instanceof CardClaimError || e instanceof ConfirmerBusyError ? createTranslator()(e.message) : errorMessage(e)
       )
@@ -27960,6 +28351,7 @@ var Payment = ({
       /* @__PURE__ */ jsx27(MutedText, { children: createTranslator()("bundles.payingElsewhere") }),
       /* @__PURE__ */ jsx27(Button, { variant: "ghost", onPress: ticketCard.payHere, children: createTranslator()("bundles.payHere") })
     ] }) : showStripeCardField ? /* @__PURE__ */ jsx27(CardInput, { owner: cardOwner }) : null,
+    useStripeSheet && !isFree ? /* @__PURE__ */ jsx27(MutedText, { children: "Choose your payment details securely with Stripe when you pay." }) : null,
     showXenditCardNote ? (
       // Xendit card tokenizes in a WebView sheet (deferred — see confirmer.ts).
       /* @__PURE__ */ jsx27(MutedText, { children: "Card details are entered in a secure Xendit window when you pay." })
@@ -28038,11 +28430,11 @@ var Payment = ({
 };
 
 // src/sections/WaiverSigning.tsx
-import { useMemo as useMemo32, useRef as useRef34, useState as useState45 } from "react";
+import { useMemo as useMemo32, useRef as useRef35, useState as useState46 } from "react";
 import { Pressable as Pressable12, ScrollView, StyleSheet as StyleSheet21, Text as Text18, View as View25 } from "react-native";
 
 // src/ui/SignaturePad.tsx
-import { memo, useEffect as useEffect31, useMemo as useMemo31, useRef as useRef33, useState as useState44 } from "react";
+import { memo, useEffect as useEffect32, useMemo as useMemo31, useRef as useRef34, useState as useState45 } from "react";
 import { PanResponder, Pressable as Pressable11, StyleSheet as StyleSheet20, Text as Text17, View as View24 } from "react-native";
 import { Fragment as Fragment13, jsx as jsx28, jsxs as jsxs25 } from "react/jsx-runtime";
 var LINE_WIDTH = 2.5;
@@ -28088,13 +28480,13 @@ var SignaturePad = ({
   disabled
 }) => {
   const theme = useTheme();
-  const strokesRef = useRef33([]);
-  const [, setFrame] = useState44(0);
-  const frameRequest = useRef33(null);
-  const size = useRef33({ width: 0, height: PAD_HEIGHT });
-  const report = useRef33(onChange);
+  const strokesRef = useRef34([]);
+  const [, setFrame] = useState45(0);
+  const frameRequest = useRef34(null);
+  const size = useRef34({ width: 0, height: PAD_HEIGHT });
+  const report = useRef34(onChange);
   report.current = onChange;
-  const disabledRef = useRef33(disabled);
+  const disabledRef = useRef34(disabled);
   disabledRef.current = disabled;
   const render = () => {
     if (frameRequest.current !== null) cancelAnimationFrame(frameRequest.current);
@@ -28105,7 +28497,7 @@ var SignaturePad = ({
     if (frameRequest.current !== null) return;
     frameRequest.current = requestAnimationFrame(render);
   };
-  useEffect31(
+  useEffect32(
     () => () => {
       if (frameRequest.current !== null) cancelAnimationFrame(frameRequest.current);
     },
@@ -28232,8 +28624,8 @@ var WaiverSigning = ({
     checkout.setWaiverSignature,
     checkout.holdWaiverSigning
   );
-  const [open, setOpen] = useState45({});
-  const [reloading, setReloading] = useState45(false);
+  const [open, setOpen] = useState46({});
+  const [reloading, setReloading] = useState46(false);
   if ((_a2 = checkout.unavailableDetails) == null ? void 0 : _a2.includes("waiver")) {
     return /* @__PURE__ */ jsxs26(Card, { children: [
       /* @__PURE__ */ jsx29(SectionHeader, { title: t("waivers.heading") }),
@@ -28327,17 +28719,17 @@ var TicketForm = ({ ticket, consentText, t, methods, busy, locked = false, error
   var _a2, _b, _c, _d;
   const theme = useTheme();
   const s9 = useWaiverStyles(theme);
-  const [heldDraft, setDraft] = useState45(
+  const [heldDraft, setDraft] = useState46(
     () => emptyWaiverDraft(
       { firstName: ticket.holderFirstName, lastName: ticket.holderLastName },
       { signatureMethods: methods }
     )
   );
   const draft = draftWithAllowedMethod(heldDraft, methods);
-  const [problems, setProblems] = useState45([]);
-  const [pressed, setPressed] = useState45(false);
+  const [problems, setProblems] = useState46([]);
+  const [pressed, setPressed] = useState46(false);
   const frozen = busy || locked;
-  const draftRef = useRef34(draft);
+  const draftRef = useRef35(draft);
   draftRef.current = draft;
   const patch2 = (next) => {
     if (!frozen) setDraft((d) => ({ ...d, ...next }));
@@ -28536,7 +28928,7 @@ var useWaiverStyles = (theme) => useMemo32(
 );
 
 // src/sections/IDVerification.tsx
-import { useState as useState46 } from "react";
+import { useState as useState47 } from "react";
 import { Linking as Linking4 } from "react-native";
 import { jsx as jsx30, jsxs as jsxs27 } from "react/jsx-runtime";
 var MESSAGE = {
@@ -28551,8 +28943,8 @@ var IDVerification = () => {
   const checkout = useCheckoutContext();
   const theme = useTheme();
   const order = checkout.order;
-  const [phase, setPhase] = useState46("idle");
-  const [error, setError] = useState46("");
+  const [phase, setPhase] = useState47("idle");
+  const [error, setError] = useState47("");
   if (!(order == null ? void 0 : order.needIdVerification)) return null;
   const done = phase === "verified";
   const running = phase === "starting" || phase === "polling";
@@ -28579,7 +28971,7 @@ var IDVerification = () => {
 };
 
 // src/sections/Confirmation.tsx
-import { useState as useState47 } from "react";
+import { useState as useState48 } from "react";
 import { Linking as Linking5, Share, StyleSheet as StyleSheet22, Text as Text19, View as View26 } from "react-native";
 import Clipboard from "@react-native-clipboard/clipboard";
 import { jsx as jsx31, jsxs as jsxs28 } from "react/jsx-runtime";
@@ -28593,7 +28985,7 @@ var Confirmation = ({
   const checkout = useCheckoutContext();
   const theme = useTheme();
   const order = checkout.order;
-  const [copied, setCopied] = useState47(false);
+  const [copied, setCopied] = useState48(false);
   if (!order) return null;
   const pending3 = order.pending;
   const url2 = shareUrl != null ? shareUrl : "";
@@ -28647,12 +29039,12 @@ var styles9 = StyleSheet22.create({
 });
 
 // src/sections/Rewards.tsx
-import { useEffect as useEffect32, useState as useState49 } from "react";
+import { useEffect as useEffect33, useState as useState50 } from "react";
 import { Alert, Image as Image3, Share as Share2, StyleSheet as StyleSheet25, View as View29 } from "react-native";
 import Clipboard2 from "@react-native-clipboard/clipboard";
 
 // src/sections/rewards/RewardsLadder.tsx
-import { useState as useState48 } from "react";
+import { useState as useState49 } from "react";
 import { StyleSheet as StyleSheet23, View as View27 } from "react-native";
 import { jsx as jsx32, jsxs as jsxs29 } from "react/jsx-runtime";
 var AWARD_STATUS_KEYS = {
@@ -28662,9 +29054,9 @@ var AWARD_STATUS_KEYS = {
   cancelled: "rewards.awards.cancelled"
 };
 var DeliveryDetails = ({ fields, translate: t, onSubmit }) => {
-  const [values2, setValues] = useState48({});
-  const [saving, setSaving] = useState48(false);
-  const [failure, setFailure] = useState48("");
+  const [values2, setValues] = useState49({});
+  const [saving, setSaving] = useState49(false);
+  const [failure, setFailure] = useState49("");
   return /* @__PURE__ */ jsxs29(View27, { style: { gap: 10 }, children: [
     fields.map((field) => {
       var _a2;
@@ -28855,10 +29247,10 @@ var RewardsView = ({
   var _a2, _b, _c, _d, _e, _f;
   const t = translate2 != null ? translate2 : createTranslator({ locale, messages });
   const { rewards, failure, busy, hash } = flow;
-  const [packName, setPackName] = useState49("");
-  const [packCode, setPackCode] = useState49("");
-  const [copied, setCopied] = useState49(false);
-  useEffect32(() => {
+  const [packName, setPackName] = useState50("");
+  const [packCode, setPackCode] = useState50("");
+  const [copied, setCopied] = useState50(false);
+  useEffect33(() => {
     setCopied(false);
   }, [rewards == null ? void 0 : rewards.share_link]);
   if (!rewards)
@@ -29352,7 +29744,7 @@ var Trips = ({
 };
 
 // src/sections/EventDiscussionView.tsx
-import { useRef as useRef36, useState as useState51 } from "react";
+import { useRef as useRef37, useState as useState52 } from "react";
 import {
   ActivityIndicator as ActivityIndicator4,
   Alert as Alert2,
@@ -29370,7 +29762,7 @@ import {
 } from "react-native";
 
 // src/sections/discussion/CommentImages.tsx
-import { useEffect as useEffect33, useState as useState50 } from "react";
+import { useEffect as useEffect34, useState as useState51 } from "react";
 import {
   ActivityIndicator as ActivityIndicator3,
   Image as Image4,
@@ -29449,8 +29841,8 @@ var CommentImages = ({
   const t = useAccountT(locale);
   const theme = useTheme();
   const white = [s.white, { fontFamily: theme.fontFamily }];
-  const [selected, setSelected] = useState50(null);
-  useEffect33(() => {
+  const [selected, setSelected] = useState51(null);
+  useEffect34(() => {
     if (selected === null) return;
     onPreviewChange(true);
     return () => onPreviewChange(false);
@@ -29706,7 +30098,7 @@ var s = StyleSheet27.create({
 });
 
 // src/sections/discussion/SwipeReply.tsx
-import { useMemo as useMemo36, useRef as useRef35 } from "react";
+import { useMemo as useMemo36, useRef as useRef36 } from "react";
 import { Animated, PanResponder as PanResponder2, StyleSheet as StyleSheet28, Text as Text22, View as View33 } from "react-native";
 import { jsx as jsx38, jsxs as jsxs35 } from "react/jsx-runtime";
 var SwipeReply = ({
@@ -29717,7 +30109,7 @@ var SwipeReply = ({
   children
 }) => {
   const theme = useTheme();
-  const offset = useRef35(new Animated.Value(0)).current;
+  const offset = useRef36(new Animated.Value(0)).current;
   const gesture = useMemo36(() => {
     const reset = () => Animated.spring(offset, { toValue: 0, useNativeDriver: true }).start();
     return PanResponder2.create({
@@ -29798,17 +30190,17 @@ var EventDiscussionBody = ({
   var _a2, _b, _c;
   const theme = useTheme();
   const t = useAccountT(locale);
-  const list2 = useRef36(null);
-  const firstContent = useRef36(true);
-  const [actions, setActions] = useState51(null);
-  const [reporting, setReporting] = useState51(null);
-  const [moderating, setModerating] = useState51(null);
-  const [reason, setReason] = useState51("");
-  const [blocksVisible, setBlocksVisible] = useState51(false);
-  const [pickerError, setPickerError] = useState51("");
-  const [imageOpen, setImageOpen] = useState51(false);
-  const [pickerBusy, setPickerBusy] = useState51(false);
-  const picking = useRef36(false);
+  const list2 = useRef37(null);
+  const firstContent = useRef37(true);
+  const [actions, setActions] = useState52(null);
+  const [reporting, setReporting] = useState52(null);
+  const [moderating, setModerating] = useState52(null);
+  const [reason, setReason] = useState52("");
+  const [blocksVisible, setBlocksVisible] = useState52(false);
+  const [pickerError, setPickerError] = useState52("");
+  const [imageOpen, setImageOpen] = useState52(false);
+  const [pickerBusy, setPickerBusy] = useState52(false);
+  const picking = useRef37(false);
   const text6 = { color: theme.text, fontFamily: theme.fontFamily };
   const muted = { color: theme.muted, fontFamily: theme.fontFamily };
   const closeActions = (work) => {
@@ -30822,7 +31214,7 @@ var styles13 = StyleSheet30.create({
 });
 
 // src/sections/Streaming.tsx
-import { useMemo as useMemo37, useRef as useRef37, useState as useState52 } from "react";
+import { useMemo as useMemo37, useRef as useRef38, useState as useState53 } from "react";
 import {
   ActivityIndicator as ActivityIndicator5,
   Alert as Alert4,
@@ -30857,8 +31249,8 @@ var StreamingView = ({
   );
   const session = hooks_exports.useAuthSession();
   const assertOwner = hooks_exports.useSessionAction();
-  const pendingBrowser = useRef37({ scope: session.sessionScope, locked: false });
-  const [stored, setStored] = useState52({
+  const pendingBrowser = useRef38({ scope: session.sessionScope, locked: false });
+  const [stored, setStored] = useState53({
     scope: session.sessionScope,
     busy: false,
     error: ""
@@ -31282,7 +31674,7 @@ var s5 = StyleSheet32.create({
 });
 
 // src/sections/ProfileSettings.tsx
-import { useEffect as useEffect34, useMemo as useMemo39 } from "react";
+import { useEffect as useEffect35, useMemo as useMemo39 } from "react";
 import {
   ActivityIndicator as ActivityIndicator7,
   KeyboardAvoidingView as KeyboardAvoidingView2,
@@ -31329,7 +31721,7 @@ var ProfileSettingsView = ({
     } catch (e) {
     }
   };
-  useEffect34(() => {
+  useEffect35(() => {
     if (flow.settings) flow.open(mode);
   }, [mode, flow.scopeKey, Boolean(flow.settings)]);
   const text6 = { color: theme.text, fontFamily: theme.fontFamily };
@@ -31834,7 +32226,7 @@ var AccountPaymentPlanSection = ({
 };
 
 // src/sections/NotificationPreferences.tsx
-import { useEffect as useEffect35, useMemo as useMemo40 } from "react";
+import { useEffect as useEffect36, useMemo as useMemo40 } from "react";
 import {
   ActivityIndicator as ActivityIndicator8,
   Pressable as Pressable21,
@@ -31875,7 +32267,7 @@ var NotificationPreferencesView = ({
     } catch (e) {
     }
   };
-  useEffect35(() => {
+  useEffect36(() => {
     var _a3;
     if ((_a3 = flow.preferences) == null ? void 0 : _a3.available) flow.begin();
   }, [flow.scopeKey, Boolean(flow.preferences), (_a2 = flow.preferences) == null ? void 0 : _a2.available]);
@@ -32045,15 +32437,15 @@ import {
 } from "react-native";
 
 // src/auth/LoginForm.tsx
-import { useEffect as useEffect36, useState as useState54 } from "react";
+import { useEffect as useEffect37, useState as useState55 } from "react";
 import { Pressable as Pressable23, StyleSheet as StyleSheet36, Text as Text30, View as View47 } from "react-native";
 
 // src/auth/PasswordInput.tsx
-import { useState as useState53 } from "react";
+import { useState as useState54 } from "react";
 import { Pressable as Pressable22, StyleSheet as StyleSheet35, Text as Text29, View as View46 } from "react-native";
 import { jsx as jsx51, jsxs as jsxs48 } from "react/jsx-runtime";
 var PasswordInput = (props) => {
-  const [visible, setVisible] = useState53(false);
+  const [visible, setVisible] = useState54(false);
   return /* @__PURE__ */ jsxs48(View46, { style: styles14.wrap, children: [
     /* @__PURE__ */ jsx51(Input, { ...props, autoCapitalize: "none", secureTextEntry: !visible }),
     /* @__PURE__ */ jsx51(
@@ -32095,9 +32487,9 @@ var LoginForm = ({
   onFieldChange
 }) => {
   const theme = useTheme();
-  const [email, setEmail] = useState54(initialEmail);
-  const [password, setPassword] = useState54("");
-  useEffect36(() => {
+  const [email, setEmail] = useState55(initialEmail);
+  const [password, setPassword] = useState55("");
+  useEffect37(() => {
     if (initialEmail && !email) setEmail(initialEmail);
   }, [email, initialEmail]);
   const submit = () => void onSubmit({ email, password });
@@ -32149,7 +32541,7 @@ var styles15 = StyleSheet36.create({
 });
 
 // src/auth/EmailCodeForm.tsx
-import { useState as useState55 } from "react";
+import { useState as useState56 } from "react";
 import { View as View48 } from "react-native";
 import { Fragment as Fragment28, jsx as jsx53, jsxs as jsxs50 } from "react/jsx-runtime";
 var EmailCodeForm = ({
@@ -32164,8 +32556,8 @@ var EmailCodeForm = ({
   onVerify,
   onBack
 }) => {
-  const [email, setEmail] = useState55(initialEmail);
-  const [code, setCode] = useState55("");
+  const [email, setEmail] = useState56(initialEmail);
+  const [code, setCode] = useState56("");
   return /* @__PURE__ */ jsxs50(View48, { style: { gap: 14 }, children: [
     /* @__PURE__ */ jsx53(MutedText, { children: sent ? `Enter the sign-in code sent to ${target}.` : "Receive a one-time sign-in code by email." }),
     error ? /* @__PURE__ */ jsx53(ErrorText, { children: error }) : null,
@@ -32221,7 +32613,7 @@ var EmailCodeForm = ({
 };
 
 // src/auth/ForgotPasswordForm.tsx
-import { useEffect as useEffect37, useState as useState56 } from "react";
+import { useEffect as useEffect38, useState as useState57 } from "react";
 import { Pressable as Pressable24, StyleSheet as StyleSheet37, Text as Text31, View as View49 } from "react-native";
 import { jsx as jsx54, jsxs as jsxs51 } from "react/jsx-runtime";
 var ForgotPasswordForm = ({
@@ -32235,8 +32627,8 @@ var ForgotPasswordForm = ({
   onFieldChange
 }) => {
   const theme = useTheme();
-  const [email, setEmail] = useState56(initialEmail);
-  useEffect37(() => {
+  const [email, setEmail] = useState57(initialEmail);
+  useEffect38(() => {
     if (initialEmail && !email) setEmail(initialEmail);
   }, [email, initialEmail]);
   const submit = () => void onSubmit(email);
@@ -32284,7 +32676,7 @@ var styles16 = StyleSheet37.create({
 });
 
 // src/auth/RegisterForm.tsx
-import { useEffect as useEffect38, useMemo as useMemo41, useState as useState57 } from "react";
+import { useEffect as useEffect39, useMemo as useMemo41, useState as useState58 } from "react";
 import { Linking as Linking8, Pressable as Pressable25, StyleSheet as StyleSheet38, View as View50 } from "react-native";
 import { Fragment as Fragment29, jsx as jsx55, jsxs as jsxs52 } from "react/jsx-runtime";
 var emptyRegistration = (email) => ({
@@ -32314,12 +32706,12 @@ var RegisterForm = ({
 }) => {
   var _a2, _b, _c, _d, _e, _f;
   const t = useMemo41(() => createTranslator({ locale }), [locale]);
-  const [values2, setValues] = useState57(
+  const [values2, setValues] = useState58(
     () => emptyRegistration(initialEmail)
   );
-  const [termsAccepted, setTermsAccepted] = useState57(false);
-  const [refreshingProof, setRefreshingProof] = useState57(false);
-  const [refreshCode, setRefreshCode] = useState57("");
+  const [termsAccepted, setTermsAccepted] = useState58(false);
+  const [refreshingProof, setRefreshingProof] = useState58(false);
+  const [refreshCode, setRefreshCode] = useState58("");
   const countriesQuery = hooks_exports.useCountries();
   const countries = useMemo41(() => {
     var _a3;
@@ -32332,11 +32724,11 @@ var RegisterForm = ({
     var _a3;
     return (_a3 = statesQuery.data) != null ? _a3 : [];
   }, [statesQuery.data]);
-  useEffect38(() => {
+  useEffect39(() => {
     if (initialEmail && !values2.email)
       setValues((current5) => ({ ...current5, email: initialEmail }));
   }, [initialEmail, values2.email]);
-  useEffect38(() => {
+  useEffect39(() => {
     var _a3;
     if (!requireAddress || values2.countryId || countries.length === 0) return;
     const preferred = (_a3 = countries.find((country) => {
@@ -32960,7 +33352,7 @@ function AccountEmailEnrichment({
 }
 
 // src/auth/AuthModal.tsx
-import { useCallback as useCallback15, useEffect as useEffect39, useRef as useRef38 } from "react";
+import { useCallback as useCallback16, useEffect as useEffect40, useRef as useRef39 } from "react";
 import { Image as Image8, Modal as Modal7, Pressable as Pressable26, ScrollView as ScrollView4, StyleSheet as StyleSheet40, Text as Text33, View as View53 } from "react-native";
 import { jsx as jsx58, jsxs as jsxs55 } from "react/jsx-runtime";
 var Tab = ({
@@ -32995,7 +33387,7 @@ var CredentialAuthModal = ({
 }) => {
   const theme = useTheme();
   const t = useAccountT();
-  const closeAfterAuth = useCallback15(
+  const closeAfterAuth = useCallback16(
     (profile) => {
       onAuthenticated == null ? void 0 : onAuthenticated(profile);
       onClose();
@@ -33187,8 +33579,8 @@ var PhoneAccountModal = ({
     },
     onCancelled: onClose
   });
-  const prepared = useRef38(false);
-  useEffect39(() => {
+  const prepared = useRef39(false);
+  useEffect40(() => {
     if (prepared.current) return;
     prepared.current = true;
     if (initialEmail) flow.emailAuth.showLogin(initialEmail);
@@ -33278,7 +33670,7 @@ var styles18 = StyleSheet40.create({
 });
 
 // src/auth/ResetPasswordForm.tsx
-import { useMemo as useMemo42, useState as useState58 } from "react";
+import { useMemo as useMemo42, useState as useState59 } from "react";
 import { StyleSheet as StyleSheet41, Text as Text34, View as View54 } from "react-native";
 import { jsx as jsx59, jsxs as jsxs56 } from "react/jsx-runtime";
 var ResetPasswordForm = ({
@@ -33287,10 +33679,10 @@ var ResetPasswordForm = ({
   onBackToLogin
 }) => {
   const theme = useTheme();
-  const [password, setPassword] = useState58("");
-  const [confirmation, setConfirmation] = useState58("");
-  const [submitted, setSubmitted] = useState58(false);
-  const [success, setSuccess] = useState58(false);
+  const [password, setPassword] = useState59("");
+  const [confirmation, setConfirmation] = useState59("");
+  const [submitted, setSubmitted] = useState59(false);
+  const [success, setSuccess] = useState59(false);
   const validation = useMemo42(() => {
     if (!submitted)
       return {};
@@ -33350,7 +33742,7 @@ var styles19 = StyleSheet41.create({
 });
 
 // src/EmbeddedCheckout.tsx
-import { useEffect as useEffect40, useRef as useRef39, useState as useState59 } from "react";
+import { useEffect as useEffect41, useRef as useRef40, useState as useState60 } from "react";
 import { Pressable as Pressable27, ScrollView as ScrollView5, StyleSheet as StyleSheet42, Text as Text35, View as View55 } from "react-native";
 import { Fragment as Fragment32, jsx as jsx60, jsxs as jsxs57 } from "react/jsx-runtime";
 var Flow = ({
@@ -33378,13 +33770,13 @@ var Flow = ({
   var _a2;
   const checkout = useCheckoutContext();
   const theme = useTheme();
-  const [view, setView] = useState59(initialView);
-  const [selectionView, setSelectionView] = useState59(initialView);
-  const editedDetailsRef = useRef39(null);
-  const [authRequest, setAuthRequest] = useState59(
+  const [view, setView] = useState60(initialView);
+  const [selectionView, setSelectionView] = useState60(initialView);
+  const editedDetailsRef = useRef40(null);
+  const [authRequest, setAuthRequest] = useState60(
     null
   );
-  const [privacyAttempted, setPrivacyAttempted] = useState59(false);
+  const [privacyAttempted, setPrivacyAttempted] = useState60(false);
   const openBuiltInAuth = (email) => setAuthRequest((current5) => {
     var _a3;
     return { email, key: ((_a3 = current5 == null ? void 0 : current5.key) != null ? _a3 : 0) + 1 };
@@ -33397,7 +33789,7 @@ var Flow = ({
     orderFixed: checkout.orderFixed
   });
   const leaveAllowed = canLeavePayment(checkout);
-  useEffect40(() => {
+  useEffect41(() => {
     if (visibleView === view) return;
     if (visibleView === "checkout") setView("checkout");
     else {
@@ -33405,7 +33797,7 @@ var Flow = ({
       setSelectionView("tickets");
     }
   }, [view, visibleView]);
-  useEffect40(() => {
+  useEffect41(() => {
     onViewChange == null ? void 0 : onViewChange(visibleView);
   }, [onViewChange, visibleView]);
   const enterCheckout = (from) => {