camox 0.28.0 → 0.28.2

package/dist/features/studio/components/EnvironmentMenu.js

@@ -8,7 +8,8 @@ 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 { Button } from "@camox/ui/button";
-import { ChevronDown, Download, Upload } from "lucide-react";
+import { AlertCircle, ChevronDown, Download, Upload } from "lucide-react";
+import { Alert, AlertDescription } from "@camox/ui/alert";
 import { Badge } from "@camox/ui/badge";
 import { Separator } from "@camox/ui/separator";
 import { Spinner } from "@camox/ui/spinner";
@@ -34,10 +35,10 @@ function formatReason(reason, direction) {
 	}
 }
 const EnvironmentMenu = () => {
-	const $ = c(80);
-	if ($[0] !== "1f0c4a40f8c8f7e8cc223d91ecc208bcc158a215f699a477b4952e9fe211174f") {
-		for (let $i = 0; $i < 80; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "1f0c4a40f8c8f7e8cc223d91ecc208bcc158a215f699a477b4952e9fe211174f";
+	const $ = c(84);
+	if ($[0] !== "42128d7498b871de7c9ecaaeb2e1b0e858fc9e8ce0ed44b99ccfaf471a4c55ca") {
+		for (let $i = 0; $i < 84; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "42128d7498b871de7c9ecaaeb2e1b0e858fc9e8ce0ed44b99ccfaf471a4c55ca";
 	}
 	const [open, setOpen] = React.useState(false);
 	const [pendingDirection, setPendingDirection] = React.useState(null);
@@ -163,72 +164,75 @@ const EnvironmentMenu = () => {
 		$[29] = t13;
 	} else t13 = $[29];
 	const handleConfirm = t13;
+	const pushReason = pushCheck.data && !pushCheck.data.compatible ? pushCheck.data.reasons[0] : null;
+	const pullReason = pullCheck.data && !pullCheck.data.compatible ? pullCheck.data.reasons[0] : null;
 	let t14;
-	if ($[30] !== pullCheck || $[31] !== pushCheck || $[32] !== replicate.isPending) {
-		t14 = (direction) => {
+	if ($[30] !== pullReason || $[31] !== pushReason) {
+		t14 = pushReason ? formatReason(pushReason, "push") : pullReason ? formatReason(pullReason, "pull") : null;
+		$[30] = pullReason;
+		$[31] = pushReason;
+		$[32] = t14;
+	} else t14 = $[32];
+	const firstCompatibilityError = t14;
+	let t15;
+	if ($[33] !== pullCheck || $[34] !== pushCheck || $[35] !== replicate.isPending) {
+		t15 = (direction) => {
 			const check = direction === "push" ? pushCheck : pullCheck;
 			const checking = check.isLoading;
 			const compatible = check.data?.compatible ?? false;
-			const reason = check.data && !check.data.compatible ? check.data.reasons[0] : null;
 			const Icon = direction === "push" ? Upload : Download;
 			const actionLabel = direction === "push" ? "Push to production" : "Pull from production";
-			return /* @__PURE__ */ jsxs("div", {
-				className: "flex flex-col gap-1",
-				children: [/* @__PURE__ */ jsxs(Button, {
-					variant: "outline",
-					size: "sm",
-					className: "w-full justify-start gap-2",
-					disabled: checking || !compatible || replicate.isPending,
-					onClick: () => setPendingDirection(direction),
-					children: [checking ? /* @__PURE__ */ jsx(Spinner, { className: "text-muted-foreground" }) : /* @__PURE__ */ jsx(Icon, { className: "text-muted-foreground size-4" }), /* @__PURE__ */ jsx("span", { children: actionLabel })]
-				}), reason ? /* @__PURE__ */ jsx("p", {
-					className: "text-destructive text-xs leading-tight",
-					children: formatReason(reason, direction)
-				}) : null]
+			return /* @__PURE__ */ jsxs(Button, {
+				variant: "outline",
+				size: "sm",
+				className: "w-full justify-start gap-2",
+				disabled: checking || !compatible || replicate.isPending,
+				onClick: () => setPendingDirection(direction),
+				children: [checking ? /* @__PURE__ */ jsx(Spinner, { className: "text-muted-foreground" }) : /* @__PURE__ */ jsx(Icon, { className: "text-muted-foreground size-4" }), /* @__PURE__ */ jsx("span", { children: actionLabel })]
 			});
 		};
-		$[30] = pullCheck;
-		$[31] = pushCheck;
-		$[32] = replicate.isPending;
-		$[33] = t14;
-	} else t14 = $[33];
-	const renderActionButton = t14;
-	let t15;
-	if ($[34] === Symbol.for("react.memo_cache_sentinel")) {
-		t15 = /* @__PURE__ */ jsx(Button, {
+		$[33] = pullCheck;
+		$[34] = pushCheck;
+		$[35] = replicate.isPending;
+		$[36] = t15;
+	} else t15 = $[36];
+	const renderActionButton = t15;
+	let t16;
+	if ($[37] === Symbol.for("react.memo_cache_sentinel")) {
+		t16 = /* @__PURE__ */ jsx(Button, {
 			variant: "ghost",
 			className: "gap-2"
 		});
-		$[34] = t15;
-	} else t15 = $[34];
-	let t16;
-	if ($[35] !== badgeClassName || $[36] !== label) {
-		t16 = /* @__PURE__ */ jsx(Badge, {
+		$[37] = t16;
+	} else t16 = $[37];
+	let t17;
+	if ($[38] !== badgeClassName || $[39] !== label) {
+		t17 = /* @__PURE__ */ jsx(Badge, {
 			variant: "secondary",
 			className: badgeClassName,
 			children: label
 		});
-		$[35] = badgeClassName;
-		$[36] = label;
-		$[37] = t16;
-	} else t16 = $[37];
-	let t17;
-	if ($[38] === Symbol.for("react.memo_cache_sentinel")) {
-		t17 = /* @__PURE__ */ jsx(ChevronDown, { className: "shrink-0 opacity-50" });
-		$[38] = t17;
-	} else t17 = $[38];
+		$[38] = badgeClassName;
+		$[39] = label;
+		$[40] = t17;
+	} else t17 = $[40];
 	let t18;
-	if ($[39] !== t16) {
-		t18 = /* @__PURE__ */ jsxs(PopoverTrigger, {
-			render: t15,
-			children: [t16, t17]
-		});
-		$[39] = t16;
-		$[40] = t18;
-	} else t18 = $[40];
+	if ($[41] === Symbol.for("react.memo_cache_sentinel")) {
+		t18 = /* @__PURE__ */ jsx(ChevronDown, { className: "shrink-0 opacity-50" });
+		$[41] = t18;
+	} else t18 = $[41];
 	let t19;
-	if ($[41] !== isProduction || $[42] !== renderActionButton) {
-		t19 = /* @__PURE__ */ jsx(PopoverContent, {
+	if ($[42] !== t17) {
+		t19 = /* @__PURE__ */ jsxs(PopoverTrigger, {
+			render: t16,
+			children: [t17, t18]
+		});
+		$[42] = t17;
+		$[43] = t19;
+	} else t19 = $[43];
+	let t20;
+	if ($[44] !== firstCompatibilityError || $[45] !== isProduction || $[46] !== renderActionButton) {
+		t20 = /* @__PURE__ */ jsx(PopoverContent, {
 			className: "w-96 p-0",
 			align: "start",
 			side: "bottom",
@@ -249,46 +253,55 @@ const EnvironmentMenu = () => {
 					}),
 					/* @__PURE__ */ jsxs("div", {
 						className: "flex flex-col gap-2 px-4",
-						children: [renderActionButton("push"), renderActionButton("pull")]
+						children: [
+							renderActionButton("push"),
+							renderActionButton("pull"),
+							firstCompatibilityError ? /* @__PURE__ */ jsxs(Alert, {
+								variant: "destructive",
+								className: "mt-1",
+								children: [/* @__PURE__ */ jsx(AlertCircle, { className: "size-4" }), /* @__PURE__ */ jsx(AlertDescription, { children: firstCompatibilityError })]
+							}) : null
+						]
 					})
 				] })
 			})
 		});
-		$[41] = isProduction;
-		$[42] = renderActionButton;
-		$[43] = t19;
-	} else t19 = $[43];
-	let t20;
-	if ($[44] !== open || $[45] !== t18 || $[46] !== t19) {
-		t20 = /* @__PURE__ */ jsxs(Popover, {
+		$[44] = firstCompatibilityError;
+		$[45] = isProduction;
+		$[46] = renderActionButton;
+		$[47] = t20;
+	} else t20 = $[47];
+	let t21;
+	if ($[48] !== open || $[49] !== t19 || $[50] !== t20) {
+		t21 = /* @__PURE__ */ jsxs(Popover, {
 			open,
 			onOpenChange: setOpen,
-			children: [t18, t19]
+			children: [t19, t20]
 		});
-		$[44] = open;
-		$[45] = t18;
-		$[46] = t19;
-		$[47] = t20;
-	} else t20 = $[47];
-	const t21 = !!pendingDirection;
-	let t22;
-	if ($[48] !== replicate.isPending) {
-		t22 = (o) => {
+		$[48] = open;
+		$[49] = t19;
+		$[50] = t20;
+		$[51] = t21;
+	} else t21 = $[51];
+	const t22 = !!pendingDirection;
+	let t23;
+	if ($[52] !== replicate.isPending) {
+		t23 = (o) => {
 			if (!o && !replicate.isPending) setPendingDirection(null);
 		};
-		$[48] = replicate.isPending;
-		$[49] = t22;
-	} else t22 = $[49];
-	const t23 = pendingDirection === "push" ? "Push to production?" : "Pull from production?";
-	let t24;
-	if ($[50] !== t23) {
-		t24 = /* @__PURE__ */ jsx(AlertDialogTitle, { children: t23 });
-		$[50] = t23;
-		$[51] = t24;
-	} else t24 = $[51];
+		$[52] = replicate.isPending;
+		$[53] = t23;
+	} else t23 = $[53];
+	const t24 = pendingDirection === "push" ? "Push to production?" : "Pull from production?";
 	let t25;
-	if ($[52] !== environmentName || $[53] !== pendingDirection) {
-		t25 = /* @__PURE__ */ jsx(AlertDialogDescription, { children: pendingDirection === "push" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+	if ($[54] !== t24) {
+		t25 = /* @__PURE__ */ jsx(AlertDialogTitle, { children: t24 });
+		$[54] = t24;
+		$[55] = t25;
+	} else t25 = $[55];
+	let t26;
+	if ($[56] !== environmentName || $[57] !== pendingDirection) {
+		t26 = /* @__PURE__ */ jsx(AlertDialogDescription, { children: pendingDirection === "push" ? /* @__PURE__ */ jsxs(Fragment, { children: [
 			"This will replace all content in",
 			" ",
 			/* @__PURE__ */ jsx("span", {
@@ -316,83 +329,83 @@ const EnvironmentMenu = () => {
 			}),
 			". This action cannot be undone."
 		] }) });
-		$[52] = environmentName;
-		$[53] = pendingDirection;
-		$[54] = t25;
-	} else t25 = $[54];
-	let t26;
-	if ($[55] !== t24 || $[56] !== t25) {
-		t26 = /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [t24, t25] });
-		$[55] = t24;
-		$[56] = t25;
-		$[57] = t26;
-	} else t26 = $[57];
+		$[56] = environmentName;
+		$[57] = pendingDirection;
+		$[58] = t26;
+	} else t26 = $[58];
 	let t27;
-	if ($[58] !== replicate.isPending) {
-		t27 = /* @__PURE__ */ jsx(AlertDialogCancel, {
+	if ($[59] !== t25 || $[60] !== t26) {
+		t27 = /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [t25, t26] });
+		$[59] = t25;
+		$[60] = t26;
+		$[61] = t27;
+	} else t27 = $[61];
+	let t28;
+	if ($[62] !== replicate.isPending) {
+		t28 = /* @__PURE__ */ jsx(AlertDialogCancel, {
 			variant: "outline",
 			size: "default",
 			disabled: replicate.isPending,
 			children: "Cancel"
 		});
-		$[58] = replicate.isPending;
-		$[59] = t27;
-	} else t27 = $[59];
-	let t28;
-	if ($[60] !== replicate.isPending) {
-		t28 = replicate.isPending ? /* @__PURE__ */ jsx(Spinner, {}) : null;
-		$[60] = replicate.isPending;
-		$[61] = t28;
-	} else t28 = $[61];
-	const t29 = pendingDirection === "push" ? "Push" : "Pull";
-	let t30;
-	if ($[62] !== handleConfirm || $[63] !== replicate.isPending || $[64] !== t28 || $[65] !== t29) {
-		t30 = /* @__PURE__ */ jsxs(AlertDialogAction, {
+		$[62] = replicate.isPending;
+		$[63] = t28;
+	} else t28 = $[63];
+	let t29;
+	if ($[64] !== replicate.isPending) {
+		t29 = replicate.isPending ? /* @__PURE__ */ jsx(Spinner, {}) : null;
+		$[64] = replicate.isPending;
+		$[65] = t29;
+	} else t29 = $[65];
+	const t30 = pendingDirection === "push" ? "Push" : "Pull";
+	let t31;
+	if ($[66] !== handleConfirm || $[67] !== replicate.isPending || $[68] !== t29 || $[69] !== t30) {
+		t31 = /* @__PURE__ */ jsxs(AlertDialogAction, {
 			variant: "destructive",
 			onClick: handleConfirm,
 			disabled: replicate.isPending,
-			children: [t28, t29]
+			children: [t29, t30]
 		});
-		$[62] = handleConfirm;
-		$[63] = replicate.isPending;
-		$[64] = t28;
-		$[65] = t29;
-		$[66] = t30;
-	} else t30 = $[66];
-	let t31;
-	if ($[67] !== t27 || $[68] !== t30) {
-		t31 = /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [t27, t30] });
-		$[67] = t27;
-		$[68] = t30;
-		$[69] = t31;
-	} else t31 = $[69];
+		$[66] = handleConfirm;
+		$[67] = replicate.isPending;
+		$[68] = t29;
+		$[69] = t30;
+		$[70] = t31;
+	} else t31 = $[70];
 	let t32;
-	if ($[70] !== t26 || $[71] !== t31) {
-		t32 = /* @__PURE__ */ jsxs(AlertDialogContent, { children: [t26, t31] });
-		$[70] = t26;
-		$[71] = t31;
-		$[72] = t32;
-	} else t32 = $[72];
+	if ($[71] !== t28 || $[72] !== t31) {
+		t32 = /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [t28, t31] });
+		$[71] = t28;
+		$[72] = t31;
+		$[73] = t32;
+	} else t32 = $[73];
 	let t33;
-	if ($[73] !== t21 || $[74] !== t22 || $[75] !== t32) {
-		t33 = /* @__PURE__ */ jsx(AlertDialog, {
-			open: t21,
-			onOpenChange: t22,
-			children: t32
-		});
-		$[73] = t21;
-		$[74] = t22;
+	if ($[74] !== t27 || $[75] !== t32) {
+		t33 = /* @__PURE__ */ jsxs(AlertDialogContent, { children: [t27, t32] });
+		$[74] = t27;
 		$[75] = t32;
 		$[76] = t33;
 	} else t33 = $[76];
 	let t34;
-	if ($[77] !== t20 || $[78] !== t33) {
-		t34 = /* @__PURE__ */ jsxs(Fragment, { children: [t20, t33] });
-		$[77] = t20;
-		$[78] = t33;
-		$[79] = t34;
-	} else t34 = $[79];
-	return t34;
+	if ($[77] !== t22 || $[78] !== t23 || $[79] !== t33) {
+		t34 = /* @__PURE__ */ jsx(AlertDialog, {
+			open: t22,
+			onOpenChange: t23,
+			children: t33
+		});
+		$[77] = t22;
+		$[78] = t23;
+		$[79] = t33;
+		$[80] = t34;
+	} else t34 = $[80];
+	let t35;
+	if ($[81] !== t21 || $[82] !== t34) {
+		t35 = /* @__PURE__ */ jsxs(Fragment, { children: [t21, t34] });
+		$[81] = t21;
+		$[82] = t34;
+		$[83] = t35;
+	} else t35 = $[83];
+	return t35;
 };
 
 //#endregion