@xiwebdesign/xicms-core 7.13.0 → 7.15.0

package/dist/blocks/builtins/WidgetsRender.js

@@ -0,0 +1,178 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Onvoltooid } from "./lib/Onvoltooid.js";
+import { Btn } from "../ui/index.js";
+import { useNews } from "../../components/News.js";
+import { selectAgendaEvents, formatEventDate } from "./AgendaRender.js";
+import { parseDays } from "./lib/openingHours.js";
+import { useCountdown, CountdownDigits } from "./CountdownRender.js";
+import { TextInput } from "@astryxdesign/core/TextInput";
+import { Button } from "@astryxdesign/core/Button";
+function NewsWidgetRender({ block }) {
+  const { articles, loading } = useNews({ max: block.limit });
+  const shown = articles.slice(0, block.limit);
+  return /* @__PURE__ */ jsxs("div", { className: "xicms-widget xicms-widget--news", children: [
+    /* @__PURE__ */ jsx("h3", { className: "xicms-widget__title", "data-xicms-edit": "heading", children: block.heading ?? "Laatste nieuws" }),
+    loading ? /* @__PURE__ */ jsx("p", { className: "xicms-widget__empty", children: "Nieuws laden\u2026" }) : shown.length === 0 ? /* @__PURE__ */ jsx("p", { className: "xicms-widget__empty", children: "Nog geen nieuws." }) : /* @__PURE__ */ jsx("ul", { className: "xicms-widget__list", children: shown.map((a) => /* @__PURE__ */ jsxs("li", { className: "xicms-widget__item", children: [
+      block.showImages && a.coverUrl && // eslint-disable-next-line @next/next/no-img-element
+      /* @__PURE__ */ jsx("img", { className: "xicms-widget__thumb", src: a.coverUrl, alt: "", loading: "lazy" }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("a", { className: "xicms-widget__link", href: `${block.basePath}/${a.slug}`, children: a.title }),
+        /* @__PURE__ */ jsx("span", { className: "xicms-widget__meta", children: a.date })
+      ] })
+    ] }, a.id)) })
+  ] });
+}
+function AgendaWidgetRender({ block }) {
+  const events = selectAgendaEvents((block.events ?? []).map((e, i) => ({ ...e, _i: i })), { hidePast: block.hidePast, limit: block.limit });
+  return /* @__PURE__ */ jsxs("div", { className: "xicms-widget xicms-widget--agenda", children: [
+    /* @__PURE__ */ jsx("h3", { className: "xicms-widget__title", "data-xicms-edit": "heading", children: block.heading ?? "Komende evenementen" }),
+    events.length === 0 ? /* @__PURE__ */ jsx("p", { className: "xicms-widget__empty", children: "Geen geplande evenementen." }) : /* @__PURE__ */ jsx("ul", { className: "xicms-widget__list", children: events.map((e) => /* @__PURE__ */ jsxs("li", { className: "xicms-widget__item xicms-widget__item--event", children: [
+      /* @__PURE__ */ jsx("time", { className: "xicms-widget__meta", dateTime: e.start, children: formatEventDate(e.start) }),
+      /* @__PURE__ */ jsx("span", { className: "xicms-widget__link", children: e.url ? /* @__PURE__ */ jsx("a", { href: e.url, "data-xicms-edit": `events.${e._i}.title`, children: e.title }) : /* @__PURE__ */ jsx("span", { "data-xicms-edit": `events.${e._i}.title`, children: e.title }) }),
+      e.location && /* @__PURE__ */ jsx("span", { className: "xicms-widget__sub", "data-xicms-edit": `events.${e._i}.location`, children: e.location })
+    ] }, e._i)) })
+  ] });
+}
+function OpeningHoursWidgetRender({ block }) {
+  const [todayIdx, setTodayIdx] = useState(null);
+  useEffect(() => setTodayIdx((/* @__PURE__ */ new Date()).getDay()), []);
+  const rows = block.rows ?? [];
+  return /* @__PURE__ */ jsxs("div", { className: "xicms-widget xicms-widget--hours", children: [
+    /* @__PURE__ */ jsx("h3", { className: "xicms-widget__title", "data-xicms-edit": "heading", children: block.heading ?? "Openingstijden" }),
+    /* @__PURE__ */ jsx("table", { className: "xicms-widget__hours", children: /* @__PURE__ */ jsx("tbody", { children: rows.map((r, i) => {
+      const isToday = block.highlightToday && todayIdx !== null && parseDays(r.day).includes(todayIdx);
+      return /* @__PURE__ */ jsxs("tr", { className: isToday ? "xicms-widget__hours-today" : void 0, children: [
+        /* @__PURE__ */ jsx("th", { scope: "row", "data-xicms-edit": `rows.${i}.day`, children: r.day }),
+        /* @__PURE__ */ jsx("td", { "data-xicms-edit": `rows.${i}.hours`, children: r.hours })
+      ] }, i);
+    }) }) })
+  ] });
+}
+function ContactWidgetRender({ block }) {
+  if (!block.address && !block.phone && !block.email) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "xicms-widget xicms-widget--contact", children: [
+    /* @__PURE__ */ jsx("h3", { className: "xicms-widget__title", "data-xicms-edit": "heading", children: block.heading ?? "Contact" }),
+    /* @__PURE__ */ jsxs("ul", { className: "xicms-widget__list", children: [
+      block.address && /* @__PURE__ */ jsx("li", { className: "xicms-widget__item", "data-xicms-edit": "address", children: block.address }),
+      block.phone && /* @__PURE__ */ jsx("li", { className: "xicms-widget__item", children: /* @__PURE__ */ jsx("a", { href: `tel:${block.phone.replace(/\s+/g, "")}`, "data-xicms-edit": "phone", children: block.phone }) }),
+      block.email && /* @__PURE__ */ jsx("li", { className: "xicms-widget__item", children: /* @__PURE__ */ jsx("a", { href: `mailto:${block.email}`, "data-xicms-edit": "email", children: block.email }) })
+    ] })
+  ] });
+}
+function SocialWidgetRender({ block }) {
+  const items = (block.items ?? []).map((it, i) => ({ ...it, _i: i })).filter((i) => i.href && i.platform);
+  if (items.length === 0) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "xicms-widget xicms-widget--social", children: [
+    block.heading && /* @__PURE__ */ jsx("h3", { className: "xicms-widget__title", "data-xicms-edit": "heading", children: block.heading }),
+    /* @__PURE__ */ jsx("ul", { className: "xicms-widget__social", children: items.map((it) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: it.href, rel: "noopener noreferrer", target: "_blank", "data-xicms-edit": `items.${it._i}.platform`, children: it.platform }) }, it._i)) })
+  ] });
+}
+function NewsletterWidgetRender({ block }) {
+  const [email, setEmail] = useState("");
+  return /* @__PURE__ */ jsxs("div", { className: "xicms-widget xicms-widget--newsletter", children: [
+    /* @__PURE__ */ jsx("h3", { className: "xicms-widget__title", "data-xicms-edit": "heading", children: block.heading ?? "Nieuwsbrief" }),
+    block.text && /* @__PURE__ */ jsx("p", { className: "xicms-widget__sub", "data-xicms-edit": "text", children: block.text }),
+    block.actionUrl ? /* @__PURE__ */ jsxs("form", { className: "xicms-widget__form", action: block.actionUrl, method: "post", target: "_blank", style: { display: "grid", gap: "0.6rem" }, children: [
+      /* @__PURE__ */ jsx(TextInput, { label: "E-mailadres", isLabelHidden: true, type: "email", htmlName: "EMAIL", isRequired: true, placeholder: "je@email.nl", value: email, onChange: setEmail }),
+      /* @__PURE__ */ jsx(Button, { label: block.buttonLabel, variant: "primary", type: "submit", children: /* @__PURE__ */ jsx("span", { "data-xicms-edit": "buttonLabel", children: block.buttonLabel }) })
+    ] }) : /* @__PURE__ */ jsx(Onvoltooid, { children: "Deze aanmeldwidget mist nog een aanmeld-URL (tandwiel). Bezoekers zien dit blok niet." })
+  ] });
+}
+function CtaWidgetRender({ block }) {
+  if (!block.title && !block.text) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "xicms-widget xicms-widget--cta", style: block.backgroundColor ? { background: block.backgroundColor } : void 0, children: [
+    block.title && /* @__PURE__ */ jsx("h3", { className: "xicms-widget__title", "data-xicms-edit": "title", children: block.title }),
+    block.text && /* @__PURE__ */ jsx("p", { className: "xicms-widget__sub", "data-xicms-edit": "text", children: block.text }),
+    block.buttonLabel && /* @__PURE__ */ jsx(Btn, { label: block.buttonLabel, href: block.buttonHref, variant: "primary", size: "md", editField: "buttonLabel" })
+  ] });
+}
+function GalleryWidgetRender({ block }) {
+  const items = (block.items ?? []).filter((i) => i.url);
+  if (items.length === 0) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "xicms-widget xicms-widget--gallery", children: [
+    block.heading && /* @__PURE__ */ jsx("h3", { className: "xicms-widget__title", "data-xicms-edit": "heading", children: block.heading }),
+    /* @__PURE__ */ jsx("div", { className: "xicms-widget__grid", "data-cols": block.columns, children: items.map((it, i) => (
+      // eslint-disable-next-line @next/next/no-img-element
+      /* @__PURE__ */ jsx("img", { className: "xicms-widget__photo", src: it.url, alt: it.alt ?? "", loading: "lazy" }, i)
+    )) })
+  ] });
+}
+function TestimonialsWidgetRender({ block }) {
+  const items = (block.items ?? []).map((t, i) => ({ ...t, _i: i })).filter((t) => t.quote);
+  if (items.length === 0) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "xicms-widget xicms-widget--testimonial", children: [
+    block.heading && /* @__PURE__ */ jsx("h3", { className: "xicms-widget__title", "data-xicms-edit": "heading", children: block.heading }),
+    /* @__PURE__ */ jsx("ul", { className: "xicms-widget__list", children: items.map((t) => /* @__PURE__ */ jsxs("li", { className: "xicms-widget__quote", children: [
+      typeof t.rating === "number" && /* @__PURE__ */ jsxs("span", { className: "xicms-widget__stars", "aria-label": `${t.rating} van 5`, children: [
+        "\u2605".repeat(t.rating),
+        "\u2606".repeat(5 - t.rating)
+      ] }),
+      /* @__PURE__ */ jsxs("p", { children: [
+        "\u201C",
+        /* @__PURE__ */ jsx("span", { "data-xicms-edit": `items.${t._i}.quote`, children: t.quote }),
+        "\u201D"
+      ] }),
+      t.author && /* @__PURE__ */ jsxs("span", { className: "xicms-widget__meta", children: [
+        "\u2014 ",
+        /* @__PURE__ */ jsx("span", { "data-xicms-edit": `items.${t._i}.author`, children: t.author })
+      ] })
+    ] }, t._i)) })
+  ] });
+}
+function CardsWidgetRender({ block }) {
+  const items = (block.items ?? []).filter((c) => c.title);
+  if (items.length === 0) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "xicms-widget xicms-widget--cards", children: [
+    block.heading && /* @__PURE__ */ jsx("h3", { className: "xicms-widget__title", "data-xicms-edit": "heading", children: block.heading }),
+    /* @__PURE__ */ jsx("ul", { className: "xicms-widget__list", children: items.map((c, i) => {
+      const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
+        c.icon && /* @__PURE__ */ jsx("span", { className: "xicms-widget__cardicon", "aria-hidden": "true", children: c.icon }),
+        /* @__PURE__ */ jsxs("span", { children: [
+          /* @__PURE__ */ jsx("span", { className: "xicms-widget__link", children: c.title }),
+          c.text && /* @__PURE__ */ jsx("span", { className: "xicms-widget__sub", children: c.text })
+        ] })
+      ] });
+      return /* @__PURE__ */ jsx("li", { className: "xicms-widget__item xicms-widget__item--card", children: c.href ? /* @__PURE__ */ jsx("a", { href: c.href, className: "xicms-widget__cardlink", children: inner }) : inner }, i);
+    }) })
+  ] });
+}
+function DownloadsWidgetRender({ block }) {
+  const items = (block.items ?? []).map((d, i) => ({ ...d, _i: i })).filter((d) => d.label && d.href).slice(0, block.limit);
+  if (items.length === 0) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "xicms-widget xicms-widget--downloads", children: [
+    /* @__PURE__ */ jsx("h3", { className: "xicms-widget__title", "data-xicms-edit": "heading", children: block.heading ?? "Downloads" }),
+    /* @__PURE__ */ jsx("ul", { className: "xicms-widget__list", children: items.map((d) => /* @__PURE__ */ jsxs("li", { className: "xicms-widget__item", children: [
+      /* @__PURE__ */ jsxs("a", { className: "xicms-widget__link", href: d.href, download: true, children: [
+        /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\u{1F4C4}" }),
+        " ",
+        /* @__PURE__ */ jsx("span", { "data-xicms-edit": `items.${d._i}.label`, children: d.label })
+      ] }),
+      d.meta && /* @__PURE__ */ jsx("span", { className: "xicms-widget__meta", "data-xicms-edit": `items.${d._i}.meta`, children: d.meta })
+    ] }, d._i)) })
+  ] });
+}
+function CountdownWidgetRender({ block }) {
+  const r = useCountdown(block.target);
+  if (!block.target) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "xicms-widget xicms-widget--countdown", children: [
+    block.heading && /* @__PURE__ */ jsx("h3", { className: "xicms-widget__title", "data-xicms-edit": "heading", children: block.heading }),
+    r === null ? /* @__PURE__ */ jsx("p", { className: "xicms-widget__empty", "aria-hidden": "true", children: "\u2026" }) : r.done ? /* @__PURE__ */ jsx("p", { className: "xicms-countdown__expired", "data-xicms-edit": "expiredText", children: block.expiredText }) : /* @__PURE__ */ jsx(CountdownDigits, { r, showLabels: true })
+  ] });
+}
+export {
+  AgendaWidgetRender,
+  CardsWidgetRender,
+  ContactWidgetRender,
+  CountdownWidgetRender,
+  CtaWidgetRender,
+  DownloadsWidgetRender,
+  GalleryWidgetRender,
+  NewsWidgetRender,
+  NewsletterWidgetRender,
+  OpeningHoursWidgetRender,
+  SocialWidgetRender,
+  TestimonialsWidgetRender
+};
+//# sourceMappingURL=WidgetsRender.js.map

