camox 0.44.0 → 0.45.0

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

@@ -1,35 +1,34 @@
 import { actionsStore } from "../../provider/actionsStore.js";
-import { usePageBlocks } from "../../../lib/normalized-data.js";
 import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
-import { blockMutations, repeatableItemMutations } from "../../../lib/queries.js";
+import { usePageBlocks } from "../../../lib/normalized-data.js";
 import { formatShortcut } from "../../../lib/utils.js";
-import { previewStore, selectionItemId } from "../previewStore.js";
-import { useRequireDraftSource } from "../../../core/hooks/useRequireDraftSource.js";
+import { blockMutations, repeatableItemMutations } from "../../../lib/queries.js";
+import { isBlockSelection, previewStore, selectionForPage, selectionItemId } from "../previewStore.js";
 import { useUpdateBlockPosition } from "./useUpdateBlockPosition.js";
 import { usePreviewedPage } from "../CamoxPreview.js";
 import { c } from "react/compiler-runtime";
-import { useMutation } from "@tanstack/react-query";
 import * as React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useSelector } from "@xstate/store-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useMutation } from "@tanstack/react-query";
 import { Copy, Trash2 } from "lucide-react";
+import { toast } from "@camox/ui/toaster";
 import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "@camox/ui/alert-dialog";
