camox 0.9.0 → 0.10.0

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

@@ -24,7 +24,7 @@ const normalizeLinkValue = (value) => {
 	return value;
 };
 const LinkFieldEditor = (t0) => {
-	const $ = c(70);
+	const $ = c(75);
 	const { fieldName, linkValue: rawLinkValue, onSave } = t0;
 	let t1;
 	if ($[0] !== rawLinkValue) {
@@ -36,6 +36,8 @@ const LinkFieldEditor = (t0) => {
 	const timerRef = React.useRef(null);
 	const [text, setText] = React.useState(linkValue.text);
 	const [href, setHref] = React.useState(linkValue.type === "external" ? linkValue.href : "");
+	const [isTextFocused, setIsTextFocused] = React.useState(false);
+	const [isHrefFocused, setIsHrefFocused] = React.useState(false);
 	const linkValueRef = React.useRef(linkValue);
 	const [pagePickerOpen, setPagePickerOpen] = React.useState(false);
 	const projectSlug = useProjectSlug();
@@ -82,51 +84,54 @@ const LinkFieldEditor = (t0) => {
 	React.useEffect(t6, t7);
 	let t8;
 	let t9;
-	if ($[12] !== linkValue.text) {
+	if ($[12] !== isTextFocused || $[13] !== linkValue.text) {
 		t8 = () => {
-			setText(linkValue.text);
+			if (!isTextFocused) setText(linkValue.text);
 		};
-		t9 = [linkValue.text];
-		$[12] = linkValue.text;
-		$[13] = t8;
-		$[14] = t9;
+		t9 = [linkValue.text, isTextFocused];
+		$[12] = isTextFocused;
+		$[13] = linkValue.text;
+		$[14] = t8;
+		$[15] = t9;
 	} else {
-		t8 = $[13];
-		t9 = $[14];
+		t8 = $[14];
+		t9 = $[15];
 	}
 	React.useEffect(t8, t9);
 	let t10;
-	if ($[15] !== linkValue.href || $[16] !== linkValue.type) {
+	if ($[16] !== isHrefFocused || $[17] !== linkValue.href || $[18] !== linkValue.type) {
 		t10 = () => {
-			if (linkValue.type === "external") setHref(linkValue.href);
+			if (linkValue.type === "external" && !isHrefFocused) setHref(linkValue.href);
 		};
-		$[15] = linkValue.href;
-		$[16] = linkValue.type;
-		$[17] = t10;
-	} else t10 = $[17];
+		$[16] = isHrefFocused;
+		$[17] = linkValue.href;
+		$[18] = linkValue.type;
+		$[19] = t10;
+	} else t10 = $[19];
 	let t11;
-	if ($[18] !== linkValue) {
-		t11 = [linkValue];
-		$[18] = linkValue;
-		$[19] = t11;
-	} else t11 = $[19];
+	if ($[20] !== isHrefFocused || $[21] !== linkValue) {
+		t11 = [linkValue, isHrefFocused];
+		$[20] = isHrefFocused;
+		$[21] = linkValue;
+		$[22] = t11;
+	} else t11 = $[22];
 	React.useEffect(t10, t11);
 	let t12;
 	let t13;
-	if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
 		t12 = () => () => {
 			if (timerRef.current) clearTimeout(timerRef.current);
 		};
 		t13 = [];
-		$[20] = t12;
-		$[21] = t13;
+		$[23] = t12;
+		$[24] = t13;
 	} else {
-		t12 = $[20];
-		t13 = $[21];
+		t12 = $[23];
+		t13 = $[24];
 	}
 	React.useEffect(t12, t13);
 	let t14;
-	if ($[22] !== fieldName || $[23] !== onSave) {
+	if ($[25] !== fieldName || $[26] !== onSave) {
 		t14 = (value) => {
 			if (timerRef.current) clearTimeout(timerRef.current);
 			timerRef.current = window.setTimeout(() => {
@@ -136,13 +141,13 @@ const LinkFieldEditor = (t0) => {
 				});
 			}, 500);
 		};
-		$[22] = fieldName;
-		$[23] = onSave;
-		$[24] = t14;
-	} else t14 = $[24];
+		$[25] = fieldName;
+		$[26] = onSave;
+		$[27] = t14;
+	} else t14 = $[27];
 	const handleTextChange = t14;
 	let t15;
-	if ($[25] !== fieldName || $[26] !== onSave) {
+	if ($[28] !== fieldName || $[29] !== onSave) {
 		t15 = (value_0) => {
 			if (timerRef.current) clearTimeout(timerRef.current);
 			timerRef.current = window.setTimeout(() => {
@@ -152,13 +157,13 @@ const LinkFieldEditor = (t0) => {
 				});
 			}, 500);
 		};
-		$[25] = fieldName;
-		$[26] = onSave;
-		$[27] = t15;
-	} else t15 = $[27];
+		$[28] = fieldName;
+		$[29] = onSave;
+		$[30] = t15;
+	} else t15 = $[30];
 	const handleHrefChange = t15;
 	let t16;
-	if ($[28] !== fieldName || $[29] !== onSave) {
+	if ($[31] !== fieldName || $[32] !== onSave) {
 		t16 = (mode) => {
 			if (mode === "page") onSave(fieldName, {
 				type: "page",
@@ -173,13 +178,13 @@ const LinkFieldEditor = (t0) => {
 				newTab: linkValueRef.current.newTab
 			});
 		};
-		$[28] = fieldName;
-		$[29] = onSave;
-		$[30] = t16;
-	} else t16 = $[30];
+		$[31] = fieldName;
+		$[32] = onSave;
+		$[33] = t16;
+	} else t16 = $[33];
 	const handleModeChange = t16;
 	let t17;
-	if ($[31] !== fieldName || $[32] !== onSave) {
+	if ($[34] !== fieldName || $[35] !== onSave) {
 		t17 = (pageId) => {
 			onSave(fieldName, {
 				type: "page",
@@ -189,64 +194,77 @@ const LinkFieldEditor = (t0) => {
 			});
 			setPagePickerOpen(false);
 		};
-		$[31] = fieldName;
-		$[32] = onSave;
-		$[33] = t17;
-	} else t17 = $[33];
+		$[34] = fieldName;
+		$[35] = onSave;
+		$[36] = t17;
+	} else t17 = $[36];
 	const handlePageSelect = t17;
 	const t18 = "grid gap-3";
 	const t19 = `${fieldName}-text`;
 	let t20;
-	if ($[34] !== t19) {
+	if ($[37] !== t19) {
 		t20 = /* @__PURE__ */ jsx(Label, {
 			htmlFor: t19,
 			children: "Text"
 		});
-		$[34] = t19;
-		$[35] = t20;
-	} else t20 = $[35];
+		$[37] = t19;
+		$[38] = t20;
+	} else t20 = $[38];
 	const t21 = `${fieldName}-text`;
 	let t22;
-	if ($[36] !== handleTextChange) {
+	if ($[39] !== handleTextChange) {
 		t22 = (e) => {
 			setText(e.target.value);
 			handleTextChange(e.target.value);
 		};
-		$[36] = handleTextChange;
-		$[37] = t22;
-	} else t22 = $[37];
+		$[39] = handleTextChange;
+		$[40] = t22;
+	} else t22 = $[40];
 	let t23;
-	if ($[38] !== t21 || $[39] !== t22 || $[40] !== text) {
-		t23 = /* @__PURE__ */ jsx(Input, {
+	let t24;
+	if ($[41] === Symbol.for("react.memo_cache_sentinel")) {
+		t23 = () => setIsTextFocused(true);
+		t24 = () => setIsTextFocused(false);
+		$[41] = t23;
+		$[42] = t24;
+	} else {
+		t23 = $[41];
+		t24 = $[42];
+	}
+	let t25;
+	if ($[43] !== t21 || $[44] !== t22 || $[45] !== text) {
+		t25 = /* @__PURE__ */ jsx(Input, {
 			id: t21,
 			value: text,
 			onChange: t22,
+			onFocus: t23,
+			onBlur: t24,
 			autoFocus: true
 		});
-		$[38] = t21;
-		$[39] = t22;
-		$[40] = text;
-		$[41] = t23;
-	} else t23 = $[41];
-	let t24;
-	if ($[42] !== t20 || $[43] !== t23) {
-		t24 = /* @__PURE__ */ jsxs("div", {
+		$[43] = t21;
+		$[44] = t22;
+		$[45] = text;
+		$[46] = t25;
+	} else t25 = $[46];
+	let t26;
+	if ($[47] !== t20 || $[48] !== t25) {
+		t26 = /* @__PURE__ */ jsxs("div", {
 			className: "grid gap-1.5",
-			children: [t20, t23]
+			children: [t20, t25]
 		});
-		$[42] = t20;
-		$[43] = t23;
-		$[44] = t24;
-	} else t24 = $[44];
-	const t25 = "grid gap-1.5";
-	let t26;
-	if ($[45] === Symbol.for("react.memo_cache_sentinel")) {
-		t26 = /* @__PURE__ */ jsx(Label, { children: "Destination" });
-		$[45] = t26;
-	} else t26 = $[45];
-	let t27;
-	if ($[46] === Symbol.for("react.memo_cache_sentinel")) {
-		t27 = /* @__PURE__ */ jsxs(TabsList, {
+		$[47] = t20;
+		$[48] = t25;
+		$[49] = t26;
+	} else t26 = $[49];
+	const t27 = "grid gap-1.5";
+	let t28;
+	if ($[50] === Symbol.for("react.memo_cache_sentinel")) {
+		t28 = /* @__PURE__ */ jsx(Label, { children: "Destination" });
+		$[50] = t28;
+	} else t28 = $[50];
+	let t29;
+	if ($[51] === Symbol.for("react.memo_cache_sentinel")) {
+		t29 = /* @__PURE__ */ jsxs(TabsList, {
 			className: "w-full",
 			children: [/* @__PURE__ */ jsx(TabsTrigger, {
 				value: "page",
@@ -256,20 +274,20 @@ const LinkFieldEditor = (t0) => {
 				children: "URL"
 			})]
 		});
-		$[46] = t27;
-	} else t27 = $[46];
-	let t28;
-	if ($[47] !== handleModeChange || $[48] !== linkValue.type) {
-		t28 = /* @__PURE__ */ jsx(Tabs, {
+		$[51] = t29;
+	} else t29 = $[51];
+	let t30;
+	if ($[52] !== handleModeChange || $[53] !== linkValue.type) {
+		t30 = /* @__PURE__ */ jsx(Tabs, {
 			value: linkValue.type,
 			onValueChange: handleModeChange,
-			children: t27
+			children: t29
 		});
-		$[47] = handleModeChange;
-		$[48] = linkValue.type;
-		$[49] = t28;
-	} else t28 = $[49];
-	const t29 = linkValue.type === "page" ? /* @__PURE__ */ jsxs(Popover, {
+		$[52] = handleModeChange;
+		$[53] = linkValue.type;
+		$[54] = t30;
+	} else t30 = $[54];
+	const t31 = linkValue.type === "page" ? /* @__PURE__ */ jsxs(Popover, {
 		open: pagePickerOpen,
 		onOpenChange: setPagePickerOpen,
 		children: [/* @__PURE__ */ jsxs(PopoverTrigger, {
@@ -311,84 +329,86 @@ const LinkFieldEditor = (t0) => {
 		onChange: (e_0) => {
 			setHref(e_0.target.value);
 			handleHrefChange(e_0.target.value);
-		}
+		},
+		onFocus: () => setIsHrefFocused(true),
+		onBlur: () => setIsHrefFocused(false)
 	});
-	let t30;
-	if ($[50] !== t26 || $[51] !== t28 || $[52] !== t29) {
-		t30 = /* @__PURE__ */ jsxs("div", {
-			className: t25,
+	let t32;
+	if ($[55] !== t28 || $[56] !== t30 || $[57] !== t31) {
+		t32 = /* @__PURE__ */ jsxs("div", {
+			className: t27,
 			children: [
-				t26,
 				t28,
-				t29
+				t30,
+				t31
 			]
 		});
-		$[50] = t26;
-		$[51] = t28;
-		$[52] = t29;
-		$[53] = t30;
-	} else t30 = $[53];
-	const t31 = `${fieldName}-newtab`;
-	let t32;
-	if ($[54] !== fieldName || $[55] !== onSave) {
-		t32 = (checked) => {
+		$[55] = t28;
+		$[56] = t30;
+		$[57] = t31;
+		$[58] = t32;
+	} else t32 = $[58];
+	const t33 = `${fieldName}-newtab`;
+	let t34;
+	if ($[59] !== fieldName || $[60] !== onSave) {
+		t34 = (checked) => {
 			onSave(fieldName, {
 				...linkValueRef.current,
 				newTab: checked
 			});
 		};
-		$[54] = fieldName;
-		$[55] = onSave;
-		$[56] = t32;
-	} else t32 = $[56];
-	let t33;
-	if ($[57] !== linkValue.newTab || $[58] !== t31 || $[59] !== t32) {
-		t33 = /* @__PURE__ */ jsx(Switch, {
-			id: t31,
+		$[59] = fieldName;
+		$[60] = onSave;
+		$[61] = t34;
+	} else t34 = $[61];
+	let t35;
+	if ($[62] !== linkValue.newTab || $[63] !== t33 || $[64] !== t34) {
+		t35 = /* @__PURE__ */ jsx(Switch, {
+			id: t33,
 			checked: linkValue.newTab,
-			onCheckedChange: t32
+			onCheckedChange: t34
 		});
-		$[57] = linkValue.newTab;
-		$[58] = t31;
-		$[59] = t32;
-		$[60] = t33;
-	} else t33 = $[60];
-	const t34 = `${fieldName}-newtab`;
-	let t35;
-	if ($[61] !== t34) {
-		t35 = /* @__PURE__ */ jsx(Label, {
-			htmlFor: t34,
+		$[62] = linkValue.newTab;
+		$[63] = t33;
+		$[64] = t34;
+		$[65] = t35;
+	} else t35 = $[65];
+	const t36 = `${fieldName}-newtab`;
+	let t37;
+	if ($[66] !== t36) {
+		t37 = /* @__PURE__ */ jsx(Label, {
+			htmlFor: t36,
 			children: "Open in new tab"
 		});
-		$[61] = t34;
-		$[62] = t35;
-	} else t35 = $[62];
-	let t36;
-	if ($[63] !== t33 || $[64] !== t35) {
-		t36 = /* @__PURE__ */ jsxs("div", {
+		$[66] = t36;
+		$[67] = t37;
+	} else t37 = $[67];
+	let t38;
+	if ($[68] !== t35 || $[69] !== t37) {
+		t38 = /* @__PURE__ */ jsxs("div", {
 			className: "flex items-center gap-2",
-			children: [t33, t35]
+			children: [t35, t37]
 		});
-		$[63] = t33;
-		$[64] = t35;
-		$[65] = t36;
-	} else t36 = $[65];
-	let t37;
-	if ($[66] !== t24 || $[67] !== t30 || $[68] !== t36) {
-		t37 = /* @__PURE__ */ jsxs("form", {
+		$[68] = t35;
+		$[69] = t37;
+		$[70] = t38;
+	} else t38 = $[70];
+	let t39;
+	if ($[71] !== t26 || $[72] !== t32 || $[73] !== t38) {
+		t39 = /* @__PURE__ */ jsxs("form", {
 			className: t18,
 			children: [
-				t24,
-				t30,
-				t36
+				t26,
+				t32,
+				t38
 			]
 		});
-		$[66] = t24;
-		$[67] = t30;
-		$[68] = t36;
-		$[69] = t37;
-	} else t37 = $[69];
-	return t37;
+		$[71] = t26;
+		$[72] = t32;
+		$[73] = t38;
+		$[74] = t39;
+	} else t39 = $[74];
+	return t39;
 };
 
 //#endregion

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

@@ -85,10 +85,9 @@ const PageContentSheet = () => {
 	const currentItemId = selectionItemId(selection);
 	const fieldInfo = selectionField(selection);
 	const page = usePreviewedPage();
-	const numericBlockId = blockId ? Number(blockId) : void 0;
 	const { data: blockBundle } = useQuery({
-		...blockQueries.get(numericBlockId),
-		enabled: numericBlockId != null
+		...blockQueries.get(blockId),
+		enabled: blockId != null
 	});
 	const block = blockBundle?.block ?? null;
 	const itemsMap = React.useMemo(() => new Map((blockBundle?.repeatableItems ?? []).map((i) => [i.id, i])), [blockBundle?.repeatableItems]);
@@ -108,18 +107,18 @@ const PageContentSheet = () => {
 	]);
 	const blockDef = block ? camoxApp.getBlockById(block.type) : null;
 	const settingsFields = React.useMemo(() => {
-		return blockDef ? getSettingsFields(blockDef.settingsSchema) : [];
+		return blockDef ? getSettingsFields(blockDef._internal.settingsSchema) : [];
 	}, [blockDef]);
 	const currentSchema = React.useMemo(() => {
 		if (!blockDef) return null;
-		if (!currentItemId) return blockDef.contentSchema;
-		return getSchemaForItem(blockDef.contentSchema, Number(currentItemId), itemsMap);
+		if (currentItemId == null) return blockDef._internal.contentSchema;
+		return getSchemaForItem(blockDef._internal.contentSchema, currentItemId, itemsMap);
 	}, [
 		blockDef,
 		currentItemId,
 		itemsMap
 	]);
-	const currentItem = currentItemId ? itemsMap.get(Number(currentItemId)) : null;
+	const currentItem = currentItemId != null ? itemsMap.get(currentItemId) : null;
 	const rawCurrentData = currentItem ? currentItem.content : block?.content ?? {};
 	const currentData = React.useMemo(() => {
 		const resolveFile = (marker) => {
@@ -180,17 +179,21 @@ const PageContentSheet = () => {
 		block,
 		page?.page.projectId
 	]);
-	const autoFocusFieldName = selection?.type === "block-field" && selection.fieldType === "String" ? selection.fieldName : null;
-	const handleOpenAutoFocus = React.useCallback((e) => {
-		e.preventDefault();
-		if (!autoFocusFieldName) return;
-		setTimeout(() => {
-			const element = document.getElementById(autoFocusFieldName);
-			if (!element) return;
-			element.focus();
-			element.select();
-		}, 100);
-	}, [autoFocusFieldName]);
+	const fieldIdPrefix = React.useId();
+	const autoFocusFieldName = React.useMemo(() => {
+		if ((selection?.type === "block-field" || selection?.type === "item-field") && (selection.fieldType === "String" || selection.fieldType === "Embed")) return selection.fieldName;
+		const properties = currentSchema?.properties;
+		if (!properties) return null;
+		for (const name of Object.keys(properties)) {
+			const ft = properties[name]?.fieldType;
+			if (ft === "String" || ft === "Embed") return name;
+		}
+		return null;
+	}, [selection, currentSchema]);
+	const getInitialFocus = React.useCallback(() => {
+		if (!autoFocusFieldName) return null;
+		return document.getElementById(`${fieldIdPrefix}-${autoFocusFieldName}`);
+	}, [autoFocusFieldName, fieldIdPrefix]);
 	React.useEffect(() => {
 		const action = {
 			id: "open-content-sheet",
@@ -223,34 +226,34 @@ const PageContentSheet = () => {
 		});
 	}, [block, updateContent]);
 	const handleItemFieldChange = React.useCallback((fieldName_0, value_2) => {
-		if (!currentItemId) return;
+		if (currentItemId == null) return;
 		updateRepeatableContent.mutate({
-			id: Number(currentItemId),
+			id: currentItemId,
 			content: { [fieldName_0]: value_2 }
 		});
 	}, [currentItemId, updateRepeatableContent]);
-	const activeFieldChangeHandler = currentItemId ? handleItemFieldChange : handleBlockFieldChange;
+	const activeFieldChangeHandler = currentItemId != null ? handleItemFieldChange : handleBlockFieldChange;
 	const handleOpenChange = (open) => {
 		if (open) return;
 		if (block && autoFocusFieldName) postToIframe({
 			type: "CAMOX_FOCUS_FIELD_END",
-			fieldId: currentItemId ? `${String(block.id)}__${currentItemId}__${autoFocusFieldName}` : `${String(block.id)}__${autoFocusFieldName}`
+			fieldId: currentItemId != null ? `${block.id}__${currentItemId}__${autoFocusFieldName}` : `${block.id}__${autoFocusFieldName}`
 		});
-		if (block && currentItemId) postToIframe({
+		if (block && currentItemId != null) postToIframe({
 			type: "CAMOX_HOVER_REPEATER_ITEM_END",
 			blockId: String(block.id),
-			itemId: currentItemId
+			itemId: String(currentItemId)
 		});
 		previewStore.send({ type: "closeBlockContentSheet" });
 	};
-	const ancestorChain = React.useMemo(() => currentItemId ? buildAncestorChain(Number(currentItemId), itemsMap) : [], [currentItemId, itemsMap]);
+	const ancestorChain = React.useMemo(() => currentItemId != null ? buildAncestorChain(currentItemId, itemsMap) : [], [currentItemId, itemsMap]);
 	if (!block || !blockDef || !currentSchema) return null;
 	const fieldHasOwnView = fieldInfo ? fieldTypesDictionary[fieldInfo.fieldType].hasOwnView : false;
 	const isAtBlockLevel = ancestorChain.length === 0 && !fieldHasOwnView;
 	return /* @__PURE__ */ jsxs(PreviewSideSheet, {
 		open: isOpen,
 		onOpenChange: handleOpenChange,
-		onOpenAutoFocus: handleOpenAutoFocus,
+		initialFocus: getInitialFocus,
 		className: "flex flex-col gap-0",
 		children: [/* @__PURE__ */ jsxs(Sheet.SheetHeader, {
 			className: "border-border border-b",
@@ -263,14 +266,14 @@ const PageContentSheet = () => {
 							className: "min-w-0",
 							children: isAtBlockLevel ? /* @__PURE__ */ jsx(BreadcrumbPage, {
 								className: "truncate",
-								children: blockDef.title
+								children: blockDef._internal.title
 							}) : /* @__PURE__ */ jsx(BreadcrumbLink, {
 								className: "cursor-pointer",
 								onClick: () => previewStore.send({
 									type: "setFocusedBlock",
-									blockId: String(block.id)
+									blockId: block.id
 								}),
-								children: blockDef.title
+								children: blockDef._internal.title
 							})
 						}),
 						ancestorChain.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -282,8 +285,8 @@ const PageContentSheet = () => {
 								children: ancestorChain.slice(0, -1).map((ancestor) => /* @__PURE__ */ jsx(DropdownMenuItem, {
 									onClick: () => previewStore.send({
 										type: "selectItem",
-										blockId: String(block.id),
-										itemId: String(ancestor.id)
+										blockId: block.id,
+										itemId: ancestor.id
 									}),
 									children: ancestor.summary || formatFieldName(ancestor.fieldName)
 								}, ancestor.id))
@@ -352,14 +355,16 @@ const PageContentSheet = () => {
 				!isViewingAsset && !isViewingLink && /* @__PURE__ */ jsx(ItemFieldsEditor, {
 					schema: currentSchema,
 					data: currentData,
-					blockId: String(block.id),
+					blockId: block.id,
 					itemId: currentItemId ?? void 0,
 					onFieldChange: activeFieldChangeHandler,
 					postToIframe,
 					filesMap,
-					itemsMap
-				}),
-				!currentItemId && !fieldHasOwnView && settingsFields.length > 0 && /* @__PURE__ */ jsxs("div", {
+					itemsMap,
+					fieldIdPrefix,
+					autoFocusFieldName
+				}, currentItemId ?? `block-${block.id}`),
+				currentItemId == null && !fieldHasOwnView && settingsFields.length > 0 && /* @__PURE__ */ jsxs("div", {
 					className: "border-border space-y-4 border-t px-4 py-4",
 					children: [/* @__PURE__ */ jsx(Label, {
 						className: "text-muted-foreground",
@@ -368,7 +373,7 @@ const PageContentSheet = () => {
 						const label = field.label ?? formatFieldName(field.name);
 						const settingsValues = block.settings ?? {};
 						if (field.fieldType === "Enum") {
-							const value_4 = settingsValues[field.name] ?? (blockDef.settingsSchema?.properties?.[field.name])?.default ?? "";
+							const value_4 = settingsValues[field.name] ?? (blockDef._internal.settingsSchema?.properties?.[field.name])?.default ?? "";
 							return /* @__PURE__ */ jsxs("div", {
 								className: "space-y-2",
 								children: [/* @__PURE__ */ jsx(Label, {
@@ -393,7 +398,7 @@ const PageContentSheet = () => {
 							}, field.name);
 						}
 						if (field.fieldType === "Boolean") {
-							const checked = settingsValues[field.name] ?? (blockDef.settingsSchema?.properties?.[field.name])?.default ?? false;
+							const checked = settingsValues[field.name] ?? (blockDef._internal.settingsSchema?.properties?.[field.name])?.default ?? false;
 							return /* @__PURE__ */ jsxs("div", {
 								className: "flex items-center justify-between",
 								children: [/* @__PURE__ */ jsx(Label, {