@openrails/contentkit-ui 0.70.0 → 0.72.0

package/dist/components/social/bans.js

@@ -4,94 +4,95 @@ import { useContentKitClient as n } from "../../react/context.js";
 import { Alert as r, AlertDescription as i } from "../../ui/alert.js";
 import { Button as a } from "../../ui/button.js";
 import { Dialog as o, DialogContent as s, DialogDescription as c, DialogFooter as l, DialogHeader as u, DialogTitle as d } from "../../ui/dialog.js";
-import { useCommentBans as f } from "../../react/comments.js";
-import { Badge as p } from "../../ui/badge.js";
-import { Input as m } from "../../ui/input.js";
-import { Label as h } from "../../ui/label.js";
-import { Textarea as g } from "../../ui/textarea.js";
-import { ConfirmDialog as _, ErrorLine as v, UserAvatar as y, UserName as b, formatDate as x, useAction as S } from "./parts.js";
-import { useEffect as C, useId as w, useState as T } from "react";
-import { jsx as E, jsxs as D } from "react/jsx-runtime";
-import { cn as O } from "cn";
+import { keyOf as f, useContentScope as p, usePaged as m } from "../../react/use-resource.js";
+import { Badge as h } from "../../ui/badge.js";
+import { Input as g } from "../../ui/input.js";
+import { Label as _ } from "../../ui/label.js";
+import { Textarea as v } from "../../ui/textarea.js";
+import { ConfirmDialog as y, ErrorLine as b, UserAvatar as x, UserName as S, formatDate as C, useAction as w } from "./parts.js";
+import { LoadFailed as T, Pager as E } from "../admin/shell.js";
+import { useEffect as D, useId as O, useState as k } from "react";
+import { jsx as A, jsxs as j } from "react/jsx-runtime";
+import { cn as M } from "cn";
 //#region src/components/social/bans.tsx
