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

package/es/library/dot/components/form-fields/percentage/adapters/presenter/TransformState.js

@@ -0,0 +1,31 @@
+export function TransformState(state) {
+  const {
+    ePHI,
+    tooltip
+  } = state.properties;
+  let actions = [];
+
+  if (tooltip) {
+    actions.push({
+      type: 'InfoIcon',
+      eventMappings: [],
+      properties: {
+        tooltip
+      }
+    });
+  }
+
+  if (ePHI) {
+    actions.push({
+      type: 'EPHITag',
+      properties: {},
+      eventMappings: []
+    });
+  }
+
+  return { ...state,
+    viewModel: { ...state.properties,
+      actions
+    }
+  };
+}

package/es/library/dot/components/form-fields/phone/adapters/presenter/TransformState.js

@@ -0,0 +1,31 @@
+export function TransformState(state) {
+  const {
+    ePHI,
+    tooltip
+  } = state.properties;
+  let actions = [];
+
+  if (tooltip) {
+    actions.push({
+      type: 'InfoIcon',
+      eventMappings: [],
+      properties: {
+        tooltip
+      }
+    });
+  }
+
+  if (ePHI) {
+    actions.push({
+      type: 'EPHITag',
+      properties: {},
+      eventMappings: []
+    });
+  }
+
+  return { ...state,
+    viewModel: { ...state.properties,
+      actions
+    }
+  };
+}

package/es/library/dot/components/form-fields/pick-list/adapters/presenter/TransformState.js

@@ -0,0 +1,23 @@
+// import TransFormState from '../../adapters/presenter/TransFormState';
+export function TransformState(state) {
+  const {
+    tooltip
+  } = state.properties;
+  let actions = [];
+
+  if (tooltip) {
+    actions.push({
+      type: 'InfoIcon',
+      eventMappings: [],
+      properties: {
+        tooltip
+      }
+    });
+  }
+
+  return { ...state,
+    properties: { ...state.properties,
+      actions
+    }
+  };
+}

package/es/library/dot/components/form-fields/textarea/adapters/presenter/TransformState.js

@@ -0,0 +1,23 @@
+// import TransFormState from '../../adapters/presenter/TransFormState';
+export function TransformState(state) {
+  const {
+    tooltip
+  } = state.properties;
+  let actions = [];
+
+  if (tooltip) {
+    actions.push({
+      type: 'InfoIcon',
+      eventMappings: [],
+      properties: {
+        tooltip
+      }
+    });
+  }
+
+  return { ...state,
+    properties: { ...state.properties,
+      actions
+    }
+  };
+}

package/es/library/dot/components/form-fields/textbox/adapters/presenter/TransformState.js

@@ -0,0 +1,32 @@
+// import TransFormState from '../../adapters/presenter/TransFormState';
+export function TransformState(state) {
+  const {
+    ePHI,
+    tooltip
+  } = state.properties;
+  let actions = [];
+
+  if (tooltip) {
+    actions.push({
+      type: 'InfoIcon',
+      eventMappings: [],
+      properties: {
+        tooltip
+      }
+    });
+  }
+
+  if (ePHI) {
+    actions.push({
+      type: 'EPHITag',
+      properties: {},
+      eventMappings: []
+    });
+  }
+
+  return { ...state,
+    properties: { ...state.properties,
+      actions
+    }
+  };
+}

package/es/library/dot/components/form-fields/url/adapters/presenter/TransformState.js

@@ -0,0 +1,31 @@
+export function TransformState(state) {
+  const {
+    ePHI,
+    tooltip
+  } = state.properties;
+  let actions = [];
+
+  if (tooltip) {
+    actions.push({
+      type: 'InfoIcon',
+      eventMappings: [],
+      properties: {
+        tooltip
+      }
+    });
+  }
+
+  if (ePHI) {
+    actions.push({
+      type: 'EPHITag',
+      properties: {},
+      eventMappings: []
+    });
+  }
+
+  return { ...state,
+    viewModel: { ...state.properties,
+      actions
+    }
+  };
+}

package/es/library/dot/components/section/adapters/presenter/TransFormState.js

@@ -0,0 +1,26 @@
+/* eslint-disable @zohodesk/architecturerules/return-void */
+export default function TransFormState(state) {
+  const {
+    fields
+  } = state.properties;
+
+  if (Array.isArray(fields) === false) {
+    return state;
+  }
+
+  const slotContract = fields.filter(field => field.isVisible).map(field => {
+    const {
+      type,
+      ...properties
+    } = field;
+    return {
+      type,
+      properties
+    };
+  });
+  return { ...state,
+    properties: { ...state.properties,
+      fields: slotContract
+    }
+  };
+}

