@xiwebdesign/xicms-core 5.3.0 → 5.5.0

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

@@ -0,0 +1,69 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { ShopCategoriesBlockSchema } from "../../../schema/shop";
+import { defineBlock } from "../../../blocks/registry";
+import { Card, Heading, Text } from "../../../blocks/ui";
+import { fetchShopCategories, useShopSettings } from "../lib";
+function ShopCategoriesRender({ block, siteId }) {
+  const settings = useShopSettings();
+  const [cats, setCats] = useState(null);
+  useEffect(() => {
+    void fetchShopCategories(siteId).then(setCats).catch(() => setCats([]));
+  }, [siteId]);
+  if (cats === null) return null;
+  if (cats.length === 0) {
+    return /* @__PURE__ */ jsx(Card, { padding: 4, variant: "muted", children: /* @__PURE__ */ jsx(Text, { children: "Nog geen categorie\xEBn." }) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "xicms-shop-categories", children: [
+    block.heading && /* @__PURE__ */ jsx(Heading, { level: 2, "data-xicms-edit": "heading", children: block.heading }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "xicms-shop-categories__grid",
+        style: {
+          display: "grid",
+          gridTemplateColumns: `repeat(auto-fill, minmax(min(260px, calc(100%/${block.columns} - 1rem)), 1fr))`,
+          gap: "1rem",
+          marginTop: block.heading ? "1rem" : 0
+        },
+        children: cats.map((c) => /* @__PURE__ */ jsx(
+          "a",
+          {
+            className: "xicms-shop-categories__item",
+            href: `${settings.shopPath}?cat=${encodeURIComponent(c.slug)}`,
+            style: { textDecoration: "none", color: "inherit" },
+            children: /* @__PURE__ */ jsxs(Card, { padding: 0, children: [
+              c.imageUrl && /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src: c.imageUrl,
+                  alt: c.name,
+                  loading: "lazy",
+                  style: { width: "100%", aspectRatio: "4/3", objectFit: "cover", display: "block", borderRadius: "inherit" }
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { style: { padding: "0.9rem 1rem" }, children: [
+                /* @__PURE__ */ jsx(Text, { weight: "bold", children: c.name }),
+                c.description && /* @__PURE__ */ jsx(Text, { size: "sm", style: { opacity: 0.75, marginTop: 4 }, children: c.description })
+              ] })
+            ] })
+          },
+          c.id
+        ))
+      }
+    )
+  ] });
+}
+const shopCategoriesBlock = defineBlock({
+  type: "shopCategories",
+  schema: ShopCategoriesBlockSchema,
+  Render: ShopCategoriesRender,
+  label: "Winkel-categorie\xEBn",
+  icon: "\u{1F5C2}\uFE0F",
+  defaults: () => ({ columns: 3 })
+});
+export {
+  shopCategoriesBlock
+};
+//# sourceMappingURL=ShopCategories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/modules/shop/blocks/ShopCategories.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport type { z } from \"zod\";\nimport { ShopCategoriesBlockSchema } from \"../../../schema/shop\";\nimport { defineBlock, type BlockRenderProps } from \"../../../blocks/registry\";\nimport { Card, Heading, Text } from \"../../../blocks/ui\";\nimport { fetchShopCategories, useShopSettings, type StoredShopCategory } from \"../lib\";\n\ntype Blk = z.infer<typeof ShopCategoriesBlockSchema>;\n\n/** Categorie-tegels — linkt naar de winkelpagina met `?cat=<slug>` (productGrid filtert daarop). */\nfunction ShopCategoriesRender({ block, siteId }: BlockRenderProps<Blk>) {\n  const settings = useShopSettings();\n  const [cats, setCats] = useState<StoredShopCategory[] | null>(null);\n\n  useEffect(() => {\n    void fetchShopCategories(siteId).then(setCats).catch(() => setCats([]));\n  }, [siteId]);\n\n  if (cats === null) return null;\n  if (cats.length === 0) {\n    return (\n      <Card padding={4} variant=\"muted\">\n        <Text>Nog geen categorieën.</Text>\n      </Card>\n    );\n  }\n\n  return (\n    <div className=\"xicms-shop-categories\">\n      {block.heading && (\n        <Heading level={2} data-xicms-edit=\"heading\">{block.heading}</Heading>\n      )}\n      <div\n        className=\"xicms-shop-categories__grid\"\n        style={{\n          display: \"grid\",\n          gridTemplateColumns: `repeat(auto-fill, minmax(min(260px, calc(100%/${block.columns} - 1rem)), 1fr))`,\n          gap: \"1rem\",\n          marginTop: block.heading ? \"1rem\" : 0,\n        }}\n      >\n        {cats.map((c) => (\n          <a\n            key={c.id}\n            className=\"xicms-shop-categories__item\"\n            href={`${settings.shopPath}?cat=${encodeURIComponent(c.slug)}`}\n            style={{ textDecoration: \"none\", color: \"inherit\" }}\n          >\n            <Card padding={0}>\n              {c.imageUrl && (\n                <img\n                  src={c.imageUrl}\n                  alt={c.name}\n                  loading=\"lazy\"\n                  style={{ width: \"100%\", aspectRatio: \"4/3\", objectFit: \"cover\", display: \"block\", borderRadius: \"inherit\" }}\n                />\n              )}\n              <div style={{ padding: \"0.9rem 1rem\" }}>\n                <Text weight=\"bold\">{c.name}</Text>\n                {c.description && (\n                  <Text size=\"sm\" style={{ opacity: 0.75, marginTop: 4 }}>{c.description}</Text>\n                )}\n              </div>\n            </Card>\n          </a>\n        ))}\n      </div>\n    </div>\n  );\n}\n\nexport const shopCategoriesBlock = defineBlock({\n  type: \"shopCategories\",\n  schema: ShopCategoriesBlockSchema,\n  Render: ShopCategoriesRender,\n  label: \"Winkel-categorieën\",\n  icon: \"🗂️\",\n  defaults: () => ({ columns: 3 }),\n});\n"],"mappings":";AAwBQ,cAmCM,YAnCN;AAtBR,SAAS,WAAW,gBAAgB;AAEpC,SAAS,iCAAiC;AAC1C,SAAS,mBAA0C;AACnD,SAAS,MAAM,SAAS,YAAY;AACpC,SAAS,qBAAqB,uBAAgD;AAK9E,SAAS,qBAAqB,EAAE,OAAO,OAAO,GAA0B;AACtE,QAAM,WAAW,gBAAgB;AACjC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAsC,IAAI;AAElE,YAAU,MAAM;AACd,SAAK,oBAAoB,MAAM,EAAE,KAAK,OAAO,EAAE,MAAM,MAAM,QAAQ,CAAC,CAAC,CAAC;AAAA,EACxE,GAAG,CAAC,MAAM,CAAC;AAEX,MAAI,SAAS,KAAM,QAAO;AAC1B,MAAI,KAAK,WAAW,GAAG;AACrB,WACE,oBAAC,QAAK,SAAS,GAAG,SAAQ,SACxB,8BAAC,QAAK,sCAAqB,GAC7B;AAAA,EAEJ;AAEA,SACE,qBAAC,SAAI,WAAU,yBACZ;AAAA,UAAM,WACL,oBAAC,WAAQ,OAAO,GAAG,mBAAgB,WAAW,gBAAM,SAAQ;AAAA,IAE9D;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,UACL,SAAS;AAAA,UACT,qBAAqB,iDAAiD,MAAM,OAAO;AAAA,UACnF,KAAK;AAAA,UACL,WAAW,MAAM,UAAU,SAAS;AAAA,QACtC;AAAA,QAEC,eAAK,IAAI,CAAC,MACT;AAAA,UAAC;AAAA;AAAA,YAEC,WAAU;AAAA,YACV,MAAM,GAAG,SAAS,QAAQ,QAAQ,mBAAmB,EAAE,IAAI,CAAC;AAAA,YAC5D,OAAO,EAAE,gBAAgB,QAAQ,OAAO,UAAU;AAAA,YAElD,+BAAC,QAAK,SAAS,GACZ;AAAA,gBAAE,YACD;AAAA,gBAAC;AAAA;AAAA,kBACC,KAAK,EAAE;AAAA,kBACP,KAAK,EAAE;AAAA,kBACP,SAAQ;AAAA,kBACR,OAAO,EAAE,OAAO,QAAQ,aAAa,OAAO,WAAW,SAAS,SAAS,SAAS,cAAc,UAAU;AAAA;AAAA,cAC5G;AAAA,cAEF,qBAAC,SAAI,OAAO,EAAE,SAAS,cAAc,GACnC;AAAA,oCAAC,QAAK,QAAO,QAAQ,YAAE,MAAK;AAAA,gBAC3B,EAAE,eACD,oBAAC,QAAK,MAAK,MAAK,OAAO,EAAE,SAAS,MAAM,WAAW,EAAE,GAAI,YAAE,aAAY;AAAA,iBAE3E;AAAA,eACF;AAAA;AAAA,UApBK,EAAE;AAAA,QAqBT,CACD;AAAA;AAAA,IACH;AAAA,KACF;AAEJ;AAEO,MAAM,sBAAsB,YAAY;AAAA,EAC7C,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO,EAAE,SAAS,EAAE;AAChC,CAAC;","names":[]}

