camox 0.40.0 → 0.41.0

package/dist/features/preview/components/PublicationRow.js

@@ -0,0 +1,431 @@
+import { actionsStore } from "../../provider/actionsStore.js";
+import { getApiClient } from "../../../lib/api-client.js";
+import { trackClientEvent } from "../../../lib/telemetry-client.js";
+import { previewStore } from "../previewStore.js";
+import { buildPublicationPlan, getPublicationCapabilities, getPublicationRequest } from "../publication.js";
+import { PublishDialog } from "./PublishDialog.js";
+import { c } from "react/compiler-runtime";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useSelector } from "@xstate/store-react";
+import { queryKeys } from "@camox/api-contract/query-keys";
+import { Button } from "@camox/ui/button";
+import { MoreHorizontal } from "lucide-react";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "@camox/ui/alert-dialog";
+import { toast } from "@camox/ui/toaster";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@camox/ui/dropdown-menu";
+import { ButtonGroup } from "@camox/ui/button-group";
+
+//#region src/features/preview/components/PublicationRow.tsx
+function PublicationRow(t0) {
+	const $ = c(4);
+	if ($[0] !== "bef0702fd89aac7465952e09d43979741129da566cd392625f8739ebc2b0b2f9") {
+		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "bef0702fd89aac7465952e09d43979741129da566cd392625f8739ebc2b0b2f9";
+	}
+	const { target } = t0;
+	const identity = target ? `${target.kind}:${target.kind === "page" ? target.page.id : target.layout.id}` : "loading";
+	let t1;
+	if ($[1] !== identity || $[2] !== target) {
+		t1 = /* @__PURE__ */ jsx(PublicationControls, { target }, identity);
+		$[1] = identity;
+		$[2] = target;
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
+}
+function PublicationControls(t0) {
+	const $ = c(78);
+	if ($[0] !== "bef0702fd89aac7465952e09d43979741129da566cd392625f8739ebc2b0b2f9") {
+		for (let $i = 0; $i < 78; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "bef0702fd89aac7465952e09d43979741129da566cd392625f8739ebc2b0b2f9";
+	}
+	const { target } = t0;
+	const source = useSelector(previewStore, _temp);
+	const queryClient = useQueryClient();
+	const [action, setAction] = React.useState(null);
+	let t1;
+	if ($[1] !== target) {
+		t1 = target ? buildPublicationPlan(target) : null;
+		$[1] = target;
+		$[2] = t1;
+	} else t1 = $[2];
+	const plan = t1;
+	let t2;
+	if ($[3] !== source || $[4] !== target) {
+		t2 = getPublicationCapabilities(target, source);
+		$[3] = source;
+		$[4] = target;
+		$[5] = t2;
+	} else t2 = $[5];
+	const capabilities = t2;
+	let t3;
+	if ($[6] !== capabilities || $[7] !== target) {
+		t3 = async (t4) => {
+			const { operation, includedKeys: t5 } = t4;
+			const includedKeys = t5 === void 0 ? [] : t5;
+			if (!target || !capabilities[operation]) throw new Error("Publication action is unavailable");
+			const api = getApiClient();
+			if (operation === "publish") {
+				const request = getPublicationRequest(target, includedKeys);
+				if (request.kind === "layout") {
+					await api.layouts.publish(request.input);
+					return;
+				}
+				await api.pages.publish(request.input);
+				trackClientEvent("page_published", {
+					pageId: request.input.id,
+					...request.input.alsoPublishLayout ? { alsoPublishedLayout: true } : {}
+				});
+				return;
+			}
+			if (target.kind === "layout") {
+				await api.layouts.unpublish({ id: target.layout.id });
+				return;
+			}
+			if (operation === "discard") {
+				await api.pages.discardChanges({ id: target.page.id });
+				trackClientEvent("page_changes_discarded", { pageId: target.page.id });
+				return;
+			}
+			await api.pages.unpublish({ id: target.page.id });
+			trackClientEvent("page_unpublished", { pageId: target.page.id });
+		};
+		$[6] = capabilities;
+		$[7] = target;
+		$[8] = t3;
+	} else t3 = $[8];
+	let t4;
+	if ($[9] !== queryClient) {
+		t4 = async (_, t5) => {
+			const { operation: operation_0 } = t5;
+			if (operation_0 !== "publish") previewStore.send({
+				type: "setPreviewSource",
+				source: "draft"
+			});
+			setAction(null);
+			toast.success(operation_0 === "publish" ? "Published selected changes" : operation_0 === "unpublish" ? "Unpublished successfully" : "Discarded draft changes");
+			await Promise.all([
+				queryClient.invalidateQueries({ queryKey: queryKeys.layouts.all }),
+				queryClient.invalidateQueries({ queryKey: queryKeys.pages.list }),
+				queryClient.invalidateQueries({ queryKey: queryKeys.pages.getByPathAll }),
+				queryClient.invalidateQueries({ queryKey: [
+					"camox",
+					"pages",
+					"getById"
+				] }),
+				queryClient.invalidateQueries({ queryKey: [
+					"camox",
+					"blocks",
+					"get"
+				] })
+			]);
+		};
+		$[9] = queryClient;
+		$[10] = t4;
+	} else t4 = $[10];
+	let t5;
+	if ($[11] !== t3 || $[12] !== t4) {
+		t5 = {
+			mutationFn: t3,
+			onSuccess: t4,
+			onError: _temp2
+		};
+		$[11] = t3;
+		$[12] = t4;
+		$[13] = t5;
+	} else t5 = $[13];
+	const mutation = useMutation(t5);
+	const canPublish = capabilities.publish && !mutation.isPending;
+	const canUnpublish = capabilities.unpublish && !mutation.isPending;
+	const canDiscard = capabilities.discard && !mutation.isPending;
+	const publishLabel = plan?.title ?? "Publish changes";
+	const kind = target?.kind;
+	let t6;
+	let t7;
+	if ($[14] !== canDiscard || $[15] !== canPublish || $[16] !== canUnpublish || $[17] !== kind || $[18] !== publishLabel) {
+		t6 = () => {
+			if (!kind) return;
+			const actions = [{
+				id: `publish-current-${kind}`,
+				label: publishLabel,
+				aliases: ["Publish", "Make live"],
+				groupLabel: "Preview",
+				checkIfAvailable: () => canPublish,
+				execute: () => setAction("publish")
+			}, {
+				id: `unpublish-current-${kind}`,
+				label: `Unpublish ${kind}`,
+				aliases: ["Take offline", "Remove from live"],
+				groupLabel: "Preview",
+				checkIfAvailable: () => canUnpublish,
+				execute: () => setAction("unpublish")
+			}];
+			if (kind === "page") actions.push({
+				id: "discard-current-page-changes",
+				label: "Discard page changes",
+				aliases: [
+					"Revert page",
+					"Reset page",
+					"Discard draft"
+				],
+				groupLabel: "Preview",
+				checkIfAvailable: () => canDiscard,
+				execute: () => setAction("discard")
+			});
+			actionsStore.send({
+				type: "registerManyActions",
+				actions
+			});
+			return () => actionsStore.send({
+				type: "unregisterManyActions",
+				ids: actions.map(_temp3)
+			});
+		};
+		t7 = [
+			kind,
+			publishLabel,
+			canPublish,
+			canUnpublish,
+			canDiscard
+		];
+		$[14] = canDiscard;
+		$[15] = canPublish;
+		$[16] = canUnpublish;
+		$[17] = kind;
+		$[18] = publishLabel;
+		$[19] = t6;
+		$[20] = t7;
+	} else {
+		t6 = $[19];
+		t7 = $[20];
+	}
+	React.useEffect(t6, t7);
+	const t8 = !canPublish;
+	let t9;
+	if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
+		t9 = () => setAction("publish");
+		$[21] = t9;
+	} else t9 = $[21];
+	let t10;
+	if ($[22] !== publishLabel || $[23] !== t8) {
+		t10 = /* @__PURE__ */ jsx(Button, {
+			variant: "outline",
+			className: "flex-1",
+			disabled: t8,
+			onClick: t9,
+			children: publishLabel
+		});
+		$[22] = publishLabel;
+		$[23] = t8;
+		$[24] = t10;
+	} else t10 = $[24];
+	let t11;
+	if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
+		t11 = /* @__PURE__ */ jsx(DropdownMenuTrigger, {
+			render: /* @__PURE__ */ jsx(Button, {
+				variant: "outline",
+				size: "icon",
+				"aria-label": "More publish actions"
+			}),
+			children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "text-muted-foreground" })
+		});
+		$[25] = t11;
+	} else t11 = $[25];
+	const t12 = !canUnpublish;
+	let t13;
+	if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
+		t13 = () => setAction("unpublish");
+		$[26] = t13;
+	} else t13 = $[26];
+	let t14;
+	if ($[27] !== t12) {
+		t14 = /* @__PURE__ */ jsx(DropdownMenuItem, {
+			disabled: t12,
+			onClick: t13,
+			children: "Unpublish"
+		});
+		$[27] = t12;
+		$[28] = t14;
+	} else t14 = $[28];
+	let t15;
+	if ($[29] !== canDiscard || $[30] !== kind) {
+		t15 = kind === "page" && /* @__PURE__ */ jsx(DropdownMenuItem, {
+			disabled: !canDiscard,
+			onClick: () => setAction("discard"),
+			children: "Discard changes"
+		});
+		$[29] = canDiscard;
+		$[30] = kind;
+		$[31] = t15;
+	} else t15 = $[31];
+	let t16;
+	if ($[32] !== t14 || $[33] !== t15) {
+		t16 = /* @__PURE__ */ jsxs(DropdownMenu, { children: [t11, /* @__PURE__ */ jsxs(DropdownMenuContent, {
+			align: "end",
+			children: [t14, t15]
+		})] });
+		$[32] = t14;
+		$[33] = t15;
+		$[34] = t16;
+	} else t16 = $[34];
+	let t17;
+	if ($[35] !== t10 || $[36] !== t16) {
+		t17 = /* @__PURE__ */ jsxs(ButtonGroup, {
+			className: "w-full",
+			children: [t10, t16]
+		});
+		$[35] = t10;
+		$[36] = t16;
+		$[37] = t17;
+	} else t17 = $[37];
+	let t18;
+	if ($[38] !== action || $[39] !== canPublish || $[40] !== mutation || $[41] !== plan) {
+		t18 = action === "publish" && plan && /* @__PURE__ */ jsx(PublishDialog, {
+			plan,
+			pending: mutation.isPending,
+			onPublish: (includedKeys_0) => {
+				if (canPublish) mutation.mutate({
+					operation: "publish",
+					includedKeys: includedKeys_0
+				});
+			},
+			onOpenChange: (open) => !open && setAction(null)
+		});
+		$[38] = action;
+		$[39] = canPublish;
+		$[40] = mutation;
+		$[41] = plan;
+		$[42] = t18;
+	} else t18 = $[42];
+	const t19 = action === "unpublish" || action === "discard";
+	let t20;
+	if ($[43] !== mutation.isPending) {
+		t20 = (open_0) => !open_0 && !mutation.isPending && setAction(null);
+		$[43] = mutation.isPending;
+		$[44] = t20;
+	} else t20 = $[44];
+	const t21 = action === "discard" ? "Discard draft changes" : `Unpublish ${kind ?? ""}`;
+	let t22;
+	if ($[45] !== t21) {
+		t22 = /* @__PURE__ */ jsx(AlertDialogTitle, { children: t21 });
+		$[45] = t21;
+		$[46] = t22;
+	} else t22 = $[46];
+	let t23;
+	if ($[47] !== action || $[48] !== target) {
+		t23 = /* @__PURE__ */ jsx(AlertDialogDescription, { children: action === "discard" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+			"The draft for ",
+			target?.kind === "page" && target.page.fullPath,
+			" will be reset to its published version. Shared layout changes are not discarded. This does not change what visitors see."
+		] }) : target?.kind === "layout" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+			"This removes the shared before and after blocks from every live page using",
+			" ",
+			target.name,
+			", including all derived URLs. The generated content and draft blocks stay available."
+		] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+			"Visitors at ",
+			target?.page.fullPath,
+			" will get a 404. The draft stays available. Shared layout blocks remain published for other pages."
+		] }) });
+		$[47] = action;
+		$[48] = target;
+		$[49] = t23;
+	} else t23 = $[49];
+	let t24;
+	if ($[50] !== t22 || $[51] !== t23) {
+		t24 = /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [t22, t23] });
+		$[50] = t22;
+		$[51] = t23;
+		$[52] = t24;
+	} else t24 = $[52];
+	let t25;
+	if ($[53] !== mutation.isPending) {
+		t25 = /* @__PURE__ */ jsx(AlertDialogCancel, {
+			variant: "outline",
+			disabled: mutation.isPending,
+			children: "Cancel"
+		});
+		$[53] = mutation.isPending;
+		$[54] = t25;
+	} else t25 = $[54];
+	const t26 = action === "discard" ? !canDiscard : !canUnpublish;
+	let t27;
+	if ($[55] !== action || $[56] !== canDiscard || $[57] !== canUnpublish || $[58] !== mutation) {
+		t27 = (event) => {
+			event.preventDefault();
+			if (action === "discard" && canDiscard) mutation.mutate({ operation: action });
+			if (action === "unpublish" && canUnpublish) mutation.mutate({ operation: action });
+		};
+		$[55] = action;
+		$[56] = canDiscard;
+		$[57] = canUnpublish;
+		$[58] = mutation;
+		$[59] = t27;
+	} else t27 = $[59];
+	const t28 = mutation.isPending ? "Updating…" : action === "discard" ? "Discard changes" : "Unpublish";
+	let t29;
+	if ($[60] !== t26 || $[61] !== t27 || $[62] !== t28) {
+		t29 = /* @__PURE__ */ jsx(AlertDialogAction, {
+			disabled: t26,
+			onClick: t27,
+			children: t28
+		});
+		$[60] = t26;
+		$[61] = t27;
+		$[62] = t28;
+		$[63] = t29;
+	} else t29 = $[63];
+	let t30;
+	if ($[64] !== t25 || $[65] !== t29) {
+		t30 = /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [t25, t29] });
+		$[64] = t25;
+		$[65] = t29;
+		$[66] = t30;
+	} else t30 = $[66];
+	let t31;
+	if ($[67] !== t24 || $[68] !== t30) {
+		t31 = /* @__PURE__ */ jsxs(AlertDialogContent, { children: [t24, t30] });
+		$[67] = t24;
+		$[68] = t30;
+		$[69] = t31;
+	} else t31 = $[69];
+	let t32;
+	if ($[70] !== t19 || $[71] !== t20 || $[72] !== t31) {
+		t32 = /* @__PURE__ */ jsx(AlertDialog, {
+			open: t19,
+			onOpenChange: t20,
+			children: t31
+		});
+		$[70] = t19;
+		$[71] = t20;
+		$[72] = t31;
+		$[73] = t32;
+	} else t32 = $[73];
+	let t33;
+	if ($[74] !== t17 || $[75] !== t18 || $[76] !== t32) {
+		t33 = /* @__PURE__ */ jsxs(Fragment, { children: [
+			t17,
+			t18,
+			t32
+		] });
+		$[74] = t17;
+		$[75] = t18;
+		$[76] = t32;
+		$[77] = t33;
+	} else t33 = $[77];
+	return t33;
+}
+function _temp3(item) {
+	return item.id;
+}
+function _temp2() {
+	return toast.error("Could not complete this action. Please try again.");
+}
+function _temp(state) {
+	return state.context.previewSource;
+}
+
+//#endregion
+export { PublicationRow };