@riverbankcms/sdk 0.146.0 → 0.148.0

package/dist/client/{bookingForm-AMr-s5vw.mjs → bookingForm-pbRZordh.mjs}

@@ -1,20 +1,20 @@
 "use client";
-import { C as unsafeAsPassId, b as unsafeAsCustomerPassId, v as unsafeAsAppointmentResourceId, x as unsafeAsFormId, y as unsafeAsAppointmentServiceId } from "./colorStyles-CuJBiS-1.mjs";
-import { i as buildBookingPaymentSelectionViewModel, n as StepIndicator, r as usePolling, t as BookingConsentAgreement } from "./BookingConsentAgreement-BQKL045f.mjs";
-import { At as resolveAppointmentCheckoutVerificationState, Ct as formatBookingSubmissionPreparationError, Dt as isBookingServiceSlidingAmountInRange, Et as getBookingSuccessMessage, Ft as projectSelectedAppointmentConsentIntoForm, Gt as okWith, Ht as clearWorkflowFeedback, It as resolveSelectedAppointmentConsent, Kt as reportWorkflowError, Lt as BOOKING_FORM_DATA_RESERVED_KEYS, Mt as resolveBookingSiteId, Nt as resolveDefaultBookingServiceId, Ot as parseBookingCurrencyInputToCents, Pt as toSelectedCollectionOptionKind, Rt as isBookingRequirementConsentFieldId, St as formatBookingCentsAsCurrencyInput, Tt as getBookingServiceSlidingScale, Ut as err, Vt as assertNever, Zt as addLocalScheduleDays, bt as logger, jt as resolveBookingPaymentStep, kt as prepareBookingSubmission, on as parseBookingLocalDate, qt as reportWorkflowSuccess, rn as formatLocalScheduleDate, sn as resolveBookingTimeZoneId, t as defineIslandPropsDecoder, tn as formatBookingInstant, wt as getBookingRedirectStateFromLocation, xt as deriveBookingFormViewState, yn as formatCurrencyAmount } from "./propsDecoder-Dcgsncxb.mjs";
-import { n as useBlockApi, t as BlockApiProvider } from "./context-Bc8T6pCe.mjs";
+import { C as unsafeAsPassId, b as unsafeAsCustomerPassId, v as unsafeAsAppointmentResourceId, x as unsafeAsFormId, y as unsafeAsAppointmentServiceId } from "./colorStyles-j5U9v5JA.mjs";
+import { a as buildBookingPaymentSelectionViewModel, i as usePolling, n as BookingConsentAgreement, r as StepIndicator, t as BookingMailingListNote } from "./BookingMailingListNote-CzRt2dF_.mjs";
+import { At as isBookingServiceSlidingAmountInRange, Bt as BOOKING_FORM_DATA_RESERVED_KEYS, Cn as formatCurrencyAmount, Ct as formatBookingSubmissionPreparationError, Dt as getBookingSuccessCopy, Et as getBookingServiceSlidingScale, Ft as resolveBookingSiteId, Gt as clearWorkflowFeedback, It as resolveDefaultBookingServiceId, Jt as okWith, Kt as err, Lt as toSelectedCollectionOptionKind, Mt as prepareBookingSubmission, Nt as resolveAppointmentCheckoutVerificationState, Pt as resolveBookingPaymentStep, Rt as projectSelectedAppointmentConsentIntoForm, St as formatBookingCentsAsCurrencyInput, Tt as getBookingServicePaymentSelectionMode, Vt as isBookingRequirementConsentFieldId, Wt as assertNever, Xt as reportWorkflowSuccess, Yt as reportWorkflowError, an as formatBookingInstant, bt as logger, dn as resolveBookingTimeZoneId, en as resolveBookingSignupOffer, jt as parseBookingCurrencyInputToCents, sn as formatLocalScheduleDate, t as defineIslandPropsDecoder, tn as addLocalScheduleDays, un as parseBookingLocalDate, wt as getBookingRedirectStateFromLocation, xt as deriveBookingFormViewState, zt as resolveSelectedAppointmentConsent } from "./propsDecoder-D1OtGXDV.mjs";
+import { n as useBlockApi, t as BlockApiProvider } from "./context-eW97E945.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-BNgaEUpo.mjs";
-import { t as DiscountCodeDisclosure } from "./DiscountCodeDisclosure-CsOtjFY7.mjs";
-import { i as SpinnerNode, t as ThemedButton } from "./ThemedButton-CE5KYT6z.mjs";
+import { o as DiscountCodeDisclosure, p as storeDemoBookingPassIfAvailable, 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, t as ThemedButton } from "./ThemedButton-C7CeUJjW.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-CW3-78uu.mjs";
-import { t as CheckboxChoice } from "./CheckboxChoice--W2n6yKs.mjs";
+import { i as getFieldValidationControlProps, r as FieldValidationMessage } from "./mailingListSignupCopy-DZSHZrm6.mjs";
+import { t as buildCheckoutReturnUrls } from "./checkoutUrls-CXhko2Rv.mjs";
+import { t as CheckboxChoice } from "./CheckboxChoice-B33MqoUo.mjs";
 import { t as mountReactIsland } from "./reactMount-SY8AVRof.mjs";
