@openrails/contentkit-ui 0.103.1 → 0.104.0-rc.1

package/dist/components/admin/reader-content-editor.js

@@ -0,0 +1,733 @@
+import { toContentKitError as e } from "../../client/errors.js";
+import { stem as t } from "../../client/media/client.js";
+import { useMessages as n } from "../../i18n/context.js";
+import { useErrorReporter as r, useGuarded as i } from "../../react/context.js";
+import { useContentScope as ee } from "../../react/use-resource.js";
+import { useContentGroups as te } from "../../react/groups.js";
+import { isProcessing as ne } from "../../client/media/windows.js";
+import { Button as a } from "../../ui/button.js";
+import { useMediaFolder as re } from "../../react/folder.js";
+import { MediaFolderEditor as ie } from "../media-folder-editor.js";
+import { Badge as ae } from "../../ui/badge.js";
+import { Input as o } from "../../ui/input.js";
+import { Label as s } from "../../ui/label.js";
+import { Select as c, SelectContent as l, SelectItem as u, SelectTrigger as oe, SelectValue as se } from "../../ui/select.js";
+import { Textarea as ce } from "../../ui/textarea.js";
+import { ErrorLine as d, contentError as le, useAction as ue } from "../social/parts.js";
+import { LoadFailed as de, Rows as fe, useConfirm as pe } from "./shell.js";
+import { localInput as me } from "../social/bans.js";
+import { imageRefs as he } from "../../client/contents.js";
+import { parseAttributes as ge } from "../../client/group-fields.js";
+import { GroupPicker as _e, labelOf as ve } from "../groups/parts.js";
+import { useDraft as f } from "../../react/use-draft.js";
+import { EditorSaveContext as ye, readerMediaReady as be, useEditorSaveCoordinator as xe } from "../content/editor-save.js";
+import { OfferFields as Se } from "../content/offer-fields.js";
+import { AttributeFields as Ce, formOf as we } from "../groups/fields.js";
+import { MembershipRow as Te } from "../groups/memberships.js";
+import { ReaderManifestEditor as Ee } from "./reader-manifest.js";
+import { usePageReview as De } from "../../react/page-review.js";
+import { PageReview as Oe } from "./page-review.js";
+import { RuleFields as ke, VersionsEditor as Ae, cleanRule as je, complete as Me, versionLabel as Ne } from "../content/editors.js";
+import { useContent as Pe } from "../../react/contents.js";
+import { contentStatus as Fe } from "./content-manager.js";
+import { useEffect as p, useId as Ie, useMemo as m, useRef as h, useState as g } from "react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { StarIcon as Le } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as Re } from "@hugeicons/react";
+//#region src/components/admin/reader-content-editor.tsx
+var y = () => ({
+	title: "",
+	slug: "",
+	description: "",
+	body: ""
+}), ze = (e, t) => e?.text?.[t] ?? (e?.language === t ? {
+	title: e.title,
+	slug: e.slug,
+	description: e.description,
+	body: e.body
+} : y()), Be = (e) => e.replace(/\.[^.]+$/, "").replace(/[_-]+/g, " ").trim().slice(0, 300), Ve = (e) => ({
+	...e,
+	title: e.title.trim(),
+	slug: e.slug?.trim() || void 0,
+	description: e.description?.trim()
+}), b = class extends Error {};
+function x({ title: e, children: t, className: n = "" }) {
+	return /* @__PURE__ */ v("section", {
+		className: `grid min-w-0 content-start gap-4 rounded-xl border border-border bg-card p-4 ${n}`,
+		children: [/* @__PURE__ */ _("h2", {
+			className: "text-base font-semibold",
+			children: e
+		}), t]
+	});
+}
+function S(S) {
+	let { client: C, scope: He } = ee(S.client), Ue = n(), { t: w } = Ue, T = Ie(), We = i(), Ge = r(S.onError), E = S.model, D = E.kinds[S.kind], Ke = S.languages?.map((e) => typeof e == "string" ? {
+		value: e,
+		label: e
+	} : e), O = Ke?.length ? Ke : E.languages.map((e) => ({
+		value: e,
+		label: e
+	})), qe = O.map((e) => e.value).join("|"), [k, Je] = g(O[0]?.value ?? "en"), [Ye, Xe] = g(""), A = Pe(S.id, S.kind, k, {
+		client: C,
+		version: Ye || void 0
+	}), [Ze, Qe] = g(null), j = A.content ?? Ze, M = h({
+		item: j,
+		scope: He,
+		alive: !0
+	});
+	M.current.item = j, p(() => {
+		let e = M.current;
+		return e.alive = !0, () => {
+			e.alive = !1;
+		};
+	}, []);
+	let N = () => M.current.alive && M.current.scope === He, P = h(null), [$e, et] = g(!1), [F, tt] = g(!1), [nt, I] = g(), [rt, it] = g(""), at = f(m(() => ({ at: j?.publish_at ? me(new Date(j.publish_at)) : "" }), [j?.publish_at])), ot = at.value.at, st = (e) => at.edit({ at: e }), [ct, lt] = g(!1), [ut, dt] = g([]), [ft, pt] = g(!1), [mt, ht] = g(!1), L = m(() => [...j?.versions ?? []].sort((e, t) => e.position - t.position), [j?.versions]), R = L.find((e) => e.id === Ye) ?? L[0];
+	p(() => {
+		ft && R && dt((e) => e.includes(R.id) ? e : [...e, R.id]);
+	}, [ft, R]);
+	let z = te(j?.id, {
+		language: k,
+		client: C
+	}), gt = m(() => new Map(z.entities), [z.entities]), [_t, vt] = g(/* @__PURE__ */ new Map()), yt = m(() => new Map([..._t, ...gt]), [gt, _t]), B = m(() => D.entities ?? [], [D.entities]), V = f(m(() => Object.fromEntries(qe.split("|").map((e) => [e, ze(j, e)])), [j, qe])), H = f(m(() => ({
+		listing: j?.listing ?? "listed",
+		comments: j?.comments ?? "open",
+		attributes: we(D.attributes ?? {}, j?.attributes ?? {}),
+		access: j?.access ?? { level: "public" }
+	}), [
+		j?.listing,
+		j?.comments,
+		j?.attributes,
+		j?.access,
+		D.attributes
+	])), U = f(m(() => ({ memberships: z.memberships.filter((e) => B.includes(z.entities.get(e.group_id ?? "")?.kind ?? "")) }), [
+		z.memberships,
+		z.entities,
+		B
+	])), W = xe(), G = h({
+		texts: V,
+		details: H,
+		associations: U,
+		language: k
+	});
+	G.current = {
+		texts: V,
+		details: H,
+		associations: U,
+		language: k
+	};
+	let K = V.value[k] ?? y(), bt = (K.body ?? "").replace(he(), (e, t) => A.imageSrc(t) ?? e), q = (e) => V.edit((t) => ({
+		...t,
+		[k]: {
+			...t[k] ?? y(),
+			...e
+		}
+	})), xt = (t) => {
+		N() && (I(t instanceof b ? t.message : t), t instanceof b || Ge(e(t), "content.save"));
+	}, St = async (e) => {
+		if (M.current.item) return M.current.item;
+		if (P.current) return P.current;
+		et(!0);
+		let t = G.current.language, n = G.current.texts.get()[t] ?? y(), r = n.title.trim() || Be(e ?? "") || w("readerEditor.untitled");
+		n.title.trim() || G.current.texts.edit((e) => ({
+			...e,
+			[t]: {
+				...e[t] ?? y(),
+				title: r
+			}
+		}));
+		let i = {
+			kind: S.kind,
+			text: { [t]: {
+				...n,
+				title: r
+			} },
+			owner_group_id: S.ownerGroup
+		};
+		return P.current = A.create(i).then((e) => (M.current.item = e, N() && (Qe(e), S.onCreated?.(e)), e)).finally(() => {
+			P.current = null, N() && et(!1);
+		}), P.current;
+	}, J = m(() => j && R ? {
+		kind: S.kind,
+		id: j.id,
+		version: R.id
+	} : null, [
+		S.kind,
+		j,
+		R
+	]), Y = ue("content.save", S.onError), X = ue("offer.save", S.onError), Z = ue("content.save", S.onError), Q = re(J, {
+		commit: R?.live ? "manual" : "auto",
+		client: C,
+		onError: S.onError
+	}), Ct = h(Q);
+	Ct.current = Q;
+	let wt = Q.read.read?.files ?? [], $ = De(j?.id, R?.id, { client: C }), Tt = $.reload, Et = J && Q.read.read ? JSON.stringify([
+		J.id,
+		J.version,
+		wt.filter((e) => e.upload).map((e) => [
+			e.path,
+			e.size,
+			e.staged,
+			e.pending,
+			e.failed
+		])
+	]) : null;
+	p(() => {
+		Et && Tt();
+	}, [Et, Tt]);
+	let Dt = !!Q.error || Q.queue.items.some((e) => e.status === "failed") || wt.some((e) => e.failed), Ot = wt.some(ne), kt = $.review?.selected ?? 0, At = Q.busy || $e || Ot || Q.read.loading || $.loading || Y.pending, jt = At || Dt || !!Q.read.error || !!$.error || kt === 0 || W.pending || X.pending, Mt = (e) => {
+		let t = [...e];
+		t.length && (Q.add(t), St(t.find((e) => /\.zip$/i.test(e.name))?.name ?? t[0]?.name).catch(xt));
+	}, Nt = at.dirty.length > 0 || V.dirty.length > 0 || H.dirty.length > 0 || U.dirty.length > 0 || W.dirty;
+	p(() => {
+		if (!Nt && !Q.busy) return;
+		let e = (e) => {
+			e.preventDefault(), e.returnValue = "";
+		};
+		return addEventListener("beforeunload", e), () => removeEventListener("beforeunload", e);
+	}, [Nt, Q.busy]);
+	let Pt = async (e) => {
+		if (F) return;
+		I(void 0), it("");
+		let t = G.current;
+		if (!t.texts.get()[t.language]?.title.trim()) return I(w("contentManager.titleRequired"));
+		let n = W.problem();
+		if (n) return I(w("readerEditor.fixSection", { section: n }));
+		if (!Me(t.details.get().access) || t.details.get().access.level === "tier" && !t.details.get().access.tiers?.length) return I(w("readerEditor.accessRequired"));
+		let r;
+		try {
+			r = ge(D.attributes ?? {}, t.details.get().attributes);
+		} catch (e) {
+			return xt(e);
+		}
+		if (e && jt) return I(w("readerEditor.filesNotReady"));
+		tt(!0);
+		let i = t.texts.checkpoint(), ee = t.details.checkpoint(), te = t.associations.checkpoint(), ne = t.texts.dirty.slice(), a = { ...t.texts.get() }, re = t.details.get(), ie = t.associations.get().memberships.slice(), ae = !0;
+		try {
+			let n = await St();
+			if (!N()) return;
+			if (z.error) throw z.error;
+			if (await We(async () => {
+				for (let e of ne) {
+					let t = String(e), r = a[t];
+					if (!r?.title.trim()) throw new b(w("contentManager.titleRequired"));
+					if (n = await C.contents.putText(n.id, t, Ve(r)), !N()) return;
+				}
+				if (n = await C.contents.get(n.id, k), N() && (n = await C.contents.update(n.id, {
+					listing: re.listing,
+					comments: re.comments,
+					attributes: r,
+					access: je(re.access),
+					revision: n.revision
+				}), N() && t.associations.dirty.length)) {
+					let e = n.versions.find((e) => e.id === R?.id) ?? n.versions[0], t = ie.map((t) => {
+						let n = yt.get(t.group_id ?? "")?.kind;
+						return n && E.entity_kinds[n]?.version_level && !t.version_id ? {
+							...t,
+							version_id: e?.id
+						} : t;
+					}), r = await C.entities.setOfContent(n.id, {
+						kinds: [...B],
+						memberships: t
+					}, k);
+					ae = te({ memberships: r.memberships.filter((e) => B.includes(r.entities.find((t) => t.id === e.group_id)?.kind ?? "")) });
+				}
+			}), !N()) return;
+			let o = Ct.current;
+			!o.busy && (o.pending.length || o.queue.items.some((e) => e.status === "uploaded")) && await o.commit();
+			let s = await W.save(N);
+			if (s) throw new b(w("readerEditor.fixSection", { section: s }));
+			if (!N()) return;
+			let c = i(Object.fromEntries(O.map((e) => [e.value, n.text?.[e.value] ?? a[e.value] ?? y()]))), l = ee({
+				listing: n.listing,
+				comments: n.comments,
+				attributes: we(D.attributes ?? {}, n.attributes),
+				access: n.access
+			});
+			if (e) {
+				if (!c || !l || !ae) throw new b(w("readerEditor.changedDuringSave"));
+				let e = Ct.current;
+				if (!J || e.busy || e.error || e.queue.items.some((e) => e.status === "failed") || !await be(C, J)) throw new b(w("readerEditor.filesNotReady"));
+				if ((R ? await C.contents.version(n.id, R.id, k) : null)?.state !== "published") throw new b(w("readerEditor.versionDraft"));
+				if (!N()) return;
+				let t = at.checkpoint(), r = await We(() => C.contents.publish(n.id, ot ? new Date(ot).toISOString() : void 0));
+				t({ at: r.publish_at ? me(new Date(r.publish_at)) : "" }), it(w("contentManager.publishedNotice"));
+			} else it(w("pollEditor.saved"));
+		} catch (e) {
+			xt(e);
+		} finally {
+			N() && tt(!1);
+		}
+	}, Ft = async (e) => {
+		let t = await St(e.name), n = t.versions.find((e) => e.id === R?.id) ?? t.versions[0];
+		if (!n || !N()) return;
+		let r = {
+			kind: S.kind,
+			id: t.id,
+			version: n.id
+		}, i = await C.media.uploadNamed(r, e, { path: await C.media.presetPath(S.kind, "cover", e) });
+		N() && await C.contents.setCover(t.id, n.id, i.name);
+	}, It = async (e) => {
+		if (!J || !j || !R) return;
+		let n = await C.media.presetPath(S.kind, "cover", new File([], e.path.split("/").at(-1) ?? "cover", { type: e.type }));
+		await C.media.commit(J, [{
+			op: "copy",
+			from: {
+				id: j.id,
+				version: R.id,
+				path: e.path
+			},
+			to: n
+		}]), N() && await C.contents.setCover(j.id, R.id, t(n).split("/").at(-1));
+	}, { confirm: Lt, dialog: Rt } = pe(), zt = async () => {
+		j && await Lt({
+			title: w("contentManager.deleteTitle", { title: j.title }),
+			description: w("contentManager.deleteBody"),
+			confirm: w("contentManager.delete")
+		}) && await Z.run(async () => {
+			Q.discard(), await C.contents.remove(j.id), N() && S.onDeleted?.(j);
+		});
+	};
+	if (S.id && !j) return A.error ? /* @__PURE__ */ _(de, {
+		error: A.error,
+		message: w("contentManager.loadFailed"),
+		retry: A.reload
+	}) : /* @__PURE__ */ _(fe, {});
+	let Bt = j ? Fe(j) : "draft", Vt = R?.id, Ht = (e) => H.edit((t) => ({
+		...t,
+		...e
+	})), Ut = L.map((e) => ({
+		id: e.id,
+		label: Ne(e, (e) => O.find((t) => t.value === e)?.label ?? e, S.labels)
+	}));
+	return /* @__PURE__ */ _(ye.Provider, {
+		value: W.context,
+		children: /* @__PURE__ */ v("div", {
+			className: "grid gap-5 text-base",
+			"data-ckui": "reader-content-editor",
+			children: [
+				/* @__PURE__ */ v("div", {
+					className: "sticky top-0 z-10 flex flex-wrap items-center gap-3 rounded-xl border border-border bg-background/95 p-4 shadow-sm",
+					children: [
+						/* @__PURE__ */ v("div", {
+							className: "min-w-0 flex-1",
+							children: [/* @__PURE__ */ _("h1", {
+								className: "truncate text-xl font-semibold",
+								children: K.title || w("readerEditor.new")
+							}), /* @__PURE__ */ v("div", {
+								className: "mt-1 flex items-center gap-2 text-sm text-muted-foreground",
+								children: [
+									/* @__PURE__ */ _(ae, {
+										variant: j?.live ? "default" : "outline",
+										children: w(`contentManager.${Bt}`)
+									}),
+									R && /* @__PURE__ */ _("span", { children: w("contentEditor.pageCount", { count: $.review ? kt : R.pages ?? 0 }) }),
+									$e && /* @__PURE__ */ _("span", {
+										role: "status",
+										children: w("common.saving")
+									})
+								]
+							})]
+						}),
+						j?.live && S.contentHref?.(j) && /* @__PURE__ */ _("a", {
+							href: S.contentHref(j),
+							className: "text-sm underline",
+							children: w("contentManager.view")
+						}),
+						/* @__PURE__ */ _(a, {
+							disabled: F || $e,
+							onClick: () => void Pt(!1),
+							children: w(F ? "common.saving" : j?.live ? "common.save" : "readerEditor.saveDraft")
+						}),
+						!j?.live && /* @__PURE__ */ _(a, {
+							variant: "outline",
+							disabled: F || jt,
+							onClick: () => void Pt(!0),
+							children: w(ot ? "readerEditor.schedule" : "contentManager.publish")
+						})
+					]
+				}),
+				nt != null && /* @__PURE__ */ _(d, { children: typeof nt == "string" ? nt : le(Ue, e(nt)) }),
+				rt && /* @__PURE__ */ _("p", {
+					role: "status",
+					className: "text-sm text-muted-foreground",
+					children: rt
+				}),
+				/* @__PURE__ */ v("fieldset", {
+					disabled: F,
+					className: "grid min-w-0 items-start gap-5 xl:grid-cols-[minmax(0,1fr)_minmax(18rem,24rem)]",
+					children: [/* @__PURE__ */ v("div", {
+						className: "grid min-w-0 gap-5",
+						children: [
+							/* @__PURE__ */ v(x, {
+								title: w("readerEditor.details"),
+								children: [
+									/* @__PURE__ */ v("div", {
+										className: "grid gap-4 sm:grid-cols-[minmax(0,1fr)_10rem]",
+										children: [/* @__PURE__ */ v("div", {
+											className: "grid gap-1.5",
+											children: [/* @__PURE__ */ _(s, {
+												htmlFor: `${T}-title`,
+												children: w("contentManager.itemTitle")
+											}), /* @__PURE__ */ _(o, {
+												id: `${T}-title`,
+												required: !0,
+												maxLength: 300,
+												value: K.title,
+												onChange: (e) => q({ title: e.target.value })
+											})]
+										}), /* @__PURE__ */ v("div", {
+											className: "grid gap-1.5",
+											children: [/* @__PURE__ */ _(s, {
+												htmlFor: `${T}-language`,
+												children: w("contentManager.language")
+											}), /* @__PURE__ */ v(c, {
+												value: k,
+												onValueChange: (e) => e && Je(e),
+												children: [/* @__PURE__ */ _(oe, {
+													id: `${T}-language`,
+													children: /* @__PURE__ */ _(se, { children: O.find((e) => e.value === k)?.label ?? k })
+												}), /* @__PURE__ */ _(l, { children: O.map((e) => /* @__PURE__ */ _(u, {
+													value: e.value,
+													children: e.label
+												}, e.value)) })]
+											})]
+										})]
+									}),
+									/* @__PURE__ */ v("div", {
+										className: "grid gap-1.5",
+										children: [/* @__PURE__ */ _(s, {
+											htmlFor: `${T}-description`,
+											children: w("contentManager.description")
+										}), /* @__PURE__ */ _(ce, {
+											id: `${T}-description`,
+											rows: 3,
+											value: K.description ?? "",
+											onChange: (e) => q({ description: e.target.value })
+										})]
+									}),
+									/* @__PURE__ */ _(Ce, {
+										declared: D.attributes ?? {},
+										form: H.value.attributes,
+										onChange: (e, t) => Ht({ attributes: {
+											...H.value.attributes,
+											[e]: t
+										} }),
+										labels: S.labels
+									}),
+									/* @__PURE__ */ v("details", {
+										className: "grid gap-3",
+										children: [/* @__PURE__ */ _("summary", {
+											className: "cursor-pointer text-sm text-muted-foreground",
+											children: w("readerEditor.additionalText")
+										}), /* @__PURE__ */ v("div", {
+											className: "mt-3 grid gap-3",
+											children: [
+												/* @__PURE__ */ v("div", {
+													className: "grid gap-1.5",
+													children: [/* @__PURE__ */ _(s, {
+														htmlFor: `${T}-slug`,
+														children: w("contentManager.slug")
+													}), /* @__PURE__ */ _(o, {
+														id: `${T}-slug`,
+														value: K.slug ?? "",
+														placeholder: w("contentManager.slugAuto"),
+														onChange: (e) => q({ slug: e.target.value })
+													})]
+												}),
+												/* @__PURE__ */ _(s, {
+													htmlFor: `${T}-body`,
+													children: w("contentManager.body")
+												}),
+												S.renderEditor ? S.renderEditor({
+													value: bt,
+													onChange: (e) => q({ body: A.storedBody(e) }),
+													uploadImage: j ? (e) => A.uploadImage(e) : void 0,
+													disabled: F,
+													"aria-label": w("contentManager.body")
+												}) : /* @__PURE__ */ _(ce, {
+													id: `${T}-body`,
+													value: K.body ?? "",
+													onChange: (e) => q({ body: e.target.value })
+												})
+											]
+										})]
+									})
+								]
+							}),
+							/* @__PURE__ */ v(x, {
+								title: w("readerEditor.files"),
+								children: [
+									L.length > 1 && /* @__PURE__ */ v(c, {
+										value: Vt ?? "",
+										onValueChange: (e) => e && Xe(e),
+										disabled: Q.busy || Q.pending.length > 0,
+										children: [/* @__PURE__ */ _(oe, {
+											"aria-label": w("contentEditor.versions"),
+											children: /* @__PURE__ */ _(se, { children: Ut.find((e) => e.id === Vt)?.label })
+										}), /* @__PURE__ */ _(l, { children: Ut.map((e) => /* @__PURE__ */ _(u, {
+											value: e.id,
+											children: e.label
+										}, e.id)) })]
+									}),
+									/* @__PURE__ */ _("p", {
+										className: "text-sm text-muted-foreground",
+										children: w("readerEditor.fileHelp")
+									}),
+									/* @__PURE__ */ _(ie, {
+										folder: {
+											...Q,
+											add: Mt
+										},
+										label: !1,
+										layout: "grid",
+										disabled: F,
+										inputLabel: w("readerEditor.files"),
+										rowActions: (e) => e.type.startsWith("image/") && Q.groups.some((t) => t.rule?.page && t.files.some((t) => t.path === e.path)) ? /* @__PURE__ */ _(a, {
+											size: "icon-sm",
+											variant: "ghost",
+											title: w("readerEditor.useCover"),
+											"aria-label": w("readerEditor.useCoverFor", { name: e.path.split("/").at(-1) ?? e.path }),
+											disabled: Y.pending || F,
+											onClick: () => void Y.run(() => It(e)),
+											children: /* @__PURE__ */ _(Re, { icon: Le })
+										}) : null
+									}),
+									Q.read.error && /* @__PURE__ */ _(de, {
+										error: Q.read.error,
+										message: w("contentManager.loadFailed"),
+										retry: Q.read.reload
+									}),
+									$.error && /* @__PURE__ */ _(de, {
+										error: $.error,
+										message: w("pageReview.loadFailed"),
+										retry: $.reload
+									}),
+									(Dt || At || !$.error && !Q.read.error && kt === 0) && /* @__PURE__ */ _("p", {
+										role: "status",
+										className: "text-sm text-muted-foreground",
+										children: w(Dt ? "readerEditor.filesFailed" : At ? "readerEditor.processing" : "readerEditor.addPages")
+									}),
+									j && R && /* @__PURE__ */ v("details", {
+										onToggle: (e) => e.currentTarget.open && ht(!0),
+										children: [/* @__PURE__ */ _("summary", {
+											className: "cursor-pointer font-medium",
+											children: w("pageReview.title")
+										}), mt && /* @__PURE__ */ _(Oe, {
+											content: j.id,
+											version: R.id,
+											client: C,
+											onError: S.onError
+										}, R.id)]
+									})
+								]
+							}),
+							j && /* @__PURE__ */ v("details", {
+								className: "rounded-xl border border-border bg-card p-4",
+								onToggle: (e) => e.currentTarget.open && lt(!0),
+								children: [/* @__PURE__ */ _("summary", {
+									className: "cursor-pointer font-medium",
+									children: w("readerEditor.versions")
+								}), ct && /* @__PURE__ */ _(Ae, {
+									content: j,
+									media: !1,
+									activeVersion: Vt,
+									client: C,
+									labels: S.labels,
+									onError: S.onError
+								})]
+							}),
+							j && R && /* @__PURE__ */ v("details", {
+								className: "rounded-xl border border-border bg-card p-4",
+								onToggle: (e) => pt(e.currentTarget.open),
+								children: [/* @__PURE__ */ _("summary", {
+									className: "cursor-pointer font-medium",
+									children: w("readerEditor.readerTools")
+								}), ut.filter((e) => L.some((t) => t.id === e)).map((e) => /* @__PURE__ */ _("div", {
+									hidden: e !== R.id,
+									children: /* @__PURE__ */ _(Ee, {
+										content: j.id,
+										version: e,
+										client: C,
+										onError: S.onError
+									})
+								}, e))]
+							})
+						]
+					}), /* @__PURE__ */ v("aside", {
+						className: "grid min-w-0 gap-5",
+						children: [
+							/* @__PURE__ */ v(x, {
+								title: w("readerEditor.entities"),
+								children: [z.error && /* @__PURE__ */ _(d, { error: z.error }), B.map((e) => {
+									let t = U.value.memberships.map((e, t) => ({
+										a: e,
+										index: t
+									})).filter(({ a: t }) => yt.get(t.group_id ?? "")?.kind === e);
+									return /* @__PURE__ */ v("fieldset", {
+										disabled: !!j && z.loading,
+										className: "grid min-w-0 gap-2",
+										children: [
+											/* @__PURE__ */ _("legend", {
+												className: "mb-2 font-semibold",
+												children: ve(S.labels, e)
+											}),
+											t.map(({ a: t, index: n }) => /* @__PURE__ */ _(Te, {
+												m: t,
+												card: yt.get(t.group_id ?? ""),
+												spec: E.entity_kinds[e] ?? {},
+												labels: S.labels,
+												versions: Ut,
+												versionLabel: (e) => Ut.find((t) => t.id === e)?.label ?? e,
+												onChange: (e) => U.edit((t) => ({ memberships: t.memberships.map((t, r) => r === n ? {
+													...t,
+													...e
+												} : t) })),
+												onRemove: () => U.edit((e) => ({ memberships: e.memberships.filter((e, t) => t !== n) }))
+											}, `${t.group_id}:${n}`)),
+											/* @__PURE__ */ _(_e, {
+												kind: e,
+												management: S.management,
+												language: k,
+												exclude: t.filter(({ a: e }) => !e.version_id && !e.role).map(({ a: e }) => e.group_id),
+												label: w("memberships.add", { kind: ve(S.labels, e) }),
+												client: C,
+												onPick: (t) => {
+													vt((e) => new Map(e).set(t.id, t)), U.edit((n) => ({ memberships: [...n.memberships, {
+														group_id: t.id,
+														...E.entity_kinds[e]?.version_level && R ? { version_id: R.id } : {}
+													}] }));
+												}
+											})
+										]
+									}, e);
+								})]
+							}),
+							/* @__PURE__ */ v(x, {
+								title: w("contentManager.cover"),
+								children: [
+									R?.cover?.url ? /* @__PURE__ */ _("img", {
+										src: R.cover.url,
+										alt: "",
+										className: "mx-auto max-h-64 rounded-lg object-contain"
+									}) : /* @__PURE__ */ _("p", {
+										className: "text-sm text-muted-foreground",
+										children: w("readerEditor.firstPageCover")
+									}),
+									/* @__PURE__ */ v("label", {
+										className: "inline-flex cursor-pointer justify-center rounded-md border border-border px-3 py-2 text-sm font-medium hover:bg-muted",
+										children: [w("contentManager.addCover"), /* @__PURE__ */ _("input", {
+											type: "file",
+											accept: "image/*",
+											className: "sr-only",
+											"aria-label": w("contentManager.cover"),
+											disabled: Y.pending || F,
+											onChange: (e) => {
+												let t = e.target.files?.[0];
+												e.target.value = "", t && Y.run(() => Ft(t));
+											}
+										})]
+									}),
+									/* @__PURE__ */ _(d, { error: Y.error })
+								]
+							}),
+							/* @__PURE__ */ v(x, {
+								title: w("contentEditor.accessTitle"),
+								children: [
+									/* @__PURE__ */ _(ke, {
+										value: H.value.access,
+										onChange: (e) => Ht({ access: e }),
+										model: E,
+										kind: S.kind,
+										owner: j?.owner_group_id ?? S.ownerGroup,
+										labels: S.labels,
+										client: C
+									}),
+									j && (H.value.access.level === "ppv" || H.value.access.level === "group_ppv" || j.offer) && /* @__PURE__ */ _(Se, {
+										offer: j.offer,
+										pending: X.pending,
+										onSell: (e) => X.run(() => C.offers.sell({ content: j.id }, e)),
+										onWithdraw: () => void X.run(() => C.offers.withdraw({ content: j.id }))
+									}),
+									/* @__PURE__ */ _(d, { error: X.error })
+								]
+							}),
+							/* @__PURE__ */ v(x, {
+								title: w("readerEditor.publication"),
+								children: [
+									!j?.live && /* @__PURE__ */ v("div", {
+										className: "grid gap-1.5",
+										children: [/* @__PURE__ */ _(s, {
+											htmlFor: `${T}-publish`,
+											children: w("contentManager.publishAt")
+										}), /* @__PURE__ */ _(o, {
+											id: `${T}-publish`,
+											type: "datetime-local",
+											value: ot,
+											onChange: (e) => st(e.target.value)
+										})]
+									}),
+									/* @__PURE__ */ _(s, {
+										htmlFor: `${T}-listing`,
+										children: w("contentEditor.listing")
+									}),
+									/* @__PURE__ */ v(c, {
+										value: H.value.listing,
+										onValueChange: (e) => e && Ht({ listing: e }),
+										children: [/* @__PURE__ */ _(oe, {
+											id: `${T}-listing`,
+											children: /* @__PURE__ */ _(se, { children: w(`contentEditor.listing_${H.value.listing}`) })
+										}), /* @__PURE__ */ _(l, { children: [
+											"listed",
+											"members",
+											"unlisted"
+										].map((e) => /* @__PURE__ */ _(u, {
+											value: e,
+											children: w(`contentEditor.listing_${e}`)
+										}, e)) })]
+									}),
+									/* @__PURE__ */ _(s, {
+										htmlFor: `${T}-comments`,
+										children: w("contentEditor.comments")
+									}),
+									/* @__PURE__ */ v(c, {
+										value: H.value.comments,
+										onValueChange: (e) => e && Ht({ comments: e }),
+										children: [/* @__PURE__ */ _(oe, {
+											id: `${T}-comments`,
+											children: /* @__PURE__ */ _(se, { children: w(`contentEditor.comments_${H.value.comments}`) })
+										}), /* @__PURE__ */ _(l, { children: [
+											"open",
+											"closed",
+											"hidden"
+										].map((e) => /* @__PURE__ */ _(u, {
+											value: e,
+											children: w(`contentEditor.comments_${e}`)
+										}, e)) })]
+									}),
+									j?.state === "published" && /* @__PURE__ */ _(a, {
+										variant: "outline",
+										disabled: Z.pending,
+										onClick: () => void Z.run(() => C.contents.unpublish(j.id)),
+										children: w("contentManager.unpublish")
+									}),
+									j && /* @__PURE__ */ _(a, {
+										variant: "destructive",
+										disabled: Z.pending,
+										onClick: () => void zt(),
+										children: w("contentManager.delete")
+									}),
+									/* @__PURE__ */ _(d, { error: Z.error })
+								]
+							})
+						]
+					})]
+				}),
+				Rt
+			]
+		})
+	});
+}
+//#endregion
+export { S as ReaderContentEditor };
+
+//# sourceMappingURL=reader-content-editor.js.map