@djb25/digit-ui-module-ws 1.0.60 → 1.0.62

package/dist/index.modern.js

@@ -1337,7 +1337,12 @@ const checkForEmployee = roles => {
   });
   return rolesArray === null || rolesArray === void 0 ? void 0 : rolesArray.length;
 };
-const getBusinessService = data => {
+const getBusinessService = (data, applicationDetails) => {
+  var _applicationDetails$a, _data$serviceType;
+  const appType = (data === null || data === void 0 ? void 0 : data.applicationType) || (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a = applicationDetails.applicationData) === null || _applicationDetails$a === void 0 ? void 0 : _applicationDetails$a.applicationType) || (applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationType);
+  if (appType !== null && appType !== void 0 && appType.includes("MUTATION") || data !== null && data !== void 0 && (_data$serviceType = data.serviceType) !== null && _data$serviceType !== void 0 && _data$serviceType.includes("MUTATION") || (data === null || data === void 0 ? void 0 : data.businessService) === "WS.MUTATION") {
+    return (data === null || data === void 0 ? void 0 : data.service) === "SEWERAGE" || (data === null || data === void 0 ? void 0 : data.serviceType) === "SEWERAGE" ? "SW.MUTATION" : "WS.MUTATION";
+  }
   if ((data === null || data === void 0 ? void 0 : data.service) == "WATER") return "WS.ONE_TIME_FEE";else return "SW.ONE_TIME_FEE";
 };
 const convertApplicationData = function (data, serviceType, modify, editByConfig, t) {
@@ -15859,7 +15864,7 @@ const WSActivationPageDetails = _ref => {
     filters
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, activationDetails.map((activationDetail, index) => /*#__PURE__*/React.createElement(ConnectionDetails$3, _extends({
-    key: activationDetail.key,
+    key: (activationDetail === null || activationDetail === void 0 ? void 0 : activationDetail.key) || index,
     index: index,
     activationDetail: activationDetail
   }, commonProps))));
@@ -28963,7 +28968,7 @@ const ActionButton = _ref3 => {
   }, label));
 };
 const WSWFApplicationTimeline = props => {
-  var _props$application, _props$application2, _data$timeline, _data$timeline2, _data$timeline3, _data$timeline4;
+  var _props$application, _props$application2, _props$application8, _props$application8$a, _props$application9, _props$application0, _data$timeline, _data$timeline2, _data$timeline3, _data$timeline4;
   const _useTranslation = useTranslation(),
     t = _useTranslation.t;
   const businessService = (_props$application = props.application) === null || _props$application === void 0 ? void 0 : _props$application.applicationNo.split("_")[0];
@@ -29023,6 +29028,8 @@ const WSWFApplicationTimeline = props => {
       });
     }
   };
