@djb25/digit-ui-module-ws 1.0.71 → 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
@@ -23536,7 +23538,7 @@ const SearchFormFieldsComponents = _ref => {
23536
23538
  };
23537
23539
 
23538
23540
  const FilterFormFieldsComponent = _ref => {
23539
- var _statuses$filter, _statuses$filter2, _statuses$filter3, _statuses$filter4, _statuses$filter5, _statuses$filter6;
23541
+ var _statuses$filter, _statuses$filter2, _statuses$filter3, _statuses$filter4, _statuses$filter5, _statuses$filter6, _statuses$filter7;
23540
23542
  let statuses = _ref.statuses,
23541
23543
  isInboxLoading = _ref.isInboxLoading,
23542
23544
  controlFilterForm = _ref.controlFilterForm,
@@ -23561,15 +23563,17 @@ const FilterFormFieldsComponent = _ref => {
23561
23563
  let totalnewWSCount = 0,
23562
23564
  totalModifyWSCount = 0,
23563
23565
  totalDisconnectionWSCount = 0,
23566
+ totalMutationWSCount = 0,
23564
23567
  totalnewSWCOunt = 0,
23565
23568
  totalModifySWCount = 0,
23566
23569
  totalDisconnectionSWCount = 0;
23567
23570
  const totalnewWS = statuses === null || statuses === void 0 ? void 0 : (_statuses$filter = statuses.filter(e => e.businessservice === "NewWS1")) === null || _statuses$filter === void 0 ? void 0 : _statuses$filter.forEach(data => totalnewWSCount = totalnewWSCount + (data === null || data === void 0 ? void 0 : data.count));
23568
23571
  const totalModifyWS = statuses === null || statuses === void 0 ? void 0 : (_statuses$filter2 = statuses.filter(e => e.businessservice === "ModifyWSConnection")) === null || _statuses$filter2 === void 0 ? void 0 : _statuses$filter2.forEach(data => totalModifyWSCount = totalModifyWSCount + (data === null || data === void 0 ? void 0 : data.count));
23569
23572
  const totalDisconnectionWS = statuses === null || statuses === void 0 ? void 0 : (_statuses$filter3 = statuses.filter(e => e.businessservice === "DisconnectWSConnection")) === null || _statuses$filter3 === void 0 ? void 0 : _statuses$filter3.forEach(data => totalDisconnectionWSCount = totalDisconnectionWSCount + (data === null || data === void 0 ? void 0 : data.count));
23570
- const totalnewSW = statuses === null || statuses === void 0 ? void 0 : (_statuses$filter4 = statuses.filter(e => e.businessservice === "NewSW1")) === null || _statuses$filter4 === void 0 ? void 0 : _statuses$filter4.forEach(data => totalnewSWCOunt = totalnewSWCOunt + (data === null || data === void 0 ? void 0 : data.count));
23571
- const totalModifySW = statuses === null || statuses === void 0 ? void 0 : (_statuses$filter5 = statuses.filter(e => e.businessservice === "ModifySWConnection")) === null || _statuses$filter5 === void 0 ? void 0 : _statuses$filter5.forEach(data => totalModifySWCount = totalModifySWCount + (data === null || data === void 0 ? void 0 : data.count));
23572
- const totalDisconnectionSW = statuses === null || statuses === void 0 ? void 0 : (_statuses$filter6 = statuses.filter(e => e.businessservice === "DisconnectSWConnection")) === null || _statuses$filter6 === void 0 ? void 0 : _statuses$filter6.forEach(data => totalDisconnectionSWCount = totalDisconnectionSWCount + (data === null || data === void 0 ? void 0 : data.count));
23573
+ const totalMutationWS = statuses === null || statuses === void 0 ? void 0 : (_statuses$filter4 = statuses.filter(e => e.businessservice === "mutationWSConnection")) === null || _statuses$filter4 === void 0 ? void 0 : _statuses$filter4.forEach(data => totalMutationWSCount = totalMutationWSCount + (data === null || data === void 0 ? void 0 : data.count));
23574
+ const totalnewSW = statuses === null || statuses === void 0 ? void 0 : (_statuses$filter5 = statuses.filter(e => e.businessservice === "NewSW1")) === null || _statuses$filter5 === void 0 ? void 0 : _statuses$filter5.forEach(data => totalnewSWCOunt = totalnewSWCOunt + (data === null || data === void 0 ? void 0 : data.count));
23575
+ const totalModifySW = statuses === null || statuses === void 0 ? void 0 : (_statuses$filter6 = statuses.filter(e => e.businessservice === "ModifySWConnection")) === null || _statuses$filter6 === void 0 ? void 0 : _statuses$filter6.forEach(data => totalModifySWCount = totalModifySWCount + (data === null || data === void 0 ? void 0 : data.count));
23576
+ const totalDisconnectionSW = statuses === null || statuses === void 0 ? void 0 : (_statuses$filter7 = statuses.filter(e => e.businessservice === "DisconnectSWConnection")) === null || _statuses$filter7 === void 0 ? void 0 : _statuses$filter7.forEach(data => totalDisconnectionSWCount = totalDisconnectionSWCount + (data === null || data === void 0 ? void 0 : data.count));
23573
23577
  const applicationTypeStatuses = checkPathName ? [{
23574
23578
  code: "NewWS1",
23575
23579
  name: t("CS_COMMON_INBOX_NEWWS1") + " (" + totalnewWSCount + ")"
@@ -23579,6 +23583,9 @@ const FilterFormFieldsComponent = _ref => {
23579
23583
  }, {
23580
23584
  code: "DisconnectWSConnection",
23581
23585
  name: t("CS_COMMON_INBOX_DISCONNECTIONWS") + " (" + totalDisconnectionWSCount + ")"
23586
+ }, {
23587
+ code: "mutationWSConnection",
23588
+ name: (t("CS_COMMON_INBOX_MUTATIONWSCONNECTION") || t("WS_MUTATION_CONNECTION") || "Water Mutation") + " (" + totalMutationWSCount + ")"
23582
23589
  }] : [{
23583
23590
  code: "NewSW1",
23584
23591
  name: t("CS_COMMON_INBOX_NEWSW1") + " (" + totalnewSWCOunt + ")"
@@ -23674,11 +23681,11 @@ const FilterFormFieldsComponent = _ref => {
23674
23681
  props.onChange(value);
23675
23682
  }
23676
23683
  const renderStatusCheckBoxes = React.useMemo(() => {
23677
- var _statuses$filter7;
23678
- return statuses === null || statuses === void 0 ? void 0 : (_statuses$filter7 = statuses.filter(e => {
23684
+ var _statuses$filter8;
23685
+ return statuses === null || statuses === void 0 ? void 0 : (_statuses$filter8 = statuses.filter(e => {
23679
23686
  const value = selectedApplicationType;
23680
23687
  return value.includes(e.businessservice);
23681
- })) === null || _statuses$filter7 === void 0 ? void 0 : _statuses$filter7.map((status, index) => {
23688
+ })) === null || _statuses$filter8 === void 0 ? void 0 : _statuses$filter8.map((status, index) => {
23682
23689
  var _props$value6;
23683
23690
  return /*#__PURE__*/React__default.createElement(digitUiReactComponents.CheckBox, {
23684
23691
  key: index + 1,
@@ -23905,7 +23912,7 @@ const WSInbox = _ref => {
23905
23912
  consumerNo: ""
23906
23913
  };
23907
23914
  const filterFormDefaultValues = {
23908
- businessService: checkPathName ? ["NewWS1", "ModifyWSConnection", "DisconnectWSConnection"] : ["NewSW1", "ModifySWConnection", "DisconnectSWConnection"],
23915
+ businessService: checkPathName ? ["NewWS1", "ModifyWSConnection", "DisconnectWSConnection", "mutationWSConnection"] : ["NewSW1", "ModifySWConnection", "DisconnectSWConnection"],
23909
23916
  moduleName: checkPathName ? "ws-services" : "sw-services",
23910
23917
  locality: [],
23911
23918
  assignee: "ASSIGNED_TO_ALL",
@@ -26127,7 +26134,7 @@ const WSCard = () => {
26127
26134
  sessionStorage.removeItem("Digit.PT_CREATE_EMP_WS_NEW_FORM");
26128
26135
  sessionStorage.removeItem("IsDetailsExists");
26129
26136
  const filterFormDefaultValues = {
26130
- businessService: ["NewWS1", "ModifyWSConnection", "DisconnectWSConnection"],
26137
+ businessService: ["NewWS1", "ModifyWSConnection", "DisconnectWSConnection", "mutationWSConnection"],
26131
26138
  moduleName: "ws-services",
26132
26139
  locality: [],
26133
26140
  applicationStatus: [],
@@ -26195,6 +26202,10 @@ const WSCard = () => {
26195
26202
  label: t("WS_CALCULATION"),
26196
26203
  link: "/digit-ui/employee/ws/water/calculation",
26197
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"]
26198
26209
  }]
26199
26210
  };
26200
26211
  return /*#__PURE__*/React__default.createElement(digitUiReactComponents.EmployeeModuleCard, propsForModuleCard);
@@ -31022,7 +31033,7 @@ const Rebate_menu = [{
31022
31033
  value: "Others"
31023
31034
  }];
31024
31035
  const WSFeeEstimation = _ref => {
31025
- var _wsAdditionalDetails$, _wsAdditionalDetails$18, _fields$adhocPenaltyR, _fields$adhocRebateRe;
31036
+ var _wsAdditionalDetails$, _fields$adhocPenaltyR, _fields$adhocRebateRe;
31026
31037
  let wsAdditionalDetails = _ref.wsAdditionalDetails;
31027
31038
  const _useTranslation = reactI18next.useTranslation(),
31028
31039
  t = _useTranslation.t;
@@ -31253,17 +31264,7 @@ const WSFeeEstimation = _ref => {
31253
31264
  } : {
31254
31265
  color: "#2E9E8F"
31255
31266
  }
31256
- }))), wsAdditionalDetails !== null && wsAdditionalDetails !== void 0 && (_wsAdditionalDetails$18 = wsAdditionalDetails.additionalDetails) !== null && _wsAdditionalDetails$18 !== void 0 && _wsAdditionalDetails$18.isAdhocRebate ? /*#__PURE__*/React__default.createElement("div", {
31257
- onClick: e => {
31258
- showPopUp(true);
31259
- }
31260
- }, /*#__PURE__*/React__default.createElement("span", {
31261
- className: "add-details-link hover-button",
31262
- style: {
31263
- cursor: "pointer",
31264
- color: "#a82227"
31265
- }
31266
- }, t("WS_PAYMENT_ADD_REBATE_PENALTY"))) : null, popup && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Modal, {
31267
+ }))), popup && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Modal, {
31267
31268
  headerBarMain: /*#__PURE__*/React__default.createElement(Heading, {
31268
31269
  label: t("PT_ADD_REBATE_PENALITY")
31269
31270
  }),
@@ -31891,31 +31892,31 @@ const checkForNA$1 = value => {
31891
31892
  return value ? value : "CS_NA";
31892
31893
  };
31893
31894
  const WSApplicationDetails = () => {
31894
- 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;
31895
31896
  const getDisconnectionNoticeSearch = function () {
31896
31897
  try {
31897
- var _data$WaterConnection175, _data$WaterConnection176, _data$SewerageConnect170, _data$SewerageConnect171;
31898
+ var _data$WaterConnection182, _data$WaterConnection183, _data$SewerageConnect176, _data$SewerageConnect177;
31898
31899
  let key = "ws-waterdisconnectionnotice";
31899
31900
  let details = {};
31900
31901
  if (applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS")) {
31901
- var _data$WaterConnection174, _PTData$Properties9;
31902
+ var _data$WaterConnection181, _PTData$Properties9;
31902
31903
  details = {
31903
- 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], {
31904
31905
  property: PTData === null || PTData === void 0 ? void 0 : (_PTData$Properties9 = PTData.Properties) === null || _PTData$Properties9 === void 0 ? void 0 : _PTData$Properties9[0]
31905
31906
  })]
31906
31907
  };
31907
31908
  } else {
31908
- var _data$SewerageConnect169, _PTData$Properties0;
31909
+ var _data$SewerageConnect175, _PTData$Properties0;
31909
31910
  key = "ws-seweragedisconnectionnotice";
31910
31911
  details = {
31911
- 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], {
31912
31913
  property: PTData === null || PTData === void 0 ? void 0 : (_PTData$Properties0 = PTData.Properties) === null || _PTData$Properties0 === void 0 ? void 0 : _PTData$Properties0[0]
31913
31914
  })]
31914
31915
  };
31915
31916
  }
31916
- 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) {
31917
- var _data$WaterConnection177, _data$WaterConnection178, _data$SewerageConnect172, _data$SewerageConnect173;
31918
- 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), {
31919
31920
  fileStoreIds: response.filestoreIds[0]
31920
31921
  })).then(function (fileStore) {
31921
31922
  window.open(fileStore[response === null || response === void 0 ? void 0 : response.filestoreIds[0]], "_blank");
@@ -32007,7 +32008,7 @@ const WSApplicationDetails = () => {
32007
32008
  }
32008
32009
  }) || false;
32009
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);
32010
- 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;
32011
32012
  const _Digit$Hooks$ws$useWS = Digit.Hooks.ws.useWSDetailsPage(t, tenantId, applicationNobyData, applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("SW") ? "SEWERAGE" : "WATER", user),
32012
32013
  isAppDetailsLoading = _Digit$Hooks$ws$useWS.isLoading,
32013
32014
  appDetailsData = _Digit$Hooks$ws$useWS.data;
@@ -32159,16 +32160,13 @@ const WSApplicationDetails = () => {
32159
32160
  let serviceType = data && data !== null && data !== void 0 && (_data$WaterConnection45 = data.WaterConnection) !== null && _data$WaterConnection45 !== void 0 && _data$WaterConnection45[0] ? "WATER" : "SEWERAGE";
32160
32161
  sessionStorage.setItem("ApplicationNoState", applicationNobyData);
32161
32162
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
32162
- className: "employee-main-application-details",
32163
- style: {
32164
- display: "flex",
32165
- gap: "20px"
32166
- }
32163
+ className: "employee-main-application-details"
32167
32164
  }, /*#__PURE__*/React__default.createElement("div", {
32168
32165
  className: "workflow-timeline-wrapper no-scrollbar",
32169
32166
  style: {
32170
- flex: "1 1 300px",
32171
- maxWidth: "400px"
32167
+ flex: "1 1 280px",
32168
+ maxWidth: "400px",
32169
+ minWidth: "240px"
32172
32170
  }
32173
32171
  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement("div", {
32174
32172
  id: "timeline"
@@ -32178,7 +32176,8 @@ const WSApplicationDetails = () => {
32178
32176
  paymentbuttonenabled: false
32179
32177
  })))), /*#__PURE__*/React__default.createElement("div", {
32180
32178
  style: {
32181
- flex: "2 1 500px"
32179
+ flex: "2 1 300px",
32180
+ minWidth: 0
32182
32181
  }
32183
32182
  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement("div", {
32184
32183
  className: "cardHeaderWithOptions",
@@ -32668,27 +32667,28 @@ const WSApplicationDetails = () => {
32668
32667
  label: t("MAKE_PAYMENT")
32669
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, {
32670
32669
  to: {
32671
- 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)) : "",
32672
32672
  state: {
32673
- 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))
32674
32674
  }
32675
32675
  }
32676
32676
  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
32677
32677
  label: t("COMMON_EDIT")
32678
- })) : 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, {
32679
32679
  to: {
32680
32680
  pathname: "/digit-ui/citizen/ws/resubmit-disconnect-application",
32681
32681
  state: {
32682
- 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))
32683
32683
  }
32684
32684
  }
