@cobaltcore-dev/aurora 1.2.0 → 2.0.0

package/dist/client/ImageToastNotifications-BWfzOUMc.mjs

@@ -0,0 +1,1135 @@
+import { E as e, K as t, L as n, M as r, Q as i, R as a, S as o, T as s, U as c, X as l, ft as u, h as d, i as f, it as p, m, n as h, o as g, p as _, rt as v, s as y, st as b, t as x } from "./build-WuxXRAqf.mjs";
+import { a as S } from "./trpcClient-D7gpR7YG.mjs";
+import { t as C } from "./useProjectId-DBc5lpoU.mjs";
+import { n as w } from "./formatBytes-CZv_XyCY.mjs";
+import { t as T } from "./useModalTracking-BYd37pXm.mjs";
+import "./hooks-D0yKIumu.mjs";
+import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
+import k, { useEffect as A, useMemo as j, useState as M } from "react";
+import { Trans as N, useLingui as P } from "@lingui/react";
+import { z as F } from "zod";
+import { useForm as I, useStore as L } from "@tanstack/react-form";
+//#region src/client/routes/_auth/projects/$projectId/compute/images/-components/SizeDisplay.tsx
+function R({ size: e }) {
+	return e === void 0 ? /*#__PURE__*/ D("span", { children: "N/A" }) : /*#__PURE__*/ D("span", { children: w(e) });
+}
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/compute/-constants/filters.ts
+var z = {
+	PENDING: "pending",
+	ACCEPTED: "accepted",
+	REJECTED: "rejected",
+	ALL: "all"
+}, B = {
+	QUEUED: "queued",
+	SAVING: "saving",
+	ACTIVE: "active",
+	DEACTIVATED: "deactivated",
+	KILLED: "killed",
+	DELETED: "deleted",
+	PENDING_DELETE: "pending_delete"
+}, V = {
+	PUBLIC: "public",
+	PRIVATE: "private",
+	SHARED: "shared",
+	COMMUNITY: "community",
+	ALL: "all"
+}, H = {
+	AMI: "ami",
+	ARI: "ari",
+	AKI: "aki",
+	VHD: "vhd",
+	VHDX: "vhdx",
+	VMDK: "vmdk",
+	RAW: "raw",
+	QCOW2: "qcow2",
+	VDI: "vdi",
+	ISO: "iso",
+	PLOOP: "ploop"
+}, ee = {
+	AMI: "ami",
+	ARI: "ari",
+	AKI: "aki",
+	BARE: "bare",
+	OVF: "ovf",
+	OVA: "ova",
+	DOCKER: "docker"
+}, te = ({ memberId: e, imageId: t, errors: n, isLoading: i, onMemberIdChange: a, onSave: o, onCancel: c }) => {
+	let { i18n: l, _: u } = P();
+	return /*#__PURE__*/ O(s, { children: [
+		/*#__PURE__*/ D(x, {
+			className: "break-all",
+			children: t
+		}),
+		/*#__PURE__*/ D(x, {
+			className: "pl-0",
+			children: /*#__PURE__*/ D(m, {
+				value: e,
+				onChange: (e) => a(e.target.value),
+				placeholder: l._({ id: "vlyDm2" }),
+				errortext: n.memberId,
+				required: !0
+			})
+		}),
+		/*#__PURE__*/ D(x, {}),
+		/*#__PURE__*/ D(x, { children: /*#__PURE__*/ O(r, { children: [/*#__PURE__*/ D(f, {
+			icon: "check",
+			onClick: o,
+			variant: "primary",
+			title: l._({ id: "3Qn0me" }),
+			disabled: i
+		}), /*#__PURE__*/ D(f, {
+			icon: "cancel",
+			onClick: c,
+			title: l._({ id: "dEgA5A" }),
+			disabled: i
+		})] }) })
+	] });
+}, U = ({ member: e, isDeleting: n, onDelete: r, canDelete: a }) => {
+	let { i18n: o, _: c } = P(), [l, u] = M(!1);
+	A(() => {
+		if (l) {
+			let e = setTimeout(() => {
+				u(!1);
+			}, 3e3);
+			return () => clearTimeout(e);
+		}
+	}, [l]);
+	let d = () => {
+		u(!1), r();
+	};
+	return /*#__PURE__*/ O(s, { children: [
+		/*#__PURE__*/ D(x, {
+			className: "break-all",
+			children: e.image_id
+		}),
+		/*#__PURE__*/ D(x, {
+			className: "break-all",
+			children: e.member_id
+		}),
+		/*#__PURE__*/ D(x, {
+			className: `break-all text-theme-${((e) => {
+				switch (e) {
+					case z.PENDING: return "warning";
+					case z.ACCEPTED: return "success";
+					case z.REJECTED: return "danger";
+					default: return "default";
+				}
+			})(e.status)}`,
+			children: ((e) => {
+				switch (e) {
+					case z.PENDING: return o._({ id: "UbRKMZ" });
+					case z.ACCEPTED: return o._({ id: "bzMKg7" });
+					case z.REJECTED: return o._({ id: "ekCRTP" });
+					default: return e;
+				}
+			})(e.status)
+		}),
+		/*#__PURE__*/ D(x, { children: n ? /*#__PURE__*/ D(i, {
+			distribution: "center",
+			alignment: "center",
+			children: /*#__PURE__*/ D(t, { variant: "primary" })
+		}) : /*#__PURE__*/ D(i, {
+			distribution: "end",
+			alignment: "end",
+			children: (() => {
+				if (!a) return /*#__PURE__*/ D(E, {});
+				if (l) return /*#__PURE__*/ D(f, {
+					variant: "primary-danger",
+					onClick: d,
+					title: o._({ id: "n9jJG6" }),
+					"aria-label": o._({ id: "n9jJG6" }),
+					"data-testid": "confirm-removal",
+					disabled: n,
+					children: o._({ id: "t/YqKh" })
+				});
+				{
+					let t = e.member_id;
+					return /*#__PURE__*/ D(f, {
+						icon: "deleteForever",
+						onClick: () => u(!0),
+						title: o._({
+							id: "pebLmQ",
+							values: { memberIdDisplay: t }
+						}),
+						"aria-label": o._({
+							id: "pebLmQ",
+							values: { memberIdDisplay: t }
+						}),
+						"data-testid": `remove-${t}`,
+						disabled: n
+					});
+				}
+			})()
+		}) })
+	] });
+}, W = ({ image: e, imageMembers: t, isMembersLoading: r, canAdd: a, canRemove: c, isAddingMember: l, setIsAddingMember: u, setMessage: d, projectId: p }) => {
+	let { i18n: m, _: h } = P(), _ = S.useUtils(), [y, b] = M(""), [C, w] = M({}), [T, k] = M(/* @__PURE__ */ new Set()), A = S.compute.createImageMember.useMutation({ onSuccess: () => {
+		_.compute.listImageMembers.invalidate({
+			project_id: p,
+			imageId: e.id
+		});
+	} }), j = S.compute.deleteImageMember.useMutation({ onSuccess: () => {
+		_.compute.listImageMembers.invalidate({
+			project_id: p,
+			imageId: e.id
+		});
+	} }), N = e.visibility === "public", F = !t || t.length === 0, I = A.isPending || j.isPending, L = () => {
+		let e = y.trim(), n = {};
+		return e ? t?.some((t) => t.member_id === e) && (n.memberId = m._({ id: "jyqLKs" })) : n.memberId = m._({ id: "QFPSXA" }), w(n), Object.keys(n).length === 0;
+	}, R = () => {
+		b(""), w({});
+	}, z = async () => {
+		if (!L()) {
+			d({
+				text: m._({ id: "CBFSfX" }),
+				type: "error"
+			});
+			return;
+		}
+		let t = y.trim();
+		try {
+			await A.mutateAsync({
+				project_id: p,
+				imageId: e.id,
+				member: t
+			}), d({
+				text: m._({
+					id: "Sgz1vJ",
+					values: { trimmedMemberId: t }
+				}),
+				type: "info"
+			}), R(), u(!1);
+		} catch (e) {
+			d({
+				text: e?.message || m._({ id: "9doWrf" }),
+				type: "error"
+			});
+		}
+	}, B = async (t) => {
+		k((e) => new Set(e).add(t));
+		try {
+			await j.mutateAsync({
+				project_id: p,
+				imageId: e.id,
+				memberId: t
+			}), d({
+				text: m._({
+					id: "4O2AH3",
+					values: { memberIdToRemove: t }
+				}),
+				type: "info"
+			});
+		} catch (e) {
+			d({
+				text: e?.message || m._({ id: "n46oLW" }) || m._({
+					id: "7T1fHv",
+					values: { memberIdToRemove: t }
+				}),
+				type: "error"
+			});
+		} finally {
+			k((e) => {
+				let n = new Set(e);
+				return n.delete(t), n;
+			});
+		}
+	};
+	return r ? /*#__PURE__*/ O(g, {
+		columns: 4,
+		children: [/*#__PURE__*/ O(s, { children: [
+			/*#__PURE__*/ D(o, { children: m._({ id: "vrPCbw" }) }),
+			/*#__PURE__*/ D(o, { children: m._({ id: "mSfwLL" }) }),
+			/*#__PURE__*/ D(o, { children: m._({ id: "uAQUqI" }) }),
+			/*#__PURE__*/ D(o, {})
+		] }), /*#__PURE__*/ D(s, { children: /*#__PURE__*/ D(x, {
+			colSpan: 4,
+			children: /*#__PURE__*/ D(v, {
+				status: "progress",
+				title: m._({ id: "Z3FXyt" })
+			})
+		}) })]
+	}) : N ? /*#__PURE__*/ D(n, {
+		text: m._({ id: "6H/Lg1" }),
+		variant: "info"
+	}) : /*#__PURE__*/ O(E, { children: [a && /*#__PURE__*/ D(i, {
+		direction: "horizontal",
+		className: "bg-theme-background-lvl-1 justify-end p-2",
+		children: /*#__PURE__*/ D(f, {
+			label: m._({ id: "VCM3KS" }),
+			"data-testid": "addMemberButton",
+			onClick: () => u(!0),
+			variant: "primary",
+			disabled: l
+		})
+	}), /*#__PURE__*/ O(g, {
+		columns: 4,
+		children: [
+			/*#__PURE__*/ O(s, { children: [
+				/*#__PURE__*/ D(o, { children: m._({ id: "vrPCbw" }) }),
+				/*#__PURE__*/ D(o, { children: m._({ id: "mSfwLL" }) }),
+				/*#__PURE__*/ D(o, { children: m._({ id: "uAQUqI" }) }),
+				/*#__PURE__*/ D(o, {})
+			] }),
+			l && /*#__PURE__*/ D(te, {
+				memberId: y,
+				imageId: e.id,
+				errors: C,
+				isLoading: I,
+				onMemberIdChange: (e) => {
+					b(e), C.memberId && w((e) => ({
+						...e,
+						memberId: void 0
+					}));
+				},
+				onSave: z,
+				onCancel: () => {
+					R(), u(!1), d(null);
+				}
+			}),
+			t?.map((e, t) => /*#__PURE__*/ D(U, {
+				member: e,
+				isDeleting: T.has(e.member_id),
+				onDelete: () => B(e.member_id),
+				canDelete: c
+			}, `${e.member_id}-${t}`)),
+			F && !l && /*#__PURE__*/ D(s, { children: /*#__PURE__*/ D(x, {
+				colSpan: 4,
+				className: "text-theme-default py-4 text-center",
+				children: m._({ id: "H7u085" })
+			}) })
+		]
+	})] });
+}, G = ({ image: e, isOpen: t, isLoading: n = !1, onClose: r, onSave: o }) => {
+	let { i18n: s, _: h } = P(), [g, y] = M({
+		name: e.name || "",
+		tags: e.tags || [],
+		visibility: e.visibility || V.PRIVATE,
+		protected: e.protected || !1,
+		min_disk: e.min_disk || 0,
+		min_ram: e.min_ram || 0
+	}), [x, S] = M(""), [C, w] = M({}), T = (e, t) => {
+		if (e.length !== t.length) return !1;
+		let n = [...e].sort(), r = [...t].sort();
+		return n.every((e, t) => e === r[t]);
+	}, E = e.name === g.name && T(e.tags || [], g.tags) && e.visibility === g.visibility && e.protected === g.protected && e.min_disk === g.min_disk && e.min_ram === g.min_ram, k = (e) => {
+		let { name: t, value: n, type: r, checked: i } = e.target;
+		y((e) => ({
+			...e,
+			[t]: r === "checkbox" ? i : n
+		})), C[t] && w((e) => {
+			let n = { ...e };
+			return delete n[t], n;
+		});
+	}, A = (e, t) => {
+		y((n) => ({
+			...n,
+			[e]: t
+		})), C[e] && w((t) => {
+			let n = { ...t };
+			return delete n[e], n;
+		});
+	}, j = (e, t) => {
+		let n = t === "" ? 0 : parseInt(t, 10);
+		isNaN(n) || (y((t) => ({
+			...t,
+			[e]: n
+		})), C[e] && w((t) => {
+			let n = { ...t };
+			return delete n[e], n;
+		}));
+	}, F = (e) => {
+		S(e.target.value);
+	}, I = () => {
+		let e = x.trim();
+		if (e !== "") {
+			if (g.tags.includes(e)) {
+				S("");
+				return;
+			}
+			y((t) => ({
+				...t,
+				tags: [...t.tags, e]
+			})), S("");
+		}
+	}, L = (e) => {
+		e.key === "Enter" && (e.preventDefault(), I());
+	}, R = (e) => {
+		y((t) => ({
+			...t,
+			tags: t.tags.filter((t) => t !== e)
+		}));
+	}, z = () => {
+		let e = {};
+		return (!g.name || g.name.trim() === "") && (e.name = s._({ id: "wyIOMP" })), g.min_disk < 0 && (e.min_disk = s._({ id: "K3bUTE" })), g.min_ram < 0 && (e.min_ram = s._({ id: "PEGvy+" })), w(e), Object.keys(e).length === 0;
+	};
+	return /*#__PURE__*/ D(l, {
+		open: t,
+		onCancel: () => {
+			w({}), r();
+		},
+		size: "large",
+		title: s._({ id: "M5Epeo" }),
+		onConfirm: (t) => {
+			t.preventDefault(), z() && o({
+				...e.name === g.name.trim() ? {} : { name: g.name.trim() },
+				...T(e.tags || [], g.tags) ? {} : { tags: g.tags },
+				...e.visibility === g.visibility ? {} : { visibility: g.visibility },
+				...e.protected === g.protected ? {} : { protected: g.protected },
+				...e.min_disk === g.min_disk ? {} : { min_disk: g.min_disk },
+				...e.min_ram === g.min_ram ? {} : { min_ram: g.min_ram }
+			});
+		},
+		confirmButtonLabel: s._({ id: "IUwGEM" }),
+		cancelButtonLabel: s._({ id: "dEgA5A" }),
+		disableConfirmButton: n || E,
+		children: n ? /*#__PURE__*/ D(v, {
+			status: "progress",
+			title: s._({ id: "lsiOhA" }),
+			className: "mt-0"
+		}) : /*#__PURE__*/ O(u, { children: [/*#__PURE__*/ O(_, {
+			className: "mb-6",
+			children: [
+				/*#__PURE__*/ D(d, {
+					className: "mb-4",
+					children: /*#__PURE__*/ D(m, {
+						id: "name",
+						name: "name",
+						label: s._({ id: "ExLULX" }),
+						value: g.name,
+						onChange: k,
+						required: !0,
+						errortext: C.name
+					})
+				}),
+				/*#__PURE__*/ D(d, {
+					className: "my-6",
+					children: /*#__PURE__*/ O("div", {
+						className: "w-full",
+						children: [/*#__PURE__*/ O(i, {
+							gap: "2",
+							direction: "horizontal",
+							alignment: "start",
+							children: [/*#__PURE__*/ D("div", {
+								className: "flex-1",
+								children: /*#__PURE__*/ D(m, {
+									id: "tags",
+									name: "tags",
+									label: s._({ id: "OYHzN1" }),
+									value: x,
+									onChange: F,
+									onKeyDown: L,
+									helptext: s._({ id: "MOug+V" }),
+									placeholder: s._({ id: "y+KBOY" })
+								})
+							}), /*#__PURE__*/ D(f, {
+								variant: "primary",
+								onClick: I,
+								disabled: n || x.trim() === "",
+								children: /*#__PURE__*/ D(N, { id: "m16xKo" })
+							})]
+						}), g.tags.length > 0 && /*#__PURE__*/ D(i, {
+							gap: "2",
+							wrap: !0,
+							alignment: "center",
+							className: "mt-3",
+							children: g.tags.map((e) => /*#__PURE__*/ D(c, {
+								closeable: !0,
+								pillKey: "",
+								pillValue: e,
+								onClose: () => R(e)
+							}, e))
+						})]
+					})
+				}),
+				/*#__PURE__*/ D(d, {
+					className: "mb-4",
+					children: /*#__PURE__*/ O(p, {
+						id: "visibility",
+						name: "visibility",
+						label: s._({ id: "2q/Q7x" }),
+						value: g.visibility,
+						onChange: (e) => A("visibility", e),
+						children: [
+							/*#__PURE__*/ D(a, {
+								value: V.PUBLIC,
+								label: s._({ id: "7d1a0d" })
+							}),
+							/*#__PURE__*/ D(a, {
+								value: V.PRIVATE,
+								label: s._({ id: "zwBp5t" })
+							}),
+							/*#__PURE__*/ D(a, {
+								value: V.SHARED,
+								label: s._({ id: "0Gd0NU" })
+							}),
+							/*#__PURE__*/ D(a, {
+								value: V.COMMUNITY,
+								label: s._({ id: "chL5IG" })
+							})
+						]
+					})
+				}),
+				/*#__PURE__*/ D(d, { children: /*#__PURE__*/ D(b, {
+					id: "protected",
+					name: "protected",
+					label: s._({ id: "644xgx" }),
+					checked: g.protected,
+					onChange: k,
+					helptext: s._({ id: "lAsm87" })
+				}) })
+			]
+		}), /*#__PURE__*/ O(_, {
+			className: "mb-6",
+			children: [/*#__PURE__*/ D(d, {
+				className: "mb-4",
+				children: /*#__PURE__*/ D(m, {
+					id: "min_disk",
+					name: "min_disk",
+					label: s._({ id: "tbwGSx" }),
+					type: "number",
+					value: String(g.min_disk),
+					onChange: (e) => j("min_disk", e.target.value),
+					helptext: s._({ id: "RFDYCD" }),
+					errortext: C.min_disk
+				})
+			}), /*#__PURE__*/ D(d, { children: /*#__PURE__*/ D(m, {
+				id: "min_ram",
+				name: "min_ram",
+				label: s._({ id: "UYSopm" }),
+				type: "number",
+				value: String(g.min_ram),
+				onChange: (e) => j("min_ram", e.target.value),
+				helptext: s._({ id: "WErCZy" }),
+				errortext: C.min_ram
+			}) })]
+		})] })
+	});
+};
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/compute/images/-components/EditImageMetadataModal.tsx
+function K(e) {
+	return e == null ? "" : typeof e == "object" ? JSON.stringify(e) : String(e);
+}
+function q(e, t) {
+	return Object.entries(e).filter(([e]) => !t.has(e.toLowerCase())).map(([e, t]) => {
+		let n = K(t);
+		return {
+			key: e,
+			value: n,
+			isNew: !1,
+			isEditing: !1,
+			originalKey: e,
+			originalValue: n
+		};
+	});
+}
+function J({ isLoading: t, onClose: n, onSave: r, onSuccess: a, initialMetadata: o, excludedProperties: s, canEdit: c = !0 }) {
+	let { i18n: u, _: d } = P(), [p, g] = M(o), [_, b] = M({}), [x, S] = M(!1), [C, w] = M(""), [T, A] = M(""), j = p.every((e) => !e.isNew && e.key === e.originalKey && e.value === e.originalValue) && o.length === p.length, N = (e, t, n) => {
+		let r = e?.trim().toLowerCase();
+		return r ? s.has(r) ? u._({ id: "n3eQzA" }) : p.some((e, i) => e.key.trim().toLowerCase() === r && i !== n && e.originalKey !== t) ? u._({ id: "i6/ygf" }) : null : u._({ id: "QV1ZPO" });
+	}, F = () => {
+		let e = N(C, void 0, p.length);
+		if (e) {
+			b({ newKey: e });
+			return;
+		}
+		if (!T.trim()) {
+			b({ newValue: u._({ id: "hXUWyd" }) });
+			return;
+		}
+		g((e) => [{
+			key: C.trim(),
+			value: T.trim(),
+			isNew: !0,
+			isEditing: !1
+		}, ...e]), w(""), A(""), S(!1), b({});
+	}, I = () => {
+		w(""), A(""), S(!1), b({});
+	}, L = (e) => {
+		g((t) => t.map((t, n) => n === e ? {
+			...t,
+			isEditing: !0
+		} : {
+			...t,
+			isEditing: !1
+		})), S(!1);
+	}, R = (e) => {
+		let t = p[e], n = N(t.key, t.originalKey, e);
+		if (n) {
+			b({ [`edit-${e}`]: n });
+			return;
+		}
+		if (!t.value.trim()) {
+			b({ [`edit-${e}`]: u._({ id: "hXUWyd" }) });
+			return;
+		}
+		g((t) => t.map((t, n) => n === e ? {
+			...t,
+			isEditing: !1,
+			key: t.key.trim(),
+			value: t.value.trim()
+		} : t)), b({});
+	}, z = (e) => {
+		g((t) => t.map((t, n) => n === e ? {
+			...t,
+			isEditing: !1,
+			key: t.originalKey ?? t.key,
+			value: t.originalValue ?? t.value
+		} : t)), b({});
+	}, B = (e) => {
+		g((t) => t.filter((t, n) => n !== e)), b({});
+	}, V = (e, t) => {
+		g((n) => n.map((n, r) => r === e ? {
+			...n,
+			key: t
+		} : n)), _[`edit-${e}`] && b((t) => {
+			let n = { ...t };
+			return delete n[`edit-${e}`], n;
+		});
+	}, H = (e, t) => {
+		g((n) => n.map((n, r) => r === e ? {
+			...n,
+			value: t
+		} : n)), _[`edit-${e}`] && b((t) => {
+			let n = { ...t };
+			return delete n[`edit-${e}`], n;
+		});
+	};
+	return /*#__PURE__*/ D(l, {
+		open: !0,
+		onCancel: () => {
+			g(o), S(!1), w(""), A(""), b({}), n();
+		},
+		size: "xl",
+		title: c ? u._({ id: "SIfYq6" }) : u._({ id: "0K+QVi" }),
+		onConfirm: c ? async () => {
+			let e = {}, t = Object.fromEntries(o.filter((e) => !p.map((e) => e.originalKey).includes(e.originalKey) || !p.map((e) => e.key).includes(e.key)).map((e) => [e.key, null]));
+			p.filter((e) => e.isNew || e.value !== e.originalValue || e.key !== e.originalKey).forEach((t) => {
+				e[t.key] = t.value;
+			}), await r({
+				...e,
+				...t
+			}) && (n(), a?.());
+		} : void 0,
+		confirmButtonLabel: c ? u._({ id: "IUwGEM" }) : void 0,
+		cancelButtonLabel: u._({ id: "dEgA5A" }),
+		disableConfirmButton: t || x || p.some((e) => e.isEditing) || j,
+		children: t ? /*#__PURE__*/ D(v, {
+			status: "progress",
+			title: u._({ id: "AB2Oms" }),
+			className: "mt-0"
+		}) : /*#__PURE__*/ O("div", { children: [c && /*#__PURE__*/ D(i, {
+			direction: "horizontal",
+			className: "mb-4 justify-end p-2",
+			children: /*#__PURE__*/ D(f, {
+				label: u._({ id: "sWBLli" }),
+				onClick: () => S(!0),
+				variant: "primary",
+				disabled: x || p.some((e) => e.isEditing),
+				icon: "addCircle"
+			})
+		}), p.length === 0 && !x ? /*#__PURE__*/ D("p", {
+			className: "jn:text-theme-light py-8 text-center",
+			children: c ? u._({ id: "t1POAD" }) : u._({ id: "FqjOoy" })
+		}) : /*#__PURE__*/ O(y, {
+			className: "mb-6",
+			alignTerms: "left",
+			children: [/*#__PURE__*/ D(E, { children: x && /*#__PURE__*/ O(E, { children: [/*#__PURE__*/ D(h, { children: /*#__PURE__*/ D(m, {
+				value: C,
+				onChange: (e) => {
+					w(e.target.value), _.newKey && b((e) => {
+						let t = { ...e };
+						return delete t.newKey, t;
+					});
+				},
+				placeholder: u._({ id: "T8N6oi" }),
+				errortext: _.newKey,
+				invalid: !!_.newKey,
+				autoFocus: !0
+			}) }), /*#__PURE__*/ D(e, { children: /*#__PURE__*/ O(i, {
+				direction: "horizontal",
+				gap: "2",
+				alignment: "center",
+				className: "justify-between",
+				children: [/*#__PURE__*/ D(m, {
+					value: T,
+					onChange: (e) => {
+						A(e.target.value), _.newValue && b((e) => {
+							let t = { ...e };
+							return delete t.newValue, t;
+						});
+					},
+					placeholder: u._({ id: "wMHvYH" }),
+					errortext: _.newValue
+				}), /*#__PURE__*/ O(i, {
+					direction: "horizontal",
+					gap: "2",
+					children: [/*#__PURE__*/ D(f, {
+						size: "small",
+						variant: "primary",
+						onClick: F,
+						icon: "check",
+						title: u._({ id: "tfDRzk" }),
+						disabled: !C.trim()
+					}), /*#__PURE__*/ D(f, {
+						size: "small",
+						variant: "subdued",
+						onClick: I,
+						icon: "close",
+						title: u._({ id: "bzSI52" })
+					})]
+				})]
+			}) })] }) }), /*#__PURE__*/ D(E, { children: p.map((t, n) => /*#__PURE__*/ O(k.Fragment, { children: [/*#__PURE__*/ D(h, { children: t.isEditing ? /*#__PURE__*/ D(m, {
+				value: t.key,
+				onChange: (e) => V(n, e.target.value),
+				errortext: _[`edit-${n}`],
+				invalid: !!_[`edit-${n}`]
+			}) : /*#__PURE__*/ D("span", {
+				className: "jn:text-theme-high block max-w-xs truncate",
+				title: t.key,
+				children: t.key
+			}) }), /*#__PURE__*/ D(e, {
+				className: "flex items-center justify-between gap-2",
+				children: t.isEditing ? /*#__PURE__*/ O(E, { children: [/*#__PURE__*/ D(m, {
+					value: t.value,
+					onChange: (e) => H(n, e.target.value)
+				}), /*#__PURE__*/ O(i, {
+					direction: "horizontal",
+					gap: "2",
+					children: [/*#__PURE__*/ D(f, {
+						size: "small",
+						variant: "primary",
+						onClick: () => R(n),
+						icon: "check",
+						title: u._({ id: "tfDRzk" })
+					}), /*#__PURE__*/ D(f, {
+						size: "small",
+						variant: "subdued",
+						onClick: () => z(n),
+						icon: "close",
+						title: u._({ id: "bzSI52" })
+					})]
+				})] }) : /*#__PURE__*/ O(E, { children: [/*#__PURE__*/ D("span", {
+					className: "jn:text-theme-default block max-w-md truncate",
+					title: t.value,
+					children: t.value
+				}), c && /*#__PURE__*/ O(i, {
+					direction: "horizontal",
+					gap: "2",
+					children: [/*#__PURE__*/ D(f, {
+						size: "small",
+						variant: "subdued",
+						onClick: () => L(n),
+						icon: "edit",
+						"data-testid": `edit-${t.key}`,
+						title: u._({ id: "ePK91l" }),
+						disabled: x || p.some((e) => e.isEditing)
+					}), /*#__PURE__*/ D(f, {
+						size: "small",
+						onClick: () => B(n),
+						icon: "deleteForever",
+						"aria-label": u._({ id: "cnGeoo" }),
+						"data-testid": `delete-${t.key}`,
+						title: u._({ id: "cnGeoo" }),
+						disabled: x || p.some((e) => e.isEditing)
+					})]
+				})] })
+			})] }, `${t.originalKey}-${n}`)) })]
+		})] })
+	});
+}
+var Y = ({ image: e, isOpen: t, isLoading: n = !1, canEdit: r = !0, onClose: i, onSave: a }) => {
+	let { i18n: o, _: s } = P(), c = C(), { data: u, isLoading: d, isError: f } = S.compute.getImageMetadataExcludedProperties.useQuery({ project_id: c }, { enabled: t }), p = j(() => new Set((u ?? []).map((e) => e.toLowerCase())), [u]), m = j(() => q(e, p), [
+		e.id,
+		e.updated_at,
+		p
+	]);
+	return t ? d ? /*#__PURE__*/ D(l, {
+		open: !0,
+		onCancel: i,
+		size: "xl",
+		title: r ? o._({ id: "SIfYq6" }) : o._({ id: "0K+QVi" }),
+		children: /*#__PURE__*/ D(v, {
+			status: "progress",
+			title: o._({ id: "5flpDm" }),
+			className: "mt-0"
+		})
+	}) : f ? /*#__PURE__*/ D(l, {
+		open: !0,
+		onCancel: i,
+		size: "xl",
+		title: r ? o._({ id: "SIfYq6" }) : o._({ id: "0K+QVi" }),
+		children: /*#__PURE__*/ D(v, {
+			status: "error",
+			title: o._({ id: "0BBnkg" }),
+			className: "mt-0"
+		})
+	}) : /*#__PURE__*/ D(J, {
+		isLoading: n,
+		onClose: i,
+		onSave: a,
+		initialMetadata: m,
+		excludedProperties: p,
+		canEdit: r
+	}, `${e.id}-${e.updated_at}-${p.size}`) : null;
+}, X = ({ image: t, isOpen: n, isLoading: r, isDisabled: a, onClose: o, onDelete: s }) => {
+	if (!t) return null;
+	let { i18n: c, _: d } = P(), { trackClose: f, markSubmitted: p, resetTracking: g } = T({
+		isOpen: n,
+		actionPrefix: "compute.image.delete"
+	}), v = F.object({ confirm: F.string().refine((e) => e === "delete", { message: c._({ id: "QytzQr" }) }) }), b = I({
+		defaultValues: { confirm: "" },
+		validators: { onSubmit: v },
+		onSubmit: async () => {
+			r || a || (p(), s(t), S());
+		}
+	}), x = L(b.store, (e) => e.isSubmitting || e.values.confirm !== "delete"), S = () => {
+		f(), b.reset(), g(), o();
+	}, C = r ? c._({ id: "EF2EU9" }) : c._({ id: "KWa0gi" }), w = t?.name || t?.id;
+	return /*#__PURE__*/ D(l, {
+		open: n,
+		onCancel: S,
+		size: "small",
+		title: c._({
+			id: "XbeFW9",
+			values: { imageName: w }
+		}),
+		confirmButtonLabel: C,
+		confirmButtonVariant: "primary-danger",
+		onConfirm: b.handleSubmit,
+		cancelButtonLabel: c._({ id: "dEgA5A" }),
+		disableConfirmButton: x || r || a,
+		disableCancelButton: r,
+		disableCloseButton: r,
+		children: /*#__PURE__*/ O(i, {
+			direction: "vertical",
+			gap: "4",
+			children: [
+				/*#__PURE__*/ D("p", {
+					className: "text-theme-default",
+					children: /*#__PURE__*/ D(N, { id: "2zceEg" })
+				}),
+				t && /*#__PURE__*/ O(y, { children: [
+					/*#__PURE__*/ D(h, { children: c._({ id: "6YtxFj" }) }),
+					/*#__PURE__*/ D(e, { children: t.name || c._({ id: "MEIAzV" }) }),
+					/*#__PURE__*/ D(h, { children: c._({ id: "dFb5Nt" }) }),
+					/*#__PURE__*/ D(e, { children: t.id }),
+					/*#__PURE__*/ D(h, { children: c._({ id: "uAQUqI" }) }),
+					/*#__PURE__*/ D(e, { children: t.status }),
+					/*#__PURE__*/ D(h, { children: c._({ id: "2q/Q7x" }) }),
+					/*#__PURE__*/ D(e, { children: t.visibility }),
+					/*#__PURE__*/ D(h, { children: c._({ id: "Cj2Gtd" }) }),
+					/*#__PURE__*/ D(e, { children: /*#__PURE__*/ D(R, { size: t.size }) }),
+					/*#__PURE__*/ D(h, { children: c._({ id: "NopYGU" }) }),
+					/*#__PURE__*/ D(e, { children: t.disk_format || c._({ id: "fj5byd" }) }),
+					/*#__PURE__*/ D(h, { children: c._({ id: "d+F6q9" }) }),
+					/*#__PURE__*/ D(e, { children: t.created_at ? new Date(t.created_at).toLocaleDateString() : c._({ id: "fj5byd" }) })
+				] }),
+				/*#__PURE__*/ D(u, {
+					className: "mb-0",
+					id: "delete-image-form",
+					onSubmit: (e) => {
+						e.preventDefault(), b.handleSubmit();
+					},
+					children: /*#__PURE__*/ D(_, { children: /*#__PURE__*/ D(b.Field, {
+						name: "confirm",
+						children: (e) => /*#__PURE__*/ D(m, {
+							id: e.name,
+							name: e.name,
+							label: c._({ id: "QytzQr" }),
+							value: e.state.value,
+							onChange: (t) => e.handleChange(t.target.value),
+							placeholder: "delete",
+							autoFocus: !0,
+							disabled: r,
+							required: !0
+						})
+					}) })
+				})
+			]
+		})
+	});
+}, Z = ({ image: t, isOpen: n, isLoading: r, onClose: i, onActivate: a }) => {
+	if (!t) return null;
+	let { i18n: o, _: s } = P();
+	return /*#__PURE__*/ D(l, {
+		onCancel: i,
+		size: "small",
+		title: o._({ id: "RSFkXF" }),
+		open: n,
+		onConfirm: (e) => {
+			e.preventDefault(), a(t);
+		},
+		confirmButtonLabel: o._({ id: "FQBaXG" }),
+		cancelButtonLabel: o._({ id: "dEgA5A" }),
+		disableConfirmButton: r,
+		disableCancelButton: r,
+		disableCloseButton: r,
+		children: r ? /*#__PURE__*/ D(v, {
+			status: "progress",
+			title: o._({ id: "1zdNju" }),
+			className: "mt-0"
+		}) : /*#__PURE__*/ O(E, { children: [/*#__PURE__*/ D("p", {
+			className: "mb-4",
+			children: o._({ id: "+NwLgN" })
+		}), /*#__PURE__*/ O(y, { children: [
+			/*#__PURE__*/ D(h, { children: o._({ id: "6YtxFj" }) }),
+			/*#__PURE__*/ D(e, { children: t.name || o._({ id: "MEIAzV" }) }),
+			/*#__PURE__*/ D(h, { children: o._({ id: "dFb5Nt" }) }),
+			/*#__PURE__*/ D(e, { children: t.id }),
+			/*#__PURE__*/ D(h, { children: o._({ id: "uAQUqI" }) }),
+			/*#__PURE__*/ D(e, { children: t.status }),
+			/*#__PURE__*/ D(h, { children: o._({ id: "2q/Q7x" }) }),
+			/*#__PURE__*/ D(e, { children: t.visibility }),
+			/*#__PURE__*/ D(h, { children: o._({ id: "Cj2Gtd" }) }),
+			/*#__PURE__*/ D(e, { children: /*#__PURE__*/ D(R, { size: t.size }) }),
+			/*#__PURE__*/ D(h, { children: o._({ id: "NopYGU" }) }),
+			/*#__PURE__*/ D(e, { children: t.disk_format || o._({ id: "fj5byd" }) }),
+			/*#__PURE__*/ D(h, { children: o._({ id: "d+F6q9" }) }),
+			/*#__PURE__*/ D(e, { children: (() => {
+				let e = new Date(t.created_at ?? "");
+				return isNaN(e.getTime()) ? o._({ id: "fj5byd" }) : e.toLocaleDateString();
+			})() })
+		] })] })
+	});
+}, Q = ({ image: t, isOpen: n, isLoading: r, onClose: i, onDeactivate: a }) => {
+	if (!t) return null;
+	let { i18n: o, _: s } = P();
+	return /*#__PURE__*/ D(l, {
+		onCancel: i,
+		size: "small",
+		title: o._({ id: "hQr1Cr" }),
+		open: n,
+		onConfirm: (e) => {
+			e.preventDefault(), a(t);
+		},
+		confirmButtonLabel: o._({ id: "5y3O+A" }),
+		cancelButtonLabel: o._({ id: "dEgA5A" }),
+		disableConfirmButton: r,
+		disableCancelButton: r,
+		disableCloseButton: r,
+		children: r ? /*#__PURE__*/ D(v, {
+			status: "progress",
+			title: o._({ id: "jhCG7a" }),
+			className: "mt-0"
+		}) : /*#__PURE__*/ O(E, { children: [/*#__PURE__*/ D("p", {
+			className: "mb-4",
+			children: o._({ id: "8TSI9h" })
+		}), /*#__PURE__*/ O(y, { children: [
+			/*#__PURE__*/ D(h, { children: o._({ id: "6YtxFj" }) }),
+			/*#__PURE__*/ D(e, { children: t.name || o._({ id: "MEIAzV" }) }),
+			/*#__PURE__*/ D(h, { children: o._({ id: "dFb5Nt" }) }),
+			/*#__PURE__*/ D(e, { children: t.id }),
+			/*#__PURE__*/ D(h, { children: o._({ id: "uAQUqI" }) }),
+			/*#__PURE__*/ D(e, { children: t.status }),
+			/*#__PURE__*/ D(h, { children: o._({ id: "2q/Q7x" }) }),
+			/*#__PURE__*/ D(e, { children: t.visibility }),
+			/*#__PURE__*/ D(h, { children: o._({ id: "Cj2Gtd" }) }),
+			/*#__PURE__*/ D(e, { children: /*#__PURE__*/ D(R, { size: t.size }) }),
+			/*#__PURE__*/ D(h, { children: o._({ id: "NopYGU" }) }),
+			/*#__PURE__*/ D(e, { children: t.disk_format || o._({ id: "fj5byd" }) }),
+			/*#__PURE__*/ D(h, { children: o._({ id: "d+F6q9" }) }),
+			/*#__PURE__*/ D(e, { children: (() => {
+				let e = new Date(t.created_at ?? "");
+				return isNaN(e.getTime()) ? o._({ id: "fj5byd" }) : e.toLocaleDateString();
+			})() })
+		] })] })
+	});
+}, ne = (e) => ({
+	message: /*#__PURE__*/ D(N, { id: "bM1O3m" }),
+	description: /*#__PURE__*/ D(N, {
+		id: "hHL/wm",
+		values: { imageName: e }
+	})
+}), re = (e, t) => ({
+	message: /*#__PURE__*/ D(N, { id: "9iz2XW" }),
+	description: /*#__PURE__*/ D(N, {
+		id: "wODCcl",
+		values: {
+			imageName: e,
+			errorMessage: t
+		}
+	})
+}), ie = (e) => ({
+	message: /*#__PURE__*/ D(N, { id: "bM1O3m" }),
+	description: /*#__PURE__*/ D(N, {
+		id: "8AriEH",
+		values: { imageName: e }
+	})
+}), ae = (e, t) => ({
+	message: /*#__PURE__*/ D(N, { id: "lWTy+Y" }),
+	description: /*#__PURE__*/ D(N, {
+		id: "lYC3YX",
+		values: {
+			imageName: e,
+			errorMessage: t
+		}
+	})
+}), oe = (e, t) => ({
+	message: /*#__PURE__*/ D(N, { id: "AGXLLY" }),
+	description: /*#__PURE__*/ D(N, {
+		id: "Vf3tzc",
+		values: {
+			fileName: e,
+			errorMessage: t
+		}
+	})
+}), se = (e) => ({
+	message: /*#__PURE__*/ D(N, { id: "bM1O3m" }),
+	description: /*#__PURE__*/ D(N, {
+		id: "S1iTXO",
+		values: { imageName: e }
+	})
+}), ce = (e, t) => ({
+	message: /*#__PURE__*/ D(N, { id: "o/VDOG" }),
+	description: /*#__PURE__*/ D(N, {
+		id: "lIlLtp",
+		values: {
+			imageId: e,
+			errorMessage: t
+		}
+	})
+}), le = (e) => ({
+	message: /*#__PURE__*/ D(N, { id: "bM1O3m" }),
+	description: /*#__PURE__*/ D(N, {
+		id: "cj17eo",
+		values: { imageName: e }
+	})
+}), ue = (e) => ({
+	message: /*#__PURE__*/ D(N, { id: "bM1O3m" }),
+	description: /*#__PURE__*/ D(N, {
+		id: "ZcWMT1",
+		values: { imageName: e }
+	})
+}), de = (e, t) => ({
+	message: /*#__PURE__*/ D(N, { id: "tiflqy" }),
+	description: /*#__PURE__*/ D(N, {
+		id: "G/045D",
+		values: {
+			imageId: e,
+			errorMessage: t
+		}
+	})
+}), fe = (e, t) => ({
+	message: /*#__PURE__*/ D(N, { id: "BYH/2L" }),
+	description: /*#__PURE__*/ D(N, {
+		id: "KYFkcz",
+		values: {
+			imageId: e,
+			errorMessage: t
+		}
+	})
+}), pe = (e, t) => ({
+	message: /*#__PURE__*/ D(N, { id: "CFMxC8" }),
+	description: /*#__PURE__*/ D(N, {
+		id: "T7mgdd",
+		values: {
+			successCount: e,
+			totalCount: t
+		}
+	})
+}), me = (e, t) => ({
+	message: /*#__PURE__*/ D(N, { id: "fIvd7X" }),
+	description: /*#__PURE__*/ D(N, {
+		id: "xNZKYy",
+		values: {
+			failedCount: e,
+			totalCount: t
+		}
+	})
+}), he = (e, t) => ({
+	message: /*#__PURE__*/ D(N, { id: "Z5r9vC" }),
+	description: /*#__PURE__*/ D(N, {
+		id: "plnnns",
+		values: {
+			successCount: e,
+			failedCount: t
+		}
+	})
+}), ge = (e, t) => ({
+	message: /*#__PURE__*/ D(N, { id: "ryf/ee" }),
+	description: /*#__PURE__*/ D(N, {
+		id: "J9QcnV",
+		values: {
+			successCount: e,
+			totalCount: t
+		}
+	})
+}), $ = (e, t) => ({
+	message: /*#__PURE__*/ D(N, { id: "9njIiV" }),
+	description: /*#__PURE__*/ D(N, {
+		id: "R6u5CR",
+		values: {
+			failedCount: e,
+			totalCount: t
+		}
+	})
+}), _e = (e, t) => ({
+	message: /*#__PURE__*/ D(N, { id: "YZmsaT" }),
+	description: /*#__PURE__*/ D(N, {
+		id: "GbKqnI",
+		values: {
+			successCount: e,
+			failedCount: t
+		}
+	})
+}), ve = (e, t) => ({
+	message: /*#__PURE__*/ D(N, { id: "h8h6oz" }),
+	description: /*#__PURE__*/ D(N, {
+		id: "ZAy0zp",
+		values: {
+			successCount: e,
+			totalCount: t
+		}
+	})
+}), ye = (e, t) => ({
+	message: /*#__PURE__*/ D(N, { id: "fJpv9x" }),
+	description: /*#__PURE__*/ D(N, {
+		id: "quU9wK",
+		values: {
+			failedCount: e,
+			totalCount: t
+		}
+	})
+}), be = (e, t) => ({
+	message: /*#__PURE__*/ D(N, { id: "JfWCsP" }),
+	description: /*#__PURE__*/ D(N, {
+		id: "8t1+HU",
+		values: {
+			successCount: e,
+			failedCount: t
+		}
+	})
+}), xe = (e) => ({
+	message: /*#__PURE__*/ D(N, { id: "V66Jih" }),
+	description: /*#__PURE__*/ D(N, {
+		id: "Vmojta",
+		values: { newStatus: e }
+	})
+}), Se = (e) => ({
+	message: /*#__PURE__*/ D(N, { id: "V66Jih" }),
+	description: e || /*#__PURE__*/ D(N, { id: "QYiqYb" })
+}), Ce = (e, t) => ({
+	message: /*#__PURE__*/ D(N, { id: "OSlLnz" }),
+	description: /*#__PURE__*/ D(N, {
+		id: "CA8ZeT",
+		values: {
+			imageName: e,
+			visibility: t
+		}
+	})
+}), we = (e, t) => ({
+	message: /*#__PURE__*/ D(N, { id: "aqagJH" }),
+	description: /*#__PURE__*/ D(N, {
+		id: "FEfQAu",
+		values: {
+			imageName: e,
+			errorMessage: t
+		}
+	})
+});
+//#endregion
+export { W as A, we as C, X as D, Z as E, z as F, R as I, H as M, B as N, Y as O, V as P, ne as S, Q as T, fe as _, be as a, oe as b, he as c, xe as d, le as f, ue as g, ie as h, ye as i, ee as j, G as k, pe as l, ae as m, _e as n, ve as o, de as p, ge as r, me as s, $ as t, Se as u, ce as v, Ce as w, re as x, se as y };
+
+//# sourceMappingURL=ImageToastNotifications-BWfzOUMc.mjs.map