package/dist/modules/shop/cartStore.d.ts

@@ -0,0 +1,22 @@
+export interface CartLine {
+    productId: string;
+    slug: string;
+    name: string;
+    /** Variant-key ("68|Roze") + leesbaar label ("Maat 68, Roze"). */
+    variantKey?: string;
+    variantLabel?: string;
+    unitPriceCents: number;
+    qty: number;
+    imageUrl?: string;
+}
+export declare function cartAdd(siteId: string, line: Omit<CartLine, "qty">, qty?: number): void;
+export declare function cartSetQty(siteId: string, productId: string, variantKey: string | undefined, qty: number): void;
+export declare function cartRemove(siteId: string, productId: string, variantKey: string | undefined): void;
+export declare function cartClear(siteId: string): void;
+export interface CartState {
+    lines: CartLine[];
+    count: number;
+    itemsCents: number;
+}
+/** Reactieve cart-state voor blocks/klantcomponenten (bv. een cart-badge in de header). */
+export declare function useCart(siteId: string): CartState;

package/dist/modules/shop/cartStore.js

@@ -0,0 +1,85 @@
+"use client";
+import { useSyncExternalStore } from "react";
+const listeners = /* @__PURE__ */ new Set();
+const cache = /* @__PURE__ */ new Map();
+function storageKey(siteId) {
+  return `xicms:cart:${siteId}`;
+}
+function readLines(siteId) {
+  if (typeof window === "undefined") return [];
+  let raw = "";
+  try {
+    raw = window.localStorage.getItem(storageKey(siteId)) ?? "[]";
+  } catch {
+    raw = "[]";
+  }
+  const cached = cache.get(siteId);
+  if (cached && cached.raw === raw) return cached.lines;
+  let lines = [];
+  try {
+    const parsed = JSON.parse(raw);
+    if (Array.isArray(parsed)) lines = parsed.filter((l) => l && typeof l === "object" && typeof l.productId === "string");
+  } catch {
+    lines = [];
+  }
+  cache.set(siteId, { raw, lines });
+  return lines;
+}
+function writeLines(siteId, lines) {
+  try {
+    window.localStorage.setItem(storageKey(siteId), JSON.stringify(lines));
+  } catch {
+    cache.set(siteId, { raw: `mem:${Date.now()}`, lines });
+  }
+  emit();
+}
+function emit() {
+  for (const l of listeners) l();
+}
+function subscribe(cb) {
+  listeners.add(cb);
+  const onStorage = (e) => {
+    if (e.key?.startsWith("xicms:cart:")) cb();
+  };
+  window.addEventListener("storage", onStorage);
+  return () => {
+    listeners.delete(cb);
+    window.removeEventListener("storage", onStorage);
+  };
+}
+function lineId(l) {
+  return `${l.productId}::${l.variantKey ?? ""}`;
+}
+function cartAdd(siteId, line, qty = 1) {
+  const lines = [...readLines(siteId)];
+  const idx = lines.findIndex((l) => lineId(l) === lineId(line));
+  if (idx >= 0) lines[idx] = { ...lines[idx], qty: Math.min(999, lines[idx].qty + qty) };
+  else lines.push({ ...line, qty: Math.min(999, Math.max(1, qty)) });
+  writeLines(siteId, lines);
+}
+function cartSetQty(siteId, productId, variantKey, qty) {
+  const lines = readLines(siteId).map((l) => lineId(l) === lineId({ productId, variantKey }) ? { ...l, qty: Math.min(999, qty) } : l).filter((l) => l.qty > 0);
+  writeLines(siteId, lines);
+}
+function cartRemove(siteId, productId, variantKey) {
+  writeLines(siteId, readLines(siteId).filter((l) => lineId(l) !== lineId({ productId, variantKey })));
+}
+function cartClear(siteId) {
+  writeLines(siteId, []);
+}
+function useCart(siteId) {
+  const lines = useSyncExternalStore(subscribe, () => readLines(siteId), () => []);
+  return {
+    lines,
+    count: lines.reduce((n, l) => n + l.qty, 0),
+    itemsCents: lines.reduce((n, l) => n + l.unitPriceCents * l.qty, 0)
+  };
+}
+export {
+  cartAdd,
+  cartClear,
+  cartRemove,
+  cartSetQty,
+  useCart
+};
+//# sourceMappingURL=cartStore.js.map

