@zappie/theme-base 0.1.0 → 0.1.2

package/dist/{chunk-USSLDBDY.js → catalogue/presentation.js}

@@ -1,9 +1,11 @@
-import { useBaseHostBridge } from './chunk-QWST2TA2.js';
-import { createSanitizeRichText } from '@zappie/foundations/rich-text';
-import { parseRichText } from '@zappie/foundations/rich-text/browser';
-import { useState, useEffect } from 'react';
-import { jsx } from 'react/jsx-runtime';
+"use client";
 
+// src/catalogue/presentation.tsx
+import { createSanitizeRichText } from "@zappie/foundations/rich-text";
+import { parseRichText } from "@zappie/foundations/rich-text/browser";
+import { useEffect, useState } from "react";
+import { useBaseHostBridge } from "../host-bridge.js";
+import { jsx } from "react/jsx-runtime";
 var sanitize = createSanitizeRichText(parseRichText);
 function Description({ value }) {
   const [html, setHtml] = useState("");
@@ -42,7 +44,8 @@ function ItemImage({
     )
   ) : /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "Image unavailable" }) });
 }
-
-export { Description, ItemImage };
-//# sourceMappingURL=chunk-USSLDBDY.js.map
-//# sourceMappingURL=chunk-USSLDBDY.js.map
+export {
+  Description,
+  ItemImage
+};
+//# sourceMappingURL=presentation.js.map

package/dist/catalogue/presentation.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/catalogue/presentation.tsx"],
+  "sourcesContent": ["\"use client\";\nimport { createSanitizeRichText } from \"@zappie/foundations/rich-text\";\nimport { parseRichText } from \"@zappie/foundations/rich-text/browser\";\nimport { useEffect, useState } from \"react\";\nimport { useBaseHostBridge } from \"../host-bridge\";\nconst sanitize = createSanitizeRichText(parseRichText);\nexport function Description({ value }: { value: string }) {\n  const [html, setHtml] = useState(\"\");\n  useEffect(() => setHtml(sanitize(value)), [value]);\n  return (\n    <div\n      className=\"z-base-description\"\n      dangerouslySetInnerHTML={{ __html: html }}\n    />\n  );\n}\nexport function ItemImage({\n  src,\n  sizes,\n  priority = false,\n}: {\n  src?: string | undefined;\n  /** Rendered width hint for responsive host images. */\n  sizes: string;\n  /** Tiles likely to be the largest paint load first instead of lazily. */\n  priority?: boolean;\n}) {\n  const bridge = useBaseHostBridge();\n  const [failed, setFailed] = useState(false);\n  useEffect(() => setFailed(false), [src]);\n  const image = src ? (bridge.imageProps?.(src, sizes) ?? { src }) : undefined;\n  return (\n    <div className=\"z-base-item-image\">\n      {image && !failed ? (\n        // Public themes remain framework independent; the host may optimise\n        // image URLs through the bridge.\n        // eslint-disable-next-line @next/next/no-img-element\n        <img\n          {...image}\n          loading={priority ? \"eager\" : \"lazy\"}\n          fetchPriority={priority ? \"high\" : \"auto\"}\n          decoding=\"async\"\n          alt=\"\"\n          onError={() => setFailed(true)}\n        />\n      ) : (\n        <span aria-hidden=\"true\">Image unavailable</span>\n      )}\n    </div>\n  );\n}\n"],
+  "mappings": ";;;AACA,SAAS,8BAA8B;AACvC,SAAS,qBAAqB;AAC9B,SAAS,WAAW,gBAAgB;AACpC,SAAS,yBAAyB;AAM9B;AALJ,IAAM,WAAW,uBAAuB,aAAa;AAC9C,SAAS,YAAY,EAAE,MAAM,GAAsB;AACxD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAE;AACnC,YAAU,MAAM,QAAQ,SAAS,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC;AACjD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,yBAAyB,EAAE,QAAQ,KAAK;AAAA;AAAA,EAC1C;AAEJ;AACO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA,WAAW;AACb,GAMG;AACD,QAAM,SAAS,kBAAkB;AACjC,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,YAAU,MAAM,UAAU,KAAK,GAAG,CAAC,GAAG,CAAC;AACvC,QAAM,QAAQ,MAAO,OAAO,aAAa,KAAK,KAAK,KAAK,EAAE,IAAI,IAAK;AACnE,SACE,oBAAC,SAAI,WAAU,qBACZ,mBAAS,CAAC;AAAA;AAAA;AAAA;AAAA,IAIT;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,SAAS,WAAW,UAAU;AAAA,QAC9B,eAAe,WAAW,SAAS;AAAA,QACnC,UAAS;AAAA,QACT,KAAI;AAAA,QACJ,SAAS,MAAM,UAAU,IAAI;AAAA;AAAA,IAC/B;AAAA,MAEA,oBAAC,UAAK,eAAY,QAAO,+BAAiB,GAE9C;AAEJ;",
+  "names": []
+}

package/dist/catalogue/saved-catalogue-sync.js

