@zappie/theme-base 0.1.0 → 0.1.2

package/CHANGELOG.md

@@ -0,0 +1,39 @@
+# @zappie/theme-base
+
+## 0.1.2
+
+### Patch Changes
+
+- d3c5f98: Keep each runtime module separate so your app can split package code across routes. Check and verify accept compatible package updates without pinning you to one patch version.
+- Updated dependencies [d3c5f98]
+  - @zappie/sdk@0.1.2
+  - @zappie/foundations@0.1.2
+
+## 0.1.1
+
+### Patch Changes
+
+- 1e6f420: Each package now has a README written for people installing it from npm: what it does, how to install and use it, its entry points, and links to docs.zappie.ai. `@zappie/kit` gains its first README.
+- Updated dependencies [38f23ac]
+- Updated dependencies [1e6f420]
+  - @zappie/sdk@0.1.1
+  - @zappie/foundations@0.1.1
+  - @zappie/tokens@0.1.1
+
+## 0.1.0
+
+### Minor Changes
+
+- - `@zappie/tokens`: Publish the semantic storefront token contract, CSS aliases, validation and compilation tools.
+  - `@zappie/sdk`: Publish the framework-agnostic storefront client and its React, server, checkout, customer, places, visits and URL entries.
+  - `@zappie/foundations`: Publish accessible, unstyled React primitives for storefront catalogue, item, fulfilment and cart experiences.
+  - `@zappie/theme-base`: Publish the reusable base storefront theme and its catalogue, item and cart surfaces.
+  - `@zappie/kit`: Publish the built component registry consumed by the Zappie CLI.
+  - `zappie`: Publish the component CLI with `add`, `list` and `diff`.
+
+### Patch Changes
+
+- Updated dependencies
+  - @zappie/tokens@0.1.0
+  - @zappie/sdk@0.1.0
+  - @zappie/foundations@0.1.0

package/README.md

@@ -1,65 +1,38 @@
-# Base storefront theme
+# @zappie/theme-base
 
-Workstream 06, Stage A, PR 3: the cart now supports configured lines, quantity
-changes, editing, removal, issue fixes, server-quoted totals and the existing
-host payment flow. Empty and loading states use the same foundations overlay.
+The base storefront theme that Zappie's own storefront app renders: the catalogue, item sheets, cart and checkout steps. It's built only from Zappie's public packages, `@zappie/sdk`, `@zappie/foundations` and `@zappie/tokens`, so it also shows how far those packages go on their own.
 
-The adapter seeds the existing host pickup/delivery choice. Fulfilment, address,
-schedule and promo editors follow in PR 4; a new delivery address cannot yet be
-entered in this cart. Pickup provides the end-to-end payment test path.
+```sh
+npm install @zappie/theme-base
+```
 
-The host basket owns initial lines during migration. `connectBasketBridge`
-reconciles complete snapshots into the SDK and mirrors subsequent SDK edits
-back into the same legacy storage bucket. Line identities, choices, notes and
-unavailable-item issues survive. A private SDK import seam makes this atomic;
-no backend API or public cart method changes. Scope changes detach the bridge.
+React 19.2 is a peer dependency.
 
-`@zappie/theme-base/host-bridge` exposes the temporary provider contract for
-payment, sign-in, customer details and address suggestions. The host checks a
-current quote and synchronized basket, closes the cart through foundations,
-waits for the URL change and cart unmount, and only then starts the existing
-payment flow. Sign-in similarly releases the foundations modal before invoking
-the host auth callback, which restores the cart after authentication.
-Address lookup uses the existing host Places endpoint. Fulfilment must match
-the current host branch and pickup/delivery bucket before checkout.
+## Who it's for
 
-Use `pnpm dev` and open an existing test store with
-`?template=base-next&modal_id=review-menu`. Below 1024px the cart is a full-height
-swipeable drawer; from 1024px it is a centred dialog. Deep-link close retains
-the store URL. All other storefront templates retain their existing cart.
+Zappie's storefront app mounts this theme and supplies payment, sign-in, rewards and delivery regions through `@zappie/theme-base/host-bridge`. That bridge is a temporary contract with Zappie's own app. It will be replaced, so it isn't a stable way to run the theme in your own project.
 
-`theme.json` copies the approved default-template tokens. Regenerate the scoped
-CSS with `pnpm base-next:tokens`. Explicit `.dark` / `data-theme="dark"` choices
-use dark tokens; the default ignores the operating-system preference.
+Building your own storefront or template? Start from `@zappie/sdk`, `@zappie/foundations` and the kit's copy-in components (`npx zappie add <name>`). Use this theme as a reference for how the parts fit together.
 
-The host adapters in `lib/templates/base-next` reuse the default catalogue,
-manifest and SEO. This package imports only public commerce packages. The
-host-side seam owns its provider and legacy template contract.
+## Entry points
 
-Registration is build-time gated: production serves base-next only with
-`ZAPPIE_ENABLE_BASE_NEXT=1`. The generated registry contains static gated entries;
-builds do not rewrite tracked files. Workspace themes never enter artifact
-admission. The external-template development host keeps its existing cart.
+| Import                                                 | For                                                 |
+| ------------------------------------------------------ | --------------------------------------------------- |
+| `@zappie/theme-base/catalogue`, `/item`, `/item-frame` | The menu and item views                             |
+| `@zappie/theme-base/cart` and `/checkout`              | The cart and checkout steps                         |
+| `@zappie/theme-base/address` and `/navigation`         | Address entry and in-page navigation                |
+| `@zappie/theme-base/styles.css`                        | The theme's styles, scoped to its own root          |
+| `@zappie/theme-base/host-bridge`                       | The temporary contract with Zappie's storefront app |
 
