camox 0.76.0 → 0.77.0

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

@@ -1,4 +1,4 @@
-import { localizedPath } from "../../../lib/locale-path.js";
+import { localePrefix, localizedPath } from "../../../lib/locale-path.js";
 import { useCurrentDraftId } from "../../../lib/draft-scope.js";
 import { useViewLocale } from "../../../lib/view-locale-context.js";
 import { useLocation, useNavigate } from "../../navigation/navigation.js";
@@ -19,7 +19,7 @@ import { useMutation } from "@tanstack/react-query";
 import { Button } from "@camox/ui/button";
 import { Input } from "@camox/ui/input";
 import { Label } from "@camox/ui/label";
-import { ChevronsUpDown, Languages, Plus, Trash2 } from "lucide-react";
+import { ChevronsUpDown, Languages, Plus, Settings2, Trash2 } from "lucide-react";
 import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "@camox/ui/dialog";
 import { toast } from "@camox/ui/toaster";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@camox/ui/tooltip";
@@ -27,18 +27,19 @@ import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent,
 import { Combobox } from "@base-ui/react/combobox";
 import { Spinner } from "@camox/ui/spinner";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger } from "@camox/ui/dropdown-menu";
+import { Badge } from "@camox/ui/badge";
 
 //#region src/features/studio/components/LocalePicker.tsx
 /**
-* The studio's languages (GLOSSARY: Locale): the one viewed, the others to switch to, and adding
-* and removing them. Switching keeps the page shown when the other language has it, and goes to
-* that language's home otherwise; the URL names the language by its prefix. Adding and removing
-* languages are content writes, so on Live they start a draft. While Camox translates the draft
-* into its languages, the picker shows a spinner, and nothing else does. A `disabled` picker still
-* names the language viewed.
+* The studio's languages (GLOSSARY: Locale): the one viewed, the others to switch to, adding them,
+* and managing them: removing one, or making it the default. Switching keeps the page shown when
+* the other language has it, and goes to that language's home otherwise; the URL names the
+* language by its prefix. Adding, removing and changing the default language are content writes,
+* so on Live they start a draft. While Camox translates the draft into its languages, the picker
+* shows a spinner, and nothing else does. A `disabled` picker still names the language viewed.
 */
 function LocalePicker(t0) {
-	const $ = c(70);
+	const $ = c(71);
 	const { recordPage, disabled: t1 } = t0;
 	const disabled = t1 === void 0 ? false : t1;
 	const projectUuid = useProjectUuid();
@@ -81,6 +82,7 @@ function LocalePicker(t0) {
 	} else t8 = $[10];
 	const viewed = t8;
 	const switchTo = useSwitchLocale(recordPage);
+	const followDefault = useFollowNewDefault();
 	const draftId = useCurrentDraftId();
 	let t9;
 	if ($[11] !== draftId || $[12] !== projectId) {
@@ -231,84 +233,87 @@ function LocalePicker(t0) {
 		$[46] = t27;
 		$[47] = t29;
 	} else t29 = $[47];
-	let t30;
-	if ($[48] !== projectId || $[49] !== viewed.isDefault || $[50] !== viewed.tag) {
-		t30 = !viewed.isDefault && /* @__PURE__ */ jsxs(DropdownMenuItem, {
-			variant: "destructive",
-			disabled: !projectId,
-			onClick: _temp5,
-			children: [
-				/* @__PURE__ */ jsx(Trash2, {}),
-				"Remove ",
-				localeLabel(viewed.tag),
-				"…"
-			]
-		});
-		$[48] = projectId;
-		$[49] = viewed.isDefault;
-		$[50] = viewed.tag;
-		$[51] = t30;
-	} else t30 = $[51];
+	const t30 = !projectId;
 	let t31;
-	if ($[52] !== t29 || $[53] !== t30) {
-		t31 = /* @__PURE__ */ jsxs(DropdownMenuGroup, { children: [t29, t30] });
-		$[52] = t29;
-		$[53] = t30;
-		$[54] = t31;
-	} else t31 = $[54];
+	if ($[48] === Symbol.for("react.memo_cache_sentinel")) {
+		t31 = /* @__PURE__ */ jsx(Settings2, {});
+		$[48] = t31;
+	} else t31 = $[48];
 	let t32;
-	if ($[55] !== t25 || $[56] !== t31) {
-		t32 = /* @__PURE__ */ jsxs(DropdownMenuContent, {
+	if ($[49] !== t30) {
+		t32 = /* @__PURE__ */ jsxs(DropdownMenuItem, {
+			disabled: t30,
+			onClick: _temp5,
+			children: [t31, "Manage languages…"]
+		});
+		$[49] = t30;
+		$[50] = t32;
+	} else t32 = $[50];
+	let t33;
+	if ($[51] !== t29 || $[52] !== t32) {
+		t33 = /* @__PURE__ */ jsxs(DropdownMenuGroup, { children: [t29, t32] });
+		$[51] = t29;
+		$[52] = t32;
+		$[53] = t33;
+	} else t33 = $[53];
+	let t34;
+	if ($[54] !== t25 || $[55] !== t33) {
+		t34 = /* @__PURE__ */ jsxs(DropdownMenuContent, {
 			className: "w-64",
 			align: "start",
 			children: [
 				t25,
 				t26,
-				t31
+				t33
 			]
 		});
-		$[55] = t25;
-		$[56] = t31;
-		$[57] = t32;
-	} else t32 = $[57];
-	let t33;
-	if ($[58] !== t19 || $[59] !== t32) {
-		t33 = /* @__PURE__ */ jsxs(DropdownMenu, { children: [t19, t32] });
-		$[58] = t19;
-		$[59] = t32;
-		$[60] = t33;
-	} else t33 = $[60];
-	let t34;
-	if ($[61] !== dialog || $[62] !== locales || $[63] !== projectId || $[64] !== switchTo || $[65] !== viewed) {
-		t34 = projectId && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(AddLocaleDialog, {
+		$[54] = t25;
+		$[55] = t33;
+		$[56] = t34;
+	} else t34 = $[56];
+	let t35;
+	if ($[57] !== t19 || $[58] !== t34) {
+		t35 = /* @__PURE__ */ jsxs(DropdownMenu, { children: [t19, t34] });
+		$[57] = t19;
+		$[58] = t34;
+		$[59] = t35;
+	} else t35 = $[59];
+	let t36;
+	if ($[60] !== dialog || $[61] !== followDefault || $[62] !== locales || $[63] !== projectId || $[64] !== switchTo || $[65] !== translatingLocales.length || $[66] !== viewed) {
+		t36 = projectId && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(AddLocaleDialog, {
 			projectId,
 			locales,
 			open: dialog === "add",
 			onAdded: (added) => switchTo(added)
-		}), !viewed.isDefault && /* @__PURE__ */ jsx(RemoveLocaleDialog, {
+		}), /* @__PURE__ */ jsx(ManageLocalesDialog, {
 			projectId,
-			locale: viewed,
-			open: dialog === "remove",
-			onRemoved: () => {
+			locales,
+			open: dialog === "manage",
+			translating: translatingLocales.length > 0,
+			onRemoved: (removed) => {
+				if (removed.tag !== viewed.tag) return;
 				const fallback = locales.find(_temp6);
 				if (fallback) switchTo(fallback);
-			}
+			},
+			onDefaultChanged: (tag_0) => followDefault(viewed, tag_0)
 		})] });
-		$[61] = dialog;
+		$[60] = dialog;
+		$[61] = followDefault;
 		$[62] = locales;
 		$[63] = projectId;
 		$[64] = switchTo;
-		$[65] = viewed;
-		$[66] = t34;
-	} else t34 = $[66];
-	let t35;
-	if ($[67] !== t33 || $[68] !== t34) {
-		t35 = /* @__PURE__ */ jsxs(Fragment, { children: [t33, t34] });
-		$[67] = t33;
-		$[68] = t34;
-		$[69] = t35;
-	} else t35 = $[69];
-	return t35;
+		$[65] = translatingLocales.length;
+		$[66] = viewed;
+		$[67] = t36;
+	} else t36 = $[67];
+	let t37;
+	if ($[68] !== t35 || $[69] !== t36) {
+		t37 = /* @__PURE__ */ jsxs(Fragment, { children: [t35, t36] });
+		$[68] = t35;
+		$[69] = t36;
+		$[70] = t37;
+	} else t37 = $[70];
+	return t37;
 }
 function _temp6(locale_2) {
 	return locale_2.isDefault;
@@ -316,7 +321,7 @@ function _temp6(locale_2) {
 function _temp5() {
 	return studioStore.send({
 		type: "openLocaleDialog",
-		dialog: "remove"
+		dialog: "manage"
 	});
 }
 function _temp4() {
@@ -455,6 +460,40 @@ function _temp8() {
 function _temp7(location) {
 	return location.search;
 }
+/**
+* Keeps the studio on the language viewed once another language became the default: the new
+* default's pages move to unprefixed paths, and the old default's under its prefix.
+*/
+function useFollowNewDefault() {
+	const $ = c(5);
+	const navigate = useNavigate();
+	const path = useLocalePath();
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = { select: _temp10 };
+		$[0] = t0;
+	} else t0 = $[0];
+	const search = useLocation(t0);
+	let t1;
+	if ($[1] !== navigate || $[2] !== path || $[3] !== search) {
+		t1 = (viewed, tag) => {
+			const isDefault = viewed.tag === tag;
+			if (isDefault === viewed.isDefault) return;
+			navigate({ to: `${localizedPath(path, {
+				tag: viewed.tag,
+				isDefault
+			})}${search}` });
+		};
+		$[1] = navigate;
+		$[2] = path;
+		$[3] = search;
+		$[4] = t1;
+	} else t1 = $[4];
+	return t1;
+}
+function _temp10(location) {
+	return location.search;
+}
 function closeLocaleDialog() {
 	studioStore.send({ type: "closeLocaleDialog" });
 }
@@ -487,7 +526,7 @@ function AddLocaleDialog(t0) {
 				cache.invalidate(reads.localeList({ projectId }));
 				onAdded(added);
 			},
-			onError: _temp10
+			onError: _temp11
 		};
 		$[3] = cache;
 		$[4] = onAdded;
@@ -555,7 +594,7 @@ function AddLocaleDialog(t0) {
 					})
 				}), /* @__PURE__ */ jsx(Combobox.List, {
 					className: "max-h-64 min-h-0 overflow-y-auto",
-					children: _temp14
+					children: _temp15
 				})]
 			})
 		}) });