package/es/library/dot/legacy-to-new-arch/label/frameworks/ui/sub-components/ui/LabelAction.js

@@ -0,0 +1,9 @@
+import { createCustomComponent } from "../../../../../../../custom-component";
+import ActionLocationProperties from "../../../../../../../../cc/action-location/Properties";
+import LabelActionView from "./LabelActionView";
+export default createCustomComponent({
+  name: 'LabelAction',
+  properties: ActionLocationProperties,
+  eventHandlers: {},
+  View: LabelActionView
+});

package/es/library/dot/legacy-to-new-arch/label/frameworks/ui/sub-components/ui/LabelActionView.js

@@ -0,0 +1,38 @@
+import React from 'react';
+import Flex from '@zohodesk/layout/es/Flex/Flex';
+import ComponentRegistry from "../../../../../../../custom-component/frameworks/ui/ComponentRegistry";
+import ActionComponentMapping from "../../../../../../components/action-location/frameworks/ui/ActionComponentMapping"; // @ts-ignore
+
+import style from "./css/LabelAction.module.css";
+
+function LabelActionView(_ref, ref) {
+  let {
+    state
+  } = _ref;
+  const {
+    actions
+  } = state.properties;
+  return /*#__PURE__*/React.createElement(Flex, {
+    ref: ref,
+    $ui_displayMode: "inline",
+    $ui_alignItems: "center",
+    $ui_className: style.container
+  }, actions.map((action, index) => {
+    const {
+      type,
+      properties,
+      eventMappings
+    } = action;
+    const ActionUiType = ActionComponentMapping[type] || ComponentRegistry.get(type);
+    return /*#__PURE__*/React.createElement(ActionUiType, {
+      key: index,
+      ...properties,
+      appendToActionPayload: {
+        eventMappings
+      }
+    });
+  }));
+}
+
+;
+export default LabelActionView;

package/es/library/dot/legacy-to-new-arch/label/frameworks/ui/sub-components/ui/css/LabelAction.module.css

@@ -0,0 +1,4 @@
+.container {
+    vertical-align: middle;
+    gap: var(--zd_size4) 
+}

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/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/ValidateErrorMessageController.js

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

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

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

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

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

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/ValidateErrorMessageUseCase.js

@@ -0,0 +1,33 @@
+import AbstractUseCase from "./AbstractUseCase";
+import { ZFORM_ERROR, ZFORM_SUBMIT_SUCCESS } from "../../../../bc/zform/Symbol";
+
+class ValidateErrorMessageUseCase extends AbstractUseCase {
+  execute(input) {
+    const {
+      dispatch
+    } = input;
+    const zformEntitiy = this.dependencies.repository.getFormEntity();
+
+    if (zformEntitiy.hasError()) {
+      let errorMessages = zformEntitiy.getVisibleFieldsErrorMessages();
+      dispatch({
+        type: ZFORM_ERROR,
+        payload: {
+          message: "Form has error",
+          errorMessages: errorMessages
+        }
+      });
+    } else {
+      let visibleFieldsData = zformEntitiy.getVisibleFieldsData();
+      dispatch({
+        type: ZFORM_SUBMIT_SUCCESS,
+        payload: {
+          formData: visibleFieldsData
+        }
+      });
+    }
+  }
+
+}
+
+export default ValidateErrorMessageUseCase;

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

@@ -0,0 +1,56 @@
+import AbstractUseCase from "./AbstractUseCase";
+import { VALIDATE_FIELD } from "../../../../bc/field-validation/Constants";
+import { ZFORM_VALIDATION_ERROR } from "../../../../bc/zform/Symbol";
+
+class ValidateFieldRequestUseCase extends AbstractUseCase {
+  execute(input) {
+    let {
+      fieldName,
+      dispatch
+    } = input;
+    let zformEntitiy = this.dependencies.repository.getFormEntity();
+    let fieldEntity = zformEntitiy.getFieldByApiName(fieldName);
+
+    if (fieldEntity) {
+      let field = fieldEntity.toObject();
+      dispatch({
+        type: VALIDATE_FIELD,
+        payload: {
+          field: { ...field,
+            required: field.isMandatory
+          },
+          value: field.value
+        }
+      });
+      zformEntitiy.executeValidateRuleOnField(fieldName, _ref => {
+        let {
+          validationRules,
+          formData
+        } = _ref;
+        const zform = zformEntitiy.toObject();
+        return this.dependencies.validator.validateAsync({
+          validationRules,
+          formData,
+          myForm: zform
+        }).then(res => {
+          if (res) {
+            dispatch({
+              type: ZFORM_VALIDATION_ERROR,
+              payload: res
+            });
+          }
+
+          return true; //hack ts error
+        });
+      }).finally(() => {
+        dispatch({
+          type: "ZFORM#VALIDATE_SUBMIT_FIELD_HAS_ERROR_MESSAGE",
+          payload: zformEntitiy.toObject()
+        });
+      });
+    }
+  }
+
+}
+
+export default ValidateFieldRequestUseCase;

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/package.json

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

