@djb25/digit-ui-module-ws 1.0.72 → 1.0.73

package/dist/index.modern.js

@@ -11108,7 +11108,9 @@ const App$1 = _ref2 => {
     component: WSEditDisconnectionByConfig
   }), /*#__PURE__*/React.createElement(PrivateRoute, {
     path: path + "/application-details",
-    component: WSApplicationDetails
+    component: () => /*#__PURE__*/React.createElement(LayoutWrapper, {
+      layoutClass: "action"
+    }, /*#__PURE__*/React.createElement(WSApplicationDetails, null))
   }), /*#__PURE__*/React.createElement(PrivateRoute, {
     path: path + "/modify-details",
     component: WSModifyApplicationDetails
@@ -26197,6 +26199,10 @@ const WSCard = () => {
       label: t("WS_CALCULATION"),
       link: "/digit-ui/employee/ws/water/calculation",
       roles: ["WS_CEMP", "WS_APPROVER", "WS_FIELD_INSPECTOR", "WS_DOC_VERIFIER", "WS_CLERK"]
+    }, {
+      label: t("WS_APPLY_MUTATION"),
+      link: "/digit-ui/employee/ws/mutation-application",
+      roles: ["WS_CEMP", "WS_APPROVER", "WS_FIELD_INSPECTOR", "WS_DOC_VERIFIER", "WS_CLERK", "SW_CEMP", "SW_APPROVER", "SW_FIELD_INSPECTOR", "SW_DOC_VERIFIER", "SW_CLERK"]
     }]
   };
   return /*#__PURE__*/React.createElement(EmployeeModuleCard, propsForModuleCard);
@@ -31024,7 +31030,7 @@ const Rebate_menu = [{
   value: "Others"
 }];
 const WSFeeEstimation = _ref => {
-  var _wsAdditionalDetails$, _wsAdditionalDetails$18, _fields$adhocPenaltyR, _fields$adhocRebateRe;
+  var _wsAdditionalDetails$, _fields$adhocPenaltyR, _fields$adhocRebateRe;
   let wsAdditionalDetails = _ref.wsAdditionalDetails;
   const _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -31255,17 +31261,7 @@ const WSFeeEstimation = _ref => {
     } : {
       color: "#2E9E8F"
     }
-  }))), wsAdditionalDetails !== null && wsAdditionalDetails !== void 0 && (_wsAdditionalDetails$18 = wsAdditionalDetails.additionalDetails) !== null && _wsAdditionalDetails$18 !== void 0 && _wsAdditionalDetails$18.isAdhocRebate ? /*#__PURE__*/React.createElement("div", {
-    onClick: e => {
-      showPopUp(true);
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "add-details-link hover-button",
-    style: {
-      cursor: "pointer",
-      color: "#a82227"
-    }
-  }, t("WS_PAYMENT_ADD_REBATE_PENALTY"))) : null, popup && /*#__PURE__*/React.createElement(Modal, {
+  }))), popup && /*#__PURE__*/React.createElement(Modal, {
     headerBarMain: /*#__PURE__*/React.createElement(Heading, {
       label: t("PT_ADD_REBATE_PENALITY")
     }),
@@ -31893,31 +31889,31 @@ const checkForNA$1 = value => {
   return value ? value : "CS_NA";
 };
 const WSApplicationDetails = () => {
-  var _user$info, _user$info$userName, _user$info2, _user$info3, _Digit$SessionStorage, _user$info4, _data$WaterConnection, _data$WaterConnection2, _data$SewerageConnect, _data$SewerageConnect2, _data$WaterConnection3, _data$WaterConnection4, _data$SewerageConnect3, _data$SewerageConnect4, _data$WaterConnection5, _data$WaterConnection6, _data$WaterConnection7, _data$SewerageConnect5, _data$SewerageConnect6, _data$SewerageConnect7, _data$WaterConnection8, _data$WaterConnection9, _data$SewerageConnect8, _data$SewerageConnect9, _data$WaterConnection0, _data$WaterConnection1, _data$SewerageConnect0, _data$SewerageConnect1, _data$WaterConnection10, _data$WaterConnection11, _data$SewerageConnect10, _data$SewerageConnect11, _data$WaterConnection12, _data$SewerageConnect12, _PTData$Properties, _PTData$Properties$, _data$WaterConnection13, _data$WaterConnection14, _data$WaterConnection15, _data$WaterConnection16, _data$SewerageConnect13, _data$SewerageConnect14, _data$SewerageConnect15, _data$SewerageConnect16, _data$WaterConnection17, _data$WaterConnection18, _data$SewerageConnect17, _data$SewerageConnect18, _appDetailsData$appli, _data$WaterConnection37, _data$WaterConnection38, _data$SewerageConnect33, _data$SewerageConnect34, _data$WaterConnection39, _data$WaterConnection40, _data$SewerageConnect35, _data$SewerageConnect36, _data$WaterConnection41, _data$WaterConnection42, _data$SewerageConnect37, _data$SewerageConnect38, _data$WaterConnection43, _data$WaterConnection44, _data$SewerageConnect39, _data$SewerageConnect40, _data$WaterConnection45, _data$WaterConnection46, _data$SewerageConnect41, _data$WaterConnection47, _data$WaterConnection48, _data$SewerageConnect42, _data$SewerageConnect43, _data$WaterConnection49, _data$WaterConnection50, _data$SewerageConnect44, _data$SewerageConnect45, _data$WaterConnection51, _data$WaterConnection52, _data$SewerageConnect46, _data$SewerageConnect47, _data$WaterConnection53, _data$WaterConnection54, _data$SewerageConnect48, _data$SewerageConnect49, _data$WaterConnection55, _data$WaterConnection56, _data$SewerageConnect50, _data$SewerageConnect51, _data$WaterConnection57, _data$WaterConnection58, _data$SewerageConnect52, _data$SewerageConnect53, _data$WaterConnection59, _data$WaterConnection60, _data$SewerageConnect54, _data$SewerageConnect55, _data$WaterConnection61, _data$WaterConnection62, _data$SewerageConnect56, _data$SewerageConnect57, _data$WaterConnection63, _data$WaterConnection64, _data$SewerageConnect58, _data$SewerageConnect59, _data$WaterConnection65, _data$WaterConnection66, _data$SewerageConnect60, _data$SewerageConnect61, _data$WaterConnection67, _data$WaterConnection68, _data$WaterConnection69, _data$WaterConnection70, _data$SewerageConnect62, _data$SewerageConnect63, _data$SewerageConnect64, _data$SewerageConnect65, _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$WaterConnection71, _data$WaterConnection72, _data$WaterConnection73, _data$SewerageConnect66, _data$SewerageConnect67, _data$SewerageConnect68, _data$WaterConnection74, _data$WaterConnection75, _data$WaterConnection76, _data$WaterConnection77, _data$SewerageConnect69, _data$SewerageConnect70, _data$SewerageConnect71, _data$SewerageConnect72, _data$WaterConnection78, _data$WaterConnection79, _data$WaterConnection80, _data$WaterConnection81, _data$SewerageConnect73, _data$SewerageConnect74, _data$SewerageConnect75, _data$SewerageConnect76, _data$WaterConnection82, _data$WaterConnection83, _data$WaterConnection84, _data$WaterConnection85, _data$SewerageConnect77, _data$SewerageConnect78, _data$SewerageConnect79, _data$SewerageConnect80, _data$WaterConnection86, _data$WaterConnection87, _data$WaterConnection88, _data$WaterConnection89, _data$SewerageConnect81, _data$SewerageConnect82, _data$SewerageConnect83, _data$SewerageConnect84, _data$WaterConnection90, _data$WaterConnection91, _data$WaterConnection92, _data$WaterConnection93, _data$SewerageConnect85, _data$SewerageConnect86, _data$SewerageConnect87, _data$SewerageConnect88, _data$WaterConnection94, _data$WaterConnection95, _data$WaterConnection96, _data$WaterConnection97, _data$SewerageConnect89, _data$SewerageConnect90, _data$SewerageConnect91, _data$SewerageConnect92, _data$WaterConnection98, _data$WaterConnection99, _data$WaterConnection100, _data$WaterConnection101, _data$SewerageConnect93, _data$SewerageConnect94, _data$SewerageConnect95, _data$SewerageConnect96, _data$WaterConnection102, _data$WaterConnection103, _data$WaterConnection104, _data$WaterConnection105, _data$SewerageConnect97, _data$SewerageConnect98, _data$SewerageConnect99, _data$SewerageConnect100, _data$WaterConnection106, _data$WaterConnection107, _data$WaterConnection108, _data$WaterConnection109, _data$SewerageConnect101, _data$SewerageConnect102, _data$SewerageConnect103, _data$SewerageConnect104, _data$WaterConnection110, _data$WaterConnection111, _data$WaterConnection112, _data$WaterConnection113, _data$SewerageConnect105, _data$SewerageConnect106, _data$SewerageConnect107, _data$SewerageConnect108, _data$WaterConnection114, _data$WaterConnection115, _data$WaterConnection116, _data$WaterConnection117, _data$SewerageConnect109, _data$SewerageConnect110, _data$SewerageConnect111, _data$SewerageConnect112, _data$WaterConnection118, _data$WaterConnection119, _data$WaterConnection120, _data$WaterConnection121, _data$SewerageConnect113, _data$SewerageConnect114, _data$SewerageConnect115, _data$SewerageConnect116, _data$WaterConnection122, _data$WaterConnection123, _data$WaterConnection124, _data$WaterConnection125, _data$SewerageConnect117, _data$SewerageConnect118, _data$SewerageConnect119, _data$SewerageConnect120, _data$WaterConnection126, _data$WaterConnection127, _data$SewerageConnect121, _data$SewerageConnect122, _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$WaterConnection128, _data$WaterConnection129, _data$SewerageConnect123, _data$SewerageConnect124, _data$WaterConnection130, _data$WaterConnection131, _data$SewerageConnect125, _data$SewerageConnect126, _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$WaterConnection132, _data$WaterConnection133, _data$WaterConnection134, _data$WaterConnection135, _data$SewerageConnect127, _data$SewerageConnect128, _data$SewerageConnect129, _data$SewerageConnect130, _data$WaterConnection140, _data$WaterConnection141, _data$WaterConnection142, _data$WaterConnection143, _data$WaterConnection144, _data$WaterConnection145, _data$SewerageConnect135, _data$SewerageConnect136, _data$SewerageConnect137, _data$SewerageConnect138, _data$SewerageConnect139, _data$SewerageConnect140, _paymentDetails$data, _paymentDetails$data$, _paymentDetails$data$2, _paymentDetails$data2, _paymentDetails$data3, _paymentDetails$data4, _data$WaterConnection146, _data$WaterConnection147, _data$SewerageConnect141, _data$SewerageConnect142, _data$WaterConnection148, _data$WaterConnection149, _data$WaterConnection150, _data$SewerageConnect143, _data$SewerageConnect144, _data$SewerageConnect145, _PTData$Properties8, _PTData$Properties8$, _PTData$Properties8$$, _paymentDetails$data5, _paymentDetails$data6, _paymentDetails$data7, _data$WaterConnection151, _data$WaterConnection152, _data$WaterConnection153, _data$WaterConnection154, _data$SewerageConnect146, _data$SewerageConnect147, _data$SewerageConnect148, _data$SewerageConnect149, _data$WaterConnection155, _data$WaterConnection156, _data$SewerageConnect150, _data$SewerageConnect151, _data$WaterConnection157, _data$WaterConnection158, _data$SewerageConnect152, _data$SewerageConnect153, _data$WaterConnection159, _data$WaterConnection160, _data$WaterConnection161, _data$WaterConnection162, _data$SewerageConnect154, _data$SewerageConnect155, _data$SewerageConnect156, _data$SewerageConnect157, _data$WaterConnection163, _data$WaterConnection164, _data$SewerageConnect158, _data$SewerageConnect159, _data$SewerageConnect160, _data$SewerageConnect161, _data$SewerageConnect162, _data$SewerageConnect163, _data$SewerageConnect164, _data$SewerageConnect165, _data$SewerageConnect166, _data$SewerageConnect167, _data$SewerageConnect168, _data$WaterConnection165, _data$WaterConnection166, _data$WaterConnection167, _data$WaterConnection168, _data$WaterConnection169, _data$WaterConnection170, _data$WaterConnection171, _data$WaterConnection172, _data$WaterConnection173;
+  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$WaterConnection7, _data$SewerageConnect5, _data$SewerageConnect6, _data$SewerageConnect7, _data$WaterConnection8, _data$WaterConnection9, _data$SewerageConnect8, _data$SewerageConnect9, _data$WaterConnection0, _data$WaterConnection1, _data$SewerageConnect0, _data$SewerageConnect1, _data$WaterConnection10, _data$WaterConnection11, _data$SewerageConnect10, _data$SewerageConnect11, _data$WaterConnection12, _data$SewerageConnect12, _PTData$Properties, _PTData$Properties$, _data$WaterConnection13, _data$WaterConnection14, _data$WaterConnection15, _data$WaterConnection16, _data$SewerageConnect13, _data$SewerageConnect14, _data$SewerageConnect15, _data$SewerageConnect16, _data$WaterConnection17, _data$WaterConnection18, _data$SewerageConnect17, _data$SewerageConnect18, _appDetailsData$appli, _data$WaterConnection37, _data$WaterConnection38, _data$SewerageConnect33, _data$SewerageConnect34, _data$WaterConnection39, _data$WaterConnection40, _data$SewerageConnect35, _data$SewerageConnect36, _data$WaterConnection41, _data$WaterConnection42, _data$SewerageConnect37, _data$SewerageConnect38, _data$WaterConnection43, _data$WaterConnection44, _data$SewerageConnect39, _data$SewerageConnect40, _data$WaterConnection45, _data$WaterConnection46, _data$SewerageConnect41, _data$WaterConnection47, _data$WaterConnection48, _data$SewerageConnect42, _data$SewerageConnect43, _data$WaterConnection49, _data$WaterConnection50, _data$SewerageConnect44, _data$SewerageConnect45, _data$WaterConnection51, _data$WaterConnection52, _data$SewerageConnect46, _data$SewerageConnect47, _data$WaterConnection53, _data$WaterConnection54, _data$SewerageConnect48, _data$SewerageConnect49, _data$WaterConnection55, _data$WaterConnection56, _data$SewerageConnect50, _data$SewerageConnect51, _data$WaterConnection57, _data$WaterConnection58, _data$SewerageConnect52, _data$SewerageConnect53, _data$WaterConnection59, _data$WaterConnection60, _data$SewerageConnect54, _data$SewerageConnect55, _data$WaterConnection61, _data$WaterConnection62, _data$SewerageConnect56, _data$SewerageConnect57, _data$WaterConnection63, _data$WaterConnection64, _data$SewerageConnect58, _data$SewerageConnect59, _data$WaterConnection65, _data$WaterConnection66, _data$SewerageConnect60, _data$SewerageConnect61, _data$WaterConnection67, _data$WaterConnection68, _data$WaterConnection69, _data$WaterConnection70, _data$SewerageConnect62, _data$SewerageConnect63, _data$SewerageConnect64, _data$SewerageConnect65, _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$WaterConnection71, _data$WaterConnection72, _data$WaterConnection73, _data$SewerageConnect66, _data$SewerageConnect67, _data$SewerageConnect68, _data$WaterConnection74, _data$WaterConnection75, _data$WaterConnection76, _data$WaterConnection77, _data$SewerageConnect69, _data$SewerageConnect70, _data$SewerageConnect71, _data$SewerageConnect72, _data$WaterConnection78, _data$WaterConnection79, _data$WaterConnection80, _data$WaterConnection81, _data$SewerageConnect73, _data$SewerageConnect74, _data$SewerageConnect75, _data$SewerageConnect76, _data$WaterConnection82, _data$WaterConnection83, _data$WaterConnection84, _data$WaterConnection85, _data$SewerageConnect77, _data$SewerageConnect78, _data$SewerageConnect79, _data$SewerageConnect80, _data$WaterConnection86, _data$WaterConnection87, _data$WaterConnection88, _data$WaterConnection89, _data$SewerageConnect81, _data$SewerageConnect82, _data$SewerageConnect83, _data$SewerageConnect84, _data$WaterConnection90, _data$WaterConnection91, _data$WaterConnection92, _data$WaterConnection93, _data$SewerageConnect85, _data$SewerageConnect86, _data$SewerageConnect87, _data$SewerageConnect88, _data$WaterConnection94, _data$WaterConnection95, _data$WaterConnection96, _data$WaterConnection97, _data$SewerageConnect89, _data$SewerageConnect90, _data$SewerageConnect91, _data$SewerageConnect92, _data$WaterConnection98, _data$WaterConnection99, _data$WaterConnection100, _data$WaterConnection101, _data$SewerageConnect93, _data$SewerageConnect94, _data$SewerageConnect95, _data$SewerageConnect96, _data$WaterConnection102, _data$WaterConnection103, _data$WaterConnection104, _data$WaterConnection105, _data$SewerageConnect97, _data$SewerageConnect98, _data$SewerageConnect99, _data$SewerageConnect100, _data$WaterConnection106, _data$WaterConnection107, _data$WaterConnection108, _data$WaterConnection109, _data$SewerageConnect101, _data$SewerageConnect102, _data$SewerageConnect103, _data$SewerageConnect104, _data$WaterConnection110, _data$WaterConnection111, _data$WaterConnection112, _data$WaterConnection113, _data$SewerageConnect105, _data$SewerageConnect106, _data$SewerageConnect107, _data$SewerageConnect108, _data$WaterConnection114, _data$WaterConnection115, _data$WaterConnection116, _data$WaterConnection117, _data$SewerageConnect109, _data$SewerageConnect110, _data$SewerageConnect111, _data$SewerageConnect112, _data$WaterConnection118, _data$WaterConnection119, _data$WaterConnection120, _data$WaterConnection121, _data$SewerageConnect113, _data$SewerageConnect114, _data$SewerageConnect115, _data$SewerageConnect116, _data$WaterConnection122, _data$WaterConnection123, _data$WaterConnection124, _data$WaterConnection125, _data$SewerageConnect117, _data$SewerageConnect118, _data$SewerageConnect119, _data$SewerageConnect120, _data$WaterConnection126, _data$WaterConnection127, _data$SewerageConnect121, _data$SewerageConnect122, _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$WaterConnection128, _data$WaterConnection129, _data$SewerageConnect123, _data$SewerageConnect124, _data$WaterConnection130, _data$WaterConnection131, _data$SewerageConnect125, _data$SewerageConnect126, _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$WaterConnection132, _data$WaterConnection133, _data$WaterConnection134, _data$WaterConnection135, _data$SewerageConnect127, _data$SewerageConnect128, _data$SewerageConnect129, _data$SewerageConnect130, _data$WaterConnection140, _data$WaterConnection141, _data$WaterConnection142, _data$WaterConnection143, _data$WaterConnection144, _data$WaterConnection145, _data$SewerageConnect135, _data$SewerageConnect136, _data$SewerageConnect137, _data$SewerageConnect138, _data$SewerageConnect139, _data$SewerageConnect140, _paymentDetails$data, _paymentDetails$data$, _paymentDetails$data$2, _paymentDetails$data2, _paymentDetails$data3, _paymentDetails$data4, _data$WaterConnection146, _data$WaterConnection147, _data$SewerageConnect141, _data$SewerageConnect142, _data$WaterConnection148, _data$WaterConnection149, _data$WaterConnection150, _data$SewerageConnect143, _data$SewerageConnect144, _data$SewerageConnect145, _PTData$Properties8, _PTData$Properties8$, _PTData$Properties8$$, _paymentDetails$data5, _paymentDetails$data6, _paymentDetails$data7, _data$WaterConnection151, _data$WaterConnection152, _data$WaterConnection153, _data$WaterConnection154, _data$SewerageConnect146, _data$SewerageConnect147, _data$SewerageConnect148, _data$SewerageConnect149, _data$WaterConnection155, _data$WaterConnection156, _data$SewerageConnect150, _data$SewerageConnect151, _data$WaterConnection157, _data$WaterConnection158, _data$SewerageConnect152, _data$SewerageConnect153, _data$WaterConnection159, _data$WaterConnection160, _data$SewerageConnect154, _data$SewerageConnect155, _data$WaterConnection161, _data$WaterConnection162, _data$WaterConnection163, _data$SewerageConnect156, _data$SewerageConnect157, _data$WaterConnection164, _data$WaterConnection165, _data$SewerageConnect158, _data$SewerageConnect159, _data$WaterConnection166, _data$WaterConnection167, _data$WaterConnection168, _data$WaterConnection169, _data$SewerageConnect160, _data$SewerageConnect161, _data$SewerageConnect162, _data$SewerageConnect163, _data$WaterConnection170, _data$WaterConnection171, _data$SewerageConnect164, _data$SewerageConnect165, _data$SewerageConnect166, _data$SewerageConnect167, _data$SewerageConnect168, _data$SewerageConnect169, _data$SewerageConnect170, _data$SewerageConnect171, _data$SewerageConnect172, _data$SewerageConnect173, _data$SewerageConnect174, _data$WaterConnection172, _data$WaterConnection173, _data$WaterConnection174, _data$WaterConnection175, _data$WaterConnection176, _data$WaterConnection177, _data$WaterConnection178, _data$WaterConnection179, _data$WaterConnection180;
   const getDisconnectionNoticeSearch = function () {
     try {
-      var _data$WaterConnection175, _data$WaterConnection176, _data$SewerageConnect170, _data$SewerageConnect171;
+      var _data$WaterConnection182, _data$WaterConnection183, _data$SewerageConnect176, _data$SewerageConnect177;
       let key = "ws-waterdisconnectionnotice";
       let details = {};
       if (applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS")) {
-        var _data$WaterConnection174, _PTData$Properties9;
+        var _data$WaterConnection181, _PTData$Properties9;
         details = {
-          WaterConnection: [_extends({}, data === null || data === void 0 ? void 0 : (_data$WaterConnection174 = data.WaterConnection) === null || _data$WaterConnection174 === void 0 ? void 0 : _data$WaterConnection174[0], {
+          WaterConnection: [_extends({}, data === null || data === void 0 ? void 0 : (_data$WaterConnection181 = data.WaterConnection) === null || _data$WaterConnection181 === void 0 ? void 0 : _data$WaterConnection181[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$SewerageConnect169, _PTData$Properties0;
+        var _data$SewerageConnect175, _PTData$Properties0;
         key = "ws-seweragedisconnectionnotice";
         details = {
-          SewerageConnection: [_extends({}, data === null || data === void 0 ? void 0 : (_data$SewerageConnect169 = data.SewerageConnections) === null || _data$SewerageConnect169 === void 0 ? void 0 : _data$SewerageConnect169[0], {
+          SewerageConnection: [_extends({}, data === null || data === void 0 ? void 0 : (_data$SewerageConnect175 = data.SewerageConnections) === null || _data$SewerageConnect175 === void 0 ? void 0 : _data$SewerageConnect175[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$WaterConnection175 = data.WaterConnection) === null || _data$WaterConnection175 === void 0 ? void 0 : (_data$WaterConnection176 = _data$WaterConnection175[0]) === null || _data$WaterConnection176 === void 0 ? void 0 : _data$WaterConnection176.tenantId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect170 = data.SewerageConnections) === null || _data$SewerageConnect170 === void 0 ? void 0 : (_data$SewerageConnect171 = _data$SewerageConnect170[0]) === null || _data$SewerageConnect171 === void 0 ? void 0 : _data$SewerageConnect171.tenantId), details, key)).then(function (response) {
-        var _data$WaterConnection177, _data$WaterConnection178, _data$SewerageConnect172, _data$SewerageConnect173;
-        return Promise.resolve(Digit.PaymentService.printReciept((data === null || data === void 0 ? void 0 : (_data$WaterConnection177 = data.WaterConnection) === null || _data$WaterConnection177 === void 0 ? void 0 : (_data$WaterConnection178 = _data$WaterConnection177[0]) === null || _data$WaterConnection178 === void 0 ? void 0 : _data$WaterConnection178.tenantId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect172 = data.SewerageConnections) === null || _data$SewerageConnect172 === void 0 ? void 0 : (_data$SewerageConnect173 = _data$SewerageConnect172[0]) === null || _data$SewerageConnect173 === void 0 ? void 0 : _data$SewerageConnect173.tenantId), {
+      return Promise.resolve(Digit.WSService.WSDisconnectionNotice((data === null || data === void 0 ? void 0 : (_data$WaterConnection182 = data.WaterConnection) === null || _data$WaterConnection182 === void 0 ? void 0 : (_data$WaterConnection183 = _data$WaterConnection182[0]) === null || _data$WaterConnection183 === void 0 ? void 0 : _data$WaterConnection183.tenantId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect176 = data.SewerageConnections) === null || _data$SewerageConnect176 === void 0 ? void 0 : (_data$SewerageConnect177 = _data$SewerageConnect176[0]) === null || _data$SewerageConnect177 === void 0 ? void 0 : _data$SewerageConnect177.tenantId), details, key)).then(function (response) {
+        var _data$WaterConnection184, _data$WaterConnection185, _data$SewerageConnect178, _data$SewerageConnect179;
+        return Promise.resolve(Digit.PaymentService.printReciept((data === null || data === void 0 ? void 0 : (_data$WaterConnection184 = data.WaterConnection) === null || _data$WaterConnection184 === void 0 ? void 0 : (_data$WaterConnection185 = _data$WaterConnection184[0]) === null || _data$WaterConnection185 === void 0 ? void 0 : _data$WaterConnection185.tenantId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect178 = data.SewerageConnections) === null || _data$SewerageConnect178 === void 0 ? void 0 : (_data$SewerageConnect179 = _data$SewerageConnect178[0]) === null || _data$SewerageConnect179 === void 0 ? void 0 : _data$SewerageConnect179.tenantId), {
           fileStoreIds: response.filestoreIds[0]
         })).then(function (fileStore) {
           window.open(fileStore[response === null || response === void 0 ? void 0 : response.filestoreIds[0]], "_blank");
@@ -32009,7 +32005,7 @@ const WSApplicationDetails = () => {
     }
   }) || false;
   const applicationStatus = (data === null || data === void 0 ? void 0 : (_data$WaterConnection17 = data.WaterConnection) === null || _data$WaterConnection17 === void 0 ? void 0 : (_data$WaterConnection18 = _data$WaterConnection17[0]) === null || _data$WaterConnection18 === void 0 ? void 0 : _data$WaterConnection18.applicationStatus) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect17 = data.SewerageConnections) === null || _data$SewerageConnect17 === void 0 ? void 0 : (_data$SewerageConnect18 = _data$SewerageConnect17[0]) === null || _data$SewerageConnect18 === void 0 ? void 0 : _data$SewerageConnect18.applicationStatus);
-  const isPaid = applicationStatus && applicationStatus !== "INITIATED" && applicationStatus !== "PENDING_FOR_PAYMENT" && applicationStatus !== "PENDING_FOR_FINAL_PAYMENT" && applicationStatus !== "PENDING_FOR_ADDITIONAL_PAYMENT" ? true : false;
+  const isPaid = applicationStatus && applicationStatus !== "INITIATED" && applicationStatus !== "PENDING_APPROVAL_FOR_MUTATION" && applicationStatus !== "PENDING_FOR_PAYMENT" && applicationStatus !== "PENDING_FOR_FINAL_PAYMENT" && applicationStatus !== "PENDING_FOR_ADDITIONAL_PAYMENT" && applicationStatus !== "PENDING_FOR_CITIZEN_ACTION" ? 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;
@@ -32161,16 +32157,13 @@ const WSApplicationDetails = () => {
   let serviceType = data && data !== null && data !== void 0 && (_data$WaterConnection45 = data.WaterConnection) !== null && _data$WaterConnection45 !== void 0 && _data$WaterConnection45[0] ? "WATER" : "SEWERAGE";
   sessionStorage.setItem("ApplicationNoState", applicationNobyData);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "employee-main-application-details",
-    style: {
-      display: "flex",
-      gap: "20px"
-    }
+    className: "employee-main-application-details"
   }, /*#__PURE__*/React.createElement("div", {
     className: "workflow-timeline-wrapper no-scrollbar",
     style: {
-      flex: "1 1 300px",
-      maxWidth: "400px"
+      flex: "1 1 280px",
+      maxWidth: "400px",
+      minWidth: "240px"
     }
   }, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement("div", {
     id: "timeline"
@@ -32180,7 +32173,8 @@ const WSApplicationDetails = () => {
     paymentbuttonenabled: false
   })))), /*#__PURE__*/React.createElement("div", {
     style: {
-      flex: "2 1 500px"
+      flex: "2 1 300px",
+      minWidth: 0
     }
   }, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement("div", {
     className: "cardHeaderWithOptions",
@@ -32670,27 +32664,28 @@ const WSApplicationDetails = () => {
     label: t("MAKE_PAYMENT")
   })) : null, !(data !== null && data !== void 0 && (_data$WaterConnection151 = data.WaterConnection) !== null && _data$WaterConnection151 !== void 0 && (_data$WaterConnection152 = _data$WaterConnection151[0]) !== null && _data$WaterConnection152 !== void 0 && _data$WaterConnection152.applicationType.includes("DISCONNECT")) && data !== null && data !== void 0 && (_data$WaterConnection153 = data.WaterConnection) !== null && _data$WaterConnection153 !== void 0 && (_data$WaterConnection154 = _data$WaterConnection153[0]) !== null && _data$WaterConnection154 !== void 0 && _data$WaterConnection154.applicationStatus.includes("PENDING_FOR_CITIZEN_ACTION") || !(data !== null && data !== void 0 && (_data$SewerageConnect146 = data.SewerageConnections) !== null && _data$SewerageConnect146 !== void 0 && (_data$SewerageConnect147 = _data$SewerageConnect146[0]) !== null && _data$SewerageConnect147 !== void 0 && _data$SewerageConnect147.applicationType.includes("DISCONNECT")) && data !== null && data !== void 0 && (_data$SewerageConnect148 = data.SewerageConnections) !== null && _data$SewerageConnect148 !== void 0 && (_data$SewerageConnect149 = _data$SewerageConnect148[0]) !== null && _data$SewerageConnect149 !== void 0 && _data$SewerageConnect149.applicationStatus.includes("PENDING_FOR_CITIZEN_ACTION") ? /*#__PURE__*/React.createElement(Link, {
     to: {
-      pathname: "/digit-ui/citizen/ws/edit-application/" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection155 = data.WaterConnection) === null || _data$WaterConnection155 === void 0 ? void 0 : (_data$WaterConnection156 = _data$WaterConnection155[0]) === null || _data$WaterConnection156 === void 0 ? void 0 : _data$WaterConnection156.tenantId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect150 = data.SewerageConnections) === null || _data$SewerageConnect150 === void 0 ? void 0 : (_data$SewerageConnect151 = _data$SewerageConnect150[0]) === null || _data$SewerageConnect151 === void 0 ? void 0 : _data$SewerageConnect151.tenantId)),
+      pathname: isMutation ? "/digit-ui/citizen/ws/mutation-application" : "/digit-ui/citizen/ws/edit-application/" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection155 = data.WaterConnection) === null || _data$WaterConnection155 === void 0 ? void 0 : (_data$WaterConnection156 = _data$WaterConnection155[0]) === null || _data$WaterConnection156 === void 0 ? void 0 : _data$WaterConnection156.tenantId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect150 = data.SewerageConnections) === null || _data$SewerageConnect150 === void 0 ? void 0 : (_data$SewerageConnect151 = _data$SewerageConnect150[0]) === null || _data$SewerageConnect151 === void 0 ? void 0 : _data$SewerageConnect151.tenantId)),
+      search: isMutation ? "?applicationNumber=" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection157 = data.WaterConnection) === null || _data$WaterConnection157 === void 0 ? void 0 : (_data$WaterConnection158 = _data$WaterConnection157[0]) === null || _data$WaterConnection158 === void 0 ? void 0 : _data$WaterConnection158.applicationNo) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect152 = data.SewerageConnections) === null || _data$SewerageConnect152 === void 0 ? void 0 : (_data$SewerageConnect153 = _data$SewerageConnect152[0]) === null || _data$SewerageConnect153 === void 0 ? void 0 : _data$SewerageConnect153.applicationNo)) + "&tenantId=" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection159 = data.WaterConnection) === null || _data$WaterConnection159 === void 0 ? void 0 : (_data$WaterConnection160 = _data$WaterConnection159[0]) === null || _data$WaterConnection160 === void 0 ? void 0 : _data$WaterConnection160.tenantId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect154 = data.SewerageConnections) === null || _data$SewerageConnect154 === void 0 ? void 0 : (_data$SewerageConnect155 = _data$SewerageConnect154[0]) === null || _data$SewerageConnect155 === void 0 ? void 0 : _data$SewerageConnect155.tenantId)) + "&service=" + (data !== null && data !== void 0 && (_data$WaterConnection161 = data.WaterConnection) !== null && _data$WaterConnection161 !== void 0 && _data$WaterConnection161[0] ? "WATER" : "SEWERAGE") + "&propertyId=" + ((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.propertyId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect156 = data.SewerageConnections) === null || _data$SewerageConnect156 === void 0 ? void 0 : (_data$SewerageConnect157 = _data$SewerageConnect156[0]) === null || _data$SewerageConnect157 === void 0 ? void 0 : _data$SewerageConnect157.propertyId)) : "",
       state: {
-        id: "" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection157 = data.WaterConnection) === null || _data$WaterConnection157 === void 0 ? void 0 : (_data$WaterConnection158 = _data$WaterConnection157[0]) === null || _data$WaterConnection158 === void 0 ? void 0 : _data$WaterConnection158.applicationNo) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect152 = data.SewerageConnections) === null || _data$SewerageConnect152 === void 0 ? void 0 : (_data$SewerageConnect153 = _data$SewerageConnect152[0]) === null || _data$SewerageConnect153 === void 0 ? void 0 : _data$SewerageConnect153.applicationNo))
+        id: "" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection164 = data.WaterConnection) === null || _data$WaterConnection164 === void 0 ? void 0 : (_data$WaterConnection165 = _data$WaterConnection164[0]) === null || _data$WaterConnection165 === void 0 ? void 0 : _data$WaterConnection165.applicationNo) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect158 = data.SewerageConnections) === null || _data$SewerageConnect158 === void 0 ? void 0 : (_data$SewerageConnect159 = _data$SewerageConnect158[0]) === null || _data$SewerageConnect159 === void 0 ? void 0 : _data$SewerageConnect159.applicationNo))
       }
     }
   }, /*#__PURE__*/React.createElement(SubmitBar, {
     label: t("COMMON_EDIT")
-  })) : null, data !== null && data !== void 0 && (_data$WaterConnection159 = data.WaterConnection) !== null && _data$WaterConnection159 !== void 0 && (_data$WaterConnection160 = _data$WaterConnection159[0]) !== null && _data$WaterConnection160 !== void 0 && _data$WaterConnection160.applicationType.includes("DISCONNECT") && data !== null && data !== void 0 && (_data$WaterConnection161 = data.WaterConnection) !== null && _data$WaterConnection161 !== void 0 && (_data$WaterConnection162 = _data$WaterConnection161[0]) !== null && _data$WaterConnection162 !== void 0 && _data$WaterConnection162.applicationStatus.includes("PENDING_FOR_CITIZEN_ACTION") || data !== null && data !== void 0 && (_data$SewerageConnect154 = data.SewerageConnections) !== null && _data$SewerageConnect154 !== void 0 && (_data$SewerageConnect155 = _data$SewerageConnect154[0]) !== null && _data$SewerageConnect155 !== void 0 && _data$SewerageConnect155.applicationType.includes("DISCONNECT") && data !== null && data !== void 0 && (_data$SewerageConnect156 = data.SewerageConnections) !== null && _data$SewerageConnect156 !== void 0 && (_data$SewerageConnect157 = _data$SewerageConnect156[0]) !== null && _data$SewerageConnect157 !== void 0 && _data$SewerageConnect157.applicationStatus.includes("PENDING_FOR_CITIZEN_ACTION") ? /*#__PURE__*/React.createElement(Link, {
+  })) : null, data !== null && data !== void 0 && (_data$WaterConnection166 = data.WaterConnection) !== null && _data$WaterConnection166 !== void 0 && (_data$WaterConnection167 = _data$WaterConnection166[0]) !== null && _data$WaterConnection167 !== void 0 && _data$WaterConnection167.applicationType.includes("DISCONNECT") && data !== null && data !== void 0 && (_data$WaterConnection168 = data.WaterConnection) !== null && _data$WaterConnection168 !== void 0 && (_data$WaterConnection169 = _data$WaterConnection168[0]) !== null && _data$WaterConnection169 !== void 0 && _data$WaterConnection169.applicationStatus.includes("PENDING_FOR_CITIZEN_ACTION") || 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.applicationType.includes("DISCONNECT") && data !== null && data !== void 0 && (_data$SewerageConnect162 = data.SewerageConnections) !== null && _data$SewerageConnect162 !== void 0 && (_data$SewerageConnect163 = _data$SewerageConnect162[0]) !== null && _data$SewerageConnect163 !== void 0 && _data$SewerageConnect163.applicationStatus.includes("PENDING_FOR_CITIZEN_ACTION") ? /*#__PURE__*/React.createElement(Link, {
     to: {
       pathname: "/digit-ui/citizen/ws/resubmit-disconnect-application",
       state: {
-        id: "" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection163 = data.WaterConnection) === null || _data$WaterConnection163 === void 0 ? void 0 : (_data$WaterConnection164 = _data$WaterConnection163[0]) === null || _data$WaterConnection164 === void 0 ? void 0 : _data$WaterConnection164.applicationNo) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect158 = data.SewerageConnections) === null || _data$SewerageConnect158 === void 0 ? void 0 : (_data$SewerageConnect159 = _data$SewerageConnect158[0]) === null || _data$SewerageConnect159 === void 0 ? void 0 : _data$SewerageConnect159.applicationNo))
+        id: "" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection170 = data.WaterConnection) === null || _data$WaterConnection170 === void 0 ? void 0 : (_data$WaterConnection171 = _data$WaterConnection170[0]) === null || _data$WaterConnection171 === void 0 ? void 0 : _data$WaterConnection171.applicationNo) || (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.applicationNo))
       }
     }
   }, /*#__PURE__*/React.createElement(SubmitBar, {
     label: t("RESUBMIT_APPLICATION"),
     onSubmit: Digit.SessionStorage.set("WS_DISCONNECTION", applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("SW") ? {
-      applicationData: data === null || data === void 0 ? void 0 : (_data$SewerageConnect160 = data.SewerageConnections) === null || _data$SewerageConnect160 === void 0 ? void 0 : _data$SewerageConnect160[0],
+      applicationData: data === null || data === void 0 ? void 0 : (_data$SewerageConnect166 = data.SewerageConnections) === null || _data$SewerageConnect166 === void 0 ? void 0 : _data$SewerageConnect166[0],
       serviceType: "SEWERAGE",
       WSDisconnectionForm: {
-        type: data !== null && data !== void 0 && (_data$SewerageConnect161 = data.SewerageConnections) !== null && _data$SewerageConnect161 !== void 0 && (_data$SewerageConnect162 = _data$SewerageConnect161[0]) !== null && _data$SewerageConnect162 !== void 0 && _data$SewerageConnect162.isDisconnectionTemporary ? {
+        type: data !== null && data !== void 0 && (_data$SewerageConnect167 = data.SewerageConnections) !== null && _data$SewerageConnect167 !== void 0 && (_data$SewerageConnect168 = _data$SewerageConnect167[0]) !== null && _data$SewerageConnect168 !== void 0 && _data$SewerageConnect168.isDisconnectionTemporary ? {
           code: "type",
           value: {
             name: "Temporary",
@@ -32707,18 +32702,18 @@ const WSApplicationDetails = () => {
             code: "Permanent"
           }
         },
-        date: convertEpochToDateDMY(data === null || data === void 0 ? void 0 : (_data$SewerageConnect163 = data.SewerageConnections) === null || _data$SewerageConnect163 === void 0 ? void 0 : (_data$SewerageConnect164 = _data$SewerageConnect163[0]) === null || _data$SewerageConnect164 === void 0 ? void 0 : _data$SewerageConnect164.dateEffectiveFrom, true),
+        date: convertEpochToDateDMY(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.dateEffectiveFrom, true),
         reason: {
           code: "reason",
-          value: data === null || data === void 0 ? void 0 : (_data$SewerageConnect165 = data.SewerageConnections) === null || _data$SewerageConnect165 === void 0 ? void 0 : (_data$SewerageConnect166 = _data$SewerageConnect165[0]) === null || _data$SewerageConnect166 === void 0 ? void 0 : _data$SewerageConnect166.disconnectionReason
+          value: 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.disconnectionReason
         },
-        documents: 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.documents
+        documents: data === null || data === void 0 ? void 0 : (_data$SewerageConnect173 = data.SewerageConnections) === null || _data$SewerageConnect173 === void 0 ? void 0 : (_data$SewerageConnect174 = _data$SewerageConnect173[0]) === null || _data$SewerageConnect174 === void 0 ? void 0 : _data$SewerageConnect174.documents
       }
     } : {
-      applicationData: data === null || data === void 0 ? void 0 : (_data$WaterConnection165 = data.WaterConnection) === null || _data$WaterConnection165 === void 0 ? void 0 : _data$WaterConnection165[0],
+      applicationData: data === null || data === void 0 ? void 0 : (_data$WaterConnection172 = data.WaterConnection) === null || _data$WaterConnection172 === void 0 ? void 0 : _data$WaterConnection172[0],
       serviceType: "WATER",
       WSDisconnectionForm: {
-        type: data !== null && data !== void 0 && (_data$WaterConnection166 = data.WaterConnection) !== null && _data$WaterConnection166 !== void 0 && (_data$WaterConnection167 = _data$WaterConnection166[0]) !== null && _data$WaterConnection167 !== void 0 && _data$WaterConnection167.isDisconnectionTemporary ? {
+        type: data !== null && data !== void 0 && (_data$WaterConnection173 = data.WaterConnection) !== null && _data$WaterConnection173 !== void 0 && (_data$WaterConnection174 = _data$WaterConnection173[0]) !== null && _data$WaterConnection174 !== void 0 && _data$WaterConnection174.isDisconnectionTemporary ? {
           code: "type",
           value: {
             name: "Temporary",
@@ -32735,12 +32730,12 @@ const WSApplicationDetails = () => {
             code: "Permanent"
           }
         },
-        date: convertEpochToDateDMY(data === null || data === void 0 ? void 0 : (_data$WaterConnection168 = data.WaterConnection) === null || _data$WaterConnection168 === void 0 ? void 0 : (_data$WaterConnection169 = _data$WaterConnection168[0]) === null || _data$WaterConnection169 === void 0 ? void 0 : _data$WaterConnection169.dateEffectiveFrom, true),
+        date: convertEpochToDateDMY(data === null || data === void 0 ? void 0 : (_data$WaterConnection175 = data.WaterConnection) === null || _data$WaterConnection175 === void 0 ? void 0 : (_data$WaterConnection176 = _data$WaterConnection175[0]) === null || _data$WaterConnection176 === void 0 ? void 0 : _data$WaterConnection176.dateEffectiveFrom, true),
         reason: {
           code: "reason",
-          value: data === null || data === void 0 ? void 0 : (_data$WaterConnection170 = data.WaterConnection) === null || _data$WaterConnection170 === void 0 ? void 0 : (_data$WaterConnection171 = _data$WaterConnection170[0]) === null || _data$WaterConnection171 === void 0 ? void 0 : _data$WaterConnection171.disconnectionReason
+          value: data === null || data === void 0 ? void 0 : (_data$WaterConnection177 = data.WaterConnection) === null || _data$WaterConnection177 === void 0 ? void 0 : (_data$WaterConnection178 = _data$WaterConnection177[0]) === null || _data$WaterConnection178 === void 0 ? void 0 : _data$WaterConnection178.disconnectionReason
         },
-        documents: 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.documents
+        documents: data === null || data === void 0 ? void 0 : (_data$WaterConnection179 = data.WaterConnection) === null || _data$WaterConnection179 === void 0 ? void 0 : (_data$WaterConnection180 = _data$WaterConnection179[0]) === null || _data$WaterConnection180 === void 0 ? void 0 : _data$WaterConnection180.documents
       }
     })
   })) : null)))));
