camox 0.43.0 → 0.45.0

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

@@ -1,422 +0,0 @@
-import { actionsStore } from "../../provider/actionsStore.js";
-import { getApiClient } from "../../../lib/api-client.js";
-import { previewStore, selectPreviewSource } 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] !== "e9c63697d20e2e70a2c2f753bfe924624780cd53f172ee49c5b02a56c0ac0967") {
-		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "e9c63697d20e2e70a2c2f753bfe924624780cd53f172ee49c5b02a56c0ac0967";
-	}
-	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] !== "e9c63697d20e2e70a2c2f753bfe924624780cd53f172ee49c5b02a56c0ac0967") {
-		for (let $i = 0; $i < 78; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "e9c63697d20e2e70a2c2f753bfe924624780cd53f172ee49c5b02a56c0ac0967";
-	}
-	const { target } = t0;
-	const source = useSelector(previewStore, selectPreviewSource);
-	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);
-				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 });
-				return;
-			}
-			await api.pages.unpublish({ id: 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: "viewDraftPage" });
-			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: _temp
-		};
-		$[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(_temp2)
-			});
-		};
-		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" && target.layout.kind === "singleton" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-			"This removes the published editable blocks from ",
-			target.name,
-			". The code-owned page, its URL, application content, and draft blocks stay available."
-		] }) : 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 _temp2(item) {
-	return item.id;
-}
-function _temp() {
-	return toast.error("Could not complete this action. Please try again.");
-}
-
-//#endregion
-export { PublicationRow };

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

