@mseva/digit-ui-module-ndc 1.0.40 → 1.0.42

package/dist/index.js

@@ -921,275 +921,6 @@ function NDCDocument$1(_ref2) {
   }))));
 }
 
-const ModalConfig = _ref => {
-  let {
-    t,
-    action,
-    approvers,
-    selectedApprover,
-    setSelectedApprover,
-    selectFile,
-    uploadedFile,
-    setUploadedFile,
-    assigneeLabel,
-    businessService
-  } = _ref;
-  let checkCondtions = true;
-  if ((action === null || action === void 0 ? void 0 : action.action) == "SENDBACKTOCITIZEN" || (action === null || action === void 0 ? void 0 : action.action) == "APPROVE" || (action === null || action === void 0 ? void 0 : action.action) == "REJECT" || (action === null || action === void 0 ? void 0 : action.action) == "SENDBACK") checkCondtions = false;
-  if (action.isTerminateState) checkCondtions = false;
-  console.log("action=====", action.action);
-  return {
-    label: {
-      heading: "",
-      submit: "" + (action === null || action === void 0 ? void 0 : action.action),
-      cancel: "WF_EMPLOYEE_NEWTL_CANCEL"
-    },
-    form: [{
-      body: [{
-        label: !checkCondtions ? null : t("WF_ASSIGNEE_NAME_LABEL") + " *",
-        placeholder: !checkCondtions ? null : t("WF_ASSIGNEE_NAME_PLACEHOLDER"),
-        type: "dropdown",
-        populators: !checkCondtions ? null : /*#__PURE__*/React__default.createElement(digitUiReactComponents.Dropdown, {
-          option: approvers,
-          autoComplete: "off",
-          optionKey: "name",
-          id: "fieldInspector",
-          select: setSelectedApprover,
-          selected: selectedApprover
-        })
-      }, {
-        label: t("CS_COMMON_COMMENTS") + " *",
-        type: "textarea",
-        populators: {
-          name: "comments"
-        }
-      }, {
-        label: t("TL_APPROVAL_CHECKLIST_BUTTON_UP_FILE"),
-        populators: /*#__PURE__*/React__default.createElement(digitUiReactComponents.UploadFile, {
-          id: "workflow-doc",
-          onUpload: selectFile,
-          onDelete: () => {
-            setUploadedFile(null);
-          },
-          message: uploadedFile ? "1 " + t("ES_PT_ACTION_FILEUPLOADED") : t("CS_ACTION_NO_FILEUPLOADED")
-        })
-      }]
-    }]
-  };
-};
-
-const Heading = props => {
-  return /*#__PURE__*/React__default.createElement("h1", {
-    className: "heading-m"
-  }, props.label);
-};
-const Close = () => /*#__PURE__*/React__default.createElement("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  fill: "#FFFFFF"
-}, /*#__PURE__*/React__default.createElement("path", {
-  d: "M0 0h24v24H0V0z",
-  fill: "none"
-}), /*#__PURE__*/React__default.createElement("path", {
-  d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
-}));
-const CloseBtn = props => {
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "icon-bg-secondary",
-    onClick: props.onClick
-  }, /*#__PURE__*/React__default.createElement(Close, null));
-};
-const NDCModal = _ref => {
-  var _action$state;
-  let {
-    t,
-    action,
-    tenantId,
-    state,
-    id,
-    closeModal,
-    submitAction,
-    actionData,
-    applicationDetails,
-    applicationData,
-    businessService,
-    moduleCode,
-    workflowDetails,
-    showToast,
-    closeToast,
-    errors,
-    showErrorToast,
-    errorOne,
-    closeToastOne,
-    getEmployees
-  } = _ref;
-  const [config, setConfig] = React.useState({});
-  const [defaultValues, setDefaultValues] = React.useState({});
-  const [approvers, setApprovers] = React.useState([]);
-  const [selectedApprover, setSelectedApprover] = React.useState({});
-  const [file, setFile] = React.useState(null);
-  const [uploadedFile, setUploadedFile] = React.useState(null);
-  const [error, setError] = React.useState(null);
-  const [financialYears, setFinancialYears] = React.useState([]);
-  const [selectedFinancialYear, setSelectedFinancialYear] = React.useState(null);
-  const checkRole = action === null || action === void 0 ? void 0 : (_action$state = action.state) === null || _action$state === void 0 ? void 0 : _action$state.actions;
-  const allRoles = [...new Set(checkRole === null || checkRole === void 0 ? void 0 : checkRole.flatMap(a => a.roles))];
-  const allRolesNew = [...new Set(getEmployees === null || getEmployees === void 0 ? void 0 : getEmployees.flatMap(a => a.roles))];
-  console.log("getEmployees", getEmployees);
-  console.log("allRoles", allRoles);
-  console.log("allRolesNew", allRolesNew);
-  const {
-    data: approverData,
-    isLoading: PTALoading
-  } = Digit.Hooks.useEmployeeSearch(tenantId, {
-    roles: allRolesNew === null || allRolesNew === void 0 ? void 0 : allRolesNew.map(role => ({
-      code: role
-    })),
-    isActive: true
-  }, {
-    enabled: !(action !== null && action !== void 0 && action.isTerminateState)
-  });
-  const {
-    isLoading: financialYearsLoading,
-    data: financialYearsData
-  } = Digit.Hooks.pt.useMDMS(tenantId, businessService, "FINANCIAL_YEARLS", {}, {
-    details: {
-      tenantId: Digit.ULBService.getStateId(),
-      moduleDetails: [{
-        moduleName: "egf-master",
-        masterDetails: [{
-          name: "FinancialYear",
-          filter: "[?(@.module == 'TL')]"
-        }]
-      }]
-    }
-  });
-  React.useEffect(() => {
-    if (financialYearsData && financialYearsData["egf-master"]) {
-      var _financialYearsData$e;
-      setFinancialYears((_financialYearsData$e = financialYearsData["egf-master"]) === null || _financialYearsData$e === void 0 ? void 0 : _financialYearsData$e["FinancialYear"]);
-    }
-  }, [financialYearsData]);
-  const {
-    data: EmployeeStatusData
-  } = Digit.Hooks.useCustomMDMS(tenantId, "common-masters", [{
-    name: "Department"
-  }]);
-  React.useEffect(() => {
-    if (approverData && EmployeeStatusData) {
-      var _approverData$Employe;
-      const departments = EmployeeStatusData["common-masters"].Department;
-      setApprovers(approverData === null || approverData === void 0 ? void 0 : (_approverData$Employe = approverData.Employees) === null || _approverData$Employe === void 0 ? void 0 : _approverData$Employe.map(employee => {
-        var _employee$assignments, _employee$assignments2, _employee$user;
-        const deptCode = employee === null || employee === void 0 ? void 0 : (_employee$assignments = employee.assignments) === null || _employee$assignments === void 0 ? void 0 : (_employee$assignments2 = _employee$assignments[0]) === null || _employee$assignments2 === void 0 ? void 0 : _employee$assignments2.department;
-        const matchedDept = departments === null || departments === void 0 ? void 0 : departments.find(d => (d === null || d === void 0 ? void 0 : d.code) === deptCode);
-        return {
-          uuid: employee === null || employee === void 0 ? void 0 : employee.uuid,
-          name: (employee === null || employee === void 0 ? void 0 : (_employee$user = employee.user) === null || _employee$user === void 0 ? void 0 : _employee$user.name) + " - " + (matchedDept === null || matchedDept === void 0 ? void 0 : matchedDept.name)
-        };
-      }));
-    }
-  }, [approverData]);
-  function selectFile(e) {
-    setFile(e.target.files[0]);
-  }
-  React.useEffect(() => {
-    (function () {
-      try {
-        setError(null);
-        const _temp3 = function () {
-          if (file) {
-            const _temp2 = function () {
-              if (file.size >= 5242880) {
-                setError(t("CS_MAXIMUM_UPLOAD_SIZE_EXCEEDED"));
-              } else {
-                const _temp = _catch(function () {
-                  return Promise.resolve(Digit.UploadServices.Filestorage("PT", file, Digit.ULBService.getStateId())).then(function (response) {
-                    var _response$data, _response$data$files;
-                    if ((response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : (_response$data$files = _response$data.files) === null || _response$data$files === void 0 ? void 0 : _response$data$files.length) > 0) {
-                      var _response$data2, _response$data2$files;
-                      setUploadedFile(response === null || response === void 0 ? void 0 : (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : (_response$data2$files = _response$data2.files[0]) === null || _response$data2$files === void 0 ? void 0 : _response$data2$files.fileStoreId);
-                    } else {
-                      setError(t("CS_FILE_UPLOAD_ERROR"));
-                    }
-                  });
-                }, function () {
-                  setError(t("CS_FILE_UPLOAD_ERROR"));
-                });
-                if (_temp && _temp.then) return _temp.then(function () {});
-              }
-            }();
-            if (_temp2 && _temp2.then) return _temp2.then(function () {});
-          }
-        }();
-        return _temp3 && _temp3.then ? _temp3.then(function () {}) : void 0;
-      } catch (e) {
-        Promise.reject(e);
-      }
-    })();
-  }, [file]);
-  function submit(data) {
-    applicationData = _extends({}, applicationData, {
-      action: action === null || action === void 0 ? void 0 : action.action,
-      comment: data === null || data === void 0 ? void 0 : data.comments,
-      assignee: !(selectedApprover !== null && selectedApprover !== void 0 && selectedApprover.uuid) ? null : [selectedApprover === null || selectedApprover === void 0 ? void 0 : selectedApprover.uuid],
-      wfDocuments: uploadedFile ? [{
-        documentType: file === null || file === void 0 ? void 0 : file.type,
-        documentUid: file === null || file === void 0 ? void 0 : file.name,
-        fileStoreId: uploadedFile
-      }] : null
-    });
-    submitAction({
-      Licenses: [applicationData]
-    });
-  }
-  React.useEffect(() => {
-    if (action) {
-      setConfig(ModalConfig({
-        t,
-        action,
-        approvers,
-        selectedApprover,
-        setSelectedApprover,
-        selectFile,
-        uploadedFile,
-        setUploadedFile,
-        businessService
-      }));
-    }
-  }, [action, approvers, financialYears, selectedFinancialYear, uploadedFile]);
-  return action && config.form ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.Modal, {
-    headerBarMain: /*#__PURE__*/React__default.createElement(Heading, {
-      label: t(config.label.heading)
-    }),
-    headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn, {
-      onClick: closeModal
-    }),
-    actionCancelLabel: t(config.label.cancel),
-    actionCancelOnSubmit: closeModal,
-    actionSaveLabel: t(config.label.submit),
-    actionSaveOnSubmit: () => {},
-    formId: "modal-action"
-  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.FormComposer, {
-    config: config.form,
-    noBoxShadow: true,
-    inline: true,
-    childrenAtTheBottom: true,
-    onSubmit: submit,
-    defaultValues: defaultValues,
-    formId: "modal-action"
-  }), showToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
-    error: showToast.key === "error" ? true : false,
-    label: errors,
-    onClose: closeToast
-  }), showErrorToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
-    error: true,
-    label: errorOne,
-    isDleteBtn: true,
-    onClose: closeToastOne
-  })) : /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null);
-};
-
 var b = "function" === typeof Symbol && Symbol.for,
   c = b ? Symbol.for("react.element") : 60103,
   d = b ? Symbol.for("react.portal") : 60106,
