camox 0.32.0 → 0.33.0

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

@@ -0,0 +1,590 @@
+import { actionsStore } from "../../provider/actionsStore.js";
+import { useProjectSlug } from "../../../lib/auth.js";
+import { pageMutations } from "../../../lib/queries.js";
+import { trackClientEvent } from "../../../lib/telemetry-client.js";
+import { cn } from "../../../lib/utils.js";
+import { previewStore } from "../previewStore.js";
+import { pageFullQueryFn } from "../previewQueryFns.js";
+import { PagePicker } from "./PagePicker.js";
+import { PageTree } from "./PageTree.js";
+import { PublishDialog } from "./PublishDialog.js";
+import { c } from "react/compiler-runtime";
+import { Label } from "@camox/ui/label";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { useLocation } from "@tanstack/react-router";
+import { useSelector } from "@xstate/store-react";
+import * as React from "react";
+import { queryKeys } from "@camox/api-contract/query-keys";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { toast } from "@camox/ui/toaster";
+import { Button } from "@camox/ui/button";
+import { MoreHorizontal } from "lucide-react";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "@camox/ui/alert-dialog";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@camox/ui/dropdown-menu";
+import { PanelContent, PanelHeader } from "@camox/ui/panel";
+import { ButtonGroup } from "@camox/ui/button-group";
+import { Switch } from "@camox/ui/switch";
+
+//#region src/features/preview/components/PageNavigatorSidebar.tsx
+const PageNavigatorPublishRow = (t0) => {
+	const $ = c(102);
+	if ($[0] !== "45d2cf2507692e470809b2a66fdb8acde974935d21cfa787b831d30fea9141bc") {
+		for (let $i = 0; $i < 102; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "45d2cf2507692e470809b2a66fdb8acde974935d21cfa787b831d30fea9141bc";
+	}
+	const { page } = t0;
+	const previewSource = useSelector(previewStore, _temp);
+	const queryClient = useQueryClient();
+	const projectSlug = useProjectSlug();
+	const { pathname } = useLocation();
+	const [isPublishDialogOpen, setIsPublishDialogOpen] = React.useState(false);
+	const [isUnpublishDialogOpen, setIsUnpublishDialogOpen] = React.useState(false);
+	const [isDiscardDialogOpen, setIsDiscardDialogOpen] = React.useState(false);
+	let t1;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = pageMutations.unpublish();
+		$[1] = t1;
+	} else t1 = $[1];
+	const unpublishPage = useMutation(t1);
+	let t2;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = pageMutations.discardChanges();
+		$[2] = t2;
+	} else t2 = $[2];
+	const discardChanges = useMutation(t2);
+	const hasLiveCheckpoint = page.livePublishedCheckpointId != null;
+	const isHomePage = page.fullPath === "/";
+	const otherSource = previewSource === "draft" ? "live" : "draft";
+	const canPrefetchOther = otherSource === "draft" || hasLiveCheckpoint;
+	let t3;
+	if ($[3] !== canPrefetchOther || $[4] !== otherSource || $[5] !== pathname || $[6] !== projectSlug || $[7] !== queryClient) {
+		t3 = () => {
+			if (!canPrefetchOther) return;
+			queryClient.prefetchQuery({
+				queryKey: queryKeys.pages.getByPath(pathname, otherSource),
+				queryFn: pageFullQueryFn(queryClient, pathname, projectSlug, otherSource),
+				staleTime: Infinity
+			});
+		};
+		$[3] = canPrefetchOther;
+		$[4] = otherSource;
+		$[5] = pathname;
+		$[6] = projectSlug;
+		$[7] = queryClient;
+		$[8] = t3;
+	} else t3 = $[8];
+	const prefetchOtherSource = t3;
+	const canPublish = (page.status === "draft" || page.status === "modified") && previewSource === "draft";
+	const canDiscardChanges = page.status === "modified";
+	let t4;
+	if ($[9] !== page.modifiedReason) {
+		t4 = page.modifiedReason && (page.modifiedReason.reason === "layout" || page.modifiedReason.reason === "both") ? {
+			layoutHandle: page.modifiedReason.layoutHandle,
+			affectedPagesCount: page.modifiedReason.affectedPagesCount
+		} : null;
+		$[9] = page.modifiedReason;
+		$[10] = t4;
+	} else t4 = $[10];
+	const layoutCascade = t4;
+	const publishLabel = page.status === "modified" ? "Publish changes" : "Publish page";
+	let t5;
+	let t6;
+	if ($[11] !== canDiscardChanges || $[12] !== canPublish || $[13] !== discardChanges.isPending || $[14] !== hasLiveCheckpoint || $[15] !== isHomePage || $[16] !== publishLabel || $[17] !== unpublishPage.isPending) {
+		t5 = () => {
+			const actions = [
+				{
+					id: "publish-current-page",
+					label: publishLabel,
+					aliases: [
+						"Publish",
+						"Publish page",
+						"Make live"
+					],
+					groupLabel: "Preview",
+					checkIfAvailable: () => canPublish,
+					execute: () => setIsPublishDialogOpen(true)
+				},
+				{
+					id: "unpublish-current-page",
+					label: "Unpublish page",
+					aliases: [
+						"Take offline",
+						"Remove from live",
+						"Hide page"
+					],
+					groupLabel: "Preview",
+					checkIfAvailable: () => hasLiveCheckpoint && !isHomePage && !unpublishPage.isPending,
+					execute: () => setIsUnpublishDialogOpen(true)
+				},
+				{
+					id: "discard-current-page-changes",
+					label: "Discard page changes",
+					aliases: [
+						"Revert page",
+						"Reset page",
+						"Discard draft"
+					],
+					groupLabel: "Preview",
+					checkIfAvailable: () => canDiscardChanges && !discardChanges.isPending,
+					execute: () => setIsDiscardDialogOpen(true)
+				}
+			];
+			actionsStore.send({
+				type: "registerManyActions",
+				actions
+			});
+			return () => actionsStore.send({
+				type: "unregisterManyActions",
+				ids: actions.map(_temp2)
+			});
+		};
+		t6 = [
+			canDiscardChanges,
+			canPublish,
+			discardChanges.isPending,
+			hasLiveCheckpoint,
+			isHomePage,
+			publishLabel,
+			unpublishPage.isPending
+		];
+		$[11] = canDiscardChanges;
+		$[12] = canPublish;
+		$[13] = discardChanges.isPending;
+		$[14] = hasLiveCheckpoint;
+		$[15] = isHomePage;
+		$[16] = publishLabel;
+		$[17] = unpublishPage.isPending;
+		$[18] = t5;
+		$[19] = t6;
+	} else {
+		t5 = $[18];
+		t6 = $[19];
+	}
+	React.useEffect(t5, t6);
+	let t7;
+	if ($[20] !== isHomePage || $[21] !== page.id || $[22] !== pathname || $[23] !== queryClient || $[24] !== unpublishPage) {
+		t7 = async () => {
+			if (isHomePage) return;
+			try {
+				await unpublishPage.mutateAsync({ id: page.id });
+				queryClient.setQueryData(queryKeys.pages.getByPath(pathname, "draft"), _temp3);
+				queryClient.setQueryData(queryKeys.pages.list, (current_0) => current_0?.map((item) => item.id === page.id ? {
+					...item,
+					livePublishedCheckpointId: null,
+					status: "draft",
+					modifiedReason: null
+				} : item));
+				previewStore.send({
+					type: "setPreviewSource",
+					source: "draft"
+				});
+				trackClientEvent("page_unpublished", { pageId: page.id });
+				toast.success("Unpublished this page");
+				setIsUnpublishDialogOpen(false);
+			} catch (t8) {
+				console.error("Failed to unpublish page:", t8);
+				toast.error("Could not unpublish this page");
+			}
+		};
+		$[20] = isHomePage;
+		$[21] = page.id;
+		$[22] = pathname;
+		$[23] = queryClient;
+		$[24] = unpublishPage;
+		$[25] = t7;
+	} else t7 = $[25];
+	const handleUnpublish = t7;
+	let t8;
+	if ($[26] !== discardChanges || $[27] !== page.id) {
+		t8 = async () => {
+			try {
+				await discardChanges.mutateAsync({ id: page.id });
+				previewStore.send({
+					type: "setPreviewSource",
+					source: "draft"
+				});
+				trackClientEvent("page_changes_discarded", { pageId: page.id });
+				toast.success("Discarded draft changes");
+				setIsDiscardDialogOpen(false);
+			} catch (t9) {
+				console.error("Failed to discard page changes:", t9);
+				toast.error("Could not discard draft changes");
+			}
+		};
+		$[26] = discardChanges;
+		$[27] = page.id;
+		$[28] = t8;
+	} else t8 = $[28];
+	const handleDiscardChanges = t8;
+	const t9 = !canPublish;
+	let t10;
+	if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
+		t10 = () => setIsPublishDialogOpen(true);
+		$[29] = t10;
+	} else t10 = $[29];
+	let t11;
+	if ($[30] !== publishLabel || $[31] !== t9) {
+		t11 = /* @__PURE__ */ jsx(Button, {
+			variant: "outline",
+			type: "button",
+			disabled: t9,
+			onClick: t10,
+			className: "flex-1",
+			children: publishLabel
+		});
+		$[30] = publishLabel;
+		$[31] = t9;
+		$[32] = t11;
+	} else t11 = $[32];
+	let t12;
+	if ($[33] === Symbol.for("react.memo_cache_sentinel")) {
+		t12 = /* @__PURE__ */ jsx(DropdownMenuTrigger, {
+			render: /* @__PURE__ */ jsx(Button, {
+				type: "button",
+				variant: "outline",
+				size: "icon",
+				"aria-label": "More publish actions"
+			}),
+			children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "text-muted-foreground" })
+		});
+		$[33] = t12;
+	} else t12 = $[33];
+	const t13 = !hasLiveCheckpoint || isHomePage || unpublishPage.isPending;
+	let t14;
+	if ($[34] === Symbol.for("react.memo_cache_sentinel")) {
+		t14 = () => setIsUnpublishDialogOpen(true);
+		$[34] = t14;
+	} else t14 = $[34];
+	let t15;
+	if ($[35] !== t13) {
+		t15 = /* @__PURE__ */ jsx(DropdownMenuItem, {
+			disabled: t13,
+			onClick: t14,
+			children: "Unpublish"
+		});
+		$[35] = t13;
+		$[36] = t15;
+	} else t15 = $[36];
+	const t16 = !canDiscardChanges || discardChanges.isPending;
+	let t17;
+	if ($[37] === Symbol.for("react.memo_cache_sentinel")) {
+		t17 = () => setIsDiscardDialogOpen(true);
+		$[37] = t17;
+	} else t17 = $[37];
+	let t18;
+	if ($[38] !== t16) {
+		t18 = /* @__PURE__ */ jsx(DropdownMenuItem, {
+			disabled: t16,
+			onClick: t17,
+			children: "Discard changes"
+		});
+		$[38] = t16;
+		$[39] = t18;
+	} else t18 = $[39];
+	let t19;
+	if ($[40] !== t15 || $[41] !== t18) {
+		t19 = /* @__PURE__ */ jsxs(DropdownMenu, { children: [t12, /* @__PURE__ */ jsxs(DropdownMenuContent, {
+			align: "end",
+			className: "w-42",
+			children: [t15, t18]
+		})] });
+		$[40] = t15;
+		$[41] = t18;
+		$[42] = t19;
+	} else t19 = $[42];
+	let t20;
+	if ($[43] !== t11 || $[44] !== t19) {
+		t20 = /* @__PURE__ */ jsxs(ButtonGroup, {
+			className: "w-full",
+			children: [t11, t19]
+		});
+		$[43] = t11;
+		$[44] = t19;
+		$[45] = t20;
+	} else t20 = $[45];
+	const t21 = !hasLiveCheckpoint;
+	const t22 = previewSource === "draft";
+	let t23;
+	if ($[46] !== t21 || $[47] !== t22) {
+		t23 = /* @__PURE__ */ jsx(Switch, {
+			id: "draft-content",
+			disabled: t21,
+			checked: t22,
+			onCheckedChange: _temp4
+		});
+		$[46] = t21;
+		$[47] = t22;
+		$[48] = t23;
+	} else t23 = $[48];
+	let t24;
+	if ($[49] === Symbol.for("react.memo_cache_sentinel")) {
+		t24 = /* @__PURE__ */ jsx(Label, {
+			htmlFor: "draft-content",
+			children: "Draft content"
+		});
+		$[49] = t24;
+	} else t24 = $[49];
+	let t25;
+	if ($[50] !== prefetchOtherSource || $[51] !== t23) {
+		t25 = /* @__PURE__ */ jsxs("div", {
+			className: "mt-1 flex items-center gap-2",
+			onMouseEnter: prefetchOtherSource,
+			onFocus: prefetchOtherSource,
+			children: [t23, t24]
+		});
+		$[50] = prefetchOtherSource;
+		$[51] = t23;
+		$[52] = t25;
+	} else t25 = $[52];
+	let t26;
+	if ($[53] !== t20 || $[54] !== t25) {
+		t26 = /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-2",
+			children: [t20, t25]
+		});
+		$[53] = t20;
+		$[54] = t25;
+		$[55] = t26;
+	} else t26 = $[55];
+	const t27 = isPublishDialogOpen ? page : null;
+	let t28;
+	if ($[56] !== isPublishDialogOpen || $[57] !== layoutCascade || $[58] !== page.status || $[59] !== t27) {
+		t28 = /* @__PURE__ */ jsx(PublishDialog, {
+			page: t27,
+			pageStatus: page.status,
+			alsoPublishLayout: layoutCascade,
+			open: isPublishDialogOpen,
+			onOpenChange: setIsPublishDialogOpen
+		});
+		$[56] = isPublishDialogOpen;
+		$[57] = layoutCascade;
+		$[58] = page.status;
+		$[59] = t27;
+		$[60] = t28;
+	} else t28 = $[60];
+	let t29;
+	if ($[61] === Symbol.for("react.memo_cache_sentinel")) {
+		t29 = /* @__PURE__ */ jsx(AlertDialogTitle, { children: "Unpublish page" });
+		$[61] = t29;
+	} else t29 = $[61];
+	let t30;
+	if ($[62] !== page.fullPath) {
+		t30 = /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [t29, /* @__PURE__ */ jsxs(AlertDialogDescription, { children: [
+			"Visitors at",
+			" ",
+			/* @__PURE__ */ jsx("code", {
+				className: "bg-muted rounded px-1 py-0.5 font-mono text-xs",
+				children: page.fullPath
+			}),
+			" ",
+			"will get a 404. The draft stays available in Camox Studio."
+		] })] });
+		$[62] = page.fullPath;
+		$[63] = t30;
+	} else t30 = $[63];
+	let t31;
+	if ($[64] !== unpublishPage.isPending) {
+		t31 = /* @__PURE__ */ jsx(AlertDialogCancel, {
+			variant: "outline",
+			size: "default",
+			disabled: unpublishPage.isPending,
+			children: "Cancel"
+		});
+		$[64] = unpublishPage.isPending;
+		$[65] = t31;
+	} else t31 = $[65];
+	const t32 = isHomePage || unpublishPage.isPending;
+	const t33 = unpublishPage.isPending ? "Unpublishing…" : "Unpublish";
+	let t34;
+	if ($[66] !== handleUnpublish || $[67] !== t32 || $[68] !== t33) {
+		t34 = /* @__PURE__ */ jsx(AlertDialogAction, {
+			onClick: handleUnpublish,
+			disabled: t32,
+			children: t33
+		});
+		$[66] = handleUnpublish;
+		$[67] = t32;
+		$[68] = t33;
+		$[69] = t34;
+	} else t34 = $[69];
+	let t35;
+	if ($[70] !== t31 || $[71] !== t34) {
+		t35 = /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [t31, t34] });
+		$[70] = t31;
+		$[71] = t34;
+		$[72] = t35;
+	} else t35 = $[72];
+	let t36;
+	if ($[73] !== t30 || $[74] !== t35) {
+		t36 = /* @__PURE__ */ jsxs(AlertDialogContent, { children: [t30, t35] });
+		$[73] = t30;
+		$[74] = t35;
+		$[75] = t36;
+	} else t36 = $[75];
+	let t37;
+	if ($[76] !== isUnpublishDialogOpen || $[77] !== t36) {
+		t37 = /* @__PURE__ */ jsx(AlertDialog, {
+			open: isUnpublishDialogOpen,
+			onOpenChange: setIsUnpublishDialogOpen,
+			children: t36
+		});
+		$[76] = isUnpublishDialogOpen;
+		$[77] = t36;
+		$[78] = t37;
+	} else t37 = $[78];
+	let t38;
+	if ($[79] === Symbol.for("react.memo_cache_sentinel")) {
+		t38 = /* @__PURE__ */ jsx(AlertDialogTitle, { children: "Discard draft changes" });
+		$[79] = t38;
+	} else t38 = $[79];
+	let t39;
+	if ($[80] !== page.fullPath) {
+		t39 = /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [t38, /* @__PURE__ */ jsxs(AlertDialogDescription, { children: [
+			"The draft for",
+			" ",
+			/* @__PURE__ */ jsx("code", {
+				className: "bg-muted rounded px-1 py-0.5 font-mono text-xs",
+				children: page.fullPath
+			}),
+			" ",
+			"will be reset to match the currently published version. This does not change what visitors see."
+		] })] });
+		$[80] = page.fullPath;
+		$[81] = t39;
+	} else t39 = $[81];
+	let t40;
+	if ($[82] !== discardChanges.isPending) {
+		t40 = /* @__PURE__ */ jsx(AlertDialogCancel, {
+			variant: "outline",
+			size: "default",
+			disabled: discardChanges.isPending,
+			children: "Cancel"
+		});
+		$[82] = discardChanges.isPending;
+		$[83] = t40;
+	} else t40 = $[83];
+	const t41 = discardChanges.isPending ? "Discarding…" : "Discard changes";
+	let t42;
+	if ($[84] !== discardChanges.isPending || $[85] !== handleDiscardChanges || $[86] !== t41) {
+		t42 = /* @__PURE__ */ jsx(AlertDialogAction, {
+			onClick: handleDiscardChanges,
+			disabled: discardChanges.isPending,
+			children: t41
+		});
+		$[84] = discardChanges.isPending;
+		$[85] = handleDiscardChanges;
+		$[86] = t41;
+		$[87] = t42;
+	} else t42 = $[87];
+	let t43;
+	if ($[88] !== t40 || $[89] !== t42) {
+		t43 = /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [t40, t42] });
+		$[88] = t40;
+		$[89] = t42;
+		$[90] = t43;
+	} else t43 = $[90];
+	let t44;
+	if ($[91] !== t39 || $[92] !== t43) {
+		t44 = /* @__PURE__ */ jsxs(AlertDialogContent, { children: [t39, t43] });
+		$[91] = t39;
+		$[92] = t43;
+		$[93] = t44;
+	} else t44 = $[93];
+	let t45;
+	if ($[94] !== isDiscardDialogOpen || $[95] !== t44) {
+		t45 = /* @__PURE__ */ jsx(AlertDialog, {
+			open: isDiscardDialogOpen,
+			onOpenChange: setIsDiscardDialogOpen,
+			children: t44
+		});
+		$[94] = isDiscardDialogOpen;
+		$[95] = t44;
+		$[96] = t45;
+	} else t45 = $[96];
+	let t46;
+	if ($[97] !== t26 || $[98] !== t28 || $[99] !== t37 || $[100] !== t45) {
+		t46 = /* @__PURE__ */ jsxs(Fragment, { children: [
+			t26,
+			t28,
+			t37,
+			t45
+		] });
+		$[97] = t26;
+		$[98] = t28;
+		$[99] = t37;
+		$[100] = t45;
+		$[101] = t46;
+	} else t46 = $[101];
+	return t46;
+};
+const PageNavigatorSidebar = (t0) => {
+	const $ = c(8);
+	if ($[0] !== "45d2cf2507692e470809b2a66fdb8acde974935d21cfa787b831d30fea9141bc") {
+		for (let $i = 0; $i < 8; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "45d2cf2507692e470809b2a66fdb8acde974935d21cfa787b831d30fea9141bc";
+	}
+	const { page } = t0;
+	let t1;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = cn("flex flex-col gap-2 px-2 pt-2 pb-3");
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			className: "flex w-full",
+			children: /* @__PURE__ */ jsx(PagePicker, {})
+		});
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] !== page) {
+		t3 = /* @__PURE__ */ jsxs(PanelHeader, {
+			className: t1,
+			children: [t2, /* @__PURE__ */ jsx(PageNavigatorPublishRow, { page })]
+		});
+		$[3] = page;
+		$[4] = t3;
+	} else t3 = $[4];
+	let t4;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = /* @__PURE__ */ jsx(PanelContent, {
+			className: "flex grow basis-0 flex-col gap-2 overflow-auto p-2",
+			children: /* @__PURE__ */ jsx(PageTree, {})
+		});
+		$[5] = t4;
+	} else t4 = $[5];
+	let t5;
+	if ($[6] !== t3) {
+		t5 = /* @__PURE__ */ jsxs(Fragment, { children: [t3, t4] });
+		$[6] = t3;
+		$[7] = t5;
+	} else t5 = $[7];
+	return t5;
+};
+function _temp(state) {
+	return state.context.previewSource;
+}
+function _temp2(a) {
+	return a.id;
+}
+function _temp3(current) {
+	return current ? {
+		...current,
+		page: {
+			...current.page,
+			livePublishedCheckpointId: null,
+			status: "draft",
+			modifiedReason: null
+		}
+	} : current;
+}
+function _temp4(checked) {
+	return previewStore.send({
+		type: "setPreviewSource",
+		source: checked ? "draft" : "live"
+	});
+}
+
+//#endregion
+export { PageNavigatorSidebar };

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

