Complete preliminary docs for pki subscribers

frontend/src/hooks/api/pkiSubscriber/constants.tsx

@@ -0,0 +1,20 @@
+export enum PkiSubscriberStatus {
+  ACTIVE = "active",
+  DISABLED = "disabled"
+}
+
+export const pkiSubscriberStatusToNameMap: { [K in PkiSubscriberStatus]: string } = {
+  [PkiSubscriberStatus.ACTIVE]: "Active",
+  [PkiSubscriberStatus.DISABLED]: "Disabled"
+};
+
+export const getPkiSubscriberStatusBadgeVariant = (status: PkiSubscriberStatus) => {
+  switch (status) {
+    case PkiSubscriberStatus.ACTIVE:
+      return "success";
+    case PkiSubscriberStatus.DISABLED:
+      return "danger";
+    default:
+      return "primary";
+  }
+};

frontend/src/hooks/api/pkiSubscriber/index.tsx

@@ -1,6 +1,7 @@
 export {
   useCreatePkiSubscriber,
   useDeletePkiSubscriber,
+  useIssuePkiSubscriberCert,
   useUpdatePkiSubscriber
 } from "./mutations";
-export { useGetPkiSubscriberById } from "./queries";
+export { useGetPkiSubscriber, useGetPkiSubscriberCertificates } from "./queries";

frontend/src/hooks/api/pkiSubscriber/mutations.tsx

@@ -2,10 +2,13 @@ import { useMutation, useQueryClient } from "@tanstack/react-query";
 
 import { apiRequest } from "@app/config/request";
 
+import { TCreateCertificateResponse } from "../ca/types";
 import { workspaceKeys } from "../workspace/query-keys";
+import { pkiSubscriberKeys } from "./queries";
 import {
   TCreatePkiSubscriberDTO,
   TDeletePkiSubscriberDTO,
+  TIssuePkiSubscriberCertDTO,
   TPkiSubscriber,
   TUpdatePkiSubscriberDTO
 } from "./types";
@@ -17,10 +20,16 @@ export const useCreatePkiSubscriber = () => {
       const { data: subscriber } = await apiRequest.post("/api/v1/pki/subscribers", body);
       return subscriber;
     },
-    onSuccess: ({ projectId }) => {
+    onSuccess: ({ projectId, name }) => {
       queryClient.invalidateQueries({
         queryKey: workspaceKeys.getWorkspacePkiSubscribers(projectId)
       });
+      queryClient.invalidateQueries({
+        queryKey: pkiSubscriberKeys.getPkiSubscriber({
+          subscriberName: name,
+          projectId
+        })
+      });
     }
   });
 };
