@zappie/foundations 0.1.1 → 0.1.3

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @zappie/foundations
 
+## 0.1.3
+
+### Patch Changes
+
+- 4bfb1b2: Add BranchMap with lazy Maps loading, themeable pins, controlled branch selection, shopper location and a fallback for branches without coordinates.
+- Updated dependencies [4bfb1b2]
+- Updated dependencies [666ba1c]
+  - @zappie/sdk@0.1.7
+
+## 0.1.2
+
+### Patch Changes
+
+- d3c5f98: Keep each runtime module separate so your app can split package code across routes. Check and verify accept compatible package updates without pinning you to one patch version.
+- Updated dependencies [d3c5f98]
+  - @zappie/sdk@0.1.2
+
 ## 0.1.1
 
 ### Patch Changes

package/README.md

@@ -49,3 +49,34 @@ Foundations is at `0.x`. Its API can change in a minor release while it settles.
 ## License
 
 MIT
+
+## Branch map
+
+`BranchMap` accepts SDK `Branch[]` data, `selectedBranchId`, `onSelect(branch)`,
+`browserKey`, and optional `shopperLocation: { lat, lng }`. It also accepts
+standard div attributes such as `className` and `style`.
+
+```tsx
+import { BranchMap } from "@zappie/foundations";
+
+<BranchMap
+  branches={branches}
+  selectedBranchId={selectedBranchId}
+  onSelect={(branch) => setSelectedBranchId(branch.id)}
+  browserKey={integrations.googleMaps?.browserKey}
+  shopperLocation={shopperLocation}
+  className="branch-map"
+/>;
+```
+
+Set a height on `.branch-map`. Theme pins with `--branch-map-pin`,
+`--branch-map-pin-selected`, `--branch-map-pin-border`, and
+`--branch-map-pin-size`. Pins expose `data-selected` and `aria-pressed`.
+The map fits branches with valid coordinates, including across the date line.
+Branches without coordinates remain selectable with “Map location unavailable”.
+
+The component renders nothing without a key. It loads its map runtime and the
+Maps JavaScript API after mount, sharing one script across mounted maps.
+Use one browser key per page. Loading failures show “Map location unavailable”.
+The optional location button pans to coordinates supplied by your app. Your app
+requests geolocation permission and supplies those coordinates.

package/dist/account/index.js

@@ -0,0 +1,49 @@
+// src/account/index.tsx
+import { forwardRef } from "react";
+import { part } from "../internal/slot.js";
+var AccountNotConfiguredError = class extends Error {
+  constructor() {
+    super("Account authentication requires SDK auth (Open Storefronts PRD 13)");
+    this.code = "not_configured";
+    this.name = "AccountNotConfiguredError";
+  }
+};
+async function signIn(_options) {
+  throw new AccountNotConfiguredError();
+}
+async function signOut(_options) {
+  throw new AccountNotConfiguredError();
+}
+var SignIn = forwardRef(function SignIn2(props, ref) {
+  return part(
+    "div",
+    props,
+    { signIn, status: "not_configured" },
+    { "data-state": "invalid" },
+    ref
+  );
+});
+var SignOut = forwardRef(function SignOut2(props, ref) {
+  return part(
+    "div",
+    props,
+    { signOut, status: "not_configured" },
+    { "data-state": "invalid" },
+    ref
+  );
+});
+var CustomerPart = forwardRef(function Customer(props, ref) {
+  return part(
+    "div",
+    props,
+    { customer: null, status: "not_configured" },
+    { "data-state": "invalid" },
+    ref
+  );
+});
+var Account = { SignIn, SignOut, Customer: CustomerPart };
+export {
+  Account,
+  AccountNotConfiguredError
+};
+//# sourceMappingURL=index.js.map

package/dist/account/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/account/index.tsx"],
+  "sourcesContent": ["import { forwardRef } from \"react\";\nimport { part, type PartProps } from \"../internal/slot\";\n/** Account stubs that do not read credentials or host authentication. */\nexport type Customer = { id: string; givenName?: string; phoneMasked: string };\n/**\n * Sign-in options reserved by the account contract.\n * The current Account sign-in stub rejects with AccountNotConfiguredError.\n */\nexport type SignInOptions = {\n  returnTo?: string;\n  prompt?: \"none\" | \"login\";\n  display?: \"popup\" | \"redirect\" | \"auto\";\n  scopes?: (\n    | \"openid\"\n    | \"phone\"\n    | \"profile\"\n    | \"addresses\"\n    | \"orders:read\"\n    | \"offline_access\"\n    | \"cart\"\n  )[];\n};\n/**\n * An error from Account sign-in and sign-out when authentication is not configured.\n */\nexport class AccountNotConfiguredError extends Error {\n  readonly code = \"not_configured\";\n  constructor() {\n    super(\"Account authentication requires SDK auth (Open Storefronts PRD 13)\");\n    this.name = \"AccountNotConfiguredError\";\n  }\n}\nasync function signIn(_options?: SignInOptions): Promise<void> {\n  throw new AccountNotConfiguredError();\n}\nasync function signOut(_options?: { everywhere?: boolean }): Promise<void> {\n  throw new AccountNotConfiguredError();\n}\nconst SignIn = forwardRef<\n  HTMLElement,\n  PartProps<{ signIn: typeof signIn; status: \"not_configured\" }>\n>(function SignIn(props, ref) {\n  return part(\n    \"div\",\n    props,\n    { signIn, status: \"not_configured\" },\n    { \"data-state\": \"invalid\" },\n    ref,\n  );\n});\nconst SignOut = forwardRef<\n  HTMLElement,\n  PartProps<{ signOut: typeof signOut; status: \"not_configured\" }>\n>(function SignOut(props, ref) {\n  return part(\n    \"div\",\n    props,\n    { signOut, status: \"not_configured\" },\n    { \"data-state\": \"invalid\" },\n    ref,\n  );\n});\nconst CustomerPart = forwardRef<\n  HTMLElement,\n  PartProps<{ customer: Customer | null; status: \"not_configured\" }>\n>(function Customer(props, ref) {\n  return part(\n    \"div\",\n    props,\n    { customer: null, status: \"not_configured\" },\n    { \"data-state\": \"invalid\" },\n    ref,\n  );\n});\n/**\n * Account UI stubs that expose a not_configured status and a null customer.\n * SignIn and SignOut reject with AccountNotConfiguredError. They do not authenticate.\n */\nexport const Account = { SignIn, SignOut, Customer: CustomerPart };\n"],
+  "mappings": ";AAAA,SAAS,kBAAkB;AAC3B,SAAS,YAA4B;AAwB9B,IAAM,4BAAN,cAAwC,MAAM;AAAA,EAEnD,cAAc;AACZ,UAAM,oEAAoE;AAF5E,SAAS,OAAO;AAGd,SAAK,OAAO;AAAA,EACd;AACF;AACA,eAAe,OAAO,UAAyC;AAC7D,QAAM,IAAI,0BAA0B;AACtC;AACA,eAAe,QAAQ,UAAoD;AACzE,QAAM,IAAI,0BAA0B;AACtC;AACA,IAAM,SAAS,WAGb,SAASA,QAAO,OAAO,KAAK;AAC5B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,EAAE,QAAQ,QAAQ,iBAAiB;AAAA,IACnC,EAAE,cAAc,UAAU;AAAA,IAC1B;AAAA,EACF;AACF,CAAC;AACD,IAAM,UAAU,WAGd,SAASC,SAAQ,OAAO,KAAK;AAC7B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,EAAE,SAAS,QAAQ,iBAAiB;AAAA,IACpC,EAAE,cAAc,UAAU;AAAA,IAC1B;AAAA,EACF;AACF,CAAC;AACD,IAAM,eAAe,WAGnB,SAAS,SAAS,OAAO,KAAK;AAC9B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,EAAE,UAAU,MAAM,QAAQ,iBAAiB;AAAA,IAC3C,EAAE,cAAc,UAAU;AAAA,IAC1B;AAAA,EACF;AACF,CAAC;AAKM,IAAM,UAAU,EAAE,QAAQ,SAAS,UAAU,aAAa;",
+  "names": ["SignIn", "SignOut"]
+}

