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

package/dist/index.js

@@ -7839,7 +7839,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 = reactI18next.useTranslation(),
     t = _useTranslation.t;
   const user = Digit.UserService.getUser();
@@ -7901,6 +7901,9 @@ const WSMyApplications = () => {
   const _useState2 = React.useState(10),
     pageSize = _useState2[0],
     setPageSize = _useState2[1];
+  const _useState3 = React.useState(null),
+    searchParams = _useState3[0],
+    setSearchParams = _useState3[1];
   const isMobile = window.Digit.Utils.browser.isMobile();
   const GetCell = value => /*#__PURE__*/React__default.createElement("span", {
     className: "cell-text"
@@ -7994,6 +7997,22 @@ const WSMyApplications = () => {
       }
     }];
   }, [t]);
+  const _useForm = reactHookForm.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__default.createElement(digitUiReactComponents.Loader, null);
   }
@@ -8028,16 +8047,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__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(WSInfoLabel, {
     t: t
-  }), /*#__PURE__*/React__default.createElement("div", null, (sortedApplications === null || sortedApplications === void 0 ? void 0 : sortedApplications.length) > 0 ? isMobile ? sortedApplications.map((application, index) => /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React__default.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__default.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__default.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__default.createElement("div", {
+      style: {
+        fontSize: "24px",
+        fontWeight: "700",
+        color: card.color,
+        marginTop: "8px"
+      }
+    }, String(card.count).padStart(2, "0"))));
+  })()), /*#__PURE__*/React__default.createElement(digitUiReactComponents.SearchForm, {
+    t: t,
+    onSubmit: onSubmitForm,
+    handleSubmit: handleSubmit,
+    className: "formcomposer-section-grid"
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.SearchField, null, /*#__PURE__*/React__default.createElement("label", null, t("WS_STATUS")), /*#__PURE__*/React__default.createElement(reactHookForm.Controller, {
+    control: control,
+    name: "status",
+    render: props => /*#__PURE__*/React__default.createElement(digitUiReactComponents.Dropdown, {
+      selected: props.value,
+      select: props.onChange,
+      onBlur: props.onBlur,
+      option: action,
+      optionKey: "i18nKey",
+      t: t,
+      disable: false
+    })
+  })), /*#__PURE__*/React__default.createElement(digitUiReactComponents.SearchField, null, /*#__PURE__*/React__default.createElement("label", null, t("WS_MYCONNECTIONS_APPLICATION_NO")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextInput, {
+    name: "applicationNo",
+    inputRef: register({})
+  })), /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      gridColumn: "1 / -1",
+      display: "flex",
+      justifyContent: "flex-end",
+      alignItems: "center",
+      gap: "24px"
+    }
+  }, /*#__PURE__*/React__default.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__default.createElement(digitUiReactComponents.SubmitBar, {
+    label: t("ES_COMMON_SEARCH"),
+    submit: true,
+    style: {
+      margin: 0
+    }
+  }))), /*#__PURE__*/React__default.createElement("div", null, ((_filteredApplications = filteredApplications) === null || _filteredApplications === void 0 ? void 0 : _filteredApplications.length) > 0 ? isMobile ? filteredApplications.map((application, index) => /*#__PURE__*/React__default.createElement("div", {
     key: index
   }, /*#__PURE__*/React__default.createElement(WSApplication, {
     application: application
   }))) : /*#__PURE__*/React__default.createElement(digitUiReactComponents.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),
@@ -20478,8 +20656,7 @@ const PropertyWaterConnection = _ref => {
     }),
     control = _useForm.control,
     register = _useForm.register,
-    _useForm$formState = _useForm.formState,
-    errors = _useForm$formState.errors,
+    errors = _useForm.formState.errors,
     watch = _useForm.watch,
     setValue = _useForm.setValue;
   const tenantId = Digit.ULBService.getCurrentTenantId();
@@ -20664,8 +20841,8 @@ const PropertyWaterConnection = _ref => {
     marginTop: "-21px"
   };
   return /*#__PURE__*/React__default.createElement(digitUiReactComponents.CollapsibleCardPage, {
-    title: t("WS_PROPERTY_AND_WATER_CONNECTION_USE_DETAILS") + (config !== null && config !== void 0 && config.isAutomaticFill ? " (Automatic Fill by Property )" : ""),
-    defaultOpen: config !== null && config !== void 0 && config.isAutomaticFill ? false : true,
+    title: t("WS_PROPERTY_AND_WATER_CONNECTION_USE_DETAILS") + (config !== null && config !== void 0 && config.isAutomaticFill ? " " + t("(Automatic Fill by Property)") : ""),
+    defaultOpen: false,
     style: props.style
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "formcomposer-section-grid"
@@ -28376,291 +28553,848 @@ const getWSDisconnectionApplicationForm = function (application, property, tenan
   }
 };
 
-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, _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, _paymentDetails$data, _paymentDetails$data$, _paymentDetails$data$2, _paymentDetails$data$3, _paymentDetails$data$4, _paymentDetails$data2, _paymentDetails$data3, _paymentDetails$data4, _paymentDetails$data5, _paymentDetails$data6, _paymentDetails$data7, _paymentDetails$data8, _paymentDetails$data9, _paymentDetails$data0, _paymentDetails$data1, _paymentDetails$data10, _paymentDetails$data11, _paymentDetails$data12, _paymentDetails$data13, _paymentDetails$data14, _paymentDetails$data15, _paymentDetails$data16, _paymentDetails$data17, _paymentDetails$data18, _paymentDetails$data19, _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$data20, _paymentDetails$data21, _paymentDetails$data22, _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;
-  const getDisconnectionNoticeSearch = function () {
-    try {
-      var _data$WaterConnection174, _data$WaterConnection175, _data$SewerageConnect169, _data$SewerageConnect170;
-      let key = "ws-waterdisconnectionnotice";
-      let details = {};
-      if (applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS")) {
-        var _data$WaterConnection173, _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], {
-            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;
-        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], {
-            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), {
-          fileStoreIds: response.filestoreIds[0]
-        })).then(function (fileStore) {
-          window.open(fileStore[response === null || response === void 0 ? void 0 : response.filestoreIds[0]], "_blank");
-        });
-      });
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
+const Penality_menu = [{
+  title: "PT_PENDING_DUES_FROM_EARLIER",
+  value: "Pending dues from earlier"
+}, {
+  title: "PT_MISCALCULATION_OF_EARLIER_ASSESSMENT",
+  value: "Miscalculation of earlier Assessment"
+}, {
+  title: "PT_ONE_TIME_PENALITY",
+  value: "One time penality"
+}, {
+  title: "PT_OTHERS",
+  value: "Others"
+}];
+const Rebate_menu = [{
+  title: "PT_ADVANCED_PAID_BY_CITIZEN_EARLIER",
+  value: "Advanced Paid By Citizen Earlier"
+}, {
+  title: "PT_REBATE_PROVIDED_BY_COMMISSIONER_EO",
+  value: "Rebate provided by commissioner/EO"
+}, {
+  title: "PT_ADDITIONAL_AMOUNT_CHARGED_FROM_THE_CITIZEN",
+  value: "Additional amount charged from the citizen"
+}, {
+  title: "PT_OTHERS",
+  value: "Others"
+}];
+const WSFeeEstimation = _ref => {
+  var _wsAdditionalDetails$, _wsAdditionalDetails$18, _fields$adhocPenaltyR, _fields$adhocRebateRe;
+  let wsAdditionalDetails = _ref.wsAdditionalDetails;
   const _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  const menuRef = React.useRef();
-  const user = Digit.UserService.getUser();
-  const userMobileNumber = user !== null && user !== void 0 && (_user$info = user.info) !== null && _user$info !== void 0 && (_user$info$userName = _user$info.userName) !== null && _user$info$userName !== void 0 && _user$info$userName.match(/^[0-9]{10}$/) ? user === null || user === void 0 ? void 0 : (_user$info2 = user.info) === null || _user$info2 === void 0 ? void 0 : _user$info2.userName : user === null || user === void 0 ? void 0 : (_user$info3 = user.info) === null || _user$info3 === void 0 ? void 0 : _user$info3.mobileNumber;
-  const tenantId = ((_Digit$SessionStorage = Digit.SessionStorage.get("CITIZEN.COMMON.HOME.CITY")) === null || _Digit$SessionStorage === void 0 ? void 0 : _Digit$SessionStorage.code) || (user === null || user === void 0 ? void 0 : (_user$info4 = user.info) === null || _user$info4 === void 0 ? void 0 : _user$info4.permanentCity) || Digit.ULBService.getCurrentTenantId();
+  const _Digit$Hooks$useSessi = Digit.Hooks.useSessionStorage("ADHOC_ADD_REBATE_DATA", {}),
+    sessionFormData = _Digit$Hooks$useSessi[0],
+    setSessionFormData = _Digit$Hooks$useSessi[1];
+  const _Digit$Hooks$useSessi2 = Digit.Hooks.useSessionStorage("ADHOC_BILL_ADD_REBATE_DATA", {}),
+    setSessionBillFormData = _Digit$Hooks$useSessi2[1];
+  const isPaid = wsAdditionalDetails !== null && wsAdditionalDetails !== void 0 && (_wsAdditionalDetails$ = wsAdditionalDetails.additionalDetails) !== null && _wsAdditionalDetails$ !== void 0 && _wsAdditionalDetails$.isPaid ? true : false;
   const _useState = React.useState(false),
-    showOptions = _useState[0],
-    setShowOptions = _useState[1];
-  const _useState2 = React.useState(false);
-  const applicationNobyData = window.location.href.includes("SW_") ? window.location.href.substring(window.location.href.indexOf("SW_")) : window.location.href.substring(window.location.href.indexOf("WS_"));
-  let filter1 = {
-    tenantId: tenantId,
-    applicationNumber: applicationNobyData
-  };
-  const _Digit$Hooks$ws$useMy = Digit.Hooks.ws.useMyApplicationSearch({
-      filters: filter1,
-      BusinessService: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("SW") ? "SW" : "WS"
-    }, {
-      filters: filter1,
-      privacy: Digit.Utils.getPrivacyObject()
-    }),
-    isLoading = _Digit$Hooks$ws$useMy.isLoading,
-    data = _Digit$Hooks$ws$useMy.data;
-  const closeModal = () => {
-    setShowOptions(false);
-  };
-  Digit.Hooks.useClickOutside(menuRef, closeModal, showOptions);
-  const fetchBillParams = {
-    consumerCode: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("DC") ? (data === null || data === void 0 ? void 0 : (_data$WaterConnection = data.WaterConnection) === null || _data$WaterConnection === void 0 ? void 0 : (_data$WaterConnection2 = _data$WaterConnection[0]) === null || _data$WaterConnection2 === void 0 ? void 0 : _data$WaterConnection2.connectionNo) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect = data.SewerageConnections) === null || _data$SewerageConnect === void 0 ? void 0 : (_data$SewerageConnect2 = _data$SewerageConnect[0]) === null || _data$SewerageConnect2 === void 0 ? void 0 : _data$SewerageConnect2.connectionNo) : (data === null || data === void 0 ? void 0 : (_data$WaterConnection3 = data.WaterConnection) === null || _data$WaterConnection3 === void 0 ? void 0 : (_data$WaterConnection4 = _data$WaterConnection3[0]) === null || _data$WaterConnection4 === void 0 ? void 0 : _data$WaterConnection4.applicationNo) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect3 = data.SewerageConnections) === null || _data$SewerageConnect3 === void 0 ? void 0 : (_data$SewerageConnect4 = _data$SewerageConnect3[0]) === null || _data$SewerageConnect4 === void 0 ? void 0 : _data$SewerageConnect4.applicationNo)
-  };
-  const _Digit$Hooks$useCommo = Digit.Hooks.useCommonMDMS(tenantId, "common-masters", "ReceiptKey", {
-      select: data => {
-        var _data$commonMasters, _data$commonMasters$u, _data$commonMasters$u2;
-        return ((_data$commonMasters = data["common-masters"]) === null || _data$commonMasters === void 0 ? void 0 : (_data$commonMasters$u = _data$commonMasters.uiCommonPay) === null || _data$commonMasters$u === void 0 ? void 0 : (_data$commonMasters$u2 = _data$commonMasters$u.filter(_ref => {
-          var _WSONE_TIME_FEE;
-          let code = _ref.code;
-          return (_WSONE_TIME_FEE = "WS.ONE_TIME_FEE") === null || _WSONE_TIME_FEE === void 0 ? void 0 : _WSONE_TIME_FEE.includes(code);
-        })[0]) === null || _data$commonMasters$u2 === void 0 ? void 0 : _data$commonMasters$u2.receiptKey) || "consolidatedreceipt";
-      }
-    }),
-    generatePdfKey = _Digit$Hooks$useCommo.data;
-  const paymentDetails = Digit.Hooks.useFetchBillsForBuissnessService(_extends({
-    businessService: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("SW") ? applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("DC") ? "SW" : "SW.ONE_TIME_FEE" : applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("DC") ? "WS" : "WS.ONE_TIME_FEE"
-  }, fetchBillParams, {
-    tenantId: tenantId
-  }), {
-    enabled: data !== null && data !== void 0 && (_data$WaterConnection5 = data.WaterConnection) !== null && _data$WaterConnection5 !== void 0 && (_data$WaterConnection6 = _data$WaterConnection5[0]) !== null && _data$WaterConnection6 !== void 0 && _data$WaterConnection6.applicationNo || data !== null && data !== void 0 && (_data$SewerageConnect5 = data.SewerageConnections) !== null && _data$SewerageConnect5 !== void 0 && (_data$SewerageConnect6 = _data$SewerageConnect5[0]) !== null && _data$SewerageConnect6 !== void 0 && _data$SewerageConnect6.applicationNo ? true : false,
-    retry: false
-  });
-  const propertyId = (data === null || data === void 0 ? void 0 : (_data$WaterConnection7 = data.WaterConnection) === null || _data$WaterConnection7 === void 0 ? void 0 : (_data$WaterConnection8 = _data$WaterConnection7[0]) === null || _data$WaterConnection8 === void 0 ? void 0 : _data$WaterConnection8.propertyId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect7 = data.SewerageConnections) === null || _data$SewerageConnect7 === void 0 ? void 0 : (_data$SewerageConnect8 = _data$SewerageConnect7[0]) === null || _data$SewerageConnect8 === void 0 ? void 0 : _data$SewerageConnect8.propertyId);
-  const propertyTenantId = (data === null || data === void 0 ? void 0 : (_data$WaterConnection9 = data.WaterConnection) === null || _data$WaterConnection9 === void 0 ? void 0 : (_data$WaterConnection0 = _data$WaterConnection9[0]) === null || _data$WaterConnection0 === void 0 ? void 0 : _data$WaterConnection0.tenantId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect9 = data.SewerageConnections) === null || _data$SewerageConnect9 === void 0 ? void 0 : (_data$SewerageConnect0 = _data$SewerageConnect9[0]) === null || _data$SewerageConnect0 === void 0 ? void 0 : _data$SewerageConnect0.tenantId) || tenantId;
-  const _Digit$Hooks$pt$usePr = Digit.Hooks.pt.usePropertySearch({
-      filters: {
-        propertyIds: propertyId
-      },
-      tenantId: propertyTenantId
-    }, {
-      filters: {
-        propertyIds: propertyId
-      },
-      tenantId: propertyTenantId,
-      enabled: !!propertyId,
-      privacy: Digit.Utils.getPrivacyObject()
-    }),
-    PTData = _Digit$Hooks$pt$usePr.data;
-  const applicationData = (data === null || data === void 0 ? void 0 : (_data$WaterConnection1 = data.WaterConnection) === null || _data$WaterConnection1 === void 0 ? void 0 : _data$WaterConnection1[0]) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect1 = data.SewerageConnections) === null || _data$SewerageConnect1 === void 0 ? void 0 : _data$SewerageConnect1[0]);
-  const additionalDetails = (applicationData === null || applicationData === void 0 ? void 0 : applicationData.additionalDetails) || {};
-  const connectionDetails = additionalDetails;
-  const useDetails = additionalDetails;
-  const djbEmployee = additionalDetails;
-  const bankDetails = additionalDetails;
-  const propertyAddress = (PTData === null || PTData === void 0 ? void 0 : (_PTData$Properties = PTData.Properties) === null || _PTData$Properties === void 0 ? void 0 : (_PTData$Properties$ = _PTData$Properties[0]) === null || _PTData$Properties$ === void 0 ? void 0 : _PTData$Properties$.address) || additionalDetails;
-  const checkifPrivacyenabled = Digit.Hooks.ws.useToCheckPrivacyEnablement({
-    privacy: {
-      uuid: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? data === null || data === void 0 ? void 0 : (_data$WaterConnection10 = data.WaterConnection) === null || _data$WaterConnection10 === void 0 ? void 0 : (_data$WaterConnection11 = _data$WaterConnection10[0]) === null || _data$WaterConnection11 === void 0 ? void 0 : (_data$WaterConnection12 = _data$WaterConnection11.connectionHolders) === null || _data$WaterConnection12 === void 0 ? void 0 : (_data$WaterConnection13 = _data$WaterConnection12[0]) === null || _data$WaterConnection13 === void 0 ? void 0 : _data$WaterConnection13.uuid : data === null || data === void 0 ? void 0 : (_data$SewerageConnect10 = data.SewerageConnections) === null || _data$SewerageConnect10 === void 0 ? void 0 : (_data$SewerageConnect11 = _data$SewerageConnect10[0]) === null || _data$SewerageConnect11 === void 0 ? void 0 : (_data$SewerageConnect12 = _data$SewerageConnect11.connectionHolders) === null || _data$SewerageConnect12 === void 0 ? void 0 : (_data$SewerageConnect13 = _data$SewerageConnect12[0]) === null || _data$SewerageConnect13 === void 0 ? void 0 : _data$SewerageConnect13.uuid,
-      fieldName: "connectionHoldersMobileNumber",
-      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;
-  if (isLoading) {
-    return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null);
-  }
-  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]);
-      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);
-      return Promise.resolve();
-    } catch (e) {
-      return Promise.reject(e);
+    popup = _useState[0],
+    showPopUp = _useState[1];
+  const _useState2 = React.useState(sessionFormData ? sessionFormData : {}),
+    fields = _useState2[0],
+    setFields = _useState2[1];
+  const _useState3 = React.useState(null),
+    showToast = _useState3[0],
+    setShowToast = _useState3[1];
+  const _useState4 = React.useState(wsAdditionalDetails.additionalDetails.data ? wsAdditionalDetails.additionalDetails.data : {}),
+    billDetails = _useState4[0],
+    setBillDetails = _useState4[1];
+  const _useState5 = React.useState(wsAdditionalDetails.additionalDetails.values ? wsAdditionalDetails.additionalDetails.values : []),
+    values = _useState5[0],
+    setValues = _useState5[1];
+  const stateCode = Digit.ULBService.getStateId();
+  const _Digit$Hooks$ws$useMD = Digit.Hooks.ws.useMDMS(stateCode, "BillingService", ["TaxHeadMaster"]);
+  React.useEffect(() => {
+    var _wsAdditionalDetails$2, _wsAdditionalDetails$3, _sessionFormData$bill;
+    const data = _extends({}, wsAdditionalDetails === null || wsAdditionalDetails === void 0 ? void 0 : (_wsAdditionalDetails$2 = wsAdditionalDetails.additionalDetails) === null || _wsAdditionalDetails$2 === void 0 ? void 0 : (_wsAdditionalDetails$3 = _wsAdditionalDetails$2.appDetails) === null || _wsAdditionalDetails$3 === void 0 ? void 0 : _wsAdditionalDetails$3.additionalDetails);
+    if ((sessionFormData === null || sessionFormData === void 0 ? void 0 : (_sessionFormData$bill = sessionFormData.billDetails) === null || _sessionFormData$bill === void 0 ? void 0 : _sessionFormData$bill.length) > 0) {
+      var _sessionFormData$bill2, _sessionFormData$bill3, _sessionFormData$bill4, _sessionFormData$bill5, _sessionFormData$bill6, _sessionFormData$bill7, _sessionFormData$bill8, _sessionFormData$bill9, _sessionFormData$bill0;
+      const billAccountDetails = (sessionFormData === null || sessionFormData === void 0 ? void 0 : (_sessionFormData$bill2 = sessionFormData.billDetails) === null || _sessionFormData$bill2 === void 0 ? void 0 : (_sessionFormData$bill3 = _sessionFormData$bill2[0]) === null || _sessionFormData$bill3 === void 0 ? void 0 : _sessionFormData$bill3.billAccountDetails) || [];
+      const values = billAccountDetails.length > 0 ? billAccountDetails.map(bill => ({
+        title: bill === null || bill === void 0 ? void 0 : bill.taxHeadCode,
+        value: /*#__PURE__*/React__default.createElement("span", null, "\u20B9", Number(bill === null || bill === void 0 ? void 0 : bill.amount).toFixed(2))
+      })) : [{
+        title: "WS_APPLICATION_FEE_HEADER",
+        value: /*#__PURE__*/React__default.createElement("span", null, "\u20B9", sessionFormData === null || sessionFormData === void 0 ? void 0 : (_sessionFormData$bill4 = sessionFormData.billDetails) === null || _sessionFormData$bill4 === void 0 ? void 0 : (_sessionFormData$bill5 = _sessionFormData$bill4[0]) === null || _sessionFormData$bill5 === void 0 ? void 0 : _sessionFormData$bill5.fee)
+      }, {
+        title: "WS_SERVICE_FEE_HEADER",
+        value: /*#__PURE__*/React__default.createElement("span", null, "\u20B9", sessionFormData === null || sessionFormData === void 0 ? void 0 : (_sessionFormData$bill6 = sessionFormData.billDetails) === null || _sessionFormData$bill6 === void 0 ? void 0 : (_sessionFormData$bill7 = _sessionFormData$bill6[0]) === null || _sessionFormData$bill7 === void 0 ? void 0 : _sessionFormData$bill7.charge)
+      }, {
+        title: "WS_TAX_HEADER",
+        value: /*#__PURE__*/React__default.createElement("span", null, "\u20B9", sessionFormData === null || sessionFormData === void 0 ? void 0 : (_sessionFormData$bill8 = sessionFormData.billDetails) === null || _sessionFormData$bill8 === void 0 ? void 0 : (_sessionFormData$bill9 = _sessionFormData$bill8[0]) === null || _sessionFormData$bill9 === void 0 ? void 0 : _sessionFormData$bill9.taxAmount)
+      }];
+      setValues(values);
+      setBillDetails(sessionFormData === null || sessionFormData === void 0 ? void 0 : (_sessionFormData$bill0 = sessionFormData.billDetails) === null || _sessionFormData$bill0 === void 0 ? void 0 : _sessionFormData$bill0[0]);
+    } else {
+      setSessionFormData(data);
+      setFields(data);
     }
+  }, []);
+  let validation = {};
+  const Heading = props => {
+    return /*#__PURE__*/React__default.createElement("h1", {
+      className: "heading-m"
+    }, props.label);
   };
-  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]);
-      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);
-      return Promise.resolve();
-    } catch (e) {
-      return Promise.reject(e);
-    }
+  const Close = () => /*#__PURE__*/React__default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "#FFFFFF"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M0 0h24v24H0V0z",
+    fill: "none"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+  }));
+  const CloseBtn = props => {
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: "icon-bg-secondary",
+      onClick: props.onClick
+    }, /*#__PURE__*/React__default.createElement(Close, null));
   };
