@cobaltcore-dev/aurora 0.10.0 → 0.12.0

package/dist/client/{projects-B5topuei.mjs.map → projects-CGjBlG2w.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"projects-B5topuei.mjs","names":["createFileRoute","z","searchSchema","object","search","string","optional","Route","component","lazyRouteComponent","$$splitComponentImporter","errorComponent","$$splitErrorComponentImporter","notFoundComponent","$$splitNotFoundComponentImporter","validateSearch","loaderDeps","loader","context","deps","allProjects","trpcClient","project","getAuthProjects","query","projects","trim","searchTermLower","toLowerCase","filter","name","includes","description"],"sources":["../../src/client/routes/_auth/projects/index.tsx"],"sourcesContent":["import { createFileRoute } from \"@tanstack/react-router\"\nimport { useRouteContext } 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\"\nimport { Slot } from \"@/client/components/Slot\"\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  const { slots } = useRouteContext({ strict: false })\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      {slots?.projectsBanner && <Slot component={slots.projectsBanner} useShadowDOM={false} />}\n      <ProjectsOverviewNavBar searchTerm={search} onSearch={handleSearch} />\n      <div className=\"pt-5\">\n        <ProjectCardView projects={projects} />\n      </div>\n    </Container>\n  )\n}\n"],"mappings":";;;2IAWME,IAAeD,EAAEE,OAAO,EAC5BC,QAAQH,EAAEI,OAAM,EAAGC,SAAQ,EAC7B,CAAA,GAEaC,IAAQP,EAAgB,kBAAA,EAAoB;CACvDQ,WAASC,EAAAC,GAAA,WAAA;CACTC,gBAAcF,EAAAG,GAAA,gBAAA;CAGdC,mBAAiBJ,EAAAK,GAAA,mBAAA;CAGjBC,gBAAgBb;CAChBc,aAAa,EAAEZ,iBAAc,EAC3BA,QAAQA,EAAOA,UAAU,GAC3B;CACAa,QAAQ,OAAO,EAAEC,YAASC,cAAM;EAC9B,IAAMC,IAAc,MAAMF,EAAQG,YAAYC,QAAQC,gBAAgBC,MAAAA,GAElEC,IAAWL;EACf,IAAID,EAAKf,UAAUe,EAAKf,OAAOsB,KAAI,MAAO,IAAI;GAC5C,IAAMC,IAAkBR,EAAKf,OAAOwB,YAAW;GAC/CH,IAAWL,GAAaS,QACrBP,MACCA,EAAQQ,MAAMF,YAAAA,EAAcG,SAASJ,CAAAA,KACrCL,EAAQU,aAAaJ,YAAAA,EAAcG,SAASJ,CAAAA,CAAAA;EAElD;EAEA,OAAO,EAAEF,YAAS;CACpB;AACF,CAAA"}
+{"version":3,"file":"projects-CGjBlG2w.mjs","names":["createFileRoute","z","searchSchema","object","search","string","optional","Route","component","lazyRouteComponent","$$splitComponentImporter","errorComponent","$$splitErrorComponentImporter","notFoundComponent","$$splitNotFoundComponentImporter","validateSearch","loaderDeps","loader","context","deps","allProjects","trpcClient","project","getAuthProjects","query","projects","trim","searchTermLower","toLowerCase","filter","name","includes","description"],"sources":["../../src/client/routes/_auth/projects/index.tsx"],"sourcesContent":["import { createFileRoute } from \"@tanstack/react-router\"\nimport { useRouteContext } 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\"\nimport { Slot } from \"@/client/components/Slot\"\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  const { slots } = useRouteContext({ strict: false })\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      {slots?.projectsBanner && <Slot component={slots.projectsBanner} useShadowDOM={false} />}\n      <ProjectsOverviewNavBar searchTerm={search} onSearch={handleSearch} />\n      <div className=\"pt-5\">\n        <ProjectCardView projects={projects} />\n      </div>\n    </Container>\n  )\n}\n"],"mappings":";;;2IAWME,IAAeD,EAAEE,OAAO,EAC5BC,QAAQH,EAAEI,OAAM,EAAGC,SAAQ,EAC7B,CAAA,GAEaC,IAAQP,EAAgB,kBAAA,EAAoB;CACvDQ,WAASC,EAAAC,GAAA,WAAA;CACTC,gBAAcF,EAAAG,GAAA,gBAAA;CAGdC,mBAAiBJ,EAAAK,GAAA,mBAAA;CAGjBC,gBAAgBb;CAChBc,aAAa,EAAEZ,iBAAc,EAC3BA,QAAQA,EAAOA,UAAU,GAC3B;CACAa,QAAQ,OAAO,EAAEC,YAASC,cAAM;EAC9B,IAAMC,IAAc,MAAMF,EAAQG,YAAYC,QAAQC,gBAAgBC,MAAAA,GAElEC,IAAWL;EACf,IAAID,EAAKf,UAAUe,EAAKf,OAAOsB,KAAI,MAAO,IAAI;GAC5C,IAAMC,IAAkBR,EAAKf,OAAOwB,YAAW;GAC/CH,IAAWL,GAAaS,QACrBP,MACCA,EAAQQ,MAAMF,YAAAA,EAAcG,SAASJ,CAAAA,KACrCL,EAAQU,aAAaJ,YAAAA,EAAcG,SAASJ,CAAAA,CAAAA;EAElD;EAEA,OAAO,EAAEF,YAAS;CACpB;AACF,CAAA"}

