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

package/es/platform/zform/adapters/controllers/ValidateFieldRequestController.js

@@ -3,17 +3,22 @@ import AbstractController from "./AbstractController";
 class ValidateFieldRequestController extends AbstractController {
   handle(event) {
     const {
-      validateFieldRequestUseCase
+      validateFieldUseCase
     } = this.service;
-    let {
+    const {
       state,
       updateState,
       action,
       dispatch
     } = event;
-    validateFieldRequestUseCase.updateDependency(state, updateState);
-    validateFieldRequestUseCase.execute({
-      fieldName: action.payload.fieldName,
+    const {
+      fieldName,
+      eventName
+    } = action.payload;
+    validateFieldUseCase.updateDependency(state, updateState);
+    validateFieldUseCase.execute({
+      fieldName,
+      eventName,
       dispatch
     });
   }

package/es/platform/zform/adapters/controllers/ValidationRulesExecutionResultController.js

@@ -0,0 +1,23 @@
+import AbstractController from "./AbstractController";
+
+class ValidationRulesExecutionResultController extends AbstractController {
+  handle(event) {
+    const {
+      validationRulesExecutionResultUseCase
+    } = this.service;
+    const {
+      state,
+      updateState,
+      action,
+      dispatch
+    } = event;
+    validationRulesExecutionResultUseCase.updateDependency(state, updateState);
+    validationRulesExecutionResultUseCase.execute({
+      result: action.payload,
+      dispatch
+    });
+  }
+
+}
+
+export default ValidationRulesExecutionResultController;

package/es/platform/zform/adapters/controllers/ValidationRulesRequestController.js

@@ -5,11 +5,9 @@ class ValidationRulesRequestController extends AbstractController {
     const {
       validationRulesRequestUseCase
     } = this.service;
-    let {
+    const {
       state,
-      updateState,
-      action,
-      dispatch
+      updateState
     } = event;
     validationRulesRequestUseCase.updateDependency(state, updateState);
     validationRulesRequestUseCase.execute();

package/es/platform/zform/adapters/controllers/ValidationRulesSuccessController.js

@@ -5,15 +5,13 @@ class ValidationRulesSuccessController extends AbstractController {
     const {
       validationRulesSuccessUseCase
     } = this.service;
-    let {
+    const {
       state,
       updateState,
-      action,
-      dispatch
+      action
     } = event;
     validationRulesSuccessUseCase.updateDependency(state, updateState);
     validationRulesSuccessUseCase.execute({
-      dispatch,
       validationRules: action.payload.response.data
     });
   }

package/es/platform/zform/adapters/gateway/Service.js

@@ -11,9 +11,11 @@ import LayoutRulesSuccessUseCase from "../../applications/usecases/LayoutRulesSu
 import ValidationRulesRequestUseCase from "../../applications/usecases/ValidationRulesRequestUseCase";
 import ValidationRulesSuccessUseCase from "../../applications/usecases/ValidationRulesSuccessUseCase";
 import FieldValueChangeRequestUseCase from "../../applications/usecases/FieldValueChangeRequestUseCase";
-import ValidateFieldRequestUseCase from "../../applications/usecases/ValidateFieldRequestUseCase";
 import SetFieldErrorMessageUseCase from "../../applications/usecases/SetFieldErrorMessageUseCase";
-import ValidateErrorMessageUseCase from "../../applications/usecases/ValidateErrorMessageUseCase";
+import FieldBlurUseCase from "../../applications/usecases/FieldBlurUseCase";
+import SubmitValidationCompletedUseCase from "../../applications/usecases/SubmitValidationCompletedUseCase";
+import ValidationRulesExecutionResultUseCase from "../../applications/usecases/ValidationRulesExecutionResultUseCase";
+import ValidateFieldUseCase from "../../applications/usecases/ValidateFieldUseCase";
 
 class Service {
   constructor(dependencies) {
@@ -41,11 +43,15 @@ class Service {
 
     _defineProperty(this, "fieldValueChangeRequestUseCase", void 0);
 
-    _defineProperty(this, "validateFieldRequestUseCase", void 0);
-
     _defineProperty(this, "setFieldErrorMessageUseCase", void 0);
 
-    _defineProperty(this, "validateErrorMessageUseCase", void 0);
+    _defineProperty(this, "fieldBlurUseCase", void 0);
+
+    _defineProperty(this, "validateFieldUseCase", void 0);
+
+    _defineProperty(this, "validationRulesExecutionResultUseCase", void 0);
+
+    _defineProperty(this, "submitValidationCompletedUseCase", void 0);
 
     this.formSubmitUseCase = new FormSubmitUseCase(dependencies);
     this.initializeUseCase = new InitializeUseCase(dependencies);
@@ -58,9 +64,11 @@ class Service {
     this.validationRulesRequestUseCase = new ValidationRulesRequestUseCase(dependencies);
     this.validationRulesSuccessUseCase = new ValidationRulesSuccessUseCase(dependencies);
     this.fieldValueChangeRequestUseCase = new FieldValueChangeRequestUseCase(dependencies);
-    this.validateFieldRequestUseCase = new ValidateFieldRequestUseCase(dependencies);
     this.setFieldErrorMessageUseCase = new SetFieldErrorMessageUseCase(dependencies);
-    this.validateErrorMessageUseCase = new ValidateErrorMessageUseCase(dependencies);
+    this.fieldBlurUseCase = new FieldBlurUseCase(dependencies);
+    this.validateFieldUseCase = new ValidateFieldUseCase(dependencies);
+    this.validationRulesExecutionResultUseCase = new ValidationRulesExecutionResultUseCase(dependencies);
+    this.submitValidationCompletedUseCase = new SubmitValidationCompletedUseCase(dependencies);
   }
 
 }

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

@@ -1,13 +1,65 @@
+import ClientActionsTranslator from "../../../client-actions/translators/client-actions-translator";
 import SectionTranslator from "./translators/SectionTranslator";
+import DefaultFormClientActions from "./utils/DefaultClientActions";
 export default class FormTranslator {
   static transformState(state) {
     const {
       componentMapping,
-      context
+      preferences,
+      context,
+      isHeaderEnabled = true,
+      isFooterEnabled = true,
+      submitConfig = {
+        text: "Submit",
+        isEnabled: true
+      },
+      cancelConfig = {
+        text: "Cancel",
+        isEnabled: true
+      }
     } = state.properties;
     const {
-      zform
+      zform,
+      zclientAction
     } = state.behaviours;
+    const {
+      clientActions,
+      isFetching: isClientActionsFetching
+    } = zclientAction || {};
+    let combinedClientActions = DefaultFormClientActions({
+      clientActions,
+      submitConfig,
+      cancelConfig
+    });
+    const mappedClientActions = mapper(combinedClientActions || []);
+    const transformedClientActions = {};
+    Object.entries(mappedClientActions).forEach(_ref => {
+      let [key, value] = _ref;
+
+      if (isFooterEnabled && (key === 'footerRightActions' || key === 'footerLeftActions')) {
+        let footerActions = ClientActionsTranslator.transform(value, context);
+        transformedClientActions[key] = footerActions;
+      }
+
+      if (isHeaderEnabled && (key === 'headerLeftActions' || key === 'headerRightActions')) {
+        let headerActions = ClientActionsTranslator.transform(value, context);
+        transformedClientActions[key] = headerActions;
+      }
+    });
+    const {
+      headerLeftActions,
+      headerRightActions,
+      footerLeftActions,
+      footerRightActions
+    } = transformedClientActions;
+    const {
+      fieldLabelActions,
+      fieldActions
+    } = mappedClientActions;
+    const fieldLevelActions = {
+      fieldLabelActions,
+      fieldActions
+    };
     const {
       isMyFormFetching,
       isDependencyFetching,
@@ -16,6 +68,16 @@ export default class FormTranslator {
       sections
     } = zform;
     const isLoading = isMyFormFetching || isDependencyFetching || isLayoutRulesFetching || isValidationRulesFetching;
+    let rightPanel = {};
+
+    if (componentMapping && componentMapping.rightPanel && componentMapping.rightPanel.translator) {
+      rightPanel = {
+        componentName: componentMapping.rightPanel.UIComponentName,
+        properties: componentMapping.rightPanel.translator({
+          context
+        })
+      };
+    }
 
     if (isLoading) {
       return { ...state,
@@ -33,19 +95,39 @@ export default class FormTranslator {
       };
     } else {
       return { ...state,
+        ...zclientAction,
         viewModel: {
           sections: sections.map(section => {
             const sectionViewModel = SectionTranslator({
               section,
               componentMapping,
-              context
+              fieldLevelActions,
+              context,
+              focusedFieldName: zform.focusedFieldName,
+              preferences
             });
             return sectionViewModel;
           }),
-          isLoading: false
+          isHeaderEnabled,
+          isFooterEnabled,
+          headerLeftActions,
+          headerRightActions,
+          footerLeftActions,
+          footerRightActions,
+          isLoading: false,
+          rightPanel
         }
       };
     }
   }
 
-}
+}
+
+const mapper = clientAction => ({
+  headerLeftActions: clientAction.filter(action => action.location === 'header_left_actions'),
+  headerRightActions: clientAction.filter(action => action.location === 'header_right_actions'),
+  footerLeftActions: clientAction.filter(action => action.location === 'footer_left_actions'),
+  footerRightActions: clientAction.filter(action => action.location === 'footer_right_actions'),
+  fieldLabelActions: clientAction.filter(action => action.location === 'field_label_actions'),
+  fieldActions: clientAction.filter(action => action.location === 'field_actions')
+});

package/es/platform/zform/adapters/presenter/translators/SectionTranslator.js

@@ -1,5 +1,6 @@
 import { DefaultFormSectionUIType, fieldTypeToUIType } from "../../../../../cc/fields/field/FormDefaultUIType";
 import * as FieldTranslators from "./fields";
+import ClientActionsTranslator from "../../../../client-actions/translators/client-actions-translator";
 
 function SectionTranslator(_ref) {
   var _componentMapping$sec;
@@ -7,9 +8,18 @@ function SectionTranslator(_ref) {
   let {
     section,
     componentMapping,
-    context
+    fieldLevelActions,
+    context,
+    focusedFieldName,
+    preferences
   } = _ref;
   const mapping = componentMapping === null || componentMapping === void 0 ? void 0 : (_componentMapping$sec = componentMapping.sections) === null || _componentMapping$sec === void 0 ? void 0 : _componentMapping$sec[section.name];
+
+  const sectionVisibility = section => {
+    let allFieldHidden = section.fields.every(field => !field.isVisible);
+    return !allFieldHidden;
+  };
+
   const defaultViewModel = {
     type: mapping !== null && mapping !== void 0 && mapping.UIComponentName ? mapping.UIComponentName : DefaultFormSectionUIType,
     id: section.id + '',
@@ -17,9 +27,9 @@ function SectionTranslator(_ref) {
     title: section.i18NLabel,
     description: section.description,
     isCollapsed: section.isCollapsed,
-    isVisible: section.isVisible,
+    isVisible: section.isVisible && sectionVisibility(section),
     fields: section.fields.map(field => {
-      var _componentMapping$fie;
+      var _componentMapping$fie, _preferences$fields;
 
       const fieldTranslator = FieldTranslators[field.type];
       const {
@@ -27,10 +37,57 @@ function SectionTranslator(_ref) {
         translator
       } = (componentMapping === null || componentMapping === void 0 ? void 0 : (_componentMapping$fie = componentMapping.fields) === null || _componentMapping$fie === void 0 ? void 0 : _componentMapping$fie[field.apiName]) || {};
       const type = UIComponentName || fieldTypeToUIType[field.type];
+      const uiConfig = (preferences === null || preferences === void 0 ? void 0 : (_preferences$fields = preferences.fields) === null || _preferences$fields === void 0 ? void 0 : _preferences$fields[field.apiName]) || {
+        size: 'small',
+        breakRow: false
+      };
+      const transformedActions = {
+        fieldLabelActions: [],
+        fieldActions: []
+      }; // Transform client actions
+
+      Object.entries(fieldLevelActions).forEach(_ref2 => {
+        let [key, value] = _ref2;
+        let transformedAction = ClientActionsTranslator.transform(value, { ...context,
+          ...field
+        });
+        transformedActions[key] = transformedAction;
+      }); // Initialize fieldPreModified
+
+      const fieldPreModified = {};
+      fieldPreModified['labelActions'] = [];
+      fieldPreModified['actions'] = []; // Assigning fieldLabelActions to labelActions
+
+      let labelActions = transformedActions.fieldLabelActions || []; // Ephi check
+
+      if (field.isPHI === false) {
+        labelActions = labelActions.filter(item => item.component !== "HighlightedValue");
+      } // Info Icon check
+
+
+      if (field.toolTip && field.toolTipType !== "icon" || !field.toolTipType) {
+        labelActions = labelActions.filter(item => item.properties.label !== "Default Info Icon");
+      } // Final labelActions to fieldPreModified
+
+
+      fieldPreModified['labelActions'] = labelActions; // Final fieldActions to fieldPreModified
+
+      if (field.type !== "Boolean" && field.type !== "Textarea") {
+        fieldPreModified['actions'] = transformedActions.fieldActions;
+      } // Placeholder check
+
+
+      if (field.toolTip && field.toolTipType === "placeholder") {
+        fieldPreModified["placeholder"] = field.toolTip;
+      }
+
       const viewModel = fieldTranslator({
         field,
-        type
+        type,
+        fieldPreModified,
+        uiConfig
       });
+      viewModel.isFocused = focusedFieldName === field.apiName;
       return translator ? translator({
         context,
         field: viewModel

package/es/platform/zform/adapters/presenter/translators/fields/BooleanFieldTranslator.js

@@ -1,20 +1,24 @@
 const BooleanFieldTranslator = _ref => {
   let {
     field,
-    type
+    type,
+    uiConfig,
+    fieldPreModified
   } = _ref;
-  return {
+  const fieldModified = { ...fieldPreModified,
     id: field.id,
     label: field.i18NLabel,
     type,
+    uiConfig,
     value: field.value,
     name: field.apiName,
-    // placeholder: field.i18NLabel,//field.placeholder,
+    errorMessage: field.errorMessage || '',
     required: field.isMandatory,
     readonly: field.isReadOnly,
     // visibility: field.isVisible
     isVisible: field.isVisible
   };
+  return fieldModified;
 };
 
 export default BooleanFieldTranslator;

package/es/platform/zform/adapters/presenter/translators/fields/CurrencyFieldTranslator.js

@@ -2,27 +2,23 @@ const CurrencyFieldTranslator = _ref => {
   let {
     field,
     type,
-    ePHIFields
+    fieldPreModified,
+    uiConfig
   } = _ref;
   const fieldModified = {
     type,
+    uiConfig,
     value: field.value || '',
     //state.behaviours.zform.values[field.apiName],
     name: field.apiName,
+    ...fieldPreModified,
     id: field.id,
     label: field.i18NLabel,
-    // toolTip: field.tooltip || '',
-    // toolTipType: field.toolTipType || '',
-    // placeholder: field.toolTip || '',
-    placeholder: field.toolTipType === "placeholder" ? field.toolTip : "",
     required: field.isMandatory,
     readonly: field.isReadOnly,
     isVisible: field.isVisible,
     errorMessage: field.errorMessage || ''
-  }; // if (ePHIFields[field.type]) {
-  //     fieldModified.ePHI = true;
-  // }
-
+  };
   return fieldModified;
 };
 

package/es/platform/zform/adapters/presenter/translators/fields/DateFieldTranslator.js

@@ -1,20 +1,24 @@
 const DateFieldTranslator = _ref => {
   let {
     field,
-    type
+    type,
+    uiConfig,
+    fieldPreModified
   } = _ref;
-  return {
+  const fieldModified = { ...fieldPreModified,
     id: field.id,
     label: field.i18NLabel,
     type,
+    uiConfig,
     value: field.value || '',
     //state.behaviours.zform.values[field.apiName],
     name: field.apiName,
-    // placeholder: field.i18NLabel,//field.placeholder,
+    errorMessage: field.errorMessage || '',
     required: field.isMandatory,
     readonly: field.isReadOnly,
     isVisible: field.isVisible
   };
+  return fieldModified;
 };
 
 export default DateFieldTranslator;

package/es/platform/zform/adapters/presenter/translators/fields/DateTimeFieldTranslator.js

@@ -1,21 +1,25 @@
 const DateTimeFieldTranslator = _ref => {
   let {
     field,
-    type
+    type,
+    uiConfig,
+    fieldPreModified
   } = _ref;
-  return {
+  const fieldModified = { ...fieldPreModified,
     id: field.id,
     label: field.i18NLabel,
     type,
+    uiConfig,
     value: field.value || '',
     //state.behaviours.zform.values[field.apiName],
     name: field.apiName,
-    // placeholder: field.i18NLabel,//field.placeholder,
+    errorMessage: field.errorMessage || '',
     required: field.isMandatory,
     readonly: field.isReadOnly,
     // visibility: field.isVisible
     isVisible: field.isVisible
   };
+  return fieldModified;
 };
 
 export default DateTimeFieldTranslator;

package/es/platform/zform/adapters/presenter/translators/fields/DecimalFieldTranslator.js

@@ -2,27 +2,24 @@ const DecimalFieldTranslator = _ref => {
   let {
     field,
     type,
-    ePHIFields
+    fieldPreModified,
+    uiConfig
   } = _ref;
   const fieldModified = {
     type,
+    uiConfig,
     value: field.value || '',
     //state.behaviours.zform.values[field.apiName],
     name: field.apiName,
+    ...fieldPreModified,
     id: field.id,
     label: field.i18NLabel,
-    // toolTip: field.tooltip || '',
-    // toolTipType: field.toolTipType || '',
-    // placeholder: field.toolTip || '',
-    placeholder: field.toolTipType === "placeholder" ? field.toolTip : "",
+    // ePHI: field.isPHI, //field.ePHI,
     required: field.isMandatory,
     readonly: field.isReadOnly,
     isVisible: field.isVisible,
     errorMessage: field.errorMessage || ''
-  }; // if (ePHIFields[field.type]) {
-  //     fieldModified.ePHI = true;
-  // }
-
+  };
   return fieldModified;
 };
 

package/es/platform/zform/adapters/presenter/translators/fields/EmailFieldTranslator.js

@@ -2,28 +2,25 @@ const EmailFieldTranslator = _ref => {
   let {
     field,
     type,
-    ePHIFields
+    fieldPreModified,
+    uiConfig
   } = _ref;
   const fieldModified = {
     type,
+    uiConfig,
     value: field.value || '',
     //state.behaviours.zform.values[field.apiName],
     name: field.apiName,
+    ...fieldPreModified,
     id: field.id,
     label: field.i18NLabel,
-    // toolTip: field.tooltip || '',
-    // toolTipType: field.toolTipType || '',
-    // placeholder: field.toolTip || '',
-    placeholder: field.toolTipType === "placeholder" ? field.toolTip : "",
+    // ePHI: field.isPHI, //field.ePHI,
     required: field.isMandatory,
     readonly: field.isReadOnly,
     // visibility: field.isVisible,
     isVisible: field.isVisible,
     errorMessage: field.errorMessage || ''
-  }; // if (ePHIFields[field.type]) {
-  //     fieldModified.ePHI = true;
-  // }
-
+  };
   return fieldModified;
 };
 

package/es/platform/zform/adapters/presenter/translators/fields/LookUpFieldTranslator.js

@@ -2,28 +2,24 @@ const LookUpFieldTranslator = _ref => {
   let {
     field,
     type,
-    ePHIFields
+    fieldPreModified,
+    uiConfig
   } = _ref;
   const fieldModified = {
     type,
+    uiConfig,
     value: field.value || '',
     //state.behaviours.zform.values[field.apiName],
     name: field.apiName,
+    ...fieldPreModified,
     id: field.id,
     label: field.i18NLabel,
-    tooltip: '',
-    //field.tooltip,
-    placeholder: field.i18NLabel,
-    //field.placeholder,
     required: field.isMandatory,
     readonly: field.isReadOnly,
     // visibility: field.isVisible,
     isVisible: field.isVisible,
     errorMessage: field.errorMessage || ''
-  }; // if (ePHIFields[field.type]) {
-  //     fieldModified.ePHI = true;
-  // }
-
+  };
   return fieldModified;
 };
 

package/es/platform/zform/adapters/presenter/translators/fields/MultiselectFieldTranslator.js

@@ -1,9 +1,11 @@
 const MultiSelectFieldTranslator = _ref => {
   let {
     field,
-    type
+    type,
+    uiConfig,
+    fieldPreModified
   } = _ref;
-  return {
+  const fieldModified = { ...fieldPreModified,
     id: field.id,
     label: field.i18NLabel,
     options: field.pickListValues ? field.pickListValues.map(picklistValue => {
@@ -13,17 +15,18 @@ const MultiSelectFieldTranslator = _ref => {
       };
     }) : [],
     type,
+    uiConfig,
     subType: field.subType,
     value: field.value,
     //state.behaviours.zform.values[field.apiName],
     name: field.apiName,
-    // placeholder: field.i18NLabel,//field.placeholder,
     required: field.isMandatory,
     readonly: field.isReadOnly,
     // visibility: field.isVisible,
     isVisible: field.isVisible,
     errorMessage: field.errorMessage || ''
   };
+  return fieldModified;
 };
 
 export default MultiSelectFieldTranslator;

package/es/platform/zform/adapters/presenter/translators/fields/NumberFieldTranslator.js

@@ -2,28 +2,25 @@ const NumberFieldTranslator = _ref => {
   let {
     field,
     type,
-    ePHIFields
+    fieldPreModified,
+    uiConfig
   } = _ref;
   const fieldModified = {
     type,
+    uiConfig,
     value: field.value || '',
     //state.behaviours.zform.values[field.apiName],
     name: field.apiName,
+    ...fieldPreModified,
     id: field.id,
     label: field.i18NLabel,
-    // toolTip: field.tooltip || '',
-    // toolTipType: field.toolTipType || '',
-    // placeholder: field.toolTip || '',
-    placeholder: field.toolTipType === "placeholder" ? field.toolTip : "",
+    // ePHI: field.isPHI, //field.ePHI,
     required: field.isMandatory,
     readonly: field.isReadOnly,
     // visibility: field.isVisible,
     isVisible: field.isVisible,
     errorMessage: field.errorMessage || ''
-  }; // if (ePHIFields[field.type]) {
-  //     fieldModified.ePHI = true;
-  // }
-
+  };
   return fieldModified;
 };