@mseva/digit-ui-module-noc 1.0.79-dev.12 → 1.0.79-dev.14

package/dist/index.modern.js

@@ -2,12 +2,14 @@ import { SearchField, TextInput, CardLabelError, SubmitBar, Loader as Loader$2,
 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';
+import CryptoJS from 'crypto-js';
 import { useFormContext, useForm, FormProvider, Controller, useFieldArray } from 'react-hook-form';
 import { useQueryClient } from 'react-query';
 import EXIF from 'exif-js';
 import { combineReducers } from 'redux';
 import { useDispatch, useSelector } from 'react-redux';
 
+const SECRET_KEY = localStorage.getItem("token");
 const convertEpochToDate = dateEpoch => {
   if (dateEpoch) {
     const dateFromApi = new Date(dateEpoch);
@@ -304,6 +306,19 @@ const downloadPdfFromURL = async receiptUrl => {
     window.open(downloadUrl, "_blank");
   }
 };
+const encodeURIComponentCustom = text => {
+  const encrypted = CryptoJS.AES.encrypt(text, SECRET_KEY).toString();
+  return encrypted.replace(/\+/g, "-").replace(/\//g, "_").replace(/=/g, "");
+};
+const decodeURIComponentCustom = cipherText => {
+  try {
+    const base64 = cipherText.replace(/-/g, "+").replace(/_/g, "/");
+    const bytes = CryptoJS.AES.decrypt(base64, SECRET_KEY);
+    return bytes.toString(CryptoJS.enc.Utf8);
+  } catch (e) {
+    return null;
+  }
+};
 
 function listCacheClear() {
   this.__data__ = [];
@@ -7790,10 +7805,10 @@ const EmployeeApp = ({
   }, /*#__PURE__*/React.createElement(NOCBreadCrumbs, {
     location: location
   })) : null, /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(PrivateRoute, {
-    path: `${path}/inbox/application-overview/:id`,
+    path: `${path}/inbox/application-overview/:nocid`,
     component: NOCEmployeeApplicationOverview
   }), /*#__PURE__*/React.createElement(PrivateRoute, {
-    path: `${path}/search/application-overview/:id`,
+    path: `${path}/search/application-overview/:nocid`,
     component: ApplicationOverview
   }), /*#__PURE__*/React.createElement(PrivateRoute, {
     path: `${path}/inbox`,
@@ -8282,7 +8297,7 @@ const configBPAApproverApplication = ({
 }) => {
   var _action$assigneeRoles;
   let isRejectOrRevocate = false;
-  if ((action === null || action === void 0 ? void 0 : action.action) == "REVOCATE" || (action === null || action === void 0 ? void 0 : action.action) == "REJECT" || action.action == "SKIP_PAYMENT" || (action === null || action === void 0 ? void 0 : action.action) == "SEND_BACK_TO_CITIZEN" || (action === null || action === void 0 ? void 0 : action.action) == "APPROVE") {
+  if ((action === null || action === void 0 ? void 0 : action.action) == "REVOCATE" || (action === null || action === void 0 ? void 0 : action.action) == "REJECT" || action.action == "SKIP_PAYMENT" || (action === null || action === void 0 ? void 0 : action.action) == "SEND_BACK_TO_CITIZEN" || (action === null || action === void 0 ? void 0 : action.action) == "APPROVE" || (action === null || action === void 0 ? void 0 : action.action) == "PULLBACK") {
     isRejectOrRevocate = true;
   }
   let isCondittionalComentsRequired = false;
@@ -13430,6 +13445,8 @@ const AssessmentHistory = ({
   }, "Cancel"), "\xA0\xA0\xA0\xA0\xA0\xA0\xA0 ")), index !== assessmentData.length - 1 && /*#__PURE__*/React.createElement("hr", null)))));
 };
 
+const SECRET_KEY$1 = localStorage.getItem("token");
+
 const ApplicationHistory = ({
   applicationData
 }) => {
@@ -14117,7 +14134,7 @@ function NewApplicationTimeline({
   }))), /*#__PURE__*/React.createElement("div", {
     className: "custom-timeline-entries"
   }, sortedData === null || sortedData === void 0 ? void 0 : sortedData.map((item, index) => {
-    var _item$auditDetails, _item$auditDetails2, _item$assigner2, _item$assigner3, _item$assigner4, _item$wfComment, _item$wfComment2, _item$wfComment3, _item$assignes, _item$assignes$, _item$assignes$2, _item$assignes$3, _item$wfDocuments, _item$wfDocuments2;
+    var _item$auditDetails, _item$auditDetails2, _item$assigner2, _item$assigner3, _item$assigner4, _item$assigner5, _item$assigner6, _item$wfComment, _item$wfComment2, _item$wfComment3, _item$assignes, _item$assignes$, _item$assignes$2, _item$assignes$3, _item$wfDocuments, _item$wfDocuments2;
     return /*#__PURE__*/React.createElement("div", {
       key: index,
       className: "custom-timeline-entry"
@@ -14154,9 +14171,13 @@ function NewApplicationTimeline({
       className: "custom-officer-info"
     }, /*#__PURE__*/React.createElement("div", {
       className: "custom-officer-name"
-    }, (item === null || item === void 0 ? void 0 : (_item$assigner2 = item.assigner) === null || _item$assigner2 === void 0 ? void 0 : _item$assigner2.name) || t("CS_COMMON_NA")), deptMap[item === null || item === void 0 ? void 0 : (_item$assigner3 = item.assigner) === null || _item$assigner3 === void 0 ? void 0 : _item$assigner3.userName] && /*#__PURE__*/React.createElement("div", {
+    }, (item === null || item === void 0 ? void 0 : (_item$assigner2 = item.assigner) === null || _item$assigner2 === void 0 ? void 0 : _item$assigner2.name) || t("CS_COMMON_NA"), deptMap[item === null || item === void 0 ? void 0 : (_item$assigner3 = item.assigner) === null || _item$assigner3 === void 0 ? void 0 : _item$assigner3.userName] && /*#__PURE__*/React.createElement("span", {
       className: "custom-officer-name"
-    }, t(deptMap[item === null || item === void 0 ? void 0 : (_item$assigner4 = item.assigner) === null || _item$assigner4 === void 0 ? void 0 : _item$assigner4.userName])))), /*#__PURE__*/React.createElement("div", {
+    }, "- ", t(deptMap[item === null || item === void 0 ? void 0 : (_item$assigner4 = item.assigner) === null || _item$assigner4 === void 0 ? void 0 : _item$assigner4.userName]))), (item === null || item === void 0 ? void 0 : (_item$assigner5 = item.assigner) === null || _item$assigner5 === void 0 ? void 0 : _item$assigner5.emailId) && /*#__PURE__*/React.createElement("div", {
+      className: "custom-officer-email"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "custom-email-label"
+    }, t("Email")), " ", item === null || item === void 0 ? void 0 : (_item$assigner6 = item.assigner) === null || _item$assigner6 === void 0 ? void 0 : _item$assigner6.emailId))), /*#__PURE__*/React.createElement("div", {
       className: "custom-card-column custom-card-column-mid"
     }, (item === null || item === void 0 ? void 0 : item.sla) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("h3", {
       className: "custom-action-title"
@@ -15559,8 +15580,9 @@ const ApplicationDetails = props => {
 const ApplicationOverview = () => {
   var _workflowDetails$data, _workflowDetails$data2, _workflowDetails$data3, _nocDatils$2, _workflowDetails$data8, _workflowDetails$data9, _applicationDetails$a, _applicationDetails$a2, _applicationDetails$a3;
   const {
-    id
+    nocid
   } = useParams();
+  const id = decodeURIComponentCustom(nocid);
   const {
     t
   } = useTranslation();
@@ -15593,6 +15615,8 @@ const ApplicationOverview = () => {
     data: applicationDetails
   } = Digit.Hooks.noc.useNOCDetails(t, tenantId, {
     applicationNo: id
+  }, {
+    enabled: !!id
   });
   const {
     isLoading: updatingApplication,
@@ -15619,6 +15643,12 @@ const ApplicationOverview = () => {
   const closeToast = () => {
     setShowToast(null);
   };
+  React.useEffect(() => {
+    window.scrollTo({
+      top: 0,
+      behavior: "smooth"
+    });
+  }, []);
   useEffect$1(() => {
     setNocDetails([applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationData]);
   }, [applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationData]);
@@ -16548,7 +16578,7 @@ const NOCFeeTable = ({
     window.addEventListener("resize", checkMobile);
     return () => window.removeEventListener("resize", checkMobile);
   }, []);
-  console.log('feeHistory', feeHistory);
+  console.log("feeHistory", feeHistory);
   const columns = [{
     key: "title",
     label: "BPA_TAXHEAD_CODE",
@@ -16560,6 +16590,7 @@ const NOCFeeTable = ({
     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: {
@@ -16578,7 +16609,7 @@ const NOCFeeTable = ({
         t: t,
         type: "number",
         isMandatory: false,
-        value: feeData[row.index] && feeData[row.index].adjustedAmount === 0 ? "" : feeData[row.index] && feeData[row.index].adjustedAmount || row.amount || "",
+        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")) {
@@ -16597,20 +16628,20 @@ const NOCFeeTable = ({
     headerLabel: "BPA_REMARKS",
     type: "custom",
     render: (row, rowIndex, t) => {
-      var _feeData$row$index2;
+      var _feeData$row$index4;
       if (row.taxHeadCode === "NOC_TOTAL") {
         return " ";
       }
       if (disable) {
-        var _feeData$row$index;
-        return /*#__PURE__*/React.createElement("div", null, ((_feeData$row$index = feeData[row.index]) === null || _feeData$row$index === void 0 ? void 0 : _feeData$row$index.remark) || /*#__PURE__*/React.createElement(TextArea, {
+        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"
         }));
       }
       return /*#__PURE__*/React.createElement(TextArea, {
-        value: ((_feeData$row$index2 = feeData[row.index]) === null || _feeData$row$index2 === void 0 ? void 0 : _feeData$row$index2.remark) || "",
+        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",
@@ -16678,7 +16709,7 @@ const NOCFeeTable = ({
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       className: "custom-fee-mobile-cards"
     }, feeDataWithTotal.map((row, i) => {
-      var _feeData$row$index3;
+      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" : ""}`
@@ -16698,7 +16729,7 @@ const NOCFeeTable = ({
         t: t,
         type: "text",
         isMandatory: false,
-        value: feeData[row.index] && feeData[row.index].adjustedAmount === 0 ? "" : feeData[row.index] && feeData[row.index].adjustedAmount !== null && feeData[row.index].adjustedAmount !== undefined ? feeData[row.index].adjustedAmount : row.amount !== null && row.amount !== undefined ? row.amount : "",
+        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)) {
@@ -16725,7 +16756,7 @@ const NOCFeeTable = ({
       }, /*#__PURE__*/React.createElement("label", {
         className: "custom-fee-card-label"
       }, t("BPA_REMARKS")), /*#__PURE__*/React.createElement(TextArea, {
-        value: ((_feeData$row$index3 = feeData[row.index]) === null || _feeData$row$index3 === void 0 ? void 0 : _feeData$row$index3.remark) || "",
+        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",
@@ -18483,7 +18514,6 @@ const InspectionReport$1 = ({
     sessionStorage.setItem("INSPECTION_DATA", JSON.stringify(data));
   }, [FieldReports]);
   useEffect$1(() => {
-    console.log("useffect 2INSPECTION_REPORT_PENDING");
     let ques = [];
     let documentlist = [];
     bpaDocs && bpaDocs.BPA.CheckList.map(ob => {
@@ -18958,15 +18988,15 @@ const getSiteDetails = (appData, t) => {
   }, {
     title: t("NOC_ROAD_TYPE_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$nocDetails19 = _appData$nocDetails18.roadType) === null || _appData$nocDetails19 === void 0 ? void 0 : _appData$nocDetails19.name) || (appData === null || appData === void 0 ? void 0 : (_appData$nocDetails20 = appData.nocDetails) === null || _appData$nocDetails20 === void 0 ? void 0 : (_appData$nocDetails21 = _appData$nocDetails20.additionalDetails) === null || _appData$nocDetails21 === void 0 ? void 0 : (_appData$nocDetails22 = _appData$nocDetails21.siteDetails) === null || _appData$nocDetails22 === void 0 ? void 0 : _appData$nocDetails22.roadType) || "N/A"
-  }, {
-    title: t("NOC_NET_TOTAL_AREA_LABEL"),
-    value: (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.netTotalArea) || "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"
+    value: (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.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"
+    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.netPlotAreaAfterWidening) || "N/A"
+  }, {
+    title: t("NOC_NET_TOTAL_AREA_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.netTotalArea) || "N/A"
   }, {
     title: t("NOC_ROAD_WIDTH_AT_SITE_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.roadWidthAtSite) || "N/A"
@@ -19194,7 +19224,6 @@ const getJESiteImages = async (appData, t, stateCode) => {
       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;
       }
@@ -20967,8 +20996,9 @@ function cleanEscapedString(input) {
 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$N23, _applicationDetails$N24, _applicationDetails$N25, _applicationDetails$N26, _applicationDetails$N27, _displayData$Document, _displayData$Document2, _displayData$Document3, _applicationDetails$N28, _applicationDetails$N29, _applicationDetails$N30, _applicationDetails$N31, _applicationDetails$N37, _applicationDetails$N38, _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$N48, _applicationDetails$N49, _applicationDetails$N50, _applicationDetails$N51, _applicationDetails$N67, _applicationDetails$N68, _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, _displayData$applican, _displayData$applican2, _displayData$applican3, _displayData$applican4, _displayData$applican5, _displayData$applican6, _displayData$applican7, _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$N85, _applicationDetails$N86, _applicationDetails$N87, _applicationDetails$N88, _siteImages$documents5, _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, _applicationDetails$N155, _applicationDetails$N156, _applicationDetails$N157, _applicationDetails$N158, _applicationDetails$N159, _applicationDetails$N160, _applicationDetails$N161, _applicationDetails$N162, _applicationDetails$N163, _applicationDetails$N164, _applicationDetails$N165, _applicationDetails$N166, _applicationDetails$N167, _applicationDetails$N168, _applicationDetails$N169, _applicationDetails$N170, _applicationDetails$N171, _applicationDetails$N172, _workflowDetails$data11, _workflowDetails$data12, _workflowDetails$data13, _workflowDetails$data14;
   const {
-    id
+    nocid
   } = useParams();
+  const id = decodeURIComponentCustom(nocid);
   const {
     t
   } = useTranslation();
@@ -20997,7 +21027,9 @@ const NOCEmployeeApplicationOverview = () => {
     refetch
   } = Digit.Hooks.noc.useNOCSearchApplication({
     applicationNo: id
-  }, tenantId);
+  }, tenantId, {
+    enabled: !!id
+  });
   const loading = isLoading || getLoader;
   const applicationDetails = data === null || data === void 0 ? void 0 : data.resData;
   console.log("applicationDetails", applicationDetails);
@@ -22437,7 +22469,7 @@ const useInboxTableConfig = ({
       }) => {
         console.log('row in inbox', row);
         return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Link, {
-          to: `${parentRoute}/inbox/application-overview/${row.original["applicationId"]}`
+          to: `${parentRoute}/inbox/application-overview/${encodeURIComponentCustom(row.original["applicationId"])}`
         }, /*#__PURE__*/React.createElement("span", {
           className: "link"
         }, row.original["applicationId"])));
@@ -22546,7 +22578,8 @@ const useInboxMobileCardsData = ({
     [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)
+    [t("PT_COMMON_TABLE_COL_STATUS_LABEL")]: t(status),
+    "Generated ID": encodeURIComponentCustom(applicationId)
   }));
   const MobileSortFormValues = () => {
     const sortOrderOptions = [{
@@ -22579,7 +22612,7 @@ const useInboxMobileCardsData = ({
   return {
     data: dataForMobileInboxCards,
     linkPrefix: `${parentRoute}/inbox/application-overview/`,
-    serviceRequestIdKey: t("NOC_APPLICATION_NUMBER"),
+    serviceRequestIdKey: "Generated ID",
     MobileSortFormValues
   };
 };
@@ -23027,10 +23060,10 @@ const App = () => {
     path: `${path}/my-application`,
     component: NOCCitizenMyApplications
   }), /*#__PURE__*/React.createElement(PrivateRoute, {
-    path: `${path}/edit-application/:id`,
+    path: `${path}/edit-application/:nocid`,
     component: NewNOCEditApplication
   }), /*#__PURE__*/React.createElement(PrivateRoute, {
-    path: `${path}/search/application-overview/:id`,
+    path: `${path}/search/application-overview/:nocid`,
     component: NOCCitizenApplicationOverview
   }), /*#__PURE__*/React.createElement(PrivateRoute, {
     path: `${path}/search-application`,
@@ -25982,6 +26015,12 @@ const NewNOCStepFormOne = ({
   });
   console.log("ownerIds", ownerIds);
   console.log("ownerPhotos", ownerPhotos);
+  React.useEffect(() => {
+    window.scrollTo({
+      top: 0,
+      behavior: "smooth"
+    });
+  }, []);
   useEffect$1(() => {
     console.log("useffect 8");
     if (!lodash.isEqual(ownerIdList, ownerIds)) setOwnerIdList(ownerIds === null || ownerIds === void 0 ? void 0 : ownerIds.ownerIdList);
@@ -27223,10 +27262,6 @@ const NOCSiteDetails = _props => {
       maxLength: {
         value: 100,
         message: t("MAX_100_CHARACTERS_ALLOWED")
-      },
-      pattern: {
-        value: /^[0-9]+$/,
-        message: t("ONLY_NUMERIC_VALUES_ALLOWED")
       }
     },
     render: props => /*#__PURE__*/React.createElement(TextInput, {
@@ -27507,6 +27542,12 @@ const NewNOCStepFormTwo = ({
   const ownerIds = useSelector(function (state) {
     return state.noc.NOCNewApplicationFormReducer.ownerIds;
   });
+  React.useEffect(() => {
+    window.scrollTo({
+      top: 0,
+      behavior: "smooth"
+    });
+  }, []);
   const handleBack = () => {
     const data = getValues();
     dispatch(UPDATE_NOCNewApplication_FORM(config.key, data));
@@ -27781,6 +27822,12 @@ const NewNOCStepFormThree = ({
     return (state === null || state === void 0 ? void 0 : (_state$noc = state.noc) === null || _state$noc === void 0 ? void 0 : (_state$noc$NOCNewAppl = _state$noc.NOCNewApplicationFormReducer) === null || _state$noc$NOCNewAppl === void 0 ? void 0 : _state$noc$NOCNewAppl.coordinates) || {};
   });
   console.log("coordinates from redux", coordinates);
+  React.useEffect(() => {
+    window.scrollTo({
+      top: 0,
+      behavior: "smooth"
+    });
+  }, []);
   function goNext(finaldata) {
     var _coordinates$Latitude, _coordinates$Latitude2, _coordinates$Longitud, _coordinates$Longitud2;
     const missingFields = validation(finaldata);
@@ -27908,8 +27955,6 @@ function NOCSummary({
   const propertyId = formData === null || formData === void 0 ? void 0 : (_formData$application3 = formData.applicationDetails) === null || _formData$application3 === void 0 ? void 0 : (_formData$application4 = _formData$application3.owners) === null || _formData$application4 === void 0 ? void 0 : (_formData$application5 = _formData$application4[0]) === null || _formData$application5 === void 0 ? void 0 : _formData$application5.propertyId;
   const applicationNo = formData === null || formData === void 0 ? void 0 : (_formData$apiData = formData.apiData) === null || _formData$apiData === void 0 ? void 0 : (_formData$apiData$Noc = _formData$apiData.Noc) === null || _formData$apiData$Noc === void 0 ? void 0 : (_formData$apiData$Noc2 = _formData$apiData$Noc[0]) === null || _formData$apiData$Noc2 === void 0 ? void 0 : _formData$apiData$Noc2.applicationNo;
   const submittedOn = (formData === null || formData === void 0 ? void 0 : (_formData$apiData2 = formData.apiData) === null || _formData$apiData2 === void 0 ? void 0 : (_formData$apiData2$No = _formData$apiData2.Noc) === null || _formData$apiData2$No === void 0 ? void 0 : (_formData$apiData2$No2 = _formData$apiData2$No[0]) === null || _formData$apiData2$No2 === void 0 ? void 0 : (_formData$apiData2$No3 = _formData$apiData2$No2.nocDetails) === null || _formData$apiData2$No3 === void 0 ? void 0 : (_formData$apiData2$No4 = _formData$apiData2$No3.additionalDetails) === null || _formData$apiData2$No4 === void 0 ? void 0 : _formData$apiData2$No4.SubmittedOn) || Date.now();
-  console.log('applicationNo, submittedOn', applicationNo, submittedOn);
-  console.log("primaryOwner and propertyId here in summary", primaryOwner, propertyId);
   return /*#__PURE__*/React.createElement("div", {
     className: "employee-main-application-details"
   }, /*#__PURE__*/React.createElement("style", null, ` .data-table .row {border: 2px solid lightgrey;}`), /*#__PURE__*/React.createElement(StatusTable, {
@@ -28152,6 +28197,12 @@ const NewNOCStepFormFour = ({
   }, {
     enabled: !!calculatorPayload
   });
+  React.useEffect(() => {
+    window.scrollTo({
+      top: 0,
+      behavior: "smooth"
+    });
+  }, []);
   useEffect$1(() => {
     revalidate();
   }, [currentStepData === null || currentStepData === void 0 ? void 0 : currentStepData.siteDetails, currentStepData === null || currentStepData === void 0 ? void 0 : currentStepData.applicationDetails]);
@@ -29314,8 +29365,9 @@ const updatedCreateEmployeeconfig$1 = createEmployeeConfig$1.map(item => {
 const EditApplication = () => {
   var _applicationDetails$N, _nocObject$nocDetails, _nocObject$nocDetails2, _nocObject$nocDetails3, _nocObject$nocDetails4, _nocObject$documents, _nocObject$nocDetails5, _nocObject$nocDetails6, _nocObject$nocDetails7, _nocObject$nocDetails8, _nocObject$nocDetails9, _nocObject$nocDetails0, _genderTypeData$commo, _genderTypeData$commo2, _genderTypeData$commo3, _zoneList$tenant, _zoneList$tenant$zone, _zoneList$tenant$zone2, _applicationDetails$N2;
   const {
-    id
+    nocid
   } = useParams();
+  const id = decodeURIComponentCustom(nocid);
   const history = useHistory();
   const {
     t
@@ -29336,7 +29388,9 @@ const EditApplication = () => {
     data
   } = Digit.Hooks.noc.useNOCSearchApplication({
     applicationNo: id
-  }, tenantId);
+  }, tenantId, {
+    enabled: !!id
+  });
   const applicationDetails = data === null || data === void 0 ? void 0 : data.resData;
   console.log("applicationDetails here==>", applicationDetails);
   const nocObject = (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N = applicationDetails.Noc) === null || _applicationDetails$N === void 0 ? void 0 : _applicationDetails$N[0]) || {};
@@ -29597,7 +29651,7 @@ const MyApplications = ({
     }) => {
       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}`
+        to: `/digit-ui/citizen/noc/search/application-overview/${encodeURIComponentCustom((_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)));
     }
   }, {
@@ -29680,7 +29734,7 @@ const MyApplications = ({
       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}`);
+        return history.push(`/digit-ui/citizen/noc/search/application-overview/${encodeURIComponentCustom(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", {
@@ -29718,8 +29772,9 @@ const MyApplications = ({
 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$N21, _applicationDetails$N22, _applicationDetails$N23, _applicationDetails$N24, _applicationDetails$N33, _applicationDetails$N34, _workflowDetails$data, _workflowDetails$data2, _workflowDetails$data3, _workflowDetails$data6, _workflowDetails$data7, _workflowDetails$data8, _workflowDetails$data9, _workflowDetails$data0, _applicationDetails$N38, _applicationDetails$N39, _applicationDetails$N40, _applicationDetails$N41, _displayData$Document, _displayData$Document2, _displayData$Document3, _displayData$applican, _displayData$applican2, _displayData$applican3, _displayData$applican4, _displayData$applican5, _displayData$applican6, _displayData$applican7, _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, _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$N60, _applicationDetails$N61, _siteImages$documents3, _applicationDetails$N62, _applicationDetails$N63, _applicationDetails$N64, _applicationDetails$N65, _applicationDetails$N66, _applicationDetails$N67, _applicationDetails$N68, _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, _workflowDetails$data11, _workflowDetails$data12, _workflowDetails$data13;
   const {
-    id
+    nocid
   } = useParams();
+  const id = decodeURIComponentCustom(nocid);
   const {
     t
   } = useTranslation();
@@ -29732,7 +29787,9 @@ const CitizenApplicationOverview = () => {
     refetch
   } = Digit.Hooks.noc.useNOCSearchApplication({
     applicationNo: id
-  }, tenantId);
+  }, tenantId, {
+    enabled: !!id
+  });
   const applicationDetails = data === null || data === void 0 ? void 0 : data.resData;
   const [timeObj, setTimeObj] = useState(null);
   const [appDate, setAppDate] = useState(null);
@@ -29774,6 +29831,12 @@ const CitizenApplicationOverview = () => {
       longitude: value === null || value === void 0 ? void 0 : value.longitude
     }));
   }, [siteImages]);
+  React.useEffect(() => {
+    window.scrollTo({
+      top: 0,
+      behavior: "smooth"
+    });
+  }, []);
   useEffect$1(() => {
     var _applicationDetails$N9;
     const nocObject = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$N9 = applicationDetails.Noc) === null || _applicationDetails$N9 === void 0 ? void 0 : _applicationDetails$N9[0];
@@ -29996,7 +30059,7 @@ const CitizenApplicationOverview = () => {
           });
         }
       });
-    } else if (applicationDetails !== null && applicationDetails !== void 0 && (_applicationDetails$N25 = applicationDetails.Noc) !== null && _applicationDetails$N25 !== void 0 && (_applicationDetails$N26 = _applicationDetails$N25[0]) !== null && _applicationDetails$N26 !== void 0 && (_applicationDetails$N27 = _applicationDetails$N26.nocDetails) !== null && _applicationDetails$N27 !== void 0 && (_applicationDetails$N28 = _applicationDetails$N27.additionalDetails) !== null && _applicationDetails$N28 !== void 0 && _applicationDetails$N28.ismigrationtrue && applicationDetails !== null && applicationDetails !== void 0 && (_applicationDetails$N29 = applicationDetails.Noc) !== null && _applicationDetails$N29 !== void 0 && (_applicationDetails$N30 = _applicationDetails$N29[0]) !== null && _applicationDetails$N30 !== void 0 && (_applicationDetails$N31 = _applicationDetails$N30.nocDetails) !== null && _applicationDetails$N31 !== void 0 && (_applicationDetails$N32 = _applicationDetails$N31.additionalDetails) !== null && _applicationDetails$N32 !== void 0 && _applicationDetails$N32.sanctionLetterFilestoreId) {
+    } else if (applicationDetails !== null && applicationDetails !== void 0 && (_applicationDetails$N25 = applicationDetails.Noc) !== null && _applicationDetails$N25 !== void 0 && (_applicationDetails$N26 = _applicationDetails$N25[0]) !== null && _applicationDetails$N26 !== void 0 && (_applicationDetails$N27 = _applicationDetails$N26.nocDetails) !== null && _applicationDetails$N27 !== void 0 && (_applicationDetails$N28 = _applicationDetails$N27.additionalDetails) !== null && _applicationDetails$N28 !== void 0 && _applicationDetails$N28.isMigrationTrue && applicationDetails !== null && applicationDetails !== void 0 && (_applicationDetails$N29 = applicationDetails.Noc) !== null && _applicationDetails$N29 !== void 0 && (_applicationDetails$N30 = _applicationDetails$N29[0]) !== null && _applicationDetails$N30 !== void 0 && (_applicationDetails$N31 = _applicationDetails$N30.nocDetails) !== null && _applicationDetails$N31 !== void 0 && (_applicationDetails$N32 = _applicationDetails$N31.additionalDetails) !== null && _applicationDetails$N32 !== void 0 && _applicationDetails$N32.sanctionLetterFilestoreId) {
       dowloadOptions.push({
         label: t("PDF_STATIC_LABEL_WS_CONSOLIDATED_SANCTION_LETTER"),
         onClick: () => getSanctionLetterReceipt({
@@ -30114,7 +30177,8 @@ const CitizenApplicationOverview = () => {
       Licenses: [action]
     };
     if ((action === null || action === void 0 ? void 0 : action.action) == "EDIT") {
-      history.push(`/digit-ui/citizen/noc/edit-application/${appNo}`);
+      const encyptedID = encodeURIComponentCustom(appNo);
+      history.push(`/digit-ui/citizen/noc/edit-application/${encyptedID}`);
     } else if ((action === null || action === void 0 ? void 0 : action.action) == "DRAFT") {
       setShowToast({
         key: "true",
@@ -30601,7 +30665,7 @@ const useSearchApplicationTableConfig$1 = () => {
       return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
         className: "link"
       }, /*#__PURE__*/React.createElement(Link, {
-        to: `/digit-ui/citizen/noc/search/application-overview/${row.original["applicationNo"]}`
+        to: `/digit-ui/citizen/noc/search/application-overview/${encodeURIComponentCustom(row.original["applicationNo"])}`
       }, row.original["applicationNo"])));
     }
   }, {
@@ -30716,7 +30780,7 @@ const SearchApplicationMobileView$1 = ({
     data: propsMobileInboxCards,
     isTwoDynamicPrefix: false,
     linkPrefix: `/digit-ui/citizen/noc/search/application-overview/`,
-    serviceRequestIdKey: t("NOC_APPLICATION_NUMBER")
+    serviceRequestIdKey: "Generated ID"
   }));
 };
 
@@ -30848,7 +30912,8 @@ const SearchApplication$1 = ({
   const propsMobileInboxCards = useMemo(() => data === null || data === void 0 ? void 0 : data.map(data => ({
     [t("NOC_APPLICATION_NUMBER")]: (data === null || data === void 0 ? void 0 : data.applicationNo) || "-",
     [t("TL_COMMON_TABLE_COL_APP_DATE")]: (data === null || data === void 0 ? void 0 : data.date) || "-",
-    [t("PT_COMMON_TABLE_COL_STATUS_LABEL")]: data !== null && data !== void 0 && data.applicationStatus ? t(`${data.applicationStatus}`) : "-"
+    [t("PT_COMMON_TABLE_COL_STATUS_LABEL")]: data !== null && data !== void 0 && data.applicationStatus ? t(`${data.applicationStatus}`) : "-",
+    "Generated ID": encodeURIComponentCustom(data === null || data === void 0 ? void 0 : data.applicationNo)
   })), [data]);
   if (isMobile) return /*#__PURE__*/React.createElement(FormProvider, methods, /*#__PURE__*/React.createElement(SearchApplicationMobileView$1, {
     SearchFormFieldsComponent: SearchFormFieldsComponent$1,