@xiwebdesign/xicms-core 4.17.1

package/dist/blocks/builtins/Video.js

@@ -0,0 +1,77 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { VideoBlockSchema } from "../../schema/blocks";
+import { defineBlock } from "../registry";
+import { ConsentEmbed } from "./consentEmbed";
+function embedUrl(provider, src, autoplay = false) {
+  if (provider === "youtube") {
+    const id = src.match(/(?:v=|youtu\.be\/|embed\/)([\w-]{6,})/)?.[1] ?? src;
+    return `https://www.youtube-nocookie.com/embed/${id}${autoplay ? "?autoplay=1" : ""}`;
+  }
+  if (provider === "vimeo") {
+    const id = src.match(/(?:vimeo\.com\/)?(\d{6,})/)?.[1] ?? src;
+    return `https://player.vimeo.com/video/${id}${autoplay ? "?autoplay=1" : ""}`;
+  }
+  return src;
+}
+function facadeThumb(block) {
+  if (block.posterUrl) return block.posterUrl;
+  if (block.provider === "youtube") {
+    const id = block.src.match(/(?:v=|youtu\.be\/|embed\/)([\w-]{6,})/)?.[1] ?? block.src;
+    return id ? `https://i.ytimg.com/vi/${id}/hqdefault.jpg` : null;
+  }
+  return null;
+}
+function VideoRender({ block, mode }) {
+  const [activated, setActivated] = useState(false);
+  if (!block.src) return null;
+  const useFacade = block.facade && block.provider !== "file" && !activated;
+  const thumb = useFacade ? facadeThumb(block) : null;
+  const media = block.provider === "file" ? /* @__PURE__ */ jsx("video", { className: "xicms-video__player", src: block.src, controls: true, poster: block.posterUrl || void 0 }) : useFacade ? (
+    // Click-to-play: geen third-party iframe tot de bezoeker klikt (sneller + privacyvriendelijker).
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: "xicms-video__facade",
+        onClick: () => mode !== "preview" && setActivated(true),
+        "aria-label": `Video afspelen: ${block.title ?? "video"}`,
+        children: [
+          thumb ? (
+            // eslint-disable-next-line @next/next/no-img-element
+            /* @__PURE__ */ jsx("img", { src: thumb, alt: "", loading: "lazy" })
+          ) : /* @__PURE__ */ jsx("span", { className: "xicms-video__facade-bg", "aria-hidden": true }),
+          /* @__PURE__ */ jsx("span", { className: "xicms-video__play", "aria-hidden": true, children: "\u25B6" })
+        ]
+      }
+    )
+  ) : /* @__PURE__ */ jsx("div", { className: "xicms-video__frame", children: /* @__PURE__ */ jsx(
+    "iframe",
+    {
+      src: embedUrl(block.provider, block.src, activated),
+      title: block.title ?? "Video",
+      loading: "lazy",
+      allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
+      allowFullScreen: true
+    }
+  ) });
+  return /* @__PURE__ */ jsxs("figure", { className: "xicms-video", children: [
+    /* @__PURE__ */ jsx(ConsentEmbed, { gated: block.consentGated && !useFacade, preview: mode === "preview", label: "Video", children: media }),
+    block.caption && /* @__PURE__ */ jsx("figcaption", { children: block.caption })
+  ] });
+}
+const videoBlock = defineBlock({
+  type: "video",
+  schema: VideoBlockSchema,
+  Render: VideoRender,
+  label: "Video",
+  icon: "\u{1F3AC}",
+  defaults: () => ({ provider: "youtube", src: "", consentGated: true })
+});
+export {
+  embedUrl,
+  facadeThumb,
+  videoBlock
+};
+//# sourceMappingURL=Video.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/builtins/Video.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport type { z } from \"zod\";\nimport { VideoBlockSchema } from \"../../schema/blocks\";\nimport { defineBlock, type BlockRenderProps } from \"../registry\";\nimport { ConsentEmbed } from \"./consentEmbed\";\n\ntype Video = z.infer<typeof VideoBlockSchema>;\n\n/** Bouwt een embed-URL uit een id of volledige URL. */\nexport function embedUrl(provider: Video[\"provider\"], src: string, autoplay = false): string {\n  if (provider === \"youtube\") {\n    const id = src.match(/(?:v=|youtu\\.be\\/|embed\\/)([\\w-]{6,})/)?.[1] ?? src;\n    return `https://www.youtube-nocookie.com/embed/${id}${autoplay ? \"?autoplay=1\" : \"\"}`;\n  }\n  if (provider === \"vimeo\") {\n    const id = src.match(/(?:vimeo\\.com\\/)?(\\d{6,})/)?.[1] ?? src;\n    return `https://player.vimeo.com/video/${id}${autoplay ? \"?autoplay=1\" : \"\"}`;\n  }\n  return src;\n}\n\n/** Thumbnail voor de click-to-play-facade: eigen poster of de YouTube-thumb. */\nexport function facadeThumb(block: Pick<Video, \"provider\" | \"src\" | \"posterUrl\">): string | null {\n  if (block.posterUrl) return block.posterUrl;\n  if (block.provider === \"youtube\") {\n    const id = block.src.match(/(?:v=|youtu\\.be\\/|embed\\/)([\\w-]{6,})/)?.[1] ?? block.src;\n    return id ? `https://i.ytimg.com/vi/${id}/hqdefault.jpg` : null;\n  }\n  return null; // vimeo-thumbs vereisen een API-call; zonder poster geen facade-beeld\n}\n\nfunction VideoRender({ block, mode }: BlockRenderProps<Video>) {\n  const [activated, setActivated] = useState(false);\n  if (!block.src) return null;\n\n  const useFacade = block.facade && block.provider !== \"file\" && !activated;\n  const thumb = useFacade ? facadeThumb(block) : null;\n\n  const media =\n    block.provider === \"file\" ? (\n      <video className=\"xicms-video__player\" src={block.src} controls poster={block.posterUrl || undefined} />\n    ) : useFacade ? (\n      // Click-to-play: geen third-party iframe tot de bezoeker klikt (sneller + privacyvriendelijker).\n      <button\n        type=\"button\"\n        className=\"xicms-video__facade\"\n        onClick={() => mode !== \"preview\" && setActivated(true)}\n        aria-label={`Video afspelen: ${block.title ?? \"video\"}`}\n      >\n        {thumb ? (\n          // eslint-disable-next-line @next/next/no-img-element\n          <img src={thumb} alt=\"\" loading=\"lazy\" />\n        ) : (\n          <span className=\"xicms-video__facade-bg\" aria-hidden />\n        )}\n        <span className=\"xicms-video__play\" aria-hidden>▶</span>\n      </button>\n    ) : (\n      <div className=\"xicms-video__frame\">\n        <iframe\n          src={embedUrl(block.provider, block.src, activated)}\n          title={block.title ?? \"Video\"}\n          loading=\"lazy\"\n          allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n          allowFullScreen\n        />\n      </div>\n    );\n  return (\n    <figure className=\"xicms-video\">\n      <ConsentEmbed gated={block.consentGated && !useFacade} preview={mode === \"preview\"} label=\"Video\">{media}</ConsentEmbed>\n      {block.caption && <figcaption>{block.caption}</figcaption>}\n    </figure>\n  );\n}\n\nexport const videoBlock = defineBlock({\n  type: \"video\",\n  schema: VideoBlockSchema,\n  Render: VideoRender,\n  label: \"Video\",\n  icon: \"🎬\",\n  defaults: () => ({ provider: \"youtube\", src: \"\", consentGated: true }),\n});\n"],"mappings":";AA0CM,cAGA,YAHA;AAxCN,SAAS,gBAAgB;AAEzB,SAAS,wBAAwB;AACjC,SAAS,mBAA0C;AACnD,SAAS,oBAAoB;AAKtB,SAAS,SAAS,UAA6B,KAAa,WAAW,OAAe;AAC3F,MAAI,aAAa,WAAW;AAC1B,UAAM,KAAK,IAAI,MAAM,uCAAuC,IAAI,CAAC,KAAK;AACtE,WAAO,0CAA0C,EAAE,GAAG,WAAW,gBAAgB,EAAE;AAAA,EACrF;AACA,MAAI,aAAa,SAAS;AACxB,UAAM,KAAK,IAAI,MAAM,2BAA2B,IAAI,CAAC,KAAK;AAC1D,WAAO,kCAAkC,EAAE,GAAG,WAAW,gBAAgB,EAAE;AAAA,EAC7E;AACA,SAAO;AACT;AAGO,SAAS,YAAY,OAAqE;AAC/F,MAAI,MAAM,UAAW,QAAO,MAAM;AAClC,MAAI,MAAM,aAAa,WAAW;AAChC,UAAM,KAAK,MAAM,IAAI,MAAM,uCAAuC,IAAI,CAAC,KAAK,MAAM;AAClF,WAAO,KAAK,0BAA0B,EAAE,mBAAmB;AAAA,EAC7D;AACA,SAAO;AACT;AAEA,SAAS,YAAY,EAAE,OAAO,KAAK,GAA4B;AAC7D,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,MAAI,CAAC,MAAM,IAAK,QAAO;AAEvB,QAAM,YAAY,MAAM,UAAU,MAAM,aAAa,UAAU,CAAC;AAChE,QAAM,QAAQ,YAAY,YAAY,KAAK,IAAI;AAE/C,QAAM,QACJ,MAAM,aAAa,SACjB,oBAAC,WAAM,WAAU,uBAAsB,KAAK,MAAM,KAAK,UAAQ,MAAC,QAAQ,MAAM,aAAa,QAAW,IACpG;AAAA;AAAA,IAEF;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAS,MAAM,SAAS,aAAa,aAAa,IAAI;AAAA,QACtD,cAAY,mBAAmB,MAAM,SAAS,OAAO;AAAA,QAEpD;AAAA;AAAA;AAAA,YAEC,oBAAC,SAAI,KAAK,OAAO,KAAI,IAAG,SAAQ,QAAO;AAAA,cAEvC,oBAAC,UAAK,WAAU,0BAAyB,eAAW,MAAC;AAAA,UAEvD,oBAAC,UAAK,WAAU,qBAAoB,eAAW,MAAC,oBAAC;AAAA;AAAA;AAAA,IACnD;AAAA,MAEA,oBAAC,SAAI,WAAU,sBACb;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,SAAS,MAAM,UAAU,MAAM,KAAK,SAAS;AAAA,MAClD,OAAO,MAAM,SAAS;AAAA,MACtB,SAAQ;AAAA,MACR,OAAM;AAAA,MACN,iBAAe;AAAA;AAAA,EACjB,GACF;AAEJ,SACE,qBAAC,YAAO,WAAU,eAChB;AAAA,wBAAC,gBAAa,OAAO,MAAM,gBAAgB,CAAC,WAAW,SAAS,SAAS,WAAW,OAAM,SAAS,iBAAM;AAAA,IACxG,MAAM,WAAW,oBAAC,gBAAY,gBAAM,SAAQ;AAAA,KAC/C;AAEJ;AAEO,MAAM,aAAa,YAAY;AAAA,EACpC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO,EAAE,UAAU,WAAW,KAAK,IAAI,cAAc,KAAK;AACtE,CAAC;","names":[]}

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

