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

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, 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 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;
@@ -13999,10 +13999,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 +14021,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 +14192,7 @@ function PropertyDocuments({
       style: checkLocation ? {
         marginTop: "32px",
         marginBottom: "18px",
-        color: "#0B0C0C, 100%",
+        color: "#0B0C0C",
         fontSize: "24px",
         lineHeight: "30px"
       } : {
@@ -14042,17 +14201,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 +14262,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 +15028,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 +15061,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 : ""
-    });
   }))))));
 };
 
@@ -17596,16 +17714,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 +17735,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 +17763,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 +17778,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 +17795,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 +18285,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 +18316,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");
@@ -18252,8 +18368,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 +18385,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;
@@ -19240,53 +19356,25 @@ const PropertySearchNSummary = ({
 };
 
 const CommonPTCard = () => {
-  var _propsForModuleCard$l;
   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"),
       link: `/digit-ui/employee/commonpt/search`
     }]
   };
-  const PT_CEMP = Digit.UserService.hasAccess(["PT_CEMP"]) || false;
-  if (PT_CEMP && !((_propsForModuleCard$l = propsForModuleCard.links) !== null && _propsForModuleCard$l !== void 0 && _propsForModuleCard$l[1])) {
-    propsForModuleCard.links.push({
-      label: t("PT_CREATE_PROPERTY"),
-      link: `/digit-ui/employee/commonpt/new-application`
-    });
-  }
   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
 }) => {
@@ -19300,21 +19388,23 @@ const CommonPTModule = ({
     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 +19413,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 +19429,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);
   });
 };