@cobaltcore-dev/aurora 1.3.0 → 2.1.0

package/dist/client/DeleteFlavorModal-Be2GFiB_.mjs

@@ -0,0 +1,802 @@
+import { E as e, L as t, Q as n, X as r, ft as i, i as a, m as o, n as s, ot as c, p as l, rt as u, s as d } from "./build-WuxXRAqf.mjs";
+import { t as f } from "./useModalTracking-BYd37pXm.mjs";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import g, { useEffect as _, useMemo as v, useState as y } from "react";
+import { Trans as b, useLingui as x } from "@lingui/react";
+import { z as S } from "zod";
+import { useForm as C, useStore as w } from "@tanstack/react-form";
+//#region src/client/utils/useErrorTranslation.ts
+var T = () => {
+	let { i18n: e, _: t } = x();
+	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 E(e) {
+	return Object.entries(e).map(([e, t]) => ({
+		key: e,
+		value: t,
+		isEditing: !1
+	}));
+}
+var D = (e, t, n) => e.compute.getExtraSpecs.query({
+	project_id: t,
+	flavorId: n
+});
+function O({ client: i, project: l, flavor: f, isLoading: _, onClose: v, initialSpecs: b }) {
+	let { i18n: S, _: C } = x(), { translateError: w } = T(), [E, D] = y(b), [O, k] = y({}), [A, j] = y(!1), [M, N] = y(""), [P, F] = y(""), [I, L] = y(!1), [R, z] = y(null), B = I || A || E.some((e) => e.isEditing), V = (e, t) => {
+		let n = e?.trim();
+		return n ? E.some((e, r) => e.key.trim() === n && r !== t) ? S._({ id: "i6/ygf" }) : null : S._({ id: "QV1ZPO" });
+	}, H = async () => {
+		let e = V(M, E.length);
+		if (e) {
+			k({ newKey: "error" }), z(e);
+			return;
+		}
+		if (!P.trim()) {
+			k({ newValue: "error" }), z(S._({ id: "hXUWyd" }));
+			return;
+		}
+		L(!0);
+		try {
+			await i.compute.createExtraSpecs.mutate({
+				project_id: l,
+				flavorId: f.id,
+				extra_specs: { [M.trim()]: P.trim() }
+			}), D([...E, {
+				key: M.trim(),
+				value: P.trim(),
+				isEditing: !1
+			}]), N(""), F(""), j(!1), k({}), z(null), c.success(S._({ id: "OhoNl2" }), { description: S._({ id: "De+cs2" }) });
+		} catch (e) {
+			let t = w(e instanceof Error ? e.message : "Failed to create property");
+			z(t);
+		} finally {
+			L(!1);
+		}
+	}, U = () => {
+		N(""), F(""), j(!1), k({}), z(null);
+	}, W = (e) => {
+		D(E.map((t, n) => n === e ? {
+			...t,
+			isEditing: !0,
+			editingValue: t.value
+		} : {
+			...t,
+			isEditing: !1
+		})), j(!1);
+	}, G = async (e) => {
+		let t = E[e];
+		if (!t.value.trim()) {
+			k({ [`edit-value-${e}`]: "error" }), z(S._({ id: "hXUWyd" }));
+			return;
+		}
+		L(!0);
+		try {
+			let n = t.value.trim();
+			await i.compute.createExtraSpecs.mutate({
+				project_id: l,
+				flavorId: f.id,
+				extra_specs: { [t.key]: n }
+			}), D(E.map((r, i) => i === e ? {
+				key: t.key,
+				value: n,
+				isEditing: !1
+			} : r)), k({}), z(null), c.success(S._({ id: "6/z5tA" }), { description: S._({ id: "qXyZuV" }) });
+		} catch (e) {
+			let t = w(e instanceof Error ? e.message : "Failed to update property");
+			z(t);
+		} finally {
+			L(!1);
+		}
+	}, K = (e) => {
+		D(E.map((t, n) => n === e ? {
+			key: t.key,
+			value: t.editingValue ?? t.value,
+			isEditing: !1
+		} : t)), k({}), z(null);
+	}, q = async (e) => {
+		let t = E[e];
+		L(!0);
+		try {
+			await i.compute.deleteExtraSpec.mutate({
+				project_id: l,
+				flavorId: f.id,
+				key: t.key
+			}), D(E.filter((t, n) => n !== e)), k({}), z(null), c.success(S._({ id: "Sjuoog" }), { description: S._({ id: "6Ur0UX" }) });
+		} catch (e) {
+			let t = w(e instanceof Error ? e.message : "Failed to delete property");
+			z(t);
+		} finally {
+			L(!1);
+		}
+	}, J = (e, t) => {
+		D(E.map((n, r) => r === e ? {
+			...n,
+			value: t
+		} : n)), O[`edit-value-${e}`] && (k((t) => {
+			let n = { ...t };
+			return delete n[`edit-value-${e}`], n;
+		}), z(null));
+	};
+	return /*#__PURE__*/ m(r, {
+		open: !0,
+		onCancel: () => {
+			I || (j(!1), N(""), F(""), k({}), z(null), v());
+		},
+		size: "xl",
+		title: S._({ id: "SIfYq6" }),
+		cancelButtonLabel: S._({ id: "yz7wBu" }),
+		disableCancelButton: I,
+		children: _ ? /*#__PURE__*/ m(u, {
+			status: "progress",
+			title: S._({ id: "USQ/Wg" }),
+			className: "mt-0"
+		}) : /*#__PURE__*/ h("div", { children: [
+			R && /*#__PURE__*/ m(t, {
+				variant: "error",
+				text: R,
+				className: "mb-4"
+			}),
+			/*#__PURE__*/ m(n, {
+				direction: "horizontal",
+				className: "mb-4 justify-end",
+				children: /*#__PURE__*/ m(a, {
+					label: S._({ id: "sWBLli" }),
+					onClick: () => j(!0),
+					disabled: B
+				})
+			}),
+			E.length === 0 && !A ? /*#__PURE__*/ m(u, {
+				status: "empty",
+				title: S._({ id: "qTRcSX" }),
+				body: S._({ id: "PVTJPk" }),
+				className: "m-0"
+			}) : /*#__PURE__*/ h(d, {
+				className: "mb-6 grid-cols-2",
+				alignTerms: "left",
+				children: [/*#__PURE__*/ m(p, { children: A && /*#__PURE__*/ h(p, { children: [/*#__PURE__*/ m(s, {
+					className: "col-span-1",
+					children: /*#__PURE__*/ m(o, {
+						value: M,
+						onChange: (e) => {
+							N(e.target.value), O.newKey && (k((e) => {
+								let t = { ...e };
+								return delete t.newKey, t;
+							}), z(null));
+						},
+						placeholder: S._({ id: "x9AdZ8" }),
+						invalid: !!O.newKey,
+						autoFocus: !0,
+						disabled: I
+					})
+				}), /*#__PURE__*/ h(e, {
+					className: "col-span-1 flex items-center gap-2",
+					children: [/*#__PURE__*/ m("div", {
+						className: "flex-1",
+						children: /*#__PURE__*/ m(o, {
+							value: P,
+							onChange: (e) => {
+								F(e.target.value), O.newValue && (k((e) => {
+									let t = { ...e };
+									return delete t.newValue, t;
+								}), z(null));
+							},
+							placeholder: S._({ id: "wMHvYH" }),
+							invalid: !!O.newValue,
+							disabled: I
+						})
+					}), /*#__PURE__*/ h(n, {
+						direction: "horizontal",
+						gap: "2",
+						className: "shrink-0",
+						children: [/*#__PURE__*/ m(a, {
+							size: "small",
+							variant: "primary",
+							onClick: H,
+							icon: "check",
+							title: S._({ id: "tfDRzk" }),
+							"aria-label": S._({ id: "tfDRzk" }),
+							disabled: I
+						}), /*#__PURE__*/ m(a, {
+							size: "small",
+							variant: "subdued",
+							onClick: U,
+							icon: "close",
+							title: S._({ id: "bzSI52" }),
+							"aria-label": S._({ id: "bzSI52" }),
+							disabled: I
+						})]
+					})]
+				})] }) }), /*#__PURE__*/ m(p, { children: E.map((t, r) => /*#__PURE__*/ h(g.Fragment, { children: [/*#__PURE__*/ m(s, {
+					className: "col-span-1",
+					children: (t.isEditing, /*#__PURE__*/ m("span", {
+						className: "jn:text-theme-high block break-all",
+						title: t.key,
+						children: t.key
+					}))
+				}), /*#__PURE__*/ m(e, {
+					className: "col-span-1 flex items-center gap-2",
+					children: t.isEditing ? /*#__PURE__*/ h(p, { children: [/*#__PURE__*/ m("div", {
+						className: "flex-1",
+						children: /*#__PURE__*/ m(o, {
+							value: t.value,
+							onChange: (e) => J(r, e.target.value),
+							invalid: !!O[`edit-value-${r}`],
+							disabled: I
+						})
+					}), /*#__PURE__*/ h(n, {
+						direction: "horizontal",
+						gap: "2",
+						className: "shrink-0",
+						children: [/*#__PURE__*/ m(a, {
+							size: "small",
+							variant: "primary",
+							onClick: () => G(r),
+							icon: "check",
+							title: S._({ id: "tfDRzk" }),
+							"aria-label": S._({ id: "tfDRzk" }),
+							disabled: I
+						}), /*#__PURE__*/ m(a, {
+							size: "small",
+							variant: "subdued",
+							onClick: () => K(r),
+							icon: "close",
+							title: S._({ id: "bzSI52" }),
+							"aria-label": S._({ id: "bzSI52" }),
+							disabled: I
+						})]
+					})] }) : /*#__PURE__*/ h(p, { children: [/*#__PURE__*/ m("span", {
+						className: "jn:text-theme-default flex-1 break-all",
+						title: t.value,
+						children: t.value
+					}), /*#__PURE__*/ h(n, {
+						direction: "horizontal",
+						gap: "2",
+						className: "shrink-0",
+						children: [/*#__PURE__*/ m(a, {
+							size: "small",
+							variant: "subdued",
+							onClick: () => W(r),
+							icon: "edit",
+							"data-testid": `edit-${t.key}`,
+							title: S._({ id: "ePK91l" }),
+							disabled: B
+						}), /*#__PURE__*/ m(a, {
+							size: "small",
+							onClick: () => q(r),
+							icon: "deleteForever",
+							"data-testid": `delete-${t.key}`,
+							title: S._({ id: "cnGeoo" }),
+							"aria-label": S._({ id: "cnGeoo" }),
+							disabled: B
+						})]
+					})] })
+				})] }, r)) })]
+			})
+		] })
+	});
+}
+var k = ({ client: e, isOpen: t, onClose: n, project: i, flavor: a }) => {
+	let { i18n: o, _: s } = x(), { translateError: c } = T(), [l, d] = y(null), [f, p] = y(!1), [h, g] = y(null);
+	_(() => {
+		if (!t || !a?.id) {
+			d(null), g(null);
+			return;
+		}
+		let n = !1;
+		return p(!0), g(null), (async () => {
+			try {
+				let t = await D(e, i, a.id);
+				if (n) return;
+				d(t);
+			} catch (e) {
+				if (n) return;
+				g(e instanceof Error ? e.message : "Failed to Load Metadata");
+			} finally {
+				n || p(!1);
+			}
+		})(), () => {
+			n = !0;
+		};
+	}, [
+		t,
+		a?.id,
+		e,
+		i
+	]);
+	let b = v(() => l ? E(l) : [], [l]);
+	return !t || !a ? null : f ? /*#__PURE__*/ m(r, {
+		open: !0,
+		onCancel: n,
+		size: "xl",
+		title: o._({ id: "SIfYq6" }),
+		children: /*#__PURE__*/ m(u, {
+			status: "progress",
+			title: o._({ id: "USQ/Wg" }),
+			className: "mt-0"
+		})
+	}) : h ? /*#__PURE__*/ m(r, {
+		open: !0,
+		onCancel: n,
+		size: "xl",
+		title: o._({ id: "SIfYq6" }),
+		children: /*#__PURE__*/ m(u, {
+			status: "error",
+			title: o._({ id: "mXHHga" }),
+			body: c(h),
+			className: "mt-0"
+		})
+	}) : /*#__PURE__*/ m(O, {
+		client: e,
+		project: i,
+		flavor: a,
+		isLoading: !1,
+		onClose: n,
+		initialSpecs: b
+	}, a.id);
+}, A = (e) => ({
+	message: /*#__PURE__*/ m(b, { id: "82AGsl" }),
+	description: /*#__PURE__*/ m(b, {
+		id: "/BrQY5",
+		values: { name: e }
+	})
+}), j = (e) => ({
+	message: /*#__PURE__*/ m(b, { id: "AXvHUK" }),
+	description: /*#__PURE__*/ m(b, {
+		id: "zLKgq7",
+		values: { name: e }
+	})
+}), M = (e, t) => ({
+	message: /*#__PURE__*/ m(b, { id: "f5ua4b" }),
+	description: /*#__PURE__*/ m(b, {
+		id: "uWOaBO",
+		values: {
+			projectId: e,
+			flavorName: t
+		}
+	})
+}), N = (e, t) => ({
+	message: /*#__PURE__*/ m(b, { id: "8las2k" }),
+	description: /*#__PURE__*/ m(b, {
+		id: "pVIs7q",
+		values: {
+			projectId: e,
+			flavorName: t
+		}
+	})
+}), P = (e, t) => ({
+	message: /*#__PURE__*/ m(b, { id: "m1kN9i" }),
+	description: /*#__PURE__*/ m(b, {
+		id: "x4oeph",
+		values: {
+			projectId: e,
+			errorMessage: t
+		}
+	})
+});
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/compute/flavors/-components/ManageAccessModal.tsx
+function F(e) {
+	return e.map((e) => ({ projectId: e.tenant_id }));
+}
+var I = (e, t) => e.compute.canUser.query({
+	project_id: t,
+	permission: ["flavors:add_project", "flavors:remove_project"]
+}).then(([e, t]) => ({
+	canAdd: e,
+	canRemove: t
+})), L = (e, t, n) => e.compute.getFlavorAccess.query({
+	project_id: t,
+	flavorId: n
+});
+function R({ client: i, project: l, flavor: f, isLoading: _, onClose: v, initialAccess: b, canAdd: S, canRemove: C }) {
+	let { i18n: w, _: E } = x(), { translateError: D } = T(), [O, k] = y(b), [A, j] = y({}), [F, I] = y(!1), [L, R] = y(""), [z, B] = y(/* @__PURE__ */ new Set()), [V, H] = y(!1), U = f["os-flavor-access:is_public"] !== !1, W = (e) => {
+		let t = e?.trim();
+		return t ? O.some((e) => e.projectId.trim() === t) ? w._({ id: "8gXJTW" }) : null : w._({ id: "sMpIRo" });
+	}, G = async () => {
+		let e = W(L);
+		if (e) {
+			j({ newProjectId: e });
+			return;
+		}
+		let t = L.trim();
+		H(!0), j({});
+		try {
+			await i.compute.addTenantAccess.mutate({
+				project_id: l,
+				flavorId: f.id,
+				targetProjectId: t
+			}), k((e) => [...e, { projectId: t }]), R(""), I(!1);
+			let { message: e, ...n } = M(t, f.name);
+			c.success(e, n);
+		} catch (e) {
+			let t = D(e instanceof Error ? e.message : "Failed to add access");
+			j({ newProjectId: t });
+		} finally {
+			H(!1);
+		}
+	}, K = () => {
+		R(""), I(!1), j({});
+	}, q = async (e) => {
+		j({}), B((t) => new Set(t).add(e));
+		try {
+			await i.compute.removeTenantAccess.mutate({
+				project_id: l,
+				flavorId: f.id,
+				targetProjectId: e
+			}), k((t) => t.filter((t) => t.projectId !== e));
+			let { message: t, ...n } = N(e, f.name);
+			c.success(t, n);
+		} catch (t) {
+			let { message: n, ...r } = P(e, D(t instanceof Error ? t.message : "Failed to remove access"));
+			c.error(n, r);
+		} finally {
+			B((t) => {
+				let n = new Set(t);
+				return n.delete(e), n;
+			});
+		}
+	}, J = () => {
+		I(!1), R(""), j({}), v();
+	};
+	if (U) {
+		let e = f.name;
+		return /*#__PURE__*/ m(r, {
+			open: !0,
+			onCancel: J,
+			size: "large",
+			title: w._({
+				id: "6Rnrsz",
+				values: { flavorName: e }
+			}),
+			children: /*#__PURE__*/ m("p", {
+				className: "jn:text-theme-light py-8 text-center",
+				children: w._({ id: "gzPLLI" })
+			})
+		});
+	}
+	let Y = f.name, X = V || z.size > 0;
+	return /*#__PURE__*/ m(r, {
+		open: !0,
+		onCancel: J,
+		size: "large",
+		title: w._({
+			id: "6Rnrsz",
+			values: { flavorName: Y }
+		}),
+		children: _ ? /*#__PURE__*/ m(u, {
+			status: "progress",
+			title: w._({ id: "Z+2zIa" }),
+			className: "mt-0"
+		}) : /*#__PURE__*/ h("div", { children: [
+			A.newProjectId && /*#__PURE__*/ m(t, {
+				variant: "error",
+				text: A.newProjectId,
+				className: "mb-4"
+			}),
+			S && /*#__PURE__*/ m(n, {
+				direction: "horizontal",
+				className: "mb-4 justify-end",
+				children: /*#__PURE__*/ m(a, {
+					label: w._({ id: "zmHcLu" }),
+					onClick: () => I(!0),
+					disabled: F || X
+				})
+			}),
+			O.length === 0 && !F ? /*#__PURE__*/ m("p", {
+				className: "jn:text-theme-light py-8 text-center",
+				children: S ? w._({ id: "R8o5/x" }) : w._({ id: "PonzUM" })
+			}) : /*#__PURE__*/ h(d, {
+				className: "mb-6",
+				children: [/*#__PURE__*/ m(p, { children: F && /*#__PURE__*/ h(p, { children: [/*#__PURE__*/ m(s, {
+					className: "flex items-center justify-end",
+					children: /*#__PURE__*/ m("span", {
+						className: "jn:text-theme-high",
+						children: w._({ id: "e0NrBM" })
+					})
+				}), /*#__PURE__*/ m(e, { children: /*#__PURE__*/ h("div", {
+					className: "flex w-full items-center gap-2",
+					children: [/*#__PURE__*/ m("div", {
+						className: "flex-1",
+						children: /*#__PURE__*/ m(o, {
+							value: L,
+							onChange: (e) => {
+								R(e.target.value), A.newProjectId && j({});
+							},
+							placeholder: w._({ id: "vlyDm2" }),
+							invalid: !!A.newProjectId,
+							autoFocus: !0,
+							wrapperClassName: "w-full",
+							disabled: V
+						})
+					}), /*#__PURE__*/ h("div", {
+						className: "flex shrink-0 gap-2",
+						children: [/*#__PURE__*/ m(a, {
+							size: "small",
+							variant: "primary",
+							onClick: G,
+							icon: "check",
+							title: w._({ id: "m16xKo" }),
+							disabled: V,
+							progress: V
+						}), /*#__PURE__*/ m(a, {
+							size: "small",
+							variant: "subdued",
+							onClick: K,
+							icon: "close",
+							title: w._({ id: "dEgA5A" }),
+							disabled: V
+						})]
+					})]
+				}) })] }) }), /*#__PURE__*/ m(p, { children: O.map((t) => {
+					let r = z.has(t.projectId);
+					return /*#__PURE__*/ h(g.Fragment, { children: [/*#__PURE__*/ m(s, { children: /*#__PURE__*/ m("span", {
+						className: "jn:text-theme-high",
+						children: w._({ id: "e0NrBM" })
+					}) }), /*#__PURE__*/ m(e, { children: /*#__PURE__*/ h(n, {
+						direction: "horizontal",
+						gap: "2",
+						alignment: "center",
+						className: "justify-between",
+						children: [/*#__PURE__*/ m("span", {
+							className: "jn:text-theme-high block max-w-xs truncate",
+							title: t.projectId,
+							children: t.projectId
+						}), C && /*#__PURE__*/ m(a, {
+							size: "small",
+							onClick: () => q(t.projectId),
+							icon: "deleteForever",
+							"data-testid": `delete-${t.projectId}`,
+							title: w._({ id: "t/YqKh" }),
+							disabled: r || F,
+							progress: r
+						})]
+					}) })] }, t.projectId);
+				}) })]
+			})
+		] })
+	});
+}
+var z = ({ client: e, isOpen: t, onClose: n, project: i, flavor: a }) => {
+	let { i18n: o, _: s } = x(), { translateError: c } = T(), [l, d] = y(null), [f, p] = y(null), [h, g] = y(!0), [b, S] = y(null);
+	_(() => {
+		if (!t || !a?.id) {
+			d(null), p(null), S(null);
+			return;
+		}
+		let n = !1;
+		return g(!0), S(null), (async () => {
+			try {
+				let [t, r] = await Promise.all([L(e, i, a.id), I(e, i)]);
+				if (n) return;
+				let o = t.filter((e, t, n) => n.findIndex((t) => t.tenant_id === e.tenant_id) === t);
+				d(o), p(r);
+			} catch (e) {
+				if (n) return;
+				S(e instanceof Error ? e.message : "Failed to Load Access Data");
+			} finally {
+				n || g(!1);
+			}
+		})(), () => {
+			n = !0;
+		};
+	}, [
+		t,
+		a?.id,
+		e,
+		i
+	]);
+	let C = v(() => l ? F(l) : [], [l]);
+	if (!t || !a) return null;
+	let w = a.name;
+	return h ? /*#__PURE__*/ m(r, {
+		open: !0,
+		onCancel: n,
+		size: "large",
+		title: o._({
+			id: "6Rnrsz",
+			values: { flavorName: w }
+		}),
+		children: /*#__PURE__*/ m(u, {
+			status: "progress",
+			title: o._({ id: "Z+2zIa" }),
+			className: "mt-0"
+		})
+	}) : b ? /*#__PURE__*/ m(r, {
+		open: !0,
+		onCancel: n,
+		size: "large",
+		title: o._({
+			id: "6Rnrsz",
+			values: { flavorName: w }
+		}),
+		children: /*#__PURE__*/ m(u, {
+			status: "error",
+			title: o._({ id: "LMKSWT" }),
+			body: c(b),
+			className: "mt-0"
+		})
+	}) : /*#__PURE__*/ m(R, {
+		client: e,
+		project: i,
+		flavor: a,
+		isLoading: !1,
+		onClose: n,
+		initialAccess: C,
+		canAdd: f?.canAdd ?? !1,
+		canRemove: f?.canRemove ?? !1
+	}, a.id);
+}, B = ({ client: a, isOpen: c, onClose: u, project: p, flavor: g, onSuccess: _ }) => {
+	let { i18n: v, _: E } = x(), { translateError: D } = T(), [O, k] = y(!1), [A, j] = y(null), { trackClose: M, markSubmitted: N, resetTracking: P } = f({
+		isOpen: c,
+		actionPrefix: "compute.flavor.delete"
+	}), F = S.object({ confirm: S.string().refine((e) => e === "delete", { message: v._({ id: "QytzQr" }) }) }), I = C({
+		defaultValues: { confirm: "" },
+		validators: { onSubmit: F },
+		onSubmit: async () => {
+			if (!g?.id) {
+				j(v._({ id: "NlcF/v" }));
+				return;
+			}
+			if (!O) {
+				N(), j(null);
+				try {
+					k(!0), await a.compute.deleteFlavor.mutate({
+						project_id: p,
+						flavorId: g.id
+					}), _(), R();
+				} catch (e) {
+					let t = e?.message ? D(e.message) : v._({ id: "8zAn1f" });
+					j(t);
+				} finally {
+					k(!1);
+				}
+			}
+		}
+	}), L = w(I.store, (e) => e.isSubmitting || e.values.confirm !== "delete"), R = () => {
+		M(), k(!1), j(null), I.reset(), P(), u();
+	}, z = O ? v._({ id: "EF2EU9" }) : v._({ id: "JT3I1g" }), B = g?.name;
+	return /*#__PURE__*/ m(r, {
+		open: c,
+		onCancel: R,
+		title: v._({
+			id: "W3mNTY",
+			values: { flavorName: B }
+		}),
+		size: "small",
+		confirmButtonLabel: z,
+		confirmButtonVariant: "primary-danger",
+		onConfirm: I.handleSubmit,
+		cancelButtonLabel: v._({ id: "dEgA5A" }),
+		disableConfirmButton: L || O,
+		disableCancelButton: O,
+		disableCloseButton: O,
+		children: /*#__PURE__*/ h(n, {
+			direction: "vertical",
+			gap: "4",
+			children: [
+				A && /*#__PURE__*/ m(t, {
+					variant: "error",
+					children: A
+				}),
+				/*#__PURE__*/ m("p", {
+					className: "text-theme-default",
+					children: /*#__PURE__*/ m(b, { id: "QQ8wUG" })
+				}),
+				g && /*#__PURE__*/ h(d, { children: [
+					/*#__PURE__*/ m(s, { children: v._({ id: "6YtxFj" }) }),
+					/*#__PURE__*/ m(e, { children: g.name }),
+					/*#__PURE__*/ m(s, { children: v._({ id: "S0kLOH" }) }),
+					/*#__PURE__*/ m(e, { children: g.id }),
+					/*#__PURE__*/ m(s, { children: v._({ id: "MZGbkp" }) }),
+					/*#__PURE__*/ m(e, { children: g.vcpus }),
+					/*#__PURE__*/ m(s, { children: v._({ id: "RGhYAo" }) }),
+					/*#__PURE__*/ h(e, { children: [g.ram, " MiB"] }),
+					/*#__PURE__*/ m(s, { children: v._({ id: "sPFHpI" }) }),
+					/*#__PURE__*/ h(e, { children: [g.disk, " GiB"] }),
+					/*#__PURE__*/ m(s, { children: v._({ id: "vH2C/2" }) }),
+					/*#__PURE__*/ m(e, { children: g.swap === 0 || g.swap === "" ? /*#__PURE__*/ m(b, { id: "EdQY6l" }) : `${Number(g.swap)} MiB` })
+				] }),
+				/*#__PURE__*/ m(i, {
+					className: "mb-0",
+					id: "delete-flavor-form",
+					onSubmit: (e) => {
+						e.preventDefault(), I.handleSubmit();
+					},
+					children: /*#__PURE__*/ m(l, { children: /*#__PURE__*/ m(I.Field, {
+						name: "confirm",
+						children: (e) => /*#__PURE__*/ m(o, {
+							id: e.name,
+							name: e.name,
+							label: v._({ id: "QytzQr" }),
+							value: e.state.value,
+							onChange: (t) => e.handleChange(t.target.value),
+							placeholder: "delete",
+							autoFocus: !0,
+							disabled: O,
+							required: !0
+						})
+					}) })
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { k as a, j as i, z as n, T as o, A as r, B as t };
+
+//# sourceMappingURL=DeleteFlavorModal-Be2GFiB_.mjs.map