package/dist/modules/shop/cartStore.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/modules/shop/cartStore.ts"],"sourcesContent":["\"use client\";\n\n/**\n * Winkelwagen-store — puur client-side (localStorage), geen Firestore-writes vóór checkout.\n * Extern store + `useSyncExternalStore` zodat élk shop-block (grid, cart-badge, checkout) dezelfde\n * state ziet zonder dat er een provider gemount hoeft te worden. Cross-tab sync via `storage`.\n *\n * Prijzen in de cart zijn indicatief voor weergave; bij `createOrder` herrekent de server alles\n * tegen de opgeslagen product-docs (client wordt nooit vertrouwd).\n */\nimport { useSyncExternalStore } from \"react\";\n\nexport interface CartLine {\n  productId: string;\n  slug: string;\n  name: string;\n  /** Variant-key (\"68|Roze\") + leesbaar label (\"Maat 68, Roze\"). */\n  variantKey?: string;\n  variantLabel?: string;\n  unitPriceCents: number;\n  qty: number;\n  imageUrl?: string;\n}\n\nconst listeners = new Set<() => void>();\n/** Cache per siteId zodat getSnapshot een stabiele referentie teruggeeft (useSyncExternalStore-eis). */\nconst cache = new Map<string, { raw: string; lines: CartLine[] }>();\n\nfunction storageKey(siteId: string): string {\n  return `xicms:cart:${siteId}`;\n}\n\nfunction readLines(siteId: string): CartLine[] {\n  if (typeof window === \"undefined\") return [];\n  let raw = \"\";\n  try {\n    raw = window.localStorage.getItem(storageKey(siteId)) ?? \"[]\";\n  } catch {\n    raw = \"[]\";\n  }\n  const cached = cache.get(siteId);\n  if (cached && cached.raw === raw) return cached.lines;\n  let lines: CartLine[] = [];\n  try {\n    const parsed = JSON.parse(raw);\n    if (Array.isArray(parsed)) lines = parsed.filter((l) => l && typeof l === \"object\" && typeof l.productId === \"string\");\n  } catch {\n    lines = [];\n  }\n  cache.set(siteId, { raw, lines });\n  return lines;\n}\n\nfunction writeLines(siteId: string, lines: CartLine[]): void {\n  try {\n    window.localStorage.setItem(storageKey(siteId), JSON.stringify(lines));\n  } catch {\n    // localStorage vol/geblokkeerd: cart werkt dan alleen in-memory via de cache.\n    cache.set(siteId, { raw: `mem:${Date.now()}`, lines });\n  }\n  emit();\n}\n\nfunction emit(): void {\n  for (const l of listeners) l();\n}\n\nfunction subscribe(cb: () => void): () => void {\n  listeners.add(cb);\n  // Cross-tab: een andere tab die de cart wijzigt triggert hier een re-render.\n  const onStorage = (e: StorageEvent) => {\n    if (e.key?.startsWith(\"xicms:cart:\")) cb();\n  };\n  window.addEventListener(\"storage\", onStorage);\n  return () => {\n    listeners.delete(cb);\n    window.removeEventListener(\"storage\", onStorage);\n  };\n}\n\nfunction lineId(l: Pick<CartLine, \"productId\" | \"variantKey\">): string {\n  return `${l.productId}::${l.variantKey ?? \"\"}`;\n}\n\nexport function cartAdd(siteId: string, line: Omit<CartLine, \"qty\">, qty = 1): void {\n  const lines = [...readLines(siteId)];\n  const idx = lines.findIndex((l) => lineId(l) === lineId(line));\n  if (idx >= 0) lines[idx] = { ...lines[idx], qty: Math.min(999, lines[idx].qty + qty) };\n  else lines.push({ ...line, qty: Math.min(999, Math.max(1, qty)) });\n  writeLines(siteId, lines);\n}\n\nexport function cartSetQty(siteId: string, productId: string, variantKey: string | undefined, qty: number): void {\n  const lines = readLines(siteId)\n    .map((l) => (lineId(l) === lineId({ productId, variantKey }) ? { ...l, qty: Math.min(999, qty) } : l))\n    .filter((l) => l.qty > 0);\n  writeLines(siteId, lines);\n}\n\nexport function cartRemove(siteId: string, productId: string, variantKey: string | undefined): void {\n  writeLines(siteId, readLines(siteId).filter((l) => lineId(l) !== lineId({ productId, variantKey })));\n}\n\nexport function cartClear(siteId: string): void {\n  writeLines(siteId, []);\n}\n\nexport interface CartState {\n  lines: CartLine[];\n  count: number;\n  itemsCents: number;\n}\n\n/** Reactieve cart-state voor blocks/klantcomponenten (bv. een cart-badge in de header). */\nexport function useCart(siteId: string): CartState {\n  const lines = useSyncExternalStore(subscribe, () => readLines(siteId), () => [] as CartLine[]);\n  return {\n    lines,\n    count: lines.reduce((n, l) => n + l.qty, 0),\n    itemsCents: lines.reduce((n, l) => n + l.unitPriceCents * l.qty, 0),\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/modules/shop/lib.d.ts

@@ -0,0 +1,25 @@
+import type { CreateOrderInput, Product, ShopCategory } from "../../schema/shop";
+import { type ShopSettings } from "./settings";
+/** Publieke shop-instellingen met defaults (paden, verzendkosten, valuta). */
+export declare function useShopSettings(): ShopSettings;
+export type StoredProduct = Product & {
+    id: string;
+};
+export type StoredShopCategory = ShopCategory & {
+    id: string;
+};
+export declare function fetchActiveProducts(siteId: string): Promise<StoredProduct[]>;
+export declare function fetchProductBySlug(siteId: string, slug: string): Promise<StoredProduct | null>;
+export declare function fetchShopCategories(siteId: string): Promise<StoredShopCategory[]>;
+/** Start de checkout: order + Stripe-sessie server-side; geeft de redirect-URL terug. */
+export declare function createOrderCall(input: CreateOrderInput): Promise<{
+    url: string;
+    orderNumber: string;
+}>;
+/** Leesbaar variantlabel: opties ["Maat","Kleur"] + key "68|Roze" → "Maat 68 · Roze". */
+export declare function variantLabelFor(options: {
+    name: string;
+    values: string[];
+}[], key: string): string;
+/** Querystring-parameter client-side lezen (blocks zijn client components). */
+export declare function readQueryParam(name: string): string | null;

package/dist/modules/shop/lib.js

