@riverbankcms/sdk 0.130.2 → 0.132.0

package/dist/client/{courseRegistration-aNJVaLa3.mjs → courseRegistration-CKC5NmyH.mjs}

@@ -1,6 +1,6 @@
-import { t as defineIslandPropsDecoder } from "./propsDecoder-CBPGXEYX.mjs";
+import { t as defineIslandPropsDecoder } from "./propsDecoder-BxmqPKdP.mjs";
 import { t as BlockApiProvider } from "./context-B83PiNzm.mjs";
-import { o as CourseRegistrationErrorBoundary, t as CourseRegistrationWizard } from "./CourseRegistrationWizard-DGW9F0SQ.mjs";
+import { o as WholeSeriesRegistrationErrorBoundary, t as WholeSeriesRegistrationWizard } from "./WholeSeriesRegistrationWizard-BEjzSiOA.mjs";
 import { t as mountReactIsland } from "./reactMount-SY8AVRof.mjs";
 import { t as buildRouteIslandApiConfig } from "./routeIslandApiConfig-UNsfPcYq.mjs";
 import "react";
@@ -14,9 +14,15 @@ function toCourseRegistrationClientProps(props) {
 	};
 }
 function CourseRegistrationClient(props) {
-	return /* @__PURE__ */ jsx(CourseRegistrationErrorBoundary, {
+	const { courses, ...registrationProps } = props;
+	return /* @__PURE__ */ jsx(WholeSeriesRegistrationErrorBoundary, {
 		className: props.className,
-		children: /* @__PURE__ */ jsx(CourseRegistrationWizard, { ...props })
+		presentationKind: "temporary-course-adapter",
+		children: /* @__PURE__ */ jsx(WholeSeriesRegistrationWizard, {
+			...registrationProps,
+			runs: courses,
+			presentationKind: "temporary-course-adapter"
+		})
 	});
 }
 function CourseRegistrationIslandClient(props) {

package/dist/client/{eventCalendar-OZ7h59VN.mjs → eventCalendar-BF0Jatfw.mjs}

@@ -1,12 +1,12 @@
 "use client";
 import { D as clsx } from "./colorStyles-CrxJrPjJ.mjs";
-import { B as groupEventsByDate, D as getEventRuntimeFiltersKey, E as buildEventRuntimeFilters, G as getEventAvailabilityStatus, H as resolveEventLinkProps, I as formatEventTeacherLine, K as getLocalDateKey, L as formatTime, W as getEventAvailability, Z as themeButtonClassName, q as getLocalMinuteOfDay, t as defineIslandPropsDecoder, w as buildEventCalendarListingRender } from "./propsDecoder-CBPGXEYX.mjs";
-import { o as EventFilters, t as useEventFilters } from "./useEventFilters-pF_OJNQP.mjs";
-import { a as CalendarDayCell, c as useCalendarEvents, d as getOrderedDayNames, f as getWeekCalendarDayTuple, h as isToday, i as WeekAgendaView, l as MONTH_NAMES, m as isSameLocalDay, o as EventModalProvider, p as getWeekCalendarDays, r as EventModals, s as useEventModal, t as EventCombinedClient, u as formatDateKey } from "./EventCombined.client-Cjt3kKYR.mjs";
+import { A as getEventRuntimeFiltersKey, B as formatTime, G as resolveEventLinkProps, J as getEventAvailabilityStatus, U as groupEventsByDate, X as getLocalMinuteOfDay, Y as getLocalDateKey, et as themeButtonClassName, k as buildEventRuntimeFilters, q as getEventAvailability, t as defineIslandPropsDecoder, w as buildEventCalendarListingRender, z as formatEventTeacherLine } from "./propsDecoder-BxmqPKdP.mjs";
+import { o as EventFilters, t as useEventFilters } from "./useEventFilters-CUmhE24_.mjs";
+import { a as CalendarDayCell, c as useCalendarEvents, d as getOrderedDayNames, f as getWeekCalendarDayTuple, h as isToday, i as WeekAgendaView, l as MONTH_NAMES, m as isSameLocalDay, o as EventModalProvider, p as getWeekCalendarDays, r as EventModals, s as useEventModal, t as EventCombinedClient, u as formatDateKey } from "./EventCombined.client-xID7zN__.mjs";
 import { t as BlockApiProvider } from "./context-B83PiNzm.mjs";
 import { t as mountReactIsland } from "./reactMount-SY8AVRof.mjs";
 import { t as buildRouteIslandApiConfig } from "./routeIslandApiConfig-UNsfPcYq.mjs";
-import { n as EventListingController } from "./EventListing.client-DY9dn6Fh.mjs";
+import { n as EventListingController } from "./EventListing.client-CriBslp0.mjs";
 import { useEffect, useId, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region ../calendar/src/lane-packing.ts
@@ -323,6 +323,21 @@ function parseDateKey(dateKey) {
 }
 //#endregion
 //#region ../blocks/src/system/runtime/nodes/events/shared/WeekBoardView.tsx
+function buildWeekBoardViewProps(display, days) {
+	return {
+		days,
+		events: [...display.events],
+		showCapacity: display.showCapacity,
+		emptyMessage: display.emptyMessage,
+		title: display.boardTitle,
+		footerNote: display.footerNote,
+		ctaLabel: display.loadMoreText ?? display.buttonText,
+		ctaHref: display.seeAllUrl,
+		buttonVariant: display.buttonVariant,
+		elevated: display.elevated,
+		banded: display.banded
+	};
+}
 const SHORT_DAY_NAMES = [
 	"Sun",
 	"Mon",
@@ -729,6 +744,7 @@ const EventCalendarClient = ({ render }) => {
 		showVenue: display.showVenue,
 		showMap: display.showMap,
 		showCapacity: display.showCapacity,
+		cardRole: display.cardRole,
 		buttonVariant: display.buttonVariant,
 		buttonText: display.buttonText,
 		emptyMessage: display.emptyMessage,
@@ -740,19 +756,7 @@ const EventCalendarClient = ({ render }) => {
 	return /* @__PURE__ */ jsx(EventCalendarGridClient, { render });
 };
 const EventCalendarWeekBoardClient = ({ display }) => {
-	return /* @__PURE__ */ jsx(WeekBoardView, {
-		days: useMemo(() => getWeekCalendarDayTuple(/* @__PURE__ */ new Date(), display.startOfWeek), [display.startOfWeek]),
-		events: [...display.events],
-		showCapacity: display.showCapacity,
-		emptyMessage: display.emptyMessage,
-		title: display.boardTitle,
-		footerNote: display.footerNote,
-		ctaLabel: display.loadMoreText ?? display.buttonText,
-		ctaHref: display.seeAllUrl,
-		buttonVariant: display.buttonVariant,
-		elevated: display.elevated,
-		banded: display.banded
-	});
+	return /* @__PURE__ */ jsx(WeekBoardView, { ...buildWeekBoardViewProps(display, useMemo(() => getWeekCalendarDayTuple(/* @__PURE__ */ new Date(), display.startOfWeek), [display.startOfWeek])) });
 };
 const EventCalendarTimetableClient = ({ render }) => {
 	const { display, hydration } = render;
@@ -786,6 +790,7 @@ const EventCalendarTimetableClient = ({ render }) => {
 			showCapacity: display.showCapacity
 		})
 	}), /* @__PURE__ */ jsx(EventModals, {
+		cardRole: display.cardRole,
 		buttonVariant: display.buttonVariant,
 		buttonText: display.buttonText,
 		showCapacity: display.showCapacity
@@ -846,6 +851,7 @@ const EventCalendarGridClient = ({ render }) => {
 			children: display.emptyMessage
 		}) : null]
 	}), /* @__PURE__ */ jsx(EventModals, {
+		cardRole: display.cardRole,
 		buttonVariant: display.buttonVariant,
 		buttonText: display.buttonText,
 		showCapacity: display.showCapacity
@@ -931,19 +937,7 @@ const EventCalendarChrome = ({ children, display, calendarView, className, error
 						onClick: onPrevious,
 						className: "event-calendar-nav-btn",
 						"aria-label": calendarView === "week" ? "Previous week" : "Previous month",
-						children: /* @__PURE__ */ jsx("svg", {
-							width: "20",
-							height: "20",
-							fill: "none",
-							stroke: "currentColor",
-							strokeWidth: 2,
-							viewBox: "0 0 24 24",
-							children: /* @__PURE__ */ jsx("path", {
-								strokeLinecap: "round",
-								strokeLinejoin: "round",
-								d: "M15 19l-7-7 7-7"
-							})
-						})
+						children: /* @__PURE__ */ jsx(CalendarChevron, { direction: "previous" })
 					}),
 					/* @__PURE__ */ jsxs("h3", {
 						className: "event-calendar-title",
@@ -957,19 +951,7 @@ const EventCalendarChrome = ({ children, display, calendarView, className, error
 						onClick: onNext,
 						className: "event-calendar-nav-btn",
 						"aria-label": calendarView === "week" ? "Next week" : "Next month",
-						children: /* @__PURE__ */ jsx("svg", {
-							width: "20",
-							height: "20",
-							fill: "none",
-							stroke: "currentColor",
-							strokeWidth: 2,
-							viewBox: "0 0 24 24",
-							children: /* @__PURE__ */ jsx("path", {
-								strokeLinecap: "round",
-								strokeLinejoin: "round",
-								d: "M9 5l7 7-7 7"
-							})
-						})
+						children: /* @__PURE__ */ jsx(CalendarChevron, { direction: "next" })
 					})
 				]
 			}), /* @__PURE__ */ jsx("button", {
@@ -1000,6 +982,21 @@ const EventCalendarChrome = ({ children, display, calendarView, className, error
 		}) : null
 	]
 });
+function CalendarChevron({ direction }) {
+	return /* @__PURE__ */ jsx("svg", {
+		width: "20",
+		height: "20",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		viewBox: "0 0 24 24",
+		children: /* @__PURE__ */ jsx("path", {
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			d: direction === "previous" ? "M15 19l-7-7 7-7" : "M9 5l7 7-7 7"
+		})
+	});
+}
 //#endregion
 //#region src/rendering/islands/enhancers/eventCalendar.tsx
 const decode = defineIslandPropsDecoder("event-calendar");

package/dist/client/{eventCombined-BbJ6bFKz.mjs → eventCombined-BuoCF8je.mjs}

@@ -1,5 +1,5 @@
-import { t as defineIslandPropsDecoder } from "./propsDecoder-CBPGXEYX.mjs";
-import { n as EventCombinedIslandClient } from "./EventCombined.client-Cjt3kKYR.mjs";
+import { t as defineIslandPropsDecoder } from "./propsDecoder-BxmqPKdP.mjs";
+import { n as EventCombinedIslandClient } from "./EventCombined.client-xID7zN__.mjs";
 import { t as BlockApiProvider } from "./context-B83PiNzm.mjs";
 import { t as mountReactIsland } from "./reactMount-SY8AVRof.mjs";
 import { t as buildRouteIslandApiConfig } from "./routeIslandApiConfig-UNsfPcYq.mjs";

package/dist/client/{eventDetails-BLyUBiCT.mjs → eventDetails-CKwh0S9s.mjs}

@@ -1,12 +1,70 @@
-import { Bt as publicEventPricingType, Ft as toScheduledBookingDateTime, H as resolveEventLinkProps, N as formatEventDateParts, P as formatEventPrice, Pt as toBookingTimeZone, Rt as publicEventPricingCurrency, U as resolveRuntimeEventPricing, Ut as formatCurrencyAmount, X as resolveEventRegistrationScopedEvents, jt as getBookingLocalDateKey, t as defineIslandPropsDecoder } from "./propsDecoder-CBPGXEYX.mjs";
-import { n as formatCoursePriceDisplay, r as resolveCoursePricingState, t as formatCoursePriceAmount } from "./pricing-BiqIMgZk.mjs";
+import { $ as resolveEventRegistrationScopedEvents, Ft as getBookingLocalDateKey, G as resolveEventLinkProps, Ht as publicEventPricingCurrency, I as formatEventDateParts, K as resolveRuntimeEventPricing, L as formatEventPrice, Rt as toBookingTimeZone, Wt as publicEventPricingType, qt as formatCurrencyAmount, t as defineIslandPropsDecoder, zt as toScheduledBookingDateTime } from "./propsDecoder-BxmqPKdP.mjs";
+import { n as formatWholeSeriesPriceDisplay, r as resolveWholeSeriesPricingState, t as formatWholeSeriesPriceAmount } from "./pricing-CVdvbopJ.mjs";
 import { t as mountReactIsland } from "./reactMount-SY8AVRof.mjs";
-import { n as filterPassesForEvent, t as filterMembershipsForEvent } from "./eventProductEligibility-AVxyCB1u.mjs";
-import { t as LeafletStaticMap } from "./LeafletStaticMap--2c61XYn.mjs";
+import { t as LeafletStaticMap } from "./LeafletStaticMap-DYmHnM8g.mjs";
 import "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region ../blocks/src/system/runtime/nodes/events/shared/eventProductEligibility.ts
+function isCategoryEligible(eligibleCategoryIds, eventCategoryId) {
+	const categories = eligibleCategoryIds ?? [];
+	if (categories.length === 0) return true;
+	if (!eventCategoryId) return false;
+	return categories.includes(eventCategoryId);
+}
+function passCoversEvent(args, event) {
+	if (!event.acceptsPasses) return false;
+	return isCategoryEligible(args.eligibleCategoryIds, event.eventCategoryId);
+}
+function membershipCoversEvent(args, event) {
+	if (!event.acceptsMemberships) return false;
+	return isCategoryEligible(args.eligibleCategoryIds, event.eventCategoryId);
+}
+/**
+* Filter site passes to only those that cover the selected event.
+*
+* Public purchasable products are a pre-auth proxy for whether the pass path is
+* worth advertising; owned pass eligibility is checked later after portal auth.
+*/
+function filterPassesForEvent(sitePasses, event) {
+	if (!sitePasses || !event) return [];
+	if (event.requiresRegistration === false) return [];
+	const acceptsPasses = event.acceptsPasses ?? true;
+	const eventCategoryId = event.eventCategory?.id ?? null;
+	return sitePasses.filter((pass) => pass.productUseCase === "event_pass" && passCoversEvent({ eligibleCategoryIds: pass.eligibleCategoryIds }, {
+		acceptsPasses,
+		eventCategoryId
+	}));
+}
+/**
+* Filter site memberships to only those that cover the selected event.
+*
+* Public purchasable products are a pre-auth proxy for whether the membership
+* path is worth advertising; owned membership eligibility is checked later
+* after portal auth.
+*/
+function filterMembershipsForEvent(siteMemberships, event) {
+	if (!siteMemberships || !event) return [];
+	if (event.requiresRegistration === false) return [];
+	const acceptsMemberships = event.acceptsMemberships ?? true;
+	const eventCategoryId = event.eventCategory?.id ?? null;
+	return siteMemberships.filter((membership) => membershipCoversEvent({ eligibleCategoryIds: membership.eligibleCategoryIds }, {
+		acceptsMemberships,
+		eventCategoryId
+	}));
+}
+//#endregion
 //#region ../blocks/src/system/runtime/nodes/event-details/logic.ts
+function emptySelection(timeZone) {
+	return {
+		kind: "empty",
+		mode: "next",
+		selected: null,
+		otherDates: [],
+		timeZone
+	};
+}
 function parseLimit(value, fallback) {
+	if (value === "all") return Number.MAX_SAFE_INTEGER;
 	const n = typeof value === "string" ? parseInt(value, 10) : typeof value === "number" ? value : NaN;
 	return Number.isFinite(n) && n > 0 ? n : fallback;
 }
@@ -47,6 +105,34 @@ function selectCompletedWholeSeries(events) {
 	if (events.length === 0 || !events.every((event) => event.bookingScope === "whole_series")) return null;
 	return [...events].sort((left, right) => Date.parse(right.startsAt) - Date.parse(left.startsAt))[0] ?? null;
 }
+function selectEventCandidate(events, occurrenceContext, nowIso) {
+	const selected = selectFromOccurrenceContext(events, occurrenceContext);
+	if (selected) return {
+		event: selected,
+		mode: "selected"
+	};
+	const upcoming = selectNextUpcoming(events, nowIso);
+	if (upcoming) return {
+		event: upcoming,
+		mode: "next"
+	};
+	const completed = selectCompletedWholeSeries(events);
+	return completed ? {
+		event: completed,
+		mode: "completed"
+	} : null;
+}
+function isWholeSeriesEvent(event) {
+	return event.bookingScope === "whole_series";
+}
+function isOrdinaryEvent(event) {
+	return event.bookingScope === "single_occurrence";
+}
+function deriveWholeSeriesPhase(sessions, nowIso) {
+	const now = Date.parse(nowIso);
+	if (now < Date.parse(sessions[0].startsAt)) return "upcoming";
+	return now <= Date.parse(sessions.at(-1)?.endsAt ?? sessions[0].endsAt) ? "inProgress" : "completed";
+}
 function selectRelatedDates(input) {
 	if (!input.seriesId) return [];
 	const isWholeSeries = input.selected?.bookingScope === "whole_series";
@@ -61,26 +147,81 @@ function selectEventDetails(args) {
 	}));
 	const occurrenceContext = args.occurrenceContext ?? null;
 	const otherLimit = parseLimit(args.otherDatesLimit, 5);
-	const selectedFromContext = selectFromOccurrenceContext(all, occurrenceContext);
-	const nextUpcoming = selectNextUpcoming(all, args.nowIso);
-	const completedWholeSeries = selectCompletedWholeSeries(all);
-	const selected = selectedFromContext ?? nextUpcoming ?? completedWholeSeries;
-	const mode = selectedFromContext ? "selected" : nextUpcoming ? "next" : completedWholeSeries ? "completed" : "next";
-	const timeZone = toBookingTimeZone(selected?.timeZone ?? all[0]?.timeZone ?? null);
-	return {
-		mode,
+	const candidate = selectEventCandidate(all, occurrenceContext, args.nowIso);
+	const timeZone = toBookingTimeZone(candidate?.event.timeZone ?? all[0]?.timeZone ?? null);
+	if (!candidate) return emptySelection(timeZone);
+	const { event: selected, mode } = candidate;
+	const otherDates = selectRelatedDates({
+		events: all,
+		seriesId: occurrenceContext?.seriesId ?? selected?.seriesId ?? all[0]?.seriesId ?? null,
 		selected,
-		otherDates: selectRelatedDates({
-			events: all,
-			seriesId: occurrenceContext?.seriesId ?? selected?.seriesId ?? all[0]?.seriesId ?? null,
+		nowIso: args.nowIso,
+		limit: otherLimit
+	});
+	if (isWholeSeriesEvent(selected)) {
+		const [firstSession, ...remainingSessions] = [selected, ...otherDates].filter(isWholeSeriesEvent).sort((left, right) => Date.parse(left.startsAt) - Date.parse(right.startsAt));
+		if (!firstSession) return emptySelection(timeZone);
+		const nonEmptySessions = [firstSession, ...remainingSessions];
+		return {
+			kind: "wholeSeries",
+			phase: deriveWholeSeriesPhase(nonEmptySessions, args.nowIso),
+			mode,
 			selected,
-			nowIso: args.nowIso,
-			limit: otherLimit
-		}),
+			otherDates: otherDates.filter(isWholeSeriesEvent),
+			sessions: nonEmptySessions,
+			timeZone
+		};
+	}
+	if (!isOrdinaryEvent(selected)) return emptySelection(timeZone);
+	return {
+		kind: "ordinary",
+		mode: mode === "selected" ? "selected" : "next",
+		selected,
+		otherDates: otherDates.filter(isOrdinaryEvent),
 		timeZone
 	};
 }
 //#endregion
+//#region ../blocks/src/system/runtime/nodes/event-details/presentation.ts
+function resolveSelection(input) {
+	return selectEventDetails({
+		events: input.events ?? null,
+		occurrenceContext: input.occurrenceContext ?? null,
+		subject: input.subject,
+		nowIso: input.nowIso ?? (/* @__PURE__ */ new Date()).toISOString(),
+		otherDatesLimit: input.otherDatesLimit
+	});
+}
+function resolveDisplaySettings(input) {
+	return {
+		showVenue: input.showVenue ?? true,
+		showMap: input.showMap ?? true,
+		showOtherDates: input.showOtherDates ?? true,
+		showCost: input.showCost ?? true,
+		showTitle: input.showTitle ?? false,
+		showDescription: input.showDescription ?? false,
+		showCapacity: input.showCapacity ?? false,
+		showAcceptedPasses: input.showAcceptedPasses ?? true,
+		showAcceptedMemberships: input.showAcceptedMemberships ?? true
+	};
+}
+function resolveEligibility(input, selected) {
+	return {
+		applicablePasses: filterPassesForEvent(input.sitePasses?.passes ?? null, selected),
+		applicableMemberships: filterMembershipsForEvent(input.siteMemberships?.memberships ?? null, selected)
+	};
+}
+function resolveEventDetailsPresentation(input) {
+	const selection = resolveSelection(input);
+	const selected = selection.kind === "empty" ? null : selection.selected;
+	return {
+		selection,
+		...resolveDisplaySettings(input),
+		...resolveEligibility(input, selected),
+		autoApplyDiscount: input.autoApplyDiscount ?? null
+	};
+}
+//#endregion
 //#region ../blocks/src/system/runtime/nodes/events/shared/DateTimeTile.tsx
 /**
 * Shared tile content for displaying date and time range.
@@ -118,12 +259,12 @@ function CoursePricingDisplay({ pricing, acceptedItems }) {
 				children: pricing.selectableOptions.map((option) => /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("strong", { children: [
 					option.name,
 					": ",
-					formatCoursePriceAmount(option.priceAmount, pricing.currency)
+					formatWholeSeriesPriceAmount(option.priceAmount, pricing.currency)
 				] }), option.description ? /* @__PURE__ */ jsx("p", {
 					className: "rb-caption status-muted",
 					children: option.description
 				}) : null] }, option.id))