@@ -0,0 +1,115 @@
+// src/catalogue/saved-catalogue-sync.ts
+import {
+  pageKey,
+  pageState,
+  readSavedPages,
+  replaceRefreshedCategories,
+  replaceSavedPages
+} from "./catalogue-pages.js";
+async function loadResources(client, scope) {
+  const [persistence, selected] = await Promise.all([
+    import("@zappie/sdk/persist/catalogue"),
+    import("@zappie/sdk/transport/selected-menu")
+  ]);
+  return {
+    saved: persistence.createSavedCatalogue(client, scope),
+    selected: selected.createSelectedMenuReader(client)
+  };
+}
+function createSavedCatalogueSync({
+  client,
+  state,
+  scope,
+  revision,
+  publish
+}) {
+  let resources;
+  function snapshot() {
+    return {
+      scope,
+      menu: state.menu,
+      coverage: { menuIds: [scope.menuId], complete: state.complete },
+      pages: [...state.savedPages],
+      etag: state.menu.version,
+      savedAt: Date.now(),
+      ...revision ? { revision } : {}
+    };
+  }
+  async function save() {
+    if (await resources.saved.publish(snapshot()).catch(() => true)) {
+      state.abort.signal.throwIfAborted();
+      publish?.(state.menu);
+    }
+  }
+  async function refresh() {
+    if (state.complete) {
+      const response = await resources.selected.read(scope, {
+        signal: state.abort.signal
+      });
+      state.abort.signal.throwIfAborted();
+      if ("notModified" in response) {
+        return;
+      }
+      state.menu = response.menu;
+      await save();
+      return;
+    }
+    const refreshed = await readSavedPages(
+      client,
+      scope.menuId,
+      scope.branchId,
+      state.savedPages,
+      state.abort.signal
+    );
+    state.abort.signal.throwIfAborted();
+    state.menu = replaceRefreshedCategories(state.menu, refreshed);
+    for (const { categoryId, page } of refreshed) {
+      state.pages.set(
+        pageKey(scope.menuId, categoryId),
+        pageState(page.nextCursor)
+      );
+    }
+    replaceSavedPages(state.savedPages, refreshed);
+    await save();
+  }
+  return {
+    get resources() {
+      return resources;
+    },
+    /** Shows the current menu now; saving runs behind it and never fails a read. */
+    emit() {
+      state.abort.signal.throwIfAborted();
+      publish?.(state.menu);
+      void resources?.saved.publish(snapshot()).catch(() => {
+      });
+    },
+    async restore() {
+      resources = await loadResources(client, scope);
+      const value = await resources.saved.restore();
+      state.abort.signal.throwIfAborted();
+      if (!value) {
+        return false;
+      }
+      state.menu = value.menu;
+      state.complete = value.coverage.complete;
+      state.mode = state.complete ? "eager" : "progressive";
+      state.savedPages.push(...value.pages);
+      for (const saved of value.pages) {
+        state.pages.set(
+          pageKey(scope.menuId, saved.categoryId),
+          pageState(saved.page.nextCursor)
+        );
+      }
+      publish?.(state.menu);
+      if (!revision || value.revision !== revision) {
+        void refresh().catch(() => {
+        });
+      }
+      return true;
+    }
+  };
+}
+export {
+  createSavedCatalogueSync
+};
+//# sourceMappingURL=saved-catalogue-sync.js.map

