@zappie/theme-base 0.0.0-stage → 0.1.1

package/dist/chunk-2MV6KU3R.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/cart/line-options.tsx","../src/item/configurator-commit.ts","../src/item/configurator-draft.ts","../src/item/note.tsx","../src/item/variant-status.tsx","../src/item/configurator.tsx"],"names":["useState","value","jsxs","jsx","ItemForm","Fragment","Money","Quantity"],"mappings":"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","file":"chunk-2MV6KU3R.js","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 ? \"⌄\" : \"›\"}\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                          −\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","import type { CartLine, CartLineInput, Zappie } from \"@zappie/sdk\";\n\nexport function createConfiguratorCommit(\n  client: Zappie,\n  line: CartLine | undefined,\n) {\n  if (!line) {\n    return undefined;\n  }\n  return (input: CartLineInput) => {\n    const nextInput = { ...input };\n    delete nextInput.variantId;\n    return client.cart.update(line.id, nextInput);\n  };\n}\n","import type { CartLine, CartLineInput, Item } from \"@zappie/sdk\";\nimport { useEffect, useState } from \"react\";\n\nexport function useConfiguratorDraft({\n  item,\n  menuId,\n  line,\n  scope,\n}: {\n  item: Item;\n  menuId?: string;\n  line?: CartLine;\n  scope: string;\n}) {\n  const key = `zappie:product-draft:${scope}:${item.id}:${menuId ?? \"\"}:${line?.id ?? \"new\"}`;\n  const initial: CartLineInput = {\n    itemId: item.id,\n    ...(menuId !== undefined ? { menuId } : {}),\n    quantity: line?.quantity ?? item.quantity.min,\n    choices: line?.choices.map((choice) => ({ ...choice })) ?? [],\n    inputs: { ...line?.inputs },\n    note: line?.note ?? \"\",\n  };\n  const [value, setValue] = useState(initial);\n  const [restored, setRestored] = useState(false);\n\n  useEffect(() => {\n    try {\n      const saved = JSON.parse(sessionStorage.getItem(key) ?? \"null\");\n      if (\n        saved?.itemId === item.id &&\n        saved?.menuId === menuId &&\n        Number.isFinite(saved.quantity) &&\n        Array.isArray(saved.choices) &&\n        saved.choices.every((choice: unknown) => {\n          if (!choice || typeof choice !== \"object\") {\n            return false;\n          }\n          const value = choice as Record<string, unknown>;\n          return (\n            typeof value.groupId === \"string\" &&\n            typeof value.choiceId === \"string\" &&\n            Number.isFinite(value.quantity)\n          );\n        }) &&\n        saved.inputs &&\n        typeof saved.inputs === \"object\" &&\n        !Array.isArray(saved.inputs) &&\n        Object.values(saved.inputs).every(\n          (value) =>\n            typeof value === \"string\" ||\n            typeof value === \"boolean\" ||\n            (typeof value === \"number\" && Number.isFinite(value)),\n        ) &&\n        typeof saved.note === \"string\"\n      ) {\n        setValue({\n          ...initial,\n          quantity: saved.quantity,\n          choices: saved.choices,\n          inputs: saved.inputs,\n          note: saved.note,\n        });\n      }\n    } catch {\n      // A draft is optional; storage failure never prevents configuring an item.\n    }\n    setRestored(true);\n  }, [key]);\n\n  useEffect(() => {\n    if (restored) {\n      try {\n        sessionStorage.setItem(key, JSON.stringify(value));\n      } catch {\n        // Keep the in-memory draft when storage is unavailable.\n      }\n    }\n  }, [key, value, restored]);\n\n  const clear = () => {\n    try {\n      sessionStorage.removeItem(key);\n    } catch {\n      // Saving the cart succeeded; a failed optional draft cleanup must not undo it.\n    }\n  };\n\n  return { clear, restored, setValue, value };\n}\n","\"use client\";\nimport { Overlay, useOverlay } from \"@zappie/foundations\";\nimport { useThemeClass } from \"../cart/theme-class\";\nexport function ItemNote({\n  id,\n  value,\n  onChange,\n}: {\n  id: string;\n  value: string;\n  onChange(value: string): void;\n}) {\n  const overlay = useOverlay(\"product_note\", id);\n  const themeClass = useThemeClass(\"z-base-cart z-base-note\");\n  return (\n    <Overlay.Root\n      param=\"product_note\"\n      id={id}\n      presentation={{ base: \"drawer\", lg: \"dialog\" }}\n    >\n      <Overlay.Trigger className=\"z-base-button-secondary\">\n        {value ? \"Edit Note\" : \"Add Note\"}\n      </Overlay.Trigger>\n      <Overlay.Content data-zappie-theme=\"base\" className={themeClass}>\n        <header className=\"z-base-cart-header\">\n          <Overlay.Title>Add a note</Overlay.Title>\n          <Overlay.Close\n            className=\"z-base-button-secondary\"\n            aria-label=\"Close note\"\n          >\n            ✕\n          </Overlay.Close>\n        </header>\n        <div className=\"z-base-cart-body\">\n          <label className=\"z-base-field\">\n            Note\n            <textarea\n              className=\"z-base-input\"\n              maxLength={Math.max(35, value.length)}\n              value={value}\n              onChange={(event) => onChange(event.target.value)}\n            />\n          </label>\n          <button\n            type=\"button\"\n            className=\"z-base-button\"\n            onClick={overlay.close}\n          >\n            Add note\n          </button>\n        </div>\n      </Overlay.Content>\n    </Overlay.Root>\n  );\n}\n","import type { CartLineInput, Item } from \"@zappie/sdk\";\n\nexport function VariantStatus({\n  item,\n  value,\n}: {\n  item: Item;\n  value: CartLineInput;\n}) {\n  const matches = item.variants.filter((variant) =>\n    Object.entries(variant.attributeChoices).every(([groupId, choiceId]) =>\n      value.choices?.some(\n        (choice) => choice.groupId === groupId && choice.choiceId === choiceId,\n      ),\n    ),\n  );\n  const selected = matches.length === 1 ? matches[0] : undefined;\n  if (!item.isAvailable || !selected) {\n    return null;\n  }\n  return !selected.isAvailable ? (\n    <p role=\"status\">Out of stock</p>\n  ) : selected.lowStock ? (\n    <p role=\"status\">Low stock</p>\n  ) : null;\n}\n","\"use client\";\nimport { ItemForm, Money, Quantity } from \"@zappie/foundations\";\nimport type { CartLine, Item } from \"@zappie/sdk\";\nimport { useZappie } from \"@zappie/sdk/react\";\nimport { countEvent } from \"@zappie/sdk/visits\";\nimport { Fragment, useState, type ReactNode } from \"react\";\nimport { LineOptions } from \"../cart/line-options\";\nimport { createConfiguratorCommit } from \"./configurator-commit\";\nimport { useConfiguratorDraft } from \"./configurator-draft\";\nimport { ItemNote } from \"./note\";\nimport { VariantStatus } from \"./variant-status\";\n\n/** The same draft and validation workflow for an item, an inline row and a cart edit. */\nexport function ItemConfigurator({\n  item,\n  menuId,\n  line,\n  onComplete,\n  scope,\n  showPrice = false,\n  introduction,\n}: {\n  item: Item;\n  menuId?: string;\n  line?: CartLine;\n  onComplete(): void;\n  scope: string;\n  showPrice?: boolean;\n  introduction?: ReactNode;\n}) {\n  const client = useZappie();\n  const { clear, restored, setValue, value } = useConfiguratorDraft({\n    item,\n    ...(menuId !== undefined ? { menuId } : {}),\n    ...(line !== undefined ? { line } : {}),\n    scope,\n  });\n  const [error, setError] = useState<string>();\n  const onCommit = createConfiguratorCommit(client, line);\n  return (\n    <ItemForm.Root\n      item={item}\n      value={value}\n      onValueChange={(next) => {\n        const nextValue = { ...next };\n        delete nextValue.variantId;\n        setValue(nextValue);\n        setError(undefined);\n      }}\n      {...(onCommit ? { onCommit } : {})}\n      onAdded={() => {\n        if (!line) {\n          countEvent(\"add\");\n        }\n        clear();\n        onComplete();\n      }}\n      className=\"z-base-configurator\"\n    >\n      {(configuration) => (\n        <Fragment>\n          <div className=\"z-base-item-summary\">\n            {showPrice && (\n              <p className=\"z-base-item-price\">\n                <Money value={configuration.unitPrice} />\n                {item.compareAtPrice && (\n                  <del>\n                    <Money value={item.compareAtPrice} />\n                  </del>\n                )}\n              </p>\n            )}\n            {!line && (\n              <ItemNote\n                id={item.id}\n                value={value.note ?? \"\"}\n                onChange={(note) => configuration.setValue({ ...value, note })}\n              />\n            )}\n          </div>\n          {line && (\n            <label className=\"z-base-field\">\n              Note\n              <textarea\n                className=\"z-base-input\"\n                maxLength={line ? 280 : Math.max(35, value.note?.length ?? 0)}\n                value={value.note ?? \"\"}\n                onChange={(event) =>\n                  configuration.setValue({ ...value, note: event.target.value })\n                }\n              />\n            </label>\n          )}\n          {showPrice && (\n            <VariantStatus item={item} value={configuration.value} />\n          )}\n          {introduction}\n          <LineOptions />\n          {configuration.issues.length > 0 && (\n            <div role=\"alert\">\n              {configuration.issues.map((issue, index) => (\n                <p key={`${issue.code}:${issue.groupId}:${index}`}>\n                  {issue.message}\n                </p>\n              ))}\n            </div>\n          )}\n          {error && <p role=\"alert\">{error}</p>}\n          {line && (\n            <p aria-live=\"polite\">\n              Estimated total: <Money value={configuration.total} />\n            </p>\n          )}\n          <footer className=\"z-base-item-purchase\">\n            <Quantity.Root\n              className=\"z-base-quantity\"\n              value={configuration.quantity}\n              min={item.quantity.min}\n              max={Math.min(item.quantity.max ?? 99, 99)}\n              step={item.quantity.step}\n              onValueChange={configuration.setQuantity}\n            >\n              <Quantity.Decrement aria-label=\"Decrease quantity\">\n                −\n              </Quantity.Decrement>\n              <Quantity.Value aria-label=\"Item quantity\" />\n              <Quantity.Increment aria-label=\"Increase quantity\">\n                +\n              </Quantity.Increment>\n            </Quantity.Root>\n            <button\n              type=\"button\"\n              className=\"z-base-button\"\n              disabled={!restored || !item.isAvailable}\n              onClick={() => {\n                try {\n                  configuration.add();\n                } catch (failure) {\n                  setError(\n                    failure instanceof Error\n                      ? failure.message\n                      : \"Unable to save this item. Please try again.\",\n                  );\n                }\n              }}\n            >\n              {item.isAvailable\n                ? line\n                  ? \"Save changes\"\n                  : \"Add\"\n                : (item.stockLabel ?? \"Unavailable\")}{\" \"}\n              {!line && <Money value={configuration.total} />}\n            </button>\n          </footer>\n        </Fragment>\n      )}\n    </ItemForm.Root>\n  );\n}\n"]}

