@zappie/theme-base 0.1.0 → 0.1.2

package/dist/cart/line-editor.js

@@ -0,0 +1,35 @@
+// src/cart/line-editor.tsx
+import { Overlay, useOverlay } from "@zappie/foundations";
+import { useZappie } from "@zappie/sdk/react";
+import { ItemConfigurator } from "../item/configurator.js";
+import { useThemeClass } from "./theme-class.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+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
+    ) })
+  ] });
+}
+export {
+  LineEditor
+};
+//# sourceMappingURL=line-editor.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/cart/line-editor.tsx"],
+  "sourcesContent": ["import { Overlay, useOverlay } from \"@zappie/foundations\";\nimport type { CartLine, Item } from \"@zappie/sdk\";\nimport { useZappie } from \"@zappie/sdk/react\";\nimport { ItemConfigurator } from \"../item/configurator\";\nimport { useThemeClass } from \"./theme-class\";\nexport function LineEditor({ line, item }: { line: CartLine; item: Item }) {\n  const rootClass = useThemeClass(\"z-base-cart z-base-editor\");\n  const overlay = useOverlay(\"cart_edit\", line.id);\n  const client = useZappie();\n  return (\n    <Overlay.Content data-zappie-theme=\"base\" className={rootClass}>\n      <header className=\"z-base-cart-header\">\n        <Overlay.Title>Edit {line.name}</Overlay.Title>\n        <Overlay.Close className=\"z-base-button-secondary\">\n          Cancel\n        </Overlay.Close>\n      </header>\n      {overlay.isOpen && (\n        <div className=\"z-base-cart-body\">\n          <ItemConfigurator\n            key={line.id}\n            item={item}\n            {...(line.menuId !== undefined ? { menuId: line.menuId } : {})}\n            line={line}\n            scope={`${client.config.store}:${client.cart.branchId}:${client.cart.fulfilment?.type}`}\n            onComplete={overlay.close}\n          />\n        </div>\n      )}\n    </Overlay.Content>\n  );\n}\n"],
+  "mappings": ";AAAA,SAAS,SAAS,kBAAkB;AAEpC,SAAS,iBAAiB;AAC1B,SAAS,wBAAwB;AACjC,SAAS,qBAAqB;AAQtB,SACA,KADA;AAPD,SAAS,WAAW,EAAE,MAAM,KAAK,GAAmC;AACzE,QAAM,YAAY,cAAc,2BAA2B;AAC3D,QAAM,UAAU,WAAW,aAAa,KAAK,EAAE;AAC/C,QAAM,SAAS,UAAU;AACzB,SACE,qBAAC,QAAQ,SAAR,EAAgB,qBAAkB,QAAO,WAAW,WACnD;AAAA,yBAAC,YAAO,WAAU,sBAChB;AAAA,2BAAC,QAAQ,OAAR,EAAc;AAAA;AAAA,QAAM,KAAK;AAAA,SAAK;AAAA,MAC/B,oBAAC,QAAQ,OAAR,EAAc,WAAU,2BAA0B,oBAEnD;AAAA,OACF;AAAA,IACC,QAAQ,UACP,oBAAC,SAAI,WAAU,oBACb;AAAA,MAAC;AAAA;AAAA,QAEC;AAAA,QACC,GAAI,KAAK,WAAW,SAAY,EAAE,QAAQ,KAAK,OAAO,IAAI,CAAC;AAAA,QAC5D;AAAA,QACA,OAAO,GAAG,OAAO,OAAO,KAAK,IAAI,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,YAAY,IAAI;AAAA,QACrF,YAAY,QAAQ;AAAA;AAAA,MALf,KAAK;AAAA,IAMZ,GACF;AAAA,KAEJ;AAEJ;",
+  "names": []
+}

package/dist/cart/line-options.js

