feat(ui): finished ui for identity additional privilege

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

@@ -41,6 +41,18 @@ export type IdentityMembership = {
     temporaryAccessStartTime: string | null;
     temporaryAccessEndTime: string | null;
   }[];
+  additionalPrivileges: {
+    id: string;
+    name: string;
+    description: string | null | undefined;
+    slug: string;
+    temporaryRange: string | null | undefined;
+    temporaryMode: string | null | undefined;
+    temporaryAccessEndTime: string | null | undefined;
+    temporaryAccessStartTime: string | null | undefined;
+    isTemporary: boolean;
+    createdAt: string;
+  }[];
   createdAt: string;
   updatedAt: string;
 };

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

@@ -0,0 +1,7 @@
+export {
+  useCreateIdentityProjectAdditionalPrivilege,
+  useDeleteIdentityProjectAdditionalPrivilege,
+  useUpdateIdentityProjectAdditionalPrivilege
+} from "./mutation";
+export { useGetIdentityProjectPrivilegeDetails } from "./queries";
+export type { TIdentityProjectPrivilege } from "./types";

frontend/src/hooks/api/identityProjectAdditionalPrivilege/mutation.tsx

@@ -0,0 +1,74 @@
+import { packRules } from "@casl/ability/extra";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+
+import { apiRequest } from "@app/config/request";
+
+import { workspaceKeys } from "../workspace/queries";
+import {
+  TCreateIdentityProjectPrivilegeDTO,
+  TDeleteIdentityProjectPrivilegeDTO,
+  TIdentityProjectPrivilege,
+  TUpdateIdentityProjectPrivlegeDTO
+} from "./types";
+
+export const useCreateIdentityProjectAdditionalPrivilege = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation<
+    { privilege: TIdentityProjectPrivilege },
+    {},
+    TCreateIdentityProjectPrivilegeDTO
+  >({
+    mutationFn: async (dto) => {
+      const { data } = await apiRequest.post("/api/v1/additional-privilege/identity", {
+        ...dto,
+        permissions: packRules(dto.permissions)
+      });
+      return data.privilege;
+    },
+    onSuccess: (_, { projectId }) => {
+      queryClient.invalidateQueries(workspaceKeys.getWorkspaceIdentityMemberships(projectId));
+    }
+  });
+};
+
+export const useUpdateIdentityProjectAdditionalPrivilege = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation<
+    { privilege: TIdentityProjectPrivilege },
+    {},
+    TUpdateIdentityProjectPrivlegeDTO
+  >({
+    mutationFn: async (dto) => {
+      const { data } = await apiRequest.patch(
+        `/api/v1/additional-privilege/identity/${dto.privilegeId}`,
+        { ...dto, permissions: dto.permissions ? packRules(dto.permissions) : undefined }
+      );
+      return data.privilege;
+    },
+    onSuccess: (_, { projectId }) => {
+      queryClient.invalidateQueries(workspaceKeys.getWorkspaceIdentityMemberships(projectId));
+    }
+  });
+};
+
+export const useDeleteIdentityProjectAdditionalPrivilege = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation<
+    { privilege: TIdentityProjectPrivilege },
+    {},
+    TDeleteIdentityProjectPrivilegeDTO
+  >({
+    mutationFn: async (dto) => {
+      const { data } = await apiRequest.delete(
+        `/api/v1/additional-privilege/identity/${dto.privilegeId}`
+      );
+      return data.privilege;
+    },
+    onSuccess: (_, { projectId }) => {
+      queryClient.invalidateQueries(workspaceKeys.getWorkspaceIdentityMemberships(projectId));
+    }
+  });
+};

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

@@ -0,0 +1,31 @@
+import { PackRule, unpackRules } from "@casl/ability/extra";
+import { useQuery } from "@tanstack/react-query";
+
+import { apiRequest } from "@app/config/request";
+
+import { TProjectPermission } from "../roles/types";
+import { TIdentityProjectPrivilege } from "./types";
+
+export const identitiyProjectPrivilegeKeys = {
+  details: (privilegeId: string) => ["project-user-privilege", { privilegeId }] as const
+};
+
+const fetchIdentityProjectPrivilegeDetails = async (privilegeId: string) => {
+  const {
+    data: { privilege }
+  } = await apiRequest.get<{
+    privilege: Omit<TIdentityProjectPrivilege, "permissions"> & { permissions: unknown };
+  }>(`/api/v1/additional-privilege/identity/${privilegeId}`);
+  return {
+    ...privilege,
+    permissions: unpackRules(privilege.permissions as PackRule<TProjectPermission>[])
+  };
+};
+
+export const useGetIdentityProjectPrivilegeDetails = (privilegeId: string) => {
+  return useQuery({
+    enabled: Boolean(privilegeId),
+    queryKey: identitiyProjectPrivilegeKeys.details(privilegeId),
+    queryFn: () => fetchIdentityProjectPrivilegeDetails(privilegeId)
+  });
+};

frontend/src/hooks/api/identityProjectAdditionalPrivilege/types.tsx

@@ -0,0 +1,48 @@
+import { TProjectPermission } from "../roles/types";
+
+export enum IdentityProjectAdditionalPrivilegeTemporaryMode {
+  Relative = "relative"
+}
+
+export type TIdentityProjectPrivilege = {
+  projectMembershipId: string;
+  slug: string;
+  name: string;
+  isTemporary: boolean;
+  id: string;
+  createdAt: Date;
+  updatedAt: Date;
+  description?: string | null | undefined;
+  temporaryMode?: string | null | undefined;
+  temporaryRange?: string | null | undefined;
+  temporaryAccessStartTime?: string | null | undefined;
+  temporaryAccessEndTime?: Date | null | undefined;
+  permissions?: TProjectPermission[];
+};
+
+export type TCreateIdentityProjectPrivilegeDTO = {
+  identityId: string;
+  projectId: string;
+  slug: string;
+  name: string;
+  description?: string;
+  isTemporary?: boolean;
+  temporaryMode?: IdentityProjectAdditionalPrivilegeTemporaryMode;
+  temporaryRange?: string;
+  temporaryAccessStartTime?: string;
+  permissions: TProjectPermission[];
+};
+
+export type TUpdateIdentityProjectPrivlegeDTO = {
+  privilegeId: string;
+  projectId: string;
+} & Partial<Omit<TCreateIdentityProjectPrivilegeDTO, "projectMembershipId" | "projectId">>;
+
+export type TDeleteIdentityProjectPrivilegeDTO = {
+  privilegeId: string;
+  projectId: string;
+};
+
+export type TGetIdentityProejctPrivilegeDetails = {
+  privilegeId: string;
+};

frontend/src/hooks/api/index.tsx

@@ -6,6 +6,7 @@ export * from "./bots";
 export * from "./dynamicSecret";
 export * from "./dynamicSecretLease";
 export * from "./identities";
+export * from "./identityProjectAdditionalPrivilege";
 export * from "./incidentContacts";
 export * from "./integrationAuth";
 export * from "./integrations";