npm - @burdenoff/microfe-coolandlovely - Versions diffs - 2026.1028.1 → 2026.1028.3 - Mend

@burdenoff/microfe-coolandlovely 2026.1028.1 → 2026.1028.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (34) hide show

package/dist/coolandlovely/components/ReturnRequests.js ADDED Viewed

@@ -0,0 +1,218 @@
+import { useTr as e } from "../hooks/useTr.js";
+import "../hooks/index.js";
+import { StatusBadge as t } from "./StatusBadge.js";
+import { formatDate as n } from "../utils/formatters.js";
+import { TextAreaField as r } from "./Field.js";
+import { useRequestReturn as i } from "../hooks/useCommerceApi.js";
+import { useApproveReturnRequest as a, useDeclineReturnRequest as o } from "../hooks/useBrandOrdersApi.js";
+import { useState as s } from "react";
+import { CheckCircle2 as c, Loader2 as l, Undo2 as u, XCircle as d } from "lucide-react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { GlassCard as m } from "@burdenoff/fe-libs/ui";
+//#region src/coolandlovely/components/ReturnRequests.tsx
+var h = 3, g = 1e3, _ = ["PAID", "PARTIALLY_REFUNDED"], v = (e) => {
+	let t = e.trim();
+	return t.length >= h && t.length <= g;
+}, y = "inline-flex items-center justify-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-semibold text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-50", b = "inline-flex items-center justify-center gap-1.5 rounded-lg border border-border-seam px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:opacity-50";
+function x(e, t = Date.now()) {
+	return e.returnWindowEndsAt ? new Date(e.returnWindowEndsAt).getTime() > t : !1;
+}
+function S(e, t, n = Date.now()) {
+	if (!_.includes(e.status) || e.returnRequests?.some((e) => e.brandId === t)) return !1;
+	let r = e.refunds?.find((e) => e.brandId === t);
+	return r && (r.status === "COMPLETED" || r.status === "PENDING") ? !1 : x(e, n);
+}
+function C({ request: t }) {
+	let r = e();
+	return /* @__PURE__ */ p("div", {
+		className: "space-y-1 text-xs text-text-secondary",
+		children: [
+			/* @__PURE__ */ f("p", { children: r("coolandlovely.returns.reasonShown", "Reason: {{reason}}", { reason: t.reason }) }),
+			t.status === "REQUESTED" && /* @__PURE__ */ f("p", { children: r("coolandlovely.returns.awaitingBrand", "Asked {{date}}. The brand will approve or decline it.", { date: n(t.createdAt) }) }),
+			t.status !== "REQUESTED" && t.decisionNote && /* @__PURE__ */ f("p", {
+				"data-testid": "return-decision-note",
+				children: r("coolandlovely.returns.brandNote", "Brand’s note: {{note}}", { note: t.decisionNote })
+			}),
+			t.status !== "REQUESTED" && t.decidedAt && /* @__PURE__ */ f("p", { children: t.status === "APPROVED" ? r("coolandlovely.returns.approvedOn", "Approved {{date}}. See the refund above.", { date: n(t.decidedAt) }) : r("coolandlovely.returns.declinedOn", "Declined {{date}}.", { date: n(t.decidedAt) }) })
+		]
+	});
+}
+function w({ orderId: t, brandId: n }) {
+	let a = e(), o = i(), [c, d] = s(!1), [m, h] = s("");
+	return c ? /* @__PURE__ */ p("div", {
+		className: "space-y-2",
+		children: [
+			/* @__PURE__ */ f(r, {
+				id: `coo-return-reason-${n}`,
+				label: a("coolandlovely.returns.reason", "Why are you returning these pieces?"),
+				hint: a("coolandlovely.returns.reasonHint", "Shown to the brand."),
+				value: m,
+				onChange: h,
+				rows: 3
+			}),
+			o.error && /* @__PURE__ */ f("p", {
+				className: "text-sm text-status-error-text",
+				role: "alert",
+				children: o.error.message
+			}),
+			/* @__PURE__ */ p("div", {
+				className: "flex flex-wrap gap-2",
+				children: [/* @__PURE__ */ p("button", {
+					type: "button",
+					disabled: o.isPending || !v(m),
+					onClick: () => o.mutate({
+						orderId: t,
+						brandId: n,
+						reason: m.trim()
+					}, { onSuccess: () => d(!1) }),
+					className: y,
+					"data-testid": "order-return-submit",
+					children: [o.isPending && /* @__PURE__ */ f(l, { className: "h-4 w-4 animate-spin" }), a("coolandlovely.returns.send", "Send return request")]
+				}), /* @__PURE__ */ f("button", {
+					type: "button",
+					disabled: o.isPending,
+					onClick: () => d(!1),
+					className: b,
+					children: a("coolandlovely.common.cancel", "Cancel")
+				})]
+			})
+		]
+	}) : /* @__PURE__ */ p("button", {
+		type: "button",
+		onClick: () => d(!0),
+		className: b,
+		"data-testid": "order-return-open",
+		children: [/* @__PURE__ */ f(u, { className: "h-4 w-4" }), a("coolandlovely.returns.request", "Request a return")]
+	});
+}
+function T({ order: r }) {
+	let i = e(), a = r.status === "PAID" || r.status === "PARTIALLY_REFUNDED", o = r.returnRequests ?? [];
+	if (!a && o.length === 0) return null;
+	let s = [...new Set(r.items.map((e) => e.brandId))], c = (e) => o.find((t) => t.brandId === e)?.brandName ?? r.fulfilments?.find((t) => t.brandId === e)?.brandName ?? r.refunds?.find((t) => t.brandId === e)?.brandName ?? i("coolandlovely.orders.brand", "Brand"), l = x(r);
+	return /* @__PURE__ */ p(m, {
+		treatment: "plain",
+		className: "space-y-4 p-4",
+		"data-testid": "order-returns",
+		children: [/* @__PURE__ */ p("div", {
+			className: "space-y-1",
+			children: [/* @__PURE__ */ f("p", {
+				className: "text-xs font-medium uppercase tracking-wide text-text-secondary",
+				children: i("coolandlovely.returns.title", "Returns")
+			}), a && r.returnWindowEndsAt && /* @__PURE__ */ f("p", {
+				className: "text-xs text-text-secondary",
+				"data-testid": "order-return-window",
+				children: l ? i("coolandlovely.returns.windowOpen", "You can ask a brand to take back its pieces until {{date}}.", { date: n(r.returnWindowEndsAt) }) : i("coolandlovely.returns.windowClosed", "The return window closed on {{date}}.", { date: n(r.returnWindowEndsAt) })
+			})]
+		}), s.map((e) => {
+			let n = o.find((t) => t.brandId === e), i = S(r, e);
+			return !n && !i ? null : /* @__PURE__ */ p("div", {
+				className: "space-y-2",
+				"data-testid": "order-return",
+				children: [/* @__PURE__ */ p("div", {
+					className: "flex items-center justify-between gap-2",
+					children: [/* @__PURE__ */ f("span", {
+						className: "text-sm font-medium text-text-primary",
+						children: c(e)
+					}), n && /* @__PURE__ */ f("span", {
+						"data-testid": "order-return-status",
+						children: /* @__PURE__ */ f(t, { status: n.status })
+					})]
+				}), n ? /* @__PURE__ */ f(C, { request: n }) : /* @__PURE__ */ f(w, {
+					orderId: r.id,
+					brandId: e
+				})]
+			}, e);
+		})]
+	});
+}
+function E({ order: n }) {
+	let i = e(), u = a(), m = o(), [h, g] = s("idle"), [_, x] = s(""), S = n.returnRequest;
+	if (!S) return null;
+	let w = u.isPending || m.isPending, T = u.error ?? m.error, E = h === "approve" && _.trim() === "" || v(_), D = () => {
+		g("idle"), x("");
+	};
+	return /* @__PURE__ */ p("div", {
+		className: "space-y-3 border-t border-border-seam pt-4",
+		"data-testid": "brand-return-panel",
+		children: [
+			/* @__PURE__ */ p("div", {
+				className: "flex items-center justify-between text-sm",
+				children: [/* @__PURE__ */ f("span", {
+					className: "text-text-secondary",
+					children: i("coolandlovely.returns.brandTitle", "Return request")
+				}), /* @__PURE__ */ f("span", {
+					"data-testid": "brand-return-status",
+					children: /* @__PURE__ */ f(t, { status: S.status })
+				})]
+			}),
+			/* @__PURE__ */ f(C, { request: S }),
+			S.status === "REQUESTED" && (h === "idle" ? /* @__PURE__ */ p("div", {
+				className: "grid grid-cols-2 gap-2",
+				children: [/* @__PURE__ */ p("button", {
+					type: "button",
+					onClick: () => g("approve"),
+					className: y,
+					"data-testid": "brand-return-approve-open",
+					children: [/* @__PURE__ */ f(c, { className: "h-4 w-4" }), i("coolandlovely.returns.approve", "Approve")]
+				}), /* @__PURE__ */ p("button", {
+					type: "button",
+					onClick: () => g("decline"),
+					className: b,
+					"data-testid": "brand-return-decline-open",
+					children: [/* @__PURE__ */ f(d, { className: "h-4 w-4" }), i("coolandlovely.returns.decline", "Decline")]
+				})]
+			}) : /* @__PURE__ */ p("div", {
+				className: "space-y-3",
+				children: [
+					/* @__PURE__ */ f("p", {
+						className: "text-sm text-text-secondary",
+						children: h === "approve" ? i("coolandlovely.returns.approveExplain", "Approving refunds all of your pieces in this order to the shopper, with their share of tax, and reverses the creator commissions on them. This cannot be undone.") : i("coolandlovely.returns.declineExplain", "The shopper sees your note. A declined return cannot be reopened.")
+					}),
+					/* @__PURE__ */ f(r, {
+						id: "coo-return-decision-note",
+						label: h === "approve" ? i("coolandlovely.returns.approveNote", "Note to the shopper (optional)") : i("coolandlovely.returns.declineNote", "Why are you declining?"),
+						value: _,
+						onChange: x,
+						rows: 3
+					}),
+					T && /* @__PURE__ */ f("p", {
+						className: "text-sm text-status-error-text",
+						role: "alert",
+						children: T.message
+					}),
+					/* @__PURE__ */ p("button", {
+						type: "button",
+						disabled: w || !E,
+						onClick: () => {
+							let e = {
+								brandId: n.brandId,
+								orderId: n.id
+							};
+							h === "approve" ? u.mutate({
+								...e,
+								note: _.trim() || null
+							}, { onSuccess: D }) : m.mutate({
+								...e,
+								note: _.trim()
+							}, { onSuccess: D });
+						},
+						className: h === "approve" ? `${y} w-full` : `${b} w-full text-status-error-text`,
+						"data-testid": "brand-return-confirm",
+						children: [w && /* @__PURE__ */ f(l, { className: "h-4 w-4 animate-spin" }), h === "approve" ? i("coolandlovely.returns.approveConfirm", "Approve and refund") : i("coolandlovely.returns.declineConfirm", "Decline return")]
+					}),
+					/* @__PURE__ */ f("button", {
+						type: "button",
+						disabled: w,
+						onClick: D,
+						className: `${b} w-full`,
+						children: i("coolandlovely.common.cancel", "Cancel")
+					})
+				]
+			}))
+		]
+	});
+}
+//#endregion
+export { T as OrderReturns, E as ReturnRequestPanel };
+//# sourceMappingURL=ReturnRequests.js.map

