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

package/dist/index.modern.js

@@ -813,262 +813,6 @@ function NDCDocument$1({
   }))));
 }
 
-const ModalConfig = ({
-  t,
-  action,
-  approvers,
-  selectedApprover,
-  setSelectedApprover,
-  selectFile,
-  uploadedFile,
-  setUploadedFile,
-  assigneeLabel,
-  businessService
-}) => {
-  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.createElement(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.createElement(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.createElement("h1", {
-    className: "heading-m"
-  }, props.label);
-};
-const Close = () => /*#__PURE__*/React.createElement("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  fill: "#FFFFFF"
-}, /*#__PURE__*/React.createElement("path", {
-  d: "M0 0h24v24H0V0z",
-  fill: "none"
-}), /*#__PURE__*/React.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.createElement("div", {
-    className: "icon-bg-secondary",
-    onClick: props.onClick
-  }, /*#__PURE__*/React.createElement(Close, null));
-};
-const NDCModal = ({
-  t,
-  action,
-  tenantId,
-  state,
-  id,
-  closeModal,
-  submitAction,
-  actionData,
-  applicationDetails,
-  applicationData,
-  businessService,
-  moduleCode,
-  workflowDetails,
-  showToast,
-  closeToast,
-  errors,
-  showErrorToast,
-  errorOne,
-  closeToastOne,
-  getEmployees
-}) => {
-  var _action$state;
-  const [config, setConfig] = useState({});
-  const [defaultValues, setDefaultValues] = useState({});
-  const [approvers, setApprovers] = useState([]);
-  const [selectedApprover, setSelectedApprover] = useState({});
-  const [file, setFile] = useState(null);
-  const [uploadedFile, setUploadedFile] = useState(null);
-  const [error, setError] = useState(null);
-  const [financialYears, setFinancialYears] = useState([]);
-  const [selectedFinancialYear, setSelectedFinancialYear] = 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')]"
-        }]
-      }]
-    }
-  });
-  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"
-  }]);
-  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]);
-  }
-  useEffect(() => {
-    (async () => {
-      setError(null);
-      if (file) {
-        if (file.size >= 5242880) {
-          setError(t("CS_MAXIMUM_UPLOAD_SIZE_EXCEEDED"));
-        } else {
-          try {
-            var _response$data, _response$data$files;
-            const response = await Digit.UploadServices.Filestorage("PT", file, Digit.ULBService.getStateId());
-            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"));
-            }
-          } catch (err) {
-            setError(t("CS_FILE_UPLOAD_ERROR"));
-          }
-        }
-      }
-    })();
-  }, [file]);
-  function submit(data) {
-    applicationData = {
-      ...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]
-    });
-  }
-  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.createElement(Modal, {
-    headerBarMain: /*#__PURE__*/React.createElement(Heading, {
-      label: t(config.label.heading)
-    }),
-    headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn, {
-      onClick: closeModal
-    }),
-    actionCancelLabel: t(config.label.cancel),
-    actionCancelOnSubmit: closeModal,
-    actionSaveLabel: t(config.label.submit),
-    actionSaveOnSubmit: () => {},
-    formId: "modal-action"
-  }, /*#__PURE__*/React.createElement(FormComposer, {
-    config: config.form,
-    noBoxShadow: true,
-    inline: true,
-    childrenAtTheBottom: true,
-    onSubmit: submit,
-    defaultValues: defaultValues,
-    formId: "modal-action"
-  }), showToast && /*#__PURE__*/React.createElement(Toast, {
-    error: showToast.key === "error" ? true : false,
-    label: errors,
-    onClose: closeToast
-  }), showErrorToast && /*#__PURE__*/React.createElement(Toast, {
-    error: true,
-    label: errorOne,
-    isDleteBtn: true,
-    onClose: closeToastOne
-  })) : /*#__PURE__*/React.createElement(Loader$1, null);
-};
-
 var b = "function" === typeof Symbol && Symbol.for,
   c = b ? Symbol.for("react.element") : 60103,
   d = b ? Symbol.for("react.portal") : 60106,
@@ -2003,8 +1747,267 @@ Loader.defaultProps = {
   page: false
 };
 
