@djb25/digit-ui-module-commonpt 1.0.4 → 1.0.6

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import { Loader, VerticalTimeline, FormComposer, Toast, Card, CardText, StatusTable, Row, SubmitBar, Banner, RadioButtons, Dropdown, InfoBannerIcon, Localities, Header, ResponseComposer, Modal, KeyNote, OTPInput, CardLabelError, FormStep, UploadFile, DatePicker, CardSubHeader, PDFSvg, LabelFieldPair, CardLabel, MultiUploadWrapper, CardHeader, CardSectionHeader, CheckBox, TextInput, LinkButton, Close as Close$e, BreakLine, Table, TelePhone, DisplayPhotos, EditIcon, ViewsIcon, CheckPoint, ConnectingCheckPoints, ActionBar, Menu, ButtonSelector, AppContainer, BackButton, PrivateRoute, BreadCrumb, LayoutWrapper, CollapsibleCardPage, AddressDetails, DeleteIcon, MobileNumber, RadioOrSelect, TextArea, SearchForm, SearchField, DetailsCard, TickMark, Label, PropertyHouse, EmployeeModuleCard, CitizenHomeCard, PTIcon } from '@djb25/digit-ui-react-components';
+import { Loader, VerticalTimeline, FormComposer, Toast, Card, CardText, StatusTable, Row, SubmitBar, Banner, RadioButtons, Dropdown, InfoBannerIcon, Localities, Header, ResponseComposer, Modal, KeyNote, OTPInput, CardLabelError, FormStep, UploadFile, DatePicker, CardSubHeader, PDFSvg, LabelFieldPair, CardLabel, MultiUploadWrapper, CardHeader, CardSectionHeader, CheckBox, TextInput, LinkButton, Close as Close$e, ViewsIcon, BreakLine, Table, TelePhone, DisplayPhotos, EditIcon, CheckPoint, ConnectingCheckPoints, ActionBar, Menu, ButtonSelector, HomeIcon, AppContainer, ModuleHeader, ArrowLeft, PrivateRoute, CollapsibleCardPage, AddressDetails, DeleteIcon, MobileNumber, RadioOrSelect, TextArea, SearchForm, SearchField, DetailsCard, TickMark, Label, PropertyHouse, EmployeeModuleCard, CitizenHomeCard, PTIcon } from '@djb25/digit-ui-react-components';
 import React, { useState, useEffect, useLayoutEffect, useMemo, useRef, Fragment as Fragment$1, memo, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useLocation, useHistory, useRouteMatch, Switch, Route, Link, useParams } from 'react-router-dom';
@@ -5924,7 +5924,7 @@ const setAddressDetailsLW = data => {
     assembly: (address === null || address === void 0 ? void 0 : address.assembly) || (address === null || address === void 0 ? void 0 : address.Assembly),
     block: address === null || address === void 0 ? void 0 : address.block,
     zone: address === null || address === void 0 ? void 0 : address.zone,
-    zro: (address === null || address === void 0 ? void 0 : (_address$zro = address.zro) === null || _address$zro === void 0 ? void 0 : _address$zro.code) || (address === null || address === void 0 ? void 0 : address.zro),
+    zroLocation: (address === null || address === void 0 ? void 0 : (_address$zro = address.zro) === null || _address$zro === void 0 ? void 0 : _address$zro.code) || (address === null || address === void 0 ? void 0 : address.zro),
     addressType: (address === null || address === void 0 ? void 0 : (_address$addressType = address.addressType) === null || _address$addressType === void 0 ? void 0 : _address$addressType.code) || (address === null || address === void 0 ? void 0 : address.addressType)
   };
   data.address = propAddress;