@@ -33083,7 +33078,7 @@ const getConnectionDetailsPDF = function (application, property, tenantInfo, t)
 };
 
 const ConnectionDetails$5 = () => {
-  var _Digit$SessionStorage, _user$info, _data$SewerageConnect, _data$SewerageConnect2, _data$WaterConnection, _data$WaterConnection2, _Object$keys, _connectionData$Water, _connectionData$Sewer, _data$WaterConnection3, _data$WaterConnection4, _data$WaterConnection5, _data$WaterConnection6, _data$WaterConnection7, _data$WaterConnection8, _data$WaterConnection9, _data$WaterConnection0, _data$SewerageConnect3, _data$SewerageConnect4, _data$SewerageConnect5, _data$SewerageConnect6, _state, _state$applicationNo, _state2, _state5, _state6, _state6$applicationTy, _state7, _state8, _state9, _state0, _state0$applicationTy, _state1, _state10, _state11, _state12, _state12$applicationT, _state13, _state14, _state15, _state16, _state17, _state17$applicationT, _state18, _state18$waterSource, _state18$waterSource$, _state19, _state20, _state20$waterSource, _state20$waterSource$, _state21, _state22, _state23, _state24, _state24$additionalDe, _state25, _state25$applicationT, _state26, _state26$additionalDe, _state26$additionalDe2, _state27, _state27$additionalDe, _state27$additionalDe2, _state28, _state28$additionalDe, _state29, _state29$additionalDe, _state30, _state30$additionalDe, _state30$additionalDe2, _state31, _state31$additionalDe, _state32, _state33, _state34, _state35, _state35$property, _state35$property$own, _PTData$Properties2, _PTData$Properties2$, _PTData$Properties3, _PTData$Properties3$, _PTData$Properties3$$, _PTData$Properties3$$2, _PTData$Properties4, _PTData$Properties4$, _user$info2, _user$info2$userName, _user$info3, _user$info4, _state36, _state36$additionalDe, _state36$additionalDe2, _state37, _state37$additionalDe, _state37$additionalDe2, _state38, _state38$additionalDe, _state39, _state39$additionalDe, _state40, _state40$additionalDe, _state41, _state41$additionalDe, _state42, _state42$additionalDe, _state43, _state44, _state45, _state46, _state46$connectionHo, _state46$connectionHo2, _data$WaterConnection16, _data$WaterConnection17, _data$WaterConnection18, _data$WaterConnection19, _data$SewerageConnect0, _data$SewerageConnect1, _data$SewerageConnect10, _data$SewerageConnect11, _data$WaterConnection20, _data$WaterConnection21, _data$WaterConnection22, _data$WaterConnection23, _data$SewerageConnect12, _data$SewerageConnect13, _data$SewerageConnect14, _data$SewerageConnect15, _data$WaterConnection24, _data$WaterConnection25, _data$WaterConnection26, _data$WaterConnection27, _data$SewerageConnect16, _data$SewerageConnect17, _data$SewerageConnect18, _data$SewerageConnect19, _data$WaterConnection28, _data$WaterConnection29, _data$WaterConnection30, _data$WaterConnection31, _data$SewerageConnect20, _data$SewerageConnect21, _data$SewerageConnect22, _data$SewerageConnect23, _data$WaterConnection32, _data$WaterConnection33, _data$WaterConnection34, _data$WaterConnection35, _data$SewerageConnect24, _data$SewerageConnect25, _data$SewerageConnect26, _data$SewerageConnect27, _data$WaterConnection36, _data$WaterConnection37, _data$WaterConnection38, _data$WaterConnection39, _data$SewerageConnect28, _data$SewerageConnect29, _data$SewerageConnect30, _data$SewerageConnect31, _data$WaterConnection40, _data$WaterConnection41, _data$WaterConnection42, _data$WaterConnection43, _data$SewerageConnect32, _data$SewerageConnect33, _data$SewerageConnect34, _data$SewerageConnect35, _data$WaterConnection44, _data$WaterConnection45, _data$WaterConnection46, _data$WaterConnection47, _data$SewerageConnect36, _data$SewerageConnect37, _data$SewerageConnect38, _data$SewerageConnect39, _data$WaterConnection48, _data$WaterConnection49, _data$WaterConnection50, _data$WaterConnection51, _data$SewerageConnect40, _data$SewerageConnect41, _data$SewerageConnect42, _data$SewerageConnect43, _data$WaterConnection52, _data$WaterConnection53, _data$WaterConnection54, _data$WaterConnection55, _data$SewerageConnect44, _data$SewerageConnect45, _data$SewerageConnect46, _data$SewerageConnect47, _state47, _state47$additionalDe, _state48, _state48$additionalDe, _state49, _state49$additionalDe, _state50, _state50$additionalDe, _state51, _state51$additionalDe, _state52, _state53, _state56, _state57, _state58, _state59, _state60, _state61, _paymentDetails$data17, _paymentDetails$data18;
+  var _Digit$SessionStorage, _user$info, _data$SewerageConnect, _data$SewerageConnect2, _data$WaterConnection, _data$WaterConnection2, _Object$keys, _connectionData$Water, _connectionData$Sewer, _data$WaterConnection3, _data$WaterConnection4, _data$WaterConnection5, _data$WaterConnection6, _data$WaterConnection7, _data$WaterConnection8, _data$WaterConnection9, _data$WaterConnection0, _data$SewerageConnect3, _data$SewerageConnect4, _data$SewerageConnect5, _data$SewerageConnect6, _state, _state$applicationNo, _state2, _state3, _state4, _state4$applicationTy, _state5, _state6, _state7, _state8, _state8$applicationTy, _state9, _state0, _state1, _state10, _state10$applicationT, _state11, _state12, _state13, _state14, _state15, _state15$applicationT, _state16, _state16$waterSource, _state16$waterSource$, _state17, _state18, _state18$waterSource, _state18$waterSource$, _state19, _state20, _state21, _state22, _state22$additionalDe, _state23, _state23$applicationT, _state24, _state24$additionalDe, _state24$additionalDe2, _state25, _state25$additionalDe, _state25$additionalDe2, _state26, _state26$additionalDe, _state27, _state27$additionalDe, _state28, _state28$additionalDe, _state28$additionalDe2, _state29, _state29$additionalDe, _state30, _state31, _state32, _state33, _state33$property, _state33$property$own, _PTData$Properties2, _PTData$Properties2$, _PTData$Properties3, _PTData$Properties3$, _PTData$Properties3$$, _PTData$Properties3$$2, _PTData$Properties4, _PTData$Properties4$, _user$info2, _user$info2$userName, _user$info3, _user$info4, _state34, _state34$additionalDe, _state34$additionalDe2, _state35, _state35$additionalDe, _state35$additionalDe2, _state36, _state36$additionalDe, _state37, _state37$additionalDe, _state38, _state38$additionalDe, _state39, _state39$additionalDe, _state40, _state40$additionalDe, _state41, _state42, _state43, _state44, _state44$connectionHo, _state44$connectionHo2, _data$WaterConnection16, _data$WaterConnection17, _data$WaterConnection18, _data$WaterConnection19, _data$SewerageConnect0, _data$SewerageConnect1, _data$SewerageConnect10, _data$SewerageConnect11, _data$WaterConnection20, _data$WaterConnection21, _data$WaterConnection22, _data$WaterConnection23, _data$SewerageConnect12, _data$SewerageConnect13, _data$SewerageConnect14, _data$SewerageConnect15, _data$WaterConnection24, _data$WaterConnection25, _data$WaterConnection26, _data$WaterConnection27, _data$SewerageConnect16, _data$SewerageConnect17, _data$SewerageConnect18, _data$SewerageConnect19, _data$WaterConnection28, _data$WaterConnection29, _data$WaterConnection30, _data$WaterConnection31, _data$SewerageConnect20, _data$SewerageConnect21, _data$SewerageConnect22, _data$SewerageConnect23, _data$WaterConnection32, _data$WaterConnection33, _data$WaterConnection34, _data$WaterConnection35, _data$SewerageConnect24, _data$SewerageConnect25, _data$SewerageConnect26, _data$SewerageConnect27, _data$WaterConnection36, _data$WaterConnection37, _data$WaterConnection38, _data$WaterConnection39, _data$SewerageConnect28, _data$SewerageConnect29, _data$SewerageConnect30, _data$SewerageConnect31, _data$WaterConnection40, _data$WaterConnection41, _data$WaterConnection42, _data$WaterConnection43, _data$SewerageConnect32, _data$SewerageConnect33, _data$SewerageConnect34, _data$SewerageConnect35, _data$WaterConnection44, _data$WaterConnection45, _data$WaterConnection46, _data$WaterConnection47, _data$SewerageConnect36, _data$SewerageConnect37, _data$SewerageConnect38, _data$SewerageConnect39, _data$WaterConnection48, _data$WaterConnection49, _data$WaterConnection50, _data$WaterConnection51, _data$SewerageConnect40, _data$SewerageConnect41, _data$SewerageConnect42, _data$SewerageConnect43, _data$WaterConnection52, _data$WaterConnection53, _data$WaterConnection54, _data$WaterConnection55, _data$SewerageConnect44, _data$SewerageConnect45, _data$SewerageConnect46, _data$SewerageConnect47, _state45, _state45$additionalDe, _state46, _state46$additionalDe, _state47, _state47$additionalDe, _state48, _state48$additionalDe, _state49, _state49$additionalDe, _state50, _state51, _state54, _state55, _state56, _state57, _state58, _state59, _paymentDetails$data17, _paymentDetails$data18;
   const _useTranslation = useTranslation(),
     t = _useTranslation.t;
   const menuRef = useRef();
@@ -33326,11 +33321,6 @@ const ConnectionDetails$5 = () => {
   function onActionSelectRestoration() {
     getRestorationButton();
   }
-  function onActionSelectMutation() {
-    var _state3, _state4;
-    let pathname = "/digit-ui/citizen/ws/mutation-application?applicationNumber=" + ((_state3 = state) === null || _state3 === void 0 ? void 0 : _state3.connectionNo) + "&service=" + (isSW ? "SEWERAGE" : "WATER") + "&propertyId=" + ((_state4 = state) === null || _state4 === void 0 ? void 0 : _state4.propertyId) + "&from=WS_COMMON_CONNECTION_DETAIL";
-    history.push(pathname);
-  }
   const Close = () => /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -33358,8 +33348,8 @@ const ConnectionDetails$5 = () => {
   if (isLoading || isPTLoading) {
     return /*#__PURE__*/React.createElement(Loader, null);
   }
-  sessionStorage.setItem("ApplicationNoState", (_state5 = state) === null || _state5 === void 0 ? void 0 : _state5.applicationNo);
-  let serviceType = (_state6 = state) !== null && _state6 !== void 0 && (_state6$applicationTy = _state6.applicationType) !== null && _state6$applicationTy !== void 0 && _state6$applicationTy.includes("WATER") ? "WATER" : "SEWERAGE";
+  sessionStorage.setItem("ApplicationNoState", (_state3 = state) === null || _state3 === void 0 ? void 0 : _state3.applicationNo);
+  let serviceType = (_state4 = state) !== null && _state4 !== void 0 && (_state4$applicationTy = _state4.applicationType) !== null && _state4$applicationTy !== void 0 && _state4$applicationTy.includes("WATER") ? "WATER" : "SEWERAGE";
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "cardHeaderWithOptions",
     style: {
@@ -33383,18 +33373,18 @@ const ConnectionDetails$5 = () => {
   }, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(StatusTable, null, /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     label: t("WS_MYCONNECTIONS_CONSUMER_NO"),
-    text: (_state7 = state) === null || _state7 === void 0 ? void 0 : _state7.connectionNo
+    text: (_state5 = state) === null || _state5 === void 0 ? void 0 : _state5.connectionNo
   }), /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     label: t("WS_SERVICE_NAME_LABEL"),
-    text: t("WS_APPLICATION_TYPE_" + ((_state8 = state) === null || _state8 === void 0 ? void 0 : _state8.applicationType)),
+    text: t("WS_APPLICATION_TYPE_" + ((_state6 = state) === null || _state6 === void 0 ? void 0 : _state6.applicationType)),
     textStyle: {
       wordBreak: "break-word"
     }
   }), /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     label: t("WS_STATUS"),
-    text: ((_state9 = state) === null || _state9 === void 0 ? void 0 : _state9.status) || "NA",
+    text: ((_state7 = state) === null || _state7 === void 0 ? void 0 : _state7.status) || "NA",
     textStyle: {
       whiteSpace: "pre"
     }
@@ -33402,127 +33392,127 @@ const ConnectionDetails$5 = () => {
     styles: {
       fontSize: "28px"
     }
-  }, t("WS_COMMON_CONNECTION_DETAIL")), /*#__PURE__*/React.createElement(StatusTable, null, ((_state0 = state) === null || _state0 === void 0 ? void 0 : (_state0$applicationTy = _state0.applicationType) === null || _state0$applicationTy === void 0 ? void 0 : _state0$applicationTy.includes("WATER")) && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Row, {
+  }, t("WS_COMMON_CONNECTION_DETAIL")), /*#__PURE__*/React.createElement(StatusTable, null, ((_state8 = state) === null || _state8 === void 0 ? void 0 : (_state8$applicationTy = _state8.applicationType) === null || _state8$applicationTy === void 0 ? void 0 : _state8$applicationTy.includes("WATER")) && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     label: t("WS_COMMON_TABLE_COL_CONNECTIONTYPE_LABEL"),
-    text: ((_state1 = state) === null || _state1 === void 0 ? void 0 : _state1.connectionType) || t("NA"),
+    text: ((_state9 = state) === null || _state9 === void 0 ? void 0 : _state9.connectionType) || t("NA"),
     textStyle: {
       whiteSpace: "pre"
     }
   }), /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     label: t("WS_SERV_DETAIL_NO_OF_TAPS"),
