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

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

@@ -0,0 +1,26 @@
+import AbstractController from "./AbstractController";
+
+class FieldBlurController extends AbstractController {
+  handle(event) {
+    const {
+      fieldBlurUseCase
+    } = this.service;
+    const {
+      state,
+      updateState,
+      action,
+      dispatch
+    } = event;
+    const {
+      fieldName
+    } = action.payload;
+    fieldBlurUseCase.updateDependency(state, updateState);
+    fieldBlurUseCase.execute({
+      fieldName,
+      dispatch
+    });
+  }
+
+}
+
+export default FieldBlurController;

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

@@ -0,0 +1,23 @@
+import AbstractController from "./AbstractController";
+
+class LookupFieldController extends AbstractController {
+  handle(event) {
+    let {
+      lookupFieldSuccessUseCase
+    } = this.service;
+    let {
+      state,
+      updateState,
+      action,
+      dispatch
+    } = event;
+    lookupFieldSuccessUseCase.updateDependency(state, updateState);
+    lookupFieldSuccessUseCase.execute({
+      dispatch,
+      fieldMetadataResponse: action.payload.response
+    });
+  }
+
+}
+
+export default LookupFieldController;

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

@@ -5,16 +5,22 @@ class MyFormSuccessController extends AbstractController {
     const {
       myFormSuccessUseCase
     } = this.service;
-    let {
+    const {
       state,
       updateState,
       action,
       dispatch
     } = event;
+    const {
+      disableValidationRule,
+      disableLayoutRule
+    } = state.properties;
     myFormSuccessUseCase.updateDependency(state, updateState);
     myFormSuccessUseCase.execute({
       dispatch,
-      myForm: action.payload.response
+      myForm: action.payload.response,
+      disableValidationRule,
+      disableLayoutRule
     });
   }
 

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

@@ -0,0 +1,21 @@
+import AbstractController from "./AbstractController";
+
+class SubmitValidationCompletedController extends AbstractController {
+  handle(event) {
+    const {
+      submitValidationCompletedUseCase
+    } = this.service;
+    const {
+      state,
+      updateState,
+      dispatch
+    } = event;
+    submitValidationCompletedUseCase.updateDependency(state, updateState);
+    submitValidationCompletedUseCase.execute({
+      dispatch
+    });
+  }
+
+}
+
+export default SubmitValidationCompletedController;

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/FormRepository.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; }
-
 import ZValidationRule from "../../domain/ZValidationRule";
 import ZForm from "../../domain/ZForm";
 import ZSection from "../../domain/ZSection";
@@ -8,10 +6,6 @@ import ZLayoutRule from "../../domain/ZLayoutRule";
 import ZDependencyMapping from "../../domain/ZDependencyMapping";
 
 class FormRepository {
-  constructor() {
-    _defineProperty(this, "state", void 0);
-  }
-
   init(state) {
     this.state = state;
   }

package/es/platform/zform/adapters/gateway/Service.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; }
-
 import FormSubmitUseCase from "../../applications/usecases/FormSubmitUseCase";
 import InitializeUseCase from "../../applications/usecases/InitializeUseCase";
 import MyLayoutSuccessUseCase from "../../applications/usecases/MyLayoutSuccessUseCase";
