@zappie/foundations 0.1.1 → 0.1.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @zappie/foundations
 
+## 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/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/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"]
+}

package/dist/fulfilment/address-picker.js

@@ -0,0 +1,168 @@
+"use client";
+
+// src/fulfilment/address-picker.tsx
+import {
+  createContext,
+  forwardRef,
+  useContext,
+  useEffect,
+  useState
+} from "react";
+import {
+  countAnnouncement,
+  useCombobox,
+  withLiveRegion
+} from "../internal/combobox.js";
+import { composeRefs, part } from "../internal/slot.js";
+import { useControllableState } from "../internal/use-controllable-state.js";
+import { jsx } from "react/jsx-runtime";
+var Context = createContext(null);
+function useAddress() {
+  const ctx = useContext(Context);
+  if (!ctx) {
+    throw new Error("Address parts require Address.Picker");
+  }
+  return ctx;
+}
+function Picker({
+  getSuggestions,
+  onSelect,
+  query,
+  defaultQuery = "",
+  onQueryChange,
+  debounceMs = 200,
+  announcement = countAnnouncement,
+  ...props
+}) {
+  const [value, setValue] = useControllableState({
+    value: query,
+    defaultValue: defaultQuery,
+    onChange: onQueryChange
+  });
+  const [response, setResponse] = useState({ query: "", suggestions: [], status: "ready" });
+  const suggestions = response.query === value ? response.suggestions : [];
+  const combo = useCombobox(suggestions, (suggestion) => {
+    setValue(suggestion.label);
+    onSelect(suggestion);
+  });
+  useEffect(() => {
+    if (!value.trim()) {
+      setResponse({ query: value, suggestions: [], status: "ready" });
+      return;
+    }
+    let live = true;
+    const abort = new AbortController();
+    setResponse({ query: value, suggestions: [], status: "loading" });
+    const timer = setTimeout(() => {
+      void Promise.resolve().then(() => getSuggestions(value, abort.signal)).then(
+        (items) => {
+          if (live) {
+            setResponse({
+              query: value,
+              suggestions: items,
+              status: "ready"
+            });
+          }
+        },
+        (error) => {
+          if (live) {
+            setResponse({
+              query: value,
+              suggestions: [],
+              status: "error",
+              error
+            });
+          }
+        }
+      );
+    }, debounceMs);
+    return () => {
+      live = false;
+      abort.abort();
+      clearTimeout(timer);
+    };
+  }, [value, getSuggestions, debounceMs]);
+  const setQuery = (next) => {
+    setValue(next);
+    combo.setOpen(true);
+    combo.setActiveIndex(-1);
+  };
+  const state = {
+    ...combo,
+    query: value,
+    setQuery,
+    suggestions,
+    status: response.status,
+    error: response.error
+  };
+  return /* @__PURE__ */ jsx(Context.Provider, { value: state, children: part(
+    "div",
+    withLiveRegion(
+      props,
+      combo.isOpen && value.trim() && response.status === "ready" ? announcement(suggestions.length) : ""
+    ),
+    state,
+    {
+      "data-state": response.status === "error" ? "invalid" : response.status === "loading" ? "loading" : "valid",
+      onBlur: (event) => {
+        if (!event.currentTarget.contains(event.relatedTarget)) {
+          combo.setOpen(false);
+        }
+      }
+    }
+  ) });
+}
+var Input = forwardRef(
+  function Input2(props, ref) {
+    const state = useAddress();
+    return part(
+      "input",
+      props,
+      state,
+      {
+        ...state.inputProps,
+        type: "text",
+        autoComplete: "street-address",
+        "data-zappie-address-input": "",
+        value: state.query,
+        onChange: (event) => state.setQuery(event.target.value)
+      },
+      ref
+    );
+  }
+);
+var Suggestions = forwardRef(
+  function Suggestions2(props, ref) {
+    const state = useAddress();
+    return part(
+      "div",
+      props,
+      state,
+      { ...state.listProps, "aria-busy": state.status === "loading" },
+      composeRefs(ref, (node) => {
+        if (node?.id && node.id !== state.listProps.id) {
+          state.setListId(node.id);
+        }
+      })
+    );
+  }
+);
+var Suggestion = forwardRef(function Suggestion2({ index, ...props }, ref) {
+  const state = useAddress();
+  return part(
+    "div",
+    props,
+    state,
+    state.getOptionProps(index),
+    composeRefs(ref, (node) => {
+      if (node?.id && node.id !== state.getOptionProps(index).id) {
+        state.registerOption(index, node.id);
+      }
+    })
+  );
+});
+var Address = { Picker, Input, Suggestions, Suggestion };
+export {
+  Address
+};
+//# sourceMappingURL=address-picker.js.map

