@djb25/digit-ui-module-ws 1.0.35 → 1.0.36

package/dist/index.modern.js

@@ -1,7 +1,7 @@
 import React, { useState, useEffect, useRef, useMemo, Fragment as Fragment$1, useReducer, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Link, useHistory, useLocation, Switch, Route, useRouteMatch, Redirect, useParams } from 'react-router-dom';
-import { Loader, Card, KeyNote, SubmitBar, InfoBannerIcon, Header, Banner, CardText, ActionBar, AppContainer, ModuleHeader, ArrowLeft, PrivateRoute, LayoutWrapper, HomeIcon, PrintBtnCommon, MultiLink, LinkButton, Toast, TickMark, FormStep, CardLabel, RadioOrSelect, TextInput, CardHeader, CitizenInfoLabel, CardSubHeader, Dropdown, UploadFile, CheckBox, RadioButtons, MobileNumber, LabelFieldPair, DatePicker, CollapsibleCardPage, ViewsIcon, Modal, DeleteIcon, CardLabelError, WrapUnMaskComponent, StatusTable, Row, CardSectionHeader, InfoIcon, TextArea, SearchField, FilterFormField, RemoveableTag, MultiSelectDropdown, InboxComposer, DropIcon, WSICon, EmployeeModuleCard, SearchAction, PopUp, DetailsCard, SearchForm, CloseSvg, Table, Localities, DownloadBtnCommon, CollectionIcon, ResponseComposer, TelePhone, DisplayPhotos, CheckPoint, ConnectingCheckPoints, ActionLinks, PDFSvg, EditIcon, CardSectionSubText, DownloadIcon, CardLabelDesc, VerticalTimeline, FormComposer, MultiUploadWrapper, Close as Close$e, BreakLine, Menu, ButtonSelector, GenericFileIcon, CitizenHomeCard } from '@djb25/digit-ui-react-components';
+import { Loader, Card, KeyNote, SubmitBar, InfoBannerIcon, Header, Banner, CardText, ActionBar, AppContainer, ModuleHeader, ArrowLeft, PrivateRoute, LayoutWrapper, HomeIcon, PrintBtnCommon, MultiLink, LinkButton, Toast, TickMark, FormStep, CardLabel, RadioOrSelect, TextInput, CardHeader, CitizenInfoLabel, CardSubHeader, Dropdown, UploadFile, CheckBox, RadioButtons, MobileNumber, LabelFieldPair, DatePicker, CollapsibleCardPage, ViewsIcon, Modal, DeleteIcon, CardLabelError, WrapUnMaskComponent, StatusTable, Row, CardSectionHeader, InfoIcon, TextArea, SearchField, FilterFormField, RemoveableTag, MultiSelectDropdown, InboxComposer, DropIcon, WSICon, EmployeeModuleCard, SearchAction, PopUp, DetailsCard, SearchForm, CloseSvg, Table, Localities, DownloadBtnCommon, CollectionIcon, ResponseComposer, TelePhone, DisplayPhotos, CheckPoint, ConnectingCheckPoints, ActionLinks, PDFSvg, EditIcon, Label, CardSectionSubText, DownloadIcon, CardLabelDesc, VerticalTimeline, FormComposer, MultiUploadWrapper, Close as Close$e, BreakLine, Menu, ButtonSelector, GenericFileIcon, CitizenHomeCard } from '@djb25/digit-ui-react-components';
 import { useForm, Controller, useWatch, useFormContext } from 'react-hook-form';
 import { read, utils as utils$1 } from 'xlsx';
 import { useQueryClient } from 'react-query';
