@djb25/digit-ui-module-ws 1.0.46 → 1.0.47

package/dist/index.modern.js

@@ -1,7 +1,7 @@
 import React, { useState, useMemo, useEffect, useRef, 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, Table, Banner, CardText, ActionBar, HomeIcon, AppContainer, ModuleHeader, ArrowLeft, PrivateRoute, LayoutWrapper, PrintBtnCommon, MultiLink, LinkButton, Toast, TickMark, FormStep, CardLabel, TextInput, RadioOrSelect, CardHeader, CitizenInfoLabel, CardSubHeader, LabelFieldPair, DatePicker, CollapsibleCardPage, Dropdown, RadioButtons, UploadFile, ViewsIcon, Modal, DeleteIcon, CardLabelError, WrapUnMaskComponent, MobileNumber, CheckBox, StatusTable, Row, Header, CardSectionHeader, InfoIcon, TextArea, SearchField, FilterFormField, RemoveableTag, MultiSelectDropdown, InboxComposer, DropIcon, WSICon, EmployeeModuleCard, SearchAction, PopUp, DetailsCard, SearchForm, CloseSvg, Localities, DownloadBtnCommon, CollectionIcon, ResponseComposer, TelePhone, DisplayPhotos, PDFSvg, GenericFileIcon, EditIcon, Label, CardSectionSubText, DownloadIcon, CardLabelDesc, VerticalTimeline, FormComposer, MultiUploadWrapper, Close as Close$e, BreakLine, AddIcon, CheckPoint, ConnectingCheckPoints, Menu, ButtonSelector, CitizenHomeCard } from '@djb25/digit-ui-react-components';
+import { Loader, Card, KeyNote, SubmitBar, InfoBannerIcon, SearchForm, SearchField, Dropdown, TextInput, Table, Banner, CardText, ActionBar, HomeIcon, AppContainer, ModuleHeader, ArrowLeft, PrivateRoute, LayoutWrapper, PrintBtnCommon, MultiLink, LinkButton, Toast, TickMark, FormStep, CardLabel, RadioOrSelect, CardHeader, CitizenInfoLabel, CardSubHeader, LabelFieldPair, DatePicker, CollapsibleCardPage, RadioButtons, UploadFile, ViewsIcon, Modal, DeleteIcon, CardLabelError, WrapUnMaskComponent, MobileNumber, CheckBox, StatusTable, Row, Header, CardSectionHeader, InfoIcon, TextArea, FilterFormField, RemoveableTag, MultiSelectDropdown, InboxComposer, DropIcon, WSICon, EmployeeModuleCard, SearchAction, PopUp, DetailsCard, CloseSvg, Localities, DownloadBtnCommon, CollectionIcon, ResponseComposer, TelePhone, DisplayPhotos, PDFSvg, GenericFileIcon, EditIcon, Label, CardSectionSubText, DownloadIcon, CardLabelDesc, VerticalTimeline, FormComposer, MultiUploadWrapper, Close as Close$e, BreakLine, AddIcon, CheckPoint, ConnectingCheckPoints, Menu, ButtonSelector, 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';
@@ -7836,7 +7836,7 @@ const WSInfoLabel = _ref2 => {
 };
 
 const WSMyApplications = () => {
-  var _user$info, _user$info$userName, _user$info2, _user$info3, _data$WaterConnection, _SWdata$SewerageConne, _data$WaterConnection2, _SWdata$SewerageConne2, _WSapplicationsList, _SWapplicationsList, _WSapplicationsList2, _SWapplicationsList2, _applicationsList;
+  var _user$info, _user$info$userName, _user$info2, _user$info3, _data$WaterConnection, _SWdata$SewerageConne, _data$WaterConnection2, _SWdata$SewerageConne2, _WSapplicationsList, _SWapplicationsList, _WSapplicationsList2, _SWapplicationsList2, _applicationsList, _filteredApplications;
   const _useTranslation = useTranslation(),
     t = _useTranslation.t;
   const user = Digit.UserService.getUser();
@@ -7898,6 +7898,9 @@ const WSMyApplications = () => {
   const _useState2 = useState(10),
     pageSize = _useState2[0],
     setPageSize = _useState2[1];
+  const _useState3 = useState(null),
+    searchParams = _useState3[0],
+    setSearchParams = _useState3[1];
   const isMobile = window.Digit.Utils.browser.isMobile();
   const GetCell = value => /*#__PURE__*/React.createElement("span", {
     className: "cell-text"
@@ -7991,6 +7994,22 @@ const WSMyApplications = () => {
       }
     }];
   }, [t]);
+  const _useForm = useForm({
+      defaultValues: {
+        applicationNo: "",
+        fromDate: "",
+        toDate: "",
+        status: ""
+      }
+    }),
+    register = _useForm.register,
+    control = _useForm.control,
+    handleSubmit = _useForm.handleSubmit,
+    reset = _useForm.reset;
+  const onSubmitForm = data => {
+    setSearchParams(data);
+    setPageOffset(0);
+  };
   if (isLoading || isSWLoading || PTisLoading) {
     return /*#__PURE__*/React.createElement(Loader, null);
   }
@@ -8025,16 +8044,175 @@ const WSMyApplications = () => {
     var _b$auditDetails, _a$auditDetails;
     return ((_b$auditDetails = b.auditDetails) === null || _b$auditDetails === void 0 ? void 0 : _b$auditDetails.lastModifiedTime) - ((_a$auditDetails = a.auditDetails) === null || _a$auditDetails === void 0 ? void 0 : _a$auditDetails.lastModifiedTime);
   }) : [];
