Ongoing AML

apps/backoffice-v2/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @ballerine/backoffice-v2
 
+## 0.5.52
+
+### Patch Changes
+
+- version bump
+- Updated dependencies
+  - @ballerine/[email protected]
+  - @ballerine/[email protected]
+  - @ballerine/[email protected]
+  - @ballerine/[email protected]
+  - @ballerine/[email protected]
+
 ## 0.5.51
 
 ### Patch Changes

apps/backoffice-v2/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ballerine/backoffice-v2",
-  "version": "0.5.51",
+  "version": "0.5.52",
   "description": "Ballerine - Backoffice",
   "homepage": "https://github.com/ballerine-io/ballerine",
   "repository": {
@@ -50,11 +50,11 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@ballerine/blocks": "0.1.27",
-    "@ballerine/common": "0.7.45",
-    "@ballerine/ui": "^0.3.29",
-    "@ballerine/workflow-browser-sdk": "0.5.45",
-    "@ballerine/workflow-node-sdk": "0.5.45",
+    "@ballerine/blocks": "0.1.28",
+    "@ballerine/common": "0.7.46",
+    "@ballerine/ui": "^0.3.30",
+    "@ballerine/workflow-browser-sdk": "0.5.46",
+    "@ballerine/workflow-node-sdk": "0.5.46",
     "@fontsource/inter": "^4.5.15",
     "@formkit/auto-animate": "1.0.0-beta.5",
     "@hookform/resolvers": "^3.1.0",
@@ -109,8 +109,8 @@
     "zod": "^3.22.3"
   },
   "devDependencies": {
-    "@ballerine/config": "^1.0.6",
-    "@ballerine/eslint-config-react": "^1.0.7",
+    "@ballerine/config": "^1.0.7",
+    "@ballerine/eslint-config-react": "^1.0.8",
     "@cspell/cspell-types": "^6.31.1",
     "@faker-js/faker": "^7.6.0",
     "@playwright/test": "^1.32.1",

apps/backoffice-v2/public/locales/en/toast.json

@@ -1,4 +1,12 @@
 {
+  "dismiss_case": {
+    "success": "The case has been dismissed successfully.",
+    "error": "Error occurred while dismissing the case."
+  },
+  "flag_case": {
+    "success": "The case has been flagged successfully.",
+    "error": "Error occurred while flagging the case."
+  },
   "approve_case": {
     "success": "The case has been approved successfully.",
     "error": "Error occurred while approving the case."

apps/backoffice-v2/src/common/components/organisms/Header/Header.Navbar.tsx

@@ -6,6 +6,7 @@ import { Collapsible } from '@/common/components/molecules/Collapsible/Collapsib
 import { CollapsibleTrigger } from '@/common/components/molecules/Collapsible/Collapsible.Trigger';
 import { CollapsibleContent } from '@/common/components/molecules/Collapsible/Collapsible.Content';
 import { useNavbarLogic } from '@/common/components/organisms/Header/hooks/useNavbarLogic/useNavbarLogic';
+import { Fragment } from 'react';
 
 /**
  * @description A nav element which wraps {@link NavItem} components of the app's routes. Supports nested routes.
@@ -23,13 +24,9 @@ export const Navbar: FunctionComponent = () => {
         const isActiveFilterGroup = checkIsActiveFilterGroup(navItem);
 
         return (
-          <>
+          <Fragment key={`${navItem.key}-${isActiveFilterGroup}`}>
             {!!navItem.children && (
-              <Collapsible
-                key={`${navItem.key}-${isActiveFilterGroup}`}
-                defaultOpen={isActiveFilterGroup}
-                className={`space-y-2`}
-              >
+              <Collapsible defaultOpen={isActiveFilterGroup} className={`space-y-2`}>
                 <CollapsibleTrigger
                   className={ctw(
                     `flex w-full items-center gap-x-2 rounded-lg p-2 text-sm font-semibold text-[#8D93A5] [&[data-state=open]>svg]:rotate-0`,
@@ -95,7 +92,7 @@ export const Navbar: FunctionComponent = () => {
                 </NavItem>
               </ul>
             )}
-          </>
+          </Fragment>
         );
       })}
     </nav>

apps/backoffice-v2/src/common/enums.ts

@@ -39,6 +39,8 @@ export const Action = {
   APPROVE: 'approve',
   REVISION: 'revision',
   CASE_REVIEWED: 'CASE_REVIEWED',
+  DISMISS: 'dismiss',
+  FLAG: 'flag',
 } as const;
 export const Resource = {
   INDIVIDUAL: 'INDIVIDUAL',

apps/backoffice-v2/src/domains/entities/hooks/mutations/useApproveCaseMutation/useApproveCaseMutation.tsx

@@ -8,10 +8,10 @@ import { Action } from '../../../../../common/enums';
 // @TODO: Refactor to be under cases/workflows domain
 export const useApproveCaseMutation = ({
   workflowId,
-  onSelectNextEntity,
+  onSelectNextCase,
 }: {
   workflowId: string;
-  onSelectNextEntity?: VoidFunction;
+  onSelectNextCase?: VoidFunction;
 }) => {
   const queryClient = useQueryClient();
 

apps/backoffice-v2/src/domains/entities/hooks/mutations/useDismissCaseMutation/useDismissCaseMutation.tsx

@@ -0,0 +1,38 @@
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import toast from 'react-hot-toast';
+import { t } from 'i18next';
+import { fetchWorkflowEvent } from '../../../../workflows/fetchers';
+import { workflowsQueryKeys } from '../../../../workflows/query-keys';
+import { Action } from '../../../../../common/enums';
+
+export const useDismissCaseMutation = ({
+  workflowId,
+  onSelectNextCase,
+}: {
+  workflowId: string;
+  onSelectNextCase?: VoidFunction;
+}) => {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: () =>
+      fetchWorkflowEvent({
+        workflowId,
+        body: {
+          name: Action.DISMISS,
+        },
+      }),
+    onSuccess: () => {
+      // workflowsQueryKeys._def is the base key for all workflows queries
+      void queryClient.invalidateQueries(workflowsQueryKeys._def);
+
+      toast.success(t('toast:dismiss_case.success'));
+
+      // TODO: Re-implement
+      // onSelectNextEntity();
+    },
+    onError: () => {
+      toast.error(t('toast:dismiss_case.error'));
+    },
+  });
+};

apps/backoffice-v2/src/domains/entities/hooks/mutations/useFlagCaseMutation/useFlagCaseMutation.tsx

@@ -0,0 +1,38 @@
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import toast from 'react-hot-toast';
+import { t } from 'i18next';
+import { fetchWorkflowEvent } from '../../../../workflows/fetchers';
+import { workflowsQueryKeys } from '../../../../workflows/query-keys';
+import { Action } from '../../../../../common/enums';
+
+export const useFlagCaseMutation = ({
+  workflowId,
+  onSelectNextCase,
+}: {
+  workflowId: string;
+  onSelectNextCase?: VoidFunction;
+}) => {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: () =>
+      fetchWorkflowEvent({
+        workflowId,
+        body: {
+          name: Action.FLAG,
+        },
+      }),
+    onSuccess: () => {
+      // workflowsQueryKeys._def is the base key for all workflows queries
+      void queryClient.invalidateQueries(workflowsQueryKeys._def);
+
+      toast.success(t('toast:flag_case.success'));
+
+      // TODO: Re-implement
+      // onSelectNextEntity();
+    },
+    onError: () => {
+      toast.error(t('toast:flag_case.error'));
+    },
+  });
+};

apps/backoffice-v2/src/domains/entities/hooks/mutations/useRejectEntityMutation/useRejectEntityMutation.tsx → apps/backoffice-v2/src/domains/entities/hooks/mutations/useRejectCaseMutation/useRejectCaseMutation.tsx

@@ -6,12 +6,12 @@ import { fetchWorkflowEvent } from '../../../../workflows/fetchers';
 import { workflowsQueryKeys } from '../../../../workflows/query-keys';
 
 // @TODO: Refactor to be under cases/workflows domain
-export const useRejectEntityMutation = ({
+export const useRejectCaseMutation = ({
   workflowId,
-  onSelectNextEntity,
+  onSelectNextCase,
 }: {
   workflowId: string;
-  onSelectNextEntity?: VoidFunction;
+  onSelectNextCase?: VoidFunction;
 }) => {
   const queryClient = useQueryClient();
 

apps/backoffice-v2/src/domains/entities/hooks/useSelectNextEntity/useSelectNextEntity.tsx → apps/backoffice-v2/src/domains/entities/hooks/useSelectNextCase/useSelectNextCase.tsx

@@ -1,6 +1,6 @@
 import { useCallback } from 'react';
 
-export const useSelectNextEntity = () => {
+export const useSelectNextCase = () => {
   return useCallback(() => {
     // @TODO: Implement
     throw new Error('Not implemented');

apps/backoffice-v2/src/domains/workflows/fetchers.ts

@@ -10,6 +10,7 @@ import { zPropertyKey } from '@/lib/zod/utils/z-property-key/z-property-key';
 import { IWorkflowId } from './interfaces';
 import { getOriginUrl } from '@/common/utils/get-origin-url/get-url-origin';
 import { WorkflowDefinitionByIdSchema } from '@/domains/workflow-definitions/fetchers';
+import { AmlSchema } from '@/lib/blocks/components/AmlBlock/utils/aml-adapter';
 
 export const fetchWorkflows = async (params: {
   filterId: string;
@@ -65,6 +66,7 @@ export const BaseWorkflowByIdSchema = z.object({
   workflowDefinition: WorkflowDefinitionByIdSchema,
   createdAt: z.string().datetime(),
   context: z.object({
+    aml: AmlSchema.optional(),
     documents: z.array(z.any()).default([]),
     entity: z.record(z.any(), z.any()),
     parentMachine: ObjectWithIdSchema.extend({

apps/backoffice-v2/src/domains/workflows/hooks/mutations/useRevisionCaseMutation/useRevisionCaseMutation.tsx

@@ -6,9 +6,9 @@ import { fetchWorkflowEvent } from '../../../fetchers';
 import { workflowsQueryKeys } from '../../../query-keys';
 
 export const useRevisionCaseMutation = ({
-  onSelectNextEntity,
+  onSelectNextCase,
 }: {
-  onSelectNextEntity?: VoidFunction;
+  onSelectNextCase?: VoidFunction;
 }) => {
   const queryClient = useQueryClient();