@cobaltcore-dev/aurora 0.21.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/routeInfo-Ct5r4Gen.mjs

@@ -1,56 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useEffect as t, useRef as n, useState as r } from "react";
-import { createPortal as i } from "react-dom";
-import { useRouteContext as a } from "@tanstack/react-router";
-import { z as o } from "zod";
-//#region src/client/components/Slot.tsx
-function s({ children: a }) {
-	let o = n(null), [s, c] = r(null);
-	return t(() => {
-		o.current && c(o.current.shadowRoot ?? o.current.attachShadow({ mode: "open" }));
-	}, []), /*#__PURE__*/ e("div", {
-		ref: o,
-		style: { display: "contents" },
-		children: s && /*#__PURE__*/ i(a, s)
-	});
-}
-function c({ component: t, useShadowDOM: n = !0, currentService: r }) {
-	let { trpcClient: i } = a({ strict: !1 });
-	if (!i) return null;
-	let o = /*#__PURE__*/ e(t, { auroraContext: {
-		client: i,
-		currentService: r
-	} });
-	return n ? /*#__PURE__*/ e(s, { children: o }) : o;
-}
-var l = o.object({
-	labelKey: o.enum([
-		"Compute",
-		"Network",
-		"Storage",
-		"Services",
-		"Images",
-		"Flavors",
-		"Security Groups",
-		"Floating IPs",
-		"PCA (Clavis)"
-	]).optional(),
-	to: o.string().optional(),
-	useParamAsLabel: o.string().optional(),
-	useParentTitleAsLabel: o.boolean().optional()
-}), u = o.object({ name: o.string() }), d = o.object({
-	section: o.string().optional(),
-	service: o.string().optional(),
-	isDetail: o.boolean().optional(),
-	crumb: l.optional(),
-	sectionCrumb: l.optional(),
-	intermediateCrumb: l.optional(),
-	analytics: u.optional()
-});
-function f(e) {
-	return d.safeParse(e).success;
-}
-//#endregion
-export { c as n, f as t };
-
-//# sourceMappingURL=routeInfo-Ct5r4Gen.mjs.map