+  let filteredApplications = sortedApplications;
+  if (searchParams) {
+    if (searchParams.applicationNo) {
+      filteredApplications = filteredApplications.filter(app => {
+        var _app$applicationNo;
+        return (_app$applicationNo = app.applicationNo) === null || _app$applicationNo === void 0 ? void 0 : _app$applicationNo.toLowerCase().includes(searchParams.applicationNo.toLowerCase());
+      });
+    }
+    if (searchParams.status && searchParams.status.code) {
+      filteredApplications = filteredApplications.filter(app => app.applicationStatus === searchParams.status.code);
+    }
+  }
+  const statusCounts = sortedApplications.reduce((acc, app) => {
+    const status = app.applicationStatus || "UNKNOWN";
+    acc[status] = (acc[status] || 0) + 1;
+    return acc;
+  }, {});
+  const action = Object.keys(statusCounts).map(status => ({
+    i18nKey: status === "UNKNOWN" ? "UNKNOWN" : "CS_" + status,
+    code: status
+  }));
+  const today = new Date();
+  const fromDateFormatted = "";
+  const previousPage = () => setPageOffset(0);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WSInfoLabel, {
     t: t
-  }), /*#__PURE__*/React.createElement("div", null, (sortedApplications === null || sortedApplications === void 0 ? void 0 : sortedApplications.length) > 0 ? isMobile ? sortedApplications.map((application, index) => /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "summary-cards-container",
+    style: {
+      display: "flex",
+      gap: "10px",
+      flexWrap: "wrap",
+      width: "100%"
+    }
+  }, (() => {
+    const statusCounts = sortedApplications.reduce((acc, app) => {
+      const status = app.applicationStatus || "UNKNOWN";
+      acc[status] = (acc[status] || 0) + 1;
+      return acc;
+    }, {});
+    const waterCount = sortedApplications.filter(app => {
+      var _app$applicationNo2;
+      return app === null || app === void 0 ? void 0 : (_app$applicationNo2 = app.applicationNo) === null || _app$applicationNo2 === void 0 ? void 0 : _app$applicationNo2.includes("WS");
+    }).length;
+    const sewerageCount = sortedApplications.filter(app => {
+      var _app$applicationNo3;
+      return app === null || app === void 0 ? void 0 : (_app$applicationNo3 = app.applicationNo) === null || _app$applicationNo3 === void 0 ? void 0 : _app$applicationNo3.includes("SW");
+    }).length;
+    const cards = [{
+      label: "TOTAL_APPLICATIONS",
+      count: (sortedApplications === null || sortedApplications === void 0 ? void 0 : sortedApplications.length) || 0,
+      color: "#0B2559"
+    }, {
+      label: "WATER",
+      count: waterCount,
+      color: "#3B82F6"
+    }, {
+      label: "SEWERAGE",
+      count: sewerageCount,
+      color: "#F59E0B"
+    }, ...Object.entries(statusCounts).map((_ref1, idx) => {
+      let status = _ref1[0],
+        count = _ref1[1];
+      const colors = ["#10B981", "#A855F7", "#EF4444", "#64748B", "#F97316", "#06B6D4"];
+      return {
+        label: status === "UNKNOWN" ? "UNKNOWN" : "CS_" + status,
+        count: count,
+        color: colors[idx % colors.length]
+      };
+    })];
+    return cards.map((card, idx) => /*#__PURE__*/React.createElement("div", {
+      key: idx,
+      className: "summary-card",
+      style: {
+        backgroundColor: "#fff",
+        borderRadius: "6px",
+        padding: "12px 14px",
+        boxShadow: "0 2px 8px rgba(0,0,0,0.05)",
+        flex: "1 1 110px",
+        maxWidth: "200px",
+        minWidth: "100px",
+        border: "1px solid #E2E8F0",
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "space-between"
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        fontSize: "10px",
+        color: "#64748B",
+        fontWeight: "600",
+        textTransform: "uppercase",
+        letterSpacing: "0.5px",
+        whiteSpace: "nowrap",
+        overflow: "hidden",
+        textOverflow: "ellipsis"
+      },
+      title: t(card.label)
+    }, t(card.label)), /*#__PURE__*/React.createElement("div", {
+      style: {
+        fontSize: "24px",
+        fontWeight: "700",
+        color: card.color,
+        marginTop: "8px"
+      }
+    }, String(card.count).padStart(2, "0"))));
+  })()), /*#__PURE__*/React.createElement(SearchForm, {
+    t: t,
+    onSubmit: onSubmitForm,
+    handleSubmit: handleSubmit,
+    className: "formcomposer-section-grid"
+  }, /*#__PURE__*/React.createElement(SearchField, null, /*#__PURE__*/React.createElement("label", null, t("WS_STATUS")), /*#__PURE__*/React.createElement(Controller, {
+    control: control,
+    name: "status",
+    render: props => /*#__PURE__*/React.createElement(Dropdown, {
+      selected: props.value,
+      select: props.onChange,
+      onBlur: props.onBlur,
+      option: action,
+      optionKey: "i18nKey",
+      t: t,
+      disable: false
+    })
+  })), /*#__PURE__*/React.createElement(SearchField, null, /*#__PURE__*/React.createElement("label", null, t("WS_MYCONNECTIONS_APPLICATION_NO")), /*#__PURE__*/React.createElement(TextInput, {
+    name: "applicationNo",
+    inputRef: register({})
+  })), /*#__PURE__*/React.createElement("div", {
+    style: {
+      gridColumn: "1 / -1",
+      display: "flex",
+      justifyContent: "flex-end",
+      alignItems: "center",
+      gap: "24px"
+    }
+  }, /*#__PURE__*/React.createElement("p", {
+    style: {
+      cursor: "pointer",
+      color: "#0B4B66",
+      fontWeight: "600",
+      margin: 0
+    },
+    onClick: () => {
+      reset({
+        applicationNo: "",
+        status: "",
+        fromDate: fromDateFormatted,
+        toDate: today,
+        offset: 0,
+        limit: 10,
+        sortBy: "commencementDate",
+        sortOrder: "DESC"
+      });
+      setSearchParams(null);
+      previousPage();
+    }
+  }, t("ES_COMMON_CLEAR_ALL")), /*#__PURE__*/React.createElement(SubmitBar, {
+    label: t("ES_COMMON_SEARCH"),
+    submit: true,
+    style: {
+      margin: 0
+    }
+  }))), /*#__PURE__*/React.createElement("div", null, ((_filteredApplications = filteredApplications) === null || _filteredApplications === void 0 ? void 0 : _filteredApplications.length) > 0 ? isMobile ? filteredApplications.map((application, index) => /*#__PURE__*/React.createElement("div", {
     key: index
   }, /*#__PURE__*/React.createElement(WSApplication, {
     application: application
   }))) : /*#__PURE__*/React.createElement(Table, {
     t: t,
-    data: sortedApplications.slice(pageOffset, pageOffset + pageSize),
-    totalRecords: sortedApplications.length,
+    data: filteredApplications.slice(pageOffset, pageOffset + pageSize),
+    totalRecords: filteredApplications.length,
     columns: columns,
     onPageSizeChange: e => setPageSize(Number(e.target.value)),
     currentPage: Math.floor(pageOffset / pageSize),
@@ -28864,29 +29042,7 @@ const ViewBreakup = _ref => {
     textStyle: {
       textAlign: "right"
     }
-  })), /*#__PURE__*/React.createElement("hr", {
-    style: {
-      color: "#cccccc",
-      backgroundColor: "#cccccc",
-      marginBottom: "10px"
-    }
-  }), /*#__PURE__*/React.createElement(Row, {
-    className: "border-none",
-    rowContainerStyle: {
-      margin: "0px"
-    },
-    labelStyle: {
-      width: "50%"
-    },
-    key: "PDF_STATIC_LABEL_CONSOLIDATED_TLAPP_TOTAL_AMOUNT1",
-    label: "" + t("PDF_STATIC_LABEL_CONSOLIDATED_TLAPP_TOTAL_AMOUNT"),
-    text: /*#__PURE__*/React.createElement("span", null, "\u20B9", Number(breakUpData === null || breakUpData === void 0 ? void 0 : breakUpData.fee) || 0),
-    textStyle: {
-      textAlign: "right",
-      fontWeight: "700",
-      fontSize: "24px"
-    }
-  }), /*#__PURE__*/React.createElement(CardSectionHeader, {
+  })), /*#__PURE__*/React.createElement(CardSectionHeader, {
     style: {
       margin: "10px 0px"
     }
@@ -28904,29 +29060,7 @@ const ViewBreakup = _ref => {
     textStyle: {
       textAlign: "right"
     }
-  })), /*#__PURE__*/React.createElement("hr", {
-    style: {
-      color: "#cccccc",
-      backgroundColor: "#cccccc",
-      marginBottom: "10px"
-    }
-  }), /*#__PURE__*/React.createElement(Row, {
-    className: "border-none",
-    rowContainerStyle: {
-      margin: "0px"
-    },
-    labelStyle: {
-      width: "50%"
-    },
-    key: "PDF_STATIC_LABEL_CONSOLIDATED_TLAPP_TOTAL_AMOUNT2",
-    label: "" + t("PDF_STATIC_LABEL_CONSOLIDATED_TLAPP_TOTAL_AMOUNT"),
-    text: /*#__PURE__*/React.createElement("span", null, "\u20B9", Number(breakUpData === null || breakUpData === void 0 ? void 0 : breakUpData.charge) || 0),
-    textStyle: {
-      textAlign: "right",
-      fontWeight: "700",
-      fontSize: "24px"
-    }
-  }), breakUpData === null || breakUpData === void 0 ? void 0 : (_breakUpData$billSlab5 = breakUpData.billSlabData) === null || _breakUpData$billSlab5 === void 0 ? void 0 : (_breakUpData$billSlab6 = _breakUpData$billSlab5.TAX) === null || _breakUpData$billSlab6 === void 0 ? void 0 : _breakUpData$billSlab6.map(data => /*#__PURE__*/React.createElement(Row, {
+  })), breakUpData === null || breakUpData === void 0 ? void 0 : (_breakUpData$billSlab5 = breakUpData.billSlabData) === null || _breakUpData$billSlab5 === void 0 ? void 0 : (_breakUpData$billSlab6 = _breakUpData$billSlab5.TAX) === null || _breakUpData$billSlab6 === void 0 ? void 0 : _breakUpData$billSlab6.map(data => /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     rowContainerStyle: {
       margin: "0px"
@@ -28969,31 +29103,31 @@ const checkForNA$1 = value => {
   return value ? value : "CS_NA";
 };
 const WSApplicationDetails = () => {
-  var _user$info, _user$info$userName, _user$info2, _user$info3, _Digit$SessionStorage, _user$info4, _data$WaterConnection, _data$WaterConnection2, _data$SewerageConnect, _data$SewerageConnect2, _data$WaterConnection3, _data$WaterConnection4, _data$SewerageConnect3, _data$SewerageConnect4, _data$WaterConnection5, _data$WaterConnection6, _data$SewerageConnect5, _data$SewerageConnect6, _data$WaterConnection7, _data$WaterConnection8, _data$SewerageConnect7, _data$SewerageConnect8, _data$WaterConnection9, _data$WaterConnection0, _data$SewerageConnect9, _data$SewerageConnect0, _data$WaterConnection1, _data$SewerageConnect1, _PTData$Properties, _PTData$Properties$, _data$WaterConnection10, _data$WaterConnection11, _data$WaterConnection12, _data$WaterConnection13, _data$SewerageConnect10, _data$SewerageConnect11, _data$SewerageConnect12, _data$SewerageConnect13, _data$WaterConnection14, _data$WaterConnection15, _data$WaterConnection16, _data$WaterConnection17, _data$SewerageConnect14, _data$SewerageConnect15, _data$SewerageConnect16, _data$SewerageConnect17, _appDetailsData$appli, _data$WaterConnection36, _data$WaterConnection37, _data$SewerageConnect32, _data$SewerageConnect33, _data$WaterConnection38, _data$WaterConnection39, _data$SewerageConnect34, _data$SewerageConnect35, _data$WaterConnection40, _data$WaterConnection41, _data$SewerageConnect36, _data$SewerageConnect37, _data$WaterConnection42, _data$WaterConnection43, _data$SewerageConnect38, _data$SewerageConnect39, _data$WaterConnection44, _data$WaterConnection45, _data$SewerageConnect40, _data$WaterConnection46, _data$WaterConnection47, _data$SewerageConnect41, _data$SewerageConnect42, _data$WaterConnection48, _data$WaterConnection49, _data$SewerageConnect43, _data$SewerageConnect44, _data$WaterConnection50, _data$WaterConnection51, _data$SewerageConnect45, _data$SewerageConnect46, _data$WaterConnection52, _data$WaterConnection53, _data$SewerageConnect47, _data$SewerageConnect48, _data$WaterConnection54, _data$WaterConnection55, _data$SewerageConnect49, _data$SewerageConnect50, _data$WaterConnection56, _data$WaterConnection57, _data$SewerageConnect51, _data$SewerageConnect52, _data$WaterConnection58, _data$WaterConnection59, _data$SewerageConnect53, _data$SewerageConnect54, _data$WaterConnection60, _data$WaterConnection61, _data$SewerageConnect55, _data$SewerageConnect56, _data$WaterConnection62, _data$WaterConnection63, _data$SewerageConnect57, _data$SewerageConnect58, _data$WaterConnection64, _data$WaterConnection65, _data$SewerageConnect59, _data$SewerageConnect60, _data$WaterConnection66, _data$WaterConnection67, _data$WaterConnection68, _data$WaterConnection69, _data$SewerageConnect61, _data$SewerageConnect62, _data$SewerageConnect63, _data$SewerageConnect64, _connectionDetails$se, _connectionDetails$se2, _connectionDetails$co, _connectionDetails$co2, _connectionDetails$wa, _connectionDetails$wa2, _connectionDetails$ap, _connectionDetails$ap2, _connectionDetails$do, _connectionDetails$do2, _connectionDetails$do3, _connectionDetails$de, _connectionDetails$de2, _data$WaterConnection70, _data$WaterConnection71, _data$WaterConnection72, _data$SewerageConnect65, _data$SewerageConnect66, _data$SewerageConnect67, _data$WaterConnection73, _data$WaterConnection74, _data$WaterConnection75, _data$WaterConnection76, _data$SewerageConnect68, _data$SewerageConnect69, _data$SewerageConnect70, _data$SewerageConnect71, _data$WaterConnection77, _data$WaterConnection78, _data$WaterConnection79, _data$WaterConnection80, _data$SewerageConnect72, _data$SewerageConnect73, _data$SewerageConnect74, _data$SewerageConnect75, _data$WaterConnection81, _data$WaterConnection82, _data$WaterConnection83, _data$WaterConnection84, _data$SewerageConnect76, _data$SewerageConnect77, _data$SewerageConnect78, _data$SewerageConnect79, _data$WaterConnection85, _data$WaterConnection86, _data$WaterConnection87, _data$WaterConnection88, _data$SewerageConnect80, _data$SewerageConnect81, _data$SewerageConnect82, _data$SewerageConnect83, _data$WaterConnection89, _data$WaterConnection90, _data$WaterConnection91, _data$WaterConnection92, _data$SewerageConnect84, _data$SewerageConnect85, _data$SewerageConnect86, _data$SewerageConnect87, _data$WaterConnection93, _data$WaterConnection94, _data$WaterConnection95, _data$WaterConnection96, _data$SewerageConnect88, _data$SewerageConnect89, _data$SewerageConnect90, _data$SewerageConnect91, _data$WaterConnection97, _data$WaterConnection98, _data$WaterConnection99, _data$WaterConnection100, _data$SewerageConnect92, _data$SewerageConnect93, _data$SewerageConnect94, _data$SewerageConnect95, _data$WaterConnection101, _data$WaterConnection102, _data$WaterConnection103, _data$WaterConnection104, _data$SewerageConnect96, _data$SewerageConnect97, _data$SewerageConnect98, _data$SewerageConnect99, _data$WaterConnection105, _data$WaterConnection106, _data$WaterConnection107, _data$WaterConnection108, _data$SewerageConnect100, _data$SewerageConnect101, _data$SewerageConnect102, _data$SewerageConnect103, _data$WaterConnection109, _data$WaterConnection110, _data$WaterConnection111, _data$WaterConnection112, _data$SewerageConnect104, _data$SewerageConnect105, _data$SewerageConnect106, _data$SewerageConnect107, _data$WaterConnection113, _data$WaterConnection114, _data$WaterConnection115, _data$WaterConnection116, _data$SewerageConnect108, _data$SewerageConnect109, _data$SewerageConnect110, _data$SewerageConnect111, _data$WaterConnection117, _data$WaterConnection118, _data$WaterConnection119, _data$WaterConnection120, _data$SewerageConnect112, _data$SewerageConnect113, _data$SewerageConnect114, _data$SewerageConnect115, _data$WaterConnection121, _data$WaterConnection122, _data$WaterConnection123, _data$WaterConnection124, _data$SewerageConnect116, _data$SewerageConnect117, _data$SewerageConnect118, _data$SewerageConnect119, _data$WaterConnection125, _data$WaterConnection126, _data$SewerageConnect120, _data$SewerageConnect121, _PTData$Properties4, _PTData$Properties4$, _PTData$Properties4$$, _PTData$Properties4$$2, _PTData$Properties5, _PTData$Properties5$, _PTData$Properties6, _PTData$Properties6$, _PTData$Properties6$$, _PTData$Properties6$$2, _PTData$Properties7, _PTData$Properties7$, _data$WaterConnection127, _data$WaterConnection128, _data$SewerageConnect122, _data$SewerageConnect123, _data$WaterConnection129, _data$WaterConnection130, _data$SewerageConnect124, _data$SewerageConnect125, _propertyAddress$zro, _propertyAddress$addi, _propertyAddress$addr, _propertyAddress$addr2, _propertyAddress$city, _propertyAddress$city2, _propertyAddress$loca, _propertyAddress$loca2, _propertyAddress$subL, _propertyAddress$subL2, _propertyAddress$asse, _propertyAddress$asse2, _propertyAddress$bloc, _propertyAddress$bloc2, _propertyAddress$ward, _propertyAddress$ward2, _propertyAddress$zone, _propertyAddress$zone2, _useDetails$categoryT, _useDetails$categoryT2, _useDetails$propertyC, _useDetails$propertyC2, _useDetails$propertyT, _useDetails$propertyT2, _useDetails$WaterConn, _useDetails$WaterConn2, _useDetails$waterConn, _useDetails$waterConn2, _useDetails$noOfFloor, _useDetails$noOfFloor2, _useDetails$SelectYea, _useDetails$SelectYea2, _useDetails$SelectYea3, _useDetails$construct, _useDetails$construct2, _data$WaterConnection131, _data$WaterConnection132, _data$WaterConnection133, _data$WaterConnection134, _data$SewerageConnect126, _data$SewerageConnect127, _data$SewerageConnect128, _data$SewerageConnect129, _data$WaterConnection139, _data$WaterConnection140, _data$SewerageConnect134, _data$SewerageConnect135, _paymentDetails$data, _paymentDetails$data$, _paymentDetails$data$2, _data$WaterConnection141, _data$WaterConnection142, _data$SewerageConnect136, _data$SewerageConnect137, _data$WaterConnection143, _data$WaterConnection144, _data$SewerageConnect138, _data$SewerageConnect139, _data$WaterConnection145, _data$WaterConnection146, _data$SewerageConnect140, _data$SewerageConnect141, _data$WaterConnection147, _data$WaterConnection148, _data$WaterConnection149, _data$SewerageConnect142, _data$SewerageConnect143, _data$SewerageConnect144, _PTData$Properties8, _PTData$Properties8$, _PTData$Properties8$$, _data$WaterConnection150, _data$WaterConnection151, _data$WaterConnection152, _data$WaterConnection153, _data$SewerageConnect145, _data$SewerageConnect146, _data$SewerageConnect147, _data$SewerageConnect148, _data$WaterConnection154, _data$WaterConnection155, _data$SewerageConnect149, _data$SewerageConnect150, _data$WaterConnection156, _data$WaterConnection157, _data$SewerageConnect151, _data$SewerageConnect152, _data$WaterConnection158, _data$WaterConnection159, _data$WaterConnection160, _data$WaterConnection161, _data$SewerageConnect153, _data$SewerageConnect154, _data$SewerageConnect155, _data$SewerageConnect156, _data$WaterConnection162, _data$WaterConnection163, _data$SewerageConnect157, _data$SewerageConnect158, _data$SewerageConnect159, _data$SewerageConnect160, _data$SewerageConnect161, _data$SewerageConnect162, _data$SewerageConnect163, _data$SewerageConnect164, _data$SewerageConnect165, _data$SewerageConnect166, _data$SewerageConnect167, _data$WaterConnection164, _data$WaterConnection165, _data$WaterConnection166, _data$WaterConnection167, _data$WaterConnection168, _data$WaterConnection169, _data$WaterConnection170, _data$WaterConnection171, _data$WaterConnection172;
+  var _user$info, _user$info$userName, _user$info2, _user$info3, _Digit$SessionStorage, _user$info4, _data$WaterConnection, _data$WaterConnection2, _data$SewerageConnect, _data$SewerageConnect2, _data$WaterConnection3, _data$WaterConnection4, _data$SewerageConnect3, _data$SewerageConnect4, _data$WaterConnection5, _data$WaterConnection6, _data$SewerageConnect5, _data$SewerageConnect6, _data$WaterConnection7, _data$WaterConnection8, _data$SewerageConnect7, _data$SewerageConnect8, _data$WaterConnection9, _data$WaterConnection0, _data$SewerageConnect9, _data$SewerageConnect0, _data$WaterConnection1, _data$SewerageConnect1, _PTData$Properties, _PTData$Properties$, _data$WaterConnection10, _data$WaterConnection11, _data$WaterConnection12, _data$WaterConnection13, _data$SewerageConnect10, _data$SewerageConnect11, _data$SewerageConnect12, _data$SewerageConnect13, _data$WaterConnection14, _data$WaterConnection15, _data$SewerageConnect14, _data$SewerageConnect15, _appDetailsData$appli, _data$WaterConnection34, _data$WaterConnection35, _data$SewerageConnect30, _data$SewerageConnect31, _data$WaterConnection36, _data$WaterConnection37, _data$SewerageConnect32, _data$SewerageConnect33, _data$WaterConnection38, _data$WaterConnection39, _data$SewerageConnect34, _data$SewerageConnect35, _data$WaterConnection40, _data$WaterConnection41, _data$SewerageConnect36, _data$SewerageConnect37, _data$WaterConnection42, _data$WaterConnection43, _data$SewerageConnect38, _data$WaterConnection44, _data$WaterConnection45, _data$SewerageConnect39, _data$SewerageConnect40, _data$WaterConnection46, _data$WaterConnection47, _data$SewerageConnect41, _data$SewerageConnect42, _data$WaterConnection48, _data$WaterConnection49, _data$SewerageConnect43, _data$SewerageConnect44, _data$WaterConnection50, _data$WaterConnection51, _data$SewerageConnect45, _data$SewerageConnect46, _data$WaterConnection52, _data$WaterConnection53, _data$SewerageConnect47, _data$SewerageConnect48, _data$WaterConnection54, _data$WaterConnection55, _data$SewerageConnect49, _data$SewerageConnect50, _data$WaterConnection56, _data$WaterConnection57, _data$SewerageConnect51, _data$SewerageConnect52, _data$WaterConnection58, _data$WaterConnection59, _data$SewerageConnect53, _data$SewerageConnect54, _data$WaterConnection60, _data$WaterConnection61, _data$SewerageConnect55, _data$SewerageConnect56, _data$WaterConnection62, _data$WaterConnection63, _data$SewerageConnect57, _data$SewerageConnect58, _data$WaterConnection64, _data$WaterConnection65, _data$WaterConnection66, _data$WaterConnection67, _data$SewerageConnect59, _data$SewerageConnect60, _data$SewerageConnect61, _data$SewerageConnect62, _connectionDetails$se, _connectionDetails$se2, _connectionDetails$co, _connectionDetails$co2, _connectionDetails$wa, _connectionDetails$wa2, _connectionDetails$ap, _connectionDetails$ap2, _connectionDetails$do, _connectionDetails$do2, _connectionDetails$do3, _connectionDetails$de, _connectionDetails$de2, _data$WaterConnection68, _data$WaterConnection69, _data$WaterConnection70, _data$SewerageConnect63, _data$SewerageConnect64, _data$SewerageConnect65, _data$WaterConnection71, _data$WaterConnection72, _data$WaterConnection73, _data$WaterConnection74, _data$SewerageConnect66, _data$SewerageConnect67, _data$SewerageConnect68, _data$SewerageConnect69, _data$WaterConnection75, _data$WaterConnection76, _data$WaterConnection77, _data$WaterConnection78, _data$SewerageConnect70, _data$SewerageConnect71, _data$SewerageConnect72, _data$SewerageConnect73, _data$WaterConnection79, _data$WaterConnection80, _data$WaterConnection81, _data$WaterConnection82, _data$SewerageConnect74, _data$SewerageConnect75, _data$SewerageConnect76, _data$SewerageConnect77, _data$WaterConnection83, _data$WaterConnection84, _data$WaterConnection85, _data$WaterConnection86, _data$SewerageConnect78, _data$SewerageConnect79, _data$SewerageConnect80, _data$SewerageConnect81, _data$WaterConnection87, _data$WaterConnection88, _data$WaterConnection89, _data$WaterConnection90, _data$SewerageConnect82, _data$SewerageConnect83, _data$SewerageConnect84, _data$SewerageConnect85, _data$WaterConnection91, _data$WaterConnection92, _data$WaterConnection93, _data$WaterConnection94, _data$SewerageConnect86, _data$SewerageConnect87, _data$SewerageConnect88, _data$SewerageConnect89, _data$WaterConnection95, _data$WaterConnection96, _data$WaterConnection97, _data$WaterConnection98, _data$SewerageConnect90, _data$SewerageConnect91, _data$SewerageConnect92, _data$SewerageConnect93, _data$WaterConnection99, _data$WaterConnection100, _data$WaterConnection101, _data$WaterConnection102, _data$SewerageConnect94, _data$SewerageConnect95, _data$SewerageConnect96, _data$SewerageConnect97, _data$WaterConnection103, _data$WaterConnection104, _data$WaterConnection105, _data$WaterConnection106, _data$SewerageConnect98, _data$SewerageConnect99, _data$SewerageConnect100, _data$SewerageConnect101, _data$WaterConnection107, _data$WaterConnection108, _data$WaterConnection109, _data$WaterConnection110, _data$SewerageConnect102, _data$SewerageConnect103, _data$SewerageConnect104, _data$SewerageConnect105, _data$WaterConnection111, _data$WaterConnection112, _data$WaterConnection113, _data$WaterConnection114, _data$SewerageConnect106, _data$SewerageConnect107, _data$SewerageConnect108, _data$SewerageConnect109, _data$WaterConnection115, _data$WaterConnection116, _data$WaterConnection117, _data$WaterConnection118, _data$SewerageConnect110, _data$SewerageConnect111, _data$SewerageConnect112, _data$SewerageConnect113, _data$WaterConnection119, _data$WaterConnection120, _data$WaterConnection121, _data$WaterConnection122, _data$SewerageConnect114, _data$SewerageConnect115, _data$SewerageConnect116, _data$SewerageConnect117, _data$WaterConnection123, _data$WaterConnection124, _data$SewerageConnect118, _data$SewerageConnect119, _PTData$Properties4, _PTData$Properties4$, _PTData$Properties4$$, _PTData$Properties4$$2, _PTData$Properties5, _PTData$Properties5$, _PTData$Properties6, _PTData$Properties6$, _PTData$Properties6$$, _PTData$Properties6$$2, _PTData$Properties7, _PTData$Properties7$, _data$WaterConnection125, _data$WaterConnection126, _data$SewerageConnect120, _data$SewerageConnect121, _data$WaterConnection127, _data$WaterConnection128, _data$SewerageConnect122, _data$SewerageConnect123, _propertyAddress$zro, _propertyAddress$addi, _propertyAddress$addr, _propertyAddress$addr2, _propertyAddress$city, _propertyAddress$city2, _propertyAddress$loca, _propertyAddress$loca2, _propertyAddress$subL, _propertyAddress$subL2, _propertyAddress$asse, _propertyAddress$asse2, _propertyAddress$bloc, _propertyAddress$bloc2, _propertyAddress$ward, _propertyAddress$ward2, _propertyAddress$zone, _propertyAddress$zone2, _useDetails$categoryT, _useDetails$categoryT2, _useDetails$propertyC, _useDetails$propertyC2, _useDetails$propertyT, _useDetails$propertyT2, _useDetails$WaterConn, _useDetails$WaterConn2, _useDetails$waterConn, _useDetails$waterConn2, _useDetails$noOfFloor, _useDetails$noOfFloor2, _useDetails$SelectYea, _useDetails$SelectYea2, _useDetails$SelectYea3, _useDetails$construct, _useDetails$construct2, _data$WaterConnection129, _data$WaterConnection130, _data$WaterConnection131, _data$WaterConnection132, _data$SewerageConnect124, _data$SewerageConnect125, _data$SewerageConnect126, _data$SewerageConnect127, _data$WaterConnection137, _data$WaterConnection138, _data$SewerageConnect132, _data$SewerageConnect133, _paymentDetails$data, _paymentDetails$data$, _paymentDetails$data$2, _data$WaterConnection139, _data$WaterConnection140, _data$SewerageConnect134, _data$SewerageConnect135, _data$WaterConnection141, _data$WaterConnection142, _data$SewerageConnect136, _data$SewerageConnect137, _data$WaterConnection143, _data$WaterConnection144, _data$SewerageConnect138, _data$SewerageConnect139, _data$WaterConnection145, _data$WaterConnection146, _data$WaterConnection147, _data$SewerageConnect140, _data$SewerageConnect141, _data$SewerageConnect142, _PTData$Properties8, _PTData$Properties8$, _PTData$Properties8$$, _data$WaterConnection148, _data$WaterConnection149, _data$WaterConnection150, _data$WaterConnection151, _data$SewerageConnect143, _data$SewerageConnect144, _data$SewerageConnect145, _data$SewerageConnect146, _data$WaterConnection152, _data$WaterConnection153, _data$SewerageConnect147, _data$SewerageConnect148, _data$WaterConnection154, _data$WaterConnection155, _data$SewerageConnect149, _data$SewerageConnect150, _data$WaterConnection156, _data$WaterConnection157, _data$WaterConnection158, _data$WaterConnection159, _data$SewerageConnect151, _data$SewerageConnect152, _data$SewerageConnect153, _data$SewerageConnect154, _data$WaterConnection160, _data$WaterConnection161, _data$SewerageConnect155, _data$SewerageConnect156, _data$SewerageConnect157, _data$SewerageConnect158, _data$SewerageConnect159, _data$SewerageConnect160, _data$SewerageConnect161, _data$SewerageConnect162, _data$SewerageConnect163, _data$SewerageConnect164, _data$SewerageConnect165, _data$WaterConnection162, _data$WaterConnection163, _data$WaterConnection164, _data$WaterConnection165, _data$WaterConnection166, _data$WaterConnection167, _data$WaterConnection168, _data$WaterConnection169, _data$WaterConnection170;
   const getDisconnectionNoticeSearch = function () {
     try {
-      var _data$WaterConnection174, _data$WaterConnection175, _data$SewerageConnect169, _data$SewerageConnect170;
+      var _data$WaterConnection172, _data$WaterConnection173, _data$SewerageConnect167, _data$SewerageConnect168;
       let key = "ws-waterdisconnectionnotice";
       let details = {};
       if (applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS")) {
-        var _data$WaterConnection173, _PTData$Properties9;
+        var _data$WaterConnection171, _PTData$Properties9;
         details = {
-          WaterConnection: [_extends({}, data === null || data === void 0 ? void 0 : (_data$WaterConnection173 = data.WaterConnection) === null || _data$WaterConnection173 === void 0 ? void 0 : _data$WaterConnection173[0], {
+          WaterConnection: [_extends({}, data === null || data === void 0 ? void 0 : (_data$WaterConnection171 = data.WaterConnection) === null || _data$WaterConnection171 === void 0 ? void 0 : _data$WaterConnection171[0], {
             property: PTData === null || PTData === void 0 ? void 0 : (_PTData$Properties9 = PTData.Properties) === null || _PTData$Properties9 === void 0 ? void 0 : _PTData$Properties9[0]
           })]
         };
       } else {
-        var _data$SewerageConnect168, _PTData$Properties0;
+        var _data$SewerageConnect166, _PTData$Properties0;
         key = "ws-seweragedisconnectionnotice";
         details = {
-          SewerageConnection: [_extends({}, data === null || data === void 0 ? void 0 : (_data$SewerageConnect168 = data.SewerageConnections) === null || _data$SewerageConnect168 === void 0 ? void 0 : _data$SewerageConnect168[0], {
+          SewerageConnection: [_extends({}, data === null || data === void 0 ? void 0 : (_data$SewerageConnect166 = data.SewerageConnections) === null || _data$SewerageConnect166 === void 0 ? void 0 : _data$SewerageConnect166[0], {
             property: PTData === null || PTData === void 0 ? void 0 : (_PTData$Properties0 = PTData.Properties) === null || _PTData$Properties0 === void 0 ? void 0 : _PTData$Properties0[0]
           })]
         };
       }
-      return Promise.resolve(Digit.WSService.WSDisconnectionNotice((data === null || data === void 0 ? void 0 : (_data$WaterConnection174 = data.WaterConnection) === null || _data$WaterConnection174 === void 0 ? void 0 : (_data$WaterConnection175 = _data$WaterConnection174[0]) === null || _data$WaterConnection175 === void 0 ? void 0 : _data$WaterConnection175.tenantId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect169 = data.SewerageConnections) === null || _data$SewerageConnect169 === void 0 ? void 0 : (_data$SewerageConnect170 = _data$SewerageConnect169[0]) === null || _data$SewerageConnect170 === void 0 ? void 0 : _data$SewerageConnect170.tenantId), details, key)).then(function (response) {
-        var _data$WaterConnection176, _data$WaterConnection177, _data$SewerageConnect171, _data$SewerageConnect172;
-        return Promise.resolve(Digit.PaymentService.printReciept((data === null || data === void 0 ? void 0 : (_data$WaterConnection176 = data.WaterConnection) === null || _data$WaterConnection176 === void 0 ? void 0 : (_data$WaterConnection177 = _data$WaterConnection176[0]) === null || _data$WaterConnection177 === void 0 ? void 0 : _data$WaterConnection177.tenantId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect171 = data.SewerageConnections) === null || _data$SewerageConnect171 === void 0 ? void 0 : (_data$SewerageConnect172 = _data$SewerageConnect171[0]) === null || _data$SewerageConnect172 === void 0 ? void 0 : _data$SewerageConnect172.tenantId), {
+      return Promise.resolve(Digit.WSService.WSDisconnectionNotice((data === null || data === void 0 ? void 0 : (_data$WaterConnection172 = data.WaterConnection) === null || _data$WaterConnection172 === void 0 ? void 0 : (_data$WaterConnection173 = _data$WaterConnection172[0]) === null || _data$WaterConnection173 === void 0 ? void 0 : _data$WaterConnection173.tenantId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect167 = data.SewerageConnections) === null || _data$SewerageConnect167 === void 0 ? void 0 : (_data$SewerageConnect168 = _data$SewerageConnect167[0]) === null || _data$SewerageConnect168 === void 0 ? void 0 : _data$SewerageConnect168.tenantId), details, key)).then(function (response) {
+        var _data$WaterConnection174, _data$WaterConnection175, _data$SewerageConnect169, _data$SewerageConnect170;
+        return Promise.resolve(Digit.PaymentService.printReciept((data === null || data === void 0 ? void 0 : (_data$WaterConnection174 = data.WaterConnection) === null || _data$WaterConnection174 === void 0 ? void 0 : (_data$WaterConnection175 = _data$WaterConnection174[0]) === null || _data$WaterConnection175 === void 0 ? void 0 : _data$WaterConnection175.tenantId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect169 = data.SewerageConnections) === null || _data$SewerageConnect169 === void 0 ? void 0 : (_data$SewerageConnect170 = _data$SewerageConnect169[0]) === null || _data$SewerageConnect170 === void 0 ? void 0 : _data$SewerageConnect170.tenantId), {
           fileStoreIds: response.filestoreIds[0]
         })).then(function (fileStore) {
           window.open(fileStore[response === null || response === void 0 ? void 0 : response.filestoreIds[0]], "_blank");
@@ -29083,7 +29217,8 @@ const WSApplicationDetails = () => {
       model: "WnSConnectionOwner"
     }
   }) || false;
-  const isPaid = (data === null || data === void 0 ? void 0 : (_data$WaterConnection14 = data.WaterConnection) === null || _data$WaterConnection14 === void 0 ? void 0 : (_data$WaterConnection15 = _data$WaterConnection14[0]) === null || _data$WaterConnection15 === void 0 ? void 0 : _data$WaterConnection15.applicationStatus) === "CONNECTION_ACTIVATED" || (data === null || data === void 0 ? void 0 : (_data$WaterConnection16 = data.WaterConnection) === null || _data$WaterConnection16 === void 0 ? void 0 : (_data$WaterConnection17 = _data$WaterConnection16[0]) === null || _data$WaterConnection17 === void 0 ? void 0 : _data$WaterConnection17.applicationStatus) === "PENDING_FOR_CONNECTION_ACTIVATION" || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect14 = data.SewerageConnections) === null || _data$SewerageConnect14 === void 0 ? void 0 : (_data$SewerageConnect15 = _data$SewerageConnect14[0]) === null || _data$SewerageConnect15 === void 0 ? void 0 : _data$SewerageConnect15.applicationStatus) === "CONNECTION_ACTIVATED" || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect16 = data.SewerageConnections) === null || _data$SewerageConnect16 === void 0 ? void 0 : (_data$SewerageConnect17 = _data$SewerageConnect16[0]) === null || _data$SewerageConnect17 === void 0 ? void 0 : _data$SewerageConnect17.applicationStatus) === "PENDING_FOR_CONNECTION_ACTIVATION" ? true : false;
+  const applicationStatus = (data === null || data === void 0 ? void 0 : (_data$WaterConnection14 = data.WaterConnection) === null || _data$WaterConnection14 === void 0 ? void 0 : (_data$WaterConnection15 = _data$WaterConnection14[0]) === null || _data$WaterConnection15 === void 0 ? void 0 : _data$WaterConnection15.applicationStatus) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect14 = data.SewerageConnections) === null || _data$SewerageConnect14 === void 0 ? void 0 : (_data$SewerageConnect15 = _data$SewerageConnect14[0]) === null || _data$SewerageConnect15 === void 0 ? void 0 : _data$SewerageConnect15.applicationStatus);
+  const isPaid = applicationStatus && applicationStatus !== "INITIATED" && applicationStatus !== "PENDING_FOR_PAYMENT" ? true : false;
   const _Digit$Hooks$ws$useWS = Digit.Hooks.ws.useWSDetailsPage(t, tenantId, applicationNobyData, applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("SW") ? "SEWERAGE" : "WATER", user),
     isAppDetailsLoading = _Digit$Hooks$ws$useWS.isLoading,
     appDetailsData = _Digit$Hooks$ws$useWS.data;
@@ -29096,9 +29231,9 @@ const WSApplicationDetails = () => {
   }
   const handleDownloadPdf = function () {
     try {
-      var _data$WaterConnection18, _data$WaterConnection19, _data$SewerageConnect18, _data$SewerageConnect19, _data$WaterConnection20, _data$SewerageConnect20, _PTData$Properties2;
-      const tenantInfo = (data === null || data === void 0 ? void 0 : (_data$WaterConnection18 = data.WaterConnection) === null || _data$WaterConnection18 === void 0 ? void 0 : (_data$WaterConnection19 = _data$WaterConnection18[0]) === null || _data$WaterConnection19 === void 0 ? void 0 : _data$WaterConnection19.tenantId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect18 = data.SewerageConnections) === null || _data$SewerageConnect18 === void 0 ? void 0 : (_data$SewerageConnect19 = _data$SewerageConnect18[0]) === null || _data$SewerageConnect19 === void 0 ? void 0 : _data$SewerageConnect19.tenantId);
-      let res = (data === null || data === void 0 ? void 0 : (_data$WaterConnection20 = data.WaterConnection) === null || _data$WaterConnection20 === void 0 ? void 0 : _data$WaterConnection20[0]) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect20 = data.SewerageConnections) === null || _data$SewerageConnect20 === void 0 ? void 0 : _data$SewerageConnect20[0]);
+      var _data$WaterConnection16, _data$WaterConnection17, _data$SewerageConnect16, _data$SewerageConnect17, _data$WaterConnection18, _data$SewerageConnect18, _PTData$Properties2;
+      const tenantInfo = (data === null || data === void 0 ? void 0 : (_data$WaterConnection16 = data.WaterConnection) === null || _data$WaterConnection16 === void 0 ? void 0 : (_data$WaterConnection17 = _data$WaterConnection16[0]) === null || _data$WaterConnection17 === void 0 ? void 0 : _data$WaterConnection17.tenantId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect16 = data.SewerageConnections) === null || _data$SewerageConnect16 === void 0 ? void 0 : (_data$SewerageConnect17 = _data$SewerageConnect16[0]) === null || _data$SewerageConnect17 === void 0 ? void 0 : _data$SewerageConnect17.tenantId);
+      let res = (data === null || data === void 0 ? void 0 : (_data$WaterConnection18 = data.WaterConnection) === null || _data$WaterConnection18 === void 0 ? void 0 : _data$WaterConnection18[0]) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect18 = data.SewerageConnections) === null || _data$SewerageConnect18 === void 0 ? void 0 : _data$SewerageConnect18[0]);
       const PDFdata = getWSAcknowledgementData(_extends({}, res), _extends({}, PTData === null || PTData === void 0 ? void 0 : (_PTData$Properties2 = PTData.Properties) === null || _PTData$Properties2 === void 0 ? void 0 : _PTData$Properties2[0]), tenantInfo, t);
       PDFdata.then(ress => Digit.Utils.pdf.generatev1(ress));
       setShowOptions(false);
@@ -29109,9 +29244,9 @@ const WSApplicationDetails = () => {
   };
   const handleDownloadDisconnectPdf = function () {
     try {
-      var _data$WaterConnection21, _data$WaterConnection22, _data$SewerageConnect21, _data$SewerageConnect22, _data$WaterConnection23, _data$SewerageConnect23, _PTData$Properties3;
-      const tenantInfo = (data === null || data === void 0 ? void 0 : (_data$WaterConnection21 = data.WaterConnection) === null || _data$WaterConnection21 === void 0 ? void 0 : (_data$WaterConnection22 = _data$WaterConnection21[0]) === null || _data$WaterConnection22 === void 0 ? void 0 : _data$WaterConnection22.tenantId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect21 = data.SewerageConnections) === null || _data$SewerageConnect21 === void 0 ? void 0 : (_data$SewerageConnect22 = _data$SewerageConnect21[0]) === null || _data$SewerageConnect22 === void 0 ? void 0 : _data$SewerageConnect22.tenantId);
-      let res = (data === null || data === void 0 ? void 0 : (_data$WaterConnection23 = data.WaterConnection) === null || _data$WaterConnection23 === void 0 ? void 0 : _data$WaterConnection23[0]) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect23 = data.SewerageConnections) === null || _data$SewerageConnect23 === void 0 ? void 0 : _data$SewerageConnect23[0]);
+      var _data$WaterConnection19, _data$WaterConnection20, _data$SewerageConnect19, _data$SewerageConnect20, _data$WaterConnection21, _data$SewerageConnect21, _PTData$Properties3;
+      const tenantInfo = (data === null || data === void 0 ? void 0 : (_data$WaterConnection19 = data.WaterConnection) === null || _data$WaterConnection19 === void 0 ? void 0 : (_data$WaterConnection20 = _data$WaterConnection19[0]) === null || _data$WaterConnection20 === void 0 ? void 0 : _data$WaterConnection20.tenantId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect19 = data.SewerageConnections) === null || _data$SewerageConnect19 === void 0 ? void 0 : (_data$SewerageConnect20 = _data$SewerageConnect19[0]) === null || _data$SewerageConnect20 === void 0 ? void 0 : _data$SewerageConnect20.tenantId);
+      let res = (data === null || data === void 0 ? void 0 : (_data$WaterConnection21 = data.WaterConnection) === null || _data$WaterConnection21 === void 0 ? void 0 : _data$WaterConnection21[0]) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect21 = data.SewerageConnections) === null || _data$SewerageConnect21 === void 0 ? void 0 : _data$SewerageConnect21[0]);
       const PDFdata = getWSDisconnectionApplicationForm(_extends({}, res), _extends({}, PTData === null || PTData === void 0 ? void 0 : (_PTData$Properties3 = PTData.Properties) === null || _PTData$Properties3 === void 0 ? void 0 : _PTData$Properties3[0]), tenantInfo, t);
       PDFdata.then(ress => Digit.Utils.pdf.generatev1(ress));
       setShowOptions(false);