package/dist/branch-map/geometry.js

@@ -0,0 +1,40 @@
+// src/branch-map/geometry.ts
+function validCoordinates(value) {
+  return !!value && Number.isFinite(value.lat) && Number.isFinite(value.lng) && Math.abs(value.lat) <= 90 && Math.abs(value.lng) <= 180;
+}
+function visibleBranches(branches) {
+  return branches.filter(
+    (branch) => validCoordinates(branch.coordinates)
+  );
+}
+function branchBounds(branches) {
+  const points = visibleBranches(branches).map((branch) => branch.coordinates);
+  if (!points.length) {
+    return void 0;
+  }
+  const longitudes = points.map((point) => (point.lng + 360) % 360).sort((a, b) => a - b);
+  let gap = -1;
+  let start = 0;
+  for (let index = 0; index < longitudes.length; index++) {
+    const next = longitudes[(index + 1) % longitudes.length] + (index === longitudes.length - 1 ? 360 : 0);
+    if (next - longitudes[index] > gap) {
+      gap = next - longitudes[index];
+      start = (index + 1) % longitudes.length;
+    }
+  }
+  const normalize = (lng) => lng > 180 ? lng - 360 : lng;
+  return {
+    north: Math.max(...points.map((point) => point.lat)),
+    south: Math.min(...points.map((point) => point.lat)),
+    west: normalize(longitudes[start]),
+    east: normalize(
+      longitudes[(start + longitudes.length - 1) % longitudes.length]
+    )
+  };
+}
+export {
+  branchBounds,
+  validCoordinates,
+  visibleBranches
+};
+//# sourceMappingURL=geometry.js.map

package/dist/branch-map/geometry.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/branch-map/geometry.ts"],
+  "sourcesContent": ["import type { Branch } from \"@zappie/sdk\";\n\nexport type Coordinates = { lat: number; lng: number };\nexport function validCoordinates(value?: Coordinates): value is Coordinates {\n  return (\n    !!value &&\n    Number.isFinite(value.lat) &&\n    Number.isFinite(value.lng) &&\n    Math.abs(value.lat) <= 90 &&\n    Math.abs(value.lng) <= 180\n  );\n}\nexport function visibleBranches(branches: Branch[]) {\n  return branches.filter(\n    (branch): branch is Branch & { coordinates: Coordinates } =>\n      validCoordinates(branch.coordinates),\n  );\n}\nexport function branchBounds(branches: Branch[]) {\n  const points = visibleBranches(branches).map((branch) => branch.coordinates);\n  if (!points.length) {\n    return undefined;\n  }\n  // The largest longitude gap lies outside the bounds, including across the date line.\n  const longitudes = points\n    .map((point) => (point.lng + 360) % 360)\n    .sort((a, b) => a - b);\n  let gap = -1;\n  let start = 0;\n  for (let index = 0; index < longitudes.length; index++) {\n    const next =\n      longitudes[(index + 1) % longitudes.length]! +\n      (index === longitudes.length - 1 ? 360 : 0);\n    if (next - longitudes[index]! > gap) {\n      gap = next - longitudes[index]!;\n      start = (index + 1) % longitudes.length;\n    }\n  }\n  const normalize = (lng: number) => (lng > 180 ? lng - 360 : lng);\n  return {\n    north: Math.max(...points.map((point) => point.lat)),\n    south: Math.min(...points.map((point) => point.lat)),\n    west: normalize(longitudes[start]!),\n    east: normalize(\n      longitudes[(start + longitudes.length - 1) % longitudes.length]!,\n    ),\n  };\n}\n"],
+  "mappings": ";AAGO,SAAS,iBAAiB,OAA2C;AAC1E,SACE,CAAC,CAAC,SACF,OAAO,SAAS,MAAM,GAAG,KACzB,OAAO,SAAS,MAAM,GAAG,KACzB,KAAK,IAAI,MAAM,GAAG,KAAK,MACvB,KAAK,IAAI,MAAM,GAAG,KAAK;AAE3B;AACO,SAAS,gBAAgB,UAAoB;AAClD,SAAO,SAAS;AAAA,IACd,CAAC,WACC,iBAAiB,OAAO,WAAW;AAAA,EACvC;AACF;AACO,SAAS,aAAa,UAAoB;AAC/C,QAAM,SAAS,gBAAgB,QAAQ,EAAE,IAAI,CAAC,WAAW,OAAO,WAAW;AAC3E,MAAI,CAAC,OAAO,QAAQ;AAClB,WAAO;AAAA,EACT;AAEA,QAAM,aAAa,OAChB,IAAI,CAAC,WAAW,MAAM,MAAM,OAAO,GAAG,EACtC,KAAK,CAAC,GAAG,MAAM,IAAI,CAAC;AACvB,MAAI,MAAM;AACV,MAAI,QAAQ;AACZ,WAAS,QAAQ,GAAG,QAAQ,WAAW,QAAQ,SAAS;AACtD,UAAM,OACJ,YAAY,QAAQ,KAAK,WAAW,MAAM,KACzC,UAAU,WAAW,SAAS,IAAI,MAAM;AAC3C,QAAI,OAAO,WAAW,KAAK,IAAK,KAAK;AACnC,YAAM,OAAO,WAAW,KAAK;AAC7B,eAAS,QAAQ,KAAK,WAAW;AAAA,IACnC;AAAA,EACF;AACA,QAAM,YAAY,CAAC,QAAiB,MAAM,MAAM,MAAM,MAAM;AAC5D,SAAO;AAAA,IACL,OAAO,KAAK,IAAI,GAAG,OAAO,IAAI,CAAC,UAAU,MAAM,GAAG,CAAC;AAAA,IACnD,OAAO,KAAK,IAAI,GAAG,OAAO,IAAI,CAAC,UAAU,MAAM,GAAG,CAAC;AAAA,IACnD,MAAM,UAAU,WAAW,KAAK,CAAE;AAAA,IAClC,MAAM;AAAA,MACJ,YAAY,QAAQ,WAAW,SAAS,KAAK,WAAW,MAAM;AAAA,IAChE;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/branch-map/index.js