@@ -0,0 +1,96 @@
+// src/cart/line-options.tsx
+import {
+  Choice,
+  ItemForm,
+  Money,
+  OptionGroup,
+  Quantity
+} from "@zappie/foundations";
+import { Fragment, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function LineOptions() {
+  return /* @__PURE__ */ jsx(ItemForm.Options, { children: ({ groups }) => [...groups].sort(
+    (left, right) => Number(right.isAttribute) - Number(left.isAttribute)
+  ).map((group) => /* @__PURE__ */ jsx(OptionsSection, { group }, group.id)) });
+}
+function OptionsSection({ group }) {
+  const [expanded, setExpanded] = useState(true);
+  const count = group.selection.max === group.selection.min && group.selection.min > 0 ? `Exactly ${group.selection.min}` : group.selection.max ? `Choose up to ${group.selection.max}` : group.selection.min ? `Choose at least ${group.selection.min}` : "Optional";
+  return /* @__PURE__ */ jsx(
+    OptionGroup,
+    {
+      group,
+      className: "z-base-option-group",
+      "aria-label": group.name,
+      children: ({ quantities, setQuantity, invalid }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("h3", { className: "z-base-option-heading", children: /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            "aria-expanded": expanded || invalid,
+            onClick: () => setExpanded(!expanded),
+            children: [
+              /* @__PURE__ */ jsx("span", { children: group.name }),
+              /* @__PURE__ */ jsxs("span", { className: "z-base-option-rule", children: [
+                count,
+                group.required && /* @__PURE__ */ jsx("strong", { children: " Required*" })
+              ] }),
+              /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "z-base-option-chevron", children: expanded || invalid ? "\u2304" : "\u203A" })
+            ]
+          }
+        ) }),
+        (expanded || invalid) && /* @__PURE__ */ jsxs("div", { className: "z-base-option-choices", children: [
+          group.helpText && /* @__PURE__ */ jsx("p", { children: group.helpText }),
+          group.kind === "select" && group.choices.map((choice) => /* @__PURE__ */ jsxs("div", { className: "z-base-choice-row", children: [
+            /* @__PURE__ */ jsx(Choice, { choice, className: "z-base-choice", children: /* @__PURE__ */ jsxs("span", { className: "z-base-choice-label", children: [
+              /* @__PURE__ */ jsx("span", { children: choice.name }),
+              (choice.priceHint ?? choice.price).amountMinor !== 0 && /* @__PURE__ */ jsxs("span", { className: "z-base-choice-price", children: [
+                (choice.priceHint ?? choice.price).amountMinor > 0 ? "+" : "",
+                /* @__PURE__ */ jsx(Money, { value: choice.priceHint ?? choice.price })
+              ] }),
+              !choice.isAvailable && /* @__PURE__ */ jsx("span", { className: "z-base-choice-price", children: "Unavailable" })
+            ] }) }),
+            choice.quantity && (quantities[choice.id] ?? 0) > 0 && /* @__PURE__ */ jsxs(
+              Quantity.Root,
+              {
+                className: "z-base-quantity",
+                value: quantities[choice.id] ?? 0,
+                min: 0,
+                max: choice.quantity.max ?? 99,
+                disabled: !choice.isAvailable,
+                onValueChange: (quantity) => setQuantity(choice.id, quantity),
+                children: [
+                  /* @__PURE__ */ jsx(
+                    Quantity.Decrement,
+                    {
+                      "aria-label": `Decrease ${choice.name}`,
+                      children: "\u2212"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Quantity.Value,
+                    {
+                      "aria-label": `${choice.name} quantity`
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Quantity.Increment,
+                    {
+                      "aria-label": `Increase ${choice.name}`,
+                      children: "+"
+                    }
+                  )
+                ]
+              }
+            )
+          ] }, choice.id)),
+          (group.kind !== "select" || group.isInformational) && /* @__PURE__ */ jsx(OptionGroup.Input, { className: "z-base-input" })
+        ] })
+      ] })
+    }
+  );
+}
+export {
+  LineOptions
+};
+//# sourceMappingURL=line-options.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/cart/line-options.tsx"],
+  "sourcesContent": ["import {\n  Choice,\n  ItemForm,\n  Money,\n  OptionGroup,\n  Quantity,\n} from \"@zappie/foundations\";\nimport type { OptionGroup as Group } from \"@zappie/sdk\";\nimport { Fragment, useState } from \"react\";\nexport function LineOptions() {\n  return (\n    <ItemForm.Options>\n      {({ groups }) =>\n        [...groups]\n          .sort(\n            (left, right) =>\n              Number(right.isAttribute) - Number(left.isAttribute),\n          )\n          .map((group) => <OptionsSection key={group.id} group={group} />)\n      }\n    </ItemForm.Options>\n  );\n}\nfunction OptionsSection({ group }: { group: Group }) {\n  const [expanded, setExpanded] = useState(true);\n  const count =\n    group.selection.max === group.selection.min && group.selection.min > 0\n      ? `Exactly ${group.selection.min}`\n      : group.selection.max\n        ? `Choose up to ${group.selection.max}`\n        : group.selection.min\n          ? `Choose at least ${group.selection.min}`\n          : \"Optional\";\n  return (\n    <OptionGroup\n      group={group}\n      className=\"z-base-option-group\"\n      aria-label={group.name}\n    >\n      {({ quantities, setQuantity, invalid }) => (\n        <Fragment>\n          <h3 className=\"z-base-option-heading\">\n            <button\n              type=\"button\"\n              aria-expanded={expanded || invalid}\n              onClick={() => setExpanded(!expanded)}\n            >\n              <span>{group.name}</span>\n              <span className=\"z-base-option-rule\">\n                {count}\n                {group.required && <strong> Required*</strong>}\n              </span>\n              <span aria-hidden=\"true\" className=\"z-base-option-chevron\">\n                {expanded || invalid ? \"\u2304\" : \"\u203A\"}\n              </span>\n            </button>\n          </h3>\n          {(expanded || invalid) && (\n            <div className=\"z-base-option-choices\">\n              {group.helpText && <p>{group.helpText}</p>}\n              {group.kind === \"select\" &&\n                group.choices.map((choice) => (\n                  <div key={choice.id} className=\"z-base-choice-row\">\n                    <Choice choice={choice} className=\"z-base-choice\">\n                      <span className=\"z-base-choice-label\">\n                        <span>{choice.name}</span>\n                        {(choice.priceHint ?? choice.price).amountMinor !==\n                          0 && (\n                          <span className=\"z-base-choice-price\">\n                            {(choice.priceHint ?? choice.price).amountMinor > 0\n                              ? \"+\"\n                              : \"\"}\n                            <Money value={choice.priceHint ?? choice.price} />\n                          </span>\n                        )}\n                        {!choice.isAvailable && (\n                          <span className=\"z-base-choice-price\">\n                            Unavailable\n                          </span>\n                        )}\n                      </span>\n                    </Choice>\n                    {choice.quantity && (quantities[choice.id] ?? 0) > 0 && (\n                      <Quantity.Root\n                        className=\"z-base-quantity\"\n                        value={quantities[choice.id] ?? 0}\n                        min={0}\n                        max={choice.quantity.max ?? 99}\n                        disabled={!choice.isAvailable}\n                        onValueChange={(quantity) =>\n                          setQuantity(choice.id, quantity)\n                        }\n                      >\n                        <Quantity.Decrement\n                          aria-label={`Decrease ${choice.name}`}\n                        >\n                          \u2212\n                        </Quantity.Decrement>\n                        <Quantity.Value\n                          aria-label={`${choice.name} quantity`}\n                        />\n                        <Quantity.Increment\n                          aria-label={`Increase ${choice.name}`}\n                        >\n                          +\n                        </Quantity.Increment>\n                      </Quantity.Root>\n                    )}\n                  </div>\n                ))}\n              {(group.kind !== \"select\" || group.isInformational) && (\n                <OptionGroup.Input className=\"z-base-input\" />\n              )}\n            </div>\n          )}\n        </Fragment>\n      )}\n    </OptionGroup>\n  );\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cart/loading.js

@@ -0,0 +1,17 @@
+// src/cart/loading.tsx
+import { useStore } from "@zappie/sdk/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Loading() {
+  const { error } = useStore();
+  if (error) {
+    return /* @__PURE__ */ jsx("p", { role: "alert", children: "Unable to load the cart. Reload the page to try again." });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "z-base-cart-empty", role: "status", "aria-busy": "true", children: [
+    /* @__PURE__ */ jsx("p", { children: "Loading cart\u2026" }),
+    /* @__PURE__ */ jsx("div", { className: "z-base-cart-placeholder", "aria-hidden": "true" })
+  ] });
+}
+export {
+  Loading
+};
+//# sourceMappingURL=loading.js.map

