@openrails/contentkit-ui 0.95.1 → 0.97.0

package/dist/components/admin/content-manager.js

@@ -12,224 +12,225 @@ import { Select as ne, SelectContent as re, SelectItem as p, SelectTrigger as ie
 import { Skeleton as m } from "../../ui/skeleton.js";
 import { Textarea as h } from "../../ui/textarea.js";
 import { ErrorLine as oe, RelativeTime as g, contentError as _, formatDate as se, useAction as ce } from "../social/parts.js";
-import { AdminRoot as v, LoadFailed as le, NoAccess as y, Pager as ue, Rows as b, pageOf as x, useConfirm as de } from "./shell.js";
-import { localInput as S } from "../social/bans.js";
-import { imageRefs as C } from "../../client/contents.js";
-import { useAdminLocation as w, useFlowClient as T, useStaffAccess as E } from "../../react/admin.js";
-import { ContentSections as D } from "../content/editors.js";
-import { useContent as O } from "../../react/contents.js";
-import { useEffect as fe, useId as pe, useMemo as k, useRef as A, useState as j } from "react";
-import { Fragment as M, jsx as N, jsxs as P } from "react/jsx-runtime";
+import { AdminRoot as v, LoadFailed as le, NoAccess as y, Pager as ue, Rows as b, pageOf as de, useConfirm as fe } from "./shell.js";
+import { localInput as x } from "../social/bans.js";
+import { imageRefs as S } from "../../client/contents.js";
+import { useAdminLocation as C, useFlowClient as w, useStaffAccess as T } from "../../react/admin.js";
+import { ContentSections as E } from "../content/editors.js";
+import { useContent as D } from "../../react/contents.js";
+import { useEffect as pe, useId as me, useMemo as O, useRef as k, useState as A } from "react";
+import { Fragment as j, jsx as M, jsxs as N } from "react/jsx-runtime";
 //#region src/components/admin/content-manager.tsx
-function F(e = {}) {
-	return E(["contents"], e);
+function P(e = {}) {
+	return T(["contents"], e);
 }
-function I(e) {
+function F(e) {
 	return e.moderation === "rejected" ? "rejected" : e.moderation === "held" ? "held" : e.state === "draft" ? "draft" : e.live ? "published" : "scheduled";
 }
-var me = (e) => (e ?? []).map((e) => typeof e == "string" ? {
+var he = (e) => (e ?? []).map((e) => typeof e == "string" ? {
 	value: e,
 	label: e
-} : e), he = {
+} : e), ge = {
 	published: "default",
 	scheduled: "secondary",
 	draft: "outline",
 	held: "secondary",
 	rejected: "destructive"
-}, L = [
+}, I = [
 	"draft",
 	"scheduled",
 	"published"
 ];
-function R({ client: e, baseUrl: t, auth: n, guard: r, appearance: i, className: a, language: o, messages: s, ...c }) {
-	let l = T({
+function L({ client: e, baseUrl: t, auth: n, guard: r, appearance: i, className: a, language: o, messages: s, ...c }) {
+	let l = w({
 		client: e,
 		baseUrl: t,
 		auth: n
 	});
-	return /* @__PURE__ */ N(v, {
+	return /* @__PURE__ */ M(v, {
 		flow: "content-manager",
 		appearance: i,
 		className: a,
 		language: o,
 		messages: s,
 		guard: r,
-		children: /* @__PURE__ */ N(z, {
+		children: /* @__PURE__ */ M(R, {
 			...c,
 			client: l
 		})
 	});
 }
-function z({ basePath: e, navigation: n, ...r }) {
-	let { t: i } = t(), a = w(e, n), o = F({ client: r.client });
-	return o.loading ? /* @__PURE__ */ N(b, {}) : o.allowed.contents ? a.view ? /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ N(u, {
+function R({ basePath: e, navigation: n, ...r }) {
+	let { t: i } = t(), a = C(e, n), o = P({ client: r.client });
+	return o.loading ? /* @__PURE__ */ M(b, {}) : o.allowed.contents ? a.view ? /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M(u, {
 		variant: "ghost",
 		size: "sm",
 		className: "justify-self-start",
 		onClick: () => a.go(""),
 		children: i("contentManager.back")
-	}), /* @__PURE__ */ N(H, {
+	}), /* @__PURE__ */ M(V, {
+		management: !0,
 		...r,
 		id: a.view === "new" ? null : a.view,
 		onCreated: (e) => a.go(e.id, void 0, { replace: !0 }),
 		onDeleted: () => a.go("", void 0, { replace: !0 })
-	}, a.view)] }) : /* @__PURE__ */ N(B, {
+	}, a.view)] }) : /* @__PURE__ */ M(z, {
 		...r,
 		loc: a
-	}) : /* @__PURE__ */ N(y, { children: i("contentManager.noAccess") });
+	}) : /* @__PURE__ */ M(y, { children: i("contentManager.noAccess") });
 }
-function B({ loc: e, client: n, kind: r, languages: s, contentHref: c, pageSize: l = 20, onError: m }) {
-	let h = t(), { t: _ } = h, v = pe(), y = me(s)[0]?.value, S = e.query.get("q") ?? "", C = L.find((t) => t === e.query.get("status")) ?? "", w = e.query.get("deleted") === "1", T = x(e.query), E = {
-		q: S,
-		status: C,
-		deleted: w ? "1" : void 0
-	}, D = (t) => e.go("", {
-		...E,
+function z({ loc: e, client: n, kind: r, languages: s, contentHref: c, pageSize: l = 20, onError: m }) {
+	let h = t(), { t: _ } = h, v = me(), y = he(s)[0]?.value, x = e.query.get("q") ?? "", S = I.find((t) => t === e.query.get("status")) ?? "", C = e.query.get("deleted") === "1", w = de(e.query), T = {
+		q: x,
+		status: S,
+		deleted: C ? "1" : void 0
+	}, E = (t) => e.go("", {
+		...T,
 		...t
-	}), [O, k] = j(S);
-	fe(() => k(S), [S]);
-	let { store: A, scope: F } = a(n), R = w ? "deleted" : C || void 0, z = o(A, i("contents-page", F, r, S, R, l), {
+	}), [D, O] = A(x);
+	pe(() => O(x), [x]);
+	let { store: k, scope: P } = a(n), L = C ? "deleted" : S || void 0, R = o(k, i("contents-page", P, r, x, L, l), {
 		type: "contents",
-		scope: w ? "deleted" : void 0
-	}, T, l, (e, t) => n.contents.manage({
+		scope: C ? "deleted" : void 0
+	}, w, l, (e, t) => n.contents.manage({
 		...e,
 		kind: r,
-		q: S || void 0,
-		state: R,
+		q: x || void 0,
+		state: L,
 		language: y
-	}, t)), B = ce("content.save", m), { confirm: V, dialog: H } = de(), U = async (e) => {
-		await V({
+	}, t)), z = ce("content.save", m), { confirm: B, dialog: V } = fe(), _e = async (e) => {
+		await B({
 			title: _("contentManager.deleteTitle", { title: e.title }),
 			description: _("contentManager.deleteBody"),
 			confirm: _("contentManager.delete")
-		}) && await B.run(() => n.contents.remove(e.id));
+		}) && await z.run(() => n.contents.remove(e.id));
 	};
-	return /* @__PURE__ */ P("div", {
+	return /* @__PURE__ */ N("div", {
 		className: "grid gap-4",
 		children: [
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ N("div", {
 				className: "flex flex-wrap items-center justify-between gap-2",
-				children: [/* @__PURE__ */ N("h2", {
+				children: [/* @__PURE__ */ M("h2", {
 					className: "text-base font-semibold",
 					children: _("contentManager.title")
-				}), /* @__PURE__ */ N(u, {
+				}), /* @__PURE__ */ M(u, {
 					size: "sm",
 					onClick: () => e.go("new"),
 					children: _("contentManager.new")
 				})]
 			}),
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ N("div", {
 				className: "flex gap-2",
 				role: "group",
 				"aria-label": _("contentManager.title"),
-				children: [/* @__PURE__ */ N(u, {
+				children: [/* @__PURE__ */ M(u, {
 					size: "sm",
-					variant: w ? "outline" : "default",
-					"aria-pressed": !w,
-					onClick: () => e.go("", { q: S }),
+					variant: C ? "outline" : "default",
+					"aria-pressed": !C,
+					onClick: () => e.go("", { q: x }),
 					children: _("contentManager.items")
-				}), /* @__PURE__ */ N(u, {
+				}), /* @__PURE__ */ M(u, {
 					size: "sm",
-					variant: w ? "default" : "outline",
-					"aria-pressed": w,
+					variant: C ? "default" : "outline",
+					"aria-pressed": C,
 					onClick: () => e.go("", {
-						q: S,
+						q: x,
 						deleted: "1"
 					}),
 					children: _("contentManager.deleted")
 				})]
 			}),
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ N("div", {
 				className: "grid gap-2 sm:grid-cols-[minmax(0,1fr)_auto]",
-				children: [/* @__PURE__ */ P("form", {
+				children: [/* @__PURE__ */ N("form", {
 					className: "flex gap-2",
 					role: "search",
 					onSubmit: (e) => {
-						e.preventDefault(), D({ q: O.trim() });
+						e.preventDefault(), E({ q: D.trim() });
 					},
 					children: [
-						/* @__PURE__ */ N(f, {
+						/* @__PURE__ */ M(f, {
 							htmlFor: `${v}-q`,
 							className: "sr-only",
 							children: _("contentManager.search")
 						}),
-						/* @__PURE__ */ N(d, {
+						/* @__PURE__ */ M(d, {
 							id: `${v}-q`,
 							className: "h-8",
 							type: "search",
-							value: O,
+							value: D,
 							placeholder: _("contentManager.search"),
-							onChange: (e) => k(e.target.value)
+							onChange: (e) => O(e.target.value)
 						}),
-						/* @__PURE__ */ N(u, {
+						/* @__PURE__ */ M(u, {
 							type: "submit",
 							size: "sm",
 							variant: "outline",
 							children: _("moderation.filter")
 						})
 					]
-				}), !w && /* @__PURE__ */ P(ne, {
-					value: C,
-					onValueChange: (e) => D({ status: String(e ?? "") }),
-					children: [/* @__PURE__ */ N(ie, {
+				}), !C && /* @__PURE__ */ N(ne, {
+					value: S,
+					onValueChange: (e) => E({ status: String(e ?? "") }),
+					children: [/* @__PURE__ */ M(ie, {
 						size: "sm",
 						"aria-label": _("contentManager.status"),
-						children: /* @__PURE__ */ N(ae, { children: (e) => _(e ? `contentManager.${e}` : "contentManager.allStatuses") })
-					}), /* @__PURE__ */ P(re, { children: [/* @__PURE__ */ N(p, {
+						children: /* @__PURE__ */ M(ae, { children: (e) => _(e ? `contentManager.${e}` : "contentManager.allStatuses") })
+					}), /* @__PURE__ */ N(re, { children: [/* @__PURE__ */ M(p, {
 						value: "",
 						children: _("contentManager.allStatuses")
-					}), L.map((e) => /* @__PURE__ */ N(p, {
+					}), I.map((e) => /* @__PURE__ */ M(p, {
 						value: e,
 						children: _(`contentManager.${e}`)
 					}, e))] })]
 				})]
 			}),
-			/* @__PURE__ */ N(oe, { error: B.error }),
-			z.loading && !z.items.length ? /* @__PURE__ */ N(b, {}) : z.error && !z.items.length ? /* @__PURE__ */ N(le, {
-				error: z.error,
+			/* @__PURE__ */ M(oe, { error: z.error }),
+			R.loading && !R.items.length ? /* @__PURE__ */ M(b, {}) : R.error && !R.items.length ? /* @__PURE__ */ M(le, {
+				error: R.error,
 				message: _("contentManager.loadFailed"),
-				retry: z.reload
-			}) : z.items.length ? /* @__PURE__ */ N("ul", {
+				retry: R.reload
+			}) : R.items.length ? /* @__PURE__ */ M("ul", {
 				className: "grid divide-y divide-border rounded-lg border border-border",
-				"aria-busy": z.loading,
-				children: z.items.map((t) => {
-					let r = I(t), i = r === "published" ? c?.(t) : void 0;
-					return /* @__PURE__ */ P("li", {
+				"aria-busy": R.loading,
+				children: R.items.map((t) => {
+					let r = F(t), i = r === "published" ? c?.(t) : void 0;
+					return /* @__PURE__ */ N("li", {
 						className: "flex flex-wrap items-start gap-3 p-3",
 						"data-ckui": "content-row",
-						"data-status": w ? "deleted" : r,
-						children: [/* @__PURE__ */ P("div", {
+						"data-status": C ? "deleted" : r,
+						children: [/* @__PURE__ */ N("div", {
 							className: "grid min-w-0 flex-1 gap-1",
-							children: [w ? /* @__PURE__ */ N("span", {
+							children: [C ? /* @__PURE__ */ M("span", {
 								className: "font-medium break-words",
 								children: t.title
-							}) : /* @__PURE__ */ N("button", {
+							}) : /* @__PURE__ */ M("button", {
 								type: "button",
 								className: "text-left font-medium break-words hover:underline",
 								onClick: () => e.go(t.id),
 								children: t.title
-							}), /* @__PURE__ */ P("div", {
+							}), /* @__PURE__ */ N("div", {
 								className: "flex flex-wrap items-center gap-x-2 gap-y-1 text-xs text-muted-foreground",
 								children: [
-									!w && /* @__PURE__ */ N(te, {
-										variant: he[r],
+									!C && /* @__PURE__ */ M(te, {
+										variant: ge[r],
 										children: _(`contentManager.${r}`)
 									}),
-									/* @__PURE__ */ N("span", { children: t.language }),
-									/* @__PURE__ */ N(g, { at: w && t.deleted_at ? t.deleted_at : t.updated_at }),
-									r === "scheduled" && t.publish_at && /* @__PURE__ */ N("span", { children: _("pollManager.goesLive", { date: se(h, t.publish_at) }) })
+									/* @__PURE__ */ M("span", { children: t.language }),
+									/* @__PURE__ */ M(g, { at: C && t.deleted_at ? t.deleted_at : t.updated_at }),
+									r === "scheduled" && t.publish_at && /* @__PURE__ */ M("span", { children: _("pollManager.goesLive", { date: se(h, t.publish_at) }) })
 								]
 							})]
-						}), /* @__PURE__ */ N("div", {
+						}), /* @__PURE__ */ M("div", {
 							className: "flex flex-wrap gap-2",
-							children: w ? /* @__PURE__ */ N(u, {
+							children: C ? /* @__PURE__ */ M(u, {
 								size: "sm",
 								variant: "outline",
-								disabled: B.pending,
-								onClick: () => void B.run(() => n.contents.restore(t.id)),
+								disabled: z.pending,
+								onClick: () => void z.run(() => n.contents.restore(t.id)),
 								children: _("moderation.restore")
-							}) : /* @__PURE__ */ P(M, { children: [
-								i && /* @__PURE__ */ N("a", {
+							}) : /* @__PURE__ */ N(j, { children: [
+								i && /* @__PURE__ */ M("a", {
 									className: ee({
 										size: "sm",
 										variant: "ghost"
@@ -237,322 +238,323 @@ function B({ loc: e, client: n, kind: r, languages: s, contentHref: c, pageSize:
 									href: i,
 									children: _("contentManager.view")
 								}),
-								/* @__PURE__ */ N(u, {
+								/* @__PURE__ */ M(u, {
 									size: "sm",
 									variant: "outline",
 									onClick: () => e.go(t.id),
 									children: _("comments.edit")
 								}),
-								/* @__PURE__ */ N(u, {
+								/* @__PURE__ */ M(u, {
 									size: "sm",
 									variant: "destructive",
-									disabled: B.pending,
-									onClick: () => void U(t),
+									disabled: z.pending,
+									onClick: () => void _e(t),
 									children: _("comments.delete")
 								})
 							] })
 						})]
 					}, t.id);
 				})
-			}) : /* @__PURE__ */ N("p", {
+			}) : /* @__PURE__ */ M("p", {
 				className: "text-muted-foreground",
-				children: _(w ? "contentManager.noDeleted" : "contentManager.empty")
+				children: _(C ? "contentManager.noDeleted" : "contentManager.empty")
 			}),
-			/* @__PURE__ */ N(ue, {
-				page: T,
-				hasNext: z.hasNext,
-				disabled: z.loading,
+			/* @__PURE__ */ M(ue, {
+				page: w,
+				hasNext: R.hasNext,
+				disabled: R.loading,
 				onPage: (t) => e.go("", {
-					...E,
+					...T,
 					page: t > 1 ? t : void 0
 				})
 			}),
-			H
+			V
 		]
 	});
 }
-var V = {
+var B = {
 	title: "",
 	slug: "",
 	description: "",
 	publishAt: "",
 	body: ""
 };
-function H({ id: i, client: a, kind: o, languages: ee, renderEditor: g, contentHref: se, labels: ce, ownerGroup: v, onCreated: y, onDeleted: ue, onError: b }) {
-	let x = n(a), w = t(), { t: T } = w, E = pe(), A = me(ee), [F, L] = j(A[0]?.value ?? "en"), R = O(i, o, F, { client: x }), z = !!s({ client: x }).kinds?.kinds[o]?.versions.hidden, B = r(b), [H, W] = j(i ? null : V), [G, K] = j(null), [ge, q] = j(null), { confirm: _e, dialog: ve } = de(), J = R.content;
-	fe(() => {
-		if (!J) return;
-		let e = J.text?.[F];
-		W((t) => t ?? {
+function V({ id: i, client: a, kind: o, languages: ee, renderEditor: g, contentHref: se, labels: ce, ownerGroup: v, onCreated: y, onDeleted: ue, onError: b, management: de }) {
+	let C = n(a), w = t(), { t: T } = w, k = me(), P = he(ee), [I, L] = A(P[0]?.value ?? "en"), R = D(i, o, I, { client: C }), z = !!s({ client: C }).kinds?.kinds[o]?.versions.hidden, V = r(b), [H, U] = A(i ? null : B), [W, G] = A(null), [ve, K] = A(null), { confirm: ye, dialog: be } = fe(), q = R.content;
+	pe(() => {
+		if (!q) return;
+		let e = q.text?.[I];
+		U((t) => t ?? {
 			title: e?.title ?? "",
 			slug: e?.slug ?? "",
 			description: e?.description ?? "",
 			body: e?.body ?? "",
-			publishAt: J.publish_at && !J.live ? S(new Date(J.publish_at)) : ""
+			publishAt: q.publish_at && !q.live ? x(new Date(q.publish_at)) : ""
 		});
-	}, [J, F]);
-	let { imageSrc: ye } = R, be = k(() => (H?.body ?? "").replace(C(), (e, t) => {
-		let n = ye(t);
+	}, [q, I]);
+	let { imageSrc: xe } = R, Se = O(() => (H?.body ?? "").replace(S(), (e, t) => {
+		let n = xe(t);
 		return n && n !== t ? n.replaceAll("&", "&") : e;
-	}), [H?.body, ye]);
-	if (i && !H) return R.error ? /* @__PURE__ */ N(le, {
+	}), [H?.body, xe]);
+	if (i && !H) return R.error ? /* @__PURE__ */ M(le, {
 		error: R.error,
 		message: T("contentManager.loadFailed"),
 		retry: R.reload
-	}) : /* @__PURE__ */ P("div", {
+	}) : /* @__PURE__ */ N("div", {
 		className: "grid gap-3",
 		"aria-busy": !0,
-		children: [/* @__PURE__ */ N(m, { className: "h-9 w-full" }), /* @__PURE__ */ N(m, { className: "h-48 w-full" })]
+		children: [/* @__PURE__ */ M(m, { className: "h-9 w-full" }), /* @__PURE__ */ M(m, { className: "h-48 w-full" })]
 	});
-	let Y = H, X = (e) => W((t) => ({
+	let J = H, Y = (e) => U((t) => ({
 		...t,
 		...e
-	})), Z = (t) => {
+	})), X = (t) => {
 		let n = e(t);
-		K(n), B(n, "content.save");
-	}, xe = () => ({
-		title: Y.title.trim(),
-		slug: Y.slug.trim() || void 0,
-		description: Y.description.trim(),
-		body: Y.body
-	}), Se = async () => {
-		if (K(null), q(null), !Y.title.trim()) return K(T("contentManager.titleRequired"));
+		G(n), V(n, "content.save");
+	}, Ce = () => ({
+		title: J.title.trim(),
+		slug: J.slug.trim() || void 0,
+		description: J.description.trim(),
+		body: J.body
+	}), we = async () => {
+		if (G(null), K(null), !J.title.trim()) return G(T("contentManager.titleRequired"));
 		try {
-			if (!J) {
+			if (!q) {
 				let e = await R.create({
 					kind: o,
-					text: { [F]: xe() },
+					text: { [I]: Ce() },
 					owner_group_id: v
 				});
 				y?.(e);
 				return;
 			}
-			let e = await R.putText(xe());
-			q(T("pollEditor.saved")), W((t) => ({
+			let e = await R.putText(Ce());
+			K(T("pollEditor.saved")), U((t) => ({
 				...t,
-				slug: e.text?.[F]?.slug ?? t.slug
+				slug: e.text?.[I]?.slug ?? t.slug
 			}));
 		} catch (e) {
-			Z(e);
+			X(e);
 		}
-	}, Ce = async (e) => {
-		K(null), q(null);
+	}, Te = async (e) => {
+		G(null), K(null);
 		try {
-			e ? await R.publish(Y.publishAt ? new Date(Y.publishAt).toISOString() : void 0) : await R.unpublish(), q(T(e ? "contentManager.publishedNotice" : "contentManager.unpublishedNotice"));
+			e ? await R.publish(J.publishAt ? new Date(J.publishAt).toISOString() : void 0) : await R.unpublish(), K(T(e ? "contentManager.publishedNotice" : "contentManager.unpublishedNotice"));
 		} catch (e) {
-			Z(e);
+			X(e);
 		}
-	}, we = async () => {
-		if (J && await _e({
-			title: T("contentManager.deleteTitle", { title: J.title }),
+	}, Ee = async () => {
+		if (q && await ye({
+			title: T("contentManager.deleteTitle", { title: q.title }),
 			description: T("contentManager.deleteBody"),
 			confirm: T("contentManager.delete")
 		})) try {
-			await R.remove(), ue?.(J);
+			await R.remove(), ue?.(q);
 		} catch (e) {
-			Z(e);
+			X(e);
 		}
-	}, Q = J ? I(J) : "draft", Te = J && Q === "published" ? se?.(J) : void 0, $ = {
-		value: be,
-		onChange: (e) => X({ body: R.storedBody(e) }),
-		uploadImage: J ? (e) => R.uploadImage(e) : void 0,
+	}, Z = q ? F(q) : "draft", Q = q && Z === "published" ? se?.(q) : void 0, $ = {
+		value: Se,
+		onChange: (e) => Y({ body: R.storedBody(e) }),
+		uploadImage: q ? (e) => R.uploadImage(e) : void 0,
 		disabled: R.saving,
 		placeholder: T("contentManager.bodyPlaceholder"),
 		"aria-label": T("contentManager.body")
 	};
-	return /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ P("form", {
+	return /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ N("form", {
 		className: "grid gap-4",
 		"data-ckui": "content-form",
 		onSubmit: (e) => {
-			e.preventDefault(), Se();
+			e.preventDefault(), we();
 		},
 		children: [
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ N("div", {
 				className: "flex flex-wrap items-center gap-2",
 				children: [
-					/* @__PURE__ */ N("h2", {
+					/* @__PURE__ */ M("h2", {
 						className: "text-base font-semibold",
-						children: T(J ? "contentManager.editTitle" : "contentManager.newTitle")
+						children: T(q ? "contentManager.editTitle" : "contentManager.newTitle")
 					}),
-					J && /* @__PURE__ */ N(te, {
-						variant: he[Q],
-						children: T(`contentManager.${Q}`)
+					q && /* @__PURE__ */ M(te, {
+						variant: ge[Z],
+						children: T(`contentManager.${Z}`)
 					}),
-					Te && /* @__PURE__ */ N("a", {
+					Q && /* @__PURE__ */ M("a", {
 						className: "text-xs text-muted-foreground hover:underline",
-						href: Te,
+						href: Q,
 						children: T("contentManager.view")
 					})
 				]
 			}),
-			J?.moderation && /* @__PURE__ */ N(c, {
-				variant: J.moderation === "rejected" ? "destructive" : "default",
-				children: /* @__PURE__ */ N(l, { children: J.moderation_reason ? T(`contentManager.${J.moderation === "rejected" ? "rejectedBecause" : "heldBecause"}`, { reason: J.moderation_reason }) : T(`contentManager.${J.moderation === "rejected" ? "rejectedNote" : "heldNote"}`) })
+			q?.moderation && /* @__PURE__ */ M(c, {
+				variant: q.moderation === "rejected" ? "destructive" : "default",
+				children: /* @__PURE__ */ M(l, { children: q.moderation_reason ? T(`contentManager.${q.moderation === "rejected" ? "rejectedBecause" : "heldBecause"}`, { reason: q.moderation_reason }) : T(`contentManager.${q.moderation === "rejected" ? "rejectedNote" : "heldNote"}`) })
 			}),
-			A.length > 1 && /* @__PURE__ */ P("div", {
+			P.length > 1 && /* @__PURE__ */ N("div", {
 				className: "grid gap-1.5",
-				children: [/* @__PURE__ */ N(f, {
-					htmlFor: `${E}-lang`,
+				children: [/* @__PURE__ */ M(f, {
+					htmlFor: `${k}-lang`,
 					children: T("contentManager.language")
-				}), /* @__PURE__ */ P(ne, {
-					value: F,
+				}), /* @__PURE__ */ N(ne, {
+					value: I,
 					onValueChange: (e) => {
-						L(String(e ?? "")), W(J ? null : V);
+						L(String(e ?? "")), U(q ? null : B);
 					},
-					children: [/* @__PURE__ */ N(ie, {
-						id: `${E}-lang`,
+					children: [/* @__PURE__ */ M(ie, {
+						id: `${k}-lang`,
 						className: "w-full",
-						children: /* @__PURE__ */ N(ae, { children: (e) => A.find((t) => t.value === e)?.label ?? e })
-					}), /* @__PURE__ */ N(re, { children: A.map((e) => /* @__PURE__ */ N(p, {
+						children: /* @__PURE__ */ M(ae, { children: (e) => P.find((t) => t.value === e)?.label ?? e })
+					}), /* @__PURE__ */ M(re, { children: P.map((e) => /* @__PURE__ */ M(p, {
 						value: e.value,
 						children: e.label
 					}, e.value)) })]
 				})]
 			}),
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ N("div", {
 				className: "grid gap-1.5",
-				children: [/* @__PURE__ */ N(f, {
-					htmlFor: `${E}-title`,
+				children: [/* @__PURE__ */ M(f, {
+					htmlFor: `${k}-title`,
 					children: T("contentManager.itemTitle")
-				}), /* @__PURE__ */ N(d, {
-					id: `${E}-title`,
-					value: Y.title,
+				}), /* @__PURE__ */ M(d, {
+					id: `${k}-title`,
+					value: J.title,
 					required: !0,
 					maxLength: 300,
-					onChange: (e) => X({ title: e.target.value })
+					onChange: (e) => Y({ title: e.target.value })
 				})]
 			}),
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ N("div", {
 				className: "grid gap-4 sm:grid-cols-2",
-				children: [/* @__PURE__ */ P("div", {
+				children: [/* @__PURE__ */ N("div", {
 					className: "grid gap-1.5",
-					children: [/* @__PURE__ */ N(f, {
-						htmlFor: `${E}-slug`,
+					children: [/* @__PURE__ */ M(f, {
+						htmlFor: `${k}-slug`,
 						children: T("contentManager.slug")
-					}), /* @__PURE__ */ N(d, {
-						id: `${E}-slug`,
-						value: Y.slug,
+					}), /* @__PURE__ */ M(d, {
+						id: `${k}-slug`,
+						value: J.slug,
 						placeholder: T("contentManager.slugAuto"),
-						onChange: (e) => X({ slug: e.target.value })
+						onChange: (e) => Y({ slug: e.target.value })
 					})]
-				}), /* @__PURE__ */ P("div", {
+				}), /* @__PURE__ */ N("div", {
 					className: "grid gap-1.5",
-					children: [/* @__PURE__ */ N(f, {
-						htmlFor: `${E}-publish`,
+					children: [/* @__PURE__ */ M(f, {
+						htmlFor: `${k}-publish`,
 						children: T("contentManager.publishAt")
-					}), /* @__PURE__ */ N(d, {
-						id: `${E}-publish`,
+					}), /* @__PURE__ */ M(d, {
+						id: `${k}-publish`,
 						type: "datetime-local",
-						value: Y.publishAt,
-						onChange: (e) => X({ publishAt: e.target.value })
+						value: J.publishAt,
+						onChange: (e) => Y({ publishAt: e.target.value })
 					})]
 				})]
 			}),
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ N("div", {
 				className: "grid gap-1.5",
-				children: [/* @__PURE__ */ N(f, {
-					htmlFor: `${E}-description`,
+				children: [/* @__PURE__ */ M(f, {
+					htmlFor: `${k}-description`,
 					children: T("contentManager.description")
-				}), /* @__PURE__ */ N(h, {
-					id: `${E}-description`,
+				}), /* @__PURE__ */ M(h, {
+					id: `${k}-description`,
 					rows: 2,
-					value: Y.description,
-					onChange: (e) => X({ description: e.target.value })
+					value: J.description,
+					onChange: (e) => Y({ description: e.target.value })
 				})]
 			}),
-			(z || !J) && /* @__PURE__ */ N(U, {
-				item: J,
+			(z || !q) && /* @__PURE__ */ M(_e, {
+				item: q,
 				src: R.coverSrc,
 				saving: R.saving,
-				onFile: (e) => void R.setCover(e).catch(Z)
+				onFile: (e) => void R.setCover(e).catch(X)
 			}),
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ N("div", {
 				className: "grid gap-1.5",
 				children: [
-					/* @__PURE__ */ N("span", {
+					/* @__PURE__ */ M("span", {
 						className: "text-sm font-medium",
 						children: T("contentManager.body")
 					}),
-					g ? g($) : /* @__PURE__ */ N(h, {
+					g ? g($) : /* @__PURE__ */ M(h, {
 						"aria-label": $["aria-label"],
 						rows: 12,
-						value: Y.body,
+						value: J.body,
 						placeholder: $.placeholder,
-						onChange: (e) => X({ body: e.target.value })
+						onChange: (e) => Y({ body: e.target.value })
 					}),
-					!J && /* @__PURE__ */ N("p", {
+					!q && /* @__PURE__ */ M("p", {
 						className: "text-xs text-muted-foreground",
 						children: T("contentManager.imagesAfterCreate")
 					})
 				]
 			}),
-			G && /* @__PURE__ */ N(oe, { children: typeof G == "string" ? G : _(w, G) }),
-			ge && !G && /* @__PURE__ */ N("p", {
+			W && /* @__PURE__ */ M(oe, { children: typeof W == "string" ? W : _(w, W) }),
+			ve && !W && /* @__PURE__ */ M("p", {
 				role: "status",
 				className: "text-sm text-muted-foreground",
-				children: ge
+				children: ve
 			}),
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ N("div", {
 				className: "flex flex-wrap gap-2 border-t border-border pt-4",
 				children: [
-					/* @__PURE__ */ N(u, {
+					/* @__PURE__ */ M(u, {
 						type: "submit",
 						disabled: R.saving,
-						children: R.saving ? T("common.saving") : T(J ? "common.save" : "contentManager.createDraft")
+						children: R.saving ? T("common.saving") : T(q ? "common.save" : "contentManager.createDraft")
 					}),
-					J && !J.live && /* @__PURE__ */ N(u, {
+					q && !q.live && /* @__PURE__ */ M(u, {
 						type: "button",
 						variant: "outline",
 						disabled: R.saving,
-						onClick: () => void Ce(!0),
+						onClick: () => void Te(!0),
 						children: T("contentManager.publish")
 					}),
-					J?.state === "published" && /* @__PURE__ */ N(u, {
+					q?.state === "published" && /* @__PURE__ */ M(u, {
 						type: "button",
 						variant: "outline",
 						disabled: R.saving,
-						onClick: () => void Ce(!1),
+						onClick: () => void Te(!1),
 						children: T("contentManager.unpublish")
 					}),
-					J && /* @__PURE__ */ N(u, {
+					q && /* @__PURE__ */ M(u, {
 						type: "button",
 						variant: "destructive",
 						className: "ms-auto",
 						disabled: R.saving,
-						onClick: () => void we(),
+						onClick: () => void Ee(),
 						children: T("contentManager.delete")
 					})
 				]
 			}),
-			ve
+			be
 		]
-	}), J && /* @__PURE__ */ N(D, {
-		content: J,
-		client: x,
+	}), q && /* @__PURE__ */ M(E, {
+		management: de,
+		content: q,
+		client: C,
 		onError: b,
 		labels: ce
 	})] });
 }
-function U({ item: e, src: n, saving: r, onFile: i }) {
-	let { t: a } = t(), o = A(null);
-	return /* @__PURE__ */ P("div", {
+function _e({ item: e, src: n, saving: r, onFile: i }) {
+	let { t: a } = t(), o = k(null);
+	return /* @__PURE__ */ N("div", {
 		className: "grid gap-1.5",
 		"data-ckui": "content-cover",
-		children: [/* @__PURE__ */ N("span", {
+		children: [/* @__PURE__ */ M("span", {
 			className: "text-sm font-medium",
 			children: a("contentManager.cover")
-		}), e ? /* @__PURE__ */ P("div", {
+		}), e ? /* @__PURE__ */ N("div", {
 			className: "flex flex-wrap items-center gap-3",
 			children: [
-				n ? /* @__PURE__ */ N("img", {
+				n ? /* @__PURE__ */ M("img", {
 					src: n,
 					alt: "",
 					className: "h-20 w-36 rounded-md border border-border object-cover"
-				}) : /* @__PURE__ */ N("span", {
+				}) : /* @__PURE__ */ M("span", {
 					className: "text-muted-foreground",
 					children: a("contentManager.noCover")
 				}),
-				/* @__PURE__ */ N(u, {
+				/* @__PURE__ */ M(u, {
 					type: "button",
 					size: "sm",
 					variant: "outline",
@@ -560,7 +562,7 @@ function U({ item: e, src: n, saving: r, onFile: i }) {
 					onClick: () => o.current?.click(),
 					children: a(n ? "pollEditor.replaceImage" : "contentManager.addCover")
 				}),
-				n && /* @__PURE__ */ N(u, {
+				n && /* @__PURE__ */ M(u, {
 					type: "button",
 					size: "sm",
 					variant: "ghost",
@@ -568,7 +570,7 @@ function U({ item: e, src: n, saving: r, onFile: i }) {
 					onClick: () => i(null),
 					children: a("pollEditor.removeImage")
 				}),
-				/* @__PURE__ */ N("input", {
+				/* @__PURE__ */ M("input", {
 					ref: o,
 					type: "file",
 					accept: "image/*",
@@ -580,13 +582,13 @@ function U({ item: e, src: n, saving: r, onFile: i }) {
 					}
 				})
 			]
-		}) : /* @__PURE__ */ N("p", {
+		}) : /* @__PURE__ */ M("p", {
 			className: "text-xs text-muted-foreground",
 			children: a("contentManager.imagesAfterCreate")
 		})]
 	});
 }
 //#endregion
-export { H as ContentEditor, R as ContentManager, I as contentStatus, F as useContentManagerAccess };
+export { V as ContentEditor, L as ContentManager, F as contentStatus, P as useContentManagerAccess };
 
 //# sourceMappingURL=content-manager.js.map