@@ -0,0 +1,89 @@
+"use client";
+
+// src/branch-map/index.tsx
+import { useEffect, useRef, useState } from "react";
+import {
+  validCoordinates,
+  visibleBranches
+} from "./geometry.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+function BranchMap({
+  branches,
+  selectedBranchId,
+  onSelect,
+  shopperLocation,
+  browserKey,
+  ...props
+}) {
+  const element = useRef(null);
+  const [runtime, setRuntime] = useState();
+  const [failed, setFailed] = useState(false);
+  const hasCoordinates = visibleBranches(branches).length > 0;
+  useEffect(() => {
+    if (!browserKey || !element.current || !hasCoordinates) {
+      return;
+    }
+    let disposed = false;
+    const controller = new AbortController();
+    let instance;
+    const target = element.current;
+    setFailed(false);
+    void import("./runtime.js").then(({ createMap }) => createMap(target, browserKey, controller.signal)).then((map) => {
+      instance = map;
+      if (disposed) {
+        map.destroy();
+      } else {
+        setRuntime(map);
+      }
+    }).catch(() => {
+      if (!disposed) {
+        setFailed(true);
+      }
+    });
+    return () => {
+      disposed = true;
+      controller.abort();
+      instance?.destroy();
+      setRuntime(void 0);
+    };
+  }, [browserKey, hasCoordinates]);
+  useEffect(() => {
+    runtime?.update(branches, selectedBranchId, onSelect, shopperLocation);
+  }, [runtime, branches, selectedBranchId, onSelect, shopperLocation]);
+  if (!browserKey) {
+    return null;
+  }
+  const unavailable = branches.filter(
+    (branch) => !validCoordinates(branch.coordinates)
+  );
+  return /* @__PURE__ */ jsxs("div", { ...props, "data-branch-map": "", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        hidden: failed || !hasCoordinates,
+        ref: element,
+        "data-branch-map-canvas": "",
+        style: { height: "100%" }
+      }
+    ),
+    failed || !hasCoordinates ? /* @__PURE__ */ jsx("p", { role: "status", children: "Map location unavailable" }) : null,
+    unavailable.map((branch) => /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        "aria-pressed": branch.id === selectedBranchId,
+        onClick: () => onSelect(branch),
+        children: [
+          branch.name,
+          ": Map location unavailable"
+        ]
+      },
+      branch.id
+    )),
+    runtime && validCoordinates(shopperLocation) ? /* @__PURE__ */ jsx("button", { type: "button", onClick: () => runtime.locate(shopperLocation), children: "Use my current location" }) : null
+  ] });
+}
+export {
+  BranchMap
+};
+//# sourceMappingURL=index.js.map

