@dreamtree-org/landing-kit 0.8.0 → 0.9.0

package/MIGRATION.md

@@ -159,3 +159,17 @@ Nothing changes for products that don't use it. The server half, `createPlatform
 - Credential-custodian "Reveal URL" with a reason, audited.
 
 **Not in the console yet:** plans and subscriptions, platform settings, support access and domains. Their server endpoints come first (tenancy). The nav shows them only when `GET /me` advertises them.
+
+## 0.9.0 — store documents (additive)
+
+A store's landing, listing and product pages, its header and footer, and its product card are now one
+version-2 document (`validateStore` from `/schema`). Nothing changes for apps that keep version-1 tenant pages.
+
+- To adopt it, run each stored v1 page through `migrateStore(page)`. It becomes `pages.home`, and the listing
+  and product pages get their default templates. `validateStore` migrates a v1 page itself, so an app can
+  switch over on its next save.
+- Listing and product pages are templates whose blocks are either app **slots** (`filters`, `results`,
+  `gallery`, `buy_box`…, rendered by the app through `TemplateRegion`'s `slots`) or ordinary content sections.
+  Required slots cannot be hidden or removed.
+- `safeHref` now rejects links containing a backslash, and registry lookups (`blockDef`, `templatePage`) ignore
+  inherited keys, so `__proto__` or `constructor` is an unknown type.

package/README.md

@@ -202,6 +202,32 @@ import '@dreamtree-org/landing-kit/styles.css';
 - `newSection(type)` / `sectionDefaults(type)` start a section with valid defaults; `defaultPage({ name, tagline })`
   is a neutral starting page.
 
+### Store documents (0.9.0): landing, listing and product pages as one document
+
+A store's whole storefront design is one version-2 document, validated with `validateStore` from `/schema`:
+
+```js
+{ version: 2,
+  pages: { home: PageDoc /* the landing page above */,
+           listing: { template: 'classic' | 'topbar' | 'editorial', settings, blocks },
+           product: { template: 'classic' | 'immersive' | 'compact', settings, blocks } },
+  chrome: { announcement, header, footer },   // CHROME_FIELDS
+  card: { image_ratio, badges, spec_line, compare, quick_add, mrp, hover } }  // CARD_FIELDS
+```
+
+- `STORE_PAGES[page]` lists each page's `settings` (field defs, so a builder generates the form), `templates`
+  (setting values + default block order) and `slots`: the commerce blocks the app renders (results, filters,
+  gallery, buy box…). `required` slots can be moved, never removed or hidden, so a page always sells.
+- Between the slots a page may place content sections from `CONTENT_BLOCKS` (promo banner, FAQ, USP strip…),
+  validated with the same rules as landing-page sections. At most `MAX_BLOCKS` (12) blocks per page.
+- A version-1 landing page passed to `validateStore` is migrated (`migrateStore`): it becomes `pages.home`
+  and everything else takes its defaults. `isLegacyPage(doc)` tells them apart.
+- Render a template page with `<TemplateRegion blocks slots theme resolveMedia />`: `slots[type]` is the app's
+  component for a commerce block (`{ block, props }`; return null to place it yourself), content sections render
+  like `TenantPage`.
+- Helpers: `templatePage(page, template)`, `newBlock(page, type)`, `blockDef(page, type)`, `defaultStore`,
+  `defaultChrome`, `defaultCard`, `storeMediaRefs(doc)` (every `{ media_id }` to check before storing), `validateFields`.
+
 ### `<AuthShell>` & `@dreamtree-org/landing-kit/auth`
 
 The shared auth frame for login, signup, password reset, consent and platform-admin sign-in (`desktop [ brand panel 40% | form card ]`, `mobile [ logo · form card · footer · legal links ]`). Import from `@dreamtree-org/landing-kit` or the lightweight `@dreamtree-org/landing-kit/auth` subpath (with `@dreamtree-org/landing-kit/auth.css` or `styles.css`).

package/dist/index.cjs

@@ -51,6 +51,7 @@ __export(index_exports, {
   SectionIntro: () => SectionIntro,
   SmartLink: () => SmartLink,
   TENANT_BLOCKS: () => TENANT_BLOCKS,
+  TemplateRegion: () => TemplateRegion,
   TenantPage: () => TenantPage,
   TextLink: () => TextLink,
   Wordmark: () => Wordmark,
@@ -69,6 +70,7 @@ __export(index_exports, {
   useLanding: () => useLanding,
   useTapReveal: () => useTapReveal,
   validatePage: () => validatePage,
+  validateStore: () => validateStore,
   validateTheme: () => validateTheme
 });
 module.exports = __toCommonJS(index_exports);
@@ -349,9 +351,9 @@ function Wordmark({ name }) {
     /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "dt-lp-wordmark-hi", children: m[2] })
   ] });
 }
