@riverbankcms/sdk 0.147.0 → 0.148.0

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

@@ -1,18 +1,18 @@
 "use client";
 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-1n4Ch_u_.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, Qt as addLocalScheduleDays, Rt as isBookingRequirementConsentFieldId, St as formatBookingCentsAsCurrencyInput, Tt as getBookingServiceSlidingScale, Ut as err, Vt as assertNever, Zt as resolveBookingSignupOffer, bn as formatCurrencyAmount, bt as logger, cn as resolveBookingTimeZoneId, in as formatLocalScheduleDate, jt as resolveBookingPaymentStep, kt as prepareBookingSubmission, nn as formatBookingInstant, qt as reportWorkflowSuccess, sn as parseBookingLocalDate, t as defineIslandPropsDecoder, wt as getBookingRedirectStateFromLocation, xt as deriveBookingFormViewState } from "./propsDecoder-CwvvNOHx.mjs";
-import { n as useBlockApi, t as BlockApiProvider } from "./context-C8TinPJc.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 { 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 { 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 { 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 mountReactIsland } from "./reactMount-SY8AVRof.mjs";
-import { t as buildRouteIslandApiConfig } from "./routeIslandApiConfig-BwVFo0Y4.mjs";
+import { t as buildRouteIslandApiConfig } from "./routeIslandApiConfig-BG9Y-SHg.mjs";
 import React, { useCallback, useEffect, useLayoutEffect, useMemo, useReducer, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region ../core/src/appointment-service-categories.ts
@@ -55,6 +55,32 @@ function layoutServicesByCategory(categories, services, options) {
 	};
 }
 //#endregion
+//#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) {
 	return useMemo(() => projectSelectedAppointmentConsentIntoForm(form, resolveSelectedAppointmentConsent(selectedService)), [form, selectedService]);
@@ -638,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."
@@ -676,15 +703,18 @@ function completeBookingSubmission(input) {
 				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: getBookingSuccessMessage(input.successMessage),
+			message: successCopy.defaultEmailSentence ? `${successCopy.message} ${successCopy.defaultEmailSentence}`.trim() : successCopy.message,
 			resourceName: data.appointment.resourceName
 		}
 	});
@@ -694,6 +724,8 @@ function completeBookingSubmission(input) {
 			kind: "booked",
 			appointmentId: data.appointment.id,
 			resourceName: data.appointment.resourceName,
+			customerEmail: data.customer.email,
+			...data.demoBookingPass ? { demoBookingPass: data.demoBookingPass } : {},
 			...data.mailingListSignupNote ? { mailingListSignupNote: data.mailingListSignupNote } : {}
 		}
 	};
@@ -1908,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();
@@ -1937,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,
@@ -1947,7 +1986,8 @@ function useHeadlessBookingFlow(options) {
 		selectedSlidingAmountInput: state.selectedSlidingAmountInput,
 		selectedSlidingAmount,
 		slidingScale: selectedServiceSlidingScale,
-		appointmentPackages: appointmentPackagesModel
+		appointmentPackages: appointmentPackagesModel,
+		confirmationSummary: paymentConfirmationSummary
 	};
 	return {
 		mailingList,
@@ -2043,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
@@ -2052,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({
@@ -2358,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" });
@@ -2366,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", {
@@ -2400,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 }),
@@ -3029,7 +3122,7 @@ function DefaultBookingErrorSummary({ errors, id }) {
 }
 //#endregion
 //#region ../blocks/src/system/runtime/components/booking/SuccessMessage.tsx
-const SuccessMessage = ({ message, resourceName, className }) => {
+const SuccessMessage = ({ copy, resourceName, className, demoEmailSuppressed = false, customerEmail = null }) => {
 	return /* @__PURE__ */ jsx(TerminalPanel, {
 		tone: "success",
 		title: "Booking confirmed",
@@ -3037,9 +3130,15 @@ const SuccessMessage = ({ message, resourceName, className }) => {
 			variant: "success",
 			children: /* @__PURE__ */ jsx(CheckIcon, { strokeWidth: 3 })
 		}),
-		body: /* @__PURE__ */ jsx("p", {
-			className: "ab-text",
-			children: message
+		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",
@@ -3052,31 +3151,54 @@ const SuccessMessage = ({ message, resourceName, className }) => {
 	});
 };
 //#endregion
-//#region ../blocks/src/system/runtime/nodes/booking-form.mailing-list-note.ts
+//#region ../blocks/src/system/runtime/nodes/booking-form.checkout-return-context.ts
 function storageKey(sessionId) {
 	return `riverbank:booking:mailing-list:${sessionId}`;
 }
-function saveAppointmentMailingListNote(sessionId, note) {
-	if (!note) return;
+function saveAppointmentCheckoutReturnContext(sessionId, context) {
+	if (!context.customerEmail && !context.mailingListNote) return;
 	try {
-		window.sessionStorage.setItem(storageKey(sessionId), note);
+		window.sessionStorage.setItem(storageKey(sessionId), JSON.stringify(context));
 	} catch {}
 }
-function readAppointmentMailingListNote(sessionId) {
+function readAppointmentCheckoutReturnContext(sessionId) {
 	try {
 		const stored = window.sessionStorage.getItem(storageKey(sessionId));
-		return stored === "confirmation_required" || stored === "not_confirmed" ? stored : null;
+		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 }) {
-	const note = redirectState.kind === "success" ? readAppointmentMailingListNote(redirectState.sessionId) : localNote;
+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, {
-		message: getBookingSuccessMessage(successMessage),
-		resourceName
+		copy: getBookingSuccessCopy(successMessage),
+		resourceName,
+		demoEmailSuppressed,
+		customerEmail: confirmedEmail
 	}), note ? /* @__PURE__ */ jsx(BookingMailingListNote, {
 		note,
 		context: "booking",
@@ -3100,12 +3222,17 @@ function createBookingFormSubmitHandler(input) {
 			cancelUrl: appendRebookFlag(cancelUrl, input.isPortalRebook)
 		});
 		if (!result.ok) return;
+		storeDemoBookingPassIfAvailable(result.outcome.customerEmail, result.outcome.demoBookingPass);
 		if (result.outcome.kind === "checkout_redirect") {
-			saveAppointmentMailingListNote(result.outcome.sessionId, result.outcome.mailingListSignupNote);
+			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
@@ -3145,6 +3272,7 @@ const BookingFormClient = ({ siteId: siteIdProp, render }) => {
 	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";
@@ -3227,7 +3355,8 @@ const BookingFormClient = ({ siteId: siteIdProp, render }) => {
 		booking,
 		bookingAnchorId,
 		isPortalRebook,
-		setLocalMailingListNote
+		setLocalMailingListNote,
+		setLocalCustomerEmail
 	});
 	if (viewState.kind === "success") return /* @__PURE__ */ jsx(BookingSurface, {
 		id: bookingAnchorId,
@@ -3236,7 +3365,9 @@ const BookingFormClient = ({ siteId: siteIdProp, render }) => {
 			successMessage: render.display.successMessage,
 			resourceName: viewState.resourceName,
 			redirectState,
-			localNote: localMailingListNote
+			localNote: localMailingListNote,
+			customerEmail: localCustomerEmail,
+			demoEmailSuppressed: render.hydration.demoEmailSuppressed
 		})
 	});
 	if (viewState.kind === "verifying") return /* @__PURE__ */ jsx(BookingSurface, {
@@ -3252,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,