package/dist/branch-map/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/branch-map/index.tsx"],
+  "sourcesContent": ["\"use client\";\nimport type { Branch } from \"@zappie/sdk\";\nimport { useEffect, useRef, useState, type HTMLAttributes } from \"react\";\nimport {\n  validCoordinates,\n  visibleBranches,\n  type Coordinates,\n} from \"./geometry\";\nimport type { createMap } from \"./runtime\";\n\n/** Branches, selection and optional shopper coordinates for BranchMap. */\nexport type BranchMapProps = Omit<\n  HTMLAttributes<HTMLDivElement>,\n  \"onSelect\"\n> & {\n  branches: Branch[];\n  selectedBranchId?: string;\n  onSelect: (branch: Branch) => void;\n  shopperLocation?: Coordinates;\n  browserKey?: string;\n};\n\n/**\n * Show branch locations. Maps loads after mount when you supply a browser key.\n * Set the container height with CSS. Style pins with --branch-map-pin,\n * --branch-map-pin-selected, --branch-map-pin-border and --branch-map-pin-size.\n */\nexport function BranchMap({\n  branches,\n  selectedBranchId,\n  onSelect,\n  shopperLocation,\n  browserKey,\n  ...props\n}: BranchMapProps) {\n  const element = useRef<HTMLDivElement>(null);\n  const [runtime, setRuntime] =\n    useState<Awaited<ReturnType<typeof createMap>>>();\n  const [failed, setFailed] = useState(false);\n  const hasCoordinates = visibleBranches(branches).length > 0;\n  useEffect(() => {\n    if (!browserKey || !element.current || !hasCoordinates) {\n      return;\n    }\n    let disposed = false;\n    const controller = new AbortController();\n    let instance: Awaited<ReturnType<typeof createMap>> | undefined;\n    const target = element.current;\n    setFailed(false);\n    void import(\"./runtime\")\n      .then(({ createMap }) => createMap(target, browserKey, controller.signal))\n      .then((map) => {\n        instance = map;\n        if (disposed) {\n          map.destroy();\n        } else {\n          setRuntime(map);\n        }\n      })\n      .catch(() => {\n        if (!disposed) {\n          setFailed(true);\n        }\n      });\n    return () => {\n      disposed = true;\n      controller.abort();\n      instance?.destroy();\n      setRuntime(undefined);\n    };\n  }, [browserKey, hasCoordinates]);\n  useEffect(() => {\n    runtime?.update(branches, selectedBranchId, onSelect, shopperLocation);\n  }, [runtime, branches, selectedBranchId, onSelect, shopperLocation]);\n  if (!browserKey) {\n    return null;\n  }\n  const unavailable = branches.filter(\n    (branch) => !validCoordinates(branch.coordinates),\n  );\n  return (\n    <div {...props} data-branch-map=\"\">\n      <div\n        hidden={failed || !hasCoordinates}\n        ref={element}\n        data-branch-map-canvas=\"\"\n        style={{ height: \"100%\" }}\n      />\n      {failed || !hasCoordinates ? (\n        <p role=\"status\">Map location unavailable</p>\n      ) : null}\n      {unavailable.map((branch) => (\n        <button\n          key={branch.id}\n          type=\"button\"\n          aria-pressed={branch.id === selectedBranchId}\n          onClick={() => onSelect(branch)}\n        >\n          {branch.name}: Map location unavailable\n        </button>\n      ))}\n      {runtime && validCoordinates(shopperLocation) ? (\n        <button type=\"button\" onClick={() => runtime.locate(shopperLocation)}>\n          Use my current location\n        </button>\n      ) : null}\n    </div>\n  );\n}\n"],
+  "mappings": ";;;AAEA,SAAS,WAAW,QAAQ,gBAAqC;AACjE;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AA2ED,cAUE,YAVF;AAvDC,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAmB;AACjB,QAAM,UAAU,OAAuB,IAAI;AAC3C,QAAM,CAAC,SAAS,UAAU,IACxB,SAAgD;AAClD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,iBAAiB,gBAAgB,QAAQ,EAAE,SAAS;AAC1D,YAAU,MAAM;AACd,QAAI,CAAC,cAAc,CAAC,QAAQ,WAAW,CAAC,gBAAgB;AACtD;AAAA,IACF;AACA,QAAI,WAAW;AACf,UAAM,aAAa,IAAI,gBAAgB;AACvC,QAAI;AACJ,UAAM,SAAS,QAAQ;AACvB,cAAU,KAAK;AACf,SAAK,OAAO,cAAW,EACpB,KAAK,CAAC,EAAE,UAAU,MAAM,UAAU,QAAQ,YAAY,WAAW,MAAM,CAAC,EACxE,KAAK,CAAC,QAAQ;AACb,iBAAW;AACX,UAAI,UAAU;AACZ,YAAI,QAAQ;AAAA,MACd,OAAO;AACL,mBAAW,GAAG;AAAA,MAChB;AAAA,IACF,CAAC,EACA,MAAM,MAAM;AACX,UAAI,CAAC,UAAU;AACb,kBAAU,IAAI;AAAA,MAChB;AAAA,IACF,CAAC;AACH,WAAO,MAAM;AACX,iBAAW;AACX,iBAAW,MAAM;AACjB,gBAAU,QAAQ;AAClB,iBAAW,MAAS;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,YAAY,cAAc,CAAC;AAC/B,YAAU,MAAM;AACd,aAAS,OAAO,UAAU,kBAAkB,UAAU,eAAe;AAAA,EACvE,GAAG,CAAC,SAAS,UAAU,kBAAkB,UAAU,eAAe,CAAC;AACnE,MAAI,CAAC,YAAY;AACf,WAAO;AAAA,EACT;AACA,QAAM,cAAc,SAAS;AAAA,IAC3B,CAAC,WAAW,CAAC,iBAAiB,OAAO,WAAW;AAAA,EAClD;AACA,SACE,qBAAC,SAAK,GAAG,OAAO,mBAAgB,IAC9B;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,UAAU,CAAC;AAAA,QACnB,KAAK;AAAA,QACL,0BAAuB;AAAA,QACvB,OAAO,EAAE,QAAQ,OAAO;AAAA;AAAA,IAC1B;AAAA,IACC,UAAU,CAAC,iBACV,oBAAC,OAAE,MAAK,UAAS,sCAAwB,IACvC;AAAA,IACH,YAAY,IAAI,CAAC,WAChB;AAAA,MAAC;AAAA;AAAA,QAEC,MAAK;AAAA,QACL,gBAAc,OAAO,OAAO;AAAA,QAC5B,SAAS,MAAM,SAAS,MAAM;AAAA,QAE7B;AAAA,iBAAO;AAAA,UAAK;AAAA;AAAA;AAAA,MALR,OAAO;AAAA,IAMd,CACD;AAAA,IACA,WAAW,iBAAiB,eAAe,IAC1C,oBAAC,YAAO,MAAK,UAAS,SAAS,MAAM,QAAQ,OAAO,eAAe,GAAG,qCAEtE,IACE;AAAA,KACN;AAEJ;",
+  "names": []
+}

package/dist/branch-map/loader.js

@@ -0,0 +1,39 @@
+// src/branch-map/loader.ts
+var pending;
+function loadMaps(key) {
+  if (globalThis.google?.maps?.Map) {
+    return Promise.resolve(google.maps);
+  }
+  if (pending) {
+    return pending;
+  }
+  pending = new Promise((resolve, reject) => {
+    const script = document.createElement("script");
+    const callback = `__zappieMaps${Date.now()}`;
+    const scope = globalThis;
+    const cleanup = () => {
+      clearTimeout(timeout);
+      delete scope[callback];
+    };
+    const fail = () => {
+      cleanup();
+      script.remove();
+      pending = void 0;
+      reject(new Error("Map location unavailable"));
+    };
+    const timeout = setTimeout(fail, 15e3);
+    scope[callback] = () => {
+      cleanup();
+      resolve(google.maps);
+    };
+    script.async = true;
+    script.src = `https://maps.googleapis.com/maps/api/js?${new URLSearchParams({ key, loading: "async", callback, v: "weekly" })}`;
+    script.onerror = fail;
+    document.head.appendChild(script);
+  });
+  return pending;
+}
+export {
+  loadMaps
+};
+//# sourceMappingURL=loader.js.map

