camox 0.43.0 → 0.45.0

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

@@ -1,96 +1,78 @@
-import { useProjectSlug } from "../../../lib/auth.js";
-import { fileQueries, projectQueries } from "../../../lib/queries.js";
+import { useProjectUuid } from "../../../lib/auth.js";
+import { reads, useReadQuery } from "../../../lib/studio-reads.js";
 import { AssetLightbox } from "./AssetLightbox.js";
 import { AssetCard } from "../../content/components/AssetCard.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";
-import { Skeleton } from "@camox/ui/skeleton";
 import { Dialog, DialogClose, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "@camox/ui/dialog";
+import { Skeleton } from "@camox/ui/skeleton";
 
 //#region src/features/preview/components/AssetPickerModal.tsx
 const AssetPickerModal = (t0) => {
-	const $ = c(56);
-	if ($[0] !== "c984030a1422cdd88b1f831d5358c0286f37bccfe41f31a3e0d717767fe6ebfd") {
-		for (let $i = 0; $i < 56; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c984030a1422cdd88b1f831d5358c0286f37bccfe41f31a3e0d717767fe6ebfd";
-	}
+	const $ = c(51);
 	const { open, onOpenChange, assetType, mode, onSelectSingle, onSelectMultiple } = t0;
-	const projectSlug = useProjectSlug();
+	const projectUuid = useProjectUuid();
 	let t1;
-	if ($[1] !== projectSlug) {
-		t1 = projectQueries.getBySlug(projectSlug);
-		$[1] = projectSlug;
-		$[2] = t1;
-	} else t1 = $[2];
-	const { data: project } = useQuery(t1);
+	if ($[0] !== projectUuid) {
+		t1 = reads.project({ projectUuid });
+		$[0] = projectUuid;
+		$[1] = t1;
+	} else t1 = $[1];
+	const { data: project } = useReadQuery(t1);
 	let t2;
-	if ($[3] !== project?.id) {
-		t2 = fileQueries.list(project?.id ?? 0);
-		$[3] = project?.id;
-		$[4] = t2;
-	} else t2 = $[4];
+	if ($[2] !== project?.id) {
+		t2 = reads.fileList({ projectId: project?.id ?? 0 });
+		$[2] = project?.id;
+		$[3] = t2;
+	} else t2 = $[3];
 	const t3 = !!project;
 	let t4;
-	if ($[5] !== t2 || $[6] !== t3) {
-		t4 = {
-			...t2,
-			enabled: t3
-		};
-		$[5] = t2;
-		$[6] = t3;
-		$[7] = t4;
-	} else t4 = $[7];
-	const { data: allFiles } = useQuery(t4);
+	if ($[4] !== t3) {
+		t4 = { enabled: t3 };
+		$[4] = t3;
+		$[5] = t4;
+	} else t4 = $[5];
+	const { data: allFiles } = useReadQuery(t2, t4);
 	let t5;
-	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
 		t5 = /* @__PURE__ */ new Set();
-		$[8] = t5;
-	} else t5 = $[8];
+		$[6] = t5;
+	} else t5 = $[6];
 	const [selectedIds, setSelectedIds] = React.useState(t5);
 	const [lightboxFile, setLightboxFile] = React.useState(null);
-	let t6;
-	let t7;
-	if ($[9] !== open) {
-		t6 = () => {
-			if (open) return;
+	const [previousOpen, setPreviousOpen] = React.useState(open);
+	if (open !== previousOpen) {
+		setPreviousOpen(open);
+		if (!open) {
 			setSelectedIds(/* @__PURE__ */ new Set());
 			setLightboxFile(null);
-		};
-		t7 = [open];
-		$[9] = open;
-		$[10] = t6;
-		$[11] = t7;
-	} else {
-		t6 = $[10];
-		t7 = $[11];
+		}
 	}
-	React.useEffect(t6, t7);
 	const isImage = assetType === "Image";
-	let t8;
+	let t6;
 	bb0: {
 		if (!allFiles) {
-			t8 = void 0;
+			t6 = void 0;
 			break bb0;
 		}
 		if (!isImage) {
-			t8 = allFiles;
+			t6 = allFiles;
 			break bb0;
 		}
-		let t9;
-		if ($[12] !== allFiles) {
-			t9 = allFiles.filter(_temp);
-			$[12] = allFiles;
-			$[13] = t9;
-		} else t9 = $[13];
-		t8 = t9;
+		let t7;
+		if ($[7] !== allFiles) {
+			t7 = allFiles.filter(_temp);
+			$[7] = allFiles;
+			$[8] = t7;
+		} else t7 = $[8];
+		t6 = t7;
 	}
-	const files = t8;
-	let t9;
-	if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
-		t9 = (fileId) => {
+	const files = t6;
+	let t7;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = (fileId) => {
 			setSelectedIds((prev) => {
 				const next = new Set(prev);
 				if (next.has(fileId)) next.delete(fileId);
@@ -98,62 +80,63 @@ const AssetPickerModal = (t0) => {
 				return next;
 			});
 		};
-		$[14] = t9;
-	} else t9 = $[14];
-	const toggleSelection = t9;
-	let t10;
-	if ($[15] !== files || $[16] !== onOpenChange || $[17] !== onSelectMultiple || $[18] !== selectedIds) {
-		t10 = () => {
+		$[9] = t7;
+	} else t7 = $[9];
+	const toggleSelection = t7;
+	let t8;
+	if ($[10] !== files || $[11] !== onOpenChange || $[12] !== onSelectMultiple || $[13] !== selectedIds) {
+		t8 = () => {
 			if (!files) return;
-			onSelectMultiple(files.filter((f_0) => selectedIds.has(f_0.id)));
+			const selected = files.filter((f_0) => selectedIds.has(f_0.id));
+			onSelectMultiple(selected);
 			onOpenChange(false);
 		};
-		$[15] = files;
-		$[16] = onOpenChange;
-		$[17] = onSelectMultiple;
-		$[18] = selectedIds;
-		$[19] = t10;
-	} else t10 = $[19];
-	const handleConfirmMultiple = t10;
-	let t11;
-	if ($[20] !== onOpenChange || $[21] !== onSelectSingle) {
-		t11 = (file) => {
+		$[10] = files;
+		$[11] = onOpenChange;
+		$[12] = onSelectMultiple;
+		$[13] = selectedIds;
+		$[14] = t8;
+	} else t8 = $[14];
+	const handleConfirmMultiple = t8;
+	let t9;
+	if ($[15] !== onOpenChange || $[16] !== onSelectSingle) {
+		t9 = (file) => {
 			onSelectSingle(file);
 			onOpenChange(false);
 		};
-		$[20] = onOpenChange;
-		$[21] = onSelectSingle;
-		$[22] = t11;
-	} else t11 = $[22];
-	const handleSelectSingle = t11;
+		$[15] = onOpenChange;
+		$[16] = onSelectSingle;
+		$[17] = t9;
+	} else t9 = $[17];
+	const handleSelectSingle = t9;
 	const title = mode === "multiple" ? `Add existing ${isImage ? "images" : "files"}` : `Add an existing ${isImage ? "image" : "file"}`;
-	let t12;
-	if ($[23] !== title) {
-		t12 = /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: title }) });
-		$[23] = title;
-		$[24] = t12;
-	} else t12 = $[24];
-	let t13;
-	if ($[25] !== files) {
-		t13 = files === void 0 && /* @__PURE__ */ jsx("div", {
+	let t10;
+	if ($[18] !== title) {
+		t10 = /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: title }) });
+		$[18] = title;
+		$[19] = t10;
+	} else t10 = $[19];
+	let t11;
+	if ($[20] !== files) {
+		t11 = files === void 0 && /* @__PURE__ */ jsx("div", {
 			className: "grid grid-cols-[repeat(auto-fill,minmax(140px,1fr))] gap-3",
 			children: Array.from({ length: 6 }).map(_temp2)
 		});
-		$[25] = files;
-		$[26] = t13;
-	} else t13 = $[26];
-	let t14;
-	if ($[27] !== files?.length) {
-		t14 = files?.length === 0 && /* @__PURE__ */ jsx("p", {
+		$[20] = files;
+		$[21] = t11;
+	} else t11 = $[21];
+	let t12;
+	if ($[22] !== files?.length) {
+		t12 = files?.length === 0 && /* @__PURE__ */ jsx("p", {
 			className: "text-muted-foreground py-8 text-center text-sm",
 			children: "No assets yet"
 		});
-		$[27] = files?.length;
-		$[28] = t14;
-	} else t14 = $[28];
-	let t15;
-	if ($[29] !== files || $[30] !== handleSelectSingle || $[31] !== mode || $[32] !== selectedIds) {
-		t15 = files && files.length > 0 && /* @__PURE__ */ jsx("div", {
+		$[22] = files?.length;
+		$[23] = t12;
+	} else t12 = $[23];
+	let t13;
+	if ($[24] !== files || $[25] !== handleSelectSingle || $[26] !== mode || $[27] !== selectedIds) {
+		t13 = files && files.length > 0 && /* @__PURE__ */ jsx("div", {
 			className: "grid grid-cols-[repeat(auto-fill,minmax(140px,1fr))] gap-3",
 			children: files.map((file_0) => /* @__PURE__ */ jsx(AssetCard, {
 				file: file_0,
@@ -168,38 +151,38 @@ const AssetPickerModal = (t0) => {
 				onOpen: () => setLightboxFile(file_0)
 			}, file_0.id))
 		});
-		$[29] = files;
-		$[30] = handleSelectSingle;
-		$[31] = mode;
-		$[32] = selectedIds;
-		$[33] = t15;
-	} else t15 = $[33];
-	let t16;
-	if ($[34] !== t13 || $[35] !== t14 || $[36] !== t15) {
-		t16 = /* @__PURE__ */ jsxs("div", {
+		$[24] = files;
+		$[25] = handleSelectSingle;
+		$[26] = mode;
+		$[27] = selectedIds;
+		$[28] = t13;
+	} else t13 = $[28];
+	let t14;
+	if ($[29] !== t11 || $[30] !== t12 || $[31] !== t13) {
+		t14 = /* @__PURE__ */ jsxs("div", {
 			className: "-mx-2 overflow-y-auto px-2",
 			children: [
-				t13,
-				t14,
-				t15
+				t11,
+				t12,
+				t13
 			]
 		});
-		$[34] = t13;
-		$[35] = t14;
-		$[36] = t15;
-		$[37] = t16;
-	} else t16 = $[37];
-	let t17;
-	if ($[38] === Symbol.for("react.memo_cache_sentinel")) {
-		t17 = /* @__PURE__ */ jsx(DialogClose, {
+		$[29] = t11;
+		$[30] = t12;
+		$[31] = t13;
+		$[32] = t14;
+	} else t14 = $[32];
+	let t15;
+	if ($[33] === Symbol.for("react.memo_cache_sentinel")) {
+		t15 = /* @__PURE__ */ jsx(DialogClose, {
 			render: /* @__PURE__ */ jsx(Button, { variant: "outline" }),
 			children: "Cancel"
 		});
-		$[38] = t17;
-	} else t17 = $[38];
-	let t18;
-	if ($[39] !== handleConfirmMultiple || $[40] !== mode || $[41] !== selectedIds) {
-		t18 = mode === "multiple" && /* @__PURE__ */ jsxs(Button, {
+		$[33] = t15;
+	} else t15 = $[33];
+	let t16;
+	if ($[34] !== handleConfirmMultiple || $[35] !== mode || $[36] !== selectedIds) {
+		t16 = mode === "multiple" && /* @__PURE__ */ jsxs(Button, {
 			variant: "default",
 			disabled: selectedIds.size === 0,
 			onClick: handleConfirmMultiple,
@@ -209,59 +192,59 @@ const AssetPickerModal = (t0) => {
 				")"
 			]
 		});
-		$[39] = handleConfirmMultiple;
-		$[40] = mode;
-		$[41] = selectedIds;
-		$[42] = t18;
-	} else t18 = $[42];
-	let t19;
-	if ($[43] !== t18) {
-		t19 = /* @__PURE__ */ jsxs(DialogFooter, { children: [t17, t18] });
-		$[43] = t18;
-		$[44] = t19;
-	} else t19 = $[44];
-	let t20;
-	if ($[45] !== lightboxFile) {
-		t20 = lightboxFile && /* @__PURE__ */ jsx(AssetLightbox, {
+		$[34] = handleConfirmMultiple;
+		$[35] = mode;
+		$[36] = selectedIds;
+		$[37] = t16;
+	} else t16 = $[37];
+	let t17;
+	if ($[38] !== t16) {
+		t17 = /* @__PURE__ */ jsxs(DialogFooter, { children: [t15, t16] });
+		$[38] = t16;
+		$[39] = t17;
+	} else t17 = $[39];
+	let t18;
+	if ($[40] !== lightboxFile) {
+		t18 = lightboxFile && /* @__PURE__ */ jsx(AssetLightbox, {
 			open: !!lightboxFile,
 			onOpenChange: (open_0) => {
 				if (!open_0) setLightboxFile(null);
 			},
 			fileId: lightboxFile.id
 		});
-		$[45] = lightboxFile;
-		$[46] = t20;
-	} else t20 = $[46];
-	let t21;
-	if ($[47] !== t12 || $[48] !== t16 || $[49] !== t19 || $[50] !== t20) {
-		t21 = /* @__PURE__ */ jsxs(DialogContent, {
+		$[40] = lightboxFile;
+		$[41] = t18;
+	} else t18 = $[41];
+	let t19;
+	if ($[42] !== t10 || $[43] !== t14 || $[44] !== t17 || $[45] !== t18) {
+		t19 = /* @__PURE__ */ jsxs(DialogContent, {
 			className: "flex max-h-[90vh] flex-col sm:max-w-4xl",
 			children: [
-				t12,
-				t16,
-				t19,
-				t20
+				t10,
+				t14,
+				t17,
+				t18
 			]
 		});
-		$[47] = t12;
-		$[48] = t16;
-		$[49] = t19;
-		$[50] = t20;
-		$[51] = t21;
-	} else t21 = $[51];
-	let t22;
-	if ($[52] !== onOpenChange || $[53] !== open || $[54] !== t21) {
-		t22 = /* @__PURE__ */ jsx(Dialog, {
+		$[42] = t10;
+		$[43] = t14;
+		$[44] = t17;
+		$[45] = t18;
+		$[46] = t19;
+	} else t19 = $[46];
+	let t20;
+	if ($[47] !== onOpenChange || $[48] !== open || $[49] !== t19) {
+		t20 = /* @__PURE__ */ jsx(Dialog, {
 			open,
 			onOpenChange,
-			children: t21
+			children: t19
 		});
-		$[52] = onOpenChange;
-		$[53] = open;
-		$[54] = t21;
-		$[55] = t22;
-	} else t22 = $[55];
-	return t22;
+		$[47] = onOpenChange;
+		$[48] = open;
+		$[49] = t19;
+		$[50] = t20;
+	} else t20 = $[50];
+	return t20;
 };
 function _temp(f) {
 	return f.mimeType?.startsWith("image/");