package/dist/catalogue/saved-catalogue-sync.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/catalogue/saved-catalogue-sync.ts"],
+  "sourcesContent": ["import type { Menu, Zappie } from \"@zappie/sdk\";\nimport type { SavedCatalogue } from \"@zappie/sdk/persist/catalogue\";\nimport {\n  pageKey,\n  pageState,\n  readSavedPages,\n  replaceRefreshedCategories,\n  replaceSavedPages,\n  type PageState,\n  type SavedPage,\n} from \"./catalogue-pages\";\n\n/** The loader's mutable read state, shared with the saved-catalogue sync. */\nexport type LoaderState = {\n  menu: Menu;\n  mode: \"eager\" | \"progressive\" | null;\n  complete: boolean;\n  // Replaced on resume: an effect can be cleaned up and run again (React\n  // StrictMode, <Activity>) without the loader being recreated.\n  abort: AbortController;\n  readonly pages: Map<string, PageState>;\n  readonly savedPages: SavedPage[];\n};\n\ntype Scope = SavedCatalogue[\"scope\"];\n\nasync function loadResources(client: Zappie, scope: Scope) {\n  const [persistence, selected] = await Promise.all([\n    import(\"@zappie/sdk/persist/catalogue\"),\n    import(\"@zappie/sdk/transport/selected-menu\"),\n  ]);\n  return {\n    saved: persistence.createSavedCatalogue(client, scope),\n    selected: selected.createSelectedMenuReader(client),\n  };\n}\n\nexport type CatalogueResources = Awaited<ReturnType<typeof loadResources>>;\n\nexport function createSavedCatalogueSync({\n  client,\n  state,\n  scope,\n  revision,\n  publish,\n}: {\n  client: Zappie;\n  state: LoaderState;\n  scope: Scope;\n  /** Host catalogue revision; a saved copy at this revision is not refreshed. */\n  revision?: string | undefined;\n  publish?: ((menu: Menu) => void) | undefined;\n}) {\n  let resources: CatalogueResources | undefined;\n  function snapshot(): SavedCatalogue {\n    return {\n      scope,\n      menu: state.menu,\n      coverage: { menuIds: [scope.menuId], complete: state.complete },\n      pages: [...state.savedPages],\n      etag: state.menu.version,\n      savedAt: Date.now(),\n      ...(revision ? { revision } : {}),\n    };\n  }\n  async function save() {\n    if (await resources!.saved.publish(snapshot()).catch(() => true)) {\n      state.abort.signal.throwIfAborted();\n      publish?.(state.menu);\n    }\n  }\n  async function refresh() {\n    if (state.complete) {\n      const response = await resources!.selected.read(scope, {\n        signal: state.abort.signal,\n      });\n      state.abort.signal.throwIfAborted();\n      if (\"notModified\" in response) {\n        return;\n      }\n      state.menu = response.menu;\n      await save();\n      return;\n    }\n    const refreshed = await readSavedPages(\n      client,\n      scope.menuId,\n      scope.branchId,\n      state.savedPages,\n      state.abort.signal,\n    );\n    state.abort.signal.throwIfAborted();\n    state.menu = replaceRefreshedCategories(state.menu, refreshed);\n    for (const { categoryId, page } of refreshed) {\n      state.pages.set(\n        pageKey(scope.menuId, categoryId),\n        pageState(page.nextCursor),\n      );\n    }\n    replaceSavedPages(state.savedPages, refreshed);\n    await save();\n  }\n  return {\n    get resources() {\n      return resources;\n    },\n    /** Shows the current menu now; saving runs behind it and never fails a read. */\n    emit() {\n      state.abort.signal.throwIfAborted();\n      publish?.(state.menu);\n      void resources?.saved.publish(snapshot()).catch(() => {});\n    },\n    async restore() {\n      resources = await loadResources(client, scope);\n      const value = await resources.saved.restore();\n      state.abort.signal.throwIfAborted();\n      if (!value) {\n        return false;\n      }\n      state.menu = value.menu;\n      state.complete = value.coverage.complete;\n      state.mode = state.complete ? \"eager\" : \"progressive\";\n      state.savedPages.push(...value.pages);\n      for (const saved of value.pages) {\n        state.pages.set(\n          pageKey(scope.menuId, saved.categoryId),\n          pageState(saved.page.nextCursor),\n        );\n      }\n      publish?.(state.menu);\n      if (!revision || value.revision !== revision) {\n        void refresh().catch(() => {});\n      }\n      return true;\n    },\n  };\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/catalogue/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/catalogue/types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/catalogue/use-catalogue-data.js

@@ -0,0 +1,88 @@
+// src/catalogue/use-catalogue-data.ts
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { createCatalogueLoader } from "./loader.js";
+function useCatalogueData({
+  client,
+  initialMenu,
+  selectedMenuId,
+  fulfilmentMode,
+  resolveStrategy,
+  revision
+}) {
+  const [catalogue, setCatalogue] = useState(initialMenu);
+  const show = useCallback(
+    (value) => setCatalogue({
+      ...value,
+      ...initialMenu.menus ? { menus: initialMenu.menus } : {},
+      categories: initialMenu.categories.map(
+        (category) => value.categories.find((loaded) => loaded.id === category.id) ?? category
+      )
+    }),
+    [initialMenu]
+  );
+  const loader = useMemo(() => {
+    const selected = initialMenu.menus?.find(
+      (source2) => source2.id === selectedMenuId
+    );
+    const scoped = {
+      ...initialMenu,
+      ...selected ? { menus: [selected] } : {},
+      categories: initialMenu.categories.filter(
+        (category) => !selected || selected.categoryIds.includes(category.id)
+      )
+    };
+    return createCatalogueLoader(
+      client,
+      scoped,
+      resolveStrategy,
+      show,
+      fulfilmentMode,
+      revision
+    );
+  }, [
+    client,
+    initialMenu,
+    selectedMenuId,
+    fulfilmentMode,
+    resolveStrategy,
+    revision,
+    show
+  ]);
+  useEffect(() => {
+    loader.resume();
+    return () => loader.dispose();
+  }, [loader]);
+  const source = catalogue.menus?.find((value) => value.id === selectedMenuId) ?? catalogue.menus?.[0];
+  const categories = useMemo(
+    () => catalogue.categories.filter(
+      (category) => source?.categoryIds.includes(category.id)
+    ),
+    [catalogue.categories, source]
+  );
+  const [error, setError] = useState();
+  const [busy, setBusy] = useState(false);
+  const reach = useCallback(
+    async (categoryId, more = false) => {
+      if (!source || !more && loader.isLoaded(source.id, categoryId)) {
+        return;
+      }
+      setBusy(true);
+      setError(void 0);
+      try {
+        show(await loader.reach(source.id, categoryId, more));
+      } catch (failure) {
+        if (!(failure instanceof Error) || failure.name !== "AbortError") {
+          setError("Catalogue could not load. Try again.");
+        }
+      } finally {
+        setBusy(false);
+      }
+    },
+    [loader, source, show]
+  );
+  return { catalogue, source, categories, loader, error, busy, reach };
+}
+export {
+  useCatalogueData
+};
+//# sourceMappingURL=use-catalogue-data.js.map

package/dist/catalogue/use-catalogue-data.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/catalogue/use-catalogue-data.ts"],
+  "sourcesContent": ["import type { Menu, Zappie } from \"@zappie/sdk\";\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { createCatalogueLoader, type CatalogueStrategy } from \"./loader\";\n\nexport function useCatalogueData({\n  client,\n  initialMenu,\n  selectedMenuId,\n  fulfilmentMode,\n  resolveStrategy,\n  revision,\n}: {\n  client: Zappie;\n  initialMenu: Menu;\n  selectedMenuId: string;\n  fulfilmentMode: \"pickup\" | \"delivery\";\n  resolveStrategy: CatalogueStrategy;\n  revision?: string;\n}) {\n  const [catalogue, setCatalogue] = useState(initialMenu);\n  const show = useCallback(\n    (value: Menu) =>\n      setCatalogue({\n        ...value,\n        ...(initialMenu.menus ? { menus: initialMenu.menus } : {}),\n        categories: initialMenu.categories.map(\n          (category) =>\n            value.categories.find((loaded) => loaded.id === category.id) ??\n            category,\n        ),\n      }),\n    [initialMenu],\n  );\n  const loader = useMemo(() => {\n    const selected = initialMenu.menus?.find(\n      (source) => source.id === selectedMenuId,\n    );\n    const scoped = {\n      ...initialMenu,\n      ...(selected ? { menus: [selected] } : {}),\n      categories: initialMenu.categories.filter(\n        (category) => !selected || selected.categoryIds.includes(category.id),\n      ),\n    };\n    return createCatalogueLoader(\n      client,\n      scoped,\n      resolveStrategy,\n      show,\n      fulfilmentMode,\n      revision,\n    );\n  }, [\n    client,\n    initialMenu,\n    selectedMenuId,\n    fulfilmentMode,\n    resolveStrategy,\n    revision,\n    show,\n  ]);\n  useEffect(() => {\n    loader.resume();\n    return () => loader.dispose();\n  }, [loader]);\n  const source =\n    catalogue.menus?.find((value) => value.id === selectedMenuId) ??\n    catalogue.menus?.[0];\n  const categories = useMemo(\n    () =>\n      catalogue.categories.filter((category) =>\n        source?.categoryIds.includes(category.id),\n      ),\n    [catalogue.categories, source],\n  );\n  const [error, setError] = useState<string>();\n  const [busy, setBusy] = useState(false);\n  const reach = useCallback(\n    async (categoryId: string, more = false) => {\n      if (!source || (!more && loader.isLoaded(source.id, categoryId))) {\n        return;\n      }\n      setBusy(true);\n      setError(undefined);\n      try {\n        show(await loader.reach(source.id, categoryId, more));\n      } catch (failure) {\n        if (!(failure instanceof Error) || failure.name !== \"AbortError\") {\n          setError(\"Catalogue could not load. Try again.\");\n        }\n      } finally {\n        setBusy(false);\n      }\n    },\n    [loader, source, show],\n  );\n  return { catalogue, source, categories, loader, error, busy, reach };\n}\n"],
+  "mappings": ";AACA,SAAS,aAAa,WAAW,SAAS,gBAAgB;AAC1D,SAAS,6BAAqD;AAEvD,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOG;AACD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,WAAW;AACtD,QAAM,OAAO;AAAA,IACX,CAAC,UACC,aAAa;AAAA,MACX,GAAG;AAAA,MACH,GAAI,YAAY,QAAQ,EAAE,OAAO,YAAY,MAAM,IAAI,CAAC;AAAA,MACxD,YAAY,YAAY,WAAW;AAAA,QACjC,CAAC,aACC,MAAM,WAAW,KAAK,CAAC,WAAW,OAAO,OAAO,SAAS,EAAE,KAC3D;AAAA,MACJ;AAAA,IACF,CAAC;AAAA,IACH,CAAC,WAAW;AAAA,EACd;AACA,QAAM,SAAS,QAAQ,MAAM;AAC3B,UAAM,WAAW,YAAY,OAAO;AAAA,MAClC,CAACA,YAAWA,QAAO,OAAO;AAAA,IAC5B;AACA,UAAM,SAAS;AAAA,MACb,GAAG;AAAA,MACH,GAAI,WAAW,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC;AAAA,MACxC,YAAY,YAAY,WAAW;AAAA,QACjC,CAAC,aAAa,CAAC,YAAY,SAAS,YAAY,SAAS,SAAS,EAAE;AAAA,MACtE;AAAA,IACF;AACA,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,YAAU,MAAM;AACd,WAAO,OAAO;AACd,WAAO,MAAM,OAAO,QAAQ;AAAA,EAC9B,GAAG,CAAC,MAAM,CAAC;AACX,QAAM,SACJ,UAAU,OAAO,KAAK,CAAC,UAAU,MAAM,OAAO,cAAc,KAC5D,UAAU,QAAQ,CAAC;AACrB,QAAM,aAAa;AAAA,IACjB,MACE,UAAU,WAAW;AAAA,MAAO,CAAC,aAC3B,QAAQ,YAAY,SAAS,SAAS,EAAE;AAAA,IAC1C;AAAA,IACF,CAAC,UAAU,YAAY,MAAM;AAAA,EAC/B;AACA,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAiB;AAC3C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,QAAQ;AAAA,IACZ,OAAO,YAAoB,OAAO,UAAU;AAC1C,UAAI,CAAC,UAAW,CAAC,QAAQ,OAAO,SAAS,OAAO,IAAI,UAAU,GAAI;AAChE;AAAA,MACF;AACA,cAAQ,IAAI;AACZ,eAAS,MAAS;AAClB,UAAI;AACF,aAAK,MAAM,OAAO,MAAM,OAAO,IAAI,YAAY,IAAI,CAAC;AAAA,MACtD,SAAS,SAAS;AAChB,YAAI,EAAE,mBAAmB,UAAU,QAAQ,SAAS,cAAc;AAChE,mBAAS,sCAAsC;AAAA,QACjD;AAAA,MACF,UAAE;AACA,gBAAQ,KAAK;AAAA,MACf;AAAA,IACF;AAAA,IACA,CAAC,QAAQ,QAAQ,IAAI;AAAA,EACvB;AACA,SAAO,EAAE,WAAW,QAAQ,YAAY,QAAQ,OAAO,MAAM,MAAM;AACrE;",
+  "names": ["source"]
+}