-function BrandLockup({ brand: own, byline = "by Dreamtree-Org", href = "/" }) {
+function BrandLockup({ brand: own2, byline = "by Dreamtree-Org", href = "/" }) {
   const ctx = useLanding();
-  const brand = own || ctx.brand;
+  const brand = own2 || ctx.brand;
   if (!brand) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("a", { href, className: "dt-lp-brand", "aria-label": `${brand.name}${byline ? ` ${byline}` : ""}, home`, children: [
     /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(BrandMark2, { brand }),
@@ -478,10 +480,10 @@ function DreamtreeFooter({
   tagline,
   legal = [],
   year = (/* @__PURE__ */ new Date()).getFullYear(),
-  brand: own
+  brand: own2
 }) {
   const ctx = useLanding();
-  const brand = own || ctx.brand;
+  const brand = own2 || ctx.brand;
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("footer", { className: "dt-lp-footer", children: [
     /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Wrap, { className: `dt-lp-footer-grid dt-lp-footer-grid--${Math.min(columns.length, 3)}`, children: [
       /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "dt-lp-footer-about", children: [
@@ -648,7 +650,7 @@ function FeatureSection(props) {
         ] })
       );
     case "intro": {
-      const { subtitle, detail, note, glance = [], glanceTitle = "At a glance", link } = props;
+      const { subtitle, detail, note, glance = [], glanceTitle = "At a glance", link: link2 } = props;
       return shell(
         /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "dt-lp-intro-grid", children: [
           /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
@@ -662,7 +664,7 @@ function FeatureSection(props) {
             /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { id: `${hid2}-glance`, className: "dt-lp-eyebrow", children: glanceTitle }),
             /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Checklist, { items: glance }),
             props.glanceNote ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "dt-lp-note", children: props.glanceNote }) : null,
-            link ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(TextLink, { href: link.href, className: "dt-lp-mt", children: link.label }) : null
+            link2 ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(TextLink, { href: link2.href, className: "dt-lp-mt", children: link2.label }) : null
           ] }) : null
         ] })
       );
@@ -823,7 +825,7 @@ function Faq({ id = "faq", eyebrow, title: title2 = "Frequently asked questions"
 
 // src/DemoCta.jsx
 var import_jsx_runtime16 = require("react/jsx-runtime");
-function DemoCta({ id = "demo", eyebrow, title: title2, body, label = "Book a demo", chips, chipsLabel = "Business types", note, link }) {
+function DemoCta({ id = "demo", eyebrow, title: title2, body, label = "Book a demo", chips, chipsLabel = "Business types", note, link: link2 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("section", { id, "aria-labelledby": `${id}-title`, className: "dt-lp-section dt-lp-cta", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Wrap, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "dt-lp-cta-panel", children: [
     eyebrow ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "dt-lp-eyebrow dt-lp-eyebrow--inverse", children: eyebrow }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h2", { id: `${id}-title`, className: "dt-lp-h2 dt-lp-h2--cta", children: title2 }),
@@ -834,7 +836,7 @@ function DemoCta({ id = "demo", eyebrow, title: title2, body, label = "Book a de
       note.title ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h3", { className: "dt-lp-h3", children: note.title }) : null,
       note.body ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { children: note.body }) : null
     ] }) : null,
-    link ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "dt-lp-cta-link", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SmartLink, { href: link.href, reload: link.reload, children: link.label }) }) : null
+    link2 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "dt-lp-cta-link", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SmartLink, { href: link2.href, reload: link2.reload, children: link2.label }) }) : null
   ] }) }) });
 }
 
