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

package/dist/index.js

@@ -470,7 +470,9 @@ __export(index_exports, {
   socialProfileLinkInput: () => socialProfileLinkInput,
   socialProfileLinkUrl: () => socialProfileLinkUrl,
   startBundlePaymentWith: () => startBundlePaymentWith,
+  stripeElementsPaymentContext: () => stripeElementsPaymentContext,
   stripeOffersOxxo: () => stripeOffersOxxo,
+  stripeWalletPaymentContext: () => stripeWalletPaymentContext,
   subscribeAccountCreation: () => subscribeAccountCreation,
   syncCurrency: () => syncCurrency,
   syncCurrencyWith: () => syncCurrencyWith,
@@ -4693,6 +4695,8 @@ var INTENT_OUTCOMES = /* @__PURE__ */ new Map([
 ]);
 var paymentIntentOutcome = (status) => status && INTENT_OUTCOMES.get(status) || "unknown";
 var planUsesSavedCard = (last4, selected) => selected && typeof last4 === "string" && /^\d{4}$/.test(last4);
+var stripeElementsPaymentContext = (amountMinor, currency) => typeof amountMinor === "number" && Number.isSafeInteger(amountMinor) && amountMinor > 0 && typeof currency === "string" && /^[A-Z]{3}$/.test(currency) ? { amountMinor, currency } : void 0;
+var stripeWalletPaymentContext = (amount2, currency, merchantCountry) => typeof amount2 === "string" && /^(?:0|[1-9]\d*)(?:\.\d+)?$/.test(amount2) && Number.isFinite(Number(amount2)) && Number(amount2) > 0 && typeof currency === "string" && /^[A-Z]{3}$/.test(currency) && typeof merchantCountry === "string" && /^[A-Z]{2}$/.test(merchantCountry) ? { amount: amount2, currency, merchantCountry } : void 0;
 var DEFAULT_PLAN_TERMINOLOGY = "Payment Plan";
 var planTerminology = (plan) => {
   var _a2;
@@ -10323,27 +10327,36 @@ var mapTicket = (t) => {
     badgeText: badgeOf((_n = t.badgeText) != null ? _n : t.badge_text)
   };
 };
-var getEventDetails = async (eventId) => {
-  var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
+var getEventDetails = async (eventId, language = "en") => {
+  var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
   const body3 = await get(ENDPOINTS.events.info(eventId));
   const a = (_b = (_a2 = body3 == null ? void 0 : body3.data) == null ? void 0 : _a2.attributes) != null ? _b : {};
   const text6 = (value6) => typeof value6 === "string" && value6.trim() ? value6 : null;
+  const originals = a.imageURLs && typeof a.imageURLs === "object" && !Array.isArray(a.imageURLs) ? a.imageURLs : {};
+  const locale = language.replace(/_/g, "-").toLowerCase();
+  const localized = (_c = Object.entries(originals).find(
+    ([key5]) => key5.toLowerCase() === locale
+  )) == null ? void 0 : _c[1];
+  const base = (_d = Object.entries(originals).find(
+    ([key5]) => key5.toLowerCase() === locale.split("-")[0]
+  )) == null ? void 0 : _d[1];
+  const original = (_f = (_e = text6(localized)) != null ? _e : text6(base)) != null ? _f : text6(originals.en);
   const coordinate = (value6) => value6 !== null && value6 !== void 0 && value6 !== "" && Number.isFinite(Number(value6)) ? Number(value6) : null;
   const hidden = a.hideVenue === true || a.hideVenue === 1 || a.hideVenue === "yes";
   const hideDate = a.hideDate === true || a.hideDate === 1 || a.hideDate === "yes" || a.hideDate === "1";
   return {
-    id: String((_d = (_c = body3 == null ? void 0 : body3.data) == null ? void 0 : _c.id) != null ? _d : eventId),
-    name: String((_f = (_e = a.name) != null ? _e : a.title) != null ? _f : ""),
-    slug: String((_g = a.slug) != null ? _g : ""),
-    description: String((_h = a.description) != null ? _h : ""),
-    shortDescription: String((_i = a.shortDescription) != null ? _i : ""),
-    imageUrl: (_k = (_j = text6(a.imageUrlHd)) != null ? _j : text6(a.productImage)) != null ? _k : text6(a.imageUrl),
+    id: String((_h = (_g = body3 == null ? void 0 : body3.data) == null ? void 0 : _g.id) != null ? _h : eventId),
+    name: String((_j = (_i = a.name) != null ? _i : a.title) != null ? _j : ""),
+    slug: String((_k = a.slug) != null ? _k : ""),
+    description: String((_l = a.description) != null ? _l : ""),
+    shortDescription: String((_m = a.shortDescription) != null ? _m : ""),
+    imageUrl: (_o = (_n = original != null ? original : text6(a.imageUrlHd)) != null ? _n : text6(a.productImage)) != null ? _o : text6(a.imageUrl),
     hideDate,
-    startDate: hideDate ? null : (_l = text6(a.startDate)) != null ? _l : text6(a.date),
+    startDate: hideDate ? null : (_p = text6(a.startDate)) != null ? _p : text6(a.date),
     endDate: hideDate ? null : text6(a.endDate),
-    formattedDate: hideDate ? "Date TBC" : String((_m = a.formattedDate) != null ? _m : ""),
+    formattedDate: hideDate ? "Date TBC" : String((_q = a.formattedDate) != null ? _q : ""),
     timezone: text6(a.timezone),
-    currency: String((_n = a.currency) != null ? _n : ""),
+    currency: String((_r = a.currency) != null ? _r : ""),
     salesStart: text6(a.salesStart),
     salesEnd: text6(a.salesEnd),
     salesStarted: Boolean(a.salesStarted),
@@ -10973,6 +10986,10 @@ var getOrderReview = async (orderHash) => {
     clientSecret: (_e = method.stripe_client_secret) != null ? _e : null,
     publishableKey: (_f = method.stripe_publishable_key) != null ? _f : null,
     connectedAccount: method.stripe_connected_account || null,
+    stripeAmountMinor: Number.isSafeInteger(method.amount_minor) && method.amount_minor >= 0 ? method.amount_minor : void 0,
+    stripeWalletAmount: typeof method.stripe_wallet_amount === "string" ? method.stripe_wallet_amount : void 0,
+    stripeCurrency: typeof method.stripe_currency === "string" && /^[A-Z]{3}$/.test(method.stripe_currency) ? method.stripe_currency : void 0,
+    stripeMerchantCountry: typeof method.stripe_merchant_country === "string" && /^[A-Z]{2}$/.test(method.stripe_merchant_country) ? method.stripe_merchant_country : void 0,
     expiresInSeconds: Number.isFinite(rawExpiry) && rawExpiry > 0 ? rawExpiry : void 0,
     gateway: detectGateway(method),
     orderId: ((_g = a == null ? void 0 : a.order_details) == null ? void 0 : _g.id) != null ? String(a.order_details.id) : void 0,
@@ -12683,7 +12700,13 @@ var primeSeatsIoWith = (store, ctx, eventId, selection) => {
     currency: "",
     quantity: line.labels.length
   }));
-  return primeCore(store, ctx, eventId, selections, () => addSeatsIoToCart(eventId, selection));
+  return primeCore(
+    store,
+    ctx,
+    eventId,
+    selections,
+    () => addSeatsIoToCart(eventId, selection)
+  );
 };
 var resumeCartWith = async (store, ctx, eventId, options = {}) => {
   assertNotBusy(store);
@@ -12822,7 +12845,8 @@ var repriceWith = async (store, addOns) => {
       redirectPaymentMethods: pricing.redirectPaymentMethods,
       walletAvailability: pricing.walletAvailability,
       stripeElementsConfig: pricing.stripeElementsConfig,
-      ...pricing.stripe ? { stripe: pricing.stripe } : {}
+      stripe: pricing.stripe,
+      paymentStripe: void 0
     });
   } catch (e) {
     failForCart(store, cart, e);
@@ -12887,19 +12911,29 @@ var setExtraItemsWith = async (store, input) => {
     failForCart(store, cart, error);
   }
 };
-var orderStripeKeys = (review, stripe) => {
-  var _a2, _b, _c;
-  const publishableKey = (_a2 = review.publishableKey) != null ? _a2 : stripe == null ? void 0 : stripe.publishableKey;
-  if (!publishableKey) return null;
+var orderStripeKeys = (review) => {
+  var _a2;
+  if (!review.publishableKey) return null;
   return {
-    publishableKey,
-    accountId: (_c = (_b = review.connectedAccount) != null ? _b : stripe == null ? void 0 : stripe.accountId) != null ? _c : null
+    publishableKey: review.publishableKey,
+    accountId: (_a2 = review.connectedAccount) != null ? _a2 : null
   };
 };
-var PAYABLE_PRE_ORDER_GATEWAYS = ["stripe_payment_intents", "xendit", "razorpay", "adyen"];
-var NON_STRIPE_RAILS = ["paypal", "razorpay", "xenditCard", "xenditEWallet", "adyen"];
+var PAYABLE_PRE_ORDER_GATEWAYS = [
+  "stripe_payment_intents",
+  "xendit",
+  "razorpay",
+  "adyen"
+];
+var NON_STRIPE_RAILS = [
+  "paypal",
+  "razorpay",
+  "xenditCard",
+  "xenditEWallet",
+  "adyen"
+];
 var placeOrderWith = async (store, ctx, method = "card", steps = {}) => {
-  var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
+  var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w;
   const { ports, options } = ctx;
   const { confirmer } = ports;
   const initForCard = async (keys) => {
@@ -12927,7 +12961,7 @@ var placeOrderWith = async (store, ctx, method = "card", steps = {}) => {
     }
   }
   const snap = store.getState();
-  const { billing, holders, addOns, consent, stripe } = snap;
+  const { billing, holders, addOns, consent } = snap;
   if (((_d = (_c = snap.waiverSigningIndexes) == null ? void 0 : _c.length) != null ? _d : 0) > 0 && snap.status !== "placing") {
     store.setState({ status: "error", error: SIGNATURE_SAVING_MESSAGE });
     throw new Error(SIGNATURE_SAVING_MESSAGE);
@@ -13053,7 +13087,8 @@ var placeOrderWith = async (store, ctx, method = "card", steps = {}) => {
       if (!noMoney && sameCart(store, placingCart) && !nothingCharged(error)) {
         store.progress.paymentAttempted = true;
         if (attemptedStripe) store.progress.uncertainStripeAttempt = true;
-        if (attemptedStripeIntent) store.progress.uncertainStripeIntent = attemptedStripeIntent;
+        if (attemptedStripeIntent)
+          store.progress.uncertainStripeIntent = attemptedStripeIntent;
       }
       throw error;
     });
@@ -13121,8 +13156,12 @@ var placeOrderWith = async (store, ctx, method = "card", steps = {}) => {
         if (!displayTotal || !Number.isFinite(total) || session.currency !== displayTotal.currencyCode)
           throw new Error("Refresh your accommodation selection before paying.");
         if (Math.abs(total - displayTotal.total) > 5e-3) {
-          store.setState({ reviewedExtraOrderTotal: { total, currency: session.currency } });
-          throw new Error("The total has changed. Review the updated amount and press Pay again.");
+          store.setState({
+            reviewedExtraOrderTotal: { total, currency: session.currency }
+          });
+          throw new Error(
+            "The total has changed. Review the updated amount and press Pay again."
+          );
         }
       }
       const origin = getOriginUrl();
@@ -13130,10 +13169,14 @@ var placeOrderWith = async (store, ctx, method = "card", steps = {}) => {
       if (returnUrl.origin !== new URL(origin).origin)
         throw new Error("Unable to open your payment window. Please try again.");
       const inspectOriginal = prepareInspectAdyenCheckout(orderHash, session.capability);
-      await paying(ports.providerPage({
-        uri: adyenCheckoutPage(orderHash, session.capability),
-        returnUrlPrefix: returnUrl.href
-      }), false, true);
+      await paying(
+        ports.providerPage({
+          uri: adyenCheckoutPage(orderHash, session.capability),
+          returnUrlPrefix: returnUrl.href
+        }),
+        false,
+        true
+      );
       const state = await paying(inspectOriginal(), true, true);
       if (state.status === "completed" || state.status === "pending") {
         store.progress.paymentConfirmed = true;
@@ -13147,13 +13190,19 @@ var placeOrderWith = async (store, ctx, method = "card", steps = {}) => {
           state.status === "declined" ? "declined" : "cancelled"
         );
       }
-      throw new Error("Your payment needs another step. Open the payment window to continue.");
+      throw new Error(
+        "Your payment needs another step. Open the payment window to continue."
+      );
     }
     const finishOriginalOrder = prepareConfirmOrderSuccess(orderHash);
     const review = await forThisCart(getOrderReview(orderHash));
     const secretIntentId = paymentIntentIdFromClientSecret(review.clientSecret);
     const reviewIntentId = review.stripeIntentId || secretIntentId;
-    const currentStripeIntent = review.gateway === "stripe" && reviewIntentId && (!review.clientSecret || secretIntentId === reviewIntentId) && review.publishableKey ? { id: reviewIntentId, account: cleanAccountId(review.connectedAccount) || "", key: review.publishableKey } : void 0;
+    const currentStripeIntent = review.gateway === "stripe" && reviewIntentId && (!review.clientSecret || secretIntentId === reviewIntentId) && review.publishableKey ? {
+      id: reviewIntentId,
+      account: cleanAccountId(review.connectedAccount) || "",
+      key: review.publishableKey
+    } : void 0;
     const uncertainStripeIntent = store.progress.uncertainStripeIntent;
     if (store.progress.paymentAttempted && store.progress.uncertainStripeAttempt && (!uncertainStripeIntent || !currentStripeIntent || currentStripeIntent.id !== uncertainStripeIntent.id || currentStripeIntent.account !== uncertainStripeIntent.account || currentStripeIntent.key !== uncertainStripeIntent.key)) {
       throw new Error(PAYMENT_UNCONFIRMED_MESSAGE);
@@ -13210,15 +13259,22 @@ var placeOrderWith = async (store, ctx, method = "card", steps = {}) => {
     const placedHash = orderHash;
     const failClosedPage = async (outcome, pageStartsPayment = false) => {
       if (pageStartsPayment && outcome.event === "failed" && outcome.notOpened === true) {
-        throw paymentProviderError(outcome.description || "The payment page could not be opened.", "cancelled");
+        throw paymentProviderError(
+          outcome.description || "The payment page could not be opened.",
+          "cancelled"
+        );
       }
       if (request2.method === "razorpay" && outcome.event === "failed" && outcome.paymentOutcome === "declined") {
-        throw paymentProviderError(outcome.description || "Your payment was declined.", "declined");
+        throw paymentProviderError(
+          outcome.description || "Your payment was declined.",
+          "declined"
+        );
       }
       assertSameCart();
       store.progress.paymentAttempted = true;
       if (attemptedStripe) store.progress.uncertainStripeAttempt = true;
-      if (attemptedStripeIntent) store.progress.uncertainStripeIntent = attemptedStripeIntent;
+      if (attemptedStripeIntent)
+        store.progress.uncertainStripeIntent = attemptedStripeIntent;
       await forThisCart(getOrderReview(placedHash)).catch((e) => {
         if (e instanceof CartChangedError) throw e;
         return null;
@@ -13226,7 +13282,7 @@ var placeOrderWith = async (store, ctx, method = "card", steps = {}) => {
       throw new Error(PAYMENT_UNCONFIRMED_MESSAGE);
     };
     if (!store.progress.paymentConfirmed) {
-      const orderKeys = NON_STRIPE_RAILS.includes(request2.method) ? null : orderStripeKeys(review, stripe);
+      const orderKeys = NON_STRIPE_RAILS.includes(request2.method) ? null : orderStripeKeys(review);
       let claimOwnCard = () => void 0;
       if (orderKeys) {
         store.setState({ paymentStripe: orderKeys });
@@ -13306,7 +13362,8 @@ var placeOrderWith = async (store, ctx, method = "card", steps = {}) => {
             returnUrlPrefix: `${origin}/store/order-complete`
           })
         );
-        if (sheet.event === "dismiss" || sheet.event === "failed") await failClosedPage(sheet, true);
+        if (sheet.event === "dismiss" || sheet.event === "failed")
+          await failClosedPage(sheet, true);
         store.progress.paymentConfirmed = true;
         try {
           const { needIdVerification: needIdVerification2 } = await paying(confirmOrderSuccess(orderHash));
@@ -13338,7 +13395,8 @@ var placeOrderWith = async (store, ctx, method = "card", steps = {}) => {
             returnUrlPrefix: `${getOriginUrl()}/store/order-complete`
           })
         );
-        if (sheet.event === "dismiss" || sheet.event === "failed") await failClosedPage(sheet, true);
+        if (sheet.event === "dismiss" || sheet.event === "failed")
+          await failClosedPage(sheet, true);
         store.progress.paymentConfirmed = true;
         const paymentId = typeof ((_k = sheet.data) == null ? void 0 : _k.razorpay_payment_id) === "string" ? sheet.data.razorpay_payment_id : void 0;
         const { needIdVerification: needIdVerification2 } = await paying(
@@ -13457,7 +13515,8 @@ var placeOrderWith = async (store, ctx, method = "card", steps = {}) => {
             returnUrlPrefix: `${getOriginUrl()}/store/order-complete`
           })
         );
-        if (sheet.event === "dismiss" || sheet.event === "failed") await failClosedPage(sheet);
+        if (sheet.event === "dismiss" || sheet.event === "failed")
+          await failClosedPage(sheet);
         store.progress.paymentConfirmed = true;
       } else if (request2.method === "redirect") {
         if (!ports.providerPage || !ports.createRedirectPaymentMethod) {
@@ -13495,7 +13554,8 @@ var placeOrderWith = async (store, ctx, method = "card", steps = {}) => {
               returnUrlPrefix: returnUrl
             })
           );
-          if (sheet.event === "dismiss" || sheet.event === "failed") await failClosedPage(sheet);
+          if (sheet.event === "dismiss" || sheet.event === "failed")
+            await failClosedPage(sheet);
           const redirectStatus = (_u = /[?&]redirect_status=([^&#]+)/.exec(
             sheet.returnUrl || ""
           )) == null ? void 0 : _u[1];
@@ -13570,16 +13630,27 @@ var placeOrderWith = async (store, ctx, method = "card", steps = {}) => {
             }
           }
           if (!confirmedViaInstallments) {
-            const currencyCode = (_x = (_w = (_v = snap.breakdown) == null ? void 0 : _v.currencyCode) != null ? _w : review.currency) != null ? _x : "";
+            const wallet = stripeWalletPaymentContext(
+              review.stripeWalletAmount,
+              review.stripeCurrency,
+              review.stripeMerchantCountry
+            );
+            const currencyCode = (_v = wallet == null ? void 0 : wallet.currency) != null ? _v : "";
+            const walletTotal = (_w = wallet == null ? void 0 : wallet.amount) != null ? _w : "";
+            if ((request2.method === "applePay" || request2.method === "googlePay") && !wallet) {
+              throw new Error(
+                "The order payment amount or currency is unavailable. Please refresh checkout."
+              );
+            }
             let status;
             if (request2.method === "applePay") {
               status = await paying(
                 confirmer.confirmApplePay(
                   review.clientSecret,
-                  review.total,
+                  walletTotal,
                   currencyCode,
                   {
-                    merchantCountryCode: options.merchantCountryCode,
+                    merchantCountryCode: wallet == null ? void 0 : wallet.merchantCountry,
                     merchantName: options.merchantName
                   }
                 ),
@@ -13591,10 +13662,10 @@ var placeOrderWith = async (store, ctx, method = "card", steps = {}) => {
               status = await paying(
                 confirmer.confirmGooglePay(
                   review.clientSecret,
-                  review.total,
+                  walletTotal,
                   currencyCode,
                   {
-                    merchantCountryCode: options.merchantCountryCode,
+                    merchantCountryCode: wallet == null ? void 0 : wallet.merchantCountry,
                     merchantName: options.merchantName,
                     testEnv: options.googlePayTestEnv
                   }
@@ -13603,6 +13674,16 @@ var placeOrderWith = async (store, ctx, method = "card", steps = {}) => {
                 true
               );
             } else {
+              if (confirmer.prepareCardPayment) {
+                await forThisCart(
+                  confirmer.prepareCardPayment(
+                    stripeElementsPaymentContext(
+                      review.stripeAmountMinor,
+                      review.stripeCurrency
+                    )
+                  )
+                );
+              }
               status = await paying(
                 confirmer.confirmCard(review.clientSecret, billing),
                 false,
@@ -24107,6 +24188,8 @@ var useStyles = (theme) => (0, import_react41.useMemo)(
     buttonDisabled: { opacity: 0.5 },
     buttonPressed: { opacity: 0.85 },
     buttonLabel: {
+      maxWidth: "100%",
+      textAlign: "center",
       color: theme.accentContrast,
       fontSize: theme.fontSize,
       fontWeight: "600",
@@ -24287,7 +24370,7 @@ var secureInitialUri = (uri) => {
   if (!/^https:\/\/[^/?#\s\\]+(?:[/?#][^\s\\]*)?$/i.test(uri)) return false;
   try {
     const url2 = new URL(uri);
-    return url2.protocol === "https:" && Boolean(url2.hostname) && !url2.username && !url2.password;
+    return url2 !== null && typeof url2 === "object" && "protocol" in url2 && url2.protocol === "https:" && "hostname" in url2 && typeof url2.hostname === "string" && Boolean(url2.hostname) && "username" in url2 && url2.username === "" && "password" in url2 && url2.password === "";
   } catch (e) {
     return false;
   }
@@ -24631,15 +24714,25 @@ var createRnStripeConfirmer = () => {
       return confirmedStripeIntentStatus(paymentIntent);
     },
     confirmApplePay: async (clientSecret, total, currencyCode, merchant) => {
-      var _a2, _b;
+      var _a2;
+      const context = stripeWalletPaymentContext(
+        total,
+        currencyCode,
+        merchant.merchantCountryCode
+      );
+      if (!context)
+        throw paymentProviderError(
+          "The order wallet details are unavailable.",
+          "notStarted"
+        );
       const { error, paymentIntent } = await (0, import_stripe_react_native2.confirmPlatformPayPayment)(clientSecret, {
         applePay: {
-          merchantCountryCode: (_a2 = merchant.merchantCountryCode) != null ? _a2 : "US",
-          currencyCode,
+          merchantCountryCode: context.merchantCountry,
+          currencyCode: context.currency,
           cartItems: [
             {
-              label: (_b = merchant.merchantName) != null ? _b : "Order",
-              amount: total,
+              label: (_a2 = merchant.merchantName) != null ? _a2 : "Order",
+              amount: context.amount,
               paymentType: import_stripe_react_native2.PlatformPay.PaymentType.Immediate
             }
           ]
@@ -24649,13 +24742,23 @@ var createRnStripeConfirmer = () => {
       return confirmedStripeIntentStatus(paymentIntent);
     },
     confirmGooglePay: async (clientSecret, total, currencyCode, merchant) => {
-      var _a2, _b;
+      var _a2;
+      const context = stripeWalletPaymentContext(
+        total,
+        currencyCode,
+        merchant.merchantCountryCode
+      );
+      if (!context)
+        throw paymentProviderError(
+          "The order wallet details are unavailable.",
+          "notStarted"
+        );
       const { error, paymentIntent } = await (0, import_stripe_react_native2.confirmPlatformPayPayment)(clientSecret, {
         googlePay: {
           testEnv: merchant.testEnv === true,
-          merchantCountryCode: (_a2 = merchant.merchantCountryCode) != null ? _a2 : "US",
-          currencyCode,
-          merchantName: (_b = merchant.merchantName) != null ? _b : "Order"
+          merchantCountryCode: context.merchantCountry,
+          currencyCode: context.currency,
+          merchantName: (_a2 = merchant.merchantName) != null ? _a2 : "Order"
         }
       });
       if (error) throw stripeFailure(error, "Google Pay failed.");
@@ -25163,9 +25266,10 @@ var useQuantityStyles = (theme) => (0, import_react48.useMemo)(
   () => import_react_native8.StyleSheet.create({
     stepper: { flexDirection: "row", alignItems: "center", gap: 14 },
     btn: {
-      width: 36,
-      height: 36,
-      borderRadius: 18,
+      minWidth: 44,
+      minHeight: 44,
+      padding: 10,
+      borderRadius: 22,
       borderWidth: import_react_native8.StyleSheet.hairlineWidth,
       borderColor: theme.border,
       alignItems: "center",
@@ -25662,6 +25766,7 @@ var Tickets = ({
                   import_react_native12.Pressable,
                   {
                     accessibilityRole: "button",
+                    style: s9.textAction,
                     onPress: () => setVisibleDescription((cur) => cur === t.id ? null : t.id),
                     children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native12.Text, { style: s9.infoToggle, children: visibleDescription === t.id ? "Hide info" : "View info" })
                   }
@@ -25708,6 +25813,7 @@ var Tickets = ({
           import_react_native12.Pressable,
           {
             accessibilityRole: "button",
+            style: s9.textAction,
             onPress: () => setWlOpen((w) => ({ ...w, [t.id]: true })),
             children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native12.Text, { style: s9.wlToggle, children: "Join the waiting list" })
           }
@@ -25762,7 +25868,15 @@ var Tickets = ({
       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),
-    showCodeInput ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native12.View, { style: s9.promo, children: !isAccess && !promoOpen ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native12.Pressable, { accessibilityRole: "button", onPress: () => setPromoOpen(true), children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native12.Text, { style: s9.promoToggle, children: "Got a promo code? Tap here" }) }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+    showCodeInput ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native12.View, { style: s9.promo, children: !isAccess && !promoOpen ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      import_react_native12.Pressable,
+      {
+        accessibilityRole: "button",
+        style: s9.textAction,
+        onPress: () => setPromoOpen(true),
+        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native12.Text, { style: s9.promoToggle, children: "Got a promo code? Tap here" })
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Field, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         Input,
         {
@@ -25838,10 +25952,25 @@ var useTicketStyles = (theme) => (0, import_react52.useMemo)(
       marginTop: 4,
       fontFamily: theme.fontFamily
     },
-    rowWrap: { gap: 8 },
-    row: { flexDirection: "row", alignItems: "flex-start", gap: 12 },
-    info: { flex: 1, gap: 4 },
-    nameRow: { flexDirection: "row", alignItems: "center", flexWrap: "wrap", gap: 8 },
+    rowWrap: { gap: 12 },
+    // Keep a readable text column; a narrow host moves controls to the next line.
+    row: {
+      flexDirection: "row",
+      flexWrap: "wrap",
+      alignItems: "flex-start",
+      gap: 16
+    },
+    info: { flexGrow: 1, flexShrink: 1, flexBasis: 220, gap: 8 },
+    nameRow: { gap: 4 },
+    textAction: {
+      alignSelf: "flex-start",
+      maxWidth: "100%",
+      minWidth: 44,
+      minHeight: 44,
+      paddingHorizontal: 8,
+      paddingVertical: 10,
+      justifyContent: "center"
+    },
     name: {
       color: theme.text,
       fontSize: theme.fontSize,
@@ -25858,7 +25987,7 @@ var useTicketStyles = (theme) => (0, import_react52.useMemo)(
       flexDirection: "row",
       alignItems: "center",
       flexWrap: "wrap",
-      gap: 6
+      gap: 8
     },
     oldPrice: {
       color: theme.muted,
@@ -25892,12 +26021,22 @@ var useTicketStyles = (theme) => (0, import_react52.useMemo)(
       fontFamily: theme.fontFamily
     },
     soldout: {
+      marginStart: "auto",
+      maxWidth: "100%",
       color: theme.muted,
       fontSize: theme.fontSize - 1,
       fontWeight: "600",
       fontFamily: theme.fontFamily
     },
-    qtyWrap: { flexDirection: "row", alignItems: "center", gap: 8 },
+    qtyWrap: {
+      flexDirection: "row",
+      flexWrap: "wrap",
+      maxWidth: "100%",
+      alignItems: "center",
+      justifyContent: "flex-end",
+      gap: 12,
+      marginStart: "auto"
+    },
     guests: {
       color: theme.muted,
       fontSize: theme.fontSize - 2,
@@ -25907,6 +26046,7 @@ var useTicketStyles = (theme) => (0, import_react52.useMemo)(
     description: {
       color: theme.muted,
       fontSize: theme.fontSize - 1,
+      lineHeight: theme.fontSize * 1.5,
       fontFamily: theme.fontFamily
     },
     wlToggle: {
@@ -26422,7 +26562,7 @@ var AddOns = ({
                 ] }),
                 desc ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native16.Text, { style: s9.desc, children: desc }) : null
               ] }),
-              soldOut(a) ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native16.Text, { style: s9.soldOut, children: "Sold out" }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native16.View, { style: s9.quantity, children: soldOut(a) ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native16.Text, { style: s9.soldOut, children: "Sold out" }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                 QuantitySelect,
                 {
                   value: n,
@@ -26430,7 +26570,7 @@ var AddOns = ({
                   max: max(a),
                   onChange: (v) => setQty((q) => ({ ...q, [a.id]: v }))
                 }
-              )
+              ) })
             ] }),
             n > 0 && group ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native16.View, { style: s9.fields, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
               CustomFieldGroupFields,
@@ -26485,7 +26625,14 @@ var useAddonStyles = (theme) => (0, import_react55.useMemo)(
       fontWeight: "700",
       fontFamily: theme.fontFamily
     },
-    skipBtn: { paddingHorizontal: 4, paddingVertical: 2 },
+    skipBtn: {
+      maxWidth: "100%",
+      minWidth: 44,
+      minHeight: 44,
+      paddingHorizontal: 8,
+      paddingVertical: 10,
+      justifyContent: "center"
+    },
     skip: {
       color: theme.accent,
       fontSize: theme.fontSize - 1,
@@ -26509,8 +26656,14 @@ var useAddonStyles = (theme) => (0, import_react55.useMemo)(
       fontFamily: theme.fontFamily
     },
     item: { gap: 10 },
-    row: { flexDirection: "row", alignItems: "flex-start", gap: 12 },
-    info: { flex: 1, gap: 2 },
+    row: {
+      flexDirection: "row",
+      flexWrap: "wrap",
+      alignItems: "flex-start",
+      gap: 16
+    },
+    info: { flexGrow: 1, flexShrink: 1, flexBasis: 220, gap: 8 },
+    quantity: { marginStart: "auto", maxWidth: "100%" },
     name: {
       color: theme.text,
       fontSize: theme.fontSize,
@@ -27629,7 +27782,15 @@ var BillingInfo = ({
       /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SectionHeader, { title: heading }),
       onLogin && !checkout.isLoggedIn ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_native22.View, { style: s9.loginRow, children: [
         /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native22.Text, { style: s9.note, children: "Login & skip ahead:" }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native22.Pressable, { onPress: () => onLogin(), children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native22.Text, { style: s9.link, children: "Login" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          import_react_native22.Pressable,
+          {
+            accessibilityRole: "button",
+            style: s9.loginAction,
+            onPress: () => onLogin(),
+            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native22.Text, { style: s9.link, children: "Login" })
+          }
+        )
       ] }) : null,
       gates.phoneFirstCheckout && !checkout.isLoggedIn ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         BillingPhoneIdentity,
@@ -27847,7 +28008,20 @@ var BillingInfo = ({
 };
 var useStyles4 = (theme) => (0, import_react59.useMemo)(
   () => import_react_native22.StyleSheet.create({
-    loginRow: { flexDirection: "row", alignItems: "center", gap: 8 },
+    loginRow: {
+      flexDirection: "row",
+      flexWrap: "wrap",
+      alignItems: "center",
+      gap: 12
+    },
+    loginAction: {
+      maxWidth: "100%",
+      minWidth: 44,
+      minHeight: 44,
+      paddingHorizontal: 8,
+      paddingVertical: 10,
+      justifyContent: "center"
+    },
     note: {
       color: theme.muted,
       fontSize: theme.fontSize - 1,
@@ -27872,8 +28046,8 @@ var useStyles4 = (theme) => (0, import_react59.useMemo)(
       fontSize: theme.fontSize - 1,
       fontFamily: theme.fontFamily
     },
-    row: { flexDirection: "row", gap: 10 },
-    col: { flex: 1 }
+    row: { flexDirection: "row", flexWrap: "wrap", gap: 12 },
+    col: { flexGrow: 1, flexShrink: 1, flexBasis: 180 }
   }),
   [theme]
 );