@openrails/contentkit-ui 0.71.0 → 0.72.0

package/dist/components/social/moderation.js

@@ -1,155 +1,224 @@
 import { toContentKitError as e } from "../../client/errors.js";
 import { useMessages as t } from "../../i18n/context.js";
-import { ContentKitUiRoot as n } from "../../scope.js";
-import { useErrorReporter as r } from "../../react/context.js";
+import { useErrorReporter as n, useGuarded as r } from "../../react/context.js";
 import { Button as i } from "../../ui/button.js";
-import { useAdminComments as a, useModerationQueue as o } from "../../react/comments.js";
-import { Badge as s } from "../../ui/badge.js";
-import { Input as c } from "../../ui/input.js";
-import { Select as l, SelectContent as u, SelectItem as d, SelectTrigger as f, SelectValue as p } from "../../ui/select.js";
-import { Skeleton as m } from "../../ui/skeleton.js";
-import { ErrorLine as h, RelativeTime as g, UserAvatar as _, UserName as v, contentError as y } from "./parts.js";
-import { CommentBanDialog as b, CommentBans as x } from "./bans.js";
-import { Tabs as S, TabsContent as C, TabsList as w, TabsTrigger as T } from "../../ui/tabs.js";
-import { useMemo as E, useState as D } from "react";
-import { jsx as O, jsxs as k } from "react/jsx-runtime";
-import { cn as A } from "cn";
+import { keyOf as a, useContentScope as o, usePaged as s } from "../../react/use-resource.js";
+import { useModerationQueue as c } from "../../react/comments.js";
+import { Badge as l } from "../../ui/badge.js";
+import { Input as u } from "../../ui/input.js";
+import { Label as d } from "../../ui/label.js";
+import { Select as f, SelectContent as p, SelectItem as m, SelectTrigger as h, SelectValue as g } from "../../ui/select.js";
+import { Skeleton as _ } from "../../ui/skeleton.js";
+import { ErrorLine as v, RelativeTime as y, UserAvatar as b, UserName as x, contentError as S } from "./parts.js";
+import { AdminRoot as C, NoAccess as w, Pager as T, Rows as E, pageOf as D } from "../admin/shell.js";
+import { CommentBanDialog as ee, CommentBans as O } from "./bans.js";
+import { useAdminLocation as k, useFlowClient as A, useStaffAccess as j } from "../../react/admin.js";
+import { Tabs as M, TabsContent as N, TabsList as P, TabsTrigger as F } from "../../ui/tabs.js";
+import { useEffect as I, useId as L, useMemo as R, useState as z } from "react";
+import { Fragment as B, jsx as V, jsxs as H } from "react/jsx-runtime";
+import { cn as te } from "cn";
 //#region src/components/social/moderation.tsx
