@xiwebdesign/xicms-core 7.14.0 → 7.16.0

package/dist/blocks/builtins/MapBlockRender.js

@@ -0,0 +1,48 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ConsentEmbed } from "./consentEmbed.js";
+function osmSrc(block) {
+  if (block.lat != null && block.lng != null) {
+    const degPerTile = 360 / Math.pow(2, block.zoom);
+    const lngHalf = degPerTile * 1.25;
+    const latHalf = lngHalf * Math.cos(block.lat * Math.PI / 180) * 0.6;
+    const bbox = [block.lng - lngHalf, block.lat - latHalf, block.lng + lngHalf, block.lat + latHalf].join(",");
+    const marker = `${block.lat},${block.lng}`;
+    return `https://www.openstreetmap.org/export/embed.html?bbox=${encodeURIComponent(bbox)}&layer=mapnik&marker=${encodeURIComponent(marker)}`;
+  }
+  return null;
+}
+function MapRender({ block, mode }) {
+  const src = block.provider === "google" ? block.query || null : osmSrc(block);
+  if (!src) {
+    if (block.provider === "osm" && block.query) {
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        mode === "preview" && /* @__PURE__ */ jsx("p", { className: "xicms-ve__hint", children: "\u{1F5FA}\uFE0F Kaart: vul co\xF6rdinaten (lat/lng) in om de kaart te tonen \u2014 nu staat er een kaartlink." }),
+        /* @__PURE__ */ jsxs("p", { className: "xicms-map__fallback", children: [
+          "\u{1F4CD}",
+          " ",
+          /* @__PURE__ */ jsxs("a", { href: `https://www.openstreetmap.org/search?query=${encodeURIComponent(block.query)}`, target: "_blank", rel: "noopener noreferrer", children: [
+            "Bekijk ",
+            /* @__PURE__ */ jsx("span", { "data-xicms-edit": "query", children: block.query }),
+            " op de kaart"
+          ] })
+        ] })
+      ] });
+    }
+    return null;
+  }
+  return /* @__PURE__ */ jsx("div", { className: "xicms-map", style: { height: `${block.height}px` }, children: /* @__PURE__ */ jsx(ConsentEmbed, { gated: block.consentGated, preview: mode === "preview", label: "Kaart", children: /* @__PURE__ */ jsx(
+    "iframe",
+    {
+      src,
+      title: block.query ? `Kaart: ${block.query}` : "Kaart",
+      loading: "lazy",
+      style: { border: 0, width: "100%", height: "100%" },
+      referrerPolicy: "no-referrer-when-downgrade"
+    }
+  ) }) });
+}
+export {
+  MapRender
+};
+//# sourceMappingURL=MapBlockRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/builtins/MapBlockRender.tsx"],"sourcesContent":["\"use client\";\n\nimport type { z } from \"zod\";\nimport type { MapBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\nimport { ConsentEmbed } from \"./consentEmbed\";\n\ntype MapBlk = z.infer<typeof MapBlockSchema>;\n\n/**\n * Bouwt de OSM-embed-URL. OSM's `export/embed.html` negeert een tekst-`q` en centreert puur op\n * `bbox`; zonder bbox toont het de HELE WERELD. Daarom: als er `lat`/`lng` zijn, berekenen we\n * deterministisch een echte bbox rond het punt (zoom → graden-span, cos(lat)-correctie zodat de\n * kaart niet vervormt) + een marker. Zonder coördinaten is er geen zinvolle embed — de render\n * toont dan een kaartlink op basis van `query` (beter dan de wereldkaart die het q=-pad gaf).\n */\nfunction osmSrc(block: MapBlk): string | null {\n  if (block.lat != null && block.lng != null) {\n    const degPerTile = 360 / Math.pow(2, block.zoom);\n    const lngHalf = degPerTile * 1.25;\n    const latHalf = lngHalf * Math.cos((block.lat * Math.PI) / 180) * 0.6;\n    const bbox = [block.lng - lngHalf, block.lat - latHalf, block.lng + lngHalf, block.lat + latHalf].join(\",\");\n    const marker = `${block.lat},${block.lng}`;\n    return `https://www.openstreetmap.org/export/embed.html?bbox=${encodeURIComponent(bbox)}&layer=mapnik&marker=${encodeURIComponent(marker)}`;\n  }\n  return null;\n}\n\nexport function MapRender({ block, mode }: BlockRenderProps<MapBlk>) {\n  const src = block.provider === \"google\" ? block.query || null : osmSrc(block);\n  if (!src) {\n    // OSM zonder coördinaten kán niet zinvol embedden (het legacy q=-pad toonde de wereldkaart).\n    // Toon een duidelijke kaartlink i.p.v. een nutteloze kaart, en leg het in de editor uit.\n    if (block.provider === \"osm\" && block.query) {\n      // In de editor stond hier alleen de uitleg. Daardoor was de zoekterm — het enige wat de\n      // bezoeker straks ziet — nergens aanklikbaar en dus niet inline te bewerken. Nu tonen we\n      // de uitleg én de kaartlink zoals hij live wordt.\n      return (\n        <>\n          {mode === \"preview\" && (\n            <p className=\"xicms-ve__hint\">🗺️ Kaart: vul coördinaten (lat/lng) in om de kaart te tonen — nu staat er een kaartlink.</p>\n          )}\n          <p className=\"xicms-map__fallback\">\n            📍{\" \"}\n            <a href={`https://www.openstreetmap.org/search?query=${encodeURIComponent(block.query)}`} target=\"_blank\" rel=\"noopener noreferrer\">\n              Bekijk <span data-xicms-edit=\"query\">{block.query}</span> op de kaart\n            </a>\n          </p>\n        </>\n      );\n    }\n    return null;\n  }\n  return (\n    <div className=\"xicms-map\" style={{ height: `${block.height}px` }}>\n      <ConsentEmbed gated={block.consentGated} preview={mode === \"preview\"} label=\"Kaart\">\n        <iframe\n          src={src}\n          title={block.query ? `Kaart: ${block.query}` : \"Kaart\"}\n          loading=\"lazy\"\n          style={{ border: 0, width: \"100%\", height: \"100%\" }}\n          referrerPolicy=\"no-referrer-when-downgrade\"\n        />\n      </ConsentEmbed>\n    </div>\n  );\n}\n"],"mappings":";AAsCQ,mBAEI,KAIA,YANJ;AAjCR,SAAS,oBAAoB;AAW7B,SAAS,OAAO,OAA8B;AAC5C,MAAI,MAAM,OAAO,QAAQ,MAAM,OAAO,MAAM;AAC1C,UAAM,aAAa,MAAM,KAAK,IAAI,GAAG,MAAM,IAAI;AAC/C,UAAM,UAAU,aAAa;AAC7B,UAAM,UAAU,UAAU,KAAK,IAAK,MAAM,MAAM,KAAK,KAAM,GAAG,IAAI;AAClE,UAAM,OAAO,CAAC,MAAM,MAAM,SAAS,MAAM,MAAM,SAAS,MAAM,MAAM,SAAS,MAAM,MAAM,OAAO,EAAE,KAAK,GAAG;AAC1G,UAAM,SAAS,GAAG,MAAM,GAAG,IAAI,MAAM,GAAG;AACxC,WAAO,wDAAwD,mBAAmB,IAAI,CAAC,wBAAwB,mBAAmB,MAAM,CAAC;AAAA,EAC3I;AACA,SAAO;AACT;AAEO,SAAS,UAAU,EAAE,OAAO,KAAK,GAA6B;AACnE,QAAM,MAAM,MAAM,aAAa,WAAW,MAAM,SAAS,OAAO,OAAO,KAAK;AAC5E,MAAI,CAAC,KAAK;AAGR,QAAI,MAAM,aAAa,SAAS,MAAM,OAAO;AAI3C,aACE,iCACG;AAAA,iBAAS,aACR,oBAAC,OAAE,WAAU,kBAAiB,2HAAyF;AAAA,QAEzH,qBAAC,OAAE,WAAU,uBAAsB;AAAA;AAAA,UAC9B;AAAA,UACH,qBAAC,OAAE,MAAM,8CAA8C,mBAAmB,MAAM,KAAK,CAAC,IAAI,QAAO,UAAS,KAAI,uBAAsB;AAAA;AAAA,YAC3H,oBAAC,UAAK,mBAAgB,SAAS,gBAAM,OAAM;AAAA,YAAO;AAAA,aAC3D;AAAA,WACF;AAAA,SACF;AAAA,IAEJ;AACA,WAAO;AAAA,EACT;AACA,SACE,oBAAC,SAAI,WAAU,aAAY,OAAO,EAAE,QAAQ,GAAG,MAAM,MAAM,KAAK,GAC9D,8BAAC,gBAAa,OAAO,MAAM,cAAc,SAAS,SAAS,WAAW,OAAM,SAC1E;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO,MAAM,QAAQ,UAAU,MAAM,KAAK,KAAK;AAAA,MAC/C,SAAQ;AAAA,MACR,OAAO,EAAE,QAAQ,GAAG,OAAO,QAAQ,QAAQ,OAAO;AAAA,MAClD,gBAAe;AAAA;AAAA,EACjB,GACF,GACF;AAEJ;","names":[]}

