1 files changed, 34 insertions, 41 deletions
diff --git a/packages/aml-backoffice-ui/src/pages/ShowConsolidated.tsx b/packages/aml-backoffice-ui/src/pages/ShowConsolidated.tsx
index 3c0301e9f..cdc5d0bc1 100644
--- a/packages/aml-backoffice-ui/src/pages/ShowConsolidated.tsx
+++ b/packages/aml-backoffice-ui/src/pages/ShowConsolidated.tsx
@@ -21,11 +21,10 @@ import {
 } from "@gnu-taler/taler-util";
 import {
   DefaultForm,
-  FlexibleForm,
-  UIFormField,
-  UIFormFieldConfig,
+  FormConfiguration,
+  UIFormElementConfig,
   UIHandlerId,
-  useTranslationContext,
+  useTranslationContext
 } from "@gnu-taler/web-util/browser";
 import { format } from "date-fns";
 import { Fragment, VNode, h } from "preact";
@@ -42,7 +41,7 @@ export function ShowConsolidated({
 
   const cons = getConsolidated(history, until);
 
-  const form: FlexibleForm = {
+  const form: FormConfiguration = {
     type: "double-column",
     design: [
       {
@@ -50,34 +49,30 @@ export function ShowConsolidated({
         fields: [
           {
             type: "amount",
-            properties: {
-              id: ".aml.threshold" as UIHandlerId,
-              currency: "NETZBON",
-              label: i18n.str`Threshold`,
-              name: "aml.threshold",
-            },
+            id: ".aml.threshold" as UIHandlerId,
+            currency: "NETZBON",
+            label: i18n.str`Threshold`,
+            name: "aml.threshold",
           },
           {
             type: "choiceHorizontal",
-            properties: {
-              label: i18n.str`State`,
-              name: "aml.state",
-              id: ".aml.state" as UIHandlerId,
-              choices: [
-                {
-                  label: i18n.str`Frozen`,
-                  value: "frozen",
-                },
-                {
-                  label: i18n.str`Pending`,
-                  value: "pending",
-                },
-                {
-                  label: i18n.str`Normal`,
-                  value: "normal",
-                },
-              ],
-            },
+            label: i18n.str`State`,
+            name: "aml.state",
+            id: ".aml.state" as UIHandlerId,
+            choices: [
+              {
+                label: i18n.str`Frozen`,
+                value: "frozen",
+              },
+              {
+                label: i18n.str`Pending`,
+                value: "pending",
+              },
+              {
+                label: i18n.str`Normal`,
+                value: "normal",
+              },
+            ],
           },
         ],
       },
@@ -85,18 +80,16 @@ export function ShowConsolidated({
         ? {
             title: i18n.str`KYC`,
             fields: Object.entries(cons.kyc).map(([key, field]) => {
-              const result: UIFormFieldConfig = {
+              const result: UIFormElementConfig = {
                 type: "text",
-                properties: {
-                  label: key as TranslatedString,
-                  id: `kyc.${key}.value` as UIHandlerId,
-                  name: `kyc.${key}.value`,
-                  help: `${field.provider} since ${
-                    field.since.t_ms === "never"
-                      ? "never"
-                      : format(field.since.t_ms, "dd/MM/yyyy")
-                  }` as TranslatedString,
-                },
+                label: key as TranslatedString,
+                id: `kyc.${key}.value` as UIHandlerId,
+                name: `kyc.${key}.value`,
+                help: `${field.provider} since ${
+                  field.since.t_ms === "never"
+                    ? "never"
+                    : format(field.since.t_ms, "dd/MM/yyyy")
+                }` as TranslatedString,
               };
               return result;
             }),