@mseva/digit-ui-module-noc 1.0.76 → 1.0.78-UAT.1

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import { SearchField, TextInput, CardLabelError, SubmitBar, Loader as Loader$2, SearchAction, PopUp, Card, DetailsCard, SearchForm, CloseSvg, Table, CardHeader, Banner, ActionBar, PrivateRoute, BreadCrumb, Dropdown, UploadFile, RadioButtons, ArrowDown, DatePicker, Modal, FormComposer, CardSubHeader, PDFSvg as PDFSvg$2, LabelFieldPair, CardLabel, MultiUploadWrapper, CardSectionHeader, StatusTable, Row, CheckBox, LinkButton, Close as Close$e, BreakLine, TelePhone, DisplayPhotos, Toast, CheckPoint, ConnectingCheckPoints, Menu, ButtonSelector, Header, ImageViewer, FormStep, DeleteIcon, TextArea, EmployeeModuleCard, FilterFormField, ComplaintIcon, InboxComposer, AppContainer, RemoveableTag, CardSectionSubText, SearchIcon, MobileNumber, CitizenInfoLabel, KeyNote, MultiLink, CitizenHomeCard, CaseIcon } from '@mseva/digit-ui-react-components';
+import { SearchField, TextInput, CardLabelError, SubmitBar, Loader as Loader$2, SearchAction, PopUp, Card, DetailsCard, SearchForm, CloseSvg, Table, CardHeader, Banner, ActionBar, PrivateRoute, BreadCrumb, Dropdown, UploadFile, RadioButtons, ArrowDown, DatePicker, Modal, FormComposer, CardSubHeader, PDFSvg as PDFSvg$2, LabelFieldPair, CardLabel, MultiUploadWrapper, CardSectionHeader, StatusTable, Row, CheckBox, LinkButton, Close as Close$e, BreakLine, TelePhone, DisplayPhotos, Toast, CheckPoint, ConnectingCheckPoints, Menu, ButtonSelector, Header, TextArea, ImageViewer, FormStep, DeleteIcon, MultiLink, EmployeeModuleCard, FilterFormField, ComplaintIcon, InboxComposer, AppContainer, RemoveableTag, CardSectionSubText, SearchIcon, MobileNumber, CitizenInfoLabel, CitizenHomeCard, CaseIcon } from '@mseva/digit-ui-react-components';
 import React, { Fragment, useMemo, useReducer, useCallback, useState, useEffect as useEffect$1, useRef } from 'react';
 import { Link, useLocation, useHistory, Switch, useParams, useRouteMatch } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
@@ -7755,7 +7755,7 @@ const EmployeeApp = ({
   return /*#__PURE__*/React.createElement(Fragment, null, !isResponse ? /*#__PURE__*/React.createElement("div", {
     style: window.location.href.includes("application-overview") || isMobile ? {
       marginLeft: "10px",
-      marginTop: "20px"
+      marginTop: "34px"
     } : {}
   }, /*#__PURE__*/React.createElement(NOCBreadCrumbs, {
     location: location
@@ -13920,7 +13920,9 @@ function NewApplicationTimeline({
   workflowDetails,
   t,
   tenantId = Digit.ULBService.getCurrentTenantId(),
-  timeObj
+  timeObj,
+  empUserName = null,
+  handleSetEmpDesignation = () => {}
 }) {
   var _workflowDetails$data, _workflowDetails$data2, _workflowDetails$data3, _workflowDetails$data4, _employeeData$data, _employeeData$data$Em;
   const {
@@ -13995,6 +13997,9 @@ function NewApplicationTimeline({
     const translationKey = `COMMON_MASTERS_DESIGNATION_${assignment === null || assignment === void 0 ? void 0 : assignment.designation}`;
     deptMap[emp === null || emp === void 0 ? void 0 : emp.code] = translationKey;
   });
+  if (employeeData && empUserName) {
+    handleSetEmpDesignation(t(deptMap[empUserName]));
+  }
   if (isLoading) return /*#__PURE__*/React.createElement(Loader$2, null);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "custom-timeline-container"
@@ -16138,18 +16143,26 @@ const NOCDocumentTableView = ({
   const {
     t
   } = useTranslation();
+  const srNoStyle = `
+    .noc-document-table-view table tbody tr td:first-child,
+    .noc-document-table-view table thead tr th:first-child {
+      width: 100px !important;
+      max-width: 100px !important;
+      min-width: 100px !important;
+      flex: 0 0 100px !important;
+    }
+  `;
   function routeTo(jumpTo) {
     window.open(jumpTo, "_blank");
   }
   const documentsColumns = [{
     Header: t("SR_NO"),
     accessor: "srNo",
-    width: "20px",
     Cell: ({
       row
     }) => /*#__PURE__*/React.createElement("div", {
       style: {
-        width: "20px"
+        textAlign: "center"
       }
     }, row.index + 1)
   }, {
@@ -16219,256 +16232,452 @@ const NOCDocumentTableView = ({
       width: "100%",
       display: "block"
     }
+  }, /*#__PURE__*/React.createElement("style", null, srNoStyle), /*#__PURE__*/React.createElement("div", {
+    className: "noc-document-table-view"
   }, documentsData && /*#__PURE__*/React.createElement(Table, {
     className: "customTable table-border-style",
     t: t,
     data: documentsData,
     columns: documentsColumns,
-    getCellProps: cellInfo => cellInfo.column.id === "srNo" ? {
-      style: {
-        width: "20px",
-        textAlign: "center"
-      }
-    } : {},
-    getHeaderProps: column => column.id === "srNo" ? {
-      style: {
-        width: "20px",
-        textAlign: "center"
-      }
-    } : {},
+    getCellProps: () => ({}),
+    getHeaderProps: () => ({}),
     style: {
       width: "100%",
-      minWidth: "400px",
-      tableLayout: "auto"
+      tableLayout: "fixed"
     },
     disableSort: true,
     autoSort: false,
     manualPagination: false,
     isPaginationRequired: false
-  }));
+  })));
+};
+
+const CustomFeeTable = ({
+  data: _data = [],
+  columns: _columns = [],
+  t,
+  readOnly: _readOnly = false,
+  extraStyleName: _extraStyleName = "",
+  historyData: _historyData = null,
+  historyTitle: _historyTitle = "History",
+  onHistoryRender: _onHistoryRender = null
+}) => {
+  const [showHistory, setShowHistory] = useState(false);
+  const getModuleStyles = moduleName => {
+    switch (moduleName) {
+      case "CLU":
+        return {
+          tableClass: "custom-fee-table",
+          wrapperClass: "custom-fee-table-wrapper",
+          headerClass: "custom-fee-table-header",
+          cellClass: "custom-fee-table-cell"
+        };
+      case "Layout":
+        return {
+          tableClass: "layout-fee-table",
+          wrapperClass: "layout-fee-table-wrapper",
+          headerClass: "layout-fee-table-header",
+          cellClass: "layout-fee-table-cell"
+        };
+      case "NOC":
+        return {
+          tableClass: "noc-fee-table",
+          wrapperClass: "noc-fee-table-wrapper",
+          headerClass: "noc-fee-table-header",
+          cellClass: "noc-fee-table-cell"
+        };
+      default:
+        return {
+          tableClass: "custom-fee-table",
+          wrapperClass: "custom-fee-table-wrapper",
+          headerClass: "custom-fee-table-header",
+          cellClass: "custom-fee-table-cell"
+        };
+    }
+  };
+  const styles = getModuleStyles(_extraStyleName);
+  const renderCell = (column, row, rowIndex) => {
+    const {
+      key,
+      type,
+      render,
+      onChange,
+      onBlur,
+      getValue,
+      disable,
+      className,
+      step,
+      isMandatory = false
+    } = column;
+    let value = getValue ? getValue(row) : row[key] || "";
+    if (value === null) return "";
+    const isDisabled = typeof disable === "function" ? disable(row) : disable || _readOnly;
+    switch (type) {
+      case "text":
+        return /*#__PURE__*/React.createElement("span", {
+          className: className
+        }, t(value) || value || t("CS_NA"));
+      case "number":
+        return /*#__PURE__*/React.createElement(TextInput, {
+          t: t,
+          type: "number",
+          isMandatory: isMandatory,
+          value: value === 0 ? "" : value,
+          onChange: e => {
+            if (onChange && !isDisabled) {
+              let val = e.target.value;
+              if (val.length > 1 && val.startsWith("0")) {
+                val = val.replace(/^0+/, "");
+              }
+              onChange(row.index, val, row);
+            }
+          },
+          onBlur: e => {
+            if (onBlur && !isDisabled) {
+              onBlur(e, row.index, row);
+            }
+          },
+          disable: isDisabled,
+          step: step || 1,
+          className: className || "custom-fee-table-input"
+        });
+      case "textarea":
+      case "text-input":
+        return /*#__PURE__*/React.createElement(TextInput, {
+          t: t,
+          type: "text",
+          isMandatory: isMandatory,
+          value: value,
+          onChange: e => {
+            if (onChange && !isDisabled) {
+              onChange(row.index, e.target.value, row);
+            }
+          },
+          onBlur: e => {
+            if (onBlur && !isDisabled) {
+              onBlur(e, row.index, row);
+            }
+          },
+          disable: isDisabled,
+          className: className || "custom-fee-table-input"
+        });
+      case "custom":
+        return render ? render(row, rowIndex, t) : value;
+      default:
+        return value;
+    }
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: styles.wrapperClass
+  }, /*#__PURE__*/React.createElement("table", {
+    className: `customTable table-border-style ${styles.tableClass}`
+  }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, _columns.map(col => /*#__PURE__*/React.createElement("th", {
+    key: col.key,
+    className: `${styles.headerClass} ${styles.headerClass}-${col.key}`
+  }, t(col.headerLabel || col.label))))), /*#__PURE__*/React.createElement("tbody", null, _data.map((row, rowIndex) => /*#__PURE__*/React.createElement("tr", {
+    key: row.index || rowIndex
+  }, _columns.map(col => /*#__PURE__*/React.createElement("td", {
+    key: col.key,
+    className: `${styles.cellClass} ${styles.cellClass}-${col.key}`
+  }, renderCell(col, row, rowIndex)))))))), _historyData && Object.keys(_historyData).length > 0 && /*#__PURE__*/React.createElement("div", {
+    className: "custom-fee-history-section"
+  }, /*#__PURE__*/React.createElement("div", {
+    onClick: () => setShowHistory(!showHistory),
+    className: "custom-fee-history-toggle"
+  }, /*#__PURE__*/React.createElement("h4", {
+    style: {
+      margin: 0,
+      cursor: "pointer"
+    }
+  }, t(_historyTitle), " ", showHistory ? "▲" : "▼")), showHistory && /*#__PURE__*/React.createElement("div", {
+    className: "custom-fee-history-table-wrapper"
+  }, /*#__PURE__*/React.createElement("table", {
+    className: "customTable table-border-style custom-fee-history-table"
+  }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, Object.keys(_historyData).map(key => /*#__PURE__*/React.createElement("th", {
+    key: key,
+    className: "custom-fee-history-header"
+  }, t(key))))), /*#__PURE__*/React.createElement("tbody", null, Array.from({
+    length: Math.max(...Object.values(_historyData).map(rows => (rows === null || rows === void 0 ? void 0 : rows.length) || 0))
+  }).map((_, rowIdx) => {
+    const maxLen = Math.max(...Object.values(_historyData).map(rows => (rows === null || rows === void 0 ? void 0 : rows.length) || 0));
+    const descIdx = maxLen - 1 - rowIdx;
+    return /*#__PURE__*/React.createElement("tr", {
+      key: rowIdx
+    }, Object.entries(_historyData).map(([key, historyRows]) => {
+      const h = historyRows === null || historyRows === void 0 ? void 0 : historyRows[descIdx];
+      return /*#__PURE__*/React.createElement("td", {
+        key: key,
+        className: "custom-fee-history-cell"
+      }, h ? _onHistoryRender ? _onHistoryRender(h, key, t) : JSON.stringify(h) : t("CS_NA"));
+    }));
+  }))))));
 };
 
 const NOCFeeTable = ({
   feeDataWithTotal,
   disable,
-  isEmployee,
   feeData,
   handleAdjustedAmountChange,
-  handleFileUpload,
-  handleFileDelete,
-  routeTo,
-  t,
   handleRemarkChange,
   onAdjustedAmountBlur,
   feeHistory,
-  timeObj
+  t
 }) => {
+  const [isMobile, setIsMobile] = useState(false);
   const [showHistory, setShowHistory] = useState(false);
+  useEffect$1(() => {
+    const checkMobile = () => {
+      setIsMobile(window.innerWidth < 768);
+    };
+    checkMobile();
+    window.addEventListener("resize", checkMobile);
+    return () => window.removeEventListener("resize", checkMobile);
+  }, []);
   console.log('feeHistory', feeHistory);
-  console.log('timeObj', timeObj);
-  console.log("feeHistory keys", Object.keys(feeHistory || {}));
-  return /*#__PURE__*/React.createElement("div", {
-    className: "noc-table-container",
-    style: {
-      overflowX: "auto",
-      WebkitOverflowScrolling: "touch",
-      width: "100%",
-      marginBottom: "16px",
-      display: "block"
-    }
-  }, /*#__PURE__*/React.createElement("table", {
-    className: "customTable table-border-style",
-    style: {
-      width: "100%",
-      tableLayout: "auto",
-      minWidth: "600px",
-      borderCollapse: "collapse"
-    }
-  }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", {
-    style: {
-      padding: "14px 12px",
-      fontSize: "12px",
-      whiteSpace: "nowrap"
-    }
-  }, t("BPA_TAXHEAD_CODE")), /*#__PURE__*/React.createElement("th", {
-    style: {
-      padding: "14px 12px",
-      fontSize: "12px",
-      whiteSpace: "nowrap"
-    }
-  }, t("BPA_AMOUNT")), /*#__PURE__*/React.createElement("th", {
-    style: {
-      padding: "14px 12px",
-      fontSize: "12px",
-      whiteSpace: "nowrap"
-    }
-  }, t("BPA_REMARKS")))), /*#__PURE__*/React.createElement("tbody", null, feeDataWithTotal.map((row, i) => {
-    var _feeData$row$index, _feeData$row$index2, _feeData$row$index3;
-    return /*#__PURE__*/React.createElement("tr", {
-      key: row.index || i
-    }, /*#__PURE__*/React.createElement("td", {
-      style: {
-        padding: "14px 12px",
-        fontSize: "13px",
-        minWidth: "150px",
-        fontWeight: "bold"
-      }
-    }, t(row.title) || t("CS_NA")), /*#__PURE__*/React.createElement("td", {
-      style: {
-        padding: "14px 12px",
-        minWidth: "130px"
-      }
-    }, (row === null || row === void 0 ? void 0 : row.taxHeadCode) === "NOC_TOTAL" ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("strong", {
-      style: {
-        fontSize: "14px"
-      }
-    }, `₹ ${row.grandTotal.toLocaleString("en-IN")}`), /*#__PURE__*/React.createElement("div", {
-      style: {
-        fontSize: "0.85em",
-        color: "#555",
-        marginTop: "4px",
-        lineHeight: "1.3"
+  const columns = [{
+    key: "title",
+    label: "BPA_TAXHEAD_CODE",
+    headerLabel: "BPA_TAXHEAD_CODE",
+    type: "text"
+  }, {
+    key: "amount",
+    label: "BPA_AMOUNT",
+    headerLabel: "BPA_AMOUNT",
+    type: "custom",
+    render: (row, rowIndex, t) => {
+      var _feeData$row$index, _feeData$row$index2;
+      if (row.taxHeadCode === "NOC_TOTAL") {
+        return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("strong", {
+          style: {
+            fontSize: "14px"
+          }
+        }, "\u20B9 ", row.grandTotal.toLocaleString("en-IN")), /*#__PURE__*/React.createElement("div", {
+          style: {
+            fontSize: "0.85em",
+            color: "#555",
+            marginTop: "4px",
+            lineHeight: "1.3"
+          }
+        }, "Rupees ", amountToWords(row.grandTotal).replace(' Rupees', ''), " only"));
       }
-    }, amountToWords(row.grandTotal))) :
-    /*#__PURE__*/
-    React.createElement(TextInput, {
-      t: t,
-      type: "text",
-      isMandatory: false,
-      value: ((_feeData$row$index = feeData[row.index]) === null || _feeData$row$index === void 0 ? void 0 : _feeData$row$index.adjustedAmount) === 0 ? "" : ((_feeData$row$index2 = feeData[row.index]) === null || _feeData$row$index2 === void 0 ? void 0 : _feeData$row$index2.adjustedAmount) ?? row.amount ?? "",
-      onChange: e => {
-        let val = e.target.value;
-        if (/^\d*\.?\d*$/.test(val)) {
-          if (val.length > 1 && val.startsWith("0") && !val.startsWith("0.")) {
+      return /*#__PURE__*/React.createElement(TextInput, {
+        t: t,
+        type: "number",
+        isMandatory: false,
+        value: ((_feeData$row$index = feeData[row.index]) === null || _feeData$row$index === void 0 ? void 0 : _feeData$row$index.adjustedAmount) === 0 ? "" : ((_feeData$row$index2 = feeData[row.index]) === null || _feeData$row$index2 === void 0 ? void 0 : _feeData$row$index2.adjustedAmount) ?? row.amount ?? "",
+        onChange: e => {
+          let val = e.target.value;
+          if (val.length > 1 && val.startsWith("0")) {
             val = val.replace(/^0+/, "");
           }
           handleAdjustedAmountChange(row.index, val);
-        }
-      },
-      onKeyPress: e => {
-        if (!/[0-9.]/.test(e.key)) {
-          e.preventDefault();
-        }
-        if (e.key === "." && e.target.value.includes(".")) {
-          e.preventDefault();
-        }
-      },
-      disable: disable,
-      onBlur: onAdjustedAmountBlur,
-      className: "responsive-table-input"
-    })), /*#__PURE__*/React.createElement("td", {
-      style: {
-        padding: "14px 12px",
-        minWidth: "200px"
-      }
-    }, (row === null || row === void 0 ? void 0 : row.taxHeadCode) === "NOC_TOTAL" ? " " : /*#__PURE__*/React.createElement(TextInput, {
-      t: t,
-      type: "text",
-      isMandatory: true,
-      value: ((_feeData$row$index3 = feeData[row.index]) === null || _feeData$row$index3 === void 0 ? void 0 : _feeData$row$index3.remark) ?? row.remark ?? "",
-      onChange: e => handleRemarkChange(row.index, e.target.value, row.amount),
-      disable: disable,
-      className: "responsive-table-input"
-    })));
-  }))), feeHistory && Object.keys(feeHistory).length > 0 && /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginTop: "16px"
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    onClick: () => setShowHistory(!showHistory),
-    style: {
-      cursor: "pointer"
-    }
-  }, /*#__PURE__*/React.createElement(CardSubHeader, null, t("FEE_HISTORY"), " ", showHistory ? "▲" : "▼")), showHistory && /*#__PURE__*/React.createElement("div", {
-    style: {
-      overflowX: "auto",
-      WebkitOverflowScrolling: "touch",
-      marginTop: "8px",
-      display: "block",
-      width: "100%"
-    }
-  }, /*#__PURE__*/React.createElement("table", {
-    className: "customTable table-border-style",
-    style: {
-      width: "100%",
-      tableLayout: "auto",
-      minWidth: "600px",
-      borderCollapse: "collapse"
-    }
-  }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", {
-    style: {
-      padding: "12px 8px",
-      fontSize: "12px",
-      minWidth: "150px"
-    }
-  }, " "), Object.keys(feeHistory).map(taxHeadCode => /*#__PURE__*/React.createElement("th", {
-    key: taxHeadCode,
-    style: {
-      padding: "12px 8px",
-      fontSize: "12px",
-      whiteSpace: "nowrap",
-      minWidth: "120px"
+        },
+        disable: disable,
+        step: 1,
+        onBlur: onAdjustedAmountBlur
+      });
     }
-  }, t(taxHeadCode))))), /*#__PURE__*/React.createElement("tbody", null, Array.from({
-    length: Math.max(...Object.values(feeHistory).map(rows => rows.length))
-  }).map((_, rowIdx) => {
-    const descIdx = rowIdx;
-    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("tr", {
-      key: `fee-${rowIdx}`
-    }, /*#__PURE__*/React.createElement("td", {
-      style: {
-        fontWeight: "bold",
-        padding: "12px 8px",
-        borderBottom: "none"
+  }, {
+    key: "remark",
+    label: "BPA_REMARKS",
+    headerLabel: "BPA_REMARKS",
+    type: "custom",
+    render: (row, rowIndex, t) => {
+      var _feeData$row$index4;
+      if (row.taxHeadCode === "NOC_TOTAL") {
+        return " ";
+      }
+      if (disable) {
+        var _feeData$row$index3;
+        return /*#__PURE__*/React.createElement("div", null, ((_feeData$row$index3 = feeData[row.index]) === null || _feeData$row$index3 === void 0 ? void 0 : _feeData$row$index3.remark) || /*#__PURE__*/React.createElement(TextArea, {
+          placeholder: "Enter remarks",
+          disabled: true,
+          className: "custom-fee-table-textarea"
+        }));
       }
-    }, t("FEE")), Object.entries(feeHistory).map(([taxHeadCode, historyRows]) => {
-      const h = historyRows[descIdx];
+      return /*#__PURE__*/React.createElement(TextArea, {
+        value: ((_feeData$row$index4 = feeData[row.index]) === null || _feeData$row$index4 === void 0 ? void 0 : _feeData$row$index4.remark) || "",
+        onChange: e => handleRemarkChange(row.index, e.target.value, row.amount),
+        disabled: false,
+        className: "custom-fee-table-textarea",
+        placeholder: "Enter remarks..."
+      });
+    }
+  }];
+  const renderHistoryCell = (h, key, t) => {
+    return null;
+  };
+  const renderCustomHistory = () => {
+    if (!feeHistory || Object.keys(feeHistory).length === 0) return null;
+    const feeTypes = Object.keys(feeHistory);
+    const maxHistoryLength = Math.max(...feeTypes.map(ft => {
+      var _feeHistory$ft;
+      return ((_feeHistory$ft = feeHistory[ft]) === null || _feeHistory$ft === void 0 ? void 0 : _feeHistory$ft.length) || 0;
+    }));
+    return /*#__PURE__*/React.createElement("div", {
+      className: "custom-fix-fee-history-wrapper"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "custom-fix-fee-history-toggle",
+      onClick: () => setShowHistory(!showHistory)
+    }, /*#__PURE__*/React.createElement("span", null, t("BPA_FEE_HISTORY_LABEL")), /*#__PURE__*/React.createElement("span", {
+      className: "custom-fix-fee-history-toggle-icon"
+    }, showHistory ? "▲" : "▼")), showHistory && /*#__PURE__*/React.createElement("div", {
+      className: "custom-fix-fee-history-table-container"
+    }, /*#__PURE__*/React.createElement("table", {
+      className: "custom-fix-fee-history-table"
+    }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", {
+      className: "custom-fix-fee-history-table-header"
+    }, "Details"), feeTypes.map(feeType => /*#__PURE__*/React.createElement("th", {
+      key: feeType,
+      className: "custom-fix-fee-history-table-header-fee"
+    }, t(feeType))))), /*#__PURE__*/React.createElement("tbody", null, Array.from({
+      length: maxHistoryLength
+    }).map((_, entryIndex) => /*#__PURE__*/React.createElement(React.Fragment, {
+      key: entryIndex
+    }, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
+      className: "custom-fix-fee-history-table-cell-label"
+    }, t("BPA_FEE2_LABEL")), feeTypes.map(feeType => {
+      var _feeHistory$feeType;
       return /*#__PURE__*/React.createElement("td", {
-        key: `${taxHeadCode}-fee-${rowIdx}`,
-        style: {
-          padding: "12px 8px"
-        }
-      }, (h === null || h === void 0 ? void 0 : h.estimateAmount) || t("CS_NA"));
-    })), /*#__PURE__*/React.createElement("tr", {
-      key: `remark-${rowIdx}`
-    }, /*#__PURE__*/React.createElement("td", {
-      style: {
-        fontWeight: "bold",
-        padding: "12px 8px",
-        borderBottom: "none"
-      }
-    }, t("REMARK")), Object.entries(feeHistory).map(([taxHeadCode, historyRows]) => {
-      const h = historyRows[descIdx];
+        key: `${feeType}-fee-${entryIndex}`,
+        className: "custom-fix-fee-history-table-cell-value"
+      }, (_feeHistory$feeType = feeHistory[feeType]) !== null && _feeHistory$feeType !== void 0 && _feeHistory$feeType[entryIndex] ? `₹ ${feeHistory[feeType][entryIndex].estimateAmount}` : "");
+    })), /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
+      className: "custom-fix-fee-history-table-cell-label"
+    }, t("BPA_REMARK_LABEL")), feeTypes.map(feeType => {
+      var _feeHistory$feeType2, _feeHistory$feeType2$;
       return /*#__PURE__*/React.createElement("td", {
-        key: `${taxHeadCode}-remark-${rowIdx}`,
-        style: {
-          padding: "12px 8px"
-        }
-      }, (h === null || h === void 0 ? void 0 : h.remarks) || t("CS_NA"));
-    })), /*#__PURE__*/React.createElement("tr", {
-      key: `who-${rowIdx}`
-    }, /*#__PURE__*/React.createElement("td", {
-      style: {
-        fontWeight: "bold",
-        padding: "12px 8px"
-      }
-    }, t("LAST_UPDATED_BY")), Object.entries(feeHistory).map(([taxHeadCode, historyRows]) => {
-      const h = historyRows[descIdx];
+        key: `${feeType}-remark-${entryIndex}`,
+        className: "custom-fix-fee-history-table-cell-value"
+      }, ((_feeHistory$feeType2 = feeHistory[feeType]) === null || _feeHistory$feeType2 === void 0 ? void 0 : (_feeHistory$feeType2$ = _feeHistory$feeType2[entryIndex]) === null || _feeHistory$feeType2$ === void 0 ? void 0 : _feeHistory$feeType2$.remarks) || t("CS_NA"));
+    })), /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
+      className: entryIndex < maxHistoryLength - 1 ? "custom-fix-fee-history-table-cell-separator" : "custom-fix-fee-history-table-cell-separator-last"
+    }, t("BPA_UPDATED_BY_LABEL")), feeTypes.map(feeType => {
+      var _feeHistory$feeType3, _feeHistory$feeType3$;
       return /*#__PURE__*/React.createElement("td", {
-        key: `${taxHeadCode}-who-${rowIdx}`,
-        style: {
-          padding: "12px 8px"
-        }
-      }, (h === null || h === void 0 ? void 0 : h.who) || t("UNKNOWN"));
-    })));
-  }))))));
+        key: `${feeType}-updatedby-${entryIndex}`,
+        className: entryIndex < maxHistoryLength - 1 ? "custom-fix-fee-history-table-cell-separator-value" : "custom-fix-fee-history-table-cell-separator-value-last"
+      }, ((_feeHistory$feeType3 = feeHistory[feeType]) === null || _feeHistory$feeType3 === void 0 ? void 0 : (_feeHistory$feeType3$ = _feeHistory$feeType3[entryIndex]) === null || _feeHistory$feeType3$ === void 0 ? void 0 : _feeHistory$feeType3$.who) || t("UNKNOWN"));
+    }))))))));
+  };
+  const renderMobileCardView = () => {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      className: "custom-fee-mobile-cards"
+    }, feeDataWithTotal.map((row, i) => {
+      var _feeData$row$index5, _feeData$row$index6, _feeData$row$index7;
+      return /*#__PURE__*/React.createElement("div", {
+        key: row.index || i,
+        className: `custom-fee-card ${(row === null || row === void 0 ? void 0 : row.taxHeadCode) === "NOC_TOTAL" ? "custom-fee-card-total-row" : ""}`
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "custom-fee-card-header"
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "custom-fee-card-type"
+      }, t(row.title) || t("CS_NA"))), (row === null || row === void 0 ? void 0 : row.taxHeadCode) !== "NOC_TOTAL" && /*#__PURE__*/React.createElement("div", {
+        className: "custom-fee-card-content"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "custom-fee-card-row"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "custom-fee-card-field"
+      }, /*#__PURE__*/React.createElement("label", {
+        className: "custom-fee-card-label"
+      }, t("BPA_AMOUNT_LABEL")), /*#__PURE__*/React.createElement(TextInput, {
+        t: t,
+        type: "text",
+        isMandatory: false,
+        value: ((_feeData$row$index5 = feeData[row.index]) === null || _feeData$row$index5 === void 0 ? void 0 : _feeData$row$index5.adjustedAmount) === 0 ? "" : ((_feeData$row$index6 = feeData[row.index]) === null || _feeData$row$index6 === void 0 ? void 0 : _feeData$row$index6.adjustedAmount) ?? row.amount ?? "",
+        onChange: e => {
+          let val = e.target.value;
+          if (/^\d*\.?\d*$/.test(val)) {
+            if (val.length > 1 && val.startsWith("0") && !val.startsWith("0.")) {
+              val = val.replace(/^0+/, "");
+            }
+            handleAdjustedAmountChange(row.index, val);
+          }
+        },
+        onKeyPress: e => {
+          if (!/[0-9.]/.test(e.key)) {
+            e.preventDefault();
+          }
+          if (e.key === "." && e.target.value.includes(".")) {
+            e.preventDefault();
+          }
+        },
+        disable: disable,
+        onBlur: onAdjustedAmountBlur
+      }))), /*#__PURE__*/React.createElement("div", {
+        className: "custom-fee-card-row"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "custom-fee-card-field"
+      }, /*#__PURE__*/React.createElement("label", {
+        className: "custom-fee-card-label"
+      }, t("BPA_REMARKS")), /*#__PURE__*/React.createElement(TextArea, {
+        value: ((_feeData$row$index7 = feeData[row.index]) === null || _feeData$row$index7 === void 0 ? void 0 : _feeData$row$index7.remark) || "",
+        onChange: e => handleRemarkChange(row.index, e.target.value, row.amount),
+        disabled: disable,
+        className: "custom-fee-table-textarea",
+        placeholder: "Enter remarks..."
+      })))), (row === null || row === void 0 ? void 0 : row.taxHeadCode) === "NOC_TOTAL" && /*#__PURE__*/React.createElement("div", {
+        className: "custom-fee-card-total-content"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "custom-fee-card-total-label"
+      }, "Total Amount :"), /*#__PURE__*/React.createElement("div", {
+        className: "custom-fee-card-total-value"
+      }, /*#__PURE__*/React.createElement("strong", null, "\u20B9 ", row.grandTotal.toLocaleString("en-IN"))), /*#__PURE__*/React.createElement("div", {
+        className: "custom-fee-card-total-words"
+      }, "Rupees ", amountToWords(row.grandTotal).replace(' Rupees', ''), " only")));
+    })), feeHistory && Object.keys(feeHistory).length > 0 && /*#__PURE__*/React.createElement("div", {
+      className: "custom-fee-mobile-history"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "custom-fee-history-toggle-mobile",
+      onClick: () => setShowHistory(!showHistory)
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "custom-fee-history-title"
+    }, t("BPA_FEE_HISTORY_LABEL")), /*#__PURE__*/React.createElement("span", {
+      className: "custom-fee-history-icon"
+    }, showHistory ? "▲" : "▼")), showHistory && /*#__PURE__*/React.createElement("div", {
+      className: "custom-fee-history-cards"
+    }, Object.entries(feeHistory).map(([taxHeadCode, historyRows]) => /*#__PURE__*/React.createElement("div", {
+      key: taxHeadCode,
+      className: "custom-fee-history-card"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "custom-fee-history-card-header"
+    }, t(taxHeadCode)), /*#__PURE__*/React.createElement("div", {
+      className: "custom-fee-history-card-content"
+    }, historyRows.map((h, idx) => /*#__PURE__*/React.createElement("div", {
+      key: idx,
+      className: "custom-fee-history-entry"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "custom-fee-history-item"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "custom-fee-history-label-bold"
+    }, t("BPA_FEE2_LABEL"), ":"), " \u20B9 ", h.estimateAmount), /*#__PURE__*/React.createElement("div", {
+      className: "custom-fee-history-item"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "custom-fee-history-label-bold"
+    }, t("BPA_REMARK_LABEL"), ":"), " ", h.remarks || t("CS_NA")), /*#__PURE__*/React.createElement("div", {
+      className: "custom-fee-history-item"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "custom-fee-history-label-bold"
+    }, t("BPA_UPDATED_BY_LABEL"), ":"), " ", h.who || t("UNKNOWN"))))))))));
+  };
+  return isMobile ? renderMobileCardView() : /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CustomFeeTable, {
+    data: feeDataWithTotal,
+    columns: columns,
+    extraStyleName: "NOC",
+    historyData: null,
+    historyTitle: "FEE_HISTORY",
+    onHistoryRender: renderHistoryCell,
+    t: t,
+    readOnly: disable
+  }), renderCustomHistory());
 };
 
 const NOCFeeEstimationDetails = ({
   formData,
   feeAdjustments: _feeAdjustments = [],
   setFeeAdjustments: _setFeeAdjustments = () => {},
-  disable: _disable = false
+  disable: _disable = false,
+  applicationStatus: _applicationStatus = null
 }) => {
   var _data$Calculation2, _data$Calculation2$, _data$Calculation3, _data$Calculation3$, _data$Calculation3$$t;
   const {
@@ -16502,7 +16711,7 @@ const NOCFeeEstimationDetails = ({
     if (normalizedValue !== 0 && normalizedValue < 0) {
       setShowToast({
         error: true,
-        message: "Adjusted_Amount_More_Than_Ammount"
+        message: "Amount_less_Than_Zero"
       });
       return;
     }
@@ -16732,6 +16941,9 @@ const NOCFeeEstimationDetails = ({
     }];
   }, [data, t, _feeAdjustments]);
   if (nocCalculatorLoading) return /*#__PURE__*/React.createElement(Loader$2, null);
+  if (_applicationStatus === "FIELDINSPECTION_INPROGRESS") {
+    return /*#__PURE__*/React.createElement("div", null, t("BPA_NO_FEE_TABLE_AVAILABLE_LABEL"));
+  }
   return /*#__PURE__*/React.createElement("div", null, nocCalculatorLoading ? /*#__PURE__*/React.createElement(Loader$2, null) : /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(NOCFeeTable, {
     feeDataWithTotal: applicationFeeDataWithTotal,
     feeData: _feeAdjustments,
@@ -17960,13 +18172,7 @@ const NocUploadedDocument = ({
       marginTop: "8px"
     },
     onClick: () => docUrl && setZoomUrl(docUrl)
-  }), (latitude || longitude) && /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginTop: "8px",
-      fontSize: "12px",
-      color: "#666"
-    }
-  }, latitude && /*#__PURE__*/React.createElement("div", null, "Lat: ", latitude), longitude && /*#__PURE__*/React.createElement("div", null, "Long: ", longitude)), dateTaken && /*#__PURE__*/React.createElement("div", {
+  }), (latitude || longitude) && /*#__PURE__*/React.createElement("div", null, latitude && /*#__PURE__*/React.createElement("div", null, "Lat: ", latitude), longitude && /*#__PURE__*/React.createElement("div", null, "Long: ", longitude)), dateTaken && /*#__PURE__*/React.createElement("div", {
     style: {
       marginTop: "4px",
       fontSize: "12px",
@@ -18055,9 +18261,8 @@ const NOCDocumentChecklist = ({
       onClick: () => window.open(url, "_blank")
     }) : t("CS_NA")), /*#__PURE__*/React.createElement("td", {
       className: "checklist-table-cell checklist-table-cell-remark"
-    }, /*#__PURE__*/React.createElement(TextInput, {
+    }, /*#__PURE__*/React.createElement(TextArea, {
       t: t,
-      type: "text",
       value: localRemarks[doc === null || doc === void 0 ? void 0 : doc.documentUid] ?? "",
       onChange: e => {
         if (!_readOnly) {
@@ -18074,7 +18279,7 @@ const NOCDocumentChecklist = ({
       },
       onBlur: e => !_readOnly && handleBlur(doc === null || doc === void 0 ? void 0 : doc.documentUid, e.target.value),
       disabled: _readOnly,
-      className: "checklist-table-input"
+      className: "checklist-table-textarea"
     })));
   }))));
 };
@@ -18135,15 +18340,11 @@ const InspectionReport$1 = ({
     setFieldReports(prev => prev.filter(o => o.key != unit.key));
   };
   useEffect$1(() => {
-    const data = FieldReports.map(e => {
-      return e;
-    });
+    if (!FieldReports || (FieldReports === null || FieldReports === void 0 ? void 0 : FieldReports.length) === 0) return;
+    const data = FieldReports.map(e => e);
     onSelect("FieldReports", data);
     sessionStorage.setItem("INSPECTION_DATA", JSON.stringify(data));
   }, [FieldReports]);
-  useEffect$1(() => {
-    onSelect("tradedetils1", previousLicenseDetails);
-  }, [previousLicenseDetails]);
   useEffect$1(() => {
     console.log("useffect 2INSPECTION_REPORT_PENDING");
     let ques = [];
@@ -18398,8 +18599,14 @@ const InspectionReportForm = _props => {
   }) : null, /*#__PURE__*/React.createElement("div", {
     className: "bpa-table-container"
   }, /*#__PURE__*/React.createElement("table", {
-    className: "customTable table-border-style"
-  }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", null, t("SR_NO")), /*#__PURE__*/React.createElement("th", null, t("BPA_CHECK_LIST_DETAILS")), /*#__PURE__*/React.createElement("th", null, t("BPA_REMARKS")))), /*#__PURE__*/React.createElement("tbody", null, extendedQuestions && extendedQuestions.map((ob, ind) => /*#__PURE__*/React.createElement("tr", {
+    className: "customTable table-border-style checklist-document-table"
+  }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", {
+    className: "checklist-table-header checklist-table-header-srno"
+  }, t("SR_NO")), /*#__PURE__*/React.createElement("th", {
+    className: "checklist-table-header checklist-table-header-doc-name"
+  }, t("BPA_CHECK_LIST_DETAILS")), /*#__PURE__*/React.createElement("th", {
+    className: "checklist-table-header checklist-table-header-remark"
+  }, t("BPA_REMARKS")))), /*#__PURE__*/React.createElement("tbody", null, extendedQuestions && extendedQuestions.map((ob, ind) => /*#__PURE__*/React.createElement("tr", {
     key: ind
   }, /*#__PURE__*/React.createElement("td", null, ind + 1), " ", /*#__PURE__*/React.createElement("td", null, t(ob === null || ob === void 0 ? void 0 : ob.question) || t("CS_NA")), /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement(Controller, {
     control: control,
@@ -18420,10 +18627,9 @@ const InspectionReportForm = _props => {
       onBlur: props.onBlur,
       t: t,
       disabled: applicationStatus !== "INSPECTION_REPORT_PENDING"
-    }) : /*#__PURE__*/React.createElement(TextInput, {
+    }) : /*#__PURE__*/React.createElement(TextArea, {
       value: props.value,
-      onChange: props.onChange,
-      placeholder: t("BPA_ENTER_REMARKS"),
+      onChange: e => props.onChange(e.target.value),
       onBlur: props.onBlur,
       disabled: applicationStatus !== "INSPECTION_REPORT_PENDING"
     })
@@ -18457,13 +18663,24 @@ const InspectionReportDisplay = ({
   if (!fiReport || fiReport.length === 0) {
     return /*#__PURE__*/React.createElement("div", null, t("NO_INSPECTION_REPORTS_AVAILABLE"));
   }
+  const srNoStyle = `
+    .noc-inspection-report table tbody tr td:first-child,
+    .noc-inspection-report table thead tr th:first-child {
+      width: 100px !important;
+      max-width: 100px !important;
+      min-width: 100px !important;
+      flex: 0 0 100px !important;
+    }
+  `;
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     style: {
       marginTop: "16px"
     }
   }, report.questionList && report.questionList.length > 0 ?
   /*#__PURE__*/
-  React.createElement(Table, {
+  React.createElement(Fragment, null, /*#__PURE__*/React.createElement("style", null, srNoStyle), /*#__PURE__*/React.createElement("div", {
+    className: "noc-inspection-report"
+  }, /*#__PURE__*/React.createElement(Table, {
     className: "customTable table-border-style",
     t: t,
     data: tableData,
@@ -18486,265 +18703,692 @@ const InspectionReportDisplay = ({
     manualPagination: false,
     isPaginationRequired: false,
     pageSizeLimit: tableData.length
-  }) : /*#__PURE__*/React.createElement("div", null, t("NA"))));
+  }))) : /*#__PURE__*/React.createElement("div", null, t("NA"))));
 };
 
-const NOCEmployeeApplicationOverview = () => {
-  var _window, _window$Digit, _window$Digit$Utils, _window$Digit$Utils$b, _applicationDetails$N, _applicationDetails$N2, _applicationDetails$N3, _applicationDetails$N4, _applicationDetails$N5, _applicationDetails$N6, _applicationDetails$N7, _applicationDetails$N8, _applicationDetails$N9, _applicationDetails$N0, _applicationDetails$N1, _applicationDetails$N10, _applicationDetails$N11, _applicationDetails$N12, _applicationDetails$N13, _applicationDetails$N14, _workflowDetails$data, _workflowDetails$data2, _workflowDetails$data3, _applicationDetails$N31, _applicationDetails$N32, _user3, _user3$info, _user4, _user4$info, _user4$info$roles, _user5, _user5$info, _user5$info$roles, _workflowDetails$data9, _workflowDetails$data0, _workflowDetails$data1, _workflowDetails$data10, _workflowDetails$data11, _applicationDetails$N38, _applicationDetails$N39, _applicationDetails$N40, _applicationDetails$N41, _applicationDetails$N57, _applicationDetails$N58, _applicationDetails$N59, _applicationDetails$N60, _displayData$Document, _displayData$Document2, _applicationDetails$N61, _applicationDetails$N62, _applicationDetails$N63, _applicationDetails$N64, _applicationDetails$N65, _displayData$applican, _displayData$applican2, _displayData$applican3, _displayData$applican4, _displayData$applican5, _displayData$applican6, _displayData$applican7, _applicationDetails$N66, _applicationDetails$N67, _displayData$ownerPho, _displayData$ownerPho2, _displayData$applican8, _displayData$applican9, _displayData$applican0, _displayData$applican1, _displayData$applican10, _displayData$applican11, _displayData$applican12, _displayData$applican13, _displayData$applican14, _displayData$siteDeta, _displayData$siteDeta2, _applicationDetails$N68, _applicationDetails$N69, _applicationDetails$N70, _applicationDetails$N71, _siteImages$documents5, _applicationDetails$N72, _applicationDetails$N73, _applicationDetails$N74, _applicationDetails$N75, _applicationDetails$N76, _applicationDetails$N77, _applicationDetails$N78, _applicationDetails$N79, _applicationDetails$N80, _applicationDetails$N81, _applicationDetails$N82, _applicationDetails$N83, _applicationDetails$N84, _applicationDetails$N85, _applicationDetails$N86, _applicationDetails$N87, _applicationDetails$N88, _applicationDetails$N89, _applicationDetails$N90, _applicationDetails$N91, _applicationDetails$N92, _applicationDetails$N93, _applicationDetails$N94, _applicationDetails$N95, _applicationDetails$N96, _applicationDetails$N97, _applicationDetails$N98, _applicationDetails$N99, _applicationDetails$N100, _applicationDetails$N101, _applicationDetails$N102, _applicationDetails$N103, _applicationDetails$N104, _applicationDetails$N105, _applicationDetails$N106, _applicationDetails$N107, _applicationDetails$N108, _applicationDetails$N109, _applicationDetails$N110, _applicationDetails$N111, _applicationDetails$N112, _applicationDetails$N113, _applicationDetails$N114, _applicationDetails$N115, _applicationDetails$N116, _applicationDetails$N117, _applicationDetails$N118, _applicationDetails$N119, _applicationDetails$N120, _applicationDetails$N121, _applicationDetails$N122, _applicationDetails$N123, _applicationDetails$N124, _applicationDetails$N125, _applicationDetails$N126, _applicationDetails$N127, _applicationDetails$N128, _applicationDetails$N129, _applicationDetails$N130, _applicationDetails$N131, _applicationDetails$N132, _applicationDetails$N133, _applicationDetails$N134, _applicationDetails$N135, _applicationDetails$N136, _applicationDetails$N137, _applicationDetails$N138, _applicationDetails$N139, _applicationDetails$N140, _applicationDetails$N141, _applicationDetails$N142, _applicationDetails$N143, _applicationDetails$N144, _applicationDetails$N145, _applicationDetails$N146, _applicationDetails$N147, _applicationDetails$N148, _applicationDetails$N149, _applicationDetails$N150, _applicationDetails$N151, _workflowDetails$data12, _workflowDetails$data13, _workflowDetails$data14, _workflowDetails$data15;
-  const {
-    id
-  } = useParams();
-  const {
-    t
-  } = useTranslation();
-  const tenantId = window.localStorage.getItem("Employee.tenant-id");
-  const history = useHistory();
-  const state = tenantId === null || tenantId === void 0 ? void 0 : tenantId.split(".")[0];
-  const [showToast, setShowToast] = useState(null);
-  const [error, setError] = useState(null);
-  const [showErrorToast, setShowErrorToastt] = useState(null);
-  const [errorOne, setErrorOne] = useState(null);
-  const [displayData, setDisplayData] = useState({});
-  const [approverComment, setApproverComment] = useState(null);
-  const [getEmployees, setEmployees] = useState([]);
-  const [getLoader, setLoader] = useState(false);
-  const [getWorkflowService, setWorkflowService] = useState([]);
-  const [feeAdjustments, setFeeAdjustments] = useState([]);
-  const {
-    isLoading,
-    data,
-    refetch
-  } = Digit.Hooks.noc.useNOCSearchApplication({
-    applicationNo: id
-  }, tenantId);
-  const loading = isLoading || getLoader;
-  const applicationDetails = data === null || data === void 0 ? void 0 : data.resData;
-  console.log('applicationDetails', applicationDetails);
-  const [showImageModal, setShowImageModal] = useState(false);
-  const [imageUrl, setImageUrl] = useState(null);
-  const [checklistRemarks, setChecklistRemarks] = useState({});
-  const isMobile = (_window = window) === null || _window === void 0 ? void 0 : (_window$Digit = _window.Digit) === null || _window$Digit === void 0 ? void 0 : (_window$Digit$Utils = _window$Digit.Utils) === null || _window$Digit$Utils === void 0 ? void 0 : (_window$Digit$Utils$b = _window$Digit$Utils.browser) === null || _window$Digit$Utils$b === void 0 ? void 0 : _window$Digit$Utils$b.isMobile();
-  const [siteImages, setSiteImages] = useState(applicationDetails !== null && applicationDetails !== void 0 && (_applicationDetails$N = applicationDetails.Noc) !== null && _applicationDetails$N !== void 0 && (_applicationDetails$N2 = _applicationDetails$N[0]) !== null && _applicationDetails$N2 !== void 0 && (_applicationDetails$N3 = _applicationDetails$N2.nocDetails) !== null && _applicationDetails$N3 !== void 0 && (_applicationDetails$N4 = _applicationDetails$N3.additionalDetails) !== null && _applicationDetails$N4 !== void 0 && _applicationDetails$N4.siteImages ? {
-    documents: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N5 = applicationDetails.Noc) === null || _applicationDetails$N5 === void 0 ? void 0 : (_applicationDetails$N6 = _applicationDetails$N5[0]) === null || _applicationDetails$N6 === void 0 ? void 0 : (_applicationDetails$N7 = _applicationDetails$N6.nocDetails) === null || _applicationDetails$N7 === void 0 ? void 0 : (_applicationDetails$N8 = _applicationDetails$N7.additionalDetails) === null || _applicationDetails$N8 === void 0 ? void 0 : _applicationDetails$N8.siteImages
-  } : {});
-  const [timeObj, setTimeObj] = useState(null);
-  const {
-    mutate: eSignCertificate,
-    isLoading: eSignLoading,
-    error: eSignError
-  } = Digit.Hooks.tl.useESign();
-  const [showOptions, setShowOptions] = useState(false);
-  const [fieldInspectionPending, setFieldInspectionPending] = useState((applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N9 = applicationDetails.Noc) === null || _applicationDetails$N9 === void 0 ? void 0 : (_applicationDetails$N0 = _applicationDetails$N9[0]) === null || _applicationDetails$N0 === void 0 ? void 0 : (_applicationDetails$N1 = _applicationDetails$N0.nocDetails) === null || _applicationDetails$N1 === void 0 ? void 0 : (_applicationDetails$N10 = _applicationDetails$N1.additionalDetails) === null || _applicationDetails$N10 === void 0 ? void 0 : _applicationDetails$N10.fieldinspection_pending) || []);
-  const mutation = Digit.Hooks.noc.useNocCreateAPI(tenantId, false);
-  console.log("applicationDetails here==>", applicationDetails);
-  const businessServiceCode = (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N11 = applicationDetails.Noc) === null || _applicationDetails$N11 === void 0 ? void 0 : (_applicationDetails$N12 = _applicationDetails$N11[0]) === null || _applicationDetails$N12 === void 0 ? void 0 : (_applicationDetails$N13 = _applicationDetails$N12.nocDetails) === null || _applicationDetails$N13 === void 0 ? void 0 : (_applicationDetails$N14 = _applicationDetails$N13.additionalDetails) === null || _applicationDetails$N14 === void 0 ? void 0 : _applicationDetails$N14.businessService) ?? null;
-  console.log("businessService here==>", businessServiceCode);
-  const {
-    data: reciept_data,
-    isLoading: recieptDataLoading
-  } = Digit.Hooks.useRecieptSearch({
-    tenantId: tenantId,
-    businessService: "obpas_noc",
-    consumerCodes: id,
-    isEmployee: false
+const getFloorLabel = (index, t) => {
+  if (index === 0) return t("NOC_GROUND_FLOOR_AREA_LABEL");
+  const floorNumber = index;
+  const lastDigit = floorNumber % 10;
+  const lastTwoDigits = floorNumber % 100;
+  let suffix = "th";
+  if (lastTwoDigits < 11 || lastTwoDigits > 13) {
+    if (lastDigit === 1) suffix = "st";else if (lastDigit === 2) suffix = "nd";else if (lastDigit === 3) suffix = "rd";
+  }
+  return `${floorNumber}${suffix} ${t("NOC_FLOOR_AREA_LABEL")}`;
+};
+const getRegistrationDetails = (appData, t) => {
+  var _appData$auditDetails;
+  let values = [{
+    title: t("CS_APPLICATION_NUMBER"),
+    value: (appData === null || appData === void 0 ? void 0 : appData.applicationNo) || "N/A"
   }, {
-    enabled: id ? true : false
-  });
-  const workflowDetails = Digit.Hooks.useWorkflowDetails({
-    tenantId: tenantId,
-    id: id,
-    moduleCode: businessServiceCode
-  });
-  console.log("workflowDetails here=>", workflowDetails);
-  const {
-    data: searchChecklistData,
-    refetch: refetchChecklist
-  } = Digit.Hooks.noc.useNOCCheckListSearch({
-    applicationNo: id
-  }, tenantId);
-  useEffect$1(() => {
-    if (eSignError) {
-      setShowToast({
-        key: "true",
-        error: true,
-        message: "eSign process failed. Please try again."
-      });
-    }
-  }, [eSignError]);
-  useEffect$1(() => {
-    if (window.location.pathname.endsWith("/complete")) {
-      history.push(`/digit-ui/employee/noc/search/application-overview/${id}`);
-      console.log('useeffetc called complete');
-    }
-  }, [history, id]);
-  const geoLocations = useMemo(() => {
-    if (siteImages !== null && siteImages !== void 0 && siteImages.documents && (siteImages === null || siteImages === void 0 ? void 0 : siteImages.documents.length) > 0) {
-      var _siteImages$documents;
-      return siteImages === null || siteImages === void 0 ? void 0 : (_siteImages$documents = siteImages.documents) === null || _siteImages$documents === void 0 ? void 0 : _siteImages$documents.map(img => {
-        return {
-          latitude: (img === null || img === void 0 ? void 0 : img.latitude) || "",
-          longitude: (img === null || img === void 0 ? void 0 : img.longitude) || ""
-        };
-      });
-    }
-  }, [siteImages]);
-  const documentData = useMemo(() => {
-    var _siteImages$documents2;
-    return siteImages === null || siteImages === void 0 ? void 0 : (_siteImages$documents2 = siteImages.documents) === null || _siteImages$documents2 === void 0 ? void 0 : _siteImages$documents2.map((value, index) => ({
-      title: value === null || value === void 0 ? void 0 : value.documentType,
-      fileStoreId: value === null || value === void 0 ? void 0 : value.filestoreId,
-      latitude: value === null || value === void 0 ? void 0 : value.latitude,
-      longitude: value === null || value === void 0 ? void 0 : value.longitude
-    }));
-  }, [siteImages]);
-  const documentsColumnsSiteImage = [{
-    Header: t("BPA_SITES"),
-    accessor: "title",
-    Cell: ({
-      value
-    }) => t(value) || t("CS_NA")
+    title: t("REGISTRATION_FILED_DATE"),
+    value: Digit.DateUtils.ConvertTimestampToDate(appData === null || appData === void 0 ? void 0 : (_appData$auditDetails = appData.auditDetails) === null || _appData$auditDetails === void 0 ? void 0 : _appData$auditDetails.createdTime, "dd/MM/yyyy") || "NA"
+  }];
+  return {
+    title: t("CS_APPLICATION_DETAILS"),
+    values: values
+  };
+};
+const getProfessionalDetails = (appData, t) => {
+  var _appData$nocDetails, _appData$nocDetails$a, _appData$nocDetails$a2, _appData$nocDetails2, _appData$nocDetails2$, _appData$nocDetails2$2, _appData$nocDetails3, _appData$nocDetails3$, _appData$nocDetails3$2, _appData$nocDetails4, _appData$nocDetails4$, _appData$nocDetails4$2, _appData$nocDetails5, _appData$nocDetails5$, _appData$nocDetails5$2, _appData$nocDetails6, _appData$nocDetails6$, _appData$nocDetails6$2;
+  let values = [{
+    title: t("NOC_PROFESSIONAL_NAME_LABEL"),
+    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails = appData.nocDetails) === null || _appData$nocDetails === void 0 ? void 0 : (_appData$nocDetails$a = _appData$nocDetails.additionalDetails) === null || _appData$nocDetails$a === void 0 ? void 0 : (_appData$nocDetails$a2 = _appData$nocDetails$a.applicationDetails) === null || _appData$nocDetails$a2 === void 0 ? void 0 : _appData$nocDetails$a2.professionalName) || "N/A"
   }, {
-    Header: t(" "),
-    accessor: "fileStoreId",
-    Cell: ({
-      value
-    }) => {
-      return value ? /*#__PURE__*/React.createElement(LinkButton, {
-        style: {
-          float: "right",
-          display: "inline"
-        },
-        label: t("View"),
-        onClick: () => routeToImage(value)
-      }) : t("CS_NA");
-    }
+    title: t("NOC_PROFESSIONAL_EMAIL_LABEL"),
+    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails2 = appData.nocDetails) === null || _appData$nocDetails2 === void 0 ? void 0 : (_appData$nocDetails2$ = _appData$nocDetails2.additionalDetails) === null || _appData$nocDetails2$ === void 0 ? void 0 : (_appData$nocDetails2$2 = _appData$nocDetails2$.applicationDetails) === null || _appData$nocDetails2$2 === void 0 ? void 0 : _appData$nocDetails2$2.professionalEmailId) || "N/A"
+  }, {
+    title: t("NOC_PROFESSIONAL_REGISTRATION_ID_LABEL"),
+    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails3 = appData.nocDetails) === null || _appData$nocDetails3 === void 0 ? void 0 : (_appData$nocDetails3$ = _appData$nocDetails3.additionalDetails) === null || _appData$nocDetails3$ === void 0 ? void 0 : (_appData$nocDetails3$2 = _appData$nocDetails3$.applicationDetails) === null || _appData$nocDetails3$2 === void 0 ? void 0 : _appData$nocDetails3$2.professionalRegId) || "N/A"
+  }, {
+    title: t("NOC_PROFESSIONAL_REGISTRATION_ID_VALIDITY_LABEL"),
+    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails4 = appData.nocDetails) === null || _appData$nocDetails4 === void 0 ? void 0 : (_appData$nocDetails4$ = _appData$nocDetails4.additionalDetails) === null || _appData$nocDetails4$ === void 0 ? void 0 : (_appData$nocDetails4$2 = _appData$nocDetails4$.applicationDetails) === null || _appData$nocDetails4$2 === void 0 ? void 0 : _appData$nocDetails4$2.professionalRegIdValidity) || "N/A"
+  }, {
+    title: t("NOC_PROFESSIONAL_MOBILE_NO_LABEL"),
+    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails5 = appData.nocDetails) === null || _appData$nocDetails5 === void 0 ? void 0 : (_appData$nocDetails5$ = _appData$nocDetails5.additionalDetails) === null || _appData$nocDetails5$ === void 0 ? void 0 : (_appData$nocDetails5$2 = _appData$nocDetails5$.applicationDetails) === null || _appData$nocDetails5$2 === void 0 ? void 0 : _appData$nocDetails5$2.professionalMobileNumber) || "N/A"
+  }, {
+    title: t("NOC_PROFESSIONAL_ADDRESS_LABEL"),
+    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails6 = appData.nocDetails) === null || _appData$nocDetails6 === void 0 ? void 0 : (_appData$nocDetails6$ = _appData$nocDetails6.additionalDetails) === null || _appData$nocDetails6$ === void 0 ? void 0 : (_appData$nocDetails6$2 = _appData$nocDetails6$.applicationDetails) === null || _appData$nocDetails6$2 === void 0 ? void 0 : _appData$nocDetails6$2.professionalAddress) || "N/A"
   }];
-  if (workflowDetails !== null && workflowDetails !== void 0 && (_workflowDetails$data = workflowDetails.data) !== null && _workflowDetails$data !== void 0 && (_workflowDetails$data2 = _workflowDetails$data.actionState) !== null && _workflowDetails$data2 !== void 0 && _workflowDetails$data2.nextActions && !workflowDetails.isLoading) workflowDetails.data.actionState.nextActions = [...(workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data3 = workflowDetails.data) === null || _workflowDetails$data3 === void 0 ? void 0 : _workflowDetails$data3.nextActions)];
-  if (workflowDetails && workflowDetails.data && !workflowDetails.isLoading) {
-    var _workflowDetails$data4, _workflowDetails$data5;
-    workflowDetails.data.initialActionState = (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data4 = workflowDetails.data) === null || _workflowDetails$data4 === void 0 ? void 0 : _workflowDetails$data4.initialActionState) || {
-      ...(workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data5 = workflowDetails.data) === null || _workflowDetails$data5 === void 0 ? void 0 : _workflowDetails$data5.actionState)
-    } || {};
-    workflowDetails.data.actionState = {
-      ...workflowDetails.data
-    };
-  }
-  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));
+  return {
+    title: t("NOC_PROFESSIONAL_DETAILS"),
+    values: values
   };
-  useEffect$1(() => {
-    if (isLoading || !tenantId || !businessServiceCode) return;
-    (async () => {
-      try {
-        var _wf$BusinessServices, _wf$BusinessServices$;
-        setLoader(true);
-        const wf = await Digit.WorkflowService.init(tenantId, businessServiceCode);
-        console.log("wf=>", wf);
-        setLoader(false);
-        setWorkflowService(wf === null || wf === void 0 ? void 0 : (_wf$BusinessServices = wf.BusinessServices) === null || _wf$BusinessServices === void 0 ? void 0 : (_wf$BusinessServices$ = _wf$BusinessServices[0]) === null || _wf$BusinessServices$ === void 0 ? void 0 : _wf$BusinessServices$.states);
-      } catch (e) {
-        console.error("Error Occurred", e);
-      } finally {
-        setLoader(false);
-      }
-    })();
-  }, [tenantId, businessServiceCode, isLoading]);
-  useEffect$1(() => {
-    if (workflowDetails && workflowDetails.data && !workflowDetails.isLoading) {
-      var _workflowDetails$data6, _workflowDetails$data7, _workflowDetails$data8;
-      const commentsobj = workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data6 = workflowDetails.data) === null || _workflowDetails$data6 === void 0 ? void 0 : (_workflowDetails$data7 = _workflowDetails$data6.timeline) === null || _workflowDetails$data7 === void 0 ? void 0 : (_workflowDetails$data8 = _workflowDetails$data7.filter(item => (item === null || item === void 0 ? void 0 : item.performedAction) === "APPROVE")) === null || _workflowDetails$data8 === void 0 ? void 0 : _workflowDetails$data8.flatMap(item => (item === null || item === void 0 ? void 0 : item.wfComment) || []);
-      const approvercomments = commentsobj === null || commentsobj === void 0 ? void 0 : commentsobj[0];
-      let conditionText = "";
-      if (approvercomments !== null && approvercomments !== void 0 && approvercomments.includes("[#?..**]")) {
-        conditionText = approvercomments.split("[#?..**]")[1] || "";
-      }
-      const finalComment = conditionText ? `The above approval is subjected to the following conditions:\n${conditionText}` : "";
-      setApproverComment(finalComment);
-    }
-  }, [workflowDetails]);
-  async function openSanctionLetterPopup({
-    tenantId,
-    EmpData
-  }) {
-    try {
-      setLoader(true);
-      const fileStoreId = await getSanctionLetterReceipt({
-        tenantId,
-        payments: reciept_data === null || reciept_data === void 0 ? void 0 : reciept_data.Payments[0],
-        EmpData
-      });
-      if (!fileStoreId) throw new Error("No filestoreId found for sanction letter");
-      const fileStore = await Digit.PaymentService.printReciept(tenantId, {
-        fileStoreIds: fileStoreId
-      });
-      window.open(fileStore[fileStoreId], "_blank");
-    } catch (error) {
-      console.error("Sanction Letter popup error:", error);
-    } finally {
-      setLoader(false);
-    }
-  }
-  async function getSanctionLetterReceipt({
-    tenantId,
-    payments,
-    EmpData,
-    pdfkey = "noc-sanctionletter",
-    ...params
-  }) {
-    try {
-      var _applicationDetails$N15, _application$nocDetai, _application$nocDetai2;
-      setLoader(true);
-      let application = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N15 = applicationDetails.Noc) === null || _applicationDetails$N15 === void 0 ? void 0 : _applicationDetails$N15[0];
-      let fileStoreId = application === null || application === void 0 ? void 0 : (_application$nocDetai = application.nocDetails) === null || _application$nocDetai === void 0 ? void 0 : (_application$nocDetai2 = _application$nocDetai.additionalDetails) === null || _application$nocDetai2 === void 0 ? void 0 : _application$nocDetai2.sanctionLetterFilestoreId;
-      if (!fileStoreId) {
-        const nocSanctionData = await getNOCSanctionLetter(application, t, EmpData, approverComment);
-        const response = await Digit.PaymentService.generatePdf(tenantId, {
-          Payments: [{
-            ...payments,
-            Noc: nocSanctionData === null || nocSanctionData === void 0 ? void 0 : nocSanctionData.Noc
-          }]
-        }, pdfkey);
-        fileStoreId = response === null || response === void 0 ? void 0 : response.filestoreIds[0];
-      }
-      return fileStoreId;
-    } catch (error) {
-      console.error("Sanction Letter download error:", error);
-    } finally {
-      setLoader(false);
-    }
-  }
-  const printCertificateWithESign = async () => {
-    try {
-      var _reciept_data$Payment, _applicationDetails$N16;
-      console.log("🎯 Starting certificate eSign process...");
-      const fileStoreId = await getSanctionLetterReceipt({
-        tenantId: reciept_data === null || reciept_data === void 0 ? void 0 : (_reciept_data$Payment = reciept_data.Payments[0]) === null || _reciept_data$Payment === void 0 ? void 0 : _reciept_data$Payment.tenantId,
-        payments: reciept_data === null || reciept_data === void 0 ? void 0 : reciept_data.Payments[0],
-        EmpData
-      });
-      const application = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N16 = applicationDetails.Noc) === null || _applicationDetails$N16 === void 0 ? void 0 : _applicationDetails$N16[0];
-      const callbackUrl = `${window.location.origin}/digit-ui/employee/noc/esign/complete/${id}`;
-      eSignCertificate({
-        fileStoreId,
-        tenantId,
-        callbackUrl
+};
+const getApplicantDetails = (appData, t) => {
+  var _appData$nocDetails7, _appData$nocDetails7$, _appData$nocDetails7$2;
+  const owners = (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails7 = appData.nocDetails) === null || _appData$nocDetails7 === void 0 ? void 0 : (_appData$nocDetails7$ = _appData$nocDetails7.additionalDetails) === null || _appData$nocDetails7$ === void 0 ? void 0 : (_appData$nocDetails7$2 = _appData$nocDetails7$.applicationDetails) === null || _appData$nocDetails7$2 === void 0 ? void 0 : _appData$nocDetails7$2.owners) ?? [];
+  const ownerDetailsArray = owners.map((owner, index) => {
+    var _owner$ownerType, _owner$ownerType2, _owner$gender;
+    return {
+      title: index === 0 ? "Primary Owner" : `Owner ${index + 1} Details`,
+      values: [(owner === null || owner === void 0 ? void 0 : (_owner$ownerType = owner.ownerType) === null || _owner$ownerType === void 0 ? void 0 : _owner$ownerType.code) && {
+        title: t("NOC_OWNER_TYPE_LABEL"),
+        value: owner === null || owner === void 0 ? void 0 : (_owner$ownerType2 = owner.ownerType) === null || _owner$ownerType2 === void 0 ? void 0 : _owner$ownerType2.code
       }, {
-        onSuccess: () => console.log("✅ eSign initiated successfully"),
-        onError: error => {
-          console.error("❌ eSign failed:", error);
+        title: t("NOC_FIRM_OWNER_NAME_LABEL"),
+        value: (owner === null || owner === void 0 ? void 0 : owner.ownerOrFirmName) || "NA"
+      }, {
+        title: t("NOC_APPLICANT_EMAIL_LABEL"),
+        value: (owner === null || owner === void 0 ? void 0 : owner.emailId) || "NA"
+      }, {
+        title: t("NOC_APPLICANT_FATHER_HUSBAND_NAME_LABEL"),
+        value: (owner === null || owner === void 0 ? void 0 : owner.fatherOrHusbandName) || "NA"
+      }, {
+        title: t("NOC_APPLICANT_MOBILE_NO_LABEL"),
+        value: (owner === null || owner === void 0 ? void 0 : owner.mobileNumber) || "NA"
+      }, {
+        title: t("NOC_APPLICANT_DOB_LABEL"),
+        value: owner !== null && owner !== void 0 && owner.dateOfBirth ? new Date(owner.dateOfBirth).toLocaleDateString("en-GB") : "NA"
+      }, {
+        title: t("NOC_APPLICANT_GENDER_LABEL"),
+        value: (owner === null || owner === void 0 ? void 0 : (_owner$gender = owner.gender) === null || _owner$gender === void 0 ? void 0 : _owner$gender.code) || "NA"
+      }, {
+        title: t("NOC_APPLICANT_ADDRESS_LABEL"),
+        value: (owner === null || owner === void 0 ? void 0 : owner.address) || "NA"
+      }, (owner === null || owner === void 0 ? void 0 : owner.propertyId) && {
+        title: t("NOC_APPLICANT_PROPERTY_ID_LABEL"),
+        value: owner.propertyId
+      }].filter(Boolean)
+    };
+  });
+  return ownerDetailsArray;
+};
+const getSiteDetails = (appData, t) => {
+  var _appData$nocDetails8, _appData$nocDetails8$, _appData$nocDetails8$2, _appData$nocDetails9, _appData$nocDetails9$, _appData$nocDetails9$2, _appData$nocDetails0, _appData$nocDetails0$, _appData$nocDetails0$2, _appData$nocDetails0$3, _appData$nocDetails1, _appData$nocDetails1$, _appData$nocDetails1$2, _appData$nocDetails10, _appData$nocDetails11, _appData$nocDetails12, _appData$nocDetails13, _appData$nocDetails14, _appData$nocDetails15, _appData$nocDetails16, _appData$nocDetails17, _appData$nocDetails18, _appData$nocDetails19, _appData$nocDetails20, _appData$nocDetails21, _appData$nocDetails22, _appData$nocDetails23, _appData$nocDetails24, _appData$nocDetails25, _appData$nocDetails26, _appData$nocDetails27, _appData$nocDetails28, _appData$nocDetails29, _appData$nocDetails30, _appData$nocDetails31, _appData$nocDetails32, _appData$nocDetails33, _appData$nocDetails34, _appData$nocDetails35, _appData$nocDetails36, _appData$nocDetails37, _appData$nocDetails38, _appData$nocDetails39, _appData$nocDetails40, _appData$nocDetails41, _appData$nocDetails42, _appData$nocDetails43, _appData$nocDetails44, _appData$nocDetails45, _appData$nocDetails46, _appData$nocDetails47, _appData$nocDetails48, _appData$nocDetails49, _appData$nocDetails50, _appData$nocDetails51, _appData$nocDetails52, _appData$nocDetails53, _appData$nocDetails54, _appData$nocDetails55, _appData$nocDetails56, _appData$nocDetails57, _appData$nocDetails58, _appData$nocDetails59, _appData$nocDetails60, _appData$nocDetails61, _appData$nocDetails62, _appData$nocDetails63, _appData$nocDetails64, _appData$nocDetails65, _appData$nocDetails66, _appData$nocDetails67, _appData$nocDetails68, _appData$nocDetails69, _appData$nocDetails70, _appData$nocDetails71, _appData$nocDetails72, _appData$nocDetails73, _appData$nocDetails74, _appData$nocDetails75, _appData$nocDetails76, _appData$nocDetails77, _appData$nocDetails78, _appData$nocDetails79, _appData$nocDetails87, _appData$nocDetails88, _appData$nocDetails89, _appData$nocDetails93, _appData$nocDetails94, _appData$nocDetails95, _appData$nocDetails100, _appData$nocDetails101, _appData$nocDetails102;
+  let values = [{
+    title: t("NOC_PLOT_NO_LABEL"),
+    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails8 = appData.nocDetails) === null || _appData$nocDetails8 === void 0 ? void 0 : (_appData$nocDetails8$ = _appData$nocDetails8.additionalDetails) === null || _appData$nocDetails8$ === void 0 ? void 0 : (_appData$nocDetails8$2 = _appData$nocDetails8$.siteDetails) === null || _appData$nocDetails8$2 === void 0 ? void 0 : _appData$nocDetails8$2.plotNo) || "N/A"
+  }, {
+    title: t("NOC_PROPOSED_SITE_ADDRESS"),
+    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails9 = appData.nocDetails) === null || _appData$nocDetails9 === void 0 ? void 0 : (_appData$nocDetails9$ = _appData$nocDetails9.additionalDetails) === null || _appData$nocDetails9$ === void 0 ? void 0 : (_appData$nocDetails9$2 = _appData$nocDetails9$.siteDetails) === null || _appData$nocDetails9$2 === void 0 ? void 0 : _appData$nocDetails9$2.proposedSiteAddress) || "N/A"
+  }, {
+    title: t("NOC_ULB_NAME_LABEL"),
+    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails0 = appData.nocDetails) === null || _appData$nocDetails0 === void 0 ? void 0 : (_appData$nocDetails0$ = _appData$nocDetails0.additionalDetails) === null || _appData$nocDetails0$ === void 0 ? void 0 : (_appData$nocDetails0$2 = _appData$nocDetails0$.siteDetails) === null || _appData$nocDetails0$2 === void 0 ? void 0 : (_appData$nocDetails0$3 = _appData$nocDetails0$2.ulbName) === null || _appData$nocDetails0$3 === void 0 ? void 0 : _appData$nocDetails0$3.name) || (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails1 = appData.nocDetails) === null || _appData$nocDetails1 === void 0 ? void 0 : (_appData$nocDetails1$ = _appData$nocDetails1.additionalDetails) === null || _appData$nocDetails1$ === void 0 ? void 0 : (_appData$nocDetails1$2 = _appData$nocDetails1$.siteDetails) === null || _appData$nocDetails1$2 === void 0 ? void 0 : _appData$nocDetails1$2.ulbName) || "N/A"
+  }, {
+    title: t("NOC_ULB_TYPE_LABEL"),
+    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails10 = appData.nocDetails) === null || _appData$nocDetails10 === void 0 ? void 0 : (_appData$nocDetails11 = _appData$nocDetails10.additionalDetails) === null || _appData$nocDetails11 === void 0 ? void 0 : (_appData$nocDetails12 = _appData$nocDetails11.siteDetails) === null || _appData$nocDetails12 === void 0 ? void 0 : _appData$nocDetails12.ulbType) || "N/A"
+  }, {
+    title: t("NOC_KHASRA_NO_LABEL"),
+    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails13 = appData.nocDetails) === null || _appData$nocDetails13 === void 0 ? void 0 : (_appData$nocDetails14 = _appData$nocDetails13.additionalDetails) === null || _appData$nocDetails14 === void 0 ? void 0 : (_appData$nocDetails15 = _appData$nocDetails14.siteDetails) === null || _appData$nocDetails15 === void 0 ? void 0 : _appData$nocDetails15.khasraNo) || "N/A"
+  }, {
+    title: t("NOC_HADBAST_NO_LABEL"),
+    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails16 = appData.nocDetails) === null || _appData$nocDetails16 === void 0 ? void 0 : (_appData$nocDetails17 = _appData$nocDetails16.additionalDetails) === null || _appData$nocDetails17 === void 0 ? void 0 : (_appData$nocDetails18 = _appData$nocDetails17.siteDetails) === null || _appData$nocDetails18 === void 0 ? void 0 : _appData$nocDetails18.hadbastNo) || "N/A"
+  }, {
+    title: t("NOC_ROAD_TYPE_LABEL"),
+    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails19 = appData.nocDetails) === null || _appData$nocDetails19 === void 0 ? void 0 : (_appData$nocDetails20 = _appData$nocDetails19.additionalDetails) === null || _appData$nocDetails20 === void 0 ? void 0 : (_appData$nocDetails21 = _appData$nocDetails20.siteDetails) === null || _appData$nocDetails21 === void 0 ? void 0 : (_appData$nocDetails22 = _appData$nocDetails21.roadType) === null || _appData$nocDetails22 === void 0 ? void 0 : _appData$nocDetails22.name) || (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails23 = appData.nocDetails) === null || _appData$nocDetails23 === void 0 ? void 0 : (_appData$nocDetails24 = _appData$nocDetails23.additionalDetails) === null || _appData$nocDetails24 === void 0 ? void 0 : (_appData$nocDetails25 = _appData$nocDetails24.siteDetails) === null || _appData$nocDetails25 === void 0 ? void 0 : _appData$nocDetails25.roadType) || "N/A"
+  }, {
+    title: t("NOC_AREA_LEFT_FOR_ROAD_WIDENING_LABEL"),
+    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails26 = appData.nocDetails) === null || _appData$nocDetails26 === void 0 ? void 0 : (_appData$nocDetails27 = _appData$nocDetails26.additionalDetails) === null || _appData$nocDetails27 === void 0 ? void 0 : (_appData$nocDetails28 = _appData$nocDetails27.siteDetails) === null || _appData$nocDetails28 === void 0 ? void 0 : _appData$nocDetails28.areaLeftForRoadWidening) || "N/A"
+  }, {
+    title: t("NOC_NET_PLOT_AREA_AFTER_WIDENING_LABEL"),
+    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails29 = appData.nocDetails) === null || _appData$nocDetails29 === void 0 ? void 0 : (_appData$nocDetails30 = _appData$nocDetails29.additionalDetails) === null || _appData$nocDetails30 === void 0 ? void 0 : (_appData$nocDetails31 = _appData$nocDetails30.siteDetails) === null || _appData$nocDetails31 === void 0 ? void 0 : _appData$nocDetails31.netPlotAreaAfterWidening) || "N/A"
+  }, {
+    title: t("NOC_NET_TOTAL_AREA_LABEL"),
+    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails32 = appData.nocDetails) === null || _appData$nocDetails32 === void 0 ? void 0 : (_appData$nocDetails33 = _appData$nocDetails32.additionalDetails) === null || _appData$nocDetails33 === void 0 ? void 0 : (_appData$nocDetails34 = _appData$nocDetails33.siteDetails) === null || _appData$nocDetails34 === void 0 ? void 0 : _appData$nocDetails34.netTotalArea) || "N/A"
+  }, {
+    title: t("NOC_ROAD_WIDTH_AT_SITE_LABEL"),
+    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails35 = appData.nocDetails) === null || _appData$nocDetails35 === void 0 ? void 0 : (_appData$nocDetails36 = _appData$nocDetails35.additionalDetails) === null || _appData$nocDetails36 === void 0 ? void 0 : (_appData$nocDetails37 = _appData$nocDetails36.siteDetails) === null || _appData$nocDetails37 === void 0 ? void 0 : _appData$nocDetails37.roadWidthAtSite) || "N/A"
+  }, {
+    title: t("NOC_DISTRICT_LABEL"),
+    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails38 = appData.nocDetails) === null || _appData$nocDetails38 === void 0 ? void 0 : (_appData$nocDetails39 = _appData$nocDetails38.additionalDetails) === null || _appData$nocDetails39 === void 0 ? void 0 : (_appData$nocDetails40 = _appData$nocDetails39.siteDetails) === null || _appData$nocDetails40 === void 0 ? void 0 : (_appData$nocDetails41 = _appData$nocDetails40.district) === null || _appData$nocDetails41 === void 0 ? void 0 : _appData$nocDetails41.name) || (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails42 = appData.nocDetails) === null || _appData$nocDetails42 === void 0 ? void 0 : (_appData$nocDetails43 = _appData$nocDetails42.additionalDetails) === null || _appData$nocDetails43 === void 0 ? void 0 : (_appData$nocDetails44 = _appData$nocDetails43.siteDetails) === null || _appData$nocDetails44 === void 0 ? void 0 : _appData$nocDetails44.district) || "N/A"
+  }, {
+    title: t("NOC_ZONE_LABEL"),
+    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails45 = appData.nocDetails) === null || _appData$nocDetails45 === void 0 ? void 0 : (_appData$nocDetails46 = _appData$nocDetails45.additionalDetails) === null || _appData$nocDetails46 === void 0 ? void 0 : (_appData$nocDetails47 = _appData$nocDetails46.siteDetails) === null || _appData$nocDetails47 === void 0 ? void 0 : (_appData$nocDetails48 = _appData$nocDetails47.zone) === null || _appData$nocDetails48 === void 0 ? void 0 : _appData$nocDetails48.name) || (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails49 = appData.nocDetails) === null || _appData$nocDetails49 === void 0 ? void 0 : (_appData$nocDetails50 = _appData$nocDetails49.additionalDetails) === null || _appData$nocDetails50 === void 0 ? void 0 : (_appData$nocDetails51 = _appData$nocDetails50.siteDetails) === null || _appData$nocDetails51 === void 0 ? void 0 : _appData$nocDetails51.zone) || "N/A"
+  }, {
+    title: t("NOC_SITE_WARD_NO_LABEL"),
+    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails52 = appData.nocDetails) === null || _appData$nocDetails52 === void 0 ? void 0 : (_appData$nocDetails53 = _appData$nocDetails52.additionalDetails) === null || _appData$nocDetails53 === void 0 ? void 0 : (_appData$nocDetails54 = _appData$nocDetails53.siteDetails) === null || _appData$nocDetails54 === void 0 ? void 0 : _appData$nocDetails54.wardNo) || "N/A"
+  }, {
+    title: t("NOC_SITE_VILLAGE_NAME_LABEL"),
+    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails55 = appData.nocDetails) === null || _appData$nocDetails55 === void 0 ? void 0 : (_appData$nocDetails56 = _appData$nocDetails55.additionalDetails) === null || _appData$nocDetails56 === void 0 ? void 0 : (_appData$nocDetails57 = _appData$nocDetails56.siteDetails) === null || _appData$nocDetails57 === void 0 ? void 0 : _appData$nocDetails57.villageName) || "N/A"
+  }, {
+    title: t("NOC_SITE_COLONY_NAME_LABEL"),
+    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails58 = appData.nocDetails) === null || _appData$nocDetails58 === void 0 ? void 0 : (_appData$nocDetails59 = _appData$nocDetails58.additionalDetails) === null || _appData$nocDetails59 === void 0 ? void 0 : (_appData$nocDetails60 = _appData$nocDetails59.siteDetails) === null || _appData$nocDetails60 === void 0 ? void 0 : _appData$nocDetails60.colonyName) || "N/A"
+  }, {
+    title: t("NOC_SITE_VASIKA_NO_LABEL"),
+    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails61 = appData.nocDetails) === null || _appData$nocDetails61 === void 0 ? void 0 : (_appData$nocDetails62 = _appData$nocDetails61.additionalDetails) === null || _appData$nocDetails62 === void 0 ? void 0 : (_appData$nocDetails63 = _appData$nocDetails62.siteDetails) === null || _appData$nocDetails63 === void 0 ? void 0 : _appData$nocDetails63.vasikaNumber) || "N/A"
+  }, {
+    title: t("NOC_VASIKA_DATE"),
+    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails64 = appData.nocDetails) === null || _appData$nocDetails64 === void 0 ? void 0 : (_appData$nocDetails65 = _appData$nocDetails64.additionalDetails) === null || _appData$nocDetails65 === void 0 ? void 0 : (_appData$nocDetails66 = _appData$nocDetails65.siteDetails) === null || _appData$nocDetails66 === void 0 ? void 0 : _appData$nocDetails66.vasikaDate) || "N/A"
+  }, {
+    title: t("NOC_SITE_KHEWAT_AND_KHATUNI_NO_LABEL"),
+    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails67 = appData.nocDetails) === null || _appData$nocDetails67 === void 0 ? void 0 : (_appData$nocDetails68 = _appData$nocDetails67.additionalDetails) === null || _appData$nocDetails68 === void 0 ? void 0 : (_appData$nocDetails69 = _appData$nocDetails68.siteDetails) === null || _appData$nocDetails69 === void 0 ? void 0 : _appData$nocDetails69.khewatAndKhatuniNo) || "N/A"
+  }, {
+    title: t("NOC_BUILDING_STATUS_LABEL"),
+    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails70 = appData.nocDetails) === null || _appData$nocDetails70 === void 0 ? void 0 : (_appData$nocDetails71 = _appData$nocDetails70.additionalDetails) === null || _appData$nocDetails71 === void 0 ? void 0 : (_appData$nocDetails72 = _appData$nocDetails71.siteDetails) === null || _appData$nocDetails72 === void 0 ? void 0 : (_appData$nocDetails73 = _appData$nocDetails72.buildingStatus) === null || _appData$nocDetails73 === void 0 ? void 0 : _appData$nocDetails73.name) || (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails74 = appData.nocDetails) === null || _appData$nocDetails74 === void 0 ? void 0 : (_appData$nocDetails75 = _appData$nocDetails74.additionalDetails) === null || _appData$nocDetails75 === void 0 ? void 0 : (_appData$nocDetails76 = _appData$nocDetails75.siteDetails) === null || _appData$nocDetails76 === void 0 ? void 0 : _appData$nocDetails76.buildingStatus) || "N/A"
+  }];
+  if (appData !== null && appData !== void 0 && (_appData$nocDetails77 = appData.nocDetails) !== null && _appData$nocDetails77 !== void 0 && (_appData$nocDetails78 = _appData$nocDetails77.additionalDetails) !== null && _appData$nocDetails78 !== void 0 && (_appData$nocDetails79 = _appData$nocDetails78.siteDetails) !== null && _appData$nocDetails79 !== void 0 && _appData$nocDetails79.isBasementAreaAvailable) {
+    var _appData$nocDetails80, _appData$nocDetails81, _appData$nocDetails82, _appData$nocDetails83, _appData$nocDetails84, _appData$nocDetails85, _appData$nocDetails86;
+    values.push({
+      title: t("NOC_IS_BASEMENT_AREA_PRESENT_LABEL"),
+      value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails80 = appData.nocDetails) === null || _appData$nocDetails80 === void 0 ? void 0 : (_appData$nocDetails81 = _appData$nocDetails80.additionalDetails) === null || _appData$nocDetails81 === void 0 ? void 0 : (_appData$nocDetails82 = _appData$nocDetails81.siteDetails) === null || _appData$nocDetails82 === void 0 ? void 0 : (_appData$nocDetails83 = _appData$nocDetails82.isBasementAreaAvailable) === null || _appData$nocDetails83 === void 0 ? void 0 : _appData$nocDetails83.code) || (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails84 = appData.nocDetails) === null || _appData$nocDetails84 === void 0 ? void 0 : (_appData$nocDetails85 = _appData$nocDetails84.additionalDetails) === null || _appData$nocDetails85 === void 0 ? void 0 : (_appData$nocDetails86 = _appData$nocDetails85.siteDetails) === null || _appData$nocDetails86 === void 0 ? void 0 : _appData$nocDetails86.isBasementAreaAvailable) || "N/A"
+    });
+  }
+  if (appData !== null && appData !== void 0 && (_appData$nocDetails87 = appData.nocDetails) !== null && _appData$nocDetails87 !== void 0 && (_appData$nocDetails88 = _appData$nocDetails87.additionalDetails) !== null && _appData$nocDetails88 !== void 0 && (_appData$nocDetails89 = _appData$nocDetails88.siteDetails) !== null && _appData$nocDetails89 !== void 0 && _appData$nocDetails89.basementArea) {
+    var _appData$nocDetails90, _appData$nocDetails91, _appData$nocDetails92;
+    values.push({
+      title: t("NOC_BASEMENT_AREA_LABEL"),
+      value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails90 = appData.nocDetails) === null || _appData$nocDetails90 === void 0 ? void 0 : (_appData$nocDetails91 = _appData$nocDetails90.additionalDetails) === null || _appData$nocDetails91 === void 0 ? void 0 : (_appData$nocDetails92 = _appData$nocDetails91.siteDetails) === null || _appData$nocDetails92 === void 0 ? void 0 : _appData$nocDetails92.basementArea) || "N/A"
+    });
+  }
+  if ((appData === null || appData === void 0 ? void 0 : (_appData$nocDetails93 = appData.nocDetails) === null || _appData$nocDetails93 === void 0 ? void 0 : (_appData$nocDetails94 = _appData$nocDetails93.additionalDetails) === null || _appData$nocDetails94 === void 0 ? void 0 : (_appData$nocDetails95 = _appData$nocDetails94.siteDetails) === null || _appData$nocDetails95 === void 0 ? void 0 : _appData$nocDetails95.buildingStatus) == "Built UP") {
+    var _appData$nocDetails96, _appData$nocDetails97, _appData$nocDetails98, _appData$nocDetails99;
+    appData === null || appData === void 0 ? void 0 : (_appData$nocDetails96 = appData.nocDetails) === null || _appData$nocDetails96 === void 0 ? void 0 : (_appData$nocDetails97 = _appData$nocDetails96.additionalDetails) === null || _appData$nocDetails97 === void 0 ? void 0 : (_appData$nocDetails98 = _appData$nocDetails97.siteDetails) === null || _appData$nocDetails98 === void 0 ? void 0 : (_appData$nocDetails99 = _appData$nocDetails98.floorArea) === null || _appData$nocDetails99 === void 0 ? void 0 : _appData$nocDetails99.map((floor, index) => values.push({
+      title: getFloorLabel(index, t),
+      value: floor === null || floor === void 0 ? void 0 : floor.value
+    }));
+  }
+  if ((appData === null || appData === void 0 ? void 0 : (_appData$nocDetails100 = appData.nocDetails) === null || _appData$nocDetails100 === void 0 ? void 0 : (_appData$nocDetails101 = _appData$nocDetails100.additionalDetails) === null || _appData$nocDetails101 === void 0 ? void 0 : (_appData$nocDetails102 = _appData$nocDetails101.siteDetails) === null || _appData$nocDetails102 === void 0 ? void 0 : _appData$nocDetails102.buildingStatus) == "Built Up") {
+    var _appData$nocDetails103, _appData$nocDetails104, _appData$nocDetails105;
+    values.push({
+      title: t("NOC_TOTAL_FLOOR_BUILT_UP_AREA_LABEL"),
+      value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails103 = appData.nocDetails) === null || _appData$nocDetails103 === void 0 ? void 0 : (_appData$nocDetails104 = _appData$nocDetails103.additionalDetails) === null || _appData$nocDetails104 === void 0 ? void 0 : (_appData$nocDetails105 = _appData$nocDetails104.siteDetails) === null || _appData$nocDetails105 === void 0 ? void 0 : _appData$nocDetails105.totalFloorArea) || "N/A"
+    });
+  }
+  return {
+    title: t("NOC_SITE_DETAILS"),
+    values: values
+  };
+};
+const getSpecificationDetails = (appData, t) => {
+  var _appData$nocDetails106, _appData$nocDetails107, _appData$nocDetails108, _appData$nocDetails109, _appData$nocDetails110, _appData$nocDetails111, _appData$nocDetails112, _appData$nocDetails113, _appData$nocDetails114, _appData$nocDetails115, _appData$nocDetails116, _appData$nocDetails117, _appData$nocDetails118, _appData$nocDetails119, _appData$nocDetails120, _appData$nocDetails121, _appData$nocDetails122, _appData$nocDetails123, _appData$nocDetails124, _appData$nocDetails125, _appData$nocDetails126, _appData$nocDetails127, _appData$nocDetails128, _appData$nocDetails129, _appData$nocDetails130, _appData$nocDetails131, _appData$nocDetails132, _appData$nocDetails133, _appData$nocDetails134, _appData$nocDetails135, _appData$nocDetails136;
+  let values = [{
+    title: t("NOC_PLOT_AREA_JAMA_BANDI_LABEL"),
+    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails106 = appData.nocDetails) === null || _appData$nocDetails106 === void 0 ? void 0 : (_appData$nocDetails107 = _appData$nocDetails106.additionalDetails) === null || _appData$nocDetails107 === void 0 ? void 0 : (_appData$nocDetails108 = _appData$nocDetails107.siteDetails) === null || _appData$nocDetails108 === void 0 ? void 0 : _appData$nocDetails108.specificationPlotArea) || "N/A"
+  }, {
+    title: t("NOC_BUILDING_CATEGORY_LABEL"),
+    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails109 = appData.nocDetails) === null || _appData$nocDetails109 === void 0 ? void 0 : (_appData$nocDetails110 = _appData$nocDetails109.additionalDetails) === null || _appData$nocDetails110 === void 0 ? void 0 : (_appData$nocDetails111 = _appData$nocDetails110.siteDetails) === null || _appData$nocDetails111 === void 0 ? void 0 : (_appData$nocDetails112 = _appData$nocDetails111.specificationBuildingCategory) === null || _appData$nocDetails112 === void 0 ? void 0 : _appData$nocDetails112.name) || (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails113 = appData.nocDetails) === null || _appData$nocDetails113 === void 0 ? void 0 : (_appData$nocDetails114 = _appData$nocDetails113.additionalDetails) === null || _appData$nocDetails114 === void 0 ? void 0 : (_appData$nocDetails115 = _appData$nocDetails114.siteDetails) === null || _appData$nocDetails115 === void 0 ? void 0 : _appData$nocDetails115.specificationBuildingCategory) || "N/A"
+  }, {
+    title: t("NOC_NOC_TYPE_LABEL"),
+    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails116 = appData.nocDetails) === null || _appData$nocDetails116 === void 0 ? void 0 : (_appData$nocDetails117 = _appData$nocDetails116.additionalDetails) === null || _appData$nocDetails117 === void 0 ? void 0 : (_appData$nocDetails118 = _appData$nocDetails117.siteDetails) === null || _appData$nocDetails118 === void 0 ? void 0 : (_appData$nocDetails119 = _appData$nocDetails118.specificationNocType) === null || _appData$nocDetails119 === void 0 ? void 0 : _appData$nocDetails119.name) || (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails120 = appData.nocDetails) === null || _appData$nocDetails120 === void 0 ? void 0 : (_appData$nocDetails121 = _appData$nocDetails120.additionalDetails) === null || _appData$nocDetails121 === void 0 ? void 0 : (_appData$nocDetails122 = _appData$nocDetails121.siteDetails) === null || _appData$nocDetails122 === void 0 ? void 0 : _appData$nocDetails122.specificationNocType) || "N/A"
+  }, {
+    title: t("NOC_RESTRICTED_AREA_LABEL"),
+    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails123 = appData.nocDetails) === null || _appData$nocDetails123 === void 0 ? void 0 : (_appData$nocDetails124 = _appData$nocDetails123.additionalDetails) === null || _appData$nocDetails124 === void 0 ? void 0 : (_appData$nocDetails125 = _appData$nocDetails124.siteDetails) === null || _appData$nocDetails125 === void 0 ? void 0 : (_appData$nocDetails126 = _appData$nocDetails125.specificationRestrictedArea) === null || _appData$nocDetails126 === void 0 ? void 0 : _appData$nocDetails126.code) || (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails127 = appData.nocDetails) === null || _appData$nocDetails127 === void 0 ? void 0 : (_appData$nocDetails128 = _appData$nocDetails127.additionalDetails) === null || _appData$nocDetails128 === void 0 ? void 0 : (_appData$nocDetails129 = _appData$nocDetails128.siteDetails) === null || _appData$nocDetails129 === void 0 ? void 0 : _appData$nocDetails129.specificationRestrictedArea) || "N/A"
+  }, {
+    title: t("NOC_IS_SITE_UNDER_MASTER_PLAN_LABEL"),
+    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails130 = appData.nocDetails) === null || _appData$nocDetails130 === void 0 ? void 0 : (_appData$nocDetails131 = _appData$nocDetails130.additionalDetails) === null || _appData$nocDetails131 === void 0 ? void 0 : (_appData$nocDetails132 = _appData$nocDetails131.siteDetails) === null || _appData$nocDetails132 === void 0 ? void 0 : (_appData$nocDetails133 = _appData$nocDetails132.specificationIsSiteUnderMasterPlan) === null || _appData$nocDetails133 === void 0 ? void 0 : _appData$nocDetails133.code) || (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails134 = appData.nocDetails) === null || _appData$nocDetails134 === void 0 ? void 0 : (_appData$nocDetails135 = _appData$nocDetails134.additionalDetails) === null || _appData$nocDetails135 === void 0 ? void 0 : (_appData$nocDetails136 = _appData$nocDetails135.siteDetails) === null || _appData$nocDetails136 === void 0 ? void 0 : _appData$nocDetails136.specificationIsSiteUnderMasterPlan) || "N/A"
+  }];
+  return {
+    title: t("NOC_SPECIFICATION_DETAILS"),
+    values: values
+  };
+};
+const getInspectionDetails = (appData, t) => {
+  var _appData$nocDetails137, _appData$nocDetails138, _appData$nocDetails139;
+  const inspectionData = (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails137 = appData.nocDetails) === null || _appData$nocDetails137 === void 0 ? void 0 : (_appData$nocDetails138 = _appData$nocDetails137.additionalDetails) === null || _appData$nocDetails138 === void 0 ? void 0 : (_appData$nocDetails139 = _appData$nocDetails138.fieldinspection_pending) === null || _appData$nocDetails139 === void 0 ? void 0 : _appData$nocDetails139[0]) || {};
+  const remarksKeys = Object.keys(inspectionData).filter(key => key.startsWith("Remarks_"));
+  const remarksValues = remarksKeys.map((key, index) => {
+    var _inspectionData$quest, _inspectionData$quest2;
+    const question = (inspectionData === null || inspectionData === void 0 ? void 0 : (_inspectionData$quest = inspectionData.questionList) === null || _inspectionData$quest === void 0 ? void 0 : (_inspectionData$quest2 = _inspectionData$quest[index]) === null || _inspectionData$quest2 === void 0 ? void 0 : _inspectionData$quest2.question) || key;
+    return {
+      title: `${index + 1} ${t(question)}`,
+      value: inspectionData[key] || "N/A"
+    };
+  });
+  return {
+    title: t("BPA_FI_REPORT"),
+    values: remarksValues.length > 0 ? remarksValues : [{
+      title: t("No Remarks"),
+      value: "NA"
+    }]
+  };
+};
+async function getExifDataFromUrl(fileUrl) {
+  return new Promise((resolve, reject) => {
+    const img = new Image();
+    img.onload = function () {
+      EXIF.getData(img, function () {
+        resolve(EXIF.getAllTags(this));
+      });
+    };
+    img.onerror = err => reject(err);
+    img.src = fileUrl;
+  });
+}
+const getDocuments$1 = async (appData, t) => {
+  var _appData$documents;
+  const filteredDocs = appData === null || appData === void 0 ? void 0 : (_appData$documents = appData.documents) === null || _appData$documents === void 0 ? void 0 : _appData$documents.filter(doc => (doc === null || doc === void 0 ? void 0 : doc.documentType) !== "OWNER.SITEPHOTOGRAPHONE" && (doc === null || doc === void 0 ? void 0 : doc.documentType) !== "OWNER.SITEPHOTOGRAPHTWO");
+  const filesArray = filteredDocs === null || filteredDocs === void 0 ? void 0 : filteredDocs.map(value => value === null || value === void 0 ? void 0 : value.uuid);
+  const res = (filesArray === null || filesArray === void 0 ? void 0 : filesArray.length) > 0 && (await Digit.UploadServices.Filefetch(filesArray, Digit.ULBService.getStateId()));
+  console.log("res here==>", res);
+  return {
+    title: t("BPA_TITILE_DOCUMENT_UPLOADED"),
+    values: (filteredDocs === null || filteredDocs === void 0 ? void 0 : filteredDocs.length) > 0 ? filteredDocs.map((document, index) => {
+      const documentLink = pdfDownloadLink(res === null || res === void 0 ? void 0 : res.data, document === null || document === void 0 ? void 0 : document.uuid);
+      return {
+        title: `${index + 1}. ${t(document === null || document === void 0 ? void 0 : document.documentType.replace(/\./g, "_")) || t("CS_NA")}`,
+        value: " ",
+        link: documentLink || ""
+      };
+    }) : [{
+      title: t("PT_NO_DOCUMENTS"),
+      value: "NA"
+    }]
+  };
+};
+const getSitePhotographs = async (appData, t, stateCode) => {
+  var _appData$documents2, _appData$nocDetails140, _appData$nocDetails141;
+  const sitePhotoDocs = appData === null || appData === void 0 ? void 0 : (_appData$documents2 = appData.documents) === null || _appData$documents2 === void 0 ? void 0 : _appData$documents2.filter(doc => doc.documentType === "OWNER.SITEPHOTOGRAPHONE" || doc.documentType === "OWNER.SITEPHOTOGRAPHTWO");
+  const fileStoreIds = sitePhotoDocs === null || sitePhotoDocs === void 0 ? void 0 : sitePhotoDocs.map(doc => doc === null || doc === void 0 ? void 0 : doc.uuid);
+  const res = (fileStoreIds === null || fileStoreIds === void 0 ? void 0 : fileStoreIds.length) > 0 && (await Digit.UploadServices.Filefetch(fileStoreIds, Digit.ULBService.getStateId()));
+  const coords = (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails140 = appData.nocDetails) === null || _appData$nocDetails140 === void 0 ? void 0 : (_appData$nocDetails141 = _appData$nocDetails140.additionalDetails) === null || _appData$nocDetails141 === void 0 ? void 0 : _appData$nocDetails141.coordinates) || {};
+  let values = [{
+    title: t("CS_NO_DOCUMENTS_UPLOADED"),
+    value: "NA"
+  }];
+  if ((sitePhotoDocs === null || sitePhotoDocs === void 0 ? void 0 : sitePhotoDocs.length) > 0) {
+    values = await Promise.all(sitePhotoDocs.map(async doc => {
+      const documentLink = pdfDownloadLink(res === null || res === void 0 ? void 0 : res.data, doc === null || doc === void 0 ? void 0 : doc.uuid);
+      const exiflink = `${window.origin}/filestore/v1/files/id?fileStoreId=${doc === null || doc === void 0 ? void 0 : doc.documentAttachment}&tenantId=${stateCode}`;
+      const exifData = await getExifDataFromUrl(exiflink);
+      console.log("exifData in sitephotos", exifData);
+      if ([3, 6, 8].includes(exifData === null || exifData === void 0 ? void 0 : exifData.Orientation)) {
+        exifData.Orientation = 1;
+      }
+      let lat = "N/A";
+      let long = "N/A";
+      if (doc.documentType === "OWNER.SITEPHOTOGRAPHONE") {
+        lat = (coords === null || coords === void 0 ? void 0 : coords.Latitude1) || "N/A";
+        long = (coords === null || coords === void 0 ? void 0 : coords.Longitude1) || "N/A";
+      }
+      if (doc.documentType === "OWNER.SITEPHOTOGRAPHTWO") {
+        lat = (coords === null || coords === void 0 ? void 0 : coords.Latitude2) || "N/A";
+        long = (coords === null || coords === void 0 ? void 0 : coords.Longitude2) || "N/A";
+      }
+      return {
+        title: (t(doc.documentType.replace(/\./g, "_")) || t("CS_NA")) + ` (Lat: ${lat}, Long: ${long})`,
+        value: " ",
+        link: documentLink || "",
+        exiflink: exiflink || "",
+        orientation: (exifData === null || exifData === void 0 ? void 0 : exifData.Orientation) || 1
+      };
+    }));
+  }
+  return {
+    title: t("BPA_LOC_SITE_PHOTOGRAPH_PREVIEW"),
+    isAttachments: true,
+    values
+  };
+};
+const getChecklistDetails = (appData, checklistData, t) => {
+  const checkList = (checklistData === null || checklistData === void 0 ? void 0 : checklistData.checkList) || [];
+  const documents = (appData === null || appData === void 0 ? void 0 : appData.documents) || [];
+  let values = [];
+  if ((checkList === null || checkList === void 0 ? void 0 : checkList.length) > 0) {
+    values = checkList === null || checkList === void 0 ? void 0 : checkList.map((item, index) => {
+      var _matchedDoc$documentT;
+      const matchedDoc = documents === null || documents === void 0 ? void 0 : documents.find(doc => (doc === null || doc === void 0 ? void 0 : doc.uuid) === (item === null || item === void 0 ? void 0 : item.documentuid));
+      const docName = matchedDoc ? t(matchedDoc === null || matchedDoc === void 0 ? void 0 : (_matchedDoc$documentT = matchedDoc.documentType) === null || _matchedDoc$documentT === void 0 ? void 0 : _matchedDoc$documentT.replace(/\./g, "_")) || (matchedDoc === null || matchedDoc === void 0 ? void 0 : matchedDoc.documentType) : item === null || item === void 0 ? void 0 : item.documentuid;
+      return {
+        title: `${index + 1}. ${docName}`,
+        value: (item === null || item === void 0 ? void 0 : item.remarks) || "N/A"
+      };
+    });
+  } else {
+    values = [{
+      title: t("NOC_NO_CHECKLIST_ITEMS"),
+      value: "NA"
+    }];
+  }
+  return {
+    title: t("Document Checklist"),
+    values
+  };
+};
+const getJESiteImages = async (appData, t, stateCode) => {
+  var _appData$nocDetails142, _appData$nocDetails143;
+  const siteImages = (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails142 = appData.nocDetails) === null || _appData$nocDetails142 === void 0 ? void 0 : (_appData$nocDetails143 = _appData$nocDetails142.additionalDetails) === null || _appData$nocDetails143 === void 0 ? void 0 : _appData$nocDetails143.siteImages) || [];
+  const fileStoreIds = siteImages === null || siteImages === void 0 ? void 0 : siteImages.map(img => img === null || img === void 0 ? void 0 : img.filestoreId);
+  const res = (fileStoreIds === null || fileStoreIds === void 0 ? void 0 : fileStoreIds.length) > 0 && (await Digit.UploadServices.Filefetch(fileStoreIds, Digit.ULBService.getStateId()));
+  let values = [{
+    title: t("CS_NO_DOCUMENTS_UPLOADED"),
+    value: "NA"
+  }];
+  if ((siteImages === null || siteImages === void 0 ? void 0 : siteImages.length) > 0) {
+    values = await Promise.all(siteImages.map(async img => {
+      var _img$documentType;
+      const documentLink = pdfDownloadLink(res === null || res === void 0 ? void 0 : res.data, img === null || img === void 0 ? void 0 : img.filestoreId);
+      const exiflink = `${window.origin}/filestore/v1/files/id?fileStoreId=${img === null || img === void 0 ? void 0 : img.filestoreId}&tenantId=${stateCode}`;
+      const exifData = await getExifDataFromUrl(exiflink);
+      console.log("exifData in siteImages", exifData);
+      if ([3, 6, 8].includes(exifData === null || exifData === void 0 ? void 0 : exifData.Orientation)) {
+        exifData.Orientation = 1;
+      }
+      const lat = (img === null || img === void 0 ? void 0 : img.latitude) || "N/A";
+      const long = (img === null || img === void 0 ? void 0 : img.longitude) || "N/A";
+      const timestamp = (img === null || img === void 0 ? void 0 : img.timestamp) || "N/A";
+      return {
+        title: (t(img === null || img === void 0 ? void 0 : (_img$documentType = img.documentType) === null || _img$documentType === void 0 ? void 0 : _img$documentType.replace(/\./g, "_")) || t("CS_NA")) + ` (Lat: ${lat}, Long: ${long}, Time: ${timestamp})`,
+        value: " ",
+        link: documentLink || "",
+        exiflink: exiflink || "",
+        orientation: (exifData === null || exifData === void 0 ? void 0 : exifData.Orientation) || 1
+      };
+    }));
+  }
+  return {
+    title: t("SITE_INPECTION_IMAGES"),
+    isAttachments: true,
+    values
+  };
+};
+const getLatestCalculationDetails = (appData, t) => {
+  var _appData$nocDetails144, _appData$nocDetails145, _appData$nocDetails146;
+  const latestCalc = appData === null || appData === void 0 ? void 0 : (_appData$nocDetails144 = appData.nocDetails) === null || _appData$nocDetails144 === void 0 ? void 0 : (_appData$nocDetails145 = _appData$nocDetails144.additionalDetails) === null || _appData$nocDetails145 === void 0 ? void 0 : (_appData$nocDetails146 = _appData$nocDetails145.calculations) === null || _appData$nocDetails146 === void 0 ? void 0 : _appData$nocDetails146.find(calc => calc.isLatest);
+  if (!latestCalc) {
+    return {
+      title: t("NOC_FEE_DETAILS_LABEL"),
+      values: [{
+        title: t("NOC_NO_CALCULATIONS"),
+        value: "NA"
+      }]
+    };
+  }
+  const values = latestCalc.taxHeadEstimates.map((estimate, index) => ({
+    title: `${t(estimate.taxHeadCode) || estimate.taxHeadCode}`,
+    value: estimate.remarks || "N/A",
+    updatedBy: latestCalc.updatedBy || "N/A"
+  }));
+  return {
+    title: t("NOC_FEE_DETAILS_LABEL"),
+    values
+  };
+};
+const getNOCAcknowledgementData = async (applicationDetails, tenantInfo, ulbType, ulbName, t, isView = false, checklistData = null) => {
+  var _appData$nocDetails147, _appData$nocDetails148, _appData$nocDetails149, _appData$nocDetails150, _result$data, _result$data$fileStor, _appData$nocDetails151, _appData$nocDetails152, _appData$nocDetails153, _appData$nocDetails154, _appData$nocDetails155, _appData$nocDetails156, _checklistData$checkL, _appData$nocDetails157, _appData$nocDetails158, _appData$nocDetails159, _appData$nocDetails160, _appData$nocDetails161, _appData$nocDetails162;
+  const stateCode = Digit.ULBService.getStateId();
+  const appData = applicationDetails || {};
+  console.log("appData here in DownloadACK", appData);
+  console.log('isView', isView);
+  let detailsArr = [],
+    imageURL = "";
+  const ownerFileStoreId = (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails147 = appData.nocDetails) === null || _appData$nocDetails147 === void 0 ? void 0 : (_appData$nocDetails148 = _appData$nocDetails147.additionalDetails) === null || _appData$nocDetails148 === void 0 ? void 0 : (_appData$nocDetails149 = _appData$nocDetails148.ownerPhotos) === null || _appData$nocDetails149 === void 0 ? void 0 : (_appData$nocDetails150 = _appData$nocDetails149[0]) === null || _appData$nocDetails150 === void 0 ? void 0 : _appData$nocDetails150.filestoreId) || "";
+  const result = await Digit.UploadServices.Filefetch([ownerFileStoreId], stateCode);
+  const fileData = result === null || result === void 0 ? void 0 : (_result$data = result.data) === null || _result$data === void 0 ? void 0 : (_result$data$fileStor = _result$data.fileStoreIds) === null || _result$data$fileStor === void 0 ? void 0 : _result$data$fileStor[0];
+  imageURL = (fileData === null || fileData === void 0 ? void 0 : fileData.url) || "";
+  const isEmployee = window.location.href.includes("/employee");
+  if (appData !== null && appData !== void 0 && (_appData$nocDetails151 = appData.nocDetails) !== null && _appData$nocDetails151 !== void 0 && (_appData$nocDetails152 = _appData$nocDetails151.additionalDetails) !== null && _appData$nocDetails152 !== void 0 && (_appData$nocDetails153 = _appData$nocDetails152.applicationDetails) !== null && _appData$nocDetails153 !== void 0 && _appData$nocDetails153.professionalName) detailsArr.push(getProfessionalDetails(appData, t));
+  const data = {
+    t,
+    tenantId: tenantInfo === null || tenantInfo === void 0 ? void 0 : tenantInfo.code,
+    name: "NOC Application",
+    email: tenantInfo === null || tenantInfo === void 0 ? void 0 : tenantInfo.emailId,
+    phoneNumber: tenantInfo === null || tenantInfo === void 0 ? void 0 : tenantInfo.contactNumber,
+    heading: t("LOCAL_GOVERNMENT_PUNJAB"),
+    applicationNumber: (appData === null || appData === void 0 ? void 0 : appData.applicationNo) || "NA",
+    details: [getRegistrationDetails(appData, t), ...detailsArr, ...getApplicantDetails(appData, t), getSiteDetails(appData, t), getSpecificationDetails(appData, t), isEmployee && appData !== null && appData !== void 0 && (_appData$nocDetails154 = appData.nocDetails) !== null && _appData$nocDetails154 !== void 0 && (_appData$nocDetails155 = _appData$nocDetails154.additionalDetails) !== null && _appData$nocDetails155 !== void 0 && (_appData$nocDetails156 = _appData$nocDetails155.calculations) !== null && _appData$nocDetails156 !== void 0 && _appData$nocDetails156.length && appData.nocDetails.additionalDetails.calculations.some(calc => {
+      var _calc$taxHeadEstimate;
+      return calc.isLatest && ((_calc$taxHeadEstimate = calc.taxHeadEstimates) === null || _calc$taxHeadEstimate === void 0 ? void 0 : _calc$taxHeadEstimate.some(est => est.estimateAmount > 0));
+    }) ? getLatestCalculationDetails(appData, t) : null, isEmployee && checklistData !== null && checklistData !== void 0 && (_checklistData$checkL = checklistData.checkList) !== null && _checklistData$checkL !== void 0 && _checklistData$checkL.length ? getChecklistDetails(appData, checklistData, t) : null, isEmployee && appData !== null && appData !== void 0 && (_appData$nocDetails157 = appData.nocDetails) !== null && _appData$nocDetails157 !== void 0 && (_appData$nocDetails158 = _appData$nocDetails157.additionalDetails) !== null && _appData$nocDetails158 !== void 0 && (_appData$nocDetails159 = _appData$nocDetails158.fieldinspection_pending) !== null && _appData$nocDetails159 !== void 0 && _appData$nocDetails159[0] ? getInspectionDetails(appData, t) : null, await getDocuments$1(appData, t), await getSitePhotographs(appData, t, stateCode), isEmployee && appData !== null && appData !== void 0 && (_appData$nocDetails160 = appData.nocDetails) !== null && _appData$nocDetails160 !== void 0 && (_appData$nocDetails161 = _appData$nocDetails160.additionalDetails) !== null && _appData$nocDetails161 !== void 0 && (_appData$nocDetails162 = _appData$nocDetails161.siteImages) !== null && _appData$nocDetails162 !== void 0 && _appData$nocDetails162.length ? await getJESiteImages(appData, t, stateCode) : null].filter(Boolean),
+    imageURL,
+    ulbType,
+    ulbName
+  };
+  if (isView) {
+    data.openInNewTab = true;
+  }
+  return data;
+};
+
+const NOCEmployeeApplicationOverview = () => {
+  var _window, _window$Digit, _window$Digit$Utils, _window$Digit$Utils$b, _applicationDetails$N, _applicationDetails$N2, _applicationDetails$N3, _applicationDetails$N4, _applicationDetails$N5, _applicationDetails$N6, _applicationDetails$N7, _applicationDetails$N8, _applicationDetails$N9, _applicationDetails$N0, _applicationDetails$N1, _applicationDetails$N10, _applicationDetails$N11, _applicationDetails$N12, _applicationDetails$N13, _applicationDetails$N14, _workflowDetails$data, _workflowDetails$data2, _workflowDetails$data3, _applicationDetails$N28, _applicationDetails$N29, _user3, _user3$info, _user4, _user4$info, _user4$info$roles, _user5, _user5$info, _user5$info$roles, _workflowDetails$data8, _workflowDetails$data9, _workflowDetails$data0, _workflowDetails$data1, _workflowDetails$data10, _applicationDetails$N35, _applicationDetails$N36, _applicationDetails$N37, _applicationDetails$N38, _applicationDetails$N54, _applicationDetails$N55, _applicationDetails$N56, _applicationDetails$N57, _displayData$Document, _displayData$Document2, _displayData$Document3, _applicationDetails$N58, _applicationDetails$N59, _applicationDetails$N60, _applicationDetails$N61, _applicationDetails$N62, _displayData$applican, _displayData$applican2, _displayData$applican3, _displayData$applican4, _displayData$applican5, _displayData$applican6, _displayData$applican7, _applicationDetails$N63, _applicationDetails$N64, _displayData$ownerPho, _displayData$ownerPho2, _displayData$applican8, _displayData$applican9, _displayData$applican0, _displayData$applican1, _displayData$applican10, _displayData$applican11, _displayData$applican12, _displayData$applican13, _displayData$applican14, _displayData$siteDeta, _displayData$siteDeta2, _applicationDetails$N65, _applicationDetails$N66, _applicationDetails$N67, _applicationDetails$N68, _siteImages$documents5, _applicationDetails$N69, _applicationDetails$N70, _applicationDetails$N71, _applicationDetails$N72, _applicationDetails$N73, _applicationDetails$N74, _applicationDetails$N75, _applicationDetails$N76, _applicationDetails$N77, _applicationDetails$N78, _applicationDetails$N79, _applicationDetails$N80, _applicationDetails$N81, _applicationDetails$N82, _applicationDetails$N83, _applicationDetails$N84, _applicationDetails$N85, _applicationDetails$N86, _applicationDetails$N87, _applicationDetails$N88, _applicationDetails$N89, _applicationDetails$N90, _applicationDetails$N91, _applicationDetails$N92, _applicationDetails$N93, _applicationDetails$N94, _applicationDetails$N95, _applicationDetails$N96, _applicationDetails$N97, _applicationDetails$N98, _applicationDetails$N99, _applicationDetails$N100, _applicationDetails$N101, _applicationDetails$N102, _applicationDetails$N103, _applicationDetails$N104, _applicationDetails$N105, _applicationDetails$N106, _applicationDetails$N107, _applicationDetails$N108, _applicationDetails$N109, _applicationDetails$N110, _applicationDetails$N111, _applicationDetails$N112, _applicationDetails$N113, _applicationDetails$N114, _applicationDetails$N115, _applicationDetails$N116, _applicationDetails$N117, _applicationDetails$N118, _applicationDetails$N119, _applicationDetails$N120, _applicationDetails$N121, _applicationDetails$N122, _applicationDetails$N123, _applicationDetails$N124, _applicationDetails$N125, _applicationDetails$N126, _applicationDetails$N127, _applicationDetails$N128, _applicationDetails$N129, _applicationDetails$N130, _applicationDetails$N131, _applicationDetails$N132, _applicationDetails$N133, _applicationDetails$N134, _applicationDetails$N135, _applicationDetails$N136, _applicationDetails$N137, _applicationDetails$N138, _applicationDetails$N139, _applicationDetails$N140, _applicationDetails$N141, _applicationDetails$N142, _applicationDetails$N143, _applicationDetails$N144, _applicationDetails$N145, _applicationDetails$N146, _applicationDetails$N147, _applicationDetails$N148, _applicationDetails$N149, _applicationDetails$N150, _applicationDetails$N151, _applicationDetails$N152, _applicationDetails$N153, _applicationDetails$N154, _workflowDetails$data11, _workflowDetails$data12, _workflowDetails$data13, _workflowDetails$data14;
+  const {
+    id
+  } = useParams();
+  const {
+    t
+  } = useTranslation();
+  const tenantId = window.localStorage.getItem("Employee.tenant-id");
+  const history = useHistory();
+  const state = tenantId === null || tenantId === void 0 ? void 0 : tenantId.split(".")[0];
+  const [showToast, setShowToast] = useState(null);
+  const [error, setError] = useState(null);
+  const [showErrorToast, setShowErrorToastt] = useState(null);
+  const [errorOne, setErrorOne] = useState(null);
+  const [displayData, setDisplayData] = useState({});
+  const [approverComment, setApproverComment] = useState(null);
+  const {
+    data: storeData
+  } = Digit.Hooks.useStore.getInitData();
+  const {
+    tenants
+  } = storeData || {};
+  const [getEmployees, setEmployees] = useState([]);
+  const [getLoader, setLoader] = useState(false);
+  const [getWorkflowService, setWorkflowService] = useState([]);
+  const [feeAdjustments, setFeeAdjustments] = useState([]);
+  const {
+    isLoading,
+    data,
+    refetch
+  } = Digit.Hooks.noc.useNOCSearchApplication({
+    applicationNo: id
+  }, tenantId);
+  const loading = isLoading || getLoader;
+  const applicationDetails = data === null || data === void 0 ? void 0 : data.resData;
+  console.log('applicationDetails', applicationDetails);
+  const [showImageModal, setShowImageModal] = useState(false);
+  const [imageUrl, setImageUrl] = useState(null);
+  const [checklistRemarks, setChecklistRemarks] = useState({});
+  const isMobile = (_window = window) === null || _window === void 0 ? void 0 : (_window$Digit = _window.Digit) === null || _window$Digit === void 0 ? void 0 : (_window$Digit$Utils = _window$Digit.Utils) === null || _window$Digit$Utils === void 0 ? void 0 : (_window$Digit$Utils$b = _window$Digit$Utils.browser) === null || _window$Digit$Utils$b === void 0 ? void 0 : _window$Digit$Utils$b.isMobile();
+  const [siteImages, setSiteImages] = useState(applicationDetails !== null && applicationDetails !== void 0 && (_applicationDetails$N = applicationDetails.Noc) !== null && _applicationDetails$N !== void 0 && (_applicationDetails$N2 = _applicationDetails$N[0]) !== null && _applicationDetails$N2 !== void 0 && (_applicationDetails$N3 = _applicationDetails$N2.nocDetails) !== null && _applicationDetails$N3 !== void 0 && (_applicationDetails$N4 = _applicationDetails$N3.additionalDetails) !== null && _applicationDetails$N4 !== void 0 && _applicationDetails$N4.siteImages ? {
+    documents: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N5 = applicationDetails.Noc) === null || _applicationDetails$N5 === void 0 ? void 0 : (_applicationDetails$N6 = _applicationDetails$N5[0]) === null || _applicationDetails$N6 === void 0 ? void 0 : (_applicationDetails$N7 = _applicationDetails$N6.nocDetails) === null || _applicationDetails$N7 === void 0 ? void 0 : (_applicationDetails$N8 = _applicationDetails$N7.additionalDetails) === null || _applicationDetails$N8 === void 0 ? void 0 : _applicationDetails$N8.siteImages
+  } : {});
+  const [timeObj, setTimeObj] = useState(null);
+  const {
+    mutate: eSignCertificate,
+    isLoading: eSignLoading,
+    error: eSignError
+  } = Digit.Hooks.tl.useESign();
+  const [showOptions, setShowOptions] = useState(false);
+  const [fieldInspectionPending, setFieldInspectionPending] = useState((applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N9 = applicationDetails.Noc) === null || _applicationDetails$N9 === void 0 ? void 0 : (_applicationDetails$N0 = _applicationDetails$N9[0]) === null || _applicationDetails$N0 === void 0 ? void 0 : (_applicationDetails$N1 = _applicationDetails$N0.nocDetails) === null || _applicationDetails$N1 === void 0 ? void 0 : (_applicationDetails$N10 = _applicationDetails$N1.additionalDetails) === null || _applicationDetails$N10 === void 0 ? void 0 : _applicationDetails$N10.fieldinspection_pending) || []);
+  const mutation = Digit.Hooks.noc.useNocCreateAPI(tenantId, false);
+  console.log("applicationDetails here==>", applicationDetails);
+  const businessServiceCode = (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N11 = applicationDetails.Noc) === null || _applicationDetails$N11 === void 0 ? void 0 : (_applicationDetails$N12 = _applicationDetails$N11[0]) === null || _applicationDetails$N12 === void 0 ? void 0 : (_applicationDetails$N13 = _applicationDetails$N12.nocDetails) === null || _applicationDetails$N13 === void 0 ? void 0 : (_applicationDetails$N14 = _applicationDetails$N13.additionalDetails) === null || _applicationDetails$N14 === void 0 ? void 0 : _applicationDetails$N14.businessService) ?? null;
+  console.log("businessService here==>", businessServiceCode);
+  const {
+    data: reciept_data,
+    isLoading: recieptDataLoading
+  } = Digit.Hooks.useRecieptSearch({
+    tenantId: tenantId,
+    businessService: "obpas_noc",
+    consumerCodes: id,
+    isEmployee: false
+  }, {
+    enabled: id ? true : false
+  });
+  const workflowDetails = Digit.Hooks.useWorkflowDetails({
+    tenantId: tenantId,
+    id: id,
+    moduleCode: businessServiceCode
+  });
+  console.log("workflowDetails here=>", workflowDetails);
+  const {
+    data: searchChecklistData,
+    refetch: refetchChecklist
+  } = Digit.Hooks.noc.useNOCCheckListSearch({
+    applicationNo: id
+  }, tenantId);
+  console.log('searchChecklistData', searchChecklistData);
+  useEffect$1(() => {
+    if (eSignError) {
+      setShowToast({
+        key: "true",
+        error: true,
+        message: "eSign process failed. Please try again."
+      });
+    }
+  }, [eSignError]);
+  const geoLocations = useMemo(() => {
+    if (siteImages !== null && siteImages !== void 0 && siteImages.documents && (siteImages === null || siteImages === void 0 ? void 0 : siteImages.documents.length) > 0) {
+      var _siteImages$documents;
+      return siteImages === null || siteImages === void 0 ? void 0 : (_siteImages$documents = siteImages.documents) === null || _siteImages$documents === void 0 ? void 0 : _siteImages$documents.map(img => {
+        return {
+          latitude: (img === null || img === void 0 ? void 0 : img.latitude) || "",
+          longitude: (img === null || img === void 0 ? void 0 : img.longitude) || ""
+        };
+      });
+    }
+  }, [siteImages]);
+  const documentData = useMemo(() => {
+    var _siteImages$documents2;
+    return siteImages === null || siteImages === void 0 ? void 0 : (_siteImages$documents2 = siteImages.documents) === null || _siteImages$documents2 === void 0 ? void 0 : _siteImages$documents2.map((value, index) => ({
+      title: value === null || value === void 0 ? void 0 : value.documentType,
+      fileStoreId: value === null || value === void 0 ? void 0 : value.filestoreId,
+      latitude: value === null || value === void 0 ? void 0 : value.latitude,
+      longitude: value === null || value === void 0 ? void 0 : value.longitude
+    }));
+  }, [siteImages]);
+  if (workflowDetails !== null && workflowDetails !== void 0 && (_workflowDetails$data = workflowDetails.data) !== null && _workflowDetails$data !== void 0 && (_workflowDetails$data2 = _workflowDetails$data.actionState) !== null && _workflowDetails$data2 !== void 0 && _workflowDetails$data2.nextActions && !workflowDetails.isLoading) workflowDetails.data.actionState.nextActions = [...(workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data3 = workflowDetails.data) === null || _workflowDetails$data3 === void 0 ? void 0 : _workflowDetails$data3.nextActions)];
+  if (workflowDetails && workflowDetails.data && !workflowDetails.isLoading) {
+    var _workflowDetails$data4, _workflowDetails$data5;
+    workflowDetails.data.initialActionState = (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data4 = workflowDetails.data) === null || _workflowDetails$data4 === void 0 ? void 0 : _workflowDetails$data4.initialActionState) || {
+      ...(workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data5 = workflowDetails.data) === null || _workflowDetails$data5 === void 0 ? void 0 : _workflowDetails$data5.actionState)
+    } || {};
+    workflowDetails.data.actionState = {
+      ...workflowDetails.data
+    };
+  }
+  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));
+  };
+  useEffect$1(() => {
+    if (isLoading || !tenantId || !businessServiceCode) return;
+    (async () => {
+      try {
+        var _wf$BusinessServices, _wf$BusinessServices$;
+        setLoader(true);
+        const wf = await Digit.WorkflowService.init(tenantId, businessServiceCode);
+        console.log("wf=>", wf);
+        setLoader(false);
+        setWorkflowService(wf === null || wf === void 0 ? void 0 : (_wf$BusinessServices = wf.BusinessServices) === null || _wf$BusinessServices === void 0 ? void 0 : (_wf$BusinessServices$ = _wf$BusinessServices[0]) === null || _wf$BusinessServices$ === void 0 ? void 0 : _wf$BusinessServices$.states);
+      } catch (e) {
+        console.error("Error Occurred", e);
+      } finally {
+        setLoader(false);
+      }
+    })();
+  }, [tenantId, businessServiceCode, isLoading]);
+  const finalComment = useMemo(() => {
+    var _workflowDetails$data6, _workflowDetails$data7;
+    if (!workflowDetails || workflowDetails.isLoading || !workflowDetails.data) {
+      return "";
+    }
+    const commentsobj = (_workflowDetails$data6 = workflowDetails.data.timeline) === null || _workflowDetails$data6 === void 0 ? void 0 : (_workflowDetails$data7 = _workflowDetails$data6.filter(item => (item === null || item === void 0 ? void 0 : item.performedAction) === "APPROVE")) === null || _workflowDetails$data7 === void 0 ? void 0 : _workflowDetails$data7.flatMap(item => (item === null || item === void 0 ? void 0 : item.wfComment) || []);
+    const approvercomments = commentsobj === null || commentsobj === void 0 ? void 0 : commentsobj[0];
+    let conditionText = "";
+    if (approvercomments !== null && approvercomments !== void 0 && approvercomments.includes("[#?..**]")) {
+      conditionText = approvercomments.split("[#?..**]")[1] || "";
+    }
+    return conditionText ? {
+      ConditionLine: "The above approval is subjected to the following conditions:\n",
+      ConditionText: conditionText
+    } : "";
+  }, [workflowDetails]);
+  async function openSanctionLetterPopup({
+    tenantId,
+    EmpData
+  }) {
+    try {
+      setLoader(true);
+      const fileStoreId = await getSanctionLetterReceipt({
+        tenantId,
+        payments: reciept_data === null || reciept_data === void 0 ? void 0 : reciept_data.Payments[0],
+        EmpData
+      });
+      if (!fileStoreId) throw new Error("No filestoreId found for sanction letter");
+      const fileStore = await Digit.PaymentService.printReciept(tenantId, {
+        fileStoreIds: fileStoreId
+      });
+      window.open(fileStore[fileStoreId], "_blank");
+    } catch (error) {
+      console.error("Sanction Letter popup error:", error);
+    } finally {
+      setLoader(false);
+    }
+  }
+  const handleDownloadPdf = async () => {
+    try {
+      var _applicationDetails$N15, _Property$nocDetails, _Property$nocDetails$, _site$ulbName, _site$ulbName$city;
+      setLoader(true);
+      const Property = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N15 = applicationDetails.Noc) === null || _applicationDetails$N15 === void 0 ? void 0 : _applicationDetails$N15[0];
+      const tenantInfo = tenants.find(tenant => tenant.code === Property.tenantId);
+      const site = Property === null || Property === void 0 ? void 0 : (_Property$nocDetails = Property.nocDetails) === null || _Property$nocDetails === void 0 ? void 0 : (_Property$nocDetails$ = _Property$nocDetails.additionalDetails) === null || _Property$nocDetails$ === void 0 ? void 0 : _Property$nocDetails$.siteDetails;
+      const ulbType = site === null || site === void 0 ? void 0 : site.ulbType;
+      const ulbName = (site === null || site === void 0 ? void 0 : (_site$ulbName = site.ulbName) === null || _site$ulbName === void 0 ? void 0 : (_site$ulbName$city = _site$ulbName.city) === null || _site$ulbName$city === void 0 ? void 0 : _site$ulbName$city.name) || (site === null || site === void 0 ? void 0 : site.ulbName);
+      const acknowledgementData = await getNOCAcknowledgementData(Property, tenantInfo, ulbType, ulbName, t, false, searchChecklistData);
+      setTimeout(() => {
+        Digit.Utils.pdf.generateFormattedNOC(acknowledgementData);
+      }, 0);
+    } catch (error) {
+      console.error("Error generating acknowledgement:", error);
+    } finally {
+      setLoader(false);
+    }
+  };
+  async function getSanctionLetterReceipt({
+    tenantId,
+    payments,
+    EmpData,
+    pdfkey = "noc-sanctionletter",
+    ...params
+  }) {
+    try {
+      var _applicationDetails$N16, _application$nocDetai, _application$nocDetai2;
+      setLoader(true);
+      let application = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N16 = applicationDetails.Noc) === null || _applicationDetails$N16 === void 0 ? void 0 : _applicationDetails$N16[0];
+      let fileStoreId = application === null || application === void 0 ? void 0 : (_application$nocDetai = application.nocDetails) === null || _application$nocDetai === void 0 ? void 0 : (_application$nocDetai2 = _application$nocDetai.additionalDetails) === null || _application$nocDetai2 === void 0 ? void 0 : _application$nocDetai2.sanctionLetterFilestoreId;
+      if (!fileStoreId) {
+        const nocSanctionData = await getNOCSanctionLetter(application, t, EmpData, finalComment);
+        const response = await Digit.PaymentService.generatePdf(tenantId, {
+          Payments: [{
+            ...payments,
+            Noc: nocSanctionData === null || nocSanctionData === void 0 ? void 0 : nocSanctionData.Noc
+          }]
+        }, pdfkey);
+        fileStoreId = response === null || response === void 0 ? void 0 : response.filestoreIds[0];
+      }
+      return fileStoreId;
+    } catch (error) {
+      console.error("Sanction Letter download error:", error);
+    } finally {
+      setLoader(false);
+    }
+  }
+  const printCertificateWithESign = async () => {
+    try {
+      var _reciept_data$Payment, _applicationDetails$N17;
+      console.log("🎯 Starting certificate eSign process...");
+      const fileStoreId = await getSanctionLetterReceipt({
+        tenantId: reciept_data === null || reciept_data === void 0 ? void 0 : (_reciept_data$Payment = reciept_data.Payments[0]) === null || _reciept_data$Payment === void 0 ? void 0 : _reciept_data$Payment.tenantId,
+        payments: reciept_data === null || reciept_data === void 0 ? void 0 : reciept_data.Payments[0],
+        EmpData
+      });
+      const application = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N17 = applicationDetails.Noc) === null || _applicationDetails$N17 === void 0 ? void 0 : _applicationDetails$N17[0];
+      const callbackUrl = `${window.location.origin}/digit-ui/employee/noc/esign/complete/${id}`;
+      eSignCertificate({
+        fileStoreId,
+        tenantId,
+        callbackUrl
+      }, {
+        onSuccess: () => console.log("✅ eSign initiated successfully"),
+        onError: error => {
+          console.error("❌ eSign failed:", error);
           setShowToast({
             key: "true",
             error: true,
@@ -18761,10 +19405,15 @@ const NOCEmployeeApplicationOverview = () => {
       });
     }
   };
+  const dowloadOptions = [];
   let EmpData = EmployeeData(tenantId, id);
+  dowloadOptions.push({
+    label: t("Application Form"),
+    onClick: handleDownloadPdf
+  });
   useEffect$1(() => {
-    var _applicationDetails$N21, _applicationDetails$N22, _applicationDetails$N23, _applicationDetails$N24, _applicationDetails$N25, _data$Calculation, _data$Calculation$;
-    const latestCalc = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N21 = applicationDetails.Noc) === null || _applicationDetails$N21 === void 0 ? void 0 : (_applicationDetails$N22 = _applicationDetails$N21[0]) === null || _applicationDetails$N22 === void 0 ? void 0 : (_applicationDetails$N23 = _applicationDetails$N22.nocDetails) === null || _applicationDetails$N23 === void 0 ? void 0 : (_applicationDetails$N24 = _applicationDetails$N23.additionalDetails) === null || _applicationDetails$N24 === void 0 ? void 0 : (_applicationDetails$N25 = _applicationDetails$N24.calculations) === null || _applicationDetails$N25 === void 0 ? void 0 : _applicationDetails$N25.find(c => c.isLatest);
+    var _applicationDetails$N18, _applicationDetails$N19, _applicationDetails$N20, _applicationDetails$N21, _applicationDetails$N22, _data$Calculation, _data$Calculation$;
+    const latestCalc = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N18 = applicationDetails.Noc) === null || _applicationDetails$N18 === void 0 ? void 0 : (_applicationDetails$N19 = _applicationDetails$N18[0]) === null || _applicationDetails$N19 === void 0 ? void 0 : (_applicationDetails$N20 = _applicationDetails$N19.nocDetails) === null || _applicationDetails$N20 === void 0 ? void 0 : (_applicationDetails$N21 = _applicationDetails$N20.additionalDetails) === null || _applicationDetails$N21 === void 0 ? void 0 : (_applicationDetails$N22 = _applicationDetails$N21.calculations) === null || _applicationDetails$N22 === void 0 ? void 0 : _applicationDetails$N22.find(c => c.isLatest);
     const apiEstimates = (data === null || data === void 0 ? void 0 : (_data$Calculation = data.Calculation) === null || _data$Calculation === void 0 ? void 0 : (_data$Calculation$ = _data$Calculation[0]) === null || _data$Calculation$ === void 0 ? void 0 : _data$Calculation$.taxHeadEstimates) || [];
     if (apiEstimates.length === 0) return;
     setFeeAdjustments((prev = []) => {
@@ -18810,9 +19459,9 @@ const NOCEmployeeApplicationOverview = () => {
   const menuRef = useRef();
   console.log('user', user);
   useEffect$1(() => {
-    var _applicationDetails$N26, _applicationDetails$N27, _applicationDetails$N28, _applicationDetails$N29, _applicationDetails$N30;
-    const status = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N26 = applicationDetails.Noc) === null || _applicationDetails$N26 === void 0 ? void 0 : (_applicationDetails$N27 = _applicationDetails$N26[0]) === null || _applicationDetails$N27 === void 0 ? void 0 : _applicationDetails$N27.applicationStatus;
-    const additionalDetails = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N28 = applicationDetails.Noc) === null || _applicationDetails$N28 === void 0 ? void 0 : (_applicationDetails$N29 = _applicationDetails$N28[0]) === null || _applicationDetails$N29 === void 0 ? void 0 : (_applicationDetails$N30 = _applicationDetails$N29.nocDetails) === null || _applicationDetails$N30 === void 0 ? void 0 : _applicationDetails$N30.additionalDetails;
+    var _applicationDetails$N23, _applicationDetails$N24, _applicationDetails$N25, _applicationDetails$N26, _applicationDetails$N27;
+    const status = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N23 = applicationDetails.Noc) === null || _applicationDetails$N23 === void 0 ? void 0 : (_applicationDetails$N24 = _applicationDetails$N23[0]) === null || _applicationDetails$N24 === void 0 ? void 0 : _applicationDetails$N24.applicationStatus;
+    const additionalDetails = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N25 = applicationDetails.Noc) === null || _applicationDetails$N25 === void 0 ? void 0 : (_applicationDetails$N26 = _applicationDetails$N25[0]) === null || _applicationDetails$N26 === void 0 ? void 0 : (_applicationDetails$N27 = _applicationDetails$N26.nocDetails) === null || _applicationDetails$N27 === void 0 ? void 0 : _applicationDetails$N27.additionalDetails;
     console.log('additionalDetails', additionalDetails);
     if (status === "DOCUMENTVERIFY") {
       var _user, _user$info;
@@ -18821,7 +19470,7 @@ const NOCEmployeeApplicationOverview = () => {
       var _user2, _user2$info;
       setInspectionReportVerifier((additionalDetails === null || additionalDetails === void 0 ? void 0 : additionalDetails.InspectionReportVerifier) || ((_user2 = user) === null || _user2 === void 0 ? void 0 : (_user2$info = _user2.info) === null || _user2$info === void 0 ? void 0 : _user2$info.name) || "");
     }
-  }, [applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N31 = applicationDetails.Noc) === null || _applicationDetails$N31 === void 0 ? void 0 : (_applicationDetails$N32 = _applicationDetails$N31[0]) === null || _applicationDetails$N32 === void 0 ? void 0 : _applicationDetails$N32.applicationStatus, (_user3 = user) === null || _user3 === void 0 ? void 0 : (_user3$info = _user3.info) === null || _user3$info === void 0 ? void 0 : _user3$info.name]);
+  }, [applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N28 = applicationDetails.Noc) === null || _applicationDetails$N28 === void 0 ? void 0 : (_applicationDetails$N29 = _applicationDetails$N28[0]) === null || _applicationDetails$N29 === void 0 ? void 0 : _applicationDetails$N29.applicationStatus, (_user3 = user) === null || _user3 === void 0 ? void 0 : (_user3$info = _user3.info) === null || _user3$info === void 0 ? void 0 : _user3$info.name]);
   const hasRole = (_user4 = user) === null || _user4 === void 0 ? void 0 : (_user4$info = _user4.info) === null || _user4$info === void 0 ? void 0 : (_user4$info$roles = _user4$info.roles) === null || _user4$info$roles === void 0 ? void 0 : _user4$info$roles.some(role => (role === null || role === void 0 ? void 0 : role.code) === "OBPAS_NOC_JE" || (role === null || role === void 0 ? void 0 : role.code) === "OBPAS_NOC_BI");
   Digit.Hooks.useClickOutside(menuRef, closeMenu, displayMenu);
   if (window.location.href.includes("/obps") || window.location.href.includes("/noc")) {
@@ -18838,12 +19487,12 @@ const NOCEmployeeApplicationOverview = () => {
       data.revalidate();
     }
   }, []);
-  let actions = (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data9 = workflowDetails.data) === null || _workflowDetails$data9 === void 0 ? void 0 : (_workflowDetails$data0 = _workflowDetails$data9.actionState) === null || _workflowDetails$data0 === void 0 ? void 0 : (_workflowDetails$data1 = _workflowDetails$data0.nextActions) === null || _workflowDetails$data1 === void 0 ? void 0 : _workflowDetails$data1.filter(e => {
+  let actions = (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data8 = workflowDetails.data) === null || _workflowDetails$data8 === void 0 ? void 0 : (_workflowDetails$data9 = _workflowDetails$data8.actionState) === null || _workflowDetails$data9 === void 0 ? void 0 : (_workflowDetails$data0 = _workflowDetails$data9.nextActions) === null || _workflowDetails$data0 === void 0 ? void 0 : _workflowDetails$data0.filter(e => {
     return (userRoles === null || userRoles === void 0 ? void 0 : userRoles.some(role => {
       var _e$roles;
       return (_e$roles = e.roles) === null || _e$roles === void 0 ? void 0 : _e$roles.includes(role);
     })) || !e.roles;
-  })) || (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data10 = workflowDetails.data) === null || _workflowDetails$data10 === void 0 ? void 0 : (_workflowDetails$data11 = _workflowDetails$data10.nextActions) === null || _workflowDetails$data11 === void 0 ? void 0 : _workflowDetails$data11.filter(e => {
+  })) || (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data1 = workflowDetails.data) === null || _workflowDetails$data1 === void 0 ? void 0 : (_workflowDetails$data10 = _workflowDetails$data1.nextActions) === null || _workflowDetails$data10 === void 0 ? void 0 : _workflowDetails$data10.filter(e => {
     return (userRoles === null || userRoles === void 0 ? void 0 : userRoles.some(role => {
       var _e$roles2;
       return (_e$roles2 = e.roles) === null || _e$roles2 === void 0 ? void 0 : _e$roles2.includes(role);
@@ -18851,8 +19500,8 @@ const NOCEmployeeApplicationOverview = () => {
   }));
   console.log("actions here", actions);
   useEffect$1(() => {
-    var _applicationDetails$N33;
-    const nocObject = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N33 = applicationDetails.Noc) === null || _applicationDetails$N33 === void 0 ? void 0 : _applicationDetails$N33[0];
+    var _applicationDetails$N30;
+    const nocObject = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N30 = applicationDetails.Noc) === null || _applicationDetails$N30 === void 0 ? void 0 : _applicationDetails$N30[0];
     if (nocObject) {
       var _nocObject$nocDetails, _nocObject$nocDetails2, _nocObject$nocDetails3, _nocObject$nocDetails4, _nocObject$nocDetails5, _nocObject$nocDetails6, _nocObject$nocDetails7, _nocObject$nocDetails8, _nocObject$nocDetails9, _nocObject$nocDetails0, _nocObject$auditDetai, _nocObject$nocDetails1, _nocObject$nocDetails10, _nocObject$nocDetails11, _nocObject$nocDetails12, _nocObject$nocDetails13, _nocObject$nocDetails14;
       const applicantDetails = nocObject === null || nocObject === void 0 ? void 0 : (_nocObject$nocDetails = nocObject.nocDetails) === null || _nocObject$nocDetails === void 0 ? void 0 : (_nocObject$nocDetails2 = _nocObject$nocDetails.additionalDetails) === null || _nocObject$nocDetails2 === void 0 ? void 0 : _nocObject$nocDetails2.applicationDetails;
@@ -18913,9 +19562,9 @@ const NOCEmployeeApplicationOverview = () => {
     setImageUrl(null);
   };
   function onActionSelect(action) {
-    var _applicationDetails$N34, _applicationDetails$N35, _siteImages$documents3, _action$state, _action$state$actions, _filterRoles$;
+    var _applicationDetails$N31, _applicationDetails$N32, _siteImages$documents3, _action$state, _action$state$actions, _filterRoles$;
     console.log("selected action", action);
-    const appNo = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N34 = applicationDetails.Noc) === null || _applicationDetails$N34 === void 0 ? void 0 : (_applicationDetails$N35 = _applicationDetails$N34[0]) === null || _applicationDetails$N35 === void 0 ? void 0 : _applicationDetails$N35.applicationNo;
+    const appNo = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N31 = applicationDetails.Noc) === null || _applicationDetails$N31 === void 0 ? void 0 : (_applicationDetails$N32 = _applicationDetails$N31[0]) === null || _applicationDetails$N32 === void 0 ? void 0 : _applicationDetails$N32.applicationNo;
     const allDocumentsUploaded = siteImages === null || siteImages === void 0 ? void 0 : (_siteImages$documents3 = siteImages.documents) === null || _siteImages$documents3 === void 0 ? void 0 : _siteImages$documents3.every(doc => (doc === null || doc === void 0 ? void 0 : doc.filestoreId) != null && (doc === null || doc === void 0 ? void 0 : doc.filestoreId) !== "");
     const filterNexState = action === null || action === void 0 ? void 0 : (_action$state = action.state) === null || _action$state === void 0 ? void 0 : (_action$state$actions = _action$state.actions) === null || _action$state$actions === void 0 ? void 0 : _action$state$actions.filter(item => item.action == (action === null || action === void 0 ? void 0 : action.action));
     const filterRoles = getWorkflowService === null || getWorkflowService === void 0 ? void 0 : getWorkflowService.filter(item => {
@@ -18951,8 +19600,8 @@ const NOCEmployeeApplicationOverview = () => {
     } else if ((action === null || action === void 0 ? void 0 : action.action) == "PAY") {
       history.push(`/digit-ui/employee/payment/collect/obpas_noc/${appNo}/${tenantId}?tenantId=${tenantId}`);
     } else {
-      var _applicationDetails$N36, _applicationDetails$N37, _siteImages$documents4;
-      if ((applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N36 = applicationDetails.Noc) === null || _applicationDetails$N36 === void 0 ? void 0 : (_applicationDetails$N37 = _applicationDetails$N36[0]) === null || _applicationDetails$N37 === void 0 ? void 0 : _applicationDetails$N37.applicationStatus) === "FIELDINSPECTION_INPROGRESS" && (action === null || action === void 0 ? void 0 : action.action) == "SEND_FOR_INSPECTION_REPORT" && (!(siteImages !== null && siteImages !== void 0 && siteImages.documents) || (siteImages === null || siteImages === void 0 ? void 0 : (_siteImages$documents4 = siteImages.documents) === null || _siteImages$documents4 === void 0 ? void 0 : _siteImages$documents4.length) < 4)) {
+      var _applicationDetails$N33, _applicationDetails$N34, _siteImages$documents4;
+      if ((applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N33 = applicationDetails.Noc) === null || _applicationDetails$N33 === void 0 ? void 0 : (_applicationDetails$N34 = _applicationDetails$N33[0]) === null || _applicationDetails$N34 === void 0 ? void 0 : _applicationDetails$N34.applicationStatus) === "FIELDINSPECTION_INPROGRESS" && (action === null || action === void 0 ? void 0 : action.action) == "SEND_FOR_INSPECTION_REPORT" && (!(siteImages !== null && siteImages !== void 0 && siteImages.documents) || (siteImages === null || siteImages === void 0 ? void 0 : (_siteImages$documents4 = siteImages.documents) === null || _siteImages$documents4 === void 0 ? void 0 : _siteImages$documents4.length) < 4)) {
         setShowToast({
           key: "true",
           error: true,
@@ -18964,15 +19613,15 @@ const NOCEmployeeApplicationOverview = () => {
       setSelectedAction(action);
     }
   }
-  const isFeeDisabled = (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N38 = applicationDetails.Noc) === null || _applicationDetails$N38 === void 0 ? void 0 : (_applicationDetails$N39 = _applicationDetails$N38[0]) === null || _applicationDetails$N39 === void 0 ? void 0 : _applicationDetails$N39.applicationStatus) === "FIELDINSPECTION_INPROGRESS";
-  const isDocPending = (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N40 = applicationDetails.Noc) === null || _applicationDetails$N40 === void 0 ? void 0 : (_applicationDetails$N41 = _applicationDetails$N40[0]) === null || _applicationDetails$N41 === void 0 ? void 0 : _applicationDetails$N41.applicationStatus) === "DOCUMENTVERIFY";
+  const isFeeDisabled = (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N35 = applicationDetails.Noc) === null || _applicationDetails$N35 === void 0 ? void 0 : (_applicationDetails$N36 = _applicationDetails$N35[0]) === null || _applicationDetails$N36 === void 0 ? void 0 : _applicationDetails$N36.applicationStatus) === "FIELDINSPECTION_INPROGRESS";
+  const isDocPending = (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N37 = applicationDetails.Noc) === null || _applicationDetails$N37 === void 0 ? void 0 : (_applicationDetails$N38 = _applicationDetails$N37[0]) === null || _applicationDetails$N38 === void 0 ? void 0 : _applicationDetails$N38.applicationStatus) === "DOCUMENTVERIFY";
   const submitAction = async data => {
-    var _applicationDetails$N42, _payloadData$nocDetai, _payloadData$nocDetai2, _payloadData$nocDetai3, _payloadData$nocDetai4, _payloadData$nocDetai5, _payloadData$nocDetai6, _applicationDetails$N43, _applicationDetails$N44, _applicationDetails$N45, _applicationDetails$N46, _Digit$UserService$ge, _Digit$UserService$ge2, _payloadData$nocDetai9, _payloadData$nocDetai0, _applicationDetails$N47, _applicationDetails$N48, _applicationDetails$N49, _applicationDetails$N50, _applicationDetails$N51, _applicationDetails$N52, _applicationDetails$N53, _applicationDetails$N54, _data$Licenses, _applicationDetails$N55, _applicationDetails$N56, _Digit$UserService$ge3, _Digit$UserService$ge4;
-    const payloadData = (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N42 = applicationDetails.Noc) === null || _applicationDetails$N42 === void 0 ? void 0 : _applicationDetails$N42[0]) || {};
+    var _applicationDetails$N39, _payloadData$nocDetai, _payloadData$nocDetai2, _payloadData$nocDetai3, _payloadData$nocDetai4, _payloadData$nocDetai5, _payloadData$nocDetai6, _applicationDetails$N40, _applicationDetails$N41, _applicationDetails$N42, _applicationDetails$N43, _Digit$UserService$ge, _Digit$UserService$ge2, _payloadData$nocDetai9, _payloadData$nocDetai0, _applicationDetails$N44, _applicationDetails$N45, _applicationDetails$N46, _applicationDetails$N47, _applicationDetails$N48, _applicationDetails$N49, _applicationDetails$N50, _applicationDetails$N51, _data$Licenses, _applicationDetails$N52, _applicationDetails$N53, _Digit$UserService$ge3, _Digit$UserService$ge4;
+    const payloadData = (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N39 = applicationDetails.Noc) === null || _applicationDetails$N39 === void 0 ? void 0 : _applicationDetails$N39[0]) || {};
     console.log("payloadData", payloadData);
     const vasikaNumber = (payloadData === null || payloadData === void 0 ? void 0 : (_payloadData$nocDetai = payloadData.nocDetails) === null || _payloadData$nocDetai === void 0 ? void 0 : (_payloadData$nocDetai2 = _payloadData$nocDetai.additionalDetails) === null || _payloadData$nocDetai2 === void 0 ? void 0 : (_payloadData$nocDetai3 = _payloadData$nocDetai2.siteDetails) === null || _payloadData$nocDetai3 === void 0 ? void 0 : _payloadData$nocDetai3.vasikaNumber) || "";
     const vasikaDate = convertToDDMMYYYY(payloadData === null || payloadData === void 0 ? void 0 : (_payloadData$nocDetai4 = payloadData.nocDetails) === null || _payloadData$nocDetai4 === void 0 ? void 0 : (_payloadData$nocDetai5 = _payloadData$nocDetai4.additionalDetails) === null || _payloadData$nocDetai5 === void 0 ? void 0 : (_payloadData$nocDetai6 = _payloadData$nocDetai5.siteDetails) === null || _payloadData$nocDetai6 === void 0 ? void 0 : _payloadData$nocDetai6.vasikaDate) || "";
-    if ((applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N43 = applicationDetails.Noc) === null || _applicationDetails$N43 === void 0 ? void 0 : (_applicationDetails$N44 = _applicationDetails$N43[0]) === null || _applicationDetails$N44 === void 0 ? void 0 : _applicationDetails$N44.applicationStatus) === "DOCUMENTVERIFY") {
+    if ((applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N40 = applicationDetails.Noc) === null || _applicationDetails$N40 === void 0 ? void 0 : (_applicationDetails$N41 = _applicationDetails$N40[0]) === null || _applicationDetails$N41 === void 0 ? void 0 : _applicationDetails$N41.applicationStatus) === "DOCUMENTVERIFY") {
       const allRemarksFilled = remainingDocs.every(doc => checklistRemarks[doc.documentUid] && typeof checklistRemarks[doc.documentUid] === "string" && checklistRemarks[doc.documentUid].trim() !== "");
       if (!allRemarksFilled) {
         setShowToast({
@@ -18983,7 +19632,7 @@ const NOCEmployeeApplicationOverview = () => {
         return;
       }
     }
-    if ((applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N45 = applicationDetails.Noc) === null || _applicationDetails$N45 === void 0 ? void 0 : (_applicationDetails$N46 = _applicationDetails$N45[0]) === null || _applicationDetails$N46 === void 0 ? void 0 : _applicationDetails$N46.applicationStatus) === "INSPECTION_REPORT_PENDING") {
+    if ((applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N42 = applicationDetails.Noc) === null || _applicationDetails$N42 === void 0 ? void 0 : (_applicationDetails$N43 = _applicationDetails$N42[0]) === null || _applicationDetails$N43 === void 0 ? void 0 : _applicationDetails$N43.applicationStatus) === "INSPECTION_REPORT_PENDING") {
       var _fieldInspectionPendi, _fieldInspectionPendi5;
       console.log("INSPECTION_REPORT_PENDING", fieldInspectionPending);
       if ((fieldInspectionPending === null || fieldInspectionPending === void 0 ? void 0 : fieldInspectionPending.length) === 0) {
@@ -19093,8 +19742,8 @@ const NOCEmployeeApplicationOverview = () => {
           calculations: [...oldCalculations, newCalculation],
           siteImages: (siteImages === null || siteImages === void 0 ? void 0 : siteImages.documents) || [],
           fieldinspection_pending: fieldInspectionPending,
-          documentVerifier: documentVerifier || (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N47 = applicationDetails.Noc) === null || _applicationDetails$N47 === void 0 ? void 0 : (_applicationDetails$N48 = _applicationDetails$N47[0]) === null || _applicationDetails$N48 === void 0 ? void 0 : (_applicationDetails$N49 = _applicationDetails$N48.nocDetails) === null || _applicationDetails$N49 === void 0 ? void 0 : (_applicationDetails$N50 = _applicationDetails$N49.additionalDetails) === null || _applicationDetails$N50 === void 0 ? void 0 : _applicationDetails$N50.documentVerifier),
-          InspectionReportVerifier: InspectionReportVerifier || (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N51 = applicationDetails.Noc) === null || _applicationDetails$N51 === void 0 ? void 0 : (_applicationDetails$N52 = _applicationDetails$N51[0]) === null || _applicationDetails$N52 === void 0 ? void 0 : (_applicationDetails$N53 = _applicationDetails$N52.nocDetails) === null || _applicationDetails$N53 === void 0 ? void 0 : (_applicationDetails$N54 = _applicationDetails$N53.additionalDetails) === null || _applicationDetails$N54 === void 0 ? void 0 : _applicationDetails$N54.InspectionReportVerifier)
+          documentVerifier: documentVerifier || (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N44 = applicationDetails.Noc) === null || _applicationDetails$N44 === void 0 ? void 0 : (_applicationDetails$N45 = _applicationDetails$N44[0]) === null || _applicationDetails$N45 === void 0 ? void 0 : (_applicationDetails$N46 = _applicationDetails$N45.nocDetails) === null || _applicationDetails$N46 === void 0 ? void 0 : (_applicationDetails$N47 = _applicationDetails$N46.additionalDetails) === null || _applicationDetails$N47 === void 0 ? void 0 : _applicationDetails$N47.documentVerifier),
+          InspectionReportVerifier: InspectionReportVerifier || (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N48 = applicationDetails.Noc) === null || _applicationDetails$N48 === void 0 ? void 0 : (_applicationDetails$N49 = _applicationDetails$N48[0]) === null || _applicationDetails$N49 === void 0 ? void 0 : (_applicationDetails$N50 = _applicationDetails$N49.nocDetails) === null || _applicationDetails$N50 === void 0 ? void 0 : (_applicationDetails$N51 = _applicationDetails$N50.additionalDetails) === null || _applicationDetails$N51 === void 0 ? void 0 : _applicationDetails$N51.InspectionReportVerifier)
         }
       }
     };
@@ -19102,7 +19751,7 @@ const NOCEmployeeApplicationOverview = () => {
     const filtData = data === null || data === void 0 ? void 0 : (_data$Licenses = data.Licenses) === null || _data$Licenses === void 0 ? void 0 : _data$Licenses[0];
     updatedApplicant.workflow = {
       action: filtData.action,
-      assignes: (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N55 = applicationDetails.Noc) === null || _applicationDetails$N55 === void 0 ? void 0 : (_applicationDetails$N56 = _applicationDetails$N55[0]) === null || _applicationDetails$N56 === void 0 ? void 0 : _applicationDetails$N56.applicationStatus) === "FIELDINSPECTION_INPROGRESS" ? [(_Digit$UserService$ge3 = Digit.UserService.getUser()) === null || _Digit$UserService$ge3 === void 0 ? void 0 : (_Digit$UserService$ge4 = _Digit$UserService$ge3.info) === null || _Digit$UserService$ge4 === void 0 ? void 0 : _Digit$UserService$ge4.uuid] : filtData === null || filtData === void 0 ? void 0 : filtData.assignee,
+      assignes: (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N52 = applicationDetails.Noc) === null || _applicationDetails$N52 === void 0 ? void 0 : (_applicationDetails$N53 = _applicationDetails$N52[0]) === null || _applicationDetails$N53 === void 0 ? void 0 : _applicationDetails$N53.applicationStatus) === "FIELDINSPECTION_INPROGRESS" ? [(_Digit$UserService$ge3 = Digit.UserService.getUser()) === null || _Digit$UserService$ge3 === void 0 ? void 0 : (_Digit$UserService$ge4 = _Digit$UserService$ge3.info) === null || _Digit$UserService$ge4 === void 0 ? void 0 : _Digit$UserService$ge4.uuid] : filtData === null || filtData === void 0 ? void 0 : filtData.assignee,
       comment: filtData === null || filtData === void 0 ? void 0 : filtData.comment,
       documents: filtData === null || filtData === void 0 ? void 0 : filtData.wfDocuments
     };
@@ -19242,7 +19891,7 @@ const NOCEmployeeApplicationOverview = () => {
     const [year, month, day] = dateString.split("-");
     return `${day}/${month}/${year}`;
   };
-  const coordinates = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N57 = applicationDetails.Noc) === null || _applicationDetails$N57 === void 0 ? void 0 : (_applicationDetails$N58 = _applicationDetails$N57[0]) === null || _applicationDetails$N58 === void 0 ? void 0 : (_applicationDetails$N59 = _applicationDetails$N58.nocDetails) === null || _applicationDetails$N59 === void 0 ? void 0 : (_applicationDetails$N60 = _applicationDetails$N59.additionalDetails) === null || _applicationDetails$N60 === void 0 ? void 0 : _applicationDetails$N60.coordinates;
+  const coordinates = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N54 = applicationDetails.Noc) === null || _applicationDetails$N54 === void 0 ? void 0 : (_applicationDetails$N55 = _applicationDetails$N54[0]) === null || _applicationDetails$N55 === void 0 ? void 0 : (_applicationDetails$N56 = _applicationDetails$N55.nocDetails) === null || _applicationDetails$N56 === void 0 ? void 0 : (_applicationDetails$N57 = _applicationDetails$N56.additionalDetails) === null || _applicationDetails$N57 === void 0 ? void 0 : _applicationDetails$N57.coordinates;
   const handleViewTimeline = () => {
     setViewTimeline(true);
     const timelineSection = document.getElementById("timeline");
@@ -19251,9 +19900,14 @@ const NOCEmployeeApplicationOverview = () => {
     });
   };
   console.log("displayData here", displayData);
-  const sitePhotos = displayData === null || displayData === void 0 ? void 0 : (_displayData$Document = displayData.Documents) === null || _displayData$Document === void 0 ? void 0 : _displayData$Document.filter(doc => doc.documentType === "OWNER.SITEPHOTOGRAPHONE" || doc.documentType === "OWNER.SITEPHOTOGRAPHTWO");
-  const remainingDocs = displayData === null || displayData === void 0 ? void 0 : (_displayData$Document2 = displayData.Documents) === null || _displayData$Document2 === void 0 ? void 0 : _displayData$Document2.filter(doc => !((doc === null || doc === void 0 ? void 0 : doc.documentType) === "OWNER.SITEPHOTOGRAPHONE" || (doc === null || doc === void 0 ? void 0 : doc.documentType) === "OWNER.SITEPHOTOGRAPHTWO"));
-  const ownersList = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N61 = applicationDetails.Noc) === null || _applicationDetails$N61 === void 0 ? void 0 : (_applicationDetails$N62 = _applicationDetails$N61[0]) === null || _applicationDetails$N62 === void 0 ? void 0 : (_applicationDetails$N63 = _applicationDetails$N62.nocDetails.additionalDetails) === null || _applicationDetails$N63 === void 0 ? void 0 : (_applicationDetails$N64 = _applicationDetails$N63.applicationDetails) === null || _applicationDetails$N64 === void 0 ? void 0 : (_applicationDetails$N65 = _applicationDetails$N64.owners) === null || _applicationDetails$N65 === void 0 ? void 0 : _applicationDetails$N65.map(item => item.ownerOrFirmName);
+  const order = {
+    "OWNER.SITEPHOTOGRAPHONE": 1,
+    "OWNER.SITEPHOTOGRAPHTWO": 2
+  };
+  const sitePhotos = displayData === null || displayData === void 0 ? void 0 : (_displayData$Document = displayData.Documents) === null || _displayData$Document === void 0 ? void 0 : (_displayData$Document2 = _displayData$Document.filter(doc => doc.documentType === "OWNER.SITEPHOTOGRAPHONE" || doc.documentType === "OWNER.SITEPHOTOGRAPHTWO")) === null || _displayData$Document2 === void 0 ? void 0 : _displayData$Document2.sort((a, b) => order[a.documentType] - order[b.documentType]);
+  console.log('sitePhotos', sitePhotos);
+  const remainingDocs = displayData === null || displayData === void 0 ? void 0 : (_displayData$Document3 = displayData.Documents) === null || _displayData$Document3 === void 0 ? void 0 : _displayData$Document3.filter(doc => !((doc === null || doc === void 0 ? void 0 : doc.documentType) === "OWNER.SITEPHOTOGRAPHONE" || (doc === null || doc === void 0 ? void 0 : doc.documentType) === "OWNER.SITEPHOTOGRAPHTWO"));
+  const ownersList = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N58 = applicationDetails.Noc) === null || _applicationDetails$N58 === void 0 ? void 0 : (_applicationDetails$N59 = _applicationDetails$N58[0]) === null || _applicationDetails$N59 === void 0 ? void 0 : (_applicationDetails$N60 = _applicationDetails$N59.nocDetails.additionalDetails) === null || _applicationDetails$N60 === void 0 ? void 0 : (_applicationDetails$N61 = _applicationDetails$N60.applicationDetails) === null || _applicationDetails$N61 === void 0 ? void 0 : (_applicationDetails$N62 = _applicationDetails$N61.owners) === null || _applicationDetails$N62 === void 0 ? void 0 : _applicationDetails$N62.map(item => item.ownerOrFirmName);
   const combinedOwnersName = ownersList === null || ownersList === void 0 ? void 0 : ownersList.join(", ");
   const primaryOwner = displayData === null || displayData === void 0 ? void 0 : (_displayData$applican = displayData.applicantDetails) === null || _displayData$applican === void 0 ? void 0 : (_displayData$applican2 = _displayData$applican[0]) === null || _displayData$applican2 === void 0 ? void 0 : (_displayData$applican3 = _displayData$applican2.owners) === null || _displayData$applican3 === void 0 ? void 0 : _displayData$applican3[0];
   const propertyId = displayData === null || displayData === void 0 ? void 0 : (_displayData$applican4 = displayData.applicantDetails) === null || _displayData$applican4 === void 0 ? void 0 : (_displayData$applican5 = _displayData$applican4[0]) === null || _displayData$applican5 === void 0 ? void 0 : (_displayData$applican6 = _displayData$applican5.owners) === null || _displayData$applican6 === void 0 ? void 0 : (_displayData$applican7 = _displayData$applican6[0]) === null || _displayData$applican7 === void 0 ? void 0 : _displayData$applican7.propertyId;
@@ -19272,12 +19926,17 @@ const NOCEmployeeApplicationOverview = () => {
   }, t("NOC_APP_OVER_VIEW_HEADER")), /*#__PURE__*/React.createElement(LinkButton, {
     label: t("VIEW_TIMELINE"),
     onClick: handleViewTimeline
-  }), loading && /*#__PURE__*/React.createElement(Loader$2, null), ["APPROVED", "E-SIGNED"].includes(applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N66 = applicationDetails.Noc) === null || _applicationDetails$N66 === void 0 ? void 0 : (_applicationDetails$N67 = _applicationDetails$N66[0]) === null || _applicationDetails$N67 === void 0 ? void 0 : _applicationDetails$N67.applicationStatus) && /*#__PURE__*/React.createElement(SubmitBar, {
+  }), loading && /*#__PURE__*/React.createElement(Loader$2, null), ["APPROVED", "E-SIGNED"].includes(applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N63 = applicationDetails.Noc) === null || _applicationDetails$N63 === void 0 ? void 0 : (_applicationDetails$N64 = _applicationDetails$N63[0]) === null || _applicationDetails$N64 === void 0 ? void 0 : _applicationDetails$N64.applicationStatus) && /*#__PURE__*/React.createElement(SubmitBar, {
     label: t("OPEN_SANCTION_LETTER"),
     onSubmit: () => openSanctionLetterPopup({
       tenantId,
       EmpData
     })
+  }), dowloadOptions && dowloadOptions.length > 0 && /*#__PURE__*/React.createElement(MultiLink, {
+    className: "multilinkWrapper",
+    onHeadClick: () => setShowOptions(!showOptions),
+    displayOptions: showOptions,
+    options: dowloadOptions
   })), /*#__PURE__*/React.createElement(NOCImageView, {
     ownerFileStoreId: displayData === null || displayData === void 0 ? void 0 : (_displayData$ownerPho = displayData.ownerPhotoList) === null || _displayData$ownerPho === void 0 ? void 0 : (_displayData$ownerPho2 = _displayData$ownerPho[0]) === null || _displayData$ownerPho2 === void 0 ? void 0 : _displayData$ownerPho2.filestoreId,
     ownerName: displayData === null || displayData === void 0 ? void 0 : (_displayData$applican8 = displayData.applicantDetails) === null || _displayData$applican8 === void 0 ? void 0 : (_displayData$applican9 = _displayData$applican8[0]) === null || _displayData$applican9 === void 0 ? void 0 : (_displayData$applican0 = _displayData$applican9.owners) === null || _displayData$applican0 === void 0 ? void 0 : (_displayData$applican1 = _displayData$applican0[0]) === null || _displayData$applican1 === void 0 ? void 0 : _displayData$applican1.ownerOrFirmName
@@ -19471,19 +20130,19 @@ const NOCEmployeeApplicationOverview = () => {
       flexWrap: "wrap",
       justifyContent: "space-between"
     }
-  }, (sitePhotos === null || sitePhotos === void 0 ? void 0 : sitePhotos.length) > 0 && [...sitePhotos].reverse().map(doc => /*#__PURE__*/React.createElement(NocSitePhotographs, {
+  }, (sitePhotos === null || sitePhotos === void 0 ? void 0 : sitePhotos.length) > 0 && [...sitePhotos].map(doc => /*#__PURE__*/React.createElement(NocSitePhotographs, {
     key: (doc === null || doc === void 0 ? void 0 : doc.filestoreId) || (doc === null || doc === void 0 ? void 0 : doc.uuid),
     filestoreId: (doc === null || doc === void 0 ? void 0 : doc.filestoreId) || (doc === null || doc === void 0 ? void 0 : doc.uuid),
     documentType: doc === null || doc === void 0 ? void 0 : doc.documentType,
     coordinates: coordinates
-  })))), (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N68 = applicationDetails.Noc) === null || _applicationDetails$N68 === void 0 ? void 0 : (_applicationDetails$N69 = _applicationDetails$N68[0]) === null || _applicationDetails$N69 === void 0 ? void 0 : _applicationDetails$N69.applicationStatus) === "FIELDINSPECTION_INPROGRESS" && hasRole && /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement("div", {
+  })))), (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N65 = applicationDetails.Noc) === null || _applicationDetails$N65 === void 0 ? void 0 : (_applicationDetails$N66 = _applicationDetails$N65[0]) === null || _applicationDetails$N66 === void 0 ? void 0 : _applicationDetails$N66.applicationStatus) === "FIELDINSPECTION_INPROGRESS" && hasRole && /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement("div", {
     id: "fieldInspection"
   }), /*#__PURE__*/React.createElement(SiteInspection, {
     siteImages: siteImages,
     setSiteImages: setSiteImages,
     geoLocations: geoLocations,
     customOpen: routeToImage
-  })), (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N70 = applicationDetails.Noc) === null || _applicationDetails$N70 === void 0 ? void 0 : (_applicationDetails$N71 = _applicationDetails$N70[0]) === null || _applicationDetails$N71 === void 0 ? void 0 : _applicationDetails$N71.applicationStatus) !== "FIELDINSPECTION_INPROGRESS" && (siteImages === null || siteImages === void 0 ? void 0 : (_siteImages$documents5 = siteImages.documents) === null || _siteImages$documents5 === void 0 ? void 0 : _siteImages$documents5.length) > 0 && /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardSubHeader, null, t("BPA_FIELD_INSPECTION_UPLOADED_DOCUMENTS")), /*#__PURE__*/React.createElement(StatusTable, {
+  })), (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N67 = applicationDetails.Noc) === null || _applicationDetails$N67 === void 0 ? void 0 : (_applicationDetails$N68 = _applicationDetails$N67[0]) === null || _applicationDetails$N68 === void 0 ? void 0 : _applicationDetails$N68.applicationStatus) !== "FIELDINSPECTION_INPROGRESS" && (siteImages === null || siteImages === void 0 ? void 0 : (_siteImages$documents5 = siteImages.documents) === null || _siteImages$documents5 === void 0 ? void 0 : _siteImages$documents5.length) > 0 && /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardSubHeader, null, t("BPA_FIELD_INSPECTION_UPLOADED_DOCUMENTS")), /*#__PURE__*/React.createElement(StatusTable, {
     style: {
       display: "flex",
       gap: "20px",
@@ -19504,22 +20163,22 @@ const NOCEmployeeApplicationOverview = () => {
     }
   }, t("SITE_INSPECTION_IMAGES_LOCATIONS")), /*#__PURE__*/React.createElement(CustomLocationSearch, {
     position: geoLocations
-  }))), (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N72 = applicationDetails.Noc) === null || _applicationDetails$N72 === void 0 ? void 0 : (_applicationDetails$N73 = _applicationDetails$N72[0]) === null || _applicationDetails$N73 === void 0 ? void 0 : _applicationDetails$N73.applicationStatus) === "INSPECTION_REPORT_PENDING" && hasRole && /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardSubHeader, null, InspectionReportVerifier || applicationDetails !== null && applicationDetails !== void 0 && (_applicationDetails$N74 = applicationDetails.Noc) !== null && _applicationDetails$N74 !== void 0 && (_applicationDetails$N75 = _applicationDetails$N74[0]) !== null && _applicationDetails$N75 !== void 0 && (_applicationDetails$N76 = _applicationDetails$N75.nocDetails) !== null && _applicationDetails$N76 !== void 0 && (_applicationDetails$N77 = _applicationDetails$N76.additionalDetails) !== null && _applicationDetails$N77 !== void 0 && _applicationDetails$N77.InspectionReportVerifier ? `${t("BPA_FI_REPORT")} - Verified by ${InspectionReportVerifier || (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N78 = applicationDetails.Noc) === null || _applicationDetails$N78 === void 0 ? void 0 : (_applicationDetails$N79 = _applicationDetails$N78[0]) === null || _applicationDetails$N79 === void 0 ? void 0 : (_applicationDetails$N80 = _applicationDetails$N79.nocDetails) === null || _applicationDetails$N80 === void 0 ? void 0 : (_applicationDetails$N81 = _applicationDetails$N80.additionalDetails) === null || _applicationDetails$N81 === void 0 ? void 0 : _applicationDetails$N81.InspectionReportVerifier)}` : t("BPA_FI_REPORT")), /*#__PURE__*/React.createElement("div", {
+  }))), (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N69 = applicationDetails.Noc) === null || _applicationDetails$N69 === void 0 ? void 0 : (_applicationDetails$N70 = _applicationDetails$N69[0]) === null || _applicationDetails$N70 === void 0 ? void 0 : _applicationDetails$N70.applicationStatus) === "INSPECTION_REPORT_PENDING" && hasRole && /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardSubHeader, null, InspectionReportVerifier || applicationDetails !== null && applicationDetails !== void 0 && (_applicationDetails$N71 = applicationDetails.Noc) !== null && _applicationDetails$N71 !== void 0 && (_applicationDetails$N72 = _applicationDetails$N71[0]) !== null && _applicationDetails$N72 !== void 0 && (_applicationDetails$N73 = _applicationDetails$N72.nocDetails) !== null && _applicationDetails$N73 !== void 0 && (_applicationDetails$N74 = _applicationDetails$N73.additionalDetails) !== null && _applicationDetails$N74 !== void 0 && _applicationDetails$N74.InspectionReportVerifier ? `${t("BPA_FI_REPORT")} - Verified by ${InspectionReportVerifier || (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N75 = applicationDetails.Noc) === null || _applicationDetails$N75 === void 0 ? void 0 : (_applicationDetails$N76 = _applicationDetails$N75[0]) === null || _applicationDetails$N76 === void 0 ? void 0 : (_applicationDetails$N77 = _applicationDetails$N76.nocDetails) === null || _applicationDetails$N77 === void 0 ? void 0 : (_applicationDetails$N78 = _applicationDetails$N77.additionalDetails) === null || _applicationDetails$N78 === void 0 ? void 0 : _applicationDetails$N78.InspectionReportVerifier)}` : t("BPA_FI_REPORT")), /*#__PURE__*/React.createElement("div", {
     id: "fieldInspection"
   }), /*#__PURE__*/React.createElement(InspectionReport$1, {
     isCitizen: true,
-    fiReport: (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N82 = applicationDetails.Noc) === null || _applicationDetails$N82 === void 0 ? void 0 : (_applicationDetails$N83 = _applicationDetails$N82[0]) === null || _applicationDetails$N83 === void 0 ? void 0 : (_applicationDetails$N84 = _applicationDetails$N83.nocDetails) === null || _applicationDetails$N84 === void 0 ? void 0 : (_applicationDetails$N85 = _applicationDetails$N84.additionalDetails) === null || _applicationDetails$N85 === void 0 ? void 0 : _applicationDetails$N85.fieldinspection_pending) || [],
+    fiReport: (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N79 = applicationDetails.Noc) === null || _applicationDetails$N79 === void 0 ? void 0 : (_applicationDetails$N80 = _applicationDetails$N79[0]) === null || _applicationDetails$N80 === void 0 ? void 0 : (_applicationDetails$N81 = _applicationDetails$N80.nocDetails) === null || _applicationDetails$N81 === void 0 ? void 0 : (_applicationDetails$N82 = _applicationDetails$N81.additionalDetails) === null || _applicationDetails$N82 === void 0 ? void 0 : _applicationDetails$N82.fieldinspection_pending) || [],
     onSelect: onChangeReport,
-    applicationStatus: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N86 = applicationDetails.Noc) === null || _applicationDetails$N86 === void 0 ? void 0 : (_applicationDetails$N87 = _applicationDetails$N86[0]) === null || _applicationDetails$N87 === void 0 ? void 0 : _applicationDetails$N87.applicationStatus,
-    InspectionReportVerifier: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N88 = applicationDetails.Noc) === null || _applicationDetails$N88 === void 0 ? void 0 : (_applicationDetails$N89 = _applicationDetails$N88[0]) === null || _applicationDetails$N89 === void 0 ? void 0 : (_applicationDetails$N90 = _applicationDetails$N89.nocDetails) === null || _applicationDetails$N90 === void 0 ? void 0 : (_applicationDetails$N91 = _applicationDetails$N90.additionalDetails) === null || _applicationDetails$N91 === void 0 ? void 0 : _applicationDetails$N91.InspectionReportVerifier
-  })), (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N92 = applicationDetails.Noc) === null || _applicationDetails$N92 === void 0 ? void 0 : (_applicationDetails$N93 = _applicationDetails$N92[0]) === null || _applicationDetails$N93 === void 0 ? void 0 : _applicationDetails$N93.applicationStatus) !== "INSPECTION_REPORT_PENDING" && (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N94 = applicationDetails.Noc) === null || _applicationDetails$N94 === void 0 ? void 0 : (_applicationDetails$N95 = _applicationDetails$N94[0]) === null || _applicationDetails$N95 === void 0 ? void 0 : (_applicationDetails$N96 = _applicationDetails$N95.nocDetails) === null || _applicationDetails$N96 === void 0 ? void 0 : (_applicationDetails$N97 = _applicationDetails$N96.additionalDetails) === null || _applicationDetails$N97 === void 0 ? void 0 : (_applicationDetails$N98 = _applicationDetails$N97.fieldinspection_pending) === null || _applicationDetails$N98 === void 0 ? void 0 : _applicationDetails$N98.length) > 0 && /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardSubHeader, null, InspectionReportVerifier || applicationDetails !== null && applicationDetails !== void 0 && (_applicationDetails$N99 = applicationDetails.Noc) !== null && _applicationDetails$N99 !== void 0 && (_applicationDetails$N100 = _applicationDetails$N99[0]) !== null && _applicationDetails$N100 !== void 0 && (_applicationDetails$N101 = _applicationDetails$N100.nocDetails) !== null && _applicationDetails$N101 !== void 0 && (_applicationDetails$N102 = _applicationDetails$N101.additionalDetails) !== null && _applicationDetails$N102 !== void 0 && _applicationDetails$N102.InspectionReportVerifier ? `${t("BPA_FI_REPORT")} - Verified by ${InspectionReportVerifier || (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N103 = applicationDetails.Noc) === null || _applicationDetails$N103 === void 0 ? void 0 : (_applicationDetails$N104 = _applicationDetails$N103[0]) === null || _applicationDetails$N104 === void 0 ? void 0 : (_applicationDetails$N105 = _applicationDetails$N104.nocDetails) === null || _applicationDetails$N105 === void 0 ? void 0 : (_applicationDetails$N106 = _applicationDetails$N105.additionalDetails) === null || _applicationDetails$N106 === void 0 ? void 0 : _applicationDetails$N106.InspectionReportVerifier)}` : t("BPA_FI_REPORT")), /*#__PURE__*/React.createElement("div", {
+    applicationStatus: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N83 = applicationDetails.Noc) === null || _applicationDetails$N83 === void 0 ? void 0 : (_applicationDetails$N84 = _applicationDetails$N83[0]) === null || _applicationDetails$N84 === void 0 ? void 0 : _applicationDetails$N84.applicationStatus,
+    InspectionReportVerifier: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N85 = applicationDetails.Noc) === null || _applicationDetails$N85 === void 0 ? void 0 : (_applicationDetails$N86 = _applicationDetails$N85[0]) === null || _applicationDetails$N86 === void 0 ? void 0 : (_applicationDetails$N87 = _applicationDetails$N86.nocDetails) === null || _applicationDetails$N87 === void 0 ? void 0 : (_applicationDetails$N88 = _applicationDetails$N87.additionalDetails) === null || _applicationDetails$N88 === void 0 ? void 0 : _applicationDetails$N88.InspectionReportVerifier
+  })), (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N89 = applicationDetails.Noc) === null || _applicationDetails$N89 === void 0 ? void 0 : (_applicationDetails$N90 = _applicationDetails$N89[0]) === null || _applicationDetails$N90 === void 0 ? void 0 : _applicationDetails$N90.applicationStatus) === "FIELDINSPECTION_INPROGRESS" ? /*#__PURE__*/React.createElement("div", null, t("BPA_NO_INSPECTION_REPORT_AVAILABLE_LABEL")) : (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N91 = applicationDetails.Noc) === null || _applicationDetails$N91 === void 0 ? void 0 : (_applicationDetails$N92 = _applicationDetails$N91[0]) === null || _applicationDetails$N92 === void 0 ? void 0 : _applicationDetails$N92.applicationStatus) !== "INSPECTION_REPORT_PENDING" && (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N93 = applicationDetails.Noc) === null || _applicationDetails$N93 === void 0 ? void 0 : (_applicationDetails$N94 = _applicationDetails$N93[0]) === null || _applicationDetails$N94 === void 0 ? void 0 : (_applicationDetails$N95 = _applicationDetails$N94.nocDetails) === null || _applicationDetails$N95 === void 0 ? void 0 : (_applicationDetails$N96 = _applicationDetails$N95.additionalDetails) === null || _applicationDetails$N96 === void 0 ? void 0 : (_applicationDetails$N97 = _applicationDetails$N96.fieldinspection_pending) === null || _applicationDetails$N97 === void 0 ? void 0 : _applicationDetails$N97.length) > 0 && /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardSubHeader, null, InspectionReportVerifier || applicationDetails !== null && applicationDetails !== void 0 && (_applicationDetails$N98 = applicationDetails.Noc) !== null && _applicationDetails$N98 !== void 0 && (_applicationDetails$N99 = _applicationDetails$N98[0]) !== null && _applicationDetails$N99 !== void 0 && (_applicationDetails$N100 = _applicationDetails$N99.nocDetails) !== null && _applicationDetails$N100 !== void 0 && (_applicationDetails$N101 = _applicationDetails$N100.additionalDetails) !== null && _applicationDetails$N101 !== void 0 && _applicationDetails$N101.InspectionReportVerifier ? `${t("BPA_FI_REPORT")} - Verified by ${InspectionReportVerifier || (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N102 = applicationDetails.Noc) === null || _applicationDetails$N102 === void 0 ? void 0 : (_applicationDetails$N103 = _applicationDetails$N102[0]) === null || _applicationDetails$N103 === void 0 ? void 0 : (_applicationDetails$N104 = _applicationDetails$N103.nocDetails) === null || _applicationDetails$N104 === void 0 ? void 0 : (_applicationDetails$N105 = _applicationDetails$N104.additionalDetails) === null || _applicationDetails$N105 === void 0 ? void 0 : _applicationDetails$N105.InspectionReportVerifier)}` : t("BPA_FI_REPORT")), /*#__PURE__*/React.createElement("div", {
     id: "fieldInspection"
   }), /*#__PURE__*/React.createElement(InspectionReportDisplay, {
-    fiReport: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N107 = applicationDetails.Noc) === null || _applicationDetails$N107 === void 0 ? void 0 : (_applicationDetails$N108 = _applicationDetails$N107[0]) === null || _applicationDetails$N108 === void 0 ? void 0 : (_applicationDetails$N109 = _applicationDetails$N108.nocDetails) === null || _applicationDetails$N109 === void 0 ? void 0 : (_applicationDetails$N110 = _applicationDetails$N109.additionalDetails) === null || _applicationDetails$N110 === void 0 ? void 0 : _applicationDetails$N110.fieldinspection_pending,
-    InspectionReportVerifier: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N111 = applicationDetails.Noc) === null || _applicationDetails$N111 === void 0 ? void 0 : (_applicationDetails$N112 = _applicationDetails$N111[0]) === null || _applicationDetails$N112 === void 0 ? void 0 : (_applicationDetails$N113 = _applicationDetails$N112.nocDetails) === null || _applicationDetails$N113 === void 0 ? void 0 : (_applicationDetails$N114 = _applicationDetails$N113.additionalDetails) === null || _applicationDetails$N114 === void 0 ? void 0 : _applicationDetails$N114.InspectionReportVerifier
-  })), /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardSubHeader, null, t("NOC_UPLOADED_OWNER_ID")), /*#__PURE__*/React.createElement(StatusTable, null, (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N115 = applicationDetails.Noc) === null || _applicationDetails$N115 === void 0 ? void 0 : (_applicationDetails$N116 = _applicationDetails$N115[0]) === null || _applicationDetails$N116 === void 0 ? void 0 : (_applicationDetails$N117 = _applicationDetails$N116.nocDetails) === null || _applicationDetails$N117 === void 0 ? void 0 : (_applicationDetails$N118 = _applicationDetails$N117.additionalDetails) === null || _applicationDetails$N118 === void 0 ? void 0 : (_applicationDetails$N119 = _applicationDetails$N118.ownerIds) === null || _applicationDetails$N119 === void 0 ? void 0 : _applicationDetails$N119.length) > 0 && /*#__PURE__*/React.createElement(NOCDocumentTableView, {
-    documents: [...((applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N120 = applicationDetails.Noc) === null || _applicationDetails$N120 === void 0 ? void 0 : (_applicationDetails$N121 = _applicationDetails$N120[0]) === null || _applicationDetails$N121 === void 0 ? void 0 : (_applicationDetails$N122 = _applicationDetails$N121.nocDetails) === null || _applicationDetails$N122 === void 0 ? void 0 : (_applicationDetails$N123 = _applicationDetails$N122.additionalDetails) === null || _applicationDetails$N123 === void 0 ? void 0 : _applicationDetails$N123.ownerIds) || [])]
-  }))), /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardSubHeader, null, documentVerifier || applicationDetails !== null && applicationDetails !== void 0 && applicationDetails.documentVerifier || applicationDetails !== null && applicationDetails !== void 0 && (_applicationDetails$N124 = applicationDetails.Noc) !== null && _applicationDetails$N124 !== void 0 && (_applicationDetails$N125 = _applicationDetails$N124[0]) !== null && _applicationDetails$N125 !== void 0 && (_applicationDetails$N126 = _applicationDetails$N125.nocDetails) !== null && _applicationDetails$N126 !== void 0 && (_applicationDetails$N127 = _applicationDetails$N126.additionalDetails) !== null && _applicationDetails$N127 !== void 0 && _applicationDetails$N127.documentVerifier ? `Document Checklist Verified by - ${documentVerifier || (applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.documentVerifier) || (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N128 = applicationDetails.Noc) === null || _applicationDetails$N128 === void 0 ? void 0 : (_applicationDetails$N129 = _applicationDetails$N128[0]) === null || _applicationDetails$N129 === void 0 ? void 0 : (_applicationDetails$N130 = _applicationDetails$N129.nocDetails) === null || _applicationDetails$N130 === void 0 ? void 0 : (_applicationDetails$N131 = _applicationDetails$N130.additionalDetails) === null || _applicationDetails$N131 === void 0 ? void 0 : _applicationDetails$N131.documentVerifier)}` : "Documents Uploaded"), (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N132 = applicationDetails.Noc) === null || _applicationDetails$N132 === void 0 ? void 0 : (_applicationDetails$N133 = _applicationDetails$N132[0]) === null || _applicationDetails$N133 === void 0 ? void 0 : _applicationDetails$N133.applicationStatus) === "FIELDINSPECTION_INPROGRESS" || (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N134 = applicationDetails.Noc) === null || _applicationDetails$N134 === void 0 ? void 0 : (_applicationDetails$N135 = _applicationDetails$N134[0]) === null || _applicationDetails$N135 === void 0 ? void 0 : _applicationDetails$N135.applicationStatus) === "INSPECTION_REPORT_PENDING" ? /*#__PURE__*/React.createElement(StatusTable, null, (remainingDocs === null || remainingDocs === void 0 ? void 0 : remainingDocs.length) > 0 && /*#__PURE__*/React.createElement(NOCDocumentTableView, {
+    fiReport: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N106 = applicationDetails.Noc) === null || _applicationDetails$N106 === void 0 ? void 0 : (_applicationDetails$N107 = _applicationDetails$N106[0]) === null || _applicationDetails$N107 === void 0 ? void 0 : (_applicationDetails$N108 = _applicationDetails$N107.nocDetails) === null || _applicationDetails$N108 === void 0 ? void 0 : (_applicationDetails$N109 = _applicationDetails$N108.additionalDetails) === null || _applicationDetails$N109 === void 0 ? void 0 : _applicationDetails$N109.fieldinspection_pending,
+    InspectionReportVerifier: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N110 = applicationDetails.Noc) === null || _applicationDetails$N110 === void 0 ? void 0 : (_applicationDetails$N111 = _applicationDetails$N110[0]) === null || _applicationDetails$N111 === void 0 ? void 0 : (_applicationDetails$N112 = _applicationDetails$N111.nocDetails) === null || _applicationDetails$N112 === void 0 ? void 0 : (_applicationDetails$N113 = _applicationDetails$N112.additionalDetails) === null || _applicationDetails$N113 === void 0 ? void 0 : _applicationDetails$N113.InspectionReportVerifier
+  })), /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardSubHeader, null, t("NOC_UPLOADED_OWNER_ID")), /*#__PURE__*/React.createElement(StatusTable, null, (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N114 = applicationDetails.Noc) === null || _applicationDetails$N114 === void 0 ? void 0 : (_applicationDetails$N115 = _applicationDetails$N114[0]) === null || _applicationDetails$N115 === void 0 ? void 0 : (_applicationDetails$N116 = _applicationDetails$N115.nocDetails) === null || _applicationDetails$N116 === void 0 ? void 0 : (_applicationDetails$N117 = _applicationDetails$N116.additionalDetails) === null || _applicationDetails$N117 === void 0 ? void 0 : (_applicationDetails$N118 = _applicationDetails$N117.ownerIds) === null || _applicationDetails$N118 === void 0 ? void 0 : _applicationDetails$N118.length) > 0 && /*#__PURE__*/React.createElement(NOCDocumentTableView, {
+    documents: [...((applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N119 = applicationDetails.Noc) === null || _applicationDetails$N119 === void 0 ? void 0 : (_applicationDetails$N120 = _applicationDetails$N119[0]) === null || _applicationDetails$N120 === void 0 ? void 0 : (_applicationDetails$N121 = _applicationDetails$N120.nocDetails) === null || _applicationDetails$N121 === void 0 ? void 0 : (_applicationDetails$N122 = _applicationDetails$N121.additionalDetails) === null || _applicationDetails$N122 === void 0 ? void 0 : _applicationDetails$N122.ownerIds) || [])]
+  }))), /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardSubHeader, null, documentVerifier || applicationDetails !== null && applicationDetails !== void 0 && applicationDetails.documentVerifier || applicationDetails !== null && applicationDetails !== void 0 && (_applicationDetails$N123 = applicationDetails.Noc) !== null && _applicationDetails$N123 !== void 0 && (_applicationDetails$N124 = _applicationDetails$N123[0]) !== null && _applicationDetails$N124 !== void 0 && (_applicationDetails$N125 = _applicationDetails$N124.nocDetails) !== null && _applicationDetails$N125 !== void 0 && (_applicationDetails$N126 = _applicationDetails$N125.additionalDetails) !== null && _applicationDetails$N126 !== void 0 && _applicationDetails$N126.documentVerifier ? `Document Checklist Verified by - ${documentVerifier || (applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.documentVerifier) || (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N127 = applicationDetails.Noc) === null || _applicationDetails$N127 === void 0 ? void 0 : (_applicationDetails$N128 = _applicationDetails$N127[0]) === null || _applicationDetails$N128 === void 0 ? void 0 : (_applicationDetails$N129 = _applicationDetails$N128.nocDetails) === null || _applicationDetails$N129 === void 0 ? void 0 : (_applicationDetails$N130 = _applicationDetails$N129.additionalDetails) === null || _applicationDetails$N130 === void 0 ? void 0 : _applicationDetails$N130.documentVerifier)}` : "Documents Uploaded"), (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N131 = applicationDetails.Noc) === null || _applicationDetails$N131 === void 0 ? void 0 : (_applicationDetails$N132 = _applicationDetails$N131[0]) === null || _applicationDetails$N132 === void 0 ? void 0 : _applicationDetails$N132.applicationStatus) === "FIELDINSPECTION_INPROGRESS" || (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N133 = applicationDetails.Noc) === null || _applicationDetails$N133 === void 0 ? void 0 : (_applicationDetails$N134 = _applicationDetails$N133[0]) === null || _applicationDetails$N134 === void 0 ? void 0 : _applicationDetails$N134.applicationStatus) === "INSPECTION_REPORT_PENDING" ? /*#__PURE__*/React.createElement(StatusTable, null, (remainingDocs === null || remainingDocs === void 0 ? void 0 : remainingDocs.length) > 0 && /*#__PURE__*/React.createElement(NOCDocumentTableView, {
     documents: remainingDocs
   })) : /*#__PURE__*/React.createElement(Fragment, null, (remainingDocs === null || remainingDocs === void 0 ? void 0 : remainingDocs.length) > 0 && /*#__PURE__*/React.createElement(NOCDocumentChecklist, {
     documents: remainingDocs,
@@ -19527,22 +20186,23 @@ const NOCEmployeeApplicationOverview = () => {
     tenantId: tenantId,
     onRemarksChange: setChecklistRemarks,
     readOnly: !isDocPending
-  }))), /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardSubHeader, null, t("NOC_FEE_DETAILS_LABEL")), (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N136 = applicationDetails.Noc) === null || _applicationDetails$N136 === void 0 ? void 0 : (_applicationDetails$N137 = _applicationDetails$N136[0]) === null || _applicationDetails$N137 === void 0 ? void 0 : _applicationDetails$N137.nocDetails) && /*#__PURE__*/React.createElement(NOCFeeEstimationDetails, {
+  }))), /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardSubHeader, null, t("NOC_FEE_DETAILS_LABEL")), (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N135 = applicationDetails.Noc) === null || _applicationDetails$N135 === void 0 ? void 0 : (_applicationDetails$N136 = _applicationDetails$N135[0]) === null || _applicationDetails$N136 === void 0 ? void 0 : _applicationDetails$N136.nocDetails) && /*#__PURE__*/React.createElement(NOCFeeEstimationDetails, {
     formData: {
       apiData: {
         ...applicationDetails
       },
       applicationDetails: {
-        ...(applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N138 = applicationDetails.Noc) === null || _applicationDetails$N138 === void 0 ? void 0 : (_applicationDetails$N139 = _applicationDetails$N138[0]) === null || _applicationDetails$N139 === void 0 ? void 0 : (_applicationDetails$N140 = _applicationDetails$N139.nocDetails) === null || _applicationDetails$N140 === void 0 ? void 0 : (_applicationDetails$N141 = _applicationDetails$N140.additionalDetails) === null || _applicationDetails$N141 === void 0 ? void 0 : _applicationDetails$N141.applicationDetails)
+        ...(applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N137 = applicationDetails.Noc) === null || _applicationDetails$N137 === void 0 ? void 0 : (_applicationDetails$N138 = _applicationDetails$N137[0]) === null || _applicationDetails$N138 === void 0 ? void 0 : (_applicationDetails$N139 = _applicationDetails$N138.nocDetails) === null || _applicationDetails$N139 === void 0 ? void 0 : (_applicationDetails$N140 = _applicationDetails$N139.additionalDetails) === null || _applicationDetails$N140 === void 0 ? void 0 : _applicationDetails$N140.applicationDetails)
       },
       siteDetails: {
-        ...(applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N142 = applicationDetails.Noc) === null || _applicationDetails$N142 === void 0 ? void 0 : (_applicationDetails$N143 = _applicationDetails$N142[0]) === null || _applicationDetails$N143 === void 0 ? void 0 : (_applicationDetails$N144 = _applicationDetails$N143.nocDetails) === null || _applicationDetails$N144 === void 0 ? void 0 : (_applicationDetails$N145 = _applicationDetails$N144.additionalDetails) === null || _applicationDetails$N145 === void 0 ? void 0 : _applicationDetails$N145.siteDetails)
+        ...(applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N141 = applicationDetails.Noc) === null || _applicationDetails$N141 === void 0 ? void 0 : (_applicationDetails$N142 = _applicationDetails$N141[0]) === null || _applicationDetails$N142 === void 0 ? void 0 : (_applicationDetails$N143 = _applicationDetails$N142.nocDetails) === null || _applicationDetails$N143 === void 0 ? void 0 : (_applicationDetails$N144 = _applicationDetails$N143.additionalDetails) === null || _applicationDetails$N144 === void 0 ? void 0 : _applicationDetails$N144.siteDetails)
       },
-      calculations: (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N146 = applicationDetails.Noc) === null || _applicationDetails$N146 === void 0 ? void 0 : (_applicationDetails$N147 = _applicationDetails$N146[0]) === null || _applicationDetails$N147 === void 0 ? void 0 : (_applicationDetails$N148 = _applicationDetails$N147.nocDetails) === null || _applicationDetails$N148 === void 0 ? void 0 : (_applicationDetails$N149 = _applicationDetails$N148.additionalDetails) === null || _applicationDetails$N149 === void 0 ? void 0 : _applicationDetails$N149.calculations) || []
+      calculations: (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N145 = applicationDetails.Noc) === null || _applicationDetails$N145 === void 0 ? void 0 : (_applicationDetails$N146 = _applicationDetails$N145[0]) === null || _applicationDetails$N146 === void 0 ? void 0 : (_applicationDetails$N147 = _applicationDetails$N146.nocDetails) === null || _applicationDetails$N147 === void 0 ? void 0 : (_applicationDetails$N148 = _applicationDetails$N147.additionalDetails) === null || _applicationDetails$N148 === void 0 ? void 0 : _applicationDetails$N148.calculations) || []
     },
     feeAdjustments: feeAdjustments,
     setFeeAdjustments: setFeeAdjustments,
-    disable: (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N150 = applicationDetails.Noc) === null || _applicationDetails$N150 === void 0 ? void 0 : (_applicationDetails$N151 = _applicationDetails$N150[0]) === null || _applicationDetails$N151 === void 0 ? void 0 : _applicationDetails$N151.applicationStatus) === "FIELDINSPECTION_INPROGRESS"
+    disable: (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N149 = applicationDetails.Noc) === null || _applicationDetails$N149 === void 0 ? void 0 : (_applicationDetails$N150 = _applicationDetails$N149[0]) === null || _applicationDetails$N150 === void 0 ? void 0 : _applicationDetails$N150.applicationStatus) === "FIELDINSPECTION_INPROGRESS" || (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N151 = applicationDetails.Noc) === null || _applicationDetails$N151 === void 0 ? void 0 : (_applicationDetails$N152 = _applicationDetails$N151[0]) === null || _applicationDetails$N152 === void 0 ? void 0 : _applicationDetails$N152.applicationStatus) === "APPROVED",
+    applicationStatus: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N153 = applicationDetails.Noc) === null || _applicationDetails$N153 === void 0 ? void 0 : (_applicationDetails$N154 = _applicationDetails$N153[0]) === null || _applicationDetails$N154 === void 0 ? void 0 : _applicationDetails$N154.applicationStatus
   })), /*#__PURE__*/React.createElement(CheckBox, {
     label: `I/We hereby solemnly affirm and declare that I am submitting this application on behalf of the applicant (${combinedOwnersName}). I/We along with the applicant have read the Policy and understand all the terms and conditions of the Policy. We are committed to fulfill/abide by all the terms and conditions of the Policy. The information/documents submitted are true and correct as per record and no part of it is false and nothing has been concealed/misrepresented therein.`,
     checked: "true"
@@ -19552,7 +20212,7 @@ const NOCEmployeeApplicationOverview = () => {
     workflowDetails: workflowDetails,
     t: t,
     timeObj: timeObj
-  })), (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && /*#__PURE__*/React.createElement(ActionBar, null, displayMenu && (workflowDetails !== null && workflowDetails !== void 0 && (_workflowDetails$data12 = workflowDetails.data) !== null && _workflowDetails$data12 !== void 0 && (_workflowDetails$data13 = _workflowDetails$data12.actionState) !== null && _workflowDetails$data13 !== void 0 && _workflowDetails$data13.nextActions || workflowDetails !== null && workflowDetails !== void 0 && (_workflowDetails$data14 = workflowDetails.data) !== null && _workflowDetails$data14 !== void 0 && _workflowDetails$data14.nextActions) ? /*#__PURE__*/React.createElement(Menu, {
+  })), (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && /*#__PURE__*/React.createElement(ActionBar, null, displayMenu && (workflowDetails !== null && workflowDetails !== void 0 && (_workflowDetails$data11 = workflowDetails.data) !== null && _workflowDetails$data11 !== void 0 && (_workflowDetails$data12 = _workflowDetails$data11.actionState) !== null && _workflowDetails$data12 !== void 0 && _workflowDetails$data12.nextActions || workflowDetails !== null && workflowDetails !== void 0 && (_workflowDetails$data13 = workflowDetails.data) !== null && _workflowDetails$data13 !== void 0 && _workflowDetails$data13.nextActions) ? /*#__PURE__*/React.createElement(Menu, {
     localeKeyPrefix: `WF_EMPLOYEE_${"NOC"}`,
     options: actions,
     optionKey: "action",
@@ -19592,7 +20252,7 @@ const NOCEmployeeApplicationOverview = () => {
     applicationData: applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.Noc,
     closeModal: closeModal,
     submitAction: submitAction,
-    actionData: workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data15 = workflowDetails.data) === null || _workflowDetails$data15 === void 0 ? void 0 : _workflowDetails$data15.timeline,
+    actionData: workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data14 = workflowDetails.data) === null || _workflowDetails$data14 === void 0 ? void 0 : _workflowDetails$data14.timeline,
     workflowDetails: workflowDetails,
     showToast: showToast,
     setShowToast: setShowToast,
@@ -21183,1046 +21843,729 @@ function dateTimeLongFormatter(pattern, formatLong) {
         width: 'long'
       });
       break;
-    case 'PPPP':
-    default:
-      dateTimeFormat = formatLong.dateTime({
-        width: 'full'
-      });
-      break;
-  }
-  return dateTimeFormat.replace('{{date}}', dateLongFormatter(datePattern, formatLong)).replace('{{time}}', timeLongFormatter(timePattern, formatLong));
-}
-var longFormatters = {
-  p: timeLongFormatter,
-  P: dateTimeLongFormatter
-};
-
-var protectedDayOfYearTokens = ['D', 'DD'];
-var protectedWeekYearTokens = ['YY', 'YYYY'];
-function isProtectedDayOfYearToken(token) {
-  return protectedDayOfYearTokens.indexOf(token) !== -1;
-}
-function isProtectedWeekYearToken(token) {
-  return protectedWeekYearTokens.indexOf(token) !== -1;
-}
-function throwProtectedError(token, format, input) {
-  if (token === 'YYYY') {
-    throw new RangeError("Use `yyyy` instead of `YYYY` (in `".concat(format, "`) for formatting years to the input `").concat(input, "`; see: https://git.io/fxCyr"));
-  } else if (token === 'YY') {
-    throw new RangeError("Use `yy` instead of `YY` (in `".concat(format, "`) for formatting years to the input `").concat(input, "`; see: https://git.io/fxCyr"));
-  } else if (token === 'D') {
-    throw new RangeError("Use `d` instead of `D` (in `".concat(format, "`) for formatting days of the month to the input `").concat(input, "`; see: https://git.io/fxCyr"));
-  } else if (token === 'DD') {
-    throw new RangeError("Use `dd` instead of `DD` (in `".concat(format, "`) for formatting days of the month to the input `").concat(input, "`; see: https://git.io/fxCyr"));
-  }
-}
-
-var formattingTokensRegExp = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g;
-var longFormattingTokensRegExp = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g;
-var escapedStringRegExp = /^'([^]*?)'?$/;
-var doubleQuoteRegExp = /''/g;
-var unescapedLatinCharacterRegExp = /[a-zA-Z]/;
-function format(dirtyDate, dirtyFormatStr, dirtyOptions) {
-  requiredArgs(2, arguments);
-  var formatStr = String(dirtyFormatStr);
-  var options = dirtyOptions || {};
-  var locale$1 = options.locale || locale;
-  var localeFirstWeekContainsDate = locale$1.options && locale$1.options.firstWeekContainsDate;
-  var defaultFirstWeekContainsDate = localeFirstWeekContainsDate == null ? 1 : toInteger(localeFirstWeekContainsDate);
-  var firstWeekContainsDate = options.firstWeekContainsDate == null ? defaultFirstWeekContainsDate : toInteger(options.firstWeekContainsDate);
-  if (!(firstWeekContainsDate >= 1 && firstWeekContainsDate <= 7)) {
-    throw new RangeError('firstWeekContainsDate must be between 1 and 7 inclusively');
-  }
-  var localeWeekStartsOn = locale$1.options && locale$1.options.weekStartsOn;
-  var defaultWeekStartsOn = localeWeekStartsOn == null ? 0 : toInteger(localeWeekStartsOn);
-  var weekStartsOn = options.weekStartsOn == null ? defaultWeekStartsOn : toInteger(options.weekStartsOn);
-  if (!(weekStartsOn >= 0 && weekStartsOn <= 6)) {
-    throw new RangeError('weekStartsOn must be between 0 and 6 inclusively');
-  }
-  if (!locale$1.localize) {
-    throw new RangeError('locale must contain localize property');
-  }
-  if (!locale$1.formatLong) {
-    throw new RangeError('locale must contain formatLong property');
-  }
-  var originalDate = toDate(dirtyDate);
-  if (!isValid(originalDate)) {
-    throw new RangeError('Invalid time value');
-  }
-  var timezoneOffset = getTimezoneOffsetInMilliseconds(originalDate);
-  var utcDate = subMilliseconds(originalDate, timezoneOffset);
-  var formatterOptions = {
-    firstWeekContainsDate: firstWeekContainsDate,
-    weekStartsOn: weekStartsOn,
-    locale: locale$1,
-    _originalDate: originalDate
-  };
-  var result = formatStr.match(longFormattingTokensRegExp).map(function (substring) {
-    var firstCharacter = substring[0];
-    if (firstCharacter === 'p' || firstCharacter === 'P') {
-      var longFormatter = longFormatters[firstCharacter];
-      return longFormatter(substring, locale$1.formatLong, formatterOptions);
-    }
-    return substring;
-  }).join('').match(formattingTokensRegExp).map(function (substring) {
-    if (substring === "''") {
-      return "'";
-    }
-    var firstCharacter = substring[0];
-    if (firstCharacter === "'") {
-      return cleanEscapedString(substring);
-    }
-    var formatter = formatters$1[firstCharacter];
-    if (formatter) {
-      if (!options.useAdditionalWeekYearTokens && isProtectedWeekYearToken(substring)) {
-        throwProtectedError(substring, dirtyFormatStr, dirtyDate);
-      }
-      if (!options.useAdditionalDayOfYearTokens && isProtectedDayOfYearToken(substring)) {
-        throwProtectedError(substring, dirtyFormatStr, dirtyDate);
-      }
-      return formatter(utcDate, substring, locale$1.localize, formatterOptions);
-    }
-    if (firstCharacter.match(unescapedLatinCharacterRegExp)) {
-      throw new RangeError('Format string contains an unescaped latin alphabet character `' + firstCharacter + '`');
-    }
-    return substring;
-  }).join('');
-  return result;
-}
-function cleanEscapedString(input) {
-  return input.match(escapedStringRegExp)[1].replace(doubleQuoteRegExp, "'");
-}
-
-const useInboxTableConfig = ({
-  parentRoute,
-  onPageSizeChange,
-  formState,
-  totalCount,
-  table,
-  dispatch,
-  onSortingByData
-}) => {
-  var _formState$tableForm, _formState$tableForm2, _formState$tableForm7, _formState$searchForm;
-  const {
-    t
-  } = useTranslation();
-  const GetCell = value => /*#__PURE__*/React.createElement("span", {
-    className: "cell-text styled-cell"
-  }, value);
-  const tableColumnConfig = useMemo(() => {
-    return [{
-      Header: t("NOC_APPLICATION_NUMBER"),
-      accessor: "applicationNo",
-      disableSortBy: true,
-      Cell: ({
-        row
-      }) => {
-        console.log('row in inbox', row);
-        return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Link, {
-          to: `${parentRoute}/inbox/application-overview/${row.original["applicationId"]}`
-        }, /*#__PURE__*/React.createElement("span", {
-          className: "link"
-        }, row.original["applicationId"])));
-      }
-    }, {
-      Header: t("TL_COMMON_TABLE_COL_APP_DATE"),
-      accessor: "applicationDate",
-      Cell: ({
-        row
-      }) => {
-        var _row$original, _row$original2;
-        return (_row$original = row.original) !== null && _row$original !== void 0 && _row$original["date"] ? GetCell(format(new Date((_row$original2 = row.original) === null || _row$original2 === void 0 ? void 0 : _row$original2["date"]), "dd/MM/yyyy")) : "";
-      }
-    }, {
-      Header: t("NOC_PRIMARY_OWNER_NAME_LABEL"),
-      accessor: row => row === null || row === void 0 ? void 0 : row.owner,
-      disableSortBy: true
-    }, {
-      Header: t("PT_COMMON_TABLE_COL_STATUS_LABEL"),
-      accessor: row => t(row === null || row === void 0 ? void 0 : row.status),
-      disableSortBy: true
-    }, {
-      Header: t("CM_TIMELINE_ACTION_TAKEN"),
-      accessor: row => t(row === null || row === void 0 ? void 0 : row.action),
-      disableSortBy: true
-    }];
-  });
-  return {
-    getCellProps: cellInfo => {
-      return {
-        style: {
-          padding: "20px 18px",
-          fontSize: "16px"
-        }
-      };
-    },
-    disableSort: false,
-    autoSort: false,
-    manualPagination: true,
-    initSortId: "applicationDate",
-    onPageSizeChange: onPageSizeChange,
-    currentPage: ((_formState$tableForm = formState.tableForm) === null || _formState$tableForm === void 0 ? void 0 : _formState$tableForm.offset) / ((_formState$tableForm2 = formState.tableForm) === null || _formState$tableForm2 === void 0 ? void 0 : _formState$tableForm2.limit),
-    onNextPage: () => {
-      var _formState$tableForm3, _formState$tableForm4;
-      return dispatch({
-        action: "mutateTableForm",
-        data: {
-          ...formState.tableForm,
-          offset: parseInt((_formState$tableForm3 = formState.tableForm) === null || _formState$tableForm3 === void 0 ? void 0 : _formState$tableForm3.offset) + parseInt((_formState$tableForm4 = formState.tableForm) === null || _formState$tableForm4 === void 0 ? void 0 : _formState$tableForm4.limit)
-        }
-      });
-    },
-    onPrevPage: () => {
-      var _formState$tableForm5, _formState$tableForm6;
-      return dispatch({
-        action: "mutateTableForm",
-        data: {
-          ...formState.tableForm,
-          offset: parseInt((_formState$tableForm5 = formState.tableForm) === null || _formState$tableForm5 === void 0 ? void 0 : _formState$tableForm5.offset) - parseInt((_formState$tableForm6 = formState.tableForm) === null || _formState$tableForm6 === void 0 ? void 0 : _formState$tableForm6.limit)
-        }
-      });
-    },
-    pageSizeLimit: (_formState$tableForm7 = formState.tableForm) === null || _formState$tableForm7 === void 0 ? void 0 : _formState$tableForm7.limit,
-    onSort: onSortingByData,
-    totalRecords: totalCount,
-    onSearch: formState === null || formState === void 0 ? void 0 : (_formState$searchForm = formState.searchForm) === null || _formState$searchForm === void 0 ? void 0 : _formState$searchForm.message,
-    onLastPage: () => {
-      var _formState$tableForm8;
-      return dispatch({
-        action: "mutateTableForm",
-        data: {
-          ...formState.tableForm,
-          offset: Math.ceil(totalCount / 10) * 10 - parseInt((_formState$tableForm8 = formState.tableForm) === null || _formState$tableForm8 === void 0 ? void 0 : _formState$tableForm8.limit)
-        }
-      });
-    },
-    onFirstPage: () => dispatch({
-      action: "mutateTableForm",
-      data: {
-        ...formState.tableForm,
-        offset: 0
-      }
-    }),
-    data: table,
-    columns: tableColumnConfig
-  };
+    case 'PPPP':
+    default:
+      dateTimeFormat = formatLong.dateTime({
+        width: 'full'
+      });
+      break;
+  }
+  return dateTimeFormat.replace('{{date}}', dateLongFormatter(datePattern, formatLong)).replace('{{time}}', timeLongFormatter(timePattern, formatLong));
+}
+var longFormatters = {
+  p: timeLongFormatter,
+  P: dateTimeLongFormatter
 };
 
-const useInboxMobileCardsData = ({
-  parentRoute,
-  table
-}) => {
-  const {
-    t
-  } = useTranslation();
-  const dataForMobileInboxCards = table === null || table === void 0 ? void 0 : table.map(({
-    applicationId,
-    date,
-    source,
-    locality,
-    status,
-    owner,
-    sla,
-    businessService
-  }) => ({
-    [t("NOC_APPLICATION_NUMBER")]: applicationId,
-    [t("TL_COMMON_TABLE_COL_APP_DATE")]: format(new Date(date), 'dd/MM/yyyy'),
-    [t("NOC_PRIMARY_OWNER_NAME_LABEL")]: t(owner),
-    [t("PT_COMMON_TABLE_COL_STATUS_LABEL")]: t(status)
-  }));
-  const MobileSortFormValues = () => {
-    const sortOrderOptions = [{
-      code: "DESC",
-      i18nKey: "ES_COMMON_SORT_BY_DESC"
-    }, {
-      code: "ASC",
-      i18nKey: "ES_COMMON_SORT_BY_ASC"
-    }];
-    const {
-      control: controlSortForm
-    } = useFormContext();
-    return /*#__PURE__*/React.createElement(SearchField, null, /*#__PURE__*/React.createElement(Controller, {
-      name: "sortOrder",
-      control: controlSortForm,
-      render: ({
-        onChange,
-        value
-      }) => /*#__PURE__*/React.createElement(RadioButtons, {
-        onSelect: e => {
-          onChange(e.code);
-        },
-        selectedOption: sortOrderOptions.filter(option => option.code === value)[0],
-        optionsKey: "i18nKey",
-        name: "sortOrder",
-        options: sortOrderOptions
-      })
-    }));
-  };
-  return {
-    data: dataForMobileInboxCards,
-    linkPrefix: `${parentRoute}/inbox/application-overview/`,
-    serviceRequestIdKey: t("NOC_APPLICATION_NUMBER"),
-    MobileSortFormValues
-  };
-};
+var protectedDayOfYearTokens = ['D', 'DD'];
+var protectedWeekYearTokens = ['YY', 'YYYY'];
+function isProtectedDayOfYearToken(token) {
+  return protectedDayOfYearTokens.indexOf(token) !== -1;
+}
+function isProtectedWeekYearToken(token) {
+  return protectedWeekYearTokens.indexOf(token) !== -1;
+}
+function throwProtectedError(token, format, input) {
+  if (token === 'YYYY') {
+    throw new RangeError("Use `yyyy` instead of `YYYY` (in `".concat(format, "`) for formatting years to the input `").concat(input, "`; see: https://git.io/fxCyr"));
+  } else if (token === 'YY') {
+    throw new RangeError("Use `yy` instead of `YY` (in `".concat(format, "`) for formatting years to the input `").concat(input, "`; see: https://git.io/fxCyr"));
+  } else if (token === 'D') {
+    throw new RangeError("Use `d` instead of `D` (in `".concat(format, "`) for formatting days of the month to the input `").concat(input, "`; see: https://git.io/fxCyr"));
+  } else if (token === 'DD') {
+    throw new RangeError("Use `dd` instead of `DD` (in `".concat(format, "`) for formatting days of the month to the input `").concat(input, "`; see: https://git.io/fxCyr"));
+  }
+}
 
-const Inbox = ({
-  parentRoute
-}) => {
-  var _user$info, _user$info2;
-  const {
-    t
-  } = useTranslation();
-  const [employeeName, setEmployeeName] = useState("");
-  const [employeeRole, setEmployeeRole] = useState("");
-  const tenantId = window.localStorage.getItem("Employee.tenant-id");
-  const searchFormDefaultValues = {
-    mobileNumber: "",
-    applicationNo: ""
-  };
-  const filterFormDefaultValues = {
-    moduleName: "noc-service",
-    applicationStatus: [],
-    businessService: "obpas_noc",
-    locality: [],
-    assignee: "ASSIGNED_TO_ME",
-    businessServiceArray: businessServiceList(true) || []
-  };
-  const tableOrderFormDefaultValues = {
-    sortBy: "",
-    limit: window.Digit.Utils.browser.isMobile() ? 50 : 10,
-    offset: 0,
-    sortOrder: "DESC"
-  };
-  function formReducer(state, payload) {
-    switch (payload.action) {
-      case "mutateSearchForm":
-        Digit.SessionStorage.set("NOC.INBOX", {
-          ...state,
-          searchForm: payload.data
-        });
-        return {
-          ...state,
-          searchForm: payload.data
-        };
-      case "mutateFilterForm":
-        Digit.SessionStorage.set("NOC.INBOX", {
-          ...state,
-          filterForm: payload.data
-        });
-        return {
-          ...state,
-          filterForm: payload.data
-        };
-      case "mutateTableForm":
-        Digit.SessionStorage.set("NOC.INBOX", {
-          ...state,
-          tableForm: payload.data
-        });
-        return {
-          ...state,
-          tableForm: payload.data
-        };
-    }
+var formattingTokensRegExp = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g;
+var longFormattingTokensRegExp = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g;
+var escapedStringRegExp = /^'([^]*?)'?$/;
+var doubleQuoteRegExp = /''/g;
+var unescapedLatinCharacterRegExp = /[a-zA-Z]/;
+function format(dirtyDate, dirtyFormatStr, dirtyOptions) {
+  requiredArgs(2, arguments);
+  var formatStr = String(dirtyFormatStr);
+  var options = dirtyOptions || {};
+  var locale$1 = options.locale || locale;
+  var localeFirstWeekContainsDate = locale$1.options && locale$1.options.firstWeekContainsDate;
+  var defaultFirstWeekContainsDate = localeFirstWeekContainsDate == null ? 1 : toInteger(localeFirstWeekContainsDate);
+  var firstWeekContainsDate = options.firstWeekContainsDate == null ? defaultFirstWeekContainsDate : toInteger(options.firstWeekContainsDate);
+  if (!(firstWeekContainsDate >= 1 && firstWeekContainsDate <= 7)) {
+    throw new RangeError('firstWeekContainsDate must be between 1 and 7 inclusively');
   }
-  const InboxObjectInSessionStorage = Digit.SessionStorage.get("NOC.INBOX");
-  const onSearchFormReset = setSearchFormValue => {
-    setSearchFormValue("mobileNumber", null);
-    setSearchFormValue("applicationNo", null);
-    dispatch({
-      action: "mutateSearchForm",
-      data: searchFormDefaultValues
-    });
-  };
-  const onFilterFormReset = setFilterFormValue => {
-    setFilterFormValue("moduleName", "noc-service");
-    setFilterFormValue("applicationStatus", "");
-    setFilterFormValue("locality", []);
-    setFilterFormValue("assignee", "ASSIGNED_TO_ALL");
-    setFilterFormValue("applicationType", []);
-    dispatch({
-      action: "mutateFilterForm",
-      data: filterFormDefaultValues
-    });
-  };
-  const onSortFormReset = setSortFormValue => {
-    setSortFormValue("sortOrder", "DESC");
-    dispatch({
-      action: "mutateTableForm",
-      data: tableOrderFormDefaultValues
-    });
-  };
-  const formInitValue = useMemo(() => {
-    return InboxObjectInSessionStorage || {
-      filterForm: filterFormDefaultValues,
-      searchForm: searchFormDefaultValues,
-      tableForm: tableOrderFormDefaultValues
-    };
-  }, [Object.values((InboxObjectInSessionStorage === null || InboxObjectInSessionStorage === void 0 ? void 0 : InboxObjectInSessionStorage.filterForm) || {}), Object.values((InboxObjectInSessionStorage === null || InboxObjectInSessionStorage === void 0 ? void 0 : InboxObjectInSessionStorage.searchForm) || {}), Object.values((InboxObjectInSessionStorage === null || InboxObjectInSessionStorage === void 0 ? void 0 : InboxObjectInSessionStorage.tableForm) || {})]);
-  const [formState, dispatch] = useReducer(formReducer, formInitValue);
-  const onPageSizeChange = e => {
-    dispatch({
-      action: "mutateTableForm",
-      data: {
-        ...formState.tableForm,
-        limit: e.target.value
-      }
-    });
-  };
-  const onSortingByData = e => {
-    if (e.length > 0) {
-      const [{
-        id,
-        desc
-      }] = e;
-      const sortOrder = desc ? "DESC" : "ASC";
-      const sortBy = id;
-      if (!(formState.tableForm.sortBy === sortBy && formState.tableForm.sortOrder === sortOrder)) {
-        dispatch({
-          action: "mutateTableForm",
-          data: {
-            ...formState.tableForm,
-            sortBy: id,
-            sortOrder: desc ? "DESC" : "ASC"
-          }
-        });
-      }
-    }
-  };
-  const onMobileSortOrderData = data => {
-    const {
-      sortOrder
-    } = data;
-    dispatch({
-      action: "mutateTableForm",
-      data: {
-        ...formState.tableForm,
-        sortOrder
-      }
-    });
+  var localeWeekStartsOn = locale$1.options && locale$1.options.weekStartsOn;
+  var defaultWeekStartsOn = localeWeekStartsOn == null ? 0 : toInteger(localeWeekStartsOn);
+  var weekStartsOn = options.weekStartsOn == null ? defaultWeekStartsOn : toInteger(options.weekStartsOn);
+  if (!(weekStartsOn >= 0 && weekStartsOn <= 6)) {
+    throw new RangeError('weekStartsOn must be between 0 and 6 inclusively');
+  }
+  if (!locale$1.localize) {
+    throw new RangeError('locale must contain localize property');
+  }
+  if (!locale$1.formatLong) {
+    throw new RangeError('locale must contain formatLong property');
+  }
+  var originalDate = toDate(dirtyDate);
+  if (!isValid(originalDate)) {
+    throw new RangeError('Invalid time value');
+  }
+  var timezoneOffset = getTimezoneOffsetInMilliseconds(originalDate);
+  var utcDate = subMilliseconds(originalDate, timezoneOffset);
+  var formatterOptions = {
+    firstWeekContainsDate: firstWeekContainsDate,
+    weekStartsOn: weekStartsOn,
+    locale: locale$1,
+    _originalDate: originalDate
   };
-  const {
-    data: localitiesForEmployeesCurrentTenant,
-    isLoading: loadingLocalitiesForEmployeesCurrentTenant
-  } = Digit.Hooks.useBoundaryLocalities(tenantId, "revenue", {}, t);
-  const user = Digit.UserService.getUser();
-  const {
-    data: employeeData,
-    isLoading
-  } = Digit.Hooks.useEmployeeSearch(tenantId, {
-    codes: user === null || user === void 0 ? void 0 : (_user$info = user.info) === null || _user$info === void 0 ? void 0 : _user$info.userName,
-    isActive: true
-  }, {
-    enabled: !!(user !== null && user !== void 0 && (_user$info2 = user.info) !== null && _user$info2 !== void 0 && _user$info2.userName)
-  });
-  console.log('employeeData', employeeData);
-  useEffect$1(() => {
-    if (!isLoading && employeeData) {
-      var _employeeData$Employe, _employeeData$Employe2, _employeeData$Employe3, _employeeData$Employe4, _employeeData$Employe5, _employeeData$Employe6, _employeeData$Employe7;
-      const code = (employeeData === null || employeeData === void 0 ? void 0 : (_employeeData$Employe = employeeData.Employees) === null || _employeeData$Employe === void 0 ? void 0 : (_employeeData$Employe2 = _employeeData$Employe[0]) === null || _employeeData$Employe2 === void 0 ? void 0 : (_employeeData$Employe3 = _employeeData$Employe2.user) === null || _employeeData$Employe3 === void 0 ? void 0 : _employeeData$Employe3.name) || "";
-      const desig = (employeeData === null || employeeData === void 0 ? void 0 : (_employeeData$Employe4 = employeeData.Employees) === null || _employeeData$Employe4 === void 0 ? void 0 : (_employeeData$Employe5 = _employeeData$Employe4[0]) === null || _employeeData$Employe5 === void 0 ? void 0 : (_employeeData$Employe6 = _employeeData$Employe5.assignments) === null || _employeeData$Employe6 === void 0 ? void 0 : (_employeeData$Employe7 = _employeeData$Employe6[0]) === null || _employeeData$Employe7 === void 0 ? void 0 : _employeeData$Employe7.designation) || "";
-      setEmployeeName(code);
-      setEmployeeRole(desig);
-    }
-  }, [employeeData]);
-  console.log('employeeName, employeeRole', employeeName, employeeRole);
-  const {
-    isLoading: isInboxLoading,
-    data
-  } = Digit.Hooks.noc.useInbox({
-    tenantId,
-    filters: {
-      ...formState
+  var result = formatStr.match(longFormattingTokensRegExp).map(function (substring) {
+    var firstCharacter = substring[0];
+    if (firstCharacter === 'p' || firstCharacter === 'P') {
+      var longFormatter = longFormatters[firstCharacter];
+      return longFormatter(substring, locale$1.formatLong, formatterOptions);
     }
-  });
-  useEffect$1(() => {
-    if (data) {
-      data.revalidate();
+    return substring;
+  }).join('').match(formattingTokensRegExp).map(function (substring) {
+    if (substring === "''") {
+      return "'";
     }
-  }, []);
-  const [table, setTable] = useState([]);
-  const [statuses, setStatuses] = useState([]);
-  const [totalCount, setTotalCount] = useState(0);
-  useEffect$1(() => {
-    if (data) {
-      console.log('data?.table', data === null || data === void 0 ? void 0 : data.table);
-      setStatuses((data === null || data === void 0 ? void 0 : data.statuses) || []);
-      setTable((data === null || data === void 0 ? void 0 : data.table) || []);
-      setTotalCount((data === null || data === void 0 ? void 0 : data.totalCount) || 0);
+    var firstCharacter = substring[0];
+    if (firstCharacter === "'") {
+      return cleanEscapedString(substring);
     }
-  }, [data]);
-  const PropsForInboxLinks = {
-    logoIcon: /*#__PURE__*/React.createElement(ComplaintIcon, null),
-    headerText: "ACTION_TEST_NOC",
-    links: [{
-      text: t("ES_COMMON_APPLICATION_SEARCH"),
-      link: "/digit-ui/employee/noc/search/application"
-    }]
-  };
-  const SearchFormFields = useCallback(({
-    registerRef,
-    searchFormState,
-    searchFieldComponents
-  }) => /*#__PURE__*/React.createElement(SearchFormFieldsComponents, {
-    registerRef,
-    searchFormState,
-    searchFieldComponents
-  }), []);
-  const FilterFormFields = useCallback(({
-    registerRef,
-    controlFilterForm,
-    setFilterFormValue,
-    getFilterFormValue
-  }) => /*#__PURE__*/React.createElement(FilterFormFieldsComponent, {
-    statuses,
-    isInboxLoading,
-    registerRef,
-    controlFilterForm,
-    setFilterFormValue,
-    filterFormState: formState === null || formState === void 0 ? void 0 : formState.filterForm,
-    getFilterFormValue,
-    localitiesForEmployeesCurrentTenant,
-    loadingLocalitiesForEmployeesCurrentTenant
-  }), [statuses, isInboxLoading, localitiesForEmployeesCurrentTenant, loadingLocalitiesForEmployeesCurrentTenant]);
-  const onSearchFormSubmit = data => {
-    console.log("data in OnSearchFormSubmit", data);
-    data.hasOwnProperty("") && (data === null || data === void 0 ? true : delete data[""]);
-    dispatch({
-      action: "mutateTableForm",
-      data: {
-        ...tableOrderFormDefaultValues
+    var formatter = formatters$1[firstCharacter];
+    if (formatter) {
+      if (!options.useAdditionalWeekYearTokens && isProtectedWeekYearToken(substring)) {
+        throwProtectedError(substring, dirtyFormatStr, dirtyDate);
       }
-    });
-    dispatch({
-      action: "mutateSearchForm",
-      data
-    });
-  };
-  const onFilterFormSubmit = data => {
-    console.log("data in OnFilterFormSubmit", data);
-    data.hasOwnProperty("") && (data === null || data === void 0 ? true : delete data[""]);
-    dispatch({
-      action: "mutateTableForm",
-      data: {
-        ...tableOrderFormDefaultValues
+      if (!options.useAdditionalDayOfYearTokens && isProtectedDayOfYearToken(substring)) {
+        throwProtectedError(substring, dirtyFormatStr, dirtyDate);
       }
-    });
-    dispatch({
-      action: "mutateFilterForm",
-      data
-    });
-  };
-  const propsForSearchForm = {
-    SearchFormFields,
-    onSearchFormSubmit,
-    searchFormDefaultValues: formState === null || formState === void 0 ? void 0 : formState.searchForm,
-    resetSearchFormDefaultValues: searchFormDefaultValues,
-    onSearchFormReset
-  };
-  const propsForFilterForm = {
-    FilterFormFields,
-    onFilterFormSubmit,
-    filterFormDefaultValues: formState === null || formState === void 0 ? void 0 : formState.filterForm,
-    resetFilterFormDefaultValues: filterFormDefaultValues,
-    onFilterFormReset
-  };
-  const propsForInboxTable = useInboxTableConfig({
-    ...{
-      parentRoute,
-      onPageSizeChange,
-      formState,
-      totalCount,
-      table,
-      dispatch,
-      onSortingByData
+      return formatter(utcDate, substring, locale$1.localize, formatterOptions);
     }
-  });
-  const propsForInboxMobileCards = useInboxMobileCardsData({
-    parentRoute,
-    table
-  });
-  const propsForMobileSortForm = {
-    onMobileSortOrderData,
-    sortFormDefaultValues: formState === null || formState === void 0 ? void 0 : formState.tableForm,
-    onSortFormReset
-  };
-  if (isLoading) {
-    return /*#__PURE__*/React.createElement(Loader$2, null);
-  }
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Header, null, employeeData && !isLoading && `Welcome ${employeeName}, ${t(`COMMON_MASTERS_DESIGNATION_${employeeRole}`)}`, /*#__PURE__*/React.createElement("div", null, " ", t("ES_COMMON_INBOX"), " ", totalCount ? /*#__PURE__*/React.createElement("p", {
-    className: "inbox-count"
-  }, totalCount) : null)), /*#__PURE__*/React.createElement(InboxComposer, _extends({
-    isInboxLoading,
-    PropsForInboxLinks
-  }, propsForSearchForm, propsForFilterForm, propsForMobileSortForm, {
-    propsForInboxTable,
-    propsForInboxMobileCards,
-    formState
-  })));
-};
-
-const UPDATE_NOCNewApplication_FORMType = "UPDATE_NOCNewApplication_FORM";
-const SET_NOCNewApplication_STEPType = "SET_NOCNewApplication_STEP";
-const RESET_NOC_NEW_APPLICATION_FORMType = "RESET_NOC_NEW_APPLICATION_FORM";
-const UPDATE_NOCNewApplication_CoOrdinatesType = "UPDATE_NOCNewApplication_CoOrdinates";
-const UPDATE_NOC_OwnerPhotosType = "UPDATE_NOC_OwnerPhotos";
-const UPDATE_NOC_OwnerIdsType = "UPDATE_NOC_OwnerIds";
+    if (firstCharacter.match(unescapedLatinCharacterRegExp)) {
+      throw new RangeError('Format string contains an unescaped latin alphabet character `' + firstCharacter + '`');
+    }
+    return substring;
+  }).join('');
+  return result;
+}
+function cleanEscapedString(input) {
+  return input.match(escapedStringRegExp)[1].replace(doubleQuoteRegExp, "'");
+}
 
-const initialState = {
-  step: 1,
-  isValid: false,
-  formData: {},
-  coordinates: {},
-  ownerPhotos: [],
-  ownerIds: []
-};
-const NOCNewApplicationFormReducer = (state = initialState, action) => {
-  switch (action.type) {
-    case UPDATE_NOCNewApplication_FORMType:
+const useInboxTableConfig = ({
+  parentRoute,
+  onPageSizeChange,
+  formState,
+  totalCount,
+  table,
+  dispatch,
+  onSortingByData
+}) => {
+  var _formState$tableForm, _formState$tableForm2, _formState$tableForm7, _formState$searchForm;
+  const {
+    t
+  } = useTranslation();
+  const GetCell = value => /*#__PURE__*/React.createElement("span", {
+    className: "cell-text styled-cell"
+  }, value);
+  const tableColumnConfig = useMemo(() => {
+    return [{
+      Header: t("NOC_APPLICATION_NUMBER"),
+      accessor: "applicationNo",
+      disableSortBy: true,
+      Cell: ({
+        row
+      }) => {
+        console.log('row in inbox', row);
+        return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Link, {
+          to: `${parentRoute}/inbox/application-overview/${row.original["applicationId"]}`
+        }, /*#__PURE__*/React.createElement("span", {
+          className: "link"
+        }, row.original["applicationId"])));
+      }
+    }, {
+      Header: t("TL_COMMON_TABLE_COL_APP_DATE"),
+      accessor: "applicationDate",
+      Cell: ({
+        row
+      }) => {
+        var _row$original, _row$original2;
+        return (_row$original = row.original) !== null && _row$original !== void 0 && _row$original["date"] ? GetCell(format(new Date((_row$original2 = row.original) === null || _row$original2 === void 0 ? void 0 : _row$original2["date"]), "dd/MM/yyyy")) : "";
+      }
+    }, {
+      Header: t("NOC_PRIMARY_OWNER_NAME_LABEL"),
+      accessor: row => row === null || row === void 0 ? void 0 : row.owner,
+      disableSortBy: true
+    }, {
+      Header: t("PT_COMMON_TABLE_COL_STATUS_LABEL"),
+      accessor: row => t(row === null || row === void 0 ? void 0 : row.status),
+      disableSortBy: true
+    }, {
+      Header: t("CM_TIMELINE_ACTION_TAKEN"),
+      accessor: row => t(row === null || row === void 0 ? void 0 : row.action),
+      disableSortBy: true
+    }];
+  });
+  return {
+    getCellProps: cellInfo => {
       return {
-        ...state,
-        formData: {
-          ...state.formData,
-          [action.payload.key]: action.payload.value
+        style: {
+          padding: "20px 18px",
+          fontSize: "16px"
         }
       };
-    case SET_NOCNewApplication_STEPType:
-      return {
-        ...state,
-        step: action.payload
-      };
-    case RESET_NOC_NEW_APPLICATION_FORMType:
-      return initialState;
-    case UPDATE_NOCNewApplication_CoOrdinatesType:
-      return {
-        ...state,
-        coordinates: {
-          ...state.coordinates,
-          [action.payload.key]: action.payload.value
+    },
+    disableSort: false,
+    autoSort: false,
+    manualPagination: true,
+    initSortId: "applicationDate",
+    onPageSizeChange: onPageSizeChange,
+    currentPage: ((_formState$tableForm = formState.tableForm) === null || _formState$tableForm === void 0 ? void 0 : _formState$tableForm.offset) / ((_formState$tableForm2 = formState.tableForm) === null || _formState$tableForm2 === void 0 ? void 0 : _formState$tableForm2.limit),
+    onNextPage: () => {
+      var _formState$tableForm3, _formState$tableForm4;
+      return dispatch({
+        action: "mutateTableForm",
+        data: {
+          ...formState.tableForm,
+          offset: parseInt((_formState$tableForm3 = formState.tableForm) === null || _formState$tableForm3 === void 0 ? void 0 : _formState$tableForm3.offset) + parseInt((_formState$tableForm4 = formState.tableForm) === null || _formState$tableForm4 === void 0 ? void 0 : _formState$tableForm4.limit)
         }
-      };
-    case UPDATE_NOC_OwnerPhotosType:
-      return {
-        ...state,
-        ownerPhotos: {
-          ...state.ownerPhotos,
-          [action.payload.key]: action.payload.value
+      });
+    },
+    onPrevPage: () => {
+      var _formState$tableForm5, _formState$tableForm6;
+      return dispatch({
+        action: "mutateTableForm",
+        data: {
+          ...formState.tableForm,
+          offset: parseInt((_formState$tableForm5 = formState.tableForm) === null || _formState$tableForm5 === void 0 ? void 0 : _formState$tableForm5.offset) - parseInt((_formState$tableForm6 = formState.tableForm) === null || _formState$tableForm6 === void 0 ? void 0 : _formState$tableForm6.limit)
         }
-      };
-    case UPDATE_NOC_OwnerIdsType:
-      return {
-        ...state,
-        ownerIds: {
-          ...state.ownerIds,
-          [action.payload.key]: action.payload.value
+      });
+    },
+    pageSizeLimit: (_formState$tableForm7 = formState.tableForm) === null || _formState$tableForm7 === void 0 ? void 0 : _formState$tableForm7.limit,
+    onSort: onSortingByData,
+    totalRecords: totalCount,
+    onSearch: formState === null || formState === void 0 ? void 0 : (_formState$searchForm = formState.searchForm) === null || _formState$searchForm === void 0 ? void 0 : _formState$searchForm.message,
+    onLastPage: () => {
+      var _formState$tableForm8;
+      return dispatch({
+        action: "mutateTableForm",
+        data: {
+          ...formState.tableForm,
+          offset: Math.ceil(totalCount / 10) * 10 - parseInt((_formState$tableForm8 = formState.tableForm) === null || _formState$tableForm8 === void 0 ? void 0 : _formState$tableForm8.limit)
         }
-      };
-    default:
-      return state;
-  }
+      });
+    },
+    onFirstPage: () => dispatch({
+      action: "mutateTableForm",
+      data: {
+        ...formState.tableForm,
+        offset: 0
+      }
+    }),
+    data: table,
+    columns: tableColumnConfig
+  };
 };
 
-const getRootReducer = () => combineReducers({
-  NOCNewApplicationFormReducer
-});
-
-const NOCBreadCrumbs$1 = ({
-  location
+const useInboxMobileCardsData = ({
+  parentRoute,
+  table
 }) => {
   const {
     t
   } = useTranslation();
-  const crumbs = [{
-    path: "/digit-ui/citizen",
-    content: t("ES_COMMON_HOME"),
-    show: true
-  }, {
-    path: "/digit-ui/citizen/noc-home",
-    content: `NOC Home`,
-    show: location.pathname.includes("/noc/new-application") ? true : false
-  }, {
-    path: "/digit-ui/citizen/noc-home",
-    content: `NOC Home`,
-    show: location.pathname.includes("noc/my-application") ? true : false
-  }, {
-    path: "/digit-ui/citizen/noc-home",
-    content: `NOC Home`,
-    show: location.pathname.includes("noc/search/application-overview/") ? true : false
-  }, {
-    path: "/digit-ui/citizen/noc-home",
-    content: `NOC Home`,
-    show: location.pathname.includes("noc/search-application") ? true : false
-  }];
-  return /*#__PURE__*/React.createElement(BreadCrumb, {
-    crumbs: crumbs
-  });
-};
-const App = () => {
-  var _Digit, _Digit$ComponentRegis, _Digit2, _Digit2$ComponentRegi, _Digit3, _Digit3$ComponentRegi, _Digit4, _Digit4$ComponentRegi;
-  const {
-    path,
-    url,
-    ...match
-  } = useRouteMatch();
-  const {
-    t
-  } = useTranslation();
-  const NewNOCApplication = (_Digit = Digit) === null || _Digit === void 0 ? void 0 : (_Digit$ComponentRegis = _Digit.ComponentRegistryService) === null || _Digit$ComponentRegis === void 0 ? void 0 : _Digit$ComponentRegis.getComponent("NewNOCStepperForm");
-  const NOCResponseCitizen = Digit.ComponentRegistryService.getComponent("NOCResponseCitizen");
-  const NOCCitizenMyApplications = Digit.ComponentRegistryService.getComponent("NOCCitizenMyApplications");
-  const NOCCitizenApplicationOverview = (_Digit2 = Digit) === null || _Digit2 === void 0 ? void 0 : (_Digit2$ComponentRegi = _Digit2.ComponentRegistryService) === null || _Digit2$ComponentRegi === void 0 ? void 0 : _Digit2$ComponentRegi.getComponent("NOCCitizenApplicationOverview");
-  const NewNOCEditApplication = (_Digit3 = Digit) === null || _Digit3 === void 0 ? void 0 : (_Digit3$ComponentRegi = _Digit3.ComponentRegistryService) === null || _Digit3$ComponentRegi === void 0 ? void 0 : _Digit3$ComponentRegi.getComponent("NewNOCEditApplication");
-  const NOCCitizenSearchApplication = (_Digit4 = Digit) === null || _Digit4 === void 0 ? void 0 : (_Digit4$ComponentRegi = _Digit4.ComponentRegistryService) === null || _Digit4$ComponentRegi === void 0 ? void 0 : _Digit4$ComponentRegi.getComponent("NOCCitizenSearchApplication");
-  const isResponse = window.location.href.includes("/response");
-  const isMobile = window.Digit.Utils.browser.isMobile();
-  return /*#__PURE__*/React.createElement("span", {
-    className: "pgr-citizen-wrapper",
-    style: {
-      width: "100%"
-    }
-  }, /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(AppContainer, null, !isResponse ? /*#__PURE__*/React.createElement("div", {
-    style: window.location.href.includes("application-overview") || isMobile ? {
-      marginLeft: "10px",
-      marginTop: "20px"
-    } : {}
-  }, /*#__PURE__*/React.createElement(NOCBreadCrumbs$1, {
-    location: location
-  })) : null, /*#__PURE__*/React.createElement(PrivateRoute, {
-    path: `${path}/new-application`,
-    component: NewNOCApplication
-  }), /*#__PURE__*/React.createElement(PrivateRoute, {
-    path: `${path}/response/:id`,
-    component: NOCResponseCitizen
-  }), /*#__PURE__*/React.createElement(PrivateRoute, {
-    path: `${path}/my-application`,
-    component: NOCCitizenMyApplications
-  }), /*#__PURE__*/React.createElement(PrivateRoute, {
-    path: `${path}/edit-application/:id`,
-    component: NewNOCEditApplication
-  }), /*#__PURE__*/React.createElement(PrivateRoute, {
-    path: `${path}/search/application-overview/:id`,
-    component: NOCCitizenApplicationOverview
-  }), /*#__PURE__*/React.createElement(PrivateRoute, {
-    path: `${path}/search-application`,
-    component: NOCCitizenSearchApplication
-  }))));
-};
-
-const getFloorLabel = (index, t) => {
-  if (index === 0) return t("NOC_GROUND_FLOOR_AREA_LABEL");
-  const floorNumber = index;
-  const lastDigit = floorNumber % 10;
-  const lastTwoDigits = floorNumber % 100;
-  let suffix = "th";
-  if (lastTwoDigits < 11 || lastTwoDigits > 13) {
-    if (lastDigit === 1) suffix = "st";else if (lastDigit === 2) suffix = "nd";else if (lastDigit === 3) suffix = "rd";
-  }
-  return `${floorNumber}${suffix} ${t("NOC_FLOOR_AREA_LABEL")}`;
-};
-const getRegistrationDetails = (appData, t) => {
-  var _appData$auditDetails;
-  let values = [{
-    title: t("CS_APPLICATION_NUMBER"),
-    value: (appData === null || appData === void 0 ? void 0 : appData.applicationNo) || "N/A"
-  }, {
-    title: t("REGISTRATION_FILED_DATE"),
-    value: Digit.DateUtils.ConvertTimestampToDate(appData === null || appData === void 0 ? void 0 : (_appData$auditDetails = appData.auditDetails) === null || _appData$auditDetails === void 0 ? void 0 : _appData$auditDetails.createdTime, "dd/MM/yyyy") || "NA"
-  }];
-  return {
-    title: t("CS_APPLICATION_DETAILS"),
-    values: values
-  };
-};
-const getProfessionalDetails = (appData, t) => {
-  var _appData$nocDetails, _appData$nocDetails$a, _appData$nocDetails$a2, _appData$nocDetails2, _appData$nocDetails2$, _appData$nocDetails2$2, _appData$nocDetails3, _appData$nocDetails3$, _appData$nocDetails3$2, _appData$nocDetails4, _appData$nocDetails4$, _appData$nocDetails4$2, _appData$nocDetails5, _appData$nocDetails5$, _appData$nocDetails5$2, _appData$nocDetails6, _appData$nocDetails6$, _appData$nocDetails6$2;
-  let values = [{
-    title: t("NOC_PROFESSIONAL_NAME_LABEL"),
-    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails = appData.nocDetails) === null || _appData$nocDetails === void 0 ? void 0 : (_appData$nocDetails$a = _appData$nocDetails.additionalDetails) === null || _appData$nocDetails$a === void 0 ? void 0 : (_appData$nocDetails$a2 = _appData$nocDetails$a.applicationDetails) === null || _appData$nocDetails$a2 === void 0 ? void 0 : _appData$nocDetails$a2.professionalName) || "N/A"
-  }, {
-    title: t("NOC_PROFESSIONAL_EMAIL_LABEL"),
-    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails2 = appData.nocDetails) === null || _appData$nocDetails2 === void 0 ? void 0 : (_appData$nocDetails2$ = _appData$nocDetails2.additionalDetails) === null || _appData$nocDetails2$ === void 0 ? void 0 : (_appData$nocDetails2$2 = _appData$nocDetails2$.applicationDetails) === null || _appData$nocDetails2$2 === void 0 ? void 0 : _appData$nocDetails2$2.professionalEmailId) || "N/A"
-  }, {
-    title: t("NOC_PROFESSIONAL_REGISTRATION_ID_LABEL"),
-    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails3 = appData.nocDetails) === null || _appData$nocDetails3 === void 0 ? void 0 : (_appData$nocDetails3$ = _appData$nocDetails3.additionalDetails) === null || _appData$nocDetails3$ === void 0 ? void 0 : (_appData$nocDetails3$2 = _appData$nocDetails3$.applicationDetails) === null || _appData$nocDetails3$2 === void 0 ? void 0 : _appData$nocDetails3$2.professionalRegId) || "N/A"
-  }, {
-    title: t("NOC_PROFESSIONAL_REGISTRATION_ID_VALIDITY_LABEL"),
-    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails4 = appData.nocDetails) === null || _appData$nocDetails4 === void 0 ? void 0 : (_appData$nocDetails4$ = _appData$nocDetails4.additionalDetails) === null || _appData$nocDetails4$ === void 0 ? void 0 : (_appData$nocDetails4$2 = _appData$nocDetails4$.applicationDetails) === null || _appData$nocDetails4$2 === void 0 ? void 0 : _appData$nocDetails4$2.professionalRegIdValidity) || "N/A"
-  }, {
-    title: t("NOC_PROFESSIONAL_MOBILE_NO_LABEL"),
-    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails5 = appData.nocDetails) === null || _appData$nocDetails5 === void 0 ? void 0 : (_appData$nocDetails5$ = _appData$nocDetails5.additionalDetails) === null || _appData$nocDetails5$ === void 0 ? void 0 : (_appData$nocDetails5$2 = _appData$nocDetails5$.applicationDetails) === null || _appData$nocDetails5$2 === void 0 ? void 0 : _appData$nocDetails5$2.professionalMobileNumber) || "N/A"
-  }, {
-    title: t("NOC_PROFESSIONAL_ADDRESS_LABEL"),
-    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails6 = appData.nocDetails) === null || _appData$nocDetails6 === void 0 ? void 0 : (_appData$nocDetails6$ = _appData$nocDetails6.additionalDetails) === null || _appData$nocDetails6$ === void 0 ? void 0 : (_appData$nocDetails6$2 = _appData$nocDetails6$.applicationDetails) === null || _appData$nocDetails6$2 === void 0 ? void 0 : _appData$nocDetails6$2.professionalAddress) || "N/A"
-  }];
+  const dataForMobileInboxCards = table === null || table === void 0 ? void 0 : table.map(({
+    applicationId,
+    date,
+    source,
+    locality,
+    status,
+    owner,
+    sla,
+    businessService
+  }) => ({
+    [t("NOC_APPLICATION_NUMBER")]: applicationId,
+    [t("TL_COMMON_TABLE_COL_APP_DATE")]: format(new Date(date), 'dd/MM/yyyy'),
+    [t("NOC_PRIMARY_OWNER_NAME_LABEL")]: t(owner),
+    [t("PT_COMMON_TABLE_COL_STATUS_LABEL")]: t(status)
+  }));
+  const MobileSortFormValues = () => {
+    const sortOrderOptions = [{
+      code: "DESC",
+      i18nKey: "ES_COMMON_SORT_BY_DESC"
+    }, {
+      code: "ASC",
+      i18nKey: "ES_COMMON_SORT_BY_ASC"
+    }];
+    const {
+      control: controlSortForm
+    } = useFormContext();
+    return /*#__PURE__*/React.createElement(SearchField, null, /*#__PURE__*/React.createElement(Controller, {
+      name: "sortOrder",
+      control: controlSortForm,
+      render: ({
+        onChange,
+        value
+      }) => /*#__PURE__*/React.createElement(RadioButtons, {
+        onSelect: e => {
+          onChange(e.code);
+        },
+        selectedOption: sortOrderOptions.filter(option => option.code === value)[0],
+        optionsKey: "i18nKey",
+        name: "sortOrder",
+        options: sortOrderOptions
+      })
+    }));
+  };
   return {
-    title: t("NOC_PROFESSIONAL_DETAILS"),
-    values: values
+    data: dataForMobileInboxCards,
+    linkPrefix: `${parentRoute}/inbox/application-overview/`,
+    serviceRequestIdKey: t("NOC_APPLICATION_NUMBER"),
+    MobileSortFormValues
   };
 };
-const getApplicantDetails = (appData, t) => {
-  var _appData$nocDetails7, _appData$nocDetails7$, _appData$nocDetails7$2;
-  const owners = (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails7 = appData.nocDetails) === null || _appData$nocDetails7 === void 0 ? void 0 : (_appData$nocDetails7$ = _appData$nocDetails7.additionalDetails) === null || _appData$nocDetails7$ === void 0 ? void 0 : (_appData$nocDetails7$2 = _appData$nocDetails7$.applicationDetails) === null || _appData$nocDetails7$2 === void 0 ? void 0 : _appData$nocDetails7$2.owners) ?? [];
-  const ownerDetailsArray = owners.map((owner, index) => {
-    var _owner$ownerType, _owner$ownerType2, _owner$gender;
-    return {
-      title: index === 0 ? "Primary Owner" : `Owner ${index + 1} Details`,
-      values: [(owner === null || owner === void 0 ? void 0 : (_owner$ownerType = owner.ownerType) === null || _owner$ownerType === void 0 ? void 0 : _owner$ownerType.code) && {
-        title: t("NOC_OWNER_TYPE_LABEL"),
-        value: owner === null || owner === void 0 ? void 0 : (_owner$ownerType2 = owner.ownerType) === null || _owner$ownerType2 === void 0 ? void 0 : _owner$ownerType2.code
-      }, {
-        title: t("NOC_FIRM_OWNER_NAME_LABEL"),
-        value: (owner === null || owner === void 0 ? void 0 : owner.ownerOrFirmName) || "NA"
-      }, {
-        title: t("NOC_APPLICANT_EMAIL_LABEL"),
-        value: (owner === null || owner === void 0 ? void 0 : owner.emailId) || "NA"
-      }, {
-        title: t("NOC_APPLICANT_FATHER_HUSBAND_NAME_LABEL"),
-        value: (owner === null || owner === void 0 ? void 0 : owner.fatherOrHusbandName) || "NA"
-      }, {
-        title: t("NOC_APPLICANT_MOBILE_NO_LABEL"),
-        value: (owner === null || owner === void 0 ? void 0 : owner.mobileNumber) || "NA"
-      }, {
-        title: t("NOC_APPLICANT_DOB_LABEL"),
-        value: owner !== null && owner !== void 0 && owner.dateOfBirth ? new Date(owner.dateOfBirth).toLocaleDateString("en-GB") : "NA"
-      }, {
-        title: t("NOC_APPLICANT_GENDER_LABEL"),
-        value: (owner === null || owner === void 0 ? void 0 : (_owner$gender = owner.gender) === null || _owner$gender === void 0 ? void 0 : _owner$gender.code) || "NA"
-      }, {
-        title: t("NOC_APPLICANT_ADDRESS_LABEL"),
-        value: (owner === null || owner === void 0 ? void 0 : owner.address) || "NA"
-      }, (owner === null || owner === void 0 ? void 0 : owner.propertyId) && {
-        title: t("NOC_APPLICANT_PROPERTY_ID_LABEL"),
-        value: owner.propertyId
-      }].filter(Boolean)
+
+const Inbox = ({
+  parentRoute
+}) => {
+  var _user$info, _user$info2;
+  const {
+    t
+  } = useTranslation();
+  const [employeeName, setEmployeeName] = useState("");
+  const [employeeRole, setEmployeeRole] = useState("");
+  const tenantId = window.localStorage.getItem("Employee.tenant-id");
+  const searchFormDefaultValues = {
+    mobileNumber: "",
+    applicationNo: ""
+  };
+  const filterFormDefaultValues = {
+    moduleName: "noc-service",
+    applicationStatus: [],
+    businessService: "obpas_noc",
+    locality: [],
+    assignee: "ASSIGNED_TO_ME",
+    businessServiceArray: businessServiceList(true) || []
+  };
+  const tableOrderFormDefaultValues = {
+    sortBy: "",
+    limit: window.Digit.Utils.browser.isMobile() ? 50 : 10,
+    offset: 0,
+    sortOrder: "DESC"
+  };
+  function formReducer(state, payload) {
+    switch (payload.action) {
+      case "mutateSearchForm":
+        Digit.SessionStorage.set("NOC.INBOX", {
+          ...state,
+          searchForm: payload.data
+        });
+        return {
+          ...state,
+          searchForm: payload.data
+        };
+      case "mutateFilterForm":
+        Digit.SessionStorage.set("NOC.INBOX", {
+          ...state,
+          filterForm: payload.data
+        });
+        return {
+          ...state,
+          filterForm: payload.data
+        };
+      case "mutateTableForm":
+        Digit.SessionStorage.set("NOC.INBOX", {
+          ...state,
+          tableForm: payload.data
+        });
+        return {
+          ...state,
+          tableForm: payload.data
+        };
+    }
+  }
+  const InboxObjectInSessionStorage = Digit.SessionStorage.get("NOC.INBOX");
+  const onSearchFormReset = setSearchFormValue => {
+    setSearchFormValue("mobileNumber", null);
+    setSearchFormValue("applicationNo", null);
+    dispatch({
+      action: "mutateSearchForm",
+      data: searchFormDefaultValues
+    });
+  };
+  const onFilterFormReset = setFilterFormValue => {
+    setFilterFormValue("moduleName", "noc-service");
+    setFilterFormValue("applicationStatus", "");
+    setFilterFormValue("locality", []);
+    setFilterFormValue("assignee", "ASSIGNED_TO_ALL");
+    setFilterFormValue("applicationType", []);
+    dispatch({
+      action: "mutateFilterForm",
+      data: filterFormDefaultValues
+    });
+  };
+  const onSortFormReset = setSortFormValue => {
+    setSortFormValue("sortOrder", "DESC");
+    dispatch({
+      action: "mutateTableForm",
+      data: tableOrderFormDefaultValues
+    });
+  };
+  const formInitValue = useMemo(() => {
+    return InboxObjectInSessionStorage || {
+      filterForm: filterFormDefaultValues,
+      searchForm: searchFormDefaultValues,
+      tableForm: tableOrderFormDefaultValues
     };
-  });
-  return ownerDetailsArray;
-};
-const getSiteDetails = (appData, t) => {
-  var _appData$nocDetails8, _appData$nocDetails8$, _appData$nocDetails8$2, _appData$nocDetails9, _appData$nocDetails9$, _appData$nocDetails9$2, _appData$nocDetails0, _appData$nocDetails0$, _appData$nocDetails0$2, _appData$nocDetails0$3, _appData$nocDetails1, _appData$nocDetails1$, _appData$nocDetails1$2, _appData$nocDetails10, _appData$nocDetails11, _appData$nocDetails12, _appData$nocDetails13, _appData$nocDetails14, _appData$nocDetails15, _appData$nocDetails16, _appData$nocDetails17, _appData$nocDetails18, _appData$nocDetails19, _appData$nocDetails20, _appData$nocDetails21, _appData$nocDetails22, _appData$nocDetails23, _appData$nocDetails24, _appData$nocDetails25, _appData$nocDetails26, _appData$nocDetails27, _appData$nocDetails28, _appData$nocDetails29, _appData$nocDetails30, _appData$nocDetails31, _appData$nocDetails32, _appData$nocDetails33, _appData$nocDetails34, _appData$nocDetails35, _appData$nocDetails36, _appData$nocDetails37, _appData$nocDetails38, _appData$nocDetails39, _appData$nocDetails40, _appData$nocDetails41, _appData$nocDetails42, _appData$nocDetails43, _appData$nocDetails44, _appData$nocDetails45, _appData$nocDetails46, _appData$nocDetails47, _appData$nocDetails48, _appData$nocDetails49, _appData$nocDetails50, _appData$nocDetails51, _appData$nocDetails52, _appData$nocDetails53, _appData$nocDetails54, _appData$nocDetails55, _appData$nocDetails56, _appData$nocDetails57, _appData$nocDetails58, _appData$nocDetails59, _appData$nocDetails60, _appData$nocDetails61, _appData$nocDetails62, _appData$nocDetails63, _appData$nocDetails64, _appData$nocDetails65, _appData$nocDetails66, _appData$nocDetails67, _appData$nocDetails68, _appData$nocDetails69, _appData$nocDetails70, _appData$nocDetails71, _appData$nocDetails72, _appData$nocDetails73, _appData$nocDetails74, _appData$nocDetails75, _appData$nocDetails76, _appData$nocDetails77, _appData$nocDetails78, _appData$nocDetails79, _appData$nocDetails87, _appData$nocDetails88, _appData$nocDetails89, _appData$nocDetails93, _appData$nocDetails94, _appData$nocDetails95, _appData$nocDetails100, _appData$nocDetails101, _appData$nocDetails102;
-  let values = [{
-    title: t("NOC_PLOT_NO_LABEL"),
-    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails8 = appData.nocDetails) === null || _appData$nocDetails8 === void 0 ? void 0 : (_appData$nocDetails8$ = _appData$nocDetails8.additionalDetails) === null || _appData$nocDetails8$ === void 0 ? void 0 : (_appData$nocDetails8$2 = _appData$nocDetails8$.siteDetails) === null || _appData$nocDetails8$2 === void 0 ? void 0 : _appData$nocDetails8$2.plotNo) || "N/A"
-  }, {
-    title: t("NOC_PROPOSED_SITE_ADDRESS"),
-    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails9 = appData.nocDetails) === null || _appData$nocDetails9 === void 0 ? void 0 : (_appData$nocDetails9$ = _appData$nocDetails9.additionalDetails) === null || _appData$nocDetails9$ === void 0 ? void 0 : (_appData$nocDetails9$2 = _appData$nocDetails9$.siteDetails) === null || _appData$nocDetails9$2 === void 0 ? void 0 : _appData$nocDetails9$2.proposedSiteAddress) || "N/A"
-  }, {
-    title: t("NOC_ULB_NAME_LABEL"),
-    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails0 = appData.nocDetails) === null || _appData$nocDetails0 === void 0 ? void 0 : (_appData$nocDetails0$ = _appData$nocDetails0.additionalDetails) === null || _appData$nocDetails0$ === void 0 ? void 0 : (_appData$nocDetails0$2 = _appData$nocDetails0$.siteDetails) === null || _appData$nocDetails0$2 === void 0 ? void 0 : (_appData$nocDetails0$3 = _appData$nocDetails0$2.ulbName) === null || _appData$nocDetails0$3 === void 0 ? void 0 : _appData$nocDetails0$3.name) || (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails1 = appData.nocDetails) === null || _appData$nocDetails1 === void 0 ? void 0 : (_appData$nocDetails1$ = _appData$nocDetails1.additionalDetails) === null || _appData$nocDetails1$ === void 0 ? void 0 : (_appData$nocDetails1$2 = _appData$nocDetails1$.siteDetails) === null || _appData$nocDetails1$2 === void 0 ? void 0 : _appData$nocDetails1$2.ulbName) || "N/A"
-  }, {
-    title: t("NOC_ULB_TYPE_LABEL"),
-    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails10 = appData.nocDetails) === null || _appData$nocDetails10 === void 0 ? void 0 : (_appData$nocDetails11 = _appData$nocDetails10.additionalDetails) === null || _appData$nocDetails11 === void 0 ? void 0 : (_appData$nocDetails12 = _appData$nocDetails11.siteDetails) === null || _appData$nocDetails12 === void 0 ? void 0 : _appData$nocDetails12.ulbType) || "N/A"
-  }, {
-    title: t("NOC_KHASRA_NO_LABEL"),
-    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails13 = appData.nocDetails) === null || _appData$nocDetails13 === void 0 ? void 0 : (_appData$nocDetails14 = _appData$nocDetails13.additionalDetails) === null || _appData$nocDetails14 === void 0 ? void 0 : (_appData$nocDetails15 = _appData$nocDetails14.siteDetails) === null || _appData$nocDetails15 === void 0 ? void 0 : _appData$nocDetails15.khasraNo) || "N/A"
-  }, {
-    title: t("NOC_HADBAST_NO_LABEL"),
-    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails16 = appData.nocDetails) === null || _appData$nocDetails16 === void 0 ? void 0 : (_appData$nocDetails17 = _appData$nocDetails16.additionalDetails) === null || _appData$nocDetails17 === void 0 ? void 0 : (_appData$nocDetails18 = _appData$nocDetails17.siteDetails) === null || _appData$nocDetails18 === void 0 ? void 0 : _appData$nocDetails18.hadbastNo) || "N/A"
-  }, {
-    title: t("NOC_ROAD_TYPE_LABEL"),
-    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails19 = appData.nocDetails) === null || _appData$nocDetails19 === void 0 ? void 0 : (_appData$nocDetails20 = _appData$nocDetails19.additionalDetails) === null || _appData$nocDetails20 === void 0 ? void 0 : (_appData$nocDetails21 = _appData$nocDetails20.siteDetails) === null || _appData$nocDetails21 === void 0 ? void 0 : (_appData$nocDetails22 = _appData$nocDetails21.roadType) === null || _appData$nocDetails22 === void 0 ? void 0 : _appData$nocDetails22.name) || (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails23 = appData.nocDetails) === null || _appData$nocDetails23 === void 0 ? void 0 : (_appData$nocDetails24 = _appData$nocDetails23.additionalDetails) === null || _appData$nocDetails24 === void 0 ? void 0 : (_appData$nocDetails25 = _appData$nocDetails24.siteDetails) === null || _appData$nocDetails25 === void 0 ? void 0 : _appData$nocDetails25.roadType) || "N/A"
-  }, {
-    title: t("NOC_AREA_LEFT_FOR_ROAD_WIDENING_LABEL"),
-    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails26 = appData.nocDetails) === null || _appData$nocDetails26 === void 0 ? void 0 : (_appData$nocDetails27 = _appData$nocDetails26.additionalDetails) === null || _appData$nocDetails27 === void 0 ? void 0 : (_appData$nocDetails28 = _appData$nocDetails27.siteDetails) === null || _appData$nocDetails28 === void 0 ? void 0 : _appData$nocDetails28.areaLeftForRoadWidening) || "N/A"
-  }, {
-    title: t("NOC_NET_PLOT_AREA_AFTER_WIDENING_LABEL"),
-    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails29 = appData.nocDetails) === null || _appData$nocDetails29 === void 0 ? void 0 : (_appData$nocDetails30 = _appData$nocDetails29.additionalDetails) === null || _appData$nocDetails30 === void 0 ? void 0 : (_appData$nocDetails31 = _appData$nocDetails30.siteDetails) === null || _appData$nocDetails31 === void 0 ? void 0 : _appData$nocDetails31.netPlotAreaAfterWidening) || "N/A"
-  }, {
-    title: t("NOC_NET_TOTAL_AREA_LABEL"),
-    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails32 = appData.nocDetails) === null || _appData$nocDetails32 === void 0 ? void 0 : (_appData$nocDetails33 = _appData$nocDetails32.additionalDetails) === null || _appData$nocDetails33 === void 0 ? void 0 : (_appData$nocDetails34 = _appData$nocDetails33.siteDetails) === null || _appData$nocDetails34 === void 0 ? void 0 : _appData$nocDetails34.netTotalArea) || "N/A"
-  }, {
-    title: t("NOC_ROAD_WIDTH_AT_SITE_LABEL"),
-    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails35 = appData.nocDetails) === null || _appData$nocDetails35 === void 0 ? void 0 : (_appData$nocDetails36 = _appData$nocDetails35.additionalDetails) === null || _appData$nocDetails36 === void 0 ? void 0 : (_appData$nocDetails37 = _appData$nocDetails36.siteDetails) === null || _appData$nocDetails37 === void 0 ? void 0 : _appData$nocDetails37.roadWidthAtSite) || "N/A"
-  }, {
-    title: t("NOC_DISTRICT_LABEL"),
-    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails38 = appData.nocDetails) === null || _appData$nocDetails38 === void 0 ? void 0 : (_appData$nocDetails39 = _appData$nocDetails38.additionalDetails) === null || _appData$nocDetails39 === void 0 ? void 0 : (_appData$nocDetails40 = _appData$nocDetails39.siteDetails) === null || _appData$nocDetails40 === void 0 ? void 0 : (_appData$nocDetails41 = _appData$nocDetails40.district) === null || _appData$nocDetails41 === void 0 ? void 0 : _appData$nocDetails41.name) || (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails42 = appData.nocDetails) === null || _appData$nocDetails42 === void 0 ? void 0 : (_appData$nocDetails43 = _appData$nocDetails42.additionalDetails) === null || _appData$nocDetails43 === void 0 ? void 0 : (_appData$nocDetails44 = _appData$nocDetails43.siteDetails) === null || _appData$nocDetails44 === void 0 ? void 0 : _appData$nocDetails44.district) || "N/A"
-  }, {
-    title: t("NOC_ZONE_LABEL"),
-    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails45 = appData.nocDetails) === null || _appData$nocDetails45 === void 0 ? void 0 : (_appData$nocDetails46 = _appData$nocDetails45.additionalDetails) === null || _appData$nocDetails46 === void 0 ? void 0 : (_appData$nocDetails47 = _appData$nocDetails46.siteDetails) === null || _appData$nocDetails47 === void 0 ? void 0 : (_appData$nocDetails48 = _appData$nocDetails47.zone) === null || _appData$nocDetails48 === void 0 ? void 0 : _appData$nocDetails48.name) || (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails49 = appData.nocDetails) === null || _appData$nocDetails49 === void 0 ? void 0 : (_appData$nocDetails50 = _appData$nocDetails49.additionalDetails) === null || _appData$nocDetails50 === void 0 ? void 0 : (_appData$nocDetails51 = _appData$nocDetails50.siteDetails) === null || _appData$nocDetails51 === void 0 ? void 0 : _appData$nocDetails51.zone) || "N/A"
-  }, {
-    title: t("NOC_SITE_WARD_NO_LABEL"),
-    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails52 = appData.nocDetails) === null || _appData$nocDetails52 === void 0 ? void 0 : (_appData$nocDetails53 = _appData$nocDetails52.additionalDetails) === null || _appData$nocDetails53 === void 0 ? void 0 : (_appData$nocDetails54 = _appData$nocDetails53.siteDetails) === null || _appData$nocDetails54 === void 0 ? void 0 : _appData$nocDetails54.wardNo) || "N/A"
-  }, {
-    title: t("NOC_SITE_VILLAGE_NAME_LABEL"),
-    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails55 = appData.nocDetails) === null || _appData$nocDetails55 === void 0 ? void 0 : (_appData$nocDetails56 = _appData$nocDetails55.additionalDetails) === null || _appData$nocDetails56 === void 0 ? void 0 : (_appData$nocDetails57 = _appData$nocDetails56.siteDetails) === null || _appData$nocDetails57 === void 0 ? void 0 : _appData$nocDetails57.villageName) || "N/A"
-  }, {
-    title: t("NOC_SITE_COLONY_NAME_LABEL"),
-    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails58 = appData.nocDetails) === null || _appData$nocDetails58 === void 0 ? void 0 : (_appData$nocDetails59 = _appData$nocDetails58.additionalDetails) === null || _appData$nocDetails59 === void 0 ? void 0 : (_appData$nocDetails60 = _appData$nocDetails59.siteDetails) === null || _appData$nocDetails60 === void 0 ? void 0 : _appData$nocDetails60.colonyName) || "N/A"
-  }, {
-    title: t("NOC_SITE_VASIKA_NO_LABEL"),
-    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails61 = appData.nocDetails) === null || _appData$nocDetails61 === void 0 ? void 0 : (_appData$nocDetails62 = _appData$nocDetails61.additionalDetails) === null || _appData$nocDetails62 === void 0 ? void 0 : (_appData$nocDetails63 = _appData$nocDetails62.siteDetails) === null || _appData$nocDetails63 === void 0 ? void 0 : _appData$nocDetails63.vasikaNumber) || "N/A"
-  }, {
-    title: t("NOC_VASIKA_DATE"),
-    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails64 = appData.nocDetails) === null || _appData$nocDetails64 === void 0 ? void 0 : (_appData$nocDetails65 = _appData$nocDetails64.additionalDetails) === null || _appData$nocDetails65 === void 0 ? void 0 : (_appData$nocDetails66 = _appData$nocDetails65.siteDetails) === null || _appData$nocDetails66 === void 0 ? void 0 : _appData$nocDetails66.vasikaDate) || "N/A"
-  }, {
-    title: t("NOC_SITE_KHEWAT_AND_KHATUNI_NO_LABEL"),
-    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails67 = appData.nocDetails) === null || _appData$nocDetails67 === void 0 ? void 0 : (_appData$nocDetails68 = _appData$nocDetails67.additionalDetails) === null || _appData$nocDetails68 === void 0 ? void 0 : (_appData$nocDetails69 = _appData$nocDetails68.siteDetails) === null || _appData$nocDetails69 === void 0 ? void 0 : _appData$nocDetails69.khewatAndKhatuniNo) || "N/A"
+  }, [Object.values((InboxObjectInSessionStorage === null || InboxObjectInSessionStorage === void 0 ? void 0 : InboxObjectInSessionStorage.filterForm) || {}), Object.values((InboxObjectInSessionStorage === null || InboxObjectInSessionStorage === void 0 ? void 0 : InboxObjectInSessionStorage.searchForm) || {}), Object.values((InboxObjectInSessionStorage === null || InboxObjectInSessionStorage === void 0 ? void 0 : InboxObjectInSessionStorage.tableForm) || {})]);
+  const [formState, dispatch] = useReducer(formReducer, formInitValue);
+  const onPageSizeChange = e => {
+    dispatch({
+      action: "mutateTableForm",
+      data: {
+        ...formState.tableForm,
+        limit: e.target.value
+      }
+    });
+  };
+  const onSortingByData = e => {
+    if (e.length > 0) {
+      const [{
+        id,
+        desc
+      }] = e;
+      const sortOrder = desc ? "DESC" : "ASC";
+      const sortBy = id;
+      if (!(formState.tableForm.sortBy === sortBy && formState.tableForm.sortOrder === sortOrder)) {
+        dispatch({
+          action: "mutateTableForm",
+          data: {
+            ...formState.tableForm,
+            sortBy: id,
+            sortOrder: desc ? "DESC" : "ASC"
+          }
+        });
+      }
+    }
+  };
+  const onMobileSortOrderData = data => {
+    const {
+      sortOrder
+    } = data;
+    dispatch({
+      action: "mutateTableForm",
+      data: {
+        ...formState.tableForm,
+        sortOrder
+      }
+    });
+  };
+  const {
+    data: localitiesForEmployeesCurrentTenant,
+    isLoading: loadingLocalitiesForEmployeesCurrentTenant
+  } = Digit.Hooks.useBoundaryLocalities(tenantId, "revenue", {}, t);
+  const user = Digit.UserService.getUser();
+  const {
+    data: employeeData,
+    isLoading
+  } = Digit.Hooks.useEmployeeSearch(tenantId, {
+    codes: user === null || user === void 0 ? void 0 : (_user$info = user.info) === null || _user$info === void 0 ? void 0 : _user$info.userName,
+    isActive: true
   }, {
-    title: t("NOC_BUILDING_STATUS_LABEL"),
-    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails70 = appData.nocDetails) === null || _appData$nocDetails70 === void 0 ? void 0 : (_appData$nocDetails71 = _appData$nocDetails70.additionalDetails) === null || _appData$nocDetails71 === void 0 ? void 0 : (_appData$nocDetails72 = _appData$nocDetails71.siteDetails) === null || _appData$nocDetails72 === void 0 ? void 0 : (_appData$nocDetails73 = _appData$nocDetails72.buildingStatus) === null || _appData$nocDetails73 === void 0 ? void 0 : _appData$nocDetails73.name) || (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails74 = appData.nocDetails) === null || _appData$nocDetails74 === void 0 ? void 0 : (_appData$nocDetails75 = _appData$nocDetails74.additionalDetails) === null || _appData$nocDetails75 === void 0 ? void 0 : (_appData$nocDetails76 = _appData$nocDetails75.siteDetails) === null || _appData$nocDetails76 === void 0 ? void 0 : _appData$nocDetails76.buildingStatus) || "N/A"
-  }];
-  if (appData !== null && appData !== void 0 && (_appData$nocDetails77 = appData.nocDetails) !== null && _appData$nocDetails77 !== void 0 && (_appData$nocDetails78 = _appData$nocDetails77.additionalDetails) !== null && _appData$nocDetails78 !== void 0 && (_appData$nocDetails79 = _appData$nocDetails78.siteDetails) !== null && _appData$nocDetails79 !== void 0 && _appData$nocDetails79.isBasementAreaAvailable) {
-    var _appData$nocDetails80, _appData$nocDetails81, _appData$nocDetails82, _appData$nocDetails83, _appData$nocDetails84, _appData$nocDetails85, _appData$nocDetails86;
-    values.push({
-      title: t("NOC_IS_BASEMENT_AREA_PRESENT_LABEL"),
-      value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails80 = appData.nocDetails) === null || _appData$nocDetails80 === void 0 ? void 0 : (_appData$nocDetails81 = _appData$nocDetails80.additionalDetails) === null || _appData$nocDetails81 === void 0 ? void 0 : (_appData$nocDetails82 = _appData$nocDetails81.siteDetails) === null || _appData$nocDetails82 === void 0 ? void 0 : (_appData$nocDetails83 = _appData$nocDetails82.isBasementAreaAvailable) === null || _appData$nocDetails83 === void 0 ? void 0 : _appData$nocDetails83.code) || (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails84 = appData.nocDetails) === null || _appData$nocDetails84 === void 0 ? void 0 : (_appData$nocDetails85 = _appData$nocDetails84.additionalDetails) === null || _appData$nocDetails85 === void 0 ? void 0 : (_appData$nocDetails86 = _appData$nocDetails85.siteDetails) === null || _appData$nocDetails86 === void 0 ? void 0 : _appData$nocDetails86.isBasementAreaAvailable) || "N/A"
+    enabled: !!(user !== null && user !== void 0 && (_user$info2 = user.info) !== null && _user$info2 !== void 0 && _user$info2.userName)
+  });
+  console.log('employeeData', employeeData);
+  useEffect$1(() => {
+    if (!isLoading && employeeData) {
+      var _employeeData$Employe, _employeeData$Employe2, _employeeData$Employe3, _employeeData$Employe4, _employeeData$Employe5, _employeeData$Employe6, _employeeData$Employe7;
+      const code = (employeeData === null || employeeData === void 0 ? void 0 : (_employeeData$Employe = employeeData.Employees) === null || _employeeData$Employe === void 0 ? void 0 : (_employeeData$Employe2 = _employeeData$Employe[0]) === null || _employeeData$Employe2 === void 0 ? void 0 : (_employeeData$Employe3 = _employeeData$Employe2.user) === null || _employeeData$Employe3 === void 0 ? void 0 : _employeeData$Employe3.name) || "";
+      const desig = (employeeData === null || employeeData === void 0 ? void 0 : (_employeeData$Employe4 = employeeData.Employees) === null || _employeeData$Employe4 === void 0 ? void 0 : (_employeeData$Employe5 = _employeeData$Employe4[0]) === null || _employeeData$Employe5 === void 0 ? void 0 : (_employeeData$Employe6 = _employeeData$Employe5.assignments) === null || _employeeData$Employe6 === void 0 ? void 0 : (_employeeData$Employe7 = _employeeData$Employe6[0]) === null || _employeeData$Employe7 === void 0 ? void 0 : _employeeData$Employe7.designation) || "";
+      setEmployeeName(code);
+      setEmployeeRole(desig);
+    }
+  }, [employeeData]);
+  console.log('employeeName, employeeRole', employeeName, employeeRole);
+  const {
+    isLoading: isInboxLoading,
+    data
+  } = Digit.Hooks.noc.useInbox({
+    tenantId,
+    filters: {
+      ...formState
+    }
+  });
+  useEffect$1(() => {
+    if (data) {
+      data.revalidate();
+    }
+  }, []);
+  const [table, setTable] = useState([]);
+  const [statuses, setStatuses] = useState([]);
+  const [totalCount, setTotalCount] = useState(0);
+  useEffect$1(() => {
+    if (data) {
+      console.log('data?.table', data === null || data === void 0 ? void 0 : data.table);
+      setStatuses((data === null || data === void 0 ? void 0 : data.statuses) || []);
+      setTable((data === null || data === void 0 ? void 0 : data.table) || []);
+      setTotalCount((data === null || data === void 0 ? void 0 : data.totalCount) || 0);
+    }
+  }, [data]);
+  const PropsForInboxLinks = {
+    logoIcon: /*#__PURE__*/React.createElement(ComplaintIcon, null),
+    headerText: "ACTION_TEST_NOC",
+    links: [{
+      text: t("ES_COMMON_APPLICATION_SEARCH"),
+      link: "/digit-ui/employee/noc/search/application"
+    }]
+  };
+  const SearchFormFields = useCallback(({
+    registerRef,
+    searchFormState,
+    searchFieldComponents
+  }) => /*#__PURE__*/React.createElement(SearchFormFieldsComponents, {
+    registerRef,
+    searchFormState,
+    searchFieldComponents
+  }), []);
+  const FilterFormFields = useCallback(({
+    registerRef,
+    controlFilterForm,
+    setFilterFormValue,
+    getFilterFormValue
+  }) => /*#__PURE__*/React.createElement(FilterFormFieldsComponent, {
+    statuses,
+    isInboxLoading,
+    registerRef,
+    controlFilterForm,
+    setFilterFormValue,
+    filterFormState: formState === null || formState === void 0 ? void 0 : formState.filterForm,
+    getFilterFormValue,
+    localitiesForEmployeesCurrentTenant,
+    loadingLocalitiesForEmployeesCurrentTenant
+  }), [statuses, isInboxLoading, localitiesForEmployeesCurrentTenant, loadingLocalitiesForEmployeesCurrentTenant]);
+  const onSearchFormSubmit = data => {
+    console.log("data in OnSearchFormSubmit", data);
+    data.hasOwnProperty("") && (data === null || data === void 0 ? true : delete data[""]);
+    dispatch({
+      action: "mutateTableForm",
+      data: {
+        ...tableOrderFormDefaultValues
+      }
     });
-  }
-  if (appData !== null && appData !== void 0 && (_appData$nocDetails87 = appData.nocDetails) !== null && _appData$nocDetails87 !== void 0 && (_appData$nocDetails88 = _appData$nocDetails87.additionalDetails) !== null && _appData$nocDetails88 !== void 0 && (_appData$nocDetails89 = _appData$nocDetails88.siteDetails) !== null && _appData$nocDetails89 !== void 0 && _appData$nocDetails89.basementArea) {
-    var _appData$nocDetails90, _appData$nocDetails91, _appData$nocDetails92;
-    values.push({
-      title: t("NOC_BASEMENT_AREA_LABEL"),
-      value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails90 = appData.nocDetails) === null || _appData$nocDetails90 === void 0 ? void 0 : (_appData$nocDetails91 = _appData$nocDetails90.additionalDetails) === null || _appData$nocDetails91 === void 0 ? void 0 : (_appData$nocDetails92 = _appData$nocDetails91.siteDetails) === null || _appData$nocDetails92 === void 0 ? void 0 : _appData$nocDetails92.basementArea) || "N/A"
+    dispatch({
+      action: "mutateSearchForm",
+      data
     });
-  }
-  if ((appData === null || appData === void 0 ? void 0 : (_appData$nocDetails93 = appData.nocDetails) === null || _appData$nocDetails93 === void 0 ? void 0 : (_appData$nocDetails94 = _appData$nocDetails93.additionalDetails) === null || _appData$nocDetails94 === void 0 ? void 0 : (_appData$nocDetails95 = _appData$nocDetails94.siteDetails) === null || _appData$nocDetails95 === void 0 ? void 0 : _appData$nocDetails95.buildingStatus) == "Built UP") {
-    var _appData$nocDetails96, _appData$nocDetails97, _appData$nocDetails98, _appData$nocDetails99;
-    appData === null || appData === void 0 ? void 0 : (_appData$nocDetails96 = appData.nocDetails) === null || _appData$nocDetails96 === void 0 ? void 0 : (_appData$nocDetails97 = _appData$nocDetails96.additionalDetails) === null || _appData$nocDetails97 === void 0 ? void 0 : (_appData$nocDetails98 = _appData$nocDetails97.siteDetails) === null || _appData$nocDetails98 === void 0 ? void 0 : (_appData$nocDetails99 = _appData$nocDetails98.floorArea) === null || _appData$nocDetails99 === void 0 ? void 0 : _appData$nocDetails99.map((floor, index) => values.push({
-      title: getFloorLabel(index, t),
-      value: floor === null || floor === void 0 ? void 0 : floor.value
-    }));
-  }
-  if ((appData === null || appData === void 0 ? void 0 : (_appData$nocDetails100 = appData.nocDetails) === null || _appData$nocDetails100 === void 0 ? void 0 : (_appData$nocDetails101 = _appData$nocDetails100.additionalDetails) === null || _appData$nocDetails101 === void 0 ? void 0 : (_appData$nocDetails102 = _appData$nocDetails101.siteDetails) === null || _appData$nocDetails102 === void 0 ? void 0 : _appData$nocDetails102.buildingStatus) == "Built Up") {
-    var _appData$nocDetails103, _appData$nocDetails104, _appData$nocDetails105;
-    values.push({
-      title: t("NOC_TOTAL_FLOOR_BUILT_UP_AREA_LABEL"),
-      value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails103 = appData.nocDetails) === null || _appData$nocDetails103 === void 0 ? void 0 : (_appData$nocDetails104 = _appData$nocDetails103.additionalDetails) === null || _appData$nocDetails104 === void 0 ? void 0 : (_appData$nocDetails105 = _appData$nocDetails104.siteDetails) === null || _appData$nocDetails105 === void 0 ? void 0 : _appData$nocDetails105.totalFloorArea) || "N/A"
+  };
+  const onFilterFormSubmit = data => {
+    console.log("data in OnFilterFormSubmit", data);
+    data.hasOwnProperty("") && (data === null || data === void 0 ? true : delete data[""]);
+    dispatch({
+      action: "mutateTableForm",
+      data: {
+        ...tableOrderFormDefaultValues
+      }
+    });
+    dispatch({
+      action: "mutateFilterForm",
+      data
     });
-  }
-  return {
-    title: t("NOC_SITE_DETAILS"),
-    values: values
   };
-};
-const getSpecificationDetails = (appData, t) => {
-  var _appData$nocDetails106, _appData$nocDetails107, _appData$nocDetails108, _appData$nocDetails109, _appData$nocDetails110, _appData$nocDetails111, _appData$nocDetails112, _appData$nocDetails113, _appData$nocDetails114, _appData$nocDetails115, _appData$nocDetails116, _appData$nocDetails117, _appData$nocDetails118, _appData$nocDetails119, _appData$nocDetails120, _appData$nocDetails121, _appData$nocDetails122, _appData$nocDetails123, _appData$nocDetails124, _appData$nocDetails125, _appData$nocDetails126, _appData$nocDetails127, _appData$nocDetails128, _appData$nocDetails129, _appData$nocDetails130, _appData$nocDetails131, _appData$nocDetails132, _appData$nocDetails133, _appData$nocDetails134, _appData$nocDetails135, _appData$nocDetails136;
-  let values = [{
-    title: t("NOC_PLOT_AREA_JAMA_BANDI_LABEL"),
-    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails106 = appData.nocDetails) === null || _appData$nocDetails106 === void 0 ? void 0 : (_appData$nocDetails107 = _appData$nocDetails106.additionalDetails) === null || _appData$nocDetails107 === void 0 ? void 0 : (_appData$nocDetails108 = _appData$nocDetails107.siteDetails) === null || _appData$nocDetails108 === void 0 ? void 0 : _appData$nocDetails108.specificationPlotArea) || "N/A"
-  }, {
-    title: t("NOC_BUILDING_CATEGORY_LABEL"),
-    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails109 = appData.nocDetails) === null || _appData$nocDetails109 === void 0 ? void 0 : (_appData$nocDetails110 = _appData$nocDetails109.additionalDetails) === null || _appData$nocDetails110 === void 0 ? void 0 : (_appData$nocDetails111 = _appData$nocDetails110.siteDetails) === null || _appData$nocDetails111 === void 0 ? void 0 : (_appData$nocDetails112 = _appData$nocDetails111.specificationBuildingCategory) === null || _appData$nocDetails112 === void 0 ? void 0 : _appData$nocDetails112.name) || (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails113 = appData.nocDetails) === null || _appData$nocDetails113 === void 0 ? void 0 : (_appData$nocDetails114 = _appData$nocDetails113.additionalDetails) === null || _appData$nocDetails114 === void 0 ? void 0 : (_appData$nocDetails115 = _appData$nocDetails114.siteDetails) === null || _appData$nocDetails115 === void 0 ? void 0 : _appData$nocDetails115.specificationBuildingCategory) || "N/A"
-  }, {
-    title: t("NOC_NOC_TYPE_LABEL"),
-    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails116 = appData.nocDetails) === null || _appData$nocDetails116 === void 0 ? void 0 : (_appData$nocDetails117 = _appData$nocDetails116.additionalDetails) === null || _appData$nocDetails117 === void 0 ? void 0 : (_appData$nocDetails118 = _appData$nocDetails117.siteDetails) === null || _appData$nocDetails118 === void 0 ? void 0 : (_appData$nocDetails119 = _appData$nocDetails118.specificationNocType) === null || _appData$nocDetails119 === void 0 ? void 0 : _appData$nocDetails119.name) || (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails120 = appData.nocDetails) === null || _appData$nocDetails120 === void 0 ? void 0 : (_appData$nocDetails121 = _appData$nocDetails120.additionalDetails) === null || _appData$nocDetails121 === void 0 ? void 0 : (_appData$nocDetails122 = _appData$nocDetails121.siteDetails) === null || _appData$nocDetails122 === void 0 ? void 0 : _appData$nocDetails122.specificationNocType) || "N/A"
-  }, {
-    title: t("NOC_RESTRICTED_AREA_LABEL"),
-    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails123 = appData.nocDetails) === null || _appData$nocDetails123 === void 0 ? void 0 : (_appData$nocDetails124 = _appData$nocDetails123.additionalDetails) === null || _appData$nocDetails124 === void 0 ? void 0 : (_appData$nocDetails125 = _appData$nocDetails124.siteDetails) === null || _appData$nocDetails125 === void 0 ? void 0 : (_appData$nocDetails126 = _appData$nocDetails125.specificationRestrictedArea) === null || _appData$nocDetails126 === void 0 ? void 0 : _appData$nocDetails126.code) || (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails127 = appData.nocDetails) === null || _appData$nocDetails127 === void 0 ? void 0 : (_appData$nocDetails128 = _appData$nocDetails127.additionalDetails) === null || _appData$nocDetails128 === void 0 ? void 0 : (_appData$nocDetails129 = _appData$nocDetails128.siteDetails) === null || _appData$nocDetails129 === void 0 ? void 0 : _appData$nocDetails129.specificationRestrictedArea) || "N/A"
-  }, {
-    title: t("NOC_IS_SITE_UNDER_MASTER_PLAN_LABEL"),
-    value: (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails130 = appData.nocDetails) === null || _appData$nocDetails130 === void 0 ? void 0 : (_appData$nocDetails131 = _appData$nocDetails130.additionalDetails) === null || _appData$nocDetails131 === void 0 ? void 0 : (_appData$nocDetails132 = _appData$nocDetails131.siteDetails) === null || _appData$nocDetails132 === void 0 ? void 0 : (_appData$nocDetails133 = _appData$nocDetails132.specificationIsSiteUnderMasterPlan) === null || _appData$nocDetails133 === void 0 ? void 0 : _appData$nocDetails133.code) || (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails134 = appData.nocDetails) === null || _appData$nocDetails134 === void 0 ? void 0 : (_appData$nocDetails135 = _appData$nocDetails134.additionalDetails) === null || _appData$nocDetails135 === void 0 ? void 0 : (_appData$nocDetails136 = _appData$nocDetails135.siteDetails) === null || _appData$nocDetails136 === void 0 ? void 0 : _appData$nocDetails136.specificationIsSiteUnderMasterPlan) || "N/A"
-  }];
-  return {
-    title: t("NOC_SPECIFICATION_DETAILS"),
-    values: values
+  const propsForSearchForm = {
+    SearchFormFields,
+    onSearchFormSubmit,
+    searchFormDefaultValues: formState === null || formState === void 0 ? void 0 : formState.searchForm,
+    resetSearchFormDefaultValues: searchFormDefaultValues,
+    onSearchFormReset
   };
-};
-async function getExifDataFromUrl(fileUrl) {
-  return new Promise((resolve, reject) => {
-    const img = new Image();
-    img.onload = function () {
-      EXIF.getData(img, function () {
-        resolve(EXIF.getAllTags(this));
-      });
-    };
-    img.onerror = err => reject(err);
-    img.src = fileUrl;
+  const propsForFilterForm = {
+    FilterFormFields,
+    onFilterFormSubmit,
+    filterFormDefaultValues: formState === null || formState === void 0 ? void 0 : formState.filterForm,
+    resetFilterFormDefaultValues: filterFormDefaultValues,
+    onFilterFormReset
+  };
+  const propsForInboxTable = useInboxTableConfig({
+    ...{
+      parentRoute,
+      onPageSizeChange,
+      formState,
+      totalCount,
+      table,
+      dispatch,
+      onSortingByData
+    }
   });
-}
-const getDocuments$1 = async (appData, t) => {
-  var _appData$documents;
-  const filteredDocs = appData === null || appData === void 0 ? void 0 : (_appData$documents = appData.documents) === null || _appData$documents === void 0 ? void 0 : _appData$documents.filter(doc => (doc === null || doc === void 0 ? void 0 : doc.documentType) !== "OWNER.SITEPHOTOGRAPHONE" && (doc === null || doc === void 0 ? void 0 : doc.documentType) !== "OWNER.SITEPHOTOGRAPHTWO");
-  const filesArray = filteredDocs === null || filteredDocs === void 0 ? void 0 : filteredDocs.map(value => value === null || value === void 0 ? void 0 : value.uuid);
-  const res = (filesArray === null || filesArray === void 0 ? void 0 : filesArray.length) > 0 && (await Digit.UploadServices.Filefetch(filesArray, Digit.ULBService.getStateId()));
-  console.log("res here==>", res);
-  return {
-    title: t("BPA_TITILE_DOCUMENT_UPLOADED"),
-    values: (filteredDocs === null || filteredDocs === void 0 ? void 0 : filteredDocs.length) > 0 ? filteredDocs.map((document, index) => {
-      const documentLink = pdfDownloadLink(res === null || res === void 0 ? void 0 : res.data, document === null || document === void 0 ? void 0 : document.uuid);
+  const propsForInboxMobileCards = useInboxMobileCardsData({
+    parentRoute,
+    table
+  });
+  const propsForMobileSortForm = {
+    onMobileSortOrderData,
+    sortFormDefaultValues: formState === null || formState === void 0 ? void 0 : formState.tableForm,
+    onSortFormReset
+  };
+  if (isLoading) {
+    return /*#__PURE__*/React.createElement(Loader$2, null);
+  }
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Header, null, employeeData && !isLoading && `Welcome ${employeeName}, ${t(`COMMON_MASTERS_DESIGNATION_${employeeRole}`)}`, /*#__PURE__*/React.createElement("div", null, " ", t("ES_COMMON_INBOX"), " ", totalCount ? /*#__PURE__*/React.createElement("p", {
+    className: "inbox-count"
+  }, totalCount) : null)), /*#__PURE__*/React.createElement(InboxComposer, _extends({
+    isInboxLoading,
+    PropsForInboxLinks
+  }, propsForSearchForm, propsForFilterForm, propsForMobileSortForm, {
+    propsForInboxTable,
+    propsForInboxMobileCards,
+    formState
+  })));
+};
+
+const UPDATE_NOCNewApplication_FORMType = "UPDATE_NOCNewApplication_FORM";
+const SET_NOCNewApplication_STEPType = "SET_NOCNewApplication_STEP";
+const RESET_NOC_NEW_APPLICATION_FORMType = "RESET_NOC_NEW_APPLICATION_FORM";
+const UPDATE_NOCNewApplication_CoOrdinatesType = "UPDATE_NOCNewApplication_CoOrdinates";
+const UPDATE_NOC_OwnerPhotosType = "UPDATE_NOC_OwnerPhotos";
+const UPDATE_NOC_OwnerIdsType = "UPDATE_NOC_OwnerIds";
+
+const initialState = {
+  step: 1,
+  isValid: false,
+  formData: {},
+  coordinates: {},
+  ownerPhotos: [],
+  ownerIds: []
+};
+const NOCNewApplicationFormReducer = (state = initialState, action) => {
+  switch (action.type) {
+    case UPDATE_NOCNewApplication_FORMType:
+      return {
+        ...state,
+        formData: {
+          ...state.formData,
+          [action.payload.key]: action.payload.value
+        }
+      };
+    case SET_NOCNewApplication_STEPType:
+      return {
+        ...state,
+        step: action.payload
+      };
+    case RESET_NOC_NEW_APPLICATION_FORMType:
+      return initialState;
+    case UPDATE_NOCNewApplication_CoOrdinatesType:
+      return {
+        ...state,
+        coordinates: {
+          ...state.coordinates,
+          [action.payload.key]: action.payload.value
+        }
+      };
+    case UPDATE_NOC_OwnerPhotosType:
       return {
-        title: `${index + 1}. ${t(document === null || document === void 0 ? void 0 : document.documentType.replace(/\./g, "_")) || t("CS_NA")}`,
-        value: " ",
-        link: documentLink || ""
+        ...state,
+        ownerPhotos: {
+          ...state.ownerPhotos,
+          [action.payload.key]: action.payload.value
+        }
       };
-    }) : [{
-      title: t("PT_NO_DOCUMENTS"),
-      value: "NA"
-    }]
-  };
-};
-const getSitePhotographs = async (appData, t, stateCode) => {
-  var _appData$documents2, _appData$nocDetails137, _appData$nocDetails138;
-  const sitePhotoDocs = appData === null || appData === void 0 ? void 0 : (_appData$documents2 = appData.documents) === null || _appData$documents2 === void 0 ? void 0 : _appData$documents2.filter(doc => doc.documentType === "OWNER.SITEPHOTOGRAPHONE" || doc.documentType === "OWNER.SITEPHOTOGRAPHTWO");
-  const fileStoreIds = sitePhotoDocs === null || sitePhotoDocs === void 0 ? void 0 : sitePhotoDocs.map(doc => doc === null || doc === void 0 ? void 0 : doc.uuid);
-  const res = (fileStoreIds === null || fileStoreIds === void 0 ? void 0 : fileStoreIds.length) > 0 && (await Digit.UploadServices.Filefetch(fileStoreIds, Digit.ULBService.getStateId()));
-  const coords = (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails137 = appData.nocDetails) === null || _appData$nocDetails137 === void 0 ? void 0 : (_appData$nocDetails138 = _appData$nocDetails137.additionalDetails) === null || _appData$nocDetails138 === void 0 ? void 0 : _appData$nocDetails138.coordinates) || {};
-  let values = [{
-    title: t("CS_NO_DOCUMENTS_UPLOADED"),
-    value: "NA"
-  }];
-  if ((sitePhotoDocs === null || sitePhotoDocs === void 0 ? void 0 : sitePhotoDocs.length) > 0) {
-    values = await Promise.all(sitePhotoDocs.map(async doc => {
-      const documentLink = pdfDownloadLink(res === null || res === void 0 ? void 0 : res.data, doc === null || doc === void 0 ? void 0 : doc.uuid);
-      const exiflink = `${window.origin}/filestore/v1/files/id?fileStoreId=${doc === null || doc === void 0 ? void 0 : doc.documentAttachment}&tenantId=${stateCode}`;
-      const exifData = await getExifDataFromUrl(exiflink);
-      console.log("exifData in sitephotos", exifData);
-      if ([3, 6, 8].includes(exifData === null || exifData === void 0 ? void 0 : exifData.Orientation)) {
-        exifData.Orientation = 1;
-      }
-      let lat = "N/A";
-      let long = "N/A";
-      if (doc.documentType === "OWNER.SITEPHOTOGRAPHONE") {
-        lat = (coords === null || coords === void 0 ? void 0 : coords.Latitude1) || "N/A";
-        long = (coords === null || coords === void 0 ? void 0 : coords.Longitude1) || "N/A";
-      }
-      if (doc.documentType === "OWNER.SITEPHOTOGRAPHTWO") {
-        lat = (coords === null || coords === void 0 ? void 0 : coords.Latitude2) || "N/A";
-        long = (coords === null || coords === void 0 ? void 0 : coords.Longitude2) || "N/A";
-      }
+    case UPDATE_NOC_OwnerIdsType:
       return {
-        title: (t(doc.documentType.replace(/\./g, "_")) || t("CS_NA")) + ` (Lat: ${lat}, Long: ${long})`,
-        value: " ",
-        link: documentLink || "",
-        exiflink: exiflink || "",
-        orientation: (exifData === null || exifData === void 0 ? void 0 : exifData.Orientation) || 1
+        ...state,
+        ownerIds: {
+          ...state.ownerIds,
+          [action.payload.key]: action.payload.value
+        }
       };
-    }));
+    default:
+      return state;
   }
-  return {
-    title: t("BPA_LOC_SITE_PHOTOGRAPH_PREVIEW"),
-    isAttachments: true,
-    values
-  };
 };
-const getNOCAcknowledgementData = async (applicationDetails, tenantInfo, ulbType, ulbName, t, isView = false) => {
-  var _appData$nocDetails139, _appData$nocDetails140, _appData$nocDetails141, _appData$nocDetails142, _result$data, _result$data$fileStor, _appData$nocDetails143, _appData$nocDetails144, _appData$nocDetails145;
-  const stateCode = Digit.ULBService.getStateId();
-  const appData = applicationDetails || {};
-  console.log("appData here in DownloadACK", appData);
-  let detailsArr = [],
-    imageURL = "";
-  const ownerFileStoreId = (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails139 = appData.nocDetails) === null || _appData$nocDetails139 === void 0 ? void 0 : (_appData$nocDetails140 = _appData$nocDetails139.additionalDetails) === null || _appData$nocDetails140 === void 0 ? void 0 : (_appData$nocDetails141 = _appData$nocDetails140.ownerPhotos) === null || _appData$nocDetails141 === void 0 ? void 0 : (_appData$nocDetails142 = _appData$nocDetails141[0]) === null || _appData$nocDetails142 === void 0 ? void 0 : _appData$nocDetails142.filestoreId) || "";
-  const result = await Digit.UploadServices.Filefetch([ownerFileStoreId], stateCode);
-  const fileData = result === null || result === void 0 ? void 0 : (_result$data = result.data) === null || _result$data === void 0 ? void 0 : (_result$data$fileStor = _result$data.fileStoreIds) === null || _result$data$fileStor === void 0 ? void 0 : _result$data$fileStor[0];
-  imageURL = (fileData === null || fileData === void 0 ? void 0 : fileData.url) || "";
-  if (appData !== null && appData !== void 0 && (_appData$nocDetails143 = appData.nocDetails) !== null && _appData$nocDetails143 !== void 0 && (_appData$nocDetails144 = _appData$nocDetails143.additionalDetails) !== null && _appData$nocDetails144 !== void 0 && (_appData$nocDetails145 = _appData$nocDetails144.applicationDetails) !== null && _appData$nocDetails145 !== void 0 && _appData$nocDetails145.professionalName) detailsArr.push(getProfessionalDetails(appData, t));
-  const data = {
-    t,
-    tenantId: tenantInfo === null || tenantInfo === void 0 ? void 0 : tenantInfo.code,
-    name: "NOC Application",
-    email: tenantInfo === null || tenantInfo === void 0 ? void 0 : tenantInfo.emailId,
-    phoneNumber: tenantInfo === null || tenantInfo === void 0 ? void 0 : tenantInfo.contactNumber,
-    heading: t("LOCAL_GOVERNMENT_PUNJAB"),
-    applicationNumber: (appData === null || appData === void 0 ? void 0 : appData.applicationNo) || "NA",
-    details: [getRegistrationDetails(appData, t), ...detailsArr, ...getApplicantDetails(appData, t), getSiteDetails(appData, t), getSpecificationDetails(appData, t), await getDocuments$1(appData, t), await getSitePhotographs(appData, t, stateCode)],
-    imageURL,
-    ulbType,
-    ulbName
-  };
-  if (isView) {
-    data.openInNewTab = true;
-  }
-  return data;
+
+const getRootReducer = () => combineReducers({
+  NOCNewApplicationFormReducer
+});
+
+const NOCBreadCrumbs$1 = ({
+  location
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const crumbs = [{
+    path: "/digit-ui/citizen",
+    content: t("ES_COMMON_HOME"),
+    show: true
+  }, {
+    path: "/digit-ui/citizen/noc-home",
+    content: `NOC Home`,
+    show: location.pathname.includes("/noc/new-application") ? true : false
+  }, {
+    path: "/digit-ui/citizen/noc-home",
+    content: `NOC Home`,
+    show: location.pathname.includes("noc/my-application") ? true : false
+  }, {
+    path: "/digit-ui/citizen/noc-home",
+    content: `NOC Home`,
+    show: location.pathname.includes("noc/search/application-overview/") ? true : false
+  }, {
+    path: "/digit-ui/citizen/noc-home",
+    content: `NOC Home`,
+    show: location.pathname.includes("noc/search-application") ? true : false
+  }];
+  return /*#__PURE__*/React.createElement(BreadCrumb, {
+    crumbs: crumbs
+  });
+};
+const App = () => {
+  var _Digit, _Digit$ComponentRegis, _Digit2, _Digit2$ComponentRegi, _Digit3, _Digit3$ComponentRegi, _Digit4, _Digit4$ComponentRegi;
+  const {
+    path,
+    url,
+    ...match
+  } = useRouteMatch();
+  const {
+    t
+  } = useTranslation();
+  const NewNOCApplication = (_Digit = Digit) === null || _Digit === void 0 ? void 0 : (_Digit$ComponentRegis = _Digit.ComponentRegistryService) === null || _Digit$ComponentRegis === void 0 ? void 0 : _Digit$ComponentRegis.getComponent("NewNOCStepperForm");
+  const NOCResponseCitizen = Digit.ComponentRegistryService.getComponent("NOCResponseCitizen");
+  const NOCCitizenMyApplications = Digit.ComponentRegistryService.getComponent("NOCCitizenMyApplications");
+  const NOCCitizenApplicationOverview = (_Digit2 = Digit) === null || _Digit2 === void 0 ? void 0 : (_Digit2$ComponentRegi = _Digit2.ComponentRegistryService) === null || _Digit2$ComponentRegi === void 0 ? void 0 : _Digit2$ComponentRegi.getComponent("NOCCitizenApplicationOverview");
+  const NewNOCEditApplication = (_Digit3 = Digit) === null || _Digit3 === void 0 ? void 0 : (_Digit3$ComponentRegi = _Digit3.ComponentRegistryService) === null || _Digit3$ComponentRegi === void 0 ? void 0 : _Digit3$ComponentRegi.getComponent("NewNOCEditApplication");
+  const NOCCitizenSearchApplication = (_Digit4 = Digit) === null || _Digit4 === void 0 ? void 0 : (_Digit4$ComponentRegi = _Digit4.ComponentRegistryService) === null || _Digit4$ComponentRegi === void 0 ? void 0 : _Digit4$ComponentRegi.getComponent("NOCCitizenSearchApplication");
+  const isResponse = window.location.href.includes("/response");
+  const isMobile = window.Digit.Utils.browser.isMobile();
+  return /*#__PURE__*/React.createElement("span", {
+    className: "pgr-citizen-wrapper",
+    style: {
+      width: "100%"
+    }
+  }, /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(AppContainer, null, !isResponse ? /*#__PURE__*/React.createElement("div", {
+    style: window.location.href.includes("application-overview") || isMobile ? {
+      marginLeft: "10px",
+      marginTop: "20px"
+    } : {}
+  }, /*#__PURE__*/React.createElement(NOCBreadCrumbs$1, {
+    location: location
+  })) : null, /*#__PURE__*/React.createElement(PrivateRoute, {
+    path: `${path}/new-application`,
+    component: NewNOCApplication
+  }), /*#__PURE__*/React.createElement(PrivateRoute, {
+    path: `${path}/response/:id`,
+    component: NOCResponseCitizen
+  }), /*#__PURE__*/React.createElement(PrivateRoute, {
+    path: `${path}/my-application`,
+    component: NOCCitizenMyApplications
+  }), /*#__PURE__*/React.createElement(PrivateRoute, {
+    path: `${path}/edit-application/:id`,
+    component: NewNOCEditApplication
+  }), /*#__PURE__*/React.createElement(PrivateRoute, {
+    path: `${path}/search/application-overview/:id`,
+    component: NOCCitizenApplicationOverview
+  }), /*#__PURE__*/React.createElement(PrivateRoute, {
+    path: `${path}/search-application`,
+    component: NOCCitizenSearchApplication
+  }))));
 };
 
 const NOCResponseCitizen = props => {
@@ -23931,7 +24274,7 @@ const NOCApplicantDetails = _props => {
           const newItem = {
             filestoreId: fileId,
             fileName: file.name,
-            documentType: index === 0 ? "Primary Owner Id" : `Owner${index + 1} Id`,
+            documentType: index === 0 ? "Primary Owner ID" : `Owner${index + 1} ID`,
             documentUid: fileId
           };
           if (index <= (next === null || next === void 0 ? void 0 : next.length)) {
@@ -25343,6 +25686,7 @@ const NOCSiteDetails = _props => {
     Controller,
     control,
     setValue,
+    trigger,
     errors,
     errorStyle,
     useFieldArray,
@@ -25809,6 +26153,14 @@ const NOCSiteDetails = _props => {
       maxLength: {
         value: 100,
         message: t("MAX_100_CHARACTERS_ALLOWED")
+      },
+      validate: value => {
+        const totalArea = parseFloat(NetTotalArea || 0);
+        const roadWideningArea = parseFloat(value || 0);
+        if (roadWideningArea > totalArea) {
+          return t("AREA_LEFT_FOR_ROAD_WIDENING_CANNOT_EXCEED_TOTAL_AREA");
+        }
+        return true;
       }
     },
     render: props => /*#__PURE__*/React.createElement(TextInput, {
@@ -25818,6 +26170,9 @@ const NOCSiteDetails = _props => {
       },
       onBlur: e => {
         props.onBlur(e);
+        trigger("areaLeftForRoadWidening", {
+          shouldFocus: false
+        });
       }
     })
   }), (errors === null || errors === void 0 ? void 0 : errors.areaLeftForRoadWidening) && /*#__PURE__*/React.createElement("p", {
@@ -25831,6 +26186,9 @@ const NOCSiteDetails = _props => {
       marginBottom: "20px"
     }
   }, /*#__PURE__*/React.createElement(CardLabel, {
+    style: {
+      marginTop: "0"
+    },
     className: "card-label-smaller"
   }, `${t("NOC_NET_PLOT_AREA_AFTER_WIDENING_LABEL")}`, /*#__PURE__*/React.createElement("span", {
     className: "requiredField"
@@ -26598,10 +26956,10 @@ const NewNOCStepFormTwo = ({
     control,
     handleSubmit,
     setValue,
+    trigger,
     formState: {
       errors
     },
-    trigger,
     watch
   } = useForm({
     defaultValues: {
@@ -26632,6 +26990,7 @@ const NewNOCStepFormTwo = ({
     Controller,
     control,
     setValue,
+    trigger,
     errors,
     errorStyle,
     useFieldArray,
@@ -28621,69 +28980,192 @@ const EditApplication = () => {
 const MyApplications = ({
   view
 }) => {
-  var _Digit$UserService$ge, _data$data, _data$data2;
+  var _Digit$UserService$ge, _data$data;
   const {
     t
   } = useTranslation();
   const history = useHistory();
   const userInfo = ((_Digit$UserService$ge = Digit.UserService.getUser()) === null || _Digit$UserService$ge === void 0 ? void 0 : _Digit$UserService$ge.info) || {};
   const tenantId = window.localStorage.getItem("CITIZEN.CITY");
-  const searchListDefaultValues = {
+  const [page, setPage] = useState(0);
+  const [pageSize, setPageSize] = useState(window.Digit.Utils.browser.isMobile() ? 50 : 10);
+  const params = useMemo(() => ({
     sortBy: "createdTime",
-    offset: 0,
+    limit: pageSize,
+    offset: page * pageSize,
     sortOrder: "DESC",
-    mobileNumber: ""
-  };
+    mobileNumber: (userInfo === null || userInfo === void 0 ? void 0 : userInfo.mobileNumber) || ""
+  }), [page, pageSize, userInfo]);
   const {
     isLoading,
     data,
     isError,
     error
-  } = Digit.Hooks.noc.useNOCCitizenSearchApplication({
-    ...searchListDefaultValues,
-    mobileNumber: (userInfo === null || userInfo === void 0 ? void 0 : userInfo.mobileNumber) || ""
-  }, tenantId);
+  } = Digit.Hooks.noc.useNOCCitizenSearchApplication(params, tenantId);
   console.log("data herein NOC==>", data);
-  const labels = ["CS_CF_VIEW", "CS_CF_TRACK", "TL_VIEW_DETAILS"];
+  if (data !== null && data !== void 0 && data.data && (data === null || data === void 0 ? void 0 : (_data$data = data.data) === null || _data$data === void 0 ? void 0 : _data$data.length) > 0) {
+    var _data$data$, _data$data$$nocDetail, _data$data$$nocDetail2, _data$data$$nocDetail3, _data$data$$nocDetail4, _data$data$$nocDetail5;
+    console.log("First record:", data.data[0]);
+    console.log("Owner name test:", (_data$data$ = data.data[0]) === null || _data$data$ === void 0 ? void 0 : (_data$data$$nocDetail = _data$data$.nocDetails) === null || _data$data$$nocDetail === void 0 ? void 0 : (_data$data$$nocDetail2 = _data$data$$nocDetail.additionalDetails) === null || _data$data$$nocDetail2 === void 0 ? void 0 : (_data$data$$nocDetail3 = _data$data$$nocDetail2.applicationDetails) === null || _data$data$$nocDetail3 === void 0 ? void 0 : (_data$data$$nocDetail4 = _data$data$$nocDetail3.owners) === null || _data$data$$nocDetail4 === void 0 ? void 0 : (_data$data$$nocDetail5 = _data$data$$nocDetail4[0]) === null || _data$data$$nocDetail5 === void 0 ? void 0 : _data$data$$nocDetail5.ownerOrFirmName);
+  }
   useEffect$1(() => {
     if (data) {
       data.revalidate();
     }
   }, []);
+  const tableWrapperRef = useRef(null);
+  useEffect$1(() => {
+    var _tableWrapperRef$curr;
+    if (isLoading) return;
+    const el = (_tableWrapperRef$curr = tableWrapperRef.current) === null || _tableWrapperRef$curr === void 0 ? void 0 : _tableWrapperRef$curr.querySelector(".table");
+    if (el) {
+      el.style.overflowX = "auto";
+      el.style.overflowY = "hidden";
+      el.style.WebkitOverflowScrolling = "touch";
+    }
+  }, [isLoading]);
+  const GetCell = value => /*#__PURE__*/React.createElement("span", {
+    className: "cell-text styled-cell"
+  }, value);
+  const list = (data === null || data === void 0 ? void 0 : data.data) || [];
+  const total = (data === null || data === void 0 ? void 0 : data.count) ?? 0;
+  const columns = useMemo(() => [{
+    Header: t("NOC_APPLICATION_NUMBER"),
+    accessor: row => {
+      var _row$Applications;
+      return row === null || row === void 0 ? void 0 : (_row$Applications = row.Applications) === null || _row$Applications === void 0 ? void 0 : _row$Applications.applicationNo;
+    },
+    Cell: ({
+      row
+    }) => {
+      var _row$original, _row$original$Applica, _row$original2, _row$original2$Applic;
+      return /*#__PURE__*/React.createElement(Link, {
+        to: `/digit-ui/citizen/noc/search/application-overview/${(_row$original = row.original) === null || _row$original === void 0 ? void 0 : (_row$original$Applica = _row$original.Applications) === null || _row$original$Applica === void 0 ? void 0 : _row$original$Applica.applicationNo}`
+      }, /*#__PURE__*/React.createElement("b", null, GetCell((_row$original2 = row.original) === null || _row$original2 === void 0 ? void 0 : (_row$original2$Applic = _row$original2.Applications) === null || _row$original2$Applic === void 0 ? void 0 : _row$original2$Applic.applicationNo)));
+    }
+  }, {
+    Header: t("Owner Name"),
+    accessor: row => {
+      var _row$Applications2, _row$Applications2$no, _row$Applications2$no2, _row$Applications2$no3, _row$Applications2$no4, _row$Applications2$no5;
+      return row === null || row === void 0 ? void 0 : (_row$Applications2 = row.Applications) === null || _row$Applications2 === void 0 ? void 0 : (_row$Applications2$no = _row$Applications2.nocDetails) === null || _row$Applications2$no === void 0 ? void 0 : (_row$Applications2$no2 = _row$Applications2$no.additionalDetails) === null || _row$Applications2$no2 === void 0 ? void 0 : (_row$Applications2$no3 = _row$Applications2$no2.applicationDetails) === null || _row$Applications2$no3 === void 0 ? void 0 : (_row$Applications2$no4 = _row$Applications2$no3.owners) === null || _row$Applications2$no4 === void 0 ? void 0 : (_row$Applications2$no5 = _row$Applications2$no4[0]) === null || _row$Applications2$no5 === void 0 ? void 0 : _row$Applications2$no5.ownerOrFirmName;
+    },
+    Cell: ({
+      row
+    }) => {
+      var _row$original3, _row$original3$Applic, _row$original3$Applic2, _row$original3$Applic3, _row$original3$Applic4, _row$original3$Applic5, _row$original3$Applic6;
+      return GetCell(((_row$original3 = row.original) === null || _row$original3 === void 0 ? void 0 : (_row$original3$Applic = _row$original3.Applications) === null || _row$original3$Applic === void 0 ? void 0 : (_row$original3$Applic2 = _row$original3$Applic.nocDetails) === null || _row$original3$Applic2 === void 0 ? void 0 : (_row$original3$Applic3 = _row$original3$Applic2.additionalDetails) === null || _row$original3$Applic3 === void 0 ? void 0 : (_row$original3$Applic4 = _row$original3$Applic3.applicationDetails) === null || _row$original3$Applic4 === void 0 ? void 0 : (_row$original3$Applic5 = _row$original3$Applic4.owners) === null || _row$original3$Applic5 === void 0 ? void 0 : (_row$original3$Applic6 = _row$original3$Applic5[0]) === null || _row$original3$Applic6 === void 0 ? void 0 : _row$original3$Applic6.ownerOrFirmName) || "-");
+    }
+  }, {
+    Header: t("NOC_APPLICATION_STATUS"),
+    accessor: row => {
+      var _row$Applications3;
+      return row === null || row === void 0 ? void 0 : (_row$Applications3 = row.Applications) === null || _row$Applications3 === void 0 ? void 0 : _row$Applications3.applicationStatus;
+    },
+    Cell: ({
+      row
+    }) => {
+      var _row$original4, _row$original4$Applic, _row$original5, _row$original5$Applic;
+      return GetCell(t((_row$original4 = row.original) === null || _row$original4 === void 0 ? void 0 : (_row$original4$Applic = _row$original4.Applications) === null || _row$original4$Applic === void 0 ? void 0 : _row$original4$Applic.applicationStatus) || ((_row$original5 = row.original) === null || _row$original5 === void 0 ? void 0 : (_row$original5$Applic = _row$original5.Applications) === null || _row$original5$Applic === void 0 ? void 0 : _row$original5$Applic.applicationStatus) || "-");
+    }
+  }, {
+    Header: t("Application Date"),
+    accessor: row => {
+      var _row$Applications4, _row$Applications4$no, _row$Applications4$no2;
+      return row === null || row === void 0 ? void 0 : (_row$Applications4 = row.Applications) === null || _row$Applications4 === void 0 ? void 0 : (_row$Applications4$no = _row$Applications4.nocDetails) === null || _row$Applications4$no === void 0 ? void 0 : (_row$Applications4$no2 = _row$Applications4$no.additionalDetails) === null || _row$Applications4$no2 === void 0 ? void 0 : _row$Applications4$no2.SubmittedOn;
+    },
+    Cell: ({
+      row
+    }) => {
+      var _row$original6, _row$original6$Applic, _row$original6$Applic2, _row$original6$Applic3;
+      const submittedOn = row === null || row === void 0 ? void 0 : (_row$original6 = row.original) === null || _row$original6 === void 0 ? void 0 : (_row$original6$Applic = _row$original6.Applications) === null || _row$original6$Applic === void 0 ? void 0 : (_row$original6$Applic2 = _row$original6$Applic.nocDetails) === null || _row$original6$Applic2 === void 0 ? void 0 : (_row$original6$Applic3 = _row$original6$Applic2.additionalDetails) === null || _row$original6$Applic3 === void 0 ? void 0 : _row$original6$Applic3.SubmittedOn;
+      if (!submittedOn) {
+        return GetCell("-");
+      }
+      const date = new Date(Number(submittedOn));
+      if (isNaN(date === null || date === void 0 ? void 0 : date.getTime())) {
+        return GetCell("-");
+      }
+      return GetCell(format(date, "dd/MM/yyyy"));
+    }
+  }], [t]);
   if (isLoading) {
     return /*#__PURE__*/React.createElement(Loader$2, null);
   }
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "applications-list-container"
-  }, /*#__PURE__*/React.createElement(Header, null, `${t("NOC_MY_APPLICATION")}`), (data === null || data === void 0 ? void 0 : (_data$data = data.data) === null || _data$data === void 0 ? void 0 : _data$data.length) === 0 && /*#__PURE__*/React.createElement(Card, {
+  }, /*#__PURE__*/React.createElement(Header, null, `${t("NOC_MY_APPLICATION")}`, "(", total, ")"), list.length === 0 ? /*#__PURE__*/React.createElement(Card, {
     style: {
       textAlign: "center"
     }
-  }, t("NO_APPLICATIONS_MSG")), data === null || data === void 0 ? void 0 : (_data$data2 = data.data) === null || _data$data2 === void 0 ? void 0 : _data$data2.map((application, index) => {
-    var _application$Applicat2;
-    const filteredApplication = Object.fromEntries(Object.entries(application).filter(([key]) => key !== "Applications"));
-    console.log('filteredApplication', filteredApplication);
-    return /*#__PURE__*/React.createElement("div", {
-      key: `card-${index}`
-    }, /*#__PURE__*/React.createElement(Card, null, Object.keys(filteredApplication).filter(key => filteredApplication[key] !== null).map((item, idx) => /*#__PURE__*/React.createElement(KeyNote, {
-      key: item,
-      keyValue: t(item),
-      note: idx === 1 ? /*#__PURE__*/React.createElement("span", {
-        style: {
-          color: "#ae0000",
-          fontWeight: "normal"
-        }
-      }, t(filteredApplication[item])) : t(filteredApplication[item])
-    })), /*#__PURE__*/React.createElement(Link, {
-      to: `/digit-ui/citizen/noc/search/application-overview/${application === null || application === void 0 ? void 0 : (_application$Applicat2 = application.Applications) === null || _application$Applicat2 === void 0 ? void 0 : _application$Applicat2.applicationNo}`
-    }, /*#__PURE__*/React.createElement(SubmitBar, {
-      label: t(labels[2])
-    }))));
-  })));
+  }, t("NO_APPLICATIONS_MSG")) : null, window.Digit.Utils.browser.isMobile() ? /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "12px"
+    }
+  }, list.map((application, index) => {
+    var _application$Applicat, _application$Applicat2, _application$Applicat3, _application$Applicat4, _application$Applicat5, _application$Applicat6, _application$Applicat7, _application$Applicat8, _application$Applicat9;
+    return /*#__PURE__*/React.createElement(Card, {
+      key: index,
+      style: {
+        padding: "12px",
+        borderRadius: "8px",
+        boxShadow: "0px 2px 6px rgba(0,0,0,0.1)"
+      }
+    }, /*#__PURE__*/React.createElement("h3", {
+      style: {
+        fontSize: "16px",
+        marginBottom: "8px"
+      }
+    }, application === null || application === void 0 ? void 0 : (_application$Applicat = application.Applications) === null || _application$Applicat === void 0 ? void 0 : _application$Applicat.applicationNo), /*#__PURE__*/React.createElement("p", {
+      style: {
+        margin: "4px 0"
+      }
+    }, /*#__PURE__*/React.createElement("b", null, t("Owner Name"), ":"), " ", (application === null || application === void 0 ? void 0 : (_application$Applicat2 = application.Applications) === null || _application$Applicat2 === void 0 ? void 0 : (_application$Applicat3 = _application$Applicat2.nocDetails) === null || _application$Applicat3 === void 0 ? void 0 : (_application$Applicat4 = _application$Applicat3.additionalDetails) === null || _application$Applicat4 === void 0 ? void 0 : (_application$Applicat5 = _application$Applicat4.applicationDetails) === null || _application$Applicat5 === void 0 ? void 0 : (_application$Applicat6 = _application$Applicat5.owners) === null || _application$Applicat6 === void 0 ? void 0 : (_application$Applicat7 = _application$Applicat6[0]) === null || _application$Applicat7 === void 0 ? void 0 : _application$Applicat7.ownerOrFirmName) || t("CS_NA")), /*#__PURE__*/React.createElement("p", {
+      style: {
+        margin: "4px 0"
+      }
+    }, /*#__PURE__*/React.createElement("b", null, t("NOC_APPLICATION_STATUS"), ":"), " ", t(application === null || application === void 0 ? void 0 : (_application$Applicat8 = application.Applications) === null || _application$Applicat8 === void 0 ? void 0 : _application$Applicat8.applicationStatus) || (application === null || application === void 0 ? void 0 : (_application$Applicat9 = application.Applications) === null || _application$Applicat9 === void 0 ? void 0 : _application$Applicat9.applicationStatus) || t("CS_NA")), /*#__PURE__*/React.createElement(SubmitBar, {
+      label: t("TL_VIEW_DETAILS"),
+      onSubmit: () => {
+        var _application$Applicat0;
+        return history.push(`/digit-ui/citizen/noc/search/application-overview/${application === null || application === void 0 ? void 0 : (_application$Applicat0 = application.Applications) === null || _application$Applicat0 === void 0 ? void 0 : _application$Applicat0.applicationNo}`);
+      }
+    }));
+  })) : /*#__PURE__*/React.createElement("div", {
+    ref: tableWrapperRef
+  }, /*#__PURE__*/React.createElement(Table, {
+    t: t,
+    data: list,
+    totalRecords: total,
+    columns: columns,
+    getCellProps: () => ({
+      style: {
+        minWidth: "200px",
+        padding: "12px 16px",
+        fontSize: "14px"
+      }
+    }),
+    noResultsMessage: t("NO_APPLICATIONS_MSG"),
+    currentPage: page,
+    pageSizeLimit: pageSize,
+    onNextPage: () => setPage(p => p + 1),
+    onPrevPage: () => setPage(p => Math.max(p - 1, 0)),
+    onFirstPage: () => setPage(0),
+    onLastPage: () => {
+      const last = Math.max(Math.ceil(total / pageSize) - 1, 0);
+      setPage(last);
+    },
+    onPageSizeChange: e => {
+      const value = e !== null && e !== void 0 && e.target ? Number(e.target.value) : Number(e);
+      setPageSize(value);
+      setPage(0);
+    }
+  }))));
 };
 
 const CitizenApplicationOverview = () => {
-  var _applicationDetails$N, _applicationDetails$N2, _applicationDetails$N3, _applicationDetails$N4, _applicationDetails$N5, _applicationDetails$N6, _applicationDetails$N7, _applicationDetails$N8, _user, _user$info, _user$info$roles, _applicationDetails$N0, _applicationDetails$N1, _applicationDetails$N10, _applicationDetails$N11, _applicationDetails$N20, _applicationDetails$N21, _applicationDetails$N22, _applicationDetails$N23, _workflowDetails$data, _workflowDetails$data2, _workflowDetails$data3, _workflowDetails$data6, _workflowDetails$data7, _workflowDetails$data8, _workflowDetails$data9, _workflowDetails$data0, _applicationDetails$N27, _applicationDetails$N28, _applicationDetails$N29, _applicationDetails$N30, _displayData$Document, _displayData$Document2, _displayData$applican, _displayData$applican2, _displayData$applican3, _displayData$applican4, _displayData$applican5, _displayData$applican6, _displayData$applican7, _applicationDetails$N31, _applicationDetails$N32, _applicationDetails$N33, _applicationDetails$N34, _applicationDetails$N35, _displayData$ownerPho, _displayData$ownerPho2, _displayData$applican8, _displayData$applican9, _displayData$applican0, _displayData$applican1, _displayData$applican10, _displayData$applican11, _displayData$applican12, _displayData$applican13, _displayData$applican14, _displayData$siteDeta, _displayData$siteDeta2, _applicationDetails$N36, _applicationDetails$N37, _siteImages$documents3, _applicationDetails$N38, _applicationDetails$N39, _applicationDetails$N40, _applicationDetails$N41, _applicationDetails$N42, _applicationDetails$N43, _applicationDetails$N44, _applicationDetails$N45, _applicationDetails$N46, _applicationDetails$N47, _applicationDetails$N48, _applicationDetails$N49, _applicationDetails$N50, _applicationDetails$N51, _applicationDetails$N52, _applicationDetails$N53, _applicationDetails$N54, _applicationDetails$N55, _applicationDetails$N56, _applicationDetails$N57, _applicationDetails$N58, _applicationDetails$N59, _applicationDetails$N60, _applicationDetails$N61, _applicationDetails$N62, _workflowDetails$data12, _workflowDetails$data13, _workflowDetails$data14;
+  var _applicationDetails$N, _applicationDetails$N2, _applicationDetails$N3, _applicationDetails$N4, _applicationDetails$N5, _applicationDetails$N6, _applicationDetails$N7, _applicationDetails$N8, _user, _user$info, _user$info$roles, _applicationDetails$N0, _applicationDetails$N1, _applicationDetails$N10, _applicationDetails$N11, _applicationDetails$N20, _applicationDetails$N21, _applicationDetails$N22, _applicationDetails$N23, _workflowDetails$data, _workflowDetails$data2, _workflowDetails$data3, _workflowDetails$data6, _workflowDetails$data7, _workflowDetails$data8, _workflowDetails$data9, _workflowDetails$data0, _applicationDetails$N27, _applicationDetails$N28, _applicationDetails$N29, _applicationDetails$N30, _displayData$Document, _displayData$Document2, _displayData$Document3, _displayData$applican, _displayData$applican2, _displayData$applican3, _displayData$applican4, _displayData$applican5, _displayData$applican6, _displayData$applican7, _applicationDetails$N31, _applicationDetails$N32, _applicationDetails$N33, _applicationDetails$N34, _applicationDetails$N35, _displayData$ownerPho, _displayData$ownerPho2, _displayData$applican8, _displayData$applican9, _displayData$applican0, _displayData$applican1, _displayData$applican10, _displayData$applican11, _displayData$applican12, _displayData$applican13, _displayData$applican14, _displayData$siteDeta, _displayData$siteDeta2, _applicationDetails$N36, _applicationDetails$N37, _siteImages$documents3, _applicationDetails$N38, _applicationDetails$N39, _applicationDetails$N40, _applicationDetails$N41, _applicationDetails$N42, _applicationDetails$N43, _applicationDetails$N44, _applicationDetails$N45, _applicationDetails$N46, _applicationDetails$N47, _applicationDetails$N48, _applicationDetails$N49, _applicationDetails$N50, _applicationDetails$N51, _applicationDetails$N52, _applicationDetails$N53, _applicationDetails$N54, _applicationDetails$N55, _applicationDetails$N56, _applicationDetails$N57, _applicationDetails$N58, _applicationDetails$N59, _applicationDetails$N60, _applicationDetails$N61, _applicationDetails$N62, _workflowDetails$data11, _workflowDetails$data12, _workflowDetails$data13;
   const {
     id
   } = useParams();
@@ -28818,11 +29300,14 @@ const CitizenApplicationOverview = () => {
       if (!application) {
         throw new Error("Noc Application data is missing");
       }
-      const nocSanctionData = await getNOCSanctionLetter(application, t, EmpData, approverComment);
+      const nocSanctionData = await getNOCSanctionLetter(application, t, EmpData, finalComment);
+      const fee = payments === null || payments === void 0 ? void 0 : payments.totalAmountPaid;
+      const amountinwords = amountToWords(fee);
       const response = await Digit.PaymentService.generatePdf(tenantId, {
         Payments: [{
           ...payments,
-          Noc: nocSanctionData.Noc
+          Noc: nocSanctionData.Noc,
+          amountinwords
         }]
       }, pdfkey);
       const fileStore = await Digit.PaymentService.printReciept(tenantId, {
@@ -28850,7 +29335,7 @@ const CitizenApplicationOverview = () => {
       console.log("fileStoreId before create", fileStoreId);
       if (!fileStoreId) {
         var _applicationDetails$N19, _application$nocDetai;
-        const nocSanctionData = await getNOCSanctionLetter(applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N19 = applicationDetails.Noc) === null || _applicationDetails$N19 === void 0 ? void 0 : _applicationDetails$N19[0], t, EmpData, approverComment);
+        const nocSanctionData = await getNOCSanctionLetter(applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N19 = applicationDetails.Noc) === null || _applicationDetails$N19 === void 0 ? void 0 : _applicationDetails$N19[0], t, EmpData, finalComment);
         const response = await Digit.PaymentService.generatePdf(tenantId, {
           Payments: [{
             ...payments,
@@ -28994,18 +29479,21 @@ const CitizenApplicationOverview = () => {
     })) || !e.roles;
   }));
   console.log("actions here", actions);
-  useEffect$1(() => {
-    if (workflowDetails && workflowDetails.data && !workflowDetails.isLoading) {
-      var _workflowDetails$data1, _workflowDetails$data10, _workflowDetails$data11;
-      const commentsobj = workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data1 = workflowDetails.data) === null || _workflowDetails$data1 === void 0 ? void 0 : (_workflowDetails$data10 = _workflowDetails$data1.timeline) === null || _workflowDetails$data10 === void 0 ? void 0 : (_workflowDetails$data11 = _workflowDetails$data10.filter(item => (item === null || item === void 0 ? void 0 : item.performedAction) === "APPROVE")) === null || _workflowDetails$data11 === void 0 ? void 0 : _workflowDetails$data11.flatMap(item => (item === null || item === void 0 ? void 0 : item.wfComment) || []);
-      const approvercomments = commentsobj === null || commentsobj === void 0 ? void 0 : commentsobj[0];
-      let conditionText = "";
-      if (approvercomments !== null && approvercomments !== void 0 && approvercomments.includes("[#?..**]")) {
-        conditionText = approvercomments.split("[#?..**]")[1] || "";
-      }
-      const finalComment = conditionText ? `The above approval is subjected to the following conditions:\n${conditionText}` : "";
-      setApproverComment(finalComment);
-    }
+  const finalComment = useMemo(() => {
+    var _workflowDetails$data1, _workflowDetails$data10;
+    if (!workflowDetails || workflowDetails.isLoading || !workflowDetails.data) {
+      return "";
+    }
+    const commentsobj = (_workflowDetails$data1 = workflowDetails.data.timeline) === null || _workflowDetails$data1 === void 0 ? void 0 : (_workflowDetails$data10 = _workflowDetails$data1.filter(item => (item === null || item === void 0 ? void 0 : item.performedAction) === "APPROVE")) === null || _workflowDetails$data10 === void 0 ? void 0 : _workflowDetails$data10.flatMap(item => (item === null || item === void 0 ? void 0 : item.wfComment) || []);
+    const approvercomments = commentsobj === null || commentsobj === void 0 ? void 0 : commentsobj[0];
+    let conditionText = "";
+    if (approvercomments !== null && approvercomments !== void 0 && approvercomments.includes("[#?..**]")) {
+      conditionText = approvercomments.split("[#?..**]")[1] || "";
+    }
+    return conditionText ? {
+      ConditionLine: "The above approval is subjected to the following conditions:\n",
+      ConditionText: conditionText
+    } : "";
   }, [workflowDetails]);
   function onActionSelect(action) {
     var _applicationDetails$N24, _applicationDetails$N25;
@@ -29119,8 +29607,12 @@ const CitizenApplicationOverview = () => {
     });
   };
   console.log("displayData=>", displayData);
-  const sitePhotos = displayData === null || displayData === void 0 ? void 0 : (_displayData$Document = displayData.Documents) === null || _displayData$Document === void 0 ? void 0 : _displayData$Document.filter(doc => doc.documentType === "OWNER.SITEPHOTOGRAPHONE" || doc.documentType === "OWNER.SITEPHOTOGRAPHTWO");
-  const remainingDocs = displayData === null || displayData === void 0 ? void 0 : (_displayData$Document2 = displayData.Documents) === null || _displayData$Document2 === void 0 ? void 0 : _displayData$Document2.filter(doc => !((doc === null || doc === void 0 ? void 0 : doc.documentType) === "OWNER.SITEPHOTOGRAPHONE" || (doc === null || doc === void 0 ? void 0 : doc.documentType) === "OWNER.SITEPHOTOGRAPHTWO"));
+  const order = {
+    "OWNER.SITEPHOTOGRAPHONE": 1,
+    "OWNER.SITEPHOTOGRAPHTWO": 2
+  };
+  const sitePhotos = displayData === null || displayData === void 0 ? void 0 : (_displayData$Document = displayData.Documents) === null || _displayData$Document === void 0 ? void 0 : (_displayData$Document2 = _displayData$Document.filter(doc => (doc === null || doc === void 0 ? void 0 : doc.documentType) === "OWNER.SITEPHOTOGRAPHONE" || (doc === null || doc === void 0 ? void 0 : doc.documentType) === "OWNER.SITEPHOTOGRAPHTWO")) === null || _displayData$Document2 === void 0 ? void 0 : _displayData$Document2.sort((a, b) => order[a === null || a === void 0 ? void 0 : a.documentType] - order[b === null || b === void 0 ? void 0 : b.documentType]);
+  const remainingDocs = displayData === null || displayData === void 0 ? void 0 : (_displayData$Document3 = displayData.Documents) === null || _displayData$Document3 === void 0 ? void 0 : _displayData$Document3.filter(doc => !((doc === null || doc === void 0 ? void 0 : doc.documentType) === "OWNER.SITEPHOTOGRAPHONE" || (doc === null || doc === void 0 ? void 0 : doc.documentType) === "OWNER.SITEPHOTOGRAPHTWO"));
   console.log("remainingDocs", remainingDocs);
   const primaryOwner = displayData === null || displayData === void 0 ? void 0 : (_displayData$applican = displayData.applicantDetails) === null || _displayData$applican === void 0 ? void 0 : (_displayData$applican2 = _displayData$applican[0]) === null || _displayData$applican2 === void 0 ? void 0 : (_displayData$applican3 = _displayData$applican2.owners) === null || _displayData$applican3 === void 0 ? void 0 : _displayData$applican3[0];
   const propertyId = displayData === null || displayData === void 0 ? void 0 : (_displayData$applican4 = displayData.applicantDetails) === null || _displayData$applican4 === void 0 ? void 0 : (_displayData$applican5 = _displayData$applican4[0]) === null || _displayData$applican5 === void 0 ? void 0 : (_displayData$applican6 = _displayData$applican5.owners) === null || _displayData$applican6 === void 0 ? void 0 : (_displayData$applican7 = _displayData$applican6[0]) === null || _displayData$applican7 === void 0 ? void 0 : _displayData$applican7.propertyId;
@@ -29336,7 +29828,7 @@ const CitizenApplicationOverview = () => {
       flexWrap: "wrap",
       justifyContent: "space-between"
     }
-  }, (sitePhotos === null || sitePhotos === void 0 ? void 0 : sitePhotos.length) > 0 && [...sitePhotos].reverse().map(doc => /*#__PURE__*/React.createElement(NocSitePhotographs, {
+  }, (sitePhotos === null || sitePhotos === void 0 ? void 0 : sitePhotos.length) > 0 && [...sitePhotos].map(doc => /*#__PURE__*/React.createElement(NocSitePhotographs, {
     key: (doc === null || doc === void 0 ? void 0 : doc.filestoreId) || (doc === null || doc === void 0 ? void 0 : doc.uuid),
     filestoreId: (doc === null || doc === void 0 ? void 0 : doc.filestoreId) || (doc === null || doc === void 0 ? void 0 : doc.uuid),
     documentType: doc === null || doc === void 0 ? void 0 : doc.documentType,
@@ -29389,7 +29881,7 @@ const CitizenApplicationOverview = () => {
     workflowDetails: workflowDetails,
     t: t,
     timeObj: timeObj
-  })), actions && actions.length > 0 && /*#__PURE__*/React.createElement(ActionBar, null, displayMenu && (workflowDetails !== null && workflowDetails !== void 0 && (_workflowDetails$data12 = workflowDetails.data) !== null && _workflowDetails$data12 !== void 0 && (_workflowDetails$data13 = _workflowDetails$data12.actionState) !== null && _workflowDetails$data13 !== void 0 && _workflowDetails$data13.nextActions || workflowDetails !== null && workflowDetails !== void 0 && (_workflowDetails$data14 = workflowDetails.data) !== null && _workflowDetails$data14 !== void 0 && _workflowDetails$data14.nextActions) ? /*#__PURE__*/React.createElement(Menu, {
+  })), actions && actions.length > 0 && /*#__PURE__*/React.createElement(ActionBar, null, displayMenu && (workflowDetails !== null && workflowDetails !== void 0 && (_workflowDetails$data11 = workflowDetails.data) !== null && _workflowDetails$data11 !== void 0 && (_workflowDetails$data12 = _workflowDetails$data11.actionState) !== null && _workflowDetails$data12 !== void 0 && _workflowDetails$data12.nextActions || workflowDetails !== null && workflowDetails !== void 0 && (_workflowDetails$data13 = workflowDetails.data) !== null && _workflowDetails$data13 !== void 0 && _workflowDetails$data13.nextActions) ? /*#__PURE__*/React.createElement(Menu, {
     localeKeyPrefix: `WF_EMPLOYEE_${"NOC"}`,
     options: actions,
     optionKey: "action",