package/dist/catalogue/use-category-scroll.js

@@ -0,0 +1,115 @@
+// src/catalogue/use-category-scroll.ts
+import { useCallback, useEffect, useRef, useState } from "react";
+function useCategoryScroll({
+  categories,
+  selectedCategoryId,
+  itemOpen,
+  menuId,
+  menuLayout,
+  reach,
+  onSelectCategory
+}) {
+  const [active, setActive] = useState(selectedCategoryId ?? categories[0]?.id);
+  const activeRef = useRef(active);
+  activeRef.current = active;
+  const sections = useRef(/* @__PURE__ */ new Map());
+  const wanted = useRef(void 0);
+  const reading = useRef(false);
+  const reachLatest = useCallback(
+    (categoryId) => {
+      wanted.current = categoryId;
+      if (reading.current) {
+        return;
+      }
+      reading.current = true;
+      void (async () => {
+        try {
+          while (wanted.current) {
+            const next = wanted.current;
+            wanted.current = void 0;
+            await reach(next);
+          }
+        } finally {
+          reading.current = false;
+        }
+      })();
+    },
+    [reach]
+  );
+  useEffect(() => {
+    if (itemOpen) {
+      return;
+    }
+    const id = selectedCategoryId ?? categories[0]?.id;
+    if (id) {
+      setActive(id);
+      void reach(id);
+    }
+  }, [menuId, selectedCategoryId, itemOpen, reach, categories]);
+  useEffect(() => {
+    if (itemOpen) {
+      return;
+    }
+    let frame = 0;
+    const select = () => {
+      frame = 0;
+      let id = categories[0]?.id;
+      for (const category of categories) {
+        const top = sections.current.get(category.id)?.getBoundingClientRect().top;
+        if (top === void 0) {
+          continue;
+        }
+        if (top > 200) {
+          break;
+        }
+        id = category.id;
+      }
+      if (window.scrollY + window.innerHeight >= document.documentElement.scrollHeight - 2) {
+        id = categories.at(-1)?.id ?? id;
+      }
+      if (id && id !== activeRef.current) {
+        setActive(id);
+        reachLatest(id);
+      }
+    };
+    const onScroll = () => {
+      if (!frame) {
+        frame = requestAnimationFrame(select);
+      }
+    };
+    window.addEventListener("scroll", onScroll, { passive: true });
+    return () => {
+      window.removeEventListener("scroll", onScroll);
+      cancelAnimationFrame(frame);
+    };
+  }, [categories, itemOpen, reachLatest]);
+  const selectCategory = useCallback(
+    (id) => {
+      setActive(id);
+      onSelectCategory(id);
+      sections.current.get(id)?.scrollIntoView({ block: "start" });
+      void reach(id);
+    },
+    [onSelectCategory, reach]
+  );
+  const previousLayout = useRef(menuLayout);
+  useEffect(() => {
+    if (previousLayout.current !== menuLayout && active) {
+      sections.current.get(active)?.scrollIntoView({ block: "start" });
+    }
+    previousLayout.current = menuLayout;
+  }, [menuLayout, active]);
+  const focusCategory = useCallback((id) => {
+    sections.current.get(id)?.querySelector("h3")?.focus();
+  }, []);
+  return {
+    active,
+    sections,
+    selectCategory,
+    focusCategory
+  };
+}
+export {
+  useCategoryScroll
+};
+//# sourceMappingURL=use-category-scroll.js.map