package/dist/client/routeInfo-Ct5r4Gen.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"routeInfo-Ct5r4Gen.mjs","names":["useRef","useState","useEffect","createPortal","useRouteContext","SlotShadowRoot","children","ref","root","setRoot","current","shadowRoot","attachShadow","mode","div","style","display","Slot","component","Component","useShadowDOM","currentService","trpcClient","strict","content","auroraContext","client","z","CRUMB_LABEL_KEYS","CrumbSchema","object","labelKey","enum","optional","to","string","useParamAsLabel","useParentTitleAsLabel","boolean","AnalyticsSchema","name","RouteInfoSchema","section","service","isDetail","crumb","sectionCrumb","intermediateCrumb","analytics","isRouteInfo","data","safeParse","success"],"sources":["../../src/client/components/Slot.tsx","../../src/client/routes/routeInfo.ts"],"sourcesContent":["import { useRef, useState, useEffect, type ReactNode, type FC } from \"react\"\nimport { createPortal } from \"react-dom\"\nimport { useRouteContext } from \"@tanstack/react-router\"\nimport type { SlotProps } from \"../AuroraApp\"\n\nfunction SlotShadowRoot({ children }: { children: ReactNode }) {\n  const ref = useRef<HTMLDivElement>(null)\n  const [root, setRoot] = useState<ShadowRoot | null>(null)\n\n  useEffect(() => {\n    if (!ref.current) return\n    setRoot(ref.current.shadowRoot ?? ref.current.attachShadow({ mode: \"open\" }))\n  }, [])\n\n  return (\n    <div ref={ref} style={{ display: \"contents\" }}>\n      {root && createPortal(children, root)}\n    </div>\n  )\n}\n\nexport function Slot({\n  component: Component,\n  useShadowDOM = true,\n  currentService,\n}: {\n  component: FC<SlotProps>\n  useShadowDOM?: boolean\n  currentService?: string\n}) {\n  const { trpcClient } = useRouteContext({ strict: false })\n\n  if (!trpcClient) return null\n\n  const content = <Component auroraContext={{ client: trpcClient, currentService }} />\n\n  if (!useShadowDOM) {\n    return content\n  }\n\n  return <SlotShadowRoot>{content}</SlotShadowRoot>\n}\n","import { z } from \"zod\"\n\nexport const CRUMB_LABEL_KEYS = [\n  \"Compute\",\n  \"Network\",\n  \"Storage\",\n  \"Services\",\n  \"Images\",\n  \"Flavors\",\n  \"Security Groups\",\n  \"Floating IPs\",\n  \"PCA (Clavis)\",\n] as const\n\nexport type CrumbLabelKey = (typeof CRUMB_LABEL_KEYS)[number]\n\nconst CrumbSchema = z.object({\n  labelKey: z.enum(CRUMB_LABEL_KEYS).optional(),\n  to: z.string().optional(),\n  useParamAsLabel: z.string().optional(),\n  useParentTitleAsLabel: z.boolean().optional(),\n})\n\nconst AnalyticsSchema = z.object({\n  name: z.string(),\n})\n\nconst RouteInfoSchema = z.object({\n  section: z.string().optional(),\n  service: z.string().optional(),\n  isDetail: z.boolean().optional(),\n  crumb: CrumbSchema.optional(),\n  sectionCrumb: CrumbSchema.optional(),\n  intermediateCrumb: CrumbSchema.optional(),\n  analytics: AnalyticsSchema.optional(),\n})\n\nexport type Crumb = z.infer<typeof CrumbSchema>\nexport type Analytics = z.infer<typeof AnalyticsSchema>\nexport type RouteInfo = z.infer<typeof RouteInfoSchema>\n\nexport function isRouteInfo(data: unknown): data is RouteInfo {\n  return RouteInfoSchema.safeParse(data).success\n}\n"],"mappings":";;;;;;AAKA,SAASK,EAAe,EAAEC,eAAmC;CAC3D,IAAMC,IAAMP,EAAuB,IAAA,GAC7B,CAACQ,GAAMC,KAAWR,EAA4B,IAAA;CAOpD,OALAC,QAAU;EACHK,EAAIG,WACTD,EAAQF,EAAIG,QAAQC,cAAcJ,EAAIG,QAAQE,aAAa,EAAEC,MAAM,OAAO,CAAA,CAAA;CAC5E,GAAG,CAAA,CAAE,GAGH,gBAACC,OAAAA;EAASP;EAAKQ,OAAO,EAAEC,SAAS,WAAW;YACzCR,KAAQL,gBAAaG,GAAUE,CAAAA;;AAGtC;AAEA,SAAgBS,EAAK,EACnBC,WAAWC,GACXC,kBAAe,IACfC,qBAKD;CACC,IAAM,EAAEC,kBAAelB,EAAgB,EAAEmB,QAAQ,GAAM,CAAA;CAEvD,IAAI,CAACD,GAAY,OAAO;CAExB,IAAME,IAAU,gBAACL,GAAAA,EAAUM,eAAe;EAAEC,QAAQJ;EAAYD;CAAe,EAAA,CAAA;CAM/E,OAJKD,IAIE,gBAACf,GAAAA,EAAAA,UAAgBmB,EAAAA,CAAAA,IAHfA;AAIX;ACzBA,IAAMK,IAAcF,EAAEG,OAAO;CAC3BC,UAAUJ,EAAEK,KAAKJ;EAdjB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAMiBA,CAAAA,EAAkBK,SAAQ;CAC3CC,IAAIP,EAAEQ,OAAM,EAAGF,SAAQ;CACvBG,iBAAiBT,EAAEQ,OAAM,EAAGF,SAAQ;CACpCI,uBAAuBV,EAAEW,QAAO,EAAGL,SAAQ;AAC7C,CAAA,GAEMM,IAAkBZ,EAAEG,OAAO,EAC/BU,MAAMb,EAAEQ,OAAM,EAChB,CAAA,GAEMM,IAAkBd,EAAEG,OAAO;CAC/BY,SAASf,EAAEQ,OAAM,EAAGF,SAAQ;CAC5BU,SAAShB,EAAEQ,OAAM,EAAGF,SAAQ;CAC5BW,UAAUjB,EAAEW,QAAO,EAAGL,SAAQ;CAC9BY,OAAOhB,EAAYI,SAAQ;CAC3Ba,cAAcjB,EAAYI,SAAQ;CAClCc,mBAAmBlB,EAAYI,SAAQ;CACvCe,WAAWT,EAAgBN,SAAQ;AACrC,CAAA;AAMA,SAAgBgB,EAAYC,GAAa;CACvC,OAAOT,EAAgBU,UAAUD,CAAAA,EAAME;AACzC"}