+import { Command as Command$1, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "@camox/ui/command";
 import { Popover, PopoverContent, PopoverTrigger } from "@camox/ui/popover";
-import { toast } from "@camox/ui/toaster";
-import { Command, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "@camox/ui/command";
 
 //#region src/features/preview/components/BlockActionsPopover.tsx
-const BlockActionsPopover = ({ block, children, open, onOpenChange, align = "start", isLayoutBlock, layoutPlacement }) => {
+const BlockActionsPopover = ({ block, children, open, onOpenChange, align = "start", isLayoutBlock, layoutSlot }) => {
 	const [blockToDelete, setBlockToDelete] = React.useState(null);
 	const page = usePreviewedPage();
 	const { pageBlocks } = usePageBlocks(page);
 	const deleteBlock = useMutation(blockMutations.delete());
 	const duplicateBlock = useMutation(blockMutations.duplicate());
 	const deleteManyBlocks = useMutation(blockMutations.deleteMany());
-	const handleDeleteBlock = async (block_0) => {
+	const handleDeleteBlock = async (block) => {
 		try {
-			await deleteBlock.mutateAsync({ id: block_0.id });
-			toast.success(`Deleted "${block_0.summary || block_0.type}" block`);
+			await deleteBlock.mutateAsync({ id: block.id });
+			toast.success(`Deleted "${block.summary || block.type}" block`);
 		} catch (error) {
 			console.error("Failed to delete block:", error);
 			toast.error("Could not delete block");
@@ -37,59 +36,59 @@ const BlockActionsPopover = ({ block, children, open, onOpenChange, align = "sta
 			setBlockToDelete(null);
 		}
 	};
-	const handleDuplicateBlock = async (block_1) => {
+	const handleDuplicateBlock = async (block) => {
 		try {
-			await duplicateBlock.mutateAsync({ id: block_1.id });
-			toast.success(`Duplicated "${block_1.summary}" block`);
-		} catch (error_0) {
-			console.error("Failed to duplicate block:", error_0);
+			await duplicateBlock.mutateAsync({ id: block.id });
+			toast.success(`Duplicated "${block.summary}" block`);
+		} catch (error) {
+			console.error("Failed to duplicate block:", error);
 			toast.error("Could not duplicate block");
 		}
 	};
-	const handleAddBlockAbove = (block_2) => {
+	const handleAddBlockAbove = (block) => {
 		if (!page) return;
-		const blockIndex = pageBlocks.findIndex((b) => b.id === block_2.id);
+		const blockIndex = pageBlocks.findIndex((b) => b.id === block.id);
 		const afterPosition = blockIndex > 0 ? pageBlocks[blockIndex - 1].position : "";
 		previewStore.send({
-			type: "openAddBlockSidebar",
+			type: "openAddBlockDialog",
 			afterPosition
 		});
 	};
-	const handleAddBlockBelow = (block_3) => {
+	const handleAddBlockBelow = (block) => {
 		previewStore.send({
-			type: "openAddBlockSidebar",
-			afterPosition: block_3.position
+			type: "openAddBlockDialog",
+			afterPosition: block.position
 		});
 	};
-	const getBlocksAbove = (block_4) => {
+	const getBlocksAbove = (block) => {
 		if (!page) return [];
-		const blockIndex_0 = pageBlocks.findIndex((b_0) => b_0.id === block_4.id);
-		return pageBlocks.slice(0, blockIndex_0);
+		const blockIndex = pageBlocks.findIndex((b) => b.id === block.id);
+		return pageBlocks.slice(0, blockIndex);
 	};
-	const getBlocksBelow = (block_5) => {
+	const getBlocksBelow = (block) => {
 		if (!page) return [];
-		const blockIndex_1 = pageBlocks.findIndex((b_1) => b_1.id === block_5.id);
-		return pageBlocks.slice(blockIndex_1 + 1);
+		const blockIndex = pageBlocks.findIndex((b) => b.id === block.id);
+		return pageBlocks.slice(blockIndex + 1);
 	};
-	const handleDeleteBlocksAbove = async (block_6) => {
-		const blocksAbove = getBlocksAbove(block_6);
+	const handleDeleteBlocksAbove = async (block) => {
+		const blocksAbove = getBlocksAbove(block);
 		if (blocksAbove.length === 0) return;
 		try {
-			await deleteManyBlocks.mutateAsync({ blockIds: blocksAbove.map((b_2) => b_2.id) });
+			await deleteManyBlocks.mutateAsync({ blockIds: blocksAbove.map((b) => b.id) });
 			toast.success(`Deleted ${blocksAbove.length} block${blocksAbove.length === 1 ? "" : "s"}`);
-		} catch (error_1) {
-			console.error("Failed to delete blocks above:", error_1);
+		} catch (error) {
+			console.error("Failed to delete blocks above:", error);
 			toast.error("Could not delete blocks");
 		}
 	};
-	const handleDeleteBlocksBelow = async (block_7) => {
-		const blocksBelow = getBlocksBelow(block_7);
+	const handleDeleteBlocksBelow = async (block) => {
+		const blocksBelow = getBlocksBelow(block);
 		if (blocksBelow.length === 0) return;
 		try {
-			await deleteManyBlocks.mutateAsync({ blockIds: blocksBelow.map((b_3) => b_3.id) });
+			await deleteManyBlocks.mutateAsync({ blockIds: blocksBelow.map((b) => b.id) });
 			toast.success(`Deleted ${blocksBelow.length} block${blocksBelow.length === 1 ? "" : "s"}`);
-		} catch (error_2) {
-			console.error("Failed to delete blocks below:", error_2);
+		} catch (error) {
+			console.error("Failed to delete blocks below:", error);
 			toast.error("Could not delete blocks");
 		}
 	};
@@ -99,13 +98,13 @@ const BlockActionsPopover = ({ block, children, open, onOpenChange, align = "sta
 		children: [/* @__PURE__ */ jsx(PopoverTrigger, { render: children }), block && /* @__PURE__ */ jsx(PopoverContent, {
 			className: "w-75 p-0",
 			align,
-			children: /* @__PURE__ */ jsxs(Command, { children: [/* @__PURE__ */ jsx(CommandInput, { placeholder: "Search actions..." }), /* @__PURE__ */ jsxs(CommandList, {
+			children: /* @__PURE__ */ jsxs(Command$1, { children: [/* @__PURE__ */ jsx(CommandInput, { placeholder: "Search actions..." }), /* @__PURE__ */ jsxs(CommandList, {
 				className: "max-h-[350px]",
 				children: [
-					isLayoutBlock && layoutPlacement === "before" && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(CommandGroup, { children: /* @__PURE__ */ jsx(CommandItem, {
+					isLayoutBlock && layoutSlot === "before" && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(CommandGroup, { children: /* @__PURE__ */ jsx(CommandItem, {
 						onSelect: () => {
 							previewStore.send({
-								type: "openAddBlockSidebar",
+								type: "openAddBlockDialog",
 								afterPosition: ""
 							});
 							onOpenChange(false);
@@ -115,11 +114,11 @@ const BlockActionsPopover = ({ block, children, open, onOpenChange, align = "sta
 							children: [/* @__PURE__ */ jsx("span", { className: "w-4" }), "Add block below"]
 						})
 					}) }) }),
-					isLayoutBlock && layoutPlacement === "after" && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(CommandGroup, { children: /* @__PURE__ */ jsx(CommandItem, {
+					isLayoutBlock && layoutSlot === "after" && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(CommandGroup, { children: /* @__PURE__ */ jsx(CommandItem, {
 						onSelect: () => {
 							const lastPageBlock = pageBlocks[pageBlocks.length - 1];
 							previewStore.send({
-								type: "openAddBlockSidebar",
+								type: "openAddBlockDialog",
 								afterPosition: lastPageBlock?.position
 							});
 							onOpenChange(false);
@@ -208,7 +207,7 @@ const BlockActionsPopover = ({ block, children, open, onOpenChange, align = "sta
 		})]
 	}), /* @__PURE__ */ jsx(AlertDialog, {
 		open: !!blockToDelete,
-		onOpenChange: (open_0) => !open_0 && setBlockToDelete(null),
+		onOpenChange: (open) => !open && setBlockToDelete(null),
 		children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [/* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsx(AlertDialogTitle, { children: "Delete block" }), /* @__PURE__ */ jsxs(AlertDialogDescription, { children: [
 			"Are you sure you want to delete ",
 			/* @__PURE__ */ jsx("strong", { children: blockToDelete?.summary }),
@@ -224,62 +223,68 @@ const BlockActionsPopover = ({ block, children, open, onOpenChange, align = "sta
 		})] })] })
 	})] });
 };
+/** The page's selection when it is inside a block, which block actions apply to. */
+function blockSelectionForPage(context, pageId) {
+	const selection = selectionForPage(context, pageId);
+	return isBlockSelection(selection) ? selection : null;
+}
 function isLayoutBlockId(page, blockId) {
 	if (!page?.layout) return false;
-	return new Set([...page.layout.beforeBlockIds, ...page.layout.afterBlockIds]).has(blockId);
+	return (/* @__PURE__ */ new Set([...page.layout.beforeBlockIds, ...page.layout.afterBlockIds])).has(blockId);
 }
 function useBlockActionsShortcuts() {
-	const $ = c(20);
-	if ($[0] !== "a91fc105ded90c35296c42adc5eec1823e26e305818bf9026d22b67a24a3ca04") {
-		for (let $i = 0; $i < 20; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "a91fc105ded90c35296c42adc5eec1823e26e305818bf9026d22b67a24a3ca04";
-	}
+	const $ = c(24);
 	const camoxApp = useCamoxApp();
 	const page = usePreviewedPage();
 	const { pageBlocks } = usePageBlocks(page);
-	const selection = useSelector(previewStore, _temp);
-	const requireDraft = useRequireDraftSource();
 	let t0;
-	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = blockMutations.delete();
+	if ($[0] !== page.page.id) {
+		t0 = (state) => selectionForPage(state.context, page.page.id);
+		$[0] = page.page.id;
 		$[1] = t0;
 	} else t0 = $[1];
-	const deleteBlockMutation = useMutation(t0);
+	const selection = useSelector(previewStore, t0);
 	let t1;
 	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = blockMutations.duplicate();
+		t1 = blockMutations.delete();
 		$[2] = t1;
 	} else t1 = $[2];
-	const duplicateBlockMutation = useMutation(t1);
-	const updatePositionMutation = useUpdateBlockPosition();
+	const { mutateAsync: deleteBlock } = useMutation(t1);
 	let t2;
 	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = repeatableItemMutations.delete();
+		t2 = blockMutations.duplicate();
 		$[3] = t2;
 	} else t2 = $[3];
-	const deleteRepeatableItem = useMutation(t2);
+	const { mutateAsync: duplicateBlock } = useMutation(t2);
+	const { mutateAsync: updatePosition } = useUpdateBlockPosition();
 	let t3;
 	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = repeatableItemMutations.duplicate();
+		t3 = repeatableItemMutations.delete();
 		$[4] = t3;
 	} else t3 = $[4];
-	const duplicateRepeatableItem = useMutation(t3);
+	const { mutateAsync: deleteRepeatableItem } = useMutation(t3);
 	let t4;
-	if ($[5] !== deleteBlockMutation || $[6] !== deleteRepeatableItem || $[7] !== duplicateBlockMutation || $[8] !== duplicateRepeatableItem || $[9] !== page || $[10] !== pageBlocks || $[11] !== requireDraft || $[12] !== updatePositionMutation) {
-		t4 = () => {
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = repeatableItemMutations.duplicate();
+		$[5] = t4;
+	} else t4 = $[5];
+	const { mutateAsync: duplicateRepeatableItem } = useMutation(t4);
+	let t5;
+	if ($[6] !== deleteBlock || $[7] !== deleteRepeatableItem || $[8] !== duplicateBlock || $[9] !== duplicateRepeatableItem || $[10] !== page || $[11] !== pageBlocks || $[12] !== updatePosition) {
+		t5 = () => {
 			const actions = [
 				{
 					id: "delete-selected",
 					label: "Delete selected",
-					groupLabel: "Preview",
+					groupLabel: "Website",
 					shortcut: {
 						key: "Backspace",
 						withMeta: true
 					},
 					checkIfAvailable: () => {
 						const ctx = previewStore.getSnapshot().context;
-						if (ctx.mode !== "editing-draft") return false;
-						const sel = ctx.selection;
+						if (ctx.view !== "canvas") return false;
+						const sel = blockSelectionForPage(ctx, page.page.id);
 						if (!sel) return false;
 						if (isLayoutBlockId(page, sel.blockId)) return false;
 						const itemId = selectionItemId(sel);
@@ -296,126 +301,125 @@ function useBlockActionsShortcuts() {
 						return pageBlocks.length > 1;
 					},
 					execute: () => {
-						if (!requireDraft()) return;
-						const sel_0 = previewStore.getSnapshot().context.selection;
+						const sel_0 = blockSelectionForPage(previewStore.getSnapshot().context, page.page.id);
 						if (!sel_0) return;
 						const itemId_0 = selectionItemId(sel_0);
 						if (itemId_0 != null) {
-							deleteRepeatableItem.mutateAsync({ id: itemId_0 }).then(_temp2, _temp3);
+							deleteRepeatableItem({ id: itemId_0 }).then(_temp4, _temp5);
 							previewStore.send({ type: "selectParent" });
 							return;
 						}
 						const block_0 = pageBlocks.find((b_0) => b_0.id === sel_0.blockId);
-						deleteBlockMutation.mutateAsync({ id: sel_0.blockId }).then(() => toast.success(`Deleted "${block_0?.summary || block_0?.type}" block`), _temp4);
+						deleteBlock({ id: sel_0.blockId }).then(() => toast.success(`Deleted "${block_0?.summary || block_0?.type}" block`), _temp6);
 						previewStore.send({ type: "clearSelection" });
 					}
 				},
 				{
 					id: "duplicate-selected",
 					label: "Duplicate selected",
-					groupLabel: "Preview",
+					groupLabel: "Website",
 					shortcut: {
 						key: "d",
 						withMeta: true
 					},
 					checkIfAvailable: () => {
 						const ctx_0 = previewStore.getSnapshot().context;
-						if (ctx_0.mode !== "editing-draft") return false;
-						const sel_1 = ctx_0.selection;
+						if (ctx_0.view !== "canvas") return false;
+						const sel_1 = blockSelectionForPage(ctx_0, page.page.id);
 						if (!sel_1) return false;
 						if (isLayoutBlockId(page, sel_1.blockId)) return false;
 						return true;
 					},
 					execute: () => {
-						if (!requireDraft()) return;
-						const sel_2 = previewStore.getSnapshot().context.selection;
+						const sel_2 = blockSelectionForPage(previewStore.getSnapshot().context, page.page.id);
 						if (!sel_2) return;
 						const itemId_1 = selectionItemId(sel_2);
 						if (itemId_1 != null) {
-							duplicateRepeatableItem.mutateAsync({ id: itemId_1 }).then(_temp5, _temp6);
+							duplicateRepeatableItem({ id: itemId_1 }).then(_temp7, _temp8);
 							return;
 						}
 						const block_1 = pageBlocks.find((b_1) => b_1.id === sel_2.blockId);
-						duplicateBlockMutation.mutateAsync({ id: sel_2.blockId }).then(() => toast.success(`Duplicated "${block_1?.summary}" block`), _temp7);
+						duplicateBlock({ id: sel_2.blockId }).then(() => toast.success(`Duplicated "${block_1?.summary}" block`), _temp9);
 					}
 				},
 				{
 					id: "move-block-up",
 					label: "Move block up",
-					groupLabel: "Preview",
+					groupLabel: "Website",
 					shortcut: {
 						key: "ArrowUp",
 						withAlt: true
 					},
 					checkIfAvailable: () => {
 						const ctx_1 = previewStore.getSnapshot().context;
-						if (ctx_1.mode !== "editing-draft") return false;
-						const sel_3 = ctx_1.selection;
+						if (ctx_1.view !== "canvas") return false;
+						const sel_3 = blockSelectionForPage(ctx_1, page.page.id);
 						if (!sel_3 || !page) return false;
 						if (isLayoutBlockId(page, sel_3.blockId)) return false;
 						return pageBlocks.findIndex((b_2) => b_2.id === sel_3.blockId) > 0;
 					},
 					execute: () => {
-						if (!requireDraft()) return;
-						const sel_4 = previewStore.getSnapshot().context.selection;
+						const sel_4 = blockSelectionForPage(previewStore.getSnapshot().context, page.page.id);
 						if (!sel_4 || !page) return;
 						const index_0 = pageBlocks.findIndex((b_3) => b_3.id === sel_4.blockId);
 						if (index_0 <= 0) return;
 						const afterPosition = index_0 > 1 ? pageBlocks[index_0 - 2].position : void 0;
 						const beforePosition = pageBlocks[index_0 - 1].position;
-						updatePositionMutation.mutateAsync({
+						updatePosition({
 							id: sel_4.blockId,
 							afterPosition,
 							beforePosition
-						}).then(_temp8, _temp9);
+						}).then(_temp10, _temp11);
 					}
 				},
 				{
 					id: "move-block-down",
 					label: "Move block down",
-					groupLabel: "Preview",
+					groupLabel: "Website",
 					shortcut: {
 						key: "ArrowDown",
 						withAlt: true
 					},
 					checkIfAvailable: () => {
 						const ctx_2 = previewStore.getSnapshot().context;
-						if (ctx_2.mode !== "editing-draft") return false;
-						const sel_5 = ctx_2.selection;
+						if (ctx_2.view !== "canvas") return false;
+						const sel_5 = blockSelectionForPage(ctx_2, page.page.id);
 						if (!sel_5 || !page) return false;
 						if (isLayoutBlockId(page, sel_5.blockId)) return false;
 						const index_1 = pageBlocks.findIndex((b_4) => b_4.id === sel_5.blockId);
 						return index_1 !== -1 && index_1 < pageBlocks.length - 1;
 					},
 					execute: () => {
-						if (!requireDraft()) return;
-						const sel_6 = previewStore.getSnapshot().context.selection;
+						const sel_6 = blockSelectionForPage(previewStore.getSnapshot().context, page.page.id);
 						if (!sel_6 || !page) return;
 						const index_2 = pageBlocks.findIndex((b_5) => b_5.id === sel_6.blockId);
 						if (index_2 === -1 || index_2 >= pageBlocks.length - 1) return;
 						const afterPosition_0 = pageBlocks[index_2 + 1].position;
 						const beforePosition_0 = index_2 + 2 < pageBlocks.length ? pageBlocks[index_2 + 2].position : void 0;
-						updatePositionMutation.mutateAsync({
+						updatePosition({
 							id: sel_6.blockId,
 							afterPosition: afterPosition_0,
 							beforePosition: beforePosition_0
-						}).then(_temp0, _temp1);
+						}).then(_temp12, _temp13);
 					}
 				},
 				{
 					id: "add-block-below",
 					label: "Add block below",
-					groupLabel: "Preview",
+					groupLabel: "Website",
 					shortcut: { key: "o" },
-					checkIfAvailable: _temp10,
+					checkIfAvailable: () => {
+						const ctx_3 = previewStore.getSnapshot().context;
+						if (ctx_3.view !== "canvas") return false;
+						return blockSelectionForPage(ctx_3, page.page.id) !== null;
+					},
 					execute: () => {
-						if (!requireDraft()) return;
-						const sel_7 = previewStore.getSnapshot().context.selection;
+						const sel_7 = blockSelectionForPage(previewStore.getSnapshot().context, page.page.id);
 						if (!sel_7 || !page) return;
 						const block_2 = pageBlocks.find((b_6) => b_6.id === sel_7.blockId);
 						if (!block_2) return;
 						previewStore.send({
-							type: "openAddBlockSidebar",
+							type: "openAddBlockDialog",
 							afterPosition: block_2.position
 						});
 					}
@@ -423,21 +427,24 @@ function useBlockActionsShortcuts() {
 				{
 					id: "add-block-above",
 					label: "Add block above",
-					groupLabel: "Preview",
+					groupLabel: "Website",
 					shortcut: {
 						key: "o",
 						withShift: true
 					},
-					checkIfAvailable: _temp11,
+					checkIfAvailable: () => {
+						const ctx_4 = previewStore.getSnapshot().context;
+						if (ctx_4.view !== "canvas") return false;
+						return blockSelectionForPage(ctx_4, page.page.id) !== null;
+					},
 					execute: () => {
-						if (!requireDraft()) return;
-						const sel_8 = previewStore.getSnapshot().context.selection;
+						const sel_8 = blockSelectionForPage(previewStore.getSnapshot().context, page.page.id);
 						if (!sel_8 || !page) return;
 						const blockIndex = pageBlocks.findIndex((b_7) => b_7.id === sel_8.blockId);
 						if (blockIndex === -1) return;
 						const afterPosition_1 = blockIndex > 0 ? pageBlocks[blockIndex - 1].position : "";
 						previewStore.send({
-							type: "openAddBlockSidebar",
+							type: "openAddBlockDialog",
 							afterPosition: afterPosition_1
 						});
 					}
@@ -450,80 +457,74 @@ function useBlockActionsShortcuts() {
 			return () => {
 				actionsStore.send({
 					type: "unregisterManyActions",
-					ids: actions.map(_temp12)
+					ids: actions.map(_temp14)
 				});
 			};
 		};
-		$[5] = deleteBlockMutation;
-		$[6] = deleteRepeatableItem;
-		$[7] = duplicateBlockMutation;
-		$[8] = duplicateRepeatableItem;
-		$[9] = page;
-		$[10] = pageBlocks;
-		$[11] = requireDraft;
-		$[12] = updatePositionMutation;
-		$[13] = t4;
-	} else t4 = $[13];
-	let t5;
-	if ($[14] !== camoxApp || $[15] !== page || $[16] !== pageBlocks || $[17] !== requireDraft || $[18] !== selection) {
-		t5 = [
+		$[6] = deleteBlock;
+		$[7] = deleteRepeatableItem;
+		$[8] = duplicateBlock;
+		$[9] = duplicateRepeatableItem;
+		$[10] = page;
+		$[11] = pageBlocks;
+		$[12] = updatePosition;
+		$[13] = t5;
+	} else t5 = $[13];
+	let t6;
+	if ($[14] !== camoxApp || $[15] !== deleteBlock || $[16] !== deleteRepeatableItem || $[17] !== duplicateBlock || $[18] !== duplicateRepeatableItem || $[19] !== page || $[20] !== pageBlocks || $[21] !== selection || $[22] !== updatePosition) {
+		t6 = [
 			selection,
 			page,
 			pageBlocks,
 			camoxApp,
-			requireDraft
+			deleteBlock,
+			duplicateBlock,
+			updatePosition,
+			deleteRepeatableItem,
+			duplicateRepeatableItem
 		];
 		$[14] = camoxApp;
-		$[15] = page;
-		$[16] = pageBlocks;
-		$[17] = requireDraft;
-		$[18] = selection;
-		$[19] = t5;
-	} else t5 = $[19];
-	React.useEffect(t4, t5);
+		$[15] = deleteBlock;
+		$[16] = deleteRepeatableItem;
+		$[17] = duplicateBlock;
+		$[18] = duplicateRepeatableItem;
+		$[19] = page;
+		$[20] = pageBlocks;
+		$[21] = selection;
+		$[22] = updatePosition;
+		$[23] = t6;
+	} else t6 = $[23];
+	React.useEffect(t5, t6);
 }
-function _temp12(a) {
+function _temp14(a) {
 	return a.id;
 }
-function _temp11() {
-	const ctx_4 = previewStore.getSnapshot().context;
-	if (ctx_4.mode !== "editing-draft") return false;
-	return ctx_4.selection !== null;
-}
-function _temp10() {
-	const ctx_3 = previewStore.getSnapshot().context;
-	if (ctx_3.mode !== "editing-draft") return false;
-	return ctx_3.selection !== null;
-}
-function _temp1() {
+function _temp13() {
 	return toast.error("Could not move block");
 }
-function _temp0() {}
-function _temp9() {
+function _temp12() {}
+function _temp11() {
 	return toast.error("Could not move block");
 }
-function _temp8() {}
-function _temp7() {
+function _temp10() {}
+function _temp9() {
 	return toast.error("Could not duplicate block");
 }
-function _temp6() {
+function _temp8() {
 	return toast.error("Could not duplicate item");
 }
-function _temp5() {
+function _temp7() {
 	return toast.success("Duplicated item");
 }
-function _temp4() {
+function _temp6() {
 	return toast.error("Could not delete block");
 }
-function _temp3() {
+function _temp5() {
 	return toast.error("Could not delete item");
 }
-function _temp2() {
+function _temp4() {
 	return toast.success("Deleted item");
 }
-function _temp(state) {
-	return state.context.selection;
-}
 
 //#endregion
 export { BlockActionsPopover, useBlockActionsShortcuts };

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

@@ -35,27 +35,23 @@ var BlockErrorBoundaryInner = class extends React.Component {
 	}
 };
 const BlockErrorBoundary = (t0) => {
-	const $ = c(6);
-	if ($[0] !== "46b0d65b4c2052002160e1a82931512b726f6f897f121eb303d9f5030172ca60") {
-		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "46b0d65b4c2052002160e1a82931512b726f6f897f121eb303d9f5030172ca60";
-	}
+	const $ = c(5);
 	const { blockId, blockType, children } = t0;
 	const isAuthenticated = useIsAuthenticated();
 	let t1;
-	if ($[1] !== blockId || $[2] !== blockType || $[3] !== children || $[4] !== isAuthenticated) {
+	if ($[0] !== blockId || $[1] !== blockType || $[2] !== children || $[3] !== isAuthenticated) {
 		t1 = /* @__PURE__ */ jsx(BlockErrorBoundaryInner, {
 			blockId,
 			blockType,
 			isAuthenticated,
 			children
 		});
-		$[1] = blockId;
-		$[2] = blockType;
-		$[3] = children;
-		$[4] = isAuthenticated;
-		$[5] = t1;
-	} else t1 = $[5];
+		$[0] = blockId;
+		$[1] = blockType;
+		$[2] = children;
+		$[3] = isAuthenticated;
+		$[4] = t1;
+	} else t1 = $[4];
 	return t1;
 };