@zohodesk/library-platform 1.1.6 → 1.1.7-exp.2

package/es/platform/sdk/application/interfaces/gateways/AbstractResource.js

@@ -1,6 +1,7 @@
 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 { SdkResourceDependencies };
+import ErrorPrinter from "../../../../components/table-connected/adapters/resources/ErrorPrinter";
+import Validator from "../../../../../library/custom-component/frameworks/json-schema-validator/Validator";
 export class AbstractResource {
   constructor() {
     _defineProperty(this, "dependencies", void 0);
@@ -10,4 +11,54 @@ export class AbstractResource {
     this.dependencies = dependencies;
   }
 
+  safeValidateInput(meta, input) {
+    try {
+      const result = Validator.validate(meta, input);
+      return result;
+    } catch (error) {
+      return {
+        isValid: false,
+        errors: [{
+          dataPath: '',
+          keyword: 'internal',
+          message: 'invalid schema'
+        }]
+      };
+    }
+  }
+
+  validateInput(methodName, input, meta) {
+    const {
+      isValid,
+      errors
+    } = this.safeValidateInput(meta, input);
+
+    if (!isValid) {
+      const title = `%c Invalid sdk input for %c${methodName}`;
+      const styles = ['color: red; font-weight: bold;', 'color: #FF6F61; font-weight: bold;'];
+      ErrorPrinter.displaySchemaErrors({
+        msg: title,
+        styles
+      }, errors, '');
+      throw {
+        code: 'ValidationError',
+        message: `Invalid input for ${methodName}`,
+        details: {
+          methodName,
+          errors
+        }
+      };
+    }
+  }
+
+  createCallback() {
+    let temp = null;
+    return {
+      setData: data => {
+        temp = data;
+      },
+      getData: () => temp
+    };
+  }
+
 }

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

@@ -6,6 +6,20 @@ export const platformSDK = {
       resourceName: ResourceNamesEnum.SMART_TABLE,
       instanceName
     });
+  },
+
+  [ResourceNamesEnum.SMART_FORM](instanceName) {
+    return sdkRegistry.getResourceInstance({
+      resourceName: ResourceNamesEnum.SMART_FORM,
+      instanceName: instanceName
+    });
+  },
+
+  [ResourceNamesEnum.CLIENT_ACTION](instanceName) {
+    return sdkRegistry.getResourceInstance({
+      resourceName: ResourceNamesEnum.CLIENT_ACTION,
+      instanceName
+    });
   }
 
 };

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

@@ -1,64 +1,108 @@
+import ClientActionsTranslator from "../../../client-actions/translators/client-actions-translator";
 import SectionTranslator from "./translators/SectionTranslator";
-let fieldTypeToUIType = {
-  Text: 'TextBox',
-  Textarea: 'TextArea',
-  Boolean: 'Checkbox',
-  URL: 'Url',
-  Picklist: 'PickList',
-  AutoNumber: 'TextBox',
-  Number: 'Number',
-  Decimal: 'Decimal',
-  Email: 'Email',
-  Phone: 'Phone',
-  Currency: 'Currency',
-  Percent: 'Percentage',
-  Date: 'Date',
-  DateTime: 'DateTime',
-  Multiselect: 'MultiSelect',
-  LookUp: 'TextBox'
-};
-const ePHIFields = {
-  Text: true,
-  Textarea: true,
-  URL: true,
-  Picklist: true,
-  Number: true,
-  Decimal: true,
-  Email: false,
-  Phone: true,
-  Currency: false,
-  Percent: true,
-  AutoNumber: false,
-  Date: false,
-  DateTime: false,
-  Multiselect: false,
-  Boolean: false,
-  LookUp: false
-};
+import DefaultFormClientActions from "./utils/DefaultClientActions";
 export default class FormTranslator {
   static transformState(state) {
-    let uiMapping = state.properties.uiMapping;
+    const {
+      componentMapping,
+      context,
+      isHeaderEnabled = true,
+      isFooterEnabled = true,
+      submitConfig = {
+        text: "Submit",
+        isEnabled: true
+      },
+      cancelConfig = {
+        text: "Cancel",
+        isEnabled: true
+      }
+    } = state.properties;
+    const {
+      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 (state.behaviours.zform.isMyFormFetching || state.behaviours.zform.isDependencyFetching || state.behaviours.zform.isLayoutRulesFetching || state.behaviours.zform.isValidationRulesFetching) {
+      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,
+      isLayoutRulesFetching,
+      isValidationRulesFetching,
+      sections
+    } = zform;
+    const isLoading = isMyFormFetching || isDependencyFetching || isLayoutRulesFetching || isValidationRulesFetching;
+
+    if (isLoading) {
+      return { ...state,
+        viewModel: {
+          isLoading: true
+        }
+      };
+    }
+
+    if (isLoading) {
       return { ...state,
         viewModel: {
           isLoading: true
         }
       };
     } else {
-      let sections = SectionTranslator({
-        state,
-        fieldTypeToUIType,
-        ePHIFields,
-        uiMapping
-      });
       return { ...state,
+        ...zclientAction,
         viewModel: {
-          sections,
+          sections: sections.map(section => {
+            const sectionViewModel = SectionTranslator({
+              section,
+              componentMapping,
+              context
+            });
+            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

@@ -1,32 +1,57 @@
+import { DefaultFormSectionUIType, fieldTypeToUIType } from "../../../../../cc/fields/field/FormDefaultUIType";
 import * as FieldTranslators from "./fields";
 
-const SectionTranslator = _ref => {
+function SectionTranslator(_ref) {
+  var _componentMapping$sec;
+
   let {
-    state,
-    fieldTypeToUIType,
-    ePHIFields,
-    uiMapping
+    section,
+    componentMapping,
+    context
   } = _ref;
-  let sections = state.behaviours.zform.sections.map(section => {
-    return {
-      type: uiMapping.sections[section.id],
-      id: section.id + '',
-      title: section.i18NLabel,
-      description: section.description,
-      //section.description,
-      // isVisible: section.visibility,
-      isVisible: section.isVisible,
-      fields: section.fields.map(field => {
-        const fieldTranslator = FieldTranslators[field.type];
-        let type = uiMapping.fields[field.apiName] || fieldTypeToUIType[field.type];
-        return fieldTranslator({
-          field,
-          type
-        });
-      })
-    };
-  });
-  return sections;
-};
+  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 + '',
+    name: section.name,
+    title: section.i18NLabel,
+    description: 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]) || {};
+      const type = UIComponentName || fieldTypeToUIType[field.type];
+      const viewModel = fieldTranslator({
+        field,
+        type
+      });
+      return translator ? translator({
+        context,
+        field: viewModel
+      }) : viewModel;
+    })
+  };
+
+  if (mapping !== null && mapping !== void 0 && mapping.translator) {
+    return mapping.translator({
+      section: defaultViewModel,
+      context
+    });
+  }
+
+  return defaultViewModel;
+}
 
 export default SectionTranslator;

package/es/platform/zform/adapters/presenter/translators/interfaces/ComponentMapping.js

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

package/es/platform/zform/adapters/presenter/translators/interfaces/FieldContract.js

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

package/es/platform/zform/adapters/presenter/translators/interfaces/FormTranslatorState.js

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

package/es/platform/zform/adapters/presenter/translators/interfaces/SectionContract.js

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

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;