WIP - Directors individual sanctions

apps/backoffice-v2/src/domains/individuals/queries/useEndUserById/useEndUserById.tsx

@@ -0,0 +1,39 @@
+import { apiClient } from '@/common/api-client/api-client';
+import { Method } from '@/common/enums';
+import { handleZodError } from '@/common/utils/handle-zod-error/handle-zod-error';
+import { useIsAuthenticated } from '@/domains/auth/context/AuthProvider/hooks/useIsAuthenticated/useIsAuthenticated';
+import { AmlSchema, HitSchema } from '@/lib/blocks/components/AmlBlock/utils/aml-adapter';
+import { createQueryKeys } from '@lukemorales/query-key-factory';
+import { useQuery } from '@tanstack/react-query';
+import { z } from 'zod';
+
+export const EndUserSchema = z.object({
+  amlHits: z.array(HitSchema.extend({ vendor: z.string().optional() })).optional(),
+});
+
+export const getEndUserById = async ({ id }: { id: string }) => {
+  const [endUser, error] = await apiClient({
+    endpoint: `end-users/${id}`,
+    method: Method.GET,
+    schema: EndUserSchema,
+    timeout: 30_000,
+  });
+
+  return handleZodError(error, endUser);
+};
+
+export const endUsersQueryKeys = createQueryKeys('end-users', {
+  byId: ({ id }: { id: string }) => ({
+    queryKey: ['end-users', id],
+    queryFn: () => getEndUserById({ id }),
+  }),
+});
+
+export const useEndUserById = ({ id }: { id: string }) => {
+  const isAuthenticated = useIsAuthenticated();
+
+  return useQuery({
+    ...endUsersQueryKeys.byId({ id }),
+    enabled: !!id && isAuthenticated,
+  });
+};

apps/backoffice-v2/src/lib/blocks/components/DirectorBlock/DirectorBlock.tsx

@@ -0,0 +1,50 @@
+import { BlocksComponent } from '@ballerine/blocks';
+import { cells } from '../../create-blocks-typed/create-blocks-typed';
+import { useEndUserById } from '@/domains/individuals/queries/useEndUserById/useEndUserById';
+import { useDirectorBlock } from './hooks/useDirectorBlock/useDirectorBlock';
+
+export const DirectorBlock = ({
+  workflowId,
+  onReuploadNeeded,
+  onRemoveDecision,
+  onApprove,
+  director,
+  tags,
+  revisionReasons,
+  isEditable,
+  isApproveDisabled,
+  documentSchemas,
+  isLoadingDocuments,
+  workflow,
+}: Omit<Parameters<typeof useDirectorBlock>[0], 'director'> & {
+  director: Omit<Parameters<typeof useDirectorBlock>[0]['director'], 'aml'>;
+}) => {
+  const { data: endUser } = useEndUserById({ id: director.id });
+  const directorWithAml = {
+    ...director,
+    aml: {
+      vendor: endUser?.amlHits?.find(({ vendor }) => !!vendor)?.vendor,
+      hits: endUser?.amlHits,
+    },
+  };
+  const directorBlock = useDirectorBlock({
+    workflowId,
+    onReuploadNeeded,
+    onRemoveDecision,
+    onApprove,
+    director: directorWithAml,
+    tags,
+    revisionReasons,
+    isEditable,
+    isApproveDisabled,
+    documentSchemas,
+    isLoadingDocuments,
+    workflow,
+  });
+
+  return (
+    <BlocksComponent blocks={directorBlock} cells={cells}>
+      {(Cell, cell) => <Cell {...cell} />}
+    </BlocksComponent>
+  );
+};

apps/backoffice-v2/src/lib/blocks/components/DirectorBlock/hooks/useDirectorBlock/create-directors-blocks.tsx

