making test passed

4 files changed, 19 insertions, 9 deletions

diff --git a/packages/aml-backoffice-ui/src/pages/AntiMoneyLaunderingForm.tsx b/packages/aml-backoffice-ui/src/pages/AntiMoneyLaunderingForm.tsx
index 07ef0481a..aa1247d5f 100644
--- a/packages/aml-backoffice-ui/src/pages/AntiMoneyLaunderingForm.tsx
+++ b/packages/aml-backoffice-ui/src/pages/AntiMoneyLaunderingForm.tsx
@@ -2,13 +2,13 @@ import { AbsoluteTime, AmountJson, Amounts, Codec, OperationResult, buildCodecFo
 import { DefaultForm, useTranslationContext } from "@gnu-taler/web-util/browser";
 import { h } from "preact";
 import { useExchangeApiContext } from "../context/config.js";
-import { FormMetadata } from "../forms/index.js";
+import { FormMetadata, uiForms } from "../forms/declaration.js";
 import { Pages } from "../pages.js";
 import { AmlExchangeBackend } from "../utils/types.js";
 
 export function AntiMoneyLaunderingForm({ account, formId, onSubmit }: { account: string, formId: string, onSubmit: (justification: Justification, state: AmlExchangeBackend.AmlState, threshold: AmountJson) => Promise<void>; }) {
   const { i18n } = useTranslationContext()
-  const theForm = window.amlExchangeBackoffice!.forms(i18n).find((v) => v.id === formId)
+  const theForm = uiForms.forms(i18n).find((v) => v.id === formId)
   if (!theForm) {
     return <div>form with id {formId} not found</div>
   }
diff --git a/packages/aml-backoffice-ui/src/pages/CaseDetails.tsx b/packages/aml-backoffice-ui/src/pages/CaseDetails.tsx
index 409124121..7f33dcb90 100644
--- a/packages/aml-backoffice-ui/src/pages/CaseDetails.tsx
+++ b/packages/aml-backoffice-ui/src/pages/CaseDetails.tsx
@@ -10,12 +10,13 @@ import { DefaultForm, ErrorLoading, InternationalizationAPI, Loading, useTransla
 import { format } from "date-fns";
 import { Fragment, VNode, h } from "preact";
 import { useState } from "preact/hooks";
-import { FormMetadata } from "../forms/index.js";
+import { FormMetadata } from "../forms/declaration.js";
 import { useCaseDetails } from "../hooks/useCaseDetails.js";
 import { Pages } from "../pages.js";
 import { Justification, parseJustification } from "./AntiMoneyLaunderingForm.js";
 import { ShowConsolidated } from "./ShowConsolidated.js";
 import { AmlExchangeBackend } from "../utils/types.js";
+import { uiForms } from "../forms/declaration.js";
 
 export type AmlEvent = AmlFormEvent | AmlFormEventError | KycCollectionEvent | KycExpirationEvent;
 type AmlFormEvent = {
@@ -72,11 +73,11 @@ function titleForJustification(op: ReturnType<typeof parseJustification>, i18n:
 export function getEventsFromAmlHistory(
   aml: AmlExchangeBackend.AmlDecisionDetail[],
   kyc: AmlExchangeBackend.KycDetail[],
+  i18n: InternationalizationAPI,
 ): AmlEvent[] {
-  const { i18n } = useTranslationContext()
   const ae: AmlEvent[] = aml.map((a) => {
 
-    const just = parseJustification(a.justification, window.amlExchangeBackoffice!.forms(i18n))
+    const just = parseJustification(a.justification, uiForms.forms(i18n))
     return {
       type: just.type === "ok" ? "aml-form" : "aml-form-error",
       state: a.new_state,
@@ -133,7 +134,7 @@ export function CaseDetails({ account }: { account: string }) {
   }
   const { aml_history, kyc_attributes } = details.body
 
-  const events = getEventsFromAmlHistory(aml_history, kyc_attributes);
+  const events = getEventsFromAmlHistory(aml_history, kyc_attributes, i18n);
 
   if (showForm !== undefined) {
     return <DefaultForm
diff --git a/packages/aml-backoffice-ui/src/pages/NewFormEntry.tsx b/packages/aml-backoffice-ui/src/pages/NewFormEntry.tsx
index fe82df089..4f9b909e0 100644
--- a/packages/aml-backoffice-ui/src/pages/NewFormEntry.tsx
+++ b/packages/aml-backoffice-ui/src/pages/NewFormEntry.tsx
@@ -6,6 +6,7 @@ import { useOfficer } from "../hooks/useOfficer.js";
 import { Pages } from "../pages.js";
 import { AntiMoneyLaunderingForm } from "./AntiMoneyLaunderingForm.js";
 import { HandleAccountNotReady } from "./HandleAccountNotReady.js";
+import { uiForms } from "../forms/declaration.js";
 
 export function NewFormEntry({
   account,
@@ -84,7 +85,7 @@ function SelectForm({ account }: { account: string }) {
   return (
     <div>
       <pre>New form for account: {account.substring(0, 16)}...</pre>
-      {window.amlExchangeBackoffice!.forms(i18n).map((form, idx) => {
+      {uiForms.forms(i18n).map((form, idx) => {
         return (
           <a
             href={Pages.newFormEntry.url({ account, type: form.id })}
diff --git a/packages/aml-backoffice-ui/src/pages/ShowConsolidated.stories.tsx b/packages/aml-backoffice-ui/src/pages/ShowConsolidated.stories.tsx
index dc073a5f5..f985e6ff5 100644
--- a/packages/aml-backoffice-ui/src/pages/ShowConsolidated.stories.tsx
+++ b/packages/aml-backoffice-ui/src/pages/ShowConsolidated.stories.tsx
@@ -26,13 +26,21 @@ import {
 import * as tests from "@gnu-taler/web-util/testing";
 import { getEventsFromAmlHistory } from "./CaseDetails.js";
 import { AbsoluteTime, Duration } from "@gnu-taler/taler-util";
+import { InternationalizationAPI } from "@gnu-taler/web-util/browser";
 
 export default {
   title: "show consolidated",
 };
 
+const nullTranslator: InternationalizationAPI = {
+  str: (str: any) => str,
+  singular: (str: any) => str,
+  translate: (str: any) => str,
+  Translate: (str: any) => str,
+}
+
 export const WithEmptyHistory = tests.createExample(TestedComponent, {
-  history: getEventsFromAmlHistory([], []),
+  history: getEventsFromAmlHistory([], [], nullTranslator),
   until: AbsoluteTime.now()
 });
 
@@ -101,7 +109,7 @@ export const WithSomeEvents = tests.createExample(TestedComponent, {
     attributes: {
       email: "sebasjm@qwdde.com"
     }
-  }]),
+  }], nullTranslator),
   until: AbsoluteTime.now()
 });