package/dist/blocks/builtins/NewsListBlock.d.ts

@@ -1,2 +1 @@
-import type { z } from "zod";
-export declare const newsListBlock: import("../index.js").BlockDefinition<z.core.$ZodType<unknown, unknown, z.core.$ZodTypeInternals<unknown, unknown>>>;
+export declare const newsListBlock: import("../index.js").BlockDefinition<import("zod/v4/core").$ZodType<unknown, unknown, import("zod/v4/core").$ZodTypeInternals<unknown, unknown>>>;

package/dist/blocks/builtins/NewsListBlock.js

@@ -1,17 +1,8 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import dynamic from "next/dynamic";
 import { defineBlock } from "../registry.js";
-import { Heading } from "../ui/index.js";
-import { NewsList } from "../../components/News.js";
-function NewsListRender({ block }) {
-  return /* @__PURE__ */ jsxs("section", { className: "xicms-newslist", children: [
-    block.heading && /* @__PURE__ */ jsx(Heading, { level: 2, "data-xicms-edit": "heading", children: block.heading }),
-    /* @__PURE__ */ jsx(NewsList, { basePath: block.basePath, limit: block.limit, pageSize: block.pageSize })
-  ] });
-}
 const newsListBlock = defineBlock({
   type: "newsList",
-  Render: NewsListRender,
+  Render: dynamic(() => import("./NewsListBlockRender.js").then((m) => m.NewsListRender)),
   label: "Nieuwsoverzicht",
   icon: "\u{1F5DE}\uFE0F",
   defaults: () => ({ heading: "Laatste nieuws", limit: 6, basePath: "/nieuws" })

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/blocks/builtins/NewsListBlock.tsx"],"sourcesContent":["\"use client\";\n\nimport type { z } from \"zod\";\nimport type { NewsListBlockSchema } from \"../../schema/blocks\";\nimport { defineBlock, type BlockRenderProps } from \"../registry\";\nimport { Heading } from \"../ui\";\nimport { NewsList } from \"../../components/News\";\n\ntype NewsListBlk = z.infer<typeof NewsListBlockSchema>;\n\nfunction NewsListRender({ block }: BlockRenderProps<NewsListBlk>) {\n  return (\n    <section className=\"xicms-newslist\">\n      {block.heading && <Heading level={2} data-xicms-edit=\"heading\">{block.heading}</Heading>}\n      <NewsList basePath={block.basePath} limit={block.limit} pageSize={block.pageSize} />\n    </section>\n  );\n}\n\nexport const newsListBlock = defineBlock({\n  type: \"newsList\",\n  Render: NewsListRender,\n  label: \"Nieuwsoverzicht\",\n  icon: \"🗞️\",\n  defaults: () => ({ heading: \"Laatste nieuws\", limit: 6, basePath: \"/nieuws\" }),\n});\n"],"mappings":";AAYI,SACoB,KADpB;AARJ,SAAS,mBAA0C;AACnD,SAAS,eAAe;AACxB,SAAS,gBAAgB;AAIzB,SAAS,eAAe,EAAE,MAAM,GAAkC;AAChE,SACE,qBAAC,aAAQ,WAAU,kBAChB;AAAA,UAAM,WAAW,oBAAC,WAAQ,OAAO,GAAG,mBAAgB,WAAW,gBAAM,SAAQ;AAAA,IAC9E,oBAAC,YAAS,UAAU,MAAM,UAAU,OAAO,MAAM,OAAO,UAAU,MAAM,UAAU;AAAA,KACpF;AAEJ;AAEO,MAAM,gBAAgB,YAAY;AAAA,EACvC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO,EAAE,SAAS,kBAAkB,OAAO,GAAG,UAAU,UAAU;AAC9E,CAAC;","names":[]}
+{"version":3,"sources":["../../../src/blocks/builtins/NewsListBlock.tsx"],"sourcesContent":["import dynamic from \"next/dynamic\";\nimport { defineBlock } from \"../registry\";\n\nexport const newsListBlock = defineBlock({\n  type: \"newsList\",\n  Render: dynamic(() => import(\"./NewsListBlockRender\").then((m) => m.NewsListRender)),\n  label: \"Nieuwsoverzicht\",\n  icon: \"🗞️\",\n  defaults: () => ({ heading: \"Laatste nieuws\", limit: 6, basePath: \"/nieuws\" }),\n});\n"],"mappings":"AAAA,OAAO,aAAa;AACpB,SAAS,mBAAmB;AAErB,MAAM,gBAAgB,YAAY;AAAA,EACvC,MAAM;AAAA,EACN,QAAQ,QAAQ,MAAM,OAAO,uBAAuB,EAAE,KAAK,CAAC,MAAM,EAAE,cAAc,CAAC;AAAA,EACnF,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO,EAAE,SAAS,kBAAkB,OAAO,GAAG,UAAU,UAAU;AAC9E,CAAC;","names":[]}

package/dist/blocks/builtins/NewsListBlockRender.d.ts

@@ -0,0 +1,6 @@
+import type { z } from "zod";
+import type { NewsListBlockSchema } from "../../schema/blocks.js";
+import type { BlockRenderProps } from "../registry.js";
+type NewsListBlk = z.infer<typeof NewsListBlockSchema>;
+export declare function NewsListRender({ block }: BlockRenderProps<NewsListBlk>): import("react").JSX.Element;
+export {};

package/dist/blocks/builtins/NewsListBlockRender.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Heading } from "../ui/index.js";
+import { NewsList } from "../../components/News.js";
+function NewsListRender({ block }) {
+  return /* @__PURE__ */ jsxs("section", { className: "xicms-newslist", children: [
+    block.heading && /* @__PURE__ */ jsx(Heading, { level: 2, "data-xicms-edit": "heading", children: block.heading }),
+    /* @__PURE__ */ jsx(NewsList, { basePath: block.basePath, limit: block.limit, pageSize: block.pageSize })
+  ] });
+}
+export {
+  NewsListRender
+};
+//# sourceMappingURL=NewsListBlockRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/builtins/NewsListBlockRender.tsx"],"sourcesContent":["\"use client\";\n\nimport type { z } from \"zod\";\nimport type { NewsListBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\nimport { Heading } from \"../ui\";\nimport { NewsList } from \"../../components/News\";\n\ntype NewsListBlk = z.infer<typeof NewsListBlockSchema>;\n\nexport function NewsListRender({ block }: BlockRenderProps<NewsListBlk>) {\n  return (\n    <section className=\"xicms-newslist\">\n      {block.heading && <Heading level={2} data-xicms-edit=\"heading\">{block.heading}</Heading>}\n      <NewsList basePath={block.basePath} limit={block.limit} pageSize={block.pageSize} />\n    </section>\n  );\n}\n"],"mappings":";AAYI,SACoB,KADpB;AAPJ,SAAS,eAAe;AACxB,SAAS,gBAAgB;AAIlB,SAAS,eAAe,EAAE,MAAM,GAAkC;AACvE,SACE,qBAAC,aAAQ,WAAU,kBAChB;AAAA,UAAM,WAAW,oBAAC,WAAQ,OAAO,GAAG,mBAAgB,WAAW,gBAAM,SAAQ;AAAA,IAC9E,oBAAC,YAAS,UAAU,MAAM,UAAU,OAAO,MAAM,OAAO,UAAU,MAAM,UAAU;AAAA,KACpF;AAEJ;","names":[]}