-function j({ sections: e = [
+var U = [
 	"comments",
 	"queue",
 	"bans"
-], className: r, appearance: i, ...a }) {
-	let { t: o } = t(), [s, c] = D(e[0] ?? "comments"), l = {
-		comments: o("moderation.all"),
-		queue: o("moderation.queue"),
-		bans: o("moderation.bans")
-	};
-	return /* @__PURE__ */ k(n, {
+];
+function W(e = {}) {
+	return j(U, e);
+}
+function G({ client: e, baseUrl: t, auth: n, guard: r, appearance: i, className: a, language: o, messages: s, sections: c = U, ...l }) {
+	let u = A({
+		client: e,
+		baseUrl: t,
+		auth: n
+	});
+	return /* @__PURE__ */ V(C, {
+		flow: "comment-moderation",
 		appearance: i,
-		className: A("grid gap-4 text-sm", r),
-		"data-ckui": "comment-moderation",
-		children: [/* @__PURE__ */ O("h2", {
-			className: "text-base font-semibold",
-			children: o("moderation.title")
-		}), /* @__PURE__ */ k(S, {
-			value: s,
-			onValueChange: (e) => c(e),
+		className: a,
+		language: o,
+		messages: s,
+		guard: r,
+		children: /* @__PURE__ */ V(K, {
+			...l,
+			client: u,
+			sections: c
+		})
+	});
+}
+function K({ sections: e, basePath: n, navigation: r, ...i }) {
+	let { t: a } = t(), o = k(n, r), s = W({ client: i.client }), c = e.filter((e) => s.allowed[e]), l = {
+		comments: a("moderation.all"),
+		queue: a("moderation.queue"),
+		bans: a("moderation.bans")
+	}, u = /* @__PURE__ */ V("h2", {
+		className: "text-base font-semibold",
+		children: a("moderation.title")
+	});
+	if (s.loading) return /* @__PURE__ */ H(B, { children: [u, /* @__PURE__ */ V(E, {})] });
+	if (!c.length) return /* @__PURE__ */ H(B, { children: [u, /* @__PURE__ */ V(w, { children: a("moderation.noAccess") })] });
+	let d = (t) => t === e[0] ? "" : t, f = o.view || e[0], p = c.includes(f) ? f : c[0], m = d(p);
+	return /* @__PURE__ */ H(B, { children: [u, /* @__PURE__ */ H(M, {
+		value: p,
+		onValueChange: (e) => o.go(d(e)),
+		children: [c.length > 1 && /* @__PURE__ */ V(P, { children: c.map((e) => /* @__PURE__ */ V(F, {
+			value: e,
+			children: l[e]
+		}, e)) }), /* @__PURE__ */ H(N, {
+			value: p,
+			className: "pt-3",
 			children: [
-				e.length > 1 && /* @__PURE__ */ O(w, { children: e.map((e) => /* @__PURE__ */ O(T, {
-					value: e,
-					children: l[e]
-				}, e)) }),
-				e.includes("comments") && /* @__PURE__ */ O(C, {
-					value: "comments",
-					className: "pt-3",
-					children: /* @__PURE__ */ O(N, { ...a })
+				p === "comments" && /* @__PURE__ */ V(J, {
+					...i,
+					loc: o,
+					view: m
 				}),
-				e.includes("queue") && /* @__PURE__ */ O(C, {
-					value: "queue",
-					className: "pt-3",
-					children: /* @__PURE__ */ O(P, { ...a })
+				p === "queue" && /* @__PURE__ */ V(Y, {
+					...i,
+					loc: o,
+					view: m
 				}),
-				e.includes("bans") && /* @__PURE__ */ O(C, {
-					value: "bans",
-					className: "pt-3",
-					children: /* @__PURE__ */ O(x, {
-						scope: "global",
-						pageSize: a.pageSize,
-						userHref: a.userHref,
-						client: a.client,
-						onError: a.onError
-					})
+				p === "bans" && /* @__PURE__ */ V(O, {
+					scope: "global",
+					pageSize: i.pageSize,
+					page: D(o.query),
+					onPageChange: (e) => o.go(m, { page: e > 1 ? e : void 0 }),
+					userHref: i.userHref,
+					client: i.client,
+					onError: i.onError
 				})
 			]
 		})]
-	});
+	})] });
 }
-function M(e) {
+function q(e) {
 	return e.deleted ? "deleted" : e.moderation === "held" ? "held" : e.moderation === "rejected" ? "rejected" : "published";
 }
-function N(n) {
-	let { t: o } = t(), c = E(() => (n.contentKinds ?? []).map((e) => typeof e == "string" ? {
+function J({ loc: c, view: _, client: S, ...C }) {
+	let { t: w } = t(), E = L(), O = R(() => (C.contentKinds ?? []).map((e) => typeof e == "string" ? {
 		value: e,
 		label: e
-	} : e), [n.contentKinds]), [m, y] = D(""), x = a({
-		contentKind: m,
-		pageSize: n.pageSize,
-		client: n.client
-	}), S = r(n.onError), [C, w] = D(null), [T, j] = D(null), N = (t, n) => {
-		w(null), n().catch((n) => {
+	} : e), [C.contentKinds]), k = c.query.get("kind") ?? "", A = c.query.get("author") ?? "", j = D(c.query), M = C.pageSize ?? 25, N = (e) => c.go(_, {
+		kind: k,
+		author: A,
+		...e
+	}), [P, F] = z(A);
+	I(() => F(A), [A]);
+	let { store: B, scope: U } = o(S), W = s(B, a("admin-comments-page", U, k, A, M), { type: "admin-comments" }, j, M, (e, t) => S.comments.adminList({
+		...e,
+		contentKind: k || void 0,
+		author: A || void 0
+	}, t)), G = n(C.onError), K = r(), [J, Y] = z(null), [X, Q] = z(null), $ = (t, n) => {
+		Y(null), K(n).catch((n) => {
 			let r = e(n);
-			w(r), S(r, t);
+			Y(r), G(r, t);
 		});
-	};
-	return /* @__PURE__ */ k("div", {
+	}, ne = A ? W.items.find((e) => e.user_id === A)?.author?.username ?? A : "";
+	return /* @__PURE__ */ H("div", {
 		className: "grid gap-3",
 		children: [
-			c.length > 0 && /* @__PURE__ */ k(l, {
-				value: m,
-				onValueChange: (e) => y(String(e ?? "")),
-				children: [/* @__PURE__ */ O(f, {
+			/* @__PURE__ */ H("div", {
+				className: "flex flex-wrap items-end gap-2",
+				children: [O.length > 0 && /* @__PURE__ */ H(f, {
+					value: k,
+					onValueChange: (e) => N({ kind: String(e ?? "") }),
+					children: [/* @__PURE__ */ V(h, {
+						size: "sm",
+						"aria-label": w("moderation.kind"),
+						children: /* @__PURE__ */ V(g, { children: (e) => e ? O.find((t) => t.value === e)?.label ?? e : w("moderation.allKinds") })
+					}), /* @__PURE__ */ H(p, { children: [/* @__PURE__ */ V(m, {
+						value: "",
+						children: w("moderation.allKinds")
+					}), O.map((e) => /* @__PURE__ */ V(m, {
+						value: e.value,
+						children: e.label
+					}, e.value))] })]
+				}), /* @__PURE__ */ H("form", {
+					className: "flex min-w-56 flex-1 items-end gap-2",
+					onSubmit: (e) => {
+						e.preventDefault(), N({ author: P.trim() });
+					},
+					children: [/* @__PURE__ */ H("div", {
+						className: "grid flex-1 gap-1",
+						children: [/* @__PURE__ */ V(d, {
+							htmlFor: `${E}-author`,
+							className: "sr-only",
+							children: w("moderation.author")
+						}), /* @__PURE__ */ V(u, {
+							id: `${E}-author`,
+							className: "h-8",
+							value: P,
+							placeholder: w("moderation.authorPlaceholder"),
+							onChange: (e) => F(e.target.value)
+						})]
+					}), /* @__PURE__ */ V(i, {
+						type: "submit",
+						size: "sm",
+						variant: "outline",
+						children: w("moderation.filter")
+					})]
+				})]
+			}),
+			A && /* @__PURE__ */ H("div", {
+				className: "flex flex-wrap items-center gap-2",
+				"data-ckui": "author-filter",
+				children: [/* @__PURE__ */ V("span", { children: w("moderation.byAuthor", { name: ne }) }), /* @__PURE__ */ V(i, {
 					size: "sm",
-					"aria-label": o("moderation.kind"),
-					children: /* @__PURE__ */ O(p, { children: (e) => e ? c.find((t) => t.value === e)?.label ?? e : o("moderation.allKinds") })
-				}), /* @__PURE__ */ k(u, { children: [/* @__PURE__ */ O(d, {
-					value: "",
-					children: o("moderation.allKinds")
-				}), c.map((e) => /* @__PURE__ */ O(d, {
-					value: e.value,
-					children: e.label
-				}, e.value))] })]
+					variant: "ghost",
+					onClick: () => N({ author: "" }),
+					children: w("moderation.clearAuthor")
+				})]
 			}),
-			/* @__PURE__ */ O(h, { error: C }),
-			/* @__PURE__ */ O(I, {
-				loading: x.loading,
-				error: x.error,
-				empty: o("moderation.empty"),
-				count: x.items.length,
-				reload: x.reload,
-				children: x.items.map((e) => {
-					let t = e.author?.username ?? e.anon_name ?? e.user_id ?? o("comments.anonymous"), r = M(e), a = n.itemHref?.({
+			/* @__PURE__ */ V(v, { error: J }),
+			/* @__PURE__ */ V(Z, {
+				loading: W.loading,
+				error: W.error,
+				empty: w("moderation.empty"),
+				count: W.items.length,
+				reload: W.reload,
+				children: W.items.map((e) => {
+					let t = e.author?.username ?? e.anon_name ?? e.user_id ?? w("comments.anonymous"), n = q(e), r = C.itemHref?.({
 						kind: e.content_kind,
 						id: e.content_id
 					});
-					return /* @__PURE__ */ k("li", {
+					return /* @__PURE__ */ H("li", {
 						className: "grid gap-2 p-3",
 						"data-ckui": "admin-comment",
-						"data-status": r,
+						"data-status": n,
 						children: [
-							/* @__PURE__ */ k("div", {
+							/* @__PURE__ */ H("div", {
 								className: "flex flex-wrap items-center gap-x-2 gap-y-1",
 								children: [
-									/* @__PURE__ */ O(_, {
+									/* @__PURE__ */ V(b, {
 										user: e.author,
 										name: t,
 										size: "sm"
 									}),
-									/* @__PURE__ */ O(v, {
+									/* @__PURE__ */ V(x, {
 										user: e.author,
 										name: t,
-										href: n.userHref
+										href: C.userHref
 									}),
-									/* @__PURE__ */ O(g, {
+									/* @__PURE__ */ V(y, {
 										at: e.created_at,
 										className: "text-xs text-muted-foreground"
 									}),
-									/* @__PURE__ */ O(s, {
-										variant: r === "published" ? "outline" : r === "held" ? "secondary" : "destructive",
-										children: o(`moderation.${r}`)
+									/* @__PURE__ */ V(l, {
+										variant: n === "published" ? "outline" : n === "held" ? "secondary" : "destructive",
+										children: w(`moderation.${n}`)
 									}),
-									e.reply_to_id && /* @__PURE__ */ O(s, {
+									e.reply_to_id && /* @__PURE__ */ V(l, {
 										variant: "outline",
-										children: o("moderation.reply")
+										children: w("moderation.reply")
 									}),
-									/* @__PURE__ */ k("span", {
+									/* @__PURE__ */ H("span", {
 										className: "text-xs text-muted-foreground",
 										children: [
-											o("moderation.on"),
+											w("moderation.on"),
 											" ",
-											a ? /* @__PURE__ */ k("a", {
+											r ? /* @__PURE__ */ H("a", {
 												className: "hover:underline",
-												href: a,
+												href: r,
 												children: [
 													e.content_kind,
 													"/",
@@ -160,224 +229,236 @@ function N(n) {
 									})
 								]
 							}),
-							/* @__PURE__ */ O("p", {
-								className: A("line-clamp-4 break-words whitespace-pre-wrap", e.deleted && "text-muted-foreground line-through"),
+							/* @__PURE__ */ V("p", {
+								className: te("line-clamp-4 break-words whitespace-pre-wrap", e.deleted && "text-muted-foreground line-through"),
 								children: e.body
 							}),
-							e.moderation_reason && /* @__PURE__ */ O("p", {
+							e.moderation_reason && /* @__PURE__ */ V("p", {
 								className: "text-xs text-muted-foreground",
-								children: o("moderation.heldBecause", { reason: e.moderation_reason })
+								children: w("moderation.heldBecause", { reason: e.moderation_reason })
 							}),
-							/* @__PURE__ */ k("div", {
+							/* @__PURE__ */ H("div", {
 								className: "flex flex-wrap gap-2",
-								children: [e.deleted ? /* @__PURE__ */ O(i, {
-									size: "sm",
-									variant: "outline",
-									onClick: () => N("comment.restore", () => x.restore(e.id)),
-									children: o("moderation.restore")
-								}) : /* @__PURE__ */ O(i, {
-									size: "sm",
-									variant: "destructive",
-									onClick: () => N("comment.delete", () => x.remove(e.id)),
-									children: o("moderation.delete")
-								}), e.user_id && /* @__PURE__ */ O(i, {
-									size: "sm",
-									variant: "ghost",
-									onClick: () => j({
-										id: e.user_id,
-										name: t
+								children: [
+									e.deleted ? /* @__PURE__ */ V(i, {
+										size: "sm",
+										variant: "outline",
+										onClick: () => $("comment.restore", () => S.comments.restore(e.id)),
+										children: w("moderation.restore")
+									}) : /* @__PURE__ */ V(i, {
+										size: "sm",
+										variant: "destructive",
+										onClick: () => $("comment.delete", () => S.comments.delete(e.id)),
+										children: w("moderation.delete")
+									}),
+									e.user_id && e.user_id !== A && /* @__PURE__ */ V(i, {
+										size: "sm",
+										variant: "ghost",
+										onClick: () => N({ author: e.user_id }),
+										children: w("moderation.theirComments")
 									}),
-									children: o("comments.ban")
-								})]
+									e.user_id && /* @__PURE__ */ V(i, {
+										size: "sm",
+										variant: "ghost",
+										onClick: () => Q({
+											id: e.user_id,
+											name: t
+										}),
+										children: w("comments.ban")
+									})
+								]
 							})
 						]
 					}, e.id);
 				})
 			}),
-			x.hasMore && /* @__PURE__ */ O(i, {
-				variant: "outline",
-				className: "justify-self-center",
-				disabled: x.loadingMore,
-				onClick: () => void x.loadMore(),
-				children: o("moderation.loadMore")
+			/* @__PURE__ */ V(T, {
+				page: j,
+				hasNext: W.hasNext,
+				disabled: W.loading,
+				onPage: (e) => c.go(_, {
+					kind: k,
+					author: A,
+					page: e > 1 ? e : void 0
+				})
 			}),
-			T && /* @__PURE__ */ O(b, {
+			X && /* @__PURE__ */ V(ee, {
 				open: !0,
-				onOpenChange: (e) => !e && j(null),
-				user: T,
+				onOpenChange: (e) => !e && Q(null),
+				user: X,
 				scopes: ["global"],
-				client: n.client,
-				onError: n.onError
+				client: S,
+				onError: C.onError
 			})
 		]
 	});
 }
-function P(e) {
-	let { t: n } = t(), [r, a] = D("comment"), s = o({
-		kind: r,
-		pageSize: e.pageSize,
-		client: e.client
+function Y({ loc: e, view: n, ...r }) {
+	let { t: a } = t(), o = e.query.get("kind") === "post" ? "post" : "comment", s = c({
+		kind: o,
+		pageSize: r.pageSize,
+		client: r.client
 	});
-	return /* @__PURE__ */ k("div", {
+	return /* @__PURE__ */ H("div", {
 		className: "grid gap-3",
 		children: [
-			/* @__PURE__ */ O("div", {
+			/* @__PURE__ */ V("div", {
 				className: "flex gap-2",
 				role: "group",
-				"aria-label": n("moderation.queue"),
-				children: ["comment", "post"].map((e) => /* @__PURE__ */ O(i, {
+				"aria-label": a("moderation.queue"),
+				children: ["comment", "post"].map((t) => /* @__PURE__ */ V(i, {
 					size: "sm",
-					variant: r === e ? "default" : "outline",
-					"aria-pressed": r === e,
-					onClick: () => a(e),
-					children: n(e === "post" ? "moderation.queuePosts" : "moderation.queueComments")
-				}, e))
+					variant: o === t ? "default" : "outline",
+					"aria-pressed": o === t,
+					onClick: () => e.go(n, { kind: t === "comment" ? void 0 : t }),
+					children: a(t === "post" ? "moderation.queuePosts" : "moderation.queueComments")
+				}, t))
 			}),
-			/* @__PURE__ */ O(I, {
+			/* @__PURE__ */ V(Z, {
 				loading: s.loading,
 				error: s.error,
-				empty: n("moderation.queueEmpty"),
+				empty: a("moderation.queueEmpty"),
 				count: s.items.length,
 				reload: s.reload,
-				children: s.items.map((t) => /* @__PURE__ */ O(F, {
-					item: t,
-					itemHref: e.itemHref,
-					userHref: e.userHref,
+				children: s.items.map((e) => /* @__PURE__ */ V(X, {
+					item: e,
+					itemHref: r.itemHref,
+					userHref: r.userHref,
 					onResolve: s.resolve,
 					reload: s.reload,
-					onError: e.onError
-				}, t.id))
+					onError: r.onError
+				}, e.id))
 			}),
-			s.hasMore && /* @__PURE__ */ O(i, {
+			s.hasMore && /* @__PURE__ */ V(i, {
 				variant: "outline",
 				className: "justify-self-center",
 				disabled: s.loadingMore,
 				onClick: () => void s.loadMore(),
-				children: n("moderation.loadMore")
+				children: a("moderation.loadMore")
 			})
 		]
 	});
 }
-function F(n) {
-	let a = t(), { t: o } = a, s = r(n.onError), { item: l } = n, [u, d] = D(!1), [f, p] = D(""), [m, b] = D(!1), [x, S] = D(null), C = l.author?.username ?? l.anon_name ?? l.author_id ?? o("comments.anonymous"), w = n.itemHref?.({
-		kind: l.ref.content_kind,
-		id: l.ref.content_id
-	}), T = async (t) => {
-		b(!0), S(null);
+function X(a) {
+	let o = t(), { t: s } = o, c = n(a.onError), l = r(), { item: d } = a, [f, p] = z(!1), [m, h] = z(""), [g, _] = z(!1), [C, w] = z(null), T = d.author?.username ?? d.anon_name ?? d.author_id ?? s("comments.anonymous"), E = a.itemHref?.({
+		kind: d.ref.content_kind,
+		id: d.ref.content_id
+	}), D = async (t) => {
+		_(!0), w(null);
 		try {
-			await n.onResolve(l, t, t === "reject" && f.trim() || void 0);
+			await l(() => a.onResolve(d, t, t === "reject" && m.trim() || void 0));
 		} catch (t) {
-			let r = e(t);
-			s(r, "moderation.resolve"), r.code === "not_found" || r.code === "conflict" ? (S(o("moderation.stale")), n.reload()) : S(y(a, r));
+			let n = e(t);
+			c(n, "moderation.resolve"), n.code === "not_found" || n.code === "conflict" ? (w(s("moderation.stale")), a.reload()) : w(S(o, n));
 		} finally {
-			b(!1);
+			_(!1);
 		}
 	};
-	return /* @__PURE__ */ k("li", {
+	return /* @__PURE__ */ H("li", {
 		className: "grid gap-2 p-3",
 		"data-ckui": "held-item",
 		children: [
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ H("div", {
 				className: "flex flex-wrap items-center gap-x-2 gap-y-1",
 				children: [
-					/* @__PURE__ */ O(_, {
-						user: l.author,
-						name: C,
+					/* @__PURE__ */ V(b, {
+						user: d.author,
+						name: T,
 						size: "sm"
 					}),
-					/* @__PURE__ */ O(v, {
-						user: l.author,
-						name: C,
-						href: n.userHref
+					/* @__PURE__ */ V(x, {
+						user: d.author,
+						name: T,
+						href: a.userHref
 					}),
-					/* @__PURE__ */ O(g, {
-						at: l.held_at,
+					/* @__PURE__ */ V(y, {
+						at: d.held_at,
 						className: "text-xs text-muted-foreground"
 					}),
-					w && /* @__PURE__ */ k("a", {
+					E && /* @__PURE__ */ H("a", {
 						className: "text-xs text-muted-foreground hover:underline",
-						href: w,
+						href: E,
 						children: [
-							o("moderation.on"),
+							s("moderation.on"),
 							" ",
-							l.ref.content_kind,
+							d.ref.content_kind,
 							"/",
-							l.ref.content_id
+							d.ref.content_id
 						]
 					})
 				]
 			}),
-			l.title && /* @__PURE__ */ O("p", {
+			d.title && /* @__PURE__ */ V("p", {
 				className: "font-medium",
-				children: l.title
+				children: d.title
 			}),
-			/* @__PURE__ */ O("p", {
+			/* @__PURE__ */ V("p", {
 				className: "line-clamp-6 break-words whitespace-pre-wrap",
-				children: l.body
+				children: d.body
 			}),
-			(l.reason || l.error) && /* @__PURE__ */ O("p", {
+			(d.reason || d.error) && /* @__PURE__ */ V("p", {
 				className: "text-xs text-muted-foreground",
-				children: o("moderation.heldBecause", { reason: l.reason || l.error || "" })
+				children: s("moderation.heldBecause", { reason: d.reason || d.error || "" })
 			}),
-			u && /* @__PURE__ */ O(c, {
-				value: f,
+			f && /* @__PURE__ */ V(u, {
+				value: m,
 				maxLength: 500,
-				placeholder: o("moderation.rejectReason"),
-				"aria-label": o("moderation.rejectReason"),
-				onChange: (e) => p(e.target.value),
+				placeholder: s("moderation.rejectReason"),
+				"aria-label": s("moderation.rejectReason"),
+				onChange: (e) => h(e.target.value),
 				autoFocus: !0
 			}),
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ H("div", {
 				className: "flex flex-wrap gap-2",
 				children: [
-					/* @__PURE__ */ O(i, {
+					/* @__PURE__ */ V(i, {
 						size: "sm",
-						disabled: m,
-						onClick: () => void T("approve"),
-						children: o("moderation.approve")
+						disabled: g,
+						onClick: () => void D("approve"),
+						children: s("moderation.approve")
 					}),
-					/* @__PURE__ */ O(i, {
+					/* @__PURE__ */ V(i, {
 						size: "sm",
 						variant: "destructive",
-						disabled: m,
-						onClick: () => u ? void T("reject") : d(!0),
-						children: o("moderation.reject")
+						disabled: g,
+						onClick: () => f ? void D("reject") : p(!0),
+						children: s("moderation.reject")
 					}),
-					u && /* @__PURE__ */ O(i, {
+					f && /* @__PURE__ */ V(i, {
 						size: "sm",
 						variant: "ghost",
-						onClick: () => d(!1),
-						children: o("common.cancel")
+						onClick: () => p(!1),
+						children: s("common.cancel")
 					})
 				]
 			}),
-			x && /* @__PURE__ */ O(h, { children: x })
+			C && /* @__PURE__ */ V(v, { children: C })
 		]
 	});
 }
-function I(e) {
+function Z(e) {
 	let n = t(), { t: r } = n;
-	return e.loading && !e.count ? /* @__PURE__ */ k("div", {
+	return e.loading && !e.count ? /* @__PURE__ */ H("div", {
 		className: "grid gap-3",
 		"aria-busy": !0,
-		children: [/* @__PURE__ */ O(m, { className: "h-16 w-full" }), /* @__PURE__ */ O(m, { className: "h-16 w-full" })]
-	}) : e.error && !e.count ? /* @__PURE__ */ k("div", {
+		children: [/* @__PURE__ */ V(_, { className: "h-16 w-full" }), /* @__PURE__ */ V(_, { className: "h-16 w-full" })]
+	}) : e.error && !e.count ? /* @__PURE__ */ H("div", {
 		className: "grid justify-items-start gap-2",
-		children: [/* @__PURE__ */ O(h, { children: e.error.code === "forbidden" || e.error.code === "unauthorized" ? y(n, e.error) : r("moderation.loadFailed") }), /* @__PURE__ */ O(i, {
+		children: [/* @__PURE__ */ V(v, { children: e.error.code === "forbidden" || e.error.code === "unauthorized" ? S(n, e.error) : r("moderation.loadFailed") }), /* @__PURE__ */ V(i, {
 			size: "sm",
 			variant: "outline",
 			onClick: e.reload,
 			children: r("common.retry")
 		})]
-	}) : e.count ? /* @__PURE__ */ O("ul", {
+	}) : e.count ? /* @__PURE__ */ V("ul", {
 		className: "grid divide-y divide-border rounded-lg border border-border",
 		children: e.children
-	}) : /* @__PURE__ */ O("p", {
+	}) : /* @__PURE__ */ V("p", {
 		className: "text-muted-foreground",
 		children: e.empty
 	});
 }
 //#endregion
-export { j as CommentModeration };
+export { G as CommentModeration, W as useCommentModerationAccess };
 
 //# sourceMappingURL=moderation.js.map