@zohodesk/library-platform 1.1.6-temp-1 → 1.1.7-exp.1

package/es/platform/sdk/frameworks/SdkRegistry.js

@@ -68,5 +68,14 @@ export class SdkManager {
     return this.presentedData;
   }
 
+  getResources() {
+    const {
+      getResourcesUseCase
+    } = this.service;
+    getResourcesUseCase.updateDependencies(this.state, this.setPresentedData);
+    getResourcesUseCase.execute({});
+    return this.presentedData;
+  }
+
 }
 export const sdkRegistry = new SdkManager();

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

@@ -1,13 +1,56 @@
+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
+      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 {
       isMyFormFetching,
       isDependencyFetching,
@@ -33,6 +76,7 @@ export default class FormTranslator {
       };
     } else {
       return { ...state,
+        ...zclientAction,
         viewModel: {
           sections: sections.map(section => {
             const sectionViewModel = SectionTranslator({
@@ -42,10 +86,23 @@ export default class FormTranslator {
             });
             return sectionViewModel;
           }),
+          isHeaderEnabled,
+          isFooterEnabled,
+          headerLeftActions,
+          headerRightActions,
+          footerLeftActions,
+          footerRightActions,
           isLoading: false
         }
       };
     }
   }
 
-}
+}
+
+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')
+});

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

@@ -2,12 +2,14 @@ import { DefaultFormSectionUIType, fieldTypeToUIType } from "../../../../../cc/f
 import * as FieldTranslators from "./fields";
 
 function SectionTranslator(_ref) {
+  var _componentMapping$sec;
+
   let {
     section,
     componentMapping,
     context
   } = _ref;
-  const mapping = componentMapping.sections[section.name];
+  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 defaultViewModel = {
     type: mapping !== null && mapping !== void 0 && mapping.UIComponentName ? mapping.UIComponentName : DefaultFormSectionUIType,
     id: section.id + '',
@@ -20,11 +22,19 @@ function SectionTranslator(_ref) {
       var _componentMapping$fie;
 
       const fieldTranslator = FieldTranslators[field.type];
-      const type = (componentMapping === null || componentMapping === void 0 ? void 0 : (_componentMapping$fie = componentMapping.fields) === null || _componentMapping$fie === void 0 ? void 0 : _componentMapping$fie[field.apiName]) || fieldTypeToUIType[field.type];
-      return fieldTranslator({
+      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]) || {};
+      const type = UIComponentName || fieldTypeToUIType[field.type];
+      const viewModel = fieldTranslator({
         field,
         type
       });
+      return translator ? translator({
+        context,
+        field: viewModel
+      }) : viewModel;
     })
   };
 

package/es/platform/zform/adapters/presenter/utils/DefaultClientActions.js

@@ -0,0 +1,59 @@
+function getDefaultFormAction(_ref) {
+  let {
+    type,
+    text,
+    isEnabled
+  } = _ref;
+  const isSubmit = type === "submit";
+  return {
+    id: isSubmit ? "4000000080010" : "4000000080013",
+    name: "FORM ACTION",
+    component: "form",
+    location: "footer_left_actions",
+    uiComponentMapping: {
+      id: isSubmit ? "4000000080011" : "4000000080014",
+      name: isSubmit ? "Submit Button" : "Cancel Button",
+      component: "Button",
+      propertiesValueMapping: {
+        text: text || (isSubmit ? "Submit" : "Cancel"),
+        palette: isSubmit ? "primaryFilled" : "secondary"
+      },
+      eventMappings: [{
+        id: isSubmit ? "4000000080012" : "4000000080015",
+        sourceEvent: "BUTTON#CLICKED",
+        targetEvent: isSubmit ? "SMART_FORM#SUBMIT_CLICKED" : "SMART_FORM#CANCEL_CLICKED",
+        payloadValueMapping: {}
+      }]
+    },
+    modules: ["static_module"],
+    conditions: {
+      fields: [],
+      pattern: ""
+    }
+  };
+}
+
+export default function DefaultFormClientActions(props) {
+  const {
+    submitConfig,
+    cancelConfig,
+    clientActions = []
+  } = props;
+  const finalClientActions = [];
+
+  if (submitConfig !== null && submitConfig !== void 0 && submitConfig.isEnabled) {
+    finalClientActions.push(getDefaultFormAction({
+      type: "submit",
+      ...submitConfig
+    }));
+  }
+
+  if (cancelConfig !== null && cancelConfig !== void 0 && cancelConfig.isEnabled) {
+    finalClientActions.push(getDefaultFormAction({
+      type: "cancel",
+      ...cancelConfig
+    }));
+  }
+
+  return [...finalClientActions, ...clientActions];
+}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,22 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class DeleteFieldUseCase extends AbstractUseCase {
+  execute(input) {
+    const {
+      fieldName,
+      dispatch
+    } = input;
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const zformEntitiy = repository.getFormEntity();
+    let fieldId = zformEntitiy.getFieldId(fieldName);
+    zformEntitiy.deleteField(fieldId);
+    let zform = zformEntitiy.toObject();
+    presenter.updateFormResponse(zform);
+  }
+
+}
+
+export default DeleteFieldUseCase;

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