package/dist/cart/loading.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/cart/loading.tsx"],
+  "sourcesContent": ["import { useStore } from \"@zappie/sdk/react\";\nexport function Loading() {\n  const { error } = useStore();\n  if (error) {\n    return (\n      <p role=\"alert\">Unable to load the cart. Reload the page to try again.</p>\n    );\n  }\n  return (\n    <div className=\"z-base-cart-empty\" role=\"status\" aria-busy=\"true\">\n      <p>Loading cart\u2026</p>\n      <div className=\"z-base-cart-placeholder\" aria-hidden=\"true\" />\n    </div>\n  );\n}\n"],
+  "mappings": ";AAAA,SAAS,gBAAgB;AAKnB,cAIF,YAJE;AAJC,SAAS,UAAU;AACxB,QAAM,EAAE,MAAM,IAAI,SAAS;AAC3B,MAAI,OAAO;AACT,WACE,oBAAC,OAAE,MAAK,SAAQ,oEAAsD;AAAA,EAE1E;AACA,SACE,qBAAC,SAAI,WAAU,qBAAoB,MAAK,UAAS,aAAU,QACzD;AAAA,wBAAC,OAAE,gCAAa;AAAA,IAChB,oBAAC,SAAI,WAAU,2BAA0B,eAAY,QAAO;AAAA,KAC9D;AAEJ;",
+  "names": []
+}

package/dist/cart/promo-sheet.js

@@ -0,0 +1,103 @@
+// src/cart/promo-sheet.tsx
+import { useOverlay } from "@zappie/foundations";
+import { useCart } from "@zappie/sdk/react";
+import { useState } from "react";
+import { useCheckoutHandoff } from "../checkout.js";
+import { useBaseHostBridge } from "../host-bridge.js";
+import { CartSheet } from "./cart-sheet.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+function PromoForm() {
+  const cart = useCart();
+  const bridge = useBaseHostBridge();
+  const overlay = useOverlay("cart_sheet", "promo");
+  const [code, setCode] = useState(cart.promoCode ?? "");
+  const [error, setError] = useState(null);
+  const save = (value) => {
+    try {
+      cart.actions.setPromoCode(value);
+      overlay.close();
+    } catch (failure) {
+      setError(
+        failure instanceof Error ? failure.message : "Unable to apply this code"
+      );
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "form",
+    {
+      className: "z-base-field",
+      onSubmit: (event) => {
+        event.preventDefault();
+        save(code.trim());
+      },
+      children: [
+        /* @__PURE__ */ jsxs("label", { className: "z-base-field", children: [
+          "Promo code",
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              className: "z-base-input",
+              autoComplete: "off",
+              value: code,
+              onChange: (event) => setCode(event.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("p", { children: "Discounts are confirmed when your order totals update." }),
+        bridge.availablePromos?.length ? /* @__PURE__ */ jsxs("section", { "aria-label": "Available promos", children: [
+          /* @__PURE__ */ jsx("h3", { children: "Available promos" }),
+          /* @__PURE__ */ jsx("ul", { className: "z-base-option-list", children: bridge.availablePromos.map((promo) => /* @__PURE__ */ jsxs("li", { children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("strong", { children: promo.name }),
+              /* @__PURE__ */ jsx("p", { children: promo.description })
+            ] }),
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                className: "z-base-button-secondary",
+                type: "button",
+                disabled: promo.disabled,
+                onClick: () => save(promo.code),
+                children: [
+                  "Apply ",
+                  promo.code
+                ]
+              }
+            )
+          ] }, promo.id)) })
+        ] }) : null,
+        error && /* @__PURE__ */ jsx("p", { role: "alert", children: error }),
+        /* @__PURE__ */ jsx("button", { className: "z-base-button", type: "submit", disabled: !code.trim(), children: "Apply code" }),
+        cart.promoCode && /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: "z-base-button-secondary",
+            type: "button",
+            onClick: () => save(null),
+            children: "Remove code"
+          }
+        )
+      ]
+    }
+  );
+}
+function PromoSheet() {
+  const cart = useCart();
+  const handoff = useCheckoutHandoff();
+  if (!handoff.customer) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    CartSheet,
+    {
+      id: "promo",
+      title: "Promo code",
+      trigger: cart.promoCode ? `Promo: ${cart.promoCode}` : "Add promo code",
+      children: /* @__PURE__ */ jsx(PromoForm, {})
+    }
+  );
+}
+export {
+  PromoSheet
+};
+//# sourceMappingURL=promo-sheet.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/cart/promo-sheet.tsx"],
+  "sourcesContent": ["import { useOverlay } from \"@zappie/foundations\";\nimport { useCart } from \"@zappie/sdk/react\";\nimport { useState } from \"react\";\nimport { useCheckoutHandoff } from \"../checkout\";\nimport { useBaseHostBridge } from \"../host-bridge\";\nimport { CartSheet } from \"./cart-sheet\";\nfunction PromoForm() {\n  const cart = useCart();\n  const bridge = useBaseHostBridge();\n  const overlay = useOverlay(\"cart_sheet\", \"promo\");\n  const [code, setCode] = useState(cart.promoCode ?? \"\");\n  const [error, setError] = useState<string | null>(null);\n  const save = (value: string | null) => {\n    try {\n      cart.actions.setPromoCode(value);\n      overlay.close();\n    } catch (failure) {\n      setError(\n        failure instanceof Error\n          ? failure.message\n          : \"Unable to apply this code\",\n      );\n    }\n  };\n  return (\n    <form\n      className=\"z-base-field\"\n      onSubmit={(event) => {\n        event.preventDefault();\n        save(code.trim());\n      }}\n    >\n      <label className=\"z-base-field\">\n        Promo code\n        <input\n          className=\"z-base-input\"\n          autoComplete=\"off\"\n          value={code}\n          onChange={(event) => setCode(event.target.value)}\n        />\n      </label>\n      <p>Discounts are confirmed when your order totals update.</p>\n      {bridge.availablePromos?.length ? (\n        <section aria-label=\"Available promos\">\n          <h3>Available promos</h3>\n          <ul className=\"z-base-option-list\">\n            {bridge.availablePromos.map((promo) => (\n              <li key={promo.id}>\n                <div>\n                  <strong>{promo.name}</strong>\n                  <p>{promo.description}</p>\n                </div>\n                <button\n                  className=\"z-base-button-secondary\"\n                  type=\"button\"\n                  disabled={promo.disabled}\n                  onClick={() => save(promo.code)}\n                >\n                  Apply {promo.code}\n                </button>\n              </li>\n            ))}\n          </ul>\n        </section>\n      ) : null}\n      {error && <p role=\"alert\">{error}</p>}\n      <button className=\"z-base-button\" type=\"submit\" disabled={!code.trim()}>\n        Apply code\n      </button>\n      {cart.promoCode && (\n        <button\n          className=\"z-base-button-secondary\"\n          type=\"button\"\n          onClick={() => save(null)}\n        >\n          Remove code\n        </button>\n      )}\n    </form>\n  );\n}\nexport function PromoSheet() {\n  const cart = useCart();\n  const handoff = useCheckoutHandoff();\n  // Promo codes belong to the customer's account, as in the legacy cart.\n  if (!handoff.customer) {\n    return null;\n  }\n  return (\n    <CartSheet\n      id=\"promo\"\n      title=\"Promo code\"\n      trigger={cart.promoCode ? `Promo: ${cart.promoCode}` : \"Add promo code\"}\n    >\n      <PromoForm />\n    </CartSheet>\n  );\n}\n"],
+  "mappings": ";AAAA,SAAS,kBAAkB;AAC3B,SAAS,eAAe;AACxB,SAAS,gBAAgB;AACzB,SAAS,0BAA0B;AACnC,SAAS,yBAAyB;AAClC,SAAS,iBAAiB;AA2BpB,SAEE,KAFF;AA1BN,SAAS,YAAY;AACnB,QAAM,OAAO,QAAQ;AACrB,QAAM,SAAS,kBAAkB;AACjC,QAAM,UAAU,WAAW,cAAc,OAAO;AAChD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK,aAAa,EAAE;AACrD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAwB,IAAI;AACtD,QAAM,OAAO,CAAC,UAAyB;AACrC,QAAI;AACF,WAAK,QAAQ,aAAa,KAAK;AAC/B,cAAQ,MAAM;AAAA,IAChB,SAAS,SAAS;AAChB;AAAA,QACE,mBAAmB,QACf,QAAQ,UACR;AAAA,MACN;AAAA,IACF;AAAA,EACF;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,UAAU,CAAC,UAAU;AACnB,cAAM,eAAe;AACrB,aAAK,KAAK,KAAK,CAAC;AAAA,MAClB;AAAA,MAEA;AAAA,6BAAC,WAAM,WAAU,gBAAe;AAAA;AAAA,UAE9B;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,cAAa;AAAA,cACb,OAAO;AAAA,cACP,UAAU,CAAC,UAAU,QAAQ,MAAM,OAAO,KAAK;AAAA;AAAA,UACjD;AAAA,WACF;AAAA,QACA,oBAAC,OAAE,oEAAsD;AAAA,QACxD,OAAO,iBAAiB,SACvB,qBAAC,aAAQ,cAAW,oBAClB;AAAA,8BAAC,QAAG,8BAAgB;AAAA,UACpB,oBAAC,QAAG,WAAU,sBACX,iBAAO,gBAAgB,IAAI,CAAC,UAC3B,qBAAC,QACC;AAAA,iCAAC,SACC;AAAA,kCAAC,YAAQ,gBAAM,MAAK;AAAA,cACpB,oBAAC,OAAG,gBAAM,aAAY;AAAA,eACxB;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAU;AAAA,gBACV,MAAK;AAAA,gBACL,UAAU,MAAM;AAAA,gBAChB,SAAS,MAAM,KAAK,MAAM,IAAI;AAAA,gBAC/B;AAAA;AAAA,kBACQ,MAAM;AAAA;AAAA;AAAA,YACf;AAAA,eAZO,MAAM,EAaf,CACD,GACH;AAAA,WACF,IACE;AAAA,QACH,SAAS,oBAAC,OAAE,MAAK,SAAS,iBAAM;AAAA,QACjC,oBAAC,YAAO,WAAU,iBAAgB,MAAK,UAAS,UAAU,CAAC,KAAK,KAAK,GAAG,wBAExE;AAAA,QACC,KAAK,aACJ;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,SAAS,MAAM,KAAK,IAAI;AAAA,YACzB;AAAA;AAAA,QAED;AAAA;AAAA;AAAA,EAEJ;AAEJ;AACO,SAAS,aAAa;AAC3B,QAAM,OAAO,QAAQ;AACrB,QAAM,UAAU,mBAAmB;AAEnC,MAAI,CAAC,QAAQ,UAAU;AACrB,WAAO;AAAA,EACT;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,OAAM;AAAA,MACN,SAAS,KAAK,YAAY,UAAU,KAAK,SAAS,KAAK;AAAA,MAEvD,8BAAC,aAAU;AAAA;AAAA,EACb;AAEJ;",
+  "names": []
+}

