@mseva/digit-ui-module-noc 1.0.79-dev.15 → 1.0.79-dev.16

package/dist/index.modern.js

@@ -2,6 +2,7 @@ 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';
@@ -304,18 +305,30 @@ const downloadPdfFromURL = async receiptUrl => {
     window.open(downloadUrl, "_blank");
   }
 };
-function encodeURIComponentCustom(str) {
-  return str.split("").map(char => {
-    const code = char.charCodeAt(0);
-    if (code >= 48 && code <= 57 || code >= 65 && code <= 90 || code >= 97 && code <= 122 || ["-", "_", ".", "~"].includes(char)) {
-      return char;
-    }
-    return "%" + code.toString(16).toUpperCase();
-  }).join("");
-}
-function decodeURIComponentCustom(str) {
-  return str.replace(/%([0-9A-F]{2})/gi, (_, hex) => String.fromCharCode(parseInt(hex, 16)));
-}
+const encodeURIComponentCustom = text => {
+  const SECRET_KEY = localStorage.getItem("token");
+  if (!SECRET_KEY) {
+    console.error("SECRET_KEY (token) not found in localStorage");
+    return null;
+  }
+  const encrypted = CryptoJS.AES.encrypt(text, SECRET_KEY).toString();
+  return encrypted.replace(/\+/g, "-").replace(/\//g, "_").replace(/=/g, "");
+};
+const decodeURIComponentCustom = cipherText => {
+  try {
+    const SECRET_KEY = localStorage.getItem("token");
+    if (!SECRET_KEY) {
+      console.error("SECRET_KEY (token) not found in localStorage");
+      return null;
+    }
+    const base64 = cipherText.replace(/-/g, "+").replace(/_/g, "/");
+    const bytes = CryptoJS.AES.decrypt(base64, SECRET_KEY);
+    return bytes.toString(CryptoJS.enc.Utf8);
+  } catch (e) {
+    console.error("Error decrypting ID:", e);
+    return null;
+  }
+};
 
 function listCacheClear() {
   this.__data__ = [];
@@ -7805,7 +7818,7 @@ const EmployeeApp = ({
     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`,
@@ -14129,7 +14142,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$assigner5, _item$assigner6, _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$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"
@@ -14166,13 +14179,9 @@ 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("span", {
+    }, (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", {
       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]))), (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", {
+    }, 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", {
       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"
@@ -14185,7 +14194,7 @@ function NewApplicationTimeline({
     }, /*#__PURE__*/React.createElement("h3", {
       className: "custom-action-title"
     }, t("Action")), /*#__PURE__*/React.createElement("div", {
-      className: "custom-status-text"
+      className: `custom-status-text ${(item === null || item === void 0 ? void 0 : item.performedAction) === "OBSERVATION" ? "chb-slot-status--unavailable" : ""}`
     }, t((item === null || item === void 0 ? void 0 : item.performedAction) || "CS_COMMON_NA")))), (item === null || item === void 0 ? void 0 : item.wfComment) && (item === null || item === void 0 ? void 0 : (_item$wfComment = item.wfComment) === null || _item$wfComment === void 0 ? void 0 : _item$wfComment.length) > 0 && (item === null || item === void 0 ? void 0 : (_item$wfComment2 = item.wfComment) === null || _item$wfComment2 === void 0 ? void 0 : _item$wfComment2.some(c => c === null || c === void 0 ? void 0 : c.trim())) && /*#__PURE__*/React.createElement("div", {
       className: "custom-comments-section container-full-width"
     }, /*#__PURE__*/React.createElement("div", {
@@ -15575,8 +15584,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();
@@ -15609,6 +15619,8 @@ const ApplicationOverview = () => {
     data: applicationDetails
   } = Digit.Hooks.noc.useNOCDetails(t, tenantId, {
     applicationNo: id
+  }, {
+    enabled: !!id
   });
   const {
     isLoading: updatingApplication,
@@ -16570,7 +16582,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",
@@ -16582,7 +16594,6 @@ 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: {
@@ -16601,7 +16612,7 @@ const NOCFeeTable = ({
         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 || "",
+        value: feeData[row.index] && feeData[row.index].adjustedAmount === 0 ? "" : feeData[row.index] && feeData[row.index].adjustedAmount || row.amount || "",
         onChange: e => {
           let val = e.target.value;
           if (val.length > 1 && val.startsWith("0")) {
@@ -16620,20 +16631,20 @@ const NOCFeeTable = ({
     headerLabel: "BPA_REMARKS",
     type: "custom",
     render: (row, rowIndex, t) => {
-      var _feeData$row$index4;
+      var _feeData$row$index2;
       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, {
+        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, {
           placeholder: "Enter remarks",
           disabled: true,
           className: "custom-fee-table-textarea"
         }));
       }
       return /*#__PURE__*/React.createElement(TextArea, {
-        value: ((_feeData$row$index4 = feeData[row.index]) === null || _feeData$row$index4 === void 0 ? void 0 : _feeData$row$index4.remark) || "",
+        value: ((_feeData$row$index2 = feeData[row.index]) === null || _feeData$row$index2 === void 0 ? void 0 : _feeData$row$index2.remark) || "",
         onChange: e => handleRemarkChange(row.index, e.target.value, row.amount),
         disabled: false,
         className: "custom-fee-table-textarea",
@@ -16701,7 +16712,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$index5, _feeData$row$index6, _feeData$row$index7;
+      var _feeData$row$index3;
       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" : ""}`
@@ -16721,7 +16732,7 @@ const NOCFeeTable = ({
         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 || "",
+        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 : "",
         onChange: e => {
           let val = e.target.value;
           if (/^\d*\.?\d*$/.test(val)) {
@@ -16748,7 +16759,7 @@ const NOCFeeTable = ({
       }, /*#__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) || "",
+        value: ((_feeData$row$index3 = feeData[row.index]) === null || _feeData$row$index3 === void 0 ? void 0 : _feeData$row$index3.remark) || "",
         onChange: e => handleRemarkChange(row.index, e.target.value, row.amount),
         disabled: disable,
         className: "custom-fee-table-textarea",
@@ -18506,6 +18517,7 @@ 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 => {
@@ -18980,15 +18992,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$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"
+    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$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"
+    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_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"
@@ -19216,6 +19228,7 @@ 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;
       }
@@ -21019,7 +21032,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);
@@ -22564,7 +22579,11 @@ 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),
+    "Vehicle Log": {
+      id: encodeURIComponentCustom(applicationId),
+      hidden: true
+    }
   }));
   const MobileSortFormValues = () => {
     const sortOrderOptions = [{
@@ -22594,10 +22613,14 @@ const useInboxMobileCardsData = ({
       })
     }));
   };
+  const serviceRequestIdKeyFunction = object => {
+    var _object$VehicleLog;
+    return (_object$VehicleLog = object["Vehicle Log"]) === null || _object$VehicleLog === void 0 ? void 0 : _object$VehicleLog.id;
+  };
   return {
     data: dataForMobileInboxCards,
     linkPrefix: `${parentRoute}/inbox/application-overview/`,
-    serviceRequestIdKey: t("NOC_APPLICATION_NUMBER"),
+    serviceRequestIdKey: serviceRequestIdKeyFunction,
     MobileSortFormValues
   };
 };
@@ -22968,6 +22991,13 @@ const NOCBreadCrumbs$1 = ({
     t
   } = useTranslation();
   const getBreadcrumbs = () => {
+    var _Digit$UserService, _user$info, _user$info$roles, _user$info2, _user$info2$roles;
+    const tenantId = localStorage.getItem("CITIZEN.CITY");
+    const user = (_Digit$UserService = Digit.UserService) === null || _Digit$UserService === void 0 ? void 0 : _Digit$UserService.getUser();
+    const isUserRegistered = (user === null || user === void 0 ? void 0 : (_user$info = user.info) === null || _user$info === void 0 ? void 0 : (_user$info$roles = _user$info.roles) === null || _user$info$roles === void 0 ? void 0 : _user$info$roles.some(role => (role === null || role === void 0 ? void 0 : role.code) === "BPA_ARCHITECT")) || (user === null || user === void 0 ? void 0 : (_user$info2 = user.info) === null || _user$info2 === void 0 ? void 0 : (_user$info2$roles = _user$info2.roles) === null || _user$info2$roles === void 0 ? void 0 : _user$info2$roles.some(role => {
+      var _role$code;
+      return (role === null || role === void 0 ? void 0 : (_role$code = role.code) === null || _role$code === void 0 ? void 0 : _role$code.includes("BPA")) && (role === null || role === void 0 ? void 0 : role.tenantId) === tenantId;
+    }));
     const breadcrumbs = [];
     const hasSecondBreadcrumb = location.pathname.includes("/noc/new-application") || location.pathname.includes("noc/my-application") || location.pathname.includes("noc/search/application-overview/") || location.pathname.includes("noc/search-application");
     breadcrumbs.push(/*#__PURE__*/React.createElement("span", {
@@ -22987,7 +23017,7 @@ const NOCBreadCrumbs$1 = ({
       breadcrumbs.push(/*#__PURE__*/React.createElement("span", {
         key: "noc"
       }, /*#__PURE__*/React.createElement(Link, {
-        to: "/digit-ui/citizen/noc-home",
+        to: isUserRegistered ? "/digit-ui/citizen/obps/home" : "/digit-ui/citizen/noc-home",
         style: {
           textDecoration: "none"
         }
@@ -23044,7 +23074,7 @@ 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/:nocid`,
@@ -27939,6 +27969,8 @@ 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, {
@@ -29349,8 +29381,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
@@ -29371,7 +29404,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]) || {};
@@ -29715,7 +29750,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", {
@@ -29768,7 +29803,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);
@@ -30158,7 +30195,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",
@@ -30760,7 +30798,7 @@ const SearchApplicationMobileView$1 = ({
     data: propsMobileInboxCards,
     isTwoDynamicPrefix: false,
     linkPrefix: `/digit-ui/citizen/noc/search/application-overview/`,
-    serviceRequestIdKey: t("NOC_APPLICATION_NUMBER")
+    serviceRequestIdKey: "Generated ID"
   }));
 };
 
@@ -30892,7 +30930,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,