@@ -569,9 +608,9 @@ function AddLocaleDialog(t0) {
 				items: options,
 				value: picked,
 				onValueChange: setPicked,
-				itemToStringLabel: _temp11,
-				itemToStringValue: _temp12,
-				isItemEqualToValue: _temp13,
+				itemToStringLabel: _temp12,
+				itemToStringValue: _temp13,
+				isItemEqualToValue: _temp14,
 				autoHighlight: true,
 				children: [t8, t9]
 			})]
@@ -650,7 +689,7 @@ function AddLocaleDialog(t0) {
 	} else t17 = $[37];
 	return t17;
 }
-function _temp14(option_2) {
+function _temp15(option_2) {
 	return /* @__PURE__ */ jsx(Combobox.Item, {
 		value: option_2,
 		className: "data-highlighted:bg-accent data-highlighted:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none",
@@ -660,22 +699,196 @@ function _temp14(option_2) {
 		})
 	}, option_2.tag);
 }
-function _temp13(option_1, value) {
+function _temp14(option_1, value) {
 	return option_1.tag === value.tag;
 }
-function _temp12(option_0) {
+function _temp13(option_0) {
 	return option_0.tag;
 }
-function _temp11(option) {
+function _temp12(option) {
 	return option.label;
 }
-function _temp10(error) {
+function _temp11(error) {
 	return toast.error(error.message || "Could not add the language");
 }
+/**
+* Lists the languages, to remove one or make it the default, each after a confirmation. Changing
+* the default waits until Camox has translated the draft, since translations follow the default.
+*/
+function ManageLocalesDialog(t0) {
+	const $ = c(33);
+	const { projectId, locales, open, translating, onRemoved, onDefaultChanged } = t0;
+	const [confirming, setConfirming] = React.useState(null);
+	let t1;
+	if ($[0] !== locales) {
+		t1 = locales.find(_temp16);
+		$[0] = locales;
+		$[1] = t1;
+	} else t1 = $[1];
+	const current = t1;
+	let t2;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = () => setConfirming(null);
+		$[2] = t2;
+	} else t2 = $[2];
+	const closeConfirmation = t2;
+	let t3;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsx(DialogTitle, { children: "Manage languages" }), /* @__PURE__ */ jsx(DialogDescription, { children: "Removing a language or changing the default one happens in a draft. It goes live when the draft is published." })] });
+		$[3] = t3;
+	} else t3 = $[3];
+	let t4;
+	if ($[4] !== locales || $[5] !== translating) {
+		let t5;
+		if ($[7] !== translating) {
+			t5 = (locale_0) => {
+				const label = localeLabel(locale_0.tag);
+				return /* @__PURE__ */ jsxs("li", {
+					className: "flex min-h-11 items-center gap-2 py-1.5",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "min-w-0 flex-1 truncate text-sm",
+						children: label
+					}), locale_0.isDefault ? /* @__PURE__ */ jsx(Badge, {
+						variant: "secondary",
+						children: "Default"
+					}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Button, {
+						type: "button",
+						size: "sm",
+						variant: "outline",
+						disabled: translating,
+						onClick: () => setConfirming({
+							action: "makeDefault",
+							locale: locale_0
+						}),
+						children: "Make default"
+					}), /* @__PURE__ */ jsx(Button, {
+						type: "button",
+						size: "icon-sm",
+						variant: "ghost",
+						"aria-label": `Remove ${label}`,
+						onClick: () => setConfirming({
+							action: "remove",
+							locale: locale_0
+						}),
+						children: /* @__PURE__ */ jsx(Trash2, {})
+					})] })]
+				}, locale_0.tag);
+			};
+			$[7] = translating;
+			$[8] = t5;
+		} else t5 = $[8];
+		t4 = locales.map(t5);
+		$[4] = locales;
+		$[5] = translating;
+		$[6] = t4;
+	} else t4 = $[6];
+	let t5;
+	if ($[9] !== t4) {
+		t5 = /* @__PURE__ */ jsx("ul", {
+			"aria-label": "Languages",
+			className: "flex flex-col divide-y",
+			children: t4
+		});
+		$[9] = t4;
+		$[10] = t5;
+	} else t5 = $[10];
+	let t6;
+	if ($[11] !== translating) {
+		t6 = translating && /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground text-xs",
+			children: "Camox is translating this draft. You can change the default language once it's done."
+		});
+		$[11] = translating;
+		$[12] = t6;
+	} else t6 = $[12];
+	let t7;
+	if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = /* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsx(Button, {
+			type: "button",
+			variant: "outline",
+			onClick: closeLocaleDialog,
+			children: "Done"
+		}) });
+		$[13] = t7;
+	} else t7 = $[13];
+	let t8;
+	if ($[14] !== t5 || $[15] !== t6) {
+		t8 = /* @__PURE__ */ jsxs(DialogContent, {
+			className: "sm:max-w-md",
+			children: [
+				t3,
+				t5,
+				t6,
+				t7
+			]
+		});
+		$[14] = t5;
+		$[15] = t6;
+		$[16] = t8;
+	} else t8 = $[16];
+	let t9;
+	if ($[17] !== open || $[18] !== t8) {
+		t9 = /* @__PURE__ */ jsx(Dialog, {
+			open,
+			onOpenChange: _temp17,
+			children: t8
+		});
+		$[17] = open;
+		$[18] = t8;
+		$[19] = t9;
+	} else t9 = $[19];
+	let t10;
+	if ($[20] !== confirming || $[21] !== onRemoved || $[22] !== projectId) {
+		t10 = confirming?.action === "remove" && /* @__PURE__ */ jsx(RemoveLocaleDialog, {
+			projectId,
+			locale: confirming.locale,
+			onClose: closeConfirmation,
+			onRemoved
+		});
+		$[20] = confirming;
+		$[21] = onRemoved;
+		$[22] = projectId;
+		$[23] = t10;
+	} else t10 = $[23];
+	let t11;
+	if ($[24] !== confirming || $[25] !== current || $[26] !== onDefaultChanged || $[27] !== projectId) {
+		t11 = confirming?.action === "makeDefault" && current && /* @__PURE__ */ jsx(MakeDefaultLocaleDialog, {
+			projectId,
+			locale: confirming.locale,
+			from: current,
+			onClose: closeConfirmation,
+			onChanged: onDefaultChanged
+		});
+		$[24] = confirming;
+		$[25] = current;
+		$[26] = onDefaultChanged;
+		$[27] = projectId;
+		$[28] = t11;
+	} else t11 = $[28];
+	let t12;
+	if ($[29] !== t10 || $[30] !== t11 || $[31] !== t9) {
+		t12 = /* @__PURE__ */ jsxs(Fragment, { children: [
+			t9,
+			t10,
+			t11
+		] });
+		$[29] = t10;
+		$[30] = t11;
+		$[31] = t9;
+		$[32] = t12;
+	} else t12 = $[32];
+	return t12;
+}
+function _temp17(next) {
+	if (!next) closeLocaleDialog();
+}
+function _temp16(locale) {
+	return locale.isDefault;
+}
 /** Asks before removing a locale with all its content, then removes it in the draft. */
 function RemoveLocaleDialog(t0) {
-	const $ = c(34);
-	const { projectId, locale, open, onRemoved } = t0;
+	const $ = c(36);
+	const { projectId, locale, onClose, onRemoved } = t0;
 	const cache = useStudioCache();
 	let t1;
 	if ($[0] !== locale.tag) {
@@ -690,34 +903,37 @@ function RemoveLocaleDialog(t0) {
 		$[2] = t2;
 	} else t2 = $[2];
 	let t3;
-	if ($[3] !== cache || $[4] !== label || $[5] !== onRemoved || $[6] !== projectId) {
+	if ($[3] !== cache || $[4] !== label || $[5] !== locale || $[6] !== onClose || $[7] !== onRemoved || $[8] !== projectId) {
 		t3 = {
 			...t2,
 			onSuccess: () => {
-				closeLocaleDialog();
+				onClose();
 				toast.success(`Removed ${label}`);
 				cache.invalidate(reads.localeList({ projectId }));
-				onRemoved();
+				onRemoved(locale);
 			},
-			onError: _temp15
+			onError: _temp18
 		};
 		$[3] = cache;
 		$[4] = label;
-		$[5] = onRemoved;
-		$[6] = projectId;
-		$[7] = t3;
-	} else t3 = $[7];
+		$[5] = locale;
+		$[6] = onClose;
+		$[7] = onRemoved;
+		$[8] = projectId;
+		$[9] = t3;
+	} else t3 = $[9];
 	const remove = useMutation(t3);
 	let t4;
-	if ($[8] !== remove.isPending) {
+	if ($[10] !== onClose || $[11] !== remove.isPending) {
 		t4 = (next) => {
-			if (!next && !remove.isPending) closeLocaleDialog();
+			if (!next && !remove.isPending) onClose();
 		};
-		$[8] = remove.isPending;
-		$[9] = t4;
-	} else t4 = $[9];
+		$[10] = onClose;
+		$[11] = remove.isPending;
+		$[12] = t4;
+	} else t4 = $[12];
 	let t5;
-	if ($[10] !== label) {
+	if ($[13] !== label) {
 		t5 = /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsxs(AlertDialogTitle, { children: [
 			"Remove ",
 			label,
@@ -727,80 +943,248 @@ function RemoveLocaleDialog(t0) {
 			label,
 			" are removed in this draft. Once the draft is published, its content will be gone for good."
 		] })] });
-		$[10] = label;
-		$[11] = t5;
-	} else t5 = $[11];
+		$[13] = label;
+		$[14] = t5;
+	} else t5 = $[14];
 	let t6;
