@cobaltcore-dev/aurora 0.22.0 → 0.23.0

package/dist/client/projects-DvSiI5Vg.mjs

@@ -1,12 +0,0 @@
-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
-var r = ({ error: r }) => /*#__PURE__*/ t(e, {
-	error: r,
-	safeErrorMessage: r instanceof n ? r.message : void 0
-});
-//#endregion
-export { r as errorComponent };
-
-//# sourceMappingURL=projects-DvSiI5Vg.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"projects-DvSiI5Vg.mjs","names":["RouteError","TRPCClientError","Route","ProjectsContentProps","search","SplitErrorComponent","error","message","undefined","errorComponent"],"sources":["../../src/client/routes/_auth/projects/index.tsx?tsr-split=errorComponent"],"sourcesContent":["import { Suspense } from \"react\"\nimport { ErrorBoundary } from \"react-error-boundary\"\nimport { createFileRoute, 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, Spinner, Stack } from \"@cloudoperators/juno-ui-components\"\nimport { Trans } from \"@lingui/react/macro\"\nimport { z } from \"zod\"\nimport { Slot } from \"@/client/components/Slot\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\n\nconst searchSchema = z.object({\n  search: z.string().optional(),\n})\n\nexport const Route = createFileRoute(\"/_auth/projects/\")({\n  staticData: {\n    analytics: {\n      name: \"projects.list\",\n    },\n  } satisfies RouteInfo,\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})\n\ninterface ProjectsContentProps {\n  search: string\n}\n\nfunction ProjectsContent({ search }: ProjectsContentProps) {\n  const [allProjects] = trpcReact.project.getAuthProjects.useSuspenseQuery()\n\n  const normalizedSearch = search.trim().toLowerCase()\n  const projects =\n    allProjects && normalizedSearch\n      ? allProjects.filter(\n          (project) =>\n            project.name?.toLowerCase().includes(normalizedSearch) ||\n            project.description?.toLowerCase().includes(normalizedSearch)\n        )\n      : allProjects\n\n  return <ProjectCardView projects={projects} />\n}\n\nexport function ProjectsOverview() {\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: (prev) => ({ ...prev, search: value || undefined }), replace: true })\n  }\n\n  return (\n    <Container py>\n      <ContentHeading className=\"pb-4\">\n        <Trans>Projects</Trans>\n      </ContentHeading>\n      {slots?.projectsBanner && (\n        <ErrorBoundary fallbackRender={() => null}>\n          <Suspense fallback={null}>\n            <Slot component={slots.projectsBanner} useShadowDOM={false} />\n          </Suspense>\n        </ErrorBoundary>\n      )}\n      <ProjectsOverviewNavBar searchTerm={search} onSearch={handleSearch} />\n      <div className=\"pt-5\">\n        <ErrorBoundary\n          fallbackRender={({ error }) => (\n            <RouteError error={error} safeErrorMessage={error instanceof TRPCClientError ? error.message : undefined} />\n          )}\n        >\n          <Suspense\n            fallback={\n              <Stack distribution=\"center\" alignment=\"center\" direction=\"vertical\" className=\"py-12\">\n                <Spinner variant=\"primary\" size=\"large\" />\n              </Stack>\n            }\n          >\n            <ProjectsContent search={search} />\n          </Suspense>\n        </ErrorBoundary>\n      </div>\n    </Container>\n  )\n}\n"],"mappings":";;;;AAoCC,IAAAK,KAXkB,EAAEC,eACjB,gBAAC,GAAA;CAAkBA;CAAO,kBAAkBA,aAAiBL,IAAkBK,EAAMC,UAAUC,KAAAA"}

package/dist/client/securitygroups-JMvcJLpb.mjs