@@ -0,0 +1,61 @@
+"use client";
+import { collection, getDocs, limit as fsLimit, query, where } from "firebase/firestore";
+import { getFunctions, httpsCallable } from "firebase/functions";
+import { getDb, getFirebaseApp } from "../../firebase/client";
+import { functionsRegion } from "../../firebase/region";
+import { useModuleSettings } from "../context";
+import { defaultShopSettings } from "./settings";
+function useShopSettings() {
+  const raw = useModuleSettings("shop");
+  return { ...defaultShopSettings, ...raw };
+}
+async function fetchActiveProducts(siteId) {
+  const db = getDb();
+  if (!db) return [];
+  const snap = await getDocs(
+    query(collection(db, "sites", siteId, "products"), where("status", "==", "active"), fsLimit(500))
+  );
+  return snap.docs.map((d) => ({ id: d.id, ...d.data() }));
+}
+async function fetchProductBySlug(siteId, slug) {
+  const db = getDb();
+  if (!db || !slug) return null;
+  const snap = await getDocs(
+    query(collection(db, "sites", siteId, "products"), where("slug", "==", slug), fsLimit(1))
+  );
+  const doc = snap.docs[0];
+  if (!doc) return null;
+  const product = { id: doc.id, ...doc.data() };
+  return product.status === "active" ? product : null;
+}
+async function fetchShopCategories(siteId) {
+  const db = getDb();
+  if (!db) return [];
+  const snap = await getDocs(query(collection(db, "sites", siteId, "shopCategories"), fsLimit(100)));
+  return snap.docs.map((d) => ({ id: d.id, ...d.data() })).filter((c) => c.visible !== false).sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
+}
+async function createOrderCall(input) {
+  const app = getFirebaseApp();
+  if (!app) throw new Error("Webwinkel niet beschikbaar.");
+  const fn = httpsCallable(getFunctions(app, functionsRegion()), "createOrder");
+  const res = await fn(input);
+  return res.data;
+}
+function variantLabelFor(options, key) {
+  const parts = key.split("|");
+  return options.map((o, i) => `${o.name} ${parts[i] ?? "?"}`).join(" \xB7 ");
+}
+function readQueryParam(name) {
+  if (typeof window === "undefined") return null;
+  return new URLSearchParams(window.location.search).get(name);
+}
+export {
+  createOrderCall,
+  fetchActiveProducts,
+  fetchProductBySlug,
+  fetchShopCategories,
+  readQueryParam,
+  useShopSettings,
+  variantLabelFor
+};
+//# sourceMappingURL=lib.js.map

package/dist/modules/shop/lib.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/modules/shop/lib.ts"],"sourcesContent":["\"use client\";\n\n/**\n * Client-helpers voor de shop-blocks: producten/categorieën lezen (publieke rules) en de\n * `createOrder`-callable aanroepen. Queries bewust simpel gehouden (één `where` op status,\n * filteren/sorteren client-side) zodat er géén composite-indexes nodig zijn — assortimenten\n * van XiCMS-sites zijn klein (tientallen tot honderden producten).\n */\nimport { collection, getDocs, limit as fsLimit, query, where } from \"firebase/firestore\";\nimport { getFunctions, httpsCallable } from \"firebase/functions\";\nimport { getDb, getFirebaseApp } from \"../../firebase/client\";\nimport { functionsRegion } from \"../../firebase/region\";\nimport type { CreateOrderInput, Product, ShopCategory } from \"../../schema/shop\";\nimport { useModuleSettings } from \"../context\";\nimport { defaultShopSettings, type ShopSettings } from \"./settings\";\n\n/** Publieke shop-instellingen met defaults (paden, verzendkosten, valuta). */\nexport function useShopSettings(): ShopSettings {\n  const raw = useModuleSettings<Partial<ShopSettings>>(\"shop\");\n  return { ...defaultShopSettings, ...raw };\n}\n\nexport type StoredProduct = Product & { id: string };\nexport type StoredShopCategory = ShopCategory & { id: string };\n\nexport async function fetchActiveProducts(siteId: string): Promise<StoredProduct[]> {\n  const db = getDb();\n  if (!db) return [];\n  const snap = await getDocs(\n    query(collection(db, \"sites\", siteId, \"products\"), where(\"status\", \"==\", \"active\"), fsLimit(500)),\n  );\n  return snap.docs.map((d) => ({ id: d.id, ...(d.data() as Product) }));\n}\n\nexport async function fetchProductBySlug(siteId: string, slug: string): Promise<StoredProduct | null> {\n  const db = getDb();\n  if (!db || !slug) return null;\n  const snap = await getDocs(\n    query(collection(db, \"sites\", siteId, \"products\"), where(\"slug\", \"==\", slug), fsLimit(1)),\n  );\n  const doc = snap.docs[0];\n  if (!doc) return null;\n  const product = { id: doc.id, ...(doc.data() as Product) };\n  return product.status === \"active\" ? product : null;\n}\n\nexport async function fetchShopCategories(siteId: string): Promise<StoredShopCategory[]> {\n  const db = getDb();\n  if (!db) return [];\n  const snap = await getDocs(query(collection(db, \"sites\", siteId, \"shopCategories\"), fsLimit(100)));\n  return snap.docs\n    .map((d) => ({ id: d.id, ...(d.data() as ShopCategory) }))\n    .filter((c) => c.visible !== false)\n    .sort((a, b) => (a.order ?? 0) - (b.order ?? 0));\n}\n\n/** Start de checkout: order + Stripe-sessie server-side; geeft de redirect-URL terug. */\nexport async function createOrderCall(input: CreateOrderInput): Promise<{ url: string; orderNumber: string }> {\n  const app = getFirebaseApp();\n  if (!app) throw new Error(\"Webwinkel niet beschikbaar.\");\n  const fn = httpsCallable(getFunctions(app, functionsRegion()), \"createOrder\");\n  const res = await fn(input);\n  return res.data as { url: string; orderNumber: string };\n}\n\n/** Leesbaar variantlabel: opties [\"Maat\",\"Kleur\"] + key \"68|Roze\" → \"Maat 68 · Roze\". */\nexport function variantLabelFor(options: { name: string; values: string[] }[], key: string): string {\n  const parts = key.split(\"|\");\n  return options.map((o, i) => `${o.name} ${parts[i] ?? \"?\"}`).join(\" · \");\n}\n\n/** Querystring-parameter client-side lezen (blocks zijn client components). */\nexport function readQueryParam(name: string): string | null {\n  if (typeof window === \"undefined\") return null;\n  return new URLSearchParams(window.location.search).get(name);\n}\n"],"mappings":";AAQA,SAAS,YAAY,SAAS,SAAS,SAAS,OAAO,aAAa;AACpE,SAAS,cAAc,qBAAqB;AAC5C,SAAS,OAAO,sBAAsB;AACtC,SAAS,uBAAuB;AAEhC,SAAS,yBAAyB;AAClC,SAAS,2BAA8C;AAGhD,SAAS,kBAAgC;AAC9C,QAAM,MAAM,kBAAyC,MAAM;AAC3D,SAAO,EAAE,GAAG,qBAAqB,GAAG,IAAI;AAC1C;AAKA,eAAsB,oBAAoB,QAA0C;AAClF,QAAM,KAAK,MAAM;AACjB,MAAI,CAAC,GAAI,QAAO,CAAC;AACjB,QAAM,OAAO,MAAM;AAAA,IACjB,MAAM,WAAW,IAAI,SAAS,QAAQ,UAAU,GAAG,MAAM,UAAU,MAAM,QAAQ,GAAG,QAAQ,GAAG,CAAC;AAAA,EAClG;AACA,SAAO,KAAK,KAAK,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,GAAI,EAAE,KAAK,EAAc,EAAE;AACtE;AAEA,eAAsB,mBAAmB,QAAgB,MAA6C;AACpG,QAAM,KAAK,MAAM;AACjB,MAAI,CAAC,MAAM,CAAC,KAAM,QAAO;AACzB,QAAM,OAAO,MAAM;AAAA,IACjB,MAAM,WAAW,IAAI,SAAS,QAAQ,UAAU,GAAG,MAAM,QAAQ,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC;AAAA,EAC1F;AACA,QAAM,MAAM,KAAK,KAAK,CAAC;AACvB,MAAI,CAAC,IAAK,QAAO;AACjB,QAAM,UAAU,EAAE,IAAI,IAAI,IAAI,GAAI,IAAI,KAAK,EAAc;AACzD,SAAO,QAAQ,WAAW,WAAW,UAAU;AACjD;AAEA,eAAsB,oBAAoB,QAA+C;AACvF,QAAM,KAAK,MAAM;AACjB,MAAI,CAAC,GAAI,QAAO,CAAC;AACjB,QAAM,OAAO,MAAM,QAAQ,MAAM,WAAW,IAAI,SAAS,QAAQ,gBAAgB,GAAG,QAAQ,GAAG,CAAC,CAAC;AACjG,SAAO,KAAK,KACT,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,GAAI,EAAE,KAAK,EAAmB,EAAE,EACxD,OAAO,CAAC,MAAM,EAAE,YAAY,KAAK,EACjC,KAAK,CAAC,GAAG,OAAO,EAAE,SAAS,MAAM,EAAE,SAAS,EAAE;AACnD;AAGA,eAAsB,gBAAgB,OAAwE;AAC5G,QAAM,MAAM,eAAe;AAC3B,MAAI,CAAC,IAAK,OAAM,IAAI,MAAM,6BAA6B;AACvD,QAAM,KAAK,cAAc,aAAa,KAAK,gBAAgB,CAAC,GAAG,aAAa;AAC5E,QAAM,MAAM,MAAM,GAAG,KAAK;AAC1B,SAAO,IAAI;AACb;AAGO,SAAS,gBAAgB,SAA+C,KAAqB;AAClG,QAAM,QAAQ,IAAI,MAAM,GAAG;AAC3B,SAAO,QAAQ,IAAI,CAAC,GAAG,MAAM,GAAG,EAAE,IAAI,IAAI,MAAM,CAAC,KAAK,GAAG,EAAE,EAAE,KAAK,QAAK;AACzE;AAGO,SAAS,eAAe,MAA6B;AAC1D,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,SAAO,IAAI,gBAAgB,OAAO,SAAS,MAAM,EAAE,IAAI,IAAI;AAC7D;","names":[]}