@@ -29122,12 +29257,12 @@ const WSApplicationDetails = () => {
   };
   const printApplicationReceipts = function () {
     try {
-      var _data$WaterConnection24, _data$WaterConnection25, _data$WaterConnection26, _data$WaterConnection27, _data$SewerageConnect24, _data$SewerageConnect25;
+      var _data$WaterConnection22, _data$WaterConnection23, _data$WaterConnection24, _data$WaterConnection25, _data$SewerageConnect22, _data$SewerageConnect23;
       const tenantId = Digit.ULBService.getCurrentTenantId();
       const state = Digit.ULBService.getStateId();
-      let key = data !== null && data !== void 0 && (_data$WaterConnection24 = data.WaterConnection) !== null && _data$WaterConnection24 !== void 0 && _data$WaterConnection24[0] ? "WS.ONE_TIME_FEE" : "SW.ONE_TIME_FEE";
+      let key = data !== null && data !== void 0 && (_data$WaterConnection22 = data.WaterConnection) !== null && _data$WaterConnection22 !== void 0 && _data$WaterConnection22[0] ? "WS.ONE_TIME_FEE" : "SW.ONE_TIME_FEE";
       return Promise.resolve(Digit.PaymentService.getReciept(tenantId, key, {
-        consumerCodes: data !== null && data !== void 0 && (_data$WaterConnection25 = data.WaterConnection) !== null && _data$WaterConnection25 !== void 0 && _data$WaterConnection25[0] ? data === null || data === void 0 ? void 0 : (_data$WaterConnection26 = data.WaterConnection) === null || _data$WaterConnection26 === void 0 ? void 0 : (_data$WaterConnection27 = _data$WaterConnection26[0]) === null || _data$WaterConnection27 === void 0 ? void 0 : _data$WaterConnection27.applicationNo : data === null || data === void 0 ? void 0 : (_data$SewerageConnect24 = data.SewerageConnections) === null || _data$SewerageConnect24 === void 0 ? void 0 : (_data$SewerageConnect25 = _data$SewerageConnect24[0]) === null || _data$SewerageConnect25 === void 0 ? void 0 : _data$SewerageConnect25.applicationNo
+        consumerCodes: data !== null && data !== void 0 && (_data$WaterConnection23 = data.WaterConnection) !== null && _data$WaterConnection23 !== void 0 && _data$WaterConnection23[0] ? data === null || data === void 0 ? void 0 : (_data$WaterConnection24 = data.WaterConnection) === null || _data$WaterConnection24 === void 0 ? void 0 : (_data$WaterConnection25 = _data$WaterConnection24[0]) === null || _data$WaterConnection25 === void 0 ? void 0 : _data$WaterConnection25.applicationNo : data === null || data === void 0 ? void 0 : (_data$SewerageConnect22 = data.SewerageConnections) === null || _data$SewerageConnect22 === void 0 ? void 0 : (_data$SewerageConnect23 = _data$SewerageConnect22[0]) === null || _data$SewerageConnect23 === void 0 ? void 0 : _data$SewerageConnect23.applicationNo
       })).then(function (payments) {
         var _payments$Payments$;
         function _temp2() {
@@ -29160,16 +29295,16 @@ const WSApplicationDetails = () => {
     order: 1,
     label: t("WS_ESTIMATION_NOTICE"),
     onClick: () => {
-      var _data$WaterConnection28, _data$WaterConnection29, _data$WaterConnection30, _data$WaterConnection31, _data$SewerageConnect26, _data$SewerageConnect27, _data$SewerageConnect28;
-      return data !== null && data !== void 0 && (_data$WaterConnection28 = data.WaterConnection) !== null && _data$WaterConnection28 !== void 0 && _data$WaterConnection28[0] ? getFiles([data === null || data === void 0 ? void 0 : (_data$WaterConnection29 = data.WaterConnection) === null || _data$WaterConnection29 === void 0 ? void 0 : (_data$WaterConnection30 = _data$WaterConnection29[0]) === null || _data$WaterConnection30 === void 0 ? void 0 : (_data$WaterConnection31 = _data$WaterConnection30.additionalDetails) === null || _data$WaterConnection31 === void 0 ? void 0 : _data$WaterConnection31.estimationFileStoreId], tenantId) : getFiles([data === null || data === void 0 ? void 0 : (_data$SewerageConnect26 = data.SewerageConnections) === null || _data$SewerageConnect26 === void 0 ? void 0 : (_data$SewerageConnect27 = _data$SewerageConnect26[0]) === null || _data$SewerageConnect27 === void 0 ? void 0 : (_data$SewerageConnect28 = _data$SewerageConnect27.additionalDetails) === null || _data$SewerageConnect28 === void 0 ? void 0 : _data$SewerageConnect28.estimationFileStoreId], tenantId);
+      var _data$WaterConnection26, _data$WaterConnection27, _data$WaterConnection28, _data$WaterConnection29, _data$SewerageConnect24, _data$SewerageConnect25, _data$SewerageConnect26;
+      return data !== null && data !== void 0 && (_data$WaterConnection26 = data.WaterConnection) !== null && _data$WaterConnection26 !== void 0 && _data$WaterConnection26[0] ? getFiles([data === null || data === void 0 ? void 0 : (_data$WaterConnection27 = data.WaterConnection) === null || _data$WaterConnection27 === void 0 ? void 0 : (_data$WaterConnection28 = _data$WaterConnection27[0]) === null || _data$WaterConnection28 === void 0 ? void 0 : (_data$WaterConnection29 = _data$WaterConnection28.additionalDetails) === null || _data$WaterConnection29 === void 0 ? void 0 : _data$WaterConnection29.estimationFileStoreId], tenantId) : getFiles([data === null || data === void 0 ? void 0 : (_data$SewerageConnect24 = data.SewerageConnections) === null || _data$SewerageConnect24 === void 0 ? void 0 : (_data$SewerageConnect25 = _data$SewerageConnect24[0]) === null || _data$SewerageConnect25 === void 0 ? void 0 : (_data$SewerageConnect26 = _data$SewerageConnect25.additionalDetails) === null || _data$SewerageConnect26 === void 0 ? void 0 : _data$SewerageConnect26.estimationFileStoreId], tenantId);
     }
   };
   const sanctionDownloadObject = {
     order: 2,
     label: t("WS_SANCTION_LETTER"),
     onClick: () => {
-      var _data$WaterConnection32, _data$WaterConnection33, _data$WaterConnection34, _data$WaterConnection35, _data$SewerageConnect29, _data$SewerageConnect30, _data$SewerageConnect31;
-      return data !== null && data !== void 0 && (_data$WaterConnection32 = data.WaterConnection) !== null && _data$WaterConnection32 !== void 0 && _data$WaterConnection32[0] ? getFiles([data === null || data === void 0 ? void 0 : (_data$WaterConnection33 = data.WaterConnection) === null || _data$WaterConnection33 === void 0 ? void 0 : (_data$WaterConnection34 = _data$WaterConnection33[0]) === null || _data$WaterConnection34 === void 0 ? void 0 : (_data$WaterConnection35 = _data$WaterConnection34.additionalDetails) === null || _data$WaterConnection35 === void 0 ? void 0 : _data$WaterConnection35.sanctionFileStoreId], tenantId) : getFiles([data === null || data === void 0 ? void 0 : (_data$SewerageConnect29 = data.SewerageConnections) === null || _data$SewerageConnect29 === void 0 ? void 0 : (_data$SewerageConnect30 = _data$SewerageConnect29[0]) === null || _data$SewerageConnect30 === void 0 ? void 0 : (_data$SewerageConnect31 = _data$SewerageConnect30.additionalDetails) === null || _data$SewerageConnect31 === void 0 ? void 0 : _data$SewerageConnect31.sanctionFileStoreId], tenantId);
+      var _data$WaterConnection30, _data$WaterConnection31, _data$WaterConnection32, _data$WaterConnection33, _data$SewerageConnect27, _data$SewerageConnect28, _data$SewerageConnect29;
+      return data !== null && data !== void 0 && (_data$WaterConnection30 = data.WaterConnection) !== null && _data$WaterConnection30 !== void 0 && _data$WaterConnection30[0] ? getFiles([data === null || data === void 0 ? void 0 : (_data$WaterConnection31 = data.WaterConnection) === null || _data$WaterConnection31 === void 0 ? void 0 : (_data$WaterConnection32 = _data$WaterConnection31[0]) === null || _data$WaterConnection32 === void 0 ? void 0 : (_data$WaterConnection33 = _data$WaterConnection32.additionalDetails) === null || _data$WaterConnection33 === void 0 ? void 0 : _data$WaterConnection33.sanctionFileStoreId], tenantId) : getFiles([data === null || data === void 0 ? void 0 : (_data$SewerageConnect27 = data.SewerageConnections) === null || _data$SewerageConnect27 === void 0 ? void 0 : (_data$SewerageConnect28 = _data$SewerageConnect27[0]) === null || _data$SewerageConnect28 === void 0 ? void 0 : (_data$SewerageConnect29 = _data$SewerageConnect28.additionalDetails) === null || _data$SewerageConnect29 === void 0 ? void 0 : _data$SewerageConnect29.sanctionFileStoreId], tenantId);
     }
   };
   const applicationDownloadObject = {
@@ -29191,11 +29326,11 @@ const WSApplicationDetails = () => {
     label: t("WS_DISCONNECTION_NOTICE_LABEL"),
     onClick: () => getDisconnectionNoticeSearch()
   }];
-  const isDisconnection = (data === null || data === void 0 ? void 0 : (_data$WaterConnection36 = data.WaterConnection) === null || _data$WaterConnection36 === void 0 ? void 0 : (_data$WaterConnection37 = _data$WaterConnection36[0].applicationType) === null || _data$WaterConnection37 === void 0 ? void 0 : _data$WaterConnection37.includes("DISCONNECT")) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect32 = data.SewerageConnections) === null || _data$SewerageConnect32 === void 0 ? void 0 : (_data$SewerageConnect33 = _data$SewerageConnect32[0].applicationType) === null || _data$SewerageConnect33 === void 0 ? void 0 : _data$SewerageConnect33.includes("DISCONNECT"));
-  const appStatus = (data === null || data === void 0 ? void 0 : (_data$WaterConnection38 = data.WaterConnection) === null || _data$WaterConnection38 === void 0 ? void 0 : (_data$WaterConnection39 = _data$WaterConnection38[0]) === null || _data$WaterConnection39 === void 0 ? void 0 : _data$WaterConnection39.applicationStatus) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect34 = data.SewerageConnections) === null || _data$SewerageConnect34 === void 0 ? void 0 : (_data$SewerageConnect35 = _data$SewerageConnect34[0]) === null || _data$SewerageConnect35 === void 0 ? void 0 : _data$SewerageConnect35.applicationStatus);
+  const isDisconnection = (data === null || data === void 0 ? void 0 : (_data$WaterConnection34 = data.WaterConnection) === null || _data$WaterConnection34 === void 0 ? void 0 : (_data$WaterConnection35 = _data$WaterConnection34[0].applicationType) === null || _data$WaterConnection35 === void 0 ? void 0 : _data$WaterConnection35.includes("DISCONNECT")) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect30 = data.SewerageConnections) === null || _data$SewerageConnect30 === void 0 ? void 0 : (_data$SewerageConnect31 = _data$SewerageConnect30[0].applicationType) === null || _data$SewerageConnect31 === void 0 ? void 0 : _data$SewerageConnect31.includes("DISCONNECT"));
+  const appStatus = (data === null || data === void 0 ? void 0 : (_data$WaterConnection36 = data.WaterConnection) === null || _data$WaterConnection36 === void 0 ? void 0 : (_data$WaterConnection37 = _data$WaterConnection36[0]) === null || _data$WaterConnection37 === void 0 ? void 0 : _data$WaterConnection37.applicationStatus) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect32 = data.SewerageConnections) === null || _data$SewerageConnect32 === void 0 ? void 0 : (_data$SewerageConnect33 = _data$SewerageConnect32[0]) === null || _data$SewerageConnect33 === void 0 ? void 0 : _data$SewerageConnect33.applicationStatus);
   switch (appStatus) {
     case "PENDING_FOR_DOCUMENT_VERIFICATION":
-      if (data !== null && data !== void 0 && (_data$WaterConnection40 = data.WaterConnection) !== null && _data$WaterConnection40 !== void 0 && (_data$WaterConnection41 = _data$WaterConnection40[0].applicationType) !== null && _data$WaterConnection41 !== void 0 && _data$WaterConnection41.includes("DISCONNECT") || data !== null && data !== void 0 && (_data$SewerageConnect36 = data.SewerageConnections) !== null && _data$SewerageConnect36 !== void 0 && (_data$SewerageConnect37 = _data$SewerageConnect36[0].applicationType) !== null && _data$SewerageConnect37 !== void 0 && _data$SewerageConnect37.includes("DISCONNECT")) {
+      if (data !== null && data !== void 0 && (_data$WaterConnection38 = data.WaterConnection) !== null && _data$WaterConnection38 !== void 0 && (_data$WaterConnection39 = _data$WaterConnection38[0].applicationType) !== null && _data$WaterConnection39 !== void 0 && _data$WaterConnection39.includes("DISCONNECT") || data !== null && data !== void 0 && (_data$SewerageConnect34 = data.SewerageConnections) !== null && _data$SewerageConnect34 !== void 0 && (_data$SewerageConnect35 = _data$SewerageConnect34[0].applicationType) !== null && _data$SewerageConnect35 !== void 0 && _data$SewerageConnect35.includes("DISCONNECT")) {
         downloadOptions = disconnectionNoticeNApplicationFormOptions;
       } else {
         downloadOptions = downloadOptions.concat(applicationDownloadObject);
@@ -29219,7 +29354,7 @@ const WSApplicationDetails = () => {
     case "PENDING_FOR_DISCONNECTION_EXECUTION":
     case "DISCONNECTION_EXECUTED":
     case "PENDING_FOR_PAYMENT":
-      if (data !== null && data !== void 0 && (_data$WaterConnection42 = data.WaterConnection) !== null && _data$WaterConnection42 !== void 0 && (_data$WaterConnection43 = _data$WaterConnection42[0].applicationType) !== null && _data$WaterConnection43 !== void 0 && _data$WaterConnection43.includes("DISCONNECT") || data !== null && data !== void 0 && (_data$SewerageConnect38 = data.SewerageConnections) !== null && _data$SewerageConnect38 !== void 0 && (_data$SewerageConnect39 = _data$SewerageConnect38[0].applicationType) !== null && _data$SewerageConnect39 !== void 0 && _data$SewerageConnect39.includes("DISCONNECT")) {
+      if (data !== null && data !== void 0 && (_data$WaterConnection40 = data.WaterConnection) !== null && _data$WaterConnection40 !== void 0 && (_data$WaterConnection41 = _data$WaterConnection40[0].applicationType) !== null && _data$WaterConnection41 !== void 0 && _data$WaterConnection41.includes("DISCONNECT") || data !== null && data !== void 0 && (_data$SewerageConnect36 = data.SewerageConnections) !== null && _data$SewerageConnect36 !== void 0 && (_data$SewerageConnect37 = _data$SewerageConnect36[0].applicationType) !== null && _data$SewerageConnect37 !== void 0 && _data$SewerageConnect37.includes("DISCONNECT")) {
         downloadOptions = disconnectionNoticeNApplicationFormOptions;
       } else {
         downloadOptions = downloadOptions.concat(applicationDownloadObject);
@@ -29232,7 +29367,7 @@ const WSApplicationDetails = () => {
   downloadOptions.sort(function (a, b) {
     return a.order - b.order;
   });
-  let serviceType = data && data !== null && data !== void 0 && (_data$WaterConnection44 = data.WaterConnection) !== null && _data$WaterConnection44 !== void 0 && _data$WaterConnection44[0] ? "WATER" : "SEWERAGE";
+  let serviceType = data && data !== null && data !== void 0 && (_data$WaterConnection42 = data.WaterConnection) !== null && _data$WaterConnection42 !== void 0 && _data$WaterConnection42[0] ? "WATER" : "SEWERAGE";
   sessionStorage.setItem("ApplicationNoState", applicationNobyData);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "employee-main-application-details",
@@ -29249,8 +29384,8 @@ const WSApplicationDetails = () => {
   }, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement("div", {
     id: "timeline"
   }, /*#__PURE__*/React.createElement(WSWFApplicationTimeline, {
-    application: (data === null || data === void 0 ? void 0 : (_data$WaterConnection45 = data.WaterConnection) === null || _data$WaterConnection45 === void 0 ? void 0 : _data$WaterConnection45[0]) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect40 = data.SewerageConnections) === null || _data$SewerageConnect40 === void 0 ? void 0 : _data$SewerageConnect40[0]),
-    id: (data === null || data === void 0 ? void 0 : (_data$WaterConnection46 = data.WaterConnection) === null || _data$WaterConnection46 === void 0 ? void 0 : (_data$WaterConnection47 = _data$WaterConnection46[0]) === null || _data$WaterConnection47 === void 0 ? void 0 : _data$WaterConnection47.applicationNo) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect41 = data.SewerageConnections) === null || _data$SewerageConnect41 === void 0 ? void 0 : (_data$SewerageConnect42 = _data$SewerageConnect41[0]) === null || _data$SewerageConnect42 === void 0 ? void 0 : _data$SewerageConnect42.applicationNo),
+    application: (data === null || data === void 0 ? void 0 : (_data$WaterConnection43 = data.WaterConnection) === null || _data$WaterConnection43 === void 0 ? void 0 : _data$WaterConnection43[0]) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect38 = data.SewerageConnections) === null || _data$SewerageConnect38 === void 0 ? void 0 : _data$SewerageConnect38[0]),
+    id: (data === null || data === void 0 ? void 0 : (_data$WaterConnection44 = data.WaterConnection) === null || _data$WaterConnection44 === void 0 ? void 0 : (_data$WaterConnection45 = _data$WaterConnection44[0]) === null || _data$WaterConnection45 === void 0 ? void 0 : _data$WaterConnection45.applicationNo) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect39 = data.SewerageConnections) === null || _data$SewerageConnect39 === void 0 ? void 0 : (_data$SewerageConnect40 = _data$SewerageConnect39[0]) === null || _data$SewerageConnect40 === void 0 ? void 0 : _data$SewerageConnect40.applicationNo),
     paymentbuttonenabled: false
   })))), /*#__PURE__*/React.createElement("div", {
     style: {
@@ -29283,35 +29418,35 @@ const WSApplicationDetails = () => {
     className: "hide-seperator"
   }, /*#__PURE__*/React.createElement(StatusTable, null, /*#__PURE__*/React.createElement(Row, {
     label: t("WS_MYCONNECTIONS_APPLICATION_NO"),
-    text: (data === null || data === void 0 ? void 0 : (_data$WaterConnection48 = data.WaterConnection) === null || _data$WaterConnection48 === void 0 ? void 0 : (_data$WaterConnection49 = _data$WaterConnection48[0]) === null || _data$WaterConnection49 === void 0 ? void 0 : _data$WaterConnection49.applicationNo) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect43 = data.SewerageConnections) === null || _data$SewerageConnect43 === void 0 ? void 0 : (_data$SewerageConnect44 = _data$SewerageConnect43[0]) === null || _data$SewerageConnect44 === void 0 ? void 0 : _data$SewerageConnect44.applicationNo),
+    text: (data === null || data === void 0 ? void 0 : (_data$WaterConnection46 = data.WaterConnection) === null || _data$WaterConnection46 === void 0 ? void 0 : (_data$WaterConnection47 = _data$WaterConnection46[0]) === null || _data$WaterConnection47 === void 0 ? void 0 : _data$WaterConnection47.applicationNo) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect41 = data.SewerageConnections) === null || _data$SewerageConnect41 === void 0 ? void 0 : (_data$SewerageConnect42 = _data$SewerageConnect41[0]) === null || _data$SewerageConnect42 === void 0 ? void 0 : _data$SewerageConnect42.applicationNo),
     textStyle: {}
-  }), ((data === null || data === void 0 ? void 0 : (_data$WaterConnection50 = data.WaterConnection) === null || _data$WaterConnection50 === void 0 ? void 0 : (_data$WaterConnection51 = _data$WaterConnection50[0].applicationType) === null || _data$WaterConnection51 === void 0 ? void 0 : _data$WaterConnection51.includes("DISCONNECT")) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect45 = data.SewerageConnections) === null || _data$SewerageConnect45 === void 0 ? void 0 : (_data$SewerageConnect46 = _data$SewerageConnect45[0].applicationType) === null || _data$SewerageConnect46 === void 0 ? void 0 : _data$SewerageConnect46.includes("DISCONNECT"))) && /*#__PURE__*/React.createElement(Row, {
+  }), ((data === null || data === void 0 ? void 0 : (_data$WaterConnection48 = data.WaterConnection) === null || _data$WaterConnection48 === void 0 ? void 0 : (_data$WaterConnection49 = _data$WaterConnection48[0].applicationType) === null || _data$WaterConnection49 === void 0 ? void 0 : _data$WaterConnection49.includes("DISCONNECT")) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect43 = data.SewerageConnections) === null || _data$SewerageConnect43 === void 0 ? void 0 : (_data$SewerageConnect44 = _data$SewerageConnect43[0].applicationType) === null || _data$SewerageConnect44 === void 0 ? void 0 : _data$SewerageConnect44.includes("DISCONNECT"))) && /*#__PURE__*/React.createElement(Row, {
     label: t("WS_MYCONNECTIONS_CONSUMER_NO"),
-    text: (data === null || data === void 0 ? void 0 : (_data$WaterConnection52 = data.WaterConnection) === null || _data$WaterConnection52 === void 0 ? void 0 : (_data$WaterConnection53 = _data$WaterConnection52[0]) === null || _data$WaterConnection53 === void 0 ? void 0 : _data$WaterConnection53.connectionNo) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect47 = data.SewerageConnections) === null || _data$SewerageConnect47 === void 0 ? void 0 : (_data$SewerageConnect48 = _data$SewerageConnect47[0]) === null || _data$SewerageConnect48 === void 0 ? void 0 : _data$SewerageConnect48.connectionNo),
+    text: (data === null || data === void 0 ? void 0 : (_data$WaterConnection50 = data.WaterConnection) === null || _data$WaterConnection50 === void 0 ? void 0 : (_data$WaterConnection51 = _data$WaterConnection50[0]) === null || _data$WaterConnection51 === void 0 ? void 0 : _data$WaterConnection51.connectionNo) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect45 = data.SewerageConnections) === null || _data$SewerageConnect45 === void 0 ? void 0 : (_data$SewerageConnect46 = _data$SewerageConnect45[0]) === null || _data$SewerageConnect46 === void 0 ? void 0 : _data$SewerageConnect46.connectionNo),
     textStyle: {
       wordBreak: "break-word"
     }
   }), /*#__PURE__*/React.createElement(Row, {
     label: t("WS_SERVICE_NAME_LABEL"),
-    text: t("WS_APPLICATION_TYPE_" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection54 = data.WaterConnection) === null || _data$WaterConnection54 === void 0 ? void 0 : (_data$WaterConnection55 = _data$WaterConnection54[0]) === null || _data$WaterConnection55 === void 0 ? void 0 : _data$WaterConnection55.applicationType) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect49 = data.SewerageConnections) === null || _data$SewerageConnect49 === void 0 ? void 0 : (_data$SewerageConnect50 = _data$SewerageConnect49[0]) === null || _data$SewerageConnect50 === void 0 ? void 0 : _data$SewerageConnect50.applicationType))),
+    text: t("WS_APPLICATION_TYPE_" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection52 = data.WaterConnection) === null || _data$WaterConnection52 === void 0 ? void 0 : (_data$WaterConnection53 = _data$WaterConnection52[0]) === null || _data$WaterConnection53 === void 0 ? void 0 : _data$WaterConnection53.applicationType) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect47 = data.SewerageConnections) === null || _data$SewerageConnect47 === void 0 ? void 0 : (_data$SewerageConnect48 = _data$SewerageConnect47[0]) === null || _data$SewerageConnect48 === void 0 ? void 0 : _data$SewerageConnect48.applicationType))),
     textStyle: {
       wordBreak: "break-word"
     }