@@ -2062,60 +1793,332 @@ var factoryWithThrowingShims = function () {
   ReactPropTypes.PropTypes = ReactPropTypes;
   return ReactPropTypes;
 };
-
-var propTypes = createCommonjsModule(function (module) {
-  if (process.env.NODE_ENV !== 'production') {
-    var ReactIs = reactIs;
-    var throwOnDirectAccess = true;
-    module.exports = factoryWithTypeCheckers(ReactIs.isElement, throwOnDirectAccess);
-  } else {
-    module.exports = factoryWithThrowingShims();
-  }
-});
-
-const Loader = _ref => {
+
+var propTypes = createCommonjsModule(function (module) {
+  if (process.env.NODE_ENV !== 'production') {
+    var ReactIs = reactIs;
+    var throwOnDirectAccess = true;
+    module.exports = factoryWithTypeCheckers(ReactIs.isElement, throwOnDirectAccess);
+  } else {
+    module.exports = factoryWithThrowingShims();
+  }
+});
+
+const Loader = _ref => {
+  let {
+    page = false
+  } = _ref;
+  const baseStyle = {
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center"
+  };
+  const pageStyle = _extends({}, baseStyle, {
+    position: "fixed",
+    top: 0,
+    left: 0,
+    width: "100vw",
+    height: "100vh",
+    background: "rgba(255,255,255,0.6)",
+    backdropFilter: "blur(4px)",
+    zIndex: 9999
+  });
+  const moduleStyle = _extends({}, baseStyle, {
+    minHeight: "100px",
+    width: "100%",
+    position: "relative"
+  });
+  const spinnerStyle = {
+    width: "64px",
+    height: "64px",
+    border: "8px solid #1976d2",
+    borderTop: "8px solid transparent",
+    borderRadius: "50%",
+    animation: "spin 1.2s linear infinite"
+  };
+  return /*#__PURE__*/React__default.createElement("div", {
+    style: page ? pageStyle : moduleStyle
+  }, /*#__PURE__*/React__default.createElement("div", {
+    style: spinnerStyle
+  }), /*#__PURE__*/React__default.createElement("style", null, "\n          @keyframes spin {\n            0% { transform: rotate(0deg); }\n            100% { transform: rotate(360deg); }\n          }\n        "));
+};
+Loader.propTypes = {
+  page: propTypes.bool
+};
+Loader.defaultProps = {
+  page: false
+};
+
+const ModalConfig = _ref => {
+  let {
+    t,
+    action,
+    approvers,
+    selectedApprover,
+    setSelectedApprover,
+    selectFile,
+    uploadedFile,
+    setUploadedFile,
+    assigneeLabel,
+    businessService
+  } = _ref;
+  let checkCondtions = true;
+  if ((action === null || action === void 0 ? void 0 : action.action) == "SENDBACKTOCITIZEN" || (action === null || action === void 0 ? void 0 : action.action) == "APPROVE" || (action === null || action === void 0 ? void 0 : action.action) == "REJECT" || (action === null || action === void 0 ? void 0 : action.action) == "SENDBACK") checkCondtions = false;
+  if (action.isTerminateState) checkCondtions = false;
+  console.log("action=====", action.action);
+  return {
+    label: {
+      heading: "",
+      submit: "" + (action === null || action === void 0 ? void 0 : action.action),
+      cancel: "WF_EMPLOYEE_NEWTL_CANCEL"
+    },
+    form: [{
+      body: [{
+        label: !checkCondtions ? null : t("WF_ASSIGNEE_NAME_LABEL") + " *",
+        placeholder: !checkCondtions ? null : t("WF_ASSIGNEE_NAME_PLACEHOLDER"),
+        type: "dropdown",
+        populators: !checkCondtions ? null : /*#__PURE__*/React__default.createElement(digitUiReactComponents.Dropdown, {
+          option: approvers,
+          autoComplete: "off",
+          optionKey: "name",
+          id: "fieldInspector",
+          select: setSelectedApprover,
+          selected: selectedApprover
+        })
+      }, {
+        label: t("CS_COMMON_COMMENTS") + " *",
+        type: "textarea",
+        populators: {
+          name: "comments"
+        }
+      }, {
+        label: t("TL_APPROVAL_CHECKLIST_BUTTON_UP_FILE"),
+        populators: /*#__PURE__*/React__default.createElement(digitUiReactComponents.UploadFile, {
+          id: "workflow-doc",
+          onUpload: selectFile,
+          onDelete: () => {
+            setUploadedFile(null);
+          },
+          message: uploadedFile ? "1 " + t("ES_PT_ACTION_FILEUPLOADED") : t("CS_ACTION_NO_FILEUPLOADED")
+        })
+      }]
+    }]
+  };
+};
+
+const Heading = props => {
+  return /*#__PURE__*/React__default.createElement("h1", {
+    className: "heading-m"
+  }, props.label);
+};
+const Close = () => /*#__PURE__*/React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "#FFFFFF"
+}, /*#__PURE__*/React__default.createElement("path", {
+  d: "M0 0h24v24H0V0z",
+  fill: "none"
+}), /*#__PURE__*/React__default.createElement("path", {
+  d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+}));
+const CloseBtn = props => {
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "icon-bg-secondary",
+    onClick: props.onClick
+  }, /*#__PURE__*/React__default.createElement(Close, null));
+};
+const NDCModal = _ref => {
+  var _action$state;
   let {
-    page = false
+    t,
+    action,
+    tenantId,
+    state,
+    id,
+    closeModal,
+    submitAction,
+    actionData,
+    applicationDetails,
+    applicationData,
+    businessService,
+    moduleCode,
+    workflowDetails,
+    showToast,
+    closeToast,
+    errors,
+    showErrorToast,
+    errorOne,
+    closeToastOne,
+    getEmployees
   } = _ref;
-  const baseStyle = {
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center"
-  };
-  const pageStyle = _extends({}, baseStyle, {
-    position: "fixed",
-    top: 0,
-    left: 0,
-    width: "100vw",
-    height: "100vh",
-    background: "rgba(255,255,255,0.6)",
-    backdropFilter: "blur(4px)",
-    zIndex: 9999
+  const [config, setConfig] = React.useState({});
+  const [defaultValues, setDefaultValues] = React.useState({});
+  const [approvers, setApprovers] = React.useState([]);
+  const [selectedApprover, setSelectedApprover] = React.useState({});
+  const [file, setFile] = React.useState(null);
+  const [uploadedFile, setUploadedFile] = React.useState(null);
+  const [error, setError] = React.useState(null);
+  const [financialYears, setFinancialYears] = React.useState([]);
+  const [selectedFinancialYear, setSelectedFinancialYear] = React.useState(null);
+  const checkRole = action === null || action === void 0 ? void 0 : (_action$state = action.state) === null || _action$state === void 0 ? void 0 : _action$state.actions;
+  const allRoles = [...new Set(checkRole === null || checkRole === void 0 ? void 0 : checkRole.flatMap(a => a.roles))];
+  const allRolesNew = [...new Set(getEmployees === null || getEmployees === void 0 ? void 0 : getEmployees.flatMap(a => a.roles))];
+  console.log("getEmployees", getEmployees);
+  console.log("allRoles", allRoles);
+  console.log("allRolesNew", allRolesNew);
+  const {
+    data: approverData,
+    isLoading: PTALoading
+  } = Digit.Hooks.useEmployeeSearch(tenantId, {
+    roles: allRolesNew === null || allRolesNew === void 0 ? void 0 : allRolesNew.map(role => ({
+      code: role
+    })),
+    isActive: true
+  }, {
+    enabled: !(action !== null && action !== void 0 && action.isTerminateState)
   });
-  const moduleStyle = _extends({}, baseStyle, {
-    minHeight: "100px",
-    width: "100%",
-    position: "relative"
+  const {
+    isLoading: financialYearsLoading,
+    data: financialYearsData
+  } = Digit.Hooks.pt.useMDMS(tenantId, businessService, "FINANCIAL_YEARLS", {}, {
+    details: {
+      tenantId: Digit.ULBService.getStateId(),
+      moduleDetails: [{
+        moduleName: "egf-master",
+        masterDetails: [{
+          name: "FinancialYear",
+          filter: "[?(@.module == 'TL')]"
+        }]
+      }]
+    }
   });
-  const spinnerStyle = {
-    width: "64px",
-    height: "64px",
-    border: "8px solid #1976d2",
-    borderTop: "8px solid transparent",
-    borderRadius: "50%",
-    animation: "spin 1.2s linear infinite"
-  };
-  return /*#__PURE__*/React__default.createElement("div", {
-    style: page ? pageStyle : moduleStyle
-  }, /*#__PURE__*/React__default.createElement("div", {
-    style: spinnerStyle
-  }), /*#__PURE__*/React__default.createElement("style", null, "\n          @keyframes spin {\n            0% { transform: rotate(0deg); }\n            100% { transform: rotate(360deg); }\n          }\n        "));
-};
-Loader.propTypes = {
-  page: propTypes.bool
-};
-Loader.defaultProps = {
-  page: false
+  React.useEffect(() => {
+    if (financialYearsData && financialYearsData["egf-master"]) {
+      var _financialYearsData$e;
+      setFinancialYears((_financialYearsData$e = financialYearsData["egf-master"]) === null || _financialYearsData$e === void 0 ? void 0 : _financialYearsData$e["FinancialYear"]);
+    }
+  }, [financialYearsData]);
+  const {
+    data: EmployeeStatusData
+  } = Digit.Hooks.useCustomMDMS(tenantId, "common-masters", [{
+    name: "Department"
+  }]);
+  React.useEffect(() => {
+    if (approverData && EmployeeStatusData) {
+      var _approverData$Employe;
+      const departments = EmployeeStatusData["common-masters"].Department;
+      setApprovers(approverData === null || approverData === void 0 ? void 0 : (_approverData$Employe = approverData.Employees) === null || _approverData$Employe === void 0 ? void 0 : _approverData$Employe.map(employee => {
+        var _employee$assignments, _employee$assignments2, _employee$user;
+        const deptCode = employee === null || employee === void 0 ? void 0 : (_employee$assignments = employee.assignments) === null || _employee$assignments === void 0 ? void 0 : (_employee$assignments2 = _employee$assignments[0]) === null || _employee$assignments2 === void 0 ? void 0 : _employee$assignments2.department;
+        const matchedDept = departments === null || departments === void 0 ? void 0 : departments.find(d => (d === null || d === void 0 ? void 0 : d.code) === deptCode);
+        return {
+          uuid: employee === null || employee === void 0 ? void 0 : employee.uuid,
+          name: (employee === null || employee === void 0 ? void 0 : (_employee$user = employee.user) === null || _employee$user === void 0 ? void 0 : _employee$user.name) + " - " + (matchedDept === null || matchedDept === void 0 ? void 0 : matchedDept.name)
+        };
+      }));
+    }
+  }, [approverData]);
+  function selectFile(e) {
+    setFile(e.target.files[0]);
+  }
+  React.useEffect(() => {
+    (function () {
+      try {
+        setError(null);
+        const _temp3 = function () {
+          if (file) {
+            const _temp2 = function () {
+              if (file.size >= 5242880) {
+                setError(t("CS_MAXIMUM_UPLOAD_SIZE_EXCEEDED"));
+              } else {
+                const _temp = _catch(function () {
+                  return Promise.resolve(Digit.UploadServices.Filestorage("PT", file, Digit.ULBService.getStateId())).then(function (response) {
+                    var _response$data, _response$data$files;
+                    if ((response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : (_response$data$files = _response$data.files) === null || _response$data$files === void 0 ? void 0 : _response$data$files.length) > 0) {
+                      var _response$data2, _response$data2$files;
+                      setUploadedFile(response === null || response === void 0 ? void 0 : (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : (_response$data2$files = _response$data2.files[0]) === null || _response$data2$files === void 0 ? void 0 : _response$data2$files.fileStoreId);
+                    } else {
+                      setError(t("CS_FILE_UPLOAD_ERROR"));
+                    }
+                  });
+                }, function () {
+                  setError(t("CS_FILE_UPLOAD_ERROR"));
+                });
+                if (_temp && _temp.then) return _temp.then(function () {});
+              }
+            }();
+            if (_temp2 && _temp2.then) return _temp2.then(function () {});
+          }
+        }();
+        return _temp3 && _temp3.then ? _temp3.then(function () {}) : void 0;
+      } catch (e) {
+        Promise.reject(e);
+      }
+    })();
+  }, [file]);
+  function submit(data) {
+    applicationData = _extends({}, applicationData, {
+      action: action === null || action === void 0 ? void 0 : action.action,
+      comment: data === null || data === void 0 ? void 0 : data.comments,
+      assignee: !(selectedApprover !== null && selectedApprover !== void 0 && selectedApprover.uuid) ? null : [selectedApprover === null || selectedApprover === void 0 ? void 0 : selectedApprover.uuid],
+      wfDocuments: uploadedFile ? [{
+        documentType: file === null || file === void 0 ? void 0 : file.type,
+        documentUid: file === null || file === void 0 ? void 0 : file.name,
+        fileStoreId: uploadedFile
+      }] : null
+    });
+    submitAction({
+      Licenses: [applicationData]
+    });
+  }
+  React.useEffect(() => {
+    if (action) {
+      setConfig(ModalConfig({
+        t,
+        action,
+        approvers,
+        selectedApprover,
+        setSelectedApprover,
+        selectFile,
+        uploadedFile,
+        setUploadedFile,
+        businessService
+      }));
+    }
+  }, [action, approvers, financialYears, selectedFinancialYear, uploadedFile]);
+  if (!action || !config.form) return null;
+  return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Modal, {
+    headerBarMain: /*#__PURE__*/React__default.createElement(Heading, {
+      label: t(config.label.heading)
+    }),
+    headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn, {
+      onClick: closeModal
+    }),
+    actionCancelLabel: t(config.label.cancel),
+    actionCancelOnSubmit: closeModal,
+    actionSaveLabel: t(config.label.submit),
+    actionSaveOnSubmit: () => {},
+    formId: "modal-action"
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.FormComposer, {
+    config: config.form,
+    noBoxShadow: true,
+    inline: true,
+    childrenAtTheBottom: true,
+    onSubmit: submit,
+    defaultValues: defaultValues,
+    formId: "modal-action"
+  }), showToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
+    error: showToast.key === "error" ? true : false,
+    label: errors,
+    onClose: closeToast
+  }), showErrorToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
+    error: true,
+    label: errorOne,
+    isDleteBtn: true,
+    onClose: closeToastOne
+  }), PTALoading && /*#__PURE__*/React__default.createElement(Loader, {
+    page: true
+  }));
 };
 
 const getTimelineCaptions = (checkpoint, index, arr, t) => {
@@ -2172,10 +2175,12 @@ const ApplicationOverview = () => {
     t
   } = reactI18next.useTranslation();
   const history = reactRouterDom.useHistory();
+  const toastRef = React.useRef(null);
   const tenantId = window.localStorage.getItem("Employee.tenant-id");
   const state = tenantId === null || tenantId === void 0 ? void 0 : tenantId.split(".")[0];
   const [showToast, setShowToast] = React.useState(null);
   const [error, setError] = React.useState(null);
+  const [getLable, setLable] = React.useState(false);
   const {
     control,
     handleSubmit,
@@ -2361,9 +2366,11 @@ const ApplicationOverview = () => {
     console.log("filterRoles====???", filterRoles);
     console.log("action test", action === null || action === void 0 ? void 0 : action.action);
     const checkactionApp = (action === null || action === void 0 ? void 0 : action.action) == "APPROVE";
-    if (filterRoles && checkactionApp) {
+    console.log("filterRoles && checkactionApp", filterRoles && checkactionApp, checkactionApp, filterRoles);
+    if (hasDuePending && checkactionApp) {
       console.log("alwasy coming appprve");
-      setError("You Can Not Approve This Application, Because It Has Pending Dues. Please Send It To Required Department");
+      setLable("You Can Not Approve This Application, Because It Has Pending Dues. Please Send It To Required Department");
+      setError(true);
       setShowToast(true);
       return;
     }
@@ -2427,11 +2434,9 @@ const ApplicationOverview = () => {
           tenantId,
           details: finalPayload
         })).then(function (response) {
-          setShowToast({
-            key: "success",
-            message: "Successfully updated the status"
-          });
-          setError("Successfully updated the status");
+          setLable("Successfully updated the status");
+          setError(false);
+          setShowToast(true);
           workflowDetails.revalidate();
           setTimeout(() => {
             history.push("/digit-ui/employee/ndc/inbox");
@@ -2478,12 +2483,20 @@ const ApplicationOverview = () => {
     enabled: getPropertyId ? true : false,
     privacy: Digit.Utils.getPrivacyObject()
   });
-  if (isLoading || isDetailsLoading || checkLoading) {
-    return /*#__PURE__*/React__default.createElement(Loader, {
-      page: true
-    });
-  }
   console.log("applicationDetails", applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A5 = applicationDetails.Applications) === null || _applicationDetails$A5 === void 0 ? void 0 : (_applicationDetails$A6 = _applicationDetails$A5[0]) === null || _applicationDetails$A6 === void 0 ? void 0 : _applicationDetails$A6.NdcDetails);
+  React.useEffect(() => {
+    const handleClickOutside = event => {
+      if (toastRef.current && !toastRef.current.contains(event.target)) {
+        setShowToast(null);
+      }
+    };
+    if (showToast) {
+      document.addEventListener("mousedown", handleClickOutside);
+    }
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [showToast]);
   return /*#__PURE__*/React__default.createElement("div", {
     className: "employee-main-application-details"
   }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSubHeader, null, t("NDC_APPLICATION_DETAILS_OVERVIEW")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, (displayData === null || displayData === void 0 ? void 0 : displayData.applicantData) && ((_Object$entries = Object.entries(displayData === null || displayData === void 0 ? void 0 : displayData.applicantData)) === null || _Object$entries === void 0 ? void 0 : _Object$entries.map(_ref2 => {
@@ -2648,12 +2661,14 @@ const ApplicationOverview = () => {
     showErrorToast: showErrorToast,
     errorOne: errorOne,
     closeToastOne: closeToastOne
-  }) : null, showToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
-    error: true,
-    label: error,
+  }) : null, showToast && /*#__PURE__*/React__default.createElement("div", {
+    ref: toastRef
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
+    error: error,
+    label: getLable,
     isDleteBtn: true,
     onClose: closeToast
-  }), getLoader && /*#__PURE__*/React__default.createElement(Loader, {
+  })), (isLoading || isDetailsLoading || checkLoading || getLoader) && /*#__PURE__*/React__default.createElement(Loader, {
     page: true
   }));
 };