-`pnpm base-next:metrics` updates `docs/base-next-metrics.json`, preserving the
-pre-migration baseline. Counts cover the explicit PRD legacy paths and all
-non-test cart source. CSS totals include compiled tokens; legacy shared CSS
-cannot be attributed to cart alone. These incremental metrics are not a claim of
-full cart parity or a completed Stage A reduction.
+## Docs
 
-The catalogue is exported from `@zappie/theme-base/catalogue`. A template wraps
-it in `CatalogueNavigationProvider` from `@zappie/theme-base/navigation`, using
-its own router implementation or the framework-independent
-`createUrlNavigation()` default. Item links and URL state come from that
-navigation context. `initialMenu` contains menus/categories and no items;
-the supplied policy chooses eager or progressive reads. `orderAction` supplies
-the Place/Schedule/View label. Search's controlled source performs bounded
-reads, and themeClass reaches mobile overlay portals.
+- [Open Storefronts](https://docs.zappie.ai/open-storefronts)
+- [Build a storefront](https://docs.zappie.ai/guides/build-a-storefront)
 
-## Visit counting
+## Status
 
-A template app calls `countPage` from `@zappie/sdk/visits` after each route
-change, with `enabled: false` in editors and previews. The base screens then
-count successful item adds and cart opens, and attach the visit's source and
-campaign to SDK checkout. The current Next app does not call `countPage`, so
-these events remain disabled there.
+The theme is at `0.x`. It changes with Zappie's storefront app, and any release can change its entry points. Each change is listed in `CHANGELOG.md`.
+
+## License
+
+MIT

package/dist/address.js

@@ -1,4 +1,101 @@
 "use client";
-export { AddressLookupProvider, createSdkAddressLookup, useAddressLookup } from './chunk-NTJONY3N.js';
+
+// src/address.tsx
+import {
+  createContext,
+  useContext
+} from "react";
+import { jsx } from "react/jsx-runtime";
+function deliveryAddress(place, source) {
+  const result = {
+    line1: place.line1,
+    placeId: place.place_id,
+    coordinates: { lat: place.lat, lng: place.lng }
+  };
+  if (place.city !== void 0) {
+    result.city = place.city;
+  }
+  if (source?.line2 !== void 0) {
+    result.line2 = source.line2;
+  }
+  if (source?.instructions !== void 0) {
+    result.instructions = source.instructions;
+  }
+  return result;
+}
+var Context = createContext(null);
+function AddressLookupProvider({
+  lookup,
+  children
+}) {
+  return /* @__PURE__ */ jsx(Context.Provider, { value: lookup, children });
+}
+function useAddressLookup() {
+  const lookup = useContext(Context);
+  if (!lookup) {
+    throw new Error("useAddressLookup requires AddressLookupProvider");
+  }
+  return lookup;
+}
+function createSdkAddressLookup({
+  places,
+  branchId
+}) {
+  let sessionToken = crypto.randomUUID();
+  const Map = ({ address }) => {
+    if (!address.coordinates) {
+      return null;
+    }
+    return (
+      // The theme can't use next/image; the map's size is fixed by the API.
+      // eslint-disable-next-line @next/next/no-img-element
+      /* @__PURE__ */ jsx(
+        "img",
+        {
+          className: "z-base-address-map",
+          src: places.staticMapUrl(
+            address.coordinates.lat,
+            address.coordinates.lng,
+            branchId
+          ),
+          alt: `Map of ${address.line1}`,
+          width: 640,
+          height: 320,
+          loading: "lazy"
+        }
+      )
+    );
+  };
+  return {
+    async suggest(query) {
+      const suggestions = await places.autocomplete(query, sessionToken);
+      return suggestions.map((suggestion) => ({
+        placeId: suggestion.place_id,
+        address: suggestion.secondary ? `${suggestion.text}, ${suggestion.secondary}` : suggestion.text,
+        sessionToken
+      }));
+    },
+    async resolve(address, token) {
+      if (!address.placeId) {
+        throw new Error("Choose a suggested delivery address");
+      }
+      const place = await places.place(address.placeId, {
+        branchId,
+        sessionToken: token ?? sessionToken
+      });
+      sessionToken = crypto.randomUUID();
+      return deliveryAddress(place, address);
+    },
+    async reverse({ lat, lng }) {
+      const place = await places.reverse(lat, lng);
+      return deliveryAddress(place);
+    },
+    Map
+  };
+}
+export {
+  AddressLookupProvider,
+  createSdkAddressLookup,
+  useAddressLookup
+};
 //# sourceMappingURL=address.js.map
-//# sourceMappingURL=address.js.map

package/dist/address.js.map

@@ -1 +1,7 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"address.js"}
+{
+  "version": 3,
+  "sources": ["../src/address.tsx"],
+  "sourcesContent": ["\"use client\";\n\nimport type { DeliveryAddress } from \"@zappie/sdk\";\nimport type { Place, PlacesClient } from \"@zappie/sdk/places\";\nimport {\n  createContext,\n  useContext,\n  type ComponentType,\n  type ReactNode,\n} from \"react\";\n\nexport type AddressSuggestion = {\n  placeId: string;\n  address: string;\n  sessionToken?: string;\n};\n\nexport type AddressLookup = {\n  suggest(query: string): Promise<AddressSuggestion[]>;\n  reverse?(coordinates: { lat: number; lng: number }): Promise<DeliveryAddress>;\n  resolve?(\n    address: DeliveryAddress,\n    sessionToken?: string,\n  ): Promise<DeliveryAddress>;\n  Map?: ComponentType<{ address: DeliveryAddress }>;\n};\n\nfunction deliveryAddress(\n  place: Place,\n  source?: DeliveryAddress,\n): DeliveryAddress {\n  const result: DeliveryAddress = {\n    line1: place.line1,\n    placeId: place.place_id,\n    coordinates: { lat: place.lat, lng: place.lng },\n  };\n  if (place.city !== undefined) {\n    result.city = place.city;\n  }\n  if (source?.line2 !== undefined) {\n    result.line2 = source.line2;\n  }\n  if (source?.instructions !== undefined) {\n    result.instructions = source.instructions;\n  }\n  return result;\n}\n\nconst Context = createContext<AddressLookup | null>(null);\n\nexport function AddressLookupProvider({\n  lookup,\n  children,\n}: {\n  lookup: AddressLookup;\n  children: ReactNode;\n}) {\n  return <Context.Provider value={lookup}>{children}</Context.Provider>;\n}\n\nexport function useAddressLookup() {\n  const lookup = useContext(Context);\n  if (!lookup) {\n    throw new Error(\"useAddressLookup requires AddressLookupProvider\");\n  }\n  return lookup;\n}\n\nexport function createSdkAddressLookup({\n  places,\n  branchId,\n}: {\n  places: PlacesClient;\n  branchId: string;\n}): AddressLookup {\n  let sessionToken = crypto.randomUUID();\n  const Map = ({ address }: { address: DeliveryAddress }) => {\n    if (!address.coordinates) {\n      return null;\n    }\n    return (\n      // The theme can't use next/image; the map's size is fixed by the API.\n      // eslint-disable-next-line @next/next/no-img-element\n      <img\n        className=\"z-base-address-map\"\n        src={places.staticMapUrl(\n          address.coordinates.lat,\n          address.coordinates.lng,\n          branchId,\n        )}\n        alt={`Map of ${address.line1}`}\n        width={640}\n        height={320}\n        loading=\"lazy\"\n      />\n    );\n  };\n  return {\n    async suggest(query) {\n      const suggestions = await places.autocomplete(query, sessionToken);\n      return suggestions.map((suggestion) => ({\n        placeId: suggestion.place_id,\n        address: suggestion.secondary\n          ? `${suggestion.text}, ${suggestion.secondary}`\n          : suggestion.text,\n        sessionToken,\n      }));\n    },\n    async resolve(address, token) {\n      if (!address.placeId) {\n        throw new Error(\"Choose a suggested delivery address\");\n      }\n      const place = await places.place(address.placeId, {\n        branchId,\n        sessionToken: token ?? sessionToken,\n      });\n      sessionToken = crypto.randomUUID();\n      return deliveryAddress(place, address);\n    },\n    async reverse({ lat, lng }) {\n      const place = await places.reverse(lat, lng);\n      return deliveryAddress(place);\n    },\n    Map,\n  };\n}\n"],
+  "mappings": ";;;AAIA;AAAA,EACE;AAAA,EACA;AAAA,OAGK;AAgDE;AA9BT,SAAS,gBACP,OACA,QACiB;AACjB,QAAM,SAA0B;AAAA,IAC9B,OAAO,MAAM;AAAA,IACb,SAAS,MAAM;AAAA,IACf,aAAa,EAAE,KAAK,MAAM,KAAK,KAAK,MAAM,IAAI;AAAA,EAChD;AACA,MAAI,MAAM,SAAS,QAAW;AAC5B,WAAO,OAAO,MAAM;AAAA,EACtB;AACA,MAAI,QAAQ,UAAU,QAAW;AAC/B,WAAO,QAAQ,OAAO;AAAA,EACxB;AACA,MAAI,QAAQ,iBAAiB,QAAW;AACtC,WAAO,eAAe,OAAO;AAAA,EAC/B;AACA,SAAO;AACT;AAEA,IAAM,UAAU,cAAoC,IAAI;AAEjD,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AACF,GAGG;AACD,SAAO,oBAAC,QAAQ,UAAR,EAAiB,OAAO,QAAS,UAAS;AACpD;AAEO,SAAS,mBAAmB;AACjC,QAAM,SAAS,WAAW,OAAO;AACjC,MAAI,CAAC,QAAQ;AACX,UAAM,IAAI,MAAM,iDAAiD;AAAA,EACnE;AACA,SAAO;AACT;AAEO,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AACF,GAGkB;AAChB,MAAI,eAAe,OAAO,WAAW;AACrC,QAAM,MAAM,CAAC,EAAE,QAAQ,MAAoC;AACzD,QAAI,CAAC,QAAQ,aAAa;AACxB,aAAO;AAAA,IACT;AACA;AAAA;AAAA;AAAA,MAGE;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,KAAK,OAAO;AAAA,YACV,QAAQ,YAAY;AAAA,YACpB,QAAQ,YAAY;AAAA,YACpB;AAAA,UACF;AAAA,UACA,KAAK,UAAU,QAAQ,KAAK;AAAA,UAC5B,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,SAAQ;AAAA;AAAA,MACV;AAAA;AAAA,EAEJ;AACA,SAAO;AAAA,IACL,MAAM,QAAQ,OAAO;AACnB,YAAM,cAAc,MAAM,OAAO,aAAa,OAAO,YAAY;AACjE,aAAO,YAAY,IAAI,CAAC,gBAAgB;AAAA,QACtC,SAAS,WAAW;AAAA,QACpB,SAAS,WAAW,YAChB,GAAG,WAAW,IAAI,KAAK,WAAW,SAAS,KAC3C,WAAW;AAAA,QACf;AAAA,MACF,EAAE;AAAA,IACJ;AAAA,IACA,MAAM,QAAQ,SAAS,OAAO;AAC5B,UAAI,CAAC,QAAQ,SAAS;AACpB,cAAM,IAAI,MAAM,qCAAqC;AAAA,MACvD;AACA,YAAM,QAAQ,MAAM,OAAO,MAAM,QAAQ,SAAS;AAAA,QAChD;AAAA,QACA,cAAc,SAAS;AAAA,MACzB,CAAC;AACD,qBAAe,OAAO,WAAW;AACjC,aAAO,gBAAgB,OAAO,OAAO;AAAA,IACvC;AAAA,IACA,MAAM,QAAQ,EAAE,KAAK,IAAI,GAAG;AAC1B,YAAM,QAAQ,MAAM,OAAO,QAAQ,KAAK,GAAG;AAC3C,aAAO,gBAAgB,KAAK;AAAA,IAC9B;AAAA,IACA;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/cart/address-sheet.js

@@ -0,0 +1,143 @@
+// src/cart/address-sheet.tsx
+import { Address, useOverlay } from "@zappie/foundations";
+import { useCart } from "@zappie/sdk/react";
+import { Fragment, useState } from "react";
+import { useAddressLookup } from "../address.js";
+import { useBaseHostBridge } from "../host-bridge.js";
+import { CartSheet } from "./cart-sheet.js";
+import { useAddressSelection } from "./use-address-selection.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+function AddressForm() {
+  const cart = useCart();
+  const lookup = useAddressLookup();
+  const bridge = useBaseHostBridge();
+  const overlay = useOverlay("cart_sheet", "address");
+  const current = cart.fulfilment?.type === "delivery" ? cart.fulfilment.address : void 0;
+  const {
+    selected,
+    query,
+    busy,
+    error: lookupError,
+    suggestions,
+    changeQuery,
+    select,
+    findCurrentLocation,
+    locating
+  } = useAddressSelection(current);
+  const [instructions, setInstructions] = useState(current?.instructions ?? "");
+  const [error, setError] = useState(null);
+  const save = () => {
+    if (!selected || !cart.branchId || busy) {
+      return;
+    }
+    setError(null);
+    try {
+      const fulfilment = {
+        type: "delivery",
+        branchId: cart.branchId,
+        address: { ...selected, instructions },
+        ...cart.fulfilment && "scheduledFor" in cart.fulfilment ? { scheduledFor: cart.fulfilment.scheduledFor } : {}
+      };
+      cart.actions.setFulfilment(fulfilment);
+      bridge.saveFulfilment?.(fulfilment);
+      overlay.close();
+    } catch (failure) {
+      setError(
+        failure instanceof Error ? failure.message : "Unable to save this address"
+      );
+    }
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    lookup.reverse && typeof navigator !== "undefined" && navigator.geolocation && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "z-base-button-secondary",
+        disabled: busy,
+        onClick: findCurrentLocation,
+        children: locating ? "Finding your location\u2026" : "Use my current location"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Address.Picker,
+      {
+        query,
+        onQueryChange: changeQuery,
+        getSuggestions: suggestions,
+        onSelect: (value) => {
+          if ("address" in value) {
+            void select(value.address);
+          }
+        },
+        children: ({ suggestions: suggestions2, status, isOpen }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("label", { className: "z-base-field", htmlFor: "z-base-delivery-address", children: [
+            "Delivery address",
+            /* @__PURE__ */ jsx(
+              Address.Input,
+              {
+                className: "z-base-input",
+                id: "z-base-delivery-address",
+                "aria-label": "Delivery address"
+              }
+            )
+          ] }),
+          status === "loading" && /* @__PURE__ */ jsx("p", { role: "status", children: "Finding addresses\u2026" }),
+          status === "error" && /* @__PURE__ */ jsx("p", { role: "alert", children: "Unable to find addresses. Try again." }),
+          isOpen && /* @__PURE__ */ jsx(Address.Suggestions, { className: "z-base-suggestions", children: suggestions2.map((value, index) => /* @__PURE__ */ jsx(
+            Address.Suggestion,
+            {
+              index,
+              className: "z-base-choice",
+              children: value.label
+            },
+            value.id
+          )) }),
+          isOpen && status === "ready" && query && suggestions2.length === 0 && /* @__PURE__ */ jsx("p", { children: "No matching addresses." })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxs("label", { className: "z-base-field", children: [
+      "Delivery instructions",
+      /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          className: "z-base-input",
+          maxLength: 500,
+          value: instructions,
+          onChange: (event) => setInstructions(event.target.value)
+        }
+      )
+    ] }),
+    selected && lookup.Map && /* @__PURE__ */ jsx(lookup.Map, { address: selected }),
+    lookupError && /* @__PURE__ */ jsx("p", { role: "alert", children: lookupError }),
+    error && /* @__PURE__ */ jsx("p", { role: "alert", children: error }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "z-base-button",
+        disabled: !selected || busy,
+        onClick: () => {
+          void save();
+        },
+        children: busy ? "Locating address\u2026" : "Save address"
+      }
+    )
+  ] });
+}
+function AddressSheet() {
+  const cart = useCart();
+  return /* @__PURE__ */ jsx(
+    CartSheet,
+    {
+      id: "address",
+      title: "Delivery address",
+      trigger: cart.fulfilment?.type === "delivery" ? "Change address" : "Add delivery address",
+      children: /* @__PURE__ */ jsx(AddressForm, {})
+    }
+  );
+}
+export {
+  AddressSheet
+};
+//# sourceMappingURL=address-sheet.js.map