@@ -1,194 +0,0 @@
-import { c } from "react/compiler-runtime";
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "@camox/ui/alert-dialog";
-import { Label } from "@camox/ui/label";
-import { Switch } from "@camox/ui/switch";
-
-//#region src/features/preview/components/PublishDialog.tsx
-/** Shared scope/impact review. Mount afresh for each publication attempt. */
-function PublishDialog(t0) {
-	const $ = c(53);
-	if ($[0] !== "0ada477bb5fc69a9b0f1551db385228a0e85d0d93484a56040a42f62e6af3eb0") {
-		for (let $i = 0; $i < 53; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "0ada477bb5fc69a9b0f1551db385228a0e85d0d93484a56040a42f62e6af3eb0";
-	}
-	const { plan, pending, onPublish, onOpenChange } = t0;
-	const id = React.useId();
-	let t1;
-	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = [];
-		$[1] = t1;
-	} else t1 = $[1];
-	const [excludedKeys, setExcludedKeys] = React.useState(t1);
-	let T0;
-	let T1;
-	let includedKeys;
-	let t2;
-	let t3;
-	let t4;
-	let t5;
-	if ($[2] !== excludedKeys || $[3] !== id || $[4] !== onOpenChange || $[5] !== pending || $[6] !== plan.description || $[7] !== plan.items || $[8] !== plan.title) {
-		const sideEffects = plan.items.filter(_temp);
-		let t6;
-		if ($[16] !== excludedKeys || $[17] !== plan.items) {
-			let t7;
-			if ($[19] !== excludedKeys) {
-				t7 = (item_0) => !item_0.optional || !excludedKeys.includes(item_0.key);
-				$[19] = excludedKeys;
-				$[20] = t7;
-			} else t7 = $[20];
-			t6 = plan.items.filter(t7).map(_temp2);
-			$[16] = excludedKeys;
-			$[17] = plan.items;
-			$[18] = t6;
-		} else t6 = $[18];
-		includedKeys = t6;
-		T1 = AlertDialog;
-		t4 = true;
-		if ($[21] !== onOpenChange || $[22] !== pending) {
-			t5 = (open) => !pending && onOpenChange(open);
-			$[21] = onOpenChange;
-			$[22] = pending;
-			$[23] = t5;
-		} else t5 = $[23];
-		T0 = AlertDialogContent;
-		let t7;
-		if ($[24] !== plan.title) {
-			t7 = /* @__PURE__ */ jsx(AlertDialogTitle, { children: plan.title });
-			$[24] = plan.title;
-			$[25] = t7;
-		} else t7 = $[25];
-		let t8;
-		if ($[26] !== plan.description) {
-			t8 = /* @__PURE__ */ jsx(AlertDialogDescription, { children: plan.description });
-			$[26] = plan.description;
-			$[27] = t8;
-		} else t8 = $[27];
-		if ($[28] !== t7 || $[29] !== t8) {
-			t2 = /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [t7, t8] });
-			$[28] = t7;
-			$[29] = t8;
-			$[30] = t2;
-		} else t2 = $[30];
-		t3 = sideEffects.length > 0 && /* @__PURE__ */ jsx("div", {
-			className: "space-y-3",
-			children: sideEffects.map((item_2) => /* @__PURE__ */ jsxs("div", {
-				className: "flex items-start gap-3",
-				children: [/* @__PURE__ */ jsx(Switch, {
-					id: `${id}-${item_2.key}`,
-					checked: !excludedKeys.includes(item_2.key),
-					onCheckedChange: (checked) => setExcludedKeys((keys) => checked ? keys.filter((key) => key !== item_2.key) : [...keys, item_2.key]),
-					disabled: pending
-				}), /* @__PURE__ */ jsxs("div", {
-					className: "min-w-0 space-y-1",
-					children: [/* @__PURE__ */ jsxs(Label, {
-						htmlFor: `${id}-${item_2.key}`,
-						children: ["Also publish ", item_2.label]
-					}), /* @__PURE__ */ jsx("p", {
-						className: "text-muted-foreground text-sm",
-						children: item_2.impact
-					})]
-				})]
-			}, item_2.key))
-		});
-		$[2] = excludedKeys;
-		$[3] = id;
-		$[4] = onOpenChange;
-		$[5] = pending;
-		$[6] = plan.description;
-		$[7] = plan.items;
-		$[8] = plan.title;
-		$[9] = T0;
-		$[10] = T1;
-		$[11] = includedKeys;
-		$[12] = t2;
-		$[13] = t3;
-		$[14] = t4;
-		$[15] = t5;
-	} else {
-		T0 = $[9];
-		T1 = $[10];
-		includedKeys = $[11];
-		t2 = $[12];
-		t3 = $[13];
-		t4 = $[14];
-		t5 = $[15];
-	}
-	let t6;
-	if ($[31] !== pending) {
-		t6 = /* @__PURE__ */ jsx(AlertDialogCancel, {
-			variant: "outline",
-			disabled: pending,
-			children: "Cancel"
-		});
-		$[31] = pending;
-		$[32] = t6;
-	} else t6 = $[32];
-	let t7;
-	if ($[33] !== includedKeys || $[34] !== onPublish) {
-		t7 = (event) => {
-			event.preventDefault();
-			onPublish(includedKeys);
-		};
-		$[33] = includedKeys;
-		$[34] = onPublish;
-		$[35] = t7;
-	} else t7 = $[35];
-	const t8 = pending ? "Publishing…" : "Publish";
-	let t9;
-	if ($[36] !== pending || $[37] !== t7 || $[38] !== t8) {
-		t9 = /* @__PURE__ */ jsx(AlertDialogAction, {
-			disabled: pending,
-			onClick: t7,
-			children: t8
-		});
-		$[36] = pending;
-		$[37] = t7;
-		$[38] = t8;
-		$[39] = t9;
-	} else t9 = $[39];
-	let t10;
-	if ($[40] !== t6 || $[41] !== t9) {
-		t10 = /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [t6, t9] });
-		$[40] = t6;
-		$[41] = t9;
-		$[42] = t10;
-	} else t10 = $[42];
-	let t11;
-	if ($[43] !== T0 || $[44] !== t10 || $[45] !== t2 || $[46] !== t3) {
-		t11 = /* @__PURE__ */ jsxs(T0, { children: [
-			t2,
-			t3,
-			t10
-		] });
-		$[43] = T0;
-		$[44] = t10;
-		$[45] = t2;
-		$[46] = t3;
-		$[47] = t11;
-	} else t11 = $[47];
-	let t12;
-	if ($[48] !== T1 || $[49] !== t11 || $[50] !== t4 || $[51] !== t5) {
-		t12 = /* @__PURE__ */ jsx(T1, {
-			open: t4,
-			onOpenChange: t5,
-			children: t11
-		});
-		$[48] = T1;
-		$[49] = t11;
-		$[50] = t4;
-		$[51] = t5;
-		$[52] = t12;
-	} else t12 = $[52];
-	return t12;
-}
-function _temp2(item_1) {
-	return item_1.key;
-}
-function _temp(item) {
-	return item.optional;
-}
-
-//#endregion
-export { PublishDialog };

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

