@openrails/contentkit-ui 0.87.0-rc.1 → 0.88.0

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

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