package/dist/cart/address-sheet.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/cart/address-sheet.tsx"],
+  "sourcesContent": ["import { Address, useOverlay } from \"@zappie/foundations\";\nimport { useCart } from \"@zappie/sdk/react\";\nimport { Fragment, useState } from \"react\";\nimport { useAddressLookup } from \"../address\";\nimport { useBaseHostBridge } from \"../host-bridge\";\nimport { CartSheet } from \"./cart-sheet\";\nimport { useAddressSelection } from \"./use-address-selection\";\nfunction AddressForm() {\n  const cart = useCart();\n  const lookup = useAddressLookup();\n  const bridge = useBaseHostBridge();\n  const overlay = useOverlay(\"cart_sheet\", \"address\");\n  const current =\n    cart.fulfilment?.type === \"delivery\" ? cart.fulfilment.address : undefined;\n  const {\n    selected,\n    query,\n    busy,\n    error: lookupError,\n    suggestions,\n    changeQuery,\n    select,\n    findCurrentLocation,\n    locating,\n  } = useAddressSelection(current);\n  const [instructions, setInstructions] = useState(current?.instructions ?? \"\");\n  const [error, setError] = useState<string | null>(null);\n  const save = () => {\n    if (!selected || !cart.branchId || busy) {\n      return;\n    }\n    setError(null);\n    try {\n      const fulfilment = {\n        type: \"delivery\" as const,\n        branchId: cart.branchId,\n        address: { ...selected, instructions },\n        ...(cart.fulfilment && \"scheduledFor\" in cart.fulfilment\n          ? { scheduledFor: cart.fulfilment.scheduledFor }\n          : {}),\n      };\n      cart.actions.setFulfilment(fulfilment);\n      bridge.saveFulfilment?.(fulfilment);\n      overlay.close();\n    } catch (failure) {\n      setError(\n        failure instanceof Error\n          ? failure.message\n          : \"Unable to save this address\",\n      );\n    }\n  };\n  return (\n    <Fragment>\n      {lookup.reverse &&\n        typeof navigator !== \"undefined\" &&\n        navigator.geolocation && (\n          <button\n            type=\"button\"\n            className=\"z-base-button-secondary\"\n            disabled={busy}\n            onClick={findCurrentLocation}\n          >\n            {locating ? \"Finding your location\u2026\" : \"Use my current location\"}\n          </button>\n        )}\n      <Address.Picker\n        query={query}\n        onQueryChange={changeQuery}\n        getSuggestions={suggestions}\n        onSelect={(value) => {\n          if (\"address\" in value) {\n            void select(value.address);\n          }\n        }}\n      >\n        {({ suggestions, status, isOpen }) => (\n          <Fragment>\n            <label className=\"z-base-field\" htmlFor=\"z-base-delivery-address\">\n              Delivery address\n              <Address.Input\n                className=\"z-base-input\"\n                id=\"z-base-delivery-address\"\n                aria-label=\"Delivery address\"\n              />\n            </label>\n            {status === \"loading\" && <p role=\"status\">Finding addresses\u2026</p>}\n            {status === \"error\" && (\n              <p role=\"alert\">Unable to find addresses. Try again.</p>\n            )}\n            {isOpen && (\n              <Address.Suggestions className=\"z-base-suggestions\">\n                {suggestions.map((value, index) => (\n                  <Address.Suggestion\n                    key={value.id}\n                    index={index}\n                    className=\"z-base-choice\"\n                  >\n                    {value.label}\n                  </Address.Suggestion>\n                ))}\n              </Address.Suggestions>\n            )}\n            {isOpen &&\n              status === \"ready\" &&\n              query &&\n              suggestions.length === 0 && <p>No matching addresses.</p>}\n          </Fragment>\n        )}\n      </Address.Picker>\n      <label className=\"z-base-field\">\n        Delivery instructions\n        <textarea\n          className=\"z-base-input\"\n          maxLength={500}\n          value={instructions}\n          onChange={(event) => setInstructions(event.target.value)}\n        />\n      </label>\n      {selected && lookup.Map && <lookup.Map address={selected} />}\n      {lookupError && <p role=\"alert\">{lookupError}</p>}\n      {error && <p role=\"alert\">{error}</p>}\n      <button\n        type=\"button\"\n        className=\"z-base-button\"\n        disabled={!selected || busy}\n        onClick={() => {\n          void save();\n        }}\n      >\n        {busy ? \"Locating address\u2026\" : \"Save address\"}\n      </button>\n    </Fragment>\n  );\n}\nexport function AddressSheet() {\n  const cart = useCart();\n  return (\n    <CartSheet\n      id=\"address\"\n      title=\"Delivery address\"\n      trigger={\n        cart.fulfilment?.type === \"delivery\"\n          ? \"Change address\"\n          : \"Add delivery address\"\n      }\n    >\n      <AddressForm />\n    </CartSheet>\n  );\n}\n"],
+  "mappings": "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",
+  "names": ["suggestions"]
+}