package/dist/branch-map/loader.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/branch-map/loader.ts"],
+  "sourcesContent": ["/// <reference types=\"google.maps\" />\nlet pending: Promise<typeof google.maps> | undefined;\n\nexport function loadMaps(key: string): Promise<typeof google.maps> {\n  if (globalThis.google?.maps?.Map) {\n    return Promise.resolve(google.maps);\n  }\n  if (pending) {\n    return pending;\n  }\n  pending = new Promise((resolve, reject) => {\n    const script = document.createElement(\"script\");\n    const callback = `__zappieMaps${Date.now()}`;\n    const scope = globalThis as unknown as Record<string, unknown>;\n    const cleanup = () => {\n      clearTimeout(timeout);\n      delete scope[callback];\n    };\n    const fail = () => {\n      cleanup();\n      script.remove();\n      pending = undefined;\n      reject(new Error(\"Map location unavailable\"));\n    };\n    const timeout = setTimeout(fail, 15000);\n    scope[callback] = () => {\n      cleanup();\n      resolve(google.maps);\n    };\n    script.async = true;\n    script.src = `https://maps.googleapis.com/maps/api/js?${new URLSearchParams({ key, loading: \"async\", callback, v: \"weekly\" })}`;\n    script.onerror = fail;\n    document.head.appendChild(script);\n  });\n  return pending;\n}\n"],
+  "mappings": ";AACA,IAAI;AAEG,SAAS,SAAS,KAA0C;AACjE,MAAI,WAAW,QAAQ,MAAM,KAAK;AAChC,WAAO,QAAQ,QAAQ,OAAO,IAAI;AAAA,EACpC;AACA,MAAI,SAAS;AACX,WAAO;AAAA,EACT;AACA,YAAU,IAAI,QAAQ,CAAC,SAAS,WAAW;AACzC,UAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,UAAM,WAAW,eAAe,KAAK,IAAI,CAAC;AAC1C,UAAM,QAAQ;AACd,UAAM,UAAU,MAAM;AACpB,mBAAa,OAAO;AACpB,aAAO,MAAM,QAAQ;AAAA,IACvB;AACA,UAAM,OAAO,MAAM;AACjB,cAAQ;AACR,aAAO,OAAO;AACd,gBAAU;AACV,aAAO,IAAI,MAAM,0BAA0B,CAAC;AAAA,IAC9C;AACA,UAAM,UAAU,WAAW,MAAM,IAAK;AACtC,UAAM,QAAQ,IAAI,MAAM;AACtB,cAAQ;AACR,cAAQ,OAAO,IAAI;AAAA,IACrB;AACA,WAAO,QAAQ;AACf,WAAO,MAAM,2CAA2C,IAAI,gBAAgB,EAAE,KAAK,SAAS,SAAS,UAAU,GAAG,SAAS,CAAC,CAAC;AAC7H,WAAO,UAAU;AACjB,aAAS,KAAK,YAAY,MAAM;AAAA,EAClC,CAAC;AACD,SAAO;AACT;",
+  "names": []
+}

package/dist/branch-map/runtime.js

@@ -0,0 +1,90 @@
+// src/branch-map/runtime.ts
+import {
+  branchBounds,
+  validCoordinates,
+  visibleBranches
+} from "./geometry.js";
+import { loadMaps } from "./loader.js";
+async function createMap(element, key, signal) {
+  const maps = await loadMaps(key);
+  signal.throwIfAborted();
+  const map = new maps.Map(element, {
+    center: { lat: 0, lng: 0 },
+    zoom: 12,
+    maxZoom: 18,
+    mapTypeControl: false,
+    streetViewControl: false
+  });
+  let pins = [];
+  class Pin extends maps.OverlayView {
+    constructor(position, label, selected, onClick) {
+      super();
+      this.position = position;
+      this.button = document.createElement("button");
+      this.button.type = "button";
+      this.button.setAttribute("aria-label", label);
+      this.button.setAttribute("aria-pressed", String(selected));
+      this.button.dataset.selected = String(selected);
+      this.button.dataset.branchMapPin = "";
+      this.button.style.cssText = `position:absolute;transform:translate(-50%,-100%);width:var(--branch-map-pin-size,24px);height:var(--branch-map-pin-size,24px);border-radius:50%;border:2px solid var(--branch-map-pin-border,currentColor);background:var(${selected ? "--branch-map-pin-selected" : "--branch-map-pin"},currentColor);cursor:pointer`;
+      this.button.onclick = onClick ?? null;
+    }
+    onAdd() {
+      this.getPanes()?.overlayMouseTarget.appendChild(this.button);
+      maps.OverlayView.preventMapHitsAndGesturesFrom(this.button);
+    }
+    draw() {
+      const point = this.getProjection().fromLatLngToDivPixel(
+        new maps.LatLng(this.position)
+      );
+      if (point) {
+        this.button.style.left = `${point.x}px`;
+        this.button.style.top = `${point.y}px`;
+      }
+    }
+    onRemove() {
+      this.button.remove();
+      this.button.onclick = null;
+    }
+  }
+  const clear = () => {
+    pins.forEach((pin) => pin.setMap(null));
+    pins = [];
+  };
+  return {
+    update(branches, selected, onSelect, location) {
+      clear();
+      for (const branch of visibleBranches(branches)) {
+        const pin = new Pin(
+          branch.coordinates,
+          branch.name,
+          branch.id === selected,
+          () => onSelect(branch)
+        );
+        pin.setMap(map);
+        pins.push(pin);
+      }
+      const bounds = branchBounds(branches);
+      if (bounds) {
+        map.fitBounds(bounds, 32);
+      }
+      if (validCoordinates(location)) {
+        const pin = new Pin(location, "Your location", false);
+        pin.setMap(map);
+        pins.push(pin);
+      }
+    },
+    locate(location) {
+      map.panTo(location);
+    },
+    destroy() {
+      clear();
+      maps.event.clearInstanceListeners(map);
+      element.replaceChildren();
+    }
+  };
+}
+export {
+  createMap
+};
+//# sourceMappingURL=runtime.js.map

