@burdenoff/microfe-coolandlovely 2026.1101.8 → 2026.1102.2

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

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

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

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

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

@@ -0,0 +1,95 @@
+import { usePriceDetail as e } from "../../hooks/usePriceApi.js";
+import { formatRetailerPrice as t } from "./money.js";
+import { RetailerOfferLink as n } from "./RetailerOfferLink.js";
+import { useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/coolandlovely/components/prices/PriceComparison.tsx
+function o({ styleItemId: o, currency: s }) {
+	let [c] = r(() => {
+		let e = /* @__PURE__ */ new Date();
+		return {
+			end: e.toISOString(),
+			start: (/* @__PURE__ */ new Date(e.getTime() - 30 * 864e5)).toISOString()
+		};
+	}), l = e(o, s, c.start, c.end, !0);
+	return l.isPending ? /* @__PURE__ */ i("p", {
+		role: "status",
+		className: "text-sm text-text-secondary",
+		children: "Loading comparison…"
+	}) : l.isError ? /* @__PURE__ */ a("p", {
+		role: "alert",
+		className: "text-sm text-status-error-text",
+		children: [
+			"Comparison could not be loaded.",
+			" ",
+			/* @__PURE__ */ i("button", {
+				type: "button",
+				className: "underline",
+				onClick: () => void l.refetch(),
+				children: "Retry comparison"
+			})
+		]
+	}) : /* @__PURE__ */ a("div", {
+		className: "space-y-4",
+		children: [
+			!l.data?.cooComparePrices.length && /* @__PURE__ */ i("p", {
+				className: "text-sm text-text-secondary",
+				children: "No current retailer offers in this currency."
+			}),
+			/* @__PURE__ */ i("ul", {
+				className: "space-y-2",
+				children: l.data?.cooComparePrices.map((e) => /* @__PURE__ */ a("li", {
+					className: "flex flex-wrap items-center justify-between gap-2 rounded-lg border border-border-seam p-3",
+					children: [/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("p", {
+						className: "font-medium text-text-primary",
+						children: e.retailerName
+					}), /* @__PURE__ */ a("p", {
+						className: "text-xs text-text-secondary",
+						children: ["Observed ", new Date(e.observedAt).toLocaleString()]
+					})] }), /* @__PURE__ */ i(n, {
+						url: e.productUrl,
+						priceMinor: e.priceMinor,
+						currency: e.currency
+					})]
+				}, e.id))
+			}),
+			/* @__PURE__ */ i("h3", {
+				className: "font-semibold text-text-primary",
+				children: "Observed daily minimum · last 30 days"
+			}),
+			/* @__PURE__ */ i("p", {
+				className: "text-xs text-text-secondary",
+				children: "Only recorded in-stock observations are shown. Missing days are not estimates; this does not include taxes or delivery charges."
+			}),
+			l.data?.cooPriceHistory.length ? /* @__PURE__ */ i("div", {
+				className: "max-h-60 overflow-auto",
+				children: /* @__PURE__ */ a("table", {
+					className: "w-full text-left text-sm",
+					children: [/* @__PURE__ */ i("thead", { children: /* @__PURE__ */ a("tr", { children: [/* @__PURE__ */ i("th", {
+						className: "p-2 text-text-secondary",
+						scope: "col",
+						children: "UTC day"
+					}), /* @__PURE__ */ i("th", {
+						className: "p-2 text-text-secondary",
+						scope: "col",
+						children: "Lowest observed"
+					})] }) }), /* @__PURE__ */ i("tbody", { children: l.data.cooPriceHistory.map((e) => /* @__PURE__ */ a("tr", { children: [/* @__PURE__ */ i("th", {
+						className: "p-2 font-normal text-text-primary",
+						scope: "row",
+						children: e.day
+					}), /* @__PURE__ */ i("td", {
+						className: "p-2 text-text-primary",
+						children: t(e.lowestPriceMinor, s)
+					})] }, e.day)) })]
+				})
+			}) : /* @__PURE__ */ i("p", {
+				className: "text-sm text-text-secondary",
+				children: "No observed history in this period."
+			})
+		]
+	});
+}
+//#endregion
+export { o as PriceComparison };
+
+//# sourceMappingURL=PriceComparison.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PriceComparison.js","names":[],"sources":["../../../../src/coolandlovely/components/prices/PriceComparison.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { usePriceDetail } from '../../hooks/usePriceApi';\nimport { formatRetailerPrice } from './money';\nimport { RetailerOfferLink } from './RetailerOfferLink';\n\nexport function PriceComparison({\n  styleItemId,\n  currency,\n}: {\n  styleItemId: string;\n  currency: string;\n}) {\n  const [period] = useState(() => {\n    const end = new Date();\n    return { end: end.toISOString(), start: new Date(end.getTime() - 30 * 86400000).toISOString() };\n  });\n  const query = usePriceDetail(styleItemId, currency, period.start, period.end, true);\n  if (query.isPending)\n    return (\n      <p role=\"status\" className=\"text-sm text-text-secondary\">\n        Loading comparison…\n      </p>\n    );\n  if (query.isError)\n    return (\n      <p role=\"alert\" className=\"text-sm text-status-error-text\">\n        Comparison could not be loaded.{' '}\n        <button type=\"button\" className=\"underline\" onClick={() => void query.refetch()}>\n          Retry comparison\n        </button>\n      </p>\n    );\n  return (\n    <div className=\"space-y-4\">\n      {!query.data?.cooComparePrices.length && (\n        <p className=\"text-sm text-text-secondary\">No current retailer offers in this currency.</p>\n      )}\n      <ul className=\"space-y-2\">\n        {query.data?.cooComparePrices.map((offer) => (\n          <li\n            key={offer.id}\n            className=\"flex flex-wrap items-center justify-between gap-2 rounded-lg border border-border-seam p-3\"\n          >\n            <div>\n              <p className=\"font-medium text-text-primary\">{offer.retailerName}</p>\n              <p className=\"text-xs text-text-secondary\">\n                Observed {new Date(offer.observedAt).toLocaleString()}\n              </p>\n            </div>\n            <RetailerOfferLink\n              url={offer.productUrl}\n              priceMinor={offer.priceMinor}\n              currency={offer.currency}\n            />\n          </li>\n        ))}\n      </ul>\n      <h3 className=\"font-semibold text-text-primary\">Observed daily minimum · last 30 days</h3>\n      <p className=\"text-xs text-text-secondary\">\n        Only recorded in-stock observations are shown. Missing days are not estimates; this does not\n        include taxes or delivery charges.\n      </p>\n      {query.data?.cooPriceHistory.length ? (\n        <div className=\"max-h-60 overflow-auto\">\n          <table className=\"w-full text-left text-sm\">\n            <thead>\n              <tr>\n                <th className=\"p-2 text-text-secondary\" scope=\"col\">\n                  UTC day\n                </th>\n                <th className=\"p-2 text-text-secondary\" scope=\"col\">\n                  Lowest observed\n                </th>\n              </tr>\n            </thead>\n            <tbody>\n              {query.data.cooPriceHistory.map((day) => (\n                <tr key={day.day}>\n                  <th className=\"p-2 font-normal text-text-primary\" scope=\"row\">\n                    {day.day}\n                  </th>\n                  <td className=\"p-2 text-text-primary\">\n                    {formatRetailerPrice(day.lowestPriceMinor, currency)}\n                  </td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </div>\n      ) : (\n        <p className=\"text-sm text-text-secondary\">No observed history in this period.</p>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAKA,SAAgB,EAAgB,EAC9B,gBACA,eAIC;CACD,IAAM,CAAC,KAAU,QAAe;EAC9B,IAAM,oBAAM,IAAI,KAAK;EACrB,OAAO;GAAE,KAAK,EAAI,YAAY;GAAG,wBAAO,IAAI,KAAK,EAAI,QAAQ,IAAI,KAAK,KAAQ,EAAA,CAAE,YAAY;EAAE;CAChG,CAAC,GACK,IAAQ,EAAe,GAAa,GAAU,EAAO,OAAO,EAAO,KAAK,EAAI;CAgBlF,OAfI,EAAM,YAEN,kBAAC,KAAD;EAAG,MAAK;EAAS,WAAU;YAA8B;CAEtD,CAAA,IAEH,EAAM,UAEN,kBAAC,KAAD;EAAG,MAAK;EAAQ,WAAU;YAA1B;GAA2D;GACzB;GAChC,kBAAC,UAAD;IAAQ,MAAK;IAAS,WAAU;IAAY,eAAe,KAAK,EAAM,QAAQ;cAAG;GAEzE,CAAA;EACP;MAGL,kBAAC,OAAD;EAAK,WAAU;YAAf;GACG,CAAC,EAAM,MAAM,iBAAiB,UAC7B,kBAAC,KAAD;IAAG,WAAU;cAA8B;GAA+C,CAAA;GAE5F,kBAAC,MAAD;IAAI,WAAU;cACX,EAAM,MAAM,iBAAiB,KAAK,MACjC,kBAAC,MAAD;KAEE,WAAU;eAFZ,CAIE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;MAAG,WAAU;gBAAiC,EAAM;KAAgB,CAAA,GACpE,kBAAC,KAAD;MAAG,WAAU;gBAAb,CAA2C,aAC/B,IAAI,KAAK,EAAM,UAAU,CAAC,CAAC,eAAe,CACnD;OACA,EAAA,CAAA,GACL,kBAAC,GAAD;MACE,KAAK,EAAM;MACX,YAAY,EAAM;MAClB,UAAU,EAAM;KACjB,CAAA,CACC;OAdG,EAAM,EAcT,CACL;GACC,CAAA;GACJ,kBAAC,MAAD;IAAI,WAAU;cAAkC;GAAyC,CAAA;GACzF,kBAAC,KAAD;IAAG,WAAU;cAA8B;GAGxC,CAAA;GACF,EAAM,MAAM,gBAAgB,SAC3B,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,SAAD;KAAO,WAAU;eAAjB,CACE,kBAAC,SAAD,EAAA,UACE,kBAAC,MAAD,EAAA,UAAA,CACE,kBAAC,MAAD;MAAI,WAAU;MAA0B,OAAM;gBAAM;KAEhD,CAAA,GACJ,kBAAC,MAAD;MAAI,WAAU;MAA0B,OAAM;gBAAM;KAEhD,CAAA,CACF,EAAA,CAAA,EACC,CAAA,GACP,kBAAC,SAAD,EAAA,UACG,EAAM,KAAK,gBAAgB,KAAK,MAC/B,kBAAC,MAAD,EAAA,UAAA,CACE,kBAAC,MAAD;MAAI,WAAU;MAAoC,OAAM;gBACrD,EAAI;KACH,CAAA,GACJ,kBAAC,MAAD;MAAI,WAAU;gBACX,EAAoB,EAAI,kBAAkB,CAAQ;KACjD,CAAA,CACF,EAAA,GAPK,EAAI,GAOT,CACL,EACI,CAAA,CACF;;GACJ,CAAA,IAEL,kBAAC,KAAD;IAAG,WAAU;cAA8B;GAAsC,CAAA;EAEhF;;AAET"}

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

