@riverbankcms/sdk 0.145.0 → 0.147.0

package/dist/client/bookings.mjs

@@ -3162,6 +3162,12 @@ function layoutServicesByCategory(categories, services, options) {
 		other
 	};
 }
+//#endregion
+//#region ../core/src/mailing-list-runtime.ts
+function resolveBookingSignupOffer(context, siteName) {
+	const name = siteName?.trim() ?? "";
+	return context?.tag === "configured" && context.bookingSignup.tag === "offered" ? { siteName: name.length > 0 ? name : "this site" } : null;
+}
 function sessionStartMs(session) {
 	return Date.parse(session.startsAt);
 }
@@ -7943,6 +7949,7 @@ const publicEventLoaderQuerySchemaShape = {
 	seriesSlug: z.string().optional(),
 	includeOccurrenceId: z.string().optional(),
 	readIntent: z.string().optional(),
+	detailAdmission: z.string().optional(),
 	detailLevel: z.string().optional(),
 	readProfile: z.string().optional()
 };
@@ -8109,11 +8116,11 @@ const publicEventBookingAvailabilitySchema = z.discriminatedUnion("kind", [z.obj
 		"series_archived",
 		"parent_archived",
 		"parent_inconsistent",
-		"not_public",
 		"already_started",
 		"enrollment_closed"
 	])
 })]);