package/dist/blocks/builtins/WidgetsRender.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/builtins/WidgetsRender.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport type { z } from \"zod\";\nimport { Onvoltooid } from \"./lib/Onvoltooid\";\nimport type {\n  NewsWidgetSchema,\n  AgendaWidgetSchema,\n  OpeningHoursWidgetSchema,\n  ContactWidgetSchema,\n  SocialWidgetSchema,\n  NewsletterWidgetSchema,\n  CtaWidgetSchema,\n  GalleryWidgetSchema,\n  TestimonialsWidgetSchema,\n  CardsWidgetSchema,\n  DownloadsWidgetSchema,\n  CountdownWidgetSchema,\n} from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\nimport { Btn } from \"../ui\";\nimport { useNews } from \"../../components/News\";\nimport { selectAgendaEvents, formatEventDate } from \"./AgendaRender\";\nimport { parseDays } from \"./lib/openingHours\";\nimport { useCountdown, CountdownDigits } from \"./CountdownRender\";\nimport { TextInput } from \"@astryxdesign/core/TextInput\";\nimport { Button } from \"@astryxdesign/core/Button\";\n\n/**\n * Widgets = compacte zijbalk-varianten van de modules. Elke widget hergebruikt de gegevens en\n * logica van de volwaardige versie (zelfde nieuws-collectie, zelfde agenda-selectie, zelfde\n * countdown-hook) en rendert die alleen compacter. Plaats ze in het \"Met zijbalk\"-blok of in een\n * smalle kolom naast je hoofdinhoud.\n */\n\n/* ── Laatste nieuws ────────────────────────────────────────────────────────── */\ntype NewsW = z.infer<typeof NewsWidgetSchema>;\nexport function NewsWidgetRender({ block }: BlockRenderProps<NewsW>) {\n  const { articles, loading } = useNews({ max: block.limit });\n  const shown = articles.slice(0, block.limit);\n  return (\n    <div className=\"xicms-widget xicms-widget--news\">\n      <h3 className=\"xicms-widget__title\" data-xicms-edit=\"heading\">{block.heading ?? \"Laatste nieuws\"}</h3>\n      {loading ? (\n        <p className=\"xicms-widget__empty\">Nieuws laden…</p>\n      ) : shown.length === 0 ? (\n        <p className=\"xicms-widget__empty\">Nog geen nieuws.</p>\n      ) : (\n        <ul className=\"xicms-widget__list\">\n          {shown.map((a) => (\n            <li key={a.id} className=\"xicms-widget__item\">\n              {block.showImages && a.coverUrl && (\n                // eslint-disable-next-line @next/next/no-img-element\n                <img className=\"xicms-widget__thumb\" src={a.coverUrl} alt=\"\" loading=\"lazy\" />\n              )}\n              <div>\n                <a className=\"xicms-widget__link\" href={`${block.basePath}/${a.slug}`}>{a.title}</a>\n                <span className=\"xicms-widget__meta\">{a.date}</span>\n              </div>\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  );\n}\n/* ── Komende agenda ────────────────────────────────────────────────────────── */\ntype AgendaW = z.infer<typeof AgendaWidgetSchema>;\nexport function AgendaWidgetRender({ block }: BlockRenderProps<AgendaW>) {\n  const events = selectAgendaEvents((block.events ?? []).map((e, i) => ({ ...e, _i: i })), { hidePast: block.hidePast, limit: block.limit });\n  return (\n    <div className=\"xicms-widget xicms-widget--agenda\">\n      <h3 className=\"xicms-widget__title\" data-xicms-edit=\"heading\">{block.heading ?? \"Komende evenementen\"}</h3>\n      {events.length === 0 ? (\n        <p className=\"xicms-widget__empty\">Geen geplande evenementen.</p>\n      ) : (\n        <ul className=\"xicms-widget__list\">\n          {events.map((e) => (\n            <li key={e._i} className=\"xicms-widget__item xicms-widget__item--event\">\n              <time className=\"xicms-widget__meta\" dateTime={e.start}>{formatEventDate(e.start)}</time>\n              <span className=\"xicms-widget__link\">\n                {e.url\n                  ? <a href={e.url} data-xicms-edit={`events.${e._i}.title`}>{e.title}</a>\n                  : <span data-xicms-edit={`events.${e._i}.title`}>{e.title}</span>}\n              </span>\n              {e.location && <span className=\"xicms-widget__sub\" data-xicms-edit={`events.${e._i}.location`}>{e.location}</span>}\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  );\n}\n/* ── Openingstijden (vandaag gemarkeerd) ───────────────────────────────────── */\ntype OpeningW = z.infer<typeof OpeningHoursWidgetSchema>;\nexport function OpeningHoursWidgetRender({ block }: BlockRenderProps<OpeningW>) {\n  // \"Vandaag\" client-side bepalen (voorkomt hydration-mismatch t.o.v. de servertijd).\n  const [todayIdx, setTodayIdx] = useState<number | null>(null);\n  useEffect(() => setTodayIdx(new Date().getDay()), []);\n  const rows = block.rows ?? [];\n  return (\n    <div className=\"xicms-widget xicms-widget--hours\">\n      <h3 className=\"xicms-widget__title\" data-xicms-edit=\"heading\">{block.heading ?? \"Openingstijden\"}</h3>\n      <table className=\"xicms-widget__hours\">\n        <tbody>\n          {rows.map((r, i) => {\n            // parseDays begrijpt ook bereiken (\"Ma-vr\", \"Maandag t/m vrijdag\") - een woensdag\n            // hoort dan net zo goed gemarkeerd als de letterlijk genoemde dagen.\n            const isToday =\n              block.highlightToday && todayIdx !== null && parseDays(r.day).includes(todayIdx);\n            return (\n              <tr key={i} className={isToday ? \"xicms-widget__hours-today\" : undefined}>\n                <th scope=\"row\" data-xicms-edit={`rows.${i}.day`}>{r.day}</th>\n                <td data-xicms-edit={`rows.${i}.hours`}>{r.hours}</td>\n              </tr>\n            );\n          })}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n/* ── Contact (compact) ─────────────────────────────────────────────────────── */\ntype ContactW = z.infer<typeof ContactWidgetSchema>;\nexport function ContactWidgetRender({ block }: BlockRenderProps<ContactW>) {\n  if (!block.address && !block.phone && !block.email) return null;\n  return (\n    <div className=\"xicms-widget xicms-widget--contact\">\n      <h3 className=\"xicms-widget__title\" data-xicms-edit=\"heading\">{block.heading ?? \"Contact\"}</h3>\n      <ul className=\"xicms-widget__list\">\n        {block.address && <li className=\"xicms-widget__item\" data-xicms-edit=\"address\">{block.address}</li>}\n        {block.phone && (\n          <li className=\"xicms-widget__item\"><a href={`tel:${block.phone.replace(/\\s+/g, \"\")}`} data-xicms-edit=\"phone\">{block.phone}</a></li>\n        )}\n        {block.email && (\n          <li className=\"xicms-widget__item\"><a href={`mailto:${block.email}`} data-xicms-edit=\"email\">{block.email}</a></li>\n        )}\n      </ul>\n    </div>\n  );\n}\n/* ── Social (compact) ──────────────────────────────────────────────────────── */\ntype SocialW = z.infer<typeof SocialWidgetSchema>;\nexport function SocialWidgetRender({ block }: BlockRenderProps<SocialW>) {\n  // _i = index in de OORSPRONKELIJKE array — de lijst wordt gefilterd op href && platform.\n  const items = (block.items ?? []).map((it, i) => ({ ...it, _i: i })).filter((i) => i.href && i.platform);\n  if (items.length === 0) return null;\n  return (\n    <div className=\"xicms-widget xicms-widget--social\">\n      {block.heading && <h3 className=\"xicms-widget__title\" data-xicms-edit=\"heading\">{block.heading}</h3>}\n      <ul className=\"xicms-widget__social\">\n        {items.map((it) => (\n          <li key={it._i}><a href={it.href} rel=\"noopener noreferrer\" target=\"_blank\" data-xicms-edit={`items.${it._i}.platform`}>{it.platform}</a></li>\n        ))}\n      </ul>\n    </div>\n  );\n}\n/* ── Nieuwsbrief (compact) ─────────────────────────────────────────────────── */\ntype NewsletterW = z.infer<typeof NewsletterWidgetSchema>;\nexport function NewsletterWidgetRender({ block }: BlockRenderProps<NewsletterW>) {\n  const [email, setEmail] = useState(\"\");\n  return (\n    <div className=\"xicms-widget xicms-widget--newsletter\">\n      <h3 className=\"xicms-widget__title\" data-xicms-edit=\"heading\">{block.heading ?? \"Nieuwsbrief\"}</h3>\n      {block.text && <p className=\"xicms-widget__sub\" data-xicms-edit=\"text\">{block.text}</p>}\n      {block.actionUrl ? (\n        <form className=\"xicms-widget__form\" action={block.actionUrl} method=\"post\" target=\"_blank\" style={{ display: \"grid\", gap: \"0.6rem\" }}>\n          <TextInput label=\"E-mailadres\" isLabelHidden type=\"email\" htmlName=\"EMAIL\" isRequired placeholder=\"je@email.nl\" value={email} onChange={setEmail} />\n          <Button label={block.buttonLabel} variant=\"primary\" type=\"submit\">\n            <span data-xicms-edit=\"buttonLabel\">{block.buttonLabel}</span>\n          </Button>\n        </form>\n      ) : (\n        <Onvoltooid>Deze aanmeldwidget mist nog een aanmeld-URL (tandwiel). Bezoekers zien dit blok niet.</Onvoltooid>\n      )}\n    </div>\n  );\n}\n/* ── CTA (compact) ─────────────────────────────────────────────────────────── */\ntype CtaW = z.infer<typeof CtaWidgetSchema>;\nexport function CtaWidgetRender({ block }: BlockRenderProps<CtaW>) {\n  if (!block.title && !block.text) return null;\n  return (\n    <div className=\"xicms-widget xicms-widget--cta\" style={block.backgroundColor ? { background: block.backgroundColor } : undefined}>\n      {block.title && <h3 className=\"xicms-widget__title\" data-xicms-edit=\"title\">{block.title}</h3>}\n      {block.text && <p className=\"xicms-widget__sub\" data-xicms-edit=\"text\">{block.text}</p>}\n      {block.buttonLabel && (\n        <Btn label={block.buttonLabel} href={block.buttonHref} variant=\"primary\" size=\"md\" editField=\"buttonLabel\" />\n      )}\n    </div>\n  );\n}\n/* ── Galerij (compacte strip) ──────────────────────────────────────────────── */\ntype GalleryW = z.infer<typeof GalleryWidgetSchema>;\nexport function GalleryWidgetRender({ block }: BlockRenderProps<GalleryW>) {\n  const items = (block.items ?? []).filter((i) => i.url);\n  if (items.length === 0) return null;\n  return (\n    <div className=\"xicms-widget xicms-widget--gallery\">\n      {block.heading && <h3 className=\"xicms-widget__title\" data-xicms-edit=\"heading\">{block.heading}</h3>}\n      <div className=\"xicms-widget__grid\" data-cols={block.columns}>\n        {items.map((it, i) => (\n          // eslint-disable-next-line @next/next/no-img-element\n          <img key={i} className=\"xicms-widget__photo\" src={it.url} alt={it.alt ?? \"\"} loading=\"lazy\" />\n        ))}\n      </div>\n    </div>\n  );\n}\n/* ── Review (compact) ──────────────────────────────────────────────────────── */\ntype TestimonialsW = z.infer<typeof TestimonialsWidgetSchema>;\nexport function TestimonialsWidgetRender({ block }: BlockRenderProps<TestimonialsW>) {\n  // _i = index in de OORSPRONKELIJKE array — de lijst wordt gefilterd op quote.\n  const items = (block.items ?? []).map((t, i) => ({ ...t, _i: i })).filter((t) => t.quote);\n  if (items.length === 0) return null;\n  return (\n    <div className=\"xicms-widget xicms-widget--testimonial\">\n      {block.heading && <h3 className=\"xicms-widget__title\" data-xicms-edit=\"heading\">{block.heading}</h3>}\n      <ul className=\"xicms-widget__list\">\n        {items.map((t) => (\n          <li key={t._i} className=\"xicms-widget__quote\">\n            {typeof t.rating === \"number\" && (\n              <span className=\"xicms-widget__stars\" aria-label={`${t.rating} van 5`}>{\"★\".repeat(t.rating)}{\"☆\".repeat(5 - t.rating)}</span>\n            )}\n            <p>“<span data-xicms-edit={`items.${t._i}.quote`}>{t.quote}</span>”</p>\n            {t.author && <span className=\"xicms-widget__meta\">— <span data-xicms-edit={`items.${t._i}.author`}>{t.author}</span></span>}\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n}\n/* ── Diensten (compact) ────────────────────────────────────────────────────── */\ntype CardsW = z.infer<typeof CardsWidgetSchema>;\nexport function CardsWidgetRender({ block }: BlockRenderProps<CardsW>) {\n  const items = (block.items ?? []).filter((c) => c.title);\n  if (items.length === 0) return null;\n  return (\n    <div className=\"xicms-widget xicms-widget--cards\">\n      {block.heading && <h3 className=\"xicms-widget__title\" data-xicms-edit=\"heading\">{block.heading}</h3>}\n      <ul className=\"xicms-widget__list\">\n        {items.map((c, i) => {\n          const inner = (\n            <>\n              {c.icon && <span className=\"xicms-widget__cardicon\" aria-hidden=\"true\">{c.icon}</span>}\n              <span>\n                <span className=\"xicms-widget__link\">{c.title}</span>\n                {c.text && <span className=\"xicms-widget__sub\">{c.text}</span>}\n              </span>\n            </>\n          );\n          return (\n            <li key={i} className=\"xicms-widget__item xicms-widget__item--card\">\n              {c.href ? <a href={c.href} className=\"xicms-widget__cardlink\">{inner}</a> : inner}\n            </li>\n          );\n        })}\n      </ul>\n    </div>\n  );\n}\n/* ── Downloads (compact) ───────────────────────────────────────────────────── */\ntype DownloadsW = z.infer<typeof DownloadsWidgetSchema>;\nexport function DownloadsWidgetRender({ block }: BlockRenderProps<DownloadsW>) {\n  // _i = index in de OORSPRONKELIJKE array — de lijst wordt gefilterd én afgekapt op `limit`.\n  const items = (block.items ?? []).map((d, i) => ({ ...d, _i: i })).filter((d) => d.label && d.href).slice(0, block.limit);\n  if (items.length === 0) return null;\n  return (\n    <div className=\"xicms-widget xicms-widget--downloads\">\n      <h3 className=\"xicms-widget__title\" data-xicms-edit=\"heading\">{block.heading ?? \"Downloads\"}</h3>\n      <ul className=\"xicms-widget__list\">\n        {items.map((d) => (\n          <li key={d._i} className=\"xicms-widget__item\">\n            <a className=\"xicms-widget__link\" href={d.href} download>\n              <span aria-hidden=\"true\">📄</span> <span data-xicms-edit={`items.${d._i}.label`}>{d.label}</span>\n            </a>\n            {d.meta && <span className=\"xicms-widget__meta\" data-xicms-edit={`items.${d._i}.meta`}>{d.meta}</span>}\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n}\n/* ── Aftelteller (compact) ─────────────────────────────────────────────────── */\ntype CountdownW = z.infer<typeof CountdownWidgetSchema>;\nexport function CountdownWidgetRender({ block }: BlockRenderProps<CountdownW>) {\n  const r = useCountdown(block.target);\n  if (!block.target) return null;\n  return (\n    <div className=\"xicms-widget xicms-widget--countdown\">\n      {block.heading && <h3 className=\"xicms-widget__title\" data-xicms-edit=\"heading\">{block.heading}</h3>}\n      {r === null ? (\n        <p className=\"xicms-widget__empty\" aria-hidden=\"true\">…</p>\n      ) : r.done ? (\n        <p className=\"xicms-countdown__expired\" data-xicms-edit=\"expiredText\">{block.expiredText}</p>\n      ) : (\n        <CountdownDigits r={r} showLabels />\n      )}\n    </div>\n  );\n}\n// Let op: exporteer GEEN aggregaat-array vanuit dit \"use client\"-bestand. Een array die hier\n// wordt opgebouwd is niet server-importeerbaar (de individuele block-exports wél). De volledige\n// lijst staat in blocks/builtins/index.ts.\n"],"mappings":"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","names":[]}