package/dist/cart/cart-issues.js

@@ -0,0 +1,72 @@
+// src/cart/cart-issues.tsx
+import { Cart, useOverlay } from "@zappie/foundations";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var labels = {
+  remove_line: "Remove item",
+  accept_price: "Accept new price",
+  remove_promo: "Remove promo",
+  set_quantity: "Update quantity",
+  choose_option: "Choose options",
+  choose_other_option: "Change options",
+  change_address: "Change delivery address",
+  schedule: "Choose order time"
+};
+function Issue({
+  issue,
+  applyFix
+}) {
+  const editor = useOverlay("cart_edit", issue.lineId ?? "");
+  const address = useOverlay("cart_sheet", "address");
+  const schedule = useOverlay("cart_sheet", "schedule");
+  const [error, setError] = useState(null);
+  const fix = (value) => {
+    setError(null);
+    try {
+      if (value.action === "choose_option" || value.action === "choose_other_option") {
+        editor.open();
+      } else if (value.action === "change_address") {
+        address.open();
+      } else if (value.action === "schedule") {
+        schedule.open();
+      } else {
+        applyFix(issue, value);
+      }
+    } catch (error2) {
+      setError(
+        error2 instanceof Error ? error2.message : "Unable to apply this change"
+      );
+    }
+  };
+  return /* @__PURE__ */ jsxs("li", { children: [
+    /* @__PURE__ */ jsx("p", { children: issue.message }),
+    issue.fixes.filter((value) => labels[value.action]).map((value, index) => /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "z-base-button-secondary",
+        onClick: () => fix(value),
+        children: value.action === "set_quantity" ? `Set quantity to ${value.quantity}` : labels[value.action]
+      },
+      index
+    )),
+    error && /* @__PURE__ */ jsx("p", { role: "alert", children: error })
+  ] });
+}
+function CartIssues() {
+  return /* @__PURE__ */ jsx(Cart.Issues, { children: ({ issues, applyFix }) => issues.length > 0 && /* @__PURE__ */ jsxs("section", { className: "z-base-issues", "aria-label": "Cart issues", children: [
+    /* @__PURE__ */ jsx("h2", { children: "Review your cart" }),
+    /* @__PURE__ */ jsx("ul", { children: issues.map((issue, index) => /* @__PURE__ */ jsx(
+      Issue,
+      {
+        issue,
+        applyFix
+      },
+      `${issue.lineId}:${issue.code}:${index}`
+    )) })
+  ] }) });
+}
+export {
+  CartIssues
+};
+//# sourceMappingURL=cart-issues.js.map