package/dist/blocks/builtins/Newsletter.d.ts

@@ -1,2 +1 @@
-import type { z } from "zod";
-export declare const newsletterBlock: import("../index.js").BlockDefinition<z.core.$ZodType<unknown, unknown, z.core.$ZodTypeInternals<unknown, unknown>>>;
+export declare const newsletterBlock: import("../index.js").BlockDefinition<import("zod/v4/core").$ZodType<unknown, unknown, import("zod/v4/core").$ZodTypeInternals<unknown, unknown>>>;

package/dist/blocks/builtins/Newsletter.js

@@ -1,95 +1,8 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
+import dynamic from "next/dynamic";
 import { defineBlock } from "../registry.js";
-import { Button } from "@astryxdesign/core/Button";
-import { TextInput } from "@astryxdesign/core/TextInput";
-import { CheckboxInput } from "@astryxdesign/core/CheckboxInput";
-import { VStack, Card, Heading, Text } from "../ui/index.js";
-import { isDemoActive } from "../../demo/demoStore.js";
-import { Onvoltooid } from "./lib/Onvoltooid.js";
-import { isFirebaseConfigured } from "../../firebase/config.js";
-import { submitFormValues } from "./lib/submitForm.js";
-function NewsletterRender({ block, siteId, mode }) {
-  const [email, setEmail] = useState("");
-  const [agreed, setAgreed] = useState(false);
-  const [status, setStatus] = useState("idle");
-  const [demo, setDemo] = useState(false);
-  useEffect(() => setDemo(isDemoActive()), []);
-  const useXicmsForm = !block.actionUrl && (Boolean(block.formId) || demo);
-  async function submitViaXicms(e) {
-    e.preventDefault();
-    if (mode === "preview") return;
-    if (!block.formId && !demo) return;
-    if (isDemoActive() || !isFirebaseConfigured()) {
-      setStatus("ok");
-      return;
-    }
-    setStatus("busy");
-    try {
-      await submitFormValues(siteId, block.formId, { email });
-      setStatus("ok");
-      setEmail("");
-    } catch {
-      setStatus("error");
-    }
-  }
-  const consentBox = block.consentText ? /* @__PURE__ */ jsx("div", { style: { textAlign: "left", maxWidth: 440, width: "100%" }, children: /* @__PURE__ */ jsx(CheckboxInput, { label: block.consentText, isRequired: true, value: agreed, onChange: setAgreed }) }) : null;
-  const emailInput = /* @__PURE__ */ jsx("div", { style: { flex: 1, minWidth: 200, textAlign: "left" }, children: /* @__PURE__ */ jsx(
-    TextInput,
-    {
-      label: "E-mailadres",
-      isLabelHidden: true,
-      type: "email",
-      htmlName: "EMAIL",
-      isRequired: true,
-      placeholder: "je@email.nl",
-      value: email,
-      onChange: setEmail
-    }
-  ) });
-  const rowStyle = { display: "flex", gap: "0.75rem", flexWrap: "wrap", alignItems: "end", justifyContent: "center", maxWidth: 440, width: "100%" };
-  return /* @__PURE__ */ jsx(Card, { padding: 5, variant: "muted", children: /* @__PURE__ */ jsxs(VStack, { gap: 2, hAlign: "center", style: { textAlign: "center" }, children: [
-    block.heading && /* @__PURE__ */ jsx(Heading, { level: 2, "data-xicms-edit": "heading", children: block.heading }),
-    block.text && /* @__PURE__ */ jsx(Text, { color: "secondary", "data-xicms-edit": "text", children: block.text }),
-    status === "ok" ? /* @__PURE__ */ jsx(Text, { role: "status", children: "Bedankt voor je aanmelding!" }) : block.actionUrl ? /* @__PURE__ */ jsxs(
-      "form",
-      {
-        action: block.actionUrl,
-        method: "post",
-        target: "_blank",
-        style: rowStyle,
-        onSubmit: (e) => {
-          if (block.consentText && !agreed) e.preventDefault();
-        },
-        children: [
-          emailInput,
-          consentBox,
-          block.consentText && /* @__PURE__ */ jsx("input", { type: "hidden", name: "CONSENT", value: agreed ? "yes" : "" }),
-          /* @__PURE__ */ jsx(Button, { label: block.buttonLabel, variant: "primary", size: "lg", type: "submit", children: /* @__PURE__ */ jsx("span", { "data-xicms-edit": "buttonLabel", children: block.buttonLabel }) })
-        ]
-      }
-    ) : useXicmsForm ? /* @__PURE__ */ jsxs("form", { onSubmit: submitViaXicms, style: rowStyle, children: [
-      emailInput,
-      consentBox,
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          label: status === "busy" ? "Aanmelden\u2026" : block.buttonLabel,
-          variant: "primary",
-          size: "lg",
-          type: "submit",
-          isLoading: status === "busy",
-          children: status === "busy" ? void 0 : /* @__PURE__ */ jsx("span", { "data-xicms-edit": "buttonLabel", children: block.buttonLabel })
-        }
-      ),
-      status === "error" && /* @__PURE__ */ jsx(Text, { role: "alert", type: "supporting", style: { color: "var(--color-error, #c0392b)" }, children: "Aanmelden mislukt. Probeer het later opnieuw." })
-    ] }) : /* @__PURE__ */ jsx(Onvoltooid, { children: "Dit nieuwsbrief-blok is nog leeg: kies een aanmeld-URL of een formulier via het tandwiel. Bezoekers zien dit blok niet." })
-  ] }) });
-}
 const newsletterBlock = defineBlock({
   type: "newsletter",
-  Render: NewsletterRender,
+  Render: dynamic(() => import("./NewsletterRender.js").then((m) => m.NewsletterRender)),
   label: "Nieuwsbrief",
   icon: "\u2709\uFE0F",
   defaults: () => ({ heading: "Blijf op de hoogte", buttonLabel: "Aanmelden" })

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/blocks/builtins/Newsletter.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState, type FormEvent } from \"react\";\nimport type { z } from \"zod\";\nimport type { NewsletterBlockSchema } from \"../../schema/blocks\";\nimport { defineBlock, type BlockRenderProps } from \"../registry\";\nimport { Button } from \"@astryxdesign/core/Button\";\nimport { TextInput } from \"@astryxdesign/core/TextInput\";\nimport { CheckboxInput } from \"@astryxdesign/core/CheckboxInput\";\nimport { VStack, Card, Heading, Text } from \"../ui\";\nimport { isDemoActive } from \"../../demo/demoStore\";\nimport { Onvoltooid } from \"./lib/Onvoltooid\";\nimport { isFirebaseConfigured } from \"../../firebase/config\";\nimport { submitFormValues } from \"./lib/submitForm\";\n\ntype Newsletter = z.infer<typeof NewsletterBlockSchema>;\n\n/**\n * Nieuwsbrief-aanmelding. Twee modi:\n * - `actionUrl` (bv. de embed-action van Mailchimp/Brevo): native form-POST naar de provider.\n * - `formId` (zonder actionUrl): opslag via het XiCMS-formulier (submitForm-callable) — inzendingen\n *   verschijnen in /beheer → Formulieren, met dezelfde rate-limiting/validatie als het formulier-blok.\n * Optionele AVG-checkbox via `consentText`.\n */\nfunction NewsletterRender({ block, siteId, mode }: BlockRenderProps<Newsletter>) {\n  const [email, setEmail] = useState(\"\");\n  const [agreed, setAgreed] = useState(false);\n  const [status, setStatus] = useState<\"idle\" | \"busy\" | \"ok\" | \"error\">(\"idle\");\n  /**\n   * In een demo is er altijd een werkend formulier: het slaat lokaal \"op\" (zie submitViaXicms),\n   * precies zoals het formulier-blok. Een demo die om configuratie vraagt verkoopt niets.\n   *\n   * Via state + effect en niet rechtstreeks in de render: `setDemoActive` draait in een effect van\n   * de provider, dus tijdens de eerste render is `isDemoActive()` nog false en zou dit blok zich\n   * één keer verkeerd aankleden — en zonder eigen re-render zo blijven staan. FormBlock leert\n   * dezelfde les op dezelfde manier.\n   */\n  const [demo, setDemo] = useState(false);\n  useEffect(() => setDemo(isDemoActive()), []);\n  const useXicmsForm = !block.actionUrl && (Boolean(block.formId) || demo);\n\n  async function submitViaXicms(e: FormEvent) {\n    e.preventDefault();\n    if (mode === \"preview\") return;\n    // Zonder formId kan er alleen in demo iets \"verzonden\" worden — de guard hieronder vangt dat af\n    // met een lokaal succes vóór submitFormValues ooit wordt bereikt.\n    if (!block.formId && !demo) return;\n    // Zelfde vangnet als het formulier-blok: in demo of zonder Firebase-backend lokaal \"slagen\"\n    // i.p.v. een foutmelding tonen op een statische (referentie)site.\n    if (isDemoActive() || !isFirebaseConfigured()) {\n      setStatus(\"ok\");\n      return;\n    }\n    setStatus(\"busy\");\n    try {\n      // Niet-demo-pad; hierboven afgevangen als formId ontbreekt, dus hier bestaat hij.\n      await submitFormValues(siteId, block.formId as string, { email });\n      setStatus(\"ok\");\n      setEmail(\"\");\n    } catch {\n      setStatus(\"error\");\n    }\n  }\n\n  const consentBox = block.consentText ? (\n    <div style={{ textAlign: \"left\", maxWidth: 440, width: \"100%\" }}>\n      <CheckboxInput label={block.consentText} isRequired value={agreed} onChange={setAgreed} />\n    </div>\n  ) : null;\n\n  const emailInput = (\n    <div style={{ flex: 1, minWidth: 200, textAlign: \"left\" }}>\n      <TextInput\n        label=\"E-mailadres\"\n        isLabelHidden\n        type=\"email\"\n        htmlName=\"EMAIL\"\n        isRequired\n        placeholder=\"je@email.nl\"\n        value={email}\n        onChange={setEmail}\n      />\n    </div>\n  );\n  const rowStyle = { display: \"flex\", gap: \"0.75rem\", flexWrap: \"wrap\", alignItems: \"end\", justifyContent: \"center\", maxWidth: 440, width: \"100%\" } as const;\n\n  return (\n    <Card padding={5} variant=\"muted\">\n      <VStack gap={2} hAlign=\"center\" style={{ textAlign: \"center\" }}>\n        {block.heading && <Heading level={2} data-xicms-edit=\"heading\">{block.heading}</Heading>}\n        {block.text && <Text color=\"secondary\" data-xicms-edit=\"text\">{block.text}</Text>}\n        {status === \"ok\" ? (\n          <Text role=\"status\">Bedankt voor je aanmelding!</Text>\n        ) : block.actionUrl ? (\n          <form\n            action={block.actionUrl}\n            method=\"post\"\n            target=\"_blank\"\n            style={rowStyle}\n            // AVG: zonder deze guard kon de native POST doorgaan zonder aangevinkte toestemming\n            // (Astryx CheckboxInput heeft geen htmlName, dus de browser hield 'm niet tegen).\n            onSubmit={(e) => {\n              if (block.consentText && !agreed) e.preventDefault();\n            }}\n          >\n            {emailInput}\n            {consentBox}\n            {/* De toestemmingswaarde ook daadwerkelijk meesturen naar de provider. */}\n            {block.consentText && <input type=\"hidden\" name=\"CONSENT\" value={agreed ? \"yes\" : \"\"} />}\n            <Button label={block.buttonLabel} variant=\"primary\" size=\"lg\" type=\"submit\">\n              <span data-xicms-edit=\"buttonLabel\">{block.buttonLabel}</span>\n            </Button>\n          </form>\n        ) : useXicmsForm ? (\n          <form onSubmit={submitViaXicms} style={rowStyle}>\n            {emailInput}\n            {consentBox}\n            <Button\n              label={status === \"busy\" ? \"Aanmelden…\" : block.buttonLabel}\n              variant=\"primary\"\n              size=\"lg\"\n              type=\"submit\"\n              isLoading={status === \"busy\"}\n            >\n              {/* Tijdens versturen wint het wachtlabel: `undefined` laat Astryx op `label` terugvallen. */}\n              {status === \"busy\" ? undefined : <span data-xicms-edit=\"buttonLabel\">{block.buttonLabel}</span>}\n            </Button>\n            {status === \"error\" && (\n              <Text role=\"alert\" type=\"supporting\" style={{ color: \"var(--color-error, #c0392b)\" }}>\n                Aanmelden mislukt. Probeer het later opnieuw.\n              </Text>\n            )}\n          </form>\n        ) : (\n          <Onvoltooid>Dit nieuwsbrief-blok is nog leeg: kies een aanmeld-URL of een formulier via het tandwiel. Bezoekers zien dit blok niet.</Onvoltooid>\n        )}\n      </VStack>\n    </Card>\n  );\n}\n\nexport const newsletterBlock = defineBlock({\n  type: \"newsletter\",\n  Render: NewsletterRender,\n  label: \"Nieuwsbrief\",\n  icon: \"✉️\",\n  defaults: () => ({ heading: \"Blijf op de hoogte\", buttonLabel: \"Aanmelden\" }),\n});\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/blocks/builtins/Newsletter.tsx"],"sourcesContent":["import dynamic from \"next/dynamic\";\nimport { defineBlock } from \"../registry\";\n\nexport const newsletterBlock = defineBlock({\n  type: \"newsletter\",\n  Render: dynamic(() => import(\"./NewsletterRender\").then((m) => m.NewsletterRender)),\n  label: \"Nieuwsbrief\",\n  icon: \"✉️\",\n  defaults: () => ({ heading: \"Blijf op de hoogte\", buttonLabel: \"Aanmelden\" }),\n});\n"],"mappings":"AAAA,OAAO,aAAa;AACpB,SAAS,mBAAmB;AAErB,MAAM,kBAAkB,YAAY;AAAA,EACzC,MAAM;AAAA,EACN,QAAQ,QAAQ,MAAM,OAAO,oBAAoB,EAAE,KAAK,CAAC,MAAM,EAAE,gBAAgB,CAAC;AAAA,EAClF,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO,EAAE,SAAS,sBAAsB,aAAa,YAAY;AAC7E,CAAC;","names":[]}

