@openrails/contentkit-ui 0.103.0 → 0.103.2

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

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