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

package/dist/index.mjs

@@ -2446,6 +2446,15 @@ import { useQueryClient as useQueryClient14 } from "@tanstack/react-query";
 import { useEffect as useEffect22, useRef as useRef27, useState as useState29 } from "react";
 import { useEffect as useEffect23, useRef as useRef28, useState as useState30 } from "react";
 import { useQueryClient as useQueryClient15 } from "@tanstack/react-query";
+import { useQueryClient as useQueryClient16 } from "@tanstack/react-query";
+import {
+  useCallback as useCallback14,
+  useEffect as useEffect24,
+  useLayoutEffect as useLayoutEffect4,
+  useMemo as useMemo16,
+  useRef as useRef29,
+  useSyncExternalStore as useSyncExternalStore20
+} from "react";
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -5783,7 +5792,7 @@ var tripStatus = (status, locale) => {
 };
 var isEventTrip = (data) => "event" in data;
 var brandingLines = (identities = []) => identities.map(
-  (identity) => [...new Set([identity.brand_name, identity.platform_name].filter(Boolean))].join(
+  (identity2) => [...new Set([identity2.brand_name, identity2.platform_name].filter(Boolean))].join(
     " \xB7 "
   )
 ).filter(Boolean);
@@ -6820,16 +6829,20 @@ var mapOption = (o) => {
     requiresSignIn: o.requiresSignIn === true || o.requires_sign_in === true
   };
 };
+var waitlistId = (value6) => typeof value6 === "string" && /^[1-9]\d*$/.test(value6) ? value6 : typeof value6 === "number" && Number.isSafeInteger(value6) && value6 > 0 ? String(value6) : null;
 var mapWaitlist = (w) => {
-  var _a2, _b, _c, _d;
+  const ticketTypeId = waitlistId(w.ticketTypeId);
+  if (!ticketTypeId || typeof w.name !== "string" || !w.name.trim()) return null;
+  if (w.entry === null) return { ticketTypeId, name: w.name, entry: null };
+  if (!w.entry || typeof w.entry !== "object" || Array.isArray(w.entry)) return null;
+  const id2 = waitlistId(w.entry.id);
+  const { status, offerExpiresAt } = w.entry;
+  if (!id2 || !["waiting", "offered"].includes(status) || offerExpiresAt !== void 0 && offerExpiresAt !== null && typeof offerExpiresAt !== "string")
+    return null;
   return {
-    ticketTypeId: String((_a2 = w.ticketTypeId) != null ? _a2 : ""),
-    name: String((_b = w.name) != null ? _b : ""),
-    entry: w.entry && typeof w.entry === "object" ? {
-      id: String((_c = w.entry.id) != null ? _c : ""),
-      status: String((_d = w.entry.status) != null ? _d : ""),
-      offerExpiresAt: text3(w.entry.offerExpiresAt)
-    } : null
+    ticketTypeId,
+    name: w.name,
+    entry: { id: id2, status, offerExpiresAt: text3(offerExpiresAt) }
   };
 };
 var list = (value6) => Array.isArray(value6) ? value6.filter((v) => v && typeof v === "object") : [];
@@ -6849,7 +6862,7 @@ var ticketChangeOptionsFromResponse = (body3) => {
       closesAt: text3((_d = a.cutoff) == null ? void 0 : _d.closesAt)
     },
     options,
-    waitlistOptions: list(a.waitlistOptions).map(mapWaitlist),
+    waitlistOptions: list(a.waitlistOptions).map(mapWaitlist).filter((option) => option !== null),
     sellInstead: {
       available: Boolean((_e = a.sellInstead) == null ? void 0 : _e.available) && Boolean((_f = a.sellInstead) == null ? void 0 : _f.url),
       url: text3((_g = a.sellInstead) == null ? void 0 : _g.url)
@@ -8521,6 +8534,49 @@ var waitingListEntryFrom = (definition, draft) => {
     quantity
   };
 };