package/dist/fulfilment/address-picker.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/fulfilment/address-picker.tsx"],
+  "sourcesContent": ["\"use client\";\nimport type { DeliveryAddress } from \"@zappie/sdk\";\nimport {\n  createContext,\n  forwardRef,\n  useContext,\n  useEffect,\n  useState,\n  type ChangeEvent,\n} from \"react\";\nimport {\n  countAnnouncement,\n  useCombobox,\n  withLiveRegion,\n} from \"../internal/combobox\";\nimport { composeRefs, part, type PartProps } from \"../internal/slot\";\nimport { useControllableState } from \"../internal/use-controllable-state\";\n/**\n * A labelled address suggestion with an ID and the delivery address selected by the shopper.\n */\nexport type AddressSuggestion = {\n  id: string;\n  label: string;\n  address: DeliveryAddress;\n};\n/**\n * Address picker state with query controls, combobox navigation, suggestions and request status.\n */\nexport type AddressState = ReturnType<typeof useCombobox<AddressSuggestion>> & {\n  query: string;\n  setQuery: (query: string) => void;\n  suggestions: AddressSuggestion[];\n  status: \"loading\" | \"ready\" | \"error\";\n  error?: unknown;\n};\nconst Context = createContext<AddressState | null>(null);\nfunction useAddress() {\n  const ctx = useContext(Context);\n  if (!ctx) {\n    throw new Error(\"Address parts require Address.Picker\");\n  }\n  return ctx;\n}\nfunction Picker({\n  getSuggestions,\n  onSelect,\n  query,\n  defaultQuery = \"\",\n  onQueryChange,\n  debounceMs = 200,\n  announcement = countAnnouncement,\n  ...props\n}: PartProps<AddressState> & {\n  /** Screen-reader text for the suggestion count. Override it for your language. */\n  announcement?: (count: number) => string;\n  getSuggestions: (\n    query: string,\n    signal?: AbortSignal,\n  ) => Promise<AddressSuggestion[]>;\n  onSelect: (suggestion: AddressSuggestion) => void;\n  query?: string;\n  defaultQuery?: string;\n  onQueryChange?: (query: string) => void;\n  debounceMs?: number;\n}) {\n  const [value, setValue] = useControllableState({\n    value: query,\n    defaultValue: defaultQuery,\n    onChange: onQueryChange,\n  });\n  const [response, setResponse] = useState<{\n    query: string;\n    suggestions: AddressSuggestion[];\n    status: AddressState[\"status\"];\n    error?: unknown;\n  }>({ query: \"\", suggestions: [], status: \"ready\" });\n  const suggestions = response.query === value ? response.suggestions : [];\n  const combo = useCombobox(suggestions, (suggestion) => {\n    setValue(suggestion.label);\n    onSelect(suggestion);\n  });\n  useEffect(() => {\n    if (!value.trim()) {\n      setResponse({ query: value, suggestions: [], status: \"ready\" });\n      return;\n    }\n    let live = true;\n    const abort = new AbortController();\n    setResponse({ query: value, suggestions: [], status: \"loading\" });\n    const timer = setTimeout(() => {\n      void Promise.resolve()\n        .then(() => getSuggestions(value, abort.signal))\n        .then(\n          (items) => {\n            if (live) {\n              setResponse({\n                query: value,\n                suggestions: items,\n                status: \"ready\",\n              });\n            }\n          },\n          (error) => {\n            if (live) {\n              setResponse({\n                query: value,\n                suggestions: [],\n                status: \"error\",\n                error,\n              });\n            }\n          },\n        );\n    }, debounceMs);\n    return () => {\n      live = false;\n      abort.abort();\n      clearTimeout(timer);\n    };\n  }, [value, getSuggestions, debounceMs]);\n  const setQuery = (next: string) => {\n    setValue(next);\n    combo.setOpen(true);\n    combo.setActiveIndex(-1);\n  };\n  const state = {\n    ...combo,\n    query: value,\n    setQuery,\n    suggestions,\n    status: response.status,\n    error: response.error,\n  };\n  return (\n    <Context.Provider value={state}>\n      {part(\n        \"div\",\n        withLiveRegion(\n          props,\n          combo.isOpen && value.trim() && response.status === \"ready\"\n            ? announcement(suggestions.length)\n            : \"\",\n        ) as typeof props,\n        state,\n        {\n          \"data-state\":\n            response.status === \"error\"\n              ? \"invalid\"\n              : response.status === \"loading\"\n                ? \"loading\"\n                : \"valid\",\n          onBlur: (event: {\n            currentTarget: HTMLElement;\n            relatedTarget: Node | null;\n          }) => {\n            if (!event.currentTarget.contains(event.relatedTarget)) {\n              combo.setOpen(false);\n            }\n          },\n        },\n      )}\n    </Context.Provider>\n  );\n}\nconst Input = forwardRef<HTMLElement, PartProps<AddressState>>(\n  function Input(props, ref) {\n    const state = useAddress();\n    return part(\n      \"input\",\n      props,\n      state,\n      {\n        ...state.inputProps,\n        type: \"text\",\n        autoComplete: \"street-address\",\n        \"data-zappie-address-input\": \"\",\n        value: state.query,\n        onChange: (event: ChangeEvent<HTMLInputElement>) =>\n          state.setQuery(event.target.value),\n      },\n      ref,\n    );\n  },\n);\nconst Suggestions = forwardRef<HTMLElement, PartProps<AddressState>>(\n  function Suggestions(props, ref) {\n    const state = useAddress();\n    return part(\n      \"div\",\n      props,\n      state,\n      { ...state.listProps, \"aria-busy\": state.status === \"loading\" },\n      composeRefs(ref, (node) => {\n        if (node?.id && node.id !== state.listProps.id) {\n          state.setListId(node.id);\n        }\n      }),\n    );\n  },\n);\nconst Suggestion = forwardRef<\n  HTMLElement,\n  PartProps<AddressState> & { index: number }\n>(function Suggestion({ index, ...props }, ref) {\n  const state = useAddress();\n  return part(\n    \"div\",\n    props,\n    state,\n    state.getOptionProps(index),\n    composeRefs(ref, (node) => {\n      if (node?.id && node.id !== state.getOptionProps(index).id) {\n        state.registerOption(index, node.id);\n      }\n    }),\n  );\n});\n/**\n * Composable address picker parts with debounced suggestions and keyboard navigation.\n * Supply getSuggestions and onSelect to Address.Picker. It cancels outdated requests.\n */\nexport const Address = { Picker, Input, Suggestions, Suggestion };\n"],
+  "mappings": "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",
+  "names": ["Input", "Suggestions", "Suggestion"]
+}