package/dist/blocks/reportRenderFout.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Meldt een blok-renderfout op de LIVE site aan de backend (7.14) — zie functions/clientErrors.ts
+ * voor het waarom. Dit bestand bewaakt vooral wat er NIET gebeurt:
+ *
+ *  - nooit op een pagina zonder Firebase, nooit in dev/preview (daar zie je de fout zelf);
+ *  - maximaal één melding per bloktype per sessie (sessionStorage-dedupe) — een lijst met twintig
+ *    kapotte kaarten wordt één melding, geen twintig;
+ *  - volledig fire-and-forget en zelf in try/catch: het meldpunt mag nooit een tweede fout aan de
+ *    eerste toevoegen;
+ *  - de Firebase-SDK wordt dynamisch geladen, net als overal op het publieke pad — een pagina
+ *    zonder kapot blok betaalt hier nul bytes voor.
+ */
+export declare function reportRenderFout(siteId: string, blockType: string, message: string): void;

package/dist/blocks/reportRenderFout.js

@@ -0,0 +1,31 @@
+"use client";
+import { CORE_VERSION } from "../version.js";
+function reportRenderFout(siteId, blockType, message) {
+  try {
+    if (process.env.NODE_ENV !== "production") return;
+    const sleutel = `xicms-renderfout:${blockType}`;
+    if (sessionStorage.getItem(sleutel)) return;
+    sessionStorage.setItem(sleutel, "1");
+    void (async () => {
+      const [{ getFirebaseApp }, { callable }] = await Promise.all([
+        import("../firebase/client.js"),
+        import("../firebase/functionsClient.js")
+      ]);
+      const app = getFirebaseApp();
+      if (!app) return;
+      await callable(app, "reportClientError")({
+        siteId,
+        blockType,
+        path: window.location.pathname.slice(0, 200),
+        message: message.slice(0, 500),
+        coreVersion: CORE_VERSION
+      });
+    })().catch(() => {
+    });
+  } catch {
+  }
+}
+export {
+  reportRenderFout
+};
+//# sourceMappingURL=reportRenderFout.js.map

package/dist/blocks/reportRenderFout.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/blocks/reportRenderFout.ts"],"sourcesContent":["\"use client\";\n\nimport { CORE_VERSION } from \"../version\";\n\n/**\n * Meldt een blok-renderfout op de LIVE site aan de backend (7.14) — zie functions/clientErrors.ts\n * voor het waarom. Dit bestand bewaakt vooral wat er NIET gebeurt:\n *\n *  - nooit op een pagina zonder Firebase, nooit in dev/preview (daar zie je de fout zelf);\n *  - maximaal één melding per bloktype per sessie (sessionStorage-dedupe) — een lijst met twintig\n *    kapotte kaarten wordt één melding, geen twintig;\n *  - volledig fire-and-forget en zelf in try/catch: het meldpunt mag nooit een tweede fout aan de\n *    eerste toevoegen;\n *  - de Firebase-SDK wordt dynamisch geladen, net als overal op het publieke pad — een pagina\n *    zonder kapot blok betaalt hier nul bytes voor.\n */\nexport function reportRenderFout(siteId: string, blockType: string, message: string): void {\n  try {\n    if (process.env.NODE_ENV !== \"production\") return;\n    const sleutel = `xicms-renderfout:${blockType}`;\n    if (sessionStorage.getItem(sleutel)) return;\n    sessionStorage.setItem(sleutel, \"1\");\n    void (async () => {\n      const [{ getFirebaseApp }, { callable }] = await Promise.all([\n        import(\"../firebase/client\"),\n        import(\"../firebase/functionsClient\"),\n      ]);\n      const app = getFirebaseApp();\n      if (!app) return;\n      await callable(app, \"reportClientError\")({\n        siteId,\n        blockType,\n        path: window.location.pathname.slice(0, 200),\n        message: message.slice(0, 500),\n        coreVersion: CORE_VERSION,\n      });\n    })().catch(() => {});\n  } catch {\n    /* opslag/omgeving geblokkeerd: dan geen melding — nooit een fout om een melding */\n  }\n}\n"],"mappings":";AAEA,SAAS,oBAAoB;AActB,SAAS,iBAAiB,QAAgB,WAAmB,SAAuB;AACzF,MAAI;AACF,QAAI,QAAQ,IAAI,aAAa,aAAc;AAC3C,UAAM,UAAU,oBAAoB,SAAS;AAC7C,QAAI,eAAe,QAAQ,OAAO,EAAG;AACrC,mBAAe,QAAQ,SAAS,GAAG;AACnC,UAAM,YAAY;AAChB,YAAM,CAAC,EAAE,eAAe,GAAG,EAAE,SAAS,CAAC,IAAI,MAAM,QAAQ,IAAI;AAAA,QAC3D,OAAO,oBAAoB;AAAA,QAC3B,OAAO,6BAA6B;AAAA,MACtC,CAAC;AACD,YAAM,MAAM,eAAe;AAC3B,UAAI,CAAC,IAAK;AACV,YAAM,SAAS,KAAK,mBAAmB,EAAE;AAAA,QACvC;AAAA,QACA;AAAA,QACA,MAAM,OAAO,SAAS,SAAS,MAAM,GAAG,GAAG;AAAA,QAC3C,SAAS,QAAQ,MAAM,GAAG,GAAG;AAAA,QAC7B,aAAa;AAAA,MACf,CAAC;AAAA,IACH,GAAG,EAAE,MAAM,MAAM;AAAA,IAAC,CAAC;AAAA,EACrB,QAAQ;AAAA,EAER;AACF;","names":[]}