+var identity = (ticket) => {
+  var _a2;
+  return (_a2 = ticket.selectionKey) != null ? _a2 : ticket.id;
+};
+var ticketPriceContext = (scope, ticket) => {
+  var _a2, _b;
+  return JSON.stringify([
+    scope,
+    ticket.currency,
+    (_a2 = ticket.timeSlot) == null ? void 0 : _a2.date,
+    (_b = ticket.timeSlot) == null ? void 0 : _b.time,
+    identity(ticket)
+  ]);
+};
+var calendarTicketRows = (base, dated) => {
+  const ids = new Set(dated.map(identity));
+  return [
+    ...dated,
+    ...base.filter(
+      (ticket) => ticket.isRegularTicket === true && !ids.has(identity(ticket))
+    )
+  ];
+};
+var catalogDate = (selected, dates) => {
+  var _a2;
+  return dates.includes(selected) ? selected : (_a2 = dates[0]) != null ? _a2 : "";
+};
+var catalogQuantities = (previous, tickets, previousTickets = tickets, dateChanged = false) => {
+  var _a2;
+  const retained = /* @__PURE__ */ new Map();
+  for (const ticket of previousTickets) {
+    if (dateChanged && ticket.timeSlot) continue;
+    if (previous[ticket.id] > 0) retained.set(identity(ticket), previous[ticket.id]);
+  }
+  const next = {};
+  for (const ticket of tickets) {
+    const quantity = (_a2 = retained.get(identity(ticket))) != null ? _a2 : 0;
+    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: [],
@@ -9954,10 +10010,22 @@ var badgeOf = (raw) => {
   const text6 = typeof raw === "string" ? raw.trim() : "";
   return text6 || null;
 };
-var mapTicket = (t) => {
+var eventCurrency = (raw) => {
+  if (typeof raw === "string") return { currency: raw };
+  if (!raw || typeof raw !== "object") return {};
+  const value6 = raw;
+  return {
+    ...typeof value6.currency === "string" ? { currency: value6.currency } : {},
+    ...typeof value6.symbol === "string" ? { priceSymbol: value6.symbol } : {}
+  };
+};
+var selectionKey = (raw, eventId) => typeof raw === "string" && raw.trim() === raw && /^event:[1-9]\d*:ticket:[1-9]\d*$/.test(raw) && raw.startsWith(`event:${eventId}:ticket:`) ? raw : void 0;
+var mapTicket = (t, eventId) => {
   var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
   return {
     id: String(t.id),
+    ...selectionKey(t.selectionKey, eventId) ? { selectionKey: selectionKey(t.selectionKey, eventId) } : {},
+    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 : "",
@@ -10016,7 +10084,7 @@ var getEventDetails = async (eventId, language = "en") => {
     endDate: hideDate ? null : text6(a.endDate),
     formattedDate: hideDate ? "Date TBC" : String((_q = a.formattedDate) != null ? _q : ""),
     timezone: text6(a.timezone),
-    currency: String((_r = a.currency) != null ? _r : ""),
+    currency: (_r = eventCurrency(a.currency).currency) != null ? _r : "",
     salesStart: text6(a.salesStart),
     salesEnd: text6(a.salesEnd),
     salesStarted: Boolean(a.salesStarted),
@@ -10041,13 +10109,14 @@ var getEventTickets = async (eventId) => {
     tfCatalogContext: true
   });
   const ticketsObj = (_c = (_b = (_a2 = body3 == null ? void 0 : body3.data) == null ? void 0 : _a2.attributes) == null ? void 0 : _b.tickets) != null ? _c : {};
-  return Object.values(ticketsObj).map(mapTicket);
+  return Object.values(ticketsObj).map((ticket) => mapTicket(ticket, eventId));
 };
 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;
@@ -10056,6 +10125,7 @@ var getEventInfo = async (eventId, pk) => {
   const rawCountry = a.country;
   const countryCode = (_j = (_i = (_h = typeof rawCountry === "string" ? rawCountry : rawCountry == null ? void 0 : rawCountry.code) != null ? _h : a.countryCode) != null ? _i : a.country_code) != null ? _j : null;
   return {
+    ...eventCurrency(a.currency),
     isSeatedEvent: isSeatedEvent(attributes6),
     tableMapEnabled: Boolean((_k = a.tableMapEnabled) != null ? _k : a.table_map_enabled),
     isTimeSlotEvent: Boolean(
@@ -10089,7 +10159,7 @@ var getEventConditions = async (eventId) => {
   }).filter((c) => c.content || c.name);
 };
 var getEventTimeSlotTickets = async (eventId, date, options) => {
-  var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u;
+  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, _y, _z;
   await sdkSeatSessionHeaders(eventId);
   const body3 = await get(ENDPOINTS.events.timeSlotByDate(eventId), {
     tfCatalogContext: true,
@@ -10110,25 +10180,28 @@ var getEventTimeSlotTickets = async (eventId, date, options) => {
           const stock = Number((_h = (_g = s9.in_stock) != null ? _g : s9.real_stock) != null ? _h : 0);
           out.push({
             id: String(s9.matrix_record_id),
+            ...selectionKey(s9.selectionKey, eventId) ? { selectionKey: selectionKey(s9.selectionKey, eventId) } : {},
             name: s9.display_name || s9.option_value || "Ticket",
             groupName: (_j = (_i = s9.group_name) != null ? _i : s9.groupName) != null ? _j : null,
-            optionName: String((_k = s9.option_key) != null ? _k : ""),
-            price: Number((_l = s9.base_price) != null ? _l : 0),
-            priceWithFees: Number((_n = (_m = s9.price_with_fees) != null ? _m : s9.base_price) != null ? _n : 0),
-            priceSymbol: (_p = (_o = s9.price_symbol) != null ? _o : s9.priceSymbol) != null ? _p : "",
-            currency: "",
-            feeIncluded: false,
+            optionName: String((_l = (_k = s9.product_option_key) != null ? _k : s9.option_key) != null ? _l : ""),
+            price: Number((_n = (_m = s9.display_price) != null ? _m : s9.base_price) != null ? _n : 0),
+            priceWithFees: Number((_p = (_o = s9.price_with_fees) != null ? _o : s9.base_price) != null ? _p : 0),
+            priceSymbol: (_r = (_q = s9.price_symbol) != null ? _q : s9.priceSymbol) != null ? _r : "",
+            currency: (_s = s9.price_currency) != null ? _s : "",
+            feeIncluded: s9.fee_included === true,
             depositPercent: s9.deposit_percent != null ? Number(s9.deposit_percent) : null,
             soldOut: Boolean(s9.sold_out) || stock <= 0,
             salesStarted: s9.sales_started != null ? Boolean(s9.sales_started) : true,
             salesEnded: Boolean(s9.sales_ended),
-            minQuantity: Number((_q = s9.min_quantity) != null ? _q : 1) || 1,
-            maxQuantity: Number((_r = s9.max_quantity) != null ? _r : 10) || 10,
-            multiplier: Number((_s = s9.multiplier) != null ? _s : 1) || 1,
-            isTable: Boolean(s9.is_table),
-            allowDirectPurchase: true,
-            descriptionRich: (_t = s9.description) != null ? _t : null,
-            badgeText: badgeOf((_u = s9.badge_text) != null ? _u : s9.badgeText),
+            minQuantity: Number((_t = s9.min_quantity) != null ? _t : 1) || 1,
+            maxQuantity: Number((_u = s9.max_quantity) != null ? _u : 10),
+            multiplier: Number((_v = s9.multiplier) != null ? _v : 1) || 1,
+            isTable: s9.x_is_table !== void 0 && s9.x_is_table !== null ? Number(s9.x_is_table) === 1 : Boolean(s9.is_table),
+            minGuests: s9.min_guests === void 0 || s9.min_guests === null ? void 0 : Number(s9.min_guests),
+            maxGuests: s9.max_guests === void 0 || s9.max_guests === null ? void 0 : Number(s9.max_guests),
+            allowDirectPurchase: Number((_w = s9.allow_direct_purchase_for_seat_map) != null ? _w : 1) === 1,
+            descriptionRich: (_y = (_x = s9.x_description_rich) != null ? _x : s9.description) != null ? _y : null,
+            badgeText: badgeOf((_z = s9.badge_text) != null ? _z : s9.badgeText),
             timeSlot: { date: slotDate, time: timeKey }
           });
         }
@@ -10265,7 +10338,7 @@ var getEventTicketsWithMeta = async (eventId) => {
   const attrs = (_b = (_a2 = body3 == null ? void 0 : body3.data) == null ? void 0 : _a2.attributes) != null ? _b : {};
   const ticketsObj = (_c = attrs.tickets) != null ? _c : {};
   return {
-    tickets: Object.values(ticketsObj).map(mapTicket),
+    tickets: Object.values(ticketsObj).map((ticket) => mapTicket(ticket, eventId)),
     promo: {
       isPromotionsEnabled: attrs.isPromotionsEnabled === true,
       isAccessCodeEnabled: attrs.is_access_code === true,
@@ -10286,7 +10359,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;
@@ -14845,6 +14922,7 @@ __export(hooks_exports, {
   useSubmitPrizeDetails: () => useSubmitPrizeDetails,
   useTicketCardForm: () => useTicketCardForm,
   useTicketCardOwner: () => useTicketCardOwner,
+  useTicketCatalog: () => useTicketCatalog,
   useTicketChange: () => useTicketChange,
   useTicketChangeOptions: () => useTicketChangeOptions,
   useTicketGatewayWait: () => useTicketGatewayWait,
@@ -15795,7 +15873,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),
@@ -20044,15 +20122,15 @@ var useCheckoutImageField = ({
   value: value6,
   onChange,
   pick: pick3,
-  identity,
+  identity: identity2,
   disabled = false
 }) => {
   const assertOwner = useSessionAction();
   const [busy, setBusy] = useState24(false);
   const [error, setError] = useState24(null);
-  const owner = useRef22({ identity, value: value6, disabled });
-  if (owner.current.identity !== identity || owner.current.value !== value6 || owner.current.disabled !== disabled)
-    owner.current = { identity, value: value6, disabled };
+  const owner = useRef22({ identity: identity2, value: value6, disabled });
+  if (owner.current.identity !== identity2 || owner.current.value !== value6 || owner.current.disabled !== disabled)
+    owner.current = { identity: identity2, value: value6, disabled };
   const renderOwner = owner.current;
   const operation = useRef22(0);
   const inFlight = useRef22(false);
@@ -20070,7 +20148,7 @@ var useCheckoutImageField = ({
     inFlight.current = false;
     setBusy(false);
     setError(null);
-  }, [identity, value6, disabled]);
+  }, [identity2, value6, disabled]);
   const select = async (picker = pick3) => {
     if (!mounted.current || owner.current !== renderOwner || !picker || disabled || inFlight.current)
       return;
@@ -21407,6 +21485,205 @@ var useAccountEmailEnrichment = (options = {}) => {
     }
   };
 };
+var EMPTY_DATES = [];
+var EMPTY_TICKETS = [];
+var useTicketCatalog = (eventId, explicitDates) => {
+  var _a2, _b, _c, _d;
+  const queryClient = useQueryClient16();
+  const account = useSyncExternalStore20(subscribeSession, getSessionCacheScope, () => 0);
+  const revision = useSyncExternalStore20(
+    subscribeSession,
+    getCatalogContextRevision,
+    () => 0
+  );
+  const assertOwner = useMemo16(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 = useCallback14(() => {
+    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 [selection, updateSelection] = useScopedState(subject, { rows: EMPTY_TICKETS, date: "", quantities: {} });
+  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 } = useMemo16(() => {
+    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 currencies = [...new Set(base.map((ticket) => ticket.currency).filter(Boolean))];
+    const currency = (eventInfo == null ? void 0 : eventInfo.currency) || (currencies.length === 1 ? currencies[0] : "");
+    const symbols = [
+      ...new Set(
+        base.filter((ticket) => ticket.currency === currency).map((ticket) => ticket.priceSymbol).filter(Boolean)
+      )
+    ];
+    const symbol = (eventInfo == null ? void 0 : eventInfo.priceSymbol) || (symbols.length === 1 ? symbols[0] : "");
+    const dated = (slotQuery.isPlaceholderData ? EMPTY_TICKETS : (_c2 = slotQuery.data) != null ? _c2 : EMPTY_TICKETS).map((ticket) => ({
+      ...ticket,
+      currency: ticket.currency || currency,
+      priceSymbol: ticket.priceSymbol || symbol
+    }));
+    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,
+    slotQuery.isPlaceholderData
+  ]);
+  const liveCatalog = useRef29({ tickets, date: slotDate });
+  useLayoutEffect4(() => {
+    liveCatalog.current = { tickets, date: slotDate };
+  }, [tickets, slotDate]);
+  const qty = useMemo16(
+    () => catalogQuantities(
+      selection.quantities,
+      tickets,
+      selection.rows,
+      selection.date !== slotDate
+    ),
+    [selection, tickets, slotDate]
+  );
+  useEffect24(() => {
+    if (!current5()) return;
+    const next = isTimeSlot ? catalogDate(slotDate, dates) : "";
+    if (next !== slotDate) updateDate(next);
+    updateSelection((previous) => {
+      const quantities = catalogQuantities(
+        previous.quantities,
+        tickets,
+        previous.rows,
+        previous.date !== slotDate
+      );
+      return previous.rows === tickets && previous.date === slotDate && quantities === previous.quantities ? previous : { rows: tickets, date: slotDate, quantities };
+    });
+  }, [current5, isTimeSlot, slotDate, dates, tickets, updateDate, updateSelection]);
+  const setQty = useCallback14(
+    (update) => {
+      if (current5())
+        updateSelection((previous) => {
+          const { tickets: rows2, date } = liveCatalog.current;
+          const quantities = catalogQuantities(
+            previous.quantities,
+            rows2,
+            previous.rows,
+            previous.date !== date
+          );
+          const requested = typeof update === "function" ? update(quantities) : update;
+          return { rows: rows2, date, quantities: catalogQuantities(requested, rows2) };
+        });
+    },
+    [current5, updateSelection]
+  );
+  const setSlotDate = useCallback14(
+    (date) => {
+      if (current5() && dates.includes(date)) updateDate(date);
+    },
+    [current5, dates, updateDate]
+  );
+  const { refetch: refetchInfo } = eventQuery;
+  const { refetch: refetchTickets } = ticketsQuery;
+  const refetchCatalog = useCallback14(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",
@@ -23795,26 +24072,26 @@ var translateAccountMessage = (translate2, english, vars) => {
 import { useState as useState35 } from "react";
 
 // src/CardInput.tsx
-import { useEffect as useEffect26, useRef as useRef29, useState as useState34 } from "react";
+import { useEffect as useEffect27, useRef as useRef30, useState as useState34 } from "react";
 import { Platform, StyleSheet as StyleSheet4 } from "react-native";
 import { CardField } from "@stripe/stripe-react-native";
 
 // src/ui/CheckoutProvider.tsx
 import {
   createContext as createContext2,
-  useCallback as useCallback14,
+  useCallback as useCallback15,
   useContext as useContext2,
-  useMemo as useMemo18,
+  useMemo as useMemo19,
   useState as useState33
 } from "react";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 
 // src/ui/InstallmentPicker.tsx
-import { useEffect as useEffect24, useMemo as useMemo17, useState as useState31 } from "react";
+import { useEffect as useEffect25, useMemo as useMemo18, useState as useState31 } from "react";
 import { Modal, Pressable as Pressable2, StyleSheet as StyleSheet2, Text as Text2, View as View2 } from "react-native";
 
 // src/ui/primitives.tsx
-import { useMemo as useMemo16 } from "react";
+import { useMemo as useMemo17 } from "react";
 import {
   ActivityIndicator,
   Pressable,
@@ -23933,7 +24210,7 @@ var Button = ({
     }
   );
 };
-var useStyles = (theme) => useMemo16(
+var useStyles = (theme) => useMemo17(
   () => StyleSheet.create({
     card: {
       backgroundColor: theme.surface,
@@ -24002,7 +24279,7 @@ var useInstallmentPicker = () => {
   var _a2;
   const [pending3, setPending] = useState31(null);
   const [choices] = useState31(() => createInstallmentChoices(setPending));
-  useEffect24(() => () => choices.cancel(), [choices]);
+  useEffect25(() => () => choices.cancel(), [choices]);
   const onInstallmentOffers = choices.ask;
   const choose = (offer) => pending3 == null ? void 0 : pending3.choose(offer);
   const picker = /* @__PURE__ */ jsx3(
@@ -24057,7 +24334,7 @@ var InstallmentModal = ({ offers, onChoose, onClose }) => {
     }
   );
 };
-var useStyles2 = (theme) => useMemo17(
+var useStyles2 = (theme) => useMemo18(
   () => StyleSheet2.create({
     backdrop: {
       flex: 1,
@@ -24108,7 +24385,7 @@ var useStyles2 = (theme) => useMemo17(
 );
 
 // src/ui/ProviderPages.tsx
-import { useEffect as useEffect25, useState as useState32 } from "react";
+import { useEffect as useEffect26, useState as useState32 } from "react";
 import {
   ActivityIndicator as ActivityIndicator2,
   Linking,
@@ -24191,8 +24468,8 @@ var externalInitialUri = (uri) => {
 var useProviderPages = () => {
   const [pending3, setPending] = useState32(null);
   const [pages] = useState32(() => createProviderPages(setPending));
-  useEffect25(() => () => pages.cancel(), [pages]);
-  useEffect25(() => {
+  useEffect26(() => () => pages.cancel(), [pages]);
+  useEffect26(() => {
     if (!pending3) return;
     const subscription = Linking.addEventListener("url", ({ url: url2 }) => {
       if (providerPageMatchesReturn(url2, pending3.request.returnUrlPrefix))
@@ -24217,7 +24494,7 @@ var ProviderPage = ({
   const [error, setError] = useState32("");
   const displayedError = sourceError || error;
   const [reload, setReload] = useState32(0);
-  useEffect25(() => {
+  useEffect26(() => {
     if (!externalUri) return;
     let active2 = true;
     void Linking.openURL(externalUri).catch(() => {
@@ -24335,18 +24612,18 @@ var CheckoutThemeProvider = ({
   theme,
   children
 }) => {
-  const resolved = useMemo18(() => resolveTheme(theme), [theme]);
+  const resolved = useMemo19(() => resolveTheme(theme), [theme]);
   return /* @__PURE__ */ jsx5(ThemeCtx.Provider, { value: resolved, children });
 };
 var CheckoutRoot = ({ checkout, theme, pickImage, children }) => {
   const inheritedPicker = useContext2(ImagePickerCtx);
   const [attempt2, setAttempt] = useState33(0);
-  const requestValidation = useCallback14(() => setAttempt((n) => n + 1), []);
-  const validation = useMemo18(
+  const requestValidation = useCallback15(() => setAttempt((n) => n + 1), []);
+  const validation = useMemo19(
     () => ({ attempt: attempt2, requestValidation }),
     [attempt2, requestValidation]
   );
-  const resolved = useMemo18(() => resolveTheme(theme), [theme]);
+  const resolved = useMemo19(() => resolveTheme(theme), [theme]);
   return /* @__PURE__ */ jsx5(CheckoutCtx.Provider, { value: checkout, children: /* @__PURE__ */ jsx5(ThemeCtx.Provider, { value: resolved, children: /* @__PURE__ */ jsx5(ImagePickerCtx.Provider, { value: pickImage != null ? pickImage : inheritedPicker, children: /* @__PURE__ */ jsx5(ValidationCtx.Provider, { value: validation, children }) }) }) });
 };
 var SelfProvidedCheckout = ({
@@ -24415,10 +24692,10 @@ var CardInput = ({
 }) => {
   const theme = useTheme();
   const [attachment, setAttachment] = useState34(0);
-  const handleRef = useRef29(null);
-  const visibleRef = useRef29(visible);
+  const handleRef = useRef30(null);
+  const visibleRef = useRef30(visible);
   visibleRef.current = visible;
-  useEffect26(() => {
+  useEffect27(() => {
     const handle = cardFields.mount(
       owner,
       () => setAttachment((n) => n + 1),
@@ -24430,7 +24707,7 @@ var CardInput = ({
       handleRef.current = null;
     };
   }, [owner]);
-  useEffect26(() => {
+  useEffect27(() => {
     var _a2;
     (_a2 = handleRef.current) == null ? void 0 : _a2.setVisible(visible);
   }, [visible]);
@@ -25094,7 +25371,7 @@ var configureCheckout = (config) => configure({
 });
 
 // src/ui/Field.tsx
-import { useMemo as useMemo19, useState as useState36 } from "react";
+import { useMemo as useMemo20, useState as useState36 } from "react";
 import {
   Pressable as Pressable3,
   StyleSheet as StyleSheet5,
@@ -25188,7 +25465,7 @@ var Checkbox = ({ checked, onChange, label, invalid: invalid3 = false }) => {
     }
   );
 };
-var useFieldStyles = (theme) => useMemo19(
+var useFieldStyles = (theme) => useMemo20(
   () => StyleSheet5.create({
     field: { gap: 6 },
     label: {
@@ -25238,7 +25515,7 @@ var useFieldStyles = (theme) => useMemo19(
 );
 
 // src/ui/Select.tsx
-import { useCallback as useCallback15, useEffect as useEffect27, useMemo as useMemo20, useRef as useRef30, useState as useState37 } from "react";
+import { useCallback as useCallback16, useEffect as useEffect28, useMemo as useMemo21, useRef as useRef31, useState as useState37 } from "react";
 import { FlatList, Modal as Modal3, Pressable as Pressable4, StyleSheet as StyleSheet6, Text as Text5, View as View5 } from "react-native";
 import { Fragment, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 function Select({
@@ -25254,15 +25531,15 @@ function Select({
   const theme = useTheme();
   const s9 = useSelectStyles(theme);
   const [open, setOpen] = useState37(false);
-  const interaction = useRef30({ disabled, open: false, revision: 0 });
+  const interaction = useRef31({ disabled, open: false, revision: 0 });
   interaction.current.disabled = disabled;
   const revision = interaction.current.revision;
-  const close = useCallback15(() => {
+  const close = useCallback16(() => {
     interaction.current.open = false;
     interaction.current.revision += 1;
     setOpen(false);
   }, []);
-  useEffect27(() => {
+  useEffect28(() => {
     if (disabled && interaction.current.open) close();
   }, [disabled, close]);
   const selected = options.find((o) => o.value === value6);
@@ -25327,7 +25604,7 @@ function Select({
     )
   ] });
 }
-var useSelectStyles = (theme) => useMemo20(
+var useSelectStyles = (theme) => useMemo21(
   () => StyleSheet6.create({
     control: {
       flexDirection: "row",
@@ -25388,7 +25665,7 @@ var useSelectStyles = (theme) => useMemo20(
 );
 
 // src/ui/QuantitySelect.tsx
-import { useMemo as useMemo21 } from "react";
+import { useMemo as useMemo22 } from "react";
 import { Pressable as Pressable5, StyleSheet as StyleSheet7, Text as Text6, View as View6 } from "react-native";
 import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 var QuantitySelect = ({
@@ -25459,7 +25736,7 @@ var QuantitySelect = ({
     }
   );
 };
-var useQuantityStyles = (theme) => useMemo21(
+var useQuantityStyles = (theme) => useMemo22(
   () => StyleSheet7.create({
     stepper: { flexDirection: "row", alignItems: "center", gap: 14 },
     btn: {
@@ -25487,7 +25764,7 @@ var useQuantityStyles = (theme) => useMemo21(
 );
 
 // src/ui/Timer.tsx
-import { useMemo as useMemo22 } from "react";
+import { useMemo as useMemo23 } from "react";
 import { StyleSheet as StyleSheet8, Text as Text7, View as View7 } from "react-native";
 import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 var clock = (s9) => {
@@ -25506,7 +25783,7 @@ var Timer = ({ seconds: seconds2, urgentAt = 60, label }) => {
     /* @__PURE__ */ jsx10(Text7, { style: [s9.clock, urgent && s9.clockUrgent], children: clock(seconds2) })
   ] });
 };
-var useTimerStyles = (theme) => useMemo22(
+var useTimerStyles = (theme) => useMemo23(
   () => StyleSheet8.create({
     row: { flexDirection: "row", alignItems: "center", gap: 6 },
     label: {
@@ -25527,7 +25804,7 @@ var useTimerStyles = (theme) => useMemo22(
 );
 
 // src/ui/TimerBanner.tsx
-import { useMemo as useMemo23, useState as useState38 } from "react";
+import { useMemo as useMemo24, useState as useState38 } from "react";
 import { Pressable as Pressable6, StyleSheet as StyleSheet9, Text as Text8, View as View8 } from "react-native";
 import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 var clock2 = (s9) => {
@@ -25565,7 +25842,7 @@ var TimerBanner = ({
     ] })
   );
 };
-var useBannerStyles = (theme) => useMemo23(
+var useBannerStyles = (theme) => useMemo24(
   () => StyleSheet9.create({
     banner: {
       flexDirection: "row",
@@ -25605,7 +25882,7 @@ var useBannerStyles = (theme) => useMemo23(
 );
 
 // src/ui/PaymentMethods.tsx
-import { useMemo as useMemo24 } from "react";
+import { useMemo as useMemo25 } from "react";
 import { Image, Pressable as Pressable7, StyleSheet as StyleSheet10, Text as Text9, View as View9 } from "react-native";
 import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 var EXTRA_LABEL = {
@@ -25684,7 +25961,7 @@ var PaymentMethods = ({
     ] }, option.value);
   }) });
 };
-var useStyles3 = (theme) => useMemo24(
+var useStyles3 = (theme) => useMemo25(
   () => StyleSheet10.create({
     list: { gap: 8 },
     row: {
@@ -25728,7 +26005,7 @@ var useStyles3 = (theme) => useMemo24(
 );
 
 // src/ui/RichText.tsx
-import { useMemo as useMemo25, useState as useState39 } from "react";
+import { useMemo as useMemo26, useState as useState39 } from "react";
 import { Alert, Linking as Linking3, StyleSheet as StyleSheet11, Text as Text10, View as View10 } from "react-native";
 import RenderHTML, {
   defaultSystemFonts,
@@ -25782,8 +26059,8 @@ var RichText = ({
 }) => {
   const theme = useTheme();
   const [width, setWidth] = useState39(0);
-  const source = useMemo25(() => ({ html }), [html]);
-  const baseStyle = useMemo25(
+  const source = useMemo26(() => ({ html }), [html]);
+  const baseStyle = useMemo26(
     () => ({
       color: theme.muted,
       fontSize: theme.fontSize - 1,
@@ -25793,13 +26070,13 @@ var RichText = ({
     }),
     [theme.muted, theme.fontSize, theme.fontFamily, textStyle]
   );
-  const systemFonts = useMemo25(
+  const systemFonts = useMemo26(
     () => [
       .../* @__PURE__ */ new Set([...defaultSystemFonts, theme.fontFamily, textStyle == null ? void 0 : textStyle.fontFamily])
     ].filter((font) => typeof font === "string"),
     [theme.fontFamily, textStyle == null ? void 0 : textStyle.fontFamily]
   );
-  const tagsStyles = useMemo25(() => {
+  const tagsStyles = useMemo26(() => {
     var _a2;
     const defaults = {
       p: { marginTop: 0, marginBottom: 8 },
@@ -25836,7 +26113,7 @@ var RichText = ({
       defaults[tag] = { ...defaults[tag], ...style };
     return defaults;
   }, [theme.accent, theme.fontSize, baseStyle.fontSize, tagOverrides]);
-  const renderersProps = useMemo25(
+  const renderersProps = useMemo26(
     () => ({
       a: {
         onPress: (event, href) => {
@@ -25853,7 +26130,7 @@ var RichText = ({
     }),
     [onLinkPress]
   );
-  const defaultTextProps = useMemo25(() => ({ selectable }), [selectable]);
+  const defaultTextProps = useMemo26(() => ({ selectable }), [selectable]);
   return /* @__PURE__ */ jsx13(
     View10,
     {
@@ -25884,9 +26161,9 @@ var styles3 = StyleSheet11.create({ container: { alignSelf: "stretch", minWidth:
 // src/sections/Tickets.tsx
 import {
   Fragment as Fragment2,
-  useEffect as useEffect28,
-  useMemo as useMemo26,
-  useRef as useRef31,
+  useEffect as useEffect29,
+  useMemo as useMemo27,
+  useRef as useRef32,
   useState as useState40
 } from "react";
 import { Pressable as Pressable8, StyleSheet as StyleSheet13, Text as Text11, View as View12 } from "react-native";
@@ -26030,7 +26307,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(
@@ -26041,48 +26331,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] = useState40({});
-  const [slotDate, setSlotDate] = useState40("");
-  const eventInfo = hooks_exports.useEvent(eventId).data;
-  const isTimeSlot = Boolean((timeSlotDates == null ? void 0 : timeSlotDates.length) || (eventInfo == null ? void 0 : eventInfo.isTimeSlotEvent));
-  const dates = useMemo26(
-    () => {
-      var _a3;
-      return (_a3 = timeSlotDates != null ? timeSlotDates : eventInfo == null ? void 0 : eventInfo.availableDates) != null ? _a3 : [];
-    },
-    [timeSlotDates, eventInfo == null ? void 0 : eventInfo.availableDates]
+  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"
   );
-  useEffect28(() => {
-    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 = useMemo26(
-    () => {
-      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] = useState40("");
-  const [code, setCode] = useState40("");
-  const [codeState, setCodeState] = useState40("idle");
-  const [promoOpen, setPromoOpen] = useState40(false);
-  hooks_exports.useOnEventChange(eventId, () => {
-    setQty({});
-    setSlotDate("");
-    setCode("");
-    setPromoOpen(false);
-    setError("");
-  });
+  const [promoOpen, setPromoOpen] = hooks_exports.useScopedState(catalog.scope, false);
   const [visibleDescription, setVisibleDescription] = useState40(null);
-  const attributionEvent = useRef31(null);
-  useEffect28(() => {
+  const attributionEvent = useRef32(null);
+  useEffect29(() => {
     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;
@@ -26094,26 +26359,41 @@ 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]);
-  useEffect28(() => {
+  }, [
+    eventId,
+    initialPromoCode,
+    referrer,
+    readAttributionFromUrl,
+    catalog.instance,
+    catalog.attributionReady
+  ]);
+  useEffect29(() => {
     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 = useRef31({});
-  useEffect28(() => {
+  const originals = useRef32({});
+  useEffect29(() => {
     for (const t of tickets)
-      if (originals.current[t.id] == null) originals.current[t.id] = t.price;
-  }, [tickets]);
+      if (originals.current[ticketPriceContext(catalog.scope, t)] == null)
+        originals.current[ticketPriceContext(catalog.scope, t)] = t.price;
+  }, [tickets, catalog.scope]);
   const selected = tickets.filter((t) => {
     var _a3;
     return ((_a3 = qty[t.id]) != null ? _a3 : 0) > 0;
@@ -26123,7 +26403,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));
@@ -26131,7 +26411,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 {
@@ -26143,28 +26425,37 @@ 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;
     const notStarted = !t.salesStarted;
     const unavailable = t.soldOut || t.salesEnded || notStarted;
-    const original = originals.current[t.id];
+    const original = originals.current[ticketPriceContext(catalog.scope, t)];
     const discounted = original != null && original > t.price;
     const isFree = Number(t.price) === 0;
     const sym = t.priceSymbol || t.currency;
@@ -26237,8 +26528,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] });
@@ -26257,7 +26548,6 @@ var Tickets = ({
           value: slotDate,
           onChange: (d) => {
             setSlotDate(d);
-            setQty({});
           },
           options: dates.map((d) => ({ label: d, value: d }))
         }
@@ -26277,11 +26567,15 @@ var Tickets = ({
         }
       )
     ] }) : null,
-    isTimeSlot && !slotQuery.isLoading && tickets.length === 0 && slotDate ? /* @__PURE__ */ jsx15(MutedText, { children: "No sessions available on this date." }) : null,
+    isTimeSlot && !slotQuery.isLoading && !((_e = slotQuery.data) == null ? void 0 : _e.length) && slotDate ? /* @__PURE__ */ jsx15(MutedText, { children: "No sessions available on this date." }) : null,
     isTimeSlot ? timeGroups.map((g) => /* @__PURE__ */ jsxs12(Fragment2, { children: [
       g.time ? /* @__PURE__ */ jsx15(Text11, { style: s9.slotTime, children: g.time }) : null,
       g.items.map(renderRow)
     ] }, g.time)) : tickets.map(renderRow),
+    isTimeSlot && catalog.regularTickets.length > 0 ? /* @__PURE__ */ jsxs12(Fragment3, { children: [
+      /* @__PURE__ */ jsx15(Text11, { style: s9.slotTime, children: createTranslator()("tickets.getTickets") }),
+      catalog.regularTickets.map(renderRow)
+    ] }) : null,
     showCodeInput ? /* @__PURE__ */ jsx15(View12, { style: s9.promo, children: !isAccess && !promoOpen ? /* @__PURE__ */ jsx15(
       Pressable8,
       {
@@ -26306,7 +26600,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"
         }
       ),
@@ -26316,14 +26610,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__ */ jsx15(
       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,
@@ -26348,7 +26642,7 @@ var Tickets = ({
     error || checkout.error ? /* @__PURE__ */ jsx15(ErrorText, { children: error || checkout.error }) : null
   ] }) });
 };
-var useTicketStyles = (theme) => useMemo26(
+var useTicketStyles = (theme) => useMemo27(
   () => StyleSheet13.create({
     loading: { paddingVertical: 24, alignItems: "center" },
     selectBlock: { gap: 6 },
@@ -26481,7 +26775,7 @@ var useTicketStyles = (theme) => useMemo26(
 );
 
 // src/sections/SeatsIoMap.tsx
-import { useMemo as useMemo27 } from "react";
+import { useMemo as useMemo28 } from "react";
 import { View as View13 } from "react-native";
 import { WebView as WebView2 } from "react-native-webview";
 import { Fragment as Fragment4, jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
@@ -26490,7 +26784,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 = useMemo27(
+  const html = useMemo28(
     () => flow.data.chart ? seatsIoChartDocument(flow.data.chart, flow.nonce) : "",
     [flow.data.chart, flow.nonce]
   );
@@ -26576,7 +26870,7 @@ var SeatsIoMap = ({ eventId, initial, onContinue }) => {
 };
 
 // src/sections/SeatMap.tsx
-import { useEffect as useEffect29, useMemo as useMemo28, useRef as useRef32, useState as useState41 } from "react";
+import { useEffect as useEffect30, useMemo as useMemo29, useRef as useRef33, useState as useState41 } from "react";
 import { StyleSheet as StyleSheet14, Text as Text12, View as View14 } from "react-native";
 import { WebView as WebView3 } from "react-native-webview";
 
@@ -26592,7 +26886,7 @@ var SeatMap = ({ eventId, onContinue }) => {
   const theme = useTheme();
   const flow = hooks_exports.useSeatSelection(eventId, checkout, onContinue);
   const bundleStarting = hooks_exports.useBundleStarting(checkout.store);
-  const webview = useRef32(null);
+  const webview = useRef33(null);
   const [rendererError, setRendererError] = useState41(false);
   const [size, setSize] = useState41(320);
   const properties = flow.chart.state === "ready" ? {
@@ -26610,7 +26904,7 @@ var SeatMap = ({ eventId, onContinue }) => {
     predefinedSeats: flow.chart.data.predefinedSeats
   } : null;
   const chart = flow.chart.state === "ready" ? flow.chart.data : null;
-  const html = useMemo28(
+  const html = useMemo29(
     () => 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]
   );
@@ -26621,7 +26915,7 @@ var SeatMap = ({ eventId, onContinue }) => {
         `window.__tfSeatMapUpdate&&window.__tfSeatMapUpdate(${safeJson2(properties)});true;`
       );
   };
-  useEffect29(update, [properties && safeJson2(properties)]);
+  useEffect30(update, [properties && safeJson2(properties)]);
   if (flow.chart.state === "provider") return /* @__PURE__ */ jsx17(SeatsIoMap, { eventId, initial: flow.chart.data, onContinue });
   return /* @__PURE__ */ jsx17(FrozenFields, { frozen: checkout.orderFixed, children: /* @__PURE__ */ jsxs14(Card, { children: [
     /* @__PURE__ */ jsx17(SectionHeader, { title: "Select your seats" }),
@@ -26757,7 +27051,7 @@ var styles5 = StyleSheet14.create({
 });
 
 // src/sections/AddOns.tsx
-import { Fragment as Fragment6, useMemo as useMemo29 } from "react";
+import { Fragment as Fragment6, useMemo as useMemo30 } from "react";
 import { Pressable as Pressable9, StyleSheet as StyleSheet15, Text as Text13, View as View16 } from "react-native";
 
 // src/ui/CustomFields.tsx
@@ -27028,7 +27322,7 @@ var AddOns = ({
     error || checkout.error ? /* @__PURE__ */ jsx19(ErrorText, { children: error || checkout.error }) : null
   ] }) });
 };
-var useAddonStyles = (theme) => useMemo29(
+var useAddonStyles = (theme) => useMemo30(
   () => StyleSheet15.create({
     head: { flexDirection: "row", alignItems: "center", flexWrap: "wrap", gap: 8 },
     eyebrow: {
@@ -27122,7 +27416,7 @@ var useAddonStyles = (theme) => useMemo29(
 );
 
 // src/sections/Bundles.tsx
-import { useMemo as useMemo30 } from "react";
+import { useMemo as useMemo31 } from "react";
 import { StyleSheet as StyleSheet16, Text as Text14, View as View17 } from "react-native";
 import { Fragment as Fragment7, jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 var money3 = (currency, amount2) => `${currency} ${amount2.toFixed(2)}`;
@@ -27372,7 +27666,7 @@ var Bundles = ({
     /* @__PURE__ */ jsx20(Button, { onPress: flow.continueToDetails, disabled: !anySelected, children: t("bundles.continue") })
   ] });
 };
-var useBundleStyles = (theme) => useMemo30(
+var useBundleStyles = (theme) => useMemo31(
   () => StyleSheet16.create({
     loader: { paddingVertical: 20, alignItems: "center" },
     heading: {
@@ -27427,9 +27721,9 @@ var useBundleStyles = (theme) => useMemo30(
 // src/sections/BillingInfo.tsx
 import {
   Fragment as Fragment10,
-  useEffect as useEffect30,
-  useMemo as useMemo31,
-  useRef as useRef33,
+  useEffect as useEffect31,
+  useMemo as useMemo32,
+  useRef as useRef34,
   useState as useState44
 } from "react";
 import { Linking as Linking5, Pressable as Pressable10, StyleSheet as StyleSheet19, Text as Text16, View as View22 } from "react-native";
@@ -27607,35 +27901,35 @@ var PhoneIdentity = ({
   ...options
 }) => {
   var _a2;
-  const identity = hooks_exports.useCheckoutPhoneIdentity(options);
+  const identity2 = hooks_exports.useCheckoutPhoneIdentity(options);
   const [code, setCode] = useState43("");
   const [emailInstead, setEmailInstead] = useState43(false);
   if (emailInstead) return null;
-  if (identity.challenge)
+  if (identity2.challenge)
     return /* @__PURE__ */ jsx23(
       TwoFactorForm,
       {
-        loading: identity.busy,
-        error: identity.error,
+        loading: identity2.busy,
+        error: identity2.error,
         successMessage: "",
-        smsAvailable: identity.challenge.smsAvailable,
-        smsRetryAfter: identity.retryAfter,
-        onSubmit: identity.verifyTwoFactor,
-        onSendSms: identity.sendTwoFactorSms,
-        onCancel: identity.cancel
+        smsAvailable: identity2.challenge.smsAvailable,
+        smsRetryAfter: identity2.retryAfter,
+        onSubmit: identity2.verifyTwoFactor,
+        onSendSms: identity2.sendTwoFactorSms,
+        onCancel: identity2.cancel
       }
     );
   return /* @__PURE__ */ jsxs20(View20, { style: { gap: 12, paddingVertical: 12 }, children: [
     /* @__PURE__ */ jsx23(Text15, { children: "Verify your phone to complete your details faster" }),
-    identity.error ? /* @__PURE__ */ jsx23(ErrorText, { children: identity.error }) : null,
-    identity.verified ? /* @__PURE__ */ jsxs20(Fragment9, { children: [
+    identity2.error ? /* @__PURE__ */ jsx23(ErrorText, { children: identity2.error }) : null,
+    identity2.verified ? /* @__PURE__ */ jsxs20(Fragment9, { children: [
       /* @__PURE__ */ jsx23(MutedText, { children: "Your phone is verified." }),
-      ((_a2 = identity.result) == null ? void 0 : _a2.prefill.has_known_email) === true && typeof identity.result.prefill.email_masked === "string" ? /* @__PURE__ */ jsx23(
+      ((_a2 = identity2.result) == null ? void 0 : _a2.prefill.has_known_email) === true && typeof identity2.result.prefill.email_masked === "string" ? /* @__PURE__ */ jsx23(
         Checkbox,
         {
           checked: Boolean(knownEmailSelected),
           onChange: onUseKnownEmail,
-          label: `Send my tickets to ${identity.result.prefill.email_masked}`
+          label: `Send my tickets to ${identity2.result.prefill.email_masked}`
         }
       ) : null
     ] }) : /* @__PURE__ */ jsxs20(Fragment9, { children: [
@@ -27643,14 +27937,14 @@ var PhoneIdentity = ({
         Input,
         {
           accessibilityLabel: "Mobile number",
-          value: identity.phone,
-          onChangeText: identity.setPhone,
+          value: identity2.phone,
+          onChangeText: identity2.setPhone,
           keyboardType: "phone-pad",
           autoComplete: "tel",
-          editable: !identity.busy && !identity.sent
+          editable: !identity2.busy && !identity2.sent
         }
       ) }),
-      identity.sent ? /* @__PURE__ */ jsxs20(Fragment9, { children: [
+      identity2.sent ? /* @__PURE__ */ jsxs20(Fragment9, { children: [
         /* @__PURE__ */ jsx23(Field, { label: "Verification code", children: /* @__PURE__ */ jsx23(
           Input,
           {
@@ -27661,15 +27955,15 @@ var PhoneIdentity = ({
             autoComplete: "one-time-code",
             maxLength: 6,
             accessibilityLabel: "Verification code",
-            editable: !identity.busy
+            editable: !identity2.busy
           }
         ) }),
         /* @__PURE__ */ jsx23(
           Button,
           {
-            loading: identity.busy,
+            loading: identity2.busy,
             disabled: !/^\d{6}$/.test(code),
-            onPress: () => void identity.verify(code),
+            onPress: () => void identity2.verify(code),
             children: "Verify phone"
           }
         )
@@ -27677,30 +27971,30 @@ var PhoneIdentity = ({
       /* @__PURE__ */ jsx23(
         Button,
         {
-          disabled: identity.busy || identity.retryAfter > 0 || !identity.phone.trim(),
-          onPress: () => void identity.request("sms"),
-          children: identity.retryAfter > 0 ? `Send another code in ${identity.retryAfter}s` : "Send code by SMS"
+          disabled: identity2.busy || identity2.retryAfter > 0 || !identity2.phone.trim(),
+          onPress: () => void identity2.request("sms"),
+          children: identity2.retryAfter > 0 ? `Send another code in ${identity2.retryAfter}s` : "Send code by SMS"
         }
       ),
       options.whatsappAvailable ? /* @__PURE__ */ jsx23(
         Button,
         {
           variant: "ghost",
-          disabled: identity.busy || identity.retryAfter > 0 || !identity.phone.trim(),
-          onPress: () => void identity.request("whatsapp"),
+          disabled: identity2.busy || identity2.retryAfter > 0 || !identity2.phone.trim(),
+          onPress: () => void identity2.request("whatsapp"),
           children: "Send code by WhatsApp"
         }
       ) : null
     ] }),
-    (identity.sent || identity.verified) && /* @__PURE__ */ jsx23(
+    (identity2.sent || identity2.verified) && /* @__PURE__ */ jsx23(
       Button,
       {
         variant: "ghost",
-        disabled: identity.busy,
+        disabled: identity2.busy,
         onPress: () => {
           setCode("");
           onReset();
-          void identity.cancel();
+          void identity2.cancel();
         },
         children: "Change phone number"
       }
@@ -27709,9 +28003,9 @@ var PhoneIdentity = ({
       Button,
       {
         variant: "ghost",
-        disabled: identity.busy,
+        disabled: identity2.busy,
         onPress: () => {
-          void identity.cancel().then(() => setEmailInstead(true));
+          void identity2.cancel().then(() => setEmailInstead(true));
         },
         children: "Use email instead"
       }
@@ -27945,35 +28239,35 @@ var BillingInfo = ({
       (prev) => holderDraftsReloaded(prev, checkout.holders, checkout.backfilledHolderIndexes)
     );
   });
-  const restoredHolders = useRef33(checkout.holders);
+  const restoredHolders = useRef34(checkout.holders);
   hooks_exports.useOnEventChange(checkout.eventId, () => {
     restoredHolders.current = [];
     setHolders([]);
     setDataCapture({});
   });
-  const profileSeeded = useRef33(false);
-  const countryDefaultApplied = useRef33(Boolean((_c = checkout.billing) == null ? void 0 : _c.countryId));
+  const profileSeeded = useRef34(false);
+  const countryDefaultApplied = useRef34(Boolean((_c = checkout.billing) == null ? void 0 : _c.countryId));
   const {
     setBilling: commitBilling,
     setHolders: commitHolders,
     setConsent: commitConsent
   } = checkout;
   const gates = checkout.fieldGates;
-  const orderGroups = useMemo31(
+  const orderGroups = useMemo32(
     () => checkout.customFields.filter((g) => g.scope === "order"),
     [checkout.customFields]
   );
-  const ticketGroups = useMemo31(
+  const ticketGroups = useMemo32(
     () => checkout.customFields.filter((g) => g.scope === "ticket"),
     [checkout.customFields]
   );
-  const ticketFields = useMemo31(
+  const ticketFields = useMemo32(
     () => ticketGroups.flatMap((g) => g.fields),
     [ticketGroups]
   );
   const holderNamesRequired = checkout.holderNamesRequired || collectTicketHolders;
   const showHolders = holderNamesRequired || ticketFields.length > 0;
-  const slots = useMemo31(() => {
+  const slots = useMemo32(() => {
     var _a3, _b2;
     const out = [];
     const lines = (_b2 = (_a3 = checkout.breakdown) == null ? void 0 : _a3.tickets) != null ? _b2 : [];
@@ -27986,7 +28280,7 @@ var BillingInfo = ({
     }
     return out;
   }, [checkout.breakdown, checkout.selections]);
-  useEffect30(() => {
+  useEffect31(() => {
     const p = profile.data;
     if (!p || profileSeeded.current) return;
     profileSeeded.current = true;
@@ -28009,10 +28303,10 @@ var BillingInfo = ({
       return keys.every((k) => next[k] === prev[k]) ? prev : next;
     });
   }, [profile.data, checkout.isLoggedIn]);
-  useEffect30(() => {
+  useEffect31(() => {
     setHolders((prev) => holderDraftsForSlots(prev, slots, restoredHolders.current));
   }, [slots]);
-  useEffect30(() => {
+  useEffect31(() => {
     if (!showHolders) return;
     setHolders(
       (prev) => holderDraftsMirroringBuyer(prev, {
@@ -28023,7 +28317,7 @@ var BillingInfo = ({
       })
     );
   }, [showHolders, billing.firstName, billing.lastName, billing.email, billing.phone]);
-  useEffect30(() => {
+  useEffect31(() => {
     const email = billing.email.trim();
     if (checkout.isLoggedIn || !isEmail(email)) return;
     const t = setTimeout(
@@ -28037,18 +28331,18 @@ var BillingInfo = ({
   const countriesQuery = hooks_exports.useCountries({
     enabled: needsNationality || gates.showAddress
   });
-  const countries = useMemo31(() => {
+  const countries = useMemo32(() => {
     var _a3;
     return (_a3 = countriesQuery.data) != null ? _a3 : [];
   }, [countriesQuery.data]);
   const statesQuery = hooks_exports.useStates(billing.countryId, {
     enabled: Boolean(billing.countryId)
   });
-  const states = useMemo31(() => {
+  const states = useMemo32(() => {
     var _a3;
     return (_a3 = statesQuery.data) != null ? _a3 : [];
   }, [statesQuery.data]);
-  useEffect30(() => {
+  useEffect31(() => {
     var _a3, _b2, _c2, _d2;
     if (countryDefaultApplied.current || billing.countryId || countries.length === 0 || profile.isLoading || eventId && event.isLoading) {
       return;
@@ -28087,7 +28381,7 @@ var BillingInfo = ({
     event.isLoading,
     (_e = event.data) == null ? void 0 : _e.countryCode
   ]);
-  useEffect30(() => {
+  useEffect31(() => {
     var _a3;
     if (!billing.countryId) return;
     const country = countries.find(
@@ -28098,7 +28392,7 @@ var BillingInfo = ({
       setBilling((current5) => ({ ...current5, countryCode }));
     }
   }, [billing.countryId, billing.countryCode, countries]);
-  useEffect30(() => {
+  useEffect31(() => {
     if (!billing.stateId) return;
     const state = states.find(
       (candidate) => String(candidate.id) === String(billing.stateId)
@@ -28158,7 +28452,7 @@ var BillingInfo = ({
     });
     if (ttfOptInLabel || brandOptInLabel) commitConsent(consent);
   };
-  useEffect30(() => {
+  useEffect31(() => {
     if (combined) commit();
   }, [
     combined,
@@ -28432,7 +28726,7 @@ var BillingInfo = ({
     showHolders ? continueButton : null
   ] });
 };
-var useStyles4 = (theme) => useMemo31(
+var useStyles4 = (theme) => useMemo32(
   () => StyleSheet19.create({
     loginRow: {
       flexDirection: "row",
@@ -28625,7 +28919,7 @@ var Accommodation = ({ eventId }) => {
 var styles9 = StyleSheet21.create({ room: { gap: 12, paddingVertical: 12 }, title: { fontSize: 16, fontWeight: "600" } });
 
 // src/sections/Payment.tsx
-import { useEffect as useEffect31, useMemo as useMemo32, useState as useState45 } from "react";
+import { useEffect as useEffect32, useMemo as useMemo33, useState as useState45 } from "react";
 import { Platform as Platform2, View as View25 } from "react-native";
 import { isPlatformPaySupported } from "@stripe/stripe-react-native";
 import { Fragment as Fragment12, jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
@@ -28686,7 +28980,7 @@ var Payment = ({
   const [extras, setExtras] = useState45({});
   const [useSavedCard, setUseSavedCard] = useState45(true);
   const [nativeWalletSupported, setNativeWalletSupported] = useState45(false);
-  useEffect31(() => {
+  useEffect32(() => {
     let mounted = true;
     const env = getConfig().env;
     isPlatformPaySupported({ googlePay: { testEnv: env === "STAG" || env === "DEV" } }).then((supported) => {
@@ -28702,7 +28996,7 @@ var Payment = ({
   const isFree = bd !== void 0 && Number(bd.total) === 0;
   const isXendit = checkout.gateway === "xendit";
   const offersOxxo = stripeOffersOxxo(checkout.stripeElementsConfig);
-  const options = useMemo32(() => {
+  const options = useMemo33(() => {
     var _a3, _b2, _c2, _d2, _e2;
     if (isFree || !methods) return [];
     const out = [];
@@ -28759,7 +29053,7 @@ var Payment = ({
     nativeWalletSupported,
     offersOxxo
   ]);
-  useEffect31(() => {
+  useEffect32(() => {
     if (options.length && !options.some((o) => o.value === selected))
       setSelected(options[0].value);
   }, [options, selected]);
@@ -28944,11 +29238,11 @@ var Payment = ({
 };
 
 // src/sections/WaiverSigning.tsx
-import { useMemo as useMemo34, useRef as useRef35, useState as useState47 } from "react";
+import { useMemo as useMemo35, useRef as useRef36, useState as useState47 } from "react";
 import { Pressable as Pressable12, ScrollView, StyleSheet as StyleSheet23, Text as Text19, View as View27 } from "react-native";
 
 // src/ui/SignaturePad.tsx
-import { memo, useEffect as useEffect32, useMemo as useMemo33, useRef as useRef34, useState as useState46 } from "react";
+import { memo, useEffect as useEffect33, useMemo as useMemo34, useRef as useRef35, useState as useState46 } from "react";
 import { PanResponder, Pressable as Pressable11, StyleSheet as StyleSheet22, Text as Text18, View as View26 } from "react-native";
 import { Fragment as Fragment13, jsx as jsx30, jsxs as jsxs26 } from "react/jsx-runtime";
 var LINE_WIDTH = 2.5;
@@ -28994,13 +29288,13 @@ var SignaturePad = ({
   disabled
 }) => {
   const theme = useTheme();
-  const strokesRef = useRef34([]);
+  const strokesRef = useRef35([]);
   const [, setFrame] = useState46(0);
-  const frameRequest = useRef34(null);
-  const size = useRef34({ width: 0, height: PAD_HEIGHT });
-  const report = useRef34(onChange);
+  const frameRequest = useRef35(null);
+  const size = useRef35({ width: 0, height: PAD_HEIGHT });
+  const report = useRef35(onChange);
   report.current = onChange;
-  const disabledRef = useRef34(disabled);
+  const disabledRef = useRef35(disabled);
   disabledRef.current = disabled;
   const render = () => {
     if (frameRequest.current !== null) cancelAnimationFrame(frameRequest.current);
@@ -29011,7 +29305,7 @@ var SignaturePad = ({
     if (frameRequest.current !== null) return;
     frameRequest.current = requestAnimationFrame(render);
   };
-  useEffect32(
+  useEffect33(
     () => () => {
       if (frameRequest.current !== null) cancelAnimationFrame(frameRequest.current);
     },
@@ -29026,7 +29320,7 @@ var SignaturePad = ({
     });
     if (ended) report.current(ended.pngDataUrl, ended.inkLength);
   };
-  const responder = useMemo33(
+  const responder = useMemo34(
     () => PanResponder.create({
       onStartShouldSetPanResponder: () => !disabledRef.current,
       onMoveShouldSetPanResponder: () => !disabledRef.current,
@@ -29243,7 +29537,7 @@ var TicketForm = ({ ticket, consentText, t, methods, busy, locked = false, error
   const [problems, setProblems] = useState47([]);
   const [pressed, setPressed] = useState47(false);
   const frozen = busy || locked;
-  const draftRef = useRef35(draft);
+  const draftRef = useRef36(draft);
   draftRef.current = draft;
   const patch2 = (next) => {
     if (!frozen) setDraft((d) => ({ ...d, ...next }));
@@ -29397,7 +29691,7 @@ var TicketForm = ({ ticket, consentText, t, methods, busy, locked = false, error
     )
   ] });
 };
-var useWaiverStyles = (theme) => useMemo34(
+var useWaiverStyles = (theme) => useMemo35(
   () => StyleSheet23.create({
     muted: {
       color: theme.muted,
@@ -29553,7 +29847,7 @@ var styles11 = StyleSheet24.create({
 });
 
 // src/sections/Rewards.tsx
-import { useEffect as useEffect33, useState as useState51 } from "react";
+import { useEffect as useEffect34, useState as useState51 } from "react";
 import { Alert as Alert3, Image as Image3, Share as Share2, StyleSheet as StyleSheet27, View as View31 } from "react-native";
 import Clipboard2 from "@react-native-clipboard/clipboard";
 
@@ -29662,7 +29956,7 @@ var styles12 = StyleSheet25.create({
 });
 
 // src/sections/rewards/RewardsTree.tsx
-import { useMemo as useMemo35 } from "react";
+import { useMemo as useMemo36 } from "react";
 import { StyleSheet as StyleSheet26, View as View30 } from "react-native";
 import { jsx as jsx35, jsxs as jsxs31 } from "react/jsx-runtime";
 var MAX_NODES = 120;
@@ -29670,11 +29964,11 @@ var DOT = 10;
 var ROOT_DOT = 16;
 var RewardsTree = ({ tree, size = 260 }) => {
   const theme = useTheme();
-  const nodes = useMemo35(() => {
+  const nodes = useMemo36(() => {
     var _a2;
     return ((_a2 = tree == null ? void 0 : tree.nodes) != null ? _a2 : []).slice(0, MAX_NODES);
   }, [tree]);
-  const { layout, edges, rootId } = useMemo35(() => {
+  const { layout, edges, rootId } = useMemo36(() => {
     const root = treeRootId(nodes);
     const computed = computeRadialTreeLayout(nodes, root);
     return { layout: computed, edges: radialTreeEdges(nodes, computed), rootId: root };
@@ -29764,7 +30058,7 @@ var RewardsView = ({
   const [packName, setPackName] = useState51("");
   const [packCode, setPackCode] = useState51("");
   const [copied, setCopied] = useState51(false);
-  useEffect33(() => {
+  useEffect34(() => {
     setCopied(false);
   }, [rewards == null ? void 0 : rewards.share_link]);
   if (!rewards)
@@ -29952,7 +30246,7 @@ var styles14 = StyleSheet27.create({
 });
 
 // src/sections/TicketChange.tsx
-import { useMemo as useMemo36 } from "react";
+import { useMemo as useMemo37 } from "react";
 import { Pressable as Pressable13, StyleSheet as StyleSheet28, Text as Text21, View as View32 } from "react-native";
 import { Fragment as Fragment16, jsx as jsx37, jsxs as jsxs33 } from "react/jsx-runtime";
 var TicketChange = ({
@@ -30162,7 +30456,7 @@ var TicketChange = ({
     flow.notice ? /* @__PURE__ */ jsx37(Text21, { style: s9.muted, children: t(flow.notice) }) : null
   ] });
 };
-var useChangeStyles = (theme) => useMemo36(
+var useChangeStyles = (theme) => useMemo37(
   () => StyleSheet28.create({
     loader: { paddingVertical: 20, alignItems: "center" },
     muted: {
@@ -30258,7 +30552,7 @@ var Trips = ({
 };
 
 // src/sections/EventDiscussionView.tsx
-import { useRef as useRef37, useState as useState53 } from "react";
+import { useRef as useRef38, useState as useState53 } from "react";
 import {
   ActivityIndicator as ActivityIndicator4,
   Alert as Alert4,
@@ -30276,7 +30570,7 @@ import {
 } from "react-native";
 
 // src/sections/discussion/CommentImages.tsx
-import { useEffect as useEffect34, useState as useState52 } from "react";
+import { useEffect as useEffect35, useState as useState52 } from "react";
 import {
   ActivityIndicator as ActivityIndicator3,
   Image as Image4,
@@ -30289,9 +30583,9 @@ import {
 } from "react-native";
 
 // src/ui/useAccountT.ts
-import { useMemo as useMemo37 } from "react";
+import { useMemo as useMemo38 } from "react";
 var useAccountT = (locale) => {
-  const translate2 = useMemo37(
+  const translate2 = useMemo38(
     () => createTranslator({ locale: resolveLocale(locale) }),
     [locale]
   );
@@ -30356,7 +30650,7 @@ var CommentImages = ({
   const theme = useTheme();
   const white = [s.white, { fontFamily: theme.fontFamily }];
   const [selected, setSelected] = useState52(null);
-  useEffect34(() => {
+  useEffect35(() => {
     if (selected === null) return;
     onPreviewChange(true);
     return () => onPreviewChange(false);
@@ -30612,7 +30906,7 @@ var s = StyleSheet29.create({
 });
 
 // src/sections/discussion/SwipeReply.tsx
-import { useMemo as useMemo38, useRef as useRef36 } from "react";
+import { useMemo as useMemo39, useRef as useRef37 } from "react";
 import { Animated, PanResponder as PanResponder2, StyleSheet as StyleSheet30, Text as Text23, View as View35 } from "react-native";
 import { jsx as jsx40, jsxs as jsxs36 } from "react/jsx-runtime";
 var SwipeReply = ({
@@ -30623,8 +30917,8 @@ var SwipeReply = ({
   children
 }) => {
   const theme = useTheme();
-  const offset = useRef36(new Animated.Value(0)).current;
-  const gesture = useMemo38(() => {
+  const offset = useRef37(new Animated.Value(0)).current;
+  const gesture = useMemo39(() => {
     const reset = () => Animated.spring(offset, { toValue: 0, useNativeDriver: true }).start();
     return PanResponder2.create({
       onMoveShouldSetPanResponder: (_, value6) => enabled && value6.dx < -12 && Math.abs(value6.dx) > Math.abs(value6.dy) * 1.5,
@@ -30704,8 +30998,8 @@ var EventDiscussionBody = ({
   var _a2, _b, _c;
   const theme = useTheme();
   const t = useAccountT(locale);
-  const list2 = useRef37(null);
-  const firstContent = useRef37(true);
+  const list2 = useRef38(null);
+  const firstContent = useRef38(true);
   const [actions, setActions] = useState53(null);
   const [reporting, setReporting] = useState53(null);
   const [moderating, setModerating] = useState53(null);
@@ -30714,7 +31008,7 @@ var EventDiscussionBody = ({
   const [pickerError, setPickerError] = useState53("");
   const [imageOpen, setImageOpen] = useState53(false);
   const [pickerBusy, setPickerBusy] = useState53(false);
-  const picking = useRef37(false);
+  const picking = useRef38(false);
   const text6 = { color: theme.text, fontFamily: theme.fontFamily };
   const muted = { color: theme.muted, fontFamily: theme.fontFamily };
   const closeActions = (work) => {
@@ -31728,7 +32022,7 @@ var styles15 = StyleSheet32.create({
 });
 
 // src/sections/Streaming.tsx
-import { useMemo as useMemo39, useRef as useRef38, useState as useState54 } from "react";
+import { useMemo as useMemo40, useRef as useRef39, useState as useState54 } from "react";
 import {
   ActivityIndicator as ActivityIndicator5,
   Alert as Alert6,
@@ -31757,13 +32051,13 @@ var StreamingView = ({
   const defaultT = useAccountT(locale);
   const t = translate2 != null ? translate2 : defaultT;
   const inherited = useTheme();
-  const theme = useMemo39(
+  const theme = useMemo40(
     () => override ? resolveTheme({ ...inherited, ...override }) : inherited,
     [inherited, override]
   );
   const session = hooks_exports.useAuthSession();
   const assertOwner = hooks_exports.useSessionAction();
-  const pendingBrowser = useRef38({ scope: session.sessionScope, locked: false });
+  const pendingBrowser = useRef39({ scope: session.sessionScope, locked: false });
   const [stored, setStored] = useState54({
     scope: session.sessionScope,
     busy: false,
@@ -31927,7 +32221,7 @@ var s4 = StyleSheet33.create({
 });
 
 // src/sections/AccountDeletion.tsx
-import { useMemo as useMemo40 } from "react";
+import { useMemo as useMemo41 } from "react";
 import {
   ActivityIndicator as ActivityIndicator6,
   Alert as Alert7,
@@ -31959,7 +32253,7 @@ var AccountDeletionView = ({
   const defaultT = useAccountT(locale);
   const t = translate2 != null ? translate2 : defaultT;
   const inherited = useTheme();
-  const theme = useMemo40(
+  const theme = useMemo41(
     () => override ? resolveTheme({ ...inherited, ...override }) : inherited,
     [inherited, override]
   );
@@ -32188,7 +32482,7 @@ var s5 = StyleSheet34.create({
 });
 
 // src/sections/ProfileSettings.tsx
-import { useEffect as useEffect35, useMemo as useMemo41 } from "react";
+import { useEffect as useEffect36, useMemo as useMemo42 } from "react";
 import {
   ActivityIndicator as ActivityIndicator7,
   KeyboardAvoidingView as KeyboardAvoidingView2,
@@ -32223,7 +32517,7 @@ var ProfileSettingsView = ({
   const defaultT = useAccountT(locale);
   const t = translate2 != null ? translate2 : defaultT;
   const inherited = useTheme();
-  const theme = useMemo41(
+  const theme = useMemo42(
     () => override ? resolveTheme({ ...inherited, ...override }) : inherited,
     [inherited, override]
   );
@@ -32235,7 +32529,7 @@ var ProfileSettingsView = ({
     } catch (e) {
     }
   };
-  useEffect35(() => {
+  useEffect36(() => {
     if (flow.settings) flow.open(mode);
   }, [mode, flow.scopeKey, Boolean(flow.settings)]);
   const text6 = { color: theme.text, fontFamily: theme.fontFamily };
@@ -32740,7 +33034,7 @@ var AccountPaymentPlanSection = ({
 };
 
 // src/sections/NotificationPreferences.tsx
-import { useEffect as useEffect36, useMemo as useMemo42 } from "react";
+import { useEffect as useEffect37, useMemo as useMemo43 } from "react";
 import {
   ActivityIndicator as ActivityIndicator8,
   Pressable as Pressable21,
@@ -32769,7 +33063,7 @@ var NotificationPreferencesView = ({
   const defaultT = useAccountT(locale);
   const t = translate2 != null ? translate2 : defaultT;
   const inherited = useTheme();
-  const theme = useMemo42(
+  const theme = useMemo43(
     () => override ? resolveTheme({ ...inherited, ...override }) : inherited,
     [inherited, override]
   );
@@ -32781,7 +33075,7 @@ var NotificationPreferencesView = ({
     } catch (e) {
     }
   };
-  useEffect36(() => {
+  useEffect37(() => {
     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]);
@@ -32951,7 +33245,7 @@ import {
 } from "react-native";
 
 // src/auth/LoginForm.tsx
-import { useEffect as useEffect37, useState as useState56 } from "react";
+import { useEffect as useEffect38, useState as useState56 } from "react";
 import { Pressable as Pressable23, StyleSheet as StyleSheet38, Text as Text31, View as View49 } from "react-native";
 
 // src/auth/PasswordInput.tsx
@@ -33003,7 +33297,7 @@ var LoginForm = ({
   const theme = useTheme();
   const [email, setEmail] = useState56(initialEmail);
   const [password, setPassword] = useState56("");
-  useEffect37(() => {
+  useEffect38(() => {
     if (initialEmail && !email) setEmail(initialEmail);
   }, [email, initialEmail]);
   const submit = () => void onSubmit({ email, password });
@@ -33127,7 +33421,7 @@ var EmailCodeForm = ({
 };
 
 // src/auth/ForgotPasswordForm.tsx
-import { useEffect as useEffect38, useState as useState58 } from "react";
+import { useEffect as useEffect39, useState as useState58 } from "react";
 import { Pressable as Pressable24, StyleSheet as StyleSheet39, Text as Text32, View as View51 } from "react-native";
 import { jsx as jsx56, jsxs as jsxs52 } from "react/jsx-runtime";
 var ForgotPasswordForm = ({
@@ -33142,7 +33436,7 @@ var ForgotPasswordForm = ({
 }) => {
   const theme = useTheme();
   const [email, setEmail] = useState58(initialEmail);
-  useEffect38(() => {
+  useEffect39(() => {
     if (initialEmail && !email) setEmail(initialEmail);
   }, [email, initialEmail]);
   const submit = () => void onSubmit(email);
@@ -33190,7 +33484,7 @@ var styles18 = StyleSheet39.create({
 });
 
 // src/auth/RegisterForm.tsx
-import { useEffect as useEffect39, useMemo as useMemo43, useState as useState59 } from "react";
+import { useEffect as useEffect40, useMemo as useMemo44, useState as useState59 } from "react";
 import { Linking as Linking10, Pressable as Pressable25, StyleSheet as StyleSheet40, View as View52 } from "react-native";
 import { Fragment as Fragment29, jsx as jsx57, jsxs as jsxs53 } from "react/jsx-runtime";
 var emptyRegistration = (email) => ({
@@ -33219,7 +33513,7 @@ var RegisterForm = ({
   onFieldChange
 }) => {
   var _a2, _b, _c, _d, _e, _f;
-  const t = useMemo43(() => createTranslator({ locale }), [locale]);
+  const t = useMemo44(() => createTranslator({ locale }), [locale]);
   const [values2, setValues] = useState59(
     () => emptyRegistration(initialEmail)
   );
@@ -33227,22 +33521,22 @@ var RegisterForm = ({
   const [refreshingProof, setRefreshingProof] = useState59(false);
   const [refreshCode, setRefreshCode] = useState59("");
   const countriesQuery = hooks_exports.useCountries();
-  const countries = useMemo43(() => {
+  const countries = useMemo44(() => {
     var _a3;
     return (_a3 = countriesQuery.data) != null ? _a3 : [];
   }, [countriesQuery.data]);
   const statesQuery = hooks_exports.useStates(values2.countryId, {
     enabled: requireAddress && Boolean(values2.countryId)
   });
-  const states = useMemo43(() => {
+  const states = useMemo44(() => {
     var _a3;
     return (_a3 = statesQuery.data) != null ? _a3 : [];
   }, [statesQuery.data]);
-  useEffect39(() => {
+  useEffect40(() => {
     if (initialEmail && !values2.email)
       setValues((current5) => ({ ...current5, email: initialEmail }));
   }, [initialEmail, values2.email]);
-  useEffect39(() => {
+  useEffect40(() => {
     var _a3;
     if (!requireAddress || values2.countryId || countries.length === 0) return;
     const preferred = (_a3 = countries.find((country) => {
@@ -33263,11 +33557,11 @@ var RegisterForm = ({
     setValues((current5) => ({ ...current5, [field]: value6 }));
     onFieldChange == null ? void 0 : onFieldChange(field);
   };
-  const countryOptions = useMemo43(
+  const countryOptions = useMemo44(
     () => countries.map((country) => ({ label: country.name, value: String(country.id) })),
     [countries]
   );
-  const stateOptions = useMemo43(
+  const stateOptions = useMemo44(
     () => states.map((state) => ({ label: state.name, value: String(state.id) })),
     [states]
   );
@@ -33866,7 +34160,7 @@ function AccountEmailEnrichment({
 }
 
 // src/auth/AuthModal.tsx
-import { useCallback as useCallback16, useEffect as useEffect40, useRef as useRef39 } from "react";
+import { useCallback as useCallback17, useEffect as useEffect41, useRef as useRef40 } from "react";
 import { Image as Image8, Modal as Modal7, Pressable as Pressable26, ScrollView as ScrollView4, StyleSheet as StyleSheet42, Text as Text34, View as View55 } from "react-native";
 import { jsx as jsx60, jsxs as jsxs56 } from "react/jsx-runtime";
 var Tab = ({
@@ -33901,7 +34195,7 @@ var CredentialAuthModal = ({
 }) => {
   const theme = useTheme();
   const t = useAccountT();
-  const closeAfterAuth = useCallback16(
+  const closeAfterAuth = useCallback17(
     (profile) => {
       onAuthenticated == null ? void 0 : onAuthenticated(profile);
       onClose();
@@ -34093,8 +34387,8 @@ var PhoneAccountModal = ({
     },
     onCancelled: onClose
   });
-  const prepared = useRef39(false);
-  useEffect40(() => {
+  const prepared = useRef40(false);
+  useEffect41(() => {
     if (prepared.current) return;
     prepared.current = true;
     if (initialEmail) flow.emailAuth.showLogin(initialEmail);
@@ -34184,7 +34478,7 @@ var styles20 = StyleSheet42.create({
 });
 
 // src/auth/ResetPasswordForm.tsx
-import { useMemo as useMemo44, useState as useState60 } from "react";
+import { useMemo as useMemo45, useState as useState60 } from "react";
 import { StyleSheet as StyleSheet43, Text as Text35, View as View56 } from "react-native";
 import { jsx as jsx61, jsxs as jsxs57 } from "react/jsx-runtime";
 var ResetPasswordForm = ({
@@ -34197,7 +34491,7 @@ var ResetPasswordForm = ({
   const [confirmation, setConfirmation] = useState60("");
   const [submitted, setSubmitted] = useState60(false);
   const [success, setSuccess] = useState60(false);
-  const validation = useMemo44(() => {
+  const validation = useMemo45(() => {
     if (!submitted)
       return {};
     return {
@@ -34256,7 +34550,7 @@ var styles21 = StyleSheet43.create({
 });
 
 // src/EmbeddedCheckout.tsx
-import { useEffect as useEffect41, useRef as useRef40, useState as useState61 } from "react";
+import { useEffect as useEffect42, useRef as useRef41, useState as useState61 } from "react";
 import { Pressable as Pressable27, ScrollView as ScrollView5, StyleSheet as StyleSheet44, Text as Text36, View as View57 } from "react-native";
 import { Fragment as Fragment32, jsx as jsx62, jsxs as jsxs58 } from "react/jsx-runtime";
 var Flow = ({
@@ -34286,7 +34580,7 @@ var Flow = ({
   const theme = useTheme();
   const [view, setView] = useState61(initialView);
   const [selectionView, setSelectionView] = useState61(initialView);
-  const editedDetailsRef = useRef40(null);
+  const editedDetailsRef = useRef41(null);
   const [authRequest, setAuthRequest] = useState61(
     null
   );
@@ -34303,7 +34597,7 @@ var Flow = ({
     orderFixed: checkout.orderFixed
   });
   const leaveAllowed = canLeavePayment(checkout);
-  useEffect41(() => {
+  useEffect42(() => {
     if (visibleView === view) return;
     if (visibleView === "checkout") setView("checkout");
     else {
@@ -34311,7 +34605,7 @@ var Flow = ({
       setSelectionView("tickets");
     }
   }, [view, visibleView]);
-  useEffect41(() => {
+  useEffect42(() => {
     onViewChange == null ? void 0 : onViewChange(visibleView);
   }, [onViewChange, visibleView]);
   const enterCheckout = (from) => {
@@ -34703,6 +34997,7 @@ export {
   bundleSubmitAction,
   bundleSubmitState,
   bundlesFromCatalog,
+  calendarTicketRows,
   callHost,
   canLeavePayment,
   captureSessionAction,
@@ -34711,6 +35006,8 @@ export {
   cardFormShouldPrepare,
   cartTicketCount,
   cartTicketSlots,
+  catalogDate,
+  catalogQuantities,
   changeBillingEmail,
   changeBillingField,
   changeBillingPhone,
@@ -34983,6 +35280,7 @@ export {
   ticketConfirmerKey,
   ticketFieldsFor,
   ticketPaymentKeys,
+  ticketPriceContext,
   ticketQuantityRange,
   ticketRefundConsequences,
   ticketTypesForTier,