@xiwebdesign/xicms-core 7.30.0 → 8.15.0

package/dist/admin/settings/SnapshotsCard.js

@@ -76,18 +76,18 @@ function SnapshotsCard({ siteId }) {
           className: "max-w-xs"
         }
       ),
-      /* @__PURE__ */ jsx(Button, { variant: "secondary", disabled: busy !== null, onClick: () => void create(), children: busy === "create" ? "Bezig\u2026" : "Herstelpunt maken" })
+      /* @__PURE__ */ jsx(Button, { loading: busy === "create", variant: "secondary", disabled: busy !== null, onClick: () => void create(), children: "Herstelpunt maken" })
     ] }),
-    snapshots.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-xs text-slate-400", children: "Nog geen herstelpunten." }) : /* @__PURE__ */ jsx("ul", { className: "grid gap-1 text-sm", children: snapshots.map((s) => /* @__PURE__ */ jsxs("li", { className: "flex items-center justify-between gap-2 rounded border border-slate-200 px-2 py-1.5", children: [
+    snapshots.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-xs text-slate-500", children: "Nog geen herstelpunten." }) : /* @__PURE__ */ jsx("ul", { className: "grid gap-1 text-sm", children: snapshots.map((s) => /* @__PURE__ */ jsxs("li", { className: "flex items-center justify-between gap-2 rounded border border-slate-200 px-2 py-1.5", children: [
       /* @__PURE__ */ jsxs("span", { children: [
         s.kind === "auto" ? "\u{1F6DF} " : "\u{1F4CC} ",
         s.label ?? "Herstelpunt",
-        /* @__PURE__ */ jsxs("span", { className: "text-slate-400", children: [
+        /* @__PURE__ */ jsxs("span", { className: "text-slate-500", children: [
           " \xB7 ",
           formatDate(s.createdAt)
         ] })
       ] }),
-      /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", disabled: busy !== null, onClick: () => void restore(s), children: busy === s.id ? "Bezig\u2026" : "Terugzetten" })
+      /* @__PURE__ */ jsx(Button, { loading: busy === s.id, variant: "ghost", size: "sm", disabled: busy !== null, onClick: () => void restore(s), children: "Terugzetten" })
     ] }, s.id)) })
   ] });
 }

