@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.
@@ -11108,7 +11108,9 @@ const App$1 = _ref2 => {
11108
11108
  component: WSEditDisconnectionByConfig
11109
11109
  }), /*#__PURE__*/React.createElement(PrivateRoute, {
11110
11110
  path: path + "/application-details",
11111
- component: WSApplicationDetails
11111
+ component: () => /*#__PURE__*/React.createElement(LayoutWrapper, {
11112
+ layoutClass: "action"
11113
+ }, /*#__PURE__*/React.createElement(WSApplicationDetails, null))
11112
11114
  }), /*#__PURE__*/React.createElement(PrivateRoute, {
11113
11115
  path: path + "/modify-details",
11114
11116
  component: WSModifyApplicationDetails
@@ -23533,7 +23535,7 @@ const SearchFormFieldsComponents = _ref => {
23533
23535
  };
23534
23536
 
23535
23537
  const FilterFormFieldsComponent = _ref => {
23536
- var _statuses$filter, _statuses$filter2, _statuses$filter3, _statuses$filter4, _statuses$filter5, _statuses$filter6;
23538
+ var _statuses$filter, _statuses$filter2, _statuses$filter3, _statuses$filter4, _statuses$filter5, _statuses$filter6, _statuses$filter7;
23537
23539
  let statuses = _ref.statuses,
23538
23540
  isInboxLoading = _ref.isInboxLoading,
23539
23541
  controlFilterForm = _ref.controlFilterForm,
@@ -23558,15 +23560,17 @@ const FilterFormFieldsComponent = _ref => {
23558
23560
  let totalnewWSCount = 0,
23559
23561
  totalModifyWSCount = 0,
23560
23562
  totalDisconnectionWSCount = 0,
23563
+ totalMutationWSCount = 0,
23561
23564
  totalnewSWCOunt = 0,
23562
23565
  totalModifySWCount = 0,
23563
23566
  totalDisconnectionSWCount = 0;
23564
23567
  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));
23565
23568
  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));
23566
23569
  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));
23567
- 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));
23568
- 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));
23569
- 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));
23570
+ 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));
23571
+ 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));
23572
+ 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));
23573
+ 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));
23570
23574
  const applicationTypeStatuses = checkPathName ? [{
23571
23575
  code: "NewWS1",
23572
23576
  name: t("CS_COMMON_INBOX_NEWWS1") + " (" + totalnewWSCount + ")"
@@ -23576,6 +23580,9 @@ const FilterFormFieldsComponent = _ref => {
23576
23580
  }, {
23577
23581
  code: "DisconnectWSConnection",
23578
23582
  name: t("CS_COMMON_INBOX_DISCONNECTIONWS") + " (" + totalDisconnectionWSCount + ")"
23583
+ }, {
23584
+ code: "mutationWSConnection",
23585
+ name: (t("CS_COMMON_INBOX_MUTATIONWSCONNECTION") || t("WS_MUTATION_CONNECTION") || "Water Mutation") + " (" + totalMutationWSCount + ")"
23579
23586
  }] : [{
23580
23587
  code: "NewSW1",
23581
23588
  name: t("CS_COMMON_INBOX_NEWSW1") + " (" + totalnewSWCOunt + ")"
@@ -23671,11 +23678,11 @@ const FilterFormFieldsComponent = _ref => {
23671
23678
  props.onChange(value);
23672
23679
  }
23673
23680
  const renderStatusCheckBoxes = useMemo(() => {
23674
- var _statuses$filter7;
23675
- return statuses === null || statuses === void 0 ? void 0 : (_statuses$filter7 = statuses.filter(e => {
23681
+ var _statuses$filter8;
23682
+ return statuses === null || statuses === void 0 ? void 0 : (_statuses$filter8 = statuses.filter(e => {
23676
23683
  const value = selectedApplicationType;
23677
23684
  return value.includes(e.businessservice);
23678
- })) === null || _statuses$filter7 === void 0 ? void 0 : _statuses$filter7.map((status, index) => {
23685
+ })) === null || _statuses$filter8 === void 0 ? void 0 : _statuses$filter8.map((status, index) => {
23679
23686
  var _props$value6;
23680
23687
  return /*#__PURE__*/React.createElement(CheckBox, {
23681
23688
  key: index + 1,
@@ -23902,7 +23909,7 @@ const WSInbox = _ref => {
23902
23909
  consumerNo: ""
23903
23910
  };
23904
23911
  const filterFormDefaultValues = {
23905
- businessService: checkPathName ? ["NewWS1", "ModifyWSConnection", "DisconnectWSConnection"] : ["NewSW1", "ModifySWConnection", "DisconnectSWConnection"],
23912
+ businessService: checkPathName ? ["NewWS1", "ModifyWSConnection", "DisconnectWSConnection", "mutationWSConnection"] : ["NewSW1", "ModifySWConnection", "DisconnectSWConnection"],
23906
23913
  moduleName: checkPathName ? "ws-services" : "sw-services",
23907
23914
  locality: [],
23908
23915
  assignee: "ASSIGNED_TO_ALL",
@@ -26124,7 +26131,7 @@ const WSCard = () => {
26124
26131
  sessionStorage.removeItem("Digit.PT_CREATE_EMP_WS_NEW_FORM");
26125
26132
  sessionStorage.removeItem("IsDetailsExists");
26126
26133
  const filterFormDefaultValues = {
26127
- businessService: ["NewWS1", "ModifyWSConnection", "DisconnectWSConnection"],
26134
+ businessService: ["NewWS1", "ModifyWSConnection", "DisconnectWSConnection", "mutationWSConnection"],
26128
26135
  moduleName: "ws-services",
26129
26136
  locality: [],
26130
26137
  applicationStatus: [],
@@ -26192,6 +26199,10 @@ const WSCard = () => {
26192
26199
  label: t("WS_CALCULATION"),
26193
26200
  link: "/digit-ui/employee/ws/water/calculation",
26194
26201
  roles: ["WS_CEMP", "WS_APPROVER", "WS_FIELD_INSPECTOR", "WS_DOC_VERIFIER", "WS_CLERK"]
26202
+ }, {
26203
+ label: t("WS_APPLY_MUTATION"),
26204
+ link: "/digit-ui/employee/ws/mutation-application",
26205
+ 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"]
26195
26206
  }]
26196
26207
  };
26197
26208
  return /*#__PURE__*/React.createElement(EmployeeModuleCard, propsForModuleCard);
@@ -31019,7 +31030,7 @@ const Rebate_menu = [{
31019
31030
  value: "Others"
31020
31031
  }];
31021
31032
  const WSFeeEstimation = _ref => {
31022
- var _wsAdditionalDetails$, _wsAdditionalDetails$18, _fields$adhocPenaltyR, _fields$adhocRebateRe;
31033
+ var _wsAdditionalDetails$, _fields$adhocPenaltyR, _fields$adhocRebateRe;
31023
31034
  let wsAdditionalDetails = _ref.wsAdditionalDetails;
31024
31035
  const _useTranslation = useTranslation(),
31025
31036
  t = _useTranslation.t;
@@ -31250,17 +31261,7 @@ const WSFeeEstimation = _ref => {
31250
31261
  } : {
31251
31262
  color: "#2E9E8F"
31252
31263
  }
31253
- }))), wsAdditionalDetails !== null && wsAdditionalDetails !== void 0 && (_wsAdditionalDetails$18 = wsAdditionalDetails.additionalDetails) !== null && _wsAdditionalDetails$18 !== void 0 && _wsAdditionalDetails$18.isAdhocRebate ? /*#__PURE__*/React.createElement("div", {
31254
- onClick: e => {
31255
- showPopUp(true);
31256
- }
31257
- }, /*#__PURE__*/React.createElement("span", {
31258
- className: "add-details-link hover-button",
31259
- style: {
31260
- cursor: "pointer",
31261
- color: "#a82227"
31262
- }
31263
- }, t("WS_PAYMENT_ADD_REBATE_PENALTY"))) : null, popup && /*#__PURE__*/React.createElement(Modal, {
31264
+ }))), popup && /*#__PURE__*/React.createElement(Modal, {
31264
31265
  headerBarMain: /*#__PURE__*/React.createElement(Heading, {
31265
31266
  label: t("PT_ADD_REBATE_PENALITY")
31266
31267
  }),
@@ -31888,31 +31889,31 @@ const checkForNA$1 = value => {
31888
31889
  return value ? value : "CS_NA";
31889
31890
  };
31890
31891
  const WSApplicationDetails = () => {
31891
- 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;
31892
+ 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;
31892
31893
  const getDisconnectionNoticeSearch = function () {
31893
31894
  try {
31894
- var _data$WaterConnection175, _data$WaterConnection176, _data$SewerageConnect170, _data$SewerageConnect171;
31895
+ var _data$WaterConnection182, _data$WaterConnection183, _data$SewerageConnect176, _data$SewerageConnect177;
31895
31896
  let key = "ws-waterdisconnectionnotice";
31896
31897
  let details = {};
31897
31898
  if (applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS")) {
31898
- var _data$WaterConnection174, _PTData$Properties9;
31899
+ var _data$WaterConnection181, _PTData$Properties9;
31899
31900
  details = {
31900
- WaterConnection: [_extends({}, data === null || data === void 0 ? void 0 : (_data$WaterConnection174 = data.WaterConnection) === null || _data$WaterConnection174 === void 0 ? void 0 : _data$WaterConnection174[0], {
31901
+ WaterConnection: [_extends({}, data === null || data === void 0 ? void 0 : (_data$WaterConnection181 = data.WaterConnection) === null || _data$WaterConnection181 === void 0 ? void 0 : _data$WaterConnection181[0], {
31901
31902
  property: PTData === null || PTData === void 0 ? void 0 : (_PTData$Properties9 = PTData.Properties) === null || _PTData$Properties9 === void 0 ? void 0 : _PTData$Properties9[0]
31902
31903
  })]
31903
31904
  };
31904
31905
  } else {
31905
- var _data$SewerageConnect169, _PTData$Properties0;
31906
+ var _data$SewerageConnect175, _PTData$Properties0;
31906
31907
  key = "ws-seweragedisconnectionnotice";
31907
31908
  details = {
31908
- SewerageConnection: [_extends({}, data === null || data === void 0 ? void 0 : (_data$SewerageConnect169 = data.SewerageConnections) === null || _data$SewerageConnect169 === void 0 ? void 0 : _data$SewerageConnect169[0], {
31909
+ SewerageConnection: [_extends({}, data === null || data === void 0 ? void 0 : (_data$SewerageConnect175 = data.SewerageConnections) === null || _data$SewerageConnect175 === void 0 ? void 0 : _data$SewerageConnect175[0], {
31909
31910
  property: PTData === null || PTData === void 0 ? void 0 : (_PTData$Properties0 = PTData.Properties) === null || _PTData$Properties0 === void 0 ? void 0 : _PTData$Properties0[0]
31910
31911
  })]
31911
31912
  };
31912
31913
  }
31913
- 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) {
31914
- var _data$WaterConnection177, _data$WaterConnection178, _data$SewerageConnect172, _data$SewerageConnect173;
31915
- 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), {
31914
+ 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) {
31915
+ var _data$WaterConnection184, _data$WaterConnection185, _data$SewerageConnect178, _data$SewerageConnect179;
31916
+ 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), {
31916
31917
  fileStoreIds: response.filestoreIds[0]
31917
31918
  })).then(function (fileStore) {
31918
31919
  window.open(fileStore[response === null || response === void 0 ? void 0 : response.filestoreIds[0]], "_blank");
@@ -32004,7 +32005,7 @@ const WSApplicationDetails = () => {
32004
32005
  }
32005
32006
  }) || false;
32006
32007
  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);
32007
- const isPaid = applicationStatus && applicationStatus !== "INITIATED" && applicationStatus !== "PENDING_FOR_PAYMENT" && applicationStatus !== "PENDING_FOR_FINAL_PAYMENT" && applicationStatus !== "PENDING_FOR_ADDITIONAL_PAYMENT" ? true : false;
32008
+ 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;
32008
32009
  const _Digit$Hooks$ws$useWS = Digit.Hooks.ws.useWSDetailsPage(t, tenantId, applicationNobyData, applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("SW") ? "SEWERAGE" : "WATER", user),
32009
32010
  isAppDetailsLoading = _Digit$Hooks$ws$useWS.isLoading,
32010
32011
  appDetailsData = _Digit$Hooks$ws$useWS.data;
@@ -32156,16 +32157,13 @@ const WSApplicationDetails = () => {
32156
32157
  let serviceType = data && data !== null && data !== void 0 && (_data$WaterConnection45 = data.WaterConnection) !== null && _data$WaterConnection45 !== void 0 && _data$WaterConnection45[0] ? "WATER" : "SEWERAGE";
32157
32158
  sessionStorage.setItem("ApplicationNoState", applicationNobyData);
32158
32159
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
32159
- className: "employee-main-application-details",
32160
- style: {
32161
- display: "flex",
32162
- gap: "20px"
32163
- }
32160
+ className: "employee-main-application-details"
32164
32161
  }, /*#__PURE__*/React.createElement("div", {
32165
32162
  className: "workflow-timeline-wrapper no-scrollbar",
32166
32163
  style: {
32167
- flex: "1 1 300px",
32168
- maxWidth: "400px"
32164
+ flex: "1 1 280px",
32165
+ maxWidth: "400px",
32166
+ minWidth: "240px"
32169
32167
  }
32170
32168
  }, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement("div", {
32171
32169
  id: "timeline"
@@ -32175,7 +32173,8 @@ const WSApplicationDetails = () => {
32175
32173
  paymentbuttonenabled: false
32176
32174
  })))), /*#__PURE__*/React.createElement("div", {
32177
32175
  style: {
32178
- flex: "2 1 500px"
32176
+ flex: "2 1 300px",
32177
+ minWidth: 0
32179
32178
  }
32180
32179
  }, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement("div", {
32181
32180
  className: "cardHeaderWithOptions",
@@ -32665,27 +32664,28 @@ const WSApplicationDetails = () => {
32665
32664
  label: t("MAKE_PAYMENT")
32666
32665
  })) : null, !(data !== null && data !== void 0 && (_data$WaterConnection151 = data.WaterConnection) !== null && _data$WaterConnection151 !== void 0 && (_data$WaterConnection152 = _data$WaterConnection151[0]) !== null && _data$WaterConnection152 !== void 0 && _data$WaterConnection152.applicationType.includes("DISCONNECT")) && data !== null && data !== void 0 && (_data$WaterConnection153 = data.WaterConnection) !== null && _data$WaterConnection153 !== void 0 && (_data$WaterConnection154 = _data$WaterConnection153[0]) !== null && _data$WaterConnection154 !== void 0 && _data$WaterConnection154.applicationStatus.includes("PENDING_FOR_CITIZEN_ACTION") || !(data !== null && data !== void 0 && (_data$SewerageConnect146 = data.SewerageConnections) !== null && _data$SewerageConnect146 !== void 0 && (_data$SewerageConnect147 = _data$SewerageConnect146[0]) !== null && _data$SewerageConnect147 !== void 0 && _data$SewerageConnect147.applicationType.includes("DISCONNECT")) && data !== null && data !== void 0 && (_data$SewerageConnect148 = data.SewerageConnections) !== null && _data$SewerageConnect148 !== void 0 && (_data$SewerageConnect149 = _data$SewerageConnect148[0]) !== null && _data$SewerageConnect149 !== void 0 && _data$SewerageConnect149.applicationStatus.includes("PENDING_FOR_CITIZEN_ACTION") ? /*#__PURE__*/React.createElement(Link, {
32667
32666
  to: {
32668
- 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)),
32667
+ 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)),
32668
+ 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)) : "",
32669
32669
  state: {
32670
- 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))
32670
+ 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))
32671
32671
  }
32672
32672
  }
32673
32673
  }, /*#__PURE__*/React.createElement(SubmitBar, {
32674
32674
  label: t("COMMON_EDIT")
32675
- })) : null, data !== null && data !== void 0 && (_data$WaterConnection159 = data.WaterConnection) !== null && _data$WaterConnection159 !== void 0 && (_data$WaterConnection160 = _data$WaterConnection159[0]) !== null && _data$WaterConnection160 !== void 0 && _data$WaterConnection160.applicationType.includes("DISCONNECT") && data !== null && data !== void 0 && (_data$WaterConnection161 = data.WaterConnection) !== null && _data$WaterConnection161 !== void 0 && (_data$WaterConnection162 = _data$WaterConnection161[0]) !== null && _data$WaterConnection162 !== void 0 && _data$WaterConnection162.applicationStatus.includes("PENDING_FOR_CITIZEN_ACTION") || data !== null && data !== void 0 && (_data$SewerageConnect154 = data.SewerageConnections) !== null && _data$SewerageConnect154 !== void 0 && (_data$SewerageConnect155 = _data$SewerageConnect154[0]) !== null && _data$SewerageConnect155 !== void 0 && _data$SewerageConnect155.applicationType.includes("DISCONNECT") && data !== null && data !== void 0 && (_data$SewerageConnect156 = data.SewerageConnections) !== null && _data$SewerageConnect156 !== void 0 && (_data$SewerageConnect157 = _data$SewerageConnect156[0]) !== null && _data$SewerageConnect157 !== void 0 && _data$SewerageConnect157.applicationStatus.includes("PENDING_FOR_CITIZEN_ACTION") ? /*#__PURE__*/React.createElement(Link, {
32675
+ })) : null, data !== null && data !== void 0 && (_data$WaterConnection166 = data.WaterConnection) !== null && _data$WaterConnection166 !== void 0 && (_data$WaterConnection167 = _data$WaterConnection166[0]) !== null && _data$WaterConnection167 !== void 0 && _data$WaterConnection167.applicationType.includes("DISCONNECT") && data !== null && data !== void 0 && (_data$WaterConnection168 = data.WaterConnection) !== null && _data$WaterConnection168 !== void 0 && (_data$WaterConnection169 = _data$WaterConnection168[0]) !== null && _data$WaterConnection169 !== void 0 && _data$WaterConnection169.applicationStatus.includes("PENDING_FOR_CITIZEN_ACTION") || data !== null && data !== void 0 && (_data$SewerageConnect160 = data.SewerageConnections) !== null && _data$SewerageConnect160 !== void 0 && (_data$SewerageConnect161 = _data$SewerageConnect160[0]) !== null && _data$SewerageConnect161 !== void 0 && _data$SewerageConnect161.applicationType.includes("DISCONNECT") && data !== null && data !== void 0 && (_data$SewerageConnect162 = data.SewerageConnections) !== null && _data$SewerageConnect162 !== void 0 && (_data$SewerageConnect163 = _data$SewerageConnect162[0]) !== null && _data$SewerageConnect163 !== void 0 && _data$SewerageConnect163.applicationStatus.includes("PENDING_FOR_CITIZEN_ACTION") ? /*#__PURE__*/React.createElement(Link, {
32676
32676
  to: {
32677
32677
  pathname: "/digit-ui/citizen/ws/resubmit-disconnect-application",
32678
32678
  state: {
32679
- 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))
32679
+ 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))
32680
32680
  }
32681
32681
  }
32682
32682
  }, /*#__PURE__*/React.createElement(SubmitBar, {
32683
32683
  label: t("RESUBMIT_APPLICATION"),
32684
32684
  onSubmit: Digit.SessionStorage.set("WS_DISCONNECTION", applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("SW") ? {
32685
- applicationData: data === null || data === void 0 ? void 0 : (_data$SewerageConnect160 = data.SewerageConnections) === null || _data$SewerageConnect160 === void 0 ? void 0 : _data$SewerageConnect160[0],
32685
+ applicationData: data === null || data === void 0 ? void 0 : (_data$SewerageConnect166 = data.SewerageConnections) === null || _data$SewerageConnect166 === void 0 ? void 0 : _data$SewerageConnect166[0],
32686
32686
  serviceType: "SEWERAGE",
32687
32687
  WSDisconnectionForm: {
32688
- 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 ? {
32688
+ 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 ? {
32689
32689
  code: "type",
32690
32690
  value: {
32691
32691
  name: "Temporary",
@@ -32702,18 +32702,18 @@ const WSApplicationDetails = () => {
32702
32702
  code: "Permanent"
32703
32703
  }
32704
32704
  },
32705
- 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),
32705
+ 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),
32706
32706
  reason: {
32707
32707
  code: "reason",
32708
- 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
32708
+ 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
32709
32709
  },
32710
- 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
32710
+ 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
32711
32711
  }
32712
32712
  } : {
32713
- applicationData: data === null || data === void 0 ? void 0 : (_data$WaterConnection165 = data.WaterConnection) === null || _data$WaterConnection165 === void 0 ? void 0 : _data$WaterConnection165[0],
32713
+ applicationData: data === null || data === void 0 ? void 0 : (_data$WaterConnection172 = data.WaterConnection) === null || _data$WaterConnection172 === void 0 ? void 0 : _data$WaterConnection172[0],
32714
32714
  serviceType: "WATER",
32715
32715
  WSDisconnectionForm: {
32716
- 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 ? {
32716
+ 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 ? {
32717
32717
  code: "type",
32718
32718
  value: {
32719
32719
  name: "Temporary",
@@ -32730,12 +32730,12 @@ const WSApplicationDetails = () => {
32730
32730
  code: "Permanent"
32731
32731
  }
32732
32732
  },
32733
- 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),
32733
+ 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),
32734
32734
  reason: {
32735
32735
  code: "reason",
32736
- 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
32736
+ 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
32737
32737
  },
32738
- 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
32738
+ 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
32739
32739
  }
32740
32740
  })
32741
32741
  })) : null)))));