@@ -1,440 +0,0 @@
-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-BxcNKnhv.mjs";
-import { t as S } from "./useProjectId-DBc5lpoU.mjs";
-import "./hooks-D0wGUhRF.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-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: 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(g, {
-		open: e,
-		onCancel: v,
-		size: "small",
-		title: s._({
-			id: "Y+2SDm",
-			values: { securityGroupName: h }
-		}),
-		modalFooter: /*#__PURE__*/ O(p, {
-			className: "flex justify-end",
-			children: /*#__PURE__*/ k(y, { children: [/*#__PURE__*/ O(b, {
-				variant: "default",
-				onClick: v,
-				disabled: a,
-				children: /*#__PURE__*/ O(P, { id: "dEgA5A" })
-			}), /*#__PURE__*/ O(b, {
-				variant: "primary-danger",
-				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(t, {
-				dismissible: !1,
-				variant: "error",
-				className: "mt-4",
-				children: o
-			}),
-			/*#__PURE__*/ O(P, { id: "Qb+14I" }),
-			/*#__PURE__*/ k("div", {
-				className: "mt-4",
-				children: [/*#__PURE__*/ O("p", {
-					className: "mb-2 text-sm",
-					children: /*#__PURE__*/ O(P, {
-						id: "hLp49h",
-						values: { deleteWord: f },
-						components: { 0: /*#__PURE__*/ O("strong", {}) }
-					})
-				}), /*#__PURE__*/ O(c, {
-					id: "confirmation",
-					name: "confirmation",
-					value: u,
-					onChange: (e) => d(e.target.value),
-					placeholder: f,
-					disabled: a,
-					autoComplete: "off",
-					"data-testid": "delete-confirmation-input"
-				})]
-			})
-		] })
-	});
-};
-//#endregion
-//#region src/client/routes/_auth/projects/$projectId/network/securitygroups/-components/SecurityGroupTableRow.tsx
-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(n, {
-		"data-testid": `security-group-row-${t.id}`,
-		onClick: p,
-		className: "hover:bg-theme-background-lvl-2 cursor-pointer",
-		children: [
-			/*#__PURE__*/ O(r, { children: /*#__PURE__*/ k("div", { children: [/*#__PURE__*/ O("p", {
-				className: "text-md",
-				children: t.name
-			}), /*#__PURE__*/ O("p", {
-				className: "text-theme-light text-xs",
-				children: t.id
-			})] }) }),
-			/*#__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: t.project_id
-				})
-			] })] }),
-			/*#__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(_, { children: /*#__PURE__*/ k(e, { children: [
-					/*#__PURE__*/ O(u, {
-						label: l._({ id: "v0hPHE" }),
-						onClick: () => p()
-					}),
-					i.canUpdate && !c && /*#__PURE__*/ O(u, {
-						label: l._({ id: "ePK91l" }),
-						onClick: () => a(t)
-					}),
-					i.canDelete && !c && /*#__PURE__*/ O(u, {
-						label: l._({ id: "cnGeoo" }),
-						onClick: () => o(t)
-					})
-				] }) })
-			})
-		]
-	}, t.id);
-}
-//#endregion
-//#region src/client/routes/_auth/projects/$projectId/network/securitygroups/-components/SecurityGroupListContainer.tsx
-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);
-	}, W = (e) => {
-		y({
-			to: "/projects/$projectId/network/securitygroups/$securityGroupId",
-			params: {
-				projectId: b,
-				securityGroupId: e.id
-			}
-		});
-	}, G = () => {
-		C(null), T(!1);
-	}, K = () => {
-		C(null), z(!1);
-	};
-	return A(() => {
-		B.current && !u && R && !d && K(), B.current = u;
-	}, [
-		u,
-		d,
-		R
-	]), A(() => {
-		V.current && !p && w && !m && G(), V.current = p;
-	}, [
-		p,
-		m,
-		w
-	]), t ? /*#__PURE__*/ k(v, {
-		className: "py-8",
-		distribution: "center",
-		alignment: "center",
-		direction: "vertical",
-		children: [/*#__PURE__*/ O(a, {
-			variant: "primary",
-			size: "large",
-			className: "mb-2"
-		}), /*#__PURE__*/ O(P, { id: "Z3FXyt" })]
-	}) : r ? /*#__PURE__*/ O(v, {
-		className: "py-8",
-		distribution: "center",
-		alignment: "center",
-		direction: "vertical",
-		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(n, { children: [
-			g._({ id: "6YtxFj" }),
-			g._({ id: "Nu4oKW" }),
-			g._({ id: "0Gd0NU" }),
-			g._({ id: "Jim5X9" }),
-			""
-		].map((e) => /*#__PURE__*/ O(s, { children: e }, e)) }), e.map((e) => /*#__PURE__*/ O(L, {
-			securityGroup: e,
-			permissions: c,
-			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, {
-		securityGroup: x,
-		open: w,
-		onClose: G,
-		onUpdate: async (e, t) => {
-			f && await f(e, t);
-		},
-		isLoading: p,
-		error: m
-	}), /*#__PURE__*/ O(I, {
-		securityGroup: x,
-		isOpen: R,
-		onClose: K,
-		onDelete: (e) => {
-			l && l(e);
-		},
-		isDeleting: u,
-		error: d
-	})] })] });
-}, z = {
-	name: "",
-	description: "",
-	stateful: !0
-}, 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,
-			[t]: r === "checkbox" ? i : n
-		})), x[t] && S((e) => {
-			let n = { ...e };
-			return delete n[t], n;
-		});
-	}, w = () => {
-		let e = {};
-		return (!_.name || _.name.trim() === "") && (e.name = l._({ id: "lN/Z9n" })), S(e), Object.keys(e).length === 0;
-	}, T = async (e) => {
-		e.preventDefault(), w() && (await r({
-			name: _.name.trim(),
-			description: _.description.trim() || void 0,
-			stateful: _.stateful
-		}), E());
-	}, E = () => {
-		v({ ...z }), S({}), n();
-	};
-	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(y, { children: [/*#__PURE__*/ O(b, {
-				variant: "default",
-				onClick: E,
-				disabled: o,
-				children: /*#__PURE__*/ O(P, { id: "dEgA5A" })
-			}), /*#__PURE__*/ O(b, {
-				variant: "primary",
-				onClick: (e) => {
-					T(e);
-				},
-				disabled: o,
-				"data-testid": "create-security-group-button",
-				children: o ? /*#__PURE__*/ O(a, { size: "small" }) : /*#__PURE__*/ O(P, { id: "YjAOtb" })
-			})] })
-		}),
-		children: [
-			s && /*#__PURE__*/ O(t, {
-				dismissible: !1,
-				variant: "error",
-				className: "mb-4",
-				children: s
-			}),
-			o && /*#__PURE__*/ k("div", {
-				className: "mb-4 flex items-center justify-center gap-2",
-				children: [/*#__PURE__*/ O(a, { variant: "primary" }), /*#__PURE__*/ O("span", {
-					className: "text-theme-high text-sm",
-					children: /*#__PURE__*/ O(P, { id: "Km4AGG" })
-				})]
-			}),
-			!o && /*#__PURE__*/ O(h, {
-				className: "mb-6",
-				children: /*#__PURE__*/ k(i, {
-					className: "mb-6",
-					children: [
-						/*#__PURE__*/ O(d, {
-							className: "mb-6",
-							children: /*#__PURE__*/ O(c, {
-								id: "name",
-								name: "name",
-								label: l._({ id: "6YtxFj" }),
-								value: _.name,
-								onChange: C,
-								required: !0,
-								errortext: x.name,
-								placeholder: l._({ id: "Ac6dy9" }),
-								disabled: o
-							})
-						}),
-						/*#__PURE__*/ O(d, {
-							className: "mb-6",
-							children: /*#__PURE__*/ O(f, {
-								id: "description",
-								name: "description",
-								label: l._({ id: "Nu4oKW" }),
-								value: _.description,
-								onChange: C,
-								placeholder: l._({ id: "Nu4oKW" }),
-								disabled: o,
-								rows: 3
-							})
-						}),
-						/*#__PURE__*/ O(d, {
-							className: "mb-0",
-							children: /*#__PURE__*/ O(m, {
-								id: "stateful",
-								name: "stateful",
-								label: l._({ id: "Jim5X9" }),
-								checked: _.stateful,
-								onChange: C,
-								disabled: o
-							})
-						})
-					]
-				})
-			})
-		]
-	});
-}, V = {
-	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), [u, d] = M(null), { searchTerm: f, sortSettings: p, filterSettings: m, handleSearchChange: h, handleSortChange: g, handleFilterChange: _ } = w({
-		defaultSortKey: "name",
-		defaultSortDir: "asc",
-		sortOptions: [{
-			label: e._({ id: "6YtxFj" }),
-			value: "name"
-		}, {
-			label: e._({ id: "podzPY" }),
-			value: "project_id"
-		}],
-		filterSettings: { filters: [{
-			displayName: e._({ id: "0Gd0NU" }),
-			filterName: "shared",
-			values: Object.values(V),
-			supportsMultiValue: !1
-		}] }
-	}), 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: p.sortBy,
-		sort_dir: p.sortDirection,
-		...T(m),
-		...f ? { searchTerm: f } : {}
-	}, { enabled: !!r }), I = x.network.securityGroup.create.useMutation({
-		onSuccess: (e) => {
-			v.network.securityGroup.list.invalidate(), l(null), n({
-				to: "/projects/$projectId/network/securitygroups/$securityGroupId",
-				params: {
-					projectId: r,
-					securityGroupId: e.id
-				}
-			});
-		},
-		onError: (t) => {
-			l(t.message || e._({ id: "o6M6l0" }));
-		}
-	}), L = x.network.securityGroup.deleteById.useMutation({
-		onSuccess: () => {
-			v.network.securityGroup.list.invalidate(), s(null);
-		},
-		onError: (t) => {
-			s(t.message || e._({ id: "d0pLfy" }));
-		}
-	}), z = x.network.securityGroup.update.useMutation({
-		onSuccess: () => {
-			v.network.securityGroup.list.invalidate(), d(null);
-		},
-		onError: (t) => {
-			d(t.message || e._({ id: "jPxavx" }));
-		}
-	});
-	return /*#__PURE__*/ k("div", {
-		className: "relative",
-		children: [
-			/*#__PURE__*/ O(C, {
-				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" })
-				})
-			}),
-			/*#__PURE__*/ O(R, {
-				securityGroups: E,
-				isLoading: D,
-				isError: A,
-				error: j,
-				permissions: y,
-				onCreateClick: () => a(!0),
-				onDeleteSecurityGroup: (e) => {
-					s(null), L.mutate({
-						project_id: r,
-						securityGroupId: e
-					});
-				},
-				isDeletingSecurityGroup: L.isPending,
-				deleteError: o,
-				onUpdateSecurityGroup: async (e, t) => {
-					d(null), await z.mutateAsync({
-						project_id: r,
-						securityGroupId: e,
-						...t
-					});
-				},
-				isUpdatingSecurityGroup: z.isPending,
-				updateError: u,
-				currentProjectId: r
-			}),
-			/*#__PURE__*/ O(B, {
-				isOpen: i,
-				onClose: () => a(!1),
-				onCreate: async (e) => {
-					l(null), await I.mutateAsync({
-						project_id: r,
-						...e
-					});
-				},
-				isLoading: I.isPending,
-				error: c
-			})
-		]
-	});
-};
-//#endregion
-//#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(l, { children: e._({ id: "4opp4r" }) }), /*#__PURE__*/ O(H, {})] });
-}
-//#endregion
-export { U as component };
-
-//# sourceMappingURL=securitygroups-JMvcJLpb.mjs.map

