@riverbankcms/sdk 0.130.0 → 0.132.0

package/dist/client/{CourseRegistrationWizard-Bvtz9G9g.mjs → WholeSeriesRegistrationWizard-BEjzSiOA.mjs}

@@ -1,17 +1,17 @@
 "use client";
-import { It as toBookingTimeZone, Kt as assertNever, Lt as toScheduledBookingDateTime, Ot as formatBookingDate, Rt as parseEventPageSurfaceSubject, Z as themeButtonClassName, bt as assertNever$1, jt as formatBookingTime } from "./propsDecoder-CAZdhwjs.mjs";
-import { n as formatCoursePriceDisplay, r as resolveCoursePricingState, t as formatCoursePriceAmount } from "./pricing-NgK7ozkg.mjs";
-import { n as useBlockApi } from "./context-CJz1Vlsz.mjs";
+import { At as formatBookingDate, Bt as parseEventPageSurfaceSubject, Jt as assertNever$1, Nt as formatBookingTime, Rt as toBookingTimeZone, St as assertNever, et as themeButtonClassName, zt as toScheduledBookingDateTime } from "./propsDecoder-BxmqPKdP.mjs";
+import { n as formatWholeSeriesPriceDisplay, r as resolveWholeSeriesPricingState, t as formatWholeSeriesPriceAmount } from "./pricing-CVdvbopJ.mjs";
+import { n as useBlockApi } from "./context-B83PiNzm.mjs";
 import { n as isSpamProtectionEnabled, r as AltchaWidget, t as getChallengeUrl } from "./src-B833rYRr.mjs";
-import { a as CheckIcon, i as StateIcon, n as useDiscountCodeUi, r as TerminalPanel, t as scrollToBlock } from "./scrollToBlock-DSSqVQr1.mjs";
-import { t as DiscountCodeDisclosure } from "./DiscountCodeDisclosure-Ur-Xx1U_.mjs";
-import { n as SpinnerNode, r as formatPrice, t as StepIndicator$1 } from "./StepIndicator-BfbdiVQI.mjs";
-import { t as FeedbackMessage } from "./FeedbackMessage-ByMrs3cr.mjs";
+import { a as CheckIcon, i as StateIcon, n as useDiscountCodeUi, r as TerminalPanel, t as scrollToBlock } from "./scrollToBlock-B3CcKdtG.mjs";
+import { t as DiscountCodeDisclosure } from "./DiscountCodeDisclosure-DO7llLxm.mjs";
+import { n as SpinnerNode, r as formatPrice, t as StepIndicator$1 } from "./StepIndicator-CGixP_LW.mjs";
+import { t as FeedbackMessage } from "./FeedbackMessage-CtLvvS_d.mjs";
 import { n as getFieldValidationControlProps, t as FieldValidationMessage } from "./FieldValidationMessage-AYanWFb-.mjs";
 import { t as buildCheckoutReturnUrls } from "./checkoutUrls-Ct8Mxna3.mjs";
 import { t as CrossIcon } from "./CrossIcon-Dn1KRKW5.mjs";
 import { t as ModalShell } from "./ModalShell-CqkBvBIC.mjs";
-import React, { Component, useCallback, useEffect, useMemo, useReducer, useState, useSyncExternalStore } from "react";
+import React, { Component, useCallback, useEffect, useMemo, useReducer, useRef, useState, useSyncExternalStore } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region ../blocks/src/system/runtime/shared/utils/validation.ts
 const EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
@@ -103,59 +103,28 @@ function MembershipHero$1({ membershipName, classPrefix, onBookForSomeoneElse })
 	});
 }
 //#endregion
-//#region ../blocks/src/system/runtime/nodes/course-registration/utils.ts
-/**
-* Course Registration Utilities
-*
-* Formatting and validation helpers for course registration.
-*/
-/**
-* Format a date string to a localized date.
-*
-* @param dateString - ISO 8601 date string
-* @param locale - Optional locale for formatting (defaults to browser locale)
-* @returns Formatted date string (e.g., "Sat, Feb 1, 2026")
-*/
-function formatDate(dateString, options) {
-	return formatBookingDate(toScheduledBookingDateTime({
-		startsAt: dateString,
-		locale: options?.locale,
-		timeZone: toBookingTimeZone(options?.timeZone)
-	}), {
-		weekday: "short",
-		month: "short",
-		day: "numeric",
-		year: "numeric"
-	});
-}
-/**
-* Format a date string to a localized time.
-*
-* @param dateString - ISO 8601 date string
-* @param locale - Optional locale for formatting (defaults to browser locale)
-* @returns Formatted time string (e.g., "10:00 AM")
-*/
-function formatTime(dateString, options) {
-	return formatBookingTime(toScheduledBookingDateTime({
-		startsAt: dateString,
-		locale: options?.locale,
-		timeZone: toBookingTimeZone(options?.timeZone)
-	}), {
-		hour: "numeric",
-		minute: "2-digit"
-	});
+//#region ../blocks/src/system/runtime/nodes/event-registration/whole-series/presentation.ts
+function resolveWholeSeriesRegistrationPresentation(kind) {
+	switch (kind) {
+		case "event": return {
+			dataBlock: "event-registration",
+			anchorId: "event-registration",
+			rootClass: "event-registration"
+		};
+		case "temporary-course-adapter": return {
+			dataBlock: "course-registration",
+			anchorId: "course-registration",
+			rootClass: "course-registration"
+		};
+	}
 }
-/**
-* Anchor ID for the registration block, used for scroll targeting.
-*/
-const COURSE_REGISTRATION_ANCHOR_ID = "course-registration";
 //#endregion
-//#region ../blocks/src/system/runtime/nodes/course-registration/CourseRegistrationErrorBoundary.tsx
+//#region ../blocks/src/system/runtime/nodes/event-registration/whole-series/WholeSeriesRegistrationErrorBoundary.tsx
 /**
-* Error boundary wrapper for course registration.
+* Error boundary wrapper for run registration.
 * Catches render errors and displays a fallback UI.
 */
-var CourseRegistrationErrorBoundary = class extends Component {
+var WholeSeriesRegistrationErrorBoundary = class extends Component {
 	constructor(props) {
 		super(props);
 		this.state = { hasError: false };
@@ -167,364 +136,264 @@ var CourseRegistrationErrorBoundary = class extends Component {
 		};
 	}
 	componentDidCatch(error, errorInfo) {
-		console.error("Course registration error:", error, errorInfo);
+		console.error("Run registration error:", error, errorInfo);
 	}
 	render() {
-		if (this.state.hasError) return /* @__PURE__ */ jsx("div", {
-			id: COURSE_REGISTRATION_ANCHOR_ID,
-			className: `course-registration ${this.props.className || ""}`,
-			children: /* @__PURE__ */ jsxs("div", {
-				className: "cr-error",
-				children: [
-					/* @__PURE__ */ jsx("div", {
-						className: "cr-error__icon",
-						children: "✕"
-					}),
-					/* @__PURE__ */ jsx("h3", {
-						className: "cr-error__title",
-						children: "Something went wrong"
-					}),
-					/* @__PURE__ */ jsx("p", {
-						className: "cr-error__message",
-						children: "Unable to load the booking form. Please refresh the page and try again."
-					})
-				]
-			})
-		});
+		if (this.state.hasError) {
+			const presentation = resolveWholeSeriesRegistrationPresentation(this.props.presentationKind ?? "event");
+			return /* @__PURE__ */ jsx("div", {
+				id: presentation.anchorId,
+				"data-block": presentation.dataBlock,
+				className: `${presentation.rootClass} ${this.props.className || ""}`,
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "er-whole-series-error",
+					children: [
+						/* @__PURE__ */ jsx("div", {
+							className: "er-whole-series-error__icon",
+							children: "✕"
+						}),
+						/* @__PURE__ */ jsx("h3", {
+							className: "er-whole-series-error__title",
+							children: "Something went wrong"
+						}),
+						/* @__PURE__ */ jsx("p", {
+							className: "er-whole-series-error__message",
+							children: "Unable to load the booking form. Please refresh the page and try again."
+						})
+					]
+				})
+			});
+		}
 		return this.props.children;
 	}
 };
 //#endregion
-//#region ../blocks/src/system/runtime/shared/components/LoggedInAsUser.tsx
+//#region ../blocks/src/system/runtime/nodes/shared/MagicLinkForm.state.ts
+const initialMagicLinkSubmissionState = Object.freeze({ tag: "idle" });
+function magicLinkSubmissionReducer(state, action) {
+	switch (action.type) {
+		case "submit-started":
+			if (state.tag === "submitting") return state;
+			return { tag: "submitting" };
+		case "submit-succeeded":
+			if (state.tag !== "submitting") return state;
+			return { tag: "success" };
+		case "submit-failed":
+			if (state.tag !== "submitting") return state;
+			return {
+				tag: "error",
+				message: action.message
+			};
+		case "reset": return initialMagicLinkSubmissionState;
+		default: return assertNever(action);
+	}
+}
+function isMagicLinkSubmitting(state) {
+	return state.tag === "submitting";
+}
+function getMagicLinkError(state) {
+	return state.tag === "error" ? state.message : null;
+}
+//#endregion
+//#region ../blocks/src/system/runtime/nodes/shared/MagicLinkForm.tsx
 /**
-* Displays the logged-in user's email with an optional logout link.
-*
-* Used in registration forms when the email field is locked due to portal authentication.
-* Shows: "Logged in as {email} — Not you? Log out"
+* Reusable magic link login form.
+* Used by Customer Portal and Event Registration blocks.
 */