@@ -897,17 +899,17 @@ function LandingPage({ brand, content, preview = null, slots = {}, linkComponent
 var import_jsx_runtime18 = require("react/jsx-runtime");
 function PreviewFrame({
   id = "product",
-  heading,
+  heading: heading2,
   caption,
   meta,
   badge = "Demo data",
-  brand: own,
+  brand: own2,
   children
 }) {
   const ctx = useLanding();
-  const brand = own || ctx.brand;
+  const brand = own2 || ctx.brand;
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("section", { id, "aria-labelledby": `${id}-title`, className: "dt-lp-preview", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h2", { id: `${id}-title`, className: "dt-lp-sr-only", children: heading || `${brand ? brand.name : "Product"} overview` }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h2", { id: `${id}-title`, className: "dt-lp-sr-only", children: heading2 || `${brand ? brand.name : "Product"} overview` }),
     /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Wrap, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("figure", { className: "dt-lp-preview-frame", children: [
       /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "dt-lp-preview-bar", children: [
         /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "dt-lp-preview-title", children: [
@@ -1557,6 +1559,12 @@ var SECTION_TYPES = {
 var SECTION_TYPE_KEYS = Object.keys(SECTION_TYPES);
 var PAGE_VERSION = 1;
 var MAX_SECTIONS = 20;
+function sectionDefaults(type) {
+  const def = SECTION_TYPES[type];
+  if (!def) throw new Error(`Unknown section type "${type}"`);
+  const fill2 = (fields2) => Object.fromEntries(fields2.map((f) => [f.key, f.kind === "list" ? (f.default || []).map((item) => ({ ...fill2(f.of), ...item })) : f.default]));
+  return fill2(def.fields);
+}
 
 // src/schema/richtext.js
 var ALLOWED = /* @__PURE__ */ new Set(["p", "br", "h2", "h3", "h4", "strong", "b", "em", "i", "u", "ul", "ol", "li", "a", "blockquote"]);
@@ -1577,7 +1585,7 @@ var decode = (s) => s.replace(/&(amp|quot|#39|lt|gt|#x[0-9a-f]+|#\d+);/gi, (m, e
 });
 function safeHref(raw) {
   const v = decode(String(raw || "")).replace(/[\u0000- \u007f-\u009f]/g, "");
-  if (!v) return null;
+  if (!v || v.includes("\\")) return null;
   if (/^(https?:\/\/|mailto:|tel:)/i.test(v)) return v;
   if (/^\/(?!\/)/.test(v) || v.startsWith("#")) return v;
   return null;
@@ -1701,6 +1709,9 @@ function field(f, value, path, errors) {
       throw new Error(`Unknown field kind "${f.kind}" (${path})`);
   }
 }
+function validateFields(defs, obj, path, errors) {
+  return fields(defs, obj, path, errors);
+}
 function fields(defs, obj, path, errors) {
   const src = obj && typeof obj === "object" && !Array.isArray(obj) ? obj : {};
   if (obj != null && src !== obj) errors.push({ path, message: "must be an object" });
@@ -1738,6 +1749,18 @@ function validatePage(input) {
   });
   return { ok: errors.length === 0, errors, page: { version: PAGE_VERSION, sections } };
 }
+function defaultPage({ name = "Our store", tagline = "" } = {}) {
+  const hero = sectionDefaults("hero_slider");
+  hero.slides = [{ ...hero.slides[0], heading: String(name).slice(0, 90), text: String(tagline || "").slice(0, 220), cta_label: "Shop now", cta_href: "/" }];
+  return validatePage({
+    version: PAGE_VERSION,
+    sections: [
+      { id: "hero", type: "hero_slider", props: { ...hero, autoplay: false } },
+      { id: "featured", type: "featured", props: sectionDefaults("featured") },
+      { id: "categories", type: "categories", props: sectionDefaults("categories") }
+    ]
+  }).page;
+}
 
 // src/schema/color.js
 var HEX_RE = /^#([0-9a-f]{6})$/i;
@@ -2112,12 +2135,12 @@ function SlotSection({ id, title: title2, intro: intro2, tone: tone2, slot, ...p
     /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "dt-lp-slot-body", children: body })
   ] });
 }
-function PromoBanner({ id, eyebrow, heading, text, cta_label: label, cta_href: href, image, style = "brand", media }) {
+function PromoBanner({ id, eyebrow, heading: heading2, text, cta_label: label, cta_href: href, image, style = "brand", media }) {
   const src = media(image, "wide");
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("section", { id, "aria-labelledby": hid(id), className: "dt-lp-section dt-lp-promo-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "dt-lp-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: `dt-lp-promo dt-lp-promo--${style}${src ? " dt-lp-promo--image" : ""}`, children: [
     /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "dt-lp-promo-copy", children: [
       eyebrow ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "dt-lp-eyebrow dt-lp-eyebrow--inverse", children: eyebrow }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h2", { id: hid(id), className: "dt-lp-h2 dt-lp-promo-heading", children: heading }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h2", { id: hid(id), className: "dt-lp-h2 dt-lp-promo-heading", children: heading2 }),
       text ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "dt-lp-promo-text", children: text }) : null,
       label && href ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SmartLink, { href, className: "dt-lp-btn dt-lp-btn--lg dt-lp-btn--inverse", children: label }) : null
     ] }),
@@ -2293,3 +2316,288 @@ function TenantPage({
     return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SectionBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Block, { ...s.props, id: `s-${s.id}`, first: i === 0 && headingStart === 1, media, slot: slots[s.type], onSubscribe }) }, s.id);
   }) }) });
 }