package/dist/blocks/builtins/NewsletterRender.d.ts

@@ -0,0 +1,13 @@
+import type { z } from "zod";
+import type { NewsletterBlockSchema } from "../../schema/blocks.js";
+import type { BlockRenderProps } from "../registry.js";
+type Newsletter = z.infer<typeof NewsletterBlockSchema>;
+/**
+ * Nieuwsbrief-aanmelding. Twee modi:
+ * - `actionUrl` (bv. de embed-action van Mailchimp/Brevo): native form-POST naar de provider.
+ * - `formId` (zonder actionUrl): opslag via het XiCMS-formulier (submitForm-callable) — inzendingen
+ *   verschijnen in /beheer → Formulieren, met dezelfde rate-limiting/validatie als het formulier-blok.
+ * Optionele AVG-checkbox via `consentText`.
+ */
+export declare function NewsletterRender({ block, siteId, mode }: BlockRenderProps<Newsletter>): import("react").JSX.Element;
+export {};

package/dist/blocks/builtins/NewsletterRender.js

@@ -0,0 +1,92 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Button } from "@astryxdesign/core/Button";
+import { TextInput } from "@astryxdesign/core/TextInput";
+import { CheckboxInput } from "@astryxdesign/core/CheckboxInput";
+import { VStack, Card, Heading, Text } from "../ui/index.js";
+import { isDemoActive } from "../../demo/demoStore.js";
+import { Onvoltooid } from "./lib/Onvoltooid.js";
+import { isFirebaseConfigured } from "../../firebase/config.js";
+import { submitFormValues } from "./lib/submitForm.js";
+function NewsletterRender({ block, siteId, mode }) {
+  const [email, setEmail] = useState("");
+  const [agreed, setAgreed] = useState(false);
+  const [status, setStatus] = useState("idle");
+  const [demo, setDemo] = useState(false);
+  useEffect(() => setDemo(isDemoActive()), []);
+  const useXicmsForm = !block.actionUrl && (Boolean(block.formId) || demo);
+  async function submitViaXicms(e) {
+    e.preventDefault();
+    if (mode === "preview") return;
+    if (!block.formId && !demo) return;
+    if (isDemoActive() || !isFirebaseConfigured()) {
+      setStatus("ok");
+      return;
+    }
+    setStatus("busy");
+    try {
+      await submitFormValues(siteId, block.formId, { email });
+      setStatus("ok");
+      setEmail("");
+    } catch {
+      setStatus("error");
+    }
+  }
+  const consentBox = block.consentText ? /* @__PURE__ */ jsx("div", { style: { textAlign: "left", maxWidth: 440, width: "100%" }, children: /* @__PURE__ */ jsx(CheckboxInput, { label: block.consentText, isRequired: true, value: agreed, onChange: setAgreed }) }) : null;
+  const emailInput = /* @__PURE__ */ jsx("div", { style: { flex: 1, minWidth: 200, textAlign: "left" }, children: /* @__PURE__ */ jsx(
+    TextInput,
+    {
+      label: "E-mailadres",
+      isLabelHidden: true,
+      type: "email",
+      htmlName: "EMAIL",
+      isRequired: true,
+      placeholder: "je@email.nl",
+      value: email,
+      onChange: setEmail
+    }
+  ) });
+  const rowStyle = { display: "flex", gap: "0.75rem", flexWrap: "wrap", alignItems: "end", justifyContent: "center", maxWidth: 440, width: "100%" };
+  return /* @__PURE__ */ jsx(Card, { padding: 5, variant: "muted", children: /* @__PURE__ */ jsxs(VStack, { gap: 2, hAlign: "center", style: { textAlign: "center" }, children: [
+    block.heading && /* @__PURE__ */ jsx(Heading, { level: 2, "data-xicms-edit": "heading", children: block.heading }),
+    block.text && /* @__PURE__ */ jsx(Text, { color: "secondary", "data-xicms-edit": "text", children: block.text }),
+    status === "ok" ? /* @__PURE__ */ jsx(Text, { role: "status", children: "Bedankt voor je aanmelding!" }) : block.actionUrl ? /* @__PURE__ */ jsxs(
+      "form",
+      {
+        action: block.actionUrl,
+        method: "post",
+        target: "_blank",
+        style: rowStyle,
+        onSubmit: (e) => {
+          if (block.consentText && !agreed) e.preventDefault();
+        },
+        children: [
+          emailInput,
+          consentBox,
+          block.consentText && /* @__PURE__ */ jsx("input", { type: "hidden", name: "CONSENT", value: agreed ? "yes" : "" }),
+          /* @__PURE__ */ jsx(Button, { label: block.buttonLabel, variant: "primary", size: "lg", type: "submit", children: /* @__PURE__ */ jsx("span", { "data-xicms-edit": "buttonLabel", children: block.buttonLabel }) })
+        ]
+      }
+    ) : useXicmsForm ? /* @__PURE__ */ jsxs("form", { onSubmit: submitViaXicms, style: rowStyle, children: [
+      emailInput,
+      consentBox,
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          label: status === "busy" ? "Aanmelden\u2026" : block.buttonLabel,
+          variant: "primary",
+          size: "lg",
+          type: "submit",
+          isLoading: status === "busy",
+          children: status === "busy" ? void 0 : /* @__PURE__ */ jsx("span", { "data-xicms-edit": "buttonLabel", children: block.buttonLabel })
+        }
+      ),
+      status === "error" && /* @__PURE__ */ jsx(Text, { role: "alert", type: "supporting", style: { color: "var(--color-error, #c0392b)" }, children: "Aanmelden mislukt. Probeer het later opnieuw." })
+    ] }) : /* @__PURE__ */ jsx(Onvoltooid, { children: "Dit nieuwsbrief-blok is nog leeg: kies een aanmeld-URL of een formulier via het tandwiel. Bezoekers zien dit blok niet." })
+  ] }) });
+}
+export {
+  NewsletterRender
+};
+//# sourceMappingURL=NewsletterRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/builtins/NewsletterRender.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState, type FormEvent } from \"react\";\nimport type { z } from \"zod\";\nimport type { NewsletterBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\nimport { Button } from \"@astryxdesign/core/Button\";\nimport { TextInput } from \"@astryxdesign/core/TextInput\";\nimport { CheckboxInput } from \"@astryxdesign/core/CheckboxInput\";\nimport { VStack, Card, Heading, Text } from \"../ui\";\nimport { isDemoActive } from \"../../demo/demoStore\";\nimport { Onvoltooid } from \"./lib/Onvoltooid\";\nimport { isFirebaseConfigured } from \"../../firebase/config\";\nimport { submitFormValues } from \"./lib/submitForm\";\n\ntype Newsletter = z.infer<typeof NewsletterBlockSchema>;\n\n/**\n * Nieuwsbrief-aanmelding. Twee modi:\n * - `actionUrl` (bv. de embed-action van Mailchimp/Brevo): native form-POST naar de provider.\n * - `formId` (zonder actionUrl): opslag via het XiCMS-formulier (submitForm-callable) — inzendingen\n *   verschijnen in /beheer → Formulieren, met dezelfde rate-limiting/validatie als het formulier-blok.\n * Optionele AVG-checkbox via `consentText`.\n */\nexport function NewsletterRender({ block, siteId, mode }: BlockRenderProps<Newsletter>) {\n  const [email, setEmail] = useState(\"\");\n  const [agreed, setAgreed] = useState(false);\n  const [status, setStatus] = useState<\"idle\" | \"busy\" | \"ok\" | \"error\">(\"idle\");\n  /**\n   * In een demo is er altijd een werkend formulier: het slaat lokaal \"op\" (zie submitViaXicms),\n   * precies zoals het formulier-blok. Een demo die om configuratie vraagt verkoopt niets.\n   *\n   * Via state + effect en niet rechtstreeks in de render: `setDemoActive` draait in een effect van\n   * de provider, dus tijdens de eerste render is `isDemoActive()` nog false en zou dit blok zich\n   * één keer verkeerd aankleden — en zonder eigen re-render zo blijven staan. FormBlock leert\n   * dezelfde les op dezelfde manier.\n   */\n  const [demo, setDemo] = useState(false);\n  useEffect(() => setDemo(isDemoActive()), []);\n  const useXicmsForm = !block.actionUrl && (Boolean(block.formId) || demo);\n\n  async function submitViaXicms(e: FormEvent) {\n    e.preventDefault();\n    if (mode === \"preview\") return;\n    // Zonder formId kan er alleen in demo iets \"verzonden\" worden — de guard hieronder vangt dat af\n    // met een lokaal succes vóór submitFormValues ooit wordt bereikt.\n    if (!block.formId && !demo) return;\n    // Zelfde vangnet als het formulier-blok: in demo of zonder Firebase-backend lokaal \"slagen\"\n    // i.p.v. een foutmelding tonen op een statische (referentie)site.\n    if (isDemoActive() || !isFirebaseConfigured()) {\n      setStatus(\"ok\");\n      return;\n    }\n    setStatus(\"busy\");\n    try {\n      // Niet-demo-pad; hierboven afgevangen als formId ontbreekt, dus hier bestaat hij.\n      await submitFormValues(siteId, block.formId as string, { email });\n      setStatus(\"ok\");\n      setEmail(\"\");\n    } catch {\n      setStatus(\"error\");\n    }\n  }\n\n  const consentBox = block.consentText ? (\n    <div style={{ textAlign: \"left\", maxWidth: 440, width: \"100%\" }}>\n      <CheckboxInput label={block.consentText} isRequired value={agreed} onChange={setAgreed} />\n    </div>\n  ) : null;\n\n  const emailInput = (\n    <div style={{ flex: 1, minWidth: 200, textAlign: \"left\" }}>\n      <TextInput\n        label=\"E-mailadres\"\n        isLabelHidden\n        type=\"email\"\n        htmlName=\"EMAIL\"\n        isRequired\n        placeholder=\"je@email.nl\"\n        value={email}\n        onChange={setEmail}\n      />\n    </div>\n  );\n  const rowStyle = { display: \"flex\", gap: \"0.75rem\", flexWrap: \"wrap\", alignItems: \"end\", justifyContent: \"center\", maxWidth: 440, width: \"100%\" } as const;\n\n  return (\n    <Card padding={5} variant=\"muted\">\n      <VStack gap={2} hAlign=\"center\" style={{ textAlign: \"center\" }}>\n        {block.heading && <Heading level={2} data-xicms-edit=\"heading\">{block.heading}</Heading>}\n        {block.text && <Text color=\"secondary\" data-xicms-edit=\"text\">{block.text}</Text>}\n        {status === \"ok\" ? (\n          <Text role=\"status\">Bedankt voor je aanmelding!</Text>\n        ) : block.actionUrl ? (\n          <form\n            action={block.actionUrl}\n            method=\"post\"\n            target=\"_blank\"\n            style={rowStyle}\n            // AVG: zonder deze guard kon de native POST doorgaan zonder aangevinkte toestemming\n            // (Astryx CheckboxInput heeft geen htmlName, dus de browser hield 'm niet tegen).\n            onSubmit={(e) => {\n              if (block.consentText && !agreed) e.preventDefault();\n            }}\n          >\n            {emailInput}\n            {consentBox}\n            {/* De toestemmingswaarde ook daadwerkelijk meesturen naar de provider. */}\n            {block.consentText && <input type=\"hidden\" name=\"CONSENT\" value={agreed ? \"yes\" : \"\"} />}\n            <Button label={block.buttonLabel} variant=\"primary\" size=\"lg\" type=\"submit\">\n              <span data-xicms-edit=\"buttonLabel\">{block.buttonLabel}</span>\n            </Button>\n          </form>\n        ) : useXicmsForm ? (\n          <form onSubmit={submitViaXicms} style={rowStyle}>\n            {emailInput}\n            {consentBox}\n            <Button\n              label={status === \"busy\" ? \"Aanmelden…\" : block.buttonLabel}\n              variant=\"primary\"\n              size=\"lg\"\n              type=\"submit\"\n              isLoading={status === \"busy\"}\n            >\n              {/* Tijdens versturen wint het wachtlabel: `undefined` laat Astryx op `label` terugvallen. */}\n              {status === \"busy\" ? undefined : <span data-xicms-edit=\"buttonLabel\">{block.buttonLabel}</span>}\n            </Button>\n            {status === \"error\" && (\n              <Text role=\"alert\" type=\"supporting\" style={{ color: \"var(--color-error, #c0392b)\" }}>\n                Aanmelden mislukt. Probeer het later opnieuw.\n              </Text>\n            )}\n          </form>\n        ) : (\n          <Onvoltooid>Dit nieuwsbrief-blok is nog leeg: kies een aanmeld-URL of een formulier via het tandwiel. Bezoekers zien dit blok niet.</Onvoltooid>\n        )}\n      </VStack>\n    </Card>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/blocks/builtins/OpeningHours.d.ts

