@riverbankcms/sdk 0.129.1 → 0.130.2

package/dist/client/{bookingForm-DOvCpBFP.mjs → bookingForm--AqEfyBX.mjs}

@@ -1,13 +1,13 @@
 "use client";
-import { d as unsafeAsAppointmentResourceId, f as unsafeAsAppointmentServiceId, g as unsafeAsPassId, m as unsafeAsFormId, p as unsafeAsCustomerPassId } from "./colorStyles-BWpj_h4C.mjs";
-import { n as buildBookingPaymentSelectionViewModel, t as usePolling } from "./usePolling-BKf0GcE-.mjs";
-import { Ct as okWith, Et as addLocalScheduleDays, Nt as parseBookingLocalDate, Pt as resolveBookingTimeZoneId, Tt as reportWorkflowSuccess, Wt as formatCurrencyAmount, X as themeButtonClassName, _t as toSelectedCollectionOptionKind, at as formatBookingCentsAsCurrencyInput, bt as clearWorkflowFeedback, ct as getBookingServiceSlidingScale, dt as parseBookingCurrencyInputToCents, ft as prepareBookingSubmission, gt as resolveDefaultBookingServiceId, ht as resolveBookingSiteId, it as deriveBookingFormViewState, jt as formatLocalScheduleDate, kt as formatBookingInstant, lt as getBookingSuccessMessage, mt as resolveBookingPaymentStep, ot as formatBookingSubmissionPreparationError, pt as resolveAppointmentCheckoutVerificationState, rt as logger, st as getBookingRedirectStateFromLocation, t as defineIslandPropsDecoder, ut as isBookingServiceSlidingAmountInRange, vt as BOOKING_FORM_DATA_RESERVED_KEYS, wt as reportWorkflowError, xt as err, yt as assertNever } from "./propsDecoder-CiTuhUwY.mjs";
-import { n as useBlockApi, t as BlockApiProvider } from "./context-CJz1Vlsz.mjs";
+import { S as unsafeAsPassId, _ as unsafeAsAppointmentResourceId, b as unsafeAsFormId, v as unsafeAsAppointmentServiceId, y as unsafeAsCustomerPassId } from "./colorStyles-CrxJrPjJ.mjs";
+import { n as buildBookingPaymentSelectionViewModel, t as usePolling } from "./usePolling-Cls91SD2.mjs";
+import { At as formatLocalScheduleDate, Ct as reportWorkflowError, Mt as parseBookingLocalDate, Nt as resolveBookingTimeZoneId, Ot as formatBookingInstant, St as okWith, Tt as addLocalScheduleDays, Ut as formatCurrencyAmount, Z as themeButtonClassName, _t as BOOKING_FORM_DATA_RESERVED_KEYS, at as formatBookingSubmissionPreparationError, bt as err, ct as getBookingSuccessMessage, dt as prepareBookingSubmission, ft as resolveAppointmentCheckoutVerificationState, gt as toSelectedCollectionOptionKind, ht as resolveDefaultBookingServiceId, it as formatBookingCentsAsCurrencyInput, lt as isBookingServiceSlidingAmountInRange, mt as resolveBookingSiteId, nt as logger, ot as getBookingRedirectStateFromLocation, pt as resolveBookingPaymentStep, rt as deriveBookingFormViewState, st as getBookingServiceSlidingScale, t as defineIslandPropsDecoder, ut as parseBookingCurrencyInputToCents, vt as assertNever, wt as reportWorkflowSuccess, yt as clearWorkflowFeedback } from "./propsDecoder-CBPGXEYX.mjs";
+import { n as useBlockApi, t as BlockApiProvider } from "./context-B83PiNzm.mjs";
 import { n as isSpamProtectionEnabled, r as AltchaWidget, t as getChallengeUrl } from "./src-B833rYRr.mjs";