-function LoggedInAsUser({ email, onLogout, classPrefix }) {
-	return /* @__PURE__ */ jsxs("p", {
-		className: `${classPrefix}-logged-in-hint`,
-		children: [
-			"Logged in as ",
-			email,
-			onLogout && /* @__PURE__ */ jsxs(Fragment, { children: [" — ", /* @__PURE__ */ jsx("button", {
-				type: "button",
-				className: `${classPrefix}-link`,
-				onClick: onLogout,
-				children: "Not you? Log out"
-			})] })
-		]
+function MagicLinkForm({ initialEmail = "", title, subtitle, buttonText = "Send login link", successMessage = "Check your email for a login link to sign in.", onSuccess, classPrefix = "er", compact = false }) {
+	const api = useBlockApi();
+	const [email, setEmail] = useState(initialEmail);
+	const [submissionState, dispatchSubmission] = useReducer(magicLinkSubmissionReducer, initialMagicLinkSubmissionState);
+	const loading = isMagicLinkSubmitting(submissionState);
+	const error = getMagicLinkError(submissionState);
+	const handleSubmit = async (e) => {
+		e.preventDefault();
+		const normalizedEmail = email.trim().toLowerCase();
+		if (!normalizedEmail || loading) return;
+		dispatchSubmission({ type: "submit-started" });
+		try {
+			const redirectTo = `${window.location.pathname}${window.location.search}${window.location.hash}`;
+			await api.sendMagicLink({
+				email: normalizedEmail,
+				redirectUrl: `${window.location.origin}/api/portal/callback?redirect_to=${encodeURIComponent(redirectTo)}`
+			});
+			dispatchSubmission({ type: "submit-succeeded" });
+			onSuccess?.();
+		} catch (err) {
+			console.error("Magic link error:", err);
+			dispatchSubmission({
+				type: "submit-failed",
+				message: getMagicLinkErrorMessage(err)
+			});
+		}
+	};
+	const handleReset = () => {
+		setEmail("");
+		dispatchSubmission({ type: "reset" });
+	};
+	if (submissionState.tag === "success") return /* @__PURE__ */ jsxs("div", {
+		className: `${classPrefix}-magic-link-success`,
+		children: [/* @__PURE__ */ jsx("p", {
+			className: `${classPrefix}-portal-auth-text ${classPrefix}-portal-auth-text--success`,
+			children: successMessage
+		}), !compact && /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: classPrefix === "cp" ? themeButtonClassName({
+				variant: "secondary",
+				size: "md"
+			}) : `${classPrefix}-modal-btn ${classPrefix}-modal-btn--secondary`,
+			onClick: handleReset,
+			children: "Try a different email"
+		})]
 	});
-}
-//#endregion
-//#region ../blocks/src/system/runtime/nodes/course-registration/components.tsx
-function TeamMemberInlineList({ teamMembers }) {
-	return /* @__PURE__ */ jsx(Fragment, { children: teamMembers.map((teamMember, index) => /* @__PURE__ */ jsxs(React.Fragment, { children: [index > 0 ? ", " : "", teamMember.profilePath ? /* @__PURE__ */ jsx("a", {
-		href: teamMember.profilePath,
-		children: teamMember.name
-	}) : teamMember.name] }, teamMember.id)) });
-}
-function CourseCard({ course, isSelected, onSelect, showSessions, showPrice, showCapacity, showVenue }) {
-	const enrollmentClosed = course.enrollmentOpen === false;
-	const teamMemberNames = (course.teamMembers ?? []).map((teamMember) => teamMember.name).filter(Boolean);
-	const pricing = resolveCoursePricingState(course);
-	const priceLabel = formatCoursePriceDisplay(pricing.display);
-	return /* @__PURE__ */ jsxs("div", {
-		className: `cr-course-card ${isSelected ? "cr-course-card--selected" : ""}`,
-		onClick: onSelect,
-		role: "button",
-		tabIndex: 0,
-		"aria-pressed": isSelected,
-		onKeyDown: (e) => {
-			if (e.key === "Enter" || e.key === " ") {
-				e.preventDefault();
-				onSelect();
-			}
-		},
+	return /* @__PURE__ */ jsxs("form", {
+		onSubmit: handleSubmit,
+		className: `${classPrefix}-magic-link-form`,
 		children: [
-			/* @__PURE__ */ jsx("h3", {
-				className: "cr-course-card__title",
-				children: course.title
-			}),
-			enrollmentClosed && /* @__PURE__ */ jsx("p", {
-				className: "cr-course-card__status",
-				children: "Registration closed"
-			}),
-			showSessions && course.sessionsCount > 0 && /* @__PURE__ */ jsxs("p", {
-				className: "cr-course-card__sessions",
-				children: [
-					course.sessionsCount,
-					" session",
-					course.sessionsCount !== 1 ? "s" : ""
-				]
+			title && /* @__PURE__ */ jsx("h3", {
+				className: `${classPrefix}-magic-link-title`,
+				children: title
 			}),
-			showPrice && pricing.display.kind !== "unavailable" && /* @__PURE__ */ jsx("p", {
-				className: "cr-course-card__price",
-				children: priceLabel
+			subtitle && /* @__PURE__ */ jsx("p", {
+				className: `${classPrefix}-portal-auth-text`,
+				children: subtitle
 			}),
-			showCapacity && course.availableSpots !== null && /* @__PURE__ */ jsx("p", {
-				className: "cr-course-card__capacity",
-				children: course.availableSpots > 0 ? `${course.availableSpots} spot${course.availableSpots !== 1 ? "s" : ""} available` : "Waitlist only"
+			/* @__PURE__ */ jsx("input", {
+				type: "email",
+				className: classPrefix === "cp" ? "cp-input" : `${classPrefix}-form__input`,
+				placeholder: "your@email.com",
+				value: email,
+				onChange: (e) => setEmail(e.target.value),
+				autoFocus: !compact,
+				required: true,
+				disabled: loading
 			}),
-			showVenue && course.venue && /* @__PURE__ */ jsx("p", {
-				className: "cr-course-card__venue",
-				children: course.venue.name
+			error && /* @__PURE__ */ jsx("p", {
+				className: `${classPrefix}-portal-auth-text ${classPrefix}-portal-auth-text--error`,
+				children: error
 			}),
-			teamMemberNames.length > 0 && /* @__PURE__ */ jsxs("p", {
-				className: "cr-course-card__venue",
-				children: ["Team: ", teamMemberNames.join(", ")]
+			/* @__PURE__ */ jsx("button", {
+				type: "submit",
+				className: classPrefix === "cp" ? themeButtonClassName({
+					variant: "primary",
+					size: "md"
+				}) : `${classPrefix}-modal-btn`,
+				disabled: !email.trim() || loading,
+				children: loading ? "Sending..." : buttonText
 			})
 		]
 	});
 }
-function CourseSummary({ course, pricing, showSessions, showVenue, showPrice, showMembershipNote }) {
-	const teamMembers = course.teamMembers ?? [];
-	const priceLabel = pricing.selectedOption ? `${pricing.selectedOption.name} - ${formatCoursePriceAmount(pricing.selectedOption.priceAmount, pricing.currency)}` : formatCoursePriceDisplay(pricing.display);
-	return /* @__PURE__ */ jsxs("div", {
-		className: "cr-summary",
+function getMagicLinkErrorMessage(error) {
+	return error instanceof Error ? error.message : "Failed to send. Please try again.";
+}
+//#endregion
+//#region ../blocks/src/system/runtime/nodes/event-registration/whole-series/PortalAuthSidebar.tsx
+/**
+* Portal authentication sidebar.
+* Shows login prompt for unauthenticated users who might have memberships.
+*/
+const PORTAL_AUTH_COPY = {
+	membership: {
+		title: "Have a membership?",
+		description: "Log in to use your membership to book for free",
+		buttonText: "Log in with email",
+		modalTitle: "Log in",
+		modalHeading: "Log in to your account",
+		modalSubtitle: "Enter your email to receive a magic link",
+		successMessage: "Check your email for a login link. After clicking, refresh this page."
+	},
+	"waitlist-claim": {
+		title: "Log in to claim your waitlist spot",
+		description: "",
+		buttonText: "Log in with email to continue",
+		modalTitle: "Log in to continue",
+		modalHeading: "Log in to your account to continue",
+		modalSubtitle: "Enter your email to receive a login link and continue your waitlist claim",
+		successMessage: "Check your email for a login link. After clicking it, return here to continue your claim."
+	}
+};
+function PortalAuthSidebar({ onMagicLinkSent, autoOpen = false, variant = "membership", loginMessage }) {
+	const [showModal, setShowModal] = useState(false);
+	const copy = PORTAL_AUTH_COPY[variant];
+	const description = variant === "waitlist-claim" ? loginMessage ?? "Log in to continue with your waitlist claim." : copy.description;
+	useEffect(() => {
+		if (!autoOpen) return;
+		setShowModal(true);
+	}, [autoOpen]);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+		className: "er-whole-series-portal-sidebar",
 		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "er-whole-series-portal-sidebar__icon",
+				"aria-hidden": "true",
+				children: "👤"
+			}),
 			/* @__PURE__ */ jsx("h3", {
-				className: "cr-summary__title",
-				children: course.title
+				className: "er-whole-series-portal-sidebar__title",
+				children: copy.title
 			}),
-			showSessions && course.sessions.length > 0 && /* @__PURE__ */ jsxs("div", {
-				className: "cr-summary__sessions",
-				children: [/* @__PURE__ */ jsx("h4", {
-					className: "cr-summary__sessions-title",
-					children: "Sessions"
-				}), /* @__PURE__ */ jsx("ul", {
-					className: "cr-summary__sessions-list",
-					children: course.sessions.map((session) => /* @__PURE__ */ jsxs("li", {
-						className: "cr-summary__session",
-						children: [
-							formatDate(session.startsAt, { timeZone: session.timeZone }),
-							" ",
-							"at",
-							" ",
-							formatTime(session.startsAt, { timeZone: session.timeZone })
-						]
-					}, session.id))
-				})]
-			}),
-			showVenue && course.venue && /* @__PURE__ */ jsxs("p", {
-				className: "cr-summary__venue",
-				children: [
-					/* @__PURE__ */ jsx("strong", { children: "Venue:" }),
-					" ",
-					course.venue.name,
-					course.venue.address && ` - ${course.venue.address}`
-				]
-			}),
-			teamMembers.length > 0 && /* @__PURE__ */ jsxs("div", {
-				className: "cr-summary__venue",
-				children: [
-					/* @__PURE__ */ jsx("strong", { children: "Team:" }),
-					" ",
-					/* @__PURE__ */ jsx(TeamMemberInlineList, { teamMembers })
-				]
-			}),
-			showPrice && pricing.display.kind !== "unavailable" && /* @__PURE__ */ jsxs("p", {
-				className: "cr-summary__price",
-				children: [
-					/* @__PURE__ */ jsx("strong", { children: pricing.selectableOptions.length > 0 ? "Pricing:" : "Price:" }),
-					" ",
-					priceLabel
-				]
+			/* @__PURE__ */ jsx("p", {
+				className: "er-whole-series-portal-sidebar__text",
+				children: description
 			}),
-			showMembershipNote && /* @__PURE__ */ jsx("p", {
-				className: "cr-summary__membership",
-				children: "✓ Your membership can be used to book for free"
-			})
-		]
-	});
-}
-function CoursePricingSelector({ pricing, selectedPricingOptionId, onSelect }) {
-	if (pricing.selectableOptions.length <= 1) return null;
-	return /* @__PURE__ */ jsxs("fieldset", {
-		className: "cr-form__field",
-		children: [/* @__PURE__ */ jsx("legend", {
-			id: "cr-pricing-options-label",
-			className: "cr-form__label",
-			children: "Pricing option"
-		}), /* @__PURE__ */ jsx("div", {
-			className: "cr-payment-tiles",
-			role: "radiogroup",
-			"aria-labelledby": "cr-pricing-options-label",
-			children: pricing.selectableOptions.map((option) => {
-				const isSelected = selectedPricingOptionId === option.id;
-				const priceLabel = formatCoursePriceAmount(option.priceAmount, pricing.currency);
-				return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("button", {
+			/* @__PURE__ */ jsx("div", {
+				className: "er-whole-series-portal-sidebar__action",
+				children: /* @__PURE__ */ jsx("button", {
 					type: "button",
-					role: "radio",
-					"aria-checked": isSelected,
-					className: `cr-payment-tile${isSelected ? " cr-payment-tile--selected" : ""}`,
-					onClick: () => onSelect(option.id),
-					children: [/* @__PURE__ */ jsxs("div", {
-						className: "cr-payment-tile__header",
-						children: [/* @__PURE__ */ jsx("h3", {
-							className: "cr-payment-tile__name",
-							children: option.name
-						}), /* @__PURE__ */ jsx("span", {
-							className: "cr-payment-tile__price",
-							children: priceLabel
-						})]
-					}), option.description ? /* @__PURE__ */ jsx("p", {
-						className: "cr-payment-tile__description",
-						children: option.description
-					}) : null]
-				}) }, option.id);
-			})
-		})]
-	});
-}
-function CourseSlidingScaleInput({ pricing, value, onChange }) {
-	const slidingScale = pricing.slidingScale;
-	if (!slidingScale) return null;
-	const minLabel = formatCoursePriceAmount(slidingScale.minAmount, pricing.currency);
-	const maxLabel = formatCoursePriceAmount(slidingScale.maxAmount, pricing.currency);
-	const suggestedLabel = slidingScale.suggestedAmount !== null ? formatCoursePriceAmount(slidingScale.suggestedAmount, pricing.currency) : null;
-	return /* @__PURE__ */ jsxs("div", {
-		className: "cr-form__field",
-		children: [
-			/* @__PURE__ */ jsx("label", {
-				htmlFor: "cr-sliding-amount",
-				className: "cr-form__label",
-				children: "Amount"
-			}),
-			/* @__PURE__ */ jsx("input", {
-				id: "cr-sliding-amount",
-				type: "number",
-				min: slidingScale.minAmount / 100,
-				max: slidingScale.maxAmount / 100,
-				step: "0.01",
-				inputMode: "decimal",
-				className: "cr-form__input",
-				value,
-				onChange: (event) => onChange(event.target.value)
-			}),
-			/* @__PURE__ */ jsxs("p", {
-				className: "cr-text cr-text--muted",
-				children: [
-					"Choose between ",
-					minLabel,
-					" and ",
-					maxLabel,
-					suggestedLabel ? `; suggested ${suggestedLabel}` : "",
-					"."
-				]
+					className: "er-whole-series-portal-sidebar__link",
+					onClick: () => setShowModal(true),
+					children: copy.buttonText
+				})
 			})
 		]
-	});
-}
-function EnrollmentForm({ formData, errors, onChange, isEmailLocked, isLoading, onLogout }) {
-	const nameErrorId = "cr-name-error";
-	const emailErrorId = "cr-email-error";
-	const nameValidationProps = getFieldValidationControlProps({
-		message: errors.name,
-		messageId: nameErrorId
-	});
-	const emailValidationProps = getFieldValidationControlProps({
-		message: errors.email,
-		messageId: emailErrorId
-	});
-	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		/* @__PURE__ */ jsxs("div", {
-			className: "cr-form__field",
-			children: [
-				/* @__PURE__ */ jsx("label", {
-					htmlFor: "cr-name",
-					className: "cr-form__label",
-					children: "Name *"
-				}),
-				/* @__PURE__ */ jsx("input", {
-					id: "cr-name",
-					type: "text",
-					className: `cr-form__input ${errors.name ? "cr-form__input--error" : ""}`,
-					value: formData.name,
-					onChange: (e) => onChange({
-						...formData,
-						name: e.target.value
-					}),
-					disabled: isLoading,
-					...nameValidationProps
-				}),
-				errors.name && /* @__PURE__ */ jsx(FieldValidationMessage, {
-					id: nameErrorId,
-					className: "cr-form__error",
-					children: errors.name
-				})
-			]
-		}),
-		/* @__PURE__ */ jsxs("div", {
-			className: "cr-form__field",
-			children: [
-				/* @__PURE__ */ jsx("label", {
-					htmlFor: "cr-email",
-					className: "cr-form__label",
-					children: "Email *"
-				}),
-				/* @__PURE__ */ jsx("input", {
-					id: "cr-email",
-					type: "email",
-					className: `cr-form__input ${errors.email ? "cr-form__input--error" : ""}`,
-					value: formData.email,
-					onChange: (e) => onChange({
-						...formData,
-						email: e.target.value
-					}),
-					disabled: isEmailLocked || isLoading,
-					...emailValidationProps
-				}),
-				errors.email && /* @__PURE__ */ jsx(FieldValidationMessage, {
-					id: emailErrorId,
-					className: "cr-form__error",
-					children: errors.email
-				}),
-				isEmailLocked && /* @__PURE__ */ jsx(LoggedInAsUser, {
-					email: formData.email,
-					onLogout,
-					classPrefix: "cr"
-				})
-			]
-		}),
-		/* @__PURE__ */ jsxs("div", {
-			className: "cr-form__field",
-			children: [/* @__PURE__ */ jsx("label", {
-				htmlFor: "cr-phone",
-				className: "cr-form__label",
-				children: "Phone"
-			}), /* @__PURE__ */ jsx("input", {
-				id: "cr-phone",
-				type: "tel",
-				className: "cr-form__input",
-				value: formData.phone,
-				onChange: (e) => onChange({
-					...formData,
-					phone: e.target.value
-				}),
-				disabled: isLoading
-			})]
+	}), showModal && /* @__PURE__ */ jsx(ModalShell, {
+		title: copy.modalTitle,
+		titleId: "er-whole-series-portal-auth-modal-title",
+		onClose: () => setShowModal(false),
+		overlayClassName: "er-whole-series-modal-overlay",
+		modalClassName: "er-whole-series-modal",
+		renderSrOnlyTitle: true,
+		renderHeader: ({ closeButtonRef, onClose }) => /* @__PURE__ */ jsx("button", {
+			ref: closeButtonRef,
+			type: "button",
+			className: "er-whole-series-modal-close",
+			onClick: onClose,
+			"aria-label": "Close",
+			children: /* @__PURE__ */ jsx("svg", {
+				width: "20",
+				height: "20",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ jsx("path", { d: "M18 6L6 18M6 6l12 12" })
+			})
 		}),
-		/* @__PURE__ */ jsxs("div", {
-			className: "cr-form__field",
-			children: [/* @__PURE__ */ jsx("label", {
-				htmlFor: "cr-notes",
-				className: "cr-form__label",
-				children: "Notes"
-			}), /* @__PURE__ */ jsx("textarea", {
-				id: "cr-notes",
-				className: "cr-form__textarea",
-				value: formData.notes,
-				onChange: (e) => onChange({
-					...formData,
-					notes: e.target.value
-				}),
-				rows: 3,
-				disabled: isLoading
-			})]
+		children: /* @__PURE__ */ jsx(MagicLinkForm, {
+			classPrefix: "er-whole-series",
+			title: copy.modalHeading,
+			subtitle: copy.modalSubtitle,
+			buttonText: "Send login link",
+			successMessage: copy.successMessage,
+			onSuccess: () => {
+				onMagicLinkSent?.();
+			}
 		})
-	] });
+	})] });
+}
+//#endregion
+//#region ../blocks/src/system/runtime/nodes/event-registration/whole-series/StepIndicator.tsx
+/**
+* Step indicator component for the run registration wizard.
+* Thin wrapper around the shared StepIndicator with the canonical Event class prefix.
+*/
+function StepIndicator(props) {
+	return /* @__PURE__ */ jsx(StepIndicator$1, {
+		...props,
+		classPrefix: "er-whole-series"
+	});
 }
 //#endregion
 //#region ../blocks/src/system/runtime/shared/useWaitlistClaim.state.ts
@@ -621,9 +490,14 @@ function getWaitlistClaimTokenSnapshot() {
 function useWaitlistClaim() {
 	return useWaitlistClaimWithDeps(useWaitlistClaimDeps);
 }
+function useWaitlistClaimForToken(token) {
+	return useResolvedWaitlistClaim(useWaitlistClaimDeps, token);
+}
 function useWaitlistClaimWithDeps(deps) {
+	return useResolvedWaitlistClaim(deps, useSyncExternalStore(subscribeToWaitlistClaimToken, getWaitlistClaimTokenSnapshot, () => null));
+}
+function useResolvedWaitlistClaim(deps, token) {
 	const api = deps.useBlockApi();
-	const token = useSyncExternalStore(subscribeToWaitlistClaimToken, getWaitlistClaimTokenSnapshot, () => null);
 	const [state, dispatch] = useReducer(waitlistClaimReducer, Boolean(token), createInitialWaitlistClaimState);
 	useEffect(() => {
 		let cancelled = false;
@@ -688,7 +562,54 @@ function logoutPortal(anchorId) {
 	form.submit();
 }
 //#endregion
-//#region ../blocks/src/system/runtime/nodes/course-registration/pricing.ts
+//#region ../blocks/src/system/runtime/nodes/event-registration/whole-series/utils.ts
+/**
+* Run Registration Utilities
+*
+* Formatting and validation helpers for run registration.
+*/
+/**
+* Format a date string to a localized date.
+*
+* @param dateString - ISO 8601 date string
+* @param locale - Optional locale for formatting (defaults to browser locale)
+* @returns Formatted date string (e.g., "Sat, Feb 1, 2026")
+*/
+function formatDate(dateString, options) {
+	return formatBookingDate(toScheduledBookingDateTime({
+		startsAt: dateString,
+		locale: options?.locale,
+		timeZone: toBookingTimeZone(options?.timeZone)
+	}), {
+		weekday: "short",
+		month: "short",
+		day: "numeric",
+		year: "numeric"
+	});
+}
+/**
+* Format a date string to a localized time.
+*
+* @param dateString - ISO 8601 date string
+* @param locale - Optional locale for formatting (defaults to browser locale)
+* @returns Formatted time string (e.g., "10:00 AM")
+*/
+function formatTime(dateString, options) {
+	return formatBookingTime(toScheduledBookingDateTime({
+		startsAt: dateString,
+		locale: options?.locale,
+		timeZone: toBookingTimeZone(options?.timeZone)
+	}), {
+		hour: "numeric",
+		minute: "2-digit"
+	});
+}
+/**
+* Anchor ID for the registration block, used for scroll targeting.
+*/
+const WHOLE_SERIES_REGISTRATION_ANCHOR_ID = "event-registration";
+//#endregion
+//#region ../blocks/src/system/runtime/nodes/event-registration/whole-series/pricing.ts
 function parseCurrencyInputToCents(value) {
 	const trimmed = value.trim();
 	if (!trimmed) return null;
@@ -700,32 +621,32 @@ function formatCentsAsCurrencyInput(amount) {
 	const major = amount / 100;
 	return Number.isInteger(major) ? String(major) : major.toFixed(2);
 }
-function getMissingCoursePricingSelectionMessage(pricing) {
+function getMissingWholeSeriesPricingSelectionMessage(pricing) {
 	if (pricing?.requiresSelection && !pricing.selectedOption) return pricing.slidingScale ? "Choose an amount to continue." : "Choose a pricing option to continue.";
 	const selectedAmount = pricing?.selectedSlidingAmount;
 	const scale = pricing?.slidingScale;
 	if (scale && selectedAmount !== null && selectedAmount !== void 0 && (selectedAmount < scale.minAmount || selectedAmount > scale.maxAmount)) return "Choose an amount within the sliding scale.";
 	return null;
 }
-function buildCoursePricingOptionPayload(pricing) {
+function buildWholeSeriesPricingOptionPayload(pricing) {
 	if (pricing?.selectedOption) return { pricingOptionId: pricing.selectedOption.id };
 	if (pricing?.slidingScale && pricing.selectedSlidingAmount !== null) return { selectedSlidingAmount: pricing.selectedSlidingAmount };
 	return {};
 }
-function defaultCoursePricingSelection(pricing, previousOptionId) {
+function defaultWholeSeriesPricingSelection(pricing, previousOptionId) {
 	return {
 		pricingOptionId: previousOptionId && pricing.selectableOptions.some((option) => option.id === previousOptionId) ? previousOptionId : pricing.selectedOption?.id ?? null,
 		slidingAmountInput: pricing.slidingScale?.suggestedAmount !== null && pricing.slidingScale?.suggestedAmount !== void 0 ? formatCentsAsCurrencyInput(pricing.slidingScale.suggestedAmount) : ""
 	};
 }
 //#endregion
-//#region ../blocks/src/system/runtime/nodes/course-registration/wizardSteps.ts
+//#region ../blocks/src/system/runtime/nodes/event-registration/whole-series/wizardSteps.ts
 /**
 * Steps that are part of the main wizard and should show the step indicator.
 * Terminal states (success, error, etc.) are not included.
 */
 const WIZARD_STEPS = [
-	"select-course",
+	"select-run",
 	"enter-details",
 	"booking-mode",
 	"select-payment"
@@ -734,7 +655,7 @@ const WIZARD_STEPS = [
 * Step labels for the wizard indicator
 */
 const STEP_LABELS = {
-	"select-course": "Course",
+	"select-run": "Run",
 	"enter-details": "Details",
 	"booking-mode": "Method",
 	"select-payment": "Payment",
@@ -750,36 +671,36 @@ const STEP_LABELS = {
 /**
 * Determine which wizard steps to show based on context and eligibility.
 *
-* @param hasPreSelectedCourse - Whether course is pre-selected (skips course selection)
-* @param requiresPayment - Whether the course requires payment
+* @param hasPreSelectedRun - Whether run is pre-selected (skips run selection)
+* @param requiresPayment - Whether the run requires payment
 * @param hasEligibleMemberships - Whether user has eligible memberships
 * @param bookingMode - Current booking mode selection
 * @param isMembershipFastTrack - Whether user qualifies for single-step membership flow
 * @returns Array of wizard steps to display
 */
-function getWizardStepsForContext(hasPreSelectedCourse, requiresPayment, hasEligibleMemberships, bookingMode, isMembershipFastTrack) {
-	if (isMembershipFastTrack) return hasPreSelectedCourse ? ["enter-details"] : ["select-course", "enter-details"];
-	if (!requiresPayment) return hasPreSelectedCourse ? ["enter-details"] : ["select-course", "enter-details"];
+function getWizardStepsForContext(hasPreSelectedRun, requiresPayment, hasEligibleMemberships, bookingMode, isMembershipFastTrack) {
+	if (isMembershipFastTrack) return hasPreSelectedRun ? ["enter-details"] : ["select-run", "enter-details"];
+	if (!requiresPayment) return hasPreSelectedRun ? ["enter-details"] : ["select-run", "enter-details"];
 	if (hasEligibleMemberships) {
 		const skipPayment = bookingMode === "membership";
-		if (hasPreSelectedCourse) return skipPayment ? ["enter-details", "booking-mode"] : [
+		if (hasPreSelectedRun) return skipPayment ? ["enter-details", "booking-mode"] : [
 			"enter-details",
 			"booking-mode",
 			"select-payment"
 		];
 		return skipPayment ? [
-			"select-course",
+			"select-run",
 			"enter-details",
 			"booking-mode"
 		] : [
-			"select-course",
+			"select-run",
 			"enter-details",
 			"booking-mode",
 			"select-payment"
 		];
 	}
-	return hasPreSelectedCourse ? ["enter-details", "select-payment"] : [
-		"select-course",
+	return hasPreSelectedRun ? ["enter-details", "select-payment"] : [
+		"select-run",
 		"enter-details",
 		"select-payment"
 	];
@@ -791,21 +712,21 @@ function getStepLabels(steps) {
 	return steps.map((step) => STEP_LABELS[step] ?? step);
 }
 //#endregion
-//#region ../blocks/src/system/runtime/nodes/course-registration/courseRegistrationViewState.ts
-function deriveCourseRegistrationViewState(input) {
-	const hasCoursePayment = resolveCoursePaymentRequirement(input.pricing);
-	const canUseMembership = hasCoursePayment && input.selectedCourse?.acceptsMemberships === true && input.portalAuthState === "authenticated" && input.eligibleMembershipCount > 0;
-	const hasPreSelectedCourse = input.scopedCourses.length === 1;
+//#region ../blocks/src/system/runtime/nodes/event-registration/whole-series/wholeSeriesRegistrationViewState.ts
+function deriveWholeSeriesRegistrationViewState(input) {
+	const hasRunPayment = resolveWholeSeriesPaymentRequirement(input.pricing);
+	const canUseMembership = hasRunPayment && input.selectedRun?.acceptsMemberships === true && input.portalAuthState === "authenticated" && input.eligibleMembershipCount > 0;
+	const hasPreSelectedRun = input.scopedRuns.length === 1;
 	const fastTrack = canUseMembership && input.eligibleMembershipCount === 1 && input.bookingMode === "membership";
-	const wizardSteps = getWizardStepsForContext(hasPreSelectedCourse, hasCoursePayment, canUseMembership, input.bookingMode, fastTrack);
+	const wizardSteps = getWizardStepsForContext(hasPreSelectedRun, hasRunPayment, canUseMembership, input.bookingMode, fastTrack);
 	const showPortalAuthSidebar = shouldShowPortalAuthSidebar({
 		...input,
-		hasCoursePayment
+		hasRunPayment
 	});
 	return {
-		hasCoursePayment,
+		hasRunPayment,
 		canUseMembership,
-		hasPreSelectedCourse,
+		hasPreSelectedRun,
 		wizardSteps,
 		currentStepNumber: getStepNumber(input.step, wizardSteps),
 		totalSteps: wizardSteps.length,
@@ -813,24 +734,24 @@ function deriveCourseRegistrationViewState(input) {
 		showPortalAuthSidebar
 	};
 }
-function resolveCoursePaymentRequirement(pricing) {
+function resolveWholeSeriesPaymentRequirement(pricing) {
 	if (!pricing) return false;
 	return pricing.selectedOption ? pricing.selectedRequiresPayment : pricing.hasPaidSelection;
 }
 function shouldShowPortalAuthSidebar(input) {
 	if (input.portalAuthState !== "unauthenticated") return false;
 	if (input.step === "success" || input.step === "waitlist" || input.step === "error") return false;
-	return input.waitlistRequiresPortalLogin || input.hasCoursePayment && input.selectedCourse?.acceptsMemberships === true && input.step !== "select-course";
+	return input.waitlistRequiresPortalLogin || input.hasRunPayment && input.selectedRun?.acceptsMemberships === true && input.step !== "select-run";
 }
 //#endregion
-//#region ../blocks/src/system/runtime/nodes/course-registration/useCourseEligibility.ts
+//#region ../blocks/src/system/runtime/nodes/event-registration/whole-series/useWholeSeriesEligibility.ts
 function shouldFetchEligibility(input) {
-	if (!input.course || input.portalAuthState === "checking" || input.hasWaitlistClaimToken) return false;
-	const membershipCheck = input.portalAuthState === "authenticated" && input.hasPaidSelection && input.course.acceptsMemberships;
-	const capacityCheck = input.course.availableSpots !== null && input.course.availableSpots <= 0;
+	if (!input.run || input.portalAuthState === "checking" || input.hasWaitlistClaimToken) return false;
+	const membershipCheck = input.portalAuthState === "authenticated" && input.hasPaidSelection && input.run.acceptsMemberships;
+	const capacityCheck = input.run.availableSpots !== null && input.run.availableSpots <= 0;
 	return membershipCheck || capacityCheck;
 }
-function useCourseEligibility(input) {
+function useWholeSeriesEligibility(input) {
 	const [loading, setLoading] = useState(false);
 	const [error, setError] = useState(null);
 	const [eligibility, setEligibility] = useState(null);
@@ -851,15 +772,15 @@ function useCourseEligibility(input) {
 		setError(null);
 		setPaymentChoice("checkout");
 		const eligibilityInput = {
-			course: input.selectedCourse,
+			run: input.selectedRun,
 			hasPaidSelection: input.hasPaidSelection,
 			portalAuthState: input.portalAuthState,
 			hasWaitlistClaimToken: input.waitlistClaimToken !== null
 		};
 		if (!shouldFetchEligibility(eligibilityInput)) return;
-		const course = eligibilityInput.course;
+		const run = eligibilityInput.run;
 		setLoading(true);
-		input.api.checkWholeSeriesEligibility({ eventSeriesId: course.eventSeriesId }).then((result) => {
+		input.api.checkWholeSeriesEligibility({ eventSeriesId: run.eventSeriesId }).then((result) => {
 			if (cancelled) return;
 			const eligibleMemberships = result.eligibleMemberships ?? [];
 			setEligibility(result);
@@ -880,13 +801,13 @@ function useCourseEligibility(input) {
 		input.api,
 		input.hasPaidSelection,
 		input.portalAuthState,
-		input.selectedCourse,
+		input.selectedRun,
 		input.waitlistClaimToken
 	]);
 	return {
 		eligibilityLoading: loading,
 		eligibilityError: error,
-		courseEligibility: eligibility,
+		runEligibility: eligibility,
 		eligibleMemberships: memberships,
 		paymentChoice,
 		choosePaymentChoice,
@@ -895,12 +816,12 @@ function useCourseEligibility(input) {
 	};
 }
 //#endregion
-//#region ../blocks/src/system/runtime/nodes/course-page-surface-scope.ts
+//#region ../blocks/src/system/runtime/nodes/event-registration/whole-series/wholeSeriesPageSurfaceScope.ts
 /**
-* Resolves native course-page ownership without falling back to entry or slug
+* Resolves native run-page ownership without falling back to entry or slug
 * coincidence when a page-surface subject is present but invalid.
 */
-function resolveCoursePageSurfaceScope(courses, subjectValue) {
+function resolveWholeSeriesPageSurfaceScope(runs, subjectValue) {
 	if (subjectValue === null || subjectValue === void 0) return { kind: "absent" };
 	const parsed = parseEventPageSurfaceSubject(subjectValue);
 	if (!parsed.ok) return {
@@ -912,44 +833,54 @@ function resolveCoursePageSurfaceScope(courses, subjectValue) {
 	return {
 		kind: "scoped",
 		subject: parsed.value,
-		courses: courses.filter((course) => allowedSeriesIds.has(course.eventSeriesId))
+		runs: runs.filter((run) => allowedSeriesIds.has(run.eventSeriesId))
 	};
 }
 function eventSeriesIdsForSubject(subject) {
 	switch (subject.kind) {
 		case "eventSeries": return [subject.eventSeriesId];
 		case "eventOffering": return subject.availableEventSeriesIds;
-		default: return assertNever(subject);
+		default: return assertNever$1(subject);
 	}
 }
 //#endregion
-//#region ../blocks/src/system/runtime/nodes/course-registration/useCourseRegistrationSelection.ts
-function selectScopedCourses(props) {
-	const surfaceScope = resolveCoursePageSurfaceScope(props.courses ?? [], props.subject);
+//#region ../blocks/src/system/runtime/nodes/event-registration/whole-series/useWholeSeriesRegistrationSelection.ts
+function selectScopedRuns(props) {
+	const surfaceScope = resolveWholeSeriesPageSurfaceScope(props.runs ?? [], props.subject);
 	if (surfaceScope.kind === "unsupported") return [];
-	if (surfaceScope.kind === "scoped") return surfaceScope.courses;
+	if (surfaceScope.kind === "scoped") return surfaceScope.runs;
 	return [];
 }
-function getCourseCheckoutSessionId() {
-	const fromSearch = new URLSearchParams(window.location.search).get("session_id");
+function getWholeSeriesCheckoutSessionId(location = window.location) {
+	const fromSearch = new URLSearchParams(location.search).get("session_id");
 	if (fromSearch) return fromSearch;
-	return window.location.hash.match(/[?&]session_id=([^&]+)/)?.[1] ?? null;
+	return location.hash.match(/[?&]session_id=([^&]+)/)?.[1] ?? null;
 }
-function initialStep(courses) {
-	if (new URLSearchParams(window.location.search).get("enrollment") === "success" && getCourseCheckoutSessionId()) return "verifying-payment";
-	return courses.length === 1 ? "enter-details" : "select-course";
+function initialStep(runs, location) {
+	if (new URLSearchParams(location.search).get("enrollment") === "success" && getWholeSeriesCheckoutSessionId(location)) return "verifying-payment";
+	return runs.length === 1 ? "enter-details" : "select-run";
 }
-function useCourseRegistrationSelection(props) {
-	const scopedCourses = useMemo(() => selectScopedCourses(props), [props.courses, props.subject]);
-	const [step, setStep] = useState(() => initialStep(scopedCourses));
-	const [selectedCourse, setSelectedCourse] = useState(scopedCourses.length === 1 ? scopedCourses[0] ?? null : null);
+function useWholeSeriesRegistrationSelection(props, location = window.location) {
+	const scopeSnapshot = JSON.stringify({
+		runs: props.runs ?? [],
+		subject: props.subject ?? null
+	});
+	const stableScope = useRef(null);
+	if (stableScope.current?.snapshot !== scopeSnapshot) stableScope.current = {
+		snapshot: scopeSnapshot,
+		runs: selectScopedRuns(props)
+	};
+	const scopedRuns = stableScope.current.runs;
+	const [step, setStep] = useState(() => initialStep(scopedRuns, location));
+	const [selectedRunId, setSelectedRunId] = useState(scopedRuns.length === 1 ? scopedRuns[0]?.eventSeriesId ?? null : null);
+	const selectedRun = useMemo(() => scopedRuns.find((run) => run.eventSeriesId === selectedRunId) ?? (scopedRuns.length === 1 ? scopedRuns[0] ?? null : null), [scopedRuns, selectedRunId]);
 	const [selectedPricingOptionId, setSelectedPricingOptionId] = useState(null);
 	const [selectedSlidingAmountInput, setSelectedSlidingAmountInput] = useState("");
 	const goToStep = useCallback((nextStep) => {
 		setStep(nextStep);
 	}, []);
-	const chooseCourse = useCallback((course) => {
-		setSelectedCourse(course);
+	const chooseRun = useCallback((run) => {
+		setSelectedRunId(run.eventSeriesId);
 	}, []);
 	const choosePricingOption = useCallback((pricingOptionId) => {
 		setSelectedPricingOptionId(pricingOptionId);
@@ -957,36 +888,36 @@ function useCourseRegistrationSelection(props) {
 	const changeSlidingAmount = useCallback((amount) => {
 		setSelectedSlidingAmountInput(amount);
 	}, []);
-	const selectedCoursePricing = useMemo(() => selectedCourse ? resolveCoursePricingState(selectedCourse, selectedPricingOptionId, parseCurrencyInputToCents(selectedSlidingAmountInput)) : null, [
-		selectedCourse,
+	const selectedRunPricing = useMemo(() => selectedRun ? resolveWholeSeriesPricingState(selectedRun, selectedPricingOptionId, parseCurrencyInputToCents(selectedSlidingAmountInput)) : null, [
+		selectedRun,
 		selectedPricingOptionId,
 		selectedSlidingAmountInput
 	]);
 	useEffect(() => {
-		if (!selectedCourse) {
+		if (!selectedRun) {
 			setSelectedPricingOptionId(null);
 			setSelectedSlidingAmountInput("");
 			return;
 		}
-		const selection = defaultCoursePricingSelection(resolveCoursePricingState(selectedCourse, null), selectedPricingOptionId);
+		const selection = defaultWholeSeriesPricingSelection(resolveWholeSeriesPricingState(selectedRun, null), selectedPricingOptionId);
 		setSelectedPricingOptionId(selection.pricingOptionId);
 		setSelectedSlidingAmountInput(selection.slidingAmountInput);
-	}, [selectedCourse]);
+	}, [selectedRun?.eventSeriesId]);
 	return {
-		scopedCourses,
+		scopedRuns,
 		step,
 		goToStep,
-		selectedCourse,
-		chooseCourse,
+		selectedRun,
+		chooseRun,
 		selectedPricingOptionId,
 		choosePricingOption,
 		selectedSlidingAmountInput,
 		changeSlidingAmount,
-		selectedCoursePricing
+		selectedRunPricing
 	};
 }
 //#endregion
-//#region ../blocks/src/system/runtime/nodes/course-registration/useCoursePaymentVerification.ts
+//#region ../blocks/src/system/runtime/nodes/event-registration/whole-series/useWholeSeriesPaymentVerification.ts
 function applyTerminalStatus(status, setters) {
 	if (status === "enrolled" || status === "completed") {
 		setters.setEnrollmentResult({
@@ -1008,7 +939,7 @@ function applyTerminalStatus(status, setters) {
 	setters.setStep("error");
 	return true;
 }
-async function pollCourseRegistrationStatus(api, sessionId, setters, isCancelled) {
+async function pollWholeSeriesRegistrationStatus(api, sessionId, setters, isCancelled) {
 	const startedAt = Date.now();
 	while (!isCancelled()) {
 		try {
@@ -1029,21 +960,21 @@ async function pollCourseRegistrationStatus(api, sessionId, setters, isCancelled
 		await new Promise((resolve) => setTimeout(resolve, 1500));
 	}
 }
-function useCoursePaymentVerification(api, setters) {
+function useWholeSeriesPaymentVerification(api, setters, anchorId = WHOLE_SERIES_REGISTRATION_ANCHOR_ID, location = window.location) {
 	useEffect(() => {
 		let cancelled = false;
-		const enrollment = new URLSearchParams(window.location.search).get("enrollment");
-		const sessionId = getCourseCheckoutSessionId();
+		const enrollment = new URLSearchParams(location.search).get("enrollment");
+		const sessionId = getWholeSeriesCheckoutSessionId(location);
 		if (enrollment === "cancelled") {
-			scrollToBlock(COURSE_REGISTRATION_ANCHOR_ID);
+			scrollToBlock(anchorId);
 			setters.setErrorMessage("Payment was cancelled. You can try again.");
 			setters.setStep("error");
 			return;
 		}
 		if (enrollment !== "success" || !sessionId) return;
-		scrollToBlock(COURSE_REGISTRATION_ANCHOR_ID);
+		scrollToBlock(anchorId);
 		setters.setStep("verifying-payment");
-		pollCourseRegistrationStatus(api, sessionId, setters, () => cancelled);
+		pollWholeSeriesRegistrationStatus(api, sessionId, setters, () => cancelled);
 		return () => {
 			cancelled = true;
 		};
@@ -1051,11 +982,13 @@ function useCoursePaymentVerification(api, setters) {
 		api,
 		setters.setEnrollmentResult,
 		setters.setErrorMessage,
-		setters.setStep
+		setters.setStep,
+		anchorId,
+		location
 	]);
 }
 //#endregion
-//#region ../blocks/src/system/runtime/nodes/course-registration/useCourseRegistrationActions.ts
+//#region ../blocks/src/system/runtime/nodes/event-registration/whole-series/useWholeSeriesRegistrationActions.ts
 function blocked(message, setters) {
 	setters.setErrorMessage(message);
 	setters.setStep("error");
@@ -1065,16 +998,16 @@ function blocked(message, setters) {
 	};
 }
 function validateSubmission(state, setters) {
-	if (!state.selectedCourse) return {
+	if (!state.selectedRun) return {
 		kind: "blocked",
 		message: "Choose an available set of dates to continue."
 	};
 	const errors = validateFormData(state.formData);
 	setters.setErrors(errors);
 	if (Object.keys(errors).length > 0) return { kind: "validation-failed" };
-	const pricingMessage = getMissingCoursePricingSelectionMessage(state.pricing);
+	const pricingMessage = getMissingWholeSeriesPricingSelectionMessage(state.pricing);
 	if (pricingMessage) return blocked(pricingMessage, setters);
-	if (!state.hasClaim && state.eligibility?.isFull && !state.eligibility.canJoinWaitlist) return blocked(state.eligibility.reason ?? "This course is fully booked.", setters);
+	if (!state.hasClaim && state.eligibility?.isFull && !state.eligibility.canJoinWaitlist) return blocked(state.eligibility.reason ?? "This run is fully booked.", setters);
 	if (isSpamProtectionEnabled() && !state.altchaSolution) return blocked("Please complete the verification check.", setters);
 	return null;
 }
@@ -1087,8 +1020,8 @@ function enrollmentPayload(state, payment) {
 }
 function registrantPayload(state) {
 	return {
-		eventSeriesId: state.selectedCourse.eventSeriesId,
-		...buildCoursePricingOptionPayload(state.pricing),
+		eventSeriesId: state.selectedRun.eventSeriesId,
+		...buildWholeSeriesPricingOptionPayload(state.pricing),
 		email: state.formData.email.trim().toLowerCase(),
 		name: state.formData.name.trim(),
 		phone: state.formData.phone.trim() || void 0,
@@ -1121,7 +1054,7 @@ async function enroll(state, setters, payment) {
 async function checkout(state, setters) {
 	setters.setStep("submitting");
 	try {
-		const urls = buildCheckoutReturnUrls("enrollment", COURSE_REGISTRATION_ANCHOR_ID);
+		const urls = buildCheckoutReturnUrls("enrollment", state.options.anchorId ?? "event-registration");
 		const result = await state.api.createWholeSeriesCheckout({
 			...registrantPayload(state),
 			discountCode: state.discountCode.trim() || void 0,
@@ -1156,10 +1089,10 @@ async function checkout(state, setters) {
 }
 async function submitDetails(state, setters) {
 	const invalid = validateSubmission(state, setters);
-	if (invalid || !state.selectedCourse) return invalid ?? { kind: "validation-failed" };
+	if (invalid || !state.selectedRun) return invalid ?? { kind: "validation-failed" };
 	if (state.eligibility?.canJoinWaitlist) return enroll(state, setters, { method: "free" });
 	const requiresPayment = state.pricing?.selectedRequiresPayment ?? false;
-	const canUseMembership = requiresPayment && state.selectedCourse.acceptsMemberships && state.portalAuthState === "authenticated" && state.eligibleMemberships.length > 0;
+	const canUseMembership = requiresPayment && state.selectedRun.acceptsMemberships && state.portalAuthState === "authenticated" && state.eligibleMemberships.length > 0;
 	if (requiresPayment && canUseMembership) {
 		setters.setStep("select-payment");
 		return { kind: "state-updated" };
@@ -1169,7 +1102,7 @@ async function submitDetails(state, setters) {
 }
 async function continuePayment(state, setters) {
 	const invalid = validateSubmission(state, setters);
-	if (invalid || !state.selectedCourse) return invalid ?? { kind: "validation-failed" };
+	if (invalid || !state.selectedRun) return invalid ?? { kind: "validation-failed" };
 	if (!state.pricing?.selectedRequiresPayment) {
 		setters.setStep("enter-details");
 		return { kind: "state-updated" };
@@ -1184,7 +1117,7 @@ async function continuePayment(state, setters) {
 	}
 	return checkout(selectedState, setters);
 }
-function useCourseRegistrationActions(state, setStep) {
+function useWholeSeriesRegistrationActions(state, setStep) {
 	const [errors, setErrors] = useState({});
 	const [enrollmentResult, setEnrollmentResult] = useState(null);
 	const [errorMessage, setErrorMessage] = useState("");
@@ -1211,14 +1144,14 @@ function useCourseRegistrationActions(state, setStep) {
 	};
 }
 //#endregion
-//#region ../blocks/src/system/runtime/nodes/course-registration/useCourseRegistrationPortal.ts
+//#region ../blocks/src/system/runtime/nodes/event-registration/whole-series/useWholeSeriesRegistrationPortal.ts
 const EMPTY_FORM = {
 	name: "",
 	email: "",
 	phone: "",
 	notes: ""
 };
-function useCourseRegistrationPortal(api) {
+function useWholeSeriesRegistrationPortal(api) {
 	const [formData, setFormData] = useState(EMPTY_FORM);
 	const [portalAuthState, setPortalAuthState] = useState("checking");
 	const updateFormData = useCallback((updater) => {
@@ -1254,19 +1187,19 @@ function useCourseRegistrationPortal(api) {
 	};
 }
 //#endregion
-//#region ../blocks/src/system/runtime/nodes/course-registration/useCourseWaitlistSelection.ts
-function useCourseWaitlistSelection(input) {
+//#region ../blocks/src/system/runtime/nodes/event-registration/whole-series/useWholeSeriesWaitlistSelection.ts
+function useWholeSeriesWaitlistSelection(input) {
 	useEffect(() => {
 		const claim = input.waitlistClaim.claim;
 		if (!claim || claim.subject.kind !== "whole_series") return;
 		const eventSeriesId = claim.subject.eventSeriesId;
-		const course = input.scopedCourses.find((candidate) => candidate.eventSeriesId === eventSeriesId);
-		if (!course) {
-			input.reportError("This waitlist claim is for a different course.");
+		const run = input.scopedRuns.find((candidate) => candidate.eventSeriesId === eventSeriesId);
+		if (!run) {
+			input.reportError("This waitlist claim is for a different run.");
 			input.goToStep("error");
 			return;
 		}
-		input.chooseCourse(course);
+		input.chooseRun(run);
 		input.updateFormData((current) => ({
 			...current,
 			email: claim.prefill.email,
@@ -1274,12 +1207,12 @@ function useCourseWaitlistSelection(input) {
 			phone: claim.prefill.phone ?? "",
 			notes: claim.prefill.notes ?? ""
 		}));
-		if (input.step === "select-course") input.goToStep("enter-details");
+		if (input.step === "select-run") input.goToStep("enter-details");
 	}, [
-		input.chooseCourse,
+		input.chooseRun,
 		input.goToStep,
 		input.reportError,
-		input.scopedCourses,
+		input.scopedRuns,
 		input.step,
 		input.updateFormData,
 		input.waitlistClaim.claim
@@ -1296,40 +1229,48 @@ function useCourseWaitlistSelection(input) {
 	]);
 }
 //#endregion
-//#region ../blocks/src/system/runtime/nodes/course-registration/useCourseRegistrationWizard.ts
-function useCourseRegistrationWizard(props, options = {}) {
+//#region ../blocks/src/system/runtime/nodes/event-registration/whole-series/useWholeSeriesRegistrationWizard.ts
+function useWholeSeriesRegistrationWizard(props, options = {}) {
+	return useWholeSeriesRegistrationWizardWithDeps(wholeSeriesRegistrationWizardDeps, props, options);
+}
+const wholeSeriesRegistrationWizardDeps = { readLocation: () => ({
+	search: window.location.search,
+	hash: window.location.hash
+}) };
+function useWholeSeriesRegistrationWizardWithDeps(deps, props, options = {}) {
 	const api = useBlockApi();
-	const selection = useCourseRegistrationSelection(props);
-	const portal = useCourseRegistrationPortal(api);
-	const waitlistClaim = useWaitlistClaim();
+	const [location] = useState(deps.readLocation);
+	const selection = useWholeSeriesRegistrationSelection(props, location);
+	const portal = useWholeSeriesRegistrationPortal(api);
+	const waitlistClaim = useWaitlistClaimForToken(new URLSearchParams(location.search).get("waitlist_claim")?.trim() || null);
 	const [bookingMode, setBookingMode] = useState(null);
 	const [altchaSolution, setAltchaSolution] = useState(null);
-	const eligibility = useCourseEligibility({
+	const eligibility = useWholeSeriesEligibility({
 		api,
-		selectedCourse: selection.selectedCourse,
-		hasPaidSelection: selection.selectedCoursePricing?.hasPaidSelection ?? false,
+		selectedRun: selection.selectedRun,
+		hasPaidSelection: selection.selectedRunPricing?.hasPaidSelection ?? false,
 		portalAuthState: portal.portalAuthState,
 		waitlistClaimToken: waitlistClaim.token
 	});
 	const discountUi = useDiscountCodeUi({
 		api,
-		discountContext: useMemo(() => selection.selectedCourse && selection.selectedCoursePricing?.selectedRequiresPayment && eligibility.paymentChoice === "checkout" ? {
+		discountContext: useMemo(() => selection.selectedRun && selection.selectedRunPricing?.selectedRequiresPayment && eligibility.paymentChoice === "checkout" ? {
 			type: "whole_series",
-			eventSeriesId: selection.selectedCourse.eventSeriesId
+			eventSeriesId: selection.selectedRun.eventSeriesId
 		} : null, [
 			eligibility.paymentChoice,
-			selection.selectedCourse,
-			selection.selectedCoursePricing?.selectedRequiresPayment
+			selection.selectedRun,
+			selection.selectedRunPricing?.selectedRequiresPayment
 		]),
-		subtotalCents: selection.selectedCoursePricing?.selectedPriceAmount ?? void 0
+		subtotalCents: selection.selectedRunPricing?.selectedPriceAmount ?? void 0
 	});
-	const actions = useCourseRegistrationActions({
+	const actions = useWholeSeriesRegistrationActions({
 		api,
-		selectedCourse: selection.selectedCourse,
-		pricing: selection.selectedCoursePricing,
+		selectedRun: selection.selectedRun,
+		pricing: selection.selectedRunPricing,
 		formData: portal.formData,
 		portalAuthState: portal.portalAuthState,
-		eligibility: eligibility.courseEligibility,
+		eligibility: eligibility.runEligibility,
 		eligibleMemberships: eligibility.eligibleMemberships,
 		paymentChoice: eligibility.paymentChoice,
 		selectedMembershipId: eligibility.selectedMembershipId,
@@ -1339,14 +1280,16 @@ function useCourseRegistrationWizard(props, options = {}) {
 		discountCode: discountUi.discountCode,
 		options
 	}, selection.goToStep);
-	useCourseRegistrationEffects({
+	useWholeSeriesRegistrationEffects({
 		api,
 		actions,
 		portal,
 		selection,
-		waitlistClaim
+		waitlistClaim,
+		anchorId: options.anchorId ?? "event-registration",
+		location
 	});
-	return buildCourseRegistrationWizardResult({
+	return buildWholeSeriesRegistrationWizardResult({
 		api,
 		selection,
 		portal,
@@ -1354,10 +1297,10 @@ function useCourseRegistrationWizard(props, options = {}) {
 		actions,
 		discountUi,
 		waitlistClaim,
-		view: deriveCourseRegistrationViewState({
-			scopedCourses: selection.scopedCourses,
-			selectedCourse: selection.selectedCourse,
-			pricing: selection.selectedCoursePricing,
+		view: deriveWholeSeriesRegistrationViewState({
+			scopedRuns: selection.scopedRuns,
+			selectedRun: selection.selectedRun,
+			pricing: selection.selectedRunPricing,
 			portalAuthState: portal.portalAuthState,
 			eligibleMembershipCount: eligibility.eligibleMemberships.length,
 			bookingMode,
@@ -1367,26 +1310,27 @@ function useCourseRegistrationWizard(props, options = {}) {
 		bookingMode,
 		setBookingMode,
 		altchaSolution,
-		setAltchaSolution
+		setAltchaSolution,
+		anchorId: options.anchorId ?? "event-registration"
 	});
 }
-function useCourseRegistrationEffects(input) {
-	useCoursePaymentVerification(input.api, {
+function useWholeSeriesRegistrationEffects(input) {
+	useWholeSeriesPaymentVerification(input.api, {
 		setStep: input.selection.goToStep,
 		setErrorMessage: input.actions.reportError,
 		setEnrollmentResult: input.actions.recordEnrollmentResult
-	});
-	useCourseWaitlistSelection({
+	}, input.anchorId, input.location);
+	useWholeSeriesWaitlistSelection({
 		waitlistClaim: input.waitlistClaim,
-		scopedCourses: input.selection.scopedCourses,
+		scopedRuns: input.selection.scopedRuns,
 		step: input.selection.step,
 		goToStep: input.selection.goToStep,
-		chooseCourse: input.selection.chooseCourse,
+		chooseRun: input.selection.chooseRun,
 		updateFormData: input.portal.updateFormData,
 		reportError: input.actions.reportError
 	});
 }
-function buildCourseRegistrationWizardResult(parts) {
+function buildWholeSeriesRegistrationWizardResult(parts) {
 	const handleBookingModeChange = (mode) => {
 		parts.setBookingMode(mode);
 		parts.eligibility.choosePaymentChoice(mode === "membership" ? "membership" : "checkout");
@@ -1410,156 +1354,85 @@ function buildCourseRegistrationWizardResult(parts) {
 		manualCodeEntryAllowed: parts.discountUi.manualCodeEntryAllowed,
 		discountsAvailableLoading: parts.discountUi.discountsAvailableLoading,
 		...parts.view,
-		handleCourseSelect: (course) => {
-			parts.selection.chooseCourse(course);
+		handleRunSelect: (run) => {
+			parts.selection.chooseRun(run);
 			parts.selection.goToStep("enter-details");
 		},
 		handleRetry: () => {
-			parts.selection.goToStep(parts.selection.scopedCourses.length === 1 ? "enter-details" : "select-course");
+			parts.selection.goToStep(parts.selection.scopedRuns.length === 1 ? "enter-details" : "select-run");
 			parts.actions.reportError("");
 		},
 		handleBookingModeChange,
-		handleLogout: parts.portal.portalAuthState === "authenticated" ? () => logoutPortal(COURSE_REGISTRATION_ANCHOR_ID) : void 0,
-		selectedCoursePricingPayload: buildCoursePricingOptionPayload(parts.selection.selectedCoursePricing)
+		handleLogout: parts.portal.portalAuthState === "authenticated" ? () => logoutPortal(parts.anchorId) : void 0,
+		selectedRunPricingPayload: buildWholeSeriesPricingOptionPayload(parts.selection.selectedRunPricing)
 	};
 }
 //#endregion
-//#region ../blocks/src/system/runtime/nodes/course-registration/StepIndicator.tsx
-/**
-* Step indicator component for the course registration wizard.
-* Thin wrapper around the shared StepIndicator with 'cr' class prefix.
-*/
-function StepIndicator(props) {
-	return /* @__PURE__ */ jsx(StepIndicator$1, {
-		...props,
-		classPrefix: "cr"
-	});
-}
-//#endregion
-//#region ../blocks/src/system/runtime/nodes/course-registration/MembershipHero.tsx
+//#region ../blocks/src/system/runtime/nodes/event-registration/whole-series/MembershipHero.tsx
 /**
-* Membership Hero for course registration.
-* Thin wrapper around the shared MembershipHero with 'cr' class prefix.
+* Membership Hero for run registration.
+* Thin wrapper around the shared MembershipHero with the canonical Event class prefix.
 */
 function MembershipHero(props) {
 	return /* @__PURE__ */ jsx(MembershipHero$1, {
 		...props,
-		classPrefix: "cr"
+		classPrefix: "er-whole-series"
 	});
 }
 //#endregion
-//#region ../blocks/src/system/runtime/nodes/course-registration/BookingModeStep.tsx
+//#region ../blocks/src/system/runtime/nodes/event-registration/whole-series/BookingModeStep.tsx
 function BookingModeStep({ bookingMode, onBookingModeChange, eligibleMemberships, selectedMembershipId, onMembershipSelect, priceCents, currency, showEnrollForOtherLink = false, onEnrollForOther }) {
 	const hasSingleMembership = eligibleMemberships.length === 1;
 	const hasMultipleMemberships = eligibleMemberships.length > 1;
 	const showMembershipHero = hasSingleMembership && bookingMode === "membership" && eligibleMemberships[0];
 	const singleMembership = eligibleMemberships[0];
 	return /* @__PURE__ */ jsxs("div", {
-		className: "cr-booking-mode",
+		className: "er-whole-series-booking-mode",
 		children: [
 			/* @__PURE__ */ jsx("h2", {
-				className: "cr-booking-mode__title",
+				className: "er-whole-series-booking-mode__title",
 				children: "How would you like to enroll?"
 			}),
 			/* @__PURE__ */ jsx("p", {
-				className: "cr-booking-mode__subtitle",
+				className: "er-whole-series-booking-mode__subtitle",
 				children: "Choose how you want to book"
 			}),
 			showMembershipHero && singleMembership && /* @__PURE__ */ jsx(MembershipHero, { membershipName: singleMembership.membershipName }),
 			/* @__PURE__ */ jsxs("div", {
-				className: "cr-payment-tiles",
+				className: "er-whole-series-payment-tiles",
 				children: [
-					hasSingleMembership && singleMembership && /* @__PURE__ */ jsxs("button", {
-						type: "button",
-						className: `cr-payment-tile${bookingMode === "membership" ? " cr-payment-tile--selected" : ""}`,
-						onClick: () => {
+					hasSingleMembership && singleMembership && /* @__PURE__ */ jsx(MembershipOption, {
+						membership: singleMembership,
+						selected: bookingMode === "membership",
+						description: "Use your membership to book for free",
+						onSelect: () => {
 							onBookingModeChange("membership");
 							onMembershipSelect(singleMembership.customerMembershipId);
-						},
-						"aria-pressed": bookingMode === "membership",
-						children: [
-							/* @__PURE__ */ jsx("div", {
-								className: "cr-payment-tile__check",
-								children: /* @__PURE__ */ jsx(CheckIcon, { strokeWidth: 3 })
-							}),
-							/* @__PURE__ */ jsxs("div", {
-								className: "cr-payment-tile__header",
-								children: [/* @__PURE__ */ jsx("h3", {
-									className: "cr-payment-tile__name",
-									children: singleMembership.membershipName
-								}), /* @__PURE__ */ jsx("span", {
-									className: "cr-payment-tile__price",
-									children: "Free"
-								})]
-							}),
-							/* @__PURE__ */ jsx("p", {
-								className: "cr-payment-tile__description",
-								children: "Use your membership to book for free"
-							})
-						]
+						}
 					}),
-					hasMultipleMemberships && eligibleMemberships.map((membership) => /* @__PURE__ */ jsxs("button", {
-						type: "button",
-						className: `cr-payment-tile${bookingMode === "membership" && selectedMembershipId === membership.customerMembershipId ? " cr-payment-tile--selected" : ""}`,
-						onClick: () => {
+					hasMultipleMemberships && eligibleMemberships.map((membership) => /* @__PURE__ */ jsx(MembershipOption, {
+						membership,
+						selected: bookingMode === "membership" && selectedMembershipId === membership.customerMembershipId,
+						description: "Use this membership to book for free",
+						onSelect: () => {
 							onBookingModeChange("membership");
 							onMembershipSelect(membership.customerMembershipId);
-						},
-						"aria-pressed": bookingMode === "membership" && selectedMembershipId === membership.customerMembershipId,
-						children: [
-							/* @__PURE__ */ jsx("div", {
-								className: "cr-payment-tile__check",
-								children: /* @__PURE__ */ jsx(CheckIcon, { strokeWidth: 3 })
-							}),
-							/* @__PURE__ */ jsxs("div", {
-								className: "cr-payment-tile__header",
-								children: [/* @__PURE__ */ jsx("h3", {
-									className: "cr-payment-tile__name",
-									children: membership.membershipName
-								}), /* @__PURE__ */ jsx("span", {
-									className: "cr-payment-tile__price",
-									children: "Free"
-								})]
-							}),
-							/* @__PURE__ */ jsx("p", {
-								className: "cr-payment-tile__description",
-								children: "Use this membership to book for free"
-							})
-						]
+						}
 					}, membership.customerMembershipId)),
-					/* @__PURE__ */ jsxs("button", {
-						type: "button",
-						className: `cr-payment-tile${bookingMode === "card" ? " cr-payment-tile--selected" : ""}`,
-						onClick: () => {
+					/* @__PURE__ */ jsx(BookingOption, {
+						selected: bookingMode === "card",
+						name: "Pay by Card",
+						price: priceCents === null ? null : formatPrice(priceCents, currency),
+						description: "Pay with credit or debit card",
+						onSelect: () => {
 							onBookingModeChange("card");
 							onMembershipSelect(null);
-						},
-						"aria-pressed": bookingMode === "card",
-						children: [
-							/* @__PURE__ */ jsx("div", {
-								className: "cr-payment-tile__check",
-								children: /* @__PURE__ */ jsx(CheckIcon, { strokeWidth: 3 })
-							}),
-							/* @__PURE__ */ jsxs("div", {
-								className: "cr-payment-tile__header",
-								children: [/* @__PURE__ */ jsx("h3", {
-									className: "cr-payment-tile__name",
-									children: "Pay by Card"
-								}), priceCents !== null && /* @__PURE__ */ jsx("span", {
-									className: "cr-payment-tile__price",
-									children: formatPrice(priceCents, currency)
-								})]
-							}),
-							/* @__PURE__ */ jsx("p", {
-								className: "cr-payment-tile__description",
-								children: "Pay with credit or debit card"
-							})
-						]
+						}
 					})
 				]
 			}),
 			showEnrollForOtherLink && onEnrollForOther && /* @__PURE__ */ jsx("div", {
-				className: "cr-booking-mode__link",
+				className: "er-whole-series-booking-mode__link",
 				children: /* @__PURE__ */ jsx("a", {
 					onClick: onEnrollForOther,
 					role: "button",
@@ -1570,249 +1443,736 @@ function BookingModeStep({ bookingMode, onBookingModeChange, eligibleMemberships
 		]
 	});
 }
-//#endregion
-//#region ../blocks/src/system/runtime/nodes/shared/MagicLinkForm.state.ts
-const initialMagicLinkSubmissionState = Object.freeze({ tag: "idle" });
-function magicLinkSubmissionReducer(state, action) {
-	switch (action.type) {
-		case "submit-started":
-			if (state.tag === "submitting") return state;
-			return { tag: "submitting" };
-		case "submit-succeeded":
-			if (state.tag !== "submitting") return state;
-			return { tag: "success" };
-		case "submit-failed":
-			if (state.tag !== "submitting") return state;
-			return {
-				tag: "error",
-				message: action.message
-			};
-		case "reset": return initialMagicLinkSubmissionState;
-		default: return assertNever$1(action);
-	}
-}
-function isMagicLinkSubmitting(state) {
-	return state.tag === "submitting";
-}
-function getMagicLinkError(state) {
-	return state.tag === "error" ? state.message : null;
+function MembershipOption({ membership, selected, description, onSelect }) {
+	return /* @__PURE__ */ jsx(BookingOption, {
+		selected,
+		name: membership.membershipName,
+		price: "Free",
+		description,
+		onSelect
+	});
 }
-//#endregion
-//#region ../blocks/src/system/runtime/nodes/shared/MagicLinkForm.tsx
-/**
-* Reusable magic link login form.
-* Used by Customer Portal and Event Registration blocks.
-*/
-function MagicLinkForm({ initialEmail = "", title, subtitle, buttonText = "Send login link", successMessage = "Check your email for a login link to sign in.", onSuccess, classPrefix = "er", compact = false }) {
-	const api = useBlockApi();
-	const [email, setEmail] = useState(initialEmail);
-	const [submissionState, dispatchSubmission] = useReducer(magicLinkSubmissionReducer, initialMagicLinkSubmissionState);
-	const loading = isMagicLinkSubmitting(submissionState);
-	const error = getMagicLinkError(submissionState);
-	const handleSubmit = async (e) => {
-		e.preventDefault();
-		const normalizedEmail = email.trim().toLowerCase();
-		if (!normalizedEmail || loading) return;
-		dispatchSubmission({ type: "submit-started" });
-		try {
-			const redirectTo = `${window.location.pathname}${window.location.search}${window.location.hash}`;
-			await api.sendMagicLink({
-				email: normalizedEmail,
-				redirectUrl: `${window.location.origin}/api/portal/callback?redirect_to=${encodeURIComponent(redirectTo)}`
-			});
-			dispatchSubmission({ type: "submit-succeeded" });
-			onSuccess?.();
-		} catch (err) {
-			console.error("Magic link error:", err);
-			dispatchSubmission({
-				type: "submit-failed",
-				message: getMagicLinkErrorMessage(err)
-			});
-		}
-	};
-	const handleReset = () => {
-		setEmail("");
-		dispatchSubmission({ type: "reset" });
+function BookingOption({ selected, name, price, description, onSelect }) {
+	return /* @__PURE__ */ jsxs("button", {
+		type: "button",
+		className: `er-whole-series-payment-tile${selected ? " er-whole-series-payment-tile--selected" : ""}`,
+		onClick: onSelect,
+		"aria-pressed": selected,
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "er-whole-series-payment-tile__check",
+				children: /* @__PURE__ */ jsx(CheckIcon, { strokeWidth: 3 })
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "er-whole-series-payment-tile__header",
+				children: [/* @__PURE__ */ jsx("h3", {
+					className: "er-whole-series-payment-tile__name",
+					children: name
+				}), price ? /* @__PURE__ */ jsx("span", {
+					className: "er-whole-series-payment-tile__price",
+					children: price
+				}) : null]
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "er-whole-series-payment-tile__description",
+				children: description
+			})
+		]
+	});
+}
+//#endregion
+//#region ../blocks/src/system/runtime/shared/components/LoggedInAsUser.tsx
+/**
+* Displays the logged-in user's email with an optional logout link.
+*
+* Used in registration forms when the email field is locked due to portal authentication.
+* Shows: "Logged in as {email} — Not you? Log out"
+*/
+function LoggedInAsUser({ email, onLogout, classPrefix }) {
+	return /* @__PURE__ */ jsxs("p", {
+		className: `${classPrefix}-logged-in-hint`,
+		children: [
+			"Logged in as ",
+			email,
+			onLogout && /* @__PURE__ */ jsxs(Fragment, { children: [" — ", /* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: `${classPrefix}-link`,
+				onClick: onLogout,
+				children: "Not you? Log out"
+			})] })
+		]
+	});
+}
+//#endregion
+//#region ../blocks/src/system/runtime/nodes/event-registration/whole-series/components.tsx
+function TeamMemberInlineList({ teamMembers }) {
+	return /* @__PURE__ */ jsx(Fragment, { children: teamMembers.map((teamMember, index) => /* @__PURE__ */ jsxs(React.Fragment, { children: [index > 0 ? ", " : "", teamMember.profilePath ? /* @__PURE__ */ jsx("a", {
+		href: teamMember.profilePath,
+		children: teamMember.name
+	}) : teamMember.name] }, teamMember.id)) });
+}
+function RunCard({ run, isSelected, onSelect, showSessions, showPrice, showCapacity, showVenue }) {
+	const pricing = resolveWholeSeriesPricingState(run);
+	const view = buildRunCardView(run, pricing);
+	return /* @__PURE__ */ jsxs("div", {
+		className: `er-whole-series-run-card ${isSelected ? "er-whole-series-run-card--selected" : ""}`,
+		onClick: onSelect,
+		role: "button",
+		tabIndex: 0,
+		"aria-pressed": isSelected,
+		onKeyDown: (e) => {
+			if (e.key === "Enter" || e.key === " ") {
+				e.preventDefault();
+				onSelect();
+			}
+		},
+		children: [
+			/* @__PURE__ */ jsx("h3", {
+				className: "er-whole-series-run-card__title",
+				children: run.title
+			}),
+			view.enrollmentClosed && /* @__PURE__ */ jsx("p", {
+				className: "er-whole-series-run-card__status",
+				children: "Registration closed"
+			}),
+			showSessions && run.sessionsCount > 0 && /* @__PURE__ */ jsxs("p", {
+				className: "er-whole-series-run-card__sessions",
+				children: [
+					run.sessionsCount,
+					" session",
+					run.sessionsCount !== 1 ? "s" : ""
+				]
+			}),
+			showPrice && pricing.display.kind !== "unavailable" && /* @__PURE__ */ jsx("p", {
+				className: "er-whole-series-run-card__price",
+				children: view.priceLabel
+			}),
+			showCapacity && run.availableSpots !== null && /* @__PURE__ */ jsx("p", {
+				className: "er-whole-series-run-card__capacity",
+				children: view.capacityLabel
+			}),
+			showVenue && run.venue && /* @__PURE__ */ jsx("p", {
+				className: "er-whole-series-run-card__venue",
+				children: run.venue.name
+			}),
+			view.teamMemberNames.length > 0 && /* @__PURE__ */ jsxs("p", {
+				className: "er-whole-series-run-card__venue",
+				children: ["Team: ", view.teamMemberNames.join(", ")]
+			})
+		]
+	});
+}
+function buildRunCardView(run, pricing) {
+	const availableSpots = run.availableSpots ?? 0;
+	return {
+		enrollmentClosed: run.enrollmentOpen === false,
+		priceLabel: formatWholeSeriesPriceDisplay(pricing.display),
+		capacityLabel: availableSpots > 0 ? `${availableSpots} spot${availableSpots === 1 ? "" : "s"} available` : "Waitlist only",
+		teamMemberNames: (run.teamMembers ?? []).map((teamMember) => teamMember.name).filter(Boolean)
 	};
-	if (submissionState.tag === "success") return /* @__PURE__ */ jsxs("div", {
-		className: `${classPrefix}-magic-link-success`,
-		children: [/* @__PURE__ */ jsx("p", {
-			className: `${classPrefix}-portal-auth-text ${classPrefix}-portal-auth-text--success`,
-			children: successMessage
-		}), !compact && /* @__PURE__ */ jsx("button", {
-			type: "button",
-			className: classPrefix === "cp" ? themeButtonClassName({
-				variant: "secondary",
-				size: "md"
-			}) : `${classPrefix}-modal-btn ${classPrefix}-modal-btn--secondary`,
-			onClick: handleReset,
-			children: "Try a different email"
+}
+function RunSummary({ run, pricing, showSessions, showVenue, showPrice, showMembershipNote }) {
+	const teamMembers = run.teamMembers ?? [];
+	const priceLabel = pricing.selectedOption ? `${pricing.selectedOption.name} - ${formatWholeSeriesPriceAmount(pricing.selectedOption.priceAmount, pricing.currency)}` : formatWholeSeriesPriceDisplay(pricing.display);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "er-whole-series-summary",
+		children: [
+			/* @__PURE__ */ jsx("h3", {
+				className: "er-whole-series-summary__title",
+				children: run.title
+			}),
+			showSessions && run.sessions.length > 0 && /* @__PURE__ */ jsxs("div", {
+				className: "er-whole-series-summary__sessions",
+				children: [/* @__PURE__ */ jsx("h4", {
+					className: "er-whole-series-summary__sessions-title",
+					children: "Sessions"
+				}), /* @__PURE__ */ jsx("ul", {
+					className: "er-whole-series-summary__sessions-list",
+					children: run.sessions.map((session) => /* @__PURE__ */ jsxs("li", {
+						className: "er-whole-series-summary__session",
+						children: [
+							formatDate(session.startsAt, { timeZone: session.timeZone }),
+							" ",
+							"at",
+							" ",
+							formatTime(session.startsAt, { timeZone: session.timeZone })
+						]
+					}, session.id))
+				})]
+			}),
+			showVenue && run.venue && /* @__PURE__ */ jsxs("p", {
+				className: "er-whole-series-summary__venue",
+				children: [
+					/* @__PURE__ */ jsx("strong", { children: "Venue:" }),
+					" ",
+					run.venue.name,
+					run.venue.address && ` - ${run.venue.address}`
+				]
+			}),
+			teamMembers.length > 0 && /* @__PURE__ */ jsxs("div", {
+				className: "er-whole-series-summary__venue",
+				children: [
+					/* @__PURE__ */ jsx("strong", { children: "Team:" }),
+					" ",
+					/* @__PURE__ */ jsx(TeamMemberInlineList, { teamMembers })
+				]
+			}),
+			showPrice && pricing.display.kind !== "unavailable" && /* @__PURE__ */ jsxs("p", {
+				className: "er-whole-series-summary__price",
+				children: [
+					/* @__PURE__ */ jsx("strong", { children: pricing.selectableOptions.length > 0 ? "Pricing:" : "Price:" }),
+					" ",
+					priceLabel
+				]
+			}),
+			showMembershipNote && /* @__PURE__ */ jsx("p", {
+				className: "er-whole-series-summary__membership",
+				children: "✓ Your membership can be used to book for free"
+			})
+		]
+	});
+}
+function WholeSeriesPricingSelector({ pricing, selectedPricingOptionId, onSelect }) {
+	if (pricing.selectableOptions.length <= 1) return null;
+	return /* @__PURE__ */ jsxs("fieldset", {
+		className: "er-whole-series-form__field",
+		children: [/* @__PURE__ */ jsx("legend", {
+			id: "er-whole-series-pricing-options-label",
+			className: "er-whole-series-form__label",
+			children: "Pricing option"
+		}), /* @__PURE__ */ jsx("div", {
+			className: "er-whole-series-payment-tiles",
+			role: "radiogroup",
+			"aria-labelledby": "er-whole-series-pricing-options-label",
+			children: pricing.selectableOptions.map((option) => {
+				const isSelected = selectedPricingOptionId === option.id;
+				const priceLabel = formatWholeSeriesPriceAmount(option.priceAmount, pricing.currency);
+				return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("button", {
+					type: "button",
+					role: "radio",
+					"aria-checked": isSelected,
+					className: `er-whole-series-payment-tile${isSelected ? " er-whole-series-payment-tile--selected" : ""}`,
+					onClick: () => onSelect(option.id),
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "er-whole-series-payment-tile__header",
+						children: [/* @__PURE__ */ jsx("h3", {
+							className: "er-whole-series-payment-tile__name",
+							children: option.name
+						}), /* @__PURE__ */ jsx("span", {
+							className: "er-whole-series-payment-tile__price",
+							children: priceLabel
+						})]
+					}), option.description ? /* @__PURE__ */ jsx("p", {
+						className: "er-whole-series-payment-tile__description",
+						children: option.description
+					}) : null]
+				}) }, option.id);
+			})
 		})]
 	});
-	return /* @__PURE__ */ jsxs("form", {
-		onSubmit: handleSubmit,
-		className: `${classPrefix}-magic-link-form`,
+}
+function WholeSeriesSlidingScaleInput({ pricing, value, onChange }) {
+	const slidingScale = pricing.slidingScale;
+	if (!slidingScale) return null;
+	const minLabel = formatWholeSeriesPriceAmount(slidingScale.minAmount, pricing.currency);
+	const maxLabel = formatWholeSeriesPriceAmount(slidingScale.maxAmount, pricing.currency);
+	const suggestedLabel = slidingScale.suggestedAmount !== null ? formatWholeSeriesPriceAmount(slidingScale.suggestedAmount, pricing.currency) : null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "er-whole-series-form__field",
 		children: [
-			title && /* @__PURE__ */ jsx("h3", {
-				className: `${classPrefix}-magic-link-title`,
-				children: title
-			}),
-			subtitle && /* @__PURE__ */ jsx("p", {
-				className: `${classPrefix}-portal-auth-text`,
-				children: subtitle
+			/* @__PURE__ */ jsx("label", {
+				htmlFor: "er-whole-series-sliding-amount",
+				className: "er-whole-series-form__label",
+				children: "Amount"
 			}),
 			/* @__PURE__ */ jsx("input", {
-				type: "email",
-				className: classPrefix === "cp" ? "cp-input" : `${classPrefix}-form__input`,
-				placeholder: "your@email.com",
-				value: email,
-				onChange: (e) => setEmail(e.target.value),
-				autoFocus: !compact,
-				required: true,
-				disabled: loading
-			}),
-			error && /* @__PURE__ */ jsx("p", {
-				className: `${classPrefix}-portal-auth-text ${classPrefix}-portal-auth-text--error`,
-				children: error
+				id: "er-whole-series-sliding-amount",
+				type: "number",
+				min: slidingScale.minAmount / 100,
+				max: slidingScale.maxAmount / 100,
+				step: "0.01",
+				inputMode: "decimal",
+				className: "er-whole-series-form__input",
+				value,
+				onChange: (event) => onChange(event.target.value)
 			}),
-			/* @__PURE__ */ jsx("button", {
-				type: "submit",
-				className: classPrefix === "cp" ? themeButtonClassName({
-					variant: "primary",
-					size: "md"
-				}) : `${classPrefix}-modal-btn`,
-				disabled: !email.trim() || loading,
-				children: loading ? "Sending..." : buttonText
+			/* @__PURE__ */ jsxs("p", {
+				className: "er-whole-series-text er-whole-series-text--muted",
+				children: [
+					"Choose between ",
+					minLabel,
+					" and ",
+					maxLabel,
+					suggestedLabel ? `; suggested ${suggestedLabel}` : "",
+					"."
+				]
 			})
 		]
 	});
 }
-function getMagicLinkErrorMessage(error) {
-	return error instanceof Error ? error.message : "Failed to send. Please try again.";
+function EnrollmentForm({ formData, errors, onChange, isEmailLocked, isLoading, onLogout }) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(EnrollmentIdentityFields, {
+		formData,
+		errors,
+		onChange,
+		isEmailLocked,
+		isLoading,
+		onLogout
+	}), /* @__PURE__ */ jsx(EnrollmentOptionalFields, {
+		formData,
+		onChange,
+		isLoading
+	})] });
 }
-//#endregion
-//#region ../blocks/src/system/runtime/nodes/course-registration/PortalAuthSidebar.tsx
-/**
-* Portal authentication sidebar.
-* Shows login prompt for unauthenticated users who might have memberships.
-*/
-const PORTAL_AUTH_COPY = {
-	membership: {
-		title: "Have a membership?",
-		description: "Log in to use your membership to book for free",
-		buttonText: "Log in with email",
-		modalTitle: "Log in",
-		modalHeading: "Log in to your account",
-		modalSubtitle: "Enter your email to receive a magic link",
-		successMessage: "Check your email for a login link. After clicking, refresh this page."
-	},
-	"waitlist-claim": {
-		title: "Log in to claim your waitlist spot",
-		description: "",
-		buttonText: "Log in with email to continue",
-		modalTitle: "Log in to continue",
-		modalHeading: "Log in to your account to continue",
-		modalSubtitle: "Enter your email to receive a login link and continue your waitlist claim",
-		successMessage: "Check your email for a login link. After clicking it, return here to continue your claim."
-	}
-};
-function PortalAuthSidebar({ onMagicLinkSent, autoOpen = false, variant = "membership", loginMessage }) {
-	const [showModal, setShowModal] = useState(false);
-	const copy = PORTAL_AUTH_COPY[variant];
-	const description = variant === "waitlist-claim" ? loginMessage ?? "Log in to continue with your waitlist claim." : copy.description;
-	useEffect(() => {
-		if (!autoOpen) return;
-		setShowModal(true);
-	}, [autoOpen]);
+function EnrollmentIdentityFields({ formData, errors, onChange, isEmailLocked, isLoading, onLogout }) {
+	const nameErrorId = "er-whole-series-name-error";
+	const emailErrorId = "er-whole-series-email-error";
+	const nameValidationProps = getFieldValidationControlProps({
+		message: errors.name,
+		messageId: nameErrorId
+	});
+	const emailValidationProps = getFieldValidationControlProps({
+		message: errors.email,
+		messageId: emailErrorId
+	});
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+		className: "er-whole-series-form__field",
+		children: [
+			/* @__PURE__ */ jsx("label", {
+				htmlFor: "er-whole-series-name",
+				className: "er-whole-series-form__label",
+				children: "Name *"
+			}),
+			/* @__PURE__ */ jsx("input", {
+				id: "er-whole-series-name",
+				type: "text",
+				className: `er-whole-series-form__input ${errors.name ? "er-whole-series-form__input--error" : ""}`,
+				value: formData.name,
+				onChange: (e) => onChange({
+					...formData,
+					name: e.target.value
+				}),
+				disabled: isLoading,
+				...nameValidationProps
+			}),
+			errors.name && /* @__PURE__ */ jsx(FieldValidationMessage, {
+				id: nameErrorId,
+				className: "er-whole-series-form__error",
+				children: errors.name
+			})
+		]
+	}), /* @__PURE__ */ jsxs("div", {
+		className: "er-whole-series-form__field",
+		children: [
+			/* @__PURE__ */ jsx("label", {
+				htmlFor: "er-whole-series-email",
+				className: "er-whole-series-form__label",
+				children: "Email *"
+			}),
+			/* @__PURE__ */ jsx("input", {
+				id: "er-whole-series-email",
+				type: "email",
+				className: `er-whole-series-form__input ${errors.email ? "er-whole-series-form__input--error" : ""}`,
+				value: formData.email,
+				onChange: (e) => onChange({
+					...formData,
+					email: e.target.value
+				}),
+				disabled: isEmailLocked || isLoading,
+				...emailValidationProps
+			}),
+			errors.email && /* @__PURE__ */ jsx(FieldValidationMessage, {
+				id: emailErrorId,
+				className: "er-whole-series-form__error",
+				children: errors.email
+			}),
+			isEmailLocked && /* @__PURE__ */ jsx(LoggedInAsUser, {
+				email: formData.email,
+				onLogout,
+				classPrefix: "er-whole-series"
+			})
+		]
+	})] });
+}
+function EnrollmentOptionalFields({ formData, onChange, isLoading }) {
 	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
-		className: "cr-portal-sidebar",
-		children: [
-			/* @__PURE__ */ jsx("div", {
-				className: "cr-portal-sidebar__icon",
-				"aria-hidden": "true",
-				children: "👤"
+		className: "er-whole-series-form__field",
+		children: [/* @__PURE__ */ jsx("label", {
+			htmlFor: "er-whole-series-phone",
+			className: "er-whole-series-form__label",
+			children: "Phone"
+		}), /* @__PURE__ */ jsx("input", {
+			id: "er-whole-series-phone",
+			type: "tel",
+			className: "er-whole-series-form__input",
+			value: formData.phone,
+			onChange: (e) => onChange({
+				...formData,
+				phone: e.target.value
 			}),
-			/* @__PURE__ */ jsx("h3", {
-				className: "cr-portal-sidebar__title",
-				children: copy.title
+			disabled: isLoading
+		})]
+	}), /* @__PURE__ */ jsxs("div", {
+		className: "er-whole-series-form__field",
+		children: [/* @__PURE__ */ jsx("label", {
+			htmlFor: "er-whole-series-notes",
+			className: "er-whole-series-form__label",
+			children: "Notes"
+		}), /* @__PURE__ */ jsx("textarea", {
+			id: "er-whole-series-notes",
+			className: "er-whole-series-form__textarea",
+			value: formData.notes,
+			onChange: (e) => onChange({
+				...formData,
+				notes: e.target.value
 			}),
-			/* @__PURE__ */ jsx("p", {
-				className: "cr-portal-sidebar__text",
-				children: description
+			rows: 3,
+			disabled: isLoading
+		})]
+	})] });
+}
+//#endregion
+//#region ../blocks/src/system/runtime/nodes/event-registration/whole-series/WholeSeriesRegistrationActiveSteps.tsx
+function WholeSeriesRegistrationActiveStep({ wizard, display }) {
+	switch (wizard.step) {
+		case "select-run": return /* @__PURE__ */ jsx(RunSelectionStep, {
+			wizard,
+			display
+		});
+		case "enter-details": return /* @__PURE__ */ jsx(RegistrationDetailsStep, {
+			wizard,
+			display
+		});
+		case "booking-mode": return /* @__PURE__ */ jsx(RegistrationBookingModeStep, {
+			wizard,
+			display
+		});
+		case "select-payment": return /* @__PURE__ */ jsx(RegistrationPaymentStep, {
+			wizard,
+			display
+		});
+		case "error":
+		case "payment-failed":
+		case "redirecting":
+		case "submitting":
+		case "success":
+		case "verifying-payment":
+		case "verifying-timeout":
+		case "waitlist": return null;
+	}
+}
+function RunSelectionStep({ wizard, display }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "er-whole-series-run-list",
+		children: wizard.scopedRuns.map((run) => /* @__PURE__ */ jsx(RunCard, {
+			run,
+			isSelected: wizard.selectedRun?.eventSeriesId === run.eventSeriesId,
+			onSelect: () => wizard.handleRunSelect(run),
+			showSessions: display.showSessions,
+			showPrice: display.showPrice,
+			showCapacity: display.showCapacity,
+			showVenue: display.showVenue
+		}, run.eventSeriesId))
+	});
+}
+function RegistrationDetailsStep({ wizard, display }) {
+	const selection = selectedRunWithPricing(wizard);
+	if (!selection) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "er-whole-series-details",
+		children: [/* @__PURE__ */ jsx(RunSummary, {
+			run: selection.run,
+			pricing: selection.pricing,
+			showSessions: display.showSessions,
+			showVenue: display.showVenue,
+			showPrice: display.showPrice,
+			showMembershipNote: selection.run.acceptsMemberships && wizard.portalAuthState === "authenticated"
+		}), selection.run.enrollmentOpen === false ? /* @__PURE__ */ jsx(ClosedRunNotice, { wizard }) : /* @__PURE__ */ jsx(RegistrationDetailsForm, {
+			wizard,
+			display
+		})]
+	});
+}
+function ClosedRunNotice({ wizard }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "er-whole-series-form",
+		children: [/* @__PURE__ */ jsx(BackToRunsButton, { wizard }), /* @__PURE__ */ jsx("p", {
+			className: "er-whole-series-text er-whole-series-text--muted",
+			children: "Registration closed."
+		})]
+	});
+}
+function RegistrationDetailsForm({ wizard, display }) {
+	const blockers = deriveDetailsBlockers(wizard);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("form", {
+		className: "er-whole-series-form",
+		onSubmit: (event) => {
+			event.preventDefault();
+			wizard.handleSubmit();
+		},
+		children: [
+			/* @__PURE__ */ jsx(EnrollmentForm, {
+				formData: wizard.formData,
+				errors: wizard.errors,
+				onChange: wizard.updateFormData,
+				isEmailLocked: wizard.portalAuthState === "authenticated" || wizard.waitlistClaim.claim !== null,
+				isLoading: wizard.portalAuthState === "checking" || wizard.waitlistClaim.isLoading,
+				onLogout: wizard.handleLogout
 			}),
-			/* @__PURE__ */ jsx("div", {
-				className: "cr-portal-sidebar__action",
-				children: /* @__PURE__ */ jsx("button", {
-					type: "button",
-					className: "cr-portal-sidebar__link",
-					onClick: () => setShowModal(true),
-					children: copy.buttonText
+			/* @__PURE__ */ jsx(PricingFields, { wizard }),
+			wizard.showSpamProtection ? /* @__PURE__ */ jsx("div", {
+				className: "er-whole-series-altcha",
+				children: /* @__PURE__ */ jsx(AltchaWidget, {
+					challengeUrl: getChallengeUrl(),
+					onSolutionChange: wizard.setAltchaSolution
 				})
+			}) : null,
+			/* @__PURE__ */ jsx(DiscountFields, { wizard }),
+			/* @__PURE__ */ jsxs("div", {
+				className: "er-whole-series-actions",
+				children: [/* @__PURE__ */ jsx(BackToRunsButton, {
+					wizard,
+					compact: true
+				}), /* @__PURE__ */ jsx("button", {
+					type: "submit",
+					className: buttonClass(display.buttonVariant),
+					disabled: blockers.disabled,
+					children: detailsSubmitLabel(wizard, display.buttonText, blockers.soldOut)
+				})]
 			})
 		]
-	}), showModal && /* @__PURE__ */ jsx(ModalShell, {
-		title: copy.modalTitle,
-		titleId: "cr-portal-auth-modal-title",
-		onClose: () => setShowModal(false),
-		overlayClassName: "cr-modal-overlay",
-		modalClassName: "cr-modal",
-		renderSrOnlyTitle: true,
-		renderHeader: ({ closeButtonRef, onClose }) => /* @__PURE__ */ jsx("button", {
-			ref: closeButtonRef,
-			type: "button",
-			className: "cr-modal-close",
-			onClick: onClose,
-			"aria-label": "Close",
-			children: /* @__PURE__ */ jsx("svg", {
-				width: "20",
-				height: "20",
-				viewBox: "0 0 24 24",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "2",
-				"aria-hidden": "true",
-				children: /* @__PURE__ */ jsx("path", { d: "M18 6L6 18M6 6l12 12" })
-			})
-		}),
-		children: /* @__PURE__ */ jsx(MagicLinkForm, {
-			classPrefix: "cr",
-			title: copy.modalHeading,
-			subtitle: copy.modalSubtitle,
-			buttonText: "Send login link",
-			successMessage: copy.successMessage,
-			onSuccess: () => {
-				onMagicLinkSent?.();
-			}
-		})
+	}), /* @__PURE__ */ jsx(DetailsBlockerMessages, {
+		wizard,
+		blockers
 	})] });
 }
-//#endregion
-//#region ../blocks/src/system/runtime/nodes/course-registration/SuccessStep.tsx
-/**
-* Success terminal state component.
-* Shows confirmation after successful enrollment.
-*/
-function SuccessStep({ usedMembership, successMessage, membershipMessage }) {
-	return /* @__PURE__ */ jsx(TerminalPanel, {
-		tone: "success",
-		className: "cr-success",
-		titleClassName: "cr-success__title",
-		icon: /* @__PURE__ */ jsx(StateIcon, {
-			variant: "success",
-			children: /* @__PURE__ */ jsx(CheckIcon, { strokeWidth: 2 })
-		}),
-		title: "Enrollment Complete!",
-		body: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("p", {
-			className: "cr-success__message",
-			children: usedMembership ? membershipMessage : successMessage
-		}), usedMembership && /* @__PURE__ */ jsx("p", {
-			className: "cr-success__membership",
-			children: "Enrolled using your membership"
-		})] })
+function PricingFields({ wizard }) {
+	if (!wizard.selectedRunPricing) return null;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(WholeSeriesPricingSelector, {
+		pricing: wizard.selectedRunPricing,
+		selectedPricingOptionId: wizard.selectedPricingOptionId,
+		onSelect: wizard.choosePricingOption
+	}), /* @__PURE__ */ jsx(WholeSeriesSlidingScaleInput, {
+		pricing: wizard.selectedRunPricing,
+		value: wizard.selectedSlidingAmountInput,
+		onChange: wizard.changeSlidingAmount
+	})] });
+}
+function RegistrationBookingModeStep({ wizard, display }) {
+	const selection = selectedRunWithPricing(wizard);
+	if (!selection) return null;
+	const membershipMissing = wizard.bookingMode === "membership" && !wizard.selectedMembershipId;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "er-whole-series-details",
+		children: [
+			/* @__PURE__ */ jsx(RunSummary, {
+				run: selection.run,
+				pricing: selection.pricing,
+				showSessions: display.showSessions,
+				showVenue: display.showVenue,
+				showPrice: display.showPrice,
+				showMembershipNote: false
+			}),
+			/* @__PURE__ */ jsx(BookingModeStep, {
+				bookingMode: wizard.bookingMode,
+				onBookingModeChange: wizard.handleBookingModeChange,
+				eligibleMemberships: wizard.eligibleMemberships,
+				selectedMembershipId: wizard.selectedMembershipId,
+				onMembershipSelect: wizard.chooseMembership,
+				priceCents: wizard.selectedRunPricing?.selectedPriceAmount ?? null,
+				currency: selection.run.currency ?? "GBP"
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "er-whole-series-actions",
+				children: [/* @__PURE__ */ jsx(BackToDetailsButton, { wizard }), /* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: buttonClass(display.buttonVariant),
+					onClick: wizard.handlePaymentContinue,
+					disabled: !wizard.bookingMode || membershipMissing,
+					children: wizard.bookingMode === "membership" ? "Book run" : "Continue to payment"
+				})]
+			})
+		]
+	});
+}
+function RegistrationPaymentStep({ wizard, display }) {
+	const selection = selectedRunWithPricing(wizard);
+	if (!selection) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "er-whole-series-details",
+		children: [/* @__PURE__ */ jsx(RunSummary, {
+			run: selection.run,
+			pricing: selection.pricing,
+			showSessions: display.showSessions,
+			showVenue: display.showVenue,
+			showPrice: display.showPrice,
+			showMembershipNote: false
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "er-whole-series-form",
+			children: [
+				/* @__PURE__ */ jsx(PaymentChoices, { wizard }),
+				/* @__PURE__ */ jsx(DiscountFields, { wizard }),
+				/* @__PURE__ */ jsxs("div", {
+					className: "er-whole-series-actions",
+					children: [/* @__PURE__ */ jsx(BackToDetailsButton, { wizard }), /* @__PURE__ */ jsx("button", {
+						type: "button",
+						className: buttonClass(display.buttonVariant),
+						onClick: wizard.handlePaymentContinue,
+						children: "Continue"
+					})]
+				})
+			]
+		})]
+	});
+}
+function PaymentChoices({ wizard }) {
+	return /* @__PURE__ */ jsxs("fieldset", {
+		className: "er-whole-series-form__field",
+		children: [/* @__PURE__ */ jsx("legend", {
+			className: "er-whole-series-form__label",
+			children: "Choose how to book"
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "er-whole-series-payment__options",
+			children: [
+				/* @__PURE__ */ jsx(PaymentChoice, {
+					checked: wizard.paymentChoice === "membership",
+					label: "Use a membership (free)",
+					onChange: () => wizard.choosePaymentChoice("membership")
+				}),
+				wizard.paymentChoice === "membership" && wizard.eligibleMemberships.length > 1 ? /* @__PURE__ */ jsx(MembershipSelect, { wizard }) : null,
+				/* @__PURE__ */ jsx(PaymentChoice, {
+					checked: wizard.paymentChoice === "checkout",
+					label: "Pay by card",
+					onChange: () => wizard.choosePaymentChoice("checkout")
+				})
+			]
+		})]
+	});
+}
+function PaymentChoice({ checked, label, onChange }) {
+	return /* @__PURE__ */ jsxs("label", {
+		className: "er-whole-series-payment__option",
+		children: [/* @__PURE__ */ jsx("input", {
+			type: "radio",
+			name: "paymentChoice",
+			checked,
+			onChange
+		}), /* @__PURE__ */ jsx("span", { children: label })]
+	});
+}
+function MembershipSelect({ wizard }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "er-whole-series-form__field",
+		children: [/* @__PURE__ */ jsx("label", {
+			htmlFor: "er-whole-series-membership",
+			className: "er-whole-series-form__label",
+			children: "Membership"
+		}), /* @__PURE__ */ jsxs("select", {
+			id: "er-whole-series-membership",
+			className: "er-whole-series-form__input",
+			value: wizard.selectedMembershipId ?? "",
+			onChange: (event) => wizard.chooseMembership(event.target.value || null),
+			children: [/* @__PURE__ */ jsx("option", {
+				value: "",
+				disabled: true,
+				children: "Select a membership…"
+			}), wizard.eligibleMemberships.map((membership) => /* @__PURE__ */ jsx("option", {
+				value: membership.customerMembershipId,
+				children: membership.membershipName
+			}, membership.customerMembershipId))]
+		})]
+	});
+}
+function DiscountFields({ wizard }) {
+	if (!canShowDiscount(wizard)) return null;
+	return /* @__PURE__ */ jsx(DiscountCodeDisclosure, {
+		surface: "whole-series-registration",
+		isOpen: wizard.discountUiOpen,
+		code: wizard.discountCode,
+		onOpen: () => wizard.setDiscountUiOpen(true),
+		onChange: wizard.setDiscountCode,
+		onRemove: () => {
+			wizard.setDiscountCode("");
+			wizard.setDiscountUiOpen(false);
+		},
+		id: "er-whole-series-discount-code"
+	});
+}
+function deriveDetailsBlockers(wizard) {
+	const soldOut = wizard.waitlistClaim.claim === null && wizard.runEligibility?.isFull === true && wizard.runEligibility.canJoinWaitlist !== true;
+	const missingPricing = wizard.selectedRunPricing?.requiresSelection === true && !wizard.selectedRunPricing.selectedOption && !wizard.selectedRunPricing.slidingScale;
+	const slidingScaleMessage = slidingScaleBlocker(wizard.selectedRunPricing);
+	const pricingUnavailable = wizard.selectedRunPricing?.display.kind === "unavailable";
+	return {
+		disabled: soldOut || wizard.eligibilityLoading || missingPricing || slidingScaleMessage !== null || pricingUnavailable,
+		soldOut,
+		missingPricing,
+		slidingScaleMessage,
+		pricingUnavailable
+	};
+}
+function DetailsBlockerMessages({ wizard, blockers }) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [[
+		blockers.soldOut ? "This run is fully booked and there is no waitlist available right now." : null,
+		blockers.missingPricing ? "Choose a pricing option to continue." : null,
+		blockers.slidingScaleMessage,
+		blockers.pricingUnavailable ? "Pricing is not available for this run right now." : null
+	].filter((message) => message !== null).map((message) => /* @__PURE__ */ jsx("p", {
+		className: "er-whole-series-text er-whole-series-text--muted",
+		children: message
+	}, message)), wizard.eligibilityError ? /* @__PURE__ */ jsx("p", {
+		className: "er-whole-series-text er-whole-series-text--error",
+		children: wizard.eligibilityError
+	}) : null] });
+}
+function BackToRunsButton({ wizard, compact = false }) {
+	if (wizard.scopedRuns.length <= 1) return null;
+	const button = /* @__PURE__ */ jsx("button", {
+		type: "button",
+		onClick: () => wizard.goToStep("select-run"),
+		className: "er-whole-series-back-btn",
+		children: "← Back"
+	});
+	return compact ? button : /* @__PURE__ */ jsx("div", {
+		className: "er-whole-series-actions",
+		children: button
+	});
+}
+function BackToDetailsButton({ wizard }) {
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		onClick: () => wizard.goToStep("enter-details"),
+		className: "er-whole-series-back-btn",
+		children: "← Back"
+	});
+}
+function selectedRunWithPricing(wizard) {
+	return wizard.selectedRun && wizard.selectedRunPricing ? {
+		run: wizard.selectedRun,
+		pricing: wizard.selectedRunPricing
+	} : null;
+}
+function canShowDiscount(wizard) {
+	return !wizard.discountsAvailableLoading && wizard.paymentChoice === "checkout" && wizard.discountsAvailable && wizard.manualCodeEntryAllowed;
+}
+function slidingScaleBlocker(pricing) {
+	if (!pricing?.slidingScale) return null;
+	if (pricing.selectedSlidingAmount === null) return "Choose an amount to continue.";
+	return pricing.selectedSlidingAmount < pricing.slidingScale.minAmount || pricing.selectedSlidingAmount > pricing.slidingScale.maxAmount ? "Choose an amount within the sliding scale." : null;
+}
+function detailsSubmitLabel(wizard, buttonText, soldOut) {
+	if (wizard.eligibilityLoading) return "Checking availability…";
+	if (soldOut) return "Sold out";
+	return wizard.runEligibility?.canJoinWaitlist ? "Join waitlist" : buttonText;
+}
+function buttonClass(variant) {
+	return themeButtonClassName({
+		variant: variant ?? "primary",
+		size: "md"
 	});
 }
 //#endregion
-//#region ../blocks/src/system/runtime/nodes/course-registration/ErrorStep.tsx
+//#region ../blocks/src/system/runtime/nodes/event-registration/whole-series/ErrorStep.tsx
 /**
 * Error terminal state component.
 * Shows error message with retry option.
@@ -1824,18 +2184,18 @@ function ErrorStep({ message, buttonText = "Try Again", buttonVariant = "primary
 	});
 	return /* @__PURE__ */ jsx(TerminalPanel, {
 		tone: "error",
-		className: "cr-error",
-		titleClassName: "cr-error__title",
+		className: "er-whole-series-error",
+		titleClassName: "er-whole-series-error__title",
 		icon: /* @__PURE__ */ jsx(StateIcon, {
 			variant: "error",
 			children: /* @__PURE__ */ jsx(CrossIcon, {})
 		}),
 		title: "Enrollment Failed",
 		body: /* @__PURE__ */ jsx("p", {
-			className: "cr-error__message",
+			className: "er-whole-series-error__message",
 			children: message
 		}),
-		actionsClassName: "cr-error__retry",
+		actionsClassName: "er-whole-series-error__retry",
 		actions: /* @__PURE__ */ jsx("button", {
 			type: "button",
 			onClick: onRetry,
@@ -1845,32 +2205,7 @@ function ErrorStep({ message, buttonText = "Try Again", buttonVariant = "primary
 	});
 }
 //#endregion
-//#region ../blocks/src/system/runtime/nodes/course-registration/WaitlistStep.tsx
-/**
-* Waitlist terminal state component.
-* Shows confirmation when user is added to waitlist.
-*/
-function WaitlistStep({ message, position }) {
-	return /* @__PURE__ */ jsx(TerminalPanel, {
-		tone: "info",
-		className: "cr-waitlist",
-		titleClassName: "cr-waitlist__title",
-		icon: /* @__PURE__ */ jsx(StateIcon, {
-			variant: "waitlist",
-			children: /* @__PURE__ */ jsx(ClockIcon, {})
-		}),
-		title: "Added to Waitlist",
-		body: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("p", {
-			className: "cr-waitlist__message",
-			children: message
-		}), typeof position === "number" && /* @__PURE__ */ jsxs("p", {
-			className: "cr-waitlist__position",
-			children: ["Your position: #", position]
-		})] })
-	});
-}
-//#endregion
-//#region ../blocks/src/system/runtime/nodes/course-registration/PaymentFailedStep.tsx
+//#region ../blocks/src/system/runtime/nodes/event-registration/whole-series/PaymentFailedStep.tsx
 /**
 * Payment failed terminal state component.
 * Shows when payment could not be processed.
@@ -1882,18 +2217,18 @@ function PaymentFailedStep({ message = "Your payment could not be processed.", b
 	});
 	return /* @__PURE__ */ jsx(TerminalPanel, {
 		tone: "error",
-		className: "cr-payment-failed",
-		titleClassName: "cr-payment-failed__title",
+		className: "er-whole-series-payment-failed",
+		titleClassName: "er-whole-series-payment-failed__title",
 		icon: /* @__PURE__ */ jsx(StateIcon, {
 			variant: "error",
 			children: /* @__PURE__ */ jsx(CrossIcon, {})
 		}),
 		title: "Payment Failed",
 		body: /* @__PURE__ */ jsx("p", {
-			className: "cr-payment-failed__message",
+			className: "er-whole-series-payment-failed__message",
 			children: message
 		}),
-		actionsClassName: "cr-payment-failed__retry",
+		actionsClassName: "er-whole-series-payment-failed__retry",
 		actions: /* @__PURE__ */ jsx("button", {
 			type: "button",
 			onClick: onRetry,
@@ -1903,7 +2238,32 @@ function PaymentFailedStep({ message = "Your payment could not be processed.", b
 	});
 }
 //#endregion
-//#region ../blocks/src/system/runtime/nodes/course-registration/VerifyingTimeoutStep.tsx
+//#region ../blocks/src/system/runtime/nodes/event-registration/whole-series/SuccessStep.tsx
+/**
+* Success terminal state component.
+* Shows confirmation after successful enrollment.
+*/
+function SuccessStep({ usedMembership, successMessage, membershipMessage }) {
+	return /* @__PURE__ */ jsx(TerminalPanel, {
+		tone: "success",
+		className: "er-whole-series-success",
+		titleClassName: "er-whole-series-success__title",
+		icon: /* @__PURE__ */ jsx(StateIcon, {
+			variant: "success",
+			children: /* @__PURE__ */ jsx(CheckIcon, { strokeWidth: 2 })
+		}),
+		title: "Enrollment Complete!",
+		body: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("p", {
+			className: "er-whole-series-success__message",
+			children: usedMembership ? membershipMessage : successMessage
+		}), usedMembership && /* @__PURE__ */ jsx("p", {
+			className: "er-whole-series-success__membership",
+			children: "Enrolled using your membership"
+		})] })
+	});
+}
+//#endregion
+//#region ../blocks/src/system/runtime/nodes/event-registration/whole-series/VerifyingTimeoutStep.tsx
 /**
 * Verifying timeout terminal state component.
 * Shows when payment verification takes too long.
@@ -1915,18 +2275,18 @@ function VerifyingTimeoutStep({ buttonText = "Check Again", buttonVariant = "pri
 	});
 	return /* @__PURE__ */ jsx(TerminalPanel, {
 		tone: "warning",
-		className: "cr-error",
-		titleClassName: "cr-error__title",
+		className: "er-whole-series-error",
+		titleClassName: "er-whole-series-error__title",
 		icon: /* @__PURE__ */ jsx(StateIcon, {
 			variant: "warning",
 			children: /* @__PURE__ */ jsx(ClockIcon, {})
 		}),
 		title: "Payment Verification Taking Longer",
 		body: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("p", {
-			className: "cr-error__message",
+			className: "er-whole-series-error__message",
 			children: "Your payment may still be processing. Please check your email for confirmation."
 		}), supportEmail && /* @__PURE__ */ jsxs("p", {
-			className: "cr-error__message",
+			className: "er-whole-series-error__message",
 			children: [
 				"If you need help, contact us at",
 				" ",
@@ -1936,7 +2296,7 @@ function VerifyingTimeoutStep({ buttonText = "Check Again", buttonVariant = "pri
 				})
 			]
 		})] }),
-		actionsClassName: "cr-error__retry",
+		actionsClassName: "er-whole-series-error__retry",
 		actions: /* @__PURE__ */ jsx("button", {
 			type: "button",
 			onClick: onCheckAgain,
@@ -1946,388 +2306,191 @@ function VerifyingTimeoutStep({ buttonText = "Check Again", buttonVariant = "pri
 	});
 }
 //#endregion
-//#region ../blocks/src/system/runtime/nodes/course-registration/CourseRegistrationWizard.tsx
-function getCourseSlidingScaleMessage(pricing) {
-	if (!pricing.slidingScale) return null;
-	const selectedAmount = pricing.selectedSlidingAmount;
-	if (selectedAmount === null) return "Choose an amount to continue.";
-	if (selectedAmount < pricing.slidingScale.minAmount || selectedAmount > pricing.slidingScale.maxAmount) return "Choose an amount within the sliding scale.";
-	return null;
-}
-function CourseRegistrationWizard(props) {
-	const { showSessions = true, showPrice = true, showCapacity = true, showVenue = true, successMessage = "You're booked in! Check your email for confirmation and session details.", waitlistMessage = "You've been added to the waitlist. We'll email you a claim link if a spot opens up.", membershipMessage = "Booked using your membership! Check your email for session details.", buttonText = "Sign up", buttonVariant = "primary", className } = props;
-	const { api, scopedCourses, step, goToStep, selectedCourse, selectedPricingOptionId, choosePricingOption, selectedSlidingAmountInput, changeSlidingAmount, selectedCoursePricing, formData, updateFormData, errors, enrollmentResult, errorMessage, portalAuthState, handleLogout, altchaSolution: _altchaSolution, setAltchaSolution, showSpamProtection, eligibilityLoading, eligibilityError, courseEligibility, eligibleMemberships, paymentChoice, choosePaymentChoice, selectedMembershipId, chooseMembership, discountUiOpen, setDiscountUiOpen, discountCode, setDiscountCode, discountsAvailable, manualCodeEntryAllowed, discountsAvailableLoading, waitlistClaim, canUseMembership: _canUseMembership, bookingMode, currentStepNumber, totalSteps, stepLabels, showPortalAuthSidebar, hasPreSelectedCourse: _hasPreSelectedCourse, hasCoursePayment: _hasCoursePayment, handleCourseSelect, handleSubmit, handlePaymentContinue, handleRetry, handleBookingModeChange } = useCourseRegistrationWizard(props);
-	const buttonClass = themeButtonClassName({
-		variant: buttonVariant,
-		size: "md"
+//#region ../blocks/src/system/runtime/nodes/event-registration/whole-series/WaitlistStep.tsx
+/**
+* Waitlist terminal state component.
+* Shows confirmation when user is added to waitlist.
+*/
+function WaitlistStep({ message, position }) {
+	return /* @__PURE__ */ jsx(TerminalPanel, {
+		tone: "info",
+		className: "er-whole-series-waitlist",
+		titleClassName: "er-whole-series-waitlist__title",
+		icon: /* @__PURE__ */ jsx(StateIcon, {
+			variant: "waitlist",
+			children: /* @__PURE__ */ jsx(ClockIcon, {})
+		}),
+		title: "Added to Waitlist",
+		body: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("p", {
+			className: "er-whole-series-waitlist__message",
+			children: message
+		}), typeof position === "number" && /* @__PURE__ */ jsxs("p", {
+			className: "er-whole-series-waitlist__position",
+			children: ["Your position: #", position]
+		})] })
 	});
-	if (scopedCourses.length === 0) {
-		const awaitingOfferingRuns = props.subject?.kind === "eventOffering" && props.subject.availableEventSeriesIds.length === 0;
-		return /* @__PURE__ */ jsx("div", {
-			id: COURSE_REGISTRATION_ANCHOR_ID,
-			className: `course-registration ${className || ""}`,
-			"data-block": "course-registration",
-			children: /* @__PURE__ */ jsx("div", {
-				className: "cr-empty",
-				children: /* @__PURE__ */ jsx("p", {
-					className: "cr-empty__text",
-					children: awaitingOfferingRuns ? "New dates are coming soon. Booking will open when the next run is ready." : "No courses available to book."
-				})
-			})
+}
+//#endregion
+//#region ../blocks/src/system/runtime/nodes/event-registration/whole-series/WholeSeriesRegistrationTerminalContent.tsx
+function WholeSeriesRegistrationTerminalContent({ wizard, copy }) {
+	switch (wizard.step) {
+		case "submitting": return /* @__PURE__ */ jsx(PendingState, {
+			label: "Booking run...",
+			spinnerLabel: "Processing"
+		});
+		case "redirecting": return /* @__PURE__ */ jsx(PendingState, {
+			label: "Redirecting to payment...",
+			spinnerLabel: "Redirecting"
+		});
+		case "verifying-payment": return /* @__PURE__ */ jsx(PendingState, {
+			label: "Verifying payment...",
+			spinnerLabel: "Verifying payment"
 		});
+		case "verifying-timeout": return /* @__PURE__ */ jsx(VerifyingTimeoutStep, {
+			buttonVariant: copy.buttonVariant,
+			onCheckAgain: wizard.handleRetry
+		});
+		case "payment-failed": return /* @__PURE__ */ jsx(PaymentFailedStep, {
+			message: wizard.errorMessage,
+			buttonVariant: copy.buttonVariant,
+			onRetry: wizard.handleRetry
+		});
+		case "success": return /* @__PURE__ */ jsx(SuccessStep, {
+			usedMembership: wizard.enrollmentResult?.usedMembership,
+			successMessage: copy.successMessage,
+			membershipMessage: copy.membershipMessage
+		});
+		case "waitlist": return /* @__PURE__ */ jsx(WaitlistStep, {
+			message: copy.waitlistMessage,
+			position: wizard.enrollmentResult?.waitlistPosition
+		});
+		case "error": return /* @__PURE__ */ jsx(ErrorStep, {
+			message: wizard.errorMessage,
+			buttonVariant: copy.buttonVariant,
+			onRetry: wizard.handleRetry
+		});
+		case "booking-mode":
+		case "enter-details":
+		case "select-payment":
+		case "select-run": return null;
 	}
-	const allowedStatuses = api.config.isPreview ? ["active", "draft"] : ["active"];
-	if (!scopedCourses.some((c) => !c.status || allowedStatuses.includes(c.status))) return /* @__PURE__ */ jsx("div", {
-		id: COURSE_REGISTRATION_ANCHOR_ID,
-		className: `course-registration ${className || ""}`,
-		"data-block": "course-registration",
+}
+function PendingState({ label, spinnerLabel }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "er-whole-series-center",
+		children: [/* @__PURE__ */ jsx(SpinnerNode, {
+			size: "md",
+			srLabel: spinnerLabel
+		}), /* @__PURE__ */ jsx("p", {
+			className: "er-whole-series-text--muted",
+			children: label
+		})]
+	});
+}
+//#endregion
+//#region ../blocks/src/system/runtime/nodes/event-registration/whole-series/WholeSeriesRegistrationWizard.tsx
+const DEFAULT_COPY = {
+	successMessage: "You're booked in! Check your email for confirmation and session details.",
+	waitlistMessage: "You've been added to the waitlist. We'll email you a claim link if a spot opens up.",
+	membershipMessage: "Booked using your membership! Check your email for session details.",
+	buttonText: "Sign up"
+};
+function WholeSeriesRegistrationWizard(props) {
+	const presentation = resolveWholeSeriesRegistrationPresentation(props.presentationKind ?? "event");
+	const wizard = useWholeSeriesRegistrationWizard(props, { anchorId: presentation.anchorId });
+	const className = `${presentation.rootClass} ${props.className ?? ""}`;
+	const emptyMessage = resolveEmptyMessage(props, wizard);
+	if (emptyMessage) return /* @__PURE__ */ jsx(RegistrationRoot, {
+		className,
+		presentation,
 		children: /* @__PURE__ */ jsx("div", {
-			className: "cr-empty",
+			className: "er-whole-series-empty",
 			children: /* @__PURE__ */ jsx("p", {
-				className: "cr-empty__text",
-				children: "Booking is not currently available for this course."
+				className: "er-whole-series-empty__text",
+				children: emptyMessage
 			})
 		})
 	});
-	const canShowDiscountUi = !discountsAvailableLoading && paymentChoice === "checkout" && discountsAvailable && manualCodeEntryAllowed;
-	const courseSoldOut = waitlistClaim.claim === null && courseEligibility?.isFull === true && courseEligibility.canJoinWaitlist !== true;
-	const detailsSubmitLabel = courseEligibility?.canJoinWaitlist ? "Join waitlist" : buttonText;
-	const pricingSelectionMissing = selectedCoursePricing?.requiresSelection === true && !selectedCoursePricing.selectedOption && !selectedCoursePricing.slidingScale;
-	const slidingScaleMessage = selectedCoursePricing ? getCourseSlidingScaleMessage(selectedCoursePricing) : null;
-	const pricingUnavailable = selectedCoursePricing?.display.kind === "unavailable";
-	const selectedCourseWithPricing = selectedCourse && selectedCoursePricing ? {
-		course: selectedCourse,
-		pricing: selectedCoursePricing
-	} : null;
-	const showStepIndicator = WIZARD_STEPS.includes(step) && totalSteps > 1;
-	const showSidebarLayout = showPortalAuthSidebar;
-	return /* @__PURE__ */ jsx("div", {
-		id: COURSE_REGISTRATION_ANCHOR_ID,
-		className: `course-registration ${className || ""}`,
-		"data-block": "course-registration",
+	return /* @__PURE__ */ jsx(RegistrationWorkspace, {
+		wizard,
+		props,
+		className,
+		presentation
+	});
+}
+function RegistrationWorkspace({ wizard, props, className, presentation }) {
+	const display = resolveDisplayProps(props);
+	const copy = resolveTerminalCopy(props);
+	const showSidebar = wizard.showPortalAuthSidebar;
+	return /* @__PURE__ */ jsx(RegistrationRoot, {
+		className,
+		presentation,
 		children: /* @__PURE__ */ jsx("div", {
-			className: "rb-reg-surface cr-container",
+			className: "rb-reg-surface er-whole-series-container",
 			children: /* @__PURE__ */ jsxs("div", {
-				className: `cr-layout${showSidebarLayout ? " cr-layout--with-sidebar" : ""}`,
+				className: `er-whole-series-layout${showSidebar ? " er-whole-series-layout--with-sidebar" : ""}`,
 				children: [/* @__PURE__ */ jsxs("div", {
-					className: "cr-layout__main",
+					className: "er-whole-series-layout__main",
 					children: [
-						showStepIndicator && /* @__PURE__ */ jsx(StepIndicator, {
-							currentStep: currentStepNumber,
-							totalSteps,
-							stepLabels
-						}),
-						step === "select-course" && /* @__PURE__ */ jsx("div", {
-							className: "cr-course-list",
-							children: scopedCourses.map((course) => /* @__PURE__ */ jsx(CourseCard, {
-								course,
-								isSelected: selectedCourse?.eventSeriesId === course.eventSeriesId,
-								onSelect: () => handleCourseSelect(course),
-								showSessions,
-								showPrice,
-								showCapacity,
-								showVenue
-							}, course.eventSeriesId))
-						}),
-						step === "enter-details" && selectedCourseWithPricing && /* @__PURE__ */ jsxs("div", {
-							className: "cr-details",
-							children: [/* @__PURE__ */ jsx(CourseSummary, {
-								course: selectedCourseWithPricing.course,
-								pricing: selectedCourseWithPricing.pricing,
-								showSessions,
-								showVenue,
-								showPrice,
-								showMembershipNote: selectedCourseWithPricing.course.acceptsMemberships && portalAuthState === "authenticated"
-							}), selectedCourseWithPricing.course.enrollmentOpen === false ? /* @__PURE__ */ jsxs("div", {
-								className: "cr-form",
-								children: [scopedCourses.length > 1 && /* @__PURE__ */ jsx("div", {
-									className: "cr-actions",
-									children: /* @__PURE__ */ jsx("button", {
-										type: "button",
-										onClick: () => goToStep("select-course"),
-										className: "cr-back-btn",
-										children: "← Back"
-									})
-								}), /* @__PURE__ */ jsx("p", {
-									className: "cr-text cr-text--muted",
-									children: "Registration closed."
-								})]
-							}) : /* @__PURE__ */ jsxs(Fragment, { children: [
-								/* @__PURE__ */ jsxs("form", {
-									className: "cr-form",
-									onSubmit: (e) => {
-										e.preventDefault();
-										handleSubmit();
-									},
-									children: [
-										/* @__PURE__ */ jsx(EnrollmentForm, {
-											formData,
-											errors,
-											onChange: updateFormData,
-											isEmailLocked: portalAuthState === "authenticated" || waitlistClaim.claim !== null,
-											isLoading: portalAuthState === "checking" || waitlistClaim.isLoading,
-											onLogout: handleLogout
-										}),
-										/* @__PURE__ */ jsx(CoursePricingSelector, {
-											pricing: selectedCourseWithPricing.pricing,
-											selectedPricingOptionId,
-											onSelect: choosePricingOption
-										}),
-										/* @__PURE__ */ jsx(CourseSlidingScaleInput, {
-											pricing: selectedCourseWithPricing.pricing,
-											value: selectedSlidingAmountInput,
-											onChange: changeSlidingAmount
-										}),
-										showSpamProtection && /* @__PURE__ */ jsx("div", {
-											className: "cr-altcha",
-											children: /* @__PURE__ */ jsx(AltchaWidget, {
-												challengeUrl: getChallengeUrl(),
-												onSolutionChange: setAltchaSolution
-											})
-										}),
-										canShowDiscountUi && /* @__PURE__ */ jsx(DiscountCodeDisclosure, {
-											surface: "course-registration",
-											isOpen: discountUiOpen,
-											code: discountCode,
-											onOpen: () => setDiscountUiOpen(true),
-											onChange: setDiscountCode,
-											onRemove: () => {
-												setDiscountCode("");
-												setDiscountUiOpen(false);
-											},
-											id: "cr-discount-code"
-										}),
-										/* @__PURE__ */ jsxs("div", {
-											className: "cr-actions",
-											children: [scopedCourses.length > 1 && /* @__PURE__ */ jsx("button", {
-												type: "button",
-												onClick: () => goToStep("select-course"),
-												className: "cr-back-btn",
-												children: "← Back"
-											}), /* @__PURE__ */ jsx("button", {
-												type: "submit",
-												className: buttonClass,
-												disabled: courseSoldOut || eligibilityLoading || pricingSelectionMissing || slidingScaleMessage !== null || pricingUnavailable,
-												children: eligibilityLoading ? "Checking availability…" : courseSoldOut ? "Sold out" : detailsSubmitLabel
-											})]
-										})
-									]
-								}),
-								courseSoldOut && /* @__PURE__ */ jsx("p", {
-									className: "cr-text cr-text--muted",
-									children: "This course is fully booked and there is no waitlist available right now."
-								}),
-								pricingSelectionMissing && /* @__PURE__ */ jsx("p", {
-									className: "cr-text cr-text--muted",
-									children: "Choose a pricing option to continue."
-								}),
-								slidingScaleMessage && /* @__PURE__ */ jsx("p", {
-									className: "cr-text cr-text--muted",
-									children: slidingScaleMessage
-								}),
-								pricingUnavailable && /* @__PURE__ */ jsx("p", {
-									className: "cr-text cr-text--muted",
-									children: "Pricing is not available for this course right now."
-								}),
-								eligibilityError && /* @__PURE__ */ jsx("p", {
-									className: "cr-text cr-text--error",
-									children: eligibilityError
-								})
-							] })]
-						}),
-						step === "booking-mode" && selectedCourseWithPricing && /* @__PURE__ */ jsxs("div", {
-							className: "cr-details",
-							children: [
-								/* @__PURE__ */ jsx(CourseSummary, {
-									course: selectedCourseWithPricing.course,
-									pricing: selectedCourseWithPricing.pricing,
-									showSessions,
-									showVenue,
-									showPrice,
-									showMembershipNote: false
-								}),
-								/* @__PURE__ */ jsx(BookingModeStep, {
-									bookingMode,
-									onBookingModeChange: handleBookingModeChange,
-									eligibleMemberships,
-									selectedMembershipId,
-									onMembershipSelect: chooseMembership,
-									priceCents: selectedCoursePricing?.selectedPriceAmount ?? null,
-									currency: selectedCourseWithPricing.course.currency ?? "GBP"
-								}),
-								/* @__PURE__ */ jsxs("div", {
-									className: "cr-actions",
-									children: [/* @__PURE__ */ jsx("button", {
-										type: "button",
-										onClick: () => goToStep("enter-details"),
-										className: "cr-back-btn",
-										children: "← Back"
-									}), /* @__PURE__ */ jsx("button", {
-										type: "button",
-										className: buttonClass,
-										onClick: handlePaymentContinue,
-										disabled: !bookingMode || bookingMode === "membership" && !selectedMembershipId,
-										children: bookingMode === "membership" ? "Book course" : "Continue to payment"
-									})]
-								})
-							]
-						}),
-						step === "select-payment" && selectedCourseWithPricing && /* @__PURE__ */ jsxs("div", {
-							className: "cr-details",
-							children: [/* @__PURE__ */ jsx(CourseSummary, {
-								course: selectedCourseWithPricing.course,
-								pricing: selectedCourseWithPricing.pricing,
-								showSessions,
-								showVenue,
-								showPrice,
-								showMembershipNote: false
-							}), /* @__PURE__ */ jsxs("div", {
-								className: "cr-form",
-								children: [
-									/* @__PURE__ */ jsxs("div", {
-										className: "cr-form__field",
-										children: [/* @__PURE__ */ jsx("label", {
-											className: "cr-form__label",
-											children: "Choose how to book"
-										}), /* @__PURE__ */ jsxs("div", {
-											className: "cr-payment__options",
-											children: [
-												/* @__PURE__ */ jsxs("label", {
-													className: "cr-payment__option",
-													children: [/* @__PURE__ */ jsx("input", {
-														type: "radio",
-														name: "paymentChoice",
-														checked: paymentChoice === "membership",
-														onChange: () => choosePaymentChoice("membership")
-													}), /* @__PURE__ */ jsx("span", { children: "Use a membership (free)" })]
-												}),
-												paymentChoice === "membership" && eligibleMemberships.length > 1 && /* @__PURE__ */ jsxs("div", {
-													className: "cr-form__field",
-													children: [/* @__PURE__ */ jsx("label", {
-														htmlFor: "cr-membership",
-														className: "cr-form__label",
-														children: "Membership"
-													}), /* @__PURE__ */ jsxs("select", {
-														id: "cr-membership",
-														className: "cr-form__input",
-														value: selectedMembershipId ?? "",
-														onChange: (e) => chooseMembership(e.target.value || null),
-														children: [/* @__PURE__ */ jsx("option", {
-															value: "",
-															disabled: true,
-															children: "Select a membership…"
-														}), eligibleMemberships.map((m) => /* @__PURE__ */ jsx("option", {
-															value: m.customerMembershipId,
-															children: m.membershipName
-														}, m.customerMembershipId))]
-													})]
-												}),
-												/* @__PURE__ */ jsxs("label", {
-													className: "cr-payment__option",
-													children: [/* @__PURE__ */ jsx("input", {
-														type: "radio",
-														name: "paymentChoice",
-														checked: paymentChoice === "checkout",
-														onChange: () => choosePaymentChoice("checkout")
-													}), /* @__PURE__ */ jsx("span", { children: "Pay by card" })]
-												})
-											]
-										})]
-									}),
-									canShowDiscountUi && /* @__PURE__ */ jsx(DiscountCodeDisclosure, {
-										surface: "course-registration",
-										isOpen: discountUiOpen,
-										code: discountCode,
-										onOpen: () => setDiscountUiOpen(true),
-										onChange: setDiscountCode,
-										onRemove: () => {
-											setDiscountCode("");
-											setDiscountUiOpen(false);
-										},
-										id: "cr-discount-code"
-									}),
-									/* @__PURE__ */ jsxs("div", {
-										className: "cr-actions",
-										children: [/* @__PURE__ */ jsx("button", {
-											type: "button",
-											onClick: () => goToStep("enter-details"),
-											className: "cr-back-btn",
-											children: "← Back"
-										}), /* @__PURE__ */ jsx("button", {
-											type: "button",
-											className: buttonClass,
-											onClick: handlePaymentContinue,
-											children: "Continue"
-										})]
-									})
-								]
-							})]
+						WIZARD_STEPS.includes(wizard.step) && wizard.totalSteps > 1 ? /* @__PURE__ */ jsx(StepIndicator, {
+							currentStep: wizard.currentStepNumber,
+							totalSteps: wizard.totalSteps,
+							stepLabels: wizard.stepLabels
+						}) : null,
+						/* @__PURE__ */ jsx(WholeSeriesRegistrationActiveStep, {
+							wizard,
+							display
 						}),
-						step === "submitting" && /* @__PURE__ */ jsxs("div", {
-							className: "cr-center",
-							children: [/* @__PURE__ */ jsx(SpinnerNode, {
-								size: "md",
-								srLabel: "Processing"
-							}), /* @__PURE__ */ jsx("p", {
-								className: "cr-text--muted",
-								children: "Booking course..."
-							})]
-						}),
-						step === "redirecting" && /* @__PURE__ */ jsxs("div", {
-							className: "cr-center",
-							children: [/* @__PURE__ */ jsx(SpinnerNode, {
-								size: "md",
-								srLabel: "Redirecting"
-							}), /* @__PURE__ */ jsx("p", {
-								className: "cr-text--muted",
-								children: "Redirecting to payment..."
-							})]
-						}),
-						step === "verifying-payment" && /* @__PURE__ */ jsxs("div", {
-							className: "cr-center",
-							children: [/* @__PURE__ */ jsx(SpinnerNode, {
-								size: "md",
-								srLabel: "Verifying payment"
-							}), /* @__PURE__ */ jsx("p", {
-								className: "cr-text--muted",
-								children: "Verifying payment..."
-							})]
-						}),
-						step === "verifying-timeout" && /* @__PURE__ */ jsx(VerifyingTimeoutStep, {
-							buttonVariant,
-							onCheckAgain: handleRetry
-						}),
-						step === "payment-failed" && /* @__PURE__ */ jsx(PaymentFailedStep, {
-							message: errorMessage,
-							buttonVariant,
-							onRetry: handleRetry
-						}),
-						step === "success" && /* @__PURE__ */ jsx(SuccessStep, {
-							usedMembership: enrollmentResult?.usedMembership,
-							successMessage,
-							membershipMessage
-						}),
-						step === "waitlist" && /* @__PURE__ */ jsx(WaitlistStep, {
-							message: waitlistMessage,
-							position: enrollmentResult?.waitlistPosition
-						}),
-						step === "error" && /* @__PURE__ */ jsx(ErrorStep, {
-							message: errorMessage,
-							buttonVariant,
-							onRetry: handleRetry
+						/* @__PURE__ */ jsx(WholeSeriesRegistrationTerminalContent, {
+							wizard,
+							copy
 						})
 					]
-				}), showSidebarLayout && /* @__PURE__ */ jsx("div", {
-					className: "cr-layout__sidebar",
-					children: /* @__PURE__ */ jsx(PortalAuthSidebar, {
-						autoOpen: waitlistClaim.requiresPortalLogin,
-						loginMessage: waitlistClaim.loginMessage,
-						variant: waitlistClaim.requiresPortalLogin ? "waitlist-claim" : "membership"
-					})
-				})]
+				}), showSidebar ? /* @__PURE__ */ jsx(RegistrationSidebar, { wizard }) : null]
 			})
 		})
 	});
 }
+function resolveDisplayProps(props) {
+	return {
+		showSessions: props.showSessions ?? true,
+		showPrice: props.showPrice ?? true,
+		showCapacity: props.showCapacity ?? true,
+		showVenue: props.showVenue ?? true,
+		buttonText: props.buttonText ?? DEFAULT_COPY.buttonText,
+		buttonVariant: props.buttonVariant
+	};
+}
+function resolveTerminalCopy(props) {
+	return {
+		successMessage: props.successMessage ?? DEFAULT_COPY.successMessage,
+		waitlistMessage: props.waitlistMessage ?? DEFAULT_COPY.waitlistMessage,
+		membershipMessage: props.membershipMessage ?? DEFAULT_COPY.membershipMessage,
+		buttonVariant: props.buttonVariant
+	};
+}
+function RegistrationRoot({ children, className, presentation }) {
+	return /* @__PURE__ */ jsx("div", {
+		id: presentation.anchorId,
+		className,
+		"data-block": presentation.dataBlock,
+		children
+	});
+}
+function RegistrationSidebar({ wizard }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "er-whole-series-layout__sidebar",
+		children: /* @__PURE__ */ jsx(PortalAuthSidebar, {
+			autoOpen: wizard.waitlistClaim.requiresPortalLogin,
+			loginMessage: wizard.waitlistClaim.loginMessage,
+			variant: wizard.waitlistClaim.requiresPortalLogin ? "waitlist-claim" : "membership"
+		})
+	});
+}
+function resolveEmptyMessage(props, wizard) {
+	if (wizard.scopedRuns.length === 0) return props.subject?.kind === "eventOffering" && props.subject.availableEventSeriesIds.length === 0 ? "New dates are coming soon. Booking will open when the next run is ready." : "No runs available to book.";
+	const allowedStatuses = wizard.api.config.isPreview ? ["active", "draft"] : ["active"];
+	return wizard.scopedRuns.some((run) => !run.status || allowedStatuses.includes(run.status)) ? null : "Booking is not currently available for this run.";
+}
 //#endregion
-export { LoggedInAsUser as a, useWaitlistClaim as i, MagicLinkForm as n, CourseRegistrationErrorBoundary as o, logoutPortal as r, ClockIcon as s, CourseRegistrationWizard as t };
+export { MagicLinkForm as a, useWaitlistClaim as i, LoggedInAsUser as n, WholeSeriesRegistrationErrorBoundary as o, logoutPortal as r, ClockIcon as s, WholeSeriesRegistrationWizard as t };