package/dist/catalogue/use-category-scroll.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/catalogue/use-category-scroll.ts"],
+  "sourcesContent": ["import type { Category } from \"@zappie/sdk\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\nexport function useCategoryScroll({\n  categories,\n  selectedCategoryId,\n  itemOpen,\n  menuId,\n  menuLayout,\n  reach,\n  onSelectCategory,\n}: {\n  categories: readonly Category[];\n  selectedCategoryId?: string;\n  itemOpen: boolean;\n  menuId?: string;\n  menuLayout?: string;\n  reach(categoryId: string): Promise<void>;\n  onSelectCategory(categoryId: string): void;\n}) {\n  const [active, setActive] = useState(selectedCategoryId ?? categories[0]?.id);\n  const activeRef = useRef(active);\n  activeRef.current = active;\n  const sections = useRef(new Map<string, HTMLElement>());\n  const wanted = useRef<string>(undefined);\n  const reading = useRef(false);\n  const reachLatest = useCallback(\n    (categoryId: string) => {\n      wanted.current = categoryId;\n      if (reading.current) {\n        return;\n      }\n      reading.current = true;\n      void (async () => {\n        try {\n          while (wanted.current) {\n            const next = wanted.current;\n            wanted.current = undefined;\n            await reach(next);\n          }\n        } finally {\n          reading.current = false;\n        }\n      })();\n    },\n    [reach],\n  );\n  useEffect(() => {\n    if (itemOpen) {\n      return;\n    }\n    const id = selectedCategoryId ?? categories[0]?.id;\n    if (id) {\n      setActive(id);\n      void reach(id);\n    }\n  }, [menuId, selectedCategoryId, itemOpen, reach, categories]);\n  useEffect(() => {\n    if (itemOpen) {\n      return;\n    }\n    let frame = 0;\n    const select = () => {\n      frame = 0;\n      let id = categories[0]?.id;\n      for (const category of categories) {\n        const top = sections.current\n          .get(category.id)\n          ?.getBoundingClientRect().top;\n        if (top === undefined) {\n          continue;\n        }\n        if (top > 200) {\n          break;\n        }\n        id = category.id;\n      }\n      if (\n        window.scrollY + window.innerHeight >=\n        document.documentElement.scrollHeight - 2\n      ) {\n        id = categories.at(-1)?.id ?? id;\n      }\n      if (id && id !== activeRef.current) {\n        setActive(id);\n        reachLatest(id);\n      }\n    };\n    const onScroll = () => {\n      if (!frame) {\n        frame = requestAnimationFrame(select);\n      }\n    };\n    window.addEventListener(\"scroll\", onScroll, { passive: true });\n    return () => {\n      window.removeEventListener(\"scroll\", onScroll);\n      cancelAnimationFrame(frame);\n    };\n  }, [categories, itemOpen, reachLatest]);\n  const selectCategory = useCallback(\n    (id: string) => {\n      setActive(id);\n      onSelectCategory(id);\n      sections.current.get(id)?.scrollIntoView({ block: \"start\" });\n      void reach(id);\n    },\n    [onSelectCategory, reach],\n  );\n  const previousLayout = useRef(menuLayout);\n  useEffect(() => {\n    if (previousLayout.current !== menuLayout && active) {\n      sections.current.get(active)?.scrollIntoView({ block: \"start\" });\n    }\n    previousLayout.current = menuLayout;\n  }, [menuLayout, active]);\n  const focusCategory = useCallback((id: string) => {\n    sections.current.get(id)?.querySelector(\"h3\")?.focus();\n  }, []);\n  return {\n    active,\n    sections,\n    selectCategory,\n    focusCategory,\n  };\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/catalogue/use-item-opener.js

@@ -0,0 +1,46 @@
+// src/catalogue/use-item-opener.ts
+import { useOverlay } from "@zappie/foundations";
+import { useCallback, useEffect, useState } from "react";
+function useItemOpener({
+  navigation,
+  source,
+  clearSearch
+}) {
+  const searchOverlay = useOverlay("catalogue_search", "search");
+  const [pendingItem, setPendingItem] = useState();
+  const open = useCallback(
+    async (item) => {
+      if (searchOverlay.isOpen) {
+        setPendingItem(item);
+        searchOverlay.close();
+        return;
+      }
+      const placement = item.placements?.find((value) => value.menuId === source?.id) ?? item.placements?.[0];
+      const menuId = placement?.menuId ?? source?.id;
+      if (menuId) {
+        clearSearch();
+        await navigation.openItem({
+          itemId: item.id,
+          item,
+          menuId,
+          ...placement ? { categoryId: placement.categoryId } : {}
+        });
+      }
+    },
+    [clearSearch, navigation, searchOverlay, source]
+  );
+  useEffect(() => {
+    if (pendingItem && !searchOverlay.isOpen) {
+      const frame = requestAnimationFrame(() => {
+        setPendingItem(void 0);
+        void open(pendingItem);
+      });
+      return () => cancelAnimationFrame(frame);
+    }
+  }, [pendingItem, searchOverlay.isOpen, open]);
+  return open;
+}
+export {
+  useItemOpener
+};
+//# sourceMappingURL=use-item-opener.js.map

package/dist/catalogue/use-item-opener.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/catalogue/use-item-opener.ts"],
+  "sourcesContent": ["import { useOverlay } from \"@zappie/foundations\";\nimport type { Item, MenuSection } from \"@zappie/sdk\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport type { CatalogueNavigation } from \"../navigation\";\n\nexport function useItemOpener({\n  navigation,\n  source,\n  clearSearch,\n}: {\n  navigation: CatalogueNavigation;\n  source?: MenuSection;\n  clearSearch(): void;\n}) {\n  const searchOverlay = useOverlay(\"catalogue_search\", \"search\");\n  const [pendingItem, setPendingItem] = useState<Item>();\n  const open = useCallback(\n    async (item: Item) => {\n      if (searchOverlay.isOpen) {\n        setPendingItem(item);\n        searchOverlay.close();\n        return;\n      }\n      const placement =\n        item.placements?.find((value) => value.menuId === source?.id) ??\n        item.placements?.[0];\n      const menuId = placement?.menuId ?? source?.id;\n      if (menuId) {\n        clearSearch();\n        await navigation.openItem({\n          itemId: item.id,\n          item,\n          menuId,\n          ...(placement ? { categoryId: placement.categoryId } : {}),\n        });\n      }\n    },\n    [clearSearch, navigation, searchOverlay, source],\n  );\n  useEffect(() => {\n    if (pendingItem && !searchOverlay.isOpen) {\n      const frame = requestAnimationFrame(() => {\n        setPendingItem(undefined);\n        void open(pendingItem);\n      });\n      return () => cancelAnimationFrame(frame);\n    }\n  }, [pendingItem, searchOverlay.isOpen, open]);\n  return open;\n}\n"],
+  "mappings": ";AAAA,SAAS,kBAAkB;AAE3B,SAAS,aAAa,WAAW,gBAAgB;AAG1C,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,gBAAgB,WAAW,oBAAoB,QAAQ;AAC7D,QAAM,CAAC,aAAa,cAAc,IAAI,SAAe;AACrD,QAAM,OAAO;AAAA,IACX,OAAO,SAAe;AACpB,UAAI,cAAc,QAAQ;AACxB,uBAAe,IAAI;AACnB,sBAAc,MAAM;AACpB;AAAA,MACF;AACA,YAAM,YACJ,KAAK,YAAY,KAAK,CAAC,UAAU,MAAM,WAAW,QAAQ,EAAE,KAC5D,KAAK,aAAa,CAAC;AACrB,YAAM,SAAS,WAAW,UAAU,QAAQ;AAC5C,UAAI,QAAQ;AACV,oBAAY;AACZ,cAAM,WAAW,SAAS;AAAA,UACxB,QAAQ,KAAK;AAAA,UACb;AAAA,UACA;AAAA,UACA,GAAI,YAAY,EAAE,YAAY,UAAU,WAAW,IAAI,CAAC;AAAA,QAC1D,CAAC;AAAA,MACH;AAAA,IACF;AAAA,IACA,CAAC,aAAa,YAAY,eAAe,MAAM;AAAA,EACjD;AACA,YAAU,MAAM;AACd,QAAI,eAAe,CAAC,cAAc,QAAQ;AACxC,YAAM,QAAQ,sBAAsB,MAAM;AACxC,uBAAe,MAAS;AACxB,aAAK,KAAK,WAAW;AAAA,MACvB,CAAC;AACD,aAAO,MAAM,qBAAqB,KAAK;AAAA,IACzC;AAAA,EACF,GAAG,CAAC,aAAa,cAAc,QAAQ,IAAI,CAAC;AAC5C,SAAO;AACT;",
+  "names": []
+}

