form hook now takes the shape of the form (do not rely on initial value)

1 files changed, 3 insertions, 1 deletions

diff --git a/packages/aml-backoffice-ui/src/pages/CaseDetails.tsx b/packages/aml-backoffice-ui/src/pages/CaseDetails.tsx
index 62c54d222..11b6d053e 100644
--- a/packages/aml-backoffice-ui/src/pages/CaseDetails.tsx
+++ b/packages/aml-backoffice-ui/src/pages/CaseDetails.tsx
@@ -45,6 +45,7 @@ import { privatePages } from "../Routing.js";
 import { FormMetadata, useUiFormsContext } from "../context/ui-forms.js";
 import { useCaseDetails } from "../hooks/useCaseDetails.js";
 import { ShowConsolidated } from "./ShowConsolidated.js";
+import { preloadedForms } from "../forms/index.js";
 
 export type AmlEvent =
   | AmlFormEvent
@@ -164,6 +165,7 @@ export function CaseDetails({ account }: { account: string }) {
   const details = useCaseDetails(account);
   const {forms} = useUiFormsContext()
 
+  const allForms = [...forms, ...preloadedForms(i18n)]
   if (!details) {
     return <Loading />;
   }
@@ -183,7 +185,7 @@ export function CaseDetails({ account }: { account: string }) {
   }
   const { aml_history, kyc_attributes } = details.body;
 
-  const events = getEventsFromAmlHistory(aml_history, kyc_attributes, i18n, forms);
+  const events = getEventsFromAmlHistory(aml_history, kyc_attributes, i18n, allForms);
 
   if (showForm !== undefined) {
     return (