@@ -6017,7 +6017,7 @@ const setPropertyDetailsLW = data => {
   return data;
 };
 const convertToPropertyLightWeight = (data = {}) => {
-  var _data$propertyDetails, _data$propertyDetails2, _data, _data$owners2, _data$owners2$, _data$propertyDetails3, _data$propertyDetails4, _data$waterConnection, _data$waterConnection2, _data$waterConnection3, _data$waterConnection4, _data$waterConnection5, _data$waterConnection6, _data$waterConnection7, _data$waterConnection8, _data$waterConnection9, _data$waterConnection0, _data$waterConnection1, _data$waterConnection10, _data$waterConnection11, _data$waterConnection12, _data$waterConnection13, _data$waterConnection14, _data$waterConnection15, _data$waterConnection16;
+  var _data$propertyDetails, _data$propertyDetails2, _data, _data$owners2, _data$owners2$, _data$propertyDetails3, _data$propertyDetails4, _data$waterConnection, _data$waterConnection2, _data$waterConnection3, _data$useDetails, _data$useDetails$Wate, _data$waterConnection4, _data$waterConnection5, _data$waterConnection6, _data$useDetails2, _data$useDetails2$Sel, _data$waterConnection7, _data$waterConnection8, _data$useDetails3, _data$waterConnection9, _data$waterConnection0, _data$useDetails4, _data$waterConnection1, _data$waterConnection10, _data$waterConnection11, _data$useDetails5, _data$useDetails5$noO, _data$waterConnection12, _data$waterConnection13, _data$useDetails6, _data$waterConnection14, _data$waterConnection15, _data$useDetails7, _data$waterConnection16, _data$waterConnection17, _data$useDetails8;
   data = setOwnerDetailsLW(data);
   data = setAddressDetailsLW(data);
   data = setPropertyDetailsLW(data);
@@ -6061,14 +6061,14 @@ const convertToPropertyLightWeight = (data = {}) => {
         isRainwaterHarvesting: false,
         propertyType: propertyType,
         propertyCategory: (_data$propertyDetails4 = data.propertyDetails) === null || _data$propertyDetails4 === void 0 ? void 0 : _data$propertyDetails4.usageCategory,
-        waterConnectionUsageType: (_data$waterConnection = data.waterConnection) === null || _data$waterConnection === void 0 ? void 0 : (_data$waterConnection2 = _data$waterConnection.useDetails) === null || _data$waterConnection2 === void 0 ? void 0 : (_data$waterConnection3 = _data$waterConnection2.WaterConnectionUsageType) === null || _data$waterConnection3 === void 0 ? void 0 : _data$waterConnection3.code,
-        yearOfConstruction: (_data$waterConnection4 = data.waterConnection) === null || _data$waterConnection4 === void 0 ? void 0 : (_data$waterConnection5 = _data$waterConnection4.useDetails) === null || _data$waterConnection5 === void 0 ? void 0 : (_data$waterConnection6 = _data$waterConnection5.SelectYearofConstruction) === null || _data$waterConnection6 === void 0 ? void 0 : _data$waterConnection6.value,
-        numberOfDwellingUnits: (_data$waterConnection7 = data.waterConnection) === null || _data$waterConnection7 === void 0 ? void 0 : (_data$waterConnection8 = _data$waterConnection7.useDetails) === null || _data$waterConnection8 === void 0 ? void 0 : _data$waterConnection8.NumberofDwellingUnits,
-        numberOfRooms: (_data$waterConnection9 = data.waterConnection) === null || _data$waterConnection9 === void 0 ? void 0 : (_data$waterConnection0 = _data$waterConnection9.useDetails) === null || _data$waterConnection0 === void 0 ? void 0 : _data$waterConnection0.NumberofRooms,
-        numberOfFloors: (_data$waterConnection1 = data.waterConnection) === null || _data$waterConnection1 === void 0 ? void 0 : (_data$waterConnection10 = _data$waterConnection1.useDetails) === null || _data$waterConnection10 === void 0 ? void 0 : _data$waterConnection10.NumberofFloors,
-        plotArea: (_data$waterConnection11 = data.waterConnection) === null || _data$waterConnection11 === void 0 ? void 0 : (_data$waterConnection12 = _data$waterConnection11.useDetails) === null || _data$waterConnection12 === void 0 ? void 0 : _data$waterConnection12.plotArea,
-        builtUpArea: (_data$waterConnection13 = data.waterConnection) === null || _data$waterConnection13 === void 0 ? void 0 : (_data$waterConnection14 = _data$waterConnection13.useDetails) === null || _data$waterConnection14 === void 0 ? void 0 : _data$waterConnection14.builtUpArea,
-        numberOfBeds: (_data$waterConnection15 = data.waterConnection) === null || _data$waterConnection15 === void 0 ? void 0 : (_data$waterConnection16 = _data$waterConnection15.useDetails) === null || _data$waterConnection16 === void 0 ? void 0 : _data$waterConnection16.hospitalBeds,
+        waterConnectionUsageType: ((_data$waterConnection = data.waterConnection) === null || _data$waterConnection === void 0 ? void 0 : (_data$waterConnection2 = _data$waterConnection.useDetails) === null || _data$waterConnection2 === void 0 ? void 0 : (_data$waterConnection3 = _data$waterConnection2.WaterConnectionUsageType) === null || _data$waterConnection3 === void 0 ? void 0 : _data$waterConnection3.code) || ((_data$useDetails = data.useDetails) === null || _data$useDetails === void 0 ? void 0 : (_data$useDetails$Wate = _data$useDetails.WaterConnectionUsageType) === null || _data$useDetails$Wate === void 0 ? void 0 : _data$useDetails$Wate.code),
+        yearOfConstruction: ((_data$waterConnection4 = data.waterConnection) === null || _data$waterConnection4 === void 0 ? void 0 : (_data$waterConnection5 = _data$waterConnection4.useDetails) === null || _data$waterConnection5 === void 0 ? void 0 : (_data$waterConnection6 = _data$waterConnection5.SelectYearofConstruction) === null || _data$waterConnection6 === void 0 ? void 0 : _data$waterConnection6.value) || ((_data$useDetails2 = data.useDetails) === null || _data$useDetails2 === void 0 ? void 0 : (_data$useDetails2$Sel = _data$useDetails2.SelectYearofConstruction) === null || _data$useDetails2$Sel === void 0 ? void 0 : _data$useDetails2$Sel.value),
+        numberOfDwellingUnits: ((_data$waterConnection7 = data.waterConnection) === null || _data$waterConnection7 === void 0 ? void 0 : (_data$waterConnection8 = _data$waterConnection7.useDetails) === null || _data$waterConnection8 === void 0 ? void 0 : _data$waterConnection8.NumberofDwellingUnits) || ((_data$useDetails3 = data.useDetails) === null || _data$useDetails3 === void 0 ? void 0 : _data$useDetails3.NumberofDwellingUnits),
+        numberOfRooms: ((_data$waterConnection9 = data.waterConnection) === null || _data$waterConnection9 === void 0 ? void 0 : (_data$waterConnection0 = _data$waterConnection9.useDetails) === null || _data$waterConnection0 === void 0 ? void 0 : _data$waterConnection0.NumberofRooms) || ((_data$useDetails4 = data.useDetails) === null || _data$useDetails4 === void 0 ? void 0 : _data$useDetails4.NumberofRooms),
+        numberOfFloors: ((_data$waterConnection1 = data.waterConnection) === null || _data$waterConnection1 === void 0 ? void 0 : (_data$waterConnection10 = _data$waterConnection1.useDetails) === null || _data$waterConnection10 === void 0 ? void 0 : (_data$waterConnection11 = _data$waterConnection10.noOfFloors) === null || _data$waterConnection11 === void 0 ? void 0 : _data$waterConnection11.code) || ((_data$useDetails5 = data.useDetails) === null || _data$useDetails5 === void 0 ? void 0 : (_data$useDetails5$noO = _data$useDetails5.noOfFloors) === null || _data$useDetails5$noO === void 0 ? void 0 : _data$useDetails5$noO.code) || 1,
+        plotArea: ((_data$waterConnection12 = data.waterConnection) === null || _data$waterConnection12 === void 0 ? void 0 : (_data$waterConnection13 = _data$waterConnection12.useDetails) === null || _data$waterConnection13 === void 0 ? void 0 : _data$waterConnection13.plotArea) || ((_data$useDetails6 = data.useDetails) === null || _data$useDetails6 === void 0 ? void 0 : _data$useDetails6.plotArea),
+        builtUpArea: ((_data$waterConnection14 = data.waterConnection) === null || _data$waterConnection14 === void 0 ? void 0 : (_data$waterConnection15 = _data$waterConnection14.useDetails) === null || _data$waterConnection15 === void 0 ? void 0 : _data$waterConnection15.builtUpArea) || ((_data$useDetails7 = data.useDetails) === null || _data$useDetails7 === void 0 ? void 0 : _data$useDetails7.builtUpArea),
+        numberOfBeds: ((_data$waterConnection16 = data.waterConnection) === null || _data$waterConnection16 === void 0 ? void 0 : (_data$waterConnection17 = _data$waterConnection16.useDetails) === null || _data$waterConnection17 === void 0 ? void 0 : _data$waterConnection17.hospitalBeds) || ((_data$useDetails8 = data.useDetails) === null || _data$useDetails8 === void 0 ? void 0 : _data$useDetails8.hospitalBeds),
         owners: [...(data.owners || []).map((owner, index) => {
           var _owner$gender3, _owner$gender4, _owner$ownerType2, _owner$relationship2, _owner$inistitutetype2;
           return {
@@ -6107,7 +6107,7 @@ const convertToPropertyLightWeight = (data = {}) => {
   return formdata;
 };
 const convertToUpdatePropertyLightWeight = (data = {}) => {
-  var _data$propertyDetails5, _data$propertyDetails6, _data$waterConnection17, _data$waterConnection18, _data$waterConnection19, _data$waterConnection20, _data$waterConnection21, _data$waterConnection22, _data$waterConnection23, _data$waterConnection24, _data$waterConnection25, _data$waterConnection26, _data$waterConnection27, _data$waterConnection28, _formdata$Property, _data3, _formdata$Property3;
+  var _data$propertyDetails5, _data$propertyDetails6, _data$waterConnection18, _data$waterConnection19, _data$waterConnection20, _data$useDetails9, _data$useDetails9$Wat, _data$waterConnection21, _data$waterConnection22, _data$waterConnection23, _data$useDetails0, _data$useDetails0$Sel, _data$waterConnection24, _data$waterConnection25, _data$useDetails1, _data$waterConnection26, _data$waterConnection27, _data$useDetails10, _data$waterConnection28, _data$waterConnection29, _data$waterConnection30, _data$useDetails11, _data$useDetails11$no, _data$waterConnection31, _data$waterConnection32, _data$useDetails12, _data$waterConnection33, _data$waterConnection34, _data$useDetails13, _data$waterConnection35, _data$waterConnection36, _data$useDetails14, _formdata$Property, _data3, _formdata$Property3;
   data = setOwnerDetailsLW(data);
   data = setAddressDetailsLW(data);
   data = setPropertyDetailsLW(data);
@@ -6153,11 +6153,14 @@ const convertToUpdatePropertyLightWeight = (data = {}) => {
       noOfFloors: noOfFloors,
       additionalDetails: {
         isRainwaterHarvesting: false,
-        waterConnectionUsageType: (_data$waterConnection17 = data.waterConnection) === null || _data$waterConnection17 === void 0 ? void 0 : (_data$waterConnection18 = _data$waterConnection17.useDetails) === null || _data$waterConnection18 === void 0 ? void 0 : (_data$waterConnection19 = _data$waterConnection18.WaterConnectionUsageType) === null || _data$waterConnection19 === void 0 ? void 0 : _data$waterConnection19.code,
-        yearOfConstruction: (_data$waterConnection20 = data.waterConnection) === null || _data$waterConnection20 === void 0 ? void 0 : (_data$waterConnection21 = _data$waterConnection20.useDetails) === null || _data$waterConnection21 === void 0 ? void 0 : (_data$waterConnection22 = _data$waterConnection21.SelectYearofConstruction) === null || _data$waterConnection22 === void 0 ? void 0 : _data$waterConnection22.value,
-        numberOfDwellingUnits: (_data$waterConnection23 = data.waterConnection) === null || _data$waterConnection23 === void 0 ? void 0 : (_data$waterConnection24 = _data$waterConnection23.useDetails) === null || _data$waterConnection24 === void 0 ? void 0 : _data$waterConnection24.NumberofDwellingUnits,
-        numberOfRooms: (_data$waterConnection25 = data.waterConnection) === null || _data$waterConnection25 === void 0 ? void 0 : (_data$waterConnection26 = _data$waterConnection25.useDetails) === null || _data$waterConnection26 === void 0 ? void 0 : _data$waterConnection26.NumberofRooms,
-        hospitalBeds: (_data$waterConnection27 = data.waterConnection) === null || _data$waterConnection27 === void 0 ? void 0 : (_data$waterConnection28 = _data$waterConnection27.useDetails) === null || _data$waterConnection28 === void 0 ? void 0 : _data$waterConnection28.hospitalBeds,
+        waterConnectionUsageType: ((_data$waterConnection18 = data.waterConnection) === null || _data$waterConnection18 === void 0 ? void 0 : (_data$waterConnection19 = _data$waterConnection18.useDetails) === null || _data$waterConnection19 === void 0 ? void 0 : (_data$waterConnection20 = _data$waterConnection19.WaterConnectionUsageType) === null || _data$waterConnection20 === void 0 ? void 0 : _data$waterConnection20.code) || ((_data$useDetails9 = data.useDetails) === null || _data$useDetails9 === void 0 ? void 0 : (_data$useDetails9$Wat = _data$useDetails9.WaterConnectionUsageType) === null || _data$useDetails9$Wat === void 0 ? void 0 : _data$useDetails9$Wat.code),
+        yearOfConstruction: ((_data$waterConnection21 = data.waterConnection) === null || _data$waterConnection21 === void 0 ? void 0 : (_data$waterConnection22 = _data$waterConnection21.useDetails) === null || _data$waterConnection22 === void 0 ? void 0 : (_data$waterConnection23 = _data$waterConnection22.SelectYearofConstruction) === null || _data$waterConnection23 === void 0 ? void 0 : _data$waterConnection23.value) || ((_data$useDetails0 = data.useDetails) === null || _data$useDetails0 === void 0 ? void 0 : (_data$useDetails0$Sel = _data$useDetails0.SelectYearofConstruction) === null || _data$useDetails0$Sel === void 0 ? void 0 : _data$useDetails0$Sel.value),
+        numberOfDwellingUnits: ((_data$waterConnection24 = data.waterConnection) === null || _data$waterConnection24 === void 0 ? void 0 : (_data$waterConnection25 = _data$waterConnection24.useDetails) === null || _data$waterConnection25 === void 0 ? void 0 : _data$waterConnection25.NumberofDwellingUnits) || ((_data$useDetails1 = data.useDetails) === null || _data$useDetails1 === void 0 ? void 0 : _data$useDetails1.NumberofDwellingUnits),
+        numberOfRooms: ((_data$waterConnection26 = data.waterConnection) === null || _data$waterConnection26 === void 0 ? void 0 : (_data$waterConnection27 = _data$waterConnection26.useDetails) === null || _data$waterConnection27 === void 0 ? void 0 : _data$waterConnection27.NumberofRooms) || ((_data$useDetails10 = data.useDetails) === null || _data$useDetails10 === void 0 ? void 0 : _data$useDetails10.NumberofRooms),
+        numberOfFloors: ((_data$waterConnection28 = data.waterConnection) === null || _data$waterConnection28 === void 0 ? void 0 : (_data$waterConnection29 = _data$waterConnection28.useDetails) === null || _data$waterConnection29 === void 0 ? void 0 : (_data$waterConnection30 = _data$waterConnection29.noOfFloors) === null || _data$waterConnection30 === void 0 ? void 0 : _data$waterConnection30.code) || ((_data$useDetails11 = data.useDetails) === null || _data$useDetails11 === void 0 ? void 0 : (_data$useDetails11$no = _data$useDetails11.noOfFloors) === null || _data$useDetails11$no === void 0 ? void 0 : _data$useDetails11$no.code) || 1,
+        plotArea: ((_data$waterConnection31 = data.waterConnection) === null || _data$waterConnection31 === void 0 ? void 0 : (_data$waterConnection32 = _data$waterConnection31.useDetails) === null || _data$waterConnection32 === void 0 ? void 0 : _data$waterConnection32.plotArea) || ((_data$useDetails12 = data.useDetails) === null || _data$useDetails12 === void 0 ? void 0 : _data$useDetails12.plotArea),
+        builtUpArea: ((_data$waterConnection33 = data.waterConnection) === null || _data$waterConnection33 === void 0 ? void 0 : (_data$waterConnection34 = _data$waterConnection33.useDetails) === null || _data$waterConnection34 === void 0 ? void 0 : _data$waterConnection34.builtUpArea) || ((_data$useDetails13 = data.useDetails) === null || _data$useDetails13 === void 0 ? void 0 : _data$useDetails13.builtUpArea),
+        hospitalBeds: ((_data$waterConnection35 = data.waterConnection) === null || _data$waterConnection35 === void 0 ? void 0 : (_data$waterConnection36 = _data$waterConnection35.useDetails) === null || _data$waterConnection36 === void 0 ? void 0 : _data$waterConnection36.hospitalBeds) || ((_data$useDetails14 = data.useDetails) === null || _data$useDetails14 === void 0 ? void 0 : _data$useDetails14.hospitalBeds),
         owners: [...data.owners.map((owner, index) => {
           var _owner$gender6, _owner$ownerType4, _owner$relationship4, _owner$inistitutetype4;
           return {
@@ -13999,10 +14002,11 @@ function PropertyDocuments({
   const [filesArray, setFilesArray] = useState(() => []);
   const tenantId = Digit.ULBService.getCurrentTenantId();
   const [pdfFiles, setPdfFiles] = useState({});
+  const [modalFile, setModalFile] = useState(null);
   useEffect(() => {
     var _acc;
     let acc = [];
-    documents === null || documents === void 0 ? void 0 : documents.forEach((element, index, array) => {
+    documents === null || documents === void 0 ? void 0 : documents.forEach(element => {
       acc = [...acc, ...(element.values ? element.values : [])];
     });
     setFilesArray((_acc = acc) === null || _acc === void 0 ? void 0 : _acc.map(value => value === null || value === void 0 ? void 0 : value.fileStoreId));
@@ -14020,12 +14024,170 @@ function PropertyDocuments({
     }
   }, [filesArray]);
   const checkLocation = window.location.href.includes("employee/tl") || window.location.href.includes("/obps") || window.location.href.includes("employee/ws");
+  const isWSLocation = window.location.href.includes("employee/ws");
   const isStakeholderApplication = window.location.href.includes("stakeholder");
+  const getDocSubType = documentType => {
+    if (!documentType) return "";
+    const parts = documentType.split(".");
+    const last = parts[parts.length - 1] || "";
+    return last.replace(/_/g, " ").replace(/\b\w/g, c => c.toUpperCase());
+  };
+  const renderModal = () => {
+    if (!modalFile) return null;
+    const isPdf = modalFile.toLowerCase().includes(".pdf") || modalFile.toLowerCase().includes("pdf");
+    return /*#__PURE__*/React.createElement(Modal, {
+      headerBarMain: /*#__PURE__*/React.createElement("h1", {
+        className: "heading-m"
+      }, "Document Preview"),
+      headerBarEnd: /*#__PURE__*/React.createElement("div", {
+        onClick: () => setModalFile(null),
+        style: {
+          cursor: "pointer",
+          padding: "5px",
+          marginTop: "-5px"
+        }
+      }, /*#__PURE__*/React.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 24 24",
+        fill: "#000000",
+        width: "24px",
+        height: "24px"
+      }, /*#__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"
+      }))),
+      hideSubmit: true,
+      popupStyles: {
+        maxWidth: "80vw",
+        width: "100%"
+      },
+      popupModuleMianStyles: {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        padding: "0",
+        overflowY: "hidden"
+      }
+    }, isPdf ? /*#__PURE__*/React.createElement("iframe", {
+      src: modalFile,
+      title: "Document Preview",
+      style: {
+        width: "100%",
+        height: "80vh",
+        border: "none",
+        display: "block"
+      }
+    }) : /*#__PURE__*/React.createElement("img", {
+      src: modalFile,
+      alt: "Document Preview",
+      style: {
+        maxWidth: "100%",
+        maxHeight: "80vh",
+        objectFit: "contain",
+        display: "block"
+      }
+    }));
+  };
+  const renderDocumentRow = (value, index) => {
+    var _pdfFiles$value$fileS;
+    const fileUrl = (_pdfFiles$value$fileS = pdfFiles[value.fileStoreId]) === null || _pdfFiles$value$fileS === void 0 ? void 0 : _pdfFiles$value$fileS.split(",")[0];
+    const docSubType = getDocSubType(value === null || value === void 0 ? void 0 : value.documentType);
+    const docUid = (value === null || value === void 0 ? void 0 : value.documentUid) || "";
+    const isPhoto = value === null || value === void 0 ? void 0 : value.isPhoto;
+    let typeLabel = "";
+    let numLabel = "";
+    let uploadLabel = "";
+    if (value.title === "WS_IDENTITY_PROOF") {
+      typeLabel = "Identity Proof*";
+      numLabel = "Identity Proof Document Number";
+      uploadLabel = "Upload Identity Proof Document*";
+    } else if (value.title === "WS_OWNERSHIP_PROOF") {
+      typeLabel = "Ownership Proof*";
+      numLabel = "Ownership Proof Document Number";
+      uploadLabel = "Upload Ownership Proof*";
+    } else if (value.title === "WS_OTHER_DOCUMENTS") {
+      typeLabel = "Other Documents*";
+      numLabel = "Other Document Number";
+      uploadLabel = "Upload Other Documents*";
+    } else if (value.title === "WS_APPLICANT_PHOTO") {
+      uploadLabel = "Upload Applicant Photo*";
+    } else {
+      typeLabel = ((value === null || value === void 0 ? void 0 : value.categoryLabel) || "Document") + "*";
+      numLabel = "Document Number";
+      uploadLabel = "Upload Document*";
+    }
+    return /*#__PURE__*/React.createElement("div", {
+      key: index,
+      style: {
+        marginBottom: "24px"
+      }
+    }, /*#__PURE__*/React.createElement(StatusTable, null, !isPhoto && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Row, {
+      label: typeLabel,
+      text: docSubType || t("NA")
+    }), /*#__PURE__*/React.createElement(Row, {
+      label: numLabel,
+      text: docUid || t("NA")
+    })), /*#__PURE__*/React.createElement(Row, {
+      label: uploadLabel,
+      text: /*#__PURE__*/React.createElement("div", {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          gap: "16px"
+        }
+      }, isPhoto ? fileUrl ? /*#__PURE__*/React.createElement("div", {
+        style: {
+          position: "relative"
+        }
+      }, /*#__PURE__*/React.createElement("img", {
+        src: fileUrl,
+        alt: "Applicant Photo",
+        style: {
+          width: "100px",
+          height: "100px",
+          objectFit: "cover",
+          borderRadius: "4px",
+          border: "1px solid #ccc"
+        }
+      })) : /*#__PURE__*/React.createElement("div", {
+        style: {
+          fontSize: "14px",
+          color: "#505A5F"
+        }
+      }, t("NA")) : /*#__PURE__*/React.createElement("div", {
+        onClick: () => {
+          if (fileUrl) setModalFile(fileUrl);
+        },
+        disabled: !fileUrl,
+        style: {
+          cursor: "pointer"
+        }
+      }, /*#__PURE__*/React.createElement(ViewsIcon, null)), !isPhoto && /*#__PURE__*/React.createElement("label", {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          gap: "8px",
+          fontSize: "14px",
+          color: "#0B0C0C",
+          margin: 0
+        }
+      }, /*#__PURE__*/React.createElement("input", {
+        type: "checkbox",
+        style: {
+          width: "18px",
+          height: "18px",
+          accentColor: "#F47738"
+        }
+      }), "Check Verified"))
+    })));
+  };
   return /*#__PURE__*/React.createElement("div", {
     style: {
       marginTop: "19px"
     }
-  }, !isStakeholderApplication && (documents === null || documents === void 0 ? void 0 : documents.map((document, index) => {
+  }, renderModal(), !isStakeholderApplication && (documents === null || documents === void 0 ? void 0 : documents.map((document, index) => {
     var _document$values;
     return /*#__PURE__*/React.createElement(React.Fragment, {
       key: index
@@ -14033,7 +14195,7 @@ function PropertyDocuments({
       style: checkLocation ? {
         marginTop: "32px",
         marginBottom: "18px",
-        color: "#0B0C0C, 100%",
+        color: "#0B0C0C",
         fontSize: "24px",
         lineHeight: "30px"
       } : {
@@ -14042,17 +14204,21 @@ function PropertyDocuments({
         color: "#505A5F",
         fontSize: "24px"
       }
-    }, t(document === null || document === void 0 ? void 0 : document.title)) : null, /*#__PURE__*/React.createElement("div", {
+    }, t(document === null || document === void 0 ? void 0 : document.title)) : null, isWSLocation ? /*#__PURE__*/React.createElement("div", {
+      style: {
+        marginTop: "8px"
+      }
+    }, document !== null && document !== void 0 && document.values && (document === null || document === void 0 ? void 0 : document.values.length) > 0 ? document.values.map((value, idx) => renderDocumentRow(value, idx)) : !window.location.href.includes("citizen") && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", null, t("BPA_NO_DOCUMENTS_UPLOADED_LABEL")))) : /*#__PURE__*/React.createElement("div", {
       style: {
         display: "flex",
         flexWrap: "wrap",
         justifyContent: "flex-start"
       }
     }, document !== null && document !== void 0 && document.values && (document === null || document === void 0 ? void 0 : document.values.length) > 0 ? document === null || document === void 0 ? void 0 : (_document$values = document.values) === null || _document$values === void 0 ? void 0 : _document$values.map((value, index) => {
-      var _pdfFiles$value$fileS, _value$documentType;
+      var _pdfFiles$value$fileS2, _value$documentType;
       return /*#__PURE__*/React.createElement("a", {
         target: "_",
-        href: (_pdfFiles$value$fileS = pdfFiles[value.fileStoreId]) === null || _pdfFiles$value$fileS === void 0 ? void 0 : _pdfFiles$value$fileS.split(",")[0],
+        href: (_pdfFiles$value$fileS2 = pdfFiles[value.fileStoreId]) === null || _pdfFiles$value$fileS2 === void 0 ? void 0 : _pdfFiles$value$fileS2.split(",")[0],
         style: {
           minWidth: "80px",
           marginRight: "10px",
@@ -14099,10 +14265,10 @@ function PropertyDocuments({
         fontSize: "24px"
       }
     }, t(document === null || document === void 0 ? void 0 : document.title)) : null, /*#__PURE__*/React.createElement("div", null, document !== null && document !== void 0 && document.values && (document === null || document === void 0 ? void 0 : document.values.length) > 0 ? document === null || document === void 0 ? void 0 : (_document$values2 = document.values) === null || _document$values2 === void 0 ? void 0 : _document$values2.map((value, index) => {
-      var _pdfFiles$value$fileS2;
+      var _pdfFiles$value$fileS3;
       return /*#__PURE__*/React.createElement("a", {
         target: "_",
-        href: (_pdfFiles$value$fileS2 = pdfFiles[value.fileStoreId]) === null || _pdfFiles$value$fileS2 === void 0 ? void 0 : _pdfFiles$value$fileS2.split(",")[0],
+        href: (_pdfFiles$value$fileS3 = pdfFiles[value.fileStoreId]) === null || _pdfFiles$value$fileS3 === void 0 ? void 0 : _pdfFiles$value$fileS3.split(",")[0],
         style: {
           minWidth: svgStyles !== null && svgStyles !== void 0 && svgStyles.minWidth ? svgStyles === null || svgStyles === void 0 ? void 0 : svgStyles.minWidth : "160px",
           marginRight: "20px"
@@ -14865,12 +15031,11 @@ const WSAdditonalDetails = ({
   wsAdditionalDetails,
   oldValue
 }) => {
-  var _wsAdditionalDetails$, _wsAdditionalDetails$2, _wsAdditionalDetails$3, _wsAdditionalDetails$4;
+  var _wsAdditionalDetails$;
   const {
     t
   } = useTranslation();
   let filters = getQueryStringParams(location.search);
-  const isModify = filters === null || filters === void 0 ? void 0 : filters.mode;
   var {
     connectionDetails,
     plumberDetails,
@@ -14899,50 +15064,6 @@ const WSAdditonalDetails = ({
       label: `${t(`${value.title}`)}`,
       text: value !== null && value !== void 0 && value.oldValue ? value === null || value === void 0 ? void 0 : value.oldValue : value !== null && value !== void 0 && value.value ? value === null || value === void 0 ? void 0 : value.value : ""
     }));
-  })))), (wsAdditionalDetails === null || wsAdditionalDetails === void 0 ? void 0 : (_wsAdditionalDetails$2 = wsAdditionalDetails.additionalDetails) === null || _wsAdditionalDetails$2 === void 0 ? void 0 : _wsAdditionalDetails$2.plumberDetails) && isModify != "MODIFY" && /*#__PURE__*/React.createElement(StatusTable, null, /*#__PURE__*/React.createElement(CardSubHeader, {
-    style: cardSubHeaderStyles()
-  }, t("WS_COMMON_PLUMBER_DETAILS")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    className: "plumber-details-new-value-wrapper"
-  }, plumberDetails === null || plumberDetails === void 0 ? void 0 : plumberDetails.map((value, index) => {
-    return /*#__PURE__*/React.createElement(Row, {
-      className: "border-none",
-      key: `${value.title}`,
-      label: `${t(`${value.title}`)}`,
-      text: value !== null && value !== void 0 && value.oldValue ? value === null || value === void 0 ? void 0 : value.oldValue : value !== null && value !== void 0 && value.value ? value === null || value === void 0 ? void 0 : value.value : "",
-      privacy: value.privacy
-    });
-  })))), (wsAdditionalDetails === null || wsAdditionalDetails === void 0 ? void 0 : (_wsAdditionalDetails$3 = wsAdditionalDetails.additionalDetails) === null || _wsAdditionalDetails$3 === void 0 ? void 0 : _wsAdditionalDetails$3.roadCuttingDetails) && isModify != "MODIFY" && /*#__PURE__*/React.createElement(StatusTable, null, /*#__PURE__*/React.createElement(CardSubHeader, {
-    style: cardSubHeaderStyles()
-  }, t("WS_ROAD_CUTTING_DETAILS")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    className: "plumber-details-new-value-wrapper"
-  }, roadCuttingDetails === null || roadCuttingDetails === void 0 ? void 0 : roadCuttingDetails.map((value, index) => {
-    var _value$values;
-    return /*#__PURE__*/React.createElement("div", {
-      key: index,
-      style: (roadCuttingDetails === null || roadCuttingDetails === void 0 ? void 0 : roadCuttingDetails.length) > 1 ? {
-        border: "1px solid #D6D5D4",
-        background: "#FAFAFA",
-        borderRadius: "4px",
-        padding: "10px 10px 0px 10px",
-        margin: "5px 0px"
-      } : {}
-    }, value === null || value === void 0 ? void 0 : (_value$values = value.values) === null || _value$values === void 0 ? void 0 : _value$values.map(roadValue => /*#__PURE__*/React.createElement(Row, {
-      className: "border-none",
-      key: `${roadValue.title}`,
-      label: `${t(`${roadValue.title}`)}`,
-      text: roadValue !== null && roadValue !== void 0 && roadValue.oldValue ? roadValue === null || roadValue === void 0 ? void 0 : roadValue.oldValue : roadValue !== null && roadValue !== void 0 && roadValue.value ? roadValue === null || roadValue === void 0 ? void 0 : roadValue.value : ""
-    })));
-  })))), (wsAdditionalDetails === null || wsAdditionalDetails === void 0 ? void 0 : (_wsAdditionalDetails$4 = wsAdditionalDetails.additionalDetails) === null || _wsAdditionalDetails$4 === void 0 ? void 0 : _wsAdditionalDetails$4.activationDetails) && /*#__PURE__*/React.createElement(StatusTable, null, /*#__PURE__*/React.createElement(CardSubHeader, {
-    style: cardSubHeaderStyles()
-  }, t("WS_ACTIVATION_DETAILS")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    className: "plumber-details-new-value-wrapper"
-  }, activationDetails === null || activationDetails === void 0 ? void 0 : activationDetails.map((value, index) => {
-    return /*#__PURE__*/React.createElement(Row, {
-      className: "border-none",
-      key: `${value.title}`,
-      label: `${t(`${value.title}`)}`,
-      text: value !== null && value !== void 0 && value.oldValue ? value === null || value === void 0 ? void 0 : value.oldValue : value !== null && value !== void 0 && value.value ? value === null || value === void 0 ? void 0 : value.value : ""
-    });
   }))))));
 };
 
@@ -15861,6 +15982,122 @@ const RenewPopup = ({
   })))));
 };
 
+const DueVerification = () => {
+  const {
+    t
+  } = useTranslation();
+  const [kno, setKno] = useState("");
+  const [tableData, setTableData] = useState([]);
+  const columns = useMemo(() => [{
+    Header: t("K No."),
+    accessor: "kno"
+  }, {
+    Header: t("Full Name"),
+    accessor: "fullName"
+  }, {
+    Header: t("Full Address"),
+    accessor: "fullAddress"
+  }, {
+    Header: t("Due Amount"),
+    accessor: "dueAmount"
+  }, {
+    Header: t("Total Amount"),
+    accessor: "totalAmount"
+  }], [t]);
+  const handleAdd = () => {
+    if (kno) {
+      const mockData = {
+        kno: kno,
+        fullName: "John Doe",
+        fullAddress: "123 Main St, New Delhi, Delhi 110001",
+        dueAmount: "1500",
+        totalAmount: "1500"
+      };
+      setTableData([...tableData, mockData]);
+      setKno("");
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginBottom: "20px"
+    }
+  }, /*#__PURE__*/React.createElement("h2", {
+    style: {
+      fontSize: "24px",
+      fontWeight: "bold",
+      color: "#4f6cfc",
+      marginBottom: "16px"
+    }
+  }, t("Due Verification")), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      alignItems: "flex-end",
+      gap: "20px",
+      marginBottom: "20px"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      fontSize: "16px",
+      color: "#0B0C0C",
+      marginBottom: "8px",
+      display: "inline-block"
+    }
+  }, t("K No.(Existing KNo of same property)"), " ", /*#__PURE__*/React.createElement("span", {
+    style: {
+      color: "red"
+    }
+  }, "*")), /*#__PURE__*/React.createElement(TextInput, {
+    type: "number",
+    value: kno,
+    onChange: e => setKno(e.target.value),
+    style: {
+      width: "100%",
+      marginBottom: "0"
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    style: {
+      flex: 1,
+      paddingBottom: "2px"
+    }
+  }, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: handleAdd,
+    style: {
+      backgroundColor: "#4f6cfc",
+      color: "white",
+      padding: "8px 24px",
+      borderRadius: "4px",
+      border: "none",
+      cursor: "pointer"
+    }
+  }, t("Add")))), tableData.length > 0 && /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: "30px",
+      overflowX: "auto"
+    }
+  }, /*#__PURE__*/React.createElement(Table, {
+    className: "customTable table-fixed-first-column table-border-style",
+    t: t,
+    disableSort: false,
+    autoSort: true,
+    manualPagination: false,
+    isPaginationRequired: false,
+    data: tableData,
+    columns: columns,
+    getCellProps: cellInfo => {
+      return {
+        style: {
+          padding: "12px"
+        }
+      };
+    }
+  })));
+};
+
 function ApplicationDetailsContent({
   applicationDetails,
   workflowDetails,
@@ -16359,7 +16596,7 @@ function ApplicationDetailsContent({
     }), (detail === null || detail === void 0 ? void 0 : detail.isWaterConnectionDetails) && /*#__PURE__*/React.createElement(WSAdditonalDetails, {
       wsAdditionalDetails: detail,
       oldValue: oldValue
-    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet23 = detail.additionalDetails) === null || _detail$additionalDet23 === void 0 ? void 0 : _detail$additionalDet23.redirectUrl) && /*#__PURE__*/React.createElement(Link, {
+    }), (detail === null || detail === void 0 ? void 0 : detail.isDueVerification) && (applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) === "PENDING_FOR_FIELD_INSPECTION" && /*#__PURE__*/React.createElement(DueVerification, null), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet23 = detail.additionalDetails) === null || _detail$additionalDet23 === void 0 ? void 0 : _detail$additionalDet23.redirectUrl) && /*#__PURE__*/React.createElement(Link, {
       to: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet24 = detail.additionalDetails) === null || _detail$additionalDet24 === void 0 ? void 0 : (_detail$additionalDet25 = _detail$additionalDet24.redirectUrl) === null || _detail$additionalDet25 === void 0 ? void 0 : _detail$additionalDet25.url
     }, /*#__PURE__*/React.createElement("span", {
       className: "add-details-link hover-button"
@@ -16998,17 +17235,46 @@ const ViewProperty = () => {
 const App = ({
   stateCode
 }) => {
+  const {
+    t
+  } = useTranslation();
   const {
     path,
     url,
     ...match
   } = useRouteMatch();
-  return /*#__PURE__*/React.createElement("span", {
+  const getBreadcrumbLabel = () => {
+    const pathname = location.pathname;
+    if (pathname.includes("/commonpt/search")) return "SEARCH_PROPERTY";else if (pathname.includes("/view-property")) return "PT_PROPERTY_INFORMATION";
+    return "ES_COMMON_INBOX";
+  };
+  const breadcrumbs = [{
+    icon: HomeIcon,
+    path: "/digit-ui/employee"
+  }, {
+    label: t(getBreadcrumbLabel())
+  }];
+  return /*#__PURE__*/React.createElement(AppContainer, null, /*#__PURE__*/React.createElement("div", {
+    className: "ground-container employee-app-container form-container"
+  }, /*#__PURE__*/React.createElement(ModuleHeader, {
+    leftContent: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ArrowLeft, {
+      className: "icon"
+    }), "Back"),
+    onLeftClick: () => window.history.back(),
+    breadcrumbs: breadcrumbs
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "employee-form"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "employee-form-content"
+  }, /*#__PURE__*/React.createElement("span", {
     className: "pt-citizen",
     style: {
       width: "100%"
     }
-  }, /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(AppContainer, null, /*#__PURE__*/React.createElement(BackButton, null, "Back"), /*#__PURE__*/React.createElement(Route, {
+  }, /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(Route, {
+    path: `${path}/search`,
+    component: SearchProperty$1
+  }), /*#__PURE__*/React.createElement(Route, {
     path: `${path}/property/citizen-search`,
     component: SearchProperty$1
   }), /*#__PURE__*/React.createElement(Route, {
@@ -17028,7 +17294,7 @@ const App = ({
   }), /*#__PURE__*/React.createElement(PrivateRoute, {
     path: `${path}/view-property`,
     component: () => /*#__PURE__*/React.createElement(ViewProperty, null)
-  }))));
+  })))))));
 };
 
 const NewApplication = ({
@@ -17270,45 +17536,30 @@ const EmployeeApp = ({
   const location = useLocation();
   const urlpropertyId = new URLSearchParams(useLocation().search).get("propertyId");
   const urltenantId = new URLSearchParams(useLocation().search).get("tenantId");
-  const getBreadCrumb = () => {
-    if (location.pathname.includes("/commonpt/search")) return t("SEARCH_PROPERTY");else if (location.pathname.includes("/view-property")) return t("PT_PROPERTY_INFORMATION");else return t("PT_NEW_PROPERTY");
-  };
-  const getRedirectBreadCrumb = redirectUrl => {
-    if (redirectUrl.includes("employee/tl/new-application")) return t("ES_TITLE_NEW_TRADE_LICESE_APPLICATION");else if (redirectUrl.includes("employee/ws/new-application")) return t("ES_COMMON_WS_NEW_CONNECTION");else if (redirectUrl.includes("employee/ws/modify-application")) return t("WS_WATER_AND_SEWERAGE_MODIFY_CONNECTION_LABEL");else return t("WF_EMPLOYEE_NEWTL_RENEWAL_SUBMIT_BUTTON");
+  const getBreadcrumbLabel = () => {
+    const pathname = location.pathname;
+    if (pathname.includes("/commonpt/search")) return "SEARCH_PROPERTY";else if (pathname.includes("/view-property")) return "PT_PROPERTY_INFORMATION";
+    return "ES_COMMON_INBOX";
   };
-  const search = useLocation().search;
-  const redirectUrl = new URLSearchParams(search).get("redirectToUrl");
-  const fromScreen = new URLSearchParams(search).get("from") || "";
-  const crumbs = [{
-    path: "/digit-ui/employee",
-    content: t("ES_COMMON_HOME"),
-    show: true
-  }, {
-    path: {
-      pathname: urlpropertyId ? `${redirectUrl}?propertyId=${urlpropertyId}&tenantId=${urltenantId}` : redirectUrl,
-      state: {
-        ...location.state
-      }
-    },
-    content: redirectUrl ? getRedirectBreadCrumb(redirectUrl) : fromScreen && t(fromScreen) || "NONE",
-    show: (redirectUrl || fromScreen) && true,
-    isBack: fromScreen && true,
-    isredirected: true
+  const breadcrumbs = [{
+    icon: HomeIcon,
+    path: "/digit-ui/employee"
   }, {
-    path: "/digit-ui/employee/dss/drilldown",
-    content: getBreadCrumb(),
-    show: true
+    label: t(getBreadcrumbLabel())
   }];
-  const locationCheck = window.location.href.includes("/employee/commonpt/new-application");
-  return /*#__PURE__*/React.createElement("div", {
-    className: "ground-container"
+  return /*#__PURE__*/React.createElement(AppContainer, null, /*#__PURE__*/React.createElement("div", {
+    className: "ground-container employee-app-container form-container"
+  }, /*#__PURE__*/React.createElement(ModuleHeader, {
+    leftContent: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ArrowLeft, {
+      className: "icon"
+    }), "Back"),
+    onLeftClick: () => window.history.back(),
+    breadcrumbs: breadcrumbs
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "employee-form"
   }, /*#__PURE__*/React.createElement("div", {
-    style: locationCheck ? {
-      marginLeft: "12px"
-    } : {}
-  }, /*#__PURE__*/React.createElement(BreadCrumb, {
-    crumbs: crumbs
-  })), /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(PrivateRoute, {
+    className: "employee-form-content"
+  }, /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(PrivateRoute, {
     exact: true,
     path: `${path}/`,
     component: () => /*#__PURE__*/React.createElement(CommonPTLinks, {
@@ -17317,18 +17568,14 @@ const EmployeeApp = ({
     })
   }), /*#__PURE__*/React.createElement(PrivateRoute, {
     path: `${path}/new-application`,
-    component: () => /*#__PURE__*/React.createElement(LayoutWrapper, {
-      layoutClass: "action"
-    }, /*#__PURE__*/React.createElement(NewApplication, {
-      path: path
-    }))
+    component: NewApplication
   }), /*#__PURE__*/React.createElement(PrivateRoute, {
     path: `${path}/search`,
     component: Search
   }), /*#__PURE__*/React.createElement(PrivateRoute, {
     path: `${path}/view-property`,
     component: ViewProperty
-  })));
+  }))))));
 };
 
 const PropertyAssemblyDetails = ({
@@ -17596,16 +17843,10 @@ const PropertyLocationDetails = ({
   formData: formDataProp,
   ...props
 }) => {
-  var _formDataProp$cpt, _formDataProp$cpt$det, _formDataProp$cpt3;
+  var _formDataProp$cpt2;
   const {
     t
   } = useTranslation();
-  const {
-    data: allCities
-  } = Digit.Hooks.useTenants();
-  const {
-    handleSubmit
-  } = useForm();
   const [showToast, setShowToast] = useState(null);
   const [formData, setFormData] = useState({
     addressType: (address === null || address === void 0 ? void 0 : address.addressType) || "",
@@ -17623,19 +17864,25 @@ const PropertyLocationDetails = ({
     assembly: (address === null || address === void 0 ? void 0 : address.assembly) || "",
     block: (address === null || address === void 0 ? void 0 : address.block) || "",
     zone: (address === null || address === void 0 ? void 0 : address.zone) || "",
-    zro: (address === null || address === void 0 ? void 0 : address.zro) || ""
+    zroLocation: (address === null || address === void 0 ? void 0 : address.zroLocation) || ""
   });
-  const isPropertyFound = !!(formDataProp !== null && formDataProp !== void 0 && (_formDataProp$cpt = formDataProp.cpt) !== null && _formDataProp$cpt !== void 0 && (_formDataProp$cpt$det = _formDataProp$cpt.details) !== null && _formDataProp$cpt$det !== void 0 && _formDataProp$cpt$det.propertyId);
+  const isPropertyFound = window.location.href.includes("ws/old-application");
   useEffect(() => {
-    var _formDataProp$cpt2;
-    if (formDataProp !== null && formDataProp !== void 0 && (_formDataProp$cpt2 = formDataProp.cpt) !== null && _formDataProp$cpt2 !== void 0 && _formDataProp$cpt2.details) {
-      var _addressData$locality, _addressData$geoLocat, _addressData$geoLocat2, _addressData$locality2, _addressData$geoLocat3, _addressData$geoLocat4, _addressData$locality3, _addressData$addition, _addressData$addition2, _addressData$addition3, _addressData$addition4, _addressData$addition5, _addressData$addition6, _addressData$addition7, _addressData$addition8;
+    var _formDataProp$cpt;
+    if (formDataProp !== null && formDataProp !== void 0 && (_formDataProp$cpt = formDataProp.cpt) !== null && _formDataProp$cpt !== void 0 && _formDataProp$cpt.details) {
+      var _addressData$locality, _addressData$geoLocat, _addressData$geoLocat2, _addressData$locality2, _addressData$geoLocat3, _addressData$geoLocat4, _addressData$locality3, _addressData$addition, _addressData$addition2, _addressData$addition3, _addressData$addition4, _addressData$addition5, _addressData$addition6, _addressData$addition7;
       const details = formDataProp.cpt.details;
       const addressData = details.address || {};
       const additionalDetails = details.additionalDetails || {};
       const localityCode = ((_addressData$locality = addressData.locality) === null || _addressData$locality === void 0 ? void 0 : _addressData$locality.code) || addressData.locality || "";
       const lat = (_addressData$geoLocat = addressData.geoLocation) !== null && _addressData$geoLocat !== void 0 && _addressData$geoLocat.latitude && ((_addressData$geoLocat2 = addressData.geoLocation) === null || _addressData$geoLocat2 === void 0 ? void 0 : _addressData$geoLocat2.latitude) !== 0 ? addressData.geoLocation.latitude : ((_addressData$locality2 = addressData.locality) === null || _addressData$locality2 === void 0 ? void 0 : _addressData$locality2.latitude) || addressData.latitude || "";
       const lng = (_addressData$geoLocat3 = addressData.geoLocation) !== null && _addressData$geoLocat3 !== void 0 && _addressData$geoLocat3.longitude && ((_addressData$geoLocat4 = addressData.geoLocation) === null || _addressData$geoLocat4 === void 0 ? void 0 : _addressData$geoLocat4.longitude) !== 0 ? addressData.geoLocation.longitude : ((_addressData$locality3 = addressData.locality) === null || _addressData$locality3 === void 0 ? void 0 : _addressData$locality3.longitude) || addressData.longitude || "";
+      const zroCode = addressData.zroLocation || additionalDetails.zroLocation || ((_addressData$addition = addressData.additionalDetails) === null || _addressData$addition === void 0 ? void 0 : _addressData$addition.zroLocation) || "";
+      const zroValue = zroCode ? {
+        code: zroCode,
+        name: zroCode,
+        i18nKey: zroCode
+      } : "";
       setFormData({
         pincode: addressData.pincode || "",
         city: addressData.city || "",
@@ -17645,10 +17892,11 @@ const PropertyLocationDetails = ({
         landmark: addressData.landmark || "",
         latitude: lat,
         longitude: lng,
-        assembly: additionalDetails.assembly || ((_addressData$addition = addressData.additionalDetails) === null || _addressData$addition === void 0 ? void 0 : _addressData$addition.assembly) || "",
-        block: additionalDetails.block || ((_addressData$addition2 = addressData.additionalDetails) === null || _addressData$addition2 === void 0 ? void 0 : _addressData$addition2.block) || "",
-        zone: additionalDetails.zone || ((_addressData$addition3 = addressData.additionalDetails) === null || _addressData$addition3 === void 0 ? void 0 : _addressData$addition3.zone) || "",
-        zro: additionalDetails.zro || ((_addressData$addition4 = addressData.additionalDetails) === null || _addressData$addition4 === void 0 ? void 0 : _addressData$addition4.zro) || "",
+        assembly: additionalDetails.assembly || ((_addressData$addition2 = addressData.additionalDetails) === null || _addressData$addition2 === void 0 ? void 0 : _addressData$addition2.assembly) || "",
+        block: additionalDetails.block || ((_addressData$addition3 = addressData.additionalDetails) === null || _addressData$addition3 === void 0 ? void 0 : _addressData$addition3.block) || "",
+        zone: additionalDetails.zone || ((_addressData$addition4 = addressData.additionalDetails) === null || _addressData$addition4 === void 0 ? void 0 : _addressData$addition4.zone) || "",
+        zroLocation: zroCode,
+        zro: zroValue,
         address: {
           ...addressData,
           city: addressData.city || "",
@@ -17659,14 +17907,15 @@ const PropertyLocationDetails = ({
           addressLine1: addressData.street || "",
           latitude: lat,
           longitude: lng,
-          zro: additionalDetails.zro || ((_addressData$addition5 = addressData.additionalDetails) === null || _addressData$addition5 === void 0 ? void 0 : _addressData$addition5.zro) || "",
-          assembly: additionalDetails.assembly || ((_addressData$addition6 = addressData.additionalDetails) === null || _addressData$addition6 === void 0 ? void 0 : _addressData$addition6.assembly) || "",
-          block: additionalDetails.block || ((_addressData$addition7 = addressData.additionalDetails) === null || _addressData$addition7 === void 0 ? void 0 : _addressData$addition7.block) || "",
-          zone: additionalDetails.zone || ((_addressData$addition8 = addressData.additionalDetails) === null || _addressData$addition8 === void 0 ? void 0 : _addressData$addition8.zone) || ""
+          zroLocation: zroCode,
+          zro: zroValue,
+          assembly: additionalDetails.assembly || ((_addressData$addition5 = addressData.additionalDetails) === null || _addressData$addition5 === void 0 ? void 0 : _addressData$addition5.assembly) || "",
+          block: additionalDetails.block || ((_addressData$addition6 = addressData.additionalDetails) === null || _addressData$addition6 === void 0 ? void 0 : _addressData$addition6.block) || "",
+          zone: additionalDetails.zone || ((_addressData$addition7 = addressData.additionalDetails) === null || _addressData$addition7 === void 0 ? void 0 : _addressData$addition7.zone) || ""
         }
       });
     }
-  }, [formDataProp === null || formDataProp === void 0 ? void 0 : (_formDataProp$cpt3 = formDataProp.cpt) === null || _formDataProp$cpt3 === void 0 ? void 0 : _formDataProp$cpt3.details]);
+  }, [formDataProp === null || formDataProp === void 0 ? void 0 : (_formDataProp$cpt2 = formDataProp.cpt) === null || _formDataProp$cpt2 === void 0 ? void 0 : _formDataProp$cpt2.details]);
   useEffect(() => {
     if (showToast) {
       const timer = setTimeout(() => {
@@ -17675,10 +17924,6 @@ const PropertyLocationDetails = ({
       return () => clearTimeout(timer);
     }
   }, [showToast]);
-  const {
-    createAddress,
-    updateAddress: updateAddressMutation
-  } = Digit.Hooks.useAddress(null, Digit.ULBService.getCurrentTenantId());
   return /*#__PURE__*/React.createElement(CollapsibleCardPage, {
     title: t("PT_LOCATION_DETAILS"),
     defaultOpen: true
@@ -18169,7 +18414,7 @@ const PropertyWaterConnection = ({
   clearErrors,
   ...props
 }) => {
-  var _formData$cpt, _formData$cpt$details, _formData$cpt3, _errors$useDetails, _errors$useDetails2, _errors$useDetails3, _errors$useDetails4, _errors$useDetails5, _errors$useDetails6, _errors$useDetails7, _errors$useDetails8, _errors$useDetails9, _errors$useDetails0;
+  var _formData$cpt2, _errors$useDetails, _errors$useDetails2, _errors$useDetails3, _errors$useDetails4, _errors$useDetails5, _errors$useDetails6, _errors$useDetails7, _errors$useDetails8, _errors$useDetails9, _errors$useDetails0;
   const {
     control,
     register,
@@ -18200,7 +18445,7 @@ const PropertyWaterConnection = ({
     isLoading: isWSServicesMastersLoading,
     data: ptServicesMastersData
   } = Digit.Hooks.pt.usePropertyMDMS(tenantId, "PropertyTax", ["PropertyCategory", "PropertyType", "NoOfFloors", "PropertyNewUsageType"]);
-  const isPropertyFound = !!(formData !== null && formData !== void 0 && (_formData$cpt = formData.cpt) !== null && _formData$cpt !== void 0 && (_formData$cpt$details = _formData$cpt.details) !== null && _formData$cpt$details !== void 0 && _formData$cpt$details.propertyId);
+  const isPropertyFound = window.location.href.includes("ws/old-application");
   const formValue = watch();
   const watchPropertyType = watch("useDetails.propertyType");
   const watchPropertyCategory = watch("useDetails.propertyCategory");
@@ -18225,11 +18470,29 @@ const PropertyWaterConnection = ({
   }, [ptServicesMastersData]);
   const propertyTypeOptions = useMemo(() => {
     var _ptServicesMastersDat3, _ptServicesMastersDat4;
-    return (ptServicesMastersData === null || ptServicesMastersData === void 0 ? void 0 : (_ptServicesMastersDat3 = ptServicesMastersData.PropertyTax) === null || _ptServicesMastersDat3 === void 0 ? void 0 : (_ptServicesMastersDat4 = _ptServicesMastersDat3.PropertyType) === null || _ptServicesMastersDat4 === void 0 ? void 0 : _ptServicesMastersDat4.filter(item => item.active).map(item => ({
+    let options = (ptServicesMastersData === null || ptServicesMastersData === void 0 ? void 0 : (_ptServicesMastersDat3 = ptServicesMastersData.PropertyTax) === null || _ptServicesMastersDat3 === void 0 ? void 0 : (_ptServicesMastersDat4 = _ptServicesMastersDat3.PropertyType) === null || _ptServicesMastersDat4 === void 0 ? void 0 : _ptServicesMastersDat4.filter(item => item.active)) || [];
+    if (watchPropertyCategory !== null && watchPropertyCategory !== void 0 && watchPropertyCategory.code) {
+      var _watchPropertyCategor;
+      if ((watchPropertyCategory === null || watchPropertyCategory === void 0 ? void 0 : (_watchPropertyCategor = watchPropertyCategory.code) === null || _watchPropertyCategor === void 0 ? void 0 : _watchPropertyCategor.toUpperCase()) !== "MIXED") {
+        options = options.filter(item => {
+          var _item$type, _watchPropertyCategor2;
+          return ((_item$type = item.type) === null || _item$type === void 0 ? void 0 : _item$type.toUpperCase()) === ((_watchPropertyCategor2 = watchPropertyCategory.code) === null || _watchPropertyCategor2 === void 0 ? void 0 : _watchPropertyCategor2.toUpperCase());
+        });
+      }
+    }
+    return options.map(item => ({
       code: item.code,
       name: item.name
-    }))) || [];
-  }, [ptServicesMastersData]);
+    }));
+  }, [ptServicesMastersData, watchPropertyCategory]);
+  useEffect(() => {
+    if (watchPropertyCategory && watchPropertyType) {
+      const isTypeValid = propertyTypeOptions.some(opt => opt.code === watchPropertyType.code);
+      if (!isTypeValid) {
+        setValue("useDetails.propertyType", null);
+      }
+    }
+  }, [watchPropertyCategory, propertyTypeOptions, setValue, watchPropertyType]);
   const usageTypeOptions = useMemo(() => {
     var _ptServicesMastersDat5, _ptServicesMastersDat6;
     return ptServicesMastersData === null || ptServicesMastersData === void 0 ? void 0 : (_ptServicesMastersDat5 = ptServicesMastersData.PropertyTax) === null || _ptServicesMastersDat5 === void 0 ? void 0 : (_ptServicesMastersDat6 = _ptServicesMastersDat5.PropertyNewUsageType) === null || _ptServicesMastersDat6 === void 0 ? void 0 : _ptServicesMastersDat6.filter(item => item.active).map(item => ({
@@ -18252,8 +18515,8 @@ const PropertyWaterConnection = ({
     }
   }, [formValue, config.key, onSelect]);
   useEffect(() => {
-    var _formData$cpt2;
-    if (formData !== null && formData !== void 0 && (_formData$cpt2 = formData.cpt) !== null && _formData$cpt2 !== void 0 && _formData$cpt2.details) {
+    var _formData$cpt;
+    if (formData !== null && formData !== void 0 && (_formData$cpt = formData.cpt) !== null && _formData$cpt !== void 0 && _formData$cpt.details) {
       const details = formData.cpt.details;
       const additionalDetails = (details === null || details === void 0 ? void 0 : details.additionalDetails) || {};
       setValue("useDetails.propertyCategory", (categoryOptions === null || categoryOptions === void 0 ? void 0 : categoryOptions.find(o => o.code === additionalDetails.propertyCategory)) || null);
@@ -18269,7 +18532,7 @@ const PropertyWaterConnection = ({
       setValue("useDetails.NumberofDwellingUnits", additionalDetails.numberOfDwellingUnits || "");
       setValue("useDetails.NumberofRooms", additionalDetails.numberOfRooms || "");
     }
-  }, [formData === null || formData === void 0 ? void 0 : (_formData$cpt3 = formData.cpt) === null || _formData$cpt3 === void 0 ? void 0 : _formData$cpt3.details, categoryOptions, propertyTypeOptions, usageTypeOptions, floorOptions, yearOptions, setValue]);
+  }, [formData === null || formData === void 0 ? void 0 : (_formData$cpt2 = formData.cpt) === null || _formData$cpt2 === void 0 ? void 0 : _formData$cpt2.details, categoryOptions, propertyTypeOptions, usageTypeOptions, floorOptions, yearOptions, setValue]);
   const lastErrorState = React.useRef(null);
   useEffect(() => {
     const hasErrors = Object.keys(errors).length > 0;
@@ -18354,14 +18617,11 @@ const PropertyWaterConnection = ({
     })
   }))), (errors === null || errors === void 0 ? void 0 : (_errors$useDetails3 = errors.useDetails) === null || _errors$useDetails3 === void 0 ? void 0 : _errors$useDetails3.WaterConnectionUsageType) && /*#__PURE__*/React.createElement(CardLabelError, {
     style: errorStyle
-  }, errors.useDetails.WaterConnectionUsageType.message), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, null, `${t("WS_NUMBER_OF_FLOORS")}*`), /*#__PURE__*/React.createElement("div", {
+  }, errors.useDetails.WaterConnectionUsageType.message), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, null, `${t("WS_NUMBER_OF_FLOORS")}`), /*#__PURE__*/React.createElement("div", {
     className: "form-field"
   }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "useDetails.noOfFloors",
-    rules: {
-      required: t("REQUIRED_FIELD")
-    },
     render: props => /*#__PURE__*/React.createElement(Dropdown, {
       option: floorOptions,
       optionKey: "name",
@@ -18373,7 +18633,7 @@ const PropertyWaterConnection = ({
     })
   }))), (errors === null || errors === void 0 ? void 0 : (_errors$useDetails4 = errors.useDetails) === null || _errors$useDetails4 === void 0 ? void 0 : _errors$useDetails4.noOfFloors) && /*#__PURE__*/React.createElement(CardLabelError, {
     style: errorStyle
-  }, errors.useDetails.noOfFloors.message), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, null, `${t("WS_PLOT_AREA")}*`), /*#__PURE__*/React.createElement("div", {
+  }, errors.useDetails.noOfFloors.message), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, null, `${t("WS_PLOT_AREA")}`), /*#__PURE__*/React.createElement("div", {
     className: "form-field"
   }, /*#__PURE__*/React.createElement(TextInput, {
     t: t,
@@ -18381,14 +18641,13 @@ const PropertyWaterConnection = ({
       pattern: {
         value: DECIMAL_PATTERN,
         message: t("ERR_INVALID_DECIMAL")
-      },
-      required: t("REQUIRED_FIELD")
+      }
     }),
     name: "useDetails.plotArea",
     disabled: isPropertyFound
   }))), (errors === null || errors === void 0 ? void 0 : (_errors$useDetails5 = errors.useDetails) === null || _errors$useDetails5 === void 0 ? void 0 : _errors$useDetails5.plotArea) && /*#__PURE__*/React.createElement(CardLabelError, {
     style: errorStyle
-  }, errors.useDetails.plotArea.message), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, null, `${t("WS_BUILT_UP_AREA")}*`), /*#__PURE__*/React.createElement("div", {
+  }, errors.useDetails.plotArea.message), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, null, `${t("WS_BUILT_UP_AREA")}`), /*#__PURE__*/React.createElement("div", {
     className: "form-field"
   }, /*#__PURE__*/React.createElement(TextInput, {
     t: t,
@@ -18396,8 +18655,7 @@ const PropertyWaterConnection = ({
       pattern: {
         value: DECIMAL_PATTERN,
         message: t("ERR_INVALID_DECIMAL")
-      },
-      required: t("REQUIRED_FIELD")
+      }
     }),
     name: "useDetails.builtUpArea",
     disabled: isPropertyFound
@@ -18527,7 +18785,9 @@ const SearchPTID = ({
     onReset: onReset,
     t: t,
     onSwitch: setSearchBy
-  }), fields && Object.keys(fields).map(key => {
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "formcomposer-section-grid"
+  }, fields && Object.keys(fields).map(key => {
     var _field$validation, _formState$errors, _formState$errors$key;
     let field = fields[key];
     let validation = (field === null || field === void 0 ? void 0 : field.validation) || {};
@@ -18560,22 +18820,20 @@ const SearchPTID = ({
         shouldUnregister: true,
         ...validation
       })
-    })), /*#__PURE__*/React.createElement(CardLabelError, {
-      style: {
-        marginTop: "-10px",
-        marginBottom: "-10px"
-      }
-    }, t(formState === null || formState === void 0 ? void 0 : (_formState$errors = formState.errors) === null || _formState$errors === void 0 ? void 0 : (_formState$errors$key = _formState$errors[key]) === null || _formState$errors$key === void 0 ? void 0 : _formState$errors$key.message)));
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "pt-search-action"
+    })), /*#__PURE__*/React.createElement(CardLabelError, null, t(formState === null || formState === void 0 ? void 0 : (_formState$errors = formState.errors) === null || _formState$errors === void 0 ? void 0 : (_formState$errors$key = _formState$errors[key]) === null || _formState$errors$key === void 0 ? void 0 : _formState$errors$key.message)));
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "formcomposer-section-button",
+    style: {
+      marginTop: "16px"
+    }
   }, /*#__PURE__*/React.createElement(SearchField, {
-    className: "pt-search-action-reset"
+    className: "pt-search-action-reset generic-button clear-search"
   }, /*#__PURE__*/React.createElement("p", {
     onClick: () => {
       onReset({});
     }
   }, t(`ES_COMMON_CLEAR_ALL`))), /*#__PURE__*/React.createElement(SearchField, {
-    className: "pt-search-action-submit"
+    className: "pt-search-action-submit submit-bar generic-button"
   }, /*#__PURE__*/React.createElement(SubmitBar, {
     label: t("ES_COMMON_SEARCH"),
     submit: true
@@ -18631,7 +18889,8 @@ const SearchPTID$1 = ({
         className: "link"
       }, /*#__PURE__*/React.createElement("span", {
         onClick: () => {
-          history.push(`/digit-ui/employee/commonpt/view-property?propertyId=${row.original["propertyId"]}&tenantId=${tenantId}&redirectToUrl=${redirectToUrl}`, {
+          const userType = window.location.href.includes("/citizen/") ? "citizen" : "employee";
+          history.push(`/digit-ui/${userType}/commonpt/view-property?propertyId=${row.original["propertyId"]}&tenantId=${tenantId}&redirectToUrl=${redirectToUrl}`, {
             ...state
           });
         }
@@ -18658,23 +18917,14 @@ const SearchPTID$1 = ({
       return GetCell(t((row === null || row === void 0 ? void 0 : (_row$original = row.original) === null || _row$original === void 0 ? void 0 : _row$original.status) || "NA"));
     },
     disableSortBy: true
-  }, {
-    Header: t("PT_AMOUNT_DUE"),
-    Cell: ({
-      row
-    }) => {
-      var _row$original2, _row$original3;
-      return GetCell(row !== null && row !== void 0 && (_row$original2 = row.original) !== null && _row$original2 !== void 0 && _row$original2.due ? `₹ ${row === null || row === void 0 ? void 0 : (_row$original3 = row.original) === null || _row$original3 === void 0 ? void 0 : _row$original3.due}` : t("PT_NA"));
-    },
-    disableSortBy: true
   }, {
     Header: t("ES_SEARCH_ACTION"),
     disableSortBy: true,
     Cell: ({
       row
     }) => {
-      var _row$original4;
-      return /*#__PURE__*/React.createElement("div", null, (row === null || row === void 0 ? void 0 : (_row$original4 = row.original) === null || _row$original4 === void 0 ? void 0 : _row$original4.status) !== "INACTIVE" ? /*#__PURE__*/React.createElement("span", {
+      var _row$original2;
+      return /*#__PURE__*/React.createElement("div", null, (row === null || row === void 0 ? void 0 : (_row$original2 = row.original) === null || _row$original2 === void 0 ? void 0 : _row$original2.status) !== "INACTIVE" ? /*#__PURE__*/React.createElement("span", {
         className: "link"
       }, redirectToUrl ? /*#__PURE__*/React.createElement("span", {
         onClick: () => {
@@ -19244,14 +19494,15 @@ const CommonPTCard = () => {
   const {
     t
   } = useTranslation();
-  if (!Digit.Utils.ptAccess()) {
-    return null;
-  }
   const propsForModuleCard = {
     Icon: /*#__PURE__*/React.createElement(PropertyHouse, null),
     moduleName: t("ACTION_TEST_COMMON_PROPERTY_TAX"),
+    kpis: [{
+      label: t("PT_TOTAL_APPLICATIONS"),
+      value: 0
+    }],
     links: [{
-      label: t("PT_SEARCH_AND_PAY"),
+      label: t("PT_SEARCH"),
       link: `/digit-ui/employee/commonpt/search`
     }]
   };
@@ -19265,28 +19516,7 @@ const CommonPTCard = () => {
   return /*#__PURE__*/React.createElement(EmployeeModuleCard, propsForModuleCard);
 };
 
-const componentsToRegister = {
-  CPTPropertySearchForm: SearchPTID,
-  CPTPropertySearchResults: SearchPTID$1,
-  CPTSearchProperty: SearchProperty$1,
-  CPTPropertyAssemblyDetails: PropertyAssemblyDetails,
-  CPTPropertyLocationDetails: PropertyLocationDetails,
-  CPTPropertyOwnerDetails: PropertyOwnerDetails,
-  PropertyWaterConnection,
-  CPTKnowYourProperty: KnowYourProperty,
-  CPTPropertyDetails: PropertyDetails,
-  CPTPropertySearchNSummary: PropertySearchNSummary,
-  CPTSearchResults: SearchResultsComponent,
-  CPTCreateProperty: CreatePropertyForm,
-  CPTAcknowledgement: PTAcknowledgement
-};
-const addComponentsToRegistry = () => {
-  Object.entries(componentsToRegister).forEach(([key, value]) => {
-    Digit.ComponentRegistryService.setComponent(key, value);
-  });
-};
 const CommonPTModule = ({
-  stateCode,
   userType,
   tenants
 }) => {
@@ -19294,27 +19524,29 @@ const CommonPTModule = ({
     path,
     url
   } = useRouteMatch();
-  const moduleCode = "PT";
+  const moduleCode = ["PT", "ws"];
   const language = Digit.StoreData.getCurrentLanguage();
   const {
     isLoading,
     data: store
   } = Digit.Services.useStore({
-    stateCode,
     moduleCode,
     language
   });
-  addComponentsToRegistry();
   Digit.SessionStorage.set("PT_TENANTS", tenants);
+  useEffect(() => userType === "employee" && Digit.LocalizationService.getLocale({
+    modules: [`rainmaker-${Digit.ULBService.getCurrentTenantId()}`],
+    locale: Digit.StoreData.getCurrentLanguage(),
+    tenantId: Digit.ULBService.getCurrentTenantId()
+  }), []);
   if (userType === "employee") {
     return /*#__PURE__*/React.createElement(EmployeeApp, {
       path: path,
       url: url,
-      userType: userType
+      userType: userType,
+      tenants: tenants
     });
-  } else return /*#__PURE__*/React.createElement(App, {
-    stateCode: stateCode
-  });
+  } else return /*#__PURE__*/React.createElement(App, null);
 };
 const CommonPTLinks = ({
   matchPath,
@@ -19323,10 +19555,6 @@ const CommonPTLinks = ({
   const {
     t
   } = useTranslation();
-  const [params, setParams, clearParams] = Digit.Hooks.useSessionStorage("CPT_CREATE_PROPERTY", {});
-  useEffect(() => {
-    clearParams();
-  }, []);
   const links = [{
     link: `${matchPath}/property/citizen-search`,
     i18nKey: t("PT_SEARCH_AND_PAY")
@@ -19343,13 +19571,30 @@ const CommonPTLinks = ({
   });
 };
 const CommonPTComponents = {
-  CommonPTCardTemp: CommonPTCard,
+  CommonPTCard,
+  CommonPTModule,
+  CommonPTLinks
+};
+const componentsToRegister = {
   CommonPTModule,
-  CommonPTLinksTemp: CommonPTLinks,
-  ...componentsToRegister
+  CommonPTCard,
+  CommonPTLinks,
+  CPTPropertySearchForm: SearchPTID,
+  CPTPropertySearchResults: SearchPTID$1,
+  CPTSearchProperty: SearchProperty$1,
+  CPTPropertyAssemblyDetails: PropertyAssemblyDetails,
+  CPTPropertyLocationDetails: PropertyLocationDetails,
+  CPTPropertyOwnerDetails: PropertyOwnerDetails,
+  PropertyWaterConnection,
+  CPTKnowYourProperty: KnowYourProperty,
+  CPTPropertyDetails: PropertyDetails,
+  CPTPropertySearchNSummary: PropertySearchNSummary,
+  CPTSearchResults: SearchResultsComponent,
+  CPTCreateProperty: CreatePropertyForm,
+  CPTAcknowledgement: PTAcknowledgement
 };
 const initCommonPTComponents = () => {
-  Object.entries(CommonPTComponents).forEach(([key, value]) => {
+  Object.entries(componentsToRegister).forEach(([key, value]) => {
     Digit.ComponentRegistryService.setComponent(key, value);
   });
 };