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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -11111,7 +11111,9 @@ const App$1 = _ref2 => {
11111
11111
  component: WSEditDisconnectionByConfig
11112
11112
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.PrivateRoute, {
11113
11113
  path: path + "/application-details",
11114
- component: WSApplicationDetails
11114
+ component: () => /*#__PURE__*/React__default.createElement(digitUiReactComponents.LayoutWrapper, {
11115
+ layoutClass: "action"
11116
+ }, /*#__PURE__*/React__default.createElement(WSApplicationDetails, null))
11115
11117
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.PrivateRoute, {
11116
11118
  path: path + "/modify-details",
11117
11119
  component: WSModifyApplicationDetails
@@ -26200,6 +26202,10 @@ const WSCard = () => {
26200
26202
  label: t("WS_CALCULATION"),
26201
26203
  link: "/digit-ui/employee/ws/water/calculation",
26202
26204
  roles: ["WS_CEMP", "WS_APPROVER", "WS_FIELD_INSPECTOR", "WS_DOC_VERIFIER", "WS_CLERK"]
26205
+ }, {
26206
+ label: t("WS_APPLY_MUTATION"),
26207
+ link: "/digit-ui/employee/ws/mutation-application",
26208
+ 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"]
26203
26209
  }]
26204
26210
  };
26205
26211
  return /*#__PURE__*/React__default.createElement(digitUiReactComponents.EmployeeModuleCard, propsForModuleCard);
@@ -31027,7 +31033,7 @@ const Rebate_menu = [{
31027
31033
  value: "Others"
31028
31034
  }];
31029
31035
  const WSFeeEstimation = _ref => {
31030
- var _wsAdditionalDetails$, _wsAdditionalDetails$18, _fields$adhocPenaltyR, _fields$adhocRebateRe;
31036
+ var _wsAdditionalDetails$, _fields$adhocPenaltyR, _fields$adhocRebateRe;
31031
31037
  let wsAdditionalDetails = _ref.wsAdditionalDetails;
31032
31038
  const _useTranslation = reactI18next.useTranslation(),
31033
31039
  t = _useTranslation.t;
@@ -31258,17 +31264,7 @@ const WSFeeEstimation = _ref => {
31258
31264
  } : {
31259
31265
  color: "#2E9E8F"
31260
31266
  }
31261
- }))), wsAdditionalDetails !== null && wsAdditionalDetails !== void 0 && (_wsAdditionalDetails$18 = wsAdditionalDetails.additionalDetails) !== null && _wsAdditionalDetails$18 !== void 0 && _wsAdditionalDetails$18.isAdhocRebate ? /*#__PURE__*/React__default.createElement("div", {
31262
- onClick: e => {
31263
- showPopUp(true);
31264
- }
31265
- }, /*#__PURE__*/React__default.createElement("span", {
31266
- className: "add-details-link hover-button",
31267
- style: {
31268
- cursor: "pointer",
31269
- color: "#a82227"
31270
- }
31271
- }, t("WS_PAYMENT_ADD_REBATE_PENALTY"))) : null, popup && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Modal, {
31267
+ }))), popup && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Modal, {
31272
31268
  headerBarMain: /*#__PURE__*/React__default.createElement(Heading, {
31273
31269
  label: t("PT_ADD_REBATE_PENALITY")
31274
31270
  }),
@@ -31896,31 +31892,31 @@ const checkForNA$1 = value => {
31896
31892
  return value ? value : "CS_NA";
31897
31893
  };
31898
31894
  const WSApplicationDetails = () => {
31899
- 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;
31895
+ 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;
31900
31896
  const getDisconnectionNoticeSearch = function () {
31901
31897
  try {
31902
- var _data$WaterConnection175, _data$WaterConnection176, _data$SewerageConnect170, _data$SewerageConnect171;
31898
+ var _data$WaterConnection182, _data$WaterConnection183, _data$SewerageConnect176, _data$SewerageConnect177;
31903
31899
  let key = "ws-waterdisconnectionnotice";
31904
31900
  let details = {};
31905
31901
  if (applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS")) {
31906
- var _data$WaterConnection174, _PTData$Properties9;
31902
+ var _data$WaterConnection181, _PTData$Properties9;
31907
31903
  details = {
31908
- WaterConnection: [_extends({}, data === null || data === void 0 ? void 0 : (_data$WaterConnection174 = data.WaterConnection) === null || _data$WaterConnection174 === void 0 ? void 0 : _data$WaterConnection174[0], {
31904
+ WaterConnection: [_extends({}, data === null || data === void 0 ? void 0 : (_data$WaterConnection181 = data.WaterConnection) === null || _data$WaterConnection181 === void 0 ? void 0 : _data$WaterConnection181[0], {
31909
31905
  property: PTData === null || PTData === void 0 ? void 0 : (_PTData$Properties9 = PTData.Properties) === null || _PTData$Properties9 === void 0 ? void 0 : _PTData$Properties9[0]
31910
31906
  })]
31911
31907
  };
31912
31908
  } else {
31913
- var _data$SewerageConnect169, _PTData$Properties0;
31909
+ var _data$SewerageConnect175, _PTData$Properties0;
31914
31910
  key = "ws-seweragedisconnectionnotice";
31915
31911
  details = {
31916
- SewerageConnection: [_extends({}, data === null || data === void 0 ? void 0 : (_data$SewerageConnect169 = data.SewerageConnections) === null || _data$SewerageConnect169 === void 0 ? void 0 : _data$SewerageConnect169[0], {
31912
+ SewerageConnection: [_extends({}, data === null || data === void 0 ? void 0 : (_data$SewerageConnect175 = data.SewerageConnections) === null || _data$SewerageConnect175 === void 0 ? void 0 : _data$SewerageConnect175[0], {
31917
31913
  property: PTData === null || PTData === void 0 ? void 0 : (_PTData$Properties0 = PTData.Properties) === null || _PTData$Properties0 === void 0 ? void 0 : _PTData$Properties0[0]
31918
31914
  })]
31919
31915
  };
31920
31916
  }
31921
- 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) {
31922
- var _data$WaterConnection177, _data$WaterConnection178, _data$SewerageConnect172, _data$SewerageConnect173;
31923
- 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), {
31917
+ 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) {
31918
+ var _data$WaterConnection184, _data$WaterConnection185, _data$SewerageConnect178, _data$SewerageConnect179;
31919
+ 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), {
31924
31920
  fileStoreIds: response.filestoreIds[0]
31925
31921
  })).then(function (fileStore) {
31926
31922
  window.open(fileStore[response === null || response === void 0 ? void 0 : response.filestoreIds[0]], "_blank");
@@ -32012,7 +32008,7 @@ const WSApplicationDetails = () => {
32012
32008
  }
32013
32009
  }) || false;
32014
32010
  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);
32015
- const isPaid = applicationStatus && applicationStatus !== "INITIATED" && applicationStatus !== "PENDING_FOR_PAYMENT" && applicationStatus !== "PENDING_FOR_FINAL_PAYMENT" && applicationStatus !== "PENDING_FOR_ADDITIONAL_PAYMENT" ? true : false;
32011
+ 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;
32016
32012
  const _Digit$Hooks$ws$useWS = Digit.Hooks.ws.useWSDetailsPage(t, tenantId, applicationNobyData, applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("SW") ? "SEWERAGE" : "WATER", user),
32017
32013
  isAppDetailsLoading = _Digit$Hooks$ws$useWS.isLoading,
32018
32014
  appDetailsData = _Digit$Hooks$ws$useWS.data;
@@ -32164,16 +32160,13 @@ const WSApplicationDetails = () => {
32164
32160
  let serviceType = data && data !== null && data !== void 0 && (_data$WaterConnection45 = data.WaterConnection) !== null && _data$WaterConnection45 !== void 0 && _data$WaterConnection45[0] ? "WATER" : "SEWERAGE";
32165
32161
  sessionStorage.setItem("ApplicationNoState", applicationNobyData);
32166
32162
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
32167
- className: "employee-main-application-details",
32168
- style: {
32169
- display: "flex",
32170
- gap: "20px"
32171
- }
32163
+ className: "employee-main-application-details"
32172
32164
  }, /*#__PURE__*/React__default.createElement("div", {
32173
32165
  className: "workflow-timeline-wrapper no-scrollbar",
32174
32166
  style: {
32175
- flex: "1 1 300px",
32176
- maxWidth: "400px"
32167
+ flex: "1 1 280px",
32168
+ maxWidth: "400px",
32169
+ minWidth: "240px"
32177
32170
  }
32178
32171
  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement("div", {
32179
32172
  id: "timeline"
@@ -32183,7 +32176,8 @@ const WSApplicationDetails = () => {
32183
32176
  paymentbuttonenabled: false
32184
32177
  })))), /*#__PURE__*/React__default.createElement("div", {
32185
32178
  style: {
32186
- flex: "2 1 500px"
32179
+ flex: "2 1 300px",
32180
+ minWidth: 0
32187
32181
  }
32188
32182
  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement("div", {
32189
32183
  className: "cardHeaderWithOptions",
@@ -32673,27 +32667,28 @@ const WSApplicationDetails = () => {
32673
32667
  label: t("MAKE_PAYMENT")
32674
32668
  })) : 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__default.createElement(reactRouterDom.Link, {
32675
32669
  to: {
32676
- 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)),
32670
+ 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)),
32671
+ 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)) : "",
32677
32672
  state: {
32678
- 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))
32673
+ 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))
32679
32674
  }
32680
32675
  }
32681
32676
  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
32682
32677
  label: t("COMMON_EDIT")
32683
- })) : 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__default.createElement(reactRouterDom.Link, {
32678
+ })) : 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__default.createElement(reactRouterDom.Link, {
32684
32679
  to: {
32685
32680
  pathname: "/digit-ui/citizen/ws/resubmit-disconnect-application",
32686
32681
  state: {
32687
- 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))
32682
+ 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))
32688
32683
  }
32689
32684
  }
32690
32685
  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
32691
32686
  label: t("RESUBMIT_APPLICATION"),
32692
32687
  onSubmit: Digit.SessionStorage.set("WS_DISCONNECTION", applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("SW") ? {
32693
- applicationData: data === null || data === void 0 ? void 0 : (_data$SewerageConnect160 = data.SewerageConnections) === null || _data$SewerageConnect160 === void 0 ? void 0 : _data$SewerageConnect160[0],
32688
+ applicationData: data === null || data === void 0 ? void 0 : (_data$SewerageConnect166 = data.SewerageConnections) === null || _data$SewerageConnect166 === void 0 ? void 0 : _data$SewerageConnect166[0],
32694
32689
  serviceType: "SEWERAGE",
32695
32690
  WSDisconnectionForm: {
32696
- 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 ? {
32691
+ 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 ? {
32697
32692
  code: "type",
32698
32693
  value: {
32699
32694
  name: "Temporary",
@@ -32710,18 +32705,18 @@ const WSApplicationDetails = () => {
32710
32705
  code: "Permanent"
32711
32706
  }
32712
32707
  },
32713
- 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),
32708
+ 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),
32714
32709
  reason: {
32715
32710
  code: "reason",
32716
- 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
32711
+ 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
32717
32712
  },
32718
- 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
32713
+ 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
32719
32714
  }
32720
32715
  } : {
32721
- applicationData: data === null || data === void 0 ? void 0 : (_data$WaterConnection165 = data.WaterConnection) === null || _data$WaterConnection165 === void 0 ? void 0 : _data$WaterConnection165[0],
32716
+ applicationData: data === null || data === void 0 ? void 0 : (_data$WaterConnection172 = data.WaterConnection) === null || _data$WaterConnection172 === void 0 ? void 0 : _data$WaterConnection172[0],
32722
32717
  serviceType: "WATER",
32723
32718
  WSDisconnectionForm: {
32724
- 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 ? {
32719
+ 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 ? {
32725
32720
  code: "type",
32726
32721
  value: {
32727
32722
  name: "Temporary",
@@ -32738,12 +32733,12 @@ const WSApplicationDetails = () => {
32738
32733
  code: "Permanent"
32739
32734
  }
32740
32735
  },
32741
- 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),
32736
+ 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),
32742
32737
  reason: {
32743
32738
  code: "reason",
32744
- 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
32739
+ 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
32745
32740
  },
32746
- 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
32741
+ 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
32747
32742
  }
32748
32743
  })
32749
32744
  })) : null)))));
@@ -33086,7 +33081,7 @@ const getConnectionDetailsPDF = function (application, property, tenantInfo, t)
33086
33081
  };
33087
33082
 
