@riverbankcms/sdk 0.74.0 → 0.76.0

package/dist/client/{eventCalendar-X6GIPYFM.mjs → eventCalendar-EQQZHJBA.mjs}

@@ -1,6 +1,17 @@
+import { EventCalendarClient } from './chunk-SNSWVZEP.mjs';
+import './chunk-F7LHOKEH.mjs';
+import './chunk-FGUIVT2B.mjs';
+import './chunk-I2MMZO53.mjs';
+import './chunk-RTZ3JKKX.mjs';
+import './chunk-J227A3CQ.mjs';
+import './chunk-TQ5MSPDX.mjs';
+import './chunk-JEZECJ3W.mjs';
+import './chunk-3DCJ45Z2.mjs';
+import './chunk-3PEDD5KJ.mjs';
+import './chunk-YLMKMCSJ.mjs';
+import { BlockApiProvider } from './chunk-M3L3KYYR.mjs';
 import { mountReactIsland } from './chunk-N7PBWBWQ.mjs';
-import { BlockApiProvider, EventCalendarClient } from './chunk-5IYGMTUE.mjs';
-import { defineIslandPropsDecoder } from './chunk-6VGXRE34.mjs';
+import { defineIslandPropsDecoder } from './chunk-7UOSCYY4.mjs';
 import './chunk-PMAIXMAB.mjs';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/client/{eventCombined-EZUOPM3G.mjs → eventCombined-JCFTGBFQ.mjs}

@@ -1,6 +1,17 @@
+import { EventCombinedIslandClient } from './chunk-SNSWVZEP.mjs';
+import './chunk-F7LHOKEH.mjs';
+import './chunk-FGUIVT2B.mjs';
+import './chunk-I2MMZO53.mjs';
+import './chunk-RTZ3JKKX.mjs';
+import './chunk-J227A3CQ.mjs';
+import './chunk-TQ5MSPDX.mjs';
+import './chunk-JEZECJ3W.mjs';
+import './chunk-3DCJ45Z2.mjs';
+import './chunk-3PEDD5KJ.mjs';
+import './chunk-YLMKMCSJ.mjs';
+import { BlockApiProvider } from './chunk-M3L3KYYR.mjs';
 import { mountReactIsland } from './chunk-N7PBWBWQ.mjs';
-import { BlockApiProvider, EventCombinedIslandClient } from './chunk-5IYGMTUE.mjs';
-import { defineIslandPropsDecoder } from './chunk-6VGXRE34.mjs';
+import { defineIslandPropsDecoder } from './chunk-7UOSCYY4.mjs';
 import './chunk-PMAIXMAB.mjs';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/client/eventDetails-HLUTQSYY.mjs

@@ -0,0 +1,25 @@
+import { EventDetailsIslandClient } from './chunk-SNSWVZEP.mjs';
+import './chunk-F7LHOKEH.mjs';
+import './chunk-FGUIVT2B.mjs';
+import './chunk-I2MMZO53.mjs';
+import './chunk-RTZ3JKKX.mjs';
+import './chunk-J227A3CQ.mjs';
+import './chunk-TQ5MSPDX.mjs';
+import './chunk-JEZECJ3W.mjs';
+import './chunk-3DCJ45Z2.mjs';
+import './chunk-3PEDD5KJ.mjs';
+import './chunk-YLMKMCSJ.mjs';
+import './chunk-M3L3KYYR.mjs';
+import { mountReactIsland } from './chunk-N7PBWBWQ.mjs';
+import { defineIslandPropsDecoder } from './chunk-7UOSCYY4.mjs';
+import './chunk-PMAIXMAB.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+var decode = defineIslandPropsDecoder("event-details");
+var enhance = (root, props) => {
+  return mountReactIsland(root, ({ root: reactRoot }) => {
+    reactRoot.render(/* @__PURE__ */ jsx(EventDetailsIslandClient, { ...props }));
+  });
+};
+
+export { decode, enhance };

package/dist/client/{eventListing-HEFGAETC.mjs → eventListing-FG4MICVB.mjs}

@@ -1,6 +1,17 @@
+import { EventListingClient } from './chunk-SNSWVZEP.mjs';
+import './chunk-F7LHOKEH.mjs';
+import './chunk-FGUIVT2B.mjs';
+import './chunk-I2MMZO53.mjs';
+import './chunk-RTZ3JKKX.mjs';
+import './chunk-J227A3CQ.mjs';
+import './chunk-TQ5MSPDX.mjs';
+import './chunk-JEZECJ3W.mjs';
+import './chunk-3DCJ45Z2.mjs';
+import './chunk-3PEDD5KJ.mjs';
+import './chunk-YLMKMCSJ.mjs';
+import { BlockApiProvider } from './chunk-M3L3KYYR.mjs';
 import { mountReactIsland } from './chunk-N7PBWBWQ.mjs';