package/dist/modules/contract.js

@@ -18,7 +18,8 @@ function validateModuleContract(defs) {
     for (const b of d.blocks ?? []) {
       if (blockTypes.has(b.type)) problems.push(`block-type "${b.type}" wordt door meerdere modules geleverd.`);
       blockTypes.add(b.type);
-      if (typeof b.Render !== "function") problems.push(`block "${b.type}" (module "${d.id}") mist een Render-component.`);
+      const isComponent = (c) => typeof c === "function" || typeof c === "object" && c !== null && "$$typeof" in c;
+      if (!isComponent(b.Render)) problems.push(`block "${b.type}" (module "${d.id}") mist een Render-component.`);
       if (!b.schema) problems.push(`block "${b.type}" (module "${d.id}") mist een schema.`);
     }
   }

package/dist/modules/contract.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/modules/contract.ts"],"sourcesContent":["/**\n * Module-contract — controleert dat een set modules consistent is. Bruikbaar in de core-tests én\n * door een klantsite om zijn eigen modules te valideren (`assertModuleContract([mijnModule])`).\n * Geeft een lijst problemen terug (leeg = ok).\n */\nimport type { ModuleDefinition } from \"./types\";\n\nconst SEMVER = /^\\d+\\.\\d+\\.\\d+(?:[-+].*)?$/;\n// kebab- of camelCase, startend met een kleine letter (sluit aan op block-`_type`-conventie).\nconst ID = /^[a-z][a-zA-Z0-9-]*$/;\n\nexport function validateModuleContract(defs: ModuleDefinition[]): string[] {\n  const problems: string[] = [];\n  const ids = new Set<string>();\n  const featureKeys = new Set<string>();\n  const blockTypes = new Set<string>();\n\n  for (const d of defs) {\n    if (!ID.test(d.id)) problems.push(`module-id \"${d.id}\" is geen geldige kebab-id.`);\n    if (ids.has(d.id)) problems.push(`dubbele module-id \"${d.id}\".`);\n    ids.add(d.id);\n\n    if (!SEMVER.test(d.version)) problems.push(`module \"${d.id}\" heeft geen geldige semver (${d.version}).`);\n    if (!d.label) problems.push(`module \"${d.id}\" mist een label.`);\n\n    if (d.featureKey) {\n      if (featureKeys.has(d.featureKey)) problems.push(`featureKey \"${d.featureKey}\" wordt door meerdere modules gebruikt.`);\n      featureKeys.add(d.featureKey);\n    }\n\n    for (const b of d.blocks ?? []) {\n      if (blockTypes.has(b.type)) problems.push(`block-type \"${b.type}\" wordt door meerdere modules geleverd.`);\n      blockTypes.add(b.type);\n      if (typeof b.Render !== \"function\") problems.push(`block \"${b.type}\" (module \"${d.id}\") mist een Render-component.`);\n      if (!b.schema) problems.push(`block \"${b.type}\" (module \"${d.id}\") mist een schema.`);\n    }\n  }\n  return problems;\n}\n\n/** Gooit als het contract niet klopt (handig in een test of bij opstart). */\nexport function assertModuleContract(defs: ModuleDefinition[]): void {\n  const problems = validateModuleContract(defs);\n  if (problems.length) {\n    throw new Error(`Module-contract geschonden:\\n- ${problems.join(\"\\n- \")}`);\n  }\n}\n"],"mappings":"AAOA,MAAM,SAAS;AAEf,MAAM,KAAK;AAEJ,SAAS,uBAAuB,MAAoC;AACzE,QAAM,WAAqB,CAAC;AAC5B,QAAM,MAAM,oBAAI,IAAY;AAC5B,QAAM,cAAc,oBAAI,IAAY;AACpC,QAAM,aAAa,oBAAI,IAAY;AAEnC,aAAW,KAAK,MAAM;AACpB,QAAI,CAAC,GAAG,KAAK,EAAE,EAAE,EAAG,UAAS,KAAK,cAAc,EAAE,EAAE,6BAA6B;AACjF,QAAI,IAAI,IAAI,EAAE,EAAE,EAAG,UAAS,KAAK,sBAAsB,EAAE,EAAE,IAAI;AAC/D,QAAI,IAAI,EAAE,EAAE;AAEZ,QAAI,CAAC,OAAO,KAAK,EAAE,OAAO,EAAG,UAAS,KAAK,WAAW,EAAE,EAAE,gCAAgC,EAAE,OAAO,IAAI;AACvG,QAAI,CAAC,EAAE,MAAO,UAAS,KAAK,WAAW,EAAE,EAAE,mBAAmB;AAE9D,QAAI,EAAE,YAAY;AAChB,UAAI,YAAY,IAAI,EAAE,UAAU,EAAG,UAAS,KAAK,eAAe,EAAE,UAAU,yCAAyC;AACrH,kBAAY,IAAI,EAAE,UAAU;AAAA,IAC9B;AAEA,eAAW,KAAK,EAAE,UAAU,CAAC,GAAG;AAC9B,UAAI,WAAW,IAAI,EAAE,IAAI,EAAG,UAAS,KAAK,eAAe,EAAE,IAAI,yCAAyC;AACxG,iBAAW,IAAI,EAAE,IAAI;AACrB,UAAI,OAAO,EAAE,WAAW,WAAY,UAAS,KAAK,UAAU,EAAE,IAAI,cAAc,EAAE,EAAE,+BAA+B;AACnH,UAAI,CAAC,EAAE,OAAQ,UAAS,KAAK,UAAU,EAAE,IAAI,cAAc,EAAE,EAAE,qBAAqB;AAAA,IACtF;AAAA,EACF;AACA,SAAO;AACT;AAGO,SAAS,qBAAqB,MAAgC;AACnE,QAAM,WAAW,uBAAuB,IAAI;AAC5C,MAAI,SAAS,QAAQ;AACnB,UAAM,IAAI,MAAM;AAAA,IAAkC,SAAS,KAAK,MAAM,CAAC,EAAE;AAAA,EAC3E;AACF;","names":[]}
+{"version":3,"sources":["../../src/modules/contract.ts"],"sourcesContent":["/**\n * Module-contract — controleert dat een set modules consistent is. Bruikbaar in de core-tests én\n * door een klantsite om zijn eigen modules te valideren (`assertModuleContract([mijnModule])`).\n * Geeft een lijst problemen terug (leeg = ok).\n */\nimport type { ModuleDefinition } from \"./types\";\n\nconst SEMVER = /^\\d+\\.\\d+\\.\\d+(?:[-+].*)?$/;\n// kebab- of camelCase, startend met een kleine letter (sluit aan op block-`_type`-conventie).\nconst ID = /^[a-z][a-zA-Z0-9-]*$/;\n\nexport function validateModuleContract(defs: ModuleDefinition[]): string[] {\n  const problems: string[] = [];\n  const ids = new Set<string>();\n  const featureKeys = new Set<string>();\n  const blockTypes = new Set<string>();\n\n  for (const d of defs) {\n    if (!ID.test(d.id)) problems.push(`module-id \"${d.id}\" is geen geldige kebab-id.`);\n    if (ids.has(d.id)) problems.push(`dubbele module-id \"${d.id}\".`);\n    ids.add(d.id);\n\n    if (!SEMVER.test(d.version)) problems.push(`module \"${d.id}\" heeft geen geldige semver (${d.version}).`);\n    if (!d.label) problems.push(`module \"${d.id}\" mist een label.`);\n\n    if (d.featureKey) {\n      if (featureKeys.has(d.featureKey)) problems.push(`featureKey \"${d.featureKey}\" wordt door meerdere modules gebruikt.`);\n      featureKeys.add(d.featureKey);\n    }\n\n    for (const b of d.blocks ?? []) {\n      if (blockTypes.has(b.type)) problems.push(`block-type \"${b.type}\" wordt door meerdere modules geleverd.`);\n      blockTypes.add(b.type);\n      // Een component is een functie óf een React-exotic (lazy/memo/forwardRef, met $$typeof) —\n      // sinds de per-blok-codesplitsing zijn de builtin-Renders next/dynamic-componenten.\n      const isComponent = (c: unknown): boolean =>\n        typeof c === \"function\" || (typeof c === \"object\" && c !== null && \"$$typeof\" in c);\n      if (!isComponent(b.Render)) problems.push(`block \"${b.type}\" (module \"${d.id}\") mist een Render-component.`);\n      if (!b.schema) problems.push(`block \"${b.type}\" (module \"${d.id}\") mist een schema.`);\n    }\n  }\n  return problems;\n}\n\n/** Gooit als het contract niet klopt (handig in een test of bij opstart). */\nexport function assertModuleContract(defs: ModuleDefinition[]): void {\n  const problems = validateModuleContract(defs);\n  if (problems.length) {\n    throw new Error(`Module-contract geschonden:\\n- ${problems.join(\"\\n- \")}`);\n  }\n}\n"],"mappings":"AAOA,MAAM,SAAS;AAEf,MAAM,KAAK;AAEJ,SAAS,uBAAuB,MAAoC;AACzE,QAAM,WAAqB,CAAC;AAC5B,QAAM,MAAM,oBAAI,IAAY;AAC5B,QAAM,cAAc,oBAAI,IAAY;AACpC,QAAM,aAAa,oBAAI,IAAY;AAEnC,aAAW,KAAK,MAAM;AACpB,QAAI,CAAC,GAAG,KAAK,EAAE,EAAE,EAAG,UAAS,KAAK,cAAc,EAAE,EAAE,6BAA6B;AACjF,QAAI,IAAI,IAAI,EAAE,EAAE,EAAG,UAAS,KAAK,sBAAsB,EAAE,EAAE,IAAI;AAC/D,QAAI,IAAI,EAAE,EAAE;AAEZ,QAAI,CAAC,OAAO,KAAK,EAAE,OAAO,EAAG,UAAS,KAAK,WAAW,EAAE,EAAE,gCAAgC,EAAE,OAAO,IAAI;AACvG,QAAI,CAAC,EAAE,MAAO,UAAS,KAAK,WAAW,EAAE,EAAE,mBAAmB;AAE9D,QAAI,EAAE,YAAY;AAChB,UAAI,YAAY,IAAI,EAAE,UAAU,EAAG,UAAS,KAAK,eAAe,EAAE,UAAU,yCAAyC;AACrH,kBAAY,IAAI,EAAE,UAAU;AAAA,IAC9B;AAEA,eAAW,KAAK,EAAE,UAAU,CAAC,GAAG;AAC9B,UAAI,WAAW,IAAI,EAAE,IAAI,EAAG,UAAS,KAAK,eAAe,EAAE,IAAI,yCAAyC;AACxG,iBAAW,IAAI,EAAE,IAAI;AAGrB,YAAM,cAAc,CAAC,MACnB,OAAO,MAAM,cAAe,OAAO,MAAM,YAAY,MAAM,QAAQ,cAAc;AACnF,UAAI,CAAC,YAAY,EAAE,MAAM,EAAG,UAAS,KAAK,UAAU,EAAE,IAAI,cAAc,EAAE,EAAE,+BAA+B;AAC3G,UAAI,CAAC,EAAE,OAAQ,UAAS,KAAK,UAAU,EAAE,IAAI,cAAc,EAAE,EAAE,qBAAqB;AAAA,IACtF;AAAA,EACF;AACA,SAAO;AACT;AAGO,SAAS,qBAAqB,MAAgC;AACnE,QAAM,WAAW,uBAAuB,IAAI;AAC5C,MAAI,SAAS,QAAQ;AACnB,UAAM,IAAI,MAAM;AAAA,IAAkC,SAAS,KAAK,MAAM,CAAC,EAAE;AAAA,EAC3E;AACF;","names":[]}