package/dist/admin/settings/SnapshotsCard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/settings/SnapshotsCard.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * \"Herstelpunten\" (5.0, primo-concept site_snapshots): met één klik de volledige content-stand\n * van de site vastleggen in Firestore, en later terugzetten. Herstellen maakt automatisch eerst\n * een nieuw herstelpunt van de huidige stand (server-side), dus het is altijd omkeerbaar.\n * Aanvulling op de download-back-up: geen bestand nodig, en de automatische vangnetten\n * (vóór restore/push-site) verschijnen hier ook.\n */\nimport { useEffect, useState } from \"react\";\nimport { collection, limit, onSnapshot, orderBy, query } from \"firebase/firestore\";\nimport { callable } from \"../../firebase/functionsClient\";\nimport { getDb, getFirebaseApp } from \"../../firebase/client\";\nimport { Button, Card, Input } from \"../ui/primitives\";\nimport { useToast } from \"../ui/toast\";\nimport { useConfirm } from \"../ui/ConfirmDialog\";\n\ninterface SnapshotMeta {\n  id: string;\n  label?: string;\n  kind?: string;\n  createdAt?: { toDate?: () => Date };\n}\n\nfunction formatDate(createdAt: SnapshotMeta[\"createdAt\"]): string {\n  const date = createdAt && typeof createdAt.toDate === \"function\" ? createdAt.toDate() : null;\n  return date ? date.toLocaleString(\"nl-NL\", { dateStyle: \"short\", timeStyle: \"short\" }) : \"\";\n}\n\nexport function SnapshotsCard({ siteId }: { siteId: string }) {\n  const { toast } = useToast();\n  const confirm = useConfirm();\n  const [snapshots, setSnapshots] = useState<SnapshotMeta[]>([]);\n  const [label, setLabel] = useState(\"\");\n  const [busy, setBusy] = useState<string | null>(null);\n\n  useEffect(() => {\n    const db = getDb();\n    if (!db) return;\n    const q = query(collection(db, \"sites\", siteId, \"snapshots\"), orderBy(\"createdAt\", \"desc\"), limit(20));\n    return onSnapshot(\n      q,\n      (snap) => setSnapshots(snap.docs.map((d) => ({ id: d.id, ...(d.data() as Omit<SnapshotMeta, \"id\">) }))),\n      () => setSnapshots([]),\n    );\n  }, [siteId]);\n\n  async function create() {\n    const app = getFirebaseApp();\n    if (!app) return;\n    setBusy(\"create\");\n    try {\n      const fn = callable(app, \"createSnapshot\");\n      await fn({ siteId, label: label.trim() || undefined });\n      setLabel(\"\");\n      toast({ title: \"Herstelpunt aangemaakt\", tone: \"success\" });\n    } catch (e) {\n      toast({ title: \"Herstelpunt mislukt\", description: (e as Error).message, tone: \"error\" });\n    } finally {\n      setBusy(null);\n    }\n  }\n\n  async function restore(s: SnapshotMeta) {\n    const ok = await confirm({\n      title: \"Herstelpunt terugzetten?\",\n      description: `De site wordt teruggezet naar \"${s.label ?? s.id}\" (${formatDate(s.createdAt)}). Er wordt eerst automatisch een nieuw herstelpunt van de huidige stand gemaakt.`,\n      confirmLabel: \"Terugzetten\",\n      tone: \"danger\",\n    });\n    if (!ok) return;\n    const app = getFirebaseApp();\n    if (!app) return;\n    setBusy(s.id);\n    try {\n      const fn = callable(app, \"restoreSnapshot\");\n      await fn({ siteId, snapshotId: s.id });\n      toast({ title: \"Herstelpunt teruggezet\", description: \"Herlaad de pagina om alles bij te werken.\", tone: \"success\" });\n    } catch (e) {\n      toast({ title: \"Herstellen mislukt\", description: (e as Error).message, tone: \"error\" });\n    } finally {\n      setBusy(null);\n    }\n  }\n\n  return (\n    <Card>\n      <h3 className=\"mb-1 text-base font-semibold\">Herstelpunten</h3>\n      <p className=\"mb-3 text-xs text-slate-500\">\n        Leg de huidige stand van de hele site vast (pagina's, instellingen, symbolen, bouwstenen) en\n        zet hem later met één klik terug — zonder bestanden te downloaden. Vóór elk herstel wordt\n        automatisch een nieuw herstelpunt gemaakt, dus terugzetten is altijd omkeerbaar.\n      </p>\n      <div className=\"mb-3 flex flex-wrap items-center gap-2\">\n        <Input\n          value={label}\n          placeholder=\"Naam (bv. vóór grote wijziging)\"\n          onChange={(e) => setLabel(e.target.value)}\n          className=\"max-w-xs\"\n        />\n        <Button variant=\"secondary\" disabled={busy !== null} onClick={() => void create()}>\n          {busy === \"create\" ? \"Bezig…\" : \"Herstelpunt maken\"}\n        </Button>\n      </div>\n      {snapshots.length === 0 ? (\n        <p className=\"text-xs text-slate-400\">Nog geen herstelpunten.</p>\n      ) : (\n        <ul className=\"grid gap-1 text-sm\">\n          {snapshots.map((s) => (\n            <li key={s.id} className=\"flex items-center justify-between gap-2 rounded border border-slate-200 px-2 py-1.5\">\n              <span>\n                {s.kind === \"auto\" ? \"🛟 \" : \"📌 \"}\n                {s.label ?? \"Herstelpunt\"}\n                <span className=\"text-slate-400\"> · {formatDate(s.createdAt)}</span>\n              </span>\n              <Button variant=\"ghost\" size=\"sm\" disabled={busy !== null} onClick={() => void restore(s)}>\n                {busy === s.id ? \"Bezig…\" : \"Terugzetten\"}\n              </Button>\n            </li>\n          ))}\n        </ul>\n      )}\n    </Card>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/admin/settings/SnapshotsCard.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * \"Herstelpunten\" (5.0, primo-concept site_snapshots): met één klik de volledige content-stand\n * van de site vastleggen in Firestore, en later terugzetten. Herstellen maakt automatisch eerst\n * een nieuw herstelpunt van de huidige stand (server-side), dus het is altijd omkeerbaar.\n * Aanvulling op de download-back-up: geen bestand nodig, en de automatische vangnetten\n * (vóór restore/push-site) verschijnen hier ook.\n */\nimport { useEffect, useState } from \"react\";\nimport { collection, limit, onSnapshot, orderBy, query } from \"firebase/firestore\";\nimport { callable } from \"../../firebase/functionsClient\";\nimport { getDb, getFirebaseApp } from \"../../firebase/client\";\nimport { Button, Card, Input } from \"../ui/primitives\";\nimport { useToast } from \"../ui/toast\";\nimport { useConfirm } from \"../ui/ConfirmDialog\";\n\ninterface SnapshotMeta {\n  id: string;\n  label?: string;\n  kind?: string;\n  createdAt?: { toDate?: () => Date };\n}\n\nfunction formatDate(createdAt: SnapshotMeta[\"createdAt\"]): string {\n  const date = createdAt && typeof createdAt.toDate === \"function\" ? createdAt.toDate() : null;\n  return date ? date.toLocaleString(\"nl-NL\", { dateStyle: \"short\", timeStyle: \"short\" }) : \"\";\n}\n\nexport function SnapshotsCard({ siteId }: { siteId: string }) {\n  const { toast } = useToast();\n  const confirm = useConfirm();\n  const [snapshots, setSnapshots] = useState<SnapshotMeta[]>([]);\n  const [label, setLabel] = useState(\"\");\n  const [busy, setBusy] = useState<string | null>(null);\n\n  useEffect(() => {\n    const db = getDb();\n    if (!db) return;\n    const q = query(collection(db, \"sites\", siteId, \"snapshots\"), orderBy(\"createdAt\", \"desc\"), limit(20));\n    return onSnapshot(\n      q,\n      (snap) => setSnapshots(snap.docs.map((d) => ({ id: d.id, ...(d.data() as Omit<SnapshotMeta, \"id\">) }))),\n      () => setSnapshots([]),\n    );\n  }, [siteId]);\n\n  async function create() {\n    const app = getFirebaseApp();\n    if (!app) return;\n    setBusy(\"create\");\n    try {\n      const fn = callable(app, \"createSnapshot\");\n      await fn({ siteId, label: label.trim() || undefined });\n      setLabel(\"\");\n      toast({ title: \"Herstelpunt aangemaakt\", tone: \"success\" });\n    } catch (e) {\n      toast({ title: \"Herstelpunt mislukt\", description: (e as Error).message, tone: \"error\" });\n    } finally {\n      setBusy(null);\n    }\n  }\n\n  async function restore(s: SnapshotMeta) {\n    const ok = await confirm({\n      title: \"Herstelpunt terugzetten?\",\n      description: `De site wordt teruggezet naar \"${s.label ?? s.id}\" (${formatDate(s.createdAt)}). Er wordt eerst automatisch een nieuw herstelpunt van de huidige stand gemaakt.`,\n      confirmLabel: \"Terugzetten\",\n      tone: \"danger\",\n    });\n    if (!ok) return;\n    const app = getFirebaseApp();\n    if (!app) return;\n    setBusy(s.id);\n    try {\n      const fn = callable(app, \"restoreSnapshot\");\n      await fn({ siteId, snapshotId: s.id });\n      toast({ title: \"Herstelpunt teruggezet\", description: \"Herlaad de pagina om alles bij te werken.\", tone: \"success\" });\n    } catch (e) {\n      toast({ title: \"Herstellen mislukt\", description: (e as Error).message, tone: \"error\" });\n    } finally {\n      setBusy(null);\n    }\n  }\n\n  return (\n    <Card>\n      <h3 className=\"mb-1 text-base font-semibold\">Herstelpunten</h3>\n      <p className=\"mb-3 text-xs text-slate-500\">\n        Leg de huidige stand van de hele site vast (pagina's, instellingen, symbolen, bouwstenen) en\n        zet hem later met één klik terug — zonder bestanden te downloaden. Vóór elk herstel wordt\n        automatisch een nieuw herstelpunt gemaakt, dus terugzetten is altijd omkeerbaar.\n      </p>\n      <div className=\"mb-3 flex flex-wrap items-center gap-2\">\n        <Input\n          value={label}\n          placeholder=\"Naam (bv. vóór grote wijziging)\"\n          onChange={(e) => setLabel(e.target.value)}\n          className=\"max-w-xs\"\n        />\n        <Button loading={busy === \"create\"} variant=\"secondary\" disabled={busy !== null} onClick={() => void create()}>\n          {\"Herstelpunt maken\"}\n        </Button>\n      </div>\n      {snapshots.length === 0 ? (\n        <p className=\"text-xs text-slate-500\">Nog geen herstelpunten.</p>\n      ) : (\n        <ul className=\"grid gap-1 text-sm\">\n          {snapshots.map((s) => (\n            <li key={s.id} className=\"flex items-center justify-between gap-2 rounded border border-slate-200 px-2 py-1.5\">\n              <span>\n                {s.kind === \"auto\" ? \"🛟 \" : \"📌 \"}\n                {s.label ?? \"Herstelpunt\"}\n                <span className=\"text-slate-500\"> · {formatDate(s.createdAt)}</span>\n              </span>\n              <Button loading={busy === s.id} variant=\"ghost\" size=\"sm\" disabled={busy !== null} onClick={() => void restore(s)}>\n                {\"Terugzetten\"}\n              </Button>\n            </li>\n          ))}\n        </ul>\n      )}\n    </Card>\n  );\n}\n"],"mappings":";AAuFM,cAMA,YANA;AA9EN,SAAS,WAAW,gBAAgB;AACpC,SAAS,YAAY,OAAO,YAAY,SAAS,aAAa;AAC9D,SAAS,gBAAgB;AACzB,SAAS,OAAO,sBAAsB;AACtC,SAAS,QAAQ,MAAM,aAAa;AACpC,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAS3B,SAAS,WAAW,WAA8C;AAChE,QAAM,OAAO,aAAa,OAAO,UAAU,WAAW,aAAa,UAAU,OAAO,IAAI;AACxF,SAAO,OAAO,KAAK,eAAe,SAAS,EAAE,WAAW,SAAS,WAAW,QAAQ,CAAC,IAAI;AAC3F;AAEO,SAAS,cAAc,EAAE,OAAO,GAAuB;AAC5D,QAAM,EAAE,MAAM,IAAI,SAAS;AAC3B,QAAM,UAAU,WAAW;AAC3B,QAAM,CAAC,WAAW,YAAY,IAAI,SAAyB,CAAC,CAAC;AAC7D,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,EAAE;AACrC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAwB,IAAI;AAEpD,YAAU,MAAM;AACd,UAAM,KAAK,MAAM;AACjB,QAAI,CAAC,GAAI;AACT,UAAM,IAAI,MAAM,WAAW,IAAI,SAAS,QAAQ,WAAW,GAAG,QAAQ,aAAa,MAAM,GAAG,MAAM,EAAE,CAAC;AACrG,WAAO;AAAA,MACL;AAAA,MACA,CAAC,SAAS,aAAa,KAAK,KAAK,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,GAAI,EAAE,KAAK,EAA+B,EAAE,CAAC;AAAA,MACtG,MAAM,aAAa,CAAC,CAAC;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AAEX,iBAAe,SAAS;AACtB,UAAM,MAAM,eAAe;AAC3B,QAAI,CAAC,IAAK;AACV,YAAQ,QAAQ;AAChB,QAAI;AACF,YAAM,KAAK,SAAS,KAAK,gBAAgB;AACzC,YAAM,GAAG,EAAE,QAAQ,OAAO,MAAM,KAAK,KAAK,OAAU,CAAC;AACrD,eAAS,EAAE;AACX,YAAM,EAAE,OAAO,0BAA0B,MAAM,UAAU,CAAC;AAAA,IAC5D,SAAS,GAAG;AACV,YAAM,EAAE,OAAO,uBAAuB,aAAc,EAAY,SAAS,MAAM,QAAQ,CAAC;AAAA,IAC1F,UAAE;AACA,cAAQ,IAAI;AAAA,IACd;AAAA,EACF;AAEA,iBAAe,QAAQ,GAAiB;AACtC,UAAM,KAAK,MAAM,QAAQ;AAAA,MACvB,OAAO;AAAA,MACP,aAAa,kCAAkC,EAAE,SAAS,EAAE,EAAE,MAAM,WAAW,EAAE,SAAS,CAAC;AAAA,MAC3F,cAAc;AAAA,MACd,MAAM;AAAA,IACR,CAAC;AACD,QAAI,CAAC,GAAI;AACT,UAAM,MAAM,eAAe;AAC3B,QAAI,CAAC,IAAK;AACV,YAAQ,EAAE,EAAE;AACZ,QAAI;AACF,YAAM,KAAK,SAAS,KAAK,iBAAiB;AAC1C,YAAM,GAAG,EAAE,QAAQ,YAAY,EAAE,GAAG,CAAC;AACrC,YAAM,EAAE,OAAO,0BAA0B,aAAa,6CAA6C,MAAM,UAAU,CAAC;AAAA,IACtH,SAAS,GAAG;AACV,YAAM,EAAE,OAAO,sBAAsB,aAAc,EAAY,SAAS,MAAM,QAAQ,CAAC;AAAA,IACzF,UAAE;AACA,cAAQ,IAAI;AAAA,IACd;AAAA,EACF;AAEA,SACE,qBAAC,QACC;AAAA,wBAAC,QAAG,WAAU,gCAA+B,2BAAa;AAAA,IAC1D,oBAAC,OAAE,WAAU,+BAA8B,sSAI3C;AAAA,IACA,qBAAC,SAAI,WAAU,0CACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,aAAY;AAAA,UACZ,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,UACxC,WAAU;AAAA;AAAA,MACZ;AAAA,MACA,oBAAC,UAAO,SAAS,SAAS,UAAU,SAAQ,aAAY,UAAU,SAAS,MAAM,SAAS,MAAM,KAAK,OAAO,GACzG,+BACH;AAAA,OACF;AAAA,IACC,UAAU,WAAW,IACpB,oBAAC,OAAE,WAAU,0BAAyB,qCAAuB,IAE7D,oBAAC,QAAG,WAAU,sBACX,oBAAU,IAAI,CAAC,MACd,qBAAC,QAAc,WAAU,uFACvB;AAAA,2BAAC,UACE;AAAA,UAAE,SAAS,SAAS,eAAQ;AAAA,QAC5B,EAAE,SAAS;AAAA,QACZ,qBAAC,UAAK,WAAU,kBAAiB;AAAA;AAAA,UAAI,WAAW,EAAE,SAAS;AAAA,WAAE;AAAA,SAC/D;AAAA,MACA,oBAAC,UAAO,SAAS,SAAS,EAAE,IAAI,SAAQ,SAAQ,MAAK,MAAK,UAAU,SAAS,MAAM,SAAS,MAAM,KAAK,QAAQ,CAAC,GAC7G,yBACH;AAAA,SARO,EAAE,EASX,CACD,GACH;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/admin/settings/VorigeTerugzetten.d.ts

