Fix lint/type issues

backend/src/ee/services/audit-log/audit-log-types.ts

@@ -15,7 +15,7 @@ export type TListProjectAuditLogDTO = {
 
 export type TCreateAuditLogDTO = {
   event: Event;
-  actor: UserActor | IdentityActor | ServiceActor;
+  actor: UserActor | IdentityActor | ServiceActor | ScimClientActor;
   orgId?: string;
   projectId?: string;
 } & BaseAuthData;
@@ -105,6 +105,8 @@ interface IdentityActorMetadata {
   name: string;
 }
 
+interface ScimClientActorMetadata {}
+
 export interface UserActor {
   type: ActorType.USER;
   metadata: UserActorMetadata;
@@ -122,6 +124,7 @@ export interface IdentityActor {
 
 export interface ScimClientActor {
   type: ActorType.SCIM_CLIENT;
+  metadata: ScimClientActorMetadata;
 }
 
 export type Actor = UserActor | ServiceActor | IdentityActor | ScimClientActor;

backend/src/server/plugins/audit-log.ts

@@ -65,7 +65,8 @@ export const injectAuditLogInfo = fp(async (server: FastifyZodProvider) => {
       };
     } else if (req.auth.actor === ActorType.SCIM_CLIENT) {
       payload.actor = {
-        type: ActorType.SCIM_CLIENT
+        type: ActorType.SCIM_CLIENT,
+        metadata: {}
       };
     } else {
       throw new BadRequestError({ message: "Missing logic for other actor" });

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

@@ -1,5 +1,5 @@
-export { useGetScimTokens } from "./queries";
 export { 
     useCreateScimToken,
     useDeleteScimToken
-} from "./mutations";
+} from "./mutations";
+export { useGetScimTokens } from "./queries";

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

@@ -1,11 +1,13 @@
 import { useMutation, useQueryClient } from "@tanstack/react-query";
+
 import { apiRequest } from "@app/config/request";
+
+import { scimKeys } from "./queries";
 import {
     CreateScimTokenDTO,
     CreateScimTokenRes,
     DeleteScimTokenDTO
 } from "./types";
-import { scimKeys } from "./queries";
 
 export const useCreateScimToken = () => {
     const queryClient = useQueryClient();
@@ -32,10 +34,7 @@ export const useCreateScimToken = () => {
 export const useDeleteScimToken = () => {
     const queryClient = useQueryClient();
     return useMutation<CreateScimTokenRes, {}, DeleteScimTokenDTO>({
-        mutationFn: async ({
+        mutationFn: async ({ scimTokenId }) => {
-            organizationId,
-            scimTokenId
-        }) => {
             const { data } = await apiRequest.delete(`/api/v1/scim/scim-tokens/${scimTokenId}`);
             return data;
         },

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

@@ -1,5 +1,7 @@
-import { useQuery, useQueryClient } from "@tanstack/react-query";
+import { useQuery } from "@tanstack/react-query";
+
 import { apiRequest } from "@app/config/request";
+
 import { ScimTokenData } from "./types";
 
 export const scimKeys = {

frontend/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/OrgAuthTab.tsx

@@ -1,8 +1,8 @@
 import { OrgPermissionActions, OrgPermissionSubjects } from "@app/context";
 import { withPermission } from "@app/hoc";
 
-import { OrgScimSection } from "./OrgScimSection";
 import { OrgGeneralAuthSection } from "./OrgGeneralAuthSection";
+import { OrgScimSection } from "./OrgSCIMSection";
 import { OrgSSOSection } from "./OrgSSOSection";
 
 export const OrgAuthTab = withPermission(

frontend/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/ScimTokenModal.tsx

@@ -26,14 +26,13 @@ import {
   THead,
   Tr
 } from "@app/components/v2";
+import { useOrganization } from "@app/context";
 import { useToggle } from "@app/hooks";
 import {
-    useGetScimTokens, 
     useCreateScimToken,
-    useDeleteScimToken
+    useDeleteScimToken,
-} from "@app/hooks/api";
+    useGetScimTokens} from "@app/hooks/api";
 import { UsePopUpState } from "@app/hooks/usePopUp";
-import { useOrganization } from "@app/context";
 
 const schema = yup.object({
   description: yup.string(),
@@ -162,7 +161,7 @@ export const ScimTokenModal = ({
         setToken("");
       }}
     >
-      <ModalContent title={`Manage SCIM credentials`}>
+      <ModalContent title="Manage SCIM credentials">
         <h2 className="mb-4">SCIM URL</h2>
         <div className="mb-8 flex items-center justify-between rounded-md bg-white/[0.07] p-2 text-base text-gray-400">
           <p className="mr-4 break-all">{scimUrl}</p>
@@ -326,7 +325,7 @@ export const ScimTokenModal = ({
         </TableContainer>
         <DeleteActionModal
           isOpen={popUp.deleteScimToken.isOpen}
-          title={"Are you sure want to delete the SCIM token?"}
+          title="Are you sure want to delete the SCIM token?"
           onChange={(isOpen) => handlePopUpToggle("scimToken", isOpen)}
           deleteKey="confirm"
           onDeleteApproved={() => {