package/dist/client/securitygroups-JMvcJLpb.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"securitygroups-JMvcJLpb.mjs","names":["React","useState","Modal","Button","ModalFooter","ButtonRow","Message","TextInput","DeleteSecurityGroupDialog","isOpen","onClose","securityGroup","onDelete","isDeleting","error","useLingui","confirmationText","setConfirmationText","deleteWord","t","isDeleteEnabled","toLowerCase","securityGroupName","name","id","handleDelete","e","preventDefault","handleClose","open","onCancel","size","title","modalFooter","className","variant","onClick","disabled","data-testid","div","dismissible","p","strong","value","onChange","target","placeholder","autoComplete","DataGridCell","DataGridRow","PopupMenu","PopupMenuItem","PopupMenuOptions","SecurityGroupTableRow","securityGroup","sg","permissions","onEdit","onDelete","onViewDetails","isReadOnly","useLingui","BooleanValue","value","span","t","handleShowDetails","data-testid","id","onClick","className","div","p","name","description","shared","project_id","stateful","e","stopPropagation","label","canUpdate","canDelete","useState","useEffect","useRef","DataGrid","DataGridHeadCell","DataGridRow","Stack","Spinner","useNavigate","useProjectId","EditSecurityGroupModal","DeleteSecurityGroupDialog","SecurityGroupTableRow","SecurityGroupListContainer","securityGroups","isLoading","isError","error","permissions","onDeleteSecurityGroup","isDeletingSecurityGroup","deleteError","onUpdateSecurityGroup","isUpdatingSecurityGroup","updateError","currentProjectId","useLingui","navigate","projectId","selectedSecurityGroup","setSelectedSecurityGroup","editModalOpen","setEditModalOpen","deleteDialogOpen","setDeleteDialogOpen","prevIsDeletingRef","prevIsUpdatingRef","handleEdit","sg","handleDelete","handleViewDetails","to","params","securityGroupId","id","closeEditModal","closeDeleteDialog","deletionJustFinished","current","updateJustFinished","className","distribution","alignment","direction","variant","size","message","t","length","columns","map","label","isReadOnly","Boolean","project_id","securityGroup","onEdit","onDelete","onViewDetails","open","onClose","onUpdate","data","isOpen","isDeleting","React","useState","Modal","Form","FormRow","FormSection","TextInput","Checkbox","Button","ButtonRow","Spinner","ModalFooter","Textarea","Message","defaultSecurityGroupValues","name","description","stateful","CreateSecurityGroupModal","isOpen","onClose","onCreate","isLoading","error","useLingui","properties","setProperties","errors","setErrors","handleInputChange","e","value","type","target","checked","prev","newErrors","validateForm","trim","t","Object","keys","length","handleSubmit","preventDefault","securityGroupData","undefined","handleClose","open","onCancel","size","title","modalFooter","className","variant","onClick","disabled","data-testid","dismissible","div","span","id","label","onChange","required","errortext","placeholder","rows","useState","useNavigate","Button","trpcReact","ListToolbar","buildFilterParams","useListWithFiltering","useProjectId","SecurityGroupListContainer","CreateSecurityGroupModal","SECURITY_GROUP_SHARED","TRUE","FALSE","SecurityGroups","useLingui","navigate","projectId","createModalOpen","setCreateModalOpen","deleteError","setDeleteError","createError","setCreateError","updateError","setUpdateError","searchTerm","sortSettings","filterSettings","handleSearchChange","handleSortChange","handleFilterChange","defaultSortKey","defaultSortDir","sortOptions","label","t","value","filters","displayName","filterName","values","Object","supportsMultiValue","utils","useUtils","permissions","canCreate","canUpdate","canDelete","canManageAccess","data","securityGroups","isLoading","isError","error","network","securityGroup","list","useQuery","project_id","sort_key","sortBy","sort_dir","sortDirection","enabled","createSecurityGroupMutation","create","useMutation","onSuccess","createdSecurityGroup","invalidate","to","params","securityGroupId","id","onError","message","deleteSecurityGroupMutation","deleteById","updateSecurityGroupMutation","update","handleCreateSecurityGroup","securityGroupData","mutateAsync","handleDeleteSecurityGroup","mutate","handleUpdateSecurityGroup","div","className","onSort","onFilter","onSearch","actions","onClick","variant","onCreateClick","onDeleteSecurityGroup","isDeletingSecurityGroup","isPending","onUpdateSecurityGroup","isUpdatingSecurityGroup","currentProjectId","isOpen","onClose","onCreate","useLingui","SecurityGroups","ContentHeading","Route","RouteComponent","t","component"],"sources":["../../src/client/routes/_auth/projects/$projectId/network/securitygroups/-components/-modals/DeleteSecurityGroupDialog.tsx","../../src/client/routes/_auth/projects/$projectId/network/securitygroups/-components/SecurityGroupTableRow.tsx","../../src/client/routes/_auth/projects/$projectId/network/securitygroups/-components/SecurityGroupListContainer.tsx","../../src/client/routes/_auth/projects/$projectId/network/securitygroups/-components/-modals/CreateSecurityGroupModal.tsx","../../src/client/routes/_auth/projects/$projectId/network/securitygroups/-components/SecurityGroupsList.tsx","../../src/client/routes/_auth/projects/$projectId/network/securitygroups/index.tsx?tsr-split=component"],"sourcesContent":["import React, { useState } from \"react\"\nimport { Modal, Button, ModalFooter, ButtonRow, Message, TextInput } from \"@cloudoperators/juno-ui-components\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport type { SecurityGroup } from \"@/server/Network/types/securityGroup\"\n\ninterface DeleteSecurityGroupDialogProps {\n  isOpen: boolean\n  securityGroup: SecurityGroup\n  onClose: () => void\n  onDelete: (securityGroupId: string) => void\n  isDeleting?: boolean\n  error?: string | null\n}\n\nexport const DeleteSecurityGroupDialog: React.FC<DeleteSecurityGroupDialogProps> = ({\n  isOpen,\n  onClose,\n  securityGroup,\n  onDelete,\n  isDeleting = false,\n  error = null,\n}) => {\n  const { t } = useLingui()\n  const [confirmationText, setConfirmationText] = useState(\"\")\n\n  const deleteWord = t`delete`\n  const isDeleteEnabled = confirmationText.toLowerCase() === deleteWord.toLowerCase()\n  const securityGroupName = securityGroup.name || securityGroup.id\n\n  const handleDelete = (e: React.MouseEvent<HTMLElement>) => {\n    e.preventDefault()\n    if (isDeleteEnabled && !isDeleting) {\n      onDelete(securityGroup.id)\n    }\n  }\n\n  const handleClose = () => {\n    setConfirmationText(\"\")\n    onClose()\n  }\n\n  return (\n    <Modal\n      open={isOpen}\n      onCancel={handleClose}\n      size=\"small\"\n      title={t`Delete Security Group \"${securityGroupName}\"`}\n      modalFooter={\n        <ModalFooter className=\"flex justify-end\">\n          <ButtonRow>\n            <Button variant=\"default\" onClick={handleClose} disabled={isDeleting}>\n              <Trans>Cancel</Trans>\n            </Button>\n            <Button\n              variant=\"primary-danger\"\n              onClick={handleDelete}\n              disabled={!isDeleteEnabled || isDeleting}\n              data-testid=\"confirm-delete-button\"\n            >\n              {isDeleting ? <Trans>Deleting...</Trans> : <Trans>Delete</Trans>}\n            </Button>\n          </ButtonRow>\n        </ModalFooter>\n      }\n    >\n      <div>\n        {/* Error Message */}\n        {error && (\n          <Message dismissible={false} variant=\"error\" className=\"mt-4\">\n            {error}\n          </Message>\n        )}\n\n        {/* Warning */}\n        <Trans>This action cannot be undone. The security group will be permanently deleted.</Trans>\n\n        {/* Confirmation Input */}\n        <div className=\"mt-4\">\n          <p className=\"mb-2 text-sm\">\n            <Trans>\n              Type <strong>{deleteWord}</strong> to confirm:\n            </Trans>\n          </p>\n          <TextInput\n            id=\"confirmation\"\n            name=\"confirmation\"\n            value={confirmationText}\n            onChange={(e) => setConfirmationText(e.target.value)}\n            placeholder={deleteWord}\n            disabled={isDeleting}\n            autoComplete=\"off\"\n            data-testid=\"delete-confirmation-input\"\n          />\n        </div>\n      </div>\n    </Modal>\n  )\n}\n","import {\n  DataGridCell,\n  DataGridRow,\n  PopupMenu,\n  PopupMenuItem,\n  PopupMenuOptions,\n} from \"@cloudoperators/juno-ui-components\"\nimport { useLingui, Trans } from \"@lingui/react/macro\"\nimport type { SecurityGroup } from \"@/server/Network/types/securityGroup\"\n\nexport interface SecurityGroupPermissions {\n  canCreate: boolean\n  canUpdate: boolean\n  canDelete: boolean\n  canManageAccess: boolean\n}\n\ninterface SecurityGroupTableRowProps {\n  securityGroup: SecurityGroup\n  permissions: SecurityGroupPermissions\n  onEdit: (sg: SecurityGroup) => void\n  onDelete: (sg: SecurityGroup) => void\n  onViewDetails?: (sg: SecurityGroup) => void\n  isReadOnly?: boolean\n}\n\nexport function SecurityGroupTableRow({\n  securityGroup: sg,\n  permissions,\n  onEdit,\n  onDelete,\n  onViewDetails,\n  isReadOnly = false,\n}: SecurityGroupTableRowProps) {\n  const { t } = useLingui()\n\n  const BooleanValue = ({ value }: { value: boolean | undefined }) => <span>{value ? t`Yes` : t`No`}</span>\n\n  const handleShowDetails = () => {\n    if (onViewDetails) {\n      onViewDetails(sg)\n    }\n  }\n\n  return (\n    <DataGridRow\n      key={sg.id}\n      data-testid={`security-group-row-${sg.id}`}\n      onClick={handleShowDetails}\n      className=\"hover:bg-theme-background-lvl-2 cursor-pointer\"\n    >\n      <DataGridCell>\n        <div>\n          <p className=\"text-md\">{sg.name}</p>\n          <p className=\"text-theme-light text-xs\">{sg.id}</p>\n        </div>\n      </DataGridCell>\n      <DataGridCell>{sg.description || t`—`}</DataGridCell>\n      <DataGridCell>\n        <BooleanValue value={sg.shared} />\n        {sg.shared && (\n          <p>\n            <Trans>Owner</Trans>: <span className=\"text-theme-light text-xs\">{sg.project_id}</span>\n          </p>\n        )}\n      </DataGridCell>\n      <DataGridCell>\n        <BooleanValue value={sg.stateful} />\n      </DataGridCell>\n      <DataGridCell onClick={(e) => e.stopPropagation()} className=\"items-end justify-end pr-0\">\n        <PopupMenu>\n          <PopupMenuOptions>\n            <PopupMenuItem label={t`Show Details`} onClick={() => handleShowDetails()} />\n            {permissions.canUpdate && !isReadOnly && <PopupMenuItem label={t`Edit`} onClick={() => onEdit(sg)} />}\n            {permissions.canDelete && !isReadOnly && <PopupMenuItem label={t`Delete`} onClick={() => onDelete(sg)} />}\n          </PopupMenuOptions>\n        </PopupMenu>\n      </DataGridCell>\n    </DataGridRow>\n  )\n}\n","import { useState, useEffect, useRef } from \"react\"\nimport { DataGrid, DataGridHeadCell, DataGridRow, Stack, Spinner } from \"@cloudoperators/juno-ui-components\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { useNavigate } from \"@tanstack/react-router\"\nimport { useProjectId } from \"@/client/hooks\"\nimport type { SecurityGroup } from \"@/server/Network/types/securityGroup\"\nimport type { UpdateSecurityGroupInput } from \"@/server/Network/types/securityGroup\"\nimport { EditSecurityGroupModal } from \"./-modals/EditSecurityGroupModal\"\nimport { DeleteSecurityGroupDialog } from \"./-modals/DeleteSecurityGroupDialog\"\nimport { SecurityGroupTableRow, type SecurityGroupPermissions } from \"./SecurityGroupTableRow\"\n\ninterface SecurityGroupListContainerProps {\n  securityGroups: SecurityGroup[]\n  isLoading: boolean\n  isError: boolean\n  error: { message?: string } | null\n  permissions: SecurityGroupPermissions\n  onCreateClick?: () => void\n  onDeleteSecurityGroup?: (securityGroupId: string) => void\n  isDeletingSecurityGroup?: boolean\n  deleteError?: string | null\n  onUpdateSecurityGroup?: (\n    securityGroupId: string,\n    data: Omit<UpdateSecurityGroupInput, \"securityGroupId\" | \"project_id\">\n  ) => void\n  isUpdatingSecurityGroup?: boolean\n  updateError?: string | null\n  currentProjectId?: string\n}\n\nexport const SecurityGroupListContainer = ({\n  securityGroups,\n  isLoading,\n  isError,\n  error,\n  permissions,\n  onDeleteSecurityGroup,\n  isDeletingSecurityGroup = false,\n  deleteError = null,\n  onUpdateSecurityGroup,\n  isUpdatingSecurityGroup = false,\n  updateError = null,\n  currentProjectId,\n}: SecurityGroupListContainerProps) => {\n  const { t } = useLingui()\n  const navigate = useNavigate()\n  const projectId = useProjectId()\n  const [selectedSecurityGroup, setSelectedSecurityGroup] = useState<SecurityGroup | null>(null)\n  const [editModalOpen, setEditModalOpen] = useState(false)\n  const [deleteDialogOpen, setDeleteDialogOpen] = useState(false)\n  const prevIsDeletingRef = useRef<boolean>(false)\n  const prevIsUpdatingRef = useRef<boolean>(false)\n\n  const handleEdit = (sg: SecurityGroup) => {\n    setSelectedSecurityGroup(sg)\n    setEditModalOpen(true)\n  }\n\n  const handleDelete = (sg: SecurityGroup) => {\n    setSelectedSecurityGroup(sg)\n    setDeleteDialogOpen(true)\n  }\n\n  const handleViewDetails = (sg: SecurityGroup) => {\n    navigate({\n      to: \"/projects/$projectId/network/securitygroups/$securityGroupId\",\n      params: { projectId, securityGroupId: sg.id },\n    })\n  }\n\n  const closeEditModal = () => {\n    setSelectedSecurityGroup(null)\n    setEditModalOpen(false)\n  }\n\n  const closeDeleteDialog = () => {\n    setSelectedSecurityGroup(null)\n    setDeleteDialogOpen(false)\n  }\n\n  // Close delete dialog when deletion completes successfully\n  useEffect(() => {\n    // Check if deletion just finished (was deleting before, now not deleting)\n    const deletionJustFinished = prevIsDeletingRef.current && !isDeletingSecurityGroup\n\n    // Close dialog if deletion just finished and there's no error\n    if (deletionJustFinished && deleteDialogOpen && !deleteError) {\n      closeDeleteDialog()\n    }\n\n    // Update the ref for next render\n    prevIsDeletingRef.current = isDeletingSecurityGroup\n  }, [isDeletingSecurityGroup, deleteError, deleteDialogOpen])\n\n  // Close edit modal when update completes successfully\n  useEffect(() => {\n    // Check if update just finished (was updating before, now not updating)\n    const updateJustFinished = prevIsUpdatingRef.current && !isUpdatingSecurityGroup\n\n    // Close modal if update just finished and there's no error\n    if (updateJustFinished && editModalOpen && !updateError) {\n      closeEditModal()\n    }\n\n    // Update the ref for next render\n    prevIsUpdatingRef.current = isUpdatingSecurityGroup\n  }, [isUpdatingSecurityGroup, updateError, editModalOpen])\n\n  // Loading state\n  if (isLoading) {\n    return (\n      <Stack className=\"py-8\" distribution=\"center\" alignment=\"center\" direction=\"vertical\">\n        <Spinner variant=\"primary\" size=\"large\" className=\"mb-2\" />\n        <Trans>Loading...</Trans>\n      </Stack>\n    )\n  }\n\n  // Error state\n  if (isError) {\n    return (\n      <Stack className=\"py-8\" distribution=\"center\" alignment=\"center\" direction=\"vertical\">\n        {error?.message ?? t`Failed to load security groups`}\n      </Stack>\n    )\n  }\n\n  // Empty state\n  if (securityGroups.length === 0) {\n    return <Trans>There are no groups</Trans>\n  }\n\n  return (\n    <>\n      <DataGrid columns={5}>\n        <DataGridRow>\n          {[t`Name`, t`Description`, t`Shared`, t`Stateful`, \"\"].map((label) => (\n            <DataGridHeadCell key={label}>{label}</DataGridHeadCell>\n          ))}\n        </DataGridRow>\n        {securityGroups.map((sg) => {\n          // Compute isReadOnly only when the security group has an explicit project owner\n          const isReadOnly = Boolean(currentProjectId && sg.project_id && sg.project_id !== currentProjectId)\n\n          return (\n            <SecurityGroupTableRow\n              key={sg.id}\n              securityGroup={sg}\n              permissions={permissions}\n              onEdit={handleEdit}\n              onDelete={handleDelete}\n              onViewDetails={handleViewDetails}\n              isReadOnly={isReadOnly}\n            />\n          )\n        })}\n      </DataGrid>\n\n      {selectedSecurityGroup && (\n        <>\n          <EditSecurityGroupModal\n            securityGroup={selectedSecurityGroup}\n            open={editModalOpen}\n            onClose={closeEditModal}\n            onUpdate={async (id, data) => {\n              if (onUpdateSecurityGroup) {\n                await onUpdateSecurityGroup(id, data)\n              }\n            }}\n            isLoading={isUpdatingSecurityGroup}\n            error={updateError}\n          />\n          <DeleteSecurityGroupDialog\n            securityGroup={selectedSecurityGroup}\n            isOpen={deleteDialogOpen}\n            onClose={closeDeleteDialog}\n            onDelete={(id) => {\n              if (onDeleteSecurityGroup) {\n                onDeleteSecurityGroup(id)\n              }\n            }}\n            isDeleting={isDeletingSecurityGroup}\n            error={deleteError}\n          />\n        </>\n      )}\n    </>\n  )\n}\n","import React, { useState } from \"react\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport {\n  Modal,\n  Form,\n  FormRow,\n  FormSection,\n  TextInput,\n  Checkbox,\n  Button,\n  ButtonRow,\n  Spinner,\n  ModalFooter,\n  Textarea,\n  Message,\n} from \"@cloudoperators/juno-ui-components\"\nimport { CreateSecurityGroupInput } from \"@/server/Network/types/securityGroup\"\n\ninterface CreateSecurityGroupModalProps {\n  isOpen: boolean\n  onClose: () => void\n  onCreate: (securityGroupData: Omit<CreateSecurityGroupInput, \"project_id\">) => Promise<void>\n  isLoading?: boolean\n  error?: string | null\n}\n\ninterface SecurityGroupProperties {\n  name: string\n  description: string\n  stateful: boolean\n}\n\nconst defaultSecurityGroupValues: SecurityGroupProperties = {\n  name: \"\",\n  description: \"\",\n  stateful: true,\n}\n\nexport const CreateSecurityGroupModal: React.FC<CreateSecurityGroupModalProps> = ({\n  isOpen,\n  onClose,\n  onCreate,\n  isLoading = false,\n  error = null,\n}) => {\n  const { t } = useLingui()\n\n  const [properties, setProperties] = useState<SecurityGroupProperties>({ ...defaultSecurityGroupValues })\n  const [errors, setErrors] = useState<{ [key: string]: string }>({})\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n    const { name, value, type } = e.target\n    const checked = (e.target as HTMLInputElement).checked\n\n    setProperties((prev) => ({\n      ...prev,\n      [name]: type === \"checkbox\" ? checked : value,\n    }))\n\n    if (errors[name]) {\n      setErrors((prev) => {\n        const newErrors = { ...prev }\n        delete newErrors[name]\n        return newErrors\n      })\n    }\n  }\n\n  const validateForm = (): boolean => {\n    const newErrors: { [key: string]: string } = {}\n\n    if (!properties.name || properties.name.trim() === \"\") {\n      newErrors.name = t`Security group name is required`\n    }\n\n    setErrors(newErrors)\n    return Object.keys(newErrors).length === 0\n  }\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault()\n\n    if (!validateForm()) {\n      return\n    }\n\n    const securityGroupData: Omit<CreateSecurityGroupInput, \"project_id\"> = {\n      name: properties.name.trim(),\n      description: properties.description.trim() || undefined,\n      stateful: properties.stateful,\n    }\n\n    await onCreate(securityGroupData)\n    handleClose()\n  }\n\n  const handleClose = () => {\n    setProperties({ ...defaultSecurityGroupValues })\n    setErrors({})\n    onClose()\n  }\n\n  return (\n    <Modal\n      open={isOpen}\n      onCancel={handleClose}\n      size=\"large\"\n      title={t`Create Security Group`}\n      modalFooter={\n        <ModalFooter className=\"flex justify-end\">\n          <ButtonRow>\n            <Button variant=\"default\" onClick={handleClose} disabled={isLoading}>\n              <Trans>Cancel</Trans>\n            </Button>\n            <Button\n              variant=\"primary\"\n              onClick={(e) => {\n                handleSubmit(e)\n              }}\n              disabled={isLoading}\n              data-testid=\"create-security-group-button\"\n            >\n              {isLoading ? <Spinner size=\"small\" /> : <Trans>Create Security Group</Trans>}\n            </Button>\n          </ButtonRow>\n        </ModalFooter>\n      }\n    >\n      {/* Error Message */}\n      {error && (\n        <Message dismissible={false} variant=\"error\" className=\"mb-4\">\n          {error}\n        </Message>\n      )}\n\n      {isLoading && (\n        <div className=\"mb-4 flex items-center justify-center gap-2\">\n          <Spinner variant=\"primary\" />\n          <span className=\"text-theme-high text-sm\">\n            <Trans>Creating security group...</Trans>\n          </span>\n        </div>\n      )}\n\n      {!isLoading && (\n        <Form className=\"mb-6\">\n          <FormSection className=\"mb-6\">\n            <FormRow className=\"mb-6\">\n              <TextInput\n                id=\"name\"\n                name=\"name\"\n                label={t`Name`}\n                value={properties.name}\n                onChange={handleInputChange}\n                required\n                errortext={errors.name}\n                placeholder={t`Type name`}\n                disabled={isLoading}\n              />\n            </FormRow>\n\n            <FormRow className=\"mb-6\">\n              <Textarea\n                id=\"description\"\n                name=\"description\"\n                label={t`Description`}\n                value={properties.description}\n                onChange={handleInputChange}\n                placeholder={t`Description`}\n                disabled={isLoading}\n                rows={3}\n              />\n            </FormRow>\n\n            <FormRow className=\"mb-0\">\n              <Checkbox\n                id=\"stateful\"\n                name=\"stateful\"\n                label={t`Stateful`}\n                checked={properties.stateful}\n                onChange={handleInputChange}\n                disabled={isLoading}\n              />\n            </FormRow>\n          </FormSection>\n        </Form>\n      )}\n    </Modal>\n  )\n}\n","import { useState } from \"react\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { useNavigate } from \"@tanstack/react-router\"\nimport { Button } from \"@cloudoperators/juno-ui-components\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { ListToolbar } from \"@/client/components/ListToolbar\"\nimport { buildFilterParams } from \"@/client/utils/buildFilterParams\"\nimport { useListWithFiltering } from \"@/client/utils/useListWithFiltering\"\nimport { useProjectId } from \"@/client/hooks\"\nimport { SecurityGroupListContainer } from \"./SecurityGroupListContainer\"\nimport { CreateSecurityGroupModal } from \"./-modals/CreateSecurityGroupModal\"\nimport { CreateSecurityGroupInput, UpdateSecurityGroupInput } from \"@/server/Network/types/securityGroup\"\n\n// Security group shared filter constants\nconst SECURITY_GROUP_SHARED = {\n  TRUE: \"true\",\n  FALSE: \"false\",\n} as const\n\ntype SecurityGroupSortKey = \"name\" | \"project_id\"\n\nexport const SecurityGroups = () => {\n  const { t } = useLingui()\n  const navigate = useNavigate()\n  const projectId = useProjectId()\n\n  const [createModalOpen, setCreateModalOpen] = useState(false)\n  const [deleteError, setDeleteError] = useState<string | null>(null)\n  const [createError, setCreateError] = useState<string | null>(null)\n  const [updateError, setUpdateError] = useState<string | null>(null)\n\n  const { searchTerm, sortSettings, filterSettings, handleSearchChange, handleSortChange, handleFilterChange } =\n    useListWithFiltering<SecurityGroupSortKey>({\n      defaultSortKey: \"name\",\n      defaultSortDir: \"asc\",\n      sortOptions: [\n        { label: t`Name`, value: \"name\" },\n        { label: t`Project id`, value: \"project_id\" },\n      ],\n      filterSettings: {\n        filters: [\n          {\n            displayName: t`Shared`,\n            filterName: \"shared\",\n            values: Object.values(SECURITY_GROUP_SHARED),\n            supportsMultiValue: false,\n          },\n        ],\n      },\n    })\n\n  const utils = trpcReact.useUtils()\n\n  // TODO: replace with trpc.network.canUser when security group permissions are available\n  const permissions = {\n    canCreate: true,\n    canUpdate: true,\n    canDelete: true,\n    canManageAccess: true,\n  }\n\n  const {\n    data: securityGroups = [],\n    isLoading,\n    isError,\n    error,\n  } = trpcReact.network.securityGroup.list.useQuery(\n    {\n      project_id: projectId || \"\",\n      sort_key: sortSettings.sortBy,\n      sort_dir: sortSettings.sortDirection,\n      ...buildFilterParams(filterSettings),\n      ...(searchTerm ? { searchTerm } : {}),\n    },\n    {\n      enabled: !!projectId,\n    }\n  )\n\n  const createSecurityGroupMutation = trpcReact.network.securityGroup.create.useMutation({\n    onSuccess: (createdSecurityGroup) => {\n      // Invalidate and refetch the security groups list\n      utils.network.securityGroup.list.invalidate()\n      setCreateError(null)\n\n      // Navigate to the details page of the newly created security group\n      navigate({\n        to: \"/projects/$projectId/network/securitygroups/$securityGroupId\",\n        params: {\n          projectId,\n          securityGroupId: createdSecurityGroup.id,\n        },\n      })\n    },\n    onError: (error) => {\n      // Backend handles error parsing, just display the message\n      setCreateError(error.message || t`Failed to create security group`)\n    },\n  })\n\n  const deleteSecurityGroupMutation = trpcReact.network.securityGroup.deleteById.useMutation({\n    onSuccess: () => {\n      // Invalidate and refetch the security groups list\n      utils.network.securityGroup.list.invalidate()\n      setDeleteError(null)\n    },\n    onError: (error) => {\n      // Backend handles error parsing, just display the message\n      setDeleteError(error.message || t`Failed to delete security group`)\n    },\n  })\n\n  const updateSecurityGroupMutation = trpcReact.network.securityGroup.update.useMutation({\n    onSuccess: () => {\n      // Invalidate and refetch the security groups list\n      utils.network.securityGroup.list.invalidate()\n      setUpdateError(null)\n    },\n    onError: (error) => {\n      // Backend handles error parsing, just display the message\n      setUpdateError(error.message || t`Failed to update security group`)\n    },\n  })\n\n  const handleCreateSecurityGroup = async (securityGroupData: Omit<CreateSecurityGroupInput, \"project_id\">) => {\n    setCreateError(null)\n    await createSecurityGroupMutation.mutateAsync({ project_id: projectId, ...securityGroupData })\n  }\n\n  const handleDeleteSecurityGroup = (securityGroupId: string) => {\n    setDeleteError(null)\n    deleteSecurityGroupMutation.mutate({ project_id: projectId, securityGroupId })\n  }\n\n  const handleUpdateSecurityGroup = async (\n    securityGroupId: string,\n    data: Omit<UpdateSecurityGroupInput, \"securityGroupId\" | \"project_id\">\n  ) => {\n    setUpdateError(null)\n    await updateSecurityGroupMutation.mutateAsync({ project_id: projectId, securityGroupId, ...data })\n  }\n\n  return (\n    <div className=\"relative\">\n      <ListToolbar\n        sortSettings={sortSettings}\n        filterSettings={filterSettings}\n        searchTerm={searchTerm}\n        onSort={handleSortChange}\n        onFilter={handleFilterChange}\n        onSearch={handleSearchChange}\n        actions={\n          permissions.canCreate && (\n            <Button onClick={() => setCreateModalOpen(true)} variant=\"primary\">\n              <Trans>Create Security Group</Trans>\n            </Button>\n          )\n        }\n      />\n\n      <SecurityGroupListContainer\n        securityGroups={securityGroups}\n        isLoading={isLoading}\n        isError={isError}\n        error={error}\n        permissions={permissions}\n        onCreateClick={() => setCreateModalOpen(true)}\n        onDeleteSecurityGroup={handleDeleteSecurityGroup}\n        isDeletingSecurityGroup={deleteSecurityGroupMutation.isPending}\n        deleteError={deleteError}\n        onUpdateSecurityGroup={handleUpdateSecurityGroup}\n        isUpdatingSecurityGroup={updateSecurityGroupMutation.isPending}\n        updateError={updateError}\n        currentProjectId={projectId}\n      />\n\n      <CreateSecurityGroupModal\n        isOpen={createModalOpen}\n        onClose={() => setCreateModalOpen(false)}\n        onCreate={handleCreateSecurityGroup}\n        isLoading={createSecurityGroupMutation.isPending}\n        error={createError}\n      />\n    </div>\n  )\n}\n","import { createFileRoute } from \"@tanstack/react-router\"\nimport { t } from \"@lingui/core/macro\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport { SecurityGroups } from \"./-components/SecurityGroupsList\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { ContentHeading } from \"@cloudoperators/juno-ui-components\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/network/securitygroups/\")({\n  staticData: {\n    section: \"network\",\n    service: \"securitygroups\",\n    analytics: {\n      name: \"network.securitygroups.list\",\n    },\n    sectionCrumb: { labelKey: \"Network\" },\n    crumb: { labelKey: \"Security Groups\" },\n  } satisfies RouteInfo,\n  head: () => ({ meta: [{ title: t`Security Groups` }] }),\n  component: RouteComponent,\n})\n\nfunction RouteComponent() {\n  const { t } = useLingui()\n  return (\n    <>\n      <ContentHeading>{t`Security Groups`}</ContentHeading>\n      <SecurityGroups />\n    </>\n  )\n}\n"],"mappings":"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"}