package/dist/client/{projects-CHYn7L5e.mjs → projects-DvSiI5Vg.mjs}

@@ -1,4 +1,4 @@
-import { t as e } from "./RouteError-DVAiT0mT.mjs";
+import { t as e } from "./RouteError-BmZRk_ss.mjs";
 import { jsx as t } from "react/jsx-runtime";
 import { TRPCClientError as n } from "@trpc/client";
 //#region src/client/routes/_auth/projects/index.tsx?tsr-split=errorComponent
@@ -9,4 +9,4 @@ var r = ({ error: r }) => /*#__PURE__*/ t(e, {
 //#endregion
 export { r as errorComponent };
 
-//# sourceMappingURL=projects-CHYn7L5e.mjs.map
+//# sourceMappingURL=projects-DvSiI5Vg.mjs.map

package/dist/client/projects-DvSiI5Vg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"projects-DvSiI5Vg.mjs","names":["RouteError","TRPCClientError","Route","SplitErrorComponent","error","message","undefined","errorComponent"],"sources":["../../src/client/routes/_auth/projects/index.tsx?tsr-split=errorComponent"],"sourcesContent":["import { createFileRoute } from \"@tanstack/react-router\"\nimport { useRouteContext } 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\"\nimport { Slot } from \"@/client/components/Slot\"\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  const { slots } = useRouteContext({ strict: false })\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      {slots?.projectsBanner && <Slot component={slots.projectsBanner} useShadowDOM={false} />}\n      <ProjectsOverviewNavBar searchTerm={search} onSearch={handleSearch} />\n      <div className=\"pt-5\">\n        <ProjectCardView projects={projects} />\n      </div>\n    </Container>\n  )\n}\n"],"mappings":";;;;AAK8C,IAAAG,KAY3B,EAAEC,eACjB,gBAAC,GAAA;CAAkBA;CAAO,kBAAkBA,aAAiBH,IAAkBG,EAAMC,UAAUC,KAAAA"}

package/dist/client/{securitygroups-CcA2TpAt.mjs → securitygroups-n8ujBpJP.mjs}

@@ -1,46 +1,46 @@
-import { D as e, G as t, H as n, J as r, L as i, N as a, Q as o, S as s, U as c, Y as l, _ as u, ct as d, et as f, f as p, it as m, k as h, lt as g, m as _, ot as v, p as y, x as b } from "./build-BdRRmNf5.mjs";
+import { A as e, B as t, E as n, G as r, H as i, K as a, P as o, R as s, U as c, Y as l, at as u, c as d, et as f, g as p, lt as m, o as h, r as g, rt as _, tt as v, ut as y, y as b } from "./build-DgeVmENN.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-CVzhMyEA.mjs";
+import "./hooks-CMgoYcDG.mjs";
+import { n as C, t as w } from "./useListWithFiltering-BuhE81I6.mjs";
 import { t as T } from "./buildFilterParams-DoZzMKX9.mjs";
-import { t as E } from "./EditSecurityGroupModal-DKusxfta.mjs";
+import { t as E } from "./EditSecurityGroupModal-BGPXglju.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: e, onClose: t, securityGroup: n, onDelete: i, isDeleting: a = !1, error: o = null }) => {
-	let { i18n: s, _: c } = F(), [l, f] = M(""), m = s._({ id: "HNlEFZ" }), h = l.toLowerCase() === m.toLowerCase(), v = n.name || n.id, y = (e) => {
-		e.preventDefault(), h && !a && i(n.id);
-	}, b = () => {
-		f(""), t();
+var I = ({ isOpen: e, onClose: n, securityGroup: r, onDelete: i, isDeleting: a = !1, error: o = null }) => {
+	let { i18n: s, _: l } = F(), [u, d] = M(""), f = s._({ id: "HNlEFZ" }), m = u.toLowerCase() === f.toLowerCase(), h = r.name || r.id, _ = (e) => {
+		e.preventDefault(), m && !a && i(r.id);
+	}, v = () => {
+		d(""), n();
 	};
-	return /*#__PURE__*/ O(d, {
+	return /*#__PURE__*/ O(g, {
 		open: e,
-		onCancel: b,
+		onCancel: v,
 		size: "small",
 		title: s._({
 			id: "Y+2SDm",
-			values: { securityGroupName: v }
+			values: { securityGroupName: h }
 		}),
 		modalFooter: /*#__PURE__*/ O(p, {
 			className: "flex justify-end",
-			children: /*#__PURE__*/ k(g, { children: [/*#__PURE__*/ O(u, {
+			children: /*#__PURE__*/ k(y, { children: [/*#__PURE__*/ O(b, {
 				variant: "default",
-				onClick: b,
+				onClick: v,
 				disabled: a,
 				children: /*#__PURE__*/ O(P, { id: "dEgA5A" })
-			}), /*#__PURE__*/ O(u, {
+			}), /*#__PURE__*/ O(b, {
 				variant: "primary-danger",
-				onClick: y,
-				disabled: !h || a,
+				onClick: _,
+				disabled: !m || a,
 				"data-testid": "confirm-delete-button",
 				children: a ? /*#__PURE__*/ O(P, { id: "EF2EU9" }) : /*#__PURE__*/ O(P, { id: "cnGeoo" })
 			})] })
 		}),
 		children: /*#__PURE__*/ k("div", { children: [
-			o && /*#__PURE__*/ O(r, {
+			o && /*#__PURE__*/ O(t, {
 				dismissible: !1,
 				variant: "error",
 				className: "mt-4",
@@ -53,15 +53,15 @@ var I = ({ isOpen: e, onClose: t, securityGroup: n, onDelete: i, isDeleting: a =
 					className: "mb-2 text-sm",
 					children: /*#__PURE__*/ O(P, {
 						id: "hLp49h",
-						values: { deleteWord: m },
+						values: { deleteWord: f },
 						components: { 0: /*#__PURE__*/ O("strong", {}) }
 					})
-				}), /*#__PURE__*/ O(_, {
+				}), /*#__PURE__*/ O(c, {
 					id: "confirmation",
 					name: "confirmation",
-					value: l,
-					onChange: (e) => f(e.target.value),
-					placeholder: m,
+					value: u,
+					onChange: (e) => d(e.target.value),
+					placeholder: f,
 					disabled: a,
 					autoComplete: "off",
 					"data-testid": "delete-confirmation-input"
@@ -72,57 +72,57 @@ var I = ({ isOpen: e, onClose: t, securityGroup: n, onDelete: i, isDeleting: a =
 };
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/-components/SecurityGroupTableRow.tsx
-function L({ securityGroup: n, permissions: r, onEdit: i, onDelete: o, onViewDetails: s, isReadOnly: c = !1 }) {
-	let { i18n: l, _: u } = F(), d = ({ value: e }) => /*#__PURE__*/ O("span", { children: e ? l._({ id: "l75CjT" }) : l._({ id: "1UzENP" }) }), f = () => {
-		s && s(n);
+function L({ securityGroup: t, permissions: i, onEdit: a, onDelete: o, onViewDetails: s, isReadOnly: c = !1 }) {
+	let { i18n: l, _: d } = F(), f = ({ value: e }) => /*#__PURE__*/ O("span", { children: e ? l._({ id: "l75CjT" }) : l._({ id: "1UzENP" }) }), p = () => {
+		s && s(t);
 	};
-	return /*#__PURE__*/ k(a, {
-		"data-testid": `security-group-row-${n.id}`,
-		onClick: f,
+	return /*#__PURE__*/ k(n, {
+		"data-testid": `security-group-row-${t.id}`,
+		onClick: p,
 		className: "hover:bg-theme-background-lvl-2 cursor-pointer",
 		children: [
-			/*#__PURE__*/ O(t, { children: /*#__PURE__*/ k("div", { children: [/*#__PURE__*/ O("p", {
+			/*#__PURE__*/ O(r, { children: /*#__PURE__*/ k("div", { children: [/*#__PURE__*/ O("p", {
 				className: "text-md",
-				children: n.name
+				children: t.name
 			}), /*#__PURE__*/ O("p", {
 				className: "text-theme-light text-xs",
-				children: n.id
+				children: t.id
 			})] }) }),
-			/*#__PURE__*/ O(t, { children: n.description || l._({ id: "h47p9L" }) }),
-			/*#__PURE__*/ k(t, { children: [/*#__PURE__*/ O(d, { value: n.shared }), n.shared && /*#__PURE__*/ k("p", { children: [
+			/*#__PURE__*/ O(r, { children: t.description || l._({ id: "h47p9L" }) }),
+			/*#__PURE__*/ k(r, { children: [/*#__PURE__*/ O(f, { value: t.shared }), t.shared && /*#__PURE__*/ k("p", { children: [
 				/*#__PURE__*/ O(P, { id: "LtI9AS" }),
 				": ",
 				/*#__PURE__*/ O("span", {
 					className: "text-theme-light text-xs",
-					children: n.project_id
+					children: t.project_id
 				})
 			] })] }),
-			/*#__PURE__*/ O(t, { children: /*#__PURE__*/ O(d, { value: n.stateful }) }),
-			/*#__PURE__*/ O(t, {
+			/*#__PURE__*/ O(r, { children: /*#__PURE__*/ O(f, { value: t.stateful }) }),
+			/*#__PURE__*/ O(r, {
 				onClick: (e) => e.stopPropagation(),
 				className: "items-end justify-end pr-0",
-				children: /*#__PURE__*/ O(e, { children: /*#__PURE__*/ k(v, { children: [
-					/*#__PURE__*/ O(h, {
+				children: /*#__PURE__*/ O(_, { children: /*#__PURE__*/ k(e, { children: [
+					/*#__PURE__*/ O(u, {
 						label: l._({ id: "v0hPHE" }),
-						onClick: () => f()
+						onClick: () => p()
 					}),
-					r.canUpdate && !c && /*#__PURE__*/ O(h, {
+					i.canUpdate && !c && /*#__PURE__*/ O(u, {
 						label: l._({ id: "ePK91l" }),
-						onClick: () => i(n)
+						onClick: () => a(t)
 					}),
-					r.canDelete && !c && /*#__PURE__*/ O(h, {
+					i.canDelete && !c && /*#__PURE__*/ O(u, {
 						label: l._({ id: "cnGeoo" }),
-						onClick: () => o(n)
+						onClick: () => o(t)
 					})
 				] }) })
 			})
 		]
-	}, n.id);
+	}, t.id);
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/-components/SecurityGroupListContainer.tsx
-var R = ({ securityGroups: e, isLoading: t, isError: r, error: o, permissions: s, onDeleteSecurityGroup: c, isDeletingSecurityGroup: u = !1, deleteError: d = null, onUpdateSecurityGroup: p, isUpdatingSecurityGroup: m = !1, updateError: h = null, currentProjectId: g }) => {
-	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: t, isError: r, error: i, permissions: c, onDeleteSecurityGroup: l, isDeletingSecurityGroup: u = !1, deleteError: d = null, onUpdateSecurityGroup: f, isUpdatingSecurityGroup: p = !1, updateError: m = null, currentProjectId: h }) => {
+	let { i18n: g, _ } = 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) => {
 		C(e), T(!0);
 	}, U = (e) => {
 		C(e), z(!0);
@@ -146,58 +146,58 @@ var R = ({ securityGroups: e, isLoading: t, isError: r, error: o, permissions: s
 		d,
 		R
 	]), A(() => {
-		V.current && !m && w && !h && G(), V.current = m;
+		V.current && !p && w && !m && G(), V.current = p;
 	}, [
+		p,
 		m,
-		h,
 		w
-	]), t ? /*#__PURE__*/ k(l, {
+	]), t ? /*#__PURE__*/ k(v, {
 		className: "py-8",
 		distribution: "center",
 		alignment: "center",
 		direction: "vertical",
-		children: [/*#__PURE__*/ O(n, {
+		children: [/*#__PURE__*/ O(a, {
 			variant: "primary",
 			size: "large",
 			className: "mb-2"
 		}), /*#__PURE__*/ O(P, { id: "Z3FXyt" })]
-	}) : r ? /*#__PURE__*/ O(l, {
+	}) : r ? /*#__PURE__*/ O(v, {
 		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(f, {
+		children: i?.message ?? g._({ id: "Wca9WC" })
+	}) : e.length === 0 ? /*#__PURE__*/ O(P, { id: "SfW/3r" }) : /*#__PURE__*/ k(D, { children: [/*#__PURE__*/ k(o, {
 		columns: 5,
-		children: [/*#__PURE__*/ O(a, { children: [
-			_._({ id: "6YtxFj" }),
-			_._({ id: "Nu4oKW" }),
-			_._({ id: "0Gd0NU" }),
-			_._({ id: "Jim5X9" }),
+		children: [/*#__PURE__*/ O(n, { children: [
+			g._({ id: "6YtxFj" }),
+			g._({ id: "Nu4oKW" }),
+			g._({ id: "0Gd0NU" }),
+			g._({ id: "Jim5X9" }),
 			""
-		].map((e) => /*#__PURE__*/ O(i, { children: e }, e)) }), e.map((e) => /*#__PURE__*/ O(L, {
+		].map((e) => /*#__PURE__*/ O(s, { children: e }, e)) }), e.map((e) => /*#__PURE__*/ O(L, {
 			securityGroup: e,
-			permissions: s,
+			permissions: c,
 			onEdit: H,
 			onDelete: U,
 			onViewDetails: W,
-			isReadOnly: !!(g && e.project_id && e.project_id !== g)
+			isReadOnly: !!(h && e.project_id && e.project_id !== h)
 		}, e.id))]
 	}), x && /*#__PURE__*/ k(D, { children: [/*#__PURE__*/ O(E, {
 		securityGroup: x,
 		open: w,
 		onClose: G,
 		onUpdate: async (e, t) => {
-			p && await p(e, t);
+			f && await f(e, t);
 		},
-		isLoading: m,
-		error: h
+		isLoading: p,
+		error: m
 	}), /*#__PURE__*/ O(I, {
 		securityGroup: x,
 		isOpen: R,
 		onClose: K,
 		onDelete: (e) => {
-			c && c(e);
+			l && l(e);
 		},
 		isDeleting: u,
 		error: d
@@ -206,8 +206,8 @@ var R = ({ securityGroups: e, isLoading: t, isError: r, error: o, permissions: s
 	name: "",
 	description: "",
 	stateful: !0
-}, B = ({ isOpen: e, onClose: t, onCreate: i, isLoading: a = !1, error: o = null }) => {
-	let { i18n: l, _: f } = F(), [h, v] = M({ ...z }), [x, S] = M({}), C = (e) => {
+}, B = ({ isOpen: e, onClose: n, onCreate: r, isLoading: o = !1, error: s = null }) => {
+	let { i18n: l, _: u } = F(), [_, v] = M({ ...z }), [x, S] = M({}), C = (e) => {
 		let { name: t, value: n, type: r } = e.target, i = e.target.checked;
 		v((e) => ({
 			...e,
@@ -218,93 +218,93 @@ var R = ({ securityGroups: e, isLoading: t, isError: r, error: o, permissions: s
 		});
 	}, w = () => {
 		let e = {};
-		return (!h.name || h.name.trim() === "") && (e.name = l._({ id: "lN/Z9n" })), S(e), Object.keys(e).length === 0;
+		return (!_.name || _.name.trim() === "") && (e.name = l._({ id: "lN/Z9n" })), S(e), Object.keys(e).length === 0;
 	}, T = async (e) => {
-		e.preventDefault(), w() && (await i({
-			name: h.name.trim(),
-			description: h.description.trim() || void 0,
-			stateful: h.stateful
+		e.preventDefault(), w() && (await r({
+			name: _.name.trim(),
+			description: _.description.trim() || void 0,
+			stateful: _.stateful
 		}), E());
 	}, E = () => {
-		v({ ...z }), S({}), t();
+		v({ ...z }), S({}), n();
 	};
-	return /*#__PURE__*/ k(d, {
+	return /*#__PURE__*/ k(g, {
 		open: e,
 		onCancel: E,
 		size: "large",
 		title: l._({ id: "YjAOtb" }),
 		modalFooter: /*#__PURE__*/ O(p, {
 			className: "flex justify-end",
-			children: /*#__PURE__*/ k(g, { children: [/*#__PURE__*/ O(u, {
+			children: /*#__PURE__*/ k(y, { children: [/*#__PURE__*/ O(b, {
 				variant: "default",
 				onClick: E,
-				disabled: a,
+				disabled: o,
 				children: /*#__PURE__*/ O(P, { id: "dEgA5A" })
-			}), /*#__PURE__*/ O(u, {
+			}), /*#__PURE__*/ O(b, {
 				variant: "primary",
 				onClick: (e) => {
 					T(e);
 				},
-				disabled: a,
+				disabled: o,
 				"data-testid": "create-security-group-button",
-				children: a ? /*#__PURE__*/ O(n, { size: "small" }) : /*#__PURE__*/ O(P, { id: "YjAOtb" })
+				children: o ? /*#__PURE__*/ O(a, { size: "small" }) : /*#__PURE__*/ O(P, { id: "YjAOtb" })
 			})] })
 		}),
 		children: [
-			o && /*#__PURE__*/ O(r, {
+			s && /*#__PURE__*/ O(t, {
 				dismissible: !1,
 				variant: "error",
 				className: "mb-4",
-				children: o
+				children: s
 			}),
-			a && /*#__PURE__*/ k("div", {
+			o && /*#__PURE__*/ k("div", {
 				className: "mb-4 flex items-center justify-center gap-2",
-				children: [/*#__PURE__*/ O(n, { variant: "primary" }), /*#__PURE__*/ O("span", {
+				children: [/*#__PURE__*/ O(a, { variant: "primary" }), /*#__PURE__*/ O("span", {
 					className: "text-theme-high text-sm",
 					children: /*#__PURE__*/ O(P, { id: "Km4AGG" })
 				})]
 			}),
-			!a && /*#__PURE__*/ O(b, {
+			!o && /*#__PURE__*/ O(h, {
 				className: "mb-6",
-				children: /*#__PURE__*/ k(y, {
+				children: /*#__PURE__*/ k(i, {
 					className: "mb-6",
 					children: [
-						/*#__PURE__*/ O(s, {
+						/*#__PURE__*/ O(d, {
 							className: "mb-6",
-							children: /*#__PURE__*/ O(_, {
+							children: /*#__PURE__*/ O(c, {
 								id: "name",
 								name: "name",
 								label: l._({ id: "6YtxFj" }),
-								value: h.name,
+								value: _.name,
 								onChange: C,
 								required: !0,
 								errortext: x.name,
 								placeholder: l._({ id: "Ac6dy9" }),
-								disabled: a
+								disabled: o
 							})
 						}),
-						/*#__PURE__*/ O(s, {
+						/*#__PURE__*/ O(d, {
 							className: "mb-6",
-							children: /*#__PURE__*/ O(c, {
+							children: /*#__PURE__*/ O(f, {
 								id: "description",
 								name: "description",
 								label: l._({ id: "Nu4oKW" }),
-								value: h.description,
+								value: _.description,
 								onChange: C,
 								placeholder: l._({ id: "Nu4oKW" }),
-								disabled: a,
+								disabled: o,
 								rows: 3
 							})
 						}),
-						/*#__PURE__*/ O(s, {
+						/*#__PURE__*/ O(d, {
 							className: "mb-0",
 							children: /*#__PURE__*/ O(m, {
 								id: "stateful",
 								name: "stateful",
 								label: l._({ id: "Jim5X9" }),
-								checked: h.stateful,
+								checked: _.stateful,
 								onChange: C,
-								disabled: a
+								disabled: o
 							})
 						})
 					]
@@ -316,7 +316,7 @@ var R = ({ securityGroups: e, isLoading: t, isError: r, error: o, permissions: s
 	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 } = w({
+	let { i18n: e, _: t } = F(), n = N(), r = S(), [i, a] = M(!1), [o, s] = M(null), [c, l] = M(null), [u, d] = M(null), { searchTerm: f, sortSettings: p, filterSettings: m, handleSearchChange: h, handleSortChange: g, handleFilterChange: _ } = w({
 		defaultSortKey: "name",
 		defaultSortDir: "asc",
 		sortOptions: [{
@@ -332,20 +332,20 @@ var R = ({ securityGroups: e, isLoading: t, isError: r, error: o, permissions: s
 			values: Object.values(V),
 			supportsMultiValue: !1
 		}] }
-	}), y = x.useUtils(), b = {
+	}), v = x.useUtils(), y = {
 		canCreate: !0,
 		canUpdate: !0,
 		canDelete: !0,
 		canManageAccess: !0
 	}, { data: E = [], isLoading: D, isError: A, error: j } = x.network.securityGroup.list.useQuery({
 		project_id: r || "",
-		sort_key: m.sortBy,
-		sort_dir: m.sortDirection,
-		...T(h),
-		...p ? { searchTerm: p } : {}
+		sort_key: p.sortBy,
+		sort_dir: p.sortDirection,
+		...T(m),
+		...f ? { searchTerm: f } : {}
 	}, { enabled: !!r }), I = x.network.securityGroup.create.useMutation({
 		onSuccess: (e) => {
-			y.network.securityGroup.list.invalidate(), l(null), n({
+			v.network.securityGroup.list.invalidate(), l(null), n({
 				to: "/projects/$projectId/network/securitygroups/$securityGroupId",
 				params: {
 					projectId: r,
@@ -358,30 +358,30 @@ var R = ({ securityGroups: e, isLoading: t, isError: r, error: o, permissions: s
 		}
 	}), L = x.network.securityGroup.deleteById.useMutation({
 		onSuccess: () => {
-			y.network.securityGroup.list.invalidate(), s(null);
+			v.network.securityGroup.list.invalidate(), s(null);
 		},
 		onError: (t) => {
 			s(t.message || e._({ id: "d0pLfy" }));
 		}
 	}), z = x.network.securityGroup.update.useMutation({
 		onSuccess: () => {
-			y.network.securityGroup.list.invalidate(), f(null);
+			v.network.securityGroup.list.invalidate(), d(null);
 		},
 		onError: (t) => {
-			f(t.message || e._({ id: "jPxavx" }));
+			d(t.message || e._({ id: "jPxavx" }));
 		}
 	});
 	return /*#__PURE__*/ k("div", {
 		className: "relative",
 		children: [
 			/*#__PURE__*/ O(C, {
-				sortSettings: m,
-				filterSettings: h,
-				searchTerm: p,
-				onSort: _,
-				onFilter: v,
-				onSearch: g,
-				actions: b.canCreate && /*#__PURE__*/ O(u, {
+				sortSettings: p,
+				filterSettings: m,
+				searchTerm: f,
+				onSort: g,
+				onFilter: _,
+				onSearch: h,
+				actions: y.canCreate && /*#__PURE__*/ O(b, {
 					onClick: () => a(!0),
 					variant: "primary",
 					children: /*#__PURE__*/ O(P, { id: "YjAOtb" })
@@ -392,7 +392,7 @@ var R = ({ securityGroups: e, isLoading: t, isError: r, error: o, permissions: s
 				isLoading: D,
 				isError: A,
 				error: j,
-				permissions: b,
+				permissions: y,
 				onCreateClick: () => a(!0),
 				onDeleteSecurityGroup: (e) => {
 					s(null), L.mutate({
@@ -403,14 +403,14 @@ var R = ({ securityGroups: e, isLoading: t, isError: r, error: o, permissions: s
 				isDeletingSecurityGroup: L.isPending,
 				deleteError: o,
 				onUpdateSecurityGroup: async (e, t) => {
-					f(null), await z.mutateAsync({
+					d(null), await z.mutateAsync({
 						project_id: r,
 						securityGroupId: e,
 						...t
 					});
 				},
 				isUpdatingSecurityGroup: z.isPending,
-				updateError: d,
+				updateError: u,
 				currentProjectId: r
 			}),
 			/*#__PURE__*/ O(B, {
@@ -432,9 +432,9 @@ var R = ({ securityGroups: e, isLoading: t, isError: r, error: o, permissions: s
 //#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(o, { children: e._({ id: "4opp4r" }) }), /*#__PURE__*/ O(H, {})] });
+	return /*#__PURE__*/ k(D, { children: [/*#__PURE__*/ O(l, { children: e._({ id: "4opp4r" }) }), /*#__PURE__*/ O(H, {})] });
 }
 //#endregion
 export { U as component };
 
-//# sourceMappingURL=securitygroups-CcA2TpAt.mjs.map
+//# sourceMappingURL=securitygroups-n8ujBpJP.mjs.map