-  const printApplicationReceipts = function () {
-    try {
-      var _data$WaterConnection24, _data$WaterConnection25, _data$WaterConnection26, _data$WaterConnection27, _data$SewerageConnect24, _data$SewerageConnect25;
-      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";
-      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
-      })).then(function (payments) {
-        var _payments$Payments$;
-        function _temp2() {
-          return Promise.resolve(Digit.PaymentService.printReciept(state, {
-            fileStoreIds: response.filestoreIds[0]
-          })).then(function (fileStore) {
-            window.open(fileStore[response.filestoreIds[0]], "_blank");
-          });
-        }
-        let response = {
-          filestoreIds: [(_payments$Payments$ = payments.Payments[0]) === null || _payments$Payments$ === void 0 ? void 0 : _payments$Payments$.fileStoreId]
+  const closeToast = () => {
+    setShowToast(false);
+  };
+  const addAdhocRebatePenality = e => {
+    const adhocAmount = fields !== null && fields !== void 0 && fields.adhocPenalty ? Number(fields === null || fields === void 0 ? void 0 : fields.adhocPenalty) : 0;
+    const rebateAmount = fields !== null && fields !== void 0 && fields.adhocRebate ? Number(fields === null || fields === void 0 ? void 0 : fields.adhocRebate) : 0;
+    if (adhocAmount || rebateAmount) {
+      var _wsAdditionalDetails$4, _wsAdditionalDetails$5;
+      const totalAmount = wsAdditionalDetails === null || wsAdditionalDetails === void 0 ? void 0 : (_wsAdditionalDetails$4 = wsAdditionalDetails.additionalDetails) === null || _wsAdditionalDetails$4 === void 0 ? void 0 : (_wsAdditionalDetails$5 = _wsAdditionalDetails$4.data) === null || _wsAdditionalDetails$5 === void 0 ? void 0 : _wsAdditionalDetails$5.totalAmount;
+      if (rebateAmount > totalAmount) {
+        setShowToast({
+          isError: false,
+          isWarning: true,
+          key: "error",
+          message: t("ERR_WS_REBATE_GREATER_THAN_AMOUNT")
+        });
+      } else {
+        var _wsAdditionalDetails$0, _wsAdditionalDetails$1, _wsAdditionalDetails$10, _wsAdditionalDetails$11, _wsAdditionalDetails$12, _wsAdditionalDetails$13, _wsAdditionalDetails$14, _wsAdditionalDetails$15, _wsAdditionalDetails$16, _wsAdditionalDetails$17;
+        const applicationNo = wsAdditionalDetails === null || wsAdditionalDetails === void 0 ? void 0 : (_wsAdditionalDetails$0 = wsAdditionalDetails.additionalDetails) === null || _wsAdditionalDetails$0 === void 0 ? void 0 : (_wsAdditionalDetails$1 = _wsAdditionalDetails$0.appDetails) === null || _wsAdditionalDetails$1 === void 0 ? void 0 : _wsAdditionalDetails$1.applicationNo;
+        const tenantId = wsAdditionalDetails === null || wsAdditionalDetails === void 0 ? void 0 : (_wsAdditionalDetails$10 = wsAdditionalDetails.additionalDetails) === null || _wsAdditionalDetails$10 === void 0 ? void 0 : (_wsAdditionalDetails$11 = _wsAdditionalDetails$10.appDetails) === null || _wsAdditionalDetails$11 === void 0 ? void 0 : _wsAdditionalDetails$11.tenantId;
+        const appAdditionalDetails = _extends({}, wsAdditionalDetails === null || wsAdditionalDetails === void 0 ? void 0 : (_wsAdditionalDetails$12 = wsAdditionalDetails.additionalDetails) === null || _wsAdditionalDetails$12 === void 0 ? void 0 : (_wsAdditionalDetails$13 = _wsAdditionalDetails$12.appDetails) === null || _wsAdditionalDetails$13 === void 0 ? void 0 : _wsAdditionalDetails$13.additionalDetails, fields);
+        wsAdditionalDetails.additionalDetails.appDetails.additionalDetails = appAdditionalDetails;
+        const data = {
+          CalculationCriteria: (wsAdditionalDetails === null || wsAdditionalDetails === void 0 ? void 0 : (_wsAdditionalDetails$14 = wsAdditionalDetails.additionalDetails) === null || _wsAdditionalDetails$14 === void 0 ? void 0 : (_wsAdditionalDetails$15 = _wsAdditionalDetails$14.appDetails) === null || _wsAdditionalDetails$15 === void 0 ? void 0 : _wsAdditionalDetails$15.service) == "WATER" ? [{
+            applicationNo: applicationNo,
+            tenantId: tenantId,
+            waterConnection: wsAdditionalDetails.additionalDetails.appDetails
+          }] : [{
+            applicationNo: applicationNo,
+            tenantId: tenantId,
+            sewerageConnection: wsAdditionalDetails.additionalDetails.appDetails
+          }],
+          isconnectionCalculation: false
         };
-        const _temp = function (_payments$Payments$2) {
-          if (!((_payments$Payments$2 = payments.Payments[0]) !== null && _payments$Payments$2 !== void 0 && _payments$Payments$2.fileStoreId)) {
-            return Promise.resolve(Digit.PaymentService.generatePdf(state, {
-              Payments: payments.Payments
-            }, generatePdfKey)).then(function (_Digit$PaymentService) {
-              response = _Digit$PaymentService;
-            });
+        let businessService = (wsAdditionalDetails === null || wsAdditionalDetails === void 0 ? void 0 : (_wsAdditionalDetails$16 = wsAdditionalDetails.additionalDetails) === null || _wsAdditionalDetails$16 === void 0 ? void 0 : (_wsAdditionalDetails$17 = _wsAdditionalDetails$16.appDetails) === null || _wsAdditionalDetails$17 === void 0 ? void 0 : _wsAdditionalDetails$17.service) == "WATER" ? "WS" : "SW";
+        Digit.WSService.wsCalculationEstimate(data, businessService).then((result, err) => {
+          var _result$Calculation, _result$Calculation$, _result$Calculation$$, _result$Calculation3, _result$Calculation3$, _result$Calculation4, _result$Calculation4$, _result$Calculation5, _result$Calculation5$, _result$Calculation6, _result$Calculation6$, _result$Calculation7, _result$Calculation7$, _result$Calculation8;
+          if ((result === null || result === void 0 ? void 0 : (_result$Calculation = result.Calculation) === null || _result$Calculation === void 0 ? void 0 : (_result$Calculation$ = _result$Calculation[0]) === null || _result$Calculation$ === void 0 ? void 0 : (_result$Calculation$$ = _result$Calculation$.taxHeadEstimates) === null || _result$Calculation$$ === void 0 ? void 0 : _result$Calculation$$.length) > 0) {
+            var _result$Calculation2, _result$Calculation2$, _result$Calculation2$2;
+            result === null || result === void 0 ? void 0 : (_result$Calculation2 = result.Calculation) === null || _result$Calculation2 === void 0 ? void 0 : (_result$Calculation2$ = _result$Calculation2[0]) === null || _result$Calculation2$ === void 0 ? void 0 : (_result$Calculation2$2 = _result$Calculation2$.taxHeadEstimates) === null || _result$Calculation2$2 === void 0 ? void 0 : _result$Calculation2$2.forEach(data => data.amount = data.estimateAmount);
           }
-        }();
-        return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
+          result.Calculation[0].billSlabData = _.groupBy(result === null || result === void 0 ? void 0 : (_result$Calculation3 = result.Calculation) === null || _result$Calculation3 === void 0 ? void 0 : (_result$Calculation3$ = _result$Calculation3[0]) === null || _result$Calculation3$ === void 0 ? void 0 : _result$Calculation3$.taxHeadEstimates, "category");
+          const taxHeadEstimates = (result === null || result === void 0 ? void 0 : (_result$Calculation4 = result.Calculation) === null || _result$Calculation4 === void 0 ? void 0 : (_result$Calculation4$ = _result$Calculation4[0]) === null || _result$Calculation4$ === void 0 ? void 0 : _result$Calculation4$.taxHeadEstimates) || [];
+          const values = taxHeadEstimates.length > 0 ? taxHeadEstimates.map(data => ({
+            title: data === null || data === void 0 ? void 0 : data.taxHeadCode,
+            value: /*#__PURE__*/React__default.createElement("span", null, "\u20B9", Number(data === null || data === void 0 ? void 0 : data.estimateAmount).toFixed(2))
+          })) : [{
+            title: "WS_APPLICATION_FEE_HEADER",
+            value: (_result$Calculation5 = result.Calculation) === null || _result$Calculation5 === void 0 ? void 0 : (_result$Calculation5$ = _result$Calculation5[0]) === null || _result$Calculation5$ === void 0 ? void 0 : _result$Calculation5$.fee
+          }, {
+            title: "WS_SERVICE_FEE_HEADER",
+            value: (_result$Calculation6 = result.Calculation) === null || _result$Calculation6 === void 0 ? void 0 : (_result$Calculation6$ = _result$Calculation6[0]) === null || _result$Calculation6$ === void 0 ? void 0 : _result$Calculation6$.charge
+          }, {
+            title: "WS_TAX_HEADER",
+            value: (_result$Calculation7 = result.Calculation) === null || _result$Calculation7 === void 0 ? void 0 : (_result$Calculation7$ = _result$Calculation7[0]) === null || _result$Calculation7$ === void 0 ? void 0 : _result$Calculation7$.taxAmount
+          }];
+          setSessionBillFormData(cloneDeep_1(result.Calculation[0]));
+          setBillDetails(result === null || result === void 0 ? void 0 : (_result$Calculation8 = result.Calculation) === null || _result$Calculation8 === void 0 ? void 0 : _result$Calculation8[0]);
+          setValues(values);
+          fields.billDetails = result === null || result === void 0 ? void 0 : result.Calculation;
+          setSessionFormData(fields);
+          showPopUp(false);
+        }).catch(e => {
+          var _e$response, _e$response$data, _e$response$data$Erro, _e$response2, _e$response2$data, _e$response2$data$Err;
+          setShowToast({
+            isError: true,
+            isWarning: false,
+            key: "error",
+            message: e !== null && e !== void 0 && (_e$response = e.response) !== null && _e$response !== void 0 && (_e$response$data = _e$response.data) !== null && _e$response$data !== void 0 && (_e$response$data$Erro = _e$response$data.Errors[0]) !== null && _e$response$data$Erro !== void 0 && _e$response$data$Erro.message ? t("" + (e === null || e === void 0 ? void 0 : (_e$response2 = e.response) === null || _e$response2 === void 0 ? void 0 : (_e$response2$data = _e$response2.data) === null || _e$response2$data === void 0 ? void 0 : (_e$response2$data$Err = _e$response2$data.Errors[0]) === null || _e$response2$data$Err === void 0 ? void 0 : _e$response2$data$Err.code)) : t("PT_COMMON_ADD_REBATE_PENALITY")
+          });
+        });
+      }
+    } else {
+      setShowToast({
+        isError: false,
+        isWarning: true,
+        key: "warning",
+        message: t("ERR_WS_ENTER_ATLEAST_ONE_FIELD")
       });
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-  let downloadOptions = [];
-  const wsEstimateDownloadObject = {
-    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);
     }
   };
-  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);
+  const selectedValuesData = function (value, isDropDownValue, e) {
+    if (isDropDownValue === void 0) {
+      isDropDownValue = false;
     }
-  };
-  const applicationDownloadObject = {
-    order: 3,
-    label: t("WS_APPLICATION"),
-    onClick: handleDownloadPdf
-  };
-  const receiptApplicationFeeDownloadObject = {
-    order: 4,
-    label: t("DOWNLOAD_RECEIPT_HEADER"),
-    onClick: printApplicationReceipts
-  };
-  const disconnectionNoticeNApplicationFormOptions = [{
-    order: 1,
-    label: t("WS_APPLICATION"),
-    onClick: handleDownloadDisconnectPdf
-  }, {
-    order: 2,
-    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);
-  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")) {
-        downloadOptions = disconnectionNoticeNApplicationFormOptions;
-      } else {
-        downloadOptions = downloadOptions.concat(applicationDownloadObject);
-      }
-      break;
-    case "PENDING_FOR_CITIZEN_ACTION":
-    case "PENDING_FOR_FIELD_INSPECTION":
-      downloadOptions = downloadOptions.concat(applicationDownloadObject);
-      break;
-    case "PENDING_APPROVAL_FOR_CONNECTION":
-    case "PENDING_FOR_PAYMENT":
-      downloadOptions = downloadOptions.concat(applicationDownloadObject, wsEstimateDownloadObject);
-      break;
-    case "PENDING_FOR_CONNECTION_ACTIVATION":
-    case "CONNECTION_ACTIVATED":
-      downloadOptions = downloadOptions.concat(sanctionDownloadObject, wsEstimateDownloadObject, applicationDownloadObject, receiptApplicationFeeDownloadObject);
-      break;
-    case "REJECTED":
-      downloadOptions = downloadOptions.concat(applicationDownloadObject);
-      break;
-    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")) {
-        downloadOptions = disconnectionNoticeNApplicationFormOptions;
+    let values = _extends({}, fields);
+    if ((value == "adhocPenalty" || value == "adhocRebate") && e.target.value) {
+      var _e$target, _e$target2;
+      const targetValueSign = (e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value) == 0 ? 1 : Math.sign(e === null || e === void 0 ? void 0 : (_e$target2 = e.target) === null || _e$target2 === void 0 ? void 0 : _e$target2.value) || -1;
+      if (targetValueSign == 1) {
+        values[value] = e.target.value;
       } else {
-        downloadOptions = downloadOptions.concat(applicationDownloadObject);
+        values[value] = "";
       }
-      break;
-    default:
-      downloadOptions = downloadOptions.concat(applicationDownloadObject);
-      break;
-  }
-  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";
-  sessionStorage.setItem("ApplicationNoState", applicationNobyData);
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
-    className: "employee-main-application-details",
-    style: {
-      display: "flex",
-      gap: "20px"
-    }
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "workflow-timeline-wrapper no-scrollbar",
-    style: {
-      flex: "1 1 300px",
-      maxWidth: "400px"
+    } else if (isDropDownValue) {
+      values[value + "_data"] = e;
+      values[value] = e.title;
+      if (e.title == "PT_OTHERS" && value == "adhocPenaltyReason") values["adhocPenaltyComment"] = "";
+      if (e.title == "PT_OTHERS" && value == "adhocRebateReason") values["adhocRebateComment"] = "";
+    } else {
+      values[value] = e.target.value;
     }
-  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement("div", {
-    id: "timeline"
-  }, /*#__PURE__*/React__default.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),
-    paymentbuttonenabled: false
-  })))), /*#__PURE__*/React__default.createElement("div", {
+    setFields(values);
+  };
+  return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
     style: {
-      flex: "2 1 500px"
+      lineHeight: "19px",
+      maxWidth: "100%",
+      minWidth: "280px"
     }
-  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement("div", {
+  }, values && /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement("div", null, values === null || values === void 0 ? void 0 : values.map((value, index) => {
+    return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
+      className: "border-none",
+      key: "" + value.title,
+      label: "" + t("" + value.title),
+      text: value !== null && value !== void 0 && value.value ? value === null || value === void 0 ? void 0 : value.value : ""
+    });
+  })), /*#__PURE__*/React__default.createElement("hr", {
+    style: {
+      border: "1px solid #D6D5D4",
+      color: "#D6D5D4",
+      margin: "16px 0px"
+    }
+  }), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
+    className: "border-none",
+    key: "WS_COMMON_TOTAL_AMT",
+    label: "" + t("WS_COMMON_TOTAL_AMT"),
+    text: /*#__PURE__*/React__default.createElement("span", null, "\u20B9", billDetails !== null && billDetails !== void 0 && billDetails.totalAmount ? Number(billDetails === null || billDetails === void 0 ? void 0 : billDetails.totalAmount).toFixed(2) : "0.00"),
+    textStyle: {
+      fontSize: "24px",
+      fontWeight: "700"
+    }
+  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
+    className: "border-none",
+    key: "CS_INBOX_STATUS_FILTER",
+    label: "" + t("CS_INBOX_STATUS_FILTER"),
+    text: isPaid ? t("WS_COMMON_PAID_LABEL") : t("WS_COMMON_NOT_PAID"),
+    textStyle: !isPaid ? {
+      color: "#D83A2F"
+    } : {
+      color: "#2E9E8F"
+    }
+  }))), wsAdditionalDetails !== null && wsAdditionalDetails !== void 0 && (_wsAdditionalDetails$18 = wsAdditionalDetails.additionalDetails) !== null && _wsAdditionalDetails$18 !== void 0 && _wsAdditionalDetails$18.isAdhocRebate ? /*#__PURE__*/React__default.createElement("div", {
+    onClick: e => {
+      showPopUp(true);
+    }
+  }, /*#__PURE__*/React__default.createElement("span", {
+    className: "add-details-link hover-button",
+    style: {
+      cursor: "pointer",
+      color: "#a82227"
+    }
+  }, t("WS_PAYMENT_ADD_REBATE_PENALTY"))) : null, popup && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Modal, {
+    headerBarMain: /*#__PURE__*/React__default.createElement(Heading, {
+      label: t("PT_ADD_REBATE_PENALITY")
+    }),
+    headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn, {
+      onClick: () => {
+        setFields(sessionFormData);
+        showPopUp(false);
+      }
+    }),
+    actionCancelLabel: t("PT_CANCEL"),
+    actionCancelOnSubmit: () => {
+      setFields(sessionFormData);
+      showPopUp(false);
+    },
+    actionSaveLabel: t("PT_ADD"),
+    actionSaveOnSubmit: e => addAdhocRebatePenality(),
+    hideSubmit: false,
+    popupStyles: {
+      overflowY: "auto",
+      background: "#f0f3f7"
+    }
+  }, /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "16px"
+    }
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSectionHeader, {
+    style: {
+      fontSize: "16px",
+      fontWeight: "700",
+      lineHeight: "18px",
+      padding: "0px",
+      margin: "0px 0px 10px 0px"
+    }
+  }, t("PT_AD_PENALTY")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, null, t("PT_TX_HEADS")), /*#__PURE__*/React__default.createElement("div", {
+    className: "field"
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Dropdown, {
+    isMandatory: true,
+    option: Penality_menu,
+    optionKey: "title",
+    select: e => selectedValuesData("adhocPenaltyReason", true, e),
+    selected: (fields === null || fields === void 0 ? void 0 : fields.adhocPenaltyReason_data) || "",
+    isPropertyAssess: true,
+    name: "adhocPenaltyReason_data",
+    t: t
+  }))), (fields === null || fields === void 0 ? void 0 : (_fields$adhocPenaltyR = fields.adhocPenaltyReason_data) === null || _fields$adhocPenaltyR === void 0 ? void 0 : _fields$adhocPenaltyR.title) === "PT_OTHERS" && /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, null, t("PT_REASON")), /*#__PURE__*/React__default.createElement("div", {
+    className: "field"
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextInput, _extends({
+    style: {
+      background: "#FAFAFA"
+    },
+    t: t,
+    type: "text",
+    isMandatory: false,
+    name: "adhocPenaltyComment",
+    value: (fields === null || fields === void 0 ? void 0 : fields.adhocPenaltyComment) || "",
+    onChange: e => selectedValuesData("adhocPenaltyComment", false, e)
+  }, validation = {
+    isRequired: true,
+    pattern: "^[a-zA-Z ]*$",
+    type: "text",
+    title: t("TL_NAME_ERROR_MESSAGE")
+  })))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, null, t("PT_HEAD_AMT")), /*#__PURE__*/React__default.createElement("div", {
+    className: "field"
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextInput, _extends({
+    style: {
+      background: "#FAFAFA"
+    },
+    t: t,
+    type: "number",
+    isMandatory: false,
+    name: "adhocPenalty",
+    value: (fields === null || fields === void 0 ? void 0 : fields.adhocPenalty) || "",
+    onChange: e => selectedValuesData("adhocPenalty", false, e)
+  }, validation = {
+    isRequired: true,
+    pattern: "^[1-9]+[0-9]*$",
+    title: t("ERR_DEFAULT_INPUT_FIELD_MSG")
+  }))))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSectionHeader, {
+    style: {
+      fontSize: "16px",
+      fontWeight: "700",
+      lineHeight: "18px",
+      padding: "0px",
+      margin: "0px 0px 10px 0px"
+    }
+  }, t("PT_AD_REBATE")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, null, t("PT_TX_HEADS")), /*#__PURE__*/React__default.createElement("div", {
+    className: "field"
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Dropdown, {
+    isMandatory: true,
+    option: Rebate_menu,
+    optionKey: "title",
+    select: e => selectedValuesData("adhocRebateReason", true, e),
+    selected: (fields === null || fields === void 0 ? void 0 : fields.adhocRebateReason_data) || "",
+    name: "adhocRebateReason_data",
+    isPropertyAssess: true,
+    t: t
+  }))), (fields === null || fields === void 0 ? void 0 : (_fields$adhocRebateRe = fields.adhocRebateReason_data) === null || _fields$adhocRebateRe === void 0 ? void 0 : _fields$adhocRebateRe.title) === "PT_OTHERS" && /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, null, t("PT_REASON")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextInput, _extends({
+    style: {
+      background: "#FAFAFA"
+    },
+    t: t,
+    type: "text",
+    isMandatory: false,
+    name: "adhocRebateComment",
+    value: (fields === null || fields === void 0 ? void 0 : fields.adhocRebateComment) || "",
+    onChange: e => selectedValuesData("adhocRebateComment", false, e)
+  }, validation = {
+    isRequired: true,
+    pattern: "^[a-zA-Z ]*$",
+    type: "text",
+    title: t("TL_NAME_ERROR_MESSAGE")
+  }))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, null, t("PT_HEAD_AMT")), /*#__PURE__*/React__default.createElement("div", {
+    className: "field"
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextInput, _extends({
+    style: {
+      background: "#FAFAFA"
+    },
+    t: t,
+    type: "number",
+    isMandatory: false,
+    name: "adhocRebate",
+    value: (fields === null || fields === void 0 ? void 0 : fields.adhocRebate) || "",
+    onChange: e => selectedValuesData("adhocRebate", false, e)
+  }, validation = {
+    isRequired: true,
+    pattern: "^[1-9]+[0-9]*$",
+    title: t("ERR_DEFAULT_INPUT_FIELD_MSG")
+  }))))))), showToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
+    style: {
+      zIndex: "10000"
+    },
+    warning: showToast === null || showToast === void 0 ? void 0 : showToast.isWarning,
+    error: showToast !== null && showToast !== void 0 && showToast.isWarning ? false : true,
+    label: t(showToast === null || showToast === void 0 ? void 0 : showToast.message),
+    onClose: closeToast,
+    isDleteBtn: true
+  })));
+};
+
+const ViewBreakup = _ref => {
+  var _wsAdditionalDetails$, _breakUpData$billSlab, _breakUpData$billSlab2, _breakUpData$billSlab3, _breakUpData$billSlab4, _breakUpData$billSlab5, _breakUpData$billSlab6;
+  let wsAdditionalDetails = _ref.wsAdditionalDetails;
+  const _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  const _useState = React.useState(false),
+    popup = _useState[0],
+    showPopUp = _useState[1];
+  const _useState2 = React.useState({}),
+    breakUpData = _useState2[0],
+    setBreakUpData = _useState2[1];
+  const Heading = props => {
+    return /*#__PURE__*/React__default.createElement("h1", {
+      className: "heading-m"
+    }, props.label);
+  };
+  const Close = () => /*#__PURE__*/React__default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "#FFFFFF"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M0 0h24v24H0V0z",
+    fill: "none"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+  }));
+  const CloseBtn = props => {
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: "icon-bg-secondary",
+      onClick: props.onClick
+    }, /*#__PURE__*/React__default.createElement(Close, null));
+  };
+  const onPopupOpen = () => {
+    var _sessionBillFormData$;
+    let breakupData = wsAdditionalDetails.additionalDetails.data || {};
+    const sessionBillData = sessionStorage.getItem("Digit.ADHOC_BILL_ADD_REBATE_DATA");
+    const sessionBillFormData = sessionBillData ? JSON.parse(sessionBillData) : {};
+    if (sessionBillFormData !== null && sessionBillFormData !== void 0 && (_sessionBillFormData$ = sessionBillFormData.value) !== null && _sessionBillFormData$ !== void 0 && _sessionBillFormData$.totalAmount) breakupData = sessionBillFormData === null || sessionBillFormData === void 0 ? void 0 : sessionBillFormData.value;
+    setBreakUpData(breakupData);
+    showPopUp(true);
+  };
+  return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      lineHeight: "19px",
+      maxWidth: "950px",
+      minWidth: "280px"
+    }
+  }, wsAdditionalDetails !== null && wsAdditionalDetails !== void 0 && (_wsAdditionalDetails$ = wsAdditionalDetails.additionalDetails) !== null && _wsAdditionalDetails$ !== void 0 && _wsAdditionalDetails$.isViewBreakup ? /*#__PURE__*/React__default.createElement("div", {
+    onClick: e => onPopupOpen(),
+    style: {
+      marginTop: "12px"
+    }
+  }, /*#__PURE__*/React__default.createElement("span", {
+    className: "add-details-link hover-button"
+  }, t("WS_PAYMENT_VIEW_BREAKUP"))) : null, popup && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Modal, {
+    headerBarMain: /*#__PURE__*/React__default.createElement(Heading, {
+      label: t("WS_CALCULATION_BREAKUP")
+    }),
+    headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn, {
+      onClick: () => {
+        showPopUp(false);
+      }
+    }),
+    hideSubmit: true,
+    popupStyles: {
+      overflowY: "auto"
+    },
+    headerBarMainStyle: {
+      marginBottom: "0px"
+    },
+    popupModuleMianStyles: {
+      paddingTop: "0px"
+    }
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, {
+    style: {
+      padding: "10px",
+      paddingTop: "0px"
+    }
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSectionHeader, {
+    style: {
+      margin: "10px 0px"
+    }
+  }, t("WS_APPLICATION_FEE_HEADER")), breakUpData === null || breakUpData === void 0 ? void 0 : (_breakUpData$billSlab = breakUpData.billSlabData) === null || _breakUpData$billSlab === void 0 ? void 0 : (_breakUpData$billSlab2 = _breakUpData$billSlab.FEE) === null || _breakUpData$billSlab2 === void 0 ? void 0 : _breakUpData$billSlab2.map(data => /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
+    className: "border-none",
+    rowContainerStyle: {
+      margin: "0px"
+    },
+    labelStyle: {
+      width: "50%"
+    },
+    key: "" + (data === null || data === void 0 ? void 0 : data.taxHeadCode),
+    label: "" + t("" + (data === null || data === void 0 ? void 0 : data.taxHeadCode)),
+    text: /*#__PURE__*/React__default.createElement("span", null, "\u20B9", Number(data === null || data === void 0 ? void 0 : data.amount) || 0),
+    textStyle: {
+      textAlign: "right"
+    }
+  })), /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSectionHeader, {
+    style: {
+      margin: "10px 0px"
+    }
+  }, t("WS_SERVICE_FEE_HEADER")), breakUpData === null || breakUpData === void 0 ? void 0 : (_breakUpData$billSlab3 = breakUpData.billSlabData) === null || _breakUpData$billSlab3 === void 0 ? void 0 : (_breakUpData$billSlab4 = _breakUpData$billSlab3.CHARGES) === null || _breakUpData$billSlab4 === void 0 ? void 0 : _breakUpData$billSlab4.map(data => /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
+    className: "border-none",
+    rowContainerStyle: {
+      margin: "0px"
+    },
+    labelStyle: {
+      width: "50%"
+    },
+    key: "" + (data === null || data === void 0 ? void 0 : data.taxHeadCode),
+    label: "" + t("" + (data === null || data === void 0 ? void 0 : data.taxHeadCode)),
+    text: /*#__PURE__*/React__default.createElement("span", null, "\u20B9", Number(data === null || data === void 0 ? void 0 : data.amount) || 0),
+    textStyle: {
+      textAlign: "right"
+    }
+  })), 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__default.createElement(digitUiReactComponents.Row, {
+    className: "border-none",
+    rowContainerStyle: {
+      margin: "0px"
+    },
+    labelStyle: {
+      width: "50%"
+    },
+    key: "" + (data === null || data === void 0 ? void 0 : data.taxHeadCode),
+    label: "" + t("" + (data === null || data === void 0 ? void 0 : data.taxHeadCode)),
+    text: /*#__PURE__*/React__default.createElement("span", null, "\u20B9", Number(data === null || data === void 0 ? void 0 : data.amount) || 0),
+    textStyle: {
+      textAlign: "right"
+    }
+  })), /*#__PURE__*/React__default.createElement("hr", {
+    style: {
+      color: "#cccccc",
+      backgroundColor: "#cccccc",
+      marginBottom: "10px"
+    }
+  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
+    className: "border-none",
+    rowContainerStyle: {
+      margin: "0px"
+    },
+    labelStyle: {
+      width: "50%"
+    },
+    key: "PDF_STATIC_LABEL_CONSOLIDATED_TLAPP_TOTAL_AMOUNT3",
+    label: "" + t("PDF_STATIC_LABEL_CONSOLIDATED_TLAPP_TOTAL_AMOUNT"),
+    text: /*#__PURE__*/React__default.createElement("span", null, "\u20B9", Number(breakUpData === null || breakUpData === void 0 ? void 0 : breakUpData.totalAmount) || 0),
+    textStyle: {
+      textAlign: "right",
+      fontWeight: "700",
+      fontSize: "24px"
+    }
+  })))));
+};
+
+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$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$WaterConnection172, _data$WaterConnection173, _data$SewerageConnect167, _data$SewerageConnect168;
+      let key = "ws-waterdisconnectionnotice";
+      let details = {};
+      if (applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS")) {
+        var _data$WaterConnection171, _PTData$Properties9;
+        details = {
+          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$SewerageConnect166, _PTData$Properties0;
+        key = "ws-seweragedisconnectionnotice";
+        details = {
+          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$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");
+        });
+      });
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  const _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  const menuRef = React.useRef();
+  const user = Digit.UserService.getUser();
+  const userMobileNumber = user !== null && user !== void 0 && (_user$info = user.info) !== null && _user$info !== void 0 && (_user$info$userName = _user$info.userName) !== null && _user$info$userName !== void 0 && _user$info$userName.match(/^[0-9]{10}$/) ? user === null || user === void 0 ? void 0 : (_user$info2 = user.info) === null || _user$info2 === void 0 ? void 0 : _user$info2.userName : user === null || user === void 0 ? void 0 : (_user$info3 = user.info) === null || _user$info3 === void 0 ? void 0 : _user$info3.mobileNumber;
+  const tenantId = ((_Digit$SessionStorage = Digit.SessionStorage.get("CITIZEN.COMMON.HOME.CITY")) === null || _Digit$SessionStorage === void 0 ? void 0 : _Digit$SessionStorage.code) || (user === null || user === void 0 ? void 0 : (_user$info4 = user.info) === null || _user$info4 === void 0 ? void 0 : _user$info4.permanentCity) || Digit.ULBService.getCurrentTenantId();
+  const _useState = React.useState(false),
+    showOptions = _useState[0],
+    setShowOptions = _useState[1];
+  const _useState2 = React.useState(false);
+  const applicationNobyData = window.location.href.includes("SW_") ? window.location.href.substring(window.location.href.indexOf("SW_")) : window.location.href.substring(window.location.href.indexOf("WS_"));
+  let filter1 = {
+    tenantId: tenantId,
+    applicationNumber: applicationNobyData
+  };
+  const _Digit$Hooks$ws$useMy = Digit.Hooks.ws.useMyApplicationSearch({
+      filters: filter1,
+      BusinessService: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("SW") ? "SW" : "WS"
+    }, {
+      filters: filter1,
+      privacy: Digit.Utils.getPrivacyObject()
+    }),
+    isLoading = _Digit$Hooks$ws$useMy.isLoading,
+    data = _Digit$Hooks$ws$useMy.data;
+  const closeModal = () => {
+    setShowOptions(false);
+  };
+  Digit.Hooks.useClickOutside(menuRef, closeModal, showOptions);
+  const fetchBillParams = {
+    consumerCode: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("DC") ? (data === null || data === void 0 ? void 0 : (_data$WaterConnection = data.WaterConnection) === null || _data$WaterConnection === void 0 ? void 0 : (_data$WaterConnection2 = _data$WaterConnection[0]) === null || _data$WaterConnection2 === void 0 ? void 0 : _data$WaterConnection2.connectionNo) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect = data.SewerageConnections) === null || _data$SewerageConnect === void 0 ? void 0 : (_data$SewerageConnect2 = _data$SewerageConnect[0]) === null || _data$SewerageConnect2 === void 0 ? void 0 : _data$SewerageConnect2.connectionNo) : (data === null || data === void 0 ? void 0 : (_data$WaterConnection3 = data.WaterConnection) === null || _data$WaterConnection3 === void 0 ? void 0 : (_data$WaterConnection4 = _data$WaterConnection3[0]) === null || _data$WaterConnection4 === void 0 ? void 0 : _data$WaterConnection4.applicationNo) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect3 = data.SewerageConnections) === null || _data$SewerageConnect3 === void 0 ? void 0 : (_data$SewerageConnect4 = _data$SewerageConnect3[0]) === null || _data$SewerageConnect4 === void 0 ? void 0 : _data$SewerageConnect4.applicationNo)
+  };
+  const _Digit$Hooks$useCommo = Digit.Hooks.useCommonMDMS(tenantId, "common-masters", "ReceiptKey", {
+      select: data => {
+        var _data$commonMasters, _data$commonMasters$u, _data$commonMasters$u2;
+        return ((_data$commonMasters = data["common-masters"]) === null || _data$commonMasters === void 0 ? void 0 : (_data$commonMasters$u = _data$commonMasters.uiCommonPay) === null || _data$commonMasters$u === void 0 ? void 0 : (_data$commonMasters$u2 = _data$commonMasters$u.filter(_ref => {
+          var _WSONE_TIME_FEE;
+          let code = _ref.code;
+          return (_WSONE_TIME_FEE = "WS.ONE_TIME_FEE") === null || _WSONE_TIME_FEE === void 0 ? void 0 : _WSONE_TIME_FEE.includes(code);
+        })[0]) === null || _data$commonMasters$u2 === void 0 ? void 0 : _data$commonMasters$u2.receiptKey) || "consolidatedreceipt";
+      }
+    }),
+    generatePdfKey = _Digit$Hooks$useCommo.data;
+  const paymentDetails = Digit.Hooks.useFetchBillsForBuissnessService(_extends({
+    businessService: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("SW") ? applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("DC") ? "SW" : "SW.ONE_TIME_FEE" : applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("DC") ? "WS" : "WS.ONE_TIME_FEE"
+  }, fetchBillParams, {
+    tenantId: tenantId
+  }), {
+    enabled: data !== null && data !== void 0 && (_data$WaterConnection5 = data.WaterConnection) !== null && _data$WaterConnection5 !== void 0 && (_data$WaterConnection6 = _data$WaterConnection5[0]) !== null && _data$WaterConnection6 !== void 0 && _data$WaterConnection6.applicationNo || data !== null && data !== void 0 && (_data$SewerageConnect5 = data.SewerageConnections) !== null && _data$SewerageConnect5 !== void 0 && (_data$SewerageConnect6 = _data$SewerageConnect5[0]) !== null && _data$SewerageConnect6 !== void 0 && _data$SewerageConnect6.applicationNo ? true : false,
+    retry: false
+  });
+  const propertyId = (data === null || data === void 0 ? void 0 : (_data$WaterConnection7 = data.WaterConnection) === null || _data$WaterConnection7 === void 0 ? void 0 : (_data$WaterConnection8 = _data$WaterConnection7[0]) === null || _data$WaterConnection8 === void 0 ? void 0 : _data$WaterConnection8.propertyId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect7 = data.SewerageConnections) === null || _data$SewerageConnect7 === void 0 ? void 0 : (_data$SewerageConnect8 = _data$SewerageConnect7[0]) === null || _data$SewerageConnect8 === void 0 ? void 0 : _data$SewerageConnect8.propertyId);
+  const propertyTenantId = (data === null || data === void 0 ? void 0 : (_data$WaterConnection9 = data.WaterConnection) === null || _data$WaterConnection9 === void 0 ? void 0 : (_data$WaterConnection0 = _data$WaterConnection9[0]) === null || _data$WaterConnection0 === void 0 ? void 0 : _data$WaterConnection0.tenantId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect9 = data.SewerageConnections) === null || _data$SewerageConnect9 === void 0 ? void 0 : (_data$SewerageConnect0 = _data$SewerageConnect9[0]) === null || _data$SewerageConnect0 === void 0 ? void 0 : _data$SewerageConnect0.tenantId) || tenantId;
+  const _Digit$Hooks$pt$usePr = Digit.Hooks.pt.usePropertySearch({
+      filters: {
+        propertyIds: propertyId
+      },
+      tenantId: propertyTenantId
+    }, {
+      filters: {
+        propertyIds: propertyId
+      },
+      tenantId: propertyTenantId,
+      enabled: !!propertyId,
+      privacy: Digit.Utils.getPrivacyObject()
+    }),
+    PTData = _Digit$Hooks$pt$usePr.data;
+  const applicationData = (data === null || data === void 0 ? void 0 : (_data$WaterConnection1 = data.WaterConnection) === null || _data$WaterConnection1 === void 0 ? void 0 : _data$WaterConnection1[0]) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect1 = data.SewerageConnections) === null || _data$SewerageConnect1 === void 0 ? void 0 : _data$SewerageConnect1[0]);
+  const additionalDetails = (applicationData === null || applicationData === void 0 ? void 0 : applicationData.additionalDetails) || {};
+  const connectionDetails = additionalDetails;
+  const useDetails = additionalDetails;
+  const djbEmployee = additionalDetails;
+  const bankDetails = additionalDetails;
+  const propertyAddress = (PTData === null || PTData === void 0 ? void 0 : (_PTData$Properties = PTData.Properties) === null || _PTData$Properties === void 0 ? void 0 : (_PTData$Properties$ = _PTData$Properties[0]) === null || _PTData$Properties$ === void 0 ? void 0 : _PTData$Properties$.address) || additionalDetails;
+  const checkifPrivacyenabled = Digit.Hooks.ws.useToCheckPrivacyEnablement({
+    privacy: {
+      uuid: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? data === null || data === void 0 ? void 0 : (_data$WaterConnection10 = data.WaterConnection) === null || _data$WaterConnection10 === void 0 ? void 0 : (_data$WaterConnection11 = _data$WaterConnection10[0]) === null || _data$WaterConnection11 === void 0 ? void 0 : (_data$WaterConnection12 = _data$WaterConnection11.connectionHolders) === null || _data$WaterConnection12 === void 0 ? void 0 : (_data$WaterConnection13 = _data$WaterConnection12[0]) === null || _data$WaterConnection13 === void 0 ? void 0 : _data$WaterConnection13.uuid : data === null || data === void 0 ? void 0 : (_data$SewerageConnect10 = data.SewerageConnections) === null || _data$SewerageConnect10 === void 0 ? void 0 : (_data$SewerageConnect11 = _data$SewerageConnect10[0]) === null || _data$SewerageConnect11 === void 0 ? void 0 : (_data$SewerageConnect12 = _data$SewerageConnect11.connectionHolders) === null || _data$SewerageConnect12 === void 0 ? void 0 : (_data$SewerageConnect13 = _data$SewerageConnect12[0]) === null || _data$SewerageConnect13 === void 0 ? void 0 : _data$SewerageConnect13.uuid,
+      fieldName: "connectionHoldersMobileNumber",
+      model: "WnSConnectionOwner"
+    }
+  }) || 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;
+  const feeEstimationSection = appDetailsData === null || appDetailsData === void 0 ? void 0 : (_appDetailsData$appli = appDetailsData.applicationDetails) === null || _appDetailsData$appli === void 0 ? void 0 : _appDetailsData$appli.find(section => (section === null || section === void 0 ? void 0 : section.title) === "WS_TASK_DETAILS_FEE_ESTIMATE");
+  if (feeEstimationSection && feeEstimationSection.additionalDetails) {
+    feeEstimationSection.additionalDetails.isPaid = isPaid;
+  }
+  if (isLoading || isAppDetailsLoading) {
+    return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null);
+  }
+  const handleDownloadPdf = function () {
+    try {
+      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);
+      return Promise.resolve();
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  const handleDownloadDisconnectPdf = function () {
+    try {
+      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);
+      return Promise.resolve();
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  const printApplicationReceipts = function () {
+    try {
+      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$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$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() {
+          return Promise.resolve(Digit.PaymentService.printReciept(state, {
+            fileStoreIds: response.filestoreIds[0]
+          })).then(function (fileStore) {
+            window.open(fileStore[response.filestoreIds[0]], "_blank");
+          });
+        }
+        let response = {
+          filestoreIds: [(_payments$Payments$ = payments.Payments[0]) === null || _payments$Payments$ === void 0 ? void 0 : _payments$Payments$.fileStoreId]
+        };
+        const _temp = function (_payments$Payments$2) {
+          if (!((_payments$Payments$2 = payments.Payments[0]) !== null && _payments$Payments$2 !== void 0 && _payments$Payments$2.fileStoreId)) {
+            return Promise.resolve(Digit.PaymentService.generatePdf(state, {
+              Payments: payments.Payments
+            }, generatePdfKey)).then(function (_Digit$PaymentService) {
+              response = _Digit$PaymentService;
+            });
+          }
+        }();
+        return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
+      });
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  let downloadOptions = [];
+  const wsEstimateDownloadObject = {
+    order: 1,
+    label: t("WS_ESTIMATION_NOTICE"),
+    onClick: () => {
+      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$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 = {
+    order: 3,
+    label: t("WS_APPLICATION"),
+    onClick: handleDownloadPdf
+  };
+  const receiptApplicationFeeDownloadObject = {
+    order: 4,
+    label: t("DOWNLOAD_RECEIPT_HEADER"),
+    onClick: printApplicationReceipts
+  };
+  const disconnectionNoticeNApplicationFormOptions = [{
+    order: 1,
+    label: t("WS_APPLICATION"),
+    onClick: handleDownloadDisconnectPdf
+  }, {
+    order: 2,
+    label: t("WS_DISCONNECTION_NOTICE_LABEL"),
+    onClick: () => getDisconnectionNoticeSearch()
+  }];
+  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$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);
+      }
+      break;
+    case "PENDING_FOR_CITIZEN_ACTION":
+    case "PENDING_FOR_FIELD_INSPECTION":
+      downloadOptions = downloadOptions.concat(applicationDownloadObject);
+      break;
+    case "PENDING_APPROVAL_FOR_CONNECTION":
+    case "PENDING_FOR_PAYMENT":
+      downloadOptions = downloadOptions.concat(applicationDownloadObject, wsEstimateDownloadObject);
+      break;
+    case "PENDING_FOR_CONNECTION_ACTIVATION":
+    case "CONNECTION_ACTIVATED":
+      downloadOptions = downloadOptions.concat(sanctionDownloadObject, wsEstimateDownloadObject, applicationDownloadObject, receiptApplicationFeeDownloadObject);
+      break;
+    case "REJECTED":
+      downloadOptions = downloadOptions.concat(applicationDownloadObject);
+      break;
+    case "PENDING_FOR_DISCONNECTION_EXECUTION":
+    case "DISCONNECTION_EXECUTED":
+    case "PENDING_FOR_PAYMENT":
+      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);
+      }
+      break;
+    default:
+      downloadOptions = downloadOptions.concat(applicationDownloadObject);
+      break;
+  }
+  downloadOptions.sort(function (a, b) {
+    return a.order - b.order;
+  });
+  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__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
+    className: "employee-main-application-details",
+    style: {
+      display: "flex",
+      gap: "20px"
+    }
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "workflow-timeline-wrapper no-scrollbar",
+    style: {
+      flex: "1 1 300px",
+      maxWidth: "400px"
+    }
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement("div", {
+    id: "timeline"
+  }, /*#__PURE__*/React__default.createElement(WSWFApplicationTimeline, {
+    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__default.createElement("div", {
+    style: {
+      flex: "2 1 500px"
+    }
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement("div", {
     className: "cardHeaderWithOptions",
     style: {
       marginRight: "auto",
@@ -28687,57 +29421,51 @@ const WSApplicationDetails = () => {
     className: "hide-seperator"
   }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.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__default.createElement(digitUiReactComponents.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__default.createElement(digitUiReactComponents.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__default.createElement(digitUiReactComponents.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__default.createElement(digitUiReactComponents.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__default.createElement(digitUiReactComponents.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__default.createElement(digitUiReactComponents.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__default.createElement(digitUiReactComponents.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__default.createElement(digitUiReactComponents.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__default.createElement(digitUiReactComponents.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"
     }
-  })), (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$3 = _paymentDetails$data$2.billDetails) === null || _paymentDetails$data$3 === void 0 ? void 0 : (_paymentDetails$data$4 = _paymentDetails$data$3[0]) === null || _paymentDetails$data$4 === void 0 ? void 0 : _paymentDetails$data$4.billAccountDetails.length) > 0 && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, {
-    styles: {
-      fontSize: "28px"
-    }
-  }, t("WS_FEE_DEATAILS_HEADER")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, paymentDetails === null || paymentDetails === void 0 ? void 0 : (_paymentDetails$data2 = paymentDetails.data) === null || _paymentDetails$data2 === void 0 ? void 0 : (_paymentDetails$data3 = _paymentDetails$data2.Bill) === null || _paymentDetails$data3 === void 0 ? void 0 : (_paymentDetails$data4 = _paymentDetails$data3[0]) === null || _paymentDetails$data4 === void 0 ? void 0 : (_paymentDetails$data5 = _paymentDetails$data4.billDetails) === null || _paymentDetails$data5 === void 0 ? void 0 : (_paymentDetails$data6 = _paymentDetails$data5[0]) === null || _paymentDetails$data6 === void 0 ? void 0 : _paymentDetails$data6.billAccountDetails.map(bill => /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
-    label: t(bill === null || bill === void 0 ? void 0 : bill.taxHeadCode),
-    text: "\u20B9" + Number(bill === null || bill === void 0 ? void 0 : bill.amount).toFixed(2)
-  })), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
-    label: t("WS_TOTAL_AMOUNT_DUE"),
-    text: "\u20B9" + Number(isPaid ? 0 : paymentDetails === null || paymentDetails === void 0 ? void 0 : (_paymentDetails$data7 = paymentDetails.data) === null || _paymentDetails$data7 === void 0 ? void 0 : (_paymentDetails$data8 = _paymentDetails$data7.Bill) === null || _paymentDetails$data8 === void 0 ? void 0 : (_paymentDetails$data9 = _paymentDetails$data8[0]) === null || _paymentDetails$data9 === void 0 ? void 0 : (_paymentDetails$data0 = _paymentDetails$data9.billDetails) === null || _paymentDetails$data0 === void 0 ? void 0 : (_paymentDetails$data1 = _paymentDetails$data0[0]) === null || _paymentDetails$data1 === void 0 ? void 0 : _paymentDetails$data1.amount).toFixed(2)
-  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
-    label: t("WS_COMMON_TABLE_COL_APPLICATION_STATUS"),
-    text: isPaid || Number(paymentDetails === null || paymentDetails === void 0 ? void 0 : (_paymentDetails$data10 = paymentDetails.data) === null || _paymentDetails$data10 === void 0 ? void 0 : (_paymentDetails$data11 = _paymentDetails$data10.Bill) === null || _paymentDetails$data11 === void 0 ? void 0 : (_paymentDetails$data12 = _paymentDetails$data11[0]) === null || _paymentDetails$data12 === void 0 ? void 0 : (_paymentDetails$data13 = _paymentDetails$data12.billDetails) === null || _paymentDetails$data13 === void 0 ? void 0 : (_paymentDetails$data14 = _paymentDetails$data13[0]) === null || _paymentDetails$data14 === void 0 ? void 0 : _paymentDetails$data14.amount).toFixed(2) == 0 ? t("WS_COMMON_PAID_LABEL") : t("WS_COMMON_NOT_PAID"),
-    textStyle: isPaid || Number(paymentDetails === null || paymentDetails === void 0 ? void 0 : (_paymentDetails$data15 = paymentDetails.data) === null || _paymentDetails$data15 === void 0 ? void 0 : (_paymentDetails$data16 = _paymentDetails$data15.Bill) === null || _paymentDetails$data16 === void 0 ? void 0 : (_paymentDetails$data17 = _paymentDetails$data16[0]) === null || _paymentDetails$data17 === void 0 ? void 0 : (_paymentDetails$data18 = _paymentDetails$data17.billDetails) === null || _paymentDetails$data18 === void 0 ? void 0 : (_paymentDetails$data19 = _paymentDetails$data18[0]) === null || _paymentDetails$data19 === void 0 ? void 0 : _paymentDetails$data19.amount).toFixed(2) == 0 ? {
-      color: "darkgreen"
-    } : {
-      color: "red"
+  })), feeEstimationSection && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSectionHeader, {
+    style: {
+      marginBottom: "16px",
+      marginTop: "16px",
+      fontSize: "24px"
     }
-  }))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, {
+  }, t(feeEstimationSection.title)), /*#__PURE__*/React__default.createElement(WSFeeEstimation, {
+    wsAdditionalDetails: feeEstimationSection,
+    workflowDetails: null
+  }), /*#__PURE__*/React__default.createElement(ViewBreakup, {
+    wsAdditionalDetails: feeEstimationSection,
+    workflowDetails: null
+  })), /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, {
     styles: {
       fontSize: "28px"
     }
@@ -28770,18 +29498,18 @@ const WSApplicationDetails = () => {
   }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.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__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.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__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, {
     styles: {
       fontSize: "28px"
     }
   }, t("WS_COMMON_CONNECTION_HOLDER_DETAILS_HEADER")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.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,
@@ -28798,18 +29526,18 @@ const WSApplicationDetails = () => {
     }
   }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.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__default.createElement(digitUiReactComponents.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,
@@ -28826,12 +29554,12 @@ const WSApplicationDetails = () => {
     }
   }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.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,
@@ -28848,12 +29576,12 @@ const WSApplicationDetails = () => {
     }
   }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.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,
@@ -28870,9 +29598,9 @@ const WSApplicationDetails = () => {
     }
   }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.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,
@@ -28889,12 +29617,12 @@ const WSApplicationDetails = () => {
     }
   }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.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,
@@ -28915,7 +29643,7 @@ const WSApplicationDetails = () => {
     }
   }, t("WS_COMMON_PROPERTY_DETAILS")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.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"
     }