@@ -0,0 +1,6 @@
+export declare function PriceCurrencySelect({ value, onChange, currencies, }: {
+    value: string;
+    onChange: (currency: string) => void;
+    currencies?: string[];
+}): import("react").JSX.Element;
+//# sourceMappingURL=PriceCurrencySelect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PriceCurrencySelect.d.ts","sourceRoot":"","sources":["../../../../src/coolandlovely/components/prices/PriceCurrencySelect.tsx"],"names":[],"mappings":"AAEA,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,QAAQ,EACR,UAAe,GAChB,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;CACvB,+BAwBA"}

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

@@ -0,0 +1,38 @@
+import { useId as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/coolandlovely/components/prices/PriceCurrencySelect.tsx
+function r({ value: r, onChange: i, currencies: a = [] }) {
+	let o = e(), s = [.../* @__PURE__ */ new Set([
+		r,
+		...a,
+		"USD",
+		"INR",
+		"EUR",
+		"GBP",
+		"JPY",
+		"BHD",
+		"CAD",
+		"AUD"
+	])];
+	return /* @__PURE__ */ n("div", {
+		className: "mb-3 flex flex-wrap items-center gap-2",
+		children: [/* @__PURE__ */ t("label", {
+			htmlFor: o,
+			className: "text-sm text-text-secondary",
+			children: "Retailer quote currency"
+		}), /* @__PURE__ */ t("select", {
+			id: o,
+			value: r,
+			onChange: (e) => i(e.target.value),
+			className: "rounded-lg border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary",
+			children: s.map((e) => /* @__PURE__ */ t("option", {
+				value: e,
+				children: e
+			}, e))
+		})]
+	});
+}
+//#endregion
+export { r as PriceCurrencySelect };
+
+//# sourceMappingURL=PriceCurrencySelect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PriceCurrencySelect.js","names":[],"sources":["../../../../src/coolandlovely/components/prices/PriceCurrencySelect.tsx"],"sourcesContent":["import { useId } from 'react';\n\nexport function PriceCurrencySelect({\n  value,\n  onChange,\n  currencies = [],\n}: {\n  value: string;\n  onChange: (currency: string) => void;\n  currencies?: string[];\n}) {\n  const id = useId();\n  const options = [\n    ...new Set([value, ...currencies, 'USD', 'INR', 'EUR', 'GBP', 'JPY', 'BHD', 'CAD', 'AUD']),\n  ];\n  return (\n    <div className=\"mb-3 flex flex-wrap items-center gap-2\">\n      <label htmlFor={id} className=\"text-sm text-text-secondary\">\n        Retailer quote currency\n      </label>\n      <select\n        id={id}\n        value={value}\n        onChange={(event) => onChange(event.target.value)}\n        className=\"rounded-lg border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n      >\n        {options.map((currency) => (\n          <option key={currency} value={currency}>\n            {currency}\n          </option>\n        ))}\n      </select>\n    </div>\n  );\n}\n"],"mappings":";;;AAEA,SAAgB,EAAoB,EAClC,UACA,aACA,gBAAa,CAAC,KAKb;CACD,IAAM,IAAK,EAAM,GACX,IAAU,CACd,mBAAG,IAAI,IAAI;EAAC;EAAO,GAAG;EAAY;EAAO;EAAO;EAAO;EAAO;EAAO;EAAO;EAAO;CAAK,CAAC,CAC3F;CACA,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,SAAD;GAAO,SAAS;GAAI,WAAU;aAA8B;EAErD,CAAA,GACP,kBAAC,UAAD;GACM;GACG;GACP,WAAW,MAAU,EAAS,EAAM,OAAO,KAAK;GAChD,WAAU;aAET,EAAQ,KAAK,MACZ,kBAAC,UAAD;IAAuB,OAAO;cAC3B;GACK,GAFK,CAEL,CACT;EACK,CAAA,CACL;;AAET"}

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

@@ -0,0 +1,6 @@
+/** Parent keys by active security context and item so shopper input state cannot leak. */
+export declare function PricePanel({ styleItemId, currency: initialCurrency, }: {
+    styleItemId: string;
+    currency: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=PricePanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PricePanel.d.ts","sourceRoot":"","sources":["../../../../src/coolandlovely/components/prices/PricePanel.tsx"],"names":[],"mappings":"AASA,0FAA0F;AAC1F,wBAAgB,UAAU,CAAC,EACzB,WAAW,EACX,QAAQ,EAAE,eAAe,GAC1B,EAAE;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;CAClB,+BAoEA"}

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

@@ -0,0 +1,105 @@
+import { useBestPrices as e } from "../../hooks/usePriceApi.js";
+import { formatRetailerPrice as t } from "./money.js";
+import { PriceComparison as n } from "./PriceComparison.js";
+import { PriceWatchForm as r } from "./PriceWatchForm.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/PricePanel.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(u), [p, m] = a(!1), h = i(), g = e([l], d), _ = g.data?.[0];
+	return /* @__PURE__ */ s("section", {
+		className: "space-y-4 rounded-xl border border-border-seam bg-bg-surface p-4",
+		"aria-label": "Retailer prices and alerts",
+		children: [
+			/* @__PURE__ */ s("div", {
+				className: "flex flex-wrap items-center justify-between gap-3",
+				children: [/* @__PURE__ */ o("h2", {
+					className: "text-lg font-semibold text-text-primary",
+					children: "Retailer prices"
+				}), /* @__PURE__ */ s("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ o("label", {
+						htmlFor: h,
+						className: "text-sm text-text-secondary",
+						children: "Currency"
+					}), /* @__PURE__ */ o("select", {
+						id: h,
+						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),
+						children: [.../* @__PURE__ */ new Set([
+							u,
+							"USD",
+							"INR",
+							"EUR",
+							"GBP",
+							"JPY"
+						])].map((e) => /* @__PURE__ */ o("option", {
+							value: e,
+							children: e
+						}, e))
+					})]
+				})]
+			}),
+			/* @__PURE__ */ o("p", {
+				className: "text-sm text-text-secondary",
+				children: "Approved sources and exact product matches only. Prices are not converted. Confirm current price, shipping and stock at the retailer."
+			}),
+			g.isPending ? /* @__PURE__ */ o("p", {
+				role: "status",
+				className: "text-sm text-text-secondary",
+				children: "Checking current offers…"
+			}) : g.isError ? /* @__PURE__ */ s("p", {
+				role: "alert",
+				className: "text-sm text-status-error-text",
+				children: [
+					"Prices could not be loaded.",
+					" ",
+					/* @__PURE__ */ o("button", {
+						type: "button",
+						className: c,
+						onClick: () => void g.refetch(),
+						children: "Retry prices"
+					})
+				]
+			}) : _?.lowestPriceMinor == null ? /* @__PURE__ */ s("p", {
+				className: "text-sm text-text-secondary",
+				children: [
+					"No fresh in-stock retailer offers in ",
+					d,
+					"."
+				]
+			}) : /* @__PURE__ */ s("p", {
+				className: "font-semibold text-text-primary",
+				children: [
+					"From ",
+					t(_.lowestPriceMinor, _.currency),
+					" across",
+					" ",
+					_.offerCount,
+					" current offers"
+				]
+			}),
+			/* @__PURE__ */ o("button", {
+				type: "button",
+				className: c,
+				"aria-expanded": p,
+				onClick: () => m((e) => !e),
+				children: p ? "Hide comparison" : "Compare offers and history"
+			}),
+			p && /* @__PURE__ */ o(n, {
+				styleItemId: l,
+				currency: d
+			}),
+			/* @__PURE__ */ o(r, {
+				styleItemId: l,
+				currency: d
+			}, d)
+		]
+	});
+}
+//#endregion
+export { l as PricePanel };
+
+//# sourceMappingURL=PricePanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PricePanel.js","names":[],"sources":["../../../../src/coolandlovely/components/prices/PricePanel.tsx"],"sourcesContent":["import { useId, useState } from 'react';\nimport { useBestPrices } from '../../hooks/usePriceApi';\nimport { formatRetailerPrice } from './money';\nimport { PriceComparison } from './PriceComparison';\nimport { PriceWatchForm } from './PriceWatchForm';\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\n/** Parent keys by active security context and item so shopper input state cannot leak. */\nexport function PricePanel({\n  styleItemId,\n  currency: initialCurrency,\n}: {\n  styleItemId: string;\n  currency: string;\n}) {\n  const [currency, setCurrency] = useState(initialCurrency);\n  const [expanded, setExpanded] = useState(false);\n  const currencyId = useId();\n  const best = useBestPrices([styleItemId], currency);\n  const summary = best.data?.[0];\n  return (\n    <section\n      className=\"space-y-4 rounded-xl border border-border-seam bg-bg-surface p-4\"\n      aria-label=\"Retailer prices and alerts\"\n    >\n      <div className=\"flex flex-wrap items-center justify-between gap-3\">\n        <h2 className=\"text-lg font-semibold text-text-primary\">Retailer prices</h2>\n        <div className=\"flex items-center gap-2\">\n          <label htmlFor={currencyId} className=\"text-sm text-text-secondary\">\n            Currency\n          </label>\n          <select\n            id={currencyId}\n            className=\"rounded-lg border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n            value={currency}\n            onChange={(event) => setCurrency(event.target.value)}\n          >\n            {[...new Set([initialCurrency, 'USD', 'INR', 'EUR', 'GBP', 'JPY'])].map((code) => (\n              <option key={code} value={code}>\n                {code}\n              </option>\n            ))}\n          </select>\n        </div>\n      </div>\n      <p className=\"text-sm text-text-secondary\">\n        Approved sources and exact product matches only. Prices are not converted. Confirm current\n        price, shipping and stock at the retailer.\n      </p>\n      {best.isPending ? (\n        <p role=\"status\" className=\"text-sm text-text-secondary\">\n          Checking current offers…\n        </p>\n      ) : best.isError ? (\n        <p role=\"alert\" className=\"text-sm text-status-error-text\">\n          Prices could not be loaded.{' '}\n          <button type=\"button\" className={buttonClass} onClick={() => void best.refetch()}>\n            Retry prices\n          </button>\n        </p>\n      ) : summary?.lowestPriceMinor != null ? (\n        <p className=\"font-semibold text-text-primary\">\n          From {formatRetailerPrice(summary.lowestPriceMinor, summary.currency)} across{' '}\n          {summary.offerCount} current offers\n        </p>\n      ) : (\n        <p className=\"text-sm text-text-secondary\">\n          No fresh in-stock retailer offers in {currency}.\n        </p>\n      )}\n      <button\n        type=\"button\"\n        className={buttonClass}\n        aria-expanded={expanded}\n        onClick={() => setExpanded((value) => !value)}\n      >\n        {expanded ? 'Hide comparison' : 'Compare offers and history'}\n      </button>\n      {expanded && <PriceComparison styleItemId={styleItemId} currency={currency} />}\n      <PriceWatchForm key={currency} styleItemId={styleItemId} currency={currency} />\n    </section>\n  );\n}\n"],"mappings":";;;;;;;AAMA,IAAM,IACJ;AAGF,SAAgB,EAAW,EACzB,gBACA,UAAU,KAIT;CACD,IAAM,CAAC,GAAU,KAAe,EAAS,CAAe,GAClD,CAAC,GAAU,KAAe,EAAS,EAAK,GACxC,IAAa,EAAM,GACnB,IAAO,EAAc,CAAC,CAAW,GAAG,CAAQ,GAC5C,IAAU,EAAK,OAAO;CAC5B,OACE,kBAAC,WAAD;EACE,WAAU;EACV,cAAW;YAFb;GAIE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eAA0C;IAAmB,CAAA,GAC3E,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,SAAD;MAAO,SAAS;MAAY,WAAU;gBAA8B;KAE7D,CAAA,GACP,kBAAC,UAAD;MACE,IAAI;MACJ,WAAU;MACV,OAAO;MACP,WAAW,MAAU,EAAY,EAAM,OAAO,KAAK;gBAElD,CAAC,mBAAG,IAAI,IAAI;OAAC;OAAiB;OAAO;OAAO;OAAO;OAAO;MAAK,CAAC,CAAC,CAAC,CAAC,KAAK,MACvE,kBAAC,UAAD;OAAmB,OAAO;iBACvB;MACK,GAFK,CAEL,CACT;KACK,CAAA,CACL;MACF;;GACL,kBAAC,KAAD;IAAG,WAAU;cAA8B;GAGxC,CAAA;GACF,EAAK,YACJ,kBAAC,KAAD;IAAG,MAAK;IAAS,WAAU;cAA8B;GAEtD,CAAA,IACD,EAAK,UACP,kBAAC,KAAD;IAAG,MAAK;IAAQ,WAAU;cAA1B;KAA2D;KAC7B;KAC5B,kBAAC,UAAD;MAAQ,MAAK;MAAS,WAAW;MAAa,eAAe,KAAK,EAAK,QAAQ;gBAAG;KAE1E,CAAA;IACP;QACD,GAAS,oBAAoB,OAM/B,kBAAC,KAAD;IAAG,WAAU;cAAb;KAA2C;KACH;KAAS;IAC9C;QAPH,kBAAC,KAAD;IAAG,WAAU;cAAb;KAA+C;KACvC,EAAoB,EAAQ,kBAAkB,EAAQ,QAAQ;KAAE;KAAQ;KAC7E,EAAQ;KAAW;IACnB;;GAML,kBAAC,UAAD;IACE,MAAK;IACL,WAAW;IACX,iBAAe;IACf,eAAe,GAAa,MAAU,CAAC,CAAK;cAE3C,IAAW,oBAAoB;GAC1B,CAAA;GACP,KAAY,kBAAC,GAAD;IAA8B;IAAuB;GAAW,CAAA;GAC7E,kBAAC,GAAD;IAA4C;IAAuB;GAAW,GAAzD,CAAyD;EACvE;;AAEb"}

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

@@ -0,0 +1,2 @@
+export declare function PriceWatchDisclosure(): import("react").JSX.Element;
+//# sourceMappingURL=PriceWatchDisclosure.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PriceWatchDisclosure.d.ts","sourceRoot":"","sources":["../../../../src/coolandlovely/components/prices/PriceWatchDisclosure.tsx"],"names":[],"mappings":"AAMA,wBAAgB,oBAAoB,gCAyBnC"}

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"}