33088
33083
  const ConnectionDetails$5 = () => {
33089
- 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;
33084
+ 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;
33090
33085
  const _useTranslation = reactI18next.useTranslation(),
33091
33086
  t = _useTranslation.t;
33092
33087
  const menuRef = React.useRef();
@@ -33329,11 +33324,6 @@ const ConnectionDetails$5 = () => {
33329
33324
  function onActionSelectRestoration() {
33330
33325
  getRestorationButton();
33331
33326
  }
33332
- function onActionSelectMutation() {
33333
- var _state3, _state4;
33334
- 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";
33335
- history.push(pathname);
33336
- }
33337
33327
  const Close = () => /*#__PURE__*/React__default.createElement("svg", {
33338
33328
  xmlns: "http://www.w3.org/2000/svg",
33339
33329
  viewBox: "0 0 24 24",
@@ -33361,8 +33351,8 @@ const ConnectionDetails$5 = () => {
33361
33351
  if (isLoading || isPTLoading) {
33362
33352
  return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null);
33363
33353
  }
33364
- sessionStorage.setItem("ApplicationNoState", (_state5 = state) === null || _state5 === void 0 ? void 0 : _state5.applicationNo);
33365
- let serviceType = (_state6 = state) !== null && _state6 !== void 0 && (_state6$applicationTy = _state6.applicationType) !== null && _state6$applicationTy !== void 0 && _state6$applicationTy.includes("WATER") ? "WATER" : "SEWERAGE";
33354
+ sessionStorage.setItem("ApplicationNoState", (_state3 = state) === null || _state3 === void 0 ? void 0 : _state3.applicationNo);
33355
+ let serviceType = (_state4 = state) !== null && _state4 !== void 0 && (_state4$applicationTy = _state4.applicationType) !== null && _state4$applicationTy !== void 0 && _state4$applicationTy.includes("WATER") ? "WATER" : "SEWERAGE";
33366
33356
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
33367
33357
  className: "cardHeaderWithOptions",
33368
33358
  style: {
@@ -33386,18 +33376,18 @@ const ConnectionDetails$5 = () => {
33386
33376
  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33387
33377
  className: "border-none",
33388
33378
  label: t("WS_MYCONNECTIONS_CONSUMER_NO"),
33389
- text: (_state7 = state) === null || _state7 === void 0 ? void 0 : _state7.connectionNo
33379
+ text: (_state5 = state) === null || _state5 === void 0 ? void 0 : _state5.connectionNo
33390
33380
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33391
33381
  className: "border-none",
33392
33382
  label: t("WS_SERVICE_NAME_LABEL"),
33393
- text: t("WS_APPLICATION_TYPE_" + ((_state8 = state) === null || _state8 === void 0 ? void 0 : _state8.applicationType)),
33383
+ text: t("WS_APPLICATION_TYPE_" + ((_state6 = state) === null || _state6 === void 0 ? void 0 : _state6.applicationType)),
33394
33384
  textStyle: {
33395
33385
  wordBreak: "break-word"
33396
33386
  }
33397
33387
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33398
33388
  className: "border-none",
33399
33389
  label: t("WS_STATUS"),
33400
- text: ((_state9 = state) === null || _state9 === void 0 ? void 0 : _state9.status) || "NA",
33390
+ text: ((_state7 = state) === null || _state7 === void 0 ? void 0 : _state7.status) || "NA",
33401
33391
  textStyle: {
33402
33392
  whiteSpace: "pre"
33403
33393
  }
@@ -33405,127 +33395,127 @@ const ConnectionDetails$5 = () => {
33405
33395
  styles: {
33406
33396
  fontSize: "28px"
33407
33397
  }
33408
- }, t("WS_COMMON_CONNECTION_DETAIL")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.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__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33398
+ }, t("WS_COMMON_CONNECTION_DETAIL")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.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__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33409
33399
  className: "border-none",
33410
33400
  label: t("WS_COMMON_TABLE_COL_CONNECTIONTYPE_LABEL"),
33411
- text: ((_state1 = state) === null || _state1 === void 0 ? void 0 : _state1.connectionType) || t("NA"),
33401
+ text: ((_state9 = state) === null || _state9 === void 0 ? void 0 : _state9.connectionType) || t("NA"),
33412
33402
  textStyle: {
33413
33403
  whiteSpace: "pre"
33414
33404
  }
33415
33405
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33416
33406
  className: "border-none",
33417
33407
  label: t("WS_SERV_DETAIL_NO_OF_TAPS"),
33418
- text: (_state10 = state) === null || _state10 === void 0 ? void 0 : _state10.noOfTaps,
33408
+ text: (_state0 = state) === null || _state0 === void 0 ? void 0 : _state0.noOfTaps,
33419
33409
  textStyle: {
33420
33410
  whiteSpace: "pre"
33421
33411
  }
33422
33412
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33423
33413
  className: "border-none",
33424
33414
  label: t("WS_PIPE_SIZE_IN_INCHES_LABEL"),
33425
- text: ((_state11 = state) === null || _state11 === void 0 ? void 0 : _state11.pipeSize) || "NA",
33415
+ text: ((_state1 = state) === null || _state1 === void 0 ? void 0 : _state1.pipeSize) || "NA",
33426
33416
  textStyle: {
33427
33417
  whiteSpace: "pre"
33428
33418
  }
33429
- })), ((_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__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33419
+ })), ((_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__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33430
33420
  className: "border-none",
33431
33421
  label: t("WS_CONN_DETAIL_WATER_CLOSETS"),
33432
- text: (_state13 = state) === null || _state13 === void 0 ? void 0 : _state13.proposedWaterClosets,
33422
+ text: (_state11 = state) === null || _state11 === void 0 ? void 0 : _state11.proposedWaterClosets,
33433
33423
  textStyle: {
33434
33424
  whiteSpace: "pre"
33435
33425
  }
33436
33426
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33437
33427
  className: "border-none",
33438
33428
  label: t("WS_SERV_DETAIL_NO_OF_TOILETS"),
33439
- text: ((_state14 = state) === null || _state14 === void 0 ? void 0 : _state14.proposedToilets) || t("CS_NA"),
33429
+ text: ((_state12 = state) === null || _state12 === void 0 ? void 0 : _state12.proposedToilets) || t("CS_NA"),
33440
33430
  textStyle: {
33441
33431
  whiteSpace: "pre"
33442
33432
  }
33443
33433
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33444
33434
  className: "border-none",
33445
33435
  label: t("WS_SERV_DETAIL_CONN_EXECUTION_DATE"),
33446
- 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"),
33436
+ 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"),
33447
33437
  textStyle: {
33448
33438
  whiteSpace: "pre"
33449
33439
  }
33450
- })), ((_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__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33440
+ })), ((_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__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33451
33441
  className: "border-none",
33452
33442
  label: t("WS_SERV_DETAIL_WATER_SOURCE"),
33453
- 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"),
33443
+ 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"),
33454
33444
  textStyle: {
33455
33445
  whiteSpace: "pre"
33456
33446
  }
33457
33447
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33458
33448
  className: "border-none",
33459
33449
  label: t("WS_SERV_DETAIL_WATER_SUB_SOURCE"),
33460
- 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"),
33450
+ 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"),
33461
33451
  textStyle: {
33462
33452
  whiteSpace: "pre"
33463
33453
  }
33464
33454
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33465
33455
  className: "border-none",
33466
33456
  label: t("WS_SERV_DETAIL_CONN_EXECUTION_DATE"),
33467
- text: Digit.DateUtils.ConvertEpochToDate((_state21 = state) === null || _state21 === void 0 ? void 0 : _state21.connectionExecutionDate) || t("NA"),
33457
+ text: Digit.DateUtils.ConvertEpochToDate((_state19 = state) === null || _state19 === void 0 ? void 0 : _state19.connectionExecutionDate) || t("NA"),
33468
33458
  textStyle: {
33469
33459
  whiteSpace: "pre"
33470
33460
  }
33471
33461
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33472
33462
  className: "border-none",
33473
33463
  label: t("WS_SERV_DETAIL_METER_ID"),
33474
- text: (_state22 = state) === null || _state22 === void 0 ? void 0 : _state22.meterId,
33464
+ text: (_state20 = state) === null || _state20 === void 0 ? void 0 : _state20.meterId,
33475
33465
  textStyle: {
33476
33466
  whiteSpace: "pre"
33477
33467
  }
33478
33468
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33479
33469
  className: "border-none",
33480
33470
  label: t("WS_ADDN_DETAIL_METER_INSTALL_DATE"),
33481
- text: Digit.DateUtils.ConvertEpochToDate((_state23 = state) === null || _state23 === void 0 ? void 0 : _state23.meterInstallationDate) || "NA",
33471
+ text: Digit.DateUtils.ConvertEpochToDate((_state21 = state) === null || _state21 === void 0 ? void 0 : _state21.meterInstallationDate) || "NA",
33482
33472
  textStyle: {
33483
33473
  whiteSpace: "pre"
33484
33474
  }
33485
33475
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33486
33476
  className: "border-none",
33487
33477
  label: t("WS_ADDN_DETAILS_INITIAL_METER_READING"),
33488
- text: ((_state24 = state) === null || _state24 === void 0 ? void 0 : (_state24$additionalDe = _state24.additionalDetails) === null || _state24$additionalDe === void 0 ? void 0 : _state24$additionalDe.initialMeterReading) || "NA",
33478
+ text: ((_state22 = state) === null || _state22 === void 0 ? void 0 : (_state22$additionalDe = _state22.additionalDetails) === null || _state22$additionalDe === void 0 ? void 0 : _state22$additionalDe.initialMeterReading) || "NA",
33489
33479
  textStyle: {
33490
33480
  whiteSpace: "pre"
33491
33481
  }
33492
- })), ((_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__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33482
+ })), ((_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__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33493
33483
  className: "border-none",
33494
33484
  label: t("WS_WATER_DEMAND_TYPE"),
33495
- 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",
33485
+ 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",
33496
33486
  textStyle: {
33497
33487
  whiteSpace: "pre"
33498
33488
  }
33499
33489
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33500
33490
  className: "border-none",
33501
33491
  label: t("WS_CATEGORY_TYPE"),
33502
- text: ((_state28 = state) === null || _state28 === void 0 ? void 0 : (_state28$additionalDe = _state28.additionalDetails) === null || _state28$additionalDe === void 0 ? void 0 : _state28$additionalDe.categoryType) || "NA",
33492
+ text: ((_state26 = state) === null || _state26 === void 0 ? void 0 : (_state26$additionalDe = _state26.additionalDetails) === null || _state26$additionalDe === void 0 ? void 0 : _state26$additionalDe.categoryType) || "NA",
33503
33493
  textStyle: {
33504
33494
  whiteSpace: "pre"
33505
33495
  }
33506
33496
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33507
33497
  className: "border-none",
33508
33498
  label: t("WS_ZRO_NAME"),
33509
- text: ((_state29 = state) === null || _state29 === void 0 ? void 0 : (_state29$additionalDe = _state29.additionalDetails) === null || _state29$additionalDe === void 0 ? void 0 : _state29$additionalDe.zro) || "NA",
33499
+ text: ((_state27 = state) === null || _state27 === void 0 ? void 0 : (_state27$additionalDe = _state27.additionalDetails) === null || _state27$additionalDe === void 0 ? void 0 : _state27$additionalDe.zro) || "NA",
33510
33500
  textStyle: {
33511
33501
  whiteSpace: "pre"
33512
33502
  }
33513
33503
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33514
33504
  className: "border-none",
33515
33505
  label: t("WS_CONNECTION_USAGE_TYPE"),
33516
- 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",
33506
+ 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",
33517
33507
  textStyle: {
33518
33508
  whiteSpace: "pre"
33519
33509
  }
33520
33510
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33521
33511
  className: "border-none",
33522
33512
  label: t("WS_TEMPORARY_CONNECTION"),
33523
- text: ((_state31 = state) === null || _state31 === void 0 ? void 0 : (_state31$additionalDe = _state31.additionalDetails) === null || _state31$additionalDe === void 0 ? void 0 : _state31$additionalDe.temporaryConnection) || "NA",
33513
+ text: ((_state29 = state) === null || _state29 === void 0 ? void 0 : (_state29$additionalDe = _state29.additionalDetails) === null || _state29$additionalDe === void 0 ? void 0 : _state29$additionalDe.temporaryConnection) || "NA",
33524
33514
  textStyle: {
33525
33515
  whiteSpace: "pre"
33526
33516
  }
33527
- })), ((_state32 = state) === null || _state32 === void 0 ? void 0 : _state32.connectionType) === "Metered" && /*#__PURE__*/React__default.createElement(reactRouterDom.Link, {
33528
- to: "/digit-ui/citizen/ws/consumption/details?applicationNo=" + ((_state33 = state) === null || _state33 === void 0 ? void 0 : _state33.connectionNo)
33517
+ })), ((_state30 = state) === null || _state30 === void 0 ? void 0 : _state30.connectionType) === "Metered" && /*#__PURE__*/React__default.createElement(reactRouterDom.Link, {
33518
+ to: "/digit-ui/citizen/ws/consumption/details?applicationNo=" + ((_state31 = state) === null || _state31 === void 0 ? void 0 : _state31.connectionNo)
33529
33519
  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.LinkButton, {
33530
33520
  style: {
33531
33521
  textAlign: "left",
@@ -33540,11 +33530,11 @@ const ConnectionDetails$5 = () => {
33540
33530
  }, t("WS_COMMON_PROPERTY_DETAILS")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33541
33531
  className: "border-none",
33542
33532
  label: t("WS_PROPERTY_ID_LABEL"),
33543
- text: (_state34 = state) === null || _state34 === void 0 ? void 0 : _state34.propertyId
33533
+ text: (_state32 = state) === null || _state32 === void 0 ? void 0 : _state32.propertyId
33544
33534
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33545
33535
  className: "border-none",
33546
33536
  label: t("WS_OWN_DETAIL_OWN_NAME_LABEL"),
33547
- 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(","),
33537
+ 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(","),
33548
33538
  textStyle: {
33549
33539
  whiteSpace: "pre"
33550
33540
  }
@@ -33579,33 +33569,33 @@ const ConnectionDetails$5 = () => {
33579
33569
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33580
33570
  className: "border-none",
33581
33571
  label: t("WS_PROPERTY_TYPE"),
33582
- 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"
33572
+ 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"
33583
33573
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33584
33574
  className: "border-none",
33585
33575
  label: t("WS_PROPERTY_CATEGORY"),
33586
- 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"
33576
+ 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"
33587
33577
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33588
33578
  className: "border-none",
33589
33579
  label: t("WS_PLOT_AREA"),
33590
- text: ((_state38 = state) === null || _state38 === void 0 ? void 0 : (_state38$additionalDe = _state38.additionalDetails) === null || _state38$additionalDe === void 0 ? void 0 : _state38$additionalDe.plotArea) || "NA"
33580
+ text: ((_state36 = state) === null || _state36 === void 0 ? void 0 : (_state36$additionalDe = _state36.additionalDetails) === null || _state36$additionalDe === void 0 ? void 0 : _state36$additionalDe.plotArea) || "NA"
33591
33581
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33592
33582
  className: "border-none",
33593
33583
  label: t("WS_BUILT_UP_AREA"),
33594
- text: ((_state39 = state) === null || _state39 === void 0 ? void 0 : (_state39$additionalDe = _state39.additionalDetails) === null || _state39$additionalDe === void 0 ? void 0 : _state39$additionalDe.builtUpArea) || "NA"
33584
+ text: ((_state37 = state) === null || _state37 === void 0 ? void 0 : (_state37$additionalDe = _state37.additionalDetails) === null || _state37$additionalDe === void 0 ? void 0 : _state37$additionalDe.builtUpArea) || "NA"
33595
33585
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33596
33586
  className: "border-none",
33597
33587
  label: t("WS_NO_OF_FLOORS"),
33598
- text: ((_state40 = state) === null || _state40 === void 0 ? void 0 : (_state40$additionalDe = _state40.additionalDetails) === null || _state40$additionalDe === void 0 ? void 0 : _state40$additionalDe.noOfFloors) || "NA"
33588
+ text: ((_state38 = state) === null || _state38 === void 0 ? void 0 : (_state38$additionalDe = _state38.additionalDetails) === null || _state38$additionalDe === void 0 ? void 0 : _state38$additionalDe.noOfFloors) || "NA"
33599
33589
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33600
33590
  className: "border-none",
33601
33591
  label: t("WS_NO_OF_DWELLING_UNITS"),
33602
- text: ((_state41 = state) === null || _state41 === void 0 ? void 0 : (_state41$additionalDe = _state41.additionalDetails) === null || _state41$additionalDe === void 0 ? void 0 : _state41$additionalDe.NumberofDwellingUnits) || "NA"
33592
+ text: ((_state39 = state) === null || _state39 === void 0 ? void 0 : (_state39$additionalDe = _state39.additionalDetails) === null || _state39$additionalDe === void 0 ? void 0 : _state39$additionalDe.NumberofDwellingUnits) || "NA"
33603
33593
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33604
33594
  className: "border-none",
33605
33595
  label: t("WS_LOCALITY"),
33606
- text: ((_state42 = state) === null || _state42 === void 0 ? void 0 : (_state42$additionalDe = _state42.additionalDetails) === null || _state42$additionalDe === void 0 ? void 0 : _state42$additionalDe.locality) || "NA"
33596
+ text: ((_state40 = state) === null || _state40 === void 0 ? void 0 : (_state40$additionalDe = _state40.additionalDetails) === null || _state40$additionalDe === void 0 ? void 0 : _state40$additionalDe.locality) || "NA"
33607
33597
  }), /*#__PURE__*/React__default.createElement(reactRouterDom.Link, {
33608
- 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)
33598
+ 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)
33609
33599
  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.LinkButton, {
33610
33600
  style: {
33611
33601
  textAlign: "left",
@@ -33617,10 +33607,10 @@ const ConnectionDetails$5 = () => {
33617
33607
  styles: {
33618
33608
  fontSize: "28px"
33619
33609
  }
33620
- }, t("WS_COMMON_CONNECTION_HOLDER_DETAILS_HEADER")), (_state45 = state) !== null && _state45 !== void 0 && _state45.connectionHolders ? /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33610
+ }, t("WS_COMMON_CONNECTION_HOLDER_DETAILS_HEADER")), (_state43 = state) !== null && _state43 !== void 0 && _state43.connectionHolders ? /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33621
33611
  className: "border-none",
33622
33612
  label: t("WS_OWN_DETAIL_OWN_NAME_LABEL"),
33623
- 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,
33613
+ 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,
33624
33614
  textStyle: {
33625
33615
  whiteSpace: "pre"
33626
33616
  }
@@ -33746,32 +33736,32 @@ const ConnectionDetails$5 = () => {
33746
33736
  }, t("WS_COMMON_BANK_DETAILS")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33747
33737
  className: "border-none",
33748
33738
  label: t("WS_BANK_NAME"),
33749
- text: ((_state47 = state) === null || _state47 === void 0 ? void 0 : (_state47$additionalDe = _state47.additionalDetails) === null || _state47$additionalDe === void 0 ? void 0 : _state47$additionalDe.bankName) || "NA"
33739
+ text: ((_state45 = state) === null || _state45 === void 0 ? void 0 : (_state45$additionalDe = _state45.additionalDetails) === null || _state45$additionalDe === void 0 ? void 0 : _state45$additionalDe.bankName) || "NA"
33750
33740
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33751
33741
  className: "border-none",
33752
33742
  label: t("WS_BANK_BRANCH_NAME"),
33753
- text: ((_state48 = state) === null || _state48 === void 0 ? void 0 : (_state48$additionalDe = _state48.additionalDetails) === null || _state48$additionalDe === void 0 ? void 0 : _state48$additionalDe.bankBranchName) || "NA"
33743
+ text: ((_state46 = state) === null || _state46 === void 0 ? void 0 : (_state46$additionalDe = _state46.additionalDetails) === null || _state46$additionalDe === void 0 ? void 0 : _state46$additionalDe.bankBranchName) || "NA"
33754
33744
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33755
33745
  className: "border-none",
33756
33746
  label: t("WS_BANK_ACCOUNT_NUMBER"),
33757
- 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"
33747
+ 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"
33758
33748
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33759
33749
  className: "border-none",
33760
33750
  label: t("WS_BANK_IFSC_CODE"),
33761
- text: ((_state51 = state) === null || _state51 === void 0 ? void 0 : (_state51$additionalDe = _state51.additionalDetails) === null || _state51$additionalDe === void 0 ? void 0 : _state51$additionalDe.ifscCode) || "NA"
33751
+ text: ((_state49 = state) === null || _state49 === void 0 ? void 0 : (_state49$additionalDe = _state49.additionalDetails) === null || _state49$additionalDe === void 0 ? void 0 : _state49$additionalDe.ifscCode) || "NA"
33762
33752
  })), /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, {
33763
33753
  styles: {
33764
33754
  fontSize: "28px"
33765
33755
  }
33766
- }, 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) => {
33767
- var _doc$documentType, _state54, _state55;
33756
+ }, 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) => {
33757
+ var _doc$documentType, _state52, _state53;
33768
33758
  return /*#__PURE__*/React__default.createElement("div", {
33769
33759
  key: "doc-" + index
33770
33760
  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSectionHeader, null, t(doc === null || doc === void 0 ? void 0 : (_doc$documentType = doc.documentType) === null || _doc$documentType === void 0 ? void 0 : _doc$documentType.split(".").slice(0, 2).join("_"))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(WSDocument, {
33771
- value: (_state54 = state) === null || _state54 === void 0 ? void 0 : _state54.documents,
33761
+ value: (_state52 = state) === null || _state52 === void 0 ? void 0 : _state52.documents,
33772
33762
  Code: doc === null || doc === void 0 ? void 0 : doc.documentType,
33773
33763
  index: index
33774
- }), ((_state55 = state) === null || _state55 === void 0 ? void 0 : _state55.documents.length) != index + 1 ? /*#__PURE__*/React__default.createElement("hr", {
33764
+ }), ((_state53 = state) === null || _state53 === void 0 ? void 0 : _state53.documents.length) != index + 1 ? /*#__PURE__*/React__default.createElement("hr", {
33775
33765
  style: {
33776
33766
  color: "#cccccc",
33777
33767
  backgroundColor: "#cccccc",
@@ -33780,7 +33770,7 @@ const ConnectionDetails$5 = () => {
33780
33770
  marginBottom: "20px"
33781
33771
  }
33782
33772
  }) : null)));
33783
- })), (((_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__default.createElement(digitUiReactComponents.ActionBar, {
33773
+ })), (((_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__default.createElement(digitUiReactComponents.ActionBar, {
33784
33774
  style: {
33785
33775
  position: "relative",
33786
33776
  boxShadow: "none",
@@ -33795,23 +33785,13 @@ const ConnectionDetails$5 = () => {
33795
33785
  style: {
33796
33786
  width: "100%"
33797
33787
  }
33798
- }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
33799
- style: {
33800
- width: "100%"
33801
- },
33802
- label: t("WS_MUTATION_BUTTON"),
33803
- onSubmit: onActionSelectMutation
33804
- })), /*#__PURE__*/React__default.createElement("div", {
33805
- style: {
33806
- width: "100%"
33807
- }
33808
33788
  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
33809
33789
  style: {
33810
33790
  width: "100%"
33811
33791
  },
33812
33792
  label: t("WS_DISCONNECTION_BUTTON"),
33813
33793
  onSubmit: onActionSelect
33814
- }))) : ((_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__default.createElement(digitUiReactComponents.ActionBar, {
33794
+ }))) : ((_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__default.createElement(digitUiReactComponents.ActionBar, {
33815
33795
  style: {
33816
33796
  position: "relative",
33817
33797
  boxShadow: "none",
@@ -33843,8 +33823,8 @@ const ConnectionDetails$5 = () => {
33843
33823
  actionSingleLabel: t("COMMON_MAKE_PAYMENT"),
33844
33824
  hideSubmit: true,
33845
33825
  actionSingleSubmit: () => {
33846
- var _state62, _state63;
33847
- 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");
33826
+ var _state60, _state61;
33827
+ 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");
33848
33828
  setshowModal(false);
33849
33829
  },
33850
33830
  popupStyles: mobileView ? {
@@ -44921,7 +44901,7 @@ function PropertyDocuments(_ref) {
44921
44901
  });
44922
44902
  });
44923
44903
  const allChecked = requiredDocsCount === 0 || checkedCount === requiredDocsCount;
44924
- const isDocVerifState = !applicationStatus || applicationStatus === "PENDING_FOR_DOCUMENT_VERIFICATION";
44904
+ const isDocVerifState = !applicationStatus || applicationStatus === "PENDING_FOR_DOCUMENT_VERIFICATION" || applicationStatus === "PENDING_APPROVAL_FOR_MUTATION";
44925
44905
  const finalVerified = isDocVerifState ? allChecked : true;
44926
44906
  window.isDocumentsVerified = finalVerified;
44927
44907
  window.dispatchEvent(new CustomEvent("DOCUMENTS_VERIFIED", {
@@ -45157,7 +45137,7 @@ function PropertyDocuments(_ref) {
45157
45137
  style: {
45158
45138
  cursor: "pointer"
45159
45139
  }
45160
- }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.ViewsIcon, null)), !isPhoto && ((_ref3, _checkedMap$value$fil2, _value$originalDoc2, _value$originalDoc3, _value$originalDoc4) => {
45140
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.ViewsIcon, null)), !isPhoto && ((_ref3, _checkedMap$value$fil2, _value$originalDoc2, _value$originalDoc3, _ref4, _checkedMap$value$fil3, _value$originalDoc4) => {
45161
45141
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
45162
45142
  onClick: () => {
45163
45143
  if (fileUrl) {
@@ -45206,10 +45186,10 @@ function PropertyDocuments(_ref) {
45206
45186
  width: "18px",
45207
45187
  height: "18px",
45208
45188
  accentColor: "#F47738",
45209
- cursor: applicationStatus && applicationStatus !== "PENDING_FOR_DOCUMENT_VERIFICATION" ? "not-allowed" : "pointer"
45189
+ cursor: applicationStatus && applicationStatus !== "PENDING_FOR_DOCUMENT_VERIFICATION" && applicationStatus !== "PENDING_APPROVAL_FOR_MUTATION" ? "not-allowed" : "pointer"
45210
45190
  },
45211
- disabled: applicationStatus && applicationStatus !== "PENDING_FOR_DOCUMENT_VERIFICATION",
45212
- defaultChecked: value === null || value === void 0 ? void 0 : (_value$originalDoc4 = value.originalDoc) === null || _value$originalDoc4 === void 0 ? void 0 : _value$originalDoc4.isVerified,
45191
+ disabled: applicationStatus && applicationStatus !== "PENDING_FOR_DOCUMENT_VERIFICATION" && applicationStatus !== "PENDING_APPROVAL_FOR_MUTATION" && applicationStatus !== "ACTIVATE_MUTATION",
45192
+ 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),
45213
45193
  onChange: e => {
45214
45194
  const checked = e.target.checked;
45215
45195
  if (value !== null && value !== void 0 && value.originalDoc) {
@@ -46589,6 +46569,7 @@ function ApplicationDetailsContent(_ref) {
46589
46569
  workflowDetails = _ref.workflowDetails,
46590
46570
  isDataLoading = _ref.isDataLoading,
46591
46571
  applicationData = _ref.applicationData,
46572
+ businessService = _ref.businessService,
46592
46573
  timelineStatusPrefix = _ref.timelineStatusPrefix,
46593
46574
  _ref$showTimeLine = _ref.showTimeLine,
46594
46575
  showTimeLine = _ref$showTimeLine === void 0 ? true : _ref$showTimeLine,
@@ -46864,7 +46845,7 @@ function ApplicationDetailsContent(_ref) {
46864
46845
  infoClickInfoLabel: getClickInfoDetails(),
46865
46846
  infoClickInfoLabel1: getClickInfoDetails1()
46866
46847
  }) : null, applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a = applicationDetails.applicationDetails) === null || _applicationDetails$a === void 0 ? void 0 : _applicationDetails$a.map((detail, index) => {
46867
- 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;
46848
+ 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;
46868
46849
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
46869
46850
  key: index
46870
46851
  }, /*#__PURE__*/React__default.createElement("div", {
@@ -47095,9 +47076,9 @@ function ApplicationDetailsContent(_ref) {
47095
47076
  }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet17 = detail.additionalDetails) === null || _detail$additionalDet17 === void 0 ? void 0 : _detail$additionalDet17.documents) && /*#__PURE__*/React__default.createElement(PropertyDocuments, {
47096
47077
  documents: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet18 = detail.additionalDetails) === null || _detail$additionalDet18 === void 0 ? void 0 : _detail$additionalDet18.documents,
47097
47078
  applicationStatus: applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus
47098
- }), (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__default.createElement(DueVerification, {
47079
+ }), (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__default.createElement(DueVerification, {
47099
47080
  applicationData: applicationData
47100
- }), " ", (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__default.createElement(InspectionInformation, {
47081
+ }), " ", (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__default.createElement(InspectionInformation, {
47101
47082
  applicationData: applicationData
47102
47083
  }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet21 = detail.additionalDetails) === null || _detail$additionalDet21 === void 0 ? void 0 : _detail$additionalDet21.taxHeadEstimatesCalculation) && /*#__PURE__*/React__default.createElement(PropertyEstimates, {
47103
47084
  taxHeadEstimatesCalculation: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet22 = detail.additionalDetails) === null || _detail$additionalDet22 === void 0 ? void 0 : _detail$additionalDet22.taxHeadEstimatesCalculation
@@ -48228,16 +48209,16 @@ const ApplicationDetails$1 = () => {
48228
48209
  };
48229
48210
 
48230
48211
  const GetConnectionDetails = () => {
48231
- 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;
48212
+ 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;
48232
48213
  const getBillSearch = function () {
48233
48214
  try {
48234
- const _temp = function (_applicationDetails$f0) {
48235
- if ((applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$f0 = applicationDetails.fetchBillsData) === null || _applicationDetails$f0 === void 0 ? void 0 : _applicationDetails$f0.length) > 0) {
48236
- var _applicationDetails$a22;
48215
+ const _temp = function (_applicationDetails$f8) {
48216
+ if ((applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$f8 = applicationDetails.fetchBillsData) === null || _applicationDetails$f8 === void 0 ? void 0 : _applicationDetails$f8.length) > 0) {
48217
+ var _applicationDetails$a21;
48237
48218
  const service = serviceType === "WATER" ? "WS" : "SW";
48238
48219
  let wsSearchFilters = {
48239
48220
  isConnectionSearch: true,
48240
- connectionNumber: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a22 = applicationDetails.applicationData) === null || _applicationDetails$a22 === void 0 ? void 0 : _applicationDetails$a22.connectionNo
48221
+ connectionNumber: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a21 = applicationDetails.applicationData) === null || _applicationDetails$a21 === void 0 ? void 0 : _applicationDetails$a21.connectionNo
48241
48222
  };
48242
48223
  return Promise.resolve(Digit.WSService.search({
48243
48224
  tenantId,
@@ -48250,8 +48231,8 @@ const GetConnectionDetails = () => {
48250
48231
  bussinessService: service
48251
48232
  };
48252
48233
  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) {
48253
- var _applicationDetails$a23;
48254
- downloadAndOpenPdf(applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a23 = applicationDetails.applicationData) === null || _applicationDetails$a23 === void 0 ? void 0 : _applicationDetails$a23.connectionNo, filters);
48234
+ var _applicationDetails$a22;
48235
+ downloadAndOpenPdf(applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a22 = applicationDetails.applicationData) === null || _applicationDetails$a22 === void 0 ? void 0 : _applicationDetails$a22.connectionNo, filters);
48255
48236
  }
48256
48237
  });
48257
48238
  }
@@ -48280,7 +48261,7 @@ const GetConnectionDetails = () => {
48280
48261
  showOptions = _useState3[0],
48281
48262
  setShowOptions = _useState3[1];
48282
48263
  const stateCode = Digit.ULBService.getStateId();
48283
- const actionConfig = ["MODIFY_CONNECTION_BUTTON", "MUTATION_BUTTON", "BILL_AMENDMENT_BUTTON", "DISCONNECTION_BUTTON"];
48264
+ const actionConfig = ["MODIFY_CONNECTION_BUTTON", "BILL_AMENDMENT_BUTTON", "DISCONNECTION_BUTTON"];
48284
48265
  const _Digit$Hooks$ws$useCo = Digit.Hooks.ws.useConnectionDetail(t, tenantId, applicationNumber, serviceType, {
48285
48266
  privacy: Digit.Utils.getPrivacyObject()
48286
48267
  }),
@@ -48382,29 +48363,8 @@ const GetConnectionDetails = () => {
48382
48363
  data: applicationDetails
48383
48364
  }));
48384
48365
  };
48385
- const getMutationButton = () => {
48386
- var _applicationDetails$f3, _applicationDetails$f4, _applicationDetails$a16, _applicationDetails$p2;
48387
- if (!checkApplicationStatus) {
48388
- setshowActionToast({
48389
- key: "error",
48390
- label: "CONN_NOT_ACTIVE"
48391
- });
48392
- return;
48393
- }
48394
- 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) {
48395
- setshowActionToast({
48396
- key: "error",
48397
- label: "WS_DUE_AMOUNT_SHOULD_BE_ZERO"
48398
- });
48399
- return;
48400
- }
48401
- 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";
48402
- history.push("" + pathname, JSON.stringify({
48403
- data: applicationDetails
48404
- }));
48405
- };
48406
48366
  const getBillAmendmentButton = () => {
48407
- var _demandData$Demands, _applicationDetails$a17;
48367
+ var _demandData$Demands, _applicationDetails$a16;
48408
48368
  let isBillAmendNotApplicable = false;
48409
48369
  billData === null || billData === void 0 ? void 0 : billData.map(bill => {
48410
48370
  if ((bill === null || bill === void 0 ? void 0 : bill.status) === "INWORKFLOW") {
@@ -48425,7 +48385,7 @@ const GetConnectionDetails = () => {
48425
48385
  });
48426
48386
  return;
48427
48387
  }
48428
- 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({
48388
+ 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({
48429
48389
  data: applicationDetails
48430
48390
  }));
48431
48391
  };
@@ -48445,9 +48405,9 @@ const GetConnectionDetails = () => {
48445
48405
  label: "WORKFLOW_IN_PROGRESS"
48446
48406
  });
48447
48407
  } else {
48448
- var _billData$, _applicationDetails$f5;
48408
+ var _billData$, _applicationDetails$f3;
48449
48409
  console.log("due", due, applicationDetails);
48450
- 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) {
48410
+ 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) {
48451
48411
  Digit.SessionStorage.set("WS_DISCONNECTION", applicationDetails);
48452
48412
  history.push("" + pathname);
48453
48413
  } else {
@@ -48463,8 +48423,8 @@ const GetConnectionDetails = () => {
48463
48423
  label: "WORKFLOW_IN_PROGRESS"
48464
48424
  });
48465
48425
  } else {
48466
- var _billData$2, _applicationDetails$f6;
48467
- 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") {
48426
+ var _billData$2, _applicationDetails$f4;
48427
+ 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") {
48468
48428
  Digit.SessionStorage.set("WS_DISCONNECTION", applicationDetails);
48469
48429
  history.push("" + pathname);
48470
48430
  } else {
@@ -48475,8 +48435,6 @@ const GetConnectionDetails = () => {
48475
48435
  function onActionSelect(action) {
48476
48436
  if (action === "MODIFY_CONNECTION_BUTTON") {
48477
48437
  getModifyConnectionButton();
48478
- } else if (action === "MUTATION_BUTTON") {
48479
- getMutationButton();
48480
48438
  } else if (action === "BILL_AMENDMENT_BUTTON") {
48481
48439
  getBillAmendmentButton();
48482
48440
  } else if (action === "DISCONNECTION_BUTTON") {
@@ -48485,7 +48443,7 @@ const GetConnectionDetails = () => {
48485
48443
  getRestorationButton();
48486
48444
  }
48487
48445
  }
48488
- 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;
48446
+ 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;
48489
48447
  const showAction = checkApplicationStatusForDisconnection ? actionConfig : actionConfig.filter(item => item !== "DISCONNECTION_BUTTON");
48490
48448
  const showActionRestoration = ["RESTORATION_BUTTON"];
48491
48449
  let dowloadOptions = [];
@@ -48499,7 +48457,7 @@ const GetConnectionDetails = () => {
48499
48457
  label: t("WS_CONNECTION_DETAILS"),
48500
48458
  onClick: () => downloadConnectionDetails()
48501
48459
  };
48502
- 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];
48460
+ 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];
48503
48461
  const Close = () => /*#__PURE__*/React__default.createElement("svg", {
48504
48462
  xmlns: "http://www.w3.org/2000/svg",
48505
48463
  viewBox: "0 0 24 24",
@@ -48548,7 +48506,7 @@ const GetConnectionDetails = () => {
48548
48506
  isDataLoading: isLoading,
48549
48507
  applicationData: applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationData,
48550
48508
  mutate: mutate,
48551
- 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,
48509
+ 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,
48552
48510
  moduleCode: "WS",
48553
48511
  showToast: showToast,
48554
48512
  setShowToast: setShowToast,
@@ -48566,7 +48524,7 @@ const GetConnectionDetails = () => {
48566
48524
  ref: actionMenuRef,
48567
48525
  label: t("WF_TAKE_ACTION"),
48568
48526
  onSubmit: () => setDisplayMenu(!displayMenu)
48569
- })) : 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__default.createElement(digitUiReactComponents.ActionBar, null, displayMenu ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.Menu, {
48527
+ })) : 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__default.createElement(digitUiReactComponents.ActionBar, null, displayMenu ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.Menu, {
48570
48528
  options: showActionRestoration,
48571
48529
  localeKeyPrefix: "WS",
48572
48530
  t: t,
@@ -48622,7 +48580,7 @@ const GetConnectionDetails = () => {
48622
48580
  className: "modal-header-ws"
48623
48581
  }, t("WS_CLEAR_DUES_DISCONNECTION_SUB_HEADER_LABEL"), " "), /*#__PURE__*/React__default.createElement("div", {
48624
48582
  className: "modal-body-ws"
48625
- }, /*#__PURE__*/React__default.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__default.createElement(digitUiReactComponents.Toast, {
48583
+ }, /*#__PURE__*/React__default.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__default.createElement(digitUiReactComponents.Toast, {
48626
48584
  error: showActionToast.key,
48627
48585
  label: t("" + showActionToast.label),
48628
48586
  onClose: closeBillToast
@@ -50408,10 +50366,198 @@ const EditModifyApplication = () => {
50408
50366
  }));
50409
50367
  };
50410
50368
 
50369
+ const Step1_SearchConnection = _ref => {
50370
+ let defaultKNumber = _ref.defaultKNumber,
50371
+ onNext = _ref.onNext;
50372
+ const _useState = React.useState(defaultKNumber || ""),
50373
+ kNumber = _useState[0],
50374
+ setKNumber = _useState[1];
50375
+ const _useState2 = React.useState(false),
50376
+ isLoading = _useState2[0],
50377
+ setIsLoading = _useState2[1];
50378
+ const _useState3 = React.useState(null),
50379
+ showToast = _useState3[0],
50380
+ setShowToast = _useState3[1];
50381
+ const handleSendOtp = function () {
50382
+ try {
50383
+ if (!kNumber) {
50384
+ setShowToast({
50385
+ key: "warning",
50386
+ message: "Please enter K Number / Connection ID"
50387
+ });
50388
+ return Promise.resolve();
50389
+ }
50390
+ setIsLoading(true);
50391
+ return Promise.resolve(_catch(function () {
50392
+ const tenantId = Digit.ULBService.getCurrentTenantId() || "dl";
50393
+ const params = {
50394
+ connectionNumber: kNumber,
50395
+ isConnectionSearch: true
50396
+ };
50397
+ let detectedServiceType = "WATER";
50398
+ return Promise.resolve(Digit.WSService.search({
50399
+ tenantId,
50400
+ filters: params,
50401
+ businessService: "WS"
50402
+ }).catch(() => null)).then(function (wsResponse) {
50403
+ var _wsResponse$WaterConn;
50404
+ function _temp2() {
50405
+ var _connection, _connection$connectio, _connection$connectio2, _connection2;
50406
+ if (!connection) {
50407
+ setIsLoading(false);
50408
+ setShowToast({
50409
+ key: "error",
50410
+ message: "Connection not found for the given K Number"
50411
+ });
50412
+ return;
50413
+ }
50414
+ 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);
50415
+ if (!fetchedMobileNumber || fetchedMobileNumber.length !== 10) {
50416
+ setIsLoading(false);
50417
+ setShowToast({
50418
+ key: "error",
50419
+ message: "No valid registered mobile number found for this connection"
50420
+ });
50421
+ return;
50422
+ }
50423
+ const userType = Digit.UserService.getType().toUpperCase();
50424
+ const payload = {
50425
+ otp: {
50426
+ mobileNumber: fetchedMobileNumber,
50427
+ tenantId: "dl",
50428
+ type: "register",
50429
+ userType: userType
50430
+ }
50431
+ };
50432
+ return Promise.resolve(Digit.UserService.sendOtp(payload, "dl")).then(function () {
50433
+ setIsLoading(false);
50434
+ onNext({
50435
+ kNumber,
50436
+ mobileNumber: fetchedMobileNumber,
50437
+ serviceType: detectedServiceType
50438
+ });
50439
+ });
50440
+ }
50441
+ let connection = wsResponse === null || wsResponse === void 0 ? void 0 : (_wsResponse$WaterConn = wsResponse.WaterConnection) === null || _wsResponse$WaterConn === void 0 ? void 0 : _wsResponse$WaterConn[0];
50442
+ const _temp = function () {
50443
+ if (!connection) {
50444
+ return Promise.resolve(Digit.WSService.search({
50445
+ tenantId,
50446
+ filters: params,
50447
+ businessService: "SW"
50448
+ }).catch(() => null)).then(function (swResponse) {
50449
+ var _swResponse$SewerageC;
50450
+ connection = swResponse === null || swResponse === void 0 ? void 0 : (_swResponse$SewerageC = swResponse.SewerageConnections) === null || _swResponse$SewerageC === void 0 ? void 0 : _swResponse$SewerageC[0];
50451
+ if (connection) detectedServiceType = "SEWERAGE";
50452
+ });
50453
+ }
50454
+ }();
50455
+ return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
50456
+ });
50457
+ }, function (err) {
50458
+ var _err$response, _err$response$data, _err$response$data$Er, _err$response$data$Er2;
50459
+ setIsLoading(false);
50460
+ setShowToast({
50461
+ key: "error",
50462
+ 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"
50463
+ });
50464
+ }));
50465
+ } catch (e) {
50466
+ return Promise.reject(e);
50467
+ }
50468
+ };
50469
+ return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, {
50470
+ style: {
50471
+ marginBottom: "20px"
50472
+ }
50473
+ }, /*#__PURE__*/React__default.createElement("div", {
50474
+ style: {
50475
+ display: "flex",
50476
+ alignItems: "center",
50477
+ marginBottom: "16px",
50478
+ flexWrap: "wrap",
50479
+ gap: "8px"
50480
+ }
50481
+ }, /*#__PURE__*/React__default.createElement("span", {
50482
+ style: {
50483
+ fontSize: "24px"
50484
+ }
50485
+ }, "\uD83D\uDD0D"), /*#__PURE__*/React__default.createElement("h2", {
50486
+ style: {
50487
+ fontSize: "18px",
50488
+ fontWeight: "700",
50489
+ margin: 0
50490
+ }
50491
+ }, "1. Connection Authentication")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.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__default.createElement("div", {
50492
+ style: {
50493
+ marginBottom: "24px",
50494
+ marginTop: "16px",
50495
+ padding: "16px",
50496
+ backgroundColor: "#f9f9f9",
50497
+ borderRadius: "8px",
50498
+ borderLeft: "4px solid #00497e"
50499
+ }
50500
+ }, /*#__PURE__*/React__default.createElement("div", {
50501
+ style: {
50502
+ marginBottom: "16px"
50503
+ }
50504
+ }, /*#__PURE__*/React__default.createElement("div", {
50505
+ style: {
50506
+ fontWeight: "bold",
50507
+ marginBottom: "8px"
50508
+ }
50509
+ }, "K Number / Connection ID *"), /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextInput, {
50510
+ value: kNumber,
50511
+ onChange: e => setKNumber(e.target.value),
50512
+ placeholder: "Enter K Number",
50513
+ style: {
50514
+ width: "100%",
50515
+ maxWidth: "400px"
50516
+ }
50517
+ })), /*#__PURE__*/React__default.createElement("div", {
50518
+ style: {
50519
+ display: "flex",
50520
+ justifyContent: "flex-end"
50521
+ }
50522
+ }, /*#__PURE__*/React__default.createElement("button", {
50523
+ onClick: handleSendOtp,
50524
+ disabled: isLoading,
50525
+ style: {
50526
+ padding: "10px 20px",
50527
+ backgroundColor: "#00497e",
50528
+ color: "white",
50529
+ border: "none",
50530
+ borderRadius: "4px",
50531
+ cursor: "pointer",
50532
+ fontWeight: "bold",
50533
+ opacity: isLoading ? 0.7 : 1,
50534
+ width: "100%",
50535
+ maxWidth: "200px"
50536
+ }
50537
+ }, isLoading ? "Sending OTP..." : "Send OTP →"))), showToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
50538
+ error: showToast.key === "error",
50539
+ warning: showToast.key === "warning",
50540
+ label: showToast.message,
50541
+ onClose: () => setShowToast(null),
50542
+ isDleteBtn: true
50543
+ }));
50544
+ };
50545
+
50411
50546
  const Step1_ExistingConnection = _ref => {
50412
50547
  var _appData$connectionHo, _propertyData$Propert, _propertyData$Propert2, _appData$property, _propertyAddress$loca;
50413
50548
  let applicationDetails = _ref.applicationDetails,
50414
- propertyId = _ref.propertyId;
50549
+ propertyId = _ref.propertyId,
50550
+ mobileNumber = _ref.mobileNumber,
50551
+ onVerify = _ref.onVerify;
50552
+ const _useState = React.useState(""),
50553
+ otp = _useState[0],
50554
+ setOtp = _useState[1];
50555
+ const _useState2 = React.useState(false),
50556
+ isLoading = _useState2[0],
50557
+ setIsLoading = _useState2[1];
50558
+ const _useState3 = React.useState(null),
50559
+ showToast = _useState3[0],
50560
+ setShowToast = _useState3[1];
50415
50561
  const getMaskedName = name => {
50416
50562
  if (!name) return "NA";
50417
50563
  return name.split("").map((char, index) => index % 2 === 1 && char !== " " ? "*" : char).join("");
@@ -50427,13 +50573,17 @@ const Step1_ExistingConnection = _ref => {
50427
50573
  const holderDetails = (appData === null || appData === void 0 ? void 0 : (_appData$connectionHo = appData.connectionHolders) === null || _appData$connectionHo === void 0 ? void 0 : _appData$connectionHo[0]) || {};
50428
50574
  const registeredName = getMaskedName(holderDetails === null || holderDetails === void 0 ? void 0 : holderDetails.name);
50429
50575
  const registeredPhone = getMaskedPhone(holderDetails === null || holderDetails === void 0 ? void 0 : holderDetails.mobileNumber);
50430
- const tenantId = Digit.ULBService.getCurrentTenantId();
50576
+ const tenantId = (appData === null || appData === void 0 ? void 0 : appData.tenantId) || Digit.ULBService.getCurrentTenantId();
50431
50577
  const _Digit$Hooks$pt$usePr = Digit.Hooks.pt.usePropertySearch({
50432
50578
  filters: {
50433
50579
  propertyIds: propertyId
50434
50580
  },
50435
50581
  tenantId
50436
50582
  }, {
50583
+ filters: {
50584
+ propertyIds: propertyId
50585
+ },
50586
+ tenantId,
50437
50587
  enabled: !!propertyId
50438
50588
  }),
50439
50589
  propertyData = _Digit$Hooks$pt$usePr.data;
@@ -50443,29 +50593,71 @@ const Step1_ExistingConnection = _ref => {
50443
50593
  if (connectionNo === "NA") missingFields.push("Connection Number");
50444
50594
  if (registeredName === "NA") missingFields.push("Owner Name");
50445
50595
  if (formattedAddress === "NA") missingFields.push("Property Address");
50596
+ const handleVerifyOtp = function () {
50597
+ try {
50598
+ if (!otp || otp.length < 6) {
50599
+ setShowToast({
50600
+ key: "warning",
50601
+ message: "Please enter a valid 6-digit OTP"
50602
+ });
50603
+ return Promise.resolve();
50604
+ }
50605
+ setIsLoading(true);
50606
+ const _temp = _catch(function () {
50607
+ const payload = {
50608
+ otp: {
50609
+ otp: otp,
50610
+ identity: mobileNumber,
50611
+ tenantId: "dl"
50612
+ }
50613
+ };
50614
+ return Promise.resolve(Digit.UserService.validateOtp(payload)).then(function () {
50615
+ setIsLoading(false);
50616
+ onVerify();
50617
+ });
50618
+ }, function (err) {
50619
+ var _err$response, _err$response$data, _err$response$data$Er, _err$response$data$Er2;
50620
+ setIsLoading(false);
50621
+ setShowToast({
50622
+ key: "error",
50623
+ 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"
50624
+ });
50625
+ });
50626
+ return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
50627
+ } catch (e) {
50628
+ return Promise.reject(e);
50629
+ }
50630
+ };
50631
+ const infoItemStyle = {
50632
+ display: "flex",
50633
+ flexDirection: "column",
50634
+ minWidth: 0
50635
+ };
50446
50636
  return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, {
50447
50637
  style: {
50448
50638
  marginBottom: "20px"
50449
50639
  }
50450
50640
  }, /*#__PURE__*/React__default.createElement("div", {
50451
50641
  style: {
50452
- padding: "16px",
50642
+ padding: "12px 16px",
50453
50643
  backgroundColor: "#fff3cd",
50454
50644
  color: "#856404",
50455
50645
  borderRadius: "8px",
50456
50646
  border: "1px solid #ffeeba",
50457
50647
  marginBottom: "20px",
50458
50648
  display: "flex",
50459
- alignItems: "center"
50649
+ alignItems: "flex-start",
50650
+ gap: "8px"
50460
50651
  }
50461
50652
  }, /*#__PURE__*/React__default.createElement("span", {
50462
50653
  style: {
50463
- marginRight: "8px",
50464
- fontSize: "20px"
50654
+ fontSize: "18px",
50655
+ flexShrink: 0
50465
50656
  }
50466
50657
  }, "\u2139\uFE0F"), /*#__PURE__*/React__default.createElement("span", {
50467
50658
  style: {
50468
- fontWeight: "500"
50659
+ fontWeight: "500",
50660
+ fontSize: "14px"
50469
50661
  }
50470
50662
  }, "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__default.createElement("div", {
50471
50663
  style: {
@@ -50476,36 +50668,38 @@ const Step1_ExistingConnection = _ref => {
50476
50668
  border: "1px solid #f5c6cb",
50477
50669
  marginBottom: "16px",
50478
50670
  display: "flex",
50479
- alignItems: "center"
50671
+ alignItems: "flex-start",
50672
+ gap: "8px"
50480
50673
  }
50481
50674
  }, /*#__PURE__*/React__default.createElement("span", {
50482
50675
  style: {
50483
- marginRight: "8px",
50484
- fontSize: "18px"
50676
+ fontSize: "16px",
50677
+ flexShrink: 0
50485
50678
  }
50486
50679
  }, "\u26A0\uFE0F"), /*#__PURE__*/React__default.createElement("span", {
50487
50680
  style: {
50488
50681
  fontWeight: "500",
50489
50682
  fontSize: "14px"
50490
50683
  }
50491
- }, "Please verify the connection data before proceeding.")), /*#__PURE__*/React__default.createElement("div", {
50684
+ }, "Note: Some connection details are missing (", missingFields.join(", "), "). You may need to update them during the mutation process.")), /*#__PURE__*/React__default.createElement("div", {
50492
50685
  style: {
50493
50686
  display: "flex",
50494
50687
  alignItems: "center",
50495
- marginBottom: "16px"
50688
+ marginBottom: "16px",
50689
+ flexWrap: "wrap",
50690
+ gap: "8px"
50496
50691
  }
50497
50692
  }, /*#__PURE__*/React__default.createElement("span", {
50498
50693
  style: {
50499
- fontSize: "24px",
50500
- marginRight: "8px"
50694
+ fontSize: "22px"
50501
50695
  }
50502
50696
  }, "\uD83C\uDFE2"), /*#__PURE__*/React__default.createElement("h2", {
50503
50697
  style: {
50504
- fontSize: "20px",
50698
+ fontSize: "18px",
50505
50699
  fontWeight: "700",
50506
50700
  margin: 0
50507
50701
  }
50508
- }, "1. Existing Connection & Current Consumer Details.")), /*#__PURE__*/React__default.createElement("div", {
50702
+ }, "2. Existing Consumer Details")), /*#__PURE__*/React__default.createElement("div", {
50509
50703
  style: {
50510
50704
  padding: "16px",
50511
50705
  backgroundColor: "#f9f9f9",
@@ -50515,43 +50709,54 @@ const Step1_ExistingConnection = _ref => {
50515
50709
  }, /*#__PURE__*/React__default.createElement("div", {
50516
50710
  style: {
50517
50711
  display: "grid",
50518
- gridTemplateColumns: "1fr 1fr 1fr",
50712
+ gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))",
50519
50713
  gap: "16px"
50520
50714
  }
50521
- }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
50715
+ }, /*#__PURE__*/React__default.createElement("div", {
50716
+ style: infoItemStyle
50717
+ }, /*#__PURE__*/React__default.createElement("div", {
50522
50718
  style: {
50523
50719
  color: "#555",
50524
- fontSize: "14px",
50720
+ fontSize: "13px",
50525
50721
  marginBottom: "4px"
50526
50722
  }
50527
50723
  }, "Connection Number"), /*#__PURE__*/React__default.createElement("div", {
50528
50724
  style: {
50529
- fontWeight: "bold"
50725
+ fontWeight: "bold",
50726
+ wordBreak: "break-all"
50530
50727
  }
50531
- }, connectionNo)), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
50728
+ }, connectionNo)), /*#__PURE__*/React__default.createElement("div", {
50729
+ style: infoItemStyle
50730
+ }, /*#__PURE__*/React__default.createElement("div", {
50532
50731
  style: {
50533
50732
  color: "#555",
50534
- fontSize: "14px",
50733
+ fontSize: "13px",
50535
50734
  marginBottom: "4px"
50536
50735
  }
50537
50736
  }, "Current Owner Name"), /*#__PURE__*/React__default.createElement("div", {
50538
50737
  style: {
50539
- fontWeight: "bold"
50738
+ fontWeight: "bold",
50739
+ wordBreak: "break-word"
50540
50740
  }
50541
- }, registeredName)), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
50741
+ }, registeredName)), /*#__PURE__*/React__default.createElement("div", {
50742
+ style: infoItemStyle
50743
+ }, /*#__PURE__*/React__default.createElement("div", {
50542
50744
  style: {
50543
50745
  color: "#555",
50544
- fontSize: "14px",
50746
+ fontSize: "13px",
50545
50747
  marginBottom: "4px"
50546
50748
  }
50547
50749
  }, "Property Address"), /*#__PURE__*/React__default.createElement("div", {
50548
50750
  style: {
50549
- fontWeight: "bold"
50751
+ fontWeight: "bold",
50752
+ wordBreak: "break-word"
50550
50753
  }
50551
- }, formattedAddress)), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
50754
+ }, formattedAddress)), /*#__PURE__*/React__default.createElement("div", {
50755
+ style: infoItemStyle
50756
+ }, /*#__PURE__*/React__default.createElement("div", {
50552
50757
  style: {
50553
50758
  color: "#555",
50554
- fontSize: "14px",
50759
+ fontSize: "13px",
50555
50760
  marginBottom: "4px"
50556
50761
  }
50557
50762
  }, "Connection Status"), /*#__PURE__*/React__default.createElement("div", {
@@ -50559,27 +50764,88 @@ const Step1_ExistingConnection = _ref => {
50559
50764
  fontWeight: "bold",
50560
50765
  color: (connectionStatus === null || connectionStatus === void 0 ? void 0 : connectionStatus.toLowerCase()) === "active" ? "#28a745" : "#dc3545"
50561
50766
  }
50562
- }, connectionStatus)), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
50767
+ }, connectionStatus)), /*#__PURE__*/React__default.createElement("div", {
50768
+ style: infoItemStyle
50769
+ }, /*#__PURE__*/React__default.createElement("div", {
50563
50770
  style: {
50564
50771
  color: "#555",
50565
- fontSize: "14px",
50772
+ fontSize: "13px",
50566
50773
  marginBottom: "4px"
50567
50774
  }
50568
50775
  }, "Meter Number"), /*#__PURE__*/React__default.createElement("div", {
50569
50776
  style: {
50570
- fontWeight: "bold"
50777
+ fontWeight: "bold",
50778
+ wordBreak: "break-all"
50571
50779
  }
50572
- }, meterId)), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
50780
+ }, meterId)), /*#__PURE__*/React__default.createElement("div", {
50781
+ style: infoItemStyle
50782
+ }, /*#__PURE__*/React__default.createElement("div", {
50573
50783
  style: {
50574
50784
  color: "#555",
50575
- fontSize: "14px",
50785
+ fontSize: "13px",
50576
50786
  marginBottom: "4px"
50577
50787
  }
50578
50788
  }, "Mobile Number"), /*#__PURE__*/React__default.createElement("div", {
50579
50789
  style: {
50580
50790
  fontWeight: "bold"
50581
50791
  }
50582
- }, registeredPhone)))));
50792
+ }, registeredPhone)))), /*#__PURE__*/React__default.createElement("div", {
50793
+ style: {
50794
+ marginTop: "24px",
50795
+ borderTop: "1px solid #e0e0e0",
50796
+ paddingTop: "16px"
50797
+ }
50798
+ }, /*#__PURE__*/React__default.createElement("h3", {
50799
+ style: {
50800
+ fontSize: "16px",
50801
+ fontWeight: "bold",
50802
+ marginBottom: "16px"
50803
+ }
50804
+ }, "Verify OTP"), /*#__PURE__*/React__default.createElement("div", {
50805
+ style: {
50806
+ display: "flex",
50807
+ flexDirection: "column",
50808
+ gap: "8px",
50809
+ maxWidth: "400px",
50810
+ marginBottom: "16px"
50811
+ }
50812
+ }, /*#__PURE__*/React__default.createElement("label", {
50813
+ style: {
50814
+ fontWeight: "500",
50815
+ fontSize: "14px"
50816
+ }
50817
+ }, "Enter OTP sent to +91 ", getMaskedPhone(mobileNumber), " *"), /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextInput, {
50818
+ value: otp,
50819
+ onChange: e => setOtp(e.target.value.replace(/\D/g, '').slice(0, 6)),
50820
+ placeholder: "Enter 6-digit OTP",
50821
+ maxLength: 6
50822
+ })), /*#__PURE__*/React__default.createElement("div", {
50823
+ style: {
50824
+ display: "flex",
50825
+ justifyContent: "flex-end"
50826
+ }
50827
+ }, /*#__PURE__*/React__default.createElement("button", {
50828
+ onClick: handleVerifyOtp,
50829
+ disabled: isLoading || otp.length < 6,
50830
+ style: {
50831
+ padding: "10px 20px",
50832
+ backgroundColor: "#00497e",
50833
+ color: "white",
50834
+ border: "none",
50835
+ borderRadius: "4px",
50836
+ cursor: isLoading || otp.length < 6 ? "not-allowed" : "pointer",
50837
+ fontWeight: "bold",
50838
+ opacity: isLoading || otp.length < 6 ? 0.5 : 1,
50839
+ width: "100%",
50840
+ maxWidth: "200px"
50841
+ }
50842
+ }, isLoading ? "Verifying..." : "Verify & Proceed →"))), showToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
50843
+ error: (showToast === null || showToast === void 0 ? void 0 : showToast.key) === "error",
50844
+ warning: (showToast === null || showToast === void 0 ? void 0 : showToast.key) === "warning",
50845
+ label: showToast === null || showToast === void 0 ? void 0 : showToast.message,
50846
+ onClose: () => setShowToast(null),
50847
+ isDleteBtn: true
50848
+ }));
50583
50849
  };