package/dist/client/trpcClient-BxcNKnhv.mjs

@@ -1,65 +0,0 @@
-import { createTRPCReact as e } from "@trpc/react-query";
-import { createTRPCClient as t, httpBatchLink as n, httpBatchStreamLink as r, httpLink as i, httpSubscriptionLink as a, isNonJsonSerializable as o, splitLink as s } from "@trpc/client";
-//#region src/client/trpcClient.ts
-var c = {
-	token: null,
-	pending: null,
-	async getHeaders() {
-		if (this.token) return { "x-csrf-token": this.token };
-		this.pending ||= fetch("/csrf-token").then((e) => e.json()).then(({ csrfToken: e }) => (this.token = e, this.pending = null, e)).catch((e) => (this.pending = null, console.error("Failed to fetch CSRF token:", e), null));
-		let e = await this.pending;
-		return e ? { "x-csrf-token": e } : {};
-	},
-	invalidate() {
-		this.token = null;
-	}
-}, l = new Set(["storage.swift.downloadObject", "storage.ceph.objects.downloadObject"]), u = { bffEndpoint: "/polaris-bff" };
-function d(e) {
-	u.bffEndpoint = e;
-}
-var f = () => [s({
-	condition: (e) => e.type === "subscription",
-	true: a({
-		url: u.bffEndpoint,
-		eventSourceOptions: async () => ({ headers: await c.getHeaders() })
-	}),
-	false: s({
-		condition: (e) => o(e.input),
-		true: i({
-			url: u.bffEndpoint,
-			async headers({ op: e }) {
-				let t = await c.getHeaders(), n = e.context?.headers ?? {};
-				return {
-					...t,
-					...n
-				};
-			}
-		}),
-		false: s({
-			condition: (e) => l.has(e.path),
-			true: r({
-				url: u.bffEndpoint,
-				async headers() {
-					return c.getHeaders();
-				}
-			}),
-			false: n({
-				url: u.bffEndpoint,
-				async headers() {
-					return c.getHeaders();
-				}
-			})
-		})
-	})
-})], p = e(), m = {
-	react: null,
-	vanilla: null
-}, h = new Proxy({}, { get(e, t) {
-	return m.react ||= p.createClient({ links: f() }), m.react[t];
-} }), g = new Proxy({}, { get(e, n) {
-	return m.vanilla ||= t({ links: f() }), m.vanilla[n];
-} });
-//#endregion
-export { h as i, g as n, p as r, d as t };
-
-//# sourceMappingURL=trpcClient-BxcNKnhv.mjs.map