-import { BlockApiProvider, EventListingClient } from './chunk-5IYGMTUE.mjs';
-import { defineIslandPropsDecoder } from './chunk-6VGXRE34.mjs';
+import { defineIslandPropsDecoder } from './chunk-7UOSCYY4.mjs';
 import './chunk-PMAIXMAB.mjs';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/client/{eventRegistration-3LCP2V3P.mjs → eventRegistration-GUEB7LBT.mjs}

@@ -1,6 +1,17 @@
+import { EventRegistrationIslandClient } from './chunk-SNSWVZEP.mjs';
+import './chunk-F7LHOKEH.mjs';
+import './chunk-FGUIVT2B.mjs';
+import './chunk-I2MMZO53.mjs';
+import './chunk-RTZ3JKKX.mjs';
+import './chunk-J227A3CQ.mjs';
+import './chunk-TQ5MSPDX.mjs';
+import './chunk-JEZECJ3W.mjs';
+import './chunk-3DCJ45Z2.mjs';
+import './chunk-3PEDD5KJ.mjs';
+import './chunk-YLMKMCSJ.mjs';
+import { BlockApiProvider } from './chunk-M3L3KYYR.mjs';
 import { mountReactIsland } from './chunk-N7PBWBWQ.mjs';
-import { BlockApiProvider, EventRegistrationIslandClient } from './chunk-5IYGMTUE.mjs';
-import { defineIslandPropsDecoder } from './chunk-6VGXRE34.mjs';
+import { defineIslandPropsDecoder } from './chunk-7UOSCYY4.mjs';
 import './chunk-PMAIXMAB.mjs';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/client/form-YQEW4YIT.mjs

