@openrails/contentkit-ui 0.83.0 → 0.86.0

package/dist/components/social/moderation.js

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