package/dist/cart/cart-issues.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/cart/cart-issues.tsx"],
+  "sourcesContent": ["import { Cart, useOverlay } from \"@zappie/foundations\";\nimport type { CartFix, CartIssue } from \"@zappie/sdk\";\nimport { useState } from \"react\";\nconst labels: Partial<Record<CartFix[\"action\"], string>> = {\n  remove_line: \"Remove item\",\n  accept_price: \"Accept new price\",\n  remove_promo: \"Remove promo\",\n  set_quantity: \"Update quantity\",\n  choose_option: \"Choose options\",\n  choose_other_option: \"Change options\",\n  change_address: \"Change delivery address\",\n  schedule: \"Choose order time\",\n};\nfunction Issue({\n  issue,\n  applyFix,\n}: {\n  issue: CartIssue;\n  applyFix: (issue: CartIssue, fix: CartFix) => void;\n}) {\n  const editor = useOverlay(\"cart_edit\", issue.lineId ?? \"\");\n  const address = useOverlay(\"cart_sheet\", \"address\");\n  const schedule = useOverlay(\"cart_sheet\", \"schedule\");\n  const [error, setError] = useState<string | null>(null);\n  const fix = (value: CartFix) => {\n    setError(null);\n    try {\n      if (\n        value.action === \"choose_option\" ||\n        value.action === \"choose_other_option\"\n      ) {\n        editor.open();\n      } else if (value.action === \"change_address\") {\n        address.open();\n      } else if (value.action === \"schedule\") {\n        schedule.open();\n      } else {\n        applyFix(issue, value);\n      }\n    } catch (error) {\n      setError(\n        error instanceof Error ? error.message : \"Unable to apply this change\",\n      );\n    }\n  };\n  return (\n    <li>\n      <p>{issue.message}</p>\n      {issue.fixes\n        .filter((value) => labels[value.action])\n        .map((value, index) => (\n          <button\n            key={index}\n            type=\"button\"\n            className=\"z-base-button-secondary\"\n            onClick={() => fix(value)}\n          >\n            {value.action === \"set_quantity\"\n              ? `Set quantity to ${value.quantity}`\n              : labels[value.action]}\n          </button>\n        ))}\n      {error && <p role=\"alert\">{error}</p>}\n    </li>\n  );\n}\nexport function CartIssues() {\n  return (\n    <Cart.Issues>\n      {({ issues, applyFix }) =>\n        issues.length > 0 && (\n          <section className=\"z-base-issues\" aria-label=\"Cart issues\">\n            <h2>Review your cart</h2>\n            <ul>\n              {issues.map((issue, index) => (\n                <Issue\n                  key={`${issue.lineId}:${issue.code}:${index}`}\n                  issue={issue}\n                  applyFix={applyFix}\n                />\n              ))}\n            </ul>\n          </section>\n        )\n      }\n    </Cart.Issues>\n  );\n}\n"],
+  "mappings": ";AAAA,SAAS,MAAM,kBAAkB;AAEjC,SAAS,gBAAgB;AA4CrB,SACE,KADF;AA3CJ,IAAM,SAAqD;AAAA,EACzD,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EACf,qBAAqB;AAAA,EACrB,gBAAgB;AAAA,EAChB,UAAU;AACZ;AACA,SAAS,MAAM;AAAA,EACb;AAAA,EACA;AACF,GAGG;AACD,QAAM,SAAS,WAAW,aAAa,MAAM,UAAU,EAAE;AACzD,QAAM,UAAU,WAAW,cAAc,SAAS;AAClD,QAAM,WAAW,WAAW,cAAc,UAAU;AACpD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAwB,IAAI;AACtD,QAAM,MAAM,CAAC,UAAmB;AAC9B,aAAS,IAAI;AACb,QAAI;AACF,UACE,MAAM,WAAW,mBACjB,MAAM,WAAW,uBACjB;AACA,eAAO,KAAK;AAAA,MACd,WAAW,MAAM,WAAW,kBAAkB;AAC5C,gBAAQ,KAAK;AAAA,MACf,WAAW,MAAM,WAAW,YAAY;AACtC,iBAAS,KAAK;AAAA,MAChB,OAAO;AACL,iBAAS,OAAO,KAAK;AAAA,MACvB;AAAA,IACF,SAASA,QAAO;AACd;AAAA,QACEA,kBAAiB,QAAQA,OAAM,UAAU;AAAA,MAC3C;AAAA,IACF;AAAA,EACF;AACA,SACE,qBAAC,QACC;AAAA,wBAAC,OAAG,gBAAM,SAAQ;AAAA,IACjB,MAAM,MACJ,OAAO,CAAC,UAAU,OAAO,MAAM,MAAM,CAAC,EACtC,IAAI,CAAC,OAAO,UACX;AAAA,MAAC;AAAA;AAAA,QAEC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAS,MAAM,IAAI,KAAK;AAAA,QAEvB,gBAAM,WAAW,iBACd,mBAAmB,MAAM,QAAQ,KACjC,OAAO,MAAM,MAAM;AAAA;AAAA,MAPlB;AAAA,IAQP,CACD;AAAA,IACF,SAAS,oBAAC,OAAE,MAAK,SAAS,iBAAM;AAAA,KACnC;AAEJ;AACO,SAAS,aAAa;AAC3B,SACE,oBAAC,KAAK,QAAL,EACE,WAAC,EAAE,QAAQ,SAAS,MACnB,OAAO,SAAS,KACd,qBAAC,aAAQ,WAAU,iBAAgB,cAAW,eAC5C;AAAA,wBAAC,QAAG,8BAAgB;AAAA,IACpB,oBAAC,QACE,iBAAO,IAAI,CAAC,OAAO,UAClB;AAAA,MAAC;AAAA;AAAA,QAEC;AAAA,QACA;AAAA;AAAA,MAFK,GAAG,MAAM,MAAM,IAAI,MAAM,IAAI,IAAI,KAAK;AAAA,IAG7C,CACD,GACH;AAAA,KACF,GAGN;AAEJ;",
+  "names": ["error"]
+}

