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

package/es/cc/form-connected/Properties.js

@@ -30,7 +30,7 @@ export default {
             type: 'boolean'
           }
         },
-        required: ['text', 'isEnabled']
+        required: ['isEnabled']
       }
     }
   },
@@ -47,7 +47,7 @@ export default {
             type: 'boolean'
           }
         },
-        required: ['text', 'isEnabled']
+        required: ['isEnabled']
       }
     }
   },

package/es/library/custom-component/applications/interfaces/input/SetRefInputModel.js

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

package/es/library/custom-component/applications/usecases/MountUseCase copy.js

@@ -0,0 +1,28 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class MountUsecase extends AbstractUseCase {
+  execute() {
+    const {
+      repository,
+      presenter,
+      eventManager
+    } = this.dependencies;
+    const component = repository.getComponent();
+    const mountAction = component.getMountAction();
+    const eventHandlers = component.getEventHandlersWrapper();
+
+    try {
+      eventManager.subscribe(eventHandlers);
+
+      if (!component.hasBreakingError()) {
+        eventManager.dispatch(mountAction);
+      }
+    } catch (e) {
+      component.setError(e);
+      presenter.setError(e);
+    }
+  }
+
+}
+
+export default MountUsecase;

package/es/library/custom-component/applications/usecases/SetRefUseCase.js

@@ -0,0 +1,31 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class SetRefUseCase extends AbstractUseCase {
+  execute(_ref) {
+    let {
+      ref
+    } = _ref;
+    const {
+      repository,
+      presenter,
+      eventManager
+    } = this.dependencies;
+    const component = repository.getComponent();
+    const eventHandlers = component.getEventHandlersWrapper();
+
+    try {
+      if (eventManager.isDifferentElement(ref)) {
+        eventManager.unSubscribe(eventHandlers);
+        eventManager.setElement(ref);
+        eventManager.subscribe(eventHandlers);
+      }
+    } catch (e) {
+      const error = component.getClassifiedErrorStructure(e);
+      component.setError(error);
+      presenter.setError(error);
+    }
+  }
+
+}
+
+export default SetRefUseCase;

package/es/library/custom-component/domain/entities/ComponentProperties.js

@@ -1,19 +1,18 @@
 /* eslint-disable complexity */
 import { ErrorCodes } from "../../../../cc/component/ErrorStructure";
-import Logger from "./Logger";
 export default class ComponentProperties {
   constructor(componentName, properties, behaviours) {
     this.componentName = componentName;
     this.properties = properties;
     this.behaviours = behaviours;
-    this.logger = new Logger(componentName);
     this.behavioursProperties = {};
     /* store behaviour properties */
 
     this.behaviours.forEach(behaviour => {
-      behaviour.getProperties().data && behaviour.getProperties().data.forEach(obj => {
-        this.behavioursProperties[obj.getName()] = obj.clone();
-      });
+      const cloneMap = behaviour.getPropertiesClone();
+      this.behavioursProperties = { ...this.behavioursProperties,
+        ...cloneMap
+      };
     });
   }
 
@@ -44,14 +43,13 @@ export default class ComponentProperties {
     } = this.validateProperties(jsonValidator, newProps);
 
     if (!isValid) {
-      this.logger.logPropertiesValidation(validationResults); // console.log({ isValid, componentName: this.componentName, validationResults });
-
+      // console.log({ isValid, componentName: this.componentName, validationResults });
       throw {
         code: ErrorCodes.PROPERTY_VALIDATION_FAILED,
         message: `Properties validation failed for component ${this.componentName}`,
         errorDetails: {
           isBreaking: true,
-          validationResults: validationResults.filter(result => !result.isValid)
+          validationResults: validationResults.filter(result => result.errors?.length > 0 || result.warnings?.length > 0)
         }
       };
     }
@@ -82,6 +80,7 @@ export default class ComponentProperties {
         params: {}
       }],
       errors: [],
+      value: undefined,
       schema: {}
     };
   }

package/es/library/custom-component/domain/entities/Logger.js