@@ -28956,7 +29684,7 @@ const WSApplicationDetails = () => {
       }
     }
   }), /*#__PURE__*/React__default.createElement(reactRouterDom.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__default.createElement(digitUiReactComponents.LinkButton, {
     style: {
       textAlign: "left"
@@ -29110,15 +29838,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__default.createElement("div", {
       key: "doc-" + index
     }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.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__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.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__default.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__default.createElement("hr", {
       style: {
         color: "#cccccc",
         backgroundColor: "#cccccc",
@@ -29127,15 +29855,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__default.createElement("div", {
       key: "doc-" + index
     }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.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__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.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__default.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__default.createElement("hr", {
       style: {
         color: "white",
         backgroundColor: "white",
@@ -29144,36 +29872,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__default.createElement(reactRouterDom.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__default.createElement(reactRouterDom.Link, {
     to: {
-      pathname: "/digit-ui/citizen/payment/my-bills/" + (paymentDetails === null || paymentDetails === void 0 ? void 0 : (_paymentDetails$data20 = paymentDetails.data) === null || _paymentDetails$data20 === void 0 ? void 0 : (_paymentDetails$data21 = _paymentDetails$data20.Bill) === null || _paymentDetails$data21 === void 0 ? void 0 : (_paymentDetails$data22 = _paymentDetails$data21[0]) === null || _paymentDetails$data22 === void 0 ? void 0 : _paymentDetails$data22.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__default.createElement(digitUiReactComponents.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__default.createElement(reactRouterDom.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__default.createElement(reactRouterDom.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__default.createElement(digitUiReactComponents.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__default.createElement(reactRouterDom.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__default.createElement(reactRouterDom.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__default.createElement(digitUiReactComponents.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",
@@ -29190,18 +29918,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",
@@ -29218,12 +29946,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)))));
@@ -31457,7 +32185,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 = reactI18next.useTranslation(),
     t = _useTranslation.t;
   const user = Digit.UserService.getUser();
@@ -31517,6 +32245,9 @@ const MyConnections = _ref => {
   const _useState2 = React.useState(10),
     pageSize = _useState2[0],
     setPageSize = _useState2[1];
+  const _useState3 = React.useState(null),
+    searchParams = _useState3[0],
+    setSearchParams = _useState3[1];
   const isMobile = window.Digit.Utils.browser.isMobile();
   const GetCell = value => /*#__PURE__*/React__default.createElement("span", {
     className: "cell-text"
@@ -31590,19 +32321,182 @@ const MyConnections = _ref => {
       }
     }];
   }, [t]);
+  const _useForm = reactHookForm.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__default.createElement(digitUiReactComponents.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__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(WSInfoLabel, {
     t: t
-  }), /*#__PURE__*/React__default.createElement("div", null, ((_connectionList = connectionList) === null || _connectionList === void 0 ? void 0 : _connectionList.length) > 0 ? isMobile ? connectionList.map((application, index) => /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React__default.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__default.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__default.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__default.createElement("div", {
+      style: {
+        fontSize: "24px",
+        fontWeight: "700",
+        color: card.color,
+        marginTop: "8px"
+      }
+    }, String(card.count).padStart(2, "0"))));
+  })()), /*#__PURE__*/React__default.createElement(digitUiReactComponents.SearchForm, {
+    t: t,
+    onSubmit: onSubmitForm,
+    handleSubmit: handleSubmit,
+    className: "formcomposer-section-grid"
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.SearchField, null, /*#__PURE__*/React__default.createElement("label", null, t("WS_MYCONNECTIONS_STATUS")), /*#__PURE__*/React__default.createElement(reactHookForm.Controller, {
+    control: control,
+    name: "status",
+    render: props => /*#__PURE__*/React__default.createElement(digitUiReactComponents.Dropdown, {
+      selected: props.value,
+      select: props.onChange,
+      onBlur: props.onBlur,
+      option: action,
+      optionKey: "i18nKey",
+      t: t,
+      disable: false
+    })
+  })), /*#__PURE__*/React__default.createElement(digitUiReactComponents.SearchField, null, /*#__PURE__*/React__default.createElement("label", null, t("WS_MYCONNECTIONS_CONSUMER_NO")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextInput, {
+    name: "connectionNo",
+    inputRef: register({})
+  })), /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      gridColumn: "1 / -1",
+      display: "flex",
+      justifyContent: "flex-end",
+      alignItems: "center",
+      gap: "24px"
+    }
+  }, /*#__PURE__*/React__default.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__default.createElement(digitUiReactComponents.SubmitBar, {
+    label: t("ES_COMMON_SEARCH"),
+    submit: true,
+    style: {
+      margin: 0
+    }
+  }))), /*#__PURE__*/React__default.createElement("div", null, ((_filteredConnections = filteredConnections) === null || _filteredConnections === void 0 ? void 0 : _filteredConnections.length) > 0 ? isMobile ? filteredConnections.map((application, index) => /*#__PURE__*/React__default.createElement("div", {
     key: index
   }, /*#__PURE__*/React__default.createElement(WSConnection, {
     application: application
   }))) : /*#__PURE__*/React__default.createElement(digitUiReactComponents.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 {
@@ -39009,7 +39903,12 @@ const ActionModal$5 = _ref => {
       const inspectionInformationData = sessionStorage.getItem("Digit.INSPECTION_INFORMATION_DATA");
       if (inspectionInformationData) {
         try {
-          applicationData.inspectionInformation = JSON.parse(inspectionInformationData);
+          const parsedInspectionData = JSON.parse(inspectionInformationData);
+          if (parsedInspectionData !== null && parsedInspectionData !== void 0 && parsedInspectionData.inspectionDate) {
+            const dateVal = parsedInspectionData.inspectionDate;
+            parsedInspectionData.inspectionDate = typeof dateVal === 'string' ? new Date(dateVal).getTime() : dateVal;
+          }
+          applicationData.inspectionInformation = parsedInspectionData;
         } catch (e) {
           console.error("Error parsing inspection information data", e);
         }
@@ -42068,504 +42967,108 @@ function TLTradeUnits(_ref) {
         key: t(unit === null || unit === void 0 ? void 0 : unit.title),
         style: {
           marginTop: "19px",
-          background: "#FAFAFA",
-          border: "1px solid #D6D5D4",
-          borderRadius: "4px",
-          padding: "8px",
-          lineHeight: "19px",
-          maxWidth: "600px",
-          minWidth: "280px"
-        }
-      }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSubHeader, {
-        style: {
-          marginBottom: "9px",
-          paddingBottom: "9px",
-          color: "#0B0C0C",
-          fontSize: "16px",
-          lineHeight: "19px"
-        }
-      }, t(unit === null || unit === void 0 ? void 0 : unit.title) + " " + (index + 1)), /*#__PURE__*/React__default.createElement(React__default.Fragment, {
-        key: index
-      }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, {
-        style: {
-          position: "relative",
-          marginTop: "19px"
-        }
-      }, /*#__PURE__*/React__default.createElement("div", {
-        style: {
-          position: "absolute",
-          maxWidth: "640px",
-          top: 0,
-          left: 0,
-          bottom: 0,
-          right: 0,
-          width: "auto"
-        }
-      }), unit === null || unit === void 0 ? void 0 : (_unit$values = unit.values) === null || _unit$values === void 0 ? void 0 : _unit$values.map((value, index) => {
-        var _value$values;
-        if (value.map === true && value.value !== "N/A") {
-          return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
-            key: t(value.title),
-            label: t(value.title),
-            text: /*#__PURE__*/React__default.createElement("img", {
-              src: t(value.value),
-              alt: ""
-            })
-          });
-        }
-        return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
-          key: t(value.title),
-          label: t(value.title) + ":",
-          text: t(value.value) || "NA",
-          last: index === (value === null || value === void 0 ? void 0 : (_value$values = value.values) === null || _value$values === void 0 ? void 0 : _value$values.length) - 1,
-          caption: value.caption,
-          className: "border-none",
-          rowContainerStyle: {
-            justifyContent: "space-between",
-            fontSize: "16px",
-            lineHeight: "19px",
-            color: "#0B0C0C"
-          }
-        });
-      }))))
-    );
-  }));
-}
-
-const cardSubHeaderStyles = () => {
-  return {
-    fontSize: "24px",
-    marginBottom: "16px",
-    marginTop: "32px"
-  };
-};
-const WSAdditonalDetails = _ref => {
-  var _wsAdditionalDetails$;
-  let wsAdditionalDetails = _ref.wsAdditionalDetails;
-  const _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  let filters = getQueryStringParams(location.search);
-  var _ref2 = (wsAdditionalDetails === null || wsAdditionalDetails === void 0 ? void 0 : wsAdditionalDetails.additionalDetails) || {
-      connectionDetails: [],
-      plumberDetails: []
-    },
-    connectionDetails = _ref2.connectionDetails;
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      lineHeight: "19px",
-      maxWidth: "950px",
-      minWidth: "280px"
-    }
-  }, (wsAdditionalDetails === null || wsAdditionalDetails === void 0 ? void 0 : (_wsAdditionalDetails$ = wsAdditionalDetails.additionalDetails) === null || _wsAdditionalDetails$ === void 0 ? void 0 : _wsAdditionalDetails$.connectionDetails) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSubHeader, {
-    style: cardSubHeaderStyles()
-  }, t("WS_COMMON_CONNECTION_DETAIL")), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
-    className: "connection-details-new-value-wrapper"
-  }, connectionDetails === null || connectionDetails === void 0 ? void 0 : connectionDetails.map((value, index) => {
-    return /*#__PURE__*/React__default.createElement("div", {
-      key: index
-    }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
-      className: "border-none",
-      key: "" + value.title,
-      label: "" + t("" + value.title),
-      text: value !== null && value !== void 0 && value.oldValue ? value === null || value === void 0 ? void 0 : value.oldValue : value !== null && value !== void 0 && value.value ? value === null || value === void 0 ? void 0 : value.value : ""
-    }));
-  }))))));
-};
-
-const Penality_menu = [{
-  title: "PT_PENDING_DUES_FROM_EARLIER",
-  value: "Pending dues from earlier"
-}, {
-  title: "PT_MISCALCULATION_OF_EARLIER_ASSESSMENT",
-  value: "Miscalculation of earlier Assessment"
-}, {
-  title: "PT_ONE_TIME_PENALITY",
-  value: "One time penality"
-}, {
-  title: "PT_OTHERS",
-  value: "Others"
-}];
-const Rebate_menu = [{
-  title: "PT_ADVANCED_PAID_BY_CITIZEN_EARLIER",
-  value: "Advanced Paid By Citizen Earlier"
-}, {
-  title: "PT_REBATE_PROVIDED_BY_COMMISSIONER_EO",
-  value: "Rebate provided by commissioner/EO"
-}, {
-  title: "PT_ADDITIONAL_AMOUNT_CHARGED_FROM_THE_CITIZEN",
-  value: "Additional amount charged from the citizen"
-}, {
-  title: "PT_OTHERS",
-  value: "Others"
-}];
-const WSFeeEstimation = _ref => {
-  var _wsAdditionalDetails$, _wsAdditionalDetails$18, _fields$adhocPenaltyR, _fields$adhocRebateRe;
-  let wsAdditionalDetails = _ref.wsAdditionalDetails;
-  const _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  const _Digit$Hooks$useSessi = Digit.Hooks.useSessionStorage("ADHOC_ADD_REBATE_DATA", {}),
-    sessionFormData = _Digit$Hooks$useSessi[0],
-    setSessionFormData = _Digit$Hooks$useSessi[1];
-  const _Digit$Hooks$useSessi2 = Digit.Hooks.useSessionStorage("ADHOC_BILL_ADD_REBATE_DATA", {}),
-    setSessionBillFormData = _Digit$Hooks$useSessi2[1];
-  const isPaid = wsAdditionalDetails !== null && wsAdditionalDetails !== void 0 && (_wsAdditionalDetails$ = wsAdditionalDetails.additionalDetails) !== null && _wsAdditionalDetails$ !== void 0 && _wsAdditionalDetails$.isPaid ? true : false;
-  const _useState = React.useState(false),
-    popup = _useState[0],
-    showPopUp = _useState[1];
-  const _useState2 = React.useState(sessionFormData ? sessionFormData : {}),
-    fields = _useState2[0],
-    setFields = _useState2[1];
-  const _useState3 = React.useState(null),
-    showToast = _useState3[0],
-    setShowToast = _useState3[1];
-  const _useState4 = React.useState(wsAdditionalDetails.additionalDetails.data ? wsAdditionalDetails.additionalDetails.data : {}),
-    billDetails = _useState4[0],
-    setBillDetails = _useState4[1];
-  const _useState5 = React.useState(wsAdditionalDetails.additionalDetails.values ? wsAdditionalDetails.additionalDetails.values : []),
-    values = _useState5[0],
-    setValues = _useState5[1];
-  const stateCode = Digit.ULBService.getStateId();
-  const _Digit$Hooks$ws$useMD = Digit.Hooks.ws.useMDMS(stateCode, "BillingService", ["TaxHeadMaster"]);
-  React.useEffect(() => {
-    var _wsAdditionalDetails$2, _wsAdditionalDetails$3, _sessionFormData$bill;
-    const data = _extends({}, wsAdditionalDetails === null || wsAdditionalDetails === void 0 ? void 0 : (_wsAdditionalDetails$2 = wsAdditionalDetails.additionalDetails) === null || _wsAdditionalDetails$2 === void 0 ? void 0 : (_wsAdditionalDetails$3 = _wsAdditionalDetails$2.appDetails) === null || _wsAdditionalDetails$3 === void 0 ? void 0 : _wsAdditionalDetails$3.additionalDetails);
-    if ((sessionFormData === null || sessionFormData === void 0 ? void 0 : (_sessionFormData$bill = sessionFormData.billDetails) === null || _sessionFormData$bill === void 0 ? void 0 : _sessionFormData$bill.length) > 0) {
-      var _sessionFormData$bill2, _sessionFormData$bill3, _sessionFormData$bill4, _sessionFormData$bill5, _sessionFormData$bill6, _sessionFormData$bill7, _sessionFormData$bill8, _sessionFormData$bill9, _sessionFormData$bill0;
-      const billAccountDetails = (sessionFormData === null || sessionFormData === void 0 ? void 0 : (_sessionFormData$bill2 = sessionFormData.billDetails) === null || _sessionFormData$bill2 === void 0 ? void 0 : (_sessionFormData$bill3 = _sessionFormData$bill2[0]) === null || _sessionFormData$bill3 === void 0 ? void 0 : _sessionFormData$bill3.billAccountDetails) || [];
-      const values = billAccountDetails.length > 0 ? billAccountDetails.map(bill => ({
-        title: bill === null || bill === void 0 ? void 0 : bill.taxHeadCode,
-        value: /*#__PURE__*/React__default.createElement("span", null, "\u20B9", Number(bill === null || bill === void 0 ? void 0 : bill.amount).toFixed(2))
-      })) : [{
-        title: "WS_APPLICATION_FEE_HEADER",
-        value: /*#__PURE__*/React__default.createElement("span", null, "\u20B9", sessionFormData === null || sessionFormData === void 0 ? void 0 : (_sessionFormData$bill4 = sessionFormData.billDetails) === null || _sessionFormData$bill4 === void 0 ? void 0 : (_sessionFormData$bill5 = _sessionFormData$bill4[0]) === null || _sessionFormData$bill5 === void 0 ? void 0 : _sessionFormData$bill5.fee)
-      }, {
-        title: "WS_SERVICE_FEE_HEADER",
-        value: /*#__PURE__*/React__default.createElement("span", null, "\u20B9", sessionFormData === null || sessionFormData === void 0 ? void 0 : (_sessionFormData$bill6 = sessionFormData.billDetails) === null || _sessionFormData$bill6 === void 0 ? void 0 : (_sessionFormData$bill7 = _sessionFormData$bill6[0]) === null || _sessionFormData$bill7 === void 0 ? void 0 : _sessionFormData$bill7.charge)
-      }, {
-        title: "WS_TAX_HEADER",
-        value: /*#__PURE__*/React__default.createElement("span", null, "\u20B9", sessionFormData === null || sessionFormData === void 0 ? void 0 : (_sessionFormData$bill8 = sessionFormData.billDetails) === null || _sessionFormData$bill8 === void 0 ? void 0 : (_sessionFormData$bill9 = _sessionFormData$bill8[0]) === null || _sessionFormData$bill9 === void 0 ? void 0 : _sessionFormData$bill9.taxAmount)
-      }];
-      setValues(values);
-      setBillDetails(sessionFormData === null || sessionFormData === void 0 ? void 0 : (_sessionFormData$bill0 = sessionFormData.billDetails) === null || _sessionFormData$bill0 === void 0 ? void 0 : _sessionFormData$bill0[0]);
-    } else {
-      setSessionFormData(data);
-      setFields(data);
-    }
-  }, []);
-  let validation = {};
-  const Heading = props => {
-    return /*#__PURE__*/React__default.createElement("h1", {
-      className: "heading-m"
-    }, props.label);
-  };
-  const Close = () => /*#__PURE__*/React__default.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
-    fill: "#FFFFFF"
-  }, /*#__PURE__*/React__default.createElement("path", {
-    d: "M0 0h24v24H0V0z",
-    fill: "none"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
-  }));
-  const CloseBtn = props => {
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "icon-bg-secondary",
-      onClick: props.onClick
-    }, /*#__PURE__*/React__default.createElement(Close, null));
-  };
-  const closeToast = () => {
-    setShowToast(false);
-  };
-  const addAdhocRebatePenality = e => {
-    const adhocAmount = fields !== null && fields !== void 0 && fields.adhocPenalty ? Number(fields === null || fields === void 0 ? void 0 : fields.adhocPenalty) : 0;
-    const rebateAmount = fields !== null && fields !== void 0 && fields.adhocRebate ? Number(fields === null || fields === void 0 ? void 0 : fields.adhocRebate) : 0;
-    if (adhocAmount || rebateAmount) {
-      var _wsAdditionalDetails$4, _wsAdditionalDetails$5;
-      const totalAmount = wsAdditionalDetails === null || wsAdditionalDetails === void 0 ? void 0 : (_wsAdditionalDetails$4 = wsAdditionalDetails.additionalDetails) === null || _wsAdditionalDetails$4 === void 0 ? void 0 : (_wsAdditionalDetails$5 = _wsAdditionalDetails$4.data) === null || _wsAdditionalDetails$5 === void 0 ? void 0 : _wsAdditionalDetails$5.totalAmount;
-      if (rebateAmount > totalAmount) {
-        setShowToast({
-          isError: false,
-          isWarning: true,
-          key: "error",
-          message: t("ERR_WS_REBATE_GREATER_THAN_AMOUNT")
-        });
-      } else {
-        var _wsAdditionalDetails$0, _wsAdditionalDetails$1, _wsAdditionalDetails$10, _wsAdditionalDetails$11, _wsAdditionalDetails$12, _wsAdditionalDetails$13, _wsAdditionalDetails$14, _wsAdditionalDetails$15, _wsAdditionalDetails$16, _wsAdditionalDetails$17;
-        const applicationNo = wsAdditionalDetails === null || wsAdditionalDetails === void 0 ? void 0 : (_wsAdditionalDetails$0 = wsAdditionalDetails.additionalDetails) === null || _wsAdditionalDetails$0 === void 0 ? void 0 : (_wsAdditionalDetails$1 = _wsAdditionalDetails$0.appDetails) === null || _wsAdditionalDetails$1 === void 0 ? void 0 : _wsAdditionalDetails$1.applicationNo;
-        const tenantId = wsAdditionalDetails === null || wsAdditionalDetails === void 0 ? void 0 : (_wsAdditionalDetails$10 = wsAdditionalDetails.additionalDetails) === null || _wsAdditionalDetails$10 === void 0 ? void 0 : (_wsAdditionalDetails$11 = _wsAdditionalDetails$10.appDetails) === null || _wsAdditionalDetails$11 === void 0 ? void 0 : _wsAdditionalDetails$11.tenantId;
-        const appAdditionalDetails = _extends({}, wsAdditionalDetails === null || wsAdditionalDetails === void 0 ? void 0 : (_wsAdditionalDetails$12 = wsAdditionalDetails.additionalDetails) === null || _wsAdditionalDetails$12 === void 0 ? void 0 : (_wsAdditionalDetails$13 = _wsAdditionalDetails$12.appDetails) === null || _wsAdditionalDetails$13 === void 0 ? void 0 : _wsAdditionalDetails$13.additionalDetails, fields);
-        wsAdditionalDetails.additionalDetails.appDetails.additionalDetails = appAdditionalDetails;
-        const data = {
-          CalculationCriteria: (wsAdditionalDetails === null || wsAdditionalDetails === void 0 ? void 0 : (_wsAdditionalDetails$14 = wsAdditionalDetails.additionalDetails) === null || _wsAdditionalDetails$14 === void 0 ? void 0 : (_wsAdditionalDetails$15 = _wsAdditionalDetails$14.appDetails) === null || _wsAdditionalDetails$15 === void 0 ? void 0 : _wsAdditionalDetails$15.service) == "WATER" ? [{
-            applicationNo: applicationNo,
-            tenantId: tenantId,
-            waterConnection: wsAdditionalDetails.additionalDetails.appDetails
-          }] : [{
-            applicationNo: applicationNo,
-            tenantId: tenantId,
-            sewerageConnection: wsAdditionalDetails.additionalDetails.appDetails
-          }],
-          isconnectionCalculation: false
-        };
-        let businessService = (wsAdditionalDetails === null || wsAdditionalDetails === void 0 ? void 0 : (_wsAdditionalDetails$16 = wsAdditionalDetails.additionalDetails) === null || _wsAdditionalDetails$16 === void 0 ? void 0 : (_wsAdditionalDetails$17 = _wsAdditionalDetails$16.appDetails) === null || _wsAdditionalDetails$17 === void 0 ? void 0 : _wsAdditionalDetails$17.service) == "WATER" ? "WS" : "SW";
-        Digit.WSService.wsCalculationEstimate(data, businessService).then((result, err) => {
-          var _result$Calculation, _result$Calculation$, _result$Calculation$$, _result$Calculation3, _result$Calculation3$, _result$Calculation4, _result$Calculation4$, _result$Calculation5, _result$Calculation5$, _result$Calculation6, _result$Calculation6$, _result$Calculation7, _result$Calculation7$, _result$Calculation8;
-          if ((result === null || result === void 0 ? void 0 : (_result$Calculation = result.Calculation) === null || _result$Calculation === void 0 ? void 0 : (_result$Calculation$ = _result$Calculation[0]) === null || _result$Calculation$ === void 0 ? void 0 : (_result$Calculation$$ = _result$Calculation$.taxHeadEstimates) === null || _result$Calculation$$ === void 0 ? void 0 : _result$Calculation$$.length) > 0) {
-            var _result$Calculation2, _result$Calculation2$, _result$Calculation2$2;
-            result === null || result === void 0 ? void 0 : (_result$Calculation2 = result.Calculation) === null || _result$Calculation2 === void 0 ? void 0 : (_result$Calculation2$ = _result$Calculation2[0]) === null || _result$Calculation2$ === void 0 ? void 0 : (_result$Calculation2$2 = _result$Calculation2$.taxHeadEstimates) === null || _result$Calculation2$2 === void 0 ? void 0 : _result$Calculation2$2.forEach(data => data.amount = data.estimateAmount);
-          }
-          result.Calculation[0].billSlabData = _.groupBy(result === null || result === void 0 ? void 0 : (_result$Calculation3 = result.Calculation) === null || _result$Calculation3 === void 0 ? void 0 : (_result$Calculation3$ = _result$Calculation3[0]) === null || _result$Calculation3$ === void 0 ? void 0 : _result$Calculation3$.taxHeadEstimates, "category");
-          const taxHeadEstimates = (result === null || result === void 0 ? void 0 : (_result$Calculation4 = result.Calculation) === null || _result$Calculation4 === void 0 ? void 0 : (_result$Calculation4$ = _result$Calculation4[0]) === null || _result$Calculation4$ === void 0 ? void 0 : _result$Calculation4$.taxHeadEstimates) || [];
-          const values = taxHeadEstimates.length > 0 ? taxHeadEstimates.map(data => ({
-            title: data === null || data === void 0 ? void 0 : data.taxHeadCode,
-            value: /*#__PURE__*/React__default.createElement("span", null, "\u20B9", Number(data === null || data === void 0 ? void 0 : data.estimateAmount).toFixed(2))
-          })) : [{
-            title: "WS_APPLICATION_FEE_HEADER",
-            value: (_result$Calculation5 = result.Calculation) === null || _result$Calculation5 === void 0 ? void 0 : (_result$Calculation5$ = _result$Calculation5[0]) === null || _result$Calculation5$ === void 0 ? void 0 : _result$Calculation5$.fee
-          }, {
-            title: "WS_SERVICE_FEE_HEADER",
-            value: (_result$Calculation6 = result.Calculation) === null || _result$Calculation6 === void 0 ? void 0 : (_result$Calculation6$ = _result$Calculation6[0]) === null || _result$Calculation6$ === void 0 ? void 0 : _result$Calculation6$.charge
-          }, {
-            title: "WS_TAX_HEADER",
-            value: (_result$Calculation7 = result.Calculation) === null || _result$Calculation7 === void 0 ? void 0 : (_result$Calculation7$ = _result$Calculation7[0]) === null || _result$Calculation7$ === void 0 ? void 0 : _result$Calculation7$.taxAmount
-          }];
-          setSessionBillFormData(cloneDeep_1(result.Calculation[0]));
-          setBillDetails(result === null || result === void 0 ? void 0 : (_result$Calculation8 = result.Calculation) === null || _result$Calculation8 === void 0 ? void 0 : _result$Calculation8[0]);
-          setValues(values);
-          fields.billDetails = result === null || result === void 0 ? void 0 : result.Calculation;
-          setSessionFormData(fields);
-          showPopUp(false);
-        }).catch(e => {
-          var _e$response, _e$response$data, _e$response$data$Erro, _e$response2, _e$response2$data, _e$response2$data$Err;
-          setShowToast({
-            isError: true,
-            isWarning: false,
-            key: "error",
-            message: e !== null && e !== void 0 && (_e$response = e.response) !== null && _e$response !== void 0 && (_e$response$data = _e$response.data) !== null && _e$response$data !== void 0 && (_e$response$data$Erro = _e$response$data.Errors[0]) !== null && _e$response$data$Erro !== void 0 && _e$response$data$Erro.message ? t("" + (e === null || e === void 0 ? void 0 : (_e$response2 = e.response) === null || _e$response2 === void 0 ? void 0 : (_e$response2$data = _e$response2.data) === null || _e$response2$data === void 0 ? void 0 : (_e$response2$data$Err = _e$response2$data.Errors[0]) === null || _e$response2$data$Err === void 0 ? void 0 : _e$response2$data$Err.code)) : t("PT_COMMON_ADD_REBATE_PENALITY")
+          background: "#FAFAFA",
+          border: "1px solid #D6D5D4",
+          borderRadius: "4px",
+          padding: "8px",
+          lineHeight: "19px",
+          maxWidth: "600px",
+          minWidth: "280px"
+        }
+      }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSubHeader, {
+        style: {
+          marginBottom: "9px",
+          paddingBottom: "9px",
+          color: "#0B0C0C",
+          fontSize: "16px",
+          lineHeight: "19px"
+        }
+      }, t(unit === null || unit === void 0 ? void 0 : unit.title) + " " + (index + 1)), /*#__PURE__*/React__default.createElement(React__default.Fragment, {
+        key: index
+      }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, {
+        style: {
+          position: "relative",
+          marginTop: "19px"
+        }
+      }, /*#__PURE__*/React__default.createElement("div", {
+        style: {
+          position: "absolute",
+          maxWidth: "640px",
+          top: 0,
+          left: 0,
+          bottom: 0,
+          right: 0,
+          width: "auto"
+        }
+      }), unit === null || unit === void 0 ? void 0 : (_unit$values = unit.values) === null || _unit$values === void 0 ? void 0 : _unit$values.map((value, index) => {
+        var _value$values;
+        if (value.map === true && value.value !== "N/A") {
+          return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
+            key: t(value.title),
+            label: t(value.title),
+            text: /*#__PURE__*/React__default.createElement("img", {
+              src: t(value.value),
+              alt: ""
+            })
           });
+        }
+        return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
+          key: t(value.title),
+          label: t(value.title) + ":",
+          text: t(value.value) || "NA",
+          last: index === (value === null || value === void 0 ? void 0 : (_value$values = value.values) === null || _value$values === void 0 ? void 0 : _value$values.length) - 1,
+          caption: value.caption,
+          className: "border-none",
+          rowContainerStyle: {
+            justifyContent: "space-between",
+            fontSize: "16px",
+            lineHeight: "19px",
+            color: "#0B0C0C"
+          }
         });
-      }
-    } else {
-      setShowToast({
-        isError: false,
-        isWarning: true,
-        key: "warning",
-        message: t("ERR_WS_ENTER_ATLEAST_ONE_FIELD")
-      });
-    }
-  };
-  const selectedValuesData = function (value, isDropDownValue, e) {
-    if (isDropDownValue === void 0) {
-      isDropDownValue = false;
-    }
-    let values = _extends({}, fields);
-    if ((value == "adhocPenalty" || value == "adhocRebate") && e.target.value) {
-      var _e$target, _e$target2;
-      const targetValueSign = (e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value) == 0 ? 1 : Math.sign(e === null || e === void 0 ? void 0 : (_e$target2 = e.target) === null || _e$target2 === void 0 ? void 0 : _e$target2.value) || -1;
-      if (targetValueSign == 1) {
-        values[value] = e.target.value;
-      } else {
-        values[value] = "";
-      }
-    } else if (isDropDownValue) {
-      values[value + "_data"] = e;
-      values[value] = e.title;
-      if (e.title == "PT_OTHERS" && value == "adhocPenaltyReason") values["adhocPenaltyComment"] = "";
-      if (e.title == "PT_OTHERS" && value == "adhocRebateReason") values["adhocRebateComment"] = "";
-    } else {
-      values[value] = e.target.value;
-    }
-    setFields(values);
+      }))))
+    );
+  }));
+}
+
+const cardSubHeaderStyles = () => {
+  return {
+    fontSize: "24px",
+    marginBottom: "16px",
+    marginTop: "32px"
   };
-  return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
+};
+const WSAdditonalDetails = _ref => {
+  var _wsAdditionalDetails$;
+  let wsAdditionalDetails = _ref.wsAdditionalDetails;
+  const _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  let filters = getQueryStringParams(location.search);
+  var _ref2 = (wsAdditionalDetails === null || wsAdditionalDetails === void 0 ? void 0 : wsAdditionalDetails.additionalDetails) || {
+      connectionDetails: [],
+      plumberDetails: []
+    },
+    connectionDetails = _ref2.connectionDetails;
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
     style: {
       lineHeight: "19px",
-      maxWidth: "100%",
+      maxWidth: "950px",
       minWidth: "280px"
     }
-  }, values && /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement("div", null, values === null || values === void 0 ? void 0 : values.map((value, index) => {
-    return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
+  }, (wsAdditionalDetails === null || wsAdditionalDetails === void 0 ? void 0 : (_wsAdditionalDetails$ = wsAdditionalDetails.additionalDetails) === null || _wsAdditionalDetails$ === void 0 ? void 0 : _wsAdditionalDetails$.connectionDetails) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSubHeader, {
+    style: cardSubHeaderStyles()
+  }, t("WS_COMMON_CONNECTION_DETAIL")), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
+    className: "connection-details-new-value-wrapper"
+  }, connectionDetails === null || connectionDetails === void 0 ? void 0 : connectionDetails.map((value, index) => {
+    return /*#__PURE__*/React__default.createElement("div", {
+      key: index
+    }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
       className: "border-none",
       key: "" + value.title,
       label: "" + t("" + value.title),
-      text: value !== null && value !== void 0 && value.value ? value === null || value === void 0 ? void 0 : value.value : ""
-    });
-  })), /*#__PURE__*/React__default.createElement("hr", {
-    style: {
-      border: "1px solid #D6D5D4",
-      color: "#D6D5D4",
-      margin: "16px 0px"
-    }
-  }), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
-    className: "border-none",
-    key: "WS_COMMON_TOTAL_AMT",
-    label: "" + t("WS_COMMON_TOTAL_AMT"),
-    text: /*#__PURE__*/React__default.createElement("span", null, "\u20B9", billDetails !== null && billDetails !== void 0 && billDetails.totalAmount ? Number(billDetails === null || billDetails === void 0 ? void 0 : billDetails.totalAmount).toFixed(2) : "0.00"),
-    textStyle: {
-      fontSize: "24px",
-      fontWeight: "700"
-    }
-  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
-    className: "border-none",
-    key: "CS_INBOX_STATUS_FILTER",
-    label: "" + t("CS_INBOX_STATUS_FILTER"),
-    text: isPaid ? t("WS_COMMON_PAID_LABEL") : t("WS_COMMON_NOT_PAID"),
-    textStyle: !isPaid ? {
-      color: "#D83A2F"
-    } : {
-      color: "#2E9E8F"
-    }
-  }))), wsAdditionalDetails !== null && wsAdditionalDetails !== void 0 && (_wsAdditionalDetails$18 = wsAdditionalDetails.additionalDetails) !== null && _wsAdditionalDetails$18 !== void 0 && _wsAdditionalDetails$18.isAdhocRebate ? /*#__PURE__*/React__default.createElement("div", {
-    onClick: e => {
-      showPopUp(true);
-    }
-  }, /*#__PURE__*/React__default.createElement("span", {
-    className: "add-details-link hover-button",
-    style: {
-      cursor: "pointer",
-      color: "#a82227"
-    }
-  }, t("WS_PAYMENT_ADD_REBATE_PENALTY"))) : null, popup && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Modal, {
-    headerBarMain: /*#__PURE__*/React__default.createElement(Heading, {
-      label: t("PT_ADD_REBATE_PENALITY")
-    }),
-    headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn, {
-      onClick: () => {
-        setFields(sessionFormData);
-        showPopUp(false);
-      }
-    }),
-    actionCancelLabel: t("PT_CANCEL"),
-    actionCancelOnSubmit: () => {
-      setFields(sessionFormData);
-      showPopUp(false);
-    },
-    actionSaveLabel: t("PT_ADD"),
-    actionSaveOnSubmit: e => addAdhocRebatePenality(),
-    hideSubmit: false,
-    popupStyles: {
-      overflowY: "auto",
-      background: "#f0f3f7"
-    }
-  }, /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      display: "flex",
-      flexDirection: "column",
-      gap: "16px"
-    }
-  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSectionHeader, {
-    style: {
-      fontSize: "16px",
-      fontWeight: "700",
-      lineHeight: "18px",
-      padding: "0px",
-      margin: "0px 0px 10px 0px"
-    }
-  }, t("PT_AD_PENALTY")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, null, t("PT_TX_HEADS")), /*#__PURE__*/React__default.createElement("div", {
-    className: "field"
-  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Dropdown, {
-    isMandatory: true,
-    option: Penality_menu,
-    optionKey: "title",
-    select: e => selectedValuesData("adhocPenaltyReason", true, e),
-    selected: (fields === null || fields === void 0 ? void 0 : fields.adhocPenaltyReason_data) || "",
-    isPropertyAssess: true,
-    name: "adhocPenaltyReason_data",
-    t: t
-  }))), (fields === null || fields === void 0 ? void 0 : (_fields$adhocPenaltyR = fields.adhocPenaltyReason_data) === null || _fields$adhocPenaltyR === void 0 ? void 0 : _fields$adhocPenaltyR.title) === "PT_OTHERS" && /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, null, t("PT_REASON")), /*#__PURE__*/React__default.createElement("div", {
-    className: "field"
-  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextInput, _extends({
-    style: {
-      background: "#FAFAFA"
-    },
-    t: t,
-    type: "text",
-    isMandatory: false,
-    name: "adhocPenaltyComment",
-    value: (fields === null || fields === void 0 ? void 0 : fields.adhocPenaltyComment) || "",
-    onChange: e => selectedValuesData("adhocPenaltyComment", false, e)
-  }, validation = {
-    isRequired: true,
-    pattern: "^[a-zA-Z ]*$",
-    type: "text",
-    title: t("TL_NAME_ERROR_MESSAGE")
-  })))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, null, t("PT_HEAD_AMT")), /*#__PURE__*/React__default.createElement("div", {
-    className: "field"
-  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextInput, _extends({
-    style: {
-      background: "#FAFAFA"
-    },
-    t: t,
-    type: "number",
-    isMandatory: false,
-    name: "adhocPenalty",
-    value: (fields === null || fields === void 0 ? void 0 : fields.adhocPenalty) || "",
-    onChange: e => selectedValuesData("adhocPenalty", false, e)
-  }, validation = {
-    isRequired: true,
-    pattern: "^[1-9]+[0-9]*$",
-    title: t("ERR_DEFAULT_INPUT_FIELD_MSG")
-  }))))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSectionHeader, {
-    style: {
-      fontSize: "16px",
-      fontWeight: "700",
-      lineHeight: "18px",
-      padding: "0px",
-      margin: "0px 0px 10px 0px"
-    }
-  }, t("PT_AD_REBATE")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, null, t("PT_TX_HEADS")), /*#__PURE__*/React__default.createElement("div", {
-    className: "field"
-  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Dropdown, {
-    isMandatory: true,
-    option: Rebate_menu,
-    optionKey: "title",
-    select: e => selectedValuesData("adhocRebateReason", true, e),
-    selected: (fields === null || fields === void 0 ? void 0 : fields.adhocRebateReason_data) || "",
-    name: "adhocRebateReason_data",
-    isPropertyAssess: true,
-    t: t
-  }))), (fields === null || fields === void 0 ? void 0 : (_fields$adhocRebateRe = fields.adhocRebateReason_data) === null || _fields$adhocRebateRe === void 0 ? void 0 : _fields$adhocRebateRe.title) === "PT_OTHERS" && /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, null, t("PT_REASON")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextInput, _extends({
-    style: {
-      background: "#FAFAFA"
-    },
-    t: t,
-    type: "text",
-    isMandatory: false,
-    name: "adhocRebateComment",
-    value: (fields === null || fields === void 0 ? void 0 : fields.adhocRebateComment) || "",
-    onChange: e => selectedValuesData("adhocRebateComment", false, e)
-  }, validation = {
-    isRequired: true,
-    pattern: "^[a-zA-Z ]*$",
-    type: "text",
-    title: t("TL_NAME_ERROR_MESSAGE")
-  }))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, null, t("PT_HEAD_AMT")), /*#__PURE__*/React__default.createElement("div", {
-    className: "field"
-  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextInput, _extends({
-    style: {
-      background: "#FAFAFA"
-    },
-    t: t,
-    type: "number",
-    isMandatory: false,
-    name: "adhocRebate",
-    value: (fields === null || fields === void 0 ? void 0 : fields.adhocRebate) || "",
-    onChange: e => selectedValuesData("adhocRebate", false, e)
-  }, validation = {
-    isRequired: true,
-    pattern: "^[1-9]+[0-9]*$",
-    title: t("ERR_DEFAULT_INPUT_FIELD_MSG")
-  }))))))), showToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
-    style: {
-      zIndex: "10000"
-    },
-    warning: showToast === null || showToast === void 0 ? void 0 : showToast.isWarning,
-    error: showToast !== null && showToast !== void 0 && showToast.isWarning ? false : true,
-    label: t(showToast === null || showToast === void 0 ? void 0 : showToast.message),
-    onClose: closeToast,
-    isDleteBtn: true
-  })));
+      text: value !== null && value !== void 0 && value.oldValue ? value === null || value === void 0 ? void 0 : value.oldValue : value !== null && value !== void 0 && value.value ? value === null || value === void 0 ? void 0 : value.value : ""
+    }));
+  }))))));
 };
 
 const EyeSvgINdex$1 = _ref => {
@@ -42619,203 +43122,6 @@ const InfoDetails = _ref2 => {
   }), " " + t(infoClickInfoLabel), /*#__PURE__*/React__default.createElement("div", null, " " + t(infoClickInfoLabel1)))));
 };
 