package/dist/modules/shop/module.d.ts

@@ -0,0 +1 @@
+export declare const shopModule: import("..").ModuleDefinition;

package/dist/modules/shop/module.js

@@ -0,0 +1,39 @@
+import { defineModule } from "../defineModule";
+import { ShopSettingsSchema, defaultShopSettings } from "./settings";
+import { shopCategoriesBlock } from "./blocks/ShopCategories";
+import { productGridBlock } from "./blocks/ProductGrid";
+import { productDetailBlock } from "./blocks/ProductDetail";
+import { cartBlock } from "./blocks/Cart";
+import { checkoutBlock } from "./blocks/Checkout";
+import { donationBlock } from "./blocks/Donation";
+import { orderStatusBlock } from "./blocks/OrderStatus";
+const shopModule = defineModule({
+  id: "shop",
+  version: "1.0.0",
+  label: "Webwinkel",
+  description: "Webwinkel + donaties: producten met varianten, winkelwagen, afrekenen via Stripe (eigen account van de klant) en bestelbevestiging per e-mail via de eigen SMTP-mailbox.",
+  defaultEnabled: false,
+  blocks: [
+    shopCategoriesBlock,
+    productGridBlock,
+    productDetailBlock,
+    cartBlock,
+    checkoutBlock,
+    donationBlock,
+    orderStatusBlock
+  ],
+  settingsSchema: ShopSettingsSchema,
+  defaultSettings: defaultShopSettings,
+  requires: [
+    { kind: "function", name: "createOrder" },
+    { kind: "function", name: "shopStripeWebhook" },
+    { kind: "function", name: "saveShopSecrets" },
+    { kind: "firestore", collection: "products" },
+    { kind: "firestore", collection: "shopCategories" },
+    { kind: "firestore", collection: "orders" }
+  ]
+});
+export {
+  shopModule
+};
+//# sourceMappingURL=module.js.map

