@burdenoff/microfe-store 2026.525.3 → 2026.528.1

package/dist/pages/AdminSubmissionsQueuePage.js

@@ -1,11 +1,12 @@
 import { useStore as e } from "../providers/StoreProvider.js";
-import { useEffect as t, useState as n } from "react";
-import { ArrowLeft as r, Check as i, ChevronDown as a, ChevronUp as o, PackageCheck as s, RefreshCw as c, X as l } from "lucide-react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { useNavigate as f } from "react-router-dom";
-import { graphqlFetch as p } from "@burdenoff/fe-libs/shared/graphql";
+import { formatPriceForModel as t } from "../utils/index.js";
+import { useCallback as n, useEffect as r, useState as i } from "react";
+import { ArrowLeft as a, Check as o, ChevronDown as s, ChevronUp as c, PackageCheck as l, RefreshCw as u, X as d } from "lucide-react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { useNavigate as m } from "react-router-dom";
+import { graphqlFetch as h } from "@burdenoff/fe-libs/shared/graphql";
 //#region src/pages/AdminSubmissionsQueuePage.tsx
-var m = "\n  query PendingReviewProducts($limit: Int, $offset: Int) {\n    pendingReviewProducts(limit: $limit, offset: $offset) {\n      totalCount\n      products {\n        id\n        slug\n        name\n        type\n        nature\n        status\n        pricingModel\n        price\n        currency\n        description\n        submittedAt\n        submittedBy\n        category\n        icon\n        publisher {\n          id\n          name\n          email\n        }\n      }\n    }\n  }\n", h = "\n  query AdminProducts($limit: Int, $offset: Int, $status: ProductStatus) {\n    products(filter: { status: $status }, limit: $limit, offset: $offset) {\n      id\n      slug\n      name\n      type\n      nature\n      status\n      pricingModel\n      price\n      currency\n      description\n      submittedAt\n      submittedBy\n      category\n      icon\n      publisher {\n        id\n        name\n        email\n      }\n    }\n  }\n", g = "\n  mutation ApproveProduct($id: ID!, $notes: String) {\n    approveProduct(id: $id, notes: $notes) {\n      id\n      status\n      publishedAt\n    }\n  }\n", _ = "\n  mutation RejectProduct($id: ID!, $reason: String!) {\n    rejectProduct(id: $id, reason: $reason) {\n      id\n      status\n      rejectedReason\n    }\n  }\n", v = [
+var g = "\n  query PendingReviewProducts($limit: Int, $offset: Int) {\n    pendingReviewProducts(limit: $limit, offset: $offset) {\n      totalCount\n      products {\n        id\n        slug\n        name\n        type\n        nature\n        status\n        pricingModel\n        price\n        currency\n        description\n        submittedAt\n        submittedBy\n        category\n        icon\n        publisher {\n          id\n          name\n          email\n        }\n      }\n    }\n  }\n", _ = "\n  query AdminProducts($limit: Int, $offset: Int, $status: ProductStatus) {\n    products(filter: { status: $status }, limit: $limit, offset: $offset) {\n      id\n      slug\n      name\n      type\n      nature\n      status\n      pricingModel\n      price\n      currency\n      description\n      submittedAt\n      submittedBy\n      category\n      icon\n      publisher {\n        id\n        name\n        email\n      }\n    }\n  }\n", v = "\n  mutation ApproveProduct($id: ID!, $notes: String) {\n    approveProduct(id: $id, notes: $notes) {\n      id\n      status\n      publishedAt\n    }\n  }\n", y = "\n  mutation RejectProduct($id: ID!, $reason: String!) {\n    rejectProduct(id: $id, reason: $reason) {\n      id\n      status\n      rejectedReason\n    }\n  }\n", b = [
 	{
 		label: "Pending review",
 		value: "PENDING_REVIEW"
@@ -22,276 +23,272 @@ var m = "\n  query PendingReviewProducts($limit: Int, $offset: Int) {\n    pendi
 		label: "All",
 		value: "ALL"
 	}
-], y = () => {
-	let y = f(), { authToken: b, basePath: x } = e(), [S, C] = n([]), [w, T] = n(0), [E, D] = n(!1), [O, k] = n(null), [A, j] = n(null), [M, N] = n("PENDING_REVIEW"), [P, F] = n(null), [I, L] = n(""), [R, z] = n(null), B = async (e) => {
-		D(!0), k(null);
+], x = () => {
+	let x = m(), { authToken: S, basePath: C } = e(), [w, T] = i([]), [E, D] = i(0), [O, k] = i(!1), [A, j] = i(null), [M, N] = i(null), [P, F] = i("PENDING_REVIEW"), [I, L] = i(null), [R, z] = i(""), [B, V] = i(null), H = n(async (e) => {
+		k(!0), j(null);
 		try {
 			if (e === "PENDING_REVIEW") {
-				let e = await p({
+				let e = await h({
 					gateway: "global",
-					query: m,
+					query: g,
 					variables: {
 						limit: 100,
 						offset: 0
 					},
-					authToken: b || void 0
+					authToken: S || void 0
 				});
 				if (e.errors?.length) throw Error(e.errors[0]?.message ?? "Failed to load pending products");
-				C(e.data?.pendingReviewProducts.products ?? []), T(e.data?.pendingReviewProducts.totalCount ?? 0);
+				T(e.data?.pendingReviewProducts.products ?? []), D(e.data?.pendingReviewProducts.totalCount ?? 0);
 			} else {
-				let t = await p({
+				let t = await h({
 					gateway: "global",
-					query: h,
+					query: _,
 					variables: {
 						limit: 100,
 						offset: 0,
 						...e !== "ALL" && { status: e }
 					},
-					authToken: b || void 0
+					authToken: S || void 0
 				});
 				if (t.errors?.length) throw Error(t.errors[0]?.message ?? "Failed to load products");
 				let n = t.data?.products ?? [];
-				C(n), T(n.length);
+				T(n), D(n.length);
 			}
 		} catch (e) {
-			k(e instanceof Error ? e.message : "Failed to load products");
+			j(e instanceof Error ? e.message : "Failed to load products");
 		} finally {
-			D(!1);
+			k(!1);
 		}
-	};
-	t(() => {
-		B(M);
-	}, [M]);
-	let V = async (e) => {
-		j(e), k(null);
+	}, [S]);
+	r(() => {
+		H(P);
+	}, [H, P]);
+	let U = async (e) => {
+		N(e), j(null);
 		try {
-			let t = await p({
+			let t = await h({
 				gateway: "global",
-				query: g,
+				query: v,
 				variables: {
 					id: e,
 					notes: null
 				},
-				authToken: b || void 0
+				authToken: S || void 0
 			});
 			if (t.errors?.length) throw Error(t.errors[0]?.message ?? "Approval failed");
-			await B(M);
+			await H(P);
 		} catch (e) {
-			k(e instanceof Error ? e.message : "Approval failed");
+			j(e instanceof Error ? e.message : "Approval failed");
 		} finally {
-			j(null);
+			N(null);
 		}
-	}, H = async (e) => {
-		if (!I.trim()) {
-			k("Rejection reason is required");
+	}, W = async (e) => {
+		if (!R.trim()) {
+			j("Rejection reason is required");
 			return;
 		}
-		j(e), k(null);
+		N(e), j(null);
 		try {
-			let t = await p({
+			let t = await h({
 				gateway: "global",
-				query: _,
+				query: y,
 				variables: {
 					id: e,
-					reason: I.trim()
+					reason: R.trim()
 				},
-				authToken: b || void 0
+				authToken: S || void 0
 			});
 			if (t.errors?.length) throw Error(t.errors[0]?.message ?? "Rejection failed");
-			F(null), L(""), await B(M);
+			L(null), z(""), await H(P);
 		} catch (e) {
-			k(e instanceof Error ? e.message : "Rejection failed");
+			j(e instanceof Error ? e.message : "Rejection failed");
 		} finally {
-			j(null);
+			N(null);
 		}
-	}, U = (e, t, n) => n === "FREE" ? "Free" : new Intl.NumberFormat(void 0, {
-		style: "currency",
-		currency: t || "USD"
-	}).format(e);
-	return /* @__PURE__ */ d("div", {
+	};
+	return /* @__PURE__ */ p("div", {
 		className: "min-h-screen bg-surface-default",
-		children: [/* @__PURE__ */ u("header", {
+		children: [/* @__PURE__ */ f("header", {
 			className: "border-b border-border-default bg-surface-raised",
-			children: /* @__PURE__ */ d("div", {
+			children: /* @__PURE__ */ p("div", {
 				className: "mx-auto max-w-7xl px-6 py-4",
-				children: [/* @__PURE__ */ d("div", {
+				children: [/* @__PURE__ */ p("div", {
 					className: "flex items-center justify-between",
-					children: [/* @__PURE__ */ d("div", {
+					children: [/* @__PURE__ */ p("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ d("button", {
+						children: [/* @__PURE__ */ p("button", {
 							type: "button",
-							onClick: () => y(`${x}/dashboard`),
+							onClick: () => x(`${C}/dashboard`),
 							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(r, { className: "h-4 w-4" }), "Back"]
-						}), /* @__PURE__ */ d("div", {
+							children: [/* @__PURE__ */ f(a, { className: "size-4" }), "Back"]
+						}), /* @__PURE__ */ p("div", {
 							className: "flex items-center gap-2",
 							children: [
-								/* @__PURE__ */ u(s, { className: "h-5 w-5 text-text-primary" }),
-								/* @__PURE__ */ u("h1", {
+								/* @__PURE__ */ f(l, { className: "size-5 text-text-primary" }),
+								/* @__PURE__ */ f("h1", {
 									className: "text-xl font-semibold text-text-primary",
 									children: "Submission queue"
 								}),
-								/* @__PURE__ */ u("span", {
+								/* @__PURE__ */ f("span", {
 									className: "rounded-full bg-surface-accent-muted px-2 py-0.5 text-xs font-medium text-text-accent",
-									children: w
+									children: E
 								})
 							]
 						})]
-					}), /* @__PURE__ */ d("button", {
+					}), /* @__PURE__ */ p("button", {
 						type: "button",
-						onClick: () => void B(M),
+						onClick: () => void H(P),
 						className: "inline-flex items-center gap-2 rounded-md border border-border-default bg-surface-default px-3 py-1.5 text-sm text-text-primary hover:bg-surface-hover",
-						disabled: E,
-						children: [/* @__PURE__ */ u(c, { className: `h-4 w-4 ${E ? "animate-spin" : ""}` }), "Refresh"]
+						disabled: O,
+						children: [/* @__PURE__ */ f(u, { className: `size-4 ${O ? "animate-spin" : ""}` }), "Refresh"]
 					})]
-				}), /* @__PURE__ */ u("div", {
+				}), /* @__PURE__ */ f("div", {
 					className: "mt-4 flex gap-2",
-					children: v.map((e) => /* @__PURE__ */ u("button", {
+					children: b.map((e) => /* @__PURE__ */ f("button", {
 						type: "button",
-						onClick: () => N(e.value),
-						className: `rounded-full px-3 py-1 text-xs font-medium transition-colors ${M === e.value ? "bg-surface-accent text-text-on-accent" : "bg-surface-muted text-text-secondary hover:bg-surface-hover"}`,
+						onClick: () => F(e.value),
+						className: `rounded-full px-3 py-1 text-xs font-medium transition-colors ${P === e.value ? "bg-surface-accent text-text-on-accent" : "bg-surface-muted text-text-secondary hover:bg-surface-hover"}`,
 						children: e.label
 					}, e.value))
 				})]
 			})
-		}), /* @__PURE__ */ d("main", {
-			className: "mx-auto max-w-7xl px-6 py-6",
-			children: [O && /* @__PURE__ */ u("div", {
+		}), /* @__PURE__ */ p("main", {
+			className: "mx-auto max-w-7xl p-6",
+			children: [A && /* @__PURE__ */ f("div", {
 				role: "alert",
 				className: "mb-4 rounded-md border border-border-danger bg-surface-danger-muted px-4 py-3 text-sm text-text-danger",
-				children: O
-			}), E && S.length === 0 ? /* @__PURE__ */ u("div", {
-				role: "status",
-				className: "py-16 text-center text-text-secondary",
+				children: A
+			}), O && w.length === 0 ? /* @__PURE__ */ f("output", {
+				className: "block py-16 text-center text-text-secondary",
 				children: "Loading submissions…"
-			}) : S.length === 0 ? /* @__PURE__ */ u("div", {
+			}) : w.length === 0 ? /* @__PURE__ */ f("div", {
 				className: "py-16 text-center text-text-secondary",
 				children: "No products matching the current filter."
-			}) : /* @__PURE__ */ u("ul", {
+			}) : /* @__PURE__ */ f("ul", {
 				className: "space-y-3",
-				children: S.map((e) => /* @__PURE__ */ d("li", {
+				children: w.map((e) => /* @__PURE__ */ p("li", {
 					className: "overflow-hidden rounded-lg border border-border-default bg-surface-raised",
 					children: [
-						/* @__PURE__ */ d("div", {
+						/* @__PURE__ */ p("div", {
 							className: "flex items-start gap-4 p-4",
 							children: [
-								e.icon ? /* @__PURE__ */ u("img", {
+								e.icon ? /* @__PURE__ */ f("img", {
 									src: e.icon,
 									alt: "",
-									className: "h-14 w-14 flex-shrink-0 rounded-md object-cover"
-								}) : /* @__PURE__ */ u("div", {
-									className: "flex h-14 w-14 flex-shrink-0 items-center justify-center rounded-md bg-surface-muted text-xs text-text-secondary",
+									className: "size-14 flex-shrink-0 rounded-md object-cover"
+								}) : /* @__PURE__ */ f("div", {
+									className: "flex size-14 flex-shrink-0 items-center justify-center rounded-md bg-surface-muted text-xs text-text-secondary",
 									children: e.type
 								}),
-								/* @__PURE__ */ d("div", {
+								/* @__PURE__ */ p("div", {
 									className: "min-w-0 flex-1",
 									children: [
-										/* @__PURE__ */ d("div", {
+										/* @__PURE__ */ p("div", {
 											className: "flex items-center gap-2",
 											children: [
-												/* @__PURE__ */ u("h3", {
+												/* @__PURE__ */ f("h3", {
 													className: "truncate text-base font-semibold text-text-primary",
 													children: e.name
 												}),
-												/* @__PURE__ */ u("span", {
+												/* @__PURE__ */ f("span", {
 													className: "rounded-full bg-surface-accent-muted px-2 py-0.5 text-xs font-medium text-text-accent",
 													children: e.type
 												}),
-												/* @__PURE__ */ u("span", {
+												/* @__PURE__ */ f("span", {
 													className: "rounded-full bg-surface-muted px-2 py-0.5 text-xs font-medium text-text-secondary",
 													children: e.nature
 												})
 											]
 										}),
-										/* @__PURE__ */ u("div", {
+										/* @__PURE__ */ f("div", {
 											className: "mt-0.5 text-xs text-text-tertiary",
 											children: e.slug
 										}),
-										/* @__PURE__ */ d("div", {
+										/* @__PURE__ */ p("div", {
 											className: "mt-1 flex items-center gap-3 text-xs text-text-secondary",
 											children: [
-												/* @__PURE__ */ d("span", { children: ["Publisher: ", e.publisher?.name ?? "Unknown"] }),
-												/* @__PURE__ */ d("span", { children: ["Price: ", U(e.price, e.currency, e.pricingModel)] }),
-												e.submittedAt && /* @__PURE__ */ d("span", { children: ["Submitted ", new Date(e.submittedAt).toLocaleString()] })
+												/* @__PURE__ */ p("span", { children: ["Publisher: ", e.publisher?.name ?? "Unknown"] }),
+												/* @__PURE__ */ p("span", { children: ["Price: ", t(e.price, e.currency, e.pricingModel)] }),
+												e.submittedAt && /* @__PURE__ */ p("span", { children: ["Submitted ", new Date(e.submittedAt).toLocaleString()] })
 											]
 										}),
-										e.description && /* @__PURE__ */ u("p", {
+										e.description && /* @__PURE__ */ f("p", {
 											className: "mt-2 line-clamp-2 text-sm text-text-secondary",
 											children: e.description
 										})
 									]
 								}),
-								/* @__PURE__ */ d("div", {
+								/* @__PURE__ */ p("div", {
 									className: "flex flex-shrink-0 flex-col gap-2",
 									children: [
-										/* @__PURE__ */ d("button", {
+										/* @__PURE__ */ p("button", {
 											type: "button",
-											onClick: () => z(R === e.id ? null : e.id),
+											onClick: () => V(B === e.id ? null : e.id),
 											className: "inline-flex items-center gap-1 rounded-md border border-border-default px-3 py-1.5 text-xs text-text-secondary hover:bg-surface-hover",
-											children: [R === e.id ? /* @__PURE__ */ u(o, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ u(a, { className: "h-3.5 w-3.5" }), "Details"]
+											children: [B === e.id ? /* @__PURE__ */ f(c, { className: "size-3.5" }) : /* @__PURE__ */ f(s, { className: "size-3.5" }), "Details"]
 										}),
-										/* @__PURE__ */ d("button", {
+										/* @__PURE__ */ p("button", {
 											type: "button",
-											onClick: () => void V(e.id),
-											disabled: A === e.id,
+											onClick: () => void U(e.id),
+											disabled: M === e.id,
 											className: "inline-flex items-center gap-1 rounded-md bg-surface-success px-3 py-1.5 text-xs font-medium text-text-on-success hover:bg-surface-success-hover disabled:opacity-60",
-											children: [/* @__PURE__ */ u(i, { className: "h-3.5 w-3.5" }), "Approve"]
+											children: [/* @__PURE__ */ f(o, { className: "size-3.5" }), "Approve"]
 										}),
-										/* @__PURE__ */ d("button", {
+										/* @__PURE__ */ p("button", {
 											type: "button",
 											onClick: () => {
-												F(e.id), L("");
+												L(e.id), z("");
 											},
-											disabled: A === e.id,
+											disabled: M === e.id,
 											className: "inline-flex items-center gap-1 rounded-md border border-border-danger bg-surface-danger-muted px-3 py-1.5 text-xs font-medium text-text-danger hover:bg-surface-danger hover:text-text-on-danger disabled:opacity-60",
-											children: [/* @__PURE__ */ u(l, { className: "h-3.5 w-3.5" }), "Reject"]
+											children: [/* @__PURE__ */ f(d, { className: "size-3.5" }), "Reject"]
 										})
 									]
 								})
 							]
 						}),
-						R === e.id && /* @__PURE__ */ u("div", {
-							className: "border-t border-border-default bg-surface-muted px-4 py-4",
-							children: /* @__PURE__ */ d("dl", {
+						B === e.id && /* @__PURE__ */ f("div", {
+							className: "border-t border-border-default bg-surface-muted p-4",
+							children: /* @__PURE__ */ p("dl", {
 								className: "grid grid-cols-2 gap-x-6 gap-y-3 text-xs sm:grid-cols-3",
 								children: [
-									/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("dt", {
+									/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", {
 										className: "font-medium text-text-secondary",
 										children: "Slug"
-									}), /* @__PURE__ */ u("dd", {
+									}), /* @__PURE__ */ f("dd", {
 										className: "mt-0.5 font-mono text-text-primary",
 										children: e.slug
 									})] }),
-									/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("dt", {
+									/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", {
 										className: "font-medium text-text-secondary",
 										children: "Type"
-									}), /* @__PURE__ */ u("dd", {
+									}), /* @__PURE__ */ f("dd", {
 										className: "mt-0.5 text-text-primary",
 										children: e.type
 									})] }),
-									/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("dt", {
+									/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", {
 										className: "font-medium text-text-secondary",
 										children: "Nature"
-									}), /* @__PURE__ */ u("dd", {
+									}), /* @__PURE__ */ f("dd", {
 										className: "mt-0.5 text-text-primary",
 										children: e.nature
 									})] }),
-									e.category && /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("dt", {
+									e.category && /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", {
 										className: "font-medium text-text-secondary",
 										children: "Category"
-									}), /* @__PURE__ */ u("dd", {
+									}), /* @__PURE__ */ f("dd", {
 										className: "mt-0.5 text-text-primary",
 										children: e.category
 									})] }),
-									/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("dt", {
+									/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", {
 										className: "font-medium text-text-secondary",
 										children: "Pricing"
-									}), /* @__PURE__ */ d("dd", {
+									}), /* @__PURE__ */ p("dd", {
 										className: "mt-0.5 text-text-primary",
 										children: [
-											U(e.price, e.currency, e.pricingModel),
+											t(e.price, e.currency, e.pricingModel),
 											" ",
-											/* @__PURE__ */ d("span", {
+											/* @__PURE__ */ p("span", {
 												className: "text-text-tertiary",
 												children: [
 													"(",
@@ -301,36 +298,36 @@ var m = "\n  query PendingReviewProducts($limit: Int, $offset: Int) {\n    pendi
 											})
 										]
 									})] }),
-									/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("dt", {
+									/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", {
 										className: "font-medium text-text-secondary",
 										children: "Publisher"
-									}), /* @__PURE__ */ d("dd", {
+									}), /* @__PURE__ */ p("dd", {
 										className: "mt-0.5 text-text-primary",
-										children: [e.publisher?.name ?? "—", e.publisher?.email && /* @__PURE__ */ u("span", {
+										children: [e.publisher?.name ?? "—", e.publisher?.email && /* @__PURE__ */ f("span", {
 											className: "block text-text-tertiary",
 											children: e.publisher.email
 										})]
 									})] }),
-									e.submittedBy && /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("dt", {
+									e.submittedBy && /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", {
 										className: "font-medium text-text-secondary",
 										children: "Submitted by"
-									}), /* @__PURE__ */ u("dd", {
+									}), /* @__PURE__ */ f("dd", {
 										className: "mt-0.5 font-mono text-text-primary",
 										children: e.submittedBy
 									})] }),
-									e.submittedAt && /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("dt", {
+									e.submittedAt && /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", {
 										className: "font-medium text-text-secondary",
 										children: "Submitted at"
-									}), /* @__PURE__ */ u("dd", {
+									}), /* @__PURE__ */ f("dd", {
 										className: "mt-0.5 text-text-primary",
 										children: new Date(e.submittedAt).toLocaleString()
 									})] }),
-									e.description && /* @__PURE__ */ d("div", {
+									e.description && /* @__PURE__ */ p("div", {
 										className: "col-span-2 sm:col-span-3",
-										children: [/* @__PURE__ */ u("dt", {
+										children: [/* @__PURE__ */ f("dt", {
 											className: "font-medium text-text-secondary",
 											children: "Description"
-										}), /* @__PURE__ */ u("dd", {
+										}), /* @__PURE__ */ f("dd", {
 											className: "mt-0.5 whitespace-pre-wrap text-text-primary",
 											children: e.description
 										})]
@@ -338,37 +335,38 @@ var m = "\n  query PendingReviewProducts($limit: Int, $offset: Int) {\n    pendi
 								]
 							})
 						}),
-						P === e.id && /* @__PURE__ */ d("div", {
+						I === e.id && /* @__PURE__ */ p("div", {
 							className: "border-t border-border-default bg-surface-muted px-4 py-3",
 							children: [
-								/* @__PURE__ */ u("label", {
+								/* @__PURE__ */ f("label", {
 									htmlFor: `reject-reason-${e.id}`,
 									className: "block text-xs font-medium text-text-secondary",
 									children: "Rejection reason (required)"
 								}),
-								/* @__PURE__ */ u("textarea", {
+								/* @__PURE__ */ f("textarea", {
 									id: `reject-reason-${e.id}`,
-									value: I,
-									onChange: (e) => L(e.target.value),
+									"aria-label": "Rejection reason",
+									value: R,
+									onChange: (e) => z(e.target.value),
 									rows: 3,
 									required: !0,
 									"aria-required": "true",
 									className: "mt-1 w-full rounded-md border border-border-default bg-surface-default px-3 py-2 text-sm text-text-primary focus:border-border-accent focus:outline-none",
 									placeholder: "Explain why this submission is being rejected…"
 								}),
-								/* @__PURE__ */ d("div", {
+								/* @__PURE__ */ p("div", {
 									className: "mt-2 flex justify-end gap-2",
-									children: [/* @__PURE__ */ u("button", {
+									children: [/* @__PURE__ */ f("button", {
 										type: "button",
 										onClick: () => {
-											F(null), L("");
+											L(null), z("");
 										},
 										className: "rounded-md border border-border-default bg-surface-default px-3 py-1 text-xs text-text-primary hover:bg-surface-hover",
 										children: "Cancel"
-									}), /* @__PURE__ */ u("button", {
+									}), /* @__PURE__ */ f("button", {
 										type: "button",
-										onClick: () => void H(e.id),
-										disabled: !I.trim() || A === e.id,
+										onClick: () => void W(e.id),
+										disabled: !R.trim() || M === e.id,
 										className: "rounded-md bg-surface-danger px-3 py-1 text-xs font-medium text-text-on-danger hover:bg-surface-danger-hover disabled:opacity-60",
 										children: "Submit rejection"
 									})]
@@ -382,6 +380,6 @@ var m = "\n  query PendingReviewProducts($limit: Int, $offset: Int) {\n    pendi
 	});
 };
 //#endregion
-export { y as AdminSubmissionsQueuePage };
+export { x as AdminSubmissionsQueuePage };
 
 //# sourceMappingURL=AdminSubmissionsQueuePage.js.map