package/dist/cart/region-picker.js

@@ -0,0 +1,40 @@
+// src/cart/region-picker.tsx
+import { format } from "@zappie/sdk";
+import { useBaseHostBridge } from "../host-bridge.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+function RegionPicker() {
+  const bridge = useBaseHostBridge();
+  const regions = bridge.deliveryRegions;
+  if (!regions?.length || !bridge.setDeliveryRegion) {
+    return null;
+  }
+  const sorted = [...regions].sort((a, b) => a.name.localeCompare(b.name));
+  return /* @__PURE__ */ jsxs("label", { className: "z-base-field", children: [
+    "Delivery region",
+    /* @__PURE__ */ jsxs(
+      "select",
+      {
+        className: "z-base-input",
+        value: bridge.deliveryRegionId ?? "",
+        onChange: (event) => {
+          if (event.target.value) {
+            bridge.setDeliveryRegion?.(event.target.value);
+          }
+        },
+        children: [
+          /* @__PURE__ */ jsx("option", { value: "", disabled: true, children: "Choose a delivery region" }),
+          sorted.map((region) => /* @__PURE__ */ jsxs("option", { value: region.id, children: [
+            region.name,
+            " (",
+            format.money(region.fee),
+            ")"
+          ] }, region.id))
+        ]
+      }
+    )
+  ] });
+}
+export {
+  RegionPicker
+};
+//# sourceMappingURL=region-picker.js.map

