camox 0.14.2 → 0.16.0

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

@@ -11,35 +11,39 @@ import { AlertDialog, AlertDialogAction, AlertDialogContent, AlertDialogDescript
 
 //#region src/features/preview/components/UnlinkAssetButton.tsx
 const UnlinkAssetButton = (t0) => {
-	const $ = c(37);
+	const $ = c(38);
+	if ($[0] !== "98ef69b59dc7ee877222a6436f2d70c9eec7d4caa8c5a4bed248c1b5cf221d00") {
+		for (let $i = 0; $i < 38; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "98ef69b59dc7ee877222a6436f2d70c9eec7d4caa8c5a4bed248c1b5cf221d00";
+	}
 	const { fileId, onUnlink, className } = t0;
 	const [dialogOpen, setDialogOpen] = useState(false);
 	let t1;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
 		t1 = fileMutations.delete();
-		$[0] = t1;
-	} else t1 = $[0];
+		$[1] = t1;
+	} else t1 = $[1];
 	const deleteFile = useMutation(t1);
 	let t2;
-	if ($[1] !== fileId) {
+	if ($[2] !== fileId) {
 		t2 = fileQueries.getUsageCount(fileId);
-		$[1] = fileId;
-		$[2] = t2;
-	} else t2 = $[2];
+		$[2] = fileId;
+		$[3] = t2;
+	} else t2 = $[3];
 	const t3 = !!fileId;
 	let t4;
-	if ($[3] !== t2 || $[4] !== t3) {
+	if ($[4] !== t2 || $[5] !== t3) {
 		t4 = {
 			...t2,
 			enabled: t3
 		};
-		$[3] = t2;
-		$[4] = t3;
-		$[5] = t4;
-	} else t4 = $[5];
+		$[4] = t2;
+		$[5] = t3;
+		$[6] = t4;
+	} else t4 = $[6];
 	const { data: usageCount } = useQuery(t4);
 	let t5;
-	if ($[6] !== fileId || $[7] !== onUnlink || $[8] !== usageCount) {
+	if ($[7] !== fileId || $[8] !== onUnlink || $[9] !== usageCount) {
 		t5 = (e) => {
 			e.stopPropagation();
 			if (!fileId || usageCount === void 0 || usageCount > 1) {
@@ -48,20 +52,20 @@ const UnlinkAssetButton = (t0) => {
 			}
 			setDialogOpen(true);
 		};
-		$[6] = fileId;
-		$[7] = onUnlink;
-		$[8] = usageCount;
-		$[9] = t5;
-	} else t5 = $[9];
+		$[7] = fileId;
+		$[8] = onUnlink;
+		$[9] = usageCount;
+		$[10] = t5;
+	} else t5 = $[10];
 	const handleClick = t5;
 	let t6;
-	if ($[10] !== className) {
+	if ($[11] !== className) {
 		t6 = cn("text-muted-foreground hover:text-foreground shrink-0", className);
-		$[10] = className;
-		$[11] = t6;
-	} else t6 = $[11];
+		$[11] = className;
+		$[12] = t6;
+	} else t6 = $[12];
 	let t7;
-	if ($[12] !== handleClick || $[13] !== t6) {
+	if ($[13] !== handleClick || $[14] !== t6) {
 		t7 = /* @__PURE__ */ jsx(Button, {
 			type: "button",
 			variant: "ghost",
@@ -69,53 +73,53 @@ const UnlinkAssetButton = (t0) => {
 			className: t6,
 			onClick: handleClick
 		});
-		$[12] = handleClick;
-		$[13] = t6;
-		$[14] = t7;
-	} else t7 = $[14];
+		$[13] = handleClick;
+		$[14] = t6;
+		$[15] = t7;
+	} else t7 = $[15];
 	let t8;
-	if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
 		t8 = /* @__PURE__ */ jsx(X, { className: "h-4 w-4" });
-		$[15] = t8;
-	} else t8 = $[15];
+		$[16] = t8;
+	} else t8 = $[16];
 	let t9;
-	if ($[16] !== t7) {
+	if ($[17] !== t7) {
 		t9 = /* @__PURE__ */ jsx(TooltipTrigger, {
 			render: t7,
 			children: t8
 		});
-		$[16] = t7;
-		$[17] = t9;
-	} else t9 = $[17];
+		$[17] = t7;
+		$[18] = t9;
+	} else t9 = $[18];
 	let t10;
-	if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
 		t10 = /* @__PURE__ */ jsx(TooltipContent, { children: "Unlink" });
-		$[18] = t10;
-	} else t10 = $[18];
+		$[19] = t10;
+	} else t10 = $[19];
 	let t11;
