camox 0.76.0 → 0.77.0

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

@@ -4,9 +4,10 @@ import { lexicalStateToPlainText } from "../../../core/lib/lexicalState.js";
 import { DrillRow } from "./DrillRow.js";
 import { ReferenceFieldEditor } from "./ReferenceFieldEditor.js";
 import { ReferenceListFieldEditor } from "./ReferenceListFieldEditor.js";
+import { fieldOwner, placementId, placementThrough, slotId, slotSelection } from "../../../core/editing/fieldSlot.js";
 import { previewStore } from "../previewStore.js";
-import { overlayFieldId, recordPlacementId } from "../overlayMessages.js";
 import { PreviewEditingOwnerContext } from "../previewSelection.js";
+import { formatFieldName } from "./contentFieldSchema.js";
 import { SidebarLexicalEditor } from "../../../core/components/lexical/SidebarLexicalEditor.js";
 import { IconFieldEditor } from "./IconFieldEditor.js";
 import { RepeatableItemsList } from "./RepeatableItemsList.js";
@@ -21,9 +22,6 @@ import { AppWindow, Code, FileIcon, ImageIcon, Images, Link2, List, ListFilter,
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@camox/ui/select";
 
 //#region src/features/preview/components/ItemFieldsEditor.tsx
-const formatFieldName = (fieldName) => {
-	return fieldName.replace(/([A-Z])/g, " $1").replace(/^./, (str) => str.toUpperCase()).trim();
-};
 const getSchemaFieldsInOrder = (schema) => {
 	const properties = schema?.properties;
 	if (!properties) return [];
@@ -45,7 +43,7 @@ const getSchemaFieldsInOrder = (schema) => {
 	});
 };
 const ItemFieldsEditor = (t0) => {
-	const $ = c(59);
+	const $ = c(23);
 	const { selectedFieldName, schema, data, blockId, itemId, onFieldChange, postToIframe, filesMap, itemsMap, references, placement, fieldIdPrefix, fieldHint } = t0;
 	const owner = React.useContext(PreviewEditingOwnerContext);
 	let t1;
@@ -65,68 +63,71 @@ const ItemFieldsEditor = (t0) => {
 	const pendingSaveRef = React.useRef(null);
 	const timerRef = React.useRef(null);
 	const focusedFieldIdRef = React.useRef(null);
+	const fieldsOwner = fieldOwner({
+		blockId,
+		itemId,
+		placement
+	});
+	const slot = (name, type) => ({
+		owner: fieldsOwner,
+		name,
+		type
+	});
+	const getFieldId = (fieldName) => slotId({
+		owner: fieldsOwner,
+		name: fieldName,
+		type: "String"
+	});
 	let t2;
-	if ($[5] !== blockId || $[6] !== itemId || $[7] !== placement) {
-		t2 = (fieldName) => overlayFieldId(blockId, fieldName, {
-			itemId,
-			placement
-		});
-		$[5] = blockId;
-		$[6] = itemId;
-		$[7] = placement;
-		$[8] = t2;
-	} else t2 = $[8];
-	const getFieldId = t2;
+	if ($[5] !== fieldIdPrefix) {
+		t2 = (fieldName_0) => `${fieldIdPrefix}-${fieldName_0}`;
+		$[5] = fieldIdPrefix;
+		$[6] = t2;
+	} else t2 = $[6];
+	const getFieldElementId = t2;
 	let t3;
-	if ($[9] !== fieldIdPrefix) {
-		t3 = (fieldName_0) => `${fieldIdPrefix}-${fieldName_0}`;
-		$[9] = fieldIdPrefix;
-		$[10] = t3;
-	} else t3 = $[10];
-	const getFieldElementId = t3;
-	let t4;
-	if ($[11] !== fields) {
-		t4 = fields.filter(_temp).map(_temp2);
-		$[11] = fields;
-		$[12] = t4;
-	} else t4 = $[12];
-	const scalarFields = t4;
+	if ($[7] !== fields) {
+		t3 = fields.filter(_temp).map(_temp2);
+		$[7] = fields;
+		$[8] = t3;
+	} else t3 = $[8];
+	const scalarFields = t3;
 	let values;
-	if ($[13] !== data || $[14] !== scalarFields) {
+	if ($[9] !== data || $[10] !== scalarFields) {
 		values = {};
 		for (const fieldName_1 of scalarFields) values[fieldName_1] = data[fieldName_1] ?? "";
-		$[13] = data;
-		$[14] = scalarFields;
-		$[15] = values;
-	} else values = $[15];
+		$[9] = data;
+		$[10] = scalarFields;
+		$[11] = values;
+	} else values = $[11];
 	const defaultValues = values;
+	let t4;
+	if ($[12] !== defaultValues) {
+		t4 = { defaultValues };
+		$[12] = defaultValues;
+		$[13] = t4;
+	} else t4 = $[13];
+	const form = useForm(t4);
 	let t5;
-	if ($[16] !== defaultValues) {
-		t5 = { defaultValues };
-		$[16] = defaultValues;
-		$[17] = t5;
-	} else t5 = $[17];
-	const form = useForm(t5);
 	let t6;
-	let t7;
-	if ($[18] !== defaultValues || $[19] !== form) {
-		t6 = () => {
+	if ($[14] !== defaultValues || $[15] !== form) {
+		t5 = () => {
 			form.update({ defaultValues });
 		};
-		t7 = [defaultValues, form];
-		$[18] = defaultValues;
-		$[19] = form;
-		$[20] = t6;
-		$[21] = t7;
+		t6 = [defaultValues, form];
+		$[14] = defaultValues;
+		$[15] = form;
+		$[16] = t5;
+		$[17] = t6;
 	} else {
-		t6 = $[20];
-		t7 = $[21];
+		t5 = $[16];
+		t6 = $[17];
 	}
-	React.useEffect(t6, t7);
+	React.useEffect(t5, t6);
+	let t7;
 	let t8;
-	let t9;
-	if ($[22] !== postToIframe) {
-		t8 = () => () => {
+	if ($[18] !== postToIframe) {
+		t7 = () => () => {
 			if (timerRef.current) clearTimeout(timerRef.current);
 			pendingSaveRef.current?.();
 			pendingSaveRef.current = null;
@@ -135,432 +136,347 @@ const ItemFieldsEditor = (t0) => {
 				fieldId: focusedFieldIdRef.current
 			});
 		};
-		t9 = [postToIframe];
-		$[22] = postToIframe;
-		$[23] = t8;
-		$[24] = t9;
+		t8 = [postToIframe];
+		$[18] = postToIframe;
+		$[19] = t7;
+		$[20] = t8;
 	} else {
-		t8 = $[23];
-		t9 = $[24];
+		t7 = $[19];
+		t8 = $[20];
 	}
-	React.useEffect(t8, t9);
-	let t10;
-	let t11;
-	if ($[25] !== blockId || $[26] !== data || $[27] !== fieldHint || $[28] !== fields || $[29] !== filesMap || $[30] !== form || $[31] !== getFieldElementId || $[32] !== getFieldId || $[33] !== itemId || $[34] !== itemsMap || $[35] !== onFieldChange || $[36] !== owner || $[37] !== placement || $[38] !== postToIframe || $[39] !== references || $[40] !== schema || $[41] !== selectedFieldName) {
-		const handleScalarChange = (fieldName_2, value, fieldApi) => {
-			fieldApi.handleChange(value);
-			if (timerRef.current) clearTimeout(timerRef.current);
-			pendingSaveRef.current = () => onFieldChange(fieldName_2, value);
-			timerRef.current = window.setTimeout(() => {
-				pendingSaveRef.current?.();
-				pendingSaveRef.current = null;
-				timerRef.current = null;
-			}, 500);
-		};
-		let t12;
-		if ($[44] !== blockId || $[45] !== itemId || $[46] !== owner || $[47] !== placement) {
-			t12 = (fieldName_3, fieldType) => {
-				if (owner === null) return;
-				if (placement) {
-					previewStore.send({
-						type: "selectRecordField",
-						...owner,
-						...placement,
-						recordFieldName: fieldName_3,
-						recordFieldType: fieldType
-					});
-					return;
-				}
-				if (itemId != null) {
-					previewStore.send({
-						type: "selectItemField",
-						...owner,
-						blockId,
-						itemId,
-						fieldName: fieldName_3,
-						fieldType
-					});
-					return;
+	React.useEffect(t7, t8);
+	const handleScalarChange = (fieldName_2, value, fieldApi) => {
+		fieldApi.handleChange(value);
+		if (timerRef.current) clearTimeout(timerRef.current);
+		pendingSaveRef.current = () => onFieldChange(fieldName_2, value);
+		timerRef.current = window.setTimeout(() => {
+			pendingSaveRef.current?.();
+			pendingSaveRef.current = null;
+			timerRef.current = null;
+		}, 500);
+	};
+	const selectField = (fieldName_3, fieldType) => {
+		if (owner === null) return;
+		previewStore.send({
+			type: "selectTarget",
+			...owner,
+			selection: slotSelection(slot(fieldName_3, fieldType))
+		});
+	};
+	const handleFieldFocus = (fieldName_4, fieldType_0) => {
+		if (owner === null) return;
+		const fieldId = getFieldId(fieldName_4);
+		focusedFieldIdRef.current = fieldId;
+		postToIframe({
+			type: "CAMOX_FOCUS_FIELD",
+			fieldId
+		});
+		selectField(fieldName_4, fieldType_0);
+	};
+	const handleFieldBlur = (fieldName_5) => {
+		const fieldId_0 = getFieldId(fieldName_5);
+		focusedFieldIdRef.current = null;
+		postToIframe({
+			type: "CAMOX_FOCUS_FIELD_END",
+			fieldId: fieldId_0
+		});
+	};
+	const placementOf = (fieldName_6, recordId) => placementThrough(fieldsOwner, fieldName_6, recordId);
+	const opensRecords = !placement?.nested;
+	const openRecord = (fieldName_7, recordId_0) => {
+		if (owner === null) return;
+		previewStore.send({
+			type: "selectRecord",
+			...owner,
+			...placementOf(fieldName_7, recordId_0)
+		});
+	};
+	const t9 = "space-y-4 px-2 py-4";
+	const t10 = fields.map((field_0) => {
+		const label = field_0.label ?? formatFieldName(field_0.name);
+		const fieldId_1 = getFieldId(field_0.name);
+		const renderField = () => {
+			if (field_0.fieldType === "Reference" && field_0.collectionId) return /* @__PURE__ */ jsx(ReferenceFieldEditor, {
+				collectionId: field_0.collectionId,
+				value: data[field_0.name],
+				required: field_0.required,
+				record: singleReference(references, field_0.name),
+				onChange: (value_0) => onFieldChange(field_0.name, value_0),
+				onOpenRecord: opensRecords ? (recordId_1) => openRecord(field_0.name, recordId_1) : void 0,
+				drill: selectedFieldName ? void 0 : {
+					label,
+					fieldId: fieldId_1,
+					onClick: () => selectField(field_0.name, field_0.fieldType),
+					postToIframe
 				}
-				previewStore.send({
-					type: "selectBlockField",
-					...owner,
-					blockId,
-					fieldName: fieldName_3,
-					fieldType
-				});
-			};
-			$[44] = blockId;
-			$[45] = itemId;
-			$[46] = owner;
-			$[47] = placement;
-			$[48] = t12;
-		} else t12 = $[48];
-		const selectField = t12;
-		const handleFieldFocus = (fieldName_4, fieldType_0) => {
-			if (owner === null) return;
-			const fieldId = getFieldId(fieldName_4);
-			focusedFieldIdRef.current = fieldId;
-			postToIframe({
-				type: "CAMOX_FOCUS_FIELD",
-				fieldId
-			});
-			selectField(fieldName_4, fieldType_0);
-		};
-		const handleFieldBlur = (fieldName_5) => {
-			const fieldId_0 = getFieldId(fieldName_5);
-			focusedFieldIdRef.current = null;
-			postToIframe({
-				type: "CAMOX_FOCUS_FIELD_END",
-				fieldId: fieldId_0
-			});
-		};
-		let t13;
-		if ($[49] !== blockId || $[50] !== itemId || $[51] !== placement) {
-			t13 = (fieldName_6, recordId) => placement ? {
-				...placement,
-				nested: {
-					fieldName: fieldName_6,
-					recordId
+			}, field_0.name);
+			if (field_0.fieldType === "ReferenceList" && field_0.collectionId) return /* @__PURE__ */ jsx(ReferenceListFieldEditor, {
+				collectionId: field_0.collectionId,
+				value: data[field_0.name],
+				maxItems: field_0.maxItems,
+				query: field_0.query,
+				records: referenceList(references, field_0.name),
+				onChange: (ids) => onFieldChange(field_0.name, ids),
+				onOpenRecord: opensRecords ? (recordId_2) => openRecord(field_0.name, recordId_2) : void 0,
+				recordHover: opensRecords ? {
+					fieldId: (recordId_3) => placementId(placementOf(field_0.name, recordId_3)),
+					postToIframe
+				} : void 0,
+				drill: selectedFieldName ? void 0 : {
+					label,
+					fieldId: fieldId_1,
+					onClick: () => selectField(field_0.name, field_0.fieldType),
+					postToIframe
 				}
-			} : {
-				blockId,
-				...itemId == null ? {} : { itemId },
-				fieldName: fieldName_6,
-				recordId
-			};
-			$[49] = blockId;
-			$[50] = itemId;
-			$[51] = placement;
-			$[52] = t13;
-		} else t13 = $[52];
-		const placementOf = t13;
-		const opensRecords = !placement?.nested;
-		let t14;
-		if ($[53] !== owner || $[54] !== placementOf) {
-			t14 = (fieldName_7, recordId_0) => {
-				if (owner === null) return;
-				previewStore.send({
-					type: "selectRecord",
-					...owner,
-					...placementOf(fieldName_7, recordId_0)
-				});
-			};
-			$[53] = owner;
-			$[54] = placementOf;
-			$[55] = t14;
-		} else t14 = $[55];
-		const openRecord = t14;
-		t10 = "space-y-4 px-2 py-4";
-		t11 = fields.map((field_0) => {
-			const label = field_0.label ?? formatFieldName(field_0.name);
-			const fieldId_1 = getFieldId(field_0.name);
-			const renderField = () => {
-				if (field_0.fieldType === "Reference" && field_0.collectionId) return /* @__PURE__ */ jsx(ReferenceFieldEditor, {
-					collectionId: field_0.collectionId,
-					value: data[field_0.name],
-					required: field_0.required,
-					record: singleReference(references, field_0.name),
-					onChange: (value_0) => onFieldChange(field_0.name, value_0),
-					onOpenRecord: opensRecords ? (recordId_1) => openRecord(field_0.name, recordId_1) : void 0,
-					drill: selectedFieldName ? void 0 : {
-						label,
-						fieldId: fieldId_1,
-						onClick: () => selectField(field_0.name, field_0.fieldType),
-						postToIframe
-					}
-				}, field_0.name);
-				if (field_0.fieldType === "ReferenceList" && field_0.collectionId) return /* @__PURE__ */ jsx(ReferenceListFieldEditor, {
-					collectionId: field_0.collectionId,
-					value: data[field_0.name],
-					maxItems: field_0.maxItems,
-					query: field_0.query,
-					records: referenceList(references, field_0.name),
-					onChange: (ids) => onFieldChange(field_0.name, ids),
-					onOpenRecord: opensRecords ? (recordId_2) => openRecord(field_0.name, recordId_2) : void 0,
-					recordHover: opensRecords ? {
-						fieldId: (recordId_3) => recordPlacementId(placementOf(field_0.name, recordId_3)),
-						postToIframe
-					} : void 0,
-					drill: selectedFieldName ? void 0 : {
-						label,
-						fieldId: fieldId_1,
-						onClick: () => selectField(field_0.name, field_0.fieldType),
-						postToIframe
-					}
+			}, field_0.name);
+			if (field_0.fieldType === "Artifact") {
+				const value_1 = data[field_0.name];
+				const title = isArtifactSource(value_1) ? artifactTitle(value_1) : null;
+				if (!selectedFieldName) return /* @__PURE__ */ jsx(DrillRow, {
+					label,
+					preview: title ?? "Empty",
+					Icon: AppWindow,
+					onClick: () => selectField(field_0.name, field_0.fieldType),
+					hover: {
+						variant: "field",
+						fieldId: fieldId_1
+					},
+					postToIframe
 				}, field_0.name);
-				if (field_0.fieldType === "Artifact") {
-					const value_1 = data[field_0.name];
-					const title = isArtifactSource(value_1) ? artifactTitle(value_1) : null;
-					if (!selectedFieldName) return /* @__PURE__ */ jsx(DrillRow, {
-						label,
-						preview: title ?? "Empty",
-						Icon: AppWindow,
-						onClick: () => selectField(field_0.name, field_0.fieldType),
-						hover: {
-							variant: "field",
-							fieldId: fieldId_1
-						},
-						postToIframe
-					}, field_0.name);
-					return /* @__PURE__ */ jsxs("div", {
-						className: "flex items-start gap-2 rounded-lg border px-3 py-2 text-sm",
-						onMouseEnter: () => postToIframe({
-							type: "CAMOX_HOVER_FIELD",
-							fieldId: fieldId_1
-						}),
-						onMouseLeave: () => postToIframe({
-							type: "CAMOX_HOVER_FIELD_END",
-							fieldId: fieldId_1
-						}),
-						children: [/* @__PURE__ */ jsx(AppWindow, { className: "text-muted-foreground mt-0.5 h-4 w-4 shrink-0" }), title === null ? /* @__PURE__ */ jsx("p", {
-							className: "text-muted-foreground",
-							children: "Empty"
-						}) : /* @__PURE__ */ jsxs("div", {
-							className: "min-w-0 space-y-0.5",
-							children: [/* @__PURE__ */ jsx("p", {
-								className: "truncate font-medium",
-								children: title
-							}), /* @__PURE__ */ jsx("p", {
-								className: "text-muted-foreground text-xs",
-								children: "Created and edited by agents"
-							})]
+				return /* @__PURE__ */ jsxs("div", {
+					className: "flex items-start gap-2 rounded-lg border px-3 py-2 text-sm",
+					onMouseEnter: () => postToIframe({
+						type: "CAMOX_HOVER_FIELD",
+						fieldId: fieldId_1
+					}),
+					onMouseLeave: () => postToIframe({
+						type: "CAMOX_HOVER_FIELD_END",
+						fieldId: fieldId_1
+					}),
+					children: [/* @__PURE__ */ jsx(AppWindow, { className: "text-muted-foreground mt-0.5 h-4 w-4 shrink-0" }), title === null ? /* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground",
+						children: "Empty"
+					}) : /* @__PURE__ */ jsxs("div", {
+						className: "min-w-0 space-y-0.5",
+						children: [/* @__PURE__ */ jsx("p", {
+							className: "truncate font-medium",
+							children: title
+						}), /* @__PURE__ */ jsx("p", {
+							className: "text-muted-foreground text-xs",
+							children: "Created and edited by agents"
 						})]
-					}, field_0.name);
-				}
-				if (!selectedFieldName && [
-					"String",
-					"Embed",
-					"Repeater",
-					"Enum",
-					"Boolean",
-					"Icon"
-				].includes(field_0.fieldType)) {
-					const value_2 = data[field_0.name];
-					const preview = field_0.fieldType === "String" ? lexicalStateToPlainText(value_2 ?? "") || "Empty text" : field_0.fieldType === "Repeater" ? `${Array.isArray(value_2) ? value_2.length : 0} items` : field_0.fieldType === "Boolean" ? value_2 ? "On" : "Off" : typeof value_2 === "string" && value_2 ? value_2 : "Empty";
-					return /* @__PURE__ */ jsx(DrillRow, {
-						label,
-						hint: fieldHint?.(field_0.name),
-						preview,
-						Icon: field_0.fieldType === "String" ? Type : field_0.fieldType === "Repeater" ? List : field_0.fieldType === "Embed" ? Code : field_0.fieldType === "Boolean" ? ToggleLeft : ListFilter,
-						onClick: () => selectField(field_0.name, field_0.fieldType),
-						hover: field_0.fieldType === "Repeater" ? {
-							variant: "repeater",
-							blockId,
-							fieldName: field_0.name
-						} : {
-							variant: "field",
-							fieldId: fieldId_1
-						},
-						postToIframe
-					}, field_0.name);
-				}
-				if (field_0.fieldType === "Icon") return /* @__PURE__ */ jsx(IconFieldEditor, {
-					value: typeof data[field_0.name] === "string" ? data[field_0.name] : "",
-					ids: field_0.enumValues ?? [],
-					onChange: (value_3) => onFieldChange(field_0.name, value_3)
+					})]
+				}, field_0.name);
+			}
+			if (!selectedFieldName && [
+				"String",
+				"Embed",
+				"Repeater",
+				"Enum",
+				"Boolean",
+				"Icon"
+			].includes(field_0.fieldType)) {
+				const value_2 = data[field_0.name];
+				const preview = field_0.fieldType === "String" ? lexicalStateToPlainText(value_2 ?? "") || "Empty text" : field_0.fieldType === "Repeater" ? `${Array.isArray(value_2) ? value_2.length : 0} items` : field_0.fieldType === "Boolean" ? value_2 ? "On" : "Off" : typeof value_2 === "string" && value_2 ? value_2 : "Empty";
+				return /* @__PURE__ */ jsx(DrillRow, {
+					label,
+					hint: fieldHint?.(field_0.name),
+					preview,
+					Icon: field_0.fieldType === "String" ? Type : field_0.fieldType === "Repeater" ? List : field_0.fieldType === "Embed" ? Code : field_0.fieldType === "Boolean" ? ToggleLeft : ListFilter,
+					onClick: () => selectField(field_0.name, field_0.fieldType),
+					hover: field_0.fieldType === "Repeater" ? {
+						variant: "repeater",
+						blockId,
+						fieldName: field_0.name
+					} : {
+						variant: "field",
+						fieldId: fieldId_1
+					},
+					postToIframe
 				}, field_0.name);
-				if (field_0.fieldType === "Boolean") return /* @__PURE__ */ jsxs("div", {
-					className: "flex items-center justify-between",
+			}
+			if (field_0.fieldType === "Icon") return /* @__PURE__ */ jsx(IconFieldEditor, {
+				value: typeof data[field_0.name] === "string" ? data[field_0.name] : "",
+				ids: field_0.enumValues ?? [],
+				onChange: (value_3) => onFieldChange(field_0.name, value_3)
+			}, field_0.name);
+			if (field_0.fieldType === "Boolean") return /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ jsx(Label, {
+					htmlFor: getFieldElementId(field_0.name),
+					children: label
+				}), /* @__PURE__ */ jsx(Switch, {
+					id: getFieldElementId(field_0.name),
+					checked: Boolean(data[field_0.name]),
+					onCheckedChange: (value_4) => onFieldChange(field_0.name, value_4)
+				})]
+			}, field_0.name);
+			if (field_0.fieldType === "Enum") return /* @__PURE__ */ jsxs("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ jsx(Label, {
+					htmlFor: getFieldElementId(field_0.name),
+					children: label
+				}), /* @__PURE__ */ jsxs(Select, {
+					value: typeof data[field_0.name] === "string" ? data[field_0.name] : "",
+					onValueChange: (value_5) => onFieldChange(field_0.name, value_5),
+					children: [/* @__PURE__ */ jsx(SelectTrigger, {
+						id: getFieldElementId(field_0.name),
+						children: /* @__PURE__ */ jsx(SelectValue, {})
+					}), /* @__PURE__ */ jsx(SelectContent, { children: field_0.enumValues?.map((value_6) => /* @__PURE__ */ jsx(SelectItem, {
+						value: value_6,
+						children: field_0.enumLabels?.[value_6] ?? value_6
+					}, value_6)) })]
+				})]
+			}, field_0.name);
+			if (field_0.fieldType === "String") return /* @__PURE__ */ jsx(form.Field, {
+				name: field_0.name,
+				children: (fieldApi_0) => /* @__PURE__ */ jsxs("div", {
+					className: "space-y-2",
+					onMouseEnter: () => postToIframe({
+						type: "CAMOX_HOVER_FIELD",
+						fieldId: fieldId_1
+					}),
+					onMouseLeave: () => postToIframe({
+						type: "CAMOX_HOVER_FIELD_END",
+						fieldId: fieldId_1
+					}),
 					children: [/* @__PURE__ */ jsx(Label, {
 						htmlFor: getFieldElementId(field_0.name),
 						children: label
-					}), /* @__PURE__ */ jsx(Switch, {
+					}), /* @__PURE__ */ jsx(SidebarLexicalEditor, {
 						id: getFieldElementId(field_0.name),
-						checked: Boolean(data[field_0.name]),
-						onCheckedChange: (value_4) => onFieldChange(field_0.name, value_4)
+						value: fieldApi_0.state.value,
+						maxLength: field_0.maxLength,
+						onChange: (value_7) => handleScalarChange(field_0.name, value_7, fieldApi_0),
+						onFocus: () => handleFieldFocus(field_0.name, field_0.fieldType),
+						onBlur: () => handleFieldBlur(field_0.name)
 					})]
-				}, field_0.name);
-				if (field_0.fieldType === "Enum") return /* @__PURE__ */ jsxs("div", {
+				})
+			}, field_0.name);
+			if (field_0.fieldType === "Embed") return /* @__PURE__ */ jsx(form.Field, {
+				name: field_0.name,
+				children: (fieldApi_1) => /* @__PURE__ */ jsxs("div", {
 					className: "space-y-2",
+					onMouseEnter: () => postToIframe({
+						type: "CAMOX_HOVER_FIELD",
+						fieldId: fieldId_1
+					}),
+					onMouseLeave: () => postToIframe({
+						type: "CAMOX_HOVER_FIELD_END",
+						fieldId: fieldId_1
+					}),
 					children: [/* @__PURE__ */ jsx(Label, {
 						htmlFor: getFieldElementId(field_0.name),
 						children: label
-					}), /* @__PURE__ */ jsxs(Select, {
-						value: typeof data[field_0.name] === "string" ? data[field_0.name] : "",
-						onValueChange: (value_5) => onFieldChange(field_0.name, value_5),
-						children: [/* @__PURE__ */ jsx(SelectTrigger, {
-							id: getFieldElementId(field_0.name),
-							children: /* @__PURE__ */ jsx(SelectValue, {})
-						}), /* @__PURE__ */ jsx(SelectContent, { children: field_0.enumValues?.map((value_6) => /* @__PURE__ */ jsx(SelectItem, {
-							value: value_6,
-							children: field_0.enumLabels?.[value_6] ?? value_6
-						}, value_6)) })]
+					}), /* @__PURE__ */ jsx(Input, {
+						id: getFieldElementId(field_0.name),
+						type: "url",
+						value: fieldApi_1.state.value,
+						onChange: (e) => handleScalarChange(field_0.name, e.target.value, fieldApi_1),
+						onFocus: () => handleFieldFocus(field_0.name, field_0.fieldType),
+						onBlur: () => handleFieldBlur(field_0.name)
 					})]
+				})
+			}, field_0.name);
+			if (field_0.fieldType === "Link") {
+				const linkValue = data[field_0.name];
+				const preview_0 = linkValue?.text || linkValue?.href || "Empty link";
+				return /* @__PURE__ */ jsx(DrillRow, {
+					label,
+					hint: fieldHint?.(field_0.name),
+					preview: preview_0,
+					Icon: Link2,
+					onClick: () => selectField(field_0.name, "Link"),
+					hover: {
+						variant: "field",
+						fieldId: fieldId_1
+					},
+					postToIframe
 				}, field_0.name);
-				if (field_0.fieldType === "String") return /* @__PURE__ */ jsx(form.Field, {
-					name: field_0.name,
-					children: (fieldApi_0) => /* @__PURE__ */ jsxs("div", {
-						className: "space-y-2",
-						onMouseEnter: () => postToIframe({
-							type: "CAMOX_HOVER_FIELD",
-							fieldId: fieldId_1
-						}),
-						onMouseLeave: () => postToIframe({
-							type: "CAMOX_HOVER_FIELD_END",
-							fieldId: fieldId_1
-						}),
-						children: [/* @__PURE__ */ jsx(Label, {
-							htmlFor: getFieldElementId(field_0.name),
-							children: label
-						}), /* @__PURE__ */ jsx(SidebarLexicalEditor, {
-							id: getFieldElementId(field_0.name),
-							value: fieldApi_0.state.value,
-							maxLength: field_0.maxLength,
-							onChange: (value_7) => handleScalarChange(field_0.name, value_7, fieldApi_0),
-							onFocus: () => handleFieldFocus(field_0.name, field_0.fieldType),
-							onBlur: () => handleFieldBlur(field_0.name)
-						})]
-					})
+			}
+			if (field_0.fieldType === "ImageList" || field_0.fieldType === "FileList") {
+				const value_8 = data[field_0.name];
+				const count = Array.isArray(value_8) ? value_8.length : 0;
+				const isImage = field_0.fieldType === "ImageList";
+				const noun = isImage ? "image" : "file";
+				let preview_1;
+				if (count === 0) preview_1 = isImage ? "No images" : "No files";
+				else if (count === 1) preview_1 = `1 ${noun}`;
+				else preview_1 = `${count} ${noun}s`;
+				return /* @__PURE__ */ jsx(DrillRow, {
+					label,
+					hint: fieldHint?.(field_0.name),
+					preview: preview_1,
+					Icon: isImage ? Images : FileIcon,
+					onClick: () => selectField(field_0.name, isImage ? "Image" : "File"),
+					hover: {
+						variant: "repeater",
+						blockId,
+						fieldName: field_0.name
+					},
+					postToIframe
 				}, field_0.name);
-				if (field_0.fieldType === "Embed") return /* @__PURE__ */ jsx(form.Field, {
-					name: field_0.name,
-					children: (fieldApi_1) => /* @__PURE__ */ jsxs("div", {
-						className: "space-y-2",
-						onMouseEnter: () => postToIframe({
-							type: "CAMOX_HOVER_FIELD",
-							fieldId: fieldId_1
-						}),
-						onMouseLeave: () => postToIframe({
-							type: "CAMOX_HOVER_FIELD_END",
-							fieldId: fieldId_1
-						}),
-						children: [/* @__PURE__ */ jsx(Label, {
-							htmlFor: getFieldElementId(field_0.name),
-							children: label
-						}), /* @__PURE__ */ jsx(Input, {
-							id: getFieldElementId(field_0.name),
-							type: "url",
-							value: fieldApi_1.state.value,
-							onChange: (e) => handleScalarChange(field_0.name, e.target.value, fieldApi_1),
-							onFocus: () => handleFieldFocus(field_0.name, field_0.fieldType),
-							onBlur: () => handleFieldBlur(field_0.name)
-						})]
-					})
+			}
+			if (field_0.fieldType === "Image") {
+				const preview_2 = resolveAssetValue(data[field_0.name], filesMap)?.filename || "No image";
+				return /* @__PURE__ */ jsx(DrillRow, {
+					label,
+					hint: fieldHint?.(field_0.name),
+					preview: preview_2,
+					Icon: ImageIcon,
+					onClick: () => selectField(field_0.name, "Image"),
+					hover: {
+						variant: "field",
+						fieldId: fieldId_1
+					},
+					postToIframe
 				}, field_0.name);
-				if (field_0.fieldType === "Link") {
-					const linkValue = data[field_0.name];
-					const preview_0 = linkValue?.text || linkValue?.href || "Empty link";
-					return /* @__PURE__ */ jsx(DrillRow, {
-						label,
-						hint: fieldHint?.(field_0.name),
-						preview: preview_0,
-						Icon: Link2,
-						onClick: () => selectField(field_0.name, "Link"),
-						hover: {
-							variant: "field",
-							fieldId: fieldId_1
-						},
-						postToIframe
-					}, field_0.name);
-				}
-				if (field_0.fieldType === "ImageList" || field_0.fieldType === "FileList") {
-					const value_8 = data[field_0.name];
-					const count = Array.isArray(value_8) ? value_8.length : 0;
-					const isImage = field_0.fieldType === "ImageList";
-					const noun = isImage ? "image" : "file";
-					let preview_1;
-					if (count === 0) preview_1 = isImage ? "No images" : "No files";
-					else if (count === 1) preview_1 = `1 ${noun}`;
-					else preview_1 = `${count} ${noun}s`;
-					return /* @__PURE__ */ jsx(DrillRow, {
-						label,
-						hint: fieldHint?.(field_0.name),
-						preview: preview_1,
-						Icon: isImage ? Images : FileIcon,
-						onClick: () => selectField(field_0.name, isImage ? "Image" : "File"),
-						hover: {
-							variant: "repeater",
-							blockId,
-							fieldName: field_0.name
-						},
-						postToIframe
-					}, field_0.name);
-				}
-				if (field_0.fieldType === "Image") {
-					const preview_2 = resolveAssetValue(data[field_0.name], filesMap)?.filename || "No image";
-					return /* @__PURE__ */ jsx(DrillRow, {
-						label,
-						hint: fieldHint?.(field_0.name),
-						preview: preview_2,
-						Icon: ImageIcon,
-						onClick: () => selectField(field_0.name, "Image"),
-						hover: {
-							variant: "field",
-							fieldId: fieldId_1
-						},
-						postToIframe
-					}, field_0.name);
-				}
-				if (field_0.fieldType === "File") {
-					const preview_3 = resolveAssetValue(data[field_0.name], filesMap)?.filename || "No file";
-					return /* @__PURE__ */ jsx(DrillRow, {
-						label,
-						hint: fieldHint?.(field_0.name),
-						preview: preview_3,
-						Icon: FileIcon,
-						onClick: () => selectField(field_0.name, "File"),
-						hover: {
-							variant: "field",
-							fieldId: fieldId_1
-						},
-						postToIframe
-					}, field_0.name);
-				}
-				if (field_0.fieldType === "Repeater") {
-					const items = (data[field_0.name] ?? []).map((item) => {
-						if (isItemMarker(item)) return itemsMap.get(item._itemId) ?? null;
-						return item;
-					}).filter(Boolean);
-					const fieldSchema = schema?.properties?.[field_0.name];
-					return /* @__PURE__ */ jsxs("div", {
-						className: "space-y-2",
-						children: [/* @__PURE__ */ jsx(Label, { children: label }), /* @__PURE__ */ jsx(RepeatableItemsList, {
-							items,
-							blockId,
-							fieldName: field_0.name,
-							schema: fieldSchema
-						})]
-					}, field_0.name);
-				}
-				return null;
-			};
-			return renderField();
-		});
-		$[25] = blockId;
-		$[26] = data;
-		$[27] = fieldHint;
-		$[28] = fields;
-		$[29] = filesMap;
-		$[30] = form;
-		$[31] = getFieldElementId;
-		$[32] = getFieldId;
-		$[33] = itemId;
-		$[34] = itemsMap;
-		$[35] = onFieldChange;
-		$[36] = owner;
-		$[37] = placement;
-		$[38] = postToIframe;
-		$[39] = references;
-		$[40] = schema;
-		$[41] = selectedFieldName;
-		$[42] = t10;
-		$[43] = t11;
-	} else {
-		t10 = $[42];
-		t11 = $[43];
-	}
-	let t12;
-	if ($[56] !== t10 || $[57] !== t11) {
-		t12 = /* @__PURE__ */ jsx("form", {
-			className: t10,
-			children: t11
+			}
+			if (field_0.fieldType === "File") {
+				const preview_3 = resolveAssetValue(data[field_0.name], filesMap)?.filename || "No file";
+				return /* @__PURE__ */ jsx(DrillRow, {
+					label,
+					hint: fieldHint?.(field_0.name),
+					preview: preview_3,
+					Icon: FileIcon,
+					onClick: () => selectField(field_0.name, "File"),
+					hover: {
+						variant: "field",
+						fieldId: fieldId_1
+					},
+					postToIframe
+				}, field_0.name);
+			}
+			if (field_0.fieldType === "Repeater") {
+				const items = (data[field_0.name] ?? []).map((item) => {
+					if (isItemMarker(item)) return itemsMap.get(item._itemId) ?? null;
+					return item;
+				}).filter(Boolean);
+				const fieldSchema = schema?.properties?.[field_0.name];
+				return /* @__PURE__ */ jsxs("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ jsx(Label, { children: label }), /* @__PURE__ */ jsx(RepeatableItemsList, {
+						items,
+						blockId,
+						fieldName: field_0.name,
+						schema: fieldSchema
+					})]
+				}, field_0.name);
+			}
+			return null;
+		};
+		return renderField();
+	});
+	let t11;
+	if ($[21] !== t10) {
+		t11 = /* @__PURE__ */ jsx("form", {
+			className: t9,
+			children: t10
 		});
-		$[56] = t10;
-		$[57] = t11;
-		$[58] = t12;
-	} else t12 = $[58];
-	return t12;
+		$[21] = t10;
+		$[22] = t11;
+	} else t11 = $[22];
+	return t11;
 };
 function _temp(f) {
 	return f.fieldType === "String" || f.fieldType === "Embed";
@@ -570,4 +486,4 @@ function _temp2(f_0) {
 }
 
 //#endregion
-export { ItemFieldsEditor, formatFieldName };
+export { ItemFieldsEditor };