@riverbankcms/sdk 0.147.0 → 0.148.0

package/dist/client/{eventRegistration-DMq9gMA-.mjs → eventRegistration-BJSd4KUu.mjs}

@@ -1,21 +1,21 @@
 "use client";
-import { a as buildBookingPaymentSelectionViewModel, i as usePolling, n as BookingConsentAgreement, o as resolveBookingPaymentDueNowCents, r as StepIndicator$1, s as formatPrice, t as BookingMailingListNote } from "./BookingMailingListNote-1n4Ch_u_.mjs";
-import { $t as formatBookingDate, C as resolveDiscountContext, D as WIZARD_STEPS, E as toRegistrationRequestSubject, M as resolveEventRegistrationScopedEvents, O as getStepNumber, S as findPreSelectedEvent, T as resolveRegistrationTarget, Vt as assertNever, Zt as resolveBookingSignupOffer, _ as buildEventRegistrationDisplayFromScopedEvents, _n as publicEventPricingOptions, b as toWholeSeriesRegistrationEvents, bn as formatCurrencyAmount, dn as toScheduledBookingDateTime, ft as groupPublicEventsByRun, hn as publicEventPricingCurrency, k as getWizardStepsForContext, ln as toBookingTimeZone, rn as formatBookingTime, t as defineIslandPropsDecoder, tn as formatBookingDateTime, v as getRegistrationStartAt, vn as publicEventPricingStrategy, w as resolveEventRequiresPayment, x as findEventByOccurrenceId, xn as parseCurrencyCode, y as toRegistrationEvents, yn as publicEventPricingType } from "./propsDecoder-CwvvNOHx.mjs";
-import { a as canJoinEventWaitlistOnAnyMode, c as formatTicketTypeRemaining, f as getRemainingPlaces, h as selectMostOpenCapacitySource, i as canJoinEventWaitlist, m as selectEventCapacitySource, o as formatEventRemainingPlaces, p as isEventFull, r as formatEventPriceDisplay, s as formatRemainingPlaces, u as getEventAvailability } from "./pricing-Cgxv2KLC.mjs";
-import { n as useBlockApi, r as BlockApiError, t as BlockApiProvider } from "./context-C8TinPJc.mjs";
+import { a as buildBookingPaymentSelectionViewModel, i as usePolling, n as BookingConsentAgreement, o as resolveBookingPaymentDueNowCents, r as StepIndicator$1, s as formatPrice, t as BookingMailingListNote } from "./BookingMailingListNote-CzRt2dF_.mjs";
+import { C as resolveDiscountContext, Cn as formatCurrencyAmount, D as WIZARD_STEPS, E as toRegistrationRequestSubject, M as resolveEventRegistrationScopedEvents, O as getStepNumber, Ot as getRegistrationSuccessCopy, S as findPreSelectedEvent, Sn as publicEventPricingType, T as resolveRegistrationTarget, Wt as assertNever, _ as buildEventRegistrationDisplayFromScopedEvents, b as toWholeSeriesRegistrationEvents, bn as publicEventPricingOptions, en as resolveBookingSignupOffer, fn as toBookingTimeZone, ft as groupPublicEventsByRun, in as formatBookingDateTime, k as getWizardStepsForContext, mn as toScheduledBookingDateTime, nn as formatBookingDate, on as formatBookingTime, t as defineIslandPropsDecoder, v as getRegistrationStartAt, vn as publicEventPricingCurrency, w as resolveEventRequiresPayment, wn as parseCurrencyCode, x as findEventByOccurrenceId, xn as publicEventPricingStrategy, y as toRegistrationEvents } from "./propsDecoder-D1OtGXDV.mjs";
+import { a as canJoinEventWaitlistOnAnyMode, c as formatTicketTypeRemaining, f as getRemainingPlaces, h as selectMostOpenCapacitySource, i as canJoinEventWaitlist, m as selectEventCapacitySource, o as formatEventRemainingPlaces, p as isEventFull, r as formatEventPriceDisplay, s as formatRemainingPlaces, u as getEventAvailability } from "./pricing-BES87mrR.mjs";
+import { n as useBlockApi, r as BlockApiError, t as BlockApiProvider } from "./context-eW97E945.mjs";
 import { n as isSpamProtectionEnabled, r as AltchaWidget, t as getChallengeUrl } from "./src-B833rYRr.mjs";
-import { t as DiscountCodeDisclosure } from "./DiscountCodeDisclosure-CKJtz0mY.mjs";
-import { a as useDiscountCodeUi, i as CheckIcon, n as StateIcon, r as scrollToBlock, t as TerminalPanel } from "./TerminalPanel-B5ZUsYhe.mjs";
-import { i as SpinnerNode, t as ThemedButton } from "./ThemedButton-DoVIV1Ao.mjs";
+import { a as requestDemoPortalMagicLink, f as storeDemoBookingPass, i as buildPortalCallbackUrl, o as DiscountCodeDisclosure, r as CUSTOMER_PORTAL_PATH, t as BookingConfirmation } from "./DemoBookingPortalAccess-mxqwap3f.mjs";
+import { a as useDiscountCodeUi, i as CheckIcon, n as StateIcon, r as scrollToBlock, t as TerminalPanel } from "./TerminalPanel-DvNUP5ot.mjs";
+import { i as SpinnerNode, n as ThemedButtonLink, t as ThemedButton } from "./ThemedButton-C7CeUJjW.mjs";
 import { t as FeedbackMessage } from "./FeedbackMessage-CtLvvS_d.mjs";
 import { i as getFieldValidationControlProps, r as FieldValidationMessage } from "./mailingListSignupCopy-DZSHZrm6.mjs";
