@questpie/admin 2.0.0 → 3.0.0

package/dist/client/preview/preview-banner.mjs

@@ -1,5 +1,6 @@
 "use client";
 
+import { c } from "react/compiler-runtime";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -30,11 +31,15 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * }
 * ```
 */
-function PreviewBanner({ isPreviewMode, className, exitPreviewUrl = "/api/preview?disable=true" }) {
+function PreviewBanner(t0) {
+	const $ = c(9);
+	const { isPreviewMode, className, exitPreviewUrl: t1 } = t0;
+	const exitPreviewUrl = t1 === void 0 ? "/api/preview?disable=true" : t1;
 	if (!isPreviewMode) return null;
-	return /* @__PURE__ */ jsxs("div", {
-		className,
-		style: {
+	let t2;
+	let t3;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = {
 			position: "sticky",
 			top: 0,
 			left: 0,
@@ -49,14 +54,23 @@ function PreviewBanner({ isPreviewMode, className, exitPreviewUrl = "/api/previe
 			gap: "1rem",
 			fontSize: "0.875rem",
 			fontWeight: 500,
-			boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)"
-		},
-		children: [/* @__PURE__ */ jsxs("div", {
-			style: {
-				display: "flex",
-				alignItems: "center",
-				gap: "0.5rem"
-			},
+			borderBottom: "1px solid var(--border)"
+		};
+		t3 = {
+			display: "flex",
+			alignItems: "center",
+			gap: "0.5rem"
+		};
+		$[0] = t2;
+		$[1] = t3;
+	} else {
+		t2 = $[0];
+		t3 = $[1];
+	}
+	let t4;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = /* @__PURE__ */ jsxs("div", {
+			style: t3,
 			children: [/* @__PURE__ */ jsxs("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				width: "16",
@@ -65,31 +79,56 @@ function PreviewBanner({ isPreviewMode, className, exitPreviewUrl = "/api/previe
 				fill: "currentColor",
 				children: [/* @__PURE__ */ jsx("title", { children: "Eye icon" }), /* @__PURE__ */ jsx("path", { d: "M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z" })]
 			}), /* @__PURE__ */ jsx("span", { children: "Preview Mode" })]
-		}), /* @__PURE__ */ jsx("a", {
+		});
+		$[2] = t4;
+	} else t4 = $[2];
+	let t5;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = {
+			padding: "0.25rem 0.75rem",
+			backgroundColor: "rgba(255, 255, 255, 0.2)",
+			border: "1px solid rgba(255, 255, 255, 0.3)",
+			borderRadius: "4px",
+			color: "inherit",
+			textDecoration: "none",
+			fontWeight: 600,
+			fontSize: "0.875rem",
+			cursor: "pointer",
+			transition: "background-color 0.2s"
+		};
+		$[3] = t5;
+	} else t5 = $[3];
+	let t6;
+	if ($[4] !== exitPreviewUrl) {
+		t6 = /* @__PURE__ */ jsx("a", {
 			href: exitPreviewUrl,
-			style: {
-				padding: "0.25rem 0.75rem",
-				backgroundColor: "rgba(255, 255, 255, 0.2)",
-				border: "1px solid rgba(255, 255, 255, 0.3)",
-				borderRadius: "4px",
-				color: "inherit",
-				textDecoration: "none",
-				fontWeight: 600,
-				fontSize: "0.875rem",
-				cursor: "pointer",
-				transition: "background-color 0.2s"
-			},
-			onMouseEnter: (e) => {
-				e.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.3)";
-			},
-			onMouseLeave: (e) => {
-				e.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.2)";
-			},
+			style: t5,
+			onMouseEnter: _temp,
+			onMouseLeave: _temp2,
 			children: "Exit Preview"
-		})]
-	});
+		});
+		$[4] = exitPreviewUrl;
+		$[5] = t6;
+	} else t6 = $[5];
+	let t7;
+	if ($[6] !== className || $[7] !== t6) {
+		t7 = /* @__PURE__ */ jsxs("div", {
+			className,
+			style: t2,
+			children: [t4, t6]
+		});
+		$[6] = className;
+		$[7] = t6;
+		$[8] = t7;
+	} else t7 = $[8];
+	return t7;
+}
+function _temp2(e_0) {
+	e_0.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.2)";
+}
+function _temp(e) {
+	e.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.3)";
 }
 
 //#endregion
-export { PreviewBanner };
-//# sourceMappingURL=preview-banner.mjs.map
+export { PreviewBanner };

package/dist/client/preview/preview-field.d.mts

@@ -1,5 +1,5 @@
-import * as React$1 from "react";
-import * as react_jsx_runtime25 from "react/jsx-runtime";
+import * as React from "react";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
 
 //#region src/client/preview/preview-field.d.ts
 
@@ -9,9 +9,9 @@ type PreviewFieldProps = {
   /** Field type for routing (regular, block, or relation) */
   fieldType?: "regular" | "block" | "relation";
   /** Content to render */
-  children: React$1.ReactNode;
+  children: React.ReactNode;
   /** HTML element type */
-  as?: React$1.ElementType;
+  as?: React.ElementType;
   /** Additional class names */
   className?: string;
   /** Click handler (uses context by default) */
@@ -44,8 +44,8 @@ declare function PreviewProvider({
     blockId?: string;
     fieldType?: "regular" | "block" | "relation";
   }) => void;
-  children: React$1.ReactNode;
-}): react_jsx_runtime25.JSX.Element;
+  children: React.ReactNode;
+}): react_jsx_runtime18.JSX.Element;
 /**
  * Hook to access preview context.
  */
@@ -81,7 +81,7 @@ declare function PreviewField({
   as: Component,
   className,
   onClick
-}: PreviewFieldProps): react_jsx_runtime25.JSX.Element;
+}: PreviewFieldProps): react_jsx_runtime18.JSX.Element;
 /**
  * Standalone PreviewField that works without context.
  * Useful when you can't use PreviewProvider.
@@ -102,7 +102,6 @@ declare function StandalonePreviewField({
     blockId?: string;
     fieldType?: "regular" | "block" | "relation";
   }) => void;
-}): react_jsx_runtime25.JSX.Element;
+}): react_jsx_runtime18.JSX.Element;
 //#endregion
-export { PreviewField, PreviewFieldProps, PreviewProvider, StandalonePreviewField, usePreviewContext };
-//# sourceMappingURL=preview-field.d.mts.map
+export { PreviewField, PreviewFieldProps, PreviewProvider, StandalonePreviewField, usePreviewContext };

package/dist/client/preview/preview-field.mjs

@@ -2,7 +2,8 @@
 
 import { cn } from "../lib/utils.mjs";
 import { useBlockScope, useResolveFieldPath } from "./block-scope-context.mjs";
-import * as React$1 from "react";
+import { c } from "react/compiler-runtime";
+import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/client/preview/preview-field.tsx
@@ -12,31 +13,44 @@ import { jsx } from "react/jsx-runtime";
 * Wrapper component that makes fields clickable in preview mode.
 * When clicked, signals to admin to focus that field in the form.
 */
-const PreviewContext = React$1.createContext(null);
+const PreviewContext = React.createContext(null);
 /**
 * Provider for preview mode context.
 * Use this at the root of your preview page.
 */
-function PreviewProvider({ isPreviewMode, focusedField, onFieldClick, children }) {
-	const value = React$1.useMemo(() => ({
-		isPreviewMode,
-		focusedField,
-		handleFieldClick: onFieldClick
-	}), [
-		isPreviewMode,
-		focusedField,
-		onFieldClick
-	]);
-	return /* @__PURE__ */ jsx(PreviewContext.Provider, {
-		value,
-		children
-	});
+function PreviewProvider(t0) {
+	const $ = c(7);
+	const { isPreviewMode, focusedField, onFieldClick, children } = t0;
+	let t1;
+	if ($[0] !== focusedField || $[1] !== isPreviewMode || $[2] !== onFieldClick) {
+		t1 = {
+			isPreviewMode,
+			focusedField,
+			handleFieldClick: onFieldClick
+		};
+		$[0] = focusedField;
+		$[1] = isPreviewMode;
+		$[2] = onFieldClick;
+		$[3] = t1;
+	} else t1 = $[3];
+	const value = t1;
+	let t2;
+	if ($[4] !== children || $[5] !== value) {
+		t2 = /* @__PURE__ */ jsx(PreviewContext.Provider, {
+			value,
+			children
+		});
+		$[4] = children;
+		$[5] = value;
+		$[6] = t2;
+	} else t2 = $[6];
+	return t2;
 }
 /**
 * Hook to access preview context.
 */
 function usePreviewContext() {
-	return React$1.useContext(PreviewContext);
+	return React.useContext(PreviewContext);
 }
 /**
 * Wrapper that makes a field clickable in preview mode.
@@ -62,64 +76,152 @@ function usePreviewContext() {
 * </PreviewField>
 * ```
 */