@@ -8426,7 +8426,7 @@ const WSResponse = props => {
 const App = ({
   path
 }) => {
-  var _Digit, _Digit$ComponentRegis, _Digit2, _Digit2$ComponentRegi, _Digit3, _Digit3$ComponentRegi, _Digit4, _Digit4$ComponentRegi, _Digit5, _Digit5$ComponentRegi, _Digit6, _Digit6$ComponentRegi, _Digit7, _Digit7$ComponentRegi, _Digit8, _Digit8$ComponentRegi, _Digit9, _Digit9$ComponentRegi, _Digit0, _Digit0$ComponentRegi, _Digit1, _Digit1$ComponentRegi, _Digit10, _Digit10$ComponentReg, _Digit11, _Digit11$ComponentReg, _Digit12, _Digit12$ComponentReg, _Digit13, _Digit13$ComponentReg, _Digit14, _Digit14$ComponentReg, _Digit15, _Digit15$ComponentReg;
+  var _Digit, _Digit$ComponentRegis, _Digit2, _Digit2$ComponentRegi, _Digit3, _Digit3$ComponentRegi, _Digit4, _Digit4$ComponentRegi, _Digit5, _Digit5$ComponentRegi, _Digit6, _Digit6$ComponentRegi, _Digit7, _Digit7$ComponentRegi, _Digit8, _Digit8$ComponentRegi, _Digit9, _Digit9$ComponentRegi, _Digit0, _Digit0$ComponentRegi, _Digit1, _Digit1$ComponentRegi, _Digit10, _Digit10$ComponentReg, _Digit11, _Digit11$ComponentReg, _Digit12, _Digit12$ComponentReg, _Digit13, _Digit13$ComponentReg, _Digit14, _Digit14$ComponentReg, _Digit15, _Digit15$ComponentReg, _Digit16, _Digit16$ComponentReg;
   const location = useLocation();
   const {
     t
@@ -8442,7 +8442,7 @@ const App = ({
   }, {
     path: "/digit-ui/citizen/ws/create-application",
     label: t("CS_WS_CREATE_APPLICATION"),
-    show: location.pathname.includes("/create-application")
+    show: location.pathname.includes("/create-application") || location.pathname.includes("/info")
   }, {
     path: "/digit-ui/citizen/ws/search",
     label: t("CS_WS_SEARCH_CONNECTION"),
@@ -8486,6 +8486,7 @@ const App = ({
   const WSMyConnections = (_Digit13 = Digit) === null || _Digit13 === void 0 ? void 0 : (_Digit13$ComponentReg = _Digit13.ComponentRegistryService) === null || _Digit13$ComponentReg === void 0 ? void 0 : _Digit13$ComponentReg.getComponent("WSMyConnections");
   const WNSMyBillsComponent = (_Digit14 = Digit) === null || _Digit14 === void 0 ? void 0 : (_Digit14$ComponentReg = _Digit14.ComponentRegistryService) === null || _Digit14$ComponentReg === void 0 ? void 0 : _Digit14$ComponentReg.getComponent("WNSMyBillsComponent");
   const WSOLDApplication = (_Digit15 = Digit) === null || _Digit15 === void 0 ? void 0 : (_Digit15$ComponentReg = _Digit15.ComponentRegistryService) === null || _Digit15$ComponentReg === void 0 ? void 0 : _Digit15$ComponentReg.getComponent("WSOLDApplication");
+  const WSInfoPage = (_Digit16 = Digit) === null || _Digit16 === void 0 ? void 0 : (_Digit16$ComponentReg = _Digit16.ComponentRegistryService) === null || _Digit16$ComponentReg === void 0 ? void 0 : _Digit16$ComponentReg.getComponent("WSInfoPage");
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(AppContainer, null, /*#__PURE__*/React.createElement("div", {
     className: "ground-container employee-app-container form-container"
   }, /*#__PURE__*/React.createElement(ModuleHeader, {
@@ -8558,6 +8559,9 @@ const App = ({
   }), /*#__PURE__*/React.createElement(PrivateRoute, {
     path: `${path}/old-application`,
     component: WSOLDApplication
+  }), /*#__PURE__*/React.createElement(PrivateRoute, {
+    path: `${path}/info`,
+    component: WSInfoPage
   }), /*#__PURE__*/React.createElement(PrivateRoute, {
     path: `${path}/ws-response`,
     component: WSResponse
@@ -9328,10 +9332,14 @@ const BILLSBreadCrumbs = ({
       width: "20%"
     } : {},
     icon: HomeIcon
+  }, {
+    path: "/digit-ui/employee/ws/wsinformation",
+    label: t("WS_COMMON_APPL_NEW_CONNECTION"),
+    show: location.pathname.includes("/create-application") || location.pathname.includes("/new-application") || location.pathname.includes("/old-application") || location.pathname.includes("/info")
   }, {
     path: "/digit-ui/employee/module/details",
     label: t("ES_TITLE_WATER_AND_SEWERAGE"),
-    show: location.pathname.includes("/create-application") || location.pathname.includes("/new-application") || location.pathname.includes("/old-application")
+    show: location.pathname.includes("/create-application") || location.pathname.includes("/new-application") || location.pathname.includes("/old-application") || location.pathname.includes("/info")
   }, {
     path: "/digit-ui/employee/ws/create-application",
     label: t("ES_COMMON_WS_DOCUMENTS_REQUIRED"),
@@ -9555,7 +9563,7 @@ const BILLSBreadCrumbs = ({
 const App$1 = ({
   path
 }) => {
-  var _Digit, _Digit$ComponentRegis, _Digit2, _Digit2$ComponentRegi, _Digit3, _Digit3$ComponentRegi, _Digit4, _Digit4$ComponentRegi, _Digit5, _Digit5$ComponentRegi, _Digit6, _Digit6$ComponentRegi, _Digit7, _Digit7$ComponentRegi, _Digit8, _Digit8$ComponentRegi, _Digit9, _Digit9$ComponentRegi, _Digit0, _Digit0$ComponentRegi, _Digit1, _Digit1$ComponentRegi, _Digit10, _Digit10$ComponentReg, _Digit11, _Digit11$ComponentReg, _Digit12, _Digit12$ComponentReg, _Digit13, _Digit13$ComponentReg, _Digit14, _Digit14$ComponentReg, _Digit15, _Digit15$ComponentReg, _Digit16, _Digit16$ComponentReg, _Digit17, _Digit17$ComponentReg, _Digit18, _Digit18$ComponentReg, _Digit19, _Digit19$ComponentReg, _Digit20, _Digit20$ComponentReg, _Digit21, _Digit21$ComponentReg, _Digit22, _Digit22$ComponentReg, _Digit23, _Digit23$ComponentReg, _Digit24, _Digit24$ComponentReg, _Digit25, _Digit25$ComponentReg, _Digit26, _Digit26$ComponentReg, _Digit27, _Digit27$ComponentReg, _Digit28, _Digit28$ComponentReg;
+  var _Digit, _Digit$ComponentRegis, _Digit2, _Digit2$ComponentRegi, _Digit3, _Digit3$ComponentRegi, _Digit4, _Digit4$ComponentRegi, _Digit5, _Digit5$ComponentRegi, _Digit6, _Digit6$ComponentRegi, _Digit7, _Digit7$ComponentRegi, _Digit8, _Digit8$ComponentRegi, _Digit9, _Digit9$ComponentRegi, _Digit0, _Digit0$ComponentRegi, _Digit1, _Digit1$ComponentRegi, _Digit10, _Digit10$ComponentReg, _Digit11, _Digit11$ComponentReg, _Digit12, _Digit12$ComponentReg, _Digit13, _Digit13$ComponentReg, _Digit14, _Digit14$ComponentReg, _Digit15, _Digit15$ComponentReg, _Digit16, _Digit16$ComponentReg, _Digit17, _Digit17$ComponentReg, _Digit18, _Digit18$ComponentReg, _Digit19, _Digit19$ComponentReg, _Digit20, _Digit20$ComponentReg, _Digit21, _Digit21$ComponentReg, _Digit22, _Digit22$ComponentReg, _Digit23, _Digit23$ComponentReg, _Digit24, _Digit24$ComponentReg, _Digit25, _Digit25$ComponentReg, _Digit26, _Digit26$ComponentReg, _Digit27, _Digit27$ComponentReg, _Digit28, _Digit28$ComponentReg, _Digit29, _Digit29$ComponentReg;
   const location = useLocation();
   const WSDocsRequired = (_Digit = Digit) === null || _Digit === void 0 ? void 0 : (_Digit$ComponentRegis = _Digit.ComponentRegistryService) === null || _Digit$ComponentRegis === void 0 ? void 0 : _Digit$ComponentRegis.getComponent("WSDocsRequired");
   const WSInbox = (_Digit2 = Digit) === null || _Digit2 === void 0 ? void 0 : (_Digit2$ComponentRegi = _Digit2.ComponentRegistryService) === null || _Digit2$ComponentRegi === void 0 ? void 0 : _Digit2$ComponentRegi.getComponent("WSInbox");
@@ -9587,6 +9595,7 @@ const App$1 = ({
   const WSBulkBillGeneration = (_Digit26 = Digit) === null || _Digit26 === void 0 ? void 0 : (_Digit26$ComponentReg = _Digit26.ComponentRegistryService) === null || _Digit26$ComponentReg === void 0 ? void 0 : _Digit26$ComponentReg.getComponent("WSBulkBillGeneration");
   const CPTCreateProperty = (_Digit27 = Digit) === null || _Digit27 === void 0 ? void 0 : (_Digit27$ComponentReg = _Digit27.ComponentRegistryService) === null || _Digit27$ComponentReg === void 0 ? void 0 : _Digit27$ComponentReg.getComponent("CPTCreateProperty");
   const CPTAcknowledgement = (_Digit28 = Digit) === null || _Digit28 === void 0 ? void 0 : (_Digit28$ComponentReg = _Digit28.ComponentRegistryService) === null || _Digit28$ComponentReg === void 0 ? void 0 : _Digit28$ComponentReg.getComponent("CPTAcknowledgement");
+  const WSInfoPage = (_Digit29 = Digit) === null || _Digit29 === void 0 ? void 0 : (_Digit29$ComponentReg = _Digit29.ComponentRegistryService) === null || _Digit29$ComponentReg === void 0 ? void 0 : _Digit29$ComponentReg.getComponent("WSInfoPage");
   const locationCheck = window.location.href.includes("/employee/ws/new-application") || window.location.href.includes("/employee/ws/modify-application") || window.location.href.includes("/employee/ws/edit-application") || window.location.href.includes("/employee/ws/activate-connection") || window.location.href.includes("/employee/ws/application-details") || window.location.href.includes("/employee/ws/modify-details") || window.location.href.includes("/employee/ws/ws-response") || window.location.href.includes("/employee/ws/new-disconnection/application-form") || window.location.href.includes("/employee/ws/ws-disconnection-response") || window.location.href.includes("/employee/ws/consumption-details") || window.location.href.includes("/employee/ws/edit-disconnection-application") || window.location.href.includes("/employee/ws/config-by-disconnection-application") || window.location.href.includes("/employee/ws/resubmit-disconnection-application") || window.location.href.includes("/employee/ws/water/bulk-bill");
   const locationCheckReqDocs = window.location.href.includes("/employee/ws/create-application") || window.location.href.includes("/employee/ws/new-disconnection/docsrequired");
   return /*#__PURE__*/React.createElement("div", {
@@ -9762,6 +9771,9 @@ const App$1 = ({
     component: props => /*#__PURE__*/React.createElement(WSBillIAmendMentInbox, Object.assign({}, props, {
       parentRoute: path
     }))
+  }), /*#__PURE__*/React.createElement(PrivateRoute, {
+    path: `${path}/info`,
+    component: WSInfoPage
   }), /*#__PURE__*/React.createElement(PrivateRoute, {
     path: `${path}/sewerage/bill-amendment/inbox`,
     component: props => /*#__PURE__*/React.createElement(WSBillIAmendMentInbox, Object.assign({}, props, {
@@ -23161,7 +23173,7 @@ const WSCard = () => {
   }, [wsData]);
   let links = [{
     label: t("WS_APPLY_NEW_CONNECTION_HOME_CARD_LABEL"),
-    link: `/digit-ui/employee/ws/old-application`,
+    link: `/digit-ui/employee/ws/info`,
     roles: ["WS_CEMP", "SW_CEMP"]
   }];
   links = links.filter(link => link.roles ? checkForEmployee(link.roles) : true);
@@ -31473,6 +31485,266 @@ const BillSearchResults = () => {
   })));
 };
 
+const getAddress$1 = (address, t) => {
+  return `${address !== null && address !== void 0 && address.doorNo ? `${address === null || address === void 0 ? void 0 : address.doorNo}, ` : ""} ${address !== null && address !== void 0 && address.street ? `${address === null || address === void 0 ? void 0 : address.street}, ` : ""}${address !== null && address !== void 0 && address.landmark ? `${address === null || address === void 0 ? void 0 : address.landmark}, ` : ""}${t(Digit.Utils.pt.getMohallaLocale(address === null || address === void 0 ? void 0 : address.locality.code, address === null || address === void 0 ? void 0 : address.tenantId))}, ${t(Digit.Utils.pt.getCityLocale(address === null || address === void 0 ? void 0 : address.tenantId))}${address !== null && address !== void 0 && address.pincode && t(address === null || address === void 0 ? void 0 : address.pincode) ? `, ${address.pincode}` : " "}`;
+};
+const WSInfoPage = () => {
+  var _Digit$UserService$ge, _Digit$UserService$ge2, _propertyDetails$Prop;
+  const {
+    t
+  } = useTranslation();
+  const history = useHistory();
+  const location = useLocation();
+  const match = useRouteMatch();
+  const isEmployee = window.location.href.includes("/employee");
+  const [hasProperty, setHasProperty] = useState(null);
+  const [selectedProperty, setSelectedProperty] = useState(null);
+  const [searchMobileNumber, setSearchMobileNumber] = useState("");
+  const tenantId = Digit.ULBService.getCurrentTenantId();
+  const userMobileNumber = (_Digit$UserService$ge = Digit.UserService.getUser()) === null || _Digit$UserService$ge === void 0 ? void 0 : (_Digit$UserService$ge2 = _Digit$UserService$ge.info) === null || _Digit$UserService$ge2 === void 0 ? void 0 : _Digit$UserService$ge2.mobileNumber;
+  const mobileNumberToSearch = isEmployee ? searchMobileNumber : userMobileNumber;
+  const {
+    isLoading,
+    data: propertyDetails
+  } = Digit.Hooks.pt.usePropertySearch({
+    filters: {
+      mobileNumber: mobileNumberToSearch
+    },
+    tenantId: tenantId
+  }, {
+    filters: {
+      mobileNumber: mobileNumberToSearch
+    },
+    tenantId: tenantId,
+    enabled: (hasProperty === null || hasProperty === void 0 ? void 0 : hasProperty.code) === "YES" && (mobileNumberToSearch === null || mobileNumberToSearch === void 0 ? void 0 : mobileNumberToSearch.length) === 10 ? true : false
+  });
+  const radioOptions = [{
+    code: "YES",
+    i18nKey: "TL_COMMON_YES"
+  }, {
+    code: "NO",
+    i18nKey: "TL_COMMON_NO"
+  }];
+  const handleNext = () => {
+    const isEmployee = window.location.href.includes("/employee");
+    const baseUrl = isEmployee ? "/digit-ui/employee/ws" : "/digit-ui/citizen/ws";
+    if ((hasProperty === null || hasProperty === void 0 ? void 0 : hasProperty.code) === "YES" && selectedProperty) {
+      history.push(`${baseUrl}/old-application?propertyId=${selectedProperty.propertyId}`);
+    } else if ((hasProperty === null || hasProperty === void 0 ? void 0 : hasProperty.code) === "YES" && !selectedProperty) {
+      return;
+    } else {
+      history.push(`${baseUrl}/old-application`);
+    }
+  };
+  const handleCreateProperty = () => {
+    const propertyUrl = isEmployee ? "/digit-ui/employee/ws/create-application/create-property" : "/digit-ui/citizen/commonpt-home";
+    history.push(propertyUrl);
+  };
+  const propertyOptions = (propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop = propertyDetails.Properties) === null || _propertyDetails$Prop === void 0 ? void 0 : _propertyDetails$Prop.map(prop => ({
+    ...prop,
+    displayName: `${prop.propertyId} - ${getAddress$1(prop.address, t)}`
+  }))) || [];
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardHeader, null, t("WS_COMMON_APPL_NEW_CONNECTION")), /*#__PURE__*/React.createElement(CitizenInfoLabel, {
+    style: {
+      margin: "0px",
+      textAlign: "left",
+      marginBottom: "16px"
+    },
+    textStyle: {
+      color: "#0B0C0C"
+    },
+    text: t("WS_INFO_ESTIMATED_TIME_10_20_MINS"),
+    showInfo: false
+  }), /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginBottom: "24px"
+    }
+  }, /*#__PURE__*/React.createElement(CardSubHeader, null, t("WS_DO_YOU_HAVE_EXISTING_PROPERTY")), /*#__PURE__*/React.createElement(RadioButtons, {
+    t: t,
+    options: radioOptions,
+    optionsKey: "i18nKey",
+    value: hasProperty,
+    selectedOption: hasProperty,
+    onSelect: val => {
+      setHasProperty(val);
+      setSelectedProperty(null);
+    },
+    style: {
+      display: "flex",
+      gap: "24px"
+    }
+  })), (hasProperty === null || hasProperty === void 0 ? void 0 : hasProperty.code) === "YES" && /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginBottom: "24px"
+    }
+  }, isEmployee && /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      gap: "24px",
+      marginBottom: "16px",
+      alignItems: "flex-end"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(Label, null, t("CORE_COMMON_MOBILE_NUMBER")), /*#__PURE__*/React.createElement(TextInput, {
+    t: t,
+    type: "number",
+    isMandatory: false,
+    name: "mobileNumber",
+    value: searchMobileNumber,
+    onChange: e => {
+      setSearchMobileNumber(e.target.value);
+      setSelectedProperty(null);
+    },
+    placeholder: t("Enter mobile number"),
+    maxLength: 10
+  })), /*#__PURE__*/React.createElement("div", {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(Label, null, t("WS_SELECT_EXISTING_PROPERTY")), /*#__PURE__*/React.createElement("div", {
+    className: "field"
+  }, /*#__PURE__*/React.createElement(Dropdown, {
+    className: "form-field",
+    option: propertyOptions,
+    optionKey: "displayName",
+    id: "propertyId",
+    selected: selectedProperty,
+    select: setSelectedProperty,
+    t: t,
+    placeholder: t("PT_SELECT_PROPERTY"),
+    disable: isLoading || propertyOptions.length === 0
+  })))), !isEmployee && /*#__PURE__*/React.createElement(Label, null, t("WS_SELECT_EXISTING_PROPERTY")), isLoading && !isEmployee ? /*#__PURE__*/React.createElement(Loader, null) : propertyOptions.length > 0 && !isEmployee && /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "8px"
+    }
+  }, /*#__PURE__*/React.createElement(Dropdown, {
+    option: propertyOptions,
+    optionKey: "displayName",
+    id: "propertyId",
+    selected: selectedProperty,
+    select: setSelectedProperty,
+    t: t,
+    placeholder: t("PT_SELECT_PROPERTY")
+  }), /*#__PURE__*/React.createElement("span", {
+    style: {
+      fontSize: "14px",
+      color: "#505A5F"
+    }
+  }, t("WS_PROPERTY_AUTOFILL_MSG")))), (hasProperty === null || hasProperty === void 0 ? void 0 : hasProperty.code) === "NO" && /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginBottom: "24px",
+      display: "flex",
+      flexDirection: "column",
+      gap: "16px"
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    onClick: handleCreateProperty
+  }, /*#__PURE__*/React.createElement("button", {
+    className: "submit-bar",
+    type: "button",
+    style: {
+      color: "white",
+      margin: 0
+    }
+  }, t("CPT_CREATE_PROPERTY")))), /*#__PURE__*/React.createElement(CardSubHeader, {
+    style: {
+      marginTop: "0",
+      marginBottom: "0"
+    }
+  }, t("WS_COMMON_CONNECTION_DETAIL")), /*#__PURE__*/React.createElement("ul", {
+    style: {
+      listStyleType: "disc",
+      marginLeft: "20px",
+      marginBottom: "24px",
+      lineHeight: "2"
+    }
+  }, /*#__PURE__*/React.createElement("li", null, t("WS_SERVICE_TYPE")), /*#__PURE__*/React.createElement("li", null, t("WS_CONNECTION_TYPE")), /*#__PURE__*/React.createElement("li", null, t("WS_WATER_DEMAND_TYPE")), /*#__PURE__*/React.createElement("li", null, t("WS_APPLICANT_TYPE")), /*#__PURE__*/React.createElement("li", null, t("WS_DOMESTIC_TYPE"))), /*#__PURE__*/React.createElement(CardSubHeader, {
+    style: {
+      marginTop: "0",
+      marginBottom: "0"
+    }
+  }, t("WS_COMMON_CONNECTION_HOLDER_DETAILS_HEADER")), /*#__PURE__*/React.createElement("ul", {
+    style: {
+      listStyleType: "disc",
+      marginLeft: "20px",
+      marginBottom: "24px",
+      lineHeight: "2"
+    }
+  }, /*#__PURE__*/React.createElement("li", null, t("WS_OWN_DETAIL_NAME")), /*#__PURE__*/React.createElement("li", null, t("WS_OWN_DETAIL_MIDDLE_NAME")), /*#__PURE__*/React.createElement("li", null, t("WS_OWN_DETAIL_LAST_NAME")), /*#__PURE__*/React.createElement("li", null, t("WS_CONN_HOLDER_OWN_DETAIL_GENDER_LABEL")), /*#__PURE__*/React.createElement("li", null, t("WS_OWN_DETAIL_GUARDIAN_LABEL")), /*#__PURE__*/React.createElement("li", null, t("CORE_COMMON_MOBILE_NUMBER")), /*#__PURE__*/React.createElement("li", null, t("WS_EMAIL_ID"))), /*#__PURE__*/React.createElement(CardSubHeader, {
+    style: {
+      marginTop: "0",
+      marginBottom: "0"
+    }
+  }, t("PT_LOCATION_DETAILS")), /*#__PURE__*/React.createElement("ul", {
+    style: {
+      listStyleType: "disc",
+      marginLeft: "20px",
+      marginBottom: "24px",
+      lineHeight: "2"
+    }
+  }, /*#__PURE__*/React.createElement("li", null, t("WS_ZRO_LOCATION")), /*#__PURE__*/React.createElement("li", null, t("COMMON_ADDRESS_TYPE")), /*#__PURE__*/React.createElement("li", null, t("CITY")), /*#__PURE__*/React.createElement("li", null, t("PINCODE")), /*#__PURE__*/React.createElement("li", null, t("LOCALITY")), /*#__PURE__*/React.createElement("li", null, t("SubLocality")), /*#__PURE__*/React.createElement("li", null, t("STREET_NAME")), /*#__PURE__*/React.createElement("li", null, t("ADDRESS_LINE1")), /*#__PURE__*/React.createElement("li", null, t("ADDRESS_LINE2")), /*#__PURE__*/React.createElement("li", null, t("HOUSE_NO")), /*#__PURE__*/React.createElement("li", null, t("LATITUDE")), /*#__PURE__*/React.createElement("li", null, t("LONGITUDE")), /*#__PURE__*/React.createElement("li", null, t("ASSEMBLY")), /*#__PURE__*/React.createElement("li", null, t("WARD")), /*#__PURE__*/React.createElement("li", null, t("ZONE")), /*#__PURE__*/React.createElement("li", null, t("LANDMARK"))), /*#__PURE__*/React.createElement(CardSubHeader, {
+    style: {
+      marginTop: "0",
+      marginBottom: "0"
+    }
+  }, t("WS_PROPERTY_AND_WATER_CONNECTION_USE_DETAILS")), /*#__PURE__*/React.createElement("ul", {
+    style: {
+      listStyleType: "disc",
+      marginLeft: "20px",
+      marginBottom: "24px",
+      lineHeight: "2"
+    }
+  }, /*#__PURE__*/React.createElement("li", null, t("WS_CATEGORY_TYPE")), /*#__PURE__*/React.createElement("li", null, t("WS_PROPERTY_CATEGORY")), /*#__PURE__*/React.createElement("li", null, t("WS_PROPERTY_TYPE")), /*#__PURE__*/React.createElement("li", null, t("WS_WATER_CONNECTION_USAGE_TYPE")), /*#__PURE__*/React.createElement("li", null, t("WS_NUMBER_OF_FLOORS")), /*#__PURE__*/React.createElement("li", null, t("WS_PLOT_AREA")), /*#__PURE__*/React.createElement("li", null, t("WS_BUILT_UP_AREA")), /*#__PURE__*/React.createElement("li", null, t("WS_SELECT_YEAR_OF_CONSTRUCTION")), /*#__PURE__*/React.createElement("li", null, t("WS_NUMBER_OF_DWELLING_UNITS"))), /*#__PURE__*/React.createElement(CardSubHeader, {
+    style: {
+      marginTop: "0",
+      marginBottom: "0"
+    }
+  }, t("WS_DJB_EMPLOYEE")), /*#__PURE__*/React.createElement("ul", {
+    style: {
+      listStyleType: "disc",
+      marginLeft: "20px",
+      marginBottom: "24px",
+      lineHeight: "2"
+    }
+  }, /*#__PURE__*/React.createElement("li", null, t("WS_EMPLOYEE_ID")), /*#__PURE__*/React.createElement("li", null, t("WS_DATE_OF_RETIREMENT")), /*#__PURE__*/React.createElement("li", null, t("WS_EMPLOYEE_DESIGNATION"))), /*#__PURE__*/React.createElement(CardSubHeader, {
+    style: {
+      marginTop: "0",
+      marginBottom: "0"
+    }
+  }, t("WS_BANK_DETAILS")), /*#__PURE__*/React.createElement("ul", {
+    style: {
+      listStyleType: "disc",
+      marginLeft: "20px",
+      marginBottom: "24px",
+      lineHeight: "2"
+    }
+  }, /*#__PURE__*/React.createElement("li", null, t("WS_NAME_OF_BANK")), /*#__PURE__*/React.createElement("li", null, t("WS_NAME_OF_BRANCH")), /*#__PURE__*/React.createElement("li", null, t("WS_IFSC_CODE")), /*#__PURE__*/React.createElement("li", null, t("WS_BANK_ACCOUNT_NO"))), /*#__PURE__*/React.createElement(CardSubHeader, {
+    style: {
+      marginTop: "0",
+      marginBottom: "0"
+    }
+  }, t("WS_DOCUMENTS")), /*#__PURE__*/React.createElement("ul", {
+    style: {
+      listStyleType: "disc",
+      marginLeft: "20px",
+      marginBottom: "24px",
+      lineHeight: "2"
+    }
+  }, /*#__PURE__*/React.createElement("li", null, t("WS_DOC_IDENTITY_PROOF")), /*#__PURE__*/React.createElement("li", null, t("WS_DOC_ADDRESS_PROOF")), /*#__PURE__*/React.createElement("li", null, t("WS_DOC_ELECTRICITY_BILL")), /*#__PURE__*/React.createElement("li", null, t("WS_DOC_PLUMBER_REPORT")), /*#__PURE__*/React.createElement("li", null, t("WS_DOC_BUILDING_PLAN")), /*#__PURE__*/React.createElement("li", null, t("WS_DOC_PROPERTY_TAX_RECEIPT")), /*#__PURE__*/React.createElement("li", null, t("WS_DOC_APPLICANT_PHOTOGRAPH"))), !hasProperty || (hasProperty === null || hasProperty === void 0 ? void 0 : hasProperty.code) === "YES" && !selectedProperty ? /*#__PURE__*/React.createElement(SubmitBar, {
+    label: t("CS_COMMON_NEXT"),
+    onSubmit: () => {},
+    disabled: true
+  }) : /*#__PURE__*/React.createElement(SubmitBar, {
+    label: t("CS_COMMON_NEXT"),
+    onSubmit: handleNext
+  })));
+};
+
 const ApplicationBillAmendment = () => {
   var _data$BillingService, _data$BillingService$, _data$BillingService2, _data$BillingService3, _state, _state$data, _state$data$applicati, _state$data$applicati2, _state$data$applicati3, _billSearchData, _billSearchData$filte, _billSearchData2, _state9, _state9$data, _errors$WS_REDUCED_AM, _errors$WS_ADDITIONAL, _billSearchData3, _errors$effectiveTill, _errors$effectiveTill2, _state12, _state12$data;
   const [showToast, setShowToast] = useState(null);
@@ -39888,131 +40160,6 @@ function PropertyFloors({
   }));
 }
 
-function PropertyOwners({
-  owners
-}) {
-  let ownerSequences = {};
-  if (window.location.href.includes("/employee/pt/")) {
-    ownerSequences = owners.slice().reverse();
-  } else {
-    ownerSequences = owners;
-  }
-  const {
-    t
-  } = useTranslation();
-  const checkOwnerLength = (owners === null || owners === void 0 ? void 0 : owners.length) || 1;
-  let cardStyles = {
-    marginTop: "19px"
-  };
-  let statusTableStyles = {
-    position: "relative",
-    padding: "8px"
-  };
-  let rowContainerStyle = {
-    justifyContent: "space-between",
-    fontSize: "16px",
-    lineHeight: "19px",
-    color: "#0B0C0C"
-  };
-  if ( Number(checkOwnerLength) > 1) {
-    cardStyles = {
-      marginTop: "19px",
-      background: "#FAFAFA",
-      border: "1px solid #D6D5D4",
-      borderRadius: "4px",
-      padding: "8px",
-      lineHeight: "19px",
-      maxWidth: "600px",
-      minWidth: "280px"
-    };
-  } else if ( !(Number(checkOwnerLength) > 1)) {
-    cardStyles = {
-      marginTop: "19px",
-      lineHeight: "19px",
-      maxWidth: "600px",
-      minWidth: "280px"
-    };
-    statusTableStyles = {
-      position: "relative",
-      marginTop: "19px"
-    };
-  }
-  if (window.location.href.includes("obps")) {
-    cardStyles = {
-      ...cardStyles,
-      maxWidth: "950px"
-    };
-    cardStyles = {
-      ...cardStyles,
-      maxWidth: "950px"
-    };
-    rowContainerStyle = {};
-  }
-  let owners1 = owners.sort((item, item2) => {
-    var _item$additionalDetai, _item2$additionalDeta;
-    return (item === null || item === void 0 ? void 0 : (_item$additionalDetai = item.additionalDetails) === null || _item$additionalDetai === void 0 ? void 0 : _item$additionalDetai.ownerSequence) - (item2 === null || item2 === void 0 ? void 0 : (_item2$additionalDeta = item2.additionalDetails) === null || _item2$additionalDeta === void 0 ? void 0 : _item2$additionalDeta.ownerSequence);
-  });
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "owner-details"
-  }, ownerSequences.map((owner, index) => {
-    var _owner$values;
-    return /*#__PURE__*/React.createElement("div", {
-      key: t(owner === null || owner === void 0 ? void 0 : owner.title),
-      style: cardStyles,
-      className: "owner-details-child"
-    }, /*#__PURE__*/React.createElement(CardSubHeader, {
-      style:  Number(checkOwnerLength) > 1 ? {
-        marginBottom: "8px",
-        paddingBottom: "9px",
-        color: "#0B0C0C",
-        fontSize: "16px",
-        lineHeight: "19px"
-      } : {
-        marginBottom: "8px",
-        color: "#505A5F",
-        fontSize: "24px"
-      }
-    },  Number(checkOwnerLength) > 1 ? `${t(owner === null || owner === void 0 ? void 0 : owner.title)} ${index + 1}` : t(owner === null || owner === void 0 ? void 0 : owner.title)), /*#__PURE__*/React.createElement(React.Fragment, {
-      key: index
-    }, /*#__PURE__*/React.createElement(StatusTable, {
-      style: statusTableStyles
-    }, /*#__PURE__*/React.createElement("div", {
-      style: {
-        maxWidth: "640px",
-        top: 0,
-        left: 0,
-        bottom: 0,
-        right: 0,
-        width: "auto"
-      }
-    }), owner === null || owner === void 0 ? void 0 : (_owner$values = owner.values) === null || _owner$values === void 0 ? void 0 : _owner$values.map((value, index) => {
-      var _value$values;
-      if (value.map === true && value.value !== "N/A") {
-        return /*#__PURE__*/React.createElement(Row, {
-          key: t(value.title),
-          label: t(value.title),
-          text: /*#__PURE__*/React.createElement("img", {
-            src: t(value.value),
-            alt: "",
-            privacy: value === null || value === void 0 ? void 0 : value.privacy
-          })
-        });
-      }
-      return /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Row, {
-        key: t(value.title),
-        label:  `${t(value.title)}`,
-        text: t(value.value) || "N/A",
-        last: index === (value === null || value === void 0 ? void 0 : (_value$values = value.values) === null || _value$values === void 0 ? void 0 : _value$values.length) - 1,
-        caption: value.caption,
-        className: "border-none",
-        textStyle: value.textStyle,
-        privacy: value === null || value === void 0 ? void 0 : value.privacy,
-        rowContainerStyle: rowContainerStyle
-      }));
-    }))));
-  })));
-}
-
 const ScruntinyDetails = ({
   scrutinyDetails,
   paymentsList: _paymentsList = []
@@ -41806,7 +41953,7 @@ function ApplicationDetailsContent({
     infoClickInfoLabel: getClickInfoDetails(),
     infoClickInfoLabel1: getClickInfoDetails1()
   }) : null, applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a = applicationDetails.applicationDetails) === null || _applicationDetails$a === void 0 ? void 0 : _applicationDetails$a.map((detail, index) => {
-    var _detail$title, _detail$values, _detail$additionalDet, _applicationDetails$a2, _applicationDetails$a3, _applicationDetails$a4, _detail$additionalDet2, _applicationDetails$a5, _applicationDetails$a6, _detail$additionalDet3, _detail$additionalDet4, _detail$additionalDet5, _detail$additionalDet6, _detail$additionalDet7, _detail$additionalDet8, _detail$additionalDet9, _detail$additionalDet0, _detail$additionalDet1, _workflowDetails$data, _workflowDetails$data2, _detail$additionalDet10, _detail$additionalDet11, _detail$additionalDet12, _detail$additionalDet13, _detail$additionalDet14, _detail$additionalDet15, _detail$additionalDet16, _detail$additionalDet17, _detail$additionalDet18, _detail$additionalDet19, _detail$additionalDet20, _detail$additionalDet21, _detail$additionalDet22, _detail$additionalDet23, _detail$additionalDet24, _detail$additionalDet25, _detail$additionalDet26, _detail$additionalDet27, _detail$additionalDet28, _detail$additionalDet29;
+    var _detail$title, _detail$values, _detail$additionalDet, _applicationDetails$a2, _applicationDetails$a3, _applicationDetails$a4, _detail$additionalDet2, _applicationDetails$a5, _applicationDetails$a6, _detail$additionalDet3, _detail$additionalDet4, _detail$additionalDet5, _detail$additionalDet6, _detail$additionalDet7, _detail$additionalDet8, _detail$additionalDet9, _workflowDetails$data, _workflowDetails$data2, _detail$additionalDet0, _detail$additionalDet1, _detail$additionalDet10, _detail$additionalDet11, _detail$additionalDet12, _detail$additionalDet13, _detail$additionalDet14, _detail$additionalDet15, _detail$additionalDet16, _detail$additionalDet17, _detail$additionalDet18, _detail$additionalDet19, _detail$additionalDet20, _detail$additionalDet21, _detail$additionalDet22, _detail$additionalDet23, _detail$additionalDet24, _detail$additionalDet25, _detail$additionalDet26, _detail$additionalDet27;
     return /*#__PURE__*/React.createElement(React.Fragment, {
       key: index
     }, /*#__PURE__*/React.createElement("div", {
@@ -42004,53 +42151,51 @@ function ApplicationDetailsContent({
       fiReport: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a5 = applicationDetails.applicationData) === null || _applicationDetails$a5 === void 0 ? void 0 : (_applicationDetails$a6 = _applicationDetails$a5.additionalDetails) === null || _applicationDetails$a6 === void 0 ? void 0 : _applicationDetails$a6.fieldinspection_pending
     }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet3 = detail.additionalDetails) === null || _detail$additionalDet3 === void 0 ? void 0 : _detail$additionalDet3.floors) && /*#__PURE__*/React.createElement(PropertyFloors, {
       floors: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet4 = detail.additionalDetails) === null || _detail$additionalDet4 === void 0 ? void 0 : _detail$additionalDet4.floors
-    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet5 = detail.additionalDetails) === null || _detail$additionalDet5 === void 0 ? void 0 : _detail$additionalDet5.owners) && /*#__PURE__*/React.createElement(PropertyOwners, {
-      owners: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet6 = detail.additionalDetails) === null || _detail$additionalDet6 === void 0 ? void 0 : _detail$additionalDet6.owners
-    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet7 = detail.additionalDetails) === null || _detail$additionalDet7 === void 0 ? void 0 : _detail$additionalDet7.units) && /*#__PURE__*/React.createElement(TLTradeUnits, {
-      units: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet8 = detail.additionalDetails) === null || _detail$additionalDet8 === void 0 ? void 0 : _detail$additionalDet8.units
-    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet9 = detail.additionalDetails) === null || _detail$additionalDet9 === void 0 ? void 0 : _detail$additionalDet9.accessories) && /*#__PURE__*/React.createElement(TLTradeAccessories, {
-      units: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet0 = detail.additionalDetails) === null || _detail$additionalDet0 === void 0 ? void 0 : _detail$additionalDet0.accessories
-    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet1 = detail.additionalDetails) === null || _detail$additionalDet1 === void 0 ? void 0 : _detail$additionalDet1.permissions) && (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data = workflowDetails.data) === null || _workflowDetails$data === void 0 ? void 0 : (_workflowDetails$data2 = _workflowDetails$data.nextActions) === null || _workflowDetails$data2 === void 0 ? void 0 : _workflowDetails$data2.length) > 0 && /*#__PURE__*/React.createElement(PermissionCheck, {
+    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet5 = detail.additionalDetails) === null || _detail$additionalDet5 === void 0 ? void 0 : _detail$additionalDet5.units) && /*#__PURE__*/React.createElement(TLTradeUnits, {
+      units: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet6 = detail.additionalDetails) === null || _detail$additionalDet6 === void 0 ? void 0 : _detail$additionalDet6.units
+    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet7 = detail.additionalDetails) === null || _detail$additionalDet7 === void 0 ? void 0 : _detail$additionalDet7.accessories) && /*#__PURE__*/React.createElement(TLTradeAccessories, {
+      units: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet8 = detail.additionalDetails) === null || _detail$additionalDet8 === void 0 ? void 0 : _detail$additionalDet8.accessories
+    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet9 = detail.additionalDetails) === null || _detail$additionalDet9 === void 0 ? void 0 : _detail$additionalDet9.permissions) && (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data = workflowDetails.data) === null || _workflowDetails$data === void 0 ? void 0 : (_workflowDetails$data2 = _workflowDetails$data.nextActions) === null || _workflowDetails$data2 === void 0 ? void 0 : _workflowDetails$data2.length) > 0 && /*#__PURE__*/React.createElement(PermissionCheck, {
       applicationData: applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationData,
       t: t,
-      permissions: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet10 = detail.additionalDetails) === null || _detail$additionalDet10 === void 0 ? void 0 : _detail$additionalDet10.permissions
-    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet11 = detail.additionalDetails) === null || _detail$additionalDet11 === void 0 ? void 0 : _detail$additionalDet11.obpsDocuments) && /*#__PURE__*/React.createElement(BPADocuments, {
+      permissions: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet0 = detail.additionalDetails) === null || _detail$additionalDet0 === void 0 ? void 0 : _detail$additionalDet0.permissions
+    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet1 = detail.additionalDetails) === null || _detail$additionalDet1 === void 0 ? void 0 : _detail$additionalDet1.obpsDocuments) && /*#__PURE__*/React.createElement(BPADocuments, {
       t: t,
       applicationData: applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationData,
       docs: detail.additionalDetails.obpsDocuments,
       bpaActionsDetails: workflowDetails
-    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet12 = detail.additionalDetails) === null || _detail$additionalDet12 === void 0 ? void 0 : _detail$additionalDet12.noc) && /*#__PURE__*/React.createElement(NOCDocuments, {
+    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet10 = detail.additionalDetails) === null || _detail$additionalDet10 === void 0 ? void 0 : _detail$additionalDet10.noc) && /*#__PURE__*/React.createElement(NOCDocuments, {
       t: t,
       isNoc: true,
       NOCdata: detail.values,
       applicationData: applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationData,
       docs: detail.additionalDetails.noc,
-      noc: (_detail$additionalDet13 = detail.additionalDetails) === null || _detail$additionalDet13 === void 0 ? void 0 : _detail$additionalDet13.data,
+      noc: (_detail$additionalDet11 = detail.additionalDetails) === null || _detail$additionalDet11 === void 0 ? void 0 : _detail$additionalDet11.data,
       bpaActionsDetails: workflowDetails
-    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet14 = detail.additionalDetails) === null || _detail$additionalDet14 === void 0 ? void 0 : _detail$additionalDet14.scruntinyDetails) && /*#__PURE__*/React.createElement(ScruntinyDetails, {
+    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet12 = detail.additionalDetails) === null || _detail$additionalDet12 === void 0 ? void 0 : _detail$additionalDet12.scruntinyDetails) && /*#__PURE__*/React.createElement(ScruntinyDetails, {
       scrutinyDetails: detail === null || detail === void 0 ? void 0 : detail.additionalDetails
-    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet15 = detail.additionalDetails) === null || _detail$additionalDet15 === void 0 ? void 0 : _detail$additionalDet15.buildingExtractionDetails) && /*#__PURE__*/React.createElement(ScruntinyDetails, {
+    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet13 = detail.additionalDetails) === null || _detail$additionalDet13 === void 0 ? void 0 : _detail$additionalDet13.buildingExtractionDetails) && /*#__PURE__*/React.createElement(ScruntinyDetails, {
       scrutinyDetails: detail === null || detail === void 0 ? void 0 : detail.additionalDetails
-    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet16 = detail.additionalDetails) === null || _detail$additionalDet16 === void 0 ? void 0 : _detail$additionalDet16.subOccupancyTableDetails) && /*#__PURE__*/React.createElement(SubOccupancyTable, {
+    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet14 = detail.additionalDetails) === null || _detail$additionalDet14 === void 0 ? void 0 : _detail$additionalDet14.subOccupancyTableDetails) && /*#__PURE__*/React.createElement(SubOccupancyTable, {
       edcrDetails: detail === null || detail === void 0 ? void 0 : detail.additionalDetails,
       applicationData: applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationData
-    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet17 = detail.additionalDetails) === null || _detail$additionalDet17 === void 0 ? void 0 : _detail$additionalDet17.documentsWithUrl) && /*#__PURE__*/React.createElement(DocumentsPreview, {
-      documents: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet18 = detail.additionalDetails) === null || _detail$additionalDet18 === void 0 ? void 0 : _detail$additionalDet18.documentsWithUrl
-    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet19 = detail.additionalDetails) === null || _detail$additionalDet19 === void 0 ? void 0 : _detail$additionalDet19.documents) && /*#__PURE__*/React.createElement(PropertyDocuments, {
-      documents: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet20 = detail.additionalDetails) === null || _detail$additionalDet20 === void 0 ? void 0 : _detail$additionalDet20.documents
-    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet21 = detail.additionalDetails) === null || _detail$additionalDet21 === void 0 ? void 0 : _detail$additionalDet21.taxHeadEstimatesCalculation) && /*#__PURE__*/React.createElement(PropertyEstimates, {
-      taxHeadEstimatesCalculation: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet22 = detail.additionalDetails) === null || _detail$additionalDet22 === void 0 ? void 0 : _detail$additionalDet22.taxHeadEstimatesCalculation
+    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet15 = detail.additionalDetails) === null || _detail$additionalDet15 === void 0 ? void 0 : _detail$additionalDet15.documentsWithUrl) && /*#__PURE__*/React.createElement(DocumentsPreview, {
+      documents: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet16 = detail.additionalDetails) === null || _detail$additionalDet16 === void 0 ? void 0 : _detail$additionalDet16.documentsWithUrl
+    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet17 = detail.additionalDetails) === null || _detail$additionalDet17 === void 0 ? void 0 : _detail$additionalDet17.documents) && /*#__PURE__*/React.createElement(PropertyDocuments, {
+      documents: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet18 = detail.additionalDetails) === null || _detail$additionalDet18 === void 0 ? void 0 : _detail$additionalDet18.documents
+    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet19 = detail.additionalDetails) === null || _detail$additionalDet19 === void 0 ? void 0 : _detail$additionalDet19.taxHeadEstimatesCalculation) && /*#__PURE__*/React.createElement(PropertyEstimates, {
+      taxHeadEstimatesCalculation: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet20 = detail.additionalDetails) === null || _detail$additionalDet20 === void 0 ? void 0 : _detail$additionalDet20.taxHeadEstimatesCalculation
     }), (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.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
+    }), (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$additionalDet21 = detail.additionalDetails) === null || _detail$additionalDet21 === void 0 ? void 0 : _detail$additionalDet21.redirectUrl) && /*#__PURE__*/React.createElement(Link, {
+      to: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet22 = detail.additionalDetails) === null || _detail$additionalDet22 === void 0 ? void 0 : (_detail$additionalDet23 = _detail$additionalDet22.redirectUrl) === null || _detail$additionalDet23 === void 0 ? void 0 : _detail$additionalDet23.url
     }, /*#__PURE__*/React.createElement("span", {
       className: "add-details-link hover-button"
-    }, detail === null || detail === void 0 ? void 0 : (_detail$additionalDet26 = detail.additionalDetails) === null || _detail$additionalDet26 === void 0 ? void 0 : (_detail$additionalDet27 = _detail$additionalDet26.redirectUrl) === null || _detail$additionalDet27 === void 0 ? void 0 : _detail$additionalDet27.title)), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet28 = detail.additionalDetails) === null || _detail$additionalDet28 === void 0 ? void 0 : _detail$additionalDet28.estimationDetails) && /*#__PURE__*/React.createElement(WSFeeEstimation, {
+    }, 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.title)), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet26 = detail.additionalDetails) === null || _detail$additionalDet26 === void 0 ? void 0 : _detail$additionalDet26.estimationDetails) && /*#__PURE__*/React.createElement(WSFeeEstimation, {
       wsAdditionalDetails: detail,
       workflowDetails: workflowDetails
-    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet29 = detail.additionalDetails) === null || _detail$additionalDet29 === void 0 ? void 0 : _detail$additionalDet29.estimationDetails) && /*#__PURE__*/React.createElement(ViewBreakup, {
+    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet27 = detail.additionalDetails) === null || _detail$additionalDet27 === void 0 ? void 0 : _detail$additionalDet27.estimationDetails) && /*#__PURE__*/React.createElement(ViewBreakup, {
       wsAdditionalDetails: detail,
       workflowDetails: workflowDetails
     }));
