@zohodesk/library-platform 1.1.7 → 1.1.8-alpha.1

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

@@ -1,31 +1,43 @@
 import AbstractUseCase from "./AbstractUseCase";
 import ZSection from "../../domain/ZSection";
 import ZField from "../../domain/ZField";
+import { DATA_SOURCE_EXECUTE } from "../../../../bc/zdata-source/Constants";
+import { DATA_SOURCE_SUCCESS, DATA_SOURCE_NO_CONTENT, DATA_SOURCE_FAILURE } from "../../../../bc/zdata-source/Symbols";
+import { ZFORM_VALIDATION_RULES_FAILURE, ZFORM_VALIDATION_RULES_SUCCESS, ZFORM_LOOKUP_FIELD_SUCCESS } from "../../../../bc/zform/Symbol";
 
 class MyFormSuccessUseCase extends AbstractUseCase {
   execute(input) {
-    let {
+    const {
       dispatch,
-      myForm
+      myForm,
+      disableValidationRule
     } = input;
-    let {
+    const {
+      repository,
+      presenter,
+      layoutRuleApplier
+    } = this.dependencies;
+    const {
       sections
     } = myForm;
-    let zformEntitiy = this.dependencies.repository.getFormEntity();
-    let layoutRuleApplier = this.dependencies.layoutRuleApplier;
-    let sectionEntities = sections.map(section => {
-      let fields = section.fields.map(field => {
+    const zFormEntity = repository.getFormEntity();
+    const context = { ...zFormEntity.getContext(),
+      layoutId: zFormEntity.getLayoutId()
+    };
+    const lookupFields = sections.flatMap(section => section.fields.filter(field => field.type === 'LookUp'));
+    const sectionEntities = sections.map(section => {
+      const fields = section.fields.map(field => {
         const entity = new ZField(field);
         entity.decideDefaultValue();
         return entity;
       });
-      let sectionWithFields = { ...section,
+      const sectionWithFields = { ...section,
         fields
       };
       return new ZSection(sectionWithFields);
     });
-    zformEntitiy.setSections(sectionEntities);
-    zformEntitiy.setFormProperties({
+    zFormEntity.setSections(sectionEntities);
+    zFormEntity.setFormProperties({
       modifiedTime: myForm.modifiedTime,
       isStandardLayout: myForm.isStandardLayout,
       hasLogo: myForm.hasLogo,
@@ -42,11 +54,83 @@ class MyFormSuccessUseCase extends AbstractUseCase {
       return layoutRuleApplier.applyRules({
         layoutRules,
         formData,
-        myForm: zformEntitiy.toObject()
+        myForm: zFormEntity.toObject()
       });
     });
-    let zform = zformEntitiy.toObject();
-    this.dependencies.presenter.updateFormResponse(zform);
+
+    if (lookupFields.length > 0) {
+      dispatch({
+        type: DATA_SOURCE_EXECUTE,
+        payload: {
+          actionName: 'fetchLookupFields',
+          props: { ...context
+          }
+        },
+        metaData: {
+          actionName: 'fetchLookupFields',
+          //hack
+          [DATA_SOURCE_NO_CONTENT]: {
+            type: ZFORM_LOOKUP_FIELD_SUCCESS,
+            metaData: {
+              actionName: 'fetchLookupFields'
+            }
+          },
+          // [DATA_SOURCE_FAILURE]: {
+          //   type: ZFORM_LOOKUP_FIELD_SUCCESS,
+          //   metaData: {
+          //     actionName: 'fetchValidationRules'
+          //   }
+          // },
+          [DATA_SOURCE_SUCCESS]: {
+            type: ZFORM_LOOKUP_FIELD_SUCCESS,
+            metaData: {
+              actionName: 'fetchLookupFields'
+            }
+          }
+        }
+      });
+    }
+
+    if (!disableValidationRule) {
+      presenter.updateFormResponse(zFormEntity.toObject());
+      dispatch({
+        type: DATA_SOURCE_EXECUTE,
+        payload: {
+          actionName: 'fetchValidationRules',
+          props: { ...context,
+            activeRulesOnly: true
+          }
+        },
+        metaData: {
+          actionName: 'fetchValidationRules',
+          //hack
+          transformerArg: {
+            fields: zFormEntity.getAllFields().map(f => f.toObject())
+          },
+          [DATA_SOURCE_NO_CONTENT]: {
+            type: ZFORM_VALIDATION_RULES_SUCCESS,
+            metaData: {
+              actionName: 'fetchValidationRules'
+            }
+          },
+          [DATA_SOURCE_FAILURE]: {
+            type: ZFORM_VALIDATION_RULES_FAILURE,
+            metaData: {
+              actionName: 'fetchValidationRules'
+            }
+          },
+          [DATA_SOURCE_SUCCESS]: {
+            type: ZFORM_VALIDATION_RULES_SUCCESS,
+            metaData: {
+              actionName: 'fetchValidationRules'
+            }
+          }
+        }
+      });
+    } else {
+      zFormEntity.setValidationRulesFetching(false);
+      presenter.updateFormResponse(zFormEntity.toObject());
+    }
   }
 
 }

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

@@ -1,5 +1,5 @@
 import AbstractUseCase from "./AbstractUseCase";
-import { ZFORM_DEPENDENCY_MAPPINGS_SUCCESS, ZFORM_LAYOUT_RULES_SUCCESS, ZFORM_MY_FORM_SUCCESS, ZFORM_VALIDATION_RULES_SUCCESS } from "../../../../bc/zform/Symbol";
+import { ZFORM_DEPENDENCY_MAPPINGS_SUCCESS, ZFORM_LAYOUT_RULES_SUCCESS, ZFORM_MY_FORM_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";
 
@@ -17,8 +17,9 @@ class MyLayoutSuccessUseCase extends AbstractUseCase {
     let layoutObject = layouts.find(layout => layout.isDefaultLayout == true); // dispatch({type:ZFORM_MY_FORM_REQUEST,payload:{isFetching:true}}) 
 
     const zformEntity = this.dependencies.repository.getFormEntity();
+    zformEntity.setLayoutId(layoutObject === null || layoutObject === void 0 ? void 0 : layoutObject.id);
     const context = { ...zformEntity.getContext(),
-      layoutId: layoutObject === null || layoutObject === void 0 ? void 0 : layoutObject.id
+      layoutId: zformEntity.getLayoutId()
     };
     dispatch({
       type: DATA_BROKER_EXECUTE,
@@ -68,36 +69,6 @@ class MyLayoutSuccessUseCase extends AbstractUseCase {
       }
     });
 
-    if (!disableValidationRule) {
-      dispatch({
-        type: DATA_BROKER_EXECUTE,
-        payload: {
-          actionName: "fetchValidationRules",
-          props: { ...context,
-            activeRulesOnly: true
-          }
-        },
-        metaData: {
-          actionName: "fetchDependencyMappings",
-          //hack
-          [DATA_BROKER_NO_CONTENT]: {
-            type: ZFORM_VALIDATION_RULES_SUCCESS,
-            metaData: {
-              actionName: "fetchValidationRules"
-            }
-          },
-          [DATA_BROKER_SUCCESS]: {
-            type: ZFORM_VALIDATION_RULES_SUCCESS,
-            metaData: {
-              actionName: "fetchValidationRules"
-            }
-          }
-        }
-      });
-    } else {
-      zformEntity.setValidationRulesFetching(false);
-    }
-
     if (!disableLayoutRule) {
       dispatch({
         type: DATA_BROKER_EXECUTE,
@@ -108,7 +79,7 @@ class MyLayoutSuccessUseCase extends AbstractUseCase {
           }
         },
         metaData: {
-          actionName: "fetchDependencyMappings",
+          actionName: "fetchLayoutRules",
           //hack
           [DATA_BROKER_NO_CONTENT]: {
             type: ZFORM_LAYOUT_RULES_SUCCESS,

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

@@ -6,10 +6,10 @@ class SetFieldErrorMessageUseCase extends AbstractUseCase {
       fieldApiName,
       errorMessage
     } = input;
-    const zformEntity = this.dependencies.repository.getFormEntity();
-    zformEntity.setFieldErrorMessage(fieldApiName, errorMessage);
-    const zform = zformEntity.toObject();
-    this.dependencies.presenter.updateFormResponse(zform);
+    const zFormEntity = this.dependencies.repository.getFormEntity();
+    zFormEntity.setFieldErrorMessage(fieldApiName, errorMessage);
+    const zForm = zFormEntity.toObject();
+    this.dependencies.presenter.updateFormResponse(zForm);
   }
 
 }

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

@@ -3,33 +3,16 @@ import { ZFORM_FIELD_VALUE_CHANGE_REQUEST } from "../../../../bc/zform/Symbol";
 
 class SetFieldValueUseCase extends AbstractUseCase {
   execute(input) {
-    let {
+    const {
       fieldName,
       newValue,
       dispatch
-    } = input; // let { layoutRuleApplier } = this.dependencies
-
-    let zformEntitiy = this.dependencies.repository.getFormEntity(); // zformEntitiy.setFieldValue(fieldName, newValue, ({ layoutRules, formData }) => {
-    //   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);
-
+    } = input;
+    const zFormEntity = this.dependencies.repository.getFormEntity();
     dispatch({
       type: ZFORM_FIELD_VALUE_CHANGE_REQUEST,
       payload: {
-        sectionId: zformEntitiy.getSectionId({
+        sectionId: zFormEntity.getSectionId({
           fieldName
         }),
         fieldName,

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

@@ -3,39 +3,17 @@ import { ZFORM_FIELD_VALUE_CHANGE_REQUEST } from "../../../../bc/zform/Symbol";
 
 class SetFieldsValuesUseCase extends AbstractUseCase {
   execute(input) {
-    let {
+    const {
       fieldsValuesObj,
       dispatch
-    } = input; // let { layoutRuleApplier } = this.dependencies
-
-    let zformEntitiy = this.dependencies.repository.getFormEntity(); // zformEntitiy.setFieldValue(fieldName, newValue, ({ layoutRules, formData }) => {
-    //   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);
-    // dispatch({
-    //   type: ZFORM_FIELD_VALUE_CHANGE_REQUEST,
-    //   payload: { sectionId: zformEntitiy.getSectionId(sectionName), fieldName: '', value: "" },
-    //   metaData: {}
-    // });
-
+    } = input;
+    const zFormEntity = this.dependencies.repository.getFormEntity();
     Object.entries(fieldsValuesObj).forEach(_ref => {
       let [fieldName, value] = _ref;
       dispatch({
         type: ZFORM_FIELD_VALUE_CHANGE_REQUEST,
         payload: {
-          sectionId: zformEntitiy.getSectionId({
+          sectionId: zFormEntity.getSectionId({
             fieldName
           }),
           fieldName,

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

@@ -0,0 +1,62 @@
+import { CREATE_RECORD } from "../../../../bc/zrecord/Constants";
+import AbstractUseCase from "./AbstractUseCase";
+import { ZFORM_ERROR, ZFORM_VALIDATION_SUCCESS, ZFORM_SUBMIT_VALIDATION_FAILURE } from "../../../../bc/zform/Symbol";
+
+class SubmitValidationCompletedUseCase extends AbstractUseCase {
+  execute(params) {
+    const {
+      dispatch
+    } = params;
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const zFormEntity = repository.getFormEntity();
+    const isFormHasError = zFormEntity.hasError();
+
+    if (isFormHasError) {
+      const firstErrorField = zFormEntity.getFirstErrorField();
+      zFormEntity.setFocusedFieldName(firstErrorField);
+      presenter.updateFormResponse(zFormEntity.toObject());
+    } // NOTE: EVENT DISPATCH
+
+
+    if (isFormHasError) {
+      const errorMessages = zFormEntity.getVisibleFieldsErrorMessages();
+      dispatch({
+        type: ZFORM_SUBMIT_VALIDATION_FAILURE,
+        payload: {
+          errorMessages: errorMessages
+        }
+      });
+      dispatch({
+        type: ZFORM_ERROR,
+        payload: {
+          message: 'Form has error',
+          errorMessages: errorMessages
+        }
+      });
+    } else {
+      const moduleName = zFormEntity.getModuleName();
+      const record = zFormEntity.getVisibleFieldsAsRecord();
+      const visibleFieldsData = zFormEntity.getVisibleFieldsData();
+      dispatch({
+        type: ZFORM_VALIDATION_SUCCESS,
+        payload: {
+          formData: visibleFieldsData,
+          record
+        }
+      });
+      dispatch({
+        type: CREATE_RECORD,
+        payload: {
+          record,
+          moduleName
+        }
+      });
+    }
+  }
+
+}
+
+export default SubmitValidationCompletedUseCase;

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

@@ -0,0 +1,33 @@
+import AbstractUseCase from "./AbstractUseCase";
+import { ZFORM_VALIDATION_RULES_EXECUTION_RESULT } from "../../../../bc/zform/Symbol";
+
+class ValidateFieldUseCase extends AbstractUseCase {
+  execute(input) {
+    const {
+      fieldName,
+      dispatch,
+      eventName
+    } = input;
+    const {
+      repository,
+      validator
+    } = this.dependencies;
+    const zFormEntity = repository.getFormEntity();
+    const validationRules = zFormEntity.getFieldValidateRules(fieldName, eventName);
+    const myForm = zFormEntity.toObject();
+    const formData = zFormEntity.getFormData();
+    validator.validateAsync({
+      validationRules,
+      formData,
+      myForm
+    }).then(res => {
+      dispatch({
+        type: ZFORM_VALIDATION_RULES_EXECUTION_RESULT,
+        payload: res
+      });
+    });
+  }
+
+}
+
+export default ValidateFieldUseCase;

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

@@ -0,0 +1,23 @@
+import { ZFORM_SET_FIELD_ERROR_MESSAGE } from "../../../../bc/zform/Symbol";
+import AbstractUseCase from "./AbstractUseCase";
+
+class ValidationRulesExecutionResultUseCase extends AbstractUseCase {
+  execute(params) {
+    const {
+      result,
+      dispatch
+    } = params;
+    Object.keys(result).forEach(fieldName => {
+      dispatch({
+        type: ZFORM_SET_FIELD_ERROR_MESSAGE,
+        payload: {
+          fieldApiName: fieldName,
+          errorMessage: result[fieldName].errorMessage
+        }
+      });
+    });
+  }
+
+}
+
+export default ValidationRulesExecutionResultUseCase;

package/es/platform/zform/domain/ZField.js

@@ -19,11 +19,14 @@ export default class ZField {
       value,
       errorMessage,
       isVisible = true,
+      decimalPlaces,
       pickListValues,
       toolTip,
       toolTipType,
       defaultValue,
-      subType
+      isPHI,
+      subType,
+      lookup
     } = _ref;
 
     _defineProperty(this, "displayLabel", void 0);
@@ -58,6 +61,8 @@ export default class ZField {
 
     _defineProperty(this, "isVisible", void 0);
 
+    _defineProperty(this, "decimalPlaces", void 0);
+
     _defineProperty(this, "pickListValues", void 0);
 
     _defineProperty(this, "defaultPickListValues", void 0);
@@ -70,6 +75,10 @@ export default class ZField {
 
     _defineProperty(this, "defaultValue", void 0);
 
+    _defineProperty(this, "isPHI", void 0);
+
+    _defineProperty(this, "lookup", void 0);
+
     this.displayLabel = displayLabel;
     this.apiName = apiName;
     this.isCustomField = isCustomField;
@@ -86,12 +95,15 @@ export default class ZField {
     this.value = value;
     this.errorMessage = errorMessage;
     this.isVisible = isVisible;
+    this.decimalPlaces = decimalPlaces;
     this.defaultPickListValues = pickListValues;
     this.pickListValues = pickListValues;
     this.subType = subType;
     this.toolTip = toolTip;
     this.toolTipType = toolTipType;
-    this.defaultValue = defaultValue; // if(value===undefined){
+    this.defaultValue = defaultValue;
+    this.isPHI = isPHI;
+    this.lookup = lookup; // if(value===undefined){
     //     this.setDefaultValue()
     // }
   }
@@ -101,8 +113,8 @@ export default class ZField {
       return false;
     }
 
-    if (typeof defaultValue === "string") {
-      return defaultValue === "true" ? true : false;
+    if (typeof defaultValue === 'string') {
+      return defaultValue === 'true' ? true : false;
     }
 
     return defaultValue;
@@ -113,8 +125,8 @@ export default class ZField {
       return [];
     }
 
-    if (typeof defaultValue === "string") {
-      return defaultValue.split(";");
+    if (typeof defaultValue === 'string') {
+      return defaultValue.split(';');
     }
 
     return defaultValue;
@@ -148,6 +160,10 @@ export default class ZField {
   }
 
   setValue(value) {
+    if (this.value !== value) {
+      this.errorMessage = ''; // Reset error message when value changes
+    }
+
     this.value = value;
   }
 
@@ -159,6 +175,10 @@ export default class ZField {
     return this.errorMessage;
   }
 
+  hasErrorMessage() {
+    return Boolean(this.errorMessage);
+  }
+
   setProperties(fieldProperties) {
     this.displayLabel = fieldProperties.displayLabel !== undefined ? fieldProperties.displayLabel : this.displayLabel;
     this.i18NLabel = fieldProperties.i18NLabel !== undefined ? fieldProperties.i18NLabel : this.i18NLabel;
@@ -171,6 +191,8 @@ export default class ZField {
     this.pickListValues = fieldProperties.pickListValues !== undefined ? fieldProperties.pickListValues : this.pickListValues;
     this.defaultPickListValues = fieldProperties.defaultPickListValues !== undefined ? fieldProperties.defaultPickListValues : this.defaultPickListValues;
     this.toolTip = fieldProperties.toolTip !== undefined ? fieldProperties.toolTip : this.toolTip;
+    this.decimalPlaces = fieldProperties.decimalPlaces !== undefined ? fieldProperties.decimalPlaces : this.decimalPlaces;
+    this.lookup = fieldProperties.lookup !== undefined ? fieldProperties.lookup : this.lookup;
   }
 
   setErrorMessage(errorMessage) {
@@ -218,11 +240,14 @@ export default class ZField {
       // NOTE: visibility is now isVisible, visibility is deprecated, only for backward compatibility of layout rules
       visibility: this.isVisible,
       isVisible: this.isVisible,
+      decimalPlaces: this.decimalPlaces,
       pickListValues: this.pickListValues,
       toolTip: this.toolTip,
       toolTipType: this.toolTipType,
       defaultValue: this.defaultValue,
-      subType: this.subType
+      isPHI: this.isPHI,
+      subType: this.subType,
+      lookup: this.lookup
     };
   }