package/dist/modules/shop/blocks/Cart.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { CartBlockSchema, formatCents, shippingCentsFor } from "../../../schema/shop.js";
+import { formatCents, shippingCentsFor } from "../../../schema/shopGeld.js";
 import { defineBlock } from "../../../blocks/registry.js";
 import { Card, Heading, Text } from "../../../blocks/ui/index.js";
 import { cartLineKey, cartRemove, cartSetQty, useCart } from "../cartStore.js";
@@ -87,7 +87,6 @@ function CartRender({ block, siteId }) {
 }
 const cartBlock = defineBlock({
   type: "cart",
-  schema: CartBlockSchema,
   Render: CartRender,
   label: "Winkelwagen",
   icon: "\u{1F6D2}",

package/dist/modules/shop/blocks/Cart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/modules/shop/blocks/Cart.tsx"],"sourcesContent":["\"use client\";\n\nimport type { z } from \"zod\";\nimport { CartBlockSchema, formatCents, shippingCentsFor } from \"../../../schema/shop\";\nimport { defineBlock, type BlockRenderProps } from \"../../../blocks/registry\";\nimport { Card, Heading, Text } from \"../../../blocks/ui\";\nimport { cartLineKey, cartRemove, cartSetQty, useCart } from \"../cartStore\";\nimport { useShopStrings } from \"../strings\";\nimport { useShopSettings } from \"../lib\";\n\ntype Blk = z.infer<typeof CartBlockSchema>;\n\nfunction CartRender({ block, siteId }: BlockRenderProps<Blk>) {\n  const settings = useShopSettings();\n  const t = useShopStrings();\n  const { lines, itemsCents } = useCart(siteId);\n  const shippingCents = shippingCentsFor(\n    itemsCents,\n    { shippingFlatCents: settings.shippingFlatCents, shippingFreeFromCents: settings.shippingFreeFromCents || undefined },\n    lines.length > 0,\n  );\n\n  return (\n    <div className=\"xicms-shop-cart\">\n      {block.heading && <Heading level={1} data-xicms-edit=\"heading\">{block.heading}</Heading>}\n\n      {lines.length === 0 ? (\n        <Card padding={4} variant=\"muted\" style={{ marginTop: \"1rem\" }}>\n          <Text>\n            {t(\"cartEmpty\")} <a href={settings.shopPath}>{t(\"toShop\")}</a>\n          </Text>\n        </Card>\n      ) : (\n        <div style={{ display: \"grid\", gap: \"1rem\", marginTop: \"1rem\" }}>\n          {lines.map((l) => (\n            <Card key={cartLineKey(l)} padding={3}>\n              <div style={{ display: \"flex\", gap: \"1rem\", alignItems: \"center\", flexWrap: \"wrap\" }}>\n                {l.imageUrl && (\n                  <img src={l.imageUrl} alt=\"\" style={{ width: 72, height: 72, objectFit: \"cover\", borderRadius: 8 }} />\n                )}\n                <div style={{ flex: \"1 1 200px\" }}>\n                  <a href={`${settings.detailPath}?p=${encodeURIComponent(l.slug)}`} style={{ textDecoration: \"none\", color: \"inherit\" }}>\n                    <Text weight=\"bold\" display=\"block\">{l.name}</Text>\n                  </a>\n                  {l.variantLabel && <Text size=\"sm\" display=\"block\" style={{ opacity: 0.75 }}>{l.variantLabel}</Text>}\n                  {l.personalizationLabel && (\n                    <Text size=\"sm\" display=\"block\" style={{ opacity: 0.75 }}>{l.personalizationLabel}</Text>\n                  )}\n                  <Text size=\"sm\" display=\"block\" style={{ marginTop: 2 }}>\n                    {formatCents(l.unitPriceCents, settings.currency)} {t(\"perPiece\")}\n                  </Text>\n                </div>\n                <div style={{ display: \"flex\", alignItems: \"center\", gap: 8 }}>\n                  <input\n                    className=\"xicms-input\"\n                    type=\"number\"\n                    min={0}\n                    max={999}\n                    value={l.qty}\n                    aria-label={`${t(\"qty\")} ${l.name}`}\n                    onChange={(e) => cartSetQty(siteId, l, Math.max(0, Number(e.target.value) || 0))}\n                    style={{ width: 72 }}\n                  />\n                  <Text weight=\"bold\" style={{ minWidth: 80, textAlign: \"right\" }}>\n                    {formatCents(l.unitPriceCents * l.qty, settings.currency)}\n                  </Text>\n                  <button\n                    type=\"button\"\n                    aria-label={`Verwijder ${l.name}`}\n                    onClick={() => cartRemove(siteId, l)}\n                    style={{ background: \"none\", border: \"none\", cursor: \"pointer\", fontSize: \"1.1rem\", opacity: 0.6 }}\n                  >\n                    ✕\n                  </button>\n                </div>\n              </div>\n            </Card>\n          ))}\n\n          <Card padding={3} variant=\"muted\">\n            <div style={{ display: \"grid\", gap: 4, justifyContent: \"end\", textAlign: \"right\" }}>\n              <Text size=\"sm\">{t(\"subtotal\")}: {formatCents(itemsCents, settings.currency)}</Text>\n              <Text size=\"sm\">\n                {t(\"shippingCosts\")}: {shippingCents === 0 ? t(\"free\") : formatCents(shippingCents, settings.currency)}\n              </Text>\n              <Text weight=\"bold\">{t(\"total\")}: {formatCents(itemsCents + shippingCents, settings.currency)}</Text>\n            </div>\n          </Card>\n\n          <div style={{ display: \"flex\", gap: 12, flexWrap: \"wrap\" }}>\n            <a className=\"xicms-btn xicms-btn--primary\" href={settings.checkoutPath}>{t(\"checkout\")}</a>\n            <a className=\"xicms-btn xicms-btn--secondary\" href={settings.shopPath}>{t(\"continueShopping\")}</a>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const cartBlock = defineBlock({\n  type: \"cart\",\n  schema: CartBlockSchema,\n  Render: CartRender,\n  label: \"Winkelwagen\",\n  icon: \"🛒\",\n  defaults: () => ({ heading: \"Winkelwagen\" }),\n});\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/modules/shop/blocks/Cart.tsx"],"sourcesContent":["\"use client\";\n\nimport type { z } from \"zod\";\nimport { formatCents, shippingCentsFor } from \"../../../schema/shopGeld\";\nimport type { CartBlockSchema } from \"../../../schema/shop\";\nimport { defineBlock, type BlockRenderProps } from \"../../../blocks/registry\";\nimport { Card, Heading, Text } from \"../../../blocks/ui\";\nimport { cartLineKey, cartRemove, cartSetQty, useCart } from \"../cartStore\";\nimport { useShopStrings } from \"../strings\";\nimport { useShopSettings } from \"../lib\";\n\ntype Blk = z.infer<typeof CartBlockSchema>;\n\nfunction CartRender({ block, siteId }: BlockRenderProps<Blk>) {\n  const settings = useShopSettings();\n  const t = useShopStrings();\n  const { lines, itemsCents } = useCart(siteId);\n  const shippingCents = shippingCentsFor(\n    itemsCents,\n    { shippingFlatCents: settings.shippingFlatCents, shippingFreeFromCents: settings.shippingFreeFromCents || undefined },\n    lines.length > 0,\n  );\n\n  return (\n    <div className=\"xicms-shop-cart\">\n      {block.heading && <Heading level={1} data-xicms-edit=\"heading\">{block.heading}</Heading>}\n\n      {lines.length === 0 ? (\n        <Card padding={4} variant=\"muted\" style={{ marginTop: \"1rem\" }}>\n          <Text>\n            {t(\"cartEmpty\")} <a href={settings.shopPath}>{t(\"toShop\")}</a>\n          </Text>\n        </Card>\n      ) : (\n        <div style={{ display: \"grid\", gap: \"1rem\", marginTop: \"1rem\" }}>\n          {lines.map((l) => (\n            <Card key={cartLineKey(l)} padding={3}>\n              <div style={{ display: \"flex\", gap: \"1rem\", alignItems: \"center\", flexWrap: \"wrap\" }}>\n                {l.imageUrl && (\n                  <img src={l.imageUrl} alt=\"\" style={{ width: 72, height: 72, objectFit: \"cover\", borderRadius: 8 }} />\n                )}\n                <div style={{ flex: \"1 1 200px\" }}>\n                  <a href={`${settings.detailPath}?p=${encodeURIComponent(l.slug)}`} style={{ textDecoration: \"none\", color: \"inherit\" }}>\n                    <Text weight=\"bold\" display=\"block\">{l.name}</Text>\n                  </a>\n                  {l.variantLabel && <Text size=\"sm\" display=\"block\" style={{ opacity: 0.75 }}>{l.variantLabel}</Text>}\n                  {l.personalizationLabel && (\n                    <Text size=\"sm\" display=\"block\" style={{ opacity: 0.75 }}>{l.personalizationLabel}</Text>\n                  )}\n                  <Text size=\"sm\" display=\"block\" style={{ marginTop: 2 }}>\n                    {formatCents(l.unitPriceCents, settings.currency)} {t(\"perPiece\")}\n                  </Text>\n                </div>\n                <div style={{ display: \"flex\", alignItems: \"center\", gap: 8 }}>\n                  <input\n                    className=\"xicms-input\"\n                    type=\"number\"\n                    min={0}\n                    max={999}\n                    value={l.qty}\n                    aria-label={`${t(\"qty\")} ${l.name}`}\n                    onChange={(e) => cartSetQty(siteId, l, Math.max(0, Number(e.target.value) || 0))}\n                    style={{ width: 72 }}\n                  />\n                  <Text weight=\"bold\" style={{ minWidth: 80, textAlign: \"right\" }}>\n                    {formatCents(l.unitPriceCents * l.qty, settings.currency)}\n                  </Text>\n                  <button\n                    type=\"button\"\n                    aria-label={`Verwijder ${l.name}`}\n                    onClick={() => cartRemove(siteId, l)}\n                    style={{ background: \"none\", border: \"none\", cursor: \"pointer\", fontSize: \"1.1rem\", opacity: 0.6 }}\n                  >\n                    ✕\n                  </button>\n                </div>\n              </div>\n            </Card>\n          ))}\n\n          <Card padding={3} variant=\"muted\">\n            <div style={{ display: \"grid\", gap: 4, justifyContent: \"end\", textAlign: \"right\" }}>\n              <Text size=\"sm\">{t(\"subtotal\")}: {formatCents(itemsCents, settings.currency)}</Text>\n              <Text size=\"sm\">\n                {t(\"shippingCosts\")}: {shippingCents === 0 ? t(\"free\") : formatCents(shippingCents, settings.currency)}\n              </Text>\n              <Text weight=\"bold\">{t(\"total\")}: {formatCents(itemsCents + shippingCents, settings.currency)}</Text>\n            </div>\n          </Card>\n\n          <div style={{ display: \"flex\", gap: 12, flexWrap: \"wrap\" }}>\n            <a className=\"xicms-btn xicms-btn--primary\" href={settings.checkoutPath}>{t(\"checkout\")}</a>\n            <a className=\"xicms-btn xicms-btn--secondary\" href={settings.shopPath}>{t(\"continueShopping\")}</a>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const cartBlock = defineBlock({\n  type: \"cart\",\n  Render: CartRender,\n  label: \"Winkelwagen\",\n  icon: \"🛒\",\n  defaults: () => ({ heading: \"Winkelwagen\" }),\n});\n"],"mappings":"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","names":[]}

package/dist/modules/shop/blocks/Checkout.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { CheckoutBlockSchema, formatCents, shippingCentsFor } from "../../../schema/shop.js";
+import { formatCents, shippingCentsFor } from "../../../schema/shopGeld.js";
 import { defineBlock } from "../../../blocks/registry.js";
 import { Card, Heading, Text } from "../../../blocks/ui/index.js";
 import { TextInput } from "@astryxdesign/core/TextInput";