-    text: (_state10 = state) === null || _state10 === void 0 ? void 0 : _state10.noOfTaps,
+    text: (_state0 = state) === null || _state0 === void 0 ? void 0 : _state0.noOfTaps,
     textStyle: {
       whiteSpace: "pre"
     }
   }), /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     label: t("WS_PIPE_SIZE_IN_INCHES_LABEL"),
-    text: ((_state11 = state) === null || _state11 === void 0 ? void 0 : _state11.pipeSize) || "NA",
+    text: ((_state1 = state) === null || _state1 === void 0 ? void 0 : _state1.pipeSize) || "NA",
     textStyle: {
       whiteSpace: "pre"
     }
-  })), ((_state12 = state) === null || _state12 === void 0 ? void 0 : (_state12$applicationT = _state12.applicationType) === null || _state12$applicationT === void 0 ? void 0 : _state12$applicationT.includes("SEWERAGE")) && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Row, {
+  })), ((_state10 = state) === null || _state10 === void 0 ? void 0 : (_state10$applicationT = _state10.applicationType) === null || _state10$applicationT === void 0 ? void 0 : _state10$applicationT.includes("SEWERAGE")) && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     label: t("WS_CONN_DETAIL_WATER_CLOSETS"),
-    text: (_state13 = state) === null || _state13 === void 0 ? void 0 : _state13.proposedWaterClosets,
+    text: (_state11 = state) === null || _state11 === void 0 ? void 0 : _state11.proposedWaterClosets,
     textStyle: {
       whiteSpace: "pre"
     }
   }), /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     label: t("WS_SERV_DETAIL_NO_OF_TOILETS"),
-    text: ((_state14 = state) === null || _state14 === void 0 ? void 0 : _state14.proposedToilets) || t("CS_NA"),
+    text: ((_state12 = state) === null || _state12 === void 0 ? void 0 : _state12.proposedToilets) || t("CS_NA"),
     textStyle: {
       whiteSpace: "pre"
     }
   }), /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     label: t("WS_SERV_DETAIL_CONN_EXECUTION_DATE"),
-    text: (_state15 = state) !== null && _state15 !== void 0 && _state15.connectionExecutionDate ? Digit.DateUtils.ConvertEpochToDate((_state16 = state) === null || _state16 === void 0 ? void 0 : _state16.connectionExecutionDate) : t("CS_NA"),
+    text: (_state13 = state) !== null && _state13 !== void 0 && _state13.connectionExecutionDate ? Digit.DateUtils.ConvertEpochToDate((_state14 = state) === null || _state14 === void 0 ? void 0 : _state14.connectionExecutionDate) : t("CS_NA"),
     textStyle: {
       whiteSpace: "pre"
     }
-  })), ((_state17 = state) === null || _state17 === void 0 ? void 0 : (_state17$applicationT = _state17.applicationType) === null || _state17$applicationT === void 0 ? void 0 : _state17$applicationT.includes("WATER")) && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Row, {
+  })), ((_state15 = state) === null || _state15 === void 0 ? void 0 : (_state15$applicationT = _state15.applicationType) === null || _state15$applicationT === void 0 ? void 0 : _state15$applicationT.includes("WATER")) && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     label: t("WS_SERV_DETAIL_WATER_SOURCE"),
-    text: t("WS_SERVICES_MASTERS_WATERSOURCE_" + stringReplaceAll((_state18 = state) === null || _state18 === void 0 ? void 0 : (_state18$waterSource = _state18.waterSource) === null || _state18$waterSource === void 0 ? void 0 : (_state18$waterSource$ = _state18$waterSource.split(".")) === null || _state18$waterSource$ === void 0 ? void 0 : _state18$waterSource$[0], ".", "_")) || t("WS_SERVICES_MASTERS_WATERSOURCE_" + stringReplaceAll((_state19 = state) === null || _state19 === void 0 ? void 0 : _state19.waterSource, ".", "_")) || t("CS_NA"),
+    text: t("WS_SERVICES_MASTERS_WATERSOURCE_" + stringReplaceAll((_state16 = state) === null || _state16 === void 0 ? void 0 : (_state16$waterSource = _state16.waterSource) === null || _state16$waterSource === void 0 ? void 0 : (_state16$waterSource$ = _state16$waterSource.split(".")) === null || _state16$waterSource$ === void 0 ? void 0 : _state16$waterSource$[0], ".", "_")) || t("WS_SERVICES_MASTERS_WATERSOURCE_" + stringReplaceAll((_state17 = state) === null || _state17 === void 0 ? void 0 : _state17.waterSource, ".", "_")) || t("CS_NA"),
     textStyle: {
       whiteSpace: "pre"
     }
   }), /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     label: t("WS_SERV_DETAIL_WATER_SUB_SOURCE"),
-    text: t((_state20 = state) === null || _state20 === void 0 ? void 0 : (_state20$waterSource = _state20.waterSource) === null || _state20$waterSource === void 0 ? void 0 : (_state20$waterSource$ = _state20$waterSource.split(".")) === null || _state20$waterSource$ === void 0 ? void 0 : _state20$waterSource$[1]) || t("CS_NA"),
+    text: t((_state18 = state) === null || _state18 === void 0 ? void 0 : (_state18$waterSource = _state18.waterSource) === null || _state18$waterSource === void 0 ? void 0 : (_state18$waterSource$ = _state18$waterSource.split(".")) === null || _state18$waterSource$ === void 0 ? void 0 : _state18$waterSource$[1]) || t("CS_NA"),
     textStyle: {
       whiteSpace: "pre"
     }
   }), /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     label: t("WS_SERV_DETAIL_CONN_EXECUTION_DATE"),
-    text: Digit.DateUtils.ConvertEpochToDate((_state21 = state) === null || _state21 === void 0 ? void 0 : _state21.connectionExecutionDate) || t("NA"),
+    text: Digit.DateUtils.ConvertEpochToDate((_state19 = state) === null || _state19 === void 0 ? void 0 : _state19.connectionExecutionDate) || t("NA"),
     textStyle: {
       whiteSpace: "pre"
     }
   }), /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     label: t("WS_SERV_DETAIL_METER_ID"),
-    text: (_state22 = state) === null || _state22 === void 0 ? void 0 : _state22.meterId,
+    text: (_state20 = state) === null || _state20 === void 0 ? void 0 : _state20.meterId,
     textStyle: {
       whiteSpace: "pre"
     }
   }), /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     label: t("WS_ADDN_DETAIL_METER_INSTALL_DATE"),
-    text: Digit.DateUtils.ConvertEpochToDate((_state23 = state) === null || _state23 === void 0 ? void 0 : _state23.meterInstallationDate) || "NA",
+    text: Digit.DateUtils.ConvertEpochToDate((_state21 = state) === null || _state21 === void 0 ? void 0 : _state21.meterInstallationDate) || "NA",
     textStyle: {
       whiteSpace: "pre"
     }
   }), /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     label: t("WS_ADDN_DETAILS_INITIAL_METER_READING"),
-    text: ((_state24 = state) === null || _state24 === void 0 ? void 0 : (_state24$additionalDe = _state24.additionalDetails) === null || _state24$additionalDe === void 0 ? void 0 : _state24$additionalDe.initialMeterReading) || "NA",
+    text: ((_state22 = state) === null || _state22 === void 0 ? void 0 : (_state22$additionalDe = _state22.additionalDetails) === null || _state22$additionalDe === void 0 ? void 0 : _state22$additionalDe.initialMeterReading) || "NA",
     textStyle: {
       whiteSpace: "pre"
     }
-  })), ((_state25 = state) === null || _state25 === void 0 ? void 0 : (_state25$applicationT = _state25.applicationType) === null || _state25$applicationT === void 0 ? void 0 : _state25$applicationT.includes("WATER")) && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Row, {
+  })), ((_state23 = state) === null || _state23 === void 0 ? void 0 : (_state23$applicationT = _state23.applicationType) === null || _state23$applicationT === void 0 ? void 0 : _state23$applicationT.includes("WATER")) && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     label: t("WS_WATER_DEMAND_TYPE"),
-    text: (_state26 = state) !== null && _state26 !== void 0 && (_state26$additionalDe = _state26.additionalDetails) !== null && _state26$additionalDe !== void 0 && (_state26$additionalDe2 = _state26$additionalDe.waterDemandType) !== null && _state26$additionalDe2 !== void 0 && _state26$additionalDe2.i18nKey ? t((_state27 = state) === null || _state27 === void 0 ? void 0 : (_state27$additionalDe = _state27.additionalDetails) === null || _state27$additionalDe === void 0 ? void 0 : (_state27$additionalDe2 = _state27$additionalDe.waterDemandType) === null || _state27$additionalDe2 === void 0 ? void 0 : _state27$additionalDe2.i18nKey) : "NA",
+    text: (_state24 = state) !== null && _state24 !== void 0 && (_state24$additionalDe = _state24.additionalDetails) !== null && _state24$additionalDe !== void 0 && (_state24$additionalDe2 = _state24$additionalDe.waterDemandType) !== null && _state24$additionalDe2 !== void 0 && _state24$additionalDe2.i18nKey ? t((_state25 = state) === null || _state25 === void 0 ? void 0 : (_state25$additionalDe = _state25.additionalDetails) === null || _state25$additionalDe === void 0 ? void 0 : (_state25$additionalDe2 = _state25$additionalDe.waterDemandType) === null || _state25$additionalDe2 === void 0 ? void 0 : _state25$additionalDe2.i18nKey) : "NA",
     textStyle: {
       whiteSpace: "pre"
     }
   }), /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     label: t("WS_CATEGORY_TYPE"),
-    text: ((_state28 = state) === null || _state28 === void 0 ? void 0 : (_state28$additionalDe = _state28.additionalDetails) === null || _state28$additionalDe === void 0 ? void 0 : _state28$additionalDe.categoryType) || "NA",
+    text: ((_state26 = state) === null || _state26 === void 0 ? void 0 : (_state26$additionalDe = _state26.additionalDetails) === null || _state26$additionalDe === void 0 ? void 0 : _state26$additionalDe.categoryType) || "NA",
     textStyle: {
       whiteSpace: "pre"
     }
   }), /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     label: t("WS_ZRO_NAME"),
-    text: ((_state29 = state) === null || _state29 === void 0 ? void 0 : (_state29$additionalDe = _state29.additionalDetails) === null || _state29$additionalDe === void 0 ? void 0 : _state29$additionalDe.zro) || "NA",
+    text: ((_state27 = state) === null || _state27 === void 0 ? void 0 : (_state27$additionalDe = _state27.additionalDetails) === null || _state27$additionalDe === void 0 ? void 0 : _state27$additionalDe.zro) || "NA",
     textStyle: {
       whiteSpace: "pre"
     }
   }), /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     label: t("WS_CONNECTION_USAGE_TYPE"),
-    text: ((_state30 = state) === null || _state30 === void 0 ? void 0 : (_state30$additionalDe = _state30.additionalDetails) === null || _state30$additionalDe === void 0 ? void 0 : (_state30$additionalDe2 = _state30$additionalDe.WaterConnectionUsageType) === null || _state30$additionalDe2 === void 0 ? void 0 : _state30$additionalDe2.name) || "NA",
+    text: ((_state28 = state) === null || _state28 === void 0 ? void 0 : (_state28$additionalDe = _state28.additionalDetails) === null || _state28$additionalDe === void 0 ? void 0 : (_state28$additionalDe2 = _state28$additionalDe.WaterConnectionUsageType) === null || _state28$additionalDe2 === void 0 ? void 0 : _state28$additionalDe2.name) || "NA",
     textStyle: {
       whiteSpace: "pre"
     }
   }), /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     label: t("WS_TEMPORARY_CONNECTION"),
-    text: ((_state31 = state) === null || _state31 === void 0 ? void 0 : (_state31$additionalDe = _state31.additionalDetails) === null || _state31$additionalDe === void 0 ? void 0 : _state31$additionalDe.temporaryConnection) || "NA",
+    text: ((_state29 = state) === null || _state29 === void 0 ? void 0 : (_state29$additionalDe = _state29.additionalDetails) === null || _state29$additionalDe === void 0 ? void 0 : _state29$additionalDe.temporaryConnection) || "NA",
     textStyle: {
       whiteSpace: "pre"
     }
-  })), ((_state32 = state) === null || _state32 === void 0 ? void 0 : _state32.connectionType) === "Metered" && /*#__PURE__*/React.createElement(Link, {
-    to: "/digit-ui/citizen/ws/consumption/details?applicationNo=" + ((_state33 = state) === null || _state33 === void 0 ? void 0 : _state33.connectionNo)
+  })), ((_state30 = state) === null || _state30 === void 0 ? void 0 : _state30.connectionType) === "Metered" && /*#__PURE__*/React.createElement(Link, {
+    to: "/digit-ui/citizen/ws/consumption/details?applicationNo=" + ((_state31 = state) === null || _state31 === void 0 ? void 0 : _state31.connectionNo)
   }, /*#__PURE__*/React.createElement(LinkButton, {
     style: {
       textAlign: "left",
@@ -33537,11 +33527,11 @@ const ConnectionDetails$5 = () => {
   }, t("WS_COMMON_PROPERTY_DETAILS")), /*#__PURE__*/React.createElement(StatusTable, null, /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     label: t("WS_PROPERTY_ID_LABEL"),
-    text: (_state34 = state) === null || _state34 === void 0 ? void 0 : _state34.propertyId
+    text: (_state32 = state) === null || _state32 === void 0 ? void 0 : _state32.propertyId
   }), /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     label: t("WS_OWN_DETAIL_OWN_NAME_LABEL"),
-    text: (_state35 = state) === null || _state35 === void 0 ? void 0 : (_state35$property = _state35.property) === null || _state35$property === void 0 ? void 0 : (_state35$property$own = _state35$property.owners) === null || _state35$property$own === void 0 ? void 0 : _state35$property$own.map(owner => owner.name).join(","),
+    text: (_state33 = state) === null || _state33 === void 0 ? void 0 : (_state33$property = _state33.property) === null || _state33$property === void 0 ? void 0 : (_state33$property$own = _state33$property.owners) === null || _state33$property$own === void 0 ? void 0 : _state33$property$own.map(owner => owner.name).join(","),
     textStyle: {
       whiteSpace: "pre"
     }
@@ -33576,33 +33566,33 @@ const ConnectionDetails$5 = () => {
   }), /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     label: t("WS_PROPERTY_TYPE"),
-    text: ((_state36 = state) === null || _state36 === void 0 ? void 0 : (_state36$additionalDe = _state36.additionalDetails) === null || _state36$additionalDe === void 0 ? void 0 : (_state36$additionalDe2 = _state36$additionalDe.propertyType) === null || _state36$additionalDe2 === void 0 ? void 0 : _state36$additionalDe2.name) || "NA"
+    text: ((_state34 = state) === null || _state34 === void 0 ? void 0 : (_state34$additionalDe = _state34.additionalDetails) === null || _state34$additionalDe === void 0 ? void 0 : (_state34$additionalDe2 = _state34$additionalDe.propertyType) === null || _state34$additionalDe2 === void 0 ? void 0 : _state34$additionalDe2.name) || "NA"
   }), /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     label: t("WS_PROPERTY_CATEGORY"),
-    text: ((_state37 = state) === null || _state37 === void 0 ? void 0 : (_state37$additionalDe = _state37.additionalDetails) === null || _state37$additionalDe === void 0 ? void 0 : (_state37$additionalDe2 = _state37$additionalDe.propertyCategory) === null || _state37$additionalDe2 === void 0 ? void 0 : _state37$additionalDe2.name) || "NA"
+    text: ((_state35 = state) === null || _state35 === void 0 ? void 0 : (_state35$additionalDe = _state35.additionalDetails) === null || _state35$additionalDe === void 0 ? void 0 : (_state35$additionalDe2 = _state35$additionalDe.propertyCategory) === null || _state35$additionalDe2 === void 0 ? void 0 : _state35$additionalDe2.name) || "NA"
   }), /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     label: t("WS_PLOT_AREA"),
-    text: ((_state38 = state) === null || _state38 === void 0 ? void 0 : (_state38$additionalDe = _state38.additionalDetails) === null || _state38$additionalDe === void 0 ? void 0 : _state38$additionalDe.plotArea) || "NA"
+    text: ((_state36 = state) === null || _state36 === void 0 ? void 0 : (_state36$additionalDe = _state36.additionalDetails) === null || _state36$additionalDe === void 0 ? void 0 : _state36$additionalDe.plotArea) || "NA"
   }), /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     label: t("WS_BUILT_UP_AREA"),
-    text: ((_state39 = state) === null || _state39 === void 0 ? void 0 : (_state39$additionalDe = _state39.additionalDetails) === null || _state39$additionalDe === void 0 ? void 0 : _state39$additionalDe.builtUpArea) || "NA"
+    text: ((_state37 = state) === null || _state37 === void 0 ? void 0 : (_state37$additionalDe = _state37.additionalDetails) === null || _state37$additionalDe === void 0 ? void 0 : _state37$additionalDe.builtUpArea) || "NA"
   }), /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     label: t("WS_NO_OF_FLOORS"),
