@riverbankcms/sdk 0.74.0 → 0.75.0

package/dist/client/newsletterForm-ET2XUMRO.mjs

@@ -0,0 +1,208 @@
+"use client";
+import { getFieldValidationControlProps, FieldValidationMessage } from './chunk-3DCJ45Z2.mjs';
+import { isSpamProtectionEnabled, AltchaWidget, getChallengeUrl } from './chunk-YLMKMCSJ.mjs';
+import { BlockApiProvider, useBlockApi, FeedbackMessage } from './chunk-M3L3KYYR.mjs';
+import { mountReactIsland } from './chunk-N7PBWBWQ.mjs';
+import { defineIslandPropsDecoder, themeButtonClassName } from './chunk-FU2QRZMX.mjs';
+import { clsx_default } from './chunk-PMAIXMAB.mjs';
+import { useState } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// ../blocks/src/system/runtime/nodes/newsletter-form.client.state.ts
+function newsletterFieldError(fieldId, message) {
+  return { kind: "field", fieldId, message };
+}
+function newsletterFormError(message) {
+  return { kind: "form", message };
+}
+function getNewsletterFieldError(error, fieldId) {
+  return error?.kind === "field" && error.fieldId === fieldId ? error.message : null;
+}
+function getNewsletterFormError(error) {
+  return error?.kind === "form" ? error.message : null;
+}
+function NewsletterFormClient({
+  render
+}) {
+  const api = useBlockApi();
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [error, setError] = useState(null);
+  const [isSuccess, setIsSuccess] = useState(false);
+  const [altchaSolution, setAltchaSolution] = useState(null);
+  const showSpamProtection = render.hydration.spamProtectionEnabled ?? isSpamProtectionEnabled();
+  const fields = render.display.fields;
+  const parsedTags = typeof render.hydration.tags === "string" ? render.hydration.tags.split(/[;,]/g).map((t) => t.trim()).filter(Boolean) : [];
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setError(null);
+    const formData = new FormData(e.currentTarget);
+    const honeypot = formData.get("website");
+    if (honeypot?.trim()) {
+      setIsSuccess(true);
+      return;
+    }
+    const email = formData.get("email")?.trim();
+    const firstName = formData.get("firstName")?.trim() || void 0;
+    const lastName = formData.get("lastName")?.trim() || void 0;
+    const name = formData.get("name")?.trim() || void 0;
+    const company = formData.get("company")?.trim() || void 0;
+    const phone = formData.get("phone")?.trim() || void 0;
+    if (!email) {
+      setError(newsletterFieldError("email", "Email is required"));
+      return;
+    }
+    if (!render.hydration.listId) {
+      setError(newsletterFormError("Newsletter list is not configured"));
+      return;
+    }
+    setIsSubmitting(true);
+    try {
+      await api.subscribeNewsletter({
+        email,
+        firstName,
+        lastName,
+        name,
+        company,
+        phone,
+        listId: render.hydration.listId,
+        tags: parsedTags.length > 0 ? parsedTags : void 0,
+        blockId: void 0,
+        meta: {
+          honeypot,
+          altchaSolution
+        }
+      });
+      setIsSuccess(true);
+    } catch (err) {
+      setError(newsletterFormError(
+        err instanceof Error ? err.message : "Subscription failed. Please try again."
+      ));
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+  const renderField = (field) => {
+    const inputId = `newsletter_${field.id}`;
+    const fieldError = getNewsletterFieldError(error, field.id);
+    const fieldErrorId = `${inputId}-error`;
+    const validationProps = getFieldValidationControlProps({
+      message: fieldError,
+      messageId: fieldErrorId
+    });
+    return /* @__PURE__ */ jsxs("div", { className: "fb-field newsletter-field", children: [
+      /* @__PURE__ */ jsxs("label", { htmlFor: inputId, className: "form-label", children: [
+        field.label,
+        field.required && /* @__PURE__ */ jsx("span", { className: "newsletter-required", "aria-hidden": "true", children: "*" })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          id: inputId,
+          name: field.id,
+          type: field.type,
+          required: field.required,
+          placeholder: field.placeholder,
+          className: "form-input",
+          autoComplete: field.type === "email" ? "email" : void 0,
+          disabled: isSubmitting,
+          ...validationProps
+        }
+      ),
+      fieldError && /* @__PURE__ */ jsx(FieldValidationMessage, { id: fieldErrorId, className: "fb-error", children: fieldError })
+    ] }, field.id);
+  };
+  const formError = getNewsletterFormError(error);
+  if (isSuccess) {
+    return /* @__PURE__ */ jsx("div", { className: clsx_default("newsletter-form", "newsletter-success", render.display.className ?? void 0), children: /* @__PURE__ */ jsx(FeedbackMessage, { tone: "success", className: "fb-success", role: "status", children: render.display.successMessage?.trim() || "Thanks for subscribing!" }) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: clsx_default("newsletter-form", render.display.className ?? void 0), children: [
+    formError && /* @__PURE__ */ jsx(FeedbackMessage, { tone: "error", className: "fb-error", role: "alert", children: formError }),
+    /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "fb-form", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          name: "website",
+          className: "hidden",
+          tabIndex: -1,
+          autoComplete: "off",
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "newsletter-form-fields", children: [
+        fields.map(renderField),
+        showSpamProtection && /* @__PURE__ */ jsx("div", { className: "newsletter-altcha", children: /* @__PURE__ */ jsx(
+          AltchaWidget,
+          {
+            challengeUrl: getChallengeUrl(),
+            onSolutionChange: setAltchaSolution
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: "newsletter-submit", children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "submit",
+            className: themeButtonClassName({ variant: "primary", size: "md" }),
+            disabled: isSubmitting,
+            children: isSubmitting ? "Subscribing..." : render.display.buttonLabel
+          }
+        ) })
+      ] }),
+      render.display.privacyNote && /* @__PURE__ */ jsx("p", { className: "newsletter-privacy-note", children: render.display.privacyNote })
+    ] })
+  ] });
+}
+var decode = defineIslandPropsDecoder("newsletter-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)) {
+      continue;
+    }
+    const name = el.name;
+    if (!name) continue;
+    snapshots.push({ name, value: el.value });
+  }
+  return snapshots;
+}
+function applySnapshots(form, snapshots) {
+  if (!form) return;
+  for (const snapshot of snapshots) {
+    const el = form.elements.namedItem(snapshot.name);
+    if (el instanceof HTMLInputElement || el instanceof HTMLTextAreaElement) {
+      el.value = snapshot.value;
+    }
+  }
+}
+var enhance = (root, props) => {
+  const { siteId, apiBaseUrl, render } = props;
+  if (!siteId) {
+    throw new Error("[sdk:islands] newsletter-form requires siteId");
+  }
+  if (!apiBaseUrl) {
+    throw new Error("[sdk:islands] newsletter-form requires apiBaseUrl");
+  }
+  if (!render.hydration.listId) {
+    throw new Error("[sdk:islands] newsletter-form requires listId");
+  }
+  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(NewsletterFormClient, { ...props }) })
+    );
+    requestAnimationFrame(() => {
+      const nextForm = root.querySelector("form");
+      applySnapshots(nextForm, snapshots);
+    });
+  });
+};
+
+export { decode, enhance };

package/dist/client/productDetail-C2XIH7C5.mjs

@@ -0,0 +1,18 @@
+import { mountShopBlockIsland, ProductDetailClient } 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/productDetail.tsx
+var decode = defineIslandPropsDecoder("product-detail");
+var enhance = (root, props) => mountShopBlockIsland(root, props, ProductDetailClient, "product-detail");
+
+export { decode, enhance };

package/dist/client/productList-T2AZLFTP.mjs

@@ -0,0 +1,18 @@
+import { mountShopBlockIsland, ProductListClient } 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/productList.tsx
+var decode = defineIslandPropsDecoder("product-list");
+var enhance = (root, props) => mountShopBlockIsland(root, props, ProductListClient, "product-list");
+
+export { decode, enhance };