tf-checkout-react-native 2.0.0-beta.18 → 2.0.0-beta.19

package/dist/index.js

@@ -217,6 +217,7 @@ __export(index_exports, {
   bundleSubmitAction: () => bundleSubmitAction,
   bundleSubmitState: () => bundleSubmitState,
   bundlesFromCatalog: () => bundlesFromCatalog,
+  calendarTicketRows: () => calendarTicketRows,
   callHost: () => callHost,
   canLeavePayment: () => canLeavePayment,
   captureSessionAction: () => captureSessionAction,
@@ -225,6 +226,8 @@ __export(index_exports, {
   cardFormShouldPrepare: () => cardFormShouldPrepare,
   cartTicketCount: () => cartTicketCount,
   cartTicketSlots: () => cartTicketSlots,
+  catalogDate: () => catalogDate,
+  catalogQuantities: () => catalogQuantities,
   changeBillingEmail: () => changeBillingEmail,
   changeBillingField: () => changeBillingField,
   changeBillingPhone: () => changeBillingPhone,
@@ -2965,6 +2968,8 @@ var import_react_query18 = require("@tanstack/react-query");
 var import_react40 = require("react");
 var import_react41 = require("react");
 var import_react_query19 = require("@tanstack/react-query");
+var import_react_query20 = require("@tanstack/react-query");
+var import_react42 = require("react");
 var __defProp2 = Object.defineProperty;
 var __export2 = (target, all) => {
   for (var name in all)
@@ -9040,6 +9045,27 @@ var waitingListEntryFrom = (definition, draft) => {
     quantity
   };
 };
+var calendarTicketRows = (base, dated) => {
+  const ids = new Set(dated.map((ticket) => ticket.id));
+  return [
+    ...dated,
+    ...base.filter((ticket) => ticket.isRegularTicket === true && !ids.has(ticket.id))
+  ];
+};
+var catalogDate = (selected, dates) => {
+  var _a2;
+  return dates.includes(selected) ? selected : (_a2 = dates[0]) != null ? _a2 : "";
+};
+var catalogQuantities = (previous, tickets) => {
+  const next = {};
+  for (const ticket of tickets) {
+    const quantity = previous[ticket.id];
+    const range = ticketQuantityRange(ticket);
+    if (quantity > 0 && !ticket.soldOut && ticket.salesStarted && !ticket.salesEnded && quantity >= range.min && quantity <= range.max && quantity % range.step === 0)
+      next[ticket.id] = quantity;
+  }
+  return Object.keys(previous).length === Object.keys(next).length && Object.keys(next).every((id2) => previous[id2] === next[id2]) ? previous : next;
+};
 var initialSnapshot = () => ({
   status: "idle",
   selections: [],
@@ -10477,6 +10503,7 @@ var mapTicket = (t) => {
   var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
   return {
     id: String(t.id),
+    isRegularTicket: typeof t.isRegularTicket === "boolean" ? t.isRegularTicket : void 0,
     name: (_a2 = t.displayName) != null ? _a2 : "",
     groupName: (_c = (_b = t.groupName) != null ? _b : t.group_name) != null ? _c : null,
     optionName: (_d = t.optionName) != null ? _d : "",
@@ -10566,7 +10593,8 @@ var getEventInfo = async (eventId, pk) => {
   var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
   await sdkSeatSessionHeaders(eventId);
   const body3 = await get(ENDPOINTS.events.info(eventId), {
-    params: pk ? { pk } : void 0
+    params: pk ? { pk } : void 0,
+    tfCatalogContext: true
   });
   const attributes6 = (_b = (_a2 = body3 == null ? void 0 : body3.data) == null ? void 0 : _a2.attributes) != null ? _b : {};
   const a = attributes6;
@@ -10805,7 +10833,11 @@ var getEventBundles = async (eventId) => {
 };
 var submitPromoCode = async (eventId, promo) => {
   await sdkSeatSessionHeaders(eventId);
-  await post(ENDPOINTS.events.promo(eventId), { promo: promo.trim() });
+  await post(
+    ENDPOINTS.events.promo(eventId),
+    { promo: promo.trim() },
+    { tfCatalogContext: true }
+  );
 };
 var setEventCurrency = async (eventId, code, options) => {
   var _a2;
@@ -15364,6 +15396,7 @@ __export2(hooks_exports, {
   useSubmitPrizeDetails: () => useSubmitPrizeDetails,
   useTicketCardForm: () => useTicketCardForm,
   useTicketCardOwner: () => useTicketCardOwner,
+  useTicketCatalog: () => useTicketCatalog,
   useTicketChange: () => useTicketChange,
   useTicketChangeOptions: () => useTicketChangeOptions,
   useTicketGatewayWait: () => useTicketGatewayWait,
@@ -16314,7 +16347,7 @@ var useCatalogQuery = (options) => {
     } : queryFn
   });
 };
-var useEvent = (eventId, options) => useSessionQuery({
+var useEvent = (eventId, options) => useCatalogQuery({
   queryKey: ttfKeys.event(eventId != null ? eventId : ""),
   queryFn: () => ttf.events.info(eventId),
   enabled: Boolean(eventId),
@@ -21926,6 +21959,154 @@ var useAccountEmailEnrichment = (options = {}) => {
     }
   };
 };
+var EMPTY_DATES = [];
+var EMPTY_TICKETS = [];
+var useTicketCatalog = (eventId, explicitDates) => {
+  var _a2, _b, _c, _d;
+  const queryClient = (0, import_react_query20.useQueryClient)();
+  const account = (0, import_react42.useSyncExternalStore)(subscribeSession, getSessionCacheScope, () => 0);
+  const revision = (0, import_react42.useSyncExternalStore)(
+    subscribeSession,
+    getCatalogContextRevision,
+    () => 0
+  );
+  const assertOwner = (0, import_react42.useMemo)(captureSessionAction, [account]);
+  const actionSubject = JSON.stringify([eventId, account]);
+  const action = useLiveScope(actionSubject);
+  const subject = JSON.stringify([eventId, account, revision]);
+  const { live, instance: instance2 } = useLiveScope(subject);
+  const current5 = (0, import_react42.useCallback)(() => {
+    try {
+      assertOwner();
+      return revision === getCatalogContextRevision() && instance2 !== null && live.current() === instance2;
+    } catch (e) {
+      return false;
+    }
+  }, [assertOwner, revision, instance2, live]);
+  const capturePrimeContinuation = () => {
+    const pin = getCartPinRevision();
+    return () => {
+      try {
+        assertOwner();
+        if (action.instance === null || action.live.current() !== action.instance)
+          return false;
+        if (current5()) return true;
+        return getCartPinRevision() > pin && getCartGuestToken() !== null && getEffectiveGuestCarrier() === getCartGuestToken();
+      } catch (e) {
+        return false;
+      }
+    };
+  };
+  const [qty, updateQty] = useScopedState(subject, {});
+  const [slotDate, updateDate] = useScopedState(subject, "");
+  const [refreshing, setRefreshing] = useScopedState(subject, false);
+  const eventQuery = useEvent(eventId);
+  const ticketsQuery = useTicketsWithMeta(eventId);
+  const eventInfo = eventQuery.data;
+  const isTimeSlot = Boolean((explicitDates == null ? void 0 : explicitDates.length) || (eventInfo == null ? void 0 : eventInfo.isTimeSlotEvent));
+  const dates = (_a2 = explicitDates != null ? explicitDates : eventInfo == null ? void 0 : eventInfo.availableDates) != null ? _a2 : EMPTY_DATES;
+  const slotQuery = useTimeSlotTickets(eventId, isTimeSlot ? slotDate : void 0);
+  const { tickets, datedTickets, regularTickets } = (0, import_react42.useMemo)(() => {
+    var _a3, _b2, _c2;
+    if (!eventInfo && explicitDates === void 0)
+      return {
+        tickets: EMPTY_TICKETS,
+        datedTickets: EMPTY_TICKETS,
+        regularTickets: EMPTY_TICKETS
+      };
+    const base = (_b2 = (_a3 = ticketsQuery.data) == null ? void 0 : _a3.tickets) != null ? _b2 : EMPTY_TICKETS;
+    if (!isTimeSlot)
+      return { tickets: base, datedTickets: EMPTY_TICKETS, regularTickets: EMPTY_TICKETS };
+    const dated = (_c2 = slotQuery.data) != null ? _c2 : EMPTY_TICKETS;
+    const rows2 = calendarTicketRows(base, dated);
+    return {
+      tickets: rows2,
+      datedTickets: dated,
+      regularTickets: rows2.slice(dated.length)
+    };
+  }, [eventInfo, explicitDates, isTimeSlot, (_b = ticketsQuery.data) == null ? void 0 : _b.tickets, slotQuery.data]);
+  (0, import_react42.useEffect)(() => {
+    if (!current5()) return;
+    const next = isTimeSlot ? catalogDate(slotDate, dates) : "";
+    if (next !== slotDate) updateDate(next);
+    updateQty((previous) => catalogQuantities(previous, tickets));
+  }, [current5, isTimeSlot, slotDate, dates, tickets, updateDate, updateQty]);
+  const setQty = (0, import_react42.useCallback)(
+    (update) => {
+      if (current5()) updateQty(update);
+    },
+    [current5, updateQty]
+  );
+  const setSlotDate = (0, import_react42.useCallback)(
+    (date) => {
+      if (current5() && dates.includes(date)) updateDate(date);
+    },
+    [current5, dates, updateDate]
+  );
+  const { refetch: refetchInfo } = eventQuery;
+  const { refetch: refetchTickets } = ticketsQuery;
+  const refetchCatalog = (0, import_react42.useCallback)(async () => {
+    if (!current5()) return;
+    setRefreshing(true);
+    try {
+      await Promise.all([
+        refetchInfo({ throwOnError: true }),
+        refetchTickets({ throwOnError: true })
+      ]);
+      if (!current5()) return;
+      await queryClient.invalidateQueries(
+        {
+          predicate: (query) => {
+            const key5 = query.queryKey;
+            const prefix = [...ttfKeys.tickets(eventId), "slots"];
+            return prefix.every((part, index) => key5[index] === part) && key5.some(
+              (part) => !!part && typeof part === "object" && part.tfCatalogContext === revision
+            ) && key5.some(
+              (part) => !!part && typeof part === "object" && part.tfSessionScope === account
+            );
+          },
+          refetchType: "active"
+        },
+        { throwOnError: true }
+      );
+      if (!current5()) return;
+    } finally {
+      if (current5()) setRefreshing(false);
+    }
+  }, [
+    current5,
+    refetchInfo,
+    refetchTickets,
+    setRefreshing,
+    queryClient,
+    eventId,
+    revision,
+    account
+  ]);
+  return {
+    scope: subject,
+    capturePrimeContinuation,
+    attributionReady: !!eventInfo && !!ticketsQuery.data && !eventQuery.isFetching && !ticketsQuery.isFetching,
+    ticketsQuery,
+    eventInfo,
+    slotQuery,
+    tickets,
+    datedTickets,
+    regularTickets,
+    dates,
+    slotDate,
+    isTimeSlot,
+    setSlotDate,
+    qty,
+    setQty,
+    current: current5,
+    instance: instance2,
+    refetchCatalog,
+    busy: refreshing || eventQuery.isFetching || ticketsQuery.isFetching || isTimeSlot && !!slotDate && slotQuery.isFetching,
+    isLoading: eventQuery.isLoading || ticketsQuery.isLoading || isTimeSlot && !!slotDate && slotQuery.isLoading,
+    error: (_d = (_c = eventQuery.error) != null ? _c : ticketsQuery.error) != null ? _d : isTimeSlot ? slotQuery.error : null
+  };
+};
 var accountEn = {
   "account.add_an_email_address": "Add an email address",
   "account.email_address": "Email address",
@@ -24311,30 +24492,30 @@ var translateAccountMessage = (translate2, english, vars) => {
 };
 
 // src/useCheckout.ts
-var import_react48 = require("react");
+var import_react49 = require("react");
 
 // src/CardInput.tsx
-var import_react47 = require("react");
+var import_react48 = require("react");
 var import_react_native4 = require("react-native");
 var import_stripe_react_native = require("@stripe/stripe-react-native");
 
 // src/ui/CheckoutProvider.tsx
-var import_react46 = require("react");
-var import_react_query20 = require("@tanstack/react-query");
+var import_react47 = require("react");
+var import_react_query21 = require("@tanstack/react-query");
 
 // src/ui/InstallmentPicker.tsx
-var import_react44 = require("react");
+var import_react45 = require("react");
 var import_react_native2 = require("react-native");
 
 // src/ui/primitives.tsx
-var import_react43 = require("react");
+var import_react44 = require("react");
 var import_react_native = require("react-native");
 
 // src/ui/Frozen.tsx
-var import_react42 = require("react");
+var import_react43 = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
-var FrozenContext = (0, import_react42.createContext)(false);
-var useFrozen = () => (0, import_react42.useContext)(FrozenContext);
+var FrozenContext = (0, import_react43.createContext)(false);
+var useFrozen = () => (0, import_react43.useContext)(FrozenContext);
 var FrozenFields = ({
   frozen = false,
   children
@@ -24440,7 +24621,7 @@ var Button = ({
     }
   );
 };
-var useStyles = (theme) => (0, import_react43.useMemo)(
+var useStyles = (theme) => (0, import_react44.useMemo)(
   () => import_react_native.StyleSheet.create({
     card: {
       backgroundColor: theme.surface,
@@ -24507,9 +24688,9 @@ var useStyles = (theme) => (0, import_react43.useMemo)(
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var useInstallmentPicker = () => {
   var _a2;
-  const [pending3, setPending] = (0, import_react44.useState)(null);
-  const [choices] = (0, import_react44.useState)(() => createInstallmentChoices(setPending));
-  (0, import_react44.useEffect)(() => () => choices.cancel(), [choices]);
+  const [pending3, setPending] = (0, import_react45.useState)(null);
+  const [choices] = (0, import_react45.useState)(() => createInstallmentChoices(setPending));
+  (0, import_react45.useEffect)(() => () => choices.cancel(), [choices]);
   const onInstallmentOffers = choices.ask;
   const choose = (offer) => pending3 == null ? void 0 : pending3.choose(offer);
   const picker = /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
@@ -24564,7 +24745,7 @@ var InstallmentModal = ({ offers, onChoose, onClose }) => {
     }
   );
 };
-var useStyles2 = (theme) => (0, import_react44.useMemo)(
+var useStyles2 = (theme) => (0, import_react45.useMemo)(
   () => import_react_native2.StyleSheet.create({
     backdrop: {
       flex: 1,
@@ -24615,7 +24796,7 @@ var useStyles2 = (theme) => (0, import_react44.useMemo)(
 );
 
 // src/ui/ProviderPages.tsx
-var import_react45 = require("react");
+var import_react46 = require("react");
 var import_react_native3 = require("react-native");
 var import_react_native_webview = require("react-native-webview");
 
@@ -24688,10 +24869,10 @@ var externalInitialUri = (uri) => {
   );
 };
 var useProviderPages = () => {
-  const [pending3, setPending] = (0, import_react45.useState)(null);
-  const [pages] = (0, import_react45.useState)(() => createProviderPages(setPending));
-  (0, import_react45.useEffect)(() => () => pages.cancel(), [pages]);
-  (0, import_react45.useEffect)(() => {
+  const [pending3, setPending] = (0, import_react46.useState)(null);
+  const [pages] = (0, import_react46.useState)(() => createProviderPages(setPending));
+  (0, import_react46.useEffect)(() => () => pages.cancel(), [pages]);
+  (0, import_react46.useEffect)(() => {
     if (!pending3) return;
     const subscription = import_react_native3.Linking.addEventListener("url", ({ url: url2 }) => {
       if (providerPageMatchesReturn(url2, pending3.request.returnUrlPrefix))
@@ -24713,10 +24894,10 @@ var ProviderPage = ({
   const backdrop = resolveTheme({ colorScheme: theme.colorScheme }).background;
   const externalUri = pending3.request.uri && externalInitialUri(pending3.request.uri) ? pending3.request.uri : null;
   const sourceError = pending3.request.uri && !secureInitialUri(pending3.request.uri) && !externalUri ? "This payment page could not be opened securely." : "";
-  const [error, setError] = (0, import_react45.useState)("");
+  const [error, setError] = (0, import_react46.useState)("");
   const displayedError = sourceError || error;
-  const [reload, setReload] = (0, import_react45.useState)(0);
-  (0, import_react45.useEffect)(() => {
+  const [reload, setReload] = (0, import_react46.useState)(0);
+  (0, import_react46.useEffect)(() => {
     if (!externalUri) return;
     let active2 = true;
     void import_react_native3.Linking.openURL(externalUri).catch(() => {
@@ -24817,14 +24998,14 @@ var styles = import_react_native3.StyleSheet.create({
 
 // src/ui/CheckoutProvider.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
-var CheckoutCtx = (0, import_react46.createContext)(null);
-var ThemeCtx = (0, import_react46.createContext)(resolveTheme());
-var ImagePickerCtx = (0, import_react46.createContext)(void 0);
-var ValidationCtx = (0, import_react46.createContext)(null);
+var CheckoutCtx = (0, import_react47.createContext)(null);
+var ThemeCtx = (0, import_react47.createContext)(resolveTheme());
+var ImagePickerCtx = (0, import_react47.createContext)(void 0);
+var ValidationCtx = (0, import_react47.createContext)(null);
 var sharedQueryClient = null;
 var getQueryClient = () => {
   if (!sharedQueryClient) {
-    sharedQueryClient = new import_react_query20.QueryClient({
+    sharedQueryClient = new import_react_query21.QueryClient({
       defaultOptions: { queries: { retry: 1, staleTime: 6e4 } }
     });
   }
@@ -24834,18 +25015,18 @@ var CheckoutThemeProvider = ({
   theme,
   children
 }) => {
-  const resolved = (0, import_react46.useMemo)(() => resolveTheme(theme), [theme]);
+  const resolved = (0, import_react47.useMemo)(() => resolveTheme(theme), [theme]);
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ThemeCtx.Provider, { value: resolved, children });
 };
 var CheckoutRoot = ({ checkout, theme, pickImage, children }) => {
-  const inheritedPicker = (0, import_react46.useContext)(ImagePickerCtx);
-  const [attempt2, setAttempt] = (0, import_react46.useState)(0);
-  const requestValidation = (0, import_react46.useCallback)(() => setAttempt((n) => n + 1), []);
-  const validation = (0, import_react46.useMemo)(
+  const inheritedPicker = (0, import_react47.useContext)(ImagePickerCtx);
+  const [attempt2, setAttempt] = (0, import_react47.useState)(0);
+  const requestValidation = (0, import_react47.useCallback)(() => setAttempt((n) => n + 1), []);
+  const validation = (0, import_react47.useMemo)(
     () => ({ attempt: attempt2, requestValidation }),
     [attempt2, requestValidation]
   );
-  const resolved = (0, import_react46.useMemo)(() => resolveTheme(theme), [theme]);
+  const resolved = (0, import_react47.useMemo)(() => resolveTheme(theme), [theme]);
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CheckoutCtx.Provider, { value: checkout, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ThemeCtx.Provider, { value: resolved, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ImagePickerCtx.Provider, { value: pickImage != null ? pickImage : inheritedPicker, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ValidationCtx.Provider, { value: validation, children }) }) }) });
 };
 var SelfProvidedCheckout = ({
@@ -24876,20 +25057,20 @@ var CheckoutProvider = ({
   return (
     // `value` present ⇒ don't call `useCheckout()` (no second binding); absent ⇒
     // the self-providing branch owns it. The choice is static per mount.
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_query20.QueryClientProvider, { client: queryClient != null ? queryClient : getQueryClient(), children: value6 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CheckoutRoot, { checkout: value6, ...rest }, sessionKey) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SelfProvidedCheckout, { ...rest }, sessionKey) })
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_query21.QueryClientProvider, { client: queryClient != null ? queryClient : getQueryClient(), children: value6 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CheckoutRoot, { checkout: value6, ...rest }, sessionKey) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SelfProvidedCheckout, { ...rest }, sessionKey) })
   );
 };
 var useCheckoutContext = () => {
-  const ctx = (0, import_react46.useContext)(CheckoutCtx);
+  const ctx = (0, import_react47.useContext)(CheckoutCtx);
   if (!ctx) {
     throw new Error("useCheckoutContext must be used within <CheckoutProvider>.");
   }
   return ctx;
 };
-var useTheme = () => (0, import_react46.useContext)(ThemeCtx);
-var useCheckoutImagePicker = () => (0, import_react46.useContext)(ImagePickerCtx);
+var useTheme = () => (0, import_react47.useContext)(ThemeCtx);
+var useCheckoutImagePicker = () => (0, import_react47.useContext)(ImagePickerCtx);
 var useCheckoutValidation = () => {
-  const ctx = (0, import_react46.useContext)(ValidationCtx);
+  const ctx = (0, import_react47.useContext)(ValidationCtx);
   if (!ctx) {
     throw new Error("useCheckoutValidation must be used within <CheckoutProvider>.");
   }
@@ -24913,11 +25094,11 @@ var CardInput = ({
   visible = true
 }) => {
   const theme = useTheme();
-  const [attachment, setAttachment] = (0, import_react47.useState)(0);
-  const handleRef = (0, import_react47.useRef)(null);
-  const visibleRef = (0, import_react47.useRef)(visible);
+  const [attachment, setAttachment] = (0, import_react48.useState)(0);
+  const handleRef = (0, import_react48.useRef)(null);
+  const visibleRef = (0, import_react48.useRef)(visible);
   visibleRef.current = visible;
-  (0, import_react47.useEffect)(() => {
+  (0, import_react48.useEffect)(() => {
     const handle = cardFields.mount(
       owner,
       () => setAttachment((n) => n + 1),
@@ -24929,7 +25110,7 @@ var CardInput = ({
       handleRef.current = null;
     };
   }, [owner]);
-  (0, import_react47.useEffect)(() => {
+  (0, import_react48.useEffect)(() => {
     var _a2;
     (_a2 = handleRef.current) == null ? void 0 : _a2.setVisible(visible);
   }, [visible]);
@@ -25492,14 +25673,14 @@ var rnPorts = createRnPorts();
 // src/useCheckout.ts
 var useCheckout2 = (opts = {}) => {
   var _a2;
-  const [sheetConfig] = (0, import_react48.useState)(
+  const [sheetConfig] = (0, import_react49.useState)(
     () => opts.paymentSheet ? { ...opts.paymentSheet } : void 0
   );
-  const [sheetScheme] = (0, import_react48.useState)(() => {
+  const [sheetScheme] = (0, import_react49.useState)(() => {
     var _a3;
     return (_a3 = opts.options) == null ? void 0 : _a3.urlScheme;
   });
-  const [sheet] = (0, import_react48.useState)(
+  const [sheet] = (0, import_react49.useState)(
     () => sheetConfig ? rnConfirmer.createPaymentSheetSession(sheetConfig) : void 0
   );
   const nativePorts = { ...rnPorts, ...opts.ports };
@@ -25581,7 +25762,7 @@ var configureCheckout = (config) => configure({
 });
 
 // src/ui/Field.tsx
-var import_react49 = require("react");
+var import_react50 = require("react");
 var import_react_native6 = require("react-native");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var Field = ({ label, error, required, children }) => {
@@ -25612,7 +25793,7 @@ var Input = ({
   const editable = editableProp && !frozen;
   const theme = useTheme();
   const s9 = useFieldStyles(theme);
-  const [focused, setFocused] = (0, import_react49.useState)(false);
+  const [focused, setFocused] = (0, import_react50.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     import_react_native6.TextInput,
     {
@@ -25669,7 +25850,7 @@ var Checkbox = ({ checked, onChange, label, invalid: invalid3 = false }) => {
     }
   );
 };
-var useFieldStyles = (theme) => (0, import_react49.useMemo)(
+var useFieldStyles = (theme) => (0, import_react50.useMemo)(
   () => import_react_native6.StyleSheet.create({
     field: { gap: 6 },
     label: {
@@ -25719,7 +25900,7 @@ var useFieldStyles = (theme) => (0, import_react49.useMemo)(
 );
 
 // src/ui/Select.tsx
-var import_react50 = require("react");
+var import_react51 = require("react");
 var import_react_native7 = require("react-native");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 function Select({
@@ -25734,16 +25915,16 @@ function Select({
   const disabled = disabledProp || frozen;
   const theme = useTheme();
   const s9 = useSelectStyles(theme);
-  const [open, setOpen] = (0, import_react50.useState)(false);
-  const interaction = (0, import_react50.useRef)({ disabled, open: false, revision: 0 });
+  const [open, setOpen] = (0, import_react51.useState)(false);
+  const interaction = (0, import_react51.useRef)({ disabled, open: false, revision: 0 });
   interaction.current.disabled = disabled;
   const revision = interaction.current.revision;
-  const close = (0, import_react50.useCallback)(() => {
+  const close = (0, import_react51.useCallback)(() => {
     interaction.current.open = false;
     interaction.current.revision += 1;
     setOpen(false);
   }, []);
-  (0, import_react50.useEffect)(() => {
+  (0, import_react51.useEffect)(() => {
     if (disabled && interaction.current.open) close();
   }, [disabled, close]);
   const selected = options.find((o) => o.value === value6);
@@ -25808,7 +25989,7 @@ function Select({
     )
   ] });
 }
-var useSelectStyles = (theme) => (0, import_react50.useMemo)(
+var useSelectStyles = (theme) => (0, import_react51.useMemo)(
   () => import_react_native7.StyleSheet.create({
     control: {
       flexDirection: "row",
@@ -25869,7 +26050,7 @@ var useSelectStyles = (theme) => (0, import_react50.useMemo)(
 );
 
 // src/ui/QuantitySelect.tsx
-var import_react51 = require("react");
+var import_react52 = require("react");
 var import_react_native8 = require("react-native");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var QuantitySelect = ({
@@ -25940,7 +26121,7 @@ var QuantitySelect = ({
     }
   );
 };
-var useQuantityStyles = (theme) => (0, import_react51.useMemo)(
+var useQuantityStyles = (theme) => (0, import_react52.useMemo)(
   () => import_react_native8.StyleSheet.create({
     stepper: { flexDirection: "row", alignItems: "center", gap: 14 },
     btn: {
@@ -25968,7 +26149,7 @@ var useQuantityStyles = (theme) => (0, import_react51.useMemo)(
 );
 
 // src/ui/Timer.tsx
-var import_react52 = require("react");
+var import_react53 = require("react");
 var import_react_native9 = require("react-native");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var clock = (s9) => {
@@ -25987,7 +26168,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_react52.useMemo)(
+var useTimerStyles = (theme) => (0, import_react53.useMemo)(
   () => import_react_native9.StyleSheet.create({
     row: { flexDirection: "row", alignItems: "center", gap: 6 },
     label: {
@@ -26008,7 +26189,7 @@ var useTimerStyles = (theme) => (0, import_react52.useMemo)(
 );
 
 // src/ui/TimerBanner.tsx
-var import_react53 = require("react");
+var import_react54 = require("react");
 var import_react_native10 = require("react-native");
 var import_jsx_runtime11 = (
   // `accessibilityLiveRegion="polite"` is the RN analogue of the web
@@ -26027,7 +26208,7 @@ var TimerBanner = ({
 }) => {
   const theme = useTheme();
   const s9 = useBannerStyles(theme);
-  const [dismissed, setDismissed] = (0, import_react53.useState)(false);
+  const [dismissed, setDismissed] = (0, import_react54.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: [
@@ -26046,7 +26227,7 @@ var TimerBanner = ({
     )
   ] });
 };
-var useBannerStyles = (theme) => (0, import_react53.useMemo)(
+var useBannerStyles = (theme) => (0, import_react54.useMemo)(
   () => import_react_native10.StyleSheet.create({
     banner: {
       flexDirection: "row",
@@ -26086,7 +26267,7 @@ var useBannerStyles = (theme) => (0, import_react53.useMemo)(
 );
 
 // src/ui/PaymentMethods.tsx
-var import_react54 = require("react");
+var import_react55 = require("react");
 var import_react_native11 = require("react-native");
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var EXTRA_LABEL = {
@@ -26165,7 +26346,7 @@ var PaymentMethods = ({
     ] }, option.value);
   }) });
 };
-var useStyles3 = (theme) => (0, import_react54.useMemo)(
+var useStyles3 = (theme) => (0, import_react55.useMemo)(
   () => import_react_native11.StyleSheet.create({
     list: { gap: 8 },
     row: {
@@ -26209,7 +26390,7 @@ var useStyles3 = (theme) => (0, import_react54.useMemo)(
 );
 
 // src/ui/RichText.tsx
-var import_react55 = require("react");
+var import_react56 = require("react");
 var import_react_native12 = require("react-native");
 var import_react_native_render_html = __toESM(require("react-native-render-html"));
 var import_jsx_runtime13 = require("react/jsx-runtime");
@@ -26255,9 +26436,9 @@ var RichText = ({
   selectable = false
 }) => {
   const theme = useTheme();
-  const [width, setWidth] = (0, import_react55.useState)(0);
-  const source = (0, import_react55.useMemo)(() => ({ html }), [html]);
-  const baseStyle = (0, import_react55.useMemo)(
+  const [width, setWidth] = (0, import_react56.useState)(0);
+  const source = (0, import_react56.useMemo)(() => ({ html }), [html]);
+  const baseStyle = (0, import_react56.useMemo)(
     () => ({
       color: theme.muted,
       fontSize: theme.fontSize - 1,
@@ -26267,13 +26448,13 @@ var RichText = ({
     }),
     [theme.muted, theme.fontSize, theme.fontFamily, textStyle]
   );
-  const systemFonts = (0, import_react55.useMemo)(
+  const systemFonts = (0, import_react56.useMemo)(
     () => [
       .../* @__PURE__ */ new Set([...import_react_native_render_html.defaultSystemFonts, theme.fontFamily, textStyle == null ? void 0 : textStyle.fontFamily])
     ].filter((font) => typeof font === "string"),
     [theme.fontFamily, textStyle == null ? void 0 : textStyle.fontFamily]
   );
-  const tagsStyles = (0, import_react55.useMemo)(() => {
+  const tagsStyles = (0, import_react56.useMemo)(() => {
     var _a2;
     const defaults = {
       p: { marginTop: 0, marginBottom: 8 },
@@ -26310,7 +26491,7 @@ var RichText = ({
       defaults[tag] = { ...defaults[tag], ...style };
     return defaults;
   }, [theme.accent, theme.fontSize, baseStyle.fontSize, tagOverrides]);
-  const renderersProps = (0, import_react55.useMemo)(
+  const renderersProps = (0, import_react56.useMemo)(
     () => ({
       a: {
         onPress: (event, href) => {
@@ -26327,7 +26508,7 @@ var RichText = ({
     }),
     [onLinkPress]
   );
-  const defaultTextProps = (0, import_react55.useMemo)(() => ({ selectable }), [selectable]);
+  const defaultTextProps = (0, import_react56.useMemo)(() => ({ selectable }), [selectable]);
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     import_react_native12.View,
     {
@@ -26356,7 +26537,7 @@ var RichText = ({
 var styles3 = import_react_native12.StyleSheet.create({ container: { alignSelf: "stretch", minWidth: 0 } });
 
 // src/sections/Tickets.tsx
-var import_react56 = require("react");
+var import_react57 = require("react");
 var import_react_native14 = require("react-native");
 
 // src/ui/WaitingListForm.tsx
@@ -26498,7 +26679,20 @@ var Tickets = ({
   const checkout = useCheckoutContext();
   const theme = useTheme();
   const s9 = useTicketStyles(theme);
-  const ticketsQuery = hooks_exports.useTicketsWithMeta(eventId);
+  const catalog = hooks_exports.useTicketCatalog(eventId, timeSlotDates);
+  const {
+    ticketsQuery,
+    eventInfo,
+    slotQuery,
+    isTimeSlot,
+    dates,
+    slotDate,
+    setSlotDate,
+    qty,
+    setQty,
+    refetchCatalog,
+    current: catalogCurrent
+  } = catalog;
   const waitingBuyer = hooks_exports.useAuthSession();
   const cachedProfile = hooks_exports.useProfile({ enabled: false }).data;
   const waitingPrefill = waitingListProfilePrefill(
@@ -26509,48 +26703,23 @@ var Tickets = ({
   const bundleWait = hooks_exports.useTicketGatewayWait(checkout.store);
   const bundleStarting = bundleWait !== null;
   const promoMeta = (_a2 = ticketsQuery.data) == null ? void 0 : _a2.promo;
-  const [qty, setQty] = (0, import_react56.useState)({});
-  const [slotDate, setSlotDate] = (0, import_react56.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_react56.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_react56.useEffect)(() => {
-    if (isTimeSlot && !slotDate && dates.length) setSlotDate(dates[0]);
-  }, [isTimeSlot, slotDate, dates]);
-  const slotQuery = hooks_exports.useTimeSlotTickets(eventId, isTimeSlot ? slotDate : void 0);
-  const refetchCatalog = () => Promise.all([
-    ticketsQuery.refetch(),
-    ...isTimeSlot && slotDate ? [slotQuery.refetch()] : []
-  ]);
-  const tickets = (0, import_react56.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, (_b = ticketsQuery.data) == null ? void 0 : _b.tickets]
-  );
-  const [error, setError] = (0, import_react56.useState)("");
-  const [code, setCode] = (0, import_react56.useState)("");
-  const [codeState, setCodeState] = (0, import_react56.useState)("idle");
-  const [promoOpen, setPromoOpen] = (0, import_react56.useState)(false);
-  hooks_exports.useOnEventChange(eventId, () => {
-    setQty({});
-    setSlotDate("");
-    setCode("");
-    setPromoOpen(false);
-    setError("");
-  });
-  const [visibleDescription, setVisibleDescription] = (0, import_react56.useState)(null);
-  const attributionEvent = (0, import_react56.useRef)(null);
-  (0, import_react56.useEffect)(() => {
+  const tickets = catalog.tickets;
+  const [error, updateError] = hooks_exports.useScopedState(catalog.scope, "");
+  const setError = (message2) => {
+    if (catalogCurrent()) updateError(message2);
+  };
+  const [code, setCode] = hooks_exports.useScopedState(catalog.scope, "");
+  const [codeState, setCodeState] = hooks_exports.useScopedState(
+    catalog.scope,
+    "idle"
+  );
+  const [promoOpen, setPromoOpen] = hooks_exports.useScopedState(catalog.scope, false);
+  const [visibleDescription, setVisibleDescription] = (0, import_react57.useState)(null);
+  const attributionEvent = (0, import_react57.useRef)(null);
+  (0, import_react57.useEffect)(() => {
     var _a3;
-    if (attributionEvent.current === eventId) return;
+    if (!catalogCurrent() || !catalog.attributionReady || attributionEvent.current === eventId)
+      return;
     attributionEvent.current = eventId;
     const promo = (_a3 = initialPromoCode == null ? void 0 : initialPromoCode.trim()) != null ? _a3 : "";
     const referral = referrer;
@@ -26562,23 +26731,37 @@ var Tickets = ({
       setPromoOpen(true);
       setCodeState("busy");
       checkout.applyPromoCode(eventId, promo).catch(() => void 0).finally(() => {
-        refetchCatalog().finally(() => setCodeState("idle"));
+        if (!catalogCurrent()) return;
+        return refetchCatalog().catch((e) => {
+          if (catalogCurrent()) setError(errorMessage(e));
+        }).finally(() => {
+          if (catalogCurrent()) setCodeState("idle");
+        });
       });
     }
-  }, [eventId, initialPromoCode, referrer, readAttributionFromUrl]);
-  (0, import_react56.useEffect)(() => {
+  }, [
+    eventId,
+    initialPromoCode,
+    referrer,
+    readAttributionFromUrl,
+    catalog.instance,
+    catalog.attributionReady
+  ]);
+  (0, import_react57.useEffect)(() => {
     checkout.syncCurrency(eventId, void 0, { seed: true }).catch(() => void 0);
   }, [eventId]);
   const changeCurrency = (nextCode) => {
     checkout.syncCurrency(eventId, nextCode).then((res) => {
-      if (res.requiresCatalogRefresh) {
+      if (catalogCurrent() && res.requiresCatalogRefresh) {
         setQty({});
-        refetchCatalog();
+        refetchCatalog().catch((e) => {
+          if (catalogCurrent()) setError(errorMessage(e));
+        });
       }
     }).catch(() => void 0);
   };
-  const originals = (0, import_react56.useRef)({});
-  (0, import_react56.useEffect)(() => {
+  const originals = (0, import_react57.useRef)({});
+  (0, import_react57.useEffect)(() => {
     for (const t of tickets)
       if (originals.current[t.id] == null) originals.current[t.id] = t.price;
   }, [tickets]);
@@ -26591,7 +26774,7 @@ var Tickets = ({
   const selectQty = (ticket, value6) => setQty(
     (previous) => changeTicketQuantity(previous, tickets, ticket, value6, allowMultiple)
   );
-  const isSeated = (_c = eventInfo == null ? void 0 : eventInfo.isSeatedEvent) != null ? _c : false;
+  const isSeated = (_b = eventInfo == null ? void 0 : eventInfo.isSeatedEvent) != null ? _b : false;
   const seatMapRow = (t) => isSeated && !t.allowDirectPurchase;
   const hasSeatMapTickets = tickets.some(seatMapRow);
   const directPurchasable = tickets.filter((t) => !seatMapRow(t));
@@ -26599,7 +26782,9 @@ var Tickets = ({
   const firstTableIndex = tickets.findIndex((t) => t.isTable);
   const firstTableId = firstTableIndex > 0 && tickets.slice(0, firstTableIndex).some((t) => !t.isTable) ? tickets[firstTableIndex].id : void 0;
   const prime = () => {
+    if (!catalogCurrent() || catalog.busy || codeState === "busy" || catalog.error) return;
     setError("");
+    const continuationCurrent = catalog.capturePrimeContinuation();
     const selections = selected.map((t) => {
       var _a3;
       return {
@@ -26611,22 +26796,31 @@ var Tickets = ({
         currency: t.currency
       };
     });
-    checkout.setTickets(eventId, selections).then(() => onContinue == null ? void 0 : onContinue()).catch(
+    checkout.setTickets(eventId, selections).then(() => {
+      if (continuationCurrent()) onContinue == null ? void 0 : onContinue();
+    }).catch(
       (e) => setError(
         e instanceof ConfirmerBusyError ? createTranslator()(e.message) : errorMessage(e)
       )
     );
   };
   const applyCode = () => {
-    if (!code.trim()) return;
+    if (!catalogCurrent() || !catalog.attributionReady || catalog.busy || codeState === "busy" || !code.trim())
+      return;
+    setError("");
     setCodeState("busy");
     checkout.applyPromoCode(eventId, code.trim()).catch(() => void 0).finally(() => {
-      refetchCatalog().finally(() => setCodeState("idle"));
+      if (!catalogCurrent()) return;
+      return refetchCatalog().catch((e) => {
+        if (catalogCurrent()) setError(errorMessage(e));
+      }).finally(() => {
+        if (catalogCurrent()) setCodeState("idle");
+      });
     });
   };
   const isAccess = promoMeta == null ? void 0 : promoMeta.isAccessCodeEnabled;
   const showCodeInput = (promoMeta == null ? void 0 : promoMeta.isPromotionsEnabled) || isAccess;
-  const listQuery = isTimeSlot ? slotQuery : ticketsQuery;
+  const listQuery = catalog;
   const currency = checkout.currency;
   const renderRow = (t) => {
     var _a3, _b2;
@@ -26644,7 +26838,7 @@ var Tickets = ({
       /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Divider, {}),
       /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native14.Text, { style: s9.group, children: "Reserve tables" })
     ] }) : null;
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react56.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react57.Fragment, { children: [
       groupHeading,
       /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native14.View, { style: renderTicket ? void 0 : s9.rowWrap, children: renderTicket ? renderTicket({
         ticket: t,
@@ -26705,8 +26899,8 @@ var Tickets = ({
   };
   const timeGroups = [];
   if (isTimeSlot)
-    for (const t of tickets) {
-      const time = (_e = (_d = t.timeSlot) == null ? void 0 : _d.time) != null ? _e : "";
+    for (const t of catalog.datedTickets) {
+      const time = (_d = (_c = t.timeSlot) == null ? void 0 : _c.time) != null ? _d : "";
       const g = timeGroups.find((x) => x.time === time);
       if (g) g.items.push(t);
       else timeGroups.push({ time, items: [t] });
@@ -26725,7 +26919,6 @@ var Tickets = ({
           value: slotDate,
           onChange: (d) => {
             setSlotDate(d);
-            setQty({});
           },
           options: dates.map((d) => ({ label: d, value: d }))
         }
@@ -26745,11 +26938,15 @@ var Tickets = ({
         }
       )
     ] }) : null,
-    isTimeSlot && !slotQuery.isLoading && tickets.length === 0 && slotDate ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(MutedText, { children: "No sessions available on this date." }) : null,
-    isTimeSlot ? timeGroups.map((g) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react56.Fragment, { children: [
+    isTimeSlot && !slotQuery.isLoading && !((_e = slotQuery.data) == null ? void 0 : _e.length) && slotDate ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(MutedText, { children: "No sessions available on this date." }) : null,
+    isTimeSlot ? timeGroups.map((g) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react57.Fragment, { children: [
       g.time ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native14.Text, { style: s9.slotTime, children: g.time }) : null,
       g.items.map(renderRow)
     ] }, g.time)) : tickets.map(renderRow),
+    isTimeSlot && catalog.regularTickets.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native14.Text, { style: s9.slotTime, children: createTranslator()("tickets.getTickets") }),
+      catalog.regularTickets.map(renderRow)
+    ] }) : null,
     showCodeInput ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native14.View, { style: s9.promo, children: !isAccess && !promoOpen ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       import_react_native14.Pressable,
       {
@@ -26774,7 +26971,7 @@ var Tickets = ({
           variant: "ghost",
           onPress: applyCode,
           loading: codeState === "busy",
-          disabled: codeState === "busy" || !code.trim(),
+          disabled: !catalog.attributionReady || catalog.busy || codeState === "busy" || !code.trim(),
           children: isAccess ? "ENTER" : "APPLY"
         }
       ),
@@ -26784,14 +26981,14 @@ var Tickets = ({
     directPurchasable.length > 0 ? renderContinue ? renderContinue({
       onPress: prime,
       loading: checkout.isBusy,
-      disabled: checkout.orderFixed || checkout.isBusy || bundleStarting || selected.length === 0,
+      disabled: checkout.orderFixed || checkout.isBusy || bundleStarting || catalog.busy || codeState === "busy" || !!catalog.error || selected.length === 0,
       title: continueTitle
     }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       Button,
       {
         onPress: prime,
         loading: checkout.isBusy,
-        disabled: checkout.isBusy || bundleStarting || selected.length === 0,
+        disabled: checkout.isBusy || bundleStarting || catalog.busy || codeState === "busy" || !!catalog.error || selected.length === 0,
         children: checkout.isBusy ? "Reserving\u2026" : selectionIsTable ? "Reserve tables" : buttonLabel
       }
     ) : null,
@@ -26816,7 +27013,7 @@ var Tickets = ({
     error || checkout.error ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ErrorText, { children: error || checkout.error }) : null
   ] }) });
 };
-var useTicketStyles = (theme) => (0, import_react56.useMemo)(
+var useTicketStyles = (theme) => (0, import_react57.useMemo)(
   () => import_react_native14.StyleSheet.create({
     loading: { paddingVertical: 24, alignItems: "center" },
     selectBlock: { gap: 6 },
@@ -26949,7 +27146,7 @@ var useTicketStyles = (theme) => (0, import_react56.useMemo)(
 );
 
 // src/sections/SeatsIoMap.tsx
-var import_react57 = require("react");
+var import_react58 = require("react");
 var import_react_native15 = require("react-native");
 var import_react_native_webview2 = require("react-native-webview");
 var import_jsx_runtime16 = require("react/jsx-runtime");
@@ -26958,7 +27155,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_react57.useMemo)(
+  const html = (0, import_react58.useMemo)(
     () => flow.data.chart ? seatsIoChartDocument(flow.data.chart, flow.nonce) : "",
     [flow.data.chart, flow.nonce]
   );
@@ -27044,7 +27241,7 @@ var SeatsIoMap = ({ eventId, initial, onContinue }) => {
 };
 
 // src/sections/SeatMap.tsx
-var import_react58 = require("react");
+var import_react59 = require("react");
 var import_react_native16 = require("react-native");
 var import_react_native_webview3 = require("react-native-webview");
 
@@ -27060,9 +27257,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_react58.useRef)(null);
-  const [rendererError, setRendererError] = (0, import_react58.useState)(false);
-  const [size, setSize] = (0, import_react58.useState)(320);
+  const webview = (0, import_react59.useRef)(null);
+  const [rendererError, setRendererError] = (0, import_react59.useState)(false);
+  const [size, setSize] = (0, import_react59.useState)(320);
   const properties = flow.chart.state === "ready" ? {
     seatData: flow.chart.data.seatData,
     statuses: flow.statuses,
@@ -27078,7 +27275,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_react58.useMemo)(
+  const html = (0, import_react59.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]
   );
@@ -27089,7 +27286,7 @@ var SeatMap = ({ eventId, onContinue }) => {
         `window.__tfSeatMapUpdate&&window.__tfSeatMapUpdate(${safeJson2(properties)});true;`
       );
   };
-  (0, import_react58.useEffect)(update, [properties && safeJson2(properties)]);
+  (0, import_react59.useEffect)(update, [properties && safeJson2(properties)]);
   if (flow.chart.state === "provider") return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SeatsIoMap, { eventId, initial: flow.chart.data, onContinue });
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(FrozenFields, { frozen: checkout.orderFixed, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Card, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SectionHeader, { title: "Select your seats" }),
@@ -27225,7 +27422,7 @@ var styles5 = import_react_native16.StyleSheet.create({
 });
 
 // src/sections/AddOns.tsx
-var import_react59 = require("react");
+var import_react60 = require("react");
 var import_react_native18 = require("react-native");
 
 // src/ui/CustomFields.tsx
@@ -27432,7 +27629,7 @@ var AddOns = ({
     /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native18.Text, { style: s9.subtitle, children: "PLEASE SELECT FROM THE OPTIONAL ADD-ONS BELOW" }),
     groups.map((g, gi) => {
       var _a3;
-      return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react59.Fragment, { children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react60.Fragment, { children: [
         g.heading ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native18.Text, { style: s9.group, children: g.heading }) : null,
         g.items.map((a) => {
           var _a4, _b2;
@@ -27496,7 +27693,7 @@ var AddOns = ({
     error || checkout.error ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ErrorText, { children: error || checkout.error }) : null
   ] }) });
 };
-var useAddonStyles = (theme) => (0, import_react59.useMemo)(
+var useAddonStyles = (theme) => (0, import_react60.useMemo)(
   () => import_react_native18.StyleSheet.create({
     head: { flexDirection: "row", alignItems: "center", flexWrap: "wrap", gap: 8 },
     eyebrow: {
@@ -27590,7 +27787,7 @@ var useAddonStyles = (theme) => (0, import_react59.useMemo)(
 );
 
 // src/sections/Bundles.tsx
-var import_react60 = require("react");
+var import_react61 = require("react");
 var import_react_native19 = require("react-native");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var money3 = (currency, amount2) => `${currency} ${amount2.toFixed(2)}`;
@@ -27840,7 +28037,7 @@ var Bundles = ({
     /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { onPress: flow.continueToDetails, disabled: !anySelected, children: t("bundles.continue") })
   ] });
 };
-var useBundleStyles = (theme) => (0, import_react60.useMemo)(
+var useBundleStyles = (theme) => (0, import_react61.useMemo)(
   () => import_react_native19.StyleSheet.create({
     loader: { paddingVertical: 20, alignItems: "center" },
     heading: {
@@ -27893,7 +28090,7 @@ var useBundleStyles = (theme) => (0, import_react60.useMemo)(
 );
 
 // src/sections/BillingInfo.tsx
-var import_react63 = require("react");
+var import_react64 = require("react");
 var import_react_native24 = require("react-native");
 
 // src/sections/billing/BillingAddressFields.tsx
@@ -28001,11 +28198,11 @@ var styles6 = import_react_native20.StyleSheet.create({
 });
 
 // src/sections/billing/PhoneIdentity.tsx
-var import_react62 = require("react");
+var import_react63 = require("react");
 var import_react_native22 = require("react-native");
 
 // src/auth/TwoFactorForm.tsx
-var import_react61 = require("react");
+var import_react62 = require("react");
 var import_react_native21 = require("react-native");
 var import_jsx_runtime22 = require("react/jsx-runtime");
 var TwoFactorForm = ({
@@ -28018,7 +28215,7 @@ var TwoFactorForm = ({
   onSendSms,
   onCancel
 }) => {
-  const [code, setCode] = (0, import_react61.useState)("");
+  const [code, setCode] = (0, import_react62.useState)("");
   return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_react_native21.View, { style: { gap: 14 }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(MutedText, { children: "Enter the six-digit code from your authenticator app or registered phone to complete sign-in." }),
     error ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ErrorText, { children: error }) : null,
@@ -28070,8 +28267,8 @@ var PhoneIdentity = ({
 }) => {
   var _a2;
   const identity = hooks_exports.useCheckoutPhoneIdentity(options);
-  const [code, setCode] = (0, import_react62.useState)("");
-  const [emailInstead, setEmailInstead] = (0, import_react62.useState)(false);
+  const [code, setCode] = (0, import_react63.useState)("");
+  const [emailInstead, setEmailInstead] = (0, import_react63.useState)(false);
   if (emailInstead) return null;
   if (identity.challenge)
     return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
@@ -28386,17 +28583,17 @@ var BillingInfo = ({
   const profile = hooks_exports.useCheckoutBuyerProfile(eventId);
   const event = hooks_exports.useEvent(eventId);
   const combined = !onContinue;
-  const [billing, setBilling] = (0, import_react63.useState)(
+  const [billing, setBilling] = (0, import_react64.useState)(
     () => billingDraftFrom(checkout.billing)
   );
-  const [dataCapture, setDataCapture] = (0, import_react63.useState)(
+  const [dataCapture, setDataCapture] = (0, import_react64.useState)(
     (_b = (_a2 = checkout.billing) == null ? void 0 : _a2.dataCapture) != null ? _b : {}
   );
-  const [holders, setHolders] = (0, import_react63.useState)(
+  const [holders, setHolders] = (0, import_react64.useState)(
     () => holderDraftsFrom(checkout.holders, checkout.backfilledHolderIndexes)
   );
-  const [consent, setConsent] = (0, import_react63.useState)({ ttfOptIn: false, brandOptIn: false });
-  const [dob, setDob] = (0, import_react63.useState)(() => billingDobIso(checkout.billing));
+  const [consent, setConsent] = (0, import_react64.useState)({ ttfOptIn: false, brandOptIn: false });
+  const [dob, setDob] = (0, import_react64.useState)(() => billingDobIso(checkout.billing));
   hooks_exports.useOnOrderReleased(checkout.orderFixed, () => {
     var _a3, _b2;
     setBilling(billingDraftFrom(checkout.billing));
@@ -28407,35 +28604,35 @@ var BillingInfo = ({
       (prev) => holderDraftsReloaded(prev, checkout.holders, checkout.backfilledHolderIndexes)
     );
   });
-  const restoredHolders = (0, import_react63.useRef)(checkout.holders);
+  const restoredHolders = (0, import_react64.useRef)(checkout.holders);
   hooks_exports.useOnEventChange(checkout.eventId, () => {
     restoredHolders.current = [];
     setHolders([]);
     setDataCapture({});
   });
-  const profileSeeded = (0, import_react63.useRef)(false);
-  const countryDefaultApplied = (0, import_react63.useRef)(Boolean((_c = checkout.billing) == null ? void 0 : _c.countryId));
+  const profileSeeded = (0, import_react64.useRef)(false);
+  const countryDefaultApplied = (0, import_react64.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_react63.useMemo)(
+  const orderGroups = (0, import_react64.useMemo)(
     () => checkout.customFields.filter((g) => g.scope === "order"),
     [checkout.customFields]
   );
-  const ticketGroups = (0, import_react63.useMemo)(
+  const ticketGroups = (0, import_react64.useMemo)(
     () => checkout.customFields.filter((g) => g.scope === "ticket"),
     [checkout.customFields]
   );
-  const ticketFields = (0, import_react63.useMemo)(
+  const ticketFields = (0, import_react64.useMemo)(
     () => ticketGroups.flatMap((g) => g.fields),
     [ticketGroups]
   );
   const holderNamesRequired = checkout.holderNamesRequired || collectTicketHolders;
   const showHolders = holderNamesRequired || ticketFields.length > 0;
-  const slots = (0, import_react63.useMemo)(() => {
+  const slots = (0, import_react64.useMemo)(() => {
     var _a3, _b2;
     const out = [];
     const lines = (_b2 = (_a3 = checkout.breakdown) == null ? void 0 : _a3.tickets) != null ? _b2 : [];
@@ -28448,7 +28645,7 @@ var BillingInfo = ({
     }
     return out;
   }, [checkout.breakdown, checkout.selections]);
-  (0, import_react63.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     const p = profile.data;
     if (!p || profileSeeded.current) return;
     profileSeeded.current = true;
@@ -28471,10 +28668,10 @@ var BillingInfo = ({
       return keys.every((k) => next[k] === prev[k]) ? prev : next;
     });
   }, [profile.data, checkout.isLoggedIn]);
-  (0, import_react63.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     setHolders((prev) => holderDraftsForSlots(prev, slots, restoredHolders.current));
   }, [slots]);
-  (0, import_react63.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     if (!showHolders) return;
     setHolders(
       (prev) => holderDraftsMirroringBuyer(prev, {
@@ -28485,7 +28682,7 @@ var BillingInfo = ({
       })
     );
   }, [showHolders, billing.firstName, billing.lastName, billing.email, billing.phone]);
-  (0, import_react63.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     const email = billing.email.trim();
     if (checkout.isLoggedIn || !isEmail(email)) return;
     const t = setTimeout(
@@ -28499,18 +28696,18 @@ var BillingInfo = ({
   const countriesQuery = hooks_exports.useCountries({
     enabled: needsNationality || gates.showAddress
   });
-  const countries = (0, import_react63.useMemo)(() => {
+  const countries = (0, import_react64.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_react63.useMemo)(() => {
+  const states = (0, import_react64.useMemo)(() => {
     var _a3;
     return (_a3 = statesQuery.data) != null ? _a3 : [];
   }, [statesQuery.data]);
-  (0, import_react63.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     var _a3, _b2, _c2, _d2;
     if (countryDefaultApplied.current || billing.countryId || countries.length === 0 || profile.isLoading || eventId && event.isLoading) {
       return;
@@ -28549,7 +28746,7 @@ var BillingInfo = ({
     event.isLoading,
     (_e = event.data) == null ? void 0 : _e.countryCode
   ]);
-  (0, import_react63.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     var _a3;
     if (!billing.countryId) return;
     const country = countries.find(
@@ -28560,7 +28757,7 @@ var BillingInfo = ({
       setBilling((current5) => ({ ...current5, countryCode }));
     }
   }, [billing.countryId, billing.countryCode, countries]);
-  (0, import_react63.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     if (!billing.stateId) return;
     const state = states.find(
       (candidate) => String(candidate.id) === String(billing.stateId)
@@ -28620,7 +28817,7 @@ var BillingInfo = ({
     });
     if (ttfOptInLabel || brandOptInLabel) commitConsent(consent);
   };
-  (0, import_react63.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     if (combined) commit();
   }, [
     combined,
@@ -28817,7 +29014,7 @@ var BillingInfo = ({
           setBilling
         }
       ) : null,
-      orderGroups.map((g) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react63.Fragment, { children: [
+      orderGroups.map((g) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react64.Fragment, { children: [
         g.label ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_native24.Text, { style: s9.sectionLabel, children: g.label }) : null,
         renderGroupFields(
           g,
@@ -28894,7 +29091,7 @@ var BillingInfo = ({
     showHolders ? continueButton : null
   ] });
 };
-var useStyles4 = (theme) => (0, import_react63.useMemo)(
+var useStyles4 = (theme) => (0, import_react64.useMemo)(
   () => import_react_native24.StyleSheet.create({
     loginRow: {
       flexDirection: "row",
@@ -29087,7 +29284,7 @@ var Accommodation = ({ eventId }) => {
 var styles9 = import_react_native26.StyleSheet.create({ room: { gap: 12, paddingVertical: 12 }, title: { fontSize: 16, fontWeight: "600" } });
 
 // src/sections/Payment.tsx
-var import_react64 = require("react");
+var import_react65 = require("react");
 var import_react_native27 = require("react-native");
 var import_stripe_react_native3 = require("@stripe/stripe-react-native");
 var import_jsx_runtime29 = require("react/jsx-runtime");
@@ -29141,14 +29338,14 @@ var Payment = ({
   const bundleWait = hooks_exports.useTicketGatewayWait(checkout.store);
   const bundleStarting = bundleWait !== null;
   const validation = useCheckoutValidation();
-  const [error, setError] = (0, import_react64.useState)("");
+  const [error, setError] = (0, import_react65.useState)("");
   const paymentMethods = hooks_exports.useCheckoutPaymentMethods(checkout.store);
   const methods = (_a2 = paymentMethods.data) != null ? _a2 : null;
-  const [selected, setSelected] = (0, import_react64.useState)("");
-  const [extras, setExtras] = (0, import_react64.useState)({});
-  const [useSavedCard, setUseSavedCard] = (0, import_react64.useState)(true);
-  const [nativeWalletSupported, setNativeWalletSupported] = (0, import_react64.useState)(false);
-  (0, import_react64.useEffect)(() => {
+  const [selected, setSelected] = (0, import_react65.useState)("");
+  const [extras, setExtras] = (0, import_react65.useState)({});
+  const [useSavedCard, setUseSavedCard] = (0, import_react65.useState)(true);
+  const [nativeWalletSupported, setNativeWalletSupported] = (0, import_react65.useState)(false);
+  (0, import_react65.useEffect)(() => {
     let mounted = true;
     const env = getConfig().env;
     (0, import_stripe_react_native3.isPlatformPaySupported)({ googlePay: { testEnv: env === "STAG" || env === "DEV" } }).then((supported) => {
@@ -29164,7 +29361,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_react64.useMemo)(() => {
+  const options = (0, import_react65.useMemo)(() => {
     var _a3, _b2, _c2, _d2, _e2;
     if (isFree || !methods) return [];
     const out = [];
@@ -29221,7 +29418,7 @@ var Payment = ({
     nativeWalletSupported,
     offersOxxo
   ]);
-  (0, import_react64.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     if (options.length && !options.some((o) => o.value === selected))
       setSelected(options[0].value);
   }, [options, selected]);
@@ -29406,17 +29603,17 @@ var Payment = ({
 };
 
 // src/sections/WaiverSigning.tsx
-var import_react66 = require("react");
+var import_react67 = require("react");
 var import_react_native29 = require("react-native");
 
 // src/ui/SignaturePad.tsx
-var import_react65 = require("react");
+var import_react66 = require("react");
 var import_react_native28 = require("react-native");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 var LINE_WIDTH = 2.5;
 var PAD_HEIGHT = 160;
 var MIN_STEP = 1.5;
-var StrokeView = (0, import_react65.memo)(
+var StrokeView = (0, import_react66.memo)(
   ({ stroke }) => stroke.length === 1 ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     import_react_native28.View,
     {
@@ -29456,13 +29653,13 @@ var SignaturePad = ({
   disabled
 }) => {
   const theme = useTheme();
-  const strokesRef = (0, import_react65.useRef)([]);
-  const [, setFrame] = (0, import_react65.useState)(0);
-  const frameRequest = (0, import_react65.useRef)(null);
-  const size = (0, import_react65.useRef)({ width: 0, height: PAD_HEIGHT });
-  const report = (0, import_react65.useRef)(onChange);
+  const strokesRef = (0, import_react66.useRef)([]);
+  const [, setFrame] = (0, import_react66.useState)(0);
+  const frameRequest = (0, import_react66.useRef)(null);
+  const size = (0, import_react66.useRef)({ width: 0, height: PAD_HEIGHT });
+  const report = (0, import_react66.useRef)(onChange);
   report.current = onChange;
-  const disabledRef = (0, import_react65.useRef)(disabled);
+  const disabledRef = (0, import_react66.useRef)(disabled);
   disabledRef.current = disabled;
   const render = () => {
     if (frameRequest.current !== null) cancelAnimationFrame(frameRequest.current);
@@ -29473,7 +29670,7 @@ var SignaturePad = ({
     if (frameRequest.current !== null) return;
     frameRequest.current = requestAnimationFrame(render);
   };
-  (0, import_react65.useEffect)(
+  (0, import_react66.useEffect)(
     () => () => {
       if (frameRequest.current !== null) cancelAnimationFrame(frameRequest.current);
     },
@@ -29488,7 +29685,7 @@ var SignaturePad = ({
     });
     if (ended) report.current(ended.pngDataUrl, ended.inkLength);
   };
-  const responder = (0, import_react65.useMemo)(
+  const responder = (0, import_react66.useMemo)(
     () => import_react_native28.PanResponder.create({
       onStartShouldSetPanResponder: () => !disabledRef.current,
       onMoveShouldSetPanResponder: () => !disabledRef.current,
@@ -29600,8 +29797,8 @@ var WaiverSigning = ({
     checkout.setWaiverSignature,
     checkout.holdWaiverSigning
   );
-  const [open, setOpen] = (0, import_react66.useState)({});
-  const [reloading, setReloading] = (0, import_react66.useState)(false);
+  const [open, setOpen] = (0, import_react67.useState)({});
+  const [reloading, setReloading] = (0, import_react67.useState)(false);
   if ((_a2 = checkout.unavailableDetails) == null ? void 0 : _a2.includes("waiver")) {
     return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(Card, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SectionHeader, { title: t("waivers.heading") }),
@@ -29695,17 +29892,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_react66.useState)(
+  const [heldDraft, setDraft] = (0, import_react67.useState)(
     () => emptyWaiverDraft(
       { firstName: ticket.holderFirstName, lastName: ticket.holderLastName },
       { signatureMethods: methods }
     )
   );
   const draft = draftWithAllowedMethod(heldDraft, methods);
-  const [problems, setProblems] = (0, import_react66.useState)([]);
-  const [pressed, setPressed] = (0, import_react66.useState)(false);
+  const [problems, setProblems] = (0, import_react67.useState)([]);
+  const [pressed, setPressed] = (0, import_react67.useState)(false);
   const frozen = busy || locked;
-  const draftRef = (0, import_react66.useRef)(draft);
+  const draftRef = (0, import_react67.useRef)(draft);
   draftRef.current = draft;
   const patch2 = (next) => {
     if (!frozen) setDraft((d) => ({ ...d, ...next }));
@@ -29859,7 +30056,7 @@ var TicketForm = ({ ticket, consentText, t, methods, busy, locked = false, error
     )
   ] });
 };
-var useWaiverStyles = (theme) => (0, import_react66.useMemo)(
+var useWaiverStyles = (theme) => (0, import_react67.useMemo)(
   () => import_react_native29.StyleSheet.create({
     muted: {
       color: theme.muted,
@@ -29904,7 +30101,7 @@ var useWaiverStyles = (theme) => (0, import_react66.useMemo)(
 );
 
 // src/sections/IDVerification.tsx
-var import_react67 = require("react");
+var import_react68 = require("react");
 var import_react_native30 = require("react-native");
 var import_jsx_runtime32 = require("react/jsx-runtime");
 var MESSAGE = {
@@ -29919,8 +30116,8 @@ var IDVerification = () => {
   const checkout = useCheckoutContext();
   const theme = useTheme();
   const order = checkout.order;
-  const [phase, setPhase] = (0, import_react67.useState)("idle");
-  const [error, setError] = (0, import_react67.useState)("");
+  const [phase, setPhase] = (0, import_react68.useState)("idle");
+  const [error, setError] = (0, import_react68.useState)("");
   if (!(order == null ? void 0 : order.needIdVerification)) return null;
   const done = phase === "verified";
   const running = phase === "starting" || phase === "polling";
@@ -29947,7 +30144,7 @@ var IDVerification = () => {
 };
 
 // src/sections/Confirmation.tsx
-var import_react68 = require("react");
+var import_react69 = require("react");
 var import_react_native31 = require("react-native");
 var import_clipboard = __toESM(require("@react-native-clipboard/clipboard"));
 var import_jsx_runtime33 = require("react/jsx-runtime");
@@ -29961,7 +30158,7 @@ var Confirmation = ({
   const checkout = useCheckoutContext();
   const theme = useTheme();
   const order = checkout.order;
-  const [copied, setCopied] = (0, import_react68.useState)(false);
+  const [copied, setCopied] = (0, import_react69.useState)(false);
   if (!order) return null;
   const pending3 = order.pending;
   const url2 = shareUrl != null ? shareUrl : "";
@@ -30015,12 +30212,12 @@ var styles11 = import_react_native31.StyleSheet.create({
 });
 
 // src/sections/Rewards.tsx
-var import_react71 = require("react");
+var import_react72 = require("react");
 var import_react_native34 = require("react-native");
 var import_clipboard2 = __toESM(require("@react-native-clipboard/clipboard"));
 
 // src/sections/rewards/RewardsLadder.tsx
-var import_react69 = require("react");
+var import_react70 = require("react");
 var import_react_native32 = require("react-native");
 var import_jsx_runtime34 = require("react/jsx-runtime");
 var AWARD_STATUS_KEYS = {
@@ -30030,9 +30227,9 @@ var AWARD_STATUS_KEYS = {
   cancelled: "rewards.awards.cancelled"
 };
 var DeliveryDetails = ({ fields, translate: t, onSubmit }) => {
-  const [values2, setValues] = (0, import_react69.useState)({});
-  const [saving, setSaving] = (0, import_react69.useState)(false);
-  const [failure, setFailure] = (0, import_react69.useState)("");
+  const [values2, setValues] = (0, import_react70.useState)({});
+  const [saving, setSaving] = (0, import_react70.useState)(false);
+  const [failure, setFailure] = (0, import_react70.useState)("");
   return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_react_native32.View, { style: { gap: 10 }, children: [
     fields.map((field) => {
       var _a2;
@@ -30124,7 +30321,7 @@ var styles12 = import_react_native32.StyleSheet.create({
 });
 
 // src/sections/rewards/RewardsTree.tsx
-var import_react70 = require("react");
+var import_react71 = require("react");
 var import_react_native33 = require("react-native");
 var import_jsx_runtime35 = require("react/jsx-runtime");
 var MAX_NODES = 120;
@@ -30132,11 +30329,11 @@ var DOT = 10;
 var ROOT_DOT = 16;
 var RewardsTree = ({ tree, size = 260 }) => {
   const theme = useTheme();
-  const nodes = (0, import_react70.useMemo)(() => {
+  const nodes = (0, import_react71.useMemo)(() => {
     var _a2;
     return ((_a2 = tree == null ? void 0 : tree.nodes) != null ? _a2 : []).slice(0, MAX_NODES);
   }, [tree]);
-  const { layout, edges, rootId } = (0, import_react70.useMemo)(() => {
+  const { layout, edges, rootId } = (0, import_react71.useMemo)(() => {
     const root = treeRootId(nodes);
     const computed = computeRadialTreeLayout(nodes, root);
     return { layout: computed, edges: radialTreeEdges(nodes, computed), rootId: root };
@@ -30223,10 +30420,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_react71.useState)("");
-  const [packCode, setPackCode] = (0, import_react71.useState)("");
-  const [copied, setCopied] = (0, import_react71.useState)(false);
-  (0, import_react71.useEffect)(() => {
+  const [packName, setPackName] = (0, import_react72.useState)("");
+  const [packCode, setPackCode] = (0, import_react72.useState)("");
+  const [copied, setCopied] = (0, import_react72.useState)(false);
+  (0, import_react72.useEffect)(() => {
     setCopied(false);
   }, [rewards == null ? void 0 : rewards.share_link]);
   if (!rewards)
@@ -30414,7 +30611,7 @@ var styles14 = import_react_native34.StyleSheet.create({
 });
 
 // src/sections/TicketChange.tsx
-var import_react72 = require("react");
+var import_react73 = require("react");
 var import_react_native35 = require("react-native");
 var import_jsx_runtime37 = require("react/jsx-runtime");
 var TicketChange = ({
@@ -30624,7 +30821,7 @@ var TicketChange = ({
     flow.notice ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_native35.Text, { style: s9.muted, children: t(flow.notice) }) : null
   ] });
 };
-var useChangeStyles = (theme) => (0, import_react72.useMemo)(
+var useChangeStyles = (theme) => (0, import_react73.useMemo)(
   () => import_react_native35.StyleSheet.create({
     loader: { paddingVertical: 20, alignItems: "center" },
     muted: {
@@ -30720,17 +30917,17 @@ var Trips = ({
 };
 
 // src/sections/EventDiscussionView.tsx
-var import_react76 = require("react");
+var import_react77 = require("react");
 var import_react_native39 = require("react-native");
 
 // src/sections/discussion/CommentImages.tsx
-var import_react74 = require("react");
+var import_react75 = require("react");
 var import_react_native37 = require("react-native");
 
 // src/ui/useAccountT.ts
-var import_react73 = require("react");
+var import_react74 = require("react");
 var useAccountT = (locale) => {
-  const translate2 = (0, import_react73.useMemo)(
+  const translate2 = (0, import_react74.useMemo)(
     () => createTranslator({ locale: resolveLocale(locale) }),
     [locale]
   );
@@ -30794,8 +30991,8 @@ var CommentImages = ({
   const t = useAccountT(locale);
   const theme = useTheme();
   const white = [s.white, { fontFamily: theme.fontFamily }];
-  const [selected, setSelected] = (0, import_react74.useState)(null);
-  (0, import_react74.useEffect)(() => {
+  const [selected, setSelected] = (0, import_react75.useState)(null);
+  (0, import_react75.useEffect)(() => {
     if (selected === null) return;
     onPreviewChange(true);
     return () => onPreviewChange(false);
@@ -31051,7 +31248,7 @@ var s = import_react_native37.StyleSheet.create({
 });
 
 // src/sections/discussion/SwipeReply.tsx
-var import_react75 = require("react");
+var import_react76 = require("react");
 var import_react_native38 = require("react-native");
 var import_jsx_runtime40 = require("react/jsx-runtime");
 var SwipeReply = ({
@@ -31062,8 +31259,8 @@ var SwipeReply = ({
   children
 }) => {
   const theme = useTheme();
-  const offset = (0, import_react75.useRef)(new import_react_native38.Animated.Value(0)).current;
-  const gesture = (0, import_react75.useMemo)(() => {
+  const offset = (0, import_react76.useRef)(new import_react_native38.Animated.Value(0)).current;
+  const gesture = (0, import_react76.useMemo)(() => {
     const reset = () => import_react_native38.Animated.spring(offset, { toValue: 0, useNativeDriver: true }).start();
     return import_react_native38.PanResponder.create({
       onMoveShouldSetPanResponder: (_, value6) => enabled && value6.dx < -12 && Math.abs(value6.dx) > Math.abs(value6.dy) * 1.5,
@@ -31143,17 +31340,17 @@ var EventDiscussionBody = ({
   var _a2, _b, _c;
   const theme = useTheme();
   const t = useAccountT(locale);
-  const list2 = (0, import_react76.useRef)(null);
-  const firstContent = (0, import_react76.useRef)(true);
-  const [actions, setActions] = (0, import_react76.useState)(null);
-  const [reporting, setReporting] = (0, import_react76.useState)(null);
-  const [moderating, setModerating] = (0, import_react76.useState)(null);
-  const [reason, setReason] = (0, import_react76.useState)("");
-  const [blocksVisible, setBlocksVisible] = (0, import_react76.useState)(false);
-  const [pickerError, setPickerError] = (0, import_react76.useState)("");
-  const [imageOpen, setImageOpen] = (0, import_react76.useState)(false);
-  const [pickerBusy, setPickerBusy] = (0, import_react76.useState)(false);
-  const picking = (0, import_react76.useRef)(false);
+  const list2 = (0, import_react77.useRef)(null);
+  const firstContent = (0, import_react77.useRef)(true);
+  const [actions, setActions] = (0, import_react77.useState)(null);
+  const [reporting, setReporting] = (0, import_react77.useState)(null);
+  const [moderating, setModerating] = (0, import_react77.useState)(null);
+  const [reason, setReason] = (0, import_react77.useState)("");
+  const [blocksVisible, setBlocksVisible] = (0, import_react77.useState)(false);
+  const [pickerError, setPickerError] = (0, import_react77.useState)("");
+  const [imageOpen, setImageOpen] = (0, import_react77.useState)(false);
+  const [pickerBusy, setPickerBusy] = (0, import_react77.useState)(false);
+  const picking = (0, import_react77.useRef)(false);
   const text6 = { color: theme.text, fontFamily: theme.fontFamily };
   const muted = { color: theme.muted, fontFamily: theme.fontFamily };
   const closeActions = (work) => {
@@ -32167,7 +32364,7 @@ var styles15 = import_react_native44.StyleSheet.create({
 });
 
 // src/sections/Streaming.tsx
-var import_react77 = require("react");
+var import_react78 = require("react");
 var import_react_native45 = require("react-native");
 var import_jsx_runtime47 = require("react/jsx-runtime");
 var Streaming = (props) => {
@@ -32189,14 +32386,14 @@ var StreamingView = ({
   const defaultT = useAccountT(locale);
   const t = translate2 != null ? translate2 : defaultT;
   const inherited = useTheme();
-  const theme = (0, import_react77.useMemo)(
+  const theme = (0, import_react78.useMemo)(
     () => override ? resolveTheme({ ...inherited, ...override }) : inherited,
     [inherited, override]
   );
   const session = hooks_exports.useAuthSession();
   const assertOwner = hooks_exports.useSessionAction();
-  const pendingBrowser = (0, import_react77.useRef)({ scope: session.sessionScope, locked: false });
-  const [stored, setStored] = (0, import_react77.useState)({
+  const pendingBrowser = (0, import_react78.useRef)({ scope: session.sessionScope, locked: false });
+  const [stored, setStored] = (0, import_react78.useState)({
     scope: session.sessionScope,
     busy: false,
     error: ""
@@ -32359,7 +32556,7 @@ var s4 = import_react_native45.StyleSheet.create({
 });
 
 // src/sections/AccountDeletion.tsx
-var import_react78 = require("react");
+var import_react79 = require("react");
 var import_react_native46 = require("react-native");
 var import_jsx_runtime48 = require("react/jsx-runtime");
 var AccountDeletion = (props) => {
@@ -32382,7 +32579,7 @@ var AccountDeletionView = ({
   const defaultT = useAccountT(locale);
   const t = translate2 != null ? translate2 : defaultT;
   const inherited = useTheme();
-  const theme = (0, import_react78.useMemo)(
+  const theme = (0, import_react79.useMemo)(
     () => override ? resolveTheme({ ...inherited, ...override }) : inherited,
     [inherited, override]
   );
@@ -32611,7 +32808,7 @@ var s5 = import_react_native46.StyleSheet.create({
 });
 
 // src/sections/ProfileSettings.tsx
-var import_react79 = require("react");
+var import_react80 = require("react");
 var import_react_native47 = require("react-native");
 var import_jsx_runtime49 = require("react/jsx-runtime");
 var ProfileSettings = (props) => {
@@ -32635,7 +32832,7 @@ var ProfileSettingsView = ({
   const defaultT = useAccountT(locale);
   const t = translate2 != null ? translate2 : defaultT;
   const inherited = useTheme();
-  const theme = (0, import_react79.useMemo)(
+  const theme = (0, import_react80.useMemo)(
     () => override ? resolveTheme({ ...inherited, ...override }) : inherited,
     [inherited, override]
   );
@@ -32647,7 +32844,7 @@ var ProfileSettingsView = ({
     } catch (e) {
     }
   };
-  (0, import_react79.useEffect)(() => {
+  (0, import_react80.useEffect)(() => {
     if (flow.settings) flow.open(mode);
   }, [mode, flow.scopeKey, Boolean(flow.settings)]);
   const text6 = { color: theme.text, fontFamily: theme.fontFamily };
@@ -33152,7 +33349,7 @@ var AccountPaymentPlanSection = ({
 };
 
 // src/sections/NotificationPreferences.tsx
-var import_react80 = require("react");
+var import_react81 = require("react");
 var import_react_native50 = require("react-native");
 var import_jsx_runtime52 = require("react/jsx-runtime");
 var NotificationPreferences = (props) => {
@@ -33175,7 +33372,7 @@ var NotificationPreferencesView = ({
   const defaultT = useAccountT(locale);
   const t = translate2 != null ? translate2 : defaultT;
   const inherited = useTheme();
-  const theme = (0, import_react80.useMemo)(
+  const theme = (0, import_react81.useMemo)(
     () => override ? resolveTheme({ ...inherited, ...override }) : inherited,
     [inherited, override]
   );
@@ -33187,7 +33384,7 @@ var NotificationPreferencesView = ({
     } catch (e) {
     }
   };
-  (0, import_react80.useEffect)(() => {
+  (0, import_react81.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]);
@@ -33352,15 +33549,15 @@ var s7 = import_react_native50.StyleSheet.create({
 var import_react_native56 = require("react-native");
 
 // src/auth/LoginForm.tsx
-var import_react82 = require("react");
+var import_react83 = require("react");
 var import_react_native52 = require("react-native");
 
 // src/auth/PasswordInput.tsx
-var import_react81 = require("react");
+var import_react82 = require("react");
 var import_react_native51 = require("react-native");
 var import_jsx_runtime53 = require("react/jsx-runtime");
 var PasswordInput = (props) => {
-  const [visible, setVisible] = (0, import_react81.useState)(false);
+  const [visible, setVisible] = (0, import_react82.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_react_native51.View, { style: styles16.wrap, children: [
     /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Input, { ...props, autoCapitalize: "none", secureTextEntry: !visible }),
     /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
@@ -33402,9 +33599,9 @@ var LoginForm = ({
   onFieldChange
 }) => {
   const theme = useTheme();
-  const [email, setEmail] = (0, import_react82.useState)(initialEmail);
-  const [password, setPassword] = (0, import_react82.useState)("");
-  (0, import_react82.useEffect)(() => {
+  const [email, setEmail] = (0, import_react83.useState)(initialEmail);
+  const [password, setPassword] = (0, import_react83.useState)("");
+  (0, import_react83.useEffect)(() => {
     if (initialEmail && !email) setEmail(initialEmail);
   }, [email, initialEmail]);
   const submit = () => void onSubmit({ email, password });
@@ -33456,7 +33653,7 @@ var styles17 = import_react_native52.StyleSheet.create({
 });
 
 // src/auth/EmailCodeForm.tsx
-var import_react83 = require("react");
+var import_react84 = require("react");
 var import_react_native53 = require("react-native");
 var import_jsx_runtime55 = require("react/jsx-runtime");
 var EmailCodeForm = ({
@@ -33471,8 +33668,8 @@ var EmailCodeForm = ({
   onVerify,
   onBack
 }) => {
-  const [email, setEmail] = (0, import_react83.useState)(initialEmail);
-  const [code, setCode] = (0, import_react83.useState)("");
+  const [email, setEmail] = (0, import_react84.useState)(initialEmail);
+  const [code, setCode] = (0, import_react84.useState)("");
   return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_react_native53.View, { style: { gap: 14 }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime55.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_runtime55.jsx)(ErrorText, { children: error }) : null,
@@ -33528,7 +33725,7 @@ var EmailCodeForm = ({
 };
 
 // src/auth/ForgotPasswordForm.tsx
-var import_react84 = require("react");
+var import_react85 = require("react");
 var import_react_native54 = require("react-native");
 var import_jsx_runtime56 = require("react/jsx-runtime");
 var ForgotPasswordForm = ({
@@ -33542,8 +33739,8 @@ var ForgotPasswordForm = ({
   onFieldChange
 }) => {
   const theme = useTheme();
-  const [email, setEmail] = (0, import_react84.useState)(initialEmail);
-  (0, import_react84.useEffect)(() => {
+  const [email, setEmail] = (0, import_react85.useState)(initialEmail);
+  (0, import_react85.useEffect)(() => {
     if (initialEmail && !email) setEmail(initialEmail);
   }, [email, initialEmail]);
   const submit = () => void onSubmit(email);
@@ -33591,7 +33788,7 @@ var styles18 = import_react_native54.StyleSheet.create({
 });
 
 // src/auth/RegisterForm.tsx
-var import_react85 = require("react");
+var import_react86 = require("react");
 var import_react_native55 = require("react-native");
 var import_jsx_runtime57 = require("react/jsx-runtime");
 var emptyRegistration = (email) => ({
@@ -33620,30 +33817,30 @@ var RegisterForm = ({
   onFieldChange
 }) => {
   var _a2, _b, _c, _d, _e, _f;
-  const t = (0, import_react85.useMemo)(() => createTranslator({ locale }), [locale]);
-  const [values2, setValues] = (0, import_react85.useState)(
+  const t = (0, import_react86.useMemo)(() => createTranslator({ locale }), [locale]);
+  const [values2, setValues] = (0, import_react86.useState)(
     () => emptyRegistration(initialEmail)
   );
-  const [termsAccepted, setTermsAccepted] = (0, import_react85.useState)(false);
-  const [refreshingProof, setRefreshingProof] = (0, import_react85.useState)(false);
-  const [refreshCode, setRefreshCode] = (0, import_react85.useState)("");
+  const [termsAccepted, setTermsAccepted] = (0, import_react86.useState)(false);
+  const [refreshingProof, setRefreshingProof] = (0, import_react86.useState)(false);
+  const [refreshCode, setRefreshCode] = (0, import_react86.useState)("");
   const countriesQuery = hooks_exports.useCountries();
-  const countries = (0, import_react85.useMemo)(() => {
+  const countries = (0, import_react86.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_react85.useMemo)(() => {
+  const states = (0, import_react86.useMemo)(() => {
     var _a3;
     return (_a3 = statesQuery.data) != null ? _a3 : [];
   }, [statesQuery.data]);
-  (0, import_react85.useEffect)(() => {
+  (0, import_react86.useEffect)(() => {
     if (initialEmail && !values2.email)
       setValues((current5) => ({ ...current5, email: initialEmail }));
   }, [initialEmail, values2.email]);
-  (0, import_react85.useEffect)(() => {
+  (0, import_react86.useEffect)(() => {
     var _a3;
     if (!requireAddress || values2.countryId || countries.length === 0) return;
     const preferred = (_a3 = countries.find((country) => {
@@ -33664,11 +33861,11 @@ var RegisterForm = ({
     setValues((current5) => ({ ...current5, [field]: value6 }));
     onFieldChange == null ? void 0 : onFieldChange(field);
   };
-  const countryOptions = (0, import_react85.useMemo)(
+  const countryOptions = (0, import_react86.useMemo)(
     () => countries.map((country) => ({ label: country.name, value: String(country.id) })),
     [countries]
   );
-  const stateOptions = (0, import_react85.useMemo)(
+  const stateOptions = (0, import_react86.useMemo)(
     () => states.map((state) => ({ label: state.name, value: String(state.id) })),
     [states]
   );
@@ -34267,7 +34464,7 @@ function AccountEmailEnrichment({
 }
 
 // src/auth/AuthModal.tsx
-var import_react86 = require("react");
+var import_react87 = require("react");
 var import_react_native58 = require("react-native");
 var import_jsx_runtime60 = require("react/jsx-runtime");
 var Tab = ({
@@ -34302,7 +34499,7 @@ var CredentialAuthModal = ({
 }) => {
   const theme = useTheme();
   const t = useAccountT();
-  const closeAfterAuth = (0, import_react86.useCallback)(
+  const closeAfterAuth = (0, import_react87.useCallback)(
     (profile) => {
       onAuthenticated == null ? void 0 : onAuthenticated(profile);
       onClose();
@@ -34494,8 +34691,8 @@ var PhoneAccountModal = ({
     },
     onCancelled: onClose
   });
-  const prepared = (0, import_react86.useRef)(false);
-  (0, import_react86.useEffect)(() => {
+  const prepared = (0, import_react87.useRef)(false);
+  (0, import_react87.useEffect)(() => {
     if (prepared.current) return;
     prepared.current = true;
     if (initialEmail) flow.emailAuth.showLogin(initialEmail);
@@ -34585,7 +34782,7 @@ var styles20 = import_react_native58.StyleSheet.create({
 });
 
 // src/auth/ResetPasswordForm.tsx
-var import_react87 = require("react");
+var import_react88 = require("react");
 var import_react_native59 = require("react-native");
 var import_jsx_runtime61 = require("react/jsx-runtime");
 var ResetPasswordForm = ({
@@ -34594,11 +34791,11 @@ var ResetPasswordForm = ({
   onBackToLogin
 }) => {
   const theme = useTheme();
-  const [password, setPassword] = (0, import_react87.useState)("");
-  const [confirmation, setConfirmation] = (0, import_react87.useState)("");
-  const [submitted, setSubmitted] = (0, import_react87.useState)(false);
-  const [success, setSuccess] = (0, import_react87.useState)(false);
-  const validation = (0, import_react87.useMemo)(() => {
+  const [password, setPassword] = (0, import_react88.useState)("");
+  const [confirmation, setConfirmation] = (0, import_react88.useState)("");
+  const [submitted, setSubmitted] = (0, import_react88.useState)(false);
+  const [success, setSuccess] = (0, import_react88.useState)(false);
+  const validation = (0, import_react88.useMemo)(() => {
     if (!submitted)
       return {};
     return {
@@ -34657,7 +34854,7 @@ var styles21 = import_react_native59.StyleSheet.create({
 });
 
 // src/EmbeddedCheckout.tsx
-var import_react88 = require("react");
+var import_react89 = require("react");
 var import_react_native60 = require("react-native");
 var import_jsx_runtime62 = require("react/jsx-runtime");
 var Flow = ({
@@ -34685,13 +34882,13 @@ var Flow = ({
   var _a2;
   const checkout = useCheckoutContext();
   const theme = useTheme();
-  const [view, setView] = (0, import_react88.useState)(initialView);
-  const [selectionView, setSelectionView] = (0, import_react88.useState)(initialView);
-  const editedDetailsRef = (0, import_react88.useRef)(null);
-  const [authRequest, setAuthRequest] = (0, import_react88.useState)(
+  const [view, setView] = (0, import_react89.useState)(initialView);
+  const [selectionView, setSelectionView] = (0, import_react89.useState)(initialView);
+  const editedDetailsRef = (0, import_react89.useRef)(null);
+  const [authRequest, setAuthRequest] = (0, import_react89.useState)(
     null
   );
-  const [privacyAttempted, setPrivacyAttempted] = (0, import_react88.useState)(false);
+  const [privacyAttempted, setPrivacyAttempted] = (0, import_react89.useState)(false);
   const openBuiltInAuth = (email) => setAuthRequest((current5) => {
     var _a3;
     return { email, key: ((_a3 = current5 == null ? void 0 : current5.key) != null ? _a3 : 0) + 1 };
@@ -34704,7 +34901,7 @@ var Flow = ({
     orderFixed: checkout.orderFixed
   });
   const leaveAllowed = canLeavePayment(checkout);
-  (0, import_react88.useEffect)(() => {
+  (0, import_react89.useEffect)(() => {
     if (visibleView === view) return;
     if (visibleView === "checkout") setView("checkout");
     else {
@@ -34712,7 +34909,7 @@ var Flow = ({
       setSelectionView("tickets");
     }
   }, [view, visibleView]);
-  (0, import_react88.useEffect)(() => {
+  (0, import_react89.useEffect)(() => {
     onViewChange == null ? void 0 : onViewChange(visibleView);
   }, [onViewChange, visibleView]);
   const enterCheckout = (from) => {