@@ -0,0 +1,300 @@
+"use client";
+import { isSpamProtectionEnabled, AltchaWidget, getChallengeUrl } from './chunk-YLMKMCSJ.mjs';
+import { BlockApiProvider, FeedbackMessage, useBlockApi } from './chunk-M3L3KYYR.mjs';
+import { mountReactIsland } from './chunk-N7PBWBWQ.mjs';
+import { defineIslandPropsDecoder, themeButtonClassName, assertNever, err, ok } from './chunk-7UOSCYY4.mjs';
+import { clsx_default } from './chunk-PMAIXMAB.mjs';
+import { useState, useReducer, useRef } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// ../blocks/src/system/runtime/hooks/useFormSubmission.state.ts
+var initialFormSubmissionState = { tag: "idle" };
+function formSubmissionReducer(_state, action) {
+  switch (action.type) {
+    case "submission-started":
+      return { tag: "submitting" };
+    case "submission-succeeded":
+      return { tag: "succeeded" };
+    case "submission-failed":
+      return { tag: "failed", message: action.message };
+    default:
+      return assertNever(action);
+  }
+}
+
+// ../blocks/src/system/runtime/hooks/useFormSubmission.ts
+function useFormSubmission() {
+  const api = useBlockApi();
+  const [state, dispatch] = useReducer(
+    formSubmissionReducer,
+    initialFormSubmissionState
+  );
+  const stateRef = useRef(state);
+  stateRef.current = state;
+  const submit = async (data) => {
+    if (stateRef.current.tag === "submitting") {
+      return err("Already submitting");
+    }
+    stateRef.current = { tag: "submitting" };
+    dispatch({ type: "submission-started" });
+    try {
+      await api.submitForm(data);
+      stateRef.current = { tag: "succeeded" };
+      dispatch({ type: "submission-succeeded" });
+      return ok();
+    } catch (error) {
+      const message = error instanceof Error ? error.message : "Failed to submit form";
+      stateRef.current = { tag: "failed", message };
+      dispatch({ type: "submission-failed", message });
+      return err(message);
+    }
+  };
+  return { submit, state };
+}
+var FormNodeClient = ({
+  render
+}) => {
+  const form = render.display.form;
+  const { submit, state } = useFormSubmission();
+  const [altchaSolution, setAltchaSolution] = useState(null);
+  const showSpamProtection = render.hydration.spamProtectionEnabled ?? isSpamProtectionEnabled();
+  if (!form) {
+    return /* @__PURE__ */ jsx(
+      FeedbackMessage,
+      {
+        tone: "warning",
+        className: clsx_default("fb-empty", render.display.className ?? void 0),
+        role: "status",
+        children: "Missing or unknown form."
+      }
+    );
+  }
+  const groups = render.display.groups;
+  const renderField = (field) => {
+    const inputId = `f_${field.id}`;
+    const label = String(field.label ?? field.id);
+    const required = Boolean(field.required);
+    const type = String(field.type ?? "text");
+    if (type === "textarea") {
+      return /* @__PURE__ */ jsxs("div", { className: "fb-field", children: [
+        /* @__PURE__ */ jsx("label", { htmlFor: inputId, className: "form-label", children: label }),
+        /* @__PURE__ */ jsx(
+          "textarea",
+          {
+            id: inputId,
+            name: field.id,
+            required,
+            placeholder: field.placeholder,
+            rows: field.rows,
+            className: "form-textarea"
+          }
+        )
+      ] }, field.id);
+    }
+    if (type === "select") {
+      const options = field.options ?? [];
+      const multiple = Boolean(field.multiple);
+      return /* @__PURE__ */ jsxs("div", { className: "fb-field", children: [
+        /* @__PURE__ */ jsx("label", { htmlFor: inputId, className: "form-label", children: label }),
+        /* @__PURE__ */ jsxs(
+          "select",
+          {
+            id: inputId,
+            name: field.id,
+            multiple,
+            required,
+            className: "form-select",
+            children: [
+              !multiple && /* @__PURE__ */ jsx("option", { value: "", children: "Select\u2026" }),
+              options.map((opt) => /* @__PURE__ */ jsx("option", { value: opt.value, children: opt.label }, opt.value))
+            ]
+          }
+        )
+      ] }, field.id);
+    }
+    if (type === "radio") {
+      const options = field.options ?? [];
+      return /* @__PURE__ */ jsxs("fieldset", { className: "fb-fieldset", children: [
+        /* @__PURE__ */ jsx("legend", { className: "form-label", children: label }),
+        options.map((opt) => /* @__PURE__ */ jsxs("label", { className: "fb-inline form-label", children: [
+          /* @__PURE__ */ jsx("input", { type: "radio", name: field.id, value: opt.value, required, className: "form-radio" }),
+          /* @__PURE__ */ jsx("span", { children: opt.label })
+        ] }, opt.value))
+      ] }, field.id);
+    }
+    if (type === "checkbox" || type === "consent") {
+      return /* @__PURE__ */ jsxs("label", { className: "fb-inline form-label", children: [
+        /* @__PURE__ */ jsx("input", { type: "checkbox", name: field.id, required, className: "form-checkbox" }),
+        /* @__PURE__ */ jsx("span", { children: label })
+      ] }, field.id);
+    }
+    const inputType = type === "email" || type === "url" || type === "tel" || type === "number" ? type : "text";
+    const extra = {};
+    if (inputType === "text" || inputType === "email" || inputType === "url" || inputType === "tel") {
+      if (typeof field.minLength === "number") extra.minLength = field.minLength;
+      if (typeof field.maxLength === "number") extra.maxLength = field.maxLength;
+      if (typeof field.pattern === "string" && field.pattern) extra.pattern = field.pattern;
+    }
+    if (inputType === "number") {
+      if (typeof field.min === "number") extra.min = field.min;
+      if (typeof field.max === "number") extra.max = field.max;
+    }
+    return /* @__PURE__ */ jsxs("div", { className: "fb-field", children: [
+      /* @__PURE__ */ jsx("label", { htmlFor: inputId, className: "form-label", children: label }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          id: inputId,
+          name: field.id,
+          type: inputType,
+          required,
+          placeholder: field.placeholder,
+          ...extra,
+          className: "form-input"
+        }
+      )
+    ] }, field.id);
+  };
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    const formData = new FormData(e.currentTarget);
+    const honeypot = formData.get("company");
+    if (honeypot?.trim()) return;
+    const data = {};
+    for (const [key, fieldValue] of formData.entries()) {
+      if (key === "company" || key === "altcha-solution") continue;
+      if (key in data) {
+        const existing = data[key];
+        data[key] = Array.isArray(existing) ? [...existing, fieldValue] : [existing, fieldValue];
+      } else {
+        data[key] = fieldValue;
+      }
+    }
+    await submit({
+      formId: form.id,
+      data,
+      meta: {
+        honeypot,
+        altchaSolution,
+        referer: typeof window !== "undefined" ? window.location.href : void 0,
+        userAgent: typeof navigator !== "undefined" ? navigator.userAgent : void 0
+      }
+    });
+  };
+  if (state.tag === "succeeded") {
+    return /* @__PURE__ */ jsx(
+      FeedbackMessage,
+      {
+        tone: "success",
+        className: clsx_default("fb-success", render.display.className ?? void 0),
+        role: "status",
+        children: render.display.successMessage?.trim() || "Thanks \u2014 we received your submission."
+      }
+    );
+  }
+  const errorBanner = state.tag === "failed" ? /* @__PURE__ */ jsx(FeedbackMessage, { tone: "error", className: "fb-error", role: "alert", children: state.message }) : null;
+  return /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: clsx_default("fb-form", render.display.className ?? void 0), children: [
+    errorBanner,
+    /* @__PURE__ */ jsx("input", { type: "hidden", name: "form_id", value: render.display.formId ?? "" }),
+    /* @__PURE__ */ jsx("input", { type: "text", name: "company", className: "hidden", tabIndex: -1, autoComplete: "off" }),
+    groups.map((group) => {
+      if (group.type === "row") {
+        return /* @__PURE__ */ jsx("div", { className: "fb-row fb-row-2", children: group.fields.map(renderField) }, group.key);
+      }
+      return renderField(group.field);
+    }),
+    showSpamProtection && /* @__PURE__ */ jsx(AltchaWidget, { challengeUrl: getChallengeUrl(), onSolutionChange: setAltchaSolution }),
+    /* @__PURE__ */ jsx("div", { className: "fb-actions", children: /* @__PURE__ */ jsx("div", { className: "fb-actions-inner", children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "submit",
+        className: themeButtonClassName({
+          variant: "primary",
+          size: "md",
+          extraClassName: "rb-w-full rb-sm-w-auto"
+        }),
+        disabled: state.tag === "submitting",
+        children: state.tag === "submitting" ? "Submitting..." : render.display.submitLabel
+      }
+    ) }) })
+  ] });
+};
+var decode = defineIslandPropsDecoder("form");
+function snapshotFormValues(form) {
+  if (!form) return [];
+  const snapshots = [];
+  const elements = Array.from(form.elements);
+  for (const el of elements) {
+    if (!(el instanceof HTMLInputElement || el instanceof HTMLTextAreaElement || el instanceof HTMLSelectElement)) {
+      continue;
+    }
+    const name = el.name;
+    if (!name) continue;
+    if (el instanceof HTMLSelectElement && el.multiple) {
+      const selected = Array.from(el.selectedOptions).map((o) => o.value);
+      snapshots.push({ kind: "select-multiple", name, values: selected });
+      continue;
+    }
+    if (el instanceof HTMLInputElement && (el.type === "checkbox" || el.type === "radio")) {
+      snapshots.push({ kind: "checked", name, value: el.value, checked: el.checked });
+      continue;
+    }
+    snapshots.push({ kind: "value", name, value: el.value });
+  }
+  return snapshots;
+}
+function applySnapshots(form, snapshots) {
+  if (!form) return;
+  for (const snapshot of snapshots) {
+    if (snapshot.kind === "select-multiple") {
+      const el2 = form.elements.namedItem(snapshot.name);
+      if (!(el2 instanceof HTMLSelectElement) || !el2.multiple) continue;
+      const selected = new Set(snapshot.values);
+      Array.from(el2.options).forEach((opt) => {
+        opt.selected = selected.has(opt.value);
+      });
+      continue;
+    }
+    const el = form.elements.namedItem(snapshot.name);
+    if (snapshot.kind === "checked") {
+      if (el instanceof RadioNodeList) {
+        const inputs = Array.from(el).filter((i) => i instanceof HTMLInputElement);
+        const match = inputs.find((i) => i.value === snapshot.value);
+        if (match) match.checked = snapshot.checked;
+      } else if (el instanceof HTMLInputElement) {
+        if (el.type === "checkbox") el.checked = snapshot.checked;
+      }
+      continue;
+    }
+    if (el instanceof HTMLInputElement || el instanceof HTMLTextAreaElement || el instanceof HTMLSelectElement) {
+      el.value = snapshot.value;
+    }
+  }
+}
+var enhance = (root, props) => {
+  const { siteId, apiBaseUrl } = props;
+  if (!siteId) {
+    throw new Error("[sdk:islands] form requires siteId");
+  }
+  if (!apiBaseUrl) {
+    throw new Error("[sdk:islands] form requires apiBaseUrl");
+  }
+  const apiConfig = {
+    baseUrl: apiBaseUrl,
+    auth: { type: "none" },
+    siteId
+  };
+  const existingForm = root.querySelector("form");
+  const snapshots = snapshotFormValues(existingForm);
+  return mountReactIsland(root, ({ root: reactRoot }) => {
+    reactRoot.render(
+      /* @__PURE__ */ jsx(BlockApiProvider, { config: apiConfig, children: /* @__PURE__ */ jsx(FormNodeClient, { ...props }) })
+    );
+    requestAnimationFrame(() => {
+      const nextForm = root.querySelector("form");
+      applySnapshots(nextForm, snapshots);
+    });
+  });
+};
+
+export { decode, enhance };