-import { t as buildCheckoutReturnUrls } from "./checkoutUrls-BEfR7kVu.mjs";
+import { t as buildCheckoutReturnUrls } from "./checkoutUrls-CXhko2Rv.mjs";
 import { t as CheckboxChoice } from "./CheckboxChoice-B33MqoUo.mjs";
 import { t as createBodyThemePortalRoot } from "./themePortalRoot-AGs4cE7t.mjs";
 import { n as consumeSearchParams } from "./urlParams-D71VXFGx.mjs";
 import { t as CrossIcon } from "./CrossIcon-Dn1KRKW5.mjs";
 import { t as mountReactIsland } from "./reactMount-SY8AVRof.mjs";
-import { t as buildRouteIslandApiConfig } from "./routeIslandApiConfig-BwVFo0Y4.mjs";
+import { t as buildRouteIslandApiConfig } from "./routeIslandApiConfig-BG9Y-SHg.mjs";
 import { t as createLucideIcon } from "./createLucideIcon-PaLVMov4.mjs";
 import { t as ModalShell } from "./ModalShell-CqkBvBIC.mjs";
 import React, { useCallback, useEffect, useId, useLayoutEffect, useMemo, useReducer, useRef, useState, useSyncExternalStore } from "react";
@@ -34,6 +34,16 @@ function toNonNegativeCents(value) {
 	return unsafeAsNonNegativeCents(Math.max(0, Math.trunc(value)));
 }
 //#endregion