package/dist/client/trpcClient-BxcNKnhv.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"trpcClient-BxcNKnhv.mjs","names":["createTRPCReact","createTRPCClient","httpBatchLink","httpBatchStreamLink","httpLink","splitLink","isNonJsonSerializable","httpSubscriptionLink","csrfCache","token","pending","getHeaders","fetch","then","res","json","csrfToken","catch","error","console","invalidate","invalidateCsrfToken","STREAMING_PROCEDURES","Set","config","bffEndpoint","setBffEndpoint","endpoint","getLinks","condition","op","type","true","url","eventSourceOptions","headers","false","input","csrf","extra","context","has","path","trpcReact","clients","react","vanilla","trpcReactClient","Proxy","get","_target","prop","createClient","links","trpcClient"],"sources":["../../src/client/trpcClient.ts"],"sourcesContent":["import { createTRPCReact } from \"@trpc/react-query\"\nimport type { CreateTRPCReact } from \"@trpc/react-query\"\nimport { createTRPCClient, type TRPCClient } from \"@trpc/client\"\nimport {\n  httpBatchLink,\n  httpBatchStreamLink,\n  httpLink,\n  splitLink,\n  isNonJsonSerializable,\n  httpSubscriptionLink,\n} from \"@trpc/client\"\nimport type { AuroraRouter } from \"../server/routers\"\n\n/** Type alias for the React tRPC client */\nexport type TrpcReact = ReturnType<typeof createTRPCReact<AuroraRouter>>\n\n/** Type alias for the vanilla tRPC client */\nexport type TrpcClient = ReturnType<typeof createTRPCClient<AuroraRouter>>\n\n/** Generic type for creating a typed React tRPC client with a custom router */\nexport type CreateTypedTrpcReact<TRouter extends AuroraRouter> = CreateTRPCReact<TRouter, unknown>\n\n/** Generic type for creating a typed vanilla tRPC client with a custom router */\nexport type CreateTypedTrpcClient<TRouter extends AuroraRouter> = TRPCClient<TRouter>\n\n// CSRF token cache with request deduplication\nconst csrfCache = {\n  token: null as string | null,\n  pending: null as Promise<string | null> | null,\n\n  async getHeaders() {\n    if (this.token) {\n      return { \"x-csrf-token\": this.token }\n    }\n\n    // Dedupe concurrent fetches - only one request in flight at a time\n    if (!this.pending) {\n      this.pending = fetch(\"/csrf-token\")\n        .then((res) => res.json())\n        .then(({ csrfToken }) => {\n          this.token = csrfToken\n          this.pending = null\n          return csrfToken as string\n        })\n        .catch((error) => {\n          this.pending = null\n          console.error(\"Failed to fetch CSRF token:\", error)\n          return null\n        })\n    }\n\n    const token = await this.pending\n    return token ? { \"x-csrf-token\": token } : {}\n  },\n\n  invalidate() {\n    this.token = null\n  },\n}\n\n/**\n * Invalidate the cached CSRF token.\n * Call this when receiving a 403 response to trigger a fresh token fetch on the next request.\n */\nexport const invalidateCsrfToken = () => csrfCache.invalidate()\n\n// Procedures that return async iterables (chunked streaming responses).\n// These are routed through httpBatchStreamLink instead of httpBatchLink.\n// Add any new streaming procedure paths here.\nconst STREAMING_PROCEDURES = new Set<string>([\"storage.swift.downloadObject\", \"storage.ceph.objects.downloadObject\"])\n\n// BFF endpoint - set once by App before any tRPC calls are made\nconst config = {\n  bffEndpoint: \"/polaris-bff\",\n}\n\nexport function setBffEndpoint(endpoint: string) {\n  config.bffEndpoint = endpoint\n}\n\nconst getLinks = () => [\n  splitLink({\n    // First check: is it a subscription?\n    condition: (op) => op.type === \"subscription\",\n    // Use HTTP subscription link for subscriptions (long-polling)\n    true: httpSubscriptionLink({\n      url: config.bffEndpoint,\n      // Callback to populate headers\n      eventSourceOptions: async () => {\n        return { headers: await csrfCache.getHeaders() }\n      },\n    }),\n    // For non-subscriptions, check for non-JSON data or streaming procedures\n    false: splitLink({\n      // Non-JSON serializable input (FormData, Blob, ArrayBuffer, etc.) → plain httpLink.\n      condition: (op) => isNonJsonSerializable(op.input),\n      true: httpLink({\n        url: config.bffEndpoint,\n        async headers({ op }) {\n          const csrf = await csrfCache.getHeaders()\n          // Per-request headers can be injected via tRPC operation context.\n          // op.context is set by the caller and forwarded through the link chain.\n          const extra = (op.context as { headers?: Record<string, string> } | undefined)?.headers ?? {}\n          return { ...csrf, ...extra }\n        },\n      }),\n      // For JSON procedures, decide between streaming and regular batching\n      false: splitLink({\n        // Procedures returning async iterables must use httpBatchStreamLink.\n        // httpBatchLink buffers the full response before resolving, which\n        // breaks streaming. httpBatchStreamLink preserves batching while\n        // supporting chunked/streamed responses.\n        // Note: httpBatchStreamLink is intentionally NOT used globally because\n        // it is incompatible with the @fastify/csrf-protection cookie rotation\n        // used in this app — CSRF tokens can expire mid-stream on long-lived\n        // connections. Scope it only to procedures that actually need streaming.\n        condition: (op) => STREAMING_PROCEDURES.has(op.path),\n        true: httpBatchStreamLink({\n          url: config.bffEndpoint,\n          async headers() {\n            return csrfCache.getHeaders()\n          },\n        }),\n        // Regular JSON mutations/queries — standard batching\n        false: httpBatchLink({\n          url: config.bffEndpoint,\n          async headers() {\n            return csrfCache.getHeaders()\n          },\n        }),\n      }),\n    }),\n  }),\n]\n\n// React Query client (for hooks like useQuery/useMutation/useSubscription)\nexport const trpcReact: TrpcReact = createTRPCReact<AuroraRouter>()\n\n// Lazy-initialized clients - created on first access after setBffEndpoint() has been called by App\nconst clients = {\n  react: null as ReturnType<typeof trpcReact.createClient> | null,\n  vanilla: null as TrpcClient | null,\n}\n\nexport const trpcReactClient = new Proxy({} as ReturnType<typeof trpcReact.createClient>, {\n  get(_target, prop) {\n    if (!clients.react) {\n      clients.react = trpcReact.createClient({ links: getLinks() })\n    }\n    return (clients.react as Record<string | symbol, unknown>)[prop]\n  },\n})\n\nexport const trpcClient: TrpcClient = new Proxy({} as TrpcClient, {\n  get(_target, prop) {\n    if (!clients.vanilla) {\n      clients.vanilla = createTRPCClient<AuroraRouter>({ links: getLinks() })\n    }\n    return (clients.vanilla as Record<string | symbol, unknown>)[prop]\n  },\n})\n"],"mappings":";;;AA0BA,IAAMQ,IAAY;CAChBC,OAAO;CACPC,SAAS;CAET,MAAMC,aAAAA;EACJ,IAAI,KAAKF,OACP,OAAO,EAAE,gBAAgB,KAAKA,MAAM;EAItC,AACE,KAAKC,YAAUE,MAAM,aAAA,EAClBC,MAAMC,MAAQA,EAAIC,KAAI,CAAA,EACtBF,MAAM,EAAEG,oBACP,KAAKP,QAAQO,GACb,KAAKN,UAAU,MACRM,EACT,EACCC,OAAOC,OACN,KAAKR,UAAU,MACfS,QAAQD,MAAM,+BAA+BA,CAAAA,GACtC,KACT;EAGJ,IAAMT,IAAQ,MAAM,KAAKC;EACzB,OAAOD,IAAQ,EAAE,gBAAgBA,EAAM,IAAI,CAAC;CAC9C;CAEAW,aAAAA;EACE,KAAKX,QAAQ;CACf;AACF,GAWMa,IAAuB,IAAIC,IAAY,CAAC,gCAAgC,qCAAA,CAAsC,GAG9GC,IAAS,EACbC,aAAa,eACf;AAEA,SAAgBC,EAAeC,GAAgB;CAC7CH,EAAOC,cAAcE;AACvB;AAEA,IAAMC,UAAiB,CACrBvB,EAAU;CAERwB,YAAYC,MAAOA,EAAGC,SAAS;CAE/BC,MAAMzB,EAAqB;EACzB0B,KAAKT,EAAOC;EAEZS,oBAAoB,aACX,EAAEC,SAAS,MAAM3B,EAAUG,WAAU,EAAG;CAEnD,CAAA;CAEAyB,OAAO/B,EAAU;EAEfwB,YAAYC,MAAOxB,EAAsBwB,EAAGO,KAAK;EACjDL,MAAM5B,EAAS;GACb6B,KAAKT,EAAOC;GACZ,MAAMU,QAAQ,EAAEL,SAAI;IAClB,IAAMQ,IAAO,MAAM9B,EAAUG,WAAU,GAGjC4B,IAAQ,EAAIC,SAA8DL,WAAW,CAAC;IAC5F,OAAO;KAAE,GAAGG;KAAM,GAAGC;IAAM;GAC7B;EACF,CAAA;EAEAH,OAAO/B,EAAU;GASfwB,YAAYC,MAAOR,EAAqBmB,IAAIX,EAAGY,IAAI;GACnDV,MAAM7B,EAAoB;IACxB8B,KAAKT,EAAOC;IACZ,MAAMU,UAAAA;KACJ,OAAO3B,EAAUG,WAAU;IAC7B;GACF,CAAA;GAEAyB,OAAOlC,EAAc;IACnB+B,KAAKT,EAAOC;IACZ,MAAMU,UAAAA;KACJ,OAAO3B,EAAUG,WAAU;IAC7B;GACF,CAAA;EACF,CAAA;CACF,CAAA;AACF,CAAA,CAAA,GAIWgC,IAAuB3C,EAAAA,GAG9B4C,IAAU;CACdC,OAAO;CACPC,SAAS;AACX,GAEaC,IAAkB,IAAIC,MAAM,CAAC,GAAgD,EACxFC,IAAIC,GAASC,GAAI;CAIf,OAHA,AACEP,EAAQC,UAAQF,EAAUS,aAAa,EAAEC,OAAOzB,EAAAA,EAAW,CAAA,GAEtD,EAASiB,MAA2CM;AAC7D,EACF,CAAA,GAEaG,IAAyB,IAAIN,MAAM,CAAC,GAAiB,EAChEC,IAAIC,GAASC,GAAI;CAIf,OAHA,AACEP,EAAQE,YAAU7C,EAA+B,EAAEoD,OAAOzB,EAAAA,EAAW,CAAA,GAEhE,EAASkB,QAA6CK;AAC/D,EACF,CAAA"}