package/dist/cart/region-picker.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/cart/region-picker.tsx"],
+  "sourcesContent": ["import { format } from \"@zappie/sdk\";\nimport { useBaseHostBridge } from \"../host-bridge\";\n/** Shown when the branch prices delivery by region, as the legacy cart does. */\nexport function RegionPicker() {\n  const bridge = useBaseHostBridge();\n  const regions = bridge.deliveryRegions;\n  if (!regions?.length || !bridge.setDeliveryRegion) {\n    return null;\n  }\n  const sorted = [...regions].sort((a, b) => a.name.localeCompare(b.name));\n  return (\n    <label className=\"z-base-field\">\n      Delivery region\n      <select\n        className=\"z-base-input\"\n        value={bridge.deliveryRegionId ?? \"\"}\n        onChange={(event) => {\n          if (event.target.value) {\n            bridge.setDeliveryRegion?.(event.target.value);\n          }\n        }}\n      >\n        <option value=\"\" disabled>\n          Choose a delivery region\n        </option>\n        {sorted.map((region) => (\n          <option key={region.id} value={region.id}>\n            {region.name} ({format.money(region.fee)})\n          </option>\n        ))}\n      </select>\n    </label>\n  );\n}\n"],
+  "mappings": ";AAAA,SAAS,cAAc;AACvB,SAAS,yBAAyB;AAqB1B,cAIE,YAJF;AAnBD,SAAS,eAAe;AAC7B,QAAM,SAAS,kBAAkB;AACjC,QAAM,UAAU,OAAO;AACvB,MAAI,CAAC,SAAS,UAAU,CAAC,OAAO,mBAAmB;AACjD,WAAO;AAAA,EACT;AACA,QAAM,SAAS,CAAC,GAAG,OAAO,EAAE,KAAK,CAAC,GAAG,MAAM,EAAE,KAAK,cAAc,EAAE,IAAI,CAAC;AACvE,SACE,qBAAC,WAAM,WAAU,gBAAe;AAAA;AAAA,IAE9B;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,OAAO,oBAAoB;AAAA,QAClC,UAAU,CAAC,UAAU;AACnB,cAAI,MAAM,OAAO,OAAO;AACtB,mBAAO,oBAAoB,MAAM,OAAO,KAAK;AAAA,UAC/C;AAAA,QACF;AAAA,QAEA;AAAA,8BAAC,YAAO,OAAM,IAAG,UAAQ,MAAC,sCAE1B;AAAA,UACC,OAAO,IAAI,CAAC,WACX,qBAAC,YAAuB,OAAO,OAAO,IACnC;AAAA,mBAAO;AAAA,YAAK;AAAA,YAAG,OAAO,MAAM,OAAO,GAAG;AAAA,YAAE;AAAA,eAD9B,OAAO,EAEpB,CACD;AAAA;AAAA;AAAA,IACH;AAAA,KACF;AAEJ;",
+  "names": []
+}

package/dist/cart/rewards-sheet.js

