@zappie/theme-base 0.1.1 → 0.1.2

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @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

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/cart/cart-line.tsx"],
+  "sourcesContent": ["import { Cart, Money, Overlay, Quantity } from \"@zappie/foundations\";\nimport type { CartLine as Line } from \"@zappie/sdk\";\nimport { useCart } from \"@zappie/sdk/react\";\nimport { LineEditor } from \"./line-editor\";\nexport function CartLine({ line }: { line: Line }) {\n  const cart = useCart();\n  const invalid = cart.issues.some(\n    (issue) => issue.lineId === line.id && issue.severity === \"blocking\",\n  );\n  return (\n    <Cart.Line line={line} className=\"z-base-line\">\n      {({ item }) => (\n        <>\n          <div className=\"z-base-line-heading\">\n            <h3>{line.name}</h3>\n            {item && !invalid ? (\n              <Money value={line.lineSubtotal} />\n            ) : (\n              <span>Price unavailable</span>\n            )}\n          </div>\n          <ul className=\"z-base-line-options\">\n            {line.choices.map((selection) => {\n              const group = item?.optionGroups.find(\n                (group) => group.id === selection.groupId,\n              );\n              const choice = group?.choices.find(\n                (choice) => choice.id === selection.choiceId,\n              );\n              return (\n                <li key={`${selection.groupId}:${selection.choiceId}`}>\n                  {choice?.name ?? \"Unavailable option\"}\n                  {selection.quantity > 1 ? ` \u00D7 ${selection.quantity}` : \"\"}\n                </li>\n              );\n            })}\n            {Object.entries(line.inputs).map(([id, value]) => (\n              <li key={id}>\n                {item?.optionGroups.find((group) => group.id === id)?.name ??\n                  \"Details\"}\n                : {value}\n              </li>\n            ))}\n          </ul>\n          {line.note && <p className=\"z-base-muted\">{line.note}</p>}\n          <div className=\"z-base-line-actions\">\n            <Cart.Quantity\n              lineId={line.id}\n              disabled={invalid}\n              className=\"z-base-quantity\"\n            >\n              <Quantity.Decrement aria-label={`Decrease ${line.name} quantity`}>\n                \u2212\n              </Quantity.Decrement>\n              <Quantity.Value aria-label={`${line.name} quantity`} />\n              <Quantity.Increment aria-label={`Increase ${line.name} quantity`}>\n                +\n              </Quantity.Increment>\n            </Cart.Quantity>\n            <Overlay.Root\n              param=\"cart_edit\"\n              id={line.id}\n              presentation={{ base: \"sheet\", lg: \"dialog\" }}\n            >\n              <Overlay.Trigger\n                className=\"z-base-button-secondary\"\n                disabled={!item}\n                aria-label={`Edit ${line.name}`}\n              >\n                Edit\n              </Overlay.Trigger>\n              {item && <LineEditor line={line} item={item} />}\n            </Overlay.Root>\n            <Cart.Remove\n              lineId={line.id}\n              className=\"z-base-button-secondary\"\n              aria-label={`Remove ${line.name}`}\n            >\n              Remove\n            </Cart.Remove>\n          </div>\n        </>\n      )}\n    </Cart.Line>\n  );\n}\n"],
+  "mappings": ";AAAA,SAAS,MAAM,OAAO,SAAS,gBAAgB;AAE/C,SAAS,eAAe;AACxB,SAAS,kBAAkB;AASnB,mBAEI,KADF,YADF;AARD,SAAS,SAAS,EAAE,KAAK,GAAmB;AACjD,QAAM,OAAO,QAAQ;AACrB,QAAM,UAAU,KAAK,OAAO;AAAA,IAC1B,CAAC,UAAU,MAAM,WAAW,KAAK,MAAM,MAAM,aAAa;AAAA,EAC5D;AACA,SACE,oBAAC,KAAK,MAAL,EAAU,MAAY,WAAU,eAC9B,WAAC,EAAE,KAAK,MACP,iCACE;AAAA,yBAAC,SAAI,WAAU,uBACb;AAAA,0BAAC,QAAI,eAAK,MAAK;AAAA,MACd,QAAQ,CAAC,UACR,oBAAC,SAAM,OAAO,KAAK,cAAc,IAEjC,oBAAC,UAAK,+BAAiB;AAAA,OAE3B;AAAA,IACA,qBAAC,QAAG,WAAU,uBACX;AAAA,WAAK,QAAQ,IAAI,CAAC,cAAc;AAC/B,cAAM,QAAQ,MAAM,aAAa;AAAA,UAC/B,CAACA,WAAUA,OAAM,OAAO,UAAU;AAAA,QACpC;AACA,cAAM,SAAS,OAAO,QAAQ;AAAA,UAC5B,CAACC,YAAWA,QAAO,OAAO,UAAU;AAAA,QACtC;AACA,eACE,qBAAC,QACE;AAAA,kBAAQ,QAAQ;AAAA,UAChB,UAAU,WAAW,IAAI,SAAM,UAAU,QAAQ,KAAK;AAAA,aAFhD,GAAG,UAAU,OAAO,IAAI,UAAU,QAAQ,EAGnD;AAAA,MAEJ,CAAC;AAAA,MACA,OAAO,QAAQ,KAAK,MAAM,EAAE,IAAI,CAAC,CAAC,IAAI,KAAK,MAC1C,qBAAC,QACE;AAAA,cAAM,aAAa,KAAK,CAAC,UAAU,MAAM,OAAO,EAAE,GAAG,QACpD;AAAA,QAAU;AAAA,QACT;AAAA,WAHI,EAIT,CACD;AAAA,OACH;AAAA,IACC,KAAK,QAAQ,oBAAC,OAAE,WAAU,gBAAgB,eAAK,MAAK;AAAA,IACrD,qBAAC,SAAI,WAAU,uBACb;AAAA;AAAA,QAAC,KAAK;AAAA,QAAL;AAAA,UACC,QAAQ,KAAK;AAAA,UACb,UAAU;AAAA,UACV,WAAU;AAAA,UAEV;AAAA,gCAAC,SAAS,WAAT,EAAmB,cAAY,YAAY,KAAK,IAAI,aAAa,oBAElE;AAAA,YACA,oBAAC,SAAS,OAAT,EAAe,cAAY,GAAG,KAAK,IAAI,aAAa;AAAA,YACrD,oBAAC,SAAS,WAAT,EAAmB,cAAY,YAAY,KAAK,IAAI,aAAa,eAElE;AAAA;AAAA;AAAA,MACF;AAAA,MACA;AAAA,QAAC,QAAQ;AAAA,QAAR;AAAA,UACC,OAAM;AAAA,UACN,IAAI,KAAK;AAAA,UACT,cAAc,EAAE,MAAM,SAAS,IAAI,SAAS;AAAA,UAE5C;AAAA;AAAA,cAAC,QAAQ;AAAA,cAAR;AAAA,gBACC,WAAU;AAAA,gBACV,UAAU,CAAC;AAAA,gBACX,cAAY,QAAQ,KAAK,IAAI;AAAA,gBAC9B;AAAA;AAAA,YAED;AAAA,YACC,QAAQ,oBAAC,cAAW,MAAY,MAAY;AAAA;AAAA;AAAA,MAC/C;AAAA,MACA;AAAA,QAAC,KAAK;AAAA,QAAL;AAAA,UACC,QAAQ,KAAK;AAAA,UACb,WAAU;AAAA,UACV,cAAY,UAAU,KAAK,IAAI;AAAA,UAChC;AAAA;AAAA,MAED;AAAA,OACF;AAAA,KACF,GAEJ;AAEJ;",
+  "names": ["group", "choice"]
+}

