@cobaltcore-dev/aurora 0.4.0 → 0.6.0

package/dist/client/DeleteFlavorModal-C3cb7YiJ.mjs

@@ -0,0 +1,638 @@
+import { B as e, F as t, G as n, Q as r, R as i, U as a, ct as o, f as s, i as c, k as l, r as u, w as d } from "./build-DeJcDjPi.mjs";
+import { t as f } from "./useErrorTranslation-Dc0eE8Zt.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";
+import { ErrorBoundary as T } from "react-error-boundary";
+//#region src/client/routes/_auth/projects/$projectId/compute/-components/Flavors/-components/SpecFormRow.tsx
+var E = ({ specKey: e, value: t, errors: r, isLoading: i, onKeyChange: s, onValueChange: l, onSave: u, onCancel: f }) => {
+	let { i18n: p, _: g } = w();
+	return /*#__PURE__*/ h(d, { children: [
+		/*#__PURE__*/ m(n, {
+			className: "pl-0",
+			children: /*#__PURE__*/ m(a, {
+				value: e,
+				onChange: (e) => s(e.target.value),
+				placeholder: p._({ id: "wPrtGF" }),
+				errortext: r.key,
+				required: !0
+			})
+		}),
+		/*#__PURE__*/ m(n, {
+			className: "pl-0",
+			children: /*#__PURE__*/ m(a, {
+				value: t,
+				onChange: (e) => l(e.target.value),
+				placeholder: p._({ id: "pubQie" }),
+				errortext: r.value,
+				required: !0
+			})
+		}),
+		/*#__PURE__*/ m(n, { children: /*#__PURE__*/ h(c, { children: [/*#__PURE__*/ m(o, {
+			icon: "check",
+			onClick: u,
+			variant: "primary",
+			title: p._({ id: "TyODHt" }),
+			disabled: i
+		}), /*#__PURE__*/ m(o, {
+			icon: "cancel",
+			onClick: f,
+			title: p._({ id: "dEgA5A" }),
+			disabled: i
+		})] }) })
+	] });
+}, D = ({ specKey: e, value: t, isDeleting: a, onDelete: s, canDelete: c }) => {
+	let { i18n: l, _: u } = w(), [f, g] = S(!1);
+	return b(() => {
+		if (f) {
+			let e = setTimeout(() => {
+				g(!1);
+			}, 3e3);
+			return () => clearTimeout(e);
+		}
+	}, [f]), /*#__PURE__*/ h(d, { children: [
+		/*#__PURE__*/ m(n, { children: e }),
+		/*#__PURE__*/ m(n, {
+			className: "break-all",
+			children: t
+		}),
+		/*#__PURE__*/ m(n, { children: a ? /*#__PURE__*/ m(r, {
+			distribution: "center",
+			alignment: "center",
+			children: /*#__PURE__*/ m(i, { variant: "primary" })
+		}) : /*#__PURE__*/ m(r, {
+			distribution: "end",
+			alignment: "end",
+			children: c ? f ? /*#__PURE__*/ m(o, {
+				variant: "primary-danger",
+				onClick: () => {
+					g(!1), s();
+				},
+				title: l._({ id: "cnGeoo" }),
+				"aria-label": l._({ id: "cnGeoo" }),
+				"data-testid": "confirm-deletion",
+				disabled: a,
+				children: l._({ id: "cnGeoo" })
+			}) : /*#__PURE__*/ m(o, {
+				icon: "deleteForever",
+				onClick: () => g(!0),
+				title: l._({
+					id: "2G6hLq",
+					values: { specKey: e }
+				}),
+				"aria-label": l._({
+					id: "2G6hLq",
+					values: { specKey: e }
+				}),
+				"data-testid": `delete-${e}`,
+				disabled: a
+			}) : /*#__PURE__*/ m(p, {})
+		}) })
+	] });
+}, O = (e, t) => e.compute.canUser.query({
+	project_id: t,
+	permission: ["flavor_specs:create", "flavor_specs:delete"]
+}).then(([e, t]) => ({
+	canCreate: e,
+	canDelete: t
+})), k = (e, t, n) => e.compute.getExtraSpecs.query({
+	project_id: t,
+	flavorId: n
+});
+function A() {
+	return /*#__PURE__*/ m(d, { children: /*#__PURE__*/ m(n, {
+		colSpan: 3,
+		children: /*#__PURE__*/ m(r, {
+			distribution: "center",
+			alignment: "center",
+			children: /*#__PURE__*/ m(i, { variant: "primary" })
+		})
+	}) });
+}
+function j({ error: t }) {
+	let { i18n: n, _: r } = w(), { translateError: i } = f();
+	return /*#__PURE__*/ m(e, {
+		variant: "error",
+		text: t instanceof Error ? i(t.message) : n._({ id: "W5A0Ly" })
+	});
+}
+function M({ permissionsPromise: e, extraSpecsPromise: i, client: a, project: s, flavor: c, onSpecsUpdate: u, isAddingSpec: g, setIsAddingSpec: _, setMessage: v }) {
+	let { i18n: b, _: x } = w(), { translateError: C } = f(), T = y(e), [O, k] = S(y(i)), [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 a.compute.createExtraSpecs.mutate({
+				project_id: s,
+				flavorId: c.id,
+				extra_specs: { [e]: t }
+			});
+			let n = {
+				[e]: t,
+				...O
+			};
+			k(n), u(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 a.compute.deleteExtraSpec.mutate({
+				project_id: s,
+				flavorId: c.id,
+				key: e
+			});
+			let t = { ...O };
+			delete t[e], k(t), u(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: [T.canCreate && /*#__PURE__*/ m(r, {
+		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(l, {
+		columns: 3,
+		children: [
+			/*#__PURE__*/ h(d, { children: [
+				/*#__PURE__*/ m(t, { children: b._({ id: "7sMeHQ" }) }),
+				/*#__PURE__*/ m(t, { children: b._({ id: "wMHvYH" }) }),
+				/*#__PURE__*/ m(t, {})
+			] }),
+			g && /*#__PURE__*/ m(E, {
+				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(D, {
+				specKey: e,
+				value: t,
+				isDeleting: I === e,
+				onDelete: () => V(e),
+				canDelete: T.canDelete
+			}, e)),
+			W && /*#__PURE__*/ m(d, { children: /*#__PURE__*/ m(n, {
+				colSpan: 3,
+				className: "text-theme-default py-4 text-center",
+				children: b._({ id: "S3olSf" })
+			}) })
+		]
+	})] });
+}
+var N = ({ client: t, isOpen: n, onClose: r, project: i, flavor: a, canEdit: o }) => {
+	let { i18n: s, _: c } = w(), [l, d] = S(null), [f, p] = S(!1), [y, b] = S(null), [x, C] = S(o), E = g.useMemo(() => n ? o === void 0 ? O(t, i) : Promise.resolve({
+		canCreate: o,
+		canDelete: o
+	}) : null, [
+		t,
+		i,
+		n,
+		o
+	]);
+	g.useEffect(() => {
+		if (o !== void 0) {
+			C(o);
+			return;
+		}
+		E?.then(({ canCreate: e, canDelete: t }) => C(e || t));
+	}, [E, o]);
+	let D = x ? s._({ id: "SIfYq6" }) : s._({ id: "6GBt0m" });
+	return g.useEffect(() => {
+		n && a?.id && v(() => {
+			b(k(t, i, a.id));
+		});
+	}, [
+		n,
+		a?.id,
+		t,
+		i
+	]), !n || !a || !E || !y ? null : /*#__PURE__*/ m(u, {
+		onCancel: () => {
+			d(null), p(!1), b(null), r();
+		},
+		title: D,
+		open: n,
+		size: "xl",
+		children: /*#__PURE__*/ h("div", { children: [l && /*#__PURE__*/ m(e, {
+			onDismiss: () => d(null),
+			text: l.text,
+			variant: l.type,
+			className: "mb-4"
+		}), /*#__PURE__*/ m(T, {
+			fallbackRender: ({ error: e }) => /*#__PURE__*/ m(j, { error: e }),
+			children: /*#__PURE__*/ m(_, {
+				fallback: /*#__PURE__*/ m(A, {}),
+				children: /*#__PURE__*/ m(M, {
+					permissionsPromise: E,
+					extraSpecsPromise: y,
+					client: t,
+					project: i,
+					flavor: a,
+					onSpecsUpdate: (e) => {
+						v(() => {
+							b(Promise.resolve(e));
+						});
+					},
+					isAddingSpec: f,
+					setIsAddingSpec: p,
+					message: l,
+					setMessage: d
+				})
+			})
+		})] })
+	});
+}, P = ({ tenantId: e, errors: t, isLoading: r, onTenantIdChange: i, onSave: s, onCancel: l }) => {
+	let { i18n: u, _: f } = w();
+	return /*#__PURE__*/ h(d, { children: [/*#__PURE__*/ m(n, {
+		className: "pl-0",
+		children: /*#__PURE__*/ m(a, {
+			value: e,
+			onChange: (e) => i(e.target.value),
+			placeholder: u._({ id: "wa1Bcq" }),
+			errortext: t.tenantId,
+			required: !0
+		})
+	}), /*#__PURE__*/ m(n, { children: /*#__PURE__*/ h(c, { children: [/*#__PURE__*/ m(o, {
+		icon: "check",
+		onClick: s,
+		variant: "primary",
+		title: u._({ id: "q0Rla3" }),
+		disabled: r
+	}), /*#__PURE__*/ m(o, {
+		icon: "cancel",
+		onClick: l,
+		title: u._({ id: "dEgA5A" }),
+		disabled: r
+	})] }) })] });
+}, F = ({ access: e, isDeleting: t, onDelete: a, canDelete: s }) => {
+	let { i18n: c, _: l } = w(), [u, f] = S(!1);
+	b(() => {
+		if (u) {
+			let e = setTimeout(() => {
+				f(!1);
+			}, 3e3);
+			return () => clearTimeout(e);
+		}
+	}, [u]);
+	let g = () => {
+		f(!1), a();
+	};
+	return /*#__PURE__*/ h(d, { children: [/*#__PURE__*/ m(n, {
+		className: "break-all",
+		children: e.tenant_id
+	}), /*#__PURE__*/ m(n, { children: t ? /*#__PURE__*/ m(r, {
+		distribution: "center",
+		alignment: "center",
+		children: /*#__PURE__*/ m(i, { variant: "primary" })
+	}) : /*#__PURE__*/ m(r, {
+		distribution: "end",
+		alignment: "end",
+		children: (() => {
+			if (!s) return /*#__PURE__*/ m(p, {});
+			if (u) 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: t,
+				children: c._({ id: "t/YqKh" })
+			});
+			{
+				let n = e.tenant_id;
+				return /*#__PURE__*/ m(o, {
+					icon: "deleteForever",
+					onClick: () => f(!0),
+					title: c._({
+						id: "tfxu04",
+						values: { tenantId: n }
+					}),
+					"aria-label": c._({
+						id: "tfxu04",
+						values: { tenantId: n }
+					}),
+					"data-testid": `remove-${n}`,
+					disabled: t
+				});
+			}
+		})()
+	}) })] });
+}, 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() {
+	return /*#__PURE__*/ m(d, { children: /*#__PURE__*/ m(n, {
+		colSpan: 2,
+		children: /*#__PURE__*/ m(r, {
+			distribution: "center",
+			alignment: "center",
+			children: /*#__PURE__*/ m(i, { variant: "primary" })
+		})
+	}) });
+}
+function z({ permissionsPromise: e, flavorAccessPromise: i, client: a, project: s, flavor: c, onAccessUpdate: u, isAddingAccess: g, setIsAddingAccess: _, setMessage: v }) {
+	let { i18n: b, _: x } = w(), { translateError: C } = f(), T = y(e), E = y(i), [D, O] = S(""), [k, A] = S({}), [j, M] = S(/* @__PURE__ */ new Set()), [N, I] = S(!1), L = c["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();
+			u(await a.compute.addTenantAccess.mutate({
+				project_id: s,
+				flavorId: c.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) => {
+		M((t) => new Set(t).add(e));
+		try {
+			u(await a.compute.removeTenantAccess.mutate({
+				project_id: s,
+				flavorId: c.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 {
+			M((t) => {
+				let n = new Set(t);
+				return n.delete(e), n;
+			});
+		}
+	};
+	return L ? /*#__PURE__*/ h(l, {
+		columns: 2,
+		children: [/*#__PURE__*/ h(d, { children: [/*#__PURE__*/ m(t, { children: b._({ id: "T9Mtpi" }) }), /*#__PURE__*/ m(t, { children: " " })] }), /*#__PURE__*/ m(d, { children: /*#__PURE__*/ m(n, {
+			colSpan: 2,
+			className: "text-theme-default py-4 text-center",
+			children: b._({ id: "9x6EkK" })
+		}) })]
+	}) : /*#__PURE__*/ h(p, { children: [T.canAdd && /*#__PURE__*/ m(r, {
+		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(l, {
+		columns: 2,
+		children: [
+			/*#__PURE__*/ h(d, { children: [/*#__PURE__*/ m(t, { children: b._({ id: "T9Mtpi" }) }), /*#__PURE__*/ m(t, {})] }),
+			g && /*#__PURE__*/ m(P, {
+				tenantId: D,
+				errors: k,
+				isLoading: N,
+				onTenantIdChange: (e) => {
+					O(e), k.tenantId && A((e) => ({
+						...e,
+						tenantId: void 0
+					}));
+				},
+				onSave: V,
+				onCancel: () => {
+					B(), _(!1), v(null);
+				}
+			}),
+			E.map((e) => /*#__PURE__*/ m(F, {
+				access: e,
+				isDeleting: j.has(e.tenant_id),
+				onDelete: () => H(e.tenant_id),
+				canDelete: T.canRemove
+			}, e.tenant_id)),
+			R && /*#__PURE__*/ m(d, { children: /*#__PURE__*/ m(n, {
+				colSpan: 2,
+				className: "text-theme-default py-4 text-center",
+				children: b._({ id: "Gyd3No" })
+			}) })
+		]
+	})] });
+}
+var B = ({ client: t, isOpen: n, onClose: r, project: i, flavor: a }) => {
+	let { i18n: o, _: s } = w(), { translateError: c } = f(), [l, d] = S(null), [p, g] = S(!1), y = x(() => n ? I(t, i) : null, [
+		t,
+		i,
+		n
+	]), C = x(() => !n || !a?.id ? null : L(t, i, a.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"
+	}), [])), [
+		n,
+		a?.id,
+		t,
+		i
+	]);
+	b(() => {
+		n && d(null);
+	}, [n, a?.id]);
+	let [T, E] = S(null), D = `${n}-${a?.id}`, O = T?.key === D ? T.promise : C, k = () => {
+		d(null), g(!1), E(null), r();
+	}, 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 (!n || !a || !y || !O) return null;
+	let j = a.name;
+	return /*#__PURE__*/ m(u, {
+		onCancel: k,
+		title: o._({
+			id: "6Rnrsz",
+			values: { flavorName: j }
+		}),
+		open: n,
+		size: "xl",
+		children: /*#__PURE__*/ h("div", { children: [l && /*#__PURE__*/ m(e, {
+			onDismiss: () => d(null),
+			text: l.text,
+			variant: l.type,
+			className: "mb-4",
+			dismissible: !0
+		}), /*#__PURE__*/ m(_, {
+			fallback: /*#__PURE__*/ m(R, {}),
+			children: /*#__PURE__*/ m(z, {
+				permissionsPromise: y,
+				flavorAccessPromise: O,
+				client: t,
+				project: i,
+				flavor: a,
+				onAccessUpdate: A,
+				isAddingAccess: p,
+				setIsAddingAccess: g,
+				setMessage: d
+			})
+		})] })
+	});
+}, V = ({ client: a, 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 a.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(s, {
+			className: "flex justify-end",
+			children: /*#__PURE__*/ h(c, { children: [/*#__PURE__*/ m(o, {
+				variant: "primary-danger",
+				onClick: A,
+				disabled: E,
+				children: E ? /*#__PURE__*/ m(i, { size: "small" }) : /*#__PURE__*/ m(C, { id: "cnGeoo" })
+			}), /*#__PURE__*/ m(o, {
+				variant: "default",
+				onClick: j,
+				children: /*#__PURE__*/ m(C, { id: "dEgA5A" })
+			})] })
+		}),
+		children: [E && /*#__PURE__*/ m(r, {
+			distribution: "center",
+			alignment: "center",
+			children: /*#__PURE__*/ m(i, { variant: "primary" })
+		}), !E && /*#__PURE__*/ h("div", { children: [
+			O && /*#__PURE__*/ m(e, {
+				onDismiss: () => {
+					k(null);
+				},
+				text: O,
+				variant: "error",
+				className: "mb-4"
+			}),
+			/*#__PURE__*/ m(e, {
+				text: b._({ id: "QQ8wUG" }),
+				variant: "danger",
+				className: "mb-4"
+			}),
+			v && /*#__PURE__*/ h(l, {
+				columns: 2,
+				children: [
+					/*#__PURE__*/ h(d, { children: [/*#__PURE__*/ m(t, { children: b._({ id: "6YtxFj" }) }), /*#__PURE__*/ m(n, { children: v.name })] }),
+					/*#__PURE__*/ h(d, { children: [/*#__PURE__*/ m(t, { children: b._({ id: "S0kLOH" }) }), /*#__PURE__*/ m(n, { children: v.id })] }),
+					/*#__PURE__*/ h(d, { children: [/*#__PURE__*/ m(t, { children: b._({ id: "MZGbkp" }) }), /*#__PURE__*/ m(n, { children: v.vcpus })] }),
+					/*#__PURE__*/ h(d, { children: [/*#__PURE__*/ m(t, { children: b._({ id: "RGhYAo" }) }), /*#__PURE__*/ h(n, { children: [v.ram, " MiB"] })] }),
+					/*#__PURE__*/ h(d, { children: [/*#__PURE__*/ m(t, { children: b._({ id: "sPFHpI" }) }), /*#__PURE__*/ h(n, { children: [v.disk, " GiB"] })] }),
+					v.swap && /*#__PURE__*/ h(d, { children: [/*#__PURE__*/ m(t, { children: b._({ id: "vH2C/2" }) }), /*#__PURE__*/ h(n, { children: [v.swap, " MiB"] })] })
+				]
+			})
+		] })]
+	});
+};
+//#endregion
+export { B as n, N as r, V as t };
+
+//# sourceMappingURL=DeleteFlavorModal-C3cb7YiJ.mjs.map