@burdenoff/microfe-store 2026.626.1 → 2026.703.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, MessageSquareWarning as a, Search as o, X as s } from "lucide-react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { useNavigate as u } from "react-router-dom";
-import { graphqlFetch as d } from "@burdenoff/fe-libs/shared/graphql";
+import { graphqlFetch as c } from "@burdenoff/fe-libs/shared/graphql";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { useNavigate as d } from "react-router-dom";
 import { GlassCard as f, IllustratedEmptyState as p, PagePurpose as m } from "@burdenoff/fe-libs/ui";
 //#region src/pages/AdminReviewModerationPage.tsx
 var h = "query SearchProductsForModeration($query: String!) { searchProducts(query: $query, limit: 10) { id name slug } }", g = "query ProductReviewsForModeration($productId: String!) { productReviews(productId: $productId) { id userId rating title comment status helpful createdAt } }", _ = "mutation RejectReview($id: ID!) { rejectReview(id: $id) { id status } }", v = () => {
-	let v = u(), { authToken: y } = e(), [b, x] = r(""), [S, C] = r([]), [w, T] = r(!1), [E, D] = r(!1), [O, k] = r(null), [A, j] = r([]), [M, N] = r(!1), [P, F] = r(null), [I, L] = r(null), R = n(null), z = n(null);
+	let v = d(), { authToken: y } = e(), [b, x] = r(""), [S, C] = r([]), [w, T] = r(!1), [E, D] = r(!1), [O, k] = r(null), [A, j] = r([]), [M, N] = r(!1), [P, F] = r(null), [I, L] = r(null), R = n(null), z = n(null);
 	t(() => {
 		let e = (e) => {
 			z.current && !z.current.contains(e.target) && D(!1);
@@ -22,7 +22,7 @@ var h = "query SearchProductsForModeration($query: String!) { searchProducts(que
 		R.current = setTimeout(async () => {
 			T(!0);
 			try {
-				C((await d({
+				C((await c({
 					gateway: "global",
 					query: h,
 					variables: { query: e },
@@ -39,7 +39,7 @@ var h = "query SearchProductsForModeration($query: String!) { searchProducts(que
 	}, H = async (e) => {
 		N(!0), F(null);
 		try {
-			let t = await d({
+			let t = await c({
 				gateway: "global",
 				query: g,
 				variables: { productId: e },
@@ -55,7 +55,7 @@ var h = "query SearchProductsForModeration($query: String!) { searchProducts(que
 	}, U = async (e) => {
 		L(e), F(null);
 		try {
-			let t = await d({
+			let t = await c({
 				gateway: "global",
 				query: _,
 				variables: { id: e },
@@ -69,56 +69,56 @@ var h = "query SearchProductsForModeration($query: String!) { searchProducts(que
 			L(null);
 		}
 	};
-	return /* @__PURE__ */ l("div", {
+	return /* @__PURE__ */ u("div", {
 		className: "min-h-screen bg-surface-default",
-		children: [/* @__PURE__ */ c("header", {
+		children: [/* @__PURE__ */ l("header", {
 			className: "border-b border-border-seam bg-surface-raised",
-			children: /* @__PURE__ */ l("div", {
+			children: /* @__PURE__ */ u("div", {
 				className: "mx-auto max-w-7xl px-6 py-4",
-				children: [/* @__PURE__ */ l("div", {
+				children: [/* @__PURE__ */ u("div", {
 					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ l("button", {
+					children: [/* @__PURE__ */ u("button", {
 						type: "button",
 						onClick: () => v(-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__ */ c(i, { className: "size-4" }), "Back"]
-					}), /* @__PURE__ */ l("div", {
+						children: [/* @__PURE__ */ l(i, { className: "size-4" }), "Back"]
+					}), /* @__PURE__ */ u("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ c(a, { className: "size-5 text-text-primary" }), /* @__PURE__ */ c("h1", {
+						children: [/* @__PURE__ */ l(a, { className: "size-5 text-text-primary" }), /* @__PURE__ */ l("h1", {
 							className: "text-xl font-semibold text-text-primary",
 							children: "Review Moderation"
 						})]
 					})]
-				}), /* @__PURE__ */ c("p", {
+				}), /* @__PURE__ */ l("p", {
 					className: "mt-1 text-sm text-text-secondary",
 					children: "Review published content by product and remove anything that violates guidelines"
 				})]
 			})
-		}), /* @__PURE__ */ c("main", {
+		}), /* @__PURE__ */ l("main", {
 			className: "mx-auto max-w-7xl p-6",
-			children: /* @__PURE__ */ l("div", {
+			children: /* @__PURE__ */ u("div", {
 				className: "space-y-4",
 				children: [
-					/* @__PURE__ */ c(m, { children: "Keep the marketplace trustworthy. Pick any product, read every review customers have left for it, and remove ones that break the content guidelines (spam, abuse, or off-topic posts). This is targeted clean-up — search the exact product you need to moderate rather than scrolling an endless global feed." }),
-					/* @__PURE__ */ l(f, {
+					/* @__PURE__ */ l(m, { children: "Keep the marketplace trustworthy. Pick any product, read every review customers have left for it, and remove ones that break the content guidelines (spam, abuse, or off-topic posts). This is targeted clean-up — search the exact product you need to moderate rather than scrolling an endless global feed." }),
+					/* @__PURE__ */ u(f, {
 						treatment: "glass",
 						glow: !0,
 						className: "p-4",
-						children: [/* @__PURE__ */ l("div", {
+						children: [/* @__PURE__ */ u("div", {
 							ref: z,
 							className: "relative",
 							children: [
-								/* @__PURE__ */ c("label", {
+								/* @__PURE__ */ l("label", {
 									htmlFor: "admin-review-product-search",
 									className: "mb-1.5 block text-sm font-medium text-text-primary",
 									children: "Search product by name"
 								}),
-								/* @__PURE__ */ l("div", {
+								/* @__PURE__ */ u("div", {
 									className: "relative flex items-center",
 									children: [
-										/* @__PURE__ */ c(o, { className: "pointer-events-none absolute left-3 size-4 text-text-secondary" }),
-										/* @__PURE__ */ c("input", {
+										/* @__PURE__ */ l(o, { className: "pointer-events-none absolute left-3 size-4 text-text-secondary" }),
+										/* @__PURE__ */ l("input", {
 											id: "admin-review-product-search",
 											"aria-label": "Search product by name",
 											value: b,
@@ -128,28 +128,28 @@ var h = "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"
 										}),
-										w && /* @__PURE__ */ c("span", {
+										w && /* @__PURE__ */ l("span", {
 											className: "absolute right-3 text-xs text-text-secondary",
 											children: "Searching…"
 										})
 									]
 								}),
-								E && S.length > 0 && /* @__PURE__ */ c("ul", {
+								E && S.length > 0 && /* @__PURE__ */ l("ul", {
 									className: "absolute z-10 mt-1 w-full rounded-md border border-border-default bg-surface-raised shadow-lg",
-									children: S.map((e) => /* @__PURE__ */ c("li", { children: /* @__PURE__ */ l("button", {
+									children: S.map((e) => /* @__PURE__ */ l("li", { children: /* @__PURE__ */ u("button", {
 										type: "button",
 										onClick: () => V(e),
 										className: "w-full px-4 py-2.5 text-left text-sm hover:bg-surface-hover",
-										children: [/* @__PURE__ */ c("span", {
+										children: [/* @__PURE__ */ l("span", {
 											className: "font-medium text-text-primary",
 											children: e.name
-										}), /* @__PURE__ */ c("span", {
+										}), /* @__PURE__ */ l("span", {
 											className: "ml-2 text-xs text-text-secondary",
 											children: e.slug
 										})]
 									}) }, e.id))
 								}),
-								E && !w && S.length === 0 && b.trim() && /* @__PURE__ */ l("div", {
+								E && !w && S.length === 0 && b.trim() && /* @__PURE__ */ u("div", {
 									className: "absolute z-10 mt-1 w-full 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 “",
@@ -158,16 +158,16 @@ var h = "query SearchProductsForModeration($query: String!) { searchProducts(que
 									]
 								})
 							]
-						}), O && /* @__PURE__ */ l("p", {
+						}), O && /* @__PURE__ */ u("p", {
 							className: "mt-2 text-xs text-text-secondary",
 							children: [
 								"Moderating:",
 								" ",
-								/* @__PURE__ */ c("span", {
+								/* @__PURE__ */ l("span", {
 									className: "font-medium text-text-primary",
 									children: O.name
 								}),
-								/* @__PURE__ */ l("span", {
+								/* @__PURE__ */ u("span", {
 									className: "ml-1 text-text-tertiary",
 									children: [
 										"(",
@@ -178,48 +178,48 @@ var h = "query SearchProductsForModeration($query: String!) { searchProducts(que
 							]
 						})]
 					}),
-					P && /* @__PURE__ */ c("div", {
+					P && /* @__PURE__ */ l("div", {
 						role: "alert",
 						className: "rounded-md border border-border-danger bg-surface-danger-muted px-4 py-3 text-sm text-text-danger",
 						children: P
 					}),
-					M && /* @__PURE__ */ c("div", {
+					M && /* @__PURE__ */ l("div", {
 						className: "rounded-lg border border-border-default bg-surface-raised p-10 text-center",
-						children: /* @__PURE__ */ c("p", {
+						children: /* @__PURE__ */ l("p", {
 							className: "text-sm text-text-secondary",
 							children: "Loading reviews…"
 						})
 					}),
-					!M && !O ? /* @__PURE__ */ c(p, {
+					!M && !O ? /* @__PURE__ */ l(p, {
 						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."
-					}) : !M && O && A.length === 0 ? /* @__PURE__ */ c(p, {
+					}) : !M && O && A.length === 0 ? /* @__PURE__ */ l(p, {
 						illustration: "empty-notifications",
 						title: "No reviews to moderate",
 						description: "This product has no reviews right now. Nothing here needs your attention."
-					}) : /* @__PURE__ */ c("ul", {
+					}) : /* @__PURE__ */ l("ul", {
 						className: "space-y-3",
-						children: A.map((e) => /* @__PURE__ */ c("li", {
+						children: A.map((e) => /* @__PURE__ */ l("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__ */ l("div", {
+							children: /* @__PURE__ */ u("div", {
 								className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",
-								children: [/* @__PURE__ */ l("div", { children: [
-									/* @__PURE__ */ l("div", {
+								children: [/* @__PURE__ */ u("div", { children: [
+									/* @__PURE__ */ u("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ c("p", {
+										children: [/* @__PURE__ */ l("p", {
 											className: "font-medium text-text-primary",
 											children: e.title || "Untitled review"
-										}), /* @__PURE__ */ c("span", {
+										}), /* @__PURE__ */ l("span", {
 											className: "rounded-full bg-surface-muted px-2 py-0.5 text-xs text-text-secondary",
 											children: e.status
 										})]
 									}),
-									/* @__PURE__ */ c("p", {
+									/* @__PURE__ */ l("p", {
 										className: "mt-1 text-sm text-text-secondary",
 										children: e.comment || "No comment provided."
 									}),
-									/* @__PURE__ */ l("p", {
+									/* @__PURE__ */ u("p", {
 										className: "mt-2 text-xs text-text-secondary",
 										children: [
 											"User ",
@@ -230,14 +230,14 @@ var h = "query SearchProductsForModeration($query: String!) { searchProducts(que
 											e.helpful
 										]
 									})
-								] }), /* @__PURE__ */ c("div", {
+								] }), /* @__PURE__ */ l("div", {
 									className: "flex items-center gap-2",
-									children: /* @__PURE__ */ l("button", {
+									children: /* @__PURE__ */ u("button", {
 										type: "button",
 										onClick: () => U(e.id),
 										disabled: I === 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__ */ c(s, { className: "size-4" }), " Remove"]
+										children: [/* @__PURE__ */ l(s, { className: "size-4" }), " Remove"]
 									})
 								})]
 							})