@cobaltcore-dev/aurora 0.23.1 → 1.1.0

package/dist/client/{_securityGroupId-DRkY3Gt6.mjs.map → _securityGroupId-BcbkRhsN.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"_securityGroupId-DRkY3Gt6.mjs","names":["createFileRoute","redirect","getServiceIndex","Route","staticData","section","service","analytics","name","isDetail","sectionCrumb","labelKey","crumb","to","RouteInfo","loader","context","params","sg","trpcClient","network","securityGroup","getById","query","project_id","projectId","securityGroupId","sgTitle","id","head","loaderData","meta","title","component","lazyRouteComponent","$$splitComponentImporter","beforeLoad","availableServices","auth","getAvailableServices","serviceIndex"],"sources":["../../src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/index.tsx"],"sourcesContent":["import {\n  Breadcrumb,\n  BreadcrumbItem,\n  Button,\n  ContentHeading,\n  Stack,\n  Spinner,\n} from \"@cloudoperators/juno-ui-components/index\"\nimport { createFileRoute, redirect, useNavigate } from \"@tanstack/react-router\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { useMemo } from \"react\"\nimport { getServiceIndex } from \"@/server/Authentication/helpers\"\nimport { useProjectId } from \"@/client/hooks\"\nimport { SecurityGroupDetailsView } from \"./-components/SecurityGroupDetailsView\"\nimport { EditSecurityGroupModal } from \"../-components/-modals/EditSecurityGroupModal\"\nimport { useSecurityGroupDetails } from \"./-hooks/useSecurityGroupDetails\"\nimport { useListWithFiltering } from \"@/client/utils/useListWithFiltering\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { useSecurityGroupPermissions } from \"../-hooks/useSecurityGroupPermissions\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/network/securitygroups/$securityGroupId/\")({\n  staticData: {\n    section: \"network\",\n    service: \"securitygroups\",\n    analytics: {\n      name: \"network.securitygroups.detail\",\n    },\n    isDetail: true,\n    sectionCrumb: { labelKey: \"Network\" },\n    crumb: { labelKey: \"Security Groups\", to: \"/projects/$projectId/network/securitygroups\" },\n  } satisfies RouteInfo,\n  loader: async ({ context, params }) => {\n    const sg = await context.trpcClient?.network.securityGroup.getById.query({\n      project_id: params.projectId,\n      securityGroupId: params.securityGroupId,\n    })\n    return { sgTitle: sg?.name || sg?.id || null }\n  },\n  head: ({ loaderData }) => ({\n    meta: [{ title: loaderData?.sgTitle ?? \"Security Group\" }],\n  }),\n  component: RouteComponent,\n  beforeLoad: async ({ context, params }) => {\n    const { trpcClient } = context\n\n    const availableServices = (await trpcClient?.auth.getAvailableServices.query()) || []\n\n    const serviceIndex = getServiceIndex(availableServices)\n\n    // Redirect to the \"Projects Overview\" page if network service not available\n    if (!serviceIndex[\"network\"]) {\n      throw redirect({\n        to: \"/projects/$projectId/network/securitygroups\",\n        params: { projectId: params.projectId },\n      })\n    }\n\n    if (!serviceIndex[\"network\"][\"neutron\"]) {\n      // Redirect to the \"Network Services Overview\" page if the \"Neutron\" service is not available\n      throw redirect({\n        to: \"/projects/$projectId/network/securitygroups\",\n        params: { projectId: params.projectId },\n      })\n    }\n  },\n})\n\nfunction RouteComponent() {\n  const { securityGroupId } = Route.useParams()\n  const { trpcClient } = Route.useRouteContext()\n  const projectId = useProjectId()\n  const navigate = useNavigate()\n  const { t } = useLingui()\n\n  if (!trpcClient) {\n    throw new Error(\"trpcClient is not available in route context\")\n  }\n\n  const {\n    permissions,\n    isLoading: isLoadingPermissions,\n    isError: isPermissionsError,\n  } = useSecurityGroupPermissions(projectId)\n\n  // Rules filtering using the same pattern as List page\n  const {\n    searchTerm: rulesSearchTerm,\n    sortSettings,\n    filterSettings,\n    handleSearchChange,\n    handleSortChange,\n    handleFilterChange,\n  } = useListWithFiltering<\"direction\" | \"protocol\" | \"description\">({\n    defaultSortKey: \"direction\",\n    defaultSortDir: \"asc\",\n    sortOptions: [\n      { label: t`Direction`, value: \"direction\" },\n      { label: t`Protocol`, value: \"protocol\" },\n      { label: t`Description`, value: \"description\" },\n    ],\n    filterSettings: {\n      filters: [\n        {\n          displayName: t`Direction`,\n          filterName: \"direction\",\n          values: [\"ingress\", \"egress\"],\n          supportsMultiValue: false,\n        },\n        {\n          displayName: t`Ethertype`,\n          filterName: \"ethertype\",\n          values: [\"IPv4\", \"IPv6\"],\n          supportsMultiValue: false,\n        },\n        {\n          displayName: t`Protocol`,\n          filterName: \"protocol\",\n          values: [\"tcp\", \"udp\", \"icmp\", \"ipv6-icmp\"],\n          supportsMultiValue: false,\n        },\n      ],\n    },\n  })\n\n  // Group filter controls for the hook\n  const filterControls = {\n    searchTerm: rulesSearchTerm,\n    onSearchChange: handleSearchChange,\n    sortSettings,\n    onSortChange: handleSortChange,\n    filterSettings,\n    onFilterChange: handleFilterChange,\n  }\n\n  // Use custom hook for logic (now includes filtering/sorting)\n  const {\n    securityGroup,\n    filteredAndSortedRules,\n    isLoading,\n    isError,\n    error,\n    isUpdating,\n    updateError,\n    isDeletingRule,\n    deleteRuleError,\n    isCreatingRule,\n    createRuleError,\n    editModalOpen,\n    handleEdit,\n    handleCloseEditModal,\n    handleUpdate,\n    handleDeleteRule,\n    handleCreateRule,\n  } = useSecurityGroupDetails({\n    securityGroupId,\n    filterControls,\n  })\n\n  // Fetch available security groups for the Add Rule dropdown\n  const { data: securityGroups } = trpcReact.network.securityGroup.list.useQuery({ project_id: projectId })\n  const availableSecurityGroups = useMemo(() => {\n    return (securityGroups || [])\n      .filter((sg) => sg.id !== securityGroupId) // Exclude current group\n      .map((sg) => ({\n        id: sg.id,\n        name: sg.name || sg.id,\n      }))\n  }, [securityGroups, securityGroupId])\n\n  const handleBack = () => {\n    navigate({\n      to: \"/projects/$projectId/network/securitygroups\",\n      params: { projectId },\n    })\n  }\n\n  // Handle loading permissions\n  if (isLoadingPermissions) {\n    return (\n      <Stack className=\"fixed inset-0\" distribution=\"center\" alignment=\"center\" direction=\"vertical\">\n        <Spinner variant=\"primary\" size=\"large\" className=\"mb-2\" />\n        <Trans>Loading Permissions...</Trans>\n      </Stack>\n    )\n  }\n\n  // Handle permissions error - default to no permissions\n  const safePermissions = isPermissionsError\n    ? {\n        canView: false,\n        canCreate: false,\n        canUpdate: false,\n        canDelete: false,\n        canCreateRule: false,\n        canDeleteRule: false,\n        canManageAccess: false,\n        canViewRBAC: false,\n      }\n    : permissions!\n\n  // Handle loading state\n  if (isLoading) {\n    return (\n      <Stack className=\"fixed inset-0\" distribution=\"center\" alignment=\"center\" direction=\"vertical\">\n        <Spinner variant=\"primary\" size=\"large\" className=\"mb-2\" />\n        <Trans>Loading Security Group Details...</Trans>\n      </Stack>\n    )\n  }\n\n  // Handle error state\n  if (isError) {\n    const errorMessage = error?.message || \"Unknown error\"\n\n    return (\n      <Stack className=\"fixed inset-0\" distribution=\"center\" alignment=\"center\" direction=\"vertical\" gap=\"5\">\n        <p className=\"text-theme-error font-semibold\">\n          <Trans>Error loading security group</Trans>\n        </p>\n        <p className=\"text-theme-highest\">{errorMessage}</p>\n        <Button onClick={handleBack} variant=\"primary\">\n          <Trans>Back to Security Groups</Trans>\n        </Button>\n      </Stack>\n    )\n  }\n\n  // Handle no data state\n  if (!securityGroup) {\n    return (\n      <Stack className=\"fixed inset-0\" distribution=\"center\" alignment=\"center\" direction=\"vertical\" gap=\"5\">\n        <p className=\"text-theme-secondary\">\n          <Trans>Security group not found</Trans>\n        </p>\n        <Button onClick={handleBack} variant=\"primary\">\n          <Trans>Back to Security Groups</Trans>\n        </Button>\n      </Stack>\n    )\n  }\n\n  // Render success state\n  return (\n    <Stack direction=\"vertical\">\n      <ContentHeading>{securityGroup.name || securityGroup.id}</ContentHeading>\n      <Breadcrumb className=\"my-6\">\n        <BreadcrumbItem onClick={handleBack} label={t`Security Groups`} />\n        <BreadcrumbItem active label={securityGroup.id} />\n      </Breadcrumb>\n\n      <SecurityGroupDetailsView\n        securityGroup={securityGroup}\n        filteredAndSortedRules={filteredAndSortedRules}\n        onEdit={handleEdit}\n        onDeleteRule={handleDeleteRule}\n        isDeletingRule={isDeletingRule}\n        deleteRuleError={deleteRuleError}\n        filterControls={filterControls}\n        onCreateRule={handleCreateRule}\n        isCreatingRule={isCreatingRule}\n        createRuleError={createRuleError}\n        availableSecurityGroups={availableSecurityGroups}\n        currentProjectId={projectId}\n        permissions={safePermissions}\n      />\n\n      <EditSecurityGroupModal\n        securityGroup={securityGroup}\n        open={editModalOpen}\n        onClose={handleCloseEditModal}\n        onUpdate={handleUpdate}\n        isLoading={isUpdating}\n        error={updateError}\n      />\n    </Stack>\n  )\n}\n"],"mappings":";;AAqBA,IAAaG,IAAQH,EAAgB,qEAAA,EAAuE;CAC1GI,YAAY;EACVC,SAAS;EACTC,SAAS;EACTC,WAAW,EACTC,MAAM,gCACR;EACAC,UAAU;EACVC,cAAc,EAAEC,UAAU,UAAU;EACpCC,OAAO;GAAED,UAAU;GAAmBE,IAAI;EAA8C;CAC1F;CACAE,QAAQ,OAAO,EAAEC,YAASC,gBAAQ;EAChC,IAAMC,IAAK,MAAMF,EAAQG,YAAYC,QAAQC,cAAcC,QAAQC,MAAM;GACvEC,YAAYP,EAAOQ;GACnBC,iBAAiBT,EAAOS;EAC1B,CAAA;EACA,OAAO,EAAEC,SAAST,GAAIV,QAAQU,GAAIU,MAAM,KAAK;CAC/C;CACAC,OAAO,EAAEC,qBAAkB,EACzBC,MAAM,CAAC,EAAEC,OAAOF,GAAYH,WAAW,iBAAiB,CAAA,EAC1D;CACAM,WAASC,mDAAA,WAAA;CACTE,YAAY,OAAO,EAAEpB,YAASC,gBAAQ;EACpC,IAAM,EAAEE,kBAAeH,GAIjBwB,IAAetC,EAFK,MAAOiB,GAAYmB,KAAKC,qBAAqBhB,MAAAA,KAAY,CAAA,CAE9Cc;EAUrC,IAPI,CAACG,EAAa,WAOd,CAACA,EAAa,QAAW,SAE3B,MAAMvC,EAAS;GACbY,IAAI;GACJI,QAAQ,EAAEQ,WAAWR,EAAOQ,UAAU;EACxC,CAAA;CAEJ;AACF,CAAA"}
+{"version":3,"file":"_securityGroupId-BcbkRhsN.mjs","names":["createFileRoute","redirect","getServiceIndex","Route","staticData","section","service","analytics","name","isDetail","sectionCrumb","labelKey","crumb","to","RouteInfo","loader","context","params","sg","trpcClient","network","securityGroup","getById","query","project_id","projectId","securityGroupId","sgTitle","id","head","loaderData","meta","title","component","lazyRouteComponent","$$splitComponentImporter","beforeLoad","availableServices","auth","getAvailableServices","serviceIndex"],"sources":["../../src/client/routes/_auth/projects/$projectId/network/securitygroups/$securityGroupId/index.tsx"],"sourcesContent":["import {\n  Breadcrumb,\n  BreadcrumbItem,\n  Button,\n  ContentHeading,\n  Stack,\n  Spinner,\n} from \"@cloudoperators/juno-ui-components/index\"\nimport { createFileRoute, redirect, useNavigate } from \"@tanstack/react-router\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { useMemo } from \"react\"\nimport { getServiceIndex } from \"@/server/Authentication/helpers\"\nimport { useProjectId } from \"@/client/hooks\"\nimport { SecurityGroupDetailsView } from \"./-components/SecurityGroupDetailsView\"\nimport { EditSecurityGroupModal } from \"../-components/-modals/EditSecurityGroupModal\"\nimport { useSecurityGroupDetails } from \"./-hooks/useSecurityGroupDetails\"\nimport { useListWithFiltering } from \"@/client/utils/useListWithFiltering\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { useSecurityGroupPermissions } from \"../-hooks/useSecurityGroupPermissions\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/network/securitygroups/$securityGroupId/\")({\n  staticData: {\n    section: \"network\",\n    service: \"securitygroups\",\n    analytics: {\n      name: \"network.securitygroups.detail\",\n    },\n    isDetail: true,\n    sectionCrumb: { labelKey: \"Network\" },\n    crumb: { labelKey: \"Security Groups\", to: \"/projects/$projectId/network/securitygroups\" },\n  } satisfies RouteInfo,\n  loader: async ({ context, params }) => {\n    const sg = await context.trpcClient?.network.securityGroup.getById.query({\n      project_id: params.projectId,\n      securityGroupId: params.securityGroupId,\n    })\n    return { sgTitle: sg?.name || sg?.id || null }\n  },\n  head: ({ loaderData }) => ({\n    meta: [{ title: loaderData?.sgTitle ?? \"Security Group\" }],\n  }),\n  component: RouteComponent,\n  beforeLoad: async ({ context, params }) => {\n    const { trpcClient } = context\n\n    const availableServices = (await trpcClient?.auth.getAvailableServices.query()) || []\n\n    const serviceIndex = getServiceIndex(availableServices)\n\n    // Redirect to the \"Projects Overview\" page if network service not available\n    if (!serviceIndex[\"network\"]) {\n      throw redirect({\n        to: \"/projects/$projectId/network/securitygroups\",\n        params: { projectId: params.projectId },\n      })\n    }\n\n    if (!serviceIndex[\"network\"][\"neutron\"]) {\n      // Redirect to the \"Network Services Overview\" page if the \"Neutron\" service is not available\n      throw redirect({\n        to: \"/projects/$projectId/network/securitygroups\",\n        params: { projectId: params.projectId },\n      })\n    }\n  },\n})\n\nfunction RouteComponent() {\n  const { securityGroupId } = Route.useParams()\n  const { trpcClient } = Route.useRouteContext()\n  const projectId = useProjectId()\n  const navigate = useNavigate()\n  const { t } = useLingui()\n\n  if (!trpcClient) {\n    throw new Error(\"trpcClient is not available in route context\")\n  }\n\n  const {\n    permissions,\n    isLoading: isLoadingPermissions,\n    isError: isPermissionsError,\n  } = useSecurityGroupPermissions(projectId)\n\n  // Rules filtering using the same pattern as List page\n  const {\n    searchTerm: rulesSearchTerm,\n    sortSettings,\n    filterSettings,\n    handleSearchChange,\n    handleSortChange,\n    handleFilterChange,\n  } = useListWithFiltering<\"direction\" | \"protocol\" | \"description\">({\n    defaultSortKey: \"direction\",\n    defaultSortDir: \"asc\",\n    sortOptions: [\n      { label: t`Direction`, value: \"direction\" },\n      { label: t`Protocol`, value: \"protocol\" },\n      { label: t`Description`, value: \"description\" },\n    ],\n    filterSettings: {\n      filters: [\n        {\n          displayName: t`Direction`,\n          filterName: \"direction\",\n          values: [\"ingress\", \"egress\"],\n          supportsMultiValue: false,\n        },\n        {\n          displayName: t`Ethertype`,\n          filterName: \"ethertype\",\n          values: [\"IPv4\", \"IPv6\"],\n          supportsMultiValue: false,\n        },\n        {\n          displayName: t`Protocol`,\n          filterName: \"protocol\",\n          values: [\"tcp\", \"udp\", \"icmp\", \"ipv6-icmp\"],\n          supportsMultiValue: false,\n        },\n      ],\n    },\n  })\n\n  // Group filter controls for the hook\n  const filterControls = {\n    searchTerm: rulesSearchTerm,\n    onSearchChange: handleSearchChange,\n    sortSettings,\n    onSortChange: handleSortChange,\n    filterSettings,\n    onFilterChange: handleFilterChange,\n  }\n\n  // Use custom hook for logic (now includes filtering/sorting)\n  const {\n    securityGroup,\n    filteredAndSortedRules,\n    isLoading,\n    isError,\n    error,\n    isUpdating,\n    updateError,\n    isDeletingRule,\n    deleteRuleError,\n    isCreatingRule,\n    createRuleError,\n    editModalOpen,\n    handleEdit,\n    handleCloseEditModal,\n    handleUpdate,\n    handleDeleteRule,\n    handleCreateRule,\n  } = useSecurityGroupDetails({\n    securityGroupId,\n    filterControls,\n  })\n\n  // Fetch available security groups for the Add Rule dropdown\n  const { data: securityGroups } = trpcReact.network.securityGroup.list.useQuery({ project_id: projectId })\n  const availableSecurityGroups = useMemo(() => {\n    return (securityGroups || [])\n      .filter((sg) => sg.id !== securityGroupId) // Exclude current group\n      .map((sg) => ({\n        id: sg.id,\n        name: sg.name || sg.id,\n      }))\n  }, [securityGroups, securityGroupId])\n\n  const handleBack = () => {\n    navigate({\n      to: \"/projects/$projectId/network/securitygroups\",\n      params: { projectId },\n    })\n  }\n\n  // Handle loading permissions\n  if (isLoadingPermissions) {\n    return (\n      <Stack className=\"fixed inset-0\" distribution=\"center\" alignment=\"center\" direction=\"vertical\">\n        <Spinner variant=\"primary\" size=\"large\" className=\"mb-2\" />\n        <Trans>Loading Permissions...</Trans>\n      </Stack>\n    )\n  }\n\n  // Handle permissions error - default to no permissions\n  const safePermissions = isPermissionsError\n    ? {\n        canView: false,\n        canCreate: false,\n        canUpdate: false,\n        canDelete: false,\n        canCreateRule: false,\n        canDeleteRule: false,\n        canManageAccess: false,\n        canViewRBAC: false,\n      }\n    : permissions!\n\n  // Handle loading state\n  if (isLoading) {\n    return (\n      <Stack className=\"fixed inset-0\" distribution=\"center\" alignment=\"center\" direction=\"vertical\">\n        <Spinner variant=\"primary\" size=\"large\" className=\"mb-2\" />\n        <Trans>Loading Security Group Details...</Trans>\n      </Stack>\n    )\n  }\n\n  // Handle error state\n  if (isError) {\n    const errorMessage = error?.message || \"Unknown error\"\n\n    return (\n      <Stack className=\"fixed inset-0\" distribution=\"center\" alignment=\"center\" direction=\"vertical\" gap=\"5\">\n        <p className=\"text-theme-error font-semibold\">\n          <Trans>Error loading security group</Trans>\n        </p>\n        <p className=\"text-theme-highest\">{errorMessage}</p>\n        <Button onClick={handleBack} variant=\"primary\">\n          <Trans>Back to Security Groups</Trans>\n        </Button>\n      </Stack>\n    )\n  }\n\n  // Handle no data state\n  if (!securityGroup) {\n    return (\n      <Stack className=\"fixed inset-0\" distribution=\"center\" alignment=\"center\" direction=\"vertical\" gap=\"5\">\n        <p className=\"text-theme-secondary\">\n          <Trans>Security group not found</Trans>\n        </p>\n        <Button onClick={handleBack} variant=\"primary\">\n          <Trans>Back to Security Groups</Trans>\n        </Button>\n      </Stack>\n    )\n  }\n\n  // Render success state\n  return (\n    <Stack direction=\"vertical\">\n      <ContentHeading>{securityGroup.name || securityGroup.id}</ContentHeading>\n      <Breadcrumb className=\"my-6\">\n        <BreadcrumbItem onClick={handleBack} label={t`Security Groups`} />\n        <BreadcrumbItem active label={securityGroup.id} />\n      </Breadcrumb>\n\n      <SecurityGroupDetailsView\n        securityGroup={securityGroup}\n        filteredAndSortedRules={filteredAndSortedRules}\n        onEdit={handleEdit}\n        onDeleteRule={handleDeleteRule}\n        isDeletingRule={isDeletingRule}\n        deleteRuleError={deleteRuleError}\n        filterControls={filterControls}\n        onCreateRule={handleCreateRule}\n        isCreatingRule={isCreatingRule}\n        createRuleError={createRuleError}\n        availableSecurityGroups={availableSecurityGroups}\n        currentProjectId={projectId}\n        permissions={safePermissions}\n      />\n\n      <EditSecurityGroupModal\n        securityGroup={securityGroup}\n        open={editModalOpen}\n        onClose={handleCloseEditModal}\n        onUpdate={handleUpdate}\n        isLoading={isUpdating}\n        error={updateError}\n      />\n    </Stack>\n  )\n}\n"],"mappings":";;AAqBA,IAAaG,IAAQH,EAAgB,qEAAA,CAAA,CAAuE;CAC1GI,YAAY;EACVC,SAAS;EACTC,SAAS;EACTC,WAAW,EACTC,MAAM,gCACR;EACAC,UAAU;EACVC,cAAc,EAAEC,UAAU,UAAU;EACpCC,OAAO;GAAED,UAAU;GAAmBE,IAAI;EAA8C;CAC1F;CACAE,QAAQ,OAAO,EAAEC,YAASC,gBAAQ;EAChC,IAAMC,IAAK,MAAMF,EAAQG,YAAYC,QAAQC,cAAcC,QAAQC,MAAM;GACvEC,YAAYP,EAAOQ;GACnBC,iBAAiBT,EAAOS;EAC1B,CAAA;EACA,OAAO,EAAEC,SAAST,GAAIV,QAAQU,GAAIU,MAAM,KAAK;CAC/C;CACAC,OAAO,EAAEC,qBAAkB,EACzBC,MAAM,CAAC,EAAEC,OAAOF,GAAYH,WAAW,iBAAiB,CAAC,EAC3D;CACAM,WAASC,mDAAA,WAAA;CACTE,YAAY,OAAO,EAAEpB,YAASC,gBAAQ;EACpC,IAAM,EAAEE,kBAAeH,GAEjBqB,IAAoB,MAAOlB,GAAYmB,KAAKC,qBAAqBhB,MAAAA,KAAY,CAAA,GAE7EiB,IAAetC,EAAgBmC,CAAAA;EAUrC,IAPI,CAACG,EAAa,WAOd,CAACA,EAAa,QAAW,SAE3B,MAAMvC,EAAS;GACbY,IAAI;GACJI,QAAQ,EAAEQ,WAAWR,EAAOQ,UAAU;EACxC,CAAA;CAEJ;AACF,CAAA"}