@@ -1,18 +1,18 @@
-import { previewStore } from "../previewStore.js";
 import { useProjectSlug } from "../../../lib/auth.js";
 import { pageMutations, pageQueries, projectQueries } from "../../../lib/queries.js";
 import { cn } from "../../../lib/utils.js";
+import { previewStore } from "../previewStore.js";
 import { PageStatusBadge } from "./PageStatusBadge.js";
 import { Popover, PopoverContent, PopoverTrigger } from "@camox/ui/popover";
-import { toast } from "@camox/ui/toaster";
 import { useMutation, useQuery } from "@tanstack/react-query";
 import { useLocation, useNavigate } from "@tanstack/react-router";
 import { useSelector } from "@xstate/store-react";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "@camox/ui/alert-dialog";
+import { toast } from "@camox/ui/toaster";
 import { Button } from "@camox/ui/button";
 import { Check, ChevronsUpDown, Pencil, Plus, Trash2 } from "lucide-react";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "@camox/ui/alert-dialog";
 import { Skeleton } from "@camox/ui/skeleton";
 import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator } from "@camox/ui/command";
 

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

@@ -2,8 +2,8 @@ import { cn } from "../../../lib/utils.js";
 import { c } from "react/compiler-runtime";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Tooltip, TooltipContent, TooltipTrigger } from "@camox/ui/tooltip";
 import { Badge } from "@camox/ui/badge";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@camox/ui/tooltip";
 
 //#region src/features/preview/components/PageStatusBadge.tsx
 const statusStyles = {