@@ -166,7 +166,6 @@ function CheckoutRender({ block, siteId, mode }) {
 }
 const checkoutBlock = defineBlock({
   type: "checkout",
-  schema: CheckoutBlockSchema,
   Render: CheckoutRender,
   label: "Afrekenen",
   icon: "\u{1F4B3}",

package/dist/modules/shop/blocks/Checkout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/modules/shop/blocks/Checkout.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, type FormEvent } from \"react\";\nimport type { z } from \"zod\";\nimport { CheckoutBlockSchema, formatCents, shippingCentsFor } from \"../../../schema/shop\";\nimport { defineBlock, type BlockRenderProps } from \"../../../blocks/registry\";\nimport { Card, Heading, Text } from \"../../../blocks/ui\";\nimport { TextInput } from \"@astryxdesign/core/TextInput\";\nimport { TextArea } from \"@astryxdesign/core/TextArea\";\nimport { cartLineKey, useCart } from \"../cartStore\";\nimport { useShopStrings } from \"../strings\";\nimport { createOrderCall, useShopSettings, validateDiscountCall, type DiscountPreview } from \"../lib\";\n\ntype Blk = z.infer<typeof CheckoutBlockSchema>;\n\n/**\n * Afrekenen — klantgegevens + overzicht + kortingscode; `createOrder` herrekent server-side\n * (incl. korting en personalisatie-meerprijs) en geeft de Stripe Checkout-URL terug. De cart\n * wordt pas geleegd op de bedankt-pagina, zodat een geannuleerde betaling niets kwijtraakt.\n * NB: verplichte velden dragen een \" *\" in het label (de Engelse Astryx-chip blijft uit).\n */\nfunction CheckoutRender({ block, siteId, mode }: BlockRenderProps<Blk>) {\n  const settings = useShopSettings();\n  const t = useShopStrings();\n  const { lines, itemsCents } = useCart(siteId);\n  const [v, setV] = useState({ name: \"\", email: \"\", phone: \"\", address: \"\", zip: \"\", city: \"\", note: \"\" });\n  const [hp, setHp] = useState(\"\");\n  const [busy, setBusy] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [codeInput, setCodeInput] = useState(\"\");\n  const [codeBusy, setCodeBusy] = useState(false);\n  const [discount, setDiscount] = useState<DiscountPreview | null>(null);\n\n  const baseShipping = shippingCentsFor(\n    itemsCents,\n    { shippingFlatCents: settings.shippingFlatCents, shippingFreeFromCents: settings.shippingFreeFromCents || undefined },\n    lines.length > 0,\n  );\n  const shippingCents = discount?.valid && discount.freeShipping ? 0 : baseShipping;\n  const discountCents = discount?.valid ? Math.min(discount.discountCents ?? 0, itemsCents) : 0;\n  const totalCents = Math.max(0, itemsCents - discountCents) + shippingCents;\n\n  async function applyCode() {\n    const code = codeInput.trim().toUpperCase();\n    if (!code || codeBusy) return;\n    setCodeBusy(true);\n    try {\n      const res = await validateDiscountCall(siteId, code, itemsCents);\n      setDiscount(res.valid ? { ...res, code } : { valid: false });\n    } catch {\n      setDiscount({ valid: false });\n    } finally {\n      setCodeBusy(false);\n    }\n  }\n\n  async function submit(e: FormEvent) {\n    e.preventDefault();\n    if (mode === \"preview\" || busy) return;\n    setBusy(true);\n    setError(null);\n    try {\n      const { url } = await createOrderCall({\n        siteId,\n        items: lines.map((l) => ({\n          productId: l.productId,\n          variantKey: l.variantKey,\n          qty: l.qty,\n          personalization: l.personalization,\n        })),\n        customer: { email: v.email, name: v.name, phone: v.phone || undefined },\n        shipping: { address: v.address, zip: v.zip, city: v.city, country: \"NL\" },\n        note: v.note || undefined,\n        discountCode: discount?.valid ? discount.code : undefined,\n        successPath: settings.successPath,\n        cancelPath: settings.cartPath,\n        _hp: hp || undefined,\n      });\n      window.location.assign(url);\n    } catch (err) {\n      console.error(\"[xicms] checkout mislukt:\", err);\n      setError(t(\"checkoutFailed\"));\n      setBusy(false);\n    }\n  }\n\n  if (lines.length === 0) {\n    return (\n      <Card padding={4} variant=\"muted\">\n        <Text>\n          {t(\"cartEmpty\")} <a href={settings.shopPath}>{t(\"toShop\")}</a>\n        </Text>\n      </Card>\n    );\n  }\n\n  return (\n    <div className=\"xicms-shop-checkout\" style={{ display: \"grid\", gap: \"2rem\", gridTemplateColumns: \"repeat(auto-fit, minmax(min(320px, 100%), 1fr))\" }}>\n      <form onSubmit={submit} style={{ display: \"grid\", gap: \"0.9rem\", alignContent: \"start\" }}>\n        {block.heading && <Heading level={1} data-xicms-edit=\"heading\">{block.heading}</Heading>}\n        {block.introText && <Text data-xicms-edit=\"introText\">{block.introText}</Text>}\n\n        <TextInput label={`${t(\"fieldName\")} *`} value={v.name} onChange={(x) => setV((p) => ({ ...p, name: x }))} />\n        <TextInput label={`${t(\"fieldEmail\")} *`} type=\"email\" value={v.email} onChange={(x) => setV((p) => ({ ...p, email: x }))} />\n        <TextInput label={t(\"fieldPhone\")} value={v.phone} onChange={(x) => setV((p) => ({ ...p, phone: x }))} />\n        <TextInput label={`${t(\"fieldAddress\")} *`} value={v.address} onChange={(x) => setV((p) => ({ ...p, address: x }))} />\n        <div style={{ display: \"grid\", gap: \"0.9rem\", gridTemplateColumns: \"140px 1fr\" }}>\n          <TextInput label={`${t(\"fieldZip\")} *`} value={v.zip} onChange={(x) => setV((p) => ({ ...p, zip: x }))} />\n          <TextInput label={`${t(\"fieldCity\")} *`} value={v.city} onChange={(x) => setV((p) => ({ ...p, city: x }))} />\n        </div>\n        <TextArea label={t(\"fieldNote\")} rows={3} value={v.note} onChange={(x) => setV((p) => ({ ...p, note: x }))} />\n\n        {/* Honeypot — verborgen voor mensen, bots vullen 'm vaak wel in. */}\n        <input\n          type=\"text\"\n          tabIndex={-1}\n          autoComplete=\"off\"\n          value={hp}\n          onChange={(e) => setHp(e.target.value)}\n          style={{ position: \"absolute\", left: \"-9999px\", width: 1, height: 1 }}\n          aria-hidden\n        />\n\n        {error && <Text role=\"alert\" style={{ color: \"var(--color-error, #c0392b)\" }}>{error}</Text>}\n\n        <button\n          type=\"submit\"\n          className=\"xicms-btn xicms-btn--primary\"\n          disabled={busy}\n          style={{ cursor: busy ? \"wait\" : \"pointer\", width: \"fit-content\" }}\n        >\n          {busy ? t(\"busy\") : t(\"pay\", { bedrag: formatCents(totalCents, settings.currency) })}\n        </button>\n        <Text size=\"sm\" style={{ opacity: 0.7 }}>{t(\"secureNote\")}</Text>\n      </form>\n\n      <Card padding={3} variant=\"muted\" style={{ alignSelf: \"start\" }}>\n        <Heading level={2}>{t(\"yourOrder\")}</Heading>\n        <div style={{ display: \"grid\", gap: 8, marginTop: \"0.75rem\" }}>\n          {lines.map((l) => (\n            <div key={cartLineKey(l)} style={{ display: \"flex\", justifyContent: \"space-between\", gap: 12 }}>\n              <Text size=\"sm\">\n                {l.qty}× {l.name}\n                {l.variantLabel ? ` (${l.variantLabel})` : \"\"}\n                {l.personalizationLabel ? ` — ${l.personalizationLabel}` : \"\"}\n              </Text>\n              <Text size=\"sm\">{formatCents(l.unitPriceCents * l.qty, settings.currency)}</Text>\n            </div>\n          ))}\n\n          {/* Kortingscode */}\n          <div className=\"xicms-shop-checkout__discount\" style={{ display: \"flex\", gap: 8, marginTop: 4 }}>\n            <input\n              className=\"xicms-input\"\n              type=\"text\"\n              placeholder={t(\"discountCode\")}\n              value={codeInput}\n              onChange={(e) => setCodeInput(e.target.value.toUpperCase())}\n              style={{ flex: 1, textTransform: \"uppercase\" }}\n            />\n            <button type=\"button\" className=\"xicms-btn xicms-btn--secondary\" disabled={codeBusy || !codeInput.trim()} onClick={applyCode}>\n              {codeBusy ? t(\"busy\") : t(\"discountApply\")}\n            </button>\n          </div>\n          {discount && !discount.valid && (\n            <Text size=\"sm\" role=\"alert\" style={{ color: \"var(--color-error, #c0392b)\" }}>{t(\"discountInvalid\")}</Text>\n          )}\n          {discount?.valid && (\n            <Text size=\"sm\" style={{ color: \"var(--xicms-primary, #4d7fb0)\", fontWeight: 600 }}>\n              {t(\"discountApplied\", { code: discount.code ?? \"\" })}\n            </Text>\n          )}\n\n          <hr style={{ border: \"none\", borderTop: \"1px solid rgba(0,0,0,0.1)\" }} />\n          {discountCents > 0 && (\n            <div style={{ display: \"flex\", justifyContent: \"space-between\" }}>\n              <Text size=\"sm\">{t(\"discount\")}</Text>\n              <Text size=\"sm\">−{formatCents(discountCents, settings.currency)}</Text>\n            </div>\n          )}\n          <div style={{ display: \"flex\", justifyContent: \"space-between\" }}>\n            <Text size=\"sm\">{t(\"shippingCosts\")}</Text>\n            <Text size=\"sm\">{shippingCents === 0 ? t(\"free\") : formatCents(shippingCents, settings.currency)}</Text>\n          </div>\n          <div style={{ display: \"flex\", justifyContent: \"space-between\" }}>\n            <Text weight=\"bold\">{t(\"total\")}</Text>\n            <Text weight=\"bold\">{formatCents(totalCents, settings.currency)}</Text>\n          </div>\n        </div>\n      </Card>\n    </div>\n  );\n}\n\nexport const checkoutBlock = defineBlock({\n  type: \"checkout\",\n  schema: CheckoutBlockSchema,\n  Render: CheckoutRender,\n  label: \"Afrekenen\",\n  icon: \"💳\",\n  defaults: () => ({ heading: \"Afrekenen\" }),\n});\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/modules/shop/blocks/Checkout.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, type FormEvent } from \"react\";\nimport type { z } from \"zod\";\nimport { formatCents, shippingCentsFor } from \"../../../schema/shopGeld\";\nimport type { CheckoutBlockSchema } from \"../../../schema/shop\";\nimport { defineBlock, type BlockRenderProps } from \"../../../blocks/registry\";\nimport { Card, Heading, Text } from \"../../../blocks/ui\";\nimport { TextInput } from \"@astryxdesign/core/TextInput\";\nimport { TextArea } from \"@astryxdesign/core/TextArea\";\nimport { cartLineKey, useCart } from \"../cartStore\";\nimport { useShopStrings } from \"../strings\";\nimport { createOrderCall, useShopSettings, validateDiscountCall, type DiscountPreview } from \"../lib\";\n\ntype Blk = z.infer<typeof CheckoutBlockSchema>;\n\n/**\n * Afrekenen — klantgegevens + overzicht + kortingscode; `createOrder` herrekent server-side\n * (incl. korting en personalisatie-meerprijs) en geeft de Stripe Checkout-URL terug. De cart\n * wordt pas geleegd op de bedankt-pagina, zodat een geannuleerde betaling niets kwijtraakt.\n * NB: verplichte velden dragen een \" *\" in het label (de Engelse Astryx-chip blijft uit).\n */\nfunction CheckoutRender({ block, siteId, mode }: BlockRenderProps<Blk>) {\n  const settings = useShopSettings();\n  const t = useShopStrings();\n  const { lines, itemsCents } = useCart(siteId);\n  const [v, setV] = useState({ name: \"\", email: \"\", phone: \"\", address: \"\", zip: \"\", city: \"\", note: \"\" });\n  const [hp, setHp] = useState(\"\");\n  const [busy, setBusy] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [codeInput, setCodeInput] = useState(\"\");\n  const [codeBusy, setCodeBusy] = useState(false);\n  const [discount, setDiscount] = useState<DiscountPreview | null>(null);\n\n  const baseShipping = shippingCentsFor(\n    itemsCents,\n    { shippingFlatCents: settings.shippingFlatCents, shippingFreeFromCents: settings.shippingFreeFromCents || undefined },\n    lines.length > 0,\n  );\n  const shippingCents = discount?.valid && discount.freeShipping ? 0 : baseShipping;\n  const discountCents = discount?.valid ? Math.min(discount.discountCents ?? 0, itemsCents) : 0;\n  const totalCents = Math.max(0, itemsCents - discountCents) + shippingCents;\n\n  async function applyCode() {\n    const code = codeInput.trim().toUpperCase();\n    if (!code || codeBusy) return;\n    setCodeBusy(true);\n    try {\n      const res = await validateDiscountCall(siteId, code, itemsCents);\n      setDiscount(res.valid ? { ...res, code } : { valid: false });\n    } catch {\n      setDiscount({ valid: false });\n    } finally {\n      setCodeBusy(false);\n    }\n  }\n\n  async function submit(e: FormEvent) {\n    e.preventDefault();\n    if (mode === \"preview\" || busy) return;\n    setBusy(true);\n    setError(null);\n    try {\n      const { url } = await createOrderCall({\n        siteId,\n        items: lines.map((l) => ({\n          productId: l.productId,\n          variantKey: l.variantKey,\n          qty: l.qty,\n          personalization: l.personalization,\n        })),\n        customer: { email: v.email, name: v.name, phone: v.phone || undefined },\n        shipping: { address: v.address, zip: v.zip, city: v.city, country: \"NL\" },\n        note: v.note || undefined,\n        discountCode: discount?.valid ? discount.code : undefined,\n        successPath: settings.successPath,\n        cancelPath: settings.cartPath,\n        _hp: hp || undefined,\n      });\n      window.location.assign(url);\n    } catch (err) {\n      console.error(\"[xicms] checkout mislukt:\", err);\n      setError(t(\"checkoutFailed\"));\n      setBusy(false);\n    }\n  }\n\n  if (lines.length === 0) {\n    return (\n      <Card padding={4} variant=\"muted\">\n        <Text>\n          {t(\"cartEmpty\")} <a href={settings.shopPath}>{t(\"toShop\")}</a>\n        </Text>\n      </Card>\n    );\n  }\n\n  return (\n    <div className=\"xicms-shop-checkout\" style={{ display: \"grid\", gap: \"2rem\", gridTemplateColumns: \"repeat(auto-fit, minmax(min(320px, 100%), 1fr))\" }}>\n      <form onSubmit={submit} style={{ display: \"grid\", gap: \"0.9rem\", alignContent: \"start\" }}>\n        {block.heading && <Heading level={1} data-xicms-edit=\"heading\">{block.heading}</Heading>}\n        {block.introText && <Text data-xicms-edit=\"introText\">{block.introText}</Text>}\n\n        <TextInput label={`${t(\"fieldName\")} *`} value={v.name} onChange={(x) => setV((p) => ({ ...p, name: x }))} />\n        <TextInput label={`${t(\"fieldEmail\")} *`} type=\"email\" value={v.email} onChange={(x) => setV((p) => ({ ...p, email: x }))} />\n        <TextInput label={t(\"fieldPhone\")} value={v.phone} onChange={(x) => setV((p) => ({ ...p, phone: x }))} />\n        <TextInput label={`${t(\"fieldAddress\")} *`} value={v.address} onChange={(x) => setV((p) => ({ ...p, address: x }))} />\n        <div style={{ display: \"grid\", gap: \"0.9rem\", gridTemplateColumns: \"140px 1fr\" }}>\n          <TextInput label={`${t(\"fieldZip\")} *`} value={v.zip} onChange={(x) => setV((p) => ({ ...p, zip: x }))} />\n          <TextInput label={`${t(\"fieldCity\")} *`} value={v.city} onChange={(x) => setV((p) => ({ ...p, city: x }))} />\n        </div>\n        <TextArea label={t(\"fieldNote\")} rows={3} value={v.note} onChange={(x) => setV((p) => ({ ...p, note: x }))} />\n\n        {/* Honeypot — verborgen voor mensen, bots vullen 'm vaak wel in. */}\n        <input\n          type=\"text\"\n          tabIndex={-1}\n          autoComplete=\"off\"\n          value={hp}\n          onChange={(e) => setHp(e.target.value)}\n          style={{ position: \"absolute\", left: \"-9999px\", width: 1, height: 1 }}\n          aria-hidden\n        />\n\n        {error && <Text role=\"alert\" style={{ color: \"var(--color-error, #c0392b)\" }}>{error}</Text>}\n\n        <button\n          type=\"submit\"\n          className=\"xicms-btn xicms-btn--primary\"\n          disabled={busy}\n          style={{ cursor: busy ? \"wait\" : \"pointer\", width: \"fit-content\" }}\n        >\n          {busy ? t(\"busy\") : t(\"pay\", { bedrag: formatCents(totalCents, settings.currency) })}\n        </button>\n        <Text size=\"sm\" style={{ opacity: 0.7 }}>{t(\"secureNote\")}</Text>\n      </form>\n\n      <Card padding={3} variant=\"muted\" style={{ alignSelf: \"start\" }}>\n        <Heading level={2}>{t(\"yourOrder\")}</Heading>\n        <div style={{ display: \"grid\", gap: 8, marginTop: \"0.75rem\" }}>\n          {lines.map((l) => (\n            <div key={cartLineKey(l)} style={{ display: \"flex\", justifyContent: \"space-between\", gap: 12 }}>\n              <Text size=\"sm\">\n                {l.qty}× {l.name}\n                {l.variantLabel ? ` (${l.variantLabel})` : \"\"}\n                {l.personalizationLabel ? ` — ${l.personalizationLabel}` : \"\"}\n              </Text>\n              <Text size=\"sm\">{formatCents(l.unitPriceCents * l.qty, settings.currency)}</Text>\n            </div>\n          ))}\n\n          {/* Kortingscode */}\n          <div className=\"xicms-shop-checkout__discount\" style={{ display: \"flex\", gap: 8, marginTop: 4 }}>\n            <input\n              className=\"xicms-input\"\n              type=\"text\"\n              placeholder={t(\"discountCode\")}\n              value={codeInput}\n              onChange={(e) => setCodeInput(e.target.value.toUpperCase())}\n              style={{ flex: 1, textTransform: \"uppercase\" }}\n            />\n            <button type=\"button\" className=\"xicms-btn xicms-btn--secondary\" disabled={codeBusy || !codeInput.trim()} onClick={applyCode}>\n              {codeBusy ? t(\"busy\") : t(\"discountApply\")}\n            </button>\n          </div>\n          {discount && !discount.valid && (\n            <Text size=\"sm\" role=\"alert\" style={{ color: \"var(--color-error, #c0392b)\" }}>{t(\"discountInvalid\")}</Text>\n          )}\n          {discount?.valid && (\n            <Text size=\"sm\" style={{ color: \"var(--xicms-primary, #4d7fb0)\", fontWeight: 600 }}>\n              {t(\"discountApplied\", { code: discount.code ?? \"\" })}\n            </Text>\n          )}\n\n          <hr style={{ border: \"none\", borderTop: \"1px solid rgba(0,0,0,0.1)\" }} />\n          {discountCents > 0 && (\n            <div style={{ display: \"flex\", justifyContent: \"space-between\" }}>\n              <Text size=\"sm\">{t(\"discount\")}</Text>\n              <Text size=\"sm\">−{formatCents(discountCents, settings.currency)}</Text>\n            </div>\n          )}\n          <div style={{ display: \"flex\", justifyContent: \"space-between\" }}>\n            <Text size=\"sm\">{t(\"shippingCosts\")}</Text>\n            <Text size=\"sm\">{shippingCents === 0 ? t(\"free\") : formatCents(shippingCents, settings.currency)}</Text>\n          </div>\n          <div style={{ display: \"flex\", justifyContent: \"space-between\" }}>\n            <Text weight=\"bold\">{t(\"total\")}</Text>\n            <Text weight=\"bold\">{formatCents(totalCents, settings.currency)}</Text>\n          </div>\n        </div>\n      </Card>\n    </div>\n  );\n}\n\nexport const checkoutBlock = defineBlock({\n  type: \"checkout\",\n  Render: CheckoutRender,\n  label: \"Afrekenen\",\n  icon: \"💳\",\n  defaults: () => ({ heading: \"Afrekenen\" }),\n});\n"],"mappings":"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","names":[]}