@@ -33078,7 +33078,7 @@ const getConnectionDetailsPDF = function (application, property, tenantInfo, t)
33078
33078
  };
33079
33079
 
33080
33080
  const ConnectionDetails$5 = () => {
33081
- 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;
33081
+ 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;
33082
33082
  const _useTranslation = useTranslation(),
33083
33083
  t = _useTranslation.t;
33084
33084
  const menuRef = useRef();
@@ -33321,11 +33321,6 @@ const ConnectionDetails$5 = () => {
33321
33321
  function onActionSelectRestoration() {
33322
33322
  getRestorationButton();
33323
33323
  }
33324
- function onActionSelectMutation() {
33325
- var _state3, _state4;
33326
- 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";
33327
- history.push(pathname);
33328
- }
33329
33324
  const Close = () => /*#__PURE__*/React.createElement("svg", {
33330
33325
  xmlns: "http://www.w3.org/2000/svg",
33331
33326
  viewBox: "0 0 24 24",
@@ -33353,8 +33348,8 @@ const ConnectionDetails$5 = () => {
33353
33348
  if (isLoading || isPTLoading) {
33354
33349
  return /*#__PURE__*/React.createElement(Loader, null);
33355
33350
  }
33356
- sessionStorage.setItem("ApplicationNoState", (_state5 = state) === null || _state5 === void 0 ? void 0 : _state5.applicationNo);
33357
- let serviceType = (_state6 = state) !== null && _state6 !== void 0 && (_state6$applicationTy = _state6.applicationType) !== null && _state6$applicationTy !== void 0 && _state6$applicationTy.includes("WATER") ? "WATER" : "SEWERAGE";
33351
+ sessionStorage.setItem("ApplicationNoState", (_state3 = state) === null || _state3 === void 0 ? void 0 : _state3.applicationNo);
33352
+ let serviceType = (_state4 = state) !== null && _state4 !== void 0 && (_state4$applicationTy = _state4.applicationType) !== null && _state4$applicationTy !== void 0 && _state4$applicationTy.includes("WATER") ? "WATER" : "SEWERAGE";
33358
33353
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
33359
33354
  className: "cardHeaderWithOptions",
33360
33355
  style: {
@@ -33378,18 +33373,18 @@ const ConnectionDetails$5 = () => {
33378
33373
  }, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(StatusTable, null, /*#__PURE__*/React.createElement(Row, {
33379
33374
  className: "border-none",
33380
33375
  label: t("WS_MYCONNECTIONS_CONSUMER_NO"),
33381
- text: (_state7 = state) === null || _state7 === void 0 ? void 0 : _state7.connectionNo
33376
+ text: (_state5 = state) === null || _state5 === void 0 ? void 0 : _state5.connectionNo
33382
33377
  }), /*#__PURE__*/React.createElement(Row, {
33383
33378
  className: "border-none",
33384
33379
  label: t("WS_SERVICE_NAME_LABEL"),
33385
- text: t("WS_APPLICATION_TYPE_" + ((_state8 = state) === null || _state8 === void 0 ? void 0 : _state8.applicationType)),
33380
+ text: t("WS_APPLICATION_TYPE_" + ((_state6 = state) === null || _state6 === void 0 ? void 0 : _state6.applicationType)),
33386
33381
  textStyle: {
33387
33382
  wordBreak: "break-word"
33388
33383
  }
33389
33384
  }), /*#__PURE__*/React.createElement(Row, {
33390
33385
  className: "border-none",
33391
33386
  label: t("WS_STATUS"),
33392
- text: ((_state9 = state) === null || _state9 === void 0 ? void 0 : _state9.status) || "NA",
33387
+ text: ((_state7 = state) === null || _state7 === void 0 ? void 0 : _state7.status) || "NA",
33393
33388
  textStyle: {
33394
33389
  whiteSpace: "pre"
33395
33390
  }
@@ -33397,127 +33392,127 @@ const ConnectionDetails$5 = () => {
33397
33392
  styles: {
33398
33393
  fontSize: "28px"
33399
33394
  }
33400
- }, t("WS_COMMON_CONNECTION_DETAIL")), /*#__PURE__*/React.createElement(StatusTable, null, ((_state0 = state) === null || _state0 === void 0 ? void 0 : (_state0$applicationTy = _state0.applicationType) === null || _state0$applicationTy === void 0 ? void 0 : _state0$applicationTy.includes("WATER")) && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Row, {
33395
+ }, t("WS_COMMON_CONNECTION_DETAIL")), /*#__PURE__*/React.createElement(StatusTable, null, ((_state8 = state) === null || _state8 === void 0 ? void 0 : (_state8$applicationTy = _state8.applicationType) === null || _state8$applicationTy === void 0 ? void 0 : _state8$applicationTy.includes("WATER")) && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Row, {
33401
33396
  className: "border-none",
33402
33397
  label: t("WS_COMMON_TABLE_COL_CONNECTIONTYPE_LABEL"),
33403
- text: ((_state1 = state) === null || _state1 === void 0 ? void 0 : _state1.connectionType) || t("NA"),
33398
+ text: ((_state9 = state) === null || _state9 === void 0 ? void 0 : _state9.connectionType) || t("NA"),
33404
33399
  textStyle: {
33405
33400
  whiteSpace: "pre"
33406
33401
  }
33407
33402
  }), /*#__PURE__*/React.createElement(Row, {
33408
33403
  className: "border-none",
33409
33404
  label: t("WS_SERV_DETAIL_NO_OF_TAPS"),
33410
- text: (_state10 = state) === null || _state10 === void 0 ? void 0 : _state10.noOfTaps,
33405
+ text: (_state0 = state) === null || _state0 === void 0 ? void 0 : _state0.noOfTaps,
33411
33406
  textStyle: {
33412
33407
  whiteSpace: "pre"
33413
33408
  }
33414
33409
  }), /*#__PURE__*/React.createElement(Row, {
33415
33410
  className: "border-none",
33416
33411
  label: t("WS_PIPE_SIZE_IN_INCHES_LABEL"),
33417
- text: ((_state11 = state) === null || _state11 === void 0 ? void 0 : _state11.pipeSize) || "NA",
33412
+ text: ((_state1 = state) === null || _state1 === void 0 ? void 0 : _state1.pipeSize) || "NA",
33418
33413
  textStyle: {
33419
33414
  whiteSpace: "pre"
33420
33415
  }
33421
- })), ((_state12 = state) === null || _state12 === void 0 ? void 0 : (_state12$applicationT = _state12.applicationType) === null || _state12$applicationT === void 0 ? void 0 : _state12$applicationT.includes("SEWERAGE")) && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Row, {
33416
+ })), ((_state10 = state) === null || _state10 === void 0 ? void 0 : (_state10$applicationT = _state10.applicationType) === null || _state10$applicationT === void 0 ? void 0 : _state10$applicationT.includes("SEWERAGE")) && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Row, {
33422
33417
  className: "border-none",
33423
33418
  label: t("WS_CONN_DETAIL_WATER_CLOSETS"),
33424
- text: (_state13 = state) === null || _state13 === void 0 ? void 0 : _state13.proposedWaterClosets,
33419
+ text: (_state11 = state) === null || _state11 === void 0 ? void 0 : _state11.proposedWaterClosets,
33425
33420
  textStyle: {
33426
33421
  whiteSpace: "pre"
33427
33422
  }
33428
33423
  }), /*#__PURE__*/React.createElement(Row, {
33429
33424
  className: "border-none",
33430
33425
  label: t("WS_SERV_DETAIL_NO_OF_TOILETS"),
33431
- text: ((_state14 = state) === null || _state14 === void 0 ? void 0 : _state14.proposedToilets) || t("CS_NA"),
33426
+ text: ((_state12 = state) === null || _state12 === void 0 ? void 0 : _state12.proposedToilets) || t("CS_NA"),
33432
33427
  textStyle: {
33433
33428
  whiteSpace: "pre"
33434
33429
  }
33435
33430
  }), /*#__PURE__*/React.createElement(Row, {
33436
33431
  className: "border-none",
33437
33432
  label: t("WS_SERV_DETAIL_CONN_EXECUTION_DATE"),
33438
- 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"),
33433
+ 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"),
33439
33434
  textStyle: {
33440
33435
  whiteSpace: "pre"
33441
33436
  }
33442
- })), ((_state17 = state) === null || _state17 === void 0 ? void 0 : (_state17$applicationT = _state17.applicationType) === null || _state17$applicationT === void 0 ? void 0 : _state17$applicationT.includes("WATER")) && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Row, {
33437
+ })), ((_state15 = state) === null || _state15 === void 0 ? void 0 : (_state15$applicationT = _state15.applicationType) === null || _state15$applicationT === void 0 ? void 0 : _state15$applicationT.includes("WATER")) && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Row, {
33443
33438
  className: "border-none",
33444
33439
  label: t("WS_SERV_DETAIL_WATER_SOURCE"),
33445
- 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"),
33440
+ 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"),
33446
33441
  textStyle: {
33447
33442
  whiteSpace: "pre"
33448
33443
  }
33449
33444
  }), /*#__PURE__*/React.createElement(Row, {
33450
33445
  className: "border-none",
33451
33446
  label: t("WS_SERV_DETAIL_WATER_SUB_SOURCE"),
33452
- 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"),
33447
+ 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"),
33453
33448
  textStyle: {
33454
33449
  whiteSpace: "pre"
33455
33450
  }
33456
33451
  }), /*#__PURE__*/React.createElement(Row, {
33457
33452
  className: "border-none",
33458
33453
  label: t("WS_SERV_DETAIL_CONN_EXECUTION_DATE"),
33459
- text: Digit.DateUtils.ConvertEpochToDate((_state21 = state) === null || _state21 === void 0 ? void 0 : _state21.connectionExecutionDate) || t("NA"),
33454
+ text: Digit.DateUtils.ConvertEpochToDate((_state19 = state) === null || _state19 === void 0 ? void 0 : _state19.connectionExecutionDate) || t("NA"),
33460
33455
  textStyle: {
33461
33456
  whiteSpace: "pre"
33462
33457
  }
33463
33458
  }), /*#__PURE__*/React.createElement(Row, {
33464
33459
  className: "border-none",
33465
33460
  label: t("WS_SERV_DETAIL_METER_ID"),
33466
- text: (_state22 = state) === null || _state22 === void 0 ? void 0 : _state22.meterId,
33461
+ text: (_state20 = state) === null || _state20 === void 0 ? void 0 : _state20.meterId,
33467
33462
  textStyle: {
33468
33463
  whiteSpace: "pre"
33469
33464
  }
33470
33465
  }), /*#__PURE__*/React.createElement(Row, {
33471
33466
  className: "border-none",
33472
33467
  label: t("WS_ADDN_DETAIL_METER_INSTALL_DATE"),
33473
- text: Digit.DateUtils.ConvertEpochToDate((_state23 = state) === null || _state23 === void 0 ? void 0 : _state23.meterInstallationDate) || "NA",
33468
+ text: Digit.DateUtils.ConvertEpochToDate((_state21 = state) === null || _state21 === void 0 ? void 0 : _state21.meterInstallationDate) || "NA",
33474
33469
  textStyle: {
33475
33470
  whiteSpace: "pre"
33476
33471
  }
33477
33472
  }), /*#__PURE__*/React.createElement(Row, {
33478
33473
  className: "border-none",
33479
33474
  label: t("WS_ADDN_DETAILS_INITIAL_METER_READING"),
33480
- text: ((_state24 = state) === null || _state24 === void 0 ? void 0 : (_state24$additionalDe = _state24.additionalDetails) === null || _state24$additionalDe === void 0 ? void 0 : _state24$additionalDe.initialMeterReading) || "NA",
33475
+ text: ((_state22 = state) === null || _state22 === void 0 ? void 0 : (_state22$additionalDe = _state22.additionalDetails) === null || _state22$additionalDe === void 0 ? void 0 : _state22$additionalDe.initialMeterReading) || "NA",
33481
33476
  textStyle: {
33482
33477
  whiteSpace: "pre"
33483
33478
  }
33484
- })), ((_state25 = state) === null || _state25 === void 0 ? void 0 : (_state25$applicationT = _state25.applicationType) === null || _state25$applicationT === void 0 ? void 0 : _state25$applicationT.includes("WATER")) && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Row, {
33479
+ })), ((_state23 = state) === null || _state23 === void 0 ? void 0 : (_state23$applicationT = _state23.applicationType) === null || _state23$applicationT === void 0 ? void 0 : _state23$applicationT.includes("WATER")) && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Row, {
33485
33480
  className: "border-none",
33486
33481
  label: t("WS_WATER_DEMAND_TYPE"),
33487
- 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",
33482
+ 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",
33488
33483
  textStyle: {
33489
33484
  whiteSpace: "pre"
33490
33485
  }
33491
33486
  }), /*#__PURE__*/React.createElement(Row, {
33492
33487
  className: "border-none",
33493
33488
  label: t("WS_CATEGORY_TYPE"),
33494
- text: ((_state28 = state) === null || _state28 === void 0 ? void 0 : (_state28$additionalDe = _state28.additionalDetails) === null || _state28$additionalDe === void 0 ? void 0 : _state28$additionalDe.categoryType) || "NA",
33489
+ text: ((_state26 = state) === null || _state26 === void 0 ? void 0 : (_state26$additionalDe = _state26.additionalDetails) === null || _state26$additionalDe === void 0 ? void 0 : _state26$additionalDe.categoryType) || "NA",
33495
33490
  textStyle: {
33496
33491
  whiteSpace: "pre"
33497
33492
  }
33498
33493
  }), /*#__PURE__*/React.createElement(Row, {
33499
33494
  className: "border-none",
33500
33495
  label: t("WS_ZRO_NAME"),
33501
- text: ((_state29 = state) === null || _state29 === void 0 ? void 0 : (_state29$additionalDe = _state29.additionalDetails) === null || _state29$additionalDe === void 0 ? void 0 : _state29$additionalDe.zro) || "NA",
33496
+ text: ((_state27 = state) === null || _state27 === void 0 ? void 0 : (_state27$additionalDe = _state27.additionalDetails) === null || _state27$additionalDe === void 0 ? void 0 : _state27$additionalDe.zro) || "NA",
33502
33497
  textStyle: {
33503
33498
  whiteSpace: "pre"
33504
33499
  }
33505
33500
  }), /*#__PURE__*/React.createElement(Row, {
33506
33501
  className: "border-none",
33507
33502
  label: t("WS_CONNECTION_USAGE_TYPE"),
33508
- 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",
33503
+ 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",
33509
33504
  textStyle: {
33510
33505
  whiteSpace: "pre"
33511
33506
  }
33512
33507
  }), /*#__PURE__*/React.createElement(Row, {
33513
33508
  className: "border-none",
33514
33509
  label: t("WS_TEMPORARY_CONNECTION"),
33515
- text: ((_state31 = state) === null || _state31 === void 0 ? void 0 : (_state31$additionalDe = _state31.additionalDetails) === null || _state31$additionalDe === void 0 ? void 0 : _state31$additionalDe.temporaryConnection) || "NA",
33510
+ text: ((_state29 = state) === null || _state29 === void 0 ? void 0 : (_state29$additionalDe = _state29.additionalDetails) === null || _state29$additionalDe === void 0 ? void 0 : _state29$additionalDe.temporaryConnection) || "NA",
33516
33511
  textStyle: {
33517
33512
  whiteSpace: "pre"
33518
33513
  }
33519
- })), ((_state32 = state) === null || _state32 === void 0 ? void 0 : _state32.connectionType) === "Metered" && /*#__PURE__*/React.createElement(Link, {
33520
- to: "/digit-ui/citizen/ws/consumption/details?applicationNo=" + ((_state33 = state) === null || _state33 === void 0 ? void 0 : _state33.connectionNo)
33514
+ })), ((_state30 = state) === null || _state30 === void 0 ? void 0 : _state30.connectionType) === "Metered" && /*#__PURE__*/React.createElement(Link, {
33515
+ to: "/digit-ui/citizen/ws/consumption/details?applicationNo=" + ((_state31 = state) === null || _state31 === void 0 ? void 0 : _state31.connectionNo)
33521
33516
  }, /*#__PURE__*/React.createElement(LinkButton, {
33522
33517
  style: {
33523
33518
  textAlign: "left",
@@ -33532,11 +33527,11 @@ const ConnectionDetails$5 = () => {
33532
33527
  }, t("WS_COMMON_PROPERTY_DETAILS")), /*#__PURE__*/React.createElement(StatusTable, null, /*#__PURE__*/React.createElement(Row, {
33533
33528
  className: "border-none",
33534
33529
  label: t("WS_PROPERTY_ID_LABEL"),
33535
- text: (_state34 = state) === null || _state34 === void 0 ? void 0 : _state34.propertyId
33530
+ text: (_state32 = state) === null || _state32 === void 0 ? void 0 : _state32.propertyId
33536
33531
  }), /*#__PURE__*/React.createElement(Row, {
33537
33532
  className: "border-none",
33538
33533
  label: t("WS_OWN_DETAIL_OWN_NAME_LABEL"),
33539
- 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(","),
33534
+ 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(","),
33540
33535
  textStyle: {
33541
33536
  whiteSpace: "pre"
33542
33537
  }
@@ -33571,33 +33566,33 @@ const ConnectionDetails$5 = () => {
33571
33566
  }), /*#__PURE__*/React.createElement(Row, {
33572
33567
  className: "border-none",
33573
33568
  label: t("WS_PROPERTY_TYPE"),
33574
- 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"
33569
+ 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"
33575
33570
  }), /*#__PURE__*/React.createElement(Row, {
33576
33571
  className: "border-none",
33577
33572
  label: t("WS_PROPERTY_CATEGORY"),
33578
- 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"
33573
+ 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"
33579
33574
  }), /*#__PURE__*/React.createElement(Row, {
33580
33575
  className: "border-none",
33581
33576
  label: t("WS_PLOT_AREA"),
33582
- text: ((_state38 = state) === null || _state38 === void 0 ? void 0 : (_state38$additionalDe = _state38.additionalDetails) === null || _state38$additionalDe === void 0 ? void 0 : _state38$additionalDe.plotArea) || "NA"
33577
+ text: ((_state36 = state) === null || _state36 === void 0 ? void 0 : (_state36$additionalDe = _state36.additionalDetails) === null || _state36$additionalDe === void 0 ? void 0 : _state36$additionalDe.plotArea) || "NA"
33583
33578
  }), /*#__PURE__*/React.createElement(Row, {
33584
33579
  className: "border-none",
33585
33580
  label: t("WS_BUILT_UP_AREA"),
33586
- text: ((_state39 = state) === null || _state39 === void 0 ? void 0 : (_state39$additionalDe = _state39.additionalDetails) === null || _state39$additionalDe === void 0 ? void 0 : _state39$additionalDe.builtUpArea) || "NA"
33581
+ text: ((_state37 = state) === null || _state37 === void 0 ? void 0 : (_state37$additionalDe = _state37.additionalDetails) === null || _state37$additionalDe === void 0 ? void 0 : _state37$additionalDe.builtUpArea) || "NA"
33587
33582
  }), /*#__PURE__*/React.createElement(Row, {
33588
33583
  className: "border-none",
33589
33584
  label: t("WS_NO_OF_FLOORS"),
33590
- text: ((_state40 = state) === null || _state40 === void 0 ? void 0 : (_state40$additionalDe = _state40.additionalDetails) === null || _state40$additionalDe === void 0 ? void 0 : _state40$additionalDe.noOfFloors) || "NA"
33585
+ text: ((_state38 = state) === null || _state38 === void 0 ? void 0 : (_state38$additionalDe = _state38.additionalDetails) === null || _state38$additionalDe === void 0 ? void 0 : _state38$additionalDe.noOfFloors) || "NA"
33591
33586
  }), /*#__PURE__*/React.createElement(Row, {
33592
33587
  className: "border-none",
33593
33588
  label: t("WS_NO_OF_DWELLING_UNITS"),
33594
- text: ((_state41 = state) === null || _state41 === void 0 ? void 0 : (_state41$additionalDe = _state41.additionalDetails) === null || _state41$additionalDe === void 0 ? void 0 : _state41$additionalDe.NumberofDwellingUnits) || "NA"
33589
+ text: ((_state39 = state) === null || _state39 === void 0 ? void 0 : (_state39$additionalDe = _state39.additionalDetails) === null || _state39$additionalDe === void 0 ? void 0 : _state39$additionalDe.NumberofDwellingUnits) || "NA"
33595
33590
  }), /*#__PURE__*/React.createElement(Row, {
33596
33591
  className: "border-none",
33597
33592
  label: t("WS_LOCALITY"),
33598
- text: ((_state42 = state) === null || _state42 === void 0 ? void 0 : (_state42$additionalDe = _state42.additionalDetails) === null || _state42$additionalDe === void 0 ? void 0 : _state42$additionalDe.locality) || "NA"
33593
+ text: ((_state40 = state) === null || _state40 === void 0 ? void 0 : (_state40$additionalDe = _state40.additionalDetails) === null || _state40$additionalDe === void 0 ? void 0 : _state40$additionalDe.locality) || "NA"
33599
33594
  }), /*#__PURE__*/React.createElement(Link, {
33600
- 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)
33595
+ 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)
33601
33596
  }, /*#__PURE__*/React.createElement(LinkButton, {
33602
33597
  style: {
33603
33598
  textAlign: "left",
@@ -33609,10 +33604,10 @@ const ConnectionDetails$5 = () => {
33609
33604
  styles: {
33610
33605
  fontSize: "28px"
33611
33606
  }
33612
- }, t("WS_COMMON_CONNECTION_HOLDER_DETAILS_HEADER")), (_state45 = state) !== null && _state45 !== void 0 && _state45.connectionHolders ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(StatusTable, null, /*#__PURE__*/React.createElement(Row, {
33607
+ }, t("WS_COMMON_CONNECTION_HOLDER_DETAILS_HEADER")), (_state43 = state) !== null && _state43 !== void 0 && _state43.connectionHolders ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(StatusTable, null, /*#__PURE__*/React.createElement(Row, {
33613
33608
  className: "border-none",
33614
33609
  label: t("WS_OWN_DETAIL_OWN_NAME_LABEL"),
33615
- 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,
33610
+ 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,
33616
33611
  textStyle: {
33617
33612
  whiteSpace: "pre"
33618
33613
  }
@@ -33738,32 +33733,32 @@ const ConnectionDetails$5 = () => {
33738
33733
  }, t("WS_COMMON_BANK_DETAILS")), /*#__PURE__*/React.createElement(StatusTable, null, /*#__PURE__*/React.createElement(Row, {
33739
33734
  className: "border-none",
33740
33735
  label: t("WS_BANK_NAME"),
33741
- text: ((_state47 = state) === null || _state47 === void 0 ? void 0 : (_state47$additionalDe = _state47.additionalDetails) === null || _state47$additionalDe === void 0 ? void 0 : _state47$additionalDe.bankName) || "NA"
33736
+ text: ((_state45 = state) === null || _state45 === void 0 ? void 0 : (_state45$additionalDe = _state45.additionalDetails) === null || _state45$additionalDe === void 0 ? void 0 : _state45$additionalDe.bankName) || "NA"
33742
33737
  }), /*#__PURE__*/React.createElement(Row, {
33743
33738
  className: "border-none",
33744
33739
  label: t("WS_BANK_BRANCH_NAME"),
33745
- text: ((_state48 = state) === null || _state48 === void 0 ? void 0 : (_state48$additionalDe = _state48.additionalDetails) === null || _state48$additionalDe === void 0 ? void 0 : _state48$additionalDe.bankBranchName) || "NA"
33740
+ text: ((_state46 = state) === null || _state46 === void 0 ? void 0 : (_state46$additionalDe = _state46.additionalDetails) === null || _state46$additionalDe === void 0 ? void 0 : _state46$additionalDe.bankBranchName) || "NA"
33746
33741
  }), /*#__PURE__*/React.createElement(Row, {
33747
33742
  className: "border-none",
33748
33743
  label: t("WS_BANK_ACCOUNT_NUMBER"),
33749
- 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"
33744
+ 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"
33750
33745
  }), /*#__PURE__*/React.createElement(Row, {
33751
33746
  className: "border-none",
33752
33747
  label: t("WS_BANK_IFSC_CODE"),
33753
- text: ((_state51 = state) === null || _state51 === void 0 ? void 0 : (_state51$additionalDe = _state51.additionalDetails) === null || _state51$additionalDe === void 0 ? void 0 : _state51$additionalDe.ifscCode) || "NA"
33748
+ text: ((_state49 = state) === null || _state49 === void 0 ? void 0 : (_state49$additionalDe = _state49.additionalDetails) === null || _state49$additionalDe === void 0 ? void 0 : _state49$additionalDe.ifscCode) || "NA"
33754
33749
  })), /*#__PURE__*/React.createElement(CardHeader, {
33755
33750
  styles: {
33756
33751
  fontSize: "28px"
33757
33752
  }
33758
- }, 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) => {
33759
- var _doc$documentType, _state54, _state55;
33753
+ }, 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) => {
33754
+ var _doc$documentType, _state52, _state53;
33760
33755
  return /*#__PURE__*/React.createElement("div", {
33761
33756
  key: "doc-" + index
33762
33757
  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardSectionHeader, null, t(doc === null || doc === void 0 ? void 0 : (_doc$documentType = doc.documentType) === null || _doc$documentType === void 0 ? void 0 : _doc$documentType.split(".").slice(0, 2).join("_"))), /*#__PURE__*/React.createElement(StatusTable, null, /*#__PURE__*/React.createElement(WSDocument, {
33763
- value: (_state54 = state) === null || _state54 === void 0 ? void 0 : _state54.documents,
33758
+ value: (_state52 = state) === null || _state52 === void 0 ? void 0 : _state52.documents,
33764
33759
  Code: doc === null || doc === void 0 ? void 0 : doc.documentType,
33765
33760
  index: index
33766
- }), ((_state55 = state) === null || _state55 === void 0 ? void 0 : _state55.documents.length) != index + 1 ? /*#__PURE__*/React.createElement("hr", {
33761
+ }), ((_state53 = state) === null || _state53 === void 0 ? void 0 : _state53.documents.length) != index + 1 ? /*#__PURE__*/React.createElement("hr", {
33767
33762
  style: {
33768
33763
  color: "#cccccc",
33769
33764
  backgroundColor: "#cccccc",
@@ -33772,7 +33767,7 @@ const ConnectionDetails$5 = () => {
33772
33767
  marginBottom: "20px"
33773
33768
  }
33774
33769
  }) : null)));
33775
- })), (((_state56 = state) === null || _state56 === void 0 ? void 0 : _state56.status) !== "inactive" || ((_state57 = state) === null || _state57 === void 0 ? void 0 : _state57.applicationStatus) !== "Inactive" || ((_state58 = state) === null || _state58 === void 0 ? void 0 : _state58.applicationStatus) !== "INACTIVE") && !isDisconnectionDone ? /*#__PURE__*/React.createElement(ActionBar, {
33770
+ })), (((_state54 = state) === null || _state54 === void 0 ? void 0 : _state54.status) !== "inactive" || ((_state55 = state) === null || _state55 === void 0 ? void 0 : _state55.applicationStatus) !== "Inactive" || ((_state56 = state) === null || _state56 === void 0 ? void 0 : _state56.applicationStatus) !== "INACTIVE") && !isDisconnectionDone ? /*#__PURE__*/React.createElement(ActionBar, {
33776
33771
  style: {
33777
33772
  position: "relative",
33778
33773
  boxShadow: "none",
@@ -33787,23 +33782,13 @@ const ConnectionDetails$5 = () => {
33787
33782
  style: {
33788
33783
  width: "100%"
33789
33784
  }
33790
- }, /*#__PURE__*/React.createElement(SubmitBar, {
33791
- style: {
33792
- width: "100%"
33793
- },
33794
- label: t("WS_MUTATION_BUTTON"),
33795
- onSubmit: onActionSelectMutation
33796
- })), /*#__PURE__*/React.createElement("div", {
33797
- style: {
33798
- width: "100%"
33799
- }
33800
33785
  }, /*#__PURE__*/React.createElement(SubmitBar, {
33801
33786
  style: {
33802
33787
  width: "100%"
33803
33788
  },
33804
33789
  label: t("WS_DISCONNECTION_BUTTON"),
33805
33790
  onSubmit: onActionSelect
33806
- }))) : ((_state59 = state) === null || _state59 === void 0 ? void 0 : _state59.applicationStatus) == "DISCONNECTION_EXECUTED" && ((_state60 = state) === null || _state60 === void 0 ? void 0 : _state60.status) == "Inactive" && ((_state61 = state) === null || _state61 === void 0 ? void 0 : _state61.isDisconnectionTemporary) && /*#__PURE__*/React.createElement(ActionBar, {
33791
+ }))) : ((_state57 = state) === null || _state57 === void 0 ? void 0 : _state57.applicationStatus) == "DISCONNECTION_EXECUTED" && ((_state58 = state) === null || _state58 === void 0 ? void 0 : _state58.status) == "Inactive" && ((_state59 = state) === null || _state59 === void 0 ? void 0 : _state59.isDisconnectionTemporary) && /*#__PURE__*/React.createElement(ActionBar, {
33807
33792
  style: {
33808
33793
  position: "relative",
33809
33794
  boxShadow: "none",
@@ -33835,8 +33820,8 @@ const ConnectionDetails$5 = () => {
33835
33820
  actionSingleLabel: t("COMMON_MAKE_PAYMENT"),
33836
33821
  hideSubmit: true,
33837
33822
  actionSingleSubmit: () => {
33838
- var _state62, _state63;
33839
- 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");
33823
+ var _state60, _state61;
33824
+ 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");
33840
33825
  setshowModal(false);
33841
33826
  },
33842
33827
  popupStyles: mobileView ? {
@@ -44913,7 +44898,7 @@ function PropertyDocuments(_ref) {
44913
44898
  });
44914
44899
  });
44915
44900
  const allChecked = requiredDocsCount === 0 || checkedCount === requiredDocsCount;
44916
- const isDocVerifState = !applicationStatus || applicationStatus === "PENDING_FOR_DOCUMENT_VERIFICATION";
44901
+ const isDocVerifState = !applicationStatus || applicationStatus === "PENDING_FOR_DOCUMENT_VERIFICATION" || applicationStatus === "PENDING_APPROVAL_FOR_MUTATION";
44917
44902
  const finalVerified = isDocVerifState ? allChecked : true;
44918
44903
  window.isDocumentsVerified = finalVerified;
44919
44904
  window.dispatchEvent(new CustomEvent("DOCUMENTS_VERIFIED", {
@@ -45149,7 +45134,7 @@ function PropertyDocuments(_ref) {
45149
45134
  style: {
45150
45135
  cursor: "pointer"
45151
45136
  }
45152
- }, /*#__PURE__*/React.createElement(ViewsIcon, null)), !isPhoto && ((_ref3, _checkedMap$value$fil2, _value$originalDoc2, _value$originalDoc3, _value$originalDoc4) => {
45137
+ }, /*#__PURE__*/React.createElement(ViewsIcon, null)), !isPhoto && ((_ref3, _checkedMap$value$fil2, _value$originalDoc2, _value$originalDoc3, _ref4, _checkedMap$value$fil3, _value$originalDoc4) => {
45153
45138
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
45154
45139
  onClick: () => {
45155
45140
  if (fileUrl) {
@@ -45198,10 +45183,10 @@ function PropertyDocuments(_ref) {
45198
45183
  width: "18px",
45199
45184
  height: "18px",
45200
45185
  accentColor: "#F47738",
45201
- cursor: applicationStatus && applicationStatus !== "PENDING_FOR_DOCUMENT_VERIFICATION" ? "not-allowed" : "pointer"
45186
+ cursor: applicationStatus && applicationStatus !== "PENDING_FOR_DOCUMENT_VERIFICATION" && applicationStatus !== "PENDING_APPROVAL_FOR_MUTATION" ? "not-allowed" : "pointer"
45202
45187
  },
45203
- disabled: applicationStatus && applicationStatus !== "PENDING_FOR_DOCUMENT_VERIFICATION",
45204
- defaultChecked: value === null || value === void 0 ? void 0 : (_value$originalDoc4 = value.originalDoc) === null || _value$originalDoc4 === void 0 ? void 0 : _value$originalDoc4.isVerified,
45188
+ disabled: applicationStatus && applicationStatus !== "PENDING_FOR_DOCUMENT_VERIFICATION" && applicationStatus !== "PENDING_APPROVAL_FOR_MUTATION" && applicationStatus !== "ACTIVATE_MUTATION",
45189
+ 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),
45205
45190
  onChange: e => {
45206
45191
  const checked = e.target.checked;
45207
45192
  if (value !== null && value !== void 0 && value.originalDoc) {
@@ -46581,6 +46566,7 @@ function ApplicationDetailsContent(_ref) {
46581
46566
  workflowDetails = _ref.workflowDetails,
46582
46567
  isDataLoading = _ref.isDataLoading,
46583
46568
  applicationData = _ref.applicationData,
46569
+ businessService = _ref.businessService,
46584
46570
  timelineStatusPrefix = _ref.timelineStatusPrefix,
46585
46571
  _ref$showTimeLine = _ref.showTimeLine,
46586
46572
  showTimeLine = _ref$showTimeLine === void 0 ? true : _ref$showTimeLine,
@@ -46856,7 +46842,7 @@ function ApplicationDetailsContent(_ref) {
46856
46842
  infoClickInfoLabel: getClickInfoDetails(),
46857
46843
  infoClickInfoLabel1: getClickInfoDetails1()
46858
46844
  }) : null, applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a = applicationDetails.applicationDetails) === null || _applicationDetails$a === void 0 ? void 0 : _applicationDetails$a.map((detail, index) => {
46859
- 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;
46845
+ 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;
46860
46846
  return /*#__PURE__*/React.createElement(React.Fragment, {
46861
46847
  key: index
46862
46848
  }, /*#__PURE__*/React.createElement("div", {
@@ -47087,9 +47073,9 @@ function ApplicationDetailsContent(_ref) {
47087
47073
  }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet17 = detail.additionalDetails) === null || _detail$additionalDet17 === void 0 ? void 0 : _detail$additionalDet17.documents) && /*#__PURE__*/React.createElement(PropertyDocuments, {
47088
47074
  documents: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet18 = detail.additionalDetails) === null || _detail$additionalDet18 === void 0 ? void 0 : _detail$additionalDet18.documents,
47089
47075
  applicationStatus: applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus
47090
- }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet19 = detail.additionalDetails) === null || _detail$additionalDet19 === void 0 ? void 0 : _detail$additionalDet19.documents) && ["PENDING_FOR_FIELD_INSPECTION", "PENDING_APPROVAL_FOR_CONNECTION", "PENDING_FOR_CONNECTION_ACTIVATION", "PENDING_FOR_RECONNECTION", "PENDING_FOR_DUE_VERIFICATION", "PENDING_FOR_BILLING_CLERK_REVIEW", "PENDING_FOR_ASO_APPROVAL", "PENDING_FOR_ZRO_APPROVAL", "PENDING_FOR_AE_APPROVAL", "PENDING_FOR_FINAL_PAYMENT", "CONNECTION_ACTIVATED", "PENDING_FOR_CONNECTION_ACTIVATION"].includes(applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) && /*#__PURE__*/React.createElement(DueVerification, {
47076
+ }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet19 = detail.additionalDetails) === null || _detail$additionalDet19 === void 0 ? void 0 : _detail$additionalDet19.documents) && !(applicationData !== null && applicationData !== void 0 && (_applicationData$appl = applicationData.applicationType) !== null && _applicationData$appl !== void 0 && _applicationData$appl.includes("MUTATION")) && !(businessService !== null && businessService !== void 0 && businessService.includes("MUTATION")) && ["PENDING_FOR_FIELD_INSPECTION", "PENDING_APPROVAL_FOR_CONNECTION", "PENDING_FOR_CONNECTION_ACTIVATION", "PENDING_FOR_RECONNECTION", "PENDING_FOR_DUE_VERIFICATION", "PENDING_FOR_BILLING_CLERK_REVIEW", "PENDING_FOR_ASO_APPROVAL", "PENDING_FOR_ZRO_APPROVAL", "PENDING_FOR_AE_APPROVAL", "PENDING_FOR_FINAL_PAYMENT", "CONNECTION_ACTIVATED", "PENDING_FOR_CONNECTION_ACTIVATION"].includes(applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) && /*#__PURE__*/React.createElement(DueVerification, {
47091
47077
  applicationData: applicationData
47092
- }), " ", (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet20 = detail.additionalDetails) === null || _detail$additionalDet20 === void 0 ? void 0 : _detail$additionalDet20.documents) && ["PENDING_FOR_FIELD_INSPECTION", "PENDING_FOR_BILLING_CLERK_REVIEW", "PENDING_FOR_ASO_APPROVAL", "PENDING_FOR_ZRO_APPROVAL", "PENDING_FOR_AE_APPROVAL", "PENDING_FOR_FINAL_PAYMENT", "CONNECTION_ACTIVATED", "PENDING_FOR_CONNECTION_ACTIVATION"].includes(applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) && /*#__PURE__*/React.createElement(InspectionInformation, {
47078
+ }), " ", (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet20 = detail.additionalDetails) === null || _detail$additionalDet20 === void 0 ? void 0 : _detail$additionalDet20.documents) && !(applicationData !== null && applicationData !== void 0 && (_applicationData$appl2 = applicationData.applicationType) !== null && _applicationData$appl2 !== void 0 && _applicationData$appl2.includes("MUTATION")) && !(businessService !== null && businessService !== void 0 && businessService.includes("MUTATION")) && ["PENDING_FOR_FIELD_INSPECTION", "PENDING_FOR_BILLING_CLERK_REVIEW", "PENDING_FOR_ASO_APPROVAL", "PENDING_FOR_ZRO_APPROVAL", "PENDING_FOR_AE_APPROVAL", "PENDING_FOR_FINAL_PAYMENT", "CONNECTION_ACTIVATED", "PENDING_FOR_CONNECTION_ACTIVATION"].includes(applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) && /*#__PURE__*/React.createElement(InspectionInformation, {
47093
47079
  applicationData: applicationData
47094
47080
  }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet21 = detail.additionalDetails) === null || _detail$additionalDet21 === void 0 ? void 0 : _detail$additionalDet21.taxHeadEstimatesCalculation) && /*#__PURE__*/React.createElement(PropertyEstimates, {
47095
47081
  taxHeadEstimatesCalculation: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet22 = detail.additionalDetails) === null || _detail$additionalDet22 === void 0 ? void 0 : _detail$additionalDet22.taxHeadEstimatesCalculation
@@ -48220,16 +48206,16 @@ const ApplicationDetails$1 = () => {
48220
48206
  };
48221
48207
 
48222
48208
  const GetConnectionDetails = () => {
48223
- 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;
48209
+ 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;
48224
48210
  const getBillSearch = function () {
48225
48211
  try {
48226
- const _temp = function (_applicationDetails$f0) {
48227
- if ((applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$f0 = applicationDetails.fetchBillsData) === null || _applicationDetails$f0 === void 0 ? void 0 : _applicationDetails$f0.length) > 0) {
48228
- var _applicationDetails$a22;
48212
+ const _temp = function (_applicationDetails$f8) {
48213
+ if ((applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$f8 = applicationDetails.fetchBillsData) === null || _applicationDetails$f8 === void 0 ? void 0 : _applicationDetails$f8.length) > 0) {
48214
+ var _applicationDetails$a21;
48229
48215
  const service = serviceType === "WATER" ? "WS" : "SW";
48230
48216
  let wsSearchFilters = {
48231
48217
  isConnectionSearch: true,
48232
- connectionNumber: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a22 = applicationDetails.applicationData) === null || _applicationDetails$a22 === void 0 ? void 0 : _applicationDetails$a22.connectionNo
48218
+ connectionNumber: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a21 = applicationDetails.applicationData) === null || _applicationDetails$a21 === void 0 ? void 0 : _applicationDetails$a21.connectionNo
48233
48219
  };
48234
48220
  return Promise.resolve(Digit.WSService.search({
48235
48221
  tenantId,
@@ -48242,8 +48228,8 @@ const GetConnectionDetails = () => {
48242
48228
  bussinessService: service
48243
48229
  };
48244
48230
  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) {
48245
- var _applicationDetails$a23;
48246
- downloadAndOpenPdf(applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a23 = applicationDetails.applicationData) === null || _applicationDetails$a23 === void 0 ? void 0 : _applicationDetails$a23.connectionNo, filters);
48231
+ var _applicationDetails$a22;
48232
+ downloadAndOpenPdf(applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a22 = applicationDetails.applicationData) === null || _applicationDetails$a22 === void 0 ? void 0 : _applicationDetails$a22.connectionNo, filters);
48247
48233
  }
48248
48234
  });
48249
48235
  }
@@ -48272,7 +48258,7 @@ const GetConnectionDetails = () => {
48272
48258
  showOptions = _useState3[0],
48273
48259
  setShowOptions = _useState3[1];
48274
48260
  const stateCode = Digit.ULBService.getStateId();
48275
- const actionConfig = ["MODIFY_CONNECTION_BUTTON", "MUTATION_BUTTON", "BILL_AMENDMENT_BUTTON", "DISCONNECTION_BUTTON"];
48261
+ const actionConfig = ["MODIFY_CONNECTION_BUTTON", "BILL_AMENDMENT_BUTTON", "DISCONNECTION_BUTTON"];
48276
48262
  const _Digit$Hooks$ws$useCo = Digit.Hooks.ws.useConnectionDetail(t, tenantId, applicationNumber, serviceType, {
48277
48263
  privacy: Digit.Utils.getPrivacyObject()
48278
48264
  }),
@@ -48374,29 +48360,8 @@ const GetConnectionDetails = () => {
48374
48360
  data: applicationDetails
48375
48361
  }));
48376
48362
  };
48377
- const getMutationButton = () => {
48378
- var _applicationDetails$f3, _applicationDetails$f4, _applicationDetails$a16, _applicationDetails$p2;
48379
- if (!checkApplicationStatus) {
48380
- setshowActionToast({
48381
- key: "error",
48382
- label: "CONN_NOT_ACTIVE"
48383
- });
48384
- return;
48385
- }
48386
- 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) {
48387
- setshowActionToast({
48388
- key: "error",
48389
- label: "WS_DUE_AMOUNT_SHOULD_BE_ZERO"
48390
- });
48391
- return;
48392
- }
48393
- 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";
48394
- history.push("" + pathname, JSON.stringify({
48395
- data: applicationDetails
48396
- }));
48397
- };
48398
48363
  const getBillAmendmentButton = () => {
48399
- var _demandData$Demands, _applicationDetails$a17;
48364
+ var _demandData$Demands, _applicationDetails$a16;
48400
48365
  let isBillAmendNotApplicable = false;
48401
48366
  billData === null || billData === void 0 ? void 0 : billData.map(bill => {
48402
48367
  if ((bill === null || bill === void 0 ? void 0 : bill.status) === "INWORKFLOW") {
@@ -48417,7 +48382,7 @@ const GetConnectionDetails = () => {
48417
48382
  });
48418
48383
  return;
48419
48384
  }
48420
- 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({
48385
+ 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({
48421
48386
  data: applicationDetails
48422
48387
  }));
48423
48388
  };
@@ -48437,9 +48402,9 @@ const GetConnectionDetails = () => {
48437
48402
  label: "WORKFLOW_IN_PROGRESS"
48438
48403
  });
48439
48404
  } else {
48440
- var _billData$, _applicationDetails$f5;
48405
+ var _billData$, _applicationDetails$f3;
48441
48406
  console.log("due", due, applicationDetails);
48442
- 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) {
48407
+ 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) {
48443
48408
  Digit.SessionStorage.set("WS_DISCONNECTION", applicationDetails);
48444
48409
  history.push("" + pathname);
48445
48410
  } else {
@@ -48455,8 +48420,8 @@ const GetConnectionDetails = () => {
48455
48420
  label: "WORKFLOW_IN_PROGRESS"
48456
48421
  });
48457
48422
  } else {
48458
- var _billData$2, _applicationDetails$f6;
48459
- 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") {
48423
+ var _billData$2, _applicationDetails$f4;
48424
+ 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") {
48460
48425
  Digit.SessionStorage.set("WS_DISCONNECTION", applicationDetails);
48461
48426
  history.push("" + pathname);
48462
48427
  } else {
@@ -48467,8 +48432,6 @@ const GetConnectionDetails = () => {
48467
48432
  function onActionSelect(action) {
48468
48433
  if (action === "MODIFY_CONNECTION_BUTTON") {
48469
48434
  getModifyConnectionButton();
48470
- } else if (action === "MUTATION_BUTTON") {
48471
- getMutationButton();
48472
48435
  } else if (action === "BILL_AMENDMENT_BUTTON") {
48473
48436
  getBillAmendmentButton();
48474
48437
  } else if (action === "DISCONNECTION_BUTTON") {
@@ -48477,7 +48440,7 @@ const GetConnectionDetails = () => {
48477
48440
  getRestorationButton();
48478
48441
  }
48479
48442
  }
48480
- 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;
48443
+ 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;
48481
48444
  const showAction = checkApplicationStatusForDisconnection ? actionConfig : actionConfig.filter(item => item !== "DISCONNECTION_BUTTON");
48482
48445
  const showActionRestoration = ["RESTORATION_BUTTON"];
48483
48446
  let dowloadOptions = [];
@@ -48491,7 +48454,7 @@ const GetConnectionDetails = () => {
48491
48454
  label: t("WS_CONNECTION_DETAILS"),
48492
48455
  onClick: () => downloadConnectionDetails()
48493
48456
  };
48494
- 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];
48457
+ 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];
48495
48458
  const Close = () => /*#__PURE__*/React.createElement("svg", {
48496
48459
  xmlns: "http://www.w3.org/2000/svg",
48497
48460
  viewBox: "0 0 24 24",
@@ -48540,7 +48503,7 @@ const GetConnectionDetails = () => {
48540
48503
  isDataLoading: isLoading,
48541
48504
  applicationData: applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationData,
48542
48505
  mutate: mutate,
48543
- 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,
48506
+ 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,
48544
48507
  moduleCode: "WS",
48545
48508
  showToast: showToast,
48546
48509
  setShowToast: setShowToast,
@@ -48558,7 +48521,7 @@ const GetConnectionDetails = () => {
48558
48521
  ref: actionMenuRef,
48559
48522
  label: t("WF_TAKE_ACTION"),
48560
48523
  onSubmit: () => setDisplayMenu(!displayMenu)
48561
- })) : applicationDetails !== null && applicationDetails !== void 0 && (_applicationDetails$a19 = applicationDetails.applicationData) !== null && _applicationDetails$a19 !== void 0 && _applicationDetails$a19.isDisconnectionTemporary && (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a20 = applicationDetails.applicationData) === null || _applicationDetails$a20 === void 0 ? void 0 : _applicationDetails$a20.status) !== "Active" && (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a21 = applicationDetails.applicationData) === null || _applicationDetails$a21 === void 0 ? void 0 : _applicationDetails$a21.applicationStatus) == "DISCONNECTION_EXECUTED" ? /*#__PURE__*/React.createElement(ActionBar, null, displayMenu ? /*#__PURE__*/React.createElement(Menu, {
48524
+ })) : applicationDetails !== null && applicationDetails !== void 0 && (_applicationDetails$a18 = applicationDetails.applicationData) !== null && _applicationDetails$a18 !== void 0 && _applicationDetails$a18.isDisconnectionTemporary && (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a19 = applicationDetails.applicationData) === null || _applicationDetails$a19 === void 0 ? void 0 : _applicationDetails$a19.status) !== "Active" && (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a20 = applicationDetails.applicationData) === null || _applicationDetails$a20 === void 0 ? void 0 : _applicationDetails$a20.applicationStatus) == "DISCONNECTION_EXECUTED" ? /*#__PURE__*/React.createElement(ActionBar, null, displayMenu ? /*#__PURE__*/React.createElement(Menu, {
48562
48525
  options: showActionRestoration,
48563
48526
  localeKeyPrefix: "WS",
48564
48527
  t: t,
@@ -48614,7 +48577,7 @@ const GetConnectionDetails = () => {
48614
48577
  className: "modal-header-ws"
48615
48578
  }, t("WS_CLEAR_DUES_DISCONNECTION_SUB_HEADER_LABEL"), " "), /*#__PURE__*/React.createElement("div", {
48616
48579
  className: "modal-body-ws"
48617
- }, /*#__PURE__*/React.createElement("span", null, t("WS_COMMON_TABLE_COL_AMT_DUE_LABEL"), ": \u20B9", due ? due : applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$f8 = applicationDetails.fetchBillsData) === null || _applicationDetails$f8 === void 0 ? void 0 : (_applicationDetails$f9 = _applicationDetails$f8[0]) === null || _applicationDetails$f9 === void 0 ? void 0 : _applicationDetails$f9.totalAmount))) : null, showActionToast && /*#__PURE__*/React.createElement(Toast, {
48580
+ }, /*#__PURE__*/React.createElement("span", null, t("WS_COMMON_TABLE_COL_AMT_DUE_LABEL"), ": \u20B9", due ? due : applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$f6 = applicationDetails.fetchBillsData) === null || _applicationDetails$f6 === void 0 ? void 0 : (_applicationDetails$f7 = _applicationDetails$f6[0]) === null || _applicationDetails$f7 === void 0 ? void 0 : _applicationDetails$f7.totalAmount))) : null, showActionToast && /*#__PURE__*/React.createElement(Toast, {
48618
48581
  error: showActionToast.key,
48619
48582
  label: t("" + showActionToast.label),
48620
48583
  onClose: closeBillToast
@@ -50400,10 +50363,198 @@ const EditModifyApplication = () => {
50400
50363
  }));
50401
50364
  };
50402
50365
 
50366
+ const Step1_SearchConnection = _ref => {
50367
+ let defaultKNumber = _ref.defaultKNumber,
50368
+ onNext = _ref.onNext;
50369
+ const _useState = useState(defaultKNumber || ""),
50370
+ kNumber = _useState[0],
50371
+ setKNumber = _useState[1];
50372
+ const _useState2 = useState(false),
50373
+ isLoading = _useState2[0],
50374
+ setIsLoading = _useState2[1];
50375
+ const _useState3 = useState(null),
50376
+ showToast = _useState3[0],
50377
+ setShowToast = _useState3[1];
50378
+ const handleSendOtp = function () {
50379
+ try {
50380
+ if (!kNumber) {
50381
+ setShowToast({
50382
+ key: "warning",
50383
+ message: "Please enter K Number / Connection ID"
50384
+ });
50385
+ return Promise.resolve();
50386
+ }
50387
+ setIsLoading(true);
50388
+ return Promise.resolve(_catch(function () {
50389
+ const tenantId = Digit.ULBService.getCurrentTenantId() || "dl";
50390
+ const params = {
50391
+ connectionNumber: kNumber,
50392
+ isConnectionSearch: true
50393
+ };
50394
+ let detectedServiceType = "WATER";
50395
+ return Promise.resolve(Digit.WSService.search({
50396
+ tenantId,
50397
+ filters: params,
50398
+ businessService: "WS"
50399
+ }).catch(() => null)).then(function (wsResponse) {
50400
+ var _wsResponse$WaterConn;
50401
+ function _temp2() {
50402
+ var _connection, _connection$connectio, _connection$connectio2, _connection2;
50403
+ if (!connection) {
50404
+ setIsLoading(false);
50405
+ setShowToast({
50406
+ key: "error",
50407
+ message: "Connection not found for the given K Number"
50408
+ });
50409
+ return;
50410
+ }
50411
+ 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);
50412
+ if (!fetchedMobileNumber || fetchedMobileNumber.length !== 10) {
50413
+ setIsLoading(false);
50414
+ setShowToast({
50415
+ key: "error",
50416
+ message: "No valid registered mobile number found for this connection"
50417
+ });
50418
+ return;
50419
+ }
50420
+ const userType = Digit.UserService.getType().toUpperCase();
50421
+ const payload = {
50422
+ otp: {
50423
+ mobileNumber: fetchedMobileNumber,
50424
+ tenantId: "dl",
50425
+ type: "register",
50426
+ userType: userType
50427
+ }
50428
+ };
50429
+ return Promise.resolve(Digit.UserService.sendOtp(payload, "dl")).then(function () {
50430
+ setIsLoading(false);
50431
+ onNext({
50432
+ kNumber,
50433
+ mobileNumber: fetchedMobileNumber,
50434
+ serviceType: detectedServiceType
50435
+ });
50436
+ });
50437
+ }
50438
+ let connection = wsResponse === null || wsResponse === void 0 ? void 0 : (_wsResponse$WaterConn = wsResponse.WaterConnection) === null || _wsResponse$WaterConn === void 0 ? void 0 : _wsResponse$WaterConn[0];
50439
+ const _temp = function () {
50440
+ if (!connection) {
50441
+ return Promise.resolve(Digit.WSService.search({
50442
+ tenantId,
50443
+ filters: params,
50444
+ businessService: "SW"
50445
+ }).catch(() => null)).then(function (swResponse) {
50446
+ var _swResponse$SewerageC;
50447
+ connection = swResponse === null || swResponse === void 0 ? void 0 : (_swResponse$SewerageC = swResponse.SewerageConnections) === null || _swResponse$SewerageC === void 0 ? void 0 : _swResponse$SewerageC[0];
50448
+ if (connection) detectedServiceType = "SEWERAGE";
50449
+ });
50450
+ }
50451
+ }();
50452
+ return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
50453
+ });
50454
+ }, function (err) {
50455
+ var _err$response, _err$response$data, _err$response$data$Er, _err$response$data$Er2;
50456
+ setIsLoading(false);
50457
+ setShowToast({
50458
+ key: "error",
50459
+ 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"
50460
+ });
50461
+ }));
50462
+ } catch (e) {
50463
+ return Promise.reject(e);
50464
+ }
50465
+ };
50466
+ return /*#__PURE__*/React.createElement(Card, {
50467
+ style: {
50468
+ marginBottom: "20px"
50469
+ }
50470
+ }, /*#__PURE__*/React.createElement("div", {
50471
+ style: {
50472
+ display: "flex",
50473
+ alignItems: "center",
50474
+ marginBottom: "16px",
50475
+ flexWrap: "wrap",
50476
+ gap: "8px"
50477
+ }
50478
+ }, /*#__PURE__*/React.createElement("span", {
50479
+ style: {
50480
+ fontSize: "24px"
50481
+ }
50482
+ }, "\uD83D\uDD0D"), /*#__PURE__*/React.createElement("h2", {
50483
+ style: {
50484
+ fontSize: "18px",
50485
+ fontWeight: "700",
50486
+ margin: 0
50487
+ }
50488
+ }, "1. Connection Authentication")), /*#__PURE__*/React.createElement(CardText, null, "Please enter your K Number to proceed with the mutation application. An OTP will be sent to the registered mobile number."), /*#__PURE__*/React.createElement("div", {
50489
+ style: {
50490
+ marginBottom: "24px",
50491
+ marginTop: "16px",
50492
+ padding: "16px",
50493
+ backgroundColor: "#f9f9f9",
50494
+ borderRadius: "8px",
50495
+ borderLeft: "4px solid #00497e"
50496
+ }
50497
+ }, /*#__PURE__*/React.createElement("div", {
50498
+ style: {
50499
+ marginBottom: "16px"
50500
+ }
50501
+ }, /*#__PURE__*/React.createElement("div", {
50502
+ style: {
50503
+ fontWeight: "bold",
50504
+ marginBottom: "8px"
50505
+ }
50506
+ }, "K Number / Connection ID *"), /*#__PURE__*/React.createElement(TextInput, {
50507
+ value: kNumber,
50508
+ onChange: e => setKNumber(e.target.value),
50509
+ placeholder: "Enter K Number",
50510
+ style: {
50511
+ width: "100%",
50512
+ maxWidth: "400px"
50513
+ }
50514
+ })), /*#__PURE__*/React.createElement("div", {
50515
+ style: {
50516
+ display: "flex",
50517
+ justifyContent: "flex-end"
50518
+ }
50519
+ }, /*#__PURE__*/React.createElement("button", {
50520
+ onClick: handleSendOtp,
50521
+ disabled: isLoading,
50522
+ style: {
50523
+ padding: "10px 20px",
50524
+ backgroundColor: "#00497e",
50525
+ color: "white",
50526
+ border: "none",
50527
+ borderRadius: "4px",
50528
+ cursor: "pointer",
50529
+ fontWeight: "bold",
50530
+ opacity: isLoading ? 0.7 : 1,
50531
+ width: "100%",
50532
+ maxWidth: "200px"
50533
+ }
50534
+ }, isLoading ? "Sending OTP..." : "Send OTP →"))), showToast && /*#__PURE__*/React.createElement(Toast, {
50535
+ error: showToast.key === "error",
50536
+ warning: showToast.key === "warning",
50537
+ label: showToast.message,
50538
+ onClose: () => setShowToast(null),
50539
+ isDleteBtn: true
50540
+ }));
50541
+ };
50542
+
50403
50543
  const Step1_ExistingConnection = _ref => {
50404
50544
  var _appData$connectionHo, _propertyData$Propert, _propertyData$Propert2, _appData$property, _propertyAddress$loca;
50405
50545
  let applicationDetails = _ref.applicationDetails,
50406
- propertyId = _ref.propertyId;
50546
+ propertyId = _ref.propertyId,
50547
+ mobileNumber = _ref.mobileNumber,
50548
+ onVerify = _ref.onVerify;
50549
+ const _useState = useState(""),
50550
+ otp = _useState[0],
50551
+ setOtp = _useState[1];
50552
+ const _useState2 = useState(false),
50553
+ isLoading = _useState2[0],
50554
+ setIsLoading = _useState2[1];
50555
+ const _useState3 = useState(null),
50556
+ showToast = _useState3[0],
50557
+ setShowToast = _useState3[1];
50407
50558
  const getMaskedName = name => {
50408
50559
  if (!name) return "NA";
50409
50560
  return name.split("").map((char, index) => index % 2 === 1 && char !== " " ? "*" : char).join("");
@@ -50419,13 +50570,17 @@ const Step1_ExistingConnection = _ref => {
50419
50570
  const holderDetails = (appData === null || appData === void 0 ? void 0 : (_appData$connectionHo = appData.connectionHolders) === null || _appData$connectionHo === void 0 ? void 0 : _appData$connectionHo[0]) || {};
50420
50571
  const registeredName = getMaskedName(holderDetails === null || holderDetails === void 0 ? void 0 : holderDetails.name);
50421
50572
  const registeredPhone = getMaskedPhone(holderDetails === null || holderDetails === void 0 ? void 0 : holderDetails.mobileNumber);
50422
- const tenantId = Digit.ULBService.getCurrentTenantId();
50573
+ const tenantId = (appData === null || appData === void 0 ? void 0 : appData.tenantId) || Digit.ULBService.getCurrentTenantId();
50423
50574
  const _Digit$Hooks$pt$usePr = Digit.Hooks.pt.usePropertySearch({
50424
50575
  filters: {
50425
50576
  propertyIds: propertyId
50426
50577
  },
50427
50578
  tenantId
50428
50579
  }, {
50580
+ filters: {
50581
+ propertyIds: propertyId
50582
+ },
50583
+ tenantId,
50429
50584
  enabled: !!propertyId
50430
50585
  }),
50431
50586
  propertyData = _Digit$Hooks$pt$usePr.data;
@@ -50435,29 +50590,71 @@ const Step1_ExistingConnection = _ref => {
50435
50590
  if (connectionNo === "NA") missingFields.push("Connection Number");
50436
50591
  if (registeredName === "NA") missingFields.push("Owner Name");
50437
50592
  if (formattedAddress === "NA") missingFields.push("Property Address");
50593
+ const handleVerifyOtp = function () {
50594
+ try {
50595
+ if (!otp || otp.length < 6) {
50596
+ setShowToast({
50597
+ key: "warning",
50598
+ message: "Please enter a valid 6-digit OTP"
50599
+ });
50600
+ return Promise.resolve();
50601
+ }
50602
+ setIsLoading(true);
50603
+ const _temp = _catch(function () {
50604
+ const payload = {
50605
+ otp: {
50606
+ otp: otp,
50607
+ identity: mobileNumber,
50608
+ tenantId: "dl"
50609
+ }
50610
+ };
50611
+ return Promise.resolve(Digit.UserService.validateOtp(payload)).then(function () {
50612
+ setIsLoading(false);
50613
+ onVerify();
50614
+ });
50615
+ }, function (err) {
50616
+ var _err$response, _err$response$data, _err$response$data$Er, _err$response$data$Er2;
50617
+ setIsLoading(false);
50618
+ setShowToast({
50619
+ key: "error",
50620
+ 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"
50621
+ });
50622
+ });
50623
+ return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
50624
+ } catch (e) {
50625
+ return Promise.reject(e);
50626
+ }
50627
+ };
50628
+ const infoItemStyle = {
50629
+ display: "flex",
50630
+ flexDirection: "column",
50631
+ minWidth: 0
50632
+ };
50438
50633
  return /*#__PURE__*/React.createElement(Card, {
50439
50634
  style: {
50440
50635
  marginBottom: "20px"
50441
50636
  }
50442
50637
  }, /*#__PURE__*/React.createElement("div", {
50443
50638
  style: {
50444
- padding: "16px",
50639
+ padding: "12px 16px",
50445
50640
  backgroundColor: "#fff3cd",
50446
50641
  color: "#856404",
50447
50642
  borderRadius: "8px",
50448
50643
  border: "1px solid #ffeeba",
50449
50644
  marginBottom: "20px",
50450
50645
  display: "flex",
50451
- alignItems: "center"
50646
+ alignItems: "flex-start",
50647
+ gap: "8px"
50452
50648
  }
50453
50649
  }, /*#__PURE__*/React.createElement("span", {
50454
50650
  style: {
50455
- marginRight: "8px",
50456
- fontSize: "20px"
50651
+ fontSize: "18px",
50652
+ flexShrink: 0
50457
50653
  }
50458
50654
  }, "\u2139\uFE0F"), /*#__PURE__*/React.createElement("span", {
50459
50655
  style: {
50460
- fontWeight: "500"
50656
+ fontWeight: "500",
50657
+ fontSize: "14px"
50461
50658
  }
50462
50659
  }, "Name Change / Mutation is limited to changing the name of the consumer/account holder on the existing water connection. It does not constitute or imply transfer of property ownership.")), missingFields.length > 0 && /*#__PURE__*/React.createElement("div", {
50463
50660
  style: {
@@ -50468,36 +50665,38 @@ const Step1_ExistingConnection = _ref => {
50468
50665
  border: "1px solid #f5c6cb",
50469
50666
  marginBottom: "16px",
50470
50667
  display: "flex",
50471
- alignItems: "center"
50668
+ alignItems: "flex-start",
50669
+ gap: "8px"
50472
50670
  }
50473
50671
  }, /*#__PURE__*/React.createElement("span", {
50474
50672
  style: {
50475
- marginRight: "8px",
50476
- fontSize: "18px"
50673
+ fontSize: "16px",
50674
+ flexShrink: 0
50477
50675
  }
50478
50676
  }, "\u26A0\uFE0F"), /*#__PURE__*/React.createElement("span", {
50479
50677
  style: {
50480
50678
  fontWeight: "500",
50481
50679
  fontSize: "14px"
50482
50680
  }
50483
- }, "Please verify the connection data before proceeding.")), /*#__PURE__*/React.createElement("div", {
50681
+ }, "Note: Some connection details are missing (", missingFields.join(", "), "). You may need to update them during the mutation process.")), /*#__PURE__*/React.createElement("div", {
50484
50682
  style: {
50485
50683
  display: "flex",
50486
50684
  alignItems: "center",
50487
- marginBottom: "16px"
50685
+ marginBottom: "16px",
50686
+ flexWrap: "wrap",
50687
+ gap: "8px"
50488
50688
  }
50489
50689
  }, /*#__PURE__*/React.createElement("span", {
50490
50690
  style: {
50491
- fontSize: "24px",
50492
- marginRight: "8px"
50691
+ fontSize: "22px"
50493
50692
  }
50494
50693
  }, "\uD83C\uDFE2"), /*#__PURE__*/React.createElement("h2", {
50495
50694
  style: {
50496
- fontSize: "20px",
50695
+ fontSize: "18px",
50497
50696
  fontWeight: "700",
50498
50697
  margin: 0
50499
50698
  }
50500
- }, "1. Existing Connection & Current Consumer Details.")), /*#__PURE__*/React.createElement("div", {
50699
+ }, "2. Existing Consumer Details")), /*#__PURE__*/React.createElement("div", {
50501
50700
  style: {
50502
50701
  padding: "16px",
50503
50702
  backgroundColor: "#f9f9f9",
@@ -50507,43 +50706,54 @@ const Step1_ExistingConnection = _ref => {
50507
50706
  }, /*#__PURE__*/React.createElement("div", {
50508
50707
  style: {
50509
50708
  display: "grid",
50510
- gridTemplateColumns: "1fr 1fr 1fr",
50709
+ gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))",
50511
50710
  gap: "16px"
50512
50711
  }
50513
- }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
50712
+ }, /*#__PURE__*/React.createElement("div", {
50713
+ style: infoItemStyle
50714
+ }, /*#__PURE__*/React.createElement("div", {
50514
50715
  style: {
50515
50716
  color: "#555",
50516
- fontSize: "14px",
50717
+ fontSize: "13px",
50517
50718
  marginBottom: "4px"
50518
50719
  }
50519
50720
  }, "Connection Number"), /*#__PURE__*/React.createElement("div", {
50520
50721
  style: {
50521
- fontWeight: "bold"
50722
+ fontWeight: "bold",
50723
+ wordBreak: "break-all"
50522
50724
  }
50523
- }, connectionNo)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
50725
+ }, connectionNo)), /*#__PURE__*/React.createElement("div", {
50726
+ style: infoItemStyle
50727
+ }, /*#__PURE__*/React.createElement("div", {
50524
50728
  style: {
50525
50729
  color: "#555",
50526
- fontSize: "14px",
50730
+ fontSize: "13px",
50527
50731
  marginBottom: "4px"
50528
50732
  }
50529
50733
  }, "Current Owner Name"), /*#__PURE__*/React.createElement("div", {
50530
50734
  style: {
50531
- fontWeight: "bold"
50735
+ fontWeight: "bold",
50736
+ wordBreak: "break-word"
50532
50737
  }
50533
- }, registeredName)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
50738
+ }, registeredName)), /*#__PURE__*/React.createElement("div", {
50739
+ style: infoItemStyle
50740
+ }, /*#__PURE__*/React.createElement("div", {
50534
50741
  style: {
50535
50742
  color: "#555",
50536
- fontSize: "14px",
50743
+ fontSize: "13px",
50537
50744
  marginBottom: "4px"
50538
50745
  }
50539
50746
  }, "Property Address"), /*#__PURE__*/React.createElement("div", {
50540
50747
  style: {
50541
- fontWeight: "bold"
50748
+ fontWeight: "bold",
50749
+ wordBreak: "break-word"
50542
50750
  }
50543
- }, formattedAddress)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
50751
+ }, formattedAddress)), /*#__PURE__*/React.createElement("div", {
50752
+ style: infoItemStyle
50753
+ }, /*#__PURE__*/React.createElement("div", {
50544
50754
  style: {
50545
50755
  color: "#555",
50546
- fontSize: "14px",
50756
+ fontSize: "13px",
50547
50757
  marginBottom: "4px"
50548
50758
  }
50549
50759
  }, "Connection Status"), /*#__PURE__*/React.createElement("div", {
@@ -50551,27 +50761,88 @@ const Step1_ExistingConnection = _ref => {
50551
50761
  fontWeight: "bold",
50552
50762
  color: (connectionStatus === null || connectionStatus === void 0 ? void 0 : connectionStatus.toLowerCase()) === "active" ? "#28a745" : "#dc3545"
50553
50763
  }
50554
- }, connectionStatus)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
50764
+ }, connectionStatus)), /*#__PURE__*/React.createElement("div", {
50765
+ style: infoItemStyle
50766
+ }, /*#__PURE__*/React.createElement("div", {
50555
50767
  style: {
50556
50768
  color: "#555",
50557
- fontSize: "14px",
50769
+ fontSize: "13px",
50558
50770
  marginBottom: "4px"
50559
50771
  }
50560
50772
  }, "Meter Number"), /*#__PURE__*/React.createElement("div", {
50561
50773
  style: {
50562
- fontWeight: "bold"
50774
+ fontWeight: "bold",
50775
+ wordBreak: "break-all"
50563
50776
  }
50564
- }, meterId)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
50777
+ }, meterId)), /*#__PURE__*/React.createElement("div", {
50778
+ style: infoItemStyle
50779
+ }, /*#__PURE__*/React.createElement("div", {
50565
50780
  style: {
50566
50781
  color: "#555",
50567
- fontSize: "14px",
50782
+ fontSize: "13px",
50568
50783
  marginBottom: "4px"
50569
50784
  }
50570
50785
  }, "Mobile Number"), /*#__PURE__*/React.createElement("div", {
50571
50786
  style: {
50572
50787
  fontWeight: "bold"
50573
50788
  }
50574
- }, registeredPhone)))));
50789
+ }, registeredPhone)))), /*#__PURE__*/React.createElement("div", {
50790
+ style: {
50791
+ marginTop: "24px",
50792
+ borderTop: "1px solid #e0e0e0",
50793
+ paddingTop: "16px"
50794
+ }
50795
+ }, /*#__PURE__*/React.createElement("h3", {
50796
+ style: {
50797
+ fontSize: "16px",
50798
+ fontWeight: "bold",
50799
+ marginBottom: "16px"
50800
+ }
50801
+ }, "Verify OTP"), /*#__PURE__*/React.createElement("div", {
50802
+ style: {
50803
+ display: "flex",
50804
+ flexDirection: "column",
50805
+ gap: "8px",
50806
+ maxWidth: "400px",
50807
+ marginBottom: "16px"
50808
+ }
50809
+ }, /*#__PURE__*/React.createElement("label", {
50810
+ style: {
50811
+ fontWeight: "500",
50812
+ fontSize: "14px"
50813
+ }
50814
+ }, "Enter OTP sent to +91 ", getMaskedPhone(mobileNumber), " *"), /*#__PURE__*/React.createElement(TextInput, {
50815
+ value: otp,
50816
+ onChange: e => setOtp(e.target.value.replace(/\D/g, '').slice(0, 6)),
50817
+ placeholder: "Enter 6-digit OTP",
50818
+ maxLength: 6
50819
+ })), /*#__PURE__*/React.createElement("div", {
50820
+ style: {
50821
+ display: "flex",
50822
+ justifyContent: "flex-end"
50823
+ }
50824
+ }, /*#__PURE__*/React.createElement("button", {
50825
+ onClick: handleVerifyOtp,
50826
+ disabled: isLoading || otp.length < 6,
50827
+ style: {
50828
+ padding: "10px 20px",
50829
+ backgroundColor: "#00497e",
50830
+ color: "white",
50831
+ border: "none",
50832
+ borderRadius: "4px",
50833
+ cursor: isLoading || otp.length < 6 ? "not-allowed" : "pointer",
50834
+ fontWeight: "bold",
50835
+ opacity: isLoading || otp.length < 6 ? 0.5 : 1,
50836
+ width: "100%",
50837
+ maxWidth: "200px"
50838
+ }
50839
+ }, isLoading ? "Verifying..." : "Verify & Proceed →"))), showToast && /*#__PURE__*/React.createElement(Toast, {
50840
+ error: (showToast === null || showToast === void 0 ? void 0 : showToast.key) === "error",
50841
+ warning: (showToast === null || showToast === void 0 ? void 0 : showToast.key) === "warning",
50842
+ label: showToast === null || showToast === void 0 ? void 0 : showToast.message,
50843
+ onClose: () => setShowToast(null),
50844
+ isDleteBtn: true
50845
+ }));
50575
50846
  };
