@zappie/sdk 0.1.18 → 0.1.20

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @zappie/sdk
 
+## 0.1.20
+
+### Patch Changes
+
+- 050600e: `@zappie/sdk/testing` ships without a source map. It is test-only code, and its 22.7 KB map filled the package's size budget.
+- 050600e: Add `@zappie/sdk/vite` with `zappieSource()`, the Vite plugin that marks each element under `app/` with `data-zappie-source` (file and line) and `data-zappie-component` for Studio's region selector. It runs only on `vite dev` with `previewHost`, the `ZAPPIE_PREVIEW_HOST` Studio sets, so no build carries the attributes. It needs Vite 8, an optional peer, and adds no dependency.
+
+## 0.1.19
+
+### Patch Changes
+
+- 628ac42: Add `@zappie/sdk/studio`, the Studio region selector. On the Studio dev server, `TemplateSettingsProvider` loads it in draft mode and posts `selectable` after `ready`. It outlines the region under the pointer with its merchant-facing name, steps out and back in with the arrow keys, moves through regions with Tab, and selects with a click, Enter or Space without following links or pressing buttons. It posts the selection as `region` and Escape as `select-cancel`, and announces names through a live region. It takes `select` only from the framing Studio dashboard in `STUDIO_ORIGINS`. Kit parts are named by `KIT_REGION_NAMES`. A production build drops the loader, so stand-in previews and live sites load none of it and post `selectable` with `on: false`.
+
 ## 0.1.18
 
 ### Patch Changes

package/dist/debug.js

@@ -1,5 +1,5 @@
 // src/debug.ts