-			}) : /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx("strong", { children: formatCoursePriceDisplay(pricing.display) }) }),
+			}) : /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx("strong", { children: formatWholeSeriesPriceDisplay(pricing.display) }) }),
 			acceptedItems.length > 0 ? /* @__PURE__ */ jsxs("p", {
 				className: "rb-caption rb-mt-1",
 				children: ["You can also attend with: ", acceptedItems.join(", ")]
@@ -134,7 +275,7 @@ function CoursePricingDisplay({ pricing, acceptedItems }) {
 //#endregion
 //#region ../blocks/src/system/runtime/nodes/event-details/view.tsx
 function formatAutoApplyDiscountLine(preview, currency) {
-	const rate = preview.discountType === "percent" ? `${preview.discountPercent}% off` : `${formatCoursePriceAmount(preview.discountAmountCents, currency)} off`;
+	const rate = preview.discountType === "percent" ? `${preview.discountPercent}% off` : `${formatWholeSeriesPriceAmount(preview.discountAmountCents, currency)} off`;
 	const label = preview.publicLabel.trim() || "Discount";
 	return preview.minTicketsRequired && preview.minTicketsRequired > 1 ? `${label} — ${rate} when buying ${preview.minTicketsRequired}+ tickets` : `${label} — ${rate} applied automatically`;
 }
@@ -209,7 +350,7 @@ function EventPricingDetails({ isDropIn, coursePricing, acceptedItems, eventCost
 		})
 	}) : null;
 }