package/dist/client/routes-BzBTVAjK.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"routes-BzBTVAjK.mjs","names":["ContentHeading","Message","Button","FormRow","TextInput","useAuth","LoginForm","isLoading","error","loginError","login","div","className","p","form","onSubmit","e","preventDefault","formData","FormData","currentTarget","domain","String","get","user","password","text","variant","id","name","label","autoComplete","required","type","disabled","useNavigate","Stack","Spinner","useEffect","LoginForm","useAuth","isSafeRedirect","path","startsWith","Route","LandingPage","isLoading","isAuthenticated","redirect","searchRedirect","useSearch","navigate","target","to","replace","component"],"sources":["../../src/client/components/Auth/LoginForm.tsx","../../src/client/routes/index.tsx?tsr-split=component"],"sourcesContent":["import { ContentHeading, Message, Button, FormRow, TextInput } from \"@cloudoperators/juno-ui-components\"\nimport { Trans } from \"@lingui/react/macro\"\nimport { useAuth } from \"../../store/AuthProvider\"\n\nexport function LoginForm() {\n  const { isLoading, error: loginError, login } = useAuth()\n\n  return (\n    <div className=\"mt-8 flex justify-center\">\n      <div className=\"border-theme-light relative w-full max-w-md rounded-lg border p-6 shadow-lg\">\n        <ContentHeading className=\"text-center\">\n          <Trans>Login to Your Account</Trans>\n        </ContentHeading>\n        <p className=\"mb-6 text-center\">\n          <Trans>Enter your credentials to access your account</Trans>\n        </p>\n\n        <form\n          className=\"space-y-5\"\n          onSubmit={(e) => {\n            e.preventDefault()\n            const formData = new FormData(e.currentTarget)\n            login({\n              domain: String(formData.get(\"domain\") ?? \"\"),\n              user: String(formData.get(\"user\") ?? \"\"),\n              password: String(formData.get(\"password\") ?? \"\"),\n            })\n          }}\n        >\n          {loginError && <Message text={loginError} variant=\"error\" />}\n          <FormRow>\n            <TextInput id=\"domain\" name=\"domain\" label=\"Domain\" autoComplete=\"domain\" required />\n          </FormRow>\n          <FormRow>\n            <TextInput id=\"user\" name=\"user\" label=\"User\" autoComplete=\"user\" required />\n          </FormRow>\n          <FormRow>\n            <TextInput\n              id=\"password\"\n              name=\"password\"\n              type=\"password\"\n              label=\"Password\"\n              autoComplete=\"password\"\n              required\n            />\n          </FormRow>\n\n          <Button type=\"submit\" variant=\"primary\" className=\"mt-2 w-full\" disabled={isLoading}>\n            {isLoading ? <Trans>Loading...</Trans> : <Trans>Sign In</Trans>}\n          </Button>\n        </form>\n      </div>\n    </div>\n  )\n}\n","import { createFileRoute, useNavigate } from \"@tanstack/react-router\"\nimport { Stack, Spinner } from \"@cloudoperators/juno-ui-components\"\nimport { z } from \"zod\"\nimport { useEffect } from \"react\"\nimport { LoginForm } from \"../components/Auth/LoginForm\"\nimport { useAuth } from \"../store/AuthProvider\"\n\nfunction isSafeRedirect(path: unknown): path is string {\n  return typeof path === \"string\" && path.startsWith(\"/\") && !path.startsWith(\"//\")\n}\n\nexport const Route = createFileRoute(\"/\")({\n  validateSearch: z.object({\n    redirect: z.string().optional().catch(\"\"),\n  }),\n  component: LandingPage,\n})\n\nfunction LandingPage() {\n  const { isLoading, isAuthenticated } = useAuth()\n  const { redirect: searchRedirect } = Route.useSearch()\n  const navigate = useNavigate()\n\n  // Redirect when authenticated\n  useEffect(() => {\n    if (isAuthenticated && !isLoading) {\n      const target = isSafeRedirect(searchRedirect) ? searchRedirect : \"/projects\"\n      navigate({ to: target, replace: true })\n    }\n  }, [isAuthenticated, isLoading, navigate, searchRedirect])\n\n  if (isLoading) {\n    return (\n      <Stack className=\"fixed inset-0\" distribution=\"center\" alignment=\"center\">\n        <div className=\"absolute inset-0 backdrop-blur-sm\" />\n        <Spinner variant=\"primary\" size=\"large\" />\n      </Stack>\n    )\n  }\n\n  if (!isAuthenticated) {\n    return <LoginForm />\n  }\n\n  // Redirecting...\n  return null\n}\n"],"mappings":";;;;;;;;AAIA,SAAgBM,IAAAA;CACd,IAAM,EAAEC,cAAWC,OAAOC,GAAYC,aAAUL,EAAAA;CAEhD,OACE,gBAACM,OAAAA;EAAIC,WAAU;YACb,gBAACD,OAAAA;GAAIC,WAAU;;IACb,gBAACZ,GAAAA;KAAeY,WAAU;eACxB,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;IAEF,gBAACC,KAAAA;KAAED,WAAU;eACX,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;IAGF,gBAACE,QAAAA;KACCF,WAAU;KACVG,WAAWC,MAAAA;MACTA,EAAEC,eAAc;MAChB,IAAMC,IAAW,IAAIC,SAASH,EAAEI,aAAa;MAC7CV,EAAM;OACJW,QAAQC,OAAOJ,EAASK,IAAI,QAAA,KAAa,EAAA;OACzCC,MAAMF,OAAOJ,EAASK,IAAI,MAAA,KAAW,EAAA;OACrCE,UAAUH,OAAOJ,EAASK,IAAI,UAAA,KAAe,EAAA;MAC/C,CAAA;KACF;;MAECd,KAAc,gBAACR,GAAAA;OAAQyB,MAAMjB;OAAYkB,SAAQ;;MAClD,gBAACxB,GAAAA,EAAAA,UACC,gBAACC,GAAAA;OAAUwB,IAAG;OAASC,MAAK;OAASC,OAAM;OAASC,cAAa;OAASC,UAAQ;;MAEpF,gBAAC7B,GAAAA,EAAAA,UACC,gBAACC,GAAAA;OAAUwB,IAAG;OAAOC,MAAK;OAAOC,OAAM;OAAOC,cAAa;OAAOC,UAAQ;;MAE5E,gBAAC7B,GAAAA,EAAAA,UACC,gBAACC,GAAAA;OACCwB,IAAG;OACHC,MAAK;OACLI,MAAK;OACLH,OAAM;OACNC,cAAa;OACbC,UAAQ;;MAIZ,gBAAC9B,GAAAA;OAAO+B,MAAK;OAASN,SAAQ;OAAUf,WAAU;OAAcsB,UAAU3B;iBACvEA,IAAY,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA,IAA4B,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;;;;;;AAMrD;;;AC/CA,SAASkC,EAAeC,GAAa;CACnC,OAAO,OAAOA,KAAS,YAAYA,EAAKC,WAAW,GAAA,KAAQ,CAACD,EAAKC,WAAW,IAAA;AAC9E;AASA,SAASE,IAAAA;CACP,IAAM,EAAEC,cAAWC,uBAAoBP,EAAAA,GACjC,EAAEQ,UAAUC,MAAmBL,EAAMM,UAAS,GAC9CC,IAAWhB,EAAAA;CAwBjB,OArBAG,QAAU;EACR,AAAIS,KAAmB,CAACD,KAEtBK,EAAS;GAAEE,IADIZ,EAAeQ,CAAAA,IAAkBA,IAAiB;GAC1CK,SAAS;EAAK,CAAA;CAEzC,GAAG;EAACP;EAAiBD;EAAWK;EAAUF;EAAe,GAErDH,IAEA,gBAAC,GAAA;EAAM,WAAU;EAAgB,cAAa;EAAS,WAAU;aAC/D,gBAAC,OAAA,EAAI,WAAU,oCAAA,CAAA,GACf,gBAAC,GAAA;GAAQ,SAAQ;GAAU,MAAK;;MAKjCC,IAKE,OAJE,gBAAC,GAAA,CAAA,CAAA;AAKZ"}