+//#region ../core/src/uuid.ts
+function generateUuidV4(cryptoSource = globalThis.crypto) {
+	if (typeof cryptoSource.randomUUID === "function") return cryptoSource.randomUUID();
+	const bytes = cryptoSource.getRandomValues(/* @__PURE__ */ new Uint8Array(16));
+	bytes[6] = (bytes[6] ?? 0) & 15 | 64;
+	bytes[8] = (bytes[8] ?? 0) & 63 | 128;
+	const hex = Array.from(bytes, (byte) => byte.toString(16).padStart(2, "0"));
+	return `${hex.slice(0, 4).join("")}-${hex.slice(4, 6).join("")}-${hex.slice(6, 8).join("")}-${hex.slice(8, 10).join("")}-${hex.slice(10).join("")}`;
+}
+//#endregion
 //#region ../blocks/src/system/runtime/shared/components/ClockIcon.tsx
 function ClockIcon({ className, strokeWidth = 2 }) {
 	return /* @__PURE__ */ jsx("svg", {
@@ -800,7 +810,7 @@ function recoverRegistrationError(action, handlers) {
 	switch (action) {
 		case "none": return;
 		case "portal":
-			window.location.assign("/portal");
+			window.location.assign(CUSTOMER_PORTAL_PATH);
 			return;
 		case "event":
 			window.location.assign(window.location.pathname);
@@ -1414,6 +1424,10 @@ const eventRegistrationErrors = {
 		message: "The payment options for this event have changed. Please check the latest options before continuing.",
 		action: "payment-options"
 	},
+	verificationFailed: {
+		message: "We couldn’t confirm this request came from a person. Please refresh the page and try again.",
+		action: "none"
+	},
 	idempotencyConflict: {
 		message: "You’ve already started booking this event. Please finish in the other tab if it’s still open, or check your booking status before starting again.",
 		action: "portal"
@@ -1601,11 +1615,50 @@ function useResolvedWaitlistClaim(deps, credential) {
 * ```
 */
 const paymentVerificationDeps = { useBlockApi };
+function resolvePaymentPollingTarget(config) {
+	const reference = config.reference;
+	return reference.scope === "occurrence" ? {
+		key: `occurrence:${reference.attendeeId}`,
+		reference
+	} : {
+		key: `wholeSeries:${reference.registrationId}`,
+		reference
+	};
+}
+function createPaymentPollingConfig(api, settings) {
+	if (settings === null) return null;
+	const target = resolvePaymentPollingTarget(settings);
+	return {
+		restartKey: target.key,
+		pollFn: () => api.getEventRegistrationStatus(target.reference),
+		isComplete: (result) => result.paymentStatus === "completed" || result.paymentStatus === "not_required",
+		isFailed: (result) => result.paymentStatus === "failed" || result.paymentStatus === "refunded",
+		maxAttempts: settings.maxAttempts,
+		interval: settings.pollInterval
+	};
+}
+function getPaymentVerificationError(polling, paymentStatus) {
+	if (polling.status === "timeout") return "Could not verify payment. If you were charged, please contact support.";
+	if (polling.status === "failed" && paymentStatus !== null) return paymentStatus === "refunded" ? "Payment was refunded. Please contact support." : "Payment was declined. Please try again.";
+	return polling.error?.message ?? null;
+}
+function mapPaymentVerificationResult(polling) {
+	const paymentStatus = polling.result?.paymentStatus ?? null;
+	return {
+		status: polling.status,
+		paymentStatus,
+		attendeeStatus: polling.result?.attendeeStatus ?? null,
+		waitlistPosition: polling.result?.waitlistPosition ?? null,
+		error: getPaymentVerificationError(polling, paymentStatus),
+		retry: polling.retry
+	};
+}
 /**
 * Hook for polling payment status after Stripe redirects.
 *
 * Pass config to start polling, or null to stop/idle.
-* The hook handles cleanup on unmount and config changes.
+* The hook handles cleanup on unmount and starts a new cycle when the status
+* reference changes.
 *
 * @param config - Configuration for polling, or null to stop
 * @returns Verification result with status, data, and retry function
@@ -1614,30 +1667,7 @@ function usePaymentVerification(config) {
 	return usePaymentVerificationWithDeps(config, paymentVerificationDeps);
 }
 function usePaymentVerificationWithDeps(config, deps) {
-	const api = deps.useBlockApi();
-	const polling = usePolling(useMemo(() => {
-		if (!config) return null;
-		return {
-			pollFn: () => api.getEventRegistrationStatus(config.reference),
-			isComplete: (result) => result.paymentStatus === "completed" || result.paymentStatus === "not_required",
-			isFailed: (result) => result.paymentStatus === "failed" || result.paymentStatus === "refunded",
-			maxAttempts: config.maxAttempts,
-			interval: config.pollInterval
-		};
-	}, [api, config]));
-	const paymentStatus = polling.result?.paymentStatus ?? null;
-	let errorMessage = null;
-	if (polling.status === "timeout") errorMessage = "Could not verify payment. If you were charged, please contact support.";
-	else if (polling.status === "failed" && paymentStatus) errorMessage = paymentStatus === "refunded" ? "Payment was refunded. Please contact support." : "Payment was declined. Please try again.";
-	else if (polling.error) errorMessage = polling.error.message;
-	return {
-		status: polling.status,
-		paymentStatus,
-		attendeeStatus: polling.result?.attendeeStatus ?? null,
-		waitlistPosition: polling.result?.waitlistPosition ?? null,
-		error: errorMessage,
-		retry: polling.retry
-	};
+	return mapPaymentVerificationResult(usePolling(createPaymentPollingConfig(deps.useBlockApi(), config)));
 }
 //#endregion
 //#region ../blocks/src/system/runtime/nodes/event-registration/constants.ts
@@ -2010,20 +2040,9 @@ function registrationErrorPresentation(error) {
 function wantsMailingListSignup(options) {
 	return options.mailingListSignup !== null && options.formData.mailingListOptIn === true;
 }
-function createClientCommandId(cryptoSource = {
-	randomUUID: globalThis.crypto.randomUUID?.bind(globalThis.crypto),
-	getRandomValues: (bytes) => globalThis.crypto.getRandomValues(bytes)
-}) {
-	if (cryptoSource.randomUUID) return cryptoSource.randomUUID();
-	const bytes = cryptoSource.getRandomValues(/* @__PURE__ */ new Uint8Array(16));
-	bytes[6] = (bytes[6] ?? 0) & 15 | 64;
-	bytes[8] = (bytes[8] ?? 0) & 63 | 128;
-	const hex = Array.from(bytes, (byte) => byte.toString(16).padStart(2, "0"));
-	return `${hex.slice(0, 4).join("")}-${hex.slice(4, 6).join("")}-${hex.slice(6, 8).join("")}-${hex.slice(8, 10).join("")}-${hex.slice(10).join("")}`;
-}
 const eventRegistrationSubmitDeps = {
 	savePendingRegistration,
-	createClientCommandId
+	createClientCommandId: generateUuidV4
 };
 function useEventRegistrationSubmit(options) {
 	return useEventRegistrationSubmitWithDeps(options, eventRegistrationSubmitDeps);
@@ -2103,6 +2122,7 @@ function useEventRegistrationSubmitWithDeps(options, deps) {
 	};
 }
 async function completeRegistrationSubmission(options, deps, prepared, result, submitOptions) {
+	if (result.demoBookingPass) storeDemoBookingPass(options.formData.email, result.demoBookingPass);
 	switch (result.kind) {
 		case "paymentStatusRequired":
 			options.setPaymentStatusRecovery({
@@ -2125,6 +2145,7 @@ async function completeRegistrationSubmission(options, deps, prepared, result, s
 				status: "waitlist",
 				title: "Added to waitlist",
 				message: result.waitlist.message,
+				emailFollowupMessage: result.waitlist.emailFollowupMessage,
 				mailingListSignupNote: result.mailingListSignupNote
 			});
 			break;
@@ -3250,6 +3271,118 @@ function useEventCheckoutHandoffRestoreWithDeps(active, deps) {
 	}, [active, deps]);
 }
 //#endregion
+//#region ../blocks/src/system/runtime/nodes/event-registration/EventRegistrationBookingLayer.tsx
+function BookingEntry(props) {
+	const base = props.variant === "teaser" ? "er-booking-teaser" : "er-booking-bar";
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+		className: `${base}__info`,
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: `${base}__title`,
+				children: "Book this event"
+			}),
+			props.summary && /* @__PURE__ */ jsx("span", {
+				className: `${base}__meta`,
+				children: props.summary
+			}),
+			props.variant === "teaser" && props.ticketCurrency && props.ticketTypes.length > 0 ? /* @__PURE__ */ jsx("div", {
+				className: "er-booking-teaser__tickets",
+				children: props.ticketTypes.map((ticketType) => /* @__PURE__ */ jsxs("div", {
+					className: "er-booking-teaser__ticket",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "er-booking-teaser__ticket-name",
+						children: ticketType.name
+					}), /* @__PURE__ */ jsx("strong", { children: props.formatTicketPrice(ticketType) })]
+				}, ticketType.pricingOptionId))
+			}) : null
+		]
+	}), /* @__PURE__ */ jsx(ThemedButton, {
+		type: "button",
+		variant: props.buttonVariant,
+		size: "md",
+		extraClassName: `${base}__cta`,
+		label: "Book now",
+		onClick: props.onOpen
+	})] });
+}
+function EventRegistrationBookingLayer(props) {
+	const entryProps = {
+		summary: [props.priceLabel, props.availabilityLabel].filter(Boolean).join(" · "),
+		ticketTypes: props.ticketTypes,
+		ticketCurrency: props.ticketCurrency,
+		buttonVariant: props.buttonVariant,
+		formatTicketPrice: props.formatTicketPrice,
+		onOpen: props.onOpen
+	};
+	const floatingBar = !props.overlayOpen && props.isWizardStep ? /* @__PURE__ */ jsx("div", {
+		className: "er-booking-bar",
+		children: /* @__PURE__ */ jsx("div", {
+			className: "er-booking-bar__inner",
+			children: /* @__PURE__ */ jsx(BookingEntry, {
+				...entryProps,
+				variant: "bar"
+			})
+		})
+	}) : null;
+	const floatingLayer = props.portalRoot ? createPortal(/* @__PURE__ */ jsx("div", {
+		className: props.registrationRootClassName,
+		"data-block": "event-registration",
+		children: floatingBar
+	}), props.portalRoot) : floatingBar;
+	const overlayLayer = props.overlayOpen ? /* @__PURE__ */ jsx(ModalShell, {
+		title: "Book this event",
+		titleId: "event-registration-booking-title",
+		onClose: props.onClose,
+		portal: props.portalRoot != null,
+		portalRoot: props.portalRoot,
+		portalWrapperClassName: props.registrationRootClassName,
+		portalWrapperProps: { "data-block": "event-registration" },
+		overlayClassName: "er-booking-overlay",
+		modalClassName: "er-booking-overlay__panel",
+		renderHeader: ({ closeButtonRef, onClose, title, titleId }) => /* @__PURE__ */ jsxs("div", {
+			className: "er-booking-overlay__header",
+			children: [/* @__PURE__ */ jsx("h2", {
+				className: "er-booking-overlay__title",
+				id: titleId,
+				children: title
+			}), /* @__PURE__ */ jsx("button", {
+				ref: closeButtonRef,
+				type: "button",
+				className: "er-booking-overlay__close",
+				onClick: onClose,
+				"aria-label": "Close booking",
+				children: "×"
+			})]
+		}),
+		children: props.overlaySurface
+	}) : null;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		props.isWizardStep && /* @__PURE__ */ jsx("div", {
+			className: "er-booking-teaser",
+			children: /* @__PURE__ */ jsx(BookingEntry, {
+				...entryProps,
+				variant: "teaser"
+			})
+		}),
+		floatingLayer,
+		overlayLayer
+	] });
+}
+//#endregion
+//#region ../blocks/src/system/runtime/shared/components/DemoPortalSignInLink.tsx
+function DemoPortalSignInLink(props) {
+	return /* @__PURE__ */ jsxs("div", { children: [
+		/* @__PURE__ */ jsx("h3", { children: "Your sign-in link" }),
+		/* @__PURE__ */ jsx("p", { children: "In the demo we don’t send emails, so here’s the link we’d have sent you." }),
+		/* @__PURE__ */ jsx(ThemedButtonLink, {
+			variant: "default",
+			size: "md",
+			label: "Sign in to the portal",
+			href: props.url
+		})
+	] });
+}
+//#endregion
 //#region ../blocks/src/system/runtime/nodes/shared/MagicLinkForm.state.ts
 const initialMagicLinkSubmissionState = Object.freeze({ tag: "idle" });
 function magicLinkSubmissionReducer(state, action) {
@@ -3260,6 +3393,14 @@ function magicLinkSubmissionReducer(state, action) {
 		case "submit-succeeded":
 			if (state.tag !== "submitting") return state;
 			return { tag: "success" };
+		case "submit-demo-link": return state.tag === "submitting" ? {
+			tag: "demo_link",
+			url: action.url
+		} : state;
+		case "submit-demo-refused": return state.tag === "submitting" ? {
+			tag: "demo_refused",
+			message: action.message
+		} : state;
 		case "submit-failed":
 			if (state.tag !== "submitting") return state;
 			return {
@@ -3278,110 +3419,168 @@ function getMagicLinkError(state) {
 }
 //#endregion
 //#region ../blocks/src/system/runtime/nodes/shared/MagicLinkForm.tsx
-function MagicLinkButton(props) {
-	return props.themed ? /* @__PURE__ */ jsx(ThemedButton, {
-		type: props.type,
-		variant: props.variant,
-		size: "md",
-		label: props.label,
-		disabled: props.disabled,
-		onClick: props.onClick
-	}) : /* @__PURE__ */ jsx("button", {
-		type: props.type,
-		className: props.className,
-		disabled: props.disabled,
-		onClick: props.onClick,
-		children: props.label
-	});
-}
-/**
-* 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 }) {
+function MagicLinkForm(props) {
 	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" });
+	const [email, setEmail] = useState(props.initialEmail ?? "");
+	const [state, dispatch] = useReducer(magicLinkSubmissionReducer, initialMagicLinkSubmissionState);
+	const loading = isMagicLinkSubmitting(state);
+	const handleSubmit = (event) => {
+		submitMagicLink({
+			event,
+			email,
+			loading,
+			api,
+			dispatch,
+			onSuccess: props.onSuccess
+		});
 	};
-	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(MagicLinkButton, {
-			themed: classPrefix === "cp",
-			type: "button",
-			variant: "secondary",
-			className: `${classPrefix}-modal-btn ${classPrefix}-modal-btn--secondary`,
-			label: "Try a different email",
-			onClick: handleReset
-		})]
+	if (state.tag === "success" || state.tag === "demo_link") return /* @__PURE__ */ jsx(MagicLinkSuccess, {
+		state,
+		classPrefix: props.classPrefix ?? "er",
+		compact: props.compact ?? false,
+		successMessage: props.successMessage ?? "Check your email for a login link to sign in.",
+		onReset: () => {
+			setEmail("");
+			dispatch({ type: "reset" });
+		}
 	});
+	return /* @__PURE__ */ jsx(MagicLinkFormView, {
+		classPrefix: props.classPrefix ?? "er",
+		compact: props.compact ?? false,
+		email,
+		error: getMagicLinkError(state),
+		loading,
+		title: props.title,
+		subtitle: props.subtitle,
+		buttonText: props.buttonText ?? "Send login link",
+		state,
+		onEmailChange: setEmail,
+		onSubmit: handleSubmit
+	});
+}
+function MagicLinkFormView(props) {
+	const classPrefix = props.classPrefix;
 	return /* @__PURE__ */ jsxs("form", {
-		onSubmit: handleSubmit,
+		onSubmit: props.onSubmit,
 		className: `${classPrefix}-magic-link-form`,
 		children: [
-			title && /* @__PURE__ */ jsx("h3", {
+			props.title ? /* @__PURE__ */ jsx("h3", {
 				className: `${classPrefix}-magic-link-title`,
-				children: title
-			}),
-			subtitle && /* @__PURE__ */ jsx("p", {
+				children: props.title
+			}) : null,
+			props.subtitle ? /* @__PURE__ */ jsx("p", {
 				className: `${classPrefix}-portal-auth-text`,
-				children: subtitle
-			}),
+				children: props.subtitle
+			}) : null,
 			/* @__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,
+				value: props.email,
+				onChange: (event) => props.onEmailChange(event.target.value),
+				autoFocus: !props.compact,
 				required: true,
-				disabled: loading
+				disabled: props.loading
 			}),
-			error && /* @__PURE__ */ jsx("p", {
-				className: `${classPrefix}-portal-auth-text ${classPrefix}-portal-auth-text--error`,
-				children: error
+			/* @__PURE__ */ jsx(MagicLinkFormFeedback, {
+				classPrefix,
+				error: props.error,
+				state: props.state
 			}),
 			/* @__PURE__ */ jsx(MagicLinkButton, {
 				themed: classPrefix === "cp",
 				type: "submit",
 				variant: "primary",
 				className: `${classPrefix}-modal-btn`,
-				label: loading ? "Sending..." : buttonText,
-				disabled: !email.trim() || loading
+				label: props.loading ? "Sending..." : props.buttonText,
+				disabled: !props.email.trim() || props.loading
 			})
 		]
 	});
 }
+function MagicLinkFormFeedback(props) {
+	if (!props.error && props.state.tag !== "demo_refused") return null;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [props.error ? /* @__PURE__ */ jsx("p", {
+		className: `${props.classPrefix}-portal-auth-text ${props.classPrefix}-portal-auth-text--error`,
+		children: props.error
+	}) : null, props.state.tag === "demo_refused" ? /* @__PURE__ */ jsx("p", {
+		role: "alert",
+		className: `${props.classPrefix}-portal-auth-text ${props.classPrefix}-portal-auth-text--error`,
+		children: props.state.message
+	}) : null] });
+}
+function MagicLinkSuccess(props) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: `${props.classPrefix}-magic-link-success`,
+		children: [props.state.tag === "success" ? /* @__PURE__ */ jsx("p", {
+			className: `${props.classPrefix}-portal-auth-text ${props.classPrefix}-portal-auth-text--success`,
+			children: props.successMessage
+		}) : /* @__PURE__ */ jsx(DemoPortalSignInLink, { url: props.state.url }), !props.compact ? /* @__PURE__ */ jsx(MagicLinkButton, {
+			themed: props.classPrefix === "cp",
+			type: "button",
+			variant: "secondary",
+			className: `${props.classPrefix}-modal-btn ${props.classPrefix}-modal-btn--secondary`,
+			label: "Try a different email",
+			onClick: props.onReset
+		}) : null]
+	});
+}
+function MagicLinkButton(props) {
+	return props.themed ? /* @__PURE__ */ jsx(ThemedButton, {
+		type: props.type,
+		variant: props.variant,
+		size: "md",
+		label: props.label,
+		disabled: props.disabled,
+		onClick: props.onClick
+	}) : /* @__PURE__ */ jsx("button", {
+		type: props.type,
+		className: props.className,
+		disabled: props.disabled,
+		onClick: props.onClick,
+		children: props.label
+	});
+}
+async function submitMagicLink(input) {
+	input.event.preventDefault();
+	const email = input.email.trim().toLowerCase();
+	if (!email || input.loading) return;
+	input.dispatch({ type: "submit-started" });
+	try {
+		const result = await requestDemoPortalMagicLink({
+			email,
+			redirectUrl: getMagicLinkRedirectUrl(),
+			send: (request) => input.api.sendMagicLink(request)
+		});
+		input.dispatch(magicLinkActionForResult(result));
+		if (result.kind === "email_sent") input.onSuccess?.();
+	} catch (error) {
+		console.error("Magic link error:", error);
+		input.dispatch({
+			type: "submit-failed",
+			message: getMagicLinkErrorMessage(error)
+		});
+	}
+}
+function magicLinkActionForResult(result) {
+	switch (result.kind) {
+		case "email_sent": return { type: "submit-succeeded" };
+		case "demo_sign_in": return {
+			type: "submit-demo-link",
+			url: result.url
+		};
+		case "refused": return {
+			type: "submit-demo-refused",
+			message: result.message
+		};
+	}
+}
+function getMagicLinkRedirectUrl() {
+	const redirectTo = `${window.location.pathname}${window.location.search}${window.location.hash}`;
+	return buildPortalCallbackUrl(window.location.origin, redirectTo);
+}
 function getMagicLinkErrorMessage(error) {
-	return error instanceof Error ? error.message : "Failed to send. Please try again.";
+	return error instanceof BlockApiError ? error.message : "We couldn’t send the sign-in link. Please try again.";
 }
 //#endregion
 //#region ../blocks/src/system/runtime/nodes/event-registration/ErrorStep.tsx
@@ -3690,19 +3889,19 @@ function isExistingRegistrationBlocking$1(wizard) {
 }
 function resolveTicketSelectionContinueLabel(input) {
 	if (input.isCheckingExistingRegistration) return "Checking registration...";
+	if (input.ticketTypeSelectionBlocked) return "Choose a ticket";
 	if (input.registrationOptionsPending) return "Checking availability...";
 	if (input.registrationOptionsFailed) return "Availability unavailable";
 	if (input.hasExistingRegistration) return resolveExistingRegistrationLabel(input.wizard);
-	if (input.ticketTypeSelectionBlocked) return "Choose a ticket";
 	return "Continue";
 }
 function SelectTicketsActions(props) {
 	const { wizard } = props;
-	const registrationOptionsPending = wizard.registrationOptionsState.tag === "idle" || wizard.registrationOptionsState.tag === "loading";
+	const ticketTypeSelectionBlocked = wizard.ticketTypeSelectionRequired && !wizard.hasValidTicketSelection;
+	const registrationOptionsPending = !ticketTypeSelectionBlocked && ["idle", "loading"].includes(wizard.registrationOptionsState.tag);
 	const registrationOptionsFailed = wizard.registrationOptionsState.tag === "failed";
 	const isCheckingExistingRegistration = wizard.portalAuthState === "authenticated" && wizard.existingRegistrationLoading;
 	const hasExistingRegistration = isExistingRegistrationBlocking$1(wizard);
-	const ticketTypeSelectionBlocked = wizard.ticketTypeSelectionRequired && !wizard.hasValidTicketSelection;
 	const isContinueDisabled = registrationOptionsPending || registrationOptionsFailed || isCheckingExistingRegistration || hasExistingRegistration || ticketTypeSelectionBlocked;
 	const continueLabel = resolveTicketSelectionContinueLabel({
 		wizard,
@@ -5490,8 +5689,8 @@ function StepIndicator(props) {
 *
 * Displays registration confirmation with a success icon and message.
 */
-const SuccessStep = ({ title, message, variant = "success", mailingListSignupNote, context = "booking" }) => {
-	return /* @__PURE__ */ jsx(TerminalPanel, {
+const SuccessStep = ({ title, copy, variant = "success", mailingListSignupNote, context = "booking", demoEmailSuppressed = false, customerEmail }) => {
+	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(TerminalPanel, {
 		tone: variant === "info" ? "info" : "success",
 		className: "er-center",
 		iconClassName: "er-icon",
@@ -5531,12 +5730,18 @@ const SuccessStep = ({ title, message, variant = "success", mailingListSignupNot
 			})
 		}),
 		title: title ?? (variant === "info" ? "Already Registered" : "Registration Confirmed!"),
-		body: message,
+		body: /* @__PURE__ */ jsx(BookingConfirmation, {
+			demoEmailSuppressed,
+			email: customerEmail,
+			copy,
+			messagePresentation: { kind: "plain" },
+			noteClassName: "er-text--muted"
+		}),
 		secondaryBody: mailingListSignupNote ? /* @__PURE__ */ jsx(BookingMailingListNote, {
 			note: mailingListSignupNote,
 			context
 		}) : void 0
-	});
+	}) });
 };
 //#endregion
 //#region ../blocks/src/system/runtime/nodes/event-registration/VerifyingPaymentStep.tsx
@@ -5708,7 +5913,8 @@ function EventRegistrationTerminalState(props) {
 		}) : null;
 		case "success": return /* @__PURE__ */ jsx(EventRegistrationSuccess, {
 			wizard,
-			fallbackMessage: props.successMessage
+			fallbackMessage: props.successMessage,
+			demoEmailSuppressed: props.demoEmailSuppressed
 		});
 		case "error": return /* @__PURE__ */ jsx(ErrorStep, {
 			message: wizard.errorMessage,
@@ -5725,12 +5931,15 @@ function EventRegistrationTerminalState(props) {
 function EventRegistrationSuccess(props) {
 	const result = props.wizard.registrationResult;
 	if (!result) return null;
+	const copy = getRegistrationSuccessCopy(result, props.fallbackMessage);
 	return /* @__PURE__ */ jsx(SuccessStep, {
 		title: result.title,
 		variant: result.variant,
-		message: result.message ?? props.fallbackMessage,
+		copy,
 		mailingListSignupNote: result.mailingListSignupNote,
-		context: result.status === "waitlist" ? "waitlist" : "booking"
+		context: result.status === "waitlist" ? "waitlist" : "booking",
+		demoEmailSuppressed: props.demoEmailSuppressed,
+		customerEmail: props.wizard.formData.email
 	});
 }
 function EventRegistrationSurface(props) {
@@ -5778,109 +5987,12 @@ function EventRegistrationSurface(props) {
 		}), /* @__PURE__ */ jsx(EventRegistrationTerminalState, {
 			wizard,
 			supportEmail: props.supportEmail,
-			successMessage: props.successMessage
+			successMessage: props.successMessage,
+			demoEmailSuppressed: props.demoEmailSuppressed
 		})]
 	});
 }
 //#endregion
-//#region ../blocks/src/system/runtime/nodes/event-registration/EventRegistrationBookingLayer.tsx
-function BookingEntry(props) {
-	const base = props.variant === "teaser" ? "er-booking-teaser" : "er-booking-bar";
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
-		className: `${base}__info`,
-		children: [
-			/* @__PURE__ */ jsx("span", {
-				className: `${base}__title`,
-				children: "Book this event"
-			}),
-			props.summary && /* @__PURE__ */ jsx("span", {
-				className: `${base}__meta`,
-				children: props.summary
-			}),
-			props.variant === "teaser" && props.ticketCurrency && props.ticketTypes.length > 0 ? /* @__PURE__ */ jsx("div", {
-				className: "er-booking-teaser__tickets",
-				children: props.ticketTypes.map((ticketType) => /* @__PURE__ */ jsxs("div", {
-					className: "er-booking-teaser__ticket",
-					children: [/* @__PURE__ */ jsx("span", {
-						className: "er-booking-teaser__ticket-name",
-						children: ticketType.name
-					}), /* @__PURE__ */ jsx("strong", { children: props.formatTicketPrice(ticketType) })]
-				}, ticketType.pricingOptionId))
-			}) : null
-		]
-	}), /* @__PURE__ */ jsx(ThemedButton, {
-		type: "button",
-		variant: props.buttonVariant,
-		size: "md",
-		extraClassName: `${base}__cta`,
-		label: "Book now",
-		onClick: props.onOpen
-	})] });
-}
-function EventRegistrationBookingLayer(props) {
-	const entryProps = {
-		summary: [props.priceLabel, props.availabilityLabel].filter(Boolean).join(" · "),
-		ticketTypes: props.ticketTypes,
-		ticketCurrency: props.ticketCurrency,
-		buttonVariant: props.buttonVariant,
-		formatTicketPrice: props.formatTicketPrice,
-		onOpen: props.onOpen
-	};
-	const floatingBar = !props.overlayOpen && props.isWizardStep ? /* @__PURE__ */ jsx("div", {
-		className: "er-booking-bar",
-		children: /* @__PURE__ */ jsx("div", {
-			className: "er-booking-bar__inner",
-			children: /* @__PURE__ */ jsx(BookingEntry, {
-				...entryProps,
-				variant: "bar"
-			})
-		})
-	}) : null;
-	const floatingLayer = props.portalRoot ? createPortal(/* @__PURE__ */ jsx("div", {
-		className: props.registrationRootClassName,
-		"data-block": "event-registration",
-		children: floatingBar
-	}), props.portalRoot) : floatingBar;
-	const overlayLayer = props.overlayOpen ? /* @__PURE__ */ jsx(ModalShell, {
-		title: "Book this event",
-		titleId: "event-registration-booking-title",
-		onClose: props.onClose,
-		portal: props.portalRoot != null,
-		portalRoot: props.portalRoot,
-		portalWrapperClassName: props.registrationRootClassName,
-		portalWrapperProps: { "data-block": "event-registration" },
-		overlayClassName: "er-booking-overlay",
-		modalClassName: "er-booking-overlay__panel",
-		renderHeader: ({ closeButtonRef, onClose, title, titleId }) => /* @__PURE__ */ jsxs("div", {
-			className: "er-booking-overlay__header",
-			children: [/* @__PURE__ */ jsx("h2", {
-				className: "er-booking-overlay__title",
-				id: titleId,
-				children: title
-			}), /* @__PURE__ */ jsx("button", {
-				ref: closeButtonRef,
-				type: "button",
-				className: "er-booking-overlay__close",
-				onClick: onClose,
-				"aria-label": "Close booking",
-				children: "×"
-			})]
-		}),
-		children: props.overlaySurface
-	}) : null;
-	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		props.isWizardStep && /* @__PURE__ */ jsx("div", {
-			className: "er-booking-teaser",
-			children: /* @__PURE__ */ jsx(BookingEntry, {
-				...entryProps,
-				variant: "teaser"
-			})
-		}),
-		floatingLayer,
-		overlayLayer
-	] });
-}
-//#endregion
 //#region ../blocks/src/system/runtime/nodes/event-registration/EventRegistrationWizard.tsx
 const EVENT_PORTAL_AUTH_COPY = {
 	membership: {
@@ -5893,6 +6005,16 @@ const EVENT_PORTAL_AUTH_COPY = {
 		buttonText: "Email me a login link to continue →"
 	}
 };
+function getPortalAuthCopy(waitlistClaimRequiresPortalLogin, loginMessage, demoEmailSuppressed) {
+	const defaultCopy = waitlistClaimRequiresPortalLogin ? {
+		...EVENT_PORTAL_AUTH_COPY["waitlist-claim"],
+		description: loginMessage ?? "Log in to continue with your waitlist claim."
+	} : EVENT_PORTAL_AUTH_COPY.membership;
+	return demoEmailSuppressed && !waitlistClaimRequiresPortalLogin ? {
+		...defaultCopy,
+		buttonText: "Get a sign-in link →"
+	} : defaultCopy;
+}
 function getActiveTicketTypes(event) {
 	return event?.pricing.kind === "tiered" ? event.pricing.options.filter((ticketType) => ticketType.isActive).sort((left, right) => left.sortOrder - right.sortOrder).map(({ id, ...ticketType }) => ({
 		...ticketType,
@@ -5940,11 +6062,18 @@ function useConfiguredEventRegistrationWizard(props) {
 	});
 }
 function EventRegistrationWizard(props) {
-	const { occurrenceContext, subject, events, showVenue = true, showCapacity = true, successMessage = "Thank you for registering! Check your email for confirmation details.", buttonText = "Complete Registration", buttonVariant = "primary", className, spamProtectionEnabled, supportEmail } = props;
+	const wizard = useConfiguredEventRegistrationWizard(props);
+	return /* @__PURE__ */ jsx(EventRegistrationWizardView, {
+		...props,
+		wizard
+	});
+}
+function EventRegistrationWizardView(viewProps) {
+	const { wizard, ...props } = viewProps;
+	const { showVenue = true, showCapacity = true, successMessage, buttonText = "Complete Registration", buttonVariant = "primary", className, spamProtectionEnabled, supportEmail } = props;
 	const showSpamProtection = spamProtectionEnabled ?? isSpamProtectionEnabled();
 	const registrationRootClassName = `event-registration ${className || ""}`;
 	const registrationRootRef = React.useRef(null);
-	const wizard = useConfiguredEventRegistrationWizard(props);
 	useEventCheckoutHandoffRestore(wizard.step === "redirecting");
 	const [bookingOverlayOpen, setBookingOverlayOpen] = useState(false);
 	const [floatingPortalRoot, setFloatingPortalRoot] = useState(null);
@@ -6010,10 +6139,7 @@ function EventRegistrationWizard(props) {
 	const summaryPriceLabel = summaryEvent ? formatEventPriceDisplay(summaryEvent.pricing) : null;
 	const summaryAvailabilityLabel = getAvailabilityLabel(summaryEvent, wizard.selectedAttendanceMode);
 	const waitlistClaimRequiresPortalLogin = wizard.waitlistClaim.requiresPortalLogin && wizard.portalAuthState !== "authenticated" && wizard.portalAuthState !== "checking";
-	const portalAuthCopy = waitlistClaimRequiresPortalLogin ? {
-		...EVENT_PORTAL_AUTH_COPY["waitlist-claim"],
-		description: wizard.waitlistClaim.loginMessage ?? "Log in to continue with your waitlist claim."
-	} : EVENT_PORTAL_AUTH_COPY.membership;
+	const portalAuthCopy = getPortalAuthCopy(waitlistClaimRequiresPortalLogin, wizard.waitlistClaim.loginMessage, props.demoEmailSuppressed);
 	const showPortalAuthPrompt = waitlistClaimRequiresPortalLogin || wizard.step === "select-tickets" && wizard.portalAuthState !== "authenticated" && wizard.portalAuthState !== "checking" && summaryEventPricingType !== "free";
 	const renderRegistrationSurface = (variant) => /* @__PURE__ */ jsx(EventRegistrationSurface, {
 		variant,
@@ -6030,7 +6156,8 @@ function EventRegistrationWizard(props) {
 		buttonText,
 		buttonVariant,
 		supportEmail,
-		successMessage
+		successMessage,
+		demoEmailSuppressed: props.demoEmailSuppressed
 	});
 	const isEmbedded = (className ?? "").includes("event-registration--embedded");
 	const overlayEnabled = props.overlayEnabled === true;