package/dist/catalogue/use-search-source.js

@@ -0,0 +1,132 @@
+"use client";
+
+// src/catalogue/use-search-source.ts
+import { createSearchIndex } from "@zappie/foundations";
+import { useZappie } from "@zappie/sdk/react";
+import { useEffect, useMemo, useState } from "react";
+function useSearchSource(menu, enabled) {
+  const client = useZappie();
+  const [query, setQuery] = useState("");
+  const [composing, setComposing] = useState(false);
+  const [attempt, setAttempt] = useState(0);
+  const [cursor, setCursor] = useState();
+  const [remote, setRemote] = useState({ query: "" });
+  const index = useMemo(() => createSearchIndex(menu), [menu]);
+  const local = useMemo(() => index(query), [index, query]);
+  const hasLocalItems = local.some((result) => result.type === "item");
+  useEffect(() => {
+    if (!enabled || composing || !query.trim() || hasLocalItems) {
+      return;
+    }
+    const abort = new AbortController();
+    const timer = setTimeout(() => {
+      setRemote((previous) => ({
+        ...cursor && previous.query === query ? previous : {},
+        query,
+        loading: true
+      }));
+      void client.menu.search(query, {
+        branch: menu.branchId,
+        signal: abort.signal,
+        ...cursor ? { cursor } : {}
+      }).then(
+        (page) => {
+          if (!abort.signal.aborted) {
+            setRemote((previous) => {
+              if (!cursor || previous.query !== query || !previous.page) {
+                return { query, page };
+              }
+              return {
+                query,
+                page: {
+                  ...page,
+                  menu: {
+                    ...page.menu,
+                    items: {
+                      ...previous.page.menu.items,
+                      ...page.menu.items
+                    },
+                    categories: [
+                      ...new Map(
+                        [
+                          ...previous.page.menu.categories,
+                          ...page.menu.categories
+                        ].map((category) => [category.id, category])
+                      ).values()
+                    ]
+                  }
+                }
+              };
+            });
+          }
+        },
+        () => {
+          if (!abort.signal.aborted) {
+            setRemote((previous) => ({
+              ...cursor && previous.query === query ? previous : {},
+              query,
+              loading: false,
+              error: "Search could not load. Try again."
+            }));
+          }
+        }
+      );
+    }, 500);
+    return () => {
+      clearTimeout(timer);
+      abort.abort();
+    };
+  }, [
+    client,
+    menu.branchId,
+    query,
+    enabled,
+    composing,
+    hasLocalItems,
+    attempt,
+    cursor
+  ]);
+  const current = !composing && remote.query === query && !hasLocalItems ? remote : void 0;
+  const results = useMemo(() => {
+    const values = [...local];
+    for (const item of Object.values(current?.page?.menu.items ?? {})) {
+      if (!values.some(
+        (result) => result.type === "item" && result.item.id === item.id
+      )) {
+        values.push({ type: "item", item, score: 0 });
+      }
+    }
+    for (const category of current?.page?.menu.categories ?? []) {
+      if (category.name.toLocaleLowerCase().includes(query.trim().toLocaleLowerCase()) && !values.some(
+        (result) => result.type === "category" && result.category.id === category.id
+      )) {
+        values.push({ type: "category", category, score: 0 });
+      }
+    }
+    return values;
+  }, [local, current?.page, query]);
+  return {
+    query,
+    setQuery: (value) => {
+      setCursor(void 0);
+      setQuery(value);
+    },
+    hasMore: Boolean(current?.page?.nextCursor),
+    loadMore: () => {
+      if (!current?.loading && current?.page?.nextCursor) {
+        setCursor(current.page.nextCursor);
+      }
+    },
+    source: {
+      results,
+      isLoading: current?.loading ?? false,
+      ...current?.error ? { error: current.error } : {},
+      retry: () => setAttempt((value) => value + 1),
+      onCompositionChange: setComposing
+    }
+  };
+}
+export {
+  useSearchSource
+};
+//# sourceMappingURL=use-search-source.js.map

