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

package/dist/index.js

@@ -6833,8 +6833,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;
@@ -6858,9 +6858,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);
       };
     }
   };
@@ -8893,9 +8893,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: {},
@@ -8908,9 +8908,9 @@ var createCheckoutStore = (initial = initialSnapshot()) => {
       emit();
     },
     subscribe: (listener) => {
-      listeners4.add(listener);
+      listeners42.add(listener);
       return () => {
-        listeners4.delete(listener);
+        listeners42.delete(listener);
       };
     },
     reset: () => {
@@ -14388,8 +14388,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)
@@ -14414,8 +14414,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);
     }
   };
 };
@@ -14496,8 +14496,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();
@@ -14527,9 +14527,9 @@ var createConfirmerGateway = (lock2, scope) => {
     },
     holder: () => current5,
     subscribe: (listener) => {
-      listeners4.add(listener);
+      listeners42.add(listener);
       return () => {
-        listeners4.delete(listener);
+        listeners42.delete(listener);
       };
     }
   };
@@ -14600,8 +14600,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";
@@ -14638,9 +14638,9 @@ var createPaymentMarks = () => {
       emit();
     },
     subscribe: (listener) => {
-      listeners4.add(listener);
+      listeners42.add(listener);
       return () => {
-        listeners4.delete(listener);
+        listeners42.delete(listener);
       };
     }
   };
@@ -15336,8 +15336,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],
@@ -17874,22 +17874,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) => {
@@ -24010,6 +24010,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
+var import_react46 = require("react");
+
 // src/CardInput.tsx
 var import_react45 = require("react");
 var import_react_native4 = require("react-native");
@@ -24527,7 +24530,10 @@ var getQueryClient = () => {
   }
   return sharedQueryClient;
 };
-var CheckoutThemeProvider = ({ theme, children }) => {
+var CheckoutThemeProvider = ({
+  theme,
+  children
+}) => {
   const resolved = (0, import_react44.useMemo)(() => resolveTheme(theme), [theme]);
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ThemeCtx.Provider, { value: resolved, children });
 };