package/dist/modules/shop/module.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/modules/shop/module.ts"],"sourcesContent":["/**\n * Shop-module (5.5) — webwinkel + donaties op het eigen Stripe-account van de klant.\n *\n * - Producten/categorieën: `sites/{siteId}/products` + `shopCategories` (editor-write, rules).\n * - Checkout: `createOrder`-callable herrekent bedragen server-side en start een hosted\n *   Stripe Checkout-sessie (iDEAL/kaart); de `shopStripeWebhook` zet de order op betaald en\n *   verstuurt de bevestigingsmail (eigen SMTP van de klant, bv. Gmail — zie functions/lib/mail).\n * - Donaties: het donatie-block gebruikt dezelfde order-flow (kind:\"donation\", geen verzending).\n * - Beheer: het \"Webwinkel\"-paneel (producten/categorieën/bestellingen/koppelingen) hangt via\n *   de paneel-registry aan deze module-id.\n *\n * Server-safe: geen \"use client\" hier — de blocks zelf zijn client components.\n */\nimport { defineModule } from \"../defineModule\";\nimport { ShopSettingsSchema, defaultShopSettings } from \"./settings\";\nimport { shopCategoriesBlock } from \"./blocks/ShopCategories\";\nimport { productGridBlock } from \"./blocks/ProductGrid\";\nimport { productDetailBlock } from \"./blocks/ProductDetail\";\nimport { cartBlock } from \"./blocks/Cart\";\nimport { checkoutBlock } from \"./blocks/Checkout\";\nimport { donationBlock } from \"./blocks/Donation\";\nimport { orderStatusBlock } from \"./blocks/OrderStatus\";\n\nexport const shopModule = defineModule({\n  id: \"shop\",\n  version: \"1.0.0\",\n  label: \"Webwinkel\",\n  description:\n    \"Webwinkel + donaties: producten met varianten, winkelwagen, afrekenen via Stripe (eigen account van de klant) en bestelbevestiging per e-mail via de eigen SMTP-mailbox.\",\n  defaultEnabled: false,\n  blocks: [\n    shopCategoriesBlock,\n    productGridBlock,\n    productDetailBlock,\n    cartBlock,\n    checkoutBlock,\n    donationBlock,\n    orderStatusBlock,\n  ],\n  settingsSchema: ShopSettingsSchema,\n  defaultSettings: defaultShopSettings,\n  requires: [\n    { kind: \"function\", name: \"createOrder\" },\n    { kind: \"function\", name: \"shopStripeWebhook\" },\n    { kind: \"function\", name: \"saveShopSecrets\" },\n    { kind: \"firestore\", collection: \"products\" },\n    { kind: \"firestore\", collection: \"shopCategories\" },\n    { kind: \"firestore\", collection: \"orders\" },\n  ],\n});\n"],"mappings":"AAaA,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB,2BAA2B;AACxD,SAAS,2BAA2B;AACpC,SAAS,wBAAwB;AACjC,SAAS,0BAA0B;AACnC,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAC9B,SAAS,wBAAwB;AAE1B,MAAM,aAAa,aAAa;AAAA,EACrC,IAAI;AAAA,EACJ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,aACE;AAAA,EACF,gBAAgB;AAAA,EAChB,QAAQ;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,UAAU;AAAA,IACR,EAAE,MAAM,YAAY,MAAM,cAAc;AAAA,IACxC,EAAE,MAAM,YAAY,MAAM,oBAAoB;AAAA,IAC9C,EAAE,MAAM,YAAY,MAAM,kBAAkB;AAAA,IAC5C,EAAE,MAAM,aAAa,YAAY,WAAW;AAAA,IAC5C,EAAE,MAAM,aAAa,YAAY,iBAAiB;AAAA,IAClD,EAAE,MAAM,aAAa,YAAY,SAAS;AAAA,EAC5C;AACF,CAAC;","names":[]}

package/dist/modules/shop/settings.d.ts

@@ -0,0 +1,41 @@
+import { z } from "zod";
+/**
+ * Publieke shop-instellingen (per site, via `settings/public.modules.shop.config` of
+ * `SiteConfig.modules.shop.config`). Server-safe: alleen Zod. De SettingsPanel rendert hier
+ * automatisch een formulier voor (moduleSettingsForm); de Functions lezen dezelfde config
+ * server-side. Geheimen (Stripe-key, SMTP) horen hier NIET — die staan in
+ * `sites/{siteId}/private/shop` en lopen via callables.
+ */
+export declare const ShopSettingsSchema: z.ZodObject<{
+    shopPath: z.ZodDefault<z.ZodString>;
+    detailPath: z.ZodDefault<z.ZodString>;
+    cartPath: z.ZodDefault<z.ZodString>;
+    checkoutPath: z.ZodDefault<z.ZodString>;
+    successPath: z.ZodDefault<z.ZodString>;
+    currency: z.ZodDefault<z.ZodString>;
+    shippingFlatCents: z.ZodDefault<z.ZodNumber>;
+    shippingFreeFromCents: z.ZodDefault<z.ZodNumber>;
+    orderPrefix: z.ZodDefault<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    currency: string;
+    shopPath: string;
+    detailPath: string;
+    cartPath: string;
+    checkoutPath: string;
+    successPath: string;
+    shippingFlatCents: number;
+    shippingFreeFromCents: number;
+    orderPrefix: string;
+}, {
+    currency?: string | undefined;
+    shopPath?: string | undefined;
+    detailPath?: string | undefined;
+    cartPath?: string | undefined;
+    checkoutPath?: string | undefined;
+    successPath?: string | undefined;
+    shippingFlatCents?: number | undefined;
+    shippingFreeFromCents?: number | undefined;
+    orderPrefix?: string | undefined;
+}>;
+export type ShopSettings = z.infer<typeof ShopSettingsSchema>;
+export declare const defaultShopSettings: ShopSettings;

package/dist/modules/shop/settings.js

@@ -0,0 +1,18 @@
+import { z } from "zod";
+const ShopSettingsSchema = z.object({
+  shopPath: z.string().max(200).default("/webwinkel").describe("Pad van de winkelpagina"),
+  detailPath: z.string().max(200).default("/product").describe("Pad van de productpagina"),
+  cartPath: z.string().max(200).default("/winkelwagen").describe("Pad van de winkelwagen"),
+  checkoutPath: z.string().max(200).default("/afrekenen").describe("Pad van de afrekenpagina"),
+  successPath: z.string().max(200).default("/bedankt").describe("Pad van de bedankt-pagina"),
+  currency: z.string().min(3).max(3).default("EUR").describe("Valuta (ISO-code)"),
+  shippingFlatCents: z.number().int().min(0).max(1e5).default(495).describe("Verzendkosten (centen)"),
+  shippingFreeFromCents: z.number().int().min(0).max(1e8).default(0).describe("Gratis verzending vanaf (centen, 0 = nooit)"),
+  orderPrefix: z.string().max(12).default("ORDER").describe("Ordernummer-prefix")
+});
+const defaultShopSettings = ShopSettingsSchema.parse({});
+export {
+  ShopSettingsSchema,
+  defaultShopSettings
+};
+//# sourceMappingURL=settings.js.map