32685
32685
  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
32686
32686
  label: t("RESUBMIT_APPLICATION"),
32687
32687
  onSubmit: Digit.SessionStorage.set("WS_DISCONNECTION", applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("SW") ? {
32688
- 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],
32689
32689
  serviceType: "SEWERAGE",
32690
32690
  WSDisconnectionForm: {
32691
- 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 ? {
32692
32692
  code: "type",
32693
32693
  value: {
32694
32694
  name: "Temporary",
@@ -32705,18 +32705,18 @@ const WSApplicationDetails = () => {
32705
32705
  code: "Permanent"
32706
32706
  }
32707
32707
  },
32708
- 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),
32709
32709
  reason: {
32710
32710
  code: "reason",
32711
- 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
32712
32712
  },
32713
- 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
32714
32714
  }
32715
32715
  } : {
32716
- 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],
32717
32717
  serviceType: "WATER",
32718
32718
  WSDisconnectionForm: {
32719
- 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 ? {
32720
32720
  code: "type",
32721
32721
  value: {
32722
32722
  name: "Temporary",
@@ -32733,12 +32733,12 @@ const WSApplicationDetails = () => {
32733
32733
  code: "Permanent"
32734
32734
  }
32735
32735
  },
32736
- 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),
32737
32737
  reason: {
32738
32738
  code: "reason",
32739
- 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
32740
32740
  },
32741
- 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
32742
32742
  }
32743
32743
  })
32744
32744
  })) : null)))));
@@ -33081,7 +33081,7 @@ const getConnectionDetailsPDF = function (application, property, tenantInfo, t)
33081
33081
  };
33082
33082
 
