@riverbankcms/sdk 0.68.0 → 0.70.0

package/dist/client/bookings.mjs

@@ -4911,6 +4911,11 @@ var personalitiesById = new Map(
 );
 
 // ../core/src/branded.ts
+var asSiteId = (id) => id;
+var asFormId = (id) => id;
+var asPassId = (id) => id;
+var asCustomerPassId = (id) => id;
+var asAppointmentServiceId = (id) => id;
 var asAppointmentResourceId = (id) => id;
 
 // ../core/src/date-math.ts
@@ -5262,6 +5267,20 @@ function assertNever3(value, message) {
   throw new Error(message ?? `Unexpected value: ${String(value)}`);
 }
 
+// ../blocks/src/system/runtime/nodes/booking-form.reserved-fields.ts
+var BOOKING_FORM_DATA_RESERVED_KEY_VALUES = [
+  "serviceId",
+  "resourceId",
+  "selectedDate",
+  "selectedSlot",
+  "discountCode",
+  "selectedCollectionOptionKind",
+  "selectedAppointmentPackageId"
+];
+var BOOKING_FORM_DATA_RESERVED_KEYS = new Set(
+  BOOKING_FORM_DATA_RESERVED_KEY_VALUES
+);
+
 // ../blocks/src/system/runtime/nodes/booking-form.state.ts
 function toTrimmedString(value) {
   const trimmed = value?.trim();
@@ -5515,15 +5534,6 @@ function normalizeBookingSettings(value) {
 function isBookingFormService(value) {
   return isRecord2(value) && typeof value.id === "string" && typeof value.siteId === "string" && typeof value.title === "string";
 }
-var BOOKING_FORM_DATA_RESERVED_KEYS = /* @__PURE__ */ new Set([
-  "serviceId",
-  "resourceId",
-  "selectedDate",
-  "selectedSlot",
-  "discountCode",
-  "selectedCollectionOptionKind",
-  "selectedAppointmentPackageId"
-]);
 function collectBookingCustomFields(data) {
   const customFields = {};
   for (const [key, value] of Object.entries(data)) {
@@ -7006,6 +7016,7 @@ function formatScheduleDate(isoString, locale) {
 }
 
 // ../blocks/src/system/runtime/nodes/booking-form.headless.state.ts
+var asBookingFieldId = (id) => id;
 function createEmptyBookingValidationErrors() {
   return { formError: null, fieldErrors: {} };
 }
@@ -7032,8 +7043,12 @@ function createInitialBookingFlowReducerState(input) {
   const initialData = input.initialData ?? {};
   return {
     currentStepId: "service-selection",
-    selectedServiceId: toOptionalString(initialData.serviceId) ?? input.defaultServiceId,
-    selectedResourceId: toOptionalString(initialData.resourceId) ?? input.defaultResourceId,
+    selectedServiceId: toOptionalAppointmentServiceId(
+      toOptionalString(initialData.serviceId) ?? input.defaultServiceId
+    ),
+    selectedResourceId: toOptionalAppointmentResourceId(
+      toOptionalString(initialData.resourceId) ?? input.defaultResourceId
+    ),
     selectedDate: toOptionalString(initialData.selectedDate),
     selectedSlot: null,
     fieldValues: collectInitialFieldValues(initialData),
@@ -7042,8 +7057,8 @@ function createInitialBookingFlowReducerState(input) {
     selectedCollectionOptionKind: toSelectedCollectionOptionKind(
       initialData.selectedCollectionOptionKind
     ),
-    selectedAppointmentPackageId: toOptionalString(
-      initialData.selectedAppointmentPackageId
+    selectedAppointmentPackageId: toOptionalCustomerPassId(
+      toOptionalString(initialData.selectedAppointmentPackageId)
     ),
     altchaSolution: null,
     validationErrors: createEmptyBookingValidationErrors(),
@@ -7066,6 +7081,22 @@ function toOptionalString(value) {
   const trimmed = value.trim();
   return trimmed.length > 0 ? trimmed : void 0;
 }
+function toOptionalBrandedId(value, brand) {
+  const trimmed = toOptionalString(value);
+  return trimmed ? brand(trimmed) : void 0;
+}
+function toOptionalFormId(value) {
+  return toOptionalBrandedId(value, asFormId);
+}
+function toOptionalAppointmentServiceId(value) {
+  return toOptionalBrandedId(value, asAppointmentServiceId);
+}
+function toOptionalAppointmentResourceId(value) {
+  return toOptionalBrandedId(value, asAppointmentResourceId);
+}
+function toOptionalCustomerPassId(value) {
+  return toOptionalBrandedId(value, asCustomerPassId);
+}
 function isBookingFieldValue(value) {
   return value === null || typeof value === "string" || typeof value === "number" || typeof value === "boolean" || Array.isArray(value) && value.every((item) => typeof item === "string");
 }
@@ -7211,7 +7242,9 @@ function toBookingSlotView(slot) {
     key: `${slot.startAt}|${slot.endAt}|${slot.resourceId}`,
     startAt: slot.startAt,
     endAt: slot.endAt,
-    resourceId: String(slot.resourceId)
+    resourceId: asAppointmentResourceId(slot.resourceId),
+    ...slot.resourceName ? { resourceName: slot.resourceName } : {},
+    ...slot.label ? { label: slot.label } : {}
   };
 }
 function toBookingSlotViews(slots) {
@@ -7455,7 +7488,8 @@ function buildBookingAvailabilityQuery(input) {
 }
 function deriveBookingFieldViews(input) {
   return (input.form?.schema?.fields ?? []).map((field) => {
-    const inputId = `${input.idPrefix}-${field.id}`;
+    const fieldId = asBookingFieldId(field.id);
+    const inputId = `${input.idPrefix}-${fieldId}`;
     const helpTextId = field.helpText ? `${inputId}-help` : null;
     const fieldValue = input.values[field.id] ?? null;
     const localError = input.touched?.[field.id] ? validateBookingField(field, fieldValue) : null;
@@ -7464,7 +7498,7 @@ function deriveBookingFieldViews(input) {
     const describedBy = [helpTextId, errorId].filter(Boolean).join(" ") || void 0;
     return {
       field,
-      id: field.id,
+      id: fieldId,
       label: field.label,
       type: field.type,
       value: fieldValue,
@@ -7557,7 +7591,7 @@ function getAppointmentBookingOverrideInput(props) {
   if (!form) {
     return createOverrideInputError("missing-form", "Booking form not found.");
   }
-  const formId = content.formId ?? form.id;
+  const formId = toOptionalFormId(content.formId ?? form.id);
   if (!formId) {
     return createOverrideInputError(
       "missing-form-id",
@@ -7571,18 +7605,22 @@ function getAppointmentBookingOverrideInput(props) {
       "Booking services are not available."
     );
   }
-  const defaultServiceId = content.serviceId ?? form.settings?.serviceId ?? resolveDefaultBookingServiceId(form, services) ?? void 0;
+  const defaultServiceId = toOptionalAppointmentServiceId(
+    content.serviceId ?? form.settings?.serviceId ?? resolveDefaultBookingServiceId(form, services) ?? void 0
+  );
   return {
     ok: true,
     value: {
-      siteId: props.siteId,
+      siteId: asSiteId(props.siteId),
       apiBaseUrl: props.apiBaseUrl,
       portalToken: props.portalToken ?? null,
       formId,
       form,
       services,
       initialServiceId: defaultServiceId,
-      initialResourceId: content.resourceId ?? form.settings?.resourceId,
+      initialResourceId: toOptionalAppointmentResourceId(
+        content.resourceId ?? form.settings?.resourceId
+      ),
       requiresServiceSelection: Boolean(content.requiresServiceSelection),
       requiresResourceSelection: Boolean(content.requiresResourceSelection),
       shouldAutoSelectSingleResource: content.shouldAutoSelectSingleResource ?? true,
@@ -7655,20 +7693,30 @@ function resolveAppointmentPackagesModel(input) {
         items: [],
         selected: null
       };
-    case "loaded":
+    case "loaded": {
+      const items = input.items.map(toHeadlessEligibleAppointmentPackage);
+      const selected = input.selected ? toHeadlessEligibleAppointmentPackage(input.selected) : null;
       return {
         kind: "ready",
         enabled: true,
         canLoad: true,
         unavailableReason: null,
-        state: input.state,
-        items: input.items,
-        selected: input.selected
+        state: { tag: "loaded", value: items },
+        items,
+        selected
       };
+    }
     default:
       return assertNever3(input.state);
   }
 }
+function toHeadlessEligibleAppointmentPackage(appointmentPackage) {
+  return {
+    ...appointmentPackage,
+    customerPassId: asCustomerPassId(appointmentPackage.customerPassId),
+    passId: asPassId(appointmentPackage.passId)
+  };
+}
 function resolveHeadlessBookingStatus(input) {
   if (input.isSubmitting) return { tag: "submitting" };
   if (input.feedback.kind === "success") {
@@ -7749,8 +7797,13 @@ function HeadlessBookingProvider({
 }
 function useHeadlessBookingFlow(options) {
   const viewerTimeZone = options.viewerTimeZone ?? getRuntimeTimeZone();
-  const defaultServiceId = options.initialServiceId ?? resolveDefaultBookingServiceId(options.form, options.services) ?? void 0;
-  const defaultResourceId = options.initialResourceId;
+  const formKey = asFormId(options.formId);
+  const defaultServiceId = toOptionalAppointmentServiceId(
+    options.initialServiceId ?? resolveDefaultBookingServiceId(options.form, options.services) ?? void 0
+  );
+  const defaultResourceId = toOptionalAppointmentResourceId(
+    options.initialResourceId
+  );
   const initialState = useMemo2(
     () => createInitialBookingFlowReducerState({
       defaultServiceId,
@@ -7908,7 +7961,7 @@ function useHeadlessBookingFlow(options) {
       setResourcesState({
         tag: "loaded",
         value: (result.options ?? []).map((option) => ({
-          id: option.id,
+          id: asAppointmentResourceId(option.id),
           label: option.label
         }))
       });
@@ -8011,7 +8064,7 @@ function useHeadlessBookingFlow(options) {
     state,
     data,
     form: options.form,
-    formId: options.formId,
+    formId: formKey,
     services: options.services,
     defaultServiceId,
     defaultResourceId,
@@ -8122,14 +8175,30 @@ function useHeadlessBookingFlow(options) {
   );
   const actions = useMemo2(
     () => ({
-      selectService: (serviceId) => dispatch({ type: "service-selected", serviceId }),
-      selectResource: (resourceId) => dispatch({ type: "resource-selected", resourceId }),
+      selectService: (serviceId) => dispatch({
+        type: "service-selected",
+        serviceId: asAppointmentServiceId(serviceId)
+      }),
+      selectResource: (resourceId) => dispatch({
+        type: "resource-selected",
+        resourceId: resourceId ? asAppointmentResourceId(resourceId) : null
+      }),
       selectDate: (date) => dispatch({ type: "date-selected", date }),
-      selectSlot: (slot) => dispatch({ type: "slot-selected", slot }),
-      updateField: (fieldId, value) => dispatch({ type: "field-updated", fieldId, value }),
-      markFieldTouched: (fieldId) => dispatch({ type: "field-touched", fieldId }),
+      selectSlot: (slot) => dispatch({
+        type: "slot-selected",
+        slot: slot ? toBookingSlotView(slot) : null
+      }),
+      updateField: (fieldId, value) => dispatch({
+        type: "field-updated",
+        fieldId: asBookingFieldId(fieldId),
+        value
+      }),
+      markFieldTouched: (fieldId) => dispatch({ type: "field-touched", fieldId: asBookingFieldId(fieldId) }),
       selectPaymentOption: (kind) => dispatch({ type: "payment-option-selected", kind }),
-      selectAppointmentPackage: (packageId) => dispatch({ type: "appointment-package-selected", packageId }),
+      selectAppointmentPackage: (packageId) => dispatch({
+        type: "appointment-package-selected",
+        packageId: packageId ? asCustomerPassId(packageId) : null
+      }),
       setDiscountCode: (code) => {
         dispatch({ type: "discount-code-changed", code });
         latestRef.current.setDiscountCode(code);
@@ -10338,6 +10407,7 @@ var HeadlessBookingProvider2 = (props) => {
   return React4.createElement(HeadlessBookingProvider, props);
 };
 export {
+  BOOKING_FORM_DATA_RESERVED_KEY_VALUES,
   BookingFormClient2 as BookingFormClient,
   AltchaWidget as HeadlessBookingAltchaWidget,
   HeadlessBookingProvider2 as HeadlessBookingProvider,