@riverbankcms/sdk 0.74.0 → 0.76.0

package/dist/client/chunk-J227A3CQ.mjs

@@ -0,0 +1,245 @@
+"use client";
+import { assertNever } from './chunk-7UOSCYY4.mjs';
+import { useState, useEffect, useReducer, useRef, useCallback } from 'react';
+
+function useDiscountCodeUi(options) {
+  const [discountUiOpen, setDiscountUiOpen] = useState(false);
+  const [discountCode, setDiscountCode] = useState("");
+  const [discountsAvailable, setDiscountsAvailable] = useState(false);
+  const [manualCodeEntryAllowed, setManualCodeEntryAllowed] = useState(false);
+  const [autoAppliedDiscount, setAutoAppliedDiscount] = useState(null);
+  const [discountsAvailableLoading, setDiscountsAvailableLoading] = useState(false);
+  useEffect(() => {
+    let cancelled = false;
+    async function checkDiscountAvailability() {
+      if (!options.discountContext) {
+        setDiscountsAvailable(false);
+        setManualCodeEntryAllowed(false);
+        setAutoAppliedDiscount(null);
+        setDiscountsAvailableLoading(false);
+        setDiscountUiOpen(false);
+        setDiscountCode("");
+        return;
+      }
+      setDiscountsAvailableLoading(true);
+      try {
+        const res = await options.api.getDiscountsAvailable({
+          context: options.discountContext,
+          subtotalCents: options.subtotalCents
+        });
+        if (cancelled) return;
+        setDiscountsAvailable(res.hasDiscounts);
+        setManualCodeEntryAllowed(res.manualCodeEntryAllowed);
+        setAutoAppliedDiscount(res.autoAppliedDiscount);
+        if (!res.hasDiscounts || !res.manualCodeEntryAllowed) {
+          setDiscountUiOpen(false);
+          setDiscountCode("");
+        }
+      } catch {
+        if (cancelled) return;
+        setDiscountsAvailable(false);
+        setManualCodeEntryAllowed(false);
+        setAutoAppliedDiscount(null);
+        setDiscountUiOpen(false);
+        setDiscountCode("");
+      } finally {
+        if (!cancelled) setDiscountsAvailableLoading(false);
+      }
+    }
+    checkDiscountAvailability();
+    return () => {
+      cancelled = true;
+    };
+  }, [options.api, options.discountContext, options.subtotalCents]);
+  return {
+    discountUiOpen,
+    setDiscountUiOpen,
+    discountCode,
+    setDiscountCode,
+    discountsAvailable,
+    manualCodeEntryAllowed,
+    autoAppliedDiscount,
+    discountsAvailableLoading
+  };
+}
+
+// ../blocks/src/system/runtime/hooks/usePolling.state.ts
+function createInitialPollingState() {
+  return {
+    tag: "idle",
+    result: null,
+    error: null
+  };
+}
+function pollingReducer(state, action) {
+  switch (action.type) {
+    case "polling-went-idle":
+      return createInitialPollingState();
+    case "polling-reset":
+      return {
+        tag: "polling",
+        result: null,
+        error: null
+      };
+    case "polling-progressed":
+      return {
+        tag: "polling",
+        result: action.result,
+        error: null
+      };
+    case "polling-completed":
+      return {
+        tag: "completed",
+        result: action.result,
+        error: null
+      };
+    case "polling-failed":
+      return {
+        tag: "failed",
+        result: action.result,
+        error: null
+      };
+    case "polling-request-failed":
+      switch (state.tag) {
+        case "idle":
+          return {
+            tag: "polling",
+            result: null,
+            error: action.error
+          };
+        case "polling":
+          return {
+            tag: "polling",
+            result: state.result,
+            error: action.error
+          };
+        case "completed":
+        case "failed":
+        case "timeout":
+          return state;
+        default:
+          return assertNever(state);
+      }
+    case "polling-timed-out":
+      return {
+        tag: "timeout",
+        result: state.result,
+        error: new Error("Polling timed out")
+      };
+    default:
+      return assertNever(action);
+  }
+}
+
+// ../blocks/src/system/runtime/hooks/usePolling.ts
+var DEFAULT_MAX_ATTEMPTS = 10;
+var DEFAULT_POLL_INTERVAL = 1e3;
+function usePolling(config) {
+  const [state, dispatch] = useReducer(
+    pollingReducer,
+    void 0,
+    createInitialPollingState
+  );
+  const attemptsRef = useRef(0);
+  const timeoutRef = useRef(null);
+  const isPollingRef = useRef(false);
+  const isActiveRef = useRef(false);
+  const generationRef = useRef(0);
+  const configRef = useRef(config);
+  configRef.current = config;
+  const cleanup = useCallback(() => {
+    isActiveRef.current = false;
+    generationRef.current += 1;
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+      timeoutRef.current = null;
+    }
+    isPollingRef.current = false;
+  }, []);
+  const resetState = useCallback(() => {
+    dispatch({ type: "polling-reset" });
+    attemptsRef.current = 0;
+  }, []);
+  const poll = useCallback(async () => {
+    const cfg = configRef.current;
+    if (!cfg) return true;
+    if (isPollingRef.current) return false;
+    const maxAttempts = cfg.maxAttempts ?? DEFAULT_MAX_ATTEMPTS;
+    if (attemptsRef.current >= maxAttempts) {
+      dispatch({ type: "polling-timed-out" });
+      cleanup();
+      return true;
+    }
+    isPollingRef.current = true;
+    attemptsRef.current += 1;
+    const generation = generationRef.current;
+    try {
+      const data = await cfg.pollFn();
+      if (generation !== generationRef.current || !isActiveRef.current) {
+        isPollingRef.current = false;
+        return true;
+      }
+      if (cfg.isFailed?.(data)) {
+        dispatch({ type: "polling-failed", result: data });
+        cleanup();
+        return true;
+      }
+      if (cfg.isComplete(data)) {
+        dispatch({ type: "polling-completed", result: data });
+        cleanup();
+        return true;
+      }
+      dispatch({ type: "polling-progressed", result: data });
+      isPollingRef.current = false;
+      return false;
+    } catch (err) {
+      if (generation !== generationRef.current || !isActiveRef.current) {
+        isPollingRef.current = false;
+        return true;
+      }
+      if (err instanceof Error) {
+        dispatch({ type: "polling-request-failed", error: err });
+      }
+      isPollingRef.current = false;
+      return false;
+    }
+  }, [cleanup]);
+  const schedulePoll = useCallback(() => {
+    if (!isActiveRef.current) return;
+    const cfg = configRef.current;
+    const pollInterval = cfg?.interval ?? DEFAULT_POLL_INTERVAL;
+    const doPoll = async () => {
+      const shouldStop = await poll();
+      if (!shouldStop && isActiveRef.current) {
+        timeoutRef.current = setTimeout(doPoll, pollInterval);
+      }
+    };
+    doPoll();
+  }, [poll]);
+  useEffect(() => {
+    if (!config) {
+      cleanup();
+      dispatch({ type: "polling-went-idle" });
+      return;
+    }
+    resetState();
+    isActiveRef.current = true;
+    schedulePoll();
+    return cleanup;
+  }, [config, cleanup, resetState, schedulePoll]);
+  const retry = useCallback(() => {
+    if (!configRef.current) return;
+    cleanup();
+    resetState();
+    isActiveRef.current = true;
+    schedulePoll();
+  }, [cleanup, resetState, schedulePoll]);
+  return {
+    status: config ? state.tag : "idle",
+    result: config ? state.result : null,
+    error: config ? state.error : null,
+    retry
+  };
+}
+
+export { useDiscountCodeUi, usePolling };

package/dist/client/chunk-JEZECJ3W.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 };