package/dist/cart/cart-lines.js

@@ -0,0 +1,27 @@
+// src/cart/cart-lines.tsx
+import { useCart, useCartCatalogue } from "@zappie/sdk/react";
+import { CartLine } from "./cart-line.js";
+import { groupCartLinesByMenu } from "./cart-line-groups.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CartLines() {
+  const { lines } = useCart();
+  const catalogue = useCartCatalogue();
+  const groups = groupCartLinesByMenu(lines, catalogue);
+  const grouped = (catalogue?.menus?.length ?? 0) > 1;
+  return /* @__PURE__ */ jsx("section", { "aria-label": "Cart items", className: "z-base-lines", children: groups.map((group) => /* @__PURE__ */ jsxs(
+    "section",
+    {
+      "aria-label": group.menuName ?? "Other items",
+      className: "z-base-line-group",
+      children: [
+        grouped && /* @__PURE__ */ jsx("h2", { children: group.menuName ?? "Other items" }),
+        group.lines.map((line) => /* @__PURE__ */ jsx(CartLine, { line }, line.id))
+      ]
+    },
+    group.menuId
+  )) });
+}
+export {
+  CartLines
+};
+//# sourceMappingURL=cart-lines.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/cart/cart-lines.tsx"],
+  "sourcesContent": ["import { useCart, useCartCatalogue } from \"@zappie/sdk/react\";\nimport { CartLine } from \"./cart-line\";\nimport { groupCartLinesByMenu } from \"./cart-line-groups\";\nexport function CartLines() {\n  const { lines } = useCart();\n  const catalogue = useCartCatalogue();\n  const groups = groupCartLinesByMenu(lines, catalogue);\n  const grouped = (catalogue?.menus?.length ?? 0) > 1;\n  return (\n    <section aria-label=\"Cart items\" className=\"z-base-lines\">\n      {groups.map((group) => (\n        <section\n          key={group.menuId}\n          aria-label={group.menuName ?? \"Other items\"}\n          className=\"z-base-line-group\"\n        >\n          {grouped && <h2>{group.menuName ?? \"Other items\"}</h2>}\n          {group.lines.map((line) => (\n            <CartLine key={line.id} line={line} />\n          ))}\n        </section>\n      ))}\n    </section>\n  );\n}\n"],
+  "mappings": ";AAAA,SAAS,SAAS,wBAAwB;AAC1C,SAAS,gBAAgB;AACzB,SAAS,4BAA4B;AAS7B,SAKc,KALd;AARD,SAAS,YAAY;AAC1B,QAAM,EAAE,MAAM,IAAI,QAAQ;AAC1B,QAAM,YAAY,iBAAiB;AACnC,QAAM,SAAS,qBAAqB,OAAO,SAAS;AACpD,QAAM,WAAW,WAAW,OAAO,UAAU,KAAK;AAClD,SACE,oBAAC,aAAQ,cAAW,cAAa,WAAU,gBACxC,iBAAO,IAAI,CAAC,UACX;AAAA,IAAC;AAAA;AAAA,MAEC,cAAY,MAAM,YAAY;AAAA,MAC9B,WAAU;AAAA,MAET;AAAA,mBAAW,oBAAC,QAAI,gBAAM,YAAY,eAAc;AAAA,QAChD,MAAM,MAAM,IAAI,CAAC,SAChB,oBAAC,YAAuB,QAAT,KAAK,EAAgB,CACrC;AAAA;AAAA;AAAA,IAPI,MAAM;AAAA,EAQb,CACD,GACH;AAEJ;",
+  "names": []
+}

