@cobaltcore-dev/aurora 1.0.0 → 1.2.0

package/dist/client/ImageToastNotifications-m6c3tVPb.mjs

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