@riverbankcms/sdk 0.74.0 → 0.75.0

package/dist/client/bookings.mjs

@@ -7042,6 +7042,7 @@ function clearBookingFieldError(errors, fieldId) {
 function createInitialBookingFlowReducerState(input) {
   const initialData = input.initialData ?? {};
   return {
+    phase: "editing",
     currentStepId: "service-selection",
     selectedServiceId: toOptionalAppointmentServiceId(
       toOptionalString(initialData.serviceId) ?? input.defaultServiceId
@@ -7062,8 +7063,7 @@ function createInitialBookingFlowReducerState(input) {
     ),
     altchaSolution: null,
     validationErrors: createEmptyBookingValidationErrors(),
-    feedback: { kind: "none" },
-    isSubmitting: false
+    feedback: { kind: "none" }
   };
 }
 function collectInitialFieldValues(initialData) {
@@ -7193,8 +7193,15 @@ function bookingFlowReducer(state, event) {
     case "validation-errors-set":
       return { ...state, validationErrors: event.errors };
     case "feedback-set":
-      return { ...state, feedback: event.feedback };
+      return {
+        ...state,
+        phase: event.feedback.kind === "success" ? "completed" : "editing",
+        feedback: event.feedback
+      };
     case "availability-selection-invalidated":
+      if (state.phase !== "editing") {
+        return state;
+      }
       return {
         ...state,
         currentStepId: "datetime-selection",
@@ -7208,11 +7215,11 @@ function bookingFlowReducer(state, event) {
         validationErrors: clearBookingFormError(state.validationErrors)
       };
     case "feedback-cleared":
-      return { ...state, feedback: { kind: "none" } };
+      return { ...state, phase: "editing", feedback: { kind: "none" } };
     case "submission-started":
-      return { ...state, isSubmitting: true };
+      return { ...state, phase: "submitting" };
     case "submission-finished":
-      return { ...state, isSubmitting: false };
+      return state.phase === "submitting" ? { ...state, phase: "editing" } : state;
     case "reset":
       return event.initial;
     default:
@@ -7718,8 +7725,8 @@ function toHeadlessEligibleAppointmentPackage(appointmentPackage) {
   };
 }
 function resolveHeadlessBookingStatus(input) {
-  if (input.isSubmitting) return { tag: "submitting" };
-  if (input.feedback.kind === "success") {
+  if (input.phase === "submitting") return { tag: "submitting" };
+  if (input.phase === "completed" && input.feedback.kind === "success") {
     return {
       tag: "success",
       resourceName: input.feedback.resourceName
@@ -7901,6 +7908,7 @@ function useHeadlessBookingFlow(options) {
     [availableDates]
   );
   useEffect6(() => {
+    if (state.phase !== "editing") return;
     const canEvaluateDate = availabilityDatesQuery.ok && Boolean(availableDatesLoadedRange) && !isLoadingDates && !datesError;
     const canEvaluateSlot = !state.selectedSlot || availabilitySlotsQuery.ok && hasLoadedSlots && !isLoadingSlots && !slotsError;
     if (!canEvaluateDate || !canEvaluateSlot) return;
@@ -7926,6 +7934,7 @@ function useHeadlessBookingFlow(options) {
     isLoadingSlots,
     slotViews,
     slotsError,
+    state.phase,
     state.selectedDate,
     state.selectedSlot
   ]);
@@ -8086,7 +8095,7 @@ function useHeadlessBookingFlow(options) {
   const submitBooking = useCallback3(
     async (submitOptions) => {
       const latest = latestRef.current;
-      if (submittingRef.current || latest.state.isSubmitting) {
+      if (submittingRef.current || latest.state.phase === "submitting") {
         return {
           ok: false,
           reason: "blocked",
@@ -8282,7 +8291,7 @@ function useHeadlessBookingFlow(options) {
   const spamProtectionEnabled = options.spamProtectionEnabled ?? isSpamProtectionEnabled();
   const status = resolveHeadlessBookingStatus({
     feedback: state.feedback,
-    isSubmitting: state.isSubmitting
+    phase: state.phase
   });
   const view = resolveHeadlessBookingView({
     form: options.form,

package/dist/client/{carousel-25WK2H7G.mjs → carousel-2NQA6V57.mjs}

@@ -1,6 +1,7 @@
+import { normalizeCarouselProps, CarouselNodeClient } from './chunk-II7O4XN3.mjs';
+import './chunk-RTZ3JKKX.mjs';
 import { mountReactIsland } from './chunk-N7PBWBWQ.mjs';
-import { normalizeCarouselProps, CarouselNodeClient } from './chunk-5IYGMTUE.mjs';
-import { defineIslandPropsDecoder } from './chunk-6VGXRE34.mjs';
+import { defineIslandPropsDecoder } from './chunk-FU2QRZMX.mjs';
 import './chunk-PMAIXMAB.mjs';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/client/cart-5TFIAFDS.mjs

@@ -0,0 +1,18 @@
+import { mountShopBlockIsland, CartClient } from './chunk-NWOUL6JY.mjs';
+import './chunk-ZLMS67RR.mjs';
+import './chunk-II7O4XN3.mjs';
+import './chunk-I2MMZO53.mjs';
+import './chunk-RTZ3JKKX.mjs';
+import './chunk-2PHQZ666.mjs';
+import './chunk-3DCJ45Z2.mjs';
+import './chunk-3PEDD5KJ.mjs';
+import './chunk-M3L3KYYR.mjs';
+import './chunk-N7PBWBWQ.mjs';
+import { defineIslandPropsDecoder } from './chunk-FU2QRZMX.mjs';
+import './chunk-PMAIXMAB.mjs';
+
+// src/rendering/islands/enhancers/cart.tsx
+var decode = defineIslandPropsDecoder("cart");
+var enhance = (root, props) => mountShopBlockIsland(root, props, CartClient, "cart");
+
+export { decode, enhance };

package/dist/client/checkout-TP4WAHZE.mjs

@@ -0,0 +1,18 @@
+import { mountShopBlockIsland, CheckoutClient } from './chunk-NWOUL6JY.mjs';
+import './chunk-ZLMS67RR.mjs';
+import './chunk-II7O4XN3.mjs';
+import './chunk-I2MMZO53.mjs';
+import './chunk-RTZ3JKKX.mjs';
+import './chunk-2PHQZ666.mjs';
+import './chunk-3DCJ45Z2.mjs';
+import './chunk-3PEDD5KJ.mjs';
+import './chunk-M3L3KYYR.mjs';
+import './chunk-N7PBWBWQ.mjs';
+import { defineIslandPropsDecoder } from './chunk-FU2QRZMX.mjs';
+import './chunk-PMAIXMAB.mjs';
+
+// src/rendering/islands/enhancers/checkout.tsx
+var decode = defineIslandPropsDecoder("checkout");
+var enhance = (root, props) => mountShopBlockIsland(root, props, CheckoutClient, "checkout");
+
+export { decode, enhance };

package/dist/client/chunk-2PHQZ666.mjs

@@ -0,0 +1,383 @@
+import { FeedbackMessage } from './chunk-M3L3KYYR.mjs';
+import { clsx_default } from './chunk-PMAIXMAB.mjs';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// ../blocks/src/system/runtime/shared/utils/checkoutUrls.ts
+function buildCheckoutReturnUrls(paramName, anchorId) {
+  const currentUrl = new URL(window.location.href);
+  const hash = `#${anchorId}`;
+  const successParams = new URLSearchParams(currentUrl.search);
+  successParams.set(paramName, "success");
+  const successUrl = `${currentUrl.origin}${currentUrl.pathname}?${successParams.toString()}${hash}`;
+  const cancelParams = new URLSearchParams(currentUrl.search);
+  cancelParams.set(paramName, "cancelled");
+  const cancelUrl = `${currentUrl.origin}${currentUrl.pathname}?${cancelParams.toString()}${hash}`;
+  return { successUrl, cancelUrl };
+}
+
+// ../blocks/src/system/runtime/shared/utils/scrollToBlock.ts
+function scrollToBlock(anchorId) {
+  requestAnimationFrame(() => {
+    document.getElementById(anchorId)?.scrollIntoView({ behavior: "smooth", block: "start" });
+  });
+}
+
+// ../blocks/src/system/runtime/shared/utils/themePortalRoot.ts
+function copyDataAttributes(from, to) {
+  for (const name of from.getAttributeNames()) {
+    if (!name.startsWith("data-")) continue;
+    const value = from.getAttribute(name);
+    if (value === null) continue;
+    to.setAttribute(name, value);
+  }
+}
+function createBodyThemePortalRoot(sourceEl) {
+  if (typeof document === "undefined") return null;
+  const scope = sourceEl.closest(".theme-scope");
+  if (!scope) return null;
+  const root = document.createElement("div");
+  root.className = "theme-scope rb-theme-portal-root";
+  root.style.cssText = scope.style.cssText;
+  copyDataAttributes(scope, root);
+  const responsiveMode = scope.getAttribute("data-rb-responsive-mode");
+  if (responsiveMode) {
+    root.setAttribute("data-rb-responsive-mode", responsiveMode);
+  }
+  document.body.appendChild(root);
+  return {
+    root,
+    cleanup: () => {
+      root.remove();
+    }
+  };
+}
+
+// ../blocks/src/system/runtime/shared/utils/urlParams.ts
+function consumeSearchParam(paramName) {
+  const url = new URL(window.location.href);
+  const value = url.searchParams.get(paramName);
+  if (value === null) return null;
+  url.searchParams.delete(paramName);
+  const newUrl = url.pathname + (url.search ? url.search : "") + url.hash;
+  window.history.replaceState({}, "", newUrl);
+  return value;
+}
+function consumeSearchParams(paramNames) {
+  const url = new URL(window.location.href);
+  const values = Object.fromEntries(
+    paramNames.map((name) => [name, url.searchParams.get(name)])
+  );
+  let changed = false;
+  for (const name of paramNames) {
+    if (url.searchParams.has(name)) {
+      url.searchParams.delete(name);
+      changed = true;
+    }
+  }
+  if (changed) {
+    const newUrl = url.pathname + (url.search ? url.search : "") + url.hash;
+    window.history.replaceState({}, "", newUrl);
+  }
+  return values;
+}
+
+// ../blocks/src/system/runtime/shared/types.ts
+var DEFAULT_CURRENCY = "GBP";
+
+// ../blocks/src/system/runtime/shared/utils/formatting.ts
+function formatPrice(cents, currency = DEFAULT_CURRENCY, locale) {
+  return new Intl.NumberFormat(locale, {
+    style: "currency",
+    currency: currency.toUpperCase()
+  }).format(cents / 100);
+}
+
+// ../blocks/src/system/runtime/shared/utils/portalLogout.ts
+function logoutPortal(anchorId) {
+  const form = document.createElement("form");
+  form.method = "POST";
+  form.action = "/api/portal/logout";
+  const redirectInput = document.createElement("input");
+  redirectInput.type = "hidden";
+  redirectInput.name = "redirect_to";
+  redirectInput.value = `${window.location.pathname}#${anchorId}`;
+  form.appendChild(redirectInput);
+  document.body.appendChild(form);
+  form.submit();
+}
+
+// ../blocks/src/system/runtime/shared/utils/validation.ts
+var EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+function validateFormData(data) {
+  const errors = {};
+  if (!data.name.trim()) {
+    errors.name = "Name is required";
+  }
+  if (!data.email.trim()) {
+    errors.email = "Email is required";
+  } else if (!EMAIL_REGEX.test(data.email.trim())) {
+    errors.email = "Please enter a valid email";
+  }
+  return errors;
+}
+
+// ../blocks/src/system/runtime/shared/utils/wizardSteps.ts
+function getStepNumber(step, wizardSteps) {
+  const index = wizardSteps.indexOf(step);
+  return index >= 0 ? index + 1 : 1;
+}
+function CheckIcon({ className, strokeWidth = 2 }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      fill: "none",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth,
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      className,
+      width: "1em",
+      height: "1em",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("path", { d: "M5 13l4 4L19 7" })
+    }
+  );
+}
+function CrossIcon({ className, strokeWidth = 2 }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      fill: "none",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth,
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      className,
+      width: "1em",
+      height: "1em",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("path", { d: "M6 18L18 6M6 6l12 12" })
+    }
+  );
+}
+var alignmentClasses = {
+  start: "rb-justify-start",
+  end: "rb-justify-end",
+  between: "rb-justify-between"
+};
+function joinClasses(...parts) {
+  return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
+}
+function ActionRow({
+  children,
+  className,
+  align = "start"
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: joinClasses("rb-flex rb-flex-wrap rb-items-center rb-gap-2", alignmentClasses[align], className),
+      "data-action-row": true,
+      children
+    }
+  );
+}
+function StateIcon({ variant, children }) {
+  return /* @__PURE__ */ jsx("div", { className: `rb-state-icon rb-state-icon--${variant}`, "aria-hidden": "true", children });
+}
+function joinClasses2(...parts) {
+  return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
+}
+function TerminalPanel({
+  tone,
+  title,
+  titleAs: Title = "h3",
+  body,
+  secondaryBody,
+  icon,
+  actions,
+  className,
+  titleClassName,
+  bodyClassName,
+  secondaryBodyClassName,
+  iconClassName,
+  actionsClassName,
+  role,
+  live
+}) {
+  const resolvedRole = role ?? (tone === "error" ? "alert" : "status");
+  const resolvedLive = live ?? (resolvedRole === "alert" ? "assertive" : "polite");
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className,
+      "data-terminal-panel": true,
+      "data-terminal-tone": tone,
+      role: resolvedRole,
+      "aria-live": resolvedLive === "off" ? void 0 : resolvedLive,
+      children: [
+        icon ? /* @__PURE__ */ jsx("div", { className: joinClasses2(iconClassName), "data-terminal-icon": true, children: icon }) : null,
+        /* @__PURE__ */ jsx(Title, { className: joinClasses2(titleClassName), "data-terminal-title": true, children: title }),
+        body ? /* @__PURE__ */ jsx("div", { className: joinClasses2(bodyClassName), "data-terminal-body": true, children: body }) : null,
+        actions ? /* @__PURE__ */ jsx("div", { className: joinClasses2(actionsClassName), "data-terminal-actions": true, children: actions }) : null,
+        secondaryBody ? /* @__PURE__ */ jsx("div", { className: joinClasses2(secondaryBodyClassName), "data-terminal-secondary-body": true, children: secondaryBody }) : null
+      ]
+    }
+  );
+}
+function ClockIcon({ className, strokeWidth = 2 }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      fill: "none",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth,
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      className,
+      width: "1em",
+      height: "1em",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("path", { d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" })
+    }
+  );
+}
+function LoggedInAsUser({ email, onLogout, classPrefix }) {
+  return /* @__PURE__ */ jsxs("p", { className: `${classPrefix}-logged-in-hint`, children: [
+    "Logged in as ",
+    email,
+    onLogout && /* @__PURE__ */ jsxs(Fragment, { children: [
+      " \u2014 ",
+      /* @__PURE__ */ jsx("button", { type: "button", className: `${classPrefix}-link`, onClick: onLogout, children: "Not you? Log out" })
+    ] })
+  ] });
+}
+function MembershipHero({
+  membershipName,
+  classPrefix,
+  onBookForSomeoneElse
+}) {
+  return /* @__PURE__ */ jsxs(FeedbackMessage, { tone: "success", className: `${classPrefix}-membership-hero`, role: "status", children: [
+    /* @__PURE__ */ jsx("div", { className: `${classPrefix}-membership-hero__icon`, "aria-hidden": "true", children: "\u2728" }),
+    /* @__PURE__ */ jsxs("h3", { className: `${classPrefix}-membership-hero__title`, children: [
+      "Included with your ",
+      membershipName
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: `${classPrefix}-membership-hero__subtitle`, children: "No payment required" }),
+    onBookForSomeoneElse && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: `${classPrefix}-membership-hero__link`,
+        onClick: onBookForSomeoneElse,
+        children: "Booking for someone else?"
+      }
+    )
+  ] });
+}
+function clampIndex(idx, len) {
+  if (len <= 0) return 0;
+  const mod = idx % len;
+  return mod < 0 ? mod + len : mod;
+}
+function TabBarFragment({
+  tabs,
+  activeTab,
+  onTabChange,
+  ariaLabel,
+  className,
+  tabClassName,
+  activeTabClassName
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className,
+      role: "tablist",
+      "aria-label": ariaLabel,
+      children: tabs.map((tab, idx) => {
+        const isActive = tab.id === activeTab;
+        return /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            role: "tab",
+            "aria-selected": isActive,
+            tabIndex: isActive ? 0 : -1,
+            className: clsx_default(tabClassName, isActive && activeTabClassName),
+            onClick: () => onTabChange(tab.id),
+            onKeyDown: (e) => {
+              if (tabs.length === 0) return;
+              if (!(e.currentTarget instanceof HTMLButtonElement)) return;
+              let nextIdx = null;
+              if (e.key === "ArrowRight") nextIdx = clampIndex(idx + 1, tabs.length);
+              else if (e.key === "ArrowLeft") nextIdx = clampIndex(idx - 1, tabs.length);
+              else if (e.key === "Home") nextIdx = 0;
+              else if (e.key === "End") nextIdx = tabs.length - 1;
+              if (nextIdx === null) return;
+              e.preventDefault();
+              const nextId = tabs[nextIdx]?.id;
+              if (!nextId) return;
+              onTabChange(nextId);
+              requestAnimationFrame(() => {
+                const root = e.currentTarget.closest('[role="tablist"]') ?? null;
+                const btns = root?.querySelectorAll('[role="tab"]') ?? null;
+                btns?.[nextIdx]?.focus();
+              });
+            },
+            children: tab.label
+          },
+          tab.id
+        );
+      })
+    }
+  );
+}
+function StepIndicator({
+  currentStep,
+  totalSteps,
+  stepLabels,
+  classPrefix
+}) {
+  return /* @__PURE__ */ jsx("nav", { "aria-label": "Registration progress", className: `${classPrefix}-steps-nav`, children: /* @__PURE__ */ jsx("ol", { className: `${classPrefix}-steps`, children: Array.from({ length: totalSteps }, (_, i) => {
+    const stepNum = i + 1;
+    const isActive = stepNum === currentStep;
+    const isComplete = stepNum < currentStep;
+    return /* @__PURE__ */ jsxs(
+      "li",
+      {
+        className: `${classPrefix}-step`,
+        "aria-current": isActive ? "step" : void 0,
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: `${classPrefix}-step-circle${isActive ? ` ${classPrefix}-step-circle--active` : ""}${isComplete ? ` ${classPrefix}-step-circle--completed` : ""}`,
+              children: isComplete ? /* @__PURE__ */ jsx(CheckIcon, { className: `${classPrefix}-step-check`, strokeWidth: 3 }) : stepNum
+            }
+          ),
+          stepLabels?.[i] && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: `${classPrefix}-step-label${isActive ? ` ${classPrefix}-step-label--active` : ""}`,
+              children: stepLabels[i]
+            }
+          ),
+          stepNum < totalSteps && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: `${classPrefix}-step-connector${isComplete ? ` ${classPrefix}-step-connector--completed` : ""}`,
+              "aria-hidden": "true"
+            }
+          )
+        ]
+      },
+      i
+    );
+  }) }) });
+}
+
+export { ActionRow, CheckIcon, ClockIcon, CrossIcon, LoggedInAsUser, MembershipHero, StateIcon, StepIndicator, TabBarFragment, TerminalPanel, buildCheckoutReturnUrls, consumeSearchParam, consumeSearchParams, createBodyThemePortalRoot, formatPrice, getStepNumber, logoutPortal, scrollToBlock, validateFormData };

package/dist/client/chunk-3DCJ45Z2.mjs

@@ -0,0 +1,36 @@
+import { jsx } from 'react/jsx-runtime';
+
+// ../blocks/src/system/runtime/shared/components/FieldValidationMessage.tsx
+function getFieldValidationControlProps({
+  message,
+  messageId,
+  describedBy
+}) {
+  const hasMessage = Boolean(message);
+  const ariaDescribedBy = [describedBy, hasMessage ? messageId : void 0].filter((part) => typeof part === "string" && part.length > 0).join(" ");
+  return {
+    "aria-invalid": hasMessage ? "true" : void 0,
+    "aria-describedby": ariaDescribedBy || void 0
+  };
+}
+function FieldValidationMessage({
+  id,
+  children,
+  className,
+  live = "assertive"
+}) {
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      id,
+      className,
+      "data-field-validation-message": true,
+      "data-field-validation-tone": "error",
+      role: "alert",
+      "aria-live": live === "off" ? void 0 : live,
+      children
+    }
+  );
+}
+
+export { FieldValidationMessage, getFieldValidationControlProps };