-  }), ((data === null || data === void 0 ? void 0 : (_data$WaterConnection56 = data.WaterConnection) === null || _data$WaterConnection56 === void 0 ? void 0 : (_data$WaterConnection57 = _data$WaterConnection56[0].applicationType) === null || _data$WaterConnection57 === void 0 ? void 0 : _data$WaterConnection57.includes("DISCONNECT")) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect51 = data.SewerageConnections) === null || _data$SewerageConnect51 === void 0 ? void 0 : (_data$SewerageConnect52 = _data$SewerageConnect51[0].applicationType) === null || _data$SewerageConnect52 === void 0 ? void 0 : _data$SewerageConnect52.includes("DISCONNECT"))) && /*#__PURE__*/React.createElement(Row, {
+  }), ((data === null || data === void 0 ? void 0 : (_data$WaterConnection54 = data.WaterConnection) === null || _data$WaterConnection54 === void 0 ? void 0 : (_data$WaterConnection55 = _data$WaterConnection54[0].applicationType) === null || _data$WaterConnection55 === void 0 ? void 0 : _data$WaterConnection55.includes("DISCONNECT")) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect49 = data.SewerageConnections) === null || _data$SewerageConnect49 === void 0 ? void 0 : (_data$SewerageConnect50 = _data$SewerageConnect49[0].applicationType) === null || _data$SewerageConnect50 === void 0 ? void 0 : _data$SewerageConnect50.includes("DISCONNECT"))) && /*#__PURE__*/React.createElement(Row, {
     label: t("WS_DISCONNECTION_PROPOSED_DATE"),
-    text: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? convertEpochToDate(data === null || data === void 0 ? void 0 : (_data$WaterConnection58 = data.WaterConnection) === null || _data$WaterConnection58 === void 0 ? void 0 : (_data$WaterConnection59 = _data$WaterConnection58[0]) === null || _data$WaterConnection59 === void 0 ? void 0 : _data$WaterConnection59.dateEffectiveFrom) : convertEpochToDate(data === null || data === void 0 ? void 0 : (_data$SewerageConnect53 = data.SewerageConnections) === null || _data$SewerageConnect53 === void 0 ? void 0 : (_data$SewerageConnect54 = _data$SewerageConnect53[0]) === null || _data$SewerageConnect54 === void 0 ? void 0 : _data$SewerageConnect54.dateEffectiveFrom),
+    text: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? convertEpochToDate(data === null || data === void 0 ? void 0 : (_data$WaterConnection56 = data.WaterConnection) === null || _data$WaterConnection56 === void 0 ? void 0 : (_data$WaterConnection57 = _data$WaterConnection56[0]) === null || _data$WaterConnection57 === void 0 ? void 0 : _data$WaterConnection57.dateEffectiveFrom) : convertEpochToDate(data === null || data === void 0 ? void 0 : (_data$SewerageConnect51 = data.SewerageConnections) === null || _data$SewerageConnect51 === void 0 ? void 0 : (_data$SewerageConnect52 = _data$SewerageConnect51[0]) === null || _data$SewerageConnect52 === void 0 ? void 0 : _data$SewerageConnect52.dateEffectiveFrom),
     textStyle: {
       wordBreak: "break-word"
     }
-  }), ((data === null || data === void 0 ? void 0 : (_data$WaterConnection60 = data.WaterConnection) === null || _data$WaterConnection60 === void 0 ? void 0 : (_data$WaterConnection61 = _data$WaterConnection60[0].applicationType) === null || _data$WaterConnection61 === void 0 ? void 0 : _data$WaterConnection61.includes("DISCONNECT")) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect55 = data.SewerageConnections) === null || _data$SewerageConnect55 === void 0 ? void 0 : (_data$SewerageConnect56 = _data$SewerageConnect55[0].applicationType) === null || _data$SewerageConnect56 === void 0 ? void 0 : _data$SewerageConnect56.includes("DISCONNECT"))) && /*#__PURE__*/React.createElement(Row, {
+  }), ((data === null || data === void 0 ? void 0 : (_data$WaterConnection58 = data.WaterConnection) === null || _data$WaterConnection58 === void 0 ? void 0 : (_data$WaterConnection59 = _data$WaterConnection58[0].applicationType) === null || _data$WaterConnection59 === void 0 ? void 0 : _data$WaterConnection59.includes("DISCONNECT")) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect53 = data.SewerageConnections) === null || _data$SewerageConnect53 === void 0 ? void 0 : (_data$SewerageConnect54 = _data$SewerageConnect53[0].applicationType) === null || _data$SewerageConnect54 === void 0 ? void 0 : _data$SewerageConnect54.includes("DISCONNECT"))) && /*#__PURE__*/React.createElement(Row, {
     label: t("WS_DISCONNECTION_EXECUTED_DATE"),
-    text: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? convertEpochToDate(data === null || data === void 0 ? void 0 : (_data$WaterConnection62 = data.WaterConnection) === null || _data$WaterConnection62 === void 0 ? void 0 : (_data$WaterConnection63 = _data$WaterConnection62[0]) === null || _data$WaterConnection63 === void 0 ? void 0 : _data$WaterConnection63.disconnectionExecutionDate) : convertEpochToDate(data === null || data === void 0 ? void 0 : (_data$SewerageConnect57 = data.SewerageConnections) === null || _data$SewerageConnect57 === void 0 ? void 0 : (_data$SewerageConnect58 = _data$SewerageConnect57[0]) === null || _data$SewerageConnect58 === void 0 ? void 0 : _data$SewerageConnect58.disconnectionExecutionDate),
+    text: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? convertEpochToDate(data === null || data === void 0 ? void 0 : (_data$WaterConnection60 = data.WaterConnection) === null || _data$WaterConnection60 === void 0 ? void 0 : (_data$WaterConnection61 = _data$WaterConnection60[0]) === null || _data$WaterConnection61 === void 0 ? void 0 : _data$WaterConnection61.disconnectionExecutionDate) : convertEpochToDate(data === null || data === void 0 ? void 0 : (_data$SewerageConnect55 = data.SewerageConnections) === null || _data$SewerageConnect55 === void 0 ? void 0 : (_data$SewerageConnect56 = _data$SewerageConnect55[0]) === null || _data$SewerageConnect56 === void 0 ? void 0 : _data$SewerageConnect56.disconnectionExecutionDate),
     textStyle: {
       wordBreak: "break-word"
     }
-  }), ((data === null || data === void 0 ? void 0 : (_data$WaterConnection64 = data.WaterConnection) === null || _data$WaterConnection64 === void 0 ? void 0 : (_data$WaterConnection65 = _data$WaterConnection64[0].applicationType) === null || _data$WaterConnection65 === void 0 ? void 0 : _data$WaterConnection65.includes("DISCONNECT")) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect59 = data.SewerageConnections) === null || _data$SewerageConnect59 === void 0 ? void 0 : (_data$SewerageConnect60 = _data$SewerageConnect59[0].applicationType) === null || _data$SewerageConnect60 === void 0 ? void 0 : _data$SewerageConnect60.includes("DISCONNECT"))) && /*#__PURE__*/React.createElement(Row, {
+  }), ((data === null || data === void 0 ? void 0 : (_data$WaterConnection62 = data.WaterConnection) === null || _data$WaterConnection62 === void 0 ? void 0 : (_data$WaterConnection63 = _data$WaterConnection62[0].applicationType) === null || _data$WaterConnection63 === void 0 ? void 0 : _data$WaterConnection63.includes("DISCONNECT")) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect57 = data.SewerageConnections) === null || _data$SewerageConnect57 === void 0 ? void 0 : (_data$SewerageConnect58 = _data$SewerageConnect57[0].applicationType) === null || _data$SewerageConnect58 === void 0 ? void 0 : _data$SewerageConnect58.includes("DISCONNECT"))) && /*#__PURE__*/React.createElement(Row, {
     label: t("WS_DISCONNECTION_REASON"),
-    text: (data === null || data === void 0 ? void 0 : (_data$WaterConnection66 = data.WaterConnection) === null || _data$WaterConnection66 === void 0 ? void 0 : (_data$WaterConnection67 = _data$WaterConnection66[0]) === null || _data$WaterConnection67 === void 0 ? void 0 : _data$WaterConnection67.disconnectionReason) != null ? data === null || data === void 0 ? void 0 : (_data$WaterConnection68 = data.WaterConnection) === null || _data$WaterConnection68 === void 0 ? void 0 : (_data$WaterConnection69 = _data$WaterConnection68[0]) === null || _data$WaterConnection69 === void 0 ? void 0 : _data$WaterConnection69.disconnectionReason : (data === null || data === void 0 ? void 0 : (_data$SewerageConnect61 = data.SewerageConnections) === null || _data$SewerageConnect61 === void 0 ? void 0 : (_data$SewerageConnect62 = _data$SewerageConnect61[0]) === null || _data$SewerageConnect62 === void 0 ? void 0 : _data$SewerageConnect62.disconnectionReason) != null ? data === null || data === void 0 ? void 0 : (_data$SewerageConnect63 = data.SewerageConnections) === null || _data$SewerageConnect63 === void 0 ? void 0 : (_data$SewerageConnect64 = _data$SewerageConnect63[0]) === null || _data$SewerageConnect64 === void 0 ? void 0 : _data$SewerageConnect64.disconnectionReason : t("NA"),
+    text: (data === null || data === void 0 ? void 0 : (_data$WaterConnection64 = data.WaterConnection) === null || _data$WaterConnection64 === void 0 ? void 0 : (_data$WaterConnection65 = _data$WaterConnection64[0]) === null || _data$WaterConnection65 === void 0 ? void 0 : _data$WaterConnection65.disconnectionReason) != null ? data === null || data === void 0 ? void 0 : (_data$WaterConnection66 = data.WaterConnection) === null || _data$WaterConnection66 === void 0 ? void 0 : (_data$WaterConnection67 = _data$WaterConnection66[0]) === null || _data$WaterConnection67 === void 0 ? void 0 : _data$WaterConnection67.disconnectionReason : (data === null || data === void 0 ? void 0 : (_data$SewerageConnect59 = data.SewerageConnections) === null || _data$SewerageConnect59 === void 0 ? void 0 : (_data$SewerageConnect60 = _data$SewerageConnect59[0]) === null || _data$SewerageConnect60 === void 0 ? void 0 : _data$SewerageConnect60.disconnectionReason) != null ? data === null || data === void 0 ? void 0 : (_data$SewerageConnect61 = data.SewerageConnections) === null || _data$SewerageConnect61 === void 0 ? void 0 : (_data$SewerageConnect62 = _data$SewerageConnect61[0]) === null || _data$SewerageConnect62 === void 0 ? void 0 : _data$SewerageConnect62.disconnectionReason : t("NA"),
     textStyle: {
       wordBreak: "break-word"
     }
@@ -29360,18 +29495,18 @@ const WSApplicationDetails = () => {
   }), /*#__PURE__*/React.createElement(Row, {
     label: t("WS_NATURE_OF_WORK"),
     text: "" + t(checkForNA$1(connectionDetails === null || connectionDetails === void 0 ? void 0 : connectionDetails.natureOfWork))
-  }))), (data === null || data === void 0 ? void 0 : (_data$WaterConnection70 = data.WaterConnection) === null || _data$WaterConnection70 === void 0 ? void 0 : (_data$WaterConnection71 = _data$WaterConnection70[0]) === null || _data$WaterConnection71 === void 0 ? void 0 : (_data$WaterConnection72 = _data$WaterConnection71.connectionHolders) === null || _data$WaterConnection72 === void 0 ? void 0 : _data$WaterConnection72.length) > 0 || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect65 = data.SewerageConnections) === null || _data$SewerageConnect65 === void 0 ? void 0 : (_data$SewerageConnect66 = _data$SewerageConnect65[0]) === null || _data$SewerageConnect66 === void 0 ? void 0 : (_data$SewerageConnect67 = _data$SewerageConnect66.connectionHolders) === null || _data$SewerageConnect67 === void 0 ? void 0 : _data$SewerageConnect67.length) > 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CardHeader, {
+  }))), (data === null || data === void 0 ? void 0 : (_data$WaterConnection68 = data.WaterConnection) === null || _data$WaterConnection68 === void 0 ? void 0 : (_data$WaterConnection69 = _data$WaterConnection68[0]) === null || _data$WaterConnection69 === void 0 ? void 0 : (_data$WaterConnection70 = _data$WaterConnection69.connectionHolders) === null || _data$WaterConnection70 === void 0 ? void 0 : _data$WaterConnection70.length) > 0 || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect63 = data.SewerageConnections) === null || _data$SewerageConnect63 === void 0 ? void 0 : (_data$SewerageConnect64 = _data$SewerageConnect63[0]) === null || _data$SewerageConnect64 === void 0 ? void 0 : (_data$SewerageConnect65 = _data$SewerageConnect64.connectionHolders) === null || _data$SewerageConnect65 === void 0 ? void 0 : _data$SewerageConnect65.length) > 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CardHeader, {
     styles: {
       fontSize: "28px"
     }
   }, t("WS_COMMON_CONNECTION_HOLDER_DETAILS_HEADER")), /*#__PURE__*/React.createElement(StatusTable, null, /*#__PURE__*/React.createElement(Row, {
     label: t("WS_OWN_DETAIL_MOBILE_NO_LABEL"),
-    text: (data === null || data === void 0 ? void 0 : (_data$WaterConnection73 = data.WaterConnection) === null || _data$WaterConnection73 === void 0 ? void 0 : (_data$WaterConnection74 = _data$WaterConnection73[0]) === null || _data$WaterConnection74 === void 0 ? void 0 : (_data$WaterConnection75 = _data$WaterConnection74.connectionHolders) === null || _data$WaterConnection75 === void 0 ? void 0 : (_data$WaterConnection76 = _data$WaterConnection75[0]) === null || _data$WaterConnection76 === void 0 ? void 0 : _data$WaterConnection76.mobileNumber) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect68 = data.SewerageConnections) === null || _data$SewerageConnect68 === void 0 ? void 0 : (_data$SewerageConnect69 = _data$SewerageConnect68[0]) === null || _data$SewerageConnect69 === void 0 ? void 0 : (_data$SewerageConnect70 = _data$SewerageConnect69.connectionHolders) === null || _data$SewerageConnect70 === void 0 ? void 0 : (_data$SewerageConnect71 = _data$SewerageConnect70[0]) === null || _data$SewerageConnect71 === void 0 ? void 0 : _data$SewerageConnect71.mobileNumber),
+    text: (data === null || data === void 0 ? void 0 : (_data$WaterConnection71 = data.WaterConnection) === null || _data$WaterConnection71 === void 0 ? void 0 : (_data$WaterConnection72 = _data$WaterConnection71[0]) === null || _data$WaterConnection72 === void 0 ? void 0 : (_data$WaterConnection73 = _data$WaterConnection72.connectionHolders) === null || _data$WaterConnection73 === void 0 ? void 0 : (_data$WaterConnection74 = _data$WaterConnection73[0]) === null || _data$WaterConnection74 === void 0 ? void 0 : _data$WaterConnection74.mobileNumber) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect66 = data.SewerageConnections) === null || _data$SewerageConnect66 === void 0 ? void 0 : (_data$SewerageConnect67 = _data$SewerageConnect66[0]) === null || _data$SewerageConnect67 === void 0 ? void 0 : (_data$SewerageConnect68 = _data$SewerageConnect67.connectionHolders) === null || _data$SewerageConnect68 === void 0 ? void 0 : (_data$SewerageConnect69 = _data$SewerageConnect68[0]) === null || _data$SewerageConnect69 === void 0 ? void 0 : _data$SewerageConnect69.mobileNumber),
     textStyle: {
       whiteSpace: "pre"
     },
     privacy: {
-      uuid: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? data === null || data === void 0 ? void 0 : (_data$WaterConnection77 = data.WaterConnection) === null || _data$WaterConnection77 === void 0 ? void 0 : (_data$WaterConnection78 = _data$WaterConnection77[0]) === null || _data$WaterConnection78 === void 0 ? void 0 : (_data$WaterConnection79 = _data$WaterConnection78.connectionHolders) === null || _data$WaterConnection79 === void 0 ? void 0 : (_data$WaterConnection80 = _data$WaterConnection79[0]) === null || _data$WaterConnection80 === void 0 ? void 0 : _data$WaterConnection80.uuid : data === null || data === void 0 ? void 0 : (_data$SewerageConnect72 = data.SewerageConnections) === null || _data$SewerageConnect72 === void 0 ? void 0 : (_data$SewerageConnect73 = _data$SewerageConnect72[0]) === null || _data$SewerageConnect73 === void 0 ? void 0 : (_data$SewerageConnect74 = _data$SewerageConnect73.connectionHolders) === null || _data$SewerageConnect74 === void 0 ? void 0 : (_data$SewerageConnect75 = _data$SewerageConnect74[0]) === null || _data$SewerageConnect75 === void 0 ? void 0 : _data$SewerageConnect75.uuid,
+      uuid: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? data === null || data === void 0 ? void 0 : (_data$WaterConnection75 = data.WaterConnection) === null || _data$WaterConnection75 === void 0 ? void 0 : (_data$WaterConnection76 = _data$WaterConnection75[0]) === null || _data$WaterConnection76 === void 0 ? void 0 : (_data$WaterConnection77 = _data$WaterConnection76.connectionHolders) === null || _data$WaterConnection77 === void 0 ? void 0 : (_data$WaterConnection78 = _data$WaterConnection77[0]) === null || _data$WaterConnection78 === void 0 ? void 0 : _data$WaterConnection78.uuid : data === null || data === void 0 ? void 0 : (_data$SewerageConnect70 = data.SewerageConnections) === null || _data$SewerageConnect70 === void 0 ? void 0 : (_data$SewerageConnect71 = _data$SewerageConnect70[0]) === null || _data$SewerageConnect71 === void 0 ? void 0 : (_data$SewerageConnect72 = _data$SewerageConnect71.connectionHolders) === null || _data$SewerageConnect72 === void 0 ? void 0 : (_data$SewerageConnect73 = _data$SewerageConnect72[0]) === null || _data$SewerageConnect73 === void 0 ? void 0 : _data$SewerageConnect73.uuid,
       fieldName: "connectionHoldersMobileNumber",
       model: "WnSConnectionOwner",
       showValue: false,
@@ -29388,18 +29523,18 @@ const WSApplicationDetails = () => {
     }
   }), /*#__PURE__*/React.createElement(Row, {
     label: t("WS_OWN_DETAIL_OWN_NAME_LABEL"),
-    text: (data === null || data === void 0 ? void 0 : (_data$WaterConnection81 = data.WaterConnection) === null || _data$WaterConnection81 === void 0 ? void 0 : (_data$WaterConnection82 = _data$WaterConnection81[0]) === null || _data$WaterConnection82 === void 0 ? void 0 : (_data$WaterConnection83 = _data$WaterConnection82.connectionHolders) === null || _data$WaterConnection83 === void 0 ? void 0 : (_data$WaterConnection84 = _data$WaterConnection83[0]) === null || _data$WaterConnection84 === void 0 ? void 0 : _data$WaterConnection84.name) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect76 = data.SewerageConnections) === null || _data$SewerageConnect76 === void 0 ? void 0 : (_data$SewerageConnect77 = _data$SewerageConnect76[0]) === null || _data$SewerageConnect77 === void 0 ? void 0 : (_data$SewerageConnect78 = _data$SewerageConnect77.connectionHolders) === null || _data$SewerageConnect78 === void 0 ? void 0 : (_data$SewerageConnect79 = _data$SewerageConnect78[0]) === null || _data$SewerageConnect79 === void 0 ? void 0 : _data$SewerageConnect79.name),
+    text: (data === null || data === void 0 ? void 0 : (_data$WaterConnection79 = data.WaterConnection) === null || _data$WaterConnection79 === void 0 ? void 0 : (_data$WaterConnection80 = _data$WaterConnection79[0]) === null || _data$WaterConnection80 === void 0 ? void 0 : (_data$WaterConnection81 = _data$WaterConnection80.connectionHolders) === null || _data$WaterConnection81 === void 0 ? void 0 : (_data$WaterConnection82 = _data$WaterConnection81[0]) === null || _data$WaterConnection82 === void 0 ? void 0 : _data$WaterConnection82.name) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect74 = data.SewerageConnections) === null || _data$SewerageConnect74 === void 0 ? void 0 : (_data$SewerageConnect75 = _data$SewerageConnect74[0]) === null || _data$SewerageConnect75 === void 0 ? void 0 : (_data$SewerageConnect76 = _data$SewerageConnect75.connectionHolders) === null || _data$SewerageConnect76 === void 0 ? void 0 : (_data$SewerageConnect77 = _data$SewerageConnect76[0]) === null || _data$SewerageConnect77 === void 0 ? void 0 : _data$SewerageConnect77.name),
     textStyle: {
       whiteSpace: "pre"
     }
   }), /*#__PURE__*/React.createElement(Row, {
     label: t("WS_OWN_DETAIL_GENDER_LABEL"),
-    text: t((data === null || data === void 0 ? void 0 : (_data$WaterConnection85 = data.WaterConnection) === null || _data$WaterConnection85 === void 0 ? void 0 : (_data$WaterConnection86 = _data$WaterConnection85[0]) === null || _data$WaterConnection86 === void 0 ? void 0 : (_data$WaterConnection87 = _data$WaterConnection86.connectionHolders) === null || _data$WaterConnection87 === void 0 ? void 0 : (_data$WaterConnection88 = _data$WaterConnection87[0]) === null || _data$WaterConnection88 === void 0 ? void 0 : _data$WaterConnection88.gender) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect80 = data.SewerageConnections) === null || _data$SewerageConnect80 === void 0 ? void 0 : (_data$SewerageConnect81 = _data$SewerageConnect80[0]) === null || _data$SewerageConnect81 === void 0 ? void 0 : (_data$SewerageConnect82 = _data$SewerageConnect81.connectionHolders) === null || _data$SewerageConnect82 === void 0 ? void 0 : (_data$SewerageConnect83 = _data$SewerageConnect82[0]) === null || _data$SewerageConnect83 === void 0 ? void 0 : _data$SewerageConnect83.gender)),
+    text: t((data === null || data === void 0 ? void 0 : (_data$WaterConnection83 = data.WaterConnection) === null || _data$WaterConnection83 === void 0 ? void 0 : (_data$WaterConnection84 = _data$WaterConnection83[0]) === null || _data$WaterConnection84 === void 0 ? void 0 : (_data$WaterConnection85 = _data$WaterConnection84.connectionHolders) === null || _data$WaterConnection85 === void 0 ? void 0 : (_data$WaterConnection86 = _data$WaterConnection85[0]) === null || _data$WaterConnection86 === void 0 ? void 0 : _data$WaterConnection86.gender) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect78 = data.SewerageConnections) === null || _data$SewerageConnect78 === void 0 ? void 0 : (_data$SewerageConnect79 = _data$SewerageConnect78[0]) === null || _data$SewerageConnect79 === void 0 ? void 0 : (_data$SewerageConnect80 = _data$SewerageConnect79.connectionHolders) === null || _data$SewerageConnect80 === void 0 ? void 0 : (_data$SewerageConnect81 = _data$SewerageConnect80[0]) === null || _data$SewerageConnect81 === void 0 ? void 0 : _data$SewerageConnect81.gender)),
     textStyle: {
       whiteSpace: "pre"
     },
     privacy: {
-      uuid: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? data === null || data === void 0 ? void 0 : (_data$WaterConnection89 = data.WaterConnection) === null || _data$WaterConnection89 === void 0 ? void 0 : (_data$WaterConnection90 = _data$WaterConnection89[0]) === null || _data$WaterConnection90 === void 0 ? void 0 : (_data$WaterConnection91 = _data$WaterConnection90.connectionHolders) === null || _data$WaterConnection91 === void 0 ? void 0 : (_data$WaterConnection92 = _data$WaterConnection91[0]) === null || _data$WaterConnection92 === void 0 ? void 0 : _data$WaterConnection92.uuid : data === null || data === void 0 ? void 0 : (_data$SewerageConnect84 = data.SewerageConnections) === null || _data$SewerageConnect84 === void 0 ? void 0 : (_data$SewerageConnect85 = _data$SewerageConnect84[0]) === null || _data$SewerageConnect85 === void 0 ? void 0 : (_data$SewerageConnect86 = _data$SewerageConnect85.connectionHolders) === null || _data$SewerageConnect86 === void 0 ? void 0 : (_data$SewerageConnect87 = _data$SewerageConnect86[0]) === null || _data$SewerageConnect87 === void 0 ? void 0 : _data$SewerageConnect87.uuid,
+      uuid: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? data === null || data === void 0 ? void 0 : (_data$WaterConnection87 = data.WaterConnection) === null || _data$WaterConnection87 === void 0 ? void 0 : (_data$WaterConnection88 = _data$WaterConnection87[0]) === null || _data$WaterConnection88 === void 0 ? void 0 : (_data$WaterConnection89 = _data$WaterConnection88.connectionHolders) === null || _data$WaterConnection89 === void 0 ? void 0 : (_data$WaterConnection90 = _data$WaterConnection89[0]) === null || _data$WaterConnection90 === void 0 ? void 0 : _data$WaterConnection90.uuid : data === null || data === void 0 ? void 0 : (_data$SewerageConnect82 = data.SewerageConnections) === null || _data$SewerageConnect82 === void 0 ? void 0 : (_data$SewerageConnect83 = _data$SewerageConnect82[0]) === null || _data$SewerageConnect83 === void 0 ? void 0 : (_data$SewerageConnect84 = _data$SewerageConnect83.connectionHolders) === null || _data$SewerageConnect84 === void 0 ? void 0 : (_data$SewerageConnect85 = _data$SewerageConnect84[0]) === null || _data$SewerageConnect85 === void 0 ? void 0 : _data$SewerageConnect85.uuid,
       fieldName: "gender",
       model: "WnSConnectionOwner",
       showValue: false,
@@ -29416,12 +29551,12 @@ const WSApplicationDetails = () => {
     }
   }), /*#__PURE__*/React.createElement(Row, {
     label: t("WS_OWN_DETAIL_FATHER_OR_HUSBAND_NAME"),
-    text: (data === null || data === void 0 ? void 0 : (_data$WaterConnection93 = data.WaterConnection) === null || _data$WaterConnection93 === void 0 ? void 0 : (_data$WaterConnection94 = _data$WaterConnection93[0]) === null || _data$WaterConnection94 === void 0 ? void 0 : (_data$WaterConnection95 = _data$WaterConnection94.connectionHolders) === null || _data$WaterConnection95 === void 0 ? void 0 : (_data$WaterConnection96 = _data$WaterConnection95[0]) === null || _data$WaterConnection96 === void 0 ? void 0 : _data$WaterConnection96.fatherOrHusbandName) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect88 = data.SewerageConnections) === null || _data$SewerageConnect88 === void 0 ? void 0 : (_data$SewerageConnect89 = _data$SewerageConnect88[0]) === null || _data$SewerageConnect89 === void 0 ? void 0 : (_data$SewerageConnect90 = _data$SewerageConnect89.connectionHolders) === null || _data$SewerageConnect90 === void 0 ? void 0 : (_data$SewerageConnect91 = _data$SewerageConnect90[0]) === null || _data$SewerageConnect91 === void 0 ? void 0 : _data$SewerageConnect91.fatherOrHusbandName) || t("CS_NA"),
+    text: (data === null || data === void 0 ? void 0 : (_data$WaterConnection91 = data.WaterConnection) === null || _data$WaterConnection91 === void 0 ? void 0 : (_data$WaterConnection92 = _data$WaterConnection91[0]) === null || _data$WaterConnection92 === void 0 ? void 0 : (_data$WaterConnection93 = _data$WaterConnection92.connectionHolders) === null || _data$WaterConnection93 === void 0 ? void 0 : (_data$WaterConnection94 = _data$WaterConnection93[0]) === null || _data$WaterConnection94 === void 0 ? void 0 : _data$WaterConnection94.fatherOrHusbandName) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect86 = data.SewerageConnections) === null || _data$SewerageConnect86 === void 0 ? void 0 : (_data$SewerageConnect87 = _data$SewerageConnect86[0]) === null || _data$SewerageConnect87 === void 0 ? void 0 : (_data$SewerageConnect88 = _data$SewerageConnect87.connectionHolders) === null || _data$SewerageConnect88 === void 0 ? void 0 : (_data$SewerageConnect89 = _data$SewerageConnect88[0]) === null || _data$SewerageConnect89 === void 0 ? void 0 : _data$SewerageConnect89.fatherOrHusbandName) || t("CS_NA"),
     textStyle: {
       whiteSpace: "pre"
     },
     privacy: {
-      uuid: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? data === null || data === void 0 ? void 0 : (_data$WaterConnection97 = data.WaterConnection) === null || _data$WaterConnection97 === void 0 ? void 0 : (_data$WaterConnection98 = _data$WaterConnection97[0]) === null || _data$WaterConnection98 === void 0 ? void 0 : (_data$WaterConnection99 = _data$WaterConnection98.connectionHolders) === null || _data$WaterConnection99 === void 0 ? void 0 : (_data$WaterConnection100 = _data$WaterConnection99[0]) === null || _data$WaterConnection100 === void 0 ? void 0 : _data$WaterConnection100.uuid : data === null || data === void 0 ? void 0 : (_data$SewerageConnect92 = data.SewerageConnections) === null || _data$SewerageConnect92 === void 0 ? void 0 : (_data$SewerageConnect93 = _data$SewerageConnect92[0]) === null || _data$SewerageConnect93 === void 0 ? void 0 : (_data$SewerageConnect94 = _data$SewerageConnect93.connectionHolders) === null || _data$SewerageConnect94 === void 0 ? void 0 : (_data$SewerageConnect95 = _data$SewerageConnect94[0]) === null || _data$SewerageConnect95 === void 0 ? void 0 : _data$SewerageConnect95.uuid,
+      uuid: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? data === null || data === void 0 ? void 0 : (_data$WaterConnection95 = data.WaterConnection) === null || _data$WaterConnection95 === void 0 ? void 0 : (_data$WaterConnection96 = _data$WaterConnection95[0]) === null || _data$WaterConnection96 === void 0 ? void 0 : (_data$WaterConnection97 = _data$WaterConnection96.connectionHolders) === null || _data$WaterConnection97 === void 0 ? void 0 : (_data$WaterConnection98 = _data$WaterConnection97[0]) === null || _data$WaterConnection98 === void 0 ? void 0 : _data$WaterConnection98.uuid : data === null || data === void 0 ? void 0 : (_data$SewerageConnect90 = data.SewerageConnections) === null || _data$SewerageConnect90 === void 0 ? void 0 : (_data$SewerageConnect91 = _data$SewerageConnect90[0]) === null || _data$SewerageConnect91 === void 0 ? void 0 : (_data$SewerageConnect92 = _data$SewerageConnect91.connectionHolders) === null || _data$SewerageConnect92 === void 0 ? void 0 : (_data$SewerageConnect93 = _data$SewerageConnect92[0]) === null || _data$SewerageConnect93 === void 0 ? void 0 : _data$SewerageConnect93.uuid,
       fieldName: "fatherOrHusbandName",
       model: "WnSConnectionOwner",
       showValue: false,
@@ -29438,12 +29573,12 @@ const WSApplicationDetails = () => {
     }
   }), /*#__PURE__*/React.createElement(Row, {
     label: t("WS_OWN_DETAIL_RELATION_LABEL"),
-    text: (data === null || data === void 0 ? void 0 : (_data$WaterConnection101 = data.WaterConnection) === null || _data$WaterConnection101 === void 0 ? void 0 : (_data$WaterConnection102 = _data$WaterConnection101[0]) === null || _data$WaterConnection102 === void 0 ? void 0 : (_data$WaterConnection103 = _data$WaterConnection102.connectionHolders) === null || _data$WaterConnection103 === void 0 ? void 0 : (_data$WaterConnection104 = _data$WaterConnection103[0]) === null || _data$WaterConnection104 === void 0 ? void 0 : _data$WaterConnection104.relationship) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect96 = data.SewerageConnections) === null || _data$SewerageConnect96 === void 0 ? void 0 : (_data$SewerageConnect97 = _data$SewerageConnect96[0]) === null || _data$SewerageConnect97 === void 0 ? void 0 : (_data$SewerageConnect98 = _data$SewerageConnect97.connectionHolders) === null || _data$SewerageConnect98 === void 0 ? void 0 : (_data$SewerageConnect99 = _data$SewerageConnect98[0]) === null || _data$SewerageConnect99 === void 0 ? void 0 : _data$SewerageConnect99.relationship) || t("CS_NA"),
+    text: (data === null || data === void 0 ? void 0 : (_data$WaterConnection99 = data.WaterConnection) === null || _data$WaterConnection99 === void 0 ? void 0 : (_data$WaterConnection100 = _data$WaterConnection99[0]) === null || _data$WaterConnection100 === void 0 ? void 0 : (_data$WaterConnection101 = _data$WaterConnection100.connectionHolders) === null || _data$WaterConnection101 === void 0 ? void 0 : (_data$WaterConnection102 = _data$WaterConnection101[0]) === null || _data$WaterConnection102 === void 0 ? void 0 : _data$WaterConnection102.relationship) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect94 = data.SewerageConnections) === null || _data$SewerageConnect94 === void 0 ? void 0 : (_data$SewerageConnect95 = _data$SewerageConnect94[0]) === null || _data$SewerageConnect95 === void 0 ? void 0 : (_data$SewerageConnect96 = _data$SewerageConnect95.connectionHolders) === null || _data$SewerageConnect96 === void 0 ? void 0 : (_data$SewerageConnect97 = _data$SewerageConnect96[0]) === null || _data$SewerageConnect97 === void 0 ? void 0 : _data$SewerageConnect97.relationship) || t("CS_NA"),
     textStyle: {
       whiteSpace: "pre"
     },
     privacy: {
-      uuid: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? data === null || data === void 0 ? void 0 : (_data$WaterConnection105 = data.WaterConnection) === null || _data$WaterConnection105 === void 0 ? void 0 : (_data$WaterConnection106 = _data$WaterConnection105[0]) === null || _data$WaterConnection106 === void 0 ? void 0 : (_data$WaterConnection107 = _data$WaterConnection106.connectionHolders) === null || _data$WaterConnection107 === void 0 ? void 0 : (_data$WaterConnection108 = _data$WaterConnection107[0]) === null || _data$WaterConnection108 === void 0 ? void 0 : _data$WaterConnection108.uuid : data === null || data === void 0 ? void 0 : (_data$SewerageConnect100 = data.SewerageConnections) === null || _data$SewerageConnect100 === void 0 ? void 0 : (_data$SewerageConnect101 = _data$SewerageConnect100[0]) === null || _data$SewerageConnect101 === void 0 ? void 0 : (_data$SewerageConnect102 = _data$SewerageConnect101.connectionHolders) === null || _data$SewerageConnect102 === void 0 ? void 0 : (_data$SewerageConnect103 = _data$SewerageConnect102[0]) === null || _data$SewerageConnect103 === void 0 ? void 0 : _data$SewerageConnect103.uuid,
+      uuid: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? data === null || data === void 0 ? void 0 : (_data$WaterConnection103 = data.WaterConnection) === null || _data$WaterConnection103 === void 0 ? void 0 : (_data$WaterConnection104 = _data$WaterConnection103[0]) === null || _data$WaterConnection104 === void 0 ? void 0 : (_data$WaterConnection105 = _data$WaterConnection104.connectionHolders) === null || _data$WaterConnection105 === void 0 ? void 0 : (_data$WaterConnection106 = _data$WaterConnection105[0]) === null || _data$WaterConnection106 === void 0 ? void 0 : _data$WaterConnection106.uuid : data === null || data === void 0 ? void 0 : (_data$SewerageConnect98 = data.SewerageConnections) === null || _data$SewerageConnect98 === void 0 ? void 0 : (_data$SewerageConnect99 = _data$SewerageConnect98[0]) === null || _data$SewerageConnect99 === void 0 ? void 0 : (_data$SewerageConnect100 = _data$SewerageConnect99.connectionHolders) === null || _data$SewerageConnect100 === void 0 ? void 0 : (_data$SewerageConnect101 = _data$SewerageConnect100[0]) === null || _data$SewerageConnect101 === void 0 ? void 0 : _data$SewerageConnect101.uuid,
       fieldName: "relationship",
       model: "WnSConnection",
       showValue: false,
@@ -29460,9 +29595,9 @@ const WSApplicationDetails = () => {
     }
   }), /*#__PURE__*/React.createElement(Row, {
     label: t("WS_OWN_DETAIL_CROSADD"),
-    text: (data === null || data === void 0 ? void 0 : (_data$WaterConnection109 = data.WaterConnection) === null || _data$WaterConnection109 === void 0 ? void 0 : (_data$WaterConnection110 = _data$WaterConnection109[0]) === null || _data$WaterConnection110 === void 0 ? void 0 : (_data$WaterConnection111 = _data$WaterConnection110.connectionHolders) === null || _data$WaterConnection111 === void 0 ? void 0 : (_data$WaterConnection112 = _data$WaterConnection111[0]) === null || _data$WaterConnection112 === void 0 ? void 0 : _data$WaterConnection112.correspondenceAddress) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect104 = data.SewerageConnections) === null || _data$SewerageConnect104 === void 0 ? void 0 : (_data$SewerageConnect105 = _data$SewerageConnect104[0]) === null || _data$SewerageConnect105 === void 0 ? void 0 : (_data$SewerageConnect106 = _data$SewerageConnect105.connectionHolders) === null || _data$SewerageConnect106 === void 0 ? void 0 : (_data$SewerageConnect107 = _data$SewerageConnect106[0]) === null || _data$SewerageConnect107 === void 0 ? void 0 : _data$SewerageConnect107.correspondenceAddress) || t("CS_NA"),
+    text: (data === null || data === void 0 ? void 0 : (_data$WaterConnection107 = data.WaterConnection) === null || _data$WaterConnection107 === void 0 ? void 0 : (_data$WaterConnection108 = _data$WaterConnection107[0]) === null || _data$WaterConnection108 === void 0 ? void 0 : (_data$WaterConnection109 = _data$WaterConnection108.connectionHolders) === null || _data$WaterConnection109 === void 0 ? void 0 : (_data$WaterConnection110 = _data$WaterConnection109[0]) === null || _data$WaterConnection110 === void 0 ? void 0 : _data$WaterConnection110.correspondenceAddress) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect102 = data.SewerageConnections) === null || _data$SewerageConnect102 === void 0 ? void 0 : (_data$SewerageConnect103 = _data$SewerageConnect102[0]) === null || _data$SewerageConnect103 === void 0 ? void 0 : (_data$SewerageConnect104 = _data$SewerageConnect103.connectionHolders) === null || _data$SewerageConnect104 === void 0 ? void 0 : (_data$SewerageConnect105 = _data$SewerageConnect104[0]) === null || _data$SewerageConnect105 === void 0 ? void 0 : _data$SewerageConnect105.correspondenceAddress) || t("CS_NA"),
     privacy: {
-      uuid: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? data === null || data === void 0 ? void 0 : (_data$WaterConnection113 = data.WaterConnection) === null || _data$WaterConnection113 === void 0 ? void 0 : (_data$WaterConnection114 = _data$WaterConnection113[0]) === null || _data$WaterConnection114 === void 0 ? void 0 : (_data$WaterConnection115 = _data$WaterConnection114.connectionHolders) === null || _data$WaterConnection115 === void 0 ? void 0 : (_data$WaterConnection116 = _data$WaterConnection115[0]) === null || _data$WaterConnection116 === void 0 ? void 0 : _data$WaterConnection116.uuid : data === null || data === void 0 ? void 0 : (_data$SewerageConnect108 = data.SewerageConnections) === null || _data$SewerageConnect108 === void 0 ? void 0 : (_data$SewerageConnect109 = _data$SewerageConnect108[0]) === null || _data$SewerageConnect109 === void 0 ? void 0 : (_data$SewerageConnect110 = _data$SewerageConnect109.connectionHolders) === null || _data$SewerageConnect110 === void 0 ? void 0 : (_data$SewerageConnect111 = _data$SewerageConnect110[0]) === null || _data$SewerageConnect111 === void 0 ? void 0 : _data$SewerageConnect111.uuid,
+      uuid: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? data === null || data === void 0 ? void 0 : (_data$WaterConnection111 = data.WaterConnection) === null || _data$WaterConnection111 === void 0 ? void 0 : (_data$WaterConnection112 = _data$WaterConnection111[0]) === null || _data$WaterConnection112 === void 0 ? void 0 : (_data$WaterConnection113 = _data$WaterConnection112.connectionHolders) === null || _data$WaterConnection113 === void 0 ? void 0 : (_data$WaterConnection114 = _data$WaterConnection113[0]) === null || _data$WaterConnection114 === void 0 ? void 0 : _data$WaterConnection114.uuid : data === null || data === void 0 ? void 0 : (_data$SewerageConnect106 = data.SewerageConnections) === null || _data$SewerageConnect106 === void 0 ? void 0 : (_data$SewerageConnect107 = _data$SewerageConnect106[0]) === null || _data$SewerageConnect107 === void 0 ? void 0 : (_data$SewerageConnect108 = _data$SewerageConnect107.connectionHolders) === null || _data$SewerageConnect108 === void 0 ? void 0 : (_data$SewerageConnect109 = _data$SewerageConnect108[0]) === null || _data$SewerageConnect109 === void 0 ? void 0 : _data$SewerageConnect109.uuid,
       fieldName: "correspondenceAddress",
       model: "WnSConnectionOwner",
       showValue: false,
@@ -29479,12 +29614,12 @@ const WSApplicationDetails = () => {
     }
   }), /*#__PURE__*/React.createElement(Row, {
     label: t("WS_OWN_DETAIL_EMAIL_ID_LABEL"),
-    text: (data === null || data === void 0 ? void 0 : (_data$WaterConnection117 = data.WaterConnection) === null || _data$WaterConnection117 === void 0 ? void 0 : (_data$WaterConnection118 = _data$WaterConnection117[0]) === null || _data$WaterConnection118 === void 0 ? void 0 : (_data$WaterConnection119 = _data$WaterConnection118.connectionHolders) === null || _data$WaterConnection119 === void 0 ? void 0 : (_data$WaterConnection120 = _data$WaterConnection119[0]) === null || _data$WaterConnection120 === void 0 ? void 0 : _data$WaterConnection120.emailId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect112 = data.SewerageConnections) === null || _data$SewerageConnect112 === void 0 ? void 0 : (_data$SewerageConnect113 = _data$SewerageConnect112[0]) === null || _data$SewerageConnect113 === void 0 ? void 0 : (_data$SewerageConnect114 = _data$SewerageConnect113.connectionHolders) === null || _data$SewerageConnect114 === void 0 ? void 0 : (_data$SewerageConnect115 = _data$SewerageConnect114[0]) === null || _data$SewerageConnect115 === void 0 ? void 0 : _data$SewerageConnect115.emailId) || "NA",
+    text: (data === null || data === void 0 ? void 0 : (_data$WaterConnection115 = data.WaterConnection) === null || _data$WaterConnection115 === void 0 ? void 0 : (_data$WaterConnection116 = _data$WaterConnection115[0]) === null || _data$WaterConnection116 === void 0 ? void 0 : (_data$WaterConnection117 = _data$WaterConnection116.connectionHolders) === null || _data$WaterConnection117 === void 0 ? void 0 : (_data$WaterConnection118 = _data$WaterConnection117[0]) === null || _data$WaterConnection118 === void 0 ? void 0 : _data$WaterConnection118.emailId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect110 = data.SewerageConnections) === null || _data$SewerageConnect110 === void 0 ? void 0 : (_data$SewerageConnect111 = _data$SewerageConnect110[0]) === null || _data$SewerageConnect111 === void 0 ? void 0 : (_data$SewerageConnect112 = _data$SewerageConnect111.connectionHolders) === null || _data$SewerageConnect112 === void 0 ? void 0 : (_data$SewerageConnect113 = _data$SewerageConnect112[0]) === null || _data$SewerageConnect113 === void 0 ? void 0 : _data$SewerageConnect113.emailId) || "NA",
     textStyle: {
       whiteSpace: "pre"
     },
     privacy: {
-      uuid: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? data === null || data === void 0 ? void 0 : (_data$WaterConnection121 = data.WaterConnection) === null || _data$WaterConnection121 === void 0 ? void 0 : (_data$WaterConnection122 = _data$WaterConnection121[0]) === null || _data$WaterConnection122 === void 0 ? void 0 : (_data$WaterConnection123 = _data$WaterConnection122.connectionHolders) === null || _data$WaterConnection123 === void 0 ? void 0 : (_data$WaterConnection124 = _data$WaterConnection123[0]) === null || _data$WaterConnection124 === void 0 ? void 0 : _data$WaterConnection124.uuid : data === null || data === void 0 ? void 0 : (_data$SewerageConnect116 = data.SewerageConnections) === null || _data$SewerageConnect116 === void 0 ? void 0 : (_data$SewerageConnect117 = _data$SewerageConnect116[0]) === null || _data$SewerageConnect117 === void 0 ? void 0 : (_data$SewerageConnect118 = _data$SewerageConnect117.connectionHolders) === null || _data$SewerageConnect118 === void 0 ? void 0 : (_data$SewerageConnect119 = _data$SewerageConnect118[0]) === null || _data$SewerageConnect119 === void 0 ? void 0 : _data$SewerageConnect119.uuid,
+      uuid: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? data === null || data === void 0 ? void 0 : (_data$WaterConnection119 = data.WaterConnection) === null || _data$WaterConnection119 === void 0 ? void 0 : (_data$WaterConnection120 = _data$WaterConnection119[0]) === null || _data$WaterConnection120 === void 0 ? void 0 : (_data$WaterConnection121 = _data$WaterConnection120.connectionHolders) === null || _data$WaterConnection121 === void 0 ? void 0 : (_data$WaterConnection122 = _data$WaterConnection121[0]) === null || _data$WaterConnection122 === void 0 ? void 0 : _data$WaterConnection122.uuid : data === null || data === void 0 ? void 0 : (_data$SewerageConnect114 = data.SewerageConnections) === null || _data$SewerageConnect114 === void 0 ? void 0 : (_data$SewerageConnect115 = _data$SewerageConnect114[0]) === null || _data$SewerageConnect115 === void 0 ? void 0 : (_data$SewerageConnect116 = _data$SewerageConnect115.connectionHolders) === null || _data$SewerageConnect116 === void 0 ? void 0 : (_data$SewerageConnect117 = _data$SewerageConnect116[0]) === null || _data$SewerageConnect117 === void 0 ? void 0 : _data$SewerageConnect117.uuid,
       fieldName: "connectionHoldersEmailId",
       model: "WnSConnectionOwner",
       showValue: false,
@@ -29505,7 +29640,7 @@ const WSApplicationDetails = () => {
     }
   }, t("WS_COMMON_PROPERTY_DETAILS")), /*#__PURE__*/React.createElement(StatusTable, null, /*#__PURE__*/React.createElement(Row, {
     label: t("WS_PROPERTY_ID_LABEL"),
-    text: (data === null || data === void 0 ? void 0 : (_data$WaterConnection125 = data.WaterConnection) === null || _data$WaterConnection125 === void 0 ? void 0 : (_data$WaterConnection126 = _data$WaterConnection125[0]) === null || _data$WaterConnection126 === void 0 ? void 0 : _data$WaterConnection126.propertyId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect120 = data.SewerageConnections) === null || _data$SewerageConnect120 === void 0 ? void 0 : (_data$SewerageConnect121 = _data$SewerageConnect120[0]) === null || _data$SewerageConnect121 === void 0 ? void 0 : _data$SewerageConnect121.propertyId),
+    text: (data === null || data === void 0 ? void 0 : (_data$WaterConnection123 = data.WaterConnection) === null || _data$WaterConnection123 === void 0 ? void 0 : (_data$WaterConnection124 = _data$WaterConnection123[0]) === null || _data$WaterConnection124 === void 0 ? void 0 : _data$WaterConnection124.propertyId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect118 = data.SewerageConnections) === null || _data$SewerageConnect118 === void 0 ? void 0 : (_data$SewerageConnect119 = _data$SewerageConnect118[0]) === null || _data$SewerageConnect119 === void 0 ? void 0 : _data$SewerageConnect119.propertyId),
     textStyle: {
       wordBreak: "break-word"
     }
@@ -29546,7 +29681,7 @@ const WSApplicationDetails = () => {
       }
     }
   }), /*#__PURE__*/React.createElement(Link, {
-    to: "/digit-ui/citizen/commonpt/view-property?propertyId=" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection127 = data.WaterConnection) === null || _data$WaterConnection127 === void 0 ? void 0 : (_data$WaterConnection128 = _data$WaterConnection127[0]) === null || _data$WaterConnection128 === void 0 ? void 0 : _data$WaterConnection128.propertyId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect122 = data.SewerageConnections) === null || _data$SewerageConnect122 === void 0 ? void 0 : (_data$SewerageConnect123 = _data$SewerageConnect122[0]) === null || _data$SewerageConnect123 === void 0 ? void 0 : _data$SewerageConnect123.propertyId)) + "&tenantId=" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection129 = data.WaterConnection) === null || _data$WaterConnection129 === void 0 ? void 0 : (_data$WaterConnection130 = _data$WaterConnection129[0]) === null || _data$WaterConnection130 === void 0 ? void 0 : _data$WaterConnection130.tenantId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect124 = data.SewerageConnections) === null || _data$SewerageConnect124 === void 0 ? void 0 : (_data$SewerageConnect125 = _data$SewerageConnect124[0]) === null || _data$SewerageConnect125 === void 0 ? void 0 : _data$SewerageConnect125.tenantId))
+    to: "/digit-ui/citizen/commonpt/view-property?propertyId=" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection125 = data.WaterConnection) === null || _data$WaterConnection125 === void 0 ? void 0 : (_data$WaterConnection126 = _data$WaterConnection125[0]) === null || _data$WaterConnection126 === void 0 ? void 0 : _data$WaterConnection126.propertyId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect120 = data.SewerageConnections) === null || _data$SewerageConnect120 === void 0 ? void 0 : (_data$SewerageConnect121 = _data$SewerageConnect120[0]) === null || _data$SewerageConnect121 === void 0 ? void 0 : _data$SewerageConnect121.propertyId)) + "&tenantId=" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection127 = data.WaterConnection) === null || _data$WaterConnection127 === void 0 ? void 0 : (_data$WaterConnection128 = _data$WaterConnection127[0]) === null || _data$WaterConnection128 === void 0 ? void 0 : _data$WaterConnection128.tenantId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect122 = data.SewerageConnections) === null || _data$SewerageConnect122 === void 0 ? void 0 : (_data$SewerageConnect123 = _data$SewerageConnect122[0]) === null || _data$SewerageConnect123 === void 0 ? void 0 : _data$SewerageConnect123.tenantId))
   }, /*#__PURE__*/React.createElement(LinkButton, {
     style: {
       textAlign: "left"
@@ -29700,15 +29835,15 @@ const WSApplicationDetails = () => {
     styles: {
       fontSize: "28px"
     }
-  }, t("WS_COMMON_DOCUMENT_DETAILS")), (data === null || data === void 0 ? void 0 : (_data$WaterConnection131 = data.WaterConnection) === null || _data$WaterConnection131 === void 0 ? void 0 : (_data$WaterConnection132 = _data$WaterConnection131[0]) === null || _data$WaterConnection132 === void 0 ? void 0 : _data$WaterConnection132.documents) && (data === null || data === void 0 ? void 0 : (_data$WaterConnection133 = data.WaterConnection) === null || _data$WaterConnection133 === void 0 ? void 0 : (_data$WaterConnection134 = _data$WaterConnection133[0]) === null || _data$WaterConnection134 === void 0 ? void 0 : _data$WaterConnection134.documents.map((doc, index) => {
-    var _doc$documentType, _data$WaterConnection135, _data$WaterConnection136, _data$WaterConnection137, _data$WaterConnection138;
+  }, t("WS_COMMON_DOCUMENT_DETAILS")), (data === null || data === void 0 ? void 0 : (_data$WaterConnection129 = data.WaterConnection) === null || _data$WaterConnection129 === void 0 ? void 0 : (_data$WaterConnection130 = _data$WaterConnection129[0]) === null || _data$WaterConnection130 === void 0 ? void 0 : _data$WaterConnection130.documents) && (data === null || data === void 0 ? void 0 : (_data$WaterConnection131 = data.WaterConnection) === null || _data$WaterConnection131 === void 0 ? void 0 : (_data$WaterConnection132 = _data$WaterConnection131[0]) === null || _data$WaterConnection132 === void 0 ? void 0 : _data$WaterConnection132.documents.map((doc, index) => {
+    var _doc$documentType, _data$WaterConnection133, _data$WaterConnection134, _data$WaterConnection135, _data$WaterConnection136;
     return /*#__PURE__*/React.createElement("div", {
       key: "doc-" + index
     }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardSectionHeader, null, t(doc === null || doc === void 0 ? void 0 : (_doc$documentType = doc.documentType) === null || _doc$documentType === void 0 ? void 0 : _doc$documentType.split(".").slice(0, 2).join("_"))), /*#__PURE__*/React.createElement(StatusTable, null, /*#__PURE__*/React.createElement(WSDocument, {
-      value: data === null || data === void 0 ? void 0 : (_data$WaterConnection135 = data.WaterConnection) === null || _data$WaterConnection135 === void 0 ? void 0 : (_data$WaterConnection136 = _data$WaterConnection135[0]) === null || _data$WaterConnection136 === void 0 ? void 0 : _data$WaterConnection136.documents,
+      value: data === null || data === void 0 ? void 0 : (_data$WaterConnection133 = data.WaterConnection) === null || _data$WaterConnection133 === void 0 ? void 0 : (_data$WaterConnection134 = _data$WaterConnection133[0]) === null || _data$WaterConnection134 === void 0 ? void 0 : _data$WaterConnection134.documents,
       Code: doc === null || doc === void 0 ? void 0 : doc.documentType,
       index: index
-    }), (data === null || data === void 0 ? void 0 : (_data$WaterConnection137 = data.WaterConnection) === null || _data$WaterConnection137 === void 0 ? void 0 : (_data$WaterConnection138 = _data$WaterConnection137[0]) === null || _data$WaterConnection138 === void 0 ? void 0 : _data$WaterConnection138.documents.length) != index + 1 ? /*#__PURE__*/React.createElement("hr", {
+    }), (data === null || data === void 0 ? void 0 : (_data$WaterConnection135 = data.WaterConnection) === null || _data$WaterConnection135 === void 0 ? void 0 : (_data$WaterConnection136 = _data$WaterConnection135[0]) === null || _data$WaterConnection136 === void 0 ? void 0 : _data$WaterConnection136.documents.length) != index + 1 ? /*#__PURE__*/React.createElement("hr", {
       style: {
         color: "#cccccc",
         backgroundColor: "#cccccc",
@@ -29717,15 +29852,15 @@ const WSApplicationDetails = () => {
         marginBottom: "20px"
       }
     }) : null)));
-  })), (data === null || data === void 0 ? void 0 : (_data$SewerageConnect126 = data.SewerageConnections) === null || _data$SewerageConnect126 === void 0 ? void 0 : (_data$SewerageConnect127 = _data$SewerageConnect126[0]) === null || _data$SewerageConnect127 === void 0 ? void 0 : _data$SewerageConnect127.documents) && (data === null || data === void 0 ? void 0 : (_data$SewerageConnect128 = data.SewerageConnections) === null || _data$SewerageConnect128 === void 0 ? void 0 : (_data$SewerageConnect129 = _data$SewerageConnect128[0]) === null || _data$SewerageConnect129 === void 0 ? void 0 : _data$SewerageConnect129.documents.map((doc, index) => {
-    var _doc$documentType2, _data$SewerageConnect130, _data$SewerageConnect131, _data$SewerageConnect132, _data$SewerageConnect133;
+  })), (data === null || data === void 0 ? void 0 : (_data$SewerageConnect124 = data.SewerageConnections) === null || _data$SewerageConnect124 === void 0 ? void 0 : (_data$SewerageConnect125 = _data$SewerageConnect124[0]) === null || _data$SewerageConnect125 === void 0 ? void 0 : _data$SewerageConnect125.documents) && (data === null || data === void 0 ? void 0 : (_data$SewerageConnect126 = data.SewerageConnections) === null || _data$SewerageConnect126 === void 0 ? void 0 : (_data$SewerageConnect127 = _data$SewerageConnect126[0]) === null || _data$SewerageConnect127 === void 0 ? void 0 : _data$SewerageConnect127.documents.map((doc, index) => {
+    var _doc$documentType2, _data$SewerageConnect128, _data$SewerageConnect129, _data$SewerageConnect130, _data$SewerageConnect131;
     return /*#__PURE__*/React.createElement("div", {
       key: "doc-" + index
     }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardSectionHeader, null, t(doc === null || doc === void 0 ? void 0 : (_doc$documentType2 = doc.documentType) === null || _doc$documentType2 === void 0 ? void 0 : _doc$documentType2.split(".").slice(0, 2).join("_"))), /*#__PURE__*/React.createElement(StatusTable, null, /*#__PURE__*/React.createElement(WSDocument, {
-      value: data === null || data === void 0 ? void 0 : (_data$SewerageConnect130 = data.SewerageConnections) === null || _data$SewerageConnect130 === void 0 ? void 0 : (_data$SewerageConnect131 = _data$SewerageConnect130[0]) === null || _data$SewerageConnect131 === void 0 ? void 0 : _data$SewerageConnect131.documents,
+      value: data === null || data === void 0 ? void 0 : (_data$SewerageConnect128 = data.SewerageConnections) === null || _data$SewerageConnect128 === void 0 ? void 0 : (_data$SewerageConnect129 = _data$SewerageConnect128[0]) === null || _data$SewerageConnect129 === void 0 ? void 0 : _data$SewerageConnect129.documents,
       Code: doc === null || doc === void 0 ? void 0 : doc.documentType,
       index: index
-    }), (data === null || data === void 0 ? void 0 : (_data$SewerageConnect132 = data.SewerageConnections) === null || _data$SewerageConnect132 === void 0 ? void 0 : (_data$SewerageConnect133 = _data$SewerageConnect132[0]) === null || _data$SewerageConnect133 === void 0 ? void 0 : _data$SewerageConnect133.documents.length) != index + 1 ? /*#__PURE__*/React.createElement("hr", {
+    }), (data === null || data === void 0 ? void 0 : (_data$SewerageConnect130 = data.SewerageConnections) === null || _data$SewerageConnect130 === void 0 ? void 0 : (_data$SewerageConnect131 = _data$SewerageConnect130[0]) === null || _data$SewerageConnect131 === void 0 ? void 0 : _data$SewerageConnect131.documents.length) != index + 1 ? /*#__PURE__*/React.createElement("hr", {
       style: {
         color: "white",
         backgroundColor: "white",
@@ -29734,36 +29869,36 @@ const WSApplicationDetails = () => {
         marginBottom: "20px"
       }
     }) : null)));
-  })), (data === null || data === void 0 ? void 0 : (_data$WaterConnection139 = data.WaterConnection) === null || _data$WaterConnection139 === void 0 ? void 0 : (_data$WaterConnection140 = _data$WaterConnection139[0]) === null || _data$WaterConnection140 === void 0 ? void 0 : _data$WaterConnection140.applicationStatus) === "PENDING_FOR_PAYMENT" || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect134 = data.SewerageConnections) === null || _data$SewerageConnect134 === void 0 ? void 0 : (_data$SewerageConnect135 = _data$SewerageConnect134[0]) === null || _data$SewerageConnect135 === void 0 ? void 0 : _data$SewerageConnect135.applicationStatus) === "PENDING_FOR_PAYMENT" ? /*#__PURE__*/React.createElement(Link, {
+  })), (data === null || data === void 0 ? void 0 : (_data$WaterConnection137 = data.WaterConnection) === null || _data$WaterConnection137 === void 0 ? void 0 : (_data$WaterConnection138 = _data$WaterConnection137[0]) === null || _data$WaterConnection138 === void 0 ? void 0 : _data$WaterConnection138.applicationStatus) === "PENDING_FOR_PAYMENT" || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect132 = data.SewerageConnections) === null || _data$SewerageConnect132 === void 0 ? void 0 : (_data$SewerageConnect133 = _data$SewerageConnect132[0]) === null || _data$SewerageConnect133 === void 0 ? void 0 : _data$SewerageConnect133.applicationStatus) === "PENDING_FOR_PAYMENT" ? /*#__PURE__*/React.createElement(Link, {
     to: {
-      pathname: "/digit-ui/citizen/payment/my-bills/" + (paymentDetails === null || paymentDetails === void 0 ? void 0 : (_paymentDetails$data = paymentDetails.data) === null || _paymentDetails$data === void 0 ? void 0 : (_paymentDetails$data$ = _paymentDetails$data.Bill) === null || _paymentDetails$data$ === void 0 ? void 0 : (_paymentDetails$data$2 = _paymentDetails$data$[0]) === null || _paymentDetails$data$2 === void 0 ? void 0 : _paymentDetails$data$2.businessService) + "/" + (applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("DC") ? stringReplaceAll(data === null || data === void 0 ? void 0 : (_data$WaterConnection141 = data.WaterConnection) === null || _data$WaterConnection141 === void 0 ? void 0 : (_data$WaterConnection142 = _data$WaterConnection141[0]) === null || _data$WaterConnection142 === void 0 ? void 0 : _data$WaterConnection142.connectionNo, "/", "+") || stringReplaceAll(data === null || data === void 0 ? void 0 : (_data$SewerageConnect136 = data.SewerageConnections) === null || _data$SewerageConnect136 === void 0 ? void 0 : (_data$SewerageConnect137 = _data$SewerageConnect136[0]) === null || _data$SewerageConnect137 === void 0 ? void 0 : _data$SewerageConnect137.connectionNo, "/", "+") : stringReplaceAll(data === null || data === void 0 ? void 0 : (_data$WaterConnection143 = data.WaterConnection) === null || _data$WaterConnection143 === void 0 ? void 0 : (_data$WaterConnection144 = _data$WaterConnection143[0]) === null || _data$WaterConnection144 === void 0 ? void 0 : _data$WaterConnection144.applicationNo, "/", "+") || stringReplaceAll(data === null || data === void 0 ? void 0 : (_data$SewerageConnect138 = data.SewerageConnections) === null || _data$SewerageConnect138 === void 0 ? void 0 : (_data$SewerageConnect139 = _data$SewerageConnect138[0]) === null || _data$SewerageConnect139 === void 0 ? void 0 : _data$SewerageConnect139.applicationNo, "/", "+")) + "?workflow=WNS&tenantId=" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection145 = data.WaterConnection) === null || _data$WaterConnection145 === void 0 ? void 0 : (_data$WaterConnection146 = _data$WaterConnection145[0]) === null || _data$WaterConnection146 === void 0 ? void 0 : _data$WaterConnection146.tenantId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect140 = data.SewerageConnections) === null || _data$SewerageConnect140 === void 0 ? void 0 : (_data$SewerageConnect141 = _data$SewerageConnect140[0]) === null || _data$SewerageConnect141 === void 0 ? void 0 : _data$SewerageConnect141.tenantId)) + "&ConsumerName=" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection147 = data.WaterConnection) === null || _data$WaterConnection147 === void 0 ? void 0 : (_data$WaterConnection148 = _data$WaterConnection147[0]) === null || _data$WaterConnection148 === void 0 ? void 0 : (_data$WaterConnection149 = _data$WaterConnection148.connectionHolders) === null || _data$WaterConnection149 === void 0 ? void 0 : _data$WaterConnection149.map(owner => owner.name).join(",")) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect142 = data.SewerageConnections) === null || _data$SewerageConnect142 === void 0 ? void 0 : (_data$SewerageConnect143 = _data$SewerageConnect142[0]) === null || _data$SewerageConnect143 === void 0 ? void 0 : (_data$SewerageConnect144 = _data$SewerageConnect143.connectionHolders) === null || _data$SewerageConnect144 === void 0 ? void 0 : _data$SewerageConnect144.map(owner => owner.name).join(",")) || (PTData === null || PTData === void 0 ? void 0 : (_PTData$Properties8 = PTData.Properties) === null || _PTData$Properties8 === void 0 ? void 0 : (_PTData$Properties8$ = _PTData$Properties8[0]) === null || _PTData$Properties8$ === void 0 ? void 0 : (_PTData$Properties8$$ = _PTData$Properties8$.owners) === null || _PTData$Properties8$$ === void 0 ? void 0 : _PTData$Properties8$$.map(owner => owner.name).join(","))) + "&isDisoconnectFlow=" + (applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("DC") ? true : false),
+      pathname: "/digit-ui/citizen/payment/my-bills/" + (paymentDetails === null || paymentDetails === void 0 ? void 0 : (_paymentDetails$data = paymentDetails.data) === null || _paymentDetails$data === void 0 ? void 0 : (_paymentDetails$data$ = _paymentDetails$data.Bill) === null || _paymentDetails$data$ === void 0 ? void 0 : (_paymentDetails$data$2 = _paymentDetails$data$[0]) === null || _paymentDetails$data$2 === void 0 ? void 0 : _paymentDetails$data$2.businessService) + "/" + (applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("DC") ? stringReplaceAll(data === null || data === void 0 ? void 0 : (_data$WaterConnection139 = data.WaterConnection) === null || _data$WaterConnection139 === void 0 ? void 0 : (_data$WaterConnection140 = _data$WaterConnection139[0]) === null || _data$WaterConnection140 === void 0 ? void 0 : _data$WaterConnection140.connectionNo, "/", "+") || stringReplaceAll(data === null || data === void 0 ? void 0 : (_data$SewerageConnect134 = data.SewerageConnections) === null || _data$SewerageConnect134 === void 0 ? void 0 : (_data$SewerageConnect135 = _data$SewerageConnect134[0]) === null || _data$SewerageConnect135 === void 0 ? void 0 : _data$SewerageConnect135.connectionNo, "/", "+") : stringReplaceAll(data === null || data === void 0 ? void 0 : (_data$WaterConnection141 = data.WaterConnection) === null || _data$WaterConnection141 === void 0 ? void 0 : (_data$WaterConnection142 = _data$WaterConnection141[0]) === null || _data$WaterConnection142 === void 0 ? void 0 : _data$WaterConnection142.applicationNo, "/", "+") || stringReplaceAll(data === null || data === void 0 ? void 0 : (_data$SewerageConnect136 = data.SewerageConnections) === null || _data$SewerageConnect136 === void 0 ? void 0 : (_data$SewerageConnect137 = _data$SewerageConnect136[0]) === null || _data$SewerageConnect137 === void 0 ? void 0 : _data$SewerageConnect137.applicationNo, "/", "+")) + "?workflow=WNS&tenantId=" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection143 = data.WaterConnection) === null || _data$WaterConnection143 === void 0 ? void 0 : (_data$WaterConnection144 = _data$WaterConnection143[0]) === null || _data$WaterConnection144 === void 0 ? void 0 : _data$WaterConnection144.tenantId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect138 = data.SewerageConnections) === null || _data$SewerageConnect138 === void 0 ? void 0 : (_data$SewerageConnect139 = _data$SewerageConnect138[0]) === null || _data$SewerageConnect139 === void 0 ? void 0 : _data$SewerageConnect139.tenantId)) + "&ConsumerName=" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection145 = data.WaterConnection) === null || _data$WaterConnection145 === void 0 ? void 0 : (_data$WaterConnection146 = _data$WaterConnection145[0]) === null || _data$WaterConnection146 === void 0 ? void 0 : (_data$WaterConnection147 = _data$WaterConnection146.connectionHolders) === null || _data$WaterConnection147 === void 0 ? void 0 : _data$WaterConnection147.map(owner => owner.name).join(",")) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect140 = data.SewerageConnections) === null || _data$SewerageConnect140 === void 0 ? void 0 : (_data$SewerageConnect141 = _data$SewerageConnect140[0]) === null || _data$SewerageConnect141 === void 0 ? void 0 : (_data$SewerageConnect142 = _data$SewerageConnect141.connectionHolders) === null || _data$SewerageConnect142 === void 0 ? void 0 : _data$SewerageConnect142.map(owner => owner.name).join(",")) || (PTData === null || PTData === void 0 ? void 0 : (_PTData$Properties8 = PTData.Properties) === null || _PTData$Properties8 === void 0 ? void 0 : (_PTData$Properties8$ = _PTData$Properties8[0]) === null || _PTData$Properties8$ === void 0 ? void 0 : (_PTData$Properties8$$ = _PTData$Properties8$.owners) === null || _PTData$Properties8$$ === void 0 ? void 0 : _PTData$Properties8$$.map(owner => owner.name).join(","))) + "&isDisoconnectFlow=" + (applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("DC") ? true : false),
       state: {}
     }
   }, /*#__PURE__*/React.createElement(SubmitBar, {
     label: t("MAKE_PAYMENT")
-  })) : null, !(data !== null && data !== void 0 && (_data$WaterConnection150 = data.WaterConnection) !== null && _data$WaterConnection150 !== void 0 && (_data$WaterConnection151 = _data$WaterConnection150[0]) !== null && _data$WaterConnection151 !== void 0 && _data$WaterConnection151.applicationType.includes("DISCONNECT")) && data !== null && data !== void 0 && (_data$WaterConnection152 = data.WaterConnection) !== null && _data$WaterConnection152 !== void 0 && (_data$WaterConnection153 = _data$WaterConnection152[0]) !== null && _data$WaterConnection153 !== void 0 && _data$WaterConnection153.applicationStatus.includes("PENDING_FOR_CITIZEN_ACTION") || !(data !== null && data !== void 0 && (_data$SewerageConnect145 = data.SewerageConnections) !== null && _data$SewerageConnect145 !== void 0 && (_data$SewerageConnect146 = _data$SewerageConnect145[0]) !== null && _data$SewerageConnect146 !== void 0 && _data$SewerageConnect146.applicationType.includes("DISCONNECT")) && data !== null && data !== void 0 && (_data$SewerageConnect147 = data.SewerageConnections) !== null && _data$SewerageConnect147 !== void 0 && (_data$SewerageConnect148 = _data$SewerageConnect147[0]) !== null && _data$SewerageConnect148 !== void 0 && _data$SewerageConnect148.applicationStatus.includes("PENDING_FOR_CITIZEN_ACTION") ? /*#__PURE__*/React.createElement(Link, {
+  })) : null, !(data !== null && data !== void 0 && (_data$WaterConnection148 = data.WaterConnection) !== null && _data$WaterConnection148 !== void 0 && (_data$WaterConnection149 = _data$WaterConnection148[0]) !== null && _data$WaterConnection149 !== void 0 && _data$WaterConnection149.applicationType.includes("DISCONNECT")) && data !== null && data !== void 0 && (_data$WaterConnection150 = data.WaterConnection) !== null && _data$WaterConnection150 !== void 0 && (_data$WaterConnection151 = _data$WaterConnection150[0]) !== null && _data$WaterConnection151 !== void 0 && _data$WaterConnection151.applicationStatus.includes("PENDING_FOR_CITIZEN_ACTION") || !(data !== null && data !== void 0 && (_data$SewerageConnect143 = data.SewerageConnections) !== null && _data$SewerageConnect143 !== void 0 && (_data$SewerageConnect144 = _data$SewerageConnect143[0]) !== null && _data$SewerageConnect144 !== void 0 && _data$SewerageConnect144.applicationType.includes("DISCONNECT")) && data !== null && data !== void 0 && (_data$SewerageConnect145 = data.SewerageConnections) !== null && _data$SewerageConnect145 !== void 0 && (_data$SewerageConnect146 = _data$SewerageConnect145[0]) !== null && _data$SewerageConnect146 !== void 0 && _data$SewerageConnect146.applicationStatus.includes("PENDING_FOR_CITIZEN_ACTION") ? /*#__PURE__*/React.createElement(Link, {
     to: {
-      pathname: "/digit-ui/citizen/ws/edit-application/" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection154 = data.WaterConnection) === null || _data$WaterConnection154 === void 0 ? void 0 : (_data$WaterConnection155 = _data$WaterConnection154[0]) === null || _data$WaterConnection155 === void 0 ? void 0 : _data$WaterConnection155.tenantId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect149 = data.SewerageConnections) === null || _data$SewerageConnect149 === void 0 ? void 0 : (_data$SewerageConnect150 = _data$SewerageConnect149[0]) === null || _data$SewerageConnect150 === void 0 ? void 0 : _data$SewerageConnect150.tenantId)),
+      pathname: "/digit-ui/citizen/ws/edit-application/" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection152 = data.WaterConnection) === null || _data$WaterConnection152 === void 0 ? void 0 : (_data$WaterConnection153 = _data$WaterConnection152[0]) === null || _data$WaterConnection153 === void 0 ? void 0 : _data$WaterConnection153.tenantId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect147 = data.SewerageConnections) === null || _data$SewerageConnect147 === void 0 ? void 0 : (_data$SewerageConnect148 = _data$SewerageConnect147[0]) === null || _data$SewerageConnect148 === void 0 ? void 0 : _data$SewerageConnect148.tenantId)),
       state: {
-        id: "" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection156 = data.WaterConnection) === null || _data$WaterConnection156 === void 0 ? void 0 : (_data$WaterConnection157 = _data$WaterConnection156[0]) === null || _data$WaterConnection157 === void 0 ? void 0 : _data$WaterConnection157.applicationNo) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect151 = data.SewerageConnections) === null || _data$SewerageConnect151 === void 0 ? void 0 : (_data$SewerageConnect152 = _data$SewerageConnect151[0]) === null || _data$SewerageConnect152 === void 0 ? void 0 : _data$SewerageConnect152.applicationNo))
+        id: "" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection154 = data.WaterConnection) === null || _data$WaterConnection154 === void 0 ? void 0 : (_data$WaterConnection155 = _data$WaterConnection154[0]) === null || _data$WaterConnection155 === void 0 ? void 0 : _data$WaterConnection155.applicationNo) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect149 = data.SewerageConnections) === null || _data$SewerageConnect149 === void 0 ? void 0 : (_data$SewerageConnect150 = _data$SewerageConnect149[0]) === null || _data$SewerageConnect150 === void 0 ? void 0 : _data$SewerageConnect150.applicationNo))
       }
     }
   }, /*#__PURE__*/React.createElement(SubmitBar, {
     label: t("COMMON_EDIT")
-  })) : null, data !== null && data !== void 0 && (_data$WaterConnection158 = data.WaterConnection) !== null && _data$WaterConnection158 !== void 0 && (_data$WaterConnection159 = _data$WaterConnection158[0]) !== null && _data$WaterConnection159 !== void 0 && _data$WaterConnection159.applicationType.includes("DISCONNECT") && data !== null && data !== void 0 && (_data$WaterConnection160 = data.WaterConnection) !== null && _data$WaterConnection160 !== void 0 && (_data$WaterConnection161 = _data$WaterConnection160[0]) !== null && _data$WaterConnection161 !== void 0 && _data$WaterConnection161.applicationStatus.includes("PENDING_FOR_CITIZEN_ACTION") || data !== null && data !== void 0 && (_data$SewerageConnect153 = data.SewerageConnections) !== null && _data$SewerageConnect153 !== void 0 && (_data$SewerageConnect154 = _data$SewerageConnect153[0]) !== null && _data$SewerageConnect154 !== void 0 && _data$SewerageConnect154.applicationType.includes("DISCONNECT") && data !== null && data !== void 0 && (_data$SewerageConnect155 = data.SewerageConnections) !== null && _data$SewerageConnect155 !== void 0 && (_data$SewerageConnect156 = _data$SewerageConnect155[0]) !== null && _data$SewerageConnect156 !== void 0 && _data$SewerageConnect156.applicationStatus.includes("PENDING_FOR_CITIZEN_ACTION") ? /*#__PURE__*/React.createElement(Link, {
+  })) : null, data !== null && data !== void 0 && (_data$WaterConnection156 = data.WaterConnection) !== null && _data$WaterConnection156 !== void 0 && (_data$WaterConnection157 = _data$WaterConnection156[0]) !== null && _data$WaterConnection157 !== void 0 && _data$WaterConnection157.applicationType.includes("DISCONNECT") && data !== null && data !== void 0 && (_data$WaterConnection158 = data.WaterConnection) !== null && _data$WaterConnection158 !== void 0 && (_data$WaterConnection159 = _data$WaterConnection158[0]) !== null && _data$WaterConnection159 !== void 0 && _data$WaterConnection159.applicationStatus.includes("PENDING_FOR_CITIZEN_ACTION") || data !== null && data !== void 0 && (_data$SewerageConnect151 = data.SewerageConnections) !== null && _data$SewerageConnect151 !== void 0 && (_data$SewerageConnect152 = _data$SewerageConnect151[0]) !== null && _data$SewerageConnect152 !== void 0 && _data$SewerageConnect152.applicationType.includes("DISCONNECT") && data !== null && data !== void 0 && (_data$SewerageConnect153 = data.SewerageConnections) !== null && _data$SewerageConnect153 !== void 0 && (_data$SewerageConnect154 = _data$SewerageConnect153[0]) !== null && _data$SewerageConnect154 !== void 0 && _data$SewerageConnect154.applicationStatus.includes("PENDING_FOR_CITIZEN_ACTION") ? /*#__PURE__*/React.createElement(Link, {
     to: {
       pathname: "/digit-ui/citizen/ws/resubmit-disconnect-application",
       state: {
-        id: "" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection162 = data.WaterConnection) === null || _data$WaterConnection162 === void 0 ? void 0 : (_data$WaterConnection163 = _data$WaterConnection162[0]) === null || _data$WaterConnection163 === void 0 ? void 0 : _data$WaterConnection163.applicationNo) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect157 = data.SewerageConnections) === null || _data$SewerageConnect157 === void 0 ? void 0 : (_data$SewerageConnect158 = _data$SewerageConnect157[0]) === null || _data$SewerageConnect158 === void 0 ? void 0 : _data$SewerageConnect158.applicationNo))
+        id: "" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection160 = data.WaterConnection) === null || _data$WaterConnection160 === void 0 ? void 0 : (_data$WaterConnection161 = _data$WaterConnection160[0]) === null || _data$WaterConnection161 === void 0 ? void 0 : _data$WaterConnection161.applicationNo) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect155 = data.SewerageConnections) === null || _data$SewerageConnect155 === void 0 ? void 0 : (_data$SewerageConnect156 = _data$SewerageConnect155[0]) === null || _data$SewerageConnect156 === void 0 ? void 0 : _data$SewerageConnect156.applicationNo))
       }
     }
   }, /*#__PURE__*/React.createElement(SubmitBar, {
     label: t("RESUBMIT_APPLICATION"),
     onSubmit: Digit.SessionStorage.set("WS_DISCONNECTION", applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("SW") ? {
-      applicationData: data === null || data === void 0 ? void 0 : (_data$SewerageConnect159 = data.SewerageConnections) === null || _data$SewerageConnect159 === void 0 ? void 0 : _data$SewerageConnect159[0],
+      applicationData: data === null || data === void 0 ? void 0 : (_data$SewerageConnect157 = data.SewerageConnections) === null || _data$SewerageConnect157 === void 0 ? void 0 : _data$SewerageConnect157[0],
       serviceType: "SEWERAGE",
       WSDisconnectionForm: {
-        type: data !== null && data !== void 0 && (_data$SewerageConnect160 = data.SewerageConnections) !== null && _data$SewerageConnect160 !== void 0 && (_data$SewerageConnect161 = _data$SewerageConnect160[0]) !== null && _data$SewerageConnect161 !== void 0 && _data$SewerageConnect161.isDisconnectionTemporary ? {
+        type: data !== null && data !== void 0 && (_data$SewerageConnect158 = data.SewerageConnections) !== null && _data$SewerageConnect158 !== void 0 && (_data$SewerageConnect159 = _data$SewerageConnect158[0]) !== null && _data$SewerageConnect159 !== void 0 && _data$SewerageConnect159.isDisconnectionTemporary ? {
           code: "type",
           value: {
             name: "Temporary",
@@ -29780,18 +29915,18 @@ const WSApplicationDetails = () => {
             code: "Permanent"
           }
         },
-        date: convertEpochToDateDMY(data === null || data === void 0 ? void 0 : (_data$SewerageConnect162 = data.SewerageConnections) === null || _data$SewerageConnect162 === void 0 ? void 0 : (_data$SewerageConnect163 = _data$SewerageConnect162[0]) === null || _data$SewerageConnect163 === void 0 ? void 0 : _data$SewerageConnect163.dateEffectiveFrom, true),
+        date: convertEpochToDateDMY(data === null || data === void 0 ? void 0 : (_data$SewerageConnect160 = data.SewerageConnections) === null || _data$SewerageConnect160 === void 0 ? void 0 : (_data$SewerageConnect161 = _data$SewerageConnect160[0]) === null || _data$SewerageConnect161 === void 0 ? void 0 : _data$SewerageConnect161.dateEffectiveFrom, true),
         reason: {
           code: "reason",
-          value: data === null || data === void 0 ? void 0 : (_data$SewerageConnect164 = data.SewerageConnections) === null || _data$SewerageConnect164 === void 0 ? void 0 : (_data$SewerageConnect165 = _data$SewerageConnect164[0]) === null || _data$SewerageConnect165 === void 0 ? void 0 : _data$SewerageConnect165.disconnectionReason
+          value: data === null || data === void 0 ? void 0 : (_data$SewerageConnect162 = data.SewerageConnections) === null || _data$SewerageConnect162 === void 0 ? void 0 : (_data$SewerageConnect163 = _data$SewerageConnect162[0]) === null || _data$SewerageConnect163 === void 0 ? void 0 : _data$SewerageConnect163.disconnectionReason
         },
-        documents: data === null || data === void 0 ? void 0 : (_data$SewerageConnect166 = data.SewerageConnections) === null || _data$SewerageConnect166 === void 0 ? void 0 : (_data$SewerageConnect167 = _data$SewerageConnect166[0]) === null || _data$SewerageConnect167 === void 0 ? void 0 : _data$SewerageConnect167.documents
+        documents: data === null || data === void 0 ? void 0 : (_data$SewerageConnect164 = data.SewerageConnections) === null || _data$SewerageConnect164 === void 0 ? void 0 : (_data$SewerageConnect165 = _data$SewerageConnect164[0]) === null || _data$SewerageConnect165 === void 0 ? void 0 : _data$SewerageConnect165.documents
       }
     } : {
-      applicationData: data === null || data === void 0 ? void 0 : (_data$WaterConnection164 = data.WaterConnection) === null || _data$WaterConnection164 === void 0 ? void 0 : _data$WaterConnection164[0],
+      applicationData: data === null || data === void 0 ? void 0 : (_data$WaterConnection162 = data.WaterConnection) === null || _data$WaterConnection162 === void 0 ? void 0 : _data$WaterConnection162[0],
       serviceType: "WATER",
       WSDisconnectionForm: {
-        type: data !== null && data !== void 0 && (_data$WaterConnection165 = data.WaterConnection) !== null && _data$WaterConnection165 !== void 0 && (_data$WaterConnection166 = _data$WaterConnection165[0]) !== null && _data$WaterConnection166 !== void 0 && _data$WaterConnection166.isDisconnectionTemporary ? {
+        type: data !== null && data !== void 0 && (_data$WaterConnection163 = data.WaterConnection) !== null && _data$WaterConnection163 !== void 0 && (_data$WaterConnection164 = _data$WaterConnection163[0]) !== null && _data$WaterConnection164 !== void 0 && _data$WaterConnection164.isDisconnectionTemporary ? {
           code: "type",
           value: {
             name: "Temporary",
@@ -29808,12 +29943,12 @@ const WSApplicationDetails = () => {
             code: "Permanent"
           }
         },
-        date: convertEpochToDateDMY(data === null || data === void 0 ? void 0 : (_data$WaterConnection167 = data.WaterConnection) === null || _data$WaterConnection167 === void 0 ? void 0 : (_data$WaterConnection168 = _data$WaterConnection167[0]) === null || _data$WaterConnection168 === void 0 ? void 0 : _data$WaterConnection168.dateEffectiveFrom, true),
+        date: convertEpochToDateDMY(data === null || data === void 0 ? void 0 : (_data$WaterConnection165 = data.WaterConnection) === null || _data$WaterConnection165 === void 0 ? void 0 : (_data$WaterConnection166 = _data$WaterConnection165[0]) === null || _data$WaterConnection166 === void 0 ? void 0 : _data$WaterConnection166.dateEffectiveFrom, true),
         reason: {
           code: "reason",
-          value: data === null || data === void 0 ? void 0 : (_data$WaterConnection169 = data.WaterConnection) === null || _data$WaterConnection169 === void 0 ? void 0 : (_data$WaterConnection170 = _data$WaterConnection169[0]) === null || _data$WaterConnection170 === void 0 ? void 0 : _data$WaterConnection170.disconnectionReason
+          value: data === null || data === void 0 ? void 0 : (_data$WaterConnection167 = data.WaterConnection) === null || _data$WaterConnection167 === void 0 ? void 0 : (_data$WaterConnection168 = _data$WaterConnection167[0]) === null || _data$WaterConnection168 === void 0 ? void 0 : _data$WaterConnection168.disconnectionReason
         },
-        documents: data === null || data === void 0 ? void 0 : (_data$WaterConnection171 = data.WaterConnection) === null || _data$WaterConnection171 === void 0 ? void 0 : (_data$WaterConnection172 = _data$WaterConnection171[0]) === null || _data$WaterConnection172 === void 0 ? void 0 : _data$WaterConnection172.documents
+        documents: data === null || data === void 0 ? void 0 : (_data$WaterConnection169 = data.WaterConnection) === null || _data$WaterConnection169 === void 0 ? void 0 : (_data$WaterConnection170 = _data$WaterConnection169[0]) === null || _data$WaterConnection170 === void 0 ? void 0 : _data$WaterConnection170.documents
       }
     })
   })) : null)))));
