camox 0.14.2 → 0.16.0

package/dist/features/preview/CamoxPreview.js

@@ -67,7 +67,11 @@ function pageFullQueryFn(queryClient, path, projectSlug) {
 	};
 }
 function usePreviewedPage() {
-	const $ = c(21);
+	const $ = c(22);
+	if ($[0] !== "b803e8bbb91b7986d49da585480a8df1d0a53a974dfaa5c596024b3634d8a3fa") {
+		for (let $i = 0; $i < 22; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "b803e8bbb91b7986d49da585480a8df1d0a53a974dfaa5c596024b3634d8a3fa";
+	}
 	const { pathname } = useLocation();
 	const queryClient = useQueryClient();
 	const projectSlug = useProjectSlug();
@@ -75,7 +79,7 @@ function usePreviewedPage() {
 	const prevPathnameRef = React.useRef(pathname);
 	let t0;
 	let t1;
-	if ($[0] !== pathname) {
+	if ($[1] !== pathname) {
 		t0 = () => {
 			if (prevPathnameRef.current !== pathname) {
 				prevPathnameRef.current = pathname;
@@ -83,58 +87,58 @@ function usePreviewedPage() {
 			}
 		};
 		t1 = [pathname];
-		$[0] = pathname;
-		$[1] = t0;
-		$[2] = t1;
+		$[1] = pathname;
+		$[2] = t0;
+		$[3] = t1;
 	} else {
-		t0 = $[1];
-		t1 = $[2];
+		t0 = $[2];
+		t1 = $[3];
 	}
 	React.useEffect(t0, t1);
 	let t2;
-	if ($[3] !== pathname) {
+	if ($[4] !== pathname) {
 		t2 = queryKeys.pages.getByPath(pathname);
-		$[3] = pathname;
-		$[4] = t2;
-	} else t2 = $[4];
+		$[4] = pathname;
+		$[5] = t2;
+	} else t2 = $[5];
 	let t3;
-	if ($[5] !== pathname || $[6] !== projectSlug) {
+	if ($[6] !== pathname || $[7] !== projectSlug) {
 		t3 = pageStructureQueryFn(pathname, projectSlug);
-		$[5] = pathname;
-		$[6] = projectSlug;
-		$[7] = t3;
-	} else t3 = $[7];
+		$[6] = pathname;
+		$[7] = projectSlug;
+		$[8] = t3;
+	} else t3 = $[8];
 	let t4;
-	if ($[8] !== t2 || $[9] !== t3) {
+	if ($[9] !== t2 || $[10] !== t3) {
 		t4 = {
 			queryKey: t2,
 			queryFn: t3,
 			staleTime: Infinity
 		};
-		$[8] = t2;
-		$[9] = t3;
-		$[10] = t4;
-	} else t4 = $[10];
+		$[9] = t2;
+		$[10] = t3;
+		$[11] = t4;
+	} else t4 = $[11];
 	const { data: currentPage } = useSuspenseQuery(t4);
 	const isAuthenticated = useIsAuthenticated();
 	let t5;
-	if ($[11] !== peekedPagePathname) {
+	if ($[12] !== peekedPagePathname) {
 		t5 = queryKeys.pages.getByPath(peekedPagePathname ?? "");
-		$[11] = peekedPagePathname;
-		$[12] = t5;
-	} else t5 = $[12];
+		$[12] = peekedPagePathname;
+		$[13] = t5;
+	} else t5 = $[13];
 	const t6 = peekedPagePathname ?? "";
 	let t7;
-	if ($[13] !== projectSlug || $[14] !== queryClient || $[15] !== t6) {
+	if ($[14] !== projectSlug || $[15] !== queryClient || $[16] !== t6) {
 		t7 = pageFullQueryFn(queryClient, t6, projectSlug);
-		$[13] = projectSlug;
-		$[14] = queryClient;
-		$[15] = t6;
-		$[16] = t7;
-	} else t7 = $[16];
+		$[14] = projectSlug;
+		$[15] = queryClient;
+		$[16] = t6;
+		$[17] = t7;
+	} else t7 = $[17];
 	const t8 = isAuthenticated && !!peekedPagePathname;
 	let t9;
-	if ($[17] !== t5 || $[18] !== t7 || $[19] !== t8) {
+	if ($[18] !== t5 || $[19] !== t7 || $[20] !== t8) {
 		t9 = {
 			queryKey: t5,
 			queryFn: t7,
@@ -142,11 +146,11 @@ function usePreviewedPage() {
 			placeholderData: keepPreviousData,
 			staleTime: Infinity
 		};
-		$[17] = t5;
-		$[18] = t7;
-		$[19] = t8;
-		$[20] = t9;
-	} else t9 = $[20];
+		$[18] = t5;
+		$[19] = t7;
+		$[20] = t8;
+		$[21] = t9;
+	} else t9 = $[21];
 	const { data: peekedPage } = useQuery(t9);
 	return peekedPagePathname ? peekedPage ?? currentPage : currentPage;
 }
@@ -154,23 +158,27 @@ function _temp(state) {
 	return state.context.peekedPagePathname;
 }
 const BlockRenderer = (t0) => {
-	const $ = c(21);
+	const $ = c(22);
+	if ($[0] !== "b803e8bbb91b7986d49da585480a8df1d0a53a974dfaa5c596024b3634d8a3fa") {
+		for (let $i = 0; $i < 22; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "b803e8bbb91b7986d49da585480a8df1d0a53a974dfaa5c596024b3634d8a3fa";
+	}
 	const { blockId, mode, showAddBlockTop, showAddBlockBottom } = t0;
 	let t1;
-	if ($[0] !== blockId) {
+	if ($[1] !== blockId) {
 		t1 = blockQueries.get(blockId);
-		$[0] = blockId;
-		$[1] = t1;
-	} else t1 = $[1];
+		$[1] = blockId;
+		$[2] = t1;
+	} else t1 = $[2];
 	const { data } = useSuspenseQuery(t1);
 	const camoxApp = useCamoxApp();
 	let t2;
-	if ($[2] !== camoxApp || $[3] !== data.block.type) {
+	if ($[3] !== camoxApp || $[4] !== data.block.type) {
 		t2 = camoxApp.getBlockById(data.block.type);
-		$[2] = camoxApp;
-		$[3] = data.block.type;
-		$[4] = t2;
-	} else t2 = $[4];
+		$[3] = camoxApp;
+		$[4] = data.block.type;
+		$[5] = t2;
+	} else t2 = $[5];
 	const blockDef = t2;
 	if (!blockDef) return null;
 	const t3 = data.files;
@@ -182,7 +190,7 @@ const BlockRenderer = (t0) => {
 	const t8 = data.block.settings;
 	const t9 = String(data.block.position);
 	let t10;
-	if ($[5] !== data.block.id || $[6] !== data.block.type || $[7] !== t7 || $[8] !== t8 || $[9] !== t9) {
+	if ($[6] !== data.block.id || $[7] !== data.block.type || $[8] !== t7 || $[9] !== t8 || $[10] !== t9) {
 		t10 = {
 			_id: t5,
 			type: t6,
@@ -190,40 +198,40 @@ const BlockRenderer = (t0) => {
 			settings: t8,
 			position: t9
 		};
-		$[5] = data.block.id;
-		$[6] = data.block.type;
-		$[7] = t7;
-		$[8] = t8;
-		$[9] = t9;
-		$[10] = t10;
-	} else t10 = $[10];
+		$[6] = data.block.id;
+		$[7] = data.block.type;
+		$[8] = t7;
+		$[9] = t8;
+		$[10] = t9;
+		$[11] = t10;
+	} else t10 = $[11];
 	let t11;
-	if ($[11] !== blockDef._internal.Component || $[12] !== mode || $[13] !== showAddBlockBottom || $[14] !== showAddBlockTop || $[15] !== t10) {
+	if ($[12] !== blockDef._internal.Component || $[13] !== mode || $[14] !== showAddBlockBottom || $[15] !== showAddBlockTop || $[16] !== t10) {
 		t11 = /* @__PURE__ */ jsx(T0, {
 			blockData: t10,
 			mode,
 			showAddBlockTop,
 			showAddBlockBottom
 		});
-		$[11] = blockDef._internal.Component;
-		$[12] = mode;
-		$[13] = showAddBlockBottom;
-		$[14] = showAddBlockTop;
-		$[15] = t10;
-		$[16] = t11;
-	} else t11 = $[16];
+		$[12] = blockDef._internal.Component;
+		$[13] = mode;
+		$[14] = showAddBlockBottom;
+		$[15] = showAddBlockTop;
+		$[16] = t10;
+		$[17] = t11;
+	} else t11 = $[17];
 	let t12;
-	if ($[17] !== data.files || $[18] !== data.repeatableItems || $[19] !== t11) {
+	if ($[18] !== data.files || $[19] !== data.repeatableItems || $[20] !== t11) {
 		t12 = /* @__PURE__ */ jsx(NormalizedDataProvider, {
 			files: t3,
 			repeatableItems: t4,
 			children: t11
 		});
-		$[17] = data.files;
-		$[18] = data.repeatableItems;
-		$[19] = t11;
-		$[20] = t12;
-	} else t12 = $[20];
+		$[18] = data.files;
+		$[19] = data.repeatableItems;
+		$[20] = t11;
+		$[21] = t12;
+	} else t12 = $[21];
 	return t12;
 };
 const PageContent = () => {
@@ -293,7 +301,11 @@ const PageContent = () => {
 	});
 };
 const CamoxPreview = (t0) => {
-	const $ = c(28);
+	const $ = c(29);
+	if ($[0] !== "b803e8bbb91b7986d49da585480a8df1d0a53a974dfaa5c596024b3634d8a3fa") {
+		for (let $i = 0; $i < 29; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "b803e8bbb91b7986d49da585480a8df1d0a53a974dfaa5c596024b3634d8a3fa";
+	}
 	const { children } = t0;
 	const isAuthenticated = useIsAuthenticated();
 	const isPresentationMode = useSelector(previewStore, _temp2);
@@ -301,7 +313,7 @@ const CamoxPreview = (t0) => {
 	const pageData = usePreviewedPage();
 	let t1;
 	let t2;
-	if ($[0] !== isAuthenticated || $[1] !== isPresentationMode) {
+	if ($[1] !== isAuthenticated || $[2] !== isPresentationMode) {
 		t1 = () => {
 			const actions = [
 				{
@@ -317,7 +329,7 @@ const CamoxPreview = (t0) => {
 				},
 				{
 					id: "exit-presentation-mode",
-					label: "",
+					label: "Show Camox Studio",
 					groupLabel: "Preview",
 					checkIfAvailable: () => isAuthenticated && isPresentationMode,
 					execute: _temp5,
@@ -347,43 +359,43 @@ const CamoxPreview = (t0) => {
 			};
 		};
 		t2 = [isPresentationMode, isAuthenticated];
-		$[0] = isAuthenticated;
-		$[1] = isPresentationMode;
-		$[2] = t1;
-		$[3] = t2;
+		$[1] = isAuthenticated;
+		$[2] = isPresentationMode;
+		$[3] = t1;
+		$[4] = t2;
 	} else {
-		t1 = $[2];
-		t2 = $[3];
+		t1 = $[3];
+		t2 = $[4];
 	}
 	React.useEffect(t1, t2);
 	if (isPresentationMode) {
 		let t3;
-		if ($[4] !== children) {
+		if ($[5] !== children) {
 			t3 = /* @__PURE__ */ jsx(PreviewFrame, {
 				className: "h-screen w-full",
 				children
 			});
-			$[4] = children;
-			$[5] = t3;
-		} else t3 = $[5];
+			$[5] = children;
+			$[6] = t3;
+		} else t3 = $[6];
 		return t3;
 	}
 	if (!isAuthenticated) {
 		let t3;
-		if ($[6] !== children) {
+		if ($[7] !== children) {
 			t3 = /* @__PURE__ */ jsx(Fragment, { children });
-			$[6] = children;
-			$[7] = t3;
-		} else t3 = $[7];
+			$[7] = children;
+			$[8] = t3;
+		} else t3 = $[8];
 		return t3;
 	}
 	let t3;
-	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
 		t3 = /* @__PURE__ */ jsx(Navbar, {});
-		$[8] = t3;
-	} else t3 = $[8];
+		$[9] = t3;
+	} else t3 = $[9];
 	let t4;
-	if ($[9] !== isSidebarOpen || $[10] !== pageData) {
+	if ($[10] !== isSidebarOpen || $[11] !== pageData) {
 		t4 = isSidebarOpen && /* @__PURE__ */ jsxs("div", {
 			className: "flex w-[300px] flex-col border-r-2",
 			children: [/* @__PURE__ */ jsxs(PanelHeader, {
@@ -405,62 +417,62 @@ const CamoxPreview = (t0) => {
 				children: /* @__PURE__ */ jsx(PageTree, {})
 			})]
 		});
-		$[9] = isSidebarOpen;
-		$[10] = pageData;
-		$[11] = t4;
-	} else t4 = $[11];
+		$[10] = isSidebarOpen;
+		$[11] = pageData;
+		$[12] = t4;
+	} else t4 = $[12];
 	let t5;
-	if ($[12] !== isAuthenticated || $[13] !== isPresentationMode) {
+	if ($[13] !== isAuthenticated || $[14] !== isPresentationMode) {
 		t5 = !isPresentationMode && isAuthenticated && /* @__PURE__ */ jsx("div", { style: {
 			height: "80px",
 			background: "transparent"
 		} });
-		$[12] = isAuthenticated;
-		$[13] = isPresentationMode;
-		$[14] = t5;
-	} else t5 = $[14];
+		$[13] = isAuthenticated;
+		$[14] = isPresentationMode;
+		$[15] = t5;
+	} else t5 = $[15];
 	let t6;
-	if ($[15] !== children || $[16] !== t5) {
+	if ($[16] !== children || $[17] !== t5) {
 		t6 = /* @__PURE__ */ jsxs(PreviewPanel, { children: [children, t5] });
-		$[15] = children;
-		$[16] = t5;
-		$[17] = t6;
-	} else t6 = $[17];
+		$[16] = children;
+		$[17] = t5;
+		$[18] = t6;
+	} else t6 = $[18];
 	let t7;
-	if ($[18] !== t4 || $[19] !== t6) {
+	if ($[19] !== t4 || $[20] !== t6) {
 		t7 = /* @__PURE__ */ jsxs("div", {
 			className: "flex h-full flex-row items-stretch",
 			children: [t4, t6]
 		});
-		$[18] = t4;
-		$[19] = t6;
-		$[20] = t7;
-	} else t7 = $[20];
+		$[19] = t4;
+		$[20] = t6;
+		$[21] = t7;
+	} else t7 = $[21];
 	let t10;
 	let t11;
 	let t12;
 	let t8;
 	let t9;
-	if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[22] === Symbol.for("react.memo_cache_sentinel")) {
 		t8 = /* @__PURE__ */ jsx(PageContentSheet, {});
 		t9 = /* @__PURE__ */ jsx(AddBlockSheet, {});
 		t10 = /* @__PURE__ */ jsx(AgentChatSheet, {});
 		t11 = /* @__PURE__ */ jsx(CreatePageModal, {});
 		t12 = /* @__PURE__ */ jsx(EditPageModal, {});
-		$[21] = t10;
-		$[22] = t11;
-		$[23] = t12;
-		$[24] = t8;
-		$[25] = t9;
+		$[22] = t10;
+		$[23] = t11;
+		$[24] = t12;
+		$[25] = t8;
+		$[26] = t9;
 	} else {
-		t10 = $[21];
-		t11 = $[22];
-		t12 = $[23];
-		t8 = $[24];
-		t9 = $[25];
+		t10 = $[22];
+		t11 = $[23];
+		t12 = $[24];
+		t8 = $[25];
+		t9 = $[26];
 	}
 	let t13;
-	if ($[26] !== t7) {
+	if ($[27] !== t7) {
 		t13 = /* @__PURE__ */ jsxs("div", {
 			className: "bg-background flex h-screen flex-col overflow-hidden",
 			children: [
@@ -473,44 +485,48 @@ const CamoxPreview = (t0) => {
 				t12
 			]
 		});
-		$[26] = t7;
-		$[27] = t13;
-	} else t13 = $[27];
+		$[27] = t7;
+		$[28] = t13;
+	} else t13 = $[28];
 	return t13;
 };
 function usePreviewPagesActions() {
-	const $ = c(12);
+	const $ = c(13);
+	if ($[0] !== "b803e8bbb91b7986d49da585480a8df1d0a53a974dfaa5c596024b3634d8a3fa") {
+		for (let $i = 0; $i < 13; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "b803e8bbb91b7986d49da585480a8df1d0a53a974dfaa5c596024b3634d8a3fa";
+	}
 	const navigate = useNavigate();
 	const { pathname } = useLocation();
 	const projectSlug = useProjectSlug();
 	let t0;
-	if ($[0] !== projectSlug) {
+	if ($[1] !== projectSlug) {
 		t0 = projectQueries.getBySlug(projectSlug);
-		$[0] = projectSlug;
-		$[1] = t0;
-	} else t0 = $[1];
+		$[1] = projectSlug;
+		$[2] = t0;
+	} else t0 = $[2];
 	const { data: project } = useQuery(t0);
 	let t1;
-	if ($[2] !== project?.id) {
+	if ($[3] !== project?.id) {
 		t1 = pageQueries.list(project?.id ?? 0);
-		$[2] = project?.id;
-		$[3] = t1;
-	} else t1 = $[3];
+		$[3] = project?.id;
+		$[4] = t1;
+	} else t1 = $[4];
 	const t2 = !!project;
 	let t3;
-	if ($[4] !== t1 || $[5] !== t2) {
+	if ($[5] !== t1 || $[6] !== t2) {
 		t3 = {
 			...t1,
 			enabled: t2
 		};
-		$[4] = t1;
-		$[5] = t2;
-		$[6] = t3;
-	} else t3 = $[6];
+		$[5] = t1;
+		$[6] = t2;
+		$[7] = t3;
+	} else t3 = $[7];
 	const { data: pages } = useQuery(t3);
 	let t4;
 	let t5;
-	if ($[7] !== navigate || $[8] !== pages || $[9] !== pathname) {
+	if ($[8] !== navigate || $[9] !== pages || $[10] !== pathname) {
 		t4 = () => {
 			const currentPage = pages?.find((p) => p.fullPath === pathname);
 			const actions = [
@@ -567,14 +583,14 @@ function usePreviewPagesActions() {
 			pages,
 			pathname
 		];
-		$[7] = navigate;
-		$[8] = pages;
-		$[9] = pathname;
-		$[10] = t4;
-		$[11] = t5;
+		$[8] = navigate;
+		$[9] = pages;
+		$[10] = pathname;
+		$[11] = t4;
+		$[12] = t5;
 	} else {
-		t4 = $[10];
-		t5 = $[11];
+		t4 = $[11];
+		t5 = $[12];
 	}
 	React.useEffect(t4, t5);
 }