-	if ($[12] !== remove.isPending) {
+	if ($[15] !== remove.isPending) {
 		t6 = /* @__PURE__ */ jsx(AlertDialogCancel, {
 			variant: "outline",
 			size: "default",
 			disabled: remove.isPending,
 			children: "Cancel"
 		});
-		$[12] = remove.isPending;
-		$[13] = t6;
-	} else t6 = $[13];
+		$[15] = remove.isPending;
+		$[16] = t6;
+	} else t6 = $[16];
 	let t7;
-	if ($[14] !== locale.tag || $[15] !== projectId || $[16] !== remove) {
+	if ($[17] !== locale.tag || $[18] !== projectId || $[19] !== remove) {
 		t7 = () => remove.mutate({
 			projectId,
 			tag: locale.tag
 		});
-		$[14] = locale.tag;
-		$[15] = projectId;
-		$[16] = remove;
-		$[17] = t7;
-	} else t7 = $[17];
+		$[17] = locale.tag;
+		$[18] = projectId;
+		$[19] = remove;
+		$[20] = t7;
+	} else t7 = $[20];
 	let t8;
-	if ($[18] !== remove.isPending) {
+	if ($[21] !== remove.isPending) {
 		t8 = remove.isPending ? /* @__PURE__ */ jsx(Spinner, {}) : null;
-		$[18] = remove.isPending;
-		$[19] = t8;
-	} else t8 = $[19];
+		$[21] = remove.isPending;
+		$[22] = t8;
+	} else t8 = $[22];
 	let t9;
