@zohodesk/library-platform 1.1.1 → 1.1.2

package/es/platform/zform/adapters/presenter/FormTranslator.js

@@ -0,0 +1,185 @@
+let fieldTypeToUIType = {
+  Text: 'TextBox',
+  Textarea: 'TextArea',
+  Boolean: 'Checkbox',
+  URL: 'Url',
+  Picklist: 'PickList',
+  AutoNumber: 'TextBox',
+  Number: 'Number',
+  Decimal: 'Decimal',
+  Email: 'Email',
+  Phone: 'Phone',
+  Currency: 'Currency',
+  Percent: 'Percentage',
+  Date: 'Date',
+  DateTime: 'DateTime',
+  Multiselect: 'MultiSelect',
+  LookUp: 'TextBox'
+};
+const ePHIFields = {
+  Text: true,
+  Textarea: true,
+  URL: true,
+  Picklist: true,
+  Number: true,
+  Decimal: true,
+  Email: false,
+  Phone: true,
+  Currency: false,
+  Percent: true,
+  AutoNumber: false,
+  Date: false,
+  DateTime: false,
+  Multiselect: false,
+  Boolean: false,
+  LookUp: false
+};
+export default class FormTranslator {
+  static transformState(state) {
+    let uiMapping = state.properties.uiMapping;
+
+    if (state.behaviours.zform.isMyFormFetching || state.behaviours.zform.isDependencyFetching || state.behaviours.zform.isLayoutRulesFetching || state.behaviours.zform.isValidationRulesFetching) {
+      return { ...state,
+        viewModel: {
+          isLoading: true
+        }
+      };
+    } else {
+      let sections = state.behaviours.zform.sections.map(section => {
+        return {
+          type: uiMapping.sections[section.id],
+          id: section.id + '',
+          title: section.i18NLabel,
+          description: '',
+          //section.description,
+          isVisible: section.visibility,
+          fields: section.fields.map(field => {
+            let type = uiMapping.fields[field.apiName] || fieldTypeToUIType[field.type];
+
+            if (field.type == 'DateTime' || field.type == 'Date') {
+              let value = field.value;
+              return {
+                id: field.id,
+                label: field.i18NLabel,
+                type,
+                value: value || '',
+                //state.behaviours.zform.values[field.apiName],
+                name: field.apiName,
+                // placeholder: field.i18NLabel,//field.placeholder,
+                required: field.isMandatory,
+                isVisible: field.visibility
+              };
+            } else if (field.type == 'Picklist') {
+              let value = field.value;
+              let errorMessage = field.errorMessage || '';
+              return {
+                id: field.id,
+                label: field.i18NLabel,
+                options: field.pickListValues.map(picklistValue => {
+                  return {
+                    value: picklistValue.value,
+                    label: picklistValue.value
+                  };
+                }),
+                type,
+                subType: field.subType.toLowerCase(),
+                value: value || '',
+                //state.behaviours.zform.values[field.apiName],
+                name: field.apiName,
+                // placeholder: field.i18NLabel,//field.placeholder,
+                required: field.isMandatory,
+                isVisible: field.visibility,
+                errorMessage
+              };
+            } else if (field.type == 'Multiselect') {
+              let value = field.value;
+              let errorMessage = field.errorMessage || '';
+              return {
+                id: field.id,
+                label: field.i18NLabel,
+                options: field.pickListValues ? field.pickListValues.map(picklistValue => {
+                  return {
+                    value: picklistValue.value,
+                    label: picklistValue.value
+                  };
+                }) : [],
+                type,
+                subType: field.subType,
+                value: value || [],
+                //state.behaviours.zform.values[field.apiName],
+                name: field.apiName,
+                // placeholder: field.i18NLabel,//field.placeholder,
+                required: field.isMandatory,
+                isVisible: field.visibility,
+                errorMessage
+              };
+            } else if (field.type == 'Boolean') {
+              let value = field.value;
+              return {
+                id: field.id,
+                label: field.i18NLabel,
+                type,
+                value: value || false,
+                name: field.apiName,
+                // placeholder: field.i18NLabel,//field.placeholder,
+                required: field.isMandatory,
+                isVisible: field.visibility
+              };
+            } else if (field.type == 'Text') {
+              let value = field.value;
+              let errorMessage = field.errorMessage || '';
+              return {
+                type,
+                value: value || '',
+                //state.behaviours.zform.values[field.apiName],
+                name: field.apiName,
+                id: field.id,
+                label: field.i18NLabel,
+                tooltip: '',
+                //field.tooltip,
+                ePHI: false,
+                //field.ePHI,
+                placeholder: field.i18NLabel,
+                //field.placeholder,
+                required: field.isMandatory,
+                isVisible: field.visibility,
+                errorMessage
+              };
+            } else {
+              let value = field.value;
+              let errorMessage = field.errorMessage || '';
+              const fieldModified = {
+                type,
+                value: value || '',
+                //state.behaviours.zform.values[field.apiName],
+                name: field.apiName,
+                id: field.id,
+                label: field.i18NLabel,
+                tooltip: '',
+                //field.tooltip,
+                placeholder: field.i18NLabel,
+                //field.placeholder,
+                required: field.isMandatory,
+                isVisible: field.visibility,
+                errorMessage
+              };
+
+              if (ePHIFields[field.type]) {
+                fieldModified.ePHI = true;
+              }
+
+              return fieldModified;
+            }
+          })
+        };
+      });
+      return { ...state,
+        viewModel: {
+          sections,
+          isLoading: false
+        }
+      };
+    }
+  }
+
+}