-const ViewBreakup = _ref => {
-  var _wsAdditionalDetails$, _breakUpData$billSlab, _breakUpData$billSlab2, _breakUpData$billSlab3, _breakUpData$billSlab4, _breakUpData$billSlab5, _breakUpData$billSlab6;
-  let wsAdditionalDetails = _ref.wsAdditionalDetails;
-  const _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  const _useState = React.useState(false),
-    popup = _useState[0],
-    showPopUp = _useState[1];
-  const _useState2 = React.useState({}),
-    breakUpData = _useState2[0],
-    setBreakUpData = _useState2[1];
-  const Heading = props => {
-    return /*#__PURE__*/React__default.createElement("h1", {
-      className: "heading-m"
-    }, props.label);
-  };
-  const Close = () => /*#__PURE__*/React__default.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
-    fill: "#FFFFFF"
-  }, /*#__PURE__*/React__default.createElement("path", {
-    d: "M0 0h24v24H0V0z",
-    fill: "none"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
-  }));
-  const CloseBtn = props => {
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "icon-bg-secondary",
-      onClick: props.onClick
-    }, /*#__PURE__*/React__default.createElement(Close, null));
-  };
-  const onPopupOpen = () => {
-    var _sessionBillFormData$;
-    let breakupData = wsAdditionalDetails.additionalDetails.data || {};
-    const sessionBillData = sessionStorage.getItem("Digit.ADHOC_BILL_ADD_REBATE_DATA");
-    const sessionBillFormData = sessionBillData ? JSON.parse(sessionBillData) : {};
-    if (sessionBillFormData !== null && sessionBillFormData !== void 0 && (_sessionBillFormData$ = sessionBillFormData.value) !== null && _sessionBillFormData$ !== void 0 && _sessionBillFormData$.totalAmount) breakupData = sessionBillFormData === null || sessionBillFormData === void 0 ? void 0 : sessionBillFormData.value;
-    setBreakUpData(breakupData);
-    showPopUp(true);
-  };
-  return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      lineHeight: "19px",
-      maxWidth: "950px",
-      minWidth: "280px"
-    }
-  }, wsAdditionalDetails !== null && wsAdditionalDetails !== void 0 && (_wsAdditionalDetails$ = wsAdditionalDetails.additionalDetails) !== null && _wsAdditionalDetails$ !== void 0 && _wsAdditionalDetails$.isViewBreakup ? /*#__PURE__*/React__default.createElement("div", {
-    onClick: e => onPopupOpen(),
-    style: {
-      marginTop: "12px"
-    }
-  }, /*#__PURE__*/React__default.createElement("span", {
-    className: "add-details-link hover-button"
-  }, t("WS_PAYMENT_VIEW_BREAKUP"))) : null, popup && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Modal, {
-    headerBarMain: /*#__PURE__*/React__default.createElement(Heading, {
-      label: t("WS_CALCULATION_BREAKUP")
-    }),
-    headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn, {
-      onClick: () => {
-        showPopUp(false);
-      }
-    }),
-    hideSubmit: true,
-    popupStyles: {
-      overflowY: "auto"
-    },
-    headerBarMainStyle: {
-      marginBottom: "0px"
-    },
-    popupModuleMianStyles: {
-      paddingTop: "0px"
-    }
-  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, {
-    style: {
-      padding: "10px",
-      paddingTop: "0px"
-    }
-  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSectionHeader, {
-    style: {
-      margin: "10px 0px"
-    }
-  }, t("WS_APPLICATION_FEE_HEADER")), breakUpData === null || breakUpData === void 0 ? void 0 : (_breakUpData$billSlab = breakUpData.billSlabData) === null || _breakUpData$billSlab === void 0 ? void 0 : (_breakUpData$billSlab2 = _breakUpData$billSlab.FEE) === null || _breakUpData$billSlab2 === void 0 ? void 0 : _breakUpData$billSlab2.map(data => /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
-    className: "border-none",
-    rowContainerStyle: {
-      margin: "0px"
-    },
-    labelStyle: {
-      width: "50%"
-    },
-    key: "" + (data === null || data === void 0 ? void 0 : data.taxHeadCode),
-    label: "" + t("" + (data === null || data === void 0 ? void 0 : data.taxHeadCode)),
-    text: /*#__PURE__*/React__default.createElement("span", null, "\u20B9", Number(data === null || data === void 0 ? void 0 : data.amount) || 0),
-    textStyle: {
-      textAlign: "right"
-    }
-  })), /*#__PURE__*/React__default.createElement("hr", {
-    style: {
-      color: "#cccccc",
-      backgroundColor: "#cccccc",
-      marginBottom: "10px"
-    }
-  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.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__default.createElement("span", null, "\u20B9", Number(breakUpData === null || breakUpData === void 0 ? void 0 : breakUpData.fee) || 0),
-    textStyle: {
-      textAlign: "right",
-      fontWeight: "700",
-      fontSize: "24px"
-    }
-  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSectionHeader, {
-    style: {
-      margin: "10px 0px"
-    }
-  }, t("WS_SERVICE_FEE_HEADER")), breakUpData === null || breakUpData === void 0 ? void 0 : (_breakUpData$billSlab3 = breakUpData.billSlabData) === null || _breakUpData$billSlab3 === void 0 ? void 0 : (_breakUpData$billSlab4 = _breakUpData$billSlab3.CHARGES) === null || _breakUpData$billSlab4 === void 0 ? void 0 : _breakUpData$billSlab4.map(data => /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
-    className: "border-none",
-    rowContainerStyle: {
-      margin: "0px"
-    },
-    labelStyle: {
-      width: "50%"
-    },
-    key: "" + (data === null || data === void 0 ? void 0 : data.taxHeadCode),
-    label: "" + t("" + (data === null || data === void 0 ? void 0 : data.taxHeadCode)),
-    text: /*#__PURE__*/React__default.createElement("span", null, "\u20B9", Number(data === null || data === void 0 ? void 0 : data.amount) || 0),
-    textStyle: {
-      textAlign: "right"
-    }
-  })), /*#__PURE__*/React__default.createElement("hr", {
-    style: {
-      color: "#cccccc",
-      backgroundColor: "#cccccc",
-      marginBottom: "10px"
-    }
-  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.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__default.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__default.createElement(digitUiReactComponents.Row, {
-    className: "border-none",
-    rowContainerStyle: {
-      margin: "0px"
-    },
-    labelStyle: {
-      width: "50%"
-    },
-    key: "" + (data === null || data === void 0 ? void 0 : data.taxHeadCode),
-    label: "" + t("" + (data === null || data === void 0 ? void 0 : data.taxHeadCode)),
-    text: /*#__PURE__*/React__default.createElement("span", null, "\u20B9", Number(data === null || data === void 0 ? void 0 : data.amount) || 0),
-    textStyle: {
-      textAlign: "right"
-    }
-  })), /*#__PURE__*/React__default.createElement("hr", {
-    style: {
-      color: "#cccccc",
-      backgroundColor: "#cccccc",
-      marginBottom: "10px"
-    }
-  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
-    className: "border-none",
-    rowContainerStyle: {
-      margin: "0px"
-    },
-    labelStyle: {
-      width: "50%"
-    },
-    key: "PDF_STATIC_LABEL_CONSOLIDATED_TLAPP_TOTAL_AMOUNT3",
-    label: "" + t("PDF_STATIC_LABEL_CONSOLIDATED_TLAPP_TOTAL_AMOUNT"),
-    text: /*#__PURE__*/React__default.createElement("span", null, "\u20B9", Number(breakUpData === null || breakUpData === void 0 ? void 0 : breakUpData.totalAmount) || 0),
-    textStyle: {
-      textAlign: "right",
-      fontWeight: "700",
-      fontSize: "24px"
-    }
-  })))));
-};
-
 const styles = {
   root: {
     width: "100%",
@@ -46017,7 +46323,7 @@ const EditApplication$1 = () => {
         propertyIds: propertyId
       },
       tenantId: tenantId,
-      enabled: propertyId && propertyId != "" ? true : false,
+      enabled: propertyId && propertyId !== "" ? true : false,
       privacy: Digit.Utils.getPrivacyObject()
     }),
     propertyDetails = _Digit$Hooks$pt$usePr.data;
