@cobaltcore-dev/aurora 0.1.0

package/dist/client/DeleteFlavorModal-B98oiHWx.mjs

@@ -0,0 +1,629 @@
+import { $ as e, I as t, N as n, W as r, a as i, b as a, g as o, it as s, k as c, q as l, s as u, v as d } from "./build-eu9eg0zF.mjs";
+import { t as f } from "./useErrorTranslation-TZVwIAzq.mjs";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import g, { Suspense as _, startTransition as v, use as y, useEffect as b, useMemo as x, useState as S } from "react";
+import { Trans as C, useLingui as w } from "@lingui/react";
+//#region src/client/routes/_auth/projects/$projectId/compute/-components/Flavors/-components/SpecFormRow.tsx
+var T = ({ specKey: r, value: i, errors: a, isLoading: s, onKeyChange: c, onValueChange: l, onSave: u, onCancel: f }) => {
+	let { i18n: p, _: g } = w();
+	return /* @__PURE__ */ h(t, { children: [
+		/* @__PURE__ */ m(n, {
+			className: "pl-0",
+			children: /* @__PURE__ */ m(e, {
+				value: r,
+				onChange: (e) => c(e.target.value),
+				placeholder: p._({ id: "wPrtGF" }),
+				errortext: a.key,
+				required: !0
+			})
+		}),
+		/* @__PURE__ */ m(n, {
+			className: "pl-0",
+			children: /* @__PURE__ */ m(e, {
+				value: i,
+				onChange: (e) => l(e.target.value),
+				placeholder: p._({ id: "pubQie" }),
+				errortext: a.value,
+				required: !0
+			})
+		}),
+		/* @__PURE__ */ m(n, { children: /* @__PURE__ */ h(d, { children: [/* @__PURE__ */ m(o, {
+			icon: "check",
+			onClick: u,
+			variant: "primary",
+			title: p._({ id: "TyODHt" }),
+			disabled: s
+		}), /* @__PURE__ */ m(o, {
+			icon: "cancel",
+			onClick: f,
+			title: p._({ id: "dEgA5A" }),
+			disabled: s
+		})] }) })
+	] });
+}, E = ({ specKey: e, value: i, isDeleting: a, onDelete: s, canDelete: c }) => {
+	let { i18n: u, _: d } = w(), [f, g] = S(!1);
+	return b(() => {
+		if (f) {
+			let e = setTimeout(() => {
+				g(!1);
+			}, 3e3);
+			return () => clearTimeout(e);
+		}
+	}, [f]), /* @__PURE__ */ h(t, { children: [
+		/* @__PURE__ */ m(n, { children: e }),
+		/* @__PURE__ */ m(n, { children: i }),
+		/* @__PURE__ */ m(n, { children: a ? /* @__PURE__ */ m(l, {
+			distribution: "center",
+			alignment: "center",
+			children: /* @__PURE__ */ m(r, { variant: "primary" })
+		}) : /* @__PURE__ */ m(l, {
+			distribution: "end",
+			alignment: "end",
+			children: c ? f ? /* @__PURE__ */ m(o, {
+				variant: "primary-danger",
+				onClick: () => {
+					g(!1), s();
+				},
+				title: u._({ id: "cnGeoo" }),
+				"aria-label": u._({ id: "cnGeoo" }),
+				"data-testid": "confirm-deletion",
+				disabled: a,
+				children: u._({ id: "cnGeoo" })
+			}) : /* @__PURE__ */ m(o, {
+				icon: "deleteForever",
+				onClick: () => g(!0),
+				title: u._({
+					id: "2G6hLq",
+					values: { specKey: e }
+				}),
+				"aria-label": u._({
+					id: "2G6hLq",
+					values: { specKey: e }
+				}),
+				"data-testid": `delete-${e}`,
+				disabled: a
+			}) : /* @__PURE__ */ m(p, {})
+		}) })
+	] });
+}, D = (e, t) => e.compute.canUser.query({
+	project_id: t,
+	permission: ["flavor_specs:create", "flavor_specs:delete"]
+}).then(([e, t]) => ({
+	canCreate: e,
+	canDelete: t
+})), O = (e, t, n) => e.compute.getExtraSpecs.query({
+	project_id: t,
+	flavorId: n
+});
+function k() {
+	return /* @__PURE__ */ m(t, { children: /* @__PURE__ */ m(n, {
+		colSpan: 3,
+		children: /* @__PURE__ */ m(l, {
+			distribution: "center",
+			alignment: "center",
+			children: /* @__PURE__ */ m(r, { variant: "primary" })
+		})
+	}) });
+}
+function A({ permissionsPromise: e, extraSpecsPromise: r, client: i, project: a, flavor: u, onSpecsUpdate: d, isAddingSpec: g, setIsAddingSpec: _, setMessage: v }) {
+	let { i18n: b, _: x } = w(), { translateError: C } = f(), D = y(e), [O, k] = S(y(r)), [A, j] = S(""), [M, N] = S(""), [P, F] = S({}), [I, L] = S(null), R = () => {
+		let e = A.trim(), t = M.trim(), n = {};
+		return e ? Object.keys(O).includes(e) && (n.key = "Key already exists.") : n.key = "Key is required.", t || (n.value = "Value is required."), F(n), Object.keys(n).length === 0;
+	}, z = () => {
+		j(""), N(""), F({});
+	}, B = async () => {
+		if (!R()) {
+			v({
+				text: b._({ id: "CBFSfX" }),
+				type: "error"
+			});
+			return;
+		}
+		try {
+			let e = A.trim(), t = M.trim();
+			await i.compute.createExtraSpecs.mutate({
+				project_id: a,
+				flavorId: u.id,
+				extra_specs: { [e]: t }
+			});
+			let n = {
+				[e]: t,
+				...O
+			};
+			k(n), d(n), v({
+				text: b._({
+					id: "2mbisJ",
+					values: { trimmedKey: e }
+				}),
+				type: "info"
+			}), z(), _(!1);
+		} catch (e) {
+			v({
+				text: C(e instanceof Error ? e.message : "Failed to create extra spec"),
+				type: "error"
+			});
+		}
+	}, V = async (e) => {
+		try {
+			L(e), await i.compute.deleteExtraSpec.mutate({
+				project_id: a,
+				flavorId: u.id,
+				key: e
+			});
+			let t = { ...O };
+			delete t[e], k(t), d(t), v({
+				text: b._({
+					id: "7UlHhT",
+					values: { keyToDelete: e }
+				}),
+				type: "info"
+			});
+		} catch (t) {
+			v({
+				text: C(t instanceof Error ? t.message : `Failed to delete extra spec "${e}"`),
+				type: "error"
+			});
+		} finally {
+			L(null);
+		}
+	}, H = (e) => {
+		j(e), P.key && F((e) => ({
+			...e,
+			key: void 0
+		}));
+	}, U = (e) => {
+		N(e), P.value && F((e) => ({
+			...e,
+			value: void 0
+		}));
+	}, W = Object.keys(O).length === 0 && !g;
+	return /* @__PURE__ */ h(p, { children: [D.canCreate && /* @__PURE__ */ m(l, {
+		direction: "horizontal",
+		className: "bg-theme-background-lvl-1 justify-end p-2",
+		children: /* @__PURE__ */ m(o, {
+			label: b._({ id: "u7En0V" }),
+			"data-testid": "addExtraButton",
+			onClick: () => _(!0),
+			variant: "primary",
+			disabled: g
+		})
+	}), /* @__PURE__ */ h(c, {
+		columns: 3,
+		children: [
+			/* @__PURE__ */ h(t, { children: [
+				/* @__PURE__ */ m(s, { children: b._({ id: "7sMeHQ" }) }),
+				/* @__PURE__ */ m(s, { children: b._({ id: "wMHvYH" }) }),
+				/* @__PURE__ */ m(s, {})
+			] }),
+			g && /* @__PURE__ */ m(T, {
+				specKey: A,
+				value: M,
+				errors: P,
+				isLoading: !1,
+				onKeyChange: H,
+				onValueChange: U,
+				onSave: B,
+				onCancel: () => {
+					z(), _(!1), v(null);
+				}
+			}),
+			Object.entries(O).map(([e, t]) => /* @__PURE__ */ m(E, {
+				specKey: e,
+				value: t,
+				isDeleting: I === e,
+				onDelete: () => V(e),
+				canDelete: D.canDelete
+			}, e)),
+			W && /* @__PURE__ */ m(t, { children: /* @__PURE__ */ m(n, {
+				colSpan: 3,
+				className: "text-theme-default py-4 text-center",
+				children: b._({ id: "S3olSf" })
+			}) })
+		]
+	})] });
+}
+var j = ({ client: e, isOpen: t, onClose: n, project: r, flavor: i }) => {
+	let { i18n: o, _: s } = w(), [c, l] = S(null), [d, f] = S(!1), [p, y] = S(null), b = g.useMemo(() => t ? D(e, r) : null, [
+		e,
+		r,
+		t
+	]);
+	return g.useEffect(() => {
+		t && i?.id && v(() => {
+			y(O(e, r, i.id));
+		});
+	}, [
+		t,
+		i?.id,
+		e,
+		r
+	]), !t || !i || !b || !p ? null : /* @__PURE__ */ m(u, {
+		onCancel: () => {
+			l(null), f(!1), y(null), n();
+		},
+		title: o._({ id: "SIfYq6" }),
+		open: t,
+		size: "large",
+		children: /* @__PURE__ */ h("div", { children: [c && /* @__PURE__ */ m(a, {
+			onDismiss: () => l(null),
+			text: c.text,
+			variant: c.type,
+			className: "mb-4"
+		}), /* @__PURE__ */ m(_, {
+			fallback: /* @__PURE__ */ m(k, {}),
+			children: /* @__PURE__ */ m(A, {
+				permissionsPromise: b,
+				extraSpecsPromise: p,
+				client: e,
+				project: r,
+				flavor: i,
+				onSpecsUpdate: (e) => {
+					v(() => {
+						y(Promise.resolve(e));
+					});
+				},
+				isAddingSpec: d,
+				setIsAddingSpec: f,
+				message: c,
+				setMessage: l
+			})
+		})] })
+	});
+}, M = ({ tenantId: r, flavorId: i, errors: a, isLoading: s, onTenantIdChange: c, onSave: l, onCancel: u }) => {
+	let { i18n: f, _: p } = w();
+	return /* @__PURE__ */ h(t, { children: [
+		/* @__PURE__ */ m(n, { children: i }),
+		/* @__PURE__ */ m(n, {
+			className: "pl-0",
+			children: /* @__PURE__ */ m(e, {
+				value: r,
+				onChange: (e) => c(e.target.value),
+				placeholder: f._({ id: "wa1Bcq" }),
+				errortext: a.tenantId,
+				required: !0
+			})
+		}),
+		/* @__PURE__ */ m(n, { children: /* @__PURE__ */ h(d, { children: [/* @__PURE__ */ m(o, {
+			icon: "check",
+			onClick: l,
+			variant: "primary",
+			title: f._({ id: "q0Rla3" }),
+			disabled: s
+		}), /* @__PURE__ */ m(o, {
+			icon: "cancel",
+			onClick: u,
+			title: f._({ id: "dEgA5A" }),
+			disabled: s
+		})] }) })
+	] });
+}, N = ({ access: e, isDeleting: i, onDelete: a, canDelete: s }) => {
+	let { i18n: c, _: u } = w(), [d, f] = S(!1);
+	b(() => {
+		if (d) {
+			let e = setTimeout(() => {
+				f(!1);
+			}, 3e3);
+			return () => clearTimeout(e);
+		}
+	}, [d]);
+	let g = () => {
+		f(!1), a();
+	};
+	return /* @__PURE__ */ h(t, { children: [
+		/* @__PURE__ */ m(n, { children: e.flavor_id }),
+		/* @__PURE__ */ m(n, {
+			className: "break-all",
+			children: e.tenant_id
+		}),
+		/* @__PURE__ */ m(n, { children: i ? /* @__PURE__ */ m(l, {
+			distribution: "center",
+			alignment: "center",
+			children: /* @__PURE__ */ m(r, { variant: "primary" })
+		}) : /* @__PURE__ */ m(l, {
+			distribution: "end",
+			alignment: "end",
+			children: (() => {
+				if (!s) return /* @__PURE__ */ m(p, {});
+				if (d) return /* @__PURE__ */ m(o, {
+					variant: "primary-danger",
+					onClick: g,
+					title: c._({ id: "w9+8d7" }),
+					"aria-label": c._({ id: "w9+8d7" }),
+					"data-testid": "confirm-removal",
+					disabled: i,
+					children: c._({ id: "t/YqKh" })
+				});
+				{
+					let t = e.tenant_id;
+					return /* @__PURE__ */ m(o, {
+						icon: "deleteForever",
+						onClick: () => f(!0),
+						title: c._({
+							id: "tfxu04",
+							values: { tenantId: t }
+						}),
+						"aria-label": c._({
+							id: "tfxu04",
+							values: { tenantId: t }
+						}),
+						"data-testid": `remove-${t}`,
+						disabled: i
+					});
+				}
+			})()
+		}) })
+	] });
+}, P = (e, t) => e.compute.canUser.query({
+	project_id: t,
+	permission: ["flavors:add_project", "flavors:remove_project"]
+}).then(([e, t]) => ({
+	canAdd: e,
+	canRemove: t
+})), F = (e, t, n) => e.compute.getFlavorAccess.query({
+	project_id: t,
+	flavorId: n
+});
+function I() {
+	return /* @__PURE__ */ m(t, { children: /* @__PURE__ */ m(n, {
+		colSpan: 3,
+		children: /* @__PURE__ */ m(l, {
+			distribution: "center",
+			alignment: "center",
+			children: /* @__PURE__ */ m(r, { variant: "primary" })
+		})
+	}) });
+}
+function L({ permissionsPromise: e, flavorAccessPromise: r, client: i, project: a, flavor: u, onAccessUpdate: d, isAddingAccess: g, setIsAddingAccess: _, setMessage: v }) {
+	let { i18n: b, _: x } = w(), { translateError: C } = f(), T = y(e), E = y(r), [D, O] = S(""), [k, A] = S({}), [j, P] = S(/* @__PURE__ */ new Set()), [F, I] = S(!1), L = u["os-flavor-access:is_public"] !== !1, R = E.length === 0 && !g, z = () => {
+		let e = D.trim(), t = {};
+		return e ? E.some((t) => t.tenant_id === e) && (t.tenantId = "This tenant already has access to this flavor.") : t.tenantId = "Tenant ID is required.", A(t), Object.keys(t).length === 0;
+	}, B = () => {
+		O(""), A({});
+	}, V = async () => {
+		if (!z()) {
+			v({
+				text: b._({ id: "CBFSfX" }),
+				type: "error"
+			});
+			return;
+		}
+		I(!0);
+		try {
+			let e = D.trim();
+			d(await i.compute.addTenantAccess.mutate({
+				project_id: a,
+				flavorId: u.id,
+				targetProjectId: e
+			})), v({
+				text: b._({
+					id: "7flw0l",
+					values: { trimmedTenantId: e }
+				}),
+				type: "info"
+			}), B(), _(!1);
+		} catch (e) {
+			v({
+				text: C(e?.message || "Failed to add tenant access"),
+				type: "error"
+			});
+		} finally {
+			I(!1);
+		}
+	}, H = async (e) => {
+		P((t) => new Set(t).add(e));
+		try {
+			d(await i.compute.removeTenantAccess.mutate({
+				project_id: a,
+				flavorId: u.id,
+				targetProjectId: e
+			})), v({
+				text: b._({
+					id: "rvXsSb",
+					values: { tenantIdToRemove: e }
+				}),
+				type: "info"
+			});
+		} catch (e) {
+			v({
+				text: C(e?.message || "Failed to remove tenant access"),
+				type: "error"
+			});
+		} finally {
+			P((t) => {
+				let n = new Set(t);
+				return n.delete(e), n;
+			});
+		}
+	};
+	return L ? /* @__PURE__ */ h(c, {
+		columns: 3,
+		children: [/* @__PURE__ */ h(t, { children: [
+			/* @__PURE__ */ m(s, { children: b._({ id: "s2ubkU" }) }),
+			/* @__PURE__ */ m(s, { children: b._({ id: "T9Mtpi" }) }),
+			/* @__PURE__ */ m(s, { children: " " })
+		] }), /* @__PURE__ */ m(t, { children: /* @__PURE__ */ m(n, {
+			colSpan: 3,
+			className: "text-theme-default py-4 text-center",
+			children: b._({ id: "9x6EkK" })
+		}) })]
+	}) : /* @__PURE__ */ h(p, { children: [T.canAdd && /* @__PURE__ */ m(l, {
+		direction: "horizontal",
+		className: "bg-theme-background-lvl-1 justify-end p-2",
+		children: /* @__PURE__ */ m(o, {
+			label: b._({ id: "q0Rla3" }),
+			"data-testid": "addTenantButton",
+			onClick: () => _(!0),
+			variant: "primary",
+			disabled: g
+		})
+	}), /* @__PURE__ */ h(c, {
+		columns: 3,
+		children: [
+			/* @__PURE__ */ h(t, { children: [
+				/* @__PURE__ */ m(s, { children: b._({ id: "s2ubkU" }) }),
+				/* @__PURE__ */ m(s, { children: b._({ id: "T9Mtpi" }) }),
+				/* @__PURE__ */ m(s, {})
+			] }),
+			g && /* @__PURE__ */ m(M, {
+				tenantId: D,
+				flavorId: u.id,
+				errors: k,
+				isLoading: F,
+				onTenantIdChange: (e) => {
+					O(e), k.tenantId && A((e) => ({
+						...e,
+						tenantId: void 0
+					}));
+				},
+				onSave: V,
+				onCancel: () => {
+					B(), _(!1), v(null);
+				}
+			}),
+			E.map((e) => /* @__PURE__ */ m(N, {
+				access: e,
+				isDeleting: j.has(e.tenant_id),
+				onDelete: () => H(e.tenant_id),
+				canDelete: T.canRemove
+			}, e.tenant_id)),
+			R && /* @__PURE__ */ m(t, { children: /* @__PURE__ */ m(n, {
+				colSpan: 3,
+				className: "text-theme-default py-4 text-center",
+				children: b._({ id: "Gyd3No" })
+			}) })
+		]
+	})] });
+}
+var R = ({ client: e, isOpen: t, onClose: n, project: r, flavor: i }) => {
+	let { i18n: o, _: s } = w(), { translateError: c } = f(), [l, d] = S(null), [p, g] = S(!1), y = x(() => t ? P(e, r) : null, [
+		e,
+		r,
+		t
+	]), C = x(() => !t || !i?.id ? null : F(e, r, i.id).then((e) => e.filter((e, t, n) => n.findIndex((t) => t.tenant_id === e.tenant_id) === t)).catch((e) => (d({
+		text: c(e?.message || "GET_FLAVOR_ACCESS_FAILED"),
+		type: "error"
+	}), [])), [
+		t,
+		i?.id,
+		e,
+		r
+	]);
+	b(() => {
+		t && d(null);
+	}, [t, i?.id]);
+	let [T, E] = S(null), D = `${t}-${i?.id}`, O = T?.key === D ? T.promise : C, k = () => {
+		d(null), g(!1), E(null), n();
+	}, A = (e) => {
+		let t = e.filter((e, t, n) => n.findIndex((t) => t.tenant_id === e.tenant_id) === t);
+		v(() => {
+			E({
+				key: D,
+				promise: Promise.resolve(t)
+			});
+		});
+	};
+	if (!t || !i || !y || !O) return null;
+	let j = i.name;
+	return /* @__PURE__ */ m(u, {
+		onCancel: k,
+		title: o._({
+			id: "6Rnrsz",
+			values: { flavorName: j }
+		}),
+		open: t,
+		size: "xl",
+		children: /* @__PURE__ */ h("div", { children: [l && /* @__PURE__ */ m(a, {
+			onDismiss: () => d(null),
+			text: l.text,
+			variant: l.type,
+			className: "mb-4",
+			dismissible: !0
+		}), /* @__PURE__ */ m(_, {
+			fallback: /* @__PURE__ */ m(I, {}),
+			children: /* @__PURE__ */ m(L, {
+				permissionsPromise: y,
+				flavorAccessPromise: O,
+				client: e,
+				project: r,
+				flavor: i,
+				onAccessUpdate: A,
+				isAddingAccess: p,
+				setIsAddingAccess: g,
+				setMessage: d
+			})
+		})] })
+	});
+}, z = ({ client: e, isOpen: p, onClose: g, project: _, flavor: v, onSuccess: y }) => {
+	let { i18n: b, _: x } = w(), { translateError: T } = f(), [E, D] = S(!1), [O, k] = S(null), A = async () => {
+		if (!v?.id) {
+			k(b._({ id: "NlcF/v" }));
+			return;
+		}
+		k(null);
+		try {
+			D(!0), await e.compute.deleteFlavor.mutate({
+				project_id: _,
+				flavorId: v.id
+			}), y(), j();
+		} catch (e) {
+			k(e?.message ? T(e.message) : b._({ id: "8zAn1f" }));
+		} finally {
+			D(!1);
+		}
+	}, j = () => {
+		k(null), g();
+	};
+	return /* @__PURE__ */ h(u, {
+		onCancel: j,
+		title: b._({ id: "JT3I1g" }),
+		open: p,
+		onConfirm: A,
+		modalFooter: /* @__PURE__ */ m(i, {
+			className: "flex justify-end",
+			children: /* @__PURE__ */ h(d, { children: [/* @__PURE__ */ m(o, {
+				variant: "primary-danger",
+				onClick: A,
+				disabled: E,
+				children: E ? /* @__PURE__ */ m(r, { size: "small" }) : /* @__PURE__ */ m(C, { id: "cnGeoo" })
+			}), /* @__PURE__ */ m(o, {
+				variant: "default",
+				onClick: j,
+				children: /* @__PURE__ */ m(C, { id: "dEgA5A" })
+			})] })
+		}),
+		children: [E && /* @__PURE__ */ m(l, {
+			distribution: "center",
+			alignment: "center",
+			children: /* @__PURE__ */ m(r, { variant: "primary" })
+		}), !E && /* @__PURE__ */ h("div", { children: [
+			O && /* @__PURE__ */ m(a, {
+				onDismiss: () => {
+					k(null);
+				},
+				text: O,
+				variant: "error",
+				className: "mb-4"
+			}),
+			/* @__PURE__ */ m(a, {
+				text: b._({ id: "QQ8wUG" }),
+				variant: "danger",
+				className: "mb-4"
+			}),
+			v && /* @__PURE__ */ h(c, {
+				columns: 2,
+				children: [
+					/* @__PURE__ */ h(t, { children: [/* @__PURE__ */ m(s, { children: b._({ id: "6YtxFj" }) }), /* @__PURE__ */ m(n, { children: v.name })] }),
+					/* @__PURE__ */ h(t, { children: [/* @__PURE__ */ m(s, { children: b._({ id: "S0kLOH" }) }), /* @__PURE__ */ m(n, { children: v.id })] }),
+					/* @__PURE__ */ h(t, { children: [/* @__PURE__ */ m(s, { children: b._({ id: "MZGbkp" }) }), /* @__PURE__ */ m(n, { children: v.vcpus })] }),
+					/* @__PURE__ */ h(t, { children: [/* @__PURE__ */ m(s, { children: b._({ id: "RGhYAo" }) }), /* @__PURE__ */ h(n, { children: [v.ram, " MiB"] })] }),
+					/* @__PURE__ */ h(t, { children: [/* @__PURE__ */ m(s, { children: b._({ id: "sPFHpI" }) }), /* @__PURE__ */ h(n, { children: [v.disk, " GiB"] })] }),
+					v.swap && /* @__PURE__ */ h(t, { children: [/* @__PURE__ */ m(s, { children: b._({ id: "vH2C/2" }) }), /* @__PURE__ */ h(n, { children: [v.swap, " MiB"] })] })
+				]
+			})
+		] })]
+	});
+};
+//#endregion
+export { R as n, j as r, z as t };
+
+//# sourceMappingURL=DeleteFlavorModal-B98oiHWx.mjs.map