-	if ($[20] !== remove.isPending || $[21] !== t7 || $[22] !== t8) {
+	if ($[23] !== remove.isPending || $[24] !== t7 || $[25] !== t8) {
 		t9 = /* @__PURE__ */ jsxs(AlertDialogAction, {
 			variant: "destructive",
 			disabled: remove.isPending,
 			onClick: t7,
 			children: [t8, "Remove language"]
 		});
-		$[20] = remove.isPending;
-		$[21] = t7;
-		$[22] = t8;
-		$[23] = t9;
-	} else t9 = $[23];
+		$[23] = remove.isPending;
+		$[24] = t7;
+		$[25] = t8;
+		$[26] = t9;
+	} else t9 = $[26];
 	let t10;
-	if ($[24] !== t6 || $[25] !== t9) {
+	if ($[27] !== t6 || $[28] !== t9) {
 		t10 = /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [t6, t9] });
-		$[24] = t6;
-		$[25] = t9;
-		$[26] = t10;
-	} else t10 = $[26];
+		$[27] = t6;
+		$[28] = t9;
+		$[29] = t10;
+	} else t10 = $[29];
 	let t11;
-	if ($[27] !== t10 || $[28] !== t5) {
+	if ($[30] !== t10 || $[31] !== t5) {
 		t11 = /* @__PURE__ */ jsxs(AlertDialogContent, { children: [t5, t10] });
-		$[27] = t10;
-		$[28] = t5;
-		$[29] = t11;
-	} else t11 = $[29];
+		$[30] = t10;
+		$[31] = t5;
+		$[32] = t11;
+	} else t11 = $[32];
 	let t12;