-import { a as CheckIcon, i as StateIcon, n as useDiscountCodeUi, r as TerminalPanel, t as scrollToBlock } from "./scrollToBlock-CShkRqab.mjs";
-import { t as DiscountCodeDisclosure } from "./DiscountCodeDisclosure-B9vriL5C.mjs";
-import { n as SpinnerNode, t as StepIndicator } from "./StepIndicator-DGCYuBJ1.mjs";
-import { t as FeedbackMessage } from "./FeedbackMessage-ByMrs3cr.mjs";
+import { a as CheckIcon, i as StateIcon, n as useDiscountCodeUi, r as TerminalPanel, t as scrollToBlock } from "./scrollToBlock-DZ73aEX6.mjs";
+import { t as DiscountCodeDisclosure } from "./DiscountCodeDisclosure-BPZ-yfGI.mjs";
+import { n as SpinnerNode, t as StepIndicator } from "./StepIndicator-CLjQhkDb.mjs";
+import { t as FeedbackMessage } from "./FeedbackMessage-CtLvvS_d.mjs";
 import { n as getFieldValidationControlProps, t as FieldValidationMessage } from "./FieldValidationMessage-AYanWFb-.mjs";
 import { t as buildCheckoutReturnUrls } from "./checkoutUrls-Ct8Mxna3.mjs";
 import { t as mountReactIsland } from "./reactMount-SY8AVRof.mjs";
@@ -641,8 +641,12 @@ function useBookingSubmission(_siteId) {
 	};
 }
 //#endregion