package/dist/modules/shop/blocks/Donation.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { DonationBlockSchema, formatCents } from "../../../schema/shop.js";
+import { formatCents } from "../../../schema/shopGeld.js";
 import { defineBlock } from "../../../blocks/registry.js";
 import { Card, Heading, Text } from "../../../blocks/ui/index.js";
 import { TextInput } from "@astryxdesign/core/TextInput";
@@ -127,7 +127,6 @@ function DonationRender({ block, siteId, mode }) {
 }
 const donationBlock = defineBlock({
   type: "donation",
-  schema: DonationBlockSchema,
   Render: DonationRender,
   label: "Donatie",
   icon: "\u{1F49B}",

package/dist/modules/shop/blocks/Donation.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/modules/shop/blocks/Donation.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, type FormEvent } from \"react\";\nimport type { z } from \"zod\";\nimport { DonationBlockSchema, formatCents } from \"../../../schema/shop\";\nimport { defineBlock, type BlockRenderProps } from \"../../../blocks/registry\";\nimport { Card, Heading, Text } from \"../../../blocks/ui\";\nimport { TextInput } from \"@astryxdesign/core/TextInput\";\nimport { createOrderCall, useShopSettings } from \"../lib\";\nimport { useShopStrings } from \"../strings\";\n\ntype Blk = z.infer<typeof DonationBlockSchema>;\n\n/**\n * Donatie — bedragknoppen + vrij bedrag, naam/e-mail, betaling via dezelfde `createOrder`-flow\n * (orderregel kind:\"donation\", geen verzendadres/verzendkosten). Het gekozen bedrag is de enige\n * client-invoer die de server accepteert — binnen de min/max van dit block.\n */\nfunction DonationRender({ block, siteId, mode }: BlockRenderProps<Blk>) {\n  const settings = useShopSettings();\n  const t = useShopStrings();\n  const [amountCents, setAmountCents] = useState<number | null>(block.amountsCents[0] ?? null);\n  const [customEuro, setCustomEuro] = useState(\"\");\n  const [custom, setCustom] = useState(false);\n  const [v, setV] = useState({ name: \"\", email: \"\" });\n  const [hp, setHp] = useState(\"\");\n  const [busy, setBusy] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const effectiveCents = custom\n    ? Math.round((Number(customEuro.replace(\",\", \".\")) || 0) * 100)\n    : amountCents ?? 0;\n  const valid =\n    effectiveCents >= (custom ? block.customMinCents : 50) &&\n    effectiveCents <= block.customMaxCents;\n\n  async function submit(e: FormEvent) {\n    e.preventDefault();\n    if (mode === \"preview\" || busy || !valid) return;\n    setBusy(true);\n    setError(null);\n    try {\n      const { url } = await createOrderCall({\n        siteId,\n        items: [{ qty: 1, donationCents: effectiveCents }],\n        customer: { email: v.email, name: v.name },\n        successPath: settings.successPath,\n        cancelPath: typeof window !== \"undefined\" ? window.location.pathname : \"/\",\n        _hp: hp || undefined,\n      });\n      window.location.assign(url);\n    } catch (err) {\n      console.error(\"[xicms] donatie mislukt:\", err);\n      setError(t(\"donationFailed\"));\n      setBusy(false);\n    }\n  }\n\n  return (\n    <Card padding={4} className=\"xicms-shop-donation\">\n      <form onSubmit={submit} style={{ display: \"grid\", gap: \"1rem\" }}>\n        {block.heading && <Heading level={2} data-xicms-edit=\"heading\">{block.heading}</Heading>}\n        {block.introText && <Text data-xicms-edit=\"introText\">{block.introText}</Text>}\n\n        <div style={{ display: \"flex\", gap: 8, flexWrap: \"wrap\" }} role=\"group\" aria-label=\"Kies een bedrag\">\n          {block.amountsCents.map((c) => {\n            const active = !custom && amountCents === c;\n            return (\n              <button\n                key={c}\n                type=\"button\"\n                className=\"xicms-btn\"\n                aria-pressed={active}\n                onClick={() => {\n                  setCustom(false);\n                  setAmountCents(c);\n                }}\n                style={{\n                  cursor: \"pointer\",\n                  border: active ? \"2px solid var(--xicms-primary, #333)\" : \"2px solid rgba(0,0,0,0.15)\",\n                  background: active ? \"var(--xicms-primary, #333)\" : \"transparent\",\n                  color: active ? \"var(--xicms-primary-contrast, #fff)\" : \"inherit\",\n                  borderRadius: 999,\n                  padding: \"0.5rem 1.1rem\",\n                }}\n              >\n                {formatCents(c, settings.currency)}\n              </button>\n            );\n          })}\n          {block.allowCustom && (\n            <button\n              type=\"button\"\n              className=\"xicms-btn\"\n              aria-pressed={custom}\n              onClick={() => setCustom(true)}\n              style={{\n                cursor: \"pointer\",\n                border: custom ? \"2px solid var(--xicms-primary, #333)\" : \"2px solid rgba(0,0,0,0.15)\",\n                background: \"transparent\",\n                borderRadius: 999,\n                padding: \"0.5rem 1.1rem\",\n              }}\n            >\n              {t(\"donationCustomAmount\")}\n            </button>\n          )}\n        </div>\n\n        {custom && (\n          <TextInput\n            label={`${t(\"donationAmountLabel\", { min: formatCents(block.customMinCents, settings.currency) })} *`}\n            placeholder=\"10,00\"\n            value={customEuro}\n            onChange={setCustomEuro}\n          />\n        )}\n\n        <div style={{ display: \"grid\", gap: \"0.9rem\", gridTemplateColumns: \"repeat(auto-fit, minmax(min(220px, 100%), 1fr))\" }}>\n          <TextInput label={`${t(\"fieldName\")} *`} value={v.name} onChange={(x) => setV((p) => ({ ...p, name: x }))} />\n          <TextInput label={`${t(\"fieldEmail\")} *`} type=\"email\" value={v.email} onChange={(x) => setV((p) => ({ ...p, email: x }))} />\n        </div>\n\n        {/* Honeypot */}\n        <input\n          type=\"text\"\n          tabIndex={-1}\n          autoComplete=\"off\"\n          value={hp}\n          onChange={(e) => setHp(e.target.value)}\n          style={{ position: \"absolute\", left: \"-9999px\", width: 1, height: 1 }}\n          aria-hidden\n        />\n\n        {error && <Text role=\"alert\" style={{ color: \"var(--color-error, #c0392b)\" }}>{error}</Text>}\n\n        <button\n          type=\"submit\"\n          className=\"xicms-btn xicms-btn--primary\"\n          disabled={busy || !valid}\n          style={{ cursor: busy ? \"wait\" : \"pointer\", width: \"fit-content\", opacity: valid ? 1 : 0.5 }}\n        >\n          {busy ? t(\"busy\") : `${block.buttonLabel} ${valid ? formatCents(effectiveCents, settings.currency) : \"\"}`}\n        </button>\n      </form>\n    </Card>\n  );\n}\n\nexport const donationBlock = defineBlock({\n  type: \"donation\",\n  schema: DonationBlockSchema,\n  Render: DonationRender,\n  label: \"Donatie\",\n  icon: \"💛\",\n  defaults: () => ({\n    heading: \"Steun ons\",\n    amountsCents: [500, 1000, 2500],\n    allowCustom: true,\n    customMinCents: 100,\n    customMaxCents: 100_000,\n    buttonLabel: \"Doneer\",\n  }),\n});\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/modules/shop/blocks/Donation.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, type FormEvent } from \"react\";\nimport type { z } from \"zod\";\nimport { formatCents } from \"../../../schema/shopGeld\";\nimport type { DonationBlockSchema } from \"../../../schema/shop\";\nimport { defineBlock, type BlockRenderProps } from \"../../../blocks/registry\";\nimport { Card, Heading, Text } from \"../../../blocks/ui\";\nimport { TextInput } from \"@astryxdesign/core/TextInput\";\nimport { createOrderCall, useShopSettings } from \"../lib\";\nimport { useShopStrings } from \"../strings\";\n\ntype Blk = z.infer<typeof DonationBlockSchema>;\n\n/**\n * Donatie — bedragknoppen + vrij bedrag, naam/e-mail, betaling via dezelfde `createOrder`-flow\n * (orderregel kind:\"donation\", geen verzendadres/verzendkosten). Het gekozen bedrag is de enige\n * client-invoer die de server accepteert — binnen de min/max van dit block.\n */\nfunction DonationRender({ block, siteId, mode }: BlockRenderProps<Blk>) {\n  const settings = useShopSettings();\n  const t = useShopStrings();\n  const [amountCents, setAmountCents] = useState<number | null>(block.amountsCents[0] ?? null);\n  const [customEuro, setCustomEuro] = useState(\"\");\n  const [custom, setCustom] = useState(false);\n  const [v, setV] = useState({ name: \"\", email: \"\" });\n  const [hp, setHp] = useState(\"\");\n  const [busy, setBusy] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const effectiveCents = custom\n    ? Math.round((Number(customEuro.replace(\",\", \".\")) || 0) * 100)\n    : amountCents ?? 0;\n  const valid =\n    effectiveCents >= (custom ? block.customMinCents : 50) &&\n    effectiveCents <= block.customMaxCents;\n\n  async function submit(e: FormEvent) {\n    e.preventDefault();\n    if (mode === \"preview\" || busy || !valid) return;\n    setBusy(true);\n    setError(null);\n    try {\n      const { url } = await createOrderCall({\n        siteId,\n        items: [{ qty: 1, donationCents: effectiveCents }],\n        customer: { email: v.email, name: v.name },\n        successPath: settings.successPath,\n        cancelPath: typeof window !== \"undefined\" ? window.location.pathname : \"/\",\n        _hp: hp || undefined,\n      });\n      window.location.assign(url);\n    } catch (err) {\n      console.error(\"[xicms] donatie mislukt:\", err);\n      setError(t(\"donationFailed\"));\n      setBusy(false);\n    }\n  }\n\n  return (\n    <Card padding={4} className=\"xicms-shop-donation\">\n      <form onSubmit={submit} style={{ display: \"grid\", gap: \"1rem\" }}>\n        {block.heading && <Heading level={2} data-xicms-edit=\"heading\">{block.heading}</Heading>}\n        {block.introText && <Text data-xicms-edit=\"introText\">{block.introText}</Text>}\n\n        <div style={{ display: \"flex\", gap: 8, flexWrap: \"wrap\" }} role=\"group\" aria-label=\"Kies een bedrag\">\n          {block.amountsCents.map((c) => {\n            const active = !custom && amountCents === c;\n            return (\n              <button\n                key={c}\n                type=\"button\"\n                className=\"xicms-btn\"\n                aria-pressed={active}\n                onClick={() => {\n                  setCustom(false);\n                  setAmountCents(c);\n                }}\n                style={{\n                  cursor: \"pointer\",\n                  border: active ? \"2px solid var(--xicms-primary, #333)\" : \"2px solid rgba(0,0,0,0.15)\",\n                  background: active ? \"var(--xicms-primary, #333)\" : \"transparent\",\n                  color: active ? \"var(--xicms-primary-contrast, #fff)\" : \"inherit\",\n                  borderRadius: 999,\n                  padding: \"0.5rem 1.1rem\",\n                }}\n              >\n                {formatCents(c, settings.currency)}\n              </button>\n            );\n          })}\n          {block.allowCustom && (\n            <button\n              type=\"button\"\n              className=\"xicms-btn\"\n              aria-pressed={custom}\n              onClick={() => setCustom(true)}\n              style={{\n                cursor: \"pointer\",\n                border: custom ? \"2px solid var(--xicms-primary, #333)\" : \"2px solid rgba(0,0,0,0.15)\",\n                background: \"transparent\",\n                borderRadius: 999,\n                padding: \"0.5rem 1.1rem\",\n              }}\n            >\n              {t(\"donationCustomAmount\")}\n            </button>\n          )}\n        </div>\n\n        {custom && (\n          <TextInput\n            label={`${t(\"donationAmountLabel\", { min: formatCents(block.customMinCents, settings.currency) })} *`}\n            placeholder=\"10,00\"\n            value={customEuro}\n            onChange={setCustomEuro}\n          />\n        )}\n\n        <div style={{ display: \"grid\", gap: \"0.9rem\", gridTemplateColumns: \"repeat(auto-fit, minmax(min(220px, 100%), 1fr))\" }}>\n          <TextInput label={`${t(\"fieldName\")} *`} value={v.name} onChange={(x) => setV((p) => ({ ...p, name: x }))} />\n          <TextInput label={`${t(\"fieldEmail\")} *`} type=\"email\" value={v.email} onChange={(x) => setV((p) => ({ ...p, email: x }))} />\n        </div>\n\n        {/* Honeypot */}\n        <input\n          type=\"text\"\n          tabIndex={-1}\n          autoComplete=\"off\"\n          value={hp}\n          onChange={(e) => setHp(e.target.value)}\n          style={{ position: \"absolute\", left: \"-9999px\", width: 1, height: 1 }}\n          aria-hidden\n        />\n\n        {error && <Text role=\"alert\" style={{ color: \"var(--color-error, #c0392b)\" }}>{error}</Text>}\n\n        <button\n          type=\"submit\"\n          className=\"xicms-btn xicms-btn--primary\"\n          disabled={busy || !valid}\n          style={{ cursor: busy ? \"wait\" : \"pointer\", width: \"fit-content\", opacity: valid ? 1 : 0.5 }}\n        >\n          {busy ? t(\"busy\") : `${block.buttonLabel} ${valid ? formatCents(effectiveCents, settings.currency) : \"\"}`}\n        </button>\n      </form>\n    </Card>\n  );\n}\n\nexport const donationBlock = defineBlock({\n  type: \"donation\",\n  Render: DonationRender,\n  label: \"Donatie\",\n  icon: \"💛\",\n  defaults: () => ({\n    heading: \"Steun ons\",\n    amountsCents: [500, 1000, 2500],\n    allowCustom: true,\n    customMinCents: 100,\n    customMaxCents: 100_000,\n    buttonLabel: \"Doneer\",\n  }),\n});\n"],"mappings":"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","names":[]}

package/dist/modules/shop/blocks/OrderStatus.js

@@ -1,7 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
-import { OrderStatusBlockSchema } from "../../../schema/shop.js";
 import { defineBlock } from "../../../blocks/registry.js";
 import { Card, Heading, Text } from "../../../blocks/ui/index.js";
 import { cartClear } from "../cartStore.js";
@@ -78,7 +77,6 @@ function OrderStatusRender({ block, siteId }) {
 }
 const orderStatusBlock = defineBlock({
   type: "orderStatus",
-  schema: OrderStatusBlockSchema,
   Render: OrderStatusRender,
   label: "Bestelstatus (bedankt-pagina)",
   icon: "\u2705",