package/dist/chunk-FB5DRCU7.js

@@ -0,0 +1,146 @@
+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
+    ) })
+  ] });
+}
+function CartLine({ line }) {
+  const cart = useCart();
+  const invalid = cart.issues.some(
+    (issue) => issue.lineId === line.id && issue.severity === "blocking"
+  );
+  return /* @__PURE__ */ jsx(Cart.Line, { line, className: "z-base-line", children: ({ item }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "z-base-line-heading", children: [
+      /* @__PURE__ */ jsx("h3", { children: line.name }),
+      item && !invalid ? /* @__PURE__ */ jsx(Money, { value: line.lineSubtotal }) : /* @__PURE__ */ jsx("span", { children: "Price unavailable" })
+    ] }),
+    /* @__PURE__ */ jsxs("ul", { className: "z-base-line-options", children: [
+      line.choices.map((selection) => {
+        const group = item?.optionGroups.find(
+          (group2) => group2.id === selection.groupId
+        );
+        const choice = group?.choices.find(
+          (choice2) => choice2.id === selection.choiceId
+        );
+        return /* @__PURE__ */ jsxs("li", { children: [
+          choice?.name ?? "Unavailable option",
+          selection.quantity > 1 ? ` \xD7 ${selection.quantity}` : ""
+        ] }, `${selection.groupId}:${selection.choiceId}`);
+      }),
+      Object.entries(line.inputs).map(([id, value]) => /* @__PURE__ */ jsxs("li", { children: [
+        item?.optionGroups.find((group) => group.id === id)?.name ?? "Details",
+        ": ",
+        value
+      ] }, id))
+    ] }),
+    line.note && /* @__PURE__ */ jsx("p", { className: "z-base-muted", children: line.note }),
+    /* @__PURE__ */ jsxs("div", { className: "z-base-line-actions", children: [
+      /* @__PURE__ */ jsxs(
+        Cart.Quantity,
+        {
+          lineId: line.id,
+          disabled: invalid,
+          className: "z-base-quantity",
+          children: [
+            /* @__PURE__ */ jsx(Quantity.Decrement, { "aria-label": `Decrease ${line.name} quantity`, children: "\u2212" }),
+            /* @__PURE__ */ jsx(Quantity.Value, { "aria-label": `${line.name} quantity` }),
+            /* @__PURE__ */ jsx(Quantity.Increment, { "aria-label": `Increase ${line.name} quantity`, children: "+" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Overlay.Root,
+        {
+          param: "cart_edit",
+          id: line.id,
+          presentation: { base: "sheet", lg: "dialog" },
+          children: [
+            /* @__PURE__ */ jsx(
+              Overlay.Trigger,
+              {
+                className: "z-base-button-secondary",
+                disabled: !item,
+                "aria-label": `Edit ${line.name}`,
+                children: "Edit"
+              }
+            ),
+            item && /* @__PURE__ */ jsx(LineEditor, { line, item })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Cart.Remove,
+        {
+          lineId: line.id,
+          className: "z-base-button-secondary",
+          "aria-label": `Remove ${line.name}`,
+          children: "Remove"
+        }
+      )
+    ] })
+  ] }) });
+}
+
+export { CartLine, ClearCart };
+//# sourceMappingURL=chunk-FB5DRCU7.js.map
+//# sourceMappingURL=chunk-FB5DRCU7.js.map

package/dist/chunk-FB5DRCU7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/cart/clear-cart.tsx","../src/cart/line-editor.tsx","../src/cart/cart-line.tsx"],"names":["useOverlay","jsxs","Overlay","jsx","useCart","group","choice"],"mappings":";;;;;;AAIO,SAAS,SAAA,GAAY;AAC1B,EAAA,MAAM,SAAA,GAAY,cAAc,4BAA4B,CAAA;AAC5D,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,MAAM,OAAA,GAAU,UAAA,CAAW,YAAA,EAAc,SAAS,CAAA;AAClD,EAAA,uBACE,IAAA,CAAC,QAAQ,IAAA,EAAR,EAAa,OAAM,YAAA,EAAa,EAAA,EAAG,SAAA,EAAU,YAAA,EAAa,QAAA,EACzD,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,OAAA,CAAQ,OAAA,EAAR,EAAgB,SAAA,EAAU,2BAA0B,QAAA,EAAA,YAAA,EAErD,CAAA;AAAA,oBACA,IAAA;AAAA,MAAC,OAAA,CAAQ,OAAA;AAAA,MAAR;AAAA,QACC,mBAAA,EAAkB,MAAA;AAAA,QAClB,IAAA,EAAK,aAAA;AAAA,QACL,SAAA,EAAW,SAAA;AAAA,QAEX,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,OAAA,CAAQ,KAAA,EAAR,EAAc,QAAA,EAAA,kBAAA,EAAgB,CAAA;AAAA,0BAC/B,GAAA,CAAC,OAAE,QAAA,EAAA,uCAAA,EAAqC,CAAA;AAAA,0BACxC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wBAAA,EACb,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,OAAA,CAAQ,KAAA,EAAR,EAAc,SAAA,EAAU,2BAA0B,QAAA,EAAA,YAAA,EAEnD,CAAA;AAAA,4BACA,GAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,QAAA;AAAA,gBACL,SAAA,EAAU,eAAA;AAAA,gBACV,SAAS,MAAM;AACb,kBAAA,IAAA,CAAK,QAAQ,KAAA,EAAM;AACnB,kBAAA,OAAA,CAAQ,KAAA,EAAM;AAAA,gBAChB,CAAA;AAAA,gBACD,QAAA,EAAA;AAAA;AAAA;AAED,WAAA,EACF;AAAA;AAAA;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;ACjCO,SAAS,UAAA,CAAW,EAAE,IAAA,EAAM,IAAA,EAAK,EAAmC;AACzE,EAAA,MAAM,SAAA,GAAY,cAAc,2BAA2B,CAAA;AAC3D,EAAA,MAAM,OAAA,GAAUA,UAAAA,CAAW,WAAA,EAAa,IAAA,CAAK,EAAE,CAAA;AAC/C,EAAA,MAAM,SAAS,SAAA,EAAU;AACzB,EAAA,uBACEC,KAACC,OAAAA,CAAQ,OAAA,EAAR,EAAgB,mBAAA,EAAkB,MAAA,EAAO,WAAW,SAAA,EACnD,QAAA,EAAA;AAAA,oBAAAD,IAAAA,CAAC,QAAA,EAAA,EAAO,SAAA,EAAU,oBAAA,EAChB,QAAA,EAAA;AAAA,sBAAAA,IAAAA,CAACC,OAAAA,CAAQ,KAAA,EAAR,EAAc,QAAA,EAAA;AAAA,QAAA,OAAA;AAAA,QAAM,IAAA,CAAK;AAAA,OAAA,EAAK,CAAA;AAAA,sBAC/BC,GAAAA,CAACD,OAAAA,CAAQ,OAAR,EAAc,SAAA,EAAU,2BAA0B,QAAA,EAAA,QAAA,EAEnD;AAAA,KAAA,EACF,CAAA;AAAA,IACC,QAAQ,MAAA,oBACPC,IAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oBACb,QAAA,kBAAAA,GAAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QAEC,IAAA;AAAA,QACC,GAAI,KAAK,MAAA,KAAW,MAAA,GAAY,EAAE,MAAA,EAAQ,IAAA,CAAK,MAAA,EAAO,GAAI,EAAC;AAAA,QAC5D,IAAA;AAAA,QACA,KAAA,EAAO,CAAA,EAAG,MAAA,CAAO,MAAA,CAAO,KAAK,CAAA,CAAA,EAAI,MAAA,CAAO,IAAA,CAAK,QAAQ,CAAA,CAAA,EAAI,MAAA,CAAO,IAAA,CAAK,YAAY,IAAI,CAAA,CAAA;AAAA,QACrF,YAAY,OAAA,CAAQ;AAAA,OAAA;AAAA,MALf,IAAA,CAAK;AAAA,KAMZ,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ;AC3BO,SAAS,QAAA,CAAS,EAAE,IAAA,EAAK,EAAmB;AACjD,EAAA,MAAM,OAAOC,OAAAA,EAAQ;AACrB,EAAA,MAAM,OAAA,GAAU,KAAK,MAAA,CAAO,IAAA;AAAA,IAC1B,CAAC,KAAA,KAAU,KAAA,CAAM,WAAW,IAAA,CAAK,EAAA,IAAM,MAAM,QAAA,KAAa;AAAA,GAC5D;AACA,EAAA,uBACED,GAAAA,CAAC,IAAA,CAAK,IAAA,EAAL,EAAU,IAAA,EAAY,SAAA,EAAU,aAAA,EAC9B,QAAA,EAAA,CAAC,EAAE,IAAA,EAAK,qBACPF,KAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAA,IAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qBAAA,EACb,QAAA,EAAA;AAAA,sBAAAE,GAAAA,CAAC,IAAA,EAAA,EAAI,QAAA,EAAA,IAAA,CAAK,IAAA,EAAK,CAAA;AAAA,MACd,IAAA,IAAQ,CAAC,OAAA,mBACRA,GAAAA,CAAC,KAAA,EAAA,EAAM,KAAA,EAAO,IAAA,CAAK,YAAA,EAAc,CAAA,mBAEjCA,GAAAA,CAAC,UAAK,QAAA,EAAA,mBAAA,EAAiB;AAAA,KAAA,EAE3B,CAAA;AAAA,oBACAF,IAAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,qBAAA,EACX,QAAA,EAAA;AAAA,MAAA,IAAA,CAAK,OAAA,CAAQ,GAAA,CAAI,CAAC,SAAA,KAAc;AAC/B,QAAA,MAAM,KAAA,GAAQ,MAAM,YAAA,CAAa,IAAA;AAAA,UAC/B,CAACI,MAAAA,KAAUA,MAAAA,CAAM,EAAA,KAAO,SAAA,CAAU;AAAA,SACpC;AACA,QAAA,MAAM,MAAA,GAAS,OAAO,OAAA,CAAQ,IAAA;AAAA,UAC5B,CAACC,OAAAA,KAAWA,OAAAA,CAAO,EAAA,KAAO,SAAA,CAAU;AAAA,SACtC;AACA,QAAA,uBACEL,KAAC,IAAA,EAAA,EACE,QAAA,EAAA;AAAA,UAAA,MAAA,EAAQ,IAAA,IAAQ,oBAAA;AAAA,UAChB,UAAU,QAAA,GAAW,CAAA,GAAI,CAAA,MAAA,EAAM,SAAA,CAAU,QAAQ,CAAA,CAAA,GAAK;AAAA,SAAA,EAAA,EAFhD,GAAG,SAAA,CAAU,OAAO,CAAA,CAAA,EAAI,SAAA,CAAU,QAAQ,CAAA,CAGnD,CAAA;AAAA,MAEJ,CAAC,CAAA;AAAA,MACA,MAAA,CAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAA,CAAE,GAAA,CAAI,CAAC,CAAC,EAAA,EAAI,KAAK,CAAA,qBAC1CA,KAAC,IAAA,EAAA,EACE,QAAA,EAAA;AAAA,QAAA,IAAA,EAAM,YAAA,CAAa,KAAK,CAAC,KAAA,KAAU,MAAM,EAAA,KAAO,EAAE,GAAG,IAAA,IACpD,SAAA;AAAA,QAAU,IAAA;AAAA,QACT;AAAA,OAAA,EAAA,EAHI,EAIT,CACD;AAAA,KAAA,EACH,CAAA;AAAA,IACC,IAAA,CAAK,wBAAQE,GAAAA,CAAC,OAAE,SAAA,EAAU,cAAA,EAAgB,eAAK,IAAA,EAAK,CAAA;AAAA,oBACrDF,IAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qBAAA,EACb,QAAA,EAAA;AAAA,sBAAAA,IAAAA;AAAA,QAAC,IAAA,CAAK,QAAA;AAAA,QAAL;AAAA,UACC,QAAQ,IAAA,CAAK,EAAA;AAAA,UACb,QAAA,EAAU,OAAA;AAAA,UACV,SAAA,EAAU,iBAAA;AAAA,UAEV,QAAA,EAAA;AAAA,4BAAAE,GAAAA,CAAC,SAAS,SAAA,EAAT,EAAmB,cAAY,CAAA,SAAA,EAAY,IAAA,CAAK,IAAI,CAAA,SAAA,CAAA,EAAa,QAAA,EAAA,QAAA,EAElE,CAAA;AAAA,4BACAA,IAAC,QAAA,CAAS,KAAA,EAAT,EAAe,YAAA,EAAY,CAAA,EAAG,IAAA,CAAK,IAAI,CAAA,SAAA,CAAA,EAAa,CAAA;AAAA,4BACrDA,GAAAA,CAAC,QAAA,CAAS,SAAA,EAAT,EAAmB,cAAY,CAAA,SAAA,EAAY,IAAA,CAAK,IAAI,CAAA,SAAA,CAAA,EAAa,QAAA,EAAA,GAAA,EAElE;AAAA;AAAA;AAAA,OACF;AAAA,sBACAF,IAAAA;AAAA,QAACC,OAAAA,CAAQ,IAAA;AAAA,QAAR;AAAA,UACC,KAAA,EAAM,WAAA;AAAA,UACN,IAAI,IAAA,CAAK,EAAA;AAAA,UACT,YAAA,EAAc,EAAE,IAAA,EAAM,OAAA,EAAS,IAAI,QAAA,EAAS;AAAA,UAE5C,QAAA,EAAA;AAAA,4BAAAC,GAAAA;AAAA,cAACD,OAAAA,CAAQ,OAAA;AAAA,cAAR;AAAA,gBACC,SAAA,EAAU,yBAAA;AAAA,gBACV,UAAU,CAAC,IAAA;AAAA,gBACX,YAAA,EAAY,CAAA,KAAA,EAAQ,IAAA,CAAK,IAAI,CAAA,CAAA;AAAA,gBAC9B,QAAA,EAAA;AAAA;AAAA,aAED;AAAA,YACC,IAAA,oBAAQC,GAAAA,CAAC,UAAA,EAAA,EAAW,MAAY,IAAA,EAAY;AAAA;AAAA;AAAA,OAC/C;AAAA,sBACAA,GAAAA;AAAA,QAAC,IAAA,CAAK,MAAA;AAAA,QAAL;AAAA,UACC,QAAQ,IAAA,CAAK,EAAA;AAAA,UACb,SAAA,EAAU,yBAAA;AAAA,UACV,YAAA,EAAY,CAAA,OAAA,EAAU,IAAA,CAAK,IAAI,CAAA,CAAA;AAAA,UAChC,QAAA,EAAA;AAAA;AAAA;AAED,KAAA,EACF;AAAA,GAAA,EACF,CAAA,EAEJ,CAAA;AAEJ","file":"chunk-FB5DRCU7.js","sourcesContent":["import { Overlay, useOverlay } from \"@zappie/foundations\";\nimport { useCart } from \"@zappie/sdk/react\";\nimport { useThemeClass } from \"./theme-class\";\n/** Clearing removes every line, so it asks first, as the legacy cart does. */\nexport function ClearCart() {\n  const rootClass = useThemeClass(\"z-base-cart z-base-confirm\");\n  const cart = useCart();\n  const confirm = useOverlay(\"cart_clear\", \"confirm\");\n  return (\n    <Overlay.Root param=\"cart_clear\" id=\"confirm\" presentation=\"dialog\">\n      <Overlay.Trigger className=\"z-base-button-secondary\">\n        Clear cart\n      </Overlay.Trigger>\n      <Overlay.Content\n        data-zappie-theme=\"base\"\n        role=\"alertdialog\"\n        className={rootClass}\n      >\n        <Overlay.Title>Clear your cart?</Overlay.Title>\n        <p>This removes every item in your cart.</p>\n        <div className=\"z-base-confirm-actions\">\n          <Overlay.Close className=\"z-base-button-secondary\">\n            Keep items\n          </Overlay.Close>\n          <button\n            type=\"button\"\n            className=\"z-base-button\"\n            onClick={() => {\n              cart.actions.clear();\n              confirm.close();\n            }}\n          >\n            Clear cart\n          </button>\n        </div>\n      </Overlay.Content>\n    </Overlay.Root>\n  );\n}\n","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","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 ? ` × ${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                −\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"]}