33083
33083
  const ConnectionDetails$5 = () => {
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, _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;
33085
33085
  const _useTranslation = reactI18next.useTranslation(),
33086
33086
  t = _useTranslation.t;
33087
33087
  const menuRef = React.useRef();
@@ -33324,11 +33324,6 @@ const ConnectionDetails$5 = () => {
33324
33324
  function onActionSelectRestoration() {
33325
33325
  getRestorationButton();
33326
33326
  }
33327
- function onActionSelectMutation() {
33328
- var _state3, _state4;
33329
- 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";
33330
- history.push(pathname);
33331
- }
33332
33327
  const Close = () => /*#__PURE__*/React__default.createElement("svg", {
33333
33328
  xmlns: "http://www.w3.org/2000/svg",
33334
33329
  viewBox: "0 0 24 24",
@@ -33356,8 +33351,8 @@ const ConnectionDetails$5 = () => {
33356
33351
  if (isLoading || isPTLoading) {
33357
33352
  return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null);
33358
33353
  }
33359
- sessionStorage.setItem("ApplicationNoState", (_state5 = state) === null || _state5 === void 0 ? void 0 : _state5.applicationNo);
33360
- 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";
33361
33356
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
33362
33357
  className: "cardHeaderWithOptions",
33363
33358
  style: {
@@ -33381,18 +33376,18 @@ const ConnectionDetails$5 = () => {
33381
33376
  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33382
33377
  className: "border-none",
33383
33378
  label: t("WS_MYCONNECTIONS_CONSUMER_NO"),
33384
- text: (_state7 = state) === null || _state7 === void 0 ? void 0 : _state7.connectionNo
33379
+ text: (_state5 = state) === null || _state5 === void 0 ? void 0 : _state5.connectionNo
33385
33380
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33386
33381
  className: "border-none",
33387
33382
  label: t("WS_SERVICE_NAME_LABEL"),
33388
- 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)),
33389
33384
  textStyle: {
33390
33385
  wordBreak: "break-word"
33391
33386
  }
33392
33387
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33393
33388
  className: "border-none",
33394
33389
  label: t("WS_STATUS"),
33395
- 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",
33396
33391
  textStyle: {
33397
33392
  whiteSpace: "pre"
33398
33393
  }
@@ -33400,127 +33395,127 @@ const ConnectionDetails$5 = () => {
33400
33395
  styles: {
33401
33396
  fontSize: "28px"
33402
33397
  }
33403
- }, 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, {
33404
33399
  className: "border-none",
33405
33400
  label: t("WS_COMMON_TABLE_COL_CONNECTIONTYPE_LABEL"),
33406
- 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"),
33407
33402
  textStyle: {
33408
33403
  whiteSpace: "pre"
33409
33404
  }
33410
33405
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33411
33406
  className: "border-none",
33412
33407
  label: t("WS_SERV_DETAIL_NO_OF_TAPS"),
33413
- text: (_state10 = state) === null || _state10 === void 0 ? void 0 : _state10.noOfTaps,
33408
+ text: (_state0 = state) === null || _state0 === void 0 ? void 0 : _state0.noOfTaps,
33414
33409
  textStyle: {
33415
33410
  whiteSpace: "pre"
33416
33411
  }
33417
33412
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33418
33413
  className: "border-none",
33419
33414
  label: t("WS_PIPE_SIZE_IN_INCHES_LABEL"),
33420
- 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",
33421
33416
  textStyle: {
33422
33417
  whiteSpace: "pre"
33423
33418
  }
33424
- })), ((_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, {
33425
33420
  className: "border-none",
33426
33421
  label: t("WS_CONN_DETAIL_WATER_CLOSETS"),
33427
- text: (_state13 = state) === null || _state13 === void 0 ? void 0 : _state13.proposedWaterClosets,
33422
+ text: (_state11 = state) === null || _state11 === void 0 ? void 0 : _state11.proposedWaterClosets,
33428
33423
  textStyle: {
33429
33424
  whiteSpace: "pre"
33430
33425
  }
33431
33426
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33432
33427
  className: "border-none",
33433
33428
  label: t("WS_SERV_DETAIL_NO_OF_TOILETS"),
33434
- 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"),
33435
33430
  textStyle: {
33436
33431
  whiteSpace: "pre"
33437
33432
  }
33438
33433
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33439
33434
  className: "border-none",
33440
33435
  label: t("WS_SERV_DETAIL_CONN_EXECUTION_DATE"),
33441
- 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"),
33442
33437
  textStyle: {
33443
33438
  whiteSpace: "pre"
33444
33439
  }
33445
- })), ((_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, {
33446
33441
  className: "border-none",
33447
33442
  label: t("WS_SERV_DETAIL_WATER_SOURCE"),
33448
- 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"),
33449
33444
  textStyle: {
33450
33445
  whiteSpace: "pre"
33451
33446
  }
33452
33447
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33453
33448
  className: "border-none",
33454
33449
  label: t("WS_SERV_DETAIL_WATER_SUB_SOURCE"),
33455
- 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"),
33456
33451
  textStyle: {
33457
33452
  whiteSpace: "pre"
33458
33453
  }
33459
33454
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33460
33455
  className: "border-none",
33461
33456
  label: t("WS_SERV_DETAIL_CONN_EXECUTION_DATE"),
33462
- 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"),
33463
33458
  textStyle: {
33464
33459
  whiteSpace: "pre"
33465
33460
  }
33466
33461
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33467
33462
  className: "border-none",
33468
33463
  label: t("WS_SERV_DETAIL_METER_ID"),
33469
- text: (_state22 = state) === null || _state22 === void 0 ? void 0 : _state22.meterId,
33464
+ text: (_state20 = state) === null || _state20 === void 0 ? void 0 : _state20.meterId,
33470
33465
  textStyle: {
33471
33466
  whiteSpace: "pre"
33472
33467
  }
33473
33468
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33474
33469
  className: "border-none",
33475
33470
  label: t("WS_ADDN_DETAIL_METER_INSTALL_DATE"),
33476
- 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",
33477
33472
  textStyle: {
33478
33473
  whiteSpace: "pre"
33479
33474
  }
33480
33475
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33481
33476
  className: "border-none",
33482
33477
  label: t("WS_ADDN_DETAILS_INITIAL_METER_READING"),
33483
- 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",
33484
33479
  textStyle: {
33485
33480
  whiteSpace: "pre"
33486
33481
  }
33487
- })), ((_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, {
33488
33483
  className: "border-none",
33489
33484
  label: t("WS_WATER_DEMAND_TYPE"),
33490
- 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",
33491
33486
  textStyle: {
33492
33487
  whiteSpace: "pre"
33493
33488
  }
33494
33489
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33495
33490
  className: "border-none",
33496
33491
  label: t("WS_CATEGORY_TYPE"),
33497
- 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",
33498
33493
  textStyle: {
33499
33494
  whiteSpace: "pre"
33500
33495
  }
33501
33496
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33502
33497
  className: "border-none",
33503
33498
  label: t("WS_ZRO_NAME"),
33504
- 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",
33505
33500
  textStyle: {
33506
33501
  whiteSpace: "pre"
33507
33502
  }
33508
33503
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33509
33504
  className: "border-none",
33510
33505
  label: t("WS_CONNECTION_USAGE_TYPE"),
33511
- 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",
33512
33507
  textStyle: {
33513
33508
  whiteSpace: "pre"
33514
33509
  }
33515
33510
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33516
33511
  className: "border-none",
33517
33512
  label: t("WS_TEMPORARY_CONNECTION"),
33518
- 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",
33519
33514
  textStyle: {
33520
33515
  whiteSpace: "pre"
33521
33516
  }
33522
- })), ((_state32 = state) === null || _state32 === void 0 ? void 0 : _state32.connectionType) === "Metered" && /*#__PURE__*/React__default.createElement(reactRouterDom.Link, {
33523
- 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)
33524
33519
  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.LinkButton, {
33525
33520
  style: {
33526
33521
  textAlign: "left",
@@ -33535,11 +33530,11 @@ const ConnectionDetails$5 = () => {
33535
33530
  }, t("WS_COMMON_PROPERTY_DETAILS")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33536
33531
  className: "border-none",
33537
33532
  label: t("WS_PROPERTY_ID_LABEL"),
33538
- text: (_state34 = state) === null || _state34 === void 0 ? void 0 : _state34.propertyId
33533
+ text: (_state32 = state) === null || _state32 === void 0 ? void 0 : _state32.propertyId
33539
33534
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33540
33535
  className: "border-none",
33541
33536
  label: t("WS_OWN_DETAIL_OWN_NAME_LABEL"),
33542
- 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(","),
33543
33538
  textStyle: {
33544
33539
  whiteSpace: "pre"
33545
33540
  }
@@ -33574,33 +33569,33 @@ const ConnectionDetails$5 = () => {
33574
33569
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33575
33570
  className: "border-none",
33576
33571
  label: t("WS_PROPERTY_TYPE"),
33577
- 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"
33578
33573
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33579
33574
  className: "border-none",
33580
33575
  label: t("WS_PROPERTY_CATEGORY"),
33581
- 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"
33582
33577
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33583
33578
  className: "border-none",
33584
33579
  label: t("WS_PLOT_AREA"),
33585
- 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"
33586
33581
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33587
33582
  className: "border-none",
33588
33583
  label: t("WS_BUILT_UP_AREA"),
33589
- 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"
33590
33585
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33591
33586
  className: "border-none",
33592
33587
  label: t("WS_NO_OF_FLOORS"),
33593
- 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"
33594
33589
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33595
33590
  className: "border-none",
33596
33591
  label: t("WS_NO_OF_DWELLING_UNITS"),
33597
- 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"
33598
33593
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33599
33594
  className: "border-none",
33600
33595
  label: t("WS_LOCALITY"),
33601
- 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"
33602
33597
  }), /*#__PURE__*/React__default.createElement(reactRouterDom.Link, {
33603
- 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)
33604
33599
  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.LinkButton, {
33605
33600
  style: {
33606
33601
  textAlign: "left",
@@ -33612,10 +33607,10 @@ const ConnectionDetails$5 = () => {
33612
33607
  styles: {
33613
33608
  fontSize: "28px"
33614
33609
  }
33615
- }, 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, {
33616
33611
  className: "border-none",
33617
33612
  label: t("WS_OWN_DETAIL_OWN_NAME_LABEL"),
33618
- 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,
33619
33614
  textStyle: {
33620
33615
  whiteSpace: "pre"
33621
33616
  }
@@ -33741,32 +33736,32 @@ const ConnectionDetails$5 = () => {
33741
33736
  }, t("WS_COMMON_BANK_DETAILS")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33742
33737
  className: "border-none",
33743
33738
  label: t("WS_BANK_NAME"),
33744
- 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"
33745
33740
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33746
33741
  className: "border-none",
33747
33742
  label: t("WS_BANK_BRANCH_NAME"),
33748
- 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"
33749
33744
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33750
33745
  className: "border-none",
33751
33746
  label: t("WS_BANK_ACCOUNT_NUMBER"),
33752
- 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"
33753
33748
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33754
33749
  className: "border-none",
33755
33750
  label: t("WS_BANK_IFSC_CODE"),
33756
- 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"
33757
33752
  })), /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, {
33758
33753
  styles: {
33759
33754
  fontSize: "28px"
33760
33755
  }
33761
- }, 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) => {
33762
- 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;
33763
33758
  return /*#__PURE__*/React__default.createElement("div", {
33764
33759
  key: "doc-" + index
33765
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, {
33766
- value: (_state54 = state) === null || _state54 === void 0 ? void 0 : _state54.documents,
33761
+ value: (_state52 = state) === null || _state52 === void 0 ? void 0 : _state52.documents,
33767
33762
  Code: doc === null || doc === void 0 ? void 0 : doc.documentType,
33768
33763
  index: index
33769
- }), ((_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", {
33770
33765
  style: {
33771
33766
  color: "#cccccc",
33772
33767
  backgroundColor: "#cccccc",
@@ -33775,7 +33770,7 @@ const ConnectionDetails$5 = () => {
33775
33770
  marginBottom: "20px"
33776
33771
  }
33777
33772
  }) : null)));
33778
- })), (((_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, {
33779
33774
  style: {
33780
33775
  position: "relative",
33781
33776
  boxShadow: "none",
@@ -33790,23 +33785,13 @@ const ConnectionDetails$5 = () => {
33790
33785
  style: {
33791
33786
  width: "100%"
33792
33787
  }
33793
- }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
33794
- style: {
33795
- width: "100%"
33796
- },
33797
- label: t("WS_MUTATION_BUTTON"),
33798
- onSubmit: onActionSelectMutation
33799
- })), /*#__PURE__*/React__default.createElement("div", {
33800
- style: {
33801
- width: "100%"
33802
- }
33803
33788
  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
33804
33789
  style: {
33805
33790
  width: "100%"
33806
33791
  },
33807
33792
  label: t("WS_DISCONNECTION_BUTTON"),
33808
33793
  onSubmit: onActionSelect
33809
- }))) : ((_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, {
33810
33795
  style: {
33811
33796
  position: "relative",
33812
33797
  boxShadow: "none",
@@ -33838,8 +33823,8 @@ const ConnectionDetails$5 = () => {
33838
33823
  actionSingleLabel: t("COMMON_MAKE_PAYMENT"),
33839
33824
  hideSubmit: true,
33840
33825
  actionSingleSubmit: () => {
33841
- var _state62, _state63;
33842
- 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");
33843
33828
  setshowModal(false);
33844
33829
  },
33845
33830
  popupStyles: mobileView ? {
@@ -44916,7 +44901,7 @@ function PropertyDocuments(_ref) {
44916
44901
  });
44917
44902
  });
44918
44903
  const allChecked = requiredDocsCount === 0 || checkedCount === requiredDocsCount;
44919
- const isDocVerifState = !applicationStatus || applicationStatus === "PENDING_FOR_DOCUMENT_VERIFICATION";
44904
+ const isDocVerifState = !applicationStatus || applicationStatus === "PENDING_FOR_DOCUMENT_VERIFICATION" || applicationStatus === "PENDING_APPROVAL_FOR_MUTATION";
44920
44905
  const finalVerified = isDocVerifState ? allChecked : true;
44921
44906
  window.isDocumentsVerified = finalVerified;
44922
44907
  window.dispatchEvent(new CustomEvent("DOCUMENTS_VERIFIED", {
@@ -45152,7 +45137,7 @@ function PropertyDocuments(_ref) {
45152
45137
  style: {
45153
45138
  cursor: "pointer"
45154
45139
  }
45155
- }, /*#__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) => {
45156
45141
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
45157
45142
  onClick: () => {
45158
45143
  if (fileUrl) {
@@ -45201,10 +45186,10 @@ function PropertyDocuments(_ref) {
45201
45186
  width: "18px",
45202
45187
  height: "18px",
45203
45188
  accentColor: "#F47738",
45204
- 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"
45205
45190
  },
45206
- disabled: applicationStatus && applicationStatus !== "PENDING_FOR_DOCUMENT_VERIFICATION",
45207
- 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),
45208
45193
  onChange: e => {
45209
45194
  const checked = e.target.checked;
45210
45195
  if (value !== null && value !== void 0 && value.originalDoc) {
@@ -46584,6 +46569,7 @@ function ApplicationDetailsContent(_ref) {
46584
46569
  workflowDetails = _ref.workflowDetails,
46585
46570
  isDataLoading = _ref.isDataLoading,
46586
46571
  applicationData = _ref.applicationData,
46572
+ businessService = _ref.businessService,
46587
46573
  timelineStatusPrefix = _ref.timelineStatusPrefix,
46588
46574
  _ref$showTimeLine = _ref.showTimeLine,
46589
46575
  showTimeLine = _ref$showTimeLine === void 0 ? true : _ref$showTimeLine,
@@ -46859,7 +46845,7 @@ function ApplicationDetailsContent(_ref) {
46859
46845
  infoClickInfoLabel: getClickInfoDetails(),
46860
46846
  infoClickInfoLabel1: getClickInfoDetails1()
46861
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) => {
46862
- 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;
46863
46849
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
46864
46850
  key: index
46865
46851
  }, /*#__PURE__*/React__default.createElement("div", {
@@ -47090,9 +47076,9 @@ function ApplicationDetailsContent(_ref) {
47090
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, {
47091
47077
  documents: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet18 = detail.additionalDetails) === null || _detail$additionalDet18 === void 0 ? void 0 : _detail$additionalDet18.documents,
47092
47078
  applicationStatus: applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus
47093
- }), (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, {
47094
47080
  applicationData: applicationData
47095
- }), " ", (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, {
47096
47082
  applicationData: applicationData
47097
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, {
47098
47084
  taxHeadEstimatesCalculation: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet22 = detail.additionalDetails) === null || _detail$additionalDet22 === void 0 ? void 0 : _detail$additionalDet22.taxHeadEstimatesCalculation
@@ -48223,16 +48209,16 @@ const ApplicationDetails$1 = () => {
48223
48209
  };
48224
48210
 
48225
48211
  const GetConnectionDetails = () => {
48226
- 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;
48227
48213
  const getBillSearch = function () {
48228
48214
  try {
48229
- const _temp = function (_applicationDetails$f0) {
48230
- if ((applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$f0 = applicationDetails.fetchBillsData) === null || _applicationDetails$f0 === void 0 ? void 0 : _applicationDetails$f0.length) > 0) {
48231
- 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;
48232
48218
  const service = serviceType === "WATER" ? "WS" : "SW";
48233
48219
  let wsSearchFilters = {
48234
48220
  isConnectionSearch: true,
48235
- 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
48236
48222
  };
48237
48223
  return Promise.resolve(Digit.WSService.search({
48238
48224
  tenantId,
@@ -48245,8 +48231,8 @@ const GetConnectionDetails = () => {
48245
48231
  bussinessService: service
48246
48232
  };
48247
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) {
48248
- var _applicationDetails$a23;
48249
- 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);
48250
48236
  }
48251
48237
  });
48252
48238
  }
@@ -48275,7 +48261,7 @@ const GetConnectionDetails = () => {
48275
48261
  showOptions = _useState3[0],
48276
48262
  setShowOptions = _useState3[1];
48277
48263
  const stateCode = Digit.ULBService.getStateId();
48278
- const actionConfig = ["MODIFY_CONNECTION_BUTTON", "MUTATION_BUTTON", "BILL_AMENDMENT_BUTTON", "DISCONNECTION_BUTTON"];
48264
+ const actionConfig = ["MODIFY_CONNECTION_BUTTON", "BILL_AMENDMENT_BUTTON", "DISCONNECTION_BUTTON"];
48279
48265
  const _Digit$Hooks$ws$useCo = Digit.Hooks.ws.useConnectionDetail(t, tenantId, applicationNumber, serviceType, {
48280
48266
  privacy: Digit.Utils.getPrivacyObject()
48281
48267
  }),
@@ -48377,29 +48363,8 @@ const GetConnectionDetails = () => {
48377
48363
  data: applicationDetails
48378
48364
  }));
48379
48365
  };
48380
- const getMutationButton = () => {
48381
- var _applicationDetails$f3, _applicationDetails$f4, _applicationDetails$a16, _applicationDetails$p2;
48382
- if (!checkApplicationStatus) {
48383
- setshowActionToast({
48384
- key: "error",
48385
- label: "CONN_NOT_ACTIVE"
48386
- });
48387
- return;
48388
- }
48389
- 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) {
48390
- setshowActionToast({
48391
- key: "error",
48392
- label: "WS_DUE_AMOUNT_SHOULD_BE_ZERO"
48393
- });
48394
- return;
48395
- }
48396
- 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";
48397
- history.push("" + pathname, JSON.stringify({
48398
- data: applicationDetails
48399
- }));
48400
- };
48401
48366
  const getBillAmendmentButton = () => {
48402
- var _demandData$Demands, _applicationDetails$a17;
48367
+ var _demandData$Demands, _applicationDetails$a16;
48403
48368
  let isBillAmendNotApplicable = false;
48404
48369
  billData === null || billData === void 0 ? void 0 : billData.map(bill => {
48405
48370
  if ((bill === null || bill === void 0 ? void 0 : bill.status) === "INWORKFLOW") {
@@ -48420,7 +48385,7 @@ const GetConnectionDetails = () => {
48420
48385
  });
48421
48386
  return;
48422
48387
  }
48423
- 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({
48424
48389
  data: applicationDetails
48425
48390
  }));
48426
48391
  };
@@ -48440,9 +48405,9 @@ const GetConnectionDetails = () => {
48440
48405
  label: "WORKFLOW_IN_PROGRESS"
48441
48406
  });
48442
48407
  } else {
48443
- var _billData$, _applicationDetails$f5;
48408
+ var _billData$, _applicationDetails$f3;
48444
48409
  console.log("due", due, applicationDetails);
48445
- 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) {
48446
48411
  Digit.SessionStorage.set("WS_DISCONNECTION", applicationDetails);
48447
48412
  history.push("" + pathname);
48448
48413
  } else {
@@ -48458,8 +48423,8 @@ const GetConnectionDetails = () => {
48458
48423
  label: "WORKFLOW_IN_PROGRESS"
48459
48424
  });
48460
48425
  } else {
48461
- var _billData$2, _applicationDetails$f6;
48462
- 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") {
48463
48428
  Digit.SessionStorage.set("WS_DISCONNECTION", applicationDetails);
48464
48429
  history.push("" + pathname);
48465
48430
  } else {
@@ -48470,8 +48435,6 @@ const GetConnectionDetails = () => {
48470
48435
  function onActionSelect(action) {
48471
48436
  if (action === "MODIFY_CONNECTION_BUTTON") {
48472
48437
  getModifyConnectionButton();
48473
- } else if (action === "MUTATION_BUTTON") {
48474
- getMutationButton();
48475
48438
  } else if (action === "BILL_AMENDMENT_BUTTON") {
48476
48439
  getBillAmendmentButton();
48477
48440
  } else if (action === "DISCONNECTION_BUTTON") {
@@ -48480,7 +48443,7 @@ const GetConnectionDetails = () => {
48480
48443
  getRestorationButton();
48481
48444
  }
48482
48445
  }
48483
- 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;
48484
48447
  const showAction = checkApplicationStatusForDisconnection ? actionConfig : actionConfig.filter(item => item !== "DISCONNECTION_BUTTON");
48485
48448
  const showActionRestoration = ["RESTORATION_BUTTON"];
48486
48449
  let dowloadOptions = [];
@@ -48494,7 +48457,7 @@ const GetConnectionDetails = () => {
48494
48457
  label: t("WS_CONNECTION_DETAILS"),
48495
48458
  onClick: () => downloadConnectionDetails()
48496
48459
  };
48497
- 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];
48498
48461
  const Close = () => /*#__PURE__*/React__default.createElement("svg", {
48499
48462
  xmlns: "http://www.w3.org/2000/svg",
48500
48463
  viewBox: "0 0 24 24",
@@ -48543,7 +48506,7 @@ const GetConnectionDetails = () => {
48543
48506
  isDataLoading: isLoading,
48544
48507
  applicationData: applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationData,
48545
48508
  mutate: mutate,
48546
- 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,
48547
48510
  moduleCode: "WS",
48548
48511
  showToast: showToast,
48549
48512
  setShowToast: setShowToast,
@@ -48561,7 +48524,7 @@ const GetConnectionDetails = () => {
48561
48524
  ref: actionMenuRef,
48562
48525
  label: t("WF_TAKE_ACTION"),
48563
48526
  onSubmit: () => setDisplayMenu(!displayMenu)
48564
- })) : 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, {
48565
48528
  options: showActionRestoration,
48566
48529
  localeKeyPrefix: "WS",
48567
48530
  t: t,
@@ -48617,7 +48580,7 @@ const GetConnectionDetails = () => {
48617
48580
  className: "modal-header-ws"
48618
48581
  }, t("WS_CLEAR_DUES_DISCONNECTION_SUB_HEADER_LABEL"), " "), /*#__PURE__*/React__default.createElement("div", {
48619
48582
  className: "modal-body-ws"
48620
- }, /*#__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, {
48621
48584
  error: showActionToast.key,
48622
48585
  label: t("" + showActionToast.label),
48623
48586
  onClose: closeBillToast
@@ -50403,10 +50366,198 @@ const EditModifyApplication = () => {
50403
50366
  }));
50404
50367
  };
50405
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
+
50406
50546
  const Step1_ExistingConnection = _ref => {
50407
50547
  var _appData$connectionHo, _propertyData$Propert, _propertyData$Propert2, _appData$property, _propertyAddress$loca;
50408
50548
  let applicationDetails = _ref.applicationDetails,
50409
- 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];
50410
50561
  const getMaskedName = name => {
50411
50562
  if (!name) return "NA";
50412
50563
  return name.split("").map((char, index) => index % 2 === 1 && char !== " " ? "*" : char).join("");
@@ -50422,13 +50573,17 @@ const Step1_ExistingConnection = _ref => {
50422
50573
  const holderDetails = (appData === null || appData === void 0 ? void 0 : (_appData$connectionHo = appData.connectionHolders) === null || _appData$connectionHo === void 0 ? void 0 : _appData$connectionHo[0]) || {};
50423
50574
  const registeredName = getMaskedName(holderDetails === null || holderDetails === void 0 ? void 0 : holderDetails.name);
50424
50575
  const registeredPhone = getMaskedPhone(holderDetails === null || holderDetails === void 0 ? void 0 : holderDetails.mobileNumber);
50425
- const tenantId = Digit.ULBService.getCurrentTenantId();
50576
+ const tenantId = (appData === null || appData === void 0 ? void 0 : appData.tenantId) || Digit.ULBService.getCurrentTenantId();
50426
50577
  const _Digit$Hooks$pt$usePr = Digit.Hooks.pt.usePropertySearch({
50427
50578
  filters: {
50428
50579
  propertyIds: propertyId
50429
50580
  },
50430
50581
  tenantId
50431
50582
  }, {
50583
+ filters: {
50584
+ propertyIds: propertyId
50585
+ },
50586
+ tenantId,
50432
50587
  enabled: !!propertyId
50433
50588
  }),
50434
50589
  propertyData = _Digit$Hooks$pt$usePr.data;
@@ -50438,29 +50593,71 @@ const Step1_ExistingConnection = _ref => {
50438
50593
  if (connectionNo === "NA") missingFields.push("Connection Number");
50439
50594
  if (registeredName === "NA") missingFields.push("Owner Name");
50440
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
+ };
50441
50636
  return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, {
50442
50637
  style: {
50443
50638
  marginBottom: "20px"
50444
50639
  }
50445
50640
  }, /*#__PURE__*/React__default.createElement("div", {
50446
50641
  style: {
50447
- padding: "16px",
50642
+ padding: "12px 16px",
50448
50643
  backgroundColor: "#fff3cd",
50449
50644
  color: "#856404",
50450
50645
  borderRadius: "8px",
50451
50646
  border: "1px solid #ffeeba",
50452
50647
  marginBottom: "20px",
50453
50648
  display: "flex",
50454
- alignItems: "center"
50649
+ alignItems: "flex-start",
50650
+ gap: "8px"
50455
50651
  }
50456
50652
  }, /*#__PURE__*/React__default.createElement("span", {
50457
50653
  style: {
50458
- marginRight: "8px",
50459
- fontSize: "20px"
50654
+ fontSize: "18px",
50655
+ flexShrink: 0
50460
50656
  }
50461
50657
  }, "\u2139\uFE0F"), /*#__PURE__*/React__default.createElement("span", {
50462
50658
  style: {
50463
- fontWeight: "500"
50659
+ fontWeight: "500",
50660
+ fontSize: "14px"
50464
50661
  }
50465
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", {
50466
50663
  style: {
@@ -50471,36 +50668,38 @@ const Step1_ExistingConnection = _ref => {
50471
50668
  border: "1px solid #f5c6cb",
50472
50669
  marginBottom: "16px",
50473
50670
  display: "flex",
50474
- alignItems: "center"
50671
+ alignItems: "flex-start",
50672
+ gap: "8px"
50475
50673
  }
50476
50674
  }, /*#__PURE__*/React__default.createElement("span", {
50477
50675
  style: {
50478
- marginRight: "8px",
50479
- fontSize: "18px"
50676
+ fontSize: "16px",
50677
+ flexShrink: 0
50480
50678
  }
50481
50679
  }, "\u26A0\uFE0F"), /*#__PURE__*/React__default.createElement("span", {
50482
50680
  style: {
50483
50681
  fontWeight: "500",
50484
50682
  fontSize: "14px"
50485
50683
  }
50486
- }, "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", {
50487
50685
  style: {
50488
50686
  display: "flex",
50489
50687
  alignItems: "center",
50490
- marginBottom: "16px"
50688
+ marginBottom: "16px",
50689
+ flexWrap: "wrap",
50690
+ gap: "8px"
50491
50691
  }
50492
50692
  }, /*#__PURE__*/React__default.createElement("span", {
50493
50693
  style: {
50494
- fontSize: "24px",
50495
- marginRight: "8px"
50694
+ fontSize: "22px"
50496
50695
  }
50497
50696
  }, "\uD83C\uDFE2"), /*#__PURE__*/React__default.createElement("h2", {
50498
50697
  style: {
50499
- fontSize: "20px",
50698
+ fontSize: "18px",
50500
50699
  fontWeight: "700",
50501
50700
  margin: 0
50502
50701
  }
50503
- }, "1. Existing Connection & Current Consumer Details.")), /*#__PURE__*/React__default.createElement("div", {
50702
+ }, "2. Existing Consumer Details")), /*#__PURE__*/React__default.createElement("div", {
50504
50703
  style: {
50505
50704
  padding: "16px",
50506
50705
  backgroundColor: "#f9f9f9",
@@ -50510,43 +50709,54 @@ const Step1_ExistingConnection = _ref => {
50510
50709
  }, /*#__PURE__*/React__default.createElement("div", {
50511
50710
  style: {
50512
50711
  display: "grid",
50513
- gridTemplateColumns: "1fr 1fr 1fr",
50712
+ gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))",
50514
50713
  gap: "16px"
50515
50714
  }
50516
- }, /*#__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", {
50517
50718
  style: {
50518
50719
  color: "#555",
50519
- fontSize: "14px",
50720
+ fontSize: "13px",
50520
50721
  marginBottom: "4px"
50521
50722
  }
50522
50723
  }, "Connection Number"), /*#__PURE__*/React__default.createElement("div", {
50523
50724
  style: {
50524
- fontWeight: "bold"
50725
+ fontWeight: "bold",
50726
+ wordBreak: "break-all"
50525
50727
  }
50526
- }, 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", {
50527
50731
  style: {
50528
50732
  color: "#555",
50529
- fontSize: "14px",
50733
+ fontSize: "13px",
50530
50734
  marginBottom: "4px"
50531
50735
  }
50532
50736
  }, "Current Owner Name"), /*#__PURE__*/React__default.createElement("div", {
50533
50737
  style: {
50534
- fontWeight: "bold"
50738
+ fontWeight: "bold",
50739
+ wordBreak: "break-word"
50535
50740
  }
50536
- }, 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", {
50537
50744
  style: {
50538
50745
  color: "#555",
50539
- fontSize: "14px",
50746
+ fontSize: "13px",
50540
50747
  marginBottom: "4px"
50541
50748
  }
50542
50749
  }, "Property Address"), /*#__PURE__*/React__default.createElement("div", {
50543
50750
  style: {
50544
- fontWeight: "bold"
50751
+ fontWeight: "bold",
50752
+ wordBreak: "break-word"
50545
50753
  }
50546
- }, 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", {
50547
50757
  style: {
50548
50758
  color: "#555",
50549
- fontSize: "14px",
50759
+ fontSize: "13px",
50550
50760
  marginBottom: "4px"
50551
50761
  }
50552
50762
  }, "Connection Status"), /*#__PURE__*/React__default.createElement("div", {
@@ -50554,27 +50764,88 @@ const Step1_ExistingConnection = _ref => {
50554
50764
  fontWeight: "bold",
50555
50765
  color: (connectionStatus === null || connectionStatus === void 0 ? void 0 : connectionStatus.toLowerCase()) === "active" ? "#28a745" : "#dc3545"
50556
50766
  }
50557
- }, 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", {
50558
50770
  style: {
50559
50771
  color: "#555",
50560
- fontSize: "14px",
50772
+ fontSize: "13px",
50561
50773
  marginBottom: "4px"
50562
50774
  }
50563
50775
  }, "Meter Number"), /*#__PURE__*/React__default.createElement("div", {
50564
50776
  style: {
50565
- fontWeight: "bold"
50777
+ fontWeight: "bold",
50778
+ wordBreak: "break-all"
50566
50779
  }
50567
- }, 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", {
50568
50783
  style: {
50569
50784
  color: "#555",
50570
- fontSize: "14px",
50785
+ fontSize: "13px",
50571
50786
  marginBottom: "4px"
50572
50787
  }
50573
50788
  }, "Mobile Number"), /*#__PURE__*/React__default.createElement("div", {
50574
50789
  style: {
50575
50790
  fontWeight: "bold"
50576
50791
  }
50577
- }, 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
+ }));
50578
50849
  };
50579
50850
 
50580
50851
  const Step2_NewConsumerDetails = _ref => {
@@ -50592,7 +50863,8 @@ const Step2_NewConsumerDetails = _ref => {
50592
50863
  errors = _useForm.formState.errors,
50593
50864
  trigger = _useForm.trigger,
50594
50865
  setError = _useForm.setError,
50595
- clearErrors = _useForm.clearErrors;
50866
+ clearErrors = _useForm.clearErrors,
50867
+ setValue = _useForm.setValue;
50596
50868
  const _useState = React.useState(null),
50597
50869
  showToast = _useState[0],
50598
50870
  setShowToast = _useState[1];
@@ -50688,16 +50960,17 @@ const Step2_NewConsumerDetails = _ref => {
50688
50960
  style: {
50689
50961
  display: "flex",
50690
50962
  alignItems: "center",
50691
- marginBottom: "16px"
50963
+ marginBottom: "16px",
50964
+ flexWrap: "wrap",
50965
+ gap: "8px"
50692
50966
  }
50693
50967
  }, /*#__PURE__*/React__default.createElement("span", {
50694
50968
  style: {
50695
- fontSize: "24px",
50696
- marginRight: "8px"
50969
+ fontSize: "22px"
50697
50970
  }
50698
50971
  }, "\uD83D\uDC64"), /*#__PURE__*/React__default.createElement("h2", {
50699
50972
  style: {
50700
- fontSize: "20px",
50973
+ fontSize: "18px",
50701
50974
  fontWeight: "700",
50702
50975
  margin: 0
50703
50976
  }
@@ -50710,12 +50983,13 @@ const Step2_NewConsumerDetails = _ref => {
50710
50983
  border: "1px solid #f5c6cb",
50711
50984
  marginBottom: "16px",
50712
50985
  display: "flex",
50713
- alignItems: "center"
50986
+ alignItems: "flex-start",
50987
+ gap: "8px"
50714
50988
  }
50715
50989
  }, /*#__PURE__*/React__default.createElement("span", {
50716
50990
  style: {
50717
- marginRight: "8px",
50718
- fontSize: "18px"
50991
+ fontSize: "16px",
50992
+ flexShrink: 0
50719
50993
  }
50720
50994
  }, "\u26A0\uFE0F"), /*#__PURE__*/React__default.createElement("span", {
50721
50995
  style: {
@@ -50732,9 +51006,9 @@ const Step2_NewConsumerDetails = _ref => {
50732
51006
  }, /*#__PURE__*/React__default.createElement("div", {
50733
51007
  style: {
50734
51008
  display: "grid",
50735
- gridTemplateColumns: "1fr 1fr 1fr",
50736
- gap: "24px",
50737
- padding: "16px 0"
51009
+ gridTemplateColumns: "repeat(auto-fill, minmax(240px, 1fr))",
51010
+ gap: "20px",
51011
+ padding: "8px 0 16px"
50738
51012
  }
50739
51013
  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, {
50740
51014
  style: {
@@ -50882,6 +51156,9 @@ const Step2_NewConsumerDetails = _ref => {
50882
51156
  setTouched(p => _extends({}, p, {
50883
51157
  reasonForNameChange: true
50884
51158
  }));
51159
+ if ((val === null || val === void 0 ? void 0 : val.code) !== "OTHER" && val !== "OTHER") {
51160
+ setValue("relationshipWithExistingConsumer", null);
51161
+ }
50885
51162
  },
50886
51163
  optionKey: "i18nKey",
50887
51164
  t: t,
@@ -50928,13 +51205,15 @@ const Step2_NewConsumerDetails = _ref => {
50928
51205
  display: "flex",
50929
51206
  justifyContent: "space-between",
50930
51207
  alignItems: "center",
50931
- marginTop: "24px"
51208
+ marginTop: "24px",
51209
+ flexWrap: "wrap",
51210
+ gap: "12px"
50932
51211
  }
50933
51212
  }, /*#__PURE__*/React__default.createElement("button", {
50934
51213
  type: "button",
50935
51214
  onClick: onBack,
50936
51215
  style: {
50937
- padding: "8px 24px",
51216
+ padding: "10px 20px",
50938
51217
  backgroundColor: "#e0e0e0",
50939
51218
  border: "none",
50940
51219
  borderRadius: "4px",
@@ -50945,7 +51224,8 @@ const Step2_NewConsumerDetails = _ref => {
50945
51224
  style: {
50946
51225
  display: "flex",
50947
51226
  alignItems: "center",
50948
- gap: "12px"
51227
+ gap: "12px",
51228
+ flexWrap: "wrap"
50949
51229
  }
50950
51230
  }, /*#__PURE__*/React__default.createElement("span", {
50951
51231
  style: {
@@ -50959,7 +51239,7 @@ const Step2_NewConsumerDetails = _ref => {
50959
51239
  }, "*"), " are mandatory"), /*#__PURE__*/React__default.createElement("button", {
50960
51240
  type: "submit",
50961
51241
  style: {
50962
- padding: "10px 24px",
51242
+ padding: "10px 20px",
50963
51243
  backgroundColor: "#00497e",
50964
51244
  color: "white",
50965
51245
  border: "none",
@@ -51133,6 +51413,80 @@ const Step3_UploadDocuments = _ref => {
51133
51413
  React.useEffect(() => {
51134
51414
  if (rawFiles.mutation) handleFileUpload(rawFiles.mutation, "mutation");
51135
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]);
51136
51490
  React.useEffect(() => {
51137
51491
  if (hasAttemptedSubmit) {
51138
51492
  const newErrors = {};
@@ -51230,12 +51584,13 @@ const Step3_UploadDocuments = _ref => {
51230
51584
  border: "1px solid #f5c6cb",
51231
51585
  marginBottom: "16px",
51232
51586
  display: "flex",
51233
- alignItems: "center"
51587
+ alignItems: "flex-start",
51588
+ gap: "8px"
51234
51589
  }
51235
51590
  }, /*#__PURE__*/React__default.createElement("span", {
51236
51591
  style: {
51237
- marginRight: "8px",
51238
- fontSize: "18px"
51592
+ fontSize: "16px",
51593
+ flexShrink: 0
51239
51594
  }
51240
51595
  }, "\u26A0\uFE0F"), /*#__PURE__*/React__default.createElement("span", {
51241
51596
  style: {
@@ -51245,7 +51600,7 @@ const Step3_UploadDocuments = _ref => {
51245
51600
  }, errorCount, " required item", errorCount > 1 ? "s" : "", " still need", errorCount === 1 ? "s" : "", " your attention before proceeding.")), /*#__PURE__*/React__default.createElement("div", {
51246
51601
  style: {
51247
51602
  display: "grid",
51248
- gridTemplateColumns: "1fr 1fr",
51603
+ gridTemplateColumns: "repeat(auto-fill, minmax(280px, 1fr))",
51249
51604
  gap: "24px"
51250
51605
  }
51251
51606
  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, {
@@ -51336,7 +51691,26 @@ const Step3_UploadDocuments = _ref => {
51336
51691
  style: errorTextStyle
51337
51692
  }, fieldErrors.identityFile), identityProofFile && /*#__PURE__*/React__default.createElement("div", {
51338
51693
  style: successTextStyle
51339
- }, "\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, {
51340
51714
  style: {
51341
51715
  fontWeight: "bold"
51342
51716
  }
@@ -51380,18 +51754,39 @@ const Step3_UploadDocuments = _ref => {
51380
51754
  style: errorTextStyle
51381
51755
  }, fieldErrors.mutationFile), mutationDocFile && /*#__PURE__*/React__default.createElement("div", {
51382
51756
  style: successTextStyle
51383
- }, "\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", {
51384
51777
  style: {
51385
51778
  display: "flex",
51386
51779
  justifyContent: "space-between",
51387
51780
  alignItems: "center",
51388
- marginTop: "32px"
51781
+ marginTop: "32px",
51782
+ flexWrap: "wrap",
51783
+ gap: "12px"
51389
51784
  }
51390
51785
  }, /*#__PURE__*/React__default.createElement("button", {
51391
51786
  type: "button",
51392
51787
  onClick: onBack,
51393
51788
  style: {
51394
- padding: "8px 24px",
51789
+ padding: "10px 20px",
51395
51790
  backgroundColor: "#e0e0e0",
51396
51791
  border: "none",
51397
51792
  borderRadius: "4px",
@@ -51402,7 +51797,8 @@ const Step3_UploadDocuments = _ref => {
51402
51797
  style: {
51403
51798
  display: "flex",
51404
51799
  alignItems: "center",
51405
- gap: "12px"
51800
+ gap: "12px",
51801
+ flexWrap: "wrap"
51406
51802
  }
51407
51803
  }, /*#__PURE__*/React__default.createElement("span", {
51408
51804
  style: {
@@ -51414,7 +51810,7 @@ const Step3_UploadDocuments = _ref => {
51414
51810
  onClick: onProceed,
51415
51811
  disabled: isUploading,
51416
51812
  style: {
51417
- padding: "10px 24px",
51813
+ padding: "10px 20px",
51418
51814
  backgroundColor: isUploading ? "#ccc" : "#00497e",
51419
51815
  color: "white",
51420
51816
  border: "none",
@@ -51433,8 +51829,9 @@ const Step3_UploadDocuments = _ref => {
51433
51829
  };
51434
51830
 
51435
51831
  const Step4_Preview = _ref => {
51436
- var _appData$connectionHo, _appData$property, _address$locality;
51437
- 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,
51438
51835
  applicationDetails = _ref.applicationDetails,
51439
51836
  onBack = _ref.onBack,
51440
51837
  onSubmit = _ref.onSubmit,
@@ -51445,9 +51842,11 @@ const Step4_Preview = _ref => {
51445
51842
  const _useState2 = React.useState(0),
51446
51843
  fee = _useState2[0],
51447
51844
  setFee = _useState2[1];
51448
- const _useState3 = React.useState("Calculating..."),
51449
- slab = _useState3[0],
51450
- 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];
51451
51850
  const getMaskedName = name => {
51452
51851
  if (!name) return "NA";
51453
51852
  return name.split("").map((char, index) => index % 2 === 1 && char !== " " ? "*" : char).join("");
@@ -51463,8 +51862,22 @@ const Step4_Preview = _ref => {
51463
51862
  const oldHolder = (appData === null || appData === void 0 ? void 0 : (_appData$connectionHo = appData.connectionHolders) === null || _appData$connectionHo === void 0 ? void 0 : _appData$connectionHo[0]) || {};
51464
51863
  const oldName = getMaskedName(oldHolder === null || oldHolder === void 0 ? void 0 : oldHolder.name);
51465
51864
  const oldPhone = getMaskedPhone(oldHolder === null || oldHolder === void 0 ? void 0 : oldHolder.mobileNumber);
51466
- const address = (appData === null || appData === void 0 ? void 0 : (_appData$property = appData.property) === null || _appData$property === void 0 ? void 0 : _appData$property.address) || {};
51467
- 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";
51468
51881
  const proposedNewConsumerName = formData.proposedNewConsumerName,
51469
51882
  newOwnerMobileNumber = formData.newOwnerMobileNumber,
51470
51883
  relationshipWithExistingConsumer = formData.relationshipWithExistingConsumer,
@@ -51491,7 +51904,6 @@ const Step4_Preview = _ref => {
51491
51904
  };
51492
51905
  return map[code] || code;
51493
51906
  };
51494
- const tenantId = Digit.ULBService.getCurrentTenantId();
51495
51907
  const viewDocument = function (fileStoreId) {
51496
51908
  try {
51497
51909
  if (!fileStoreId) return Promise.resolve();
@@ -51513,15 +51925,30 @@ const Step4_Preview = _ref => {
51513
51925
  }
51514
51926
  };
51515
51927
  React.useEffect(() => {
51516
- const relationCode = (relationshipWithExistingConsumer === null || relationshipWithExistingConsumer === void 0 ? void 0 : relationshipWithExistingConsumer.code) || relationshipWithExistingConsumer;
51517
- if (relationCode && relationCode !== "OTHER") {
51518
- setFee(100);
51519
- setSlab("Blood relation slab");
51520
- } else {
51521
- setFee(1350);
51522
- setSlab("Other Slab");
51523
- }
51524
- }, [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]);
51525
51952
  const sectionStyle = {
51526
51953
  border: "1px solid #e0e0e0",
51527
51954
  borderRadius: "8px",
@@ -51530,17 +51957,27 @@ const Step4_Preview = _ref => {
51530
51957
  };
51531
51958
  const labelStyle = {
51532
51959
  color: "#666",
51533
- fontSize: "14px",
51960
+ fontSize: "13px",
51534
51961
  marginBottom: "4px"
51535
51962
  };
51536
51963
  const valueStyle = {
51537
51964
  fontWeight: "bold",
51538
- fontSize: "16px"
51965
+ fontSize: "15px",
51966
+ wordBreak: "break-word"
51539
51967
  };
51540
51968
  const uploadDocStatusStyle = {
51541
51969
  fontSize: "14px",
51542
51970
  fontWeight: "bold"
51543
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));
51544
51981
  return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, {
51545
51982
  style: {
51546
51983
  marginBottom: "20px"
@@ -51549,16 +51986,17 @@ const Step4_Preview = _ref => {
51549
51986
  style: {
51550
51987
  display: "flex",
51551
51988
  alignItems: "center",
51552
- marginBottom: "16px"
51989
+ marginBottom: "16px",
51990
+ flexWrap: "wrap",
51991
+ gap: "8px"
51553
51992
  }
51554
51993
  }, /*#__PURE__*/React__default.createElement("span", {
51555
51994
  style: {
51556
- fontSize: "24px",
51557
- marginRight: "8px"
51995
+ fontSize: "22px"
51558
51996
  }
51559
51997
  }, "\uD83D\uDCCB"), /*#__PURE__*/React__default.createElement("h2", {
51560
51998
  style: {
51561
- fontSize: "20px",
51999
+ fontSize: "18px",
51562
52000
  fontWeight: "700",
51563
52001
  margin: 0
51564
52002
  }
@@ -51568,100 +52006,59 @@ const Step4_Preview = _ref => {
51568
52006
  })
51569
52007
  }, /*#__PURE__*/React__default.createElement("h3", {
51570
52008
  style: {
51571
- fontSize: "16px",
52009
+ fontSize: "15px",
51572
52010
  fontWeight: "bold",
51573
52011
  color: "#00497e",
51574
52012
  marginBottom: "12px"
51575
52013
  }
51576
52014
  }, "Property & Connection Summary"), /*#__PURE__*/React__default.createElement("div", {
51577
52015
  style: {
51578
- display: "flex",
51579
- justifyContent: "space-between"
52016
+ display: "grid",
52017
+ gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))",
52018
+ gap: "16px"
51580
52019
  }
51581
- }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
51582
- style: labelStyle
51583
- }, "Connection No"), /*#__PURE__*/React__default.createElement("div", {
51584
- style: valueStyle
51585
- }, connectionNo)), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
51586
- style: labelStyle
51587
- }, "Meter Number"), /*#__PURE__*/React__default.createElement("div", {
51588
- style: valueStyle
51589
- }, meterId)), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
51590
- style: labelStyle
51591
- }, "Property ID"), /*#__PURE__*/React__default.createElement("div", {
51592
- style: valueStyle
51593
- }, propertyId)))), /*#__PURE__*/React__default.createElement("div", {
52020
+ }, infoItem("Connection No", connectionNo), infoItem("Meter Number", meterId), infoItem("Property ID", propertyId))), /*#__PURE__*/React__default.createElement("div", {
51594
52021
  style: _extends({}, sectionStyle, {
51595
52022
  borderLeft: "4px solid #f29c1f"
51596
52023
  })
51597
52024
  }, /*#__PURE__*/React__default.createElement("h3", {
51598
52025
  style: {
51599
- fontSize: "16px",
52026
+ fontSize: "15px",
51600
52027
  fontWeight: "bold",
51601
52028
  color: "#f29c1f",
51602
52029
  marginBottom: "12px"
51603
52030
  }
51604
52031
  }, "\uD83D\uDD12 Existing / Previous Owner Details (Masked Information)"), /*#__PURE__*/React__default.createElement("div", {
51605
52032
  style: {
51606
- display: "flex",
51607
- justifyContent: "space-between",
52033
+ display: "grid",
52034
+ gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))",
52035
+ gap: "16px",
51608
52036
  marginBottom: "12px"
51609
52037
  }
51610
- }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
51611
- style: labelStyle
51612
- }, "Registered Name:"), /*#__PURE__*/React__default.createElement("div", {
51613
- style: valueStyle
51614
- }, oldName)), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
51615
- style: labelStyle
51616
- }, "Meter Number:"), /*#__PURE__*/React__default.createElement("div", {
51617
- style: valueStyle
51618
- }, meterId)), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
51619
- style: labelStyle
51620
- }, "Registered Phone:"), /*#__PURE__*/React__default.createElement("div", {
51621
- style: valueStyle
51622
- }, oldPhone))), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
51623
- style: labelStyle
51624
- }, "Registered Address:"), /*#__PURE__*/React__default.createElement("div", {
51625
- style: valueStyle
51626
- }, oldAddress))), /*#__PURE__*/React__default.createElement("div", {
52038
+ }, infoItem("Registered Name:", oldName), infoItem("Registered Phone:", oldPhone)), infoItem("Registered Address:", oldAddress)), /*#__PURE__*/React__default.createElement("div", {
51627
52039
  style: _extends({}, sectionStyle, {
51628
52040
  borderLeft: "4px solid #00497e"
51629
52041
  })
51630
52042
  }, /*#__PURE__*/React__default.createElement("h3", {
51631
52043
  style: {
51632
- fontSize: "16px",
52044
+ fontSize: "15px",
51633
52045
  fontWeight: "bold",
51634
52046
  color: "#00497e",
51635
52047
  marginBottom: "12px"
51636
52048
  }
51637
52049
  }, "\uD83D\uDC64 Transferee (New Owner) Summary"), /*#__PURE__*/React__default.createElement("div", {
51638
52050
  style: {
51639
- display: "flex",
51640
- justifyContent: "space-between"
52051
+ display: "grid",
52052
+ gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))",
52053
+ gap: "16px"
51641
52054
  }
51642
- }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
51643
- style: labelStyle
51644
- }, "New Owner Name"), /*#__PURE__*/React__default.createElement("div", {
51645
- style: valueStyle
51646
- }, proposedNewConsumerName)), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
51647
- style: labelStyle
51648
- }, "Mobile Number"), /*#__PURE__*/React__default.createElement("div", {
51649
- style: valueStyle
51650
- }, newOwnerMobileNumber)), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
51651
- style: labelStyle
51652
- }, "Relation Type"), /*#__PURE__*/React__default.createElement("div", {
51653
- style: valueStyle
51654
- }, getRelationshipName(relationshipWithExistingConsumer))), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
51655
- style: labelStyle
51656
- }, "Transfer Reason"), /*#__PURE__*/React__default.createElement("div", {
51657
- style: valueStyle
51658
- }, 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", {
51659
52056
  style: _extends({}, sectionStyle, {
51660
52057
  borderLeft: "4px solid #17a2b8"
51661
52058
  })
51662
52059
  }, /*#__PURE__*/React__default.createElement("h3", {
51663
52060
  style: {
51664
- fontSize: "16px",
52061
+ fontSize: "15px",
51665
52062
  fontWeight: "bold",
51666
52063
  color: "#17a2b8",
51667
52064
  marginBottom: "12px"
@@ -51669,7 +52066,7 @@ const Step4_Preview = _ref => {
51669
52066
  }, "Uploaded Documents"), /*#__PURE__*/React__default.createElement("div", {
51670
52067
  style: {
51671
52068
  display: "grid",
51672
- gridTemplateColumns: "1fr 1fr 1fr",
52069
+ gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))",
51673
52070
  gap: "16px"
51674
52071
  }
51675
52072
  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
@@ -51678,7 +52075,8 @@ const Step4_Preview = _ref => {
51678
52075
  style: {
51679
52076
  display: "flex",
51680
52077
  alignItems: "center",
51681
- gap: "8px"
52078
+ gap: "8px",
52079
+ flexWrap: "wrap"
51682
52080
  }
51683
52081
  }, /*#__PURE__*/React__default.createElement("span", {
51684
52082
  style: uploadDocStatusStyle
@@ -51692,7 +52090,8 @@ const Step4_Preview = _ref => {
51692
52090
  textDecoration: "underline",
51693
52091
  cursor: "pointer",
51694
52092
  fontSize: "14px",
51695
- fontWeight: "bold"
52093
+ fontWeight: "bold",
52094
+ padding: 0
51696
52095
  }
51697
52096
  }, "View"))), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
51698
52097
  style: labelStyle
@@ -51704,7 +52103,8 @@ const Step4_Preview = _ref => {
51704
52103
  style: {
51705
52104
  display: "flex",
51706
52105
  alignItems: "center",
51707
- gap: "8px"
52106
+ gap: "8px",
52107
+ flexWrap: "wrap"
51708
52108
  }
51709
52109
  }, /*#__PURE__*/React__default.createElement("span", {
51710
52110
  style: uploadDocStatusStyle
@@ -51718,7 +52118,8 @@ const Step4_Preview = _ref => {
51718
52118
  textDecoration: "underline",
51719
52119
  cursor: "pointer",
51720
52120
  fontSize: "14px",
51721
- fontWeight: "bold"
52121
+ fontWeight: "bold",
52122
+ padding: 0
51722
52123
  }
51723
52124
  }, "View"))))), /*#__PURE__*/React__default.createElement("div", {
51724
52125
  style: _extends({}, sectionStyle, {
@@ -51728,19 +52129,44 @@ const Step4_Preview = _ref => {
51728
52129
  })
51729
52130
  }, /*#__PURE__*/React__default.createElement("h3", {
51730
52131
  style: {
51731
- fontSize: "16px",
52132
+ fontSize: "15px",
51732
52133
  fontWeight: "bold",
51733
52134
  color: "#28a745",
51734
52135
  marginBottom: "12px"
51735
52136
  }
51736
- }, "\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", {
51737
52160
  style: {
51738
52161
  display: "flex",
51739
- justifyContent: "space-between"
52162
+ justifyContent: "space-between",
52163
+ maxWidth: "400px",
52164
+ flexWrap: "wrap",
52165
+ gap: "8px"
51740
52166
  }
51741
52167
  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
51742
52168
  style: labelStyle
51743
- }, "Mutation Money to Pay:"), /*#__PURE__*/React__default.createElement("div", {
52169
+ }, "Total Amount Payable:"), /*#__PURE__*/React__default.createElement("div", {
51744
52170
  style: _extends({}, valueStyle, {
51745
52171
  color: "#28a745",
51746
52172
  fontSize: "20px"
@@ -51754,13 +52180,11 @@ const Step4_Preview = _ref => {
51754
52180
  color: "#0c5460",
51755
52181
  borderRadius: "16px",
51756
52182
  fontSize: "12px",
51757
- fontWeight: "bold"
52183
+ fontWeight: "bold",
52184
+ display: "inline-block",
52185
+ marginTop: "4px"
51758
52186
  }
51759
- }, "PAYABLE POST VERIFICATION")), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
51760
- style: labelStyle
51761
- }, "Applicable Slab:"), /*#__PURE__*/React__default.createElement("div", {
51762
- style: valueStyle
51763
- }, slab)))), /*#__PURE__*/React__default.createElement("div", {
52187
+ }, "PAYABLE POST VERIFICATION")))), /*#__PURE__*/React__default.createElement("div", {
51764
52188
  style: {
51765
52189
  padding: "16px",
51766
52190
  backgroundColor: "#fffbeb",
@@ -51776,13 +52200,13 @@ const Step4_Preview = _ref => {
51776
52200
  type: "button",
51777
52201
  onClick: onBack,
51778
52202
  style: {
51779
- padding: "8px 24px",
52203
+ padding: "10px 20px",
51780
52204
  backgroundColor: "#e0e0e0",
51781
52205
  border: "none",
51782
52206
  borderRadius: "4px",
51783
52207
  cursor: "pointer",
51784
52208
  fontWeight: "bold",
51785
- marginRight: "16px"
52209
+ marginRight: "12px"
51786
52210
  }
51787
52211
  }, "\u2190 Edit Information"), /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
51788
52212
  label: isLoading ? "Submitting..." : "Submit Mutation Application",
@@ -51804,48 +52228,43 @@ const Step5_Submission = _ref => {
51804
52228
  const goHome = () => {
51805
52229
  history.push("/digit-ui/employee");
51806
52230
  };
51807
- const bannerStyle = {
51808
- backgroundColor: "#fff",
51809
- border: "1px solid #d4edda",
51810
- borderTop: "4px solid #28a745",
51811
- borderRadius: "8px",
51812
- padding: "20px",
51813
- display: "flex",
51814
- justifyContent: "space-between",
51815
- alignItems: "center",
51816
- marginBottom: "20px"
51817
- };
51818
- const statusPanelStyle = {
51819
- backgroundColor: "#fff",
51820
- border: "1px solid #e0e0e0",
51821
- borderRadius: "8px",
51822
- padding: "20px"
51823
- };
51824
52231
  return /*#__PURE__*/React__default.createElement("div", {
51825
52232
  style: {
51826
- padding: "20px 0"
52233
+ padding: "16px 0"
51827
52234
  }
51828
52235
  }, /*#__PURE__*/React__default.createElement("div", {
51829
- 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
+ }
51830
52249
  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("h2", {
51831
52250
  style: {
51832
52251
  color: "#28a745",
51833
- fontSize: "20px",
52252
+ fontSize: "18px",
51834
52253
  fontWeight: "bold",
51835
- margin: 0,
52254
+ margin: "0 0 4px",
51836
52255
  display: "flex",
51837
- alignItems: "center"
51838
- }
51839
- }, /*#__PURE__*/React__default.createElement("span", {
51840
- style: {
51841
- marginRight: "8px"
52256
+ alignItems: "center",
52257
+ flexWrap: "wrap",
52258
+ gap: "6px"
51842
52259
  }
51843
- }, "\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", {
51844
52261
  style: {
51845
52262
  color: "#666",
51846
- marginTop: "4px"
52263
+ marginTop: "4px",
52264
+ fontSize: "14px",
52265
+ wordBreak: "break-all"
51847
52266
  }
51848
- }, "Application Reference No: ", /*#__PURE__*/React__default.createElement("strong", {
52267
+ }, "Your SRN Reference No. is: ", /*#__PURE__*/React__default.createElement("strong", {
51849
52268
  style: {
51850
52269
  color: "#00497e"
51851
52270
  }
@@ -51856,36 +52275,10 @@ const Step5_Submission = _ref => {
51856
52275
  color: "#856404",
51857
52276
  borderRadius: "16px",
51858
52277
  fontSize: "12px",
51859
- fontWeight: "bold"
51860
- }
51861
- }, "PENDING_APPROVAL_FOR_MUTATION"))), /*#__PURE__*/React__default.createElement("div", {
51862
- style: statusPanelStyle
51863
- }, /*#__PURE__*/React__default.createElement("h3", {
51864
- style: {
51865
- color: "#00497e",
51866
- fontSize: "16px",
51867
52278
  fontWeight: "bold",
51868
- margin: "0 0 16px 0",
51869
- display: "flex",
51870
- alignItems: "center"
51871
- }
51872
- }, /*#__PURE__*/React__default.createElement("span", {
51873
- style: {
51874
- marginRight: "8px"
52279
+ whiteSpace: "nowrap"
51875
52280
  }
51876
- }, "\uD83D\uDCCC"), " Current Workflow Status"), /*#__PURE__*/React__default.createElement("hr", {
51877
- style: {
51878
- border: "0",
51879
- borderTop: "1px solid #e0e0e0",
51880
- margin: "0 0 16px 0"
51881
- }
51882
- }), /*#__PURE__*/React__default.createElement("p", {
51883
- style: {
51884
- color: "#333",
51885
- fontSize: "14px",
51886
- margin: 0
51887
- }
51888
- }, "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", {
51889
52282
  style: {
51890
52283
  marginTop: "24px",
51891
52284
  textAlign: "center"
@@ -51893,13 +52286,16 @@ const Step5_Submission = _ref => {
51893
52286
  }, /*#__PURE__*/React__default.createElement("button", {
51894
52287
  onClick: goHome,
51895
52288
  style: {
51896
- padding: "10px 24px",
52289
+ padding: "12px 28px",
51897
52290
  backgroundColor: "#00497e",
51898
52291
  color: "white",
51899
52292
  border: "none",
51900
52293
  borderRadius: "4px",
51901
52294
  cursor: "pointer",
51902
- fontWeight: "bold"
52295
+ fontWeight: "bold",
52296
+ fontSize: "15px",
52297
+ width: "100%",
52298
+ maxWidth: "280px"
51903
52299
  }
51904
52300
  }, "Go to Home")), showToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
51905
52301
  error: showToast.key === "error",
@@ -51910,7 +52306,7 @@ const Step5_Submission = _ref => {
51910
52306
  };
51911
52307
 
51912
52308
  const MutationApplication = () => {
51913
- 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;
51914
52310
  const _useTranslation = reactI18next.useTranslation(),
51915
52311
  t = _useTranslation.t;
51916
52312
  let _useLocation = reactRouterDom.useLocation(),
@@ -51935,6 +52331,23 @@ const MutationApplication = () => {
51935
52331
  setIsSubmitting = _useState5[1];
51936
52332
  const _useState6 = React.useState(new Set()),
51937
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];
51938
52351
  const user = Digit.UserService.getUser();
51939
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();
51940
52353
  const applicationNumber = filters === null || filters === void 0 ? void 0 : filters.applicationNumber;
@@ -51942,13 +52355,33 @@ const MutationApplication = () => {
51942
52355
  const details = cloneDeep_1((_state = state) === null || _state === void 0 ? void 0 : _state.data);
51943
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;
51944
52357
  const hasStateData = !!(details !== null && details !== void 0 && (_details$applicationD = details.applicationData) !== null && _details$applicationD !== void 0 && _details$applicationD.id);
51945
- const wsSearchNumber = (details === null || details === void 0 ? void 0 : details.applicationNo) || applicationNumber;
51946
- const businessService = (serviceType === null || serviceType === void 0 ? void 0 : serviceType.toUpperCase()) === "SEWERAGE" ? "SW" : "WS";
51947
- 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 () {
51948
52360
  try {
51949
- if (!wsSearchNumber) return Promise.resolve(null);
51950
- const params = {
51951
- 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
51952
52385
  };
51953
52386
  Object.keys(params).forEach(k => params[k] == null && delete params[k]);
51954
52387
  return Promise.resolve(Digit.WSService.search({
@@ -51970,13 +52403,14 @@ const MutationApplication = () => {
51970
52403
  return Promise.reject(e);
51971
52404
  }
51972
52405
  }, {
51973
- enabled: !!wsSearchNumber && !hasStateData
52406
+ enabled: !!querySearchParam && !hasStateData
51974
52407
  }),
51975
- isDetailsLoading = _useQuery.isLoading,
51976
- fetchedApplicationDetails = _useQuery.data;
52408
+ isDetailsLoading = _useQuery2.isLoading,
52409
+ fetchedApplicationDetails = _useQuery2.data;
51977
52410
  const applicationDetails = hasStateData ? details : fetchedApplicationDetails;
51978
- 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)),
51979
- 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];
51980
52414
  const _Digit$Hooks$pt$usePr = Digit.Hooks.pt.usePropertySearch({
51981
52415
  filters: {
51982
52416
  propertyIds: propertyId
@@ -51996,14 +52430,14 @@ const MutationApplication = () => {
51996
52430
  setSessionFormData = _Digit$Hooks$useSessi[1],
51997
52431
  clearSessionFormData = _Digit$Hooks$useSessi[2];
51998
52432
  React.useEffect(() => {
51999
- var _applicationDetails$a2;
52433
+ var _applicationDetails$a3;
52000
52434
  const fetchAppData = function () {
52001
52435
  try {
52002
52436
  const dataToConvert = applicationDetails || details;
52003
52437
  const _temp = function (_dataToConvert$applic) {
52004
52438
  if (dataToConvert !== null && dataToConvert !== void 0 && (_dataToConvert$applic = dataToConvert.applicationData) !== null && _dataToConvert$applic !== void 0 && _dataToConvert$applic.id) {
52005
52439
  var _dataToConvert$applic2;
52006
- 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) {
52007
52441
  setSessionFormData(prev => _extends({}, prev, convertAppData));
52008
52442
  sessionStorage.setItem("IsDetailsExists", JSON.stringify(true));
52009
52443
  });
@@ -52014,10 +52448,52 @@ const MutationApplication = () => {
52014
52448
  return Promise.reject(e);
52015
52449
  }
52016
52450
  };
52017
- 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)) {
52018
52452
  fetchAppData();
52019
52453
  }
52020
- }, [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]);
52021
52497
  React.useEffect(() => {
52022
52498
  var _propertyDetails$Prop;
52023
52499
  if (propertyDetails !== null && propertyDetails !== void 0 && (_propertyDetails$Prop = propertyDetails.Properties) !== null && _propertyDetails$Prop !== void 0 && _propertyDetails$Prop[0]) {
@@ -52041,18 +52517,18 @@ const MutationApplication = () => {
52041
52517
  sewerageUpdateMutation = _Digit$Hooks$ws$useWS2.mutate;
52042
52518
  const handleNextStep2 = data => {
52043
52519
  setFormData(prev => _extends({}, prev, data));
52044
- setCompletedSteps(prev => new Set([...prev, 2]));
52045
- setCurrentStep(3);
52520
+ setCompletedSteps(prev => new Set([...prev, 3]));
52521
+ setCurrentStep(4);
52046
52522
  };
52047
52523
  const handleNextStep3 = data => {
52048
52524
  setFormData(prev => _extends({}, prev, data));
52049
- setCompletedSteps(prev => new Set([...prev, 3]));
52050
- setCurrentStep(4);
52525
+ setCompletedSteps(prev => new Set([...prev, 4]));
52526
+ setCurrentStep(5);
52051
52527
  };
52052
52528
  const submitApplication = function () {
52053
52529
  try {
52054
52530
  setIsSubmitting(true);
52055
- const _temp2 = _catch(function () {
52531
+ return Promise.resolve(_catch(function () {
52056
52532
  var _finalData$cpt;
52057
52533
  let finalData = _extends({}, sessionFormData);
52058
52534
  if (!(finalData !== null && finalData !== void 0 && (_finalData$cpt = finalData.cpt) !== null && _finalData$cpt !== void 0 && _finalData$cpt.details)) {
@@ -52086,7 +52562,7 @@ const MutationApplication = () => {
52086
52562
  const sessionDetails = sessionStorage.getItem("WS_EDIT_APPLICATION_DETAILS") ? JSON.parse(sessionStorage.getItem("WS_EDIT_APPLICATION_DETAILS")) : {};
52087
52563
  return Promise.resolve(convertModifyApplicationDetails(finalData, sessionDetails, "INITIATE")).then(function (convertAppData) {
52088
52564
  if (!convertAppData.dateEffectiveFrom) {
52089
- convertAppData.dateEffectiveFrom = Date.now();
52565
+ convertAppData.dateEffectiveFrom = Date.now() + 86400000;
52090
52566
  }
52091
52567
  if (finalData !== null && finalData !== void 0 && finalData.MutationApplicantDetails) {
52092
52568
  var _mutDetails$reasonFor;
@@ -52121,8 +52597,67 @@ const MutationApplication = () => {
52121
52597
  });
52122
52598
  }
52123
52599
  }
52124
- convertAppData.applicationType = serviceType == "WATER" ? "MUTATION_WATER_CONNECTION" : "MUTATION_SEWERAGE_CONNECTION";
52125
- 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" ? {
52126
52661
  WaterConnection: convertAppData,
52127
52662
  reconnectRequest: false,
52128
52663
  disconnectRequest: false
@@ -52131,23 +52666,23 @@ const MutationApplication = () => {
52131
52666
  reconnectRequest: false,
52132
52667
  disconnectRequest: false
52133
52668
  };
52134
- const mutation = serviceType == "WATER" ? waterMutation : sewerageMutation;
52669
+ const mutation = resolvedServiceType === "WATER" ? waterMutation : sewerageMutation;
52135
52670
  return Promise.resolve(mutation(reqDetails, {
52136
52671
  onError: error => {
52137
- 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;
52138
52673
  setIsSubmitting(false);
52139
52674
  setShowToast({
52140
52675
  key: "error",
52141
- 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"
52142
52677
  });
52143
52678
  },
52144
52679
  onSuccess: data => {
52145
52680
  var _data$response, _data$response$data;
52146
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) {
52147
- var _data$response2, _data$response2$data, _apiErrors$;
52682
+ var _data$response2, _data$response2$data, _apiErrors$2;
52148
52683
  setIsSubmitting(false);
52149
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;
52150
- 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";
52151
52686
  setShowToast({
52152
52687
  key: "error",
52153
52688
  message: errorMessage
@@ -52161,19 +52696,19 @@ const MutationApplication = () => {
52161
52696
  message: data.Errors[0].message || "Failed to submit application"
52162
52697
  });
52163
52698
  } else {
52164
- var _data$WaterConnection, _data$SewerageConnect, _Digit, _Digit$Customizations, _Digit$Customizations2;
52165
- const updateMutation = serviceType == "WATER" ? waterUpdateMutation : sewerageUpdateMutation;
52166
- 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];
52167
52702
  let updatePayload = _extends({}, createdConnection, {
52168
52703
  dateEffectiveFrom: (createdConnection === null || createdConnection === void 0 ? void 0 : createdConnection.dateEffectiveFrom) || Date.now(),
52169
52704
  processInstance: _extends({}, createdConnection === null || createdConnection === void 0 ? void 0 : createdConnection.processInstance, {
52170
52705
  action: "APPLY_MUTATION"
52171
52706
  })
52172
52707
  });
52173
- 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) {
52174
- 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);
52175
52710
  }
52176
- let reqDetailsUpdate = serviceType == "WATER" ? {
52711
+ let reqDetailsUpdate = resolvedServiceType === "WATER" ? {
52177
52712
  WaterConnection: updatePayload,
52178
52713
  reconnectRequest: false,
52179
52714
  disconnectRequest: false
@@ -52184,20 +52719,20 @@ const MutationApplication = () => {
52184
52719
  };
52185
52720
  updateMutation(reqDetailsUpdate, {
52186
52721
  onError: error => {
52187
- 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;
52188
52723
  setIsSubmitting(false);
52189
52724
  setShowToast({
52190
52725
  key: "error",
52191
- 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"
52192
52727
  });
52193
52728
  },
52194
52729
  onSuccess: updateData => {
52195
- 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;
52196
52731
  setIsSubmitting(false);
52197
- 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) {
52198
- var _updateData$response2, _updateData$response3, _apiErrors$2;
52199
- 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;
52200
- 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";
52201
52736
  setShowToast({
52202
52737
  key: "error",
52203
52738
  message: errorMessage
@@ -52212,9 +52747,9 @@ const MutationApplication = () => {
52212
52747
  return;
52213
52748
  }
52214
52749
  clearSessionFormData();
52215
- 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;
52216
52751
  setGeneratedAppNo(newAppNo);
52217
- setCurrentStep(5);
52752
+ setCurrentStep(6);
52218
52753
  }
52219
52754
  });
52220
52755
  }
@@ -52228,8 +52763,7 @@ const MutationApplication = () => {
52228
52763
  key: "error",
52229
52764
  message: "Failed to submit application"
52230
52765
  });
52231
- });
52232
- return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
52766
+ }));
52233
52767
  } catch (e) {
52234
52768
  return Promise.reject(e);
52235
52769
  }
@@ -52249,6 +52783,10 @@ const MutationApplication = () => {
52249
52783
  }
52250
52784
  };
52251
52785
  const timelineConfig = [{
52786
+ sectionId: "search",
52787
+ route: "search-connection",
52788
+ actions: "Authentication"
52789
+ }, {
52252
52790
  sectionId: "application",
52253
52791
  route: "application-selection",
52254
52792
  actions: "Existing Connection"
@@ -52270,12 +52808,12 @@ const MutationApplication = () => {
52270
52808
  currentStep: index + 1
52271
52809
  }]
52272
52810
  }));
52273
- if (isDetailsLoading || propertyId && isPropertyLoading) {
52811
+ if (isDetailsLoading || propertyId && isPropertyLoading || isWorkflowLoading) {
52274
52812
  return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null);
52275
52813
  }
52276
52814
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
52277
52815
  className: "employee-form-section-wrapper"
52278
- }, currentStep !== 5 && /*#__PURE__*/React__default.createElement(digitUiReactComponents.VerticalTimeline, {
52816
+ }, currentStep !== 6 && !isMobile && /*#__PURE__*/React__default.createElement(digitUiReactComponents.VerticalTimeline, {
52279
52817
  config: timelineConfig,
52280
52818
  currentActiveIndex: currentStep - 1,
52281
52819
  showFinalStep: false,
@@ -52283,52 +52821,53 @@ const MutationApplication = () => {
52283
52821
  }), /*#__PURE__*/React__default.createElement("div", {
52284
52822
  style: {
52285
52823
  flex: "1",
52824
+ overflowY: "auto",
52286
52825
  minWidth: 0
52287
52826
  }
52288
- }, currentStep === 1 && /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(Step1_ExistingConnection, {
52827
+ }, currentStep === 1 && /*#__PURE__*/React__default.createElement(Step1_SearchConnection, {
52289
52828
  t: t,
52290
- applicationDetails: applicationDetails,
52291
- propertyId: propertyId
52292
- }), /*#__PURE__*/React__default.createElement("div", {
52293
- style: {
52294
- display: "flex",
52295
- justifyContent: "flex-end"
52296
- }
52297
- }, /*#__PURE__*/React__default.createElement("button", {
52298
- 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);
52299
52837
  setCompletedSteps(prev => new Set([...prev, 1]));
52300
52838
  setCurrentStep(2);
52301
- },
52302
- style: {
52303
- padding: "10px 24px",
52304
- backgroundColor: "#00497e",
52305
- color: "white",
52306
- border: "none",
52307
- borderRadius: "4px",
52308
- cursor: "pointer",
52309
- fontWeight: "bold"
52310
52839
  }
52311
- }, "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, {
52312
52850
  t: t,
52313
52851
  defaultValues: formData,
52314
52852
  onNext: handleNextStep2,
52315
- onBack: () => setCurrentStep(1)
52316
- }), currentStep === 3 && /*#__PURE__*/React__default.createElement(Step3_UploadDocuments, {
52853
+ onBack: () => setCurrentStep(2)
52854
+ }), currentStep === 4 && /*#__PURE__*/React__default.createElement(Step3_UploadDocuments, {
52317
52855
  t: t,
52318
52856
  defaultValues: formData,
52319
52857
  onNext: handleNextStep3,
52320
- onBack: () => setCurrentStep(2)
52321
- }), currentStep === 4 && /*#__PURE__*/React__default.createElement(Step4_Preview, {
52858
+ onBack: () => setCurrentStep(3)
52859
+ }), currentStep === 5 && /*#__PURE__*/React__default.createElement(Step4_Preview, {
52322
52860
  t: t,
52323
52861
  formData: formData,
52324
52862
  applicationDetails: applicationDetails,
52325
- onBack: () => setCurrentStep(3),
52863
+ resolvedServiceType: resolvedServiceType,
52864
+ onBack: () => setCurrentStep(4),
52326
52865
  onSubmit: submitApplication,
52327
52866
  isLoading: isSubmitting
52328
- }), currentStep === 5 && /*#__PURE__*/React__default.createElement(Step5_Submission, {
52867
+ }), currentStep === 6 && /*#__PURE__*/React__default.createElement(Step5_Submission, {
52329
52868
  t: t,
52330
52869
  applicationNumber: generatedAppNo,
52331
- 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
52332
52871
  }), showToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
52333
52872
  error: (showToast === null || showToast === void 0 ? void 0 : showToast.key) === "error",
52334
52873
  warning: (showToast === null || showToast === void 0 ? void 0 : showToast.key) === "warning",
@@ -55199,6 +55738,9 @@ const WSLinks = _ref2 => {
55199
55738
  }, {
55200
55739
  link: matchPath + "/my-connections",
55201
55740
  i18nKey: t("ACTION_TEXT_WS_MY_CONNECTION")
55741
+ }, {
55742
+ link: matchPath + "/mutation-application",
55743
+ i18nKey: t("WS_APPLY_MUTATION")
55202
55744
  }];
55203
55745
  return /*#__PURE__*/React__default.createElement(digitUiReactComponents.CitizenHomeCard, {
55204
55746
  header: t("ACTION_TEST_WATER_AND_SEWERAGE"),