package/dist/modules/shop/settings.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/modules/shop/settings.ts"],"sourcesContent":["import { z } from \"zod\";\n\n/**\n * Publieke shop-instellingen (per site, via `settings/public.modules.shop.config` of\n * `SiteConfig.modules.shop.config`). Server-safe: alleen Zod. De SettingsPanel rendert hier\n * automatisch een formulier voor (moduleSettingsForm); de Functions lezen dezelfde config\n * server-side. Geheimen (Stripe-key, SMTP) horen hier NIET — die staan in\n * `sites/{siteId}/private/shop` en lopen via callables.\n */\nexport const ShopSettingsSchema = z.object({\n  shopPath: z.string().max(200).default(\"/webwinkel\").describe(\"Pad van de winkelpagina\"),\n  detailPath: z.string().max(200).default(\"/product\").describe(\"Pad van de productpagina\"),\n  cartPath: z.string().max(200).default(\"/winkelwagen\").describe(\"Pad van de winkelwagen\"),\n  checkoutPath: z.string().max(200).default(\"/afrekenen\").describe(\"Pad van de afrekenpagina\"),\n  successPath: z.string().max(200).default(\"/bedankt\").describe(\"Pad van de bedankt-pagina\"),\n  currency: z.string().min(3).max(3).default(\"EUR\").describe(\"Valuta (ISO-code)\"),\n  shippingFlatCents: z.number().int().min(0).max(100_000).default(495).describe(\"Verzendkosten (centen)\"),\n  shippingFreeFromCents: z\n    .number()\n    .int()\n    .min(0)\n    .max(1_000_000_00)\n    .default(0)\n    .describe(\"Gratis verzending vanaf (centen, 0 = nooit)\"),\n  orderPrefix: z.string().max(12).default(\"ORDER\").describe(\"Ordernummer-prefix\"),\n});\nexport type ShopSettings = z.infer<typeof ShopSettingsSchema>;\n\nexport const defaultShopSettings: ShopSettings = ShopSettingsSchema.parse({});\n"],"mappings":"AAAA,SAAS,SAAS;AASX,MAAM,qBAAqB,EAAE,OAAO;AAAA,EACzC,UAAU,EAAE,OAAO,EAAE,IAAI,GAAG,EAAE,QAAQ,YAAY,EAAE,SAAS,yBAAyB;AAAA,EACtF,YAAY,EAAE,OAAO,EAAE,IAAI,GAAG,EAAE,QAAQ,UAAU,EAAE,SAAS,0BAA0B;AAAA,EACvF,UAAU,EAAE,OAAO,EAAE,IAAI,GAAG,EAAE,QAAQ,cAAc,EAAE,SAAS,wBAAwB;AAAA,EACvF,cAAc,EAAE,OAAO,EAAE,IAAI,GAAG,EAAE,QAAQ,YAAY,EAAE,SAAS,0BAA0B;AAAA,EAC3F,aAAa,EAAE,OAAO,EAAE,IAAI,GAAG,EAAE,QAAQ,UAAU,EAAE,SAAS,2BAA2B;AAAA,EACzF,UAAU,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC,EAAE,QAAQ,KAAK,EAAE,SAAS,mBAAmB;AAAA,EAC9E,mBAAmB,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE,IAAI,GAAO,EAAE,QAAQ,GAAG,EAAE,SAAS,wBAAwB;AAAA,EACtG,uBAAuB,EACpB,OAAO,EACP,IAAI,EACJ,IAAI,CAAC,EACL,IAAI,GAAY,EAChB,QAAQ,CAAC,EACT,SAAS,6CAA6C;AAAA,EACzD,aAAa,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,QAAQ,OAAO,EAAE,SAAS,oBAAoB;AAChF,CAAC;AAGM,MAAM,sBAAoC,mBAAmB,MAAM,CAAC,CAAC;","names":[]}

package/dist/schema/blocks.d.ts