-	if ($[19] !== t9) {
+	if ($[20] !== t9) {
 		t11 = /* @__PURE__ */ jsxs(Tooltip, { children: [t9, t10] });
-		$[19] = t9;
-		$[20] = t11;
-	} else t11 = $[20];
+		$[20] = t9;
+		$[21] = t11;
+	} else t11 = $[21];
 	let t12;
-	if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[22] === Symbol.for("react.memo_cache_sentinel")) {
 		t12 = /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsx(AlertDialogTitle, { children: "Unlink file" }), /* @__PURE__ */ jsx(AlertDialogDescription, { children: "This file is not used anywhere else. Would you like to also delete it?" })] });
-		$[21] = t12;
-	} else t12 = $[21];
+		$[22] = t12;
+	} else t12 = $[22];
 	let t13;
-	if ($[22] !== onUnlink) {
+	if ($[23] !== onUnlink) {
 		t13 = /* @__PURE__ */ jsx(AlertDialogAction, {
 			variant: "outline",
 			className: "bg-background hover:bg-accent text-foreground",
 			onClick: () => onUnlink(),
 			children: "Unlink only"
 		});
-		$[22] = onUnlink;
-		$[23] = t13;
-	} else t13 = $[23];
+		$[23] = onUnlink;
+		$[24] = t13;
+	} else t13 = $[24];
 	let t14;
-	if ($[24] !== deleteFile || $[25] !== fileId || $[26] !== onUnlink) {
+	if ($[25] !== deleteFile || $[26] !== fileId || $[27] !== onUnlink) {
 		t14 = /* @__PURE__ */ jsx(AlertDialogAction, {
 			onClick: () => {
 				onUnlink();
@@ -123,36 +127,36 @@ const UnlinkAssetButton = (t0) => {
 			},
 			children: "Delete file"
 		});
-		$[24] = deleteFile;
-		$[25] = fileId;
-		$[26] = onUnlink;
-		$[27] = t14;
-	} else t14 = $[27];
+		$[25] = deleteFile;
+		$[26] = fileId;
+		$[27] = onUnlink;
+		$[28] = t14;
+	} else t14 = $[28];
 	let t15;
-	if ($[28] !== t13 || $[29] !== t14) {
+	if ($[29] !== t13 || $[30] !== t14) {
 		t15 = /* @__PURE__ */ jsxs(AlertDialogContent, { children: [t12, /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [t13, t14] })] });
-		$[28] = t13;
-		$[29] = t14;
-		$[30] = t15;
-	} else t15 = $[30];
+		$[29] = t13;
+		$[30] = t14;
+		$[31] = t15;
+	} else t15 = $[31];
 	let t16;
-	if ($[31] !== dialogOpen || $[32] !== t15) {
+	if ($[32] !== dialogOpen || $[33] !== t15) {
 		t16 = /* @__PURE__ */ jsx(AlertDialog, {
 			open: dialogOpen,
 			onOpenChange: setDialogOpen,
 			children: t15
 		});
-		$[31] = dialogOpen;
-		$[32] = t15;
-		$[33] = t16;
-	} else t16 = $[33];
+		$[32] = dialogOpen;
+		$[33] = t15;
+		$[34] = t16;
+	} else t16 = $[34];
 	let t17;
-	if ($[34] !== t11 || $[35] !== t16) {
+	if ($[35] !== t11 || $[36] !== t16) {
 		t17 = /* @__PURE__ */ jsxs(Fragment, { children: [t11, t16] });
-		$[34] = t11;
-		$[35] = t16;
-		$[36] = t17;
-	} else t17 = $[36];
+		$[35] = t11;
+		$[36] = t16;
+		$[37] = t17;
+	} else t17 = $[37];
 	return t17;
 };
 

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

