@xiwebdesign/xicms-core 7.30.0 → 8.15.0

package/dist/media/srcset.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/media/srcset.ts"],"sourcesContent":["/**\n * De srcset voor een geüpload beeld (8.3). De upload-pipeline maakt een WebP-ladder (320…1280) én\n * een volle WebP (tot 2048). Tot 8.3 stond die volle WebP als enige kandidaat in een\n * `<source type=\"image/webp\">` — en elke moderne browser kiest de `<source>`, dus de ladder op de\n * `<img>` werd nooit gebruikt: een telefoon downloadde het 2048-beeld voor een kaartje van 300px.\n * Nu één srcset met de hele ladder plus de volle versie als grootste trede; de browser kiest zelf.\n */\nexport interface Variant {\n  url: string;\n  width: number;\n}\n\nexport function bronSet(ladder: Variant[] | undefined, volle?: Variant | null): string | undefined {\n  const treden = [...(ladder ?? [])].filter((v) => v.url && v.width > 0);\n  const grootste = treden.reduce((m, v) => Math.max(m, v.width), 0);\n  if (volle?.url && volle.width > grootste) treden.push(volle);\n  if (treden.length === 0) return undefined;\n  const uniek = new Map<number, Variant>();\n  for (const v of treden) if (!uniek.has(v.width)) uniek.set(v.width, v);\n  return [...uniek.values()]\n    .sort((a, b) => a.width - b.width)\n    .map((v) => `${v.url} ${v.width}w`)\n    .join(\", \");\n}\n"],"mappings":"AAYO,SAAS,QAAQ,QAA+B,OAA4C;AACjG,QAAM,SAAS,CAAC,GAAI,UAAU,CAAC,CAAE,EAAE,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,CAAC;AACrE,QAAM,WAAW,OAAO,OAAO,CAAC,GAAG,MAAM,KAAK,IAAI,GAAG,EAAE,KAAK,GAAG,CAAC;AAChE,MAAI,OAAO,OAAO,MAAM,QAAQ,SAAU,QAAO,KAAK,KAAK;AAC3D,MAAI,OAAO,WAAW,EAAG,QAAO;AAChC,QAAM,QAAQ,oBAAI,IAAqB;AACvC,aAAW,KAAK,OAAQ,KAAI,CAAC,MAAM,IAAI,EAAE,KAAK,EAAG,OAAM,IAAI,EAAE,OAAO,CAAC;AACrE,SAAO,CAAC,GAAG,MAAM,OAAO,CAAC,EACtB,KAAK,CAAC,GAAG,MAAM,EAAE,QAAQ,EAAE,KAAK,EAChC,IAAI,CAAC,MAAM,GAAG,EAAE,GAAG,IAAI,EAAE,KAAK,GAAG,EACjC,KAAK,IAAI;AACd;","names":[]}

package/dist/modules/builtins.d.ts

@@ -27,6 +27,7 @@ export declare const videoModule: ModuleDefinition;
 export declare const bannerModule: ModuleDefinition;
 export declare const contactModule: ModuleDefinition;
 export declare const newsletterModule: ModuleDefinition;
+export declare const verhuurModule: ModuleDefinition;
 export declare const bookingModule: ModuleDefinition;
 export declare const accordionModule: ModuleDefinition;
 export declare const embedModule: ModuleDefinition;

package/dist/modules/builtins.js

@@ -10,6 +10,9 @@ import { galleryBlock } from "../blocks/builtins/Gallery.js";
 import { faqBlock } from "../blocks/builtins/Faq.js";
 import { openingHoursBlock } from "../blocks/builtins/OpeningHours.js";
 import { pricingBlock } from "../blocks/builtins/Pricing.js";
+import { priceListBlock } from "../blocks/builtins/PriceList.js";
+import { sectionHeadingBlock } from "../blocks/builtins/SectionHeading.js";
+import { availabilityBlock } from "../blocks/builtins/Availability.js";
 import { newsListBlock } from "../blocks/builtins/NewsListBlock.js";
 import { formBlock } from "../blocks/builtins/FormBlock.js";
 import { testimonialsBlock } from "../blocks/builtins/Testimonials.js";