@@ -1,2 +1 @@
-import type { z } from "zod";
-export declare const openingHoursBlock: import("../index.js").BlockDefinition<z.core.$ZodType<unknown, unknown, z.core.$ZodTypeInternals<unknown, unknown>>>;
+export declare const openingHoursBlock: import("../index.js").BlockDefinition<import("zod/v4/core").$ZodType<unknown, unknown, import("zod/v4/core").$ZodTypeInternals<unknown, unknown>>>;

package/dist/blocks/builtins/OpeningHours.js

@@ -1,34 +1,8 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { jsonLdHtml } from "./jsonld.js";
+import dynamic from "next/dynamic";
 import { defineBlock } from "../registry.js";
-import { Heading } from "../ui/index.js";
-import { OpenNowBadge } from "./OpenNowBadge.js";
-import { openingHoursSpecJsonLd } from "./lib/openingHours.js";
-function OpeningHoursRender({ block }) {
-  const rows = block.rows ?? [];
-  const spec = block.jsonLd ? openingHoursSpecJsonLd(rows) : [];
-  return /* @__PURE__ */ jsxs("section", { className: "xicms-hours", children: [
-    block.heading && /* @__PURE__ */ jsx(Heading, { level: 2, "data-xicms-edit": "heading", children: block.heading }),
-    block.showStatus && /* @__PURE__ */ jsx(OpenNowBadge, { rows }),
-    /* @__PURE__ */ jsx("table", { className: "xicms-hours-table", children: /* @__PURE__ */ jsx("tbody", { children: rows.map((r, i) => /* @__PURE__ */ jsxs("tr", { 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)) }) }),
-    spec.length > 0 && /* @__PURE__ */ jsx(
-      "script",
-      {
-        type: "application/ld+json",
-        dangerouslySetInnerHTML: {
-          // Zelfde @id als contact-/layout-JSON-LD → Google voegt de drie samen tot één bedrijf.
-          __html: jsonLdHtml({ "@context": "https://schema.org", "@type": "LocalBusiness", "@id": "#business", openingHoursSpecification: spec })
-        }
-      }
-    )
-  ] });
-}
 const openingHoursBlock = defineBlock({
   type: "openingHours",
-  Render: OpeningHoursRender,
+  Render: dynamic(() => import("./OpeningHoursRender.js").then((m) => m.OpeningHoursRender)),
   label: "Openingstijden",
   icon: "\u{1F552}",
   defaults: () => ({

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/blocks/builtins/OpeningHours.tsx"],"sourcesContent":["import type { z } from \"zod\";\nimport { jsonLdHtml } from \"./jsonld\";\nimport type { OpeningHoursBlockSchema } from \"../../schema/blocks\";\nimport { defineBlock, type BlockRenderProps } from \"../registry\";\nimport { Heading } from \"../ui\";\nimport { OpenNowBadge } from \"./OpenNowBadge\";\nimport { openingHoursSpecJsonLd } from \"./lib/openingHours\";\n\ntype OpeningHours = z.infer<typeof OpeningHoursBlockSchema>;\n\n/** Openingstijden-tabel. Server-safe; de optionele \"Nu geopend\"-badge is een client-eiland. */\nfunction OpeningHoursRender({ block }: BlockRenderProps<OpeningHours>) {\n  const rows = block.rows ?? [];\n  const spec = block.jsonLd ? openingHoursSpecJsonLd(rows) : [];\n  return (\n    <section className=\"xicms-hours\">\n      {block.heading && <Heading level={2} data-xicms-edit=\"heading\">{block.heading}</Heading>}\n      {block.showStatus && <OpenNowBadge rows={rows} />}\n      <table className=\"xicms-hours-table\">\n        <tbody>\n          {rows.map((r, i) => (\n            <tr key={i}>\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        </tbody>\n      </table>\n      {spec.length > 0 && (\n        <script\n          type=\"application/ld+json\"\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{\n            // Zelfde @id als contact-/layout-JSON-LD → Google voegt de drie samen tot één bedrijf.\n            __html: jsonLdHtml({ \"@context\": \"https://schema.org\", \"@type\": \"LocalBusiness\", \"@id\": \"#business\", openingHoursSpecification: spec }),\n          }}\n        />\n      )}\n    </section>\n  );\n}\n\nexport const openingHoursBlock = defineBlock({\n  type: \"openingHours\",\n  Render: OpeningHoursRender,\n  label: \"Openingstijden\",\n  icon: \"🕒\",\n  defaults: () => ({\n    heading: \"Openingstijden\",\n    rows: [\n      { day: \"Maandag t/m vrijdag\", hours: \"09:00 – 17:00\" },\n      { day: \"Zaterdag\", hours: \"10:00 – 16:00\" },\n      { day: \"Zondag\", hours: \"Gesloten\" },\n    ],\n  }),\n});\n"],"mappings":"AAgBwB,cAKZ,YALY;AAfxB,SAAS,kBAAkB;AAE3B,SAAS,mBAA0C;AACnD,SAAS,eAAe;AACxB,SAAS,oBAAoB;AAC7B,SAAS,8BAA8B;AAKvC,SAAS,mBAAmB,EAAE,MAAM,GAAmC;AACrE,QAAM,OAAO,MAAM,QAAQ,CAAC;AAC5B,QAAM,OAAO,MAAM,SAAS,uBAAuB,IAAI,IAAI,CAAC;AAC5D,SACE,qBAAC,aAAQ,WAAU,eAChB;AAAA,UAAM,WAAW,oBAAC,WAAQ,OAAO,GAAG,mBAAgB,WAAW,gBAAM,SAAQ;AAAA,IAC7E,MAAM,cAAc,oBAAC,gBAAa,MAAY;AAAA,IAC/C,oBAAC,WAAM,WAAU,qBACf,8BAAC,WACE,eAAK,IAAI,CAAC,GAAG,MACZ,qBAAC,QACC;AAAA,0BAAC,QAAG,OAAM,OAAM,mBAAiB,QAAQ,CAAC,QAAS,YAAE,KAAI;AAAA,MACzD,oBAAC,QAAG,mBAAiB,QAAQ,CAAC,UAAW,YAAE,OAAM;AAAA,SAF1C,CAGT,CACD,GACH,GACF;AAAA,IACC,KAAK,SAAS,KACb;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QAEL,yBAAyB;AAAA;AAAA,UAEvB,QAAQ,WAAW,EAAE,YAAY,sBAAsB,SAAS,iBAAiB,OAAO,aAAa,2BAA2B,KAAK,CAAC;AAAA,QACxI;AAAA;AAAA,IACF;AAAA,KAEJ;AAEJ;AAEO,MAAM,oBAAoB,YAAY;AAAA,EAC3C,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,MACJ,EAAE,KAAK,uBAAuB,OAAO,qBAAgB;AAAA,MACrD,EAAE,KAAK,YAAY,OAAO,qBAAgB;AAAA,MAC1C,EAAE,KAAK,UAAU,OAAO,WAAW;AAAA,IACrC;AAAA,EACF;AACF,CAAC;","names":[]}
+{"version":3,"sources":["../../../src/blocks/builtins/OpeningHours.tsx"],"sourcesContent":["import dynamic from \"next/dynamic\";\nimport { defineBlock } from \"../registry\";\n\nexport const openingHoursBlock = defineBlock({\n  type: \"openingHours\",\n  Render: dynamic(() => import(\"./OpeningHoursRender\").then((m) => m.OpeningHoursRender)),\n  label: \"Openingstijden\",\n  icon: \"🕒\",\n  defaults: () => ({\n    heading: \"Openingstijden\",\n    rows: [\n      { day: \"Maandag t/m vrijdag\", hours: \"09:00 – 17:00\" },\n      { day: \"Zaterdag\", hours: \"10:00 – 16:00\" },\n      { day: \"Zondag\", hours: \"Gesloten\" },\n    ],\n  }),\n});\n"],"mappings":"AAAA,OAAO,aAAa;AACpB,SAAS,mBAAmB;AAErB,MAAM,oBAAoB,YAAY;AAAA,EAC3C,MAAM;AAAA,EACN,QAAQ,QAAQ,MAAM,OAAO,sBAAsB,EAAE,KAAK,CAAC,MAAM,EAAE,kBAAkB,CAAC;AAAA,EACtF,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,MACJ,EAAE,KAAK,uBAAuB,OAAO,qBAAgB;AAAA,MACrD,EAAE,KAAK,YAAY,OAAO,qBAAgB;AAAA,MAC1C,EAAE,KAAK,UAAU,OAAO,WAAW;AAAA,IACrC;AAAA,EACF;AACF,CAAC;","names":[]}

package/dist/blocks/builtins/OpeningHoursRender.d.ts

@@ -0,0 +1,7 @@
+import type { z } from "zod";
+import type { OpeningHoursBlockSchema } from "../../schema/blocks.js";
+import type { BlockRenderProps } from "../registry.js";
+type OpeningHours = z.infer<typeof OpeningHoursBlockSchema>;
+/** Openingstijden-tabel. Server-safe; de optionele "Nu geopend"-badge is een client-eiland. */
+export declare function OpeningHoursRender({ block }: BlockRenderProps<OpeningHours>): import("react").JSX.Element;
+export {};

package/dist/blocks/builtins/OpeningHoursRender.js

@@ -0,0 +1,31 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { jsonLdHtml } from "./jsonld.js";
+import { Heading } from "../ui/index.js";
+import { OpenNowBadge } from "./OpenNowBadge.js";
+import { openingHoursSpecJsonLd } from "./lib/openingHours.js";
+function OpeningHoursRender({ block }) {
+  const rows = block.rows ?? [];
+  const spec = block.jsonLd ? openingHoursSpecJsonLd(rows) : [];
+  return /* @__PURE__ */ jsxs("section", { className: "xicms-hours", children: [
+    block.heading && /* @__PURE__ */ jsx(Heading, { level: 2, "data-xicms-edit": "heading", children: block.heading }),
+    block.showStatus && /* @__PURE__ */ jsx(OpenNowBadge, { rows }),
+    /* @__PURE__ */ jsx("table", { className: "xicms-hours-table", children: /* @__PURE__ */ jsx("tbody", { children: rows.map((r, i) => /* @__PURE__ */ jsxs("tr", { 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)) }) }),
+    spec.length > 0 && /* @__PURE__ */ jsx(
+      "script",
+      {
+        type: "application/ld+json",
+        dangerouslySetInnerHTML: {
+          // Zelfde @id als contact-/layout-JSON-LD → Google voegt de drie samen tot één bedrijf.
+          __html: jsonLdHtml({ "@context": "https://schema.org", "@type": "LocalBusiness", "@id": "#business", openingHoursSpecification: spec })
+        }
+      }
+    )
+  ] });
+}
+export {
+  OpeningHoursRender
+};
+//# sourceMappingURL=OpeningHoursRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/builtins/OpeningHoursRender.tsx"],"sourcesContent":["import type { z } from \"zod\";\nimport { jsonLdHtml } from \"./jsonld\";\nimport type { OpeningHoursBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\nimport { Heading } from \"../ui\";\nimport { OpenNowBadge } from \"./OpenNowBadge\";\nimport { openingHoursSpecJsonLd } from \"./lib/openingHours\";\n\ntype OpeningHours = z.infer<typeof OpeningHoursBlockSchema>;\n\n/** Openingstijden-tabel. Server-safe; de optionele \"Nu geopend\"-badge is een client-eiland. */\nexport function OpeningHoursRender({ block }: BlockRenderProps<OpeningHours>) {\n  const rows = block.rows ?? [];\n  const spec = block.jsonLd ? openingHoursSpecJsonLd(rows) : [];\n  return (\n    <section className=\"xicms-hours\">\n      {block.heading && <Heading level={2} data-xicms-edit=\"heading\">{block.heading}</Heading>}\n      {block.showStatus && <OpenNowBadge rows={rows} />}\n      <table className=\"xicms-hours-table\">\n        <tbody>\n          {rows.map((r, i) => (\n            <tr key={i}>\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        </tbody>\n      </table>\n      {spec.length > 0 && (\n        <script\n          type=\"application/ld+json\"\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{\n            // Zelfde @id als contact-/layout-JSON-LD → Google voegt de drie samen tot één bedrijf.\n            __html: jsonLdHtml({ \"@context\": \"https://schema.org\", \"@type\": \"LocalBusiness\", \"@id\": \"#business\", openingHoursSpecification: spec }),\n          }}\n        />\n      )}\n    </section>\n  );\n}\n"],"mappings":"AAgBwB,cAKZ,YALY;AAfxB,SAAS,kBAAkB;AAG3B,SAAS,eAAe;AACxB,SAAS,oBAAoB;AAC7B,SAAS,8BAA8B;AAKhC,SAAS,mBAAmB,EAAE,MAAM,GAAmC;AAC5E,QAAM,OAAO,MAAM,QAAQ,CAAC;AAC5B,QAAM,OAAO,MAAM,SAAS,uBAAuB,IAAI,IAAI,CAAC;AAC5D,SACE,qBAAC,aAAQ,WAAU,eAChB;AAAA,UAAM,WAAW,oBAAC,WAAQ,OAAO,GAAG,mBAAgB,WAAW,gBAAM,SAAQ;AAAA,IAC7E,MAAM,cAAc,oBAAC,gBAAa,MAAY;AAAA,IAC/C,oBAAC,WAAM,WAAU,qBACf,8BAAC,WACE,eAAK,IAAI,CAAC,GAAG,MACZ,qBAAC,QACC;AAAA,0BAAC,QAAG,OAAM,OAAM,mBAAiB,QAAQ,CAAC,QAAS,YAAE,KAAI;AAAA,MACzD,oBAAC,QAAG,mBAAiB,QAAQ,CAAC,UAAW,YAAE,OAAM;AAAA,SAF1C,CAGT,CACD,GACH,GACF;AAAA,IACC,KAAK,SAAS,KACb;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QAEL,yBAAyB;AAAA;AAAA,UAEvB,QAAQ,WAAW,EAAE,YAAY,sBAAsB,SAAS,iBAAiB,OAAO,aAAa,2BAA2B,KAAK,CAAC;AAAA,QACxI;AAAA;AAAA,IACF;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/blocks/builtins/PdfBlock.d.ts

@@ -1,2 +1 @@
-import type { z } from "zod";
-export declare const pdfBlock: import("../index.js").BlockDefinition<z.core.$ZodType<unknown, unknown, z.core.$ZodTypeInternals<unknown, unknown>>>;
+export declare const pdfBlock: import("../index.js").BlockDefinition<import("zod/v4/core").$ZodType<unknown, unknown, import("zod/v4/core").$ZodTypeInternals<unknown, unknown>>>;

package/dist/blocks/builtins/PdfBlock.js

@@ -1,82 +1,8 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { Onvoltooid } from "./lib/Onvoltooid.js";
+import dynamic from "next/dynamic";
 import { defineBlock } from "../registry.js";
-import { VStack, HStack, Heading, Text } from "../ui/index.js";
-function PdfRender({ block, mode }) {
-  const docs = (block.documents ?? []).map((d, i) => ({ ...d, _i: i })).filter((d) => d.url);
-  const [active, setActive] = useState(0);
-  if (docs.length === 0 && !block.heading) return null;
-  const current = docs[Math.min(active, docs.length - 1)];
-  return /* @__PURE__ */ jsxs(VStack, { gap: 3, as: "section", children: [
-    block.heading && /* @__PURE__ */ jsx(Heading, { level: 2, "data-xicms-edit": "heading", children: block.heading }),
-    docs.length > 1 && /* @__PURE__ */ jsx(HStack, { gap: 1, style: { flexWrap: "wrap" }, role: "group", "aria-label": "Kies document", children: docs.map((d, i) => /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        "aria-pressed": i === active,
-        onClick: () => setActive(i),
-        style: {
-          padding: "0.4rem 0.9rem",
-          borderRadius: "var(--radius-full, 999px)",
-          border: "1px solid var(--color-border)",
-          cursor: "pointer",
-          fontWeight: 600,
-          fontSize: "0.9rem",
-          background: i === active ? "var(--color-accent)" : "transparent",
-          color: i === active ? "var(--color-on-accent)" : "var(--color-text-primary)"
-        },
-        children: /* @__PURE__ */ jsx("span", { "data-xicms-edit": `documents.${d._i}.label`, children: d.label || `Document ${i + 1}` })
-      },
-      i
-    )) }),
-    current ? /* @__PURE__ */ jsx(
-      "div",
-      {
-        style: {
-          borderRadius: "var(--radius-container)",
-          overflow: "hidden",
-          border: "1px solid var(--color-border)",
-          background: "var(--color-background-muted, rgba(0,0,0,0.03))"
-        },
-        children: mode === "preview" ? /* @__PURE__ */ jsx("div", { className: "xicms-embed-consent xicms-embed-preview", role: "note", style: { height: Math.min(block.height, 360) }, children: /* @__PURE__ */ jsxs("p", { children: [
-          "\u{1F4C4} PDF \u201C",
-          current.label || "document",
-          "\u201D \u2014 wordt op de live site geladen (niet in de editor)."
-        ] }) }) : (
-          // <object> i.p.v. <iframe>: browsers zonder inline PDF-viewer (veel mobiel) tonen
-          // dan de fallback-inhoud met een open/download-knop i.p.v. een leeg vlak.
-          /* @__PURE__ */ jsx(
-            "object",
-            {
-              data: `${current.url}#view=FitH`,
-              type: "application/pdf",
-              "aria-label": current.label || block.heading || "PDF",
-              style: { border: 0, width: "100%", height: block.height, display: "block" },
-              children: /* @__PURE__ */ jsxs("div", { style: { display: "grid", placeItems: "center", gap: "0.6rem", padding: "2.5rem 1rem", textAlign: "center" }, children: [
-                /* @__PURE__ */ jsx(Text, { color: "secondary", children: "Je browser kan deze PDF niet inline tonen." }),
-                /* @__PURE__ */ jsxs("a", { className: "xicms-btn", href: current.url, target: "_blank", rel: "noopener noreferrer", children: [
-                  "\u{1F4C4} Open \u201C",
-                  current.label || "PDF",
-                  "\u201D"
-                ] })
-              ] })
-            }
-          )
-        )
-      }
-    ) : /* @__PURE__ */ jsx(Onvoltooid, { children: "Dit PDF-blok is nog leeg: kies een document via het tandwiel. Bezoekers zien dit blok niet." }),
-    block.showDownload && current && /* @__PURE__ */ jsx("a", { href: current.url, target: "_blank", rel: "noopener noreferrer", style: { color: "var(--color-accent)" }, children: /* @__PURE__ */ jsxs(Text, { type: "label", children: [
-      "\u2197 Open \u201C",
-      current.label || "PDF",
-      "\u201D in een nieuw tabblad"
-    ] }) })
-  ] });
-}
 const pdfBlock = defineBlock({
   type: "pdf",
-  Render: PdfRender,
+  Render: dynamic(() => import("./PdfBlockRender.js").then((m) => m.PdfRender)),
   label: "PDF-lezer (menu/document)",
   icon: "\u{1F4C4}",
   defaults: () => ({