package/dist/catalogue/use-search-source.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/catalogue/use-search-source.ts"],
+  "sourcesContent": ["\"use client\";\nimport { createSearchIndex, type SearchResult } from \"@zappie/foundations\";\nimport type { Menu, SearchPage } from \"@zappie/sdk\";\nimport { useZappie } from \"@zappie/sdk/react\";\nimport { useEffect, useMemo, useState } from \"react\";\n\n/** Loaded matches win; remote fallback never hydrates a complete catalogue. */\nexport function useSearchSource(menu: Menu, enabled: boolean) {\n  const client = useZappie();\n  const [query, setQuery] = useState(\"\");\n  const [composing, setComposing] = useState(false);\n  const [attempt, setAttempt] = useState(0);\n  const [cursor, setCursor] = useState<string>();\n  const [remote, setRemote] = useState<{\n    query: string;\n    page?: SearchPage;\n    error?: string;\n    loading?: boolean;\n  }>({ query: \"\" });\n  const index = useMemo(() => createSearchIndex(menu), [menu]);\n  const local = useMemo(() => index(query), [index, query]);\n  const hasLocalItems = local.some((result) => result.type === \"item\");\n  useEffect(() => {\n    if (!enabled || composing || !query.trim() || hasLocalItems) {\n      return;\n    }\n    const abort = new AbortController();\n    const timer = setTimeout(() => {\n      setRemote((previous) => ({\n        ...(cursor && previous.query === query ? previous : {}),\n        query,\n        loading: true,\n      }));\n      void client.menu\n        .search(query, {\n          branch: menu.branchId,\n          signal: abort.signal,\n          ...(cursor ? { cursor } : {}),\n        })\n        .then(\n          (page) => {\n            if (!abort.signal.aborted) {\n              setRemote((previous) => {\n                if (!cursor || previous.query !== query || !previous.page) {\n                  return { query, page };\n                }\n                return {\n                  query,\n                  page: {\n                    ...page,\n                    menu: {\n                      ...page.menu,\n                      items: {\n                        ...previous.page.menu.items,\n                        ...page.menu.items,\n                      },\n                      categories: [\n                        ...new Map(\n                          [\n                            ...previous.page.menu.categories,\n                            ...page.menu.categories,\n                          ].map((category) => [category.id, category]),\n                        ).values(),\n                      ],\n                    },\n                  },\n                };\n              });\n            }\n          },\n          () => {\n            if (!abort.signal.aborted) {\n              setRemote((previous) => ({\n                ...(cursor && previous.query === query ? previous : {}),\n                query,\n                loading: false,\n                error: \"Search could not load. Try again.\",\n              }));\n            }\n          },\n        );\n    }, 500);\n    return () => {\n      clearTimeout(timer);\n      abort.abort();\n    };\n  }, [\n    client,\n    menu.branchId,\n    query,\n    enabled,\n    composing,\n    hasLocalItems,\n    attempt,\n    cursor,\n  ]);\n  const current =\n    !composing && remote.query === query && !hasLocalItems ? remote : undefined;\n  const results = useMemo(() => {\n    const values: SearchResult[] = [...local];\n    for (const item of Object.values(current?.page?.menu.items ?? {})) {\n      if (\n        !values.some(\n          (result) => result.type === \"item\" && result.item.id === item.id,\n        )\n      ) {\n        values.push({ type: \"item\", item, score: 0 });\n      }\n    }\n    for (const category of current?.page?.menu.categories ?? []) {\n      if (\n        category.name\n          .toLocaleLowerCase()\n          .includes(query.trim().toLocaleLowerCase()) &&\n        !values.some(\n          (result) =>\n            result.type === \"category\" && result.category.id === category.id,\n        )\n      ) {\n        values.push({ type: \"category\", category, score: 0 });\n      }\n    }\n    return values;\n  }, [local, current?.page, query]);\n  return {\n    query,\n    setQuery: (value: string) => {\n      setCursor(undefined);\n      setQuery(value);\n    },\n    hasMore: Boolean(current?.page?.nextCursor),\n    loadMore: () => {\n      if (!current?.loading && current?.page?.nextCursor) {\n        setCursor(current.page.nextCursor);\n      }\n    },\n    source: {\n      results,\n      isLoading: current?.loading ?? false,\n      ...(current?.error ? { error: current.error } : {}),\n      retry: () => setAttempt((value) => value + 1),\n      onCompositionChange: setComposing,\n    },\n  };\n}\n"],
+  "mappings": "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",
+  "names": []
+}