-const getTimelineCaptions = (checkpoint, index, arr, t) => {
-  var _checkpoint$auditDeta, _checkpoint$assigner, _checkpoint$assigner2, _checkpoint$assigner3, _thumbnailsToShow$thu;
+const ModalConfig = ({
+  t,
+  action,
+  approvers,
+  selectedApprover,
+  setSelectedApprover,
+  selectFile,
+  uploadedFile,
+  setUploadedFile,
+  assigneeLabel,
+  businessService
+}) => {
+  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.createElement(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.createElement(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.createElement("h1", {
+    className: "heading-m"
+  }, props.label);
+};
+const Close = () => /*#__PURE__*/React.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "#FFFFFF"
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M0 0h24v24H0V0z",
+  fill: "none"
+}), /*#__PURE__*/React.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.createElement("div", {
+    className: "icon-bg-secondary",
+    onClick: props.onClick
+  }, /*#__PURE__*/React.createElement(Close, null));
+};
+const NDCModal = ({
+  t,
+  action,
+  tenantId,
+  state,
+  id,
+  closeModal,
+  submitAction,
+  actionData,
+  applicationDetails,
+  applicationData,
+  businessService,
+  moduleCode,
+  workflowDetails,
+  showToast,
+  closeToast,
+  errors,
+  showErrorToast,
+  errorOne,
+  closeToastOne,
+  getEmployees
+}) => {
+  var _action$state;
+  const [config, setConfig] = useState({});
+  const [defaultValues, setDefaultValues] = useState({});
+  const [approvers, setApprovers] = useState([]);
+  const [selectedApprover, setSelectedApprover] = useState({});
+  const [file, setFile] = useState(null);
+  const [uploadedFile, setUploadedFile] = useState(null);
+  const [error, setError] = useState(null);
+  const [financialYears, setFinancialYears] = useState([]);
+  const [selectedFinancialYear, setSelectedFinancialYear] = 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')]"
+        }]
+      }]
+    }
+  });
+  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"
+  }]);
+  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]);
+  }
+  useEffect(() => {
+    (async () => {
+      setError(null);
+      if (file) {
+        if (file.size >= 5242880) {
+          setError(t("CS_MAXIMUM_UPLOAD_SIZE_EXCEEDED"));
+        } else {
+          try {
+            var _response$data, _response$data$files;
+            const response = await Digit.UploadServices.Filestorage("PT", file, Digit.ULBService.getStateId());
+            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"));
+            }
+          } catch (err) {
+            setError(t("CS_FILE_UPLOAD_ERROR"));
+          }
+        }
+      }
+    })();
+  }, [file]);
+  function submit(data) {
+    applicationData = {
+      ...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]
+    });
+  }
+  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.createElement(Modal, {
+    headerBarMain: /*#__PURE__*/React.createElement(Heading, {
+      label: t(config.label.heading)
+    }),
+    headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn, {
+      onClick: closeModal
+    }),
+    actionCancelLabel: t(config.label.cancel),
+    actionCancelOnSubmit: closeModal,
+    actionSaveLabel: t(config.label.submit),
+    actionSaveOnSubmit: () => {},
+    formId: "modal-action"
+  }, /*#__PURE__*/React.createElement(FormComposer, {
+    config: config.form,
+    noBoxShadow: true,
+    inline: true,
+    childrenAtTheBottom: true,
+    onSubmit: submit,
+    defaultValues: defaultValues,
+    formId: "modal-action"
+  }), showToast && /*#__PURE__*/React.createElement(Toast, {
+    error: showToast.key === "error" ? true : false,
+    label: errors,
+    onClose: closeToast
+  }), showErrorToast && /*#__PURE__*/React.createElement(Toast, {
+    error: true,
+    label: errorOne,
+    isDleteBtn: true,
+    onClose: closeToastOne
+  }), PTALoading && /*#__PURE__*/React.createElement(Loader, {
+    page: true
+  }));
+};
+
+const getTimelineCaptions = (checkpoint, index, arr, t) => {
+  var _checkpoint$auditDeta, _checkpoint$assigner, _checkpoint$assigner2, _checkpoint$assigner3, _thumbnailsToShow$thu;
   const {
     wfComment: comment,
     thumbnailsToShow,
@@ -2057,10 +2060,12 @@ const ApplicationOverview = () => {
     t
   } = useTranslation();
   const history = useHistory();
+  const toastRef = 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] = useState(null);
   const [error, setError] = useState(null);
+  const [getLable, setLable] = useState(false);
   const {
     control,
     handleSubmit,
@@ -2247,9 +2252,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;
     }
@@ -2313,11 +2320,9 @@ const ApplicationOverview = () => {
         tenantId,
         details: finalPayload
       });
-      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");
@@ -2359,12 +2364,20 @@ const ApplicationOverview = () => {
     enabled: getPropertyId ? true : false,
     privacy: Digit.Utils.getPrivacyObject()
   });
-  if (isLoading || isDetailsLoading || checkLoading) {
-    return /*#__PURE__*/React.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);
+  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.createElement("div", {
     className: "employee-main-application-details"
   }, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardSubHeader, null, t("NDC_APPLICATION_DETAILS_OVERVIEW")), /*#__PURE__*/React.createElement(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(([key, value]) => /*#__PURE__*/React.createElement(Row, {
@@ -2527,12 +2540,14 @@ const ApplicationOverview = () => {
     showErrorToast: showErrorToast,
     errorOne: errorOne,
     closeToastOne: closeToastOne
-  }) : null, showToast && /*#__PURE__*/React.createElement(Toast, {
-    error: true,
-    label: error,
+  }) : null, showToast && /*#__PURE__*/React.createElement("div", {
+    ref: toastRef
+  }, /*#__PURE__*/React.createElement(Toast, {
+    error: error,
+    label: getLable,
     isDleteBtn: true,
     onClose: closeToast
-  }), getLoader && /*#__PURE__*/React.createElement(Loader, {
+  })), (isLoading || isDetailsLoading || checkLoading || getLoader) && /*#__PURE__*/React.createElement(Loader, {
     page: true
   }));
 };