camox 0.32.0 → 0.33.1

package/dist/features/preview/components/{AddBlockSheet.js → AddBlockSidebar.js}

@@ -1,8 +1,7 @@
-import { trackClientEvent } from "../../../lib/telemetry-client.js";
-import { previewStore } from "../previewStore.js";
-import { PreviewSideSheet, Sheet } from "./PreviewSideSheet.js";
 import { useProjectSlug } from "../../../lib/auth.js";
 import { blockMutations, blockQueries, projectQueries } from "../../../lib/queries.js";
+import { trackClientEvent } from "../../../lib/telemetry-client.js";
+import { previewStore } from "../previewStore.js";
 import { usePageBlocks } from "../../../lib/normalized-data.js";
 import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
 import { useRequireDraftSource } from "../../../core/hooks/useRequireDraftSource.js";
@@ -13,16 +12,19 @@ import { useLocation } from "@tanstack/react-router";
 import { useSelector } from "@xstate/store-react";
 import { generateKeyBetween } from "fractional-indexing";
 import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { queryKeys } from "@camox/api-contract/query-keys";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@camox/ui/button";
+import { ArrowLeft } from "lucide-react";
 import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "@camox/ui/command";
+import { PanelContent } from "@camox/ui/panel";
 
-//#region src/features/preview/components/AddBlockSheet.tsx
-const AddBlockSheet = () => {
-	const $ = c(61);
-	if ($[0] !== "0320621570f40e4a7e82d65adec2727cd3960491c9729ac51b93474f1e682d5a") {
-		for (let $i = 0; $i < 61; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "0320621570f40e4a7e82d65adec2727cd3960491c9729ac51b93474f1e682d5a";
+//#region src/features/preview/components/AddBlockSidebar.tsx
+const AddBlockSidebar = () => {
+	const $ = c(58);
+	if ($[0] !== "27e7cb036200fff6fa774c3b5c9184e0f19bdb13228e0c714ed0cebcdf6abec5") {
+		for (let $i = 0; $i < 58; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "27e7cb036200fff6fa774c3b5c9184e0f19bdb13228e0c714ed0cebcdf6abec5";
 	}
 	const [highlightedValue, setHighlightedValue] = React.useState("");
 	const queryClient = useQueryClient();
@@ -163,9 +165,8 @@ const AddBlockSheet = () => {
 		$[16] = t8;
 	} else t8 = $[16];
 	const pageCounts = t8;
-	const isOpen = useSelector(previewStore, _temp4);
-	const peekedBlockPosition = useSelector(previewStore, _temp5);
-	const addBlockSource = useSelector(previewStore, _temp6);
+	const peekedBlockPosition = useSelector(previewStore, _temp4);
+	const addBlockSource = useSelector(previewStore, _temp5);
 	let t9;
 	if ($[17] !== addBlockSource || $[18] !== createBlock || $[19] !== page || $[20] !== pageBlocks_0 || $[21] !== peekedBlockPosition || $[22] !== requireDraft) {
 		t9 = async (block_0) => {
@@ -221,74 +222,64 @@ const AddBlockSheet = () => {
 		if (block_2) handlePreviewBlock(block_2);
 		else previewStore.send({ type: "clearPeekedBlock" });
 	};
-	const handleOpenChange = _temp7;
 	let t11;
-	let t12;
-	if ($[27] !== isOpen) {
-		t11 = () => {
-			if (isOpen) setHighlightedValue("");
-		};
-		t12 = [isOpen];
-		$[27] = isOpen;
-		$[28] = t11;
-		$[29] = t12;
-	} else {
-		t11 = $[28];
-		t12 = $[29];
-	}
-	React.useEffect(t11, t12);
-	let t13;
-	if ($[30] !== pageCounts || $[31] !== totalCounts) {
-		t13 = (blockId_0) => {
+	if ($[27] !== pageCounts || $[28] !== totalCounts) {
+		t11 = (blockId_0) => {
 			const total = totalCounts[blockId_0] ?? 0;
 			if (total === 0) return "Never used";
 			const page_0 = pageCounts[blockId_0] ?? "none";
 			return `${total} use${total > 1 ? "s" : ""} (${page_0} here)`;
 		};
-		$[30] = pageCounts;
-		$[31] = totalCounts;
-		$[32] = t13;
-	} else t13 = $[32];
-	const displayCount = t13;
-	const T0 = PreviewSideSheet;
-	const t14 = "flex flex-col gap-0";
-	let t15;
-	if ($[33] === Symbol.for("react.memo_cache_sentinel")) {
-		t15 = /* @__PURE__ */ jsxs(Sheet.SheetHeader, {
-			className: "border-border border-b",
-			children: [/* @__PURE__ */ jsx(Sheet.SheetTitle, { children: "Add new block" }), /* @__PURE__ */ jsx(Sheet.SheetDescription, { children: "Search and select a block to add to the page." })]
+		$[27] = pageCounts;
+		$[28] = totalCounts;
+		$[29] = t11;
+	} else t11 = $[29];
+	const displayCount = t11;
+	let t12;
+	if ($[30] === Symbol.for("react.memo_cache_sentinel")) {
+		t12 = /* @__PURE__ */ jsx("div", {
+			className: "px-2 pt-4",
+			children: /* @__PURE__ */ jsxs(Button, {
+				variant: "ghost",
+				className: "w-full justify-start",
+				onClick: _temp6,
+				children: [/* @__PURE__ */ jsx(ArrowLeft, { className: "text-muted-foreground" }), "Add new block"]
+			})
 		});
-		$[33] = t15;
-	} else t15 = $[33];
-	const t16 = "flex-1 overflow-auto p-2";
+		$[30] = t12;
+	} else t12 = $[30];
+	const T0 = PanelContent;
+	const t13 = "flex grow basis-0 flex-col overflow-auto px-2 py-2";
 	const T1 = Command;
-	const t17 = "overflow-visible";
-	const t18 = _temp8;
-	let t19;
-	if ($[34] === Symbol.for("react.memo_cache_sentinel")) {
-		t19 = /* @__PURE__ */ jsx(CommandInput, {
+	const t14 = "overflow-visible rounded-none! bg-transparent! p-0!";
+	const t15 = _temp7;
+	let t16;
+	if ($[31] === Symbol.for("react.memo_cache_sentinel")) {
+		t16 = /* @__PURE__ */ jsx(CommandInput, {
 			placeholder: "Search blocks...",
+			className: "px-0 pt-0",
 			autoFocus: true
 		});
-		$[34] = t19;
-	} else t19 = $[34];
+		$[31] = t16;
+	} else t16 = $[31];
 	const T2 = CommandList;
-	const t20 = "mt-1 max-h-full";
-	let t21;
-	if ($[35] === Symbol.for("react.memo_cache_sentinel")) {
-		t21 = /* @__PURE__ */ jsx(CommandEmpty, { children: "No blocks found." });
-		$[35] = t21;
-	} else t21 = $[35];
+	const t17 = "mt-2 max-h-full";
+	let t18;
+	if ($[32] === Symbol.for("react.memo_cache_sentinel")) {
+		t18 = /* @__PURE__ */ jsx(CommandEmpty, { children: "No blocks found." });
+		$[32] = t18;
+	} else t18 = $[32];
 	const T3 = CommandGroup;
-	let t22;
-	if ($[36] !== totalCounts) {
-		t22 = (a, b_3) => (totalCounts[b_3._internal.id] ?? 0) - (totalCounts[a._internal.id] ?? 0);
-		$[36] = totalCounts;
-		$[37] = t22;
-	} else t22 = $[37];
-	let t23;
-	if ($[38] !== displayCount || $[39] !== handleAddBlock) {
-		t23 = (block_3) => /* @__PURE__ */ jsx(CommandItem, {
+	const t19 = "p-0";
+	let t20;
+	if ($[33] !== totalCounts) {
+		t20 = (a, b_3) => (totalCounts[b_3._internal.id] ?? 0) - (totalCounts[a._internal.id] ?? 0);
+		$[33] = totalCounts;
+		$[34] = t20;
+	} else t20 = $[34];
+	let t21;
+	if ($[35] !== displayCount || $[36] !== handleAddBlock) {
+		t21 = (block_3) => /* @__PURE__ */ jsx(CommandItem, {
 			value: block_3._internal.title,
 			onSelect: () => {
 				handleAddBlock(block_3);
@@ -302,65 +293,67 @@ const AddBlockSheet = () => {
 				})]
 			})
 		}, block_3._internal.id);
-		$[38] = displayCount;
-		$[39] = handleAddBlock;
+		$[35] = displayCount;
+		$[36] = handleAddBlock;
+		$[37] = t21;
+	} else t21 = $[37];
+	const t22 = availableBlocks.sort(t20).map(t21);
+	let t23;
+	if ($[38] !== T3 || $[39] !== t22) {
+		t23 = /* @__PURE__ */ jsx(T3, {
+			className: t19,
+			children: t22
+		});
+		$[38] = T3;
+		$[39] = t22;
 		$[40] = t23;
 	} else t23 = $[40];
-	const t24 = availableBlocks.sort(t22).map(t23);
+	let t24;
+	if ($[41] !== T2 || $[42] !== t18 || $[43] !== t23) {
+		t24 = /* @__PURE__ */ jsxs(T2, {
+			className: t17,
+			children: [t18, t23]
+		});
+		$[41] = T2;
+		$[42] = t18;
+		$[43] = t23;
+		$[44] = t24;
+	} else t24 = $[44];
 	let t25;
-	if ($[41] !== T3 || $[42] !== t24) {
-		t25 = /* @__PURE__ */ jsx(T3, { children: t24 });
-		$[41] = T3;
-		$[42] = t24;
-		$[43] = t25;
-	} else t25 = $[43];
+	if ($[45] !== T1 || $[46] !== handleValueChange || $[47] !== highlightedValue || $[48] !== t15 || $[49] !== t16 || $[50] !== t24) {
+		t25 = /* @__PURE__ */ jsxs(T1, {
+			value: highlightedValue,
+			onValueChange: handleValueChange,
+			className: t14,
+			onKeyDown: t15,
+			children: [t16, t24]
+		});
+		$[45] = T1;
+		$[46] = handleValueChange;
+		$[47] = highlightedValue;
+		$[48] = t15;
+		$[49] = t16;
+		$[50] = t24;
+		$[51] = t25;
+	} else t25 = $[51];
 	let t26;
-	if ($[44] !== T2 || $[45] !== t21 || $[46] !== t25) {
-		t26 = /* @__PURE__ */ jsxs(T2, {
-			className: t20,
-			children: [t21, t25]
+	if ($[52] !== T0 || $[53] !== t25) {
+		t26 = /* @__PURE__ */ jsx(T0, {
+			className: t13,
+			children: t25
 		});
-		$[44] = T2;
-		$[45] = t21;
-		$[46] = t25;
-		$[47] = t26;
-	} else t26 = $[47];
+		$[52] = T0;
+		$[53] = t25;
+		$[54] = t26;
+	} else t26 = $[54];
 	let t27;
-	if ($[48] !== T1 || $[49] !== handleValueChange || $[50] !== highlightedValue || $[51] !== t18 || $[52] !== t19 || $[53] !== t26) {
-		t27 = /* @__PURE__ */ jsx("div", {
-			className: t16,
-			children: /* @__PURE__ */ jsxs(T1, {
-				value: highlightedValue,
-				onValueChange: handleValueChange,
-				className: t17,
-				onKeyDown: t18,
-				children: [t19, t26]
-			})
-		});
-		$[48] = T1;
-		$[49] = handleValueChange;
-		$[50] = highlightedValue;
-		$[51] = t18;
-		$[52] = t19;
-		$[53] = t26;
-		$[54] = t27;
-	} else t27 = $[54];
-	let t28;
-	if ($[55] !== T0 || $[56] !== handleOpenChange || $[57] !== isOpen || $[58] !== t15 || $[59] !== t27) {
-		t28 = /* @__PURE__ */ jsxs(T0, {
-			open: isOpen,
-			onOpenChange: handleOpenChange,
-			className: t14,
-			children: [t15, t27]
-		});
-		$[55] = T0;
-		$[56] = handleOpenChange;
-		$[57] = isOpen;
-		$[58] = t15;
-		$[59] = t27;
-		$[60] = t28;
-	} else t28 = $[60];
-	return t28;
+	if ($[55] !== t12 || $[56] !== t26) {
+		t27 = /* @__PURE__ */ jsxs(Fragment, { children: [t12, t26] });
+		$[55] = t12;
+		$[56] = t26;
+		$[57] = t27;
+	} else t27 = $[57];
+	return t27;
 };
 function _temp(state) {
 	return state.context.peekedPagePathname;
@@ -372,20 +365,17 @@ function _temp3(b_1) {
 	return !b_1._internal.layoutOnly;
 }
 function _temp4(state_0) {
-	return state_0.context.isAddBlockSheetOpen;
+	return state_0.context.peekedBlockPosition;
 }
 function _temp5(state_1) {
-	return state_1.context.peekedBlockPosition;
-}
-function _temp6(state_2) {
-	return state_2.context.addBlockSource;
+	return state_1.context.addBlockSource;
 }
-function _temp7(open) {
-	if (!open) previewStore.send({ type: "closeAddBlockSheet" });
+function _temp6() {
+	return previewStore.send({ type: "closeAddBlockSidebar" });
 }
-function _temp8(e) {
-	if (e.key === "Escape") previewStore.send({ type: "closeAddBlockSheet" });
+function _temp7(e) {
+	if (e.key === "Escape") previewStore.send({ type: "closeAddBlockSidebar" });
 }
 
 //#endregion
-export { AddBlockSheet };
+export { AddBlockSidebar };

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

@@ -5,7 +5,7 @@ import { UploadDropZone } from "../../content/components/UploadDropZone.js";
 import { UploadItemRow } from "../../content/components/UploadProgressDrawer.js";
 import { useFileUpload } from "../../../hooks/use-file-upload.js";
 import { AssetLightbox } from "./AssetLightbox.js";
-import { AssetPickerGrid } from "./AssetPickerGrid.js";
+import { AssetPickerModal } from "./AssetPickerModal.js";
 import { UnlinkAssetButton } from "./UnlinkAssetButton.js";
 import { c } from "react/compiler-runtime";
 import { useQuery } from "@tanstack/react-query";
@@ -21,9 +21,9 @@ function assetLabel(isImage, multiple) {
 }
 const AssetActionButtons = (t0) => {
 	const $ = c(27);
-	if ($[0] !== "578c810b03b0bcf84595cb011652bdf58260b853f4d229ef94d55109880eacf0") {
+	if ($[0] !== "4a65b10e6768746c3b5e48410da30f980b826ef25e0b19c47e522622b4dd7baf") {
 		for (let $i = 0; $i < 27; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "578c810b03b0bcf84595cb011652bdf58260b853f4d229ef94d55109880eacf0";
+		$[0] = "4a65b10e6768746c3b5e48410da30f980b826ef25e0b19c47e522622b4dd7baf";
 	}
 	const { isImage, multiple, fileInputRef, onPickerOpen, onFilesSelected, uploads } = t0;
 	let t1;
@@ -125,10 +125,10 @@ const AssetActionButtons = (t0) => {
 	return t11;
 };
 const SingleAssetFieldEditor = (t0) => {
-	const $ = c(29);
-	if ($[0] !== "578c810b03b0bcf84595cb011652bdf58260b853f4d229ef94d55109880eacf0") {
-		for (let $i = 0; $i < 29; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "578c810b03b0bcf84595cb011652bdf58260b853f4d229ef94d55109880eacf0";
+	const $ = c(37);
+	if ($[0] !== "4a65b10e6768746c3b5e48410da30f980b826ef25e0b19c47e522622b4dd7baf") {
+		for (let $i = 0; $i < 37; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "4a65b10e6768746c3b5e48410da30f980b826ef25e0b19c47e522622b4dd7baf";
 	}
 	const { fieldName, assetType, currentData, onFieldChange } = t0;
 	const asset = currentData[fieldName];
@@ -189,87 +189,112 @@ const SingleAssetFieldEditor = (t0) => {
 	} else t6 = $[13];
 	const handleSelectExisting = t6;
 	let t7;
-	if ($[14] !== asset || $[15] !== assetType || $[16] !== fieldName || $[17] !== handleDrop || $[18] !== handleSelectExisting || $[19] !== hasAsset || $[20] !== isImage || $[21] !== lightboxOpen || $[22] !== onFieldChange || $[23] !== pickerOpen || $[24] !== uploads) {
-		t7 = pickerOpen ? /* @__PURE__ */ jsx(AssetPickerGrid, {
+	if ($[14] !== asset || $[15] !== fieldName || $[16] !== hasAsset || $[17] !== isImage || $[18] !== lightboxOpen || $[19] !== onFieldChange) {
+		t7 = hasAsset && /* @__PURE__ */ jsxs("div", {
+			className: "text-foreground hover:bg-accent/75 flex max-w-full flex-row items-center gap-2 rounded-lg border-2 px-1 py-1",
+			children: [
+				/* @__PURE__ */ jsxs("button", {
+					type: "button",
+					className: "flex min-w-0 flex-1 cursor-zoom-in items-center gap-2 rounded-sm p-1",
+					onClick: () => setLightboxOpen(true),
+					children: [isImage ? /* @__PURE__ */ jsx("div", {
+						className: "border-border h-10 w-10 shrink-0 overflow-hidden rounded border",
+						children: /* @__PURE__ */ jsx("img", {
+							src: transformImageUrl(asset.url, {
+								width: 128,
+								mimeType: asset.mimeType,
+								size: asset.size
+							}),
+							alt: asset.alt || asset.filename,
+							className: "h-full w-full object-cover"
+						})
+					}) : /* @__PURE__ */ jsx("div", {
+						className: "border-border bg-muted flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden rounded border",
+						children: /* @__PURE__ */ jsx(FileIcon, { className: "text-muted-foreground h-5 w-5" })
+					}), /* @__PURE__ */ jsx("p", {
+						className: "flex-1 truncate text-left text-sm",
+						title: asset.filename,
+						children: asset.filename || "Untitled"
+					})]
+				}),
+				/* @__PURE__ */ jsx(UnlinkAssetButton, {
+					fileId: asset._fileId != null ? Number(asset._fileId) : void 0,
+					onUnlink: () => {
+						onFieldChange(fieldName, null);
+					}
+				}),
+				asset._fileId && /* @__PURE__ */ jsx(AssetLightbox, {
+					open: lightboxOpen,
+					onOpenChange: setLightboxOpen,
+					fileId: Number(asset._fileId)
+				})
+			]
+		});
+		$[14] = asset;
+		$[15] = fieldName;
+		$[16] = hasAsset;
+		$[17] = isImage;
+		$[18] = lightboxOpen;
+		$[19] = onFieldChange;
+		$[20] = t7;
+	} else t7 = $[20];
+	let t8;
+	if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = () => setPickerOpen(true);
+		$[21] = t8;
+	} else t8 = $[21];
+	let t9;
+	if ($[22] !== handleDrop || $[23] !== isImage || $[24] !== uploads) {
+		t9 = /* @__PURE__ */ jsx(AssetActionButtons, {
+			isImage,
+			multiple: false,
+			fileInputRef,
+			onPickerOpen: t8,
+			onFilesSelected: handleDrop,
+			uploads
+		});
+		$[22] = handleDrop;
+		$[23] = isImage;
+		$[24] = uploads;
+		$[25] = t9;
+	} else t9 = $[25];
+	let t10;
+	if ($[26] !== t7 || $[27] !== t9) {
+		t10 = /* @__PURE__ */ jsxs("div", {
+			className: "space-y-4 px-2 py-4",
+			children: [t7, t9]
+		});
+		$[26] = t7;
+		$[27] = t9;
+		$[28] = t10;
+	} else t10 = $[28];
+	let t11;
+	if ($[29] !== assetType || $[30] !== handleSelectExisting || $[31] !== pickerOpen) {
+		t11 = /* @__PURE__ */ jsx(AssetPickerModal, {
+			open: pickerOpen,
+			onOpenChange: setPickerOpen,
 			assetType,
 			mode: "single",
 			onSelectSingle: handleSelectExisting,
-			onSelectMultiple: _temp2,
-			onClose: () => setPickerOpen(false)
-		}) : /* @__PURE__ */ jsxs("div", {
-			className: "space-y-4 px-4 py-4",
-			children: [hasAsset && /* @__PURE__ */ jsxs("div", {
-				className: "text-foreground hover:bg-accent/75 flex max-w-full flex-row items-center gap-2 rounded-lg border-2 px-1 py-1",
-				children: [
-					/* @__PURE__ */ jsxs("button", {
-						type: "button",
-						className: "flex min-w-0 flex-1 cursor-zoom-in items-center gap-2 rounded-sm p-1",
-						onClick: () => setLightboxOpen(true),
-						children: [isImage ? /* @__PURE__ */ jsx("div", {
-							className: "border-border h-10 w-10 shrink-0 overflow-hidden rounded border",
-							children: /* @__PURE__ */ jsx("img", {
-								src: transformImageUrl(asset.url, {
-									width: 128,
-									mimeType: asset.mimeType,
-									size: asset.size
-								}),
-								alt: asset.alt || asset.filename,
-								className: "h-full w-full object-cover"
-							})
-						}) : /* @__PURE__ */ jsx("div", {
-							className: "border-border bg-muted flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden rounded border",
-							children: /* @__PURE__ */ jsx(FileIcon, { className: "text-muted-foreground h-5 w-5" })
-						}), /* @__PURE__ */ jsx("p", {
-							className: "flex-1 truncate text-left text-sm",
-							title: asset.filename,
-							children: asset.filename || "Untitled"
-						})]
-					}),
-					/* @__PURE__ */ jsx(UnlinkAssetButton, {
-						fileId: asset._fileId != null ? Number(asset._fileId) : void 0,
-						onUnlink: () => {
-							onFieldChange(fieldName, null);
-						}
-					}),
-					asset._fileId && /* @__PURE__ */ jsx(AssetLightbox, {
-						open: lightboxOpen,
-						onOpenChange: setLightboxOpen,
-						fileId: Number(asset._fileId)
-					})
-				]
-			}), /* @__PURE__ */ jsx(AssetActionButtons, {
-				isImage,
-				multiple: false,
-				fileInputRef,
-				onPickerOpen: () => setPickerOpen(true),
-				onFilesSelected: handleDrop,
-				uploads
-			})]
+			onSelectMultiple: _temp2
 		});
-		$[14] = asset;
-		$[15] = assetType;
-		$[16] = fieldName;
-		$[17] = handleDrop;
-		$[18] = handleSelectExisting;
-		$[19] = hasAsset;
-		$[20] = isImage;
-		$[21] = lightboxOpen;
-		$[22] = onFieldChange;
-		$[23] = pickerOpen;
-		$[24] = uploads;
-		$[25] = t7;
-	} else t7 = $[25];
-	let t8;
-	if ($[26] !== handleDrop || $[27] !== t7) {
-		t8 = /* @__PURE__ */ jsx(UploadDropZone, {
+		$[29] = assetType;
+		$[30] = handleSelectExisting;
+		$[31] = pickerOpen;
+		$[32] = t11;
+	} else t11 = $[32];
+	let t12;
+	if ($[33] !== handleDrop || $[34] !== t10 || $[35] !== t11) {
+		t12 = /* @__PURE__ */ jsxs(UploadDropZone, {
 			onDrop: handleDrop,
-			children: t7
+			children: [t10, t11]
 		});
-		$[26] = handleDrop;
-		$[27] = t7;
-		$[28] = t8;
-	} else t8 = $[28];
-	return t8;
+		$[33] = handleDrop;
+		$[34] = t10;
+		$[35] = t11;
+		$[36] = t12;
+	} else t12 = $[36];
+	return t12;
 };
 function _temp(item) {
 	return /* @__PURE__ */ jsx(UploadItemRow, { item }, item.id);

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

@@ -1,29 +1,29 @@
-import { trackClientEvent } from "../../../lib/telemetry-client.js";
-import { getAuthCookieHeader } from "../../../lib/auth.js";
+import { getAuthCookieHeader, getAuthRequestCredentials } from "../../../lib/auth.js";
 import { getApiUrl, getEnvironmentName } from "../../../lib/api-client.js";
 import { fileMutations, fileQueries } from "../../../lib/queries.js";
+import { trackClientEvent } from "../../../lib/telemetry-client.js";
 import { isRasterImage, transformImageUrl } from "../../../core/lib/imageTransform.js";
 import { UploadDropZone } from "../../content/components/UploadDropZone.js";
 import { DebouncedFieldEditor } from "./DebouncedFieldEditor.js";
 import { c } from "react/compiler-runtime";
 import { Label } from "@camox/ui/label";
-import { toast } from "@camox/ui/toaster";
 import { useMutation, useQuery } from "@tanstack/react-query";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { toast } from "@camox/ui/toaster";
 import { Button } from "@camox/ui/button";
+import { Check, Download, FileIcon, Info, Link, Loader2, Trash2, X } from "lucide-react";
+import { Dialog, DialogContent, DialogTitle } from "@camox/ui/dialog";
 import { ButtonGroup } from "@camox/ui/button-group";
 import { Switch } from "@camox/ui/switch";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@camox/ui/tooltip";
-import { Check, Download, FileIcon, Info, Link, Loader2, Trash2, X } from "lucide-react";
-import { Dialog, DialogContent, DialogTitle } from "@camox/ui/dialog";
 
 //#region src/features/preview/components/AssetLightbox.tsx
 function MetadataRow(t0) {
 	const $ = c(9);
-	if ($[0] !== "5a5b1edf9c8dcefe67d31c9a59c95831dcc6dfede24df286efbdba62d1fd4e8d") {
+	if ($[0] !== "57c6d07de7206779e7a888ace2e7d9e6b374e2f3c9aed614f5bd25f704694553") {
 		for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "5a5b1edf9c8dcefe67d31c9a59c95831dcc6dfede24df286efbdba62d1fd4e8d";
+		$[0] = "57c6d07de7206779e7a888ace2e7d9e6b374e2f3c9aed614f5bd25f704694553";
 	}
 	const { label, children } = t0;
 	let t1;
@@ -67,9 +67,9 @@ function MetadataRow(t0) {
 }
 function DeliveredSize(t0) {
 	const $ = c(16);
-	if ($[0] !== "5a5b1edf9c8dcefe67d31c9a59c95831dcc6dfede24df286efbdba62d1fd4e8d") {
+	if ($[0] !== "57c6d07de7206779e7a888ace2e7d9e6b374e2f3c9aed614f5bd25f704694553") {
 		for (let $i = 0; $i < 16; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "5a5b1edf9c8dcefe67d31c9a59c95831dcc6dfede24df286efbdba62d1fd4e8d";
+		$[0] = "57c6d07de7206779e7a888ace2e7d9e6b374e2f3c9aed614f5bd25f704694553";
 	}
 	const { bytes, raw } = t0;
 	if (bytes == null) {
@@ -138,9 +138,9 @@ function DeliveredSize(t0) {
 }
 function DeliveredLabel(t0) {
 	const $ = c(4);
-	if ($[0] !== "5a5b1edf9c8dcefe67d31c9a59c95831dcc6dfede24df286efbdba62d1fd4e8d") {
+	if ($[0] !== "57c6d07de7206779e7a888ace2e7d9e6b374e2f3c9aed614f5bd25f704694553") {
 		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "5a5b1edf9c8dcefe67d31c9a59c95831dcc6dfede24df286efbdba62d1fd4e8d";
+		$[0] = "57c6d07de7206779e7a888ace2e7d9e6b374e2f3c9aed614f5bd25f704694553";
 	}
 	const { children } = t0;
 	let t1;
@@ -302,12 +302,13 @@ const AssetLightbox = ({ open, onOpenChange, fileId }) => {
 			formData.append("file", droppedFile);
 			formData.append("projectId", String(file?.projectId ?? 0));
 			const envName = getEnvironmentName();
+			const authCookieHeader = getAuthCookieHeader();
 			const uploadRes = await fetch(`${getApiUrl()}/files/upload`, {
 				method: "POST",
 				body: formData,
-				credentials: "omit",
+				credentials: getAuthRequestCredentials(authCookieHeader),
 				headers: {
-					"Better-Auth-Cookie": getAuthCookieHeader(),
+					...authCookieHeader ? { "Better-Auth-Cookie": authCookieHeader } : {},
 					...envName ? { "x-environment-name": envName } : {}
 				}
 			});