@@ -11,42 +9,15 @@ 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";
+import LookupFieldSuccessUseCase from "../../applications/usecases/LookupFieldSuccessUseCase";
 
 class Service {
   constructor(dependencies) {
-    _defineProperty(this, "formSubmitUseCase", void 0);
-
-    _defineProperty(this, "initializeUseCase", void 0);
-
-    _defineProperty(this, "myLayoutSuccessUseCase", void 0);
-
-    _defineProperty(this, "myFormSuccessUseCase", void 0);
-
-    _defineProperty(this, "myFormRequestUseCase", void 0);
-
-    _defineProperty(this, "dependenciesRequestUseCase", void 0);
-
-    _defineProperty(this, "dependenciesSuccessUseCase", void 0);
-
-    _defineProperty(this, "layoutRulesRequestUseCase", void 0);
-
-    _defineProperty(this, "layoutRulesSuccessUseCase", void 0);
-
-    _defineProperty(this, "validationRulesRequestUseCase", void 0);
-
-    _defineProperty(this, "validationRulesSuccessUseCase", void 0);
-
-    _defineProperty(this, "fieldValueChangeRequestUseCase", void 0);
-
-    _defineProperty(this, "validateFieldRequestUseCase", void 0);
-
-    _defineProperty(this, "setFieldErrorMessageUseCase", void 0);
-
-    _defineProperty(this, "validateErrorMessageUseCase", void 0);
-
     this.formSubmitUseCase = new FormSubmitUseCase(dependencies);
     this.initializeUseCase = new InitializeUseCase(dependencies);
     this.myLayoutSuccessUseCase = new MyLayoutSuccessUseCase(dependencies);
@@ -58,9 +29,12 @@ 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);
+    this.lookupFieldSuccessUseCase = new LookupFieldSuccessUseCase(dependencies);
   }
 
 }

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

