infisical/frontend/src/views/Project/AuditLogsPage/components/LogsTableRow.tsx

import { Td, Tr } from "@app/components/v2";
import { eventToNameMap, userAgentTTypeoNameMap } from "@app/hooks/api/auditLogs/constants";
import { ActorType, EventType } from "@app/hooks/api/auditLogs/enums";
import { Actor, AuditLog, Event } from "@app/hooks/api/auditLogs/types";

type Props = {
  auditLog: AuditLog;
};

export const LogsTableRow = ({ auditLog }: Props) => {
  const renderActor = (actor: Actor) => {
    switch (actor.type) {
      case ActorType.USER:
        return (
          <Td>
            <p>{actor.metadata.email}</p>
            <p>User</p>
          </Td>
        );
      case ActorType.SERVICE:
        return (
          <Td>
            <p>{`${actor.metadata.name}`}</p>
            <p>Service token</p>
          </Td>
        );
      case ActorType.IDENTITY:
        return (
          <Td>
            <p>{`${actor.metadata.name}`}</p>
            <p>Machine Identity</p>
          </Td>
        );
      default:
        return <Td />;
    }
  };

  const renderMetadata = (event: Event) => {
    switch (event.type) {
      case EventType.GET_SECRETS:
        return (
          <Td>
            <p>{`Environment: ${event.metadata.environment}`}</p>
            <p>{`Path: ${event.metadata.secretPath}`}</p>
            <p>{`# Secrets: ${event.metadata.numberOfSecrets}`}</p>
          </Td>
        );
      case EventType.GET_SECRET:
        return (
          <Td>
            <p>{`Environment: ${event.metadata.environment}`}</p>
            <p>{`Path: ${event.metadata.secretPath}`}</p>
            <p>{`Secret: ${event.metadata.secretKey}`}</p>
          </Td>
        );
      case EventType.CREATE_SECRET:
        return (
          <Td>
            <p>{`Environment: ${event.metadata.environment}`}</p>
            <p>{`Path: ${event.metadata.secretPath}`}</p>
            <p>{`Secret: ${event.metadata.secretKey}`}</p>
          </Td>
        );
      case EventType.UPDATE_SECRET:
        return (
          <Td>
            <p>{`Environment: ${event.metadata.environment}`}</p>
            <p>{`Path: ${event.metadata.secretPath}`}</p>
            <p>{`Secret: ${event.metadata.secretKey}`}</p>
          </Td>
        );
      case EventType.DELETE_SECRET:
        return (
          <Td>
            <p>{`Environment: ${event.metadata.environment}`}</p>
            <p>{`Path: ${event.metadata.secretPath}`}</p>
            <p>{`Secret: ${event.metadata.secretKey}`}</p>
          </Td>
        );
      case EventType.AUTHORIZE_INTEGRATION:
        return (
          <Td>
            <p>{`Integration: ${event.metadata.integration}`}</p>
          </Td>
        );
      case EventType.UNAUTHORIZE_INTEGRATION:
        return (
          <Td>
            <p>{`Integration: ${event.metadata.integration}`}</p>
          </Td>
        );
      case EventType.CREATE_INTEGRATION:
        return (
          <Td>
            <p>{`Integration: ${event.metadata.integration}`}</p>
            <p>{`Environment: ${event.metadata.environment}`}</p>
            <p>{`Path: ${event.metadata.secretPath}`}</p>
            {event.metadata.app && <p>{`Target app: ${event.metadata.app}`}</p>}
            {event.metadata.appId && <p>{`Target app: ${event.metadata.appId}`}</p>}
            {event.metadata.targetEnvironment && (
              <p>{`Target environment: ${event.metadata.targetEnvironment}`}</p>
            )}
            {event.metadata.targetEnvironmentId && (
              <p>{`Target environment ID: ${event.metadata.targetEnvironmentId}`}</p>
            )}
          </Td>
        );
      case EventType.DELETE_INTEGRATION:
        return (
          <Td>
            <p>{`Integration: ${event.metadata.integration}`}</p>
            <p>{`Environment: ${event.metadata.environment}`}</p>
            <p>{`Path: ${event.metadata.secretPath}`}</p>
            {event.metadata.app && <p>{`Target App: ${event.metadata.app}`}</p>}
            {event.metadata.appId && <p>{`Target app: ${event.metadata.appId}`}</p>}
            {event.metadata.targetEnvironment && (
              <p>{`Target environment: ${event.metadata.targetEnvironment}`}</p>
            )}
            {event.metadata.targetEnvironmentId && (
              <p>{`Target environment ID: ${event.metadata.targetEnvironmentId}`}</p>
            )}
          </Td>
        );
      case EventType.ADD_TRUSTED_IP:
        return (
          <Td>
            <p>{`IP: ${event.metadata.ipAddress}${
              event.metadata.prefix !== undefined ? `/${event.metadata.prefix}` : ""
            }`}</p>
          </Td>
        );
      case EventType.UPDATE_TRUSTED_IP:
        return (
          <Td>
            <p>{`IP: ${event.metadata.ipAddress}${
              event.metadata.prefix !== undefined ? `/${event.metadata.prefix}` : ""
            }`}</p>
          </Td>
        );
      case EventType.DELETE_TRUSTED_IP:
        return (
          <Td>
            <p>{`IP: ${event.metadata.ipAddress}${
              event.metadata.prefix !== undefined ? `/${event.metadata.prefix}` : ""
            }`}</p>
          </Td>
        );
      case EventType.CREATE_SERVICE_TOKEN:
        return (
          <Td>
            <p>{`Name: ${event.metadata.name}`}</p>
          </Td>
        );
      case EventType.DELETE_SERVICE_TOKEN:
        return (
          <Td>
            <p>{`Name: ${event.metadata.name}`}</p>
          </Td>
        );
      case EventType.CREATE_IDENTITY:
        return (
          <Td>
            <p>{`ID: ${event.metadata.identityId}`}</p>
            <p>{`Name: ${event.metadata.name}`}</p>
          </Td>
        );
      case EventType.UPDATE_IDENTITY:
        return (
          <Td>
            <p>{`ID: ${event.metadata.identityId}`}</p>
            <p>{`Name: ${event.metadata.name}`}</p>
          </Td>
        );
      case EventType.DELETE_IDENTITY:
        return (
          <Td>
            <p>{`ID: ${event.metadata.identityId}`}</p>
          </Td>
        );
      case EventType.CREATE_ENVIRONMENT:
        return (
          <Td>
            <p>{`Name: ${event.metadata.name}`}</p>
            <p>{`Slug: ${event.metadata.slug}`}</p>
          </Td>
        );
      case EventType.UPDATE_ENVIRONMENT:
        return (
          <Td>
            <p>{`Old name: ${event.metadata.oldName}`}</p>
            <p>{`New name: ${event.metadata.newName}`}</p>
            <p>{`Old slug: ${event.metadata.oldSlug}`}</p>
            <p>{`New slug: ${event.metadata.newSlug}`}</p>
          </Td>
        );
      case EventType.DELETE_ENVIRONMENT:
        return (
          <Td>
            <p>{`Name: ${event.metadata.name}`}</p>
            <p>{`Slug: ${event.metadata.slug}`}</p>
          </Td>
        );
      case EventType.ADD_WORKSPACE_MEMBER:
        return (
          <Td>
            <p>{`Email: ${event.metadata.email}`}</p>
          </Td>
        );
      case EventType.REMOVE_WORKSPACE_MEMBER:
        return (
          <Td>
            <p>{`Email: ${event.metadata.email}`}</p>
          </Td>
        );
      case EventType.CREATE_FOLDER:
        return (
          <Td>
            <p>{`Environment: ${event.metadata.environment}`}</p>
            <p>{`Path: ${event.metadata.folderPath}`}</p>
            <p>{`Folder: ${event.metadata.folderName}`}</p>
          </Td>
        );
      case EventType.UPDATE_FOLDER:
        return (
          <Td>
            <p>{`Environment: ${event.metadata.environment}`}</p>
            <p>{`Path: ${event.metadata.folderPath}`}</p>
            <p>{`Old folder: ${event.metadata.oldFolderName}`}</p>
            <p>{`New folder: ${event.metadata.newFolderName}`}</p>
          </Td>
        );
      case EventType.DELETE_FOLDER:
        return (
          <Td>
            <p>{`Environment: ${event.metadata.environment}`}</p>
            <p>{`Path: ${event.metadata.folderPath}`}</p>
            <p>{`Folder: ${event.metadata.folderName}`}</p>
          </Td>
        );
      case EventType.CREATE_WEBHOOK:
        return (
          <Td>
            <p>{`Environment: ${event.metadata.environment}`}</p>
            <p>{`Secret path: ${event.metadata.secretPath}`}</p>
            <p>{`Webhook URL: ${event.metadata.webhookUrl}`}</p>
            <p>{`Disabled: ${event.metadata.isDisabled}`}</p>
          </Td>
        );
      case EventType.UPDATE_WEBHOOK_STATUS:
        return (
          <Td>
            <p>{`Environment: ${event.metadata.environment}`}</p>
            <p>{`Secret path: ${event.metadata.secretPath}`}</p>
            <p>{`Webhook URL: ${event.metadata.webhookUrl}`}</p>
            <p>{`Disabled: ${event.metadata.isDisabled}`}</p>
          </Td>
        );
      case EventType.DELETE_WEBHOOK:
        return (
          <Td>
            <p>{`Environment: ${event.metadata.environment}`}</p>
            <p>{`Secret path: ${event.metadata.secretPath}`}</p>
            <p>{`Webhook URL: ${event.metadata.webhookUrl}`}</p>
            <p>{`Disabled: ${event.metadata.isDisabled}`}</p>
          </Td>
        );
      case EventType.GET_SECRET_IMPORTS:
        return (
          <Td>
            <p>{`Environment: ${event.metadata.environment}`}</p>
            <p>{`# Imported paths: ${event.metadata.numberOfImports}`}</p>
          </Td>
        );
      case EventType.CREATE_SECRET_IMPORT:
        return (
          <Td>
            <p>{`Import from env: ${event.metadata.importFromEnvironment}`}</p>
            <p>{`Import from path: ${event.metadata.importFromSecretPath}`}</p>
            <p>{`Import to env: ${event.metadata.importToEnvironment}`}</p>
            <p>{`Import to path: ${event.metadata.importToSecretPath}`}</p>
          </Td>
        );
      case EventType.UPDATE_SECRET_IMPORT:
        return (
          <Td>
            <p>{`Import to env: ${event.metadata.importToEnvironment}`}</p>
            <p>{`Import to path: ${event.metadata.importToSecretPath}`}</p>
          </Td>
        );
      case EventType.DELETE_SECRET_IMPORT:
        return (
          <Td>
            <p>{`Import from env: ${event.metadata.importFromEnvironment}`}</p>
            <p>{`Import from path: ${event.metadata.importFromSecretPath}`}</p>
            <p>{`Import to env: ${event.metadata.importToEnvironment}`}</p>
            <p>{`Import to path: ${event.metadata.importToSecretPath}`}</p>
          </Td>
        );
      case EventType.UPDATE_USER_WORKSPACE_ROLE:
        return (
          <Td>
            <p>{`Email: ${event.metadata.email}`}</p>
            <p>{`Old role: ${event.metadata.oldRole}`}</p>
            <p>{`New role: ${event.metadata.newRole}`}</p>
          </Td>
        );
      case EventType.UPDATE_USER_WORKSPACE_DENIED_PERMISSIONS:
        return (
          <Td>
            <p>{`Email: ${event.metadata.email}`}</p>
            {event.metadata.deniedPermissions.map((permission) => {
              return (
                <p
                  key={`audit-log-denied-permission-${event.metadata.userId}-${permission.environmentSlug}-${permission.ability}`}
                >
                  {`Denied env-ability: ${permission.environmentSlug}-${permission.ability}`}
                </p>
              );
            })}
          </Td>
        );
      case EventType.CREATE_CA:
      case EventType.GET_CA:
      case EventType.UPDATE_CA:
      case EventType.DELETE_CA:
      case EventType.GET_CA_CSR:
      case EventType.GET_CA_CERT:
      case EventType.IMPORT_CA_CERT:
      case EventType.GET_CA_CRL:
      case EventType.SIGN_INTERMEDIATE:
      case EventType.ISSUE_CERT:
        return (
          <Td>
            <p>{`CA DN: ${event.metadata.dn}`}</p>
          </Td>
        );
      case EventType.GET_CERT:
      case EventType.DELETE_CERT:
      case EventType.REVOKE_CERT:
      case EventType.GET_CERT_BODY:
        return (
          <Td>
            <p>{`Cert CN: ${event.metadata.cn}`}</p>
          </Td>
        );
      default:
        return <Td />;
    }
  };

  const formatDate = (dateToFormat: string) => {
    const date = new Date(dateToFormat);
    const year = date.getFullYear();
    const month = String(date.getMonth() + 1).padStart(2, "0");
    const day = String(date.getDate()).padStart(2, "0");

    let hours = date.getHours();
    const minutes = String(date.getMinutes()).padStart(2, "0");

    // convert from 24h to 12h format
    const period = hours >= 12 ? "PM" : "AM";
    hours %= 12;
    hours = hours || 12; // the hour '0' should be '12'

    const formattedDate = `${day}-${month}-${year} at ${hours}:${minutes} ${period}`;
    return formattedDate;
  };

  return (
    <Tr className={`log-${auditLog.id} h-10 border-x-0 border-b border-t-0`}>
      <Td>{formatDate(auditLog.createdAt)}</Td>
      <Td>{`${eventToNameMap[auditLog.event.type]}`}</Td>
      {renderActor(auditLog.actor)}
      <Td>
        <p>{userAgentTTypeoNameMap[auditLog.userAgentType]}</p>
        <p>{auditLog.ipAddress}</p>
      </Td>
      {renderMetadata(auditLog.event)}
    </Tr>
  );
};