-import { t as buildRouteIslandApiConfig } from "./routeIslandApiConfig-CWLP7wu3.mjs";
+import { t as buildRouteIslandApiConfig } from "./routeIslandApiConfig-BG9Y-SHg.mjs";
 import React, { useCallback, useEffect, useLayoutEffect, useMemo, useReducer, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region ../core/src/appointment-service-categories.ts
 /**
 * Groups services under their categories.
@@ -55,29 +55,31 @@ function layoutServicesByCategory(categories, services, options) {
 	};
 }
 //#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"
-	});
-};
+//#region ../blocks/src/system/runtime/nodes/booking-form.payment-confirmation.ts
+function bookingServiceRequiresPaymentBeforeBooking(input) {
+	switch (getBookingServicePaymentSelectionMode(input.service)) {
+		case "implicit_upfront":
+		case "implicit_instalment_plan":
+		case "implicit_flexible_balance": return true;
+		case "choice_required": return input.selectedCollectionOptionKind !== void 0 && input.selectedCollectionOptionKind !== "deferred_manual";
+		case "implicit_deferred_manual":
+		case "pending_stripe_setup":
+		case "unsupported": return false;
+	}
+}
+function resolveBookingPaymentConfirmationSummary(input) {
+	const service = input.service;
+	if (!service || input.hasSelectedAppointmentPackage || !Number.isFinite(input.priceAmount) || input.priceAmount <= 0 || !service.durationMinutes || !bookingServiceRequiresPaymentBeforeBooking({
+		service,
+		selectedCollectionOptionKind: input.selectedCollectionOptionKind
+	})) return null;
+	return {
+		serviceTitle: service.title,
+		durationMinutes: service.durationMinutes,
+		priceAmount: input.priceAmount,
+		priceCurrency: service.priceCurrency ?? service.pricing?.currency ?? "USD"
+	};
+}
 //#endregion
 //#region ../blocks/src/system/runtime/hooks/useSelectedAppointmentConsentForm.ts
 function useSelectedAppointmentConsentForm(form, selectedService) {
@@ -643,6 +645,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({
@@ -652,6 +655,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,
@@ -660,6 +664,7 @@ function useBookingSubmission(_siteId) {
 				successUrl: data.successUrl,
 				cancelUrl: data.cancelUrl
 			});
+			storeDemoBookingPassIfAvailable(response.customer.email, response.demoBookingPass);
 			dispatch({
 				type: "submission-succeeded",
 				message: response.type === "checkout_redirect" ? "Redirecting to secure checkout..." : "Booking submitted successfully."
@@ -687,6 +692,45 @@ 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,
+				customerEmail: data.customer.email,
+				...data.demoBookingPass ? { demoBookingPass: data.demoBookingPass } : {},
+				...data.mailingListSignupNote ? { mailingListSignupNote: data.mailingListSignupNote } : {}
+			}
+		};
+	}
+	const successCopy = getBookingSuccessCopy(input.successMessage);
+	input.dispatch({
+		type: "feedback-set",
+		feedback: {
+			kind: "success",
+			message: successCopy.defaultEmailSentence ? `${successCopy.message} ${successCopy.defaultEmailSentence}`.trim() : successCopy.message,
+			resourceName: data.appointment.resourceName
+		}
+	});
+	return {
+		ok: true,
+		outcome: {
+			kind: "booked",
+			appointmentId: data.appointment.id,
+			resourceName: data.appointment.resourceName,
+			customerEmail: data.customer.email,
+			...data.demoBookingPass ? { demoBookingPass: data.demoBookingPass } : {},
+			...data.mailingListSignupNote ? { mailingListSignupNote: data.mailingListSignupNote } : {}
+		}
+	};
+}
+//#endregion
 //#region ../blocks/src/system/runtime/nodes/booking-form.validationErrors.ts
 function omitRecordKey(record, key) {
 	if (!(key in record)) return record;
@@ -728,6 +772,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 = {};
@@ -753,6 +831,7 @@ function createInitialBookingFlowReducerState(input) {
 		selectedDate: toOptionalString(initialData.selectedDate),
 		selectedSlot: null,
 		fieldValues: collectInitialBookingFieldValues(initialData),
+		mailingListOptIn: initialData.mailingListOptIn === true,
 		touchedFields: {},
 		attemptedStepIds: {},
 		discountCode: toOptionalString(initialData.discountCode) ?? "",
@@ -802,6 +881,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 {
@@ -824,21 +904,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: {
@@ -976,6 +1041,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,
@@ -1238,10 +1304,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,
@@ -1427,6 +1490,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,
@@ -1687,7 +1752,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({
@@ -1720,37 +1786,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",
@@ -1773,6 +1820,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)
@@ -1889,6 +1940,12 @@ function useHeadlessBookingFlow(options) {
 		selectedService,
 		state.selectedSlot?.startAt
 	]);
+	const paymentConfirmationSummary = resolveBookingPaymentConfirmationSummary({
+		service: selectedService,
+		priceAmount: selectedAppointmentPriceAmount,
+		selectedCollectionOptionKind: state.selectedCollectionOptionKind,
+		hasSelectedAppointmentPackage: Boolean(state.selectedAppointmentPackageId)
+	});
 	const appointmentPackageItems = appointmentPackages.tag === "loaded" ? appointmentPackages.value : [];
 	const selectedAppointmentPackage = appointmentPackageItems.find((appointmentPackage) => appointmentPackage.customerPassId === state.selectedAppointmentPackageId) ?? null;
 	const spamProtectionEnabled = options.spamProtectionEnabled ?? isSpamProtectionEnabled();
@@ -1918,7 +1975,8 @@ function useHeadlessBookingFlow(options) {
 		selectedSlidingAmount,
 		slidingScale: selectedServiceSlidingScale,
 		appointmentPackages: appointmentPackagesModel,
-		errorMessage: paymentResolution.errorMessage ?? "This service cannot be booked right now."
+		errorMessage: paymentResolution.errorMessage ?? "This service cannot be booked right now.",
+		confirmationSummary: null
 	} : {
 		kind: "ok",
 		mode: paymentResolution.mode,
@@ -1928,9 +1986,12 @@ function useHeadlessBookingFlow(options) {
 		selectedSlidingAmountInput: state.selectedSlidingAmountInput,
 		selectedSlidingAmount,
 		slidingScale: selectedServiceSlidingScale,
-		appointmentPackages: appointmentPackagesModel
+		appointmentPackages: appointmentPackagesModel,
+		confirmationSummary: paymentConfirmationSummary
 	};
 	return {
+		mailingList,
+		mailingListOptIn: state.mailingListOptIn,
 		status,
 		view,
 		steps: stepState.steps,
@@ -2022,6 +2083,10 @@ function useLatestRef(value) {
 }
 //#endregion
 //#region ../blocks/src/system/runtime/hooks/useAppointmentCheckoutVerification.ts
+const APPOINTMENT_CHECKOUT_MAX_ATTEMPTS = 12;
+function resolveAppointmentCheckoutPollInterval(attempt) {
+	return Math.min(1e3 * 2 ** (attempt - 1), 4e3);
+}
 const appointmentCheckoutVerificationDeps = {
 	useBlockApi,
 	usePolling
@@ -2031,16 +2096,25 @@ function useAppointmentCheckoutVerification(config) {
 }
 function useAppointmentCheckoutVerificationWithDeps(config, deps) {
 	const api = deps.useBlockApi();
+	const sessionId = config?.sessionId ?? null;
+	const maxAttempts = config?.maxAttempts;
+	const pollInterval = config?.pollInterval;
 	const pollingConfig = useMemo(() => {
-		if (!config) return null;
+		if (sessionId === null) return null;
 		return {
-			pollFn: () => api.getAppointmentBookingStatus({ sessionId: config.sessionId }),
+			restartKey: sessionId,
+			pollFn: () => api.getAppointmentBookingStatus({ sessionId }),
 			isComplete: (result) => (result.paymentStatus === "completed" || result.paymentStatus === "not_required") && result.appointmentStatus === "confirmed",
 			isFailed: (result) => result.paymentStatus === "failed" || result.paymentStatus === "cancelled" || result.paymentStatus === "refunded" || result.appointmentStatus === "cancelled",
-			maxAttempts: config.maxAttempts,
-			interval: config.pollInterval
+			maxAttempts: maxAttempts ?? APPOINTMENT_CHECKOUT_MAX_ATTEMPTS,
+			interval: pollInterval ?? resolveAppointmentCheckoutPollInterval
 		};
-	}, [api, config]);
+	}, [
+		api,
+		sessionId,
+		maxAttempts,
+		pollInterval
+	]);
 	const polling = deps.usePolling(pollingConfig);
 	return {
 		state: resolveAppointmentCheckoutVerificationState({
@@ -2228,6 +2302,25 @@ const TimeSlotSelector = ({ value, onChange, slots, isLoading, timezone, require
 	});
 };
 //#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" : ""}`;
@@ -2318,6 +2411,72 @@ function ServiceChoiceGrid({ booking, choices }) {
 	});
 }
 //#endregion
+//#region ../blocks/src/system/runtime/nodes/booking-form.submit-actions.tsx
+function resolvePrimaryActionLabel(isLastStep, requiresPayment) {
+	if (!isLastStep) return "Continue";
+	return requiresPayment ? "Continue to payment" : "Complete";
+}
+function formatBookingConfirmationDateTime(booking) {
+	const startAt = booking.currentStep?.id === "datetime-selection" ? booking.availability.selectedSlot?.startAt : void 0;
+	return startAt ? new Intl.DateTimeFormat(void 0, {
+		dateStyle: "medium",
+		timeStyle: "short",
+		timeZone: booking.availability.timezone
+	}).format(new Date(startAt)) : null;
+}
+function BookingPaymentConfirmationText({ booking, summary }) {
+	if (!summary) return null;
+	const dateTime = formatBookingConfirmationDateTime(booking);
+	return /* @__PURE__ */ jsxs("p", {
+		className: "ab-text rb-on-surface--muted",
+		children: [
+			summary.serviceTitle,
+			" · ",
+			summary.durationMinutes,
+			" min ·",
+			" ",
+			formatCurrencyAmount(summary.priceAmount, summary.priceCurrency, { decimals: "auto" }),
+			dateTime ? ` · ${dateTime}` : ""
+		]
+	});
+}
+function BookingFormSubmitActions({ booking, onSubmit }) {
+	const currentStepIndex = booking.currentStep?.visibleIndex ?? 0;
+	const isFirstStep = currentStepIndex === 0;
+	const isLastStep = currentStepIndex === booking.steps.length - 1;
+	const isSubmitting = booking.status.tag === "submitting";
+	const paymentSummary = isLastStep && booking.payment.kind === "ok" ? booking.payment.confirmationSummary : null;
+	const handlePrimaryAction = async () => {
+		if ((await booking.actions.next()).ok && isLastStep) await onSubmit();
+	};
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(BookingPaymentConfirmationText, {
+		booking,
+		summary: paymentSummary
+	}), /* @__PURE__ */ jsxs("div", {
+		className: "rb-wizard-actions",
+		children: [!isFirstStep ? /* @__PURE__ */ jsx(ThemedButton, {
+			type: "button",
+			onClick: booking.actions.back,
+			variant: "outline",
+			size: "md",
+			label: "Back"
+		}) : null, /* @__PURE__ */ jsx(ThemedButton, {
+			type: "button",
+			onClick: () => {
+				handlePrimaryAction();
+			},
+			disabled: isSubmitting,
+			variant: "primary",
+			size: "md",
+			label: resolvePrimaryActionLabel(isLastStep, Boolean(paymentSummary)),
+			pending: isSubmitting ? {
+				label: "Submitting...",
+				srLabel: "Submitting"
+			} : void 0
+		})]
+	})] });
+}
+//#endregion
 //#region ../blocks/src/system/runtime/nodes/booking-form.default-ui.tsx
 function formatBookingAmount(amount, currency) {
 	return formatCurrencyAmount(amount, currency, { decimals: "auto" });
@@ -2326,13 +2485,6 @@ function HeadlessBookingDefaultForm({ booking, onSubmit }) {
 	const currentStep = booking.currentStep;
 	const errorSummaryId = React.useId();
 	const currentStepIndex = currentStep?.visibleIndex ?? 0;
-	const isFirstStep = currentStepIndex === 0;
-	const isLastStep = currentStepIndex === booking.steps.length - 1;
-	const isSubmitting = booking.status.tag === "submitting";
-	const handlePrimaryAction = async () => {
-		if (!(await booking.actions.next()).ok) return;
-		if (isLastStep) await onSubmit();
-	};
 	if (!currentStep) return /* @__PURE__ */ jsx("div", {
 		className: "rb-text-center rb-py-12",
 		children: /* @__PURE__ */ jsx("p", {
@@ -2360,28 +2512,9 @@ function HeadlessBookingDefaultForm({ booking, onSubmit }) {
 				errors: currentStep.errors,
 				id: errorSummaryId
 			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "rb-wizard-actions",
-				children: [!isFirstStep ? /* @__PURE__ */ jsx(ThemedButton, {
-					type: "button",
-					onClick: booking.actions.back,
-					variant: "outline",
-					size: "md",
-					label: "Back"
-				}) : null, /* @__PURE__ */ jsx(ThemedButton, {
-					type: "button",
-					onClick: () => {
-						handlePrimaryAction();
-					},
-					disabled: isSubmitting,
-					variant: "primary",
-					size: "md",
-					label: isLastStep ? "Complete" : "Continue",
-					pending: isSubmitting ? {
-						label: "Submitting...",
-						srLabel: "Submitting"
-					} : void 0
-				})]
+			/* @__PURE__ */ jsx(BookingFormSubmitActions, {
+				booking,
+				onSubmit
 			}),
 			/* @__PURE__ */ jsx(DefaultBookingDiscount, { booking }),
 			/* @__PURE__ */ jsx(DefaultBookingFeedback, { booking }),
@@ -2707,12 +2840,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 }) {
@@ -2983,9 +3121,122 @@ function DefaultBookingErrorSummary({ errors, id }) {
 	});
 }
 //#endregion
+//#region ../blocks/src/system/runtime/components/booking/SuccessMessage.tsx
+const SuccessMessage = ({ copy, resourceName, className, demoEmailSuppressed = false, customerEmail = null }) => {
+	return /* @__PURE__ */ jsx(TerminalPanel, {
+		tone: "success",
+		title: "Booking confirmed",
+		icon: /* @__PURE__ */ jsx(StateIcon, {
+			variant: "success",
+			children: /* @__PURE__ */ jsx(CheckIcon, { strokeWidth: 3 })
+		}),
+		body: /* @__PURE__ */ jsx(BookingConfirmation, {
+			demoEmailSuppressed,
+			email: customerEmail,
+			copy,
+			messagePresentation: {
+				kind: "paragraph",
+				className: "ab-text"
+			},
+			noteClassName: "ab-text"
+		}),
+		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/nodes/booking-form.checkout-return-context.ts
+function storageKey(sessionId) {
+	return `riverbank:booking:mailing-list:${sessionId}`;
+}
+function saveAppointmentCheckoutReturnContext(sessionId, context) {
+	if (!context.customerEmail && !context.mailingListNote) return;
+	try {
+		window.sessionStorage.setItem(storageKey(sessionId), JSON.stringify(context));
+	} catch {}
+}
+function readAppointmentCheckoutReturnContext(sessionId) {
+	try {
+		const stored = window.sessionStorage.getItem(storageKey(sessionId));
+		if (!stored) return null;
+		return parseContext(stored);
+	} catch {
+		return null;
+	}
+}
+function parseContext(value) {
+	try {
+		const parsed = JSON.parse(value);
+		return isContext(parsed) ? parsed : null;
+	} catch {
+		return value === "confirmation_required" || value === "not_confirmed" ? {
+			customerEmail: null,
+			mailingListNote: value
+		} : null;
+	}
+}
+function isContext(value) {
+	if (!isRecord(value)) return false;
+	return (typeof value.customerEmail === "string" || value.customerEmail === null) && (value.mailingListNote === null || value.mailingListNote === "confirmation_required" || value.mailingListNote === "not_confirmed");
+}
+function isRecord(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+//#endregion
+//#region ../blocks/src/system/runtime/nodes/booking-form.completion.tsx
+function BookingFormCompletion({ resourceName, successMessage, redirectState, localNote, customerEmail, demoEmailSuppressed = false }) {
+	const returnContext = redirectState.kind === "success" ? readAppointmentCheckoutReturnContext(redirectState.sessionId) : null;
+	const note = redirectState.kind === "success" ? returnContext?.mailingListNote ?? null : localNote;
+	const confirmedEmail = returnContext?.customerEmail ?? customerEmail;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(SuccessMessage, {
+		copy: getBookingSuccessCopy(successMessage),
+		resourceName,
+		demoEmailSuppressed,
+		customerEmail: confirmedEmail
+	}), 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;
+		storeDemoBookingPassIfAvailable(result.outcome.customerEmail, result.outcome.demoBookingPass);
+		if (result.outcome.kind === "checkout_redirect") {
+			saveAppointmentCheckoutReturnContext(result.outcome.sessionId, {
+				customerEmail: result.outcome.customerEmail,
+				mailingListNote: result.outcome.mailingListSignupNote ?? null
+			});
+			window.location.href = result.outcome.checkoutUrl;
+			return;
+		}
+		input.setLocalMailingListNote(result.outcome.mailingListSignupNote ?? null);
+		input.setLocalCustomerEmail(result.outcome.customerEmail);
+	};
+}
+//#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() {
@@ -2998,12 +3249,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.
@@ -3026,12 +3271,17 @@ const BookingFormClient = ({ 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 [localCustomerEmail, setLocalCustomerEmail] = 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,
@@ -3101,22 +3351,23 @@ const BookingFormClient = ({ 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,
+		setLocalCustomerEmail
+	});
 	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,
+			customerEmail: localCustomerEmail,
+			demoEmailSuppressed: render.hydration.demoEmailSuppressed
 		})
 	});
 	if (viewState.kind === "verifying") return /* @__PURE__ */ jsx(BookingSurface, {
@@ -3132,6 +3383,25 @@ const BookingFormClient = ({ siteId: siteIdProp, render }) => {
 			})
 		})
 	});
+	if (viewState.kind === "timeout") return /* @__PURE__ */ jsxs(BookingSurface, {
+		id: bookingAnchorId,
+		className: render.display.className,
+		children: [/* @__PURE__ */ jsx(FeedbackMessage, {
+			tone: "info",
+			className: "alert alert-info",
+			role: "status",
+			children: /* @__PURE__ */ jsx("p", {
+				className: "ab-text",
+				children: viewState.message
+			})
+		}), /* @__PURE__ */ jsx(ThemedButton, {
+			type: "button",
+			variant: "primary",
+			size: "md",
+			label: "Check again",
+			onClick: verification.retry
+		})]
+	});
 	return /* @__PURE__ */ jsxs(BookingSurface, {
 		id: bookingAnchorId,
 		className: render.display.className,