@@ -0,0 +1,15 @@
+type Sleutel = "theme" | "nav" | "footer" | "header" | "business";
+/**
+ * "Vorige terugzetten" (8.10) voor de onderdelen die in één klap de hele site raken.
+ *
+ * De server bewaart bij elke opslag de stand van vóór de wijziging in `settings/vorige` (zie
+ * `saveSiteSettings`). Terugzetten is gewoon weer een opslag — dus wie terugzet, kan daarna ook
+ * weer terug naar wat hij net had. Eén stap, geen geschiedenis: dit is de "oeps"-knop, het
+ * herstelpunt van de hele site blijft voor de grote ongelukken.
+ */
+export declare function VorigeTerugzetten({ siteId, sleutel, dirty }: {
+    siteId: string;
+    sleutel: Sleutel;
+    dirty?: boolean;
+}): import("react").JSX.Element | null;
+export {};

package/dist/admin/settings/VorigeTerugzetten.js

@@ -0,0 +1,89 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { doc, getDoc, onSnapshot } from "firebase/firestore";
+import { getDb, getFirebaseApp } from "../../firebase/client.js";
+import { callable } from "../../firebase/functionsClient.js";
+import { SiteSettingsSchema } from "../../schema/settings.js";
+import { Button } from "../ui/primitives.js";
+import { useToast } from "../ui/toast.js";
+import { useConfirm } from "../ui/ConfirmDialog.js";
+import { isDemoActive } from "../../demo/demoStore.js";
+const NAMEN = {
+  theme: { wat: "huisstijl", het: "de vorige huisstijl" },
+  nav: { wat: "menu", het: "het vorige menu" },
+  footer: { wat: "footer", het: "de vorige footer" },
+  header: { wat: "kop", het: "de vorige kop" },
+  business: { wat: "bedrijfsgegevens", het: "de vorige bedrijfsgegevens" }
+};
+function datum(v) {
+  const d = v && typeof v.toDate === "function" ? v.toDate() : null;
+  return d ? d.toLocaleString("nl-NL", { day: "numeric", month: "long", hour: "2-digit", minute: "2-digit" }) : null;
+}
+function VorigeTerugzetten({ siteId, sleutel, dirty }) {
+  const { toast } = useToast();
+  const confirm = useConfirm();
+  const [vorige, setVorige] = useState(null);
+  const [bezig, setBezig] = useState(false);
+  useEffect(() => {
+    const db = getDb();
+    if (!db || isDemoActive()) return;
+    return onSnapshot(
+      doc(db, "sites", siteId, "settings", "vorige"),
+      (snap) => setVorige((snap.data() ?? {})[sleutel] ?? null),
+      () => setVorige(null)
+    );
+  }, [siteId, sleutel]);
+  if (!vorige) return null;
+  const naam = NAMEN[sleutel];
+  const wanneer = datum(vorige.at);
+  async function zetTerug() {
+    const ok = await confirm({
+      title: `${naam.het[0].toUpperCase()}${naam.het.slice(1)} terugzetten?`,
+      description: `Je zet ${naam.het}${wanneer ? ` (van v\xF3\xF3r ${wanneer})` : ""} terug; dat staat meteen live. Daarna kun je met dezelfde knop weer terug naar wat er nu staat.`,
+      confirmLabel: "Terugzetten"
+    });
+    if (!ok) return;
+    const db = getDb();
+    const app = getFirebaseApp();
+    if (!db || !app || !vorige) return;
+    setBezig(true);
+    try {
+      const huidig = (await getDoc(doc(db, "sites", siteId, "settings", "site"))).data() ?? {};
+      const kandidaat = { ...huidig };
+      if (vorige.waarde == null) delete kandidaat[sleutel];
+      else kandidaat[sleutel] = vorige.waarde;
+      const parsed = SiteSettingsSchema.safeParse(kandidaat);
+      if (!parsed.success) throw new Error(`De vorige ${naam.wat} past niet meer in de huidige instellingen.`);
+      const settings = vorige.waarde == null ? { ...parsed.data, [sleutel]: null } : parsed.data;
+      await callable(app, "saveSiteSettings")({ siteId, settings });
+      toast({ title: `Vorige ${naam.wat} teruggezet`, description: "Binnen enkele seconden live.", tone: "success" });
+    } catch (e) {
+      toast({ title: "Terugzetten mislukt", description: e.message, tone: "error" });
+    } finally {
+      setBezig(false);
+    }
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 text-xs text-slate-500", children: [
+    /* @__PURE__ */ jsxs("span", { children: [
+      "Niet tevreden met de laatste wijziging",
+      wanneer ? ` (${wanneer})` : "",
+      "?"
+    ] }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "sm",
+        variant: "ghost",
+        disabled: bezig || dirty,
+        title: dirty ? "Sla eerst op of verwerp je wijzigingen" : void 0,
+        onClick: () => void zetTerug(),
+        children: bezig ? "Terugzetten\u2026" : `Vorige ${naam.wat} terugzetten`
+      }
+    )
+  ] });
+}
+export {
+  VorigeTerugzetten
+};
+//# sourceMappingURL=VorigeTerugzetten.js.map

