feat: ubo tracker items now using identity verification checks

Author: chesterkmr

apps/backoffice-v2/src/common/components/molecules/ProcessTracker/constants.tsx

@@ -9,6 +9,7 @@ import { Pencil } from '../../atoms/Pencil/Pencil';
 import { COLLECTION_FLOW_PROCESS_NAME } from './trackers/collection-flow/consts';
 import { UBO_FLOW_PROCESS_NAME } from './trackers/ubo-flows/consts';
 import { THIRD_PARTY_PROCESS_NAME } from './trackers/third-party/consts';
+import { EndUserIndividualVerificationChecksStatus } from '@/domains/individuals/fetchers';
 
 export const tagToAccordionCardItem = {
   [StateTag.COLLECTION_FLOW]: 'Collection flow',
@@ -111,6 +112,13 @@ export const tagToIcon = {
   [StateTag.REVISION]: Icon.REFRESH,
 } as const;
 
+export const endUserFlowStatusToIcon = {
+  [EndUserIndividualVerificationChecksStatus.IN_PROGRESS]: Icon.CLOCK,
+  [EndUserIndividualVerificationChecksStatus.COMPLETED]: Icon.CHECK,
+  [EndUserIndividualVerificationChecksStatus.FAILED]: Icon.X,
+  DEFAULT: Icon.INDICATOR,
+} as const;
+
 export const DEFAULT_PROCESS_TRACKER_PROCESSES = [
   COLLECTION_FLOW_PROCESS_NAME,
   THIRD_PARTY_PROCESS_NAME,

apps/backoffice-v2/src/common/components/molecules/ProcessTracker/trackers/ubo-flows/UBOFlowsTracker.tsx

@@ -4,7 +4,7 @@ import { UBO_FLOW_PROCESS_NAME } from './consts';
 import { useUBOFlowsTrackerItems } from './hooks/useUBOFlowsTrackerItems';
 
 export const UBOFlowsTracker = ({ workflow, plugins, processes }: TTrackerComponentProps) => {
-  const items = useUBOFlowsTrackerItems(workflow?.childWorkflows);
+  const items = useUBOFlowsTrackerItems(workflow?.endUsers || []);
 
   return (
     <Tracker workflow={workflow} plugins={plugins} processes={processes}>

apps/backoffice-v2/src/common/components/molecules/ProcessTracker/trackers/ubo-flows/hooks/useUBOFlowsTrackerItems/helpers/get-end-user-flow-status.ts

@@ -0,0 +1,11 @@
+import { endUserFlowStatusToIcon } from '@/common/components/molecules/ProcessTracker/constants';
+import { TWorkflowById } from '@/domains/workflows/fetchers';
+
+export const getEndUserFlowStatus = (endUser: TWorkflowById['endUsers'][number]) => {
+  const { status } = endUser.individualVerificationsChecks || {};
+
+  return (
+    endUserFlowStatusToIcon[status as keyof typeof endUserFlowStatusToIcon] ??
+    endUserFlowStatusToIcon.DEFAULT
+  );
+};

apps/backoffice-v2/src/common/components/molecules/ProcessTracker/trackers/ubo-flows/hooks/useUBOFlowsTrackerItems/helpers/get-ubo-flow-status-by-tags.ts

@@ -1,20 +1,18 @@
 import { TWorkflowById } from '@/domains/workflows/fetchers';
 import { useMemo } from 'react';
-import { getUBOFlowStatusByTags } from './helpers/get-ubo-flow-status-by-tags';
 import { valueOrNA } from '@ballerine/common';
+import { getEndUserFlowStatus } from './helpers/get-end-user-flow-status';
 
-export const useUBOFlowsTrackerItems = (childWorkflows: TWorkflowById['childWorkflows']) => {
+export const useUBOFlowsTrackerItems = (endUsers: TWorkflowById['endUsers']) => {
   const items = useMemo(
     () =>
-      childWorkflows?.map(({ context, tags }) => {
+      endUsers?.map(endUser => {
         return {
-          text: `${valueOrNA(context?.entity?.data?.firstName)} ${valueOrNA(
-            context?.entity?.data?.lastName,
-          )}`,
-          leftIcon: getUBOFlowStatusByTags(tags),
+          text: `${valueOrNA(endUser.firstName)} ${valueOrNA(endUser.lastName)}`,
+          leftIcon: getEndUserFlowStatus(endUser),
         };
       }) || [],
-    [childWorkflows],
+    [endUsers],
   );
 
   return items;

apps/backoffice-v2/src/common/components/molecules/ProcessTracker/trackers/ubo-flows/hooks/useUBOFlowsTrackerItems/useUBOFlowsTrackerItems.ts

@@ -16,6 +16,12 @@ export const EntityType = {
 
 export const EndUserVariantSchema = z.enum([EntityType.UBO, EntityType.DIRECTOR]);
 
+export const EndUserIndividualVerificationChecksStatus = {
+  IN_PROGRESS: 'in-progress',
+  COMPLETED: 'completed',
+  FAILED: 'failed',
+} as const;
+
 export const EndUserSchema = z.object({
   id: z.string(),
   firstName: z.string(),
@@ -30,7 +36,13 @@ export const EndUserSchema = z.object({
   amlHits: z.array(HitSchema.extend({ vendor: z.string().optional() })).optional(),
   individualVerificationsChecks: z
     .object({
-      status: z.string(),
+      status: z
+        .union([
+          z.literal(EndUserIndividualVerificationChecksStatus.IN_PROGRESS),
+          z.literal(EndUserIndividualVerificationChecksStatus.COMPLETED),
+          z.literal(EndUserIndividualVerificationChecksStatus.FAILED),
+        ])
+        .optional(),
       data: z.object({
         kyc_session_1: z.object({
           vendor: z.string(),