camox 0.75.0 → 0.76.0

package/dist/features/studio/components/PublishedTab.js

@@ -0,0 +1,511 @@
+import { useNavigate } from "../../navigation/navigation.js";
+import { reads, useReadQuery } from "../../../lib/studio-reads.js";
+import { publicationMutations } from "../../../lib/queries.js";
+import { useSwitchView } from "../viewSwitch.js";
+import { publicationLabel, timeAgo } from "../draftLabel.js";
+import { ClearThread } from "./ClearThread.js";
+import { Td, Th } from "./SheetTable.js";
+import { ThreadMessages } from "./ThreadMessages.js";
+import { c } from "react/compiler-runtime";
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useMutation } from "@tanstack/react-query";
+import { Button } from "@camox/ui/button";
+import { ArrowLeft } from "lucide-react";
+import { toast } from "@camox/ui/toaster";
+import { Spinner } from "@camox/ui/spinner";
+
+//#region src/features/studio/components/PublishedTab.tsx
+/**
+* The Publications (ADR 0045), the latest first. Opening one shows its overview and its thread,
+* read-only: how a member finds out why Live changed. Reverting one takes the member into the
+* draft it starts, once `onEntered` closed the sheet.
+*/
+function PublishedTab(t0) {
+	const $ = c(7);
+	const { projectId, onEntered } = t0;
+	const [opened, setOpened] = React.useState(null);
+	if (opened) {
+		let t1;
+		if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+			t1 = () => setOpened(null);
+			$[0] = t1;
+		} else t1 = $[0];
+		let t2;
+		if ($[1] !== onEntered || $[2] !== opened || $[3] !== projectId) {
+			t2 = /* @__PURE__ */ jsx(PublicationView, {
+				projectId,
+				id: opened,
+				onBack: t1,
+				onEntered
+			});
+			$[1] = onEntered;
+			$[2] = opened;
+			$[3] = projectId;
+			$[4] = t2;
+		} else t2 = $[4];
+		return t2;
+	}
+	let t1;
+	if ($[5] !== projectId) {
+		t1 = /* @__PURE__ */ jsx(PublicationList, {
+			projectId,
+			onOpen: setOpened
+		});
+		$[5] = projectId;
+		$[6] = t1;
+	} else t1 = $[6];
+	return t1;
+}
+function PublicationList(t0) {
+	const $ = c(16);
+	const { projectId, onOpen } = t0;
+	let t1;
+	if ($[0] !== projectId) {
+		t1 = reads.publications({ projectId });
+		$[0] = projectId;
+		$[1] = t1;
+	} else t1 = $[1];
+	const publications = useReadQuery(t1);
+	if (!publications.data) {
+		let t2;
+		if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+			t2 = /* @__PURE__ */ jsx(Loading, {});
+			$[2] = t2;
+		} else t2 = $[2];
+		return t2;
+	}
+	if (publications.data.length === 0) {
+		let t2;
+		if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+			t2 = /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground py-6 text-sm",
+				children: "Nothing published yet."
+			});
+			$[3] = t2;
+		} else t2 = $[3];
+		return t2;
+	}
+	let t2;
+	let t3;
+	let t4;
+	let t5;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(Th, { children: "Name" });
+		t3 = /* @__PURE__ */ jsx(Th, { children: "Overview" });
+		t4 = /* @__PURE__ */ jsx(Th, { children: "Published by" });
+		t5 = /* @__PURE__ */ jsx(Th, { children: "Published" });
+		$[4] = t2;
+		$[5] = t3;
+		$[6] = t4;
+		$[7] = t5;
+	} else {
+		t2 = $[4];
+		t3 = $[5];
+		t4 = $[6];
+		t5 = $[7];
+	}
+	let t6;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = /* @__PURE__ */ jsx("thead", {
+			className: "text-muted-foreground text-xs",
+			children: /* @__PURE__ */ jsxs("tr", { children: [
+				t2,
+				t3,
+				t4,
+				t5,
+				/* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx("span", {
+					className: "sr-only",
+					children: "Actions"
+				}) })
+			] })
+		});
+		$[8] = t6;
+	} else t6 = $[8];
+	let t7;
+	if ($[9] !== onOpen || $[10] !== publications.data) {
+		let t8;
+		if ($[12] !== onOpen) {
+			t8 = (publication) => /* @__PURE__ */ jsx(PublicationRow, {
+				publication,
+				onOpen: () => onOpen(publication.id)
+			}, publication.id);
+			$[12] = onOpen;
+			$[13] = t8;
+		} else t8 = $[13];
+		t7 = publications.data.map(t8);
+		$[9] = onOpen;
+		$[10] = publications.data;
+		$[11] = t7;
+	} else t7 = $[11];
+	let t8;
+	if ($[14] !== t7) {
+		t8 = /* @__PURE__ */ jsxs("table", {
+			className: "w-full text-left text-sm",
+			children: [t6, /* @__PURE__ */ jsx("tbody", { children: t7 })]
+		});
+		$[14] = t7;
+		$[15] = t8;
+	} else t8 = $[15];
+	return t8;
+}
+function PublicationRow(t0) {
+	const $ = c(20);
+	const { publication, onOpen } = t0;
+	let t1;
+	if ($[0] !== publication) {
+		t1 = publicationLabel(publication);
+		$[0] = publication;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Td, {
+			className: "font-medium",
+			children: t1
+		});
+		$[2] = t1;
+		$[3] = t2;
+	} else t2 = $[3];
+	const t3 = publication.overviewHeadline ?? "";
+	let t4;
+	if ($[4] !== t3) {
+		t4 = /* @__PURE__ */ jsx(Td, {
+			className: "text-muted-foreground",
+			children: t3
+		});
+		$[4] = t3;
+		$[5] = t4;
+	} else t4 = $[5];
+	let t5;
+	if ($[6] !== publication.publishedBy.name) {
+		t5 = /* @__PURE__ */ jsx(Td, { children: publication.publishedBy.name });
+		$[6] = publication.publishedBy.name;
+		$[7] = t5;
+	} else t5 = $[7];
+	let t6;
+	if ($[8] !== publication.publishedAt) {
+		t6 = timeAgo(publication.publishedAt);
+		$[8] = publication.publishedAt;
+		$[9] = t6;
+	} else t6 = $[9];
+	let t7;
+	if ($[10] !== t6) {
+		t7 = /* @__PURE__ */ jsx(Td, { children: t6 });
+		$[10] = t6;
+		$[11] = t7;
+	} else t7 = $[11];
+	let t8;
+	if ($[12] !== onOpen) {
+		t8 = /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx("div", {
+			className: "flex justify-end",
+			children: /* @__PURE__ */ jsx(Button, {
+				type: "button",
+				variant: "outline",
+				size: "sm",
+				onClick: onOpen,
+				children: "Open"
+			})
+		}) });
+		$[12] = onOpen;
+		$[13] = t8;
+	} else t8 = $[13];
+	let t9;
+	if ($[14] !== t2 || $[15] !== t4 || $[16] !== t5 || $[17] !== t7 || $[18] !== t8) {
+		t9 = /* @__PURE__ */ jsxs("tr", {
+			className: "border-t align-top",
+			children: [
+				t2,
+				t4,
+				t5,
+				t7,
+				t8
+			]
+		});
+		$[14] = t2;
+		$[15] = t4;
+		$[16] = t5;
+		$[17] = t7;
+		$[18] = t8;
+		$[19] = t9;
+	} else t9 = $[19];
+	return t9;
+}
+/** One Publication: who published it and when, its overview, and its thread, read-only. */
+function PublicationView(t0) {
+	const $ = c(25);
+	const { projectId, id, onBack, onEntered } = t0;
+	let t1;
+	if ($[0] !== id || $[1] !== projectId) {
+		t1 = reads.publication({
+			projectId,
+			id
+		});
+		$[0] = id;
+		$[1] = projectId;
+		$[2] = t1;
+	} else t1 = $[2];
+	const publication = useReadQuery(t1);
+	let t2;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(ArrowLeft, {
+			"aria-hidden": true,
+			className: "size-4"
+		});
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] !== onBack) {
+		t3 = /* @__PURE__ */ jsxs(Button, {
+			type: "button",
+			variant: "ghost",
+			size: "sm",
+			onClick: onBack,
+			children: [t2, "Back"]
+		});
+		$[4] = onBack;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== id || $[7] !== onEntered || $[8] !== projectId) {
+		t4 = /* @__PURE__ */ jsx(RevertButton, {
+			projectId,
+			id,
+			onEntered
+		});
+		$[6] = id;
+		$[7] = onEntered;
+		$[8] = projectId;
+		$[9] = t4;
+	} else t4 = $[9];
+	let t5;
+	if ($[10] !== id || $[11] !== projectId || $[12] !== publication.data) {
+		t5 = publication.data && !publication.data.threadCleared && /* @__PURE__ */ jsx(ClearThread, {
+			projectId,
+			id
+		});
+		$[10] = id;
+		$[11] = projectId;
+		$[12] = publication.data;
+		$[13] = t5;
+	} else t5 = $[13];
+	let t6;
+	if ($[14] !== t4 || $[15] !== t5) {
+		t6 = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2",
+			children: [t4, t5]
+		});
+		$[14] = t4;
+		$[15] = t5;
+		$[16] = t6;
+	} else t6 = $[16];
+	let t7;
+	if ($[17] !== t3 || $[18] !== t6) {
+		t7 = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center justify-between gap-2",
+			children: [t3, t6]
+		});
+		$[17] = t3;
+		$[18] = t6;
+		$[19] = t7;
+	} else t7 = $[19];
+	let t8;
+	if ($[20] !== publication.data) {
+		t8 = publication.data ? /* @__PURE__ */ jsx(PublicationContent, { publication: publication.data }) : /* @__PURE__ */ jsx(Loading, {});
+		$[20] = publication.data;
+		$[21] = t8;
+	} else t8 = $[21];
+	let t9;
+	if ($[22] !== t7 || $[23] !== t8) {
+		t9 = /* @__PURE__ */ jsxs("div", {
+			className: "flex h-full flex-col gap-4 py-2",
+			children: [t7, t8]
+		});
+		$[22] = t7;
+		$[23] = t8;
+		$[24] = t9;
+	} else t9 = $[24];
+	return t9;
+}
+/**
+* Starts a draft reverting the Publication, then takes the member into it on the same page, to
+* review and publish it like any draft. A refusal, such as for a Publication with code, says why.
+*/
+function RevertButton(t0) {
+	const $ = c(11);
+	const { projectId, id, onEntered } = t0;
+	const navigate = useNavigate();
+	const switchView = useSwitchView();
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = {
+			...publicationMutations.revert(),
+			onError: _temp
+		};
+		$[0] = t1;
+	} else t1 = $[0];
+	const revert = useMutation(t1);
+	let t2;
+	if ($[1] !== id || $[2] !== navigate || $[3] !== onEntered || $[4] !== projectId || $[5] !== revert || $[6] !== switchView) {
+		t2 = () => revert.mutate({
+			projectId,
+			id
+		}, { onSuccess: (t3) => {
+			const { draftId } = t3;
+			onEntered();
+			switchView(() => navigate({
+				to: window.location.href,
+				draft: draftId
+			}), {
+				loading: "Starting a draft reverting this publish…",
+				success: "Started a draft reverting this publish. You're now viewing it."
+			});
+		} });
+		$[1] = id;
+		$[2] = navigate;
+		$[3] = onEntered;
+		$[4] = projectId;
+		$[5] = revert;
+		$[6] = switchView;
+		$[7] = t2;
+	} else t2 = $[7];
+	const start = t2;
+	let t3;
+	if ($[8] !== revert.isPending || $[9] !== start) {
+		t3 = /* @__PURE__ */ jsx(Button, {
+			type: "button",
+			variant: "outline",
+			size: "sm",
+			disabled: revert.isPending,
+			onClick: start,
+			children: "Revert"
+		});
+		$[8] = revert.isPending;
+		$[9] = start;
+		$[10] = t3;
+	} else t3 = $[10];
+	return t3;
+}
+function _temp(error) {
+	return toast.error(error.message || "Could not revert this publish");
+}
+function PublicationContent(t0) {
+	const $ = c(21);
+	const { publication } = t0;
+	const { overview, thread } = publication;
+	let t1;
+	if ($[0] !== publication) {
+		t1 = publicationLabel(publication);
+		$[0] = publication;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== t1) {
+		t2 = /* @__PURE__ */ jsx("h3", {
+			className: "font-medium",
+			children: t1
+		});
+		$[2] = t1;
+		$[3] = t2;
+	} else t2 = $[3];
+	const t3 = publication.publishedBy.name;
+	let t4;
+	if ($[4] !== publication.publishedAt) {
+		t4 = timeAgo(publication.publishedAt);
+		$[4] = publication.publishedAt;
+		$[5] = t4;
+	} else t4 = $[5];
+	let t5;
+	if ($[6] !== publication.publishedBy.name || $[7] !== t4) {
+		t5 = /* @__PURE__ */ jsxs("p", {
+			className: "text-muted-foreground text-xs",
+			children: [
+				"Published by ",
+				t3,
+				" ",
+				t4
+			]
+		});
+		$[6] = publication.publishedBy.name;
+		$[7] = t4;
+		$[8] = t5;
+	} else t5 = $[8];
+	let t6;
+	if ($[9] !== t2 || $[10] !== t5) {
+		t6 = /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-1",
+			children: [t2, t5]
+		});
+		$[9] = t2;
+		$[10] = t5;
+		$[11] = t6;
+	} else t6 = $[11];
+	let t7;
+	if ($[12] !== overview) {
+		t7 = overview && /* @__PURE__ */ jsxs("div", {
+			"data-overview": true,
+			className: "flex flex-col gap-2 text-sm",
+			children: [/* @__PURE__ */ jsx("p", {
+				className: "font-medium",
+				children: overview.headline
+			}), /* @__PURE__ */ jsx("ul", {
+				className: "text-foreground/85 flex list-disc flex-col gap-1.5 pl-5 leading-relaxed",
+				children: overview.bullets.map(_temp2)
+			})]
+		});
+		$[12] = overview;
+		$[13] = t7;
+	} else t7 = $[13];
+	let t8;
+	if ($[14] !== publication.threadCleared || $[15] !== thread) {
+		t8 = /* @__PURE__ */ jsx("div", {
+			className: "flex min-h-0 flex-1 flex-col border-t pt-2",
+			children: publication.threadCleared ? /* @__PURE__ */ jsxs("p", {
+				className: "text-muted-foreground py-6 text-sm",
+				children: [
+					"Thread cleared by ",
+					publication.threadCleared.by.name,
+					" ",
+					timeAgo(publication.threadCleared.at)
+				]
+			}) : thread.messages.length === 0 ? /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground py-6 text-sm",
+				children: "No messages in this thread."
+			}) : /* @__PURE__ */ jsx(ThreadMessages, { view: thread })
+		});
+		$[14] = publication.threadCleared;
+		$[15] = thread;
+		$[16] = t8;
+	} else t8 = $[16];
+	let t9;
+	if ($[17] !== t6 || $[18] !== t7 || $[19] !== t8) {
+		t9 = /* @__PURE__ */ jsxs(Fragment, { children: [
+			t6,
+			t7,
+			t8
+		] });
+		$[17] = t6;
+		$[18] = t7;
+		$[19] = t8;
+		$[20] = t9;
+	} else t9 = $[20];
+	return t9;
+}
+function _temp2(bullet, index) {
+	return /* @__PURE__ */ jsx("li", { children: bullet }, index);
+}
+const Loading = () => {
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsxs("div", {
+			className: "text-muted-foreground flex items-center gap-2 py-6 text-sm",
+			children: [/* @__PURE__ */ jsx(Spinner, { className: "size-3.5" }), " Loading..."]
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
+};
+
+//#endregion
+export { PublishedTab };