@djb25/digit-ui-module-commonpt 1.0.5 → 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, 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 { 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';
@@ -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 {
@@ -15979,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,
@@ -16477,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"
@@ -17116,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, {
@@ -17146,7 +17294,7 @@ const App = ({
   }), /*#__PURE__*/React.createElement(PrivateRoute, {
     path: `${path}/view-property`,
     component: () => /*#__PURE__*/React.createElement(ViewProperty, null)
-  }))));
+  })))))));
 };
 
 const NewApplication = ({
@@ -17388,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 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 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 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
+  const breadcrumbs = [{
+    icon: HomeIcon,
+    path: "/digit-ui/employee"
   }, {
-    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
-  }, {
-    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, {
@@ -17435,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 = ({
@@ -18341,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 => ({
@@ -18470,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",
@@ -18489,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,
@@ -18497,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,
@@ -18512,8 +18655,7 @@ const PropertyWaterConnection = ({
       pattern: {
         value: DECIMAL_PATTERN,
         message: t("ERR_INVALID_DECIMAL")
-      },
-      required: t("REQUIRED_FIELD")
+      }
     }),
     name: "useDetails.builtUpArea",
     disabled: isPropertyFound
@@ -18643,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) || {};
@@ -18676,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
@@ -18747,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
           });
         }
@@ -18774,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: () => {
@@ -19356,6 +19490,7 @@ const PropertySearchNSummary = ({
 };
 
 const CommonPTCard = () => {
+  var _propsForModuleCard$l;
   const {
     t
   } = useTranslation();
@@ -19367,10 +19502,17 @@ const CommonPTCard = () => {
       value: 0
     }],
     links: [{
-      label: t("PT_SEARCH_AND_PAY"),
+      label: t("PT_SEARCH"),
       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);
 };
 
@@ -19382,7 +19524,7 @@ const CommonPTModule = ({
     path,
     url
   } = useRouteMatch();
-  const moduleCode = "PT";
+  const moduleCode = ["PT", "ws"];
   const language = Digit.StoreData.getCurrentLanguage();
   const {
     isLoading,