@riverbankcms/sdk 0.94.0 → 0.96.0

package/dist/client/bookings.mjs

@@ -12446,6 +12446,9 @@ function resolveDiscountContext(input) {
   if (!input.eventRequiresPayment) {
     return null;
   }
+  if (input.ticketsCount <= 0) {
+    return null;
+  }
   if (selection?.method && selection.method !== "stripe") {
     return null;
   }
@@ -16960,6 +16963,7 @@ function transformEligibilityResponse(response) {
     requiresPayment: eligibility.requiresPayment,
     pricingMode: eligibility.pricingMode,
     selectedTicketTypeId: eligibility.selectedTicketTypeId ?? null,
+    ticketLines: eligibility.ticketLines ?? [],
     ticketTypes: eligibility.ticketTypes ?? [],
     isFull: eligibility.isFull,
     waitlistEnabled: eligibility.waitlistEnabled,
@@ -17002,6 +17006,48 @@ function findSelectedTicketType(input) {
 // ../blocks/src/system/runtime/nodes/event-registration/hooks.ts
 import { useState as useState3, useEffect as useEffect8, useCallback as useCallback5, useRef as useRef9, useReducer as useReducer7 } from "react";
 
+// ../blocks/src/system/runtime/nodes/event-registration/ticketSelectionLines.ts
+function normalizeTicketSelectionLines(lines) {
+  const quantitiesByTicketType = /* @__PURE__ */ new Map();
+  for (const line of lines) {
+    const quantity = Math.floor(line.quantity);
+    if (quantity <= 0) continue;
+    const key = line.ticketTypeId ?? null;
+    quantitiesByTicketType.set(key, (quantitiesByTicketType.get(key) ?? 0) + quantity);
+  }
+  return [...quantitiesByTicketType.entries()].map(([ticketTypeId, quantity]) => ({
+    ticketTypeId,
+    quantity
+  }));
+}
+function getTicketSelectionTotal(lines) {
+  return normalizeTicketSelectionLines(lines).reduce((total, line) => total + line.quantity, 0);
+}
+function getSingleSelectedTicketTypeId(lines) {
+  const normalized = normalizeTicketSelectionLines(lines);
+  return normalized.length === 1 ? normalized[0]?.ticketTypeId ?? null : null;
+}
+function calculateTicketSelectionSubtotal(input) {
+  return normalizeTicketSelectionLines(input.lines).reduce((subtotal, line) => {
+    const ticketType = line.ticketTypeId ? input.ticketTypes.find((candidate) => candidate.id === line.ticketTypeId) ?? null : null;
+    const unitPriceCents = ticketType?.priceAmount ?? input.fallbackUnitPriceCents;
+    return subtotal + Math.max(0, unitPriceCents) * line.quantity;
+  }, 0);
+}
+function buildTicketSelectionSummaryLines(input) {
+  return normalizeTicketSelectionLines(input.lines).map((line) => {
+    const ticketType = line.ticketTypeId ? input.ticketTypes.find((candidate) => candidate.id === line.ticketTypeId) ?? null : null;
+    const unitPriceCents = ticketType?.priceAmount ?? input.fallbackUnitPriceCents;
+    return {
+      ticketTypeId: line.ticketTypeId,
+      label: ticketType?.name ?? input.fallbackLabel,
+      quantity: line.quantity,
+      unitPriceCents,
+      subtotalCents: Math.max(0, unitPriceCents) * line.quantity
+    };
+  });
+}
+
 // ../blocks/src/system/runtime/nodes/event-registration/hooks.state.ts
 var initialEligibilityLookupState = {
   tag: "idle",
@@ -17108,6 +17154,7 @@ function usePortalAuth() {
 }
 function useEligibility(params) {
   const api = useBlockApi();
+  const ticketSelectionsKey = JSON.stringify(normalizeTicketSelectionLines(params.ticketSelections));
   const [state, dispatch] = useReducer7(
     eligibilityLookupReducer,
     initialEligibilityLookupState
@@ -17121,7 +17168,8 @@ function useEligibility(params) {
         dispatch({ type: "reset" });
         return;
       }
-      if (!params.occurrenceId || !params.email.trim()) {
+      const ticketSelections = JSON.parse(ticketSelectionsKey);
+      if (!params.occurrenceId || !params.email.trim() || ticketSelections.length === 0) {
         requestIdRef.current += 1;
         dispatch({ type: "reset" });
         return;
@@ -17133,10 +17181,9 @@ function useEligibility(params) {
         const result = await api.checkEligibility({
           occurrenceId: params.occurrenceId,
           attendanceMode: params.attendanceMode ?? void 0,
-          ticketTypeId: params.ticketTypeId ?? void 0,
+          ticketSelections,
           selectedSlidingAmount: params.selectedSlidingAmount ?? void 0,
-          email: params.email.trim().toLowerCase(),
-          ticketsCount: params.ticketsCount
+          email: params.email.trim().toLowerCase()
         });
         if (cancelled || requestIdRef.current !== requestId) return;
         dispatch({
@@ -17155,7 +17202,15 @@ function useEligibility(params) {
     return () => {
       cancelled = true;
     };
-  }, [api, params.enabled, params.occurrenceId, params.attendanceMode, params.ticketTypeId, params.selectedSlidingAmount, params.email, params.ticketsCount]);
+  }, [
+    api,
+    params.enabled,
+    params.occurrenceId,
+    params.attendanceMode,
+    ticketSelectionsKey,
+    params.selectedSlidingAmount,
+    params.email
+  ]);
   return {
     state,
     eligibility: state.eligibility,
@@ -17231,9 +17286,15 @@ function savePendingRegistration(siteId, occurrenceId, data) {
   }
   try {
     const key = getStorageKey(siteId, occurrenceId);
+    const ticketSelections = normalizeTicketSelectionLines(data.ticketSelections);
+    if (ticketSelections.length === 0) {
+      console.warn("[sessionStorage] No ticket selections to save, skipping registration state");
+      return;
+    }
     const entry = {
       ...data,
-      version: 3,
+      ticketSelections,
+      version: 4,
       timestamp: Date.now()
     };
     sessionStorage.setItem(key, JSON.stringify(entry));
@@ -17279,8 +17340,8 @@ function parseAndValidateEntry(stored, key) {
       return null;
     }
     const version = raw.version;
-    if (version !== 1 && version !== 2 && version !== 3) {
-      console.warn("[sessionStorage] Unknown version, ignoring entry");
+    if (version !== 4) {
+      console.warn("[sessionStorage] Outdated version, ignoring entry");
       sessionStorage.removeItem(key);
       return null;
     }
@@ -17296,34 +17357,12 @@ function parseAndValidateEntry(stored, key) {
       sessionStorage.removeItem(key);
       return null;
     }
-    if (entry.version === 1) {
-      const legacy = entry;
-      return {
-        version: 3,
-        attendeeId: legacy.attendeeId,
-        formData: legacy.formData,
-        ticketsCount: legacy.ticketsCount,
-        selectedEventId: legacy.selectedEventId,
-        selectedAttendanceMode: null,
-        selectedTicketTypeId: null,
-        paymentSelection: { method: legacy.paymentMethod },
-        timestamp: legacy.timestamp
-      };
-    }
-    if (entry.version === 2) {
-      return {
-        version: 3,
-        attendeeId: entry.attendeeId,
-        formData: entry.formData,
-        ticketsCount: entry.ticketsCount,
-        selectedEventId: entry.selectedEventId,
-        selectedAttendanceMode: null,
-        selectedTicketTypeId: null,
-        paymentSelection: entry.paymentSelection,
-        timestamp: entry.timestamp
-      };
+    const ticketSelections = normalizeTicketSelectionLines(entry.ticketSelections);
+    if (ticketSelections.length === 0 || getTicketSelectionTotal(ticketSelections) <= 0) {
+      sessionStorage.removeItem(key);
+      return null;
     }
-    return entry;
+    return { ...entry, ticketSelections };
   } catch {
     console.warn("[sessionStorage] Failed to parse entry, removing");
     sessionStorage.removeItem(key);
@@ -17355,8 +17394,9 @@ function cleanupStaleRegistrations() {
         const stored = sessionStorage.getItem(key);
         if (!stored) continue;
         const entry = JSON.parse(stored);
-        const age = Date.now() - entry.timestamp;
-        if (age > STALE_THRESHOLD_MS) {
+        const timestamp = typeof entry.timestamp === "number" ? entry.timestamp : NaN;
+        const age = Date.now() - timestamp;
+        if (!Number.isFinite(timestamp) || age > STALE_THRESHOLD_MS) {
           keysToRemove.push(key);
         }
       } catch {
@@ -17681,7 +17721,7 @@ function useEventRegistrationStripeReturn(options) {
     setRegistrationResult,
     setSelectedEvent,
     setSelectedAttendanceMode,
-    setSelectedTicketTypeId,
+    setTicketSelections,
     setStep,
     setTicketsCount,
     step
@@ -17700,13 +17740,13 @@ function useEventRegistrationStripeReturn(options) {
     const pending = getPendingRegistration(siteId, occurrenceId || void 0);
     if (!pending) return;
     setFormData(pending.formData);
-    setTicketsCount(pending.ticketsCount);
+    setTicketSelections(pending.ticketSelections);
+    setTicketsCount(getTicketSelectionTotal(pending.ticketSelections));
     if (pending.selectedEventId) {
       const event = events.find((e) => e.publicEventId === pending.selectedEventId) ?? null;
       if (event) setSelectedEvent(event);
     }
     setSelectedAttendanceMode(pending.selectedAttendanceMode ?? null);
-    setSelectedTicketTypeId(pending.selectedTicketTypeId ?? null);
     setPaymentSelection(pending.paymentSelection);
     if (registrationStatus === "cancelled") {
       setStep("select-payment");
@@ -17758,6 +17798,10 @@ function useEventRegistrationSubmit(options) {
     }
     options.setStep("submitting");
     try {
+      const ticketSelections = normalizeTicketSelectionLines(options.ticketSelections);
+      if (ticketSelections.length === 0) {
+        throw new Error("Choose at least one ticket to continue.");
+      }
       const isBundle = method === "pass_bundle" || method === "membership_bundle";
       const bundleProductId = isBundle ? passId || membershipId : void 0;
       const selectionSnapshot = (() => {
@@ -17786,11 +17830,10 @@ function useEventRegistrationSubmit(options) {
       const result = await options.api.registerForEvent({
         occurrenceId: submitOccurrenceId,
         attendanceMode: options.selectedAttendanceMode ?? void 0,
-        ticketTypeId: options.selectedTicketTypeId ?? void 0,
+        ticketSelections,
         selectedSlidingAmount: options.selectedSlidingAmount ?? void 0,
         email: options.formData.email.trim().toLowerCase(),
         name: options.formData.name.trim(),
-        ticketsCount: options.ticketsCount,
         phone: options.formData.phone.trim() || void 0,
         notes: options.formData.notes.trim() || void 0,
         altchaSolution: options.altchaSolution,
@@ -17835,10 +17878,9 @@ function useEventRegistrationSubmit(options) {
           savePendingRegistration(siteId, submitOccurrenceId, {
             attendeeId: result.attendeeId,
             formData: options.formData,
-            ticketsCount: options.ticketsCount,
+            ticketSelections,
             selectedEventId: options.registrationTarget?.selectedEventId ?? null,
             selectedAttendanceMode: options.selectedAttendanceMode,
-            selectedTicketTypeId: options.selectedTicketTypeId ?? null,
             paymentSelection: selectionSnapshot
           });
         }
@@ -17950,7 +17992,6 @@ function useEventRegistrationWizard(options) {
     createInitialRegistrationFlowState
   );
   const step = flowState.step;
-  const ticketsCount = flowState.ticketsCount;
   const paymentSelection = flowState.paymentSelection;
   const [selectedEvent, setSelectedEvent] = useState4(preSelectedEvent ?? null);
   const [formData, setFormData] = useState4({ name: "", email: "", phone: "", notes: "" });
@@ -17961,7 +18002,7 @@ function useEventRegistrationWizard(options) {
   const [selectedAttendanceMode, setSelectedAttendanceMode] = useState4(
     preSelectedEvent?.deliveryMode === "online" ? "online" : preSelectedEvent?.deliveryMode === "in_person" ? "in_person" : null
   );
-  const [selectedTicketTypeId, setSelectedTicketTypeId] = useState4(null);
+  const [selectedTicketLines, setSelectedTicketLines] = useState4([]);
   const [selectedSlidingAmountInput, setSelectedSlidingAmountInput] = useState4(() => {
     const slidingScale = getSlidingScaleForEvent(preSelectedEvent ?? null);
     return slidingScale?.suggestedAmount !== null && slidingScale?.suggestedAmount !== void 0 ? formatCentsAsCurrencyInput(slidingScale.suggestedAmount) : "";
@@ -17997,14 +18038,51 @@ function useEventRegistrationWizard(options) {
     [options.occurrenceContext, selectedEvent]
   );
   const occurrenceId = registrationTarget?.occurrenceId ?? "";
+  const currentEvent = selectedEvent ?? preSelectedEvent;
+  const currentEventPricing = currentEvent ? resolveRuntimeEventPricing(currentEvent) : null;
+  const currentEventUsesTicketTypes = currentEventPricing !== null && publicEventPricingMode(currentEventPricing) === "ticket_types";
+  const selectedModeAvailability = selectedAttendanceMode ? (currentEvent?.attendanceModes ?? []).find((mode) => mode.mode === selectedAttendanceMode) ?? null : null;
+  const currentAvailableSpots = selectedModeAvailability?.availableSpots ?? currentEvent?.availableSpots;
+  const currentWaitlistEnabled = selectedModeAvailability?.waitlistEnabled ?? currentEvent?.waitlistEnabled ?? false;
+  const currentCanJoinWaitlist = currentAvailableSpots === 0 && currentWaitlistEnabled === true;
+  const usesTicketTypeSelections = currentEventUsesTicketTypes && !currentCanJoinWaitlist;
+  const eventTicketTypesForSelection = useMemo6(
+    () => getVisibleTicketTypes({
+      event: currentEvent,
+      eligibility: null,
+      selectedAttendanceMode
+    }),
+    [currentEvent, selectedAttendanceMode]
+  );
+  const normalizedSelectedTicketLines = useMemo6(
+    () => normalizeTicketSelectionLines(selectedTicketLines),
+    [selectedTicketLines]
+  );
+  const ticketTypeSelectionTotal = useMemo6(
+    () => getTicketSelectionTotal(normalizedSelectedTicketLines),
+    [normalizedSelectedTicketLines]
+  );
+  const ticketsCount = usesTicketTypeSelections ? ticketTypeSelectionTotal : flowState.ticketsCount;
+  const ticketSelections = useMemo6(() => {
+    if (waitlistClaim.claim) {
+      return [{ ticketTypeId: null, quantity: 1 }];
+    }
+    if (usesTicketTypeSelections) {
+      return normalizedSelectedTicketLines;
+    }
+    return [{ ticketTypeId: null, quantity: ticketsCount }];
+  }, [normalizedSelectedTicketLines, ticketsCount, usesTicketTypeSelections, waitlistClaim.claim]);
+  useEffect11(() => {
+    if (flowState.ticketsCount === ticketsCount) return;
+    dispatchFlow({ type: "set-tickets-count", ticketsCount });
+  }, [flowState.ticketsCount, ticketsCount]);
   const eligibilityResult = useEligibility({
     enabled: portalAuthState === "authenticated" || step === "enter-details" || step === "select-payment",
     occurrenceId,
     attendanceMode: selectedAttendanceMode,
-    ticketTypeId: selectedTicketTypeId,
+    ticketSelections,
     selectedSlidingAmount: parseCurrencyInputToCents(selectedSlidingAmountInput),
-    email: formData.email,
-    ticketsCount
+    email: formData.email
   });
   const existingRegistrationResult = useExistingEventRegistration({
     isAuthenticated: portalAuthState === "authenticated",
@@ -18110,7 +18188,7 @@ function useEventRegistrationWizard(options) {
     setTicketsCount,
     setSelectedEvent,
     setSelectedAttendanceMode,
-    setSelectedTicketTypeId,
+    setTicketSelections: (lines) => setSelectedTicketLines(normalizeTicketSelectionLines(lines)),
     setPaymentSelection: (selection) => dispatchFlow({ type: "set-manual-payment-selection", selection }),
     setPendingAttendeeId,
     setStep,
@@ -18123,20 +18201,21 @@ function useEventRegistrationWizard(options) {
   }, [selectedEvent, preSelectedEvent]);
   const visibleTicketTypes = useMemo6(
     () => getVisibleTicketTypes({
-      event: selectedEvent ?? preSelectedEvent,
+      event: currentEvent,
       eligibility,
       selectedAttendanceMode
     }),
-    [selectedAttendanceMode, selectedEvent, preSelectedEvent, eligibility]
+    [currentEvent, selectedAttendanceMode, eligibility]
   );
+  const singleSelectedTicketTypeId = getSingleSelectedTicketTypeId(normalizedSelectedTicketLines);
   const selectedTicketType = useMemo6(
     () => findSelectedTicketType({
-      event: selectedEvent ?? preSelectedEvent,
+      event: currentEvent,
       eligibility,
-      selectedTicketTypeId,
+      selectedTicketTypeId: singleSelectedTicketTypeId,
       selectedAttendanceMode
     }),
-    [selectedAttendanceMode, selectedEvent, preSelectedEvent, eligibility, selectedTicketTypeId]
+    [currentEvent, eligibility, selectedAttendanceMode, singleSelectedTicketTypeId]
   );
   const selectedSlidingAmount = useMemo6(
     () => parseCurrencyInputToCents(selectedSlidingAmountInput),
@@ -18151,37 +18230,44 @@ function useEventRegistrationWizard(options) {
     selectedAmount: selectedSlidingAmount
   });
   const ticketTypeSelectionRequired = useMemo6(() => {
-    const event = selectedEvent ?? preSelectedEvent;
+    const event = currentEvent;
     if (!event || publicEventPricingMode(resolveRuntimeEventPricing(event)) !== "ticket_types") {
       return false;
     }
     if ((event.deliveryMode ?? "in_person") === "hybrid" && !selectedAttendanceMode) {
       return false;
     }
-    const selectedModeAvailability = selectedAttendanceMode ? (event.attendanceModes ?? []).find((mode) => mode.mode === selectedAttendanceMode) ?? null : null;
-    const canJoinWaitlist = (selectedModeAvailability?.availableSpots ?? event.availableSpots) === 0 && (selectedModeAvailability?.waitlistEnabled ?? event.waitlistEnabled) === true;
+    const selectedModeAvailability2 = selectedAttendanceMode ? (event.attendanceModes ?? []).find((mode) => mode.mode === selectedAttendanceMode) ?? null : null;
+    const canJoinWaitlist = (selectedModeAvailability2?.availableSpots ?? event.availableSpots) === 0 && (selectedModeAvailability2?.waitlistEnabled ?? event.waitlistEnabled) === true;
     return !canJoinWaitlist;
-  }, [selectedAttendanceMode, selectedEvent, preSelectedEvent]);
-  const hasValidSelectedTicketType = !ticketTypeSelectionRequired || Boolean(
-    selectedTicketType && selectedTicketType.availability.kind === "available"
-  );
+  }, [currentEvent, selectedAttendanceMode]);
+  const hasValidTicketSelection = !ticketTypeSelectionRequired || normalizedSelectedTicketLines.length > 0 && normalizedSelectedTicketLines.every((line) => {
+    if (!line.ticketTypeId) return false;
+    const ticketType = visibleTicketTypes.find((candidate) => candidate.id === line.ticketTypeId) ?? null;
+    return ticketType?.availability.kind === "available";
+  });
   useEffect11(() => {
-    const event = selectedEvent ?? preSelectedEvent;
-    if (!event || publicEventPricingMode(resolveRuntimeEventPricing(event)) !== "ticket_types") {
-      if (selectedTicketTypeId !== null) {
-        setSelectedTicketTypeId(null);
+    if (!usesTicketTypeSelections) {
+      if (selectedTicketLines.length > 0) {
+        setSelectedTicketLines([]);
       }
       return;
     }
-    const implicitTicketType = getImplicitSingleAvailableTicketType(visibleTicketTypes);
-    if (implicitTicketType && selectedTicketTypeId !== implicitTicketType.id) {
-      setSelectedTicketTypeId(implicitTicketType.id);
+    const availableTicketTypes = eventTicketTypesForSelection.filter(
+      (ticketType) => ticketType.availability.kind === "available"
+    );
+    const implicitTicketType = getImplicitSingleAvailableTicketType(eventTicketTypesForSelection);
+    if (implicitTicketType && normalizedSelectedTicketLines.length === 0) {
+      setSelectedTicketLines([{ ticketTypeId: implicitTicketType.id, quantity: 1 }]);
       return;
     }
-    if (selectedTicketTypeId && !visibleTicketTypes.some((ticketType) => ticketType.id === selectedTicketTypeId)) {
-      setSelectedTicketTypeId(null);
+    const filteredLines = normalizedSelectedTicketLines.filter(
+      (line) => line.ticketTypeId && availableTicketTypes.some((ticketType) => ticketType.id === line.ticketTypeId)
+    );
+    if (filteredLines.length !== normalizedSelectedTicketLines.length) {
+      setSelectedTicketLines(filteredLines);
     }
-  }, [selectedEvent, preSelectedEvent, selectedTicketTypeId, visibleTicketTypes]);
+  }, [eventTicketTypesForSelection, normalizedSelectedTicketLines, selectedTicketLines.length, usesTicketTypeSelections]);
   useEffect11(() => {
     if (!requireGuestDetails) {
       if (guests.length > 0) setGuests([]);
@@ -18225,21 +18311,20 @@ function useEventRegistrationWizard(options) {
       return resolveEventRequiresPayment({
         eligibility,
         selectedTicketType,
-        event: selectedEvent ?? preSelectedEvent
+        event: currentEvent
       });
     },
     [
       eligibility,
       selectedTicketType,
-      selectedEvent,
-      preSelectedEvent,
+      currentEvent,
       selectedEventSlidingScale,
       selectedSlidingAmount
     ]
   );
   const handleDetailsComplete = async () => {
-    if (ticketTypeSelectionRequired && !hasValidSelectedTicketType) {
-      const message = "Select a ticket type to continue.";
+    if (ticketTypeSelectionRequired && !hasValidTicketSelection) {
+      const message = "Choose at least one available ticket to continue.";
       setErrorMessage(message);
       setStep("error");
       return { ok: false, reason: "blocked", message };
@@ -18324,27 +18409,39 @@ function useEventRegistrationWizard(options) {
   const discountContext = useMemo6(
     () => resolveDiscountContext({
       paymentSelection,
-      event: selectedEvent ?? preSelectedEvent,
+      event: currentEvent,
       eventRequiresPayment,
       ticketsCount
     }),
-    [eventRequiresPayment, paymentSelection, selectedEvent, preSelectedEvent, ticketsCount]
+    [currentEvent, eventRequiresPayment, paymentSelection, ticketsCount]
+  );
+  const fallbackUnitPriceCents = useMemo6(
+    () => currentEvent ? publicEventScalarPrice(resolveRuntimeEventPricing(currentEvent)) ?? 0 : 0,
+    [currentEvent]
+  );
+  const ticketSelectionSubtotalCents = useMemo6(() => {
+    if (!usesTicketTypeSelections) {
+      return Math.max(0, eligibility?.price ?? fallbackUnitPriceCents * ticketsCount);
+    }
+    return calculateTicketSelectionSubtotal({
+      lines: normalizedSelectedTicketLines,
+      ticketTypes: visibleTicketTypes,
+      fallbackUnitPriceCents
+    });
+  }, [eligibility, fallbackUnitPriceCents, normalizedSelectedTicketLines, ticketsCount, usesTicketTypeSelections, visibleTicketTypes]);
+  const ticketSelectionSummaryLines = useMemo6(
+    () => buildTicketSelectionSummaryLines({
+      lines: ticketSelections,
+      ticketTypes: visibleTicketTypes,
+      fallbackLabel: "Ticket",
+      fallbackUnitPriceCents
+    }),
+    [fallbackUnitPriceCents, ticketSelections, visibleTicketTypes]
   );
   const discountSubtotalCents = useMemo6(() => {
     if (discountContext?.type !== "event") return void 0;
-    const event = selectedEvent ?? preSelectedEvent;
-    const eventPriceCents = selectedTicketType?.priceAmount ?? eligibility?.price ?? (selectedEventSlidingScale ? selectedSlidingAmount : null) ?? (event ? publicEventScalarPrice(resolveRuntimeEventPricing(event)) : null) ?? 0;
-    return Math.max(0, eventPriceCents * ticketsCount);
-  }, [
-    discountContext,
-    selectedTicketType,
-    eligibility,
-    selectedEvent,
-    preSelectedEvent,
-    selectedEventSlidingScale,
-    selectedSlidingAmount,
-    ticketsCount
-  ]);
+    return ticketSelectionSubtotalCents;
+  }, [discountContext, ticketSelectionSubtotalCents]);
   const discountUi = useDiscountCodeUi({ api, discountContext, subtotalCents: discountSubtotalCents });
   const selectionMethod = paymentSelection.method;
   const shouldShowDiscountToggle = discountContext !== null && discountUi.manualCodeEntryAllowed && (selectionMethod === "stripe" || selectionMethod === "pass_bundle" || selectionMethod === "membership_bundle");
@@ -18352,9 +18449,8 @@ function useEventRegistrationWizard(options) {
     api,
     registrationTarget,
     selectedAttendanceMode,
-    selectedTicketTypeId,
+    ticketSelections,
     selectedSlidingAmount,
-    ticketsCount,
     formData,
     altchaSolution,
     requireGuestDetails,
@@ -18375,12 +18471,12 @@ function useEventRegistrationWizard(options) {
     setSelectedAttendanceMode(
       (event.deliveryMode ?? "in_person") === "hybrid" ? null : (event.deliveryMode ?? "in_person") === "online" ? "online" : "in_person"
     );
-    setSelectedTicketTypeId(null);
+    setSelectedTicketLines([]);
     dispatchFlow({ type: "event-changed", hasPreSelectedContext: true });
   };
   const handleRetry = () => {
     dispatchFlow({ type: "reset", hasPreSelectedContext });
-    setSelectedTicketTypeId(null);
+    setSelectedTicketLines([]);
     setSelectedSlidingAmountInput("");
     setSelectedAttendanceMode(
       preSelectedEvent?.deliveryMode === "online" ? "online" : preSelectedEvent?.deliveryMode === "in_person" ? "in_person" : null
@@ -18416,17 +18512,20 @@ function useEventRegistrationWizard(options) {
     setTicketsCount,
     selectedAttendanceMode,
     setSelectedAttendanceMode,
-    selectedTicketTypeId,
-    setSelectedTicketTypeId,
+    ticketSelections,
+    selectedTicketLines: normalizedSelectedTicketLines,
+    setSelectedTicketLines: (lines) => setSelectedTicketLines(normalizeTicketSelectionLines(lines)),
     selectedSlidingAmountInput,
     setSelectedSlidingAmountInput,
     selectedSlidingAmount,
     selectedEventSlidingScale,
     slidingScaleSelectionMessage,
     selectedTicketType,
+    ticketSelectionSummaryLines,
+    ticketSelectionSubtotalCents,
     visibleTicketTypes,
     ticketTypeSelectionRequired,
-    hasValidSelectedTicketType,
+    hasValidTicketSelection,
     eventRequiresPayment,
     formData,
     setFormData,
@@ -19304,11 +19403,11 @@ function useEventRegistrationController(options) {
         wizard.setStep("select-tickets");
         return { ok: true };
       case "select-tickets":
-        if (wizard.ticketTypeSelectionRequired && !wizard.hasValidSelectedTicketType) {
+        if (wizard.ticketTypeSelectionRequired && !wizard.hasValidTicketSelection) {
           return {
             ok: false,
             reason: "blocked",
-            message: "Select a ticket type to continue."
+            message: "Choose at least one available ticket to continue."
           };
         }
         wizard.setStep("enter-details");
@@ -19384,6 +19483,7 @@ function useEventRegistrationController(options) {
     },
     [directPaymentOptions, wizard]
   );
+  const selectedTicketTypeId = getSingleSelectedTicketTypeId(wizard.selectedTicketLines);
   const showSpamProtection = options.spamProtectionEnabled ?? isSpamProtectionEnabled();
   const spamProtection = showSpamProtection ? {
     enabled: true,
@@ -19410,11 +19510,14 @@ function useEventRegistrationController(options) {
     tickets: {
       count: wizard.ticketsCount,
       max: wizard.maxTicketsNum,
-      selectedTicketTypeId: wizard.selectedTicketTypeId,
+      selections: wizard.ticketSelections,
+      summaryLines: wizard.ticketSelectionSummaryLines,
+      subtotalCents: wizard.ticketSelectionSubtotalCents,
+      selectedTicketTypeId,
       selectedTicketType: wizard.selectedTicketType,
       visibleTicketTypes: wizard.visibleTicketTypes,
       selectionRequired: wizard.ticketTypeSelectionRequired,
-      hasValidSelection: wizard.hasValidSelectedTicketType,
+      hasValidSelection: wizard.hasValidTicketSelection,
       eventRequiresPayment: wizard.eventRequiresPayment,
       selectedAttendanceMode: wizard.selectedAttendanceMode
     },
@@ -19457,7 +19560,10 @@ function useEventRegistrationController(options) {
     actions: {
       selectEvent: wizard.handleEventSelect,
       selectAttendanceMode: wizard.setSelectedAttendanceMode,
-      selectTicketType: wizard.setSelectedTicketTypeId,
+      selectTicketType: (ticketTypeId) => {
+        wizard.setSelectedTicketLines(ticketTypeId ? [{ ticketTypeId, quantity: 1 }] : []);
+      },
+      setTicketSelections: wizard.setSelectedTicketLines,
       setTicketsCount: wizard.setTicketsCount,
       updateAttendee,
       updateGuests,
@@ -19535,7 +19641,7 @@ function resolveHeadlessDirectPaymentOptions(wizard) {
   return buildEventRegistrationPaymentOptionsViewModel({
     eventTitle: event?.title ?? "Event",
     paymentTerms: event?.paymentTerms,
-    totalPriceCents: eligibility.price * wizard.ticketsCount,
+    totalPriceCents: eligibility.price,
     currency: eligibility.currency,
     startsAt: wizard.occurrenceContext?.startsAt ?? event?.startsAt
   }).options;

package/dist/client/{carousel-W7DQ3YPU.mjs → carousel-4QSX2JPC.mjs}

@@ -1,7 +1,7 @@
 import { normalizeCarouselProps, CarouselNodeClient } from './chunk-JNE6UI6U.mjs';
 import './chunk-6N7YRNYU.mjs';
 import { mountReactIsland } from './chunk-N7PBWBWQ.mjs';
-import { defineIslandPropsDecoder } from './chunk-6SYGVVWA.mjs';
+import { defineIslandPropsDecoder } from './chunk-GWCRCJLB.mjs';
 import './chunk-PCHACQEB.mjs';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/client/{cart-PXJ3SXXO.mjs → cart-JKN6C4ZB.mjs}

@@ -1,14 +1,14 @@
-import { mountShopBlockIsland, CartClient } from './chunk-YYVGSYBO.mjs';
-import './chunk-Q47XGAGS.mjs';
+import { mountShopBlockIsland, CartClient } from './chunk-BFCJZODD.mjs';
+import './chunk-H7A6PUGM.mjs';
 import './chunk-JNE6UI6U.mjs';
 import './chunk-6N7YRNYU.mjs';
 import './chunk-L4J5Y62O.mjs';
-import './chunk-J6TMMMXW.mjs';
+import './chunk-A3YN7M3G.mjs';
 import './chunk-3DCJ45Z2.mjs';
 import './chunk-WBQG7VJA.mjs';
 import './chunk-TNGL2WJF.mjs';
 import './chunk-N7PBWBWQ.mjs';
-import { defineIslandPropsDecoder } from './chunk-6SYGVVWA.mjs';
+import { defineIslandPropsDecoder } from './chunk-GWCRCJLB.mjs';
 import './chunk-PCHACQEB.mjs';
 
 // src/rendering/islands/enhancers/cart.tsx

package/dist/client/{checkout-X3JYSOXI.mjs → checkout-YY6YMITW.mjs}

@@ -1,14 +1,14 @@
-import { mountShopBlockIsland, CheckoutClient } from './chunk-YYVGSYBO.mjs';
-import './chunk-Q47XGAGS.mjs';
+import { mountShopBlockIsland, CheckoutClient } from './chunk-BFCJZODD.mjs';
+import './chunk-H7A6PUGM.mjs';
 import './chunk-JNE6UI6U.mjs';
 import './chunk-6N7YRNYU.mjs';
 import './chunk-L4J5Y62O.mjs';
-import './chunk-J6TMMMXW.mjs';
+import './chunk-A3YN7M3G.mjs';
 import './chunk-3DCJ45Z2.mjs';
 import './chunk-WBQG7VJA.mjs';
 import './chunk-TNGL2WJF.mjs';
 import './chunk-N7PBWBWQ.mjs';
-import { defineIslandPropsDecoder } from './chunk-6SYGVVWA.mjs';
+import { defineIslandPropsDecoder } from './chunk-GWCRCJLB.mjs';
 import './chunk-PCHACQEB.mjs';
 
 // src/rendering/islands/enhancers/checkout.tsx

package/dist/client/{chunk-PICR3NTQ.mjs → chunk-6H27K6AA.mjs}

@@ -1,6 +1,6 @@
 "use client";
 import { useBlockApi } from './chunk-TNGL2WJF.mjs';
-import { themeButtonClassName, assertNever } from './chunk-6SYGVVWA.mjs';
+import { themeButtonClassName, assertNever } from './chunk-GWCRCJLB.mjs';
 import { resolvePlanningDateInput, formatBookingPriceDisplay } from './chunk-PCHACQEB.mjs';
 import { useState, useReducer, useSyncExternalStore, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';