-	if ($[30] !== open || $[31] !== t11 || $[32] !== t4) {
+	if ($[33] !== t11 || $[34] !== t4) {
 		t12 = /* @__PURE__ */ jsx(AlertDialog, {
-			open,
+			open: true,
 			onOpenChange: t4,
 			children: t11
 		});
-		$[30] = open;
+		$[33] = t11;
+		$[34] = t4;
+		$[35] = t12;
+	} else t12 = $[35];
+	return t12;
+}
+function _temp18(error) {
+	return toast.error(error.message || "Could not remove the language");
+}
+/**
+* Asks before making a locale the default one, saying what moves, then makes it the default in
+* the draft.
+*/
+function MakeDefaultLocaleDialog(t0) {
+	const $ = c(47);
+	const { projectId, locale, from, onClose, onChanged } = t0;
+	const cache = useStudioCache();
+	let t1;
+	if ($[0] !== locale.tag) {
+		t1 = localeLabel(locale.tag);
+		$[0] = locale.tag;
+		$[1] = t1;
+	} else t1 = $[1];
+	const label = t1;
+	let t2;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = localeMutations.setDefault();
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] !== cache || $[4] !== label || $[5] !== locale.tag || $[6] !== onChanged || $[7] !== onClose || $[8] !== projectId) {
+		t3 = {
+			...t2,
+			onSuccess: () => {
+				onClose();
+				toast.success(`${label} is now the default language`);
+				cache.invalidate(reads.localeList({ projectId }));
+				onChanged(locale.tag);
+			},
+			onError: _temp19
+		};
+		$[3] = cache;
+		$[4] = label;
+		$[5] = locale.tag;
+		$[6] = onChanged;
+		$[7] = onClose;
+		$[8] = projectId;
+		$[9] = t3;
+	} else t3 = $[9];
+	const setDefault = useMutation(t3);
+	let t4;
+	if ($[10] !== onClose || $[11] !== setDefault.isPending) {
+		t4 = (next) => {
+			if (!next && !setDefault.isPending) onClose();
+		};
+		$[10] = onClose;
+		$[11] = setDefault.isPending;
+		$[12] = t4;
+	} else t4 = $[12];
+	let t5;
+	if ($[13] !== label) {
+		t5 = /* @__PURE__ */ jsxs(AlertDialogTitle, { children: [
+			"Make ",
+			label,
+			" the default language?"
+		] });
+		$[13] = label;
+		$[14] = t5;
+	} else t5 = $[14];
+	let t6;
+	if ($[15] !== from.tag) {
+		t6 = localeLabel(from.tag);
+		$[15] = from.tag;
+		$[16] = t6;
+	} else t6 = $[16];
+	let t7;
+	if ($[17] !== from.tag) {
+		t7 = localePrefix({
+			tag: from.tag,
+			isDefault: false
+		});
+		$[17] = from.tag;
+		$[18] = t7;
+	} else t7 = $[18];
+	let t8;
+	if ($[19] !== label || $[20] !== t6 || $[21] !== t7) {
+		t8 = /* @__PURE__ */ jsxs(AlertDialogDescription, { children: [
+			"Camox translates every other language from ",
+			label,
+			" from now on. Its pages move to the website's URLs without a language prefix, and ",
+			t6,
+			" pages move under",
+			" ",
+			t7,
+			". Nothing is translated again now. The change goes live when the draft is published."
+		] });
+		$[19] = label;
+		$[20] = t6;
+		$[21] = t7;
+		$[22] = t8;
+	} else t8 = $[22];
+	let t9;
+	if ($[23] !== t5 || $[24] !== t8) {
+		t9 = /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [t5, t8] });
+		$[23] = t5;
+		$[24] = t8;
+		$[25] = t9;
+	} else t9 = $[25];
+	let t10;
+	if ($[26] !== setDefault.isPending) {
+		t10 = /* @__PURE__ */ jsx(AlertDialogCancel, {
+			variant: "outline",
+			size: "default",
+			disabled: setDefault.isPending,
+			children: "Cancel"
+		});
+		$[26] = setDefault.isPending;
+		$[27] = t10;
+	} else t10 = $[27];
+	let t11;
+	if ($[28] !== locale.tag || $[29] !== projectId || $[30] !== setDefault) {
+		t11 = () => setDefault.mutate({
+			projectId,
+			tag: locale.tag
+		});
+		$[28] = locale.tag;
+		$[29] = projectId;
+		$[30] = setDefault;
 		$[31] = t11;
-		$[32] = t4;
+	} else t11 = $[31];
+	let t12;
+	if ($[32] !== setDefault.isPending) {
+		t12 = setDefault.isPending ? /* @__PURE__ */ jsx(Spinner, {}) : null;
+		$[32] = setDefault.isPending;
 		$[33] = t12;
 	} else t12 = $[33];