package/es/bc/app-context/Event.js

@@ -1 +0,0 @@
-export default [];

package/es/bc/app-context/Properties.js

@@ -1,58 +0,0 @@
-export default {
-  context: {
-    required: false,
-    typeMetadata: {
-      schema: {
-        type: 'object',
-        properties: {
-          orgId: {
-            type: 'string'
-          },
-          // zlist
-          orgName: {
-            type: 'string'
-          },
-          // zlist, zform
-          servicePrefix: {
-            type: 'string'
-          },
-          // zlist, zform
-          modules: {
-            // zlist
-            type: 'array',
-            items: {
-              type: 'object',
-              properties: {
-                apiKey: {
-                  type: 'string'
-                },
-                hasRecycleBin: {
-                  type: 'boolean'
-                },
-                nameField: {
-                  type: 'string'
-                }
-              } // required: ['apiKey', 'nameField'] 
-              // NOTE: making required should handled inside AppContextBehaviourFactory in future if needed
-
-            }
-          },
-          departmentName: {
-            type: 'string'
-          },
-          // zlist
-          routing: {
-            type: 'object'
-          },
-          // zlist
-          additionalData: {
-            type: 'object'
-          } // zform
-
-        },
-        // required: ['orgName'],
-        additionalProperties: false
-      }
-    }
-  }
-};

package/es/cc/component/ErrorStructure.js

@@ -1,9 +0,0 @@
-export let ErrorCodes = /*#__PURE__*/function (ErrorCodes) {
-  ErrorCodes["PROPERTY_VALIDATION_FAILED"] = "PROPERTY_VALIDATION_FAILED";
-  ErrorCodes["API_FAILED"] = "API_FAILED";
-  ErrorCodes["EVENT_HANDLER_FAILED"] = "EVENT_HANDLER_FAILED";
-  ErrorCodes["UNKNOWN_ERROR"] = "UNKNOWN_ERROR";
-  return ErrorCodes;
-}({});
-export const ACA_ERROR_OCCURRED = 'ACA#ERROR_OCCURRED';
-export const ERROR_OCCURRED_SUFFIX = '#ERROR_OCCURRED';

package/es/cc/error-state/ErrorTypes.js

@@ -1,11 +0,0 @@
-var ErrorTypes = /*#__PURE__*/function (ErrorTypes) {
-  ErrorTypes["Inconvenience"] = "Inconvenience";
-  ErrorTypes["OopsSomethingMiss"] = "OopsSomethingMiss";
-  ErrorTypes["UnableToProcess"] = "UnableToProcess";
-  ErrorTypes["PermissionDenied"] = "PermissionDenied";
-  ErrorTypes["UrlNotFound"] = "UrlNotFound";
-  ErrorTypes["WillBeRightBack"] = "WillBeRightBack";
-  return ErrorTypes;
-}(ErrorTypes || {});
-
-export default ErrorTypes;

package/es/cc/error-state/Properties.js

@@ -1,31 +0,0 @@
-import ErrorTypes from "./ErrorTypes";
-export default {
-  type: {
-    defaultValue: ErrorTypes.OopsSomethingMiss,
-    required: false,
-    typeMetadata: {
-      schema: {
-        type: 'string',
-        enum: Object.values(ErrorTypes)
-      }
-    }
-  },
-  title: {
-    defaultValue: '',
-    required: false,
-    typeMetadata: {
-      schema: {
-        type: 'string'
-      }
-    }
-  },
-  description: {
-    defaultValue: '',
-    required: false,
-    typeMetadata: {
-      schema: {
-        type: 'string'
-      }
-    }
-  }
-};

package/es/cc/error-state/index.js

@@ -1,2 +0,0 @@
-export { default as ErrorStateProperties } from "./Properties";
-export { default as ErrorStateTypes } from "./ErrorTypes";