package/es/platform/zform/applications/interfaces/UsecaseDependencies.js

@@ -0,0 +1 @@
+export {};

package/es/platform/zform/applications/interfaces/gateways/IRepository.js

@@ -0,0 +1 @@
+export {};

package/es/platform/zform/applications/interfaces/gateways/IService.js

@@ -0,0 +1 @@
+export {};

package/es/platform/zform/applications/interfaces/input/FieldValueChangeRequestInputModel.js

@@ -0,0 +1 @@
+export {};

package/es/platform/zform/applications/interfaces/input/InitializeInputModel.js

@@ -0,0 +1 @@
+export {};

package/es/platform/zform/applications/interfaces/input/MyFormSuccessUseCaseInputModel.js

@@ -0,0 +1 @@
+export {};

package/es/platform/zform/applications/interfaces/input/MyLayoutSuccessUseCaseInputModel.js

@@ -0,0 +1 @@
+export {};

package/es/platform/zform/applications/interfaces/input/SetFieldErrorMessageInputModel.js

@@ -0,0 +1 @@
+export {};

package/es/platform/zform/applications/interfaces/input/ValidateErrorMessageInputModel.js

@@ -0,0 +1 @@
+export {};

package/es/platform/zform/applications/interfaces/input/ValidateFieldRequestInputModel.js

@@ -0,0 +1 @@
+export {};

package/es/platform/zform/applications/interfaces/input/ValidationRulesSuccessInputModel.js

@@ -0,0 +1 @@
+export {};

package/es/platform/zform/applications/interfaces/input/ZFormInputModel.js

@@ -0,0 +1 @@
+export {};

package/es/platform/zform/applications/interfaces/output/ZFormOutputModel.js

@@ -0,0 +1 @@
+export {};

package/es/platform/zform/applications/usecases/AbstractUseCase.js

@@ -0,0 +1,18 @@
+class AbstractUseCase {
+  constructor(dependencies) {
+    this.dependencies = dependencies;
+    this.execute = this.execute.bind(this);
+  }
+
+  updateDependency(state, updateState) {
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    repository.init(state);
+    presenter.updateDependencies(state, updateState);
+  }
+
+}
+
+export default AbstractUseCase;

package/es/platform/zform/applications/usecases/DependenciesRequestUseCase.js

@@ -0,0 +1,13 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class DependenciesRequestUseCase extends AbstractUseCase {
+  execute(input) {
+    let zformEntitiy = this.dependencies.repository.getFormEntity();
+    zformEntitiy.setDependencyFetching(true);
+    let zform = zformEntitiy.toObject();
+    this.dependencies.presenter.updateFormResponse(zform);
+  }
+
+}
+
+export default DependenciesRequestUseCase;

package/es/platform/zform/applications/usecases/DependenciesSuccessUseCase.js

@@ -0,0 +1,21 @@
+import AbstractUseCase from "./AbstractUseCase";
+import ZDependencyMapping from "../../domain/ZDependencyMapping";
+
+class DependenciesSuccessUseCase extends AbstractUseCase {
+  execute(input) {
+    let {
+      dependencies
+    } = input;
+    let zformEntitiy = this.dependencies.repository.getFormEntity(); // zformEntitiy.setDependencies(dependencies);
+
+    let dependencyMappings = dependencies.map(dependency => {
+      return new ZDependencyMapping(dependency);
+    });
+    zformEntitiy.setDependencyMappings(dependencyMappings);
+    let zform = zformEntitiy.toObject();
+    this.dependencies.presenter.updateFormResponse(zform);
+  }
+
+}
+
+export default DependenciesSuccessUseCase;

