@cobaltcore-dev/aurora 1.0.0 → 1.1.0

package/dist/client/ImageToastNotifications-BXMHJaIH.mjs

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