1 files changed, 11 insertions, 8 deletions
diff --git a/packages/aml-backoffice-ui/src/pages/CaseDetails.tsx b/packages/aml-backoffice-ui/src/pages/CaseDetails.tsx
index 0a2680b1b..409124121 100644
--- a/packages/aml-backoffice-ui/src/pages/CaseDetails.tsx
+++ b/packages/aml-backoffice-ui/src/pages/CaseDetails.tsx
@@ -6,15 +6,16 @@ import {
   TranslatedString,
   assertUnreachable
 } from "@gnu-taler/taler-util";
-import { DefaultForm, ErrorLoading, Loading, useTranslationContext } from "@gnu-taler/web-util/browser";
+import { DefaultForm, ErrorLoading, InternationalizationAPI, Loading, useTranslationContext } from "@gnu-taler/web-util/browser";
 import { format } from "date-fns";
 import { Fragment, VNode, h } from "preact";
 import { useState } from "preact/hooks";
+import { FormMetadata } from "../forms/index.js";
 import { useCaseDetails } from "../hooks/useCaseDetails.js";
 import { Pages } from "../pages.js";
-import { AmlExchangeBackend } from "../types.js";
-import { FormMetadata, Justification, allForms, parseJustification } from "./AntiMoneyLaunderingForm.js";
+import { Justification, parseJustification } from "./AntiMoneyLaunderingForm.js";
 import { ShowConsolidated } from "./ShowConsolidated.js";
+import { AmlExchangeBackend } from "../utils/types.js";
 
 export type AmlEvent = AmlFormEvent | AmlFormEventError | KycCollectionEvent | KycExpirationEvent;
 type AmlFormEvent = {
@@ -55,7 +56,7 @@ function selectSooner(a: WithTime, b: WithTime) {
   return AbsoluteTime.cmp(a.when, b.when);
 }
 
-function titleForJustification(op: ReturnType<typeof parseJustification>): TranslatedString {
+function titleForJustification(op: ReturnType<typeof parseJustification>, i18n: InternationalizationAPI): TranslatedString {
   if (op.type === "ok") {
     return op.body.justification.label as TranslatedString;
   }
@@ -72,13 +73,15 @@ export function getEventsFromAmlHistory(
   aml: AmlExchangeBackend.AmlDecisionDetail[],
   kyc: AmlExchangeBackend.KycDetail[],
 ): AmlEvent[] {
+  const { i18n } = useTranslationContext()
   const ae: AmlEvent[] = aml.map((a) => {
-    const just = parseJustification(a.justification, allForms)
+
+    const just = parseJustification(a.justification, window.amlExchangeBackoffice!.forms(i18n))
     return {
       type: just.type === "ok" ? "aml-form" : "aml-form-error",
       state: a.new_state,
       threshold: Amounts.parseOrThrow(a.new_threshold),
-      title: titleForJustification(just),
+      title: titleForJustification(just, i18n),
       metadata: just.type === "ok" ? just.body.metadata : undefined,
       justification: just.type === "ok" ? just.body.justification : undefined,
       when: {
@@ -92,14 +95,14 @@ export function getEventsFromAmlHistory(
   const ke = kyc.reduce((prev, k) => {
     prev.push({
       type: "kyc-collection",
-      title: "collection" as TranslatedString,
+      title: i18n.str`collection`,
       when: AbsoluteTime.fromProtocolTimestamp(k.collection_time),
       values: !k.attributes ? {} : k.attributes,
       provider: k.provider_section,
     });
     prev.push({
       type: "kyc-expiration",
-      title: "expiration" as TranslatedString,
+      title: i18n.str`expiration`,
       when: AbsoluteTime.fromProtocolTimestamp(k.expiration_time),
       fields: !k.attributes ? [] : Object.keys(k.attributes),
     });