package/es/platform/zform/applications/usecases/FieldValueChangeRequestUseCase.js

@@ -0,0 +1,36 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class FieldValueChangeRequestUseCase extends AbstractUseCase {
+  execute(input) {
+    let {
+      fieldName,
+      newValue
+    } = input;
+    let {
+      layoutRuleApplier
+    } = this.dependencies;
+    let zformEntitiy = this.dependencies.repository.getFormEntity();
+    zformEntitiy.setFieldValue(fieldName, newValue, _ref => {
+      let {
+        layoutRules,
+        formData
+      } = _ref;
+      return layoutRuleApplier.applyRules({
+        layoutRules,
+        formData,
+        myForm: zformEntitiy.toObject()
+      });
+    });
+    let zform = zformEntitiy.toObject(); // let {fieldResult,sectionResult}=this.dependencies.layoutRuleApplier.applyRules({
+    //   layoutRules,
+    //   formData:zformEntitiy.getFormData(),
+    //   myForm:zform});
+    // zformEntitiy.applyLayoutRulesResult(sectionResult,fieldResult)
+    // zform=zformEntitiy.toObject();
+
+    this.dependencies.presenter.updateFormResponse(zform);
+  }
+
+}
+
+export default FieldValueChangeRequestUseCase;

package/es/platform/zform/applications/usecases/FormSubmitUseCase.js

@@ -0,0 +1,55 @@
+import AbstractUseCase from "./AbstractUseCase";
+import { ZFORM_VALIDATION_ERROR } from "../../../../bc/zform/Symbol";
+import { VALIDATE_FIELDS } from "../../../../bc/field-validation/Constants";
+
+class FormSubmitUseCase extends AbstractUseCase {
+  execute(input) {
+    const {
+      dispatch
+    } = input;
+    const zformEntitiy = this.dependencies.repository.getFormEntity();
+    const fieldEntities = zformEntitiy.getAllFields();
+    const fields = fieldEntities.map(fieldEntity => {
+      let field = fieldEntity.toObject();
+      return { ...field,
+        required: field.isMandatory,
+        value: field.value
+      };
+    });
+    dispatch({
+      type: VALIDATE_FIELDS,
+      payload: {
+        fields
+      }
+    });
+    zformEntitiy.executeValidateRule(_ref => {
+      let {
+        validationRules,
+        formData
+      } = _ref;
+      const zform = zformEntitiy.toObject();
+      return this.dependencies.validator.validateAsync({
+        validationRules,
+        formData,
+        myForm: zform
+      }).then(res => {
+        if (res) {
+          dispatch({
+            type: ZFORM_VALIDATION_ERROR,
+            payload: res
+          });
+        }
+
+        return true; //hack ts error
+      });
+    }).finally(() => {
+      dispatch({
+        type: "ZFORM#VALIDATE_SUBMIT_FIELD_HAS_ERROR_MESSAGE",
+        payload: zformEntitiy.toObject()
+      });
+    });
+  }
+
+}
+
+export default FormSubmitUseCase;

package/es/platform/zform/applications/usecases/InitializeUseCase.js

@@ -0,0 +1,43 @@
+import AbstractUseCase from "./AbstractUseCase";
+import { ZFORM_MY_LAYOUTS_SUCCESS } from "../../../../bc/zform/Symbol";
+import { DATA_SOURCE_EXECUTE as DATA_BROKER_EXECUTE } from "../../../../bc/zdata-source/Constants";
+import { DATA_SOURCE_SUCCESS as DATA_BROKER_SUCCESS, DATA_SOURCE_NO_CONTENT as DATA_BROKER_NO_CONTENT } from "../../../../bc/zdata-source/Symbols";
+
+class InitializeUseCase extends AbstractUseCase {
+  execute(input) {
+    let {
+      dispatch
+    } = input;
+    const zformEntity = this.dependencies.repository.getFormEntity();
+    const context = zformEntity.getContext();
+    dispatch({
+      type: DATA_BROKER_EXECUTE,
+      payload: {
+        actionName: "fetchMyLayouts",
+        props: { ...context,
+          from: 1,
+          limit: 50
+        }
+      },
+      metaData: {
+        actionName: "fetchMyLayouts",
+        //hack
+        [DATA_BROKER_NO_CONTENT]: {
+          type: ZFORM_MY_LAYOUTS_SUCCESS,
+          metaData: {
+            actionName: "fetchMyLayouts"
+          }
+        },
+        [DATA_BROKER_SUCCESS]: {
+          type: ZFORM_MY_LAYOUTS_SUCCESS,
+          metaData: {
+            actionName: "fetchMyLayouts"
+          }
+        }
+      }
+    });
+  }
+
+}
+
+export default InitializeUseCase;