package/dist/chunk-IG63ONID.js

@@ -0,0 +1,139 @@
+import { CheckoutError, checkoutFulfilment as checkoutFulfilment$1 } from '@zappie/sdk/checkout';
+import { currentSource } from '@zappie/sdk/visits';
+import { createContext, useCallback, useSyncExternalStore, useMemo, useContext } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+// src/checkout.tsx
+var subscriptions = /* @__PURE__ */ new WeakMap();
+var Context = createContext(null);
+var idle = () => () => {
+};
+function CheckoutHandoffProvider({
+  handoff,
+  children
+}) {
+  const subscribe = useCallback(
+    (listener) => (subscriptions.get(handoff) ?? idle)(listener),
+    [handoff]
+  );
+  const read = useCallback(() => handoff.customer, [handoff]);
+  const customer = useSyncExternalStore(subscribe, read, read);
+  const value = useMemo(
+    () => ({
+      ...handoff.contactPhone !== void 0 ? { contactPhone: handoff.contactPhone } : {},
+      customer,
+      signIn: () => handoff.signIn(),
+      pay: (payload, details) => details ? handoff.pay(payload, details) : handoff.pay(payload)
+    }),
+    [customer, handoff]
+  );
+  return /* @__PURE__ */ jsx(Context.Provider, { value, children });
+}
+function useCheckoutHandoff() {
+  const handoff = useContext(Context);
+  if (!handoff) {
+    throw new Error("useCheckoutHandoff requires CheckoutHandoffProvider");
+  }
+  return handoff;
+}
+function customerName(customer) {
+  if (!customer) {
+    return null;
+  }
+  const digits = customer.phone_masked?.replace(/\D/g, "") ?? "";
+  return {
+    ...customer.given_name ? { name: customer.given_name } : {},
+    ...digits.length >= 4 ? { phoneLast4: digits.slice(-4) } : {}
+  };
+}
+function checkoutFulfilment(payload) {
+  const fulfilment = checkoutFulfilment$1(payload.fulfilment);
+  if (fulfilment.type === "delivery") {
+    return { ...fulfilment, type: "delivery" };
+  }
+  if (fulfilment.type === "pickup") {
+    return { ...fulfilment, type: "pickup" };
+  }
+  throw new Error("Dine-in checkout is unavailable");
+}
+function createSdkCheckoutHandoff({
+  customer,
+  checkout,
+  branchId,
+  returnUrl,
+  cancelUrl,
+  attribution = currentSource
+}) {
+  let source = customer.customer;
+  let current = customerName(source);
+  let attempt;
+  const readCustomer = () => {
+    if (source !== customer.customer) {
+      source = customer.customer;
+      current = customerName(source);
+    }
+    return current;
+  };
+  const handoff = {
+    contactPhone: true,
+    get customer() {
+      return readCustomer();
+    },
+    signIn() {
+      customer.signIn();
+    },
+    async pay(payload, details) {
+      const contactPhone = details?.contactPhone?.trim().replace(/\s+/g, "") ?? "";
+      const digest = JSON.stringify({ payload, contactPhone });
+      if (attempt?.digest !== digest) {
+        const visit = attribution();
+        attempt = {
+          digest,
+          key: crypto.randomUUID(),
+          returnUrl: returnUrl ?? `${location.origin}/checkout/return`,
+          cancelUrl: cancelUrl ?? location.href,
+          source: visit.source,
+          campaign: visit.campaign
+        };
+      }
+      const request = {
+        branch_id: branchId,
+        menu_version: payload.menu_version,
+        lines: payload.lines,
+        fulfilment: checkoutFulfilment(payload),
+        ...contactPhone ? { contact_phone: contactPhone } : {},
+        ...payload.promo_code ? { promo_code: payload.promo_code } : {},
+        ...attempt.source ? { source: attempt.source } : {},
+        ...attempt.campaign ? { campaign: attempt.campaign } : {},
+        return_url: attempt.returnUrl,
+        cancel_url: attempt.cancelUrl
+      };
+      try {
+        const session = await checkout.open(request, attempt.key);
+        location.assign(session.url);
+      } catch (failure) {
+        if (failure instanceof CheckoutError && failure.apiCode === "customer_required") {
+          await handoff.signIn();
+          return;
+        }
+        throw failure;
+      }
+    }
+  };
+  subscriptions.set(handoff, (listener) => {
+    const unsubscribe = customer.onChange((_state, next) => {
+      source = next;
+      current = customerName(next);
+      listener();
+    });
+    if (customer.state === "unknown") {
+      void customer.session().catch(() => void 0);
+    }
+    return unsubscribe;
+  });
+  return handoff;
+}
+
+export { CheckoutHandoffProvider, createSdkCheckoutHandoff, useCheckoutHandoff };
+//# sourceMappingURL=chunk-IG63ONID.js.map
+//# sourceMappingURL=chunk-IG63ONID.js.map