50584
50850
 
50585
50851
  const Step2_NewConsumerDetails = _ref => {
@@ -50597,7 +50863,8 @@ const Step2_NewConsumerDetails = _ref => {
50597
50863
  errors = _useForm.formState.errors,
50598
50864
  trigger = _useForm.trigger,
50599
50865
  setError = _useForm.setError,
50600
- clearErrors = _useForm.clearErrors;
50866
+ clearErrors = _useForm.clearErrors,
50867
+ setValue = _useForm.setValue;
50601
50868
  const _useState = React.useState(null),
50602
50869
  showToast = _useState[0],
50603
50870
  setShowToast = _useState[1];
@@ -50693,16 +50960,17 @@ const Step2_NewConsumerDetails = _ref => {
50693
50960
  style: {
50694
50961
  display: "flex",
50695
50962
  alignItems: "center",
50696
- marginBottom: "16px"
50963
+ marginBottom: "16px",
50964
+ flexWrap: "wrap",
50965
+ gap: "8px"
50697
50966
  }
50698
50967
  }, /*#__PURE__*/React__default.createElement("span", {
50699
50968
  style: {
50700
- fontSize: "24px",
50701
- marginRight: "8px"
50969
+ fontSize: "22px"
50702
50970
  }
50703
50971
  }, "\uD83D\uDC64"), /*#__PURE__*/React__default.createElement("h2", {
50704
50972
  style: {
50705
- fontSize: "20px",
50973
+ fontSize: "18px",
50706
50974
  fontWeight: "700",
50707
50975
  margin: 0
50708
50976
  }
@@ -50715,12 +50983,13 @@ const Step2_NewConsumerDetails = _ref => {
50715
50983
  border: "1px solid #f5c6cb",
50716
50984
  marginBottom: "16px",
50717
50985
  display: "flex",
50718
- alignItems: "center"
50986
+ alignItems: "flex-start",
50987
+ gap: "8px"
50719
50988
  }
50720
50989
  }, /*#__PURE__*/React__default.createElement("span", {
50721
50990
  style: {
50722
- marginRight: "8px",
50723
- fontSize: "18px"
50991
+ fontSize: "16px",
50992
+ flexShrink: 0
50724
50993
  }
50725
50994
  }, "\u26A0\uFE0F"), /*#__PURE__*/React__default.createElement("span", {
50726
50995
  style: {
@@ -50737,9 +51006,9 @@ const Step2_NewConsumerDetails = _ref => {
50737
51006
  }, /*#__PURE__*/React__default.createElement("div", {
50738
51007
  style: {
50739
51008
  display: "grid",
50740
- gridTemplateColumns: "1fr 1fr 1fr",
50741
- gap: "24px",
50742
- padding: "16px 0"
51009
+ gridTemplateColumns: "repeat(auto-fill, minmax(240px, 1fr))",
51010
+ gap: "20px",
51011
+ padding: "8px 0 16px"
50743
51012
  }
50744
51013
  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, {
50745
51014
  style: {
@@ -50887,6 +51156,9 @@ const Step2_NewConsumerDetails = _ref => {
50887
51156
  setTouched(p => _extends({}, p, {
50888
51157
  reasonForNameChange: true
50889
51158
  }));
51159
+ if ((val === null || val === void 0 ? void 0 : val.code) !== "OTHER" && val !== "OTHER") {
51160
+ setValue("relationshipWithExistingConsumer", null);
51161
+ }
50890
51162
  },
50891
51163
  optionKey: "i18nKey",
50892
51164
  t: t,
@@ -50933,13 +51205,15 @@ const Step2_NewConsumerDetails = _ref => {
50933
51205
  display: "flex",
50934
51206
  justifyContent: "space-between",
50935
51207
  alignItems: "center",
50936
- marginTop: "24px"
51208
+ marginTop: "24px",
51209
+ flexWrap: "wrap",
51210
+ gap: "12px"
50937
51211
  }
50938
51212
  }, /*#__PURE__*/React__default.createElement("button", {
50939
51213
  type: "button",
50940
51214
  onClick: onBack,
50941
51215
  style: {
50942
- padding: "8px 24px",
51216
+ padding: "10px 20px",
50943
51217
  backgroundColor: "#e0e0e0",
50944
51218
  border: "none",
50945
51219
  borderRadius: "4px",
@@ -50950,7 +51224,8 @@ const Step2_NewConsumerDetails = _ref => {
50950
51224
  style: {
50951
51225
  display: "flex",
50952
51226
  alignItems: "center",
50953
- gap: "12px"
51227
+ gap: "12px",
51228
+ flexWrap: "wrap"
50954
51229
  }
50955
51230
  }, /*#__PURE__*/React__default.createElement("span", {
50956
51231
  style: {
@@ -50964,7 +51239,7 @@ const Step2_NewConsumerDetails = _ref => {
50964
51239
  }, "*"), " are mandatory"), /*#__PURE__*/React__default.createElement("button", {
50965
51240
  type: "submit",
50966
51241
  style: {
50967
- padding: "10px 24px",
51242
+ padding: "10px 20px",
50968
51243
  backgroundColor: "#00497e",
50969
51244
  color: "white",
50970
51245
  border: "none",
@@ -51138,6 +51413,80 @@ const Step3_UploadDocuments = _ref => {
51138
51413
  React.useEffect(() => {
51139
51414
  if (rawFiles.mutation) handleFileUpload(rawFiles.mutation, "mutation");
51140
51415
  }, [rawFiles.mutation]);
51416
+ const _useState0 = React.useState(""),
51417
+ identityFileName = _useState0[0],
51418
+ setIdentityFileName = _useState0[1];
51419
+ const _useState1 = React.useState(""),
51420
+ mutationFileName = _useState1[0],
51421
+ setMutationFileName = _useState1[1];
51422
+ const _useState10 = React.useState(""),
51423
+ identityFileUrl = _useState10[0],
51424
+ setIdentityFileUrl = _useState10[1];
51425
+ const _useState11 = React.useState(""),
51426
+ mutationFileUrl = _useState11[0],
51427
+ setMutationFileUrl = _useState11[1];
51428
+ React.useEffect(() => {
51429
+ const fetchFileDetails = function () {
51430
+ try {
51431
+ function _temp6() {
51432
+ const _temp4 = function () {
51433
+ if (mutationDocFile && !rawFiles.mutation) {
51434
+ const _temp3 = _catch(function () {
51435
+ return Promise.resolve(window.Digit.UploadServices.Filefetch([mutationDocFile], tenantId)).then(function (res) {
51436
+ var _res$data;
51437
+ if (res !== null && res !== void 0 && (_res$data = res.data) !== null && _res$data !== void 0 && _res$data[mutationDocFile]) {
51438
+ const url = res.data[mutationDocFile].split(",")[0];
51439
+ setMutationFileUrl(url);
51440
+ let fileName = "Supporting_Document";
51441
+ try {
51442
+ const decoded = decodeURIComponent(url);
51443
+ const urlParts = decoded.split("?")[0].split("/");
51444
+ fileName = urlParts[urlParts.length - 1];
51445
+ if (fileName.includes("-")) fileName = fileName.split("-").slice(1).join("-");
51446
+ } catch (e) {}
51447
+ setMutationFileName(fileName);
51448
+ }
51449
+ });
51450
+ }, function (e) {
51451
+ console.error("Error fetching mutation doc", e);
51452
+ });
51453
+ if (_temp3 && _temp3.then) return _temp3.then(function () {});
51454
+ }
51455
+ }();
51456
+ if (_temp4 && _temp4.then) return _temp4.then(function () {});
51457
+ }
51458
+ const tenantId = window.Digit.ULBService.getStateId();
51459
+ const _temp5 = function () {
51460
+ if (identityProofFile && !rawFiles.identity) {
51461
+ const _temp2 = _catch(function () {
51462
+ return Promise.resolve(window.Digit.UploadServices.Filefetch([identityProofFile], tenantId)).then(function (res) {
51463
+ var _res$data2;
51464
+ if (res !== null && res !== void 0 && (_res$data2 = res.data) !== null && _res$data2 !== void 0 && _res$data2[identityProofFile]) {
51465
+ const url = res.data[identityProofFile].split(",")[0];
51466
+ setIdentityFileUrl(url);
51467
+ let fileName = "Identity_Document";
51468
+ try {
51469
+ const decoded = decodeURIComponent(url);
51470
+ const urlParts = decoded.split("?")[0].split("/");
51471
+ fileName = urlParts[urlParts.length - 1];
51472
+ if (fileName.includes("-")) fileName = fileName.split("-").slice(1).join("-");
51473
+ } catch (e) {}
51474
+ setIdentityFileName(fileName);
51475
+ }
51476
+ });
51477
+ }, function (e) {
51478
+ console.error("Error fetching identity doc", e);
51479
+ });
51480
+ if (_temp2 && _temp2.then) return _temp2.then(function () {});
51481
+ }
51482
+ }();
51483
+ return Promise.resolve(_temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5));
51484
+ } catch (e) {
51485
+ return Promise.reject(e);
51486
+ }
51487
+ };
51488
+ fetchFileDetails();
51489
+ }, [identityProofFile, mutationDocFile, rawFiles]);
51141
51490
  React.useEffect(() => {
51142
51491
  if (hasAttemptedSubmit) {
51143
51492
  const newErrors = {};
@@ -51235,12 +51584,13 @@ const Step3_UploadDocuments = _ref => {
51235
51584
  border: "1px solid #f5c6cb",
51236
51585
  marginBottom: "16px",
51237
51586
  display: "flex",
51238
- alignItems: "center"
51587
+ alignItems: "flex-start",
51588
+ gap: "8px"
51239
51589
  }
51240
51590
  }, /*#__PURE__*/React__default.createElement("span", {
51241
51591
  style: {
51242
- marginRight: "8px",
51243
- fontSize: "18px"
51592
+ fontSize: "16px",
51593
+ flexShrink: 0
51244
51594
  }
51245
51595
  }, "\u26A0\uFE0F"), /*#__PURE__*/React__default.createElement("span", {
51246
51596
  style: {
@@ -51250,7 +51600,7 @@ const Step3_UploadDocuments = _ref => {
51250
51600
  }, errorCount, " required item", errorCount > 1 ? "s" : "", " still need", errorCount === 1 ? "s" : "", " your attention before proceeding.")), /*#__PURE__*/React__default.createElement("div", {
51251
51601
  style: {
51252
51602
  display: "grid",
51253
- gridTemplateColumns: "1fr 1fr",
51603
+ gridTemplateColumns: "repeat(auto-fill, minmax(280px, 1fr))",
51254
51604
  gap: "24px"
51255
51605
  }
51256
51606
  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, {
@@ -51341,7 +51691,26 @@ const Step3_UploadDocuments = _ref => {
51341
51691
  style: errorTextStyle
51342
51692
  }, fieldErrors.identityFile), identityProofFile && /*#__PURE__*/React__default.createElement("div", {
51343
51693
  style: successTextStyle
51344
- }, "\u2713 Document uploaded successfully")), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, {
51694
+ }, "\u2713 Document uploaded successfully"), identityProofFile && identityFileUrl && !rawFiles.identity && /*#__PURE__*/React__default.createElement("div", {
51695
+ style: {
51696
+ marginTop: "8px"
51697
+ }
51698
+ }, /*#__PURE__*/React__default.createElement("a", {
51699
+ href: identityFileUrl,
51700
+ target: "_blank",
51701
+ rel: "noreferrer",
51702
+ style: {
51703
+ color: "#f47738",
51704
+ textDecoration: "underline",
51705
+ fontSize: "14px",
51706
+ display: "inline-flex",
51707
+ alignItems: "center"
51708
+ }
51709
+ }, /*#__PURE__*/React__default.createElement("span", {
51710
+ style: {
51711
+ marginRight: "4px"
51712
+ }
51713
+ }, "\uD83D\uDCC4"), " View ", identityFileName))), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, {
51345
51714
  style: {
51346
51715
  fontWeight: "bold"
51347
51716
  }
@@ -51385,18 +51754,39 @@ const Step3_UploadDocuments = _ref => {
51385
51754
  style: errorTextStyle
51386
51755
  }, fieldErrors.mutationFile), mutationDocFile && /*#__PURE__*/React__default.createElement("div", {
51387
51756
  style: successTextStyle
51388
- }, "\u2713 Document uploaded successfully"))), /*#__PURE__*/React__default.createElement("div", {
51757
+ }, "\u2713 Document uploaded successfully"), mutationDocFile && mutationFileUrl && !rawFiles.mutation && /*#__PURE__*/React__default.createElement("div", {
51758
+ style: {
51759
+ marginTop: "8px"
51760
+ }
51761
+ }, /*#__PURE__*/React__default.createElement("a", {
51762
+ href: mutationFileUrl,
51763
+ target: "_blank",
51764
+ rel: "noreferrer",
51765
+ style: {
51766
+ color: "#f47738",
51767
+ textDecoration: "underline",
51768
+ fontSize: "14px",
51769
+ display: "inline-flex",
51770
+ alignItems: "center"
51771
+ }
51772
+ }, /*#__PURE__*/React__default.createElement("span", {
51773
+ style: {
51774
+ marginRight: "4px"
51775
+ }
51776
+ }, "\uD83D\uDCC4"), " View ", mutationFileName)))), /*#__PURE__*/React__default.createElement("div", {
51389
51777
  style: {
51390
51778
  display: "flex",
51391
51779
  justifyContent: "space-between",
51392
51780
  alignItems: "center",
51393
- marginTop: "32px"
51781
+ marginTop: "32px",
51782
+ flexWrap: "wrap",
51783
+ gap: "12px"
51394
51784
  }
51395
51785
  }, /*#__PURE__*/React__default.createElement("button", {
51396
51786
  type: "button",
51397
51787
  onClick: onBack,
51398
51788
  style: {
51399
- padding: "8px 24px",
51789
+ padding: "10px 20px",
51400
51790
  backgroundColor: "#e0e0e0",
51401
51791
  border: "none",
51402
51792
  borderRadius: "4px",
@@ -51407,7 +51797,8 @@ const Step3_UploadDocuments = _ref => {
51407
51797
  style: {
51408
51798
  display: "flex",
51409
51799
  alignItems: "center",
51410
- gap: "12px"
51800
+ gap: "12px",
51801
+ flexWrap: "wrap"
51411
51802
  }
51412
51803
  }, /*#__PURE__*/React__default.createElement("span", {
51413
51804
  style: {
@@ -51419,7 +51810,7 @@ const Step3_UploadDocuments = _ref => {
51419
51810
  onClick: onProceed,
51420
51811
  disabled: isUploading,
51421
51812
  style: {
51422
- padding: "10px 24px",
51813
+ padding: "10px 20px",
51423
51814
  backgroundColor: isUploading ? "#ccc" : "#00497e",
51424
51815
  color: "white",
51425
51816
  border: "none",
@@ -51438,8 +51829,9 @@ const Step3_UploadDocuments = _ref => {
51438
51829
  };
51439
51830
 
51440
51831
  const Step4_Preview = _ref => {
51441
- var _appData$connectionHo, _appData$property, _address$locality;
51442
- let formData = _ref.formData,
51832
+ var _appData$connectionHo, _propertyData$Propert, _propertyData$Propert2, _appData$property, _propertyAddress$loca;
51833
+ let t = _ref.t,
51834
+ formData = _ref.formData,
51443
51835
  applicationDetails = _ref.applicationDetails,
51444
51836
  onBack = _ref.onBack,
51445
51837
  onSubmit = _ref.onSubmit,
@@ -51450,9 +51842,11 @@ const Step4_Preview = _ref => {
51450
51842
  const _useState2 = React.useState(0),
51451
51843
  fee = _useState2[0],
51452
51844
  setFee = _useState2[1];
51453
- const _useState3 = React.useState("Calculating..."),
51454
- slab = _useState3[0],
51455
- setSlab = _useState3[1];
51845
+ const _useState3 = React.useState([]),
51846
+ taxHeads = _useState3[0],
51847
+ setTaxHeads = _useState3[1];
51848
+ const _useState4 = React.useState("Calculating..."),
51849
+ setSlab = _useState4[1];
51456
51850
  const getMaskedName = name => {
51457
51851
  if (!name) return "NA";
51458
51852
  return name.split("").map((char, index) => index % 2 === 1 && char !== " " ? "*" : char).join("");
@@ -51468,8 +51862,22 @@ const Step4_Preview = _ref => {
51468
51862
  const oldHolder = (appData === null || appData === void 0 ? void 0 : (_appData$connectionHo = appData.connectionHolders) === null || _appData$connectionHo === void 0 ? void 0 : _appData$connectionHo[0]) || {};
51469
51863
  const oldName = getMaskedName(oldHolder === null || oldHolder === void 0 ? void 0 : oldHolder.name);
51470
51864
  const oldPhone = getMaskedPhone(oldHolder === null || oldHolder === void 0 ? void 0 : oldHolder.mobileNumber);
51471
- const address = (appData === null || appData === void 0 ? void 0 : (_appData$property = appData.property) === null || _appData$property === void 0 ? void 0 : _appData$property.address) || {};
51472
- 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";
51865
+ const tenantId = (appData === null || appData === void 0 ? void 0 : appData.tenantId) || Digit.ULBService.getCurrentTenantId();
51866
+ const _Digit$Hooks$pt$usePr = Digit.Hooks.pt.usePropertySearch({
51867
+ filters: {
51868
+ propertyIds: propertyId
51869
+ },
51870
+ tenantId
51871
+ }, {
51872
+ filters: {
51873
+ propertyIds: propertyId
51874
+ },
51875
+ tenantId,
51876
+ enabled: !!propertyId && propertyId !== "NA"
51877
+ }),
51878
+ propertyData = _Digit$Hooks$pt$usePr.data;
51879
+ 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) || {};
51880
+ 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";
51473
51881
  const proposedNewConsumerName = formData.proposedNewConsumerName,
51474
51882
  newOwnerMobileNumber = formData.newOwnerMobileNumber,
51475
51883
  relationshipWithExistingConsumer = formData.relationshipWithExistingConsumer,
@@ -51496,7 +51904,6 @@ const Step4_Preview = _ref => {
51496
51904
  };
51497
51905
  return map[code] || code;
51498
51906
  };
51499
- const tenantId = Digit.ULBService.getCurrentTenantId();
51500
51907
  const viewDocument = function (fileStoreId) {
51501
51908
  try {
51502
51909
  if (!fileStoreId) return Promise.resolve();
@@ -51518,15 +51925,30 @@ const Step4_Preview = _ref => {
51518
51925
  }
51519
51926
  };
51520
51927
  React.useEffect(() => {
51521
- const relationCode = (relationshipWithExistingConsumer === null || relationshipWithExistingConsumer === void 0 ? void 0 : relationshipWithExistingConsumer.code) || relationshipWithExistingConsumer;
51522
- if (relationCode && relationCode !== "OTHER") {
51523
- setFee(100);
51524
- setSlab("Blood relation slab");
51525
- } else {
51526
- setFee(1350);
51527
- setSlab("Other Slab");
51528
- }
51529
- }, [relationshipWithExistingConsumer]);
51928
+ const calculateStaticFee = () => {
51929
+ var _formData$relationshi;
51930
+ 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);
51931
+ if (relationCode === "BLOOD_RELATION") {
51932
+ setFee(100);
51933
+ setTaxHeads([]);
51934
+ setSlab("Blood relation slab");
51935
+ } else {
51936
+ setFee(1350);
51937
+ setTaxHeads([{
51938
+ taxHeadCode: "WS_MUTATION_TRADE_SECURITY",
51939
+ estimateAmount: 250.00
51940
+ }, {
51941
+ taxHeadCode: "WS_MUTATION_FEE",
51942
+ estimateAmount: 100.00
51943
+ }, {
51944
+ taxHeadCode: "WS_WATER_ADVANCE",
51945
+ estimateAmount: 1000.00
51946
+ }]);
51947
+ setSlab("Other Slab");
51948
+ }
51949
+ };
51950
+ calculateStaticFee();
51951
+ }, [formData]);
51530
51952
  const sectionStyle = {
51531
51953
  border: "1px solid #e0e0e0",
51532
51954
  borderRadius: "8px",
@@ -51535,17 +51957,27 @@ const Step4_Preview = _ref => {
51535
51957
  };
51536
51958
  const labelStyle = {
51537
51959
  color: "#666",
51538
- fontSize: "14px",
51960
+ fontSize: "13px",
51539
51961
  marginBottom: "4px"
51540
51962
  };
51541
51963
  const valueStyle = {
51542
51964
  fontWeight: "bold",
51543
- fontSize: "16px"
51965
+ fontSize: "15px",
51966
+ wordBreak: "break-word"
51544
51967
  };
51545
51968
  const uploadDocStatusStyle = {
51546
51969
  fontSize: "14px",
51547
51970
  fontWeight: "bold"
51548
51971
  };
51972
+ const infoItem = (label, value) => /*#__PURE__*/React__default.createElement("div", {
51973
+ style: {
51974
+ minWidth: 0
51975
+ }
51976
+ }, /*#__PURE__*/React__default.createElement("div", {
51977
+ style: labelStyle
51978
+ }, label), /*#__PURE__*/React__default.createElement("div", {
51979
+ style: valueStyle
51980
+ }, value));
51549
51981
  return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, {
51550
51982
  style: {
51551
51983
  marginBottom: "20px"
@@ -51554,16 +51986,17 @@ const Step4_Preview = _ref => {
51554
51986
  style: {
51555
51987
  display: "flex",
51556
51988
  alignItems: "center",
51557
- marginBottom: "16px"
51989
+ marginBottom: "16px",
51990
+ flexWrap: "wrap",
51991
+ gap: "8px"
51558
51992
  }
51559
51993
  }, /*#__PURE__*/React__default.createElement("span", {
51560
51994
  style: {
51561
- fontSize: "24px",
51562
- marginRight: "8px"
51995
+ fontSize: "22px"
51563
51996
  }
51564
51997
  }, "\uD83D\uDCCB"), /*#__PURE__*/React__default.createElement("h2", {
51565
51998
  style: {
51566
- fontSize: "20px",
51999
+ fontSize: "18px",
51567
52000
  fontWeight: "700",
51568
52001
  margin: 0
51569
52002
  }
@@ -51573,100 +52006,59 @@ const Step4_Preview = _ref => {
51573
52006
  })
51574
52007
  }, /*#__PURE__*/React__default.createElement("h3", {
51575
52008
  style: {
51576
- fontSize: "16px",
52009
+ fontSize: "15px",
51577
52010
  fontWeight: "bold",
51578
52011
  color: "#00497e",
51579
52012
  marginBottom: "12px"
51580
52013
  }
51581
52014
  }, "Property & Connection Summary"), /*#__PURE__*/React__default.createElement("div", {
51582
52015
  style: {
51583
- display: "flex",
51584
- justifyContent: "space-between"
52016
+ display: "grid",
52017
+ gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))",
52018
+ gap: "16px"
51585
52019
  }
51586
- }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
51587
- style: labelStyle
51588
- }, "Connection No"), /*#__PURE__*/React__default.createElement("div", {
51589
- style: valueStyle
51590
- }, connectionNo)), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
51591
- style: labelStyle
51592
- }, "Meter Number"), /*#__PURE__*/React__default.createElement("div", {
51593
- style: valueStyle
51594
- }, meterId)), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
51595
- style: labelStyle
51596
- }, "Property ID"), /*#__PURE__*/React__default.createElement("div", {
51597
- style: valueStyle
51598
- }, propertyId)))), /*#__PURE__*/React__default.createElement("div", {
52020
+ }, infoItem("Connection No", connectionNo), infoItem("Meter Number", meterId), infoItem("Property ID", propertyId))), /*#__PURE__*/React__default.createElement("div", {
51599
52021
  style: _extends({}, sectionStyle, {
51600
52022
  borderLeft: "4px solid #f29c1f"
51601
52023
  })
51602
52024
  }, /*#__PURE__*/React__default.createElement("h3", {
51603
52025
  style: {
51604
- fontSize: "16px",
52026
+ fontSize: "15px",
51605
52027
  fontWeight: "bold",
51606
52028
  color: "#f29c1f",
51607
52029
  marginBottom: "12px"
51608
52030
  }
51609
52031
  }, "\uD83D\uDD12 Existing / Previous Owner Details (Masked Information)"), /*#__PURE__*/React__default.createElement("div", {
51610
52032
  style: {
51611
- display: "flex",
51612
- justifyContent: "space-between",
52033
+ display: "grid",
52034
+ gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))",
52035
+ gap: "16px",
51613
52036
  marginBottom: "12px"
51614
52037
  }
51615
- }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
51616
- style: labelStyle
51617
- }, "Registered Name:"), /*#__PURE__*/React__default.createElement("div", {
51618
- style: valueStyle
51619
- }, oldName)), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
51620
- style: labelStyle
51621
- }, "Meter Number:"), /*#__PURE__*/React__default.createElement("div", {
51622
- style: valueStyle
51623
- }, meterId)), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
51624
- style: labelStyle
51625
- }, "Registered Phone:"), /*#__PURE__*/React__default.createElement("div", {
51626
- style: valueStyle
51627
- }, oldPhone))), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
51628
- style: labelStyle
51629
- }, "Registered Address:"), /*#__PURE__*/React__default.createElement("div", {
51630
- style: valueStyle
51631
- }, oldAddress))), /*#__PURE__*/React__default.createElement("div", {
52038
+ }, infoItem("Registered Name:", oldName), infoItem("Registered Phone:", oldPhone)), infoItem("Registered Address:", oldAddress)), /*#__PURE__*/React__default.createElement("div", {
51632
52039
  style: _extends({}, sectionStyle, {
51633
52040
  borderLeft: "4px solid #00497e"
51634
52041
  })
51635
52042
  }, /*#__PURE__*/React__default.createElement("h3", {
51636
52043
  style: {
51637
- fontSize: "16px",
52044
+ fontSize: "15px",
51638
52045
  fontWeight: "bold",
51639
52046
  color: "#00497e",
51640
52047
  marginBottom: "12px"
51641
52048
  }
51642
52049
  }, "\uD83D\uDC64 Transferee (New Owner) Summary"), /*#__PURE__*/React__default.createElement("div", {
51643
52050
  style: {
51644
- display: "flex",
51645
- justifyContent: "space-between"
52051
+ display: "grid",
52052
+ gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))",
52053
+ gap: "16px"
51646
52054
  }
51647
- }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
51648
- style: labelStyle
51649
- }, "New Owner Name"), /*#__PURE__*/React__default.createElement("div", {
51650
- style: valueStyle
51651
- }, proposedNewConsumerName)), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
51652
- style: labelStyle
51653
- }, "Mobile Number"), /*#__PURE__*/React__default.createElement("div", {
51654
- style: valueStyle
51655
- }, newOwnerMobileNumber)), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
51656
- style: labelStyle
51657
- }, "Relation Type"), /*#__PURE__*/React__default.createElement("div", {
51658
- style: valueStyle
51659
- }, getRelationshipName(relationshipWithExistingConsumer))), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
51660
- style: labelStyle
51661
- }, "Transfer Reason"), /*#__PURE__*/React__default.createElement("div", {
51662
- style: valueStyle
51663
- }, getReasonName(reasonForNameChange))))), /*#__PURE__*/React__default.createElement("div", {
52055
+ }, infoItem("New Owner Name", proposedNewConsumerName), infoItem("Mobile Number", newOwnerMobileNumber), infoItem("Relation Type", getRelationshipName(relationshipWithExistingConsumer)), infoItem("Transfer Reason", getReasonName(reasonForNameChange)))), /*#__PURE__*/React__default.createElement("div", {
51664
52056
  style: _extends({}, sectionStyle, {
51665
52057
  borderLeft: "4px solid #17a2b8"
51666
52058
  })
51667
52059
  }, /*#__PURE__*/React__default.createElement("h3", {
51668
52060
  style: {
51669
- fontSize: "16px",
52061
+ fontSize: "15px",
51670
52062
  fontWeight: "bold",
51671
52063
  color: "#17a2b8",
51672
52064
  marginBottom: "12px"
@@ -51674,7 +52066,7 @@ const Step4_Preview = _ref => {
51674
52066
  }, "Uploaded Documents"), /*#__PURE__*/React__default.createElement("div", {
51675
52067
  style: {
51676
52068
  display: "grid",
51677
- gridTemplateColumns: "1fr 1fr 1fr",
52069
+ gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))",
51678
52070
  gap: "16px"
51679
52071
  }
51680
52072
  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
@@ -51683,7 +52075,8 @@ const Step4_Preview = _ref => {
51683
52075
  style: {
51684
52076
  display: "flex",
51685
52077
  alignItems: "center",
51686
- gap: "8px"
52078
+ gap: "8px",
52079
+ flexWrap: "wrap"
51687
52080
  }
51688
52081
  }, /*#__PURE__*/React__default.createElement("span", {
51689
52082
  style: uploadDocStatusStyle
@@ -51697,7 +52090,8 @@ const Step4_Preview = _ref => {
51697
52090
  textDecoration: "underline",
51698
52091
  cursor: "pointer",
51699
52092
  fontSize: "14px",
51700
- fontWeight: "bold"
52093
+ fontWeight: "bold",
52094
+ padding: 0
51701
52095
  }
51702
52096
  }, "View"))), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
51703
52097
  style: labelStyle
@@ -51709,7 +52103,8 @@ const Step4_Preview = _ref => {
51709
52103
  style: {
51710
52104
  display: "flex",
51711
52105
  alignItems: "center",
51712
- gap: "8px"
52106
+ gap: "8px",
52107
+ flexWrap: "wrap"
51713
52108
  }
51714
52109
  }, /*#__PURE__*/React__default.createElement("span", {
51715
52110
  style: uploadDocStatusStyle
@@ -51723,7 +52118,8 @@ const Step4_Preview = _ref => {
51723
52118
  textDecoration: "underline",
51724
52119
  cursor: "pointer",
51725
52120
  fontSize: "14px",
51726
- fontWeight: "bold"
52121
+ fontWeight: "bold",
52122
+ padding: 0
51727
52123
  }
51728
52124
  }, "View"))))), /*#__PURE__*/React__default.createElement("div", {
51729
52125
  style: _extends({}, sectionStyle, {
@@ -51733,19 +52129,44 @@ const Step4_Preview = _ref => {
51733
52129
  })
51734
52130
  }, /*#__PURE__*/React__default.createElement("h3", {
51735
52131
  style: {
51736
- fontSize: "16px",
52132
+ fontSize: "15px",
51737
52133
  fontWeight: "bold",
51738
52134
  color: "#28a745",
51739
52135
  marginBottom: "12px"
51740
52136
  }
51741
- }, "\uD83D\uDCB5 Mutation Fee Details (Money to Pay in Mutation)"), /*#__PURE__*/React__default.createElement("div", {
52137
+ }, "\uD83D\uDCB5 Mutation Fee Details"), taxHeads && taxHeads.length > 0 && /*#__PURE__*/React__default.createElement("div", {
52138
+ style: {
52139
+ marginBottom: "16px"
52140
+ }
52141
+ }, taxHeads.map((tax, index) => /*#__PURE__*/React__default.createElement("div", {
52142
+ key: index,
52143
+ style: {
52144
+ display: "flex",
52145
+ justifyContent: "space-between",
52146
+ marginBottom: "8px",
52147
+ maxWidth: "400px"
52148
+ }
52149
+ }, /*#__PURE__*/React__default.createElement("div", {
52150
+ style: labelStyle
52151
+ }, t(tax.taxHeadCode), ":"), /*#__PURE__*/React__default.createElement("div", {
52152
+ style: valueStyle
52153
+ }, "\u20B9 ", tax.estimateAmount, ".00"))), /*#__PURE__*/React__default.createElement("hr", {
52154
+ style: {
52155
+ borderTop: "1px solid #c3e6cb",
52156
+ margin: "12px 0",
52157
+ maxWidth: "400px"
52158
+ }
52159
+ })), /*#__PURE__*/React__default.createElement("div", {
51742
52160
  style: {
51743
52161
  display: "flex",
51744
- justifyContent: "space-between"
52162
+ justifyContent: "space-between",
52163
+ maxWidth: "400px",
52164
+ flexWrap: "wrap",
52165
+ gap: "8px"
51745
52166
  }
51746
52167
  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
51747
52168
  style: labelStyle
51748
- }, "Mutation Money to Pay:"), /*#__PURE__*/React__default.createElement("div", {
52169
+ }, "Total Amount Payable:"), /*#__PURE__*/React__default.createElement("div", {
51749
52170
  style: _extends({}, valueStyle, {
51750
52171
  color: "#28a745",
51751
52172
  fontSize: "20px"
@@ -51759,13 +52180,11 @@ const Step4_Preview = _ref => {
51759
52180
  color: "#0c5460",
51760
52181
  borderRadius: "16px",
51761
52182
  fontSize: "12px",
51762
- fontWeight: "bold"
52183
+ fontWeight: "bold",
52184
+ display: "inline-block",
52185
+ marginTop: "4px"
51763
52186
  }
51764
- }, "PAYABLE POST VERIFICATION")), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
51765
- style: labelStyle
51766
- }, "Applicable Slab:"), /*#__PURE__*/React__default.createElement("div", {
51767
- style: valueStyle
51768
- }, slab)))), /*#__PURE__*/React__default.createElement("div", {
52187
+ }, "PAYABLE POST VERIFICATION")))), /*#__PURE__*/React__default.createElement("div", {
51769
52188
  style: {
51770
52189
  padding: "16px",
51771
52190
  backgroundColor: "#fffbeb",
@@ -51781,13 +52200,13 @@ const Step4_Preview = _ref => {
51781
52200
  type: "button",
51782
52201
  onClick: onBack,
51783
52202
  style: {
51784
- padding: "8px 24px",
52203
+ padding: "10px 20px",
51785
52204
  backgroundColor: "#e0e0e0",
51786
52205
  border: "none",
51787
52206
  borderRadius: "4px",
51788
52207
  cursor: "pointer",
51789
52208
  fontWeight: "bold",
51790
- marginRight: "16px"
52209
+ marginRight: "12px"
51791
52210
  }
51792
52211
  }, "\u2190 Edit Information"), /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
51793
52212
  label: isLoading ? "Submitting..." : "Submit Mutation Application",
@@ -51809,48 +52228,43 @@ const Step5_Submission = _ref => {
51809
52228
  const goHome = () => {
51810
52229
  history.push("/digit-ui/employee");
51811
52230
  };
51812
- const bannerStyle = {
51813
- backgroundColor: "#fff",
51814
- border: "1px solid #d4edda",
51815
- borderTop: "4px solid #28a745",
51816
- borderRadius: "8px",
51817
- padding: "20px",
51818
- display: "flex",
51819
- justifyContent: "space-between",
51820
- alignItems: "center",
51821
- marginBottom: "20px"
51822
- };
51823
- const statusPanelStyle = {
51824
- backgroundColor: "#fff",
51825
- border: "1px solid #e0e0e0",
51826
- borderRadius: "8px",
51827
- padding: "20px"
51828
- };
51829
52231
  return /*#__PURE__*/React__default.createElement("div", {
51830
52232
  style: {
51831
- padding: "20px 0"
52233
+ padding: "16px 0"
51832
52234
  }
51833
52235
  }, /*#__PURE__*/React__default.createElement("div", {
51834
- style: bannerStyle
52236
+ style: {
52237
+ backgroundColor: "#fff",
52238
+ border: "1px solid #d4edda",
52239
+ borderTop: "4px solid #28a745",
52240
+ borderRadius: "8px",
52241
+ padding: "20px",
52242
+ display: "flex",
52243
+ justifyContent: "space-between",
52244
+ alignItems: "flex-start",
52245
+ flexWrap: "wrap",
52246
+ gap: "12px",
52247
+ marginBottom: "20px"
52248
+ }
51835
52249
  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("h2", {
51836
52250
  style: {
51837
52251
  color: "#28a745",
51838
- fontSize: "20px",
52252
+ fontSize: "18px",
51839
52253
  fontWeight: "bold",
51840
- margin: 0,
52254
+ margin: "0 0 4px",
51841
52255
  display: "flex",
51842
- alignItems: "center"
51843
- }
51844
- }, /*#__PURE__*/React__default.createElement("span", {
51845
- style: {
51846
- marginRight: "8px"
52256
+ alignItems: "center",
52257
+ flexWrap: "wrap",
52258
+ gap: "6px"
51847
52259
  }
51848
- }, "\u2705"), " Application Submitted Successfully!"), /*#__PURE__*/React__default.createElement("div", {
52260
+ }, /*#__PURE__*/React__default.createElement("span", null, "\u2705"), " Your application has been submitted successfully!"), /*#__PURE__*/React__default.createElement("div", {
51849
52261
  style: {
51850
52262
  color: "#666",
51851
- marginTop: "4px"
52263
+ marginTop: "4px",
52264
+ fontSize: "14px",
52265
+ wordBreak: "break-all"
51852
52266
  }
51853
- }, "Application Reference No: ", /*#__PURE__*/React__default.createElement("strong", {
52267
+ }, "Your SRN Reference No. is: ", /*#__PURE__*/React__default.createElement("strong", {
51854
52268
  style: {
51855
52269
  color: "#00497e"
51856
52270
  }
@@ -51861,36 +52275,10 @@ const Step5_Submission = _ref => {
51861
52275
  color: "#856404",
51862
52276
  borderRadius: "16px",
51863
52277
  fontSize: "12px",
51864
- fontWeight: "bold"
51865
- }
51866
- }, "PENDING_APPROVAL_FOR_MUTATION"))), /*#__PURE__*/React__default.createElement("div", {
51867
- style: statusPanelStyle
51868
- }, /*#__PURE__*/React__default.createElement("h3", {
51869
- style: {
51870
- color: "#00497e",
51871
- fontSize: "16px",
51872
52278
  fontWeight: "bold",
51873
- margin: "0 0 16px 0",
51874
- display: "flex",
51875
- alignItems: "center"
51876
- }
51877
- }, /*#__PURE__*/React__default.createElement("span", {
51878
- style: {
51879
- marginRight: "8px"
52279
+ whiteSpace: "nowrap"
51880
52280
  }
51881
- }, "\uD83D\uDCCC"), " Current Workflow Status"), /*#__PURE__*/React__default.createElement("hr", {
51882
- style: {
51883
- border: "0",
51884
- borderTop: "1px solid #e0e0e0",
51885
- margin: "0 0 16px 0"
51886
- }
51887
- }), /*#__PURE__*/React__default.createElement("p", {
51888
- style: {
51889
- color: "#333",
51890
- fontSize: "14px",
51891
- margin: 0
51892
- }
51893
- }, "Application has been routed to ", /*#__PURE__*/React__default.createElement("strong", null, "Water Supply Department Verification Officer"), ".")), /*#__PURE__*/React__default.createElement("div", {
52281
+ }, "Pending for Zonal Officer approval"))), /*#__PURE__*/React__default.createElement("div", {
51894
52282
  style: {
51895
52283
  marginTop: "24px",
51896
52284
  textAlign: "center"
@@ -51898,13 +52286,16 @@ const Step5_Submission = _ref => {
51898
52286
  }, /*#__PURE__*/React__default.createElement("button", {
51899
52287
  onClick: goHome,
51900
52288
  style: {
51901
- padding: "10px 24px",
52289
+ padding: "12px 28px",
51902
52290
  backgroundColor: "#00497e",
51903
52291
  color: "white",
51904
52292
  border: "none",
51905
52293
  borderRadius: "4px",
51906
52294
  cursor: "pointer",
51907
- fontWeight: "bold"
52295
+ fontWeight: "bold",
52296
+ fontSize: "15px",
52297
+ width: "100%",
52298
+ maxWidth: "280px"
51908
52299
  }
51909
52300
  }, "Go to Home")), showToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
51910
52301
  error: showToast.key === "error",
@@ -51915,7 +52306,7 @@ const Step5_Submission = _ref => {
51915
52306
  };
51916
52307
 
51917
52308
  const MutationApplication = () => {
51918
- var _Digit$SessionStorage, _user$info, _state, _user$info2, _user$info2$userName, _user$info3, _user$info4, _details$applicationD, _applicationDetails$a, _applicationDetails$a3, _applicationDetails$a4;
52309
+ 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;
51919
52310
  const _useTranslation = reactI18next.useTranslation(),
51920
52311
  t = _useTranslation.t;
51921
52312
  let _useLocation = reactRouterDom.useLocation(),
@@ -51940,6 +52331,23 @@ const MutationApplication = () => {
51940
52331
  setIsSubmitting = _useState5[1];
51941
52332
  const _useState6 = React.useState(new Set()),
51942
52333
  setCompletedSteps = _useState6[1];
52334
+ const _useState7 = React.useState(window.innerWidth < 768),
52335
+ isMobile = _useState7[0],
52336
+ setIsMobile = _useState7[1];
52337
+ React.useEffect(() => {
52338
+ const handleResize = () => setIsMobile(window.innerWidth < 768);
52339
+ window.addEventListener("resize", handleResize);
52340
+ return () => window.removeEventListener("resize", handleResize);
52341
+ }, []);
52342
+ const _useState8 = React.useState(""),
52343
+ authKNumber = _useState8[0],
52344
+ setAuthKNumber = _useState8[1];
52345
+ const _useState9 = React.useState(""),
52346
+ authMobileNumber = _useState9[0],
52347
+ setAuthMobileNumber = _useState9[1];
52348
+ const _useState0 = React.useState(""),
52349
+ authServiceType = _useState0[0],
52350
+ setAuthServiceType = _useState0[1];
51943
52351
  const user = Digit.UserService.getUser();
51944
52352
  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();
51945
52353
  const applicationNumber = filters === null || filters === void 0 ? void 0 : filters.applicationNumber;
@@ -51947,13 +52355,33 @@ const MutationApplication = () => {
51947
52355
  const details = cloneDeep_1((_state = state) === null || _state === void 0 ? void 0 : _state.data);
51948
52356
  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;
51949
52357
  const hasStateData = !!(details !== null && details !== void 0 && (_details$applicationD = details.applicationData) !== null && _details$applicationD !== void 0 && _details$applicationD.id);
51950
- const wsSearchNumber = (details === null || details === void 0 ? void 0 : details.applicationNo) || applicationNumber;
51951
- const businessService = (serviceType === null || serviceType === void 0 ? void 0 : serviceType.toUpperCase()) === "SEWERAGE" ? "SW" : "WS";
51952
- const _useQuery = reactQuery.useQuery(["WS_MUTATION_DIRECT_SEARCH", wsSearchNumber, tenantId, mobileNumber, businessService], function () {
52358
+ const editApplicationNumber = (details === null || details === void 0 ? void 0 : details.applicationNo) || applicationNumber;
52359
+ const _useQuery = reactQuery.useQuery(["WORKFLOW_SEARCH", editApplicationNumber, tenantId], function () {
51953
52360
  try {
51954
- if (!wsSearchNumber) return Promise.resolve(null);
51955
- const params = {
51956
- connectionNumber: wsSearchNumber
52361
+ return Promise.resolve(Digit.WorkflowService.getByBusinessId(tenantId, editApplicationNumber)).then(function (res) {
52362
+ var _res$ProcessInstances;
52363
+ return res === null || res === void 0 ? void 0 : (_res$ProcessInstances = res.ProcessInstances) === null || _res$ProcessInstances === void 0 ? void 0 : _res$ProcessInstances[0];
52364
+ });
52365
+ } catch (e) {
52366
+ return Promise.reject(e);
52367
+ }
52368
+ }, {
52369
+ enabled: !!editApplicationNumber
52370
+ }),
52371
+ isWorkflowLoading = _useQuery.isLoading,
52372
+ workflowData = _useQuery.data;
52373
+ const isEditFlow = !!editApplicationNumber && (workflowData === null || workflowData === void 0 ? void 0 : workflowData.action) === "SEND_BACK_TO_CITIZEN";
52374
+ const querySearchParam = isEditFlow ? editApplicationNumber : authKNumber;
52375
+ const fallbackServiceType = serviceType || authServiceType;
52376
+ const businessService = (fallbackServiceType === null || fallbackServiceType === void 0 ? void 0 : fallbackServiceType.toUpperCase()) === "SEWERAGE" ? "SW" : "WS";
52377
+ const _useQuery2 = reactQuery.useQuery(["WS_MUTATION_DIRECT_SEARCH", querySearchParam, tenantId, mobileNumber, businessService, isEditFlow], function () {
52378
+ try {
52379
+ if (!querySearchParam) return Promise.resolve(null);
52380
+ const params = isEditFlow ? {
52381
+ applicationNumber: querySearchParam
52382
+ } : {
52383
+ connectionNumber: querySearchParam,
52384
+ isConnectionSearch: true
51957
52385
  };
51958
52386
  Object.keys(params).forEach(k => params[k] == null && delete params[k]);
51959
52387
  return Promise.resolve(Digit.WSService.search({
@@ -51975,13 +52403,14 @@ const MutationApplication = () => {
51975
52403
  return Promise.reject(e);
51976
52404
  }
51977
52405
  }, {
51978
- enabled: !!wsSearchNumber && !hasStateData
52406
+ enabled: !!querySearchParam && !hasStateData
51979
52407
  }),
51980
- isDetailsLoading = _useQuery.isLoading,
51981
- fetchedApplicationDetails = _useQuery.data;
52408
+ isDetailsLoading = _useQuery2.isLoading,
52409
+ fetchedApplicationDetails = _useQuery2.data;
51982
52410
  const applicationDetails = hasStateData ? details : fetchedApplicationDetails;
51983
- const _useState7 = React.useState(new URLSearchParams(reactRouterDom.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)),
51984
- propertyId = _useState7[0];
52411
+ 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";
52412
+ const _useState1 = React.useState(new URLSearchParams(reactRouterDom.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)),
52413
+ propertyId = _useState1[0];
51985
52414
  const _Digit$Hooks$pt$usePr = Digit.Hooks.pt.usePropertySearch({
51986
52415
  filters: {
51987
52416
  propertyIds: propertyId
@@ -52001,14 +52430,14 @@ const MutationApplication = () => {
52001
52430
  setSessionFormData = _Digit$Hooks$useSessi[1],
52002
52431
  clearSessionFormData = _Digit$Hooks$useSessi[2];
52003
52432
  React.useEffect(() => {
52004
- var _applicationDetails$a2;
52433
+ var _applicationDetails$a3;
52005
52434
  const fetchAppData = function () {
52006
52435
  try {
52007
52436
  const dataToConvert = applicationDetails || details;
52008
52437
  const _temp = function (_dataToConvert$applic) {
52009
52438
  if (dataToConvert !== null && dataToConvert !== void 0 && (_dataToConvert$applic = dataToConvert.applicationData) !== null && _dataToConvert$applic !== void 0 && _dataToConvert$applic.id) {
52010
52439
  var _dataToConvert$applic2;
52011
- 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) {
52440
+ 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) {
52012
52441
  setSessionFormData(prev => _extends({}, prev, convertAppData));
52013
52442
  sessionStorage.setItem("IsDetailsExists", JSON.stringify(true));
52014
52443
  });
@@ -52019,10 +52448,52 @@ const MutationApplication = () => {
52019
52448
  return Promise.reject(e);
52020
52449
  }
52021
52450
  };
52022
- 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)) {
52451
+ 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)) {
52023
52452
  fetchAppData();
52024
52453
  }
52025
- }, [applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a3 = applicationDetails.applicationData) === null || _applicationDetails$a3 === void 0 ? void 0 : _applicationDetails$a3.id]);
52454
+ }, [applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a4 = applicationDetails.applicationData) === null || _applicationDetails$a4 === void 0 ? void 0 : _applicationDetails$a4.id]);
52455
+ React.useEffect(() => {
52456
+ const isCitizen = window.location.href.includes("/citizen/");
52457
+ if (isCitizen && isEditFlow && applicationDetails !== null && applicationDetails !== void 0 && applicationDetails.applicationData) {
52458
+ const data = applicationDetails.applicationData;
52459
+ const holders = (data === null || data === void 0 ? void 0 : data.connectionHolders) || [];
52460
+ const primaryHolder = holders.find(h => h.isPrimaryOwner) || holders[0] || {};
52461
+ const additionalDetails = (data === null || data === void 0 ? void 0 : data.additionalDetails) || {};
52462
+ const documents = (data === null || data === void 0 ? void 0 : data.documents) || [];
52463
+ setFormData(prev => {
52464
+ if (Object.keys(prev).length > 0) return prev;
52465
+ const identityDoc = documents.find(d => {
52466
+ var _d$documentType;
52467
+ return ["AADHAAR", "VOTERID", "VOTER_ID", "PAN", "DRIVING_LICENSE", "PASSPORT"].includes((_d$documentType = d.documentType) === null || _d$documentType === void 0 ? void 0 : _d$documentType.toUpperCase());
52468
+ });
52469
+ const mutationDoc = documents.find(d => d.documentType === "REGISTERED_SALE_DEED" || d.documentType === "SALE_DEED" || d.documentType === "GIFT_DEED" || d.documentType === "WILL");
52470
+ return {
52471
+ proposedNewConsumerName: primaryHolder.name || "",
52472
+ gender: primaryHolder.gender ? {
52473
+ code: primaryHolder.gender,
52474
+ i18nKey: primaryHolder.gender
52475
+ } : null,
52476
+ newOwnerMobileNumber: primaryHolder.mobileNumber || "",
52477
+ newOwnerEmailAddress: primaryHolder.emailId || "",
52478
+ reasonForNameChange: additionalDetails.reasonForNameChange ? {
52479
+ code: additionalDetails.reasonForNameChange,
52480
+ i18nKey: additionalDetails.reasonForNameChange
52481
+ } : null,
52482
+ relationshipWithExistingConsumer: additionalDetails.relationshipWithExistingConsumer ? {
52483
+ code: additionalDetails.relationshipWithExistingConsumer,
52484
+ i18nKey: additionalDetails.relationshipWithExistingConsumer
52485
+ } : null,
52486
+ saleDeedDocumentId: (mutationDoc === null || mutationDoc === void 0 ? void 0 : mutationDoc.fileStoreId) || additionalDetails.saleDeedDocumentId || "",
52487
+ identityProofDocumentId: (identityDoc === null || identityDoc === void 0 ? void 0 : identityDoc.fileStoreId) || "",
52488
+ identityProofType: identityDoc !== null && identityDoc !== void 0 && identityDoc.documentType ? {
52489
+ code: identityDoc.documentType,
52490
+ i18nKey: identityDoc.documentType
52491
+ } : null,
52492
+ documentNumber: additionalDetails.identityProofNumber || (identityDoc === null || identityDoc === void 0 ? void 0 : identityDoc.documentUid) || ""
52493
+ };
52494
+ });
52495
+ }
52496
+ }, [applicationDetails, isEditFlow]);
52026
52497
  React.useEffect(() => {
52027
52498
  var _propertyDetails$Prop;
52028
52499
  if (propertyDetails !== null && propertyDetails !== void 0 && (_propertyDetails$Prop = propertyDetails.Properties) !== null && _propertyDetails$Prop !== void 0 && _propertyDetails$Prop[0]) {
@@ -52046,18 +52517,18 @@ const MutationApplication = () => {
52046
52517
  sewerageUpdateMutation = _Digit$Hooks$ws$useWS2.mutate;
52047
52518
  const handleNextStep2 = data => {
52048
52519
  setFormData(prev => _extends({}, prev, data));
52049
- setCompletedSteps(prev => new Set([...prev, 2]));
52050
- setCurrentStep(3);
52520
+ setCompletedSteps(prev => new Set([...prev, 3]));
52521
+ setCurrentStep(4);
52051
52522
  };
52052
52523
  const handleNextStep3 = data => {
52053
52524
  setFormData(prev => _extends({}, prev, data));
52054
- setCompletedSteps(prev => new Set([...prev, 3]));
52055
- setCurrentStep(4);
52525
+ setCompletedSteps(prev => new Set([...prev, 4]));
52526
+ setCurrentStep(5);
52056
52527
  };
52057
52528
  const submitApplication = function () {
52058
52529
  try {
52059
52530
  setIsSubmitting(true);
52060
- const _temp2 = _catch(function () {
52531
+ return Promise.resolve(_catch(function () {
52061
52532
  var _finalData$cpt;
52062
52533
  let finalData = _extends({}, sessionFormData);
52063
52534
  if (!(finalData !== null && finalData !== void 0 && (_finalData$cpt = finalData.cpt) !== null && _finalData$cpt !== void 0 && _finalData$cpt.details)) {
@@ -52091,7 +52562,7 @@ const MutationApplication = () => {
52091
52562
  const sessionDetails = sessionStorage.getItem("WS_EDIT_APPLICATION_DETAILS") ? JSON.parse(sessionStorage.getItem("WS_EDIT_APPLICATION_DETAILS")) : {};
52092
52563
  return Promise.resolve(convertModifyApplicationDetails(finalData, sessionDetails, "INITIATE")).then(function (convertAppData) {
52093
52564
  if (!convertAppData.dateEffectiveFrom) {
52094
- convertAppData.dateEffectiveFrom = Date.now();
52565
+ convertAppData.dateEffectiveFrom = Date.now() + 86400000;
52095
52566
  }
52096
52567
  if (finalData !== null && finalData !== void 0 && finalData.MutationApplicantDetails) {
52097
52568
  var _mutDetails$reasonFor;
@@ -52126,8 +52597,67 @@ const MutationApplication = () => {
52126
52597
  });
52127
52598
  }
52128
52599
  }
52129
- convertAppData.applicationType = serviceType == "WATER" ? "MUTATION_WATER_CONNECTION" : "MUTATION_SEWERAGE_CONNECTION";
52130
- const reqDetails = serviceType == "WATER" ? {
52600
+ convertAppData.applicationType = resolvedServiceType === "WATER" ? "MUTATION_WATER_CONNECTION" : "MUTATION_SEWERAGE_CONNECTION";
52601
+ if (isEditFlow) {
52602
+ var _applicationDetails$a5, _applicationDetails$a6, _Digit, _Digit$Customizations, _Digit$Customizations2;
52603
+ let updatePayload = _extends({}, convertAppData, {
52604
+ id: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a5 = applicationDetails.applicationData) === null || _applicationDetails$a5 === void 0 ? void 0 : _applicationDetails$a5.id,
52605
+ applicationNo: editApplicationNumber,
52606
+ 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, {
52607
+ action: "RESUBMIT_APPLICATION"
52608
+ })
52609
+ });
52610
+ 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) {
52611
+ updatePayload = Digit.Customizations.WS.customiseUpdatePayloadOfWS((applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationData) || {}, updatePayload, resolvedServiceType);
52612
+ }
52613
+ const updateMutation = resolvedServiceType === "WATER" ? waterUpdateMutation : sewerageUpdateMutation;
52614
+ let reqDetailsUpdate = resolvedServiceType === "WATER" ? {
52615
+ WaterConnection: updatePayload,
52616
+ reconnectRequest: false,
52617
+ disconnectRequest: false
52618
+ } : {
52619
+ SewerageConnection: updatePayload,
52620
+ reconnectRequest: false,
52621
+ disconnectRequest: false
52622
+ };
52623
+ updateMutation(reqDetailsUpdate, {
52624
+ onError: error => {
52625
+ var _error$response, _error$response$data, _error$response$data$, _error$response$data$2;
52626
+ setIsSubmitting(false);
52627
+ setShowToast({
52628
+ key: "error",
52629
+ 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"
52630
+ });
52631
+ },
52632
+ onSuccess: updateData => {
52633
+ var _updateData$response, _updateData$response$, _updateData$WaterConn, _updateData$WaterConn2, _updateData$SewerageC, _updateData$SewerageC2;
52634
+ setIsSubmitting(false);
52635
+ 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) {
52636
+ var _updateData$response2, _updateData$response3, _apiErrors$;
52637
+ 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;
52638
+ 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";
52639
+ setShowToast({
52640
+ key: "error",
52641
+ message: errorMessage
52642
+ });
52643
+ return;
52644
+ }
52645
+ if (updateData !== null && updateData !== void 0 && updateData.Errors && updateData.Errors.length > 0) {
52646
+ setShowToast({
52647
+ key: "error",
52648
+ message: updateData.Errors[0].message || "Failed to update application"
52649
+ });
52650
+ return;
52651
+ }
52652
+ clearSessionFormData();
52653
+ 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;
52654
+ setGeneratedAppNo(newAppNo);
52655
+ setCurrentStep(6);
52656
+ }
52657
+ });
52658
+ return;
52659
+ }
52660
+ const reqDetails = resolvedServiceType === "WATER" ? {
52131
52661
  WaterConnection: convertAppData,
52132
52662
  reconnectRequest: false,
52133
52663
  disconnectRequest: false
@@ -52136,23 +52666,23 @@ const MutationApplication = () => {
52136
52666
  reconnectRequest: false,
52137
52667
  disconnectRequest: false
52138
52668
  };
52139
- const mutation = serviceType == "WATER" ? waterMutation : sewerageMutation;
52669
+ const mutation = resolvedServiceType === "WATER" ? waterMutation : sewerageMutation;
52140
52670
  return Promise.resolve(mutation(reqDetails, {
52141
52671
  onError: error => {
52142
- var _error$response, _error$response$data, _error$response$data$, _error$response$data$2;
52672
+ var _error$response2, _error$response2$data, _error$response2$data2, _error$response2$data3;
52143
52673
  setIsSubmitting(false);
52144
52674
  setShowToast({
52145
52675
  key: "error",
52146
- 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"
52676
+ 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"
52147
52677
  });
52148
52678
  },
52149
52679
  onSuccess: data => {
52150
52680
  var _data$response, _data$response$data;
52151
52681
  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) {
52152
- var _data$response2, _data$response2$data, _apiErrors$;
52682
+ var _data$response2, _data$response2$data, _apiErrors$2;
52153
52683
  setIsSubmitting(false);
52154
52684
  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;
52155
- 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";
52685
+ 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";
52156
52686
  setShowToast({
52157
52687
  key: "error",
52158
52688
  message: errorMessage
@@ -52166,19 +52696,19 @@ const MutationApplication = () => {
52166
52696
  message: data.Errors[0].message || "Failed to submit application"
52167
52697
  });
52168
52698
  } else {
52169
- var _data$WaterConnection, _data$SewerageConnect, _Digit, _Digit$Customizations, _Digit$Customizations2;
52170
- const updateMutation = serviceType == "WATER" ? waterUpdateMutation : sewerageUpdateMutation;
52171
- 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];
52699
+ var _data$WaterConnection, _data$SewerageConnect, _Digit2, _Digit2$Customization, _Digit2$Customization2;
52700
+ const updateMutation = resolvedServiceType === "WATER" ? waterUpdateMutation : sewerageUpdateMutation;
52701
+ 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];
52172
52702
  let updatePayload = _extends({}, createdConnection, {
52173
52703
  dateEffectiveFrom: (createdConnection === null || createdConnection === void 0 ? void 0 : createdConnection.dateEffectiveFrom) || Date.now(),
52174
52704
  processInstance: _extends({}, createdConnection === null || createdConnection === void 0 ? void 0 : createdConnection.processInstance, {
52175
52705
  action: "APPLY_MUTATION"
52176
52706
  })
52177
52707
  });
52178
- 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) {
52179
- updatePayload = Digit.Customizations.WS.customiseUpdatePayloadOfWS(createdConnection, updatePayload, serviceType);
52708
+ 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) {
52709
+ updatePayload = Digit.Customizations.WS.customiseUpdatePayloadOfWS(createdConnection, updatePayload, resolvedServiceType);
52180
52710
  }
52181
- let reqDetailsUpdate = serviceType == "WATER" ? {
52711
+ let reqDetailsUpdate = resolvedServiceType === "WATER" ? {
52182
52712
  WaterConnection: updatePayload,
52183
52713
  reconnectRequest: false,
52184
52714
  disconnectRequest: false
@@ -52189,20 +52719,20 @@ const MutationApplication = () => {
52189
52719
  };
52190
52720
  updateMutation(reqDetailsUpdate, {
52191
52721
  onError: error => {
52192
- var _error$response2, _error$response2$data, _error$response2$data2, _error$response2$data3;
52722
+ var _error$response3, _error$response3$data, _error$response3$data2, _error$response3$data3;
52193
52723
  setIsSubmitting(false);
52194
52724
  setShowToast({
52195
52725
  key: "error",
52196
- 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"
52726
+ 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"
52197
52727
  });
52198
52728
  },
52199
52729
  onSuccess: updateData => {
52200
- var _updateData$response, _updateData$response$, _updateData$WaterConn, _updateData$WaterConn2, _updateData$SewerageC, _updateData$SewerageC2;
52730
+ var _updateData$response4, _updateData$response5, _updateData$WaterConn3, _updateData$WaterConn4, _updateData$SewerageC3, _updateData$SewerageC4;
52201
52731
  setIsSubmitting(false);
52202
- 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) {
52203
- var _updateData$response2, _updateData$response3, _apiErrors$2;
52204
- 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;
52205
- 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";
52732
+ 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) {
52733
+ var _updateData$response6, _updateData$response7, _apiErrors$3;
52734
+ 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;
52735
+ 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";
52206
52736
  setShowToast({
52207
52737
  key: "error",
52208
52738
  message: errorMessage
@@ -52217,9 +52747,9 @@ const MutationApplication = () => {
52217
52747
  return;
52218
52748
  }
52219
52749
  clearSessionFormData();
52220
- 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;
52750
+ 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;
52221
52751
  setGeneratedAppNo(newAppNo);
52222
- setCurrentStep(5);
52752
+ setCurrentStep(6);
52223
52753
  }
52224
52754
  });
52225
52755
  }
@@ -52233,8 +52763,7 @@ const MutationApplication = () => {
52233
52763
  key: "error",
52234
52764
  message: "Failed to submit application"
52235
52765
  });
52236
- });
52237
- return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
52766
+ }));
52238
52767
  } catch (e) {
52239
52768
  return Promise.reject(e);
52240
52769
  }
@@ -52254,6 +52783,10 @@ const MutationApplication = () => {
52254
52783
  }
52255
52784
  };
52256
52785
  const timelineConfig = [{
52786
+ sectionId: "search",
52787
+ route: "search-connection",
52788
+ actions: "Authentication"
52789
+ }, {
52257
52790
  sectionId: "application",
52258
52791
  route: "application-selection",
52259
52792
  actions: "Existing Connection"
@@ -52275,12 +52808,12 @@ const MutationApplication = () => {
52275
52808
  currentStep: index + 1
52276
52809
  }]
52277
52810
  }));
52278
- if (isDetailsLoading || propertyId && isPropertyLoading) {
52811
+ if (isDetailsLoading || propertyId && isPropertyLoading || isWorkflowLoading) {
52279
52812
  return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null);
52280
52813
  }
52281
52814
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
52282
52815
  className: "employee-form-section-wrapper"
52283
- }, currentStep !== 5 && /*#__PURE__*/React__default.createElement(digitUiReactComponents.VerticalTimeline, {
52816
+ }, currentStep !== 6 && !isMobile && /*#__PURE__*/React__default.createElement(digitUiReactComponents.VerticalTimeline, {
52284
52817
  config: timelineConfig,
52285
52818
  currentActiveIndex: currentStep - 1,
52286
52819
  showFinalStep: false,
@@ -52288,52 +52821,53 @@ const MutationApplication = () => {
52288
52821
  }), /*#__PURE__*/React__default.createElement("div", {
52289
52822
  style: {
52290
52823
  flex: "1",
52824
+ overflowY: "auto",
52291
52825
  minWidth: 0
52292
52826
  }
52293
- }, currentStep === 1 && /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(Step1_ExistingConnection, {
52827
+ }, currentStep === 1 && /*#__PURE__*/React__default.createElement(Step1_SearchConnection, {
52294
52828
  t: t,
52295
- applicationDetails: applicationDetails,
52296
- propertyId: propertyId
52297
- }), /*#__PURE__*/React__default.createElement("div", {
52298
- style: {
52299
- display: "flex",
52300
- justifyContent: "flex-end"
52301
- }
52302
- }, /*#__PURE__*/React__default.createElement("button", {
52303
- onClick: () => {
52829
+ defaultKNumber: isEditFlow ? applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a7 = applicationDetails.applicationData) === null || _applicationDetails$a7 === void 0 ? void 0 : _applicationDetails$a7.connectionNo : "",
52830
+ onNext: _ref => {
52831
+ let kNumber = _ref.kNumber,
52832
+ mobileNumber = _ref.mobileNumber,
52833
+ detectedServiceType = _ref.serviceType;
52834
+ setAuthKNumber(kNumber);
52835
+ setAuthMobileNumber(mobileNumber);
52836
+ if (detectedServiceType) setAuthServiceType(detectedServiceType);
52304
52837
  setCompletedSteps(prev => new Set([...prev, 1]));
52305
52838
  setCurrentStep(2);
52306
- },
52307
- style: {
52308
- padding: "10px 24px",
52309
- backgroundColor: "#00497e",
52310
- color: "white",
52311
- border: "none",
52312
- borderRadius: "4px",
52313
- cursor: "pointer",
52314
- fontWeight: "bold"
52315
52839
  }
52316
- }, "Proceed to New Consumer Details \u2192"))), currentStep === 2 && /*#__PURE__*/React__default.createElement(Step2_NewConsumerDetails, {
52840
+ }), currentStep === 2 && /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(Step1_ExistingConnection, {
52841
+ t: t,
52842
+ applicationDetails: applicationDetails,
52843
+ propertyId: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a8 = applicationDetails.applicationData) === null || _applicationDetails$a8 === void 0 ? void 0 : _applicationDetails$a8.propertyId,
52844
+ mobileNumber: authMobileNumber,
52845
+ onVerify: () => {
52846
+ setCompletedSteps(prev => new Set([...prev, 2]));
52847
+ setCurrentStep(3);
52848
+ }
52849
+ })), currentStep === 3 && /*#__PURE__*/React__default.createElement(Step2_NewConsumerDetails, {
52317
52850
  t: t,
52318
52851
  defaultValues: formData,
52319
52852
  onNext: handleNextStep2,
52320
- onBack: () => setCurrentStep(1)
52321
- }), currentStep === 3 && /*#__PURE__*/React__default.createElement(Step3_UploadDocuments, {
52853
+ onBack: () => setCurrentStep(2)
52854
+ }), currentStep === 4 && /*#__PURE__*/React__default.createElement(Step3_UploadDocuments, {
52322
52855
  t: t,
52323
52856
  defaultValues: formData,
52324
52857
  onNext: handleNextStep3,
52325
- onBack: () => setCurrentStep(2)
52326
- }), currentStep === 4 && /*#__PURE__*/React__default.createElement(Step4_Preview, {
52858
+ onBack: () => setCurrentStep(3)
52859
+ }), currentStep === 5 && /*#__PURE__*/React__default.createElement(Step4_Preview, {
52327
52860
  t: t,
52328
52861
  formData: formData,
52329
52862
  applicationDetails: applicationDetails,
52330
- onBack: () => setCurrentStep(3),
52863
+ resolvedServiceType: resolvedServiceType,
52864
+ onBack: () => setCurrentStep(4),
52331
52865
  onSubmit: submitApplication,
52332
52866
  isLoading: isSubmitting
52333
- }), currentStep === 5 && /*#__PURE__*/React__default.createElement(Step5_Submission, {
52867
+ }), currentStep === 6 && /*#__PURE__*/React__default.createElement(Step5_Submission, {
52334
52868
  t: t,
52335
52869
  applicationNumber: generatedAppNo,
52336
- serviceType: serviceType || (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a4 = applicationDetails.applicationData) === null || _applicationDetails$a4 === void 0 ? void 0 : _applicationDetails$a4.serviceType)
52870
+ serviceType: resolvedServiceType
52337
52871
  }), showToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
52338
52872
  error: (showToast === null || showToast === void 0 ? void 0 : showToast.key) === "error",
52339
52873
  warning: (showToast === null || showToast === void 0 ? void 0 : showToast.key) === "warning",
@@ -55204,6 +55738,9 @@ const WSLinks = _ref2 => {
55204
55738
  }, {
55205
55739
  link: matchPath + "/my-connections",
55206
55740
  i18nKey: t("ACTION_TEXT_WS_MY_CONNECTION")
55741
+ }, {
55742
+ link: matchPath + "/mutation-application",
55743
+ i18nKey: t("WS_APPLY_MUTATION")
55207
55744
  }];
55208
55745
  return /*#__PURE__*/React__default.createElement(digitUiReactComponents.CitizenHomeCard, {
55209
55746
  header: t("ACTION_TEST_WATER_AND_SEWERAGE"),