@@ -0,0 +1,86 @@
+// src/cart/rewards-sheet.tsx
+import { useState } from "react";
+import { useCheckoutHandoff } from "../checkout.js";
+import { useBaseHostBridge } from "../host-bridge.js";
+import { CartSheet } from "./cart-sheet.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+function RewardsSheet() {
+  const bridge = useBaseHostBridge();
+  const handoff = useCheckoutHandoff();
+  const [error, setError] = useState(null);
+  const rewards = bridge.rewards;
+  if (!handoff.customer || !rewards) {
+    return null;
+  }
+  const appliedByPerk = new Map(
+    rewards.applied.map((reward) => [reward.perkId, reward])
+  );
+  return /* @__PURE__ */ jsxs(
+    CartSheet,
+    {
+      id: "rewards",
+      title: "Rewards",
+      trigger: rewards.applied.length ? `Rewards (${rewards.applied.length})` : "Use rewards",
+      children: [
+        /* @__PURE__ */ jsxs("p", { children: [
+          "Your points: ",
+          rewards.balance
+        ] }),
+        error && /* @__PURE__ */ jsx("p", { role: "alert", children: error }),
+        rewards.items.length ? /* @__PURE__ */ jsx("ul", { className: "z-base-option-list", children: rewards.items.map((reward) => {
+          const applied = appliedByPerk.get(reward.id);
+          const busy = rewards.busyPerkId === reward.id;
+          const unavailable = reward.disabled || !applied && reward.pointsCost > rewards.balance;
+          return /* @__PURE__ */ jsxs("li", { children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("strong", { children: reward.name }),
+              /* @__PURE__ */ jsx("p", { children: reward.description }),
+              /* @__PURE__ */ jsxs("p", { children: [
+                reward.pointsCost,
+                " points \xB7 ",
+                reward.reward
+              ] })
+            ] }),
+            applied ? /* @__PURE__ */ jsx(
+              "button",
+              {
+                className: "z-base-button-secondary",
+                type: "button",
+                disabled: busy,
+                onClick: () => {
+                  setError(null);
+                  void rewards.cancel(applied.redemptionId).catch((failure) => {
+                    setError(
+                      failure instanceof Error ? failure.message : "Unable to remove this reward"
+                    );
+                  });
+                },
+                children: "Remove"
+              }
+            ) : /* @__PURE__ */ jsx(
+              "button",
+              {
+                className: "z-base-button-secondary",
+                type: "button",
+                disabled: busy || unavailable,
+                onClick: () => {
+                  setError(null);
+                  void rewards.redeem(reward.id).catch((failure) => {
+                    setError(
+                      failure instanceof Error ? failure.message : "Unable to redeem this reward"
+                    );
+                  });
+                },
+                children: reward.pointsCost > rewards.balance ? "Not enough points" : "Redeem"
+              }
+            )
+          ] }, reward.id);
+        }) }) : /* @__PURE__ */ jsx("p", { children: "No rewards available yet." })
+      ]
+    }
+  );
+}
+export {
+  RewardsSheet
+};
+//# sourceMappingURL=rewards-sheet.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/cart/rewards-sheet.tsx"],
+  "sourcesContent": ["import { useState } from \"react\";\nimport { useCheckoutHandoff } from \"../checkout\";\nimport { useBaseHostBridge } from \"../host-bridge\";\nimport { CartSheet } from \"./cart-sheet\";\n\nexport function RewardsSheet() {\n  const bridge = useBaseHostBridge();\n  const handoff = useCheckoutHandoff();\n  const [error, setError] = useState<string | null>(null);\n  const rewards = bridge.rewards;\n  if (!handoff.customer || !rewards) {\n    return null;\n  }\n  const appliedByPerk = new Map(\n    rewards.applied.map((reward) => [reward.perkId, reward]),\n  );\n  return (\n    <CartSheet\n      id=\"rewards\"\n      title=\"Rewards\"\n      trigger={\n        rewards.applied.length\n          ? `Rewards (${rewards.applied.length})`\n          : \"Use rewards\"\n      }\n    >\n      <p>Your points: {rewards.balance}</p>\n      {error && <p role=\"alert\">{error}</p>}\n      {rewards.items.length ? (\n        <ul className=\"z-base-option-list\">\n          {rewards.items.map((reward) => {\n            const applied = appliedByPerk.get(reward.id);\n            const busy = rewards.busyPerkId === reward.id;\n            const unavailable =\n              reward.disabled ||\n              (!applied && reward.pointsCost > rewards.balance);\n            return (\n              <li key={reward.id}>\n                <div>\n                  <strong>{reward.name}</strong>\n                  <p>{reward.description}</p>\n                  <p>\n                    {reward.pointsCost} points \u00B7 {reward.reward}\n                  </p>\n                </div>\n                {applied ? (\n                  <button\n                    className=\"z-base-button-secondary\"\n                    type=\"button\"\n                    disabled={busy}\n                    onClick={() => {\n                      setError(null);\n                      void rewards\n                        .cancel(applied.redemptionId)\n                        .catch((failure) => {\n                          setError(\n                            failure instanceof Error\n                              ? failure.message\n                              : \"Unable to remove this reward\",\n                          );\n                        });\n                    }}\n                  >\n                    Remove\n                  </button>\n                ) : (\n                  <button\n                    className=\"z-base-button-secondary\"\n                    type=\"button\"\n                    disabled={busy || unavailable}\n                    onClick={() => {\n                      setError(null);\n                      void rewards.redeem(reward.id).catch((failure) => {\n                        setError(\n                          failure instanceof Error\n                            ? failure.message\n                            : \"Unable to redeem this reward\",\n                        );\n                      });\n                    }}\n                  >\n                    {reward.pointsCost > rewards.balance\n                      ? \"Not enough points\"\n                      : \"Redeem\"}\n                  </button>\n                )}\n              </li>\n            );\n          })}\n        </ul>\n      ) : (\n        <p>No rewards available yet.</p>\n      )}\n    </CartSheet>\n  );\n}\n"],
+  "mappings": ";AAAA,SAAS,gBAAgB;AACzB,SAAS,0BAA0B;AACnC,SAAS,yBAAyB;AAClC,SAAS,iBAAiB;AAuBpB,SACU,KADV;AArBC,SAAS,eAAe;AAC7B,QAAM,SAAS,kBAAkB;AACjC,QAAM,UAAU,mBAAmB;AACnC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAwB,IAAI;AACtD,QAAM,UAAU,OAAO;AACvB,MAAI,CAAC,QAAQ,YAAY,CAAC,SAAS;AACjC,WAAO;AAAA,EACT;AACA,QAAM,gBAAgB,IAAI;AAAA,IACxB,QAAQ,QAAQ,IAAI,CAAC,WAAW,CAAC,OAAO,QAAQ,MAAM,CAAC;AAAA,EACzD;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,OAAM;AAAA,MACN,SACE,QAAQ,QAAQ,SACZ,YAAY,QAAQ,QAAQ,MAAM,MAClC;AAAA,MAGN;AAAA,6BAAC,OAAE;AAAA;AAAA,UAAc,QAAQ;AAAA,WAAQ;AAAA,QAChC,SAAS,oBAAC,OAAE,MAAK,SAAS,iBAAM;AAAA,QAChC,QAAQ,MAAM,SACb,oBAAC,QAAG,WAAU,sBACX,kBAAQ,MAAM,IAAI,CAAC,WAAW;AAC7B,gBAAM,UAAU,cAAc,IAAI,OAAO,EAAE;AAC3C,gBAAM,OAAO,QAAQ,eAAe,OAAO;AAC3C,gBAAM,cACJ,OAAO,YACN,CAAC,WAAW,OAAO,aAAa,QAAQ;AAC3C,iBACE,qBAAC,QACC;AAAA,iCAAC,SACC;AAAA,kCAAC,YAAQ,iBAAO,MAAK;AAAA,cACrB,oBAAC,OAAG,iBAAO,aAAY;AAAA,cACvB,qBAAC,OACE;AAAA,uBAAO;AAAA,gBAAW;AAAA,gBAAW,OAAO;AAAA,iBACvC;AAAA,eACF;AAAA,YACC,UACC;AAAA,cAAC;AAAA;AAAA,gBACC,WAAU;AAAA,gBACV,MAAK;AAAA,gBACL,UAAU;AAAA,gBACV,SAAS,MAAM;AACb,2BAAS,IAAI;AACb,uBAAK,QACF,OAAO,QAAQ,YAAY,EAC3B,MAAM,CAAC,YAAY;AAClB;AAAA,sBACE,mBAAmB,QACf,QAAQ,UACR;AAAA,oBACN;AAAA,kBACF,CAAC;AAAA,gBACL;AAAA,gBACD;AAAA;AAAA,YAED,IAEA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAU;AAAA,gBACV,MAAK;AAAA,gBACL,UAAU,QAAQ;AAAA,gBAClB,SAAS,MAAM;AACb,2BAAS,IAAI;AACb,uBAAK,QAAQ,OAAO,OAAO,EAAE,EAAE,MAAM,CAAC,YAAY;AAChD;AAAA,sBACE,mBAAmB,QACf,QAAQ,UACR;AAAA,oBACN;AAAA,kBACF,CAAC;AAAA,gBACH;AAAA,gBAEC,iBAAO,aAAa,QAAQ,UACzB,sBACA;AAAA;AAAA,YACN;AAAA,eA/CK,OAAO,EAiDhB;AAAA,QAEJ,CAAC,GACH,IAEA,oBAAC,OAAE,uCAAyB;AAAA;AAAA;AAAA,EAEhC;AAEJ;",
+  "names": []
+}

package/dist/cart/schedule-sheet.js

