@openrails/contentkit-ui 0.103.0 → 0.103.2

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

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