-	return t12;
+	let t13;
+	if ($[34] !== setDefault.isPending || $[35] !== t11 || $[36] !== t12) {
+		t13 = /* @__PURE__ */ jsxs(AlertDialogAction, {
+			disabled: setDefault.isPending,
+			onClick: t11,
+			children: [t12, "Make default"]
+		});
+		$[34] = setDefault.isPending;
+		$[35] = t11;
+		$[36] = t12;
+		$[37] = t13;
+	} else t13 = $[37];
+	let t14;
+	if ($[38] !== t10 || $[39] !== t13) {
+		t14 = /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [t10, t13] });
+		$[38] = t10;
+		$[39] = t13;
+		$[40] = t14;
+	} else t14 = $[40];
+	let t15;
+	if ($[41] !== t14 || $[42] !== t9) {
+		t15 = /* @__PURE__ */ jsxs(AlertDialogContent, { children: [t9, t14] });
+		$[41] = t14;
+		$[42] = t9;
+		$[43] = t15;
+	} else t15 = $[43];
+	let t16;
+	if ($[44] !== t15 || $[45] !== t4) {
+		t16 = /* @__PURE__ */ jsx(AlertDialog, {
+			open: true,
+			onOpenChange: t4,
+			children: t15
+		});
+		$[44] = t15;
+		$[45] = t4;
+		$[46] = t16;
+	} else t16 = $[46];
+	return t16;
 }
-function _temp15(error) {
-	return toast.error(error.message || "Could not remove the language");
+function _temp19(error) {
+	return toast.error(error.message || "Could not change the default language");
 }
 
 //#endregion