50576
50847
 
50577
50848
  const Step2_NewConsumerDetails = _ref => {
@@ -50589,7 +50860,8 @@ const Step2_NewConsumerDetails = _ref => {
50589
50860
  errors = _useForm.formState.errors,
50590
50861
  trigger = _useForm.trigger,
50591
50862
  setError = _useForm.setError,
50592
- clearErrors = _useForm.clearErrors;
50863
+ clearErrors = _useForm.clearErrors,
50864
+ setValue = _useForm.setValue;
50593
50865
  const _useState = useState(null),
50594
50866
  showToast = _useState[0],
50595
50867
  setShowToast = _useState[1];
@@ -50685,16 +50957,17 @@ const Step2_NewConsumerDetails = _ref => {
50685
50957
  style: {
50686
50958
  display: "flex",
50687
50959
  alignItems: "center",
50688
- marginBottom: "16px"
50960
+ marginBottom: "16px",
50961
+ flexWrap: "wrap",
50962
+ gap: "8px"
50689
50963
  }
50690
50964
  }, /*#__PURE__*/React.createElement("span", {
50691
50965
  style: {
50692
- fontSize: "24px",
50693
- marginRight: "8px"
50966
+ fontSize: "22px"
50694
50967
  }
50695
50968
  }, "\uD83D\uDC64"), /*#__PURE__*/React.createElement("h2", {
50696
50969
  style: {
50697
- fontSize: "20px",
50970
+ fontSize: "18px",
50698
50971
  fontWeight: "700",
50699
50972
  margin: 0
50700
50973
  }
@@ -50707,12 +50980,13 @@ const Step2_NewConsumerDetails = _ref => {
50707
50980
  border: "1px solid #f5c6cb",
50708
50981
  marginBottom: "16px",
50709
50982
  display: "flex",
50710
- alignItems: "center"
50983
+ alignItems: "flex-start",
50984
+ gap: "8px"
50711
50985
  }
50712
50986
  }, /*#__PURE__*/React.createElement("span", {
50713
50987
  style: {
50714
- marginRight: "8px",
50715
- fontSize: "18px"
50988
+ fontSize: "16px",
50989
+ flexShrink: 0
50716
50990
  }
50717
50991
  }, "\u26A0\uFE0F"), /*#__PURE__*/React.createElement("span", {
50718
50992
  style: {
@@ -50729,9 +51003,9 @@ const Step2_NewConsumerDetails = _ref => {
50729
51003
  }, /*#__PURE__*/React.createElement("div", {
50730
51004
  style: {
50731
51005
  display: "grid",
50732
- gridTemplateColumns: "1fr 1fr 1fr",
50733
- gap: "24px",
50734
- padding: "16px 0"
51006
+ gridTemplateColumns: "repeat(auto-fill, minmax(240px, 1fr))",
51007
+ gap: "20px",
51008
+ padding: "8px 0 16px"
50735
51009
  }
50736
51010
  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, {
50737
51011
  style: {
@@ -50879,6 +51153,9 @@ const Step2_NewConsumerDetails = _ref => {
50879
51153
  setTouched(p => _extends({}, p, {
50880
51154
  reasonForNameChange: true
50881
51155
  }));
51156
+ if ((val === null || val === void 0 ? void 0 : val.code) !== "OTHER" && val !== "OTHER") {
51157
+ setValue("relationshipWithExistingConsumer", null);
51158
+ }
50882
51159
  },
50883
51160
  optionKey: "i18nKey",
50884
51161
  t: t,
@@ -50925,13 +51202,15 @@ const Step2_NewConsumerDetails = _ref => {
50925
51202
  display: "flex",
50926
51203
  justifyContent: "space-between",
50927
51204
  alignItems: "center",
50928
- marginTop: "24px"
51205
+ marginTop: "24px",
51206
+ flexWrap: "wrap",
51207
+ gap: "12px"
50929
51208
  }
50930
51209
  }, /*#__PURE__*/React.createElement("button", {
50931
51210
  type: "button",
50932
51211
  onClick: onBack,
50933
51212
  style: {
50934
- padding: "8px 24px",
51213
+ padding: "10px 20px",
50935
51214
  backgroundColor: "#e0e0e0",
50936
51215
  border: "none",
50937
51216
  borderRadius: "4px",
@@ -50942,7 +51221,8 @@ const Step2_NewConsumerDetails = _ref => {
50942
51221
  style: {
50943
51222
  display: "flex",
50944
51223
  alignItems: "center",
50945
- gap: "12px"
51224
+ gap: "12px",
51225
+ flexWrap: "wrap"
50946
51226
  }
50947
51227
  }, /*#__PURE__*/React.createElement("span", {
50948
51228
  style: {
@@ -50956,7 +51236,7 @@ const Step2_NewConsumerDetails = _ref => {
50956
51236
  }, "*"), " are mandatory"), /*#__PURE__*/React.createElement("button", {
50957
51237
  type: "submit",
50958
51238
  style: {
50959
- padding: "10px 24px",
51239
+ padding: "10px 20px",
50960
51240
  backgroundColor: "#00497e",
50961
51241
  color: "white",
50962
51242
  border: "none",
@@ -51130,6 +51410,80 @@ const Step3_UploadDocuments = _ref => {
51130
51410
  useEffect(() => {
51131
51411
  if (rawFiles.mutation) handleFileUpload(rawFiles.mutation, "mutation");
51132
51412
  }, [rawFiles.mutation]);
51413
+ const _useState0 = useState(""),
51414
+ identityFileName = _useState0[0],
51415
+ setIdentityFileName = _useState0[1];
51416
+ const _useState1 = useState(""),
51417
+ mutationFileName = _useState1[0],
51418
+ setMutationFileName = _useState1[1];
51419
+ const _useState10 = useState(""),
51420
+ identityFileUrl = _useState10[0],
51421
+ setIdentityFileUrl = _useState10[1];
51422
+ const _useState11 = useState(""),
51423
+ mutationFileUrl = _useState11[0],
51424
+ setMutationFileUrl = _useState11[1];
51425
+ useEffect(() => {
51426
+ const fetchFileDetails = function () {
51427
+ try {
51428
+ function _temp6() {
51429
+ const _temp4 = function () {
51430
+ if (mutationDocFile && !rawFiles.mutation) {
51431
+ const _temp3 = _catch(function () {
51432
+ return Promise.resolve(window.Digit.UploadServices.Filefetch([mutationDocFile], tenantId)).then(function (res) {
51433
+ var _res$data;
51434
+ if (res !== null && res !== void 0 && (_res$data = res.data) !== null && _res$data !== void 0 && _res$data[mutationDocFile]) {
51435
+ const url = res.data[mutationDocFile].split(",")[0];
51436
+ setMutationFileUrl(url);
51437
+ let fileName = "Supporting_Document";
51438
+ try {
51439
+ const decoded = decodeURIComponent(url);
51440
+ const urlParts = decoded.split("?")[0].split("/");
51441
+ fileName = urlParts[urlParts.length - 1];
51442
+ if (fileName.includes("-")) fileName = fileName.split("-").slice(1).join("-");
51443
+ } catch (e) {}
51444
+ setMutationFileName(fileName);
51445
+ }
51446
+ });
51447
+ }, function (e) {
51448
+ console.error("Error fetching mutation doc", e);
51449
+ });
51450
+ if (_temp3 && _temp3.then) return _temp3.then(function () {});
51451
+ }
51452
+ }();
51453
+ if (_temp4 && _temp4.then) return _temp4.then(function () {});
51454
+ }
51455
+ const tenantId = window.Digit.ULBService.getStateId();
51456
+ const _temp5 = function () {
51457
+ if (identityProofFile && !rawFiles.identity) {
51458
+ const _temp2 = _catch(function () {
51459
+ return Promise.resolve(window.Digit.UploadServices.Filefetch([identityProofFile], tenantId)).then(function (res) {
51460
+ var _res$data2;
51461
+ if (res !== null && res !== void 0 && (_res$data2 = res.data) !== null && _res$data2 !== void 0 && _res$data2[identityProofFile]) {
51462
+ const url = res.data[identityProofFile].split(",")[0];
51463
+ setIdentityFileUrl(url);
51464
+ let fileName = "Identity_Document";
51465
+ try {
51466
+ const decoded = decodeURIComponent(url);
51467
+ const urlParts = decoded.split("?")[0].split("/");
51468
+ fileName = urlParts[urlParts.length - 1];
51469
+ if (fileName.includes("-")) fileName = fileName.split("-").slice(1).join("-");
51470
+ } catch (e) {}
51471
+ setIdentityFileName(fileName);
51472
+ }
51473
+ });
51474
+ }, function (e) {
51475
+ console.error("Error fetching identity doc", e);
51476
+ });
51477
+ if (_temp2 && _temp2.then) return _temp2.then(function () {});
51478
+ }
51479
+ }();
51480
+ return Promise.resolve(_temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5));
51481
+ } catch (e) {
51482
+ return Promise.reject(e);
51483
+ }
51484
+ };
51485
+ fetchFileDetails();
51486
+ }, [identityProofFile, mutationDocFile, rawFiles]);
51133
51487
  useEffect(() => {
51134
51488
  if (hasAttemptedSubmit) {
51135
51489
  const newErrors = {};
@@ -51227,12 +51581,13 @@ const Step3_UploadDocuments = _ref => {
51227
51581
  border: "1px solid #f5c6cb",
51228
51582
  marginBottom: "16px",
51229
51583
  display: "flex",
51230
- alignItems: "center"
51584
+ alignItems: "flex-start",
51585
+ gap: "8px"
51231
51586
  }
51232
51587
  }, /*#__PURE__*/React.createElement("span", {
51233
51588
  style: {
51234
- marginRight: "8px",
51235
- fontSize: "18px"
51589
+ fontSize: "16px",
51590
+ flexShrink: 0
51236
51591
  }
51237
51592
  }, "\u26A0\uFE0F"), /*#__PURE__*/React.createElement("span", {
51238
51593
  style: {
@@ -51242,7 +51597,7 @@ const Step3_UploadDocuments = _ref => {
51242
51597
  }, errorCount, " required item", errorCount > 1 ? "s" : "", " still need", errorCount === 1 ? "s" : "", " your attention before proceeding.")), /*#__PURE__*/React.createElement("div", {
51243
51598
  style: {
51244
51599
  display: "grid",
51245
- gridTemplateColumns: "1fr 1fr",
51600
+ gridTemplateColumns: "repeat(auto-fill, minmax(280px, 1fr))",
51246
51601
  gap: "24px"
51247
51602
  }
51248
51603
  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, {
@@ -51333,7 +51688,26 @@ const Step3_UploadDocuments = _ref => {
51333
51688
  style: errorTextStyle
51334
51689
  }, fieldErrors.identityFile), identityProofFile && /*#__PURE__*/React.createElement("div", {
51335
51690
  style: successTextStyle
51336
- }, "\u2713 Document uploaded successfully")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, {
51691
+ }, "\u2713 Document uploaded successfully"), identityProofFile && identityFileUrl && !rawFiles.identity && /*#__PURE__*/React.createElement("div", {
51692
+ style: {
51693
+ marginTop: "8px"
51694
+ }
51695
+ }, /*#__PURE__*/React.createElement("a", {
51696
+ href: identityFileUrl,
51697
+ target: "_blank",
51698
+ rel: "noreferrer",
51699
+ style: {
51700
+ color: "#f47738",
51701
+ textDecoration: "underline",
51702
+ fontSize: "14px",
51703
+ display: "inline-flex",
51704
+ alignItems: "center"
51705
+ }
51706
+ }, /*#__PURE__*/React.createElement("span", {
51707
+ style: {
51708
+ marginRight: "4px"
51709
+ }
51710
+ }, "\uD83D\uDCC4"), " View ", identityFileName))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, {
51337
51711
  style: {
51338
51712
  fontWeight: "bold"
51339
51713
  }
@@ -51377,18 +51751,39 @@ const Step3_UploadDocuments = _ref => {
51377
51751
  style: errorTextStyle
51378
51752
  }, fieldErrors.mutationFile), mutationDocFile && /*#__PURE__*/React.createElement("div", {
51379
51753
  style: successTextStyle
51380
- }, "\u2713 Document uploaded successfully"))), /*#__PURE__*/React.createElement("div", {
51754
+ }, "\u2713 Document uploaded successfully"), mutationDocFile && mutationFileUrl && !rawFiles.mutation && /*#__PURE__*/React.createElement("div", {
51755
+ style: {
51756
+ marginTop: "8px"
51757
+ }
51758
+ }, /*#__PURE__*/React.createElement("a", {
51759
+ href: mutationFileUrl,
51760
+ target: "_blank",
51761
+ rel: "noreferrer",
51762
+ style: {
51763
+ color: "#f47738",
51764
+ textDecoration: "underline",
51765
+ fontSize: "14px",
51766
+ display: "inline-flex",
51767
+ alignItems: "center"
51768
+ }
51769
+ }, /*#__PURE__*/React.createElement("span", {
51770
+ style: {
51771
+ marginRight: "4px"
51772
+ }
51773
+ }, "\uD83D\uDCC4"), " View ", mutationFileName)))), /*#__PURE__*/React.createElement("div", {
51381
51774
  style: {
51382
51775
  display: "flex",
51383
51776
  justifyContent: "space-between",
51384
51777
  alignItems: "center",
51385
- marginTop: "32px"
51778
+ marginTop: "32px",
51779
+ flexWrap: "wrap",
51780
+ gap: "12px"
51386
51781
  }
51387
51782
  }, /*#__PURE__*/React.createElement("button", {
51388
51783
  type: "button",
51389
51784
  onClick: onBack,
51390
51785
  style: {
51391
- padding: "8px 24px",
51786
+ padding: "10px 20px",
51392
51787
  backgroundColor: "#e0e0e0",
51393
51788
  border: "none",
51394
51789
  borderRadius: "4px",
@@ -51399,7 +51794,8 @@ const Step3_UploadDocuments = _ref => {
51399
51794
  style: {
51400
51795
  display: "flex",
51401
51796
  alignItems: "center",
51402
- gap: "12px"
51797
+ gap: "12px",
51798
+ flexWrap: "wrap"
51403
51799
  }
51404
51800
  }, /*#__PURE__*/React.createElement("span", {
51405
51801
  style: {
@@ -51411,7 +51807,7 @@ const Step3_UploadDocuments = _ref => {
51411
51807
  onClick: onProceed,
51412
51808
  disabled: isUploading,
51413
51809
  style: {
51414
- padding: "10px 24px",
51810
+ padding: "10px 20px",
51415
51811
  backgroundColor: isUploading ? "#ccc" : "#00497e",
51416
51812
  color: "white",
51417
51813
  border: "none",
@@ -51430,8 +51826,9 @@ const Step3_UploadDocuments = _ref => {
51430
51826
  };
51431
51827
 
51432
51828
  const Step4_Preview = _ref => {
51433
- var _appData$connectionHo, _appData$property, _address$locality;
51434
- let formData = _ref.formData,
51829
+ var _appData$connectionHo, _propertyData$Propert, _propertyData$Propert2, _appData$property, _propertyAddress$loca;
51830
+ let t = _ref.t,
51831
+ formData = _ref.formData,
51435
51832
  applicationDetails = _ref.applicationDetails,
51436
51833
  onBack = _ref.onBack,
51437
51834
  onSubmit = _ref.onSubmit,
@@ -51442,9 +51839,11 @@ const Step4_Preview = _ref => {
51442
51839
  const _useState2 = useState(0),
51443
51840
  fee = _useState2[0],
51444
51841
  setFee = _useState2[1];
51445
- const _useState3 = useState("Calculating..."),
51446
- slab = _useState3[0],
51447
- setSlab = _useState3[1];
51842
+ const _useState3 = useState([]),
51843
+ taxHeads = _useState3[0],
51844
+ setTaxHeads = _useState3[1];
51845
+ const _useState4 = useState("Calculating..."),
51846
+ setSlab = _useState4[1];
51448
51847
  const getMaskedName = name => {
51449
51848
  if (!name) return "NA";
51450
51849
  return name.split("").map((char, index) => index % 2 === 1 && char !== " " ? "*" : char).join("");
@@ -51460,8 +51859,22 @@ const Step4_Preview = _ref => {
51460
51859
  const oldHolder = (appData === null || appData === void 0 ? void 0 : (_appData$connectionHo = appData.connectionHolders) === null || _appData$connectionHo === void 0 ? void 0 : _appData$connectionHo[0]) || {};
51461
51860
  const oldName = getMaskedName(oldHolder === null || oldHolder === void 0 ? void 0 : oldHolder.name);
51462
51861
  const oldPhone = getMaskedPhone(oldHolder === null || oldHolder === void 0 ? void 0 : oldHolder.mobileNumber);
51463
- const address = (appData === null || appData === void 0 ? void 0 : (_appData$property = appData.property) === null || _appData$property === void 0 ? void 0 : _appData$property.address) || {};
51464
- 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";
51862
+ const tenantId = (appData === null || appData === void 0 ? void 0 : appData.tenantId) || Digit.ULBService.getCurrentTenantId();
51863
+ const _Digit$Hooks$pt$usePr = Digit.Hooks.pt.usePropertySearch({
51864
+ filters: {
51865
+ propertyIds: propertyId
51866
+ },
51867
+ tenantId
51868
+ }, {
51869
+ filters: {
51870
+ propertyIds: propertyId
51871
+ },
51872
+ tenantId,
51873
+ enabled: !!propertyId && propertyId !== "NA"
51874
+ }),
51875
+ propertyData = _Digit$Hooks$pt$usePr.data;
51876
+ 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) || {};
51877
+ 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";
51465
51878
  const proposedNewConsumerName = formData.proposedNewConsumerName,
51466
51879
  newOwnerMobileNumber = formData.newOwnerMobileNumber,
51467
51880
  relationshipWithExistingConsumer = formData.relationshipWithExistingConsumer,
@@ -51488,7 +51901,6 @@ const Step4_Preview = _ref => {
51488
51901
  };
51489
51902
  return map[code] || code;
51490
51903
  };
51491
- const tenantId = Digit.ULBService.getCurrentTenantId();
51492
51904
  const viewDocument = function (fileStoreId) {
51493
51905
  try {
51494
51906
  if (!fileStoreId) return Promise.resolve();
@@ -51510,15 +51922,30 @@ const Step4_Preview = _ref => {
51510
51922
  }
51511
51923
  };
51512
51924
  useEffect(() => {
51513
- const relationCode = (relationshipWithExistingConsumer === null || relationshipWithExistingConsumer === void 0 ? void 0 : relationshipWithExistingConsumer.code) || relationshipWithExistingConsumer;
51514
- if (relationCode && relationCode !== "OTHER") {
51515
- setFee(100);
51516
- setSlab("Blood relation slab");
51517
- } else {
51518
- setFee(1350);
51519
- setSlab("Other Slab");
51520
- }
51521
- }, [relationshipWithExistingConsumer]);
51925
+ const calculateStaticFee = () => {
51926
+ var _formData$relationshi;
51927
+ 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);
51928
+ if (relationCode === "BLOOD_RELATION") {
51929
+ setFee(100);
51930
+ setTaxHeads([]);
51931
+ setSlab("Blood relation slab");
51932
+ } else {
51933
+ setFee(1350);
51934
+ setTaxHeads([{
51935
+ taxHeadCode: "WS_MUTATION_TRADE_SECURITY",
51936
+ estimateAmount: 250.00
51937
+ }, {
51938
+ taxHeadCode: "WS_MUTATION_FEE",
51939
+ estimateAmount: 100.00
51940
+ }, {
51941
+ taxHeadCode: "WS_WATER_ADVANCE",
51942
+ estimateAmount: 1000.00
51943
+ }]);
51944
+ setSlab("Other Slab");
51945
+ }
51946
+ };
51947
+ calculateStaticFee();
51948
+ }, [formData]);
51522
51949
  const sectionStyle = {
51523
51950
  border: "1px solid #e0e0e0",
51524
51951
  borderRadius: "8px",
@@ -51527,17 +51954,27 @@ const Step4_Preview = _ref => {
51527
51954
  };
51528
51955
  const labelStyle = {
51529
51956
  color: "#666",
51530
- fontSize: "14px",
51957
+ fontSize: "13px",
51531
51958
  marginBottom: "4px"
51532
51959
  };
51533
51960
  const valueStyle = {
51534
51961
  fontWeight: "bold",
51535
- fontSize: "16px"
51962
+ fontSize: "15px",
51963
+ wordBreak: "break-word"
51536
51964
  };
51537
51965
  const uploadDocStatusStyle = {
51538
51966
  fontSize: "14px",
51539
51967
  fontWeight: "bold"
51540
51968
  };
51969
+ const infoItem = (label, value) => /*#__PURE__*/React.createElement("div", {
51970
+ style: {
51971
+ minWidth: 0
51972
+ }
51973
+ }, /*#__PURE__*/React.createElement("div", {
51974
+ style: labelStyle
51975
+ }, label), /*#__PURE__*/React.createElement("div", {
51976
+ style: valueStyle
51977
+ }, value));
51541
51978
  return /*#__PURE__*/React.createElement(Card, {
51542
51979
  style: {
51543
51980
  marginBottom: "20px"
@@ -51546,16 +51983,17 @@ const Step4_Preview = _ref => {
51546
51983
  style: {
51547
51984
  display: "flex",
51548
51985
  alignItems: "center",
51549
- marginBottom: "16px"
51986
+ marginBottom: "16px",
51987
+ flexWrap: "wrap",
51988
+ gap: "8px"
51550
51989
  }
51551
51990
  }, /*#__PURE__*/React.createElement("span", {
51552
51991
  style: {
51553
- fontSize: "24px",
51554
- marginRight: "8px"
51992
+ fontSize: "22px"
51555
51993
  }
51556
51994
  }, "\uD83D\uDCCB"), /*#__PURE__*/React.createElement("h2", {
51557
51995
  style: {
51558
- fontSize: "20px",
51996
+ fontSize: "18px",
51559
51997
  fontWeight: "700",
51560
51998
  margin: 0
51561
51999
  }
@@ -51565,100 +52003,59 @@ const Step4_Preview = _ref => {
51565
52003
  })
51566
52004
  }, /*#__PURE__*/React.createElement("h3", {
51567
52005
  style: {
51568
- fontSize: "16px",
52006
+ fontSize: "15px",
51569
52007
  fontWeight: "bold",
51570
52008
  color: "#00497e",
51571
52009
  marginBottom: "12px"
51572
52010
  }
51573
52011
  }, "Property & Connection Summary"), /*#__PURE__*/React.createElement("div", {
51574
52012
  style: {
51575
- display: "flex",
51576
- justifyContent: "space-between"
52013
+ display: "grid",
52014
+ gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))",
52015
+ gap: "16px"
51577
52016
  }
51578
- }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
51579
- style: labelStyle
51580
- }, "Connection No"), /*#__PURE__*/React.createElement("div", {
51581
- style: valueStyle
51582
- }, connectionNo)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
51583
- style: labelStyle
51584
- }, "Meter Number"), /*#__PURE__*/React.createElement("div", {
51585
- style: valueStyle
51586
- }, meterId)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
51587
- style: labelStyle
51588
- }, "Property ID"), /*#__PURE__*/React.createElement("div", {
51589
- style: valueStyle
51590
- }, propertyId)))), /*#__PURE__*/React.createElement("div", {
52017
+ }, infoItem("Connection No", connectionNo), infoItem("Meter Number", meterId), infoItem("Property ID", propertyId))), /*#__PURE__*/React.createElement("div", {
51591
52018
  style: _extends({}, sectionStyle, {
51592
52019
  borderLeft: "4px solid #f29c1f"
51593
52020
  })
51594
52021
  }, /*#__PURE__*/React.createElement("h3", {
51595
52022
  style: {
51596
- fontSize: "16px",
52023
+ fontSize: "15px",
51597
52024
  fontWeight: "bold",
51598
52025
  color: "#f29c1f",
51599
52026
  marginBottom: "12px"
51600
52027
  }
51601
52028
  }, "\uD83D\uDD12 Existing / Previous Owner Details (Masked Information)"), /*#__PURE__*/React.createElement("div", {
51602
52029
  style: {
51603
- display: "flex",
51604
- justifyContent: "space-between",
52030
+ display: "grid",
52031
+ gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))",
52032
+ gap: "16px",
51605
52033
  marginBottom: "12px"
51606
52034
  }
51607
- }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
51608
- style: labelStyle
51609
- }, "Registered Name:"), /*#__PURE__*/React.createElement("div", {
51610
- style: valueStyle
51611
- }, oldName)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
51612
- style: labelStyle
51613
- }, "Meter Number:"), /*#__PURE__*/React.createElement("div", {
51614
- style: valueStyle
51615
- }, meterId)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
51616
- style: labelStyle
51617
- }, "Registered Phone:"), /*#__PURE__*/React.createElement("div", {
51618
- style: valueStyle
51619
- }, oldPhone))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
51620
- style: labelStyle
51621
- }, "Registered Address:"), /*#__PURE__*/React.createElement("div", {
51622
- style: valueStyle
51623
- }, oldAddress))), /*#__PURE__*/React.createElement("div", {
52035
+ }, infoItem("Registered Name:", oldName), infoItem("Registered Phone:", oldPhone)), infoItem("Registered Address:", oldAddress)), /*#__PURE__*/React.createElement("div", {
51624
52036
  style: _extends({}, sectionStyle, {
51625
52037
  borderLeft: "4px solid #00497e"
51626
52038
  })
51627
52039
  }, /*#__PURE__*/React.createElement("h3", {
51628
52040
  style: {
51629
- fontSize: "16px",
52041
+ fontSize: "15px",
51630
52042
  fontWeight: "bold",
51631
52043
  color: "#00497e",
51632
52044
  marginBottom: "12px"
51633
52045
  }
51634
52046
  }, "\uD83D\uDC64 Transferee (New Owner) Summary"), /*#__PURE__*/React.createElement("div", {
51635
52047
  style: {
51636
- display: "flex",
51637
- justifyContent: "space-between"
52048
+ display: "grid",
52049
+ gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))",
52050
+ gap: "16px"
51638
52051
  }
51639
- }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
51640
- style: labelStyle
51641
- }, "New Owner Name"), /*#__PURE__*/React.createElement("div", {
51642
- style: valueStyle
51643
- }, proposedNewConsumerName)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
51644
- style: labelStyle
51645
- }, "Mobile Number"), /*#__PURE__*/React.createElement("div", {
51646
- style: valueStyle
51647
- }, newOwnerMobileNumber)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
51648
- style: labelStyle
51649
- }, "Relation Type"), /*#__PURE__*/React.createElement("div", {
51650
- style: valueStyle
51651
- }, getRelationshipName(relationshipWithExistingConsumer))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
51652
- style: labelStyle
51653
- }, "Transfer Reason"), /*#__PURE__*/React.createElement("div", {
51654
- style: valueStyle
51655
- }, getReasonName(reasonForNameChange))))), /*#__PURE__*/React.createElement("div", {
52052
+ }, infoItem("New Owner Name", proposedNewConsumerName), infoItem("Mobile Number", newOwnerMobileNumber), infoItem("Relation Type", getRelationshipName(relationshipWithExistingConsumer)), infoItem("Transfer Reason", getReasonName(reasonForNameChange)))), /*#__PURE__*/React.createElement("div", {
51656
52053
  style: _extends({}, sectionStyle, {
51657
52054
  borderLeft: "4px solid #17a2b8"
51658
52055
  })
51659
52056
  }, /*#__PURE__*/React.createElement("h3", {
51660
52057
  style: {
51661
- fontSize: "16px",
52058
+ fontSize: "15px",
51662
52059
  fontWeight: "bold",
51663
52060
  color: "#17a2b8",
51664
52061
  marginBottom: "12px"
@@ -51666,7 +52063,7 @@ const Step4_Preview = _ref => {
51666
52063
  }, "Uploaded Documents"), /*#__PURE__*/React.createElement("div", {
51667
52064
  style: {
51668
52065
  display: "grid",
51669
- gridTemplateColumns: "1fr 1fr 1fr",
52066
+ gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))",
51670
52067
  gap: "16px"
51671
52068
  }
51672
52069
  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
@@ -51675,7 +52072,8 @@ const Step4_Preview = _ref => {
51675
52072
  style: {
51676
52073
  display: "flex",
51677
52074
  alignItems: "center",
51678
- gap: "8px"
52075
+ gap: "8px",
52076
+ flexWrap: "wrap"
51679
52077
  }
51680
52078
  }, /*#__PURE__*/React.createElement("span", {
51681
52079
  style: uploadDocStatusStyle
@@ -51689,7 +52087,8 @@ const Step4_Preview = _ref => {
51689
52087
  textDecoration: "underline",
51690
52088
  cursor: "pointer",
51691
52089
  fontSize: "14px",
51692
- fontWeight: "bold"
52090
+ fontWeight: "bold",
52091
+ padding: 0
51693
52092
  }
51694
52093
  }, "View"))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
51695
52094
  style: labelStyle
@@ -51701,7 +52100,8 @@ const Step4_Preview = _ref => {
51701
52100
  style: {
51702
52101
  display: "flex",
51703
52102
  alignItems: "center",
51704
- gap: "8px"
52103
+ gap: "8px",
52104
+ flexWrap: "wrap"
51705
52105
  }
51706
52106
  }, /*#__PURE__*/React.createElement("span", {
51707
52107
  style: uploadDocStatusStyle
@@ -51715,7 +52115,8 @@ const Step4_Preview = _ref => {
51715
52115
  textDecoration: "underline",
51716
52116
  cursor: "pointer",
51717
52117
  fontSize: "14px",
51718
- fontWeight: "bold"
52118
+ fontWeight: "bold",
52119
+ padding: 0
51719
52120
  }
51720
52121
  }, "View"))))), /*#__PURE__*/React.createElement("div", {
51721
52122
  style: _extends({}, sectionStyle, {
@@ -51725,19 +52126,44 @@ const Step4_Preview = _ref => {
51725
52126
  })
51726
52127
  }, /*#__PURE__*/React.createElement("h3", {
51727
52128
  style: {
51728
- fontSize: "16px",
52129
+ fontSize: "15px",
51729
52130
  fontWeight: "bold",
51730
52131
  color: "#28a745",
51731
52132
  marginBottom: "12px"
51732
52133
  }
51733
- }, "\uD83D\uDCB5 Mutation Fee Details (Money to Pay in Mutation)"), /*#__PURE__*/React.createElement("div", {
52134
+ }, "\uD83D\uDCB5 Mutation Fee Details"), taxHeads && taxHeads.length > 0 && /*#__PURE__*/React.createElement("div", {
52135
+ style: {
52136
+ marginBottom: "16px"
52137
+ }
52138
+ }, taxHeads.map((tax, index) => /*#__PURE__*/React.createElement("div", {
52139
+ key: index,
52140
+ style: {
52141
+ display: "flex",
52142
+ justifyContent: "space-between",
52143
+ marginBottom: "8px",
52144
+ maxWidth: "400px"
52145
+ }
52146
+ }, /*#__PURE__*/React.createElement("div", {
52147
+ style: labelStyle
52148
+ }, t(tax.taxHeadCode), ":"), /*#__PURE__*/React.createElement("div", {
52149
+ style: valueStyle
52150
+ }, "\u20B9 ", tax.estimateAmount, ".00"))), /*#__PURE__*/React.createElement("hr", {
52151
+ style: {
52152
+ borderTop: "1px solid #c3e6cb",
52153
+ margin: "12px 0",
52154
+ maxWidth: "400px"
52155
+ }
52156
+ })), /*#__PURE__*/React.createElement("div", {
51734
52157
  style: {
51735
52158
  display: "flex",
51736
- justifyContent: "space-between"
52159
+ justifyContent: "space-between",
52160
+ maxWidth: "400px",
52161
+ flexWrap: "wrap",
52162
+ gap: "8px"
51737
52163
  }
51738
52164
  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
51739
52165
  style: labelStyle
51740
- }, "Mutation Money to Pay:"), /*#__PURE__*/React.createElement("div", {
52166
+ }, "Total Amount Payable:"), /*#__PURE__*/React.createElement("div", {
51741
52167
  style: _extends({}, valueStyle, {
51742
52168
  color: "#28a745",
51743
52169
  fontSize: "20px"
@@ -51751,13 +52177,11 @@ const Step4_Preview = _ref => {
51751
52177
  color: "#0c5460",
51752
52178
  borderRadius: "16px",
51753
52179
  fontSize: "12px",
51754
- fontWeight: "bold"
52180
+ fontWeight: "bold",
52181
+ display: "inline-block",
52182
+ marginTop: "4px"
51755
52183
  }
51756
- }, "PAYABLE POST VERIFICATION")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
51757
- style: labelStyle
51758
- }, "Applicable Slab:"), /*#__PURE__*/React.createElement("div", {
51759
- style: valueStyle
51760
- }, slab)))), /*#__PURE__*/React.createElement("div", {
52184
+ }, "PAYABLE POST VERIFICATION")))), /*#__PURE__*/React.createElement("div", {
51761
52185
  style: {
51762
52186
  padding: "16px",
51763
52187
  backgroundColor: "#fffbeb",
@@ -51773,13 +52197,13 @@ const Step4_Preview = _ref => {
51773
52197
  type: "button",
51774
52198
  onClick: onBack,
51775
52199
  style: {
51776
- padding: "8px 24px",
52200
+ padding: "10px 20px",
51777
52201
  backgroundColor: "#e0e0e0",
51778
52202
  border: "none",
51779
52203
  borderRadius: "4px",
51780
52204
  cursor: "pointer",
51781
52205
  fontWeight: "bold",
51782
- marginRight: "16px"
52206
+ marginRight: "12px"
51783
52207
  }
51784
52208
  }, "\u2190 Edit Information"), /*#__PURE__*/React.createElement(SubmitBar, {
51785
52209
  label: isLoading ? "Submitting..." : "Submit Mutation Application",
@@ -51801,48 +52225,43 @@ const Step5_Submission = _ref => {
51801
52225
  const goHome = () => {
51802
52226
  history.push("/digit-ui/employee");
51803
52227
  };
51804
- const bannerStyle = {
51805
- backgroundColor: "#fff",
51806
- border: "1px solid #d4edda",
51807
- borderTop: "4px solid #28a745",
51808
- borderRadius: "8px",
51809
- padding: "20px",
51810
- display: "flex",
51811
- justifyContent: "space-between",
51812
- alignItems: "center",
51813
- marginBottom: "20px"
51814
- };
51815
- const statusPanelStyle = {
51816
- backgroundColor: "#fff",
51817
- border: "1px solid #e0e0e0",
51818
- borderRadius: "8px",
51819
- padding: "20px"
51820
- };
51821
52228
  return /*#__PURE__*/React.createElement("div", {
51822
52229
  style: {
51823
- padding: "20px 0"
52230
+ padding: "16px 0"
51824
52231
  }
51825
52232
  }, /*#__PURE__*/React.createElement("div", {
51826
- style: bannerStyle
52233
+ style: {
52234
+ backgroundColor: "#fff",
52235
+ border: "1px solid #d4edda",
52236
+ borderTop: "4px solid #28a745",
52237
+ borderRadius: "8px",
52238
+ padding: "20px",
52239
+ display: "flex",
52240
+ justifyContent: "space-between",
52241
+ alignItems: "flex-start",
52242
+ flexWrap: "wrap",
52243
+ gap: "12px",
52244
+ marginBottom: "20px"
52245
+ }
51827
52246
  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h2", {
51828
52247
  style: {
51829
52248
  color: "#28a745",
51830
- fontSize: "20px",
52249
+ fontSize: "18px",
51831
52250
  fontWeight: "bold",
51832
- margin: 0,
52251
+ margin: "0 0 4px",
51833
52252
  display: "flex",
51834
- alignItems: "center"
51835
- }
51836
- }, /*#__PURE__*/React.createElement("span", {
51837
- style: {
51838
- marginRight: "8px"
52253
+ alignItems: "center",
52254
+ flexWrap: "wrap",
52255
+ gap: "6px"
51839
52256
  }
51840
- }, "\u2705"), " Application Submitted Successfully!"), /*#__PURE__*/React.createElement("div", {
52257
+ }, /*#__PURE__*/React.createElement("span", null, "\u2705"), " Your application has been submitted successfully!"), /*#__PURE__*/React.createElement("div", {
51841
52258
  style: {
51842
52259
  color: "#666",
51843
- marginTop: "4px"
52260
+ marginTop: "4px",
52261
+ fontSize: "14px",
52262
+ wordBreak: "break-all"
51844
52263
  }
51845
- }, "Application Reference No: ", /*#__PURE__*/React.createElement("strong", {
52264
+ }, "Your SRN Reference No. is: ", /*#__PURE__*/React.createElement("strong", {
51846
52265
  style: {
51847
52266
  color: "#00497e"
51848
52267
  }
@@ -51853,36 +52272,10 @@ const Step5_Submission = _ref => {
51853
52272
  color: "#856404",
51854
52273
  borderRadius: "16px",
51855
52274
  fontSize: "12px",
51856
- fontWeight: "bold"
51857
- }
51858
- }, "PENDING_APPROVAL_FOR_MUTATION"))), /*#__PURE__*/React.createElement("div", {
51859
- style: statusPanelStyle
51860
- }, /*#__PURE__*/React.createElement("h3", {
51861
- style: {
51862
- color: "#00497e",
51863
- fontSize: "16px",
51864
52275
  fontWeight: "bold",
51865
- margin: "0 0 16px 0",
51866
- display: "flex",
51867
- alignItems: "center"
51868
- }
51869
- }, /*#__PURE__*/React.createElement("span", {
51870
- style: {
51871
- marginRight: "8px"
52276
+ whiteSpace: "nowrap"
51872
52277
  }
51873
- }, "\uD83D\uDCCC"), " Current Workflow Status"), /*#__PURE__*/React.createElement("hr", {
51874
- style: {
51875
- border: "0",
51876
- borderTop: "1px solid #e0e0e0",
51877
- margin: "0 0 16px 0"
51878
- }
51879
- }), /*#__PURE__*/React.createElement("p", {
51880
- style: {
51881
- color: "#333",
51882
- fontSize: "14px",
51883
- margin: 0
51884
- }
51885
- }, "Application has been routed to ", /*#__PURE__*/React.createElement("strong", null, "Water Supply Department Verification Officer"), ".")), /*#__PURE__*/React.createElement("div", {
52278
+ }, "Pending for Zonal Officer approval"))), /*#__PURE__*/React.createElement("div", {
51886
52279
  style: {
51887
52280
  marginTop: "24px",
51888
52281
  textAlign: "center"
@@ -51890,13 +52283,16 @@ const Step5_Submission = _ref => {
51890
52283
  }, /*#__PURE__*/React.createElement("button", {
51891
52284
  onClick: goHome,
51892
52285
  style: {
51893
- padding: "10px 24px",
52286
+ padding: "12px 28px",
51894
52287
  backgroundColor: "#00497e",
51895
52288
  color: "white",
51896
52289
  border: "none",
51897
52290
  borderRadius: "4px",
51898
52291
  cursor: "pointer",
51899
- fontWeight: "bold"
52292
+ fontWeight: "bold",
52293
+ fontSize: "15px",
52294
+ width: "100%",
52295
+ maxWidth: "280px"
51900
52296
  }
51901
52297
  }, "Go to Home")), showToast && /*#__PURE__*/React.createElement(Toast, {
51902
52298
  error: showToast.key === "error",
@@ -51907,7 +52303,7 @@ const Step5_Submission = _ref => {
51907
52303
  };
51908
52304
 
51909
52305
  const MutationApplication = () => {
51910
- var _Digit$SessionStorage, _user$info, _state, _user$info2, _user$info2$userName, _user$info3, _user$info4, _details$applicationD, _applicationDetails$a, _applicationDetails$a3, _applicationDetails$a4;
52306
+ 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;
51911
52307
  const _useTranslation = useTranslation(),
51912
52308
  t = _useTranslation.t;
51913
52309
  let _useLocation = useLocation(),
@@ -51932,6 +52328,23 @@ const MutationApplication = () => {
51932
52328
  setIsSubmitting = _useState5[1];
51933
52329
  const _useState6 = useState(new Set()),
51934
52330
  setCompletedSteps = _useState6[1];
52331
+ const _useState7 = useState(window.innerWidth < 768),
52332
+ isMobile = _useState7[0],
52333
+ setIsMobile = _useState7[1];
52334
+ useEffect(() => {
52335
+ const handleResize = () => setIsMobile(window.innerWidth < 768);
52336
+ window.addEventListener("resize", handleResize);
52337
+ return () => window.removeEventListener("resize", handleResize);
52338
+ }, []);
52339
+ const _useState8 = useState(""),
52340
+ authKNumber = _useState8[0],
52341
+ setAuthKNumber = _useState8[1];
52342
+ const _useState9 = useState(""),
52343
+ authMobileNumber = _useState9[0],
52344
+ setAuthMobileNumber = _useState9[1];
52345
+ const _useState0 = useState(""),
52346
+ authServiceType = _useState0[0],
52347
+ setAuthServiceType = _useState0[1];
51935
52348
  const user = Digit.UserService.getUser();
51936
52349
  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();
51937
52350
  const applicationNumber = filters === null || filters === void 0 ? void 0 : filters.applicationNumber;
@@ -51939,13 +52352,33 @@ const MutationApplication = () => {
51939
52352
  const details = cloneDeep_1((_state = state) === null || _state === void 0 ? void 0 : _state.data);
51940
52353
  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;
51941
52354
  const hasStateData = !!(details !== null && details !== void 0 && (_details$applicationD = details.applicationData) !== null && _details$applicationD !== void 0 && _details$applicationD.id);
51942
- const wsSearchNumber = (details === null || details === void 0 ? void 0 : details.applicationNo) || applicationNumber;
51943
- const businessService = (serviceType === null || serviceType === void 0 ? void 0 : serviceType.toUpperCase()) === "SEWERAGE" ? "SW" : "WS";
51944
- const _useQuery = useQuery(["WS_MUTATION_DIRECT_SEARCH", wsSearchNumber, tenantId, mobileNumber, businessService], function () {
52355
+ const editApplicationNumber = (details === null || details === void 0 ? void 0 : details.applicationNo) || applicationNumber;
52356
+ const _useQuery = useQuery(["WORKFLOW_SEARCH", editApplicationNumber, tenantId], function () {
51945
52357
  try {
51946
- if (!wsSearchNumber) return Promise.resolve(null);
51947
- const params = {
51948
- connectionNumber: wsSearchNumber
52358
+ return Promise.resolve(Digit.WorkflowService.getByBusinessId(tenantId, editApplicationNumber)).then(function (res) {
52359
+ var _res$ProcessInstances;
52360
+ return res === null || res === void 0 ? void 0 : (_res$ProcessInstances = res.ProcessInstances) === null || _res$ProcessInstances === void 0 ? void 0 : _res$ProcessInstances[0];
52361
+ });
52362
+ } catch (e) {
52363
+ return Promise.reject(e);
52364
+ }
52365
+ }, {
52366
+ enabled: !!editApplicationNumber
52367
+ }),
52368
+ isWorkflowLoading = _useQuery.isLoading,
52369
+ workflowData = _useQuery.data;
52370
+ const isEditFlow = !!editApplicationNumber && (workflowData === null || workflowData === void 0 ? void 0 : workflowData.action) === "SEND_BACK_TO_CITIZEN";
52371
+ const querySearchParam = isEditFlow ? editApplicationNumber : authKNumber;
52372
+ const fallbackServiceType = serviceType || authServiceType;
52373
+ const businessService = (fallbackServiceType === null || fallbackServiceType === void 0 ? void 0 : fallbackServiceType.toUpperCase()) === "SEWERAGE" ? "SW" : "WS";
52374
+ const _useQuery2 = useQuery(["WS_MUTATION_DIRECT_SEARCH", querySearchParam, tenantId, mobileNumber, businessService, isEditFlow], function () {
52375
+ try {
52376
+ if (!querySearchParam) return Promise.resolve(null);
52377
+ const params = isEditFlow ? {
52378
+ applicationNumber: querySearchParam
52379
+ } : {
52380
+ connectionNumber: querySearchParam,
52381
+ isConnectionSearch: true
51949
52382
  };
51950
52383
  Object.keys(params).forEach(k => params[k] == null && delete params[k]);
51951
52384
  return Promise.resolve(Digit.WSService.search({
@@ -51967,13 +52400,14 @@ const MutationApplication = () => {
51967
52400
  return Promise.reject(e);
51968
52401
  }
51969
52402
  }, {
51970
- enabled: !!wsSearchNumber && !hasStateData
52403
+ enabled: !!querySearchParam && !hasStateData
51971
52404
  }),
51972
- isDetailsLoading = _useQuery.isLoading,
51973
- fetchedApplicationDetails = _useQuery.data;
52405
+ isDetailsLoading = _useQuery2.isLoading,
52406
+ fetchedApplicationDetails = _useQuery2.data;
51974
52407
  const applicationDetails = hasStateData ? details : fetchedApplicationDetails;
51975
- const _useState7 = useState(new URLSearchParams(useLocation().search).get("propertyId") || (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a = applicationDetails.applicationData) === null || _applicationDetails$a === void 0 ? void 0 : _applicationDetails$a.propertyId)),
51976
- propertyId = _useState7[0];
52408
+ 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";
52409
+ const _useState1 = useState(new URLSearchParams(useLocation().search).get("propertyId") || (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a2 = applicationDetails.applicationData) === null || _applicationDetails$a2 === void 0 ? void 0 : _applicationDetails$a2.propertyId)),
52410
+ propertyId = _useState1[0];
51977
52411
  const _Digit$Hooks$pt$usePr = Digit.Hooks.pt.usePropertySearch({
51978
52412
  filters: {
51979
52413
  propertyIds: propertyId
@@ -51993,14 +52427,14 @@ const MutationApplication = () => {
51993
52427
  setSessionFormData = _Digit$Hooks$useSessi[1],
51994
52428
  clearSessionFormData = _Digit$Hooks$useSessi[2];
51995
52429
  useEffect(() => {
51996
- var _applicationDetails$a2;
52430
+ var _applicationDetails$a3;
51997
52431
  const fetchAppData = function () {
51998
52432
  try {
51999
52433
  const dataToConvert = applicationDetails || details;
52000
52434
  const _temp = function (_dataToConvert$applic) {
52001
52435
  if (dataToConvert !== null && dataToConvert !== void 0 && (_dataToConvert$applic = dataToConvert.applicationData) !== null && _dataToConvert$applic !== void 0 && _dataToConvert$applic.id) {
52002
52436
  var _dataToConvert$applic2;
52003
- 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) {
52437
+ 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) {
52004
52438
  setSessionFormData(prev => _extends({}, prev, convertAppData));
52005
52439
  sessionStorage.setItem("IsDetailsExists", JSON.stringify(true));
52006
52440
  });
@@ -52011,10 +52445,52 @@ const MutationApplication = () => {
52011
52445
  return Promise.reject(e);
52012
52446
  }
52013
52447
  };
52014
- 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)) {
52448
+ 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)) {
52015
52449
  fetchAppData();
52016
52450
  }
52017
- }, [applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a3 = applicationDetails.applicationData) === null || _applicationDetails$a3 === void 0 ? void 0 : _applicationDetails$a3.id]);
52451
+ }, [applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a4 = applicationDetails.applicationData) === null || _applicationDetails$a4 === void 0 ? void 0 : _applicationDetails$a4.id]);
52452
+ useEffect(() => {
52453
+ const isCitizen = window.location.href.includes("/citizen/");
52454
+ if (isCitizen && isEditFlow && applicationDetails !== null && applicationDetails !== void 0 && applicationDetails.applicationData) {
52455
+ const data = applicationDetails.applicationData;
52456
+ const holders = (data === null || data === void 0 ? void 0 : data.connectionHolders) || [];
52457
+ const primaryHolder = holders.find(h => h.isPrimaryOwner) || holders[0] || {};
52458
+ const additionalDetails = (data === null || data === void 0 ? void 0 : data.additionalDetails) || {};
52459
+ const documents = (data === null || data === void 0 ? void 0 : data.documents) || [];
52460
+ setFormData(prev => {
52461
+ if (Object.keys(prev).length > 0) return prev;
52462
+ const identityDoc = documents.find(d => {
52463
+ var _d$documentType;
52464
+ return ["AADHAAR", "VOTERID", "VOTER_ID", "PAN", "DRIVING_LICENSE", "PASSPORT"].includes((_d$documentType = d.documentType) === null || _d$documentType === void 0 ? void 0 : _d$documentType.toUpperCase());
52465
+ });
52466
+ const mutationDoc = documents.find(d => d.documentType === "REGISTERED_SALE_DEED" || d.documentType === "SALE_DEED" || d.documentType === "GIFT_DEED" || d.documentType === "WILL");
52467
+ return {
52468
+ proposedNewConsumerName: primaryHolder.name || "",
52469
+ gender: primaryHolder.gender ? {
52470
+ code: primaryHolder.gender,
52471
+ i18nKey: primaryHolder.gender
52472
+ } : null,
52473
+ newOwnerMobileNumber: primaryHolder.mobileNumber || "",
52474
+ newOwnerEmailAddress: primaryHolder.emailId || "",
52475
+ reasonForNameChange: additionalDetails.reasonForNameChange ? {
52476
+ code: additionalDetails.reasonForNameChange,
52477
+ i18nKey: additionalDetails.reasonForNameChange
52478
+ } : null,
52479
+ relationshipWithExistingConsumer: additionalDetails.relationshipWithExistingConsumer ? {
52480
+ code: additionalDetails.relationshipWithExistingConsumer,
52481
+ i18nKey: additionalDetails.relationshipWithExistingConsumer
52482
+ } : null,
52483
+ saleDeedDocumentId: (mutationDoc === null || mutationDoc === void 0 ? void 0 : mutationDoc.fileStoreId) || additionalDetails.saleDeedDocumentId || "",
52484
+ identityProofDocumentId: (identityDoc === null || identityDoc === void 0 ? void 0 : identityDoc.fileStoreId) || "",
52485
+ identityProofType: identityDoc !== null && identityDoc !== void 0 && identityDoc.documentType ? {
52486
+ code: identityDoc.documentType,
52487
+ i18nKey: identityDoc.documentType
52488
+ } : null,
52489
+ documentNumber: additionalDetails.identityProofNumber || (identityDoc === null || identityDoc === void 0 ? void 0 : identityDoc.documentUid) || ""
52490
+ };
52491
+ });
52492
+ }
52493
+ }, [applicationDetails, isEditFlow]);
52018
52494
  useEffect(() => {
52019
52495
  var _propertyDetails$Prop;
52020
52496
  if (propertyDetails !== null && propertyDetails !== void 0 && (_propertyDetails$Prop = propertyDetails.Properties) !== null && _propertyDetails$Prop !== void 0 && _propertyDetails$Prop[0]) {
@@ -52038,18 +52514,18 @@ const MutationApplication = () => {
52038
52514
  sewerageUpdateMutation = _Digit$Hooks$ws$useWS2.mutate;
52039
52515
  const handleNextStep2 = data => {
52040
52516
  setFormData(prev => _extends({}, prev, data));
52041
- setCompletedSteps(prev => new Set([...prev, 2]));
52042
- setCurrentStep(3);
52517
+ setCompletedSteps(prev => new Set([...prev, 3]));
52518
+ setCurrentStep(4);
52043
52519
  };
52044
52520
  const handleNextStep3 = data => {
52045
52521
  setFormData(prev => _extends({}, prev, data));
52046
- setCompletedSteps(prev => new Set([...prev, 3]));
52047
- setCurrentStep(4);
52522
+ setCompletedSteps(prev => new Set([...prev, 4]));
52523
+ setCurrentStep(5);
52048
52524
  };
52049
52525
  const submitApplication = function () {
52050
52526
  try {
52051
52527
  setIsSubmitting(true);
52052
- const _temp2 = _catch(function () {
52528
+ return Promise.resolve(_catch(function () {
52053
52529
  var _finalData$cpt;
52054
52530
  let finalData = _extends({}, sessionFormData);
52055
52531
  if (!(finalData !== null && finalData !== void 0 && (_finalData$cpt = finalData.cpt) !== null && _finalData$cpt !== void 0 && _finalData$cpt.details)) {
@@ -52083,7 +52559,7 @@ const MutationApplication = () => {
52083
52559
  const sessionDetails = sessionStorage.getItem("WS_EDIT_APPLICATION_DETAILS") ? JSON.parse(sessionStorage.getItem("WS_EDIT_APPLICATION_DETAILS")) : {};
52084
52560
  return Promise.resolve(convertModifyApplicationDetails(finalData, sessionDetails, "INITIATE")).then(function (convertAppData) {
52085
52561
  if (!convertAppData.dateEffectiveFrom) {
52086
- convertAppData.dateEffectiveFrom = Date.now();
52562
+ convertAppData.dateEffectiveFrom = Date.now() + 86400000;
52087
52563
  }
52088
52564
  if (finalData !== null && finalData !== void 0 && finalData.MutationApplicantDetails) {
52089
52565
  var _mutDetails$reasonFor;
@@ -52118,8 +52594,67 @@ const MutationApplication = () => {
52118
52594
  });
52119
52595
  }
52120
52596
  }
52121
- convertAppData.applicationType = serviceType == "WATER" ? "MUTATION_WATER_CONNECTION" : "MUTATION_SEWERAGE_CONNECTION";
52122
- const reqDetails = serviceType == "WATER" ? {
52597
+ convertAppData.applicationType = resolvedServiceType === "WATER" ? "MUTATION_WATER_CONNECTION" : "MUTATION_SEWERAGE_CONNECTION";
52598
+ if (isEditFlow) {
52599
+ var _applicationDetails$a5, _applicationDetails$a6, _Digit, _Digit$Customizations, _Digit$Customizations2;
52600
+ let updatePayload = _extends({}, convertAppData, {
52601
+ id: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a5 = applicationDetails.applicationData) === null || _applicationDetails$a5 === void 0 ? void 0 : _applicationDetails$a5.id,
52602
+ applicationNo: editApplicationNumber,
52603
+ 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, {
52604
+ action: "RESUBMIT_APPLICATION"
52605
+ })
52606
+ });
52607
+ 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) {
52608
+ updatePayload = Digit.Customizations.WS.customiseUpdatePayloadOfWS((applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationData) || {}, updatePayload, resolvedServiceType);
52609
+ }
52610
+ const updateMutation = resolvedServiceType === "WATER" ? waterUpdateMutation : sewerageUpdateMutation;
52611
+ let reqDetailsUpdate = resolvedServiceType === "WATER" ? {
52612
+ WaterConnection: updatePayload,
52613
+ reconnectRequest: false,
52614
+ disconnectRequest: false
52615
+ } : {
52616
+ SewerageConnection: updatePayload,
52617
+ reconnectRequest: false,
52618
+ disconnectRequest: false
52619
+ };
52620
+ updateMutation(reqDetailsUpdate, {
52621
+ onError: error => {
52622
+ var _error$response, _error$response$data, _error$response$data$, _error$response$data$2;
52623
+ setIsSubmitting(false);
52624
+ setShowToast({
52625
+ key: "error",
52626
+ 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"
52627
+ });
52628
+ },
52629
+ onSuccess: updateData => {
52630
+ var _updateData$response, _updateData$response$, _updateData$WaterConn, _updateData$WaterConn2, _updateData$SewerageC, _updateData$SewerageC2;
52631
+ setIsSubmitting(false);
52632
+ 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) {
52633
+ var _updateData$response2, _updateData$response3, _apiErrors$;
52634
+ 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;
52635
+ 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";
52636
+ setShowToast({
52637
+ key: "error",
52638
+ message: errorMessage
52639
+ });
52640
+ return;
52641
+ }
52642
+ if (updateData !== null && updateData !== void 0 && updateData.Errors && updateData.Errors.length > 0) {
52643
+ setShowToast({
52644
+ key: "error",
52645
+ message: updateData.Errors[0].message || "Failed to update application"
52646
+ });
52647
+ return;
52648
+ }
52649
+ clearSessionFormData();
52650
+ 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;
52651
+ setGeneratedAppNo(newAppNo);
52652
+ setCurrentStep(6);
52653
+ }
52654
+ });
52655
+ return;
52656
+ }
52657
+ const reqDetails = resolvedServiceType === "WATER" ? {
52123
52658
  WaterConnection: convertAppData,
52124
52659
  reconnectRequest: false,
52125
52660
  disconnectRequest: false
@@ -52128,23 +52663,23 @@ const MutationApplication = () => {
52128
52663
  reconnectRequest: false,
52129
52664
  disconnectRequest: false
52130
52665
  };
52131
- const mutation = serviceType == "WATER" ? waterMutation : sewerageMutation;
52666
+ const mutation = resolvedServiceType === "WATER" ? waterMutation : sewerageMutation;
52132
52667
  return Promise.resolve(mutation(reqDetails, {
52133
52668
  onError: error => {
52134
- var _error$response, _error$response$data, _error$response$data$, _error$response$data$2;
52669
+ var _error$response2, _error$response2$data, _error$response2$data2, _error$response2$data3;
52135
52670
  setIsSubmitting(false);
52136
52671
  setShowToast({
52137
52672
  key: "error",
52138
- 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"
52673
+ 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"
52139
52674
  });
52140
52675
  },
52141
52676
  onSuccess: data => {
52142
52677
  var _data$response, _data$response$data;
52143
52678
  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) {
52144
- var _data$response2, _data$response2$data, _apiErrors$;
52679
+ var _data$response2, _data$response2$data, _apiErrors$2;
52145
52680
  setIsSubmitting(false);
52146
52681
  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;
52147
- 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";
52682
+ 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";
52148
52683
  setShowToast({
52149
52684
  key: "error",
52150
52685
  message: errorMessage
@@ -52158,19 +52693,19 @@ const MutationApplication = () => {
52158
52693
  message: data.Errors[0].message || "Failed to submit application"
52159
52694
  });
52160
52695
  } else {
52161
- var _data$WaterConnection, _data$SewerageConnect, _Digit, _Digit$Customizations, _Digit$Customizations2;
52162
- const updateMutation = serviceType == "WATER" ? waterUpdateMutation : sewerageUpdateMutation;
52163
- 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];
52696
+ var _data$WaterConnection, _data$SewerageConnect, _Digit2, _Digit2$Customization, _Digit2$Customization2;
52697
+ const updateMutation = resolvedServiceType === "WATER" ? waterUpdateMutation : sewerageUpdateMutation;
52698
+ 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];
52164
52699
  let updatePayload = _extends({}, createdConnection, {
52165
52700
  dateEffectiveFrom: (createdConnection === null || createdConnection === void 0 ? void 0 : createdConnection.dateEffectiveFrom) || Date.now(),
52166
52701
  processInstance: _extends({}, createdConnection === null || createdConnection === void 0 ? void 0 : createdConnection.processInstance, {
52167
52702
  action: "APPLY_MUTATION"
52168
52703
  })
52169
52704
  });
52170
- 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) {
52171
- updatePayload = Digit.Customizations.WS.customiseUpdatePayloadOfWS(createdConnection, updatePayload, serviceType);
52705
+ 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) {
52706
+ updatePayload = Digit.Customizations.WS.customiseUpdatePayloadOfWS(createdConnection, updatePayload, resolvedServiceType);
52172
52707
  }
52173
- let reqDetailsUpdate = serviceType == "WATER" ? {
52708
+ let reqDetailsUpdate = resolvedServiceType === "WATER" ? {
52174
52709
  WaterConnection: updatePayload,
52175
52710
  reconnectRequest: false,
52176
52711
  disconnectRequest: false
@@ -52181,20 +52716,20 @@ const MutationApplication = () => {
52181
52716
  };
52182
52717
  updateMutation(reqDetailsUpdate, {
52183
52718
  onError: error => {
52184
- var _error$response2, _error$response2$data, _error$response2$data2, _error$response2$data3;
52719
+ var _error$response3, _error$response3$data, _error$response3$data2, _error$response3$data3;
52185
52720
  setIsSubmitting(false);
52186
52721
  setShowToast({
52187
52722
  key: "error",
52188
- 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"
52723
+ 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"
52189
52724
  });
52190
52725
  },
52191
52726
  onSuccess: updateData => {
52192
- var _updateData$response, _updateData$response$, _updateData$WaterConn, _updateData$WaterConn2, _updateData$SewerageC, _updateData$SewerageC2;
52727
+ var _updateData$response4, _updateData$response5, _updateData$WaterConn3, _updateData$WaterConn4, _updateData$SewerageC3, _updateData$SewerageC4;
52193
52728
  setIsSubmitting(false);
52194
- 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) {
52195
- var _updateData$response2, _updateData$response3, _apiErrors$2;
52196
- 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;
52197
- 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";
52729
+ 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) {
52730
+ var _updateData$response6, _updateData$response7, _apiErrors$3;
52731
+ 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;
52732
+ 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";
52198
52733
  setShowToast({
52199
52734
  key: "error",
52200
52735
  message: errorMessage
@@ -52209,9 +52744,9 @@ const MutationApplication = () => {
52209
52744
  return;
52210
52745
  }
52211
52746
  clearSessionFormData();
52212
- 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;
52747
+ 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;
52213
52748
  setGeneratedAppNo(newAppNo);
52214
- setCurrentStep(5);
52749
+ setCurrentStep(6);
52215
52750
  }
52216
52751
  });
52217
52752
  }
@@ -52225,8 +52760,7 @@ const MutationApplication = () => {
52225
52760
  key: "error",
52226
52761
  message: "Failed to submit application"
52227
52762
  });
52228
- });
52229
- return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
52763
+ }));
52230
52764
  } catch (e) {
52231
52765
  return Promise.reject(e);
52232
52766
  }
@@ -52246,6 +52780,10 @@ const MutationApplication = () => {
52246
52780
  }
52247
52781
  };
52248
52782
  const timelineConfig = [{
52783
+ sectionId: "search",
52784
+ route: "search-connection",
52785
+ actions: "Authentication"
52786
+ }, {
52249
52787
  sectionId: "application",
52250
52788
  route: "application-selection",
52251
52789
  actions: "Existing Connection"
@@ -52267,12 +52805,12 @@ const MutationApplication = () => {
52267
52805
  currentStep: index + 1
52268
52806
  }]
52269
52807
  }));
52270
- if (isDetailsLoading || propertyId && isPropertyLoading) {
52808
+ if (isDetailsLoading || propertyId && isPropertyLoading || isWorkflowLoading) {
52271
52809
  return /*#__PURE__*/React.createElement(Loader, null);
52272
52810
  }
52273
52811
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
52274
52812
  className: "employee-form-section-wrapper"
52275
- }, currentStep !== 5 && /*#__PURE__*/React.createElement(VerticalTimeline, {
52813
+ }, currentStep !== 6 && !isMobile && /*#__PURE__*/React.createElement(VerticalTimeline, {
52276
52814
  config: timelineConfig,
52277
52815
  currentActiveIndex: currentStep - 1,
52278
52816
  showFinalStep: false,
@@ -52280,52 +52818,53 @@ const MutationApplication = () => {
52280
52818
  }), /*#__PURE__*/React.createElement("div", {
52281
52819
  style: {
52282
52820
  flex: "1",
52821
+ overflowY: "auto",
52283
52822
  minWidth: 0
52284
52823
  }
52285
- }, currentStep === 1 && /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(Step1_ExistingConnection, {
52824
+ }, currentStep === 1 && /*#__PURE__*/React.createElement(Step1_SearchConnection, {
52286
52825
  t: t,
52287
- applicationDetails: applicationDetails,
52288
- propertyId: propertyId
52289
- }), /*#__PURE__*/React.createElement("div", {
52290
- style: {
52291
- display: "flex",
52292
- justifyContent: "flex-end"
52293
- }
52294
- }, /*#__PURE__*/React.createElement("button", {
52295
- onClick: () => {
52826
+ defaultKNumber: isEditFlow ? applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a7 = applicationDetails.applicationData) === null || _applicationDetails$a7 === void 0 ? void 0 : _applicationDetails$a7.connectionNo : "",
52827
+ onNext: _ref => {
52828
+ let kNumber = _ref.kNumber,
52829
+ mobileNumber = _ref.mobileNumber,
52830
+ detectedServiceType = _ref.serviceType;
52831
+ setAuthKNumber(kNumber);
52832
+ setAuthMobileNumber(mobileNumber);
52833
+ if (detectedServiceType) setAuthServiceType(detectedServiceType);
52296
52834
  setCompletedSteps(prev => new Set([...prev, 1]));
52297
52835
  setCurrentStep(2);
52298
- },
52299
- style: {
52300
- padding: "10px 24px",
52301
- backgroundColor: "#00497e",
52302
- color: "white",
52303
- border: "none",
52304
- borderRadius: "4px",
52305
- cursor: "pointer",
52306
- fontWeight: "bold"
52307
52836
  }
52308
- }, "Proceed to New Consumer Details \u2192"))), currentStep === 2 && /*#__PURE__*/React.createElement(Step2_NewConsumerDetails, {
52837
+ }), currentStep === 2 && /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(Step1_ExistingConnection, {
52838
+ t: t,
52839
+ applicationDetails: applicationDetails,
52840
+ propertyId: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a8 = applicationDetails.applicationData) === null || _applicationDetails$a8 === void 0 ? void 0 : _applicationDetails$a8.propertyId,
52841
+ mobileNumber: authMobileNumber,
52842
+ onVerify: () => {
52843
+ setCompletedSteps(prev => new Set([...prev, 2]));
52844
+ setCurrentStep(3);
52845
+ }
52846
+ })), currentStep === 3 && /*#__PURE__*/React.createElement(Step2_NewConsumerDetails, {
52309
52847
  t: t,
52310
52848
  defaultValues: formData,
52311
52849
  onNext: handleNextStep2,
52312
- onBack: () => setCurrentStep(1)
52313
- }), currentStep === 3 && /*#__PURE__*/React.createElement(Step3_UploadDocuments, {
52850
+ onBack: () => setCurrentStep(2)
52851
+ }), currentStep === 4 && /*#__PURE__*/React.createElement(Step3_UploadDocuments, {
52314
52852
  t: t,
52315
52853
  defaultValues: formData,
52316
52854
  onNext: handleNextStep3,
52317
- onBack: () => setCurrentStep(2)
52318
- }), currentStep === 4 && /*#__PURE__*/React.createElement(Step4_Preview, {
52855
+ onBack: () => setCurrentStep(3)
52856
+ }), currentStep === 5 && /*#__PURE__*/React.createElement(Step4_Preview, {
52319
52857
  t: t,
52320
52858
  formData: formData,
52321
52859
  applicationDetails: applicationDetails,
52322
- onBack: () => setCurrentStep(3),
52860
+ resolvedServiceType: resolvedServiceType,
52861
+ onBack: () => setCurrentStep(4),
52323
52862
  onSubmit: submitApplication,
52324
52863
  isLoading: isSubmitting
52325
- }), currentStep === 5 && /*#__PURE__*/React.createElement(Step5_Submission, {
52864
+ }), currentStep === 6 && /*#__PURE__*/React.createElement(Step5_Submission, {
52326
52865
  t: t,
52327
52866
  applicationNumber: generatedAppNo,
52328
- serviceType: serviceType || (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a4 = applicationDetails.applicationData) === null || _applicationDetails$a4 === void 0 ? void 0 : _applicationDetails$a4.serviceType)
52867
+ serviceType: resolvedServiceType
52329
52868
  }), showToast && /*#__PURE__*/React.createElement(Toast, {
52330
52869
  error: (showToast === null || showToast === void 0 ? void 0 : showToast.key) === "error",
52331
52870
  warning: (showToast === null || showToast === void 0 ? void 0 : showToast.key) === "warning",
@@ -55196,6 +55735,9 @@ const WSLinks = _ref2 => {
55196
55735
  }, {
55197
55736
  link: matchPath + "/my-connections",
55198
55737
  i18nKey: t("ACTION_TEXT_WS_MY_CONNECTION")
55738
+ }, {
55739
+ link: matchPath + "/mutation-application",
55740
+ i18nKey: t("WS_APPLY_MUTATION")
55199
55741
  }];
55200
55742
  return /*#__PURE__*/React.createElement(CitizenHomeCard, {
55201
55743
  header: t("ACTION_TEST_WATER_AND_SEWERAGE"),