@@ -1,59 +0,0 @@
-import { previewStore, selectIsCommentMode, selectionBlockId } from "../previewStore.js";
-import { AddBlockSidebar } from "./AddBlockSidebar.js";
-import { PageEditorSidebar } from "./PageEditorSidebar.js";
-import { PageInfoSidebar } from "./PageInfoSidebar.js";
-import { CommentSidebar } from "./CommentSidebar.js";
-import { DerivedPageInfoSidebar } from "./DerivedPageInfoSidebar.js";
-import { c } from "react/compiler-runtime";
-import { jsx } from "react/jsx-runtime";
-import { useSelector } from "@xstate/store-react";
-
-//#region src/features/preview/components/RightSidebar.tsx
-const RightSidebar = (t0) => {
-	const $ = c(10);
-	if ($[0] !== "3a6f3cf40d082faeaea258269c927ca17e318c22f0c389df569e2bea3318461a") {
-		for (let $i = 0; $i < 10; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "3a6f3cf40d082faeaea258269c927ca17e318c22f0c389df569e2bea3318461a";
-	}
-	const { pageId, derivedLayoutId } = t0;
-	const selection = useSelector(previewStore, _temp);
-	const isAddBlockSidebarOpen = useSelector(previewStore, _temp2);
-	const isCommentMode = useSelector(previewStore, selectIsCommentMode);
-	let t1;
-	if ($[1] !== selection) {
-		t1 = selectionBlockId(selection);
-		$[1] = selection;
-		$[2] = t1;
-	} else t1 = $[2];
-	const selectedBlockId = t1;
-	if (pageId == null && derivedLayoutId == null && selectedBlockId == null) return null;
-	let t2;
-	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = { width: 250 };
-		$[3] = t2;
-	} else t2 = $[3];
-	let t3;
-	if ($[4] !== derivedLayoutId || $[5] !== isAddBlockSidebarOpen || $[6] !== isCommentMode || $[7] !== pageId || $[8] !== selectedBlockId) {
-		t3 = /* @__PURE__ */ jsx("aside", {
-			className: "bg-background relative flex shrink-0 flex-col border-l-2",
-			style: t2,
-			children: pageId != null && isCommentMode ? /* @__PURE__ */ jsx(CommentSidebar, { pageId }, pageId) : pageId != null && isAddBlockSidebarOpen ? /* @__PURE__ */ jsx(AddBlockSidebar, {}) : selectedBlockId != null ? /* @__PURE__ */ jsx(PageEditorSidebar, { pageId }) : pageId != null ? /* @__PURE__ */ jsx(PageInfoSidebar, { pageId }) : /* @__PURE__ */ jsx(DerivedPageInfoSidebar, { layoutId: derivedLayoutId })
-		});
-		$[4] = derivedLayoutId;
-		$[5] = isAddBlockSidebarOpen;
-		$[6] = isCommentMode;
-		$[7] = pageId;
-		$[8] = selectedBlockId;
-		$[9] = t3;
-	} else t3 = $[9];
-	return t3;
-};
-function _temp(state) {
-	return state.context.selection;
-}
-function _temp2(state_0) {
-	return state_0.context.isAddBlockSidebarOpen;
-}
-
-//#endregion
-export { RightSidebar };