@openrails/contentkit-ui 0.85.1 → 0.86.0

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

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