camox 0.41.0 → 0.41.1

package/dist/core/editing/createEditableBlock.js

@@ -21,9 +21,6 @@ import { generateKeyBetween } from "fractional-indexing";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useSelector } from "@xstate/store-react";
-import { Popover, PopoverContent, PopoverTrigger } from "@camox/ui/popover";
-import { Label } from "@camox/ui/label";
-import { Input } from "@camox/ui/input";
 import { createPortal } from "react-dom";
 
 //#region src/core/editing/createEditableBlock.tsx
@@ -293,10 +290,10 @@ function createEditableBlock(options) {
 		}, fieldData) });
 	};
 	const Embed = (t0) => {
-		const $ = c(58);
-		if ($[0] !== "ee337cec5e11d36faec1dbbceae05725a869a147239dea80dd42ee4c38b26512") {
-			for (let $i = 0; $i < 58; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "ee337cec5e11d36faec1dbbceae05725a869a147239dea80dd42ee4c38b26512";
+		const $ = c(35);
+		if ($[0] !== "d6c181312c1800a4e5ae8a8c97d5ce89a20fae6d141b3bb8b9dd5c16e3c88316") {
+			for (let $i = 0; $i < 35; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+			$[0] = "d6c181312c1800a4e5ae8a8c97d5ce89a20fae6d141b3bb8b9dd5c16e3c88316";
 		}
 		const { name, children } = t0;
 		const blockContext = React.use(Context);
@@ -316,232 +313,145 @@ function createEditableBlock(options) {
 			$[4] = t2;
 		} else t2 = $[4];
 		const fieldId = t2;
-		const [isOpen, setIsOpen] = React.useState(false);
-		const [urlValue, setUrlValue] = React.useState(fieldValue);
 		const [isHovered, setIsHovered] = React.useState(false);
-		const timerRef = React.useRef(null);
+		const embedRef = React.useRef(null);
+		const itemId = repeaterContext?.itemId;
 		let t3;
-		if ($[5] !== fieldId) {
-			t3 = { fieldId };
-			$[5] = fieldId;
-			$[6] = t3;
-		} else t3 = $[6];
-		const isHoveredFromSidebar = useOverlayMessage(iframeWindow, isContentEditable, "CAMOX_HOVER_FIELD", "CAMOX_HOVER_FIELD_END", t3);
+		if ($[5] !== blockId || $[6] !== isContentEditable || $[7] !== itemId || $[8] !== name) {
+			t3 = () => {
+				if (!isContentEditable) return;
+				if (itemId != null) {
+					previewStore.send({
+						type: "selectItemField",
+						blockId,
+						itemId,
+						fieldName: String(name),
+						fieldType: "Embed"
+					});
+					return;
+				}
+				previewStore.send({
+					type: "selectBlockField",
+					blockId,
+					fieldName: String(name),
+					fieldType: "Embed"
+				});
+			};
+			$[5] = blockId;
+			$[6] = isContentEditable;
+			$[7] = itemId;
+			$[8] = name;
+			$[9] = t3;
+		} else t3 = $[9];
+		const selectField = t3;
 		let t4;
 		let t5;
-		if ($[7] !== isHoveredFromSidebar) {
+		if ($[10] !== iframeWindow || $[11] !== isContentEditable || $[12] !== selectField) {
 			t4 = () => {
-				setIsHovered(isHoveredFromSidebar);
+				if (!isContentEditable || !iframeWindow) return;
+				let timer;
+				const handleBlur = () => {
+					iframeWindow.clearTimeout(timer);
+					timer = iframeWindow.setTimeout(() => {
+						const activeElement = iframeWindow.document.activeElement;
+						if (activeElement?.tagName !== "IFRAME") return;
+						if (embedRef.current?.contains(activeElement)) selectField();
+					}, 0);
+				};
+				iframeWindow.addEventListener("blur", handleBlur);
+				return () => {
+					iframeWindow.clearTimeout(timer);
+					iframeWindow.removeEventListener("blur", handleBlur);
+				};
 			};
-			t5 = [isHoveredFromSidebar];
-			$[7] = isHoveredFromSidebar;
-			$[8] = t4;
-			$[9] = t5;
+			t5 = [
+				isContentEditable,
+				iframeWindow,
+				selectField
+			];
+			$[10] = iframeWindow;
+			$[11] = isContentEditable;
+			$[12] = selectField;
+			$[13] = t4;
+			$[14] = t5;
 		} else {
-			t4 = $[8];
-			t5 = $[9];
+			t4 = $[13];
+			t5 = $[14];
 		}
 		React.useEffect(t4, t5);
 		let t6;
-		if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
-			t6 = blockMutations.updateContent();
-			$[10] = t6;
-		} else t6 = $[10];
-		const updateBlockContent = useMutation(t6);
+		if ($[15] !== fieldId) {
+			t6 = { fieldId };
+			$[15] = fieldId;
+			$[16] = t6;
+		} else t6 = $[16];
+		const isHoveredFromSidebar = useOverlayMessage(iframeWindow, isContentEditable, "CAMOX_HOVER_FIELD", "CAMOX_HOVER_FIELD_END", t6);
 		let t7;
-		if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
-			t7 = repeatableItemMutations.updateContent();
-			$[11] = t7;
-		} else t7 = $[11];
-		const updateRepeatableContent = useMutation(t7);
 		let t8;
-		let t9;
-		if ($[12] !== fieldValue || $[13] !== isOpen) {
-			t8 = () => {
-				if (!isOpen) setUrlValue(fieldValue);
-			};
-			t9 = [fieldValue, isOpen];
-			$[12] = fieldValue;
-			$[13] = isOpen;
-			$[14] = t8;
-			$[15] = t9;
-		} else {
-			t8 = $[14];
-			t9 = $[15];
-		}
-		React.useEffect(t8, t9);
-		let t10;
-		let t11;
-		if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
-			t10 = () => () => {
-				if (timerRef.current) clearTimeout(timerRef.current);
+		if ($[17] !== isHoveredFromSidebar) {
+			t7 = () => {
+				setIsHovered(isHoveredFromSidebar);
 			};
-			t11 = [];
-			$[16] = t10;
-			$[17] = t11;
+			t8 = [isHoveredFromSidebar];
+			$[17] = isHoveredFromSidebar;
+			$[18] = t7;
+			$[19] = t8;
 		} else {
-			t10 = $[16];
-			t11 = $[17];
+			t7 = $[18];
+			t8 = $[19];
 		}
-		React.useEffect(t10, t11);
+		React.useEffect(t7, t8);
+		const t9 = isContentEditable ? fieldId : void 0;
+		const t10 = isContentEditable ? "embed" : void 0;
+		const t11 = isContentEditable && isHovered || void 0;
 		let t12;
-		if ($[18] !== blockId || $[19] !== name || $[20] !== repeaterContext || $[21] !== updateBlockContent || $[22] !== updateRepeatableContent) {
-			t12 = (e) => {
-				const newValue = e.target.value;
-				setUrlValue(newValue);
-				if (timerRef.current) clearTimeout(timerRef.current);
-				timerRef.current = window.setTimeout(() => {
-					if (repeaterContext?.itemId != null) updateRepeatableContent.mutate({
-						id: repeaterContext.itemId,
-						content: { [name]: newValue }
-					});
-					else updateBlockContent.mutate({
-						id: blockId,
-						content: { [name]: newValue }
-					});
-				}, 500);
-			};
-			$[18] = blockId;
-			$[19] = name;
-			$[20] = repeaterContext;
-			$[21] = updateBlockContent;
-			$[22] = updateRepeatableContent;
-			$[23] = t12;
-		} else t12 = $[23];
-		const handleUrlChange = t12;
+		if ($[20] !== isContentEditable) {
+			t12 = isContentEditable ? () => setIsHovered(true) : void 0;
+			$[20] = isContentEditable;
+			$[21] = t12;
+		} else t12 = $[21];
 		let t13;
-		if ($[24] !== blockId || $[25] !== name || $[26] !== repeaterContext) {
-			t13 = (open, _eventDetails) => {
-				setIsOpen(open);
-				if (open) if (repeaterContext?.itemId != null) previewStore.send({
-					type: "selectItemField",
-					blockId,
-					itemId: repeaterContext.itemId,
-					fieldName: name.toString(),
-					fieldType: "Embed"
-				});
-				else previewStore.send({
-					type: "selectBlockField",
-					blockId,
-					fieldName: name.toString(),
-					fieldType: "Embed"
-				});
-			};
-			$[24] = blockId;
-			$[25] = name;
-			$[26] = repeaterContext;
-			$[27] = t13;
-		} else t13 = $[27];
-		const handleOpenChange = t13;
-		const t14 = isContentEditable ? isOpen : false;
-		const t15 = isContentEditable ? handleOpenChange : void 0;
-		const t16 = isContentEditable ? fieldId : void 0;
-		const t17 = isContentEditable ? "embed" : void 0;
-		const t18 = isContentEditable && isHovered || void 0;
-		const t19 = isContentEditable && isOpen || void 0;
-		let t20;
-		if ($[28] !== isContentEditable) {
-			t20 = isContentEditable ? () => setIsHovered(true) : void 0;
-			$[28] = isContentEditable;
-			$[29] = t20;
-		} else t20 = $[29];
-		let t21;
-		if ($[30] !== isContentEditable) {
-			t21 = isContentEditable ? () => setIsHovered(false) : void 0;
-			$[30] = isContentEditable;
-			$[31] = t21;
-		} else t21 = $[31];
-		let t22;
-		if ($[32] !== t16 || $[33] !== t17 || $[34] !== t18 || $[35] !== t19 || $[36] !== t20 || $[37] !== t21) {
-			t22 = /* @__PURE__ */ jsx("div", {
-				"data-camox-field-id": t16,
-				"data-camox-field-type": t17,
-				"data-camox-hovered": t18,
-				"data-camox-focused": t19,
+		if ($[22] !== isContentEditable) {
+			t13 = isContentEditable ? () => setIsHovered(false) : void 0;
+			$[22] = isContentEditable;
+			$[23] = t13;
+		} else t13 = $[23];
+		let t14;
+		if ($[24] !== children || $[25] !== fieldValue) {
+			t14 = children({ src: fieldValue }, { url: fieldValue });
+			$[24] = children;
+			$[25] = fieldValue;
+			$[26] = t14;
+		} else t14 = $[26];
+		let t15;
+		if ($[27] !== selectField || $[28] !== t10 || $[29] !== t11 || $[30] !== t12 || $[31] !== t13 || $[32] !== t14 || $[33] !== t9) {
+			t15 = /* @__PURE__ */ jsx("div", {
+				ref: embedRef,
+				onClickCapture: selectField,
+				"data-camox-field-id": t9,
+				"data-camox-field-type": t10,
+				"data-camox-hovered": t11,
 				"data-camox-overlay-mode": options.synced ? "synced" : void 0,
-				onMouseEnter: t20,
-				onMouseLeave: t21
-			});
-			$[32] = t16;
-			$[33] = t17;
-			$[34] = t18;
-			$[35] = t19;
-			$[36] = t20;
-			$[37] = t21;
-			$[38] = t22;
-		} else t22 = $[38];
-		let t23;
-		if ($[39] !== children || $[40] !== fieldValue) {
-			t23 = children({ src: fieldValue }, { url: fieldValue });
-			$[39] = children;
-			$[40] = fieldValue;
-			$[41] = t23;
-		} else t23 = $[41];
-		let t24;
-		if ($[42] !== isContentEditable) {
-			t24 = isContentEditable && /* @__PURE__ */ jsx("div", { style: {
-				position: "absolute",
-				inset: 0,
-				zIndex: 10
-			} });
-			$[42] = isContentEditable;
-			$[43] = t24;
-		} else t24 = $[43];
-		let t25;
-		if ($[44] !== t22 || $[45] !== t23 || $[46] !== t24) {
-			t25 = /* @__PURE__ */ jsxs(PopoverTrigger, {
-				render: t22,
-				nativeButton: false,
-				children: [t23, t24]
-			});
-			$[44] = t22;
-			$[45] = t23;
-			$[46] = t24;
-			$[47] = t25;
-		} else t25 = $[47];
-		let t26;
-		if ($[48] !== handleUrlChange || $[49] !== isContentEditable || $[50] !== name || $[51] !== urlValue) {
-			t26 = isContentEditable && /* @__PURE__ */ jsx(PopoverContent, {
-				className: "w-96 gap-2",
-				children: /* @__PURE__ */ jsxs("form", {
-					className: "grid gap-2",
-					children: [/* @__PURE__ */ jsx(Label, {
-						htmlFor: "url",
-						children: options.content[name]?.title ?? String(name)
-					}), /* @__PURE__ */ jsx(Input, {
-						type: "url",
-						id: "url",
-						value: urlValue,
-						onChange: handleUrlChange
-					})]
-				})
-			});
-			$[48] = handleUrlChange;
-			$[49] = isContentEditable;
-			$[50] = name;
-			$[51] = urlValue;
-			$[52] = t26;
-		} else t26 = $[52];
-		let t27;
-		if ($[53] !== t14 || $[54] !== t15 || $[55] !== t25 || $[56] !== t26) {
-			t27 = /* @__PURE__ */ jsxs(Popover, {
-				open: t14,
-				onOpenChange: t15,
-				children: [t25, t26]
+				onMouseEnter: t12,
+				onMouseLeave: t13,
+				children: t14
 			});
-			$[53] = t14;
-			$[54] = t15;
-			$[55] = t25;
-			$[56] = t26;
-			$[57] = t27;
-		} else t27 = $[57];
-		return t27;
+			$[27] = selectField;
+			$[28] = t10;
+			$[29] = t11;
+			$[30] = t12;
+			$[31] = t13;
+			$[32] = t14;
+			$[33] = t9;
+			$[34] = t15;
+		} else t15 = $[34];
+		return t15;
 	};
 	const Link = (t0) => {
-		const $ = c(38);
-		if ($[0] !== "ee337cec5e11d36faec1dbbceae05725a869a147239dea80dd42ee4c38b26512") {
-			for (let $i = 0; $i < 38; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "ee337cec5e11d36faec1dbbceae05725a869a147239dea80dd42ee4c38b26512";
+		const $ = c(29);
+		if ($[0] !== "d6c181312c1800a4e5ae8a8c97d5ce89a20fae6d141b3bb8b9dd5c16e3c88316") {
+			for (let $i = 0; $i < 29; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+			$[0] = "d6c181312c1800a4e5ae8a8c97d5ce89a20fae6d141b3bb8b9dd5c16e3c88316";
 		}
 		const { name, children } = t0;
 		const blockContext = React.use(Context);
@@ -683,17 +593,6 @@ function createEditableBlock(options) {
 			$[24] = t12;
 		} else t12 = $[24];
 		const handleBlur = t12;
-		let t13;
-		if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
-			t13 = (e_0) => {
-				e_0.stopPropagation();
-				previewStore.send({ type: "toggleContentSheet" });
-				setIsEditorFocused(false);
-				setIsEditing(false);
-			};
-			$[25] = t13;
-		} else t13 = $[25];
-		const handleEditLink = t13;
 		const linkData = {
 			text: displayText,
 			href: resolvedHref,
@@ -705,18 +604,18 @@ function createEditableBlock(options) {
 			rel: fieldValue.newTab ? "noreferrer" : void 0,
 			children: fieldValue.text
 		}, linkData) });
+		let t13;
 		let t14;
-		let t15;
-		if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
-			t14 = () => setIsHovered(true);
-			t15 = () => setIsHovered(false);
+		if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
+			t13 = () => setIsHovered(true);
+			t14 = () => setIsHovered(false);
+			$[25] = t13;
 			$[26] = t14;
-			$[27] = t15;
 		} else {
+			t13 = $[25];
 			t14 = $[26];
-			t15 = $[27];
 		}
-		const linkProps = {
+		const t15 = children({
 			ref: elementRef,
 			to: resolvedHref,
 			target: fieldValue.newTab ? "_blank" : void 0,
@@ -731,58 +630,25 @@ function createEditableBlock(options) {
 			onInput: handleInput,
 			onFocus: handleFocus,
 			onBlur: handleBlur,
-			onMouseEnter: t14,
-			onMouseLeave: t15,
+			onMouseEnter: t13,
+			onMouseLeave: t14,
 			onKeyDown: _temp3,
 			spellCheck: false,
 			suppressContentEditableWarning: true
-		};
-		const T0 = Popover;
-		const t16 = children(linkProps, linkData);
-		let t17;
-		if ($[28] !== handleEditLink) {
-			t17 = /* @__PURE__ */ jsx("button", {
-				type: "button",
-				className: "hover:bg-accent flex items-center gap-1.5 rounded-md px-2 py-1 text-sm transition-colors",
-				onMouseDown: _temp4,
-				onClick: handleEditLink,
-				children: "Edit link"
-			});
-			$[28] = handleEditLink;
-			$[29] = t17;
-		} else t17 = $[29];
-		let t18;
-		if ($[30] !== elementRef || $[31] !== t17) {
-			t18 = /* @__PURE__ */ jsx(PopoverContent, {
-				className: "w-auto p-2",
-				initialFocus: false,
-				anchor: elementRef,
-				align: "end",
-				children: t17
-			});
-			$[30] = elementRef;
-			$[31] = t17;
-			$[32] = t18;
-		} else t18 = $[32];
-		let t19;
-		if ($[33] !== T0 || $[34] !== isEditorFocused || $[35] !== t16 || $[36] !== t18) {
-			t19 = /* @__PURE__ */ jsxs(T0, {
-				open: isEditorFocused,
-				children: [t16, t18]
-			});
-			$[33] = T0;
-			$[34] = isEditorFocused;
-			$[35] = t16;
-			$[36] = t18;
-			$[37] = t19;
-		} else t19 = $[37];
-		return t19;
+		}, linkData);
+		let t16;
+		if ($[27] !== t15) {
+			t16 = /* @__PURE__ */ jsx(Fragment, { children: t15 });
+			$[27] = t15;
+			$[28] = t16;
+		} else t16 = $[28];
+		return t16;
 	};
 	const Image = (t0) => {
 		const $ = c(22);
-		if ($[0] !== "ee337cec5e11d36faec1dbbceae05725a869a147239dea80dd42ee4c38b26512") {
+		if ($[0] !== "d6c181312c1800a4e5ae8a8c97d5ce89a20fae6d141b3bb8b9dd5c16e3c88316") {
 			for (let $i = 0; $i < 22; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "ee337cec5e11d36faec1dbbceae05725a869a147239dea80dd42ee4c38b26512";
+			$[0] = "d6c181312c1800a4e5ae8a8c97d5ce89a20fae6d141b3bb8b9dd5c16e3c88316";
 		}
 		const { name, children } = t0;
 		const blockContext = React.use(Context);
@@ -904,9 +770,9 @@ function createEditableBlock(options) {
 	};
 	const File = (t0) => {
 		const $ = c(9);
-		if ($[0] !== "ee337cec5e11d36faec1dbbceae05725a869a147239dea80dd42ee4c38b26512") {
+		if ($[0] !== "d6c181312c1800a4e5ae8a8c97d5ce89a20fae6d141b3bb8b9dd5c16e3c88316") {
 			for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "ee337cec5e11d36faec1dbbceae05725a869a147239dea80dd42ee4c38b26512";
+			$[0] = "d6c181312c1800a4e5ae8a8c97d5ce89a20fae6d141b3bb8b9dd5c16e3c88316";
 		}
 		const { name, children } = t0;
 		const blockContext = React.use(Context);
@@ -981,9 +847,9 @@ function createEditableBlock(options) {
 	const FileList = _AssetList;
 	const RepeaterItemWrapper = (t0) => {
 		const $ = c(8);
-		if ($[0] !== "ee337cec5e11d36faec1dbbceae05725a869a147239dea80dd42ee4c38b26512") {
+		if ($[0] !== "d6c181312c1800a4e5ae8a8c97d5ce89a20fae6d141b3bb8b9dd5c16e3c88316") {
 			for (let $i = 0; $i < 8; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "ee337cec5e11d36faec1dbbceae05725a869a147239dea80dd42ee4c38b26512";
+			$[0] = "d6c181312c1800a4e5ae8a8c97d5ce89a20fae6d141b3bb8b9dd5c16e3c88316";
 		}
 		const { itemId, blockId, mode, children } = t0;
 		const isContentEditable = useIsEditable(mode);
@@ -1022,9 +888,9 @@ function createEditableBlock(options) {
 	};
 	const RepeaterHoverProvider = (t0) => {
 		const $ = c(7);
-		if ($[0] !== "ee337cec5e11d36faec1dbbceae05725a869a147239dea80dd42ee4c38b26512") {
+		if ($[0] !== "d6c181312c1800a4e5ae8a8c97d5ce89a20fae6d141b3bb8b9dd5c16e3c88316") {
 			for (let $i = 0; $i < 7; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "ee337cec5e11d36faec1dbbceae05725a869a147239dea80dd42ee4c38b26512";
+			$[0] = "d6c181312c1800a4e5ae8a8c97d5ce89a20fae6d141b3bb8b9dd5c16e3c88316";
 		}
 		const { blockId, fieldName, children } = t0;
 		const isContentEditable = useIsEditable("site");
@@ -1055,9 +921,9 @@ function createEditableBlock(options) {
 	};
 	const Repeater = (t0) => {
 		const $ = c(27);
-		if ($[0] !== "ee337cec5e11d36faec1dbbceae05725a869a147239dea80dd42ee4c38b26512") {
+		if ($[0] !== "d6c181312c1800a4e5ae8a8c97d5ce89a20fae6d141b3bb8b9dd5c16e3c88316") {
 			for (let $i = 0; $i < 27; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "ee337cec5e11d36faec1dbbceae05725a869a147239dea80dd42ee4c38b26512";
+			$[0] = "d6c181312c1800a4e5ae8a8c97d5ce89a20fae6d141b3bb8b9dd5c16e3c88316";
 		}
 		const { name, children } = t0;
 		const blockContext = React.use(Context);
@@ -1182,17 +1048,17 @@ function createEditableBlock(options) {
 	};
 	const BlockComponent = (t0) => {
 		const $ = c(70);
-		if ($[0] !== "ee337cec5e11d36faec1dbbceae05725a869a147239dea80dd42ee4c38b26512") {
+		if ($[0] !== "d6c181312c1800a4e5ae8a8c97d5ce89a20fae6d141b3bb8b9dd5c16e3c88316") {
 			for (let $i = 0; $i < 70; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "ee337cec5e11d36faec1dbbceae05725a869a147239dea80dd42ee4c38b26512";
+			$[0] = "d6c181312c1800a4e5ae8a8c97d5ce89a20fae6d141b3bb8b9dd5c16e3c88316";
 		}
 		const { blockData, mode, isFirstBlock, showAddBlockTop, showAddBlockBottom, addBlockAfterPosition } = t0;
 		const isContentEditable = useIsEditable(mode);
 		const { window: iframeWindow } = useFrame();
 		const [isHovered, setIsHovered] = React.useState(false);
-		const selection = useSelector(previewStore, _temp5);
-		const isPageEditorSidebarOpen = useSelector(previewStore, _temp6);
-		const isAddBlockSidebarOpen = useSelector(previewStore, _temp7);
+		const selection = useSelector(previewStore, _temp4);
+		const isPageEditorSidebarOpen = useSelector(previewStore, _temp5);
+		const isAddBlockSidebarOpen = useSelector(previewStore, _temp6);
 		const isBlockSelected = selection?.blockId === blockData._id;
 		const ref = React.useRef(null);
 		const [isFirstRender, setIsFirstRender] = React.useState(true);
@@ -1267,7 +1133,7 @@ function createEditableBlock(options) {
 			result = { ...blockData.content };
 			for (const key in result) {
 				const value = result[key];
-				if (Array.isArray(value) && value.length > 0 && value[0]?.content !== void 0) result[key] = value.map(_temp8);
+				if (Array.isArray(value) && value.length > 0 && value[0]?.content !== void 0) result[key] = value.map(_temp7);
 			}
 			$[17] = blockData.content;
 			$[18] = result;
@@ -1485,9 +1351,9 @@ function createEditableBlock(options) {
 	*/
 	const Detached = (t0) => {
 		const $ = c(30);
-		if ($[0] !== "ee337cec5e11d36faec1dbbceae05725a869a147239dea80dd42ee4c38b26512") {
+		if ($[0] !== "d6c181312c1800a4e5ae8a8c97d5ce89a20fae6d141b3bb8b9dd5c16e3c88316") {
 			for (let $i = 0; $i < 30; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "ee337cec5e11d36faec1dbbceae05725a869a147239dea80dd42ee4c38b26512";
+			$[0] = "d6c181312c1800a4e5ae8a8c97d5ce89a20fae6d141b3bb8b9dd5c16e3c88316";
 		}
 		const { children } = t0;
 		const ctx = React.use(Context);
@@ -1495,8 +1361,8 @@ function createEditableBlock(options) {
 		const { blockId, mode, isHovered, setIsHovered } = ctx;
 		const isContentEditable = useIsEditable(mode);
 		const { window: iframeWindow } = useFrame();
-		const selection = useSelector(previewStore, _temp9);
-		const isAddBlockSidebarOpen = useSelector(previewStore, _temp0);
+		const selection = useSelector(previewStore, _temp8);
+		const isAddBlockSidebarOpen = useSelector(previewStore, _temp9);
 		const isBlockSelected = selection?.blockId === blockId;
 		const t1 = String(blockId);
 		let t2;
@@ -1684,31 +1550,28 @@ function createEditableBlock(options) {
 function _temp(l) {
 	return l.pathname;
 }
-function _temp2(e_1) {
-	return e_1.preventDefault();
-}
-function _temp3(e_2) {
-	if (e_2.key === "Escape") e_2.target.blur();
+function _temp2(e_0) {
+	return e_0.preventDefault();
 }
-function _temp4(e_3) {
-	return e_3.preventDefault();
+function _temp3(e_1) {
+	if (e_1.key === "Escape") e_1.target.blur();
 }
-function _temp5(state) {
+function _temp4(state) {
 	return state.context.selection;
 }
-function _temp6(state_0) {
+function _temp5(state_0) {
 	return state_0.context.isPageEditorSidebarOpen;
 }
-function _temp7(state_1) {
+function _temp6(state_1) {
 	return state_1.context.isAddBlockSidebarOpen;
 }
-function _temp8(item) {
+function _temp7(item) {
 	return item.content;
 }
-function _temp9(state) {
+function _temp8(state) {
 	return state.context.selection;
 }
-function _temp0(state_0) {
+function _temp9(state_0) {
 	return state_0.context.isAddBlockSidebarOpen;
 }
 

package/dist/core/hooks/useIsEditable.js

@@ -1,22 +1,19 @@
 import { useIsAuthenticated } from "../../lib/auth.js";
-import { previewStore } from "../../features/preview/previewStore.js";
+import { previewStore, selectIsEditMode } from "../../features/preview/previewStore.js";
 import { c } from "react/compiler-runtime";
 import { useSelector } from "@xstate/store-react";
 
 //#region src/core/hooks/useIsEditable.ts
 function useIsEditable(mode) {
 	const $ = c(1);
-	if ($[0] !== "a3e376179cf3461f650a645c5d9591b7c0b2bd69400f81ba76076063ea10dffc") {
+	if ($[0] !== "baeaba7613c819c1f4460b64af1c246a057a26cf699e41daca4193d0ee512f1c") {
 		for (let $i = 0; $i < 1; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "a3e376179cf3461f650a645c5d9591b7c0b2bd69400f81ba76076063ea10dffc";
+		$[0] = "baeaba7613c819c1f4460b64af1c246a057a26cf699e41daca4193d0ee512f1c";
 	}
 	const isAuthenticated = useIsAuthenticated();
-	const isEditMode = useSelector(previewStore, _temp);
+	const isEditMode = useSelector(previewStore, selectIsEditMode);
 	return isAuthenticated && (mode === "site" || mode === "layout") && isEditMode;
 }
-function _temp(state) {
-	return state.context.isEditMode;
-}
 
 //#endregion
 export { useIsEditable };