package/dist/fulfilment/branch-picker.js

@@ -0,0 +1,54 @@
+"use client";
+
+// src/fulfilment/branch-picker.tsx
+import { useCart, useStore } from "@zappie/sdk/react";
+import { forwardRef, useState } from "react";
+import { part } from "../internal/slot.js";
+import { getOpenStatus } from "../status/hours.js";
+var Picker = forwardRef(function Picker2({ branches, value, onSelect, ...props }, ref) {
+  const cart = useCart();
+  const store = useStore();
+  const [isLoading, setLoading] = useState(false);
+  const [error, setError] = useState();
+  const selected = branches.find(
+    (branch) => branch.id === (value ?? cart.branchId)
+  );
+  const select = async (branch) => {
+    if (isLoading || branch.id === cart.branchId || !branches.some((candidate) => candidate.id === branch.id)) {
+      return;
+    }
+    setLoading(true);
+    setError(void 0);
+    try {
+      await cart.actions.moveTo(branch.id);
+      onSelect?.(branch);
+    } catch (failure) {
+      setError(failure);
+    } finally {
+      setLoading(false);
+    }
+  };
+  return part(
+    "div",
+    props,
+    {
+      branches,
+      selected,
+      select,
+      isLoading,
+      error,
+      isOpenNow: (branch) => getOpenStatus(branch, branch.timezone ?? store.data?.timezone ?? "UTC").isOpen
+    },
+    {
+      role: "group",
+      "aria-busy": isLoading,
+      "data-state": isLoading ? "loading" : error ? "invalid" : "valid"
+    },
+    ref
+  );
+});
+var Branch = { Picker };
+export {
+  Branch
+};
+//# sourceMappingURL=branch-picker.js.map