@@ -0,0 +1,23 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class GetFieldValueUseCase extends AbstractUseCase {
+  execute(input) {
+    const {
+      fieldName,
+      callback,
+      dispatch
+    } = input;
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const zformEntitiy = repository.getFormEntity();
+    let fieldValue = zformEntitiy.getFieldValue(fieldName);
+    let zform = zformEntitiy.toObject();
+    presenter.updateFormResponse(zform);
+    callback === null || callback === void 0 ? void 0 : callback(fieldValue);
+  }
+
+}
+
+export default GetFieldValueUseCase;

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

@@ -0,0 +1,19 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class HideFieldUseCase extends AbstractUseCase {
+  execute(input) {
+    const {
+      fieldName
+    } = input;
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const form = repository.getFormEntity();
+    form.setFieldVisibility(fieldName, false);
+    presenter.updateFormResponse(form.toObject());
+  }
+
+}
+
+export default HideFieldUseCase;

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

@@ -0,0 +1,19 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class HideSectionUseCase extends AbstractUseCase {
+  execute(input) {
+    const {
+      sectionName
+    } = input;
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const form = repository.getFormEntity();
+    form.setSectionVisibility(sectionName, false);
+    presenter.updateFormResponse(form.toObject());
+  }
+
+}
+
+export default HideSectionUseCase;

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

