camox 0.24.1 → 0.26.0

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

@@ -4,7 +4,7 @@ import { cn, getActionShortcut } from "../../../lib/utils.js";
 import { c } from "react/compiler-runtime";
 import { Kbd } from "@camox/ui/kbd";
 import { useSelector } from "@xstate/store-react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "@camox/ui/button";
 import * as Tooltip$1 from "@camox/ui/tooltip";
 import { Lock, MonitorPlay, PanelRight, TabletSmartphone } from "lucide-react";
@@ -14,20 +14,21 @@ import { Toggle } from "@camox/ui/toggle";
 
 //#region src/features/preview/components/PreviewToolbar.tsx
 const PreviewToolbar = () => {
-	const $ = c(65);
-	if ($[0] !== "b452b7baa4fb4cb149824bb550df61b39b24db4bcb84791dcb480b6a06e8b4f5") {
-		for (let $i = 0; $i < 65; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "b452b7baa4fb4cb149824bb550df61b39b24db4bcb84791dcb480b6a06e8b4f5";
+	const $ = c(70);
+	if ($[0] !== "3f4ab1b23a0c71433f448a6d697143e0a49bc26edf45de5fcefe147aab349d48") {
+		for (let $i = 0; $i < 70; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "3f4ab1b23a0c71433f448a6d697143e0a49bc26edf45de5fcefe147aab349d48";
 	}
 	const isEditingLocked = useSelector(previewStore, _temp);
 	const isEditingPanelOpen = useSelector(previewStore, _temp2);
 	const isPresentationMode = useSelector(previewStore, _temp3);
-	const isPageContentSheetOpen = useSelector(previewStore, _temp4);
-	const isAddBlockSheetOpen = useSelector(previewStore, _temp5);
-	const isAgentChatSheetOpen = useSelector(previewStore, _temp6);
+	const isPreviewingNonDraft = useSelector(previewStore, _temp4) !== "draft";
+	const isPageContentSheetOpen = useSelector(previewStore, _temp5);
+	const isAddBlockSheetOpen = useSelector(previewStore, _temp6);
+	const isAgentChatSheetOpen = useSelector(previewStore, _temp7);
 	const isAnySideSheetOpen = isPageContentSheetOpen || isAddBlockSheetOpen || isAgentChatSheetOpen;
-	const actions = useSelector(actionsStore, _temp7);
-	const isMobileMode = useSelector(previewStore, _temp8);
+	const actions = useSelector(actionsStore, _temp8);
+	const isMobileMode = useSelector(previewStore, _temp9);
 	const t0 = isAnySideSheetOpen && "opacity-0 pointer-events-none translate-y-full";
 	let t1;
 	if ($[1] !== t0) {
@@ -43,7 +44,7 @@ const PreviewToolbar = () => {
 			"data-state": t2,
 			pressed: t3,
 			variant: "outline",
-			onClick: _temp9
+			onClick: _temp0
 		});
 		$[3] = t2;
 		$[4] = t3;
@@ -84,185 +85,195 @@ const PreviewToolbar = () => {
 	} else t9 = $[15];
 	const t10 = isEditingLocked ? "on" : "off";
 	let t11;
-	if ($[16] !== isEditingLocked || $[17] !== t10) {
+	if ($[16] !== isEditingLocked || $[17] !== isPreviewingNonDraft || $[18] !== t10) {
 		t11 = /* @__PURE__ */ jsx(Toggle, {
 			"data-state": t10,
 			pressed: isEditingLocked,
-			onPressedChange: _temp0,
+			disabled: isPreviewingNonDraft,
+			onPressedChange: _temp1,
 			variant: "outline"
 		});
 		$[16] = isEditingLocked;
-		$[17] = t10;
-		$[18] = t11;
-	} else t11 = $[18];
+		$[17] = isPreviewingNonDraft;
+		$[18] = t10;
+		$[19] = t11;
+	} else t11 = $[19];
 	let t12;
-	if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
 		t12 = /* @__PURE__ */ jsx(Lock, {});
-		$[19] = t12;
-	} else t12 = $[19];
+		$[20] = t12;
+	} else t12 = $[20];
 	let t13;
-	if ($[20] !== t11) {
+	if ($[21] !== t11) {
 		t13 = /* @__PURE__ */ jsx(Tooltip$1.TooltipTrigger, {
 			render: t11,
 			children: t12
 		});
-		$[20] = t11;
-		$[21] = t13;
-	} else t13 = $[21];
+		$[21] = t11;
+		$[22] = t13;
+	} else t13 = $[22];
 	let t14;
-	if ($[22] === Symbol.for("react.memo_cache_sentinel")) {
-		t14 = /* @__PURE__ */ jsxs(Tooltip$1.TooltipContent, { children: ["Toggle edit mode ", /* @__PURE__ */ jsx(Kbd, { children: "L" })] });
-		$[22] = t14;
-	} else t14 = $[22];
+	if ($[23] !== isPreviewingNonDraft) {
+		t14 = isPreviewingNonDraft ? "Switch to draft to edit" : /* @__PURE__ */ jsxs(Fragment, { children: ["Toggle edit mode ", /* @__PURE__ */ jsx(Kbd, { children: "L" })] });
+		$[23] = isPreviewingNonDraft;
+		$[24] = t14;
+	} else t14 = $[24];
 	let t15;
-	if ($[23] !== t13) {
-		t15 = /* @__PURE__ */ jsxs(Tooltip$1.Tooltip, { children: [t13, t14] });
-		$[23] = t13;
-		$[24] = t15;
-	} else t15 = $[24];
-	const t16 = isMobileMode ? "on" : "off";
-	let t17;
-	if ($[25] !== isMobileMode || $[26] !== t16) {
-		t17 = /* @__PURE__ */ jsx(Toggle, {
-			"data-state": t16,
+	if ($[25] !== t14) {
+		t15 = /* @__PURE__ */ jsx(Tooltip$1.TooltipContent, { children: t14 });
+		$[25] = t14;
+		$[26] = t15;
+	} else t15 = $[26];
+	let t16;
+	if ($[27] !== t13 || $[28] !== t15) {
+		t16 = /* @__PURE__ */ jsxs(Tooltip$1.Tooltip, { children: [t13, t15] });
+		$[27] = t13;
+		$[28] = t15;
+		$[29] = t16;
+	} else t16 = $[29];
+	const t17 = isMobileMode ? "on" : "off";
+	let t18;
+	if ($[30] !== isMobileMode || $[31] !== t17) {
+		t18 = /* @__PURE__ */ jsx(Toggle, {
+			"data-state": t17,
 			pressed: isMobileMode,
-			onPressedChange: _temp1,
+			onPressedChange: _temp10,
 			variant: "outline"
 		});
-		$[25] = isMobileMode;
-		$[26] = t16;
-		$[27] = t17;
-	} else t17 = $[27];
-	let t18;
-	if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
-		t18 = /* @__PURE__ */ jsx(TabletSmartphone, {});
-		$[28] = t18;
-	} else t18 = $[28];
+		$[30] = isMobileMode;
+		$[31] = t17;
+		$[32] = t18;
+	} else t18 = $[32];
 	let t19;
-	if ($[29] !== t17) {
-		t19 = /* @__PURE__ */ jsx(Tooltip$1.TooltipTrigger, {
-			render: t17,
-			children: t18
-		});
-		$[29] = t17;
-		$[30] = t19;
-	} else t19 = $[30];
+	if ($[33] === Symbol.for("react.memo_cache_sentinel")) {
+		t19 = /* @__PURE__ */ jsx(TabletSmartphone, {});
+		$[33] = t19;
+	} else t19 = $[33];
 	let t20;
-	if ($[31] !== actions) {
-		t20 = getActionShortcut(actions, "toggle-mobile-mode");
-		$[31] = actions;
-		$[32] = t20;
-	} else t20 = $[32];
+	if ($[34] !== t18) {
+		t20 = /* @__PURE__ */ jsx(Tooltip$1.TooltipTrigger, {
+			render: t18,
+			children: t19
+		});
+		$[34] = t18;
+		$[35] = t20;
+	} else t20 = $[35];
 	let t21;
-	if ($[33] !== t20) {
-		t21 = /* @__PURE__ */ jsxs(Tooltip$1.TooltipContent, { children: ["Toggle mobile layout ", t20] });
-		$[33] = t20;
-		$[34] = t21;
-	} else t21 = $[34];
+	if ($[36] !== actions) {
+		t21 = getActionShortcut(actions, "toggle-mobile-mode");
+		$[36] = actions;
+		$[37] = t21;
+	} else t21 = $[37];
 	let t22;
-	if ($[35] !== t19 || $[36] !== t21) {
-		t22 = /* @__PURE__ */ jsxs(Tooltip$1.Tooltip, { children: [t19, t21] });
-		$[35] = t19;
-		$[36] = t21;
-		$[37] = t22;
-	} else t22 = $[37];
-	const t23 = isPresentationMode ? "on" : "off";
-	let t24;
-	if ($[38] !== isPresentationMode || $[39] !== t23) {
-		t24 = /* @__PURE__ */ jsx(Toggle, {
-			"data-state": t23,
+	if ($[38] !== t21) {
+		t22 = /* @__PURE__ */ jsxs(Tooltip$1.TooltipContent, { children: ["Toggle mobile layout ", t21] });
+		$[38] = t21;
+		$[39] = t22;
+	} else t22 = $[39];
+	let t23;
+	if ($[40] !== t20 || $[41] !== t22) {
+		t23 = /* @__PURE__ */ jsxs(Tooltip$1.Tooltip, { children: [t20, t22] });
+		$[40] = t20;
+		$[41] = t22;
+		$[42] = t23;
+	} else t23 = $[42];
+	const t24 = isPresentationMode ? "on" : "off";
+	let t25;
+	if ($[43] !== isPresentationMode || $[44] !== t24) {
+		t25 = /* @__PURE__ */ jsx(Toggle, {
+			"data-state": t24,
 			pressed: isPresentationMode,
 			variant: "outline",
-			onClick: _temp10
+			onClick: _temp11
 		});
-		$[38] = isPresentationMode;
-		$[39] = t23;
-		$[40] = t24;
-	} else t24 = $[40];
-	let t25;
-	if ($[41] === Symbol.for("react.memo_cache_sentinel")) {
-		t25 = /* @__PURE__ */ jsx(MonitorPlay, {});
-		$[41] = t25;
-	} else t25 = $[41];
+		$[43] = isPresentationMode;
+		$[44] = t24;
+		$[45] = t25;
+	} else t25 = $[45];
 	let t26;
-	if ($[42] !== t24) {
-		t26 = /* @__PURE__ */ jsxs(Tooltip$1.TooltipTrigger, {
-			render: t24,
-			children: [t25, "Preview"]
-		});
-		$[42] = t24;
-		$[43] = t26;
-	} else t26 = $[43];
+	if ($[46] === Symbol.for("react.memo_cache_sentinel")) {
+		t26 = /* @__PURE__ */ jsx(MonitorPlay, {});
+		$[46] = t26;
+	} else t26 = $[46];
 	let t27;
-	if ($[44] !== actions) {
-		t27 = getActionShortcut(actions, "enter-presentation-mode");
-		$[44] = actions;
-		$[45] = t27;
-	} else t27 = $[45];
+	if ($[47] !== t25) {
+		t27 = /* @__PURE__ */ jsxs(Tooltip$1.TooltipTrigger, {
+			render: t25,
+			children: [t26, "Preview"]
+		});
+		$[47] = t25;
+		$[48] = t27;
+	} else t27 = $[48];
 	let t28;
-	if ($[46] !== t27) {
-		t28 = /* @__PURE__ */ jsxs(Tooltip$1.TooltipContent, { children: ["Hide Camox Studio ", t27] });
-		$[46] = t27;
-		$[47] = t28;
-	} else t28 = $[47];
+	if ($[49] !== actions) {
+		t28 = getActionShortcut(actions, "enter-presentation-mode");
+		$[49] = actions;
+		$[50] = t28;
+	} else t28 = $[50];
 	let t29;
-	if ($[48] !== t26 || $[49] !== t28) {
-		t29 = /* @__PURE__ */ jsxs(Tooltip$1.Tooltip, { children: [t26, t28] });
-		$[48] = t26;
-		$[49] = t28;
-		$[50] = t29;
-	} else t29 = $[50];
+	if ($[51] !== t28) {
+		t29 = /* @__PURE__ */ jsxs(Tooltip$1.TooltipContent, { children: ["Hide Camox Studio ", t28] });
+		$[51] = t28;
+		$[52] = t29;
+	} else t29 = $[52];
 	let t30;
-	if ($[51] !== t15 || $[52] !== t22 || $[53] !== t29 || $[54] !== t9) {
-		t30 = /* @__PURE__ */ jsxs(ButtonGroup, { children: [
-			t9,
-			t15,
-			t22,
-			t29
-		] });
-		$[51] = t15;
-		$[52] = t22;
-		$[53] = t29;
-		$[54] = t9;
+	if ($[53] !== t27 || $[54] !== t29) {
+		t30 = /* @__PURE__ */ jsxs(Tooltip$1.Tooltip, { children: [t27, t29] });
+		$[53] = t27;
+		$[54] = t29;
 		$[55] = t30;
 	} else t30 = $[55];
 	let t31;
-	if ($[56] === Symbol.for("react.memo_cache_sentinel")) {
-		t31 = /* @__PURE__ */ jsx("span", {
+	if ($[56] !== t16 || $[57] !== t23 || $[58] !== t30 || $[59] !== t9) {
+		t31 = /* @__PURE__ */ jsxs(ButtonGroup, { children: [
+			t9,
+			t16,
+			t23,
+			t30
+		] });
+		$[56] = t16;
+		$[57] = t23;
+		$[58] = t30;
+		$[59] = t9;
+		$[60] = t31;
+	} else t31 = $[60];
+	let t32;
+	if ($[61] === Symbol.for("react.memo_cache_sentinel")) {
+		t32 = /* @__PURE__ */ jsx("span", {
 			className: "text-muted-foreground",
 			children: "Ask for changes..."
 		});
-		$[56] = t31;
-	} else t31 = $[56];
-	let t32;
-	if ($[57] !== actions) {
-		t32 = getActionShortcut(actions, "open-agent-chat");
-		$[57] = actions;
-		$[58] = t32;
-	} else t32 = $[58];
+		$[61] = t32;
+	} else t32 = $[61];
 	let t33;
-	if ($[59] !== t32) {
-		t33 = /* @__PURE__ */ jsxs(Button, {
+	if ($[62] !== actions) {
+		t33 = getActionShortcut(actions, "open-agent-chat");
+		$[62] = actions;
+		$[63] = t33;
+	} else t33 = $[63];
+	let t34;
+	if ($[64] !== t33) {
+		t34 = /* @__PURE__ */ jsxs(Button, {
 			variant: "outline",
 			className: "bg-transparent dark:bg-transparent",
-			onClick: _temp11,
-			children: [t31, t32]
+			onClick: _temp12,
+			children: [t32, t33]
 		});
-		$[59] = t32;
-		$[60] = t33;
-	} else t33 = $[60];
-	let t34;
-	if ($[61] !== t1 || $[62] !== t30 || $[63] !== t33) {
-		t34 = /* @__PURE__ */ jsxs(FloatingToolbar, {
+		$[64] = t33;
+		$[65] = t34;
+	} else t34 = $[65];
+	let t35;
+	if ($[66] !== t1 || $[67] !== t31 || $[68] !== t34) {
+		t35 = /* @__PURE__ */ jsxs(FloatingToolbar, {
 			className: t1,
-			children: [t30, t33]
+			children: [t31, t34]
 		});
-		$[61] = t1;
-		$[62] = t30;
-		$[63] = t33;
-		$[64] = t34;
-	} else t34 = $[64];
-	return t34;
+		$[66] = t1;
+		$[67] = t31;
+		$[68] = t34;
+		$[69] = t35;
+	} else t35 = $[69];
+	return t35;
 };
 function _temp(state) {
 	return state.context.isContentLocked;
@@ -274,33 +285,36 @@ function _temp3(state_1) {
 	return state_1.context.isPresentationMode;
 }
 function _temp4(state_2) {
-	return state_2.context.isPageContentSheetOpen;
+	return state_2.context.previewSource;
 }
 function _temp5(state_3) {
-	return state_3.context.isAddBlockSheetOpen;
+	return state_3.context.isPageContentSheetOpen;
 }
 function _temp6(state_4) {
-	return state_4.context.isAgentChatSheetOpen;
+	return state_4.context.isAddBlockSheetOpen;
 }
 function _temp7(state_5) {
-	return state_5.context.actions;
+	return state_5.context.isAgentChatSheetOpen;
 }
 function _temp8(state_6) {
-	return state_6.context.isMobileMode;
+	return state_6.context.actions;
 }
-function _temp9() {
-	return previewStore.send({ type: "toggleSidebar" });
+function _temp9(state_7) {
+	return state_7.context.isMobileMode;
 }
 function _temp0() {
-	return previewStore.send({ type: "toggleLockContent" });
+	return previewStore.send({ type: "toggleSidebar" });
 }
 function _temp1() {
-	return previewStore.send({ type: "toggleMobileMode" });
+	return previewStore.send({ type: "toggleLockContent" });
 }
 function _temp10() {
-	return previewStore.send({ type: "enterPresentationMode" });
+	return previewStore.send({ type: "toggleMobileMode" });
 }
 function _temp11() {
+	return previewStore.send({ type: "enterPresentationMode" });
+}
+function _temp12() {
 	return previewStore.send({ type: "openAgentChatSheet" });
 }
 

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

@@ -0,0 +1,111 @@
+import { trackClientEvent } from "../../../lib/telemetry-client.js";
+import { pageMutations } from "../../../lib/queries.js";
+import { Label } from "@camox/ui/label";
+import { toast } from "@camox/ui/toaster";
+import { useMutation } from "@tanstack/react-query";
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Switch } from "@camox/ui/switch";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "@camox/ui/alert-dialog";
+
+//#region src/features/preview/components/PublishDialog.tsx
+/**
+* Confirmation dialog for `pages.publish`. Shows the path that will go live
+* (= the current draft path; same as today's public URL unless the user
+* changed it while drafting), and a primary Publish button.
+*
+* Description copy branches on the page's current status: a `'draft'` page
+* has never been public so we frame it as "will go live"; a `'modified'`
+* page is already public and we're promoting the latest edits.
+*
+* When the page's layout is itself modified (`alsoPublishLayout` prop set),
+* a toggle appears below the primary action, pre-checked. Bundling is the
+* common case — the user is usually editing page + layout together and
+* expects "Publish" to mean "what I see goes live". Power users who edited
+* the layout independently can opt out before confirming.
+*/
+function PublishDialog({ page, pageStatus, alsoPublishLayout, open, onOpenChange }) {
+	const publishPage = useMutation(pageMutations.publish());
+	const [bundleLayout, setBundleLayout] = React.useState(true);
+	React.useEffect(() => {
+		if (open) setBundleLayout(true);
+	}, [open]);
+	const handlePublish = async () => {
+		if (!page) return;
+		const shouldBundle = bundleLayout && alsoPublishLayout != null;
+		try {
+			await publishPage.mutateAsync({
+				id: page.id,
+				...shouldBundle ? { alsoPublishLayout: true } : {}
+			});
+			trackClientEvent("page_published", {
+				pageId: page.id,
+				...shouldBundle ? { alsoPublishedLayout: true } : {}
+			});
+			toast.success(shouldBundle ? `Published this page and layout ${alsoPublishLayout?.layoutHandle}` : "Published this page");
+			onOpenChange(false);
+		} catch (error) {
+			console.error("Failed to publish page:", error);
+			toast.error("Could not publish this page");
+		}
+	};
+	const pathCode = /* @__PURE__ */ jsx("code", {
+		className: "bg-muted rounded px-1 py-0.5 font-mono text-xs",
+		children: page?.fullPath ?? ""
+	});
+	return /* @__PURE__ */ jsx(AlertDialog, {
+		open,
+		onOpenChange,
+		children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [
+			/* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsx(AlertDialogTitle, { children: pageStatus === "modified" ? "Publish changes" : "Publish page" }), /* @__PURE__ */ jsx(AlertDialogDescription, { children: pageStatus === "modified" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+				"Visitors at ",
+				pathCode,
+				" will start seeing your latest changes."
+			] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+				"This page will go live at ",
+				pathCode,
+				". Visitors will see the current draft."
+			] }) })] }),
+			alsoPublishLayout && /* @__PURE__ */ jsxs("div", {
+				className: "flex items-start gap-3",
+				children: [/* @__PURE__ */ jsx(Switch, {
+					id: "also-publish-layout",
+					checked: bundleLayout,
+					onCheckedChange: (checked) => setBundleLayout(checked),
+					disabled: publishPage.isPending
+				}), /* @__PURE__ */ jsxs(Label, {
+					htmlFor: "also-publish-layout",
+					className: "flex flex-col items-start gap-1",
+					children: [/* @__PURE__ */ jsxs("span", { children: [
+						"Also publish layout",
+						" ",
+						/* @__PURE__ */ jsx("code", {
+							className: "bg-muted rounded px-1 py-0.5 font-mono text-xs",
+							children: alsoPublishLayout.layoutHandle
+						})
+					] }), /* @__PURE__ */ jsx("span", {
+						className: "text-muted-foreground text-xs font-normal",
+						children: (() => {
+							const others = Math.max(0, alsoPublishLayout.affectedPagesCount - 1);
+							if (others === 0) return "Affects no other pages";
+							return `Affects ${others} other ${others === 1 ? "page" : "pages"}`;
+						})()
+					})]
+				})]
+			}),
+			/* @__PURE__ */ jsxs(AlertDialogFooter, { children: [/* @__PURE__ */ jsx(AlertDialogCancel, {
+				variant: "outline",
+				size: "default",
+				disabled: publishPage.isPending,
+				children: "Cancel"
+			}), /* @__PURE__ */ jsx(AlertDialogAction, {
+				onClick: handlePublish,
+				disabled: publishPage.isPending,
+				children: publishPage.isPending ? "Publishing…" : "Publish"
+			})] })
+		] })
+	});
+}
+
+//#endregion
+export { PublishDialog };

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

@@ -1,6 +1,7 @@
 import { previewStore } from "../previewStore.js";
 import { blockQueries, repeatableItemMutations } from "../../../lib/queries.js";
 import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
+import { useRequireDraftSource } from "../../../core/hooks/useRequireDraftSource.js";
 import { c } from "react/compiler-runtime";
 import { useMutation, useQuery } from "@tanstack/react-query";
 import { generateKeyBetween } from "fractional-indexing";
@@ -50,10 +51,10 @@ const buildNestedItemSeeds = (itemProperties) => {
 	return seeds;
 };
 const useRepeatableItemActions = (t0) => {
-	const $ = c(16);
-	if ($[0] !== "d693f3f98b78f44d12370cd285b6b90b102d5a7113c502e626ffcfe13f24976a") {
-		for (let $i = 0; $i < 16; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "d693f3f98b78f44d12370cd285b6b90b102d5a7113c502e626ffcfe13f24976a";
+	const $ = c(18);
+	if ($[0] !== "16e9f8f4b1a1e8d41d093c0930e510d6bea72e481f78c01b1ca1e595bec9f4cb") {
+		for (let $i = 0; $i < 18; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "16e9f8f4b1a1e8d41d093c0930e510d6bea72e481f78c01b1ca1e595bec9f4cb";
 	}
 	const { blockId, fieldName, parentItemId, arraySchema, siblingCount } = t0;
 	let t1;
@@ -68,12 +69,14 @@ const useRepeatableItemActions = (t0) => {
 		$[2] = t2;
 	} else t2 = $[2];
 	const deleteRepeatableItem = useMutation(t2);
+	const requireDraft = useRequireDraftSource();
 	const canAdd = arraySchema != null && (arraySchema.maxItems === void 0 || siblingCount < arraySchema.maxItems);
 	const canRemove = arraySchema != null && (arraySchema.minItems === void 0 || siblingCount > arraySchema.minItems);
 	let t3;
-	if ($[3] !== arraySchema || $[4] !== blockId || $[5] !== createRepeatableItem || $[6] !== fieldName || $[7] !== parentItemId) {
+	if ($[3] !== arraySchema || $[4] !== blockId || $[5] !== createRepeatableItem || $[6] !== fieldName || $[7] !== parentItemId || $[8] !== requireDraft) {
 		t3 = (options) => {
 			if (!arraySchema) return;
+			if (!requireDraft()) return;
 			const itemsSchema = arraySchema.items;
 			const defaultContent = buildDefaultContent(itemsSchema?.properties);
 			const defaultSettings = arraySchema.defaultItemSettings;
@@ -99,32 +102,35 @@ const useRepeatableItemActions = (t0) => {
 		$[5] = createRepeatableItem;
 		$[6] = fieldName;
 		$[7] = parentItemId;
-		$[8] = t3;
-	} else t3 = $[8];
+		$[8] = requireDraft;
+		$[9] = t3;
+	} else t3 = $[9];
 	const addItem = t3;
 	let t4;
-	if ($[9] !== deleteRepeatableItem) {
+	if ($[10] !== deleteRepeatableItem || $[11] !== requireDraft) {
 		t4 = (itemId, options_0) => {
+			if (!requireDraft()) return;
 			deleteRepeatableItem.mutate({ id: itemId }, { onSuccess: options_0?.onSuccess });
 		};
-		$[9] = deleteRepeatableItem;
-		$[10] = t4;
-	} else t4 = $[10];
+		$[10] = deleteRepeatableItem;
+		$[11] = requireDraft;
+		$[12] = t4;
+	} else t4 = $[12];
 	const removeItem = t4;
 	let t5;
-	if ($[11] !== addItem || $[12] !== canAdd || $[13] !== canRemove || $[14] !== removeItem) {
+	if ($[13] !== addItem || $[14] !== canAdd || $[15] !== canRemove || $[16] !== removeItem) {
 		t5 = {
 			canAdd,
 			addItem,
 			canRemove,
 			removeItem
 		};
-		$[11] = addItem;
-		$[12] = canAdd;
-		$[13] = canRemove;
-		$[14] = removeItem;
-		$[15] = t5;
-	} else t5 = $[15];
+		$[13] = addItem;
+		$[14] = canAdd;
+		$[15] = canRemove;
+		$[16] = removeItem;
+		$[17] = t5;
+	} else t5 = $[17];
 	return t5;
 };
 const getArraySchemaForItem = (contentSchema, itemId, itemsMap) => {
@@ -151,9 +157,9 @@ const getArraySchemaForItem = (contentSchema, itemId, itemsMap) => {
 */
 const useCurrentItemActions = (blockId, itemId) => {
 	const $ = c(27);
-	if ($[0] !== "d693f3f98b78f44d12370cd285b6b90b102d5a7113c502e626ffcfe13f24976a") {
+	if ($[0] !== "16e9f8f4b1a1e8d41d093c0930e510d6bea72e481f78c01b1ca1e595bec9f4cb") {
 		for (let $i = 0; $i < 27; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "d693f3f98b78f44d12370cd285b6b90b102d5a7113c502e626ffcfe13f24976a";
+		$[0] = "16e9f8f4b1a1e8d41d093c0930e510d6bea72e481f78c01b1ca1e595bec9f4cb";
 	}
 	const camoxApp = useCamoxApp();
 	let t0;