@@ -0,0 +1,266 @@
+import { previewStore } from "../previewStore.js";
+import { blockQueries, repeatableItemMutations } from "../../../lib/queries.js";
+import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
+import { c } from "react/compiler-runtime";
+import { useMutation, useQuery } from "@tanstack/react-query";
+import { generateKeyBetween } from "fractional-indexing";
+
+//#region src/features/preview/components/useRepeatableItemActions.ts
+const buildDefaultContent = (itemProperties) => {
+	const content = {};
+	if (!itemProperties) return content;
+	for (const [key, prop] of Object.entries(itemProperties)) {
+		if (prop.fieldType === "Image" || prop.fieldType === "File") continue;
+		if (prop.type === "array" && prop.items?.properties) continue;
+		if ("default" in prop) content[key] = prop.default;
+	}
+	return content;
+};
+const buildNestedItemSeeds = (itemProperties) => {
+	const seeds = [];
+	if (!itemProperties) return seeds;
+	let counter = 0;
+	const recurse = (properties, parentTempId) => {
+		for (const [fieldName, fieldSchema] of Object.entries(properties)) {
+			if (fieldSchema.type !== "array" || !fieldSchema.items?.properties) continue;
+			const defaultCount = fieldSchema.defaultItems ?? fieldSchema.minItems ?? 0;
+			if (defaultCount <= 0) continue;
+			const nestedItemProps = fieldSchema.items.properties;
+			const nestedContent = buildDefaultContent(nestedItemProps);
+			const nestedSettingsDefaults = fieldSchema.defaultItemSettings;
+			let prevPos = null;
+			for (let i = 0; i < defaultCount; i++) {
+				const tempId = `nested_${++counter}`;
+				const position = generateKeyBetween(prevPos, null);
+				prevPos = position;
+				seeds.push({
+					tempId,
+					parentTempId,
+					fieldName,
+					content: { ...nestedContent },
+					settings: nestedSettingsDefaults ? { ...nestedSettingsDefaults } : void 0,
+					position
+				});
+				recurse(nestedItemProps, tempId);
+			}
+		}
+	};
+	recurse(itemProperties, null);
+	return seeds;
+};
+const useRepeatableItemActions = (t0) => {
+	const $ = c(16);
+	if ($[0] !== "12813e2c0be104fa869bc45cac18b9b3a77f7c0ca99aba0644d37c28bb33dbeb") {
+		for (let $i = 0; $i < 16; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "12813e2c0be104fa869bc45cac18b9b3a77f7c0ca99aba0644d37c28bb33dbeb";
+	}
+	const { blockId, fieldName, parentItemId, arraySchema, siblingCount } = t0;
+	let t1;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = repeatableItemMutations.create();
+		$[1] = t1;
+	} else t1 = $[1];
+	const createRepeatableItem = useMutation(t1);
+	let t2;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = repeatableItemMutations.delete();
+		$[2] = t2;
+	} else t2 = $[2];
+	const deleteRepeatableItem = useMutation(t2);
+	const canAdd = arraySchema != null && (arraySchema.maxItems === void 0 || siblingCount < arraySchema.maxItems);
+	const canRemove = arraySchema != null && (arraySchema.minItems === void 0 || siblingCount > arraySchema.minItems);
+	let t3;
+	if ($[3] !== arraySchema || $[4] !== blockId || $[5] !== createRepeatableItem || $[6] !== fieldName || $[7] !== parentItemId) {
+		t3 = (options) => {
+			if (!arraySchema) return;
+			const itemsSchema = arraySchema.items;
+			const defaultContent = buildDefaultContent(itemsSchema?.properties);
+			const defaultSettings = arraySchema.defaultItemSettings;
+			const nestedItems = buildNestedItemSeeds(itemsSchema?.properties);
+			createRepeatableItem.mutate({
+				blockId,
+				parentItemId: parentItemId ?? void 0,
+				fieldName,
+				content: defaultContent,
+				settings: defaultSettings ? { ...defaultSettings } : void 0,
+				nestedItems: nestedItems.length > 0 ? nestedItems : void 0,
+				afterPosition: options?.afterPosition
+			}, { onSuccess: (created) => {
+				previewStore.send({
+					type: "selectItem",
+					blockId,
+					itemId: created.id
+				});
+			} });
+		};
+		$[3] = arraySchema;
+		$[4] = blockId;
+		$[5] = createRepeatableItem;
+		$[6] = fieldName;
+		$[7] = parentItemId;
+		$[8] = t3;
+	} else t3 = $[8];
+	const addItem = t3;
+	let t4;
+	if ($[9] !== deleteRepeatableItem) {
+		t4 = (itemId, options_0) => {
+			deleteRepeatableItem.mutate({ id: itemId }, { onSuccess: options_0?.onSuccess });
+		};
+		$[9] = deleteRepeatableItem;
+		$[10] = t4;
+	} else t4 = $[10];
+	const removeItem = t4;
+	let t5;
+	if ($[11] !== addItem || $[12] !== canAdd || $[13] !== canRemove || $[14] !== removeItem) {
+		t5 = {
+			canAdd,
+			addItem,
+			canRemove,
+			removeItem
+		};
+		$[11] = addItem;
+		$[12] = canAdd;
+		$[13] = canRemove;
+		$[14] = removeItem;
+		$[15] = t5;
+	} else t5 = $[15];
+	return t5;
+};
+const getArraySchemaForItem = (contentSchema, itemId, itemsMap) => {
+	const path = [];
+	let current = itemsMap.get(itemId);
+	while (current) {
+		path.unshift(current.fieldName);
+		current = current.parentItemId ? itemsMap.get(current.parentItemId) : void 0;
+	}
+	let schema = contentSchema;
+	for (let i = 0; i < path.length; i++) {
+		const prop = schema?.properties?.[path[i]];
+		if (!prop?.items) return null;
+		if (i === path.length - 1) return prop;
+		schema = prop.items;
+	}
+	return null;
+};
+/**
+* Resolves the action surface for the currently-edited repeatable item by
+* fetching the block bundle, locating the item's array-level schema, and
+* counting siblings. Hook is safe to call when ids are null — it'll just
+* return disabled actions.
+*/
+const useCurrentItemActions = (blockId, itemId) => {
+	const $ = c(27);
+	if ($[0] !== "12813e2c0be104fa869bc45cac18b9b3a77f7c0ca99aba0644d37c28bb33dbeb") {
+		for (let $i = 0; $i < 27; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "12813e2c0be104fa869bc45cac18b9b3a77f7c0ca99aba0644d37c28bb33dbeb";
+	}
+	const camoxApp = useCamoxApp();
+	let t0;
+	if ($[1] !== blockId) {
+		t0 = blockQueries.get(blockId);
+		$[1] = blockId;
+		$[2] = t0;
+	} else t0 = $[2];
+	const t1 = blockId != null;
+	let t2;
+	if ($[3] !== t0 || $[4] !== t1) {
+		t2 = {
+			...t0,
+			enabled: t1
+		};
+		$[3] = t0;
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	const { data: blockBundle } = useQuery(t2);
+	blockBundle?.repeatableItems;
+	let t3;
+	if ($[6] !== blockBundle?.repeatableItems) {
+		t3 = new Map((blockBundle?.repeatableItems ?? []).map(_temp));
+		$[6] = blockBundle?.repeatableItems;
+		$[7] = t3;
+	} else t3 = $[7];
+	const itemsMap = t3;
+	let t4;
+	if ($[8] !== itemId || $[9] !== itemsMap) {
+		t4 = itemId != null ? itemsMap.get(itemId) ?? null : null;
+		$[8] = itemId;
+		$[9] = itemsMap;
+		$[10] = t4;
+	} else t4 = $[10];
+	const currentItem = t4;
+	const block = blockBundle?.block ?? null;
+	let t5;
+	if ($[11] !== block || $[12] !== camoxApp) {
+		t5 = block ? camoxApp.getBlockById(block.type) : null;
+		$[11] = block;
+		$[12] = camoxApp;
+		$[13] = t5;
+	} else t5 = $[13];
+	const blockDef = t5;
+	let t6;
+	bb0: {
+		if (!blockDef || itemId == null) {
+			t6 = null;
+			break bb0;
+		}
+		let t7;
+		if ($[14] !== blockDef._internal.contentSchema || $[15] !== itemId || $[16] !== itemsMap) {
+			t7 = getArraySchemaForItem(blockDef._internal.contentSchema, itemId, itemsMap);
+			$[14] = blockDef._internal.contentSchema;
+			$[15] = itemId;
+			$[16] = itemsMap;
+			$[17] = t7;
+		} else t7 = $[17];
+		t6 = t7;
+	}
+	const arraySchema = t6;
+	let t7;
+	bb1: {
+		if (!currentItem) {
+			t7 = 0;
+			break bb1;
+		}
+		let count = 0;
+		for (const it of itemsMap.values()) if (it.fieldName === currentItem.fieldName && it.parentItemId === currentItem.parentItemId) count++;
+		t7 = count;
+	}
+	const siblingCount = t7;
+	const t8 = block?.id ?? -1;
+	const t9 = currentItem?.fieldName ?? "";
+	const t10 = currentItem?.parentItemId ?? null;
+	let t11;
+	if ($[18] !== arraySchema || $[19] !== siblingCount || $[20] !== t10 || $[21] !== t8 || $[22] !== t9) {
+		t11 = {
+			blockId: t8,
+			fieldName: t9,
+			parentItemId: t10,
+			arraySchema,
+			siblingCount
+		};
+		$[18] = arraySchema;
+		$[19] = siblingCount;
+		$[20] = t10;
+		$[21] = t8;
+		$[22] = t9;
+		$[23] = t11;
+	} else t11 = $[23];
+	const actions = useRepeatableItemActions(t11);
+	let t12;
+	if ($[24] !== actions || $[25] !== currentItem) {
+		t12 = {
+			...actions,
+			currentItem
+		};
+		$[24] = actions;
+		$[25] = currentItem;
+		$[26] = t12;
+	} else t12 = $[26];
+	return t12;
+};
+function _temp(i) {
+	return [i.id, i];
+}
+
+//#endregion
+export { useCurrentItemActions, useRepeatableItemActions };

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

@@ -9,17 +9,21 @@ import { queryKeys } from "@camox/api-contract/query-keys";
 
 //#region src/features/preview/components/useUpdateBlockPosition.ts
 function useUpdateBlockPosition() {
-	const $ = c(4);
+	const $ = c(5);
+	if ($[0] !== "cfd2dbbd0b074b69d0620d0a4c9349251b74dbca99375732a76b4d2073db2bfc") {
+		for (let $i = 0; $i < 5; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "cfd2dbbd0b074b69d0620d0a4c9349251b74dbca99375732a76b4d2073db2bfc";
+	}
 	const queryClient = useQueryClient();
 	const { pathname } = useLocation();
 	const pagePathname = useSelector(previewStore, _temp) ?? pathname;
 	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
 		t0 = blockMutations.updatePosition();
-		$[0] = t0;
-	} else t0 = $[0];
+		$[1] = t0;
+	} else t0 = $[1];
 	let t1;
-	if ($[1] !== pagePathname || $[2] !== queryClient) {
+	if ($[2] !== pagePathname || $[3] !== queryClient) {
 		t1 = {
 			...t0,
 			onMutate: (variables) => {
@@ -68,10 +72,10 @@ function useUpdateBlockPosition() {
 				queryClient.invalidateQueries({ queryKey: queryKeys.pages.getByPath(pagePathname) });
 			}
 		};
-		$[1] = pagePathname;
-		$[2] = queryClient;
-		$[3] = t1;
-	} else t1 = $[3];
+		$[2] = pagePathname;
+		$[3] = queryClient;
+		$[4] = t1;
+	} else t1 = $[4];
 	return useMutation(t1);
 }
 function _temp(state) {