@@ -32047,7 +32182,7 @@ const WSConnection = _ref => {
 };
 
 const MyConnections = _ref => {
-  var _user$info, _user$info$userName, _user$info2, _user$info3, _data$WaterConnection, _SWdata$SewerageConne, _connectionList;
+  var _user$info, _user$info$userName, _user$info2, _user$info3, _data$WaterConnection, _SWdata$SewerageConne, _connectionList, _filteredConnections;
   const _useTranslation = useTranslation(),
     t = _useTranslation.t;
   const user = Digit.UserService.getUser();
@@ -32107,6 +32242,9 @@ const MyConnections = _ref => {
   const _useState2 = useState(10),
     pageSize = _useState2[0],
     setPageSize = _useState2[1];
+  const _useState3 = useState(null),
+    searchParams = _useState3[0],
+    setSearchParams = _useState3[1];
   const isMobile = window.Digit.Utils.browser.isMobile();
   const GetCell = value => /*#__PURE__*/React.createElement("span", {
     className: "cell-text"
@@ -32180,19 +32318,182 @@ const MyConnections = _ref => {
       }
     }];
   }, [t]);
+  const _useForm = useForm({
+      defaultValues: {
+        connectionNo: "",
+        status: ""
+      }
+    }),
+    register = _useForm.register,
+    control = _useForm.control,
+    handleSubmit = _useForm.handleSubmit,
+    reset = _useForm.reset;
+  const onSubmitForm = data => {
+    setSearchParams(data);
+    setPageOffset(0);
+  };
   if (isLoading || PTisLoading || isSWLoading) {
     return /*#__PURE__*/React.createElement(Loader, null);
   }