package/dist/cart/cart-schedule.js

@@ -0,0 +1,24 @@
+// src/cart/cart-schedule.ts
+function cartScheduleLimits(menu, lines, maxDays) {
+  const sections = (menu?.menus ?? []).filter(
+    (section) => section.schedule?.preorder && lines.some(
+      (line) => line.menuId ? line.menuId === section.id : section.categoryIds.some(
+        (id) => menu?.categories.find((category) => category.id === id)?.itemIds.includes(line.itemId)
+      )
+    )
+  );
+  const notice = Math.max(
+    0,
+    ...sections.map((section) => section.schedule?.preorderNoticeHours ?? 0)
+  );
+  const horizons = sections.map((section) => section.schedule?.preorderMaxDays).filter((days) => typeof days === "number" && days > 0);
+  const limit = horizons.length > 0 ? Math.min(maxDays ?? Number.POSITIVE_INFINITY, ...horizons) : maxDays;
+  return {
+    noticeMinutes: notice * 60,
+    maxDays: limit === void 0 ? void 0 : Math.max(1, Math.min(90, limit))
+  };
+}
+export {
+  cartScheduleLimits
+};
+//# sourceMappingURL=cart-schedule.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/cart/cart-schedule.ts"],
+  "sourcesContent": ["import type { CartLine, Menu } from \"@zappie/sdk\";\n/**\n * Pre-order limits for the menus the cart's lines come from. Schedule reads a\n * menu's notice only from a single-menu catalogue; with several menus the\n * tightest notice and horizon among the cart's pre-order menus apply.\n */\nexport function cartScheduleLimits(\n  menu: Menu | undefined,\n  lines: readonly CartLine[],\n  maxDays: number | undefined,\n): { noticeMinutes: number; maxDays: number | undefined } {\n  const sections = (menu?.menus ?? []).filter(\n    (section) =>\n      section.schedule?.preorder &&\n      lines.some((line) =>\n        line.menuId\n          ? line.menuId === section.id\n          : section.categoryIds.some((id) =>\n              menu?.categories\n                .find((category) => category.id === id)\n                ?.itemIds.includes(line.itemId),\n            ),\n      ),\n  );\n  const notice = Math.max(\n    0,\n    ...sections.map((section) => section.schedule?.preorderNoticeHours ?? 0),\n  );\n  const horizons = sections\n    .map((section) => section.schedule?.preorderMaxDays)\n    .filter((days): days is number => typeof days === \"number\" && days > 0);\n  const limit =\n    horizons.length > 0\n      ? Math.min(maxDays ?? Number.POSITIVE_INFINITY, ...horizons)\n      : maxDays;\n  return {\n    noticeMinutes: notice * 60,\n    maxDays: limit === undefined ? undefined : Math.max(1, Math.min(90, limit)),\n  };\n}\n"],
+  "mappings": ";AAMO,SAAS,mBACd,MACA,OACA,SACwD;AACxD,QAAM,YAAY,MAAM,SAAS,CAAC,GAAG;AAAA,IACnC,CAAC,YACC,QAAQ,UAAU,YAClB,MAAM;AAAA,MAAK,CAAC,SACV,KAAK,SACD,KAAK,WAAW,QAAQ,KACxB,QAAQ,YAAY;AAAA,QAAK,CAAC,OACxB,MAAM,WACH,KAAK,CAAC,aAAa,SAAS,OAAO,EAAE,GACpC,QAAQ,SAAS,KAAK,MAAM;AAAA,MAClC;AAAA,IACN;AAAA,EACJ;AACA,QAAM,SAAS,KAAK;AAAA,IAClB;AAAA,IACA,GAAG,SAAS,IAAI,CAAC,YAAY,QAAQ,UAAU,uBAAuB,CAAC;AAAA,EACzE;AACA,QAAM,WAAW,SACd,IAAI,CAAC,YAAY,QAAQ,UAAU,eAAe,EAClD,OAAO,CAAC,SAAyB,OAAO,SAAS,YAAY,OAAO,CAAC;AACxE,QAAM,QACJ,SAAS,SAAS,IACd,KAAK,IAAI,WAAW,OAAO,mBAAmB,GAAG,QAAQ,IACzD;AACN,SAAO;AAAA,IACL,eAAe,SAAS;AAAA,IACxB,SAAS,UAAU,SAAY,SAAY,KAAK,IAAI,GAAG,KAAK,IAAI,IAAI,KAAK,CAAC;AAAA,EAC5E;AACF;",
+  "names": []
+}