+
+// src/tenant/TemplateRegion.jsx
+var import_react12 = require("react");
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var noMedia2 = () => null;
+function TemplateRegion({
+  blocks = [],
+  slots = {},
+  theme,
+  resolveMedia = noMedia2,
+  linkComponent = null,
+  storeName = "",
+  className = ""
+}) {
+  const vars = (0, import_react12.useMemo)(() => themeVars(theme), [theme]);
+  const ctx = (0, import_react12.useMemo)(() => ({ brand: { id: "tenant", name: storeName, primary: vars.theme.primary }, linkComponent, onBookDemo: null, home: false }), [storeName, vars.theme.primary, linkComponent]);
+  const media = (ref, variant) => ref && ref.media_id != null ? resolveMedia(ref, variant) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react12.Fragment, { children: blocks.filter((b) => b && b.enabled !== false).map((b) => {
+    const Slot = slots[b.type];
+    if (Slot) {
+      return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SectionBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Slot, { block: b, props: b.props || {} }) }, b.id);
+    }
+    const Block = TENANT_BLOCKS[b.type];
+    if (!Block || Block === TENANT_BLOCKS.featured) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SectionBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(LandingProvider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: `dt-landing dt-lp-tenant dt-lp-region ${className}`.trim(), style: vars.style, "data-block": b.type, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Block, { ...b.props, id: `b-${b.id}`, first: false, media, slot: null, onSubscribe: null }) }) }) }, b.id);
+  }) });
+}
+
+// src/schema/store.js
+var STORE_VERSION = 2;
+var MAX_BLOCKS = 12;
+var ID_RE2 = /^[a-z0-9][a-z0-9-]{0,39}$/;
+var opt = (...pairs) => pairs.map(([value, label]) => ({ value, label }));
+var sel = (key, label, options, d) => ({ key, kind: "select", label, options, default: d });
+var bool = (key, label, d) => ({ key, kind: "bool", label, default: d });
+var heading = (d, max = 90) => ({ key: "title", kind: "text", label: "Heading", max, default: d });
+var CONTENT_BLOCKS = ["promo_banner", "usp_strip", "trust_badges", "cta_cards", "faq", "rich_text", "testimonials", "brand_strip", "gallery"];
+var LISTING_SLOTS = {
+  collection_header: { label: "Collection header", description: "Title, description and quick links for the category or search.", fields: [bool("show_description", "Show the description", true), bool("show_quick_links", "Show quick links", true)] },
+  toolbar: { label: "Toolbar and sort", description: "Result count, sort and the filters in use.", fields: [] },
+  filters: { label: "Filters", description: "Price, brand and spec filters.", required: true, fields: [] },
+  results: { label: "Results grid", description: "The products, with paging.", required: true, fields: [] }
+};
+var PRODUCT_SLOTS = {
+  gallery: { label: "Gallery", description: "Photos of the product.", required: true, fields: [] },
+  buy_box: { label: "Buy box", description: "Title, price, key specs and the buy buttons.", required: true, fields: [bool("show_compare", "Show Add to compare", true), bool("show_quote", "Show bulk quote link", true)] },
+  highlights: { label: "Highlights", description: "The product's headline numbers and selling points.", fields: [heading("Highlights")] },
+  delivery: { label: "Delivery check", description: "PIN code delivery estimate.", fields: [] },
+  seller: { label: "Seller", description: "Who sells and services the product.", fields: [] },
+  inspection: { label: "Inspection report", description: "Checks, grade and condition notes.", fields: [heading("Inspection report"), bool("expanded", "Open by default", false)] },
+  battery: { label: "Battery", description: "Battery health, where the product has one.", fields: [] },
+  included: { label: "In the box", description: "What ships with the product.", fields: [] },
+  specs: { label: "Specifications", description: "The full specification table.", fields: [heading("Specifications")] },
+  policies: { label: "Warranty and returns", description: "The store's warranty and return terms.", fields: [heading("Warranty and returns")] },
+  similar: { label: "Similar products", description: "More products like this one.", fields: [heading("Similar products"), sel("limit", "How many", opt(["3", "3"], ["4", "4"], ["6", "6"], ["8", "8"]), "4")] }
+};
+var SORTS = opt(["relevance", "Recommended"], ["newest", "Newest first"], ["price_asc", "Price: low to high"], ["price_desc", "Price: high to low"], ["discount", "Biggest discount"]);
+var STORE_PAGES = {
+  listing: {
+    label: "Listing page",
+    slots: LISTING_SLOTS,
+    settings: [
+      sel("columns", "Columns on desktop", opt(["3", "3"], ["4", "4"]), "3"),
+      sel("columns_mobile", "Columns on phones", opt(["1", "1"], ["2", "2"]), "2"),
+      sel("page_size", "Products per page", opt(["12", "12"], ["24", "24"], ["36", "36"]), "12"),
+      sel("default_sort", "Default sort", SORTS, "relevance"),
+      sel("filters", "Filters show as", opt(["sidebar", "Sidebar"], ["topbar", "Bar above the results"], ["drawer", "Button that opens a panel"]), "sidebar"),
+      bool("active_chips", "Show the filters in use as chips", true),
+      sel("paging", "Paging", opt(["pages", "Page numbers"], ["load_more", "Load more button"]), "pages")
+    ],
+    templates: {
+      classic: { label: "Classic", description: "Filters in a sidebar beside a product grid.", settings: {}, blocks: ["collection_header", "toolbar", "filters", "results"] },
+      topbar: { label: "Top bar", description: "Filter chips above a wide grid, more room for products.", settings: { columns: "4", filters: "topbar", paging: "load_more" }, blocks: ["collection_header", "filters", "toolbar", "results"] },
+      editorial: { label: "Editorial", description: "A story-led collection header, then the grid behind a filter button.", settings: { columns: "4", filters: "drawer", active_chips: false }, blocks: ["collection_header", "rich_text", "toolbar", "filters", "results"] }
+    },
+    default: "classic"
+  },
+  product: {
+    label: "Product page",
+    slots: PRODUCT_SLOTS,
+    settings: [
+      sel("gallery", "Gallery", opt(["thumbs_side", "Thumbnails beside the photo"], ["thumbs_below", "Thumbnails below the photo"], ["mosaic", "Full-width mosaic"]), "thumbs_side"),
+      bool("sticky_buy_bar", "Sticky buy bar on phones", true),
+      sel("spec_tiles", "Key spec tiles", opt(["0", "None"], ["4", "4"], ["6", "6"]), "4"),
+      bool("breadcrumbs", "Show breadcrumbs", true)
+    ],
+    templates: {
+      classic: { label: "Classic", description: "Photos beside the buy box, details below.", settings: { gallery: "thumbs_side" }, blocks: ["gallery", "buy_box", "delivery", "seller", "inspection", "battery", "included", "specs", "policies", "similar"] },
+      immersive: { label: "Immersive", description: "A full-width photo mosaic first, a floating buy panel, the story below.", settings: { gallery: "mosaic" }, blocks: ["gallery", "buy_box", "highlights", "inspection", "specs", "policies", "similar"] },
+      compact: { label: "Compact", description: "One column, phone first, with a sticky buy bar.", settings: { gallery: "thumbs_below", spec_tiles: "0", breadcrumbs: false }, blocks: ["gallery", "buy_box", "delivery", "inspection", "specs", "policies", "similar"] }
+    },
+    default: "classic"
+  }
+};
+var STORE_PAGE_KEYS = Object.keys(STORE_PAGES);
+var link = [
+  { key: "label", kind: "text", label: "Label", max: 30, required: true, default: "" },
+  { key: "href", kind: "url", label: "Link", required: true, default: "" }
+];
+var CHROME_FIELDS = [
+  {
+    key: "announcement",
+    kind: "group",
+    label: "Announcement bar",
+    fields: [
+      bool("enabled", "Show the announcement bar", false),
+      { key: "text", kind: "text", label: "Message", max: 120, default: "" },
+      { key: "href", kind: "url", label: "Link", default: "" },
+      sel("tone", "Colour", opt(["brand", "Brand"], ["accent", "Accent"], ["dark", "Dark"]), "brand")
+    ]
+  },
+  {
+    key: "header",
+    kind: "group",
+    label: "Header",
+    fields: [
+      { key: "utility_text", kind: "text", label: "Strip above the header", max: 80, default: "" },
+      bool("show_search", "Search box", true),
+      bool("category_nav", "Menu of the categories you sell", true),
+      { key: "nav_links", kind: "list", label: "Extra menu links", max: 8, itemLabel: "label", of: link, default: [] },
+      bool("sticky", "Keep the header on screen while scrolling", true)
+    ]
+  },
+  {
+    key: "footer",
+    kind: "group",
+    label: "Footer",
+    fields: [
+      { key: "about", kind: "textarea", label: "About the store", max: 240, default: "" },
+      {
+        key: "columns",
+        kind: "list",
+        label: "Link columns",
+        max: 4,
+        itemLabel: "title",
+        of: [{ key: "title", kind: "text", label: "Column heading", max: 40, required: true, default: "" }, { key: "links", kind: "list", label: "Links", max: 8, itemLabel: "label", of: link, default: [] }],
+        default: []
+      },
+      {
+        key: "socials",
+        kind: "list",
+        label: "Social profiles",
+        max: 6,
+        itemLabel: "network",
+        of: [sel("network", "Network", opt(["instagram", "Instagram"], ["facebook", "Facebook"], ["youtube", "YouTube"], ["x", "X"], ["linkedin", "LinkedIn"], ["whatsapp", "WhatsApp"]), "instagram"), { key: "href", kind: "url", label: "Profile link", required: true, default: "" }],
+        default: []
+      },
+      { key: "note", kind: "text", label: "Small print (GSTIN, address)", max: 160, default: "" }
+    ]
+  }
+];
+var CARD_FIELDS = [
+  sel("image_ratio", "Photo shape", opt(["4:3", "Landscape 4:3"], ["1:1", "Square"], ["3:4", "Portrait 3:4"]), "4:3"),
+  bool("badges", "Condition and discount badges", true),
+  bool("spec_line", "Key specs line", true),
+  bool("compare", "Compare checkbox", true),
+  bool("quick_add", "Add to cart button", true),
+  bool("mrp", "Show the MRP struck through", true),
+  sel("hover", "On hover", opt(["none", "Nothing"], ["zoom", "Zoom the photo"], ["second_image", "Show the second photo"]), "zoom")
+];
+function validateGroups(defs, obj, path, errors) {
+  const src = obj && typeof obj === "object" && !Array.isArray(obj) ? obj : {};
+  if (obj != null && src !== obj) errors.push({ path, message: "must be an object" });
+  return Object.fromEntries(defs.map((g) => [g.key, g.kind === "group" ? validateFields(g.fields, src[g.key], `${path}.${g.key}`, errors) : validateFields([g], src, path, errors)[g.key]]));
+}
+var fill = (defs) => Object.fromEntries(defs.map((f) => [f.key, f.kind === "group" ? fill(f.fields) : f.kind === "list" ? [...f.default || []] : f.default]));
+var defaultChrome = () => fill(CHROME_FIELDS);
+var defaultCard = () => fill(CARD_FIELDS);
+function blockDef(pageKey, type) {
+  const page = own(STORE_PAGES, pageKey) ? STORE_PAGES[pageKey] : null;
+  if (!page) return null;
+  if (own(page.slots, type)) return { ...page.slots[type], slot: true };
+  if (CONTENT_BLOCKS.includes(type) && own(SECTION_TYPES, type)) return { ...SECTION_TYPES[type], slot: false };
+  return null;
+}
+var own = (obj, key) => Object.prototype.hasOwnProperty.call(obj, key);
+var blockId = (type) => type.replace(/_/g, "-");
+var blockDefaults = (pageKey, type) => {
+  const def = blockDef(pageKey, type);
+  return def.slot ? fill(def.fields) : sectionDefaults(type);
+};
+function templatePage(pageKey, template) {
+  const page = STORE_PAGES[pageKey];
+  const key = own(page.templates, template) ? template : page.default;
+  const tpl = page.templates[key];
+  const settings = { ...fill(page.settings), ...tpl.settings };
+  const blocks = tpl.blocks.map((type) => ({ id: blockId(type), type, enabled: true, props: blockDefaults(pageKey, type) }));
+  return { template: key, settings, blocks };
+}
+function validateTemplatePage(pageKey, input, path, errors) {
+  var _a, _b;
+  const page = STORE_PAGES[pageKey];
+  const src = input && typeof input === "object" && !Array.isArray(input) ? input : {};
+  let template = (_a = src.template) != null ? _a : page.default;
+  if (!own(page.templates, template)) {
+    errors.push({ path: `${path}.template`, message: `must be one of ${Object.keys(page.templates).join(", ")}` });
+    template = page.default;
+  }
+  const tpl = page.templates[template];
+  const settingDefs = page.settings.map((f) => tpl.settings[f.key] === void 0 ? f : { ...f, default: tpl.settings[f.key] });
+  const settings = validateFields(settingDefs, (_b = src.settings) != null ? _b : {}, `${path}.settings`, errors);
+  const list = Array.isArray(src.blocks) ? src.blocks : null;
+  if (src.blocks != null && !list) errors.push({ path: `${path}.blocks`, message: "must be a list" });
+  const raw = list != null ? list : templatePage(pageKey, template).blocks;
+  if (raw.length > MAX_BLOCKS) errors.push({ path: `${path}.blocks`, message: `can have at most ${MAX_BLOCKS}` });
+  const ids = /* @__PURE__ */ new Set();
+  const slotsSeen = /* @__PURE__ */ new Set();
+  const blocks = [];
+  raw.slice(0, MAX_BLOCKS).forEach((b, i) => {
+    var _a2, _b2;
+    const at = `${path}.blocks[${i}]`;
+    if (!b || typeof b !== "object") {
+      errors.push({ path: at, message: "must be an object" });
+      return;
+    }
+    const def = blockDef(pageKey, b.type);
+    if (!def) {
+      errors.push({ path: `${at}.type`, message: `unknown block "${b.type}" on the ${page.label.toLowerCase()}` });
+      return;
+    }
+    const id = String((_a2 = b.id) != null ? _a2 : "");
+    if (!ID_RE2.test(id)) errors.push({ path: `${at}.id`, message: "must be 1\u201340 lowercase letters, digits or dashes" });
+    else if (ids.has(id)) errors.push({ path: `${at}.id`, message: `duplicate id "${id}"` });
+    ids.add(id);
+    if (def.slot) {
+      if (slotsSeen.has(b.type)) {
+        errors.push({ path: `${at}.type`, message: `"${def.label}" can appear only once` });
+        return;
+      }
+      slotsSeen.add(b.type);
+    }
+    let enabled = b.enabled === void 0 ? true : b.enabled;
+    if (typeof enabled !== "boolean") {
+      errors.push({ path: `${at}.enabled`, message: "must be true or false" });
+      enabled = true;
+    }
+    if (def.required && !enabled) {
+      errors.push({ path: `${at}.enabled`, message: `"${def.label}" is required and cannot be hidden` });
+      enabled = true;
+    }
+    blocks.push({ id, type: b.type, enabled, props: validateFields(def.fields, (_b2 = b.props) != null ? _b2 : {}, `${at}.props`, errors) });
+  });
+  for (const [type, def] of Object.entries(page.slots)) {
+    if (def.required && !slotsSeen.has(type)) {
+      errors.push({ path: `${path}.blocks`, message: `"${def.label}" is required` });
+      blocks.push({ id: ids.has(blockId(type)) ? `${blockId(type)}-1` : blockId(type), type, enabled: true, props: blockDefaults(pageKey, type) });
+    }
+  }
+  return { template, settings, blocks };
+}
+function migrateStore(input) {
+  const home = input && typeof input === "object" && Array.isArray(input.sections) ? input : null;
+  return {
+    version: STORE_VERSION,
+    pages: { home: home ? { version: 1, sections: home.sections } : defaultPage(), listing: templatePage("listing"), product: templatePage("product") },
+    chrome: defaultChrome(),
+    card: defaultCard()
+  };
+}
+var isLegacyPage = (doc) => !!doc && typeof doc === "object" && doc.version !== STORE_VERSION && Array.isArray(doc.sections);
+function validateStore(input) {
+  var _a, _b, _c;
+  const errors = [];
+  const src0 = isLegacyPage(input) ? migrateStore(input) : input;
+  const src = src0 && typeof src0 === "object" && !Array.isArray(src0) ? src0 : null;
+  if (!src) {
+    const doc2 = migrateStore(null);
+    return { ok: false, errors: [{ path: "doc", message: "must be an object" }], doc: doc2 };
+  }
+  if (src.version != null && src.version !== STORE_VERSION) errors.push({ path: "version", message: `must be ${STORE_VERSION}` });
+  const pages = src.pages && typeof src.pages === "object" ? src.pages : {};
+  const home = validatePage((_a = pages.home) != null ? _a : defaultPage());
+  home.errors.forEach((e) => errors.push({ path: `pages.home.${e.path}`, message: e.message }));
+  const doc = {
+    version: STORE_VERSION,
+    pages: {
+      home: home.page,
+      ...Object.fromEntries(STORE_PAGE_KEYS.map((k) => [k, validateTemplatePage(k, pages[k], `pages.${k}`, errors)]))
+    },
+    chrome: validateGroups(CHROME_FIELDS, (_b = src.chrome) != null ? _b : {}, "chrome", errors),
+    card: validateFields(CARD_FIELDS, (_c = src.card) != null ? _c : {}, "card", errors)
+  };
+  if (doc.chrome.announcement.enabled && !doc.chrome.announcement.text) errors.push({ path: "chrome.announcement.text", message: "is required when the bar is shown" });
+  return { ok: errors.length === 0, errors, doc };
+}