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

package/dist/index.mjs

@@ -2446,6 +2446,8 @@ 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, useMemo as useMemo16, useSyncExternalStore as useSyncExternalStore20 } from "react";
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -8521,6 +8523,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: [],
@@ -9958,6 +9981,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 : "",
@@ -10047,7 +10071,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;
@@ -10286,7 +10311,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 +14874,7 @@ __export(hooks_exports, {
   useSubmitPrizeDetails: () => useSubmitPrizeDetails,
   useTicketCardForm: () => useTicketCardForm,
   useTicketCardOwner: () => useTicketCardOwner,
+  useTicketCatalog: () => useTicketCatalog,
   useTicketChange: () => useTicketChange,
   useTicketChangeOptions: () => useTicketChangeOptions,
   useTicketGatewayWait: () => useTicketGatewayWait,
@@ -15795,7 +15825,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),
@@ -21407,6 +21437,154 @@ 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 [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 } = 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 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]);
+  useEffect24(() => {
+    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 = useCallback14(
+    (update) => {
+      if (current5()) updateQty(update);
+    },
+    [current5, updateQty]
+  );
+  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 +23973,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 useRef29, 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 +24111,7 @@ var Button = ({
     }
   );
 };
-var useStyles = (theme) => useMemo16(
+var useStyles = (theme) => useMemo17(
   () => StyleSheet.create({
     card: {
       backgroundColor: theme.surface,
@@ -24002,7 +24180,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 +24235,7 @@ var InstallmentModal = ({ offers, onChoose, onClose }) => {
     }
   );
 };
-var useStyles2 = (theme) => useMemo17(
+var useStyles2 = (theme) => useMemo18(
   () => StyleSheet2.create({
     backdrop: {
       flex: 1,
@@ -24108,7 +24286,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 +24369,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 +24395,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 +24513,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 = ({
@@ -24418,7 +24596,7 @@ var CardInput = ({
   const handleRef = useRef29(null);
   const visibleRef = useRef29(visible);
   visibleRef.current = visible;
-  useEffect26(() => {
+  useEffect27(() => {
     const handle = cardFields.mount(
       owner,
       () => setAttachment((n) => n + 1),
@@ -24430,7 +24608,7 @@ var CardInput = ({
       handleRef.current = null;
     };
   }, [owner]);
-  useEffect26(() => {
+  useEffect27(() => {
     var _a2;
     (_a2 = handleRef.current) == null ? void 0 : _a2.setVisible(visible);
   }, [visible]);
@@ -25094,7 +25272,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 +25366,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 +25416,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 useRef30, useState as useState37 } from "react";
 import { FlatList, Modal as Modal3, Pressable as Pressable4, StyleSheet as StyleSheet6, Text as Text5, View as View5 } from "react-native";
 import { Fragment, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 function Select({
@@ -25257,12 +25435,12 @@ function Select({
   const interaction = useRef30({ 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 +25505,7 @@ function Select({
     )
   ] });
 }
-var useSelectStyles = (theme) => useMemo20(
+var useSelectStyles = (theme) => useMemo21(
   () => StyleSheet6.create({
     control: {
       flexDirection: "row",
@@ -25388,7 +25566,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 +25637,7 @@ var QuantitySelect = ({
     }
   );
 };
-var useQuantityStyles = (theme) => useMemo21(
+var useQuantityStyles = (theme) => useMemo22(
   () => StyleSheet7.create({
     stepper: { flexDirection: "row", alignItems: "center", gap: 14 },
     btn: {
@@ -25487,7 +25665,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 +25684,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 +25705,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 +25743,7 @@ var TimerBanner = ({
     ] })
   );
 };
-var useBannerStyles = (theme) => useMemo23(
+var useBannerStyles = (theme) => useMemo24(
   () => StyleSheet9.create({
     banner: {
       flexDirection: "row",
@@ -25605,7 +25783,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 +25862,7 @@ var PaymentMethods = ({
     ] }, option.value);
   }) });
 };
-var useStyles3 = (theme) => useMemo24(
+var useStyles3 = (theme) => useMemo25(
   () => StyleSheet10.create({
     list: { gap: 8 },
     row: {
@@ -25728,7 +25906,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 +25960,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 +25971,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 +26014,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 +26031,7 @@ var RichText = ({
     }),
     [onLinkPress]
   );
-  const defaultTextProps = useMemo25(() => ({ selectable }), [selectable]);
+  const defaultTextProps = useMemo26(() => ({ selectable }), [selectable]);
   return /* @__PURE__ */ jsx13(
     View10,
     {
@@ -25884,8 +26062,8 @@ var styles3 = StyleSheet11.create({ container: { alignSelf: "stretch", minWidth:
 // src/sections/Tickets.tsx
 import {
   Fragment as Fragment2,
-  useEffect as useEffect28,
-  useMemo as useMemo26,
+  useEffect as useEffect29,
+  useMemo as useMemo27,
   useRef as useRef31,
   useState as useState40
 } from "react";
@@ -26030,7 +26208,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 +26232,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(() => {
+  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,23 +26260,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]);
-  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(() => {
+  useEffect29(() => {
     for (const t of tickets)
       if (originals.current[t.id] == null) originals.current[t.id] = t.price;
   }, [tickets]);
@@ -26123,7 +26303,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 +26311,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,22 +26325,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;
@@ -26237,8 +26428,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 +26448,6 @@ var Tickets = ({
           value: slotDate,
           onChange: (d) => {
             setSlotDate(d);
-            setQty({});
           },
           options: dates.map((d) => ({ label: d, value: d }))
         }
@@ -26277,11 +26467,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 +26500,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 +26510,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 +26542,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 +26675,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 +26684,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 +26770,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 useRef32, 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";
 
@@ -26610,7 +26804,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 +26815,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 +26951,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 +27222,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 +27316,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 +27566,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,8 +27621,8 @@ var useBundleStyles = (theme) => useMemo30(
 // src/sections/BillingInfo.tsx
 import {
   Fragment as Fragment10,
-  useEffect as useEffect30,
-  useMemo as useMemo31,
+  useEffect as useEffect31,
+  useMemo as useMemo32,
   useRef as useRef33,
   useState as useState44
 } from "react";
@@ -27959,21 +28153,21 @@ var BillingInfo = ({
     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 +28180,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 +28203,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 +28217,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 +28231,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 +28281,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 +28292,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 +28352,7 @@ var BillingInfo = ({
     });
     if (ttfOptInLabel || brandOptInLabel) commitConsent(consent);
   };
-  useEffect30(() => {
+  useEffect31(() => {
     if (combined) commit();
   }, [
     combined,
@@ -28432,7 +28626,7 @@ var BillingInfo = ({
     showHolders ? continueButton : null
   ] });
 };
-var useStyles4 = (theme) => useMemo31(
+var useStyles4 = (theme) => useMemo32(
   () => StyleSheet19.create({
     loginRow: {
       flexDirection: "row",
@@ -28625,7 +28819,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 +28880,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 +28896,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 +28953,7 @@ var Payment = ({
     nativeWalletSupported,
     offersOxxo
   ]);
-  useEffect31(() => {
+  useEffect32(() => {
     if (options.length && !options.some((o) => o.value === selected))
       setSelected(options[0].value);
   }, [options, selected]);
@@ -28944,11 +29138,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 useRef35, 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 useRef34, 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;
@@ -29011,7 +29205,7 @@ var SignaturePad = ({
     if (frameRequest.current !== null) return;
     frameRequest.current = requestAnimationFrame(render);
   };
-  useEffect32(
+  useEffect33(
     () => () => {
       if (frameRequest.current !== null) cancelAnimationFrame(frameRequest.current);
     },
@@ -29026,7 +29220,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,
@@ -29397,7 +29591,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 +29747,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 +29856,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 +29864,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 +29958,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 +30146,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 +30356,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: {
@@ -30276,7 +30470,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 +30483,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 +30550,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 +30806,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 useRef36 } 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 = ({
@@ -30624,7 +30818,7 @@ var SwipeReply = ({
 }) => {
   const theme = useTheme();
   const offset = useRef36(new Animated.Value(0)).current;
-  const gesture = useMemo38(() => {
+  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,
@@ -31728,7 +31922,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 useRef38, useState as useState54 } from "react";
 import {
   ActivityIndicator as ActivityIndicator5,
   Alert as Alert6,
@@ -31757,7 +31951,7 @@ 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]
   );
@@ -31927,7 +32121,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 +32153,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 +32382,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 +32417,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 +32429,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 +32934,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 +32963,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 +32975,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 +33145,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 +33197,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 +33321,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 +33336,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 +33384,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 +33413,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 +33421,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 +33457,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 +34060,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 useRef39 } 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 +34095,7 @@ var CredentialAuthModal = ({
 }) => {
   const theme = useTheme();
   const t = useAccountT();
-  const closeAfterAuth = useCallback16(
+  const closeAfterAuth = useCallback17(
     (profile) => {
       onAuthenticated == null ? void 0 : onAuthenticated(profile);
       onClose();
@@ -34094,7 +34288,7 @@ var PhoneAccountModal = ({
     onCancelled: onClose
   });
   const prepared = useRef39(false);
-  useEffect40(() => {
+  useEffect41(() => {
     if (prepared.current) return;
     prepared.current = true;
     if (initialEmail) flow.emailAuth.showLogin(initialEmail);
@@ -34184,7 +34378,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 +34391,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 +34450,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 useRef40, 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 = ({
@@ -34303,7 +34497,7 @@ var Flow = ({
     orderFixed: checkout.orderFixed
   });
   const leaveAllowed = canLeavePayment(checkout);
-  useEffect41(() => {
+  useEffect42(() => {
     if (visibleView === view) return;
     if (visibleView === "checkout") setView("checkout");
     else {
@@ -34311,7 +34505,7 @@ var Flow = ({
       setSelectionView("tickets");
     }
   }, [view, visibleView]);
-  useEffect41(() => {
+  useEffect42(() => {
     onViewChange == null ? void 0 : onViewChange(visibleView);
   }, [onViewChange, visibleView]);
   const enterCheckout = (from) => {
@@ -34703,6 +34897,7 @@ export {
   bundleSubmitAction,
   bundleSubmitState,
   bundlesFromCatalog,
+  calendarTicketRows,
   callHost,
   canLeavePayment,
   captureSessionAction,
@@ -34711,6 +34906,8 @@ export {
   cardFormShouldPrepare,
   cartTicketCount,
   cartTicketSlots,
+  catalogDate,
+  catalogQuantities,
   changeBillingEmail,
   changeBillingField,
   changeBillingPhone,