package/dist/chunk-IG63ONID.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/checkout.tsx"],"names":["wireCheckoutFulfilment"],"mappings":"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","file":"chunk-IG63ONID.js","sourcesContent":["\"use client\";\n\nimport type { CartModule } from \"@zappie/sdk\";\nimport {\n  CheckoutError,\n  checkoutFulfilment as wireCheckoutFulfilment,\n  type CheckoutClient,\n  type CheckoutRequest,\n} from \"@zappie/sdk/checkout\";\nimport type { CustomerClient, SessionCustomer } from \"@zappie/sdk/customer\";\nimport { currentSource } from \"@zappie/sdk/visits\";\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useSyncExternalStore,\n  type ReactNode,\n} from \"react\";\n\nexport type CheckoutPayload = ReturnType<CartModule[\"toCheckoutPayload\"]>;\nexport type CheckoutHandoff = {\n  contactPhone?: boolean;\n  customer: { name?: string; phoneLast4?: string } | null;\n  signIn(): Promise<void> | void;\n  pay(\n    payload: CheckoutPayload,\n    details?: { contactPhone?: string },\n  ): Promise<void>;\n};\n\nconst subscriptions = new WeakMap<\n  CheckoutHandoff,\n  (listener: () => void) => () => void\n>();\nconst Context = createContext<CheckoutHandoff | null>(null);\nconst idle = () => () => {};\n\nexport function CheckoutHandoffProvider({\n  handoff,\n  children,\n}: {\n  handoff: CheckoutHandoff;\n  children: ReactNode;\n}) {\n  const subscribe = useCallback(\n    (listener: () => void) => (subscriptions.get(handoff) ?? idle)(listener),\n    [handoff],\n  );\n  const read = useCallback(() => handoff.customer, [handoff]);\n  const customer = useSyncExternalStore(subscribe, read, read);\n  const value = useMemo<CheckoutHandoff>(\n    () => ({\n      ...(handoff.contactPhone !== undefined\n        ? { contactPhone: handoff.contactPhone }\n        : {}),\n      customer,\n      signIn: () => handoff.signIn(),\n      pay: (payload, details) =>\n        details ? handoff.pay(payload, details) : handoff.pay(payload),\n    }),\n    [customer, handoff],\n  );\n  return <Context.Provider value={value}>{children}</Context.Provider>;\n}\n\nexport function useCheckoutHandoff() {\n  const handoff = useContext(Context);\n  if (!handoff) {\n    throw new Error(\"useCheckoutHandoff requires CheckoutHandoffProvider\");\n  }\n  return handoff;\n}\n\nfunction customerName(customer: SessionCustomer | null) {\n  if (!customer) {\n    return null;\n  }\n  const digits = customer.phone_masked?.replace(/\\D/g, \"\") ?? \"\";\n  return {\n    ...(customer.given_name ? { name: customer.given_name } : {}),\n    ...(digits.length >= 4 ? { phoneLast4: digits.slice(-4) } : {}),\n  };\n}\n\nfunction checkoutFulfilment(payload: CheckoutPayload) {\n  const fulfilment = wireCheckoutFulfilment(payload.fulfilment);\n  if (fulfilment.type === \"delivery\") {\n    return { ...fulfilment, type: \"delivery\" } as const;\n  }\n  if (fulfilment.type === \"pickup\") {\n    return { ...fulfilment, type: \"pickup\" } as const;\n  }\n  throw new Error(\"Dine-in checkout is unavailable\");\n}\n\nexport function createSdkCheckoutHandoff({\n  customer,\n  checkout,\n  branchId,\n  returnUrl,\n  cancelUrl,\n  attribution = currentSource,\n}: {\n  customer: CustomerClient;\n  checkout: CheckoutClient;\n  branchId: string;\n  returnUrl?: string;\n  cancelUrl?: string;\n  attribution?: () => { source: string; campaign: string };\n}): CheckoutHandoff {\n  let source = customer.customer;\n  let current = customerName(source);\n  // One attempt per cart and phone: a retry reuses the key and the exact body,\n  // because the API refuses a reused key whose body changed.\n  let attempt:\n    | {\n        digest: string;\n        key: string;\n        returnUrl: string;\n        cancelUrl: string;\n        source: string;\n        campaign: string;\n      }\n    | undefined;\n  const readCustomer = () => {\n    if (source !== customer.customer) {\n      source = customer.customer;\n      current = customerName(source);\n    }\n    return current;\n  };\n  const handoff: CheckoutHandoff = {\n    contactPhone: true,\n    get customer() {\n      return readCustomer();\n    },\n    signIn() {\n      customer.signIn();\n    },\n    async pay(payload, details) {\n      const contactPhone =\n        details?.contactPhone?.trim().replace(/\\s+/g, \"\") ?? \"\";\n      const digest = JSON.stringify({ payload, contactPhone });\n      if (attempt?.digest !== digest) {\n        const visit = attribution();\n        attempt = {\n          digest,\n          key: crypto.randomUUID(),\n          returnUrl: returnUrl ?? `${location.origin}/checkout/return`,\n          cancelUrl: cancelUrl ?? location.href,\n          source: visit.source,\n          campaign: visit.campaign,\n        };\n      }\n      const request: CheckoutRequest = {\n        branch_id: branchId,\n        menu_version: payload.menu_version,\n        lines: payload.lines,\n        fulfilment: checkoutFulfilment(payload),\n        ...(contactPhone ? { contact_phone: contactPhone } : {}),\n        ...(payload.promo_code ? { promo_code: payload.promo_code } : {}),\n        ...(attempt.source ? { source: attempt.source } : {}),\n        ...(attempt.campaign ? { campaign: attempt.campaign } : {}),\n        return_url: attempt.returnUrl,\n        cancel_url: attempt.cancelUrl,\n      };\n      try {\n        const session = await checkout.open(request, attempt.key);\n        location.assign(session.url);\n      } catch (failure) {\n        if (\n          failure instanceof CheckoutError &&\n          failure.apiCode === \"customer_required\"\n        ) {\n          await handoff.signIn();\n          return;\n        }\n        throw failure;\n      }\n    },\n  };\n  subscriptions.set(handoff, (listener) => {\n    const unsubscribe = customer.onChange((_state, next) => {\n      source = next;\n      current = customerName(next);\n      listener();\n    });\n    // Without a CustomerProvider nothing else asks who is signed in.\n    if (customer.state === \"unknown\") {\n      void customer.session().catch(() => undefined);\n    }\n    return unsubscribe;\n  });\n  return handoff;\n}\n"]}