@@ -156,6 +156,9 @@ export declare const HeroBlockSchema: z.ZodObject<{
     imageUrl: z.ZodOptional<z.ZodString>;
     /** Videoachtergrond (mp4/webm); overschrijft de afbeelding als gezet. */
     videoUrl: z.ZodOptional<z.ZodString>;
+    /** Kopniveau: "1" voor dé hoofdkop; "2" voor een tweede hero op dezelfde pagina
+     *  (twee h1's = slechte SEO/a11y). */
+    headingLevel: z.ZodDefault<z.ZodEnum<["1", "2"]>>;
     align: z.ZodDefault<z.ZodEnum<["left", "center"]>>;
     /** Verticale uitlijning van de inhoud binnen de hero. */
     vAlign: z.ZodDefault<z.ZodEnum<["top", "center", "bottom"]>>;
@@ -210,6 +213,7 @@ export declare const HeroBlockSchema: z.ZodObject<{
     _type: "hero";
     align: "left" | "center";
     _key: string;
+    headingLevel: "1" | "2";
     vAlign: "center" | "top" | "bottom";
     minHeight: "sm" | "md" | "lg" | "auto" | "full";
     overlayOpacity: number;
@@ -249,6 +253,7 @@ export declare const HeroBlockSchema: z.ZodObject<{
     subtitle?: string | undefined;
     imageUrl?: string | undefined;
     videoUrl?: string | undefined;
+    headingLevel?: "1" | "2" | undefined;
     vAlign?: "center" | "top" | "bottom" | undefined;
     minHeight?: "sm" | "md" | "lg" | "auto" | "full" | undefined;
     overlayColor?: string | undefined;
@@ -748,16 +753,16 @@ export declare const PricingBlockSchema: z.ZodObject<{
         label: string;
         price: string;
         highlighted: boolean;
-        features?: string[] | undefined;
         detail?: string | undefined;
+        features?: string[] | undefined;
         ctaLabel?: string | undefined;
         ctaHref?: string | undefined;
         billingPeriod?: string | undefined;
     }, {
         label?: string | undefined;
-        features?: string[] | undefined;
         price?: string | undefined;
         detail?: string | undefined;
+        features?: string[] | undefined;
         ctaLabel?: string | undefined;
         ctaHref?: string | undefined;
         highlighted?: boolean | undefined;
@@ -800,8 +805,8 @@ export declare const PricingBlockSchema: z.ZodObject<{
         label: string;
         price: string;
         highlighted: boolean;
-        features?: string[] | undefined;
         detail?: string | undefined;
+        features?: string[] | undefined;
         ctaLabel?: string | undefined;
         ctaHref?: string | undefined;
         billingPeriod?: string | undefined;
@@ -832,9 +837,9 @@ export declare const PricingBlockSchema: z.ZodObject<{
     } | undefined;
     items?: {
         label?: string | undefined;
-        features?: string[] | undefined;
         price?: string | undefined;
         detail?: string | undefined;
+        features?: string[] | undefined;
         ctaLabel?: string | undefined;
         ctaHref?: string | undefined;
         highlighted?: boolean | undefined;
@@ -5191,6 +5196,9 @@ export declare const BuiltinBlockSchema: z.ZodDiscriminatedUnion<"_type", [z.Zod
     imageUrl: z.ZodOptional<z.ZodString>;
     /** Videoachtergrond (mp4/webm); overschrijft de afbeelding als gezet. */
     videoUrl: z.ZodOptional<z.ZodString>;
+    /** Kopniveau: "1" voor dé hoofdkop; "2" voor een tweede hero op dezelfde pagina
+     *  (twee h1's = slechte SEO/a11y). */
+    headingLevel: z.ZodDefault<z.ZodEnum<["1", "2"]>>;
     align: z.ZodDefault<z.ZodEnum<["left", "center"]>>;
     /** Verticale uitlijning van de inhoud binnen de hero. */
     vAlign: z.ZodDefault<z.ZodEnum<["top", "center", "bottom"]>>;
@@ -5245,6 +5253,7 @@ export declare const BuiltinBlockSchema: z.ZodDiscriminatedUnion<"_type", [z.Zod
     _type: "hero";
     align: "left" | "center";
     _key: string;
+    headingLevel: "1" | "2";
     vAlign: "center" | "top" | "bottom";
     minHeight: "sm" | "md" | "lg" | "auto" | "full";
     overlayOpacity: number;
@@ -5284,6 +5293,7 @@ export declare const BuiltinBlockSchema: z.ZodDiscriminatedUnion<"_type", [z.Zod
     subtitle?: string | undefined;
     imageUrl?: string | undefined;
     videoUrl?: string | undefined;
+    headingLevel?: "1" | "2" | undefined;
     vAlign?: "center" | "top" | "bottom" | undefined;
     minHeight?: "sm" | "md" | "lg" | "auto" | "full" | undefined;
     overlayColor?: string | undefined;
@@ -5776,16 +5786,16 @@ export declare const BuiltinBlockSchema: z.ZodDiscriminatedUnion<"_type", [z.Zod
         label: string;
         price: string;
         highlighted: boolean;
-        features?: string[] | undefined;
         detail?: string | undefined;
+        features?: string[] | undefined;
         ctaLabel?: string | undefined;
         ctaHref?: string | undefined;
         billingPeriod?: string | undefined;
     }, {
         label?: string | undefined;
-        features?: string[] | undefined;
         price?: string | undefined;
         detail?: string | undefined;
+        features?: string[] | undefined;
         ctaLabel?: string | undefined;
         ctaHref?: string | undefined;
         highlighted?: boolean | undefined;
@@ -5828,8 +5838,8 @@ export declare const BuiltinBlockSchema: z.ZodDiscriminatedUnion<"_type", [z.Zod
         label: string;
         price: string;
         highlighted: boolean;
-        features?: string[] | undefined;
         detail?: string | undefined;
+        features?: string[] | undefined;
         ctaLabel?: string | undefined;
         ctaHref?: string | undefined;
         billingPeriod?: string | undefined;
@@ -5860,9 +5870,9 @@ export declare const BuiltinBlockSchema: z.ZodDiscriminatedUnion<"_type", [z.Zod
     } | undefined;
     items?: {
         label?: string | undefined;
-        features?: string[] | undefined;
         price?: string | undefined;
         detail?: string | undefined;
+        features?: string[] | undefined;
         ctaLabel?: string | undefined;
         ctaHref?: string | undefined;
         highlighted?: boolean | undefined;
@@ -10136,6 +10146,9 @@ export declare const AnyBlockSchema: z.ZodUnion<[z.ZodDiscriminatedUnion<"_type"
     imageUrl: z.ZodOptional<z.ZodString>;
     /** Videoachtergrond (mp4/webm); overschrijft de afbeelding als gezet. */
     videoUrl: z.ZodOptional<z.ZodString>;
+    /** Kopniveau: "1" voor dé hoofdkop; "2" voor een tweede hero op dezelfde pagina
+     *  (twee h1's = slechte SEO/a11y). */
+    headingLevel: z.ZodDefault<z.ZodEnum<["1", "2"]>>;
     align: z.ZodDefault<z.ZodEnum<["left", "center"]>>;
     /** Verticale uitlijning van de inhoud binnen de hero. */
     vAlign: z.ZodDefault<z.ZodEnum<["top", "center", "bottom"]>>;
@@ -10190,6 +10203,7 @@ export declare const AnyBlockSchema: z.ZodUnion<[z.ZodDiscriminatedUnion<"_type"
     _type: "hero";
     align: "left" | "center";
     _key: string;
+    headingLevel: "1" | "2";
     vAlign: "center" | "top" | "bottom";
     minHeight: "sm" | "md" | "lg" | "auto" | "full";
     overlayOpacity: number;
@@ -10229,6 +10243,7 @@ export declare const AnyBlockSchema: z.ZodUnion<[z.ZodDiscriminatedUnion<"_type"
     subtitle?: string | undefined;
     imageUrl?: string | undefined;
     videoUrl?: string | undefined;
+    headingLevel?: "1" | "2" | undefined;
     vAlign?: "center" | "top" | "bottom" | undefined;
     minHeight?: "sm" | "md" | "lg" | "auto" | "full" | undefined;
     overlayColor?: string | undefined;
@@ -10721,16 +10736,16 @@ export declare const AnyBlockSchema: z.ZodUnion<[z.ZodDiscriminatedUnion<"_type"
         label: string;
         price: string;
         highlighted: boolean;
-        features?: string[] | undefined;
         detail?: string | undefined;
+        features?: string[] | undefined;
         ctaLabel?: string | undefined;
         ctaHref?: string | undefined;
         billingPeriod?: string | undefined;
     }, {
         label?: string | undefined;
-        features?: string[] | undefined;
         price?: string | undefined;
         detail?: string | undefined;
+        features?: string[] | undefined;
         ctaLabel?: string | undefined;
         ctaHref?: string | undefined;
         highlighted?: boolean | undefined;
@@ -10773,8 +10788,8 @@ export declare const AnyBlockSchema: z.ZodUnion<[z.ZodDiscriminatedUnion<"_type"
         label: string;
         price: string;
         highlighted: boolean;
-        features?: string[] | undefined;
         detail?: string | undefined;
+        features?: string[] | undefined;
         ctaLabel?: string | undefined;
         ctaHref?: string | undefined;
         billingPeriod?: string | undefined;
@@ -10805,9 +10820,9 @@ export declare const AnyBlockSchema: z.ZodUnion<[z.ZodDiscriminatedUnion<"_type"
     } | undefined;
     items?: {
         label?: string | undefined;
-        features?: string[] | undefined;
         price?: string | undefined;
         detail?: string | undefined;
+        features?: string[] | undefined;
         ctaLabel?: string | undefined;
         ctaHref?: string | undefined;
         highlighted?: boolean | undefined;

package/dist/schema/blocks.js

@@ -32,6 +32,9 @@ const HeroBlockSchema = z.object({
   imageUrl: z.string().max(2e3).optional(),
   /** Videoachtergrond (mp4/webm); overschrijft de afbeelding als gezet. */
   videoUrl: z.string().max(2e3).optional(),
+  /** Kopniveau: "1" voor dé hoofdkop; "2" voor een tweede hero op dezelfde pagina
+   *  (twee h1's = slechte SEO/a11y). */
+  headingLevel: z.enum(["1", "2"]).default("1").describe("Kopniveau (h1/h2)"),
   align: z.enum(["left", "center"]).default("left"),
   /** Verticale uitlijning van de inhoud binnen de hero. */
   vAlign: z.enum(["top", "center", "bottom"]).default("center"),