@@ -0,0 +1,58 @@
+import { createBlocksTyped } from '@/lib/blocks/create-blocks-typed/create-blocks-typed';
+import { ComponentProps } from 'react';
+import { DirectorBlock } from '../../DirectorBlock';
+import { getDocumentsByCountry } from '@ballerine/common';
+import { extractCountryCodeFromDocuments } from '@/pages/Entity/hooks/useEntityLogic/utils';
+
+export const createDirectorsBlocks = ({
+  workflowId,
+  onReuploadNeeded,
+  onRemoveDecision,
+  onApprove,
+  directors,
+  tags,
+  revisionReasons,
+  isEditable,
+  isApproveDisabled,
+  isLoadingDocuments,
+  workflow,
+}: Omit<ComponentProps<typeof DirectorBlock>, 'director' | 'documentSchemas'> & {
+  directors: Array<ComponentProps<typeof DirectorBlock>['director']>;
+}) => {
+  const directorsBlocks = createBlocksTyped().addBlock();
+
+  if (!directors?.length) {
+    return [];
+  }
+
+  directors?.forEach(director => {
+    const issuerCountryCode = extractCountryCodeFromDocuments(director.documents);
+    const documentSchemas = issuerCountryCode ? getDocumentsByCountry(issuerCountryCode) : [];
+
+    if (!Array.isArray(documentSchemas) || !documentSchemas.length) {
+      console.warn(`No document schema found for issuer country code of "${issuerCountryCode}".`);
+    }
+
+    directorsBlocks.addCell({
+      type: 'node',
+      value: (
+        <DirectorBlock
+          workflowId={workflowId}
+          onReuploadNeeded={onReuploadNeeded}
+          onRemoveDecision={onRemoveDecision}
+          onApprove={onApprove}
+          director={director}
+          tags={tags}
+          revisionReasons={revisionReasons}
+          isEditable={isEditable}
+          isApproveDisabled={isApproveDisabled}
+          documentSchemas={documentSchemas}
+          isLoadingDocuments={isLoadingDocuments}
+          workflow={workflow}
+        />
+      ),
+    });
+  });
+
+  return directorsBlocks.build();
+};

apps/backoffice-v2/src/lib/blocks/components/DirectorBlock/hooks/useDirectorBlock/helpers.ts

@@ -0,0 +1,50 @@
+import { createDirectorsBlocks } from './create-directors-blocks';
+
+export const directorDocumentsAdapter = ({ documents, storageFiles }) => {
+  return documents?.map(
+    (document, documentIndex) =>
+      ({
+        id: document?.id,
+        category: document?.category,
+        type: document?.type,
+        issuer: {
+          country: document?.issuer?.country,
+        },
+        decision: {
+          status: document?.decision?.status,
+        },
+        properties: document?.properties,
+        propertiesSchema: document?.propertiesSchema,
+        pages: document?.pages?.map(
+          (page, pageIndex) =>
+            ({
+              type: page?.type,
+              imageUrl: storageFiles?.[documentIndex]?.[pageIndex],
+              metadata: {
+                side: page?.metadata?.side,
+              },
+            } satisfies Parameters<
+              typeof createDirectorsBlocks
+            >[0]['directors'][number]['documents'][number]['pages'][number]),
+        ),
+      } satisfies Parameters<
+        typeof createDirectorsBlocks
+      >[0]['directors'][number]['documents'][number]),
+  );
+};
+
+export const directorAdapter =
+  storageFiles =>
+  ({ ballerineEntityId, firstName, lastName, additionalInfo }) => {
+    const documents = directorDocumentsAdapter({
+      documents: additionalInfo?.documents,
+      storageFiles,
+    });
+
+    return {
+      id: ballerineEntityId,
+      firstName,
+      lastName,
+      documents,
+    } satisfies Parameters<typeof createDirectorsBlocks>[0]['directors'][number];
+  };

apps/backoffice-v2/src/lib/blocks/components/DirectorBlock/hooks/useDirectorBlock/index.ts

@@ -0,0 +1 @@
+export * from './useDirectorBlock';