@cobaltcore-dev/aurora 0.4.0 → 0.6.0

package/dist/client/{projects-HoQ0gE5Y.mjs.map → projects-yiK0HGSA.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"projects-HoQ0gE5Y.mjs","names":["SplitNotFoundComponent","notFoundComponent"],"sources":["../../src/client/routes/_auth/projects/index.tsx?tsr-split=notFoundComponent"],"sourcesContent":["import { createFileRoute } from \"@tanstack/react-router\"\nimport { ProjectsOverviewNavBar } from \"@/client/routes/_auth/projects/-components/ProjectOverviewNavBar\"\nimport { ProjectCardView } from \"@/client/routes/_auth/projects/-components/ProjectCardView\"\nimport { RouteError } from \"@/client/components/Error/RouteError\"\nimport { TRPCClientError } from \"@trpc/client\"\nimport { Container, ContentHeading } from \"@cloudoperators/juno-ui-components\"\nimport { Trans } from \"@lingui/react/macro\"\nimport { z } from \"zod\"\n\nconst searchSchema = z.object({\n  search: z.string().optional(),\n})\n\nexport const Route = createFileRoute(\"/_auth/projects/\")({\n  component: ProjectsOverview,\n  errorComponent: ({ error }) => (\n    <RouteError error={error} safeErrorMessage={error instanceof TRPCClientError ? error.message : undefined} />\n  ),\n  notFoundComponent: () => {\n    return <p>Projects not found</p>\n  },\n  validateSearch: searchSchema,\n  loaderDeps: ({ search }) => ({\n    search: search.search || \"\",\n  }),\n  loader: async ({ context, deps }) => {\n    const allProjects = await context.trpcClient?.project.getAuthProjects.query()\n\n    let projects = allProjects\n    if (deps.search && deps.search.trim() !== \"\") {\n      const searchTermLower = deps.search.toLowerCase()\n      projects = allProjects?.filter(\n        (project) =>\n          project.name?.toLowerCase().includes(searchTermLower) ||\n          project.description?.toLowerCase().includes(searchTermLower)\n      )\n    }\n\n    return { projects }\n  },\n})\n\nfunction ProjectsOverview() {\n  const { projects } = Route.useLoaderData()\n  const { search = \"\" } = Route.useSearch()\n  const navigate = Route.useNavigate()\n\n  const handleSearch = (value: string) => {\n    navigate({ search: { search: value }, replace: true })\n  }\n\n  return (\n    <Container>\n      <ContentHeading>\n        <Trans>Projects</Trans>\n      </ContentHeading>\n      <ProjectsOverviewNavBar searchTerm={search} onSearch={handleSearch} />\n      <div className=\"pt-5\">\n        <ProjectCardView projects={projects} />\n      </div>\n    </Container>\n  )\n}\n"],"mappings":";;cAmBW,kBAAC,KAAA,EAAA,UAAE,sBAAA,CAAA"}
+{"version":3,"file":"projects-yiK0HGSA.mjs","names":["SplitNotFoundComponent","notFoundComponent"],"sources":["../../src/client/routes/_auth/projects/index.tsx?tsr-split=notFoundComponent"],"sourcesContent":["import { createFileRoute } from \"@tanstack/react-router\"\nimport { ProjectsOverviewNavBar } from \"@/client/routes/_auth/projects/-components/ProjectOverviewNavBar\"\nimport { ProjectCardView } from \"@/client/routes/_auth/projects/-components/ProjectCardView\"\nimport { RouteError } from \"@/client/components/Error/RouteError\"\nimport { TRPCClientError } from \"@trpc/client\"\nimport { Container, ContentHeading } from \"@cloudoperators/juno-ui-components\"\nimport { Trans } from \"@lingui/react/macro\"\nimport { z } from \"zod\"\n\nconst searchSchema = z.object({\n  search: z.string().optional(),\n})\n\nexport const Route = createFileRoute(\"/_auth/projects/\")({\n  component: ProjectsOverview,\n  errorComponent: ({ error }) => (\n    <RouteError error={error} safeErrorMessage={error instanceof TRPCClientError ? error.message : undefined} />\n  ),\n  notFoundComponent: () => {\n    return <p>Projects not found</p>\n  },\n  validateSearch: searchSchema,\n  loaderDeps: ({ search }) => ({\n    search: search.search || \"\",\n  }),\n  loader: async ({ context, deps }) => {\n    const allProjects = await context.trpcClient?.project.getAuthProjects.query()\n\n    let projects = allProjects\n    if (deps.search && deps.search.trim() !== \"\") {\n      const searchTermLower = deps.search.toLowerCase()\n      projects = allProjects?.filter(\n        (project) =>\n          project.name?.toLowerCase().includes(searchTermLower) ||\n          project.description?.toLowerCase().includes(searchTermLower)\n      )\n    }\n\n    return { projects }\n  },\n})\n\nfunction ProjectsOverview() {\n  const { projects } = Route.useLoaderData()\n  const { search = \"\" } = Route.useSearch()\n  const navigate = Route.useNavigate()\n\n  const handleSearch = (value: string) => {\n    navigate({ search: { search: value }, replace: true })\n  }\n\n  return (\n    <Container py>\n      <ContentHeading className=\"pb-4\">\n        <Trans>Projects</Trans>\n      </ContentHeading>\n      <ProjectsOverviewNavBar searchTerm={search} onSearch={handleSearch} />\n      <div className=\"pt-5\">\n        <ProjectCardView projects={projects} />\n      </div>\n    </Container>\n  )\n}\n"],"mappings":";;cAmBW,gBAAC,KAAA,EAAA,UAAE,qBAAA,CAAA"}