-    text: ((_state40 = state) === null || _state40 === void 0 ? void 0 : (_state40$additionalDe = _state40.additionalDetails) === null || _state40$additionalDe === void 0 ? void 0 : _state40$additionalDe.noOfFloors) || "NA"
+    text: ((_state38 = state) === null || _state38 === void 0 ? void 0 : (_state38$additionalDe = _state38.additionalDetails) === null || _state38$additionalDe === void 0 ? void 0 : _state38$additionalDe.noOfFloors) || "NA"
   }), /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     label: t("WS_NO_OF_DWELLING_UNITS"),
-    text: ((_state41 = state) === null || _state41 === void 0 ? void 0 : (_state41$additionalDe = _state41.additionalDetails) === null || _state41$additionalDe === void 0 ? void 0 : _state41$additionalDe.NumberofDwellingUnits) || "NA"
+    text: ((_state39 = state) === null || _state39 === void 0 ? void 0 : (_state39$additionalDe = _state39.additionalDetails) === null || _state39$additionalDe === void 0 ? void 0 : _state39$additionalDe.NumberofDwellingUnits) || "NA"
   }), /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     label: t("WS_LOCALITY"),
-    text: ((_state42 = state) === null || _state42 === void 0 ? void 0 : (_state42$additionalDe = _state42.additionalDetails) === null || _state42$additionalDe === void 0 ? void 0 : _state42$additionalDe.locality) || "NA"
+    text: ((_state40 = state) === null || _state40 === void 0 ? void 0 : (_state40$additionalDe = _state40.additionalDetails) === null || _state40$additionalDe === void 0 ? void 0 : _state40$additionalDe.locality) || "NA"
   }), /*#__PURE__*/React.createElement(Link, {
-    to: "/digit-ui/citizen/commonpt/view-property?propertyId=" + ((_state43 = state) === null || _state43 === void 0 ? void 0 : _state43.propertyId) + "&tenantId=" + ((_state44 = state) === null || _state44 === void 0 ? void 0 : _state44.tenantId)
+    to: "/digit-ui/citizen/commonpt/view-property?propertyId=" + ((_state41 = state) === null || _state41 === void 0 ? void 0 : _state41.propertyId) + "&tenantId=" + ((_state42 = state) === null || _state42 === void 0 ? void 0 : _state42.tenantId)
   }, /*#__PURE__*/React.createElement(LinkButton, {
     style: {
       textAlign: "left",
@@ -33614,10 +33604,10 @@ const ConnectionDetails$5 = () => {
     styles: {
       fontSize: "28px"
     }
-  }, t("WS_COMMON_CONNECTION_HOLDER_DETAILS_HEADER")), (_state45 = state) !== null && _state45 !== void 0 && _state45.connectionHolders ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(StatusTable, null, /*#__PURE__*/React.createElement(Row, {
+  }, t("WS_COMMON_CONNECTION_HOLDER_DETAILS_HEADER")), (_state43 = state) !== null && _state43 !== void 0 && _state43.connectionHolders ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(StatusTable, null, /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     label: t("WS_OWN_DETAIL_OWN_NAME_LABEL"),
-    text: (_state46 = state) === null || _state46 === void 0 ? void 0 : (_state46$connectionHo = _state46.connectionHolders) === null || _state46$connectionHo === void 0 ? void 0 : (_state46$connectionHo2 = _state46$connectionHo[0]) === null || _state46$connectionHo2 === void 0 ? void 0 : _state46$connectionHo2.name,
+    text: (_state44 = state) === null || _state44 === void 0 ? void 0 : (_state44$connectionHo = _state44.connectionHolders) === null || _state44$connectionHo === void 0 ? void 0 : (_state44$connectionHo2 = _state44$connectionHo[0]) === null || _state44$connectionHo2 === void 0 ? void 0 : _state44$connectionHo2.name,
     textStyle: {
       whiteSpace: "pre"
     }
@@ -33743,32 +33733,32 @@ const ConnectionDetails$5 = () => {
   }, t("WS_COMMON_BANK_DETAILS")), /*#__PURE__*/React.createElement(StatusTable, null, /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     label: t("WS_BANK_NAME"),
-    text: ((_state47 = state) === null || _state47 === void 0 ? void 0 : (_state47$additionalDe = _state47.additionalDetails) === null || _state47$additionalDe === void 0 ? void 0 : _state47$additionalDe.bankName) || "NA"
+    text: ((_state45 = state) === null || _state45 === void 0 ? void 0 : (_state45$additionalDe = _state45.additionalDetails) === null || _state45$additionalDe === void 0 ? void 0 : _state45$additionalDe.bankName) || "NA"
   }), /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     label: t("WS_BANK_BRANCH_NAME"),
-    text: ((_state48 = state) === null || _state48 === void 0 ? void 0 : (_state48$additionalDe = _state48.additionalDetails) === null || _state48$additionalDe === void 0 ? void 0 : _state48$additionalDe.bankBranchName) || "NA"
+    text: ((_state46 = state) === null || _state46 === void 0 ? void 0 : (_state46$additionalDe = _state46.additionalDetails) === null || _state46$additionalDe === void 0 ? void 0 : _state46$additionalDe.bankBranchName) || "NA"
   }), /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     label: t("WS_BANK_ACCOUNT_NUMBER"),
-    text: ((_state49 = state) === null || _state49 === void 0 ? void 0 : (_state49$additionalDe = _state49.additionalDetails) === null || _state49$additionalDe === void 0 ? void 0 : _state49$additionalDe.accountNumber) || ((_state50 = state) === null || _state50 === void 0 ? void 0 : (_state50$additionalDe = _state50.additionalDetails) === null || _state50$additionalDe === void 0 ? void 0 : _state50$additionalDe.bankAccountNumber) || "NA"
+    text: ((_state47 = state) === null || _state47 === void 0 ? void 0 : (_state47$additionalDe = _state47.additionalDetails) === null || _state47$additionalDe === void 0 ? void 0 : _state47$additionalDe.accountNumber) || ((_state48 = state) === null || _state48 === void 0 ? void 0 : (_state48$additionalDe = _state48.additionalDetails) === null || _state48$additionalDe === void 0 ? void 0 : _state48$additionalDe.bankAccountNumber) || "NA"
   }), /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     label: t("WS_BANK_IFSC_CODE"),
-    text: ((_state51 = state) === null || _state51 === void 0 ? void 0 : (_state51$additionalDe = _state51.additionalDetails) === null || _state51$additionalDe === void 0 ? void 0 : _state51$additionalDe.ifscCode) || "NA"
+    text: ((_state49 = state) === null || _state49 === void 0 ? void 0 : (_state49$additionalDe = _state49.additionalDetails) === null || _state49$additionalDe === void 0 ? void 0 : _state49$additionalDe.ifscCode) || "NA"
   })), /*#__PURE__*/React.createElement(CardHeader, {
     styles: {
       fontSize: "28px"
     }
-  }, t("WS_COMMON_BANK_DETAILS")), ((_state52 = state) === null || _state52 === void 0 ? void 0 : _state52.documents) && ((_state53 = state) === null || _state53 === void 0 ? void 0 : _state53.documents.map((doc, index) => {
-    var _doc$documentType, _state54, _state55;
+  }, t("WS_COMMON_BANK_DETAILS")), ((_state50 = state) === null || _state50 === void 0 ? void 0 : _state50.documents) && ((_state51 = state) === null || _state51 === void 0 ? void 0 : _state51.documents.map((doc, index) => {
+    var _doc$documentType, _state52, _state53;
     return /*#__PURE__*/React.createElement("div", {
       key: "doc-" + index
     }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardSectionHeader, null, t(doc === null || doc === void 0 ? void 0 : (_doc$documentType = doc.documentType) === null || _doc$documentType === void 0 ? void 0 : _doc$documentType.split(".").slice(0, 2).join("_"))), /*#__PURE__*/React.createElement(StatusTable, null, /*#__PURE__*/React.createElement(WSDocument, {
-      value: (_state54 = state) === null || _state54 === void 0 ? void 0 : _state54.documents,
+      value: (_state52 = state) === null || _state52 === void 0 ? void 0 : _state52.documents,
       Code: doc === null || doc === void 0 ? void 0 : doc.documentType,
       index: index
-    }), ((_state55 = state) === null || _state55 === void 0 ? void 0 : _state55.documents.length) != index + 1 ? /*#__PURE__*/React.createElement("hr", {
+    }), ((_state53 = state) === null || _state53 === void 0 ? void 0 : _state53.documents.length) != index + 1 ? /*#__PURE__*/React.createElement("hr", {
       style: {
         color: "#cccccc",
         backgroundColor: "#cccccc",
@@ -33777,7 +33767,7 @@ const ConnectionDetails$5 = () => {
         marginBottom: "20px"
       }
     }) : null)));
-  })), (((_state56 = state) === null || _state56 === void 0 ? void 0 : _state56.status) !== "inactive" || ((_state57 = state) === null || _state57 === void 0 ? void 0 : _state57.applicationStatus) !== "Inactive" || ((_state58 = state) === null || _state58 === void 0 ? void 0 : _state58.applicationStatus) !== "INACTIVE") && !isDisconnectionDone ? /*#__PURE__*/React.createElement(ActionBar, {
+  })), (((_state54 = state) === null || _state54 === void 0 ? void 0 : _state54.status) !== "inactive" || ((_state55 = state) === null || _state55 === void 0 ? void 0 : _state55.applicationStatus) !== "Inactive" || ((_state56 = state) === null || _state56 === void 0 ? void 0 : _state56.applicationStatus) !== "INACTIVE") && !isDisconnectionDone ? /*#__PURE__*/React.createElement(ActionBar, {
     style: {
       position: "relative",
       boxShadow: "none",
@@ -33792,23 +33782,13 @@ const ConnectionDetails$5 = () => {
     style: {
       width: "100%"
     }
-  }, /*#__PURE__*/React.createElement(SubmitBar, {
-    style: {
-      width: "100%"
-    },
-    label: t("WS_MUTATION_BUTTON"),
-    onSubmit: onActionSelectMutation
-  })), /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: "100%"
-    }
   }, /*#__PURE__*/React.createElement(SubmitBar, {
     style: {
       width: "100%"
     },
     label: t("WS_DISCONNECTION_BUTTON"),
     onSubmit: onActionSelect
-  }))) : ((_state59 = state) === null || _state59 === void 0 ? void 0 : _state59.applicationStatus) == "DISCONNECTION_EXECUTED" && ((_state60 = state) === null || _state60 === void 0 ? void 0 : _state60.status) == "Inactive" && ((_state61 = state) === null || _state61 === void 0 ? void 0 : _state61.isDisconnectionTemporary) && /*#__PURE__*/React.createElement(ActionBar, {
+  }))) : ((_state57 = state) === null || _state57 === void 0 ? void 0 : _state57.applicationStatus) == "DISCONNECTION_EXECUTED" && ((_state58 = state) === null || _state58 === void 0 ? void 0 : _state58.status) == "Inactive" && ((_state59 = state) === null || _state59 === void 0 ? void 0 : _state59.isDisconnectionTemporary) && /*#__PURE__*/React.createElement(ActionBar, {
     style: {
       position: "relative",
       boxShadow: "none",
@@ -33840,8 +33820,8 @@ const ConnectionDetails$5 = () => {
     actionSingleLabel: t("COMMON_MAKE_PAYMENT"),
     hideSubmit: true,
     actionSingleSubmit: () => {
-      var _state62, _state63;
-      history.push("/digit-ui/citizen/payment/collect/" + (isSW ? "SW" : "WS") + "/" + encodeURIComponent((_state62 = state) === null || _state62 === void 0 ? void 0 : _state62.connectionNo) + "/" + tenantId + "?consumerCode=" + ((_state63 = state) === null || _state63 === void 0 ? void 0 : _state63.connectionNo) + "&&tenantId=" + tenantId + "&&workflow=WNS");
+      var _state60, _state61;
+      history.push("/digit-ui/citizen/payment/collect/" + (isSW ? "SW" : "WS") + "/" + encodeURIComponent((_state60 = state) === null || _state60 === void 0 ? void 0 : _state60.connectionNo) + "/" + tenantId + "?consumerCode=" + ((_state61 = state) === null || _state61 === void 0 ? void 0 : _state61.connectionNo) + "&&tenantId=" + tenantId + "&&workflow=WNS");
       setshowModal(false);
     },
     popupStyles: mobileView ? {
@@ -44918,7 +44898,7 @@ function PropertyDocuments(_ref) {
       });
     });
     const allChecked = requiredDocsCount === 0 || checkedCount === requiredDocsCount;
-    const isDocVerifState = !applicationStatus || applicationStatus === "PENDING_FOR_DOCUMENT_VERIFICATION";
+    const isDocVerifState = !applicationStatus || applicationStatus === "PENDING_FOR_DOCUMENT_VERIFICATION" || applicationStatus === "PENDING_APPROVAL_FOR_MUTATION";
     const finalVerified = isDocVerifState ? allChecked : true;
     window.isDocumentsVerified = finalVerified;
     window.dispatchEvent(new CustomEvent("DOCUMENTS_VERIFIED", {
@@ -45154,7 +45134,7 @@ function PropertyDocuments(_ref) {
         style: {
           cursor: "pointer"
         }
-      }, /*#__PURE__*/React.createElement(ViewsIcon, null)), !isPhoto && ((_ref3, _checkedMap$value$fil2, _value$originalDoc2, _value$originalDoc3, _value$originalDoc4) => {
+      }, /*#__PURE__*/React.createElement(ViewsIcon, null)), !isPhoto && ((_ref3, _checkedMap$value$fil2, _value$originalDoc2, _value$originalDoc3, _ref4, _checkedMap$value$fil3, _value$originalDoc4) => {
         return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
           onClick: () => {
             if (fileUrl) {
@@ -45203,10 +45183,10 @@ function PropertyDocuments(_ref) {
             width: "18px",
             height: "18px",
             accentColor: "#F47738",
-            cursor: applicationStatus && applicationStatus !== "PENDING_FOR_DOCUMENT_VERIFICATION" ? "not-allowed" : "pointer"
+            cursor: applicationStatus && applicationStatus !== "PENDING_FOR_DOCUMENT_VERIFICATION" && applicationStatus !== "PENDING_APPROVAL_FOR_MUTATION" ? "not-allowed" : "pointer"
           },
-          disabled: applicationStatus && applicationStatus !== "PENDING_FOR_DOCUMENT_VERIFICATION",
-          defaultChecked: value === null || value === void 0 ? void 0 : (_value$originalDoc4 = value.originalDoc) === null || _value$originalDoc4 === void 0 ? void 0 : _value$originalDoc4.isVerified,
+          disabled: applicationStatus && applicationStatus !== "PENDING_FOR_DOCUMENT_VERIFICATION" && applicationStatus !== "PENDING_APPROVAL_FOR_MUTATION" && applicationStatus !== "ACTIVATE_MUTATION",
+          checked: applicationStatus === "PENDING_FOR_MUTATION_ACTIVATION" || ((_ref4 = (_checkedMap$value$fil3 = checkedMap[value === null || value === void 0 ? void 0 : value.fileStoreId]) != null ? _checkedMap$value$fil3 : value === null || value === void 0 ? void 0 : (_value$originalDoc4 = value.originalDoc) === null || _value$originalDoc4 === void 0 ? void 0 : _value$originalDoc4.isVerified) != null ? _ref4 : false),
           onChange: e => {
             const checked = e.target.checked;
             if (value !== null && value !== void 0 && value.originalDoc) {
@@ -46586,6 +46566,7 @@ function ApplicationDetailsContent(_ref) {
     workflowDetails = _ref.workflowDetails,
     isDataLoading = _ref.isDataLoading,
     applicationData = _ref.applicationData,
+    businessService = _ref.businessService,
     timelineStatusPrefix = _ref.timelineStatusPrefix,
     _ref$showTimeLine = _ref.showTimeLine,
     showTimeLine = _ref$showTimeLine === void 0 ? true : _ref$showTimeLine,
@@ -46861,7 +46842,7 @@ function ApplicationDetailsContent(_ref) {
     infoClickInfoLabel: getClickInfoDetails(),
     infoClickInfoLabel1: getClickInfoDetails1()
   }) : null, applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a = applicationDetails.applicationDetails) === null || _applicationDetails$a === void 0 ? void 0 : _applicationDetails$a.map((detail, index) => {
-    var _detail$title, _detail$values, _detail$additionalDet, _applicationDetails$a2, _applicationDetails$a3, _applicationDetails$a4, _detail$additionalDet2, _applicationDetails$a5, _applicationDetails$a6, _detail$additionalDet3, _detail$additionalDet4, _detail$additionalDet5, _detail$additionalDet6, _detail$additionalDet7, _detail$additionalDet8, _detail$additionalDet9, _workflowDetails$data, _workflowDetails$data2, _detail$additionalDet0, _detail$additionalDet1, _detail$additionalDet10, _detail$additionalDet11, _detail$additionalDet12, _detail$additionalDet13, _detail$additionalDet14, _detail$additionalDet15, _detail$additionalDet16, _detail$additionalDet17, _detail$additionalDet18, _detail$additionalDet19, _detail$additionalDet20, _detail$additionalDet21, _detail$additionalDet22, _detail$additionalDet23, _detail$additionalDet24, _detail$additionalDet25, _detail$additionalDet26, _detail$additionalDet27, _detail$additionalDet28, _detail$additionalDet29;
+    var _detail$title, _detail$values, _detail$additionalDet, _applicationDetails$a2, _applicationDetails$a3, _applicationDetails$a4, _detail$additionalDet2, _applicationDetails$a5, _applicationDetails$a6, _detail$additionalDet3, _detail$additionalDet4, _detail$additionalDet5, _detail$additionalDet6, _detail$additionalDet7, _detail$additionalDet8, _detail$additionalDet9, _workflowDetails$data, _workflowDetails$data2, _detail$additionalDet0, _detail$additionalDet1, _detail$additionalDet10, _detail$additionalDet11, _detail$additionalDet12, _detail$additionalDet13, _detail$additionalDet14, _detail$additionalDet15, _detail$additionalDet16, _detail$additionalDet17, _detail$additionalDet18, _detail$additionalDet19, _applicationData$appl, _detail$additionalDet20, _applicationData$appl2, _detail$additionalDet21, _detail$additionalDet22, _detail$additionalDet23, _detail$additionalDet24, _detail$additionalDet25, _detail$additionalDet26, _detail$additionalDet27, _detail$additionalDet28, _detail$additionalDet29;
     return /*#__PURE__*/React.createElement(React.Fragment, {
       key: index
     }, /*#__PURE__*/React.createElement("div", {
@@ -47092,9 +47073,9 @@ function ApplicationDetailsContent(_ref) {
     }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet17 = detail.additionalDetails) === null || _detail$additionalDet17 === void 0 ? void 0 : _detail$additionalDet17.documents) && /*#__PURE__*/React.createElement(PropertyDocuments, {
       documents: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet18 = detail.additionalDetails) === null || _detail$additionalDet18 === void 0 ? void 0 : _detail$additionalDet18.documents,
       applicationStatus: applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus
-    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet19 = detail.additionalDetails) === null || _detail$additionalDet19 === void 0 ? void 0 : _detail$additionalDet19.documents) && ["PENDING_FOR_FIELD_INSPECTION", "PENDING_APPROVAL_FOR_CONNECTION", "PENDING_FOR_CONNECTION_ACTIVATION", "PENDING_FOR_RECONNECTION", "PENDING_FOR_DUE_VERIFICATION", "PENDING_FOR_BILLING_CLERK_REVIEW", "PENDING_FOR_ASO_APPROVAL", "PENDING_FOR_ZRO_APPROVAL", "PENDING_FOR_AE_APPROVAL", "PENDING_FOR_FINAL_PAYMENT", "CONNECTION_ACTIVATED", "PENDING_FOR_CONNECTION_ACTIVATION"].includes(applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) && /*#__PURE__*/React.createElement(DueVerification, {
+    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet19 = detail.additionalDetails) === null || _detail$additionalDet19 === void 0 ? void 0 : _detail$additionalDet19.documents) && !(applicationData !== null && applicationData !== void 0 && (_applicationData$appl = applicationData.applicationType) !== null && _applicationData$appl !== void 0 && _applicationData$appl.includes("MUTATION")) && !(businessService !== null && businessService !== void 0 && businessService.includes("MUTATION")) && ["PENDING_FOR_FIELD_INSPECTION", "PENDING_APPROVAL_FOR_CONNECTION", "PENDING_FOR_CONNECTION_ACTIVATION", "PENDING_FOR_RECONNECTION", "PENDING_FOR_DUE_VERIFICATION", "PENDING_FOR_BILLING_CLERK_REVIEW", "PENDING_FOR_ASO_APPROVAL", "PENDING_FOR_ZRO_APPROVAL", "PENDING_FOR_AE_APPROVAL", "PENDING_FOR_FINAL_PAYMENT", "CONNECTION_ACTIVATED", "PENDING_FOR_CONNECTION_ACTIVATION"].includes(applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) && /*#__PURE__*/React.createElement(DueVerification, {
       applicationData: applicationData
-    }), " ", (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet20 = detail.additionalDetails) === null || _detail$additionalDet20 === void 0 ? void 0 : _detail$additionalDet20.documents) && ["PENDING_FOR_FIELD_INSPECTION", "PENDING_FOR_BILLING_CLERK_REVIEW", "PENDING_FOR_ASO_APPROVAL", "PENDING_FOR_ZRO_APPROVAL", "PENDING_FOR_AE_APPROVAL", "PENDING_FOR_FINAL_PAYMENT", "CONNECTION_ACTIVATED", "PENDING_FOR_CONNECTION_ACTIVATION"].includes(applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) && /*#__PURE__*/React.createElement(InspectionInformation, {
+    }), " ", (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet20 = detail.additionalDetails) === null || _detail$additionalDet20 === void 0 ? void 0 : _detail$additionalDet20.documents) && !(applicationData !== null && applicationData !== void 0 && (_applicationData$appl2 = applicationData.applicationType) !== null && _applicationData$appl2 !== void 0 && _applicationData$appl2.includes("MUTATION")) && !(businessService !== null && businessService !== void 0 && businessService.includes("MUTATION")) && ["PENDING_FOR_FIELD_INSPECTION", "PENDING_FOR_BILLING_CLERK_REVIEW", "PENDING_FOR_ASO_APPROVAL", "PENDING_FOR_ZRO_APPROVAL", "PENDING_FOR_AE_APPROVAL", "PENDING_FOR_FINAL_PAYMENT", "CONNECTION_ACTIVATED", "PENDING_FOR_CONNECTION_ACTIVATION"].includes(applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) && /*#__PURE__*/React.createElement(InspectionInformation, {
       applicationData: applicationData
     }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet21 = detail.additionalDetails) === null || _detail$additionalDet21 === void 0 ? void 0 : _detail$additionalDet21.taxHeadEstimatesCalculation) && /*#__PURE__*/React.createElement(PropertyEstimates, {
       taxHeadEstimatesCalculation: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet22 = detail.additionalDetails) === null || _detail$additionalDet22 === void 0 ? void 0 : _detail$additionalDet22.taxHeadEstimatesCalculation
@@ -48225,16 +48206,16 @@ const ApplicationDetails$1 = () => {
 };
 
 const GetConnectionDetails = () => {
-  var _applicationDetails$a, _applicationDetails$a2, _applicationDetails$a3, _applicationDetails$a4, _applicationDetails$a5, _applicationDetails$a6, _applicationDetails$a7, _applicationDetails$a8, _applicationDetails$a9, _applicationDetails$a0, _applicationDetails$a1, _applicationDetails$a10, _applicationDetails$a11, _applicationDetails$a12, _mdmsCommonmastersDat, _applicationDetails$a14, _applicationDetails$a18, _applicationDetails$f7, _applicationDetails$p3, _applicationDetails$p4, _applicationDetails$a19, _applicationDetails$a20, _applicationDetails$a21, _applicationDetails$f8, _applicationDetails$f9;
+  var _applicationDetails$a, _applicationDetails$a2, _applicationDetails$a3, _applicationDetails$a4, _applicationDetails$a5, _applicationDetails$a6, _applicationDetails$a7, _applicationDetails$a8, _applicationDetails$a9, _applicationDetails$a0, _applicationDetails$a1, _applicationDetails$a10, _applicationDetails$a11, _applicationDetails$a12, _mdmsCommonmastersDat, _applicationDetails$a14, _applicationDetails$a17, _applicationDetails$f5, _applicationDetails$p2, _applicationDetails$p3, _applicationDetails$a18, _applicationDetails$a19, _applicationDetails$a20, _applicationDetails$f6, _applicationDetails$f7;
   const getBillSearch = function () {
     try {
-      const _temp = function (_applicationDetails$f0) {
-        if ((applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$f0 = applicationDetails.fetchBillsData) === null || _applicationDetails$f0 === void 0 ? void 0 : _applicationDetails$f0.length) > 0) {
-          var _applicationDetails$a22;
+      const _temp = function (_applicationDetails$f8) {
+        if ((applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$f8 = applicationDetails.fetchBillsData) === null || _applicationDetails$f8 === void 0 ? void 0 : _applicationDetails$f8.length) > 0) {
+          var _applicationDetails$a21;
           const service = serviceType === "WATER" ? "WS" : "SW";
           let wsSearchFilters = {
             isConnectionSearch: true,
-            connectionNumber: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a22 = applicationDetails.applicationData) === null || _applicationDetails$a22 === void 0 ? void 0 : _applicationDetails$a22.connectionNo
+            connectionNumber: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a21 = applicationDetails.applicationData) === null || _applicationDetails$a21 === void 0 ? void 0 : _applicationDetails$a21.connectionNo
           };
           return Promise.resolve(Digit.WSService.search({
             tenantId,
@@ -48247,8 +48228,8 @@ const GetConnectionDetails = () => {
               bussinessService: service
             };
             if ((wsConnectionDetails === null || wsConnectionDetails === void 0 ? void 0 : (_wsConnectionDetails$5 = wsConnectionDetails.WaterConnection) === null || _wsConnectionDetails$5 === void 0 ? void 0 : _wsConnectionDetails$5.length) > 0 || (wsConnectionDetails === null || wsConnectionDetails === void 0 ? void 0 : (_wsConnectionDetails$6 = wsConnectionDetails.SewerageConnections) === null || _wsConnectionDetails$6 === void 0 ? void 0 : _wsConnectionDetails$6.length) > 0) {
-              var _applicationDetails$a23;
-              downloadAndOpenPdf(applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a23 = applicationDetails.applicationData) === null || _applicationDetails$a23 === void 0 ? void 0 : _applicationDetails$a23.connectionNo, filters);
+              var _applicationDetails$a22;
+              downloadAndOpenPdf(applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a22 = applicationDetails.applicationData) === null || _applicationDetails$a22 === void 0 ? void 0 : _applicationDetails$a22.connectionNo, filters);
             }
           });
         }
@@ -48277,7 +48258,7 @@ const GetConnectionDetails = () => {
     showOptions = _useState3[0],
     setShowOptions = _useState3[1];
   const stateCode = Digit.ULBService.getStateId();
-  const actionConfig = ["MODIFY_CONNECTION_BUTTON", "MUTATION_BUTTON", "BILL_AMENDMENT_BUTTON", "DISCONNECTION_BUTTON"];
+  const actionConfig = ["MODIFY_CONNECTION_BUTTON", "BILL_AMENDMENT_BUTTON", "DISCONNECTION_BUTTON"];
   const _Digit$Hooks$ws$useCo = Digit.Hooks.ws.useConnectionDetail(t, tenantId, applicationNumber, serviceType, {
       privacy: Digit.Utils.getPrivacyObject()
     }),
@@ -48379,29 +48360,8 @@ const GetConnectionDetails = () => {
       data: applicationDetails
     }));
   };
-  const getMutationButton = () => {
-    var _applicationDetails$f3, _applicationDetails$f4, _applicationDetails$a16, _applicationDetails$p2;
-    if (!checkApplicationStatus) {
-      setshowActionToast({
-        key: "error",
-        label: "CONN_NOT_ACTIVE"
-      });
-      return;
-    }
-    if ((applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$f3 = applicationDetails.fetchBillsData) === null || _applicationDetails$f3 === void 0 ? void 0 : (_applicationDetails$f4 = _applicationDetails$f3[0]) === null || _applicationDetails$f4 === void 0 ? void 0 : _applicationDetails$f4.totalAmount) > 0) {
-      setshowActionToast({
-        key: "error",
-        label: "WS_DUE_AMOUNT_SHOULD_BE_ZERO"
-      });
-      return;
-    }
-    let pathname = "/digit-ui/employee/ws/mutation-application?applicationNumber=" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a16 = applicationDetails.applicationData) === null || _applicationDetails$a16 === void 0 ? void 0 : _applicationDetails$a16.connectionNo) + "&service=" + serviceType + "&propertyId=" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$p2 = applicationDetails.propertyDetails) === null || _applicationDetails$p2 === void 0 ? void 0 : _applicationDetails$p2.propertyId) + "&from=WS_COMMON_CONNECTION_DETAIL";
-    history.push("" + pathname, JSON.stringify({
-      data: applicationDetails
-    }));
-  };
   const getBillAmendmentButton = () => {
-    var _demandData$Demands, _applicationDetails$a17;
+    var _demandData$Demands, _applicationDetails$a16;
     let isBillAmendNotApplicable = false;
     billData === null || billData === void 0 ? void 0 : billData.map(bill => {
       if ((bill === null || bill === void 0 ? void 0 : bill.status) === "INWORKFLOW") {
@@ -48422,7 +48382,7 @@ const GetConnectionDetails = () => {
       });
       return;
     }
-    history.push("/digit-ui/employee/ws/required-documents?connectionNumber=" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a17 = applicationDetails.applicationData) === null || _applicationDetails$a17 === void 0 ? void 0 : _applicationDetails$a17.connectionNo) + "&tenantId=" + getTenantId + "&service=" + serviceType, JSON.stringify({
+    history.push("/digit-ui/employee/ws/required-documents?connectionNumber=" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a16 = applicationDetails.applicationData) === null || _applicationDetails$a16 === void 0 ? void 0 : _applicationDetails$a16.connectionNo) + "&tenantId=" + getTenantId + "&service=" + serviceType, JSON.stringify({
       data: applicationDetails
     }));
   };
@@ -48442,9 +48402,9 @@ const GetConnectionDetails = () => {
         label: "WORKFLOW_IN_PROGRESS"
       });
     } else {
-      var _billData$, _applicationDetails$f5;
+      var _billData$, _applicationDetails$f3;
       console.log("due", due, applicationDetails);
-      if (((_billData$ = billData[0]) === null || _billData$ === void 0 ? void 0 : _billData$.status) === "ACTIVE" || (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$f5 = applicationDetails.fetchBillsData) === null || _applicationDetails$f5 === void 0 ? void 0 : _applicationDetails$f5.length) <= 0 || due == "0" || due < 0) {
+      if (((_billData$ = billData[0]) === null || _billData$ === void 0 ? void 0 : _billData$.status) === "ACTIVE" || (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$f3 = applicationDetails.fetchBillsData) === null || _applicationDetails$f3 === void 0 ? void 0 : _applicationDetails$f3.length) <= 0 || due == "0" || due < 0) {
         Digit.SessionStorage.set("WS_DISCONNECTION", applicationDetails);
         history.push("" + pathname);
       } else {
@@ -48460,8 +48420,8 @@ const GetConnectionDetails = () => {
         label: "WORKFLOW_IN_PROGRESS"
       });
     } else {
-      var _billData$2, _applicationDetails$f6;
-      if (((_billData$2 = billData[0]) === null || _billData$2 === void 0 ? void 0 : _billData$2.status) === "ACTIVE" || (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$f6 = applicationDetails.fetchBillsData) === null || _applicationDetails$f6 === void 0 ? void 0 : _applicationDetails$f6.length) <= 0 || due === "0") {
+      var _billData$2, _applicationDetails$f4;
+      if (((_billData$2 = billData[0]) === null || _billData$2 === void 0 ? void 0 : _billData$2.status) === "ACTIVE" || (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$f4 = applicationDetails.fetchBillsData) === null || _applicationDetails$f4 === void 0 ? void 0 : _applicationDetails$f4.length) <= 0 || due === "0") {
         Digit.SessionStorage.set("WS_DISCONNECTION", applicationDetails);
         history.push("" + pathname);
       } else {
@@ -48472,8 +48432,6 @@ const GetConnectionDetails = () => {
   function onActionSelect(action) {
     if (action === "MODIFY_CONNECTION_BUTTON") {
       getModifyConnectionButton();
-    } else if (action === "MUTATION_BUTTON") {
-      getMutationButton();
     } else if (action === "BILL_AMENDMENT_BUTTON") {
       getBillAmendmentButton();
     } else if (action === "DISCONNECTION_BUTTON") {
@@ -48482,7 +48440,7 @@ const GetConnectionDetails = () => {
       getRestorationButton();
     }
   }
-  const checkApplicationStatusForDisconnection = (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a18 = applicationDetails.applicationData) === null || _applicationDetails$a18 === void 0 ? void 0 : _applicationDetails$a18.status) === "Active" ? true : false;
+  const checkApplicationStatusForDisconnection = (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a17 = applicationDetails.applicationData) === null || _applicationDetails$a17 === void 0 ? void 0 : _applicationDetails$a17.status) === "Active" ? true : false;
   const showAction = checkApplicationStatusForDisconnection ? actionConfig : actionConfig.filter(item => item !== "DISCONNECTION_BUTTON");
   const showActionRestoration = ["RESTORATION_BUTTON"];
   let dowloadOptions = [];
@@ -48496,7 +48454,7 @@ const GetConnectionDetails = () => {
     label: t("WS_CONNECTION_DETAILS"),
     onClick: () => downloadConnectionDetails()
   };
-  if ((applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$f7 = applicationDetails.fetchBillsData) === null || _applicationDetails$f7 === void 0 ? void 0 : _applicationDetails$f7.length) > 0) dowloadOptions = [appFeeDownloadReceipt, connectionDetailsReceipt];else dowloadOptions = [connectionDetailsReceipt];
+  if ((applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$f5 = applicationDetails.fetchBillsData) === null || _applicationDetails$f5 === void 0 ? void 0 : _applicationDetails$f5.length) > 0) dowloadOptions = [appFeeDownloadReceipt, connectionDetailsReceipt];else dowloadOptions = [connectionDetailsReceipt];
   const Close = () => /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -48545,7 +48503,7 @@ const GetConnectionDetails = () => {
     isDataLoading: isLoading,
     applicationData: applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationData,
     mutate: mutate,
-    businessService: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$p3 = applicationDetails.processInstancesDetails) === null || _applicationDetails$p3 === void 0 ? void 0 : (_applicationDetails$p4 = _applicationDetails$p3[0]) === null || _applicationDetails$p4 === void 0 ? void 0 : _applicationDetails$p4.businessService,
+    businessService: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$p2 = applicationDetails.processInstancesDetails) === null || _applicationDetails$p2 === void 0 ? void 0 : (_applicationDetails$p3 = _applicationDetails$p2[0]) === null || _applicationDetails$p3 === void 0 ? void 0 : _applicationDetails$p3.businessService,
     moduleCode: "WS",
     showToast: showToast,
     setShowToast: setShowToast,
