@riverbankcms/sdk 0.88.0 → 0.90.0

package/dist/client/bookings.mjs

@@ -3931,6 +3931,24 @@ function useBlockApi() {
   return client;
 }
 
+// ../blocks/src/system/runtime/api/types.ts
+function discountAvailabilityHasDiscounts(availability) {
+  return availability.type !== "none";
+}
+function discountAvailabilityAllowsManualEntry(availability) {
+  return "manualCodeEntryAllowed" in availability && availability.manualCodeEntryAllowed;
+}
+function getAutoAppliedDiscountPreview(availability) {
+  switch (availability.type) {
+    case "none":
+    case "manual":
+      return null;
+    case "auto":
+    case "auto_and_manual":
+      return availability.autoAppliedDiscount;
+  }
+}
+
 // ../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r(e) {
   var t, f, n = "";
@@ -5861,8 +5879,8 @@ function SpinnerNode({
 }
 
 // ../frontend-state/dist/index.mjs
-var IDLE_FEEDBACK = idleFeedback();
-function idleFeedback() {
+var IDLE_FEEDBACK$2 = idleFeedback$3();
+function idleFeedback$3() {
   return { tag: "idle" };
 }
 function clearWorkflowFeedback(state) {
@@ -5887,18 +5905,30 @@ function idleSubmissionFeedback() {
   return { tag: "idle" };
 }
 function errorSubmissionFeedback(message) {
-  return { tag: "error", message };
+  return {
+    tag: "error",
+    message
+  };
 }
 function successSubmissionFeedback(message) {
-  return { tag: "success", message };
+  return {
+    tag: "success",
+    message
+  };
 }
-function okWith2(data) {
-  return { ok: true, data };
+function okWith(data) {
+  return {
+    ok: true,
+    data
+  };
 }
 function err2(error) {
-  return { ok: false, error };
+  return {
+    ok: false,
+    error
+  };
 }
-function assertNever11(value, message) {
+function assertNever4(value, message) {
   throw new Error(message ?? `Unexpected value: ${String(value)}`);
 }
 
@@ -6053,7 +6083,7 @@ function deriveBookingFormViewState(input) {
         resourceName: input.verificationState.resourceName
       };
     default:
-      return assertNever11(input.verificationState);
+      return assertNever4(input.verificationState);
   }
 }
 function resolveBookingSiteId(siteId, form) {
@@ -6223,7 +6253,7 @@ function getBookingServicePaymentSelectionMode(service) {
       case "flexible_balance":
         return "implicit_flexible_balance";
       default:
-        return assertNever11(onlyKind);
+        return assertNever4(onlyKind);
     }
   }
   if (allowedKinds.length === 2 && allowedKinds.includes("upfront") && (allowedKinds.includes("deferred_manual") || allowedKinds.includes("instalment_plan") || allowedKinds.includes("flexible_balance"))) {
@@ -6425,7 +6455,7 @@ function formatBookingSubmissionPreparationError(error) {
     case "service-missing-duration":
       return `Service "${error.serviceTitle}" is missing duration. Please update the service in the dashboard to include a duration (e.g., 30 minutes).`;
     default:
-      return assertNever11(error);
+      return assertNever4(error);
   }
 }
 function getBookingSuccessMessage(successMessage) {
@@ -11844,7 +11874,7 @@ function findEventByOccurrenceId(events, occurrenceId) {
 function findPreSelectedEvent(input) {
   const occurrenceContext = input.occurrenceContext;
   if (!occurrenceContext) {
-    return null;
+    return input.scopedEvents.length === 1 ? input.scopedEvents[0] ?? null : null;
   }
   const contextDate = getBookingLocalDateKey(toScheduledBookingDateTime({
     startsAt: occurrenceContext.startsAt,
@@ -11950,11 +11980,10 @@ function FeedbackMessage({
 }
 
 // ../blocks/src/system/runtime/nodes/booking-form.client.tsx
-import React3, { useRef as useRef7, useState as useState5 } from "react";
+import React3, { useRef as useRef8, useState as useState2 } from "react";
 
 // ../altcha/src/AltchaWidget.tsx
-import { useEffect, useRef } from "react";
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { createElement, useEffect, useRef } from "react";
 function AltchaWidget({
   challengeUrl,
   onSolutionChange,
@@ -11998,7 +12027,7 @@ function AltchaWidget({
       }
     };
   }, [challengeUrl, auto, hidelogo, className, onSolutionChange]);
-  return /* @__PURE__ */ jsx4("div", { ref: containerRef });
+  return createElement("div", { ref: containerRef });
 }
 
 // ../altcha/src/client.ts
@@ -12007,13 +12036,13 @@ function isSpamProtectionEnabled() {
 }
 
 // ../blocks/src/system/runtime/components/booking/SuccessMessage.tsx
-import { Fragment, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var SuccessMessage = ({
   message,
   resourceName,
   className
 }) => {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     FeedbackMessage,
     {
       tone: "success",
@@ -12021,7 +12050,7 @@ var SuccessMessage = ({
       role: "alert",
       live: "polite",
       children: /* @__PURE__ */ jsxs3(Fragment, { children: [
-        /* @__PURE__ */ jsx5("p", { className: "ab-text", children: message }),
+        /* @__PURE__ */ jsx4("p", { className: "ab-text", children: message }),
         resourceName ? /* @__PURE__ */ jsxs3("p", { className: "ab-text ab-text--muted", children: [
           "Practitioner: ",
           resourceName
@@ -12037,9 +12066,9 @@ import React2, {
   useEffect as useEffect6,
   useLayoutEffect,
   useMemo as useMemo2,
-  useReducer as useReducer2,
-  useRef as useRef5,
-  useState as useState4
+  useReducer as useReducer5,
+  useRef as useRef6,
+  useState
 } from "react";
 
 // ../../node_modules/.pnpm/altcha-lib@1.4.1/node_modules/altcha-lib/dist/helpers.js
@@ -12066,7 +12095,7 @@ function getChallengeUrl() {
 }
 
 // ../blocks/src/system/runtime/hooks/useAvailableDates.ts
-import { useState, useEffect as useEffect3, useCallback, useRef as useRef3 } from "react";
+import { useEffect as useEffect3, useCallback, useReducer, useRef as useRef3 } from "react";
 
 // ../blocks/src/utils/date-formatting.ts
 var BOOKING_FETCH_CHUNK_DAYS = 14;
@@ -12175,6 +12204,75 @@ function useVisibleTabPolling({
   }, [enabled, intervalMs, jitterMs, minVisibleRefreshIntervalMs]);
 }
 
+// ../blocks/src/system/runtime/hooks/useAvailableDates.state.ts
+function createEmptyAvailableDatesData() {
+  return {
+    availableDates: /* @__PURE__ */ new Set(),
+    hasMore: false,
+    loadedRange: null,
+    nextStartDate: null
+  };
+}
+function createInitialAvailableDatesState() {
+  return {
+    tag: "idle",
+    data: createEmptyAvailableDatesData()
+  };
+}
+var initialAvailableDatesState = createInitialAvailableDatesState();
+function getAvailableDates(state) {
+  return state.data.availableDates;
+}
+function getAvailableDatesLoadedRange(state) {
+  return state.data.loadedRange;
+}
+function getAvailableDatesNextStartDate(state) {
+  return state.data.nextStartDate;
+}
+function hasMoreAvailableDates(state) {
+  return state.data.hasMore;
+}
+function isLoadingAvailableDates(state) {
+  return state.tag === "loading";
+}
+function isRefreshingAvailableDates(state) {
+  return state.tag === "refreshing";
+}
+function getAvailableDatesError(state) {
+  return state.tag === "error" ? state.message : null;
+}
+function mergeAvailableDates(previous, action) {
+  const availableDates = action.append ? new Set(previous.availableDates) : /* @__PURE__ */ new Set();
+  for (const date of action.dates) {
+    availableDates.add(date);
+  }
+  return {
+    availableDates,
+    hasMore: action.hasMore,
+    loadedRange: {
+      start: action.append && previous.loadedRange ? previous.loadedRange.start : action.startDate,
+      end: action.endDate
+    },
+    nextStartDate: action.nextStartDate
+  };
+}
+function availableDatesReducer(state, action) {
+  switch (action.type) {
+    case "query-cleared":
+      return { tag: "idle", data: createEmptyAvailableDatesData() };
+    case "load-started":
+      return { tag: "loading", data: state.data };
+    case "refresh-started":
+      return { tag: "refreshing", data: state.data };
+    case "load-succeeded":
+      return { tag: "loaded", data: mergeAvailableDates(state.data, action) };
+    case "load-failed":
+      return { tag: "error", data: state.data, message: action.message };
+    default:
+      return assertNever4(action);
+  }
+}
+
 // ../blocks/src/system/runtime/hooks/useAvailableDates.ts
 var AVAILABILITY_REFRESH_INTERVAL_MS = 3e4;
 var AVAILABILITY_REFRESH_JITTER_MS = 5e3;
@@ -12187,25 +12285,23 @@ function useAvailableDates({
   initialDays = 30
 }) {
   const api = useBlockApi();
-  const [availableDates, setAvailableDates] = useState(/* @__PURE__ */ new Set());
-  const [isLoading, setIsLoading] = useState(false);
-  const [isRefreshing, setIsRefreshing] = useState(false);
-  const [error, setError] = useState(null);
-  const [hasMore, setHasMore] = useState(false);
-  const [loadedRange, setLoadedRange] = useState(null);
-  const nextStartDateRef = useRef3(null);
+  const [state, dispatch] = useReducer(
+    availableDatesReducer,
+    createInitialAvailableDatesState()
+  );
   const requestIdRef = useRef3(0);
+  const loadedRange = getAvailableDatesLoadedRange(state);
+  const isLoading = isLoadingAvailableDates(state);
+  const nextStartDate = getAvailableDatesNextStartDate(state);
   const fetchDates = useCallback(
     async (startDate, endDate, append = false, mode = "load") => {
       if (!serviceId) return;
       const requestId = ++requestIdRef.current;
       if (mode === "refresh") {
-        setIsRefreshing(true);
+        dispatch({ type: "refresh-started" });
       } else {
-        setIsLoading(true);
-        setIsRefreshing(false);
+        dispatch({ type: "load-started" });
       }
-      setError(null);
       try {
         const data = await api.getAvailableDates({
           serviceId,
@@ -12215,38 +12311,29 @@ function useAvailableDates({
           resourceId
         });
         if (requestId !== requestIdRef.current) return;
-        setAvailableDates((prev) => {
-          const newSet = append ? new Set(prev) : /* @__PURE__ */ new Set();
-          data.dates.forEach((d) => newSet.add(d));
-          return newSet;
+        dispatch({
+          type: "load-succeeded",
+          dates: data.dates,
+          hasMore: data.hasMore,
+          nextStartDate: data.nextStartDate || null,
+          startDate: data.startDate,
+          endDate: data.endDate,
+          append
         });
-        setHasMore(data.hasMore);
-        nextStartDateRef.current = data.nextStartDate || null;
-        setLoadedRange((prev) => ({
-          start: append && prev ? prev.start : data.startDate,
-          end: data.endDate
-        }));
       } catch (err3) {
         if (requestId !== requestIdRef.current) return;
-        setError(
-          err3 instanceof Error ? err3.message : "Failed to load available dates"
-        );
-      } finally {
-        if (mode === "refresh" && requestId === requestIdRef.current) {
-          setIsRefreshing(false);
-        } else if (requestId === requestIdRef.current) {
-          setIsLoading(false);
-        }
+        dispatch({
+          type: "load-failed",
+          message: err3 instanceof Error ? err3.message : "Failed to load available dates"
+        });
       }
     },
     [api, serviceId, resourceId, timezone]
   );
   useEffect3(() => {
     if (!serviceId) {
-      setAvailableDates(/* @__PURE__ */ new Set());
-      setLoadedRange(null);
-      setHasMore(false);
-      setIsRefreshing(false);
+      requestIdRef.current += 1;
+      dispatch({ type: "query-cleared" });
       return;
     }
     const now = /* @__PURE__ */ new Date();
@@ -12270,8 +12357,8 @@ function useAvailableDates({
     }
   });
   const loadMore = useCallback(() => {
-    if (!nextStartDateRef.current || isLoading) return;
-    const start = nextStartDateRef.current;
+    if (!nextStartDate || isLoading) return;
+    const start = nextStartDate;
     const end = formatLocalScheduleDate(
       addLocalScheduleDays(
         parseBookingLocalDate(start),
@@ -12279,20 +12366,86 @@ function useAvailableDates({
       )
     );
     void fetchDates(start, end, true);
-  }, [fetchDates, isLoading]);
+  }, [fetchDates, isLoading, nextStartDate]);
   return {
-    availableDates,
+    availableDates: getAvailableDates(state),
     isLoading,
-    isRefreshing,
-    error,
-    hasMore,
+    isRefreshing: isRefreshingAvailableDates(state),
+    error: getAvailableDatesError(state),
+    hasMore: hasMoreAvailableDates(state),
     loadMore,
     loadedRange
   };
 }
 
 // ../blocks/src/system/runtime/hooks/useAvailableSlots.ts
-import { useState as useState2, useCallback as useCallback2, useEffect as useEffect4, useRef as useRef4 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect4, useReducer as useReducer2, useRef as useRef4 } from "react";
+
+// ../blocks/src/system/runtime/hooks/useAvailableSlots.state.ts
+var initialAvailableSlotsState = { tag: "idle" };
+function getAvailableSlots(state) {
+  switch (state.tag) {
+    case "idle":
+    case "loading":
+      return [];
+    case "loaded":
+    case "refreshing":
+    case "error":
+      return state.slots;
+    default:
+      return assertNever4(state);
+  }
+}
+function hasLoadedAvailableSlots(state) {
+  switch (state.tag) {
+    case "idle":
+      return false;
+    case "loading":
+    case "refreshing":
+    case "error":
+      return state.hasLoaded;
+    case "loaded":
+      return true;
+    default:
+      return assertNever4(state);
+  }
+}
+function isLoadingAvailableSlots(state) {
+  return state.tag === "loading";
+}
+function isRefreshingAvailableSlots(state) {
+  return state.tag === "refreshing";
+}
+function getAvailableSlotsError(state) {
+  return state.tag === "error" ? state.message : null;
+}
+function availableSlotsReducer(state, action) {
+  switch (action.type) {
+    case "query-cleared":
+      return { tag: "idle" };
+    case "load-started":
+      return { tag: "loading", hasLoaded: hasLoadedAvailableSlots(state) };
+    case "refresh-started":
+      return {
+        tag: "refreshing",
+        slots: getAvailableSlots(state),
+        hasLoaded: hasLoadedAvailableSlots(state)
+      };
+    case "load-succeeded":
+      return { tag: "loaded", slots: action.slots };
+    case "load-failed":
+      return {
+        tag: "error",
+        slots: getAvailableSlots(state),
+        hasLoaded: hasLoadedAvailableSlots(state),
+        message: action.message
+      };
+    default:
+      return assertNever4(action);
+  }
+}
+
+// ../blocks/src/system/runtime/hooks/useAvailableSlots.ts
 var AVAILABILITY_REFRESH_INTERVAL_MS2 = 3e4;
 var AVAILABILITY_REFRESH_JITTER_MS2 = 5e3;
 function useAvailableSlots({
@@ -12304,31 +12457,23 @@ function useAvailableSlots({
   timezone
 }) {
   const api = useBlockApi();
-  const [slots, setSlots] = useState2([]);
-  const [isLoading, setIsLoading] = useState2(false);
-  const [isRefreshing, setIsRefreshing] = useState2(false);
-  const [hasLoaded, setHasLoaded] = useState2(false);
-  const [error, setError] = useState2(null);
+  const [state, dispatch] = useReducer2(
+    availableSlotsReducer,
+    initialAvailableSlotsState
+  );
   const requestIdRef = useRef4(0);
   const fetchSlots = useCallback2(
     async (mode) => {
       const requestId = ++requestIdRef.current;
       if (!selectedDate || !serviceId) {
-        setSlots([]);
-        setIsLoading(false);
-        setIsRefreshing(false);
-        setHasLoaded(false);
-        setError(null);
+        dispatch({ type: "query-cleared" });
         return;
       }
       if (mode === "refresh") {
-        setIsRefreshing(true);
+        dispatch({ type: "refresh-started" });
       } else {
-        setIsLoading(true);
-        setIsRefreshing(false);
-        setSlots([]);
+        dispatch({ type: "load-started" });
       }
-      setError(null);
       try {
         const result = await api.getAvailableSlots({
           serviceId,
@@ -12338,24 +12483,19 @@ function useAvailableSlots({
           resourceId
         });
         if (requestId !== requestIdRef.current) return;
-        setSlots(
-          result.slots.map((slot) => ({
+        dispatch({
+          type: "load-succeeded",
+          slots: result.slots.map((slot) => ({
             ...slot,
             resourceId: unsafeAsAppointmentResourceId(slot.resourceId)
           }))
-        );
-        setHasLoaded(true);
+        });
       } catch (err3) {
         if (requestId !== requestIdRef.current) return;
-        setError(
-          err3 instanceof Error ? err3.message : "Failed to load available times"
-        );
-      } finally {
-        if (mode === "refresh" && requestId === requestIdRef.current) {
-          setIsRefreshing(false);
-        } else if (requestId === requestIdRef.current) {
-          setIsLoading(false);
-        }
+        dispatch({
+          type: "load-failed",
+          message: err3 instanceof Error ? err3.message : "Failed to load available times"
+        });
       }
     },
     [selectedDate, serviceId, resourceId, timezone, api]
@@ -12372,11 +12512,17 @@ function useAvailableSlots({
     jitterMs: AVAILABILITY_REFRESH_JITTER_MS2,
     onPoll: () => fetchSlots("refresh")
   });
-  return { slots, isLoading, isRefreshing, hasLoaded, error };
+  return {
+    slots: getAvailableSlots(state),
+    isLoading: isLoadingAvailableSlots(state),
+    isRefreshing: isRefreshingAvailableSlots(state),
+    hasLoaded: hasLoadedAvailableSlots(state),
+    error: getAvailableSlotsError(state)
+  };
 }
 
 // ../blocks/src/system/runtime/hooks/useBookingSubmission.ts
-import { useReducer } from "react";
+import { useReducer as useReducer3 } from "react";
 
 // ../blocks/src/system/runtime/hooks/useBookingSubmission.state.ts
 var initialBookingSubmissionState = {
@@ -12404,7 +12550,7 @@ function bookingSubmissionReducer(state, action) {
     case "feedback-cleared":
       return clearWorkflowFeedback(state);
     default:
-      return assertNever11(action);
+      return assertNever4(action);
   }
 }
 function selectIsSubmitting(state) {
@@ -12414,7 +12560,7 @@ function selectIsSubmitting(state) {
 // ../blocks/src/system/runtime/hooks/useBookingSubmission.ts
 function useBookingSubmission(_siteId) {
   const api = useBlockApi();
-  const [state, dispatch] = useReducer(
+  const [state, dispatch] = useReducer3(
     bookingSubmissionReducer,
     initialBookingSubmissionState
   );
@@ -12448,7 +12594,7 @@ function useBookingSubmission(_siteId) {
         type: "submission-succeeded",
         message: response.type === "checkout_redirect" ? "Redirecting to secure checkout..." : "Booking submitted successfully."
       });
-      return okWith2(response);
+      return okWith(response);
     } catch (error) {
       console.error("Booking submission error:", error);
       const message = error instanceof Error ? error.message : "Failed to book appointment";
@@ -12469,65 +12615,157 @@ function useBookingSubmission(_siteId) {
 }
 
 // ../blocks/src/system/runtime/nodes/event-registration/useDiscountCodeUi.ts
-import { useEffect as useEffect5, useState as useState3 } from "react";
+import { useEffect as useEffect5, useReducer as useReducer4, useRef as useRef5 } from "react";
+
+// ../blocks/src/system/runtime/nodes/event-registration/useDiscountCodeUi.state.ts
+var initialDiscountCodeUiState = {
+  discountUiOpen: false,
+  discountCode: "",
+  availability: { tag: "disabled" }
+};
+function getDiscountContextKey(context) {
+  if (!context) return "disabled";
+  switch (context.type) {
+    case "event":
+      return [
+        context.type,
+        context.eventSeriesId,
+        context.eventCategoryId ?? "",
+        context.ticketsCount ?? ""
+      ].join(":");
+    case "appointment":
+      return [context.type, context.serviceId].join(":");
+    case "course":
+      return [context.type, context.courseId].join(":");
+    case "pass":
+      return [context.type, context.passId].join(":");
+    case "membership":
+      return [context.type, context.membershipId].join(":");
+    case "product":
+      return [context.type, context.productId, context.productCategoryId ?? ""].join(":");
+  }
+}
+function buildDiscountAvailabilityRequestPlan(options) {
+  if (!options.discountContext) {
+    return { ok: false, key: "disabled" };
+  }
+  const subtotalCents = options.subtotalCents;
+  const key = [
+    getDiscountContextKey(options.discountContext),
+    subtotalCents ?? ""
+  ].join("|");
+  return {
+    ok: true,
+    key,
+    request: {
+      context: options.discountContext,
+      ...subtotalCents !== void 0 ? { subtotalCents } : {}
+    }
+  };
+}
+function discountAvailabilityStateFromResponse(response) {
+  if (!discountAvailabilityHasDiscounts(response)) {
+    return { tag: "unavailable" };
+  }
+  return {
+    tag: "available",
+    manualCodeEntryAllowed: discountAvailabilityAllowsManualEntry(response),
+    autoAppliedDiscount: getAutoAppliedDiscountPreview(response)
+  };
+}
+function discountCodeUiReducer(state, event) {
+  switch (event.type) {
+    case "availability-disabled":
+      return initialDiscountCodeUiState;
+    case "availability-loading":
+      return {
+        ...state,
+        availability: { tag: "loading" }
+      };
+    case "availability-loaded": {
+      const availability = discountAvailabilityStateFromResponse(event.response);
+      if (availability.tag !== "available" || !availability.manualCodeEntryAllowed) {
+        return {
+          ...state,
+          discountUiOpen: false,
+          discountCode: "",
+          availability
+        };
+      }
+      return {
+        ...state,
+        availability
+      };
+    }
+    case "availability-failed":
+      return {
+        ...state,
+        discountUiOpen: false,
+        discountCode: "",
+        availability: { tag: "error" }
+      };
+    case "discount-code-changed":
+      return {
+        ...state,
+        discountCode: event.code
+      };
+    case "discount-ui-open-changed":
+      return {
+        ...state,
+        discountUiOpen: event.isOpen
+      };
+  }
+}
+
+// ../blocks/src/system/runtime/nodes/event-registration/useDiscountCodeUi.ts
+function useStableDiscountAvailabilityRequestPlan(options) {
+  const nextPlan = buildDiscountAvailabilityRequestPlan(options);
+  const planRef = useRef5(nextPlan);
+  if (planRef.current.key !== nextPlan.key) {
+    planRef.current = nextPlan;
+  }
+  return planRef.current;
+}
 function useDiscountCodeUi(options) {
-  const [discountUiOpen, setDiscountUiOpen] = useState3(false);
-  const [discountCode, setDiscountCode] = useState3("");
-  const [discountsAvailable, setDiscountsAvailable] = useState3(false);
-  const [manualCodeEntryAllowed, setManualCodeEntryAllowed] = useState3(false);
-  const [autoAppliedDiscount, setAutoAppliedDiscount] = useState3(null);
-  const [discountsAvailableLoading, setDiscountsAvailableLoading] = useState3(false);
+  const [state, dispatch] = useReducer4(
+    discountCodeUiReducer,
+    initialDiscountCodeUiState
+  );
+  const requestPlan = useStableDiscountAvailabilityRequestPlan(options);
   useEffect5(() => {
     let cancelled = false;
     async function checkDiscountAvailability() {
-      if (!options.discountContext) {
-        setDiscountsAvailable(false);
-        setManualCodeEntryAllowed(false);
-        setAutoAppliedDiscount(null);
-        setDiscountsAvailableLoading(false);
-        setDiscountUiOpen(false);
-        setDiscountCode("");
+      if (!requestPlan.ok) {
+        dispatch({ type: "availability-disabled" });
         return;
       }
-      setDiscountsAvailableLoading(true);
+      dispatch({ type: "availability-loading" });
       try {
-        const res = await options.api.getDiscountsAvailable({
-          context: options.discountContext,
-          subtotalCents: options.subtotalCents
-        });
+        const res = await options.api.getDiscountsAvailable(requestPlan.request);
         if (cancelled) return;
-        setDiscountsAvailable(res.hasDiscounts);
-        setManualCodeEntryAllowed(res.manualCodeEntryAllowed);
-        setAutoAppliedDiscount(res.autoAppliedDiscount);
-        if (!res.hasDiscounts || !res.manualCodeEntryAllowed) {
-          setDiscountUiOpen(false);
-          setDiscountCode("");
-        }
+        dispatch({ type: "availability-loaded", response: res });
       } catch {
         if (cancelled) return;
-        setDiscountsAvailable(false);
-        setManualCodeEntryAllowed(false);
-        setAutoAppliedDiscount(null);
-        setDiscountUiOpen(false);
-        setDiscountCode("");
-      } finally {
-        if (!cancelled) setDiscountsAvailableLoading(false);
+        dispatch({ type: "availability-failed" });
       }
     }
     void checkDiscountAvailability();
     return () => {
       cancelled = true;
     };
-  }, [options.api, options.discountContext, options.subtotalCents]);
+  }, [options.api, requestPlan]);
+  const availability = state.availability;
+  const isAvailable = availability.tag === "available";
+  const manualCodeEntryAllowed = isAvailable ? availability.manualCodeEntryAllowed : false;
   return {
-    discountUiOpen,
-    setDiscountUiOpen,
-    discountCode,
-    setDiscountCode,
-    discountsAvailable,
+    discountUiOpen: state.discountUiOpen,
+    setDiscountUiOpen: (isOpen) => dispatch({ type: "discount-ui-open-changed", isOpen }),
+    discountCode: state.discountCode,
+    setDiscountCode: (code) => dispatch({ type: "discount-code-changed", code }),
+    discountsAvailable: isAvailable,
     manualCodeEntryAllowed,
-    autoAppliedDiscount,
-    discountsAvailableLoading
+    autoAppliedDiscount: isAvailable ? availability.autoAppliedDiscount : null,
+    discountsAvailableLoading: availability.tag === "loading"
   };
 }
 
@@ -12710,7 +12948,7 @@ function buildBookingPaymentOptionViewModel(input) {
       };
     }
     default:
-      return assertNever11(input.option);
+      return assertNever4(input.option);
   }
 }
 function buildInstalmentSchedulePreview(input) {
@@ -12767,7 +13005,7 @@ function buildInstalmentSchedulePreview(input) {
       })));
     }
     default:
-      return assertNever11(input.option.plan);
+      return assertNever4(input.option.plan);
   }
 }
 function getPaymentCadenceLabel(plan) {
@@ -12994,7 +13232,7 @@ function bookingFlowReducer(state, event) {
     case "reset":
       return event.initial;
     default:
-      return assertNever11(event);
+      return assertNever4(event);
   }
 }
 function clearAvailabilityFeedback(feedback) {
@@ -13123,7 +13361,7 @@ function validateBookingStep(input) {
       return Object.keys(errors).length > 0 ? { ok: false, errors: createFieldBookingValidationErrors(errors) } : { ok: true };
     }
     default:
-      return assertNever11(input.stepId);
+      return assertNever4(input.stepId);
   }
 }
 function validateBookingFields(input) {
@@ -13484,7 +13722,7 @@ function resolveAppointmentPackagesModel(input) {
       };
     }
     default:
-      return assertNever11(input.state);
+      return assertNever4(input.state);
   }
 }
 function toHeadlessEligibleAppointmentPackage(appointmentPackage) {
@@ -13589,12 +13827,12 @@ function useHeadlessBookingFlow(options) {
     }),
     [defaultResourceId, defaultServiceId, options.initialData]
   );
-  const [state, dispatch] = useReducer2(bookingFlowReducer, initialState);
+  const [state, dispatch] = useReducer5(bookingFlowReducer, initialState);
   const api = useBlockApi();
-  const [resourcesState, setResourcesState] = useState4({ tag: "idle" });
-  const resourcesRequestIdRef = useRef5(0);
-  const [appointmentPackages, setAppointmentPackages] = useState4({ tag: "idle" });
-  const appointmentPackagesRequestIdRef = useRef5(0);
+  const [resourcesState, setResourcesState] = useState({ tag: "idle" });
+  const resourcesRequestIdRef = useRef6(0);
+  const [appointmentPackages, setAppointmentPackages] = useState({ tag: "idle" });
+  const appointmentPackagesRequestIdRef = useRef6(0);
   const selectedServiceId = state.selectedServiceId ?? defaultServiceId;
   const selectedResourceId = state.selectedResourceId ?? defaultResourceId;
   const selectedService = options.services.find((service) => service.id === selectedServiceId) ?? null;
@@ -13831,14 +14069,17 @@ function useHeadlessBookingFlow(options) {
     state.selectedDate,
     state.selectedSlot
   ]);
-  const appointmentDiscountContext = selectedService && (selectedService.priceAmount ?? 0) > 0 ? { type: "appointment", serviceId: selectedService.id } : null;
+  const appointmentDiscountContext = useMemo2(
+    () => selectedService && (selectedService.priceAmount ?? 0) > 0 ? { type: "appointment", serviceId: selectedService.id } : null,
+    [selectedService?.id, selectedService?.priceAmount]
+  );
   const discountUi = useDiscountCodeUi({
     api,
     discountContext: appointmentDiscountContext,
     subtotalCents: selectedService?.priceAmount ?? 0
   });
   const { submit, clearFeedback } = useBookingSubmission(options.siteId);
-  const submittingRef = useRef5(false);
+  const submittingRef = useRef6(false);
   const latestRef = useLatestRef({
     state,
     data,
@@ -14155,7 +14396,7 @@ function resolvePaymentMode(input) {
   return resolveBookingPaymentStep(input);
 }
 function useLatestRef(value) {
-  const ref = useRef5(value);
+  const ref = useRef6(value);
   useLayoutEffect(() => {
     ref.current = value;
   }, [value]);
@@ -14166,7 +14407,7 @@ function useLatestRef(value) {
 import { useMemo as useMemo3 } from "react";
 
 // ../blocks/src/system/runtime/hooks/usePolling.ts
-import { useEffect as useEffect7, useCallback as useCallback4, useReducer as useReducer3, useRef as useRef6 } from "react";
+import { useEffect as useEffect7, useCallback as useCallback4, useReducer as useReducer6, useRef as useRef7 } from "react";
 
 // ../blocks/src/system/runtime/hooks/usePolling.state.ts
 function createInitialPollingState() {
@@ -14223,7 +14464,7 @@ function pollingReducer(state, action) {
         case "timeout":
           return state;
         default:
-          return assertNever11(state);
+          return assertNever4(state);
       }
     case "polling-timed-out":
       return {
@@ -14232,7 +14473,7 @@ function pollingReducer(state, action) {
         error: new Error("Polling timed out")
       };
     default:
-      return assertNever11(action);
+      return assertNever4(action);
   }
 }
 
@@ -14240,17 +14481,17 @@ function pollingReducer(state, action) {
 var DEFAULT_MAX_ATTEMPTS = 10;
 var DEFAULT_POLL_INTERVAL = 1e3;
 function usePolling(config) {
-  const [state, dispatch] = useReducer3(
+  const [state, dispatch] = useReducer6(
     pollingReducer,
     void 0,
     createInitialPollingState
   );
-  const attemptsRef = useRef6(0);
-  const timeoutRef = useRef6(null);
-  const isPollingRef = useRef6(false);
-  const isActiveRef = useRef6(false);
-  const generationRef = useRef6(0);
-  const configRef = useRef6(config);
+  const attemptsRef = useRef7(0);
+  const timeoutRef = useRef7(null);
+  const isPollingRef = useRef7(false);
+  const isActiveRef = useRef7(false);
+  const generationRef = useRef7(0);
+  const configRef = useRef7(config);
   configRef.current = config;
   const cleanup = useCallback4(() => {
     isActiveRef.current = false;
@@ -14374,7 +14615,7 @@ function useAppointmentCheckoutVerification(config) {
 }
 
 // ../blocks/src/system/runtime/components/booking/DatePicker.tsx
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var DatePicker = ({
   value,
   onChange,
@@ -14389,21 +14630,21 @@ var DatePicker = ({
     return /* @__PURE__ */ jsxs4("div", { className: "ab-stack--sm", children: [
       /* @__PURE__ */ jsxs4("label", { className: "ab-label", children: [
         "Select Date",
-        required && /* @__PURE__ */ jsx6("span", { className: "ab-required", children: "*" })
+        required && /* @__PURE__ */ jsx5("span", { className: "ab-required", children: "*" })
       ] }),
-      /* @__PURE__ */ jsx6("div", { className: "ab-skeleton" }),
-      /* @__PURE__ */ jsx6("p", { className: "ab-text ab-text--muted ab-text--sm", children: "Loading available dates..." })
+      /* @__PURE__ */ jsx5("div", { className: "ab-skeleton" }),
+      /* @__PURE__ */ jsx5("p", { className: "ab-text ab-text--muted ab-text--sm", children: "Loading available dates..." })
     ] });
   }
   if (isEmpty) {
     return /* @__PURE__ */ jsxs4("div", { className: "ab-stack--sm", children: [
       /* @__PURE__ */ jsxs4("label", { className: "ab-label", children: [
         "Select Date",
-        required && /* @__PURE__ */ jsx6("span", { className: "ab-required", children: "*" })
+        required && /* @__PURE__ */ jsx5("span", { className: "ab-required", children: "*" })
       ] }),
-      /* @__PURE__ */ jsx6(FeedbackMessage, { tone: "warning", className: "ab-alert ab-alert--warning", role: "status", children: /* @__PURE__ */ jsxs4("p", { className: "ab-text", children: [
+      /* @__PURE__ */ jsx5(FeedbackMessage, { tone: "warning", className: "ab-alert ab-alert--warning", role: "status", children: /* @__PURE__ */ jsxs4("p", { className: "ab-text", children: [
         "No available dates in this period.",
-        hasMore && onLoadMore && /* @__PURE__ */ jsx6(
+        hasMore && onLoadMore && /* @__PURE__ */ jsx5(
           "button",
           {
             type: "button",
@@ -14418,7 +14659,7 @@ var DatePicker = ({
   return /* @__PURE__ */ jsxs4("div", { className: "ab-stack--sm", children: [
     /* @__PURE__ */ jsxs4("label", { htmlFor: "booking-date", className: "ab-label", children: [
       "Select Date",
-      required && /* @__PURE__ */ jsx6("span", { className: "ab-required", children: "*" })
+      required && /* @__PURE__ */ jsx5("span", { className: "ab-required", children: "*" })
     ] }),
     /* @__PURE__ */ jsxs4(
       "select",
@@ -14429,12 +14670,12 @@ var DatePicker = ({
         required,
         className: "ab-select",
         children: [
-          /* @__PURE__ */ jsx6("option", { value: "", children: "Choose a date..." }),
-          dateOptions.map((date) => /* @__PURE__ */ jsx6("option", { value: date, children: formatDate(date) }, date))
+          /* @__PURE__ */ jsx5("option", { value: "", children: "Choose a date..." }),
+          dateOptions.map((date) => /* @__PURE__ */ jsx5("option", { value: date, children: formatDate(date) }, date))
         ]
       }
     ),
-    hasMore && onLoadMore && /* @__PURE__ */ jsx6(
+    hasMore && onLoadMore && /* @__PURE__ */ jsx5(
       "button",
       {
         type: "button",
@@ -14447,7 +14688,7 @@ var DatePicker = ({
 };
 
 // ../blocks/src/system/runtime/components/booking/TimeSlotSelector.tsx
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var TimeSlotSelector = ({
   value,
   onChange,
@@ -14458,9 +14699,9 @@ var TimeSlotSelector = ({
   return /* @__PURE__ */ jsxs5("div", { className: "ab-stack--sm", children: [
     /* @__PURE__ */ jsxs5("label", { htmlFor: "booking-slot", className: "ab-label", children: [
       "Select Time",
-      required && /* @__PURE__ */ jsx7("span", { className: "ab-required", children: "*" })
+      required && /* @__PURE__ */ jsx6("span", { className: "ab-required", children: "*" })
     ] }),
-    isLoading ? /* @__PURE__ */ jsx7(FeedbackMessage, { tone: "info", className: "ab-alert ab-alert--info ab-center", role: "status", children: "Loading available times..." }) : slots.length === 0 ? /* @__PURE__ */ jsx7(FeedbackMessage, { tone: "info", className: "ab-alert ab-alert--info ab-center", role: "status", children: "No available times for this date" }) : /* @__PURE__ */ jsxs5(
+    isLoading ? /* @__PURE__ */ jsx6(FeedbackMessage, { tone: "info", className: "ab-alert ab-alert--info ab-center", role: "status", children: "Loading available times..." }) : slots.length === 0 ? /* @__PURE__ */ jsx6(FeedbackMessage, { tone: "info", className: "ab-alert ab-alert--info ab-center", role: "status", children: "No available times for this date" }) : /* @__PURE__ */ jsxs5(
       "select",
       {
         id: "booking-slot",
@@ -14469,8 +14710,8 @@ var TimeSlotSelector = ({
         required,
         className: "ab-select",
         children: [
-          /* @__PURE__ */ jsx7("option", { value: "", children: "Choose a time..." }),
-          slots.map((slot) => /* @__PURE__ */ jsx7("option", { value: slot.startAt, children: formatTime(slot.startAt) }, slot.startAt))
+          /* @__PURE__ */ jsx6("option", { value: "", children: "Choose a time..." }),
+          slots.map((slot) => /* @__PURE__ */ jsx6("option", { value: slot.startAt, children: formatTime(slot.startAt) }, slot.startAt))
         ]
       }
     )
@@ -14479,7 +14720,7 @@ var TimeSlotSelector = ({
 
 // ../blocks/src/system/runtime/shared/components/DiscountCodeDisclosure.tsx
 import { useId } from "react";
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 var BLOCK_DISCOUNT_CODE_DISCLOSURE_CLASSES = {
   "course-registration": {
     root: "cr-discount",
@@ -14555,10 +14796,10 @@ function DiscountCodeDisclosure({
     onApply();
   };
   const feedbackClassName = feedback ? `${classes.feedback} status-${feedback.tone}` : classes.feedback;
-  return /* @__PURE__ */ jsx8("div", { className: classes.root, children: !isOpen ? /* @__PURE__ */ jsx8("button", { type: "button", className: classes.toggle, onClick: onOpen, children: toggleLabel }) : /* @__PURE__ */ jsxs6("div", { className: classes.form, children: [
-    /* @__PURE__ */ jsx8("label", { htmlFor: inputId, className: classes.label, children: label }),
+  return /* @__PURE__ */ jsx7("div", { className: classes.root, children: !isOpen ? /* @__PURE__ */ jsx7("button", { type: "button", className: classes.toggle, onClick: onOpen, children: toggleLabel }) : /* @__PURE__ */ jsxs6("div", { className: classes.form, children: [
+    /* @__PURE__ */ jsx7("label", { htmlFor: inputId, className: classes.label, children: label }),
     /* @__PURE__ */ jsxs6("div", { className: classes.row, children: [
-      /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsx7(
         "input",
         {
           id: inputId,
@@ -14571,7 +14812,7 @@ function DiscountCodeDisclosure({
           disabled: disabled || isApplying
         }
       ),
-      onApply ? /* @__PURE__ */ jsx8(
+      onApply ? /* @__PURE__ */ jsx7(
         "button",
         {
           type: "button",
@@ -14581,7 +14822,7 @@ function DiscountCodeDisclosure({
           children: isApplying ? "Applying..." : applyLabel
         }
       ) : null,
-      /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsx7(
         "button",
         {
           type: "button",
@@ -14592,8 +14833,8 @@ function DiscountCodeDisclosure({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx8("p", { className: classes.hint, children: hint }),
-    feedback ? /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx7("p", { className: classes.hint, children: hint }),
+    feedback ? /* @__PURE__ */ jsx7(
       "p",
       {
         className: feedbackClassName,
@@ -14605,7 +14846,7 @@ function DiscountCodeDisclosure({
 }
 
 // ../blocks/src/system/runtime/shared/components/FieldValidationMessage.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 function getFieldValidationControlProps({
   message,
   messageId,
@@ -14624,7 +14865,7 @@ function FieldValidationMessage({
   className,
   live = "assertive"
 }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx8(
     "p",
     {
       id,
@@ -14639,7 +14880,7 @@ function FieldValidationMessage({
 }
 
 // ../blocks/src/system/runtime/nodes/booking-form.default-ui.tsx
-import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 var paymentOptionLayoutStyle = {
   alignItems: "flex-start",
   display: "flex",
@@ -14668,20 +14909,20 @@ function HeadlessBookingDefaultForm({
     }
   };
   if (!currentStep) {
-    return /* @__PURE__ */ jsx10("div", { className: "rb-text-center rb-py-12", children: /* @__PURE__ */ jsx10("p", { className: "status-muted", children: "No steps available" }) });
+    return /* @__PURE__ */ jsx9("div", { className: "rb-text-center rb-py-12", children: /* @__PURE__ */ jsx9("p", { className: "status-muted", children: "No steps available" }) });
   }
   return /* @__PURE__ */ jsxs7("div", { className: "multi-step-form", children: [
-    /* @__PURE__ */ jsx10("div", { className: "rb-mb-8", children: /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsx9("div", { className: "rb-mb-8", children: /* @__PURE__ */ jsx9(
       DefaultBookingProgress,
       {
         steps: booking.steps,
         currentIndex: currentStepIndex
       }
     ) }),
-    /* @__PURE__ */ jsx10("div", { className: "step-content", children: /* @__PURE__ */ jsx10(DefaultBookingStepContent, { booking }) }),
-    /* @__PURE__ */ jsx10(DefaultBookingErrorSummary, { errors: currentStep.errors }),
+    /* @__PURE__ */ jsx9("div", { className: "step-content", children: /* @__PURE__ */ jsx9(DefaultBookingStepContent, { booking }) }),
+    /* @__PURE__ */ jsx9(DefaultBookingErrorSummary, { errors: currentStep.errors }),
     /* @__PURE__ */ jsxs7("div", { className: "rb-flex rb-gap-3 rb-mt-8", children: [
-      !isFirstStep ? /* @__PURE__ */ jsx10(
+      !isFirstStep ? /* @__PURE__ */ jsx9(
         "button",
         {
           type: "button",
@@ -14690,7 +14931,7 @@ function HeadlessBookingDefaultForm({
           children: "Back"
         }
       ) : null,
-      /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsx9(
         "button",
         {
           type: "button",
@@ -14704,7 +14945,7 @@ function HeadlessBookingDefaultForm({
             extraClassName: "rb-flex-1"
           }),
           children: isSubmitting ? /* @__PURE__ */ jsxs7(Fragment2, { children: [
-            /* @__PURE__ */ jsx10(
+            /* @__PURE__ */ jsx9(
               SpinnerNode,
               {
                 size: "sm",
@@ -14718,22 +14959,22 @@ function HeadlessBookingDefaultForm({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx10(DefaultBookingDiscount, { booking }),
-    /* @__PURE__ */ jsx10(DefaultBookingFeedback, { booking }),
-    /* @__PURE__ */ jsx10(DefaultBookingAltcha, { booking })
+    /* @__PURE__ */ jsx9(DefaultBookingDiscount, { booking }),
+    /* @__PURE__ */ jsx9(DefaultBookingFeedback, { booking }),
+    /* @__PURE__ */ jsx9(DefaultBookingAltcha, { booking })
   ] });
 }
 function DefaultBookingProgress({
   steps,
   currentIndex
 }) {
-  return /* @__PURE__ */ jsx10("div", { className: "rb-flex rb-items-center rb-justify-between", children: steps.map((step, index) => {
+  return /* @__PURE__ */ jsx9("div", { className: "rb-flex rb-items-center rb-justify-between", children: steps.map((step, index) => {
     const isActive = index === currentIndex;
     const isCompleted = index < currentIndex;
     const isLast = index === steps.length - 1;
     return /* @__PURE__ */ jsxs7("div", { className: "rb-flex rb-items-center rb-flex-1", children: [
       /* @__PURE__ */ jsxs7("div", { className: "rb-flex rb-items-center rb-gap-2 rb-cursor-default", children: [
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx9(
           "div",
           {
             className: `
@@ -14744,7 +14985,7 @@ function DefaultBookingProgress({
             children: isCompleted ? "\u2713" : index + 1
           }
         ),
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx9(
           "span",
           {
             className: `
@@ -14755,7 +14996,7 @@ function DefaultBookingProgress({
           }
         )
       ] }),
-      !isLast ? /* @__PURE__ */ jsx10("div", { className: "step-connector rb-ml-2 rb-mr-2 rb-hidden rb-sm-block" }) : null
+      !isLast ? /* @__PURE__ */ jsx9("div", { className: "step-connector rb-ml-2 rb-mr-2 rb-hidden rb-sm-block" }) : null
     ] }, step.id);
   }) });
 }
@@ -14766,15 +15007,15 @@ function DefaultBookingStepContent({
   if (!stepId) return null;
   switch (stepId) {
     case "service-selection":
-      return /* @__PURE__ */ jsx10(DefaultServiceSelectionStep, { booking });
+      return /* @__PURE__ */ jsx9(DefaultServiceSelectionStep, { booking });
     case "datetime-selection":
-      return /* @__PURE__ */ jsx10(DefaultDateTimeSelectionStep, { booking });
+      return /* @__PURE__ */ jsx9(DefaultDateTimeSelectionStep, { booking });
     case "payment-selection":
-      return /* @__PURE__ */ jsx10(HeadlessBookingPaymentSelectionStep, { booking });
+      return /* @__PURE__ */ jsx9(HeadlessBookingPaymentSelectionStep, { booking });
     case "custom-fields":
-      return /* @__PURE__ */ jsx10(DefaultDynamicFields, { fields: booking.fields.items, booking });
+      return /* @__PURE__ */ jsx9(DefaultDynamicFields, { fields: booking.fields.items, booking });
     default:
-      return assertNever11(stepId);
+      return assertNever4(stepId);
   }
 }
 function DefaultServiceSelectionStep({
@@ -14789,14 +15030,14 @@ function DefaultServiceSelectionStep({
   const allowAnyResource = !booking.resources.requiresSelection;
   return /* @__PURE__ */ jsxs7("div", { className: "ab-stack", children: [
     /* @__PURE__ */ jsxs7("div", { children: [
-      /* @__PURE__ */ jsx10("h2", { className: "ab-title", children: "Select Service" }),
-      /* @__PURE__ */ jsx10("p", { className: "ab-text ab-text--muted", children: "Choose the service you'd like to book" })
+      /* @__PURE__ */ jsx9("h2", { className: "ab-title", children: "Select Service" }),
+      /* @__PURE__ */ jsx9("p", { className: "ab-text ab-text--muted", children: "Choose the service you'd like to book" })
     ] }),
     showServiceSelect ? /* @__PURE__ */ jsxs7("div", { className: "ab-stack--sm", children: [
-      /* @__PURE__ */ jsx10("label", { className: "ab-subtitle", children: "Service" }),
-      /* @__PURE__ */ jsx10("div", { className: "ab-grid", children: services.map((service) => {
+      /* @__PURE__ */ jsx9("label", { className: "ab-subtitle", children: "Service" }),
+      /* @__PURE__ */ jsx9("div", { className: "ab-grid", children: services.map((service) => {
         const isSelected = selectedServiceId === service.id;
-        return /* @__PURE__ */ jsx10(
+        return /* @__PURE__ */ jsx9(
           "button",
           {
             type: "button",
@@ -14804,14 +15045,14 @@ function DefaultServiceSelectionStep({
             className: `ab-card ${isSelected ? "ab-card--selected" : ""}`,
             children: /* @__PURE__ */ jsxs7("div", { className: "ab-row--between", children: [
               /* @__PURE__ */ jsxs7("div", { children: [
-                /* @__PURE__ */ jsx10("div", { className: "ab-subtitle", children: service.title }),
-                service.description ? /* @__PURE__ */ jsx10("div", { className: "ab-text ab-text--muted", children: service.description }) : null,
+                /* @__PURE__ */ jsx9("div", { className: "ab-subtitle", children: service.title }),
+                service.description ? /* @__PURE__ */ jsx9("div", { className: "ab-text ab-text--muted", children: service.description }) : null,
                 service.durationMinutes ? /* @__PURE__ */ jsxs7("div", { className: "ab-text ab-text--muted", children: [
                   service.durationMinutes,
                   " minutes"
                 ] }) : null
               ] }),
-              isSelected ? /* @__PURE__ */ jsx10(SelectedCheck, {}) : null
+              isSelected ? /* @__PURE__ */ jsx9(SelectedCheck, {}) : null
             ] })
           },
           service.id
@@ -14819,41 +15060,41 @@ function DefaultServiceSelectionStep({
       }) })
     ] }) : null,
     booking.resources.state.tag === "loading" ? /* @__PURE__ */ jsxs7("div", { className: "ab-center", children: [
-      /* @__PURE__ */ jsx10(SpinnerNode, { size: "md", srLabel: "Loading practitioners" }),
-      /* @__PURE__ */ jsx10("p", { className: "ab-text ab-text--muted", children: "Loading practitioners..." })
+      /* @__PURE__ */ jsx9(SpinnerNode, { size: "md", srLabel: "Loading practitioners" }),
+      /* @__PURE__ */ jsx9("p", { className: "ab-text ab-text--muted", children: "Loading practitioners..." })
     ] }) : null,
-    booking.resources.state.tag === "error" ? /* @__PURE__ */ jsx10(FeedbackMessage, { tone: "error", className: "ab-alert ab-alert--error", role: "alert", children: booking.resources.state.message }) : null,
-    showResourceSelect && booking.resources.state.tag === "loaded" && resources.length === 0 ? /* @__PURE__ */ jsx10(FeedbackMessage, { tone: "error", className: "ab-alert ab-alert--error", role: "alert", children: "No practitioners are available for this service right now." }) : null,
+    booking.resources.state.tag === "error" ? /* @__PURE__ */ jsx9(FeedbackMessage, { tone: "error", className: "ab-alert ab-alert--error", role: "alert", children: booking.resources.state.message }) : null,
+    showResourceSelect && booking.resources.state.tag === "loaded" && resources.length === 0 ? /* @__PURE__ */ jsx9(FeedbackMessage, { tone: "error", className: "ab-alert ab-alert--error", role: "alert", children: "No practitioners are available for this service right now." }) : null,
     showResourceSelect && booking.resources.state.tag !== "loading" && (allowAnyResource || resources.length > 0) ? /* @__PURE__ */ jsxs7("div", { className: "ab-stack--sm", children: [
       /* @__PURE__ */ jsxs7("label", { className: "ab-subtitle", children: [
         "Practitioner",
         booking.resources.requiresSelection ? "" : " (Optional)"
       ] }),
-      /* @__PURE__ */ jsx10("p", { className: "ab-text ab-text--muted", children: allowAnyResource ? 'Choose a specific practitioner or select "Any Available"' : "Choose the practitioner you'd like to book" }),
+      /* @__PURE__ */ jsx9("p", { className: "ab-text ab-text--muted", children: allowAnyResource ? 'Choose a specific practitioner or select "Any Available"' : "Choose the practitioner you'd like to book" }),
       /* @__PURE__ */ jsxs7("div", { className: "ab-grid", children: [
-        allowAnyResource ? /* @__PURE__ */ jsx10(
+        allowAnyResource ? /* @__PURE__ */ jsx9(
           "button",
           {
             type: "button",
             onClick: () => booking.actions.selectResource(null),
             className: `ab-card ${!selectedResourceId ? "ab-card--selected" : ""}`,
             children: /* @__PURE__ */ jsxs7("div", { className: "ab-row--between", children: [
-              /* @__PURE__ */ jsx10("div", { className: "ab-subtitle", children: "Any Available" }),
-              !selectedResourceId ? /* @__PURE__ */ jsx10(SelectedCheck, {}) : null
+              /* @__PURE__ */ jsx9("div", { className: "ab-subtitle", children: "Any Available" }),
+              !selectedResourceId ? /* @__PURE__ */ jsx9(SelectedCheck, {}) : null
             ] })
           }
         ) : null,
         resources.map((resource) => {
           const isSelected = selectedResourceId === resource.id;
-          return /* @__PURE__ */ jsx10(
+          return /* @__PURE__ */ jsx9(
             "button",
             {
               type: "button",
               onClick: () => booking.actions.selectResource(resource.id),
               className: `ab-card ${isSelected ? "ab-card--selected" : ""}`,
               children: /* @__PURE__ */ jsxs7("div", { className: "ab-row--between", children: [
-                /* @__PURE__ */ jsx10("div", { className: "ab-subtitle", children: resource.label }),
-                isSelected ? /* @__PURE__ */ jsx10(SelectedCheck, {}) : null
+                /* @__PURE__ */ jsx9("div", { className: "ab-subtitle", children: resource.label }),
+                isSelected ? /* @__PURE__ */ jsx9(SelectedCheck, {}) : null
               ] })
             },
             resource.id
@@ -14876,16 +15117,16 @@ function DefaultDateTimeSelectionStep({
   const error = booking.availability.datesState.tag === "error" ? booking.availability.datesState.message : booking.availability.slotsState.tag === "error" ? booking.availability.slotsState.message : null;
   return /* @__PURE__ */ jsxs7("div", { className: "ab-stack", children: [
     singleService ? /* @__PURE__ */ jsxs7("div", { className: "ab-info-box", children: [
-      /* @__PURE__ */ jsx10("h3", { className: "ab-subtitle", children: singleService.title }),
-      singleService.description ? /* @__PURE__ */ jsx10("p", { className: "ab-text ab-text--muted", children: singleService.description }) : null,
+      /* @__PURE__ */ jsx9("h3", { className: "ab-subtitle", children: singleService.title }),
+      singleService.description ? /* @__PURE__ */ jsx9("p", { className: "ab-text ab-text--muted", children: singleService.description }) : null,
       singleService.durationMinutes ? /* @__PURE__ */ jsxs7("p", { className: "ab-text ab-text--muted", children: [
         "Duration: ",
         singleService.durationMinutes,
         " minutes"
       ] }) : null
     ] }) : null,
-    error ? /* @__PURE__ */ jsx10(FeedbackMessage, { tone: "error", className: "ab-alert ab-alert--error", role: "alert", children: error }) : null,
-    /* @__PURE__ */ jsx10(
+    error ? /* @__PURE__ */ jsx9(FeedbackMessage, { tone: "error", className: "ab-alert ab-alert--error", role: "alert", children: error }) : null,
+    /* @__PURE__ */ jsx9(
       DatePicker,
       {
         value: selectedDate,
@@ -14897,7 +15138,7 @@ function DefaultDateTimeSelectionStep({
         onLoadMore: booking.availability.loadMoreDates
       }
     ),
-    selectedDate ? /* @__PURE__ */ jsx10(
+    selectedDate ? /* @__PURE__ */ jsx9(
       TimeSlotSelector,
       {
         value: selectedSlotStart,
@@ -14920,19 +15161,19 @@ function HeadlessBookingPaymentSelectionStep({
   const service = booking.services.selected;
   const viewModel = booking.payment.selection;
   if (booking.payment.kind === "unsupported") {
-    return /* @__PURE__ */ jsx10(FeedbackMessage, { tone: "error", className: "ab-alert ab-alert--error", role: "alert", children: booking.payment.errorMessage });
+    return /* @__PURE__ */ jsx9(FeedbackMessage, { tone: "error", className: "ab-alert ab-alert--error", role: "alert", children: booking.payment.errorMessage });
   }
   if (!service || !viewModel) {
-    return /* @__PURE__ */ jsx10(FeedbackMessage, { tone: "error", className: "ab-alert ab-alert--error", role: "alert", children: "Payment options are unavailable for this service right now." });
+    return /* @__PURE__ */ jsx9(FeedbackMessage, { tone: "error", className: "ab-alert ab-alert--error", role: "alert", children: "Payment options are unavailable for this service right now." });
   }
   const packageOptions = booking.payment.appointmentPackages.items;
   const hasPackageOptions = packageOptions.length > 0;
   return /* @__PURE__ */ jsxs7("div", { className: "ab-stack", children: [
     /* @__PURE__ */ jsxs7("div", { className: "ab-info-box", children: [
-      /* @__PURE__ */ jsx10("h3", { className: "ab-subtitle", children: viewModel.sectionTitle }),
-      /* @__PURE__ */ jsx10("p", { className: "ab-text ab-text--muted", children: service.title })
+      /* @__PURE__ */ jsx9("h3", { className: "ab-subtitle", children: viewModel.sectionTitle }),
+      /* @__PURE__ */ jsx9("p", { className: "ab-text ab-text--muted", children: service.title })
     ] }),
-    booking.payment.appointmentPackages.state.tag === "loading" ? /* @__PURE__ */ jsx10(FeedbackMessage, { tone: "info", className: "ab-alert ab-alert--info", role: "status", children: "Checking package credits..." }) : null,
+    booking.payment.appointmentPackages.state.tag === "loading" ? /* @__PURE__ */ jsx9(FeedbackMessage, { tone: "info", className: "ab-alert ab-alert--info", role: "status", children: "Checking package credits..." }) : null,
     booking.payment.appointmentPackages.state.tag === "error" ? /* @__PURE__ */ jsxs7(FeedbackMessage, { tone: "info", className: "ab-alert ab-alert--info", role: "status", children: [
       booking.payment.appointmentPackages.state.message,
       " You can continue with the normal payment option."
@@ -14940,7 +15181,7 @@ function HeadlessBookingPaymentSelectionStep({
     /* @__PURE__ */ jsxs7("div", { className: "ab-stack", role: "list", "aria-label": "Payment options", children: [
       packageOptions.map((appointmentPackage) => {
         const isSelected = booking.payment.selectedAppointmentPackageId === appointmentPackage.customerPassId;
-        return /* @__PURE__ */ jsx10(
+        return /* @__PURE__ */ jsx9(
           "button",
           {
             type: "button",
@@ -14953,7 +15194,7 @@ function HeadlessBookingPaymentSelectionStep({
               appointmentPackage.customerPassId
             ),
             "aria-pressed": isSelected,
-            children: /* @__PURE__ */ jsx10(
+            children: /* @__PURE__ */ jsx9(
               PaymentOptionContent,
               {
                 id: appointmentPackage.customerPassId,
@@ -14972,12 +15213,12 @@ function HeadlessBookingPaymentSelectionStep({
       viewModel.options.map((option) => {
         const isSelected = !booking.payment.selectedAppointmentPackageId && (booking.payment.selectedCollectionOptionKind === option.kind || viewModel.mode === "single_option");
         if (viewModel.mode === "single_option" && !hasPackageOptions) {
-          return /* @__PURE__ */ jsx10(
+          return /* @__PURE__ */ jsx9(
             "div",
             {
               className: "ab-card",
               style: paymentOptionLayoutStyle,
-              children: /* @__PURE__ */ jsx10(
+              children: /* @__PURE__ */ jsx9(
                 PaymentOptionContent,
                 {
                   id: option.kind,
@@ -14991,7 +15232,7 @@ function HeadlessBookingPaymentSelectionStep({
             option.kind
           );
         }
-        return /* @__PURE__ */ jsx10(
+        return /* @__PURE__ */ jsx9(
           "button",
           {
             type: "button",
@@ -15002,7 +15243,7 @@ function HeadlessBookingPaymentSelectionStep({
             style: paymentOptionLayoutStyle,
             onClick: () => booking.actions.selectPaymentOption(option.kind),
             "aria-pressed": isSelected,
-            children: /* @__PURE__ */ jsx10(
+            children: /* @__PURE__ */ jsx9(
               PaymentOptionContent,
               {
                 id: option.kind,
@@ -15027,21 +15268,21 @@ function PaymentOptionContent({
   title
 }) {
   return /* @__PURE__ */ jsxs7(Fragment2, { children: [
-    /* @__PURE__ */ jsx10("span", { children: title }),
-    /* @__PURE__ */ jsx10("span", { className: "ab-text ab-text--muted", children: description }),
-    /* @__PURE__ */ jsx10("div", { className: "ab-stack", style: summaryStackStyle, children: summaryRows.map((row) => /* @__PURE__ */ jsxs7("span", { className: "ab-text ab-text--muted", children: [
+    /* @__PURE__ */ jsx9("span", { children: title }),
+    /* @__PURE__ */ jsx9("span", { className: "ab-text ab-text--muted", children: description }),
+    /* @__PURE__ */ jsx9("div", { className: "ab-stack", style: summaryStackStyle, children: summaryRows.map((row) => /* @__PURE__ */ jsxs7("span", { className: "ab-text ab-text--muted", children: [
       row.label,
       ": ",
       row.value
     ] }, `${id}-${row.label}`)) }),
-    helperText ? /* @__PURE__ */ jsx10("span", { className: "ab-text ab-text--muted", children: helperText }) : null
+    helperText ? /* @__PURE__ */ jsx9("span", { className: "ab-text ab-text--muted", children: helperText }) : null
   ] });
 }
 function DefaultDynamicFields({
   booking,
   fields
 }) {
-  return /* @__PURE__ */ jsx10("div", { className: "rb-space-y-6", children: fields.map((field) => /* @__PURE__ */ jsx10(DefaultDynamicField, { booking, field }, field.id)) });
+  return /* @__PURE__ */ jsx9("div", { className: "rb-space-y-6", children: fields.map((field) => /* @__PURE__ */ jsx9(DefaultDynamicField, { booking, field }, field.id)) });
 }
 function DefaultDynamicField({
   booking,
@@ -15054,10 +15295,10 @@ function DefaultDynamicField({
   return /* @__PURE__ */ jsxs7("div", { className: "rb-space-y-2", children: [
     /* @__PURE__ */ jsxs7("label", { id: field.labelId, htmlFor: field.inputId, className: "form-label", children: [
       field.label,
-      field.required ? /* @__PURE__ */ jsx10("span", { className: "required-marker", children: "*" }) : null
+      field.required ? /* @__PURE__ */ jsx9("span", { className: "required-marker", children: "*" }) : null
     ] }),
-    field.helpText ? /* @__PURE__ */ jsx10("p", { id: field.helpTextId ?? void 0, className: "rb-caption status-muted", children: field.helpText }) : null,
-    /* @__PURE__ */ jsx10(
+    field.helpText ? /* @__PURE__ */ jsx9("p", { id: field.helpTextId ?? void 0, className: "rb-caption status-muted", children: field.helpText }) : null,
+    /* @__PURE__ */ jsx9(
       DefaultFieldInput,
       {
         field,
@@ -15069,7 +15310,7 @@ function DefaultDynamicField({
         describedBy
       }
     ),
-    error ? /* @__PURE__ */ jsx10(
+    error ? /* @__PURE__ */ jsx9(
       FieldValidationMessage,
       {
         id: errorId ?? `${field.inputId}-error`,
@@ -15103,7 +15344,7 @@ function DefaultFieldInput({
   };
   switch (field.type) {
     case "textarea":
-      return /* @__PURE__ */ jsx10(
+      return /* @__PURE__ */ jsx9(
         "textarea",
         {
           ...commonProps,
@@ -15118,7 +15359,7 @@ function DefaultFieldInput({
       );
     case "select":
       if (field.field.multiple) {
-        return /* @__PURE__ */ jsx10(
+        return /* @__PURE__ */ jsx9(
           "select",
           {
             ...commonProps,
@@ -15131,7 +15372,7 @@ function DefaultFieldInput({
             },
             multiple: true,
             className: "form-select rb-h-32",
-            children: field.field.options?.map((option) => /* @__PURE__ */ jsx10("option", { value: option.value, children: option.label }, option.value))
+            children: field.field.options?.map((option) => /* @__PURE__ */ jsx9("option", { value: option.value, children: option.label }, option.value))
           }
         );
       }
@@ -15143,14 +15384,14 @@ function DefaultFieldInput({
           onChange: (event) => onChange(event.target.value),
           className: "form-select",
           children: [
-            /* @__PURE__ */ jsx10("option", { value: "", children: "Select an option..." }),
-            field.field.options?.map((option) => /* @__PURE__ */ jsx10("option", { value: option.value, children: option.label }, option.value))
+            /* @__PURE__ */ jsx9("option", { value: "", children: "Select an option..." }),
+            field.field.options?.map((option) => /* @__PURE__ */ jsx9("option", { value: option.value, children: option.label }, option.value))
           ]
         }
       );
     case "radio":
-      return /* @__PURE__ */ jsx10("div", { className: "rb-space-y-2", children: field.field.options?.map((option) => /* @__PURE__ */ jsxs7("label", { className: "rb-flex rb-items-center rb-gap-2 rb-cursor-pointer", children: [
-        /* @__PURE__ */ jsx10(
+      return /* @__PURE__ */ jsx9("div", { className: "rb-space-y-2", children: field.field.options?.map((option) => /* @__PURE__ */ jsxs7("label", { className: "rb-flex rb-items-center rb-gap-2 rb-cursor-pointer", children: [
+        /* @__PURE__ */ jsx9(
           "input",
           {
             type: "radio",
@@ -15164,13 +15405,13 @@ function DefaultFieldInput({
             className: "form-radio"
           }
         ),
-        /* @__PURE__ */ jsx10("span", { className: "rb-caption", children: option.label })
+        /* @__PURE__ */ jsx9("span", { className: "rb-caption", children: option.label })
       ] }, option.value)) });
     case "checkbox":
       if (field.field.options && field.field.options.length > 1) {
         const checkedValues = toStringArray(value);
-        return /* @__PURE__ */ jsx10("div", { className: "rb-space-y-2", children: field.field.options.map((option) => /* @__PURE__ */ jsxs7("label", { className: "rb-flex rb-items-center rb-gap-2 rb-cursor-pointer", children: [
-          /* @__PURE__ */ jsx10(
+        return /* @__PURE__ */ jsx9("div", { className: "rb-space-y-2", children: field.field.options.map((option) => /* @__PURE__ */ jsxs7("label", { className: "rb-flex rb-items-center rb-gap-2 rb-cursor-pointer", children: [
+          /* @__PURE__ */ jsx9(
             "input",
             {
               type: "checkbox",
@@ -15187,11 +15428,11 @@ function DefaultFieldInput({
               className: "form-checkbox"
             }
           ),
-          /* @__PURE__ */ jsx10("span", { className: "rb-caption", children: option.label })
+          /* @__PURE__ */ jsx9("span", { className: "rb-caption", children: option.label })
         ] }, option.value)) });
       }
       return /* @__PURE__ */ jsxs7("label", { className: "rb-flex rb-items-center rb-gap-2 rb-cursor-pointer", children: [
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx9(
           "input",
           {
             type: "checkbox",
@@ -15205,11 +15446,11 @@ function DefaultFieldInput({
             className: "form-checkbox"
           }
         ),
-        /* @__PURE__ */ jsx10("span", { className: "rb-caption", children: field.field.placeholder || field.label })
+        /* @__PURE__ */ jsx9("span", { className: "rb-caption", children: field.field.placeholder || field.label })
       ] });
     case "booking_requirement_consent":
       return /* @__PURE__ */ jsxs7("label", { className: "rb-flex rb-items-start rb-gap-2 rb-cursor-pointer", children: [
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx9(
           "input",
           {
             type: "checkbox",
@@ -15223,10 +15464,10 @@ function DefaultFieldInput({
             className: "form-checkbox rb-mt-0.5"
           }
         ),
-        /* @__PURE__ */ jsx10("span", { className: "rb-caption", children: field.field.placeholder || field.label })
+        /* @__PURE__ */ jsx9("span", { className: "rb-caption", children: field.field.placeholder || field.label })
       ] });
     case "number":
-      return /* @__PURE__ */ jsx10(
+      return /* @__PURE__ */ jsx9(
         "input",
         {
           ...commonProps,
@@ -15240,7 +15481,7 @@ function DefaultFieldInput({
         }
       );
     case "date":
-      return /* @__PURE__ */ jsx10(
+      return /* @__PURE__ */ jsx9(
         "input",
         {
           ...commonProps,
@@ -15253,7 +15494,7 @@ function DefaultFieldInput({
         }
       );
     case "time":
-      return /* @__PURE__ */ jsx10(
+      return /* @__PURE__ */ jsx9(
         "input",
         {
           ...commonProps,
@@ -15267,7 +15508,7 @@ function DefaultFieldInput({
     case "email":
     case "tel":
     case "url":
-      return /* @__PURE__ */ jsx10(
+      return /* @__PURE__ */ jsx9(
         "input",
         {
           ...commonProps,
@@ -15292,7 +15533,7 @@ function DefaultBookingDiscount({
   const shouldShowDiscountSection = !booking.payment.selectedAppointmentPackageId && !booking.discount.loading && (booking.discount.manualCodeEntryAllowed || Boolean(booking.discount.autoAppliedDiscount));
   if (!shouldShowDiscountSection) return null;
   return /* @__PURE__ */ jsxs7("div", { className: "rb-mt-6", children: [
-    booking.discount.manualCodeEntryAllowed ? /* @__PURE__ */ jsx10(
+    booking.discount.manualCodeEntryAllowed ? /* @__PURE__ */ jsx9(
       DiscountCodeDisclosure,
       {
         surface: "theme-form",
@@ -15306,7 +15547,7 @@ function DefaultBookingDiscount({
         }
       }
     ) : null,
-    booking.discount.autoAppliedDiscount && booking.discount.code.trim().length === 0 ? /* @__PURE__ */ jsx10(FeedbackMessage, { tone: "info", className: "ab-alert ab-alert--info rb-mt-4", role: "status", children: /* @__PURE__ */ jsxs7("p", { className: "ab-text", children: [
+    booking.discount.autoAppliedDiscount && booking.discount.code.trim().length === 0 ? /* @__PURE__ */ jsx9(FeedbackMessage, { tone: "info", className: "ab-alert ab-alert--info rb-mt-4", role: "status", children: /* @__PURE__ */ jsxs7("p", { className: "ab-text", children: [
       "Discount available: ",
       booking.discount.autoAppliedDiscount.publicLabel,
       " ",
@@ -15319,8 +15560,8 @@ function DefaultBookingFeedback({
 }) {
   if (booking.feedback.kind !== "error") return null;
   return /* @__PURE__ */ jsxs7(FeedbackMessage, { tone: "error", className: "ab-alert ab-alert--error", role: "alert", children: [
-    /* @__PURE__ */ jsx10("p", { className: "ab-text", children: booking.feedback.message }),
-    /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsx9("p", { className: "ab-text", children: booking.feedback.message }),
+    /* @__PURE__ */ jsx9(
       "button",
       {
         type: "button",
@@ -15335,7 +15576,7 @@ function DefaultBookingAltcha({
   booking
 }) {
   if (!booking.spamProtection.enabled) return null;
-  return /* @__PURE__ */ jsx10("div", { className: "ab-altcha", children: /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx9("div", { className: "ab-altcha", children: /* @__PURE__ */ jsx9(
     AltchaWidget,
     {
       challengeUrl: booking.spamProtection.challenge.url,
@@ -15348,12 +15589,12 @@ function DefaultBookingErrorSummary({
 }) {
   if (!hasBookingValidationErrors(errors)) return null;
   return /* @__PURE__ */ jsxs7(FeedbackMessage, { tone: "error", className: "rb-mt-6 alert alert-error", role: "alert", children: [
-    errors.formError ? /* @__PURE__ */ jsx10("p", { className: "rb-caption", children: /* @__PURE__ */ jsx10("strong", { children: errors.formError }) }) : null,
-    Object.entries(errors.fieldErrors).map(([key, message]) => /* @__PURE__ */ jsx10("p", { className: "rb-caption", children: message }, key))
+    errors.formError ? /* @__PURE__ */ jsx9("p", { className: "rb-caption", children: /* @__PURE__ */ jsx9("strong", { children: errors.formError }) }) : null,
+    Object.entries(errors.fieldErrors).map(([key, message]) => /* @__PURE__ */ jsx9("p", { className: "rb-caption", children: message }, key))
   ] });
 }
 function SelectedCheck() {
-  return /* @__PURE__ */ jsx10("div", { className: "ab-check", children: /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx9("div", { className: "ab-check", children: /* @__PURE__ */ jsx9(
     "svg",
     {
       fill: "none",
@@ -15362,7 +15603,7 @@ function SelectedCheck() {
       strokeWidth: "2",
       viewBox: "0 0 24 24",
       stroke: "currentColor",
-      children: /* @__PURE__ */ jsx10("path", { d: "M5 13l4 4L19 7" })
+      children: /* @__PURE__ */ jsx9("path", { d: "M5 13l4 4L19 7" })
     }
   ) });
 }
@@ -15429,7 +15670,7 @@ function consumeSearchParam(paramName) {
 }
 
 // ../blocks/src/system/runtime/nodes/booking-form.client.tsx
-import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 var PORTAL_REBOOK_QUERY_PARAM = "rebook";
 var PORTAL_REBOOK_QUERY_VALUE = "1";
 var REBOOK_COMPLETION_MODE_VERIFIED_CHECKOUT = "verified_checkout";
@@ -15466,8 +15707,8 @@ var BookingFormClient = ({
   const initialServiceId = render.hydration.serviceId ?? defaultServiceId ?? void 0;
   const initialResourceId = render.hydration.resourceId ?? void 0;
   const isPortalRebook = render.hydration.rebookContext?.kind === "portal_rebook";
-  const hasLoggedRebookCompletionRef = useRef7(false);
-  const [redirectState] = useState5(
+  const hasLoggedRebookCompletionRef = useRef8(false);
+  const [redirectState] = useState2(
     () => getBookingRedirectStateFromLocation(getBookingRedirectLocationSnapshot())
   );
   const showSpamProtection = render.hydration.spamProtectionEnabled ?? isSpamProtectionEnabled();
@@ -15547,13 +15788,13 @@ var BookingFormClient = ({
     viewState.kind
   ]);
   if (render.display.state === "missing" || !form || !render.hydration.formId) {
-    return /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx10(
       FeedbackMessage,
       {
         tone: "error",
         className: `ab-alert ab-alert--error ${render.display.className ?? ""}`.trim(),
         role: "alert",
-        children: /* @__PURE__ */ jsx11("p", { className: "ab-text", children: render.display.message ?? "Booking form not found. Please check your configuration." })
+        children: /* @__PURE__ */ jsx10("p", { className: "ab-text", children: render.display.message ?? "Booking form not found. Please check your configuration." })
       }
     );
   }
@@ -15573,7 +15814,7 @@ var BookingFormClient = ({
     }
   };
   if (viewState.kind === "success") {
-    return /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx10(
       SuccessMessage,
       {
         message: getBookingSuccessMessage(render.display.successMessage),
@@ -15583,19 +15824,19 @@ var BookingFormClient = ({
     );
   }
   if (viewState.kind === "verifying") {
-    return /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx10(
       "div",
       {
         id: bookingAnchorId,
         className: render.display.className ?? void 0,
-        children: /* @__PURE__ */ jsx11(FeedbackMessage, { tone: "info", className: "ab-alert ab-alert--info", role: "status", children: /* @__PURE__ */ jsx11("p", { className: "ab-text", children: viewState.message }) })
+        children: /* @__PURE__ */ jsx10(FeedbackMessage, { tone: "info", className: "ab-alert ab-alert--info", role: "status", children: /* @__PURE__ */ jsx10("p", { className: "ab-text", children: viewState.message }) })
       }
     );
   }
   return /* @__PURE__ */ jsxs8("div", { id: bookingAnchorId, className: render.display.className ?? void 0, children: [
-    render.hydration.noticeMessage ? /* @__PURE__ */ jsx11(FeedbackMessage, { tone: "info", className: "ab-alert ab-alert--info rb-mb-4", role: "status", children: /* @__PURE__ */ jsx11("p", { className: "ab-text", children: render.hydration.noticeMessage }) }) : null,
-    viewState.kind === "error" ? /* @__PURE__ */ jsx11(FeedbackMessage, { tone: "error", className: "ab-alert ab-alert--error", role: "alert", children: /* @__PURE__ */ jsx11("p", { className: "ab-text", children: viewState.message }) }) : null,
-    /* @__PURE__ */ jsx11(HeadlessBookingDefaultForm, { booking, onSubmit: handleComplete })
+    render.hydration.noticeMessage ? /* @__PURE__ */ jsx10(FeedbackMessage, { tone: "info", className: "ab-alert ab-alert--info rb-mb-4", role: "status", children: /* @__PURE__ */ jsx10("p", { className: "ab-text", children: render.hydration.noticeMessage }) }) : null,
+    viewState.kind === "error" ? /* @__PURE__ */ jsx10(FeedbackMessage, { tone: "error", className: "ab-alert ab-alert--error", role: "alert", children: /* @__PURE__ */ jsx10("p", { className: "ab-text", children: viewState.message }) }) : null,
+    /* @__PURE__ */ jsx10(HeadlessBookingDefaultForm, { booking, onSubmit: handleComplete })
   ] });
 };
 
@@ -15612,12 +15853,18 @@ function createInitialRegistrationFlowState(hasPreSelectedContext) {
   };
 }
 function selectionEquals(a, b2) {
-  return a.method === b2.method && a.passId === b2.passId && a.membershipId === b2.membershipId && a.bundlePassId === b2.bundlePassId && a.bundleMembershipId === b2.bundleMembershipId && a.productName === b2.productName && a.productDescription === b2.productDescription && a.productPrice === b2.productPrice && a.productCurrency === b2.productCurrency && a.productInterval === b2.productInterval;
+  return a.method === b2.method && a.passId === b2.passId && a.membershipId === b2.membershipId && a.bundlePassId === b2.bundlePassId && a.bundleMembershipId === b2.bundleMembershipId && a.productName === b2.productName && a.productDescription === b2.productDescription && a.productPrice === b2.productPrice && a.productCurrency === b2.productCurrency && a.productInterval === b2.productInterval && a.collectionOptionKind === b2.collectionOptionKind;
 }
 function withDefaultSelection(selection) {
   if (!selection || !selection.method) {
     return { method: null };
   }
+  if (selection.method === "stripe") {
+    return {
+      ...selection,
+      collectionOptionKind: selection.collectionOptionKind ?? "upfront"
+    };
+  }
   return selection;
 }
 function computeAutoSelection(input) {
@@ -15643,7 +15890,7 @@ function computeAutoSelection(input) {
     }
   }
   if (eligibility.canPayDirectly && eligibility.price) {
-    return { method: "stripe" };
+    return { method: "stripe", collectionOptionKind: "upfront" };
   }
   return { method: null };
 }
@@ -15661,11 +15908,17 @@ function isSelectionValid(input) {
     case "pass":
       return isAuthenticated && ticketsCount === 1 && !!selection.passId && eligibility.eligiblePasses.some((pass) => pass.id === selection.passId);
     case "membership":
-      return isAuthenticated && ticketsCount === 1 && !!selection.membershipId && eligibility.eligibleMemberships.some((membership) => membership.id === selection.membershipId);
+      return isAuthenticated && ticketsCount === 1 && !!selection.membershipId && eligibility.eligibleMemberships.some(
+        (membership) => membership.id === selection.membershipId
+      );
     case "pass_bundle":
-      return ticketsCount === 1 && !!selection.bundlePassId && eligibility.availablePasses.some((pass) => pass.id === selection.bundlePassId);
+      return ticketsCount === 1 && !!selection.bundlePassId && eligibility.availablePasses.some(
+        (pass) => pass.id === selection.bundlePassId
+      );
     case "membership_bundle":
-      return ticketsCount === 1 && !!selection.bundleMembershipId && eligibility.availableMemberships.some((membership) => membership.id === selection.bundleMembershipId);
+      return ticketsCount === 1 && !!selection.bundleMembershipId && eligibility.availableMemberships.some(
+        (membership) => membership.id === selection.bundleMembershipId
+      );
     default:
       return false;
   }
@@ -15712,9 +15965,15 @@ function registrationFlowReducer(state, action) {
         ticketsCount: Math.max(1, action.ticketsCount)
       });
     case "set-authenticated":
-      return normalizeRegistrationFlowState({ ...state, isAuthenticated: action.isAuthenticated });
+      return normalizeRegistrationFlowState({
+        ...state,
+        isAuthenticated: action.isAuthenticated
+      });
     case "eligibility-updated":
-      return normalizeRegistrationFlowState({ ...state, eligibility: action.eligibility });
+      return normalizeRegistrationFlowState({
+        ...state,
+        eligibility: action.eligibility
+      });
     case "set-manual-payment-selection":
       return normalizeRegistrationFlowState({
         ...state,
@@ -15726,7 +15985,7 @@ function registrationFlowReducer(state, action) {
       return normalizeRegistrationFlowState({
         ...state,
         passOptOut: true,
-        paymentSelection: { method: "stripe" },
+        paymentSelection: { method: "stripe", collectionOptionKind: "upfront" },
         selectionSource: "manual"
       });
     case "event-changed":
@@ -15844,7 +16103,10 @@ function toHeadlessPaymentSelection(selection) {
     case "free":
       return { method: "free" };
     case "stripe":
-      return { method: "stripe" };
+      return {
+        method: "stripe",
+        collectionOptionKind: selection.collectionOptionKind
+      };
     case "pass":
       if (!selection.passId) return { method: "none" };
       return {
@@ -15882,7 +16144,10 @@ function toInternalPaymentSelection(selection) {
     case "free":
       return { method: "free" };
     case "stripe":
-      return { method: "stripe" };
+      return {
+        method: "stripe",
+        collectionOptionKind: selection.collectionOptionKind ?? "upfront"
+      };
     case "pass":
       return {
         method: "pass",
@@ -15912,7 +16177,10 @@ function toInternalPaymentSelection(selection) {
 function resolveEventRegistrationSubmitPlan(input) {
   const selection = input.paymentSelection.method ? input.paymentSelection : void 0;
   if (input.canJoinWaitlist) {
-    return { ok: true, args: withOptionalSelection({ method: "free" }, selection) };
+    return {
+      ok: true,
+      args: withOptionalSelection({ method: "free" }, selection)
+    };
   }
   switch (input.paymentSelection.method) {
     case "pass":
@@ -15927,19 +16195,28 @@ function resolveEventRegistrationSubmitPlan(input) {
       return input.paymentSelection.membershipId ? {
         ok: true,
         args: withOptionalSelection(
-          { method: "membership", membershipId: input.paymentSelection.membershipId },
+          {
+            method: "membership",
+            membershipId: input.paymentSelection.membershipId
+          },
           selection
         )
       } : missingPaymentSelection();
     case "free":
-      return { ok: true, args: withOptionalSelection({ method: "free" }, selection) };
+      return {
+        ok: true,
+        args: withOptionalSelection({ method: "free" }, selection)
+      };
     case null:
       return input.eventRequiresPayment ? missingPaymentSelection() : { ok: true, args: { method: "free" } };
     case "pass_bundle":
       return input.paymentSelection.bundlePassId ? {
         ok: true,
         args: withOptionalSelection(
-          { method: "pass_bundle", passId: input.paymentSelection.bundlePassId },
+          {
+            method: "pass_bundle",
+            passId: input.paymentSelection.bundlePassId
+          },
           selection
         )
       } : missingPaymentSelection();
@@ -15955,7 +16232,10 @@ function resolveEventRegistrationSubmitPlan(input) {
         )
       } : missingPaymentSelection();
     case "stripe":
-      return { ok: true, args: withOptionalSelection({ method: "stripe" }, selection) };
+      return {
+        ok: true,
+        args: withOptionalSelection({ method: "stripe" }, selection)
+      };
   }
 }
 function resolveHeadlessEventRegistrationStatus(wizard) {
@@ -16117,7 +16397,7 @@ function findSelectedTicketType(input) {
 }
 
 // ../blocks/src/system/runtime/nodes/event-registration/hooks.ts
-import { useState as useState6, useEffect as useEffect8, useCallback as useCallback5, useRef as useRef8, useReducer as useReducer4 } from "react";
+import { useState as useState3, useEffect as useEffect8, useCallback as useCallback5, useRef as useRef9, useReducer as useReducer7 } from "react";
 
 // ../blocks/src/system/runtime/nodes/event-registration/hooks.state.ts
 var initialEligibilityLookupState = {
@@ -16148,7 +16428,7 @@ function eligibilityLookupReducer(state, action) {
         error: action.message
       };
     default:
-      return assertNever11(action);
+      return assertNever4(action);
   }
 }
 var initialExistingRegistrationLookupState = {
@@ -16170,15 +16450,15 @@ function existingRegistrationLookupReducer(state, action) {
         registration: action.registration
       };
     default:
-      return assertNever11(action);
+      return assertNever4(action);
   }
 }
 
 // ../blocks/src/system/runtime/nodes/event-registration/hooks.ts
 function usePortalAuth() {
   const api = useBlockApi();
-  const [authState, setAuthState] = useState6("checking");
-  const [profile, setProfile] = useState6(null);
+  const [authState, setAuthState] = useState3("checking");
+  const [profile, setProfile] = useState3(null);
   useEffect8(() => {
     let cancelled = false;
     async function checkPortalAuth() {
@@ -16225,11 +16505,11 @@ function usePortalAuth() {
 }
 function useEligibility(params) {
   const api = useBlockApi();
-  const [state, dispatch] = useReducer4(
+  const [state, dispatch] = useReducer7(
     eligibilityLookupReducer,
     initialEligibilityLookupState
   );
-  const requestIdRef = useRef8(0);
+  const requestIdRef = useRef9(0);
   useEffect8(() => {
     let cancelled = false;
     async function fetchEligibility() {
@@ -16284,11 +16564,11 @@ function useExistingEventRegistration({
   occurrenceId
 }) {
   const api = useBlockApi();
-  const [state, dispatch] = useReducer4(
+  const [state, dispatch] = useReducer7(
     existingRegistrationLookupReducer,
     initialExistingRegistrationLookupState
   );
-  const requestIdRef = useRef8(0);
+  const requestIdRef = useRef9(0);
   useEffect8(() => {
     let cancelled = false;
     async function fetchExistingRegistration() {
@@ -16491,7 +16771,7 @@ function cleanupStaleRegistrations() {
 }
 
 // ../blocks/src/system/runtime/nodes/event-registration/useEventRegistrationWizard.ts
-import { useCallback as useCallback6, useEffect as useEffect11, useMemo as useMemo6, useReducer as useReducer5, useState as useState8 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect11, useMemo as useMemo6, useReducer as useReducer9, useState as useState4 } from "react";
 
 // ../blocks/src/system/runtime/nodes/event-registration/validation.ts
 function validateFormData2(formData) {
@@ -16508,7 +16788,55 @@ function validateFormData2(formData) {
 }
 
 // ../blocks/src/system/runtime/shared/useWaitlistClaim.ts
-import { useEffect as useEffect9, useState as useState7, useSyncExternalStore } from "react";
+import { useEffect as useEffect9, useReducer as useReducer8, useSyncExternalStore } from "react";
+
+// ../blocks/src/system/runtime/shared/useWaitlistClaim.state.ts
+var DEFAULT_WAITLIST_CLAIM_ERROR = "Failed to resolve waitlist claim";
+function createInitialWaitlistClaimState(hasToken) {
+  return hasToken ? { kind: "resolving" } : { kind: "idle" };
+}
+function waitlistClaimReducer(_state, action) {
+  switch (action.type) {
+    case "cleared":
+      return { kind: "idle" };
+    case "started":
+      return { kind: "resolving" };
+    case "resolved":
+      return { kind: "resolved", claim: action.claim };
+    case "failed":
+      return action.failure;
+  }
+}
+function toWaitlistClaimResolveFailure(error) {
+  const message = error instanceof Error ? error.message : DEFAULT_WAITLIST_CLAIM_ERROR;
+  if (isUnauthorizedBlockApiError(error)) {
+    return { kind: "portal-login-required", message };
+  }
+  return { kind: "error", message };
+}
+function isUnauthorizedBlockApiError(error) {
+  return error instanceof Error && error.name === "BlockApiError" && hasStatus(error) && error.status === 401;
+}
+function hasStatus(value) {
+  return typeof value === "object" && value !== null && "status" in value;
+}
+function getWaitlistClaim(state) {
+  return state.kind === "resolved" ? state.claim : null;
+}
+function getWaitlistClaimError(state) {
+  return state.kind === "error" ? state.message : null;
+}
+function getWaitlistClaimLoginMessage(state) {
+  return state.kind === "portal-login-required" ? state.message : null;
+}
+function requiresWaitlistClaimPortalLogin(state) {
+  return state.kind === "portal-login-required";
+}
+function isWaitlistClaimLoading(state) {
+  return state.kind === "resolving";
+}
+
+// ../blocks/src/system/runtime/shared/useWaitlistClaim.ts
 var WAITLIST_CLAIM_LOCATION_EVENT = "riverbank:waitlist-claim-location-change";
 var historyPatched = false;
 function emitWaitlistClaimLocationChange() {
@@ -16566,46 +16894,29 @@ function useWaitlistClaim() {
     getWaitlistClaimTokenSnapshot,
     () => null
   );
-  const [claim, setClaim] = useState7(null);
-  const [error, setError] = useState7(null);
-  const [loginMessage, setLoginMessage] = useState7(null);
-  const [requiresPortalLogin, setRequiresPortalLogin] = useState7(false);
-  const [isLoading, setIsLoading] = useState7(() => Boolean(token));
+  const [state, dispatch] = useReducer8(
+    waitlistClaimReducer,
+    Boolean(token),
+    createInitialWaitlistClaimState
+  );
   useEffect9(() => {
     let cancelled = false;
     async function resolveClaim() {
       if (!token) {
-        setClaim(null);
-        setError(null);
-        setLoginMessage(null);
-        setRequiresPortalLogin(false);
-        setIsLoading(false);
+        dispatch({ type: "cleared" });
         return;
       }
-      setIsLoading(true);
-      setClaim(null);
-      setError(null);
-      setLoginMessage(null);
-      setRequiresPortalLogin(false);
+      dispatch({ type: "started" });
       try {
         const result = await api.resolveWaitlistClaim({ claimToken: token });
         if (cancelled) return;
-        setClaim(result);
+        dispatch({ type: "resolved", claim: result });
       } catch (claimError) {
         if (cancelled) return;
-        const message = claimError instanceof Error ? claimError.message : "Failed to resolve waitlist claim";
-        setClaim(null);
-        if (claimError instanceof BlockApiError && claimError.status === 401) {
-          setRequiresPortalLogin(true);
-          setLoginMessage(message);
-          setError(null);
-        } else {
-          setError(message);
-        }
-      } finally {
-        if (!cancelled) {
-          setIsLoading(false);
-        }
+        dispatch({
+          type: "failed",
+          failure: toWaitlistClaimResolveFailure(claimError)
+        });
       }
     }
     void resolveClaim();
@@ -16615,11 +16926,11 @@ function useWaitlistClaim() {
   }, [api, token]);
   return {
     token,
-    claim,
-    error,
-    loginMessage,
-    requiresPortalLogin,
-    isLoading
+    claim: getWaitlistClaim(state),
+    error: getWaitlistClaimError(state),
+    loginMessage: getWaitlistClaimLoginMessage(state),
+    requiresPortalLogin: requiresWaitlistClaimPortalLogin(state),
+    isLoading: isWaitlistClaimLoading(state)
   };
 }
 
@@ -16907,7 +17218,7 @@ function useEventRegistrationWizard(options) {
     [scopedEvents, options.occurrenceContext]
   );
   const hasPreSelectedContext = !!(options.occurrenceContext || preSelectedEvent);
-  const [flowState, dispatchFlow] = useReducer5(
+  const [flowState, dispatchFlow] = useReducer9(
     registrationFlowReducer,
     hasPreSelectedContext,
     createInitialRegistrationFlowState
@@ -16915,24 +17226,24 @@ function useEventRegistrationWizard(options) {
   const step = flowState.step;
   const ticketsCount = flowState.ticketsCount;
   const paymentSelection = flowState.paymentSelection;
-  const [selectedEvent, setSelectedEvent] = useState8(preSelectedEvent ?? null);
-  const [formData, setFormData] = useState8({ name: "", email: "", phone: "", notes: "" });
-  const [errors, setErrors] = useState8({});
-  const [guests, setGuests] = useState8([]);
-  const [guestErrors, setGuestErrors] = useState8({});
-  const [guestSectionShake, setGuestSectionShake] = useState8(false);
-  const [selectedAttendanceMode, setSelectedAttendanceMode] = useState8(
+  const [selectedEvent, setSelectedEvent] = useState4(preSelectedEvent ?? null);
+  const [formData, setFormData] = useState4({ name: "", email: "", phone: "", notes: "" });
+  const [errors, setErrors] = useState4({});
+  const [guests, setGuests] = useState4([]);
+  const [guestErrors, setGuestErrors] = useState4({});
+  const [guestSectionShake, setGuestSectionShake] = useState4(false);
+  const [selectedAttendanceMode, setSelectedAttendanceMode] = useState4(
     preSelectedEvent?.deliveryMode === "online" ? "online" : preSelectedEvent?.deliveryMode === "in_person" ? "in_person" : null
   );
-  const [selectedTicketTypeId, setSelectedTicketTypeId] = useState8(null);
-  const [registrationResult, setRegistrationResult] = useState8(null);
-  const [errorMessage, setErrorMessage] = useState8("");
-  const [altchaSolution, setAltchaSolution] = useState8(null);
+  const [selectedTicketTypeId, setSelectedTicketTypeId] = useState4(null);
+  const [registrationResult, setRegistrationResult] = useState4(null);
+  const [errorMessage, setErrorMessage] = useState4("");
+  const [altchaSolution, setAltchaSolution] = useState4(null);
   const { authState: portalAuthState, profile: portalProfile } = usePortalAuth();
   const waitlistClaim = useWaitlistClaim();
-  const [showMagicLinkModal, setShowMagicLinkModal] = useState8(false);
-  const [pendingAttendeeId, setPendingAttendeeId] = useState8(null);
-  const [paymentStepState, setPaymentStepState] = useState8({
+  const [showMagicLinkModal, setShowMagicLinkModal] = useState4(false);
+  const [pendingAttendeeId, setPendingAttendeeId] = useState4(null);
+  const [paymentStepState, setPaymentStepState] = useState4({
     status: "loading",
     canContinue: false,
     buttonText: "Continue",
@@ -18129,10 +18440,10 @@ function buildResponsiveScopeRulePatternSource() {
 }
 
 // ../theme-core/src/ThemeScopeCore.tsx
-import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 
 // ../theme-core/src/ClientThemeScope.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 
 // ../blocks/src/system/runtime/hooks/useHeadlessEventRegistrationFlow.ts
 import React4, { useCallback as useCallback7, useMemo as useMemo8 } from "react";
@@ -18406,63 +18717,140 @@ function resolvePaymentModel(wizard) {
 }
 
 // ../blocks/src/system/runtime/hooks/useBookingFormConfig.ts
-import { useState as useState9, useEffect as useEffect12 } from "react";
+import { useEffect as useEffect12, useReducer as useReducer10 } from "react";
+
+// ../blocks/src/system/runtime/hooks/useBookingFormConfig.state.ts
+var EMPTY_SNAPSHOT = Object.freeze({
+  formConfig: null,
+  services: []
+});
+function createInitialBookingFormConfigState() {
+  return {
+    tag: "loading",
+    previous: EMPTY_SNAPSHOT
+  };
+}
+function bookingFormConfigReducer(state, action) {
+  switch (action.type) {
+    case "load-started":
+      return {
+        tag: "loading",
+        previous: toBookingFormConfigSnapshot(state)
+      };
+    case "form-loaded": {
+      const previous = toBookingFormConfigSnapshot(state);
+      return {
+        tag: "loading",
+        previous: {
+          formConfig: action.formConfig,
+          services: previous.formConfig?.id === action.formConfig.id ? previous.services : []
+        }
+      };
+    }
+    case "load-succeeded":
+      return {
+        tag: "loaded",
+        formConfig: action.formConfig,
+        services: action.services
+      };
+    case "services-load-failed": {
+      const previous = toBookingFormConfigSnapshot(state);
+      return previous.formConfig ? {
+        tag: "loaded",
+        formConfig: previous.formConfig,
+        services: previous.services
+      } : {
+        tag: "error",
+        message: action.message,
+        previous
+      };
+    }
+    case "load-failed":
+      return {
+        tag: "error",
+        message: action.message,
+        previous: toBookingFormConfigSnapshot(state)
+      };
+    default:
+      return assertNever4(action);
+  }
+}
+function selectBookingFormConfig(state) {
+  return toBookingFormConfigSnapshot(state).formConfig;
+}
+function selectBookingFormServices(state) {
+  return toBookingFormConfigSnapshot(state).services;
+}
+function selectBookingFormConfigIsLoading(state) {
+  return state.tag === "loading";
+}
+function selectBookingFormConfigError(state) {
+  return state.tag === "error" ? state.message : null;
+}
+function toBookingFormConfigSnapshot(state) {
+  switch (state.tag) {
+    case "loading":
+    case "error":
+      return state.previous;
+    case "loaded":
+      return {
+        formConfig: state.formConfig,
+        services: state.services
+      };
+    default:
+      return assertNever4(state);
+  }
+}
+
+// ../blocks/src/system/runtime/hooks/useBookingFormConfig.ts
 function useBookingFormConfig(siteId, formId) {
   const api = useBlockApi();
-  const [formConfig, setFormConfig] = useState9(null);
-  const [services, setServices] = useState9([]);
-  const [isLoading, setIsLoading] = useState9(true);
-  const [error, setError] = useState9(null);
+  const [state, dispatch] = useReducer10(
+    bookingFormConfigReducer,
+    void 0,
+    createInitialBookingFormConfigState
+  );
+  const formConfig = selectBookingFormConfig(state);
+  const services = selectBookingFormServices(state);
   useEffect12(() => {
     let mounted = true;
     async function loadFormAndServices() {
+      dispatch({ type: "load-started" });
       try {
-        setIsLoading(true);
-        setError(null);
         const formResponse = await api.getForm(formId, siteId);
         if (!mounted) return;
-        const rawData = formResponse.form;
-        const normalizedForm = {
-          id: rawData.id,
-          name: rawData.name,
-          slug: rawData.slug,
-          settings: rawData.settingsJson ?? rawData.settings,
-          schema: rawData.schemaJson ?? rawData.schema
-        };
-        setFormConfig(normalizedForm);
-        if (!normalizedForm.settings?.serviceId && !normalizedForm.settings?.serviceIds) {
-          try {
-            const servicesData = await api.getBookingServices();
-            if (mounted) {
-              setServices(servicesData.services || []);
-            }
-          } catch {
-          }
-        } else if (normalizedForm.settings?.serviceIds && normalizedForm.settings.serviceIds.length > 0) {
-          try {
-            const servicesData = await api.getBookingServices({ ids: normalizedForm.settings.serviceIds });
-            if (mounted) {
-              setServices(servicesData.services || []);
-            }
-          } catch {
-          }
-        } else if (normalizedForm.settings?.serviceId) {
-          try {
-            const serviceData = await api.getBookingService(normalizedForm.settings.serviceId);
-            if (mounted) {
-              setServices([serviceData.service]);
-            }
-          } catch {
+        const normalizedForm = normalizeBookingFormConfig(formResponse.form);
+        if (!normalizedForm) {
+          throw new Error("Invalid booking form response.");
+        }
+        dispatch({
+          type: "form-loaded",
+          formConfig: normalizedForm
+        });
+        try {
+          const services2 = await loadBookingFormServices(api, normalizedForm);
+          if (!mounted) return;
+          dispatch({
+            type: "load-succeeded",
+            formConfig: normalizedForm,
+            services: services2
+          });
+        } catch (err3) {
+          console.warn("Failed to load booking form services:", err3);
+          if (mounted) {
+            dispatch({
+              type: "services-load-failed",
+              message: "Failed to load booking services."
+            });
           }
         }
       } catch (err3) {
         console.error("Failed to load form:", err3);
         if (mounted) {
-          setError("Failed to load booking form. Please try again later.");
-        }
-      } finally {
-        if (mounted) {
-          setIsLoading(false);
+          dispatch({
+            type: "load-failed",
+            message: "Failed to load booking form. Please try again later."
+          });
         }
       }
     }
@@ -18471,7 +18859,27 @@ function useBookingFormConfig(siteId, formId) {
       mounted = false;
     };
   }, [siteId, formId, api]);
-  return { formConfig, services, isLoading, error };
+  return {
+    formConfig,
+    services,
+    isLoading: selectBookingFormConfigIsLoading(state),
+    error: selectBookingFormConfigError(state)
+  };
+}
+async function loadBookingFormServices(api, formConfig) {
+  if (!formConfig.settings?.serviceId && !formConfig.settings?.serviceIds) {
+    const servicesData = await api.getBookingServices();
+    return normalizeBookingServices(servicesData.services);
+  }
+  if (formConfig.settings?.serviceIds && formConfig.settings.serviceIds.length > 0) {
+    const servicesData = await api.getBookingServices({ ids: [...formConfig.settings.serviceIds] });
+    return normalizeBookingServices(servicesData.services);
+  }
+  if (formConfig.settings?.serviceId) {
+    const serviceData = await api.getBookingService(formConfig.settings.serviceId);
+    return normalizeBookingServices([serviceData.service]);
+  }
+  return [];
 }
 
 // src/bookings/index.ts