-function PreviewField({ field, fieldType = "regular", children, as: Component = "div", className, onClick }) {
+function PreviewField(t0) {
+	const $ = c(21);
+	const { field, fieldType: t1, children, as: t2, className, onClick } = t0;
+	const fieldType = t1 === void 0 ? "regular" : t1;
+	const Component = t2 === void 0 ? "div" : t2;
 	const context = usePreviewContext();
 	const blockScope = useBlockScope();
 	const fullPath = useResolveFieldPath(field);
-	if (!context?.isPreviewMode) return /* @__PURE__ */ jsx(Component, {
-		className,
-		children
-	});
+	if (!context?.isPreviewMode) {
+		let t3$1;
+		if ($[0] !== Component || $[1] !== children || $[2] !== className) {
+			t3$1 = /* @__PURE__ */ jsx(Component, {
+				className,
+				children
+			});
+			$[0] = Component;
+			$[1] = children;
+			$[2] = className;
+			$[3] = t3$1;
+		} else t3$1 = $[3];
+		return t3$1;
+	}
 	const { handleFieldClick, focusedField } = context;
 	const isFocused = focusedField === fullPath;
-	const handleClick = (e) => {
-		e.stopPropagation();
-		if (onClick) onClick(fullPath, {
-			blockId: blockScope?.blockId,
-			fieldType
-		});
-		else handleFieldClick(fullPath, {
-			blockId: blockScope?.blockId,
-			fieldType
+	let t3;
+	if ($[4] !== blockScope?.blockId || $[5] !== fieldType || $[6] !== fullPath || $[7] !== handleFieldClick || $[8] !== onClick) {
+		t3 = (e) => {
+			e.stopPropagation();
+			if (onClick) onClick(fullPath, {
+				blockId: blockScope?.blockId,
+				fieldType
+			});
+			else handleFieldClick(fullPath, {
+				blockId: blockScope?.blockId,
+				fieldType
+			});
+		};
+		$[4] = blockScope?.blockId;
+		$[5] = fieldType;
+		$[6] = fullPath;
+		$[7] = handleFieldClick;
+		$[8] = onClick;
+		$[9] = t3;
+	} else t3 = $[9];
+	const handleClick = t3;
+	const t4 = blockScope?.blockId;
+	const t5 = isFocused && "outline-primary outline outline-2 outline-offset-2";
+	let t6;
+	if ($[10] !== className || $[11] !== t5) {
+		t6 = cn(className, "group relative cursor-pointer transition-all duration-150", "hover:outline-primary/60 hover:hover:outline hover:outline-2 hover:outline-offset-2 hover:outline-dashed", t5);
+		$[10] = className;
+		$[11] = t5;
+		$[12] = t6;
+	} else t6 = $[12];
+	let t7;
+	if ($[13] !== Component || $[14] !== children || $[15] !== fieldType || $[16] !== fullPath || $[17] !== handleClick || $[18] !== t4 || $[19] !== t6) {
+		t7 = /* @__PURE__ */ jsx(Component, {
+			"data-preview-field": fullPath,
+			"data-block-id": t4,
+			"data-field-type": fieldType,
+			onClick: handleClick,
+			className: t6,
+			children
 		});
-	};
-	return /* @__PURE__ */ jsx(Component, {
-		"data-preview-field": fullPath,
-		"data-block-id": blockScope?.blockId,
-		"data-field-type": fieldType,
-		onClick: handleClick,
-		className: cn(className, "group relative cursor-pointer transition-all duration-150", "hover:outline hover:outline-2 hover:outline-dashed hover:outline-primary/60 hover:outline-offset-2 hover:rounded-sm", isFocused && "outline outline-2 outline-primary outline-offset-2 rounded-sm"),
-		children
-	});
+		$[13] = Component;
+		$[14] = children;
+		$[15] = fieldType;
+		$[16] = fullPath;
+		$[17] = handleClick;
+		$[18] = t4;
+		$[19] = t6;
+		$[20] = t7;
+	} else t7 = $[20];
+	return t7;
 }
 /**
 * Standalone PreviewField that works without context.
 * Useful when you can't use PreviewProvider.
 */
-function StandalonePreviewField({ field, fieldType = "regular", children, as: Component = "div", className, isPreviewMode, isFocused, onFieldClick }) {
+function StandalonePreviewField(t0) {
+	const $ = c(20);
+	const { field, fieldType: t1, children, as: t2, className, isPreviewMode, isFocused, onFieldClick } = t0;
+	const fieldType = t1 === void 0 ? "regular" : t1;
+	const Component = t2 === void 0 ? "div" : t2;
 	const blockScope = useBlockScope();
 	const fullPath = useResolveFieldPath(field);
-	if (!isPreviewMode) return /* @__PURE__ */ jsx(Component, {
-		className,
-		children
-	});
-	const handleClick = (e) => {
-		e.stopPropagation();
-		onFieldClick(fullPath, {
-			blockId: blockScope?.blockId,
-			fieldType
+	if (!isPreviewMode) {
+		let t3$1;
+		if ($[0] !== Component || $[1] !== children || $[2] !== className) {
+			t3$1 = /* @__PURE__ */ jsx(Component, {
+				className,
+				children
+			});
+			$[0] = Component;
+			$[1] = children;
+			$[2] = className;
+			$[3] = t3$1;
+		} else t3$1 = $[3];
+		return t3$1;
+	}
+	let t3;
+	if ($[4] !== blockScope?.blockId || $[5] !== fieldType || $[6] !== fullPath || $[7] !== onFieldClick) {
+		t3 = (e) => {
+			e.stopPropagation();
+			onFieldClick(fullPath, {
+				blockId: blockScope?.blockId,
+				fieldType
+			});
+		};
+		$[4] = blockScope?.blockId;
+		$[5] = fieldType;
+		$[6] = fullPath;
+		$[7] = onFieldClick;
+		$[8] = t3;
+	} else t3 = $[8];
+	const handleClick = t3;
+	const t4 = blockScope?.blockId;
+	const t5 = isFocused && "outline-primary outline outline-2 outline-offset-2";
+	let t6;
+	if ($[9] !== className || $[10] !== t5) {
+		t6 = cn(className, "group relative cursor-pointer transition-all duration-150", "hover:outline-primary/60 hover:hover:outline hover:outline-2 hover:outline-offset-2 hover:outline-dashed", t5);
+		$[9] = className;
+		$[10] = t5;
+		$[11] = t6;
+	} else t6 = $[11];
+	let t7;
+	if ($[12] !== Component || $[13] !== children || $[14] !== fieldType || $[15] !== fullPath || $[16] !== handleClick || $[17] !== t4 || $[18] !== t6) {
+		t7 = /* @__PURE__ */ jsx(Component, {
+			"data-preview-field": fullPath,
+			"data-block-id": t4,
+			"data-field-type": fieldType,
+			onClick: handleClick,
+			className: t6,
+			children
 		});
-	};
-	return /* @__PURE__ */ jsx(Component, {
-		"data-preview-field": fullPath,
-		"data-block-id": blockScope?.blockId,
-		"data-field-type": fieldType,
-		onClick: handleClick,
-		className: cn(className, "group relative cursor-pointer transition-all duration-150", "hover:outline hover:outline-2 hover:outline-dashed hover:outline-primary/60 hover:outline-offset-2 hover:rounded-sm", isFocused && "outline outline-2 outline-primary outline-offset-2 rounded-sm"),
-		children
-	});
+		$[12] = Component;
+		$[13] = children;
+		$[14] = fieldType;
+		$[15] = fullPath;
+		$[16] = handleClick;
+		$[17] = t4;
+		$[18] = t6;
+		$[19] = t7;
+	} else t7 = $[19];
+	return t7;
 }
 
 //#endregion
-export { PreviewField, PreviewProvider, StandalonePreviewField, usePreviewContext };
-//# sourceMappingURL=preview-field.mjs.map
+export { PreviewField, PreviewProvider, StandalonePreviewField, usePreviewContext };

package/dist/client/preview/types.d.mts

@@ -111,5 +111,4 @@ declare function isAdminToPreviewMessage(data: unknown): data is AdminToPreviewM
  */
 declare function isPreviewToAdminMessage(data: unknown): data is PreviewToAdminMessage;
 //#endregion
-export { AdminToPreviewMessage, BlockClickedMessage, FieldClickedMessage, FocusFieldMessage, PreviewConfig, PreviewReadyMessage, PreviewRefreshMessage, PreviewToAdminMessage, RefreshCompleteMessage, SelectBlockMessage, isAdminToPreviewMessage, isPreviewToAdminMessage };
-//# sourceMappingURL=types.d.mts.map
+export { AdminToPreviewMessage, BlockClickedMessage, FieldClickedMessage, FocusFieldMessage, PreviewConfig, PreviewReadyMessage, PreviewRefreshMessage, PreviewToAdminMessage, RefreshCompleteMessage, SelectBlockMessage, isAdminToPreviewMessage, isPreviewToAdminMessage };

package/dist/client/preview/types.mjs

@@ -17,5 +17,4 @@ function isPreviewToAdminMessage(data) {
 }
 
 //#endregion
-export { isAdminToPreviewMessage, isPreviewToAdminMessage };
-//# sourceMappingURL=types.mjs.map
+export { isAdminToPreviewMessage, isPreviewToAdminMessage };

package/dist/client/preview/use-collection-preview.d.mts

@@ -67,5 +67,4 @@ declare function useCollectionPreview<TData extends Record<string, unknown>>({
   onRefresh
 }: UseCollectionPreviewOptions<TData>): UseCollectionPreviewResult<TData>;
 //#endregion
-export { UseCollectionPreviewOptions, UseCollectionPreviewResult, useCollectionPreview };
-//# sourceMappingURL=use-collection-preview.d.mts.map
+export { UseCollectionPreviewOptions, UseCollectionPreviewResult, useCollectionPreview };

package/dist/client/preview/use-collection-preview.mjs

@@ -1,6 +1,7 @@
 "use client";
 
-import * as React$1 from "react";
+import { c } from "react/compiler-runtime";
+import * as React from "react";
 
 //#region src/client/preview/use-collection-preview.ts
 /**
@@ -40,75 +41,123 @@ import * as React$1 from "react";
 * }
 * ```
 */
-function useCollectionPreview({ initialData, onRefresh }) {
-	const [selectedBlockId, setSelectedBlockId] = React$1.useState(null);
-	const [focusedField, setFocusedField] = React$1.useState(null);
-	const isPreviewMode = React$1.useMemo(() => {
-		if (typeof window === "undefined") return false;
+function useCollectionPreview(t0) {
+	const $ = c(11);
+	const { initialData, onRefresh } = t0;
+	const [selectedBlockId, setSelectedBlockId] = React.useState(null);
+	const [focusedField, setFocusedField] = React.useState(null);
+	let t1;
+	bb0: {
+		if (typeof window === "undefined") {
+			t1 = false;
+			break bb0;
+		}
 		try {
-			return window.self !== window.top;
+			t1 = window.self !== window.top;
 		} catch {
-			return true;
+			t1 = true;
 		}
-	}, []);
-	const onRefreshRef = React$1.useRef(onRefresh);
-	React$1.useEffect(() => {
-		onRefreshRef.current = onRefresh;
-	}, [onRefresh]);
-	React$1.useEffect(() => {
-		if (!isPreviewMode) return;
-		window.parent.postMessage({ type: "PREVIEW_READY" }, "*");
-		const handleMessage = async (event) => {
-			const message = event.data;
-			if (!message || typeof message !== "object" || !message.type) return;
-			switch (message.type) {
-				case "PREVIEW_REFRESH":
-					await onRefreshRef.current();
-					window.parent.postMessage({
-						type: "REFRESH_COMPLETE",
-						timestamp: Date.now()
-					}, "*");
-					break;
-				case "SELECT_BLOCK":
-					setSelectedBlockId(message.blockId);
-					break;
-				case "FOCUS_FIELD":
-					setFocusedField(message.fieldPath);
-					setTimeout(() => {
-						const element = document.querySelector(`[data-preview-field="${message.fieldPath}"]`);
-						if (element) element.scrollIntoView({
-							behavior: "smooth",
-							block: "center"
-						});
-					}, 150);
-					break;
-			}
+	}
+	const isPreviewMode = t1;
+	const onRefreshRef = React.useRef(onRefresh);
+	let t2;
+	let t3;
+	if ($[0] !== onRefresh) {
+		t2 = () => {
+			onRefreshRef.current = onRefresh;
+		};
+		t3 = [onRefresh];
+		$[0] = onRefresh;
+		$[1] = t2;
+		$[2] = t3;
+	} else {
+		t2 = $[1];
+		t3 = $[2];
+	}
+	React.useEffect(t2, t3);
+	let t4;
+	let t5;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = () => {
+			if (!isPreviewMode) return;
+			window.parent.postMessage({ type: "PREVIEW_READY" }, "*");
+			const handleMessage = async (event) => {
+				const message = event.data;
+				if (!message || typeof message !== "object" || !message.type) return;
+				bb32: switch (message.type) {
+					case "PREVIEW_REFRESH":
+						await onRefreshRef.current();
+						window.parent.postMessage({
+							type: "REFRESH_COMPLETE",
+							timestamp: Date.now()
+						}, "*");
+						break bb32;
+					case "SELECT_BLOCK":
+						setSelectedBlockId(message.blockId);
+						break bb32;
+					case "FOCUS_FIELD":
+						setFocusedField(message.fieldPath);
+						setTimeout(() => {
+							const element = document.querySelector(`[data-preview-field="${message.fieldPath}"]`);
+							if (element) element.scrollIntoView({
+								behavior: "smooth",
+								block: "center"
+							});
+						}, 150);
+				}
+			};
+			window.addEventListener("message", handleMessage);
+			return () => window.removeEventListener("message", handleMessage);
 		};
-		window.addEventListener("message", handleMessage);
-		return () => window.removeEventListener("message", handleMessage);
-	}, [isPreviewMode]);
-	return {
-		data: initialData,
-		isPreviewMode,
-		selectedBlockId,
-		focusedField,
-		handleFieldClick: React$1.useCallback((fieldPath, context) => {
+		t5 = [isPreviewMode];
+		$[3] = t4;
+		$[4] = t5;
+	} else {
+		t4 = $[3];
+		t5 = $[4];
+	}
+	React.useEffect(t4, t5);
+	let t6;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = (fieldPath, context) => {
 			if (isPreviewMode) window.parent.postMessage({
 				type: "FIELD_CLICKED",
 				fieldPath,
 				blockId: context?.blockId,
 				fieldType: context?.fieldType
 			}, "*");
-		}, [isPreviewMode]),
-		handleBlockClick: React$1.useCallback((blockId) => {
+		};
+		$[5] = t6;
+	} else t6 = $[5];
+	const handleFieldClick = t6;
+	let t7;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = (blockId) => {
 			if (isPreviewMode) window.parent.postMessage({
 				type: "BLOCK_CLICKED",
 				blockId
 			}, "*");
-		}, [isPreviewMode])
-	};
+		};
+		$[6] = t7;
+	} else t7 = $[6];
+	const handleBlockClick = t7;
+	let t8;
+	if ($[7] !== focusedField || $[8] !== initialData || $[9] !== selectedBlockId) {
+		t8 = {
+			data: initialData,
+			isPreviewMode,
+			selectedBlockId,
+			focusedField,
+			handleFieldClick,
+			handleBlockClick
+		};
+		$[7] = focusedField;
+		$[8] = initialData;
+		$[9] = selectedBlockId;
+		$[10] = t8;
+	} else t8 = $[10];
+	return t8;
 }
 
 //#endregion
-export { useCollectionPreview };
-//# sourceMappingURL=use-collection-preview.mjs.map
+export { useCollectionPreview };