@@ -48563,7 +48521,7 @@ const GetConnectionDetails = () => {
     ref: actionMenuRef,
     label: t("WF_TAKE_ACTION"),
     onSubmit: () => setDisplayMenu(!displayMenu)
-  })) : applicationDetails !== null && applicationDetails !== void 0 && (_applicationDetails$a19 = applicationDetails.applicationData) !== null && _applicationDetails$a19 !== void 0 && _applicationDetails$a19.isDisconnectionTemporary && (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a20 = applicationDetails.applicationData) === null || _applicationDetails$a20 === void 0 ? void 0 : _applicationDetails$a20.status) !== "Active" && (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a21 = applicationDetails.applicationData) === null || _applicationDetails$a21 === void 0 ? void 0 : _applicationDetails$a21.applicationStatus) == "DISCONNECTION_EXECUTED" ? /*#__PURE__*/React.createElement(ActionBar, null, displayMenu ? /*#__PURE__*/React.createElement(Menu, {
+  })) : applicationDetails !== null && applicationDetails !== void 0 && (_applicationDetails$a18 = applicationDetails.applicationData) !== null && _applicationDetails$a18 !== void 0 && _applicationDetails$a18.isDisconnectionTemporary && (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a19 = applicationDetails.applicationData) === null || _applicationDetails$a19 === void 0 ? void 0 : _applicationDetails$a19.status) !== "Active" && (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a20 = applicationDetails.applicationData) === null || _applicationDetails$a20 === void 0 ? void 0 : _applicationDetails$a20.applicationStatus) == "DISCONNECTION_EXECUTED" ? /*#__PURE__*/React.createElement(ActionBar, null, displayMenu ? /*#__PURE__*/React.createElement(Menu, {
     options: showActionRestoration,
     localeKeyPrefix: "WS",
     t: t,
@@ -48619,7 +48577,7 @@ const GetConnectionDetails = () => {
     className: "modal-header-ws"
   }, t("WS_CLEAR_DUES_DISCONNECTION_SUB_HEADER_LABEL"), " "), /*#__PURE__*/React.createElement("div", {
     className: "modal-body-ws"
-  }, /*#__PURE__*/React.createElement("span", null, t("WS_COMMON_TABLE_COL_AMT_DUE_LABEL"), ": \u20B9", due ? due : applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$f8 = applicationDetails.fetchBillsData) === null || _applicationDetails$f8 === void 0 ? void 0 : (_applicationDetails$f9 = _applicationDetails$f8[0]) === null || _applicationDetails$f9 === void 0 ? void 0 : _applicationDetails$f9.totalAmount))) : null, showActionToast && /*#__PURE__*/React.createElement(Toast, {
+  }, /*#__PURE__*/React.createElement("span", null, t("WS_COMMON_TABLE_COL_AMT_DUE_LABEL"), ": \u20B9", due ? due : applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$f6 = applicationDetails.fetchBillsData) === null || _applicationDetails$f6 === void 0 ? void 0 : (_applicationDetails$f7 = _applicationDetails$f6[0]) === null || _applicationDetails$f7 === void 0 ? void 0 : _applicationDetails$f7.totalAmount))) : null, showActionToast && /*#__PURE__*/React.createElement(Toast, {
     error: showActionToast.key,
     label: t("" + showActionToast.label),
     onClose: closeBillToast
@@ -50405,10 +50363,198 @@ const EditModifyApplication = () => {
   }));
 };
 
