@burdenoff/microfe-coolandlovely 2026.1101.8 → 2026.1102.1

package/dist/coolandlovely/components/prices/PriceWatchDisclosure.js

@@ -0,0 +1,28 @@
+import { Suspense as e, lazy as t, useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/coolandlovely/components/prices/PriceWatchDisclosure.tsx
+var a = t(() => import("./PriceWatches.js").then((e) => ({ default: e.PriceWatches })));
+function o() {
+	let [t, o] = n(!1);
+	return /* @__PURE__ */ i("div", {
+		className: "my-6 space-y-3",
+		children: [/* @__PURE__ */ r("button", {
+			type: "button",
+			"aria-expanded": t,
+			className: "rounded-lg border border-border-seam px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken",
+			onClick: () => o((e) => !e),
+			children: "Manage my price watches"
+		}), t && /* @__PURE__ */ r(e, {
+			fallback: /* @__PURE__ */ r("p", {
+				role: "status",
+				className: "text-sm text-text-secondary",
+				children: "Loading price watches…"
+			}),
+			children: /* @__PURE__ */ r(a, {})
+		})]
+	});
+}
+//#endregion
+export { o as PriceWatchDisclosure };
+
+//# sourceMappingURL=PriceWatchDisclosure.js.map

package/dist/coolandlovely/components/prices/PriceWatchDisclosure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PriceWatchDisclosure.js","names":[],"sources":["../../../../src/coolandlovely/components/prices/PriceWatchDisclosure.tsx"],"sourcesContent":["import { lazy, Suspense, useState } from 'react';\n\nconst PriceWatches = lazy(() =>\n  import('./PriceWatches').then((module) => ({ default: module.PriceWatches }))\n);\n\nexport function PriceWatchDisclosure() {\n  const [expanded, setExpanded] = useState(false);\n  return (\n    <div className=\"my-6 space-y-3\">\n      <button\n        type=\"button\"\n        aria-expanded={expanded}\n        className=\"rounded-lg border border-border-seam px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken\"\n        onClick={() => setExpanded((value) => !value)}\n      >\n        Manage my price watches\n      </button>\n      {expanded && (\n        <Suspense\n          fallback={\n            <p role=\"status\" className=\"text-sm text-text-secondary\">\n              Loading price watches…\n            </p>\n          }\n        >\n          <PriceWatches />\n        </Suspense>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;AAEA,IAAM,IAAe,QACnB,OAAO,oBAAiB,CAAC,MAAM,OAAY,EAAE,SAAS,EAAO,aAAa,EAAE,CAC9E;AAEA,SAAgB,IAAuB;CACrC,IAAM,CAAC,GAAU,KAAe,EAAS,EAAK;CAC9C,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,UAAD;GACE,MAAK;GACL,iBAAe;GACf,WAAU;GACV,eAAe,GAAa,MAAU,CAAC,CAAK;aAC7C;EAEO,CAAA,GACP,KACC,kBAAC,GAAD;GACE,UACE,kBAAC,KAAD;IAAG,MAAK;IAAS,WAAU;cAA8B;GAEtD,CAAA;aAGL,kBAAC,GAAD,CAAe,CAAA;EACP,CAAA,CAET;;AAET"}

package/dist/coolandlovely/components/prices/PriceWatchForm.d.ts

@@ -0,0 +1,5 @@
+export declare function PriceWatchForm({ styleItemId, currency, }: {
+    styleItemId: string;
+    currency: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=PriceWatchForm.d.ts.map

package/dist/coolandlovely/components/prices/PriceWatchForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PriceWatchForm.d.ts","sourceRoot":"","sources":["../../../../src/coolandlovely/components/prices/PriceWatchForm.tsx"],"names":[],"mappings":"AAQA,wBAAgB,cAAc,CAAC,EAC7B,WAAW,EACX,QAAQ,GACT,EAAE;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;CAClB,+BA2EA"}

package/dist/coolandlovely/components/prices/PriceWatchForm.js

@@ -0,0 +1,89 @@
+import { usePriceWatchAction as e } from "../../hooks/usePriceApi.js";
+import { retailerTargetExample as t, retailerTargetMinor as n } from "./money.js";
+import { CooPriceAlertKind as r } from "../../../generated/wspace-types.js";
+import { useId as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/coolandlovely/components/prices/PriceWatchForm.tsx
+var c = "rounded-lg border border-border-seam px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken disabled:opacity-50";
+function l({ styleItemId: l, currency: u }) {
+	let [d, f] = a(""), [p, m] = a(""), [h, g] = a(""), _ = i(), v = e(), y = async (e) => {
+		g(""), m("");
+		try {
+			let t = e === r.PriceDrop && d ? n(d, u) : null;
+			await v.mutateAsync({
+				kind: "save",
+				input: {
+					styleItemId: l,
+					currency: u,
+					kind: e,
+					targetPriceMinor: t
+				}
+			}), m(e === r.PriceDrop ? "Price watch saved. Monitoring starts after an initial check." : "Stock watch saved. You will be notified when fresh reports show a return from out of stock.");
+		} catch (e) {
+			g(e instanceof Error ? e.message : "The price watch could not be saved.");
+		}
+	};
+	return /* @__PURE__ */ s("div", {
+		className: "space-y-3 border-t border-border-seam pt-4",
+		children: [
+			/* @__PURE__ */ o("h3", {
+				className: "font-semibold text-text-primary",
+				children: "Watch this piece"
+			}),
+			/* @__PURE__ */ o("p", {
+				className: "text-sm text-text-secondary",
+				children: "New watches start with an initial check. Alerts need fresh retailer data and apply to future changes."
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "flex flex-wrap items-end gap-2",
+				children: [
+					/* @__PURE__ */ s("label", {
+						className: "flex flex-col gap-1 text-sm text-text-secondary",
+						htmlFor: _,
+						children: [
+							"Future target in ",
+							u,
+							" (optional)",
+							/* @__PURE__ */ o("input", {
+								id: _,
+								inputMode: "decimal",
+								className: "rounded-lg border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary",
+								value: d,
+								onChange: (e) => f(e.target.value),
+								placeholder: t(u)
+							})
+						]
+					}),
+					/* @__PURE__ */ o("button", {
+						type: "button",
+						className: c,
+						disabled: v.isPending,
+						onClick: () => void y(r.PriceDrop),
+						children: "Watch price drops"
+					}),
+					/* @__PURE__ */ o("button", {
+						type: "button",
+						className: c,
+						disabled: v.isPending,
+						onClick: () => void y(r.BackInStock),
+						children: "Watch restocks"
+					})
+				]
+			}),
+			p && /* @__PURE__ */ o("p", {
+				role: "status",
+				className: "text-sm text-status-success-text",
+				children: p
+			}),
+			h && /* @__PURE__ */ o("p", {
+				role: "alert",
+				className: "text-sm text-status-error-text",
+				children: h
+			})
+		]
+	});
+}
+//#endregion
+export { l as PriceWatchForm };
+
+//# sourceMappingURL=PriceWatchForm.js.map

package/dist/coolandlovely/components/prices/PriceWatchForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PriceWatchForm.js","names":[],"sources":["../../../../src/coolandlovely/components/prices/PriceWatchForm.tsx"],"sourcesContent":["import { useId, useState } from 'react';\nimport { CooPriceAlertKind } from '../../../generated/wspace-types';\nimport { usePriceWatchAction } from '../../hooks/usePriceApi';\nimport { retailerTargetExample, retailerTargetMinor } from './money';\n\nconst buttonClass =\n  'rounded-lg border border-border-seam px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken disabled:opacity-50';\n\nexport function PriceWatchForm({\n  styleItemId,\n  currency,\n}: {\n  styleItemId: string;\n  currency: string;\n}) {\n  const [target, setTarget] = useState('');\n  const [message, setMessage] = useState('');\n  const [inputError, setInputError] = useState('');\n  const targetId = useId();\n  const action = usePriceWatchAction();\n  const save = async (kind: CooPriceAlertKind) => {\n    setInputError('');\n    setMessage('');\n    try {\n      const targetPriceMinor =\n        kind === CooPriceAlertKind.PriceDrop && target\n          ? retailerTargetMinor(target, currency)\n          : null;\n      await action.mutateAsync({\n        kind: 'save',\n        input: { styleItemId, currency, kind, targetPriceMinor },\n      });\n      setMessage(\n        kind === CooPriceAlertKind.PriceDrop\n          ? 'Price watch saved. Monitoring starts after an initial check.'\n          : 'Stock watch saved. You will be notified when fresh reports show a return from out of stock.'\n      );\n    } catch (error) {\n      setInputError(error instanceof Error ? error.message : 'The price watch could not be saved.');\n    }\n  };\n  return (\n    <div className=\"space-y-3 border-t border-border-seam pt-4\">\n      <h3 className=\"font-semibold text-text-primary\">Watch this piece</h3>\n      <p className=\"text-sm text-text-secondary\">\n        New watches start with an initial check. Alerts need fresh retailer data and apply to future\n        changes.\n      </p>\n      <div className=\"flex flex-wrap items-end gap-2\">\n        <label className=\"flex flex-col gap-1 text-sm text-text-secondary\" htmlFor={targetId}>\n          Future target in {currency} (optional)\n          <input\n            id={targetId}\n            inputMode=\"decimal\"\n            className=\"rounded-lg border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n            value={target}\n            onChange={(event) => setTarget(event.target.value)}\n            placeholder={retailerTargetExample(currency)}\n          />\n        </label>\n        <button\n          type=\"button\"\n          className={buttonClass}\n          disabled={action.isPending}\n          onClick={() => void save(CooPriceAlertKind.PriceDrop)}\n        >\n          Watch price drops\n        </button>\n        <button\n          type=\"button\"\n          className={buttonClass}\n          disabled={action.isPending}\n          onClick={() => void save(CooPriceAlertKind.BackInStock)}\n        >\n          Watch restocks\n        </button>\n      </div>\n      {message && (\n        <p role=\"status\" className=\"text-sm text-status-success-text\">\n          {message}\n        </p>\n      )}\n      {inputError && (\n        <p role=\"alert\" className=\"text-sm text-status-error-text\">\n          {inputError}\n        </p>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAKA,IAAM,IACJ;AAEF,SAAgB,EAAe,EAC7B,gBACA,eAIC;CACD,IAAM,CAAC,GAAQ,KAAa,EAAS,EAAE,GACjC,CAAC,GAAS,KAAc,EAAS,EAAE,GACnC,CAAC,GAAY,KAAiB,EAAS,EAAE,GACzC,IAAW,EAAM,GACjB,IAAS,EAAoB,GAC7B,IAAO,OAAO,MAA4B;EAE9C,AADA,EAAc,EAAE,GAChB,EAAW,EAAE;EACb,IAAI;GACF,IAAM,IACJ,MAAS,EAAkB,aAAa,IACpC,EAAoB,GAAQ,CAAQ,IACpC;GAKN,AAJA,MAAM,EAAO,YAAY;IACvB,MAAM;IACN,OAAO;KAAE;KAAa;KAAU;KAAM;IAAiB;GACzD,CAAC,GACD,EACE,MAAS,EAAkB,YACvB,iEACA,6FACN;EACF,SAAS,GAAO;GACd,EAAc,aAAiB,QAAQ,EAAM,UAAU,qCAAqC;EAC9F;CACF;CACA,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,MAAD;IAAI,WAAU;cAAkC;GAAoB,CAAA;GACpE,kBAAC,KAAD;IAAG,WAAU;cAA8B;GAGxC,CAAA;GACH,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,SAAD;MAAO,WAAU;MAAkD,SAAS;gBAA5E;OAAsF;OAClE;OAAS;OAC3B,kBAAC,SAAD;QACE,IAAI;QACJ,WAAU;QACV,WAAU;QACV,OAAO;QACP,WAAW,MAAU,EAAU,EAAM,OAAO,KAAK;QACjD,aAAa,EAAsB,CAAQ;OAC5C,CAAA;MACI;;KACP,kBAAC,UAAD;MACE,MAAK;MACL,WAAW;MACX,UAAU,EAAO;MACjB,eAAe,KAAK,EAAK,EAAkB,SAAS;gBACrD;KAEO,CAAA;KACR,kBAAC,UAAD;MACE,MAAK;MACL,WAAW;MACX,UAAU,EAAO;MACjB,eAAe,KAAK,EAAK,EAAkB,WAAW;gBACvD;KAEO,CAAA;IACL;;GACJ,KACC,kBAAC,KAAD;IAAG,MAAK;IAAS,WAAU;cACxB;GACA,CAAA;GAEJ,KACC,kBAAC,KAAD;IAAG,MAAK;IAAQ,WAAU;cACvB;GACA,CAAA;EAEF;;AAET"}

package/dist/coolandlovely/components/prices/PriceWatches.d.ts

@@ -0,0 +1,3 @@
+/** Mounted lazily from Style Profile; actor/context changes remount through the scoped Root. */
+export declare function PriceWatches(): import("react").JSX.Element;
+//# sourceMappingURL=PriceWatches.d.ts.map

package/dist/coolandlovely/components/prices/PriceWatches.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PriceWatches.d.ts","sourceRoot":"","sources":["../../../../src/coolandlovely/components/prices/PriceWatches.tsx"],"names":[],"mappings":"AAgFA,gGAAgG;AAChG,wBAAgB,YAAY,gCAiH3B"}

package/dist/coolandlovely/components/prices/PriceWatches.js

@@ -0,0 +1,189 @@
+import { useCoolAndLovely as e } from "../../context/CoolAndLovelyContext.js";
+import "../../context/index.js";
+import { usePriceWatchAction as t, usePriceWatchDeliveries as n, usePriceWatches as r } from "../../hooks/usePriceApi.js";
+import { formatRetailerPrice as i } from "./money.js";
+import { useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/coolandlovely/components/prices/PriceWatches.tsx
+var c = {
+	DELIVERED: "Sent",
+	PENDING: "Waiting",
+	CLAIMED: "Sending",
+	FAILED: "Could not send"
+}, l = "rounded-lg border border-border-seam px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken disabled:opacity-50";
+function u({ alertId: e }) {
+	let [t, r] = a(0), i = n(e, t, !0);
+	return i.isPending ? /* @__PURE__ */ o("p", {
+		role: "status",
+		className: "text-sm text-text-secondary",
+		children: "Loading delivery receipts…"
+	}) : i.isError ? /* @__PURE__ */ s("p", {
+		role: "alert",
+		className: "text-sm text-status-error-text",
+		children: [
+			"Receipts could not be loaded.",
+			" ",
+			/* @__PURE__ */ o("button", {
+				type: "button",
+				className: l,
+				onClick: () => void i.refetch(),
+				children: "Retry"
+			})
+		]
+	}) : /* @__PURE__ */ s("div", {
+		className: "space-y-2",
+		children: [
+			/* @__PURE__ */ o("p", {
+				className: "text-xs text-text-secondary",
+				children: "A delivered receipt confirms platform acceptance. Device display and retries can differ; delivery is at least once."
+			}),
+			i.data?.items.length ? /* @__PURE__ */ o("ul", {
+				className: "space-y-1 text-sm text-text-secondary",
+				children: i.data.items.map((e) => /* @__PURE__ */ s("li", { children: [
+					c[e.status] ?? "Status unavailable",
+					" ·",
+					" ",
+					new Date(e.createdAt).toLocaleString(),
+					e.deliveredAt ? ` · accepted ${new Date(e.deliveredAt).toLocaleString()}` : ""
+				] }, e.id))
+			}) : /* @__PURE__ */ o("p", {
+				className: "text-sm text-text-secondary",
+				children: "No transitions recorded yet."
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "flex gap-2",
+				children: [/* @__PURE__ */ o("button", {
+					type: "button",
+					className: l,
+					disabled: t === 0,
+					onClick: () => r((e) => Math.max(0, e - 20)),
+					children: "Previous receipts"
+				}), /* @__PURE__ */ o("button", {
+					type: "button",
+					className: l,
+					disabled: !i.data?.pageInfo.hasMore,
+					onClick: () => r((e) => e + 20),
+					children: "Next receipts"
+				})]
+			})
+		]
+	});
+}
+function d() {
+	let [n, c] = a(0), [d, f] = a(null), p = r(n), m = t(), { navigateTo: h } = e();
+	return /* @__PURE__ */ s("section", {
+		className: "space-y-4 rounded-xl border border-border-seam bg-bg-surface p-4",
+		"aria-label": "My price watches",
+		children: [
+			/* @__PURE__ */ o("h2", {
+				className: "text-lg font-semibold text-text-primary",
+				children: "My price watches"
+			}),
+			/* @__PURE__ */ o("p", {
+				className: "text-sm text-text-secondary",
+				children: "Private watches for pieces you selected. Manage currency and targets from a piece’s retailer comparison. Withdrawn private pieces disable their watches automatically."
+			}),
+			p.isPending ? /* @__PURE__ */ o("p", {
+				role: "status",
+				className: "text-sm text-text-secondary",
+				children: "Loading watches…"
+			}) : p.isError ? /* @__PURE__ */ s("p", {
+				role: "alert",
+				className: "text-sm text-status-error-text",
+				children: [
+					"Watches could not be loaded.",
+					" ",
+					/* @__PURE__ */ o("button", {
+						type: "button",
+						className: l,
+						onClick: () => void p.refetch(),
+						children: "Retry"
+					})
+				]
+			}) : p.data?.items.length ? /* @__PURE__ */ o("ul", {
+				className: "space-y-3",
+				children: p.data.items.map((e) => /* @__PURE__ */ s("li", {
+					className: "space-y-3 rounded-lg border border-border-seam p-3",
+					children: [/* @__PURE__ */ s("div", {
+						className: "flex flex-wrap items-center justify-between gap-3",
+						children: [/* @__PURE__ */ s("div", { children: [
+							/* @__PURE__ */ o("button", {
+								type: "button",
+								className: "text-left text-sm font-semibold text-text-primary underline",
+								onClick: () => h(`/items/${e.styleItemId}`),
+								children: "View watched piece"
+							}),
+							/* @__PURE__ */ s("p", {
+								className: "text-sm text-text-secondary",
+								children: [
+									e.kind === "PRICE_DROP" ? "Price drop" : "Back in stock",
+									" ·",
+									" ",
+									e.currency,
+									e.targetPriceMinor == null ? "" : ` · at or below ${i(e.targetPriceMinor, e.currency)}`,
+									" ",
+									"· ",
+									e.enabled ? "Enabled" : "Disabled"
+								]
+							}),
+							/* @__PURE__ */ o("p", {
+								className: "text-xs text-text-secondary",
+								children: e.lastEvaluatedAt ? `Last checked ${new Date(e.lastEvaluatedAt).toLocaleString()}` : "Waiting for first check"
+							})
+						] }), /* @__PURE__ */ s("div", {
+							className: "flex flex-wrap gap-2",
+							children: [/* @__PURE__ */ o("button", {
+								type: "button",
+								className: l,
+								"aria-expanded": d === e.id,
+								onClick: () => f((t) => t === e.id ? null : e.id),
+								children: "Delivery receipts"
+							}), /* @__PURE__ */ o("button", {
+								type: "button",
+								className: l,
+								disabled: m.isPending,
+								onClick: () => m.mutate({
+									kind: "remove",
+									id: e.id
+								}),
+								children: "Remove watch"
+							})]
+						})]
+					}), d === e.id && /* @__PURE__ */ o(u, { alertId: e.id }, e.id)]
+				}, e.id))
+			}) : /* @__PURE__ */ o("p", {
+				className: "text-sm text-text-secondary",
+				children: "No price watches on this page. Open a piece’s retailer comparison to create one."
+			}),
+			m.isError && /* @__PURE__ */ o("p", {
+				role: "alert",
+				className: "text-sm text-status-error-text",
+				children: m.error.message
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "flex gap-2",
+				children: [/* @__PURE__ */ o("button", {
+					type: "button",
+					className: l,
+					disabled: n === 0 || p.isFetching,
+					onClick: () => {
+						c((e) => Math.max(0, e - 20)), f(null);
+					},
+					children: "Previous watches"
+				}), /* @__PURE__ */ o("button", {
+					type: "button",
+					className: l,
+					disabled: !p.data?.pageInfo.hasMore || p.isFetching,
+					onClick: () => {
+						c((e) => e + 20), f(null);
+					},
+					children: "Next watches"
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { d as PriceWatches };
+
+//# sourceMappingURL=PriceWatches.js.map

package/dist/coolandlovely/components/prices/PriceWatches.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PriceWatches.js","names":[],"sources":["../../../../src/coolandlovely/components/prices/PriceWatches.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useCoolAndLovely } from '../../context';\nimport {\n  usePriceWatchAction,\n  usePriceWatchDeliveries,\n  usePriceWatches,\n} from '../../hooks/usePriceApi';\nimport { formatRetailerPrice } from './money';\n\nconst receiptStatusLabels: Record<string, string> = {\n  DELIVERED: 'Sent',\n  PENDING: 'Waiting',\n  CLAIMED: 'Sending',\n  FAILED: 'Could not send',\n};\n\nconst buttonClass =\n  'rounded-lg border border-border-seam px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken disabled:opacity-50';\n\nfunction WatchReceipts({ alertId }: { alertId: string }) {\n  const [offset, setOffset] = useState(0);\n  const query = usePriceWatchDeliveries(alertId, offset, true);\n  if (query.isPending)\n    return (\n      <p role=\"status\" className=\"text-sm text-text-secondary\">\n        Loading delivery receipts…\n      </p>\n    );\n  if (query.isError)\n    return (\n      <p role=\"alert\" className=\"text-sm text-status-error-text\">\n        Receipts could not be loaded.{' '}\n        <button type=\"button\" className={buttonClass} onClick={() => void query.refetch()}>\n          Retry\n        </button>\n      </p>\n    );\n  return (\n    <div className=\"space-y-2\">\n      <p className=\"text-xs text-text-secondary\">\n        A delivered receipt confirms platform acceptance. Device display and retries can differ;\n        delivery is at least once.\n      </p>\n      {query.data?.items.length ? (\n        <ul className=\"space-y-1 text-sm text-text-secondary\">\n          {query.data.items.map((entry) => (\n            <li key={entry.id}>\n              {receiptStatusLabels[entry.status] ?? 'Status unavailable'} ·{' '}\n              {new Date(entry.createdAt).toLocaleString()}\n              {entry.deliveredAt\n                ? ` · accepted ${new Date(entry.deliveredAt).toLocaleString()}`\n                : ''}\n            </li>\n          ))}\n        </ul>\n      ) : (\n        <p className=\"text-sm text-text-secondary\">No transitions recorded yet.</p>\n      )}\n      <div className=\"flex gap-2\">\n        <button\n          type=\"button\"\n          className={buttonClass}\n          disabled={offset === 0}\n          onClick={() => setOffset((value) => Math.max(0, value - 20))}\n        >\n          Previous receipts\n        </button>\n        <button\n          type=\"button\"\n          className={buttonClass}\n          disabled={!query.data?.pageInfo.hasMore}\n          onClick={() => setOffset((value) => value + 20)}\n        >\n          Next receipts\n        </button>\n      </div>\n    </div>\n  );\n}\n\n/** Mounted lazily from Style Profile; actor/context changes remount through the scoped Root. */\nexport function PriceWatches() {\n  const [offset, setOffset] = useState(0);\n  const [receiptId, setReceiptId] = useState<string | null>(null);\n  const query = usePriceWatches(offset);\n  const action = usePriceWatchAction();\n  const { navigateTo } = useCoolAndLovely();\n  return (\n    <section\n      className=\"space-y-4 rounded-xl border border-border-seam bg-bg-surface p-4\"\n      aria-label=\"My price watches\"\n    >\n      <h2 className=\"text-lg font-semibold text-text-primary\">My price watches</h2>\n      <p className=\"text-sm text-text-secondary\">\n        Private watches for pieces you selected. Manage currency and targets from a piece’s retailer\n        comparison. Withdrawn private pieces disable their watches automatically.\n      </p>\n      {query.isPending ? (\n        <p role=\"status\" className=\"text-sm text-text-secondary\">\n          Loading watches…\n        </p>\n      ) : query.isError ? (\n        <p role=\"alert\" className=\"text-sm text-status-error-text\">\n          Watches could not be loaded.{' '}\n          <button type=\"button\" className={buttonClass} onClick={() => void query.refetch()}>\n            Retry\n          </button>\n        </p>\n      ) : query.data?.items.length ? (\n        <ul className=\"space-y-3\">\n          {query.data.items.map((watch) => (\n            <li key={watch.id} className=\"space-y-3 rounded-lg border border-border-seam p-3\">\n              <div className=\"flex flex-wrap items-center justify-between gap-3\">\n                <div>\n                  <button\n                    type=\"button\"\n                    className=\"text-left text-sm font-semibold text-text-primary underline\"\n                    onClick={() => navigateTo(`/items/${watch.styleItemId}`)}\n                  >\n                    View watched piece\n                  </button>\n                  <p className=\"text-sm text-text-secondary\">\n                    {watch.kind === 'PRICE_DROP' ? 'Price drop' : 'Back in stock'} ·{' '}\n                    {watch.currency}\n                    {watch.targetPriceMinor != null\n                      ? ` · at or below ${formatRetailerPrice(watch.targetPriceMinor, watch.currency)}`\n                      : ''}{' '}\n                    · {watch.enabled ? 'Enabled' : 'Disabled'}\n                  </p>\n                  <p className=\"text-xs text-text-secondary\">\n                    {watch.lastEvaluatedAt\n                      ? `Last checked ${new Date(watch.lastEvaluatedAt).toLocaleString()}`\n                      : 'Waiting for first check'}\n                  </p>\n                </div>\n                <div className=\"flex flex-wrap gap-2\">\n                  <button\n                    type=\"button\"\n                    className={buttonClass}\n                    aria-expanded={receiptId === watch.id}\n                    onClick={() => setReceiptId((value) => (value === watch.id ? null : watch.id))}\n                  >\n                    Delivery receipts\n                  </button>\n                  <button\n                    type=\"button\"\n                    className={buttonClass}\n                    disabled={action.isPending}\n                    onClick={() => action.mutate({ kind: 'remove', id: watch.id })}\n                  >\n                    Remove watch\n                  </button>\n                </div>\n              </div>\n              {receiptId === watch.id && <WatchReceipts key={watch.id} alertId={watch.id} />}\n            </li>\n          ))}\n        </ul>\n      ) : (\n        <p className=\"text-sm text-text-secondary\">\n          No price watches on this page. Open a piece’s retailer comparison to create one.\n        </p>\n      )}\n      {action.isError && (\n        <p role=\"alert\" className=\"text-sm text-status-error-text\">\n          {action.error.message}\n        </p>\n      )}\n      <div className=\"flex gap-2\">\n        <button\n          type=\"button\"\n          className={buttonClass}\n          disabled={offset === 0 || query.isFetching}\n          onClick={() => {\n            setOffset((value) => Math.max(0, value - 20));\n            setReceiptId(null);\n          }}\n        >\n          Previous watches\n        </button>\n        <button\n          type=\"button\"\n          className={buttonClass}\n          disabled={!query.data?.pageInfo.hasMore || query.isFetching}\n          onClick={() => {\n            setOffset((value) => value + 20);\n            setReceiptId(null);\n          }}\n        >\n          Next watches\n        </button>\n      </div>\n    </section>\n  );\n}\n"],"mappings":"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"}

package/dist/coolandlovely/components/prices/RetailerOfferLink.d.ts

@@ -0,0 +1,6 @@
+export declare function RetailerOfferLink({ url, priceMinor, currency, }: {
+    url: string;
+    priceMinor: number;
+    currency: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=RetailerOfferLink.d.ts.map

package/dist/coolandlovely/components/prices/RetailerOfferLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RetailerOfferLink.d.ts","sourceRoot":"","sources":["../../../../src/coolandlovely/components/prices/RetailerOfferLink.tsx"],"names":[],"mappings":"AAYA,wBAAgB,iBAAiB,CAAC,EAChC,GAAG,EACH,UAAU,EACV,QAAQ,GACT,EAAE;IACD,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;CAClB,+BAeA"}

package/dist/coolandlovely/components/prices/RetailerOfferLink.js

@@ -0,0 +1,28 @@
+import { formatRetailerPrice as e } from "./money.js";
+import { jsxs as t } from "react/jsx-runtime";
+//#region src/coolandlovely/components/prices/RetailerOfferLink.tsx
+function n(e) {
+	try {
+		let t = new URL(e);
+		return t.protocol === "https:" && !t.username && !t.password ? t.href : null;
+	} catch {
+		return null;
+	}
+}
+function r({ url: r, priceMinor: i, currency: a }) {
+	let o = n(r), s = e(i, a);
+	return o ? /* @__PURE__ */ t("a", {
+		className: "rounded-lg border border-border-seam px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken",
+		href: o,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		children: [s, " · Visit retailer"]
+	}) : /* @__PURE__ */ t("span", {
+		className: "text-sm text-text-secondary",
+		children: [s, " · Retailer link unavailable"]
+	});
+}
+//#endregion
+export { r as RetailerOfferLink };
+
+//# sourceMappingURL=RetailerOfferLink.js.map

package/dist/coolandlovely/components/prices/RetailerOfferLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RetailerOfferLink.js","names":[],"sources":["../../../../src/coolandlovely/components/prices/RetailerOfferLink.tsx"],"sourcesContent":["import { formatRetailerPrice } from './money';\n\n/** The backend validates source URLs; the rendered link independently refuses active schemes. */\nfunction safeHref(value: string): string | null {\n  try {\n    const url = new URL(value);\n    return url.protocol === 'https:' && !url.username && !url.password ? url.href : null;\n  } catch {\n    return null;\n  }\n}\n\nexport function RetailerOfferLink({\n  url,\n  priceMinor,\n  currency,\n}: {\n  url: string;\n  priceMinor: number;\n  currency: string;\n}) {\n  const href = safeHref(url);\n  const price = formatRetailerPrice(priceMinor, currency);\n  if (!href)\n    return <span className=\"text-sm text-text-secondary\">{price} · Retailer link unavailable</span>;\n  return (\n    <a\n      className=\"rounded-lg border border-border-seam px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken\"\n      href={href}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n    >\n      {price} · Visit retailer\n    </a>\n  );\n}\n"],"mappings":";;;AAGA,SAAS,EAAS,GAA8B;CAC9C,IAAI;EACF,IAAM,IAAM,IAAI,IAAI,CAAK;EACzB,OAAO,EAAI,aAAa,YAAY,CAAC,EAAI,YAAY,CAAC,EAAI,WAAW,EAAI,OAAO;CAClF,QAAQ;EACN,OAAO;CACT;AACF;AAEA,SAAgB,EAAkB,EAChC,QACA,eACA,eAKC;CACD,IAAM,IAAO,EAAS,CAAG,GACnB,IAAQ,EAAoB,GAAY,CAAQ;CAGtD,OAFK,IAGH,kBAAC,KAAD;EACE,WAAU;EACJ;EACN,QAAO;EACP,KAAI;YAJN,CAMG,GAAM,mBACN;MATI,kBAAC,QAAD;EAAM,WAAU;YAAhB,CAA+C,GAAM,8BAAkC;;AAWlG"}

package/dist/coolandlovely/components/prices/money.d.ts

@@ -0,0 +1,6 @@
+/** Retailer evidence uses integer minor units; never assume every currency has two decimals. */
+export declare function formatRetailerPrice(minor: number, currency: string, locale?: string): string;
+/** A localized, ungrouped example that matches the decimal keypad's expected separator. */
+export declare function retailerTargetExample(currency: string, locale?: string): string;
+export declare function retailerTargetMinor(value: string, currency: string, locale?: string): number;
+//# sourceMappingURL=money.d.ts.map

package/dist/coolandlovely/components/prices/money.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"money.d.ts","sourceRoot":"","sources":["../../../../src/coolandlovely/components/prices/money.ts"],"names":[],"mappings":"AAeA,gGAAgG;AAChG,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAI5F;AAED,2FAA2F;AAC3F,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAM/E;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAkC5F"}

package/dist/coolandlovely/components/prices/money.js

@@ -0,0 +1,42 @@
+//#region src/coolandlovely/components/prices/money.ts
+var e = /* @__PURE__ */ new Map();
+function t(t, n) {
+	let r = `${n ?? "browser"}:${t}`, i = e.get(r);
+	if (i) return i;
+	let a = new Intl.NumberFormat(n, {
+		style: "currency",
+		currency: t
+	});
+	if (e.size >= 16) {
+		let t = e.keys().next().value;
+		t !== void 0 && e.delete(t);
+	}
+	return e.set(r, a), a;
+}
+function n(e, n, r) {
+	let i = t(n, r), a = i.resolvedOptions().maximumFractionDigits ?? 2;
+	return i.format(e / 10 ** a);
+}
+function r(e, n) {
+	return t(e, n).formatToParts(12.34).filter((e) => [
+		"integer",
+		"decimal",
+		"fraction"
+	].includes(e.type)).map((e) => e.value).join("");
+}
+function i(e, n, i) {
+	let a = t(n, i), o = a.resolvedOptions().maximumFractionDigits ?? 2, s = /* @__PURE__ */ new Map();
+	for (let e = 0; e < 10; e++) {
+		let t = a.formatToParts(e).filter((e) => e.type === "integer").map((e) => e.value).join("");
+		s.set(t, String(e));
+	}
+	let c = Array.from(e.trim()).map((e) => s.get(e) ?? e).join(""), l = a.formatToParts(1.1).find((e) => e.type === "decimal")?.value ?? ".", u = c.split(l);
+	if (u.length > 2 || !/^\d+$/.test(u[0] ?? "") || u.length === 2 && (o === 0 || !/^\d+$/.test(u[1] ?? "") || (u[1]?.length ?? 0) > o)) throw Error(`Use an ungrouped positive amount such as ${r(n, i)}.`);
+	let [d = "0", f = ""] = u, p = Number(d) * 10 ** o + Number(f.padEnd(o, "0"));
+	if (!Number.isSafeInteger(p) || p < 1 || p > 2147483647) throw Error("Enter a positive amount within the supported price range.");
+	return p;
+}
+//#endregion
+export { n as formatRetailerPrice, r as retailerTargetExample, i as retailerTargetMinor };
+
+//# sourceMappingURL=money.js.map

package/dist/coolandlovely/components/prices/money.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"money.js","names":[],"sources":["../../../../src/coolandlovely/components/prices/money.ts"],"sourcesContent":["// Cache bounded formatting rules only; no price, actor or workspace data is retained.\nconst currencyFormatters = new Map<string, Intl.NumberFormat>();\nfunction currencyFormatter(currency: string, locale?: string): Intl.NumberFormat {\n  const key = `${locale ?? 'browser'}:${currency}`;\n  const prior = currencyFormatters.get(key);\n  if (prior) return prior;\n  const formatter = new Intl.NumberFormat(locale, { style: 'currency', currency });\n  if (currencyFormatters.size >= 16) {\n    const oldest = currencyFormatters.keys().next().value;\n    if (oldest !== undefined) currencyFormatters.delete(oldest);\n  }\n  currencyFormatters.set(key, formatter);\n  return formatter;\n}\n\n/** Retailer evidence uses integer minor units; never assume every currency has two decimals. */\nexport function formatRetailerPrice(minor: number, currency: string, locale?: string): string {\n  const formatter = currencyFormatter(currency, locale);\n  const digits = formatter.resolvedOptions().maximumFractionDigits ?? 2;\n  return formatter.format(minor / 10 ** digits);\n}\n\n/** A localized, ungrouped example that matches the decimal keypad's expected separator. */\nexport function retailerTargetExample(currency: string, locale?: string): string {\n  return currencyFormatter(currency, locale)\n    .formatToParts(12.34)\n    .filter((part) => ['integer', 'decimal', 'fraction'].includes(part.type))\n    .map((part) => part.value)\n    .join('');\n}\n\nexport function retailerTargetMinor(value: string, currency: string, locale?: string): number {\n  const formatter = currencyFormatter(currency, locale);\n  const digits = formatter.resolvedOptions().maximumFractionDigits ?? 2;\n  const digitMap = new Map<string, string>();\n  for (let digit = 0; digit < 10; digit++) {\n    const localized = formatter\n      .formatToParts(digit)\n      .filter((part) => part.type === 'integer')\n      .map((part) => part.value)\n      .join('');\n    digitMap.set(localized, String(digit));\n  }\n  const normalized = Array.from(value.trim())\n    .map((character) => digitMap.get(character) ?? character)\n    .join('');\n  const separator =\n    formatter.formatToParts(1.1).find((part) => part.type === 'decimal')?.value ?? '.';\n  const parts = normalized.split(separator);\n  // Grouping is intentionally refused: accepting both comma and dot can silently change amounts.\n  if (\n    parts.length > 2 ||\n    !/^\\d+$/.test(parts[0] ?? '') ||\n    (parts.length === 2 &&\n      (digits === 0 || !/^\\d+$/.test(parts[1] ?? '') || (parts[1]?.length ?? 0) > digits))\n  ) {\n    throw new Error(\n      `Use an ungrouped positive amount such as ${retailerTargetExample(currency, locale)}.`\n    );\n  }\n  const [whole = '0', fraction = ''] = parts;\n  const minor = Number(whole) * 10 ** digits + Number(fraction.padEnd(digits, '0'));\n  if (!Number.isSafeInteger(minor) || minor < 1 || minor > 2147483647)\n    throw new Error('Enter a positive amount within the supported price range.');\n  return minor;\n}\n"],"mappings":";AACA,IAAM,oBAAqB,IAAI,IAA+B;AAC9D,SAAS,EAAkB,GAAkB,GAAoC;CAC/E,IAAM,IAAM,GAAG,KAAU,UAAU,GAAG,KAChC,IAAQ,EAAmB,IAAI,CAAG;CACxC,IAAI,GAAO,OAAO;CAClB,IAAM,IAAY,IAAI,KAAK,aAAa,GAAQ;EAAE,OAAO;EAAY;CAAS,CAAC;CAC/E,IAAI,EAAmB,QAAQ,IAAI;EACjC,IAAM,IAAS,EAAmB,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC;EAChD,AAAI,MAAW,KAAA,KAAW,EAAmB,OAAO,CAAM;CAC5D;CAEA,OADA,EAAmB,IAAI,GAAK,CAAS,GAC9B;AACT;AAGA,SAAgB,EAAoB,GAAe,GAAkB,GAAyB;CAC5F,IAAM,IAAY,EAAkB,GAAU,CAAM,GAC9C,IAAS,EAAU,gBAAgB,CAAC,CAAC,yBAAyB;CACpE,OAAO,EAAU,OAAO,IAAQ,MAAM,CAAM;AAC9C;AAGA,SAAgB,EAAsB,GAAkB,GAAyB;CAC/E,OAAO,EAAkB,GAAU,CAAM,CAAC,CACvC,cAAc,KAAK,CAAC,CACpB,QAAQ,MAAS;EAAC;EAAW;EAAW;CAAU,CAAC,CAAC,SAAS,EAAK,IAAI,CAAC,CAAC,CACxE,KAAK,MAAS,EAAK,KAAK,CAAC,CACzB,KAAK,EAAE;AACZ;AAEA,SAAgB,EAAoB,GAAe,GAAkB,GAAyB;CAC5F,IAAM,IAAY,EAAkB,GAAU,CAAM,GAC9C,IAAS,EAAU,gBAAgB,CAAC,CAAC,yBAAyB,GAC9D,oBAAW,IAAI,IAAoB;CACzC,KAAK,IAAI,IAAQ,GAAG,IAAQ,IAAI,KAAS;EACvC,IAAM,IAAY,EACf,cAAc,CAAK,CAAC,CACpB,QAAQ,MAAS,EAAK,SAAS,SAAS,CAAC,CACzC,KAAK,MAAS,EAAK,KAAK,CAAC,CACzB,KAAK,EAAE;EACV,EAAS,IAAI,GAAW,OAAO,CAAK,CAAC;CACvC;CACA,IAAM,IAAa,MAAM,KAAK,EAAM,KAAK,CAAC,CAAC,CACxC,KAAK,MAAc,EAAS,IAAI,CAAS,KAAK,CAAS,CAAC,CACxD,KAAK,EAAE,GACJ,IACJ,EAAU,cAAc,GAAG,CAAC,CAAC,MAAM,MAAS,EAAK,SAAS,SAAS,CAAC,EAAE,SAAS,KAC3E,IAAQ,EAAW,MAAM,CAAS;CAExC,IACE,EAAM,SAAS,KACf,CAAC,QAAQ,KAAK,EAAM,MAAM,EAAE,KAC3B,EAAM,WAAW,MACf,MAAW,KAAK,CAAC,QAAQ,KAAK,EAAM,MAAM,EAAE,MAAM,EAAM,EAAE,EAAE,UAAU,KAAK,IAE9E,MAAU,MACR,4CAA4C,EAAsB,GAAU,CAAM,EAAE,EACtF;CAEF,IAAM,CAAC,IAAQ,KAAK,IAAW,MAAM,GAC/B,IAAQ,OAAO,CAAK,IAAI,MAAM,IAAS,OAAO,EAAS,OAAO,GAAQ,GAAG,CAAC;CAChF,IAAI,CAAC,OAAO,cAAc,CAAK,KAAK,IAAQ,KAAK,IAAQ,YACvD,MAAU,MAAM,2DAA2D;CAC7E,OAAO;AACT"}

package/dist/coolandlovely/hooks/usePriceApi.d.ts

@@ -0,0 +1,57 @@
+import { CooPriceDetailQuery } from '../../generated/wspace-operations';
+import { CooPriceAlertInput } from '../../generated/wspace-types';
+
+/** One request for the current card page; linked IDs only, never a per-card request burst. */
+export declare function useBestPrices(styleItemIds: string[], currency: string): import('@tanstack/react-query').UseQueryResult<{
+    __typename?: "CooBestPriceSummary";
+    styleItemId: string;
+    currency: string;
+    lowestPriceMinor?: number | null;
+    offerCount: number;
+}[], Error>;
+/** History and full merchant details are loaded only when the shopper asks to compare. */
+export declare function usePriceDetail(styleItemId: string, currency: string, start: string, end: string, enabled: boolean): import('@tanstack/react-query').UseQueryResult<CooPriceDetailQuery, Error>;
+export declare function usePriceWatches(offset: number): import('@tanstack/react-query').UseQueryResult<{
+    __typename?: "CooPriceAlertConnection";
+    items: Array<{
+        __typename?: "CooPriceAlert";
+        id: string;
+        styleItemId: string;
+        kind: import('../../generated/wspace-types').CooPriceAlertKind;
+        currency: string;
+        targetPriceMinor?: number | null;
+        enabled: boolean;
+        lastEvaluatedAt?: string | null;
+        createdAt: string;
+    }>;
+    pageInfo: {
+        __typename?: "CooPageInfo";
+        hasMore: boolean;
+        cursor?: string | null;
+    };
+}, Error>;
+export declare function usePriceWatchDeliveries(alertId: string, offset: number, enabled: boolean): import('@tanstack/react-query').UseQueryResult<{
+    __typename?: "CooPriceAlertDeliveryConnection";
+    items: Array<{
+        __typename?: "CooPriceAlertDelivery";
+        id: string;
+        status: string;
+        notificationId?: string | null;
+        lastErrorCode?: string | null;
+        createdAt: string;
+        deliveredAt?: string | null;
+    }>;
+    pageInfo: {
+        __typename?: "CooPageInfo";
+        hasMore: boolean;
+        cursor?: string | null;
+    };
+}, Error>;
+export declare function usePriceWatchAction(): import('@tanstack/react-query').UseMutationResult<void, Error, {
+    kind: "save";
+    input: CooPriceAlertInput;
+} | {
+    kind: "remove";
+    id: string;
+}, unknown>;
+//# sourceMappingURL=usePriceApi.d.ts.map

package/dist/coolandlovely/hooks/usePriceApi.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePriceApi.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/hooks/usePriceApi.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAIV,mBAAmB,EAGpB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAqBvE,8FAA8F;AAC9F,wBAAgB,aAAa,CAAC,YAAY,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,MAAM;;;;;;YAiBrE;AAED,0FAA0F;AAC1F,wBAAgB,cAAc,CAC5B,WAAW,EAAE,MAAM,EACnB,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,MAAM,EACb,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,OAAO,8EAejB;AAED,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM;;;kBAX1C,CAAJ;;;;;wBAG2B,CAAC;;uBACY,CAAA;;;;kBAItC,CAAA;;cAGgC,CAAC;;UAelC;AAED,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO;;;kBAN/E,CAAF;;;sBAMQ,CAAA;qBAA8B,CAAC;;mBAC7C,CAAA;;;kBACS,CAAC;;cACqB,CAAC;;UAYjC;AAED,wBAAgB,mBAAmB;UAKb,MAAM;WAAS,kBAAkB;;UAAa,QAAQ;QAAM,MAAM;YAwBvF"}