+  const isMutation = (_props$application8 = props.application) === null || _props$application8 === void 0 ? void 0 : (_props$application8$a = _props$application8.applicationType) === null || _props$application8$a === void 0 ? void 0 : _props$application8$a.includes("MUTATION");
+  const payBusinessService = isMutation ? ((_props$application9 = props.application) === null || _props$application9 === void 0 ? void 0 : _props$application9.serviceType) === "SEWERAGE" || ((_props$application0 = props.application) === null || _props$application0 === void 0 ? void 0 : _props$application0.service) === "SEWERAGE" ? "SW.MUTATION" : "WS.MUTATION" : businessService;
   const showNextActions = nextActions => {
     var _nextAction;
     if (!(nextActions !== null && nextActions !== void 0 && nextActions.length)) return null;
@@ -29037,7 +29044,7 @@ const WSWFApplicationTimeline = props => {
       case "PAY":
         if ((props === null || props === void 0 ? void 0 : props.paymentbuttonenabled) !== false) return /*#__PURE__*/React.createElement(ActionButton, {
           label: t("CS_APPLICATION_DETAILS_MAKE_PAYMENT"),
-          to: "/digit-ui/citizen/payment/collect/" + businessService + "/" + props.id + "?consumerCode=" + props.id + "&&workflow=WNS",
+          to: "/digit-ui/citizen/payment/collect/" + payBusinessService + "/" + props.id + "?consumerCode=" + props.id + "&&workflow=WNS",
           state: {
             tenantId: props.application.tenantId
           }
@@ -30028,7 +30035,7 @@ const ViewBreakup = _ref => {
     label: "Sewer Infra Charges",
     value: infrastructureChargeDetail.sewerComponentIFC,
     currency: true
-  }, {
+  }, ...(infrastructureChargeDetail.rebateAmount > 0 ? [{
     label: "Rebate",
     value: infrastructureChargeDetail.rebatePercentage,
     unit: "%"
@@ -30036,7 +30043,31 @@ const ViewBreakup = _ref => {
     label: "Rebate amount",
     value: infrastructureChargeDetail.rebateAmount,
     currency: true
+  }] : []), ...(infrastructureChargeDetail.institutionalRebateApplied ? [{
+    label: "Institutional rebate",
+    value: infrastructureChargeDetail.institutionalRebatePercentage,
+    unit: "%"
+  }, {
+    label: "Institutional rebate amount",
+    value: infrastructureChargeDetail.institutionalRebateAmount,
+    currency: true
+  }, {
+    label: "Institutional rebate reason",
+    value: t(infrastructureChargeDetail.institutionalRebateReason),
+    isText: true
+  }] : []), ...(infrastructureChargeDetail.dwellingRebateApplied ? [{
+    label: "Dwelling rebate",
+    value: infrastructureChargeDetail.dwellingRebatePercentage,
+    unit: "%"
+  }, {
+    label: "Dwelling rebate amount",
+    value: infrastructureChargeDetail.dwellingRebateAmount,
+    currency: true
   }, {
+    label: "Dwelling rebate reason",
+    value: t(infrastructureChargeDetail.dwellingRebateReason),
+    isText: true
+  }] : []), {
     label: "Net IFC",
     value: infrastructureChargeDetail.netIFC,
     currency: true
@@ -31380,7 +31411,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, _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, _state24, _state25, _state26, _state26$property, _state26$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, _state27, _state28, _state29, _state30, _state30$connectionHo, _state30$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, _state31, _data$WaterConnection56, _data$WaterConnection57, _data$WaterConnection58, _data$WaterConnection59, _data$WaterConnection60, _data$SewerageConnect48, _data$SewerageConnect49, _data$SewerageConnect50, _data$SewerageConnect51, _data$SewerageConnect52, _data$WaterConnection61, _data$WaterConnection62, _data$WaterConnection63, _data$WaterConnection64, _data$SewerageConnect53, _data$SewerageConnect54, _data$SewerageConnect55, _data$SewerageConnect56, _data$WaterConnection65, _data$WaterConnection66, _data$WaterConnection67, _data$WaterConnection68, _data$SewerageConnect57, _data$SewerageConnect58, _data$SewerageConnect59, _data$SewerageConnect60, _data$WaterConnection69, _data$WaterConnection70, _data$WaterConnection71, _data$WaterConnection72, _data$SewerageConnect61, _data$SewerageConnect62, _data$SewerageConnect63, _data$SewerageConnect64, _state32, _state32$connectionHo, _state32$connectionHo2, _data$WaterConnection73, _data$WaterConnection74, _data$WaterConnection75, _data$WaterConnection76, _data$SewerageConnect65, _data$SewerageConnect66, _data$SewerageConnect67, _data$SewerageConnect68, _data$WaterConnection77, _data$WaterConnection78, _data$WaterConnection79, _data$WaterConnection80, _data$SewerageConnect69, _data$SewerageConnect70, _data$SewerageConnect71, _data$SewerageConnect72, _state33, _state34, _state35, _state36, _state37, _state38, _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();
@@ -31658,7 +31689,7 @@ const ConnectionDetails$5 = () => {
       marginRight: "auto",
       maxWidth: "960px"
     }
-  }, /*#__PURE__*/React.createElement(Header, null, t("WS_COMMON_CONNECTION_DETAIL")), downloadOptions && downloadOptions.length > 0 && /*#__PURE__*/React.createElement("div", {
+  }, downloadOptions && downloadOptions.length > 0 && /*#__PURE__*/React.createElement("div", {
     ref: menuRef
   }, /*#__PURE__*/React.createElement(MultiLink, {
     className: "multilinkWrapper",
@@ -31666,7 +31697,7 @@ const ConnectionDetails$5 = () => {
     displayOptions: showOptions,
     options: downloadOptions,
     optionsStyle: {
-      margin: '0px'
+      margin: "0px"
     }
   }))), checkifPrivacyenabled && /*#__PURE__*/React.createElement(WSInfoLabel, {
     t: t
@@ -31778,8 +31809,43 @@ const ConnectionDetails$5 = () => {
     textStyle: {
       whiteSpace: "pre"
     }
-  })), ((_state23 = state) === null || _state23 === void 0 ? void 0 : _state23.connectionType) === "Metered" && /*#__PURE__*/React.createElement(Link, {
-    to: "/digit-ui/citizen/ws/consumption/details?applicationNo=" + ((_state24 = state) === null || _state24 === void 0 ? void 0 : _state24.connectionNo)
+  })), ((_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: (_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: ((_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: ((_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: ((_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: ((_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"
+    }
+  })), ((_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",
@@ -31794,11 +31860,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: (_state25 = state) === null || _state25 === void 0 ? void 0 : _state25.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: (_state26 = state) === null || _state26 === void 0 ? void 0 : (_state26$property = _state26.property) === null || _state26$property === void 0 ? void 0 : (_state26$property$own = _state26$property.owners) === null || _state26$property$own === void 0 ? void 0 : _state26$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"
     }
@@ -31830,8 +31896,36 @@ const ConnectionDetails$5 = () => {
         }
       }
     }
+  }), /*#__PURE__*/React.createElement(Row, {
+    className: "border-none",
+    label: t("WS_PROPERTY_TYPE"),
+    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: ((_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: ((_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: ((_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: ((_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: ((_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: ((_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=" + ((_state27 = state) === null || _state27 === void 0 ? void 0 : _state27.propertyId) + "&tenantId=" + ((_state28 = state) === null || _state28 === void 0 ? void 0 : _state28.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",
@@ -31843,10 +31937,10 @@ const ConnectionDetails$5 = () => {
     styles: {
       fontSize: "28px"
     }
-  }, t("WS_COMMON_CONNECTION_HOLDER_DETAILS_HEADER")), (_state29 = state) !== null && _state29 !== void 0 && _state29.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: (_state30 = state) === null || _state30 === void 0 ? void 0 : (_state30$connectionHo = _state30.connectionHolders) === null || _state30$connectionHo === void 0 ? void 0 : (_state30$connectionHo2 = _state30$connectionHo[0]) === null || _state30$connectionHo2 === void 0 ? void 0 : _state30$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"
     }
@@ -31942,65 +32036,15 @@ const ConnectionDetails$5 = () => {
         isArray: false
       }
     }
-  }), /*#__PURE__*/React.createElement(Row, {
-    className: "border-none",
-    label: t("WS_OWN_DETAIL_CROSADD"),
-    text: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? data === null || data === void 0 ? void 0 : (_data$WaterConnection48 = data.WaterConnection) === null || _data$WaterConnection48 === void 0 ? void 0 : (_data$WaterConnection49 = _data$WaterConnection48[0]) === null || _data$WaterConnection49 === void 0 ? void 0 : (_data$WaterConnection50 = _data$WaterConnection49.connectionHolders) === null || _data$WaterConnection50 === void 0 ? void 0 : (_data$WaterConnection51 = _data$WaterConnection50[0]) === null || _data$WaterConnection51 === void 0 ? void 0 : _data$WaterConnection51.correspondenceAddress : data === null || data === void 0 ? void 0 : (_data$SewerageConnect40 = data.SewerageConnections) === null || _data$SewerageConnect40 === void 0 ? void 0 : (_data$SewerageConnect41 = _data$SewerageConnect40[0]) === null || _data$SewerageConnect41 === void 0 ? void 0 : (_data$SewerageConnect42 = _data$SewerageConnect41.connectionHolders) === null || _data$SewerageConnect42 === void 0 ? void 0 : (_data$SewerageConnect43 = _data$SewerageConnect42[0]) === null || _data$SewerageConnect43 === void 0 ? void 0 : _data$SewerageConnect43.correspondenceAddress,
-    privacy: {
-      uuid: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? data === null || data === void 0 ? void 0 : (_data$WaterConnection52 = data.WaterConnection) === null || _data$WaterConnection52 === void 0 ? void 0 : (_data$WaterConnection53 = _data$WaterConnection52[0]) === null || _data$WaterConnection53 === void 0 ? void 0 : (_data$WaterConnection54 = _data$WaterConnection53.connectionHolders) === null || _data$WaterConnection54 === void 0 ? void 0 : (_data$WaterConnection55 = _data$WaterConnection54[0]) === null || _data$WaterConnection55 === void 0 ? void 0 : _data$WaterConnection55.uuid : data === null || data === void 0 ? void 0 : (_data$SewerageConnect44 = data.SewerageConnections) === null || _data$SewerageConnect44 === void 0 ? void 0 : (_data$SewerageConnect45 = _data$SewerageConnect44[0]) === null || _data$SewerageConnect45 === void 0 ? void 0 : (_data$SewerageConnect46 = _data$SewerageConnect45.connectionHolders) === null || _data$SewerageConnect46 === void 0 ? void 0 : (_data$SewerageConnect47 = _data$SewerageConnect46[0]) === null || _data$SewerageConnect47 === void 0 ? void 0 : _data$SewerageConnect47.uuid,
-      fieldName: "correspondenceAddress",
-      model: "WnSConnectionOwner",
-      hide: !((_state31 = state) !== null && _state31 !== void 0 && _state31.connectionHolders),
-      showValue: false,
-      loadData: {
-        serviceName: serviceType === "WATER" ? "/ws-services/wc/_search" : "/sw-services/swc/_search",
-        requestBody: {},
-        requestParam: {
-          tenantId,
-          applicationNumber: applicationNobyData
-        },
-        jsonPath: serviceType === "WATER" ? "WaterConnection[0].connectionHolders[0].correspondenceAddress" : "SewerageConnections[0].connectionHolders[0].correspondenceAddress",
-        isArray: false
-      }
-    }
-  }), /*#__PURE__*/React.createElement(Row, {
-    className: "border-none",
-    label: t("WS_OWN_DETAIL_SPECIAL_APPLICANT_LABEL"),
-    text: (applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? !(data !== null && data !== void 0 && (_data$WaterConnection56 = data.WaterConnection) !== null && _data$WaterConnection56 !== void 0 && (_data$WaterConnection57 = _data$WaterConnection56[0]) !== null && _data$WaterConnection57 !== void 0 && (_data$WaterConnection58 = _data$WaterConnection57.connectionHolders) !== null && _data$WaterConnection58 !== void 0 && (_data$WaterConnection59 = _data$WaterConnection58[0]) !== null && _data$WaterConnection59 !== void 0 && (_data$WaterConnection60 = _data$WaterConnection59.ownerType) !== null && _data$WaterConnection60 !== void 0 && _data$WaterConnection60.includes("*")) : !(data !== null && data !== void 0 && (_data$SewerageConnect48 = data.SewerageConnections) !== null && _data$SewerageConnect48 !== void 0 && (_data$SewerageConnect49 = _data$SewerageConnect48[0]) !== null && _data$SewerageConnect49 !== void 0 && (_data$SewerageConnect50 = _data$SewerageConnect49.connectionHolders) !== null && _data$SewerageConnect50 !== void 0 && (_data$SewerageConnect51 = _data$SewerageConnect50[0]) !== null && _data$SewerageConnect51 !== void 0 && (_data$SewerageConnect52 = _data$SewerageConnect51.ownerType) !== null && _data$SewerageConnect52 !== void 0 && _data$SewerageConnect52.includes("*"))) ? t("COMMON_MASTERS_OWNERTYPE_" + (applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? data === null || data === void 0 ? void 0 : (_data$WaterConnection61 = data.WaterConnection) === null || _data$WaterConnection61 === void 0 ? void 0 : (_data$WaterConnection62 = _data$WaterConnection61[0]) === null || _data$WaterConnection62 === void 0 ? void 0 : (_data$WaterConnection63 = _data$WaterConnection62.connectionHolders) === null || _data$WaterConnection63 === void 0 ? void 0 : (_data$WaterConnection64 = _data$WaterConnection63[0]) === null || _data$WaterConnection64 === void 0 ? void 0 : _data$WaterConnection64.ownerType : data === null || data === void 0 ? void 0 : (_data$SewerageConnect53 = data.SewerageConnections) === null || _data$SewerageConnect53 === void 0 ? void 0 : (_data$SewerageConnect54 = _data$SewerageConnect53[0]) === null || _data$SewerageConnect54 === void 0 ? void 0 : (_data$SewerageConnect55 = _data$SewerageConnect54.connectionHolders) === null || _data$SewerageConnect55 === void 0 ? void 0 : (_data$SewerageConnect56 = _data$SewerageConnect55[0]) === null || _data$SewerageConnect56 === void 0 ? void 0 : _data$SewerageConnect56.ownerType)) : applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? data === null || data === void 0 ? void 0 : (_data$WaterConnection65 = data.WaterConnection) === null || _data$WaterConnection65 === void 0 ? void 0 : (_data$WaterConnection66 = _data$WaterConnection65[0]) === null || _data$WaterConnection66 === void 0 ? void 0 : (_data$WaterConnection67 = _data$WaterConnection66.connectionHolders) === null || _data$WaterConnection67 === void 0 ? void 0 : (_data$WaterConnection68 = _data$WaterConnection67[0]) === null || _data$WaterConnection68 === void 0 ? void 0 : _data$WaterConnection68.ownerType : data === null || data === void 0 ? void 0 : (_data$SewerageConnect57 = data.SewerageConnections) === null || _data$SewerageConnect57 === void 0 ? void 0 : (_data$SewerageConnect58 = _data$SewerageConnect57[0]) === null || _data$SewerageConnect58 === void 0 ? void 0 : (_data$SewerageConnect59 = _data$SewerageConnect58.connectionHolders) === null || _data$SewerageConnect59 === void 0 ? void 0 : (_data$SewerageConnect60 = _data$SewerageConnect59[0]) === null || _data$SewerageConnect60 === void 0 ? void 0 : _data$SewerageConnect60.ownerType,
-    textStyle: {
-      whiteSpace: "pre"
-    },
-    privacy: {
-      uuid: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? data === null || data === void 0 ? void 0 : (_data$WaterConnection69 = data.WaterConnection) === null || _data$WaterConnection69 === void 0 ? void 0 : (_data$WaterConnection70 = _data$WaterConnection69[0]) === null || _data$WaterConnection70 === void 0 ? void 0 : (_data$WaterConnection71 = _data$WaterConnection70.connectionHolders) === null || _data$WaterConnection71 === void 0 ? void 0 : (_data$WaterConnection72 = _data$WaterConnection71[0]) === null || _data$WaterConnection72 === void 0 ? void 0 : _data$WaterConnection72.uuid : data === null || data === void 0 ? void 0 : (_data$SewerageConnect61 = data.SewerageConnections) === null || _data$SewerageConnect61 === void 0 ? void 0 : (_data$SewerageConnect62 = _data$SewerageConnect61[0]) === null || _data$SewerageConnect62 === void 0 ? void 0 : (_data$SewerageConnect63 = _data$SewerageConnect62.connectionHolders) === null || _data$SewerageConnect63 === void 0 ? void 0 : (_data$SewerageConnect64 = _data$SewerageConnect63[0]) === null || _data$SewerageConnect64 === void 0 ? void 0 : _data$SewerageConnect64.uuid,
-      fieldName: "ownerType",
-      model: "WnSConnection",
-      hide: !((_state32 = state) !== null && _state32 !== void 0 && (_state32$connectionHo = _state32.connectionHolders) !== null && _state32$connectionHo !== void 0 && (_state32$connectionHo2 = _state32$connectionHo[0]) !== null && _state32$connectionHo2 !== void 0 && _state32$connectionHo2.ownerType),
-      showValue: false,
-      loadData: {
-        serviceName: serviceType === "WATER" ? "/ws-services/wc/_search" : "/sw-services/swc/_search",
-        requestBody: {},
-        requestParam: {
-          tenantId,
-          applicationNumber: applicationNobyData
-        },
-        jsonPath: serviceType === "WATER" ? "WaterConnection[0].connectionHolders[0].ownerType" : "SewerageConnections[0].connectionHolders[0].ownerType",
-        isArray: false,
-        d: res => {
-          var _res$WaterConnection, _res$WaterConnection2, _res$WaterConnection3, _res$WaterConnection4, _res$WaterConnection5, _res$WaterConnection6, _res$SewerageConnecti, _res$SewerageConnecti2, _res$SewerageConnecti3, _res$SewerageConnecti4, _res$SewerageConnecti5;
-          let resultString = res !== null && res !== void 0 && (_res$WaterConnection = res.WaterConnection) !== null && _res$WaterConnection !== void 0 && _res$WaterConnection[0] ? t("PROPERTYTAX_OWNERTYPE_" + (res === null || res === void 0 ? void 0 : (_res$WaterConnection2 = res.WaterConnection) === null || _res$WaterConnection2 === void 0 ? void 0 : (_res$WaterConnection3 = _res$WaterConnection2[0]) === null || _res$WaterConnection3 === void 0 ? void 0 : (_res$WaterConnection4 = _res$WaterConnection3.connectionHolders) === null || _res$WaterConnection4 === void 0 ? void 0 : (_res$WaterConnection5 = _res$WaterConnection4[0]) === null || _res$WaterConnection5 === void 0 ? void 0 : (_res$WaterConnection6 = _res$WaterConnection5.ownerType) === null || _res$WaterConnection6 === void 0 ? void 0 : _res$WaterConnection6.toUpperCase())) : t("PROPERTYTAX_OWNERTYPE_" + (res === null || res === void 0 ? void 0 : (_res$SewerageConnecti = res.SewerageConnections) === null || _res$SewerageConnecti === void 0 ? void 0 : (_res$SewerageConnecti2 = _res$SewerageConnecti[0]) === null || _res$SewerageConnecti2 === void 0 ? void 0 : (_res$SewerageConnecti3 = _res$SewerageConnecti2.connectionHolders) === null || _res$SewerageConnecti3 === void 0 ? void 0 : (_res$SewerageConnecti4 = _res$SewerageConnecti3[0]) === null || _res$SewerageConnecti4 === void 0 ? void 0 : (_res$SewerageConnecti5 = _res$SewerageConnecti4.ownerType) === null || _res$SewerageConnecti5 === void 0 ? void 0 : _res$SewerageConnecti5.toUpperCase()));
-          return resultString;
-        }
-      }
-    }
   }), /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     label: t("WS_OWN_EMAIL_IDNO_LABEL"),
-    text: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? data === null || data === void 0 ? void 0 : (_data$WaterConnection73 = data.WaterConnection) === null || _data$WaterConnection73 === void 0 ? void 0 : (_data$WaterConnection74 = _data$WaterConnection73[0]) === null || _data$WaterConnection74 === void 0 ? void 0 : (_data$WaterConnection75 = _data$WaterConnection74.connectionHolders) === null || _data$WaterConnection75 === void 0 ? void 0 : (_data$WaterConnection76 = _data$WaterConnection75[0]) === null || _data$WaterConnection76 === void 0 ? void 0 : _data$WaterConnection76.emailId : data === null || data === void 0 ? void 0 : (_data$SewerageConnect65 = data.SewerageConnections) === null || _data$SewerageConnect65 === void 0 ? void 0 : (_data$SewerageConnect66 = _data$SewerageConnect65[0]) === null || _data$SewerageConnect66 === void 0 ? void 0 : (_data$SewerageConnect67 = _data$SewerageConnect66.connectionHolders) === null || _data$SewerageConnect67 === void 0 ? void 0 : (_data$SewerageConnect68 = _data$SewerageConnect67[0]) === null || _data$SewerageConnect68 === void 0 ? void 0 : _data$SewerageConnect68.emailId,
+    text: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? data === null || data === void 0 ? void 0 : (_data$WaterConnection48 = data.WaterConnection) === null || _data$WaterConnection48 === void 0 ? void 0 : (_data$WaterConnection49 = _data$WaterConnection48[0]) === null || _data$WaterConnection49 === void 0 ? void 0 : (_data$WaterConnection50 = _data$WaterConnection49.connectionHolders) === null || _data$WaterConnection50 === void 0 ? void 0 : (_data$WaterConnection51 = _data$WaterConnection50[0]) === null || _data$WaterConnection51 === void 0 ? void 0 : _data$WaterConnection51.emailId : data === null || data === void 0 ? void 0 : (_data$SewerageConnect40 = data.SewerageConnections) === null || _data$SewerageConnect40 === void 0 ? void 0 : (_data$SewerageConnect41 = _data$SewerageConnect40[0]) === null || _data$SewerageConnect41 === void 0 ? void 0 : (_data$SewerageConnect42 = _data$SewerageConnect41.connectionHolders) === null || _data$SewerageConnect42 === void 0 ? void 0 : (_data$SewerageConnect43 = _data$SewerageConnect42[0]) === null || _data$SewerageConnect43 === void 0 ? void 0 : _data$SewerageConnect43.emailId,
     textStyle: {
       whiteSpace: "pre"
     },
     privacy: {
-      uuid: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? data === null || data === void 0 ? void 0 : (_data$WaterConnection77 = data.WaterConnection) === null || _data$WaterConnection77 === void 0 ? void 0 : (_data$WaterConnection78 = _data$WaterConnection77[0]) === null || _data$WaterConnection78 === void 0 ? void 0 : (_data$WaterConnection79 = _data$WaterConnection78.connectionHolders) === null || _data$WaterConnection79 === void 0 ? void 0 : (_data$WaterConnection80 = _data$WaterConnection79[0]) === null || _data$WaterConnection80 === void 0 ? void 0 : _data$WaterConnection80.uuid : data === null || data === void 0 ? void 0 : (_data$SewerageConnect69 = data.SewerageConnections) === null || _data$SewerageConnect69 === void 0 ? void 0 : (_data$SewerageConnect70 = _data$SewerageConnect69[0]) === null || _data$SewerageConnect70 === void 0 ? void 0 : (_data$SewerageConnect71 = _data$SewerageConnect70.connectionHolders) === null || _data$SewerageConnect71 === void 0 ? void 0 : (_data$SewerageConnect72 = _data$SewerageConnect71[0]) === null || _data$SewerageConnect72 === void 0 ? void 0 : _data$SewerageConnect72.uuid,
+      uuid: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? data === null || data === void 0 ? void 0 : (_data$WaterConnection52 = data.WaterConnection) === null || _data$WaterConnection52 === void 0 ? void 0 : (_data$WaterConnection53 = _data$WaterConnection52[0]) === null || _data$WaterConnection53 === void 0 ? void 0 : (_data$WaterConnection54 = _data$WaterConnection53.connectionHolders) === null || _data$WaterConnection54 === void 0 ? void 0 : (_data$WaterConnection55 = _data$WaterConnection54[0]) === null || _data$WaterConnection55 === void 0 ? void 0 : _data$WaterConnection55.uuid : data === null || data === void 0 ? void 0 : (_data$SewerageConnect44 = data.SewerageConnections) === null || _data$SewerageConnect44 === void 0 ? void 0 : (_data$SewerageConnect45 = _data$SewerageConnect44[0]) === null || _data$SewerageConnect45 === void 0 ? void 0 : (_data$SewerageConnect46 = _data$SewerageConnect45.connectionHolders) === null || _data$SewerageConnect46 === void 0 ? void 0 : (_data$SewerageConnect47 = _data$SewerageConnect46[0]) === null || _data$SewerageConnect47 === void 0 ? void 0 : _data$SewerageConnect47.uuid,
       fieldName: "connectionHoldersEmailId",
       model: "WnSConnectionOwner",
       showValue: false,
@@ -32015,7 +32059,48 @@ const ConnectionDetails$5 = () => {
         isArray: false
       }
     }
-  }))) : /*#__PURE__*/React.createElement(CardText, null, t("WS_PROPERTY_OWNER_SAME_AS_CONN_HOLDERS")), (((_state33 = state) === null || _state33 === void 0 ? void 0 : _state33.status) !== "inactive" || ((_state34 = state) === null || _state34 === void 0 ? void 0 : _state34.applicationStatus) !== "Inactive" || ((_state35 = state) === null || _state35 === void 0 ? void 0 : _state35.applicationStatus) !== "INACTIVE") && !isDisconnectionDone ? /*#__PURE__*/React.createElement(ActionBar, {
+  }))) : /*#__PURE__*/React.createElement(CardText, null, t("WS_PROPERTY_OWNER_SAME_AS_CONN_HOLDERS")), /*#__PURE__*/React.createElement(CardHeader, {
+    styles: {
+      fontSize: "28px"
+    }
+  }, t("WS_COMMON_BANK_DETAILS")), /*#__PURE__*/React.createElement(StatusTable, null, /*#__PURE__*/React.createElement(Row, {
+    className: "border-none",
+    label: t("WS_BANK_NAME"),
+    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: ((_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: ((_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: ((_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")), ((_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: (_state52 = state) === null || _state52 === void 0 ? void 0 : _state52.documents,
+      Code: doc === null || doc === void 0 ? void 0 : doc.documentType,
+      index: index
+    }), ((_state53 = state) === null || _state53 === void 0 ? void 0 : _state53.documents.length) != index + 1 ? /*#__PURE__*/React.createElement("hr", {
+      style: {
+        color: "#cccccc",
+        backgroundColor: "#cccccc",
+        height: "2px",
+        marginTop: "20px",
+        marginBottom: "20px"
+      }
+    }) : null)));
+  })), (((_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",
@@ -32034,7 +32119,7 @@ const ConnectionDetails$5 = () => {
     },
     label: t("WS_DISCONNECTION_BUTTON"),
     onSubmit: onActionSelect
-  }))) : ((_state36 = state) === null || _state36 === void 0 ? void 0 : _state36.applicationStatus) == "DISCONNECTION_EXECUTED" && ((_state37 = state) === null || _state37 === void 0 ? void 0 : _state37.status) == "Inactive" && ((_state38 = state) === null || _state38 === void 0 ? void 0 : _state38.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",
@@ -32066,8 +32151,8 @@ const ConnectionDetails$5 = () => {
     actionSingleLabel: t("COMMON_MAKE_PAYMENT"),
     hideSubmit: true,
     actionSingleSubmit: () => {
-      var _state39, _state40;
-      history.push("/digit-ui/citizen/payment/collect/" + (isSW ? "SW" : "WS") + "/" + encodeURIComponent((_state39 = state) === null || _state39 === void 0 ? void 0 : _state39.connectionNo) + "/" + tenantId + "?consumerCode=" + ((_state40 = state) === null || _state40 === void 0 ? void 0 : _state40.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 ? {
@@ -46200,7 +46285,7 @@ const ApplicationDetails$1 = () => {
         };
       } else {
         action.redirectionUrll = {
-          pathname: getBusinessService(filters) + "/" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationNo) + "/" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.tenantId) + "?tenantId=" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.tenantId) + "&ISWSAPP&applicationNumber=" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationNo),
+          pathname: getBusinessService(filters, applicationDetails) + "/" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationNo) + "/" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.tenantId) + "?tenantId=" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.tenantId) + "&ISWSAPP&applicationNumber=" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationNo),
           state: applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.tenantId
         };
       }
@@ -46221,7 +46306,7 @@ const ApplicationDetails$1 = () => {
         };
       } else {
         action.redirectionUrll = {
-          pathname: getBusinessService(filters) + "/" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationNo) + "/" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.tenantId) + "?tenantId=" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.tenantId) + "&ISWSAPP&applicationNumber=" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationNo),
+          pathname: getBusinessService(filters, applicationDetails) + "/" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationNo) + "/" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.tenantId) + "?tenantId=" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.tenantId) + "&ISWSAPP&applicationNumber=" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationNo),
           state: applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.tenantId
         };
       }