@@ -47220,9 +47365,17 @@ const OLDApplication = () => {
   }, {
     label: "WS_COMMON_CONNECTION_HOLDER_DETAILS_HEADER"
   }, {
-    label: "WS_COMMON_DOCS"
+    label: "PT_LOCATION_DETAILS"
   }, {
-    label: "WS_COMMON_SUMMARY"
+    label: "WS_PROPERTY_AND_WATER_CONNECTION_USE_DETAILS"
+  }, {
+    label: "WS_DJB_EMPLOYEE"
+  }, {
+    label: "WS_BANK_DETAILS"
+  }, {
+    label: "WS_DOCUMENTS"
+  }, {
+    label: "WS_DECLARATION"
   }].map((step, index) => ({
     route: `step-${index + 1}`,
     timeLine: [{
@@ -47282,7 +47435,8 @@ const OLDApplication = () => {
                 type: "component",
                 key: "propertyAddress",
                 component: "CPTPropertyLocationDetails",
-                withoutLabel: true
+                withoutLabel: true,
+                isAutomaticFill: true
               }]
             });
           } else if (compName === "PropertyWaterConnection") {
@@ -47292,7 +47446,8 @@ const OLDApplication = () => {
                 type: "component",
                 key: "useDetails",
                 component: "PropertyWaterConnection",
-                withoutLabel: true
+                withoutLabel: true,
+                isAutomaticFill: true
               }]
             });
           } else if (compName === "WSBankDetails") {
@@ -47848,7 +48003,7 @@ const WSLinks = ({
     t
   } = useTranslation();
   const links = [{
-    link: `${matchPath}/old-application`,
+    link: `${matchPath}/info`,
     i18nKey: t("ACTION_TEST_APPLY_NEW_CONNECTION")
   }, {
     link: `${matchPath}/my-applications`,
@@ -47925,6 +48080,7 @@ const componentsToRegister = {
   WSCitizenEditApplication: EditApplication,
   WSReSubmitDisconnectionApplication: ReSubmitDisconnectionApplication,
   WNSMyBillsComponent: BillSearchResults,
+  WSInfoPage: WSInfoPage,
   WSCheckPage: CheckPage,
   WSAcknowledgement,
   WSDisconnectionCheckPage: CheckPage$1,