package/dist/cart/cart-line-groups.js

@@ -0,0 +1,34 @@
+// src/cart/cart-line-groups.ts
+function groupCartLinesByMenu(lines, catalogue) {
+  const names = new Map(
+    (catalogue?.menus ?? []).map((menu) => [menu.id, menu.name])
+  );
+  const groups = /* @__PURE__ */ new Map();
+  for (const line of lines) {
+    const menuId = line.menuId ?? "unknown";
+    const group = groups.get(menuId);
+    if (group) {
+      group.lines.push(line);
+      continue;
+    }
+    const menuName = names.get(menuId);
+    groups.set(menuId, {
+      menuId,
+      ...menuName !== void 0 ? { menuName } : {},
+      lines: [line]
+    });
+  }
+  const ordered = [];
+  for (const menu of catalogue?.menus ?? []) {
+    const group = groups.get(menu.id);
+    if (group) {
+      ordered.push(group);
+      groups.delete(menu.id);
+    }
+  }
+  return [...ordered, ...groups.values()];
+}
+export {
+  groupCartLinesByMenu
+};
+//# sourceMappingURL=cart-line-groups.js.map

package/dist/cart/cart-line-groups.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/cart/cart-line-groups.ts"],
+  "sourcesContent": ["import type { CartLine, Menu } from \"@zappie/sdk\";\n\nexport type CartLineGroup = {\n  menuId: string;\n  menuName?: string;\n  lines: CartLine[];\n};\n\nexport function groupCartLinesByMenu(\n  lines: readonly CartLine[],\n  catalogue?: Menu,\n): CartLineGroup[] {\n  const names = new Map(\n    (catalogue?.menus ?? []).map((menu) => [menu.id, menu.name]),\n  );\n  const groups = new Map<string, CartLineGroup>();\n  for (const line of lines) {\n    const menuId = line.menuId ?? \"unknown\";\n    const group = groups.get(menuId);\n    if (group) {\n      group.lines.push(line);\n      continue;\n    }\n    const menuName = names.get(menuId);\n    groups.set(menuId, {\n      menuId,\n      ...(menuName !== undefined ? { menuName } : {}),\n      lines: [line],\n    });\n  }\n  const ordered: CartLineGroup[] = [];\n  for (const menu of catalogue?.menus ?? []) {\n    const group = groups.get(menu.id);\n    if (group) {\n      ordered.push(group);\n      groups.delete(menu.id);\n    }\n  }\n  return [...ordered, ...groups.values()];\n}\n"],
+  "mappings": ";AAQO,SAAS,qBACd,OACA,WACiB;AACjB,QAAM,QAAQ,IAAI;AAAA,KACf,WAAW,SAAS,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,IAAI,KAAK,IAAI,CAAC;AAAA,EAC7D;AACA,QAAM,SAAS,oBAAI,IAA2B;AAC9C,aAAW,QAAQ,OAAO;AACxB,UAAM,SAAS,KAAK,UAAU;AAC9B,UAAM,QAAQ,OAAO,IAAI,MAAM;AAC/B,QAAI,OAAO;AACT,YAAM,MAAM,KAAK,IAAI;AACrB;AAAA,IACF;AACA,UAAM,WAAW,MAAM,IAAI,MAAM;AACjC,WAAO,IAAI,QAAQ;AAAA,MACjB;AAAA,MACA,GAAI,aAAa,SAAY,EAAE,SAAS,IAAI,CAAC;AAAA,MAC7C,OAAO,CAAC,IAAI;AAAA,IACd,CAAC;AAAA,EACH;AACA,QAAM,UAA2B,CAAC;AAClC,aAAW,QAAQ,WAAW,SAAS,CAAC,GAAG;AACzC,UAAM,QAAQ,OAAO,IAAI,KAAK,EAAE;AAChC,QAAI,OAAO;AACT,cAAQ,KAAK,KAAK;AAClB,aAAO,OAAO,KAAK,EAAE;AAAA,IACvB;AAAA,EACF;AACA,SAAO,CAAC,GAAG,SAAS,GAAG,OAAO,OAAO,CAAC;AACxC;",
+  "names": []
+}