-function EventFacts({ selection, selected, venue, teamMembers, pricing }) {
+function EventFacts({ selection, selected, venue, teamMembers, pricing, showCapacity }) {
 	const { date, timeRange } = formatEventDateParts({
 		startsAt: selected.startsAt,
 		endsAt: selected.endsAt,
@@ -221,7 +362,7 @@ function EventFacts({ selection, selected, venue, teamMembers, pricing }) {
 			/* @__PURE__ */ jsxs("div", { children: [
 				/* @__PURE__ */ jsx("div", {
 					className: "rb-label rb-mb-2",
-					children: selected.bookingScope === "whole_series" ? selection.mode === "next" ? "Next session" : "Selected session" : selection.mode === "next" ? "Next date" : "Date"
+					children: selection.kind === "wholeSeries" ? selection.phase === "upcoming" ? "First session" : selection.phase === "inProgress" ? "Course in progress" : "Course finished" : selection.mode === "next" ? "Next date" : "Date"
 				}),
 				/* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx("strong", { children: date }) }),
 				/* @__PURE__ */ jsx("p", {
@@ -259,6 +400,13 @@ function EventFacts({ selection, selected, venue, teamMembers, pricing }) {
 					}) : null] }, member.id))
 				})]
 			}) : null,
+			showCapacity && selected.capacity != null ? /* @__PURE__ */ jsxs("div", {
+				className: "rb-mt-6",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "rb-label rb-mb-2",
+					children: "Places"
+				}), /* @__PURE__ */ jsxs("p", { children: [selected.capacity, " places"] })]
+			}) : null,
 			pricing,
 			selected.bookingScope === "whole_series" ? /* @__PURE__ */ jsxs("div", {
 				className: "rb-mt-6",
@@ -271,8 +419,9 @@ function EventFacts({ selection, selected, venue, teamMembers, pricing }) {
 	});
 }
 function OtherEventDates({ selection }) {
-	const isWholeSeries = selection.selected?.bookingScope === "whole_series";
-	const dates = isWholeSeries && selection.selected ? [selection.selected, ...selection.otherDates].sort((left, right) => Date.parse(left.startsAt) - Date.parse(right.startsAt)) : selection.otherDates;
+	if (selection.kind === "empty") return null;
+	const isWholeSeries = selection.kind === "wholeSeries";
+	const dates = isWholeSeries ? selection.sessions : selection.otherDates;
 	if (dates.length === 0) return null;
 	return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
 		className: "rb-label",
@@ -290,53 +439,94 @@ function OtherEventDates({ selection }) {
 		}, event.occurrenceId || event.id))
 	})] });
 }