@@ -46084,7 +46390,7 @@ const EditApplication$1 = () => {
     if (!lodash.isEqual(sessionFormData, formData)) {
       setSessionFormData(_extends({}, sessionFormData, formData));
     }
-    if (Object.keys(formState.errors).length > 0 && Object.keys(formState.errors).length == 1 && formState.errors["owners"] && Object.values(formState.errors["owners"].type).filter(ob => ob.type === "required").length == 0 && !(formData !== null && formData !== void 0 && (_formData$cpt = formData.cpt) !== null && _formData$cpt !== void 0 && (_formData$cpt$details = _formData$cpt.details) !== null && _formData$cpt$details !== void 0 && _formData$cpt$details.propertyId)) setSubmitValve(true);else setSubmitValve(!Object.keys(formState.errors).length);
+    if (Object.keys(formState.errors).length > 0 && Object.keys(formState.errors).length === 1 && formState.errors["owners"] && Object.values(formState.errors["owners"].type).filter(ob => ob.type === "required").length === 0 && !(formData !== null && formData !== void 0 && (_formData$cpt = formData.cpt) !== null && _formData$cpt !== void 0 && (_formData$cpt$details = _formData$cpt.details) !== null && _formData$cpt$details !== void 0 && _formData$cpt$details.propertyId)) setSubmitValve(true);else setSubmitValve(!Object.keys(formState.errors).length);
   };
   const onSubmit = function (data) {
     try {
@@ -46101,7 +46407,7 @@ const EditApplication$1 = () => {
           const details = sessionStorage.getItem("WS_EDIT_APPLICATION_DETAILS") ? JSON.parse(sessionStorage.getItem("WS_EDIT_APPLICATION_DETAILS")) : {};
           return Promise.resolve(convertEditApplicationDetails(data, details, actionData)).then(function (convertAppData) {
             var _data$ConnectionDetai, _data$ConnectionDetai2, _details$processInsta, _details$processInsta2, _details$processInsta3, _details$processInsta4;
-            const reqDetails = (data === null || data === void 0 ? void 0 : (_data$ConnectionDetai = data.ConnectionDetails) === null || _data$ConnectionDetai === void 0 ? void 0 : (_data$ConnectionDetai2 = _data$ConnectionDetai[0]) === null || _data$ConnectionDetai2 === void 0 ? void 0 : _data$ConnectionDetai2.serviceName) == "WATER" ? {
+            const reqDetails = (data === null || data === void 0 ? void 0 : (_data$ConnectionDetai = data.ConnectionDetails) === null || _data$ConnectionDetai === void 0 ? void 0 : (_data$ConnectionDetai2 = _data$ConnectionDetai[0]) === null || _data$ConnectionDetai2 === void 0 ? void 0 : _data$ConnectionDetai2.serviceName) === "WATER" ? {
               WaterConnection: convertAppData
             } : {
               SewerageConnection: convertAppData
@@ -46115,7 +46421,6 @@ const EditApplication$1 = () => {
                       key: "error",
                       message: error !== null && error !== void 0 && error.message ? error.message : error
                     });
-                    setTimeout(closeToastOfError, 5000);
                     setSubmitValve(true);
                   },
                   onSuccess: (data, variables) => {
@@ -46147,7 +46452,6 @@ const EditApplication$1 = () => {
   if (enabledLoader || isConfigLoading) {
     return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null);
   }
-  console.log(config.body);
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
     className: "employee-form-content"
   }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.FormComposer, {
@@ -49424,7 +49728,11 @@ const OLDApplication = () => {
                 key: "propertyAddress",
                 component: "WSPropertyLocationDetails",
                 withoutLabel: true,
-                isAutomaticFill: true
+                isAutomaticFill: true,
+                texts: {
+                  header: "PT_LOCATION_DETAILS " + t("(Automatic Fill by Property)")
+                },
+                defaultOpen: false
               }]
             });
           } else if (compName === "PropertyWaterConnection") {
@@ -49509,9 +49817,6 @@ const OLDApplication = () => {
       sessionStorage.setItem("FORMSTATE_ERRORS", JSON.stringify(formState === null || formState === void 0 ? void 0 : formState.errors));
     }
   };
-  const closeToastOfError = () => {
-    setShowToast(null);
-  };
   const onFormSubmit = data => {
     var _data$cpt, _propertyDetails$Prop, _formStateErros$Conne, _Object$keys, _formStateErros$Conne2;
     if (!(data !== null && data !== void 0 && (_data$cpt = data.cpt) !== null && _data$cpt !== void 0 && _data$cpt.id) && !(propertyDetails !== null && propertyDetails !== void 0 && (_propertyDetails$Prop = propertyDetails.Properties) !== null && _propertyDetails$Prop !== void 0 && _propertyDetails$Prop[0])) {
@@ -49696,7 +50001,6 @@ const OLDApplication = () => {
                       key: "error",
                       message: (error === null || error === void 0 ? void 0 : (_error$response = error.response) === null || _error$response === void 0 ? void 0 : (_error$response$data = _error$response.data) === null || _error$response$data === void 0 ? void 0 : (_error$response$data$ = _error$response$data.Errors) === null || _error$response$data$ === void 0 ? void 0 : (_error$response$data$2 = _error$response$data$[0]) === null || _error$response$data$2 === void 0 ? void 0 : _error$response$data$2.message) || (error === null || error === void 0 ? void 0 : error.message) || "ERR_UNKNOWN"
                     });
-                    setTimeout(closeToastOfError, 5000);
                   },
                   onSuccess: function (waterData) {
                     try {
@@ -49715,7 +50019,6 @@ const OLDApplication = () => {
                               key: "error",
                               message: (error === null || error === void 0 ? void 0 : (_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : (_error$response2$data = _error$response2.data) === null || _error$response2$data === void 0 ? void 0 : (_error$response2$data2 = _error$response2$data.Errors) === null || _error$response2$data2 === void 0 ? void 0 : (_error$response2$data3 = _error$response2$data2[0]) === null || _error$response2$data3 === void 0 ? void 0 : _error$response2$data3.message) || (error === null || error === void 0 ? void 0 : error.message) || "ERR_UNKNOWN"
                             });
-                            setTimeout(closeToastOfError, 5000);
                           },
                           onSuccess: function (waterUpdateData) {
                             try {
@@ -49727,7 +50030,6 @@ const OLDApplication = () => {
                                     key: "error",
                                     message: (error === null || error === void 0 ? void 0 : (_error$response3 = error.response) === null || _error$response3 === void 0 ? void 0 : (_error$response3$data = _error$response3.data) === null || _error$response3$data === void 0 ? void 0 : (_error$response3$data2 = _error$response3$data.Errors) === null || _error$response3$data2 === void 0 ? void 0 : (_error$response3$data3 = _error$response3$data2[0]) === null || _error$response3$data3 === void 0 ? void 0 : _error$response3$data3.message) || (error === null || error === void 0 ? void 0 : error.message) || "ERR_UNKNOWN"
                                   });
-                                  setTimeout(closeToastOfError, 5000);
                                 },
                                 onSuccess: function (sewerageData) {
                                   try {
@@ -49746,7 +50048,6 @@ const OLDApplication = () => {
                                             key: "error",
                                             message: (error === null || error === void 0 ? void 0 : (_error$response4 = error.response) === null || _error$response4 === void 0 ? void 0 : (_error$response4$data = _error$response4.data) === null || _error$response4$data === void 0 ? void 0 : (_error$response4$data2 = _error$response4$data.Errors) === null || _error$response4$data2 === void 0 ? void 0 : (_error$response4$data3 = _error$response4$data2[0]) === null || _error$response4$data3 === void 0 ? void 0 : _error$response4$data3.message) || (error === null || error === void 0 ? void 0 : error.message) || "ERR_UNKNOWN"
                                           });
-                                          setTimeout(closeToastOfError, 5000);
                                         },
                                         onSuccess: function (sewerageUpdateData) {
                                           try {
@@ -49794,7 +50095,6 @@ const OLDApplication = () => {
                           key: "error",
                           message: (error === null || error === void 0 ? void 0 : (_error$response5 = error.response) === null || _error$response5 === void 0 ? void 0 : (_error$response5$data = _error$response5.data) === null || _error$response5$data === void 0 ? void 0 : (_error$response5$data2 = _error$response5$data.Errors) === null || _error$response5$data2 === void 0 ? void 0 : (_error$response5$data3 = _error$response5$data2[0]) === null || _error$response5$data3 === void 0 ? void 0 : _error$response5$data3.message) || (error === null || error === void 0 ? void 0 : error.message) || "ERR_UNKNOWN"
                         });
-                        setTimeout(closeToastOfError, 5000);
                       },
                       onSuccess: function (data) {
                         try {
@@ -49812,7 +50112,6 @@ const OLDApplication = () => {
                                   key: "error",
                                   message: (error === null || error === void 0 ? void 0 : (_error$response6 = error.response) === null || _error$response6 === void 0 ? void 0 : (_error$response6$data = _error$response6.data) === null || _error$response6$data === void 0 ? void 0 : (_error$response6$data2 = _error$response6$data.Errors) === null || _error$response6$data2 === void 0 ? void 0 : (_error$response6$data3 = _error$response6$data2[0]) === null || _error$response6$data3 === void 0 ? void 0 : _error$response6$data3.message) || (error === null || error === void 0 ? void 0 : error.message) || "ERR_UNKNOWN"
                                 });
-                                setTimeout(closeToastOfError, 5000);
                               },
                               onSuccess: data => {
                                 var _data$WaterConnection2, _data$WaterConnection3;
@@ -49844,7 +50143,6 @@ const OLDApplication = () => {
                               key: "error",
                               message: (error === null || error === void 0 ? void 0 : (_error$response7 = error.response) === null || _error$response7 === void 0 ? void 0 : (_error$response7$data = _error$response7.data) === null || _error$response7$data === void 0 ? void 0 : (_error$response7$data2 = _error$response7$data.Errors) === null || _error$response7$data2 === void 0 ? void 0 : (_error$response7$data3 = _error$response7$data2[0]) === null || _error$response7$data3 === void 0 ? void 0 : _error$response7$data3.message) || (error === null || error === void 0 ? void 0 : error.message) || "ERR_UNKNOWN"
                             });
-                            setTimeout(closeToastOfError, 5000);
                           },
                           onSuccess: function (data) {
                             try {
@@ -49862,7 +50160,6 @@ const OLDApplication = () => {
                                       key: "error",
                                       message: (error === null || error === void 0 ? void 0 : (_error$response8 = error.response) === null || _error$response8 === void 0 ? void 0 : (_error$response8$data = _error$response8.data) === null || _error$response8$data === void 0 ? void 0 : (_error$response8$data2 = _error$response8$data.Errors) === null || _error$response8$data2 === void 0 ? void 0 : (_error$response8$data3 = _error$response8$data2[0]) === null || _error$response8$data3 === void 0 ? void 0 : _error$response8$data3.message) || (error === null || error === void 0 ? void 0 : error.message) || "ERR_UNKNOWN"
                                     });
-                                    setTimeout(closeToastOfError, 5000);
                                   },
                                   onSuccess: data => {
                                     var _data$SewerageConnect2, _data$SewerageConnect3;
@@ -49930,6 +50227,7 @@ const OLDApplication = () => {
     cardFormWrapperClassName: "new-application-card"
   }), showToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
     isDleteBtn: true,
+    duration: 5000,
     error: (showToast === null || showToast === void 0 ? void 0 : showToast.key) === "error" ? true : false,
     warning: showToast === null || showToast === void 0 ? void 0 : showToast.warning,
     label: t(showToast === null || showToast === void 0 ? void 0 : showToast.message),