package/dist/fulfilment/branch-picker.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/fulfilment/branch-picker.tsx"],
+  "sourcesContent": ["\"use client\";\nimport type { Branch as BranchModel } from \"@zappie/sdk\";\nimport { useCart, useStore } from \"@zappie/sdk/react\";\nimport { forwardRef, useState } from \"react\";\nimport { part, type PartProps } from \"../internal/slot\";\nimport { getOpenStatus } from \"../status/hours\";\nexport type BranchPickerState = {\n  branches: BranchModel[];\n  selected?: BranchModel | undefined;\n  isOpenNow: (branch: BranchModel) => boolean;\n  select: (branch: BranchModel) => Promise<void>;\n  isLoading: boolean;\n  error?: unknown;\n};\nconst Picker = forwardRef<\n  HTMLElement,\n  PartProps<BranchPickerState> & {\n    branches: BranchModel[];\n    value?: string;\n    onSelect?: (branch: BranchModel) => void;\n  }\n>(function Picker({ branches, value, onSelect, ...props }, ref) {\n  const cart = useCart();\n  const store = useStore();\n  const [isLoading, setLoading] = useState(false);\n  const [error, setError] = useState<unknown>();\n  const selected = branches.find(\n    (branch) => branch.id === (value ?? cart.branchId),\n  );\n  const select = async (branch: BranchModel) => {\n    if (\n      isLoading ||\n      branch.id === cart.branchId ||\n      !branches.some((candidate) => candidate.id === branch.id)\n    ) {\n      return;\n    }\n    setLoading(true);\n    setError(undefined);\n    try {\n      await cart.actions.moveTo(branch.id);\n      onSelect?.(branch);\n    } catch (failure) {\n      setError(failure);\n    } finally {\n      setLoading(false);\n    }\n  };\n  return part(\n    \"div\",\n    props,\n    {\n      branches,\n      selected,\n      select,\n      isLoading,\n      error,\n      isOpenNow: (branch) =>\n        getOpenStatus(branch, branch.timezone ?? store.data?.timezone ?? \"UTC\")\n          .isOpen,\n    },\n    {\n      role: \"group\",\n      \"aria-busy\": isLoading,\n      \"data-state\": isLoading ? \"loading\" : error ? \"invalid\" : \"valid\",\n    },\n    ref,\n  );\n});\n/**\n * A branch picker that moves the cart to a selected branch and exposes loading and error state.\n * Use Branch.Picker within your ZappieProvider.\n */\nexport const Branch = { Picker };\n"],
+  "mappings": ";;;AAEA,SAAS,SAAS,gBAAgB;AAClC,SAAS,YAAY,gBAAgB;AACrC,SAAS,YAA4B;AACrC,SAAS,qBAAqB;AAS9B,IAAM,SAAS,WAOb,SAASA,QAAO,EAAE,UAAU,OAAO,UAAU,GAAG,MAAM,GAAG,KAAK;AAC9D,QAAM,OAAO,QAAQ;AACrB,QAAM,QAAQ,SAAS;AACvB,QAAM,CAAC,WAAW,UAAU,IAAI,SAAS,KAAK;AAC9C,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAkB;AAC5C,QAAM,WAAW,SAAS;AAAA,IACxB,CAAC,WAAW,OAAO,QAAQ,SAAS,KAAK;AAAA,EAC3C;AACA,QAAM,SAAS,OAAO,WAAwB;AAC5C,QACE,aACA,OAAO,OAAO,KAAK,YACnB,CAAC,SAAS,KAAK,CAAC,cAAc,UAAU,OAAO,OAAO,EAAE,GACxD;AACA;AAAA,IACF;AACA,eAAW,IAAI;AACf,aAAS,MAAS;AAClB,QAAI;AACF,YAAM,KAAK,QAAQ,OAAO,OAAO,EAAE;AACnC,iBAAW,MAAM;AAAA,IACnB,SAAS,SAAS;AAChB,eAAS,OAAO;AAAA,IAClB,UAAE;AACA,iBAAW,KAAK;AAAA,IAClB;AAAA,EACF;AACA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,CAAC,WACV,cAAc,QAAQ,OAAO,YAAY,MAAM,MAAM,YAAY,KAAK,EACnE;AAAA,IACP;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,aAAa;AAAA,MACb,cAAc,YAAY,YAAY,QAAQ,YAAY;AAAA,IAC5D;AAAA,IACA;AAAA,EACF;AACF,CAAC;AAKM,IAAM,SAAS,EAAE,OAAO;",
+  "names": ["Picker"]
+}