1 files changed, 228 insertions, 1 deletions
diff --git a/packages/web-util/src/forms/forms.ts b/packages/web-util/src/forms/forms.ts
index 6bda2f674..4bd6b4924 100644
--- a/packages/web-util/src/forms/forms.ts
+++ b/packages/web-util/src/forms/forms.ts
@@ -13,7 +13,10 @@ import { InputSelectOne } from "./InputSelectOne.js";
 import { InputText } from "./InputText.js";
 import { InputTextArea } from "./InputTextArea.js";
 import { InputToggle } from "./InputToggle.js";
-
+import { Addon, StringConverter, UIFieldHandler } from "./FormProvider.js";
+import { InternationalizationAPI, UIFieldBaseDescription } from "../index.browser.js";
+import { assertUnreachable, TranslatedString } from "@gnu-taler/taler-util";
+import {UIFormFieldBaseConfig, UIFormFieldConfig} from "./ui-form.js";
 /**
  * Constrain the type with the ui props
  */
@@ -142,3 +145,227 @@ export function RenderAllFieldsByUiConfig({
 //     InputChoiceHorizontal: res.InputChoiceHorizontal(),
 //   };
 // }
+
+/**
+ * convert field configuration to render function
+ * 
+ * @param i18n_ 
+ * @param fieldConfig 
+ * @param form 
+ * @returns 
+ */
+export function convertUiField(
+  i18n_: InternationalizationAPI,
+  fieldConfig: UIFormFieldConfig[],
+  form: object,
+  getConverterById: GetConverterById,
+): UIFormField[] {
+  return fieldConfig.map((config) => {
+    // NON input fields
+    switch (config.type) {
+      case "caption": {
+        const resp: UIFormField = {
+          type: config.type,
+          properties: converBaseFieldsProps(i18n_, config.properties),
+        };
+        return resp;
+      }
+      case "group": {
+        const resp: UIFormField = {
+          type: config.type,
+          properties: {
+            ...converBaseFieldsProps(i18n_, config.properties),
+            fields: convertUiField(i18n_, config.properties.fields, form, getConverterById),
+          },
+        };
+        return resp;
+      }
+    }
+    // Input Fields
+    switch (config.type) {
+      case "array": {
+        return {
+          type: "array",
+          properties: {
+            ...converBaseFieldsProps(i18n_, config.properties),
+            ...converInputFieldsProps(form, config.properties, getConverterById),
+            labelField: config.properties.labelFieldId,
+            fields: convertUiField(i18n_, config.properties.fields, form, getConverterById),
+          },
+        } as UIFormField;
+      }
+      case "absoluteTime": {
+        return {
+          type: "absoluteTime",
+          properties: {
+            ...converBaseFieldsProps(i18n_, config.properties),
+            ...converInputFieldsProps(form, config.properties, getConverterById),
+          },
+        } as UIFormField;
+      }
+      case "amount": {
+        return {
+          type: "amount",
+          properties: {
+            ...converBaseFieldsProps(i18n_, config.properties),
+            ...converInputFieldsProps(form, config.properties, getConverterById),            
+          },
+        } as UIFormField;
+      }
+      case "choiceHorizontal": {
+        return {
+          type: "choiceHorizontal",
+          properties: {
+            ...converBaseFieldsProps(i18n_, config.properties),
+            ...converInputFieldsProps(form, config.properties, getConverterById),
+            choices: config.properties.choices,
+          },
+        } as UIFormField;
+      }
+      case "choiceStacked": {
+        return {
+          type: "choiceStacked",
+          properties: {
+            ...converBaseFieldsProps(i18n_, config.properties),
+            ...converInputFieldsProps(form, config.properties, getConverterById),
+            choices: config.properties.choices,
+            
+          },
+        }as UIFormField;
+      }
+      case "file":{
+        return {
+          type: "file",
+          properties: {
+            ...converBaseFieldsProps(i18n_, config.properties),
+            ...converInputFieldsProps(form, config.properties, getConverterById),
+            accept: config.properties.accept,
+            maxBites: config.properties.maxBytes,
+          },
+        } as UIFormField;
+      }
+      case "integer":{
+        return {
+          type: "integer",
+          properties: {
+            ...converBaseFieldsProps(i18n_, config.properties),
+            ...converInputFieldsProps(form, config.properties, getConverterById),
+          },
+        } as UIFormField;
+      }
+      case "selectMultiple":{
+        return {
+          type: "selectMultiple",
+          properties: {
+            ...converBaseFieldsProps(i18n_, config.properties),
+            ...converInputFieldsProps(form, config.properties, getConverterById),
+            choices: config.properties.choices,
+          },
+        } as UIFormField;
+      }
+      case "selectOne": {
+        return {
+          type: "selectOne",
+          properties: {
+            ...converBaseFieldsProps(i18n_, config.properties),
+            ...converInputFieldsProps(form, config.properties, getConverterById),
+            choices: config.properties.choices,
+          },
+        } as UIFormField;
+      }
+      case "text": {
+        return {
+          type: "text",
+          properties: {
+            ...converBaseFieldsProps(i18n_, config.properties),
+            ...converInputFieldsProps(form, config.properties, getConverterById),
+          },
+        } as UIFormField;
+      }
+      case "textArea": {
+        return {
+          type: "text",
+          properties: {
+            ...converBaseFieldsProps(i18n_, config.properties),
+            ...converInputFieldsProps(form, config.properties, getConverterById),
+          },
+        } as UIFormField;
+      }
+      case "toggle": {
+        return {
+          type: "toggle",
+          properties: {
+            ...converBaseFieldsProps(i18n_, config.properties),
+            ...converInputFieldsProps(form, config.properties, getConverterById),
+          },
+        } as UIFormField;
+      }
+      default: {
+        assertUnreachable(config);
+      }
+    }
+  });
+}
+
+
+
+function getAddonById(_id: string | undefined): Addon {
+  return undefined!;
+}
+
+
+type GetConverterById = (
+  id: string | undefined,
+  config: unknown,
+) => StringConverter<unknown>;
+
+
+function converInputFieldsProps(
+  form: object,
+  p: UIFormFieldBaseConfig,
+  getConverterById: GetConverterById,
+) {
+  return {
+    converter: getConverterById(p.converterId, p),
+    handler: getValueDeeper2(form, p.id.split(".")),
+    name: p.name,
+    required: p.required,
+    disabled: p.disabled,
+    help: p.help,
+    placeholder: p.placeholder,
+    tooltip: p.tooltip,
+    label: p.label as TranslatedString,
+  };
+}
+
+function converBaseFieldsProps(
+  i18n_: InternationalizationAPI,
+  p: UIFieldBaseDescription,
+) {
+  return {
+    after: getAddonById(p.addonAfterId),
+    before: getAddonById(p.addonBeforeId),
+    hidden: p.hidden,
+    name: p.name,
+    help: i18n_.str`${p.help}`,
+    label: i18n_.str`${p.label}`,
+    tooltip: i18n_.str`${p.tooltip}`,
+  };
+}
+
+function getValueDeeper2(
+  object: Record<string, any>,
+  names: string[],
+): UIFieldHandler {
+  if (names.length === 0) return object as UIFieldHandler;
+  const [head, ...rest] = names;
+  if (!head) {
+    return getValueDeeper2(object, rest);
+  }
+  if (object === undefined) {
+    throw Error("handler not found");
+  }
+  return getValueDeeper2(object[head], rest);
+}
+
+