@@ -0,0 +1,8 @@
+import type { z } from "zod";
+/**
+ * wa.me accepteert alleen cijfers (internationaal, zonder + of spaties). Een nationaal nummer
+ * ("06-12345678") heeft geen landcode — die zomaar strippen levert een verkeerd nummer op, dus
+ * dan liever geen link (de editor-preview vraagt om internationale notatie).
+ */
+export declare function waLink(phone: string, text?: string): string | null;
+export declare const whatsappChatBlock: import("..").BlockDefinition<z.ZodTypeAny>;

package/dist/blocks/builtins/WhatsappChat.js

@@ -0,0 +1,51 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { WhatsappChatBlockSchema } from "../../schema/blocks";
+import { defineBlock } from "../registry";
+function waLink(phone, text) {
+  const trimmed = phone.trim();
+  const digits = trimmed.replace(/\D/g, "");
+  const intl = trimmed.startsWith("+") ? digits : digits.startsWith("00") ? digits.slice(2) : digits.startsWith("0") ? null : digits;
+  if (!intl || intl.length < 8 || intl.length > 15) return null;
+  return `https://wa.me/${intl}${text ? `?text=${encodeURIComponent(text)}` : ""}`;
+}
+function WhatsappChatRender({ block, mode }) {
+  const href = waLink(block.phone, block.prefilledText);
+  if (!href) {
+    return mode === "preview" ? /* @__PURE__ */ jsx("p", { className: "xicms-ve__hint", children: "\u{1F4AC} WhatsApp-knop: vul een internationaal telefoonnummer in (bv. +31 6 12345678)." }) : null;
+  }
+  const icon = /* @__PURE__ */ jsxs("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.9", "aria-hidden": true, children: [
+    /* @__PURE__ */ jsx("path", { d: "M12 4.2a7.8 7.8 0 0 0-6.7 11.8L4.4 19.6l3.7-.9A7.8 7.8 0 1 0 12 4.2z" }),
+    /* @__PURE__ */ jsx("path", { d: "M9.3 8.9c.7 2.4 2.6 4.4 5 5l1-1.2 2 1.2", strokeLinecap: "round", strokeLinejoin: "round" })
+  ] });
+  return /* @__PURE__ */ jsxs(
+    "a",
+    {
+      className: "xicms-whatsapp",
+      "data-position": block.position,
+      "data-preview": mode === "preview" ? "1" : void 0,
+      href,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      "aria-label": block.label || "Chat via WhatsApp",
+      children: [
+        icon,
+        block.label && /* @__PURE__ */ jsx("span", { className: "xicms-whatsapp__label", "data-xicms-edit": "label", children: block.label })
+      ]
+    }
+  );
+}
+const whatsappChatBlock = defineBlock({
+  type: "whatsappChat",
+  schema: WhatsappChatBlockSchema,
+  Render: WhatsappChatRender,
+  label: "WhatsApp-knop",
+  icon: "\u{1F4AC}",
+  category: "widget",
+  defaults: () => ({ phone: "", label: "App ons", position: "br" })
+});
+export {
+  waLink,
+  whatsappChatBlock
+};
+//# sourceMappingURL=WhatsappChat.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/builtins/WhatsappChat.tsx"],"sourcesContent":["\"use client\";\n\nimport type { z } from \"zod\";\nimport { WhatsappChatBlockSchema } from \"../../schema/blocks\";\nimport { defineBlock, type BlockRenderProps } from \"../registry\";\n\ntype WhatsappChat = z.infer<typeof WhatsappChatBlockSchema>;\n\n/**\n * wa.me accepteert alleen cijfers (internationaal, zonder + of spaties). Een nationaal nummer\n * (\"06-12345678\") heeft geen landcode — die zomaar strippen levert een verkeerd nummer op, dus\n * dan liever geen link (de editor-preview vraagt om internationale notatie).\n */\nexport function waLink(phone: string, text?: string): string | null {\n  const trimmed = phone.trim();\n  const digits = trimmed.replace(/\\D/g, \"\");\n  const intl = trimmed.startsWith(\"+\")\n    ? digits\n    : digits.startsWith(\"00\")\n      ? digits.slice(2)\n      : digits.startsWith(\"0\")\n        ? null\n        : digits;\n  if (!intl || intl.length < 8 || intl.length > 15) return null;\n  return `https://wa.me/${intl}${text ? `?text=${encodeURIComponent(text)}` : \"\"}`;\n}\n\n/**\n * Zwevende WhatsApp-knop — dé laagdrempelige contactknop voor lokale bedrijven. Gewone link\n * (geen embed/scripts), dus geen consent nodig. In de editor-preview inline weergegeven zodat\n * hij het canvas niet overlapt.\n */\nfunction WhatsappChatRender({ block, mode }: BlockRenderProps<WhatsappChat>) {\n  const href = waLink(block.phone, block.prefilledText);\n  if (!href) {\n    return mode === \"preview\" ? <p className=\"xicms-ve__hint\">💬 WhatsApp-knop: vul een internationaal telefoonnummer in (bv. +31 6 12345678).</p> : null;\n  }\n  const icon = (\n    <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.9\" aria-hidden>\n      <path d=\"M12 4.2a7.8 7.8 0 0 0-6.7 11.8L4.4 19.6l3.7-.9A7.8 7.8 0 1 0 12 4.2z\" />\n      <path d=\"M9.3 8.9c.7 2.4 2.6 4.4 5 5l1-1.2 2 1.2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  );\n  return (\n    <a\n      className=\"xicms-whatsapp\"\n      data-position={block.position}\n      data-preview={mode === \"preview\" ? \"1\" : undefined}\n      href={href}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      aria-label={block.label || \"Chat via WhatsApp\"}\n    >\n      {icon}\n      {block.label && <span className=\"xicms-whatsapp__label\" data-xicms-edit=\"label\">{block.label}</span>}\n    </a>\n  );\n}\n\nexport const whatsappChatBlock = defineBlock({\n  type: \"whatsappChat\",\n  schema: WhatsappChatBlockSchema,\n  Render: WhatsappChatRender,\n  label: \"WhatsApp-knop\",\n  icon: \"💬\",\n  category: \"widget\",\n  defaults: () => ({ phone: \"\", label: \"App ons\", position: \"br\" }),\n});\n"],"mappings":";AAmCgC,cAG5B,YAH4B;AAhChC,SAAS,+BAA+B;AACxC,SAAS,mBAA0C;AAS5C,SAAS,OAAO,OAAe,MAA8B;AAClE,QAAM,UAAU,MAAM,KAAK;AAC3B,QAAM,SAAS,QAAQ,QAAQ,OAAO,EAAE;AACxC,QAAM,OAAO,QAAQ,WAAW,GAAG,IAC/B,SACA,OAAO,WAAW,IAAI,IACpB,OAAO,MAAM,CAAC,IACd,OAAO,WAAW,GAAG,IACnB,OACA;AACR,MAAI,CAAC,QAAQ,KAAK,SAAS,KAAK,KAAK,SAAS,GAAI,QAAO;AACzD,SAAO,iBAAiB,IAAI,GAAG,OAAO,SAAS,mBAAmB,IAAI,CAAC,KAAK,EAAE;AAChF;AAOA,SAAS,mBAAmB,EAAE,OAAO,KAAK,GAAmC;AAC3E,QAAM,OAAO,OAAO,MAAM,OAAO,MAAM,aAAa;AACpD,MAAI,CAAC,MAAM;AACT,WAAO,SAAS,YAAY,oBAAC,OAAE,WAAU,kBAAiB,qGAAgF,IAAO;AAAA,EACnJ;AACA,QAAM,OACJ,qBAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAY,OAAM,eAAW,MAC7G;AAAA,wBAAC,UAAK,GAAE,wEAAuE;AAAA,IAC/E,oBAAC,UAAK,GAAE,2CAA0C,eAAc,SAAQ,gBAAe,SAAQ;AAAA,KACjG;AAEF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,iBAAe,MAAM;AAAA,MACrB,gBAAc,SAAS,YAAY,MAAM;AAAA,MACzC;AAAA,MACA,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,cAAY,MAAM,SAAS;AAAA,MAE1B;AAAA;AAAA,QACA,MAAM,SAAS,oBAAC,UAAK,WAAU,yBAAwB,mBAAgB,SAAS,gBAAM,OAAM;AAAA;AAAA;AAAA,EAC/F;AAEJ;AAEO,MAAM,oBAAoB,YAAY;AAAA,EAC3C,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU,OAAO,EAAE,OAAO,IAAI,OAAO,WAAW,UAAU,KAAK;AACjE,CAAC;","names":[]}

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