@@ -24550,7 +24556,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__ */ (0, import_jsx_runtime5.jsxs)(CheckoutRoot, { checkout, ...rest, children: [
     children,
@@ -24652,6 +24659,107 @@ var styles2 = import_react_native4.StyleSheet.create({
 // src/confirmer.ts
 var import_react_native5 = require("react-native");
 var import_stripe_react_native2 = require("@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(),
@@ -24674,23 +24782,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 (0, import_stripe_react_native2.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 (0, import_stripe_react_native2.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: import_stripe_react_native2.initPaymentSheet,
+                  presentPaymentSheet: import_stripe_react_native2.presentPaymentSheet,
+                  retrievePaymentIntent: import_stripe_react_native2.retrievePaymentIntent,
+                  LinkDisplay: import_stripe_react_native2.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,
@@ -24702,19 +24956,25 @@ var createRnStripeConfirmer = () => {
     },
     // Native statuses are already the port's PascalCase vocabulary — no normalize.
     getIntentStatus: async (clientSecret) => {
-      const { paymentIntent } = await (0, import_stripe_react_native2.retrievePaymentIntent)(clientSecret);
+      assertNativeLeaseFree();
+      const { paymentIntent } = await nativeSdkCall(
+        () => (0, import_stripe_react_native2.retrievePaymentIntent)(clientSecret)
+      );
       return paymentIntent == null ? void 0 : paymentIntent.status;
     },
     confirmCard: async (clientSecret, billing) => {
-      const { error, paymentIntent } = await (0, import_stripe_react_native2.confirmPayment)(clientSecret, {
-        paymentMethodType: "Card",
-        paymentMethodData: { billingDetails: toBillingDetails(billing) }
-      });
+      assertNativeLeaseFree();
+      const { error, paymentIntent } = await nativeSdkCall(
+        () => (0, import_stripe_react_native2.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,
@@ -24725,24 +24985,29 @@ var createRnStripeConfirmer = () => {
           "The order wallet details are unavailable.",
           "notStarted"
         );
-      const { error, paymentIntent } = await (0, import_stripe_react_native2.confirmPlatformPayPayment)(clientSecret, {
-        applePay: {
-          merchantCountryCode: context.merchantCountry,
-          currencyCode: context.currency,
-          cartItems: [
-            {
-              label: (_a2 = merchant.merchantName) != null ? _a2 : "Order",
-              amount: context.amount,
-              paymentType: import_stripe_react_native2.PlatformPay.PaymentType.Immediate
+      const { error, paymentIntent } = await nativeSdkCall(
+        () => {
+          var _a2;
+          return (0, import_stripe_react_native2.confirmPlatformPayPayment)(clientSecret, {
+            applePay: {
+              merchantCountryCode: context.merchantCountry,
+              currencyCode: context.currency,
+              cartItems: [
+                {
+                  label: (_a2 = merchant.merchantName) != null ? _a2 : "Order",
+                  amount: context.amount,
+                  paymentType: import_stripe_react_native2.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,
@@ -24753,88 +25018,118 @@ var createRnStripeConfirmer = () => {
           "The order wallet details are unavailable.",
           "notStarted"
         );
-      const { error, paymentIntent } = await (0, import_stripe_react_native2.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 (0, import_stripe_react_native2.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) => import_react_native5.Linking.openURL(url2).then(() => void 0),
   createCardPaymentMethod: async (billing) => {
-    const { paymentMethod, error } = await (0, import_stripe_react_native2.createPaymentMethod)({
-      paymentMethodType: "Card",
-      paymentMethodData: { billingDetails: toBillingDetails(billing) }
-    });
+    assertNativeLeaseFree();
+    const { paymentMethod, error } = await nativeSdkCall(
+      () => (0, import_stripe_react_native2.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 (0, import_stripe_react_native2.createPaymentMethod)({
-            paymentMethodType: "Klarna",
-            paymentMethodData: { billingDetails: details }
-          });
+          return nativeSdkCall(
+            () => (0, import_stripe_react_native2.createPaymentMethod)({
+              paymentMethodType: "Klarna",
+              paymentMethodData: { billingDetails: details }
+            })
+          );
         case "afterpay_clearpay":
-          return (0, import_stripe_react_native2.createPaymentMethod)({
-            paymentMethodType: "AfterpayClearpay",
-            paymentMethodData: { billingDetails: details, shippingDetails: details }
-          });
+          return nativeSdkCall(
+            () => (0, import_stripe_react_native2.createPaymentMethod)({
+              paymentMethodType: "AfterpayClearpay",
+              paymentMethodData: { billingDetails: details, shippingDetails: details }
+            })
+          );
         case "affirm":
-          return (0, import_stripe_react_native2.createPaymentMethod)({
-            paymentMethodType: "Affirm",
-            paymentMethodData: { billingDetails: details }
-          });
+          return nativeSdkCall(
+            () => (0, import_stripe_react_native2.createPaymentMethod)({
+              paymentMethodType: "Affirm",
+              paymentMethodData: { billingDetails: details }
+            })
+          );
         case "ideal":
-          return (0, import_stripe_react_native2.createPaymentMethod)({
-            paymentMethodType: "Ideal",
-            paymentMethodData: { billingDetails: details }
-          });
+          return nativeSdkCall(
+            () => (0, import_stripe_react_native2.createPaymentMethod)({
+              paymentMethodType: "Ideal",
+              paymentMethodData: { billingDetails: details }
+            })
+          );
         case "bancontact":
-          return (0, import_stripe_react_native2.createPaymentMethod)({
-            paymentMethodType: "Bancontact",
-            paymentMethodData: { billingDetails: details }
-          });
+          return nativeSdkCall(
+            () => (0, import_stripe_react_native2.createPaymentMethod)({
+              paymentMethodType: "Bancontact",
+              paymentMethodData: { billingDetails: details }
+            })
+          );
         case "eps":
-          return (0, import_stripe_react_native2.createPaymentMethod)({
-            paymentMethodType: "Eps",
-            paymentMethodData: { billingDetails: details }
-          });
+          return nativeSdkCall(
+            () => (0, import_stripe_react_native2.createPaymentMethod)({
+              paymentMethodType: "Eps",
+              paymentMethodData: { billingDetails: details }
+            })
+          );
         case "p24":
-          return (0, import_stripe_react_native2.createPaymentMethod)({
-            paymentMethodType: "P24",
-            paymentMethodData: { billingDetails: details }
-          });
+          return nativeSdkCall(
+            () => (0, import_stripe_react_native2.createPaymentMethod)({
+              paymentMethodType: "P24",
+              paymentMethodData: { billingDetails: details }
+            })
+          );
         case "alipay":
-          return (0, import_stripe_react_native2.createPaymentMethod)({ paymentMethodType: "Alipay" });
+          return nativeSdkCall(() => (0, import_stripe_react_native2.createPaymentMethod)({ paymentMethodType: "Alipay" }));
         case "grabpay":
-          return (0, import_stripe_react_native2.createPaymentMethod)({
-            paymentMethodType: "GrabPay",
-            paymentMethodData: { billingDetails: details }
-          });
+          return nativeSdkCall(
+            () => (0, import_stripe_react_native2.createPaymentMethod)({
+              paymentMethodType: "GrabPay",
+              paymentMethodData: { billingDetails: details }
+            })
+          );
         case "cashapp":
-          return (0, import_stripe_react_native2.createPaymentMethod)({
-            paymentMethodType: "CashApp",
-            paymentMethodData: { billingDetails: details }
-          });
+          return nativeSdkCall(
+            () => (0, import_stripe_react_native2.createPaymentMethod)({
+              paymentMethodType: "CashApp",
+              paymentMethodData: { billingDetails: details }
+            })
+          );
         case "paypal":
-          return (0, import_stripe_react_native2.createPaymentMethod)({
-            paymentMethodType: "PayPal",
-            paymentMethodData: { billingDetails: details }
-          });
+          return nativeSdkCall(
+            () => (0, import_stripe_react_native2.createPaymentMethod)({
+              paymentMethodType: "PayPal",
+              paymentMethodData: { billingDetails: details }
+            })
+          );
         default:
           throw new Error("This payment method is not available on this device.");
       }
@@ -24844,24 +25139,31 @@ var createRnPorts = () => ({
     return result3.paymentMethod.id;
   },
   handleNextAction: async (clientSecret) => {
-    const { error } = await (0, import_stripe_react_native2.handleNextAction)(clientSecret);
+    assertNativeLeaseFree();
+    const { error } = await nativeSdkCall(() => (0, import_stripe_react_native2.handleNextAction)(clientSecret));
     if (error) throw stripeFailure(error, "Payment failed");
   },
   confirmOxxo: async (clientSecret, billing) => {
-    const { error, paymentIntent } = await (0, import_stripe_react_native2.confirmPayment)(clientSecret, {
-      paymentMethodType: "Oxxo",
-      paymentMethodData: { billingDetails: toBillingDetails(billing) }
-    });
+    assertNativeLeaseFree();
+    const { error, paymentIntent } = await nativeSdkCall(
+      () => (0, import_stripe_react_native2.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 (0, import_stripe_react_native2.confirmSetupIntent)(clientSecret, {
-      paymentMethodType: "Card",
-      paymentMethodData: { billingDetails: toBillingDetails(billing) }
-    });
+    assertNativeLeaseFree();
+    const { setupIntent, error } = await nativeSdkCall(
+      () => (0, import_stripe_react_native2.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;
@@ -24869,10 +25171,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 (0, import_stripe_react_native2.confirmPayment)(clientSecret, {
-      paymentMethodType: "Card",
-      paymentMethodData: { paymentMethodId }
-    });
+    assertNativeLeaseFree();
+    const { error } = await nativeSdkCall(
+      () => (0, import_stripe_react_native2.confirmPayment)(clientSecret, {
+        paymentMethodType: "Card",
+        paymentMethodData: { paymentMethodId }
+      })
+    );
     if (error) throw stripeFailure(error, "Payment failed");
   }
 });
@@ -24882,11 +25187,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] = (0, import_react46.useState)(
+    () => opts.paymentSheet ? { ...opts.paymentSheet } : void 0
+  );
+  const [sheetScheme] = (0, import_react46.useState)(() => {
+    var _a3;
+    return (_a3 = opts.options) == null ? void 0 : _a3.urlScheme;
+  });
+  const [sheet] = (0, import_react46.useState)(
+    () => 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
 var import_react_native_mmkv = require("react-native-mmkv");
@@ -24923,7 +25278,7 @@ var configureCheckout = (config) => configure({
 });
 
 // src/ui/Field.tsx
-var import_react46 = require("react");
+var import_react47 = require("react");
 var import_react_native6 = require("react-native");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var Field = ({ label, error, required, children }) => {
@@ -24954,7 +25309,7 @@ var Input = ({
   const editable = editableProp && !frozen;
   const theme = useTheme();
   const s9 = useFieldStyles(theme);
-  const [focused, setFocused] = (0, import_react46.useState)(false);
+  const [focused, setFocused] = (0, import_react47.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     import_react_native6.TextInput,
     {
@@ -25011,7 +25366,7 @@ var Checkbox = ({ checked, onChange, label, invalid: invalid3 = false }) => {
     }
   );
 };
-var useFieldStyles = (theme) => (0, import_react46.useMemo)(
+var useFieldStyles = (theme) => (0, import_react47.useMemo)(
   () => import_react_native6.StyleSheet.create({
     field: { gap: 6 },
     label: {
@@ -25061,7 +25416,7 @@ var useFieldStyles = (theme) => (0, import_react46.useMemo)(
 );
 
 // src/ui/Select.tsx
-var import_react47 = require("react");
+var import_react48 = require("react");
 var import_react_native7 = require("react-native");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 function Select({
@@ -25076,7 +25431,18 @@ function Select({
   const disabled = disabledProp || frozen;
   const theme = useTheme();
   const s9 = useSelectStyles(theme);
-  const [open, setOpen] = (0, import_react47.useState)(false);
+  const [open, setOpen] = (0, import_react48.useState)(false);
+  const interaction = (0, import_react48.useRef)({ disabled, open: false, revision: 0 });
+  interaction.current.disabled = disabled;
+  const revision = interaction.current.revision;
+  const close = (0, import_react48.useCallback)(() => {
+    interaction.current.open = false;
+    interaction.current.revision += 1;
+    setOpen(false);
+  }, []);
+  (0, import_react48.useEffect)(() => {
+    if (disabled && interaction.current.open) close();
+  }, [disabled, close]);
   const selected = options.find((o) => o.value === value6);
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
@@ -25084,7 +25450,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__ */ (0, import_jsx_runtime8.jsx)(import_react_native7.Text, { style: [s9.value, !selected && s9.placeholder], numberOfLines: 1, children: selected ? selected.label : placeholder }),
@@ -25095,11 +25466,11 @@ function Select({
     /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       import_react_native7.Modal,
       {
-        visible: open,
+        visible: open && !disabled,
         transparent: true,
         animationType: "fade",
-        onRequestClose: () => setOpen(false),
-        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native7.Pressable, { style: s9.backdrop, onPress: () => setOpen(false), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native7.Pressable, { style: s9.sheet, onPress: () => {
+        onRequestClose: close,
+        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native7.Pressable, { style: s9.backdrop, onPress: close, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native7.Pressable, { style: s9.sheet, onPress: () => {
         }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           import_react_native7.FlatList,
           {
@@ -25112,9 +25483,13 @@ function Select({
                 import_react_native7.Pressable,
                 {
                   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__ */ (0, import_jsx_runtime8.jsx)(import_react_native7.Text, { style: [s9.optionLabel, isSelected && s9.optionLabelSelected], children: item.label }),
@@ -25130,7 +25505,7 @@ function Select({
     )
   ] });
 }
-var useSelectStyles = (theme) => (0, import_react47.useMemo)(
+var useSelectStyles = (theme) => (0, import_react48.useMemo)(
   () => import_react_native7.StyleSheet.create({
     control: {
       flexDirection: "row",
@@ -25191,7 +25566,7 @@ var useSelectStyles = (theme) => (0, import_react47.useMemo)(
 );
 
 // src/ui/QuantitySelect.tsx
-var import_react48 = require("react");
+var import_react49 = require("react");
 var import_react_native8 = require("react-native");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var QuantitySelect = ({
@@ -25262,7 +25637,7 @@ var QuantitySelect = ({
     }
   );
 };
-var useQuantityStyles = (theme) => (0, import_react48.useMemo)(
+var useQuantityStyles = (theme) => (0, import_react49.useMemo)(
   () => import_react_native8.StyleSheet.create({
     stepper: { flexDirection: "row", alignItems: "center", gap: 14 },
     btn: {
@@ -25290,7 +25665,7 @@ var useQuantityStyles = (theme) => (0, import_react48.useMemo)(
 );
 
 // src/ui/Timer.tsx
-var import_react49 = require("react");
+var import_react50 = require("react");
 var import_react_native9 = require("react-native");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var clock = (s9) => {
@@ -25309,7 +25684,7 @@ var Timer = ({ seconds: seconds2, urgentAt = 60, label }) => {
     /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native9.Text, { style: [s9.clock, urgent && s9.clockUrgent], children: clock(seconds2) })
   ] });
 };
-var useTimerStyles = (theme) => (0, import_react49.useMemo)(
+var useTimerStyles = (theme) => (0, import_react50.useMemo)(
   () => import_react_native9.StyleSheet.create({
     row: { flexDirection: "row", alignItems: "center", gap: 6 },
     label: {
@@ -25330,7 +25705,7 @@ var useTimerStyles = (theme) => (0, import_react49.useMemo)(
 );
 
 // src/ui/TimerBanner.tsx
-var import_react50 = require("react");
+var import_react51 = require("react");
 var import_react_native10 = require("react-native");
 var import_jsx_runtime11 = (
   // `accessibilityLiveRegion="polite"` is the RN analogue of the web
@@ -25349,7 +25724,7 @@ var TimerBanner = ({
 }) => {
   const theme = useTheme();
   const s9 = useBannerStyles(theme);
-  const [dismissed, setDismissed] = (0, import_react50.useState)(false);
+  const [dismissed, setDismissed] = (0, import_react51.useState)(false);
   if (seconds2 === void 0 || seconds2 <= 0 || dismissed) return null;
   const urgent = seconds2 <= urgentAt;
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react_native10.View, { accessibilityLiveRegion: "polite", style: [s9.banner, urgent && s9.bannerUrgent], children: [
@@ -25368,7 +25743,7 @@ var TimerBanner = ({
     )
   ] });
 };
-var useBannerStyles = (theme) => (0, import_react50.useMemo)(
+var useBannerStyles = (theme) => (0, import_react51.useMemo)(
   () => import_react_native10.StyleSheet.create({
     banner: {
       flexDirection: "row",
@@ -25408,7 +25783,7 @@ var useBannerStyles = (theme) => (0, import_react50.useMemo)(
 );
 
 // src/ui/PaymentMethods.tsx
-var import_react51 = require("react");
+var import_react52 = require("react");
 var import_react_native11 = require("react-native");
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var EXTRA_LABEL = {
@@ -25487,7 +25862,7 @@ var PaymentMethods = ({
     ] }, option.value);
   }) });
 };
-var useStyles3 = (theme) => (0, import_react51.useMemo)(
+var useStyles3 = (theme) => (0, import_react52.useMemo)(
   () => import_react_native11.StyleSheet.create({
     list: { gap: 8 },
     row: {
@@ -25531,14 +25906,14 @@ var useStyles3 = (theme) => (0, import_react51.useMemo)(
 );
 
 // src/sections/Tickets.tsx
-var import_react52 = require("react");
+var import_react53 = require("react");
 var import_react_native12 = require("react-native");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var money = (sym, n) => `${sym} ${Number(n).toFixed(2)}`;
 var WaitingListForm = ({ ticket, onJoin }) => {
-  const [form, setForm] = (0, import_react52.useState)({ firstName: "", lastName: "", email: "" });
-  const [state, setState] = (0, import_react52.useState)("idle");
-  const [error, setError] = (0, import_react52.useState)("");
+  const [form, setForm] = (0, import_react53.useState)({ firstName: "", lastName: "", email: "" });
+  const [state, setState] = (0, import_react53.useState)("idle");
+  const [error, setError] = (0, import_react53.useState)("");
   const ok = Boolean(form.firstName.trim() && form.lastName.trim() && form.email.trim());
   if (state === "done")
     return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(MutedText, { children: "You\u2019re on the waiting list \u2014 we\u2019ll email you if a spot opens." });
@@ -25612,32 +25987,32 @@ 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] = (0, import_react52.useState)({});
-  const [slotDate, setSlotDate] = (0, import_react52.useState)("");
+  const [qty, setQty] = (0, import_react53.useState)({});
+  const [slotDate, setSlotDate] = (0, import_react53.useState)("");
   const eventInfo = hooks_exports.useEvent(eventId).data;
   const isTimeSlot = Boolean((timeSlotDates == null ? void 0 : timeSlotDates.length) || (eventInfo == null ? void 0 : eventInfo.isTimeSlotEvent));
-  const dates = (0, import_react52.useMemo)(
+  const dates = (0, import_react53.useMemo)(
     () => {
       var _a3;
       return (_a3 = timeSlotDates != null ? timeSlotDates : eventInfo == null ? void 0 : eventInfo.availableDates) != null ? _a3 : [];
     },
     [timeSlotDates, eventInfo == null ? void 0 : eventInfo.availableDates]
   );
-  (0, import_react52.useEffect)(() => {
+  (0, import_react53.useEffect)(() => {
     if (isTimeSlot && !slotDate && dates.length) setSlotDate(dates[0]);
   }, [isTimeSlot, slotDate, dates]);
   const slotQuery = hooks_exports.useTimeSlotTickets(eventId, isTimeSlot ? slotDate : void 0);
-  const tickets = (0, import_react52.useMemo)(
+  const tickets = (0, import_react53.useMemo)(
     () => {
       var _a3, _b2, _c2;
       return isTimeSlot ? (_a3 = slotQuery.data) != null ? _a3 : [] : (_c2 = (_b2 = ticketsQuery.data) == null ? void 0 : _b2.tickets) != null ? _c2 : [];
     },
     [isTimeSlot, slotQuery.data, (_d = ticketsQuery.data) == null ? void 0 : _d.tickets]
   );
-  const [error, setError] = (0, import_react52.useState)("");
-  const [code, setCode] = (0, import_react52.useState)("");
-  const [codeState, setCodeState] = (0, import_react52.useState)("idle");
-  const [promoOpen, setPromoOpen] = (0, import_react52.useState)(false);
+  const [error, setError] = (0, import_react53.useState)("");
+  const [code, setCode] = (0, import_react53.useState)("");
+  const [codeState, setCodeState] = (0, import_react53.useState)("idle");
+  const [promoOpen, setPromoOpen] = (0, import_react53.useState)(false);
   hooks_exports.useOnEventChange(eventId, () => {
     setQty({});
     setSlotDate("");
@@ -25645,10 +26020,10 @@ var Tickets = ({
     setPromoOpen(false);
     setError("");
   });
-  const [wlOpen, setWlOpen] = (0, import_react52.useState)({});
-  const [visibleDescription, setVisibleDescription] = (0, import_react52.useState)(null);
-  const attributionEvent = (0, import_react52.useRef)(null);
-  (0, import_react52.useEffect)(() => {
+  const [wlOpen, setWlOpen] = (0, import_react53.useState)({});
+  const [visibleDescription, setVisibleDescription] = (0, import_react53.useState)(null);
+  const attributionEvent = (0, import_react53.useRef)(null);
+  (0, import_react53.useEffect)(() => {
     var _a3;
     if (attributionEvent.current === eventId) return;
     attributionEvent.current = eventId;
@@ -25666,7 +26041,7 @@ var Tickets = ({
       });
     }
   }, [eventId, initialPromoCode, referrer, readAttributionFromUrl]);
-  (0, import_react52.useEffect)(() => {
+  (0, import_react53.useEffect)(() => {
     checkout.syncCurrency(eventId, void 0, { seed: true }).catch(() => void 0);
   }, [eventId]);
   const changeCurrency = (nextCode) => {
@@ -25677,8 +26052,8 @@ var Tickets = ({
       }
     }).catch(() => void 0);
   };
-  const originals = (0, import_react52.useRef)({});
-  (0, import_react52.useEffect)(() => {
+  const originals = (0, import_react53.useRef)({});
+  (0, import_react53.useEffect)(() => {
     for (const t of tickets)
       if (originals.current[t.id] == null) originals.current[t.id] = t.price;
   }, [tickets]);
@@ -25745,7 +26120,7 @@ var Tickets = ({
       /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Divider, {}),
       /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native12.Text, { style: s9.group, children: "Reserve tables" })
     ] }) : null;
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react52.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react53.Fragment, { children: [
       groupHeading,
       /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native12.View, { style: renderTicket ? void 0 : s9.rowWrap, children: [
         renderTicket ? renderTicket({
@@ -25864,7 +26239,7 @@ var Tickets = ({
       )
     ] }) : null,
     isTimeSlot && !slotQuery.isLoading && tickets.length === 0 && slotDate ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(MutedText, { children: "No sessions available on this date." }) : null,
-    isTimeSlot ? timeGroups.map((g) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react52.Fragment, { children: [
+    isTimeSlot ? timeGroups.map((g) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react53.Fragment, { children: [
       g.time ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native12.Text, { style: s9.slotTime, children: g.time }) : null,
       g.items.map(renderRow)
     ] }, g.time)) : tickets.map(renderRow),
@@ -25928,7 +26303,7 @@ var Tickets = ({
 var staticStyles = import_react_native12.StyleSheet.create({
   wlForm: { gap: 8 }
 });
-var useTicketStyles = (theme) => (0, import_react52.useMemo)(
+var useTicketStyles = (theme) => (0, import_react53.useMemo)(
   () => import_react_native12.StyleSheet.create({
     loading: { paddingVertical: 24, alignItems: "center" },
     selectBlock: { gap: 6 },
@@ -26067,7 +26442,7 @@ var useTicketStyles = (theme) => (0, import_react52.useMemo)(
 );
 
 // src/sections/SeatsIoMap.tsx
-var import_react53 = require("react");
+var import_react54 = require("react");
 var import_react_native13 = require("react-native");
 var import_react_native_webview2 = require("react-native-webview");
 var import_jsx_runtime14 = require("react/jsx-runtime");
@@ -26076,7 +26451,7 @@ var SeatsIoMap = ({ eventId, initial, onContinue }) => {
   const checkout = useCheckoutContext();
   const flow = hooks_exports.useSeatsIoSelection(eventId, checkout, initial, onContinue);
   const bundleStarting = hooks_exports.useBundleStarting(checkout.store);
-  const html = (0, import_react53.useMemo)(
+  const html = (0, import_react54.useMemo)(
     () => flow.data.chart ? seatsIoChartDocument(flow.data.chart, flow.nonce) : "",
     [flow.data.chart, flow.nonce]
   );
@@ -26162,7 +26537,7 @@ var SeatsIoMap = ({ eventId, initial, onContinue }) => {
 };
 
 // src/sections/SeatMap.tsx
-var import_react54 = require("react");
+var import_react55 = require("react");
 var import_react_native14 = require("react-native");
 var import_react_native_webview3 = require("react-native-webview");
 
@@ -26178,9 +26553,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 = (0, import_react54.useRef)(null);
-  const [rendererError, setRendererError] = (0, import_react54.useState)(false);
-  const [size, setSize] = (0, import_react54.useState)(320);
+  const webview = (0, import_react55.useRef)(null);
+  const [rendererError, setRendererError] = (0, import_react55.useState)(false);
+  const [size, setSize] = (0, import_react55.useState)(320);
   const properties = flow.chart.state === "ready" ? {
     seatData: flow.chart.data.seatData,
     statuses: flow.statuses,
@@ -26196,7 +26571,7 @@ var SeatMap = ({ eventId, onContinue }) => {
     predefinedSeats: flow.chart.data.predefinedSeats
   } : null;
   const chart = flow.chart.state === "ready" ? flow.chart.data : null;
-  const html = (0, import_react54.useMemo)(
+  const html = (0, import_react55.useMemo)(
     () => chart ? `<!doctype html><html><head><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1"><style>html,body,#seat-map{margin:0;width:100%;height:100%;overflow:hidden}body{background:#fff}${SEAT_MAP_CSS}</style></head><body><div id="seat-map"></div><script>${SEAT_MAP_SCRIPT.replace(/<\/script/gi, "<\\/script")}</script></body></html>` : "",
     [chart]
   );
@@ -26207,7 +26582,7 @@ var SeatMap = ({ eventId, onContinue }) => {
         `window.__tfSeatMapUpdate&&window.__tfSeatMapUpdate(${safeJson2(properties)});true;`
       );
   };
-  (0, import_react54.useEffect)(update, [properties && safeJson2(properties)]);
+  (0, import_react55.useEffect)(update, [properties && safeJson2(properties)]);
   if (flow.chart.state === "provider") return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SeatsIoMap, { eventId, initial: flow.chart.data, onContinue });
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(FrozenFields, { frozen: checkout.orderFixed, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Card, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SectionHeader, { title: "Select your seats" }),
@@ -26343,7 +26718,7 @@ var styles3 = import_react_native14.StyleSheet.create({
 });
 
 // src/sections/AddOns.tsx
-var import_react55 = require("react");
+var import_react56 = require("react");
 var import_react_native16 = require("react-native");
 
 // src/ui/CustomFields.tsx
@@ -26394,7 +26769,15 @@ var CustomFieldInput = ({
     case "textarea":
       return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Field, { label: field.label, required: field.required, error, children: [
         desc,
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Input, { value: asString(value6), onChangeText: onChange, invalid: invalid3 })
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          Input,
+          {
+            multiline: true,
+            value: asString(value6),
+            onChangeText: onChange,
+            invalid: invalid3
+          }
+        )
       ] });
     case "select":
     case "radio": {
@@ -26542,7 +26925,7 @@ var AddOns = ({
     /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native16.Text, { style: s9.subtitle, children: "PLEASE SELECT FROM THE OPTIONAL ADD-ONS BELOW" }),
     groups.map((g, gi) => {
       var _a3;
-      return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react55.Fragment, { children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react56.Fragment, { children: [
         g.heading ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native16.Text, { style: s9.group, children: g.heading }) : null,
         g.items.map((a) => {
           var _a4, _b2;
@@ -26607,7 +26990,7 @@ var AddOns = ({
     error || checkout.error ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ErrorText, { children: error || checkout.error }) : null
   ] }) });
 };
-var useAddonStyles = (theme) => (0, import_react55.useMemo)(
+var useAddonStyles = (theme) => (0, import_react56.useMemo)(
   () => import_react_native16.StyleSheet.create({
     head: { flexDirection: "row", alignItems: "center", flexWrap: "wrap", gap: 8 },
     eyebrow: {
@@ -26701,7 +27084,7 @@ var useAddonStyles = (theme) => (0, import_react55.useMemo)(
 );
 
 // src/sections/Bundles.tsx
-var import_react56 = require("react");
+var import_react57 = require("react");
 var import_react_native17 = require("react-native");
 var import_jsx_runtime18 = require("react/jsx-runtime");
 var money3 = (currency, amount2) => `${currency} ${amount2.toFixed(2)}`;
@@ -26952,7 +27335,7 @@ var Bundles = ({
     /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Button, { onPress: flow.continueToDetails, disabled: !anySelected, children: t("bundles.continue") })
   ] });
 };
-var useBundleStyles = (theme) => (0, import_react56.useMemo)(
+var useBundleStyles = (theme) => (0, import_react57.useMemo)(
   () => import_react_native17.StyleSheet.create({
     loader: { paddingVertical: 20, alignItems: "center" },
     heading: {
@@ -27005,7 +27388,7 @@ var useBundleStyles = (theme) => (0, import_react56.useMemo)(
 );
 
 // src/sections/BillingInfo.tsx
-var import_react59 = require("react");
+var import_react60 = require("react");
 var import_react_native22 = require("react-native");
 
 // src/sections/billing/BillingAddressFields.tsx
@@ -27113,11 +27496,11 @@ var styles4 = import_react_native18.StyleSheet.create({
 });
 
 // src/sections/billing/PhoneIdentity.tsx
-var import_react58 = require("react");
+var import_react59 = require("react");
 var import_react_native20 = require("react-native");
 
 // src/auth/TwoFactorForm.tsx
-var import_react57 = require("react");
+var import_react58 = require("react");
 var import_react_native19 = require("react-native");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var TwoFactorForm = ({
@@ -27130,7 +27513,7 @@ var TwoFactorForm = ({
   onSendSms,
   onCancel
 }) => {
-  const [code, setCode] = (0, import_react57.useState)("");
+  const [code, setCode] = (0, import_react58.useState)("");
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react_native19.View, { style: { gap: 14 }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(MutedText, { children: "Enter the six-digit code from your authenticator app or registered phone to complete sign-in." }),
     error ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ErrorText, { children: error }) : null,
@@ -27182,8 +27565,8 @@ var PhoneIdentity = ({
 }) => {
   var _a2;
   const identity = hooks_exports.useCheckoutPhoneIdentity(options);
-  const [code, setCode] = (0, import_react58.useState)("");
-  const [emailInstead, setEmailInstead] = (0, import_react58.useState)(false);
+  const [code, setCode] = (0, import_react59.useState)("");
+  const [emailInstead, setEmailInstead] = (0, import_react59.useState)(false);
   if (emailInstead) return null;
   if (identity.challenge)
     return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
@@ -27498,17 +27881,17 @@ var BillingInfo = ({
   const profile = hooks_exports.useCheckoutBuyerProfile(eventId);
   const event = hooks_exports.useEvent(eventId);
   const combined = !onContinue;
-  const [billing, setBilling] = (0, import_react59.useState)(
+  const [billing, setBilling] = (0, import_react60.useState)(
     () => billingDraftFrom(checkout.billing)
   );
-  const [dataCapture, setDataCapture] = (0, import_react59.useState)(
+  const [dataCapture, setDataCapture] = (0, import_react60.useState)(
     (_b = (_a2 = checkout.billing) == null ? void 0 : _a2.dataCapture) != null ? _b : {}
   );
-  const [holders, setHolders] = (0, import_react59.useState)(
+  const [holders, setHolders] = (0, import_react60.useState)(
     () => holderDraftsFrom(checkout.holders, checkout.backfilledHolderIndexes)
   );
-  const [consent, setConsent] = (0, import_react59.useState)({ ttfOptIn: false, brandOptIn: false });
-  const [dob, setDob] = (0, import_react59.useState)(() => billingDobIso(checkout.billing));
+  const [consent, setConsent] = (0, import_react60.useState)({ ttfOptIn: false, brandOptIn: false });
+  const [dob, setDob] = (0, import_react60.useState)(() => billingDobIso(checkout.billing));
   hooks_exports.useOnOrderReleased(checkout.orderFixed, () => {
     var _a3, _b2;
     setBilling(billingDraftFrom(checkout.billing));
@@ -27519,35 +27902,35 @@ var BillingInfo = ({
       (prev) => holderDraftsReloaded(prev, checkout.holders, checkout.backfilledHolderIndexes)
     );
   });
-  const restoredHolders = (0, import_react59.useRef)(checkout.holders);
+  const restoredHolders = (0, import_react60.useRef)(checkout.holders);
   hooks_exports.useOnEventChange(checkout.eventId, () => {
     restoredHolders.current = [];
     setHolders([]);
     setDataCapture({});
   });
-  const profileSeeded = (0, import_react59.useRef)(false);
-  const countryDefaultApplied = (0, import_react59.useRef)(Boolean((_c = checkout.billing) == null ? void 0 : _c.countryId));
+  const profileSeeded = (0, import_react60.useRef)(false);
+  const countryDefaultApplied = (0, import_react60.useRef)(Boolean((_c = checkout.billing) == null ? void 0 : _c.countryId));
   const {
     setBilling: commitBilling,
     setHolders: commitHolders,
     setConsent: commitConsent
   } = checkout;
   const gates = checkout.fieldGates;
-  const orderGroups = (0, import_react59.useMemo)(
+  const orderGroups = (0, import_react60.useMemo)(
     () => checkout.customFields.filter((g) => g.scope === "order"),
     [checkout.customFields]
   );
-  const ticketGroups = (0, import_react59.useMemo)(
+  const ticketGroups = (0, import_react60.useMemo)(
     () => checkout.customFields.filter((g) => g.scope === "ticket"),
     [checkout.customFields]
   );
-  const ticketFields = (0, import_react59.useMemo)(
+  const ticketFields = (0, import_react60.useMemo)(
     () => ticketGroups.flatMap((g) => g.fields),
     [ticketGroups]
   );
   const holderNamesRequired = checkout.holderNamesRequired || collectTicketHolders;
   const showHolders = holderNamesRequired || ticketFields.length > 0;
-  const slots = (0, import_react59.useMemo)(() => {
+  const slots = (0, import_react60.useMemo)(() => {
     var _a3, _b2;
     const out = [];
     const lines = (_b2 = (_a3 = checkout.breakdown) == null ? void 0 : _a3.tickets) != null ? _b2 : [];
@@ -27560,7 +27943,7 @@ var BillingInfo = ({
     }
     return out;
   }, [checkout.breakdown, checkout.selections]);
-  (0, import_react59.useEffect)(() => {
+  (0, import_react60.useEffect)(() => {
     const p = profile.data;
     if (!p || profileSeeded.current) return;
     profileSeeded.current = true;
@@ -27583,10 +27966,10 @@ var BillingInfo = ({
       return keys.every((k) => next[k] === prev[k]) ? prev : next;
     });
   }, [profile.data, checkout.isLoggedIn]);
-  (0, import_react59.useEffect)(() => {
+  (0, import_react60.useEffect)(() => {
     setHolders((prev) => holderDraftsForSlots(prev, slots, restoredHolders.current));
   }, [slots]);
-  (0, import_react59.useEffect)(() => {
+  (0, import_react60.useEffect)(() => {
     if (!showHolders) return;
     setHolders(
       (prev) => holderDraftsMirroringBuyer(prev, {
@@ -27597,7 +27980,7 @@ var BillingInfo = ({
       })
     );
   }, [showHolders, billing.firstName, billing.lastName, billing.email, billing.phone]);
-  (0, import_react59.useEffect)(() => {
+  (0, import_react60.useEffect)(() => {
     const email = billing.email.trim();
     if (checkout.isLoggedIn || !isEmail(email)) return;
     const t = setTimeout(
@@ -27611,18 +27994,18 @@ var BillingInfo = ({
   const countriesQuery = hooks_exports.useCountries({
     enabled: needsNationality || gates.showAddress
   });
-  const countries = (0, import_react59.useMemo)(() => {
+  const countries = (0, import_react60.useMemo)(() => {
     var _a3;
     return (_a3 = countriesQuery.data) != null ? _a3 : [];
   }, [countriesQuery.data]);
   const statesQuery = hooks_exports.useStates(billing.countryId, {
     enabled: Boolean(billing.countryId)
   });
-  const states = (0, import_react59.useMemo)(() => {
+  const states = (0, import_react60.useMemo)(() => {
     var _a3;
     return (_a3 = statesQuery.data) != null ? _a3 : [];
   }, [statesQuery.data]);
-  (0, import_react59.useEffect)(() => {
+  (0, import_react60.useEffect)(() => {
     var _a3, _b2, _c2, _d2;
     if (countryDefaultApplied.current || billing.countryId || countries.length === 0 || profile.isLoading || eventId && event.isLoading) {
       return;
@@ -27661,7 +28044,7 @@ var BillingInfo = ({
     event.isLoading,
     (_e = event.data) == null ? void 0 : _e.countryCode
   ]);
-  (0, import_react59.useEffect)(() => {
+  (0, import_react60.useEffect)(() => {
     var _a3;
     if (!billing.countryId) return;
     const country = countries.find(
@@ -27672,7 +28055,7 @@ var BillingInfo = ({
       setBilling((current5) => ({ ...current5, countryCode }));
     }
   }, [billing.countryId, billing.countryCode, countries]);
-  (0, import_react59.useEffect)(() => {
+  (0, import_react60.useEffect)(() => {
     if (!billing.stateId) return;
     const state = states.find(
       (candidate) => String(candidate.id) === String(billing.stateId)
@@ -27732,7 +28115,7 @@ var BillingInfo = ({
     });
     if (ttfOptInLabel || brandOptInLabel) commitConsent(consent);
   };
-  (0, import_react59.useEffect)(() => {
+  (0, import_react60.useEffect)(() => {
     if (combined) commit();
   }, [
     combined,
@@ -27929,7 +28312,7 @@ var BillingInfo = ({
           setBilling
         }
       ) : null,
-      orderGroups.map((g) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react59.Fragment, { children: [
+      orderGroups.map((g) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react60.Fragment, { children: [
         g.label ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native22.Text, { style: s9.sectionLabel, children: g.label }) : null,
         renderGroupFields(
           g,
@@ -28006,7 +28389,7 @@ var BillingInfo = ({
     showHolders ? continueButton : null
   ] });
 };
-var useStyles4 = (theme) => (0, import_react59.useMemo)(
+var useStyles4 = (theme) => (0, import_react60.useMemo)(
   () => import_react_native22.StyleSheet.create({
     loginRow: {
       flexDirection: "row",
@@ -28199,7 +28582,7 @@ var Accommodation = ({ eventId }) => {
 var styles7 = import_react_native24.StyleSheet.create({ room: { gap: 12, paddingVertical: 12 }, title: { fontSize: 16, fontWeight: "600" } });
 
 // src/sections/Payment.tsx
-var import_react60 = require("react");
+var import_react61 = require("react");
 var import_react_native25 = require("react-native");
 var import_stripe_react_native3 = require("@stripe/stripe-react-native");
 var import_jsx_runtime27 = require("react/jsx-runtime");
@@ -28253,14 +28636,14 @@ var Payment = ({
   const bundleWait = hooks_exports.useTicketGatewayWait(checkout.store);
   const bundleStarting = bundleWait !== null;
   const validation = useCheckoutValidation();
-  const [error, setError] = (0, import_react60.useState)("");
+  const [error, setError] = (0, import_react61.useState)("");
   const paymentMethods = hooks_exports.useCheckoutPaymentMethods(checkout.store);
   const methods = (_a2 = paymentMethods.data) != null ? _a2 : null;
-  const [selected, setSelected] = (0, import_react60.useState)("");
-  const [extras, setExtras] = (0, import_react60.useState)({});
-  const [useSavedCard, setUseSavedCard] = (0, import_react60.useState)(true);
-  const [nativeWalletSupported, setNativeWalletSupported] = (0, import_react60.useState)(false);
-  (0, import_react60.useEffect)(() => {
+  const [selected, setSelected] = (0, import_react61.useState)("");
+  const [extras, setExtras] = (0, import_react61.useState)({});
+  const [useSavedCard, setUseSavedCard] = (0, import_react61.useState)(true);
+  const [nativeWalletSupported, setNativeWalletSupported] = (0, import_react61.useState)(false);
+  (0, import_react61.useEffect)(() => {
     let mounted = true;
     const env = getConfig().env;
     (0, import_stripe_react_native3.isPlatformPaySupported)({ googlePay: { testEnv: env === "STAG" || env === "DEV" } }).then((supported) => {
@@ -28276,7 +28659,7 @@ var Payment = ({
   const isFree = bd !== void 0 && Number(bd.total) === 0;
   const isXendit = checkout.gateway === "xendit";
   const offersOxxo = stripeOffersOxxo(checkout.stripeElementsConfig);
-  const options = (0, import_react60.useMemo)(() => {
+  const options = (0, import_react61.useMemo)(() => {
     var _a3, _b2, _c2, _d2, _e2;
     if (isFree || !methods) return [];
     const out = [];
@@ -28333,7 +28716,7 @@ var Payment = ({
     nativeWalletSupported,
     offersOxxo
   ]);
-  (0, import_react60.useEffect)(() => {
+  (0, import_react61.useEffect)(() => {
     if (options.length && !options.some((o) => o.value === selected))
       setSelected(options[0].value);
   }, [options, selected]);
@@ -28343,7 +28726,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,
@@ -28405,14 +28791,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)
       )
@@ -28425,6 +28813,7 @@ var Payment = ({
       /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(MutedText, { children: createTranslator()("bundles.payingElsewhere") }),
       /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Button, { variant: "ghost", onPress: ticketCard.payHere, children: createTranslator()("bundles.payHere") })
     ] }) : showStripeCardField ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CardInput, { owner: cardOwner }) : null,
+    useStripeSheet && !isFree ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(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__ */ (0, import_jsx_runtime27.jsx)(MutedText, { children: "Card details are entered in a secure Xendit window when you pay." })
@@ -28503,17 +28892,17 @@ var Payment = ({
 };
 
 // src/sections/WaiverSigning.tsx
-var import_react62 = require("react");
+var import_react63 = require("react");
 var import_react_native27 = require("react-native");
 
 // src/ui/SignaturePad.tsx
-var import_react61 = require("react");
+var import_react62 = require("react");
 var import_react_native26 = require("react-native");
 var import_jsx_runtime28 = require("react/jsx-runtime");
 var LINE_WIDTH = 2.5;
 var PAD_HEIGHT = 160;
 var MIN_STEP = 1.5;
-var StrokeView = (0, import_react61.memo)(
+var StrokeView = (0, import_react62.memo)(
   ({ stroke }) => stroke.length === 1 ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     import_react_native26.View,
     {
@@ -28553,13 +28942,13 @@ var SignaturePad = ({
   disabled
 }) => {
   const theme = useTheme();
-  const strokesRef = (0, import_react61.useRef)([]);
-  const [, setFrame] = (0, import_react61.useState)(0);
-  const frameRequest = (0, import_react61.useRef)(null);
-  const size = (0, import_react61.useRef)({ width: 0, height: PAD_HEIGHT });
-  const report = (0, import_react61.useRef)(onChange);
+  const strokesRef = (0, import_react62.useRef)([]);
+  const [, setFrame] = (0, import_react62.useState)(0);
+  const frameRequest = (0, import_react62.useRef)(null);
+  const size = (0, import_react62.useRef)({ width: 0, height: PAD_HEIGHT });
+  const report = (0, import_react62.useRef)(onChange);
   report.current = onChange;
-  const disabledRef = (0, import_react61.useRef)(disabled);
+  const disabledRef = (0, import_react62.useRef)(disabled);
   disabledRef.current = disabled;
   const render = () => {
     if (frameRequest.current !== null) cancelAnimationFrame(frameRequest.current);
@@ -28570,7 +28959,7 @@ var SignaturePad = ({
     if (frameRequest.current !== null) return;
     frameRequest.current = requestAnimationFrame(render);
   };
-  (0, import_react61.useEffect)(
+  (0, import_react62.useEffect)(
     () => () => {
       if (frameRequest.current !== null) cancelAnimationFrame(frameRequest.current);
     },
@@ -28585,7 +28974,7 @@ var SignaturePad = ({
     });
     if (ended) report.current(ended.pngDataUrl, ended.inkLength);
   };
-  const responder = (0, import_react61.useMemo)(
+  const responder = (0, import_react62.useMemo)(
     () => import_react_native26.PanResponder.create({
       onStartShouldSetPanResponder: () => !disabledRef.current,
       onMoveShouldSetPanResponder: () => !disabledRef.current,
@@ -28697,8 +29086,8 @@ var WaiverSigning = ({
     checkout.setWaiverSignature,
     checkout.holdWaiverSigning
   );
-  const [open, setOpen] = (0, import_react62.useState)({});
-  const [reloading, setReloading] = (0, import_react62.useState)(false);
+  const [open, setOpen] = (0, import_react63.useState)({});
+  const [reloading, setReloading] = (0, import_react63.useState)(false);
   if ((_a2 = checkout.unavailableDetails) == null ? void 0 : _a2.includes("waiver")) {
     return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Card, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SectionHeader, { title: t("waivers.heading") }),
@@ -28792,17 +29181,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] = (0, import_react62.useState)(
+  const [heldDraft, setDraft] = (0, import_react63.useState)(
     () => emptyWaiverDraft(
       { firstName: ticket.holderFirstName, lastName: ticket.holderLastName },
       { signatureMethods: methods }
     )
   );
   const draft = draftWithAllowedMethod(heldDraft, methods);
-  const [problems, setProblems] = (0, import_react62.useState)([]);
-  const [pressed, setPressed] = (0, import_react62.useState)(false);
+  const [problems, setProblems] = (0, import_react63.useState)([]);
+  const [pressed, setPressed] = (0, import_react63.useState)(false);
   const frozen = busy || locked;
-  const draftRef = (0, import_react62.useRef)(draft);
+  const draftRef = (0, import_react63.useRef)(draft);
   draftRef.current = draft;
   const patch2 = (next) => {
     if (!frozen) setDraft((d) => ({ ...d, ...next }));
@@ -28956,7 +29345,7 @@ var TicketForm = ({ ticket, consentText, t, methods, busy, locked = false, error
     )
   ] });
 };
-var useWaiverStyles = (theme) => (0, import_react62.useMemo)(
+var useWaiverStyles = (theme) => (0, import_react63.useMemo)(
   () => import_react_native27.StyleSheet.create({
     muted: {
       color: theme.muted,
@@ -29001,7 +29390,7 @@ var useWaiverStyles = (theme) => (0, import_react62.useMemo)(
 );
 
 // src/sections/IDVerification.tsx
-var import_react63 = require("react");
+var import_react64 = require("react");
 var import_react_native28 = require("react-native");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 var MESSAGE = {
@@ -29016,8 +29405,8 @@ var IDVerification = () => {
   const checkout = useCheckoutContext();
   const theme = useTheme();
   const order = checkout.order;
-  const [phase, setPhase] = (0, import_react63.useState)("idle");
-  const [error, setError] = (0, import_react63.useState)("");
+  const [phase, setPhase] = (0, import_react64.useState)("idle");
+  const [error, setError] = (0, import_react64.useState)("");
   if (!(order == null ? void 0 : order.needIdVerification)) return null;
   const done = phase === "verified";
   const running = phase === "starting" || phase === "polling";
@@ -29044,7 +29433,7 @@ var IDVerification = () => {
 };
 
 // src/sections/Confirmation.tsx
-var import_react64 = require("react");
+var import_react65 = require("react");
 var import_react_native29 = require("react-native");
 var import_clipboard = __toESM(require("@react-native-clipboard/clipboard"));
 var import_jsx_runtime31 = require("react/jsx-runtime");
@@ -29058,7 +29447,7 @@ var Confirmation = ({
   const checkout = useCheckoutContext();
   const theme = useTheme();
   const order = checkout.order;
-  const [copied, setCopied] = (0, import_react64.useState)(false);
+  const [copied, setCopied] = (0, import_react65.useState)(false);
   if (!order) return null;
   const pending3 = order.pending;
   const url2 = shareUrl != null ? shareUrl : "";
@@ -29112,12 +29501,12 @@ var styles9 = import_react_native29.StyleSheet.create({
 });
 
 // src/sections/Rewards.tsx
-var import_react67 = require("react");
+var import_react68 = require("react");
 var import_react_native32 = require("react-native");
 var import_clipboard2 = __toESM(require("@react-native-clipboard/clipboard"));
 
 // src/sections/rewards/RewardsLadder.tsx
-var import_react65 = require("react");
+var import_react66 = require("react");
 var import_react_native30 = require("react-native");
 var import_jsx_runtime32 = require("react/jsx-runtime");
 var AWARD_STATUS_KEYS = {
@@ -29127,9 +29516,9 @@ var AWARD_STATUS_KEYS = {
   cancelled: "rewards.awards.cancelled"
 };
 var DeliveryDetails = ({ fields, translate: t, onSubmit }) => {
-  const [values2, setValues] = (0, import_react65.useState)({});
-  const [saving, setSaving] = (0, import_react65.useState)(false);
-  const [failure, setFailure] = (0, import_react65.useState)("");
+  const [values2, setValues] = (0, import_react66.useState)({});
+  const [saving, setSaving] = (0, import_react66.useState)(false);
+  const [failure, setFailure] = (0, import_react66.useState)("");
   return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_react_native30.View, { style: { gap: 10 }, children: [
     fields.map((field) => {
       var _a2;
@@ -29221,7 +29610,7 @@ var styles10 = import_react_native30.StyleSheet.create({
 });
 
 // src/sections/rewards/RewardsTree.tsx
-var import_react66 = require("react");
+var import_react67 = require("react");
 var import_react_native31 = require("react-native");
 var import_jsx_runtime33 = require("react/jsx-runtime");
 var MAX_NODES = 120;
@@ -29229,11 +29618,11 @@ var DOT = 10;
 var ROOT_DOT = 16;
 var RewardsTree = ({ tree, size = 260 }) => {
   const theme = useTheme();
-  const nodes = (0, import_react66.useMemo)(() => {
+  const nodes = (0, import_react67.useMemo)(() => {
     var _a2;
     return ((_a2 = tree == null ? void 0 : tree.nodes) != null ? _a2 : []).slice(0, MAX_NODES);
   }, [tree]);
-  const { layout, edges, rootId } = (0, import_react66.useMemo)(() => {
+  const { layout, edges, rootId } = (0, import_react67.useMemo)(() => {
     const root = treeRootId(nodes);
     const computed = computeRadialTreeLayout(nodes, root);
     return { layout: computed, edges: radialTreeEdges(nodes, computed), rootId: root };
@@ -29320,10 +29709,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] = (0, import_react67.useState)("");
-  const [packCode, setPackCode] = (0, import_react67.useState)("");
-  const [copied, setCopied] = (0, import_react67.useState)(false);
-  (0, import_react67.useEffect)(() => {
+  const [packName, setPackName] = (0, import_react68.useState)("");
+  const [packCode, setPackCode] = (0, import_react68.useState)("");
+  const [copied, setCopied] = (0, import_react68.useState)(false);
+  (0, import_react68.useEffect)(() => {
     setCopied(false);
   }, [rewards == null ? void 0 : rewards.share_link]);
   if (!rewards)
@@ -29511,7 +29900,7 @@ var styles12 = import_react_native32.StyleSheet.create({
 });
 
 // src/sections/TicketChange.tsx
-var import_react68 = require("react");
+var import_react69 = require("react");
 var import_react_native33 = require("react-native");
 var import_jsx_runtime35 = require("react/jsx-runtime");
 var TicketChange = ({
@@ -29721,7 +30110,7 @@ var TicketChange = ({
     flow.notice ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_native33.Text, { style: s9.muted, children: t(flow.notice) }) : null
   ] });
 };
-var useChangeStyles = (theme) => (0, import_react68.useMemo)(
+var useChangeStyles = (theme) => (0, import_react69.useMemo)(
   () => import_react_native33.StyleSheet.create({
     loader: { paddingVertical: 20, alignItems: "center" },
     muted: {
@@ -29817,17 +30206,17 @@ var Trips = ({
 };
 
 // src/sections/EventDiscussionView.tsx
-var import_react72 = require("react");
+var import_react73 = require("react");
 var import_react_native37 = require("react-native");
 
 // src/sections/discussion/CommentImages.tsx
-var import_react70 = require("react");
+var import_react71 = require("react");
 var import_react_native35 = require("react-native");
 
 // src/ui/useAccountT.ts
-var import_react69 = require("react");
+var import_react70 = require("react");
 var useAccountT = (locale) => {
-  const translate2 = (0, import_react69.useMemo)(
+  const translate2 = (0, import_react70.useMemo)(
     () => createTranslator({ locale: resolveLocale(locale) }),
     [locale]
   );
@@ -29891,8 +30280,8 @@ var CommentImages = ({
   const t = useAccountT(locale);
   const theme = useTheme();
   const white = [s.white, { fontFamily: theme.fontFamily }];
-  const [selected, setSelected] = (0, import_react70.useState)(null);
-  (0, import_react70.useEffect)(() => {
+  const [selected, setSelected] = (0, import_react71.useState)(null);
+  (0, import_react71.useEffect)(() => {
     if (selected === null) return;
     onPreviewChange(true);
     return () => onPreviewChange(false);
@@ -30148,7 +30537,7 @@ var s = import_react_native35.StyleSheet.create({
 });
 
 // src/sections/discussion/SwipeReply.tsx
-var import_react71 = require("react");
+var import_react72 = require("react");
 var import_react_native36 = require("react-native");
 var import_jsx_runtime38 = require("react/jsx-runtime");
 var SwipeReply = ({
@@ -30159,8 +30548,8 @@ var SwipeReply = ({
   children
 }) => {
   const theme = useTheme();
-  const offset = (0, import_react71.useRef)(new import_react_native36.Animated.Value(0)).current;
-  const gesture = (0, import_react71.useMemo)(() => {
+  const offset = (0, import_react72.useRef)(new import_react_native36.Animated.Value(0)).current;
+  const gesture = (0, import_react72.useMemo)(() => {
     const reset = () => import_react_native36.Animated.spring(offset, { toValue: 0, useNativeDriver: true }).start();
     return import_react_native36.PanResponder.create({
       onMoveShouldSetPanResponder: (_, value6) => enabled && value6.dx < -12 && Math.abs(value6.dx) > Math.abs(value6.dy) * 1.5,
@@ -30240,17 +30629,17 @@ var EventDiscussionBody = ({
   var _a2, _b, _c;
   const theme = useTheme();
   const t = useAccountT(locale);
-  const list2 = (0, import_react72.useRef)(null);
-  const firstContent = (0, import_react72.useRef)(true);
-  const [actions, setActions] = (0, import_react72.useState)(null);
-  const [reporting, setReporting] = (0, import_react72.useState)(null);
-  const [moderating, setModerating] = (0, import_react72.useState)(null);
-  const [reason, setReason] = (0, import_react72.useState)("");
-  const [blocksVisible, setBlocksVisible] = (0, import_react72.useState)(false);
-  const [pickerError, setPickerError] = (0, import_react72.useState)("");
-  const [imageOpen, setImageOpen] = (0, import_react72.useState)(false);
-  const [pickerBusy, setPickerBusy] = (0, import_react72.useState)(false);
-  const picking = (0, import_react72.useRef)(false);
+  const list2 = (0, import_react73.useRef)(null);
+  const firstContent = (0, import_react73.useRef)(true);
+  const [actions, setActions] = (0, import_react73.useState)(null);
+  const [reporting, setReporting] = (0, import_react73.useState)(null);
+  const [moderating, setModerating] = (0, import_react73.useState)(null);
+  const [reason, setReason] = (0, import_react73.useState)("");
+  const [blocksVisible, setBlocksVisible] = (0, import_react73.useState)(false);
+  const [pickerError, setPickerError] = (0, import_react73.useState)("");
+  const [imageOpen, setImageOpen] = (0, import_react73.useState)(false);
+  const [pickerBusy, setPickerBusy] = (0, import_react73.useState)(false);
+  const picking = (0, import_react73.useRef)(false);
   const text6 = { color: theme.text, fontFamily: theme.fontFamily };
   const muted = { color: theme.muted, fontFamily: theme.fontFamily };
   const closeActions = (work) => {
@@ -31264,7 +31653,7 @@ var styles13 = import_react_native42.StyleSheet.create({
 });
 
 // src/sections/Streaming.tsx
-var import_react73 = require("react");
+var import_react74 = require("react");
 var import_react_native43 = require("react-native");
 var import_jsx_runtime45 = require("react/jsx-runtime");
 var Streaming = (props) => {
@@ -31286,14 +31675,14 @@ var StreamingView = ({
   const defaultT = useAccountT(locale);
   const t = translate2 != null ? translate2 : defaultT;
   const inherited = useTheme();
-  const theme = (0, import_react73.useMemo)(
+  const theme = (0, import_react74.useMemo)(
     () => override ? resolveTheme({ ...inherited, ...override }) : inherited,
     [inherited, override]
   );
   const session = hooks_exports.useAuthSession();
   const assertOwner = hooks_exports.useSessionAction();
-  const pendingBrowser = (0, import_react73.useRef)({ scope: session.sessionScope, locked: false });
-  const [stored, setStored] = (0, import_react73.useState)({
+  const pendingBrowser = (0, import_react74.useRef)({ scope: session.sessionScope, locked: false });
+  const [stored, setStored] = (0, import_react74.useState)({
     scope: session.sessionScope,
     busy: false,
     error: ""
@@ -31456,7 +31845,7 @@ var s4 = import_react_native43.StyleSheet.create({
 });
 
 // src/sections/AccountDeletion.tsx
-var import_react74 = require("react");
+var import_react75 = require("react");
 var import_react_native44 = require("react-native");
 var import_jsx_runtime46 = require("react/jsx-runtime");
 var AccountDeletion = (props) => {
@@ -31479,7 +31868,7 @@ var AccountDeletionView = ({
   const defaultT = useAccountT(locale);
   const t = translate2 != null ? translate2 : defaultT;
   const inherited = useTheme();
-  const theme = (0, import_react74.useMemo)(
+  const theme = (0, import_react75.useMemo)(
     () => override ? resolveTheme({ ...inherited, ...override }) : inherited,
     [inherited, override]
   );
@@ -31708,7 +32097,7 @@ var s5 = import_react_native44.StyleSheet.create({
 });
 
 // src/sections/ProfileSettings.tsx
-var import_react75 = require("react");
+var import_react76 = require("react");
 var import_react_native45 = require("react-native");
 var import_jsx_runtime47 = require("react/jsx-runtime");
 var ProfileSettings = (props) => {
@@ -31732,7 +32121,7 @@ var ProfileSettingsView = ({
   const defaultT = useAccountT(locale);
   const t = translate2 != null ? translate2 : defaultT;
   const inherited = useTheme();
-  const theme = (0, import_react75.useMemo)(
+  const theme = (0, import_react76.useMemo)(
     () => override ? resolveTheme({ ...inherited, ...override }) : inherited,
     [inherited, override]
   );
@@ -31744,7 +32133,7 @@ var ProfileSettingsView = ({
     } catch (e) {
     }
   };
-  (0, import_react75.useEffect)(() => {
+  (0, import_react76.useEffect)(() => {
     if (flow.settings) flow.open(mode);
   }, [mode, flow.scopeKey, Boolean(flow.settings)]);
   const text6 = { color: theme.text, fontFamily: theme.fontFamily };
@@ -32249,7 +32638,7 @@ var AccountPaymentPlanSection = ({
 };
 
 // src/sections/NotificationPreferences.tsx
-var import_react76 = require("react");
+var import_react77 = require("react");
 var import_react_native48 = require("react-native");
 var import_jsx_runtime50 = require("react/jsx-runtime");
 var NotificationPreferences = (props) => {
@@ -32272,7 +32661,7 @@ var NotificationPreferencesView = ({
   const defaultT = useAccountT(locale);
   const t = translate2 != null ? translate2 : defaultT;
   const inherited = useTheme();
-  const theme = (0, import_react76.useMemo)(
+  const theme = (0, import_react77.useMemo)(
     () => override ? resolveTheme({ ...inherited, ...override }) : inherited,
     [inherited, override]
   );
@@ -32284,7 +32673,7 @@ var NotificationPreferencesView = ({
     } catch (e) {
     }
   };
-  (0, import_react76.useEffect)(() => {
+  (0, import_react77.useEffect)(() => {
     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]);
@@ -32449,15 +32838,15 @@ var s7 = import_react_native48.StyleSheet.create({
 var import_react_native54 = require("react-native");
 
 // src/auth/LoginForm.tsx
-var import_react78 = require("react");
+var import_react79 = require("react");
 var import_react_native50 = require("react-native");
 
 // src/auth/PasswordInput.tsx
-var import_react77 = require("react");
+var import_react78 = require("react");
 var import_react_native49 = require("react-native");
 var import_jsx_runtime51 = require("react/jsx-runtime");
 var PasswordInput = (props) => {
-  const [visible, setVisible] = (0, import_react77.useState)(false);
+  const [visible, setVisible] = (0, import_react78.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_react_native49.View, { style: styles14.wrap, children: [
     /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Input, { ...props, autoCapitalize: "none", secureTextEntry: !visible }),
     /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
@@ -32499,9 +32888,9 @@ var LoginForm = ({
   onFieldChange
 }) => {
   const theme = useTheme();
-  const [email, setEmail] = (0, import_react78.useState)(initialEmail);
-  const [password, setPassword] = (0, import_react78.useState)("");
-  (0, import_react78.useEffect)(() => {
+  const [email, setEmail] = (0, import_react79.useState)(initialEmail);
+  const [password, setPassword] = (0, import_react79.useState)("");
+  (0, import_react79.useEffect)(() => {
     if (initialEmail && !email) setEmail(initialEmail);
   }, [email, initialEmail]);
   const submit = () => void onSubmit({ email, password });
@@ -32553,7 +32942,7 @@ var styles15 = import_react_native50.StyleSheet.create({
 });
 
 // src/auth/EmailCodeForm.tsx
-var import_react79 = require("react");
+var import_react80 = require("react");
 var import_react_native51 = require("react-native");
 var import_jsx_runtime53 = require("react/jsx-runtime");
 var EmailCodeForm = ({
@@ -32568,8 +32957,8 @@ var EmailCodeForm = ({
   onVerify,
   onBack
 }) => {
-  const [email, setEmail] = (0, import_react79.useState)(initialEmail);
-  const [code, setCode] = (0, import_react79.useState)("");
+  const [email, setEmail] = (0, import_react80.useState)(initialEmail);
+  const [code, setCode] = (0, import_react80.useState)("");
   return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_react_native51.View, { style: { gap: 14 }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(MutedText, { children: sent ? `Enter the sign-in code sent to ${target}.` : "Receive a one-time sign-in code by email." }),
     error ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ErrorText, { children: error }) : null,
@@ -32625,7 +33014,7 @@ var EmailCodeForm = ({
 };
 
 // src/auth/ForgotPasswordForm.tsx
-var import_react80 = require("react");
+var import_react81 = require("react");
 var import_react_native52 = require("react-native");
 var import_jsx_runtime54 = require("react/jsx-runtime");
 var ForgotPasswordForm = ({
@@ -32639,8 +33028,8 @@ var ForgotPasswordForm = ({
   onFieldChange
 }) => {
   const theme = useTheme();
-  const [email, setEmail] = (0, import_react80.useState)(initialEmail);
-  (0, import_react80.useEffect)(() => {
+  const [email, setEmail] = (0, import_react81.useState)(initialEmail);
+  (0, import_react81.useEffect)(() => {
     if (initialEmail && !email) setEmail(initialEmail);
   }, [email, initialEmail]);
   const submit = () => void onSubmit(email);
@@ -32688,7 +33077,7 @@ var styles16 = import_react_native52.StyleSheet.create({
 });
 
 // src/auth/RegisterForm.tsx
-var import_react81 = require("react");
+var import_react82 = require("react");
 var import_react_native53 = require("react-native");
 var import_jsx_runtime55 = require("react/jsx-runtime");
 var emptyRegistration = (email) => ({
@@ -32717,30 +33106,30 @@ var RegisterForm = ({
   onFieldChange
 }) => {
   var _a2, _b, _c, _d, _e, _f;
-  const t = (0, import_react81.useMemo)(() => createTranslator({ locale }), [locale]);
-  const [values2, setValues] = (0, import_react81.useState)(
+  const t = (0, import_react82.useMemo)(() => createTranslator({ locale }), [locale]);
+  const [values2, setValues] = (0, import_react82.useState)(
     () => emptyRegistration(initialEmail)
   );
-  const [termsAccepted, setTermsAccepted] = (0, import_react81.useState)(false);
-  const [refreshingProof, setRefreshingProof] = (0, import_react81.useState)(false);
-  const [refreshCode, setRefreshCode] = (0, import_react81.useState)("");
+  const [termsAccepted, setTermsAccepted] = (0, import_react82.useState)(false);
+  const [refreshingProof, setRefreshingProof] = (0, import_react82.useState)(false);
+  const [refreshCode, setRefreshCode] = (0, import_react82.useState)("");
   const countriesQuery = hooks_exports.useCountries();
-  const countries = (0, import_react81.useMemo)(() => {
+  const countries = (0, import_react82.useMemo)(() => {
     var _a3;
     return (_a3 = countriesQuery.data) != null ? _a3 : [];
   }, [countriesQuery.data]);
   const statesQuery = hooks_exports.useStates(values2.countryId, {
     enabled: requireAddress && Boolean(values2.countryId)
   });
-  const states = (0, import_react81.useMemo)(() => {
+  const states = (0, import_react82.useMemo)(() => {
     var _a3;
     return (_a3 = statesQuery.data) != null ? _a3 : [];
   }, [statesQuery.data]);
-  (0, import_react81.useEffect)(() => {
+  (0, import_react82.useEffect)(() => {
     if (initialEmail && !values2.email)
       setValues((current5) => ({ ...current5, email: initialEmail }));
   }, [initialEmail, values2.email]);
-  (0, import_react81.useEffect)(() => {
+  (0, import_react82.useEffect)(() => {
     var _a3;
     if (!requireAddress || values2.countryId || countries.length === 0) return;
     const preferred = (_a3 = countries.find((country) => {
@@ -32761,11 +33150,11 @@ var RegisterForm = ({
     setValues((current5) => ({ ...current5, [field]: value6 }));
     onFieldChange == null ? void 0 : onFieldChange(field);
   };
-  const countryOptions = (0, import_react81.useMemo)(
+  const countryOptions = (0, import_react82.useMemo)(
     () => countries.map((country) => ({ label: country.name, value: String(country.id) })),
     [countries]
   );
-  const stateOptions = (0, import_react81.useMemo)(
+  const stateOptions = (0, import_react82.useMemo)(
     () => states.map((state) => ({ label: state.name, value: String(state.id) })),
     [states]
   );
@@ -33364,7 +33753,7 @@ function AccountEmailEnrichment({
 }
 
 // src/auth/AuthModal.tsx
-var import_react82 = require("react");
+var import_react83 = require("react");
 var import_react_native56 = require("react-native");
 var import_jsx_runtime58 = require("react/jsx-runtime");
 var Tab = ({
@@ -33399,7 +33788,7 @@ var CredentialAuthModal = ({
 }) => {
   const theme = useTheme();
   const t = useAccountT();
-  const closeAfterAuth = (0, import_react82.useCallback)(
+  const closeAfterAuth = (0, import_react83.useCallback)(
     (profile) => {
       onAuthenticated == null ? void 0 : onAuthenticated(profile);
       onClose();
@@ -33591,8 +33980,8 @@ var PhoneAccountModal = ({
     },
     onCancelled: onClose
   });
-  const prepared = (0, import_react82.useRef)(false);
-  (0, import_react82.useEffect)(() => {
+  const prepared = (0, import_react83.useRef)(false);
+  (0, import_react83.useEffect)(() => {
     if (prepared.current) return;
     prepared.current = true;
     if (initialEmail) flow.emailAuth.showLogin(initialEmail);
@@ -33682,7 +34071,7 @@ var styles18 = import_react_native56.StyleSheet.create({
 });
 
 // src/auth/ResetPasswordForm.tsx
-var import_react83 = require("react");
+var import_react84 = require("react");
 var import_react_native57 = require("react-native");
 var import_jsx_runtime59 = require("react/jsx-runtime");
 var ResetPasswordForm = ({
@@ -33691,11 +34080,11 @@ var ResetPasswordForm = ({
   onBackToLogin
 }) => {
   const theme = useTheme();
-  const [password, setPassword] = (0, import_react83.useState)("");
-  const [confirmation, setConfirmation] = (0, import_react83.useState)("");
-  const [submitted, setSubmitted] = (0, import_react83.useState)(false);
-  const [success, setSuccess] = (0, import_react83.useState)(false);
-  const validation = (0, import_react83.useMemo)(() => {
+  const [password, setPassword] = (0, import_react84.useState)("");
+  const [confirmation, setConfirmation] = (0, import_react84.useState)("");
+  const [submitted, setSubmitted] = (0, import_react84.useState)(false);
+  const [success, setSuccess] = (0, import_react84.useState)(false);
+  const validation = (0, import_react84.useMemo)(() => {
     if (!submitted)
       return {};
     return {
@@ -33754,7 +34143,7 @@ var styles19 = import_react_native57.StyleSheet.create({
 });
 
 // src/EmbeddedCheckout.tsx
-var import_react84 = require("react");
+var import_react85 = require("react");
 var import_react_native58 = require("react-native");
 var import_jsx_runtime60 = require("react/jsx-runtime");
 var Flow = ({
@@ -33782,13 +34171,13 @@ var Flow = ({
   var _a2;
   const checkout = useCheckoutContext();
   const theme = useTheme();
-  const [view, setView] = (0, import_react84.useState)(initialView);
-  const [selectionView, setSelectionView] = (0, import_react84.useState)(initialView);
-  const editedDetailsRef = (0, import_react84.useRef)(null);
-  const [authRequest, setAuthRequest] = (0, import_react84.useState)(
+  const [view, setView] = (0, import_react85.useState)(initialView);
+  const [selectionView, setSelectionView] = (0, import_react85.useState)(initialView);
+  const editedDetailsRef = (0, import_react85.useRef)(null);
+  const [authRequest, setAuthRequest] = (0, import_react85.useState)(
     null
   );
-  const [privacyAttempted, setPrivacyAttempted] = (0, import_react84.useState)(false);
+  const [privacyAttempted, setPrivacyAttempted] = (0, import_react85.useState)(false);
   const openBuiltInAuth = (email) => setAuthRequest((current5) => {
     var _a3;
     return { email, key: ((_a3 = current5 == null ? void 0 : current5.key) != null ? _a3 : 0) + 1 };
@@ -33801,7 +34190,7 @@ var Flow = ({
     orderFixed: checkout.orderFixed
   });
   const leaveAllowed = canLeavePayment(checkout);
-  (0, import_react84.useEffect)(() => {
+  (0, import_react85.useEffect)(() => {
     if (visibleView === view) return;
     if (visibleView === "checkout") setView("checkout");
     else {
@@ -33809,7 +34198,7 @@ var Flow = ({
       setSelectionView("tickets");
     }
   }, [view, visibleView]);
-  (0, import_react84.useEffect)(() => {
+  (0, import_react85.useEffect)(() => {
     onViewChange == null ? void 0 : onViewChange(visibleView);
   }, [onViewChange, visibleView]);
   const enterCheckout = (from) => {