@@ -0,0 +1,87 @@
+// src/cart/schedule-sheet.tsx
+import { Schedule, useOverlay } from "@zappie/foundations";
+import { useCart, useCartCatalogue } from "@zappie/sdk/react";
+import { useState } from "react";
+import { useBaseHostBridge } from "../host-bridge.js";
+import { cartScheduleLimits } from "./cart-schedule.js";
+import { CartSheet } from "./cart-sheet.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ScheduleForm({ branch }) {
+  const cart = useCart();
+  const bridge = useBaseHostBridge();
+  const overlay = useOverlay("cart_sheet", "schedule");
+  const menu = useCartCatalogue();
+  const limits = cartScheduleLimits(menu, cart.lines, bridge.scheduleMaxDays);
+  const [error, setError] = useState(null);
+  const fulfilment = cart.fulfilment;
+  if (!fulfilment || fulfilment.type === "dine_in") {
+    return /* @__PURE__ */ jsx("p", { children: "Add a delivery address or select pickup before choosing a time." });
+  }
+  return /* @__PURE__ */ jsx(
+    Schedule,
+    {
+      branch: bridge.scheduleOpeningTimes ? { ...branch, openingTimes: bridge.scheduleOpeningTimes } : branch,
+      maxDays: limits.maxDays,
+      noticeMinutes: limits.noticeMinutes,
+      defaultValue: fulfilment.scheduledFor ?? null,
+      children: ({ days, value, setValue, canAsap, isValid }) => /* @__PURE__ */ jsxs("div", { className: "z-base-field", children: [
+        /* @__PURE__ */ jsxs("p", { children: [
+          "Times are shown in ",
+          branch.timezone ?? "the store\u2019s timezone",
+          "."
+        ] }),
+        /* @__PURE__ */ jsxs("label", { className: "z-base-field", children: [
+          "Order time",
+          /* @__PURE__ */ jsxs(
+            "select",
+            {
+              className: "z-base-input",
+              value: value ?? "",
+              onChange: (event) => setValue(event.target.value || null),
+              children: [
+                /* @__PURE__ */ jsx("option", { value: "", disabled: !canAsap, children: "As soon as possible" }),
+                days.map((day) => /* @__PURE__ */ jsx("optgroup", { label: day.date, children: day.slots.map((slot) => /* @__PURE__ */ jsx("option", { value: slot.value, children: slot.label }, slot.value)) }, day.date))
+              ]
+            }
+          )
+        ] }),
+        !isValid && /* @__PURE__ */ jsx("p", { role: "alert", children: "Choose an available order time." }),
+        days.length === 0 && /* @__PURE__ */ jsx("p", { children: "No scheduled times are currently available." }),
+        error && /* @__PURE__ */ jsx("p", { role: "alert", children: error }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "z-base-button",
+            disabled: !isValid,
+            onClick: () => {
+              try {
+                const next = { ...fulfilment };
+                if (value === null) {
+                  delete next.scheduledFor;
+                } else {
+                  next.scheduledFor = value;
+                }
+                cart.actions.setFulfilment(next);
+                bridge.saveFulfilment?.(next);
+                overlay.close();
+              } catch (failure) {
+                setError(
+                  failure instanceof Error ? failure.message : "Unable to save this time"
+                );
+              }
+            },
+            children: "Save time"
+          }
+        )
+      ] })
+    }
+  );
+}
+function ScheduleSheet({ branch }) {
+  return /* @__PURE__ */ jsx(CartSheet, { id: "schedule", title: "Schedule order", trigger: "Choose order time", children: /* @__PURE__ */ jsx(ScheduleForm, { branch }) });
+}
+export {
+  ScheduleSheet
+};
+//# sourceMappingURL=schedule-sheet.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/cart/schedule-sheet.tsx"],
+  "sourcesContent": ["import { Schedule, useOverlay } from \"@zappie/foundations\";\nimport type { Branch } from \"@zappie/sdk\";\nimport { useCart, useCartCatalogue } from \"@zappie/sdk/react\";\nimport { useState } from \"react\";\nimport { useBaseHostBridge } from \"../host-bridge\";\nimport { cartScheduleLimits } from \"./cart-schedule\";\nimport { CartSheet } from \"./cart-sheet\";\nfunction ScheduleForm({ branch }: { branch: Branch }) {\n  const cart = useCart();\n  const bridge = useBaseHostBridge();\n  const overlay = useOverlay(\"cart_sheet\", \"schedule\");\n  const menu = useCartCatalogue();\n  const limits = cartScheduleLimits(menu, cart.lines, bridge.scheduleMaxDays);\n  const [error, setError] = useState<string | null>(null);\n  const fulfilment = cart.fulfilment;\n  if (!fulfilment || fulfilment.type === \"dine_in\") {\n    return (\n      <p>Add a delivery address or select pickup before choosing a time.</p>\n    );\n  }\n  return (\n    <Schedule\n      branch={\n        bridge.scheduleOpeningTimes\n          ? { ...branch, openingTimes: bridge.scheduleOpeningTimes }\n          : branch\n      }\n      maxDays={limits.maxDays}\n      noticeMinutes={limits.noticeMinutes}\n      defaultValue={fulfilment.scheduledFor ?? null}\n    >\n      {({ days, value, setValue, canAsap, isValid }) => (\n        <div className=\"z-base-field\">\n          <p>Times are shown in {branch.timezone ?? \"the store\u2019s timezone\"}.</p>\n          <label className=\"z-base-field\">\n            Order time\n            <select\n              className=\"z-base-input\"\n              value={value ?? \"\"}\n              onChange={(event) => setValue(event.target.value || null)}\n            >\n              <option value=\"\" disabled={!canAsap}>\n                As soon as possible\n              </option>\n              {days.map((day) => (\n                <optgroup key={day.date} label={day.date}>\n                  {day.slots.map((slot) => (\n                    <option key={slot.value} value={slot.value}>\n                      {slot.label}\n                    </option>\n                  ))}\n                </optgroup>\n              ))}\n            </select>\n          </label>\n          {!isValid && <p role=\"alert\">Choose an available order time.</p>}\n          {days.length === 0 && (\n            <p>No scheduled times are currently available.</p>\n          )}\n          {error && <p role=\"alert\">{error}</p>}\n          <button\n            type=\"button\"\n            className=\"z-base-button\"\n            disabled={!isValid}\n            onClick={() => {\n              try {\n                const next = { ...fulfilment };\n                if (value === null) {\n                  delete next.scheduledFor;\n                } else {\n                  next.scheduledFor = value;\n                }\n                cart.actions.setFulfilment(next);\n                bridge.saveFulfilment?.(next);\n                overlay.close();\n              } catch (failure) {\n                setError(\n                  failure instanceof Error\n                    ? failure.message\n                    : \"Unable to save this time\",\n                );\n              }\n            }}\n          >\n            Save time\n          </button>\n        </div>\n      )}\n    </Schedule>\n  );\n}\nexport function ScheduleSheet({ branch }: { branch: Branch }) {\n  return (\n    <CartSheet id=\"schedule\" title=\"Schedule order\" trigger=\"Choose order time\">\n      <ScheduleForm branch={branch} />\n    </CartSheet>\n  );\n}\n"],
+  "mappings": ";AAAA,SAAS,UAAU,kBAAkB;AAErC,SAAS,SAAS,wBAAwB;AAC1C,SAAS,gBAAgB;AACzB,SAAS,yBAAyB;AAClC,SAAS,0BAA0B;AACnC,SAAS,iBAAiB;AAWpB,cAgBI,YAhBJ;AAVN,SAAS,aAAa,EAAE,OAAO,GAAuB;AACpD,QAAM,OAAO,QAAQ;AACrB,QAAM,SAAS,kBAAkB;AACjC,QAAM,UAAU,WAAW,cAAc,UAAU;AACnD,QAAM,OAAO,iBAAiB;AAC9B,QAAM,SAAS,mBAAmB,MAAM,KAAK,OAAO,OAAO,eAAe;AAC1E,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAwB,IAAI;AACtD,QAAM,aAAa,KAAK;AACxB,MAAI,CAAC,cAAc,WAAW,SAAS,WAAW;AAChD,WACE,oBAAC,OAAE,6EAA+D;AAAA,EAEtE;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,QACE,OAAO,uBACH,EAAE,GAAG,QAAQ,cAAc,OAAO,qBAAqB,IACvD;AAAA,MAEN,SAAS,OAAO;AAAA,MAChB,eAAe,OAAO;AAAA,MACtB,cAAc,WAAW,gBAAgB;AAAA,MAExC,WAAC,EAAE,MAAM,OAAO,UAAU,SAAS,QAAQ,MAC1C,qBAAC,SAAI,WAAU,gBACb;AAAA,6BAAC,OAAE;AAAA;AAAA,UAAoB,OAAO,YAAY;AAAA,UAAuB;AAAA,WAAC;AAAA,QAClE,qBAAC,WAAM,WAAU,gBAAe;AAAA;AAAA,UAE9B;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO,SAAS;AAAA,cAChB,UAAU,CAAC,UAAU,SAAS,MAAM,OAAO,SAAS,IAAI;AAAA,cAExD;AAAA,oCAAC,YAAO,OAAM,IAAG,UAAU,CAAC,SAAS,iCAErC;AAAA,gBACC,KAAK,IAAI,CAAC,QACT,oBAAC,cAAwB,OAAO,IAAI,MACjC,cAAI,MAAM,IAAI,CAAC,SACd,oBAAC,YAAwB,OAAO,KAAK,OAClC,eAAK,SADK,KAAK,KAElB,CACD,KALY,IAAI,IAMnB,CACD;AAAA;AAAA;AAAA,UACH;AAAA,WACF;AAAA,QACC,CAAC,WAAW,oBAAC,OAAE,MAAK,SAAQ,6CAA+B;AAAA,QAC3D,KAAK,WAAW,KACf,oBAAC,OAAE,yDAA2C;AAAA,QAE/C,SAAS,oBAAC,OAAE,MAAK,SAAS,iBAAM;AAAA,QACjC;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAU;AAAA,YACV,UAAU,CAAC;AAAA,YACX,SAAS,MAAM;AACb,kBAAI;AACF,sBAAM,OAAO,EAAE,GAAG,WAAW;AAC7B,oBAAI,UAAU,MAAM;AAClB,yBAAO,KAAK;AAAA,gBACd,OAAO;AACL,uBAAK,eAAe;AAAA,gBACtB;AACA,qBAAK,QAAQ,cAAc,IAAI;AAC/B,uBAAO,iBAAiB,IAAI;AAC5B,wBAAQ,MAAM;AAAA,cAChB,SAAS,SAAS;AAChB;AAAA,kBACE,mBAAmB,QACf,QAAQ,UACR;AAAA,gBACN;AAAA,cACF;AAAA,YACF;AAAA,YACD;AAAA;AAAA,QAED;AAAA,SACF;AAAA;AAAA,EAEJ;AAEJ;AACO,SAAS,cAAc,EAAE,OAAO,GAAuB;AAC5D,SACE,oBAAC,aAAU,IAAG,YAAW,OAAM,kBAAiB,SAAQ,qBACtD,8BAAC,gBAAa,QAAgB,GAChC;AAEJ;",
+  "names": []
+}