@@ -1,4 +1,4 @@
-// Define types
+import { ErrorCodes } from "../../../../cc/component/ErrorStructure";
 // const ERROR_TITLE: string = 'color: red; font-weight: bold;';
 const ERROR_PRIMARY = 'color: #FF6F61;font-weight: bold';
 const ERROR_SECONDARY = 'color: #FFA500;font-weight: initial'; // const LOG_TITLE: string = 'color: gray; font-weight: bold;';
@@ -12,25 +12,55 @@ export default class Logger {
 
 
   logPropertiesValidation(validationResults) {
-    console.group(`%cProperties Validation: %c${this.componentName}`, ERROR_PRIMARY, ERROR_SECONDARY, validationResults.filter(result => result.errors?.length > 0 || result.warnings?.length > 0));
-    validationResults.filter(result => result.errors?.length > 0 || result.warnings?.length > 0).forEach(result => {
-      result.errors?.forEach(error => {
-        this.printResult(result.key, error);
+    console.group(`%cProperties Validation: %c${this.componentName}`, ERROR_PRIMARY, ERROR_SECONDARY, validationResults);
+    validationResults.forEach(_ref => {
+      let {
+        key,
+        errors,
+        warnings,
+        value
+      } = _ref;
+      errors?.forEach(error => {
+        this.printResult(key, error, 'error');
       });
-      result.warnings?.forEach(warning => {
-        this.printResult(result.key, warning);
+      warnings?.forEach(warning => {
+        this.printResult(key, warning, 'warning');
+      });
+      console.log('%cBut, Given is:', 'color: white;font-weight: bold;', {
+        [key]: value
       });
     });
     console.groupEnd();
   }
 
-  printResult(key, errorOrWarning) {
+  logError(error) {
+    console.log('Logging Error in ComponentProperties - logError');
+
+    if (error.code === ErrorCodes.PROPERTY_VALIDATION_FAILED) {
+      this.logPropertiesValidation(error.errorDetails?.validationResults);
+      return;
+    }
+
+    console.group(`%cError Occurred: %c${this.componentName}`, ERROR_PRIMARY, ERROR_SECONDARY, error);
+    console.error(`%cError Code: %c${error.code}`, ERROR_PRIMARY, ERROR_SECONDARY);
+    console.error(`%cError Message: %c${error.message}`, ERROR_PRIMARY, ERROR_SECONDARY);
+
+    if (error.errorDetails?.originalError) {
+      console.error(error.errorDetails.originalError);
+    }
+
+    console.groupEnd();
+  }
+
+  printResult(key, errorOrWarning, type) {
+    const log = type === 'error' ? console.error : console.warn;
+
     if (errorOrWarning.dataPath) {
-      console.error(`Invalid Property %c${key}%c${errorOrWarning.dataPath} %c${errorOrWarning.message}`, ERROR_PRIMARY, ERROR_SECONDARY, 'color: white;');
+      log(`Invalid Property %c${key}%c${errorOrWarning.dataPath} %c${errorOrWarning.message}`, ERROR_PRIMARY, ERROR_SECONDARY, 'color: white;');
       return;
     }
 
-    console.error(`Invalid Property %c${key} : %c${errorOrWarning.message}`, ERROR_PRIMARY, 'color: white;');
+    log(`Invalid Property %c${key} : %c${errorOrWarning.message}`, ERROR_PRIMARY, 'color: white;');
   }
 
   eventNameConsoleStyle(type) {

package/es/library/dot/components/form/frameworks/ui/FormFallbackView.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import ErrorState from "../../../../legacy-to-new-arch/error-state/frameworks/ui/ErrorState";
+import { ErrorCodes } from "../../../../../../cc/component/ErrorStructure";
+import ErrorTypes from "../../../../../../cc/error-state/ErrorTypes";
+
+function FormFallbackView(_ref, ref) {
+  let {
+    error
+  } = _ref;
+  const map = {
+    [ErrorCodes.API_FAILED]: ErrorTypes.UrlNotFound,
+    [ErrorCodes.PROPERTY_VALIDATION_FAILED]: ErrorTypes.OopsSomethingMiss,
+    [ErrorCodes.EVENT_HANDLER_FAILED]: ErrorTypes.Inconvenience,
+    [ErrorCodes.UNKNOWN_ERROR]: ErrorTypes.Inconvenience
+  };
+  const errorType = map[error.code] === undefined ? ErrorTypes.Inconvenience : map[error.code];
+  return /*#__PURE__*/React.createElement(ErrorState, {
+    type: errorType,
+    getRef: ref
+  });
+}
+
+export default /*#__PURE__*/React.forwardRef(FormFallbackView);

package/es/library/dot/legacy-to-new-arch/button/frameworks/ui/ButtonView.js

@@ -26,7 +26,7 @@ function ButtonView(_ref, ref) {
     palette: palette,
     size: size,
     isRounded: isRounded,
-    isDisabled: isDisabled,
+    disabled: isDisabled,
     id: id,
     status: status,
     tooltip: tooltip,

package/es/platform/components/form-connected/adapters/resources/SmartFormResources.js

@@ -21,6 +21,7 @@ import SetFieldErrorMessageUseCase from "../../../../zform/applications/usecases
 import FocusFieldUseCase from "../../../../zform/applications/usecases/FocusFieldUseCase";
 import InsertValidationRuleUseCase from "../../../../zform/applications/usecases/InsertValidationRuleSuccessUseCase";
 import GetFieldErrorMessageUseCase from "../../../../zform/applications/usecases/GetFieldErrorMessageUseCase";
+import GetIsFieldValueChangedUseCase from "../../../../zform/applications/usecases/GetIsFieldValueChanged";
 export class SmartFormResources extends AbstractResource {
   initialize() {}
 
@@ -287,4 +288,21 @@ export class SmartFormResources extends AbstractResource {
     });
   }
 
+  getIsFieldValueChanged() {
+    const {
+      getData,
+      setData
+    } = this.createCallback();
+    const {
+      dispatch
+    } = this.dependencies;
+    const dependencies = this.getFormDependencies();
+    const usecase = this.createUseCase(dependencies, GetIsFieldValueChangedUseCase);
+    usecase.execute({
+      callback: setData,
+      dispatch
+    });
+    return getData();
+  }
+
 }

package/es/platform/components/form-connected/frameworks/EventHandlersFactory.js

@@ -1,7 +1,7 @@
 import SmartFormConstants from "../../../../cc/form-connected/ExternalConstants";
 import FormSdkFactory from "./FormSdkFactory";
 import FormConstants from "../../../../cc/form/Constants";
-import { ZFORM_FIELD_BLURRED, ZFORM_FIELD_VALUE_CHANGED, ZFORM_SUBMIT_SUCCESS, ZFORM_SUBMIT_VALIDATION_FAILURE } from "../../../../bc/zform/Symbol";
+import { ZFORM_FIELD_BLURRED, ZFORM_FIELD_VALUE_CHANGED, ZFORM_SUBMIT_FAILURE, ZFORM_SUBMIT_SUCCESS, ZFORM_SUBMIT_VALIDATION_FAILURE } from "../../../../bc/zform/Symbol";
 import { platformSDK_old } from "../../../sdk/frameworks/Sdk";
 const {
   SMART_FORM_FIELD_FOCUSED,
@@ -56,6 +56,7 @@ export default class EventHandlersFactory {
       [FormConstants.FORM_FIELD_FOCUSED]: EventHandlersFactory.createEventMappedHandler(SMART_FORM_FIELD_FOCUSED),
       [ZFORM_FIELD_BLURRED]: EventHandlersFactory.createEventMappedHandler(SMART_FORM_FIELD_BLURRED),
       [ZFORM_SUBMIT_SUCCESS]: EventHandlersFactory.createEventMappedHandler(SMART_FORM_SUBMIT_SUCCESS),
+      [ZFORM_SUBMIT_FAILURE]: EventHandlersFactory.createEventMappedHandler(SMART_FORM_SUBMIT_FAILURE),
       [ZFORM_SUBMIT_VALIDATION_FAILURE]: EventHandlersFactory.createEventMappedHandler(SMART_FORM_SUBMIT_FAILURE),
       [ZFORM_FIELD_VALUE_CHANGED]: EventHandlersFactory.createEventMappedHandler(SMART_FORM_FIELD_VALUE_CHANGED)
     };

package/es/platform/components/form-connected/frameworks/FormFallbackView.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import ErrorState from "../../../../library/dot/legacy-to-new-arch/error-state/frameworks/ui/ErrorState";
+import { ErrorCodes } from "../../../../cc/component/ErrorStructure";
+import ErrorTypes from "../../../../cc/error-state/ErrorTypes";
+
+function FormFallbackView(_ref, ref) {
+  let {
+    error
+  } = _ref;
+  const map = {
+    [ErrorCodes.API_FAILED]: ErrorTypes.UrlNotFound,
+    [ErrorCodes.PROPERTY_VALIDATION_FAILED]: ErrorTypes.OopsSomethingMiss,
+    [ErrorCodes.EVENT_HANDLER_FAILED]: ErrorTypes.Inconvenience,
+    [ErrorCodes.UNKNOWN_ERROR]: ErrorTypes.Inconvenience
+  };
+  const errorType = map[error.code] === undefined ? ErrorTypes.Inconvenience : map[error.code];
+  return /*#__PURE__*/React.createElement(ErrorState, {
+    type: errorType,
+    getRef: ref
+  });
+}
+
+export default /*#__PURE__*/React.forwardRef(FormFallbackView);

package/es/platform/components/form-connected/frameworks/FormSdkFactory.js

@@ -14,7 +14,8 @@ export default class FormSdkFactory {
       deleteField: fieldName => smartForm.deleteField(fieldName),
       updateField: (fieldName, fieldProperties) => smartForm.updateField(fieldName, fieldProperties),
       getFieldValue: fieldName => smartForm.getFieldValue(fieldName),
-      submit: () => smartForm.submit()
+      submit: () => smartForm.submit(),
+      getIsFieldValueChanged: () => smartForm.getIsFieldValueChanged()
     };
   }
 
@@ -36,7 +37,8 @@ export default class FormSdkFactory {
         deleteField: formSdks.deleteField,
         updateField: formSdks.updateField,
         getFieldValue: formSdks.getFieldValue,
-        submit: formSdks.submit
+        submit: formSdks.submit,
+        getIsFieldValueChanged: formSdks.getIsFieldValueChanged
       }
     };
   }

package/es/platform/zdata-source/domain/entities/APITemplate.js

@@ -57,7 +57,8 @@ class APITemplate {
         return this.getResponseInTemplate({
           payload,
           params,
-          headers
+          headers,
+          parameters: obj
         });
       };
     }

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

@@ -0,0 +1,21 @@
+import AbstractController from "./AbstractController";
+
+class CreateRecordFailedController extends AbstractController {
+  handle(event) {
+    const {
+      createRecordFailedUseCase
+    } = this.service;
+    const {
+      dispatch,
+      action
+    } = event;
+    const payload = action?.payload;
+    createRecordFailedUseCase.execute({
+      dispatch,
+      payload
+    });
+  }
+
+}
+
+export default CreateRecordFailedController;

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

@@ -0,0 +1,21 @@
+import AbstractController from "./AbstractController";
+
+class CreateRecordSuccessController extends AbstractController {
+  handle(event) {
+    const {
+      createRecordSuccessUseCase
+    } = this.service;
+    const {
+      dispatch,
+      action
+    } = event;
+    const payload = action?.payload;
+    createRecordSuccessUseCase.execute({
+      dispatch,
+      payload
+    });
+  }
+
+}
+
+export default CreateRecordSuccessController;

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

@@ -60,6 +60,8 @@ class FormRepository {
       isMyFormFetching: zform.isMyFormFetching,
       isDependencyFetching: zform.isDependencyFetching,
       isLayoutRulesFetching: zform.isLayoutRulesFetching,
+      focusedFieldName: zform.focusedFieldName,
+      isSubmitFetching: zform.isSubmitFetching,
       isValidationRulesFetching: zform.isValidationRulesFetching
     });
     return zformEntitiy; // new ZField()

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

@@ -1,4 +1,6 @@
 import FormSubmitUseCase from "../../applications/usecases/FormSubmitUseCase";
+import CreateRecordSuccessUseCase from "../../applications/usecases/CreateRecordSuccessUseCase";
+import CreateRecordFailedUseCase from "../../applications/usecases/CreateRecordFailedUseCase";
 import InitializeUseCase from "../../applications/usecases/InitializeUseCase";
 import MyLayoutSuccessUseCase from "../../applications/usecases/MyLayoutSuccessUseCase";
 import MyFormSuccessUseCase from "../../applications/usecases/MyFormSuccessUseCase";
@@ -18,6 +20,8 @@ import LookupFieldSuccessUseCase from "../../applications/usecases/LookupFieldSu
 
 class Service {
   constructor(dependencies) {
+    this.createRecordFailedUseCase = new CreateRecordFailedUseCase(dependencies);
+    this.createRecordSuccessUseCase = new CreateRecordSuccessUseCase(dependencies);
     this.formSubmitUseCase = new FormSubmitUseCase(dependencies);
     this.initializeUseCase = new InitializeUseCase(dependencies);
     this.myLayoutSuccessUseCase = new MyLayoutSuccessUseCase(dependencies);

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

@@ -26,6 +26,14 @@ export default class FormTranslator {
       clientActions,
       isFetching: isClientActionsFetching
     } = zclientAction || {};
+    const {
+      isMyFormFetching,
+      isDependencyFetching,
+      isLayoutRulesFetching,
+      isValidationRulesFetching,
+      isSubmitFetching,
+      sections
+    } = zform;
     let combinedClientActions = DefaultFormClientActions({
       clientActions,
       submitConfig,
@@ -33,16 +41,20 @@ export default class FormTranslator {
     });
     const mappedClientActions = mapper(combinedClientActions || []);
     const transformedClientActions = {};
+    const actionContext = { ...context,
+      isSubmitFetching,
+      submitStatus: isSubmitFetching ? 'loading' : 'none'
+    };
     Object.entries(mappedClientActions).forEach(_ref => {
       let [key, value] = _ref;
 
       if (isFooterEnabled && (key === 'footerRightActions' || key === 'footerLeftActions')) {
-        let footerActions = ClientActionsTranslator.transform(value, context);
+        let footerActions = ClientActionsTranslator.transform(value, actionContext);
         transformedClientActions[key] = footerActions;
       }
 
       if (isHeaderEnabled && (key === 'headerLeftActions' || key === 'headerRightActions')) {
-        let headerActions = ClientActionsTranslator.transform(value, context);
+        let headerActions = ClientActionsTranslator.transform(value, actionContext);
         transformedClientActions[key] = headerActions;
       }
     });
@@ -60,13 +72,6 @@ export default class FormTranslator {
       fieldLabelActions,
       fieldActions
     };
-    const {
-      isMyFormFetching,
-      isDependencyFetching,
-      isLayoutRulesFetching,
-      isValidationRulesFetching,
-      sections
-    } = zform;
     const isLoading = isMyFormFetching || isDependencyFetching || isLayoutRulesFetching || isValidationRulesFetching;
     let rightPanel = {};
 

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

@@ -43,7 +43,9 @@ function getDefaultFormAction(_ref) {
       name: isSubmit ? 'Submit Button' : 'Cancel Button',
       component: 'Button',
       propertiesValueMapping: {
-        text: isSubmit ? i18NProviderUtils.getI18NValue('crm.button.submit') : i18NProviderUtils.getI18NValue('support.label.cancel'),
+        isDisabled: '{{@context.isSubmitFetching}}',
+        status: isSubmit ? '{{@context.submitStatus}}' : 'none',
+        text: text ? text : isSubmit ? i18NProviderUtils.getI18NValue('crm.button.submit') : i18NProviderUtils.getI18NValue('support.label.cancel'),
         palette: isSubmit ? 'primaryFilled' : 'secondary'
       },
       eventMappings: [{

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

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

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

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

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

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

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

@@ -0,0 +1,25 @@
+import AbstractUseCase from "./AbstractUseCase";
+import { ZFORM_SUBMIT_FAILURE } from "../../../../bc/zform/Symbol";
+
+class CreateRecordFailedUseCase extends AbstractUseCase {
+  execute(input) {
+    const {
+      dispatch,
+      payload
+    } = input;
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const zFormEntity = repository.getFormEntity();
+    zFormEntity.setSubmitFetching(false);
+    presenter.updateFormResponse(zFormEntity.toObject());
+    dispatch({
+      type: ZFORM_SUBMIT_FAILURE,
+      payload: payload
+    });
+  }
+
+}
+
+export default CreateRecordFailedUseCase;

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

@@ -0,0 +1,25 @@
+import AbstractUseCase from "./AbstractUseCase";
+import { ZFORM_SUBMIT_SUCCESS } from "../../../../bc/zform/Symbol";
+
+class CreateRecordSuccessUseCase extends AbstractUseCase {
+  execute(input) {
+    const {
+      dispatch,
+      payload
+    } = input;
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const zFormEntity = repository.getFormEntity();
+    zFormEntity.setSubmitFetching(false);
+    presenter.updateFormResponse(zFormEntity.toObject());
+    dispatch({
+      type: ZFORM_SUBMIT_SUCCESS,
+      payload: payload
+    });
+  }
+
+}
+
+export default CreateRecordSuccessUseCase;

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

@@ -8,12 +8,15 @@ class FormSubmitUseCase extends AbstractUseCase {
     } = input;
     const {
       repository,
-      validator
+      validator,
+      presenter
     } = this.dependencies;
     const zFormEntity = repository.getFormEntity();
     const validationRules = zFormEntity.getValidateRules();
     const myForm = zFormEntity.toObject();
     const formData = zFormEntity.getFormData();
+    zFormEntity.setSubmitFetching(true);
+    presenter.updateFormResponse(zFormEntity.toObject());
     validator.validateAsync({
       validationRules,
       formData,

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

@@ -0,0 +1,35 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class GetIsFieldValueChangedUseCase extends AbstractUseCase {
+  execute(input) {
+    const {
+      callback,
+      dispatch
+    } = input;
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const zformEntitiy = repository.getFormEntity();
+    let allFields = zformEntitiy.getAllFields();
+    const isFieldValueChanged = allFields.some(field => {
+      const value = field.getValue();
+      const defaultValue = field.getDefaultValue();
+      const isEmpty = value === null || value === '';
+
+      if (field.getType() === "Boolean") {
+        return value !== defaultValue; // simple compare
+      }
+
+      const cond1 = defaultValue && value !== defaultValue;
+      const cond2 = !defaultValue && !isEmpty;
+      return cond1 || cond2;
+    });
+    let zform = zformEntitiy.toObject();
+    presenter.updateFormResponse(zform);
+    callback?.(isFieldValueChanged);
+  }
+
+}
+
+export default GetIsFieldValueChangedUseCase;

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

@@ -14,7 +14,7 @@ class MyLayoutSuccessUseCase extends AbstractUseCase {
       layouts,
       orgName
     } = input;
-    let layoutObject = layouts.find(layout => layout.isDefaultLayout == true); // dispatch({type:ZFORM_MY_FORM_REQUEST,payload:{isFetching:true}}) 
+    let layoutObject = layouts.length == 1 ? layouts[0] : layouts.find(layout => layout.isDefaultLayout == true); // dispatch({type:ZFORM_MY_FORM_REQUEST,payload:{isFetching:true}}) 
 
     const zformEntity = this.dependencies.repository.getFormEntity();
     zformEntity.setLayoutId(layoutObject?.id);

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

@@ -23,6 +23,8 @@ class SubmitValidationCompletedUseCase extends AbstractUseCase {
 
     if (isFormHasError) {
       const errorMessages = zFormEntity.getVisibleFieldsErrorMessages();
+      zFormEntity.setSubmitFetching(false);
+      presenter.updateFormResponse(zFormEntity.toObject());
       dispatch({
         type: ZFORM_SUBMIT_VALIDATION_FAILURE,
         payload: {

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

@@ -118,6 +118,10 @@ export default class ZField {
     return this.value;
   }
 
+  getDefaultValue() {
+    return this.defaultValue;
+  }
+
   getErrorMessage() {
     return this.errorMessage;
   }

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

@@ -23,6 +23,7 @@ export default class ZForm {
       isMyFormFetching,
       isDependencyFetching,
       isLayoutRulesFetching,
+      isSubmitFetching,
       isValidationRulesFetching
       /*hack end*/
 
@@ -47,6 +48,7 @@ export default class ZForm {
     this.isDependencyFetching = isDependencyFetching;
     this.isLayoutRulesFetching = isLayoutRulesFetching;
     this.isValidationRulesFetching = isValidationRulesFetching;
+    this.isSubmitFetching = isSubmitFetching;
     /*hack end*/
   }
 
@@ -124,6 +126,10 @@ export default class ZForm {
     this.isValidationRulesFetching = isValidationRulesFetching;
   }
 
+  setSubmitFetching(isSubmitFetching) {
+    this.isSubmitFetching = isSubmitFetching;
+  }
+
   getSectionId(_ref2) {
     let {
       fieldName,
@@ -580,6 +586,7 @@ export default class ZForm {
       isMyFormFetching: this.isMyFormFetching,
       isDependencyFetching: this.isDependencyFetching,
       isLayoutRulesFetching: this.isLayoutRulesFetching,
+      isSubmitFetching: this.isSubmitFetching,
       isValidationRulesFetching: this.isValidationRulesFetching
       /*hack end*/
 

package/es/platform/zform/frameworks/ui/EventHandlerFactory.js

@@ -1,11 +1,13 @@
 import { ZFORM_SUBMIT } from "../../../../bc/zform/Constants";
 import FormSubmitController from "../../adapters/controllers/FormSubmitController";
+import CreateRecordSuccessController from "../../adapters/controllers/CreateRecordSuccessController";
+import CreateRecordFailedController from "../../adapters/controllers/CreateRecordFailedController";
 import FormRepository from "../../adapters/gateway/FormRepository";
 import FormPresenter from "../../adapters/presenter/FormPresenter";
 import Service from "../../adapters/gateway/Service";
 import LifeCycleEvents from "../../../../cc/component/LifeCycleEventsEnum";
 import InitializeController from "../../adapters/controllers/IntializeController";
-import { ZFORM_DEPENDENCY_MAPPINGS_REQUEST, ZFORM_DEPENDENCY_MAPPINGS_SUCCESS, ZFORM_FIELD_VALUE_CHANGE_REQUEST, ZFORM_MY_FORM_REQUEST, ZFORM_MY_FORM_SUCCESS, ZFORM_MY_LAYOUTS_SUCCESS, ZFORM_SET_FIELD_ERROR_MESSAGE, ZFORM_SUBMIT_SUCCESS, ZFORM_SUBMIT_VALIDATION_COMPLETED, ZFORM_VALIDATE_FIELD_REQUEST, ZFORM_VALIDATION_RULES_REQUEST, ZFORM_VALIDATION_RULES_SUCCESS, ZFORM_VALIDATION_RULES_EXECUTION_RESULT, ZFORM_LOOKUP_FIELD_SUCCESS } from "../../../../bc/zform/Symbol";
+import { ZFORM_DEPENDENCY_MAPPINGS_REQUEST, ZFORM_DEPENDENCY_MAPPINGS_SUCCESS, ZFORM_FIELD_VALUE_CHANGE_REQUEST, ZFORM_MY_FORM_REQUEST, ZFORM_MY_FORM_SUCCESS, ZFORM_MY_LAYOUTS_SUCCESS, ZFORM_SET_FIELD_ERROR_MESSAGE, ZFORM_SUBMIT_VALIDATION_COMPLETED, ZFORM_VALIDATE_FIELD_REQUEST, ZFORM_VALIDATION_RULES_REQUEST, ZFORM_VALIDATION_RULES_SUCCESS, ZFORM_VALIDATION_RULES_EXECUTION_RESULT, ZFORM_LOOKUP_FIELD_SUCCESS } from "../../../../bc/zform/Symbol";
 import LookupFieldController from "../../adapters/controllers/LookupFieldController";
 import MyLayoutSuccessController from "../../adapters/controllers/MyLayoutSuccessController";
 import MyFormSuccessController from "../../adapters/controllers/MyFromSuccessController";
@@ -41,6 +43,8 @@ class EventHandlersFactory {
       validator,
       layoutRuleApplier
     });
+    const createRecordSuccessController = new CreateRecordSuccessController(service);
+    const createRecordFailedController = new CreateRecordFailedController(service);
     const initializeController = new InitializeController(service);
     const myLayoutSuccessController = new MyLayoutSuccessController(service);
     const myFormRequestController = new MyFormRequestController(service);
@@ -62,26 +66,8 @@ class EventHandlersFactory {
     return {
       [LifeCycleEvents.MOUNT]: initializeController.handle,
       [ZFORM_MY_LAYOUTS_SUCCESS]: myLayoutSuccessController.handle,
-      [RECORD_EXECUTE_SUCCESS_CALLBACK]: _ref => {
-        let {
-          action,
-          dispatch
-        } = _ref;
-        dispatch({
-          type: ZFORM_SUBMIT_SUCCESS,
-          payload: action.payload
-        });
-      },
-      [RECORD_EXECUTE_FAIL_CALLBACK]: _ref2 => {
-        let {
-          action,
-          dispatch
-        } = _ref2;
-        dispatch({
-          type: 'SMART_FORM#SUBMIT_FAILED',
-          payload: action.payload
-        });
-      },
+      [RECORD_EXECUTE_SUCCESS_CALLBACK]: createRecordSuccessController.handle,
+      [RECORD_EXECUTE_FAIL_CALLBACK]: createRecordFailedController.handle,
       [ZFORM_MY_FORM_REQUEST]: myFormRequestController.handle,
       [ZFORM_MY_FORM_SUCCESS]: myFormSuccessController.handle,
       [ZFORM_DEPENDENCY_MAPPINGS_REQUEST]: dependenciesRequestController.handle,
@@ -95,11 +81,11 @@ class EventHandlersFactory {
       [ZFORM_VALIDATE_FIELD_REQUEST]: validateFieldRequestController.handle,
       [SmartFormConstants.SMART_FORM_SUBMIT_CLICKED]: formSubmitController.handle,
       [ZFORM_SUBMIT]: formSubmitController.handle,
-      [FormConstants.FORM_SUBMIT]: _ref3 => {
+      [FormConstants.FORM_SUBMIT]: _ref => {
         let {
           action,
           dispatch
-        } = _ref3;
+        } = _ref;
         dispatch({
           type: ZFORM_SUBMIT
         });
@@ -107,11 +93,11 @@ class EventHandlersFactory {
       [FormConstants.FORM_FIELD_BLURRED]: fieldBlurController.handle,
       [ZFORM_VALIDATION_RULES_EXECUTION_RESULT]: validationRulesExecutionResultController.handle,
       [ZFORM_SUBMIT_VALIDATION_COMPLETED]: submitValidationCompletedController.handle,
-      [FormConstants.FORM_FIELD_VALUE_CHANGE_REQUEST]: _ref4 => {
+      [FormConstants.FORM_FIELD_VALUE_CHANGE_REQUEST]: _ref2 => {
         let {
           action,
           dispatch
-        } = _ref4;
+        } = _ref2;
         const {
           sectionId,
           fieldName,

package/es/platform/zform/frameworks/ui/ZFormBehaviourFactory.js

@@ -12,6 +12,7 @@ class ZFormBehaviourFactory {
         return {
           isMyFormFetching: true,
           isDependencyFetching: true,
+          isSubmitFetching: false,
           isLayoutRulesFetching: true,
           isValidationRulesFetching: true
         };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/library-platform",
-  "version": "1.1.9-exp.1",
+  "version": "1.1.10-exp.1",
   "description": "",
   "main": "es/index.js",
   "files": [