package/dist/admin/settings/VorigeTerugzetten.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/settings/VorigeTerugzetten.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { doc, getDoc, onSnapshot } from \"firebase/firestore\";\nimport { getDb, getFirebaseApp } from \"../../firebase/client\";\nimport { callable } from \"../../firebase/functionsClient\";\nimport { SiteSettingsSchema, type SiteSettings } from \"../../schema/settings\";\nimport { Button } from \"../ui/primitives\";\nimport { useToast } from \"../ui/toast\";\nimport { useConfirm } from \"../ui/ConfirmDialog\";\nimport { isDemoActive } from \"../../demo/demoStore\";\n\ntype Sleutel = \"theme\" | \"nav\" | \"footer\" | \"header\" | \"business\";\n\nconst NAMEN: Record<Sleutel, { wat: string; het: string }> = {\n  theme: { wat: \"huisstijl\", het: \"de vorige huisstijl\" },\n  nav: { wat: \"menu\", het: \"het vorige menu\" },\n  footer: { wat: \"footer\", het: \"de vorige footer\" },\n  header: { wat: \"kop\", het: \"de vorige kop\" },\n  business: { wat: \"bedrijfsgegevens\", het: \"de vorige bedrijfsgegevens\" },\n};\n\nfunction datum(v: unknown): string | null {\n  const d = v && typeof (v as { toDate?: () => Date }).toDate === \"function\" ? (v as { toDate: () => Date }).toDate() : null;\n  return d ? d.toLocaleString(\"nl-NL\", { day: \"numeric\", month: \"long\", hour: \"2-digit\", minute: \"2-digit\" }) : null;\n}\n\n/**\n * \"Vorige terugzetten\" (8.10) voor de onderdelen die in één klap de hele site raken.\n *\n * De server bewaart bij elke opslag de stand van vóór de wijziging in `settings/vorige` (zie\n * `saveSiteSettings`). Terugzetten is gewoon weer een opslag — dus wie terugzet, kan daarna ook\n * weer terug naar wat hij net had. Eén stap, geen geschiedenis: dit is de \"oeps\"-knop, het\n * herstelpunt van de hele site blijft voor de grote ongelukken.\n */\nexport function VorigeTerugzetten({ siteId, sleutel, dirty }: { siteId: string; sleutel: Sleutel; dirty?: boolean }) {\n  const { toast } = useToast();\n  const confirm = useConfirm();\n  const [vorige, setVorige] = useState<{ waarde: unknown; at?: unknown } | null>(null);\n  const [bezig, setBezig] = useState(false);\n\n  useEffect(() => {\n    const db = getDb();\n    if (!db || isDemoActive()) return;\n    return onSnapshot(\n      doc(db, \"sites\", siteId, \"settings\", \"vorige\"),\n      (snap) => setVorige(((snap.data() ?? {}) as Record<string, { waarde: unknown; at?: unknown }>)[sleutel] ?? null),\n      () => setVorige(null),\n    );\n  }, [siteId, sleutel]);\n\n  if (!vorige) return null;\n  const naam = NAMEN[sleutel];\n  const wanneer = datum(vorige.at);\n\n  async function zetTerug() {\n    const ok = await confirm({\n      title: `${naam.het[0].toUpperCase()}${naam.het.slice(1)} terugzetten?`,\n      description: `Je zet ${naam.het}${wanneer ? ` (van vóór ${wanneer})` : \"\"} terug; dat staat meteen live. Daarna kun je met dezelfde knop weer terug naar wat er nu staat.`,\n      confirmLabel: \"Terugzetten\",\n    });\n    if (!ok) return;\n    const db = getDb();\n    const app = getFirebaseApp();\n    if (!db || !app || !vorige) return;\n    setBezig(true);\n    try {\n      const huidig = ((await getDoc(doc(db, \"sites\", siteId, \"settings\", \"site\"))).data() ?? {}) as SiteSettings;\n      const kandidaat: Record<string, unknown> = { ...huidig };\n      if (vorige.waarde == null) delete kandidaat[sleutel];\n      else kandidaat[sleutel] = vorige.waarde;\n      const parsed = SiteSettingsSchema.safeParse(kandidaat);\n      if (!parsed.success) throw new Error(`De vorige ${naam.wat} past niet meer in de huidige instellingen.`);\n      // `null` = er was nog niets eigens: de server wist het veld dan (terug naar de standaard).\n      const settings = vorige.waarde == null ? { ...parsed.data, [sleutel]: null } : parsed.data;\n      await callable(app, \"saveSiteSettings\")({ siteId, settings });\n      toast({ title: `Vorige ${naam.wat} teruggezet`, description: \"Binnen enkele seconden live.\", tone: \"success\" });\n    } catch (e) {\n      toast({ title: \"Terugzetten mislukt\", description: (e as Error).message, tone: \"error\" });\n    } finally {\n      setBezig(false);\n    }\n  }\n\n  return (\n    <div className=\"flex flex-wrap items-center gap-2 text-xs text-slate-500\">\n      <span>\n        Niet tevreden met de laatste wijziging{wanneer ? ` (${wanneer})` : \"\"}?\n      </span>\n      <Button\n        size=\"sm\"\n        variant=\"ghost\"\n        disabled={bezig || dirty}\n        title={dirty ? \"Sla eerst op of verwerp je wijzigingen\" : undefined}\n        onClick={() => void zetTerug()}\n      >\n        {bezig ? \"Terugzetten…\" : `Vorige ${naam.wat} terugzetten`}\n      </Button>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/shop/CategoriesTab.js

@@ -11,6 +11,7 @@ import { useConfirm } from "../ui/ConfirmDialog.js";
 import { shopCallable } from "./lib.js";
 import { MediaPickerButton } from "../media/MediaPicker.js";
 import { slugify } from "../lib/slugify.js";
+import { zodFoutTekst } from "../lib/zodFout.js";
 function CategoriesTab({ siteId }) {
   const { toast } = useToast();
   const confirm = useConfirm();
@@ -23,7 +24,8 @@ function CategoriesTab({ siteId }) {
       collection(db, "sites", siteId, "shopCategories"),
       (snap) => setCats(
         snap.docs.map((d) => ({ id: d.id, ...d.data() })).sort((a, b) => (a.order ?? 0) - (b.order ?? 0))
-      )
+      ),
+      (e) => console.warn("[xicms] live-lijst niet geladen:", e.message)
     );
   }, [siteId]);
   async function createCategory() {
@@ -59,7 +61,7 @@ function CategoriesTab({ siteId }) {
             className: `w-full truncate rounded-lg px-3 py-2 text-left text-sm ${c.id === selected ? "bg-brand-50 text-brand-700" : "hover:bg-slate-100"}`,
             children: [
               c.name,
-              c.visible === false && /* @__PURE__ */ jsx("span", { className: "ml-1 text-xs text-slate-400", children: "(verborgen)" })
+              c.visible === false && /* @__PURE__ */ jsx("span", { className: "ml-1 text-xs text-slate-500", children: "(verborgen)" })
             ]
           }
         ) }, c.id)),