@@ -59,7 +62,7 @@ const contentModule = defineModule({
   label: "Basisinhoud",
   description: "Kern-bouwstenen: hero, tekst, afbeelding, CTA, kolommen, zijbalk, witruimte.",
   core: true,
-  blocks: [heroBlock, richTextBlock, imageBlock, ctaBlock, columnsBlock, withSidebarBlock, spacerBlock, buttonsBlock, quoteBlock, dividerBlock, ctaWidget, symbolRefBlock]
+  blocks: [heroBlock, sectionHeadingBlock, richTextBlock, imageBlock, ctaBlock, columnsBlock, withSidebarBlock, spacerBlock, buttonsBlock, quoteBlock, dividerBlock, ctaWidget, symbolRefBlock]
 });
 const galleryModule = defineModule({
   id: "gallery",
@@ -93,7 +96,7 @@ const pricingModule = defineModule({
   id: "pricing",
   version: CORE_VERSION,
   label: "Prijzen",
-  blocks: [pricingBlock]
+  blocks: [pricingBlock, priceListBlock]
 });
 const pagesModule = defineModule({
   id: "pages",
@@ -241,10 +244,18 @@ const newsletterModule = defineModule({
   defaultEnabled: false,
   blocks: [newsletterBlock, newsletterWidget]
 });
+const verhuurModule = defineModule({
+  id: "verhuur",
+  version: CORE_VERSION,
+  label: "Verhuur & beschikbaarheid",
+  description: "Beschikbaarheidskalender uit de iCal-link van je boekingssysteem, met aanvragen voor een gekozen periode.",
+  defaultEnabled: false,
+  blocks: [availabilityBlock]
+});
 const bookingModule = defineModule({
   id: "booking",
   version: CORE_VERSION,
-  label: "Afspraak/booking",
+  label: "Afspraak maken",
   description: "Boekings-embed (bv. Calendly), consent-gated.",
   defaultEnabled: false,
   blocks: [bookingBlock]
@@ -402,6 +413,7 @@ const builtinModules = [
   contactModule,
   newsletterModule,
   bookingModule,
+  verhuurModule,
   accordionModule,
   embedModule,
   cardsModule,
@@ -455,6 +467,7 @@ export {
   teamModule,
   testimonialsModule,
   timelineModule,
+  verhuurModule,
   videoModule,
   whatsappModule
 };

package/dist/modules/builtins.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/modules/builtins.ts"],"sourcesContent":["/**\n * Ingebouwde modules (XiCMS 3.0). Elke \"feature\" van 2.x is hier een first-class module geworden,\n * zodat hij per site aan/uit kan en los te verbeteren is. De bijbehorende admin-panelen staan in\n * `@xiwebdesign/xicms-core/admin` (paneel-registry), gekoppeld via dezelfde `id`/`featureKey`.\n *\n * Backward compatible: zonder `SiteConfig.modules`/`features` zijn alle modules actief — identiek\n * aan 2.x. De `content`-module is `core: true` en kan niet uitgezet worden (de basis-bouwstenen).\n */\nimport * as z from \"zod/mini\";\nimport { defineModule } from \"./defineModule\";\nimport type { ModuleDefinition } from \"./types\";\n\nimport { heroBlock } from \"../blocks/builtins/Hero\";\nimport { richTextBlock } from \"../blocks/builtins/RichTextBlock\";\nimport { imageBlock } from \"../blocks/builtins/ImageBlock\";\nimport { ctaBlock } from \"../blocks/builtins/Cta\";\nimport { columnsBlock } from \"../blocks/builtins/Columns\";\nimport { spacerBlock } from \"../blocks/builtins/Spacer\";\nimport { galleryBlock } from \"../blocks/builtins/Gallery\";\nimport { faqBlock } from \"../blocks/builtins/Faq\";\nimport { openingHoursBlock } from \"../blocks/builtins/OpeningHours\";\nimport { pricingBlock } from \"../blocks/builtins/Pricing\";\nimport { newsListBlock } from \"../blocks/builtins/NewsListBlock\";\nimport { formBlock } from \"../blocks/builtins/FormBlock\";\nimport { testimonialsBlock } from \"../blocks/builtins/Testimonials\";\nimport { teamBlock } from \"../blocks/builtins/Team\";\nimport { agendaBlock } from \"../blocks/builtins/Agenda\";\nimport { searchBlock } from \"../blocks/builtins/Search\";\nimport { featureBlock, countersBlock, logosBlock, timelineBlock } from \"../blocks/builtins/Sections\";\nimport { symbolRefBlock } from \"../blocks/builtins/SymbolRef\";\nimport { videoBlock } from \"../blocks/builtins/Video\";\nimport { bannerBlock } from \"../blocks/builtins/Banner\";\nimport { contactBlock, socialBlock } from \"../blocks/builtins/Contact\";\nimport { mapBlock } from \"../blocks/builtins/MapBlock\";\nimport { newsletterBlock } from \"../blocks/builtins/Newsletter\";\nimport { bookingBlock } from \"../blocks/builtins/Booking\";\nimport { buttonsBlock, quoteBlock, dividerBlock } from \"../blocks/builtins/Elements\";\nimport { accordionBlock } from \"../blocks/builtins/Accordion\";\nimport { embedBlock } from \"../blocks/builtins/Embed\";\nimport { withSidebarBlock, tabsBlock } from \"../blocks/builtins/Layout\";\nimport { cardsBlock } from \"../blocks/builtins/Cards\";\nimport { downloadsBlock } from \"../blocks/builtins/Downloads\";\nimport { pdfBlock } from \"../blocks/builtins/PdfBlock\";\nimport { countdownBlock } from \"../blocks/builtins/Countdown\";\nimport { sliderBlock } from \"../blocks/builtins/Slider\";\nimport { whatsappChatBlock } from \"../blocks/builtins/WhatsappChat\";\nimport { beforeAfterBlock } from \"../blocks/builtins/BeforeAfter\";\nimport { portfolioBlock } from \"../blocks/builtins/Portfolio\";\nimport { jobsBlock } from \"../blocks/builtins/Jobs\";\nimport { breadcrumbsBlock } from \"../blocks/builtins/Breadcrumbs\";\nimport {\n  newsWidget,\n  agendaWidget,\n  openingHoursWidget,\n  contactWidget,\n  socialWidget as socialWidgetBlock,\n  newsletterWidget,\n  ctaWidget,\n  galleryWidget,\n  testimonialsWidget,\n  cardsWidget,\n  downloadsWidget,\n  countdownWidget,\n} from \"../blocks/builtins/Widgets\";\n\nconst CORE_VERSION = \"5.0.0\";\n\n/**\n * Basis-bouwstenen — altijd aanwezig (niet uit te zetten). Bevat ook de indelingsblokken\n * (kolommen, \"Met zijbalk\") waarmee je widgets naast je hoofdinhoud plaatst, plus de\n * compacte CTA-widget.\n */\nexport const contentModule = defineModule({\n  id: \"content\",\n  version: CORE_VERSION,\n  label: \"Basisinhoud\",\n  description: \"Kern-bouwstenen: hero, tekst, afbeelding, CTA, kolommen, zijbalk, witruimte.\",\n  core: true,\n  blocks: [heroBlock, richTextBlock, imageBlock, ctaBlock, columnsBlock, withSidebarBlock, spacerBlock, buttonsBlock, quoteBlock, dividerBlock, ctaWidget, symbolRefBlock],\n});\n\nexport const galleryModule = defineModule({\n  id: \"gallery\",\n  version: CORE_VERSION,\n  label: \"Fotogalerij\",\n  description: \"Galerij-block met grid en (optioneel) lightbox + compacte fotostrip-widget.\",\n  blocks: [galleryBlock, galleryWidget],\n  // Per-site instelbaar door de agent/klant (modules.gallery.config) zonder core te forken.\n  // `.describe()` = het label dat de klant in /beheer ziet.\n  settingsSchema: z.object({\n    columns: z._default(z.int().check(z.minimum(1)).check(z.maximum(6)), 3).register(z.globalRegistry, { description: \"Kolommen\" }),\n    lightbox: z._default(z.boolean(), true).register(z.globalRegistry, { description: \"Lightbox bij klikken\" }),\n  }),\n  defaultSettings: { columns: 3, lightbox: true },\n});\n\nexport const faqModule = defineModule({\n  id: \"faq\",\n  version: CORE_VERSION,\n  label: \"FAQ\",\n  description: \"Veelgestelde vragen (accordeon) met optionele zoek + FAQ-JSON-LD.\",\n  blocks: [faqBlock],\n});\n\nexport const openingHoursModule = defineModule({\n  id: \"openingHours\",\n  version: CORE_VERSION,\n  label: \"Openingstijden\",\n  description: \"Openingstijden-tabel + compacte widget met 'vandaag' gemarkeerd.\",\n  blocks: [openingHoursBlock, openingHoursWidget],\n});\n\nexport const pricingModule = defineModule({\n  id: \"pricing\",\n  version: CORE_VERSION,\n  label: \"Prijzen\",\n  blocks: [pricingBlock],\n});\n\nexport const pagesModule = defineModule({\n  id: \"pages\",\n  version: CORE_VERSION,\n  label: \"Pagina's\",\n  featureKey: \"pages\",\n  description: \"Paginabouwer (draft → publish + versiegeschiedenis).\",\n});\n\nexport const newsModule = defineModule({\n  id: \"news\",\n  version: CORE_VERSION,\n  label: \"Nieuws\",\n  featureKey: \"news\",\n  description: \"Nieuwsartikelen + nieuwslijst-block + 'laatste nieuws'-widget voor de zijbalk.\",\n  blocks: [newsListBlock, newsWidget],\n});\n\nexport const mediaModule = defineModule({\n  id: \"media\",\n  version: CORE_VERSION,\n  label: \"Media\",\n  featureKey: \"media\",\n  description: \"Mediabeheer met compressie + webp/srcset-varianten.\",\n  requires: [{ kind: \"function\", name: \"onMediaUpload\" }, { kind: \"storage\", prefix: \"sites/\" }],\n});\n\nexport const formsModule = defineModule({\n  id: \"forms\",\n  version: CORE_VERSION,\n  label: \"Formulieren\",\n  featureKey: \"forms\",\n  description: \"Formulierbouwer + inzendingen + e-mailnotificatie.\",\n  blocks: [formBlock],\n  requires: [\n    { kind: \"function\", name: \"submitForm\" },\n    { kind: \"firestore\", collection: \"forms\" },\n  ],\n});\n\nexport const statsModule = defineModule({\n  id: \"stats\",\n  version: CORE_VERSION,\n  label: \"Statistieken\",\n  featureKey: \"stats\",\n  description: \"Privacy-vriendelijke bezoekersstatistieken (geen cookies).\",\n  requires: [{ kind: \"function\", name: \"trackView\" }],\n});\n\nexport const settingsModule = defineModule({\n  id: \"settings\",\n  version: CORE_VERSION,\n  label: \"Instellingen\",\n  core: true,\n  description: \"Site-instellingen (nav, thema, SEO, formulier-afzender) — alleen siteadmin.\",\n});\n\n// Opt-in modules (defaultEnabled: false): worden bij installatie of later aangezet via\n// `modules: { <id>: true }`. Geen extra backend nodig — data leeft in de page-blocks.\nexport const testimonialsModule = defineModule({\n  id: \"testimonials\",\n  version: CORE_VERSION,\n  label: \"Reviews\",\n  description: \"Klantquotes/reviews met sterren, optionele Review-JSON-LD + compacte review-widget.\",\n  defaultEnabled: false,\n  blocks: [testimonialsBlock, testimonialsWidget],\n});\n\nexport const teamModule = defineModule({\n  id: \"team\",\n  version: CORE_VERSION,\n  label: \"Team\",\n  description: \"Team-/medewerkersoverzicht met foto, functie en bio.\",\n  defaultEnabled: false,\n  blocks: [teamBlock],\n});\n\nexport const agendaModule = defineModule({\n  id: \"agenda\",\n  version: CORE_VERSION,\n  label: \"Agenda\",\n  description: \"Evenementen/agenda (chronologisch) met Event-JSON-LD + 'komende agenda'-widget.\",\n  defaultEnabled: false,\n  blocks: [agendaBlock, agendaWidget],\n});\n\nexport const searchModule = defineModule({\n  id: \"search\",\n  version: CORE_VERSION,\n  label: \"Zoeken\",\n  description: \"Site-zoekblok dat gepubliceerde pagina's (en nieuws) client-side doorzoekt.\",\n  defaultEnabled: false,\n  blocks: [searchBlock],\n});\n\nexport const featureModule = defineModule({\n  id: \"feature\",\n  version: CORE_VERSION,\n  label: \"Beeld + tekst\",\n  description: \"Feature-sectie met afbeelding links/rechts en tekst.\",\n  defaultEnabled: false,\n  blocks: [featureBlock],\n});\n\nexport const countersModule = defineModule({\n  id: \"counters\",\n  version: CORE_VERSION,\n  label: \"Tellers\",\n  description: \"Statistiek-tellers (bv. “100+ klanten”).\",\n  defaultEnabled: false,\n  blocks: [countersBlock],\n});\n\nexport const logosModule = defineModule({\n  id: \"logos\",\n  version: CORE_VERSION,\n  label: \"Logo's\",\n  description: \"Partner-/klantlogo-strip.\",\n  defaultEnabled: false,\n  blocks: [logosBlock],\n});\n\nexport const timelineModule = defineModule({\n  id: \"timeline\",\n  version: CORE_VERSION,\n  label: \"Tijdlijn\",\n  description: \"Stappen/proces als tijdlijn.\",\n  defaultEnabled: false,\n  blocks: [timelineBlock],\n});\n\nexport const videoModule = defineModule({\n  id: \"video\",\n  version: CORE_VERSION,\n  label: \"Video\",\n  description: \"YouTube/Vimeo/MP4-embed (consent-gated).\",\n  defaultEnabled: false,\n  blocks: [videoBlock],\n});\n\nexport const bannerModule = defineModule({\n  id: \"banner\",\n  version: CORE_VERSION,\n  label: \"Aankondiging\",\n  description: \"Aankondigingsbalk, optioneel sluitbaar.\",\n  defaultEnabled: false,\n  blocks: [bannerBlock],\n});\n\nexport const contactModule = defineModule({\n  id: \"contact\",\n  version: CORE_VERSION,\n  label: \"Contact + kaart + social\",\n  description: \"Contactgegevens (JSON-LD), kaart (consent-gated), social-links + compacte widgets.\",\n  defaultEnabled: false,\n  blocks: [contactBlock, mapBlock, socialBlock, contactWidget, socialWidgetBlock],\n});\n\nexport const newsletterModule = defineModule({\n  id: \"newsletter\",\n  version: CORE_VERSION,\n  label: \"Nieuwsbrief\",\n  description: \"Aanmeldformulier via een externe provider-URL + compacte nieuwsbrief-widget.\",\n  defaultEnabled: false,\n  blocks: [newsletterBlock, newsletterWidget],\n});\n\nexport const bookingModule = defineModule({\n  id: \"booking\",\n  version: CORE_VERSION,\n  label: \"Afspraak/booking\",\n  description: \"Boekings-embed (bv. Calendly), consent-gated.\",\n  defaultEnabled: false,\n  blocks: [bookingBlock],\n});\n\nexport const accordionModule = defineModule({\n  id: \"accordion\",\n  version: CORE_VERSION,\n  label: \"Accordeon\",\n  description: \"Generieke in-/uitklapbare panelen.\",\n  defaultEnabled: false,\n  blocks: [accordionBlock],\n});\n\nexport const embedModule = defineModule({\n  id: \"embed\",\n  version: CORE_VERSION,\n  label: \"Embed\",\n  description: \"Generieke responsive iframe-embed (consent-gated).\",\n  defaultEnabled: false,\n  blocks: [embedBlock],\n});\n\n/* ── Nieuwe modules (3.1) — veelgebruikt op websites, volwaardig + widget waar zinvol ── */\n\nexport const cardsModule = defineModule({\n  id: \"cards\",\n  version: CORE_VERSION,\n  label: \"Diensten / kaarten\",\n  description: \"Diensten-/featurekaarten in een grid (icoon of beeld) + compacte 'uitgelicht'-widget.\",\n  defaultEnabled: false,\n  blocks: [cardsBlock, cardsWidget],\n});\n\nexport const tabsModule = defineModule({\n  id: \"tabs\",\n  version: CORE_VERSION,\n  label: \"Tabbladen\",\n  description: \"Tabblad-indeling: per tab een eigen set blokken (bv. beschrijving / specificaties).\",\n  defaultEnabled: false,\n  blocks: [tabsBlock],\n});\n\nexport const downloadsModule = defineModule({\n  id: \"downloads\",\n  version: CORE_VERSION,\n  label: \"Downloads\",\n  description: \"Lijst met downloadbare documenten (brochures, prijslijsten) + compacte widget.\",\n  defaultEnabled: false,\n  blocks: [downloadsBlock, downloadsWidget],\n});\n\nexport const pdfModule = defineModule({\n  id: \"pdf\",\n  version: CORE_VERSION,\n  label: \"PDF-lezer\",\n  description: \"Inline PDF-lezer voor menukaarten/documenten; meerdere PDF's met tabs, zelf te vervangen.\",\n  defaultEnabled: false,\n  blocks: [pdfBlock],\n});\n\nexport const countdownModule = defineModule({\n  id: \"countdown\",\n  version: CORE_VERSION,\n  label: \"Aftelteller\",\n  description: \"Tikkende countdown naar een datum (lancering, evenement, aanbieding) + widget.\",\n  defaultEnabled: false,\n  blocks: [countdownBlock, countdownWidget],\n});\n\nexport const sliderModule = defineModule({\n  id: \"slider\",\n  version: CORE_VERSION,\n  label: \"Carrousel / slider\",\n  description: \"Beeld-/contentcarrousel met dots, pijlen en optioneel autoplay (reduced-motion-veilig).\",\n  defaultEnabled: false,\n  blocks: [sliderBlock],\n});\n\n/* ── 4.16: nieuwe modules (allemaal opt-in) ──────────────────────────────── */\n\nexport const whatsappModule = defineModule({\n  id: \"whatsapp\",\n  version: CORE_VERSION,\n  label: \"WhatsApp-knop\",\n  description: \"Zwevende WhatsApp-/chatknop — laagdrempelig contact (wa.me-link, geen consent nodig).\",\n  defaultEnabled: false,\n  blocks: [whatsappChatBlock],\n});\n\nexport const beforeAfterModule = defineModule({\n  id: \"beforeAfter\",\n  version: CORE_VERSION,\n  label: \"Voor / na\",\n  description: \"Voor/na-vergelijker met sleepbare scheiding — sterk voor hoveniers, schilders, salons.\",\n  defaultEnabled: false,\n  blocks: [beforeAfterBlock],\n});\n\nexport const portfolioModule = defineModule({\n  id: \"portfolio\",\n  version: CORE_VERSION,\n  label: \"Portfolio / projecten\",\n  description: \"Projecten/cases-grid met categorie-filter en lightbox.\",\n  defaultEnabled: false,\n  blocks: [portfolioBlock],\n});\n\nexport const jobsModule = defineModule({\n  id: \"jobs\",\n  version: CORE_VERSION,\n  label: \"Vacatures\",\n  description: \"Vacature-overzicht met JobPosting-JSON-LD (vindbaar via Google Jobs).\",\n  defaultEnabled: false,\n  blocks: [jobsBlock],\n});\n\nexport const breadcrumbsModule = defineModule({\n  id: \"breadcrumbs\",\n  version: CORE_VERSION,\n  label: \"Kruimelpad\",\n  description: \"Kruimelpad afgeleid van de URL, met BreadcrumbList-JSON-LD (SEO).\",\n  defaultEnabled: false,\n  blocks: [breadcrumbsBlock],\n});\n\n/* ── 5.5: webwinkel + donaties ───────────────────────────────────────────────\n * 6.0: de shop-module zit NIET meer in de default-bundel. Hij is opt-in via de\n * subpath `@xiwebdesign/xicms-core/modules/shop` (+ `/admin/shop`, `/server/shop`),\n * of via de backward-compat-barrel `@xiwebdesign/xicms-core/all`. Zo landt shop-code\n * alleen in de build van sites die 'm daadwerkelijk aanzetten. */\n\nexport const consentModule = defineModule({\n  id: \"consent\",\n  version: CORE_VERSION,\n  label: \"Cookie-consent (AVG)\",\n  description: \"Toestemmingsbanner + consent-opslag; stelt niet-essentiële scripts uit.\",\n  defaultEnabled: false,\n  settingsSchema: z.object({\n    message: z._default(z.string(), \"We gebruiken cookies om de site te verbeteren. Kies hieronder je voorkeuren.\").register(z.globalRegistry, { description: \"Bannertekst\" }),\n    privacyUrl: z.optional(z.string()).register(z.globalRegistry, { description: \"Link naar privacyverklaring\" }),\n    version: z.optional(z.string()).register(z.globalRegistry, { description: \"Beleidsversie (wijzig → banner opnieuw tonen)\" }),\n    showReopen: z._default(z.boolean(), true).register(z.globalRegistry, { description: \"Zwevend cookie-knopje om keuze te wijzigen\" }),\n    categories: z._default(z.array(z.object({\n          id: z.string(),\n          label: z.string(),\n          description: z.optional(z.string()),\n          required: z._default(z.boolean(), false),\n        })), [\n        { id: \"necessary\", label: \"Noodzakelijk\", description: \"Nodig om de site te laten werken.\", required: true },\n        { id: \"analytics\", label: \"Statistieken\", description: \"Anonieme statistieken om de site te verbeteren.\", required: false },\n        { id: \"marketing\", label: \"Marketing\", description: \"Externe embeds zoals video's en kaarten.\", required: false },\n      ]),\n  }),\n  defaultSettings: {},\n});\n\n/** Alle ingebouwde modules (volgorde bepaalt block- en tab-volgorde). */\nexport const builtinModules: ModuleDefinition[] = [\n  contentModule,\n  pagesModule,\n  newsModule,\n  mediaModule,\n  galleryModule,\n  faqModule,\n  openingHoursModule,\n  pricingModule,\n  formsModule,\n  statsModule,\n  settingsModule,\n  testimonialsModule,\n  teamModule,\n  agendaModule,\n  searchModule,\n  featureModule,\n  countersModule,\n  logosModule,\n  timelineModule,\n  videoModule,\n  bannerModule,\n  contactModule,\n  newsletterModule,\n  bookingModule,\n  accordionModule,\n  embedModule,\n  cardsModule,\n  tabsModule,\n  downloadsModule,\n  pdfModule,\n  countdownModule,\n  sliderModule,\n  whatsappModule,\n  beforeAfterModule,\n  portfolioModule,\n  jobsModule,\n  breadcrumbsModule,\n  consentModule,\n];\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/modules/builtins.ts"],"sourcesContent":["/**\n * Ingebouwde modules (XiCMS 3.0). Elke \"feature\" van 2.x is hier een first-class module geworden,\n * zodat hij per site aan/uit kan en los te verbeteren is. De bijbehorende admin-panelen staan in\n * `@xiwebdesign/xicms-core/admin` (paneel-registry), gekoppeld via dezelfde `id`/`featureKey`.\n *\n * Backward compatible: zonder `SiteConfig.modules`/`features` zijn alle modules actief — identiek\n * aan 2.x. De `content`-module is `core: true` en kan niet uitgezet worden (de basis-bouwstenen).\n */\nimport * as z from \"zod/mini\";\nimport { defineModule } from \"./defineModule\";\nimport type { ModuleDefinition } from \"./types\";\n\nimport { heroBlock } from \"../blocks/builtins/Hero\";\nimport { richTextBlock } from \"../blocks/builtins/RichTextBlock\";\nimport { imageBlock } from \"../blocks/builtins/ImageBlock\";\nimport { ctaBlock } from \"../blocks/builtins/Cta\";\nimport { columnsBlock } from \"../blocks/builtins/Columns\";\nimport { spacerBlock } from \"../blocks/builtins/Spacer\";\nimport { galleryBlock } from \"../blocks/builtins/Gallery\";\nimport { faqBlock } from \"../blocks/builtins/Faq\";\nimport { openingHoursBlock } from \"../blocks/builtins/OpeningHours\";\nimport { pricingBlock } from \"../blocks/builtins/Pricing\";\nimport { priceListBlock } from \"../blocks/builtins/PriceList\";\nimport { sectionHeadingBlock } from \"../blocks/builtins/SectionHeading\";\nimport { availabilityBlock } from \"../blocks/builtins/Availability\";\nimport { newsListBlock } from \"../blocks/builtins/NewsListBlock\";\nimport { formBlock } from \"../blocks/builtins/FormBlock\";\nimport { testimonialsBlock } from \"../blocks/builtins/Testimonials\";\nimport { teamBlock } from \"../blocks/builtins/Team\";\nimport { agendaBlock } from \"../blocks/builtins/Agenda\";\nimport { searchBlock } from \"../blocks/builtins/Search\";\nimport { featureBlock, countersBlock, logosBlock, timelineBlock } from \"../blocks/builtins/Sections\";\nimport { symbolRefBlock } from \"../blocks/builtins/SymbolRef\";\nimport { videoBlock } from \"../blocks/builtins/Video\";\nimport { bannerBlock } from \"../blocks/builtins/Banner\";\nimport { contactBlock, socialBlock } from \"../blocks/builtins/Contact\";\nimport { mapBlock } from \"../blocks/builtins/MapBlock\";\nimport { newsletterBlock } from \"../blocks/builtins/Newsletter\";\nimport { bookingBlock } from \"../blocks/builtins/Booking\";\nimport { buttonsBlock, quoteBlock, dividerBlock } from \"../blocks/builtins/Elements\";\nimport { accordionBlock } from \"../blocks/builtins/Accordion\";\nimport { embedBlock } from \"../blocks/builtins/Embed\";\nimport { withSidebarBlock, tabsBlock } from \"../blocks/builtins/Layout\";\nimport { cardsBlock } from \"../blocks/builtins/Cards\";\nimport { downloadsBlock } from \"../blocks/builtins/Downloads\";\nimport { pdfBlock } from \"../blocks/builtins/PdfBlock\";\nimport { countdownBlock } from \"../blocks/builtins/Countdown\";\nimport { sliderBlock } from \"../blocks/builtins/Slider\";\nimport { whatsappChatBlock } from \"../blocks/builtins/WhatsappChat\";\nimport { beforeAfterBlock } from \"../blocks/builtins/BeforeAfter\";\nimport { portfolioBlock } from \"../blocks/builtins/Portfolio\";\nimport { jobsBlock } from \"../blocks/builtins/Jobs\";\nimport { breadcrumbsBlock } from \"../blocks/builtins/Breadcrumbs\";\nimport {\n  newsWidget,\n  agendaWidget,\n  openingHoursWidget,\n  contactWidget,\n  socialWidget as socialWidgetBlock,\n  newsletterWidget,\n  ctaWidget,\n  galleryWidget,\n  testimonialsWidget,\n  cardsWidget,\n  downloadsWidget,\n  countdownWidget,\n} from \"../blocks/builtins/Widgets\";\n\nconst CORE_VERSION = \"5.0.0\";\n\n/**\n * Basis-bouwstenen — altijd aanwezig (niet uit te zetten). Bevat ook de indelingsblokken\n * (kolommen, \"Met zijbalk\") waarmee je widgets naast je hoofdinhoud plaatst, plus de\n * compacte CTA-widget.\n */\nexport const contentModule = defineModule({\n  id: \"content\",\n  version: CORE_VERSION,\n  label: \"Basisinhoud\",\n  description: \"Kern-bouwstenen: hero, tekst, afbeelding, CTA, kolommen, zijbalk, witruimte.\",\n  core: true,\n  blocks: [heroBlock, sectionHeadingBlock, richTextBlock, imageBlock, ctaBlock, columnsBlock, withSidebarBlock, spacerBlock, buttonsBlock, quoteBlock, dividerBlock, ctaWidget, symbolRefBlock],\n});\n\nexport const galleryModule = defineModule({\n  id: \"gallery\",\n  version: CORE_VERSION,\n  label: \"Fotogalerij\",\n  description: \"Galerij-block met grid en (optioneel) lightbox + compacte fotostrip-widget.\",\n  blocks: [galleryBlock, galleryWidget],\n  // Per-site instelbaar door de agent/klant (modules.gallery.config) zonder core te forken.\n  // `.describe()` = het label dat de klant in /beheer ziet.\n  settingsSchema: z.object({\n    columns: z._default(z.int().check(z.minimum(1)).check(z.maximum(6)), 3).register(z.globalRegistry, { description: \"Kolommen\" }),\n    lightbox: z._default(z.boolean(), true).register(z.globalRegistry, { description: \"Lightbox bij klikken\" }),\n  }),\n  defaultSettings: { columns: 3, lightbox: true },\n});\n\nexport const faqModule = defineModule({\n  id: \"faq\",\n  version: CORE_VERSION,\n  label: \"FAQ\",\n  description: \"Veelgestelde vragen (accordeon) met optionele zoek + FAQ-JSON-LD.\",\n  blocks: [faqBlock],\n});\n\nexport const openingHoursModule = defineModule({\n  id: \"openingHours\",\n  version: CORE_VERSION,\n  label: \"Openingstijden\",\n  description: \"Openingstijden-tabel + compacte widget met 'vandaag' gemarkeerd.\",\n  blocks: [openingHoursBlock, openingHoursWidget],\n});\n\nexport const pricingModule = defineModule({\n  id: \"pricing\",\n  version: CORE_VERSION,\n  label: \"Prijzen\",\n  blocks: [pricingBlock, priceListBlock],\n});\n\nexport const pagesModule = defineModule({\n  id: \"pages\",\n  version: CORE_VERSION,\n  label: \"Pagina's\",\n  featureKey: \"pages\",\n  description: \"Paginabouwer (draft → publish + versiegeschiedenis).\",\n});\n\nexport const newsModule = defineModule({\n  id: \"news\",\n  version: CORE_VERSION,\n  label: \"Nieuws\",\n  featureKey: \"news\",\n  description: \"Nieuwsartikelen + nieuwslijst-block + 'laatste nieuws'-widget voor de zijbalk.\",\n  blocks: [newsListBlock, newsWidget],\n});\n\nexport const mediaModule = defineModule({\n  id: \"media\",\n  version: CORE_VERSION,\n  label: \"Media\",\n  featureKey: \"media\",\n  description: \"Mediabeheer met compressie + webp/srcset-varianten.\",\n  requires: [{ kind: \"function\", name: \"onMediaUpload\" }, { kind: \"storage\", prefix: \"sites/\" }],\n});\n\nexport const formsModule = defineModule({\n  id: \"forms\",\n  version: CORE_VERSION,\n  label: \"Formulieren\",\n  featureKey: \"forms\",\n  description: \"Formulierbouwer + inzendingen + e-mailnotificatie.\",\n  blocks: [formBlock],\n  requires: [\n    { kind: \"function\", name: \"submitForm\" },\n    { kind: \"firestore\", collection: \"forms\" },\n  ],\n});\n\nexport const statsModule = defineModule({\n  id: \"stats\",\n  version: CORE_VERSION,\n  label: \"Statistieken\",\n  featureKey: \"stats\",\n  description: \"Privacy-vriendelijke bezoekersstatistieken (geen cookies).\",\n  requires: [{ kind: \"function\", name: \"trackView\" }],\n});\n\nexport const settingsModule = defineModule({\n  id: \"settings\",\n  version: CORE_VERSION,\n  label: \"Instellingen\",\n  core: true,\n  description: \"Site-instellingen (nav, thema, SEO, formulier-afzender) — alleen siteadmin.\",\n});\n\n// Opt-in modules (defaultEnabled: false): worden bij installatie of later aangezet via\n// `modules: { <id>: true }`. Geen extra backend nodig — data leeft in de page-blocks.\nexport const testimonialsModule = defineModule({\n  id: \"testimonials\",\n  version: CORE_VERSION,\n  label: \"Reviews\",\n  description: \"Klantquotes/reviews met sterren, optionele Review-JSON-LD + compacte review-widget.\",\n  defaultEnabled: false,\n  blocks: [testimonialsBlock, testimonialsWidget],\n});\n\nexport const teamModule = defineModule({\n  id: \"team\",\n  version: CORE_VERSION,\n  label: \"Team\",\n  description: \"Team-/medewerkersoverzicht met foto, functie en bio.\",\n  defaultEnabled: false,\n  blocks: [teamBlock],\n});\n\nexport const agendaModule = defineModule({\n  id: \"agenda\",\n  version: CORE_VERSION,\n  label: \"Agenda\",\n  description: \"Evenementen/agenda (chronologisch) met Event-JSON-LD + 'komende agenda'-widget.\",\n  defaultEnabled: false,\n  blocks: [agendaBlock, agendaWidget],\n});\n\nexport const searchModule = defineModule({\n  id: \"search\",\n  version: CORE_VERSION,\n  label: \"Zoeken\",\n  description: \"Site-zoekblok dat gepubliceerde pagina's (en nieuws) client-side doorzoekt.\",\n  defaultEnabled: false,\n  blocks: [searchBlock],\n});\n\nexport const featureModule = defineModule({\n  id: \"feature\",\n  version: CORE_VERSION,\n  label: \"Beeld + tekst\",\n  description: \"Feature-sectie met afbeelding links/rechts en tekst.\",\n  defaultEnabled: false,\n  blocks: [featureBlock],\n});\n\nexport const countersModule = defineModule({\n  id: \"counters\",\n  version: CORE_VERSION,\n  label: \"Tellers\",\n  description: \"Statistiek-tellers (bv. “100+ klanten”).\",\n  defaultEnabled: false,\n  blocks: [countersBlock],\n});\n\nexport const logosModule = defineModule({\n  id: \"logos\",\n  version: CORE_VERSION,\n  label: \"Logo's\",\n  description: \"Partner-/klantlogo-strip.\",\n  defaultEnabled: false,\n  blocks: [logosBlock],\n});\n\nexport const timelineModule = defineModule({\n  id: \"timeline\",\n  version: CORE_VERSION,\n  label: \"Tijdlijn\",\n  description: \"Stappen/proces als tijdlijn.\",\n  defaultEnabled: false,\n  blocks: [timelineBlock],\n});\n\nexport const videoModule = defineModule({\n  id: \"video\",\n  version: CORE_VERSION,\n  label: \"Video\",\n  description: \"YouTube/Vimeo/MP4-embed (consent-gated).\",\n  defaultEnabled: false,\n  blocks: [videoBlock],\n});\n\nexport const bannerModule = defineModule({\n  id: \"banner\",\n  version: CORE_VERSION,\n  label: \"Aankondiging\",\n  description: \"Aankondigingsbalk, optioneel sluitbaar.\",\n  defaultEnabled: false,\n  blocks: [bannerBlock],\n});\n\nexport const contactModule = defineModule({\n  id: \"contact\",\n  version: CORE_VERSION,\n  label: \"Contact + kaart + social\",\n  description: \"Contactgegevens (JSON-LD), kaart (consent-gated), social-links + compacte widgets.\",\n  defaultEnabled: false,\n  blocks: [contactBlock, mapBlock, socialBlock, contactWidget, socialWidgetBlock],\n});\n\nexport const newsletterModule = defineModule({\n  id: \"newsletter\",\n  version: CORE_VERSION,\n  label: \"Nieuwsbrief\",\n  description: \"Aanmeldformulier via een externe provider-URL + compacte nieuwsbrief-widget.\",\n  defaultEnabled: false,\n  blocks: [newsletterBlock, newsletterWidget],\n});\n\nexport const verhuurModule = defineModule({\n  id: \"verhuur\",\n  version: CORE_VERSION,\n  label: \"Verhuur & beschikbaarheid\",\n  description: \"Beschikbaarheidskalender uit de iCal-link van je boekingssysteem, met aanvragen voor een gekozen periode.\",\n  defaultEnabled: false,\n  blocks: [availabilityBlock],\n});\n\nexport const bookingModule = defineModule({\n  id: \"booking\",\n  version: CORE_VERSION,\n  label: \"Afspraak maken\",\n  description: \"Boekings-embed (bv. Calendly), consent-gated.\",\n  defaultEnabled: false,\n  blocks: [bookingBlock],\n});\n\nexport const accordionModule = defineModule({\n  id: \"accordion\",\n  version: CORE_VERSION,\n  label: \"Accordeon\",\n  description: \"Generieke in-/uitklapbare panelen.\",\n  defaultEnabled: false,\n  blocks: [accordionBlock],\n});\n\nexport const embedModule = defineModule({\n  id: \"embed\",\n  version: CORE_VERSION,\n  label: \"Embed\",\n  description: \"Generieke responsive iframe-embed (consent-gated).\",\n  defaultEnabled: false,\n  blocks: [embedBlock],\n});\n\n/* ── Nieuwe modules (3.1) — veelgebruikt op websites, volwaardig + widget waar zinvol ── */\n\nexport const cardsModule = defineModule({\n  id: \"cards\",\n  version: CORE_VERSION,\n  label: \"Diensten / kaarten\",\n  description: \"Diensten-/featurekaarten in een grid (icoon of beeld) + compacte 'uitgelicht'-widget.\",\n  defaultEnabled: false,\n  blocks: [cardsBlock, cardsWidget],\n});\n\nexport const tabsModule = defineModule({\n  id: \"tabs\",\n  version: CORE_VERSION,\n  label: \"Tabbladen\",\n  description: \"Tabblad-indeling: per tab een eigen set blokken (bv. beschrijving / specificaties).\",\n  defaultEnabled: false,\n  blocks: [tabsBlock],\n});\n\nexport const downloadsModule = defineModule({\n  id: \"downloads\",\n  version: CORE_VERSION,\n  label: \"Downloads\",\n  description: \"Lijst met downloadbare documenten (brochures, prijslijsten) + compacte widget.\",\n  defaultEnabled: false,\n  blocks: [downloadsBlock, downloadsWidget],\n});\n\nexport const pdfModule = defineModule({\n  id: \"pdf\",\n  version: CORE_VERSION,\n  label: \"PDF-lezer\",\n  description: \"Inline PDF-lezer voor menukaarten/documenten; meerdere PDF's met tabs, zelf te vervangen.\",\n  defaultEnabled: false,\n  blocks: [pdfBlock],\n});\n\nexport const countdownModule = defineModule({\n  id: \"countdown\",\n  version: CORE_VERSION,\n  label: \"Aftelteller\",\n  description: \"Tikkende countdown naar een datum (lancering, evenement, aanbieding) + widget.\",\n  defaultEnabled: false,\n  blocks: [countdownBlock, countdownWidget],\n});\n\nexport const sliderModule = defineModule({\n  id: \"slider\",\n  version: CORE_VERSION,\n  label: \"Carrousel / slider\",\n  description: \"Beeld-/contentcarrousel met dots, pijlen en optioneel autoplay (reduced-motion-veilig).\",\n  defaultEnabled: false,\n  blocks: [sliderBlock],\n});\n\n/* ── 4.16: nieuwe modules (allemaal opt-in) ──────────────────────────────── */\n\nexport const whatsappModule = defineModule({\n  id: \"whatsapp\",\n  version: CORE_VERSION,\n  label: \"WhatsApp-knop\",\n  description: \"Zwevende WhatsApp-/chatknop — laagdrempelig contact (wa.me-link, geen consent nodig).\",\n  defaultEnabled: false,\n  blocks: [whatsappChatBlock],\n});\n\nexport const beforeAfterModule = defineModule({\n  id: \"beforeAfter\",\n  version: CORE_VERSION,\n  label: \"Voor / na\",\n  description: \"Voor/na-vergelijker met sleepbare scheiding — sterk voor hoveniers, schilders, salons.\",\n  defaultEnabled: false,\n  blocks: [beforeAfterBlock],\n});\n\nexport const portfolioModule = defineModule({\n  id: \"portfolio\",\n  version: CORE_VERSION,\n  label: \"Portfolio / projecten\",\n  description: \"Projecten/cases-grid met categorie-filter en lightbox.\",\n  defaultEnabled: false,\n  blocks: [portfolioBlock],\n});\n\nexport const jobsModule = defineModule({\n  id: \"jobs\",\n  version: CORE_VERSION,\n  label: \"Vacatures\",\n  description: \"Vacature-overzicht met JobPosting-JSON-LD (vindbaar via Google Jobs).\",\n  defaultEnabled: false,\n  blocks: [jobsBlock],\n});\n\nexport const breadcrumbsModule = defineModule({\n  id: \"breadcrumbs\",\n  version: CORE_VERSION,\n  label: \"Kruimelpad\",\n  description: \"Kruimelpad afgeleid van de URL, met BreadcrumbList-JSON-LD (SEO).\",\n  defaultEnabled: false,\n  blocks: [breadcrumbsBlock],\n});\n\n/* ── 5.5: webwinkel + donaties ───────────────────────────────────────────────\n * 6.0: de shop-module zit NIET meer in de default-bundel. Hij is opt-in via de\n * subpath `@xiwebdesign/xicms-core/modules/shop` (+ `/admin/shop`, `/server/shop`),\n * of via de backward-compat-barrel `@xiwebdesign/xicms-core/all`. Zo landt shop-code\n * alleen in de build van sites die 'm daadwerkelijk aanzetten. */\n\nexport const consentModule = defineModule({\n  id: \"consent\",\n  version: CORE_VERSION,\n  label: \"Cookie-consent (AVG)\",\n  description: \"Toestemmingsbanner + consent-opslag; stelt niet-essentiële scripts uit.\",\n  defaultEnabled: false,\n  settingsSchema: z.object({\n    message: z._default(z.string(), \"We gebruiken cookies om de site te verbeteren. Kies hieronder je voorkeuren.\").register(z.globalRegistry, { description: \"Bannertekst\" }),\n    privacyUrl: z.optional(z.string()).register(z.globalRegistry, { description: \"Link naar privacyverklaring\" }),\n    version: z.optional(z.string()).register(z.globalRegistry, { description: \"Beleidsversie (wijzig → banner opnieuw tonen)\" }),\n    showReopen: z._default(z.boolean(), true).register(z.globalRegistry, { description: \"Zwevend cookie-knopje om keuze te wijzigen\" }),\n    categories: z._default(z.array(z.object({\n          id: z.string(),\n          label: z.string(),\n          description: z.optional(z.string()),\n          required: z._default(z.boolean(), false),\n        })), [\n        { id: \"necessary\", label: \"Noodzakelijk\", description: \"Nodig om de site te laten werken.\", required: true },\n        { id: \"analytics\", label: \"Statistieken\", description: \"Anonieme statistieken om de site te verbeteren.\", required: false },\n        { id: \"marketing\", label: \"Marketing\", description: \"Externe embeds zoals video's en kaarten.\", required: false },\n      ]),\n  }),\n  defaultSettings: {},\n});\n\n/** Alle ingebouwde modules (volgorde bepaalt block- en tab-volgorde). */\nexport const builtinModules: ModuleDefinition[] = [\n  contentModule,\n  pagesModule,\n  newsModule,\n  mediaModule,\n  galleryModule,\n  faqModule,\n  openingHoursModule,\n  pricingModule,\n  formsModule,\n  statsModule,\n  settingsModule,\n  testimonialsModule,\n  teamModule,\n  agendaModule,\n  searchModule,\n  featureModule,\n  countersModule,\n  logosModule,\n  timelineModule,\n  videoModule,\n  bannerModule,\n  contactModule,\n  newsletterModule,\n  bookingModule,\n  verhuurModule,\n  accordionModule,\n  embedModule,\n  cardsModule,\n  tabsModule,\n  downloadsModule,\n  pdfModule,\n  countdownModule,\n  sliderModule,\n  whatsappModule,\n  beforeAfterModule,\n  portfolioModule,\n  jobsModule,\n  breadcrumbsModule,\n  consentModule,\n];\n"],"mappings":"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","names":[]}

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

@@ -6,7 +6,8 @@ import { Card, Heading, Text } from "../../../blocks/ui/index.js";
 import { cartLineKey, cartRemove, cartSetQty, useCart } from "../cartStore.js";
 import { AantalInvoer } from "./AantalInvoer.js";
 import { useShopStrings } from "../strings.js";
-import { useShopSettings } from "../lib.js";
+import { useShopSettings, productHref } from "../lib.js";
+import { SeedImg } from "../../../media/ImageContext.js";
 function CartRender({ block, siteId }) {
   const settings = useShopSettings();
   const t = useShopStrings();
@@ -29,9 +30,9 @@ function CartRender({ block, siteId }) {
       /* @__PURE__ */ jsx("a", { href: settings.shopPath, children: t("toShop") })
     ] }) }) : /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: "1rem", marginTop: "1rem" }, children: [
       lines.map((l) => /* @__PURE__ */ jsx(Card, { padding: 3, children: /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "1rem", alignItems: "center", flexWrap: "wrap" }, children: [
-        l.imageUrl && /* @__PURE__ */ jsx("img", { src: l.imageUrl, alt: "", style: { width: 72, height: 72, objectFit: "cover", borderRadius: 8 } }),
+        l.imageUrl && /* @__PURE__ */ jsx(SeedImg, { src: l.imageUrl, alt: "", sizes: "72px", style: { width: 72, height: 72, objectFit: "cover", borderRadius: 8 } }),
         /* @__PURE__ */ jsxs("div", { style: { flex: "1 1 200px" }, children: [
-          /* @__PURE__ */ jsx("a", { href: `${settings.detailPath}?p=${encodeURIComponent(l.slug)}`, style: { textDecoration: "none", color: "inherit" }, children: /* @__PURE__ */ jsx(Text, { weight: "bold", display: "block", children: l.name }) }),
+          /* @__PURE__ */ jsx("a", { href: productHref(settings.detailPath, l.slug, settings.mooieUrls), style: { textDecoration: "none", color: "inherit" }, children: /* @__PURE__ */ jsx(Text, { weight: "bold", display: "block", children: l.name }) }),
           l.variantLabel && /* @__PURE__ */ jsx(Text, { size: "sm", display: "block", style: { opacity: 0.75 }, children: l.variantLabel }),
           l.personalizationLabel && /* @__PURE__ */ jsx(Text, { size: "sm", display: "block", style: { opacity: 0.75 }, children: l.personalizationLabel }),
           /* @__PURE__ */ jsxs(Text, { size: "sm", display: "block", style: { marginTop: 2 }, children: [
@@ -95,6 +96,7 @@ const cartBlock = defineBlock({
   Render: CartRender,
   label: "Winkelwagen",
   icon: "\u{1F6D2}",
+  essentieel: "Zonder dit blok kunnen klanten hun winkelwagen niet zien en niet afrekenen.",
   defaults: () => ({ heading: "Winkelwagen" })
 });
 export {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/modules/shop/blocks/Cart.tsx"],"sourcesContent":["\"use client\";\n\nimport type { z } from \"zod\";\nimport { formatCents, shippingCentsFor } from \"../../../schema/shopGeld\";\nimport type { CartBlockSchema } from \"../../../schema/shop\";\nimport { defineBlock, type BlockRenderProps } from \"../../../blocks/registry\";\nimport { Card, Heading, Text } from \"../../../blocks/ui\";\nimport { cartLineKey, cartRemove, cartSetQty, useCart } from \"../cartStore\";\nimport { AantalInvoer } from \"./AantalInvoer\";\nimport { useShopStrings } from \"../strings\";\nimport { useShopSettings } from \"../lib\";\n\ntype Blk = z.infer<typeof CartBlockSchema>;\n\nfunction CartRender({ block, siteId }: BlockRenderProps<Blk>) {\n  const settings = useShopSettings();\n  const t = useShopStrings();\n  const { lines, itemsCents } = useCart(siteId);\n  /**\n   * Verzendkosten in de winkelwagen zijn een RICHTBEDRAG voor het standaardland: de klant kiest\n   * zijn land (en een eventuele kortingscode) pas bij het afrekenen. Met zones staat dat er nu\n   * ook bij, zodat \"€ 7,25\" niet als een belofte leest voor een Belgische bezoeker.\n   */\n  const shippingCents = shippingCentsFor(\n    itemsCents,\n    {\n      shippingFlatCents: settings.shippingFlatCents,\n      shippingFreeFromCents: settings.shippingFreeFromCents || undefined,\n      shippingZones: settings.shippingZones,\n    },\n    lines.length > 0,\n  );\n  const meerdereZones = (settings.shippingZones ?? []).length > 1;\n\n  return (\n    <div className=\"xicms-shop-cart\">\n      {block.heading && <Heading level={1} data-xicms-edit=\"heading\">{block.heading}</Heading>}\n\n      {lines.length === 0 ? (\n        <Card padding={4} variant=\"muted\" style={{ marginTop: \"1rem\" }}>\n          <Text>\n            {t(\"cartEmpty\")} <a href={settings.shopPath}>{t(\"toShop\")}</a>\n          </Text>\n        </Card>\n      ) : (\n        <div style={{ display: \"grid\", gap: \"1rem\", marginTop: \"1rem\" }}>\n          {lines.map((l) => (\n            <Card key={cartLineKey(l)} padding={3}>\n              <div style={{ display: \"flex\", gap: \"1rem\", alignItems: \"center\", flexWrap: \"wrap\" }}>\n                {l.imageUrl && (\n                  <img src={l.imageUrl} alt=\"\" style={{ width: 72, height: 72, objectFit: \"cover\", borderRadius: 8 }} />\n                )}\n                <div style={{ flex: \"1 1 200px\" }}>\n                  <a href={`${settings.detailPath}?p=${encodeURIComponent(l.slug)}`} style={{ textDecoration: \"none\", color: \"inherit\" }}>\n                    <Text weight=\"bold\" display=\"block\">{l.name}</Text>\n                  </a>\n                  {l.variantLabel && <Text size=\"sm\" display=\"block\" style={{ opacity: 0.75 }}>{l.variantLabel}</Text>}\n                  {l.personalizationLabel && (\n                    <Text size=\"sm\" display=\"block\" style={{ opacity: 0.75 }}>{l.personalizationLabel}</Text>\n                  )}\n                  <Text size=\"sm\" display=\"block\" style={{ marginTop: 2 }}>\n                    {formatCents(l.unitPriceCents, settings.currency)} {t(\"perPiece\")}\n                  </Text>\n                </div>\n                <div style={{ display: \"flex\", alignItems: \"center\", gap: 8 }}>\n                  {/* min 1: een leeg veld mag nooit de regel uit de wagen gooien — weghalen doe\n                      je met het kruisje hiernaast. */}\n                  <AantalInvoer\n                    value={l.qty}\n                    onChange={(n) => cartSetQty(siteId, l, n)}\n                    min={1}\n                    max={999}\n                    ariaLabel={`${t(\"qty\")} ${l.name}`}\n                    style={{ width: 72 }}\n                  />\n                  <Text weight=\"bold\" style={{ minWidth: 80, textAlign: \"right\" }}>\n                    {formatCents(l.unitPriceCents * l.qty, settings.currency)}\n                  </Text>\n                  <button\n                    type=\"button\"\n                    aria-label={`Verwijder ${l.name}`}\n                    onClick={() => cartRemove(siteId, l)}\n                    style={{ background: \"none\", border: \"none\", cursor: \"pointer\", fontSize: \"1.1rem\", opacity: 0.6 }}\n                  >\n                    ✕\n                  </button>\n                </div>\n              </div>\n            </Card>\n          ))}\n\n          <Card padding={3} variant=\"muted\">\n            <div style={{ display: \"grid\", gap: 4, justifyContent: \"end\", textAlign: \"right\" }}>\n              <Text size=\"sm\">{t(\"subtotal\")}: {formatCents(itemsCents, settings.currency)}</Text>\n              <Text size=\"sm\">\n                {t(\"shippingCosts\")}: {shippingCents === 0 ? t(\"free\") : formatCents(shippingCents, settings.currency)}\n                {meerdereZones ? ` ${t(\"shippingFromCountry\")}` : \"\"}\n              </Text>\n              <Text weight=\"bold\">{t(\"total\")}: {formatCents(itemsCents + shippingCents, settings.currency)}</Text>\n            </div>\n          </Card>\n\n          <div style={{ display: \"flex\", gap: 12, flexWrap: \"wrap\" }}>\n            <a className=\"xicms-btn xicms-btn--primary\" href={settings.checkoutPath}>{t(\"checkout\")}</a>\n            <a className=\"xicms-btn xicms-btn--secondary\" href={settings.shopPath}>{t(\"continueShopping\")}</a>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const cartBlock = defineBlock({\n  type: \"cart\",\n  Render: CartRender,\n  label: \"Winkelwagen\",\n  icon: \"🛒\",\n  defaults: () => ({ heading: \"Winkelwagen\" }),\n});\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/modules/shop/blocks/Cart.tsx"],"sourcesContent":["\"use client\";\n\nimport type { z } from \"zod\";\nimport { formatCents, shippingCentsFor } from \"../../../schema/shopGeld\";\nimport type { CartBlockSchema } from \"../../../schema/shop\";\nimport { defineBlock, type BlockRenderProps } from \"../../../blocks/registry\";\nimport { Card, Heading, Text } from \"../../../blocks/ui\";\nimport { cartLineKey, cartRemove, cartSetQty, useCart } from \"../cartStore\";\nimport { AantalInvoer } from \"./AantalInvoer\";\nimport { useShopStrings } from \"../strings\";\nimport { useShopSettings, productHref } from \"../lib\";\nimport { SeedImg } from \"../../../media/ImageContext\";\n\ntype Blk = z.infer<typeof CartBlockSchema>;\n\nfunction CartRender({ block, siteId }: BlockRenderProps<Blk>) {\n  const settings = useShopSettings();\n  const t = useShopStrings();\n  const { lines, itemsCents } = useCart(siteId);\n  /**\n   * Verzendkosten in de winkelwagen zijn een RICHTBEDRAG voor het standaardland: de klant kiest\n   * zijn land (en een eventuele kortingscode) pas bij het afrekenen. Met zones staat dat er nu\n   * ook bij, zodat \"€ 7,25\" niet als een belofte leest voor een Belgische bezoeker.\n   */\n  const shippingCents = shippingCentsFor(\n    itemsCents,\n    {\n      shippingFlatCents: settings.shippingFlatCents,\n      shippingFreeFromCents: settings.shippingFreeFromCents || undefined,\n      shippingZones: settings.shippingZones,\n    },\n    lines.length > 0,\n  );\n  const meerdereZones = (settings.shippingZones ?? []).length > 1;\n\n  return (\n    <div className=\"xicms-shop-cart\">\n      {block.heading && <Heading level={1} data-xicms-edit=\"heading\">{block.heading}</Heading>}\n\n      {lines.length === 0 ? (\n        <Card padding={4} variant=\"muted\" style={{ marginTop: \"1rem\" }}>\n          <Text>\n            {t(\"cartEmpty\")} <a href={settings.shopPath}>{t(\"toShop\")}</a>\n          </Text>\n        </Card>\n      ) : (\n        <div style={{ display: \"grid\", gap: \"1rem\", marginTop: \"1rem\" }}>\n          {lines.map((l) => (\n            <Card key={cartLineKey(l)} padding={3}>\n              <div style={{ display: \"flex\", gap: \"1rem\", alignItems: \"center\", flexWrap: \"wrap\" }}>\n                {l.imageUrl && (\n                  <SeedImg src={l.imageUrl} alt=\"\" sizes=\"72px\" style={{ width: 72, height: 72, objectFit: \"cover\", borderRadius: 8 }} />\n                )}\n                <div style={{ flex: \"1 1 200px\" }}>\n                  <a href={productHref(settings.detailPath, l.slug, settings.mooieUrls)} style={{ textDecoration: \"none\", color: \"inherit\" }}>\n                    <Text weight=\"bold\" display=\"block\">{l.name}</Text>\n                  </a>\n                  {l.variantLabel && <Text size=\"sm\" display=\"block\" style={{ opacity: 0.75 }}>{l.variantLabel}</Text>}\n                  {l.personalizationLabel && (\n                    <Text size=\"sm\" display=\"block\" style={{ opacity: 0.75 }}>{l.personalizationLabel}</Text>\n                  )}\n                  <Text size=\"sm\" display=\"block\" style={{ marginTop: 2 }}>\n                    {formatCents(l.unitPriceCents, settings.currency)} {t(\"perPiece\")}\n                  </Text>\n                </div>\n                <div style={{ display: \"flex\", alignItems: \"center\", gap: 8 }}>\n                  {/* min 1: een leeg veld mag nooit de regel uit de wagen gooien — weghalen doe\n                      je met het kruisje hiernaast. */}\n                  <AantalInvoer\n                    value={l.qty}\n                    onChange={(n) => cartSetQty(siteId, l, n)}\n                    min={1}\n                    max={999}\n                    ariaLabel={`${t(\"qty\")} ${l.name}`}\n                    style={{ width: 72 }}\n                  />\n                  <Text weight=\"bold\" style={{ minWidth: 80, textAlign: \"right\" }}>\n                    {formatCents(l.unitPriceCents * l.qty, settings.currency)}\n                  </Text>\n                  <button\n                    type=\"button\"\n                    aria-label={`Verwijder ${l.name}`}\n                    onClick={() => cartRemove(siteId, l)}\n                    style={{ background: \"none\", border: \"none\", cursor: \"pointer\", fontSize: \"1.1rem\", opacity: 0.6 }}\n                  >\n                    ✕\n                  </button>\n                </div>\n              </div>\n            </Card>\n          ))}\n\n          <Card padding={3} variant=\"muted\">\n            <div style={{ display: \"grid\", gap: 4, justifyContent: \"end\", textAlign: \"right\" }}>\n              <Text size=\"sm\">{t(\"subtotal\")}: {formatCents(itemsCents, settings.currency)}</Text>\n              <Text size=\"sm\">\n                {t(\"shippingCosts\")}: {shippingCents === 0 ? t(\"free\") : formatCents(shippingCents, settings.currency)}\n                {meerdereZones ? ` ${t(\"shippingFromCountry\")}` : \"\"}\n              </Text>\n              <Text weight=\"bold\">{t(\"total\")}: {formatCents(itemsCents + shippingCents, settings.currency)}</Text>\n            </div>\n          </Card>\n\n          <div style={{ display: \"flex\", gap: 12, flexWrap: \"wrap\" }}>\n            <a className=\"xicms-btn xicms-btn--primary\" href={settings.checkoutPath}>{t(\"checkout\")}</a>\n            <a className=\"xicms-btn xicms-btn--secondary\" href={settings.shopPath}>{t(\"continueShopping\")}</a>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const cartBlock = defineBlock({\n  type: \"cart\",\n  Render: CartRender,\n  label: \"Winkelwagen\",\n  icon: \"🛒\",\n  essentieel: \"Zonder dit blok kunnen klanten hun winkelwagen niet zien en niet afrekenen.\",\n  defaults: () => ({ heading: \"Winkelwagen\" }),\n});\n"],"mappings":"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","names":[]}

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

@@ -22,6 +22,8 @@ function CheckoutRender({ block, siteId, mode }) {
   const [giftWrap, setGiftWrap] = useState(false);
   const [giftCardText, setGiftCardText] = useState("");
   const [giftNote, setGiftNote] = useState("");
+  const [pickupChoice, setPickupChoice] = useState(false);
+  const pickup = settings.pickupEnabled && pickupChoice;
   const landOpties = useMemo(() => {
     const uit = verzendLanden({ shippingZones: settings.shippingZones });
     return uit.length > 0 ? uit : ["NL"];
@@ -39,7 +41,7 @@ function CheckoutRender({ block, siteId, mode }) {
       shippingZones: settings.shippingZones
     },
     lines.length > 0,
-    { land: v.country, freeShipping: discount?.valid && discount.freeShipping }
+    { land: v.country, freeShipping: discount?.valid && discount.freeShipping, pickup }
   );
   const discountCents = discount?.valid ? Math.min(discount.discountCents ?? 0, itemsCents) : 0;
   const giftWrapCents = giftWrap ? settings.giftWrapPriceCents : 0;
@@ -72,8 +74,9 @@ function CheckoutRender({ block, siteId, mode }) {
           personalization: l.personalization
         })),
         customer: { email: v.email, name: v.name, phone: v.phone || void 0 },
-        shipping: { address: v.address, zip: v.zip, city: v.city, country: v.country || "NL" },
-        billing: billingDiffers ? { address: billing.address, zip: billing.zip, city: billing.city, country: billing.country || "NL" } : void 0,
+        shipping: pickup ? void 0 : { address: v.address, zip: v.zip, city: v.city, country: v.country || "NL" },
+        pickup: pickup || void 0,
+        billing: billingDiffers && !pickup ? { address: billing.address, zip: billing.zip, city: billing.city, country: billing.country || "NL" } : void 0,
         note: v.note || void 0,
         giftWrap: giftWrap ? { cardText: giftCardText.trim() || void 0, note: giftNote.trim() || void 0 } : void 0,
         discountCode: discount?.valid ? discount.code : void 0,
@@ -99,43 +102,60 @@ function CheckoutRender({ block, siteId, mode }) {
     /* @__PURE__ */ jsxs("form", { onSubmit: submit, style: { display: "grid", gap: "0.9rem", alignContent: "start" }, children: [
       block.heading && /* @__PURE__ */ jsx(Heading, { level: 1, "data-xicms-edit": "heading", children: block.heading }),
       block.introText && /* @__PURE__ */ jsx(Text, { "data-xicms-edit": "introText", children: block.introText }),
-      /* @__PURE__ */ jsx(TextInput, { label: `${t("fieldName")} *`, value: v.name, onChange: (x) => setV((p) => ({ ...p, name: x })) }),
-      /* @__PURE__ */ jsx(TextInput, { label: `${t("fieldEmail")} *`, type: "email", value: v.email, onChange: (x) => setV((p) => ({ ...p, email: x })) }),
-      /* @__PURE__ */ jsx(TextInput, { label: t("fieldPhone"), value: v.phone, onChange: (x) => setV((p) => ({ ...p, phone: x })) }),
-      /* @__PURE__ */ jsx(TextInput, { label: `${t("fieldAddress")} *`, value: v.address, onChange: (x) => setV((p) => ({ ...p, address: x })) }),
-      /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: "0.9rem", gridTemplateColumns: "140px 1fr" }, children: [
-        /* @__PURE__ */ jsx(TextInput, { label: `${t("fieldZip")} *`, value: v.zip, onChange: (x) => setV((p) => ({ ...p, zip: x })) }),
-        /* @__PURE__ */ jsx(TextInput, { label: `${t("fieldCity")} *`, value: v.city, onChange: (x) => setV((p) => ({ ...p, city: x })) })
+      /* @__PURE__ */ jsx(TextInput, { label: `${t("fieldName")} *`, autoComplete: "name", value: v.name, onChange: (x) => setV((p) => ({ ...p, name: x })) }),
+      /* @__PURE__ */ jsx(TextInput, { label: `${t("fieldEmail")} *`, type: "email", autoComplete: "email", value: v.email, onChange: (x) => setV((p) => ({ ...p, email: x })) }),
+      /* @__PURE__ */ jsx(TextInput, { label: t("fieldPhone"), autoComplete: "tel", value: v.phone, onChange: (x) => setV((p) => ({ ...p, phone: x })) }),
+      settings.pickupEnabled && /* @__PURE__ */ jsxs("div", { className: "xicms-shop-checkout__delivery", style: { display: "grid", gap: "0.5rem" }, children: [
+        /* @__PURE__ */ jsx(Heading, { level: 3, children: t("deliveryHeading") }),
+        /* @__PURE__ */ jsxs("label", { style: { display: "flex", gap: 8, alignItems: "center", cursor: "pointer" }, children: [
+          /* @__PURE__ */ jsx("input", { type: "radio", name: "xicms-delivery", checked: !pickup, onChange: () => setPickupChoice(false) }),
+          /* @__PURE__ */ jsx("span", { children: t("deliveryShip") })
+        ] }),
+        /* @__PURE__ */ jsxs("label", { style: { display: "flex", gap: 8, alignItems: "center", cursor: "pointer" }, children: [
+          /* @__PURE__ */ jsx("input", { type: "radio", name: "xicms-delivery", checked: pickup, onChange: () => setPickupChoice(true) }),
+          /* @__PURE__ */ jsx("span", { children: t("deliveryPickup") })
+        ] }),
+        pickup && settings.pickupNote.trim() && /* @__PURE__ */ jsxs(Card, { padding: 3, variant: "muted", children: [
+          /* @__PURE__ */ jsx(Text, { size: "sm", weight: "bold", children: t("pickupHeading") }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", style: { whiteSpace: "pre-wrap" }, children: settings.pickupNote })
+        ] })
       ] }),
-      /* @__PURE__ */ jsx("div", { children: landOpties.length > 1 && /* @__PURE__ */ jsxs("label", { style: { display: "grid", gap: 4 }, children: [
-        /* @__PURE__ */ jsxs("span", { style: { fontSize: "0.9rem" }, children: [
-          t("fieldCountry"),
-          " *"
+      !pickup && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(TextInput, { label: `${t("fieldAddress")} *`, autoComplete: "shipping street-address", value: v.address, onChange: (x) => setV((p) => ({ ...p, address: x })) }),
+        /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: "0.9rem", gridTemplateColumns: "140px 1fr" }, children: [
+          /* @__PURE__ */ jsx(TextInput, { label: `${t("fieldZip")} *`, autoComplete: "shipping postal-code", value: v.zip, onChange: (x) => setV((p) => ({ ...p, zip: x })) }),
+          /* @__PURE__ */ jsx(TextInput, { label: `${t("fieldCity")} *`, autoComplete: "shipping address-level2", value: v.city, onChange: (x) => setV((p) => ({ ...p, city: x })) })
         ] }),
+        /* @__PURE__ */ jsx("div", { children: landOpties.length > 1 && /* @__PURE__ */ jsxs("label", { style: { display: "grid", gap: 4 }, children: [
+          /* @__PURE__ */ jsxs("span", { style: { fontSize: "0.9rem" }, children: [
+            t("fieldCountry"),
+            " *"
+          ] }),
+          /* @__PURE__ */ jsx(
+            "select",
+            {
+              className: "xicms-input",
+              value: v.country,
+              onChange: (e) => setV((p) => ({ ...p, country: e.target.value })),
+              children: landOpties.map((c) => /* @__PURE__ */ jsx("option", { value: c, children: LANDNAMEN.of(c) ?? c }, c))
+            }
+          )
+        ] }) }),
         /* @__PURE__ */ jsx(
-          "select",
+          CheckboxInput,
           {
-            className: "xicms-input",
-            value: v.country,
-            onChange: (e) => setV((p) => ({ ...p, country: e.target.value })),
-            children: landOpties.map((c) => /* @__PURE__ */ jsx("option", { value: c, children: LANDNAMEN.of(c) ?? c }, c))
+            label: t("billingSame"),
+            value: !billingDiffers,
+            onChange: (checked) => setBillingDiffers(!checked)
           }
-        )
-      ] }) }),
-      /* @__PURE__ */ jsx(
-        CheckboxInput,
-        {
-          label: t("billingSame"),
-          value: !billingDiffers,
-          onChange: (checked) => setBillingDiffers(!checked)
-        }
-      ),
-      billingDiffers && /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: "0.9rem" }, children: [
-        /* @__PURE__ */ jsx(Heading, { level: 3, children: t("billingHeading") }),
-        /* @__PURE__ */ jsx(TextInput, { label: `${t("fieldAddress")} *`, value: billing.address, onChange: (x) => setBilling((p) => ({ ...p, address: x })) }),
-        /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: "0.9rem", gridTemplateColumns: "140px 1fr" }, children: [
-          /* @__PURE__ */ jsx(TextInput, { label: `${t("fieldZip")} *`, value: billing.zip, onChange: (x) => setBilling((p) => ({ ...p, zip: x })) }),
-          /* @__PURE__ */ jsx(TextInput, { label: `${t("fieldCity")} *`, value: billing.city, onChange: (x) => setBilling((p) => ({ ...p, city: x })) })
+        ),
+        billingDiffers && /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: "0.9rem" }, children: [
+          /* @__PURE__ */ jsx(Heading, { level: 3, children: t("billingHeading") }),
+          /* @__PURE__ */ jsx(TextInput, { label: `${t("fieldAddress")} *`, autoComplete: "billing street-address", value: billing.address, onChange: (x) => setBilling((p) => ({ ...p, address: x })) }),
+          /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: "0.9rem", gridTemplateColumns: "140px 1fr" }, children: [
+            /* @__PURE__ */ jsx(TextInput, { label: `${t("fieldZip")} *`, autoComplete: "billing postal-code", value: billing.zip, onChange: (x) => setBilling((p) => ({ ...p, zip: x })) }),
+            /* @__PURE__ */ jsx(TextInput, { label: `${t("fieldCity")} *`, autoComplete: "billing address-level2", value: billing.city, onChange: (x) => setBilling((p) => ({ ...p, city: x })) })
+          ] })
         ] })
       ] }),
       settings.giftWrapEnabled && /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: "0.9rem" }, children: [
@@ -236,6 +256,7 @@ const checkoutBlock = defineBlock({
   Render: CheckoutRender,
   label: "Afrekenen",
   icon: "\u{1F4B3}",
+  essentieel: "Zonder dit blok kunnen klanten niet afrekenen \u2014 er komen dan geen bestellingen meer binnen.",
   defaults: () => ({ heading: "Afrekenen" })
 });
 export {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/modules/shop/blocks/Checkout.tsx"],"sourcesContent":["\"use client\";\n\nimport { useMemo, useState, type FormEvent } from \"react\";\nimport type { z } from \"zod\";\nimport { formatCents, shippingCentsFor, verzendLanden } from \"../../../schema/shopGeld\";\nimport type { CheckoutBlockSchema } from \"../../../schema/shop\";\nimport { defineBlock, type BlockRenderProps } from \"../../../blocks/registry\";\nimport { Card, Heading, Text } from \"../../../blocks/ui\";\nimport { TextInput } from \"@astryxdesign/core/TextInput\";\nimport { TextArea } from \"@astryxdesign/core/TextArea\";\nimport { CheckboxInput } from \"@astryxdesign/core/CheckboxInput\";\nimport { cartLineKey, useCart } from \"../cartStore\";\nimport { useShopStrings } from \"../strings\";\nimport { createOrderCall, useShopSettings, validateDiscountCall, type DiscountPreview } from \"../lib\";\n\ntype Blk = z.infer<typeof CheckoutBlockSchema>;\n\n/**\n * Afrekenen — klantgegevens + overzicht + kortingscode; `createOrder` herrekent server-side\n * (incl. korting en personalisatie-meerprijs) en geeft de Stripe Checkout-URL terug. De cart\n * wordt pas geleegd op de bedankt-pagina, zodat een geannuleerde betaling niets kwijtraakt.\n * NB: verplichte velden dragen een \" *\" in het label (de Engelse Astryx-chip blijft uit).\n */\n/** Landnamen in het Nederlands (\"BE\" → \"België\"); valt terug op de code als de browser hem niet kent. */\nconst LANDNAMEN = new Intl.DisplayNames([\"nl\"], { type: \"region\" });\n\nfunction CheckoutRender({ block, siteId, mode }: BlockRenderProps<Blk>) {\n  const settings = useShopSettings();\n  const t = useShopStrings();\n  const { lines, itemsCents } = useCart(siteId);\n  const [v, setV] = useState({ name: \"\", email: \"\", phone: \"\", address: \"\", zip: \"\", city: \"\", country: \"NL\", note: \"\" });\n  const [hp, setHp] = useState(\"\");\n  // Factuuradres: standaard hetzelfde als het verzendadres — alleen tonen als de klant expliciet\n  // aangeeft dat het afwijkt (bv. bedrijfsadres op de factuur, cadeau naar een ander adres).\n  const [billingDiffers, setBillingDiffers] = useState(false);\n  const [billing, setBilling] = useState({ address: \"\", zip: \"\", city: \"\", country: \"NL\" });\n  // Cadeauverpakking (7.27): de meerprijs komt server-side uit de shopconfig, hier alleen de keuze\n  // + wat er op het kaartje moet staan.\n  const [giftWrap, setGiftWrap] = useState(false);\n  const [giftCardText, setGiftCardText] = useState(\"\");\n  const [giftNote, setGiftNote] = useState(\"\");\n  // Welke landen bedient deze winkel? Leeg (of geen zones) = alleen het standaardland.\n  const landOpties = useMemo(() => {\n    const uit = verzendLanden({ shippingZones: settings.shippingZones });\n    return uit.length > 0 ? uit : [\"NL\"];\n  }, [settings.shippingZones]);\n  const [busy, setBusy] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [codeInput, setCodeInput] = useState(\"\");\n  const [codeBusy, setCodeBusy] = useState(false);\n  const [discount, setDiscount] = useState<DiscountPreview | null>(null);\n\n  // Eén rekenfunctie voor winkelwagen, afrekenen en server (zie shopGeld.ts): het land bepaalt de\n  // zone, en een kortingscode met gratis verzending zit er nu ín in plaats van eromheen.\n  const shippingCents = shippingCentsFor(\n    itemsCents,\n    {\n      shippingFlatCents: settings.shippingFlatCents,\n      shippingFreeFromCents: settings.shippingFreeFromCents || undefined,\n      shippingZones: settings.shippingZones,\n    },\n    lines.length > 0,\n    { land: v.country, freeShipping: discount?.valid && discount.freeShipping },\n  );\n  const discountCents = discount?.valid ? Math.min(discount.discountCents ?? 0, itemsCents) : 0;\n  const giftWrapCents = giftWrap ? settings.giftWrapPriceCents : 0;\n  const totalCents = Math.max(0, itemsCents - discountCents) + shippingCents + giftWrapCents;\n\n  async function applyCode() {\n    const code = codeInput.trim().toUpperCase();\n    if (!code || codeBusy) return;\n    setCodeBusy(true);\n    try {\n      const res = await validateDiscountCall(siteId, code, itemsCents);\n      setDiscount(res.valid ? { ...res, code } : { valid: false });\n    } catch {\n      setDiscount({ valid: false });\n    } finally {\n      setCodeBusy(false);\n    }\n  }\n\n  async function submit(e: FormEvent) {\n    e.preventDefault();\n    if (mode === \"preview\" || busy) return;\n    setBusy(true);\n    setError(null);\n    try {\n      const { url } = await createOrderCall({\n        siteId,\n        items: lines.map((l) => ({\n          productId: l.productId,\n          variantKey: l.variantKey,\n          qty: l.qty,\n          personalization: l.personalization,\n        })),\n        customer: { email: v.email, name: v.name, phone: v.phone || undefined },\n        shipping: { address: v.address, zip: v.zip, city: v.city, country: v.country || \"NL\" },\n        billing: billingDiffers\n          ? { address: billing.address, zip: billing.zip, city: billing.city, country: billing.country || \"NL\" }\n          : undefined,\n        note: v.note || undefined,\n        giftWrap: giftWrap ? { cardText: giftCardText.trim() || undefined, note: giftNote.trim() || undefined } : undefined,\n        discountCode: discount?.valid ? discount.code : undefined,\n        successPath: settings.successPath,\n        cancelPath: settings.cartPath,\n        _hp: hp || undefined,\n      });\n      window.location.assign(url);\n    } catch (err) {\n      console.error(\"[xicms] checkout mislukt:\", err);\n      setError(t(\"checkoutFailed\"));\n      setBusy(false);\n    }\n  }\n\n  if (lines.length === 0) {\n    return (\n      <Card padding={4} variant=\"muted\">\n        <Text>\n          {t(\"cartEmpty\")} <a href={settings.shopPath}>{t(\"toShop\")}</a>\n        </Text>\n      </Card>\n    );\n  }\n\n  return (\n    <div className=\"xicms-shop-checkout\" style={{ display: \"grid\", gap: \"2rem\", gridTemplateColumns: \"repeat(auto-fit, minmax(min(320px, 100%), 1fr))\" }}>\n      <form onSubmit={submit} style={{ display: \"grid\", gap: \"0.9rem\", alignContent: \"start\" }}>\n        {block.heading && <Heading level={1} data-xicms-edit=\"heading\">{block.heading}</Heading>}\n        {block.introText && <Text data-xicms-edit=\"introText\">{block.introText}</Text>}\n\n        <TextInput label={`${t(\"fieldName\")} *`} value={v.name} onChange={(x) => setV((p) => ({ ...p, name: x }))} />\n        <TextInput label={`${t(\"fieldEmail\")} *`} type=\"email\" value={v.email} onChange={(x) => setV((p) => ({ ...p, email: x }))} />\n        <TextInput label={t(\"fieldPhone\")} value={v.phone} onChange={(x) => setV((p) => ({ ...p, phone: x }))} />\n        <TextInput label={`${t(\"fieldAddress\")} *`} value={v.address} onChange={(x) => setV((p) => ({ ...p, address: x }))} />\n        <div style={{ display: \"grid\", gap: \"0.9rem\", gridTemplateColumns: \"140px 1fr\" }}>\n          <TextInput label={`${t(\"fieldZip\")} *`} value={v.zip} onChange={(x) => setV((p) => ({ ...p, zip: x }))} />\n          <TextInput label={`${t(\"fieldCity\")} *`} value={v.city} onChange={(x) => setV((p) => ({ ...p, city: x }))} />\n        </div>\n        <div>\n          {/* Landkeuze alleen tonen wanneer de winkel meer dan één land bedient — anders is het\n              een keuzemenu met één optie, en dat is ruis op een afrekenpagina. */}\n          {landOpties.length > 1 && (\n            <label style={{ display: \"grid\", gap: 4 }}>\n              <span style={{ fontSize: \"0.9rem\" }}>{t(\"fieldCountry\")} *</span>\n              <select\n                className=\"xicms-input\"\n                value={v.country}\n                onChange={(e) => setV((p) => ({ ...p, country: e.target.value }))}\n              >\n                {landOpties.map((c) => (\n                  <option key={c} value={c}>\n                    {LANDNAMEN.of(c) ?? c}\n                  </option>\n                ))}\n              </select>\n            </label>\n          )}\n        </div>\n        <CheckboxInput\n          label={t(\"billingSame\")}\n          value={!billingDiffers}\n          onChange={(checked) => setBillingDiffers(!checked)}\n        />\n        {billingDiffers && (\n          <div style={{ display: \"grid\", gap: \"0.9rem\" }}>\n            <Heading level={3}>{t(\"billingHeading\")}</Heading>\n            <TextInput label={`${t(\"fieldAddress\")} *`} value={billing.address} onChange={(x) => setBilling((p) => ({ ...p, address: x }))} />\n            <div style={{ display: \"grid\", gap: \"0.9rem\", gridTemplateColumns: \"140px 1fr\" }}>\n              <TextInput label={`${t(\"fieldZip\")} *`} value={billing.zip} onChange={(x) => setBilling((p) => ({ ...p, zip: x }))} />\n              <TextInput label={`${t(\"fieldCity\")} *`} value={billing.city} onChange={(x) => setBilling((p) => ({ ...p, city: x }))} />\n            </div>\n          </div>\n        )}\n\n        {settings.giftWrapEnabled && (\n          <div style={{ display: \"grid\", gap: \"0.9rem\" }}>\n            <CheckboxInput\n              label={t(\"giftWrapLabel\", { bedrag: formatCents(settings.giftWrapPriceCents, settings.currency) })}\n              value={giftWrap}\n              onChange={setGiftWrap}\n            />\n            {giftWrap && (\n              <>\n                <TextInput label={t(\"giftWrapCardText\")} value={giftCardText} onChange={setGiftCardText} />\n                <TextArea label={t(\"giftWrapNote\")} rows={2} value={giftNote} onChange={setGiftNote} />\n              </>\n            )}\n          </div>\n        )}\n\n        <TextArea label={t(\"fieldNote\")} rows={3} value={v.note} onChange={(x) => setV((p) => ({ ...p, note: x }))} />\n\n        {/* Honeypot — verborgen voor mensen, bots vullen 'm vaak wel in. */}\n        <input\n          type=\"text\"\n          tabIndex={-1}\n          autoComplete=\"off\"\n          value={hp}\n          onChange={(e) => setHp(e.target.value)}\n          style={{ position: \"absolute\", left: \"-9999px\", width: 1, height: 1 }}\n          aria-hidden\n        />\n\n        {error && <Text role=\"alert\" style={{ color: \"var(--color-error, #c0392b)\" }}>{error}</Text>}\n\n        <button\n          type=\"submit\"\n          className=\"xicms-btn xicms-btn--primary\"\n          disabled={busy}\n          style={{ cursor: busy ? \"wait\" : \"pointer\", width: \"fit-content\" }}\n        >\n          {busy ? t(\"busy\") : t(\"pay\", { bedrag: formatCents(totalCents, settings.currency) })}\n        </button>\n        <Text size=\"sm\" style={{ opacity: 0.7 }}>{t(\"secureNote\")}</Text>\n      </form>\n\n      <Card padding={3} variant=\"muted\" style={{ alignSelf: \"start\" }}>\n        <Heading level={2}>{t(\"yourOrder\")}</Heading>\n        <div style={{ display: \"grid\", gap: 8, marginTop: \"0.75rem\" }}>\n          {lines.map((l) => (\n            <div key={cartLineKey(l)} style={{ display: \"flex\", justifyContent: \"space-between\", gap: 12 }}>\n              <Text size=\"sm\">\n                {l.qty}× {l.name}\n                {l.variantLabel ? ` (${l.variantLabel})` : \"\"}\n                {l.personalizationLabel ? ` — ${l.personalizationLabel}` : \"\"}\n              </Text>\n              <Text size=\"sm\">{formatCents(l.unitPriceCents * l.qty, settings.currency)}</Text>\n            </div>\n          ))}\n\n          {/* Kortingscode */}\n          <div className=\"xicms-shop-checkout__discount\" style={{ display: \"flex\", gap: 8, marginTop: 4 }}>\n            <input\n              className=\"xicms-input\"\n              type=\"text\"\n              placeholder={t(\"discountCode\")}\n              value={codeInput}\n              onChange={(e) => setCodeInput(e.target.value.toUpperCase())}\n              style={{ flex: 1, textTransform: \"uppercase\" }}\n            />\n            <button type=\"button\" className=\"xicms-btn xicms-btn--secondary\" disabled={codeBusy || !codeInput.trim()} onClick={applyCode}>\n              {codeBusy ? t(\"busy\") : t(\"discountApply\")}\n            </button>\n          </div>\n          {discount && !discount.valid && (\n            <Text size=\"sm\" role=\"alert\" style={{ color: \"var(--color-error, #c0392b)\" }}>{t(\"discountInvalid\")}</Text>\n          )}\n          {discount?.valid && (\n            <Text size=\"sm\" style={{ color: \"var(--xicms-primary, #4d7fb0)\", fontWeight: 600 }}>\n              {t(\"discountApplied\", { code: discount.code ?? \"\" })}\n            </Text>\n          )}\n\n          <hr style={{ border: \"none\", borderTop: \"1px solid rgba(0,0,0,0.1)\" }} />\n          {discountCents > 0 && (\n            <div style={{ display: \"flex\", justifyContent: \"space-between\" }}>\n              <Text size=\"sm\">{t(\"discount\")}</Text>\n              <Text size=\"sm\">−{formatCents(discountCents, settings.currency)}</Text>\n            </div>\n          )}\n          <div style={{ display: \"flex\", justifyContent: \"space-between\" }}>\n            <Text size=\"sm\">{t(\"shippingCosts\")}</Text>\n            <Text size=\"sm\">{shippingCents === 0 ? t(\"free\") : formatCents(shippingCents, settings.currency)}</Text>\n          </div>\n          {giftWrapCents > 0 && (\n            <div style={{ display: \"flex\", justifyContent: \"space-between\" }}>\n              <Text size=\"sm\">{t(\"giftWrap\")}</Text>\n              <Text size=\"sm\">{formatCents(giftWrapCents, settings.currency)}</Text>\n            </div>\n          )}\n          <div style={{ display: \"flex\", justifyContent: \"space-between\" }}>\n            <Text weight=\"bold\">{t(\"total\")}</Text>\n            <Text weight=\"bold\">{formatCents(totalCents, settings.currency)}</Text>\n          </div>\n        </div>\n      </Card>\n    </div>\n  );\n}\n\nexport const checkoutBlock = defineBlock({\n  type: \"checkout\",\n  Render: CheckoutRender,\n  label: \"Afrekenen\",\n  icon: \"💳\",\n  defaults: () => ({ heading: \"Afrekenen\" }),\n});\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/modules/shop/blocks/Checkout.tsx"],"sourcesContent":["\"use client\";\n\nimport { useMemo, useState, type FormEvent } from \"react\";\nimport type { z } from \"zod\";\nimport { formatCents, shippingCentsFor, verzendLanden } from \"../../../schema/shopGeld\";\nimport type { CheckoutBlockSchema } from \"../../../schema/shop\";\nimport { defineBlock, type BlockRenderProps } from \"../../../blocks/registry\";\nimport { Card, Heading, Text } from \"../../../blocks/ui\";\nimport { TextInput } from \"@astryxdesign/core/TextInput\";\nimport { TextArea } from \"@astryxdesign/core/TextArea\";\nimport { CheckboxInput } from \"@astryxdesign/core/CheckboxInput\";\nimport { cartLineKey, useCart } from \"../cartStore\";\nimport { useShopStrings } from \"../strings\";\nimport { createOrderCall, useShopSettings, validateDiscountCall, type DiscountPreview } from \"../lib\";\n\ntype Blk = z.infer<typeof CheckoutBlockSchema>;\n\n/**\n * Afrekenen — klantgegevens + overzicht + kortingscode; `createOrder` herrekent server-side\n * (incl. korting en personalisatie-meerprijs) en geeft de Stripe Checkout-URL terug. De cart\n * wordt pas geleegd op de bedankt-pagina, zodat een geannuleerde betaling niets kwijtraakt.\n * NB: verplichte velden dragen een \" *\" in het label (de Engelse Astryx-chip blijft uit).\n */\n/** Landnamen in het Nederlands (\"BE\" → \"België\"); valt terug op de code als de browser hem niet kent. */\nconst LANDNAMEN = new Intl.DisplayNames([\"nl\"], { type: \"region\" });\n\nfunction CheckoutRender({ block, siteId, mode }: BlockRenderProps<Blk>) {\n  const settings = useShopSettings();\n  const t = useShopStrings();\n  const { lines, itemsCents } = useCart(siteId);\n  const [v, setV] = useState({ name: \"\", email: \"\", phone: \"\", address: \"\", zip: \"\", city: \"\", country: \"NL\", note: \"\" });\n  const [hp, setHp] = useState(\"\");\n  // Factuuradres: standaard hetzelfde als het verzendadres — alleen tonen als de klant expliciet\n  // aangeeft dat het afwijkt (bv. bedrijfsadres op de factuur, cadeau naar een ander adres).\n  const [billingDiffers, setBillingDiffers] = useState(false);\n  const [billing, setBilling] = useState({ address: \"\", zip: \"\", city: \"\", country: \"NL\" });\n  // Cadeauverpakking (7.27): de meerprijs komt server-side uit de shopconfig, hier alleen de keuze\n  // + wat er op het kaartje moet staan.\n  const [giftWrap, setGiftWrap] = useState(false);\n  const [giftCardText, setGiftCardText] = useState(\"\");\n  const [giftNote, setGiftNote] = useState(\"\");\n  // Afhalen (7.33): alleen te kiezen als de winkel het aanbiedt; de server controleert dat opnieuw.\n  const [pickupChoice, setPickupChoice] = useState(false);\n  const pickup = settings.pickupEnabled && pickupChoice;\n  // Welke landen bedient deze winkel? Leeg (of geen zones) = alleen het standaardland.\n  const landOpties = useMemo(() => {\n    const uit = verzendLanden({ shippingZones: settings.shippingZones });\n    return uit.length > 0 ? uit : [\"NL\"];\n  }, [settings.shippingZones]);\n  const [busy, setBusy] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [codeInput, setCodeInput] = useState(\"\");\n  const [codeBusy, setCodeBusy] = useState(false);\n  const [discount, setDiscount] = useState<DiscountPreview | null>(null);\n\n  // Eén rekenfunctie voor winkelwagen, afrekenen en server (zie shopGeld.ts): het land bepaalt de\n  // zone, en een kortingscode met gratis verzending zit er nu ín in plaats van eromheen.\n  const shippingCents = shippingCentsFor(\n    itemsCents,\n    {\n      shippingFlatCents: settings.shippingFlatCents,\n      shippingFreeFromCents: settings.shippingFreeFromCents || undefined,\n      shippingZones: settings.shippingZones,\n    },\n    lines.length > 0,\n    { land: v.country, freeShipping: discount?.valid && discount.freeShipping, pickup },\n  );\n  const discountCents = discount?.valid ? Math.min(discount.discountCents ?? 0, itemsCents) : 0;\n  const giftWrapCents = giftWrap ? settings.giftWrapPriceCents : 0;\n  const totalCents = Math.max(0, itemsCents - discountCents) + shippingCents + giftWrapCents;\n\n  async function applyCode() {\n    const code = codeInput.trim().toUpperCase();\n    if (!code || codeBusy) return;\n    setCodeBusy(true);\n    try {\n      const res = await validateDiscountCall(siteId, code, itemsCents);\n      setDiscount(res.valid ? { ...res, code } : { valid: false });\n    } catch {\n      setDiscount({ valid: false });\n    } finally {\n      setCodeBusy(false);\n    }\n  }\n\n  async function submit(e: FormEvent) {\n    e.preventDefault();\n    if (mode === \"preview\" || busy) return;\n    setBusy(true);\n    setError(null);\n    try {\n      const { url } = await createOrderCall({\n        siteId,\n        items: lines.map((l) => ({\n          productId: l.productId,\n          variantKey: l.variantKey,\n          qty: l.qty,\n          personalization: l.personalization,\n        })),\n        customer: { email: v.email, name: v.name, phone: v.phone || undefined },\n        shipping: pickup ? undefined : { address: v.address, zip: v.zip, city: v.city, country: v.country || \"NL\" },\n        pickup: pickup || undefined,\n        billing: billingDiffers && !pickup\n          ? { address: billing.address, zip: billing.zip, city: billing.city, country: billing.country || \"NL\" }\n          : undefined,\n        note: v.note || undefined,\n        giftWrap: giftWrap ? { cardText: giftCardText.trim() || undefined, note: giftNote.trim() || undefined } : undefined,\n        discountCode: discount?.valid ? discount.code : undefined,\n        successPath: settings.successPath,\n        cancelPath: settings.cartPath,\n        _hp: hp || undefined,\n      });\n      window.location.assign(url);\n    } catch (err) {\n      console.error(\"[xicms] checkout mislukt:\", err);\n      setError(t(\"checkoutFailed\"));\n      setBusy(false);\n    }\n  }\n\n  if (lines.length === 0) {\n    return (\n      <Card padding={4} variant=\"muted\">\n        <Text>\n          {t(\"cartEmpty\")} <a href={settings.shopPath}>{t(\"toShop\")}</a>\n        </Text>\n      </Card>\n    );\n  }\n\n  return (\n    <div className=\"xicms-shop-checkout\" style={{ display: \"grid\", gap: \"2rem\", gridTemplateColumns: \"repeat(auto-fit, minmax(min(320px, 100%), 1fr))\" }}>\n      <form onSubmit={submit} style={{ display: \"grid\", gap: \"0.9rem\", alignContent: \"start\" }}>\n        {block.heading && <Heading level={1} data-xicms-edit=\"heading\">{block.heading}</Heading>}\n        {block.introText && <Text data-xicms-edit=\"introText\">{block.introText}</Text>}\n\n        <TextInput label={`${t(\"fieldName\")} *`} autoComplete=\"name\" value={v.name} onChange={(x) => setV((p) => ({ ...p, name: x }))} />\n        <TextInput label={`${t(\"fieldEmail\")} *`} type=\"email\" autoComplete=\"email\" value={v.email} onChange={(x) => setV((p) => ({ ...p, email: x }))} />\n        <TextInput label={t(\"fieldPhone\")} autoComplete=\"tel\" value={v.phone} onChange={(x) => setV((p) => ({ ...p, phone: x }))} />\n        {settings.pickupEnabled && (\n          <div className=\"xicms-shop-checkout__delivery\" style={{ display: \"grid\", gap: \"0.5rem\" }}>\n            <Heading level={3}>{t(\"deliveryHeading\")}</Heading>\n            <label style={{ display: \"flex\", gap: 8, alignItems: \"center\", cursor: \"pointer\" }}>\n              <input type=\"radio\" name=\"xicms-delivery\" checked={!pickup} onChange={() => setPickupChoice(false)} />\n              <span>{t(\"deliveryShip\")}</span>\n            </label>\n            <label style={{ display: \"flex\", gap: 8, alignItems: \"center\", cursor: \"pointer\" }}>\n              <input type=\"radio\" name=\"xicms-delivery\" checked={pickup} onChange={() => setPickupChoice(true)} />\n              <span>{t(\"deliveryPickup\")}</span>\n            </label>\n            {pickup && settings.pickupNote.trim() && (\n              <Card padding={3} variant=\"muted\">\n                <Text size=\"sm\" weight=\"bold\">{t(\"pickupHeading\")}</Text>\n                <Text size=\"sm\" style={{ whiteSpace: \"pre-wrap\" }}>{settings.pickupNote}</Text>\n              </Card>\n            )}\n          </div>\n        )}\n        {!pickup && (\n          <>\n        <TextInput label={`${t(\"fieldAddress\")} *`} autoComplete=\"shipping street-address\" value={v.address} onChange={(x) => setV((p) => ({ ...p, address: x }))} />\n        <div style={{ display: \"grid\", gap: \"0.9rem\", gridTemplateColumns: \"140px 1fr\" }}>\n          <TextInput label={`${t(\"fieldZip\")} *`} autoComplete=\"shipping postal-code\" value={v.zip} onChange={(x) => setV((p) => ({ ...p, zip: x }))} />\n          <TextInput label={`${t(\"fieldCity\")} *`} autoComplete=\"shipping address-level2\" value={v.city} onChange={(x) => setV((p) => ({ ...p, city: x }))} />\n        </div>\n        <div>\n          {/* Landkeuze alleen tonen wanneer de winkel meer dan één land bedient — anders is het\n              een keuzemenu met één optie, en dat is ruis op een afrekenpagina. */}\n          {landOpties.length > 1 && (\n            <label style={{ display: \"grid\", gap: 4 }}>\n              <span style={{ fontSize: \"0.9rem\" }}>{t(\"fieldCountry\")} *</span>\n              <select\n                className=\"xicms-input\"\n                value={v.country}\n                onChange={(e) => setV((p) => ({ ...p, country: e.target.value }))}\n              >\n                {landOpties.map((c) => (\n                  <option key={c} value={c}>\n                    {LANDNAMEN.of(c) ?? c}\n                  </option>\n                ))}\n              </select>\n            </label>\n          )}\n        </div>\n        <CheckboxInput\n          label={t(\"billingSame\")}\n          value={!billingDiffers}\n          onChange={(checked) => setBillingDiffers(!checked)}\n        />\n        {billingDiffers && (\n          <div style={{ display: \"grid\", gap: \"0.9rem\" }}>\n            <Heading level={3}>{t(\"billingHeading\")}</Heading>\n            <TextInput label={`${t(\"fieldAddress\")} *`} autoComplete=\"billing street-address\" value={billing.address} onChange={(x) => setBilling((p) => ({ ...p, address: x }))} />\n            <div style={{ display: \"grid\", gap: \"0.9rem\", gridTemplateColumns: \"140px 1fr\" }}>\n              <TextInput label={`${t(\"fieldZip\")} *`} autoComplete=\"billing postal-code\" value={billing.zip} onChange={(x) => setBilling((p) => ({ ...p, zip: x }))} />\n              <TextInput label={`${t(\"fieldCity\")} *`} autoComplete=\"billing address-level2\" value={billing.city} onChange={(x) => setBilling((p) => ({ ...p, city: x }))} />\n            </div>\n          </div>\n        )}\n          </>\n        )}\n        {settings.giftWrapEnabled && (\n          <div style={{ display: \"grid\", gap: \"0.9rem\" }}>\n            <CheckboxInput\n              label={t(\"giftWrapLabel\", { bedrag: formatCents(settings.giftWrapPriceCents, settings.currency) })}\n              value={giftWrap}\n              onChange={setGiftWrap}\n            />\n            {giftWrap && (\n              <>\n                <TextInput label={t(\"giftWrapCardText\")} value={giftCardText} onChange={setGiftCardText} />\n                <TextArea label={t(\"giftWrapNote\")} rows={2} value={giftNote} onChange={setGiftNote} />\n              </>\n            )}\n          </div>\n        )}\n\n        <TextArea label={t(\"fieldNote\")} rows={3} value={v.note} onChange={(x) => setV((p) => ({ ...p, note: x }))} />\n\n        {/* Honeypot — verborgen voor mensen, bots vullen 'm vaak wel in. */}\n        <input\n          type=\"text\"\n          tabIndex={-1}\n          autoComplete=\"off\"\n          value={hp}\n          onChange={(e) => setHp(e.target.value)}\n          style={{ position: \"absolute\", left: \"-9999px\", width: 1, height: 1 }}\n          aria-hidden\n        />\n\n        {error && <Text role=\"alert\" style={{ color: \"var(--color-error, #c0392b)\" }}>{error}</Text>}\n\n        <button\n          type=\"submit\"\n          className=\"xicms-btn xicms-btn--primary\"\n          disabled={busy}\n          style={{ cursor: busy ? \"wait\" : \"pointer\", width: \"fit-content\" }}\n        >\n          {busy ? t(\"busy\") : t(\"pay\", { bedrag: formatCents(totalCents, settings.currency) })}\n        </button>\n        <Text size=\"sm\" style={{ opacity: 0.7 }}>{t(\"secureNote\")}</Text>\n      </form>\n\n      <Card padding={3} variant=\"muted\" style={{ alignSelf: \"start\" }}>\n        <Heading level={2}>{t(\"yourOrder\")}</Heading>\n        <div style={{ display: \"grid\", gap: 8, marginTop: \"0.75rem\" }}>\n          {lines.map((l) => (\n            <div key={cartLineKey(l)} style={{ display: \"flex\", justifyContent: \"space-between\", gap: 12 }}>\n              <Text size=\"sm\">\n                {l.qty}× {l.name}\n                {l.variantLabel ? ` (${l.variantLabel})` : \"\"}\n                {l.personalizationLabel ? ` — ${l.personalizationLabel}` : \"\"}\n              </Text>\n              <Text size=\"sm\">{formatCents(l.unitPriceCents * l.qty, settings.currency)}</Text>\n            </div>\n          ))}\n\n          {/* Kortingscode */}\n          <div className=\"xicms-shop-checkout__discount\" style={{ display: \"flex\", gap: 8, marginTop: 4 }}>\n            <input\n              className=\"xicms-input\"\n              type=\"text\"\n              placeholder={t(\"discountCode\")}\n              value={codeInput}\n              onChange={(e) => setCodeInput(e.target.value.toUpperCase())}\n              style={{ flex: 1, textTransform: \"uppercase\" }}\n            />\n            <button type=\"button\" className=\"xicms-btn xicms-btn--secondary\" disabled={codeBusy || !codeInput.trim()} onClick={applyCode}>\n              {codeBusy ? t(\"busy\") : t(\"discountApply\")}\n            </button>\n          </div>\n          {discount && !discount.valid && (\n            <Text size=\"sm\" role=\"alert\" style={{ color: \"var(--color-error, #c0392b)\" }}>{t(\"discountInvalid\")}</Text>\n          )}\n          {discount?.valid && (\n            <Text size=\"sm\" style={{ color: \"var(--xicms-primary, #4d7fb0)\", fontWeight: 600 }}>\n              {t(\"discountApplied\", { code: discount.code ?? \"\" })}\n            </Text>\n          )}\n\n          <hr style={{ border: \"none\", borderTop: \"1px solid rgba(0,0,0,0.1)\" }} />\n          {discountCents > 0 && (\n            <div style={{ display: \"flex\", justifyContent: \"space-between\" }}>\n              <Text size=\"sm\">{t(\"discount\")}</Text>\n              <Text size=\"sm\">−{formatCents(discountCents, settings.currency)}</Text>\n            </div>\n          )}\n          <div style={{ display: \"flex\", justifyContent: \"space-between\" }}>\n            <Text size=\"sm\">{t(\"shippingCosts\")}</Text>\n            <Text size=\"sm\">{shippingCents === 0 ? t(\"free\") : formatCents(shippingCents, settings.currency)}</Text>\n          </div>\n          {giftWrapCents > 0 && (\n            <div style={{ display: \"flex\", justifyContent: \"space-between\" }}>\n              <Text size=\"sm\">{t(\"giftWrap\")}</Text>\n              <Text size=\"sm\">{formatCents(giftWrapCents, settings.currency)}</Text>\n            </div>\n          )}\n          <div style={{ display: \"flex\", justifyContent: \"space-between\" }}>\n            <Text weight=\"bold\">{t(\"total\")}</Text>\n            <Text weight=\"bold\">{formatCents(totalCents, settings.currency)}</Text>\n          </div>\n        </div>\n      </Card>\n    </div>\n  );\n}\n\nexport const checkoutBlock = defineBlock({\n  type: \"checkout\",\n  Render: CheckoutRender,\n  label: \"Afrekenen\",\n  icon: \"💳\",\n  essentieel: \"Zonder dit blok kunnen klanten niet afrekenen — er komen dan geen bestellingen meer binnen.\",\n  defaults: () => ({ heading: \"Afrekenen\" }),\n});\n"],"mappings":"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","names":[]}

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

@@ -10,7 +10,7 @@ import { useShopStrings } from "../strings.js";
 function DonationRender({ block, siteId, mode }) {
   const settings = useShopSettings();
   const t = useShopStrings();
-  const [amountCents, setAmountCents] = useState(block.amountsCents[0] ?? null);
+  const [amountCents, setAmountCents] = useState(block.amountsCents?.[0] ?? null);
   const [customEuro, setCustomEuro] = useState("");
   const [custom, setCustom] = useState(false);
   const [v, setV] = useState({ name: "", email: "" });
@@ -44,7 +44,7 @@ function DonationRender({ block, siteId, mode }) {
     block.heading && /* @__PURE__ */ jsx(Heading, { level: 2, "data-xicms-edit": "heading", children: block.heading }),
     block.introText && /* @__PURE__ */ jsx(Text, { "data-xicms-edit": "introText", children: block.introText }),
     /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: 8, flexWrap: "wrap" }, role: "group", "aria-label": "Kies een bedrag", children: [
-      block.amountsCents.map((c) => {
+      (block.amountsCents ?? []).map((c) => {
         const active = !custom && amountCents === c;
         return /* @__PURE__ */ jsx(
           "button",
@@ -97,8 +97,8 @@ function DonationRender({ block, siteId, mode }) {
       }
     ),
     /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: "0.9rem", gridTemplateColumns: "repeat(auto-fit, minmax(min(220px, 100%), 1fr))" }, children: [
-      /* @__PURE__ */ jsx(TextInput, { label: `${t("fieldName")} *`, value: v.name, onChange: (x) => setV((p) => ({ ...p, name: x })) }),
-      /* @__PURE__ */ jsx(TextInput, { label: `${t("fieldEmail")} *`, type: "email", value: v.email, onChange: (x) => setV((p) => ({ ...p, email: x })) })
+      /* @__PURE__ */ jsx(TextInput, { label: `${t("fieldName")} *`, autoComplete: "name", value: v.name, onChange: (x) => setV((p) => ({ ...p, name: x })) }),
+      /* @__PURE__ */ jsx(TextInput, { label: `${t("fieldEmail")} *`, type: "email", autoComplete: "email", value: v.email, onChange: (x) => setV((p) => ({ ...p, email: x })) })
     ] }),
     /* @__PURE__ */ jsx(
       "input",