package/dist/client/routes-DsisKFfG.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"routes-DsisKFfG.mjs","names":["createFileRoute","z","Route","validateSearch","object","redirect","string","optional","catch","component","lazyRouteComponent","$$splitComponentImporter"],"sources":["../../src/client/routes/index.tsx"],"sourcesContent":["import { createFileRoute, useNavigate } from \"@tanstack/react-router\"\nimport { Stack, Spinner } from \"@cloudoperators/juno-ui-components\"\nimport { z } from \"zod\"\nimport { useEffect } from \"react\"\nimport { LoginForm } from \"../components/Auth/LoginForm\"\nimport { useAuth } from \"../store/AuthProvider\"\n\nfunction isSafeRedirect(path: unknown): path is string {\n  return typeof path === \"string\" && path.startsWith(\"/\") && !path.startsWith(\"//\")\n}\n\nexport const Route = createFileRoute(\"/\")({\n  validateSearch: z.object({\n    redirect: z.string().optional().catch(\"\"),\n  }),\n  component: LandingPage,\n})\n\nfunction LandingPage() {\n  const { isLoading, isAuthenticated } = useAuth()\n  const { redirect: searchRedirect } = Route.useSearch()\n  const navigate = useNavigate()\n\n  // Redirect when authenticated\n  useEffect(() => {\n    if (isAuthenticated && !isLoading) {\n      const target = isSafeRedirect(searchRedirect) ? searchRedirect : \"/projects\"\n      navigate({ to: target, replace: true })\n    }\n  }, [isAuthenticated, isLoading, navigate, searchRedirect])\n\n  if (isLoading) {\n    return (\n      <Stack className=\"fixed inset-0\" distribution=\"center\" alignment=\"center\">\n        <div className=\"absolute inset-0 backdrop-blur-sm\" />\n        <Spinner variant=\"primary\" size=\"large\" />\n      </Stack>\n    )\n  }\n\n  if (!isAuthenticated) {\n    return <LoginForm />\n  }\n\n  // Redirecting...\n  return null\n}\n"],"mappings":";;AAWA,IAAaE,IAAQF,EAAgB,GAAA,EAAK;CACxCG,gBAAgBF,EAAEG,OAAO,EACvBC,UAAUJ,EAAEK,OAAM,EAAGC,SAAQ,EAAGC,MAAM,EAAA,EACxC,CAAA;CACAC,WAASC,yCAAA,WAAA;AACX,CAAA"}

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