@cobaltcore-dev/aurora 1.1.0 → 1.2.0

package/dist/client/DeleteFlavorModal-V44QCJBd.mjs

@@ -0,0 +1,773 @@
+import { E as e, K as t, L as n, Q as r, X as i, ft as a, i as o, m as s, n as c, p as l, s as u } from "./build-WuxXRAqf.mjs";
+import { t as d } from "./useModalTracking-BcOKTYRN.mjs";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import h, { useEffect as g, useMemo as _, useState as v } from "react";
+import { Trans as y, useLingui as b } from "@lingui/react";
+import { z as x } from "zod";
+import { useForm as S, useStore as C } from "@tanstack/react-form";
+//#region src/client/utils/useErrorTranslation.ts
+var w = () => {
+	let { i18n: e, _: t } = b();
+	return {
+		translateError: (t) => {
+			switch (t) {
+				case "FLAVORS_UNAUTHORIZED": return e._({ id: "1iUuTT" });
+				case "FLAVORS_FORBIDDEN": return e._({ id: "mSLePW" });
+				case "FLAVORS_NOT_FOUND": return e._({ id: "EQnVgi" });
+				case "FLAVORS_SERVER_ERROR": return e._({ id: "Hivb/4" });
+				case "FLAVORS_FETCH_FAILED": return e._({ id: "EztMB8" });
+				case "FLAVORS_PARSE_ERROR": return e._({ id: "t1fq6V" });
+				case "GET_FLAVOR_DETAILS_UNAUTHORIZED": return e._({ id: "zCD96i" });
+				case "GET_FLAVOR_DETAILS_FORBIDDEN": return e._({ id: "/9Squ9" });
+				case "GET_FLAVOR_DETAILS_NOT_FOUND": return e._({ id: "HxTYrE" });
+				case "GET_FLAVOR_DETAILS_SERVER_ERROR": return e._({ id: "KJC+M7" });
+				case "GET_FLAVOR_DETAILS_INVALID_ID": return e._({ id: "YUU0QW" });
+				case "GET_FLAVOR_DETAILS_PARSE_ERROR": return e._({ id: "ZUmOzn" });
+				case "GET_FLAVOR_DETAILS_FAILED": return e._({ id: "RCr0yv" });
+				case "CREATE_FLAVOR_INVALID_DATA": return e._({ id: "0kCt7e" });
+				case "CREATE_FLAVOR_UNAUTHORIZED": return e._({ id: "oDkgME" });
+				case "CREATE_FLAVOR_FORBIDDEN": return e._({ id: "cPKL6O" });
+				case "CREATE_FLAVOR_CONFLICT": return e._({ id: "OlmKCg" });
+				case "CREATE_FLAVOR_SERVER_ERROR": return e._({ id: "qaAo9Y" });
+				case "CREATE_FLAVOR_FAILED": return e._({ id: "QuJSSl" });
+				case "DELETE_FLAVOR_UNAUTHORIZED": return e._({ id: "2gH+i8" });
+				case "DELETE_FLAVOR_FORBIDDEN": return e._({ id: "EPMHs9" });
+				case "DELETE_FLAVOR_NOT_FOUND": return e._({ id: "rIi6x4" });
+				case "DELETE_FLAVOR_SERVER_ERROR": return e._({ id: "tASa/P" });
+				case "DELETE_FLAVOR_FAILED": return e._({ id: "h3P8z+" });
+				case "DELETE_FLAVOR_INVALID_ID": return e._({ id: "YUU0QW" });
+				case "CREATE_EXTRA_SPECS_UNAUTHORIZED": return e._({ id: "RTQFAw" });
+				case "CREATE_EXTRA_SPECS_FORBIDDEN": return e._({ id: "kGmM/p" });
+				case "CREATE_EXTRA_SPECS_NOT_FOUND": return e._({ id: "HxTYrE" });
+				case "CREATE_EXTRA_SPECS_CONFLICT": return e._({ id: "6oolxV" });
+				case "CREATE_EXTRA_SPECS_INVALID_DATA": return e._({ id: "JoECY1" });
+				case "CREATE_EXTRA_SPECS_SERVER_ERROR": return e._({ id: "jMc/mo" });
+				case "CREATE_EXTRA_SPECS_PARSE_ERROR": return e._({ id: "07WXfc" });
+				case "CREATE_EXTRA_SPECS_FAILED": return e._({ id: "7BpykL" });
+				case "GET_EXTRA_SPECS_UNAUTHORIZED": return e._({ id: "3nWqQW" });
+				case "GET_EXTRA_SPECS_FORBIDDEN": return e._({ id: "wcUecy" });
+				case "GET_EXTRA_SPECS_NOT_FOUND": return e._({ id: "M470oJ" });
+				case "GET_EXTRA_SPECS_SERVER_ERROR": return e._({ id: "tIrNgH" });
+				case "GET_EXTRA_SPECS_PARSE_ERROR": return e._({ id: "07WXfc" });
+				case "GET_EXTRA_SPECS_FAILED": return e._({ id: "lhIa6x" });
+				case "DELETE_EXTRA_SPEC_UNAUTHORIZED": return e._({ id: "dVdc7N" });
+				case "DELETE_EXTRA_SPEC_FORBIDDEN": return e._({ id: "YrAy/S" });
+				case "DELETE_EXTRA_SPEC_NOT_FOUND": return e._({ id: "vBUQNE" });
+				case "DELETE_EXTRA_SPEC_SERVER_ERROR": return e._({ id: "0kc0zi" });
+				case "DELETE_EXTRA_SPEC_INVALID_KEY": return e._({ id: "ylfbpz" });
+				case "DELETE_EXTRA_SPEC_FAILED": return e._({ id: "TfdeUd" });
+				case "GET_FLAVOR_ACCESS_UNAUTHORIZED": return e._({ id: "Mt6sRo" });
+				case "GET_FLAVOR_ACCESS_FORBIDDEN": return e._({ id: "MbKJNP" });
+				case "GET_FLAVOR_ACCESS_NOT_FOUND": return e._({ id: "HxTYrE" });
+				case "GET_FLAVOR_ACCESS_SERVER_ERROR": return e._({ id: "YsOJlj" });
+				case "GET_FLAVOR_ACCESS_FAILED": return e._({ id: "bISG26" });
+				case "ADD_TENANT_ACCESS_FAILED": return e._({ id: "rIe0oV" });
+				case "ADD_TENANT_ACCESS_INVALID_DATA": return e._({ id: "gztCjq" });
+				case "ADD_TENANT_ACCESS_UNAUTHORIZED": return e._({ id: "+Lt5cp" });
+				case "ADD_TENANT_ACCESS_FORBIDDEN": return e._({ id: "8s0tOH" });
+				case "ADD_TENANT_ACCESS_NOT_FOUND": return e._({ id: "1rPB1p" });
+				case "ADD_TENANT_ACCESS_CONFLICT": return e._({ id: "NRMm0E" });
+				case "ADD_TENANT_ACCESS_SERVER_ERROR": return e._({ id: "KoQP4F" });
+				case "REMOVE_TENANT_ACCESS_FAILED": return e._({ id: "ZhVSpK" });
+				case "REMOVE_TENANT_ACCESS_INVALID_DATA": return e._({ id: "gztCjq" });
+				case "REMOVE_TENANT_ACCESS_UNAUTHORIZED": return e._({ id: "78+riR" });
+				case "REMOVE_TENANT_ACCESS_FORBIDDEN": return e._({ id: "qs+BrU" });
+				case "REMOVE_TENANT_ACCESS_NOT_FOUND": return e._({ id: "Do5/uH" });
+				case "REMOVE_TENANT_ACCESS_CONFLICT": return e._({ id: "+nQTmZ" });
+				case "REMOVE_TENANT_ACCESS_SERVER_ERROR": return e._({ id: "0BSSYj" });
+				case "COMPUTE_SERVICE_UNAVAILABLE": return e._({ id: "gGdfWx" });
+				case "COMPUTE_SERVICE_CONNECTION_FAILED": return e._({ id: "Qg4EG6" });
+				default: return e._({ id: "byKna+" });
+			}
+		},
+		isRetryableError: (e) => ["FLAVORS_SERVER_ERROR", "FLAVORS_FETCH_FAILED"].includes(e)
+	};
+};
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/compute/flavors/-components/EditSpecModal.tsx
+function T(e) {
+	return Object.entries(e).map(([e, t]) => ({
+		key: e,
+		value: t,
+		isNew: !1,
+		isEditing: !1,
+		originalKey: e,
+		originalValue: t
+	}));
+}
+var E = (e, t) => e.compute.canUser.query({
+	project_id: t,
+	permission: ["flavor_specs:create", "flavor_specs:delete"]
+}).then(([e, t]) => ({
+	canCreate: e,
+	canDelete: t
+})), D = (e, t, n) => e.compute.getExtraSpecs.query({
+	project_id: t,
+	flavorId: n
+});
+function O({ client: a, project: l, flavor: d, isLoading: g, onClose: y, initialSpecs: x, canEdit: S }) {
+	let { i18n: C, _: T } = b(), { translateError: E } = w(), [D, O] = v(x), [k, A] = v({}), [j, M] = v(!1), [N, P] = v(""), [F, I] = v(""), [L, R] = v(!1), [z, B] = v(null), V = !_(() => {
+		let e = new Map(D.map((e) => [e.key.trim(), e.value.trim()])), t = new Map(x.map((e) => [e.key.trim(), e.value.trim()]));
+		if (e.size !== t.size) return !0;
+		for (let [n, r] of e) if (t.get(n) !== r) return !0;
+		return !1;
+	}, [D, x]) || g || L || j || D.some((e) => e.isEditing), H = (e, t) => {
+		let n = e?.trim();
+		return n ? D.some((e, r) => e.key.trim() === n && r !== t) ? C._({ id: "i6/ygf" }) : null : C._({ id: "QV1ZPO" });
+	}, U = () => {
+		let e = H(N, D.length);
+		if (e) {
+			A({ newKey: e });
+			return;
+		}
+		if (!F.trim()) {
+			A({ newValue: C._({ id: "hXUWyd" }) });
+			return;
+		}
+		O([...D, {
+			key: N.trim(),
+			value: F.trim(),
+			isNew: !0,
+			isEditing: !1
+		}]), P(""), I(""), M(!1), A({});
+	}, W = () => {
+		P(""), I(""), M(!1), A({});
+	}, G = (e) => {
+		O(D.map((t, n) => n === e ? {
+			...t,
+			isEditing: !0
+		} : {
+			...t,
+			isEditing: !1
+		})), M(!1);
+	}, K = (e) => {
+		let t = D[e], n = H(t.key, e);
+		if (n) {
+			A({ [`edit-${e}`]: n });
+			return;
+		}
+		if (!t.value.trim()) {
+			A({ [`edit-${e}`]: C._({ id: "hXUWyd" }) });
+			return;
+		}
+		O(D.map((t, n) => n === e ? {
+			...t,
+			isEditing: !1,
+			key: t.key.trim(),
+			value: t.value.trim()
+		} : t)), A({});
+	}, q = (e) => {
+		O(D.map((t, n) => n === e ? {
+			...t,
+			isEditing: !1,
+			key: t.originalKey ?? t.key,
+			value: t.originalValue ?? t.value
+		} : t)), A({});
+	}, J = (e) => {
+		O(D.filter((t, n) => n !== e)), A({});
+	}, Y = (e, t) => {
+		O(D.map((n, r) => r === e ? {
+			...n,
+			key: t
+		} : n)), k[`edit-${e}`] && A((t) => {
+			let n = { ...t };
+			return delete n[`edit-${e}`], n;
+		});
+	}, X = (e, t) => {
+		O(D.map((n, r) => r === e ? {
+			...n,
+			value: t
+		} : n)), k[`edit-${e}`] && A((t) => {
+			let n = { ...t };
+			return delete n[`edit-${e}`], n;
+		});
+	};
+	return /*#__PURE__*/ p(i, {
+		open: !0,
+		onCancel: () => {
+			O(x), M(!1), P(""), I(""), A({}), B(null), y();
+		},
+		size: "large",
+		title: S ? C._({ id: "SIfYq6" }) : C._({ id: "6GBt0m" }),
+		onConfirm: S ? async () => {
+			R(!0), B(null);
+			try {
+				let e = new Set(D.map((e) => e.key)), t = x.filter((t) => !e.has(t.key)).map((e) => e.originalKey).filter(Boolean);
+				D.forEach((e) => {
+					e.originalKey && e.key !== e.originalKey && !e.isNew && t.push(e.originalKey);
+				});
+				let n = {};
+				D.forEach((e) => {
+					(e.isNew || e.key !== e.originalKey || e.value !== e.originalValue) && (n[e.key] = e.value);
+				});
+				for (let e of new Set(t)) await a.compute.deleteExtraSpec.mutate({
+					project_id: l,
+					flavorId: d.id,
+					key: e
+				});
+				Object.keys(n).length > 0 && await a.compute.createExtraSpecs.mutate({
+					project_id: l,
+					flavorId: d.id,
+					extra_specs: n
+				}), y();
+			} catch (e) {
+				B(E(e instanceof Error ? e.message : "Failed to save changes"));
+			} finally {
+				R(!1);
+			}
+		} : void 0,
+		confirmButtonLabel: L ? C._({ id: "XvjC4F" }) : C._({ id: "IUwGEM" }),
+		cancelButtonLabel: C._({ id: "dEgA5A" }),
+		disableConfirmButton: V,
+		disableCancelButton: L,
+		disableCloseButton: L,
+		children: g ? /*#__PURE__*/ p(r, {
+			distribution: "center",
+			alignment: "center",
+			children: /*#__PURE__*/ p(t, { variant: "primary" })
+		}) : /*#__PURE__*/ m("div", { children: [
+			z && /*#__PURE__*/ p(n, {
+				variant: "error",
+				text: z,
+				className: "mb-4",
+				onDismiss: () => B(null)
+			}),
+			S && /*#__PURE__*/ p(r, {
+				direction: "horizontal",
+				className: "jn:bg-theme-background-lvl-1 mb-4 justify-end p-2",
+				children: /*#__PURE__*/ p(o, {
+					label: C._({ id: "sWBLli" }),
+					onClick: () => M(!0),
+					variant: "primary",
+					disabled: j || D.some((e) => e.isEditing),
+					icon: "addCircle"
+				})
+			}),
+			D.length === 0 && !j ? /*#__PURE__*/ p("p", {
+				className: "jn:text-theme-light py-8 text-center",
+				children: S ? C._({ id: "rq9NT7" }) : C._({ id: "Nx16ic" })
+			}) : /*#__PURE__*/ m(u, {
+				className: "mb-6",
+				children: [
+					/*#__PURE__*/ p(c, { children: C._({ id: "T8N6oi" }) }),
+					/*#__PURE__*/ p(e, { children: C._({ id: "wMHvYH" }) }),
+					/*#__PURE__*/ p(f, { children: j && /*#__PURE__*/ m(f, { children: [/*#__PURE__*/ p(c, { children: /*#__PURE__*/ p(s, {
+						value: N,
+						onChange: (e) => {
+							P(e.target.value), k.newKey && A((e) => {
+								let t = { ...e };
+								return delete t.newKey, t;
+							});
+						},
+						placeholder: C._({ id: "x9AdZ8" }),
+						errortext: k.newKey,
+						autoFocus: !0
+					}) }), /*#__PURE__*/ p(e, { children: /*#__PURE__*/ m(r, {
+						direction: "horizontal",
+						gap: "2",
+						alignment: "center",
+						className: "justify-between",
+						children: [/*#__PURE__*/ p(s, {
+							value: F,
+							onChange: (e) => {
+								I(e.target.value), k.newValue && A((e) => {
+									let t = { ...e };
+									return delete t.newValue, t;
+								});
+							},
+							placeholder: C._({ id: "wMHvYH" }),
+							errortext: k.newValue
+						}), /*#__PURE__*/ m(r, {
+							direction: "horizontal",
+							gap: "2",
+							children: [/*#__PURE__*/ p(o, {
+								size: "small",
+								variant: "primary",
+								onClick: U,
+								icon: "check",
+								title: C._({ id: "tfDRzk" })
+							}), /*#__PURE__*/ p(o, {
+								size: "small",
+								variant: "subdued",
+								onClick: W,
+								icon: "close",
+								title: C._({ id: "bzSI52" })
+							})]
+						})]
+					}) })] }) }),
+					/*#__PURE__*/ p(f, { children: D.map((t, n) => /*#__PURE__*/ m(h.Fragment, { children: [/*#__PURE__*/ p(c, { children: t.isEditing ? /*#__PURE__*/ p(s, {
+						value: t.key,
+						onChange: (e) => Y(n, e.target.value),
+						errortext: k[`edit-${n}`]
+					}) : /*#__PURE__*/ p("span", {
+						className: "jn:text-theme-high block max-w-xs truncate",
+						title: t.key,
+						children: t.key
+					}) }), /*#__PURE__*/ p(e, {
+						className: "flex items-center justify-between gap-2",
+						children: t.isEditing ? /*#__PURE__*/ m(f, { children: [/*#__PURE__*/ p(s, {
+							value: t.value,
+							onChange: (e) => X(n, e.target.value),
+							errortext: k[`edit-${n}`]
+						}), /*#__PURE__*/ m(r, {
+							direction: "horizontal",
+							gap: "2",
+							children: [/*#__PURE__*/ p(o, {
+								size: "small",
+								variant: "primary",
+								onClick: () => K(n),
+								icon: "check",
+								title: C._({ id: "tfDRzk" })
+							}), /*#__PURE__*/ p(o, {
+								size: "small",
+								variant: "subdued",
+								onClick: () => q(n),
+								icon: "close",
+								title: C._({ id: "bzSI52" })
+							})]
+						})] }) : /*#__PURE__*/ m(f, { children: [/*#__PURE__*/ p("span", {
+							className: "jn:text-theme-default block max-w-md truncate",
+							title: t.value,
+							children: t.value
+						}), S && /*#__PURE__*/ m(r, {
+							direction: "horizontal",
+							gap: "2",
+							children: [/*#__PURE__*/ p(o, {
+								size: "small",
+								variant: "subdued",
+								onClick: () => G(n),
+								icon: "edit",
+								"data-testid": `edit-${t.key}`,
+								title: C._({ id: "ePK91l" }),
+								disabled: j || D.some((e) => e.isEditing)
+							}), /*#__PURE__*/ p(o, {
+								size: "small",
+								onClick: () => J(n),
+								icon: "deleteForever",
+								"data-testid": `delete-${t.key}`,
+								title: C._({ id: "cnGeoo" }),
+								disabled: j || D.some((e) => e.isEditing)
+							})]
+						})] })
+					})] }, `${t.originalKey}-${n}`)) })
+				]
+			})
+		] })
+	});
+}
+var k = ({ client: e, isOpen: a, onClose: o, project: s, flavor: c, canEdit: l }) => {
+	let { i18n: u, _: d } = b(), { translateError: f } = w(), [m, h] = v(null), [y, x] = v(!1), [S, C] = v(null), [k, A] = v(l);
+	g(() => {
+		if (!a || !c?.id) {
+			h(null), C(null);
+			return;
+		}
+		let t = !1;
+		return x(!0), C(null), (async () => {
+			try {
+				let [n, r] = await Promise.all([D(e, s, c.id), l === void 0 ? E(e, s) : Promise.resolve({
+					canCreate: l,
+					canDelete: l
+				})]);
+				if (t) return;
+				h(n), A(r.canCreate || r.canDelete);
+			} catch (e) {
+				if (t) return;
+				C(e instanceof Error ? e.message : "Failed to load metadata");
+			} finally {
+				t || x(!1);
+			}
+		})(), () => {
+			t = !0;
+		};
+	}, [
+		a,
+		c?.id,
+		e,
+		s,
+		l
+	]);
+	let j = _(() => m ? T(m) : [], [m]);
+	return !a || !c ? null : y ? /*#__PURE__*/ p(i, {
+		open: !0,
+		onCancel: o,
+		size: "large",
+		title: u._({ id: "SIfYq6" }),
+		children: /*#__PURE__*/ p(r, {
+			distribution: "center",
+			alignment: "center",
+			children: /*#__PURE__*/ p(t, { variant: "primary" })
+		})
+	}) : S ? /*#__PURE__*/ p(i, {
+		open: !0,
+		onCancel: o,
+		size: "large",
+		title: u._({ id: "SIfYq6" }),
+		children: /*#__PURE__*/ p(n, {
+			variant: "error",
+			text: f(S)
+		})
+	}) : /*#__PURE__*/ p(O, {
+		client: e,
+		project: s,
+		flavor: c,
+		isLoading: !1,
+		onClose: o,
+		initialSpecs: j,
+		canEdit: k ?? !1
+	}, c.id);
+};
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/compute/flavors/-components/ManageAccessModal.tsx
+function A(e) {
+	return e.map((e) => ({
+		projectId: e.tenant_id,
+		isNew: !1,
+		originalProjectId: e.tenant_id
+	}));
+}
+var j = (e, t) => e.compute.canUser.query({
+	project_id: t,
+	permission: ["flavors:add_project", "flavors:remove_project"]
+}).then(([e, t]) => ({
+	canAdd: e,
+	canRemove: t
+})), M = (e, t, n) => e.compute.getFlavorAccess.query({
+	project_id: t,
+	flavorId: n
+});
+function N({ client: a, project: l, flavor: d, isLoading: g, onClose: y, initialAccess: x, canAdd: S, canRemove: C }) {
+	let { i18n: T, _: E } = b(), { translateError: D } = w(), [O, k] = v(x), [A, j] = v({}), [M, N] = v(!1), [P, F] = v(""), [I, L] = v(!1), [R, z] = v(null), B = d["os-flavor-access:is_public"] !== !1, V = S || C, H = !_(() => {
+		let e = new Set(O.map((e) => e.projectId)), t = new Set(x.map((e) => e.projectId));
+		if (e.size !== t.size) return !0;
+		for (let n of e) if (!t.has(n)) return !0;
+		return !1;
+	}, [O, x]) || g || I || M, U = (e, t) => {
+		let n = e?.trim();
+		return n ? O.some((e, r) => e.projectId.trim() === n && r !== t) ? T._({ id: "8gXJTW" }) : null : T._({ id: "sMpIRo" });
+	}, W = () => {
+		let e = U(P, O.length);
+		if (e) {
+			j({ newProjectId: e });
+			return;
+		}
+		k([...O, {
+			projectId: P.trim(),
+			isNew: !0
+		}]), F(""), N(!1), j({});
+	}, G = () => {
+		F(""), N(!1), j({});
+	}, K = (e) => {
+		k(O.filter((t, n) => n !== e)), j({});
+	}, q = async () => {
+		L(!0), z(null);
+		try {
+			let e = new Set(O.map((e) => e.projectId)), t = new Set(x.map((e) => e.projectId)), n = x.filter((t) => !e.has(t.projectId)).map((e) => e.originalProjectId).filter(Boolean), r = O.filter((e) => !t.has(e.projectId)).map((e) => e.projectId);
+			for (let e of n) await a.compute.removeTenantAccess.mutate({
+				project_id: l,
+				flavorId: d.id,
+				targetProjectId: e
+			});
+			for (let e of r) await a.compute.addTenantAccess.mutate({
+				project_id: l,
+				flavorId: d.id,
+				targetProjectId: e
+			});
+			y();
+		} catch (e) {
+			z(D(e instanceof Error ? e.message : "Failed to save changes"));
+		} finally {
+			L(!1);
+		}
+	}, J = () => {
+		k(x), N(!1), F(""), j({}), z(null), y();
+	};
+	if (B) {
+		let e = d.name;
+		return /*#__PURE__*/ p(i, {
+			open: !0,
+			onCancel: J,
+			size: "large",
+			title: T._({
+				id: "6Rnrsz",
+				values: { flavorName: e }
+			}),
+			children: /*#__PURE__*/ p("p", {
+				className: "jn:text-theme-light py-8 text-center",
+				children: T._({ id: "gzPLLI" })
+			})
+		});
+	}
+	let Y = d.name;
+	return /*#__PURE__*/ p(i, {
+		open: !0,
+		onCancel: J,
+		size: "large",
+		title: T._({
+			id: "6Rnrsz",
+			values: { flavorName: Y }
+		}),
+		onConfirm: V ? q : void 0,
+		confirmButtonLabel: I ? T._({ id: "XvjC4F" }) : T._({ id: "IUwGEM" }),
+		cancelButtonLabel: T._({ id: "dEgA5A" }),
+		disableConfirmButton: H,
+		disableCancelButton: I,
+		disableCloseButton: I,
+		children: g ? /*#__PURE__*/ p(r, {
+			distribution: "center",
+			alignment: "center",
+			children: /*#__PURE__*/ p(t, { variant: "primary" })
+		}) : /*#__PURE__*/ m("div", { children: [
+			R && /*#__PURE__*/ p(n, {
+				variant: "error",
+				text: R,
+				className: "mb-4",
+				onDismiss: () => z(null)
+			}),
+			S && /*#__PURE__*/ p(r, {
+				direction: "horizontal",
+				className: "jn:bg-theme-background-lvl-1 mb-4 justify-end p-2",
+				children: /*#__PURE__*/ p(o, {
+					label: T._({ id: "zmHcLu" }),
+					onClick: () => N(!0),
+					variant: "primary",
+					disabled: M,
+					icon: "addCircle"
+				})
+			}),
+			O.length === 0 && !M ? /*#__PURE__*/ p("p", {
+				className: "jn:text-theme-light py-8 text-center",
+				children: S ? T._({ id: "R8o5/x" }) : T._({ id: "PonzUM" })
+			}) : /*#__PURE__*/ m(u, {
+				className: "mb-6",
+				children: [/*#__PURE__*/ p(f, { children: M && /*#__PURE__*/ m(f, { children: [/*#__PURE__*/ p(c, {
+					className: "flex items-center justify-end",
+					children: /*#__PURE__*/ p("span", {
+						className: "jn:text-theme-high",
+						children: T._({ id: "e0NrBM" })
+					})
+				}), /*#__PURE__*/ p(e, { children: /*#__PURE__*/ m("div", {
+					className: "flex w-full items-center gap-2",
+					children: [/*#__PURE__*/ p("div", {
+						className: "flex-1",
+						children: /*#__PURE__*/ p(s, {
+							value: P,
+							onChange: (e) => {
+								F(e.target.value), A.newProjectId && j((e) => {
+									let t = { ...e };
+									return delete t.newProjectId, t;
+								});
+							},
+							placeholder: T._({ id: "vlyDm2" }),
+							errortext: A.newProjectId,
+							autoFocus: !0,
+							wrapperClassName: "w-full"
+						})
+					}), /*#__PURE__*/ m("div", {
+						className: "flex shrink-0 gap-2",
+						children: [/*#__PURE__*/ p(o, {
+							size: "small",
+							variant: "primary",
+							onClick: W,
+							icon: "check",
+							title: T._({ id: "m16xKo" })
+						}), /*#__PURE__*/ p(o, {
+							size: "small",
+							variant: "subdued",
+							onClick: G,
+							icon: "close",
+							title: T._({ id: "dEgA5A" })
+						})]
+					})]
+				}) })] }) }), /*#__PURE__*/ p(f, { children: O.map((t, n) => /*#__PURE__*/ m(h.Fragment, { children: [/*#__PURE__*/ p(c, { children: /*#__PURE__*/ p("span", {
+					className: "jn:text-theme-high",
+					children: T._({ id: "e0NrBM" })
+				}) }), /*#__PURE__*/ p(e, { children: /*#__PURE__*/ m(r, {
+					direction: "horizontal",
+					gap: "2",
+					alignment: "center",
+					className: "justify-between",
+					children: [/*#__PURE__*/ p("span", {
+						className: "jn:text-theme-high block max-w-xs truncate",
+						title: t.projectId,
+						children: t.projectId
+					}), C && /*#__PURE__*/ p(o, {
+						size: "small",
+						onClick: () => K(n),
+						icon: "deleteForever",
+						"data-testid": `delete-${t.projectId}`,
+						title: T._({ id: "t/YqKh" }),
+						disabled: M
+					})]
+				}) })] }, `${t.originalProjectId || t.projectId}-${n}`)) })]
+			})
+		] })
+	});
+}
+var P = ({ client: e, isOpen: a, onClose: o, project: s, flavor: c }) => {
+	let { i18n: l, _: u } = b(), { translateError: d } = w(), [f, m] = v(null), [h, y] = v(null), [x, S] = v(!0), [C, T] = v(null);
+	g(() => {
+		if (!a || !c?.id) {
+			m(null), y(null), T(null);
+			return;
+		}
+		let t = !1;
+		return S(!0), T(null), (async () => {
+			try {
+				let [n, r] = await Promise.all([M(e, s, c.id), j(e, s)]);
+				if (t) return;
+				let i = n.filter((e, t, n) => n.findIndex((t) => t.tenant_id === e.tenant_id) === t);
+				m(i), y(r);
+			} catch (e) {
+				if (t) return;
+				T(e instanceof Error ? e.message : "Failed to load access data");
+			} finally {
+				t || S(!1);
+			}
+		})(), () => {
+			t = !0;
+		};
+	}, [
+		a,
+		c?.id,
+		e,
+		s
+	]);
+	let E = _(() => f ? A(f) : [], [f]);
+	if (!a || !c) return null;
+	let D = c.name;
+	return x ? /*#__PURE__*/ p(i, {
+		open: !0,
+		onCancel: o,
+		size: "large",
+		title: l._({
+			id: "6Rnrsz",
+			values: { flavorName: D }
+		}),
+		children: /*#__PURE__*/ p(r, {
+			distribution: "center",
+			alignment: "center",
+			children: /*#__PURE__*/ p(t, { variant: "primary" })
+		})
+	}) : C ? /*#__PURE__*/ p(i, {
+		open: !0,
+		onCancel: o,
+		size: "large",
+		title: l._({
+			id: "6Rnrsz",
+			values: { flavorName: D }
+		}),
+		children: /*#__PURE__*/ p(n, {
+			variant: "error",
+			text: d(C)
+		})
+	}) : /*#__PURE__*/ p(N, {
+		client: e,
+		project: s,
+		flavor: c,
+		isLoading: !1,
+		onClose: o,
+		initialAccess: E,
+		canAdd: h?.canAdd ?? !1,
+		canRemove: h?.canRemove ?? !1
+	}, c.id);
+}, F = ({ client: t, isOpen: o, onClose: f, project: h, flavor: g, onSuccess: _ }) => {
+	let { i18n: T, _: E } = b(), { translateError: D } = w(), [O, k] = v(!1), [A, j] = v(null), { trackClose: M, markSubmitted: N, resetTracking: P } = d({
+		isOpen: o,
+		actionPrefix: "compute.flavor.delete"
+	}), F = x.object({ confirm: x.string().refine((e) => e === "delete", { message: T._({ id: "QytzQr" }) }) }), I = S({
+		defaultValues: { confirm: "" },
+		validators: { onSubmit: F },
+		onSubmit: async () => {
+			if (!g?.id) {
+				j(T._({ id: "NlcF/v" }));
+				return;
+			}
+			if (!O) {
+				N(), j(null);
+				try {
+					k(!0), await t.compute.deleteFlavor.mutate({
+						project_id: h,
+						flavorId: g.id
+					}), _(), R();
+				} catch (e) {
+					let t = e?.message ? D(e.message) : T._({ id: "8zAn1f" });
+					j(t);
+				} finally {
+					k(!1);
+				}
+			}
+		}
+	}), L = C(I.store, (e) => e.isSubmitting || e.values.confirm !== "delete"), R = () => {
+		M(), k(!1), j(null), I.reset(), P(), f();
+	}, z = O ? T._({ id: "EF2EU9" }) : T._({ id: "JT3I1g" }), B = g?.name;
+	return /*#__PURE__*/ p(i, {
+		open: o,
+		onCancel: R,
+		title: T._({
+			id: "W3mNTY",
+			values: { flavorName: B }
+		}),
+		size: "small",
+		confirmButtonLabel: z,
+		confirmButtonVariant: "primary-danger",
+		onConfirm: I.handleSubmit,
+		cancelButtonLabel: T._({ id: "dEgA5A" }),
+		disableConfirmButton: L || O,
+		disableCancelButton: O,
+		disableCloseButton: O,
+		children: /*#__PURE__*/ m(r, {
+			direction: "vertical",
+			gap: "4",
+			children: [
+				A && /*#__PURE__*/ p(n, {
+					variant: "error",
+					children: A
+				}),
+				/*#__PURE__*/ p("p", {
+					className: "text-theme-default",
+					children: /*#__PURE__*/ p(y, { id: "QQ8wUG" })
+				}),
+				g && /*#__PURE__*/ m(u, { children: [
+					/*#__PURE__*/ p(c, { children: T._({ id: "6YtxFj" }) }),
+					/*#__PURE__*/ p(e, { children: g.name }),
+					/*#__PURE__*/ p(c, { children: T._({ id: "S0kLOH" }) }),
+					/*#__PURE__*/ p(e, { children: g.id }),
+					/*#__PURE__*/ p(c, { children: T._({ id: "MZGbkp" }) }),
+					/*#__PURE__*/ p(e, { children: g.vcpus }),
+					/*#__PURE__*/ p(c, { children: T._({ id: "RGhYAo" }) }),
+					/*#__PURE__*/ m(e, { children: [g.ram, " MiB"] }),
+					/*#__PURE__*/ p(c, { children: T._({ id: "sPFHpI" }) }),
+					/*#__PURE__*/ m(e, { children: [g.disk, " GiB"] }),
+					/*#__PURE__*/ p(c, { children: T._({ id: "vH2C/2" }) }),
+					/*#__PURE__*/ p(e, { children: g.swap === 0 || g.swap === "" ? /*#__PURE__*/ p(y, { id: "EdQY6l" }) : `${Number(g.swap)} MiB` })
+				] }),
+				/*#__PURE__*/ p(a, {
+					className: "mb-0",
+					id: "delete-flavor-form",
+					onSubmit: (e) => {
+						e.preventDefault(), I.handleSubmit();
+					},
+					children: /*#__PURE__*/ p(l, { children: /*#__PURE__*/ p(I.Field, {
+						name: "confirm",
+						children: (e) => /*#__PURE__*/ p(s, {
+							id: e.name,
+							name: e.name,
+							label: T._({ id: "QytzQr" }),
+							value: e.state.value,
+							onChange: (t) => e.handleChange(t.target.value),
+							placeholder: "delete",
+							autoFocus: !0,
+							disabled: O,
+							required: !0
+						})
+					}) })
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { w as i, P as n, k as r, F as t };
+
+//# sourceMappingURL=DeleteFlavorModal-V44QCJBd.mjs.map