+  const sortedConnections = ((_connectionList = connectionList) === null || _connectionList === void 0 ? void 0 : _connectionList.length) > 0 ? connectionList.sort((a, b) => {
+    var _b$auditDetails, _a$auditDetails;
+    return ((_b$auditDetails = b.auditDetails) === null || _b$auditDetails === void 0 ? void 0 : _b$auditDetails.lastModifiedTime) - ((_a$auditDetails = a.auditDetails) === null || _a$auditDetails === void 0 ? void 0 : _a$auditDetails.lastModifiedTime);
+  }) : [];
+  let filteredConnections = sortedConnections;
+  if (searchParams) {
+    if (searchParams.connectionNo) {
+      filteredConnections = filteredConnections.filter(app => {
+        var _app$connectionNo;
+        return (_app$connectionNo = app.connectionNo) === null || _app$connectionNo === void 0 ? void 0 : _app$connectionNo.toLowerCase().includes(searchParams.connectionNo.toLowerCase());
+      });
+    }
+    if (searchParams.status && searchParams.status.code) {
+      filteredConnections = filteredConnections.filter(app => app.status === searchParams.status.code);
+    }
+  }
+  const statusCounts = sortedConnections.reduce((acc, app) => {
+    const status = app.status || "UNKNOWN";
+    acc[status] = (acc[status] || 0) + 1;
+    return acc;
+  }, {});
+  const action = Object.keys(statusCounts).map(status => ({
+    i18nKey: status === "UNKNOWN" ? "UNKNOWN" : "CS_" + status,
+    code: status
+  }));
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WSInfoLabel, {
     t: t
-  }), /*#__PURE__*/React.createElement("div", null, ((_connectionList = connectionList) === null || _connectionList === void 0 ? void 0 : _connectionList.length) > 0 ? isMobile ? connectionList.map((application, index) => /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "summary-cards-container",
+    style: {
+      display: "flex",
+      gap: "10px",
+      flexWrap: "wrap",
+      width: "100%"
+    }
+  }, (() => {
+    const waterCount = sortedConnections.filter(app => {
+      var _app$applicationNo;
+      return app === null || app === void 0 ? void 0 : (_app$applicationNo = app.applicationNo) === null || _app$applicationNo === void 0 ? void 0 : _app$applicationNo.includes("WS");
+    }).length;
+    const sewerageCount = sortedConnections.filter(app => {
+      var _app$applicationNo2;
+      return app === null || app === void 0 ? void 0 : (_app$applicationNo2 = app.applicationNo) === null || _app$applicationNo2 === void 0 ? void 0 : _app$applicationNo2.includes("SW");
+    }).length;
+    const cards = [{
+      label: "TOTAL_CONNECTIONS",
+      count: (sortedConnections === null || sortedConnections === void 0 ? void 0 : sortedConnections.length) || 0,
+      color: "#0B2559"
+    }, {
+      label: "WATER",
+      count: waterCount,
+      color: "#3B82F6"
+    }, {
+      label: "SEWERAGE",
+      count: sewerageCount,
+      color: "#F59E0B"
+    }, ...Object.entries(statusCounts).map((_ref8, idx) => {
+      let status = _ref8[0],
+        count = _ref8[1];
+      const colors = ["#10B981", "#A855F7", "#EF4444", "#64748B", "#F97316", "#06B6D4"];
+      return {
+        label: status === "UNKNOWN" ? "UNKNOWN" : "CS_" + status,
+        count: count,
+        color: colors[idx % colors.length]
+      };
+    })];
+    return cards.map((card, idx) => /*#__PURE__*/React.createElement("div", {
+      key: idx,
+      className: "summary-card",
+      style: {
+        backgroundColor: "#fff",
+        borderRadius: "6px",
+        padding: "12px 14px",
+        boxShadow: "0 2px 8px rgba(0,0,0,0.05)",
+        flex: "1 1 110px",
+        maxWidth: "200px",
+        minWidth: "100px",
+        border: "1px solid #E2E8F0",
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "space-between"
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        fontSize: "10px",
+        color: "#64748B",
+        fontWeight: "600",
+        textTransform: "uppercase",
+        letterSpacing: "0.5px",
+        whiteSpace: "nowrap",
+        overflow: "hidden",
+        textOverflow: "ellipsis"
+      },
+      title: t(card.label)
+    }, t(card.label)), /*#__PURE__*/React.createElement("div", {
+      style: {
+        fontSize: "24px",
+        fontWeight: "700",
+        color: card.color,
+        marginTop: "8px"
+      }
+    }, String(card.count).padStart(2, "0"))));
+  })()), /*#__PURE__*/React.createElement(SearchForm, {
+    t: t,
+    onSubmit: onSubmitForm,
+    handleSubmit: handleSubmit,
+    className: "formcomposer-section-grid"
+  }, /*#__PURE__*/React.createElement(SearchField, null, /*#__PURE__*/React.createElement("label", null, t("WS_MYCONNECTIONS_STATUS")), /*#__PURE__*/React.createElement(Controller, {
+    control: control,
+    name: "status",
+    render: props => /*#__PURE__*/React.createElement(Dropdown, {
+      selected: props.value,
+      select: props.onChange,
+      onBlur: props.onBlur,
+      option: action,
+      optionKey: "i18nKey",
+      t: t,
+      disable: false
+    })
+  })), /*#__PURE__*/React.createElement(SearchField, null, /*#__PURE__*/React.createElement("label", null, t("WS_MYCONNECTIONS_CONSUMER_NO")), /*#__PURE__*/React.createElement(TextInput, {
+    name: "connectionNo",
+    inputRef: register({})
+  })), /*#__PURE__*/React.createElement("div", {
+    style: {
+      gridColumn: "1 / -1",
+      display: "flex",
+      justifyContent: "flex-end",
+      alignItems: "center",
+      gap: "24px"
+    }
+  }, /*#__PURE__*/React.createElement("p", {
+    style: {
+      cursor: "pointer",
+      color: "#0B4B66",
+      fontWeight: "600",
+      margin: 0
+    },
+    onClick: () => {
+      reset({
+        connectionNo: "",
+        status: ""
+      });
+      setSearchParams(null);
+      setPageOffset(0);
+    }
+  }, t("ES_COMMON_CLEAR_ALL")), /*#__PURE__*/React.createElement(SubmitBar, {
+    label: t("ES_COMMON_SEARCH"),
+    submit: true,
+    style: {
+      margin: 0
+    }
+  }))), /*#__PURE__*/React.createElement("div", null, ((_filteredConnections = filteredConnections) === null || _filteredConnections === void 0 ? void 0 : _filteredConnections.length) > 0 ? isMobile ? filteredConnections.map((application, index) => /*#__PURE__*/React.createElement("div", {
     key: index
   }, /*#__PURE__*/React.createElement(WSConnection, {
     application: application
   }))) : /*#__PURE__*/React.createElement(Table, {
     t: t,
-    data: connectionList.slice(pageOffset, pageOffset + pageSize),
-    totalRecords: connectionList.length,
+    data: filteredConnections.slice(pageOffset, pageOffset + pageSize),
+    totalRecords: filteredConnections.length,
     columns: columns,
     getCellProps: cellInfo => {
       return {