@riverbankcms/sdk 0.94.0 → 0.95.0

package/dist/client/rendering.mjs

@@ -28155,6 +28155,9 @@ function resolveDiscountContext(input) {
   if (!input.eventRequiresPayment) {
     return null;
   }
+  if (input.ticketsCount <= 0) {
+    return null;
+  }
   if (selection?.method && selection.method !== "stripe") {
     return null;
   }
@@ -43490,6 +43493,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,
@@ -43557,6 +43561,77 @@ var init_utils5 = __esm({
   }
 });
 
+// ../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 getTicketLineQuantity(lines, ticketTypeId) {
+  return normalizeTicketSelectionLines(lines).find((line) => line.ticketTypeId === ticketTypeId)?.quantity ?? 0;
+}
+function getSingleSelectedTicketTypeId(lines) {
+  const normalized = normalizeTicketSelectionLines(lines);
+  return normalized.length === 1 ? normalized[0]?.ticketTypeId ?? null : null;
+}
+function setTicketLineQuantity(input) {
+  const nextQuantity = Math.max(0, Math.floor(input.quantity));
+  const normalized = normalizeTicketSelectionLines(input.lines).filter((line) => line.ticketTypeId !== input.ticketTypeId);
+  if (nextQuantity <= 0) {
+    return normalized;
+  }
+  return [
+    ...normalized,
+    {
+      ticketTypeId: input.ticketTypeId,
+      quantity: nextQuantity
+    }
+  ];
+}
+function getTicketTypeLineMax(input) {
+  const otherSelectedQuantity = input.totalSelectedQuantity - input.currentQuantity;
+  const maxByBlock = input.maxTickets - otherSelectedQuantity;
+  const maxByEvent = input.availableSpots == null ? input.maxTickets : input.availableSpots - otherSelectedQuantity;
+  const maxByTicketType = input.ticketTypeRemainingCapacity ?? input.maxTickets;
+  return Math.max(0, Math.min(maxByBlock, maxByEvent, maxByTicketType));
+}
+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
+    };
+  });
+}
+var init_ticketSelectionLines = __esm({
+  "../blocks/src/system/runtime/nodes/event-registration/ticketSelectionLines.ts"() {
+    "use strict";
+  }
+});
+
 // ../blocks/src/system/runtime/nodes/event-registration/hooks.state.ts
 function eligibilityLookupReducer(state, action) {
   switch (action.type) {
@@ -43671,6 +43746,7 @@ function usePortalAuth() {
 }
 function useEligibility(params) {
   const api = useBlockApi();
+  const ticketSelectionsKey = JSON.stringify(normalizeTicketSelectionLines(params.ticketSelections));
   const [state, dispatch] = useReducer8(
     eligibilityLookupReducer,
     initialEligibilityLookupState
@@ -43684,7 +43760,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;
@@ -43696,10 +43773,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({
@@ -43718,7 +43794,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,
@@ -43775,6 +43859,7 @@ var init_hooks = __esm({
     "use strict";
     init_api();
     init_utils5();
+    init_ticketSelectionLines();
     init_hooks_state();
   }
 });
@@ -43800,9 +43885,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));
@@ -43848,8 +43939,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;
     }
@@ -43865,34 +43956,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);
@@ -43924,8 +43993,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 {
@@ -43946,6 +44016,7 @@ var STORAGE_PREFIX, STALE_THRESHOLD_MS;
 var init_sessionStorage = __esm({
   "../blocks/src/system/runtime/nodes/event-registration/sessionStorage.ts"() {
     "use strict";
+    init_ticketSelectionLines();
     STORAGE_PREFIX = "riverbank:event-registration:";
     STALE_THRESHOLD_MS = 24 * 60 * 60 * 1e3;
   }
@@ -44035,14 +44106,16 @@ function getEventAttendanceModeLabel(mode) {
   }
 }
 function TicketCounter(props2) {
-  const { ticketsCount, maxAllowed, onTicketsChange } = props2;
+  const { ticketsCount, maxAllowed, label, onTicketsChange } = props2;
+  const minAllowed = props2.minAllowed ?? 1;
   return /* @__PURE__ */ jsxs28("div", { className: "er-row er-counter", children: [
     /* @__PURE__ */ jsx42(
       "button",
       {
         type: "button",
-        onClick: () => onTicketsChange(Math.max(1, ticketsCount - 1)),
-        disabled: ticketsCount <= 1,
+        "aria-label": `Decrease ${label}`,
+        onClick: () => onTicketsChange(Math.max(minAllowed, ticketsCount - 1)),
+        disabled: ticketsCount <= minAllowed,
         className: "er-counter-btn",
         children: "-"
       }
@@ -44052,6 +44125,7 @@ function TicketCounter(props2) {
       "button",
       {
         type: "button",
+        "aria-label": `Increase ${label}`,
         onClick: () => onTicketsChange(Math.min(maxAllowed, ticketsCount + 1)),
         disabled: ticketsCount >= maxAllowed,
         className: "er-counter-btn",
@@ -44104,14 +44178,86 @@ function SlidingScaleAmountField(props2) {
     props2.message ? /* @__PURE__ */ jsx42("p", { className: "er-text er-text--muted", children: props2.message }) : null
   ] });
 }
-function getTicketTypeCounterAvailabilityLabel(input) {
-  if (input.selectedRemainingCapacity !== null) {
-    return `${input.selectedRemainingCapacity} remaining for this ticket type`;
-  }
-  if (input.eventAvailableSpots != null) {
-    return `${input.eventAvailableSpots} spots available`;
-  }
-  return null;
+function TicketTypeQuantityRows(props2) {
+  const totalSelectedQuantity = getTicketSelectionTotal(props2.ticketSelections);
+  const selectedTicketTypes = props2.ticketTypes.filter(
+    (ticketType) => getTicketLineQuantity(props2.ticketSelections, ticketType.id) > 0
+  );
+  return /* @__PURE__ */ jsxs28("div", { className: "er-ticket-lines", children: [
+    /* @__PURE__ */ jsx42("div", { className: "er-ticket-line-list", role: "list", "aria-label": "Tickets", children: props2.ticketTypes.map((ticketType) => {
+      const quantity = getTicketLineQuantity(props2.ticketSelections, ticketType.id);
+      const disabled = ticketType.availability.kind === "unavailable";
+      const availabilityLabel = getTicketTypeAvailabilityLabel(ticketType);
+      const priceLabel = ticketType.priceAmount > 0 ? formatPrice(ticketType.priceAmount, props2.currency) : "Free";
+      const maxAllowed = disabled ? 0 : getTicketTypeLineMax({
+        currentQuantity: quantity,
+        totalSelectedQuantity,
+        maxTickets: props2.maxTickets,
+        availableSpots: props2.availableSpots,
+        ticketTypeRemainingCapacity: ticketType.availability.remainingCapacity
+      });
+      return /* @__PURE__ */ jsxs28(
+        "div",
+        {
+          className: `er-ticket-line${disabled ? " er-ticket-line--disabled" : ""}`,
+          role: "listitem",
+          children: [
+            /* @__PURE__ */ jsxs28("div", { className: "er-ticket-line-main", children: [
+              /* @__PURE__ */ jsxs28("div", { className: "er-ticket-line-heading", children: [
+                /* @__PURE__ */ jsx42("span", { className: "er-ticket-line-name", children: ticketType.name }),
+                /* @__PURE__ */ jsx42("span", { className: "er-ticket-line-price", children: priceLabel })
+              ] }),
+              ticketType.description ? /* @__PURE__ */ jsx42("p", { className: "er-ticket-line-detail", children: ticketType.description }) : null,
+              availabilityLabel ? /* @__PURE__ */ jsx42("p", { className: "er-ticket-line-detail", children: availabilityLabel }) : ticketType.availability.remainingCapacity !== null ? /* @__PURE__ */ jsxs28("p", { className: "er-ticket-line-detail", children: [
+                ticketType.availability.remainingCapacity,
+                " remaining for this ticket type"
+              ] }) : null
+            ] }),
+            /* @__PURE__ */ jsx42(
+              TicketCounter,
+              {
+                ticketsCount: quantity,
+                minAllowed: 0,
+                maxAllowed,
+                label: ticketType.name,
+                onTicketsChange: (nextQuantity) => {
+                  props2.onTicketSelectionsChange?.(setTicketLineQuantity({
+                    lines: props2.ticketSelections,
+                    ticketTypeId: ticketType.id,
+                    quantity: nextQuantity
+                  }));
+                }
+              }
+            )
+          ]
+        },
+        ticketType.id
+      );
+    }) }),
+    /* @__PURE__ */ jsx42(
+      TicketCounterLimit,
+      {
+        maximumLabel: `${props2.maxTickets} tickets maximum`,
+        availabilityLabel: props2.availableSpots != null ? `${props2.availableSpots} spots available` : null
+      }
+    ),
+    selectedTicketTypes.length > 0 ? /* @__PURE__ */ jsxs28("div", { className: "er-ticket-line-summary", "aria-live": "polite", children: [
+      /* @__PURE__ */ jsxs28("div", { className: "er-ticket-line-summary-title", children: [
+        totalSelectedQuantity,
+        " ticket",
+        totalSelectedQuantity === 1 ? "" : "s",
+        " selected"
+      ] }),
+      /* @__PURE__ */ jsx42("ul", { className: "er-ticket-line-summary-list", children: selectedTicketTypes.map((ticketType) => {
+        const quantity = getTicketLineQuantity(props2.ticketSelections, ticketType.id);
+        return /* @__PURE__ */ jsxs28("li", { children: [
+          quantity,
+          " x ",
+          ticketType.name
+        ] }, ticketType.id);
+      }) })
+    ] }) : props2.hasAvailableTicketTypes ? /* @__PURE__ */ jsx42("p", { className: "er-text er-text--muted", children: "Choose at least one ticket to continue." }) : /* @__PURE__ */ jsx42("p", { className: "er-text er-text--muted", children: "No ticket types are currently available." })
+  ] });
 }
 function getAttendanceModeDetail(attendanceMode) {
   if (attendanceMode.availableSpots === null) {
@@ -44129,6 +44275,7 @@ function AttendanceModeTiles(props2) {
       "button",
       {
         type: "button",
+        "aria-pressed": isSelected,
         className: `er-payment-tile${isSelected ? " er-payment-tile--selected" : ""}`,
         onClick: () => props2.onAttendanceModeChange?.(attendanceMode.mode),
         children: [
@@ -44166,6 +44313,7 @@ var init_TicketSelectionStep = __esm({
     init_src();
     init_pricing();
     init_utils5();
+    init_ticketSelectionLines();
     TicketSelectionStep = ({
       event,
       occurrenceContext: _occurrenceContext,
@@ -44173,8 +44321,9 @@ var init_TicketSelectionStep = __esm({
       onAttendanceModeChange,
       ticketsCount,
       maxTickets,
-      selectedTicketTypeId = null,
-      onTicketTypeChange,
+      visibleTicketTypes: visibleTicketTypesOverride,
+      ticketSelections = [],
+      onTicketSelectionsChange,
       slidingScale = null,
       selectedSlidingAmountInput = "",
       slidingScaleSelectionMessage = null,
@@ -44192,28 +44341,22 @@ var init_TicketSelectionStep = __esm({
       const eventPricingMode = eventPricing ? publicEventPricingMode(eventPricing) : void 0;
       const eventPricingCurrency = eventPricing ? publicEventPricingCurrency(eventPricing) : null;
       const usesTicketTypes = eventPricingMode === "ticket_types" && !canJoinWaitlist;
-      const visibleTicketTypes = usesTicketTypes ? getVisibleTicketTypes({
+      const visibleTicketTypes = usesTicketTypes ? visibleTicketTypesOverride ?? getVisibleTicketTypes({
         event,
         eligibility: null,
         selectedAttendanceMode
       }) : [];
-      const selectedTicketType = usesTicketTypes ? visibleTicketTypes.find((ticketType) => ticketType.id === selectedTicketTypeId) ?? null : null;
       const implicitTicketType = usesTicketTypes ? getImplicitSingleAvailableTicketType(visibleTicketTypes) : null;
-      const effectiveSelectedTicketType = selectedTicketType ?? implicitTicketType;
-      const shouldShowTicketTypeTiles = usesTicketTypes && implicitTicketType === null;
-      const selectedRemainingCapacity = effectiveSelectedTicketType?.availability.remainingCapacity ?? null;
-      const noSellableTicketTypes = usesTicketTypes && (visibleTicketTypes.length === 0 || visibleTicketTypes.every((ticketType) => ticketType.availability.kind === "unavailable"));
+      const noVisibleTicketTypes = usesTicketTypes && visibleTicketTypes.length === 0;
+      const hasAvailableTicketTypes = usesTicketTypes && visibleTicketTypes.some((ticketType) => ticketType.availability.kind === "available");
+      const aggregateRemainingCapacity = implicitTicketType?.availability.remainingCapacity ?? null;
       const maxAllowed = getMaxAllowedTicketCount({
         canJoinWaitlist,
         usesTicketTypes,
         maxTickets,
         availableSpots,
-        selectedTicketTypeRemainingCapacity: selectedRemainingCapacity,
-        hasSelectedTicketType: effectiveSelectedTicketType !== null
-      });
-      const selectedTicketTypeAvailabilityLabel = getTicketTypeCounterAvailabilityLabel({
-        selectedRemainingCapacity,
-        eventAvailableSpots: event?.availableSpots
+        selectedTicketTypeRemainingCapacity: aggregateRemainingCapacity,
+        hasSelectedTicketType: implicitTicketType !== null
       });
       const eventAvailabilityLabel = !canJoinWaitlist && event?.availableSpots != null ? `${event.availableSpots} spots available` : null;
       if (deliveryMode === "hybrid" && !selectedAttendanceMode) {
@@ -44230,7 +44373,7 @@ var init_TicketSelectionStep = __esm({
           /* @__PURE__ */ jsx42("p", { className: "er-text er-text--muted", children: "Choose whether you want to attend in person or online." })
         ] });
       }
-      if (isSoldOut && !canJoinWaitlist && !usesTicketTypes) {
+      if (isSoldOut && !canJoinWaitlist) {
         return /* @__PURE__ */ jsxs28("div", { className: "er-stack", children: [
           /* @__PURE__ */ jsx42("h3", { className: "er-title", children: "Sold Out" }),
           /* @__PURE__ */ jsx42("p", { className: "er-text er-text--muted", children: "Sorry you missed out! This event is fully booked." })
@@ -44248,52 +44391,21 @@ var init_TicketSelectionStep = __esm({
             }
           )
         ] }) : null,
-        usesTicketTypes ? /* @__PURE__ */ jsxs28(Fragment8, { children: [
-          shouldShowTicketTypeTiles ? /* @__PURE__ */ jsxs28(Fragment8, { children: [
-            /* @__PURE__ */ jsx42("h3", { className: "er-title", children: "Choose a ticket type" }),
-            /* @__PURE__ */ jsx42("div", { className: "er-payment-tiles", role: "list", "aria-label": "Ticket types", children: visibleTicketTypes.map((ticketType) => {
-              const availabilityLabel = getTicketTypeAvailabilityLabel(ticketType);
-              const disabled = ticketType.availability.kind === "unavailable";
-              const isSelected = selectedTicketTypeId === ticketType.id;
-              const priceLabel = ticketType.priceAmount > 0 ? formatPrice(ticketType.priceAmount, eventPricingCurrency ?? DEFAULT_EVENT_CURRENCY2) : "Free";
-              return /* @__PURE__ */ jsx42("div", { role: "listitem", children: /* @__PURE__ */ jsxs28(
-                "button",
-                {
-                  type: "button",
-                  className: `er-payment-tile${isSelected && !disabled ? " er-payment-tile--selected" : ""}${disabled ? " er-payment-tile--disabled" : ""}`,
-                  disabled,
-                  onClick: () => onTicketTypeChange?.(ticketType.id),
-                  children: [
-                    /* @__PURE__ */ jsx42("div", { className: "er-payment-tile-label", children: ticketType.name }),
-                    /* @__PURE__ */ jsx42("div", { className: "er-payment-tile-detail", children: priceLabel }),
-                    ticketType.description ? /* @__PURE__ */ jsx42("div", { className: "er-payment-tile-detail", children: ticketType.description }) : null,
-                    availabilityLabel ? /* @__PURE__ */ jsx42("div", { className: "er-payment-tile-detail", children: availabilityLabel }) : null
-                  ]
-                }
-              ) }, ticketType.id);
-            }) })
-          ] }) : null,
-          noSellableTicketTypes ? /* @__PURE__ */ jsx42("p", { className: "er-text er-text--muted", children: "No ticket types are currently available." }) : !effectiveSelectedTicketType ? /* @__PURE__ */ jsx42("p", { className: "er-text er-text--muted", children: "Select one ticket type to continue." }) : effectiveSelectedTicketType.availability.kind === "unavailable" ? /* @__PURE__ */ jsx42("p", { className: "er-text er-text--muted", children: getTicketTypeAvailabilityLabel(effectiveSelectedTicketType) ?? "This ticket type is unavailable." }) : /* @__PURE__ */ jsxs28(Fragment8, { children: [
-            /* @__PURE__ */ jsx42("h3", { className: "er-title", children: "How many tickets?" }),
-            /* @__PURE__ */ jsxs28("div", { className: "er-ticket-counter-group", children: [
-              /* @__PURE__ */ jsx42(
-                TicketCounter,
-                {
-                  ticketsCount,
-                  maxAllowed,
-                  onTicketsChange
-                }
-              ),
-              /* @__PURE__ */ jsx42(
-                TicketCounterLimit,
-                {
-                  maximumLabel: `${maxAllowed} tickets maximum`,
-                  availabilityLabel: selectedTicketTypeAvailabilityLabel
-                }
-              )
-            ] })
-          ] })
-        ] }) : /* @__PURE__ */ jsxs28(Fragment8, { children: [
+        usesTicketTypes ? /* @__PURE__ */ jsx42(Fragment8, { children: noVisibleTicketTypes ? /* @__PURE__ */ jsx42("p", { className: "er-text er-text--muted", children: "No ticket types are currently available." }) : /* @__PURE__ */ jsxs28(Fragment8, { children: [
+          /* @__PURE__ */ jsx42("h3", { className: "er-title", children: "Choose tickets" }),
+          /* @__PURE__ */ jsx42(
+            TicketTypeQuantityRows,
+            {
+              ticketTypes: visibleTicketTypes,
+              ticketSelections,
+              maxTickets,
+              availableSpots,
+              currency: eventPricingCurrency ?? DEFAULT_EVENT_CURRENCY2,
+              hasAvailableTicketTypes,
+              onTicketSelectionsChange
+            }
+          )
+        ] }) }) : /* @__PURE__ */ jsxs28(Fragment8, { children: [
           slidingScale ? /* @__PURE__ */ jsx42(
             SlidingScaleAmountField,
             {
@@ -44311,6 +44423,7 @@ var init_TicketSelectionStep = __esm({
               {
                 ticketsCount,
                 maxAllowed,
+                label: canJoinWaitlist ? "waitlist spots" : "tickets",
                 onTicketsChange
               }
             ),
@@ -44834,7 +44947,7 @@ var init_PaymentSelectionStep = __esm({
     }) => {
       const occurrenceId = occurrenceContext?.id ?? event?.registrationOccurrenceId;
       const selectedMethod = selectedSelection.method;
-      const totalPrice = eligibility?.price ? eligibility.price * ticketsCount : 0;
+      const totalPrice = eligibility?.price ?? 0;
       const canShowDirectPaymentOptions = Boolean(
         eligibility?.eligible && eligibility.canPayDirectly && eligibility.price
       );
@@ -45316,8 +45429,9 @@ function EventRegistrationWizardContent(props2) {
             onAttendanceModeChange: wizard.setSelectedAttendanceMode,
             ticketsCount: wizard.ticketsCount,
             maxTickets: wizard.maxTicketsNum,
-            selectedTicketTypeId: wizard.selectedTicketTypeId,
-            onTicketTypeChange: wizard.setSelectedTicketTypeId,
+            visibleTicketTypes: wizard.eligibility ? wizard.visibleTicketTypes : void 0,
+            ticketSelections: wizard.selectedTicketLines,
+            onTicketSelectionsChange: wizard.setSelectedTicketLines,
             slidingScale: wizard.selectedEventSlidingScale,
             selectedSlidingAmountInput: wizard.selectedSlidingAmountInput,
             slidingScaleSelectionMessage: wizard.slidingScaleSelectionMessage,
@@ -45438,9 +45552,9 @@ function EventRegistrationWizardActions(props2) {
       const isWaitingForEligibility = wizard.portalAuthState === "authenticated" && wizard.eligibilityLoading;
       const isCheckingExistingRegistration = wizard.portalAuthState === "authenticated" && wizard.existingRegistrationLoading;
       const hasExistingRegistration = wizard.portalAuthState === "authenticated" && wizard.existingRegistration !== null;
-      const ticketTypeSelectionBlocked = wizard.ticketTypeSelectionRequired && !wizard.hasValidSelectedTicketType;
+      const ticketTypeSelectionBlocked = wizard.ticketTypeSelectionRequired && !wizard.hasValidTicketSelection;
       const isContinueDisabled = isWaitingForEligibility || isCheckingExistingRegistration || hasExistingRegistration || isSoldOutWithoutWaitlist || ticketTypeSelectionBlocked;
-      const continueLabel = isCheckingExistingRegistration ? "Checking registration..." : hasExistingRegistration ? "Already registered" : isSoldOutWithoutWaitlist ? "Sold out" : ticketTypeSelectionBlocked ? "Choose a ticket type" : "Continue";
+      const continueLabel = isCheckingExistingRegistration ? "Checking registration..." : hasExistingRegistration ? "Already registered" : isSoldOutWithoutWaitlist ? "Sold out" : ticketTypeSelectionBlocked ? "Choose a ticket" : "Continue";
       return /* @__PURE__ */ jsxs38("div", { className: "er-actions", children: [
         !wizard.hasPreSelectedContext && /* @__PURE__ */ jsx54("button", { type: "button", onClick: () => wizard.setStep("select-event"), className: "er-back-btn", children: "\u2190 Back" }),
         /* @__PURE__ */ jsx54(
@@ -45538,13 +45652,17 @@ function EventRegistrationSummaryBar(props2) {
   const summaryTimeZone = wizard.occurrenceContext?.timeZone ?? summaryEvent?.timeZone ?? null;
   const occurrenceOverrideTitle = wizard.occurrenceContext?.overrides?.title;
   const summaryTitle = occurrenceOverrideTitle ?? summaryEvent?.title ?? "";
-  const summaryPrice = wizard.selectedTicketType?.priceAmount ?? wizard.eligibility?.price ?? (wizard.selectedEventSlidingScale ? wizard.selectedSlidingAmount : null) ?? (summaryEvent ? publicEventScalarPrice(summaryEvent.pricing) : null) ?? 0;
   const summaryCurrency = (summaryEvent ? publicEventPricingCurrency(summaryEvent.pricing) : null) ?? DEFAULT_EVENT_CURRENCY2;
   const teamMemberNames = (summaryEvent?.teamMembers ?? []).map((teamMember) => teamMember.name).filter(Boolean);
-  const subtotalCents = Math.max(0, summaryPrice * wizard.ticketsCount);
+  const fallbackSubtotalCents = Math.max(
+    0,
+    ((summaryEvent ? publicEventScalarPrice(summaryEvent.pricing) : null) ?? 0) * wizard.ticketsCount
+  );
+  const subtotalCents = Math.max(0, wizard.ticketSelectionSubtotalCents ?? fallbackSubtotalCents);
   const autoAppliedDiscount = wizard.discountCode.trim().length > 0 ? null : wizard.autoAppliedDiscount;
   const autoAppliedDiscountCents = Math.max(0, autoAppliedDiscount?.computedAmountCents ?? 0);
   const discountedTotalCents = Math.max(0, subtotalCents - autoAppliedDiscountCents);
+  const selectedLineSummary = (wizard.ticketSelectionSummaryLines ?? []).filter((line) => line.ticketTypeId !== null).map((line) => `${line.quantity} x ${line.label}`).join(", ");
   const selectedDirectPaymentOption = getSelectedDirectPaymentOption({
     wizard,
     totalCents: discountedTotalCents,
@@ -45581,9 +45699,9 @@ function EventRegistrationSummaryBar(props2) {
         /* @__PURE__ */ jsx55("h4", { className: "er-summary-bar-event", children: summaryTitle }),
         /* @__PURE__ */ jsxs39("span", { className: "er-summary-bar-meta", children: [
           summaryDate && formatEventDateTime(summaryDate, { timeZone: summaryTimeZone }),
-          wizard.selectedTicketType ? /* @__PURE__ */ jsxs39(Fragment12, { children: [
+          selectedLineSummary ? /* @__PURE__ */ jsxs39(Fragment12, { children: [
             " \xB7 ",
-            wizard.selectedTicketType.name
+            selectedLineSummary
           ] }) : null,
           wizard.step !== "select-event" && wizard.step !== "select-tickets" && wizard.ticketsCount > 0 && /* @__PURE__ */ jsxs39(Fragment12, { children: [
             " \xB7 ",
@@ -45597,8 +45715,8 @@ function EventRegistrationSummaryBar(props2) {
           teamMemberNames.join(", ")
         ] })
       ] }),
-      summaryPrice > 0 && /* @__PURE__ */ jsx55("div", { className: "er-summary-bar-pricing", children: productMethod ? /* @__PURE__ */ jsxs39(Fragment12, { children: [
-        /* @__PURE__ */ jsx55("span", { className: "er-summary-bar-price er-summary-bar-price--struck", children: formatPrice(summaryPrice * wizard.ticketsCount, summaryCurrency) }),
+      subtotalCents > 0 && /* @__PURE__ */ jsx55("div", { className: "er-summary-bar-pricing", children: productMethod ? /* @__PURE__ */ jsxs39(Fragment12, { children: [
+        /* @__PURE__ */ jsx55("span", { className: "er-summary-bar-price er-summary-bar-price--struck", children: formatPrice(subtotalCents, summaryCurrency) }),
         /* @__PURE__ */ jsx55("div", { className: "er-summary-bar-included", children: wizard.paymentSelection.method === "pass" || wizard.paymentSelection.method === "pass_bundle" ? "1 pass credit" : "Included in membership" })
       ] }) : flexibleBalanceSummary ? /* @__PURE__ */ jsxs39(Fragment12, { children: [
         flexibleBalanceSummary.total ? /* @__PURE__ */ jsxs39("div", { className: "er-summary-bar-product-detail", children: [
@@ -45874,7 +45992,7 @@ function useEventRegistrationStripeReturn(options) {
     setRegistrationResult,
     setSelectedEvent,
     setSelectedAttendanceMode,
-    setSelectedTicketTypeId,
+    setTicketSelections,
     setStep,
     setTicketsCount,
     step
@@ -45893,13 +46011,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");
@@ -45944,6 +46062,7 @@ var init_useEventRegistrationStripeReturn = __esm({
     init_usePaymentVerification();
     init_shared5();
     init_sessionStorage();
+    init_ticketSelectionLines();
   }
 });
 
@@ -45960,6 +46079,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 = (() => {
@@ -45988,11 +46111,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,
@@ -46037,10 +46159,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
           });
         }
@@ -46094,6 +46215,7 @@ var init_useEventRegistrationSubmit = __esm({
     "use strict";
     "use client";
     init_sessionStorage();
+    init_ticketSelectionLines();
   }
 });
 
@@ -46160,7 +46282,6 @@ function useEventRegistrationWizard(options) {
     createInitialRegistrationFlowState
   );
   const step = flowState.step;
-  const ticketsCount = flowState.ticketsCount;
   const paymentSelection = flowState.paymentSelection;
   const [selectedEvent, setSelectedEvent] = useState7(preSelectedEvent ?? null);
   const [formData, setFormData] = useState7({ name: "", email: "", phone: "", notes: "" });
@@ -46171,7 +46292,7 @@ function useEventRegistrationWizard(options) {
   const [selectedAttendanceMode, setSelectedAttendanceMode] = useState7(
     preSelectedEvent?.deliveryMode === "online" ? "online" : preSelectedEvent?.deliveryMode === "in_person" ? "in_person" : null
   );
-  const [selectedTicketTypeId, setSelectedTicketTypeId] = useState7(null);
+  const [selectedTicketLines, setSelectedTicketLines] = useState7([]);
   const [selectedSlidingAmountInput, setSelectedSlidingAmountInput] = useState7(() => {
     const slidingScale = getSlidingScaleForEvent(preSelectedEvent ?? null);
     return slidingScale?.suggestedAmount !== null && slidingScale?.suggestedAmount !== void 0 ? formatCentsAsCurrencyInput(slidingScale.suggestedAmount) : "";
@@ -46207,14 +46328,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 = useMemo10(
+    () => getVisibleTicketTypes({
+      event: currentEvent,
+      eligibility: null,
+      selectedAttendanceMode
+    }),
+    [currentEvent, selectedAttendanceMode]
+  );
+  const normalizedSelectedTicketLines = useMemo10(
+    () => normalizeTicketSelectionLines(selectedTicketLines),
+    [selectedTicketLines]
+  );
+  const ticketTypeSelectionTotal = useMemo10(
+    () => getTicketSelectionTotal(normalizedSelectedTicketLines),
+    [normalizedSelectedTicketLines]
+  );
+  const ticketsCount = usesTicketTypeSelections ? ticketTypeSelectionTotal : flowState.ticketsCount;
+  const ticketSelections = useMemo10(() => {
+    if (waitlistClaim.claim) {
+      return [{ ticketTypeId: null, quantity: 1 }];
+    }
+    if (usesTicketTypeSelections) {
+      return normalizedSelectedTicketLines;
+    }
+    return [{ ticketTypeId: null, quantity: ticketsCount }];
+  }, [normalizedSelectedTicketLines, ticketsCount, usesTicketTypeSelections, waitlistClaim.claim]);
+  useEffect15(() => {
+    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",
@@ -46320,7 +46478,7 @@ function useEventRegistrationWizard(options) {
     setTicketsCount,
     setSelectedEvent,
     setSelectedAttendanceMode,
-    setSelectedTicketTypeId,
+    setTicketSelections: (lines) => setSelectedTicketLines(normalizeTicketSelectionLines(lines)),
     setPaymentSelection: (selection) => dispatchFlow({ type: "set-manual-payment-selection", selection }),
     setPendingAttendeeId,
     setStep,
@@ -46333,20 +46491,21 @@ function useEventRegistrationWizard(options) {
   }, [selectedEvent, preSelectedEvent]);
   const visibleTicketTypes = useMemo10(
     () => getVisibleTicketTypes({
-      event: selectedEvent ?? preSelectedEvent,
+      event: currentEvent,
       eligibility,
       selectedAttendanceMode
     }),
-    [selectedAttendanceMode, selectedEvent, preSelectedEvent, eligibility]
+    [currentEvent, selectedAttendanceMode, eligibility]
   );
+  const singleSelectedTicketTypeId = getSingleSelectedTicketTypeId(normalizedSelectedTicketLines);
   const selectedTicketType = useMemo10(
     () => findSelectedTicketType({
-      event: selectedEvent ?? preSelectedEvent,
+      event: currentEvent,
       eligibility,
-      selectedTicketTypeId,
+      selectedTicketTypeId: singleSelectedTicketTypeId,
       selectedAttendanceMode
     }),
-    [selectedAttendanceMode, selectedEvent, preSelectedEvent, eligibility, selectedTicketTypeId]
+    [currentEvent, eligibility, selectedAttendanceMode, singleSelectedTicketTypeId]
   );
   const selectedSlidingAmount = useMemo10(
     () => parseCurrencyInputToCents(selectedSlidingAmountInput),
@@ -46361,37 +46520,44 @@ function useEventRegistrationWizard(options) {
     selectedAmount: selectedSlidingAmount
   });
   const ticketTypeSelectionRequired = useMemo10(() => {
-    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";
+  });
   useEffect15(() => {
-    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]);
   useEffect15(() => {
     if (!requireGuestDetails) {
       if (guests.length > 0) setGuests([]);
@@ -46435,21 +46601,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 };
@@ -46534,27 +46699,39 @@ function useEventRegistrationWizard(options) {
   const discountContext = useMemo10(
     () => resolveDiscountContext({
       paymentSelection,
-      event: selectedEvent ?? preSelectedEvent,
+      event: currentEvent,
       eventRequiresPayment,
       ticketsCount
     }),
-    [eventRequiresPayment, paymentSelection, selectedEvent, preSelectedEvent, ticketsCount]
+    [currentEvent, eventRequiresPayment, paymentSelection, ticketsCount]
+  );
+  const fallbackUnitPriceCents = useMemo10(
+    () => currentEvent ? publicEventScalarPrice(resolveRuntimeEventPricing(currentEvent)) ?? 0 : 0,
+    [currentEvent]
+  );
+  const ticketSelectionSubtotalCents = useMemo10(() => {
+    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 = useMemo10(
+    () => buildTicketSelectionSummaryLines({
+      lines: ticketSelections,
+      ticketTypes: visibleTicketTypes,
+      fallbackLabel: "Ticket",
+      fallbackUnitPriceCents
+    }),
+    [fallbackUnitPriceCents, ticketSelections, visibleTicketTypes]
   );
   const discountSubtotalCents = useMemo10(() => {
     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");
@@ -46562,9 +46739,8 @@ function useEventRegistrationWizard(options) {
     api,
     registrationTarget,
     selectedAttendanceMode,
-    selectedTicketTypeId,
+    ticketSelections,
     selectedSlidingAmount,
-    ticketsCount,
     formData,
     altchaSolution,
     requireGuestDetails,
@@ -46585,12 +46761,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
@@ -46626,17 +46802,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,
@@ -46706,6 +46885,7 @@ var init_useEventRegistrationWizard = __esm({
     init_useEventRegistrationSubmit();
     init_useDiscountCodeUi();
     init_utils5();
+    init_ticketSelectionLines();
     init_registrationStateMachine();
     init_event_registration_headless_state();
     init_registrationDerivations();
@@ -82628,6 +82808,103 @@ var containerResponsiveThemeCss = `/*
   line-height: 1.35;
 }
 
+:where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-lines {
+  display: grid;
+  gap: 0.75rem;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-line-list {
+  display: grid;
+  gap: 0.625rem;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-line {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  align-items: center;
+  gap: 0.875rem;
+  min-height: 4.75rem;
+  padding: 0.875rem;
+  border: 1px solid var(--er-border);
+  border-radius: calc(var(--rb-block-radius) * 0.75);
+  background: var(--er-control-bg);
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-line--disabled {
+  color: var(--er-on-surface-disabled);
+  background: var(--er-surface-muted);
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-line-main {
+  min-width: 0;
+  display: grid;
+  gap: 0.25rem;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-line-heading {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 0.75rem;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-line-name {
+  min-width: 0;
+  font-size: 0.9375rem;
+  font-weight: 600;
+  line-height: 1.3;
+  overflow-wrap: anywhere;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-line-price {
+  flex-shrink: 0;
+  font-size: 0.875rem;
+  font-weight: 600;
+  line-height: 1.3;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-line-detail {
+  margin: 0;
+  color: var(--er-on-surface-muted);
+  font-size: 0.8125rem;
+  line-height: 1.35;
+  overflow-wrap: anywhere;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-line-summary {
+  padding: 0.75rem 0.875rem;
+  border: 1px solid var(--er-summary-border);
+  border-radius: calc(var(--rb-block-radius) * 0.75);
+  background: var(--er-surface-muted);
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-line-summary-title {
+  font-size: 0.875rem;
+  font-weight: 600;
+  line-height: 1.35;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-line-summary-list {
+  margin: 0.25rem 0 0;
+  padding-left: 1.125rem;
+  color: var(--er-on-surface-muted);
+  font-size: 0.8125rem;
+  line-height: 1.4;
+}
+
+@container rb-site (max-width: 639px) {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-line {
+    grid-template-columns: minmax(0, 1fr);
+    align-items: stretch;
+  }
+
+  :where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-line .er-counter {
+    justify-content: flex-start;
+  }
+}
+}
+
 /* Form inputs */
 :where(.theme-scope) :where([data-block="event-registration"]) .er-input {
   width: 100%;
@@ -91525,6 +91802,8 @@ var TAG_TEMPLATES = {
   siteNewsletter: "riverbank:site:{siteId}:newsletter",
   // Pages/routes (routable content)
   siteRoutableContent: "riverbank:site:{siteId}:routable-content",
+  siteRedirects: "riverbank:site:{siteId}:redirects",
+  siteRouteOutcomes: "riverbank:site:{siteId}:route-outcomes",
   routeById: "riverbank:route:{routeId}",
   pageById: "riverbank:page:{pageId}",
   workflowRunById: "riverbank:workflow-run:{runId}",
@@ -94981,6 +95260,18 @@ var ENDPOINT_DEFINITIONS = {
     auth: "public",
     responseKind: "json"
   },
+  resolveRouteOutcome: {
+    path: "/sites/{siteId}/route-outcome",
+    method: "GET",
+    tags: [
+      TAG_TEMPLATES.siteRoutableContent,
+      TAG_TEMPLATES.siteRedirects,
+      TAG_TEMPLATES.siteRouteOutcomes
+    ],
+    auth: "public",
+    responseKind: "json",
+    errors: ["validation:invalid_input", "server:internal_error"]
+  },
   getPageByPath: {
     path: "/sites/{siteId}/pages",
     method: "GET",
@@ -100136,6 +100427,22 @@ async function loadContent(params) {
   }
   const site = siteResult.value;
   const contentResponse = contentResult.value;
+  return loadContentFromContentResponse({
+    client,
+    siteId,
+    site,
+    contentResponse,
+    preview
+  });
+}
+async function loadContentFromContentResponse(params) {
+  const {
+    client,
+    siteId,
+    site,
+    contentResponse,
+    preview = false
+  } = params;
   const support = buildSiteRenderSupport(
     site,
     collectMediaAssetSidecar(contentResponse.mediaAssets)