@@ -1,12 +1,4 @@
-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 FormPresenter {
-  constructor() {
-    _defineProperty(this, "updateState", void 0);
-
-    _defineProperty(this, "state", void 0);
-  }
-
   updateDependencies(state, updateState) {
     this.state = state;
     this.updateState = updateState;

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

@@ -5,6 +5,7 @@ export default class FormTranslator {
   static transformState(state) {
     const {
       componentMapping,
+      preferences,
       context,
       isHeaderEnabled = true,
       isFooterEnabled = true,
@@ -51,6 +52,14 @@ export default class FormTranslator {
       footerLeftActions,
       footerRightActions
     } = transformedClientActions;
+    const {
+      fieldLabelActions,
+      fieldActions
+    } = mappedClientActions;
+    const fieldLevelActions = {
+      fieldLabelActions,
+      fieldActions
+    };
     const {
       isMyFormFetching,
       isDependencyFetching,
@@ -59,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,
@@ -82,7 +101,10 @@ export default class FormTranslator {
             const sectionViewModel = SectionTranslator({
               section,
               componentMapping,
-              context
+              fieldLevelActions,
+              context,
+              focusedFieldName: zform.focusedFieldName,
+              preferences
             });
             return sectionViewModel;
           }),
@@ -92,7 +114,8 @@ export default class FormTranslator {
           headerRightActions,
           footerLeftActions,
           footerRightActions,
-          isLoading: false
+          isLoading: false,
+          rightPanel
         }
       };
     }
@@ -104,5 +127,7 @@ 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')
+  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,15 +1,19 @@
 import { DefaultFormSectionUIType, fieldTypeToUIType } from "../../../../../cc/fields/field/FormDefaultUIType";
 import * as FieldTranslators from "./fields";
+import ClientActionsTranslator from "../../../../client-actions/translators/client-actions-translator";
+import { getDefaultFieldEphiActionTemplate, getDefaultFieldInfoActionTemplate } from "../utils/DefaultClientActions";
+import sanitizeHtmlString from "../utils/sanitizeHtmlString";
 
 function SectionTranslator(_ref) {
-  var _componentMapping$sec;
-
   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 mapping = componentMapping?.sections?.[section.name];
 
   const sectionVisibility = section => {
     let allFieldHidden = section.fields.every(field => !field.isVisible);
@@ -17,26 +21,87 @@ function SectionTranslator(_ref) {
   };
 
   const defaultViewModel = {
-    type: mapping !== null && mapping !== void 0 && mapping.UIComponentName ? mapping.UIComponentName : DefaultFormSectionUIType,
+    type: mapping?.UIComponentName ? mapping.UIComponentName : DefaultFormSectionUIType,
     id: section.id + '',
     name: section.name,
     title: section.i18NLabel,
-    description: section.description,
+    description: sanitizeHtmlString({
+      htmlString: section.description
+    }),
     isCollapsed: section.isCollapsed,
     isVisible: section.isVisible && sectionVisibility(section),
     fields: section.fields.map(field => {
-      var _componentMapping$fie;
-
       const fieldTranslator = FieldTranslators[field.type];
       const {
         UIComponentName,
         translator
-      } = (componentMapping === null || componentMapping === void 0 ? void 0 : (_componentMapping$fie = componentMapping.fields) === null || _componentMapping$fie === void 0 ? void 0 : _componentMapping$fie[field.apiName]) || {};
+      } = componentMapping?.fields?.[field.apiName] || {};
       const type = UIComponentName || fieldTypeToUIType[field.type];
+      const uiConfig = preferences?.fields?.[field.apiName] || {
+        size: 'small',
+        breakRow: false
+      };
+
+      const createEmptyActions = () => ({
+        fieldLabelActions: [],
+        fieldActions: []
+      }); // Create Action via Template
+
+
+      const defaultActions = createEmptyActions();
+      const ephiFields = ['Decimal', 'Email', 'Number', 'Percent', 'Phone', 'Text', 'URL'];
+
+      if (field.toolTip && field.toolTipType === 'icon') {
+        defaultActions.fieldLabelActions.push(getDefaultFieldInfoActionTemplate({
+          label: field.toolTip,
+          fieldName: field.apiName
+        }));
+      } // console.log(field.type, field.toolTipType, field.toolTipType === 'icon', getDefaultFieldInfoActionTemplate({ label: field.toolTip, fieldName: field.apiName }));
+
+
+      if (field.isPHI === true && ephiFields.includes(field.type)) {
+        defaultActions.fieldLabelActions.push(getDefaultFieldEphiActionTemplate({
+          fieldName: field.apiName
+        }));
+      } // Transform Default client actions
+
+
+      const transformedDefaultActions = createEmptyActions();
+      Object.entries(defaultActions).forEach(_ref2 => {
+        let [key, value] = _ref2;
+        let transformedDefaultAction = ClientActionsTranslator.transform(value, { ...context,
+          ...field
+        });
+        transformedDefaultActions[key] = transformedDefaultAction;
+      }); // Transform client actions
+
+      const transformedActions = createEmptyActions();
+      Object.entries(fieldLevelActions).forEach(_ref3 => {
+        let [key, value] = _ref3;
+        let transformedAction = ClientActionsTranslator.transform(value, { ...context,
+          ...field
+        });
+        transformedActions[key] = transformedAction;
+      }); // Initialize fieldPreModified
+
+      const fieldPreModified = {};
+      fieldPreModified['labelActions'] = transformedDefaultActions.fieldLabelActions.concat(transformedActions.fieldLabelActions);
+      fieldPreModified['actions'] = transformedDefaultActions.fieldActions.concat(transformedActions.fieldActions);
+      const noPlaceHolderSupport = ['Boolean', 'Date', 'DateTime']; // Placeholder check
+
+      if (field.toolTip && field.toolTipType === "placeholder" && !noPlaceHolderSupport.includes(field.type)) {
+        fieldPreModified["placeholder"] = field.toolTip;
+      }
+
       const viewModel = fieldTranslator({
         field,
-        type
+        type,
+        fieldPreModified,
+        uiConfig,
+        context,
+        preferences
       });
+      viewModel.isFocused = focusedFieldName === field.apiName;
       return translator ? translator({
         context,
         field: viewModel
@@ -44,7 +109,7 @@ function SectionTranslator(_ref) {
     })
   };
 
-  if (mapping !== null && mapping !== void 0 && mapping.translator) {
+  if (mapping?.translator) {
     return mapping.translator({
       section: defaultViewModel,
       context

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,31 @@ const CurrencyFieldTranslator = _ref => {
   let {
     field,
     type,
-    ePHIFields
+    fieldPreModified,
+    uiConfig,
+    context,
+    preferences
   } = _ref;
+  let prefCurrencyLocale = preferences?.fields?.[field.apiName]?.currencyLocale;
+  let contextCurrencyLocale = context?.currencyLocale;
+  let prefCurrencySymbol = preferences?.fields?.[field.apiName]?.currencySymbol;
+  let contextCurrencySymbol = context?.currencySymbol;
   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,
+    currencyLocale: prefCurrencyLocale || contextCurrencyLocale,
+    currencySymbol: prefCurrencySymbol || contextCurrencySymbol,
     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;
 };