@burdenoff/microfe-store 2026.805.1 → 2026.819.1

package/dist/pages/AdminReviewModerationPage.js

@@ -1,13 +1,13 @@
 import { useStore as e } from "../providers/StoreProvider.js";
 import { useEffect as t, useRef as n, useState as r } from "react";
-import { ArrowLeft as i, Check as a, MessageSquareWarning as o, Search as s, X as c } from "lucide-react";
-import { graphqlFetch as l } from "@burdenoff/fe-libs/shared/graphql";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { useNavigate as f } from "react-router";
+import { useNavigate as i } from "react-router";
+import { ArrowLeft as a, Check as o, MessageSquareWarning as s, Search as c, X as l } from "lucide-react";
+import { graphqlFetch as u } from "@burdenoff/fe-libs/shared/graphql";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 import { GlassCard as p, IllustratedEmptyState as m, PagePurpose as h } from "@burdenoff/fe-libs/ui";
 //#region src/pages/AdminReviewModerationPage.tsx
 var g = "query SearchProductsForModeration($query: String!) { searchProducts(query: $query, limit: 10) { id name slug } }", _ = "query ProductReviewsForModeration($productId: String!) { productReviews(productId: $productId) { id userId rating title comment status helpful createdAt } }", v = "mutation RejectReview($id: ID!) { rejectReview(id: $id) { id status } }", y = "mutation ApproveReview($id: ID!) { approveReview(id: $id) { id status } }", b = () => {
-	let b = f(), { authToken: x } = e(), [S, C] = r(""), [w, T] = r([]), [E, D] = r(!1), [O, k] = r(!1), [A, j] = r(null), [M, N] = r([]), [P, F] = r(!1), [I, L] = r(null), [R, z] = r(null), B = n(null), V = n(null);
+	let b = i(), { authToken: x } = e(), [S, C] = r(""), [w, T] = r([]), [E, D] = r(!1), [O, k] = r(!1), [A, j] = r(null), [M, N] = r([]), [P, F] = r(!1), [I, L] = r(null), [R, z] = r(null), B = n(null), V = n(null);
 	t(() => {
 		let e = (e) => {
 			V.current && !V.current.contains(e.target) && k(!1);
@@ -22,7 +22,7 @@ var g = "query SearchProductsForModeration($query: String!) { searchProducts(que
 		B.current = setTimeout(async () => {
 			D(!0);
 			try {
-				T((await l({
+				T((await u({
 					gateway: "global",
 					query: g,
 					variables: { query: e },
@@ -39,7 +39,7 @@ var g = "query SearchProductsForModeration($query: String!) { searchProducts(que
 	}, W = async (e) => {
 		F(!0), L(null);
 		try {
-			let t = await l({
+			let t = await u({
 				gateway: "global",
 				query: _,
 				variables: { productId: e },
@@ -55,7 +55,7 @@ var g = "query SearchProductsForModeration($query: String!) { searchProducts(que
 	}, G = async (e) => {
 		z(e), L(null);
 		try {
-			let t = await l({
+			let t = await u({
 				gateway: "global",
 				query: v,
 				variables: { id: e },
@@ -74,7 +74,7 @@ var g = "query SearchProductsForModeration($query: String!) { searchProducts(que
 	}, K = async (e) => {
 		z(e), L(null);
 		try {
-			let t = await l({
+			let t = await u({
 				gateway: "global",
 				query: y,
 				variables: { id: e },
@@ -91,57 +91,57 @@ var g = "query SearchProductsForModeration($query: String!) { searchProducts(que
 			z(null);
 		}
 	};
-	return /* @__PURE__ */ d("div", {
+	return /* @__PURE__ */ f("div", {
 		className: "min-h-screen bg-surface-default",
-		children: [/* @__PURE__ */ u("header", {
+		children: [/* @__PURE__ */ d("header", {
 			className: "border-b border-border-seam bg-surface-raised",
-			children: /* @__PURE__ */ d("div", {
+			children: /* @__PURE__ */ f("div", {
 				className: "mx-auto max-w-7xl px-6 py-4",
-				children: [/* @__PURE__ */ d("div", {
+				children: [/* @__PURE__ */ f("div", {
 					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ d("button", {
+					children: [/* @__PURE__ */ f("button", {
 						type: "button",
 						onClick: () => b(-1),
 						"aria-label": "Go back",
 						className: "inline-flex items-center gap-2 rounded-md px-3 py-1.5 text-sm text-text-secondary hover:bg-surface-hover hover:text-text-primary",
-						children: [/* @__PURE__ */ u(i, { className: "size-4" }), "Back"]
-					}), /* @__PURE__ */ d("div", {
+						children: [/* @__PURE__ */ d(a, { className: "size-4" }), "Back"]
+					}), /* @__PURE__ */ f("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ u(o, { className: "size-5 text-text-primary" }), /* @__PURE__ */ u("h1", {
+						children: [/* @__PURE__ */ d(s, { className: "size-5 text-text-primary" }), /* @__PURE__ */ d("h1", {
 							className: "text-xl font-semibold text-text-primary",
 							children: "Review Moderation"
 						})]
 					})]
-				}), /* @__PURE__ */ u("p", {
+				}), /* @__PURE__ */ d("p", {
 					className: "mt-1 text-sm text-text-secondary",
 					children: "Moderate reviews by product — approve legitimate ones or remove violations"
 				})]
 			})
-		}), /* @__PURE__ */ u("main", {
+		}), /* @__PURE__ */ d("main", {
 			className: "mx-auto max-w-7xl p-6",
-			children: /* @__PURE__ */ d("div", {
+			children: /* @__PURE__ */ f("div", {
 				className: "space-y-4",
 				children: [
-					/* @__PURE__ */ u(h, { children: "Keep the marketplace trustworthy. Pick any product, read every review customers have left for it, approve legitimate ones, and remove those that break content guidelines (spam, abuse, or off-topic posts). Search the exact product you need to moderate rather than scrolling an endless global feed." }),
-					/* @__PURE__ */ d("div", {
+					/* @__PURE__ */ d(h, { children: "Keep the marketplace trustworthy. Pick any product, read every review customers have left for it, approve legitimate ones, and remove those that break content guidelines (spam, abuse, or off-topic posts). Search the exact product you need to moderate rather than scrolling an endless global feed." }),
+					/* @__PURE__ */ f("div", {
 						ref: V,
 						className: "relative",
 						children: [
-							/* @__PURE__ */ d(p, {
+							/* @__PURE__ */ f(p, {
 								treatment: "glass",
 								glow: !0,
 								className: "p-4",
 								children: [
-									/* @__PURE__ */ u("label", {
+									/* @__PURE__ */ d("label", {
 										htmlFor: "admin-review-product-search",
 										className: "mb-1.5 block text-sm font-medium text-text-primary",
 										children: "Search product by name"
 									}),
-									/* @__PURE__ */ d("div", {
+									/* @__PURE__ */ f("div", {
 										className: "relative flex items-center",
 										children: [
-											/* @__PURE__ */ u(s, { className: "pointer-events-none absolute left-3 size-4 text-text-secondary" }),
-											/* @__PURE__ */ u("input", {
+											/* @__PURE__ */ d(c, { className: "pointer-events-none absolute left-3 size-4 text-text-secondary" }),
+											/* @__PURE__ */ d("input", {
 												id: "admin-review-product-search",
 												"aria-label": "Search product by name",
 												value: S,
@@ -151,22 +151,22 @@ var g = "query SearchProductsForModeration($query: String!) { searchProducts(que
 												autoComplete: "off",
 												className: "w-full rounded-md border border-border-default bg-surface-default py-2 pl-9 pr-3 text-sm text-text-primary outline-none focus:border-border-accent"
 											}),
-											E && /* @__PURE__ */ u("span", {
+											E && /* @__PURE__ */ d("span", {
 												className: "absolute right-3 text-xs text-text-secondary",
 												children: "Searching…"
 											})
 										]
 									}),
-									A && /* @__PURE__ */ d("p", {
+									A && /* @__PURE__ */ f("p", {
 										className: "mt-2 text-xs text-text-secondary",
 										children: [
 											"Moderating:",
 											" ",
-											/* @__PURE__ */ u("span", {
+											/* @__PURE__ */ d("span", {
 												className: "font-medium text-text-primary",
 												children: A.name
 											}),
-											/* @__PURE__ */ d("span", {
+											/* @__PURE__ */ f("span", {
 												className: "ml-1 text-text-tertiary",
 												children: [
 													"(",
@@ -178,23 +178,23 @@ var g = "query SearchProductsForModeration($query: String!) { searchProducts(que
 									})
 								]
 							}),
-							O && w.length > 0 && /* @__PURE__ */ u("ul", {
+							O && w.length > 0 && /* @__PURE__ */ d("ul", {
 								className: "absolute left-0 right-0 z-50 mt-1 rounded-md border border-border-default bg-surface-raised shadow-lg",
-								children: w.map((e) => /* @__PURE__ */ u("li", { children: /* @__PURE__ */ d("button", {
+								children: w.map((e) => /* @__PURE__ */ d("li", { children: /* @__PURE__ */ f("button", {
 									type: "button",
 									onMouseDown: (e) => e.preventDefault(),
 									onClick: () => U(e),
 									className: "w-full px-4 py-2.5 text-left text-sm hover:bg-surface-hover",
-									children: [/* @__PURE__ */ u("span", {
+									children: [/* @__PURE__ */ d("span", {
 										className: "font-medium text-text-primary",
 										children: e.name
-									}), /* @__PURE__ */ u("span", {
+									}), /* @__PURE__ */ d("span", {
 										className: "ml-2 text-xs text-text-secondary",
 										children: e.id
 									})]
 								}) }, e.id))
 							}),
-							O && !E && w.length === 0 && S.trim() && /* @__PURE__ */ d("div", {
+							O && !E && w.length === 0 && S.trim() && /* @__PURE__ */ f("div", {
 								className: "absolute left-0 right-0 z-50 mt-1 rounded-md border border-border-default bg-surface-raised px-4 py-3 text-sm text-text-secondary shadow-lg",
 								children: [
 									"No products found for “",
@@ -204,48 +204,48 @@ var g = "query SearchProductsForModeration($query: String!) { searchProducts(que
 							})
 						]
 					}),
-					I && /* @__PURE__ */ u("div", {
+					I && /* @__PURE__ */ d("div", {
 						role: "alert",
 						className: "rounded-md border border-border-danger bg-surface-danger-muted px-4 py-3 text-sm text-text-danger",
 						children: I
 					}),
-					P && /* @__PURE__ */ u("div", {
+					P && /* @__PURE__ */ d("div", {
 						className: "rounded-lg border border-border-default bg-surface-raised p-10 text-center",
-						children: /* @__PURE__ */ u("p", {
+						children: /* @__PURE__ */ d("p", {
 							className: "text-sm text-text-secondary",
 							children: "Loading reviews…"
 						})
 					}),
-					!P && !A ? /* @__PURE__ */ u(m, {
+					!P && !A ? /* @__PURE__ */ d(m, {
 						illustration: "empty-search",
 						title: "Search a product to moderate",
 						description: "Use the search box above to find a product by name. Its reviews will load here so you can inspect and remove any that violate the guidelines."
-					}) : !P && A && M.length === 0 ? /* @__PURE__ */ u(m, {
+					}) : !P && A && M.length === 0 ? /* @__PURE__ */ d(m, {
 						illustration: "empty-notifications",
 						title: "No reviews to moderate",
 						description: "This product has no reviews right now. Nothing here needs your attention."
-					}) : /* @__PURE__ */ u("ul", {
+					}) : /* @__PURE__ */ d("ul", {
 						className: "space-y-3",
-						children: M.map((e) => /* @__PURE__ */ u("li", {
+						children: M.map((e) => /* @__PURE__ */ d("li", {
 							className: "rounded-lg border border-border-seam bg-surface-raised p-4 transition-[box-shadow,border-color] hover:border-border-strong hover:shadow-[var(--shadow-pop)]",
-							children: /* @__PURE__ */ d("div", {
+							children: /* @__PURE__ */ f("div", {
 								className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",
-								children: [/* @__PURE__ */ d("div", { children: [
-									/* @__PURE__ */ d("div", {
+								children: [/* @__PURE__ */ f("div", { children: [
+									/* @__PURE__ */ f("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ u("p", {
+										children: [/* @__PURE__ */ d("p", {
 											className: "font-medium text-text-primary",
 											children: e.title || "Untitled review"
-										}), /* @__PURE__ */ u("span", {
+										}), /* @__PURE__ */ d("span", {
 											className: `rounded-full px-2 py-0.5 text-xs font-medium ${e.status === "APPROVED" ? "bg-surface-success-muted text-text-success" : e.status === "REJECTED" ? "bg-surface-danger-muted text-text-danger" : "bg-surface-warning-muted text-text-warning"}`,
 											children: e.status
 										})]
 									}),
-									/* @__PURE__ */ u("p", {
+									/* @__PURE__ */ d("p", {
 										className: "mt-1 text-sm text-text-secondary",
 										children: e.comment || "No comment provided."
 									}),
-									/* @__PURE__ */ d("p", {
+									/* @__PURE__ */ f("p", {
 										className: "mt-2 text-xs text-text-secondary",
 										children: [
 											"User ",
@@ -256,20 +256,20 @@ var g = "query SearchProductsForModeration($query: String!) { searchProducts(que
 											e.helpful
 										]
 									})
-								] }), /* @__PURE__ */ d("div", {
+								] }), /* @__PURE__ */ f("div", {
 									className: "flex items-center gap-2",
-									children: [e.status !== "APPROVED" && /* @__PURE__ */ d("button", {
+									children: [e.status !== "APPROVED" && /* @__PURE__ */ f("button", {
 										type: "button",
 										onClick: () => K(e.id),
 										disabled: R === e.id,
 										className: "inline-flex items-center gap-1.5 rounded-md border border-border-success px-3 py-1.5 text-sm font-medium text-text-success hover:bg-surface-success-muted disabled:cursor-not-allowed disabled:opacity-60",
-										children: [/* @__PURE__ */ u(a, { className: "size-4" }), " Approve"]
-									}), e.status !== "REJECTED" && /* @__PURE__ */ d("button", {
+										children: [/* @__PURE__ */ d(o, { className: "size-4" }), " Approve"]
+									}), e.status !== "REJECTED" && /* @__PURE__ */ f("button", {
 										type: "button",
 										onClick: () => G(e.id),
 										disabled: R === e.id,
 										className: "inline-flex items-center gap-1.5 rounded-md border border-border-danger px-3 py-1.5 text-sm font-medium text-text-danger hover:bg-surface-danger-muted disabled:cursor-not-allowed disabled:opacity-60",
-										children: [/* @__PURE__ */ u(c, { className: "size-4" }), " Remove"]
+										children: [/* @__PURE__ */ d(l, { className: "size-4" }), " Remove"]
 									})]
 								})]
 							})