@cobaltcore-dev/aurora 0.23.0 → 1.0.0

package/dist/client/ImageToastNotifications-C0Tluzq-.mjs

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