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

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/ZDependencyMapping.js

@@ -1,5 +1,3 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 export default class ZDependencyMapping {
   constructor(_ref) {
     let {
@@ -11,21 +9,6 @@ export default class ZDependencyMapping {
       parent,
       child
     } = _ref;
-
-    _defineProperty(this, "parentId", void 0);
-
-    _defineProperty(this, "childId", void 0);
-
-    _defineProperty(this, "mappings", void 0);
-
-    _defineProperty(this, "layoutId", void 0);
-
-    _defineProperty(this, "id", void 0);
-
-    _defineProperty(this, "parent", void 0);
-
-    _defineProperty(this, "child", void 0);
-
     this.parentId = parentId;
     this.childId = childId;
     this.mappings = mappings;

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

@@ -1,5 +1,3 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 export default class ZField {
   constructor(_ref) {
     let {
@@ -19,57 +17,15 @@ export default class ZField {
       value,
       errorMessage,
       isVisible = true,
+      decimalPlaces,
       pickListValues,
       toolTip,
       toolTipType,
       defaultValue,
-      subType
+      isPHI,
+      subType,
+      lookup
     } = _ref;
-
-    _defineProperty(this, "displayLabel", void 0);
-
-    _defineProperty(this, "apiName", void 0);
-
-    _defineProperty(this, "isCustomField", void 0);
-
-    _defineProperty(this, "i18NLabel", void 0);
-
-    _defineProperty(this, "isSystemMandatory", void 0);
-
-    _defineProperty(this, "type", void 0);
-
-    _defineProperty(this, "isReadOnly", void 0);
-
-    _defineProperty(this, "name", void 0);
-
-    _defineProperty(this, "isEncryptedField", void 0);
-
-    _defineProperty(this, "id", void 0);
-
-    _defineProperty(this, "isRemovable", void 0);
-
-    _defineProperty(this, "maxLength", void 0);
-
-    _defineProperty(this, "isMandatory", void 0);
-
-    _defineProperty(this, "value", void 0);
-
-    _defineProperty(this, "errorMessage", void 0);
-
-    _defineProperty(this, "isVisible", void 0);
-
-    _defineProperty(this, "pickListValues", void 0);
-
-    _defineProperty(this, "defaultPickListValues", void 0);
-
-    _defineProperty(this, "subType", void 0);
-
-    _defineProperty(this, "toolTip", void 0);
-
-    _defineProperty(this, "toolTipType", void 0);
-
-    _defineProperty(this, "defaultValue", void 0);
-
     this.displayLabel = displayLabel;
     this.apiName = apiName;
     this.isCustomField = isCustomField;
@@ -86,12 +42,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 +60,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 +72,8 @@ export default class ZField {
       return [];
     }
 
-    if (typeof defaultValue === "string") {
-      return defaultValue.split(";");
+    if (typeof defaultValue === 'string') {
+      return defaultValue.split(';');
     }
 
     return defaultValue;
@@ -148,6 +107,10 @@ export default class ZField {
   }
 
   setValue(value) {
+    if (this.value !== value) {
+      this.errorMessage = ''; // Reset error message when value changes
+    }
+
     this.value = value;
   }
 
@@ -159,6 +122,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 +138,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 +187,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
     };
   }
 

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

@@ -1,5 +1,3 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 export default class ZForm {
   /*hack*/
 
@@ -19,6 +17,7 @@ export default class ZForm {
       layoutRules,
       dependencyMappings,
       context,
+      focusedFieldName,
 
       /*hack*/
       isMyFormFetching,
@@ -28,41 +27,6 @@ export default class ZForm {
       /*hack end*/
 
     } = _ref;
-
-    _defineProperty(this, "modifiedTime", void 0);
-
-    _defineProperty(this, "isStandardLayout", void 0);
-
-    _defineProperty(this, "hasLogo", void 0);
-
-    _defineProperty(this, "departmentId", void 0);
-
-    _defineProperty(this, "module", void 0);
-
-    _defineProperty(this, "layoutDisplayName", void 0);
-
-    _defineProperty(this, "layoutDesc", void 0);
-
-    _defineProperty(this, "isDefaultLayout", void 0);
-
-    _defineProperty(this, "sections", void 0);
-
-    _defineProperty(this, "validationRules", void 0);
-
-    _defineProperty(this, "layoutRules", void 0);
-
-    _defineProperty(this, "dependencyMappings", void 0);
-
-    _defineProperty(this, "context", void 0);
-
-    _defineProperty(this, "isMyFormFetching", void 0);
-
-    _defineProperty(this, "isDependencyFetching", void 0);
-
-    _defineProperty(this, "isLayoutRulesFetching", void 0);
-
-    _defineProperty(this, "isValidationRulesFetching", void 0);
-
     this.modifiedTime = modifiedTime;
     this.isStandardLayout = isStandardLayout;
     this.hasLogo = hasLogo;
@@ -76,6 +40,7 @@ export default class ZForm {
     this.layoutRules = layoutRules;
     this.dependencyMappings = dependencyMappings;
     this.context = context;
+    this.focusedFieldName = focusedFieldName || null;
     /*hack*/
 
     this.isMyFormFetching = isMyFormFetching;
@@ -90,6 +55,18 @@ export default class ZForm {
     this.isDependencyFetching = false;
   }
 
+  setFocusedFieldName(fieldName) {
+    this.focusedFieldName = fieldName;
+  }
+
+  getLayoutId() {
+    return this.layoutId;
+  }
+
+  setLayoutId(layoutId) {
+    this.layoutId = layoutId;
+  }
+
   getContext() {
     const {
       module,
@@ -341,6 +318,16 @@ export default class ZForm {
     this.validationRules = [...this.validationRules.slice(0, position), validationRule, ...this.validationRules.slice(position)];
   }
 
+  getValidateRules() {
+    const validationRules = this.validationRules.map(vr => vr.toObject());
+    return validationRules;
+  }
+
+  getFieldValidateRules(fieldName, eventName) {
+    const validationRules = this.validationRules.map(vr => vr.toObject());
+    return validationRules.filter(vr => vr.fieldName === fieldName).filter(vr => vr.fieldConditions.every(condition => eventName ? condition?.executeOn ? condition.executeOn.includes(eventName) : false : true));
+  }
+
   executeLayoutRules(layoutRuleHelper) {
     if (!this.isLayoutRulesFetching && !this.isMyFormFetching) {
       let layoutRules = this.getLayoutRules().map(layoutRule => {
@@ -355,7 +342,7 @@ export default class ZForm {
       });
       this.applyLayoutRulesResult(sectionResult, fieldResult);
     } else {
-      console.log("Layout rules are fetching or my form is fetching");
+      console.log('Layout rules are fetching or my form is fetching');
     }
   }
 
@@ -373,6 +360,42 @@ export default class ZForm {
     return fieldDependency ? fieldDependency.getMappingsByParentValue(newValue) : [];
   }
 
+  updateChildFieldsRecursive(parentId, value) {
+    let visited = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : new Set();
+
+    if (visited.has(parentId)) {
+      console.warn(`Loop detected at field ${parentId}, skipping...`);
+      return;
+    }
+
+    visited.add(parentId); // Always recompute fields so it's in scope
+
+    let fields = this.sections.flatMap(s => s.getFields());
+    let childIds = this.getChildsByParentId(parentId) || [];
+    childIds.forEach(childId => {
+      let childField = fields.find(f => f.getId() === childId || f.getApiName() === childId);
+
+      if (!childField) {
+        console.warn(`Child field not found for id/apiName: ${childId}`);
+        return;
+      }
+
+      let newOptions = this.getMappedOptions(parentId, childId, value) || [];
+      let pickListValues = newOptions.map(option => ({
+        value: option
+      }));
+      childField.setOptions(pickListValues);
+
+      if (pickListValues.length > 0) {
+        let prevValue = childField.getValue();
+        let retained = pickListValues.find(o => o.value === prevValue);
+        childField.setValue(retained ? prevValue : pickListValues[0].value); // Recurse down
+
+        this.updateChildFieldsRecursive(childId, childField.getValue(), visited);
+      }
+    });
+  }
+
   setFieldValue(fieldApiName, value, layoutRuleHelper) {
     let fields = this.sections.flatMap(s => s.getFields());
     let field = fields.find(f => {
@@ -382,40 +405,20 @@ export default class ZForm {
     if (field) {
       field.setValue(value);
 
-      if (field.getType() == "Picklist") {
+      if (field.getType() === 'Picklist') {
         let parentId = field.getId();
-        let childIds = this.getChildsByParentId(parentId);
-        childIds.forEach(childId => {
-          let newOptions = this.getMappedOptions(parentId, childId, value);
-          let childField = fields.find(f => {
-            return f.getId() === childId;
-          });
-
-          if (childField) {
-            let pickListValues = newOptions.map(option => {
-              return {
-                value: option
-              };
-            });
-            childField.setOptions(pickListValues);
-
-            if (childField.getType() == "Picklist") {
-              childField.setValue(pickListValues[0].value);
-            } else {
-              childField.setValue(pickListValues[0].value);
-            }
-          }
-        }); //   fields[childId].value =
-        //     childField.type === 'MultiSelect'
-        //       ? handleChildFieldMultiSelect({ newOptions, retain, fieldValue })
-        //       : handleChildFieldSelect({ newOptions, retain, fieldValue });
-        // });
+        this.updateChildFieldsRecursive(parentId, value);
       }
 
       this.executeLayoutRules(layoutRuleHelper);
     }
   }
 
+  getFieldErrorMessage(fieldApiName) {
+    const field = this.getFieldByApiName(fieldApiName);
+    return field ? field.getErrorMessage() : undefined;
+  }
+
   setFieldErrorMessage(fieldApiName, errorMessage) {
     this.sections = this.sections.map(s => {
       s.setFieldErrorMessage(fieldApiName, errorMessage);
@@ -444,21 +447,52 @@ export default class ZForm {
   }
 
   getVisibleFieldsData() {
-    let fields = this.getAllFields();
-    let visibleFieldsData = {};
-    fields.forEach(f => {
-      if (f.isVisibile()) {
-        visibleFieldsData[f.getApiName()] = f.getValue();
-      }
+    const visibleFields = this.getAllFields().filter(f => f.isVisibile());
+    const visibleFieldsData = {};
+    visibleFields.forEach(f => {
+      visibleFieldsData[f.getApiName()] = f.getValue();
     });
     return visibleFieldsData;
   }
 
+  getModuleName() {
+    return this.module;
+  }
+
+  getVisibleFieldsAsRecord() {
+    const record = {
+      cf: {}
+    };
+    const visibleFields = this.getAllFields().filter(f => f.isVisibile());
+    visibleFields.forEach(f => {
+      const fieldName = f.getApiName();
+
+      if (fieldName.startsWith('cf_')) {
+        record.cf[fieldName] = f.getValue();
+      } else {
+        record[fieldName] = f.getValue();
+      }
+    });
+    return record;
+  }
+
+  getFirstErrorField() {
+    const fields = this.getAllFields();
+
+    for (const field of fields) {
+      if (field.isVisibile() && field.hasErrorMessage()) {
+        return field.getApiName();
+      }
+    }
+
+    return null;
+  }
+
   getVisibleFieldsErrorMessages() {
     let fields = this.getAllFields();
     let visibleFieldsErrorMessages = {};
     fields.forEach(f => {
-      if (f.isVisibile() && f.getErrorMessage() != "") {
+      if (f.isVisibile() && f.hasErrorMessage()) {
         visibleFieldsErrorMessages[f.getApiName()] = f.getErrorMessage();
       }
     });
@@ -520,16 +554,8 @@ export default class ZForm {
   }
 
   hasError() {
-    let hasError = false;
-    let fields = this.getAllFields();
-    fields.forEach(f => {
-      console.log("error", f.getErrorMessage());
-
-      if (f.getErrorMessage() != "" && f.isVisibile()) {
-        hasError = true;
-      }
-    });
-    return hasError;
+    const fields = this.getAllFields();
+    return fields.some(f => f.isVisibile() && f.hasErrorMessage());
   }
 
   toObject() {
@@ -546,6 +572,8 @@ export default class ZForm {
       validationRules: this.validationRules.map(vr => vr.toObject()),
       layoutRules: this.layoutRules.map(lr => lr.toObject()),
       dependencyMappings: this.dependencyMappings.map(dm => dm.toObject()),
+      focusedFieldName: this.focusedFieldName,
+      layoutId: this.layoutId,
 
       /*hack*/
       isMyFormFetching: this.isMyFormFetching,

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

@@ -1,19 +1,5 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 export default class ZLayout {
   constructor(departmentId, id, isDefaultLayout, isStandardLayout, layoutName, module) {
-    _defineProperty(this, "departmentId", void 0);
-
-    _defineProperty(this, "id", void 0);
-
-    _defineProperty(this, "isDefaultLayout", void 0);
-
-    _defineProperty(this, "isStandardLayout", void 0);
-
-    _defineProperty(this, "layoutName", void 0);
-
-    _defineProperty(this, "module", void 0);
-
     this.departmentId = departmentId;
     this.id = id;
     this.isDefaultLayout = isDefaultLayout;