@@ -2,6 +2,7 @@ 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";
+import { CLIENTACTION_BEHAVIOUR_EXECUTE } from "../../../client-actions/bc/zclient-actions/Constants";
 
 class InitializeUseCase extends AbstractUseCase {
   execute(input) {
@@ -10,6 +11,21 @@ class InitializeUseCase extends AbstractUseCase {
     } = input;
     const zformEntity = this.dependencies.repository.getFormEntity();
     const context = zformEntity.getContext();
+    dispatch({
+      type: CLIENTACTION_BEHAVIOUR_EXECUTE,
+      payload: {
+        actionName: 'getClientActions',
+        props: {
+          moduleName: 'static_module',
+          component: 'smart_form',
+          limit: '1',
+          from: '12',
+          servicePrefix: 'zform',
+          orgName: 'orgName'
+        },
+        apiName: 'clientActions'
+      }
+    });
     dispatch({
       type: DATA_BROKER_EXECUTE,
       payload: {

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

@@ -0,0 +1,28 @@
+import AbstractUseCase from "./AbstractUseCase";
+import ZField from "../../domain/ZField";
+
+class InsertFieldUseCase extends AbstractUseCase {
+  execute(input) {
+    const {
+      sectionName,
+      fieldsObj,
+      fieldIndex,
+      dispatch
+    } = input;
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const zformEntitiy = repository.getFormEntity();
+    let sectionId = zformEntitiy.getSectionId({
+      sectionName
+    });
+    let entity = new ZField(fieldsObj);
+    zformEntitiy.insertFieldAtPositionInSection(sectionId, entity, fieldIndex);
+    let zform = zformEntitiy.toObject();
+    presenter.updateFormResponse(zform);
+  }
+
+}
+
+export default InsertFieldUseCase;

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

@@ -0,0 +1,44 @@
+import AbstractUseCase from "./AbstractUseCase";
+import { ZFORM_FIELD_VALUE_CHANGE_REQUEST } from "../../../../bc/zform/Symbol";
+
+class SetFieldValueUseCase extends AbstractUseCase {
+  execute(input) {
+    let {
+      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);
+
+    dispatch({
+      type: ZFORM_FIELD_VALUE_CHANGE_REQUEST,
+      payload: {
+        sectionId: zformEntitiy.getSectionId({
+          fieldName
+        }),
+        fieldName,
+        value: newValue
+      },
+      metaData: {}
+    });
+  }
+
+}
+
+export default SetFieldValueUseCase;

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

@@ -0,0 +1,51 @@
+import AbstractUseCase from "./AbstractUseCase";
+import { ZFORM_FIELD_VALUE_CHANGE_REQUEST } from "../../../../bc/zform/Symbol";
+
+class SetFieldsValuesUseCase extends AbstractUseCase {
+  execute(input) {
+    let {
+      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: {}
+    // });
+
+    Object.entries(fieldsValuesObj).forEach(_ref => {
+      let [fieldName, value] = _ref;
+      dispatch({
+        type: ZFORM_FIELD_VALUE_CHANGE_REQUEST,
+        payload: {
+          sectionId: zformEntitiy.getSectionId({
+            fieldName
+          }),
+          fieldName,
+          value
+        },
+        metaData: {}
+      });
+    });
+  }
+
+}
+
+export default SetFieldsValuesUseCase;

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

@@ -0,0 +1,19 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class ShowFieldUseCase extends AbstractUseCase {
+  execute(input) {
+    const {
+      fieldName
+    } = input;
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const form = repository.getFormEntity();
+    form.setFieldVisibility(fieldName, true);
+    presenter.updateFormResponse(form.toObject());
+  }
+
+}
+
+export default ShowFieldUseCase;

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

@@ -0,0 +1,19 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class ShowSectionUseCase extends AbstractUseCase {
+  execute(input) {
+    const {
+      sectionName
+    } = input;
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const form = repository.getFormEntity();
+    form.setSectionVisibility(sectionName, true);
+    presenter.updateFormResponse(form.toObject());
+  }
+
+}
+
+export default ShowSectionUseCase;

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

@@ -0,0 +1,29 @@
+import { ZFORM_SUBMIT } from "../../../../bc/zform/Symbol";
+import AbstractUseCase from "./AbstractUseCase";
+
+class SubmitUseCase extends AbstractUseCase {
+  execute(input) {
+    const {
+      dispatch
+    } = input;
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const zformEntity = repository.getFormEntity(); // let zform = zformEntitiy.toObject();
+    // presenter.updateFormResponse(zform);
+
+    const context = { ...zformEntity.getContext()
+    };
+    dispatch({
+      type: ZFORM_SUBMIT,
+      payload: {
+        props: context
+      },
+      metaData: {}
+    });
+  }
+
+}
+
+export default SubmitUseCase;

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

@@ -0,0 +1,22 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class UpdateFieldUseCase extends AbstractUseCase {
+  execute(input) {
+    const {
+      fieldName,
+      fieldProperties,
+      dispatch
+    } = input;
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const zformEntitiy = repository.getFormEntity();
+    zformEntitiy.updateFieldProperties(fieldName, fieldProperties);
+    let zform = zformEntitiy.toObject();
+    presenter.updateFormResponse(zform);
+  }
+
+}
+
+export default UpdateFieldUseCase;

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

@@ -159,6 +159,20 @@ export default class ZField {
     return this.errorMessage;
   }
 
+  setProperties(fieldProperties) {
+    this.displayLabel = fieldProperties.displayLabel !== undefined ? fieldProperties.displayLabel : this.displayLabel;
+    this.i18NLabel = fieldProperties.i18NLabel !== undefined ? fieldProperties.i18NLabel : this.i18NLabel;
+    this.isMandatory = fieldProperties.isMandatory !== undefined ? fieldProperties.isMandatory : this.isMandatory;
+    this.isReadOnly = fieldProperties.isReadOnly !== undefined ? fieldProperties.isReadOnly : this.isReadOnly;
+    this.maxLength = fieldProperties.maxLength !== undefined ? fieldProperties.maxLength : this.maxLength;
+    this.isVisible = fieldProperties.isVisible !== undefined ? fieldProperties.isVisible : this.isVisible;
+    this.value = fieldProperties.value !== undefined ? fieldProperties.value : this.value;
+    this.errorMessage = fieldProperties.errorMessage !== undefined ? fieldProperties.errorMessage : this.errorMessage;
+    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;
+  }
+
   setErrorMessage(errorMessage) {
     this.errorMessage = errorMessage;
   }