@riverbankcms/sdk 0.130.0 → 0.130.2

package/dist/client/{EventCombined.client-EhscD4U6.mjs → EventCombined.client-Cjt3kKYR.mjs}

@@ -1,8 +1,8 @@
 "use client";
-import { t as clsx } from "./clsx-DgIEfj3H.mjs";
-import { B as groupEventsByDate, D as getEventRuntimeFiltersKey, E as buildEventRuntimeFilters, H as resolveEventLinkProps, I as formatEventTeacherLine, L as formatTime, P as formatEventPrice, R as getCardOrientation, W as getEventAvailability, Z as themeButtonClassName, bt as assertNever, j as formatDate, z as getContainerClass } from "./propsDecoder-CAZdhwjs.mjs";
-import { a as EventCardClient, i as EventPaginatedListView, n as useEventPagination, o as EventFilters, r as toError, t as useEventFilters } from "./useEventFilters-CULOa4nB.mjs";
-import { n as useBlockApi } from "./context-CJz1Vlsz.mjs";
+import { D as clsx } from "./colorStyles-CrxJrPjJ.mjs";
+import { B as groupEventsByDate, D as getEventRuntimeFiltersKey, E as buildEventRuntimeFilters, H as resolveEventLinkProps, I as formatEventTeacherLine, L as formatTime, P as formatEventPrice, R as getCardOrientation, W as getEventAvailability, Z as themeButtonClassName, j as formatDate, vt as assertNever, z as getContainerClass } from "./propsDecoder-CBPGXEYX.mjs";
+import { a as EventCardClient, i as EventPaginatedListView, n as useEventPagination, o as EventFilters, r as toError, t as useEventFilters } from "./useEventFilters-pF_OJNQP.mjs";
+import { n as useBlockApi } from "./context-B83PiNzm.mjs";
 import { t as createBodyThemePortalRoot } from "./themePortalRoot-AGs4cE7t.mjs";
 import { t as ModalShell } from "./ModalShell-CqkBvBIC.mjs";
 import React, { createContext, useCallback, useContext, useEffect, useId, useMemo, useReducer, useRef, useState } from "react";

package/dist/client/{EventListing.client-Bn26cFTY.mjs → EventListing.client-DY9dn6Fh.mjs}

@@ -1,6 +1,6 @@
 "use client";
-import { E as buildEventRuntimeFilters } from "./propsDecoder-CAZdhwjs.mjs";
-import { i as EventPaginatedListView, n as useEventPagination, o as EventFilters, t as useEventFilters } from "./useEventFilters-CULOa4nB.mjs";
+import { E as buildEventRuntimeFilters } from "./propsDecoder-CBPGXEYX.mjs";
+import { i as EventPaginatedListView, n as useEventPagination, o as EventFilters, t as useEventFilters } from "./useEventFilters-pF_OJNQP.mjs";
 import { useId, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region ../blocks/src/system/runtime/nodes/events/EventListing.client.tsx

package/dist/client/{FeedbackMessage-ByMrs3cr.mjs → FeedbackMessage-CtLvvS_d.mjs}

@@ -3,13 +3,25 @@ import { jsx, jsxs } from "react/jsx-runtime";
 function joinClasses(...parts) {
 	return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
 }
-function FeedbackMessage({ tone, children, className, id, title, titleClassName, bodyClassName, role = "status", live }) {
+/**
+* The class each treatment contributes on top of whatever the caller passed.
+*
+* `panel` contributes nothing: its callers already pass `alert alert-*`, so
+* adopting the vocabulary changes no existing rendering. `field-note` needs a
+* single hook — its tone styling keys off `data-feedback-tone` in the
+* theme-generated CSS rather than off a second class.
+*/
+function treatmentClass(treatment) {
+	return treatment === "field-note" ? "feedback-note" : void 0;
+}
+function FeedbackMessage({ tone, treatment = "panel", children, className, id, title, titleClassName, bodyClassName, role = "status", live }) {
 	const resolvedLive = live ?? (role === "alert" ? "assertive" : "polite");
-	const shouldWrapBody = Boolean(title || bodyClassName);
+	const shouldWrapBody = Boolean(title || bodyClassName) || treatment === "field-note";
 	return /* @__PURE__ */ jsxs("div", {
 		id,
-		className,
+		className: joinClasses(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", {

package/dist/client/{LeafletStaticMap-BUw9Ntzr.mjs → LeafletStaticMap--2c61XYn.mjs}

@@ -1,5 +1,5 @@
 "use client";
-import { Y as isRecord } from "./propsDecoder-CAZdhwjs.mjs";
+import { Y as isRecord } from "./propsDecoder-CBPGXEYX.mjs";
 import { useEffect, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region ../blocks/src/system/runtime/nodes/shared/LeafletStaticMap.tsx

package/dist/client/{StepIndicator-BfbdiVQI.mjs → StepIndicator-CLjQhkDb.mjs}

@@ -1,6 +1,6 @@
-import { t as clsx } from "./clsx-DgIEfj3H.mjs";
-import { Gt as formatCurrencyAmount } from "./propsDecoder-CAZdhwjs.mjs";
-import { a as CheckIcon } from "./scrollToBlock-DSSqVQr1.mjs";
+import { D as clsx } from "./colorStyles-CrxJrPjJ.mjs";
+import { Ut as formatCurrencyAmount } from "./propsDecoder-CBPGXEYX.mjs";
+import { a as CheckIcon } from "./scrollToBlock-DZ73aEX6.mjs";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region ../blocks/src/system/runtime/shared/utils/formatting.ts

package/dist/client/{accordion-CjIeof73.mjs → accordion-_boYwHHi.mjs}

@@ -1,4 +1,4 @@
-import { t as defineIslandPropsDecoder } from "./propsDecoder-CAZdhwjs.mjs";
+import { t as defineIslandPropsDecoder } from "./propsDecoder-CBPGXEYX.mjs";
 //#region src/rendering/islands/enhancers/accordion.ts
 const decode = defineIslandPropsDecoder("accordion");
 function parseDefaultValues(value) {

package/dist/client/{bookingForm-DwEeovf_.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-BGG_8-jl.mjs";
-import { At as formatBookingInstant, Dt as addLocalScheduleDays, Et as reportWorkflowSuccess, Ft as resolveBookingTimeZoneId, Gt as formatCurrencyAmount, Mt as formatLocalScheduleDate, Pt as parseBookingLocalDate, St as err, Tt as reportWorkflowError, Z as themeButtonClassName, _t as resolveDefaultBookingServiceId, at as deriveBookingFormViewState, bt as assertNever, ct as getBookingRedirectStateFromLocation, dt as isBookingServiceSlidingAmountInRange, ft as parseBookingCurrencyInputToCents, gt as resolveBookingSiteId, ht as resolveBookingPaymentStep, it as logger, lt as getBookingServiceSlidingScale, mt as resolveAppointmentCheckoutVerificationState, ot as formatBookingCentsAsCurrencyInput, pt as prepareBookingSubmission, st as formatBookingSubmissionPreparationError, t as defineIslandPropsDecoder, ut as getBookingSuccessMessage, vt as toSelectedCollectionOptionKind, wt as okWith, xt as clearWorkflowFeedback, yt as BOOKING_FORM_DATA_RESERVED_KEYS } from "./propsDecoder-CAZdhwjs.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-DSSqVQr1.mjs";
-import { t as DiscountCodeDisclosure } from "./DiscountCodeDisclosure-Ur-Xx1U_.mjs";
-import { n as SpinnerNode, t as StepIndicator } from "./StepIndicator-BfbdiVQI.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() {