package/dist/branch-map/runtime.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/branch-map/runtime.ts"],
+  "sourcesContent": ["import type { Branch } from \"@zappie/sdk\";\nimport {\n  branchBounds,\n  validCoordinates,\n  visibleBranches,\n  type Coordinates,\n} from \"./geometry\";\nimport { loadMaps } from \"./loader\";\n\nexport async function createMap(\n  element: HTMLElement,\n  key: string,\n  signal: AbortSignal,\n) {\n  const maps = await loadMaps(key);\n  signal.throwIfAborted();\n  const map = new maps.Map(element, {\n    center: { lat: 0, lng: 0 },\n    zoom: 12,\n    maxZoom: 18,\n    mapTypeControl: false,\n    streetViewControl: false,\n  });\n  let pins: google.maps.OverlayView[] = [];\n  class Pin extends maps.OverlayView {\n    private button: HTMLButtonElement;\n    constructor(\n      private position: Coordinates,\n      label: string,\n      selected: boolean,\n      onClick?: () => void,\n    ) {\n      super();\n      this.button = document.createElement(\"button\");\n      this.button.type = \"button\";\n      this.button.setAttribute(\"aria-label\", label);\n      this.button.setAttribute(\"aria-pressed\", String(selected));\n      this.button.dataset.selected = String(selected);\n      this.button.dataset.branchMapPin = \"\";\n      this.button.style.cssText = `position:absolute;transform:translate(-50%,-100%);width:var(--branch-map-pin-size,24px);height:var(--branch-map-pin-size,24px);border-radius:50%;border:2px solid var(--branch-map-pin-border,currentColor);background:var(${selected ? \"--branch-map-pin-selected\" : \"--branch-map-pin\"},currentColor);cursor:pointer`;\n      this.button.onclick = onClick ?? null;\n    }\n    onAdd() {\n      this.getPanes()?.overlayMouseTarget.appendChild(this.button);\n      maps.OverlayView.preventMapHitsAndGesturesFrom(this.button);\n    }\n    draw() {\n      const point = this.getProjection().fromLatLngToDivPixel(\n        new maps.LatLng(this.position),\n      );\n      if (point) {\n        this.button.style.left = `${point.x}px`;\n        this.button.style.top = `${point.y}px`;\n      }\n    }\n    onRemove() {\n      this.button.remove();\n      this.button.onclick = null;\n    }\n  }\n  const clear = () => {\n    pins.forEach((pin) => pin.setMap(null));\n    pins = [];\n  };\n  return {\n    update(\n      branches: Branch[],\n      selected: string | undefined,\n      onSelect: (branch: Branch) => void,\n      location?: Coordinates,\n    ) {\n      clear();\n      for (const branch of visibleBranches(branches)) {\n        const pin = new Pin(\n          branch.coordinates,\n          branch.name,\n          branch.id === selected,\n          () => onSelect(branch),\n        );\n        pin.setMap(map);\n        pins.push(pin);\n      }\n      const bounds = branchBounds(branches);\n      if (bounds) {\n        map.fitBounds(bounds, 32);\n      }\n      if (validCoordinates(location)) {\n        const pin = new Pin(location, \"Your location\", false);\n        pin.setMap(map);\n        pins.push(pin);\n      }\n    },\n    locate(location: Coordinates) {\n      map.panTo(location);\n    },\n    destroy() {\n      clear();\n      maps.event.clearInstanceListeners(map);\n      element.replaceChildren();\n    },\n  };\n}\n"],
+  "mappings": ";AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,gBAAgB;AAEzB,eAAsB,UACpB,SACA,KACA,QACA;AACA,QAAM,OAAO,MAAM,SAAS,GAAG;AAC/B,SAAO,eAAe;AACtB,QAAM,MAAM,IAAI,KAAK,IAAI,SAAS;AAAA,IAChC,QAAQ,EAAE,KAAK,GAAG,KAAK,EAAE;AAAA,IACzB,MAAM;AAAA,IACN,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,mBAAmB;AAAA,EACrB,CAAC;AACD,MAAI,OAAkC,CAAC;AAAA,EACvC,MAAM,YAAY,KAAK,YAAY;AAAA,IAEjC,YACU,UACR,OACA,UACA,SACA;AACA,YAAM;AALE;AAMR,WAAK,SAAS,SAAS,cAAc,QAAQ;AAC7C,WAAK,OAAO,OAAO;AACnB,WAAK,OAAO,aAAa,cAAc,KAAK;AAC5C,WAAK,OAAO,aAAa,gBAAgB,OAAO,QAAQ,CAAC;AACzD,WAAK,OAAO,QAAQ,WAAW,OAAO,QAAQ;AAC9C,WAAK,OAAO,QAAQ,eAAe;AACnC,WAAK,OAAO,MAAM,UAAU,8NAA8N,WAAW,8BAA8B,kBAAkB;AACrT,WAAK,OAAO,UAAU,WAAW;AAAA,IACnC;AAAA,IACA,QAAQ;AACN,WAAK,SAAS,GAAG,mBAAmB,YAAY,KAAK,MAAM;AAC3D,WAAK,YAAY,8BAA8B,KAAK,MAAM;AAAA,IAC5D;AAAA,IACA,OAAO;AACL,YAAM,QAAQ,KAAK,cAAc,EAAE;AAAA,QACjC,IAAI,KAAK,OAAO,KAAK,QAAQ;AAAA,MAC/B;AACA,UAAI,OAAO;AACT,aAAK,OAAO,MAAM,OAAO,GAAG,MAAM,CAAC;AACnC,aAAK,OAAO,MAAM,MAAM,GAAG,MAAM,CAAC;AAAA,MACpC;AAAA,IACF;AAAA,IACA,WAAW;AACT,WAAK,OAAO,OAAO;AACnB,WAAK,OAAO,UAAU;AAAA,IACxB;AAAA,EACF;AACA,QAAM,QAAQ,MAAM;AAClB,SAAK,QAAQ,CAAC,QAAQ,IAAI,OAAO,IAAI,CAAC;AACtC,WAAO,CAAC;AAAA,EACV;AACA,SAAO;AAAA,IACL,OACE,UACA,UACA,UACA,UACA;AACA,YAAM;AACN,iBAAW,UAAU,gBAAgB,QAAQ,GAAG;AAC9C,cAAM,MAAM,IAAI;AAAA,UACd,OAAO;AAAA,UACP,OAAO;AAAA,UACP,OAAO,OAAO;AAAA,UACd,MAAM,SAAS,MAAM;AAAA,QACvB;AACA,YAAI,OAAO,GAAG;AACd,aAAK,KAAK,GAAG;AAAA,MACf;AACA,YAAM,SAAS,aAAa,QAAQ;AACpC,UAAI,QAAQ;AACV,YAAI,UAAU,QAAQ,EAAE;AAAA,MAC1B;AACA,UAAI,iBAAiB,QAAQ,GAAG;AAC9B,cAAM,MAAM,IAAI,IAAI,UAAU,iBAAiB,KAAK;AACpD,YAAI,OAAO,GAAG;AACd,aAAK,KAAK,GAAG;AAAA,MACf;AAAA,IACF;AAAA,IACA,OAAO,UAAuB;AAC5B,UAAI,MAAM,QAAQ;AAAA,IACpB;AAAA,IACA,UAAU;AACR,YAAM;AACN,WAAK,MAAM,uBAAuB,GAAG;AACrC,cAAQ,gBAAgB;AAAA,IAC1B;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/cart/index.js