+const Step1_SearchConnection = _ref => {
+  let defaultKNumber = _ref.defaultKNumber,
+    onNext = _ref.onNext;
+  const _useState = useState(defaultKNumber || ""),
+    kNumber = _useState[0],
+    setKNumber = _useState[1];
+  const _useState2 = useState(false),
+    isLoading = _useState2[0],
+    setIsLoading = _useState2[1];
+  const _useState3 = useState(null),
+    showToast = _useState3[0],
+    setShowToast = _useState3[1];
+  const handleSendOtp = function () {
+    try {
+      if (!kNumber) {
+        setShowToast({
+          key: "warning",
+          message: "Please enter K Number / Connection ID"
+        });
+        return Promise.resolve();
+      }
+      setIsLoading(true);
+      return Promise.resolve(_catch(function () {
+        const tenantId = Digit.ULBService.getCurrentTenantId() || "dl";
+        const params = {
+          connectionNumber: kNumber,
+          isConnectionSearch: true
+        };
+        let detectedServiceType = "WATER";
+        return Promise.resolve(Digit.WSService.search({
+          tenantId,
+          filters: params,
+          businessService: "WS"
+        }).catch(() => null)).then(function (wsResponse) {
+          var _wsResponse$WaterConn;
+          function _temp2() {
+            var _connection, _connection$connectio, _connection$connectio2, _connection2;
+            if (!connection) {
+              setIsLoading(false);
+              setShowToast({
+                key: "error",
+                message: "Connection not found for the given K Number"
+              });
+              return;
+            }
+            const fetchedMobileNumber = ((_connection = connection) === null || _connection === void 0 ? void 0 : (_connection$connectio = _connection.connectionHolders) === null || _connection$connectio === void 0 ? void 0 : (_connection$connectio2 = _connection$connectio[0]) === null || _connection$connectio2 === void 0 ? void 0 : _connection$connectio2.mobileNumber) || ((_connection2 = connection) === null || _connection2 === void 0 ? void 0 : _connection2.mobileNumber);
+            if (!fetchedMobileNumber || fetchedMobileNumber.length !== 10) {
+              setIsLoading(false);
+              setShowToast({
+                key: "error",
+                message: "No valid registered mobile number found for this connection"
+              });
+              return;
+            }
+            const userType = Digit.UserService.getType().toUpperCase();
+            const payload = {
+              otp: {
+                mobileNumber: fetchedMobileNumber,
+                tenantId: "dl",
+                type: "register",
+                userType: userType
+              }
+            };
+            return Promise.resolve(Digit.UserService.sendOtp(payload, "dl")).then(function () {
+              setIsLoading(false);
+              onNext({
+                kNumber,
+                mobileNumber: fetchedMobileNumber,
+                serviceType: detectedServiceType
+              });
+            });
+          }
+          let connection = wsResponse === null || wsResponse === void 0 ? void 0 : (_wsResponse$WaterConn = wsResponse.WaterConnection) === null || _wsResponse$WaterConn === void 0 ? void 0 : _wsResponse$WaterConn[0];
+          const _temp = function () {
+            if (!connection) {
+              return Promise.resolve(Digit.WSService.search({
+                tenantId,
+                filters: params,
+                businessService: "SW"
+              }).catch(() => null)).then(function (swResponse) {
+                var _swResponse$SewerageC;
+                connection = swResponse === null || swResponse === void 0 ? void 0 : (_swResponse$SewerageC = swResponse.SewerageConnections) === null || _swResponse$SewerageC === void 0 ? void 0 : _swResponse$SewerageC[0];
+                if (connection) detectedServiceType = "SEWERAGE";
+              });
+            }
+          }();
+          return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
+        });
+      }, function (err) {
+        var _err$response, _err$response$data, _err$response$data$Er, _err$response$data$Er2;
+        setIsLoading(false);
+        setShowToast({
+          key: "error",
+          message: (err === null || err === void 0 ? void 0 : (_err$response = err.response) === null || _err$response === void 0 ? void 0 : (_err$response$data = _err$response.data) === null || _err$response$data === void 0 ? void 0 : (_err$response$data$Er = _err$response$data.Errors) === null || _err$response$data$Er === void 0 ? void 0 : (_err$response$data$Er2 = _err$response$data$Er[0]) === null || _err$response$data$Er2 === void 0 ? void 0 : _err$response$data$Er2.message) || "Failed to send OTP"
+        });
+      }));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  return /*#__PURE__*/React.createElement(Card, {
+    style: {
+      marginBottom: "20px"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      alignItems: "center",
+      marginBottom: "16px",
+      flexWrap: "wrap",
+      gap: "8px"
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      fontSize: "24px"
+    }
+  }, "\uD83D\uDD0D"), /*#__PURE__*/React.createElement("h2", {
+    style: {
+      fontSize: "18px",
+      fontWeight: "700",
+      margin: 0
+    }
+  }, "1. Connection Authentication")), /*#__PURE__*/React.createElement(CardText, null, "Please enter your K Number to proceed with the mutation application. An OTP will be sent to the registered mobile number."), /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginBottom: "24px",
+      marginTop: "16px",
+      padding: "16px",
+      backgroundColor: "#f9f9f9",
+      borderRadius: "8px",
+      borderLeft: "4px solid #00497e"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginBottom: "16px"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontWeight: "bold",
+      marginBottom: "8px"
+    }
+  }, "K Number / Connection ID *"), /*#__PURE__*/React.createElement(TextInput, {
+    value: kNumber,
+    onChange: e => setKNumber(e.target.value),
+    placeholder: "Enter K Number",
+    style: {
+      width: "100%",
+      maxWidth: "400px"
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      justifyContent: "flex-end"
+    }
+  }, /*#__PURE__*/React.createElement("button", {
+    onClick: handleSendOtp,
+    disabled: isLoading,
+    style: {
+      padding: "10px 20px",
+      backgroundColor: "#00497e",
+      color: "white",
+      border: "none",
+      borderRadius: "4px",
+      cursor: "pointer",
+      fontWeight: "bold",
+      opacity: isLoading ? 0.7 : 1,
+      width: "100%",
+      maxWidth: "200px"
+    }
+  }, isLoading ? "Sending OTP..." : "Send OTP →"))), showToast && /*#__PURE__*/React.createElement(Toast, {
+    error: showToast.key === "error",
+    warning: showToast.key === "warning",
+    label: showToast.message,
+    onClose: () => setShowToast(null),
+    isDleteBtn: true
+  }));
+};
+
 const Step1_ExistingConnection = _ref => {
   var _appData$connectionHo, _propertyData$Propert, _propertyData$Propert2, _appData$property, _propertyAddress$loca;
   let applicationDetails = _ref.applicationDetails,
-    propertyId = _ref.propertyId;
+    propertyId = _ref.propertyId,
+    mobileNumber = _ref.mobileNumber,
+    onVerify = _ref.onVerify;
+  const _useState = useState(""),
+    otp = _useState[0],
+    setOtp = _useState[1];
+  const _useState2 = useState(false),
+    isLoading = _useState2[0],
+    setIsLoading = _useState2[1];
+  const _useState3 = useState(null),
+    showToast = _useState3[0],
+    setShowToast = _useState3[1];
   const getMaskedName = name => {
     if (!name) return "NA";
     return name.split("").map((char, index) => index % 2 === 1 && char !== " " ? "*" : char).join("");
@@ -50424,13 +50570,17 @@ const Step1_ExistingConnection = _ref => {
   const holderDetails = (appData === null || appData === void 0 ? void 0 : (_appData$connectionHo = appData.connectionHolders) === null || _appData$connectionHo === void 0 ? void 0 : _appData$connectionHo[0]) || {};
   const registeredName = getMaskedName(holderDetails === null || holderDetails === void 0 ? void 0 : holderDetails.name);
   const registeredPhone = getMaskedPhone(holderDetails === null || holderDetails === void 0 ? void 0 : holderDetails.mobileNumber);
-  const tenantId = Digit.ULBService.getCurrentTenantId();
+  const tenantId = (appData === null || appData === void 0 ? void 0 : appData.tenantId) || Digit.ULBService.getCurrentTenantId();
   const _Digit$Hooks$pt$usePr = Digit.Hooks.pt.usePropertySearch({
       filters: {
         propertyIds: propertyId
       },
       tenantId
     }, {
+      filters: {
+        propertyIds: propertyId
+      },
+      tenantId,
       enabled: !!propertyId
     }),
     propertyData = _Digit$Hooks$pt$usePr.data;
@@ -50440,29 +50590,71 @@ const Step1_ExistingConnection = _ref => {
   if (connectionNo === "NA") missingFields.push("Connection Number");
   if (registeredName === "NA") missingFields.push("Owner Name");
   if (formattedAddress === "NA") missingFields.push("Property Address");
+  const handleVerifyOtp = function () {
+    try {
+      if (!otp || otp.length < 6) {
+        setShowToast({
+          key: "warning",
+          message: "Please enter a valid 6-digit OTP"
+        });
+        return Promise.resolve();
+      }
+      setIsLoading(true);
+      const _temp = _catch(function () {
+        const payload = {
+          otp: {
+            otp: otp,
+            identity: mobileNumber,
+            tenantId: "dl"
+          }
+        };
+        return Promise.resolve(Digit.UserService.validateOtp(payload)).then(function () {
+          setIsLoading(false);
+          onVerify();
+        });
+      }, function (err) {
+        var _err$response, _err$response$data, _err$response$data$Er, _err$response$data$Er2;
+        setIsLoading(false);
+        setShowToast({
+          key: "error",
+          message: (err === null || err === void 0 ? void 0 : (_err$response = err.response) === null || _err$response === void 0 ? void 0 : (_err$response$data = _err$response.data) === null || _err$response$data === void 0 ? void 0 : (_err$response$data$Er = _err$response$data.Errors) === null || _err$response$data$Er === void 0 ? void 0 : (_err$response$data$Er2 = _err$response$data$Er[0]) === null || _err$response$data$Er2 === void 0 ? void 0 : _err$response$data$Er2.message) || err.message || "Failed to verify OTP"
+        });
+      });
+      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  const infoItemStyle = {
+    display: "flex",
+    flexDirection: "column",
+    minWidth: 0
+  };
   return /*#__PURE__*/React.createElement(Card, {
     style: {
       marginBottom: "20px"
     }
   }, /*#__PURE__*/React.createElement("div", {
     style: {
-      padding: "16px",
+      padding: "12px 16px",
       backgroundColor: "#fff3cd",
       color: "#856404",
       borderRadius: "8px",
       border: "1px solid #ffeeba",
       marginBottom: "20px",
       display: "flex",
-      alignItems: "center"
+      alignItems: "flex-start",
+      gap: "8px"
     }
   }, /*#__PURE__*/React.createElement("span", {
     style: {
-      marginRight: "8px",
-      fontSize: "20px"
+      fontSize: "18px",
+      flexShrink: 0
     }
   }, "\u2139\uFE0F"), /*#__PURE__*/React.createElement("span", {
     style: {
-      fontWeight: "500"
+      fontWeight: "500",
+      fontSize: "14px"
     }
   }, "Name Change / Mutation is limited to changing the name of the consumer/account holder on the existing water connection. It does not constitute or imply transfer of property ownership.")), missingFields.length > 0 && /*#__PURE__*/React.createElement("div", {
     style: {
@@ -50473,36 +50665,38 @@ const Step1_ExistingConnection = _ref => {
       border: "1px solid #f5c6cb",
       marginBottom: "16px",
       display: "flex",
-      alignItems: "center"
+      alignItems: "flex-start",
+      gap: "8px"
     }
   }, /*#__PURE__*/React.createElement("span", {
     style: {
-      marginRight: "8px",
-      fontSize: "18px"
+      fontSize: "16px",
+      flexShrink: 0
     }
   }, "\u26A0\uFE0F"), /*#__PURE__*/React.createElement("span", {
     style: {
       fontWeight: "500",
       fontSize: "14px"
     }
-  }, "Please verify the connection data before proceeding.")), /*#__PURE__*/React.createElement("div", {
+  }, "Note: Some connection details are missing (", missingFields.join(", "), "). You may need to update them during the mutation process.")), /*#__PURE__*/React.createElement("div", {
     style: {
       display: "flex",
       alignItems: "center",
-      marginBottom: "16px"
+      marginBottom: "16px",
+      flexWrap: "wrap",
+      gap: "8px"
     }
   }, /*#__PURE__*/React.createElement("span", {
     style: {
-      fontSize: "24px",
-      marginRight: "8px"
+      fontSize: "22px"
     }
   }, "\uD83C\uDFE2"), /*#__PURE__*/React.createElement("h2", {
     style: {
-      fontSize: "20px",
+      fontSize: "18px",
       fontWeight: "700",
       margin: 0
     }
-  }, "1. Existing Connection & Current Consumer Details.")), /*#__PURE__*/React.createElement("div", {
+  }, "2. Existing Consumer Details")), /*#__PURE__*/React.createElement("div", {
     style: {
       padding: "16px",
       backgroundColor: "#f9f9f9",
@@ -50512,43 +50706,54 @@ const Step1_ExistingConnection = _ref => {
   }, /*#__PURE__*/React.createElement("div", {
     style: {
       display: "grid",
-      gridTemplateColumns: "1fr 1fr 1fr",
+      gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))",
       gap: "16px"
     }
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
+    style: infoItemStyle
+  }, /*#__PURE__*/React.createElement("div", {
     style: {
       color: "#555",
-      fontSize: "14px",
+      fontSize: "13px",
       marginBottom: "4px"
     }
   }, "Connection Number"), /*#__PURE__*/React.createElement("div", {
     style: {
-      fontWeight: "bold"
+      fontWeight: "bold",
+      wordBreak: "break-all"
     }
-  }, connectionNo)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+  }, connectionNo)), /*#__PURE__*/React.createElement("div", {
+    style: infoItemStyle
+  }, /*#__PURE__*/React.createElement("div", {
     style: {
       color: "#555",
-      fontSize: "14px",
+      fontSize: "13px",
       marginBottom: "4px"
     }
   }, "Current Owner Name"), /*#__PURE__*/React.createElement("div", {
     style: {
-      fontWeight: "bold"
+      fontWeight: "bold",
+      wordBreak: "break-word"
     }
-  }, registeredName)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+  }, registeredName)), /*#__PURE__*/React.createElement("div", {
+    style: infoItemStyle
+  }, /*#__PURE__*/React.createElement("div", {
     style: {
       color: "#555",
-      fontSize: "14px",
+      fontSize: "13px",
       marginBottom: "4px"
     }
   }, "Property Address"), /*#__PURE__*/React.createElement("div", {
     style: {
-      fontWeight: "bold"
+      fontWeight: "bold",
+      wordBreak: "break-word"
     }
-  }, formattedAddress)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+  }, formattedAddress)), /*#__PURE__*/React.createElement("div", {
+    style: infoItemStyle
+  }, /*#__PURE__*/React.createElement("div", {
     style: {
       color: "#555",
-      fontSize: "14px",
+      fontSize: "13px",
       marginBottom: "4px"
     }
   }, "Connection Status"), /*#__PURE__*/React.createElement("div", {
@@ -50556,27 +50761,88 @@ const Step1_ExistingConnection = _ref => {
       fontWeight: "bold",
       color: (connectionStatus === null || connectionStatus === void 0 ? void 0 : connectionStatus.toLowerCase()) === "active" ? "#28a745" : "#dc3545"
     }
-  }, connectionStatus)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+  }, connectionStatus)), /*#__PURE__*/React.createElement("div", {
+    style: infoItemStyle
+  }, /*#__PURE__*/React.createElement("div", {
     style: {
       color: "#555",
-      fontSize: "14px",
+      fontSize: "13px",
       marginBottom: "4px"
     }
   }, "Meter Number"), /*#__PURE__*/React.createElement("div", {
     style: {
-      fontWeight: "bold"
+      fontWeight: "bold",
+      wordBreak: "break-all"
     }
-  }, meterId)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+  }, meterId)), /*#__PURE__*/React.createElement("div", {
+    style: infoItemStyle
+  }, /*#__PURE__*/React.createElement("div", {
     style: {
       color: "#555",
-      fontSize: "14px",
+      fontSize: "13px",
       marginBottom: "4px"
     }
   }, "Mobile Number"), /*#__PURE__*/React.createElement("div", {
     style: {
       fontWeight: "bold"
     }
-  }, registeredPhone)))));
+  }, registeredPhone)))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: "24px",
+      borderTop: "1px solid #e0e0e0",
+      paddingTop: "16px"
+    }
+  }, /*#__PURE__*/React.createElement("h3", {
+    style: {
+      fontSize: "16px",
+      fontWeight: "bold",
+      marginBottom: "16px"
+    }
+  }, "Verify OTP"), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "8px",
+      maxWidth: "400px",
+      marginBottom: "16px"
+    }
+  }, /*#__PURE__*/React.createElement("label", {
+    style: {
+      fontWeight: "500",
+      fontSize: "14px"
+    }
+  }, "Enter OTP sent to +91 ", getMaskedPhone(mobileNumber), " *"), /*#__PURE__*/React.createElement(TextInput, {
+    value: otp,
+    onChange: e => setOtp(e.target.value.replace(/\D/g, '').slice(0, 6)),
+    placeholder: "Enter 6-digit OTP",
+    maxLength: 6
+  })), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      justifyContent: "flex-end"
+    }
+  }, /*#__PURE__*/React.createElement("button", {
+    onClick: handleVerifyOtp,
+    disabled: isLoading || otp.length < 6,
+    style: {
+      padding: "10px 20px",
+      backgroundColor: "#00497e",
+      color: "white",
+      border: "none",
+      borderRadius: "4px",
+      cursor: isLoading || otp.length < 6 ? "not-allowed" : "pointer",
+      fontWeight: "bold",
+      opacity: isLoading || otp.length < 6 ? 0.5 : 1,
+      width: "100%",
+      maxWidth: "200px"
+    }
+  }, isLoading ? "Verifying..." : "Verify & Proceed →"))), showToast && /*#__PURE__*/React.createElement(Toast, {
+    error: (showToast === null || showToast === void 0 ? void 0 : showToast.key) === "error",
+    warning: (showToast === null || showToast === void 0 ? void 0 : showToast.key) === "warning",
+    label: showToast === null || showToast === void 0 ? void 0 : showToast.message,
+    onClose: () => setShowToast(null),
+    isDleteBtn: true
+  }));
 };
 
 const Step2_NewConsumerDetails = _ref => {
@@ -50594,7 +50860,8 @@ const Step2_NewConsumerDetails = _ref => {
     errors = _useForm.formState.errors,
     trigger = _useForm.trigger,
     setError = _useForm.setError,
-    clearErrors = _useForm.clearErrors;
+    clearErrors = _useForm.clearErrors,
+    setValue = _useForm.setValue;
   const _useState = useState(null),
     showToast = _useState[0],
     setShowToast = _useState[1];
@@ -50690,16 +50957,17 @@ const Step2_NewConsumerDetails = _ref => {
     style: {
       display: "flex",
       alignItems: "center",
-      marginBottom: "16px"
+      marginBottom: "16px",
+      flexWrap: "wrap",
+      gap: "8px"
     }
   }, /*#__PURE__*/React.createElement("span", {
     style: {
-      fontSize: "24px",
-      marginRight: "8px"
+      fontSize: "22px"
     }
   }, "\uD83D\uDC64"), /*#__PURE__*/React.createElement("h2", {
     style: {
-      fontSize: "20px",
+      fontSize: "18px",
       fontWeight: "700",
       margin: 0
     }
@@ -50712,12 +50980,13 @@ const Step2_NewConsumerDetails = _ref => {
       border: "1px solid #f5c6cb",
       marginBottom: "16px",
       display: "flex",
-      alignItems: "center"
+      alignItems: "flex-start",
+      gap: "8px"
     }
   }, /*#__PURE__*/React.createElement("span", {
     style: {
-      marginRight: "8px",
-      fontSize: "18px"
+      fontSize: "16px",
+      flexShrink: 0
     }
   }, "\u26A0\uFE0F"), /*#__PURE__*/React.createElement("span", {
     style: {
@@ -50734,9 +51003,9 @@ const Step2_NewConsumerDetails = _ref => {
   }, /*#__PURE__*/React.createElement("div", {
     style: {
       display: "grid",
-      gridTemplateColumns: "1fr 1fr 1fr",
-      gap: "24px",
-      padding: "16px 0"
+      gridTemplateColumns: "repeat(auto-fill, minmax(240px, 1fr))",
+      gap: "20px",
+      padding: "8px 0 16px"
     }
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, {
     style: {
@@ -50884,6 +51153,9 @@ const Step2_NewConsumerDetails = _ref => {
         setTouched(p => _extends({}, p, {
           reasonForNameChange: true
         }));
+        if ((val === null || val === void 0 ? void 0 : val.code) !== "OTHER" && val !== "OTHER") {
+          setValue("relationshipWithExistingConsumer", null);
+        }
       },
       optionKey: "i18nKey",
       t: t,
@@ -50930,13 +51202,15 @@ const Step2_NewConsumerDetails = _ref => {
       display: "flex",
       justifyContent: "space-between",
       alignItems: "center",
-      marginTop: "24px"
+      marginTop: "24px",
+      flexWrap: "wrap",
+      gap: "12px"
     }
   }, /*#__PURE__*/React.createElement("button", {
     type: "button",
     onClick: onBack,
     style: {
-      padding: "8px 24px",
+      padding: "10px 20px",
       backgroundColor: "#e0e0e0",
       border: "none",
       borderRadius: "4px",
@@ -50947,7 +51221,8 @@ const Step2_NewConsumerDetails = _ref => {
     style: {
       display: "flex",
       alignItems: "center",
-      gap: "12px"
+      gap: "12px",
+      flexWrap: "wrap"
     }
   }, /*#__PURE__*/React.createElement("span", {
     style: {
@@ -50961,7 +51236,7 @@ const Step2_NewConsumerDetails = _ref => {
   }, "*"), " are mandatory"), /*#__PURE__*/React.createElement("button", {
     type: "submit",
     style: {
-      padding: "10px 24px",
+      padding: "10px 20px",
       backgroundColor: "#00497e",
       color: "white",
       border: "none",
@@ -51135,6 +51410,80 @@ const Step3_UploadDocuments = _ref => {
   useEffect(() => {
     if (rawFiles.mutation) handleFileUpload(rawFiles.mutation, "mutation");
   }, [rawFiles.mutation]);
+  const _useState0 = useState(""),
+    identityFileName = _useState0[0],
+    setIdentityFileName = _useState0[1];
+  const _useState1 = useState(""),
+    mutationFileName = _useState1[0],
+    setMutationFileName = _useState1[1];
+  const _useState10 = useState(""),
+    identityFileUrl = _useState10[0],
+    setIdentityFileUrl = _useState10[1];
+  const _useState11 = useState(""),
+    mutationFileUrl = _useState11[0],
+    setMutationFileUrl = _useState11[1];
+  useEffect(() => {
+    const fetchFileDetails = function () {
+      try {
+        function _temp6() {
+          const _temp4 = function () {
+            if (mutationDocFile && !rawFiles.mutation) {
+              const _temp3 = _catch(function () {
+                return Promise.resolve(window.Digit.UploadServices.Filefetch([mutationDocFile], tenantId)).then(function (res) {
+                  var _res$data;
+                  if (res !== null && res !== void 0 && (_res$data = res.data) !== null && _res$data !== void 0 && _res$data[mutationDocFile]) {
+                    const url = res.data[mutationDocFile].split(",")[0];
+                    setMutationFileUrl(url);
+                    let fileName = "Supporting_Document";
+                    try {
+                      const decoded = decodeURIComponent(url);
+                      const urlParts = decoded.split("?")[0].split("/");
+                      fileName = urlParts[urlParts.length - 1];
+                      if (fileName.includes("-")) fileName = fileName.split("-").slice(1).join("-");
+                    } catch (e) {}
+                    setMutationFileName(fileName);
+                  }
+                });
+              }, function (e) {
+                console.error("Error fetching mutation doc", e);
+              });
+              if (_temp3 && _temp3.then) return _temp3.then(function () {});
+            }
+          }();
+          if (_temp4 && _temp4.then) return _temp4.then(function () {});
+        }
+        const tenantId = window.Digit.ULBService.getStateId();
+        const _temp5 = function () {
+          if (identityProofFile && !rawFiles.identity) {
+            const _temp2 = _catch(function () {
+              return Promise.resolve(window.Digit.UploadServices.Filefetch([identityProofFile], tenantId)).then(function (res) {
+                var _res$data2;
+                if (res !== null && res !== void 0 && (_res$data2 = res.data) !== null && _res$data2 !== void 0 && _res$data2[identityProofFile]) {
+                  const url = res.data[identityProofFile].split(",")[0];
+                  setIdentityFileUrl(url);
+                  let fileName = "Identity_Document";
+                  try {
+                    const decoded = decodeURIComponent(url);
+                    const urlParts = decoded.split("?")[0].split("/");
+                    fileName = urlParts[urlParts.length - 1];
+                    if (fileName.includes("-")) fileName = fileName.split("-").slice(1).join("-");
+                  } catch (e) {}
+                  setIdentityFileName(fileName);
+                }
+              });
+            }, function (e) {
+              console.error("Error fetching identity doc", e);
+            });
+            if (_temp2 && _temp2.then) return _temp2.then(function () {});
+          }
+        }();
+        return Promise.resolve(_temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5));
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    };
+    fetchFileDetails();
+  }, [identityProofFile, mutationDocFile, rawFiles]);
   useEffect(() => {
     if (hasAttemptedSubmit) {
       const newErrors = {};
@@ -51232,12 +51581,13 @@ const Step3_UploadDocuments = _ref => {
       border: "1px solid #f5c6cb",
       marginBottom: "16px",
       display: "flex",
-      alignItems: "center"
+      alignItems: "flex-start",
+      gap: "8px"
     }
   }, /*#__PURE__*/React.createElement("span", {
     style: {
-      marginRight: "8px",
-      fontSize: "18px"
+      fontSize: "16px",
+      flexShrink: 0
     }
   }, "\u26A0\uFE0F"), /*#__PURE__*/React.createElement("span", {
     style: {
@@ -51247,7 +51597,7 @@ const Step3_UploadDocuments = _ref => {
   }, errorCount, " required item", errorCount > 1 ? "s" : "", " still need", errorCount === 1 ? "s" : "", " your attention before proceeding.")), /*#__PURE__*/React.createElement("div", {
     style: {
       display: "grid",
-      gridTemplateColumns: "1fr 1fr",
+      gridTemplateColumns: "repeat(auto-fill, minmax(280px, 1fr))",
       gap: "24px"
     }
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, {
@@ -51338,7 +51688,26 @@ const Step3_UploadDocuments = _ref => {
     style: errorTextStyle
   }, fieldErrors.identityFile), identityProofFile && /*#__PURE__*/React.createElement("div", {
     style: successTextStyle
-  }, "\u2713 Document uploaded successfully")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, {
+  }, "\u2713 Document uploaded successfully"), identityProofFile && identityFileUrl && !rawFiles.identity && /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: "8px"
+    }
+  }, /*#__PURE__*/React.createElement("a", {
+    href: identityFileUrl,
+    target: "_blank",
+    rel: "noreferrer",
+    style: {
+      color: "#f47738",
+      textDecoration: "underline",
+      fontSize: "14px",
+      display: "inline-flex",
+      alignItems: "center"
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      marginRight: "4px"
+    }
+  }, "\uD83D\uDCC4"), " View ", identityFileName))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, {
     style: {
       fontWeight: "bold"
     }
@@ -51382,18 +51751,39 @@ const Step3_UploadDocuments = _ref => {
     style: errorTextStyle
   }, fieldErrors.mutationFile), mutationDocFile && /*#__PURE__*/React.createElement("div", {
     style: successTextStyle
-  }, "\u2713 Document uploaded successfully"))), /*#__PURE__*/React.createElement("div", {
+  }, "\u2713 Document uploaded successfully"), mutationDocFile && mutationFileUrl && !rawFiles.mutation && /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: "8px"
+    }
+  }, /*#__PURE__*/React.createElement("a", {
+    href: mutationFileUrl,
+    target: "_blank",
+    rel: "noreferrer",
+    style: {
+      color: "#f47738",
+      textDecoration: "underline",
+      fontSize: "14px",
+      display: "inline-flex",
+      alignItems: "center"
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      marginRight: "4px"
+    }
+  }, "\uD83D\uDCC4"), " View ", mutationFileName)))), /*#__PURE__*/React.createElement("div", {
     style: {
       display: "flex",
       justifyContent: "space-between",
       alignItems: "center",
-      marginTop: "32px"
+      marginTop: "32px",
+      flexWrap: "wrap",
+      gap: "12px"
     }
   }, /*#__PURE__*/React.createElement("button", {
     type: "button",
     onClick: onBack,
     style: {
-      padding: "8px 24px",
+      padding: "10px 20px",
       backgroundColor: "#e0e0e0",
       border: "none",
       borderRadius: "4px",
@@ -51404,7 +51794,8 @@ const Step3_UploadDocuments = _ref => {
     style: {
       display: "flex",
       alignItems: "center",
-      gap: "12px"
+      gap: "12px",
+      flexWrap: "wrap"
     }
   }, /*#__PURE__*/React.createElement("span", {
     style: {
@@ -51416,7 +51807,7 @@ const Step3_UploadDocuments = _ref => {
     onClick: onProceed,
     disabled: isUploading,
     style: {
-      padding: "10px 24px",
+      padding: "10px 20px",
       backgroundColor: isUploading ? "#ccc" : "#00497e",
       color: "white",
       border: "none",
@@ -51435,8 +51826,9 @@ const Step3_UploadDocuments = _ref => {
 };
 
 const Step4_Preview = _ref => {
-  var _appData$connectionHo, _appData$property, _address$locality;
-  let formData = _ref.formData,
+  var _appData$connectionHo, _propertyData$Propert, _propertyData$Propert2, _appData$property, _propertyAddress$loca;
+  let t = _ref.t,
+    formData = _ref.formData,
     applicationDetails = _ref.applicationDetails,
     onBack = _ref.onBack,
     onSubmit = _ref.onSubmit,
@@ -51447,9 +51839,11 @@ const Step4_Preview = _ref => {
   const _useState2 = useState(0),
     fee = _useState2[0],
     setFee = _useState2[1];
-  const _useState3 = useState("Calculating..."),
-    slab = _useState3[0],
-    setSlab = _useState3[1];
+  const _useState3 = useState([]),
+    taxHeads = _useState3[0],
+    setTaxHeads = _useState3[1];
+  const _useState4 = useState("Calculating..."),
+    setSlab = _useState4[1];
   const getMaskedName = name => {
     if (!name) return "NA";
     return name.split("").map((char, index) => index % 2 === 1 && char !== " " ? "*" : char).join("");
@@ -51465,8 +51859,22 @@ const Step4_Preview = _ref => {
   const oldHolder = (appData === null || appData === void 0 ? void 0 : (_appData$connectionHo = appData.connectionHolders) === null || _appData$connectionHo === void 0 ? void 0 : _appData$connectionHo[0]) || {};
   const oldName = getMaskedName(oldHolder === null || oldHolder === void 0 ? void 0 : oldHolder.name);
   const oldPhone = getMaskedPhone(oldHolder === null || oldHolder === void 0 ? void 0 : oldHolder.mobileNumber);
-  const address = (appData === null || appData === void 0 ? void 0 : (_appData$property = appData.property) === null || _appData$property === void 0 ? void 0 : _appData$property.address) || {};
-  const oldAddress = [address === null || address === void 0 ? void 0 : address.doorNo, address === null || address === void 0 ? void 0 : address.buildingName, address === null || address === void 0 ? void 0 : address.street, address === null || address === void 0 ? void 0 : (_address$locality = address.locality) === null || _address$locality === void 0 ? void 0 : _address$locality.name, address === null || address === void 0 ? void 0 : address.city].filter(Boolean).join(", ") || "NA";
+  const tenantId = (appData === null || appData === void 0 ? void 0 : appData.tenantId) || Digit.ULBService.getCurrentTenantId();
+  const _Digit$Hooks$pt$usePr = Digit.Hooks.pt.usePropertySearch({
+      filters: {
+        propertyIds: propertyId
+      },
+      tenantId
+    }, {
+      filters: {
+        propertyIds: propertyId
+      },
+      tenantId,
+      enabled: !!propertyId && propertyId !== "NA"
+    }),
+    propertyData = _Digit$Hooks$pt$usePr.data;
+  const propertyAddress = (propertyData === null || propertyData === void 0 ? void 0 : (_propertyData$Propert = propertyData.Properties) === null || _propertyData$Propert === void 0 ? void 0 : (_propertyData$Propert2 = _propertyData$Propert[0]) === null || _propertyData$Propert2 === void 0 ? void 0 : _propertyData$Propert2.address) || (appData === null || appData === void 0 ? void 0 : (_appData$property = appData.property) === null || _appData$property === void 0 ? void 0 : _appData$property.address) || {};
+  const oldAddress = [(propertyAddress === null || propertyAddress === void 0 ? void 0 : propertyAddress.houseNo) || (propertyAddress === null || propertyAddress === void 0 ? void 0 : propertyAddress.doorNo), propertyAddress === null || propertyAddress === void 0 ? void 0 : propertyAddress.buildingName, propertyAddress === null || propertyAddress === void 0 ? void 0 : propertyAddress.street, propertyAddress === null || propertyAddress === void 0 ? void 0 : (_propertyAddress$loca = propertyAddress.locality) === null || _propertyAddress$loca === void 0 ? void 0 : _propertyAddress$loca.name, propertyAddress === null || propertyAddress === void 0 ? void 0 : propertyAddress.city, propertyAddress === null || propertyAddress === void 0 ? void 0 : propertyAddress.pincode].filter(Boolean).join(", ") || "NA";
   const proposedNewConsumerName = formData.proposedNewConsumerName,
     newOwnerMobileNumber = formData.newOwnerMobileNumber,
     relationshipWithExistingConsumer = formData.relationshipWithExistingConsumer,
@@ -51493,7 +51901,6 @@ const Step4_Preview = _ref => {
     };
     return map[code] || code;
   };
-  const tenantId = Digit.ULBService.getCurrentTenantId();
   const viewDocument = function (fileStoreId) {
     try {
       if (!fileStoreId) return Promise.resolve();
@@ -51515,15 +51922,30 @@ const Step4_Preview = _ref => {
     }
   };
   useEffect(() => {
-    const relationCode = (relationshipWithExistingConsumer === null || relationshipWithExistingConsumer === void 0 ? void 0 : relationshipWithExistingConsumer.code) || relationshipWithExistingConsumer;
-    if (relationCode && relationCode !== "OTHER") {
-      setFee(100);
-      setSlab("Blood relation slab");
-    } else {
-      setFee(1350);
-      setSlab("Other Slab");
-    }
-  }, [relationshipWithExistingConsumer]);
+    const calculateStaticFee = () => {
+      var _formData$relationshi;
+      const relationCode = (formData === null || formData === void 0 ? void 0 : (_formData$relationshi = formData.relationshipWithExistingConsumer) === null || _formData$relationshi === void 0 ? void 0 : _formData$relationshi.code) || (formData === null || formData === void 0 ? void 0 : formData.relationshipWithExistingConsumer);
+      if (relationCode === "BLOOD_RELATION") {
+        setFee(100);
+        setTaxHeads([]);
+        setSlab("Blood relation slab");
+      } else {
+        setFee(1350);
+        setTaxHeads([{
+          taxHeadCode: "WS_MUTATION_TRADE_SECURITY",
+          estimateAmount: 250.00
+        }, {
+          taxHeadCode: "WS_MUTATION_FEE",
+          estimateAmount: 100.00
+        }, {
+          taxHeadCode: "WS_WATER_ADVANCE",
+          estimateAmount: 1000.00
+        }]);
+        setSlab("Other Slab");
+      }
+    };
+    calculateStaticFee();
+  }, [formData]);
   const sectionStyle = {
     border: "1px solid #e0e0e0",
     borderRadius: "8px",
@@ -51532,17 +51954,27 @@ const Step4_Preview = _ref => {
   };
   const labelStyle = {
     color: "#666",
-    fontSize: "14px",
+    fontSize: "13px",
     marginBottom: "4px"
   };
   const valueStyle = {
     fontWeight: "bold",
-    fontSize: "16px"
+    fontSize: "15px",
+    wordBreak: "break-word"
   };
   const uploadDocStatusStyle = {
     fontSize: "14px",
     fontWeight: "bold"
   };
+  const infoItem = (label, value) => /*#__PURE__*/React.createElement("div", {
+    style: {
+      minWidth: 0
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: labelStyle
+  }, label), /*#__PURE__*/React.createElement("div", {
+    style: valueStyle
+  }, value));
   return /*#__PURE__*/React.createElement(Card, {
     style: {
       marginBottom: "20px"
@@ -51551,16 +51983,17 @@ const Step4_Preview = _ref => {
     style: {
       display: "flex",
       alignItems: "center",
-      marginBottom: "16px"
+      marginBottom: "16px",
+      flexWrap: "wrap",
+      gap: "8px"
     }
   }, /*#__PURE__*/React.createElement("span", {
     style: {
-      fontSize: "24px",
-      marginRight: "8px"
+      fontSize: "22px"
     }
   }, "\uD83D\uDCCB"), /*#__PURE__*/React.createElement("h2", {
     style: {
-      fontSize: "20px",
+      fontSize: "18px",
       fontWeight: "700",
       margin: 0
     }
@@ -51570,100 +52003,59 @@ const Step4_Preview = _ref => {
     })
   }, /*#__PURE__*/React.createElement("h3", {
     style: {
-      fontSize: "16px",
+      fontSize: "15px",
       fontWeight: "bold",
       color: "#00497e",
       marginBottom: "12px"
     }
   }, "Property & Connection Summary"), /*#__PURE__*/React.createElement("div", {
     style: {
-      display: "flex",
-      justifyContent: "space-between"
+      display: "grid",
+      gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))",
+      gap: "16px"
     }
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    style: labelStyle
-  }, "Connection No"), /*#__PURE__*/React.createElement("div", {
-    style: valueStyle
-  }, connectionNo)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    style: labelStyle
-  }, "Meter Number"), /*#__PURE__*/React.createElement("div", {
-    style: valueStyle
-  }, meterId)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    style: labelStyle
-  }, "Property ID"), /*#__PURE__*/React.createElement("div", {
-    style: valueStyle
-  }, propertyId)))), /*#__PURE__*/React.createElement("div", {
+  }, infoItem("Connection No", connectionNo), infoItem("Meter Number", meterId), infoItem("Property ID", propertyId))), /*#__PURE__*/React.createElement("div", {
     style: _extends({}, sectionStyle, {
       borderLeft: "4px solid #f29c1f"
     })
   }, /*#__PURE__*/React.createElement("h3", {
     style: {
-      fontSize: "16px",
+      fontSize: "15px",
       fontWeight: "bold",
       color: "#f29c1f",
       marginBottom: "12px"
     }
   }, "\uD83D\uDD12 Existing / Previous Owner Details (Masked Information)"), /*#__PURE__*/React.createElement("div", {
     style: {
-      display: "flex",
-      justifyContent: "space-between",
+      display: "grid",
+      gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))",
+      gap: "16px",
       marginBottom: "12px"
     }
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    style: labelStyle
-  }, "Registered Name:"), /*#__PURE__*/React.createElement("div", {
-    style: valueStyle
-  }, oldName)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    style: labelStyle
-  }, "Meter Number:"), /*#__PURE__*/React.createElement("div", {
-    style: valueStyle
-  }, meterId)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    style: labelStyle
-  }, "Registered Phone:"), /*#__PURE__*/React.createElement("div", {
-    style: valueStyle
-  }, oldPhone))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    style: labelStyle
-  }, "Registered Address:"), /*#__PURE__*/React.createElement("div", {
-    style: valueStyle
-  }, oldAddress))), /*#__PURE__*/React.createElement("div", {
+  }, infoItem("Registered Name:", oldName), infoItem("Registered Phone:", oldPhone)), infoItem("Registered Address:", oldAddress)), /*#__PURE__*/React.createElement("div", {
     style: _extends({}, sectionStyle, {
       borderLeft: "4px solid #00497e"
     })
   }, /*#__PURE__*/React.createElement("h3", {
     style: {
-      fontSize: "16px",
+      fontSize: "15px",
       fontWeight: "bold",
       color: "#00497e",
       marginBottom: "12px"
     }
   }, "\uD83D\uDC64 Transferee (New Owner) Summary"), /*#__PURE__*/React.createElement("div", {
     style: {
-      display: "flex",
-      justifyContent: "space-between"
+      display: "grid",
+      gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))",
+      gap: "16px"
     }
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    style: labelStyle
-  }, "New Owner Name"), /*#__PURE__*/React.createElement("div", {
-    style: valueStyle
-  }, proposedNewConsumerName)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    style: labelStyle
-  }, "Mobile Number"), /*#__PURE__*/React.createElement("div", {
-    style: valueStyle
-  }, newOwnerMobileNumber)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    style: labelStyle
-  }, "Relation Type"), /*#__PURE__*/React.createElement("div", {
-    style: valueStyle
-  }, getRelationshipName(relationshipWithExistingConsumer))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    style: labelStyle
-  }, "Transfer Reason"), /*#__PURE__*/React.createElement("div", {
-    style: valueStyle
-  }, getReasonName(reasonForNameChange))))), /*#__PURE__*/React.createElement("div", {
+  }, infoItem("New Owner Name", proposedNewConsumerName), infoItem("Mobile Number", newOwnerMobileNumber), infoItem("Relation Type", getRelationshipName(relationshipWithExistingConsumer)), infoItem("Transfer Reason", getReasonName(reasonForNameChange)))), /*#__PURE__*/React.createElement("div", {
     style: _extends({}, sectionStyle, {
       borderLeft: "4px solid #17a2b8"
     })
   }, /*#__PURE__*/React.createElement("h3", {
     style: {
-      fontSize: "16px",
+      fontSize: "15px",
       fontWeight: "bold",
       color: "#17a2b8",
       marginBottom: "12px"
@@ -51671,7 +52063,7 @@ const Step4_Preview = _ref => {
   }, "Uploaded Documents"), /*#__PURE__*/React.createElement("div", {
     style: {
       display: "grid",
-      gridTemplateColumns: "1fr 1fr 1fr",
+      gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))",
       gap: "16px"
     }
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
@@ -51680,7 +52072,8 @@ const Step4_Preview = _ref => {
     style: {
       display: "flex",
       alignItems: "center",
-      gap: "8px"
+      gap: "8px",
+      flexWrap: "wrap"
     }
   }, /*#__PURE__*/React.createElement("span", {
     style: uploadDocStatusStyle
@@ -51694,7 +52087,8 @@ const Step4_Preview = _ref => {
       textDecoration: "underline",
       cursor: "pointer",
       fontSize: "14px",
-      fontWeight: "bold"
+      fontWeight: "bold",
+      padding: 0
     }
   }, "View"))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     style: labelStyle
@@ -51706,7 +52100,8 @@ const Step4_Preview = _ref => {
     style: {
       display: "flex",
       alignItems: "center",
-      gap: "8px"
+      gap: "8px",
+      flexWrap: "wrap"
     }
   }, /*#__PURE__*/React.createElement("span", {
     style: uploadDocStatusStyle
@@ -51720,7 +52115,8 @@ const Step4_Preview = _ref => {
       textDecoration: "underline",
       cursor: "pointer",
       fontSize: "14px",
-      fontWeight: "bold"
+      fontWeight: "bold",
+      padding: 0
     }
   }, "View"))))), /*#__PURE__*/React.createElement("div", {
     style: _extends({}, sectionStyle, {
@@ -51730,19 +52126,44 @@ const Step4_Preview = _ref => {
     })
   }, /*#__PURE__*/React.createElement("h3", {
     style: {
-      fontSize: "16px",
+      fontSize: "15px",
       fontWeight: "bold",
       color: "#28a745",
       marginBottom: "12px"
     }
-  }, "\uD83D\uDCB5 Mutation Fee Details (Money to Pay in Mutation)"), /*#__PURE__*/React.createElement("div", {
+  }, "\uD83D\uDCB5 Mutation Fee Details"), taxHeads && taxHeads.length > 0 && /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginBottom: "16px"
+    }
+  }, taxHeads.map((tax, index) => /*#__PURE__*/React.createElement("div", {
+    key: index,
+    style: {
+      display: "flex",
+      justifyContent: "space-between",
+      marginBottom: "8px",
+      maxWidth: "400px"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: labelStyle
+  }, t(tax.taxHeadCode), ":"), /*#__PURE__*/React.createElement("div", {
+    style: valueStyle
+  }, "\u20B9 ", tax.estimateAmount, ".00"))), /*#__PURE__*/React.createElement("hr", {
+    style: {
+      borderTop: "1px solid #c3e6cb",
+      margin: "12px 0",
+      maxWidth: "400px"
+    }
+  })), /*#__PURE__*/React.createElement("div", {
     style: {
       display: "flex",
-      justifyContent: "space-between"
+      justifyContent: "space-between",
+      maxWidth: "400px",
+      flexWrap: "wrap",
+      gap: "8px"
     }
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     style: labelStyle
-  }, "Mutation Money to Pay:"), /*#__PURE__*/React.createElement("div", {
+  }, "Total Amount Payable:"), /*#__PURE__*/React.createElement("div", {
     style: _extends({}, valueStyle, {
       color: "#28a745",
       fontSize: "20px"
@@ -51756,13 +52177,11 @@ const Step4_Preview = _ref => {
       color: "#0c5460",
       borderRadius: "16px",
       fontSize: "12px",
-      fontWeight: "bold"
+      fontWeight: "bold",
+      display: "inline-block",
+      marginTop: "4px"
     }
-  }, "PAYABLE POST VERIFICATION")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    style: labelStyle
-  }, "Applicable Slab:"), /*#__PURE__*/React.createElement("div", {
-    style: valueStyle
-  }, slab)))), /*#__PURE__*/React.createElement("div", {
+  }, "PAYABLE POST VERIFICATION")))), /*#__PURE__*/React.createElement("div", {
     style: {
       padding: "16px",
       backgroundColor: "#fffbeb",
@@ -51778,13 +52197,13 @@ const Step4_Preview = _ref => {
     type: "button",
     onClick: onBack,
     style: {
-      padding: "8px 24px",
+      padding: "10px 20px",
       backgroundColor: "#e0e0e0",
       border: "none",
       borderRadius: "4px",
       cursor: "pointer",
       fontWeight: "bold",
-      marginRight: "16px"
+      marginRight: "12px"
     }
   }, "\u2190 Edit Information"), /*#__PURE__*/React.createElement(SubmitBar, {
     label: isLoading ? "Submitting..." : "Submit Mutation Application",
@@ -51806,48 +52225,43 @@ const Step5_Submission = _ref => {
   const goHome = () => {
     history.push("/digit-ui/employee");
   };
-  const bannerStyle = {
-    backgroundColor: "#fff",
-    border: "1px solid #d4edda",
-    borderTop: "4px solid #28a745",
-    borderRadius: "8px",
-    padding: "20px",
-    display: "flex",
-    justifyContent: "space-between",
-    alignItems: "center",
-    marginBottom: "20px"
-  };
-  const statusPanelStyle = {
-    backgroundColor: "#fff",
-    border: "1px solid #e0e0e0",
-    borderRadius: "8px",
-    padding: "20px"
-  };
   return /*#__PURE__*/React.createElement("div", {
     style: {
-      padding: "20px 0"
+      padding: "16px 0"
     }
   }, /*#__PURE__*/React.createElement("div", {
-    style: bannerStyle
+    style: {
+      backgroundColor: "#fff",
+      border: "1px solid #d4edda",
+      borderTop: "4px solid #28a745",
+      borderRadius: "8px",
+      padding: "20px",
+      display: "flex",
+      justifyContent: "space-between",
+      alignItems: "flex-start",
+      flexWrap: "wrap",
+      gap: "12px",
+      marginBottom: "20px"
+    }
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h2", {
     style: {
       color: "#28a745",
-      fontSize: "20px",
+      fontSize: "18px",
       fontWeight: "bold",
-      margin: 0,
+      margin: "0 0 4px",
       display: "flex",
-      alignItems: "center"
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    style: {
-      marginRight: "8px"
+      alignItems: "center",
+      flexWrap: "wrap",
+      gap: "6px"
     }
-  }, "\u2705"), " Application Submitted Successfully!"), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("span", null, "\u2705"), " Your application has been submitted successfully!"), /*#__PURE__*/React.createElement("div", {
     style: {
       color: "#666",
-      marginTop: "4px"
+      marginTop: "4px",
+      fontSize: "14px",
+      wordBreak: "break-all"
     }
-  }, "Application Reference No: ", /*#__PURE__*/React.createElement("strong", {
+  }, "Your SRN Reference No. is: ", /*#__PURE__*/React.createElement("strong", {
     style: {
       color: "#00497e"
     }
@@ -51858,36 +52272,10 @@ const Step5_Submission = _ref => {
       color: "#856404",
       borderRadius: "16px",
       fontSize: "12px",
-      fontWeight: "bold"
-    }
-  }, "PENDING_APPROVAL_FOR_MUTATION"))), /*#__PURE__*/React.createElement("div", {
-    style: statusPanelStyle
-  }, /*#__PURE__*/React.createElement("h3", {
-    style: {
-      color: "#00497e",
-      fontSize: "16px",
       fontWeight: "bold",
-      margin: "0 0 16px 0",
-      display: "flex",
-      alignItems: "center"
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    style: {
-      marginRight: "8px"
+      whiteSpace: "nowrap"
     }
-  }, "\uD83D\uDCCC"), " Current Workflow Status"), /*#__PURE__*/React.createElement("hr", {
-    style: {
-      border: "0",
-      borderTop: "1px solid #e0e0e0",
-      margin: "0 0 16px 0"
-    }
-  }), /*#__PURE__*/React.createElement("p", {
-    style: {
-      color: "#333",
-      fontSize: "14px",
-      margin: 0
-    }
-  }, "Application has been routed to ", /*#__PURE__*/React.createElement("strong", null, "Water Supply Department Verification Officer"), ".")), /*#__PURE__*/React.createElement("div", {
+  }, "Pending for Zonal Officer approval"))), /*#__PURE__*/React.createElement("div", {
     style: {
       marginTop: "24px",
       textAlign: "center"
@@ -51895,13 +52283,16 @@ const Step5_Submission = _ref => {
   }, /*#__PURE__*/React.createElement("button", {
     onClick: goHome,
     style: {
-      padding: "10px 24px",
+      padding: "12px 28px",
       backgroundColor: "#00497e",
       color: "white",
       border: "none",
       borderRadius: "4px",
       cursor: "pointer",
-      fontWeight: "bold"
+      fontWeight: "bold",
+      fontSize: "15px",
+      width: "100%",
+      maxWidth: "280px"
     }
   }, "Go to Home")), showToast && /*#__PURE__*/React.createElement(Toast, {
     error: showToast.key === "error",
@@ -51912,7 +52303,7 @@ const Step5_Submission = _ref => {
 };
 
 const MutationApplication = () => {
-  var _Digit$SessionStorage, _user$info, _state, _user$info2, _user$info2$userName, _user$info3, _user$info4, _details$applicationD, _applicationDetails$a, _applicationDetails$a3, _applicationDetails$a4;
+  var _Digit$SessionStorage, _user$info, _state, _user$info2, _user$info2$userName, _user$info3, _user$info4, _details$applicationD, _applicationDetails$a, _applicationDetails$a2, _applicationDetails$a4, _applicationDetails$a7, _applicationDetails$a8;
   const _useTranslation = useTranslation(),
     t = _useTranslation.t;
   let _useLocation = useLocation(),
@@ -51937,6 +52328,23 @@ const MutationApplication = () => {
     setIsSubmitting = _useState5[1];
   const _useState6 = useState(new Set()),
     setCompletedSteps = _useState6[1];
+  const _useState7 = useState(window.innerWidth < 768),
+    isMobile = _useState7[0],
+    setIsMobile = _useState7[1];
+  useEffect(() => {
+    const handleResize = () => setIsMobile(window.innerWidth < 768);
+    window.addEventListener("resize", handleResize);
+    return () => window.removeEventListener("resize", handleResize);
+  }, []);
+  const _useState8 = useState(""),
+    authKNumber = _useState8[0],
+    setAuthKNumber = _useState8[1];
+  const _useState9 = useState(""),
+    authMobileNumber = _useState9[0],
+    setAuthMobileNumber = _useState9[1];
+  const _useState0 = useState(""),
+    authServiceType = _useState0[0],
+    setAuthServiceType = _useState0[1];
   const user = Digit.UserService.getUser();
   let tenantId = (filters === null || filters === void 0 ? void 0 : filters.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$info = user.info) === null || _user$info === void 0 ? void 0 : _user$info.permanentCity) || Digit.ULBService.getCurrentTenantId();
   const applicationNumber = filters === null || filters === void 0 ? void 0 : filters.applicationNumber;
@@ -51944,13 +52352,33 @@ const MutationApplication = () => {
   const details = cloneDeep_1((_state = state) === null || _state === void 0 ? void 0 : _state.data);
   const mobileNumber = user !== null && user !== void 0 && (_user$info2 = user.info) !== null && _user$info2 !== void 0 && (_user$info2$userName = _user$info2.userName) !== null && _user$info2$userName !== void 0 && _user$info2$userName.match(/^[0-9]{10}$/) ? user === null || user === void 0 ? void 0 : (_user$info3 = user.info) === null || _user$info3 === void 0 ? void 0 : _user$info3.userName : user === null || user === void 0 ? void 0 : (_user$info4 = user.info) === null || _user$info4 === void 0 ? void 0 : _user$info4.mobileNumber;
   const hasStateData = !!(details !== null && details !== void 0 && (_details$applicationD = details.applicationData) !== null && _details$applicationD !== void 0 && _details$applicationD.id);
-  const wsSearchNumber = (details === null || details === void 0 ? void 0 : details.applicationNo) || applicationNumber;
-  const businessService = (serviceType === null || serviceType === void 0 ? void 0 : serviceType.toUpperCase()) === "SEWERAGE" ? "SW" : "WS";
-  const _useQuery = useQuery(["WS_MUTATION_DIRECT_SEARCH", wsSearchNumber, tenantId, mobileNumber, businessService], function () {
+  const editApplicationNumber = (details === null || details === void 0 ? void 0 : details.applicationNo) || applicationNumber;
+  const _useQuery = useQuery(["WORKFLOW_SEARCH", editApplicationNumber, tenantId], function () {
       try {
-        if (!wsSearchNumber) return Promise.resolve(null);
-        const params = {
-          connectionNumber: wsSearchNumber
+        return Promise.resolve(Digit.WorkflowService.getByBusinessId(tenantId, editApplicationNumber)).then(function (res) {
+          var _res$ProcessInstances;
+          return res === null || res === void 0 ? void 0 : (_res$ProcessInstances = res.ProcessInstances) === null || _res$ProcessInstances === void 0 ? void 0 : _res$ProcessInstances[0];
+        });
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    }, {
+      enabled: !!editApplicationNumber
+    }),
+    isWorkflowLoading = _useQuery.isLoading,
+    workflowData = _useQuery.data;
+  const isEditFlow = !!editApplicationNumber && (workflowData === null || workflowData === void 0 ? void 0 : workflowData.action) === "SEND_BACK_TO_CITIZEN";
+  const querySearchParam = isEditFlow ? editApplicationNumber : authKNumber;
+  const fallbackServiceType = serviceType || authServiceType;
+  const businessService = (fallbackServiceType === null || fallbackServiceType === void 0 ? void 0 : fallbackServiceType.toUpperCase()) === "SEWERAGE" ? "SW" : "WS";
+  const _useQuery2 = useQuery(["WS_MUTATION_DIRECT_SEARCH", querySearchParam, tenantId, mobileNumber, businessService, isEditFlow], function () {
+      try {
+        if (!querySearchParam) return Promise.resolve(null);
+        const params = isEditFlow ? {
+          applicationNumber: querySearchParam
+        } : {
+          connectionNumber: querySearchParam,
+          isConnectionSearch: true
         };
         Object.keys(params).forEach(k => params[k] == null && delete params[k]);
         return Promise.resolve(Digit.WSService.search({
@@ -51972,13 +52400,14 @@ const MutationApplication = () => {
         return Promise.reject(e);
       }
     }, {
-      enabled: !!wsSearchNumber && !hasStateData
+      enabled: !!querySearchParam && !hasStateData
     }),
-    isDetailsLoading = _useQuery.isLoading,
-    fetchedApplicationDetails = _useQuery.data;
+    isDetailsLoading = _useQuery2.isLoading,
+    fetchedApplicationDetails = _useQuery2.data;
   const applicationDetails = hasStateData ? details : fetchedApplicationDetails;
-  const _useState7 = useState(new URLSearchParams(useLocation().search).get("propertyId") || (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a = applicationDetails.applicationData) === null || _applicationDetails$a === void 0 ? void 0 : _applicationDetails$a.propertyId)),
-    propertyId = _useState7[0];
+  const resolvedServiceType = serviceType || authServiceType || (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a = applicationDetails.applicationData) === null || _applicationDetails$a === void 0 ? void 0 : _applicationDetails$a.serviceType) || "WATER";
+  const _useState1 = useState(new URLSearchParams(useLocation().search).get("propertyId") || (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a2 = applicationDetails.applicationData) === null || _applicationDetails$a2 === void 0 ? void 0 : _applicationDetails$a2.propertyId)),
+    propertyId = _useState1[0];
   const _Digit$Hooks$pt$usePr = Digit.Hooks.pt.usePropertySearch({
       filters: {
         propertyIds: propertyId
@@ -51998,14 +52427,14 @@ const MutationApplication = () => {
     setSessionFormData = _Digit$Hooks$useSessi[1],
     clearSessionFormData = _Digit$Hooks$useSessi[2];
   useEffect(() => {
-    var _applicationDetails$a2;
+    var _applicationDetails$a3;
     const fetchAppData = function () {
       try {
         const dataToConvert = applicationDetails || details;
         const _temp = function (_dataToConvert$applic) {
           if (dataToConvert !== null && dataToConvert !== void 0 && (_dataToConvert$applic = dataToConvert.applicationData) !== null && _dataToConvert$applic !== void 0 && _dataToConvert$applic.id) {
             var _dataToConvert$applic2;
-            return Promise.resolve(convertApplicationData(dataToConvert, (serviceType === null || serviceType === void 0 ? void 0 : serviceType.toUpperCase()) || (dataToConvert === null || dataToConvert === void 0 ? void 0 : (_dataToConvert$applic2 = dataToConvert.applicationData) === null || _dataToConvert$applic2 === void 0 ? void 0 : _dataToConvert$applic2.serviceType), true, undefined, t)).then(function (convertAppData) {
+            return Promise.resolve(convertApplicationData(dataToConvert, (resolvedServiceType === null || resolvedServiceType === void 0 ? void 0 : resolvedServiceType.toUpperCase()) || (dataToConvert === null || dataToConvert === void 0 ? void 0 : (_dataToConvert$applic2 = dataToConvert.applicationData) === null || _dataToConvert$applic2 === void 0 ? void 0 : _dataToConvert$applic2.serviceType), true, undefined, t)).then(function (convertAppData) {
               setSessionFormData(prev => _extends({}, prev, convertAppData));
               sessionStorage.setItem("IsDetailsExists", JSON.stringify(true));
             });
@@ -52016,10 +52445,52 @@ const MutationApplication = () => {
         return Promise.reject(e);
       }
     };
-    if (applicationDetails !== null && applicationDetails !== void 0 && (_applicationDetails$a2 = applicationDetails.applicationData) !== null && _applicationDetails$a2 !== void 0 && _applicationDetails$a2.id && !(sessionFormData !== null && sessionFormData !== void 0 && sessionFormData.applicationData)) {
+    if (applicationDetails !== null && applicationDetails !== void 0 && (_applicationDetails$a3 = applicationDetails.applicationData) !== null && _applicationDetails$a3 !== void 0 && _applicationDetails$a3.id && !(sessionFormData !== null && sessionFormData !== void 0 && sessionFormData.applicationData)) {
       fetchAppData();
     }
-  }, [applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a3 = applicationDetails.applicationData) === null || _applicationDetails$a3 === void 0 ? void 0 : _applicationDetails$a3.id]);
+  }, [applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a4 = applicationDetails.applicationData) === null || _applicationDetails$a4 === void 0 ? void 0 : _applicationDetails$a4.id]);
+  useEffect(() => {
+    const isCitizen = window.location.href.includes("/citizen/");
+    if (isCitizen && isEditFlow && applicationDetails !== null && applicationDetails !== void 0 && applicationDetails.applicationData) {
+      const data = applicationDetails.applicationData;
+      const holders = (data === null || data === void 0 ? void 0 : data.connectionHolders) || [];
+      const primaryHolder = holders.find(h => h.isPrimaryOwner) || holders[0] || {};
+      const additionalDetails = (data === null || data === void 0 ? void 0 : data.additionalDetails) || {};
+      const documents = (data === null || data === void 0 ? void 0 : data.documents) || [];
+      setFormData(prev => {
+        if (Object.keys(prev).length > 0) return prev;
+        const identityDoc = documents.find(d => {
+          var _d$documentType;
+          return ["AADHAAR", "VOTERID", "VOTER_ID", "PAN", "DRIVING_LICENSE", "PASSPORT"].includes((_d$documentType = d.documentType) === null || _d$documentType === void 0 ? void 0 : _d$documentType.toUpperCase());
+        });
+        const mutationDoc = documents.find(d => d.documentType === "REGISTERED_SALE_DEED" || d.documentType === "SALE_DEED" || d.documentType === "GIFT_DEED" || d.documentType === "WILL");
+        return {
+          proposedNewConsumerName: primaryHolder.name || "",
+          gender: primaryHolder.gender ? {
+            code: primaryHolder.gender,
+            i18nKey: primaryHolder.gender
+          } : null,
+          newOwnerMobileNumber: primaryHolder.mobileNumber || "",
+          newOwnerEmailAddress: primaryHolder.emailId || "",
+          reasonForNameChange: additionalDetails.reasonForNameChange ? {
+            code: additionalDetails.reasonForNameChange,
+            i18nKey: additionalDetails.reasonForNameChange
+          } : null,
+          relationshipWithExistingConsumer: additionalDetails.relationshipWithExistingConsumer ? {
+            code: additionalDetails.relationshipWithExistingConsumer,
+            i18nKey: additionalDetails.relationshipWithExistingConsumer
+          } : null,
+          saleDeedDocumentId: (mutationDoc === null || mutationDoc === void 0 ? void 0 : mutationDoc.fileStoreId) || additionalDetails.saleDeedDocumentId || "",
+          identityProofDocumentId: (identityDoc === null || identityDoc === void 0 ? void 0 : identityDoc.fileStoreId) || "",
+          identityProofType: identityDoc !== null && identityDoc !== void 0 && identityDoc.documentType ? {
+            code: identityDoc.documentType,
+            i18nKey: identityDoc.documentType
+          } : null,
+          documentNumber: additionalDetails.identityProofNumber || (identityDoc === null || identityDoc === void 0 ? void 0 : identityDoc.documentUid) || ""
+        };
+      });
+    }
+  }, [applicationDetails, isEditFlow]);
   useEffect(() => {
     var _propertyDetails$Prop;
     if (propertyDetails !== null && propertyDetails !== void 0 && (_propertyDetails$Prop = propertyDetails.Properties) !== null && _propertyDetails$Prop !== void 0 && _propertyDetails$Prop[0]) {
@@ -52043,18 +52514,18 @@ const MutationApplication = () => {
     sewerageUpdateMutation = _Digit$Hooks$ws$useWS2.mutate;
   const handleNextStep2 = data => {
     setFormData(prev => _extends({}, prev, data));
-    setCompletedSteps(prev => new Set([...prev, 2]));
-    setCurrentStep(3);
+    setCompletedSteps(prev => new Set([...prev, 3]));
+    setCurrentStep(4);
   };
   const handleNextStep3 = data => {
     setFormData(prev => _extends({}, prev, data));
-    setCompletedSteps(prev => new Set([...prev, 3]));
-    setCurrentStep(4);
+    setCompletedSteps(prev => new Set([...prev, 4]));
+    setCurrentStep(5);
   };
   const submitApplication = function () {
     try {
       setIsSubmitting(true);
-      const _temp2 = _catch(function () {
+      return Promise.resolve(_catch(function () {
         var _finalData$cpt;
         let finalData = _extends({}, sessionFormData);
         if (!(finalData !== null && finalData !== void 0 && (_finalData$cpt = finalData.cpt) !== null && _finalData$cpt !== void 0 && _finalData$cpt.details)) {
@@ -52088,7 +52559,7 @@ const MutationApplication = () => {
         const sessionDetails = sessionStorage.getItem("WS_EDIT_APPLICATION_DETAILS") ? JSON.parse(sessionStorage.getItem("WS_EDIT_APPLICATION_DETAILS")) : {};
         return Promise.resolve(convertModifyApplicationDetails(finalData, sessionDetails, "INITIATE")).then(function (convertAppData) {
           if (!convertAppData.dateEffectiveFrom) {
-            convertAppData.dateEffectiveFrom = Date.now();
+            convertAppData.dateEffectiveFrom = Date.now() + 86400000;
           }
           if (finalData !== null && finalData !== void 0 && finalData.MutationApplicantDetails) {
             var _mutDetails$reasonFor;
@@ -52123,8 +52594,67 @@ const MutationApplication = () => {
               });
             }
           }
-          convertAppData.applicationType = serviceType == "WATER" ? "MUTATION_WATER_CONNECTION" : "MUTATION_SEWERAGE_CONNECTION";
-          const reqDetails = serviceType == "WATER" ? {
+          convertAppData.applicationType = resolvedServiceType === "WATER" ? "MUTATION_WATER_CONNECTION" : "MUTATION_SEWERAGE_CONNECTION";
+          if (isEditFlow) {
+            var _applicationDetails$a5, _applicationDetails$a6, _Digit, _Digit$Customizations, _Digit$Customizations2;
+            let updatePayload = _extends({}, convertAppData, {
+              id: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a5 = applicationDetails.applicationData) === null || _applicationDetails$a5 === void 0 ? void 0 : _applicationDetails$a5.id,
+              applicationNo: editApplicationNumber,
+              processInstance: _extends({}, applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a6 = applicationDetails.applicationData) === null || _applicationDetails$a6 === void 0 ? void 0 : _applicationDetails$a6.processInstance, convertAppData === null || convertAppData === void 0 ? void 0 : convertAppData.processInstance, {
+                action: "RESUBMIT_APPLICATION"
+              })
+            });
+            if ((_Digit = Digit) !== null && _Digit !== void 0 && (_Digit$Customizations = _Digit.Customizations) !== null && _Digit$Customizations !== void 0 && (_Digit$Customizations2 = _Digit$Customizations.WS) !== null && _Digit$Customizations2 !== void 0 && _Digit$Customizations2.customiseUpdatePayloadOfWS) {
+              updatePayload = Digit.Customizations.WS.customiseUpdatePayloadOfWS((applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationData) || {}, updatePayload, resolvedServiceType);
+            }
+            const updateMutation = resolvedServiceType === "WATER" ? waterUpdateMutation : sewerageUpdateMutation;
+            let reqDetailsUpdate = resolvedServiceType === "WATER" ? {
+              WaterConnection: updatePayload,
+              reconnectRequest: false,
+              disconnectRequest: false
+            } : {
+              SewerageConnection: updatePayload,
+              reconnectRequest: false,
+              disconnectRequest: false
+            };
+            updateMutation(reqDetailsUpdate, {
+              onError: error => {
+                var _error$response, _error$response$data, _error$response$data$, _error$response$data$2;
+                setIsSubmitting(false);
+                setShowToast({
+                  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) || "Failed to update application"
+                });
+              },
+              onSuccess: updateData => {
+                var _updateData$response, _updateData$response$, _updateData$WaterConn, _updateData$WaterConn2, _updateData$SewerageC, _updateData$SewerageC2;
+                setIsSubmitting(false);
+                if (updateData instanceof Error || updateData !== null && updateData !== void 0 && updateData.isAxiosError || updateData !== null && updateData !== void 0 && (_updateData$response = updateData.response) !== null && _updateData$response !== void 0 && (_updateData$response$ = _updateData$response.data) !== null && _updateData$response$ !== void 0 && _updateData$response$.Errors) {
+                  var _updateData$response2, _updateData$response3, _apiErrors$;
+                  const apiErrors = updateData === null || updateData === void 0 ? void 0 : (_updateData$response2 = updateData.response) === null || _updateData$response2 === void 0 ? void 0 : (_updateData$response3 = _updateData$response2.data) === null || _updateData$response3 === void 0 ? void 0 : _updateData$response3.Errors;
+                  const errorMessage = (apiErrors === null || apiErrors === void 0 ? void 0 : (_apiErrors$ = apiErrors[0]) === null || _apiErrors$ === void 0 ? void 0 : _apiErrors$.message) || (updateData === null || updateData === void 0 ? void 0 : updateData.message) || "Failed to update application";
+                  setShowToast({
+                    key: "error",
+                    message: errorMessage
+                  });
+                  return;
+                }
+                if (updateData !== null && updateData !== void 0 && updateData.Errors && updateData.Errors.length > 0) {
+                  setShowToast({
+                    key: "error",
+                    message: updateData.Errors[0].message || "Failed to update application"
+                  });
+                  return;
+                }
+                clearSessionFormData();
+                const newAppNo = resolvedServiceType === "WATER" ? updateData === null || updateData === void 0 ? void 0 : (_updateData$WaterConn = updateData.WaterConnection) === null || _updateData$WaterConn === void 0 ? void 0 : (_updateData$WaterConn2 = _updateData$WaterConn[0]) === null || _updateData$WaterConn2 === void 0 ? void 0 : _updateData$WaterConn2.applicationNo : updateData === null || updateData === void 0 ? void 0 : (_updateData$SewerageC = updateData.SewerageConnections) === null || _updateData$SewerageC === void 0 ? void 0 : (_updateData$SewerageC2 = _updateData$SewerageC[0]) === null || _updateData$SewerageC2 === void 0 ? void 0 : _updateData$SewerageC2.applicationNo;
+                setGeneratedAppNo(newAppNo);
+                setCurrentStep(6);
+              }
+            });
+            return;
+          }
+          const reqDetails = resolvedServiceType === "WATER" ? {
             WaterConnection: convertAppData,
             reconnectRequest: false,
             disconnectRequest: false
@@ -52133,23 +52663,23 @@ const MutationApplication = () => {
             reconnectRequest: false,
             disconnectRequest: false
           };
-          const mutation = serviceType == "WATER" ? waterMutation : sewerageMutation;
+          const mutation = resolvedServiceType === "WATER" ? waterMutation : sewerageMutation;
           return Promise.resolve(mutation(reqDetails, {
             onError: error => {
-              var _error$response, _error$response$data, _error$response$data$, _error$response$data$2;
+              var _error$response2, _error$response2$data, _error$response2$data2, _error$response2$data3;
               setIsSubmitting(false);
               setShowToast({
                 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) || "Failed to submit application"
+                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) || "Failed to submit application"
               });
             },
             onSuccess: data => {
               var _data$response, _data$response$data;
               if (data instanceof Error || data !== null && data !== void 0 && data.isAxiosError || data !== null && data !== void 0 && (_data$response = data.response) !== null && _data$response !== void 0 && (_data$response$data = _data$response.data) !== null && _data$response$data !== void 0 && _data$response$data.Errors) {
-                var _data$response2, _data$response2$data, _apiErrors$;
+                var _data$response2, _data$response2$data, _apiErrors$2;
                 setIsSubmitting(false);
                 const apiErrors = data === null || data === void 0 ? void 0 : (_data$response2 = data.response) === null || _data$response2 === void 0 ? void 0 : (_data$response2$data = _data$response2.data) === null || _data$response2$data === void 0 ? void 0 : _data$response2$data.Errors;
-                const errorMessage = (apiErrors === null || apiErrors === void 0 ? void 0 : (_apiErrors$ = apiErrors[0]) === null || _apiErrors$ === void 0 ? void 0 : _apiErrors$.message) || (data === null || data === void 0 ? void 0 : data.message) || "Failed to submit application";
+                const errorMessage = (apiErrors === null || apiErrors === void 0 ? void 0 : (_apiErrors$2 = apiErrors[0]) === null || _apiErrors$2 === void 0 ? void 0 : _apiErrors$2.message) || (data === null || data === void 0 ? void 0 : data.message) || "Failed to submit application";
                 setShowToast({
                   key: "error",
                   message: errorMessage
@@ -52163,19 +52693,19 @@ const MutationApplication = () => {
                   message: data.Errors[0].message || "Failed to submit application"
                 });
               } else {
-                var _data$WaterConnection, _data$SewerageConnect, _Digit, _Digit$Customizations, _Digit$Customizations2;
-                const updateMutation = serviceType == "WATER" ? waterUpdateMutation : sewerageUpdateMutation;
-                const createdConnection = serviceType == "WATER" ? data === null || data === void 0 ? void 0 : (_data$WaterConnection = data.WaterConnection) === null || _data$WaterConnection === void 0 ? void 0 : _data$WaterConnection[0] : data === null || data === void 0 ? void 0 : (_data$SewerageConnect = data.SewerageConnections) === null || _data$SewerageConnect === void 0 ? void 0 : _data$SewerageConnect[0];
+                var _data$WaterConnection, _data$SewerageConnect, _Digit2, _Digit2$Customization, _Digit2$Customization2;
+                const updateMutation = resolvedServiceType === "WATER" ? waterUpdateMutation : sewerageUpdateMutation;
+                const createdConnection = resolvedServiceType === "WATER" ? data === null || data === void 0 ? void 0 : (_data$WaterConnection = data.WaterConnection) === null || _data$WaterConnection === void 0 ? void 0 : _data$WaterConnection[0] : data === null || data === void 0 ? void 0 : (_data$SewerageConnect = data.SewerageConnections) === null || _data$SewerageConnect === void 0 ? void 0 : _data$SewerageConnect[0];
                 let updatePayload = _extends({}, createdConnection, {
                   dateEffectiveFrom: (createdConnection === null || createdConnection === void 0 ? void 0 : createdConnection.dateEffectiveFrom) || Date.now(),
                   processInstance: _extends({}, createdConnection === null || createdConnection === void 0 ? void 0 : createdConnection.processInstance, {
                     action: "APPLY_MUTATION"
                   })
                 });
-                if ((_Digit = Digit) !== null && _Digit !== void 0 && (_Digit$Customizations = _Digit.Customizations) !== null && _Digit$Customizations !== void 0 && (_Digit$Customizations2 = _Digit$Customizations.WS) !== null && _Digit$Customizations2 !== void 0 && _Digit$Customizations2.customiseUpdatePayloadOfWS) {
-                  updatePayload = Digit.Customizations.WS.customiseUpdatePayloadOfWS(createdConnection, updatePayload, serviceType);
+                if ((_Digit2 = Digit) !== null && _Digit2 !== void 0 && (_Digit2$Customization = _Digit2.Customizations) !== null && _Digit2$Customization !== void 0 && (_Digit2$Customization2 = _Digit2$Customization.WS) !== null && _Digit2$Customization2 !== void 0 && _Digit2$Customization2.customiseUpdatePayloadOfWS) {
+                  updatePayload = Digit.Customizations.WS.customiseUpdatePayloadOfWS(createdConnection, updatePayload, resolvedServiceType);
                 }
-                let reqDetailsUpdate = serviceType == "WATER" ? {
+                let reqDetailsUpdate = resolvedServiceType === "WATER" ? {
                   WaterConnection: updatePayload,
                   reconnectRequest: false,
                   disconnectRequest: false
@@ -52186,20 +52716,20 @@ const MutationApplication = () => {
                 };
                 updateMutation(reqDetailsUpdate, {
                   onError: error => {
-                    var _error$response2, _error$response2$data, _error$response2$data2, _error$response2$data3;
+                    var _error$response3, _error$response3$data, _error$response3$data2, _error$response3$data3;
                     setIsSubmitting(false);
                     setShowToast({
                       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) || "Failed to update workflow"
+                      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) || "Failed to update workflow"
                     });
                   },
                   onSuccess: updateData => {
-                    var _updateData$response, _updateData$response$, _updateData$WaterConn, _updateData$WaterConn2, _updateData$SewerageC, _updateData$SewerageC2;
+                    var _updateData$response4, _updateData$response5, _updateData$WaterConn3, _updateData$WaterConn4, _updateData$SewerageC3, _updateData$SewerageC4;
                     setIsSubmitting(false);
-                    if (updateData instanceof Error || updateData !== null && updateData !== void 0 && updateData.isAxiosError || updateData !== null && updateData !== void 0 && (_updateData$response = updateData.response) !== null && _updateData$response !== void 0 && (_updateData$response$ = _updateData$response.data) !== null && _updateData$response$ !== void 0 && _updateData$response$.Errors) {
-                      var _updateData$response2, _updateData$response3, _apiErrors$2;
-                      const apiErrors = updateData === null || updateData === void 0 ? void 0 : (_updateData$response2 = updateData.response) === null || _updateData$response2 === void 0 ? void 0 : (_updateData$response3 = _updateData$response2.data) === null || _updateData$response3 === void 0 ? void 0 : _updateData$response3.Errors;
-                      const errorMessage = (apiErrors === null || apiErrors === void 0 ? void 0 : (_apiErrors$2 = apiErrors[0]) === null || _apiErrors$2 === void 0 ? void 0 : _apiErrors$2.message) || (updateData === null || updateData === void 0 ? void 0 : updateData.message) || "Failed to update workflow";
+                    if (updateData instanceof Error || updateData !== null && updateData !== void 0 && updateData.isAxiosError || updateData !== null && updateData !== void 0 && (_updateData$response4 = updateData.response) !== null && _updateData$response4 !== void 0 && (_updateData$response5 = _updateData$response4.data) !== null && _updateData$response5 !== void 0 && _updateData$response5.Errors) {
+                      var _updateData$response6, _updateData$response7, _apiErrors$3;
+                      const apiErrors = updateData === null || updateData === void 0 ? void 0 : (_updateData$response6 = updateData.response) === null || _updateData$response6 === void 0 ? void 0 : (_updateData$response7 = _updateData$response6.data) === null || _updateData$response7 === void 0 ? void 0 : _updateData$response7.Errors;
+                      const errorMessage = (apiErrors === null || apiErrors === void 0 ? void 0 : (_apiErrors$3 = apiErrors[0]) === null || _apiErrors$3 === void 0 ? void 0 : _apiErrors$3.message) || (updateData === null || updateData === void 0 ? void 0 : updateData.message) || "Failed to update workflow";
                       setShowToast({
                         key: "error",
                         message: errorMessage
@@ -52214,9 +52744,9 @@ const MutationApplication = () => {
                       return;
                     }
                     clearSessionFormData();
-                    const newAppNo = serviceType == "WATER" ? updateData === null || updateData === void 0 ? void 0 : (_updateData$WaterConn = updateData.WaterConnection) === null || _updateData$WaterConn === void 0 ? void 0 : (_updateData$WaterConn2 = _updateData$WaterConn[0]) === null || _updateData$WaterConn2 === void 0 ? void 0 : _updateData$WaterConn2.applicationNo : updateData === null || updateData === void 0 ? void 0 : (_updateData$SewerageC = updateData.SewerageConnections) === null || _updateData$SewerageC === void 0 ? void 0 : (_updateData$SewerageC2 = _updateData$SewerageC[0]) === null || _updateData$SewerageC2 === void 0 ? void 0 : _updateData$SewerageC2.applicationNo;
+                    const newAppNo = resolvedServiceType === "WATER" ? updateData === null || updateData === void 0 ? void 0 : (_updateData$WaterConn3 = updateData.WaterConnection) === null || _updateData$WaterConn3 === void 0 ? void 0 : (_updateData$WaterConn4 = _updateData$WaterConn3[0]) === null || _updateData$WaterConn4 === void 0 ? void 0 : _updateData$WaterConn4.applicationNo : updateData === null || updateData === void 0 ? void 0 : (_updateData$SewerageC3 = updateData.SewerageConnections) === null || _updateData$SewerageC3 === void 0 ? void 0 : (_updateData$SewerageC4 = _updateData$SewerageC3[0]) === null || _updateData$SewerageC4 === void 0 ? void 0 : _updateData$SewerageC4.applicationNo;
                     setGeneratedAppNo(newAppNo);
-                    setCurrentStep(5);
+                    setCurrentStep(6);
                   }
                 });
               }
@@ -52230,8 +52760,7 @@ const MutationApplication = () => {
           key: "error",
           message: "Failed to submit application"
         });
-      });
-      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
+      }));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -52251,6 +52780,10 @@ const MutationApplication = () => {
     }
   };
   const timelineConfig = [{
+    sectionId: "search",
+    route: "search-connection",
+    actions: "Authentication"
+  }, {
     sectionId: "application",
     route: "application-selection",
     actions: "Existing Connection"
@@ -52272,12 +52805,12 @@ const MutationApplication = () => {
       currentStep: index + 1
     }]
   }));
-  if (isDetailsLoading || propertyId && isPropertyLoading) {
+  if (isDetailsLoading || propertyId && isPropertyLoading || isWorkflowLoading) {
     return /*#__PURE__*/React.createElement(Loader, null);
   }
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "employee-form-section-wrapper"
-  }, currentStep !== 5 && /*#__PURE__*/React.createElement(VerticalTimeline, {
+  }, currentStep !== 6 && !isMobile && /*#__PURE__*/React.createElement(VerticalTimeline, {
     config: timelineConfig,
     currentActiveIndex: currentStep - 1,
     showFinalStep: false,
@@ -52285,52 +52818,53 @@ const MutationApplication = () => {
   }), /*#__PURE__*/React.createElement("div", {
     style: {
       flex: "1",
+      overflowY: "auto",
       minWidth: 0
     }
-  }, currentStep === 1 && /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(Step1_ExistingConnection, {
+  }, currentStep === 1 && /*#__PURE__*/React.createElement(Step1_SearchConnection, {
     t: t,
-    applicationDetails: applicationDetails,
-    propertyId: propertyId
-  }), /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: "flex",
-      justifyContent: "flex-end"
-    }
-  }, /*#__PURE__*/React.createElement("button", {
-    onClick: () => {
+    defaultKNumber: isEditFlow ? applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a7 = applicationDetails.applicationData) === null || _applicationDetails$a7 === void 0 ? void 0 : _applicationDetails$a7.connectionNo : "",
+    onNext: _ref => {
+      let kNumber = _ref.kNumber,
+        mobileNumber = _ref.mobileNumber,
+        detectedServiceType = _ref.serviceType;
+      setAuthKNumber(kNumber);
+      setAuthMobileNumber(mobileNumber);
+      if (detectedServiceType) setAuthServiceType(detectedServiceType);
       setCompletedSteps(prev => new Set([...prev, 1]));
       setCurrentStep(2);
-    },
-    style: {
-      padding: "10px 24px",
-      backgroundColor: "#00497e",
-      color: "white",
-      border: "none",
-      borderRadius: "4px",
-      cursor: "pointer",
-      fontWeight: "bold"
     }
-  }, "Proceed to New Consumer Details \u2192"))), currentStep === 2 && /*#__PURE__*/React.createElement(Step2_NewConsumerDetails, {
+  }), currentStep === 2 && /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(Step1_ExistingConnection, {
+    t: t,
+    applicationDetails: applicationDetails,
+    propertyId: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a8 = applicationDetails.applicationData) === null || _applicationDetails$a8 === void 0 ? void 0 : _applicationDetails$a8.propertyId,
+    mobileNumber: authMobileNumber,
+    onVerify: () => {
+      setCompletedSteps(prev => new Set([...prev, 2]));
+      setCurrentStep(3);
+    }
+  })), currentStep === 3 && /*#__PURE__*/React.createElement(Step2_NewConsumerDetails, {
     t: t,
     defaultValues: formData,
     onNext: handleNextStep2,
-    onBack: () => setCurrentStep(1)
-  }), currentStep === 3 && /*#__PURE__*/React.createElement(Step3_UploadDocuments, {
+    onBack: () => setCurrentStep(2)
+  }), currentStep === 4 && /*#__PURE__*/React.createElement(Step3_UploadDocuments, {
     t: t,
     defaultValues: formData,
     onNext: handleNextStep3,
-    onBack: () => setCurrentStep(2)
-  }), currentStep === 4 && /*#__PURE__*/React.createElement(Step4_Preview, {
+    onBack: () => setCurrentStep(3)
+  }), currentStep === 5 && /*#__PURE__*/React.createElement(Step4_Preview, {
     t: t,
     formData: formData,
     applicationDetails: applicationDetails,
-    onBack: () => setCurrentStep(3),
+    resolvedServiceType: resolvedServiceType,
+    onBack: () => setCurrentStep(4),
     onSubmit: submitApplication,
     isLoading: isSubmitting
-  }), currentStep === 5 && /*#__PURE__*/React.createElement(Step5_Submission, {
+  }), currentStep === 6 && /*#__PURE__*/React.createElement(Step5_Submission, {
     t: t,
     applicationNumber: generatedAppNo,
-    serviceType: serviceType || (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a4 = applicationDetails.applicationData) === null || _applicationDetails$a4 === void 0 ? void 0 : _applicationDetails$a4.serviceType)
+    serviceType: resolvedServiceType
   }), showToast && /*#__PURE__*/React.createElement(Toast, {
     error: (showToast === null || showToast === void 0 ? void 0 : showToast.key) === "error",
     warning: (showToast === null || showToast === void 0 ? void 0 : showToast.key) === "warning",
@@ -55201,6 +55735,9 @@ const WSLinks = _ref2 => {
   }, {
     link: matchPath + "/my-connections",
     i18nKey: t("ACTION_TEXT_WS_MY_CONNECTION")
+  }, {
+    link: matchPath + "/mutation-application",
+    i18nKey: t("WS_APPLY_MUTATION")
   }];
   return /*#__PURE__*/React.createElement(CitizenHomeCard, {
     header: t("ACTION_TEST_WATER_AND_SEWERAGE"),