@@ -0,0 +1,13 @@
+import type { z } from "zod";
+export declare const newsWidget: import("..").BlockDefinition<z.ZodTypeAny>;
+export declare const agendaWidget: import("..").BlockDefinition<z.ZodTypeAny>;
+export declare const openingHoursWidget: import("..").BlockDefinition<z.ZodTypeAny>;
+export declare const contactWidget: import("..").BlockDefinition<z.ZodTypeAny>;
+export declare const socialWidget: import("..").BlockDefinition<z.ZodTypeAny>;
+export declare const newsletterWidget: import("..").BlockDefinition<z.ZodTypeAny>;
+export declare const ctaWidget: import("..").BlockDefinition<z.ZodTypeAny>;
+export declare const galleryWidget: import("..").BlockDefinition<z.ZodTypeAny>;
+export declare const testimonialsWidget: import("..").BlockDefinition<z.ZodTypeAny>;
+export declare const cardsWidget: import("..").BlockDefinition<z.ZodTypeAny>;
+export declare const downloadsWidget: import("..").BlockDefinition<z.ZodTypeAny>;
+export declare const countdownWidget: import("..").BlockDefinition<z.ZodTypeAny>;

package/dist/blocks/builtins/Widgets.js

@@ -0,0 +1,308 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import {
+  NewsWidgetSchema,
+  AgendaWidgetSchema,
+  OpeningHoursWidgetSchema,
+  ContactWidgetSchema,
+  SocialWidgetSchema,
+  NewsletterWidgetSchema,
+  CtaWidgetSchema,
+  GalleryWidgetSchema,
+  TestimonialsWidgetSchema,
+  CardsWidgetSchema,
+  DownloadsWidgetSchema,
+  CountdownWidgetSchema
+} from "../../schema/blocks";
+import { defineBlock } from "../registry";
+import { useNews } from "../../components/News";
+import { selectAgendaEvents, formatEventDate } from "./Agenda";
+import { useCountdown, CountdownDigits } from "./Countdown";
+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", 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)) })
+  ] });
+}
+const newsWidget = defineBlock({
+  type: "newsWidget",
+  schema: NewsWidgetSchema,
+  Render: NewsWidgetRender,
+  label: "Laatste nieuws",
+  icon: "\u{1F5DE}\uFE0F",
+  category: "widget",
+  defaults: () => ({ heading: "Laatste nieuws", limit: 5, basePath: "/nieuws", showImages: false })
+});
+function AgendaWidgetRender({ block }) {
+  const events = selectAgendaEvents(block.events, { hidePast: block.hidePast, limit: block.limit });
+  return /* @__PURE__ */ jsxs("div", { className: "xicms-widget xicms-widget--agenda", children: [
+    /* @__PURE__ */ jsx("h3", { className: "xicms-widget__title", 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, i) => /* @__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, children: e.title }) : e.title }),
+      e.location && /* @__PURE__ */ jsx("span", { className: "xicms-widget__sub", children: e.location })
+    ] }, i)) })
+  ] });
+}
+const agendaWidget = defineBlock({
+  type: "agendaWidget",
+  schema: AgendaWidgetSchema,
+  Render: AgendaWidgetRender,
+  label: "Komende agenda",
+  icon: "\u{1F4C5}",
+  category: "widget",
+  defaults: () => ({ heading: "Komende evenementen", limit: 5, events: [], hidePast: true })
+});
+const DAY_KEYWORDS = ["zondag", "maandag", "dinsdag", "woensdag", "donderdag", "vrijdag", "zaterdag"];
+function OpeningHoursWidgetRender({ block }) {
+  const [todayIdx, setTodayIdx] = useState(null);
+  useEffect(() => setTodayIdx((/* @__PURE__ */ new Date()).getDay()), []);
+  const rows = block.rows ?? [];
+  const todayWord = todayIdx === null ? "" : DAY_KEYWORDS[todayIdx];
+  return /* @__PURE__ */ jsxs("div", { className: "xicms-widget xicms-widget--hours", children: [
+    /* @__PURE__ */ jsx("h3", { className: "xicms-widget__title", children: block.heading ?? "Openingstijden" }),
+    /* @__PURE__ */ jsx("table", { className: "xicms-widget__hours", children: /* @__PURE__ */ jsx("tbody", { children: rows.map((r, i) => {
+      const isToday = block.highlightToday && !!todayWord && r.day.toLowerCase().includes(todayWord);
+      return /* @__PURE__ */ jsxs("tr", { className: isToday ? "xicms-widget__hours-today" : void 0, children: [
+        /* @__PURE__ */ jsx("th", { scope: "row", children: r.day }),
+        /* @__PURE__ */ jsx("td", { children: r.hours })
+      ] }, i);
+    }) }) })
+  ] });
+}
+const openingHoursWidget = defineBlock({
+  type: "openingHoursWidget",
+  schema: OpeningHoursWidgetSchema,
+  Render: OpeningHoursWidgetRender,
+  label: "Openingstijden (compact)",
+  icon: "\u{1F552}",
+  category: "widget",
+  defaults: () => ({
+    heading: "Openingstijden",
+    highlightToday: true,
+    rows: [
+      { day: "Maandag t/m vrijdag", hours: "09:00 \u2013 17:00" },
+      { day: "Zaterdag", hours: "10:00 \u2013 16:00" },
+      { day: "Zondag", hours: "Gesloten" }
+    ]
+  })
+});
+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", children: block.heading ?? "Contact" }),
+    /* @__PURE__ */ jsxs("ul", { className: "xicms-widget__list", children: [
+      block.address && /* @__PURE__ */ jsx("li", { className: "xicms-widget__item", children: block.address }),
+      block.phone && /* @__PURE__ */ jsx("li", { className: "xicms-widget__item", children: /* @__PURE__ */ jsx("a", { href: `tel:${block.phone.replace(/\s+/g, "")}`, children: block.phone }) }),
+      block.email && /* @__PURE__ */ jsx("li", { className: "xicms-widget__item", children: /* @__PURE__ */ jsx("a", { href: `mailto:${block.email}`, children: block.email }) })
+    ] })
+  ] });
+}
+const contactWidget = defineBlock({
+  type: "contactWidget",
+  schema: ContactWidgetSchema,
+  Render: ContactWidgetRender,
+  label: "Contact (compact)",
+  icon: "\u{1F4C7}",
+  category: "widget",
+  defaults: () => ({ heading: "Contact" })
+});
+function SocialWidgetRender({ block }) {
+  const items = (block.items ?? []).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", children: block.heading }),
+    /* @__PURE__ */ jsx("ul", { className: "xicms-widget__social", children: items.map((it, i) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: it.href, rel: "noopener noreferrer", target: "_blank", children: it.platform }) }, i)) })
+  ] });
+}
+const socialWidget = defineBlock({
+  type: "socialWidget",
+  schema: SocialWidgetSchema,
+  Render: SocialWidgetRender,
+  label: "Social (compact)",
+  icon: "\u{1F517}",
+  category: "widget",
+  defaults: () => ({ heading: "Volg ons", items: [{ platform: "Instagram", href: "" }] })
+});
+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", children: block.heading ?? "Nieuwsbrief" }),
+    block.text && /* @__PURE__ */ jsx("p", { className: "xicms-widget__sub", 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" })
+    ] }) : /* @__PURE__ */ jsx("p", { className: "xicms-widget__empty", children: "Stel een aanmeld-URL in." })
+  ] });
+}
+const newsletterWidget = defineBlock({
+  type: "newsletterWidget",
+  schema: NewsletterWidgetSchema,
+  Render: NewsletterWidgetRender,
+  label: "Nieuwsbrief (compact)",
+  icon: "\u2709\uFE0F",
+  category: "widget",
+  defaults: () => ({ heading: "Blijf op de hoogte", buttonLabel: "Aanmelden" })
+});
+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", children: block.title }),
+    block.text && /* @__PURE__ */ jsx("p", { className: "xicms-widget__sub", children: block.text }),
+    block.buttonLabel && /* @__PURE__ */ jsx("a", { className: "xicms-btn xicms-btn--primary", href: block.buttonHref, children: block.buttonLabel })
+  ] });
+}
+const ctaWidget = defineBlock({
+  type: "ctaWidget",
+  schema: CtaWidgetSchema,
+  Render: CtaWidgetRender,
+  label: "Call-to-action (compact)",
+  icon: "\u{1F449}",
+  category: "widget",
+  defaults: () => ({ title: "Vragen?", text: "Neem gerust contact op.", buttonLabel: "Contact", buttonHref: "#contact" })
+});
+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", 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)
+    )) })
+  ] });
+}
+const galleryWidget = defineBlock({
+  type: "galleryWidget",
+  schema: GalleryWidgetSchema,
+  Render: GalleryWidgetRender,
+  label: "Fotostrip (compact)",
+  icon: "\u{1F5BC}\uFE0F",
+  category: "widget",
+  defaults: () => ({ heading: "Foto's", columns: 3, items: [] })
+});
+function TestimonialsWidgetRender({ block }) {
+  const items = (block.items ?? []).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", children: block.heading }),
+    /* @__PURE__ */ jsx("ul", { className: "xicms-widget__list", children: items.map((t, i) => /* @__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",
+        t.quote,
+        "\u201D"
+      ] }),
+      t.author && /* @__PURE__ */ jsxs("span", { className: "xicms-widget__meta", children: [
+        "\u2014 ",
+        t.author
+      ] })
+    ] }, i)) })
+  ] });
+}
+const testimonialsWidget = defineBlock({
+  type: "testimonialsWidget",
+  schema: TestimonialsWidgetSchema,
+  Render: TestimonialsWidgetRender,
+  label: "Review (compact)",
+  icon: "\u2B50",
+  category: "widget",
+  defaults: () => ({ heading: "Wat klanten zeggen", items: [{ quote: "Echt een aanrader!", author: "Tevreden klant", rating: 5 }] })
+});
+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", 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);
+    }) })
+  ] });
+}
+const cardsWidget = defineBlock({
+  type: "cardsWidget",
+  schema: CardsWidgetSchema,
+  Render: CardsWidgetRender,
+  label: "Diensten (compact)",
+  icon: "\u{1F9E9}",
+  category: "widget",
+  defaults: () => ({ heading: "Uitgelicht", items: [{ icon: "\u2B50", title: "Dienst", text: "Korte omschrijving." }] })
+});
+function DownloadsWidgetRender({ block }) {
+  const items = (block.items ?? []).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", children: block.heading ?? "Downloads" }),
+    /* @__PURE__ */ jsx("ul", { className: "xicms-widget__list", children: items.map((d, i) => /* @__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}" }),
+        " ",
+        d.label
+      ] }),
+      d.meta && /* @__PURE__ */ jsx("span", { className: "xicms-widget__meta", children: d.meta })
+    ] }, i)) })
+  ] });
+}
+const downloadsWidget = defineBlock({
+  type: "downloadsWidget",
+  schema: DownloadsWidgetSchema,
+  Render: DownloadsWidgetRender,
+  label: "Downloads (compact)",
+  icon: "\u{1F4E5}",
+  category: "widget",
+  defaults: () => ({ heading: "Downloads", limit: 5, items: [] })
+});
+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", 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", children: block.expiredText }) : /* @__PURE__ */ jsx(CountdownDigits, { r, showLabels: true })
+  ] });
+}
+const countdownWidget = defineBlock({
+  type: "countdownWidget",
+  schema: CountdownWidgetSchema,
+  Render: CountdownWidgetRender,
+  label: "Aftelteller (compact)",
+  icon: "\u23F3",
+  category: "widget",
+  defaults: () => ({ heading: "Aftellen", target: "", expiredText: "Het is zover!" })
+});
+export {
+  agendaWidget,
+  cardsWidget,
+  contactWidget,
+  countdownWidget,
+  ctaWidget,
+  downloadsWidget,
+  galleryWidget,
+  newsWidget,
+  newsletterWidget,
+  openingHoursWidget,
+  socialWidget,
+  testimonialsWidget
+};
+//# sourceMappingURL=Widgets.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/builtins/Widgets.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport type { z } from \"zod\";\nimport {\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 { defineBlock, type BlockRenderProps } from \"../registry\";\nimport { useNews } from \"../../components/News\";\nimport { selectAgendaEvents, formatEventDate } from \"./Agenda\";\nimport { useCountdown, CountdownDigits } from \"./Countdown\";\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>;\nfunction 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\">{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}\nexport const newsWidget = defineBlock({\n  type: \"newsWidget\",\n  schema: NewsWidgetSchema,\n  Render: NewsWidgetRender,\n  label: \"Laatste nieuws\",\n  icon: \"🗞️\",\n  category: \"widget\",\n  defaults: () => ({ heading: \"Laatste nieuws\", limit: 5, basePath: \"/nieuws\", showImages: false }),\n});\n\n/* ── Komende agenda ────────────────────────────────────────────────────────── */\ntype AgendaW = z.infer<typeof AgendaWidgetSchema>;\nfunction AgendaWidgetRender({ block }: BlockRenderProps<AgendaW>) {\n  const events = selectAgendaEvents(block.events, { hidePast: block.hidePast, limit: block.limit });\n  return (\n    <div className=\"xicms-widget xicms-widget--agenda\">\n      <h3 className=\"xicms-widget__title\">{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, i) => (\n            <li key={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\">{e.url ? <a href={e.url}>{e.title}</a> : e.title}</span>\n              {e.location && <span className=\"xicms-widget__sub\">{e.location}</span>}\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  );\n}\nexport const agendaWidget = defineBlock({\n  type: \"agendaWidget\",\n  schema: AgendaWidgetSchema,\n  Render: AgendaWidgetRender,\n  label: \"Komende agenda\",\n  icon: \"📅\",\n  category: \"widget\",\n  defaults: () => ({ heading: \"Komende evenementen\", limit: 5, events: [], hidePast: true }),\n});\n\n/* ── Openingstijden (vandaag gemarkeerd) ───────────────────────────────────── */\nconst DAY_KEYWORDS = [\"zondag\", \"maandag\", \"dinsdag\", \"woensdag\", \"donderdag\", \"vrijdag\", \"zaterdag\"];\ntype OpeningW = z.infer<typeof OpeningHoursWidgetSchema>;\nfunction 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  const todayWord = todayIdx === null ? \"\" : DAY_KEYWORDS[todayIdx];\n  return (\n    <div className=\"xicms-widget xicms-widget--hours\">\n      <h3 className=\"xicms-widget__title\">{block.heading ?? \"Openingstijden\"}</h3>\n      <table className=\"xicms-widget__hours\">\n        <tbody>\n          {rows.map((r, i) => {\n            const isToday =\n              block.highlightToday && !!todayWord && r.day.toLowerCase().includes(todayWord);\n            return (\n              <tr key={i} className={isToday ? \"xicms-widget__hours-today\" : undefined}>\n                <th scope=\"row\">{r.day}</th>\n                <td>{r.hours}</td>\n              </tr>\n            );\n          })}\n        </tbody>\n      </table>\n    </div>\n  );\n}\nexport const openingHoursWidget = defineBlock({\n  type: \"openingHoursWidget\",\n  schema: OpeningHoursWidgetSchema,\n  Render: OpeningHoursWidgetRender,\n  label: \"Openingstijden (compact)\",\n  icon: \"🕒\",\n  category: \"widget\",\n  defaults: () => ({\n    heading: \"Openingstijden\",\n    highlightToday: true,\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\n/* ── Contact (compact) ─────────────────────────────────────────────────────── */\ntype ContactW = z.infer<typeof ContactWidgetSchema>;\nfunction 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\">{block.heading ?? \"Contact\"}</h3>\n      <ul className=\"xicms-widget__list\">\n        {block.address && <li className=\"xicms-widget__item\">{block.address}</li>}\n        {block.phone && (\n          <li className=\"xicms-widget__item\"><a href={`tel:${block.phone.replace(/\\s+/g, \"\")}`}>{block.phone}</a></li>\n        )}\n        {block.email && (\n          <li className=\"xicms-widget__item\"><a href={`mailto:${block.email}`}>{block.email}</a></li>\n        )}\n      </ul>\n    </div>\n  );\n}\nexport const contactWidget = defineBlock({\n  type: \"contactWidget\",\n  schema: ContactWidgetSchema,\n  Render: ContactWidgetRender,\n  label: \"Contact (compact)\",\n  icon: \"📇\",\n  category: \"widget\",\n  defaults: () => ({ heading: \"Contact\" }),\n});\n\n/* ── Social (compact) ──────────────────────────────────────────────────────── */\ntype SocialW = z.infer<typeof SocialWidgetSchema>;\nfunction SocialWidgetRender({ block }: BlockRenderProps<SocialW>) {\n  const items = (block.items ?? []).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\">{block.heading}</h3>}\n      <ul className=\"xicms-widget__social\">\n        {items.map((it, i) => (\n          <li key={i}><a href={it.href} rel=\"noopener noreferrer\" target=\"_blank\">{it.platform}</a></li>\n        ))}\n      </ul>\n    </div>\n  );\n}\nexport const socialWidget = defineBlock({\n  type: \"socialWidget\",\n  schema: SocialWidgetSchema,\n  Render: SocialWidgetRender,\n  label: \"Social (compact)\",\n  icon: \"🔗\",\n  category: \"widget\",\n  defaults: () => ({ heading: \"Volg ons\", items: [{ platform: \"Instagram\", href: \"\" }] }),\n});\n\n/* ── Nieuwsbrief (compact) ─────────────────────────────────────────────────── */\ntype NewsletterW = z.infer<typeof NewsletterWidgetSchema>;\nfunction 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\">{block.heading ?? \"Nieuwsbrief\"}</h3>\n      {block.text && <p className=\"xicms-widget__sub\">{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        </form>\n      ) : (\n        <p className=\"xicms-widget__empty\">Stel een aanmeld-URL in.</p>\n      )}\n    </div>\n  );\n}\nexport const newsletterWidget = defineBlock({\n  type: \"newsletterWidget\",\n  schema: NewsletterWidgetSchema,\n  Render: NewsletterWidgetRender,\n  label: \"Nieuwsbrief (compact)\",\n  icon: \"✉️\",\n  category: \"widget\",\n  defaults: () => ({ heading: \"Blijf op de hoogte\", buttonLabel: \"Aanmelden\" }),\n});\n\n/* ── CTA (compact) ─────────────────────────────────────────────────────────── */\ntype CtaW = z.infer<typeof CtaWidgetSchema>;\nfunction 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\">{block.title}</h3>}\n      {block.text && <p className=\"xicms-widget__sub\">{block.text}</p>}\n      {block.buttonLabel && (\n        <a className=\"xicms-btn xicms-btn--primary\" href={block.buttonHref}>{block.buttonLabel}</a>\n      )}\n    </div>\n  );\n}\nexport const ctaWidget = defineBlock({\n  type: \"ctaWidget\",\n  schema: CtaWidgetSchema,\n  Render: CtaWidgetRender,\n  label: \"Call-to-action (compact)\",\n  icon: \"👉\",\n  category: \"widget\",\n  defaults: () => ({ title: \"Vragen?\", text: \"Neem gerust contact op.\", buttonLabel: \"Contact\", buttonHref: \"#contact\" }),\n});\n\n/* ── Galerij (compacte strip) ──────────────────────────────────────────────── */\ntype GalleryW = z.infer<typeof GalleryWidgetSchema>;\nfunction 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\">{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}\nexport const galleryWidget = defineBlock({\n  type: \"galleryWidget\",\n  schema: GalleryWidgetSchema,\n  Render: GalleryWidgetRender,\n  label: \"Fotostrip (compact)\",\n  icon: \"🖼️\",\n  category: \"widget\",\n  defaults: () => ({ heading: \"Foto's\", columns: 3, items: [] }),\n});\n\n/* ── Review (compact) ──────────────────────────────────────────────────────── */\ntype TestimonialsW = z.infer<typeof TestimonialsWidgetSchema>;\nfunction TestimonialsWidgetRender({ block }: BlockRenderProps<TestimonialsW>) {\n  const items = (block.items ?? []).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\">{block.heading}</h3>}\n      <ul className=\"xicms-widget__list\">\n        {items.map((t, i) => (\n          <li key={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>“{t.quote}”</p>\n            {t.author && <span className=\"xicms-widget__meta\">— {t.author}</span>}\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n}\nexport const testimonialsWidget = defineBlock({\n  type: \"testimonialsWidget\",\n  schema: TestimonialsWidgetSchema,\n  Render: TestimonialsWidgetRender,\n  label: \"Review (compact)\",\n  icon: \"⭐\",\n  category: \"widget\",\n  defaults: () => ({ heading: \"Wat klanten zeggen\", items: [{ quote: \"Echt een aanrader!\", author: \"Tevreden klant\", rating: 5 }] }),\n});\n\n/* ── Diensten (compact) ────────────────────────────────────────────────────── */\ntype CardsW = z.infer<typeof CardsWidgetSchema>;\nfunction 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\">{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}\nexport const cardsWidget = defineBlock({\n  type: \"cardsWidget\",\n  schema: CardsWidgetSchema,\n  Render: CardsWidgetRender,\n  label: \"Diensten (compact)\",\n  icon: \"🧩\",\n  category: \"widget\",\n  defaults: () => ({ heading: \"Uitgelicht\", items: [{ icon: \"⭐\", title: \"Dienst\", text: \"Korte omschrijving.\" }] }),\n});\n\n/* ── Downloads (compact) ───────────────────────────────────────────────────── */\ntype DownloadsW = z.infer<typeof DownloadsWidgetSchema>;\nfunction DownloadsWidgetRender({ block }: BlockRenderProps<DownloadsW>) {\n  const items = (block.items ?? []).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\">{block.heading ?? \"Downloads\"}</h3>\n      <ul className=\"xicms-widget__list\">\n        {items.map((d, i) => (\n          <li key={i} className=\"xicms-widget__item\">\n            <a className=\"xicms-widget__link\" href={d.href} download>\n              <span aria-hidden=\"true\">📄</span> {d.label}\n            </a>\n            {d.meta && <span className=\"xicms-widget__meta\">{d.meta}</span>}\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n}\nexport const downloadsWidget = defineBlock({\n  type: \"downloadsWidget\",\n  schema: DownloadsWidgetSchema,\n  Render: DownloadsWidgetRender,\n  label: \"Downloads (compact)\",\n  icon: \"📥\",\n  category: \"widget\",\n  defaults: () => ({ heading: \"Downloads\", limit: 5, items: [] }),\n});\n\n/* ── Aftelteller (compact) ─────────────────────────────────────────────────── */\ntype CountdownW = z.infer<typeof CountdownWidgetSchema>;\nfunction 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\">{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\">{block.expiredText}</p>\n      ) : (\n        <CountdownDigits r={r} showLabels />\n      )}\n    </div>\n  );\n}\nexport const countdownWidget = defineBlock({\n  type: \"countdownWidget\",\n  schema: CountdownWidgetSchema,\n  Render: CountdownWidgetRender,\n  label: \"Aftelteller (compact)\",\n  icon: \"⏳\",\n  category: \"widget\",\n  defaults: () => ({ heading: \"Aftellen\", target: \"\", expiredText: \"Het is zover!\" }),\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/builtins/consentEmbed.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from "react";
+/**
+ * Toont een externe embed (video/kaart/booking) meteen als gating uitstaat óf de consent-module niet
+ * actief is; staat consent wél aan, dan pas na toestemming voor de categorie. Anders een nette
+ * placeholder i.p.v. de tracker stilletjes te laden (AVG).
+ *
+ * `preview` (editor): mount NOOIT de echte iframe/het script, maar toon een lichte placeholder. Dit
+ * is het `mode === "preview"`-contract: in de pagina-editor draaien geen third-party scripts/iframes
+ * (geen ResizeObservers, geen externe widgets) — dat houdt de editor licht én voorkomt crashes.
+ */
+export declare function ConsentEmbed({ gated, category, preview, label, children, }: {
+    gated: boolean;
+    category?: string;
+    preview?: boolean;
+    label?: string;
+    children: ReactNode;
+}): import("react").JSX.Element;

