camox 0.43.0 → 0.45.0

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

@@ -1,6 +1,6 @@
-import { useProjectSlug } from "../../../lib/auth.js";
+import { useProjectUuid } from "../../../lib/auth.js";
+import { reads, useReadQuery } from "../../../lib/studio-reads.js";
 import { transformImageUrl } from "../../../core/lib/imageTransform.js";
-import { projectQueries } from "../../../lib/queries.js";
 import { cn } from "../../../lib/utils.js";
 import { UploadDropZone } from "../../content/components/UploadDropZone.js";
 import { useFileUpload } from "../../../hooks/use-file-upload.js";
@@ -9,7 +9,6 @@ import { AssetPickerModal } from "./AssetPickerModal.js";
 import { UnlinkAssetButton } from "./UnlinkAssetButton.js";
 import { AssetActionButtons } from "./AssetFieldEditor.js";
 import { c } from "react/compiler-runtime";
-import { useQuery } from "@tanstack/react-query";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "@camox/ui/button";
@@ -21,77 +20,72 @@ import { CSS } from "@dnd-kit/utilities";
 
 //#region src/features/preview/components/MultipleAssetFieldEditor.tsx
 const SortableAssetItem = (t0) => {
-	const $ = c(45);
-	if ($[0] !== "0caea1891823f5fc9c0479c2355a3624a6f7a738eac9bd06dae08f7338ed3b58") {
-		for (let $i = 0; $i < 45; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "0caea1891823f5fc9c0479c2355a3624a6f7a738eac9bd06dae08f7338ed3b58";
-	}
-	const { asset, assetType, onRemove, onAssetOpen } = t0;
-	const t1 = String(asset._fileId);
-	let t2;
-	if ($[1] !== t1) {
-		t2 = { id: t1 };
+	const $ = c(46);
+	const { asset, assetType, onRemove, onAssetOpen, persisted, offerDelete } = t0;
+	let t1;
+	if ($[0] !== asset._fileId) {
+		t1 = { id: asset._fileId };
+		$[0] = asset._fileId;
 		$[1] = t1;
-		$[2] = t2;
-	} else t2 = $[2];
-	const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable(t2);
-	let t3;
-	if ($[3] !== transform) {
-		t3 = CSS.Transform.toString(transform);
-		$[3] = transform;
-		$[4] = t3;
-	} else t3 = $[4];
-	const t4 = isDragging ? .5 : 1;
-	let t5;
-	if ($[5] !== t3 || $[6] !== t4 || $[7] !== transition) {
-		t5 = {
-			transform: t3,
+	} else t1 = $[1];
+	const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable(t1);
+	let t2;
+	if ($[2] !== transform) {
+		t2 = CSS.Transform.toString(transform);
+		$[2] = transform;
+		$[3] = t2;
+	} else t2 = $[3];
+	const t3 = isDragging ? .5 : 1;
+	let t4;
+	if ($[4] !== t2 || $[5] !== t3 || $[6] !== transition) {
+		t4 = {
+			transform: t2,
 			transition,
-			opacity: t4
+			opacity: t3
 		};
+		$[4] = t2;
 		$[5] = t3;
-		$[6] = t4;
-		$[7] = transition;
+		$[6] = transition;
+		$[7] = t4;
+	} else t4 = $[7];
+	const style = t4;
+	const t5 = !isDragging && "hover:bg-accent/75";
+	let t6;
+	if ($[8] !== t5) {
+		t6 = cn("flex flex-row items-center gap-2 px-1 py-1 max-w-full rounded-lg text-foreground transition-none group", t5);
 		$[8] = t5;
-	} else t5 = $[8];
-	const style = t5;
-	const t6 = !isDragging && "hover:bg-accent/75";
-	let t7;
-	if ($[9] !== t6) {
-		t7 = cn("flex flex-row items-center gap-2 px-1 py-1 max-w-full rounded-lg text-foreground transition-none group", t6);
 		$[9] = t6;
+	} else t6 = $[9];
+	let t7;
+	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = /* @__PURE__ */ jsx(GripVertical, { className: "h-4 w-4" });
 		$[10] = t7;
 	} else t7 = $[10];
 	let t8;
-	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
-		t8 = /* @__PURE__ */ jsx(GripVertical, { className: "h-4 w-4" });
-		$[11] = t8;
-	} else t8 = $[11];
-	let t9;
-	if ($[12] !== attributes || $[13] !== listeners) {
-		t9 = /* @__PURE__ */ jsx(Button, {
+	if ($[11] !== attributes || $[12] !== listeners) {
+		t8 = /* @__PURE__ */ jsx(Button, {
 			type: "button",
 			variant: "ghost",
 			size: "icon-sm",
 			className: "text-muted-foreground hover:text-foreground flex shrink-0 cursor-grab active:cursor-grabbing",
 			...attributes,
 			...listeners,
-			children: t8
+			children: t7
 		});
-		$[12] = attributes;
-		$[13] = listeners;
-		$[14] = t9;
-	} else t9 = $[14];
+		$[11] = attributes;
+		$[12] = listeners;
+		$[13] = t8;
+	} else t8 = $[13];
+	let t9;
+	if ($[14] !== asset || $[15] !== onAssetOpen) {
+		t9 = () => onAssetOpen(asset);
+		$[14] = asset;
+		$[15] = onAssetOpen;
+		$[16] = t9;
+	} else t9 = $[16];
 	let t10;
-	if ($[15] !== asset || $[16] !== onAssetOpen) {
-		t10 = () => onAssetOpen(asset);
-		$[15] = asset;
-		$[16] = onAssetOpen;
-		$[17] = t10;
-	} else t10 = $[17];
-	let t11;
-	if ($[18] !== asset.alt || $[19] !== asset.filename || $[20] !== asset.mimeType || $[21] !== asset.size || $[22] !== asset.url || $[23] !== assetType) {
-		t11 = assetType === "Image" ? /* @__PURE__ */ jsx("div", {
+	if ($[17] !== asset.alt || $[18] !== asset.filename || $[19] !== asset.mimeType || $[20] !== asset.size || $[21] !== asset.url || $[22] !== assetType) {
+		t10 = assetType === "Image" ? /* @__PURE__ */ jsx("div", {
 			className: "border-border h-12 w-12 shrink-0 overflow-hidden rounded border",
 			children: /* @__PURE__ */ jsx("img", {
 				src: transformImageUrl(asset.url, {
@@ -106,233 +100,326 @@ const SortableAssetItem = (t0) => {
 			className: "border-border bg-muted flex h-12 w-12 shrink-0 items-center justify-center overflow-hidden rounded border",
 			children: /* @__PURE__ */ jsx(FileIcon, { className: "text-muted-foreground h-6 w-6" })
 		});
-		$[18] = asset.alt;
-		$[19] = asset.filename;
-		$[20] = asset.mimeType;
-		$[21] = asset.size;
-		$[22] = asset.url;
-		$[23] = assetType;
-		$[24] = t11;
-	} else t11 = $[24];
-	const t12 = asset.filename || "Untitled";
-	let t13;
-	if ($[25] !== asset.filename || $[26] !== t12) {
-		t13 = /* @__PURE__ */ jsx("p", {
+		$[17] = asset.alt;
+		$[18] = asset.filename;
+		$[19] = asset.mimeType;
+		$[20] = asset.size;
+		$[21] = asset.url;
+		$[22] = assetType;
+		$[23] = t10;
+	} else t10 = $[23];
+	const t11 = asset.filename || "Untitled";
+	let t12;
+	if ($[24] !== asset.filename || $[25] !== t11) {
+		t12 = /* @__PURE__ */ jsx("p", {
 			className: "flex-1 truncate text-left text-sm",
 			title: asset.filename,
-			children: t12
+			children: t11
 		});
-		$[25] = asset.filename;
+		$[24] = asset.filename;
+		$[25] = t11;
 		$[26] = t12;
-		$[27] = t13;
-	} else t13 = $[27];
-	let t14;
-	if ($[28] !== t10 || $[29] !== t11 || $[30] !== t13) {
-		t14 = /* @__PURE__ */ jsxs("button", {
+	} else t12 = $[26];
+	let t13;
+	if ($[27] !== t10 || $[28] !== t12 || $[29] !== t9) {
+		t13 = /* @__PURE__ */ jsxs("button", {
 			type: "button",
 			className: "flex min-w-0 flex-1 cursor-zoom-in items-center gap-2",
-			onClick: t10,
-			children: [t11, t13]
+			onClick: t9,
+			children: [t10, t12]
 		});
-		$[28] = t10;
-		$[29] = t11;
+		$[27] = t10;
+		$[28] = t12;
+		$[29] = t9;
 		$[30] = t13;
-		$[31] = t14;
-	} else t14 = $[31];
+	} else t13 = $[30];
+	let t14;
+	if ($[31] !== asset._fileId || $[32] !== onRemove) {
+		t14 = () => onRemove(asset._fileId);
+		$[31] = asset._fileId;
+		$[32] = onRemove;
+		$[33] = t14;
+	} else t14 = $[33];
 	let t15;
-	if ($[32] !== asset._fileId || $[33] !== onRemove) {
-		t15 = () => onRemove(asset._fileId);
-		$[32] = asset._fileId;
-		$[33] = onRemove;
-		$[34] = t15;
-	} else t15 = $[34];
-	let t16;
-	if ($[35] !== asset._fileId || $[36] !== t15) {
-		t16 = /* @__PURE__ */ jsx(UnlinkAssetButton, {
+	if ($[34] !== asset._fileId || $[35] !== offerDelete || $[36] !== persisted || $[37] !== t14) {
+		t15 = /* @__PURE__ */ jsx(UnlinkAssetButton, {
 			fileId: asset._fileId,
-			onUnlink: t15,
+			persisted,
+			offerDelete,
+			onUnlink: t14,
 			className: "hidden group-focus-within:flex group-hover:flex"
 		});
-		$[35] = asset._fileId;
-		$[36] = t15;
-		$[37] = t16;
-	} else t16 = $[37];
-	let t17;
-	if ($[38] !== setNodeRef || $[39] !== style || $[40] !== t14 || $[41] !== t16 || $[42] !== t7 || $[43] !== t9) {
-		t17 = /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", {
+		$[34] = asset._fileId;
+		$[35] = offerDelete;
+		$[36] = persisted;
+		$[37] = t14;
+		$[38] = t15;
+	} else t15 = $[38];
+	let t16;
+	if ($[39] !== setNodeRef || $[40] !== style || $[41] !== t13 || $[42] !== t15 || $[43] !== t6 || $[44] !== t8) {
+		t16 = /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", {
 			ref: setNodeRef,
 			style,
-			className: t7,
+			className: t6,
 			children: [
-				t9,
-				t14,
-				t16
+				t8,
+				t13,
+				t15
 			]
 		}) });
-		$[38] = setNodeRef;
-		$[39] = style;
-		$[40] = t14;
-		$[41] = t16;
-		$[42] = t7;
-		$[43] = t9;
-		$[44] = t17;
-	} else t17 = $[44];
-	return t17;
+		$[39] = setNodeRef;
+		$[40] = style;
+		$[41] = t13;
+		$[42] = t15;
+		$[43] = t6;
+		$[44] = t8;
+		$[45] = t16;
+	} else t16 = $[45];
+	return t16;
 };
 const MultipleAssetFieldEditor = (t0) => {
-	const $ = c(28);
-	if ($[0] !== "0caea1891823f5fc9c0479c2355a3624a6f7a738eac9bd06dae08f7338ed3b58") {
-		for (let $i = 0; $i < 28; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "0caea1891823f5fc9c0479c2355a3624a6f7a738eac9bd06dae08f7338ed3b58";
-	}
-	const { fieldName, assetType, currentData, onFieldChange } = t0;
+	const $ = c(61);
+	const { fieldName, assetType, currentData, onFieldChange, resolveLocally: t1, accept, offerDelete: t2 } = t0;
+	const resolveLocally = t1 === void 0 ? false : t1;
+	const offerDelete = t2 === void 0 ? true : t2;
 	const isImage = assetType === "Image";
 	const fileInputRef = React.useRef(null);
-	const projectSlug = useProjectSlug();
-	let t1;
-	if ($[1] !== projectSlug) {
-		t1 = projectQueries.getBySlug(projectSlug);
-		$[1] = projectSlug;
-		$[2] = t1;
-	} else t1 = $[2];
-	const { data: project } = useQuery(t1);
-	const items = (currentData[fieldName] ?? []).filter(_temp);
-	const toStorageFormat = _temp3;
-	const addFileId = (fileId) => {
-		onFieldChange(fieldName, [...toStorageFormat(items), { _fileId: fileId }]);
-	};
-	const { uploads, uploadFiles } = useFileUpload({
-		projectId: project?.id,
-		onFileCommitted: (result) => {
-			addFileId(Number(result.fileId));
-		}
-	});
+	const projectUuid = useProjectUuid();
+	let t3;
+	if ($[0] !== projectUuid) {
+		t3 = reads.project({ projectUuid });
+		$[0] = projectUuid;
+		$[1] = t3;
+	} else t3 = $[1];
+	const { data: project } = useReadQuery(t3);
+	let t4;
+	if ($[2] !== currentData || $[3] !== fieldName) {
+		t4 = currentData[fieldName] ?? [];
+		$[2] = currentData;
+		$[3] = fieldName;
+		$[4] = t4;
+	} else t4 = $[4];
+	const t5 = t4;
+	let t6;
+	if ($[5] !== t5) {
+		t6 = t5.filter(_temp);
+		$[5] = t5;
+		$[6] = t6;
+	} else t6 = $[6];
+	const items = t6;
+	let t7;
+	if ($[7] !== resolveLocally) {
+		t7 = (assets) => resolveLocally ? assets : assets.map(_temp2);
+		$[7] = resolveLocally;
+		$[8] = t7;
+	} else t7 = $[8];
+	const toStorageFormat = t7;
+	const itemsRef = React.useRef(items);
+	let t8;
+	if ($[9] !== items) {
+		t8 = () => {
+			itemsRef.current = items;
+		};
+		$[9] = items;
+		$[10] = t8;
+	} else t8 = $[10];
+	React.useLayoutEffect(t8);
+	let t9;
+	if ($[11] !== fieldName || $[12] !== onFieldChange || $[13] !== toStorageFormat) {
+		t9 = (assets_0) => {
+			const next = [...itemsRef.current];
+			for (const asset of assets_0) if (!next.some((item) => item._fileId === asset._fileId)) next.push(asset);
+			itemsRef.current = next;
+			onFieldChange(fieldName, toStorageFormat(next));
+		};
+		$[11] = fieldName;
+		$[12] = onFieldChange;
+		$[13] = toStorageFormat;
+		$[14] = t9;
+	} else t9 = $[14];
+	const addAssets = t9;
+	const t10 = project?.id;
+	let t11;
+	if ($[15] !== addAssets) {
+		t11 = (result) => {
+			addAssets([{
+				...result,
+				alt: "",
+				_fileId: result.fileId
+			}]);
+		};
+		$[15] = addAssets;
+		$[16] = t11;
+	} else t11 = $[16];
+	let t12;
+	if ($[17] !== t10 || $[18] !== t11) {
+		t12 = {
+			projectId: t10,
+			onFileCommitted: t11
+		};
+		$[17] = t10;
+		$[18] = t11;
+		$[19] = t12;
+	} else t12 = $[19];
+	const { uploads, uploadFiles } = useFileUpload(t12);
 	const [pickerOpen, setPickerOpen] = React.useState(false);
 	const [lightboxAsset, setLightboxAsset] = React.useState(null);
-	let t2;
-	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = { coordinateGetter: sortableKeyboardCoordinates };
-		$[3] = t2;
-	} else t2 = $[3];
-	const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, t2));
-	const handleDragEnd = (event) => {
-		const { active, over } = event;
-		if (!over || active.id === over.id) return;
-		const oldIndex = items.findIndex((a_1) => String(a_1._fileId) === active.id);
-		const newIndex = items.findIndex((a_2) => String(a_2._fileId) === over.id);
-		if (oldIndex === -1 || newIndex === -1) return;
-		const reordered = [...items];
-		const [moved] = reordered.splice(oldIndex, 1);
-		reordered.splice(newIndex, 0, moved);
-		onFieldChange(fieldName, toStorageFormat(reordered));
-	};
-	const handleRemove = (fileId_0) => {
-		onFieldChange(fieldName, toStorageFormat(items.filter((a_3) => a_3._fileId !== fileId_0)));
-	};
-	const handleSelectMultiple = (files) => {
-		onFieldChange(fieldName, [...toStorageFormat(items), ...files.map(_temp4)]);
-		setPickerOpen(false);
-	};
-	const T0 = UploadDropZone;
-	const t3 = "space-y-4 px-2 py-4";
-	const t4 = items.length > 0 && /* @__PURE__ */ jsx(DndContext, {
-		sensors,
-		collisionDetection: closestCenter,
-		onDragEnd: handleDragEnd,
-		modifiers: [restrictToVerticalAxis],
-		children: /* @__PURE__ */ jsx(SortableContext, {
-			items: items.map(_temp5),
-			strategy: verticalListSortingStrategy,
-			children: /* @__PURE__ */ jsx("ul", {
-				className: "flex flex-col gap-1",
-				children: items.map((asset) => /* @__PURE__ */ jsx(SortableAssetItem, {
-					asset,
-					assetType,
-					onRemove: handleRemove,
-					onAssetOpen: setLightboxAsset
-				}, asset._fileId))
+	let t13;
+	if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
+		t13 = { coordinateGetter: sortableKeyboardCoordinates };
+		$[20] = t13;
+	} else t13 = $[20];
+	const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, t13));
+	let t14;
+	if ($[21] !== fieldName || $[22] !== items || $[23] !== onFieldChange || $[24] !== toStorageFormat) {
+		t14 = (event) => {
+			const { active, over } = event;
+			if (!over || active.id === over.id) return;
+			const oldIndex = items.findIndex((a_1) => a_1._fileId === active.id);
+			const newIndex = items.findIndex((a_2) => a_2._fileId === over.id);
+			if (oldIndex === -1 || newIndex === -1) return;
+			const reordered = [...items];
+			const [moved] = reordered.splice(oldIndex, 1);
+			reordered.splice(newIndex, 0, moved);
+			onFieldChange(fieldName, toStorageFormat(reordered));
+		};
+		$[21] = fieldName;
+		$[22] = items;
+		$[23] = onFieldChange;
+		$[24] = toStorageFormat;
+		$[25] = t14;
+	} else t14 = $[25];
+	const handleDragEnd = t14;
+	let t15;
+	if ($[26] !== fieldName || $[27] !== items || $[28] !== onFieldChange || $[29] !== toStorageFormat) {
+		t15 = (fileId) => {
+			onFieldChange(fieldName, toStorageFormat(items.filter((a_3) => a_3._fileId !== fileId)));
+		};
+		$[26] = fieldName;
+		$[27] = items;
+		$[28] = onFieldChange;
+		$[29] = toStorageFormat;
+		$[30] = t15;
+	} else t15 = $[30];
+	const handleRemove = t15;
+	let t16;
+	if ($[31] !== addAssets) {
+		t16 = (files) => {
+			addAssets(files.map(_temp3));
+			setPickerOpen(false);
+		};
+		$[31] = addAssets;
+		$[32] = t16;
+	} else t16 = $[32];
+	const handleSelectMultiple = t16;
+	let t17;
+	if ($[33] !== assetType || $[34] !== handleDragEnd || $[35] !== handleRemove || $[36] !== items || $[37] !== offerDelete || $[38] !== resolveLocally || $[39] !== sensors) {
+		t17 = items.length > 0 && /* @__PURE__ */ jsx(DndContext, {
+			sensors,
+			collisionDetection: closestCenter,
+			onDragEnd: handleDragEnd,
+			modifiers: [restrictToVerticalAxis],
+			children: /* @__PURE__ */ jsx(SortableContext, {
+				items: items.map(_temp4),
+				strategy: verticalListSortingStrategy,
+				children: /* @__PURE__ */ jsx("ul", {
+					className: "flex flex-col gap-1",
+					children: items.map((asset_0) => /* @__PURE__ */ jsx(SortableAssetItem, {
+						asset: asset_0,
+						assetType,
+						onRemove: handleRemove,
+						onAssetOpen: setLightboxAsset,
+						persisted: !resolveLocally,
+						offerDelete
+					}, asset_0._fileId))
+				})
 			})
-		})
-	});
-	let t5;
-	if ($[4] !== setPickerOpen) {
-		t5 = () => setPickerOpen(true);
-		$[4] = setPickerOpen;
-		$[5] = t5;
-	} else t5 = $[5];
-	let t6;
-	if ($[6] !== isImage || $[7] !== t5 || $[8] !== uploadFiles || $[9] !== uploads) {
-		t6 = /* @__PURE__ */ jsx(AssetActionButtons, {
+		});
+		$[33] = assetType;
+		$[34] = handleDragEnd;
+		$[35] = handleRemove;
+		$[36] = items;
+		$[37] = offerDelete;
+		$[38] = resolveLocally;
+		$[39] = sensors;
+		$[40] = t17;
+	} else t17 = $[40];
+	let t18;
+	if ($[41] === Symbol.for("react.memo_cache_sentinel")) {
+		t18 = () => setPickerOpen(true);
+		$[41] = t18;
+	} else t18 = $[41];
+	let t19;
+	if ($[42] !== accept || $[43] !== isImage || $[44] !== uploadFiles || $[45] !== uploads) {
+		t19 = /* @__PURE__ */ jsx(AssetActionButtons, {
 			isImage,
 			multiple: true,
 			fileInputRef,
-			onPickerOpen: t5,
+			onPickerOpen: t18,
 			onFilesSelected: uploadFiles,
-			uploads
+			uploads,
+			accept
 		});
-		$[6] = isImage;
-		$[7] = t5;
-		$[8] = uploadFiles;
-		$[9] = uploads;
-		$[10] = t6;
-	} else t6 = $[10];
-	let t7;
-	if ($[11] !== t4 || $[12] !== t6) {
-		t7 = /* @__PURE__ */ jsxs("div", {
-			className: t3,
-			children: [t4, t6]
+		$[42] = accept;
+		$[43] = isImage;
+		$[44] = uploadFiles;
+		$[45] = uploads;
+		$[46] = t19;
+	} else t19 = $[46];
+	let t20;
+	if ($[47] !== t17 || $[48] !== t19) {
+		t20 = /* @__PURE__ */ jsxs("div", {
+			className: "space-y-4 px-2 py-4",
+			children: [t17, t19]
 		});
-		$[11] = t4;
-		$[12] = t6;
-		$[13] = t7;
-	} else t7 = $[13];
-	let t8;
-	if ($[14] !== assetType || $[15] !== handleSelectMultiple || $[16] !== pickerOpen || $[17] !== setPickerOpen) {
-		t8 = /* @__PURE__ */ jsx(AssetPickerModal, {
+		$[47] = t17;
+		$[48] = t19;
+		$[49] = t20;
+	} else t20 = $[49];
+	let t21;
+	if ($[50] !== assetType || $[51] !== handleSelectMultiple || $[52] !== pickerOpen) {
+		t21 = /* @__PURE__ */ jsx(AssetPickerModal, {
 			open: pickerOpen,
 			onOpenChange: setPickerOpen,
 			assetType,
 			mode: "multiple",
-			onSelectSingle: _temp6,
+			onSelectSingle: _temp5,
 			onSelectMultiple: handleSelectMultiple
 		});
-		$[14] = assetType;
-		$[15] = handleSelectMultiple;
-		$[16] = pickerOpen;
-		$[17] = setPickerOpen;
-		$[18] = t8;
-	} else t8 = $[18];
-	let t9;
-	if ($[19] !== lightboxAsset || $[20] !== setLightboxAsset) {
-		t9 = lightboxAsset && /* @__PURE__ */ jsx(AssetLightbox, {
+		$[50] = assetType;
+		$[51] = handleSelectMultiple;
+		$[52] = pickerOpen;
+		$[53] = t21;
+	} else t21 = $[53];
+	let t22;
+	if ($[54] !== lightboxAsset) {
+		t22 = lightboxAsset && /* @__PURE__ */ jsx(AssetLightbox, {
 			open: !!lightboxAsset,
 			onOpenChange: (open) => {
 				if (!open) setLightboxAsset(null);
 			},
 			fileId: lightboxAsset._fileId
 		});
-		$[19] = lightboxAsset;
-		$[20] = setLightboxAsset;
-		$[21] = t9;
-	} else t9 = $[21];
-	let t10;
-	if ($[22] !== T0 || $[23] !== t7 || $[24] !== t8 || $[25] !== t9 || $[26] !== uploadFiles) {
-		t10 = /* @__PURE__ */ jsxs(T0, {
+		$[54] = lightboxAsset;
+		$[55] = t22;
+	} else t22 = $[55];
+	let t23;
+	if ($[56] !== t20 || $[57] !== t21 || $[58] !== t22 || $[59] !== uploadFiles) {
+		t23 = /* @__PURE__ */ jsxs(UploadDropZone, {
 			onDrop: uploadFiles,
 			children: [
-				t7,
-				t8,
-				t9
+				t20,
+				t21,
+				t22
 			]
 		});
-		$[22] = T0;
-		$[23] = t7;
-		$[24] = t8;
-		$[25] = t9;
-		$[26] = uploadFiles;
-		$[27] = t10;
-	} else t10 = $[27];
-	return t10;
+		$[56] = t20;
+		$[57] = t21;
+		$[58] = t22;
+		$[59] = uploadFiles;
+		$[60] = t23;
+	} else t23 = $[60];
+	return t23;
 };
 function _temp(a) {
 	return !!a && !!a.url;
@@ -340,16 +427,17 @@ function _temp(a) {
 function _temp2(a_0) {
 	return { _fileId: a_0._fileId };
 }
-function _temp3(assets) {
-	return assets.map(_temp2);
-}
-function _temp4(f) {
-	return { _fileId: f.id };
+function _temp3(file) {
+	return {
+		...file,
+		alt: file.alt ?? "",
+		_fileId: file.id
+	};
 }
-function _temp5(a_4) {
-	return String(a_4._fileId);
+function _temp4(a_4) {
+	return a_4._fileId;
 }
-function _temp6() {}
+function _temp5() {}
 
 //#endregion
 export { MultipleAssetFieldEditor };