package/dist/chunk-ILOCSCZL.js

@@ -0,0 +1,217 @@
+import { createContext, useState, useEffect, useContext } from 'react';
+import { parseStorefrontUrl, buildStorefrontUrl } from '@zappie/sdk/url';
+import { jsx } from 'react/jsx-runtime';
+
+// src/navigation.tsx
+
+// src/url-navigation-state.ts
+var NAVIGATION_ENTRY = "zappie:storefront-navigation-entry";
+var routeBase = (route) => {
+  if (route.type === "item" || route.type === "order-menu") {
+    return {
+      business: route.business,
+      ...route.branch !== void 0 ? { branch: route.branch } : {}
+    };
+  }
+  return null;
+};
+var stateWith = (state, values) => {
+  const query = { ...state.query };
+  const next = { ...state, query };
+  const update = (property, key, value) => {
+    if (!Object.hasOwn(values, property)) {
+      return;
+    }
+    if (value === void 0) {
+      delete query[key];
+      delete next[property];
+      return;
+    }
+    query[key] = property === "mode" ? String(value === "pickup") : value;
+    if (property === "mode") {
+      next.mode = value === "pickup" ? "pickup" : "delivery";
+    } else if (property === "menuId") {
+      next.menuId = value;
+    } else if (property === "categoryId") {
+      next.categoryId = value;
+    } else if (property === "menuLayout") {
+      next.menuLayout = value;
+    } else {
+      next.modalId = value;
+    }
+  };
+  update("menuId", "menu_id", values.menuId);
+  update("categoryId", "category_id", values.categoryId);
+  update("menuLayout", "menu_layout", values.menuLayout);
+  update("modalId", "modal_id", values.modalId);
+  update("mode", "pickup", values.mode);
+  return next;
+};
+var catalogueRoute = (route, state) => {
+  const base = routeBase(route);
+  if (!base) {
+    return route;
+  }
+  return {
+    type: "order-menu",
+    ...base,
+    state
+  };
+};
+
+// src/url-navigation.ts
+function createUrlNavigation(options = {}) {
+  const browser = options.window ?? window;
+  const current = () => parseStorefrontUrl(browser.location.href, options);
+  const urlFor = (route) => buildStorefrontUrl(route, options);
+  const notify = () => {
+    browser.dispatchEvent(
+      new browser.PopStateEvent("popstate", { state: browser.history.state })
+    );
+  };
+  const write = (url, method, entry) => {
+    const state = {
+      ...typeof browser.history.state === "object" && browser.history.state ? browser.history.state : {},
+      [NAVIGATION_ENTRY]: entry
+    };
+    if (method === "push") {
+      browser.history.pushState(state, "", url);
+    } else {
+      browser.history.replaceState(state, "", url);
+    }
+    notify();
+  };
+  const hrefFor = (target) => {
+    const route = current();
+    const base = routeBase(route);
+    if (!base) {
+      return browser.location.href;
+    }
+    const state = stateWith(route.state, {
+      ...target.menuId !== void 0 ? { menuId: target.menuId } : {},
+      ...target.categoryId !== void 0 ? { categoryId: target.categoryId } : {}
+    });
+    return urlFor({
+      type: "item",
+      business: base.business,
+      ...base.branch !== void 0 ? { branch: base.branch } : {},
+      item: target.itemId,
+      state
+    });
+  };
+  const updateCatalogue = (values, method = "replace", entry = "catalogue") => {
+    const route = current();
+    const next = catalogueRoute(route, stateWith(route.state, values));
+    write(urlFor(next), method, entry);
+  };
+  const closeItem = async () => {
+    const route = current();
+    if (route.type !== "item") {
+      return;
+    }
+    if (browser.history.state?.[NAVIGATION_ENTRY] === "item") {
+      await new Promise((resolve) => {
+        browser.addEventListener("popstate", () => resolve(), { once: true });
+        browser.history.back();
+      });
+      return;
+    }
+    const next = catalogueRoute(
+      route,
+      stateWith(route.state, { modalId: void 0 })
+    );
+    write(urlFor(next), "replace", "catalogue");
+  };
+  return {
+    get location() {
+      const route = current();
+      const layout = route.state.menuLayout;
+      const menuLayout = layout === "GRID" || layout === "LIST" || layout === "CARD" ? layout : void 0;
+      return {
+        pathname: browser.location.pathname,
+        ...route.state.menuId !== void 0 ? { menuId: route.state.menuId } : {},
+        ...route.state.categoryId !== void 0 ? { categoryId: route.state.categoryId } : {},
+        ...menuLayout !== void 0 ? { menuLayout } : {},
+        ...route.type === "item" ? {
+          item: {
+            id: route.item,
+            path: browser.location.pathname,
+            presentation: route.state.modalId ? "query" : "path"
+          }
+        } : {}
+      };
+    },
+    hrefFor,
+    selectMenu(menuId) {
+      updateCatalogue({ menuId });
+    },
+    selectCategory(categoryId) {
+      updateCatalogue({ categoryId });
+    },
+    setLayout(menuLayout) {
+      updateCatalogue({ menuLayout });
+    },
+    async openItem({ itemId, menuId, categoryId }) {
+      write(
+        hrefFor({
+          itemId,
+          menuId,
+          ...categoryId !== void 0 ? { categoryId } : {}
+        }),
+        "push",
+        "item"
+      );
+    },
+    closeItem,
+    async openCart() {
+      await closeItem();
+      updateCatalogue({ modalId: "review-menu" }, "push", "cart");
+    },
+    async openBranchFinder() {
+      await closeItem();
+      updateCatalogue({ modalId: "branch-finder" }, "push", "branch-finder");
+    },
+    async openBranchDetails() {
+      await closeItem();
+      updateCatalogue({ modalId: "branch-details" }, "push", "branch-details");
+    },
+    async switchFulfilment(mode) {
+      await closeItem();
+      updateCatalogue({ mode });
+      return true;
+    },
+    restoreFocus({ itemId }) {
+      const item = itemId ? browser.document.getElementById(`base-item-${itemId}`) : null;
+      const target = item ?? browser.document.getElementById("base-catalogue-heading");
+      target?.focus();
+    }
+  };
+}
+var Context = createContext(null);
+function CatalogueNavigationProvider({
+  navigation,
+  children
+}) {
+  const [, refresh] = useState(0);
+  useEffect(() => {
+    const update = () => refresh((value) => value + 1);
+    window.addEventListener("popstate", update);
+    return () => {
+      window.removeEventListener("popstate", update);
+    };
+  }, [navigation]);
+  return /* @__PURE__ */ jsx(Context.Provider, { value: navigation, children });
+}
+function useCatalogueNavigation() {
+  const navigation = useContext(Context);
+  if (!navigation) {
+    throw new Error(
+      "useCatalogueNavigation requires CatalogueNavigationProvider"
+    );
+  }
+  return navigation;
+}
+
+export { CatalogueNavigationProvider, createUrlNavigation, useCatalogueNavigation };
+//# sourceMappingURL=chunk-ILOCSCZL.js.map
+//# sourceMappingURL=chunk-ILOCSCZL.js.map