package/dist/blocks/builtins/consentEmbed.js

@@ -0,0 +1,31 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useConsent } from "../../modules/consent/useConsent";
+import { useModuleActive } from "../../modules/context";
+function ConsentEmbed({
+  gated,
+  category = "marketing",
+  preview = false,
+  label = "Externe inhoud",
+  children
+}) {
+  const { has } = useConsent();
+  const consentActive = useModuleActive("consent");
+  if (preview) {
+    return /* @__PURE__ */ jsx("div", { className: "xicms-embed-consent xicms-embed-preview", role: "note", "aria-label": `${label} (voorbeeld)`, children: /* @__PURE__ */ jsxs("p", { children: [
+      "\u{1F50C} ",
+      label,
+      " \u2014 wordt op de live site geladen (niet in de editor)."
+    ] }) });
+  }
+  if (!gated || !consentActive || has(category)) return /* @__PURE__ */ jsx(Fragment, { children });
+  return /* @__PURE__ */ jsx("div", { className: "xicms-embed-consent", role: "note", children: /* @__PURE__ */ jsxs("p", { children: [
+    "Accepteer cookies (",
+    category,
+    ") om deze inhoud te laden."
+  ] }) });
+}
+export {
+  ConsentEmbed
+};
+//# sourceMappingURL=consentEmbed.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/builtins/consentEmbed.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport { useConsent } from \"../../modules/consent/useConsent\";\nimport { useModuleActive } from \"../../modules/context\";\n\n/**\n * Toont een externe embed (video/kaart/booking) meteen als gating uitstaat óf de consent-module niet\n * actief is; staat consent wél aan, dan pas na toestemming voor de categorie. Anders een nette\n * placeholder i.p.v. de tracker stilletjes te laden (AVG).\n *\n * `preview` (editor): mount NOOIT de echte iframe/het script, maar toon een lichte placeholder. Dit\n * is het `mode === \"preview\"`-contract: in de pagina-editor draaien geen third-party scripts/iframes\n * (geen ResizeObservers, geen externe widgets) — dat houdt de editor licht én voorkomt crashes.\n */\nexport function ConsentEmbed({\n  gated,\n  category = \"marketing\",\n  preview = false,\n  label = \"Externe inhoud\",\n  children,\n}: {\n  gated: boolean;\n  category?: string;\n  preview?: boolean;\n  label?: string;\n  children: ReactNode;\n}) {\n  const { has } = useConsent();\n  const consentActive = useModuleActive(\"consent\");\n  if (preview) {\n    return (\n      <div className=\"xicms-embed-consent xicms-embed-preview\" role=\"note\" aria-label={`${label} (voorbeeld)`}>\n        <p>🔌 {label} — wordt op de live site geladen (niet in de editor).</p>\n      </div>\n    );\n  }\n  if (!gated || !consentActive || has(category)) return <>{children}</>;\n  return (\n    <div className=\"xicms-embed-consent\" role=\"note\">\n      <p>Accepteer cookies ({category}) om deze inhoud te laden.</p>\n    </div>\n  );\n}\n"],"mappings":";AAgCM,SAKkD,UALlD,KACE,YADF;AA7BN,SAAS,kBAAkB;AAC3B,SAAS,uBAAuB;AAWzB,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA,WAAW;AAAA,EACX,UAAU;AAAA,EACV,QAAQ;AAAA,EACR;AACF,GAMG;AACD,QAAM,EAAE,IAAI,IAAI,WAAW;AAC3B,QAAM,gBAAgB,gBAAgB,SAAS;AAC/C,MAAI,SAAS;AACX,WACE,oBAAC,SAAI,WAAU,2CAA0C,MAAK,QAAO,cAAY,GAAG,KAAK,gBACvF,+BAAC,OAAE;AAAA;AAAA,MAAI;AAAA,MAAM;AAAA,OAAqD,GACpE;AAAA,EAEJ;AACA,MAAI,CAAC,SAAS,CAAC,iBAAiB,IAAI,QAAQ,EAAG,QAAO,gCAAG,UAAS;AAClE,SACE,oBAAC,SAAI,WAAU,uBAAsB,MAAK,QACxC,+BAAC,OAAE;AAAA;AAAA,IAAoB;AAAA,IAAS;AAAA,KAA0B,GAC5D;AAEJ;","names":[]}