package/es/platform/zform/applications/usecases/LayoutRulesRequestUseCase.js

@@ -0,0 +1,13 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class LayoutRulesRequestUseCase extends AbstractUseCase {
+  execute(input) {
+    let zformEntitiy = this.dependencies.repository.getFormEntity();
+    zformEntitiy.setLayoutRulesFetching(true);
+    let zform = zformEntitiy.toObject();
+    this.dependencies.presenter.updateFormResponse(zform);
+  }
+
+}
+
+export default LayoutRulesRequestUseCase;

package/es/platform/zform/applications/usecases/LayoutRulesSuccessUseCase.js

@@ -0,0 +1,32 @@
+import ZValidationRule from "../../domain/ZValidationRule";
+import AbstractUseCase from "./AbstractUseCase";
+
+class LayoutRulesSuccessUseCase extends AbstractUseCase {
+  execute(input) {
+    let {
+      layoutRules
+    } = input;
+    let zformEntitiy = this.dependencies.repository.getFormEntity();
+    let zform = zformEntitiy.toObject();
+    let layoutRuleApplier = this.dependencies.layoutRuleApplier;
+    let layoutRuleEntities = layoutRules.map(layoutRule => {
+      return new ZValidationRule(layoutRule);
+    });
+    zformEntitiy.setLayoutRules(layoutRuleEntities, _ref => {
+      let {
+        layoutRules,
+        formData
+      } = _ref;
+      return layoutRuleApplier.applyRules({
+        layoutRules,
+        formData,
+        myForm: zformEntitiy.toObject()
+      });
+    });
+    zform = zformEntitiy.toObject();
+    this.dependencies.presenter.updateFormResponse(zform);
+  }
+
+}
+
+export default LayoutRulesSuccessUseCase;

package/es/platform/zform/applications/usecases/MyFormRequestUseCase.js

@@ -0,0 +1,13 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class MyFormRequestUseCase extends AbstractUseCase {
+  execute(input) {
+    let zformEntitiy = this.dependencies.repository.getFormEntity();
+    zformEntitiy.setMyFormFetching(true);
+    let zform = zformEntitiy.toObject();
+    this.dependencies.presenter.updateFormResponse(zform);
+  }
+
+}
+
+export default MyFormRequestUseCase;

package/es/platform/zform/applications/usecases/MyFormSuccessUseCase.js

@@ -0,0 +1,52 @@
+import AbstractUseCase from "./AbstractUseCase";
+import ZSection from "../../domain/ZSection";
+import ZField from "../../domain/ZField";
+
+class MyFormSuccessUseCase extends AbstractUseCase {
+  execute(input) {
+    let {
+      dispatch,
+      myForm
+    } = input;
+    let {
+      sections
+    } = myForm;
+    let zformEntitiy = this.dependencies.repository.getFormEntity();
+    let layoutRuleApplier = this.dependencies.layoutRuleApplier;
+    let sectionEntities = sections.map(section => {
+      let fields = section.fields.map(field => {
+        return new ZField(field);
+      });
+      let sectionWithFields = { ...section,
+        fields
+      };
+      return new ZSection(sectionWithFields);
+    });
+    zformEntitiy.setSections(sectionEntities);
+    zformEntitiy.setFormProperties({
+      modifiedTime: myForm.modifiedTime,
+      isStandardLayout: myForm.isStandardLayout,
+      hasLogo: myForm.hasLogo,
+      departmentId: myForm.departmentId,
+      module: myForm.module,
+      layoutDisplayName: myForm.layoutDisplayName,
+      layoutDesc: myForm.layoutDesc,
+      isDefaultLayout: myForm.isDefaultLayout
+    }, _ref => {
+      let {
+        layoutRules,
+        formData
+      } = _ref;
+      return layoutRuleApplier.applyRules({
+        layoutRules,
+        formData,
+        myForm: zformEntitiy.toObject()
+      });
+    });
+    let zform = zformEntitiy.toObject();
+    this.dependencies.presenter.updateFormResponse(zform);
+  }
+
+}
+
+export default MyFormSuccessUseCase;