-function EventDetailsView({ selection, showVenue, showMap, showOtherDates, showCost = true, showAcceptedPasses = true, showAcceptedMemberships = true, applicablePasses = [], applicableMemberships = [], autoApplyDiscount = null, mapHeight = 200, mapClassName = "event-details-map", renderVenueMap }) {
-	const selected = selection.selected;
-	if (!selected) return /* @__PURE__ */ jsx("p", {
-		className: "rb-caption status-muted",
-		children: "No upcoming dates scheduled."
+function EventIdentity({ event, showTitle, showDescription }) {
+	if (!showTitle && !showDescription) return null;
+	return /* @__PURE__ */ jsxs("div", { children: [showTitle ? /* @__PURE__ */ jsx("h3", { children: event.title }) : null, showDescription && event.description ? /* @__PURE__ */ jsx("p", {
+		className: "rb-mt-2",
+		children: event.description
+	}) : null] });
+}
+function acceptedProductNames(props) {
+	const passes = props.showAcceptedPasses !== false ? (props.applicablePasses ?? []).map(({ name }) => name) : [];
+	const memberships = props.showAcceptedMemberships !== false ? (props.applicableMemberships ?? []).map(({ name }) => name) : [];
+	return [...passes, ...memberships];
+}
+function EventVenueMap({ venue, showMap, mapHeight, mapClassName, renderVenueMap }) {
+	if (!showMap || !renderVenueMap || !venue?.location) return null;
+	return renderVenueMap({
+		venueName: venue.name,
+		location: venue.location,
+		className: mapClassName,
+		height: mapHeight
 	});
+}
+function SelectedEventDetailsView({ selection, showVenue, showMap, showOtherDates, showCost, showTitle, showDescription, showCapacity, autoApplyDiscount, mapHeight, mapClassName, renderVenueMap, acceptedItems }) {
+	const selected = selection.selected;
 	const venue = showVenue ? selected.venue : void 0;
 	const isDropIn = selected.bookingScope === "single_occurrence" && selected.requiresRegistration === false;
-	const teamMembers = selected.teamMembers ?? [];
-	const coursePricing = selected.bookingScope === "whole_series" && selected.wholeSeries ? resolveCoursePricingState({
+	const wholeSeriesPricing = selected.bookingScope === "whole_series" && selected.wholeSeries ? resolveWholeSeriesPricingState({
 		pricing: selected.wholeSeries.pricing,
 		currency: selected.wholeSeries.currency
 	}) : null;
 	const eventPricing = resolveRuntimeEventPricing(selected);
-	const eventPricingType = publicEventPricingType(eventPricing);
-	const eventPricingCurrency = publicEventPricingCurrency(eventPricing) ?? "USD";
-	const shouldShowEventCost = showCost && eventPricingType === "paid" && !isDropIn && coursePricing === null;
-	const eventCostLabel = shouldShowEventCost ? formatEventPrice(selected) : null;
-	const ticketTypes = shouldShowEventCost ? getActiveTicketTypes(selected) : [];
-	const acceptedItems = [];
-	if (showAcceptedPasses) acceptedItems.push(...applicablePasses.map((p) => p.name));
-	if (showAcceptedMemberships) acceptedItems.push(...applicableMemberships.map((m) => m.name));
+	const currency = publicEventPricingCurrency(eventPricing) ?? "USD";
+	const showEventCost = showCost && publicEventPricingType(eventPricing) === "paid" && !isDropIn && wholeSeriesPricing === null;
 	return /* @__PURE__ */ jsxs("div", {
 		className: "rb-flex rb-flex-col rb-gap-6 rb-text-left",
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "rb-grid rb-grid-cols-1 rb-gap-6 rb-items-start rb-sm-grid-cols-2",
-			children: [/* @__PURE__ */ jsx(EventFacts, {
-				selection,
-				selected,
-				venue,
-				teamMembers,
-				pricing: /* @__PURE__ */ jsx(EventPricingDetails, {
-					isDropIn,
-					coursePricing: showCost ? coursePricing : null,
-					acceptedItems,
-					eventCostLabel,
-					eventPricingCurrency,
-					ticketTypes,
-					autoApplyDiscount
-				})
-			}), showMap && renderVenueMap && venue?.location ? /* @__PURE__ */ jsx(Fragment, { children: renderVenueMap({
-				venueName: venue.name,
-				location: venue.location,
-				className: mapClassName,
-				height: mapHeight
-			}) }) : null]
-		}), showOtherDates ? /* @__PURE__ */ jsx(OtherEventDates, { selection }) : null]
+		children: [
+			/* @__PURE__ */ jsx(EventIdentity, {
+				event: selected,
+				showTitle,
+				showDescription
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "rb-grid rb-grid-cols-1 rb-gap-6 rb-items-start rb-sm-grid-cols-2",
+				children: [/* @__PURE__ */ jsx(EventFacts, {
+					selection,
+					selected,
+					venue,
+					teamMembers: selected.teamMembers ?? [],
+					showCapacity,
+					pricing: /* @__PURE__ */ jsx(EventPricingDetails, {
+						isDropIn,
+						coursePricing: showCost ? wholeSeriesPricing : null,
+						acceptedItems,
+						eventCostLabel: showEventCost ? formatEventPrice(selected) : null,
+						eventPricingCurrency: currency,
+						ticketTypes: showEventCost ? getActiveTicketTypes(selected) : [],
+						autoApplyDiscount: autoApplyDiscount ?? null
+					})
+				}), /* @__PURE__ */ jsx(EventVenueMap, {
+					venue,
+					showMap,
+					mapHeight,
+					mapClassName,
+					renderVenueMap
+				})]
+			}),
+			showOtherDates ? /* @__PURE__ */ jsx(OtherEventDates, { selection }) : null
+		]
+	});
+}
+function EventDetailsView(props) {
+	if (props.selection.kind === "empty") return /* @__PURE__ */ jsx("p", {
+		className: "rb-caption status-muted",
+		children: "No upcoming dates scheduled."
+	});
+	return /* @__PURE__ */ jsx(SelectedEventDetailsView, {
+		selection: props.selection,
+		showVenue: props.showVenue,
+		showMap: props.showMap,
+		showOtherDates: props.showOtherDates,
+		showCost: props.showCost ?? true,
+		showTitle: props.showTitle ?? false,
+		showDescription: props.showDescription ?? false,
+		showCapacity: props.showCapacity ?? false,
+		autoApplyDiscount: props.autoApplyDiscount ?? null,
+		mapHeight: props.mapHeight ?? 200,
+		mapClassName: props.mapClassName ?? "event-details-map",
+		renderVenueMap: props.renderVenueMap,
+		acceptedItems: acceptedProductNames(props)
 	});
 }
 //#endregion
@@ -351,6 +541,9 @@ function toEventDetailsClientProps(props) {
 		showOtherDates: props.showOtherDates,
 		otherDatesLimit: props.otherDatesLimit,
 		showCost: props.showCost,
+		showTitle: props.showTitle,
+		showDescription: props.showDescription,
+		showCapacity: props.showCapacity,
 		showAcceptedPasses: props.showAcceptedPasses,
 		showAcceptedMemberships: props.showAcceptedMemberships,
 		sitePasses: props.sitePasses ? { passes: [...props.sitePasses.passes] } : props.sitePasses,
@@ -360,41 +553,30 @@ function toEventDetailsClientProps(props) {
 		nowIso: props.nowIso
 	};
 }
-function EventDetailsClient({ occurrenceContext, subject, events, showVenue = true, showMap = true, showOtherDates = true, otherDatesLimit, showCost = true, showAcceptedPasses = true, showAcceptedMemberships = true, sitePasses, siteMemberships, autoApplyDiscount, className, nowIso, children }) {
-	const selection = selectEventDetails({
-		events: events ?? null,
-		occurrenceContext: occurrenceContext ?? null,
-		subject,
-		nowIso: nowIso ?? (/* @__PURE__ */ new Date()).toISOString(),
-		otherDatesLimit
+function ClientVenueMap({ venueName, location, className, height }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "event-details-map-wrap rb-w-full rb-ml-auto",
+		children: /* @__PURE__ */ jsx(LeafletStaticMap, {
+			location,
+			label: venueName,
+			className,
+			height
+		})
+	});
+}
+function EventDetailsClient(props) {
+	const { occurrenceContext = null, subject, events = null, className, children } = props;
+	const presentation = resolveEventDetailsPresentation({
+		...props,
+		events: events ? [...events] : events,
+		occurrenceContext
 	});
-	const passesArray = sitePasses?.passes ?? null;
-	const membershipsArray = siteMemberships?.memberships ?? null;
-	const applicablePasses = filterPassesForEvent(passesArray, selection.selected);
-	const applicableMemberships = filterMembershipsForEvent(membershipsArray, selection.selected);
 	return /* @__PURE__ */ jsxs("div", {
 		className: `event-details ${className ?? ""}`.trim(),
 		"data-block": "event-details",
 		children: [/* @__PURE__ */ jsx(EventDetailsView, {
-			selection,
-			showVenue,
-			showMap,
-			showOtherDates,
-			showCost,
-			showAcceptedPasses,
-			showAcceptedMemberships,
-			applicablePasses,
-			applicableMemberships,
-			autoApplyDiscount: autoApplyDiscount ?? null,
-			renderVenueMap: ({ venueName, location, className, height }) => /* @__PURE__ */ jsx("div", {
-				className: "event-details-map-wrap rb-w-full rb-ml-auto",
-				children: /* @__PURE__ */ jsx(LeafletStaticMap, {
-					location,
-					label: venueName,
-					className,
-					height
-				})
-			})
+			...presentation,
+			renderVenueMap: ClientVenueMap
 		}), children]
 	});
 }