@@ -0,0 +1,168 @@
+"use client";
+
+// src/cart/index.tsx
+import { useCart, useCartCatalogue, useZappie } from "@zappie/sdk/react";
+import {
+  createContext,
+  forwardRef,
+  useContext,
+  useEffect,
+  useState
+} from "react";
+import { part } from "../internal/slot.js";
+import { Quantity } from "../item-form/quantity.js";
+import { jsx } from "react/jsx-runtime";
+var Context = createContext(null);
+function useContextValue() {
+  const value = useContext(Context);
+  if (!value) {
+    throw new Error("Cart parts require Cart.Root");
+  }
+  return value;
+}
+function Root(props) {
+  const state = useCart();
+  return /* @__PURE__ */ jsx(Context.Provider, { value: state, children: part("div", props, state, {
+    "data-state": !state.isHydrated ? "loading" : state.issues.some((issue) => issue.severity === "blocking") ? "invalid" : "valid"
+  }) });
+}
+var Line = forwardRef(function Line2({ line, ...props }, ref) {
+  const cart = useContextValue();
+  const item = useCartCatalogue()?.items[line.itemId];
+  const current = cart.lines.find((candidate) => candidate.id === line.id);
+  if (!current) {
+    return null;
+  }
+  const context = {
+    line: current,
+    item,
+    edit: (patch) => cart.actions.update(line.id, patch),
+    remove: () => cart.actions.remove(line.id)
+  };
+  return part(
+    "div",
+    props,
+    context,
+    {
+      "data-zappie-cart-line": line.id,
+      "data-invalid": cart.issues.some(
+        (issue) => issue.lineId === line.id && issue.severity === "blocking"
+      ) ? "" : void 0
+    },
+    ref
+  );
+});
+function CartQuantity({
+  lineId,
+  ...props
+}) {
+  const cart = useContextValue();
+  const line = cart.lines.find((candidate) => candidate.id === lineId);
+  const item = useCartCatalogue()?.items[line?.itemId ?? ""];
+  if (!line) {
+    return null;
+  }
+  const step = item?.quantity.step ?? 1;
+  const min = Math.ceil((item?.quantity.min ?? 1) / step) * step;
+  return /* @__PURE__ */ jsx(
+    Quantity.Root,
+    {
+      ...props,
+      value: line.quantity,
+      min,
+      max: Math.min(item?.quantity.max ?? 99, 99),
+      step,
+      onValueChange: (quantity) => cart.actions.update(lineId, { quantity })
+    }
+  );
+}
+var Remove = forwardRef(
+  function Remove2({ lineId, ...props }, ref) {
+    const cart = useContextValue();
+    return part(
+      "button",
+      props,
+      {},
+      { type: "button", onClick: () => cart.actions.remove(lineId) },
+      ref
+    );
+  }
+);
+var Empty = forwardRef(function Empty2(props, ref) {
+  const cart = useContextValue();
+  return cart.isHydrated && !cart.lines.length ? part("div", props, {}, {}, ref) : null;
+});
+var Issues = forwardRef(function Issues2(props, ref) {
+  const cart = useContextValue();
+  return part(
+    "div",
+    props,
+    { issues: cart.issues, applyFix: cart.actions.applyFix },
+    {
+      "aria-live": "polite",
+      "data-state": cart.issues.length ? "invalid" : "valid"
+    },
+    ref
+  );
+});
+var Cart = {
+  Root,
+  Line,
+  Quantity: CartQuantity,
+  Remove,
+  Empty,
+  Issues
+};
+var Totals = forwardRef(
+  function Totals2(props, ref) {
+    const cart = useCart();
+    const client = useZappie();
+    const [failure, setFailure] = useState(null);
+    const [expired, setExpired] = useState(false);
+    const quote = "quote" in cart.state ? cart.state.quote : void 0;
+    useEffect(
+      () => client.on(
+        "quote_failed",
+        ({ code }) => setFailure(
+          code === "network_error" || code === "timeout" ? "offline" : "stale"
+        )
+      ),
+      [client]
+    );
+    useEffect(() => {
+      if (cart.state.status === "quoting" || quote) {
+        setFailure(null);
+      }
+      setExpired(Boolean(quote && Date.parse(quote.expiresAt) <= Date.now()));
+      if (!quote) {
+        return;
+      }
+      const timeout = setTimeout(
+        () => setExpired(true),
+        Math.max(
+          0,
+          Math.min(2147483647, Date.parse(quote.expiresAt) - Date.now())
+        )
+      );
+      return () => clearTimeout(timeout);
+    }, [quote, cart.state.status]);
+    const pending = cart.state.status === "ready" && !quote && cart.lines.length > 0;
+    const status = failure === "offline" ? "offline" : cart.state.status === "quoting" || !cart.isHydrated ? "loading" : failure === "stale" || expired ? "stale" : pending ? "loading" : !quote ? "stale" : "ready";
+    return part(
+      "div",
+      props,
+      { quote, status },
+      {
+        "aria-live": "polite",
+        "aria-busy": status === "loading",
+        "data-state": status === "ready" ? "valid" : status === "offline" ? "stale" : status
+      },
+      ref
+    );
+  }
+);
+export {
+  Cart,
+  Totals
+};
+//# sourceMappingURL=index.js.map