package/dist/{chunk-JFEI2OUZ.js → cart/theme-class.js}

@@ -1,13 +1,15 @@
-import { createContext, useContext } from 'react';
+"use client";
 
 // src/cart/theme-class.tsx
+import { createContext, useContext } from "react";
 var ThemeClass = createContext(void 0);
 var ThemeClassProvider = ThemeClass.Provider;
 function useThemeClass(className) {
   const themeClass = useContext(ThemeClass);
   return themeClass ? `${className} ${themeClass}` : className;
 }
-
-export { ThemeClassProvider, useThemeClass };
-//# sourceMappingURL=chunk-JFEI2OUZ.js.map
-//# sourceMappingURL=chunk-JFEI2OUZ.js.map
+export {
+  ThemeClassProvider,
+  useThemeClass
+};
+//# sourceMappingURL=theme-class.js.map

package/dist/cart/theme-class.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/cart/theme-class.tsx"],
+  "sourcesContent": ["\"use client\";\nimport { createContext, useContext } from \"react\";\nconst ThemeClass = createContext<string | undefined>(undefined);\nexport const ThemeClassProvider = ThemeClass.Provider;\n/**\n * Class names for an overlay root, plus the class a template passed to\n * `CartReview`. Overlays render in a portal, outside any template wrapper, so\n * a template's tokens reach them only through this class.\n */\nexport function useThemeClass(className: string) {\n  const themeClass = useContext(ThemeClass);\n  return themeClass ? `${className} ${themeClass}` : className;\n}\n"],
+  "mappings": ";;;AACA,SAAS,eAAe,kBAAkB;AAC1C,IAAM,aAAa,cAAkC,MAAS;AACvD,IAAM,qBAAqB,WAAW;AAMtC,SAAS,cAAc,WAAmB;AAC/C,QAAM,aAAa,WAAW,UAAU;AACxC,SAAO,aAAa,GAAG,SAAS,IAAI,UAAU,KAAK;AACrD;",
+  "names": []
+}