-//#region ../blocks/src/system/runtime/nodes/booking-form.headless.state.ts
-const unsafeAsBookingFieldId = (id) => id;
+//#region ../blocks/src/system/runtime/nodes/booking-form.validationErrors.ts
+function omitRecordKey(record, key) {
+	if (!(key in record)) return record;
+	const { [key]: _removed, ...rest } = record;
+	return rest;
+}
 function createEmptyBookingValidationErrors() {
 	return {
 		formError: null,
@@ -677,6 +681,9 @@ function clearBookingFieldError(errors, fieldId) {
 		fieldErrors: omitRecordKey(errors.fieldErrors, fieldId)
 	};
 }
+//#endregion
+//#region ../blocks/src/system/runtime/nodes/booking-form.headless.state.ts
+const unsafeAsBookingFieldId = (id) => id;
 function createInitialBookingFlowReducerState(input) {
 	const initialData = input.initialData ?? {};
 	return {
@@ -688,6 +695,7 @@ function createInitialBookingFlowReducerState(input) {
 		selectedSlot: null,
 		fieldValues: collectInitialFieldValues(initialData),
 		touchedFields: {},
+		attemptedStepIds: {},
 		discountCode: toOptionalString(initialData.discountCode) ?? "",
 		selectedSlidingAmountInput: toOptionalString(initialData.selectedSlidingAmountInput) ?? "",
 		selectedCollectionOptionKind: toSelectedCollectionOptionKind(initialData.selectedCollectionOptionKind),
@@ -726,6 +734,25 @@ function toOptionalCustomerPassId(value) {
 function isBookingFieldValue(value) {
 	return value === null || typeof value === "string" || typeof value === "number" || typeof value === "boolean" || Array.isArray(value) && value.every((item) => typeof item === "string");
 }
+/**
+* Send the flow back to the date step when the slot it was holding went away,
+* leaving a scoped feedback message. A completed booking is left alone.
+*/
+function applyAvailabilitySelectionInvalidation(state, invalidation) {
+	if (state.phase !== "editing") return state;
+	return {
+		...state,
+		currentStepId: "datetime-selection",
+		selectedDate: invalidation.kind === "date_unavailable" ? void 0 : state.selectedDate,
+		selectedSlot: null,
+		feedback: {
+			kind: "error",
+			scope: "availability",
+			message: invalidation.message
+		},
+		validationErrors: clearBookingFormError(state.validationErrors)
+	};
+}
 function bookingFlowReducer(state, event) {
 	switch (event.type) {
 		case "service-selected": return {
@@ -774,6 +801,13 @@ function bookingFlowReducer(state, event) {
 				[event.fieldId]: true
 			}
 		};
+		case "step-advance-attempted": return state.attemptedStepIds[event.stepId] ? state : {
+			...state,
+			attemptedStepIds: {
+				...state.attemptedStepIds,
+				[event.stepId]: true
+			}
+		};
 		case "payment-option-selected": return {
 			...state,
 			selectedCollectionOptionKind: event.kind ?? void 0,
@@ -820,20 +854,7 @@ function bookingFlowReducer(state, event) {
 			phase: event.feedback.kind === "success" ? "completed" : "editing",
 			feedback: event.feedback
 		};
-		case "availability-selection-invalidated":
-			if (state.phase !== "editing") return state;
-			return {
-				...state,
-				currentStepId: "datetime-selection",
-				selectedDate: event.invalidation.kind === "date_unavailable" ? void 0 : state.selectedDate,
-				selectedSlot: null,
-				feedback: {
-					kind: "error",
-					scope: "availability",
-					message: event.invalidation.message
-				},
-				validationErrors: clearBookingFormError(state.validationErrors)
-			};
+		case "availability-selection-invalidated": return applyAvailabilitySelectionInvalidation(state, event.invalidation);
 		case "feedback-cleared": return {
 			...state,
 			phase: "editing",
@@ -1064,6 +1085,7 @@ function deriveBookingFlowSteps(input) {
 		requiresResourceSelection: input.requiresResourceSelection,
 		paymentResolution: stepResolution.paymentResolution
 	}));
+	const attemptedStepIds = input.attemptedStepIds ?? {};
 	const steps = stepPlan.map((step, index) => {
 		const validation = validations.get(step.id) ?? { ok: true };
 		const state = index < currentStepIndex ? "complete" : index === currentStepIndex ? "active" : "available";
@@ -1073,7 +1095,7 @@ function deriveBookingFlowSteps(input) {
 			state,
 			index,
 			visibleIndex: index,
-			errors: validation.ok ? createEmptyBookingValidationErrors() : validation.errors,
+			errors: validation.ok || !attemptedStepIds[step.id] ? createEmptyBookingValidationErrors() : validation.errors,
 			canEnter: index <= currentStepIndex,
 			canLeave: validation.ok
 		};
@@ -1299,11 +1321,6 @@ function isBlankFieldValue(value) {
 	if (Array.isArray(value)) return value.length === 0;
 	return false;
 }
-function omitRecordKey(record, key) {
-	if (!(key in record)) return record;
-	const { [key]: _removed, ...rest } = record;
-	return rest;
-}
 //#endregion
 //#region ../blocks/src/system/runtime/hooks/useHeadlessBookingFlow.ts
 function useHeadlessBookingFlow(options) {
@@ -1377,9 +1394,11 @@ function useHeadlessBookingFlow(options) {
 		currentStepId: state.currentStepId,
 		requiresServiceSelection: options.requiresServiceSelection,
 		requiresResourceSelection: options.requiresResourceSelection,
-		enableAppointmentPackages: options.enableAppointmentPackages
+		enableAppointmentPackages: options.enableAppointmentPackages,
+		attemptedStepIds: state.attemptedStepIds
 	}), [
 		data,
+		state.attemptedStepIds,
 		defaultServiceId,
 		defaultResourceId,
 		options.enableAppointmentPackages,
@@ -1731,6 +1750,10 @@ function useHeadlessBookingFlow(options) {
 			if (!latest.currentStep) return { ok: true };
 			const validation = latest.validations.get(latest.currentStep.id) ?? { ok: true };
 			if (!validation.ok) {
+				dispatch({
+					type: "step-advance-attempted",
+					stepId: latest.currentStep.id
+				});
 				dispatch({
 					type: "validation-errors-set",
 					errors: validation.errors
@@ -2856,16 +2879,10 @@ function DefaultBookingErrorSummary({ errors, id }) {
 	if (!hasBookingValidationErrors(errors)) return null;
 	return /* @__PURE__ */ jsxs(FeedbackMessage, {
 		tone: "error",
-		className: "rb-mt-6 alert alert-error",
+		treatment: "field-note",
 		id,
 		role: "alert",
-		children: [errors.formError ? /* @__PURE__ */ jsx("p", {
-			className: "rb-caption",
-			children: /* @__PURE__ */ jsx("strong", { children: errors.formError })
-		}) : null, Object.entries(errors.fieldErrors).map(([key, message]) => /* @__PURE__ */ jsx("p", {
-			className: "rb-caption",
-			children: message
-		}, key))]
+		children: [errors.formError ? /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx("strong", { children: errors.formError }) }) : null, Object.entries(errors.fieldErrors).map(([key, message]) => /* @__PURE__ */ jsx("p", { children: message }, key))]
 	});
 }
 function SelectedCheck() {