package/dist/cart/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/cart/index.tsx"],
+  "sourcesContent": ["\"use client\";\nimport type {\n  CartFix,\n  CartIssue,\n  CartLine,\n  CartLineInput,\n  Quote,\n} from \"@zappie/sdk\";\nimport { useCart, useCartCatalogue, useZappie } from \"@zappie/sdk/react\";\nimport {\n  createContext,\n  forwardRef,\n  useContext,\n  useEffect,\n  useState,\n} from \"react\";\nimport { part, type PartProps } from \"../internal/slot\";\nimport { Quantity, type QuantityProps } from \"../item-form/quantity\";\ntype CartContext = ReturnType<typeof useCart>;\nconst Context = createContext<CartContext | null>(null);\nfunction useContextValue() {\n  const value = useContext(Context);\n  if (!value) {\n    throw new Error(\"Cart parts require Cart.Root\");\n  }\n  return value;\n}\nfunction Root(props: PartProps<CartContext>) {\n  const state = useCart();\n  return (\n    <Context.Provider value={state}>\n      {part(\"div\", props, state, {\n        \"data-state\": !state.isHydrated\n          ? \"loading\"\n          : state.issues.some((issue) => issue.severity === \"blocking\")\n            ? \"invalid\"\n            : \"valid\",\n      })}\n    </Context.Provider>\n  );\n}\ntype LineContext = {\n  line: CartLine;\n  item: import(\"@zappie/sdk\").Item | undefined;\n  edit: (patch: Partial<Omit<CartLineInput, \"itemId\">>) => CartLine;\n  remove: () => void;\n};\nconst Line = forwardRef<\n  HTMLElement,\n  PartProps<LineContext> & { line: CartLine }\n>(function Line({ line, ...props }, ref) {\n  const cart = useContextValue();\n  const item = useCartCatalogue()?.items[line.itemId];\n  const current = cart.lines.find((candidate) => candidate.id === line.id);\n  if (!current) {\n    return null;\n  }\n  const context = {\n    line: current,\n    item,\n    edit: (patch: Partial<Omit<CartLineInput, \"itemId\">>) =>\n      cart.actions.update(line.id, patch),\n    remove: () => cart.actions.remove(line.id),\n  };\n  return part(\n    \"div\",\n    props,\n    context,\n    {\n      \"data-zappie-cart-line\": line.id,\n      \"data-invalid\": cart.issues.some(\n        (issue) => issue.lineId === line.id && issue.severity === \"blocking\",\n      )\n        ? \"\"\n        : undefined,\n    },\n    ref,\n  );\n});\nfunction CartQuantity({\n  lineId,\n  ...props\n}: Omit<QuantityProps, \"value\" | \"defaultValue\" | \"onValueChange\"> & {\n  lineId: string;\n}) {\n  const cart = useContextValue();\n  const line = cart.lines.find((candidate) => candidate.id === lineId);\n  const item = useCartCatalogue()?.items[line?.itemId ?? \"\"];\n  if (!line) {\n    return null;\n  }\n  const step = item?.quantity.step ?? 1;\n  const min = Math.ceil((item?.quantity.min ?? 1) / step) * step;\n  return (\n    <Quantity.Root\n      {...props}\n      value={line.quantity}\n      min={min}\n      max={Math.min(item?.quantity.max ?? 99, 99)}\n      step={step}\n      onValueChange={(quantity) => cart.actions.update(lineId, { quantity })}\n    />\n  );\n}\nconst Remove = forwardRef<HTMLElement, PartProps & { lineId: string }>(\n  function Remove({ lineId, ...props }, ref) {\n    const cart = useContextValue();\n    return part(\n      \"button\",\n      props,\n      {},\n      { type: \"button\", onClick: () => cart.actions.remove(lineId) },\n      ref,\n    );\n  },\n);\nconst Empty = forwardRef<HTMLElement, PartProps>(function Empty(props, ref) {\n  const cart = useContextValue();\n  return cart.isHydrated && !cart.lines.length\n    ? part(\"div\", props, {}, {}, ref)\n    : null;\n});\nconst Issues = forwardRef<\n  HTMLElement,\n  PartProps<{\n    issues: readonly CartIssue[];\n    applyFix: (issue: CartIssue, fix?: CartFix) => void;\n  }>\n>(function Issues(props, ref) {\n  const cart = useContextValue();\n  return part(\n    \"div\",\n    props,\n    { issues: cart.issues, applyFix: cart.actions.applyFix },\n    {\n      \"aria-live\": \"polite\",\n      \"data-state\": cart.issues.length ? \"invalid\" : \"valid\",\n    },\n    ref,\n  );\n});\n/**\n * Composable cart parts for lines, quantity changes, removal, empty state and validation issues.\n * Wrap the parts in Cart.Root inside your ZappieProvider.\n */\nexport const Cart = {\n  Root,\n  Line,\n  Quantity: CartQuantity,\n  Remove,\n  Empty,\n  Issues,\n};\n/**\n * The quote and its display status: loading, stale, ready or offline.\n */\nexport type TotalsState = {\n  quote?: Quote | undefined;\n  status: \"loading\" | \"stale\" | \"ready\" | \"offline\";\n};\n/**\n * Expose the cart quote and its freshness or network status to your render function.\n * Subscribes to the cart and quote failures through your ZappieProvider.\n */\nexport const Totals = forwardRef<HTMLElement, PartProps<TotalsState>>(\n  function Totals(props, ref) {\n    const cart = useCart();\n    const client = useZappie();\n    const [failure, setFailure] = useState<\"offline\" | \"stale\" | null>(null);\n    const [expired, setExpired] = useState(false);\n    const quote = \"quote\" in cart.state ? cart.state.quote : undefined;\n    useEffect(\n      () =>\n        client.on(\"quote_failed\", ({ code }) =>\n          setFailure(\n            code === \"network_error\" || code === \"timeout\"\n              ? \"offline\"\n              : \"stale\",\n          ),\n        ),\n      [client],\n    );\n    useEffect(() => {\n      if (cart.state.status === \"quoting\" || quote) {\n        setFailure(null);\n      }\n      setExpired(Boolean(quote && Date.parse(quote.expiresAt) <= Date.now()));\n      if (!quote) {\n        return;\n      }\n      const timeout = setTimeout(\n        () => setExpired(true),\n        Math.max(\n          0,\n          Math.min(2147483647, Date.parse(quote.expiresAt) - Date.now()),\n        ),\n      );\n      return () => clearTimeout(timeout);\n    }, [quote, cart.state.status]);\n    // The SDK re-quotes shortly after every change, so a cart with lines and\n    // no quote yet is waiting for one rather than stale.\n    const pending =\n      cart.state.status === \"ready\" && !quote && cart.lines.length > 0;\n    const status: TotalsState[\"status\"] =\n      failure === \"offline\"\n        ? \"offline\"\n        : cart.state.status === \"quoting\" || !cart.isHydrated\n          ? \"loading\"\n          : failure === \"stale\" || expired\n            ? \"stale\"\n            : pending\n              ? \"loading\"\n              : !quote\n                ? \"stale\"\n                : \"ready\";\n    return part(\n      \"div\",\n      props,\n      { quote, status },\n      {\n        \"aria-live\": \"polite\",\n        \"aria-busy\": status === \"loading\",\n        \"data-state\":\n          status === \"ready\"\n            ? \"valid\"\n            : status === \"offline\"\n              ? \"stale\"\n              : status,\n      },\n      ref,\n    );\n  },\n);\n"],
+  "mappings": "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",
+  "names": ["Line", "Remove", "Empty", "Issues", "Totals"]
+}