-var VERSION = true ? "0.1.18" : "0.0.0-development";
+var VERSION = true ? "0.1.20" : "0.0.0-development";
 function installDebug(client) {
   if (typeof window === "undefined" || client.mode !== "test") {
     return;

package/dist/index.js

@@ -10,7 +10,7 @@ import { ZappieError, isZappieError } from "./errors.js";
 export * from "./models.js";
 import { format, money } from "./money.js";
 import { RestTransport } from "./transport/rest.js";
-var VERSION = true ? "0.1.18" : "0.0.0-development";
+var VERSION = true ? "0.1.20" : "0.0.0-development";
 export {
   API_VERSION,
   RestTransport,

package/dist/studio/index.d.ts

@@ -0,0 +1,39 @@
+/** The editors in `EDITOR_ORIGINS` allowed to drive region selection: the merchant dashboard and its dev server. */
+declare const STUDIO_ORIGINS: readonly string[];
+/** Merchant-facing names for the Zappie kit's components, so kit files keep their hashes. */
+declare const KIT_REGION_NAMES: Readonly<Record<string, string>>;
+/** A region the merchant selected, as the preview posts it to Studio. */
+type StudioRegion = {
+    zappie: "region";
+    /** Where the region is rendered, as `app/…:line`. */
+    source: string;
+    /** The function component that holds it, or an empty string. */
+    component: string;
+    /** The merchant-facing name. Never a path. */
+    name: string;
+    /** Up to five distinct `source` values of enclosing regions, nearest first. */
+    ancestry: string[];
+    /** The region's box in CSS pixels, relative to the viewport. */
+    rect: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    scrollY: number;
+    /** The page path and query. */
+    path: string;
+};
+/**
+ * The merchant-facing name of a region: its own or an enclosing `data-zappie-region` within the same component, then
+ * the kit's name for its component, then the component name made readable, then the element's role.
+ */
+declare function regionName(element: Element): string;
+/**
+ * Start the Studio region selector for an editor at `parent`, which must be in `STUDIO_ORIGINS`. It draws nothing until
+ * the editor sends `{ zappie: "select", on: true }`, and posts `region` and `select-cancel` through `post`. Returns a
+ * function that removes it, or null when `parent` isn't a Studio editor.
+ */
+declare function startStudio(parent: string, post: (message: object) => void): (() => void) | null;
+
+export { KIT_REGION_NAMES, STUDIO_ORIGINS, type StudioRegion, regionName, startStudio };

package/dist/studio/index.js

@@ -0,0 +1,314 @@
+// src/studio/index.ts
+import { EDITOR_ORIGINS } from "../template/index.js";
+var STUDIO_ORIGINS = Object.freeze(
+  EDITOR_ORIGINS.filter(
+    (origin) => /^https:\/\/dashboard\.|\/\/localhost:5181$/.test(origin)
+  )
+);
+var SOURCE = "data-zappie-source";
+var COMPONENT = "data-zappie-component";
+var REGION = "data-zappie-region";
+var KIT_REGION_NAMES = {
+  Account: "Account",
+  AccountPage: "Account",
+  AddressPicker: "Delivery address",
+  CartButton: "Cart button",
+  CartCheckoutLink: "Checkout button",
+  CartDrawer: "Cart",
+  CartIssueList: "Cart notices",
+  CartLine: "Cart item",
+  CartTotals: "Cart totals",
+  CategoryNav: "Categories",
+  CheckoutButton: "Checkout button",
+  CheckoutPage: "Checkout",
+  CheckoutReturn: "Payment result",
+  Consent: "Cookie notice",
+  FulfilmentSwitch: "Delivery or pickup",
+  ItemCard: "Menu item",
+  ItemChoice: "Item option",
+  ItemConfiguration: "Item options",
+  ItemOptions: "Item options",
+  ItemSheet: "Item details",
+  Logo: "Logo",
+  MenuPage: "Menu",
+  Money: "Price",
+  OpenStatus: "Opening hours",
+  OrderPage: "Order",
+  OrderStatus: "Order status",
+  Orders: "Orders",
+  OrdersPage: "Orders",
+  Quantity: "Quantity",
+  SchedulePicker: "Order time",
+  Search: "Search",
+  SearchRow: "Search result",
+  SignInButton: "Sign in button",
+  StoreFooter: "Shop footer",
+  StoreHeader: "Shop header",
+  ZappieProvider: "Page"
+};
+var cap = (text, length) => [...text].slice(0, length).join("");
+var read = (element, name) => element.getAttribute(name) ?? "";
+function regionOf(target) {
+  const found = target?.closest(`[${SOURCE}]`);
+  return found && found !== document.documentElement && found !== document.body ? found : null;
+}
+function regionName(element) {
+  const component = read(element, COMPONENT);
+  for (let at = element; at && (!at.hasAttribute(COMPONENT) || read(at, COMPONENT) === component); at = at.parentElement) {
+    const name2 = at.getAttribute(REGION)?.trim();
+    if (name2) {
+      return cap(name2, 60);
+    }
+  }
+  const words = component.replace(/\B(?=[A-Z])/g, " ").toLowerCase();
+  const name = KIT_REGION_NAMES[component] ?? (words && words[0].toUpperCase() + words.slice(1));
+  if (name) {
+    return cap(name, 60);
+  }
+  const tag = element.localName;
+  return /^(img|picture|svg|video)$/.test(tag) ? "Image" : tag === "button" || element.getAttribute("role") === "button" ? "Button" : /^h[1-6]$/.test(tag) ? "Heading" : tag === "a" ? "Link" : "Section";
+}
+function ancestry(element) {
+  const own = read(element, SOURCE);
+  const sources = [];
+  for (let at = regionOf(element.parentElement); at && sources.length < 5; at = regionOf(at.parentElement)) {
+    const source = read(at, SOURCE);
+    if (source !== own && !sources.includes(source)) {
+      sources.push(source);
+    }
+  }
+  return sources;
+}
+var shown = (element) => {
+  const box = element.getBoundingClientRect();
+  return box.width > 0 && box.height > 0;
+};
+function regionStops() {
+  const stops = /* @__PURE__ */ new Set();
+  for (const element of document.querySelectorAll(`[${SOURCE}]`)) {
+    const stop = element.closest(`[${REGION}]`) ?? element;
+    if (regionOf(stop) === stop && shown(stop)) {
+      stops.add(stop);
+    }
+  }
+  return [...stops];
+}
+var CSS = ".b{position:fixed;left:0;top:0;box-sizing:border-box;border:2px solid #101828;border-radius:2px;box-shadow:0 0 0 2px #fff,inset 0 0 0 2px #fff}.b[hidden]{display:none}.s{border-width:3px}.l{position:absolute;left:-2px;bottom:100%;margin-bottom:4px;padding:2px 6px;border-radius:4px;background:#101828;color:#fff;box-shadow:0 0 0 1px #fff;font:600 12px/1.5 system-ui,sans-serif;white-space:nowrap}.t .l{bottom:auto;top:100%;margin:4px 0 0}.v{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}";
+var CAPTURED = [
+  "pointerdown",
+  "pointerup",
+  "mousedown",
+  "mouseup",
+  "click",
+  "auxclick",
+  "dblclick"
+];
+function startStudio(parent, post) {
+  if (!STUDIO_ORIGINS.includes(parent)) {
+    return null;
+  }
+  const host = document.createElement("div");
+  host.style.cssText = "position:fixed;inset:0;pointer-events:none;z-index:2147483647";
+  const root = host.attachShadow({ mode: "open" });
+  const make = (tag, name) => {
+    const element = document.createElement(tag);
+    element.className = name;
+    return element;
+  };
+  const style = make("style", "");
+  style.textContent = CSS;
+  const box = make("div", "b");
+  box.hidden = true;
+  const label = box.appendChild(make("span", "l"));
+  const live = make("div", "v");
+  live.setAttribute("aria-live", "polite");
+  for (const part of [style, box, live]) {
+    root.appendChild(part);
+  }
+  document.body.appendChild(host);
+  let on = false;
+  let selected = false;
+  let current = null;
+  let hovered = null;
+  let down = [];
+  let pointer = null;
+  let frame = 0;
+  let drawn = "";
+  const highlight = (element, announce = false) => {
+    current = element;
+    drawn = "";
+    if (element) {
+      label.textContent = regionName(element);
+      if (announce) {
+        live.textContent = label.textContent;
+      }
+    }
+  };
+  const draw = () => {
+    frame = requestAnimationFrame(draw);
+    if (pointer && !selected) {
+      const element = regionOf(document.elementFromPoint(...pointer));
+      pointer = null;
+      if (element !== hovered) {
+        hovered = element;
+        down = [];
+        highlight(element);
+      }
+    }
+    if (current && !current.isConnected) {
+      current = null;
+    }
+    if (!current) {
+      box.hidden = true;
+      return;
+    }
+    const { x, y, width, height } = current.getBoundingClientRect();
+    const key2 = `${x} ${y} ${width} ${height}`;
+    if (key2 === drawn) {
+      return;
+    }
+    drawn = key2;
+    box.hidden = false;
+    box.classList.toggle("t", y < 24);
+    box.style.transition = matchMedia("(prefers-reduced-motion: reduce)").matches ? "none" : "transform 100ms";
+    box.style.transform = `translate(${x}px,${y}px)`;
+    box.style.width = `${width}px`;
+    box.style.height = `${height}px`;
+  };
+  const choose = (element) => {
+    if (!element) {
+      return;
+    }
+    selected = true;
+    highlight(element);
+    box.classList.add("s");
+    live.textContent = `Selected ${label.textContent}`;
+    const { x, y, width, height } = element.getBoundingClientRect();
+    post({
+      zappie: "region",
+      source: read(element, SOURCE),
+      component: cap(read(element, COMPONENT), 80),
+      name: regionName(element),
+      ancestry: ancestry(element),
+      rect: { x, y, width, height },
+      scrollY: window.scrollY,
+      path: location.pathname + location.search
+    });
+  };
+  const step = (up) => {
+    if (!current) {
+      return false;
+    }
+    let next;
+    if (up) {
+      const own = read(current, SOURCE);
+      next = regionOf(current.parentElement);
+      while (next && read(next, SOURCE) === own) {
+        next = regionOf(next.parentElement);
+      }
+      if (next) {
+        down.push(current);
+      }
+    } else {
+      next = down.pop() ?? [...current.querySelectorAll(`[${SOURCE}]`)].find(
+        (element) => read(element, SOURCE) !== read(current, SOURCE) && shown(element)
+      );
+    }
+    if (next) {
+      highlight(next, true);
+    }
+    return Boolean(next);
+  };
+  const capture = (event) => {
+    event.preventDefault();
+    event.stopImmediatePropagation();
+    if (event.type === "click" && !selected) {
+      const target = event.target;
+      choose(current?.contains(target) ? current : regionOf(target));
+    }
+  };
+  const move = (event) => {
+    pointer = [event.clientX, event.clientY];
+  };
+  const wheel = (event) => {
+    if (event.altKey && !selected && step(event.deltaY < 0)) {
+      event.preventDefault();
+    }
+  };
+  const key = (event) => {
+    let handled = true;
+    if (event.key === "Escape") {
+      stop();
+      post({ zappie: "select-cancel" });
+    } else if (selected) {
+      handled = false;
+    } else if (event.key === "Tab") {
+      const stops = regionStops();
+      const at = current ? stops.indexOf(current.closest(`[${REGION}]`) ?? current) : -1;
+      const next = stops[(at + (event.shiftKey ? at < 0 ? 0 : -1 : 1) + stops.length) % stops.length];
+      down = [];
+      highlight(next ?? null, true);
+      next?.scrollIntoView?.({ block: "nearest" });
+    } else if (event.key === "Enter" || event.key === " ") {
+      choose(current);
+    } else if (event.key === "ArrowUp" || event.key === "ArrowDown") {
+      handled = step(event.key === "ArrowUp");
+    } else {
+      handled = false;
+    }
+    if (handled) {
+      event.preventDefault();
+      event.stopImmediatePropagation();
+    }
+  };
+  const listen = (add) => {
+    const method = (add ? window.addEventListener : window.removeEventListener).bind(window);
+    for (const type of CAPTURED) {
+      method(type, capture, true);
+    }
+    method("pointermove", move, true);
+    method("keydown", key, true);
+    method("wheel", wheel, { capture: true, passive: false });
+  };
+  const stop = () => {
+    if (on) {
+      on = false;
+      listen(false);
+      cancelAnimationFrame(frame);
+    }
+    selected = false;
+    hovered = null;
+    down = [];
+    highlight(null);
+    box.hidden = true;
+    box.classList.remove("s");
+  };
+  const start = () => {
+    stop();
+    on = true;
+    listen(true);
+    draw();
+  };
+  const message = (event) => {
+    const data = event.data;
+    if (event.origin === parent && event.source === window.parent && data?.zappie === "select" && typeof data.on === "boolean") {
+      if (data.on) {
+        start();
+      } else {
+        stop();
+      }
+    }
+  };
+  window.addEventListener("message", message);
+  return () => {
+    stop();
+    window.removeEventListener("message", message);
+    host.remove();
+  };
+}
+export {
+  KIT_REGION_NAMES,
+  STUDIO_ORIGINS,
+  regionName,
+  startStudio
+};

package/dist/template/react.js

@@ -65,7 +65,26 @@ function TemplateSettingsProvider({
     send({ zappie: "ready" });
     route();
     scroll();
+    let live = true;
+    let studio = null;
+    if (mode === "draft") {
+      if (import.meta.env.DEV && document.querySelector("[data-zappie-source]")) {
+        import("@zappie/sdk/studio").then(
+          ({ startStudio }) => {
+            if (live) {
+              studio = startStudio(parent, send);
+              send({ zappie: "selectable", on: Boolean(studio) });
+            }
+          },
+          () => send({ zappie: "selectable", on: false })
+        );
+      } else {
+        send({ zappie: "selectable", on: false });
+      }
+    }
     return () => {
+      live = false;
+      studio?.();
       window.removeEventListener("message", message);
       window.removeEventListener("popstate", route);
       window.removeEventListener("scroll", scroll);

package/dist/template/react.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/template/react.tsx"],
-  "sourcesContent": ["\"use client\";\nimport { useStore } from \"@zappie/sdk/react\";\nimport {\n  editorOrigin,\n  settingsFromMessage,\n  templateSettings,\n  type TemplateMode,\n  type TemplateSettingValue,\n} from \"@zappie/sdk/template\";\nimport {\n  createContext,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n  type ReactNode,\n} from \"react\";\n\nconst Context = createContext<{\n  mode: TemplateMode;\n  preview: Record<string, TemplateSettingValue> | null;\n}>({ mode: \"site\", preview: null });\n\n/** Supply the host-controlled template mode and editor bridge to a storefront. */\nexport function TemplateSettingsProvider({\n  mode,\n  children,\n}: {\n  mode: TemplateMode;\n  children: ReactNode;\n}) {\n  const [preview, setPreview] = useState<Record<\n    string,\n    TemplateSettingValue\n  > | null>(null);\n  useEffect(() => {\n    setPreview(null);\n    if (mode === \"site\") {\n      return;\n    }\n    if (window.parent === window) {\n      return;\n    }\n    // Talk only to an allowed Zappie editor framing this page. Anything else gets silence.\n    const parent = editorOrigin(location.ancestorOrigins, document.referrer);\n    if (!parent) {\n      return;\n    }\n    const send = (message: object) =>\n      window.parent.postMessage(message, parent);\n    const route = () =>\n      send({ zappie: \"route\", path: location.pathname + location.search });\n    const scroll = () =>\n      send({\n        zappie: \"scroll\",\n        y: window.scrollY,\n        height: document.documentElement.scrollHeight,\n      });\n    const message = (event: MessageEvent) => {\n      if (event.origin !== parent || event.source !== window.parent) {\n        return;\n      }\n      const values = settingsFromMessage(event.data);\n      if (values) {\n        setPreview(values);\n      }\n    };\n    const pushState = history.pushState;\n    const replaceState = history.replaceState;\n    history.pushState = function (...args) {\n      pushState.apply(this, args);\n      route();\n    };\n    history.replaceState = function (...args) {\n      replaceState.apply(this, args);\n      route();\n    };\n    window.addEventListener(\"message\", message);\n    window.addEventListener(\"popstate\", route);\n    window.addEventListener(\"scroll\", scroll, { passive: true });\n    send({ zappie: \"ready\" });\n    route();\n    scroll();\n    return () => {\n      window.removeEventListener(\"message\", message);\n      window.removeEventListener(\"popstate\", route);\n      window.removeEventListener(\"scroll\", scroll);\n      history.pushState = pushState;\n      history.replaceState = replaceState;\n    };\n  }, [mode]);\n  const value = useMemo(() => ({ mode, preview }), [mode, preview]);\n  return <Context.Provider value={value}>{children}</Context.Provider>;\n}\n\n/** Read effective merchant settings over the defaults declared by a template. */\nexport function useTemplateSettings<T extends Record<string, unknown>>(\n  defaults: T,\n): T {\n  const store = useStore();\n  const { mode, preview } = useContext(Context);\n  return templateSettings(\n    defaults,\n    store.data?.templateSettings,\n    preview,\n    mode,\n  );\n}\n"],
-  "mappings": ";;;AACA,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AA4EE;AA1ET,IAAM,UAAU,cAGb,EAAE,MAAM,QAAQ,SAAS,KAAK,CAAC;AAG3B,SAAS,yBAAyB;AAAA,EACvC;AAAA,EACA;AACF,GAGG;AACD,QAAM,CAAC,SAAS,UAAU,IAAI,SAGpB,IAAI;AACd,YAAU,MAAM;AACd,eAAW,IAAI;AACf,QAAI,SAAS,QAAQ;AACnB;AAAA,IACF;AACA,QAAI,OAAO,WAAW,QAAQ;AAC5B;AAAA,IACF;AAEA,UAAM,SAAS,aAAa,SAAS,iBAAiB,SAAS,QAAQ;AACvE,QAAI,CAAC,QAAQ;AACX;AAAA,IACF;AACA,UAAM,OAAO,CAACA,aACZ,OAAO,OAAO,YAAYA,UAAS,MAAM;AAC3C,UAAM,QAAQ,MACZ,KAAK,EAAE,QAAQ,SAAS,MAAM,SAAS,WAAW,SAAS,OAAO,CAAC;AACrE,UAAM,SAAS,MACb,KAAK;AAAA,MACH,QAAQ;AAAA,MACR,GAAG,OAAO;AAAA,MACV,QAAQ,SAAS,gBAAgB;AAAA,IACnC,CAAC;AACH,UAAM,UAAU,CAAC,UAAwB;AACvC,UAAI,MAAM,WAAW,UAAU,MAAM,WAAW,OAAO,QAAQ;AAC7D;AAAA,MACF;AACA,YAAM,SAAS,oBAAoB,MAAM,IAAI;AAC7C,UAAI,QAAQ;AACV,mBAAW,MAAM;AAAA,MACnB;AAAA,IACF;AACA,UAAM,YAAY,QAAQ;AAC1B,UAAM,eAAe,QAAQ;AAC7B,YAAQ,YAAY,YAAa,MAAM;AACrC,gBAAU,MAAM,MAAM,IAAI;AAC1B,YAAM;AAAA,IACR;AACA,YAAQ,eAAe,YAAa,MAAM;AACxC,mBAAa,MAAM,MAAM,IAAI;AAC7B,YAAM;AAAA,IACR;AACA,WAAO,iBAAiB,WAAW,OAAO;AAC1C,WAAO,iBAAiB,YAAY,KAAK;AACzC,WAAO,iBAAiB,UAAU,QAAQ,EAAE,SAAS,KAAK,CAAC;AAC3D,SAAK,EAAE,QAAQ,QAAQ,CAAC;AACxB,UAAM;AACN,WAAO;AACP,WAAO,MAAM;AACX,aAAO,oBAAoB,WAAW,OAAO;AAC7C,aAAO,oBAAoB,YAAY,KAAK;AAC5C,aAAO,oBAAoB,UAAU,MAAM;AAC3C,cAAQ,YAAY;AACpB,cAAQ,eAAe;AAAA,IACzB;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AACT,QAAM,QAAQ,QAAQ,OAAO,EAAE,MAAM,QAAQ,IAAI,CAAC,MAAM,OAAO,CAAC;AAChE,SAAO,oBAAC,QAAQ,UAAR,EAAiB,OAAe,UAAS;AACnD;AAGO,SAAS,oBACd,UACG;AACH,QAAM,QAAQ,SAAS;AACvB,QAAM,EAAE,MAAM,QAAQ,IAAI,WAAW,OAAO;AAC5C,SAAO;AAAA,IACL;AAAA,IACA,MAAM,MAAM;AAAA,IACZ;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["\"use client\";\nimport { useStore } from \"@zappie/sdk/react\";\nimport {\n  editorOrigin,\n  settingsFromMessage,\n  templateSettings,\n  type TemplateMode,\n  type TemplateSettingValue,\n} from \"@zappie/sdk/template\";\nimport {\n  createContext,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n  type ReactNode,\n} from \"react\";\n\nconst Context = createContext<{\n  mode: TemplateMode;\n  preview: Record<string, TemplateSettingValue> | null;\n}>({ mode: \"site\", preview: null });\n\n/** Supply the host-controlled template mode and editor bridge to a storefront. */\nexport function TemplateSettingsProvider({\n  mode,\n  children,\n}: {\n  mode: TemplateMode;\n  children: ReactNode;\n}) {\n  const [preview, setPreview] = useState<Record<\n    string,\n    TemplateSettingValue\n  > | null>(null);\n  useEffect(() => {\n    setPreview(null);\n    if (mode === \"site\") {\n      return;\n    }\n    if (window.parent === window) {\n      return;\n    }\n    // Talk only to an allowed Zappie editor framing this page. Anything else gets silence.\n    const parent = editorOrigin(location.ancestorOrigins, document.referrer);\n    if (!parent) {\n      return;\n    }\n    const send = (message: object) =>\n      window.parent.postMessage(message, parent);\n    const route = () =>\n      send({ zappie: \"route\", path: location.pathname + location.search });\n    const scroll = () =>\n      send({\n        zappie: \"scroll\",\n        y: window.scrollY,\n        height: document.documentElement.scrollHeight,\n      });\n    const message = (event: MessageEvent) => {\n      if (event.origin !== parent || event.source !== window.parent) {\n        return;\n      }\n      const values = settingsFromMessage(event.data);\n      if (values) {\n        setPreview(values);\n      }\n    };\n    const pushState = history.pushState;\n    const replaceState = history.replaceState;\n    history.pushState = function (...args) {\n      pushState.apply(this, args);\n      route();\n    };\n    history.replaceState = function (...args) {\n      replaceState.apply(this, args);\n      route();\n    };\n    window.addEventListener(\"message\", message);\n    window.addEventListener(\"popstate\", route);\n    window.addEventListener(\"scroll\", scroll, { passive: true });\n    send({ zappie: \"ready\" });\n    route();\n    scroll();\n    let live = true;\n    let studio: (() => void) | null = null;\n    if (mode === \"draft\") {\n      // Only the Studio dev server marks sources. A build drops this branch, so no published page loads the selector.\n      if (\n        (import.meta as unknown as { env: { DEV: boolean } }).env.DEV &&\n        document.querySelector(\"[data-zappie-source]\")\n      ) {\n        import(\"@zappie/sdk/studio\").then(\n          ({ startStudio }) => {\n            if (live) {\n              studio = startStudio(parent, send);\n              send({ zappie: \"selectable\", on: Boolean(studio) });\n            }\n          },\n          () => send({ zappie: \"selectable\", on: false }),\n        );\n      } else {\n        send({ zappie: \"selectable\", on: false });\n      }\n    }\n    return () => {\n      live = false;\n      studio?.();\n      window.removeEventListener(\"message\", message);\n      window.removeEventListener(\"popstate\", route);\n      window.removeEventListener(\"scroll\", scroll);\n      history.pushState = pushState;\n      history.replaceState = replaceState;\n    };\n  }, [mode]);\n  const value = useMemo(() => ({ mode, preview }), [mode, preview]);\n  return <Context.Provider value={value}>{children}</Context.Provider>;\n}\n\n/** Read effective merchant settings over the defaults declared by a template. */\nexport function useTemplateSettings<T extends Record<string, unknown>>(\n  defaults: T,\n): T {\n  const store = useStore();\n  const { mode, preview } = useContext(Context);\n  return templateSettings(\n    defaults,\n    store.data?.templateSettings,\n    preview,\n    mode,\n  );\n}\n"],
+  "mappings": "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",
   "names": ["message"]
 }

package/dist/testing/index.js

@@ -448,4 +448,3 @@ export {
   createMockZappie,
   fixtures
 };
-//# sourceMappingURL=index.js.map

package/dist/vite/index.d.ts

@@ -0,0 +1,41 @@
+import { Plugin } from 'vite';
+
+/** The attribute that names the file and line rendering an element, in dev only. */
+declare const SOURCE_ATTRIBUTE = "data-zappie-source";
+/** The attribute that names the function component holding an element, in dev only. */
+declare const COMPONENT_ATTRIBUTE = "data-zappie-component";
+/** The options {@link zappieSource} takes. */
+type ZappieSourceOptions = {
+    /** The draft host Studio serves the dev server behind, from `ZAPPIE_PREVIEW_HOST`. Without it the plugin is off. */
+    previewHost: string | undefined;
+};
+/** A file {@link markSource} marked: its new code and a source map back to the saved file. */
+type MarkedSource = {
+    code: string;
+    map: {
+        version: 3;
+        sources: string[];
+        names: string[];
+        mappings: string;
+    };
+};
+/**
+ * Mark each intrinsic JSX element under `app/` with the file and line that render it, and the component that holds it,
+ * so the Studio preview can tell Zee where a region the merchant selected lives. It runs only on the Studio dev server:
+ * `vite dev` with `previewHost`, the `ZAPPIE_PREVIEW_HOST` that Studio sets, given. `vite build` never runs it, so no
+ * source path reaches a published site.
+ *
+ * @example
+ * ```ts
+ * import { zappieSource } from "@zappie/sdk/vite";
+ *
+ * export default defineConfig({
+ *   plugins: [zappieSource({ previewHost: process.env.ZAPPIE_PREVIEW_HOST }), reactRouter()],
+ * });
+ * ```
+ */
+declare function zappieSource({ previewHost }: ZappieSourceOptions): Plugin;
+/** Add source and component attributes to the intrinsic elements of one saved `.tsx` or `.jsx` file. */
+declare function markSource(code: string, file: string): MarkedSource | null;
+
+export { COMPONENT_ATTRIBUTE, type MarkedSource, SOURCE_ATTRIBUTE, type ZappieSourceOptions, markSource, zappieSource };

package/dist/vite/index.js

@@ -0,0 +1,154 @@
+// src/vite/index.ts
+import { parseSync } from "vite";
+var SOURCE_ATTRIBUTE = "data-zappie-source";
+var COMPONENT_ATTRIBUTE = "data-zappie-component";
+function zappieSource({ previewHost }) {
+  let root = "";
+  return {
+    name: "zappie-source",
+    enforce: "pre",
+    apply: (_config, { command }) => command === "serve" && Boolean(previewHost),
+    configResolved(config) {
+      root = config.root;
+    },
+    transform: {
+      filter: { id: /\.[jt]sx$/ },
+      handler(code, id) {
+        if (!id.startsWith(`${root}/`)) {
+          return null;
+        }
+        const file = id.slice(root.length + 1);
+        if (!file.startsWith("app/") || file.includes("node_modules/")) {
+          return null;
+        }
+        return markSource(code, file);
+      }
+    }
+  };
+}
+function markSource(code, file) {
+  if (!/^[\x21-\x7e]+$/.test(file)) {
+    return null;
+  }
+  const escaped = file.replaceAll("&", "&amp;").replaceAll('"', "&quot;").replaceAll("<", "&lt;");
+  const parsed = parseSync(file, code);
+  if (parsed.errors.length > 0) {
+    return null;
+  }
+  const lineStarts = [0];
+  for (let index = code.indexOf("\n"); index !== -1; index = code.indexOf("\n", index + 1)) {
+    lineStarts.push(index + 1);
+  }
+  const lineOf = (offset) => {
+    let low = 0;
+    let high = lineStarts.length - 1;
+    while (low < high) {
+      const middle = low + high + 1 >> 1;
+      if (lineStarts[middle] <= offset) {
+        low = middle;
+      } else {
+        high = middle - 1;
+      }
+    }
+    return low;
+  };
+  const inserts = [];
+  const visit = (value, component) => {
+    if (!value || typeof value !== "object") {
+      return;
+    }
+    if (Array.isArray(value)) {
+      for (const entry of value) {
+        visit(entry, component);
+      }
+      return;
+    }
+    const node = value;
+    const named = componentName(node) ?? component;
+    if (node.type === "JSXOpeningElement") {
+      const name = node.name;
+      const attributes = node.attributes;
+      if (name.type === "JSXIdentifier" && typeof name.name === "string" && /^[a-z]/.test(name.name) && !attributes.some(
+        (attribute) => attribute.name?.name === SOURCE_ATTRIBUTE
+      )) {
+        const component2 = named ? ` ${COMPONENT_ATTRIBUTE}="${named}"` : "";
+        inserts.push([
+          name.end,
+          ` ${SOURCE_ATTRIBUTE}="${escaped}:${lineOf(node.start) + 1}"${component2}`
+        ]);
+      }
+    }
+    for (const key in node) {
+      if (key !== "type" && key !== "start" && key !== "end") {
+        visit(node[key], named);
+      }
+    }
+  };
+  visit(parsed.program, void 0);
+  if (inserts.length === 0) {
+    return null;
+  }
+  inserts.sort((a, b) => a[0] - b[0]);
+  let output = "";
+  let from = 0;
+  const lines = lineStarts.map(
+    () => [[0, 0]]
+  );
+  const added = lineStarts.map(() => 0);
+  for (const [offset, text] of inserts) {
+    output += code.slice(from, offset) + text;
+    from = offset;
+    const line = lineOf(offset);
+    const column = offset - lineStarts[line];
+    added[line] += text.length;
+    lines[line].push([column + added[line], column]);
+  }
+  output += code.slice(from);
+  let previousLine = 0;
+  let previousColumn = 0;
+  const mappings = lines.map((segments, line) => {
+    let previousGenerated = 0;
+    return segments.map(([generated, original]) => {
+      const encoded = vlq(generated - previousGenerated) + "A" + vlq(line - previousLine) + vlq(original - previousColumn);
+      previousGenerated = generated;
+      previousLine = line;
+      previousColumn = original;
+      return encoded;
+    }).join(",");
+  }).join(";");
+  return {
+    code: output,
+    map: { version: 3, sources: [file], names: [], mappings }
+  };
+}
+var BASE64 = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
+function vlq(value) {
+  let rest = value < 0 ? -value << 1 | 1 : value << 1;
+  let encoded = "";
+  do {
+    let digit = rest & 31;
+    rest >>>= 5;
+    if (rest > 0) {
+      digit |= 32;
+    }
+    encoded += BASE64[digit];
+  } while (rest > 0);
+  return encoded;
+}
+function componentName(node) {
+  const id = node.id ?? void 0;
+  const capitalised = (name) => typeof name === "string" && /^[A-Z]/.test(name) ? name : void 0;
+  if (node.type === "FunctionDeclaration" || node.type === "FunctionExpression") {
+    return capitalised(id?.name);
+  }
+  if (node.type === "VariableDeclarator" && id?.type === "Identifier") {
+    return capitalised(id.name);
+  }
+  return void 0;
+}
+export {
+  COMPONENT_ATTRIBUTE,
+  SOURCE_ATTRIBUTE,
+  markSource,
+  zappieSource
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zappie/sdk",
-  "version": "0.1.18",
+  "version": "0.1.20",
   "description": "Typed, framework-agnostic client for Zappie menus, carts, checkout, auth and events.",
   "type": "module",
   "sideEffects": false,
@@ -89,6 +89,14 @@
       "types": "./dist/template/react.d.ts",
       "import": "./dist/template/react.js"
     },
+    "./studio": {
+      "types": "./dist/studio/index.d.ts",
+      "import": "./dist/studio/index.js"
+    },
+    "./vite": {
+      "types": "./dist/vite/index.d.ts",
+      "import": "./dist/vite/index.js"
+    },
     "./persist/catalogue": {
       "types": "./dist/persist/catalogue.d.ts",
       "import": "./dist/persist/catalogue.js"
@@ -111,11 +119,15 @@
     "CHANGELOG.md"
   ],
   "peerDependencies": {
-    "react": "^18.2.0 || ^19.0.0"
+    "react": "^18.2.0 || ^19.0.0",
+    "vite": "^8.0.0"
   },
   "peerDependenciesMeta": {
     "react": {
       "optional": true
+    },
+    "vite": {
+      "optional": true
     }
   },
   "repository": {
@@ -128,8 +140,11 @@
   "bugs": {
     "url": "https://github.com/zappie/storefront-packages/issues"
   },
+  "devDependencies": {
+    "vite": "8.3.4"
+  },
   "scripts": {
-    "build": "tsup && tsup --config tsup.checkout.config.ts && tsup --config tsup.checkout-defaults.config.ts && tsup --config tsup.customer.config.ts && tsup --config tsup.places.config.ts && tsup --config tsup.url.config.ts && tsup --config tsup.redirect.config.ts && tsup --config tsup.visits.config.ts && tsup --config tsup.pricing.config.ts && tsup --config tsup.site-config.config.ts && tsup --config tsup.template.config.ts && node ../../scripts/release-packages/build-modules.mjs",
+    "build": "tsup && tsup --config tsup.checkout.config.ts && tsup --config tsup.checkout-defaults.config.ts && tsup --config tsup.customer.config.ts && tsup --config tsup.places.config.ts && tsup --config tsup.url.config.ts && tsup --config tsup.redirect.config.ts && tsup --config tsup.visits.config.ts && tsup --config tsup.pricing.config.ts && tsup --config tsup.site-config.config.ts && tsup --config tsup.template.config.ts && node ../../scripts/release-packages/build-modules.mjs --unmapped=studio/index.js --unmapped=testing/index.js --unmapped=vite/index.js",
     "test": "vitest run --root ../.. packages/sdk/test",
     "size": "node ../../scripts/release-packages/size-sdk.mjs && size-limit"
   }

package/dist/testing/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/testing/index.ts"],
-  "sourcesContent": ["import { estimateUnitPrice } from \"../cart/price\";\nimport type { WireQuote } from \"../cart/types\";\nimport { validateLine } from \"../cart/validate\";\nimport { createZappie } from \"../client\";\nimport type { ZappieErrorCode } from \"../errors\";\nimport { ZappieError } from \"../errors\";\nimport { delay, throwIfAborted } from \"../internal/abort\";\nimport { multiplyMoney } from \"../internal/money-math\";\nimport type { Menu, Store } from \"../models\";\nimport { money } from \"../money\";\nimport type { RequestCtx, Transport } from \"../transport/types\";\nexport { VERSION } from \"../index\";\n/** Store and branch menus supplied to the deterministic mock transport. */\nexport type MockFixtures = { store: Store; menus: Record<string, Menu> };\n/** Mock timing and per-operation failures. */\nexport type MockOptions = {\n  latencyMs?: number;\n  failWith?: Partial<Record<keyof Transport, ZappieErrorCode>>;\n};\n/** Create an isolated in-memory SDK client without making network requests. */\nexport function createMockZappie(input: MockFixtures, opts: MockOptions = {}) {\n  const fixtures = structuredClone(input);\n  const before = async (method: keyof Transport, ctx: RequestCtx) => {\n    throwIfAborted(ctx.signal);\n    if (opts.latencyMs) {\n      await delay(opts.latencyMs, ctx.signal);\n    }\n    const code = opts.failWith?.[method];\n    if (code) {\n      throw new ZappieError(code, `Mock ${method} failure`);\n    }\n  };\n  const menu = (id: string) => {\n    const value = fixtures.menus[id];\n    if (!value) {\n      throw new ZappieError(\"branch_not_found\", \"No fixture for this branch\");\n    }\n    return structuredClone(value);\n  };\n  const transport: Transport = {\n    async quote(ctx, body): Promise<WireQuote> {\n      await before(\"quote\", ctx);\n      const value = menu(body.branch_id);\n      const branch = fixtures.store.branches.find(\n        (b) => b.id === body.branch_id,\n      )!;\n      const issues: WireQuote[\"issues\"] = [];\n      const lines = body.lines.map((line) => {\n        const item = value.items[line.item_id];\n        const input = {\n          itemId: line.item_id,\n          ...(line.menu_id !== undefined ? { menuId: line.menu_id } : {}),\n          quantity: line.quantity,\n          choices: line.options.map((c) => ({\n            groupId: c.group_id,\n            choiceId: c.choice_id,\n            quantity: c.quantity,\n          })),\n          inputs: line.inputs,\n          ...(line.variant_id ? { variantId: line.variant_id } : {}),\n        };\n        const invalid = validateLine(item, input, { menu: value, branch });\n        issues.push(\n          ...invalid.map((i) => ({\n            code: i.code,\n            severity: i.severity,\n            message: i.message,\n            line_id: line.line_id,\n            ...(i.groupId ? { group_id: i.groupId } : {}),\n            fixes: [],\n          })),\n        );\n        const price =\n          item && !invalid.length\n            ? estimateUnitPrice(item, input)\n            : money(0, fixtures.store.currency);\n        return {\n          line_id: line.line_id,\n          unit_price: {\n            amount_minor: price.amountMinor,\n            currency: price.currency,\n          },\n          line_total: {\n            amount_minor: multiplyMoney(price, line.quantity).amountMinor,\n            currency: price.currency,\n          },\n        };\n      });\n      const subtotal = {\n        amount_minor: lines.reduce((n, l) => n + l.line_total.amount_minor, 0),\n        currency: fixtures.store.currency,\n      };\n      return {\n        branch_id: body.branch_id,\n        lines,\n        subtotal,\n        total: subtotal,\n        charges: [],\n        discounts: [],\n        issues,\n        can_checkout: !issues.some((issue) => issue.severity === \"blocking\"),\n        checkout: issues.some((issue) => issue.severity === \"blocking\")\n          ? { ready: false, reason: \"issues\" }\n          : { ready: true },\n        menu_version: value.version,\n        expires_at: new Date(Date.now() + 300_000).toISOString(),\n      };\n    },\n    async getStore(ctx) {\n      await before(\"getStore\", ctx);\n      return structuredClone(fixtures.store);\n    },\n    async getMenu(ctx) {\n      await before(\"getMenu\", ctx);\n      const value = menu(ctx.branchId);\n      return ctx.ifNoneMatch === value.version\n        ? { notModified: true }\n        : { menu: value, etag: value.version };\n    },\n    async getMenuVersion(ctx) {\n      await before(\"getMenuVersion\", ctx);\n      const value = menu(ctx.branchId);\n      return { version: value.version, availabilityHash: value.version };\n    },\n    async getItem(ctx) {\n      await before(\"getItem\", ctx);\n      const value = menu(ctx.branchId).items[ctx.itemId];\n      if (!value) {\n        throw new ZappieError(\"item_not_found\", \"Item not found\");\n      }\n      return value;\n    },\n  };\n  return createZappie({\n    store: fixtures.store.slug,\n    key: \"pk_test_fixture\",\n    transport,\n  });\n}\nconst fulfilment = {\n  pickup: true,\n  delivery: true,\n  dineIn: false,\n  scheduling: false,\n};\nconst store: Store = {\n  id: \"biz_fixture\",\n  slug: \"default-store\",\n  name: \"Default storefront\",\n  currency: \"NGN\",\n  timezone: \"Africa/Lagos\",\n  brand: {},\n  fulfilment,\n  paymentMethods: [\"card\"],\n  branches: [\n    {\n      id: \"br_fixture\",\n      slug: \"main\",\n      name: \"Main\",\n      openingTimes: [{ day: 1, opens: \"08:00\", closes: \"22:00\" }],\n      isOpen: true,\n      fulfilment,\n    },\n  ],\n};\nconst menu: Menu = {\n  id: \"menu_fixture\",\n  branchId: \"br_fixture\",\n  name: \"Menu\",\n  version: \"fixture-v1\",\n  categories: [{ id: \"cat_fixture\", name: \"Food\", itemIds: [\"item_fixture\"] }],\n  items: {\n    item_fixture: {\n      id: \"item_fixture\",\n      name: \"Lunch\",\n      images: [],\n      price: money(650000, \"NGN\"),\n      isAvailable: true,\n      quantity: { min: 1, step: 1 },\n      variants: [\n        {\n          id: \"variant_fixture\",\n          attributeChoices: {},\n          price: money(650000, \"NGN\"),\n          isAvailable: true,\n        },\n      ],\n      optionGroups: [],\n      tags: [],\n    },\n  },\n};\nconst ngn = (amountMinor: number) => money(amountMinor, \"NGN\");\nconst templateStore: Store = {\n  id: \"biz_template\",\n  slug: \"default-template\",\n  name: \"Default template\",\n  description: \"A public storefront fixture for template authors.\",\n  templateSettings: {\n    accent: \"#175c3a\",\n    headerPhoto: \"https://example.com/default-template-cover.png\",\n  },\n  currency: \"NGN\",\n  timezone: \"Africa/Lagos\",\n  brand: {\n    logoUrl: \"https://example.com/default-template-logo.png\",\n    coverImageUrl: \"https://example.com/default-template-cover.png\",\n  },\n  fulfilment: { pickup: true, delivery: true, dineIn: true, scheduling: true },\n  paymentMethods: [\"card\", \"bank_transfer\", \"wallet\"],\n  branches: [\n    {\n      id: \"br_template_main\",\n      slug: \"main\",\n      name: \"Main\",\n      timezone: \"Africa/Lagos\",\n      address: \"1 Example Street, Lagos\",\n      phone: \"+234 800 000 0000\",\n      pickupAddress: {\n        placeId: \"place_template_main\",\n        coordinates: { lat: 6.5244, lng: 3.3792 },\n      },\n      socialLinks: [\n        { type: \"INSTAGRAM\", url: \"https://instagram.com/default-template\" },\n        { type: \"WEBSITE\", url: \"https://example.com\" },\n      ],\n      openingTimes: [1, 2, 3, 4, 5].map((day) => ({\n        day: day as 1 | 2 | 3 | 4 | 5,\n        opens: \"08:00\",\n        closes: \"22:00\",\n      })),\n      isOpen: true,\n      isDefault: true,\n      fulfilment: {\n        pickup: true,\n        delivery: true,\n        dineIn: true,\n        scheduling: true,\n      },\n      minimumOrder: ngn(200000),\n    },\n    {\n      id: \"br_template_island\",\n      slug: \"island\",\n      name: \"Island\",\n      timezone: \"Africa/Lagos\",\n      openingTimes: [{ day: 6, opens: \"10:00\", closes: \"18:00\" }],\n      specialHours: [{ date: \"2026-12-25\", closed: true }],\n      isOpen: false,\n      closedUntil: \"2026-12-26T10:00:00+01:00\",\n      fulfilment: {\n        pickup: false,\n        delivery: true,\n        dineIn: false,\n        scheduling: false,\n      },\n    },\n  ],\n};\nconst templateMenu: Menu = {\n  id: \"menu_template\",\n  branchId: \"br_template_main\",\n  name: \"All day\",\n  version: \"template-v1\",\n  categories: [\n    {\n      id: \"cat_popular\",\n      name: \"Popular\",\n      itemIds: [\"item_jollof\", \"item_zobo\"],\n    },\n    { id: \"cat_mains\", name: \"Mains\", itemIds: [\"item_jollof\"] },\n    {\n      id: \"cat_drinks\",\n      name: \"Drinks and desserts\",\n      itemIds: [\"item_zobo\", \"item_cake\"],\n    },\n  ],\n  items: {\n    item_jollof: {\n      id: \"item_jollof\",\n      name: \"Jollof rice\",\n      description: \"Smoky party jollof.\",\n      images: [],\n      price: ngn(450000),\n      isAvailable: true,\n      quantity: { min: 1, max: 10, step: 1 },\n      variants: [\n        {\n          id: \"variant_jollof\",\n          attributeChoices: {},\n          price: ngn(450000),\n          isAvailable: true,\n        },\n      ],\n      optionGroups: [\n        {\n          id: \"grp_protein\",\n          name: \"Protein\",\n          kind: \"select\",\n          required: true,\n          selection: { min: 1, max: 1 },\n          isAttribute: false,\n          choices: [\n            {\n              id: \"opt_chicken\",\n              name: \"Chicken\",\n              price: ngn(0),\n              isAvailable: true,\n            },\n            {\n              id: \"opt_beef\",\n              name: \"Beef\",\n              price: ngn(50000),\n              isAvailable: true,\n            },\n            {\n              id: \"opt_fish\",\n              name: \"Fish\",\n              price: ngn(80000),\n              isAvailable: false,\n            },\n          ],\n        },\n        {\n          id: \"grp_sauce\",\n          name: \"Sauce\",\n          helpText: \"Required with chicken.\",\n          kind: \"select\",\n          required: false,\n          selection: { min: 0, max: 1 },\n          isAttribute: false,\n          choices: [\n            {\n              id: \"opt_pepper\",\n              name: \"Pepper sauce\",\n              price: ngn(0),\n              isAvailable: true,\n            },\n            {\n              id: \"opt_stew\",\n              name: \"Stew\",\n              price: ngn(20000),\n              isAvailable: true,\n            },\n          ],\n          conditions: [\n            {\n              groupId: \"grp_protein\",\n              choiceIds: [\"opt_chicken\"],\n              match: \"any\",\n              setRequired: true,\n              setMin: 1,\n            },\n          ],\n        },\n        {\n          id: \"grp_extras\",\n          name: \"Extras\",\n          kind: \"select\",\n          required: false,\n          selection: { min: 0, max: 3 },\n          isAttribute: false,\n          choices: [\n            {\n              id: \"opt_plantain\",\n              name: \"Plantain\",\n              price: ngn(30000),\n              isAvailable: true,\n              quantity: { min: 1, max: 3 },\n            },\n            {\n              id: \"opt_egg\",\n              name: \"Boiled egg\",\n              price: ngn(15000),\n              isAvailable: true,\n            },\n          ],\n        },\n        {\n          id: \"grp_note\",\n          name: \"Note for the kitchen\",\n          kind: \"text\",\n          required: false,\n          selection: { min: 0 },\n          isAttribute: false,\n          choices: [],\n          input: { maxLength: 140, placeholder: \"No onions, please\" },\n        },\n      ],\n      tags: [\"popular\"],\n    },\n    item_zobo: {\n      id: \"item_zobo\",\n      name: \"Zobo\",\n      images: [],\n      price: ngn(120000),\n      isAvailable: true,\n      quantity: { min: 1, step: 1 },\n      variants: [\n        {\n          id: \"variant_zobo_small\",\n          attributeChoices: { grp_size: \"opt_small\" },\n          price: ngn(120000),\n          isAvailable: true,\n        },\n        {\n          id: \"variant_zobo_large\",\n          attributeChoices: { grp_size: \"opt_large\" },\n          price: ngn(200000),\n          isAvailable: false,\n        },\n      ],\n      optionGroups: [\n        {\n          id: \"grp_size\",\n          name: \"Size\",\n          kind: \"select\",\n          required: true,\n          selection: { min: 1, max: 1 },\n          isAttribute: true,\n          choices: [\n            {\n              id: \"opt_small\",\n              name: \"Small\",\n              price: ngn(0),\n              isAvailable: true,\n            },\n            {\n              id: \"opt_large\",\n              name: \"Large\",\n              price: ngn(0),\n              isAvailable: false,\n            },\n          ],\n        },\n      ],\n      tags: [],\n    },\n    item_cake: {\n      id: \"item_cake\",\n      name: \"Chocolate cake\",\n      images: [],\n      price: ngn(350000),\n      compareAtPrice: ngn(400000),\n      isAvailable: false,\n      quantity: { min: 1, step: 1 },\n      variants: [\n        {\n          id: \"variant_cake\",\n          attributeChoices: {},\n          price: ngn(350000),\n          isAvailable: false,\n        },\n      ],\n      optionGroups: [],\n      tags: [],\n    },\n  },\n};\n/**\n * Sample data with no merchant IDs or photos. `minimal` has one plain item.\n * `defaultTemplate` covers several branches, shared category membership, required and\n * conditional options, per-choice quantities, text input and attribute variants.\n */\nexport const fixtures = {\n  minimal: { store, menu },\n  defaultTemplate: { store: templateStore, menu: templateMenu },\n};\n"],
-  "mappings": "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",
-  "names": ["fixtures", "menu", "input"]
-}