package/dist/client/{securitygroups-BjkmHk2J.mjs → securitygroups-DahZkVYQ.mjs}

@@ -1,68 +1,67 @@
-import { B as e, E as t, G as n, I as r, M as i, Q as a, T as o, U as s, Y as c, at as l, c as u, et as d, h as f, it as p, j as m, n as h, nt as g, ot as _, q as v, s as y, w as b } from "./build-BJDfnAyi.mjs";
-import { r as x } from "./trpcClient-BxguzNYF.mjs";
-import { t as S } from "./useProjectId-OQv2KBbG.mjs";
-import "./hooks-DEjb9d1F.mjs";
-import { t as C } from "./ListToolbar-BojRTNbo.mjs";
-import { t as w } from "./buildFilterParams-TeyosGyK.mjs";
-import { t as T } from "./useListWithFiltering-CbhHJO4V.mjs";
-import { t as E } from "./EditSecurityGroupModal-DK3WYikA.mjs";
+import { B as e, F as t, G as n, H as r, P as i, Q as a, R as o, U as s, a as c, ct as l, et as u, f as d, i as f, it as p, k as m, ot as h, q as g, r as _, s as v, tt as y, w as b } from "./build-DeJcDjPi.mjs";
+import { r as x } from "./trpcClient-BzPUgiM2.mjs";
+import { t as S } from "./useProjectId-DBc5lpoU.mjs";
+import "./hooks-dSArr2Ca.mjs";
+import { n as C, t as w } from "./useListWithFiltering-DaYcu5AB.mjs";
+import { t as T } from "./buildFilterParams-DoZzMKX9.mjs";
+import { t as E } from "./EditSecurityGroupModal-CpP54WIK.mjs";
 import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
 import { useEffect as A, useRef as j, useState as M } from "react";
 import { useNavigate as N } from "@tanstack/react-router";
 import { Trans as P, useLingui as F } from "@lingui/react";
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/-components/-modals/DeleteSecurityGroupDialog.tsx
-var I = ({ isOpen: t, onClose: n, securityGroup: r, onDelete: i, isDeleting: a = !1, error: s = null }) => {
-	let { i18n: c, _: l } = F(), [d, p] = M(""), m = c._({ id: "HNlEFZ" }), h = d.toLowerCase() === m.toLowerCase(), g = r.name || r.id, y = (e) => {
-		e.preventDefault(), h && !a && i(r.id);
+var I = ({ isOpen: t, onClose: n, securityGroup: r, onDelete: i, isDeleting: a = !1, error: o = null }) => {
+	let { i18n: c, _: u } = F(), [p, m] = M(""), h = c._({ id: "HNlEFZ" }), g = p.toLowerCase() === h.toLowerCase(), v = r.name || r.id, y = (e) => {
+		e.preventDefault(), g && !a && i(r.id);
 	}, b = () => {
-		p(""), n();
+		m(""), n();
 	};
-	return /* @__PURE__ */ O(_, {
+	return /*#__PURE__*/ O(_, {
 		open: t,
 		onCancel: b,
 		size: "small",
 		title: c._({
 			id: "Y+2SDm",
-			values: { securityGroupName: g }
+			values: { securityGroupName: v }
 		}),
-		modalFooter: /* @__PURE__ */ O(e, {
+		modalFooter: /*#__PURE__*/ O(d, {
 			className: "flex justify-end",
-			children: /* @__PURE__ */ k(f, { children: [/* @__PURE__ */ O(u, {
+			children: /*#__PURE__*/ k(f, { children: [/*#__PURE__*/ O(l, {
 				variant: "default",
 				onClick: b,
 				disabled: a,
-				children: /* @__PURE__ */ O(P, { id: "dEgA5A" })
-			}), /* @__PURE__ */ O(u, {
+				children: /*#__PURE__*/ O(P, { id: "dEgA5A" })
+			}), /*#__PURE__*/ O(l, {
 				variant: "primary-danger",
 				onClick: y,
-				disabled: !h || a,
+				disabled: !g || a,
 				"data-testid": "confirm-delete-button",
-				children: a ? /* @__PURE__ */ O(P, { id: "EF2EU9" }) : /* @__PURE__ */ O(P, { id: "cnGeoo" })
+				children: a ? /*#__PURE__*/ O(P, { id: "EF2EU9" }) : /*#__PURE__*/ O(P, { id: "cnGeoo" })
 			})] })
 		}),
-		children: /* @__PURE__ */ k("div", { children: [
-			s && /* @__PURE__ */ O(v, {
+		children: /*#__PURE__*/ k("div", { children: [
+			o && /*#__PURE__*/ O(e, {
 				dismissible: !1,
 				variant: "error",
 				className: "mt-4",
-				children: s
+				children: o
 			}),
-			/* @__PURE__ */ O(P, { id: "Qb+14I" }),
-			/* @__PURE__ */ k("div", {
+			/*#__PURE__*/ O(P, { id: "Qb+14I" }),
+			/*#__PURE__*/ k("div", {
 				className: "mt-4",
-				children: [/* @__PURE__ */ O("p", {
+				children: [/*#__PURE__*/ O("p", {
 					className: "mb-2 text-sm",
-					children: /* @__PURE__ */ O(P, {
+					children: /*#__PURE__*/ O(P, {
 						id: "hLp49h",
-						values: { deleteWord: m },
-						components: { 0: /* @__PURE__ */ O("strong", {}) }
+						values: { deleteWord: h },
+						components: { 0: /*#__PURE__*/ O("strong", {}) }
 					})
-				}), /* @__PURE__ */ O(o, {
+				}), /*#__PURE__*/ O(s, {
 					id: "confirmation",
 					name: "confirmation",
-					value: d,
-					onChange: (e) => p(e.target.value),
-					placeholder: m,
+					value: p,
+					onChange: (e) => m(e.target.value),
+					placeholder: h,
 					disabled: a,
 					autoComplete: "off",
 					"data-testid": "delete-confirmation-input"
@@ -73,47 +72,47 @@ var I = ({ isOpen: t, onClose: n, securityGroup: r, onDelete: i, isDeleting: a =
 };
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/-components/SecurityGroupTableRow.tsx
-function L({ securityGroup: e, permissions: n, onEdit: a, onDelete: o, onViewDetails: s, isReadOnly: l = !1 }) {
-	let { i18n: u, _: f } = F(), p = ({ value: e }) => /* @__PURE__ */ O("span", { children: e ? u._({ id: "l75CjT" }) : u._({ id: "1UzENP" }) }), m = () => {
-		s && s(e);
+function L({ securityGroup: e, permissions: t, onEdit: r, onDelete: a, onViewDetails: o, isReadOnly: s = !1 }) {
+	let { i18n: c, _: l } = F(), u = ({ value: e }) => /*#__PURE__*/ O("span", { children: e ? c._({ id: "l75CjT" }) : c._({ id: "1UzENP" }) }), d = () => {
+		o && o(e);
 	};
-	return /* @__PURE__ */ k(r, {
+	return /*#__PURE__*/ k(b, {
 		"data-testid": `security-group-row-${e.id}`,
-		onClick: m,
+		onClick: d,
 		className: "hover:bg-theme-background-lvl-2 cursor-pointer",
 		children: [
-			/* @__PURE__ */ O(i, { children: /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+			/*#__PURE__*/ O(n, { children: /*#__PURE__*/ k("div", { children: [/*#__PURE__*/ O("p", {
 				className: "text-md",
 				children: e.name
-			}), /* @__PURE__ */ O("p", {
+			}), /*#__PURE__*/ O("p", {
 				className: "text-theme-light text-xs",
 				children: e.id
 			})] }) }),
-			/* @__PURE__ */ O(i, { children: e.description || u._({ id: "h47p9L" }) }),
-			/* @__PURE__ */ k(i, { children: [/* @__PURE__ */ O(p, { value: e.shared }), e.shared && /* @__PURE__ */ k("p", { children: [
-				/* @__PURE__ */ O(P, { id: "LtI9AS" }),
+			/*#__PURE__*/ O(n, { children: e.description || c._({ id: "h47p9L" }) }),
+			/*#__PURE__*/ k(n, { children: [/*#__PURE__*/ O(u, { value: e.shared }), e.shared && /*#__PURE__*/ k("p", { children: [
+				/*#__PURE__*/ O(P, { id: "LtI9AS" }),
 				": ",
-				/* @__PURE__ */ O("span", {
+				/*#__PURE__*/ O("span", {
 					className: "text-theme-light text-xs",
 					children: e.project_id
 				})
 			] })] }),
-			/* @__PURE__ */ O(i, { children: /* @__PURE__ */ O(p, { value: e.stateful }) }),
-			/* @__PURE__ */ O(i, {
+			/*#__PURE__*/ O(n, { children: /*#__PURE__*/ O(u, { value: e.stateful }) }),
+			/*#__PURE__*/ O(n, {
 				onClick: (e) => e.stopPropagation(),
 				className: "items-end justify-end pr-0",
-				children: /* @__PURE__ */ O(d, { children: /* @__PURE__ */ k(t, { children: [
-					/* @__PURE__ */ O(c, {
-						label: u._({ id: "v0hPHE" }),
-						onClick: () => m()
+				children: /*#__PURE__*/ O(i, { children: /*#__PURE__*/ k(y, { children: [
+					/*#__PURE__*/ O(p, {
+						label: c._({ id: "v0hPHE" }),
+						onClick: () => d()
 					}),
-					n.canUpdate && !l && /* @__PURE__ */ O(c, {
-						label: u._({ id: "ePK91l" }),
-						onClick: () => a(e)
+					t.canUpdate && !s && /*#__PURE__*/ O(p, {
+						label: c._({ id: "ePK91l" }),
+						onClick: () => r(e)
 					}),
-					n.canDelete && !l && /* @__PURE__ */ O(c, {
-						label: u._({ id: "cnGeoo" }),
-						onClick: () => o(e)
+					t.canDelete && !s && /*#__PURE__*/ O(p, {
+						label: c._({ id: "cnGeoo" }),
+						onClick: () => a(e)
 					})
 				] }) })
 			})
@@ -122,16 +121,16 @@ function L({ securityGroup: e, permissions: n, onEdit: a, onDelete: o, onViewDet
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/-components/SecurityGroupListContainer.tsx
-var R = ({ securityGroups: e, isLoading: t, isError: i, error: o, permissions: c, onDeleteSecurityGroup: l, isDeletingSecurityGroup: u = !1, deleteError: d = null, onUpdateSecurityGroup: f, isUpdatingSecurityGroup: p = !1, updateError: m = null, currentProjectId: h }) => {
-	let { i18n: _, _: v } = F(), y = N(), b = S(), [x, C] = M(null), [w, T] = M(!1), [R, z] = M(!1), B = j(!1), V = j(!1), H = (e) => {
+var R = ({ securityGroups: e, isLoading: n, isError: r, error: i, permissions: s, onDeleteSecurityGroup: c, isDeletingSecurityGroup: l = !1, deleteError: u = null, onUpdateSecurityGroup: d, isUpdatingSecurityGroup: f = !1, updateError: p = null, currentProjectId: h }) => {
+	let { i18n: g, _ } = F(), v = N(), y = S(), [x, C] = M(null), [w, T] = M(!1), [R, z] = M(!1), B = j(!1), V = j(!1), H = (e) => {
 		C(e), T(!0);
 	}, U = (e) => {
 		C(e), z(!0);
 	}, W = (e) => {
-		y({
+		v({
 			to: "/projects/$projectId/network/securitygroups/$securityGroupId",
 			params: {
-				projectId: b,
+				projectId: y,
 				securityGroupId: e.id
 			}
 		});
@@ -141,76 +140,76 @@ var R = ({ securityGroups: e, isLoading: t, isError: i, error: o, permissions: c
 		C(null), z(!1);
 	};
 	return A(() => {
-		B.current && !u && R && !d && K(), B.current = u;
+		B.current && !l && R && !u && K(), B.current = l;
 	}, [
+		l,
 		u,
-		d,
 		R
 	]), A(() => {
-		V.current && !p && w && !m && G(), V.current = p;
+		V.current && !f && w && !p && G(), V.current = f;
 	}, [
+		f,
 		p,
-		m,
 		w
-	]), t ? /* @__PURE__ */ k(g, {
+	]), n ? /*#__PURE__*/ k(a, {
 		className: "py-8",
 		distribution: "center",
 		alignment: "center",
 		direction: "vertical",
-		children: [/* @__PURE__ */ O(a, {
+		children: [/*#__PURE__*/ O(o, {
 			variant: "primary",
 			size: "large",
 			className: "mb-2"
-		}), /* @__PURE__ */ O(P, { id: "Z3FXyt" })]
-	}) : i ? /* @__PURE__ */ O(g, {
+		}), /*#__PURE__*/ O(P, { id: "Z3FXyt" })]
+	}) : r ? /*#__PURE__*/ O(a, {
 		className: "py-8",
 		distribution: "center",
 		alignment: "center",
 		direction: "vertical",
-		children: o?.message ?? _._({ id: "Wca9WC" })
-	}) : e.length === 0 ? /* @__PURE__ */ O(P, { id: "SfW/3r" }) : /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ k(s, {
+		children: i?.message ?? g._({ id: "Wca9WC" })
+	}) : e.length === 0 ? /*#__PURE__*/ O(P, { id: "SfW/3r" }) : /*#__PURE__*/ k(D, { children: [/*#__PURE__*/ k(m, {
 		columns: 5,
-		children: [/* @__PURE__ */ O(r, { children: [
-			_._({ id: "6YtxFj" }),
-			_._({ id: "Nu4oKW" }),
-			_._({ id: "0Gd0NU" }),
-			_._({ id: "Jim5X9" }),
+		children: [/*#__PURE__*/ O(b, { children: [
+			g._({ id: "6YtxFj" }),
+			g._({ id: "Nu4oKW" }),
+			g._({ id: "0Gd0NU" }),
+			g._({ id: "Jim5X9" }),
 			""
-		].map((e) => /* @__PURE__ */ O(n, { children: e }, e)) }), e.map((e) => /* @__PURE__ */ O(L, {
+		].map((e) => /*#__PURE__*/ O(t, { children: e }, e)) }), e.map((e) => /*#__PURE__*/ O(L, {
 			securityGroup: e,
-			permissions: c,
+			permissions: s,
 			onEdit: H,
 			onDelete: U,
 			onViewDetails: W,
 			isReadOnly: !!(h && e.project_id && e.project_id !== h)
 		}, e.id))]
-	}), x && /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(E, {
+	}), x && /*#__PURE__*/ k(D, { children: [/*#__PURE__*/ O(E, {
 		securityGroup: x,
 		open: w,
 		onClose: G,
 		onUpdate: async (e, t) => {
-			f && await f(e, t);
+			d && await d(e, t);
 		},
-		isLoading: p,
-		error: m
-	}), /* @__PURE__ */ O(I, {
+		isLoading: f,
+		error: p
+	}), /*#__PURE__*/ O(I, {
 		securityGroup: x,
 		isOpen: R,
 		onClose: K,
 		onDelete: (e) => {
-			l && l(e);
+			c && c(e);
 		},
-		isDeleting: u,
-		error: d
+		isDeleting: l,
+		error: u
 	})] })] });
 }, z = {
 	name: "",
 	description: "",
 	stateful: !0
-}, B = ({ isOpen: t, onClose: n, onCreate: r, isLoading: i = !1, error: s = null }) => {
-	let { i18n: c, _: d } = F(), [m, g] = M({ ...z }), [x, S] = M({}), C = (e) => {
+}, B = ({ isOpen: t, onClose: n, onCreate: i, isLoading: a = !1, error: p = null }) => {
+	let { i18n: m, _: g } = F(), [y, b] = M({ ...z }), [x, S] = M({}), C = (e) => {
 		let { name: t, value: n, type: r } = e.target, i = e.target.checked;
-		g((e) => ({
+		b((e) => ({
 			...e,
 			[t]: r === "checkbox" ? i : n
 		})), x[t] && S((e) => {
@@ -219,93 +218,93 @@ var R = ({ securityGroups: e, isLoading: t, isError: i, error: o, permissions: c
 		});
 	}, w = () => {
 		let e = {};
-		return (!m.name || m.name.trim() === "") && (e.name = c._({ id: "lN/Z9n" })), S(e), Object.keys(e).length === 0;
+		return (!y.name || y.name.trim() === "") && (e.name = m._({ id: "lN/Z9n" })), S(e), Object.keys(e).length === 0;
 	}, T = async (e) => {
-		e.preventDefault(), w() && (await r({
-			name: m.name.trim(),
-			description: m.description.trim() || void 0,
-			stateful: m.stateful
+		e.preventDefault(), w() && (await i({
+			name: y.name.trim(),
+			description: y.description.trim() || void 0,
+			stateful: y.stateful
 		}), E());
 	}, E = () => {
-		g({ ...z }), S({}), n();
+		b({ ...z }), S({}), n();
 	};
-	return /* @__PURE__ */ k(_, {
+	return /*#__PURE__*/ k(_, {
 		open: t,
 		onCancel: E,
 		size: "large",
-		title: c._({ id: "YjAOtb" }),
-		modalFooter: /* @__PURE__ */ O(e, {
+		title: m._({ id: "YjAOtb" }),
+		modalFooter: /*#__PURE__*/ O(d, {
 			className: "flex justify-end",
-			children: /* @__PURE__ */ k(f, { children: [/* @__PURE__ */ O(u, {
+			children: /*#__PURE__*/ k(f, { children: [/*#__PURE__*/ O(l, {
 				variant: "default",
 				onClick: E,
-				disabled: i,
-				children: /* @__PURE__ */ O(P, { id: "dEgA5A" })
-			}), /* @__PURE__ */ O(u, {
+				disabled: a,
+				children: /*#__PURE__*/ O(P, { id: "dEgA5A" })
+			}), /*#__PURE__*/ O(l, {
 				variant: "primary",
 				onClick: (e) => {
 					T(e);
 				},
-				disabled: i,
+				disabled: a,
 				"data-testid": "create-security-group-button",
-				children: i ? /* @__PURE__ */ O(a, { size: "small" }) : /* @__PURE__ */ O(P, { id: "YjAOtb" })
+				children: a ? /*#__PURE__*/ O(o, { size: "small" }) : /*#__PURE__*/ O(P, { id: "YjAOtb" })
 			})] })
 		}),
 		children: [
-			s && /* @__PURE__ */ O(v, {
+			p && /*#__PURE__*/ O(e, {
 				dismissible: !1,
 				variant: "error",
 				className: "mb-4",
-				children: s
+				children: p
 			}),
-			i && /* @__PURE__ */ k("div", {
+			a && /*#__PURE__*/ k("div", {
 				className: "mb-4 flex items-center justify-center gap-2",
-				children: [/* @__PURE__ */ O(a, { variant: "primary" }), /* @__PURE__ */ O("span", {
+				children: [/*#__PURE__*/ O(o, { variant: "primary" }), /*#__PURE__*/ O("span", {
 					className: "text-theme-high text-sm",
-					children: /* @__PURE__ */ O(P, { id: "Km4AGG" })
+					children: /*#__PURE__*/ O(P, { id: "Km4AGG" })
 				})]
 			}),
-			!i && /* @__PURE__ */ O(l, {
+			!a && /*#__PURE__*/ O(c, {
 				className: "mb-6",
-				children: /* @__PURE__ */ k(h, {
+				children: /*#__PURE__*/ k(r, {
 					className: "mb-6",
 					children: [
-						/* @__PURE__ */ O(p, {
+						/*#__PURE__*/ O(v, {
 							className: "mb-6",
-							children: /* @__PURE__ */ O(o, {
+							children: /*#__PURE__*/ O(s, {
 								id: "name",
 								name: "name",
-								label: c._({ id: "6YtxFj" }),
-								value: m.name,
+								label: m._({ id: "6YtxFj" }),
+								value: y.name,
 								onChange: C,
 								required: !0,
 								errortext: x.name,
-								placeholder: c._({ id: "Ac6dy9" }),
-								disabled: i
+								placeholder: m._({ id: "Ac6dy9" }),
+								disabled: a
 							})
 						}),
-						/* @__PURE__ */ O(p, {
+						/*#__PURE__*/ O(v, {
 							className: "mb-6",
-							children: /* @__PURE__ */ O(y, {
+							children: /*#__PURE__*/ O(u, {
 								id: "description",
 								name: "description",
-								label: c._({ id: "Nu4oKW" }),
-								value: m.description,
+								label: m._({ id: "Nu4oKW" }),
+								value: y.description,
 								onChange: C,
-								placeholder: c._({ id: "Nu4oKW" }),
-								disabled: i,
+								placeholder: m._({ id: "Nu4oKW" }),
+								disabled: a,
 								rows: 3
 							})
 						}),
-						/* @__PURE__ */ O(p, {
+						/*#__PURE__*/ O(v, {
 							className: "mb-0",
-							children: /* @__PURE__ */ O(b, {
+							children: /*#__PURE__*/ O(h, {
 								id: "stateful",
 								name: "stateful",
-								label: c._({ id: "Jim5X9" }),
-								checked: m.stateful,
+								label: m._({ id: "Jim5X9" }),
+								checked: y.stateful,
 								onChange: C,
-								disabled: i
+								disabled: a
 							})
 						})
 					]
@@ -317,7 +316,7 @@ var R = ({ securityGroups: e, isLoading: t, isError: i, error: o, permissions: c
 	TRUE: "true",
 	FALSE: "false"
 }, H = () => {
-	let { i18n: e, _: t } = F(), n = N(), r = S(), [i, a] = M(!1), [o, s] = M(null), [c, l] = M(null), [d, f] = M(null), { searchTerm: p, sortSettings: m, filterSettings: h, handleSearchChange: g, handleSortChange: _, handleFilterChange: v } = T({
+	let { i18n: e, _: t } = F(), n = N(), r = S(), [i, a] = M(!1), [o, s] = M(null), [c, u] = M(null), [d, f] = M(null), { searchTerm: p, sortSettings: m, filterSettings: h, handleSearchChange: g, handleSortChange: _, handleFilterChange: v } = w({
 		defaultSortKey: "name",
 		defaultSortDir: "asc",
 		sortOptions: [{
@@ -342,11 +341,11 @@ var R = ({ securityGroups: e, isLoading: t, isError: i, error: o, permissions: c
 		project_id: r || "",
 		sort_key: m.sortBy,
 		sort_dir: m.sortDirection,
-		...w(h),
+		...T(h),
 		...p ? { searchTerm: p } : {}
 	}, { enabled: !!r }), I = x.network.securityGroup.create.useMutation({
 		onSuccess: (e) => {
-			y.network.securityGroup.list.invalidate(), l(null), n({
+			y.network.securityGroup.list.invalidate(), u(null), n({
 				to: "/projects/$projectId/network/securitygroups/$securityGroupId",
 				params: {
 					projectId: r,
@@ -355,7 +354,7 @@ var R = ({ securityGroups: e, isLoading: t, isError: i, error: o, permissions: c
 			});
 		},
 		onError: (t) => {
-			l(t.message || e._({ id: "o6M6l0" }));
+			u(t.message || e._({ id: "o6M6l0" }));
 		}
 	}), L = x.network.securityGroup.deleteById.useMutation({
 		onSuccess: () => {
@@ -372,23 +371,23 @@ var R = ({ securityGroups: e, isLoading: t, isError: i, error: o, permissions: c
 			f(t.message || e._({ id: "jPxavx" }));
 		}
 	});
-	return /* @__PURE__ */ k("div", {
+	return /*#__PURE__*/ k("div", {
 		className: "relative",
 		children: [
-			/* @__PURE__ */ O(C, {
+			/*#__PURE__*/ O(C, {
 				sortSettings: m,
 				filterSettings: h,
 				searchTerm: p,
 				onSort: _,
 				onFilter: v,
 				onSearch: g,
-				actions: b.canCreate && /* @__PURE__ */ O(u, {
+				actions: b.canCreate && /*#__PURE__*/ O(l, {
 					onClick: () => a(!0),
 					variant: "primary",
-					children: /* @__PURE__ */ O(P, { id: "YjAOtb" })
+					children: /*#__PURE__*/ O(P, { id: "YjAOtb" })
 				})
 			}),
-			/* @__PURE__ */ O(R, {
+			/*#__PURE__*/ O(R, {
 				securityGroups: E,
 				isLoading: D,
 				isError: A,
@@ -414,11 +413,11 @@ var R = ({ securityGroups: e, isLoading: t, isError: i, error: o, permissions: c
 				updateError: d,
 				currentProjectId: r
 			}),
-			/* @__PURE__ */ O(B, {
+			/*#__PURE__*/ O(B, {
 				isOpen: i,
 				onClose: () => a(!1),
 				onCreate: async (e) => {
-					l(null), await I.mutateAsync({
+					u(null), await I.mutateAsync({
 						project_id: r,
 						...e
 					});
@@ -433,9 +432,9 @@ var R = ({ securityGroups: e, isLoading: t, isError: i, error: o, permissions: c
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/index.tsx?tsr-split=component
 function U() {
 	let { i18n: e, _: t } = F();
-	return /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(m, { children: e._({ id: "4opp4r" }) }), /* @__PURE__ */ O(H, {})] });
+	return /*#__PURE__*/ k(D, { children: [/*#__PURE__*/ O(g, { children: e._({ id: "4opp4r" }) }), /*#__PURE__*/ O(H, {})] });
 }
 //#endregion
 export { U as component };
 
-//# sourceMappingURL=securitygroups-BjkmHk2J.mjs.map
+//# sourceMappingURL=securitygroups-DahZkVYQ.mjs.map