-function k({ ban: t, className: n }) {
+function N({ ban: t, className: n }) {
 	let a = e(), { t: o } = a;
-	return /* @__PURE__ */ E(r, {
+	return /* @__PURE__ */ A(r, {
 		variant: "destructive",
 		className: n,
 		"data-ckui": "ban-notice",
-		children: /* @__PURE__ */ D(i, {
+		children: /* @__PURE__ */ j(i, {
 			className: "grid gap-1",
 			children: [
-				/* @__PURE__ */ E("p", {
+				/* @__PURE__ */ A("p", {
 					className: "font-medium",
 					children: o(t.scope === "global" ? "bans.globalNotice" : "bans.ownerNotice")
 				}),
-				t.reason && /* @__PURE__ */ E("p", { children: o("bans.reason", { reason: t.reason }) }),
-				/* @__PURE__ */ E("p", { children: t.until ? o("bans.until", { date: x(a, t.until) }) : o("bans.untilLifted") })
+				t.reason && /* @__PURE__ */ A("p", { children: o("bans.reason", { reason: t.reason }) }),
+				/* @__PURE__ */ A("p", { children: t.until ? o("bans.until", { date: C(a, t.until) }) : o("bans.untilLifted") })
 			]
 		})
 	});
 }
-var A = 864e5, j = {
-	day: A,
-	week: 7 * A,
-	month: 30 * A,
+var P = 864e5, F = {
+	day: P,
+	week: 7 * P,
+	month: 30 * P,
 	forever: 0,
 	custom: 0
 };
-function M(e) {
+function I(e) {
 	let t = (e) => String(e).padStart(2, "0");
 	return `${e.getFullYear()}-${t(e.getMonth() + 1)}-${t(e.getDate())}T${t(e.getHours())}:${t(e.getMinutes())}`;
 }
-function N({ open: t, onOpenChange: r, user: i, scopes: f, ban: p, onSaved: _, client: y, onError: b }) {
-	let { t: x } = e(), O = n(y), k = w(), N = p ? p.scope === "global" ? "global" : "owner" : f[0] ?? "owner", [P, F] = T(N), [I, L] = T(p ? p.until ? "custom" : "forever" : "week"), [R, z] = T(p?.until ? M(new Date(p.until)) : M(new Date(Date.now() + 7 * A))), [B, V] = T(p?.reason ?? ""), { run: H, pending: U, error: W, setError: G } = S("ban.save", b);
-	C(() => {
-		t && (F(N), L(p ? p.until ? "custom" : "forever" : "week"), z(p?.until ? M(new Date(p.until)) : M(new Date(Date.now() + 7 * A))), V(p?.reason ?? ""), G(null));
+function L({ open: t, onOpenChange: r, user: i, scopes: f, ban: p, onSaved: m, client: h, onError: y }) {
+	let { t: x } = e(), S = n(h), C = O(), T = p ? p.scope === "global" ? "global" : "owner" : f[0] ?? "owner", [E, M] = k(T), [N, L] = k(p ? p.until ? "custom" : "forever" : "week"), [R, z] = k(p?.until ? I(new Date(p.until)) : I(new Date(Date.now() + 7 * P))), [B, V] = k(p?.reason ?? ""), { run: H, pending: U, error: W, setError: G } = w("ban.save", y);
+	D(() => {
+		t && (M(T), L(p ? p.until ? "custom" : "forever" : "week"), z(p?.until ? I(new Date(p.until)) : I(new Date(Date.now() + 7 * P))), V(p?.reason ?? ""), G(null));
 	}, [t]);
 	let K = i.name ?? i.id, q = async () => {
-		let e = I === "forever" ? void 0 : I === "custom" ? new Date(R) : new Date(Date.now() + j[I]), t = await H(() => O.bans.ban(P, i.id, {
+		let e = N === "forever" ? void 0 : N === "custom" ? new Date(R) : new Date(Date.now() + F[N]), t = await H(() => S.bans.ban(E, i.id, {
 			reason: B.trim() || void 0,
 			until: e?.toISOString()
 		}));
-		t && (_?.(t), r(!1));
+		t && (m?.(t), r(!1));
 	};
-	return /* @__PURE__ */ E(o, {
+	return /* @__PURE__ */ A(o, {
 		open: t,
 		onOpenChange: r,
-		children: /* @__PURE__ */ D(s, {
+		children: /* @__PURE__ */ j(s, {
 			"data-ckui": "comment-ban-dialog",
-			children: [/* @__PURE__ */ D(u, { children: [/* @__PURE__ */ E(d, { children: x("bans.title", { name: K }) }), /* @__PURE__ */ E(c, { children: x(P === "global" ? "bans.globalHelp" : "bans.ownerHelp") })] }), /* @__PURE__ */ D("form", {
+			children: [/* @__PURE__ */ j(u, { children: [/* @__PURE__ */ A(d, { children: x("bans.title", { name: K }) }), /* @__PURE__ */ A(c, { children: x(E === "global" ? "bans.globalHelp" : "bans.ownerHelp") })] }), /* @__PURE__ */ j("form", {
 				className: "grid gap-4",
 				onSubmit: (e) => {
 					e.preventDefault(), q();
 				},
 				children: [
-					f.length > 1 && !p && /* @__PURE__ */ D("fieldset", {
+					f.length > 1 && !p && /* @__PURE__ */ j("fieldset", {
 						className: "grid gap-2",
-						children: [/* @__PURE__ */ E("legend", {
+						children: [/* @__PURE__ */ A("legend", {
 							className: "mb-1 text-sm font-medium",
 							children: x("bans.scope")
-						}), /* @__PURE__ */ E("div", {
+						}), /* @__PURE__ */ A("div", {
 							className: "flex flex-wrap gap-2",
-							children: f.map((e) => /* @__PURE__ */ E(a, {
+							children: f.map((e) => /* @__PURE__ */ A(a, {
 								type: "button",
 								size: "sm",
-								variant: P === e ? "default" : "outline",
-								"aria-pressed": P === e,
-								onClick: () => F(e),
+								variant: E === e ? "default" : "outline",
+								"aria-pressed": E === e,
+								onClick: () => M(e),
 								children: x(e === "global" ? "bans.scopeGlobal" : "bans.scopeOwner")
 							}, e))
 						})]
 					}),
-					/* @__PURE__ */ D("fieldset", {
+					/* @__PURE__ */ j("fieldset", {
 						className: "grid gap-2",
 						children: [
-							/* @__PURE__ */ E("legend", {
+							/* @__PURE__ */ A("legend", {
 								className: "mb-1 text-sm font-medium",
 								children: x("bans.duration")
 							}),
-							/* @__PURE__ */ E("div", {
+							/* @__PURE__ */ A("div", {
 								className: "flex flex-wrap gap-2",
 								children: [
 									"day",
@@ -99,38 +100,38 @@ function N({ open: t, onOpenChange: r, user: i, scopes: f, ban: p, onSaved: _, c
 									"month",
 									"forever",
 									"custom"
-								].map((e) => /* @__PURE__ */ E(a, {
+								].map((e) => /* @__PURE__ */ A(a, {
 									type: "button",
 									size: "sm",
-									variant: I === e ? "default" : "outline",
-									"aria-pressed": I === e,
+									variant: N === e ? "default" : "outline",
+									"aria-pressed": N === e,
 									onClick: () => L(e),
 									children: x(`bans.${e}`)
 								}, e))
 							}),
-							I === "custom" && /* @__PURE__ */ D("div", {
+							N === "custom" && /* @__PURE__ */ j("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ E(h, {
-									htmlFor: `${k}-until`,
+								children: [/* @__PURE__ */ A(_, {
+									htmlFor: `${C}-until`,
 									children: x("bans.endsAt")
-								}), /* @__PURE__ */ E(m, {
-									id: `${k}-until`,
+								}), /* @__PURE__ */ A(g, {
+									id: `${C}-until`,
 									type: "datetime-local",
 									required: !0,
 									value: R,
-									min: M(/* @__PURE__ */ new Date()),
+									min: I(/* @__PURE__ */ new Date()),
 									onChange: (e) => z(e.target.value)
 								})]
 							})
 						]
 					}),
-					/* @__PURE__ */ D("div", {
+					/* @__PURE__ */ j("div", {
 						className: "grid gap-1.5",
-						children: [/* @__PURE__ */ E(h, {
-							htmlFor: `${k}-reason`,
+						children: [/* @__PURE__ */ A(_, {
+							htmlFor: `${C}-reason`,
 							children: x("bans.reasonLabel")
-						}), /* @__PURE__ */ E(g, {
-							id: `${k}-reason`,
+						}), /* @__PURE__ */ A(v, {
+							id: `${C}-reason`,
 							maxLength: 500,
 							rows: 3,
 							placeholder: x("bans.reasonPlaceholder"),
@@ -138,13 +139,13 @@ function N({ open: t, onOpenChange: r, user: i, scopes: f, ban: p, onSaved: _, c
 							onChange: (e) => V(e.target.value)
 						})]
 					}),
-					/* @__PURE__ */ E(v, { error: W }),
-					/* @__PURE__ */ D(l, { children: [/* @__PURE__ */ E(a, {
+					/* @__PURE__ */ A(b, { error: W }),
+					/* @__PURE__ */ j(l, { children: [/* @__PURE__ */ A(a, {
 						type: "button",
 						variant: "outline",
 						onClick: () => r(!1),
 						children: x("common.cancel")
-					}), /* @__PURE__ */ E(a, {
+					}), /* @__PURE__ */ A(a, {
 						type: "submit",
 						variant: "destructive",
 						disabled: U,
@@ -155,146 +156,143 @@ function N({ open: t, onOpenChange: r, user: i, scopes: f, ban: p, onSaved: _, c
 		})
 	});
 }
-function P({ scope: n = "global", pageSize: r = 25, userHref: i, client: o, onError: s, className: c, appearance: l }) {
-	let u = e(), { t: d } = u, g = f({
-		scope: n,
-		pageSize: r,
-		client: o
-	}), C = w(), [k, A] = T(null), [j, M] = T(null), [P, F] = T(""), I = S("ban.lift", s);
-	return /* @__PURE__ */ D(t, {
-		appearance: l,
-		className: O("grid gap-4 text-sm", c),
+function R({ scope: n = "global", pageSize: r = 25, page: i, onPageChange: o, userHref: s, client: c, onError: l, className: u, appearance: d }) {
+	let v = e(), { t: D } = v, { client: N, store: P, scope: F } = p(c), [I, R] = k(1), z = i ?? I, B = (e) => o ? o(e) : R(e), V = m(P, f("bans-page", F, n, r), {
+		type: "bans",
+		scope: n
+	}, z, r, async (e, t) => (await N.bans.list(n, e, t)).map((e) => ({
+		...e,
+		id: e.user_id
+	}))), H = O(), [U, W] = k(null), [G, K] = k(null), [q, J] = k(""), Y = w("ban.lift", l);
+	return /* @__PURE__ */ j(t, {
+		appearance: d,
+		className: M("grid gap-4 text-sm", u),
 		"data-ckui": "comment-bans",
 		children: [
-			/* @__PURE__ */ D("form", {
+			/* @__PURE__ */ j("form", {
 				className: "flex flex-wrap items-end gap-2",
 				onSubmit: (e) => {
-					e.preventDefault(), P.trim() && A({ user: { id: P.trim() } });
+					e.preventDefault(), q.trim() && W({ user: { id: q.trim() } });
 				},
-				children: [/* @__PURE__ */ D("div", {
+				children: [/* @__PURE__ */ j("div", {
 					className: "grid min-w-48 flex-1 gap-1.5",
-					children: [/* @__PURE__ */ E(h, {
-						htmlFor: `${C}-user`,
-						children: d("bans.user")
-					}), /* @__PURE__ */ E(m, {
-						id: `${C}-user`,
-						value: P,
-						placeholder: d("bans.userPlaceholder"),
-						onChange: (e) => F(e.target.value)
+					children: [/* @__PURE__ */ A(_, {
+						htmlFor: `${H}-user`,
+						children: D("bans.user")
+					}), /* @__PURE__ */ A(g, {
+						id: `${H}-user`,
+						value: q,
+						placeholder: D("bans.userPlaceholder"),
+						onChange: (e) => J(e.target.value)
 					})]
-				}), /* @__PURE__ */ E(a, {
+				}), /* @__PURE__ */ A(a, {
 					type: "submit",
 					variant: "outline",
-					disabled: !P.trim(),
-					children: d("bans.add")
+					disabled: !q.trim(),
+					children: D("bans.add")
 				})]
 			}),
-			/* @__PURE__ */ E(v, { error: I.error }),
-			g.error && !g.items.length ? /* @__PURE__ */ D("div", {
-				className: "grid justify-items-start gap-2",
-				children: [/* @__PURE__ */ E(v, { children: d("bans.loadFailed") }), /* @__PURE__ */ E(a, {
-					size: "sm",
-					variant: "outline",
-					onClick: g.reload,
-					children: d("common.retry")
-				})]
-			}) : !g.loading && !g.items.length ? /* @__PURE__ */ E("p", {
+			/* @__PURE__ */ A(b, { error: Y.error }),
+			V.error && !V.items.length ? /* @__PURE__ */ A(T, {
+				error: V.error,
+				message: D("bans.loadFailed"),
+				retry: V.reload
+			}) : !V.loading && !V.items.length ? /* @__PURE__ */ A("p", {
 				className: "text-muted-foreground",
-				children: d("bans.empty")
-			}) : /* @__PURE__ */ E("ul", {
+				children: D("bans.empty")
+			}) : /* @__PURE__ */ A("ul", {
 				className: "grid divide-y divide-border rounded-lg border border-border",
-				"aria-busy": g.loading,
-				children: g.items.map((e) => {
+				"aria-busy": V.loading,
+				children: V.items.map((e) => {
 					let t = e.user?.username ?? e.user_id;
-					return /* @__PURE__ */ D("li", {
+					return /* @__PURE__ */ j("li", {
 						className: "flex flex-wrap items-start gap-3 p-3",
 						"data-ckui": "comment-ban",
 						children: [
-							/* @__PURE__ */ E(y, {
+							/* @__PURE__ */ A(x, {
 								user: e.user,
 								name: t
 							}),
-							/* @__PURE__ */ D("div", {
+							/* @__PURE__ */ j("div", {
 								className: "grid min-w-0 flex-1 gap-0.5",
 								children: [
-									/* @__PURE__ */ D("div", {
+									/* @__PURE__ */ j("div", {
 										className: "flex flex-wrap items-center gap-2",
-										children: [/* @__PURE__ */ E(b, {
+										children: [/* @__PURE__ */ A(S, {
 											user: e.user,
 											name: t,
-											href: i
-										}), /* @__PURE__ */ E(p, {
+											href: s
+										}), /* @__PURE__ */ A(h, {
 											variant: e.expired ? "outline" : "destructive",
-											children: d(e.expired ? "bans.expired" : "bans.active")
+											children: D(e.expired ? "bans.expired" : "bans.active")
 										})]
 									}),
-									e.reason && /* @__PURE__ */ E("p", {
+									e.reason && /* @__PURE__ */ A("p", {
 										className: "break-words",
-										children: d("bans.reason", { reason: e.reason })
+										children: D("bans.reason", { reason: e.reason })
 									}),
-									/* @__PURE__ */ D("p", {
+									/* @__PURE__ */ j("p", {
 										className: "text-muted-foreground",
 										children: [
-											e.until ? d("bans.until", { date: x(u, e.until) }) : d("bans.untilLifted"),
+											e.until ? D("bans.until", { date: C(v, e.until) }) : D("bans.untilLifted"),
 											" · ",
-											d("bans.bannedAt", { date: x(u, e.banned_at, !1) })
+											D("bans.bannedAt", { date: C(v, e.banned_at, !1) })
 										]
 									})
 								]
 							}),
-							/* @__PURE__ */ D("div", {
+							/* @__PURE__ */ j("div", {
 								className: "flex gap-2",
-								children: [/* @__PURE__ */ E(a, {
+								children: [/* @__PURE__ */ A(a, {
 									size: "sm",
 									variant: "outline",
-									onClick: () => A({
+									onClick: () => W({
 										user: {
 											id: e.user_id,
 											name: t
 										},
 										ban: e
 									}),
-									children: d("bans.update")
-								}), /* @__PURE__ */ E(a, {
+									children: D("bans.update")
+								}), /* @__PURE__ */ A(a, {
 									size: "sm",
 									variant: "destructive",
-									onClick: () => M(e),
-									children: d("bans.lift")
+									onClick: () => K(e),
+									children: D("bans.lift")
 								})]
 							})
 						]
 					}, e.user_id);
 				})
 			}),
-			g.hasMore && /* @__PURE__ */ E(a, {
-				variant: "outline",
-				className: "justify-self-center",
-				disabled: g.loadingMore,
-				onClick: () => void g.loadMore(),
-				children: d("moderation.loadMore")
+			/* @__PURE__ */ A(E, {
+				page: z,
+				hasNext: V.hasNext,
+				onPage: B,
+				disabled: V.loading
 			}),
-			k && /* @__PURE__ */ E(N, {
+			U && /* @__PURE__ */ A(L, {
 				open: !0,
-				onOpenChange: (e) => !e && A(null),
-				user: k.user,
+				onOpenChange: (e) => !e && W(null),
+				user: U.user,
 				scopes: [n],
-				ban: k.ban,
-				client: o,
-				onError: s,
-				onSaved: () => F("")
+				ban: U.ban,
+				client: N,
+				onError: l,
+				onSaved: () => J("")
 			}),
-			/* @__PURE__ */ E(_, {
-				open: !!j,
-				onOpenChange: (e) => !e && M(null),
-				title: d("bans.liftTitle", { name: j?.user?.username ?? j?.user_id ?? "" }),
-				description: d("bans.liftBody"),
-				confirm: d("bans.lift"),
-				onConfirm: () => j && void I.run(() => g.lift(j.user_id))
+			/* @__PURE__ */ A(y, {
+				open: !!G,
+				onOpenChange: (e) => !e && K(null),
+				title: D("bans.liftTitle", { name: G?.user?.username ?? G?.user_id ?? "" }),
+				description: D("bans.liftBody"),
+				confirm: D("bans.lift"),
+				onConfirm: () => G && void Y.run(() => N.bans.lift(n, G.user_id))
 			})
 		]
 	});
 }
 //#endregion
-export { k as BanNotice, N as CommentBanDialog, P as CommentBans, M as localInput };
+export { N as BanNotice, L as CommentBanDialog, R as CommentBans, I as localInput };
 
 //# sourceMappingURL=bans.js.map

package/dist/components/social/bans.js.map

@@ -1 +1 @@
-{"version":3,"file":"bans.js","names":[],"sources":["../../../src/components/social/bans.tsx"],"sourcesContent":["import { cn } from \"cn\";\nimport { useEffect, useId, useState } from \"react\";\nimport type { ContentKitClient } from \"../../client/client.js\";\nimport type { BanScope } from \"../../client/content/types.js\";\nimport type { BanNotice as BanNoticeData, CommentBan, PublicUser } from \"../../client/generated/wire.js\";\nimport { useMessages } from \"../../i18n/context.js\";\nimport type { ContentKitUiAppearance } from \"../../appearance.js\";\nimport type { ContentKitErrorHandler } from \"../../react/context.js\";\nimport { useCommentBans } from \"../../react/comments.js\";\nimport { useContentKitClient } from \"../../react/context.js\";\nimport { ContentKitUiRoot } from \"../../scope.js\";\nimport { Alert, AlertDescription } from \"#ckui/ui/alert\";\nimport { Badge } from \"#ckui/ui/badge\";\nimport { Button } from \"#ckui/ui/button\";\nimport { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from \"#ckui/ui/dialog\";\nimport { Input } from \"#ckui/ui/input\";\nimport { Label } from \"#ckui/ui/label\";\nimport { Textarea } from \"#ckui/ui/textarea\";\nimport { ConfirmDialog, ErrorLine, formatDate, UserAvatar, UserName, useAction } from \"./parts.js\";\n\n/** What a banned user is told: where, why and until when (never who). */\nexport function BanNotice({ ban, className }: { ban: BanNoticeData; className?: string }) {\n  const m = useMessages();\n  const { t } = m;\n  return (\n    <Alert variant=\"destructive\" className={className} data-ckui=\"ban-notice\">\n      <AlertDescription className=\"grid gap-1\">\n        <p className=\"font-medium\">{t(ban.scope === \"global\" ? \"bans.globalNotice\" : \"bans.ownerNotice\")}</p>\n        {ban.reason && <p>{t(\"bans.reason\", { reason: ban.reason })}</p>}\n        <p>{ban.until ? t(\"bans.until\", { date: formatDate(m, ban.until) }) : t(\"bans.untilLifted\")}</p>\n      </AlertDescription>\n    </Alert>\n  );\n}\n\nconst DAY = 86_400_000;\ntype Duration = \"day\" | \"week\" | \"month\" | \"forever\" | \"custom\";\nconst span: Record<Duration, number> = { day: DAY, week: 7 * DAY, month: 30 * DAY, forever: 0, custom: 0 };\n\n/** \"YYYY-MM-DDTHH:mm\" in local time, for a datetime-local input. */\nexport function localInput(d: Date): string {\n  const p = (n: number) => String(n).padStart(2, \"0\");\n  return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())}T${p(d.getHours())}:${p(d.getMinutes())}`;\n}\n\nexport interface CommentBanDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  /** Who to ban: their id and the name to show. */\n  user: { id: string; name?: string };\n  /** The scopes the caller may ban in (CommentStanding.ban_scopes); the first is preselected. */\n  scopes: readonly BanScope[];\n  /** The current ban, when updating one. */\n  ban?: CommentBan | null;\n  onSaved?: (ban: CommentBan) => void;\n  client?: ContentKitClient;\n  onError?: ContentKitErrorHandler;\n}\n\n/** Bans a user from commenting, or replaces their ban: scope, duration presets or an end date, and a reason they see. */\nexport function CommentBanDialog({ open, onOpenChange, user, scopes, ban, onSaved, client: own, onError }: CommentBanDialogProps) {\n  const m = useMessages();\n  const { t } = m;\n  const client = useContentKitClient(own);\n  const ids = useId();\n  const initialScope: BanScope = ban ? (ban.scope === \"global\" ? \"global\" : \"owner\") : (scopes[0] ?? \"owner\");\n  const [scope, setScope] = useState<BanScope>(initialScope);\n  const [duration, setDuration] = useState<Duration>(ban ? (ban.until ? \"custom\" : \"forever\") : \"week\");\n  const [until, setUntil] = useState(ban?.until ? localInput(new Date(ban.until)) : localInput(new Date(Date.now() + 7 * DAY)));\n  const [reason, setReason] = useState(ban?.reason ?? \"\");\n  const { run, pending, error, setError } = useAction(\"ban.save\", onError);\n  useEffect(() => {\n    if (!open) return;\n    setScope(initialScope);\n    setDuration(ban ? (ban.until ? \"custom\" : \"forever\") : \"week\");\n    setUntil(ban?.until ? localInput(new Date(ban.until)) : localInput(new Date(Date.now() + 7 * DAY)));\n    setReason(ban?.reason ?? \"\");\n    setError(null);\n    // Reset when it opens.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open]);\n  const name = user.name ?? user.id;\n  const save = async () => {\n    const end = duration === \"forever\" ? undefined : duration === \"custom\" ? new Date(until) : new Date(Date.now() + span[duration]);\n    const saved = await run(() => client.bans.ban(scope, user.id, { reason: reason.trim() || undefined, until: end?.toISOString() }));\n    if (saved) {\n      onSaved?.(saved);\n      onOpenChange(false);\n    }\n  };\n  const durations: Duration[] = [\"day\", \"week\", \"month\", \"forever\", \"custom\"];\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent data-ckui=\"comment-ban-dialog\">\n        <DialogHeader>\n          <DialogTitle>{t(\"bans.title\", { name })}</DialogTitle>\n          <DialogDescription>{t(scope === \"global\" ? \"bans.globalHelp\" : \"bans.ownerHelp\")}</DialogDescription>\n        </DialogHeader>\n        <form\n          className=\"grid gap-4\"\n          onSubmit={(e) => {\n            e.preventDefault();\n            void save();\n          }}\n        >\n          {scopes.length > 1 && !ban && (\n            <fieldset className=\"grid gap-2\">\n              <legend className=\"mb-1 text-sm font-medium\">{t(\"bans.scope\")}</legend>\n              <div className=\"flex flex-wrap gap-2\">\n                {scopes.map((s) => (\n                  <Button key={s} type=\"button\" size=\"sm\" variant={scope === s ? \"default\" : \"outline\"} aria-pressed={scope === s} onClick={() => setScope(s)}>\n                    {t(s === \"global\" ? \"bans.scopeGlobal\" : \"bans.scopeOwner\")}\n                  </Button>\n                ))}\n              </div>\n            </fieldset>\n          )}\n          <fieldset className=\"grid gap-2\">\n            <legend className=\"mb-1 text-sm font-medium\">{t(\"bans.duration\")}</legend>\n            <div className=\"flex flex-wrap gap-2\">\n              {durations.map((d) => (\n                <Button key={d} type=\"button\" size=\"sm\" variant={duration === d ? \"default\" : \"outline\"} aria-pressed={duration === d} onClick={() => setDuration(d)}>\n                  {t(`bans.${d}`)}\n                </Button>\n              ))}\n            </div>\n            {duration === \"custom\" && (\n              <div className=\"grid gap-1.5\">\n                <Label htmlFor={`${ids}-until`}>{t(\"bans.endsAt\")}</Label>\n                <Input id={`${ids}-until`} type=\"datetime-local\" required value={until} min={localInput(new Date())} onChange={(e) => setUntil(e.target.value)} />\n              </div>\n            )}\n          </fieldset>\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor={`${ids}-reason`}>{t(\"bans.reasonLabel\")}</Label>\n            <Textarea id={`${ids}-reason`} maxLength={500} rows={3} placeholder={t(\"bans.reasonPlaceholder\")} value={reason} onChange={(e) => setReason(e.target.value)} />\n          </div>\n          <ErrorLine error={error} />\n          <DialogFooter>\n            <Button type=\"button\" variant=\"outline\" onClick={() => onOpenChange(false)}>\n              {t(\"common.cancel\")}\n            </Button>\n            <Button type=\"submit\" variant=\"destructive\" disabled={pending}>\n              {pending ? t(\"common.saving\") : t(ban ? \"bans.update\" : \"bans.save\")}\n            </Button>\n          </DialogFooter>\n        </form>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\nexport interface CommentBansProps {\n  /** \"global\": the site's bans (CommentBan); \"owner\": the caller's own. Default \"global\". */\n  scope?: BanScope;\n  pageSize?: number;\n  userHref?: (user: PublicUser) => string | undefined;\n  client?: ContentKitClient;\n  onError?: ContentKitErrorHandler;\n  className?: string;\n  appearance?: ContentKitUiAppearance;\n}\n\n/** A scope's comment bans, newest first: who, why, until when; ban a user by id, update or lift a ban. */\nexport function CommentBans({ scope = \"global\", pageSize = 25, userHref, client, onError, className, appearance }: CommentBansProps) {\n  const m = useMessages();\n  const { t } = m;\n  const bans = useCommentBans({ scope, pageSize, client });\n  const ids = useId();\n  const [editing, setEditing] = useState<{ user: { id: string; name?: string }; ban?: CommentBan } | null>(null);\n  const [lifting, setLifting] = useState<CommentBan | null>(null);\n  const [userId, setUserId] = useState(\"\");\n  const lift = useAction(\"ban.lift\", onError);\n  return (\n    <ContentKitUiRoot appearance={appearance} className={cn(\"grid gap-4 text-sm\", className)} data-ckui=\"comment-bans\">\n      <form\n        className=\"flex flex-wrap items-end gap-2\"\n        onSubmit={(e) => {\n          e.preventDefault();\n          if (userId.trim()) setEditing({ user: { id: userId.trim() } });\n        }}\n      >\n        <div className=\"grid min-w-48 flex-1 gap-1.5\">\n          <Label htmlFor={`${ids}-user`}>{t(\"bans.user\")}</Label>\n          <Input id={`${ids}-user`} value={userId} placeholder={t(\"bans.userPlaceholder\")} onChange={(e) => setUserId(e.target.value)} />\n        </div>\n        <Button type=\"submit\" variant=\"outline\" disabled={!userId.trim()}>\n          {t(\"bans.add\")}\n        </Button>\n      </form>\n      <ErrorLine error={lift.error} />\n      {bans.error && !bans.items.length ? (\n        <div className=\"grid justify-items-start gap-2\">\n          <ErrorLine>{t(\"bans.loadFailed\")}</ErrorLine>\n          <Button size=\"sm\" variant=\"outline\" onClick={bans.reload}>\n            {t(\"common.retry\")}\n          </Button>\n        </div>\n      ) : !bans.loading && !bans.items.length ? (\n        <p className=\"text-muted-foreground\">{t(\"bans.empty\")}</p>\n      ) : (\n        <ul className=\"grid divide-y divide-border rounded-lg border border-border\" aria-busy={bans.loading}>\n          {bans.items.map((b) => {\n            const name = b.user?.username ?? b.user_id;\n            return (\n              <li key={b.user_id} className=\"flex flex-wrap items-start gap-3 p-3\" data-ckui=\"comment-ban\">\n                <UserAvatar user={b.user} name={name} />\n                <div className=\"grid min-w-0 flex-1 gap-0.5\">\n                  <div className=\"flex flex-wrap items-center gap-2\">\n                    <UserName user={b.user} name={name} href={userHref} />\n                    <Badge variant={b.expired ? \"outline\" : \"destructive\"}>{t(b.expired ? \"bans.expired\" : \"bans.active\")}</Badge>\n                  </div>\n                  {b.reason && <p className=\"break-words\">{t(\"bans.reason\", { reason: b.reason })}</p>}\n                  <p className=\"text-muted-foreground\">\n                    {b.until ? t(\"bans.until\", { date: formatDate(m, b.until) }) : t(\"bans.untilLifted\")} · {t(\"bans.bannedAt\", { date: formatDate(m, b.banned_at, false) })}\n                  </p>\n                </div>\n                <div className=\"flex gap-2\">\n                  <Button size=\"sm\" variant=\"outline\" onClick={() => setEditing({ user: { id: b.user_id, name }, ban: b })}>\n                    {t(\"bans.update\")}\n                  </Button>\n                  <Button size=\"sm\" variant=\"destructive\" onClick={() => setLifting(b)}>\n                    {t(\"bans.lift\")}\n                  </Button>\n                </div>\n              </li>\n            );\n          })}\n        </ul>\n      )}\n      {bans.hasMore && (\n        <Button variant=\"outline\" className=\"justify-self-center\" disabled={bans.loadingMore} onClick={() => void bans.loadMore()}>\n          {t(\"moderation.loadMore\")}\n        </Button>\n      )}\n      {editing && (\n        <CommentBanDialog\n          open\n          onOpenChange={(o) => !o && setEditing(null)}\n          user={editing.user}\n          scopes={[scope]}\n          ban={editing.ban}\n          client={client}\n          onError={onError}\n          onSaved={() => setUserId(\"\")}\n        />\n      )}\n      <ConfirmDialog\n        open={!!lifting}\n        onOpenChange={(o) => !o && setLifting(null)}\n        title={t(\"bans.liftTitle\", { name: lifting?.user?.username ?? lifting?.user_id ?? \"\" })}\n        description={t(\"bans.liftBody\")}\n        confirm={t(\"bans.lift\")}\n        onConfirm={() => lifting && void lift.run(() => bans.lift(lifting.user_id))}\n      />\n    </ContentKitUiRoot>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"bans.js","names":[],"sources":["../../../src/components/social/bans.tsx"],"sourcesContent":["import { cn } from \"cn\";\nimport { useEffect, useId, useState } from \"react\";\nimport type { ContentKitClient } from \"../../client/client.js\";\nimport type { BanScope } from \"../../client/content/types.js\";\nimport type { BanNotice as BanNoticeData, CommentBan, PublicUser } from \"../../client/generated/wire.js\";\nimport { useMessages } from \"../../i18n/context.js\";\nimport type { ContentKitUiAppearance } from \"../../appearance.js\";\nimport type { ContentKitErrorHandler } from \"../../react/context.js\";\nimport { useContentKitClient } from \"../../react/context.js\";\nimport { keyOf, useContentScope, usePaged } from \"../../react/use-resource.js\";\nimport { ContentKitUiRoot } from \"../../scope.js\";\nimport { Alert, AlertDescription } from \"#ckui/ui/alert\";\nimport { Badge } from \"#ckui/ui/badge\";\nimport { Button } from \"#ckui/ui/button\";\nimport { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from \"#ckui/ui/dialog\";\nimport { Input } from \"#ckui/ui/input\";\nimport { Label } from \"#ckui/ui/label\";\nimport { Textarea } from \"#ckui/ui/textarea\";\nimport { LoadFailed, Pager } from \"../admin/shell.js\";\nimport { ConfirmDialog, ErrorLine, formatDate, UserAvatar, UserName, useAction } from \"./parts.js\";\n\n/** What a banned user is told: where, why and until when (never who). */\nexport function BanNotice({ ban, className }: { ban: BanNoticeData; className?: string }) {\n  const m = useMessages();\n  const { t } = m;\n  return (\n    <Alert variant=\"destructive\" className={className} data-ckui=\"ban-notice\">\n      <AlertDescription className=\"grid gap-1\">\n        <p className=\"font-medium\">{t(ban.scope === \"global\" ? \"bans.globalNotice\" : \"bans.ownerNotice\")}</p>\n        {ban.reason && <p>{t(\"bans.reason\", { reason: ban.reason })}</p>}\n        <p>{ban.until ? t(\"bans.until\", { date: formatDate(m, ban.until) }) : t(\"bans.untilLifted\")}</p>\n      </AlertDescription>\n    </Alert>\n  );\n}\n\nconst DAY = 86_400_000;\ntype Duration = \"day\" | \"week\" | \"month\" | \"forever\" | \"custom\";\nconst span: Record<Duration, number> = { day: DAY, week: 7 * DAY, month: 30 * DAY, forever: 0, custom: 0 };\n\n/** \"YYYY-MM-DDTHH:mm\" in local time, for a datetime-local input. */\nexport function localInput(d: Date): string {\n  const p = (n: number) => String(n).padStart(2, \"0\");\n  return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())}T${p(d.getHours())}:${p(d.getMinutes())}`;\n}\n\nexport interface CommentBanDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  /** Who to ban: their id and the name to show. */\n  user: { id: string; name?: string };\n  /** The scopes the caller may ban in (CommentStanding.ban_scopes); the first is preselected. */\n  scopes: readonly BanScope[];\n  /** The current ban, when updating one. */\n  ban?: CommentBan | null;\n  onSaved?: (ban: CommentBan) => void;\n  client?: ContentKitClient;\n  onError?: ContentKitErrorHandler;\n}\n\n/** Bans a user from commenting, or replaces their ban: scope, duration presets or an end date, and a reason they see. */\nexport function CommentBanDialog({ open, onOpenChange, user, scopes, ban, onSaved, client: own, onError }: CommentBanDialogProps) {\n  const m = useMessages();\n  const { t } = m;\n  const client = useContentKitClient(own);\n  const ids = useId();\n  const initialScope: BanScope = ban ? (ban.scope === \"global\" ? \"global\" : \"owner\") : (scopes[0] ?? \"owner\");\n  const [scope, setScope] = useState<BanScope>(initialScope);\n  const [duration, setDuration] = useState<Duration>(ban ? (ban.until ? \"custom\" : \"forever\") : \"week\");\n  const [until, setUntil] = useState(ban?.until ? localInput(new Date(ban.until)) : localInput(new Date(Date.now() + 7 * DAY)));\n  const [reason, setReason] = useState(ban?.reason ?? \"\");\n  const { run, pending, error, setError } = useAction(\"ban.save\", onError);\n  useEffect(() => {\n    if (!open) return;\n    setScope(initialScope);\n    setDuration(ban ? (ban.until ? \"custom\" : \"forever\") : \"week\");\n    setUntil(ban?.until ? localInput(new Date(ban.until)) : localInput(new Date(Date.now() + 7 * DAY)));\n    setReason(ban?.reason ?? \"\");\n    setError(null);\n    // Reset when it opens.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open]);\n  const name = user.name ?? user.id;\n  const save = async () => {\n    const end = duration === \"forever\" ? undefined : duration === \"custom\" ? new Date(until) : new Date(Date.now() + span[duration]);\n    const saved = await run(() => client.bans.ban(scope, user.id, { reason: reason.trim() || undefined, until: end?.toISOString() }));\n    if (saved) {\n      onSaved?.(saved);\n      onOpenChange(false);\n    }\n  };\n  const durations: Duration[] = [\"day\", \"week\", \"month\", \"forever\", \"custom\"];\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent data-ckui=\"comment-ban-dialog\">\n        <DialogHeader>\n          <DialogTitle>{t(\"bans.title\", { name })}</DialogTitle>\n          <DialogDescription>{t(scope === \"global\" ? \"bans.globalHelp\" : \"bans.ownerHelp\")}</DialogDescription>\n        </DialogHeader>\n        <form\n          className=\"grid gap-4\"\n          onSubmit={(e) => {\n            e.preventDefault();\n            void save();\n          }}\n        >\n          {scopes.length > 1 && !ban && (\n            <fieldset className=\"grid gap-2\">\n              <legend className=\"mb-1 text-sm font-medium\">{t(\"bans.scope\")}</legend>\n              <div className=\"flex flex-wrap gap-2\">\n                {scopes.map((s) => (\n                  <Button key={s} type=\"button\" size=\"sm\" variant={scope === s ? \"default\" : \"outline\"} aria-pressed={scope === s} onClick={() => setScope(s)}>\n                    {t(s === \"global\" ? \"bans.scopeGlobal\" : \"bans.scopeOwner\")}\n                  </Button>\n                ))}\n              </div>\n            </fieldset>\n          )}\n          <fieldset className=\"grid gap-2\">\n            <legend className=\"mb-1 text-sm font-medium\">{t(\"bans.duration\")}</legend>\n            <div className=\"flex flex-wrap gap-2\">\n              {durations.map((d) => (\n                <Button key={d} type=\"button\" size=\"sm\" variant={duration === d ? \"default\" : \"outline\"} aria-pressed={duration === d} onClick={() => setDuration(d)}>\n                  {t(`bans.${d}`)}\n                </Button>\n              ))}\n            </div>\n            {duration === \"custom\" && (\n              <div className=\"grid gap-1.5\">\n                <Label htmlFor={`${ids}-until`}>{t(\"bans.endsAt\")}</Label>\n                <Input id={`${ids}-until`} type=\"datetime-local\" required value={until} min={localInput(new Date())} onChange={(e) => setUntil(e.target.value)} />\n              </div>\n            )}\n          </fieldset>\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor={`${ids}-reason`}>{t(\"bans.reasonLabel\")}</Label>\n            <Textarea id={`${ids}-reason`} maxLength={500} rows={3} placeholder={t(\"bans.reasonPlaceholder\")} value={reason} onChange={(e) => setReason(e.target.value)} />\n          </div>\n          <ErrorLine error={error} />\n          <DialogFooter>\n            <Button type=\"button\" variant=\"outline\" onClick={() => onOpenChange(false)}>\n              {t(\"common.cancel\")}\n            </Button>\n            <Button type=\"submit\" variant=\"destructive\" disabled={pending}>\n              {pending ? t(\"common.saving\") : t(ban ? \"bans.update\" : \"bans.save\")}\n            </Button>\n          </DialogFooter>\n        </form>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\nexport interface CommentBansProps {\n  /** \"global\": the site's bans (CommentBan); \"owner\": the caller's own. Default \"global\". */\n  scope?: BanScope;\n  pageSize?: number;\n  /** The page shown (from 1), when the host keeps it, e.g. in the URL; with onPageChange. */\n  page?: number;\n  onPageChange?: (page: number) => void;\n  userHref?: (user: PublicUser) => string | undefined;\n  client?: ContentKitClient;\n  onError?: ContentKitErrorHandler;\n  className?: string;\n  appearance?: ContentKitUiAppearance;\n}\n\n/** A scope's comment bans, newest first, a page at a time: who, why, until when; ban a user by id, update or lift a ban. */\nexport function CommentBans({ scope = \"global\", pageSize = 25, page: shown, onPageChange, userHref, client: own, onError, className, appearance }: CommentBansProps) {\n  const m = useMessages();\n  const { t } = m;\n  const { client, store, scope: readScope } = useContentScope(own);\n  const [local, setLocal] = useState(1);\n  const page = shown ?? local;\n  const setPage = (n: number) => (onPageChange ? onPageChange(n) : setLocal(n));\n  const bans = usePaged(store, keyOf(\"bans-page\", readScope, scope, pageSize), { type: \"bans\", scope }, page, pageSize, async (q, signal) =>\n    (await client.bans.list(scope, q, signal)).map((b) => ({ ...b, id: b.user_id })),\n  );\n  const ids = useId();\n  const [editing, setEditing] = useState<{ user: { id: string; name?: string }; ban?: CommentBan } | null>(null);\n  const [lifting, setLifting] = useState<CommentBan | null>(null);\n  const [userId, setUserId] = useState(\"\");\n  const lift = useAction(\"ban.lift\", onError);\n  return (\n    <ContentKitUiRoot appearance={appearance} className={cn(\"grid gap-4 text-sm\", className)} data-ckui=\"comment-bans\">\n      <form\n        className=\"flex flex-wrap items-end gap-2\"\n        onSubmit={(e) => {\n          e.preventDefault();\n          if (userId.trim()) setEditing({ user: { id: userId.trim() } });\n        }}\n      >\n        <div className=\"grid min-w-48 flex-1 gap-1.5\">\n          <Label htmlFor={`${ids}-user`}>{t(\"bans.user\")}</Label>\n          <Input id={`${ids}-user`} value={userId} placeholder={t(\"bans.userPlaceholder\")} onChange={(e) => setUserId(e.target.value)} />\n        </div>\n        <Button type=\"submit\" variant=\"outline\" disabled={!userId.trim()}>\n          {t(\"bans.add\")}\n        </Button>\n      </form>\n      <ErrorLine error={lift.error} />\n      {bans.error && !bans.items.length ? (\n        <LoadFailed error={bans.error} message={t(\"bans.loadFailed\")} retry={bans.reload} />\n      ) : !bans.loading && !bans.items.length ? (\n        <p className=\"text-muted-foreground\">{t(\"bans.empty\")}</p>\n      ) : (\n        <ul className=\"grid divide-y divide-border rounded-lg border border-border\" aria-busy={bans.loading}>\n          {bans.items.map((b) => {\n            const name = b.user?.username ?? b.user_id;\n            return (\n              <li key={b.user_id} className=\"flex flex-wrap items-start gap-3 p-3\" data-ckui=\"comment-ban\">\n                <UserAvatar user={b.user} name={name} />\n                <div className=\"grid min-w-0 flex-1 gap-0.5\">\n                  <div className=\"flex flex-wrap items-center gap-2\">\n                    <UserName user={b.user} name={name} href={userHref} />\n                    <Badge variant={b.expired ? \"outline\" : \"destructive\"}>{t(b.expired ? \"bans.expired\" : \"bans.active\")}</Badge>\n                  </div>\n                  {b.reason && <p className=\"break-words\">{t(\"bans.reason\", { reason: b.reason })}</p>}\n                  <p className=\"text-muted-foreground\">\n                    {b.until ? t(\"bans.until\", { date: formatDate(m, b.until) }) : t(\"bans.untilLifted\")} · {t(\"bans.bannedAt\", { date: formatDate(m, b.banned_at, false) })}\n                  </p>\n                </div>\n                <div className=\"flex gap-2\">\n                  <Button size=\"sm\" variant=\"outline\" onClick={() => setEditing({ user: { id: b.user_id, name }, ban: b })}>\n                    {t(\"bans.update\")}\n                  </Button>\n                  <Button size=\"sm\" variant=\"destructive\" onClick={() => setLifting(b)}>\n                    {t(\"bans.lift\")}\n                  </Button>\n                </div>\n              </li>\n            );\n          })}\n        </ul>\n      )}\n      <Pager page={page} hasNext={bans.hasNext} onPage={setPage} disabled={bans.loading} />\n      {editing && (\n        <CommentBanDialog\n          open\n          onOpenChange={(o) => !o && setEditing(null)}\n          user={editing.user}\n          scopes={[scope]}\n          ban={editing.ban}\n          client={client}\n          onError={onError}\n          onSaved={() => setUserId(\"\")}\n        />\n      )}\n      <ConfirmDialog\n        open={!!lifting}\n        onOpenChange={(o) => !o && setLifting(null)}\n        title={t(\"bans.liftTitle\", { name: lifting?.user?.username ?? lifting?.user_id ?? \"\" })}\n        description={t(\"bans.liftBody\")}\n        confirm={t(\"bans.lift\")}\n        onConfirm={() => lifting && void lift.run(() => client.bans.lift(scope, lifting.user_id))}\n      />\n    </ContentKitUiRoot>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAsBA,SAAgB,EAAU,EAAE,QAAK,gBAAyD;CACxF,IAAM,IAAI,EAAY,GAChB,EAAE,SAAM;CACd,OACE,kBAAC,GAAD;EAAO,SAAQ;EAAyB;EAAW,aAAU;EAC3D,UAAA,kBAAC,GAAD;GAAkB,WAAU;GAA5B,UAAA;IACE,kBAAC,KAAD;KAAG,WAAU;KAAe,UAAA,EAAE,EAAI,UAAU,WAAW,sBAAsB,kBAAkB;IAAK,CAAA;IACnG,EAAI,UAAU,kBAAC,KAAD,EAAA,UAAI,EAAE,eAAe,EAAE,QAAQ,EAAI,OAAO,CAAC,EAAK,CAAA;IAC/D,kBAAC,KAAD,EAAA,UAAI,EAAI,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAW,GAAG,EAAI,KAAK,EAAE,CAAC,IAAI,EAAE,kBAAkB,EAAK,CAAA;GAC/E;;CACb,CAAA;AAEX;AAEA,IAAM,IAAM,OAEN,IAAiC;CAAE,KAAK;CAAK,MAAM,IAAI;CAAK,OAAO,KAAK;CAAK,SAAS;CAAG,QAAQ;AAAE;AAGzG,SAAgB,EAAW,GAAiB;CAC1C,IAAM,KAAK,MAAc,OAAO,CAAC,CAAC,CAAC,SAAS,GAAG,GAAG;CAClD,OAAO,GAAG,EAAE,YAAY,EAAE,GAAG,EAAE,EAAE,SAAS,IAAI,CAAC,EAAE,GAAG,EAAE,EAAE,QAAQ,CAAC,EAAE,GAAG,EAAE,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,EAAE,WAAW,CAAC;AAC3G;AAiBA,SAAgB,EAAiB,EAAE,SAAM,iBAAc,SAAM,WAAQ,QAAK,YAAS,QAAQ,GAAK,cAAkC;CAEhI,IAAM,EAAE,SADE,EACI,GACR,IAAS,EAAoB,CAAG,GAChC,IAAM,EAAM,GACZ,IAAyB,IAAO,EAAI,UAAU,WAAW,WAAW,UAAY,EAAO,MAAM,SAC7F,CAAC,GAAO,KAAY,EAAmB,CAAY,GACnD,CAAC,GAAU,KAAe,EAAmB,IAAO,EAAI,QAAQ,WAAW,YAAa,MAAM,GAC9F,CAAC,GAAO,KAAY,EAAS,GAAK,QAAQ,EAAW,IAAI,KAAK,EAAI,KAAK,CAAC,IAAI,EAAW,IAAI,KAAK,KAAK,IAAI,IAAI,IAAI,CAAG,CAAC,CAAC,GACtH,CAAC,GAAQ,KAAa,EAAS,GAAK,UAAU,EAAE,GAChD,EAAE,QAAK,YAAS,UAAO,gBAAa,EAAU,YAAY,CAAO;CACvE,QAAgB;EACT,MACL,EAAS,CAAY,GACrB,EAAY,IAAO,EAAI,QAAQ,WAAW,YAAa,MAAM,GAC7D,EAAS,GAAK,QAAQ,EAAW,IAAI,KAAK,EAAI,KAAK,CAAC,IAAI,EAAW,IAAI,KAAK,KAAK,IAAI,IAAI,IAAI,CAAG,CAAC,CAAC,GAClG,EAAU,GAAK,UAAU,EAAE,GAC3B,EAAS,IAAI;CAGf,GAAG,CAAC,CAAI,CAAC;CACT,IAAM,IAAO,EAAK,QAAQ,EAAK,IACzB,IAAO,YAAY;EACvB,IAAM,IAAM,MAAa,YAAY,KAAA,IAAY,MAAa,WAAW,IAAI,KAAK,CAAK,IAAI,IAAI,KAAK,KAAK,IAAI,IAAI,EAAK,EAAS,GACzH,IAAQ,MAAM,QAAU,EAAO,KAAK,IAAI,GAAO,EAAK,IAAI;GAAE,QAAQ,EAAO,KAAK,KAAK,KAAA;GAAW,OAAO,GAAK,YAAY;EAAE,CAAC,CAAC;EAChI,AAAI,MACF,IAAU,CAAK,GACf,EAAa,EAAK;CAEtB;CAEA,OACE,kBAAC,GAAD;EAAc;EAAoB;EAChC,UAAA,kBAAC,GAAD;GAAe,aAAU;GAAzB,UAAA,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAc,EAAE,cAAc,EAAE,QAAK,CAAC,EAAe,CAAA,GACrD,kBAAC,GAAD,EAAA,UAAoB,EAAE,MAAU,WAAW,oBAAoB,gBAAgB,EAAqB,CAAA,CACxF,EAAA,CAAA,GACd,kBAAC,QAAD;IACE,WAAU;IACV,WAAW,MAAM;KAEf,AADA,EAAE,eAAe,GACjB,EAAU;IACZ;IALF,UAAA;KAOG,EAAO,SAAS,KAAK,CAAC,KACrB,kBAAC,YAAD;MAAU,WAAU;MAApB,UAAA,CACE,kBAAC,UAAD;OAAQ,WAAU;OAA4B,UAAA,EAAE,YAAY;MAAU,CAAA,GACtE,kBAAC,OAAD;OAAK,WAAU;OACZ,UAAA,EAAO,KAAK,MACX,kBAAC,GAAD;QAAgB,MAAK;QAAS,MAAK;QAAK,SAAS,MAAU,IAAI,YAAY;QAAW,gBAAc,MAAU;QAAG,eAAe,EAAS,CAAC;QACvI,UAAA,EAAE,MAAM,WAAW,qBAAqB,iBAAiB;OACpD,GAFK,CAEL,CACT;MACE,CAAA,CACG;;KAEZ,kBAAC,YAAD;MAAU,WAAU;MAApB,UAAA;OACE,kBAAC,UAAD;QAAQ,WAAU;QAA4B,UAAA,EAAE,eAAe;OAAU,CAAA;OACzE,kBAAC,OAAD;QAAK,WAAU;QACZ,UAAA;SA9BkB;SAAO;SAAQ;SAAS;SAAW;QA8BrD,CAAA,CAAU,KAAK,MACd,kBAAC,GAAD;SAAgB,MAAK;SAAS,MAAK;SAAK,SAAS,MAAa,IAAI,YAAY;SAAW,gBAAc,MAAa;SAAG,eAAe,EAAY,CAAC;SAChJ,UAAA,EAAE,QAAQ,GAAG;QACR,GAFK,CAEL,CACT;OACE,CAAA;OACJ,MAAa,YACZ,kBAAC,OAAD;QAAK,WAAU;QAAf,UAAA,CACE,kBAAC,GAAD;SAAO,SAAS,GAAG,EAAI;SAAU,UAAA,EAAE,aAAa;QAAS,CAAA,GACzD,kBAAC,GAAD;SAAO,IAAI,GAAG,EAAI;SAAS,MAAK;SAAiB,UAAA;SAAS,OAAO;SAAO,KAAK,kBAAW,IAAI,KAAK,CAAC;SAAG,WAAW,MAAM,EAAS,EAAE,OAAO,KAAK;QAAI,CAAA,CAC9I;;MAEC;;KACV,kBAAC,OAAD;MAAK,WAAU;MAAf,UAAA,CACE,kBAAC,GAAD;OAAO,SAAS,GAAG,EAAI;OAAW,UAAA,EAAE,kBAAkB;MAAS,CAAA,GAC/D,kBAAC,GAAD;OAAU,IAAI,GAAG,EAAI;OAAU,WAAW;OAAK,MAAM;OAAG,aAAa,EAAE,wBAAwB;OAAG,OAAO;OAAQ,WAAW,MAAM,EAAU,EAAE,OAAO,KAAK;MAAI,CAAA,CAC3J;;KACL,kBAAC,GAAD,EAAkB,SAAQ,CAAA;KAC1B,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MAAQ,MAAK;MAAS,SAAQ;MAAU,eAAe,EAAa,EAAK;MACtE,UAAA,EAAE,eAAe;KACZ,CAAA,GACR,kBAAC,GAAD;MAAQ,MAAK;MAAS,SAAQ;MAAc,UAAU;MACnD,UAAU,EAAV,IAAY,kBAAqB,IAAM,gBAAgB,WAAW;KAC7D,CAAA,CACI,EAAA,CAAA;IACV;GACO,CAAA,CAAA;;CACT,CAAA;AAEZ;AAiBA,SAAgB,EAAY,EAAE,WAAQ,UAAU,cAAW,IAAI,MAAM,GAAO,iBAAc,aAAU,QAAQ,GAAK,YAAS,cAAW,iBAAgC;CACnK,IAAM,IAAI,EAAY,GAChB,EAAE,SAAM,GACR,EAAE,WAAQ,UAAO,OAAO,MAAc,EAAgB,CAAG,GACzD,CAAC,GAAO,KAAY,EAAS,CAAC,GAC9B,IAAO,KAAS,GAChB,KAAW,MAAe,IAAe,EAAa,CAAC,IAAI,EAAS,CAAC,GACrE,IAAO,EAAS,GAAO,EAAM,aAAa,GAAW,GAAO,CAAQ,GAAG;EAAE,MAAM;EAAQ;CAAM,GAAG,GAAM,GAAU,OAAO,GAAG,OAC7H,MAAM,EAAO,KAAK,KAAK,GAAO,GAAG,CAAM,EAAA,CAAG,KAAK,OAAO;EAAE,GAAG;EAAG,IAAI,EAAE;CAAQ,EAAE,CACjF,GACM,IAAM,EAAM,GACZ,CAAC,GAAS,KAAc,EAA2E,IAAI,GACvG,CAAC,GAAS,KAAc,EAA4B,IAAI,GACxD,CAAC,GAAQ,KAAa,EAAS,EAAE,GACjC,IAAO,EAAU,YAAY,CAAO;CAC1C,OACE,kBAAC,GAAD;EAA8B;EAAY,WAAW,EAAG,sBAAsB,CAAS;EAAG,aAAU;EAApG,UAAA;GACE,kBAAC,QAAD;IACE,WAAU;IACV,WAAW,MAAM;KAEf,AADA,EAAE,eAAe,GACb,EAAO,KAAK,KAAG,EAAW,EAAE,MAAM,EAAE,IAAI,EAAO,KAAK,EAAE,EAAE,CAAC;IAC/D;IALF,UAAA,CAOE,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,kBAAC,GAAD;MAAO,SAAS,GAAG,EAAI;MAAS,UAAA,EAAE,WAAW;KAAS,CAAA,GACtD,kBAAC,GAAD;MAAO,IAAI,GAAG,EAAI;MAAQ,OAAO;MAAQ,aAAa,EAAE,sBAAsB;MAAG,WAAW,MAAM,EAAU,EAAE,OAAO,KAAK;KAAI,CAAA,CAC3H;IACL,CAAA,GAAA,kBAAC,GAAD;KAAQ,MAAK;KAAS,SAAQ;KAAU,UAAU,CAAC,EAAO,KAAK;KAC5D,UAAA,EAAE,UAAU;IACP,CAAA,CACJ;;GACN,kBAAC,GAAD,EAAW,OAAO,EAAK,MAAQ,CAAA;GAC9B,EAAK,SAAS,CAAC,EAAK,MAAM,SACzB,kBAAC,GAAD;IAAY,OAAO,EAAK;IAAO,SAAS,EAAE,iBAAiB;IAAG,OAAO,EAAK;GAAS,CAAA,IACjF,CAAC,EAAK,WAAW,CAAC,EAAK,MAAM,SAC/B,kBAAC,KAAD;IAAG,WAAU;IAAyB,UAAA,EAAE,YAAY;GAAK,CAAA,IAEzD,kBAAC,MAAD;IAAI,WAAU;IAA8D,aAAW,EAAK;IACzF,UAAA,EAAK,MAAM,KAAK,MAAM;KACrB,IAAM,IAAO,EAAE,MAAM,YAAY,EAAE;KACnC,OACE,kBAAC,MAAD;MAAoB,WAAU;MAAuC,aAAU;MAA/E,UAAA;OACE,kBAAC,GAAD;QAAY,MAAM,EAAE;QAAY;OAAO,CAAA;OACvC,kBAAC,OAAD;QAAK,WAAU;QAAf,UAAA;SACE,kBAAC,OAAD;UAAK,WAAU;UAAf,UAAA,CACE,kBAAC,GAAD;WAAU,MAAM,EAAE;WAAY;WAAM,MAAM;UAAW,CAAA,GACrD,kBAAC,GAAD;WAAO,SAAS,EAAE,UAAU,YAAY;WAAgB,UAAA,EAAE,EAAE,UAAU,iBAAiB,aAAa;UAAS,CAAA,CAC1G;;SACJ,EAAE,UAAU,kBAAC,KAAD;UAAG,WAAU;UAAe,UAAA,EAAE,eAAe,EAAE,QAAQ,EAAE,OAAO,CAAC;SAAK,CAAA;SACnF,kBAAC,KAAD;UAAG,WAAU;UAAb,UAAA;WACG,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAW,GAAG,EAAE,KAAK,EAAE,CAAC,IAAI,EAAE,kBAAkB;WAAE;WAAI,EAAE,iBAAiB,EAAE,MAAM,EAAW,GAAG,EAAE,WAAW,EAAK,EAAE,CAAC;UACtJ;;QACA;;OACL,kBAAC,OAAD;QAAK,WAAU;QAAf,UAAA,CACE,kBAAC,GAAD;SAAQ,MAAK;SAAK,SAAQ;SAAU,eAAe,EAAW;UAAE,MAAM;WAAE,IAAI,EAAE;WAAS;UAAK;UAAG,KAAK;SAAE,CAAC;SACpG,UAAA,EAAE,aAAa;QACV,CAAA,GACR,kBAAC,GAAD;SAAQ,MAAK;SAAK,SAAQ;SAAc,eAAe,EAAW,CAAC;SAChE,UAAA,EAAE,WAAW;QACR,CAAA,CACL;;MACH;KApBK,GAAA,EAAE,OAoBP;IAER,CAAC;GACC,CAAA;GAEN,kBAAC,GAAD;IAAa;IAAM,SAAS,EAAK;IAAS,QAAQ;IAAS,UAAU,EAAK;GAAU,CAAA;GACnF,KACC,kBAAC,GAAD;IACE,MAAA;IACA,eAAe,MAAM,CAAC,KAAK,EAAW,IAAI;IAC1C,MAAM,EAAQ;IACd,QAAQ,CAAC,CAAK;IACd,KAAK,EAAQ;IACL;IACC;IACT,eAAe,EAAU,EAAE;GAC5B,CAAA;GAEH,kBAAC,GAAD;IACE,MAAM,CAAC,CAAC;IACR,eAAe,MAAM,CAAC,KAAK,EAAW,IAAI;IAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,GAAS,MAAM,YAAY,GAAS,WAAW,GAAG,CAAC;IACtF,aAAa,EAAE,eAAe;IAC9B,SAAS,EAAE,WAAW;IACtB,iBAAiB,KAAW,KAAK,EAAK,UAAU,EAAO,KAAK,KAAK,GAAO,EAAQ,OAAO,CAAC;GACzF,CAAA;EACe;;AAEtB"}

package/dist/components/social/index.d.ts

@@ -3,4 +3,4 @@ export { BanNotice, CommentBanDialog, CommentBans, type CommentBanDialogProps, t
 export { FavoriteButton, ReactionButtons, type FavoriteButtonProps, type ReactionButtonsProps } from './engagement.js';
 export { Poll, type PollProps } from './poll.js';
 export { PollEditor, type PollEditorProps } from './poll-editor.js';
-export { CommentModeration, type CommentModerationProps, type ModerationSection } from './moderation.js';
+export { CommentModeration, useCommentModerationAccess, type CommentModerationProps, type ModerationSection } from './moderation.js';

package/dist/components/social/moderation.d.ts

@@ -1,9 +1,8 @@
-import { ContentKitClient } from '../../client/client.js';
 import { PublicUser } from '../../client/generated/wire.js';
-import { ContentKitUiAppearance } from '../../appearance.js';
-import { ContentKitErrorHandler } from '../../react/context.js';
+import { FlowClientOptions, StaffAccess } from '../../react/admin.js';
+import { AdminFlowProps, AdminRouteProps } from '../admin/shell.js';
 export type ModerationSection = "comments" | "queue" | "bans";
-export interface CommentModerationProps {
+export interface CommentModerationProps extends AdminFlowProps, AdminRouteProps {
     /** Content kinds offered as a filter of the comment list: codes, or codes with labels. */
     contentKinds?: readonly (string | {
         value: string;
@@ -15,18 +14,17 @@ export interface CommentModerationProps {
         id: string;
     }) => string | undefined;
     userHref?: (user: PublicUser) => string | undefined;
-    /** The sections, in order. Default all: every comment, the review queue, the site's bans. */
+    /** The sections, in order; the first is at basePath, the others at basePath/{section}. Default all. */
     sections?: readonly ModerationSection[];
     pageSize?: number;
-    client?: ContentKitClient;
-    onError?: ContentKitErrorHandler;
-    className?: string;
-    appearance?: ContentKitUiAppearance;
 }
+/** Which moderation sections the caller may use: every comment, the review queue, the site's bans. */
+export declare function useCommentModerationAccess(o?: FlowClientOptions): StaffAccess<ModerationSection>;
 /**
  * Staff: every comment (deleted, held and rejected ones with their text) to
- * delete, restore or ban its author; the review queue of held comments and
- * posts to approve or reject; and the site's comment bans. Each section
- * shows what the caller's permissions allow and says so when they don't.
+ * delete, restore or ban its author, by content kind or author; the review
+ * queue of held comments and posts to approve or reject; and the site's
+ * comment bans. Sections, filters and pages live in the URL under basePath;
+ * the caller sees only the sections its permissions allow.
  */
-export declare function CommentModeration({ sections, className, appearance, ...p }: CommentModerationProps): import('react').JSX.Element;
+export declare function CommentModeration({ client: own, baseUrl, auth, guard, appearance, className, language, messages, sections, ...p }: CommentModerationProps): import('react').JSX.Element;