@cobaltcore-dev/aurora 2.1.0 → 2.1.1

package/dist/client/imageHelpers-DBhL2ebL.mjs

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