@@ -48581,8 +48666,367 @@ const EditModifyApplication = () => {
   }));
 };
 
+const WSMutationApplicantDetails = _ref => {
+  var _formData$config$key, _errors$proposedNewCo, _errors$newOwnerMobil, _errors$newOwnerEmail, _errors$relationshipW, _errors$reasonForName;
+  let t = _ref.t,
+    config = _ref.config,
+    onSelect = _ref.onSelect,
+    formData = _ref.formData,
+    clearErrors = _ref.clearErrors;
+  const _useForm = useForm({
+      defaultValues: (formData === null || formData === void 0 ? void 0 : formData[config.key]) || {}
+    }),
+    control = _useForm.control,
+    watch = _useForm.watch,
+    localFormState = _useForm.formState;
+  const formValue = watch();
+  const errors = localFormState.errors;
+  const reasonOptions = [{
+    code: "SALE_PURCHASE",
+    i18nKey: "Sale / Purchase of Property"
+  }, {
+    code: "DEVOLUTION_INHERITANCE",
+    i18nKey: "Devolution/Inheritance"
+  }, {
+    code: "OTHER",
+    i18nKey: "Other Reason(Gift, Lease, etc)"
+  }];
+  const relationshipOptions = [{
+    code: "MOTHER",
+    i18nKey: "Mother"
+  }, {
+    code: "FATHER",
+    i18nKey: "Father"
+  }, {
+    code: "SIBLING",
+    i18nKey: "Sibling"
+  }, {
+    code: "SPOUSE",
+    i18nKey: "Spouse"
+  }, {
+    code: "SON",
+    i18nKey: "Son"
+  }, {
+    code: "DAUGHTER",
+    i18nKey: "Daughter"
+  }, {
+    code: "LEGAL_HEIR",
+    i18nKey: "Legal heir"
+  }, {
+    code: "OTHER",
+    i18nKey: "Other"
+  }];
+  const _useState = useState((formData === null || formData === void 0 ? void 0 : (_formData$config$key = formData[config.key]) === null || _formData$config$key === void 0 ? void 0 : _formData$config$key.saleDeedDocumentId) || null),
+    uploadedFile = _useState[0],
+    setUploadedFile = _useState[1];
+  const _useState2 = useState(null),
+    file = _useState2[0],
+    setFile = _useState2[1];
+  const _useState3 = useState(false),
+    isUploading = _useState3[0],
+    setIsUploading = _useState3[1];
+  useEffect(() => {
+    const currentState = _extends({}, formValue, {
+      saleDeedDocumentId: uploadedFile
+    });
+    if (!lodash.isEqual(formData === null || formData === void 0 ? void 0 : formData[config.key], currentState)) {
+      onSelect(config.key, currentState);
+    }
+  }, [formValue, uploadedFile]);
+  useEffect(() => {
+    (function () {
+      try {
+        const _temp2 = function () {
+          if (file) {
+            const _temp = _finallyRethrows(function () {
+              return _catch(function () {
+                setIsUploading(true);
+                return Promise.resolve(window.Digit.UploadServices.Filestorage("WS", file, window.Digit.ULBService.getStateId())).then(function (response) {
+                  var _response$data, _response$data$files;
+                  if ((response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : (_response$data$files = _response$data.files) === null || _response$data$files === void 0 ? void 0 : _response$data$files.length) > 0) {
+                    setUploadedFile(response.data.files[0].fileStoreId);
+                    clearErrors && clearErrors(config.key);
+                  }
+                });
+              }, function (err) {
+                console.error("File upload error", err);
+              });
+            }, function (_wasThrown, _result) {
+              setIsUploading(false);
+              if (_wasThrown) throw _result;
+              return _result;
+            });
+            if (_temp && _temp.then) return _temp.then(function () {});
+          }
+        }();
+        return _temp2 && _temp2.then ? _temp2.then(function () {}) : void 0;
+      } catch (e) {
+        Promise.reject(e);
+      }
+    })();
+  }, [file]);
+  const errorStyle = {
+    width: "100%",
+    marginLeft: "0px",
+    fontSize: "12px",
+    marginTop: "4px"
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "formcomposer-section-grid",
+    style: {
+      gridTemplateColumns: "1fr 1fr",
+      gap: "20px",
+      display: "grid"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "20px"
+    }
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(LabelFieldPair, {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "flex-start",
+      gap: "4px"
+    }
+  }, /*#__PURE__*/React.createElement(CardLabel, {
+    style: {
+      margin: 0,
+      fontWeight: "bold"
+    }
+  }, "PROPOSED NEW CONSUMER NAME*"), /*#__PURE__*/React.createElement("div", {
+    className: "field",
+    style: {
+      width: "100%"
+    }
+  }, /*#__PURE__*/React.createElement(Controller, {
+    control: control,
+    name: "proposedNewConsumerName",
+    rules: {
+      required: "Required field"
+    },
+    render: props => /*#__PURE__*/React.createElement(TextInput, {
+      value: props.value,
+      onChange: e => {
+        props.onChange(e.target.value);
+      },
+      placeholder: "Enter full legal name of new owner",
+      onBlur: props.onBlur
+    })
+  }))), (errors === null || errors === void 0 ? void 0 : errors.proposedNewConsumerName) && /*#__PURE__*/React.createElement(CardLabelError, {
+    style: errorStyle
+  }, errors === null || errors === void 0 ? void 0 : (_errors$proposedNewCo = errors.proposedNewConsumerName) === null || _errors$proposedNewCo === void 0 ? void 0 : _errors$proposedNewCo.message)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(LabelFieldPair, {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "flex-start",
+      gap: "4px"
+    }
+  }, /*#__PURE__*/React.createElement(CardLabel, {
+    style: {
+      margin: 0,
+      fontWeight: "bold"
+    }
+  }, "NEW OWNER MOBILE NUMBER*"), /*#__PURE__*/React.createElement("div", {
+    className: "field",
+    style: {
+      width: "100%"
+    }
+  }, /*#__PURE__*/React.createElement(Controller, {
+    control: control,
+    name: "newOwnerMobileNumber",
+    rules: {
+      required: "Required field",
+      pattern: {
+        value: /^[6-9]\d{9}$/,
+        message: "Invalid mobile number"
+      }
+    },
+    render: props => /*#__PURE__*/React.createElement(MobileNumber, {
+      value: props.value || "",
+      onChange: val => {
+        props.onChange(val);
+      },
+      placeholder: "Enter mobile number",
+      onBlur: props.onBlur
+    })
+  }))), (errors === null || errors === void 0 ? void 0 : errors.newOwnerMobileNumber) && /*#__PURE__*/React.createElement(CardLabelError, {
+    style: errorStyle
+  }, errors === null || errors === void 0 ? void 0 : (_errors$newOwnerMobil = errors.newOwnerMobileNumber) === null || _errors$newOwnerMobil === void 0 ? void 0 : _errors$newOwnerMobil.message)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(LabelFieldPair, {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "flex-start",
+      gap: "4px"
+    }
+  }, /*#__PURE__*/React.createElement(CardLabel, {
+    style: {
+      margin: 0,
+      fontWeight: "bold"
+    }
+  }, "NEW OWNER EMAIL ADDRESS"), /*#__PURE__*/React.createElement("div", {
+    className: "field",
+    style: {
+      width: "100%"
+    }
+  }, /*#__PURE__*/React.createElement(Controller, {
+    control: control,
+    name: "newOwnerEmailAddress",
+    rules: {
+      pattern: {
+        value: /^[^\s@]+@[^\s@]+\.[^\s@]+$/,
+        message: "Invalid email address"
+      }
+    },
+    render: props => /*#__PURE__*/React.createElement(TextInput, {
+      value: props.value,
+      onChange: e => {
+        props.onChange(e.target.value);
+      },
+      placeholder: "Enter email address",
+      onBlur: props.onBlur
+    })
+  }))), (errors === null || errors === void 0 ? void 0 : errors.newOwnerEmailAddress) && /*#__PURE__*/React.createElement(CardLabelError, {
+    style: errorStyle
+  }, errors === null || errors === void 0 ? void 0 : (_errors$newOwnerEmail = errors.newOwnerEmailAddress) === null || _errors$newOwnerEmail === void 0 ? void 0 : _errors$newOwnerEmail.message)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(LabelFieldPair, {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "flex-start",
+      gap: "4px"
+    }
+  }, /*#__PURE__*/React.createElement(CardLabel, {
+    style: {
+      margin: 0,
+      fontWeight: "bold"
+    }
+  }, "RELATIONSHIP WITH EXISTING CONSUMER*"), /*#__PURE__*/React.createElement("div", {
+    className: "field",
+    style: {
+      width: "100%"
+    }
+  }, /*#__PURE__*/React.createElement(Controller, {
+    control: control,
+    name: "relationshipWithExistingConsumer",
+    rules: {
+      required: "Required field"
+    },
+    render: props => /*#__PURE__*/React.createElement(Dropdown, {
+      selected: props.value,
+      option: relationshipOptions,
+      select: e => {
+        props.onChange(e);
+      },
+      optionKey: "i18nKey",
+      t: t,
+      placeholder: "Select relationship"
+    })
+  }))), (errors === null || errors === void 0 ? void 0 : errors.relationshipWithExistingConsumer) && /*#__PURE__*/React.createElement(CardLabelError, {
+    style: errorStyle
+  }, errors === null || errors === void 0 ? void 0 : (_errors$relationshipW = errors.relationshipWithExistingConsumer) === null || _errors$relationshipW === void 0 ? void 0 : _errors$relationshipW.message))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "20px"
+    }
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(LabelFieldPair, {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "flex-start",
+      gap: "4px"
+    }
+  }, /*#__PURE__*/React.createElement(CardLabel, {
+    style: {
+      margin: 0,
+      fontWeight: "bold"
+    }
+  }, "REASON FOR NAME CHANGE*"), /*#__PURE__*/React.createElement("div", {
+    className: "field",
+    style: {
+      width: "100%"
+    }
+  }, /*#__PURE__*/React.createElement(Controller, {
+    control: control,
+    name: "reasonForNameChange",
+    rules: {
+      required: "Required field"
+    },
+    render: props => /*#__PURE__*/React.createElement(Dropdown, {
+      selected: props.value,
+      option: reasonOptions,
+      select: e => {
+        props.onChange(e);
+      },
+      optionKey: "i18nKey",
+      t: t,
+      placeholder: "Select reason"
+    })
+  }))), (errors === null || errors === void 0 ? void 0 : errors.reasonForNameChange) && /*#__PURE__*/React.createElement(CardLabelError, {
+    style: errorStyle
+  }, errors === null || errors === void 0 ? void 0 : (_errors$reasonForName = errors.reasonForNameChange) === null || _errors$reasonForName === void 0 ? void 0 : _errors$reasonForName.message)), /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: "10px",
+      padding: "20px",
+      border: "1px dashed #ccc",
+      borderRadius: "8px",
+      backgroundColor: "#fafafa"
+    }
+  }, /*#__PURE__*/React.createElement(LabelFieldPair, {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "flex-start",
+      gap: "4px"
+    }
+  }, /*#__PURE__*/React.createElement(CardLabel, {
+    style: {
+      margin: 0,
+      fontWeight: "bold"
+    }
+  }, "UPLOAD REGISTERED SALE DEED*"), /*#__PURE__*/React.createElement("p", {
+    style: {
+      color: "#666",
+      fontSize: "12px",
+      marginBottom: "15px",
+      marginTop: "5px"
+    }
+  }, "Submit a clear scan of the stamp duty Registered Sale Deed."), /*#__PURE__*/React.createElement("div", {
+    className: "field",
+    style: {
+      width: "100%"
+    }
+  }, /*#__PURE__*/React.createElement(UploadFile, {
+    id: "sale-deed-upload",
+    onUpload: e => {
+      setFile(e.target.files[0]);
+    },
+    onDelete: () => {
+      setUploadedFile(null);
+      setFile(null);
+    },
+    message: uploadedFile ? "1 File Uploaded" : "Click to upload document",
+    accept: "image/*, .pdf, .png, .jpeg, .jpg",
+    uploadedFiles: uploadedFile && !file ? [["Document", {
+      fileStoreId: uploadedFile
+    }]] : undefined,
+    removeTargetedFile: () => {
+      setUploadedFile(null);
+      setFile(null);
+    }
+  }))), isUploading && /*#__PURE__*/React.createElement("span", {
+    style: {
+      color: "#00497e",
+      fontWeight: "bold",
+      fontSize: "12px"
+    }
+  }, "Uploading..."))));
+};
+
 const MutationApplication = () => {
-  var _state, _details, _details2, _details2$application;
+  var _state, _details, _details2, _details2$application, _applicationDetails$a, _applicationDetails$a2, _applicationDetails$a3, _applicationDetails$a4, _applicationDetails$a5, _applicationDetails$a6, _applicationDetails$a7;
   const _useTranslation = useTranslation(),
     t = _useTranslation.t;
   let _useLocation = useLocation(),
@@ -48614,15 +49058,14 @@ const MutationApplication = () => {
     isEnableLoader = _useState7[0],
     setIsEnableLoader = _useState7[1];
   let tenantId = Digit.ULBService.getCurrentTenantId();
+  const applicationNumber = filters === null || filters === void 0 ? void 0 : filters.applicationNumber;
   const serviceType = filters === null || filters === void 0 ? void 0 : filters.service;
   const stateId = Digit.ULBService.getStateId();
   let _Digit$Hooks$ws$useWS = Digit.Hooks.ws.useWSConfigMDMS.WSCreateConfig(stateId, {}),
     newConfig = _Digit$Hooks$ws$useWS.data,
     isConfigLoading = _Digit$Hooks$ws$useWS.isLoading;
   let details = cloneDeep_1((_state = state) === null || _state === void 0 ? void 0 : _state.data);
-  let _Digit$Hooks$ws$useWS2 = Digit.Hooks.ws.useWSDetailsPage(t, tenantId, (_details = details) === null || _details === void 0 ? void 0 : _details.applicationNo, (_details2 = details) === null || _details2 === void 0 ? void 0 : (_details2$application = _details2.applicationData) === null || _details2$application === void 0 ? void 0 : _details2$application.serviceType, {
-      privacy: Digit.Utils.getPrivacyObject()
-    }),
+  let _Digit$Hooks$ws$useWS2 = Digit.Hooks.ws.useWSDetailsPage(t, tenantId, ((_details = details) === null || _details === void 0 ? void 0 : _details.applicationNo) || applicationNumber, (serviceType === null || serviceType === void 0 ? void 0 : serviceType.toUpperCase()) || ((_details2 = details) === null || _details2 === void 0 ? void 0 : (_details2$application = _details2.applicationData) === null || _details2$application === void 0 ? void 0 : _details2$application.serviceType)),
     applicationDetails = _Digit$Hooks$ws$useWS2.data;
   details = applicationDetails;
   const _useState8 = useState(new URLSearchParams(useLocation().search).get("propertyId")),
@@ -48642,13 +49085,12 @@ const MutationApplication = () => {
         propertyIds: propertyId
       },
       tenantId: tenantId,
-      enabled: propertyId && propertyId != "" ? true : false,
-      privacy: Digit.Utils.getPrivacyObject()
+      enabled: propertyId && propertyId != "" ? true : false
     }),
     propertyDetails = _Digit$Hooks$pt$usePr.data;
   useEffect(() => {
     if (!isConfigLoading && newConfig && Array.isArray(newConfig)) {
-      const config = newConfig.find(conf => conf.hideInCitizen && conf.isModify);
+      const config = cloneDeep_1(newConfig.find(conf => conf.hideInCitizen && conf.isModify));
       if (config) {
         var _config$body;
         config.head = "WS_WATER_AND_SEWERAGE_MUTATION_CONNECTION_LABEL";
@@ -48657,7 +49099,21 @@ const MutationApplication = () => {
           if (data !== null && data !== void 0 && data.isModifyConnection) bodyDetails.push(data);
         });
         bodyDetails.forEach(bdyData => {
-          if ((bdyData === null || bdyData === void 0 ? void 0 : bdyData.head) == "WS_COMMON_PROPERTY_DETAILS") bdyData.head = "";
+          if ((bdyData === null || bdyData === void 0 ? void 0 : bdyData.head) === "WS_COMMON_PROPERTY_DETAILS") {
+            bdyData.head = "";
+            bdyData.className = "mutation-disabled-section";
+          } else if ((bdyData === null || bdyData === void 0 ? void 0 : bdyData.head) === "WS_COMMON_CONNECTION_HOLDER_DETAILS_HEADER") {
+            bdyData.head = "Specify ownership updates and transfer reason:";
+            bdyData.body = [{
+              type: "component",
+              key: "MutationApplicantDetails",
+              component: WSMutationApplicantDetails,
+              withoutLabel: true
+            }];
+          } else {
+            bdyData.head = "";
+            bdyData.className = "mutation-hidden-section";
+          }
         });
         config.body = bodyDetails;
         setConfig(config);
@@ -48673,9 +49129,10 @@ const MutationApplication = () => {
       const IsDetailsExists = sessionStorage.getItem("IsDetailsExists") ? JSON.parse(sessionStorage.getItem("IsDetailsExists")) : false;
       const _temp = function (_details3, _details3$application) {
         if ((_details3 = details) !== null && _details3 !== void 0 && (_details3$application = _details3.applicationData) !== null && _details3$application !== void 0 && _details3$application.id) {
-          return Promise.resolve(convertApplicationData(details, serviceType, true, undefined, t)).then(function (convertAppData) {
-            setSessionFormData(_extends({}, sessionFormData, convertAppData));
-            setAppData(_extends({}, convertAppData));
+          var _details4, _details4$application;
+          return Promise.resolve(convertApplicationData(details, (serviceType === null || serviceType === void 0 ? void 0 : serviceType.toUpperCase()) || ((_details4 = details) === null || _details4 === void 0 ? void 0 : (_details4$application = _details4.applicationData) === null || _details4$application === void 0 ? void 0 : _details4$application.serviceType), true, undefined, t)).then(function (convertAppData) {
+            setSessionFormData(prev => _extends({}, prev, convertAppData));
+            setAppData(prev => _extends({}, prev, convertAppData));
             sessionStorage.setItem("IsDetailsExists", JSON.stringify(true));
           });
         }
@@ -48687,11 +49144,16 @@ const MutationApplication = () => {
   }, [details, applicationDetails]);
   useEffect(() => {
     var _propertyDetails$Prop;
-    setSessionFormData(_extends({}, sessionFormData, {
-      cpt: {
-        details: propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop = propertyDetails.Properties) === null || _propertyDetails$Prop === void 0 ? void 0 : _propertyDetails$Prop[0]
-      }
-    }));
+    if (propertyDetails !== null && propertyDetails !== void 0 && (_propertyDetails$Prop = propertyDetails.Properties) !== null && _propertyDetails$Prop !== void 0 && _propertyDetails$Prop[0]) {
+      setSessionFormData(prev => {
+        var _propertyDetails$Prop2;
+        return _extends({}, prev, {
+          cpt: {
+            details: propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop2 = propertyDetails.Properties) === null || _propertyDetails$Prop2 === void 0 ? void 0 : _propertyDetails$Prop2[0]
+          }
+        });
+      });
+    }
   }, [propertyDetails]);
   useEffect(() => {
     var _sessionFormData$Conn, _sessionFormData$Conn2;
@@ -48714,17 +49176,19 @@ const MutationApplication = () => {
   const _Digit$Hooks$ws$useWS4 = Digit.Hooks.ws.useWSApplicationActions("SEWERAGE");
   const onFormValueChange = (setValue, formData, formState) => {
     var _formData$cpt, _formData$cpt$details;
-    if (!lodash.isEqual(sessionFormData, formData)) {
-      setSessionFormData(_extends({}, sessionFormData, formData));
+    const updatedData = _extends({}, sessionFormData, formData);
+    if (!lodash.isEqual(sessionFormData, updatedData)) {
+      setSessionFormData(updatedData);
     }
     if (Object.keys(formState.errors).length > 0 && Object.keys(formState.errors).length == 1 && formState.errors["owners"] && Object.values(formState.errors["owners"].type).filter(ob => ob.type === "required").length == 0 && !(formData !== null && formData !== void 0 && (_formData$cpt = formData.cpt) !== null && _formData$cpt !== void 0 && (_formData$cpt$details = _formData$cpt.details) !== null && _formData$cpt$details !== void 0 && _formData$cpt$details.propertyId)) setSubmitValve(true);else setSubmitValve(!Object.keys(formState.errors).length);
   };
   const onSubmit = function (data) {
     try {
-      var _data$cpt, _propertyDetails$Prop2;
-      if (!(data !== null && data !== void 0 && (_data$cpt = data.cpt) !== null && _data$cpt !== void 0 && _data$cpt.id) && !(propertyDetails !== null && propertyDetails !== void 0 && (_propertyDetails$Prop2 = propertyDetails.Properties) !== null && _propertyDetails$Prop2 !== void 0 && _propertyDetails$Prop2[0])) {
-        var _data$cpt2;
-        if (!(data !== null && data !== void 0 && (_data$cpt2 = data.cpt) !== null && _data$cpt2 !== void 0 && _data$cpt2.details) || !propertyDetails) {
+      var _finalData$cpt, _propertyDetails$Prop3;
+      let finalData = _extends({}, sessionFormData, data);
+      if (!(finalData !== null && finalData !== void 0 && (_finalData$cpt = finalData.cpt) !== null && _finalData$cpt !== void 0 && _finalData$cpt.id) && !(propertyDetails !== null && propertyDetails !== void 0 && (_propertyDetails$Prop3 = propertyDetails.Properties) !== null && _propertyDetails$Prop3 !== void 0 && _propertyDetails$Prop3[0])) {
+        var _finalData$cpt2;
+        if (!(finalData !== null && finalData !== void 0 && (_finalData$cpt2 = finalData.cpt) !== null && _finalData$cpt2 !== void 0 && _finalData$cpt2.details) || !propertyDetails) {
           setShowToast({
             key: "error",
             message: "ERR_INVALID_PROPERTY_ID"
@@ -48742,15 +49206,26 @@ const MutationApplication = () => {
             setShowToast(false);
           }, 3000);
         } else {
-          var _data$cpt3;
-          if (!(data !== null && data !== void 0 && (_data$cpt3 = data.cpt) !== null && _data$cpt3 !== void 0 && _data$cpt3.details)) {
-            var _propertyDetails$Prop3;
-            data.cpt = {
-              details: propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop3 = propertyDetails.Properties) === null || _propertyDetails$Prop3 === void 0 ? void 0 : _propertyDetails$Prop3[0]
+          var _finalData$cpt3;
+          if (!(finalData !== null && finalData !== void 0 && (_finalData$cpt3 = finalData.cpt) !== null && _finalData$cpt3 !== void 0 && _finalData$cpt3.details)) {
+            var _propertyDetails$Prop4;
+            finalData.cpt = {
+              details: propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop4 = propertyDetails.Properties) === null || _propertyDetails$Prop4 === void 0 ? void 0 : _propertyDetails$Prop4[0]
             };
           }
+          if (finalData !== null && finalData !== void 0 && finalData.MutationApplicantDetails) {
+            var _finalData$Connection;
+            const mutDetails = finalData.MutationApplicantDetails;
+            const existingHolder = (finalData === null || finalData === void 0 ? void 0 : (_finalData$Connection = finalData.ConnectionHolderDetails) === null || _finalData$Connection === void 0 ? void 0 : _finalData$Connection[0]) || {};
+            finalData.ConnectionHolderDetails = [_extends({}, existingHolder, {
+              name: mutDetails.proposedNewConsumerName || existingHolder.name,
+              mobileNumber: mutDetails.newOwnerMobileNumber || existingHolder.mobileNumber,
+              emailId: mutDetails.newOwnerEmailAddress || existingHolder.emailId,
+              sameAsOwnerDetails: false
+            })];
+          }
           const details = sessionStorage.getItem("WS_EDIT_APPLICATION_DETAILS") ? JSON.parse(sessionStorage.getItem("WS_EDIT_APPLICATION_DETAILS")) : {};
-          return Promise.resolve(convertModifyApplicationDetails(data, details, "APPLY_MUTATION")).then(function (convertAppData) {
+          return Promise.resolve(convertModifyApplicationDetails(finalData, details, "APPLY_MUTATION")).then(function (convertAppData) {
             function _temp6() {
               const _temp4 = function () {
                 if (serviceType !== "WATER") {
@@ -48785,6 +49260,27 @@ const MutationApplication = () => {
               }();
               if (_temp4 && _temp4.then) return _temp4.then(function () {});
             }
+            if (finalData !== null && finalData !== void 0 && finalData.MutationApplicantDetails) {
+              var _mutDetails$reasonFor;
+              const mutDetails = finalData.MutationApplicantDetails;
+              if (!convertAppData.additionalDetails) convertAppData.additionalDetails = {};
+              if (mutDetails.reasonForNameChange) convertAppData.additionalDetails.reasonForNameChange = ((_mutDetails$reasonFor = mutDetails.reasonForNameChange) === null || _mutDetails$reasonFor === void 0 ? void 0 : _mutDetails$reasonFor.code) || mutDetails.reasonForNameChange;
+              if (mutDetails.relationshipWithExistingConsumer) {
+                var _mutDetails$relations;
+                const relationCode = ((_mutDetails$relations = mutDetails.relationshipWithExistingConsumer) === null || _mutDetails$relations === void 0 ? void 0 : _mutDetails$relations.code) || mutDetails.relationshipWithExistingConsumer;
+                convertAppData.additionalDetails.relationshipWithExistingConsumer = relationCode;
+                convertAppData.additionalDetails.isBloodRelation = relationCode !== "OTHER";
+              }
+              if (mutDetails.saleDeedDocumentId) {
+                convertAppData.additionalDetails.saleDeedDocumentId = mutDetails.saleDeedDocumentId;
+                if (!convertAppData.documents) convertAppData.documents = [];
+                convertAppData.documents.push({
+                  documentType: "REGISTERED_SALE_DEED",
+                  fileStoreId: mutDetails.saleDeedDocumentId,
+                  documentUid: mutDetails.saleDeedDocumentId
+                });
+              }
+            }
             convertAppData.applicationType = serviceType == "WATER" ? "MUTATION_WATER_CONNECTION" : "MUTATION_SEWERAGE_CONNECTION";
             const reqDetails = serviceType == "WATER" ? {
               WaterConnection: convertAppData,
@@ -48844,11 +49340,22 @@ const MutationApplication = () => {
   if (enabledLoader || isEnableLoader || isConfigLoading) {
     return /*#__PURE__*/React.createElement(Loader, null);
   }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginLeft: "15px"
-    }
-  }, /*#__PURE__*/React.createElement(Header, null, t(config.head))), /*#__PURE__*/React.createElement(FormComposer, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", null, "\n        .mutation-disabled-section { pointer-events: none; opacity: 0.8; margin-top: -24px !important; }\n        .mutation-hidden-section { display: none !important; margin: 0 !important; padding: 0 !important; height: 0 !important; overflow: hidden !important; border: 0 !important; }\n        .mutation-hidden-section + hr { display: none !important; margin: 0 !important; }\n        .mutation-hidden-section + .break-line { display: none !important; margin: 0 !important; }\n      "), /*#__PURE__*/React.createElement(Header, null, t(config.head)), /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardSubHeader, null, t("WS_MUTATION_DETAILS")), /*#__PURE__*/React.createElement(StatusTable, null, /*#__PURE__*/React.createElement(Row, {
+    label: t("WS_MYCONNECTIONS_APPLICATION_NO"),
+    text: (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a = applicationDetails.applicationData) === null || _applicationDetails$a === void 0 ? void 0 : _applicationDetails$a.applicationNo) || "NA"
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("WS_CONNECTION_CATEGORY"),
+    text: (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a2 = applicationDetails.applicationData) === null || _applicationDetails$a2 === void 0 ? void 0 : _applicationDetails$a2.connectionCategory) || "NA"
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("WS_PROPERTY_ID_LABEL"),
+    text: (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a3 = applicationDetails.applicationData) === null || _applicationDetails$a3 === void 0 ? void 0 : _applicationDetails$a3.propertyId) || propertyId || "NA"
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("WS_APPLICATION_ID"),
+    text: (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a4 = applicationDetails.applicationData) === null || _applicationDetails$a4 === void 0 ? void 0 : _applicationDetails$a4.id) || (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a5 = applicationDetails.applicationData) === null || _applicationDetails$a5 === void 0 ? void 0 : _applicationDetails$a5.connectionNo) || "NA"
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("WS_CONNECTION_DATE"),
+    text: applicationDetails !== null && applicationDetails !== void 0 && (_applicationDetails$a6 = applicationDetails.applicationData) !== null && _applicationDetails$a6 !== void 0 && _applicationDetails$a6.connectionExecutionDate ? Digit.DateUtils.ConvertEpochToDate(applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a7 = applicationDetails.applicationData) === null || _applicationDetails$a7 === void 0 ? void 0 : _applicationDetails$a7.connectionExecutionDate) : "NA"
+  }))), /*#__PURE__*/React.createElement(FormComposer, {
     config: config.body,
     userType: "employee",
     onFormValueChange: onFormValueChange,
@@ -49599,7 +50106,7 @@ const ModifyApplicationDetails = () => {
   workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data29 = workflowDetails.data) === null || _workflowDetails$data29 === void 0 ? void 0 : (_workflowDetails$data30 = _workflowDetails$data29.nextActions) === null || _workflowDetails$data30 === void 0 ? void 0 : _workflowDetails$data30.forEach(action => {
     if ((action === null || action === void 0 ? void 0 : action.action) === "PAY") {
       action.redirectionUrll = {
-        pathname: getBusinessService(filters) + "/" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationNo) + "/" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.tenantId) + "?tenantId=" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.tenantId) + "&ISWSAPP&applicationNumber=" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationNo),
+        pathname: getBusinessService(filters, applicationDetails) + "/" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationNo) + "/" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.tenantId) + "?tenantId=" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.tenantId) + "&ISWSAPP&applicationNumber=" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationNo),
         state: applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.tenantId
       };
     }
@@ -49607,7 +50114,7 @@ const ModifyApplicationDetails = () => {
   workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data31 = workflowDetails.data) === null || _workflowDetails$data31 === void 0 ? void 0 : (_workflowDetails$data32 = _workflowDetails$data31.actionState) === null || _workflowDetails$data32 === void 0 ? void 0 : (_workflowDetails$data33 = _workflowDetails$data32.nextActions) === null || _workflowDetails$data33 === void 0 ? void 0 : _workflowDetails$data33.forEach(action => {
     if ((action === null || action === void 0 ? void 0 : action.action) === "PAY") {
       action.redirectionUrll = {
-        pathname: getBusinessService(filters) + "/" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationNo) + "/" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.tenantId) + "?tenantId=" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.tenantId) + "&ISWSAPP&applicationNumber=" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationNo),
+        pathname: getBusinessService(filters, applicationDetails) + "/" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationNo) + "/" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.tenantId) + "?tenantId=" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.tenantId) + "&ISWSAPP&applicationNumber=" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationNo),
         state: applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.tenantId
       };
     }