package/dist/{chunk-FB5DRCU7.js → cart/cart-line.js}

@@ -1,69 +1,8 @@
-import { ItemConfigurator } from './chunk-2MV6KU3R.js';
-import { useThemeClass } from './chunk-JFEI2OUZ.js';
-import { useOverlay, Overlay, Cart, Money, Quantity } from '@zappie/foundations';
-import { useCart, useZappie } from '@zappie/sdk/react';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-function ClearCart() {
-  const rootClass = useThemeClass("z-base-cart z-base-confirm");
-  const cart = useCart();
-  const confirm = useOverlay("cart_clear", "confirm");
-  return /* @__PURE__ */ jsxs(Overlay.Root, { param: "cart_clear", id: "confirm", presentation: "dialog", children: [
-    /* @__PURE__ */ jsx(Overlay.Trigger, { className: "z-base-button-secondary", children: "Clear cart" }),
-    /* @__PURE__ */ jsxs(
-      Overlay.Content,
-      {
-        "data-zappie-theme": "base",
-        role: "alertdialog",
-        className: rootClass,
-        children: [
-          /* @__PURE__ */ jsx(Overlay.Title, { children: "Clear your cart?" }),
-          /* @__PURE__ */ jsx("p", { children: "This removes every item in your cart." }),
-          /* @__PURE__ */ jsxs("div", { className: "z-base-confirm-actions", children: [
-            /* @__PURE__ */ jsx(Overlay.Close, { className: "z-base-button-secondary", children: "Keep items" }),
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                className: "z-base-button",
-                onClick: () => {
-                  cart.actions.clear();
-                  confirm.close();
-                },
-                children: "Clear cart"
-              }
-            )
-          ] })
-        ]
-      }
-    )
-  ] });
-}
-function LineEditor({ line, item }) {
-  const rootClass = useThemeClass("z-base-cart z-base-editor");
-  const overlay = useOverlay("cart_edit", line.id);
-  const client = useZappie();
-  return /* @__PURE__ */ jsxs(Overlay.Content, { "data-zappie-theme": "base", className: rootClass, children: [
-    /* @__PURE__ */ jsxs("header", { className: "z-base-cart-header", children: [
-      /* @__PURE__ */ jsxs(Overlay.Title, { children: [
-        "Edit ",
-        line.name
-      ] }),
-      /* @__PURE__ */ jsx(Overlay.Close, { className: "z-base-button-secondary", children: "Cancel" })
-    ] }),
-    overlay.isOpen && /* @__PURE__ */ jsx("div", { className: "z-base-cart-body", children: /* @__PURE__ */ jsx(
-      ItemConfigurator,
-      {
-        item,
-        ...line.menuId !== void 0 ? { menuId: line.menuId } : {},
-        line,
-        scope: `${client.config.store}:${client.cart.branchId}:${client.cart.fulfilment?.type}`,
-        onComplete: overlay.close
-      },
-      line.id
-    ) })
-  ] });
-}
+// src/cart/cart-line.tsx
+import { Cart, Money, Overlay, Quantity } from "@zappie/foundations";
+import { useCart } from "@zappie/sdk/react";
+import { LineEditor } from "./line-editor.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function CartLine({ line }) {
   const cart = useCart();
   const invalid = cart.issues.some(
@@ -140,7 +79,7 @@ function CartLine({ line }) {
     ] })
   ] }) });
 }
-
-export { CartLine, ClearCart };
-//# sourceMappingURL=chunk-FB5DRCU7.js.map
-//# sourceMappingURL=chunk-FB5DRCU7.js.map
+export {
+  CartLine
+};
+//# sourceMappingURL=cart-line.js.map