@@ -28,17 +37,23 @@ export const useCreatePkiSubscriber = () => {
 export const useUpdatePkiSubscriber = () => {
   const queryClient = useQueryClient();
   return useMutation<TPkiSubscriber, object, TUpdatePkiSubscriberDTO>({
-    mutationFn: async ({ subscriberId, ...body }) => {
+    mutationFn: async ({ subscriberName, ...body }) => {
       const { data: subscriber } = await apiRequest.patch(
-        `/api/v1/pki/subscribers/${subscriberId}`,
+        `/api/v1/pki/subscribers/${subscriberName}`,
         body
       );
       return subscriber;
     },
-    onSuccess: ({ projectId }) => {
+    onSuccess: ({ projectId, name }) => {
       queryClient.invalidateQueries({
         queryKey: workspaceKeys.getWorkspacePkiSubscribers(projectId)
       });
+      queryClient.invalidateQueries({
+        queryKey: pkiSubscriberKeys.getPkiSubscriber({
+          subscriberName: name,
+          projectId
+        })
+      });
     }
   });
 };
@@ -46,16 +61,50 @@ export const useUpdatePkiSubscriber = () => {
 export const useDeletePkiSubscriber = () => {
   const queryClient = useQueryClient();
   return useMutation<TPkiSubscriber, object, TDeletePkiSubscriberDTO>({
-    mutationFn: async ({ subscriberId }) => {
+    mutationFn: async ({ subscriberName, projectId }) => {
       const { data: subscriber } = await apiRequest.delete(
-        `/api/v1/pki/subscribers/${subscriberId}`
+        `/api/v1/pki/subscribers/${subscriberName}`,
+        {
+          data: {
+            projectId
+          }
+        }
       );
       return subscriber;
     },
-    onSuccess: ({ projectId }) => {
+    onSuccess: ({ name, projectId }) => {
       queryClient.invalidateQueries({
         queryKey: workspaceKeys.getWorkspacePkiSubscribers(projectId)
       });
+      queryClient.invalidateQueries({
+        queryKey: pkiSubscriberKeys.getPkiSubscriber({
+          subscriberName: name,
+          projectId
+        })
+      });
+    }
+  });
+};
+
+export const useIssuePkiSubscriberCert = () => {
+  const queryClient = useQueryClient();
+  return useMutation<TCreateCertificateResponse, object, TIssuePkiSubscriberCertDTO>({
+    mutationFn: async ({ subscriberName, projectId }) => {
+      const { data } = await apiRequest.post(
+        `/api/v1/pki/subscribers/${subscriberName}/issue-certificate`,
+        {
+          projectId
+        }
+      );
+      return data;
+    },
+    onSuccess: (_, { subscriberName, projectId }) => {
+      queryClient.invalidateQueries({
+        queryKey: pkiSubscriberKeys.forPkiSubscriberCertificates({
+          subscriberName,
+          projectId
+        })
+      });
     }
   });
 };

frontend/src/hooks/api/pkiSubscriber/queries.tsx

@@ -2,21 +2,101 @@ import { useQuery } from "@tanstack/react-query";
 
 import { apiRequest } from "@app/config/request";
 
+import { TCertificate } from "../certificates/types";
 import { TPkiSubscriber } from "./types";
 
 export const pkiSubscriberKeys = {
-  getPkiSubscriberById: (subscriberId: string) => [{ subscriberId }, "pki-subscriber"] as const
+  getPkiSubscriber: ({
+    subscriberName,
+    projectId
+  }: {
+    subscriberName: string;
+    projectId: string;
+  }) => [{ subscriberName, projectId }, "pki-subscriber"] as const,
+  allPkiSubscriberCertificates: () => ["pki-subscriber-certificates"] as const,
+  forPkiSubscriberCertificates: ({
+    subscriberName,
+    projectId
+  }: {
+    subscriberName: string;
+    projectId: string;
+  }) => [...pkiSubscriberKeys.allPkiSubscriberCertificates(), subscriberName, projectId] as const,
+  specificPkiSubscriberCertificates: ({
+    subscriberName,
+    projectId,
+    offset,
+    limit
+  }: {
+    subscriberName: string;
+    projectId: string;
+    offset: number;
+    limit: number;
+  }) =>
+    [
+      ...pkiSubscriberKeys.forPkiSubscriberCertificates({ subscriberName, projectId }),
+      { offset, limit, projectId }
+    ] as const
 };
 
-export const useGetPkiSubscriberById = (subscriberId: string) => {
+export const useGetPkiSubscriber = ({
+  subscriberName,
+  projectId
+}: {
+  subscriberName: string;
+  projectId: string;
+}) => {
   return useQuery({
-    queryKey: pkiSubscriberKeys.getPkiSubscriberById(subscriberId),
+    queryKey: pkiSubscriberKeys.getPkiSubscriber({ subscriberName, projectId }),
     queryFn: async () => {
       const { data: pkiSubscriber } = await apiRequest.get<TPkiSubscriber>(
-        `/api/v1/pki/subscribers/${subscriberId}`
+        `/api/v1/pki/subscribers/${subscriberName}`,
+        {
+          params: {
+            projectId
+          }
+        }
       );
       return pkiSubscriber;
     },
-    enabled: Boolean(subscriberId)
+    enabled: Boolean(subscriberName) && Boolean(projectId)
+  });
+};
+
+export const useGetPkiSubscriberCertificates = ({
+  subscriberName,
+  projectId,
+  offset,
+  limit
+}: {
+  subscriberName: string;
+  projectId: string;
+  offset: number;
+  limit: number;
+}) => {
+  return useQuery({
+    queryKey: pkiSubscriberKeys.specificPkiSubscriberCertificates({
+      subscriberName,
+      projectId,
+      offset: 0,
+      limit: 25
+    }),
+    queryFn: async () => {
+      const params = new URLSearchParams({
+        offset: String(offset),
+        limit: String(limit),
+        projectId
+      });
+
+      const {
+        data: { certificates, totalCount }
+      } = await apiRequest.get<{ certificates: TCertificate[]; totalCount: number }>(
+        `/api/v1/pki/subscribers/${subscriberName}/certificates`,
+        {
+          params
+        }
+      );
+      return { certificates, totalCount };
+    },
+    enabled: Boolean(subscriberName) && Boolean(projectId)
   });
 };

frontend/src/hooks/api/pkiSubscriber/types.ts

@@ -1,11 +1,17 @@
 import { CertExtendedKeyUsage, CertKeyUsage } from "../certificates/enums";
 
+export enum PkiSubscriberStatus {
+  ACTIVE = "active",
+  DISABLED = "disabled"
+}
+
 export type TPkiSubscriber = {
   id: string;
   projectId: string;
   caId: string;
   name: string;
   commonName: string;
+  status: PkiSubscriberStatus;
   ttl: string;
   subjectAlternativeNames: string[];
   keyUsages: CertKeyUsage[];
@@ -24,10 +30,12 @@ export type TCreatePkiSubscriberDTO = {
 };
 
 export type TUpdatePkiSubscriberDTO = {
-  subscriberId: string;
+  subscriberName: string;
+  projectId: string;
   caId?: string;
   name?: string;
   commonName?: string;
+  status?: PkiSubscriberStatus;
   ttl?: string;
   subjectAlternativeNames?: string[];
   keyUsages?: CertKeyUsage[];
@@ -35,5 +43,11 @@ export type TUpdatePkiSubscriberDTO = {
 };
 
 export type TDeletePkiSubscriberDTO = {
-  subscriberId: string;
+  subscriberName: string;
+  projectId: string;
+};
+
+export type TIssuePkiSubscriberCertDTO = {
+  subscriberName: string;
+  projectId: string;
 };