@@ -92,7 +94,7 @@ function CategoryDetail({
     if (!db) return;
     const parsed = ShopCategorySchema.safeParse(def);
     if (!parsed.success) {
-      onToast({ title: "Ongeldige categorie", description: parsed.error.issues[0]?.message, tone: "error" });
+      onToast({ title: "Ongeldige categorie", description: zodFoutTekst(parsed.error.issues[0]), tone: "error" });
       return;
     }
     try {
@@ -131,7 +133,7 @@ function CategoryDetail({
         onChange: (e) => setDef((p) => ({ ...p, name: e.target.value, slug: slugify(e.target.value) || p.slug }))
       }
     ) }),
-    /* @__PURE__ */ jsx(Field, { label: "Slug", hint: "Wordt gebruikt in de winkel-URL (?cat=\u2026)", children: /* @__PURE__ */ jsx(Input, { value: def.slug, onChange: (e) => setDef((p) => ({ ...p, slug: slugify(e.target.value) })) }) }),
+    /* @__PURE__ */ jsx(Field, { label: "Adresnaam", hint: "Het stukje in het webadres van deze categorie (alleen kleine letters en streepjes).", children: /* @__PURE__ */ jsx(Input, { value: def.slug, onChange: (e) => setDef((p) => ({ ...p, slug: slugify(e.target.value) })) }) }),
     /* @__PURE__ */ jsx(Field, { label: "Omschrijving (optioneel)", children: /* @__PURE__ */ jsx(Textarea, { rows: 2, value: def.description ?? "", onChange: (e) => setDef((p) => ({ ...p, description: e.target.value })) }) }),
     /* @__PURE__ */ jsx(Field, { label: "Afbeelding", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
       def.imageUrl && /* @__PURE__ */ jsx("img", { src: def.imageUrl, alt: "", className: "h-14 w-14 rounded-lg object-cover" }),

package/dist/admin/shop/CategoriesTab.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/shop/CategoriesTab.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { addDoc, collection, deleteDoc, doc, onSnapshot, setDoc } from \"firebase/firestore\";\nimport { getDb } from \"../../firebase/client\";\nimport { ShopCategorySchema, type ShopCategory } from \"../../schema/shop\";\nimport { Button, Card, Field, Input, Textarea } from \"../ui/primitives\";\nimport { Switch } from \"../ui/switch\";\nimport { useToast } from \"../ui/toast\";\nimport { useConfirm } from \"../ui/ConfirmDialog\";\nimport { shopCallable } from \"./lib\";\nimport { MediaPickerButton } from \"../media/MediaPicker\";\nimport { slugify } from \"../lib/slugify\";\n\ntype StoredCategory = ShopCategory & { id: string };\n\nexport function CategoriesTab({ siteId }: { siteId: string }) {\n  const { toast } = useToast();\n  const confirm = useConfirm();\n  const [cats, setCats] = useState<StoredCategory[]>([]);\n  const [selected, setSelected] = useState<string | null>(null);\n\n  useEffect(() => {\n    const db = getDb();\n    if (!db) return;\n    return onSnapshot(collection(db, \"sites\", siteId, \"shopCategories\"), (snap) =>\n      setCats(\n        snap.docs\n          .map((d) => ({ id: d.id, ...(d.data() as ShopCategory) }))\n          .sort((a, b) => (a.order ?? 0) - (b.order ?? 0)),\n      ),\n    );\n  }, [siteId]);\n\n  async function createCategory() {\n    const db = getDb();\n    if (!db) return;\n    const nieuw = {\n      name: \"Nieuwe categorie\",\n      slug: `categorie-${cats.length + 1}`,\n      order: cats.length,\n      visible: true,\n    } satisfies ShopCategory;\n    try {\n      const res = await shopCallable<{ siteId: string; category: unknown }, { id: string }>(\"saveShopCategory\")({ siteId, category: nieuw });\n      setSelected(res.id);\n    } catch (err) {\n      if ((err as { code?: string } | null)?.code !== \"functions/not-found\") throw err;\n      const ref = await addDoc(collection(db, \"sites\", siteId, \"shopCategories\"), nieuw);\n      setSelected(ref.id);\n    }\n  }\n\n  const current = cats.find((c) => c.id === selected) ?? null;\n\n  return (\n    <div className=\"grid gap-4 md:grid-cols-[260px_1fr]\">\n      <Card className=\"h-fit\">\n        <div className=\"mb-3 flex items-center justify-between\">\n          <h3 className=\"text-sm font-semibold\">Categorieën</h3>\n          <Button size=\"sm\" onClick={createCategory}>+ Nieuw</Button>\n        </div>\n        <ul className=\"grid gap-1\">\n          {cats.map((c) => (\n            <li key={c.id}>\n              <button\n                onClick={() => setSelected(c.id)}\n                className={`w-full truncate rounded-lg px-3 py-2 text-left text-sm ${\n                  c.id === selected ? \"bg-brand-50 text-brand-700\" : \"hover:bg-slate-100\"\n                }`}\n              >\n                {c.name}\n                {c.visible === false && <span className=\"ml-1 text-xs text-slate-400\">(verborgen)</span>}\n              </button>\n            </li>\n          ))}\n          {cats.length === 0 && <li className=\"px-3 py-2 text-sm text-slate-500\">Nog geen categorieën.</li>}\n        </ul>\n      </Card>\n      {current ? (\n        <CategoryDetail\n          key={current.id}\n          siteId={siteId}\n          category={current}\n          onDeleted={() => setSelected(null)}\n          onToast={toast}\n          confirm={confirm}\n        />\n      ) : (\n        <Card>\n          <p className=\"text-sm text-slate-500\">Selecteer of maak een categorie.</p>\n        </Card>\n      )}\n    </div>\n  );\n}\n\nfunction CategoryDetail({\n  siteId,\n  category,\n  onDeleted,\n  onToast,\n  confirm,\n}: {\n  siteId: string;\n  category: StoredCategory;\n  onDeleted: () => void;\n  onToast: (t: { title: string; description?: string; tone?: \"default\" | \"success\" | \"error\" }) => void;\n  confirm: (opts: { title: string; description?: string }) => Promise<boolean>;\n}) {\n  const [def, setDef] = useState<ShopCategory>(category);\n\n  async function save() {\n    const db = getDb();\n    if (!db) return;\n    const parsed = ShopCategorySchema.safeParse(def);\n    if (!parsed.success) {\n      onToast({ title: \"Ongeldige categorie\", description: parsed.error.issues[0]?.message, tone: \"error\" });\n      return;\n    }\n    /**\n     * Via de callable (7.18): die maakt de server-cache van de categorieënlijst ongeldig. Een\n     * rechtstreekse write stond meteen in Firestore maar pas na het ISR-vangnet (tot een uur) op\n     * de winkel — zelfde valkuil als bij producten. Terugval op de directe write houdt een site\n     * met een oudere functions-deploy werkend (zie productClient.ts).\n     */\n    try {\n      await shopCallable<{ siteId: string; categoryId: string; category: unknown }, { id: string }>(\"saveShopCategory\")({\n        siteId,\n        categoryId: category.id,\n        category: parsed.data,\n      });\n    } catch (err) {\n      if ((err as { code?: string } | null)?.code !== \"functions/not-found\") throw err;\n      await setDoc(doc(db, \"sites\", siteId, \"shopCategories\", category.id), parsed.data);\n    }\n    onToast({ title: \"Categorie opgeslagen\", tone: \"success\" });\n  }\n\n  async function remove() {\n    const db = getDb();\n    if (!db) return;\n    const ok = await confirm({\n      title: `\"${category.name}\" verwijderen?`,\n      description: \"Producten in deze categorie blijven bestaan (alleen de koppeling vervalt).\",\n    });\n    if (!ok) return;\n    try {\n      await shopCallable<{ siteId: string; categoryId: string }, unknown>(\"deleteShopCategory\")({ siteId, categoryId: category.id });\n    } catch (err) {\n      if ((err as { code?: string } | null)?.code !== \"functions/not-found\") throw err;\n      await deleteDoc(doc(db, \"sites\", siteId, \"shopCategories\", category.id));\n    }\n    onDeleted();\n  }\n\n  return (\n    <Card>\n      <div className=\"grid gap-4\">\n        <Field label=\"Naam\">\n          <Input\n            value={def.name}\n            onChange={(e) => setDef((p) => ({ ...p, name: e.target.value, slug: slugify(e.target.value) || p.slug }))}\n          />\n        </Field>\n        <Field label=\"Slug\" hint=\"Wordt gebruikt in de winkel-URL (?cat=…)\">\n          <Input value={def.slug} onChange={(e) => setDef((p) => ({ ...p, slug: slugify(e.target.value) }))} />\n        </Field>\n        <Field label=\"Omschrijving (optioneel)\">\n          <Textarea rows={2} value={def.description ?? \"\"} onChange={(e) => setDef((p) => ({ ...p, description: e.target.value }))} />\n        </Field>\n        <Field label=\"Afbeelding\">\n          <div className=\"flex items-center gap-3\">\n            {def.imageUrl && <img src={def.imageUrl} alt=\"\" className=\"h-14 w-14 rounded-lg object-cover\" />}\n            <MediaPickerButton siteId={siteId} onSelect={(m) => setDef((p) => ({ ...p, imageUrl: m.url }))} />\n            {def.imageUrl && (\n              <Button size=\"sm\" variant=\"ghost\" onClick={() => setDef((p) => ({ ...p, imageUrl: undefined }))}>\n                Verwijder\n              </Button>\n            )}\n          </div>\n        </Field>\n        <div className=\"flex items-center gap-6\">\n          <Field label=\"Volgorde\">\n            <Input\n              type=\"number\"\n              className=\"w-24\"\n              value={def.order ?? 0}\n              onChange={(e) => setDef((p) => ({ ...p, order: Math.max(0, Number(e.target.value) || 0) }))}\n            />\n          </Field>\n          <Switch checked={def.visible !== false} onCheckedChange={(v) => setDef((p) => ({ ...p, visible: v }))} label=\"Zichtbaar in de winkel\" />\n        </div>\n        <div className=\"flex items-center justify-between\">\n          <Button onClick={save}>Opslaan</Button>\n          <Button variant=\"ghost\" onClick={remove}>Verwijderen</Button>\n        </div>\n      </div>\n    </Card>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/admin/shop/CategoriesTab.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { addDoc, collection, deleteDoc, doc, onSnapshot, setDoc } from \"firebase/firestore\";\nimport { getDb } from \"../../firebase/client\";\nimport { ShopCategorySchema, type ShopCategory } from \"../../schema/shop\";\nimport { Button, Card, Field, Input, Textarea } from \"../ui/primitives\";\nimport { Switch } from \"../ui/switch\";\nimport { useToast } from \"../ui/toast\";\nimport { useConfirm } from \"../ui/ConfirmDialog\";\nimport { shopCallable } from \"./lib\";\nimport { MediaPickerButton } from \"../media/MediaPicker\";\nimport { slugify } from \"../lib/slugify\";\nimport { zodFoutTekst } from \"../lib/zodFout\";\n\ntype StoredCategory = ShopCategory & { id: string };\n\nexport function CategoriesTab({ siteId }: { siteId: string }) {\n  const { toast } = useToast();\n  const confirm = useConfirm();\n  const [cats, setCats] = useState<StoredCategory[]>([]);\n  const [selected, setSelected] = useState<string | null>(null);\n\n  useEffect(() => {\n    const db = getDb();\n    if (!db) return;\n    return onSnapshot(collection(db, \"sites\", siteId, \"shopCategories\"), (snap) =>\n      setCats(\n        snap.docs\n          .map((d) => ({ id: d.id, ...(d.data() as ShopCategory) }))\n          .sort((a, b) => (a.order ?? 0) - (b.order ?? 0)),\n      ),\n      (e) => console.warn(\"[xicms] live-lijst niet geladen:\", e.message),\n    );\n  }, [siteId]);\n\n  async function createCategory() {\n    const db = getDb();\n    if (!db) return;\n    const nieuw = {\n      name: \"Nieuwe categorie\",\n      slug: `categorie-${cats.length + 1}`,\n      order: cats.length,\n      visible: true,\n    } satisfies ShopCategory;\n    try {\n      const res = await shopCallable<{ siteId: string; category: unknown }, { id: string }>(\"saveShopCategory\")({ siteId, category: nieuw });\n      setSelected(res.id);\n    } catch (err) {\n      if ((err as { code?: string } | null)?.code !== \"functions/not-found\") throw err;\n      const ref = await addDoc(collection(db, \"sites\", siteId, \"shopCategories\"), nieuw);\n      setSelected(ref.id);\n    }\n  }\n\n  const current = cats.find((c) => c.id === selected) ?? null;\n\n  return (\n    <div className=\"grid gap-4 md:grid-cols-[260px_1fr]\">\n      <Card className=\"h-fit\">\n        <div className=\"mb-3 flex items-center justify-between\">\n          <h3 className=\"text-sm font-semibold\">Categorieën</h3>\n          <Button size=\"sm\" onClick={createCategory}>+ Nieuw</Button>\n        </div>\n        <ul className=\"grid gap-1\">\n          {cats.map((c) => (\n            <li key={c.id}>\n              <button\n                onClick={() => setSelected(c.id)}\n                className={`w-full truncate rounded-lg px-3 py-2 text-left text-sm ${\n                  c.id === selected ? \"bg-brand-50 text-brand-700\" : \"hover:bg-slate-100\"\n                }`}\n              >\n                {c.name}\n                {c.visible === false && <span className=\"ml-1 text-xs text-slate-500\">(verborgen)</span>}\n              </button>\n            </li>\n          ))}\n          {cats.length === 0 && <li className=\"px-3 py-2 text-sm text-slate-500\">Nog geen categorieën.</li>}\n        </ul>\n      </Card>\n      {current ? (\n        <CategoryDetail\n          key={current.id}\n          siteId={siteId}\n          category={current}\n          onDeleted={() => setSelected(null)}\n          onToast={toast}\n          confirm={confirm}\n        />\n      ) : (\n        <Card>\n          <p className=\"text-sm text-slate-500\">Selecteer of maak een categorie.</p>\n        </Card>\n      )}\n    </div>\n  );\n}\n\nfunction CategoryDetail({\n  siteId,\n  category,\n  onDeleted,\n  onToast,\n  confirm,\n}: {\n  siteId: string;\n  category: StoredCategory;\n  onDeleted: () => void;\n  onToast: (t: { title: string; description?: string; tone?: \"default\" | \"success\" | \"error\" }) => void;\n  confirm: (opts: { title: string; description?: string }) => Promise<boolean>;\n}) {\n  const [def, setDef] = useState<ShopCategory>(category);\n\n  async function save() {\n    const db = getDb();\n    if (!db) return;\n    const parsed = ShopCategorySchema.safeParse(def);\n    if (!parsed.success) {\n      onToast({ title: \"Ongeldige categorie\", description: zodFoutTekst(parsed.error.issues[0]), tone: \"error\" });\n      return;\n    }\n    /**\n     * Via de callable (7.18): die maakt de server-cache van de categorieënlijst ongeldig. Een\n     * rechtstreekse write stond meteen in Firestore maar pas na het ISR-vangnet (tot een uur) op\n     * de winkel — zelfde valkuil als bij producten. Terugval op de directe write houdt een site\n     * met een oudere functions-deploy werkend (zie productClient.ts).\n     */\n    try {\n      await shopCallable<{ siteId: string; categoryId: string; category: unknown }, { id: string }>(\"saveShopCategory\")({\n        siteId,\n        categoryId: category.id,\n        category: parsed.data,\n      });\n    } catch (err) {\n      if ((err as { code?: string } | null)?.code !== \"functions/not-found\") throw err;\n      await setDoc(doc(db, \"sites\", siteId, \"shopCategories\", category.id), parsed.data);\n    }\n    onToast({ title: \"Categorie opgeslagen\", tone: \"success\" });\n  }\n\n  async function remove() {\n    const db = getDb();\n    if (!db) return;\n    const ok = await confirm({\n      title: `\"${category.name}\" verwijderen?`,\n      description: \"Producten in deze categorie blijven bestaan (alleen de koppeling vervalt).\",\n    });\n    if (!ok) return;\n    try {\n      await shopCallable<{ siteId: string; categoryId: string }, unknown>(\"deleteShopCategory\")({ siteId, categoryId: category.id });\n    } catch (err) {\n      if ((err as { code?: string } | null)?.code !== \"functions/not-found\") throw err;\n      await deleteDoc(doc(db, \"sites\", siteId, \"shopCategories\", category.id));\n    }\n    onDeleted();\n  }\n\n  return (\n    <Card>\n      <div className=\"grid gap-4\">\n        <Field label=\"Naam\">\n          <Input\n            value={def.name}\n            onChange={(e) => setDef((p) => ({ ...p, name: e.target.value, slug: slugify(e.target.value) || p.slug }))}\n          />\n        </Field>\n        <Field label=\"Adresnaam\" hint=\"Het stukje in het webadres van deze categorie (alleen kleine letters en streepjes).\">\n          <Input value={def.slug} onChange={(e) => setDef((p) => ({ ...p, slug: slugify(e.target.value) }))} />\n        </Field>\n        <Field label=\"Omschrijving (optioneel)\">\n          <Textarea rows={2} value={def.description ?? \"\"} onChange={(e) => setDef((p) => ({ ...p, description: e.target.value }))} />\n        </Field>\n        <Field label=\"Afbeelding\">\n          <div className=\"flex items-center gap-3\">\n            {def.imageUrl && <img src={def.imageUrl} alt=\"\" className=\"h-14 w-14 rounded-lg object-cover\" />}\n            <MediaPickerButton siteId={siteId} onSelect={(m) => setDef((p) => ({ ...p, imageUrl: m.url }))} />\n            {def.imageUrl && (\n              <Button size=\"sm\" variant=\"ghost\" onClick={() => setDef((p) => ({ ...p, imageUrl: undefined }))}>\n                Verwijder\n              </Button>\n            )}\n          </div>\n        </Field>\n        <div className=\"flex items-center gap-6\">\n          <Field label=\"Volgorde\">\n            <Input\n              type=\"number\"\n              className=\"w-24\"\n              value={def.order ?? 0}\n              onChange={(e) => setDef((p) => ({ ...p, order: Math.max(0, Number(e.target.value) || 0) }))}\n            />\n          </Field>\n          <Switch checked={def.visible !== false} onCheckedChange={(v) => setDef((p) => ({ ...p, visible: v }))} label=\"Zichtbaar in de winkel\" />\n        </div>\n        <div className=\"flex items-center justify-between\">\n          <Button onClick={save}>Opslaan</Button>\n          <Button variant=\"ghost\" onClick={remove}>Verwijderen</Button>\n        </div>\n      </div>\n    </Card>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/shop/DiscountsTab.js

@@ -10,6 +10,7 @@ import { Switch } from "../ui/switch.js";
 import { useToast } from "../ui/toast.js";
 import { useConfirm } from "../ui/ConfirmDialog.js";
 import { centsToEuroInput, eurosToCents } from "./lib.js";
+import { zodFoutTekst } from "../lib/zodFout.js";
 function DiscountsTab({ siteId }) {
   const { toast } = useToast();
   const confirm = useConfirm();
@@ -20,7 +21,8 @@ function DiscountsTab({ siteId }) {
     if (!db) return;
     return onSnapshot(
       collection(db, "sites", siteId, "discountCodes"),
-      (snap) => setCodes(snap.docs.map((d) => ({ id: d.id, ...d.data() })).sort((a, b) => a.code.localeCompare(b.code)))
+      (snap) => setCodes(snap.docs.map((d) => ({ id: d.id, ...d.data() })).sort((a, b) => a.code.localeCompare(b.code))),
+      (e) => console.warn("[xicms] live-lijst niet geladen:", e.message)
     );
   }, [siteId]);
   const current = codes.find((c) => c.id === selected) ?? null;
@@ -84,7 +86,7 @@ function DiscountDetail({
       minOrderCents: minInput.trim() === "" ? 0 : eurosToCents(minInput) ?? 0
     });
     if (!parsed.success) {
-      onToast({ title: "Ongeldige code", description: parsed.error.issues[0]?.message, tone: "error" });
+      onToast({ title: "Ongeldige code", description: zodFoutTekst(parsed.error.issues[0]), tone: "error" });
       return;
     }
     await setDoc(doc(db, "sites", siteId, "discountCodes", parsed.data.code), parsed.data);

package/dist/admin/shop/DiscountsTab.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/shop/DiscountsTab.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { collection, deleteDoc, doc, onSnapshot, setDoc } from \"firebase/firestore\";\nimport { getDb } from \"../../firebase/client\";\nimport { DiscountCodeSchema, formatCents, type DiscountCode } from \"../../schema/shop\";\nimport { Badge, Button, Card, Field, Input } from \"../ui/primitives\";\nimport { Select } from \"../ui/select\";\nimport { Switch } from \"../ui/switch\";\nimport { useToast } from \"../ui/toast\";\nimport { useConfirm } from \"../ui/ConfirmDialog\";\nimport { centsToEuroInput, eurosToCents } from \"./lib\";\n\ntype Stored = DiscountCode & { id: string };\n\n/** Kortingscodes — doc-id = code; de webhook telt het gebruik op. */\nexport function DiscountsTab({ siteId }: { siteId: string }) {\n  const { toast } = useToast();\n  const confirm = useConfirm();\n  const [codes, setCodes] = useState<Stored[]>([]);\n  const [selected, setSelected] = useState<string | null>(null);\n\n  useEffect(() => {\n    const db = getDb();\n    if (!db) return;\n    return onSnapshot(collection(db, \"sites\", siteId, \"discountCodes\"), (snap) =>\n      setCodes(snap.docs.map((d) => ({ id: d.id, ...(d.data() as DiscountCode) })).sort((a, b) => a.code.localeCompare(b.code))),\n    );\n  }, [siteId]);\n\n  const current = codes.find((c) => c.id === selected) ?? null;\n\n  return (\n    <div className=\"grid gap-4 md:grid-cols-[280px_1fr]\">\n      <Card className=\"h-fit\">\n        <div className=\"mb-3 flex items-center justify-between\">\n          <h3 className=\"text-sm font-semibold\">Kortingscodes</h3>\n          <Button size=\"sm\" onClick={() => setSelected(\"__new__\")}>+ Nieuw</Button>\n        </div>\n        <ul className=\"grid gap-1\">\n          {codes.map((c) => (\n            <li key={c.id}>\n              <button\n                onClick={() => setSelected(c.id)}\n                className={`flex w-full items-center justify-between gap-2 rounded-lg px-3 py-2 text-left text-sm ${\n                  c.id === selected ? \"bg-brand-50 text-brand-700\" : \"hover:bg-slate-100\"\n                }`}\n              >\n                <span className=\"font-mono font-semibold\">{c.code}</span>\n                <span className=\"flex items-center gap-1\">\n                  <span className=\"text-xs text-slate-500\">\n                    {c.type === \"percent\" ? `${c.value}%` : formatCents(c.value)}\n                  </span>\n                  <Badge tone={c.active !== false ? \"green\" : \"slate\"}>{c.active !== false ? \"actief\" : \"uit\"}</Badge>\n                </span>\n              </button>\n            </li>\n          ))}\n          {codes.length === 0 && <li className=\"px-3 py-2 text-sm text-slate-500\">Nog geen kortingscodes.</li>}\n        </ul>\n      </Card>\n      {current || selected === \"__new__\" ? (\n        <DiscountDetail\n          key={selected}\n          siteId={siteId}\n          existing={current}\n          onDone={() => setSelected(null)}\n          onToast={toast}\n          confirm={confirm}\n        />\n      ) : (\n        <Card><p className=\"text-sm text-slate-500\">Selecteer of maak een kortingscode.</p></Card>\n      )}\n    </div>\n  );\n}\n\nfunction DiscountDetail({\n  siteId,\n  existing,\n  onDone,\n  onToast,\n  confirm,\n}: {\n  siteId: string;\n  existing: Stored | null;\n  onDone: () => void;\n  onToast: (t: { title: string; description?: string; tone?: \"default\" | \"success\" | \"error\" }) => void;\n  confirm: (opts: { title: string; description?: string; tone?: \"default\" | \"danger\" }) => Promise<boolean>;\n}) {\n  const [def, setDef] = useState<DiscountCode>(\n    existing ?? { code: \"\", type: \"percent\", value: 10, minOrderCents: 0, freeShipping: false, active: true, maxUses: 0, usedCount: 0, oncePerCustomer: false },\n  );\n  const [fixedInput, setFixedInput] = useState(existing?.type === \"fixed\" ? centsToEuroInput(existing.value) : \"\");\n  const [minInput, setMinInput] = useState(existing?.minOrderCents ? centsToEuroInput(existing.minOrderCents) : \"\");\n\n  async function save() {\n    const db = getDb();\n    if (!db) return;\n    const value = def.type === \"fixed\" ? (eurosToCents(fixedInput) ?? 0) : def.value;\n    const parsed = DiscountCodeSchema.safeParse({\n      ...def,\n      code: def.code.toUpperCase(),\n      value,\n      minOrderCents: minInput.trim() === \"\" ? 0 : (eurosToCents(minInput) ?? 0),\n    });\n    if (!parsed.success) {\n      onToast({ title: \"Ongeldige code\", description: parsed.error.issues[0]?.message, tone: \"error\" });\n      return;\n    }\n    await setDoc(doc(db, \"sites\", siteId, \"discountCodes\", parsed.data.code), parsed.data);\n    onToast({ title: \"Kortingscode opgeslagen\", tone: \"success\" });\n    if (!existing) onDone();\n  }\n\n  async function remove() {\n    const db = getDb();\n    if (!db || !existing) return;\n    const ok = await confirm({ title: `Code ${existing.code} verwijderen?`, tone: \"danger\" });\n    if (!ok) return;\n    await deleteDoc(doc(db, \"sites\", siteId, \"discountCodes\", existing.id));\n    onDone();\n  }\n\n  return (\n    <Card>\n      <div className=\"grid gap-4\">\n        <div className=\"grid gap-4 md:grid-cols-3\">\n          <Field label=\"Code\" hint=\"Hoofdletters, cijfers, streepjes\">\n            <Input\n              value={def.code}\n              disabled={Boolean(existing)}\n              onChange={(e) => setDef((p) => ({ ...p, code: e.target.value.toUpperCase().replace(/[^A-Z0-9-]/g, \"\") }))}\n              placeholder=\"WELKOM10\"\n            />\n          </Field>\n          <Field label=\"Soort\">\n            <Select\n              value={def.type}\n              onValueChange={(v) => setDef((p) => ({ ...p, type: v as \"percent\" | \"fixed\" }))}\n              options={[\n                { value: \"percent\", label: \"Percentage\" },\n                { value: \"fixed\", label: \"Vast bedrag\" },\n              ]}\n            />\n          </Field>\n          {def.type === \"percent\" ? (\n            <Field label=\"Percentage\">\n              <Input\n                type=\"number\"\n                min={1}\n                max={100}\n                value={def.value}\n                onChange={(e) => setDef((p) => ({ ...p, value: Math.max(1, Math.min(100, Number(e.target.value) || 0)) }))}\n                className=\"w-24\"\n              />\n            </Field>\n          ) : (\n            <Field label=\"Bedrag (€)\">\n              <Input value={fixedInput} onChange={(e) => setFixedInput(e.target.value)} placeholder=\"5,00\" className=\"w-24\" />\n            </Field>\n          )}\n        </div>\n\n        <div className=\"grid gap-4 md:grid-cols-3\">\n          <Field label=\"Minimaal orderbedrag (€)\" hint=\"Leeg = geen minimum\">\n            <Input value={minInput} onChange={(e) => setMinInput(e.target.value)} placeholder=\"25,00\" className=\"w-28\" />\n          </Field>\n          <Field label=\"Geldig van\" hint=\"Leeg = direct\">\n            <Input type=\"date\" value={def.startsAt ?? \"\"} onChange={(e) => setDef((p) => ({ ...p, startsAt: e.target.value || undefined }))} />\n          </Field>\n          <Field label=\"Geldig t/m\" hint=\"Leeg = onbeperkt\">\n            <Input type=\"date\" value={def.endsAt ?? \"\"} onChange={(e) => setDef((p) => ({ ...p, endsAt: e.target.value || undefined }))} />\n          </Field>\n        </div>\n\n        <div className=\"flex flex-wrap items-center gap-6\">\n          <Field label=\"Max. aantal keer te gebruiken\" hint=\"0 = onbeperkt\">\n            <Input\n              type=\"number\"\n              min={0}\n              value={def.maxUses ?? 0}\n              onChange={(e) => setDef((p) => ({ ...p, maxUses: Math.max(0, Number(e.target.value) || 0) }))}\n              className=\"w-24\"\n            />\n          </Field>\n          <Switch checked={def.freeShipping === true} onCheckedChange={(v) => setDef((p) => ({ ...p, freeShipping: v }))} label=\"Gratis verzending\" />\n          <Switch\n            checked={def.oncePerCustomer === true}\n            onCheckedChange={(v) => setDef((p) => ({ ...p, oncePerCustomer: v }))}\n            label=\"Eén keer per klant (op e-mailadres)\"\n          />\n          <Switch checked={def.active !== false} onCheckedChange={(v) => setDef((p) => ({ ...p, active: v }))} label=\"Actief\" />\n          {existing && (\n            <span className=\"text-sm text-slate-500\">{existing.usedCount ?? 0}× gebruikt</span>\n          )}\n        </div>\n\n        <div className=\"flex items-center justify-between border-t border-slate-100 pt-4\">\n          <Button onClick={save} disabled={!def.code}>Opslaan</Button>\n          {existing && <Button variant=\"danger\" onClick={remove}>Verwijderen</Button>}\n        </div>\n      </div>\n    </Card>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/admin/shop/DiscountsTab.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { collection, deleteDoc, doc, onSnapshot, setDoc } from \"firebase/firestore\";\nimport { getDb } from \"../../firebase/client\";\nimport { DiscountCodeSchema, formatCents, type DiscountCode } from \"../../schema/shop\";\nimport { Badge, Button, Card, Field, Input } from \"../ui/primitives\";\nimport { Select } from \"../ui/select\";\nimport { Switch } from \"../ui/switch\";\nimport { useToast } from \"../ui/toast\";\nimport { useConfirm } from \"../ui/ConfirmDialog\";\nimport { centsToEuroInput, eurosToCents } from \"./lib\";\nimport { zodFoutTekst } from \"../lib/zodFout\";\n\ntype Stored = DiscountCode & { id: string };\n\n/** Kortingscodes — doc-id = code; de webhook telt het gebruik op. */\nexport function DiscountsTab({ siteId }: { siteId: string }) {\n  const { toast } = useToast();\n  const confirm = useConfirm();\n  const [codes, setCodes] = useState<Stored[]>([]);\n  const [selected, setSelected] = useState<string | null>(null);\n\n  useEffect(() => {\n    const db = getDb();\n    if (!db) return;\n    return onSnapshot(collection(db, \"sites\", siteId, \"discountCodes\"), (snap) =>\n      setCodes(snap.docs.map((d) => ({ id: d.id, ...(d.data() as DiscountCode) })).sort((a, b) => a.code.localeCompare(b.code))),\n      (e) => console.warn(\"[xicms] live-lijst niet geladen:\", e.message),\n    );\n  }, [siteId]);\n\n  const current = codes.find((c) => c.id === selected) ?? null;\n\n  return (\n    <div className=\"grid gap-4 md:grid-cols-[280px_1fr]\">\n      <Card className=\"h-fit\">\n        <div className=\"mb-3 flex items-center justify-between\">\n          <h3 className=\"text-sm font-semibold\">Kortingscodes</h3>\n          <Button size=\"sm\" onClick={() => setSelected(\"__new__\")}>+ Nieuw</Button>\n        </div>\n        <ul className=\"grid gap-1\">\n          {codes.map((c) => (\n            <li key={c.id}>\n              <button\n                onClick={() => setSelected(c.id)}\n                className={`flex w-full items-center justify-between gap-2 rounded-lg px-3 py-2 text-left text-sm ${\n                  c.id === selected ? \"bg-brand-50 text-brand-700\" : \"hover:bg-slate-100\"\n                }`}\n              >\n                <span className=\"font-mono font-semibold\">{c.code}</span>\n                <span className=\"flex items-center gap-1\">\n                  <span className=\"text-xs text-slate-500\">\n                    {c.type === \"percent\" ? `${c.value}%` : formatCents(c.value)}\n                  </span>\n                  <Badge tone={c.active !== false ? \"green\" : \"slate\"}>{c.active !== false ? \"actief\" : \"uit\"}</Badge>\n                </span>\n              </button>\n            </li>\n          ))}\n          {codes.length === 0 && <li className=\"px-3 py-2 text-sm text-slate-500\">Nog geen kortingscodes.</li>}\n        </ul>\n      </Card>\n      {current || selected === \"__new__\" ? (\n        <DiscountDetail\n          key={selected}\n          siteId={siteId}\n          existing={current}\n          onDone={() => setSelected(null)}\n          onToast={toast}\n          confirm={confirm}\n        />\n      ) : (\n        <Card><p className=\"text-sm text-slate-500\">Selecteer of maak een kortingscode.</p></Card>\n      )}\n    </div>\n  );\n}\n\nfunction DiscountDetail({\n  siteId,\n  existing,\n  onDone,\n  onToast,\n  confirm,\n}: {\n  siteId: string;\n  existing: Stored | null;\n  onDone: () => void;\n  onToast: (t: { title: string; description?: string; tone?: \"default\" | \"success\" | \"error\" }) => void;\n  confirm: (opts: { title: string; description?: string; tone?: \"default\" | \"danger\" }) => Promise<boolean>;\n}) {\n  const [def, setDef] = useState<DiscountCode>(\n    existing ?? { code: \"\", type: \"percent\", value: 10, minOrderCents: 0, freeShipping: false, active: true, maxUses: 0, usedCount: 0, oncePerCustomer: false },\n  );\n  const [fixedInput, setFixedInput] = useState(existing?.type === \"fixed\" ? centsToEuroInput(existing.value) : \"\");\n  const [minInput, setMinInput] = useState(existing?.minOrderCents ? centsToEuroInput(existing.minOrderCents) : \"\");\n\n  async function save() {\n    const db = getDb();\n    if (!db) return;\n    const value = def.type === \"fixed\" ? (eurosToCents(fixedInput) ?? 0) : def.value;\n    const parsed = DiscountCodeSchema.safeParse({\n      ...def,\n      code: def.code.toUpperCase(),\n      value,\n      minOrderCents: minInput.trim() === \"\" ? 0 : (eurosToCents(minInput) ?? 0),\n    });\n    if (!parsed.success) {\n      onToast({ title: \"Ongeldige code\", description: zodFoutTekst(parsed.error.issues[0]), tone: \"error\" });\n      return;\n    }\n    await setDoc(doc(db, \"sites\", siteId, \"discountCodes\", parsed.data.code), parsed.data);\n    onToast({ title: \"Kortingscode opgeslagen\", tone: \"success\" });\n    if (!existing) onDone();\n  }\n\n  async function remove() {\n    const db = getDb();\n    if (!db || !existing) return;\n    const ok = await confirm({ title: `Code ${existing.code} verwijderen?`, tone: \"danger\" });\n    if (!ok) return;\n    await deleteDoc(doc(db, \"sites\", siteId, \"discountCodes\", existing.id));\n    onDone();\n  }\n\n  return (\n    <Card>\n      <div className=\"grid gap-4\">\n        <div className=\"grid gap-4 md:grid-cols-3\">\n          <Field label=\"Code\" hint=\"Hoofdletters, cijfers, streepjes\">\n            <Input\n              value={def.code}\n              disabled={Boolean(existing)}\n              onChange={(e) => setDef((p) => ({ ...p, code: e.target.value.toUpperCase().replace(/[^A-Z0-9-]/g, \"\") }))}\n              placeholder=\"WELKOM10\"\n            />\n          </Field>\n          <Field label=\"Soort\">\n            <Select\n              value={def.type}\n              onValueChange={(v) => setDef((p) => ({ ...p, type: v as \"percent\" | \"fixed\" }))}\n              options={[\n                { value: \"percent\", label: \"Percentage\" },\n                { value: \"fixed\", label: \"Vast bedrag\" },\n              ]}\n            />\n          </Field>\n          {def.type === \"percent\" ? (\n            <Field label=\"Percentage\">\n              <Input\n                type=\"number\"\n                min={1}\n                max={100}\n                value={def.value}\n                onChange={(e) => setDef((p) => ({ ...p, value: Math.max(1, Math.min(100, Number(e.target.value) || 0)) }))}\n                className=\"w-24\"\n              />\n            </Field>\n          ) : (\n            <Field label=\"Bedrag (€)\">\n              <Input value={fixedInput} onChange={(e) => setFixedInput(e.target.value)} placeholder=\"5,00\" className=\"w-24\" />\n            </Field>\n          )}\n        </div>\n\n        <div className=\"grid gap-4 md:grid-cols-3\">\n          <Field label=\"Minimaal orderbedrag (€)\" hint=\"Leeg = geen minimum\">\n            <Input value={minInput} onChange={(e) => setMinInput(e.target.value)} placeholder=\"25,00\" className=\"w-28\" />\n          </Field>\n          <Field label=\"Geldig van\" hint=\"Leeg = direct\">\n            <Input type=\"date\" value={def.startsAt ?? \"\"} onChange={(e) => setDef((p) => ({ ...p, startsAt: e.target.value || undefined }))} />\n          </Field>\n          <Field label=\"Geldig t/m\" hint=\"Leeg = onbeperkt\">\n            <Input type=\"date\" value={def.endsAt ?? \"\"} onChange={(e) => setDef((p) => ({ ...p, endsAt: e.target.value || undefined }))} />\n          </Field>\n        </div>\n\n        <div className=\"flex flex-wrap items-center gap-6\">\n          <Field label=\"Max. aantal keer te gebruiken\" hint=\"0 = onbeperkt\">\n            <Input\n              type=\"number\"\n              min={0}\n              value={def.maxUses ?? 0}\n              onChange={(e) => setDef((p) => ({ ...p, maxUses: Math.max(0, Number(e.target.value) || 0) }))}\n              className=\"w-24\"\n            />\n          </Field>\n          <Switch checked={def.freeShipping === true} onCheckedChange={(v) => setDef((p) => ({ ...p, freeShipping: v }))} label=\"Gratis verzending\" />\n          <Switch\n            checked={def.oncePerCustomer === true}\n            onCheckedChange={(v) => setDef((p) => ({ ...p, oncePerCustomer: v }))}\n            label=\"Eén keer per klant (op e-mailadres)\"\n          />\n          <Switch checked={def.active !== false} onCheckedChange={(v) => setDef((p) => ({ ...p, active: v }))} label=\"Actief\" />\n          {existing && (\n            <span className=\"text-sm text-slate-500\">{existing.usedCount ?? 0}× gebruikt</span>\n          )}\n        </div>\n\n        <div className=\"flex items-center justify-between border-t border-slate-100 pt-4\">\n          <Button onClick={save} disabled={!def.code}>Opslaan</Button>\n          {existing && <Button variant=\"danger\" onClick={remove}>Verwijderen</Button>}\n        </div>\n      </div>\n    </Card>\n  );\n}\n"],"mappings":"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","names":[]}