package/dist/coolandlovely/components/ReturnRequests.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ReturnRequests.js","names":[],"sources":["../../../src/coolandlovely/components/ReturnRequests.tsx"],"sourcesContent":["/**\n * Shopper return requests (BOFF-9900)\n * @module coolandlovely/components\n *\n * `OrderReturns` sits on the shopper's order detail: for each brand in a paid order the shopper\n * can ask for a return (`cooRequestReturn`) inside the return window, and sees the request and\n * the brand's decision once it exists. `ReturnRequestPanel` sits on the brand's order detail: the\n * brand approves the request, which refunds its pieces through the brand refund\n * (`cooApproveReturnRequest`), or declines it with a note (`cooDeclineReturnRequest`).\n */\n\nimport { useState } from 'react';\nimport { CheckCircle2, Loader2, Undo2, XCircle } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\n\nimport { useTr } from '../hooks';\nimport { useApproveReturnRequest, useDeclineReturnRequest } from '../hooks/useBrandOrdersApi';\nimport { useRequestReturn } from '../hooks/useCommerceApi';\nimport type { CooBrandOrder, CooOrder, CooReturnRequest } from '../types';\nimport { formatDate } from '../utils/formatters';\nimport { TextAreaField } from './Field';\nimport { StatusBadge } from './StatusBadge';\n\nconst MIN_TEXT = 3;\nconst MAX_TEXT = 1000;\nconst RETURNABLE_ORDER_STATUSES = ['PAID', 'PARTIALLY_REFUNDED'];\n\nconst isValidText = (value: string): boolean => {\n const trimmed = value.trim();\n return trimmed.length >= MIN_TEXT && trimmed.length <= MAX_TEXT;\n};\n\nconst primaryButton =\n 'inline-flex items-center justify-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-semibold text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-50';\nconst secondaryButton =\n 'inline-flex items-center justify-center gap-1.5 rounded-lg border border-border-seam px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:opacity-50';\n\n/** Whether the return window of a paid order is still open. */\nexport function isReturnWindowOpen(order: Pick<CooOrder, 'returnWindowEndsAt'>, now = Date.now()) {\n if (!order.returnWindowEndsAt) return false;\n return new Date(order.returnWindowEndsAt).getTime() > now;\n}\n\n/** Whether the shopper can still ask the brand to take back its pieces of this order. */\nexport function canRequestReturn(order: CooOrder, brandId: string, now = Date.now()): boolean {\n if (!RETURNABLE_ORDER_STATUSES.includes(order.status)) return false;\n if (order.returnRequests?.some((request) => request.brandId === brandId)) return false;\n const refund = order.refunds?.find((entry) => entry.brandId === brandId);\n if (refund && (refund.status === 'COMPLETED' || refund.status === 'PENDING')) return false;\n return isReturnWindowOpen(order, now);\n}\n\nfunction RequestDetails({ request }: { request: CooReturnRequest }) {\n const tr = useTr();\n return (\n <div className=\"space-y-1 text-xs text-text-secondary\">\n <p>\n {tr('coolandlovely.returns.reasonShown', 'Reason: {{reason}}', { reason: request.reason })}\n </p>\n {request.status === 'REQUESTED' && (\n <p>\n {tr(\n 'coolandlovely.returns.awaitingBrand',\n 'Asked {{date}}. The brand will approve or decline it.',\n { date: formatDate(request.createdAt) }\n )}\n </p>\n )}\n {request.status !== 'REQUESTED' && request.decisionNote && (\n <p data-testid=\"return-decision-note\">\n {tr('coolandlovely.returns.brandNote', 'Brand’s note: {{note}}', {\n note: request.decisionNote,\n })}\n </p>\n )}\n {request.status !== 'REQUESTED' && request.decidedAt && (\n <p>\n {request.status === 'APPROVED'\n ? tr('coolandlovely.returns.approvedOn', 'Approved {{date}}. See the refund above.', {\n date: formatDate(request.decidedAt),\n })\n : tr('coolandlovely.returns.declinedOn', 'Declined {{date}}.', {\n date: formatDate(request.decidedAt),\n })}\n </p>\n )}\n </div>\n );\n}\n\nfunction RequestReturnForm({ orderId, brandId }: { orderId: string; brandId: string }) {\n const tr = useTr();\n const request = useRequestReturn();\n const [open, setOpen] = useState(false);\n const [reason, setReason] = useState('');\n\n if (!open) {\n return (\n <button\n type=\"button\"\n onClick={() => setOpen(true)}\n className={secondaryButton}\n data-testid=\"order-return-open\"\n >\n <Undo2 className=\"h-4 w-4\" />\n {tr('coolandlovely.returns.request', 'Request a return')}\n </button>\n );\n }\n return (\n <div className=\"space-y-2\">\n <TextAreaField\n id={`coo-return-reason-${brandId}`}\n label={tr('coolandlovely.returns.reason', 'Why are you returning these pieces?')}\n hint={tr('coolandlovely.returns.reasonHint', 'Shown to the brand.')}\n value={reason}\n onChange={setReason}\n rows={3}\n />\n {request.error && (\n <p className=\"text-sm text-status-error-text\" role=\"alert\">\n {request.error.message}\n </p>\n )}\n <div className=\"flex flex-wrap gap-2\">\n <button\n type=\"button\"\n disabled={request.isPending || !isValidText(reason)}\n onClick={() =>\n request.mutate(\n { orderId, brandId, reason: reason.trim() },\n { onSuccess: () => setOpen(false) }\n )\n }\n className={primaryButton}\n data-testid=\"order-return-submit\"\n >\n {request.isPending && <Loader2 className=\"h-4 w-4 animate-spin\" />}\n {tr('coolandlovely.returns.send', 'Send return request')}\n </button>\n <button\n type=\"button\"\n disabled={request.isPending}\n onClick={() => setOpen(false)}\n className={secondaryButton}\n >\n {tr('coolandlovely.common.cancel', 'Cancel')}\n </button>\n </div>\n </div>\n );\n}\n\n/** The shopper's returns card on a paid order: one row per brand in the order. */\nexport function OrderReturns({ order }: { order: CooOrder }) {\n const tr = useTr();\n const paid = order.status === 'PAID' || order.status === 'PARTIALLY_REFUNDED';\n const requests = order.returnRequests ?? [];\n if (!paid && requests.length === 0) return null;\n\n const brandIds = [...new Set(order.items.map((item) => item.brandId))];\n const brandName = (brandId: string): string =>\n requests.find((request) => request.brandId === brandId)?.brandName ??\n order.fulfilments?.find((fulfilment) => fulfilment.brandId === brandId)?.brandName ??\n order.refunds?.find((refund) => refund.brandId === brandId)?.brandName ??\n tr('coolandlovely.orders.brand', 'Brand');\n const windowOpen = isReturnWindowOpen(order);\n\n return (\n <GlassCard treatment=\"plain\" className=\"space-y-4 p-4\" data-testid=\"order-returns\">\n <div className=\"space-y-1\">\n <p className=\"text-xs font-medium uppercase tracking-wide text-text-secondary\">\n {tr('coolandlovely.returns.title', 'Returns')}\n </p>\n {paid && order.returnWindowEndsAt && (\n <p className=\"text-xs text-text-secondary\" data-testid=\"order-return-window\">\n {windowOpen\n ? tr(\n 'coolandlovely.returns.windowOpen',\n 'You can ask a brand to take back its pieces until {{date}}.',\n { date: formatDate(order.returnWindowEndsAt) }\n )\n : tr('coolandlovely.returns.windowClosed', 'The return window closed on {{date}}.', {\n date: formatDate(order.returnWindowEndsAt),\n })}\n </p>\n )}\n </div>\n {brandIds.map((brandId) => {\n const request = requests.find((entry) => entry.brandId === brandId);\n const eligible = canRequestReturn(order, brandId);\n if (!request && !eligible) return null;\n return (\n <div key={brandId} className=\"space-y-2\" data-testid=\"order-return\">\n <div className=\"flex items-center justify-between gap-2\">\n <span className=\"text-sm font-medium text-text-primary\">{brandName(brandId)}</span>\n {request && (\n <span data-testid=\"order-return-status\">\n <StatusBadge status={request.status} />\n </span>\n )}\n </div>\n {request ? (\n <RequestDetails request={request} />\n ) : (\n <RequestReturnForm orderId={order.id} brandId={brandId} />\n )}\n </div>\n );\n })}\n </GlassCard>\n );\n}\n\n/** The brand's view of the shopper's return request, with approve and decline. */\nexport function ReturnRequestPanel({ order }: { order: CooBrandOrder }) {\n const tr = useTr();\n const approve = useApproveReturnRequest();\n const decline = useDeclineReturnRequest();\n const [mode, setMode] = useState<'idle' | 'approve' | 'decline'>('idle');\n const [note, setNote] = useState('');\n const request = order.returnRequest;\n if (!request) return null;\n\n const busy = approve.isPending || decline.isPending;\n const error = approve.error ?? decline.error;\n const noteOk = mode === 'approve' ? note.trim() === '' || isValidText(note) : isValidText(note);\n const reset = () => {\n setMode('idle');\n setNote('');\n };\n const submit = () => {\n const input = { brandId: order.brandId, orderId: order.id };\n if (mode === 'approve') {\n approve.mutate({ ...input, note: note.trim() || null }, { onSuccess: reset });\n } else {\n decline.mutate({ ...input, note: note.trim() }, { onSuccess: reset });\n }\n };\n\n return (\n <div className=\"space-y-3 border-t border-border-seam pt-4\" data-testid=\"brand-return-panel\">\n <div className=\"flex items-center justify-between text-sm\">\n <span className=\"text-text-secondary\">\n {tr('coolandlovely.returns.brandTitle', 'Return request')}\n </span>\n <span data-testid=\"brand-return-status\">\n <StatusBadge status={request.status} />\n </span>\n </div>\n <RequestDetails request={request} />\n\n {request.status === 'REQUESTED' &&\n (mode === 'idle' ? (\n <div className=\"grid grid-cols-2 gap-2\">\n <button\n type=\"button\"\n onClick={() => setMode('approve')}\n className={primaryButton}\n data-testid=\"brand-return-approve-open\"\n >\n <CheckCircle2 className=\"h-4 w-4\" />\n {tr('coolandlovely.returns.approve', 'Approve')}\n </button>\n <button\n type=\"button\"\n onClick={() => setMode('decline')}\n className={secondaryButton}\n data-testid=\"brand-return-decline-open\"\n >\n <XCircle className=\"h-4 w-4\" />\n {tr('coolandlovely.returns.decline', 'Decline')}\n </button>\n </div>\n ) : (\n <div className=\"space-y-3\">\n <p className=\"text-sm text-text-secondary\">\n {mode === 'approve'\n ? tr(\n 'coolandlovely.returns.approveExplain',\n 'Approving refunds all of your pieces in this order to the shopper, with their share of tax, and reverses the creator commissions on them. This cannot be undone.'\n )\n : tr(\n 'coolandlovely.returns.declineExplain',\n 'The shopper sees your note. A declined return cannot be reopened.'\n )}\n </p>\n <TextAreaField\n id=\"coo-return-decision-note\"\n label={\n mode === 'approve'\n ? tr('coolandlovely.returns.approveNote', 'Note to the shopper (optional)')\n : tr('coolandlovely.returns.declineNote', 'Why are you declining?')\n }\n value={note}\n onChange={setNote}\n rows={3}\n />\n {error && (\n <p className=\"text-sm text-status-error-text\" role=\"alert\">\n {error.message}\n </p>\n )}\n <button\n type=\"button\"\n disabled={busy || !noteOk}\n onClick={submit}\n className={\n mode === 'approve'\n ? `${primaryButton} w-full`\n : `${secondaryButton} w-full text-status-error-text`\n }\n data-testid=\"brand-return-confirm\"\n >\n {busy && <Loader2 className=\"h-4 w-4 animate-spin\" />}\n {mode === 'approve'\n ? tr('coolandlovely.returns.approveConfirm', 'Approve and refund')\n : tr('coolandlovely.returns.declineConfirm', 'Decline return')}\n </button>\n <button\n type=\"button\"\n disabled={busy}\n onClick={reset}\n className={`${secondaryButton} w-full`}\n >\n {tr('coolandlovely.common.cancel', 'Cancel')}\n </button>\n </div>\n ))}\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/coolandlovely/components/StatusBadge.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StatusBadge.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/components/StatusBadge.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,UAAU,gBAAgB;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;~~AAoID~~,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA2B5C,CAAC"}
1	+ {"version":3,"file":"StatusBadge.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/components/StatusBadge.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,UAAU,gBAAgB;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA0ID,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA2B5C,CAAC"}

package/dist/coolandlovely/components/StatusBadge.js CHANGED Viewed

@@ -54,6 +54,8 @@ var i = {
 	refunded: "outline",
 	reversed: "outline",
 	not_reversible: "warning",
+	requested: "warning",
+	approved: "success",
 	inactive: "secondary",
 	error: "destructive",
 	failed: "destructive",
@@ -99,7 +101,9 @@ var i = {
 	refunded: "coolandlovely.status.refunded",
 	reversed: "coolandlovely.status.reversed",
 	not_reversible: "coolandlovely.status.notReversible",
-	awaiting_payment: "coolandlovely.status.awaitingPayment"
+	awaiting_payment: "coolandlovely.status.awaitingPayment",
+	requested: "coolandlovely.status.returnRequested",
+	approved: "coolandlovely.status.approved"
 };
 function l(e) {
 	return e.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());

package/dist/coolandlovely/components/StatusBadge.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StatusBadge.js","names":[],"sources":["../../../src/coolandlovely/components/StatusBadge.tsx"],"sourcesContent":["/*\n Status Badge Component\n * @module coolandlovely/components\n \n A colored badge based on status value with semantic color mapping\n * for various order, cart, and investment statuses.\n /\n\nimport type { FC } from 'react';\nimport { cn } from '../utils/cn';\nimport { useTr } from '../hooks';\n\ninterface StatusBadgeProps {\n status: string;\n className?: string;\n}\n\ntype BadgeVariant = 'success' \| 'warning' \| 'destructive' \| 'secondary' \| 'info' \| 'outline';\n\nconst variantStyles: Record<BadgeVariant, string> = {\n success: 'bg-status-success-bg-subtle text-status-success-text',\n warning: 'bg-status-warning-bg-subtle text-status-warning-text',\n destructive: 'bg-status-error-bg-subtle text-status-error-text',\n secondary: 'bg-bg-sunken text-text-secondary',\n info: 'bg-accent-blue-subtle text-accent-blue',\n outline: 'border border-border-seam text-text-primary',\n};\n\nconst dotStyles: Record<BadgeVariant, string> = {\n success: 'bg-status-success-text',\n warning: 'bg-status-warning-text',\n destructive: 'bg-status-error-text',\n secondary: 'bg-text-secondary',\n info: 'bg-accent-blue',\n outline: 'bg-text-secondary',\n};\n\nconst statusVariantMap: Record<string, BadgeVariant> = {\n // Brand lifecycle\n draft: 'secondary',\n pending_review: 'warning',\n published: 'success',\n suspended: 'destructive',\n archived: 'outline',\n\n // Collection lifecycle\n scheduled: 'info',\n live: 'success',\n ended: 'outline',\n\n // Style item status\n active: 'success',\n out_of_stock: 'warning',\n retired: 'outline',\n\n // Collaboration lifecycle\n proposed: 'secondary',\n accepted: 'info',\n in_progress: 'warning',\n declined: 'destructive',\n cancelled: 'destructive',\n\n // Visibility\n public: 'success',\n followers: 'info',\n private: 'secondary',\n\n // Wardrobe source\n owned: 'success',\n wishlist: 'info',\n purchased_on_platform: 'success',\n gifted: 'warning',\n\n // Orders + creator commissions (BOFF-3370)\n pending_payment: 'warning',\n paid: 'success',\n pending: 'secondary',\n synced: 'success',\n\n // Collaboration fees (BOFF-9637)\n awaiting_payment: 'warning',\n\n // Brand fulfilment (BOFF-9636)\n unfulfilled: 'warning',\n confirmed: 'info',\n shipped: 'info',\n delivered: 'success',\n\n // Refunds and commission reversal (BOFF-9702)\n partially_refunded: 'warning',\n refunded: 'outline',\n reversed: 'outline',\n not_reversible: 'warning',\n\n // Generic\n inactive: 'secondary',\n error: 'destructive',\n failed: 'destructive',\n completed: 'success',\n};\n\n/* Statuses that represent a live/active state get a calm opacity pulse on the dot. */\nconst liveStatuses = new Set(['live', 'published', 'active', 'in_progress']);\n\nconst STATUS_LABEL_KEYS: Record<string, string> = {\n draft: 'coolandlovely.status.draft',\n pending_review: 'coolandlovely.status.pendingReview',\n published: 'coolandlovely.status.published',\n suspended: 'coolandlovely.status.suspended',\n archived: 'coolandlovely.status.archived',\n scheduled: 'coolandlovely.status.scheduled',\n live: 'coolandlovely.status.live',\n ended: 'coolandlovely.status.ended',\n active: 'coolandlovely.status.active',\n out_of_stock: 'coolandlovely.status.outOfStock',\n retired: 'coolandlovely.status.retired',\n proposed: 'coolandlovely.status.proposed',\n accepted: 'coolandlovely.status.accepted',\n in_progress: 'coolandlovely.status.inProgress',\n declined: 'coolandlovely.status.declined',\n cancelled: 'coolandlovely.status.cancelled',\n public: 'coolandlovely.status.public',\n followers: 'coolandlovely.status.followers',\n private: 'coolandlovely.status.private',\n owned: 'coolandlovely.status.owned',\n wishlist: 'coolandlovely.status.wishlist',\n purchased_on_platform: 'coolandlovely.status.purchasedOnPlatform',\n gifted: 'coolandlovely.status.gifted',\n inactive: 'coolandlovely.status.inactive',\n error: 'coolandlovely.status.error',\n failed: 'coolandlovely.status.failed',\n completed: 'coolandlovely.status.completed',\n unfulfilled: 'coolandlovely.status.unfulfilled',\n confirmed: 'coolandlovely.status.confirmed',\n shipped: 'coolandlovely.status.shipped',\n delivered: 'coolandlovely.status.delivered',\n partially_refunded: 'coolandlovely.status.partiallyRefunded',\n refunded: 'coolandlovely.status.refunded',\n reversed: 'coolandlovely.status.reversed',\n not_reversible: 'coolandlovely.status.notReversible',\n awaiting_payment: 'coolandlovely.status.awaitingPayment',\n};\n\nfunction formatStatusLabel(status: string): string {\n return status.replace(/_/g, ' ').replace(/\\b\\w/g, (char) => char.toUpperCase());\n}\n\nexport const StatusBadge: FC<StatusBadgeProps> = ({ status, className }) => {\n const tr = useTr();\n const key = status.toLowerCase();\n const variant = statusVariantMap[key] \|\| 'secondary';\n const isLive = liveStatuses.has(key);\n const labelKey = STATUS_LABEL_KEYS[key];\n const label = labelKey ? tr(labelKey, formatStatusLabel(status)) : formatStatusLabel(status);\n\n return (\n <span\n className={cn(\n 'inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium',\n variantStyles[variant],\n className\n )}\n >\n <span\n aria-hidden=\"true\"\n className={cn(\n 'h-1.5 w-1.5 rounded-full',\n dotStyles[variant],\n isLive && 'motion-safe:animate-vc-glow-pulse'\n )}\n />\n {label}\n </span>\n );\n};\n"],"mappings":";;;;;AAmBA,IAAM,IAA8C;CAClD,SAAS;CACT,SAAS;CACT,aAAa;CACb,WAAW;CACX,MAAM;CACN,SAAS;CACV,EAEK,IAA0C;CAC9C,SAAS;CACT,SAAS;CACT,aAAa;CACb,WAAW;CACX,MAAM;CACN,SAAS;CACV,EAEK,IAAiD;CAErD,OAAO;CACP,gBAAgB;CAChB,WAAW;CACX,WAAW;CACX,UAAU;CAGV,WAAW;CACX,MAAM;CACN,OAAO;CAGP,QAAQ;CACR,cAAc;CACd,SAAS;CAGT,UAAU;CACV,UAAU;CACV,aAAa;CACb,UAAU;CACV,WAAW;CAGX,QAAQ;CACR,WAAW;CACX,SAAS;CAGT,OAAO;CACP,UAAU;CACV,uBAAuB;CACvB,QAAQ;CAGR,iBAAiB;CACjB,MAAM;CACN,SAAS;CACT,QAAQ;CAGR,kBAAkB;CAGlB,aAAa;CACb,WAAW;CACX,SAAS;CACT,WAAW;CAGX,oBAAoB;CACpB,UAAU;CACV,UAAU;CACV,gBAAgB;CAGhB,UAAU;CACV,OAAO;CACP,QAAQ;CACR,WAAW;CACZ,EAGK,IAAe,IAAI,IAAI;CAAC;CAAQ;CAAa;CAAU;CAAc,CAAC,EAEtE,IAA4C;CAChD,OAAO;CACP,gBAAgB;CAChB,WAAW;CACX,WAAW;CACX,UAAU;CACV,WAAW;CACX,MAAM;CACN,OAAO;CACP,QAAQ;CACR,cAAc;CACd,SAAS;CACT,UAAU;CACV,UAAU;CACV,aAAa;CACb,UAAU;CACV,WAAW;CACX,QAAQ;CACR,WAAW;CACX,SAAS;CACT,OAAO;CACP,UAAU;CACV,uBAAuB;CACvB,QAAQ;CACR,UAAU;CACV,OAAO;CACP,QAAQ;CACR,WAAW;CACX,aAAa;CACb,WAAW;CACX,SAAS;CACT,WAAW;CACX,oBAAoB;CACpB,UAAU;CACV,UAAU;CACV,gBAAgB;CAChB,kBAAkB;~~CACnB~~;AAED,SAAS,EAAkB,GAAwB;AACjD,QAAO,EAAO,QAAQ,MAAM,IAAI,CAAC,QAAQ,UAAU,MAAS,EAAK,aAAa,CAAC;;AAGjF,IAAa,KAAqC,EAAE,WAAQ,mBAAgB;CAC1E,IAAM,IAAK,GAAO,EACZ,IAAM,EAAO,aAAa,EAC1B,IAAU,EAAiB,MAAQ,aACnC,IAAS,EAAa,IAAI,EAAI,EAC9B,IAAW,EAAkB,IAC7B,IAAQ,IAAW,EAAG,GAAU,EAAkB,EAAO,CAAC,GAAG,EAAkB,EAAO;AAE5F,QACE,kBAAC,QAAD;EACE,WAAW,EACT,mFACA,EAAc,IACd,EACD;YALH,CAOE,kBAAC,QAAD;GACE,eAAY;GACZ,WAAW,EACT,4BACA,EAAU,IACV,KAAU,oCACX;GACD,CAAA,EACD,EACI"}
1	+ {"version":3,"file":"StatusBadge.js","names":[],"sources":["../../../src/coolandlovely/components/StatusBadge.tsx"],"sourcesContent":["/*\n Status Badge Component\n * @module coolandlovely/components\n \n A colored badge based on status value with semantic color mapping\n * for various order, cart, and investment statuses.\n /\n\nimport type { FC } from 'react';\nimport { cn } from '../utils/cn';\nimport { useTr } from '../hooks';\n\ninterface StatusBadgeProps {\n status: string;\n className?: string;\n}\n\ntype BadgeVariant = 'success' \| 'warning' \| 'destructive' \| 'secondary' \| 'info' \| 'outline';\n\nconst variantStyles: Record<BadgeVariant, string> = {\n success: 'bg-status-success-bg-subtle text-status-success-text',\n warning: 'bg-status-warning-bg-subtle text-status-warning-text',\n destructive: 'bg-status-error-bg-subtle text-status-error-text',\n secondary: 'bg-bg-sunken text-text-secondary',\n info: 'bg-accent-blue-subtle text-accent-blue',\n outline: 'border border-border-seam text-text-primary',\n};\n\nconst dotStyles: Record<BadgeVariant, string> = {\n success: 'bg-status-success-text',\n warning: 'bg-status-warning-text',\n destructive: 'bg-status-error-text',\n secondary: 'bg-text-secondary',\n info: 'bg-accent-blue',\n outline: 'bg-text-secondary',\n};\n\nconst statusVariantMap: Record<string, BadgeVariant> = {\n // Brand lifecycle\n draft: 'secondary',\n pending_review: 'warning',\n published: 'success',\n suspended: 'destructive',\n archived: 'outline',\n\n // Collection lifecycle\n scheduled: 'info',\n live: 'success',\n ended: 'outline',\n\n // Style item status\n active: 'success',\n out_of_stock: 'warning',\n retired: 'outline',\n\n // Collaboration lifecycle\n proposed: 'secondary',\n accepted: 'info',\n in_progress: 'warning',\n declined: 'destructive',\n cancelled: 'destructive',\n\n // Visibility\n public: 'success',\n followers: 'info',\n private: 'secondary',\n\n // Wardrobe source\n owned: 'success',\n wishlist: 'info',\n purchased_on_platform: 'success',\n gifted: 'warning',\n\n // Orders + creator commissions (BOFF-3370)\n pending_payment: 'warning',\n paid: 'success',\n pending: 'secondary',\n synced: 'success',\n\n // Collaboration fees (BOFF-9637)\n awaiting_payment: 'warning',\n\n // Brand fulfilment (BOFF-9636)\n unfulfilled: 'warning',\n confirmed: 'info',\n shipped: 'info',\n delivered: 'success',\n\n // Refunds and commission reversal (BOFF-9702)\n partially_refunded: 'warning',\n refunded: 'outline',\n reversed: 'outline',\n not_reversible: 'warning',\n\n // Shopper return requests (BOFF-9900)\n requested: 'warning',\n approved: 'success',\n\n // Generic\n inactive: 'secondary',\n error: 'destructive',\n failed: 'destructive',\n completed: 'success',\n};\n\n/* Statuses that represent a live/active state get a calm opacity pulse on the dot. */\nconst liveStatuses = new Set(['live', 'published', 'active', 'in_progress']);\n\nconst STATUS_LABEL_KEYS: Record<string, string> = {\n draft: 'coolandlovely.status.draft',\n pending_review: 'coolandlovely.status.pendingReview',\n published: 'coolandlovely.status.published',\n suspended: 'coolandlovely.status.suspended',\n archived: 'coolandlovely.status.archived',\n scheduled: 'coolandlovely.status.scheduled',\n live: 'coolandlovely.status.live',\n ended: 'coolandlovely.status.ended',\n active: 'coolandlovely.status.active',\n out_of_stock: 'coolandlovely.status.outOfStock',\n retired: 'coolandlovely.status.retired',\n proposed: 'coolandlovely.status.proposed',\n accepted: 'coolandlovely.status.accepted',\n in_progress: 'coolandlovely.status.inProgress',\n declined: 'coolandlovely.status.declined',\n cancelled: 'coolandlovely.status.cancelled',\n public: 'coolandlovely.status.public',\n followers: 'coolandlovely.status.followers',\n private: 'coolandlovely.status.private',\n owned: 'coolandlovely.status.owned',\n wishlist: 'coolandlovely.status.wishlist',\n purchased_on_platform: 'coolandlovely.status.purchasedOnPlatform',\n gifted: 'coolandlovely.status.gifted',\n inactive: 'coolandlovely.status.inactive',\n error: 'coolandlovely.status.error',\n failed: 'coolandlovely.status.failed',\n completed: 'coolandlovely.status.completed',\n unfulfilled: 'coolandlovely.status.unfulfilled',\n confirmed: 'coolandlovely.status.confirmed',\n shipped: 'coolandlovely.status.shipped',\n delivered: 'coolandlovely.status.delivered',\n partially_refunded: 'coolandlovely.status.partiallyRefunded',\n refunded: 'coolandlovely.status.refunded',\n reversed: 'coolandlovely.status.reversed',\n not_reversible: 'coolandlovely.status.notReversible',\n awaiting_payment: 'coolandlovely.status.awaitingPayment',\n requested: 'coolandlovely.status.returnRequested',\n approved: 'coolandlovely.status.approved',\n};\n\nfunction formatStatusLabel(status: string): string {\n return status.replace(/_/g, ' ').replace(/\\b\\w/g, (char) => char.toUpperCase());\n}\n\nexport const StatusBadge: FC<StatusBadgeProps> = ({ status, className }) => {\n const tr = useTr();\n const key = status.toLowerCase();\n const variant = statusVariantMap[key] \|\| 'secondary';\n const isLive = liveStatuses.has(key);\n const labelKey = STATUS_LABEL_KEYS[key];\n const label = labelKey ? tr(labelKey, formatStatusLabel(status)) : formatStatusLabel(status);\n\n return (\n <span\n className={cn(\n 'inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium',\n variantStyles[variant],\n className\n )}\n >\n <span\n aria-hidden=\"true\"\n className={cn(\n 'h-1.5 w-1.5 rounded-full',\n dotStyles[variant],\n isLive && 'motion-safe:animate-vc-glow-pulse'\n )}\n />\n {label}\n </span>\n );\n};\n"],"mappings":";;;;;AAmBA,IAAM,IAA8C;CAClD,SAAS;CACT,SAAS;CACT,aAAa;CACb,WAAW;CACX,MAAM;CACN,SAAS;CACV,EAEK,IAA0C;CAC9C,SAAS;CACT,SAAS;CACT,aAAa;CACb,WAAW;CACX,MAAM;CACN,SAAS;CACV,EAEK,IAAiD;CAErD,OAAO;CACP,gBAAgB;CAChB,WAAW;CACX,WAAW;CACX,UAAU;CAGV,WAAW;CACX,MAAM;CACN,OAAO;CAGP,QAAQ;CACR,cAAc;CACd,SAAS;CAGT,UAAU;CACV,UAAU;CACV,aAAa;CACb,UAAU;CACV,WAAW;CAGX,QAAQ;CACR,WAAW;CACX,SAAS;CAGT,OAAO;CACP,UAAU;CACV,uBAAuB;CACvB,QAAQ;CAGR,iBAAiB;CACjB,MAAM;CACN,SAAS;CACT,QAAQ;CAGR,kBAAkB;CAGlB,aAAa;CACb,WAAW;CACX,SAAS;CACT,WAAW;CAGX,oBAAoB;CACpB,UAAU;CACV,UAAU;CACV,gBAAgB;CAGhB,WAAW;CACX,UAAU;CAGV,UAAU;CACV,OAAO;CACP,QAAQ;CACR,WAAW;CACZ,EAGK,IAAe,IAAI,IAAI;CAAC;CAAQ;CAAa;CAAU;CAAc,CAAC,EAEtE,IAA4C;CAChD,OAAO;CACP,gBAAgB;CAChB,WAAW;CACX,WAAW;CACX,UAAU;CACV,WAAW;CACX,MAAM;CACN,OAAO;CACP,QAAQ;CACR,cAAc;CACd,SAAS;CACT,UAAU;CACV,UAAU;CACV,aAAa;CACb,UAAU;CACV,WAAW;CACX,QAAQ;CACR,WAAW;CACX,SAAS;CACT,OAAO;CACP,UAAU;CACV,uBAAuB;CACvB,QAAQ;CACR,UAAU;CACV,OAAO;CACP,QAAQ;CACR,WAAW;CACX,aAAa;CACb,WAAW;CACX,SAAS;CACT,WAAW;CACX,oBAAoB;CACpB,UAAU;CACV,UAAU;CACV,gBAAgB;CAChB,kBAAkB;CAClB,WAAW;CACX,UAAU;CACX;AAED,SAAS,EAAkB,GAAwB;AACjD,QAAO,EAAO,QAAQ,MAAM,IAAI,CAAC,QAAQ,UAAU,MAAS,EAAK,aAAa,CAAC;;AAGjF,IAAa,KAAqC,EAAE,WAAQ,mBAAgB;CAC1E,IAAM,IAAK,GAAO,EACZ,IAAM,EAAO,aAAa,EAC1B,IAAU,EAAiB,MAAQ,aACnC,IAAS,EAAa,IAAI,EAAI,EAC9B,IAAW,EAAkB,IAC7B,IAAQ,IAAW,EAAG,GAAU,EAAkB,EAAO,CAAC,GAAG,EAAkB,EAAO;AAE5F,QACE,kBAAC,QAAD;EACE,WAAW,EACT,mFACA,EAAc,IACd,EACD;YALH,CAOE,kBAAC,QAAD;GACE,eAAY;GACZ,WAAW,EACT,4BACA,EAAU,IACV,KAAU,oCACX;GACD,CAAA,EACD,EACI"}

package/dist/coolandlovely/hooks/useBrandOrdersApi.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { CooBrandOrder, CooBrandOrderConnection, CooBrandOrderSummary, CooFulfilmentStatus, CooRefundBrandOrderInput, CooUpdateOrderFulfilmentInput } from '../types';
+import { CooApproveReturnRequestInput, CooBrandOrder, CooBrandOrderConnection, CooBrandOrderSummary, CooDeclineReturnRequestInput, CooFulfilmentStatus, CooRefundBrandOrderInput, CooReturnRequestConnection, CooReturnRequestStatus, CooUpdateOrderFulfilmentInput } from '../types';
 export declare const useBrandOrders: (brandId: string | undefined, fulfilmentStatus?: CooFulfilmentStatus) => import('@tanstack/react-query').UseQueryResult<NoInfer<CooBrandOrderConnection>, Error>;
 export declare const useBrandOrderSummary: (brandId: string | undefined) => import('@tanstack/react-query').UseQueryResult<NoInfer<CooBrandOrderSummary>, Error>;
@@ -6,7 +6,18 @@ export declare const useBrandOrder: (brandId: string | undefined, id: string | u
 export declare const useUpdateOrderFulfilment: () => import('@tanstack/react-query').UseMutationResult<CooBrandOrder, Error, CooUpdateOrderFulfilmentInput, unknown>;
 /**
  * Refund the brand's pieces of an order (BOFF-9702). global-billing returns the money to the
- * shopper, and the creator commissions on the refunded lines are reversed.
+ * shopper, and the creator commissions on the refunded lines are reversed. With `restock: true`
+ * the refunded stock-tracked pieces go back into stock (BOFF-9901); sending it on a completed
+ * refund restocks it afterwards.
  */
 export declare const useRefundBrandOrder: () => import('@tanstack/react-query').UseMutationResult<CooBrandOrder, Error, CooRefundBrandOrderInput, unknown>;
+/** The brand's return requests, newest first, optionally by status (BOFF-9900). */
+export declare const useBrandReturnRequests: (brandId: string | undefined, status?: CooReturnRequestStatus) => import('@tanstack/react-query').UseQueryResult<NoInfer<CooReturnRequestConnection>, Error>;
+/**
+ * Approve a shopper's return (BOFF-9900): refunds the brand's pieces through the brand refund and
+ * marks the request approved. On an error the order is refetched so a failed refund shows why.
+ */
+export declare const useApproveReturnRequest: () => import('@tanstack/react-query').UseMutationResult<CooBrandOrder, Error, CooApproveReturnRequestInput, unknown>;
+/** Decline a shopper's return with a note the shopper sees (BOFF-9900). */
+export declare const useDeclineReturnRequest: () => import('@tanstack/react-query').UseMutationResult<CooBrandOrder, Error, CooDeclineReturnRequestInput, unknown>;
 //# sourceMappingURL=useBrandOrdersApi.d.ts.map

package/dist/coolandlovely/hooks/useBrandOrdersApi.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useBrandOrdersApi.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/hooks/useBrandOrdersApi.ts"],"names":[],"mappings":"AAAA~~;;;;;;;GAOG~~;AAKH,OAAO,KAAK,EACV,aAAa,EACb,uBAAuB,EACvB,oBAAoB,EACpB,mBAAmB,EACnB,wBAAwB,EACxB,6BAA6B,EAC9B,MAAM,UAAU,CAAC;~~AAiBlB~~,eAAO,MAAM,cAAc,GACzB,SAAS,MAAM,GAAG,SAAS,EAC3B,mBAAmB,mBAAmB,4FAoBvC,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,SAAS,MAAM,GAAG,SAAS,yFAkB/D,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,SAAS,MAAM,GAAG,SAAS,EAAE,IAAI,MAAM,GAAG,SAAS,yFAchF,CAAC;AAEF,eAAO,MAAM,wBAAwB,uHAoBpC,CAAC;AAEF~~;;;GAGG~~;AACH,eAAO,MAAM,mBAAmB,~~kHA0B~~/B,CAAC"}
1	+ {"version":3,"file":"useBrandOrdersApi.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/hooks/useBrandOrdersApi.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAKH,OAAO,KAAK,EACV,4BAA4B,EAC5B,aAAa,EACb,uBAAuB,EACvB,oBAAoB,EACpB,4BAA4B,EAC5B,mBAAmB,EACnB,wBAAwB,EACxB,0BAA0B,EAC1B,sBAAsB,EACtB,6BAA6B,EAC9B,MAAM,UAAU,CAAC;AAkBlB,eAAO,MAAM,cAAc,GACzB,SAAS,MAAM,GAAG,SAAS,EAC3B,mBAAmB,mBAAmB,4FAoBvC,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,SAAS,MAAM,GAAG,SAAS,yFAkB/D,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,SAAS,MAAM,GAAG,SAAS,EAAE,IAAI,MAAM,GAAG,SAAS,yFAchF,CAAC;AAEF,eAAO,MAAM,wBAAwB,uHAoBpC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,kHAoC/B,CAAC;AAEF,mFAAmF;AACnF,eAAO,MAAM,sBAAsB,GACjC,SAAS,MAAM,GAAG,SAAS,EAC3B,SAAS,sBAAsB,+FAoBhC,CAAC;AAaF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,sHAiBnC,CAAC;AAEF,2EAA2E;AAC3E,eAAO,MAAM,uBAAuB,sHAgBnC,CAAC"}

package/dist/coolandlovely/hooks/useBrandOrdersApi.js CHANGED Viewed

@@ -1,23 +1,24 @@
 import { useCoolAndLovely as e } from "../context/CoolAndLovelyContext.js";
 import "../context/index.js";
 import { coolQuery as t } from "./useCoolAndLovelyApi.js";
-import { FULFILMENT_FIELDS as n, REFUND_FIELDS as r } from "./useCommerceApi.js";
-import { useMutation as i, useQuery as a, useQueryClient as o } from "@tanstack/react-query";
+import { FULFILMENT_FIELDS as n, REFUND_FIELDS as r, RETURN_REQUEST_FIELDS as i } from "./useCommerceApi.js";
+import { useMutation as a, useQuery as o, useQueryClient as s } from "@tanstack/react-query";
 //#region src/coolandlovely/hooks/useBrandOrdersApi.ts
-var s = "coolandlovely", c = `
+var c = "coolandlovely", l = `
   id orderNumber status brandId currency brandSubtotal itemCount
   shippingName shippingAddress buyerNote paidAt createdAt
   items {
     id styleItemId brandId name sku image { id } size colour unitPrice quantity lineTotal
-    lookId isCreatorAttributed
+    lookId isCreatorAttributed stockTracked
   }
   fulfilment { ${n} }
   refund { ${r} }
-`, l = (n, r) => {
+  returnRequest { ${i} }
+`, u = (n, r) => {
 	let { apiGatewayUrl: i } = e();
-	return a({
+	return o({
 		queryKey: [
-			s,
+			c,
 			"brand-orders",
 			n,
 			r ?? "ALL"
@@ -25,7 +26,7 @@ var s = "coolandlovely", c = `
 		enabled: !!n,
 		queryFn: async () => (await t(`query CooBrandOrders($brandId: ID!, $fulfilmentStatus: CooFulfilmentStatus, $pagination: PaginationInput) {
           cooBrandOrders(brandId: $brandId, fulfilmentStatus: $fulfilmentStatus, pagination: $pagination) {
-            items { ${c} }
+            items { ${l} }
             pageInfo { cursor hasMore }
           }
         }`, {
@@ -37,88 +38,167 @@ var s = "coolandlovely", c = `
 			}
 		}, i)).cooBrandOrders
 	});
-}, u = (n) => {
+}, d = (n) => {
 	let { apiGatewayUrl: r } = e();
-	return a({
+	return o({
 		queryKey: [
-			s,
+			c,
 			"brand-order-summary",
 			n
 		],
 		enabled: !!n,
 		queryFn: async () => (await t("query CooBrandOrderSummary($brandId: ID!) {\n          cooBrandOrderSummary(brandId: $brandId) {\n            brandId unfulfilled confirmed shipped delivered refunded total\n          }\n        }", { brandId: n }, r)).cooBrandOrderSummary
 	});
-}, d = (n, r) => {
+}, f = (n, r) => {
 	let { apiGatewayUrl: i } = e();
-	return a({
+	return o({
 		queryKey: [
-			s,
+			c,
 			"brand-order",
 			n,
 			r
 		],
 		enabled: !!n && !!r,
-		queryFn: async () => (await t(`query CooBrandOrder($brandId: ID!, $id: ID!) { cooBrandOrder(brandId: $brandId, id: $id) { ${c} } }`, {
+		queryFn: async () => (await t(`query CooBrandOrder($brandId: ID!, $id: ID!) { cooBrandOrder(brandId: $brandId, id: $id) { ${l} } }`, {
 			brandId: n,
 			id: r
 		}, i)).cooBrandOrder
 	});
-}, f = () => {
-	let { apiGatewayUrl: n } = e(), r = o();
-	return i({
+}, p = () => {
+	let { apiGatewayUrl: n } = e(), r = s();
+	return a({
 		mutationFn: async (e) => (await t(`mutation CooUpdateOrderFulfilment($input: CooUpdateOrderFulfilmentInput!) {
-          cooUpdateOrderFulfilment(input: $input) { ${c} }
+          cooUpdateOrderFulfilment(input: $input) { ${l} }
         }`, { input: e }, n)).cooUpdateOrderFulfilment,
 		onSuccess: (e) => {
 			r.setQueryData([
-				s,
+				c,
 				"brand-order",
 				e.brandId,
 				e.id
 			], e), r.invalidateQueries({ queryKey: [
-				s,
+				c,
 				"brand-orders",
 				e.brandId
 			] }), r.invalidateQueries({ queryKey: [
-				s,
+				c,
 				"brand-order-summary",
 				e.brandId
 			] });
 		}
 	});
-}, p = () => {
-	let { apiGatewayUrl: n } = e(), r = o();
-	return i({
+}, m = () => {
+	let { apiGatewayUrl: n } = e(), r = s();
+	return a({
 		mutationFn: async (e) => (await t(`mutation CooRefundBrandOrder($input: CooRefundBrandOrderInput!) {
-          cooRefundBrandOrder(input: $input) { ${c} }
+          cooRefundBrandOrder(input: $input) { ${l} }
         }`, { input: e }, n)).cooRefundBrandOrder,
 		onSuccess: (e) => {
-			r.setQueryData([
-				s,
+			if (r.setQueryData([
+				c,
 				"brand-order",
 				e.brandId,
 				e.id
 			], e), r.invalidateQueries({ queryKey: [
-				s,
+				c,
 				"brand-orders",
 				e.brandId
 			] }), r.invalidateQueries({ queryKey: [
-				s,
+				c,
 				"brand-order-summary",
 				e.brandId
-			] });
+			] }), e.refund?.restockStatus === "RESTOCKED") {
+				for (let t of new Set(e.items.map((e) => e.styleItemId))) r.invalidateQueries({ queryKey: [
+					c,
+					"style-item-inventory",
+					t
+				] }), r.invalidateQueries({ queryKey: [
+					c,
+					"style-item",
+					t
+				] });
+				r.invalidateQueries({ queryKey: [c, "style-items"] });
+			}
 		},
 		onError: (e, t) => {
 			r.invalidateQueries({ queryKey: [
-				s,
+				c,
 				"brand-order",
 				t.brandId,
 				t.orderId
 			] });
 		}
 	});
+}, h = (n, r) => {
+	let { apiGatewayUrl: a } = e();
+	return o({
+		queryKey: [
+			c,
+			"brand-return-requests",
+			n,
+			r ?? "ALL"
+		],
+		enabled: !!n,
+		queryFn: async () => (await t(`query CooBrandReturnRequests($brandId: ID!, $status: CooReturnRequestStatus, $pagination: PaginationInput) {
+          cooBrandReturnRequests(brandId: $brandId, status: $status, pagination: $pagination) {
+            items { ${i} }
+            pageInfo { cursor hasMore }
+          }
+        }`, {
+			brandId: n,
+			status: r,
+			pagination: {
+				limit: 50,
+				offset: 0
+			}
+		}, a)).cooBrandReturnRequests
+	});
+}, g = () => {
+	let e = s();
+	return (t, n, r) => {
+		r ? e.setQueryData([
+			c,
+			"brand-order",
+			t,
+			n
+		], r) : e.invalidateQueries({ queryKey: [
+			c,
+			"brand-order",
+			t,
+			n
+		] }), e.invalidateQueries({ queryKey: [
+			c,
+			"brand-orders",
+			t
+		] }), e.invalidateQueries({ queryKey: [
+			c,
+			"brand-order-summary",
+			t
+		] }), e.invalidateQueries({ queryKey: [
+			c,
+			"brand-return-requests",
+			t
+		] });
+	};
+}, _ = () => {
+	let { apiGatewayUrl: n } = e(), r = g();
+	return a({
+		mutationFn: async (e) => (await t(`mutation CooApproveReturnRequest($input: CooApproveReturnRequestInput!) {
+          cooApproveReturnRequest(input: $input) { ${l} }
+        }`, { input: e }, n)).cooApproveReturnRequest,
+		onSuccess: (e, t) => r(t.brandId, t.orderId, e),
+		onError: (e, t) => r(t.brandId, t.orderId)
+	});
+}, v = () => {
+	let { apiGatewayUrl: n } = e(), r = g();
+	return a({
+		mutationFn: async (e) => (await t(`mutation CooDeclineReturnRequest($input: CooDeclineReturnRequestInput!) {
+          cooDeclineReturnRequest(input: $input) { ${l} }
+        }`, { input: e }, n)).cooDeclineReturnRequest,
+		onSuccess: (e, t) => r(t.brandId, t.orderId, e)
+	});
 };
 //#endregion
-export { d as useBrandOrder, u as useBrandOrderSummary, l as useBrandOrders, p as useRefundBrandOrder, f as useUpdateOrderFulfilment };
+export { _ as useApproveReturnRequest, f as useBrandOrder, d as useBrandOrderSummary, u as useBrandOrders, h as useBrandReturnRequests, v as useDeclineReturnRequest, m as useRefundBrandOrder, p as useUpdateOrderFulfilment };
 //# sourceMappingURL=useBrandOrdersApi.js.map