@xiwebdesign/xicms-core 7.31.0 → 8.16.0

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

@@ -14,8 +14,10 @@ import {
   kleurNaarCss,
   kleurOptie,
   readQueryParam,
-  useShopSettings
+  useShopSettings,
+  productHref
 } from "../lib.js";
+import { SeedImg } from "../../../media/ImageContext.js";
 function PriceLine({ product, currency }) {
   const variantPrices = (product.variants ?? []).filter((v) => v.priceCents !== void 0).map((v) => v.priceCents);
   const min = Math.min(product.priceCents, ...variantPrices);
@@ -63,11 +65,12 @@ function ProductCard({
   detailPath,
   cartPath,
   t,
-  filterColor
+  filterColor,
+  mooi
 }) {
   const [added, setAdded] = useState(false);
   const [hoverImage, setHoverImage] = useState(null);
-  const href = `${detailPath}?p=${encodeURIComponent(product.slug)}`;
+  const href = productHref(detailPath, product.slug, mooi);
   const simple = (product.options ?? []).length === 0 && !(product.personalization ?? []).length;
   const soldOut = isSoldOut(product);
   const kleurAs = filterColor ? kleurOptie(product) : null;
@@ -83,7 +86,7 @@ function ProductCard({
     /* @__PURE__ */ jsxs(Card, { padding: 0, className: "xicms-shop-card", "data-xicms-product": product.id, children: [
       /* @__PURE__ */ jsxs("a", { className: "xicms-shop-card__link", href, children: [
         /* @__PURE__ */ jsxs("div", { className: "xicms-shop-card__media", children: [
-          image ? /* @__PURE__ */ jsx("img", { src: image, alt: product.name, loading: "lazy", className: "xicms-shop-card__img" }) : /* @__PURE__ */ jsx("div", { className: "xicms-shop-card__placeholder", "aria-hidden": "true" }),
+          image ? /* @__PURE__ */ jsx(SeedImg, { src: image, alt: product.name, className: "xicms-shop-card__img", sizes: "(max-width: 600px) 50vw, (max-width: 1100px) 33vw, 280px" }) : /* @__PURE__ */ jsx("div", { className: "xicms-shop-card__placeholder", "aria-hidden": "true" }),
           soldOut && /* @__PURE__ */ jsx("span", { className: "xicms-shop-card__soldout", children: t("soldOut") })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "xicms-shop-card__body", children: [
@@ -240,6 +243,7 @@ function ProductGridRender({ block, siteId }) {
             siteId,
             currency: settings.currency,
             detailPath: settings.detailPath,
+            mooi: settings.mooieUrls,
             cartPath: settings.cartPath,
             t,
             filterColor

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/modules/shop/blocks/ProductGrid.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useMemo, useState } from \"react\";\nimport type { z } from \"zod\";\nimport { formatCents } from \"../../../schema/shopGeld\";\nimport type { ProductGridBlockSchema } from \"../../../schema/shop\";\nimport { optieHeeftBeeldPerWaarde } from \"../../../schema/shop\";\nimport { defineBlock, type BlockRenderProps } from \"../../../blocks/registry\";\nimport { useBlockData } from \"../../../blocks/context\";\nimport { Card, Heading, Text } from \"../../../blocks/ui\";\nimport { cartAdd } from \"../cartStore\";\nimport { useShopStrings, type ShopT } from \"../strings\";\nimport {\n  fetchActiveProducts,\n  fetchShopCategories,\n  kleurNaarCss,\n  kleurOptie,\n  readQueryParam,\n  useShopSettings,\n  type StoredProduct,\n  type StoredShopCategory,\n} from \"../lib\";\nimport type { ShopPageData } from \"../types\";\n\ntype Blk = z.infer<typeof ProductGridBlockSchema>;\n\n/** Prijsregel met optionele doorgestreepte \"van\"-prijs en \"vanaf\" bij variant-prijzen. */\nexport function PriceLine({ product, currency }: { product: StoredProduct; currency: string }) {\n  const variantPrices = (product.variants ?? [])\n    .filter((v) => v.priceCents !== undefined)\n    .map((v) => v.priceCents as number);\n  const min = Math.min(product.priceCents, ...variantPrices);\n  const hasRange = variantPrices.some((p) => p !== product.priceCents);\n  return (\n    <span className=\"xicms-shop-price\">\n      {product.compareAtCents !== undefined && product.compareAtCents > min && (\n        <s style={{ opacity: 0.6, marginRight: 6 }}>{formatCents(product.compareAtCents, currency)}</s>\n      )}\n      {hasRange ? `vanaf ${formatCents(min, currency)}` : formatCents(min, currency)}\n    </span>\n  );\n}\n\n/**\n * Uitverkocht. Zonder opties: de voorraad van het product zelf. MÉT opties: pas uitverkocht als\n * élke variant met een expliciete voorraad op 0 staat — dat was eerder helemaal niet af te lezen,\n * waardoor een volledig uitverkocht t-shirt gewoon als beschikbaar in het grid stond.\n */\nfunction isSoldOut(p: StoredProduct): boolean {\n  if (p.trackStock !== true) return false;\n  if ((p.options ?? []).length === 0) return p.stock !== undefined && p.stock <= 0;\n  const metVoorraad = (p.variants ?? []).filter((v) => v.stock !== undefined && v.active !== false);\n  return metVoorraad.length > 0 && metVoorraad.every((v) => (v.stock as number) <= 0);\n}\n\n/**\n * Stof-stipjes; hover wisselt de kaartfoto naar de foto van die kleur (als die er is).\n *\n * De stipjes blijven aan de KLEUR-as hangen — een tint tekenen kan alleen als de waarde een\n * kleurnaam is. De foto's komen er alleen bij als die as ook echt beeld per waarde voert: staat\n * dat vinkje uit, dan zijn eventuele oude URL's dode data en moet hover niets doen.\n */\nfunction ColorSwatches({ product, onHover }: { product: StoredProduct; onHover?: (url: string | null) => void }) {\n  const optie = kleurOptie(product);\n  if (!optie) return null;\n  const metBeeld = optieHeeftBeeldPerWaarde(optie);\n  const dots = optie.values\n    .map((v) => ({ v, css: kleurNaarCss(v), img: metBeeld ? optie.images?.[v] : undefined }))\n    .filter((d): d is { v: string; css: string; img: string | undefined } => d.css !== null);\n  if (dots.length === 0) return null;\n  return (\n    <span className=\"xicms-shop-card__swatches\" aria-label={`Kleuren: ${optie.values.join(\", \")}`}>\n      {dots.map((d) => (\n        <span\n          key={d.v}\n          className=\"xicms-shop-card__swatch\"\n          title={d.v}\n          onMouseEnter={d.img && onHover ? () => onHover(d.img ?? null) : undefined}\n          onMouseLeave={d.img && onHover ? () => onHover(null) : undefined}\n          style={{\n            display: \"inline-block\",\n            width: 12,\n            height: 12,\n            borderRadius: 999,\n            background: d.css,\n            boxShadow: \"inset 0 0 0 1px rgba(0,0,0,0.18)\",\n          }}\n        />\n      ))}\n    </span>\n  );\n}\n\nexport function ProductCard({\n  product,\n  siteId,\n  currency,\n  detailPath,\n  cartPath,\n  t,\n  filterColor,\n}: {\n  product: StoredProduct;\n  siteId: string;\n  currency: string;\n  detailPath: string;\n  cartPath: string;\n  t: ShopT;\n  /** Actief kleurfilter uit het overzicht — toont bij voorkeur de foto van die kleur. */\n  filterColor?: string | null;\n}) {\n  const [added, setAdded] = useState(false);\n  const [hoverImage, setHoverImage] = useState<string | null>(null);\n  const href = `${detailPath}?p=${encodeURIComponent(product.slug)}`;\n  const simple = (product.options ?? []).length === 0 && !(product.personalization ?? []).length;\n  const soldOut = isSoldOut(product);\n  // Kleurfilter actief? Toon bij voorkeur de foto van die kleur — maar alleen als de kleur-as\n  // ook echt beeld per waarde voert (zie ColorSwatches).\n  const kleurAs = filterColor ? kleurOptie(product) : null;\n  const filterImage = kleurAs && optieHeeftBeeldPerWaarde(kleurAs) ? kleurAs.images?.[filterColor as string] : undefined;\n  const image = hoverImage ?? filterImage ?? product.images?.[0];\n\n  return (\n    // Flex-kolom over de volle kaarthoogte: titel (vast 2 regels) → prijs → swatches →\n    // knop onderaan. Zo lijnen prijs/swatches/knop over álle kaarten in de rij uit, ook\n    // als een productnaam één of twee regels beslaat. Alle opmaak in styles.css.\n    // `data-xicms-product` maakt de kaart in de bewerkmodus aanwijsbaar als PRODUCT (potlood voor\n    // de naam, tandwiel voor het hele formulier). Op de cataloguspagina was dat er niet, en dus was\n    // een productnaam daar het enige stuk tekst op de site dat je nergens kon aanklikken.\n    <Card padding={0} className=\"xicms-shop-card\" data-xicms-product={product.id}>\n      <a className=\"xicms-shop-card__link\" href={href}>\n        <div className=\"xicms-shop-card__media\">\n          {image ? (\n            <img src={image} alt={product.name} loading=\"lazy\" className=\"xicms-shop-card__img\" />\n          ) : (\n            <div className=\"xicms-shop-card__placeholder\" aria-hidden=\"true\" />\n          )}\n          {soldOut && <span className=\"xicms-shop-card__soldout\">{t(\"soldOut\")}</span>}\n        </div>\n        <div className=\"xicms-shop-card__body\">\n          <span className=\"xicms-shop-card__name\" data-xicms-product-edit=\"name\">{product.name}</span>\n          <span className=\"xicms-shop-card__priceline\">\n            <PriceLine product={product} currency={currency} />\n          </span>\n          <span className=\"xicms-shop-card__swatchrow\">\n            <ColorSwatches product={product} onHover={setHoverImage} />\n          </span>\n        </div>\n      </a>\n      <div className=\"xicms-shop-card__actions\">\n        {simple ? (\n          added ? (\n            <a className=\"xicms-shop-card__added\" href={cartPath}>\n              {t(\"addedGoToCart\")}\n            </a>\n          ) : (\n            <button\n              type=\"button\"\n              className=\"xicms-btn xicms-btn--primary\"\n              disabled={soldOut}\n              style={{ cursor: soldOut ? \"not-allowed\" : \"pointer\" }}\n              onClick={() => {\n                cartAdd(siteId, {\n                  productId: product.id,\n                  slug: product.slug,\n                  name: product.name,\n                  unitPriceCents: product.priceCents,\n                  imageUrl: product.images?.[0],\n                });\n                setAdded(true);\n              }}\n            >\n              {t(\"addToCart\")}\n            </button>\n          )\n        ) : (\n          <a className=\"xicms-btn xicms-btn--secondary\" href={href}>\n            {t(\"view\")}\n          </a>\n        )}\n      </div>\n    </Card>\n  );\n}\n\nfunction ProductGridRender({ block, siteId }: BlockRenderProps<Blk>) {\n  const settings = useShopSettings();\n  const t = useShopStrings();\n  const serverData = useBlockData<ShopPageData>(\"shop\");\n  const [products, setProducts] = useState<StoredProduct[] | null>(serverData?.products ?? null);\n  const [cats, setCats] = useState<StoredShopCategory[]>(serverData?.categories ?? []);\n  const [queryCat, setQueryCat] = useState<string | null>(null);\n  const [filterColor, setFilterColor] = useState<string | null>(null);\n  const [filterSize, setFilterSize] = useState<string | null>(null);\n  const [sort, setSort] = useState<Blk[\"sort\"]>(block.sort);\n\n  useEffect(() => {\n    // Server-data aanwezig (SSR/ISR)? Dan geen client-fetch — geen flits, minder reads.\n    if (!serverData?.products) {\n      void fetchActiveProducts(siteId).then(setProducts).catch((e) => {\n        console.warn(\"[xicms] producten laden mislukt:\", e);\n        setProducts([]);\n      });\n    }\n    if (!serverData?.categories) {\n      void fetchShopCategories(siteId).then(setCats).catch(() => setCats([]));\n    }\n    if (block.useQueryCategory && !block.categorySlug) setQueryCat(readQueryParam(\"cat\"));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [siteId, block.useQueryCategory, block.categorySlug]);\n\n  const activeSlug = block.categorySlug || queryCat || null;\n  const activeCat = activeSlug ? cats.find((c) => c.slug === activeSlug) ?? null : null;\n\n  /** Beschikbare filterwaarden uit de geladen set (client-side; geen extra reads). */\n  const filterValues = useMemo(() => {\n    if (!block.showFilters || !products) return { colors: [] as string[], sizes: [] as string[] };\n    const colors = new Set<string>();\n    const sizes = new Set<string>();\n    for (const p of products) {\n      for (const o of p.options ?? []) {\n        if (/^kleur|^colou?r/i.test(o.name)) o.values.forEach((v) => colors.add(v));\n        if (/^maat|^size/i.test(o.name)) o.values.forEach((v) => sizes.add(v));\n      }\n    }\n    return { colors: [...colors], sizes: [...sizes].sort((a, b) => Number(a) - Number(b) || a.localeCompare(b)) };\n  }, [products, block.showFilters]);\n\n  const visible = useMemo(() => {\n    if (!products) return [];\n    let list = products;\n    if (activeCat) list = list.filter((p) => (p.categoryIds ?? []).includes(activeCat.id));\n    if (block.featuredOnly) list = list.filter((p) => p.featured);\n    if (filterColor) {\n      list = list.filter((p) =>\n        (p.options ?? []).some((o) => /^kleur|^colou?r/i.test(o.name) && o.values.includes(filterColor)),\n      );\n    }\n    if (filterSize) {\n      list = list.filter((p) =>\n        (p.options ?? []).some((o) => /^maat|^size/i.test(o.name) && o.values.includes(filterSize)),\n      );\n    }\n    const sorted = [...list];\n    if (sort === \"name\") sorted.sort((a, b) => a.name.localeCompare(b.name, \"nl\"));\n    else if (sort === \"priceAsc\") sorted.sort((a, b) => a.priceCents - b.priceCents);\n    else if (sort === \"priceDesc\") sorted.sort((a, b) => b.priceCents - a.priceCents);\n    else sorted.sort((a, b) => (a.order ?? 0) - (b.order ?? 0) || a.name.localeCompare(b.name, \"nl\"));\n    /**\n     * Uitverkochte artikelen altijd achteraan, ongeacht de gekozen sortering: ze bleven op hun\n     * plek staan en duwden zo leverbare producten van de eerste rij. De volgorde binnen elke\n     * groep blijft die van de sortering hierboven — een stabiele sort verandert daar niets aan.\n     */\n    sorted.sort((a, b) => Number(isSoldOut(a)) - Number(isSoldOut(b)));\n    return sorted.slice(0, block.limit);\n  }, [products, activeCat, block.featuredOnly, block.limit, sort, filterColor, filterSize]);\n\n  if (products === null) return null;\n\n  const chip = (label: string, active: boolean, onClick: () => void, swatch?: string | null) => (\n    <button\n      key={label}\n      type=\"button\"\n      className={`xicms-shop-filterchip${active ? \" xicms-shop-filterchip--active\" : \"\"}`}\n      aria-pressed={active}\n      onClick={onClick}\n    >\n      {swatch && (\n        <span\n          aria-hidden\n          style={{ display: \"inline-block\", width: 10, height: 10, borderRadius: 999, background: swatch, boxShadow: \"inset 0 0 0 1px rgba(0,0,0,0.18)\", marginRight: 5 }}\n        />\n      )}\n      {label}\n    </button>\n  );\n\n  return (\n    <div className=\"xicms-shop-grid\">\n      {(block.heading || activeCat) && (\n        <Heading level={2} data-xicms-edit=\"heading\">\n          {activeCat?.name ?? block.heading}\n        </Heading>\n      )}\n      {activeCat && (\n        <Text size=\"sm\" display=\"block\" style={{ marginTop: 4 }}>\n          <a href={settings.shopPath}>← {t(\"allCategories\")}</a>\n        </Text>\n      )}\n\n      {block.showFilters && (filterValues.colors.length > 0 || filterValues.sizes.length > 0) && (\n        <div className=\"xicms-shop-filters\">\n          {filterValues.colors.length > 0 && (\n            <div className=\"xicms-shop-filters__row\" role=\"group\" aria-label=\"Kleur\">\n              {chip(t(\"filterAll\"), filterColor === null, () => setFilterColor(null))}\n              {filterValues.colors.map((c) =>\n                chip(c, filterColor === c, () => setFilterColor(filterColor === c ? null : c), kleurNaarCss(c)),\n              )}\n            </div>\n          )}\n          {filterValues.sizes.length > 0 && (\n            <div className=\"xicms-shop-filters__row\" role=\"group\" aria-label=\"Maat\">\n              {chip(t(\"filterAll\"), filterSize === null, () => setFilterSize(null))}\n              {filterValues.sizes.map((s) => chip(s, filterSize === s, () => setFilterSize(filterSize === s ? null : s)))}\n            </div>\n          )}\n          <label className=\"xicms-shop-filters__sort\">\n            <span>{t(\"sortLabel\")}</span>\n            <select className=\"xicms-input\" value={sort} onChange={(e) => setSort(e.target.value as Blk[\"sort\"])}>\n              <option value=\"order\">{t(\"sortDefault\")}</option>\n              <option value=\"name\">{t(\"sortName\")}</option>\n              <option value=\"priceAsc\">{t(\"sortPriceAsc\")}</option>\n              <option value=\"priceDesc\">{t(\"sortPriceDesc\")}</option>\n            </select>\n          </label>\n        </div>\n      )}\n\n      {visible.length === 0 ? (\n        <Card padding={4} variant=\"muted\" style={{ marginTop: \"1rem\" }}>\n          <Text>{t(\"noProducts\")}</Text>\n        </Card>\n      ) : (\n        <div\n          className=\"xicms-shop-grid__items\"\n          data-columns={block.columns}\n          style={{\n            display: \"grid\",\n            gridTemplateColumns: `repeat(auto-fill, minmax(min(240px, calc(100%/${block.columns} - 1rem)), 1fr))`,\n            gap: \"1.25rem\",\n            marginTop: \"1.25rem\",\n          }}\n        >\n          {visible.map((p) => (\n            <ProductCard\n              key={p.id}\n              product={p}\n              siteId={siteId}\n              currency={settings.currency}\n              detailPath={settings.detailPath}\n              cartPath={settings.cartPath}\n              t={t}\n              filterColor={filterColor}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const productGridBlock = defineBlock({\n  type: \"productGrid\",\n  Render: ProductGridRender,\n  label: \"Producten-overzicht\",\n  icon: \"🛍️\",\n  defaults: () => ({ useQueryCategory: true, columns: 3, limit: 60, sort: \"order\" }),\n});\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/modules/shop/blocks/ProductGrid.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useMemo, useState } from \"react\";\nimport type { z } from \"zod\";\nimport { formatCents } from \"../../../schema/shopGeld\";\nimport type { ProductGridBlockSchema } from \"../../../schema/shop\";\nimport { optieHeeftBeeldPerWaarde } from \"../../../schema/shop\";\nimport { defineBlock, type BlockRenderProps } from \"../../../blocks/registry\";\nimport { useBlockData } from \"../../../blocks/context\";\nimport { Card, Heading, Text } from \"../../../blocks/ui\";\nimport { cartAdd } from \"../cartStore\";\nimport { useShopStrings, type ShopT } from \"../strings\";\nimport {\n  fetchActiveProducts,\n  fetchShopCategories,\n  kleurNaarCss,\n  kleurOptie,\n  readQueryParam,\n  useShopSettings,\n  type StoredProduct,\n  type StoredShopCategory, productHref } from \"../lib\";\nimport type { ShopPageData } from \"../types\";\nimport { SeedImg } from \"../../../media/ImageContext\";\n\ntype Blk = z.infer<typeof ProductGridBlockSchema>;\n\n/** Prijsregel met optionele doorgestreepte \"van\"-prijs en \"vanaf\" bij variant-prijzen. */\nexport function PriceLine({ product, currency }: { product: StoredProduct; currency: string }) {\n  const variantPrices = (product.variants ?? [])\n    .filter((v) => v.priceCents !== undefined)\n    .map((v) => v.priceCents as number);\n  const min = Math.min(product.priceCents, ...variantPrices);\n  const hasRange = variantPrices.some((p) => p !== product.priceCents);\n  return (\n    <span className=\"xicms-shop-price\">\n      {product.compareAtCents !== undefined && product.compareAtCents > min && (\n        <s style={{ opacity: 0.6, marginRight: 6 }}>{formatCents(product.compareAtCents, currency)}</s>\n      )}\n      {hasRange ? `vanaf ${formatCents(min, currency)}` : formatCents(min, currency)}\n    </span>\n  );\n}\n\n/**\n * Uitverkocht. Zonder opties: de voorraad van het product zelf. MÉT opties: pas uitverkocht als\n * élke variant met een expliciete voorraad op 0 staat — dat was eerder helemaal niet af te lezen,\n * waardoor een volledig uitverkocht t-shirt gewoon als beschikbaar in het grid stond.\n */\nfunction isSoldOut(p: StoredProduct): boolean {\n  if (p.trackStock !== true) return false;\n  if ((p.options ?? []).length === 0) return p.stock !== undefined && p.stock <= 0;\n  const metVoorraad = (p.variants ?? []).filter((v) => v.stock !== undefined && v.active !== false);\n  return metVoorraad.length > 0 && metVoorraad.every((v) => (v.stock as number) <= 0);\n}\n\n/**\n * Stof-stipjes; hover wisselt de kaartfoto naar de foto van die kleur (als die er is).\n *\n * De stipjes blijven aan de KLEUR-as hangen — een tint tekenen kan alleen als de waarde een\n * kleurnaam is. De foto's komen er alleen bij als die as ook echt beeld per waarde voert: staat\n * dat vinkje uit, dan zijn eventuele oude URL's dode data en moet hover niets doen.\n */\nfunction ColorSwatches({ product, onHover }: { product: StoredProduct; onHover?: (url: string | null) => void }) {\n  const optie = kleurOptie(product);\n  if (!optie) return null;\n  const metBeeld = optieHeeftBeeldPerWaarde(optie);\n  const dots = optie.values\n    .map((v) => ({ v, css: kleurNaarCss(v), img: metBeeld ? optie.images?.[v] : undefined }))\n    .filter((d): d is { v: string; css: string; img: string | undefined } => d.css !== null);\n  if (dots.length === 0) return null;\n  return (\n    <span className=\"xicms-shop-card__swatches\" aria-label={`Kleuren: ${optie.values.join(\", \")}`}>\n      {dots.map((d) => (\n        <span\n          key={d.v}\n          className=\"xicms-shop-card__swatch\"\n          title={d.v}\n          onMouseEnter={d.img && onHover ? () => onHover(d.img ?? null) : undefined}\n          onMouseLeave={d.img && onHover ? () => onHover(null) : undefined}\n          style={{\n            display: \"inline-block\",\n            width: 12,\n            height: 12,\n            borderRadius: 999,\n            background: d.css,\n            boxShadow: \"inset 0 0 0 1px rgba(0,0,0,0.18)\",\n          }}\n        />\n      ))}\n    </span>\n  );\n}\n\nexport function ProductCard({\n  product,\n  siteId,\n  currency,\n  detailPath,\n  cartPath,\n  t,\n  filterColor,\n  mooi,\n}: {\n  product: StoredProduct;\n  siteId: string;\n  currency: string;\n  detailPath: string;\n  /** 8.14: nette productadressen (shop-instelling `mooieUrls`). */\n  mooi?: boolean;\n  cartPath: string;\n  t: ShopT;\n  /** Actief kleurfilter uit het overzicht — toont bij voorkeur de foto van die kleur. */\n  filterColor?: string | null;\n}) {\n  const [added, setAdded] = useState(false);\n  const [hoverImage, setHoverImage] = useState<string | null>(null);\n  const href = productHref(detailPath, product.slug, mooi);\n  const simple = (product.options ?? []).length === 0 && !(product.personalization ?? []).length;\n  const soldOut = isSoldOut(product);\n  // Kleurfilter actief? Toon bij voorkeur de foto van die kleur — maar alleen als de kleur-as\n  // ook echt beeld per waarde voert (zie ColorSwatches).\n  const kleurAs = filterColor ? kleurOptie(product) : null;\n  const filterImage = kleurAs && optieHeeftBeeldPerWaarde(kleurAs) ? kleurAs.images?.[filterColor as string] : undefined;\n  const image = hoverImage ?? filterImage ?? product.images?.[0];\n\n  return (\n    // Flex-kolom over de volle kaarthoogte: titel (vast 2 regels) → prijs → swatches →\n    // knop onderaan. Zo lijnen prijs/swatches/knop over álle kaarten in de rij uit, ook\n    // als een productnaam één of twee regels beslaat. Alle opmaak in styles.css.\n    // `data-xicms-product` maakt de kaart in de bewerkmodus aanwijsbaar als PRODUCT (potlood voor\n    // de naam, tandwiel voor het hele formulier). Op de cataloguspagina was dat er niet, en dus was\n    // een productnaam daar het enige stuk tekst op de site dat je nergens kon aanklikken.\n    <Card padding={0} className=\"xicms-shop-card\" data-xicms-product={product.id}>\n      <a className=\"xicms-shop-card__link\" href={href}>\n        <div className=\"xicms-shop-card__media\">\n          {image ? (\n            <SeedImg src={image} alt={product.name} className=\"xicms-shop-card__img\" sizes=\"(max-width: 600px) 50vw, (max-width: 1100px) 33vw, 280px\" />\n          ) : (\n            <div className=\"xicms-shop-card__placeholder\" aria-hidden=\"true\" />\n          )}\n          {soldOut && <span className=\"xicms-shop-card__soldout\">{t(\"soldOut\")}</span>}\n        </div>\n        <div className=\"xicms-shop-card__body\">\n          <span className=\"xicms-shop-card__name\" data-xicms-product-edit=\"name\">{product.name}</span>\n          <span className=\"xicms-shop-card__priceline\">\n            <PriceLine product={product} currency={currency} />\n          </span>\n          <span className=\"xicms-shop-card__swatchrow\">\n            <ColorSwatches product={product} onHover={setHoverImage} />\n          </span>\n        </div>\n      </a>\n      <div className=\"xicms-shop-card__actions\">\n        {simple ? (\n          added ? (\n            <a className=\"xicms-shop-card__added\" href={cartPath}>\n              {t(\"addedGoToCart\")}\n            </a>\n          ) : (\n            <button\n              type=\"button\"\n              className=\"xicms-btn xicms-btn--primary\"\n              disabled={soldOut}\n              style={{ cursor: soldOut ? \"not-allowed\" : \"pointer\" }}\n              onClick={() => {\n                cartAdd(siteId, {\n                  productId: product.id,\n                  slug: product.slug,\n                  name: product.name,\n                  unitPriceCents: product.priceCents,\n                  imageUrl: product.images?.[0],\n                });\n                setAdded(true);\n              }}\n            >\n              {t(\"addToCart\")}\n            </button>\n          )\n        ) : (\n          <a className=\"xicms-btn xicms-btn--secondary\" href={href}>\n            {t(\"view\")}\n          </a>\n        )}\n      </div>\n    </Card>\n  );\n}\n\nfunction ProductGridRender({ block, siteId }: BlockRenderProps<Blk>) {\n  const settings = useShopSettings();\n  const t = useShopStrings();\n  const serverData = useBlockData<ShopPageData>(\"shop\");\n  const [products, setProducts] = useState<StoredProduct[] | null>(serverData?.products ?? null);\n  const [cats, setCats] = useState<StoredShopCategory[]>(serverData?.categories ?? []);\n  const [queryCat, setQueryCat] = useState<string | null>(null);\n  const [filterColor, setFilterColor] = useState<string | null>(null);\n  const [filterSize, setFilterSize] = useState<string | null>(null);\n  const [sort, setSort] = useState<Blk[\"sort\"]>(block.sort);\n\n  useEffect(() => {\n    // Server-data aanwezig (SSR/ISR)? Dan geen client-fetch — geen flits, minder reads.\n    if (!serverData?.products) {\n      void fetchActiveProducts(siteId).then(setProducts).catch((e) => {\n        console.warn(\"[xicms] producten laden mislukt:\", e);\n        setProducts([]);\n      });\n    }\n    if (!serverData?.categories) {\n      void fetchShopCategories(siteId).then(setCats).catch(() => setCats([]));\n    }\n    if (block.useQueryCategory && !block.categorySlug) setQueryCat(readQueryParam(\"cat\"));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [siteId, block.useQueryCategory, block.categorySlug]);\n\n  const activeSlug = block.categorySlug || queryCat || null;\n  const activeCat = activeSlug ? cats.find((c) => c.slug === activeSlug) ?? null : null;\n\n  /** Beschikbare filterwaarden uit de geladen set (client-side; geen extra reads). */\n  const filterValues = useMemo(() => {\n    if (!block.showFilters || !products) return { colors: [] as string[], sizes: [] as string[] };\n    const colors = new Set<string>();\n    const sizes = new Set<string>();\n    for (const p of products) {\n      for (const o of p.options ?? []) {\n        if (/^kleur|^colou?r/i.test(o.name)) o.values.forEach((v) => colors.add(v));\n        if (/^maat|^size/i.test(o.name)) o.values.forEach((v) => sizes.add(v));\n      }\n    }\n    return { colors: [...colors], sizes: [...sizes].sort((a, b) => Number(a) - Number(b) || a.localeCompare(b)) };\n  }, [products, block.showFilters]);\n\n  const visible = useMemo(() => {\n    if (!products) return [];\n    let list = products;\n    if (activeCat) list = list.filter((p) => (p.categoryIds ?? []).includes(activeCat.id));\n    if (block.featuredOnly) list = list.filter((p) => p.featured);\n    if (filterColor) {\n      list = list.filter((p) =>\n        (p.options ?? []).some((o) => /^kleur|^colou?r/i.test(o.name) && o.values.includes(filterColor)),\n      );\n    }\n    if (filterSize) {\n      list = list.filter((p) =>\n        (p.options ?? []).some((o) => /^maat|^size/i.test(o.name) && o.values.includes(filterSize)),\n      );\n    }\n    const sorted = [...list];\n    if (sort === \"name\") sorted.sort((a, b) => a.name.localeCompare(b.name, \"nl\"));\n    else if (sort === \"priceAsc\") sorted.sort((a, b) => a.priceCents - b.priceCents);\n    else if (sort === \"priceDesc\") sorted.sort((a, b) => b.priceCents - a.priceCents);\n    else sorted.sort((a, b) => (a.order ?? 0) - (b.order ?? 0) || a.name.localeCompare(b.name, \"nl\"));\n    /**\n     * Uitverkochte artikelen altijd achteraan, ongeacht de gekozen sortering: ze bleven op hun\n     * plek staan en duwden zo leverbare producten van de eerste rij. De volgorde binnen elke\n     * groep blijft die van de sortering hierboven — een stabiele sort verandert daar niets aan.\n     */\n    sorted.sort((a, b) => Number(isSoldOut(a)) - Number(isSoldOut(b)));\n    return sorted.slice(0, block.limit);\n  }, [products, activeCat, block.featuredOnly, block.limit, sort, filterColor, filterSize]);\n\n  if (products === null) return null;\n\n  const chip = (label: string, active: boolean, onClick: () => void, swatch?: string | null) => (\n    <button\n      key={label}\n      type=\"button\"\n      className={`xicms-shop-filterchip${active ? \" xicms-shop-filterchip--active\" : \"\"}`}\n      aria-pressed={active}\n      onClick={onClick}\n    >\n      {swatch && (\n        <span\n          aria-hidden\n          style={{ display: \"inline-block\", width: 10, height: 10, borderRadius: 999, background: swatch, boxShadow: \"inset 0 0 0 1px rgba(0,0,0,0.18)\", marginRight: 5 }}\n        />\n      )}\n      {label}\n    </button>\n  );\n\n  return (\n    <div className=\"xicms-shop-grid\">\n      {(block.heading || activeCat) && (\n        <Heading level={2} data-xicms-edit=\"heading\">\n          {activeCat?.name ?? block.heading}\n        </Heading>\n      )}\n      {activeCat && (\n        <Text size=\"sm\" display=\"block\" style={{ marginTop: 4 }}>\n          <a href={settings.shopPath}>← {t(\"allCategories\")}</a>\n        </Text>\n      )}\n\n      {block.showFilters && (filterValues.colors.length > 0 || filterValues.sizes.length > 0) && (\n        <div className=\"xicms-shop-filters\">\n          {filterValues.colors.length > 0 && (\n            <div className=\"xicms-shop-filters__row\" role=\"group\" aria-label=\"Kleur\">\n              {chip(t(\"filterAll\"), filterColor === null, () => setFilterColor(null))}\n              {filterValues.colors.map((c) =>\n                chip(c, filterColor === c, () => setFilterColor(filterColor === c ? null : c), kleurNaarCss(c)),\n              )}\n            </div>\n          )}\n          {filterValues.sizes.length > 0 && (\n            <div className=\"xicms-shop-filters__row\" role=\"group\" aria-label=\"Maat\">\n              {chip(t(\"filterAll\"), filterSize === null, () => setFilterSize(null))}\n              {filterValues.sizes.map((s) => chip(s, filterSize === s, () => setFilterSize(filterSize === s ? null : s)))}\n            </div>\n          )}\n          <label className=\"xicms-shop-filters__sort\">\n            <span>{t(\"sortLabel\")}</span>\n            <select className=\"xicms-input\" value={sort} onChange={(e) => setSort(e.target.value as Blk[\"sort\"])}>\n              <option value=\"order\">{t(\"sortDefault\")}</option>\n              <option value=\"name\">{t(\"sortName\")}</option>\n              <option value=\"priceAsc\">{t(\"sortPriceAsc\")}</option>\n              <option value=\"priceDesc\">{t(\"sortPriceDesc\")}</option>\n            </select>\n          </label>\n        </div>\n      )}\n\n      {visible.length === 0 ? (\n        <Card padding={4} variant=\"muted\" style={{ marginTop: \"1rem\" }}>\n          <Text>{t(\"noProducts\")}</Text>\n        </Card>\n      ) : (\n        <div\n          className=\"xicms-shop-grid__items\"\n          data-columns={block.columns}\n          style={{\n            display: \"grid\",\n            gridTemplateColumns: `repeat(auto-fill, minmax(min(240px, calc(100%/${block.columns} - 1rem)), 1fr))`,\n            gap: \"1.25rem\",\n            marginTop: \"1.25rem\",\n          }}\n        >\n          {visible.map((p) => (\n            <ProductCard\n              key={p.id}\n              product={p}\n              siteId={siteId}\n              currency={settings.currency}\n              detailPath={settings.detailPath}\n              mooi={settings.mooieUrls}\n              cartPath={settings.cartPath}\n              t={t}\n              filterColor={filterColor}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const productGridBlock = defineBlock({\n  type: \"productGrid\",\n  Render: ProductGridRender,\n  label: \"Producten-overzicht\",\n  icon: \"🛍️\",\n  defaults: () => ({ useQueryCategory: true, columns: 3, limit: 60, sort: \"order\" }),\n});\n"],"mappings":"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","names":[]}

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

@@ -6,6 +6,7 @@ import { Card, Heading, Text } from "../../../blocks/ui/index.js";
 import { useBlockData } from "../../../blocks/context.js";
 import { useShopStrings } from "../strings.js";
 import { fetchShopCategories, readQueryParam, useShopSettings } from "../lib.js";
+import { SeedImg } from "../../../media/ImageContext.js";
 function ShopCategoriesRender({ block, siteId }) {
   const settings = useShopSettings();
   const t = useShopStrings();
@@ -60,12 +61,12 @@ function ShopCategoriesRender({ block, siteId }) {
             style: { textDecoration: "none", color: "inherit" },
             children: /* @__PURE__ */ jsxs(Card, { padding: 0, children: [
               c.imageUrl && /* @__PURE__ */ jsx(
-                "img",
+                SeedImg,
                 {
                   src: c.imageUrl,
                   alt: c.name,
-                  loading: "lazy",
-                  style: { width: "100%", aspectRatio: "4/3", objectFit: "cover", display: "block", borderRadius: "inherit" }
+                  sizes: "(max-width: 600px) 100vw, (max-width: 1100px) 50vw, 360px",
+                  style: { width: "100%", height: "auto", aspectRatio: "4/3", objectFit: "cover", display: "block", borderRadius: "inherit" }
                 }
               ),
               /* @__PURE__ */ jsxs("div", { style: { padding: "0.9rem 1rem" }, children: [

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/modules/shop/blocks/ShopCategories.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport type { z } from \"zod\";\nimport type { ShopCategoriesBlockSchema } from \"../../../schema/shop\";\nimport { defineBlock, type BlockRenderProps } from \"../../../blocks/registry\";\nimport { Card, Heading, Text } from \"../../../blocks/ui\";\nimport { useBlockData } from \"../../../blocks/context\";\nimport { useShopStrings } from \"../strings\";\nimport { fetchShopCategories, readQueryParam, useShopSettings, type StoredShopCategory } from \"../lib\";\nimport type { ShopPageData } from \"../types\";\n\ntype Blk = z.infer<typeof ShopCategoriesBlockSchema>;\n\n/** Categorie-tegels — linkt naar de winkelpagina met `?cat=<slug>` (productGrid filtert daarop). */\nfunction ShopCategoriesRender({ block, siteId }: BlockRenderProps<Blk>) {\n  const settings = useShopSettings();\n  const t = useShopStrings();\n  const serverData = useBlockData<ShopPageData>(\"shop\");\n  const [cats, setCats] = useState<StoredShopCategory[] | null>(serverData?.categories ?? null);\n  // Actieve categorie uit de URL (client-side; op de server tonen we altijd de volle tegels).\n  const [activeSlug, setActiveSlug] = useState<string | null>(null);\n\n  useEffect(() => {\n    setActiveSlug(readQueryParam(\"cat\"));\n    if (serverData?.categories) return; // SSR-data aanwezig — geen client-fetch\n    void fetchShopCategories(siteId).then(setCats).catch((e) => {\n      console.warn(\"[xicms] shop-categorieën laden mislukt:\", e);\n      setCats([]);\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [siteId]);\n\n  if (cats === null) return null;\n\n  // Ingeklapt: zodra er een categorie gekozen is, tonen we geen schermvullende tegels meer maar\n  // een compacte, horizontaal scrollbare chip-rij (actieve gemarkeerd). Zo staan de producten\n  // meteen in beeld i.p.v. onder de tegels — vooral op mobiel. \"Alles\" schakelt het filter uit.\n  const active = activeSlug ? cats.find((c) => c.slug === activeSlug) : undefined;\n  if (active) {\n    return (\n      <nav className=\"xicms-shop-cat-chips\" aria-label=\"Categorieën\">\n        <a className=\"xicms-shop-cat-chip\" href={settings.shopPath}>{t(\"allCategories\")}</a>\n        {cats.map((c) => (\n          <a\n            key={c.id}\n            className={`xicms-shop-cat-chip${c.slug === activeSlug ? \" xicms-shop-cat-chip--active\" : \"\"}`}\n            href={`${settings.shopPath}?cat=${encodeURIComponent(c.slug)}`}\n            aria-current={c.slug === activeSlug ? \"page\" : undefined}\n          >\n            {c.name}\n          </a>\n        ))}\n      </nav>\n    );\n  }\n\n  if (cats.length === 0) {\n    return (\n      <Card padding={4} variant=\"muted\">\n        <Text>{t(\"noCategories\")}</Text>\n      </Card>\n    );\n  }\n\n  return (\n    <div className=\"xicms-shop-categories\">\n      {block.heading && (\n        <Heading level={2} data-xicms-edit=\"heading\">{block.heading}</Heading>\n      )}\n      <div\n        className=\"xicms-shop-categories__grid\"\n        style={{\n          display: \"grid\",\n          gridTemplateColumns: `repeat(auto-fill, minmax(min(260px, calc(100%/${block.columns} - 1rem)), 1fr))`,\n          gap: \"1rem\",\n          marginTop: block.heading ? \"1rem\" : 0,\n        }}\n      >\n        {cats.map((c) => (\n          <a\n            key={c.id}\n            className=\"xicms-shop-categories__item\"\n            href={`${settings.shopPath}?cat=${encodeURIComponent(c.slug)}`}\n            style={{ textDecoration: \"none\", color: \"inherit\" }}\n          >\n            <Card padding={0}>\n              {c.imageUrl && (\n                <img\n                  src={c.imageUrl}\n                  alt={c.name}\n                  loading=\"lazy\"\n                  style={{ width: \"100%\", aspectRatio: \"4/3\", objectFit: \"cover\", display: \"block\", borderRadius: \"inherit\" }}\n                />\n              )}\n              <div style={{ padding: \"0.9rem 1rem\" }}>\n                <Text weight=\"bold\" display=\"block\">{c.name}</Text>\n                {c.description && (\n                  <Text size=\"sm\" display=\"block\" style={{ opacity: 0.75, marginTop: 4 }}>{c.description}</Text>\n                )}\n              </div>\n            </Card>\n          </a>\n        ))}\n      </div>\n    </div>\n  );\n}\n\nexport const shopCategoriesBlock = defineBlock({\n  type: \"shopCategories\",\n  Render: ShopCategoriesRender,\n  label: \"Winkel-categorieën\",\n  icon: \"🗂️\",\n  defaults: () => ({ columns: 3 }),\n});\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/modules/shop/blocks/ShopCategories.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport type { z } from \"zod\";\nimport type { ShopCategoriesBlockSchema } from \"../../../schema/shop\";\nimport { defineBlock, type BlockRenderProps } from \"../../../blocks/registry\";\nimport { Card, Heading, Text } from \"../../../blocks/ui\";\nimport { useBlockData } from \"../../../blocks/context\";\nimport { useShopStrings } from \"../strings\";\nimport { fetchShopCategories, readQueryParam, useShopSettings, type StoredShopCategory } from \"../lib\";\nimport type { ShopPageData } from \"../types\";\nimport { SeedImg } from \"../../../media/ImageContext\";\n\ntype Blk = z.infer<typeof ShopCategoriesBlockSchema>;\n\n/** Categorie-tegels — linkt naar de winkelpagina met `?cat=<slug>` (productGrid filtert daarop). */\nfunction ShopCategoriesRender({ block, siteId }: BlockRenderProps<Blk>) {\n  const settings = useShopSettings();\n  const t = useShopStrings();\n  const serverData = useBlockData<ShopPageData>(\"shop\");\n  const [cats, setCats] = useState<StoredShopCategory[] | null>(serverData?.categories ?? null);\n  // Actieve categorie uit de URL (client-side; op de server tonen we altijd de volle tegels).\n  const [activeSlug, setActiveSlug] = useState<string | null>(null);\n\n  useEffect(() => {\n    setActiveSlug(readQueryParam(\"cat\"));\n    if (serverData?.categories) return; // SSR-data aanwezig — geen client-fetch\n    void fetchShopCategories(siteId).then(setCats).catch((e) => {\n      console.warn(\"[xicms] shop-categorieën laden mislukt:\", e);\n      setCats([]);\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [siteId]);\n\n  if (cats === null) return null;\n\n  // Ingeklapt: zodra er een categorie gekozen is, tonen we geen schermvullende tegels meer maar\n  // een compacte, horizontaal scrollbare chip-rij (actieve gemarkeerd). Zo staan de producten\n  // meteen in beeld i.p.v. onder de tegels — vooral op mobiel. \"Alles\" schakelt het filter uit.\n  const active = activeSlug ? cats.find((c) => c.slug === activeSlug) : undefined;\n  if (active) {\n    return (\n      <nav className=\"xicms-shop-cat-chips\" aria-label=\"Categorieën\">\n        <a className=\"xicms-shop-cat-chip\" href={settings.shopPath}>{t(\"allCategories\")}</a>\n        {cats.map((c) => (\n          <a\n            key={c.id}\n            className={`xicms-shop-cat-chip${c.slug === activeSlug ? \" xicms-shop-cat-chip--active\" : \"\"}`}\n            href={`${settings.shopPath}?cat=${encodeURIComponent(c.slug)}`}\n            aria-current={c.slug === activeSlug ? \"page\" : undefined}\n          >\n            {c.name}\n          </a>\n        ))}\n      </nav>\n    );\n  }\n\n  if (cats.length === 0) {\n    return (\n      <Card padding={4} variant=\"muted\">\n        <Text>{t(\"noCategories\")}</Text>\n      </Card>\n    );\n  }\n\n  return (\n    <div className=\"xicms-shop-categories\">\n      {block.heading && (\n        <Heading level={2} data-xicms-edit=\"heading\">{block.heading}</Heading>\n      )}\n      <div\n        className=\"xicms-shop-categories__grid\"\n        style={{\n          display: \"grid\",\n          gridTemplateColumns: `repeat(auto-fill, minmax(min(260px, calc(100%/${block.columns} - 1rem)), 1fr))`,\n          gap: \"1rem\",\n          marginTop: block.heading ? \"1rem\" : 0,\n        }}\n      >\n        {cats.map((c) => (\n          <a\n            key={c.id}\n            className=\"xicms-shop-categories__item\"\n            href={`${settings.shopPath}?cat=${encodeURIComponent(c.slug)}`}\n            style={{ textDecoration: \"none\", color: \"inherit\" }}\n          >\n            <Card padding={0}>\n              {c.imageUrl && (\n                <SeedImg\n                  src={c.imageUrl}\n                  alt={c.name}\n                  sizes=\"(max-width: 600px) 100vw, (max-width: 1100px) 50vw, 360px\"\n                  style={{ width: \"100%\", height: \"auto\", aspectRatio: \"4/3\", objectFit: \"cover\", display: \"block\", borderRadius: \"inherit\" }}\n                />\n              )}\n              <div style={{ padding: \"0.9rem 1rem\" }}>\n                <Text weight=\"bold\" display=\"block\">{c.name}</Text>\n                {c.description && (\n                  <Text size=\"sm\" display=\"block\" style={{ opacity: 0.75, marginTop: 4 }}>{c.description}</Text>\n                )}\n              </div>\n            </Card>\n          </a>\n        ))}\n      </div>\n    </div>\n  );\n}\n\nexport const shopCategoriesBlock = defineBlock({\n  type: \"shopCategories\",\n  Render: ShopCategoriesRender,\n  label: \"Winkel-categorieën\",\n  icon: \"🗂️\",\n  defaults: () => ({ columns: 3 }),\n});\n"],"mappings":"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","names":[]}

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

@@ -37,6 +37,10 @@ export declare function variantLabelFor(options: {
     values: string[];
 }[], key: string): string;
 /** Querystring-parameter client-side lezen (blocks zijn client components). */
+/** De link naar een product (8.14: met `mooieUrls` als /product/naam). */
+export declare function productHref(detailPath: string, slug: string, mooi?: boolean): string;
+/** Het product uit het adres: `?p=slug`, of (8.14) het laatste stuk van `/product/slug`. */
+export declare function slugUitAdres(detailPath: string): string | null;
 export declare function readQueryParam(name: string): string | null;
 /**
  * Echte orderstatus opvragen (voor de bedankt-pagina). Nodig bij Mollie: die heeft één

package/dist/modules/shop/lib.js

@@ -89,6 +89,18 @@ function variantLabelFor(options, key) {
   const parts = key.split("|");
   return options.map((o, i) => `${o.name} ${parts[i] ?? "?"}`).join(" \xB7 ");
 }
+function productHref(detailPath, slug, mooi) {
+  const pad = detailPath.replace(/\/+$/, "") || "/product";
+  return mooi ? `${pad}/${encodeURIComponent(slug)}` : `${pad}?p=${encodeURIComponent(slug)}`;
+}
+function slugUitAdres(detailPath) {
+  if (typeof window === "undefined") return null;
+  const uitQuery = new URLSearchParams(window.location.search).get("p");
+  if (uitQuery) return uitQuery;
+  const pad = detailPath.replace(/\/+$/, "");
+  const huidig = window.location.pathname.replace(/\/+$/, "");
+  return huidig.startsWith(`${pad}/`) ? decodeURIComponent(huidig.slice(pad.length + 1)) : null;
+}
 function readQueryParam(name) {
   if (typeof window === "undefined") return null;
   return new URLSearchParams(window.location.search).get(name);
@@ -137,7 +149,9 @@ export {
   getOrderReturnStatusCall,
   kleurNaarCss,
   kleurOptie,
+  productHref,
   readQueryParam,
+  slugUitAdres,
   uploadPersonalizationCall,
   useShopSettings,
   validateDiscountCall,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/modules/shop/lib.ts"],"sourcesContent":["\"use client\";\n\n/**\n * Client-helpers voor de shop-blocks: producten/categorieën lezen (publieke rules) en de\n * `createOrder`-callable aanroepen. Queries bewust simpel gehouden (één `where` op status,\n * filteren/sorteren client-side) zodat er géén composite-indexes nodig zijn — assortimenten\n * van XiCMS-sites zijn klein (tientallen tot honderden producten).\n */\n\n/**\n * Firestore/Functions worden hier DYNAMISCH geladen. De shop-blocks zitten in de publieke bundel,\n * dus een statische import zette de SDK op élke pagina — ook op sites zonder webshop.\n */\nasync function fsSdk() {\n  const [client, sdk] = await Promise.all([import(\"../../firebase/client\"), import(\"firebase/firestore\")]);\n  return { db: client.getDb(), ...sdk };\n}\nasync function fnSdk() {\n  const [client, sdk] = await Promise.all([import(\"../../firebase/client\"), import(\"../../firebase/functionsClient\")]);\n  return { app: client.getFirebaseApp(), ...sdk };\n}\nimport type { CreateOrderInput, Product, ProductOption, ShopCategory } from \"../../schema/shop\";\nimport { optieHeeftBeeldPerWaarde } from \"../../schema/shop\";\nimport { useModuleSettings } from \"../context\";\nimport { defaultShopSettings, type ShopSettings } from \"./settings\";\n\n/** Publieke shop-instellingen met defaults (paden, verzendkosten, valuta). */\nexport function useShopSettings(): ShopSettings {\n  const raw = useModuleSettings<Partial<ShopSettings>>(\"shop\");\n  return { ...defaultShopSettings, ...raw };\n}\n\nexport type StoredProduct = Product & { id: string };\nexport type StoredShopCategory = ShopCategory & { id: string };\n\nexport async function fetchActiveProducts(siteId: string): Promise<StoredProduct[]> {\n  const { db, collection, getDocs, limit: fsLimit, query, where } = await fsSdk();\n  if (!db) return [];\n  const snap = await getDocs(\n    query(collection(db, \"sites\", siteId, \"products\"), where(\"status\", \"==\", \"active\"), fsLimit(500)),\n  );\n  return snap.docs.map((d) => ({ id: d.id, ...(d.data() as Product) }));\n}\n\nexport async function fetchProductBySlug(siteId: string, slug: string): Promise<StoredProduct | null> {\n  const { db, collection, getDocs, limit: fsLimit, query, where } = await fsSdk();\n  if (!db || !slug) return null;\n  // Het status-filter is verplicht: de rules staan publieke reads alleen toe voor actieve\n  // producten, en Firestore weigert query's die niet aantoonbaar binnen die regel blijven.\n  // Twee equality-filters → geen composite index nodig (index-merging).\n  const snap = await getDocs(\n    query(\n      collection(db, \"sites\", siteId, \"products\"),\n      where(\"slug\", \"==\", slug),\n      where(\"status\", \"==\", \"active\"),\n      fsLimit(1),\n    ),\n  );\n  const doc = snap.docs[0];\n  if (!doc) return null;\n  return { id: doc.id, ...(doc.data() as Product) };\n}\n\nexport async function fetchShopCategories(siteId: string): Promise<StoredShopCategory[]> {\n  const { db, collection, getDocs, limit: fsLimit, query, where } = await fsSdk();\n  if (!db) return [];\n  const snap = await getDocs(query(collection(db, \"sites\", siteId, \"shopCategories\"), fsLimit(100)));\n  return snap.docs\n    .map((d) => ({ id: d.id, ...(d.data() as ShopCategory) }))\n    .filter((c) => c.visible !== false)\n    .sort((a, b) => (a.order ?? 0) - (b.order ?? 0));\n}\n\n/** Start de checkout: order + Stripe-sessie server-side; geeft de redirect-URL terug. */\n/**\n * Verwijdert `undefined`/`null`-velden diep uit een payload vóór een callable-aanroep.\n * De Firebase-callable-SDK serialiseert `undefined` namelijk als `null` op de wire, terwijl de\n * server-side Zod-schema's optionele velden met `.optional()` valideren — dat wijst `null` af en\n * geeft \"Ongeldige invoer\". Door lege velden hier weg te laten komen ze als afwezig binnen (= ok).\n */\nfunction stripEmpty<T>(value: T): T {\n  if (Array.isArray(value)) {\n    return value.map((v) => stripEmpty(v)) as unknown as T;\n  }\n  if (value && typeof value === \"object\") {\n    const out: Record<string, unknown> = {};\n    for (const [k, v] of Object.entries(value as Record<string, unknown>)) {\n      if (v === undefined || v === null) continue;\n      out[k] = stripEmpty(v);\n    }\n    return out as T;\n  }\n  return value;\n}\n\nexport async function createOrderCall(input: CreateOrderInput): Promise<{ url: string; orderNumber: string }> {\n  const { app, callable } = await fnSdk();\n  if (!app) throw new Error(\"Webwinkel niet beschikbaar.\");\n  const fn = callable(app, \"createOrder\");\n  const res = await fn(stripEmpty(input));\n  return res.data as { url: string; orderNumber: string };\n}\n\n/** Valideert een kortingscode server-side; geeft de verwachte korting terug (preview). */\nexport interface DiscountPreview {\n  valid: boolean;\n  code?: string;\n  discountCents?: number;\n  freeShipping?: boolean;\n  reason?: string;\n}\nexport async function validateDiscountCall(siteId: string, code: string, itemsCents: number): Promise<DiscountPreview> {\n  const { app, callable } = await fnSdk();\n  if (!app) throw new Error(\"Webwinkel niet beschikbaar.\");\n  const fn = callable(app, \"validateDiscountCode\");\n  const res = await fn({ siteId, code, itemsCents });\n  return res.data as DiscountPreview;\n}\n\n/**\n * Upload een personalisatie-afbeelding (eigen logo e.d.) via de begrensde callable —\n * geeft het Storage-pad terug dat op de orderregel meegaat. Max 5 MB, jpeg/png/webp.\n */\nexport async function uploadPersonalizationCall(\n  siteId: string,\n  productId: string,\n  file: File,\n): Promise<{ path: string }> {\n  const { app, callable } = await fnSdk();\n  if (!app) throw new Error(\"Webwinkel niet beschikbaar.\");\n  if (file.size > 5 * 1024 * 1024) throw new Error(\"TOO_BIG\");\n  const bytesBase64 = await new Promise<string>((resolve, reject) => {\n    const reader = new FileReader();\n    reader.onload = () => resolve(String(reader.result).split(\",\")[1] ?? \"\");\n    reader.onerror = () => reject(new Error(\"Bestand lezen mislukt.\"));\n    reader.readAsDataURL(file);\n  });\n  const fn = callable(app, \"uploadPersonalization\");\n  const res = await fn({ siteId, productId, fileName: file.name, contentType: file.type, bytesBase64 });\n  return res.data as { path: string };\n}\n\n/** Leesbaar variantlabel: opties [\"Maat\",\"Kleur\"] + key \"68|Roze\" → \"Maat 68 · Roze\". */\nexport function variantLabelFor(options: { name: string; values: string[] }[], key: string): string {\n  const parts = key.split(\"|\");\n  return options.map((o, i) => `${o.name} ${parts[i] ?? \"?\"}`).join(\" · \");\n}\n\n/** Querystring-parameter client-side lezen (blocks zijn client components). */\nexport function readQueryParam(name: string): string | null {\n  if (typeof window === \"undefined\") return null;\n  return new URLSearchParams(window.location.search).get(name);\n}\n\n/**\n * Echte orderstatus opvragen (voor de bedankt-pagina). Nodig bij Mollie: die heeft één\n * redirect-URL voor alle uitkomsten, dus de status moet server-side gecheckt worden.\n */\nexport async function getOrderReturnStatusCall(\n  siteId: string,\n  orderId: string,\n): Promise<{ status: string; number?: string }> {\n  const { app, callable } = await fnSdk();\n  if (!app) return { status: \"unknown\" };\n  const fn = callable(app, \"getOrderReturnStatus\");\n  const res = await fn({ siteId, orderId });\n  return res.data as { status: string; number?: string };\n}\n\n/* ── Kleur-swatches ──────────────────────────────────────────────────────── */\n\n// Zachte, pastelachtige swatch-tinten — informatief maar rustig (geen felle vlekken op de\n// kaart). Bewust gedempt t.o.v. de echte stofkleuren; de foto toont de precieze kleur.\nconst KLEUR_CSS: [RegExp, string][] = [\n  [/fuchsia|fushia/, \"#dd8fb4\"],\n  [/roze|pink/, \"#f2c3d3\"],\n  [/blauw|blue/, \"#bcd3ea\"],\n  [/mint/, \"#bfe0d2\"],\n  [/oker|geel|yellow/, \"#eccf90\"],\n  [/wit|white/, \"#f6f3ec\"],\n  [/creme|crème|ecru|beige|zand/, \"#f0e7d6\"],\n  [/grijs|gray|grey/, \"#c7ccd3\"],\n  [/groen|green/, \"#b3d1b3\"],\n  [/rood|red|bordeaux/, \"#e0a0a0\"],\n  [/paars|purple|lila/, \"#cdbce6\"],\n  [/oranje|orange/, \"#f2bd94\"],\n  [/bruin|brown/, \"#c3a488\"],\n  [/zwart|black|navy|donkerblauw/, \"#6b7488\"],\n];\n\n/**\n * Zet een kleurnaam (\"Roze\", \"Korte mouw tshirt (oker)geel\") om naar een CSS-kleur voor de\n * swatch-stipjes op productkaarten. Onbekende namen geven null (dan geen stipje).\n */\nexport function kleurNaarCss(naam: string): string | null {\n  const l = naam.toLowerCase();\n  for (const [re, css] of KLEUR_CSS) if (re.test(l)) return css;\n  return null;\n}\n\n/**\n * De KLEUR-as van een product (naam \"Kleur\"/\"Colour\"/\"Color\"), of null.\n *\n * Blijft op de naam zoeken, en dat is hier terecht: deze as voedt de gekleurde stipjes op de\n * productkaart en het kleurfilter in het overzicht. Een stipje in de juiste tint kan alleen als\n * de wáárde een kleurnaam is (zie `kleurNaarCss`) — \"Print: Olifantje\" heeft geen tint.\n */\nexport function kleurOptie(product: Pick<Product, \"options\">): ProductOption | null {\n  return (product.options ?? []).find((o) => /^kleur|^colou?r/i.test(o.name)) ?? null;\n}\n\n/**\n * De as waarvan élke waarde een eigen foto heeft — de as die het hoofdbeeld op de detailpagina\n * stuurt. Dit is losgekoppeld van de kleur-as (7.23): de winkelier zet per as een vinkje, dus het\n * mag net zo goed \"Print\" of \"Dessin\" zijn. Zonder expliciete keuze valt het terug op de oude\n * kleur-naamregel, zodat bestaande producten onveranderd blijven werken.\n *\n * Maar één as tegelijk: het hoofdbeeld kan niet twee keuzes tegelijk volgen. Staat de vlag per\n * ongeluk toch op meerdere assen (handmatig aangepaste data), dan wint de eerste.\n */\nexport function beeldOptie(product: Pick<Product, \"options\">): ProductOption | null {\n  const opties = product.options ?? [];\n  return opties.find((o) => o.imagePerValue === true) ?? opties.find((o) => optieHeeftBeeldPerWaarde(o)) ?? null;\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/modules/shop/lib.ts"],"sourcesContent":["\"use client\";\n\n/**\n * Client-helpers voor de shop-blocks: producten/categorieën lezen (publieke rules) en de\n * `createOrder`-callable aanroepen. Queries bewust simpel gehouden (één `where` op status,\n * filteren/sorteren client-side) zodat er géén composite-indexes nodig zijn — assortimenten\n * van XiCMS-sites zijn klein (tientallen tot honderden producten).\n */\n\n/**\n * Firestore/Functions worden hier DYNAMISCH geladen. De shop-blocks zitten in de publieke bundel,\n * dus een statische import zette de SDK op élke pagina — ook op sites zonder webshop.\n */\nasync function fsSdk() {\n  const [client, sdk] = await Promise.all([import(\"../../firebase/client\"), import(\"firebase/firestore\")]);\n  return { db: client.getDb(), ...sdk };\n}\nasync function fnSdk() {\n  const [client, sdk] = await Promise.all([import(\"../../firebase/client\"), import(\"../../firebase/functionsClient\")]);\n  return { app: client.getFirebaseApp(), ...sdk };\n}\nimport type { CreateOrderInput, Product, ProductOption, ShopCategory } from \"../../schema/shop\";\nimport { optieHeeftBeeldPerWaarde } from \"../../schema/shop\";\nimport { useModuleSettings } from \"../context\";\nimport { defaultShopSettings, type ShopSettings } from \"./settings\";\n\n/** Publieke shop-instellingen met defaults (paden, verzendkosten, valuta). */\nexport function useShopSettings(): ShopSettings {\n  const raw = useModuleSettings<Partial<ShopSettings>>(\"shop\");\n  return { ...defaultShopSettings, ...raw };\n}\n\nexport type StoredProduct = Product & { id: string };\nexport type StoredShopCategory = ShopCategory & { id: string };\n\nexport async function fetchActiveProducts(siteId: string): Promise<StoredProduct[]> {\n  const { db, collection, getDocs, limit: fsLimit, query, where } = await fsSdk();\n  if (!db) return [];\n  const snap = await getDocs(\n    query(collection(db, \"sites\", siteId, \"products\"), where(\"status\", \"==\", \"active\"), fsLimit(500)),\n  );\n  return snap.docs.map((d) => ({ id: d.id, ...(d.data() as Product) }));\n}\n\nexport async function fetchProductBySlug(siteId: string, slug: string): Promise<StoredProduct | null> {\n  const { db, collection, getDocs, limit: fsLimit, query, where } = await fsSdk();\n  if (!db || !slug) return null;\n  // Het status-filter is verplicht: de rules staan publieke reads alleen toe voor actieve\n  // producten, en Firestore weigert query's die niet aantoonbaar binnen die regel blijven.\n  // Twee equality-filters → geen composite index nodig (index-merging).\n  const snap = await getDocs(\n    query(\n      collection(db, \"sites\", siteId, \"products\"),\n      where(\"slug\", \"==\", slug),\n      where(\"status\", \"==\", \"active\"),\n      fsLimit(1),\n    ),\n  );\n  const doc = snap.docs[0];\n  if (!doc) return null;\n  return { id: doc.id, ...(doc.data() as Product) };\n}\n\nexport async function fetchShopCategories(siteId: string): Promise<StoredShopCategory[]> {\n  const { db, collection, getDocs, limit: fsLimit, query, where } = await fsSdk();\n  if (!db) return [];\n  const snap = await getDocs(query(collection(db, \"sites\", siteId, \"shopCategories\"), fsLimit(100)));\n  return snap.docs\n    .map((d) => ({ id: d.id, ...(d.data() as ShopCategory) }))\n    .filter((c) => c.visible !== false)\n    .sort((a, b) => (a.order ?? 0) - (b.order ?? 0));\n}\n\n/** Start de checkout: order + Stripe-sessie server-side; geeft de redirect-URL terug. */\n/**\n * Verwijdert `undefined`/`null`-velden diep uit een payload vóór een callable-aanroep.\n * De Firebase-callable-SDK serialiseert `undefined` namelijk als `null` op de wire, terwijl de\n * server-side Zod-schema's optionele velden met `.optional()` valideren — dat wijst `null` af en\n * geeft \"Ongeldige invoer\". Door lege velden hier weg te laten komen ze als afwezig binnen (= ok).\n */\nfunction stripEmpty<T>(value: T): T {\n  if (Array.isArray(value)) {\n    return value.map((v) => stripEmpty(v)) as unknown as T;\n  }\n  if (value && typeof value === \"object\") {\n    const out: Record<string, unknown> = {};\n    for (const [k, v] of Object.entries(value as Record<string, unknown>)) {\n      if (v === undefined || v === null) continue;\n      out[k] = stripEmpty(v);\n    }\n    return out as T;\n  }\n  return value;\n}\n\nexport async function createOrderCall(input: CreateOrderInput): Promise<{ url: string; orderNumber: string }> {\n  const { app, callable } = await fnSdk();\n  if (!app) throw new Error(\"Webwinkel niet beschikbaar.\");\n  const fn = callable(app, \"createOrder\");\n  const res = await fn(stripEmpty(input));\n  return res.data as { url: string; orderNumber: string };\n}\n\n/** Valideert een kortingscode server-side; geeft de verwachte korting terug (preview). */\nexport interface DiscountPreview {\n  valid: boolean;\n  code?: string;\n  discountCents?: number;\n  freeShipping?: boolean;\n  reason?: string;\n}\nexport async function validateDiscountCall(siteId: string, code: string, itemsCents: number): Promise<DiscountPreview> {\n  const { app, callable } = await fnSdk();\n  if (!app) throw new Error(\"Webwinkel niet beschikbaar.\");\n  const fn = callable(app, \"validateDiscountCode\");\n  const res = await fn({ siteId, code, itemsCents });\n  return res.data as DiscountPreview;\n}\n\n/**\n * Upload een personalisatie-afbeelding (eigen logo e.d.) via de begrensde callable —\n * geeft het Storage-pad terug dat op de orderregel meegaat. Max 5 MB, jpeg/png/webp.\n */\nexport async function uploadPersonalizationCall(\n  siteId: string,\n  productId: string,\n  file: File,\n): Promise<{ path: string }> {\n  const { app, callable } = await fnSdk();\n  if (!app) throw new Error(\"Webwinkel niet beschikbaar.\");\n  if (file.size > 5 * 1024 * 1024) throw new Error(\"TOO_BIG\");\n  const bytesBase64 = await new Promise<string>((resolve, reject) => {\n    const reader = new FileReader();\n    reader.onload = () => resolve(String(reader.result).split(\",\")[1] ?? \"\");\n    reader.onerror = () => reject(new Error(\"Bestand lezen mislukt.\"));\n    reader.readAsDataURL(file);\n  });\n  const fn = callable(app, \"uploadPersonalization\");\n  const res = await fn({ siteId, productId, fileName: file.name, contentType: file.type, bytesBase64 });\n  return res.data as { path: string };\n}\n\n/** Leesbaar variantlabel: opties [\"Maat\",\"Kleur\"] + key \"68|Roze\" → \"Maat 68 · Roze\". */\nexport function variantLabelFor(options: { name: string; values: string[] }[], key: string): string {\n  const parts = key.split(\"|\");\n  return options.map((o, i) => `${o.name} ${parts[i] ?? \"?\"}`).join(\" · \");\n}\n\n/** Querystring-parameter client-side lezen (blocks zijn client components). */\n/** De link naar een product (8.14: met `mooieUrls` als /product/naam). */\nexport function productHref(detailPath: string, slug: string, mooi?: boolean): string {\n  const pad = detailPath.replace(/\\/+$/, \"\") || \"/product\";\n  return mooi ? `${pad}/${encodeURIComponent(slug)}` : `${pad}?p=${encodeURIComponent(slug)}`;\n}\n\n/** Het product uit het adres: `?p=slug`, of (8.14) het laatste stuk van `/product/slug`. */\nexport function slugUitAdres(detailPath: string): string | null {\n  if (typeof window === \"undefined\") return null;\n  const uitQuery = new URLSearchParams(window.location.search).get(\"p\");\n  if (uitQuery) return uitQuery;\n  const pad = detailPath.replace(/\\/+$/, \"\");\n  const huidig = window.location.pathname.replace(/\\/+$/, \"\");\n  return huidig.startsWith(`${pad}/`) ? decodeURIComponent(huidig.slice(pad.length + 1)) : null;\n}\n\nexport function readQueryParam(name: string): string | null {\n  if (typeof window === \"undefined\") return null;\n  return new URLSearchParams(window.location.search).get(name);\n}\n\n/**\n * Echte orderstatus opvragen (voor de bedankt-pagina). Nodig bij Mollie: die heeft één\n * redirect-URL voor alle uitkomsten, dus de status moet server-side gecheckt worden.\n */\nexport async function getOrderReturnStatusCall(\n  siteId: string,\n  orderId: string,\n): Promise<{ status: string; number?: string }> {\n  const { app, callable } = await fnSdk();\n  if (!app) return { status: \"unknown\" };\n  const fn = callable(app, \"getOrderReturnStatus\");\n  const res = await fn({ siteId, orderId });\n  return res.data as { status: string; number?: string };\n}\n\n/* ── Kleur-swatches ──────────────────────────────────────────────────────── */\n\n// Zachte, pastelachtige swatch-tinten — informatief maar rustig (geen felle vlekken op de\n// kaart). Bewust gedempt t.o.v. de echte stofkleuren; de foto toont de precieze kleur.\nconst KLEUR_CSS: [RegExp, string][] = [\n  [/fuchsia|fushia/, \"#dd8fb4\"],\n  [/roze|pink/, \"#f2c3d3\"],\n  [/blauw|blue/, \"#bcd3ea\"],\n  [/mint/, \"#bfe0d2\"],\n  [/oker|geel|yellow/, \"#eccf90\"],\n  [/wit|white/, \"#f6f3ec\"],\n  [/creme|crème|ecru|beige|zand/, \"#f0e7d6\"],\n  [/grijs|gray|grey/, \"#c7ccd3\"],\n  [/groen|green/, \"#b3d1b3\"],\n  [/rood|red|bordeaux/, \"#e0a0a0\"],\n  [/paars|purple|lila/, \"#cdbce6\"],\n  [/oranje|orange/, \"#f2bd94\"],\n  [/bruin|brown/, \"#c3a488\"],\n  [/zwart|black|navy|donkerblauw/, \"#6b7488\"],\n];\n\n/**\n * Zet een kleurnaam (\"Roze\", \"Korte mouw tshirt (oker)geel\") om naar een CSS-kleur voor de\n * swatch-stipjes op productkaarten. Onbekende namen geven null (dan geen stipje).\n */\nexport function kleurNaarCss(naam: string): string | null {\n  const l = naam.toLowerCase();\n  for (const [re, css] of KLEUR_CSS) if (re.test(l)) return css;\n  return null;\n}\n\n/**\n * De KLEUR-as van een product (naam \"Kleur\"/\"Colour\"/\"Color\"), of null.\n *\n * Blijft op de naam zoeken, en dat is hier terecht: deze as voedt de gekleurde stipjes op de\n * productkaart en het kleurfilter in het overzicht. Een stipje in de juiste tint kan alleen als\n * de wáárde een kleurnaam is (zie `kleurNaarCss`) — \"Print: Olifantje\" heeft geen tint.\n */\nexport function kleurOptie(product: Pick<Product, \"options\">): ProductOption | null {\n  return (product.options ?? []).find((o) => /^kleur|^colou?r/i.test(o.name)) ?? null;\n}\n\n/**\n * De as waarvan élke waarde een eigen foto heeft — de as die het hoofdbeeld op de detailpagina\n * stuurt. Dit is losgekoppeld van de kleur-as (7.23): de winkelier zet per as een vinkje, dus het\n * mag net zo goed \"Print\" of \"Dessin\" zijn. Zonder expliciete keuze valt het terug op de oude\n * kleur-naamregel, zodat bestaande producten onveranderd blijven werken.\n *\n * Maar één as tegelijk: het hoofdbeeld kan niet twee keuzes tegelijk volgen. Staat de vlag per\n * ongeluk toch op meerdere assen (handmatig aangepaste data), dan wint de eerste.\n */\nexport function beeldOptie(product: Pick<Product, \"options\">): ProductOption | null {\n  const opties = product.options ?? [];\n  return opties.find((o) => o.imagePerValue === true) ?? opties.find((o) => optieHeeftBeeldPerWaarde(o)) ?? null;\n}\n"],"mappings":";AAaA,eAAe,QAAQ;AACrB,QAAM,CAAC,QAAQ,GAAG,IAAI,MAAM,QAAQ,IAAI,CAAC,OAAO,uBAAuB,GAAG,OAAO,oBAAoB,CAAC,CAAC;AACvG,SAAO,EAAE,IAAI,OAAO,MAAM,GAAG,GAAG,IAAI;AACtC;AACA,eAAe,QAAQ;AACrB,QAAM,CAAC,QAAQ,GAAG,IAAI,MAAM,QAAQ,IAAI,CAAC,OAAO,uBAAuB,GAAG,OAAO,gCAAgC,CAAC,CAAC;AACnH,SAAO,EAAE,KAAK,OAAO,eAAe,GAAG,GAAG,IAAI;AAChD;AAEA,SAAS,gCAAgC;AACzC,SAAS,yBAAyB;AAClC,SAAS,2BAA8C;AAGhD,SAAS,kBAAgC;AAC9C,QAAM,MAAM,kBAAyC,MAAM;AAC3D,SAAO,EAAE,GAAG,qBAAqB,GAAG,IAAI;AAC1C;AAKA,eAAsB,oBAAoB,QAA0C;AAClF,QAAM,EAAE,IAAI,YAAY,SAAS,OAAO,SAAS,OAAO,MAAM,IAAI,MAAM,MAAM;AAC9E,MAAI,CAAC,GAAI,QAAO,CAAC;AACjB,QAAM,OAAO,MAAM;AAAA,IACjB,MAAM,WAAW,IAAI,SAAS,QAAQ,UAAU,GAAG,MAAM,UAAU,MAAM,QAAQ,GAAG,QAAQ,GAAG,CAAC;AAAA,EAClG;AACA,SAAO,KAAK,KAAK,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,GAAI,EAAE,KAAK,EAAc,EAAE;AACtE;AAEA,eAAsB,mBAAmB,QAAgB,MAA6C;AACpG,QAAM,EAAE,IAAI,YAAY,SAAS,OAAO,SAAS,OAAO,MAAM,IAAI,MAAM,MAAM;AAC9E,MAAI,CAAC,MAAM,CAAC,KAAM,QAAO;AAIzB,QAAM,OAAO,MAAM;AAAA,IACjB;AAAA,MACE,WAAW,IAAI,SAAS,QAAQ,UAAU;AAAA,MAC1C,MAAM,QAAQ,MAAM,IAAI;AAAA,MACxB,MAAM,UAAU,MAAM,QAAQ;AAAA,MAC9B,QAAQ,CAAC;AAAA,IACX;AAAA,EACF;AACA,QAAM,MAAM,KAAK,KAAK,CAAC;AACvB,MAAI,CAAC,IAAK,QAAO;AACjB,SAAO,EAAE,IAAI,IAAI,IAAI,GAAI,IAAI,KAAK,EAAc;AAClD;AAEA,eAAsB,oBAAoB,QAA+C;AACvF,QAAM,EAAE,IAAI,YAAY,SAAS,OAAO,SAAS,OAAO,MAAM,IAAI,MAAM,MAAM;AAC9E,MAAI,CAAC,GAAI,QAAO,CAAC;AACjB,QAAM,OAAO,MAAM,QAAQ,MAAM,WAAW,IAAI,SAAS,QAAQ,gBAAgB,GAAG,QAAQ,GAAG,CAAC,CAAC;AACjG,SAAO,KAAK,KACT,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,GAAI,EAAE,KAAK,EAAmB,EAAE,EACxD,OAAO,CAAC,MAAM,EAAE,YAAY,KAAK,EACjC,KAAK,CAAC,GAAG,OAAO,EAAE,SAAS,MAAM,EAAE,SAAS,EAAE;AACnD;AASA,SAAS,WAAc,OAAa;AAClC,MAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,WAAO,MAAM,IAAI,CAAC,MAAM,WAAW,CAAC,CAAC;AAAA,EACvC;AACA,MAAI,SAAS,OAAO,UAAU,UAAU;AACtC,UAAM,MAA+B,CAAC;AACtC,eAAW,CAAC,GAAG,CAAC,KAAK,OAAO,QAAQ,KAAgC,GAAG;AACrE,UAAI,MAAM,UAAa,MAAM,KAAM;AACnC,UAAI,CAAC,IAAI,WAAW,CAAC;AAAA,IACvB;AACA,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAEA,eAAsB,gBAAgB,OAAwE;AAC5G,QAAM,EAAE,KAAK,SAAS,IAAI,MAAM,MAAM;AACtC,MAAI,CAAC,IAAK,OAAM,IAAI,MAAM,6BAA6B;AACvD,QAAM,KAAK,SAAS,KAAK,aAAa;AACtC,QAAM,MAAM,MAAM,GAAG,WAAW,KAAK,CAAC;AACtC,SAAO,IAAI;AACb;AAUA,eAAsB,qBAAqB,QAAgB,MAAc,YAA8C;AACrH,QAAM,EAAE,KAAK,SAAS,IAAI,MAAM,MAAM;AACtC,MAAI,CAAC,IAAK,OAAM,IAAI,MAAM,6BAA6B;AACvD,QAAM,KAAK,SAAS,KAAK,sBAAsB;AAC/C,QAAM,MAAM,MAAM,GAAG,EAAE,QAAQ,MAAM,WAAW,CAAC;AACjD,SAAO,IAAI;AACb;AAMA,eAAsB,0BACpB,QACA,WACA,MAC2B;AAC3B,QAAM,EAAE,KAAK,SAAS,IAAI,MAAM,MAAM;AACtC,MAAI,CAAC,IAAK,OAAM,IAAI,MAAM,6BAA6B;AACvD,MAAI,KAAK,OAAO,IAAI,OAAO,KAAM,OAAM,IAAI,MAAM,SAAS;AAC1D,QAAM,cAAc,MAAM,IAAI,QAAgB,CAAC,SAAS,WAAW;AACjE,UAAM,SAAS,IAAI,WAAW;AAC9B,WAAO,SAAS,MAAM,QAAQ,OAAO,OAAO,MAAM,EAAE,MAAM,GAAG,EAAE,CAAC,KAAK,EAAE;AACvE,WAAO,UAAU,MAAM,OAAO,IAAI,MAAM,wBAAwB,CAAC;AACjE,WAAO,cAAc,IAAI;AAAA,EAC3B,CAAC;AACD,QAAM,KAAK,SAAS,KAAK,uBAAuB;AAChD,QAAM,MAAM,MAAM,GAAG,EAAE,QAAQ,WAAW,UAAU,KAAK,MAAM,aAAa,KAAK,MAAM,YAAY,CAAC;AACpG,SAAO,IAAI;AACb;AAGO,SAAS,gBAAgB,SAA+C,KAAqB;AAClG,QAAM,QAAQ,IAAI,MAAM,GAAG;AAC3B,SAAO,QAAQ,IAAI,CAAC,GAAG,MAAM,GAAG,EAAE,IAAI,IAAI,MAAM,CAAC,KAAK,GAAG,EAAE,EAAE,KAAK,QAAK;AACzE;AAIO,SAAS,YAAY,YAAoB,MAAc,MAAwB;AACpF,QAAM,MAAM,WAAW,QAAQ,QAAQ,EAAE,KAAK;AAC9C,SAAO,OAAO,GAAG,GAAG,IAAI,mBAAmB,IAAI,CAAC,KAAK,GAAG,GAAG,MAAM,mBAAmB,IAAI,CAAC;AAC3F;AAGO,SAAS,aAAa,YAAmC;AAC9D,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,QAAM,WAAW,IAAI,gBAAgB,OAAO,SAAS,MAAM,EAAE,IAAI,GAAG;AACpE,MAAI,SAAU,QAAO;AACrB,QAAM,MAAM,WAAW,QAAQ,QAAQ,EAAE;AACzC,QAAM,SAAS,OAAO,SAAS,SAAS,QAAQ,QAAQ,EAAE;AAC1D,SAAO,OAAO,WAAW,GAAG,GAAG,GAAG,IAAI,mBAAmB,OAAO,MAAM,IAAI,SAAS,CAAC,CAAC,IAAI;AAC3F;AAEO,SAAS,eAAe,MAA6B;AAC1D,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,SAAO,IAAI,gBAAgB,OAAO,SAAS,MAAM,EAAE,IAAI,IAAI;AAC7D;AAMA,eAAsB,yBACpB,QACA,SAC8C;AAC9C,QAAM,EAAE,KAAK,SAAS,IAAI,MAAM,MAAM;AACtC,MAAI,CAAC,IAAK,QAAO,EAAE,QAAQ,UAAU;AACrC,QAAM,KAAK,SAAS,KAAK,sBAAsB;AAC/C,QAAM,MAAM,MAAM,GAAG,EAAE,QAAQ,QAAQ,CAAC;AACxC,SAAO,IAAI;AACb;AAMA,MAAM,YAAgC;AAAA,EACpC,CAAC,kBAAkB,SAAS;AAAA,EAC5B,CAAC,aAAa,SAAS;AAAA,EACvB,CAAC,cAAc,SAAS;AAAA,EACxB,CAAC,QAAQ,SAAS;AAAA,EAClB,CAAC,oBAAoB,SAAS;AAAA,EAC9B,CAAC,aAAa,SAAS;AAAA,EACvB,CAAC,+BAA+B,SAAS;AAAA,EACzC,CAAC,mBAAmB,SAAS;AAAA,EAC7B,CAAC,eAAe,SAAS;AAAA,EACzB,CAAC,qBAAqB,SAAS;AAAA,EAC/B,CAAC,qBAAqB,SAAS;AAAA,EAC/B,CAAC,iBAAiB,SAAS;AAAA,EAC3B,CAAC,eAAe,SAAS;AAAA,EACzB,CAAC,gCAAgC,SAAS;AAC5C;AAMO,SAAS,aAAa,MAA6B;AACxD,QAAM,IAAI,KAAK,YAAY;AAC3B,aAAW,CAAC,IAAI,GAAG,KAAK,UAAW,KAAI,GAAG,KAAK,CAAC,EAAG,QAAO;AAC1D,SAAO;AACT;AASO,SAAS,WAAW,SAAyD;AAClF,UAAQ,QAAQ,WAAW,CAAC,GAAG,KAAK,CAAC,MAAM,mBAAmB,KAAK,EAAE,IAAI,CAAC,KAAK;AACjF;AAWO,SAAS,WAAW,SAAyD;AAClF,QAAM,SAAS,QAAQ,WAAW,CAAC;AACnC,SAAO,OAAO,KAAK,CAAC,MAAM,EAAE,kBAAkB,IAAI,KAAK,OAAO,KAAK,CAAC,MAAM,yBAAyB,CAAC,CAAC,KAAK;AAC5G;","names":[]}

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

@@ -9,6 +9,7 @@ import * as z from "zod/mini";
 export declare const ShopSettingsSchema: z.ZodMiniObject<{
     shopPath: z.ZodMiniDefault<z.ZodMiniString<string>>;
     detailPath: z.ZodMiniDefault<z.ZodMiniString<string>>;
+    mooieUrls: z.ZodMiniDefault<z.ZodMiniBoolean<boolean>>;
     cartPath: z.ZodMiniDefault<z.ZodMiniString<string>>;
     checkoutPath: z.ZodMiniDefault<z.ZodMiniString<string>>;
     successPath: z.ZodMiniDefault<z.ZodMiniString<string>>;
@@ -21,6 +22,8 @@ export declare const ShopSettingsSchema: z.ZodMiniObject<{
         flatCents: z.ZodMiniDefault<z.ZodMiniNumberFormat>;
         freeFromCents: z.ZodMiniDefault<z.ZodMiniNumberFormat>;
     }, z.core.$strip>>>;
+    pickupEnabled: z.ZodMiniDefault<z.ZodMiniBoolean<boolean>>;
+    pickupNote: z.ZodMiniDefault<z.ZodMiniString<string>>;
     orderPrefix: z.ZodMiniDefault<z.ZodMiniString<string>>;
     invoicePrefix: z.ZodMiniDefault<z.ZodMiniString<string>>;
     businessName: z.ZodMiniDefault<z.ZodMiniString<string>>;

package/dist/modules/shop/settings.js

@@ -2,6 +2,12 @@ import * as z from "zod/mini";
 const ShopSettingsSchema = z.object({
   shopPath: z._default(z.string().check(z.maxLength(200)), "/webwinkel").register(z.globalRegistry, { description: "Pad van de winkelpagina" }),
   detailPath: z._default(z.string().check(z.maxLength(200)), "/product").register(z.globalRegistry, { description: "Pad van de productpagina" }),
+  /**
+   * 8.14: nette productadressen — `/product/houten-rammelaar` in plaats van
+   * `/product?p=houten-rammelaar`. Vraagt de route `app/(site)/product/[slug]` uit de template
+   * (statisch gebouwd, sneller en beter vindbaar). Oude `?p=`-links blijven werken.
+   */
+  mooieUrls: z._default(z.boolean(), false).register(z.globalRegistry, { description: "Nette productadressen (/product/naam)" }),
   cartPath: z._default(z.string().check(z.maxLength(200)), "/winkelwagen").register(z.globalRegistry, { description: "Pad van de winkelwagen" }),
   checkoutPath: z._default(z.string().check(z.maxLength(200)), "/afrekenen").register(z.globalRegistry, { description: "Pad van de afrekenpagina" }),
   successPath: z._default(z.string().check(z.maxLength(200)), "/bedankt").register(z.globalRegistry, { description: "Pad van de bedankt-pagina" }),
@@ -20,6 +26,14 @@ const ShopSettingsSchema = z.object({
     flatCents: z._default(z.int().check(z.minimum(0)).check(z.maximum(1e5)), 0),
     freeFromCents: z._default(z.int().check(z.minimum(0)).check(z.maximum(1e8)), 0)
   })).check(z.maxLength(10)), []).register(z.globalRegistry, { description: "Verzendzones (tarief per land)" }),
+  /**
+   * Afhalen (7.33): naast verzenden kan de klant kiezen voor afhalen. Dan vervalt het
+   * verzendadres en zijn de verzendkosten €0. `pickupNote` is de toelichting van de winkelier
+   * (adres, openingstijden, "we mailen als de bestelling klaarstaan") — die ziet de klant in de
+   * checkout en in de bevestigingsmail.
+   */
+  pickupEnabled: z._default(z.boolean(), false).register(z.globalRegistry, { description: "Afhalen aanbieden bij het afrekenen" }),
+  pickupNote: z._default(z.string().check(z.maxLength(1e3)), "").register(z.globalRegistry, { description: "Toelichting bij afhalen (adres, tijden)" }),
   orderPrefix: z._default(z.string().check(z.maxLength(12)), "ORDER").register(z.globalRegistry, { description: "Ordernummer-prefix" }),
   /**
    * Prefix van de FACTUURreeks (7.18). Leeg = dezelfde als het ordernummer. De factuurreeks is

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/modules/shop/settings.ts"],"sourcesContent":["import * as z from \"zod/mini\";\n\n/**\n * Publieke shop-instellingen (per site, via `settings/public.modules.shop.config` of\n * `SiteConfig.modules.shop.config`). Server-safe: alleen Zod. De SettingsPanel rendert hier\n * automatisch een formulier voor (moduleSettingsForm); de Functions lezen dezelfde config\n * server-side. Geheimen (Stripe-key, SMTP) horen hier NIET — die staan in\n * `sites/{siteId}/private/shop` en lopen via callables.\n */\nexport const ShopSettingsSchema = z.object({\n  shopPath: z._default(z.string().check(z.maxLength(200)), \"/webwinkel\").register(z.globalRegistry, { description: \"Pad van de winkelpagina\" }),\n  detailPath: z._default(z.string().check(z.maxLength(200)), \"/product\").register(z.globalRegistry, { description: \"Pad van de productpagina\" }),\n  cartPath: z._default(z.string().check(z.maxLength(200)), \"/winkelwagen\").register(z.globalRegistry, { description: \"Pad van de winkelwagen\" }),\n  checkoutPath: z._default(z.string().check(z.maxLength(200)), \"/afrekenen\").register(z.globalRegistry, { description: \"Pad van de afrekenpagina\" }),\n  successPath: z._default(z.string().check(z.maxLength(200)), \"/bedankt\").register(z.globalRegistry, { description: \"Pad van de bedankt-pagina\" }),\n  currency: z._default(z.string().check(z.minLength(3)).check(z.maxLength(3)), \"EUR\").register(z.globalRegistry, { description: \"Valuta (ISO-code)\" }),\n  shippingFlatCents: z._default(z.int().check(z.minimum(0)).check(z.maximum(100_000)), 495).register(z.globalRegistry, { description: \"Verzendkosten (centen)\" }),\n  shippingFreeFromCents: z._default(z.int().check(z.minimum(0)).check(z.maximum(1_000_000_00)), 0).register(z.globalRegistry, { description: \"Gratis verzending vanaf (centen, 0 = nooit)\" }),\n  /**\n   * Verzendzones (7.20): tarief per (groep) land(en). Leeg = het enkele tarief hierboven voor\n   * alles — het gedrag van vóór 7.20, dus bestaande winkels merken niets. Een zone ZONDER landen\n   * is de \"overige landen\"-zone; staat die er niet, dan verzendt de winkel alleen naar de landen\n   * die wél in een zone staan (en toont de checkout precies die keuze).\n   */\n  shippingZones: z._default(z.array(z.object({\n        naam: z.string().check(z.minLength(1)).check(z.maxLength(60)),\n        landen: z._default(z.array(z.string().check(z.maxLength(2))).check(z.maxLength(60)), []),\n        flatCents: z._default(z.int().check(z.minimum(0)).check(z.maximum(100_000)), 0),\n        freeFromCents: z._default(z.int().check(z.minimum(0)).check(z.maximum(1_000_000_00)), 0),\n      })).check(z.maxLength(10)), []).register(z.globalRegistry, { description: \"Verzendzones (tarief per land)\" }),\n  orderPrefix: z._default(z.string().check(z.maxLength(12)), \"ORDER\").register(z.globalRegistry, { description: \"Ordernummer-prefix\" }),\n  /**\n   * Prefix van de FACTUURreeks (7.18). Leeg = dezelfde als het ordernummer. De factuurreeks is\n   * een eigen doorlopende nummering die alleen bij betaling ophoogt en per jaar herstart —\n   * het ordernummer mag gaten hebben (afgebroken checkouts), een factuurreeks niet.\n   */\n  invoicePrefix: z._default(z.string().check(z.maxLength(12)), \"\").register(z.globalRegistry, { description: \"Factuurnummer-prefix (leeg = zelfde als ordernummer)\" }),\n  /* Bedrijfsgegevens — komen op de factuur-PDF (5.6). */\n  businessName: z._default(z.string().check(z.maxLength(120)), \"\").register(z.globalRegistry, { description: \"Bedrijfsnaam (factuur)\" }),\n  businessAddress: z._default(z.string().check(z.maxLength(200)), \"\").register(z.globalRegistry, { description: \"Adres (factuur)\" }),\n  businessZip: z._default(z.string().check(z.maxLength(20)), \"\").register(z.globalRegistry, { description: \"Postcode (factuur)\" }),\n  businessCity: z._default(z.string().check(z.maxLength(120)), \"\").register(z.globalRegistry, { description: \"Plaats (factuur)\" }),\n  businessKvk: z._default(z.string().check(z.maxLength(20)), \"\").register(z.globalRegistry, { description: \"KVK-nummer (factuur)\" }),\n  businessBtw: z._default(z.string().check(z.maxLength(30)), \"\").register(z.globalRegistry, { description: \"Btw-nummer (factuur)\" }),\n  /**\n   * Contactgegevens in de mailfooter en op de factuur (7.21). `businessEmail` werd al door\n   * `mailLayout.ts` en `invoice.ts` UITGELEZEN, maar bestond nergens als instelling — een dood\n   * veld op drie plekken, waardoor de klant in zijn bestelbevestiging geen enkel adres zag om\n   * op te reageren.\n   */\n  businessEmail: z._default(z.string().check(z.maxLength(200)), \"\").register(z.globalRegistry, { description: \"Contact-e-mail (factuur + mailfooter)\" }),\n  businessPhone: z._default(z.string().check(z.maxLength(40)), \"\").register(z.globalRegistry, { description: \"Telefoon (factuur + mailfooter)\" }),\n  /**\n   * Cadeauverpakking (7.27): uit = de checkout toont de optie niet. De meerprijs staat als eigen\n   * orderregel (kind \"giftwrap\"), dus btw/factuur/Stripe-Mollie-regels werken er al generiek mee.\n   */\n  giftWrapEnabled: z._default(z.boolean(), false).register(z.globalRegistry, { description: \"Cadeauverpakking aanbieden bij het afrekenen\" }),\n  giftWrapPriceCents: z._default(z.int().check(z.minimum(0)).check(z.maximum(100_000)), 0).register(z.globalRegistry, { description: \"Meerprijs cadeauverpakking (centen)\" }),\n});\nexport type ShopSettings = z.infer<typeof ShopSettingsSchema>;\n\nexport const defaultShopSettings: ShopSettings = ShopSettingsSchema.parse({});\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/modules/shop/settings.ts"],"sourcesContent":["import * as z from \"zod/mini\";\n\n/**\n * Publieke shop-instellingen (per site, via `settings/public.modules.shop.config` of\n * `SiteConfig.modules.shop.config`). Server-safe: alleen Zod. De SettingsPanel rendert hier\n * automatisch een formulier voor (moduleSettingsForm); de Functions lezen dezelfde config\n * server-side. Geheimen (Stripe-key, SMTP) horen hier NIET — die staan in\n * `sites/{siteId}/private/shop` en lopen via callables.\n */\nexport const ShopSettingsSchema = z.object({\n  shopPath: z._default(z.string().check(z.maxLength(200)), \"/webwinkel\").register(z.globalRegistry, { description: \"Pad van de winkelpagina\" }),\n  detailPath: z._default(z.string().check(z.maxLength(200)), \"/product\").register(z.globalRegistry, { description: \"Pad van de productpagina\" }),\n  /**\n   * 8.14: nette productadressen — `/product/houten-rammelaar` in plaats van\n   * `/product?p=houten-rammelaar`. Vraagt de route `app/(site)/product/[slug]` uit de template\n   * (statisch gebouwd, sneller en beter vindbaar). Oude `?p=`-links blijven werken.\n   */\n  mooieUrls: z._default(z.boolean(), false).register(z.globalRegistry, { description: \"Nette productadressen (/product/naam)\" }),\n  cartPath: z._default(z.string().check(z.maxLength(200)), \"/winkelwagen\").register(z.globalRegistry, { description: \"Pad van de winkelwagen\" }),\n  checkoutPath: z._default(z.string().check(z.maxLength(200)), \"/afrekenen\").register(z.globalRegistry, { description: \"Pad van de afrekenpagina\" }),\n  successPath: z._default(z.string().check(z.maxLength(200)), \"/bedankt\").register(z.globalRegistry, { description: \"Pad van de bedankt-pagina\" }),\n  currency: z._default(z.string().check(z.minLength(3)).check(z.maxLength(3)), \"EUR\").register(z.globalRegistry, { description: \"Valuta (ISO-code)\" }),\n  shippingFlatCents: z._default(z.int().check(z.minimum(0)).check(z.maximum(100_000)), 495).register(z.globalRegistry, { description: \"Verzendkosten (centen)\" }),\n  shippingFreeFromCents: z._default(z.int().check(z.minimum(0)).check(z.maximum(1_000_000_00)), 0).register(z.globalRegistry, { description: \"Gratis verzending vanaf (centen, 0 = nooit)\" }),\n  /**\n   * Verzendzones (7.20): tarief per (groep) land(en). Leeg = het enkele tarief hierboven voor\n   * alles — het gedrag van vóór 7.20, dus bestaande winkels merken niets. Een zone ZONDER landen\n   * is de \"overige landen\"-zone; staat die er niet, dan verzendt de winkel alleen naar de landen\n   * die wél in een zone staan (en toont de checkout precies die keuze).\n   */\n  shippingZones: z._default(z.array(z.object({\n        naam: z.string().check(z.minLength(1)).check(z.maxLength(60)),\n        landen: z._default(z.array(z.string().check(z.maxLength(2))).check(z.maxLength(60)), []),\n        flatCents: z._default(z.int().check(z.minimum(0)).check(z.maximum(100_000)), 0),\n        freeFromCents: z._default(z.int().check(z.minimum(0)).check(z.maximum(1_000_000_00)), 0),\n      })).check(z.maxLength(10)), []).register(z.globalRegistry, { description: \"Verzendzones (tarief per land)\" }),\n  /**\n   * Afhalen (7.33): naast verzenden kan de klant kiezen voor afhalen. Dan vervalt het\n   * verzendadres en zijn de verzendkosten €0. `pickupNote` is de toelichting van de winkelier\n   * (adres, openingstijden, \"we mailen als de bestelling klaarstaan\") — die ziet de klant in de\n   * checkout en in de bevestigingsmail.\n   */\n  pickupEnabled: z._default(z.boolean(), false).register(z.globalRegistry, { description: \"Afhalen aanbieden bij het afrekenen\" }),\n  pickupNote: z._default(z.string().check(z.maxLength(1000)), \"\").register(z.globalRegistry, { description: \"Toelichting bij afhalen (adres, tijden)\" }),\n  orderPrefix: z._default(z.string().check(z.maxLength(12)), \"ORDER\").register(z.globalRegistry, { description: \"Ordernummer-prefix\" }),\n  /**\n   * Prefix van de FACTUURreeks (7.18). Leeg = dezelfde als het ordernummer. De factuurreeks is\n   * een eigen doorlopende nummering die alleen bij betaling ophoogt en per jaar herstart —\n   * het ordernummer mag gaten hebben (afgebroken checkouts), een factuurreeks niet.\n   */\n  invoicePrefix: z._default(z.string().check(z.maxLength(12)), \"\").register(z.globalRegistry, { description: \"Factuurnummer-prefix (leeg = zelfde als ordernummer)\" }),\n  /* Bedrijfsgegevens — komen op de factuur-PDF (5.6). */\n  businessName: z._default(z.string().check(z.maxLength(120)), \"\").register(z.globalRegistry, { description: \"Bedrijfsnaam (factuur)\" }),\n  businessAddress: z._default(z.string().check(z.maxLength(200)), \"\").register(z.globalRegistry, { description: \"Adres (factuur)\" }),\n  businessZip: z._default(z.string().check(z.maxLength(20)), \"\").register(z.globalRegistry, { description: \"Postcode (factuur)\" }),\n  businessCity: z._default(z.string().check(z.maxLength(120)), \"\").register(z.globalRegistry, { description: \"Plaats (factuur)\" }),\n  businessKvk: z._default(z.string().check(z.maxLength(20)), \"\").register(z.globalRegistry, { description: \"KVK-nummer (factuur)\" }),\n  businessBtw: z._default(z.string().check(z.maxLength(30)), \"\").register(z.globalRegistry, { description: \"Btw-nummer (factuur)\" }),\n  /**\n   * Contactgegevens in de mailfooter en op de factuur (7.21). `businessEmail` werd al door\n   * `mailLayout.ts` en `invoice.ts` UITGELEZEN, maar bestond nergens als instelling — een dood\n   * veld op drie plekken, waardoor de klant in zijn bestelbevestiging geen enkel adres zag om\n   * op te reageren.\n   */\n  businessEmail: z._default(z.string().check(z.maxLength(200)), \"\").register(z.globalRegistry, { description: \"Contact-e-mail (factuur + mailfooter)\" }),\n  businessPhone: z._default(z.string().check(z.maxLength(40)), \"\").register(z.globalRegistry, { description: \"Telefoon (factuur + mailfooter)\" }),\n  /**\n   * Cadeauverpakking (7.27): uit = de checkout toont de optie niet. De meerprijs staat als eigen\n   * orderregel (kind \"giftwrap\"), dus btw/factuur/Stripe-Mollie-regels werken er al generiek mee.\n   */\n  giftWrapEnabled: z._default(z.boolean(), false).register(z.globalRegistry, { description: \"Cadeauverpakking aanbieden bij het afrekenen\" }),\n  giftWrapPriceCents: z._default(z.int().check(z.minimum(0)).check(z.maximum(100_000)), 0).register(z.globalRegistry, { description: \"Meerprijs cadeauverpakking (centen)\" }),\n});\nexport type ShopSettings = z.infer<typeof ShopSettingsSchema>;\n\nexport const defaultShopSettings: ShopSettings = ShopSettingsSchema.parse({});\n"],"mappings":"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","names":[]}

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

@@ -61,6 +61,10 @@ declare const NL: {
     donationAmountLabel: string;
     billingSame: string;
     billingHeading: string;
+    deliveryHeading: string;
+    deliveryShip: string;
+    deliveryPickup: string;
+    pickupHeading: string;
     giftWrap: string;
     giftWrapLabel: string;
     giftWrapCardText: string;

package/dist/modules/shop/strings.js

@@ -63,6 +63,10 @@ const NL = {
   donationAmountLabel: "Bedrag in euro's (min. {min})",
   billingSame: "Factuuradres is hetzelfde als het verzendadres",
   billingHeading: "Factuuradres",
+  deliveryHeading: "Bezorging",
+  deliveryShip: "Laten verzenden",
+  deliveryPickup: "Zelf afhalen (geen verzendkosten)",
+  pickupHeading: "Afhalen",
   giftWrap: "Cadeauverpakking",
   giftWrapLabel: "Cadeauverpakking (+ {bedrag})",
   giftWrapCardText: "Tekst op het kaartje (optioneel)",
@@ -131,6 +135,10 @@ const EN = {
   donationAmountLabel: "Amount in euros (min. {min})",
   billingSame: "Billing address is the same as the shipping address",
   billingHeading: "Billing address",
+  deliveryHeading: "Delivery",
+  deliveryShip: "Ship to my address",
+  deliveryPickup: "Collect in person (no shipping costs)",
+  pickupHeading: "Collection",
   giftWrap: "Gift wrap",
   giftWrapLabel: "Gift wrap (+ {bedrag})",
   giftWrapCardText: "Text for the card (optional)",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/modules/shop/strings.ts"],"sourcesContent":["\"use client\";\n\n/**\n * UI-teksten van de shop-blocks, gelokaliseerd op `SiteConfig.lang` (nl = default, en).\n * Interpolatie via `{naam}`-placeholders. Bewust een platte tabel — geen i18n-framework;\n * de shop-strings zijn de enige plek in de blocks met vaste UI-tekst.\n */\nimport { useSiteConfig } from \"../../config\";\n\nconst NL = {\n  addToCart: \"In winkelwagen\",\n  added: \"✓ Toegevoegd aan je winkelwagen.\",\n  addedGoToCart: \"✓ In winkelwagen — bekijk\",\n  view: \"Bekijk\",\n  toCart: \"Naar winkelwagen\",\n  continueShopping: \"Verder winkelen\",\n  checkout: \"Afrekenen\",\n  cartEmpty: \"Je winkelwagen is leeg.\",\n  toShop: \"Naar de winkel\",\n  subtotal: \"Subtotaal\",\n  shippingCosts: \"Verzendkosten\",\n  free: \"gratis\",\n  total: \"Totaal\",\n  perPiece: \"p/st\",\n  qty: \"Aantal\",\n  outOfStock: \"Uitverkocht in deze uitvoering.\",\n  variantUnavailable: \"Deze combinatie is niet leverbaar.\",\n  stockLeft: \"Nog {n} beschikbaar\",\n  soldOut: \"Uitverkocht\",\n  productNotFound: \"Product niet gevonden.\",\n  backToShop: \"Terug naar de winkel\",\n  noProducts: \"Geen producten gevonden.\",\n  noCategories: \"Nog geen categorieën.\",\n  allCategories: \"Alle categorieën\",\n  pay: \"Betalen — {bedrag}\",\n  busy: \"Bezig…\",\n  checkoutFailed: \"Afrekenen is niet gelukt. Controleer je gegevens en probeer het opnieuw.\",\n  secureNote: \"Je rekent veilig af via een beveiligde betaalpagina (o.a. iDEAL). Na betaling ontvang je een bevestiging per e-mail.\",\n  yourOrder: \"Je bestelling\",\n  fieldName: \"Naam\",\n  fieldEmail: \"E-mail\",\n  fieldPhone: \"Telefoon (optioneel)\",\n  fieldAddress: \"Straat + huisnummer\",\n  fieldZip: \"Postcode\",\n  fieldCity: \"Plaats\",\n  fieldCountry: \"Land\",\n  shippingFromCountry: \"(bij bezorging in Nederland — kies je land bij het afrekenen)\",\n  fieldNote: \"Opmerking (optioneel)\",\n  choose: \"Kies…\",\n  discountCode: \"Kortingscode\",\n  discountApply: \"Toepassen\",\n  discount: \"Korting\",\n  discountInvalid: \"Deze code is niet (meer) geldig.\",\n  discountApplied: \"Korting toegepast: {code}\",\n  related: \"Ook leuk\",\n  filterAll: \"Alles\",\n  sortLabel: \"Sorteren\",\n  sortDefault: \"Aanbevolen\",\n  sortName: \"Naam\",\n  sortPriceAsc: \"Prijs (laag-hoog)\",\n  sortPriceDesc: \"Prijs (hoog-laag)\",\n  personalizationUpload: \"Kies bestand…\",\n  personalizationUploading: \"Uploaden…\",\n  personalizationUploaded: \"✓ Geüpload\",\n  personalizationTooBig: \"Bestand te groot (max 5 MB).\",\n  personalizationFailed: \"Uploaden mislukt — probeer het opnieuw.\",\n  personalizationSurcharge: \"+ {bedrag}\",\n  donationFailed: \"Doneren is niet gelukt. Probeer het later opnieuw.\",\n  donationCustomAmount: \"Ander bedrag\",\n  donationAmountLabel: \"Bedrag in euro's (min. {min})\",\n  billingSame: \"Factuuradres is hetzelfde als het verzendadres\",\n  billingHeading: \"Factuuradres\",\n  giftWrap: \"Cadeauverpakking\",\n  giftWrapLabel: \"Cadeauverpakking (+ {bedrag})\",\n  giftWrapCardText: \"Tekst op het kaartje (optioneel)\",\n  giftWrapNote: \"Opmerking voor het inpakken (optioneel)\",\n};\n\nconst EN: typeof NL = {\n  addToCart: \"Add to cart\",\n  added: \"✓ Added to your cart.\",\n  addedGoToCart: \"✓ In cart — view\",\n  view: \"View\",\n  toCart: \"Go to cart\",\n  continueShopping: \"Continue shopping\",\n  checkout: \"Checkout\",\n  cartEmpty: \"Your cart is empty.\",\n  toShop: \"Go to the shop\",\n  subtotal: \"Subtotal\",\n  shippingCosts: \"Shipping\",\n  free: \"free\",\n  total: \"Total\",\n  perPiece: \"each\",\n  qty: \"Quantity\",\n  outOfStock: \"Sold out in this variant.\",\n  variantUnavailable: \"This combination is unavailable.\",\n  stockLeft: \"Only {n} left\",\n  soldOut: \"Sold out\",\n  productNotFound: \"Product not found.\",\n  backToShop: \"Back to the shop\",\n  noProducts: \"No products found.\",\n  noCategories: \"No categories yet.\",\n  allCategories: \"All categories\",\n  pay: \"Pay — {bedrag}\",\n  busy: \"Working…\",\n  checkoutFailed: \"Checkout failed. Check your details and try again.\",\n  secureNote: \"You pay securely via a protected checkout page (incl. iDEAL). You will receive a confirmation email after payment.\",\n  yourOrder: \"Your order\",\n  fieldName: \"Name\",\n  fieldEmail: \"Email\",\n  fieldPhone: \"Phone (optional)\",\n  fieldAddress: \"Street + number\",\n  fieldZip: \"Postal code\",\n  fieldCity: \"City\",\n  fieldCountry: \"Country\",\n  shippingFromCountry: \"(for delivery in the Netherlands — choose your country at checkout)\",\n  fieldNote: \"Note (optional)\",\n  choose: \"Choose…\",\n  discountCode: \"Discount code\",\n  discountApply: \"Apply\",\n  discount: \"Discount\",\n  discountInvalid: \"This code is not (or no longer) valid.\",\n  discountApplied: \"Discount applied: {code}\",\n  related: \"You may also like\",\n  filterAll: \"All\",\n  sortLabel: \"Sort\",\n  sortDefault: \"Recommended\",\n  sortName: \"Name\",\n  sortPriceAsc: \"Price (low-high)\",\n  sortPriceDesc: \"Price (high-low)\",\n  personalizationUpload: \"Choose file…\",\n  personalizationUploading: \"Uploading…\",\n  personalizationUploaded: \"✓ Uploaded\",\n  personalizationTooBig: \"File too large (max 5 MB).\",\n  personalizationFailed: \"Upload failed — please try again.\",\n  personalizationSurcharge: \"+ {bedrag}\",\n  donationFailed: \"Donation failed. Please try again later.\",\n  donationCustomAmount: \"Custom amount\",\n  donationAmountLabel: \"Amount in euros (min. {min})\",\n  billingSame: \"Billing address is the same as the shipping address\",\n  billingHeading: \"Billing address\",\n  giftWrap: \"Gift wrap\",\n  giftWrapLabel: \"Gift wrap (+ {bedrag})\",\n  giftWrapCardText: \"Text for the card (optional)\",\n  giftWrapNote: \"Note for gift-wrapping (optional)\",\n};\n\nexport type ShopStringKey = keyof typeof NL;\nconst TABLES: Record<string, typeof NL> = { nl: NL, en: EN };\n\nexport type ShopT = (key: ShopStringKey, vars?: Record<string, string | number>) => string;\n\n/** Vertaalfunctie voor shop-blocks: `t(\"addToCart\")`, `t(\"stockLeft\", { n: 3 })`. */\nexport function useShopStrings(): ShopT {\n  const lang = (useSiteConfig().lang ?? \"nl\").slice(0, 2).toLowerCase();\n  const table = TABLES[lang] ?? NL;\n  return (key, vars) => {\n    let s = table[key] ?? NL[key] ?? key;\n    if (vars) for (const [k, v] of Object.entries(vars)) s = s.replaceAll(`{${k}}`, String(v));\n    return s;\n  };\n}\n"],"mappings":";AAOA,SAAS,qBAAqB;AAE9B,MAAM,KAAK;AAAA,EACT,WAAW;AAAA,EACX,OAAO;AAAA,EACP,eAAe;AAAA,EACf,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,kBAAkB;AAAA,EAClB,UAAU;AAAA,EACV,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,eAAe;AAAA,EACf,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,oBAAoB;AAAA,EACpB,WAAW;AAAA,EACX,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,eAAe;AAAA,EACf,KAAK;AAAA,EACL,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,UAAU;AAAA,EACV,WAAW;AAAA,EACX,cAAc;AAAA,EACd,qBAAqB;AAAA,EACrB,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,eAAe;AAAA,EACf,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,WAAW;AAAA,EACX,WAAW;AAAA,EACX,aAAa;AAAA,EACb,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,uBAAuB;AAAA,EACvB,0BAA0B;AAAA,EAC1B,yBAAyB;AAAA,EACzB,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EACvB,0BAA0B;AAAA,EAC1B,gBAAgB;AAAA,EAChB,sBAAsB;AAAA,EACtB,qBAAqB;AAAA,EACrB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,cAAc;AAChB;AAEA,MAAM,KAAgB;AAAA,EACpB,WAAW;AAAA,EACX,OAAO;AAAA,EACP,eAAe;AAAA,EACf,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,kBAAkB;AAAA,EAClB,UAAU;AAAA,EACV,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,eAAe;AAAA,EACf,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,oBAAoB;AAAA,EACpB,WAAW;AAAA,EACX,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,eAAe;AAAA,EACf,KAAK;AAAA,EACL,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,UAAU;AAAA,EACV,WAAW;AAAA,EACX,cAAc;AAAA,EACd,qBAAqB;AAAA,EACrB,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,eAAe;AAAA,EACf,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,WAAW;AAAA,EACX,WAAW;AAAA,EACX,aAAa;AAAA,EACb,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,uBAAuB;AAAA,EACvB,0BAA0B;AAAA,EAC1B,yBAAyB;AAAA,EACzB,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EACvB,0BAA0B;AAAA,EAC1B,gBAAgB;AAAA,EAChB,sBAAsB;AAAA,EACtB,qBAAqB;AAAA,EACrB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,cAAc;AAChB;AAGA,MAAM,SAAoC,EAAE,IAAI,IAAI,IAAI,GAAG;AAKpD,SAAS,iBAAwB;AACtC,QAAM,QAAQ,cAAc,EAAE,QAAQ,MAAM,MAAM,GAAG,CAAC,EAAE,YAAY;AACpE,QAAM,QAAQ,OAAO,IAAI,KAAK;AAC9B,SAAO,CAAC,KAAK,SAAS;AACpB,QAAI,IAAI,MAAM,GAAG,KAAK,GAAG,GAAG,KAAK;AACjC,QAAI,KAAM,YAAW,CAAC,GAAG,CAAC,KAAK,OAAO,QAAQ,IAAI,EAAG,KAAI,EAAE,WAAW,IAAI,CAAC,KAAK,OAAO,CAAC,CAAC;AACzF,WAAO;AAAA,EACT;AACF;","names":[]}
+{"version":3,"sources":["../../../src/modules/shop/strings.ts"],"sourcesContent":["\"use client\";\n\n/**\n * UI-teksten van de shop-blocks, gelokaliseerd op `SiteConfig.lang` (nl = default, en).\n * Interpolatie via `{naam}`-placeholders. Bewust een platte tabel — geen i18n-framework;\n * de shop-strings zijn de enige plek in de blocks met vaste UI-tekst.\n */\nimport { useSiteConfig } from \"../../config\";\n\nconst NL = {\n  addToCart: \"In winkelwagen\",\n  added: \"✓ Toegevoegd aan je winkelwagen.\",\n  addedGoToCart: \"✓ In winkelwagen — bekijk\",\n  view: \"Bekijk\",\n  toCart: \"Naar winkelwagen\",\n  continueShopping: \"Verder winkelen\",\n  checkout: \"Afrekenen\",\n  cartEmpty: \"Je winkelwagen is leeg.\",\n  toShop: \"Naar de winkel\",\n  subtotal: \"Subtotaal\",\n  shippingCosts: \"Verzendkosten\",\n  free: \"gratis\",\n  total: \"Totaal\",\n  perPiece: \"p/st\",\n  qty: \"Aantal\",\n  outOfStock: \"Uitverkocht in deze uitvoering.\",\n  variantUnavailable: \"Deze combinatie is niet leverbaar.\",\n  stockLeft: \"Nog {n} beschikbaar\",\n  soldOut: \"Uitverkocht\",\n  productNotFound: \"Product niet gevonden.\",\n  backToShop: \"Terug naar de winkel\",\n  noProducts: \"Geen producten gevonden.\",\n  noCategories: \"Nog geen categorieën.\",\n  allCategories: \"Alle categorieën\",\n  pay: \"Betalen — {bedrag}\",\n  busy: \"Bezig…\",\n  checkoutFailed: \"Afrekenen is niet gelukt. Controleer je gegevens en probeer het opnieuw.\",\n  secureNote: \"Je rekent veilig af via een beveiligde betaalpagina (o.a. iDEAL). Na betaling ontvang je een bevestiging per e-mail.\",\n  yourOrder: \"Je bestelling\",\n  fieldName: \"Naam\",\n  fieldEmail: \"E-mail\",\n  fieldPhone: \"Telefoon (optioneel)\",\n  fieldAddress: \"Straat + huisnummer\",\n  fieldZip: \"Postcode\",\n  fieldCity: \"Plaats\",\n  fieldCountry: \"Land\",\n  shippingFromCountry: \"(bij bezorging in Nederland — kies je land bij het afrekenen)\",\n  fieldNote: \"Opmerking (optioneel)\",\n  choose: \"Kies…\",\n  discountCode: \"Kortingscode\",\n  discountApply: \"Toepassen\",\n  discount: \"Korting\",\n  discountInvalid: \"Deze code is niet (meer) geldig.\",\n  discountApplied: \"Korting toegepast: {code}\",\n  related: \"Ook leuk\",\n  filterAll: \"Alles\",\n  sortLabel: \"Sorteren\",\n  sortDefault: \"Aanbevolen\",\n  sortName: \"Naam\",\n  sortPriceAsc: \"Prijs (laag-hoog)\",\n  sortPriceDesc: \"Prijs (hoog-laag)\",\n  personalizationUpload: \"Kies bestand…\",\n  personalizationUploading: \"Uploaden…\",\n  personalizationUploaded: \"✓ Geüpload\",\n  personalizationTooBig: \"Bestand te groot (max 5 MB).\",\n  personalizationFailed: \"Uploaden mislukt — probeer het opnieuw.\",\n  personalizationSurcharge: \"+ {bedrag}\",\n  donationFailed: \"Doneren is niet gelukt. Probeer het later opnieuw.\",\n  donationCustomAmount: \"Ander bedrag\",\n  donationAmountLabel: \"Bedrag in euro's (min. {min})\",\n  billingSame: \"Factuuradres is hetzelfde als het verzendadres\",\n  billingHeading: \"Factuuradres\",\n  deliveryHeading: \"Bezorging\",\n  deliveryShip: \"Laten verzenden\",\n  deliveryPickup: \"Zelf afhalen (geen verzendkosten)\",\n  pickupHeading: \"Afhalen\",\n  giftWrap: \"Cadeauverpakking\",\n  giftWrapLabel: \"Cadeauverpakking (+ {bedrag})\",\n  giftWrapCardText: \"Tekst op het kaartje (optioneel)\",\n  giftWrapNote: \"Opmerking voor het inpakken (optioneel)\",\n};\n\nconst EN: typeof NL = {\n  addToCart: \"Add to cart\",\n  added: \"✓ Added to your cart.\",\n  addedGoToCart: \"✓ In cart — view\",\n  view: \"View\",\n  toCart: \"Go to cart\",\n  continueShopping: \"Continue shopping\",\n  checkout: \"Checkout\",\n  cartEmpty: \"Your cart is empty.\",\n  toShop: \"Go to the shop\",\n  subtotal: \"Subtotal\",\n  shippingCosts: \"Shipping\",\n  free: \"free\",\n  total: \"Total\",\n  perPiece: \"each\",\n  qty: \"Quantity\",\n  outOfStock: \"Sold out in this variant.\",\n  variantUnavailable: \"This combination is unavailable.\",\n  stockLeft: \"Only {n} left\",\n  soldOut: \"Sold out\",\n  productNotFound: \"Product not found.\",\n  backToShop: \"Back to the shop\",\n  noProducts: \"No products found.\",\n  noCategories: \"No categories yet.\",\n  allCategories: \"All categories\",\n  pay: \"Pay — {bedrag}\",\n  busy: \"Working…\",\n  checkoutFailed: \"Checkout failed. Check your details and try again.\",\n  secureNote: \"You pay securely via a protected checkout page (incl. iDEAL). You will receive a confirmation email after payment.\",\n  yourOrder: \"Your order\",\n  fieldName: \"Name\",\n  fieldEmail: \"Email\",\n  fieldPhone: \"Phone (optional)\",\n  fieldAddress: \"Street + number\",\n  fieldZip: \"Postal code\",\n  fieldCity: \"City\",\n  fieldCountry: \"Country\",\n  shippingFromCountry: \"(for delivery in the Netherlands — choose your country at checkout)\",\n  fieldNote: \"Note (optional)\",\n  choose: \"Choose…\",\n  discountCode: \"Discount code\",\n  discountApply: \"Apply\",\n  discount: \"Discount\",\n  discountInvalid: \"This code is not (or no longer) valid.\",\n  discountApplied: \"Discount applied: {code}\",\n  related: \"You may also like\",\n  filterAll: \"All\",\n  sortLabel: \"Sort\",\n  sortDefault: \"Recommended\",\n  sortName: \"Name\",\n  sortPriceAsc: \"Price (low-high)\",\n  sortPriceDesc: \"Price (high-low)\",\n  personalizationUpload: \"Choose file…\",\n  personalizationUploading: \"Uploading…\",\n  personalizationUploaded: \"✓ Uploaded\",\n  personalizationTooBig: \"File too large (max 5 MB).\",\n  personalizationFailed: \"Upload failed — please try again.\",\n  personalizationSurcharge: \"+ {bedrag}\",\n  donationFailed: \"Donation failed. Please try again later.\",\n  donationCustomAmount: \"Custom amount\",\n  donationAmountLabel: \"Amount in euros (min. {min})\",\n  billingSame: \"Billing address is the same as the shipping address\",\n  billingHeading: \"Billing address\",\n  deliveryHeading: \"Delivery\",\n  deliveryShip: \"Ship to my address\",\n  deliveryPickup: \"Collect in person (no shipping costs)\",\n  pickupHeading: \"Collection\",\n  giftWrap: \"Gift wrap\",\n  giftWrapLabel: \"Gift wrap (+ {bedrag})\",\n  giftWrapCardText: \"Text for the card (optional)\",\n  giftWrapNote: \"Note for gift-wrapping (optional)\",\n};\n\nexport type ShopStringKey = keyof typeof NL;\nconst TABLES: Record<string, typeof NL> = { nl: NL, en: EN };\n\nexport type ShopT = (key: ShopStringKey, vars?: Record<string, string | number>) => string;\n\n/** Vertaalfunctie voor shop-blocks: `t(\"addToCart\")`, `t(\"stockLeft\", { n: 3 })`. */\nexport function useShopStrings(): ShopT {\n  const lang = (useSiteConfig().lang ?? \"nl\").slice(0, 2).toLowerCase();\n  const table = TABLES[lang] ?? NL;\n  return (key, vars) => {\n    let s = table[key] ?? NL[key] ?? key;\n    if (vars) for (const [k, v] of Object.entries(vars)) s = s.replaceAll(`{${k}}`, String(v));\n    return s;\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/next/envCheck.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Env-controle tijdens de BUILD (8.7) — naar het idee van Astro's `astro:env`-schema.
+ *
+ * Er bestond al een controle bij serverstart (`validateEnv` in `instrumentation.ts`), maar die
+ * komt te laat voor `NEXT_PUBLIC_*`: die waarden worden tijdens `next build` letterlijk in de
+ * JavaScript-bundel gezet. Een lege waarde zit er dan al in, en de site start gewoon — alleen
+ * werkt inloggen of het beheer niet. Precies dat gebeurde in september 2026: `vercel pull` leverde
+ * Sensitive-variabelen leeg af, en dat viel pas op in de live bundel.
+ *
+ * Gebruik bovenin `next.config.ts`:
+ *
+ *   import { xicmsEnvCheck } from "@xiwebdesign/xicms-core/next";
+ *   xicmsEnvCheck();
+ *
+ * Een productie-build op Vercel (`VERCEL_ENV=production`) of met `XICMS_ENV_STRIKT=1` stopt bij een
+ * fout; overal elders (lokaal, CI, previews) komen fouten en waarschuwingen alleen in de log.
+ * Dit bestand draait in Node tijdens de build en mag niets uit de React-bundel importeren.
+ */
+export type EnvErnst = "fout" | "waarschuwing";
+export interface EnvMelding {
+    naam: string;
+    ernst: EnvErnst;
+    tekst: string;
+}
+type Env = Record<string, string | undefined>;
+/**
+ * Puur en testbaar: welke problemen heeft deze env? `demo` = een site zonder eigen Firebase
+ * (de demo-modus werkt lokaal), dan is ontbrekende Firebase-config geen fout.
+ */
+export declare function controleerSiteEnv(env: Env, opties?: {
+    demo?: boolean;
+}): EnvMelding[];
+/** Moet een fout de build stoppen? Alleen bij een productie-build, of als je het expliciet vraagt. */
+export declare function envIsStrikt(env: Env): boolean;
+/**
+ * Roep aan bovenin `next.config.ts`. Schrijft meldingen naar de log en gooit bij een fout als de
+ * build strikt is (zie `envIsStrikt`).
+ */
+export declare function xicmsEnvCheck(opties?: {
+    demo?: boolean;
+}): EnvMelding[];
+export {};