+const publicEventBookingClosedDetailSchema = z.discriminatedUnion("kind", [z.object({ kind: z.literal("opensSoon") }), z.object({ kind: z.literal("paused") })]);
 const publicRunSessionSchema = z.object({
 	occurrenceId: z.string(),
 	startsAt: z.string(),
@@ -8158,6 +8165,7 @@ const publicEventBaseSchema = z.object({
 	destination: publicEventDestinationSchema,
 	requiresRegistration: z.boolean(),
 	bookingAvailability: publicEventBookingAvailabilitySchema,
+	bookingClosedDetail: publicEventBookingClosedDetailSchema.optional(),
 	deliveryMode: z.enum([
 		"in_person",
 		"online",
@@ -9387,105 +9395,6 @@ function useBlockApi() {
 	if (!client) throw new Error("useBlockApi must be used within a BlockApiProvider. Make sure your component is wrapped with <BlockApiProvider>.");
 	return client;
 }
-//#endregion
-//#region ../blocks/src/system/runtime/shared/components/CheckIcon.tsx
-function CheckIcon({ className, strokeWidth = 2 }) {
-	return /* @__PURE__ */ jsx("svg", {
-		fill: "none",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		strokeWidth,
-		viewBox: "0 0 24 24",
-		stroke: "currentColor",
-		className,
-		width: "1em",
-		height: "1em",
-		"aria-hidden": "true",
-		children: /* @__PURE__ */ jsx("path", { d: "M5 13l4 4L19 7" })
-	});
-}
-//#endregion
-//#region ../blocks/src/system/runtime/shared/components/StateIcon.tsx
-/**
-* Circular icon wrapper for terminal state screens (success, error, waitlist, etc.).
-*
-* Layout is provided by shared `rb-state-icon` CSS; color variants are
-* block-scoped by the owning registration surface.
-*/
-function StateIcon({ variant, children }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: `rb-state-icon rb-state-icon--${variant}`,
-		"aria-hidden": "true",
-		children
-	});
-}
-//#endregion
-//#region ../blocks/src/system/runtime/shared/components/TerminalPanel.tsx
-function joinClasses$1(...parts) {
-	return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
-}
-function TerminalPanel({ tone, title, titleAs: Title = "h3", body, secondaryBody, icon, actions, className, titleClassName, bodyClassName, secondaryBodyClassName, iconClassName, actionsClassName, role, live }) {
-	const resolvedRole = role ?? (tone === "error" ? "alert" : "status");
-	const resolvedLive = live ?? (resolvedRole === "alert" ? "assertive" : "polite");
-	return /* @__PURE__ */ jsxs("div", {
-		className,
-		"data-terminal-panel": true,
-		"data-terminal-tone": tone,
-		role: resolvedRole,
-		"aria-live": resolvedLive === "off" ? void 0 : resolvedLive,
-		children: [
-			icon ? /* @__PURE__ */ jsx("div", {
-				className: joinClasses$1(iconClassName),
-				"data-terminal-icon": true,
-				children: icon
-			}) : null,
-			/* @__PURE__ */ jsx(Title, {
-				className: joinClasses$1(titleClassName),
-				"data-terminal-title": true,
-				children: title
-			}),
-			body ? /* @__PURE__ */ jsx("div", {
-				className: joinClasses$1(bodyClassName),
-				"data-terminal-body": true,
-				children: body
-			}) : null,
-			actions ? /* @__PURE__ */ jsx("div", {
-				className: joinClasses$1(actionsClassName),
-				"data-terminal-actions": true,
-				children: actions
-			}) : null,
-			secondaryBody ? /* @__PURE__ */ jsx("div", {
-				className: joinClasses$1(secondaryBodyClassName),
-				"data-terminal-secondary-body": true,
-				children: secondaryBody
-			}) : null
-		]
-	});
-}
-//#endregion
-//#region ../blocks/src/system/runtime/components/booking/SuccessMessage.tsx
-const SuccessMessage = ({ message, resourceName, className }) => {
-	return /* @__PURE__ */ jsx(TerminalPanel, {
-		tone: "success",
-		title: "Booking confirmed",
-		icon: /* @__PURE__ */ jsx(StateIcon, {
-			variant: "success",
-			children: /* @__PURE__ */ jsx(CheckIcon, { strokeWidth: 3 })
-		}),
-		body: /* @__PURE__ */ jsx("p", {
-			className: "ab-text",
-			children: message
-		}),
-		secondaryBody: resourceName ? /* @__PURE__ */ jsxs("p", {
-			className: "ab-text rb-on-surface--muted",
-			children: ["Practitioner: ", resourceName]
-		}) : null,
-		className: ["ab-center", className ?? ""].join(" ").trim(),
-		titleClassName: "ab-terminal-title",
-		role: "alert",
-		live: "polite"
-	});
-};
 new TextEncoder();
 //#endregion
 //#region ../altcha/src/index.ts
@@ -9569,7 +9478,8 @@ const BOOKING_FORM_DATA_RESERVED_KEY_VALUES = [
 	"discountCode",
 	"selectedSlidingAmountInput",
 	"selectedCollectionOptionKind",
-	"selectedAppointmentPackageId"
+	"selectedAppointmentPackageId",
+	"mailingListOptIn"
 ];
 const BOOKING_FORM_DATA_RESERVED_KEYS = new Set(BOOKING_FORM_DATA_RESERVED_KEY_VALUES);
 //#endregion
@@ -9989,6 +9899,7 @@ function prepareBookingSubmission(input) {
 		startAt: selectedSlot,
 		endAt: endDate.toISOString(),
 		customFields: collectBookingCustomFields(input.data),
+		...selectedMailingListOptIn(input.data),
 		timezone: toBookingTimeZone(input.viewerTimeZone ?? null)
 	};
 	if (customerPassId) return {
@@ -10039,6 +9950,9 @@ function prepareBookingSubmission(input) {
 		}
 	};
 }
+function selectedMailingListOptIn(data) {
+	return data.mailingListOptIn === true ? { mailingListOptIn: true } : {};
+}
 function formatBookingSubmissionPreparationError(error) {
 	switch (error.tag) {
 		case "missing-required-booking-information": return "Missing required booking information";
@@ -10619,6 +10533,7 @@ function useBookingSubmission(_siteId) {
 				startAt: data.startAt,
 				endAt: data.endAt,
 				customFields: data.customFields,
+				mailingListOptIn: data.mailingListOptIn,
 				timezone: data.timezone,
 				customerPassId: data.customerPassId
 			}) : await api.submitBooking({
@@ -10628,6 +10543,7 @@ function useBookingSubmission(_siteId) {
 				startAt: data.startAt,
 				endAt: data.endAt,
 				customFields: data.customFields,
+				mailingListOptIn: data.mailingListOptIn,
 				timezone: data.timezone,
 				discountCode: data.discountCode,
 				selectedSlidingAmount: data.selectedSlidingAmount,
@@ -10663,6 +10579,40 @@ function useBookingSubmission(_siteId) {
 	};
 }
 //#endregion
+//#region ../blocks/src/system/runtime/nodes/booking-form.submit-success.ts
+function completeBookingSubmission(input) {
+	const { data } = input;
+	if (data.type === "checkout_redirect") {
+		if (input.redirect === "auto" && typeof window !== "undefined") input.navigateToCheckout(data.checkoutUrl);
+		return {
+			ok: true,
+			outcome: {
+				kind: "checkout_redirect",
+				checkoutUrl: data.checkoutUrl,
+				sessionId: data.sessionId,
+				...data.mailingListSignupNote ? { mailingListSignupNote: data.mailingListSignupNote } : {}
+			}
+		};
+	}
+	input.dispatch({
+		type: "feedback-set",
+		feedback: {
+			kind: "success",
+			message: getBookingSuccessMessage(input.successMessage),
+			resourceName: data.appointment.resourceName
+		}
+	});
+	return {
+		ok: true,
+		outcome: {
+			kind: "booked",
+			appointmentId: data.appointment.id,
+			resourceName: data.appointment.resourceName,
+			...data.mailingListSignupNote ? { mailingListSignupNote: data.mailingListSignupNote } : {}
+		}
+	};
+}
+//#endregion
 //#region ../blocks/src/system/runtime/api/types/discounts.ts
 function discountAvailabilityHasDiscounts(availability) {
 	return availability.type !== "none";
@@ -11193,6 +11143,40 @@ function clearBookingFieldError(errors, fieldId) {
 	};
 }
 //#endregion
+//#region ../blocks/src/system/runtime/nodes/booking-form.mailing-list-state.ts
+function bookingFormDataWithEligibleOptIn(data, eligible) {
+	return {
+		...data,
+		mailingListOptIn: eligible && data.mailingListOptIn === true
+	};
+}
+function isBookingContactEvent(event) {
+	return event.type === "field-updated" || event.type === "field-touched" || event.type === "mailing-list-opt-in-set";
+}
+function applyBookingContactEvent(state, event) {
+	switch (event.type) {
+		case "field-updated": return {
+			...state,
+			fieldValues: {
+				...state.fieldValues,
+				[event.fieldId]: event.value
+			},
+			validationErrors: clearBookingFieldError(clearBookingFormError(state.validationErrors), event.fieldId)
+		};
+		case "field-touched": return {
+			...state,
+			touchedFields: {
+				...state.touchedFields,
+				[event.fieldId]: true
+			}
+		};
+		case "mailing-list-opt-in-set": return {
+			...state,
+			mailingListOptIn: event.checked
+		};
+	}
+}
+//#endregion
 //#region ../blocks/src/system/runtime/nodes/booking-form.field-values.ts
 function collectInitialBookingFieldValues(initialData) {
 	const values = {};
@@ -11218,6 +11202,7 @@ function createInitialBookingFlowReducerState(input) {
 		selectedDate: toOptionalString(initialData.selectedDate),
 		selectedSlot: null,
 		fieldValues: collectInitialBookingFieldValues(initialData),
+		mailingListOptIn: initialData.mailingListOptIn === true,
 		touchedFields: {},
 		attemptedStepIds: {},
 		discountCode: toOptionalString(initialData.discountCode) ?? "",
@@ -11270,6 +11255,7 @@ function applyAvailabilitySelectionInvalidation(state, invalidation) {
 	};
 }
 function bookingFlowReducer(state, event) {
+	if (isBookingContactEvent(event)) return applyBookingContactEvent(state, event);
 	switch (event.type) {
 		case "service-selected": return applyBookingServiceSelection(state, event.serviceId);
 		case "resource-selected": return {
@@ -11292,21 +11278,6 @@ function bookingFlowReducer(state, event) {
 			feedback: clearAvailabilityFeedback(state.feedback),
 			validationErrors: clearBookingFormError(state.validationErrors)
 		};
-		case "field-updated": return {
-			...state,
-			fieldValues: {
-				...state.fieldValues,
-				[event.fieldId]: event.value
-			},
-			validationErrors: clearBookingFieldError(clearBookingFormError(state.validationErrors), event.fieldId)
-		};
-		case "field-touched": return {
-			...state,
-			touchedFields: {
-				...state.touchedFields,
-				[event.fieldId]: true
-			}
-		};
 		case "step-advance-attempted": return state.attemptedStepIds[event.stepId] ? state : {
 			...state,
 			attemptedStepIds: {
@@ -11444,6 +11415,7 @@ function deriveBookingSlotDisplayOptions(input) {
 function toBookingFormData(state) {
 	return {
 		...state.fieldValues,
+		mailingListOptIn: state.mailingListOptIn,
 		serviceId: state.selectedServiceId,
 		resourceId: state.selectedResourceId ?? state.selectedSlot?.resourceId,
 		selectedDate: state.selectedDate,
@@ -11706,10 +11678,7 @@ function buildBookingSubmitPlan(input) {
 	};
 	const prepared = prepareBookingSubmission({
 		formId: input.formId,
-		data: toBookingFormData({
-			...input.state,
-			altchaSolution: input.altchaSolution ?? input.state.altchaSolution
-		}),
+		data: bookingFormDataWithEligibleOptIn(toBookingFormData(input.state), Boolean(input.mailingListEligible)),
 		services: input.services,
 		defaultServiceId: input.defaultServiceId,
 		defaultResourceId: input.defaultResourceId,
@@ -11964,6 +11933,8 @@ function useHeadlessBookingFlow(options) {
 	const canLoadAppointmentPackages = Boolean(options.enableAppointmentPackages && hasPortalBearerAuth && selectedService && !selectedServiceSlidingScale && (selectedService.priceAmount ?? 0) > 0);
 	const appointmentPackagesUnavailableReason = !options.enableAppointmentPackages ? "disabled" : !selectedService || selectedServiceSlidingScale || (selectedService.priceAmount ?? 0) <= 0 ? "missing-priced-service" : !hasPortalBearerAuth ? "missing-portal-auth" : null;
 	const data = useMemo(() => toBookingFormData(state), [state]);
+	const mailingList = resolveBookingSignupOffer(options.mailingList, options.siteName);
+	const mailingListEligible = mailingList !== null;
 	const availabilityDatesQuery = useMemo(() => buildBookingAvailabilityQuery({
 		serviceId: selectedServiceId,
 		resourceId: selectedResourceId,
@@ -12224,7 +12195,8 @@ function useHeadlessBookingFlow(options) {
 			viewerTimeZone: latest.viewerTimeZone,
 			redirect: submitOptions?.redirect ?? "manual",
 			successUrl: submitOptions?.successUrl,
-			cancelUrl: submitOptions?.cancelUrl
+			cancelUrl: submitOptions?.cancelUrl,
+			mailingListEligible
 		});
 		if (!plan.ok) {
 			dispatch({
@@ -12257,37 +12229,18 @@ function useHeadlessBookingFlow(options) {
 					message: result.error
 				};
 			}
-			if (result.data.type === "checkout_redirect") {
-				if (plan.redirect === "auto" && typeof window !== "undefined") latest.navigateToCheckout(result.data.checkoutUrl);
-				return {
-					ok: true,
-					outcome: {
-						kind: "checkout_redirect",
-						checkoutUrl: result.data.checkoutUrl
-					}
-				};
-			}
-			dispatch({
-				type: "feedback-set",
-				feedback: {
-					kind: "success",
-					message: getBookingSuccessMessage(latest.successMessage),
-					resourceName: result.data.appointment.resourceName
-				}
+			return completeBookingSubmission({
+				data: result.data,
+				redirect: plan.redirect,
+				successMessage: latest.successMessage,
+				navigateToCheckout: latest.navigateToCheckout,
+				dispatch
 			});
-			return {
-				ok: true,
-				outcome: {
-					kind: "booked",
-					appointmentId: result.data.appointment.id,
-					resourceName: result.data.appointment.resourceName
-				}
-			};
 		} finally {
 			submittingRef.current = false;
 			dispatch({ type: "submission-finished" });
 		}
-	}, [latestRef]);
+	}, [latestRef, mailingListEligible]);
 	const actions = useMemo(() => ({
 		selectService: (serviceId) => dispatch({
 			type: "service-selected",
@@ -12310,6 +12263,10 @@ function useHeadlessBookingFlow(options) {
 			fieldId: unsafeAsBookingFieldId(fieldId),
 			value
 		}),
+		setMailingListOptIn: (checked) => dispatch({
+			type: "mailing-list-opt-in-set",
+			checked
+		}),
 		markFieldTouched: (fieldId) => dispatch({
 			type: "field-touched",
 			fieldId: unsafeAsBookingFieldId(fieldId)
@@ -12468,6 +12425,8 @@ function useHeadlessBookingFlow(options) {
 		appointmentPackages: appointmentPackagesModel
 	};
 	return {
+		mailingList,
+		mailingListOptIn: state.mailingListOptIn,
 		status,
 		view,
 		steps: stepState.steps,
@@ -12932,7 +12891,7 @@ function ThemedButton({ variant, size, extraClassName, screenReaderSuffix, label
 }
 //#endregion
 //#region ../blocks/src/system/runtime/shared/components/FeedbackMessage.tsx
-function joinClasses(...parts) {
+function joinClasses$1(...parts) {
 	return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
 }
 /**
@@ -12951,17 +12910,17 @@ function FeedbackMessage({ tone, treatment = "panel", children, className, id, t
 	const shouldWrapBody = Boolean(title || bodyClassName) || treatment === "field-note";
 	return /* @__PURE__ */ jsxs("div", {
 		id,
-		className: joinClasses(className, treatmentClass(treatment)) || void 0,
+		className: joinClasses$1(className, treatmentClass(treatment)) || void 0,
 		"data-feedback-tone": tone,
 		"data-feedback-treatment": treatment,
 		role,
 		"aria-live": resolvedLive === "off" ? void 0 : resolvedLive,
 		children: [title ? /* @__PURE__ */ jsx("p", {
-			className: joinClasses(titleClassName),
+			className: joinClasses$1(titleClassName),
 			"data-feedback-title": true,
 			children: title
 		}) : null, shouldWrapBody ? /* @__PURE__ */ jsx("div", {
-			className: joinClasses(bodyClassName),
+			className: joinClasses$1(bodyClassName),
 			"data-feedback-body": true,
 			children
 		}) : children]
@@ -13143,6 +13102,23 @@ const TimeSlotSelector = ({ value, onChange, slots, isLoading, timezone, require
 	});
 };
 //#endregion
+//#region ../blocks/src/system/runtime/shared/components/CheckIcon.tsx
+function CheckIcon({ className, strokeWidth = 2 }) {
+	return /* @__PURE__ */ jsx("svg", {
+		fill: "none",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth,
+		viewBox: "0 0 24 24",
+		stroke: "currentColor",
+		className,
+		width: "1em",
+		height: "1em",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ jsx("path", { d: "M5 13l4 4L19 7" })
+	});
+}
+//#endregion
 //#region ../blocks/src/system/runtime/shared/components/StepIndicator.tsx
 /**
 * Shared step indicator component for registration wizards.
@@ -14106,6 +14082,45 @@ function BookingConsentAgreement({ agreement, showTitle = true, title, titleId }
 	})] });
 }
 //#endregion
+//#region ../blocks/src/system/runtime/shared/components/CheckboxChoice.tsx
+/**
+* The customer-facing checkbox every block renders. Styling comes from the
+* theme's input CSS (`.form-check`, `.form-checkbox`), so it follows each
+* site's input colours, borders and corners.
+*/
+function CheckboxChoice({ label, presentation = "row", className, ...inputProps }) {
+	return /* @__PURE__ */ jsxs("label", {
+		className: clsx("form-check", presentation === "tile" && "form-check--tile", className),
+		children: [/* @__PURE__ */ jsx("input", {
+			...inputProps,
+			type: "checkbox",
+			className: "form-checkbox"
+		}), /* @__PURE__ */ jsx("span", {
+			className: "form-check-label",
+			children: label
+		})]
+	});
+}
+//#endregion
+//#region ../blocks/src/system/runtime/nodes/booking-form.mailing-list-choice.tsx
+function BookingMailingListChoice({ booking }) {
+	const id = React.useId();
+	if (!booking.mailingList) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "rb-space-y-2",
+		children: [/* @__PURE__ */ jsx(CheckboxChoice, {
+			id,
+			name: "mailingListOptIn",
+			checked: booking.mailingListOptIn,
+			onChange: (event) => booking.actions.setMailingListOptIn(event.target.checked),
+			label: `Email me news and updates from ${booking.mailingList.siteName}.`
+		}), /* @__PURE__ */ jsx("p", {
+			className: "rb-caption status-muted",
+			children: "Optional. You can unsubscribe at any time."
+		})]
+	});
+}
+//#endregion
 //#region ../blocks/src/system/runtime/nodes/booking-form.service-choices.tsx
 function optionCardClassName(isSelected) {
 	return `rb-option-card${isSelected ? " rb-option-card--selected" : ""}`;
@@ -14585,12 +14600,17 @@ function PaymentOptionContent({ description, helperText, id, summaryRows, title
 	});
 }
 function DefaultDynamicFields({ booking, fields }) {
+	const lastContactIndex = fields.reduce((last, field, index) => [
+		"name",
+		"email",
+		"phone"
+	].includes(field.id) ? index : last, -1);
 	return /* @__PURE__ */ jsx("div", {
 		className: "rb-space-y-6",
-		children: fields.map((field) => /* @__PURE__ */ jsx(DefaultDynamicField, {
+		children: fields.map((field, index) => /* @__PURE__ */ jsxs(React.Fragment, { children: [/* @__PURE__ */ jsx(DefaultDynamicField, {
 			booking,
 			field
-		}, field.id))
+		}), index === lastContactIndex && booking.mailingList ? /* @__PURE__ */ jsx(BookingMailingListChoice, { booking }) : null] }, field.id))
 	});
 }
 function DefaultDynamicField({ booking, field }) {
@@ -14691,7 +14711,7 @@ function DefaultFieldInput({ describedBy, error, errorId, field, onBlur, onChang
 		case "radio": return /* @__PURE__ */ jsx("div", {
 			className: "rb-space-y-2",
 			children: field.field.options?.map((option) => /* @__PURE__ */ jsxs("label", {
-				className: "rb-flex rb-items-center rb-gap-2 rb-cursor-pointer",
+				className: "form-check",
 				children: [/* @__PURE__ */ jsx("input", {
 					type: "radio",
 					name: field.id,
@@ -14703,7 +14723,7 @@ function DefaultFieldInput({ describedBy, error, errorId, field, onBlur, onChang
 					...validationProps,
 					className: "form-radio"
 				}), /* @__PURE__ */ jsx("span", {
-					className: "rb-caption",
+					className: "form-check-label",
 					children: option.label
 				})]
 			}, option.value))
@@ -14713,47 +14733,20 @@ function DefaultFieldInput({ describedBy, error, errorId, field, onBlur, onChang
 				const checkedValues = toStringArray(value);
 				return /* @__PURE__ */ jsx("div", {
 					className: "rb-space-y-2",
-					children: field.field.options.map((option) => /* @__PURE__ */ jsxs("label", {
-						className: "rb-flex rb-items-center rb-gap-2 rb-cursor-pointer",
-						children: [/* @__PURE__ */ jsx("input", {
-							type: "checkbox",
-							name: field.id,
-							value: option.value,
-							checked: checkedValues.includes(option.value),
-							onChange: (event) => {
-								onChange(event.target.checked ? [...checkedValues, option.value] : checkedValues.filter((item) => item !== option.value));
-							},
-							onBlur,
-							...validationProps,
-							className: "form-checkbox"
-						}), /* @__PURE__ */ jsx("span", {
-							className: "rb-caption",
-							children: option.label
-						})]
+					children: field.field.options.map((option) => /* @__PURE__ */ jsx(CheckboxChoice, {
+						name: field.id,
+						value: option.value,
+						checked: checkedValues.includes(option.value),
+						onChange: (event) => {
+							onChange(event.target.checked ? [...checkedValues, option.value] : checkedValues.filter((item) => item !== option.value));
+						},
+						onBlur,
+						...validationProps,
+						label: option.label
 					}, option.value))
 				});
 			}
-			return /* @__PURE__ */ jsxs("label", {
-				className: "rb-flex rb-items-center rb-gap-2 rb-cursor-pointer",
-				children: [/* @__PURE__ */ jsx("input", {
-					type: "checkbox",
-					id: field.inputId,
-					name: field.id,
-					checked: Boolean(value),
-					onChange: (event) => onChange(event.target.checked),
-					onBlur,
-					required: field.required,
-					...validationProps,
-					className: "form-checkbox"
-				}), /* @__PURE__ */ jsx("span", {
-					className: "rb-caption",
-					children: field.field.placeholder || field.label
-				})]
-			});
-		case "booking_requirement_consent": return /* @__PURE__ */ jsxs("label", {
-			className: "rb-flex rb-items-start rb-gap-2 rb-cursor-pointer",
-			children: [/* @__PURE__ */ jsx("input", {
-				type: "checkbox",
+			return /* @__PURE__ */ jsx(CheckboxChoice, {
 				id: field.inputId,
 				name: field.id,
 				checked: Boolean(value),
@@ -14761,11 +14754,18 @@ function DefaultFieldInput({ describedBy, error, errorId, field, onBlur, onChang
 				onBlur,
 				required: field.required,
 				...validationProps,
-				className: "form-checkbox rb-mt-0.5"
-			}), /* @__PURE__ */ jsx("span", {
-				className: "rb-caption",
-				children: field.field.checkboxLabel
-			})]
+				label: field.field.placeholder || field.label
+			});
+		case "booking_requirement_consent": return /* @__PURE__ */ jsx(CheckboxChoice, {
+			id: field.inputId,
+			name: field.id,
+			checked: Boolean(value),
+			onChange: (event) => onChange(event.target.checked),
+			onBlur,
+			required: field.required,
+			...validationProps,
+			label: field.field.checkboxLabel,
+			presentation: "tile"
 		});
 		case "number": return /* @__PURE__ */ jsx("input", {
 			...commonProps,
@@ -14946,9 +14946,169 @@ function consumeSearchParams(paramNames) {
 	return values;
 }
 //#endregion
+//#region ../blocks/src/system/runtime/shared/components/StateIcon.tsx
+/**
+* Circular icon wrapper for terminal state screens (success, error, waitlist, etc.).
+*
+* Layout is provided by shared `rb-state-icon` CSS; color variants are
+* block-scoped by the owning registration surface.
+*/
+function StateIcon({ variant, children }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: `rb-state-icon rb-state-icon--${variant}`,
+		"aria-hidden": "true",
+		children
+	});
+}
+//#endregion
+//#region ../blocks/src/system/runtime/shared/components/TerminalPanel.tsx
+function joinClasses(...parts) {
+	return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
+}
+function TerminalPanel({ tone, title, titleAs: Title = "h3", body, secondaryBody, icon, actions, className, titleClassName, bodyClassName, secondaryBodyClassName, iconClassName, actionsClassName, role, live }) {
+	const resolvedRole = role ?? (tone === "error" ? "alert" : "status");
+	const resolvedLive = live ?? (resolvedRole === "alert" ? "assertive" : "polite");
+	return /* @__PURE__ */ jsxs("div", {
+		className,
+		"data-terminal-panel": true,
+		"data-terminal-tone": tone,
+		role: resolvedRole,
+		"aria-live": resolvedLive === "off" ? void 0 : resolvedLive,
+		children: [
+			icon ? /* @__PURE__ */ jsx("div", {
+				className: joinClasses(iconClassName),
+				"data-terminal-icon": true,
+				children: icon
+			}) : null,
+			/* @__PURE__ */ jsx(Title, {
+				className: joinClasses(titleClassName),
+				"data-terminal-title": true,
+				children: title
+			}),
+			body ? /* @__PURE__ */ jsx("div", {
+				className: joinClasses(bodyClassName),
+				"data-terminal-body": true,
+				children: body
+			}) : null,
+			actions ? /* @__PURE__ */ jsx("div", {
+				className: joinClasses(actionsClassName),
+				"data-terminal-actions": true,
+				children: actions
+			}) : null,
+			secondaryBody ? /* @__PURE__ */ jsx("div", {
+				className: joinClasses(secondaryBodyClassName),
+				"data-terminal-secondary-body": true,
+				children: secondaryBody
+			}) : null
+		]
+	});
+}
+//#endregion
+//#region ../blocks/src/system/runtime/components/booking/SuccessMessage.tsx
+const SuccessMessage = ({ message, resourceName, className }) => {
+	return /* @__PURE__ */ jsx(TerminalPanel, {
+		tone: "success",
+		title: "Booking confirmed",
+		icon: /* @__PURE__ */ jsx(StateIcon, {
+			variant: "success",
+			children: /* @__PURE__ */ jsx(CheckIcon, { strokeWidth: 3 })
+		}),
+		body: /* @__PURE__ */ jsx("p", {
+			className: "ab-text",
+			children: message
+		}),
+		secondaryBody: resourceName ? /* @__PURE__ */ jsxs("p", {
+			className: "ab-text rb-on-surface--muted",
+			children: ["Practitioner: ", resourceName]
+		}) : null,
+		className: ["ab-center", className ?? ""].join(" ").trim(),
+		titleClassName: "ab-terminal-title",
+		role: "alert",
+		live: "polite"
+	});
+};
+//#endregion
+//#region ../blocks/src/system/runtime/shared/mailingListSignupCopy.ts
+const MAILING_LIST_CONFIRMATION_MESSAGE = "Please check your inbox to confirm your signup.";
+function getBookingMailingListNoteCopy(note, context) {
+	if (note === "confirmation_required") return {
+		title: MAILING_LIST_CONFIRMATION_MESSAGE,
+		detail: context === "booking" ? "This is separate from your booking confirmation." : null
+	};
+	return {
+		title: "We couldn’t confirm your mailing-list signup.",
+		detail: context === "booking" ? "This does not affect your booking." : null
+	};
+}
+//#endregion
+//#region ../blocks/src/system/runtime/shared/components/BookingMailingListNote.tsx
+function BookingMailingListNote(props) {
+	const copy = getBookingMailingListNoteCopy(props.note, props.context);
+	return /* @__PURE__ */ jsxs("div", {
+		role: "status",
+		className: props.className,
+		children: [/* @__PURE__ */ jsx("p", { children: copy.title }), copy.detail ? /* @__PURE__ */ jsx("p", { children: copy.detail }) : null]
+	});
+}
+//#endregion
+//#region ../blocks/src/system/runtime/nodes/booking-form.mailing-list-note.ts
+function storageKey(sessionId) {
+	return `riverbank:booking:mailing-list:${sessionId}`;
+}
+function saveAppointmentMailingListNote(sessionId, note) {
+	if (!note) return;
+	try {
+		window.sessionStorage.setItem(storageKey(sessionId), note);
+	} catch {}
+}
+function readAppointmentMailingListNote(sessionId) {
+	try {
+		const stored = window.sessionStorage.getItem(storageKey(sessionId));
+		return stored === "confirmation_required" || stored === "not_confirmed" ? stored : null;
+	} catch {
+		return null;
+	}
+}
+//#endregion
+//#region ../blocks/src/system/runtime/nodes/booking-form.completion.tsx
+function BookingFormCompletion({ resourceName, successMessage, redirectState, localNote }) {
+	const note = redirectState.kind === "success" ? readAppointmentMailingListNote(redirectState.sessionId) : localNote;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(SuccessMessage, {
+		message: getBookingSuccessMessage(successMessage),
+		resourceName
+	}), note ? /* @__PURE__ */ jsx(BookingMailingListNote, {
+		note,
+		context: "booking",
+		className: "rb-mt-4"
+	}) : null] });
+}
+//#endregion
+//#region ../blocks/src/system/runtime/nodes/booking-form.submit-handler.ts
+function appendRebookFlag(url, enabled) {
+	if (!enabled) return url;
+	const nextUrl = new URL(url);
+	nextUrl.searchParams.set("rebook", "1");
+	return nextUrl.toString();
+}
+function createBookingFormSubmitHandler(input) {
+	return async () => {
+		const { successUrl, cancelUrl } = buildCheckoutReturnUrls("booking", input.bookingAnchorId);
+		const result = await input.booking.actions.submit({
+			redirect: "manual",
+			successUrl: appendRebookFlag(successUrl, input.isPortalRebook),
+			cancelUrl: appendRebookFlag(cancelUrl, input.isPortalRebook)
+		});
+		if (!result.ok) return;
+		if (result.outcome.kind === "checkout_redirect") {
+			saveAppointmentMailingListNote(result.outcome.sessionId, result.outcome.mailingListSignupNote);
+			window.location.href = result.outcome.checkoutUrl;
+			return;
+		}
+		input.setLocalMailingListNote(result.outcome.mailingListSignupNote ?? null);
+	};
+}
+//#endregion
 //#region ../blocks/src/system/runtime/nodes/booking-form.client.tsx
-const PORTAL_REBOOK_QUERY_PARAM = "rebook";
-const PORTAL_REBOOK_QUERY_VALUE = "1";
 const REBOOK_COMPLETION_MODE_VERIFIED_CHECKOUT = "verified_checkout";
 const REBOOK_COMPLETION_MODE_BYPASSED = "bypassed";
 function getBookingRedirectLocationSnapshot() {
@@ -14961,12 +15121,6 @@ function getBookingRedirectLocationSnapshot() {
 		hash: window.location.hash
 	};
 }
-function appendRebookFlag(url, enabled) {
-	if (!enabled) return url;
-	const nextUrl = new URL(url);
-	nextUrl.searchParams.set(PORTAL_REBOOK_QUERY_PARAM, PORTAL_REBOOK_QUERY_VALUE);
-	return nextUrl.toString();
-}
 /**
 * Themed surface container for every booking view state (wizard, success,
 * verifying). Styled by the shared registration-surface layer.
@@ -14989,12 +15143,16 @@ const BookingFormClient$1 = ({ siteId: siteIdProp, render }) => {
 	const isPortalRebook = render.hydration.rebookContext?.kind === "portal_rebook";
 	const hasLoggedRebookCompletionRef = useRef(false);
 	const [redirectState] = useState(() => getBookingRedirectStateFromLocation(getBookingRedirectLocationSnapshot()));
+	const [localMailingListNote, setLocalMailingListNote] = useState(null);
 	const showSpamProtection = render.hydration.spamProtectionEnabled ?? isSpamProtectionEnabled();
 	const api = useBlockApi();
 	const hasPortalAuth = api.config.auth.type === "bearer" || api.config.authOverrides?.portal?.type === "bearer";
+	const formId = render.hydration.formId ?? form?.id ?? "booking-form";
 	const booking = useHeadlessBookingFlow({
+		mailingList: render.hydration.mailingList,
+		siteName: render.hydration.siteName,
 		siteId,
-		formId: render.hydration.formId ?? form?.id ?? "booking-form",
+		formId,
 		form,
 		services,
 		serviceCategories: render.hydration.serviceCategories,
@@ -15064,22 +15222,20 @@ const BookingFormClient$1 = ({ siteId: siteIdProp, render }) => {
 			children: render.display.message ?? "Booking form not found. Please check your configuration."
 		})
 	});
-	const handleComplete = async () => {
-		const { successUrl, cancelUrl } = buildCheckoutReturnUrls("booking", bookingAnchorId);
-		const result = await booking.actions.submit({
-			redirect: "manual",
-			successUrl: appendRebookFlag(successUrl, isPortalRebook),
-			cancelUrl: appendRebookFlag(cancelUrl, isPortalRebook)
-		});
-		if (!result.ok) return;
-		if (result.outcome.kind === "checkout_redirect") window.location.href = result.outcome.checkoutUrl;
-	};
+	const handleComplete = createBookingFormSubmitHandler({
+		booking,
+		bookingAnchorId,
+		isPortalRebook,
+		setLocalMailingListNote
+	});
 	if (viewState.kind === "success") return /* @__PURE__ */ jsx(BookingSurface, {
 		id: bookingAnchorId,
 		className: render.display.className,
-		children: /* @__PURE__ */ jsx(SuccessMessage, {
-			message: getBookingSuccessMessage(render.display.successMessage),
-			resourceName: viewState.resourceName
+		children: /* @__PURE__ */ jsx(BookingFormCompletion, {
+			successMessage: render.display.successMessage,
+			resourceName: viewState.resourceName,
+			redirectState,
+			localNote: localMailingListNote
 		})
 	});
 	if (viewState.kind === "verifying") return /* @__PURE__ */ jsx(BookingSurface, {
@@ -15188,7 +15344,8 @@ function createInitialRegistrationFormData() {
 		email: "",
 		phone: "",
 		notes: "",
-		consentAccepted: false
+		consentAccepted: false,
+		mailingListOptIn: false
 	};
 }
 function validateFormData(formData, requiresConsent = false) {
@@ -16312,7 +16469,10 @@ async function handleCheckoutReturn(options, deps, returnContextRef) {
 	}
 	const { checkoutAttemptId } = command;
 	const pending = deps.getPendingRegistration(siteId, checkoutAttemptId);
-	returnContextRef.current = { checkoutAttemptId };
+	returnContextRef.current = {
+		checkoutAttemptId,
+		mailingListSignupNote: pending?.mailingListSignupNote
+	};
 	if (pending) restorePendingPresentation(options, pending);
 	options.setStep("verifying-payment");
 	try {
@@ -16333,7 +16493,10 @@ function completeVerifiedRegistration(options, deps, returnContext) {
 	const siteId = options.api.config.siteId;
 	const checkoutAttemptId = returnContext?.checkoutAttemptId;
 	if (siteId && checkoutAttemptId) deps.clearPendingRegistration(siteId, checkoutAttemptId);
-	options.setRegistrationResult({ status: "confirmed" });
+	options.setRegistrationResult({
+		status: "confirmed",
+		mailingListSignupNote: returnContext?.mailingListSignupNote
+	});
 	options.setStep("success");
 }
 function useEventRegistrationStripeReturnWithDeps(options, deps) {
@@ -16406,6 +16569,9 @@ function registrationErrorPresentation(error) {
 }
 //#endregion
 //#region ../blocks/src/system/runtime/nodes/event-registration/useEventRegistrationSubmit.ts
+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)
@@ -16503,7 +16669,8 @@ async function completeRegistrationSubmission(options, deps, prepared, result, s
 		case "paymentStatusRequired":
 			options.setPaymentStatusRecovery({
 				kind: "ready",
-				subject: result.subject
+				subject: result.subject,
+				mailingListSignupNote: result.mailingListSignupNote
 			});
 			options.setStep("payment-status");
 			return {
@@ -16512,14 +16679,15 @@ async function completeRegistrationSubmission(options, deps, prepared, result, s
 			};
 		case "checkoutRequired":
 			options.setPendingRegistrationReference(result.reference);
-			savePendingCheckout(options, deps, prepared, result.submissionId, result.reference);
+			savePendingCheckout(options, deps, prepared, result.submissionId, result.reference, result.mailingListSignupNote);
 			options.setStep("redirecting");
 			return redirectToCheckout(result.checkoutUrl, submitOptions);
 		case "waitlisted":
 			options.setRegistrationResult({
 				status: "waitlist",
 				title: "Added to waitlist",
-				message: result.waitlist.message
+				message: result.waitlist.message,
+				mailingListSignupNote: result.mailingListSignupNote
 			});
 			break;
 		case "bookingComplete":
@@ -16527,7 +16695,8 @@ async function completeRegistrationSubmission(options, deps, prepared, result, s
 			options.setPendingRegistrationReference(result.reference);
 			options.setRegistrationResult({
 				status: "confirmed",
-				message: result.summary.paymentMethod === "pass" ? result.summary.message : void 0
+				message: result.summary.paymentMethod === "pass" ? result.summary.message : void 0,
+				mailingListSignupNote: result.mailingListSignupNote
 			});
 			break;
 	}
@@ -16586,7 +16755,7 @@ function resolveSelectionSnapshot(method, passId, membershipId, bundleProductId,
 	if (method === "free") return { method };
 	throw new Error("Choose an available payment option.");
 }
-function savePendingCheckout(options, deps, prepared, checkoutAttemptId, reference) {
+function savePendingCheckout(options, deps, prepared, checkoutAttemptId, reference, mailingListSignupNote) {
 	const siteId = options.api.config.siteId;
 	if (!siteId) return;
 	deps.savePendingRegistration(siteId, checkoutAttemptId, {
@@ -16595,7 +16764,8 @@ function savePendingCheckout(options, deps, prepared, checkoutAttemptId, referen
 		ticketSelections: prepared.ticketSelections,
 		selectedEventId: options.registrationTarget?.selectedEventId ?? null,
 		selectedAttendanceMode: options.selectedAttendanceMode,
-		paymentSelection: prepared.selectionSnapshot
+		paymentSelection: prepared.selectionSnapshot,
+		mailingListSignupNote
 	});
 }
 function redirectToCheckout(checkoutUrl, submitOptions) {
@@ -16609,7 +16779,7 @@ function redirectToCheckout(checkoutUrl, submitOptions) {
 	};
 }
 function registrationRequestIntentKey(request) {
-	const { registrationCommandId: _command, altchaSolution: _proof, checkout, ...intent } = request;
+	const { registrationCommandId: _command, altchaSolution: _proof, mailingListOptIn: _marketingConsent, checkout, ...intent } = request;
 	return JSON.stringify({
 		...intent,
 		checkout: checkout ? {
@@ -16634,6 +16804,7 @@ function buildRegistrationRequest(options, prepared, method, passId, membershipI
 		phone: options.formData.phone.trim() || void 0,
 		notes: options.formData.notes.trim() || void 0,
 		consentAccepted: options.formData.consentAccepted,
+		mailingListOptIn: wantsMailingListSignup(options),
 		altchaSolution: options.altchaSolution,
 		paymentMethod: method,
 		customerPassId: method === "pass" ? passId : void 0,
@@ -17627,13 +17798,17 @@ function isCheckableRecovery(state) {
 function assistanceRequired(recovery) {
 	return {
 		kind: "assistanceRequired",
-		subject: recovery.subject
+		subject: recovery.subject,
+		mailingListSignupNote: recovery.mailingListSignupNote
 	};
 }
 function applyStatusOutcome(outcome, recovery, setters, setRecovery) {
 	if (outcome.kind === "resolved") {
 		setters.setPendingRegistrationReference(outcome.reference);
-		setters.setRegistrationResult({ status: "confirmed" });
+		setters.setRegistrationResult({
+			status: "confirmed",
+			mailingListSignupNote: recovery.mailingListSignupNote
+		});
 		setRecovery(null);
 		setters.setStep("success");
 		return;
@@ -17762,6 +17937,7 @@ function useEventRegistrationWizardWithDeps(options, deps) {
 	const paymentSelection = flowState.paymentSelection;
 	const [selectedEvent, setSelectedEvent] = useState(preSelectedEvent ?? null);
 	const [formData, setFormData] = useState(createInitialRegistrationFormData);
+	const mailingListSignup = resolveBookingSignupOffer(options.mailingList, options.siteName);
 	const [errors, setErrors] = useState({});
 	const [guests, setGuests] = useState([]);
 	const [guestErrors, setGuestErrors] = useState({});
@@ -18208,6 +18384,7 @@ function useEventRegistrationWizardWithDeps(options, deps) {
 		ticketSelections,
 		selectedSlidingAmount,
 		formData,
+		mailingListSignup,
 		altchaSolution,
 		requireGuestDetails,
 		guests,
@@ -18304,6 +18481,7 @@ function useEventRegistrationWizardWithDeps(options, deps) {
 		hasValidTicketSelection,
 		eventRequiresPayment,
 		formData,
+		mailingListSignup,
 		setFormData,
 		errors,
 		guests,
@@ -18515,7 +18693,8 @@ function useEventRegistrationControllerWithDeps(options, deps) {
 			},
 			attendee: {
 				values: wizard.formData,
-				errors: wizard.errors
+				errors: wizard.errors,
+				mailingListSignup: wizard.mailingListSignup
 			},
 			guests: {
 				required: wizard.requireGuestDetails,
@@ -18613,7 +18792,9 @@ function useEventRegistrationWizardControllerWithDeps(options, deps) {
 		occurrenceContext: options.occurrenceContext ?? null,
 		subject: options.subject ?? null,
 		events: [...options.events ?? []],
-		maxTicketsNum
+		maxTicketsNum,
+		mailingList: options.mailingList,
+		siteName: options.siteName
 	}) };
 }
 function resolveExistingRegistrationState(wizard) {