fix: Audit details fixes RELEASE (#792)

## Related Issues

Fixes descope/etc#7270

---------

Co-authored-by: Doron Sharon <[email protected]>

packages/widgets/audit-management-widget/src/lib/widget/api/types.ts

@@ -5,6 +5,7 @@ export type Sdk = ReturnType<typeof createWebSdk>;
 export type HttpClient = Sdk['httpClient'];
 
 export type Audit = {
+  ID?: string;
   id: string;
   userId: string;
   action: string;

packages/widgets/audit-management-widget/src/lib/widget/mixins/initMixin/initComponentsMixins/initAuditTableMixin.ts

@@ -17,7 +17,7 @@ export const initAuditTableMixin = createSingletonMixin(
       loggerMixin,
       initWidgetRootMixin,
     )(superclass) {
-      auditTable: GridDriver<Audit>;
+      auditTable: GridDriver<Partial<Audit>>;
 
       #initAuditTable() {
         this.auditTable = new GridDriver(

packages/widgets/audit-management-widget/src/lib/widget/state/helpers.ts

@@ -0,0 +1,14 @@
+export const capitalize = (s: string) => s && s[0].toUpperCase() + s.slice(1);
+
+export const conditionalObj = <T extends any>(key: string, val: T) =>
+  val ? { [key]: val } : {};
+
+export const conditionalJsonParse = (str: string) => {
+  if (!str) return undefined;
+
+  const res = JSON.parse(str);
+
+  if (Array.isArray(res) && res.length === 0) return undefined;
+
+  return res;
+};

packages/widgets/audit-management-widget/src/lib/widget/state/selectors.ts

@@ -1,17 +1,66 @@
 import { createSelector } from 'reselect';
 import { State } from './types';
+import { capitalize, conditionalJsonParse, conditionalObj } from './helpers';
 
 export const getRawAuditList = (state: State) => state.auditList.data;
 export const getSelectedAuditId = (state: State) => state.selectedAuditId;
 export const getSearchParams = (state: State) => state.searchParams;
 
 export const getAuditList = createSelector(getRawAuditList, (audits) =>
-  audits.map((audit) => ({
-    ...audit,
-    occurredFormatted: !audit?.occurred
-      ? 'N/A'
-      : new Date(Number(audit?.occurred) || 0).toLocaleString(),
-  })),
+  audits.map((audit) => {
+    const {
+      occurred,
+      ID,
+      type,
+      data: {
+        // eslint-disable-next-line @typescript-eslint/naming-convention
+        saml_request,
+        // eslint-disable-next-line @typescript-eslint/naming-convention
+        saml_response,
+        // eslint-disable-next-line @typescript-eslint/naming-convention
+        saml_generated_user,
+        // eslint-disable-next-line @typescript-eslint/naming-convention
+        saml_generated_roles,
+        // eslint-disable-next-line @typescript-eslint/naming-convention
+        oidc_response,
+        // eslint-disable-next-line @typescript-eslint/naming-convention
+        oidc_generated_user,
+        ...data
+      } = {
+        saml_request: '',
+        saml_response: '',
+        saml_generated_user: '',
+        saml_generated_roles: '',
+        oidc_response: '',
+        oidc_generated_user: '',
+      },
+      ...auditRest
+    } = audit || {};
+
+    return {
+      ...auditRest,
+      data,
+      ...conditionalObj('type', capitalize(type)),
+      ...conditionalObj('saml_request', saml_request),
+      ...conditionalObj('saml_response', saml_response),
+      ...conditionalObj(
+        'saml_generated_user',
+        conditionalJsonParse(saml_generated_user),
+      ),
+      ...conditionalObj(
+        'saml_generated_roles',
+        conditionalJsonParse(saml_generated_roles),
+      ),
+      ...conditionalObj('oidc_response', conditionalJsonParse(oidc_response)),
+      ...conditionalObj(
+        'oidc_generated_user',
+        conditionalJsonParse(oidc_generated_user),
+      ),
+      occurredFormatted: !occurred
+        ? 'N/A'
+        : new Date(Number(occurred) || 0).toLocaleString(),
+    };
+  }),
 );
 
 export const getSelectedAudit = createSelector(