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

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.
@@ -1,7 +1,7 @@
1
1
  import React, { useState, useMemo, useEffect, useRef, Fragment as Fragment$2, useReducer, useCallback } from 'react';
2
2
  import { useTranslation } from 'react-i18next';
3
3
  import { Link, useHistory, useLocation, Switch, Route, useRouteMatch, Redirect, useParams } from 'react-router-dom';
4
- import { Loader, Card, KeyNote, SubmitBar, InfoBannerIcon, SearchForm, SearchField, Dropdown, TextInput, Table, Banner, CardText, ActionBar, HomeIcon, AppContainer, ModuleHeader, ArrowLeft, PrivateRoute, VerticalTimeline, CollapsibleCardPage, LabelFieldPair, CardLabel, CardLabelError, CheckBox, LayoutWrapper, PrintBtnCommon, MultiLink, LinkButton, Toast, TickMark, FormStep, RadioOrSelect, CardHeader, CitizenInfoLabel, CardSubHeader, DatePicker, RadioButtons, UploadFile, ViewsIcon, Modal, DeleteIcon, WrapUnMaskComponent, MobileNumber, StatusTable, Row, CardSectionHeader, InfoIcon, TextArea, Header, FilterFormField, RemoveableTag as RemoveableTag$1, MultiSelectDropdown, InboxComposer, DropIcon, WSICon, EmployeeModuleCard, SearchAction, PopUp, DetailsCard, CloseSvg, Localities, DownloadBtnCommon, CollectionIcon, ResponseComposer, TelePhone, DisplayPhotos, PDFSvg, GenericFileIcon, EditIcon, Label, CardSectionSubText, DownloadIcon, CardLabelDesc, FormComposer, MultiUploadWrapper, Close as Close$f, BreakLine, AddIcon, CheckPoint, ConnectingCheckPoints, Menu, ButtonSelector as ButtonSelector$1, CitizenHomeCard } from '@djb25/digit-ui-react-components';
4
+ import { Loader, Card, KeyNote, SubmitBar, InfoBannerIcon, SearchForm, SearchField, Dropdown, TextInput, Table, Banner, CardText, ActionBar, HomeIcon, AppContainer, ModuleHeader, ArrowLeft, PrivateRoute, LayoutWrapper, VerticalTimeline, CollapsibleCardPage, LabelFieldPair, CardLabel, CardLabelError, CheckBox, PrintBtnCommon, MultiLink, LinkButton, Toast, TickMark, FormStep, RadioOrSelect, CardHeader, CitizenInfoLabel, CardSubHeader, DatePicker, RadioButtons, UploadFile, ViewsIcon, Modal, DeleteIcon, WrapUnMaskComponent, MobileNumber, StatusTable, Row, CardSectionHeader, InfoIcon, TextArea, Header, FilterFormField, RemoveableTag as RemoveableTag$1, MultiSelectDropdown, InboxComposer, DropIcon, WSICon, EmployeeModuleCard, SearchAction, PopUp, DetailsCard, CloseSvg, Localities, DownloadBtnCommon, CollectionIcon, ResponseComposer, TelePhone, DisplayPhotos, PDFSvg, GenericFileIcon, EditIcon, Label, CardSectionSubText, DownloadIcon, CardLabelDesc, FormComposer, MultiUploadWrapper, Close as Close$f, BreakLine, AddIcon, CheckPoint, ConnectingCheckPoints, Menu, ButtonSelector as ButtonSelector$1, CitizenHomeCard } from '@djb25/digit-ui-react-components';
5
5
  import { useForm, Controller, useWatch, useFormContext } from 'react-hook-form';
6
6
  import { read, utils as utils$1 } from 'xlsx';
7
7
  import { useQueryClient, useQuery } from 'react-query';
@@ -9097,7 +9097,9 @@ const App = _ref => {
9097
9097
  component: WSCitizenEditApplication
9098
9098
  }), /*#__PURE__*/React.createElement(PrivateRoute, {
9099
9099
  path: path + "/old-application",
9100
- component: WSOLDApplication
9100
+ component: () => /*#__PURE__*/React.createElement(LayoutWrapper, {
9101
+ layoutClass: "action"
9102
+ }, /*#__PURE__*/React.createElement(WSOLDApplication, null))
9101
9103
  }), /*#__PURE__*/React.createElement(PrivateRoute, {
9102
9104
  path: path + "/info",
9103
9105
  component: WSInfoPage
@@ -11108,13 +11110,17 @@ const App$1 = _ref2 => {
11108
11110
  component: WSEditDisconnectionByConfig
11109
11111
  }), /*#__PURE__*/React.createElement(PrivateRoute, {
11110
11112
  path: path + "/application-details",
11111
- component: WSApplicationDetails
11113
+ component: () => /*#__PURE__*/React.createElement(LayoutWrapper, {
11114
+ layoutClass: "action"
11115
+ }, /*#__PURE__*/React.createElement(WSApplicationDetails, null))
11112
11116
  }), /*#__PURE__*/React.createElement(PrivateRoute, {
11113
11117
  path: path + "/modify-details",
11114
11118
  component: WSModifyApplicationDetails
11115
11119
  }), /*#__PURE__*/React.createElement(PrivateRoute, {
11116
11120
  path: path + "/connection-details",
11117
- component: WSGetConnectionDetails
11121
+ component: () => /*#__PURE__*/React.createElement(LayoutWrapper, {
11122
+ layoutClass: "action"
11123
+ }, /*#__PURE__*/React.createElement(WSGetConnectionDetails, null))
11118
11124
  }), /*#__PURE__*/React.createElement(PrivateRoute, {
11119
11125
  path: path + "/bill-amendment",
11120
11126
  component: () => /*#__PURE__*/React.createElement(WSApplicationBillAmendment, {
@@ -17961,7 +17967,7 @@ const WSDocumentsEmployee = _ref => {
17961
17967
  }));
17962
17968
  };
17963
17969
  function SelectDocument(_ref2) {
17964
- var _formData$ConnectionD, _doc$i18nKey, _doc$i18nKey2, _doc$i18nKey3;
17970
+ var _formData$ConnectionD, _doc$i18nKey, _selectedDocument$cod2, _selectedDocument$cod3, _selectedDocument$cod4, _selectedDocument$cod5, _selectedDocument$cod6, _selectedDocument$cod7, _selectedDocument$cod8, _selectedDocument$cod9, _selectedDocument$cod0, _selectedDocument$cod1, _selectedDocument$cod10, _selectedDocument$cod11, _selectedDocument$cod12, _selectedDocument$cod13, _selectedDocument$cod14, _selectedDocument$cod15, _doc$i18nKey2, _doc$i18nKey3;
17965
17971
  let t = _ref2.t,
17966
17972
  doc = _ref2.document,
17967
17973
  setDocuments = _ref2.setDocuments,
@@ -18024,6 +18030,29 @@ function SelectDocument(_ref2) {
18024
18030
  const _useState13 = useState(false),
18025
18031
  digiLockerUpload = _useState13[0],
18026
18032
  setDigilockerUpload = _useState13[1];
18033
+ const _useState14 = useState(null),
18034
+ docNumberError = _useState14[0],
18035
+ setDocNumberError = _useState14[1];
18036
+ const validateDocumentNumber = (value, docTypeCode, isReq, hasFile) => {
18037
+ if (!isReq && !hasFile && (!value || !value.trim())) return null;
18038
+ if (!value || !value.trim()) return t("WS_DOCUMENT_NUMBER_REQUIRED") || "Document number is required";
18039
+ const trimmed = value.trim();
18040
+ const upperCode = (docTypeCode || "").toUpperCase();
18041
+ if (upperCode.includes("AADHAAR") || upperCode.includes("AADHAR")) {
18042
+ if (!/^\d{12}$/.test(trimmed)) return t("WS_AADHAAR_VALIDATION_ERROR") || "Aadhaar number must be exactly 12 digits";
18043
+ } else if (upperCode.includes("PAN")) {
18044
+ if (!/^[A-Z]{5}[0-9]{4}[A-Z]{1}$/.test(trimmed.toUpperCase())) return t("WS_PAN_VALIDATION_ERROR") || "PAN must be in format ABCDE1234F";
18045
+ } else if (upperCode.includes("VOTER") || upperCode.includes("VOTERID")) {
18046
+ if (!/^[A-Z]{3}\d{7}$/.test(trimmed.toUpperCase())) return t("WS_VOTERID_VALIDATION_ERROR") || "Voter ID must be in format ABC1234567";
18047
+ } else if (upperCode.includes("DRIVING") || upperCode.includes("DRVLC")) {
18048
+ if (!/^[A-Z]{2}\d{13}$/.test(trimmed.toUpperCase())) return t("WS_DRIVING_LICENSE_VALIDATION_ERROR") || "Driving License must be 15 characters (e.g. MH1420110012345)";
18049
+ } else if (upperCode.includes("PASSPORT")) {
18050
+ if (!/^[A-Z]{1}\d{7}$/.test(trimmed.toUpperCase())) return t("WS_PASSPORT_VALIDATION_ERROR") || "Passport must be 8 characters (e.g. A1234567)";
18051
+ } else {
18052
+ if (trimmed.length < 3) return t("WS_DOC_NO_MIN_LENGTH") || "Document number must be at least 3 characters";
18053
+ }
18054
+ return null;
18055
+ };
18027
18056
  useEffect(() => {
18028
18057
  const eligible = isDigiLockerEligible((selectedDocument === null || selectedDocument === void 0 ? void 0 : selectedDocument.code) || "");
18029
18058
  setDigilockerUpload(eligible);
@@ -18089,8 +18118,8 @@ function SelectDocument(_ref2) {
18089
18118
  }
18090
18119
  const dropdownData = doc.dropdownData;
18091
18120
  var dropDownData = dropdownData;
18092
- const _useState14 = useState(false),
18093
- isHidden = _useState14[0];
18121
+ const _useState15 = useState(false),
18122
+ isHidden = _useState15[0];
18094
18123
  const addError = () => {
18095
18124
  var _formState$errors, _formState$errors$con;
18096
18125
  let type = formState === null || formState === void 0 ? void 0 : (_formState$errors = formState.errors) === null || _formState$errors === void 0 ? void 0 : (_formState$errors$con = _formState$errors[config.key]) === null || _formState$errors$con === void 0 ? void 0 : _formState$errors$con.type;
@@ -18138,10 +18167,15 @@ function SelectDocument(_ref2) {
18138
18167
  return data;
18139
18168
  });
18140
18169
  }
18170
+ const err = validateDocumentNumber(documentUid, selectedDocument === null || selectedDocument === void 0 ? void 0 : selectedDocument.code, doc === null || doc === void 0 ? void 0 : doc.required, !!uploadedFile);
18141
18171
  if (!isHidden) {
18142
- if ((!uploadedFile || !(selectedDocument !== null && selectedDocument !== void 0 && selectedDocument.code)) && doc !== null && doc !== void 0 && doc.required) {
18172
+ if ((!uploadedFile || !(selectedDocument !== null && selectedDocument !== void 0 && selectedDocument.code) || err) && doc !== null && doc !== void 0 && doc.required) {
18173
+ addError();
18174
+ } else if (err) {
18143
18175
  addError();
18144
- } else if (uploadedFile && selectedDocument !== null && selectedDocument !== void 0 && selectedDocument.code) {
18176
+ } else if (uploadedFile && selectedDocument !== null && selectedDocument !== void 0 && selectedDocument.code && !err) {
18177
+ removeError();
18178
+ } else if (!(doc !== null && doc !== void 0 && doc.required) && !err) {
18145
18179
  removeError();
18146
18180
  }
18147
18181
  } else if (isHidden) {
@@ -18211,7 +18245,17 @@ function SelectDocument(_ref2) {
18211
18245
  width: "100%",
18212
18246
  marginBottom: "20px"
18213
18247
  }
18214
- }, doc !== null && doc !== void 0 && doc.hasDropdown ? /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, null, doc !== null && doc !== void 0 && doc.required ? t(doc === null || doc === void 0 ? void 0 : doc.i18nKey) + "*" : "" + t(doc === null || doc === void 0 ? void 0 : doc.i18nKey)), /*#__PURE__*/React.createElement(Dropdown, {
18248
+ }, doc !== null && doc !== void 0 && doc.hasDropdown ? /*#__PURE__*/React.createElement("div", {
18249
+ style: {
18250
+ display: "flex",
18251
+ flexDirection: "column",
18252
+ gap: "8px"
18253
+ }
18254
+ }, /*#__PURE__*/React.createElement(CardLabel, {
18255
+ style: {
18256
+ margin: 0
18257
+ }
18258
+ }, doc !== null && doc !== void 0 && doc.required ? t(doc === null || doc === void 0 ? void 0 : doc.i18nKey) + "*" : "" + t(doc === null || doc === void 0 ? void 0 : doc.i18nKey)), /*#__PURE__*/React.createElement(Dropdown, {
18215
18259
  id: "doc-" + (doc === null || doc === void 0 ? void 0 : doc.code),
18216
18260
  key: "doc-" + (doc === null || doc === void 0 ? void 0 : doc.code),
18217
18261
  className: "form-field",
@@ -18225,13 +18269,36 @@ function SelectDocument(_ref2) {
18225
18269
  select: handleSelectDocument,
18226
18270
  optionKey: "i18nKey",
18227
18271
  t: t
18228
- })) : null, (doc === null || doc === void 0 ? void 0 : doc.code) !== "OWNER.APPLICANTPHOTO" && /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, null, t((doc === null || doc === void 0 ? void 0 : (_doc$i18nKey = doc.i18nKey) === null || _doc$i18nKey === void 0 ? void 0 : _doc$i18nKey.replaceAll(".", "_")) + "_DOCUMENT_NO")), /*#__PURE__*/React.createElement("div", {
18272
+ })) : null, (doc === null || doc === void 0 ? void 0 : doc.code) !== "OWNER.APPLICANTPHOTO" && /*#__PURE__*/React.createElement("div", {
18273
+ style: {
18274
+ display: "flex",
18275
+ flexDirection: "column",
18276
+ gap: "8px"
18277
+ }
18278
+ }, /*#__PURE__*/React.createElement(CardLabel, {
18279
+ style: {
18280
+ margin: 0
18281
+ }
18282
+ }, t((doc === null || doc === void 0 ? void 0 : (_doc$i18nKey = doc.i18nKey) === null || _doc$i18nKey === void 0 ? void 0 : _doc$i18nKey.replaceAll(".", "_")) + "_DOCUMENT_NO")), /*#__PURE__*/React.createElement("div", {
18229
18283
  className: "field"
18230
18284
  }, /*#__PURE__*/React.createElement(TextInput, {
18231
18285
  type: "text",
18232
18286
  value: documentUid,
18233
18287
  onChange: e => {
18234
- if (!isDocumentUidLocked) setDocumentUid(e.target.value);
18288
+ if (!isDocumentUidLocked) {
18289
+ var _selectedDocument$cod;
18290
+ let val = e.target.value;
18291
+ const upperCode = (selectedDocument === null || selectedDocument === void 0 ? void 0 : (_selectedDocument$cod = selectedDocument.code) === null || _selectedDocument$cod === void 0 ? void 0 : _selectedDocument$cod.toUpperCase()) || "";
18292
+ const maxLen = upperCode.includes("AADHAAR") || upperCode.includes("AADHAR") ? 12 : upperCode.includes("PAN") ? 10 : upperCode.includes("VOTER") || upperCode.includes("VOTERID") ? 10 : upperCode.includes("DRIVING") || upperCode.includes("DRVLC") ? 15 : upperCode.includes("PASSPORT") ? 8 : 64;
18293
+ if (val.length > maxLen) {
18294
+ val = val.substring(0, maxLen);
18295
+ }
18296
+ setDocumentUid(val);
18297
+ setDocNumberError(null);
18298
+ }
18299
+ },
18300
+ onBlur: () => {
18301
+ setDocNumberError(validateDocumentNumber(documentUid, selectedDocument === null || selectedDocument === void 0 ? void 0 : selectedDocument.code, doc === null || doc === void 0 ? void 0 : doc.required, !!uploadedFile));
18235
18302
  },
18236
18303
  placeholder: t("WS_IDENTITY_NO_PLACEHOLDER"),
18237
18304
  disabled: isDocumentUidLocked,
@@ -18239,8 +18306,58 @@ function SelectDocument(_ref2) {
18239
18306
  backgroundColor: "#f0f0f0",
18240
18307
  cursor: "not-allowed",
18241
18308
  color: "#555"
18242
- } : {}
18243
- }))), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, null, doc !== null && doc !== void 0 && doc.required ? t((doc === null || doc === void 0 ? void 0 : (_doc$i18nKey2 = doc.i18nKey) === null || _doc$i18nKey2 === void 0 ? void 0 : _doc$i18nKey2.replaceAll(".", "_")) + "_UPLOAD_DOCUMENT") + "*" : "" + t((doc === null || doc === void 0 ? void 0 : (_doc$i18nKey3 = doc.i18nKey) === null || _doc$i18nKey3 === void 0 ? void 0 : _doc$i18nKey3.replaceAll(".", "_")) + "_UPLOAD_DOCUMENT")), /*#__PURE__*/React.createElement("div", {
18309
+ } : docNumberError ? {
18310
+ border: "1px solid #d32f2f"
18311
+ } : {},
18312
+ maxLength: selectedDocument !== null && selectedDocument !== void 0 && (_selectedDocument$cod2 = selectedDocument.code) !== null && _selectedDocument$cod2 !== void 0 && _selectedDocument$cod2.toUpperCase().includes("AADHAAR") || selectedDocument !== null && selectedDocument !== void 0 && (_selectedDocument$cod3 = selectedDocument.code) !== null && _selectedDocument$cod3 !== void 0 && _selectedDocument$cod3.toUpperCase().includes("AADHAR") ? 12 : selectedDocument !== null && selectedDocument !== void 0 && (_selectedDocument$cod4 = selectedDocument.code) !== null && _selectedDocument$cod4 !== void 0 && _selectedDocument$cod4.toUpperCase().includes("PAN") ? 10 : selectedDocument !== null && selectedDocument !== void 0 && (_selectedDocument$cod5 = selectedDocument.code) !== null && _selectedDocument$cod5 !== void 0 && _selectedDocument$cod5.toUpperCase().includes("VOTER") || selectedDocument !== null && selectedDocument !== void 0 && (_selectedDocument$cod6 = selectedDocument.code) !== null && _selectedDocument$cod6 !== void 0 && _selectedDocument$cod6.toUpperCase().includes("VOTERID") ? 10 : selectedDocument !== null && selectedDocument !== void 0 && (_selectedDocument$cod7 = selectedDocument.code) !== null && _selectedDocument$cod7 !== void 0 && _selectedDocument$cod7.toUpperCase().includes("DRIVING") || selectedDocument !== null && selectedDocument !== void 0 && (_selectedDocument$cod8 = selectedDocument.code) !== null && _selectedDocument$cod8 !== void 0 && _selectedDocument$cod8.toUpperCase().includes("DRVLC") ? 15 : selectedDocument !== null && selectedDocument !== void 0 && (_selectedDocument$cod9 = selectedDocument.code) !== null && _selectedDocument$cod9 !== void 0 && _selectedDocument$cod9.toUpperCase().includes("PASSPORT") ? 8 : 64
18313
+ }), docNumberError && /*#__PURE__*/React.createElement("div", {
18314
+ style: {
18315
+ fontSize: "12px",
18316
+ color: "#d32f2f",
18317
+ marginTop: "4px"
18318
+ }
18319
+ }, docNumberError), ((selectedDocument === null || selectedDocument === void 0 ? void 0 : (_selectedDocument$cod0 = selectedDocument.code) === null || _selectedDocument$cod0 === void 0 ? void 0 : _selectedDocument$cod0.toUpperCase().includes("AADHAAR")) || (selectedDocument === null || selectedDocument === void 0 ? void 0 : (_selectedDocument$cod1 = selectedDocument.code) === null || _selectedDocument$cod1 === void 0 ? void 0 : _selectedDocument$cod1.toUpperCase().includes("AADHAR"))) && !docNumberError && /*#__PURE__*/React.createElement("div", {
18320
+ style: {
18321
+ fontSize: "11px",
18322
+ color: "#000000",
18323
+ marginTop: "4px"
18324
+ }
18325
+ }, t("WS_AADHAAR_VALIDATION_ERROR") || "Format: 12-digit numeric (e.g. 123456789012)"), (selectedDocument === null || selectedDocument === void 0 ? void 0 : (_selectedDocument$cod10 = selectedDocument.code) === null || _selectedDocument$cod10 === void 0 ? void 0 : _selectedDocument$cod10.toUpperCase().includes("PAN")) && !docNumberError && /*#__PURE__*/React.createElement("div", {
18326
+ style: {
18327
+ fontSize: "11px",
18328
+ color: "#000000",
18329
+ marginTop: "4px"
18330
+ }
18331
+ }, t("WS_PAN_VALIDATION_ERROR") || "Format: ABCDE1234F"), ((selectedDocument === null || selectedDocument === void 0 ? void 0 : (_selectedDocument$cod11 = selectedDocument.code) === null || _selectedDocument$cod11 === void 0 ? void 0 : _selectedDocument$cod11.toUpperCase().includes("VOTER")) || (selectedDocument === null || selectedDocument === void 0 ? void 0 : (_selectedDocument$cod12 = selectedDocument.code) === null || _selectedDocument$cod12 === void 0 ? void 0 : _selectedDocument$cod12.toUpperCase().includes("VOTERID"))) && !docNumberError && /*#__PURE__*/React.createElement("div", {
18332
+ style: {
18333
+ fontSize: "11px",
18334
+ color: "#000000",
18335
+ marginTop: "4px"
18336
+ }
18337
+ }, t("WS_VOTERID_VALIDATION_ERROR") || "Format: ABC1234567"), ((selectedDocument === null || selectedDocument === void 0 ? void 0 : (_selectedDocument$cod13 = selectedDocument.code) === null || _selectedDocument$cod13 === void 0 ? void 0 : _selectedDocument$cod13.toUpperCase().includes("DRIVING")) || (selectedDocument === null || selectedDocument === void 0 ? void 0 : (_selectedDocument$cod14 = selectedDocument.code) === null || _selectedDocument$cod14 === void 0 ? void 0 : _selectedDocument$cod14.toUpperCase().includes("DRVLC"))) && !docNumberError && /*#__PURE__*/React.createElement("div", {
18338
+ style: {
18339
+ fontSize: "11px",
18340
+ color: "#000000",
18341
+ marginTop: "4px"
18342
+ }
18343
+ }, t("WS_DRIVING_LICENSE_VALIDATION_ERROR") || "Format: MH1420110012345"), (selectedDocument === null || selectedDocument === void 0 ? void 0 : (_selectedDocument$cod15 = selectedDocument.code) === null || _selectedDocument$cod15 === void 0 ? void 0 : _selectedDocument$cod15.toUpperCase().includes("PASSPORT")) && !docNumberError && /*#__PURE__*/React.createElement("div", {
18344
+ style: {
18345
+ fontSize: "11px",
18346
+ color: "#000000",
18347
+ marginTop: "4px"
18348
+ }
18349
+ }, t("WS_PASSPORT_VALIDATION_ERROR") || "Format: A1234567"))), /*#__PURE__*/React.createElement("div", {
18350
+ style: {
18351
+ display: "flex",
18352
+ flexDirection: "column",
18353
+ gap: "8px",
18354
+ gridColumn: "span 1"
18355
+ }
18356
+ }, /*#__PURE__*/React.createElement(CardLabel, {
18357
+ style: {
18358
+ margin: 0
18359
+ }
18360
+ }, doc !== null && doc !== void 0 && doc.required ? t((doc === null || doc === void 0 ? void 0 : (_doc$i18nKey2 = doc.i18nKey) === null || _doc$i18nKey2 === void 0 ? void 0 : _doc$i18nKey2.replaceAll(".", "_")) + "_UPLOAD_DOCUMENT") + "*" : "" + t((doc === null || doc === void 0 ? void 0 : (_doc$i18nKey3 = doc.i18nKey) === null || _doc$i18nKey3 === void 0 ? void 0 : _doc$i18nKey3.replaceAll(".", "_")) + "_UPLOAD_DOCUMENT")), /*#__PURE__*/React.createElement("div", {
18244
18361
  className: "field",
18245
18362
  style: {
18246
18363
  display: "flex",
@@ -18311,19 +18428,25 @@ function SelectDocument(_ref2) {
18311
18428
  setIsDocumentUidLocked(false);
18312
18429
  setDocumentUid("");
18313
18430
  }
18314
- })), uploadedFile && /*#__PURE__*/React.createElement("div", {
18315
- onClick: viewDocument,
18431
+ })))), /*#__PURE__*/React.createElement("div", {
18316
18432
  style: {
18317
- cursor: "pointer"
18433
+ display: "flex",
18434
+ flexDirection: "column",
18435
+ gap: "8px",
18436
+ gridColumn: "span 1"
18437
+ }
18438
+ }, /*#__PURE__*/React.createElement(CardLabel, {
18439
+ style: {
18440
+ margin: 0
18318
18441
  }
18319
- }, /*#__PURE__*/React.createElement(ViewsIcon, null)), (doc === null || doc === void 0 ? void 0 : doc.code) === "OWNER.APPLICANTPHOTO" && /*#__PURE__*/React.createElement("div", {
18442
+ }, (doc === null || doc === void 0 ? void 0 : doc.code) === "OWNER.APPLICANTPHOTO" ? t("WS_CLICK_APPLICANT_PHOTO") || "Click Applicant Photo" : "\u00A0"), /*#__PURE__*/React.createElement("div", {
18320
18443
  style: {
18321
- flex: 1,
18322
18444
  display: "flex",
18323
- flexDirection: "column",
18324
- marginTop: "-20px"
18445
+ alignItems: "center",
18446
+ gap: "20px",
18447
+ height: "100%"
18325
18448
  }
18326
- }, /*#__PURE__*/React.createElement(CardLabel, null, t("WS_CLICK_APPLICANT_PHOTO") || "Click Applicant Photo"), /*#__PURE__*/React.createElement("div", {
18449
+ }, (doc === null || doc === void 0 ? void 0 : doc.code) === "OWNER.APPLICANTPHOTO" && /*#__PURE__*/React.createElement("div", {
18327
18450
  style: {
18328
18451
  display: "flex",
18329
18452
  alignItems: "center",
@@ -18358,7 +18481,21 @@ function SelectDocument(_ref2) {
18358
18481
  fontWeight: "bold",
18359
18482
  fontSize: "14px"
18360
18483
  }
18361
- }, "\u2714 Uploaded"))))), showCamera && /*#__PURE__*/React.createElement(CameraCaptureModal, {
18484
+ }, "\u2714 Uploaded")), uploadedFile && /*#__PURE__*/React.createElement("div", {
18485
+ onClick: viewDocument,
18486
+ style: {
18487
+ display: "flex",
18488
+ alignItems: "center",
18489
+ gap: "8px",
18490
+ cursor: "pointer",
18491
+ color: "#00497e",
18492
+ fontWeight: "bold",
18493
+ padding: "8px 16px",
18494
+ border: "1px solid #00497e",
18495
+ borderRadius: "4px",
18496
+ backgroundColor: "#fff"
18497
+ }
18498
+ }, /*#__PURE__*/React.createElement(ViewsIcon, null), /*#__PURE__*/React.createElement("span", null, t("WS_VIEW_DOCUMENT") || "View Document")))), showCamera && /*#__PURE__*/React.createElement(CameraCaptureModal, {
18362
18499
  onCapture: handleCapture,
18363
18500
  onClose: () => setShowCamera(false),
18364
18501
  t: t
@@ -18425,12 +18562,12 @@ const CameraCaptureModal = _ref4 => {
18425
18562
  t = _ref4.t;
18426
18563
  const videoRef = useRef(null);
18427
18564
  const canvasRef = useRef(null);
18428
- const _useState15 = useState(null),
18429
- stream = _useState15[0],
18430
- setStream = _useState15[1];
18431
18565
  const _useState16 = useState(null),
18432
- error = _useState16[0],
18433
- setError = _useState16[1];
18566
+ stream = _useState16[0],
18567
+ setStream = _useState16[1];
18568
+ const _useState17 = useState(null),
18569
+ error = _useState17[0],
18570
+ setError = _useState17[1];
18434
18571
  useEffect(() => {
18435
18572
  const startCamera = function () {
18436
18573
  try {
@@ -26197,6 +26334,10 @@ const WSCard = () => {
26197
26334
  label: t("WS_CALCULATION"),
26198
26335
  link: "/digit-ui/employee/ws/water/calculation",
26199
26336
  roles: ["WS_CEMP", "WS_APPROVER", "WS_FIELD_INSPECTOR", "WS_DOC_VERIFIER", "WS_CLERK"]
26337
+ }, {
26338
+ label: t("WS_APPLY_MUTATION"),
26339
+ link: "/digit-ui/employee/ws/mutation-application",
26340
+ 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"]
26200
26341
  }]
26201
26342
  };
26202
26343
  return /*#__PURE__*/React.createElement(EmployeeModuleCard, propsForModuleCard);
@@ -31024,7 +31165,7 @@ const Rebate_menu = [{
31024
31165
  value: "Others"
31025
31166
  }];
31026
31167
  const WSFeeEstimation = _ref => {
31027
- var _wsAdditionalDetails$, _wsAdditionalDetails$18, _fields$adhocPenaltyR, _fields$adhocRebateRe;
31168
+ var _wsAdditionalDetails$, _fields$adhocPenaltyR, _fields$adhocRebateRe;
31028
31169
  let wsAdditionalDetails = _ref.wsAdditionalDetails;
31029
31170
  const _useTranslation = useTranslation(),
31030
31171
  t = _useTranslation.t;
@@ -31255,17 +31396,7 @@ const WSFeeEstimation = _ref => {
31255
31396
  } : {
31256
31397
  color: "#2E9E8F"
31257
31398
  }
31258
- }))), wsAdditionalDetails !== null && wsAdditionalDetails !== void 0 && (_wsAdditionalDetails$18 = wsAdditionalDetails.additionalDetails) !== null && _wsAdditionalDetails$18 !== void 0 && _wsAdditionalDetails$18.isAdhocRebate ? /*#__PURE__*/React.createElement("div", {
31259
- onClick: e => {
31260
- showPopUp(true);
31261
- }
31262
- }, /*#__PURE__*/React.createElement("span", {
31263
- className: "add-details-link hover-button",
31264
- style: {
31265
- cursor: "pointer",
31266
- color: "#a82227"
31267
- }
31268
- }, t("WS_PAYMENT_ADD_REBATE_PENALTY"))) : null, popup && /*#__PURE__*/React.createElement(Modal, {
31399
+ }))), popup && /*#__PURE__*/React.createElement(Modal, {
31269
31400
  headerBarMain: /*#__PURE__*/React.createElement(Heading, {
31270
31401
  label: t("PT_ADD_REBATE_PENALITY")
31271
31402
  }),
@@ -31893,31 +32024,31 @@ const checkForNA$1 = value => {
31893
32024
  return value ? value : "CS_NA";
31894
32025
  };
31895
32026
  const WSApplicationDetails = () => {
31896
- 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;
32027
+ 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;
31897
32028
  const getDisconnectionNoticeSearch = function () {
31898
32029
  try {
31899
- var _data$WaterConnection175, _data$WaterConnection176, _data$SewerageConnect170, _data$SewerageConnect171;
32030
+ var _data$WaterConnection182, _data$WaterConnection183, _data$SewerageConnect176, _data$SewerageConnect177;
31900
32031
  let key = "ws-waterdisconnectionnotice";
31901
32032
  let details = {};
31902
32033
  if (applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS")) {
31903
- var _data$WaterConnection174, _PTData$Properties9;
32034
+ var _data$WaterConnection181, _PTData$Properties9;
31904
32035
  details = {
31905
- WaterConnection: [_extends({}, data === null || data === void 0 ? void 0 : (_data$WaterConnection174 = data.WaterConnection) === null || _data$WaterConnection174 === void 0 ? void 0 : _data$WaterConnection174[0], {
32036
+ WaterConnection: [_extends({}, data === null || data === void 0 ? void 0 : (_data$WaterConnection181 = data.WaterConnection) === null || _data$WaterConnection181 === void 0 ? void 0 : _data$WaterConnection181[0], {
31906
32037
  property: PTData === null || PTData === void 0 ? void 0 : (_PTData$Properties9 = PTData.Properties) === null || _PTData$Properties9 === void 0 ? void 0 : _PTData$Properties9[0]
31907
32038
  })]
31908
32039
  };
31909
32040
  } else {
31910
- var _data$SewerageConnect169, _PTData$Properties0;
32041
+ var _data$SewerageConnect175, _PTData$Properties0;
31911
32042
  key = "ws-seweragedisconnectionnotice";
31912
32043
  details = {
31913
- SewerageConnection: [_extends({}, data === null || data === void 0 ? void 0 : (_data$SewerageConnect169 = data.SewerageConnections) === null || _data$SewerageConnect169 === void 0 ? void 0 : _data$SewerageConnect169[0], {
32044
+ SewerageConnection: [_extends({}, data === null || data === void 0 ? void 0 : (_data$SewerageConnect175 = data.SewerageConnections) === null || _data$SewerageConnect175 === void 0 ? void 0 : _data$SewerageConnect175[0], {
31914
32045
  property: PTData === null || PTData === void 0 ? void 0 : (_PTData$Properties0 = PTData.Properties) === null || _PTData$Properties0 === void 0 ? void 0 : _PTData$Properties0[0]
31915
32046
  })]
31916
32047
  };
31917
32048
  }
31918
- 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) {
31919
- var _data$WaterConnection177, _data$WaterConnection178, _data$SewerageConnect172, _data$SewerageConnect173;
31920
- 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), {
32049
+ 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) {
32050
+ var _data$WaterConnection184, _data$WaterConnection185, _data$SewerageConnect178, _data$SewerageConnect179;
32051
+ 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), {
31921
32052
  fileStoreIds: response.filestoreIds[0]
31922
32053
  })).then(function (fileStore) {
31923
32054
  window.open(fileStore[response === null || response === void 0 ? void 0 : response.filestoreIds[0]], "_blank");
@@ -32009,7 +32140,7 @@ const WSApplicationDetails = () => {
32009
32140
  }
32010
32141
  }) || false;
32011
32142
  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);
32012
- const isPaid = applicationStatus && applicationStatus !== "INITIATED" && applicationStatus !== "PENDING_FOR_PAYMENT" && applicationStatus !== "PENDING_FOR_FINAL_PAYMENT" && applicationStatus !== "PENDING_FOR_ADDITIONAL_PAYMENT" ? true : false;
32143
+ 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;
32013
32144
  const _Digit$Hooks$ws$useWS = Digit.Hooks.ws.useWSDetailsPage(t, tenantId, applicationNobyData, applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("SW") ? "SEWERAGE" : "WATER", user),
32014
32145
  isAppDetailsLoading = _Digit$Hooks$ws$useWS.isLoading,
32015
32146
  appDetailsData = _Digit$Hooks$ws$useWS.data;
@@ -32161,16 +32292,13 @@ const WSApplicationDetails = () => {
32161
32292
  let serviceType = data && data !== null && data !== void 0 && (_data$WaterConnection45 = data.WaterConnection) !== null && _data$WaterConnection45 !== void 0 && _data$WaterConnection45[0] ? "WATER" : "SEWERAGE";
32162
32293
  sessionStorage.setItem("ApplicationNoState", applicationNobyData);
32163
32294
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
32164
- className: "employee-main-application-details",
32165
- style: {
32166
- display: "flex",
32167
- gap: "20px"
32168
- }
32295
+ className: "employee-main-application-details"
32169
32296
  }, /*#__PURE__*/React.createElement("div", {
32170
32297
  className: "workflow-timeline-wrapper no-scrollbar",
32171
32298
  style: {
32172
- flex: "1 1 300px",
32173
- maxWidth: "400px"
32299
+ flex: "1 1 280px",
32300
+ maxWidth: "400px",
32301
+ minWidth: "240px"
32174
32302
  }
32175
32303
  }, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement("div", {
32176
32304
  id: "timeline"
@@ -32180,7 +32308,8 @@ const WSApplicationDetails = () => {
32180
32308
  paymentbuttonenabled: false
32181
32309
  })))), /*#__PURE__*/React.createElement("div", {
32182
32310
  style: {
32183
- flex: "2 1 500px"
32311
+ flex: "2 1 300px",
32312
+ minWidth: 0
32184
32313
  }
32185
32314
  }, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement("div", {
32186
32315
  className: "cardHeaderWithOptions",
@@ -32670,27 +32799,28 @@ const WSApplicationDetails = () => {
32670
32799
  label: t("MAKE_PAYMENT")
32671
32800
  })) : 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, {
32672
32801
  to: {
32673
- 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)),
32802
+ 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)),
32803
+ 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)) : "",
32674
32804
  state: {
32675
- 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))
32805
+ 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))
32676
32806
  }
32677
32807
  }
32678
32808
  }, /*#__PURE__*/React.createElement(SubmitBar, {
32679
32809
  label: t("COMMON_EDIT")
32680
- })) : 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, {
32810
+ })) : 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, {
32681
32811
  to: {
32682
32812
  pathname: "/digit-ui/citizen/ws/resubmit-disconnect-application",
32683
32813
  state: {
32684
- 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))
32814
+ 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))
32685
32815
  }
32686
32816
  }
32687
32817
  }, /*#__PURE__*/React.createElement(SubmitBar, {
32688
32818
  label: t("RESUBMIT_APPLICATION"),
32689
32819
  onSubmit: Digit.SessionStorage.set("WS_DISCONNECTION", applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("SW") ? {
32690
- applicationData: data === null || data === void 0 ? void 0 : (_data$SewerageConnect160 = data.SewerageConnections) === null || _data$SewerageConnect160 === void 0 ? void 0 : _data$SewerageConnect160[0],
32820
+ applicationData: data === null || data === void 0 ? void 0 : (_data$SewerageConnect166 = data.SewerageConnections) === null || _data$SewerageConnect166 === void 0 ? void 0 : _data$SewerageConnect166[0],
32691
32821
  serviceType: "SEWERAGE",
32692
32822
  WSDisconnectionForm: {
32693
- 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 ? {
32823
+ 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 ? {
32694
32824
  code: "type",
32695
32825
  value: {
32696
32826
  name: "Temporary",
@@ -32707,18 +32837,18 @@ const WSApplicationDetails = () => {
32707
32837
  code: "Permanent"
32708
32838
  }
32709
32839
  },
32710
- 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),
32840
+ 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),
32711
32841
  reason: {
32712
32842
  code: "reason",
32713
- 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
32843
+ 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
32714
32844
  },
32715
- 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
32845
+ 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
32716
32846
  }
32717
32847
  } : {
32718
- applicationData: data === null || data === void 0 ? void 0 : (_data$WaterConnection165 = data.WaterConnection) === null || _data$WaterConnection165 === void 0 ? void 0 : _data$WaterConnection165[0],
32848
+ applicationData: data === null || data === void 0 ? void 0 : (_data$WaterConnection172 = data.WaterConnection) === null || _data$WaterConnection172 === void 0 ? void 0 : _data$WaterConnection172[0],
32719
32849
  serviceType: "WATER",
32720
32850
  WSDisconnectionForm: {
32721
- 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 ? {
32851
+ 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 ? {
32722
32852
  code: "type",
32723
32853
  value: {
32724
32854
  name: "Temporary",
@@ -32735,12 +32865,12 @@ const WSApplicationDetails = () => {
32735
32865
  code: "Permanent"
32736
32866
  }
32737
32867
  },
32738
- 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),
32868
+ 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),
32739
32869
  reason: {
32740
32870
  code: "reason",
32741
- 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
32871
+ 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
32742
32872
  },
32743
- 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
32873
+ 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
32744
32874
  }
32745
32875
  })
32746
32876
  })) : null)))));
@@ -33083,7 +33213,7 @@ const getConnectionDetailsPDF = function (application, property, tenantInfo, t)
33083
33213
  };
33084
33214
 
33085
33215
  const ConnectionDetails$5 = () => {
33086
- 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;
33216
+ 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;
33087
33217
  const _useTranslation = useTranslation(),
33088
33218
  t = _useTranslation.t;
33089
33219
  const menuRef = useRef();
@@ -33326,11 +33456,6 @@ const ConnectionDetails$5 = () => {
33326
33456
  function onActionSelectRestoration() {
33327
33457
  getRestorationButton();
33328
33458
  }
33329
- function onActionSelectMutation() {
33330
- var _state3, _state4;
33331
- 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";
33332
- history.push(pathname);
33333
- }
33334
33459
  const Close = () => /*#__PURE__*/React.createElement("svg", {
33335
33460
  xmlns: "http://www.w3.org/2000/svg",
33336
33461
  viewBox: "0 0 24 24",
@@ -33358,8 +33483,8 @@ const ConnectionDetails$5 = () => {
33358
33483
  if (isLoading || isPTLoading) {
33359
33484
  return /*#__PURE__*/React.createElement(Loader, null);
33360
33485
  }
33361
- sessionStorage.setItem("ApplicationNoState", (_state5 = state) === null || _state5 === void 0 ? void 0 : _state5.applicationNo);
33362
- let serviceType = (_state6 = state) !== null && _state6 !== void 0 && (_state6$applicationTy = _state6.applicationType) !== null && _state6$applicationTy !== void 0 && _state6$applicationTy.includes("WATER") ? "WATER" : "SEWERAGE";
33486
+ sessionStorage.setItem("ApplicationNoState", (_state3 = state) === null || _state3 === void 0 ? void 0 : _state3.applicationNo);
33487
+ let serviceType = (_state4 = state) !== null && _state4 !== void 0 && (_state4$applicationTy = _state4.applicationType) !== null && _state4$applicationTy !== void 0 && _state4$applicationTy.includes("WATER") ? "WATER" : "SEWERAGE";
33363
33488
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
33364
33489
  className: "cardHeaderWithOptions",
33365
33490
  style: {
@@ -33383,18 +33508,18 @@ const ConnectionDetails$5 = () => {
33383
33508
  }, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(StatusTable, null, /*#__PURE__*/React.createElement(Row, {
33384
33509
  className: "border-none",
33385
33510
  label: t("WS_MYCONNECTIONS_CONSUMER_NO"),
33386
- text: (_state7 = state) === null || _state7 === void 0 ? void 0 : _state7.connectionNo
33511
+ text: (_state5 = state) === null || _state5 === void 0 ? void 0 : _state5.connectionNo
33387
33512
  }), /*#__PURE__*/React.createElement(Row, {
33388
33513
  className: "border-none",
33389
33514
  label: t("WS_SERVICE_NAME_LABEL"),
33390
- text: t("WS_APPLICATION_TYPE_" + ((_state8 = state) === null || _state8 === void 0 ? void 0 : _state8.applicationType)),
33515
+ text: t("WS_APPLICATION_TYPE_" + ((_state6 = state) === null || _state6 === void 0 ? void 0 : _state6.applicationType)),
33391
33516
  textStyle: {
33392
33517
  wordBreak: "break-word"
33393
33518
  }
33394
33519
  }), /*#__PURE__*/React.createElement(Row, {
33395
33520
  className: "border-none",
33396
33521
  label: t("WS_STATUS"),
33397
- text: ((_state9 = state) === null || _state9 === void 0 ? void 0 : _state9.status) || "NA",
33522
+ text: ((_state7 = state) === null || _state7 === void 0 ? void 0 : _state7.status) || "NA",
33398
33523
  textStyle: {
33399
33524
  whiteSpace: "pre"
33400
33525
  }
@@ -33402,127 +33527,127 @@ const ConnectionDetails$5 = () => {
33402
33527
  styles: {
33403
33528
  fontSize: "28px"
33404
33529
  }
33405
- }, 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, {
33530
+ }, 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, {
33406
33531
  className: "border-none",
33407
33532
  label: t("WS_COMMON_TABLE_COL_CONNECTIONTYPE_LABEL"),
33408
- text: ((_state1 = state) === null || _state1 === void 0 ? void 0 : _state1.connectionType) || t("NA"),
33533
+ text: ((_state9 = state) === null || _state9 === void 0 ? void 0 : _state9.connectionType) || t("NA"),
33409
33534
  textStyle: {
33410
33535
  whiteSpace: "pre"
33411
33536
  }
33412
33537
  }), /*#__PURE__*/React.createElement(Row, {
33413
33538
  className: "border-none",
33414
33539
  label: t("WS_SERV_DETAIL_NO_OF_TAPS"),
33415
- text: (_state10 = state) === null || _state10 === void 0 ? void 0 : _state10.noOfTaps,
33540
+ text: (_state0 = state) === null || _state0 === void 0 ? void 0 : _state0.noOfTaps,
33416
33541
  textStyle: {
33417
33542
  whiteSpace: "pre"
33418
33543
  }
33419
33544
  }), /*#__PURE__*/React.createElement(Row, {
33420
33545
  className: "border-none",
33421
33546
  label: t("WS_PIPE_SIZE_IN_INCHES_LABEL"),
33422
- text: ((_state11 = state) === null || _state11 === void 0 ? void 0 : _state11.pipeSize) || "NA",
33547
+ text: ((_state1 = state) === null || _state1 === void 0 ? void 0 : _state1.pipeSize) || "NA",
33423
33548
  textStyle: {
33424
33549
  whiteSpace: "pre"
33425
33550
  }
33426
- })), ((_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, {
33551
+ })), ((_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, {
33427
33552
  className: "border-none",
33428
33553
  label: t("WS_CONN_DETAIL_WATER_CLOSETS"),
33429
- text: (_state13 = state) === null || _state13 === void 0 ? void 0 : _state13.proposedWaterClosets,
33554
+ text: (_state11 = state) === null || _state11 === void 0 ? void 0 : _state11.proposedWaterClosets,
33430
33555
  textStyle: {
33431
33556
  whiteSpace: "pre"
33432
33557
  }
33433
33558
  }), /*#__PURE__*/React.createElement(Row, {
33434
33559
  className: "border-none",
33435
33560
  label: t("WS_SERV_DETAIL_NO_OF_TOILETS"),
33436
- text: ((_state14 = state) === null || _state14 === void 0 ? void 0 : _state14.proposedToilets) || t("CS_NA"),
33561
+ text: ((_state12 = state) === null || _state12 === void 0 ? void 0 : _state12.proposedToilets) || t("CS_NA"),
33437
33562
  textStyle: {
33438
33563
  whiteSpace: "pre"
33439
33564
  }
33440
33565
  }), /*#__PURE__*/React.createElement(Row, {
33441
33566
  className: "border-none",
33442
33567
  label: t("WS_SERV_DETAIL_CONN_EXECUTION_DATE"),
33443
- 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"),
33568
+ 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"),
33444
33569
  textStyle: {
33445
33570
  whiteSpace: "pre"
33446
33571
  }
33447
- })), ((_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, {
33572
+ })), ((_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, {
33448
33573
  className: "border-none",
33449
33574
  label: t("WS_SERV_DETAIL_WATER_SOURCE"),
33450
- 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"),
33575
+ 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"),
33451
33576
  textStyle: {
33452
33577
  whiteSpace: "pre"
33453
33578
  }
33454
33579
  }), /*#__PURE__*/React.createElement(Row, {
33455
33580
  className: "border-none",
33456
33581
  label: t("WS_SERV_DETAIL_WATER_SUB_SOURCE"),
33457
- 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"),
33582
+ 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"),
33458
33583
  textStyle: {
33459
33584
  whiteSpace: "pre"
33460
33585
  }
33461
33586
  }), /*#__PURE__*/React.createElement(Row, {
33462
33587
  className: "border-none",
33463
33588
  label: t("WS_SERV_DETAIL_CONN_EXECUTION_DATE"),
33464
- text: Digit.DateUtils.ConvertEpochToDate((_state21 = state) === null || _state21 === void 0 ? void 0 : _state21.connectionExecutionDate) || t("NA"),
33589
+ text: Digit.DateUtils.ConvertEpochToDate((_state19 = state) === null || _state19 === void 0 ? void 0 : _state19.connectionExecutionDate) || t("NA"),
33465
33590
  textStyle: {
33466
33591
  whiteSpace: "pre"
33467
33592
  }
33468
33593
  }), /*#__PURE__*/React.createElement(Row, {
33469
33594
  className: "border-none",
33470
33595
  label: t("WS_SERV_DETAIL_METER_ID"),
33471
- text: (_state22 = state) === null || _state22 === void 0 ? void 0 : _state22.meterId,
33596
+ text: (_state20 = state) === null || _state20 === void 0 ? void 0 : _state20.meterId,
33472
33597
  textStyle: {
33473
33598
  whiteSpace: "pre"
33474
33599
  }
33475
33600
  }), /*#__PURE__*/React.createElement(Row, {
33476
33601
  className: "border-none",
33477
33602
  label: t("WS_ADDN_DETAIL_METER_INSTALL_DATE"),
33478
- text: Digit.DateUtils.ConvertEpochToDate((_state23 = state) === null || _state23 === void 0 ? void 0 : _state23.meterInstallationDate) || "NA",
33603
+ text: Digit.DateUtils.ConvertEpochToDate((_state21 = state) === null || _state21 === void 0 ? void 0 : _state21.meterInstallationDate) || "NA",
33479
33604
  textStyle: {
33480
33605
  whiteSpace: "pre"
33481
33606
  }
33482
33607
  }), /*#__PURE__*/React.createElement(Row, {
33483
33608
  className: "border-none",
33484
33609
  label: t("WS_ADDN_DETAILS_INITIAL_METER_READING"),
33485
- text: ((_state24 = state) === null || _state24 === void 0 ? void 0 : (_state24$additionalDe = _state24.additionalDetails) === null || _state24$additionalDe === void 0 ? void 0 : _state24$additionalDe.initialMeterReading) || "NA",
33610
+ text: ((_state22 = state) === null || _state22 === void 0 ? void 0 : (_state22$additionalDe = _state22.additionalDetails) === null || _state22$additionalDe === void 0 ? void 0 : _state22$additionalDe.initialMeterReading) || "NA",
33486
33611
  textStyle: {
33487
33612
  whiteSpace: "pre"
33488
33613
  }
33489
- })), ((_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, {
33614
+ })), ((_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, {
33490
33615
  className: "border-none",
33491
33616
  label: t("WS_WATER_DEMAND_TYPE"),
33492
- 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",
33617
+ 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",
33493
33618
  textStyle: {
33494
33619
  whiteSpace: "pre"
33495
33620
  }
33496
33621
  }), /*#__PURE__*/React.createElement(Row, {
33497
33622
  className: "border-none",
33498
33623
  label: t("WS_CATEGORY_TYPE"),
33499
- text: ((_state28 = state) === null || _state28 === void 0 ? void 0 : (_state28$additionalDe = _state28.additionalDetails) === null || _state28$additionalDe === void 0 ? void 0 : _state28$additionalDe.categoryType) || "NA",
33624
+ text: ((_state26 = state) === null || _state26 === void 0 ? void 0 : (_state26$additionalDe = _state26.additionalDetails) === null || _state26$additionalDe === void 0 ? void 0 : _state26$additionalDe.categoryType) || "NA",
33500
33625
  textStyle: {
33501
33626
  whiteSpace: "pre"
33502
33627
  }
33503
33628
  }), /*#__PURE__*/React.createElement(Row, {
33504
33629
  className: "border-none",
33505
33630
  label: t("WS_ZRO_NAME"),
33506
- text: ((_state29 = state) === null || _state29 === void 0 ? void 0 : (_state29$additionalDe = _state29.additionalDetails) === null || _state29$additionalDe === void 0 ? void 0 : _state29$additionalDe.zro) || "NA",
33631
+ text: ((_state27 = state) === null || _state27 === void 0 ? void 0 : (_state27$additionalDe = _state27.additionalDetails) === null || _state27$additionalDe === void 0 ? void 0 : _state27$additionalDe.zro) || "NA",
33507
33632
  textStyle: {
33508
33633
  whiteSpace: "pre"
33509
33634
  }
33510
33635
  }), /*#__PURE__*/React.createElement(Row, {
33511
33636
  className: "border-none",
33512
33637
  label: t("WS_CONNECTION_USAGE_TYPE"),
33513
- 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",
33638
+ 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",
33514
33639
  textStyle: {
33515
33640
  whiteSpace: "pre"
33516
33641
  }
33517
33642
  }), /*#__PURE__*/React.createElement(Row, {
33518
33643
  className: "border-none",
33519
33644
  label: t("WS_TEMPORARY_CONNECTION"),
33520
- text: ((_state31 = state) === null || _state31 === void 0 ? void 0 : (_state31$additionalDe = _state31.additionalDetails) === null || _state31$additionalDe === void 0 ? void 0 : _state31$additionalDe.temporaryConnection) || "NA",
33645
+ text: ((_state29 = state) === null || _state29 === void 0 ? void 0 : (_state29$additionalDe = _state29.additionalDetails) === null || _state29$additionalDe === void 0 ? void 0 : _state29$additionalDe.temporaryConnection) || "NA",
33521
33646
  textStyle: {
33522
33647
  whiteSpace: "pre"
33523
33648
  }
33524
- })), ((_state32 = state) === null || _state32 === void 0 ? void 0 : _state32.connectionType) === "Metered" && /*#__PURE__*/React.createElement(Link, {
33525
- to: "/digit-ui/citizen/ws/consumption/details?applicationNo=" + ((_state33 = state) === null || _state33 === void 0 ? void 0 : _state33.connectionNo)
33649
+ })), ((_state30 = state) === null || _state30 === void 0 ? void 0 : _state30.connectionType) === "Metered" && /*#__PURE__*/React.createElement(Link, {
33650
+ to: "/digit-ui/citizen/ws/consumption/details?applicationNo=" + ((_state31 = state) === null || _state31 === void 0 ? void 0 : _state31.connectionNo)
33526
33651
  }, /*#__PURE__*/React.createElement(LinkButton, {
33527
33652
  style: {
33528
33653
  textAlign: "left",
@@ -33537,11 +33662,11 @@ const ConnectionDetails$5 = () => {
33537
33662
  }, t("WS_COMMON_PROPERTY_DETAILS")), /*#__PURE__*/React.createElement(StatusTable, null, /*#__PURE__*/React.createElement(Row, {
33538
33663
  className: "border-none",
33539
33664
  label: t("WS_PROPERTY_ID_LABEL"),
33540
- text: (_state34 = state) === null || _state34 === void 0 ? void 0 : _state34.propertyId
33665
+ text: (_state32 = state) === null || _state32 === void 0 ? void 0 : _state32.propertyId
33541
33666
  }), /*#__PURE__*/React.createElement(Row, {
33542
33667
  className: "border-none",
33543
33668
  label: t("WS_OWN_DETAIL_OWN_NAME_LABEL"),
33544
- 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(","),
33669
+ 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(","),
33545
33670
  textStyle: {
33546
33671
  whiteSpace: "pre"
33547
33672
  }
@@ -33576,33 +33701,33 @@ const ConnectionDetails$5 = () => {
33576
33701
  }), /*#__PURE__*/React.createElement(Row, {
33577
33702
  className: "border-none",
33578
33703
  label: t("WS_PROPERTY_TYPE"),
33579
- 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"
33704
+ 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"
33580
33705
  }), /*#__PURE__*/React.createElement(Row, {
33581
33706
  className: "border-none",
33582
33707
  label: t("WS_PROPERTY_CATEGORY"),
33583
- 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"
33708
+ 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"
33584
33709
  }), /*#__PURE__*/React.createElement(Row, {
33585
33710
  className: "border-none",
33586
33711
  label: t("WS_PLOT_AREA"),
33587
- text: ((_state38 = state) === null || _state38 === void 0 ? void 0 : (_state38$additionalDe = _state38.additionalDetails) === null || _state38$additionalDe === void 0 ? void 0 : _state38$additionalDe.plotArea) || "NA"
33712
+ text: ((_state36 = state) === null || _state36 === void 0 ? void 0 : (_state36$additionalDe = _state36.additionalDetails) === null || _state36$additionalDe === void 0 ? void 0 : _state36$additionalDe.plotArea) || "NA"
33588
33713
  }), /*#__PURE__*/React.createElement(Row, {
33589
33714
  className: "border-none",
33590
33715
  label: t("WS_BUILT_UP_AREA"),
33591
- text: ((_state39 = state) === null || _state39 === void 0 ? void 0 : (_state39$additionalDe = _state39.additionalDetails) === null || _state39$additionalDe === void 0 ? void 0 : _state39$additionalDe.builtUpArea) || "NA"
33716
+ text: ((_state37 = state) === null || _state37 === void 0 ? void 0 : (_state37$additionalDe = _state37.additionalDetails) === null || _state37$additionalDe === void 0 ? void 0 : _state37$additionalDe.builtUpArea) || "NA"
33592
33717
  }), /*#__PURE__*/React.createElement(Row, {
33593
33718
  className: "border-none",
33594
33719
  label: t("WS_NO_OF_FLOORS"),
33595
- text: ((_state40 = state) === null || _state40 === void 0 ? void 0 : (_state40$additionalDe = _state40.additionalDetails) === null || _state40$additionalDe === void 0 ? void 0 : _state40$additionalDe.noOfFloors) || "NA"
33720
+ text: ((_state38 = state) === null || _state38 === void 0 ? void 0 : (_state38$additionalDe = _state38.additionalDetails) === null || _state38$additionalDe === void 0 ? void 0 : _state38$additionalDe.noOfFloors) || "NA"
33596
33721
  }), /*#__PURE__*/React.createElement(Row, {
33597
33722
  className: "border-none",
33598
33723
  label: t("WS_NO_OF_DWELLING_UNITS"),
33599
- text: ((_state41 = state) === null || _state41 === void 0 ? void 0 : (_state41$additionalDe = _state41.additionalDetails) === null || _state41$additionalDe === void 0 ? void 0 : _state41$additionalDe.NumberofDwellingUnits) || "NA"
33724
+ text: ((_state39 = state) === null || _state39 === void 0 ? void 0 : (_state39$additionalDe = _state39.additionalDetails) === null || _state39$additionalDe === void 0 ? void 0 : _state39$additionalDe.NumberofDwellingUnits) || "NA"
33600
33725
  }), /*#__PURE__*/React.createElement(Row, {
33601
33726
  className: "border-none",
33602
33727
  label: t("WS_LOCALITY"),
33603
- text: ((_state42 = state) === null || _state42 === void 0 ? void 0 : (_state42$additionalDe = _state42.additionalDetails) === null || _state42$additionalDe === void 0 ? void 0 : _state42$additionalDe.locality) || "NA"
33728
+ text: ((_state40 = state) === null || _state40 === void 0 ? void 0 : (_state40$additionalDe = _state40.additionalDetails) === null || _state40$additionalDe === void 0 ? void 0 : _state40$additionalDe.locality) || "NA"
33604
33729
  }), /*#__PURE__*/React.createElement(Link, {
33605
- 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)
33730
+ 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)
33606
33731
  }, /*#__PURE__*/React.createElement(LinkButton, {
33607
33732
  style: {
33608
33733
  textAlign: "left",
@@ -33614,10 +33739,10 @@ const ConnectionDetails$5 = () => {
33614
33739
  styles: {
33615
33740
  fontSize: "28px"
33616
33741
  }
33617
- }, 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, {
33742
+ }, 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, {
33618
33743
  className: "border-none",
33619
33744
  label: t("WS_OWN_DETAIL_OWN_NAME_LABEL"),
33620
- 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,
33745
+ 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,
33621
33746
  textStyle: {
33622
33747
  whiteSpace: "pre"
33623
33748
  }
@@ -33743,32 +33868,32 @@ const ConnectionDetails$5 = () => {
33743
33868
  }, t("WS_COMMON_BANK_DETAILS")), /*#__PURE__*/React.createElement(StatusTable, null, /*#__PURE__*/React.createElement(Row, {
33744
33869
  className: "border-none",
33745
33870
  label: t("WS_BANK_NAME"),
33746
- text: ((_state47 = state) === null || _state47 === void 0 ? void 0 : (_state47$additionalDe = _state47.additionalDetails) === null || _state47$additionalDe === void 0 ? void 0 : _state47$additionalDe.bankName) || "NA"
33871
+ text: ((_state45 = state) === null || _state45 === void 0 ? void 0 : (_state45$additionalDe = _state45.additionalDetails) === null || _state45$additionalDe === void 0 ? void 0 : _state45$additionalDe.bankName) || "NA"
33747
33872
  }), /*#__PURE__*/React.createElement(Row, {
33748
33873
  className: "border-none",
33749
33874
  label: t("WS_BANK_BRANCH_NAME"),
33750
- text: ((_state48 = state) === null || _state48 === void 0 ? void 0 : (_state48$additionalDe = _state48.additionalDetails) === null || _state48$additionalDe === void 0 ? void 0 : _state48$additionalDe.bankBranchName) || "NA"
33875
+ text: ((_state46 = state) === null || _state46 === void 0 ? void 0 : (_state46$additionalDe = _state46.additionalDetails) === null || _state46$additionalDe === void 0 ? void 0 : _state46$additionalDe.bankBranchName) || "NA"
33751
33876
  }), /*#__PURE__*/React.createElement(Row, {
33752
33877
  className: "border-none",
33753
33878
  label: t("WS_BANK_ACCOUNT_NUMBER"),
33754
- 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"
33879
+ 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"
33755
33880
  }), /*#__PURE__*/React.createElement(Row, {
33756
33881
  className: "border-none",
33757
33882
  label: t("WS_BANK_IFSC_CODE"),
33758
- text: ((_state51 = state) === null || _state51 === void 0 ? void 0 : (_state51$additionalDe = _state51.additionalDetails) === null || _state51$additionalDe === void 0 ? void 0 : _state51$additionalDe.ifscCode) || "NA"
33883
+ text: ((_state49 = state) === null || _state49 === void 0 ? void 0 : (_state49$additionalDe = _state49.additionalDetails) === null || _state49$additionalDe === void 0 ? void 0 : _state49$additionalDe.ifscCode) || "NA"
33759
33884
  })), /*#__PURE__*/React.createElement(CardHeader, {
33760
33885
  styles: {
33761
33886
  fontSize: "28px"
33762
33887
  }
33763
- }, 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) => {
33764
- var _doc$documentType, _state54, _state55;
33888
+ }, 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) => {
33889
+ var _doc$documentType, _state52, _state53;
33765
33890
  return /*#__PURE__*/React.createElement("div", {
33766
33891
  key: "doc-" + index
33767
33892
  }, /*#__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, {
33768
- value: (_state54 = state) === null || _state54 === void 0 ? void 0 : _state54.documents,
33893
+ value: (_state52 = state) === null || _state52 === void 0 ? void 0 : _state52.documents,
33769
33894
  Code: doc === null || doc === void 0 ? void 0 : doc.documentType,
33770
33895
  index: index
33771
- }), ((_state55 = state) === null || _state55 === void 0 ? void 0 : _state55.documents.length) != index + 1 ? /*#__PURE__*/React.createElement("hr", {
33896
+ }), ((_state53 = state) === null || _state53 === void 0 ? void 0 : _state53.documents.length) != index + 1 ? /*#__PURE__*/React.createElement("hr", {
33772
33897
  style: {
33773
33898
  color: "#cccccc",
33774
33899
  backgroundColor: "#cccccc",
@@ -33777,7 +33902,7 @@ const ConnectionDetails$5 = () => {
33777
33902
  marginBottom: "20px"
33778
33903
  }
33779
33904
  }) : null)));
33780
- })), (((_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, {
33905
+ })), (((_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, {
33781
33906
  style: {
33782
33907
  position: "relative",
33783
33908
  boxShadow: "none",
@@ -33792,23 +33917,13 @@ const ConnectionDetails$5 = () => {
33792
33917
  style: {
33793
33918
  width: "100%"
33794
33919
  }
33795
- }, /*#__PURE__*/React.createElement(SubmitBar, {
33796
- style: {
33797
- width: "100%"
33798
- },
33799
- label: t("WS_MUTATION_BUTTON"),
33800
- onSubmit: onActionSelectMutation
33801
- })), /*#__PURE__*/React.createElement("div", {
33802
- style: {
33803
- width: "100%"
33804
- }
33805
33920
  }, /*#__PURE__*/React.createElement(SubmitBar, {
33806
33921
  style: {
33807
33922
  width: "100%"
33808
33923
  },
33809
33924
  label: t("WS_DISCONNECTION_BUTTON"),
33810
33925
  onSubmit: onActionSelect
33811
- }))) : ((_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, {
33926
+ }))) : ((_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, {
33812
33927
  style: {
33813
33928
  position: "relative",
33814
33929
  boxShadow: "none",
@@ -33840,8 +33955,8 @@ const ConnectionDetails$5 = () => {
33840
33955
  actionSingleLabel: t("COMMON_MAKE_PAYMENT"),
33841
33956
  hideSubmit: true,
33842
33957
  actionSingleSubmit: () => {
33843
- var _state62, _state63;
33844
- 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");
33958
+ var _state60, _state61;
33959
+ 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");
33845
33960
  setshowModal(false);
33846
33961
  },
33847
33962
  popupStyles: mobileView ? {
@@ -44918,7 +45033,7 @@ function PropertyDocuments(_ref) {
44918
45033
  });
44919
45034
  });
44920
45035
  const allChecked = requiredDocsCount === 0 || checkedCount === requiredDocsCount;
44921
- const isDocVerifState = !applicationStatus || applicationStatus === "PENDING_FOR_DOCUMENT_VERIFICATION";
45036
+ const isDocVerifState = !applicationStatus || applicationStatus === "PENDING_FOR_DOCUMENT_VERIFICATION" || applicationStatus === "PENDING_APPROVAL_FOR_MUTATION";
44922
45037
  const finalVerified = isDocVerifState ? allChecked : true;
44923
45038
  window.isDocumentsVerified = finalVerified;
44924
45039
  window.dispatchEvent(new CustomEvent("DOCUMENTS_VERIFIED", {
@@ -45154,7 +45269,7 @@ function PropertyDocuments(_ref) {
45154
45269
  style: {
45155
45270
  cursor: "pointer"
45156
45271
  }
45157
- }, /*#__PURE__*/React.createElement(ViewsIcon, null)), !isPhoto && ((_ref3, _checkedMap$value$fil2, _value$originalDoc2, _value$originalDoc3, _value$originalDoc4) => {
45272
+ }, /*#__PURE__*/React.createElement(ViewsIcon, null)), !isPhoto && ((_ref3, _checkedMap$value$fil2, _value$originalDoc2, _value$originalDoc3, _ref4, _checkedMap$value$fil3, _value$originalDoc4) => {
45158
45273
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
45159
45274
  onClick: () => {
45160
45275
  if (fileUrl) {
@@ -45203,10 +45318,10 @@ function PropertyDocuments(_ref) {
45203
45318
  width: "18px",
45204
45319
  height: "18px",
45205
45320
  accentColor: "#F47738",
45206
- cursor: applicationStatus && applicationStatus !== "PENDING_FOR_DOCUMENT_VERIFICATION" ? "not-allowed" : "pointer"
45321
+ cursor: applicationStatus && applicationStatus !== "PENDING_FOR_DOCUMENT_VERIFICATION" && applicationStatus !== "PENDING_APPROVAL_FOR_MUTATION" ? "not-allowed" : "pointer"
45207
45322
  },
45208
- disabled: applicationStatus && applicationStatus !== "PENDING_FOR_DOCUMENT_VERIFICATION",
45209
- defaultChecked: value === null || value === void 0 ? void 0 : (_value$originalDoc4 = value.originalDoc) === null || _value$originalDoc4 === void 0 ? void 0 : _value$originalDoc4.isVerified,
45323
+ disabled: applicationStatus && applicationStatus !== "PENDING_FOR_DOCUMENT_VERIFICATION" && applicationStatus !== "PENDING_APPROVAL_FOR_MUTATION" && applicationStatus !== "ACTIVATE_MUTATION",
45324
+ 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),
45210
45325
  onChange: e => {
45211
45326
  const checked = e.target.checked;
45212
45327
  if (value !== null && value !== void 0 && value.originalDoc) {
@@ -46586,6 +46701,7 @@ function ApplicationDetailsContent(_ref) {
46586
46701
  workflowDetails = _ref.workflowDetails,
46587
46702
  isDataLoading = _ref.isDataLoading,
46588
46703
  applicationData = _ref.applicationData,
46704
+ businessService = _ref.businessService,
46589
46705
  timelineStatusPrefix = _ref.timelineStatusPrefix,
46590
46706
  _ref$showTimeLine = _ref.showTimeLine,
46591
46707
  showTimeLine = _ref$showTimeLine === void 0 ? true : _ref$showTimeLine,
@@ -46861,7 +46977,7 @@ function ApplicationDetailsContent(_ref) {
46861
46977
  infoClickInfoLabel: getClickInfoDetails(),
46862
46978
  infoClickInfoLabel1: getClickInfoDetails1()
46863
46979
  }) : null, applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a = applicationDetails.applicationDetails) === null || _applicationDetails$a === void 0 ? void 0 : _applicationDetails$a.map((detail, index) => {
46864
- 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;
46980
+ 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;
46865
46981
  return /*#__PURE__*/React.createElement(React.Fragment, {
46866
46982
  key: index
46867
46983
  }, /*#__PURE__*/React.createElement("div", {
@@ -47092,9 +47208,9 @@ function ApplicationDetailsContent(_ref) {
47092
47208
  }), (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, {
47093
47209
  documents: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet18 = detail.additionalDetails) === null || _detail$additionalDet18 === void 0 ? void 0 : _detail$additionalDet18.documents,
47094
47210
  applicationStatus: applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus
47095
- }), (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, {
47211
+ }), (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, {
47096
47212
  applicationData: applicationData
47097
- }), " ", (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, {
47213
+ }), " ", (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, {
47098
47214
  applicationData: applicationData
47099
47215
  }), (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, {
47100
47216
  taxHeadEstimatesCalculation: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet22 = detail.additionalDetails) === null || _detail$additionalDet22 === void 0 ? void 0 : _detail$additionalDet22.taxHeadEstimatesCalculation
@@ -47740,7 +47856,7 @@ const ApplicationDetails = props => {
47740
47856
  };
47741
47857
 
47742
47858
  const ApplicationDetails$1 = () => {
47743
- var _mdmsCommonmastersDat, _commonPayInfo, _applicationDetails$p4, _applicationDetails$p5, _applicationDetails$p6, _applicationDetails$p7, _applicationDetails$a3, _applicationDetails$a4, _applicationDetails$a5, _newValueFilter$, _applicationDetails$a6, _applicationDetails$a7, _applicationDetails$a8, _applicationDetails$a9, _applicationDetails$p8, _applicationDetails$p9, _workflowDetails$data4, _workflowDetails$data5, _workflowDetails$data6, _workflowDetails$data7, _workflowDetails$data8, _workflowDetails$data9, _workflowDetails$data0, _workflowDetails$data1, _workflowDetails$data10, _workflowDetails$data11, _workflowDetails$data12, _workflowDetails$data13, _workflowDetails$data14, _workflowDetails$data21, _workflowDetails$data22, _workflowDetails$data23, _oldData$WaterConnect, _oldData$WaterConnect2, _oldData$SewerageConn, _oldData$SewerageConn2, _applicationDetails$a18, _applicationDetails$a19, _reciept_data$Payment2, _applicationDetails$p16, _applicationDetails$p17, _applicationDetails$p18, _applicationDetails$p19, _applicationDetails$p20, _applicationDetails$p21;
47859
+ var _mdmsCommonmastersDat, _commonPayInfo, _applicationDetails$p4, _applicationDetails$p5, _applicationDetails$p6, _applicationDetails$p7, _applicationDetails$a3, _applicationDetails$a4, _applicationDetails$a5, _newValueFilter$, _applicationDetails$a6, _applicationDetails$a7, _applicationDetails$a8, _applicationDetails$a9, _applicationDetails$p8, _applicationDetails$p9, _workflowDetails$data4, _workflowDetails$data5, _workflowDetails$data6, _workflowDetails$data7, _workflowDetails$data8, _workflowDetails$data9, _workflowDetails$data0, _workflowDetails$data1, _workflowDetails$data10, _workflowDetails$data11, _workflowDetails$data12, _workflowDetails$data13, _workflowDetails$data14, _workflowDetails$data21, _workflowDetails$data22, _workflowDetails$data23, _oldData$WaterConnect, _oldData$WaterConnect2, _oldData$SewerageConn, _oldData$SewerageConn2, _applicationDetails$a22, _applicationDetails$a23, _reciept_data$Payment2, _applicationDetails$p18, _applicationDetails$p19, _applicationDetails$p20, _applicationDetails$p21, _applicationDetails$p22, _applicationDetails$p23;
47744
47860
  const getRecieptSearch = function (tenantId, payments, consumerCodes, receiptKey) {
47745
47861
  try {
47746
47862
  let response = null;
@@ -47934,8 +48050,9 @@ const ApplicationDetails$1 = () => {
47934
48050
  };
47935
48051
  }
47936
48052
  if ((action === null || action === void 0 ? void 0 : action.action) === "RESUBMIT_APPLICATION") {
47937
- var _applicationDetails$p11, _servicesMasterData$w, _userConfig$, _userConfig$2;
47938
- let pathName = "/digit-ui/employee/ws/edit-application?applicationNumber=" + applicationNumber + "&service=" + serviceType + "&propertyId=" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$p11 = applicationDetails.propertyDetails) === null || _applicationDetails$p11 === void 0 ? void 0 : _applicationDetails$p11.propertyId);
48053
+ var _applicationDetails$a0, _applicationDetails$a1, _applicationDetails$p11, _applicationDetails$p12, _servicesMasterData$w, _userConfig$, _userConfig$2;
48054
+ const isMutation = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a0 = applicationDetails.applicationData) === null || _applicationDetails$a0 === void 0 ? void 0 : (_applicationDetails$a1 = _applicationDetails$a0.applicationType) === null || _applicationDetails$a1 === void 0 ? void 0 : _applicationDetails$a1.includes("MUTATION");
48055
+ let pathName = isMutation ? "/digit-ui/employee/ws/mutation-application?applicationNumber=" + applicationNumber + "&tenantId=" + tenantId + "&service=" + serviceType + "&propertyId=" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$p11 = applicationDetails.propertyDetails) === null || _applicationDetails$p11 === void 0 ? void 0 : _applicationDetails$p11.propertyId) : "/digit-ui/employee/ws/edit-application?applicationNumber=" + applicationNumber + "&service=" + serviceType + "&propertyId=" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$p12 = applicationDetails.propertyDetails) === null || _applicationDetails$p12 === void 0 ? void 0 : _applicationDetails$p12.propertyId);
47939
48056
  const userConfig = (servicesMasterData === null || servicesMasterData === void 0 ? void 0 : (_servicesMasterData$w = servicesMasterData["ws-services-masters"]) === null || _servicesMasterData$w === void 0 ? void 0 : _servicesMasterData$w.WSEditApplicationByConfigUser) || [];
47940
48057
  const editApplicationUserRole = (userConfig === null || userConfig === void 0 ? void 0 : (_userConfig$ = userConfig[0]) === null || _userConfig$ === void 0 ? void 0 : _userConfig$.roles) || [];
47941
48058
  const mdmsApplicationStatus = userConfig === null || userConfig === void 0 ? void 0 : (_userConfig$2 = userConfig[0]) === null || _userConfig$2 === void 0 ? void 0 : _userConfig$2.status;
@@ -47944,9 +48061,9 @@ const ApplicationDetails$1 = () => {
47944
48061
  isFieldInspector = ifUserRoleExists(role);
47945
48062
  if (isFieldInspector) return false;else return true;
47946
48063
  });
47947
- if (isFieldInspector && appStatus === mdmsApplicationStatus) {
47948
- var _applicationDetails$p12;
47949
- pathName = "/digit-ui/employee/ws/edit-application-by-config?applicationNumber=" + applicationNumber + "&service=" + serviceType + "&propertyId=" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$p12 = applicationDetails.propertyDetails) === null || _applicationDetails$p12 === void 0 ? void 0 : _applicationDetails$p12.propertyId);
48064
+ if (!isMutation && isFieldInspector && appStatus === mdmsApplicationStatus) {
48065
+ var _applicationDetails$p13;
48066
+ pathName = "/digit-ui/employee/ws/edit-application-by-config?applicationNumber=" + applicationNumber + "&service=" + serviceType + "&propertyId=" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$p13 = applicationDetails.propertyDetails) === null || _applicationDetails$p13 === void 0 ? void 0 : _applicationDetails$p13.propertyId);
47950
48067
  }
47951
48068
  action.redirectionUrll = {
47952
48069
  action: "ACTIVATE_CONNECTION",
@@ -47958,18 +48075,19 @@ const ApplicationDetails$1 = () => {
47958
48075
  };
47959
48076
  }
47960
48077
  if ((action === null || action === void 0 ? void 0 : action.action) === "SUBMIT_APPLICATION") {
47961
- var _applicationDetails$p13;
48078
+ var _applicationDetails$p14;
47962
48079
  action.redirectionUrll = {
47963
48080
  action: "ACTIVATE_CONNECTION",
47964
- pathname: "/digit-ui/employee/ws/modify-application-edit?applicationNumber=" + applicationNumber + "&service=" + serviceType + "&propertyId=" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$p13 = applicationDetails.propertyDetails) === null || _applicationDetails$p13 === void 0 ? void 0 : _applicationDetails$p13.propertyId),
48081
+ pathname: "/digit-ui/employee/ws/modify-application-edit?applicationNumber=" + applicationNumber + "&service=" + serviceType + "&propertyId=" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$p14 = applicationDetails.propertyDetails) === null || _applicationDetails$p14 === void 0 ? void 0 : _applicationDetails$p14.propertyId),
47965
48082
  state: applicationDetails
47966
48083
  };
47967
48084
  }
47968
48085
  });
47969
48086
  workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data7 = workflowDetails.data) === null || _workflowDetails$data7 === void 0 ? void 0 : (_workflowDetails$data8 = _workflowDetails$data7.actionState) === null || _workflowDetails$data8 === void 0 ? void 0 : (_workflowDetails$data9 = _workflowDetails$data8.nextActions) === null || _workflowDetails$data9 === void 0 ? void 0 : _workflowDetails$data9.forEach(action => {
47970
48087
  if ((action === null || action === void 0 ? void 0 : action.action) === "EDIT") {
47971
- var _applicationDetails$p14, _servicesMasterData$w2, _userConfig$3, _userConfig$4;
47972
- let pathName = "/digit-ui/employee/ws/edit-application?applicationNumber=" + applicationNumber + "&service=" + serviceType + "&propertyId=" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$p14 = applicationDetails.propertyDetails) === null || _applicationDetails$p14 === void 0 ? void 0 : _applicationDetails$p14.propertyId);
48088
+ var _applicationDetails$a10, _applicationDetails$a11, _applicationDetails$p15, _applicationDetails$p16, _servicesMasterData$w2, _userConfig$3, _userConfig$4;
48089
+ const isMutation = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a10 = applicationDetails.applicationData) === null || _applicationDetails$a10 === void 0 ? void 0 : (_applicationDetails$a11 = _applicationDetails$a10.applicationType) === null || _applicationDetails$a11 === void 0 ? void 0 : _applicationDetails$a11.includes("MUTATION");
48090
+ let pathName = isMutation ? "/digit-ui/employee/ws/mutation-application?applicationNumber=" + applicationNumber + "&tenantId=" + tenantId + "&service=" + serviceType + "&propertyId=" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$p15 = applicationDetails.propertyDetails) === null || _applicationDetails$p15 === void 0 ? void 0 : _applicationDetails$p15.propertyId) : "/digit-ui/employee/ws/edit-application?applicationNumber=" + applicationNumber + "&service=" + serviceType + "&propertyId=" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$p16 = applicationDetails.propertyDetails) === null || _applicationDetails$p16 === void 0 ? void 0 : _applicationDetails$p16.propertyId);
47973
48091
  const userConfig = (servicesMasterData === null || servicesMasterData === void 0 ? void 0 : (_servicesMasterData$w2 = servicesMasterData["ws-services-masters"]) === null || _servicesMasterData$w2 === void 0 ? void 0 : _servicesMasterData$w2.WSEditApplicationByConfigUser) || [];
47974
48092
  const editApplicationUserRole = (userConfig === null || userConfig === void 0 ? void 0 : (_userConfig$3 = userConfig[0]) === null || _userConfig$3 === void 0 ? void 0 : _userConfig$3.roles) || [];
47975
48093
  const mdmsApplicationStatus = userConfig === null || userConfig === void 0 ? void 0 : (_userConfig$4 = userConfig[0]) === null || _userConfig$4 === void 0 ? void 0 : _userConfig$4.status;
@@ -47978,9 +48096,9 @@ const ApplicationDetails$1 = () => {
47978
48096
  isFieldInspector = ifUserRoleExists(role);
47979
48097
  if (isFieldInspector) return false;else return true;
47980
48098
  });
47981
- if (isFieldInspector && appStatus === mdmsApplicationStatus) {
47982
- var _applicationDetails$p15;
47983
- pathName = "/digit-ui/employee/ws/edit-application-by-config?applicationNumber=" + applicationNumber + "&service=" + serviceType + "&propertyId=" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$p15 = applicationDetails.propertyDetails) === null || _applicationDetails$p15 === void 0 ? void 0 : _applicationDetails$p15.propertyId);
48099
+ if (!isMutation && isFieldInspector && appStatus === mdmsApplicationStatus) {
48100
+ var _applicationDetails$p17;
48101
+ pathName = "/digit-ui/employee/ws/edit-application-by-config?applicationNumber=" + applicationNumber + "&service=" + serviceType + "&propertyId=" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$p17 = applicationDetails.propertyDetails) === null || _applicationDetails$p17 === void 0 ? void 0 : _applicationDetails$p17.propertyId);
47984
48102
  }
47985
48103
  action.redirectionUrll = {
47986
48104
  action: "ACTIVATE_CONNECTION",
@@ -48049,10 +48167,10 @@ const ApplicationDetails$1 = () => {
48049
48167
  const oldApplication = serviceType === "WATER" ? oldData === null || oldData === void 0 ? void 0 : (_oldData$WaterConnect = oldData.WaterConnection) === null || _oldData$WaterConnect === void 0 ? void 0 : _oldData$WaterConnect[(oldData === null || oldData === void 0 ? void 0 : (_oldData$WaterConnect2 = oldData.WaterConnection) === null || _oldData$WaterConnect2 === void 0 ? void 0 : _oldData$WaterConnect2.length) - 1] : oldData === null || oldData === void 0 ? void 0 : (_oldData$SewerageConn = oldData.SewerageConnections) === null || _oldData$SewerageConn === void 0 ? void 0 : _oldData$SewerageConn[(oldData === null || oldData === void 0 ? void 0 : (_oldData$SewerageConn2 = oldData.SewerageConnections) === null || _oldData$SewerageConn2 === void 0 ? void 0 : _oldData$SewerageConn2.length) - 1];
48050
48168
  const handleDownloadPdf = function () {
48051
48169
  try {
48052
- var _applicationDetails$a0, _applicationDetails$a1, _applicationDetails$a10;
48053
- const tenantInfo = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a0 = applicationDetails.applicationData) === null || _applicationDetails$a0 === void 0 ? void 0 : _applicationDetails$a0.tenantId;
48170
+ var _applicationDetails$a12, _applicationDetails$a13, _applicationDetails$a14;
48171
+ const tenantInfo = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a12 = applicationDetails.applicationData) === null || _applicationDetails$a12 === void 0 ? void 0 : _applicationDetails$a12.tenantId;
48054
48172
  let result = applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationData;
48055
- if (applicationDetails !== null && applicationDetails !== void 0 && (_applicationDetails$a1 = applicationDetails.applicationData) !== null && _applicationDetails$a1 !== void 0 && (_applicationDetails$a10 = _applicationDetails$a1.applicationType) !== null && _applicationDetails$a10 !== void 0 && _applicationDetails$a10.includes("MODIFY_")) {
48173
+ if (applicationDetails !== null && applicationDetails !== void 0 && (_applicationDetails$a13 = applicationDetails.applicationData) !== null && _applicationDetails$a13 !== void 0 && (_applicationDetails$a14 = _applicationDetails$a13.applicationType) !== null && _applicationDetails$a14 !== void 0 && _applicationDetails$a14.includes("MODIFY_")) {
48056
48174
  const PDFdata = getWSAcknowledgementData$1(_extends({}, result), _extends({}, applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.propertyDetails), tenantInfo, t, oldApplication);
48057
48175
  PDFdata.then(ress => Digit.Utils.pdf.generateModifyPdf(ress));
48058
48176
  return Promise.resolve();
@@ -48066,10 +48184,10 @@ const ApplicationDetails$1 = () => {
48066
48184
  };
48067
48185
  const handleEstimateDownload = function () {
48068
48186
  try {
48069
- const _temp2 = function (_applicationDetails$a11, _applicationDetails$a12) {
48070
- if (applicationDetails !== null && applicationDetails !== void 0 && (_applicationDetails$a11 = applicationDetails.applicationData) !== null && _applicationDetails$a11 !== void 0 && (_applicationDetails$a12 = _applicationDetails$a11.additionalDetails) !== null && _applicationDetails$a12 !== void 0 && _applicationDetails$a12.estimationFileStoreId) {
48071
- var _applicationDetails$a13, _applicationDetails$a14;
48072
- getFiles([applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a13 = applicationDetails.applicationData) === null || _applicationDetails$a13 === void 0 ? void 0 : (_applicationDetails$a14 = _applicationDetails$a13.additionalDetails) === null || _applicationDetails$a14 === void 0 ? void 0 : _applicationDetails$a14.estimationFileStoreId], applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.tenantId);
48187
+ const _temp2 = function (_applicationDetails$a15, _applicationDetails$a16) {
48188
+ if (applicationDetails !== null && applicationDetails !== void 0 && (_applicationDetails$a15 = applicationDetails.applicationData) !== null && _applicationDetails$a15 !== void 0 && (_applicationDetails$a16 = _applicationDetails$a15.additionalDetails) !== null && _applicationDetails$a16 !== void 0 && _applicationDetails$a16.estimationFileStoreId) {
48189
+ var _applicationDetails$a17, _applicationDetails$a18;
48190
+ getFiles([applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a17 = applicationDetails.applicationData) === null || _applicationDetails$a17 === void 0 ? void 0 : (_applicationDetails$a18 = _applicationDetails$a17.additionalDetails) === null || _applicationDetails$a18 === void 0 ? void 0 : _applicationDetails$a18.estimationFileStoreId], applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.tenantId);
48073
48191
  } else {
48074
48192
  const warningCount = sessionStorage.getItem("WARINIG_COUNT") || "0";
48075
48193
  const warningCountDetails = JSON.parse(warningCount);
@@ -48127,8 +48245,8 @@ const ApplicationDetails$1 = () => {
48127
48245
  order: 2,
48128
48246
  label: t("WS_SANCTION_LETTER"),
48129
48247
  onClick: () => {
48130
- var _applicationDetails$a15, _applicationDetails$a16;
48131
- return getFiles([applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a15 = applicationDetails.applicationData) === null || _applicationDetails$a15 === void 0 ? void 0 : (_applicationDetails$a16 = _applicationDetails$a15.additionalDetails) === null || _applicationDetails$a16 === void 0 ? void 0 : _applicationDetails$a16.sanctionFileStoreId], applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.tenantId);
48248
+ var _applicationDetails$a19, _applicationDetails$a20;
48249
+ return getFiles([applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a19 = applicationDetails.applicationData) === null || _applicationDetails$a19 === void 0 ? void 0 : (_applicationDetails$a20 = _applicationDetails$a19.additionalDetails) === null || _applicationDetails$a20 === void 0 ? void 0 : _applicationDetails$a20.sanctionFileStoreId], applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.tenantId);
48132
48250
  }
48133
48251
  };
48134
48252
  const applicationDownloadObject = {
@@ -48140,8 +48258,8 @@ const ApplicationDetails$1 = () => {
48140
48258
  order: 4,
48141
48259
  label: t("DOWNLOAD_RECEIPT_HEADER"),
48142
48260
  onClick: () => {
48143
- var _reciept_data$Payment, _applicationDetails$a17;
48144
- return getRecieptSearch(Digit.ULBService.getStateId(), reciept_data === null || reciept_data === void 0 ? void 0 : (_reciept_data$Payment = reciept_data.Payments) === null || _reciept_data$Payment === void 0 ? void 0 : _reciept_data$Payment[0], applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a17 = applicationDetails.applicationData) === null || _applicationDetails$a17 === void 0 ? void 0 : _applicationDetails$a17.applicationNo, receiptKey);
48261
+ var _reciept_data$Payment, _applicationDetails$a21;
48262
+ return getRecieptSearch(Digit.ULBService.getStateId(), reciept_data === null || reciept_data === void 0 ? void 0 : (_reciept_data$Payment = reciept_data.Payments) === null || _reciept_data$Payment === void 0 ? void 0 : _reciept_data$Payment[0], applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a21 = applicationDetails.applicationData) === null || _applicationDetails$a21 === void 0 ? void 0 : _applicationDetails$a21.applicationNo, receiptKey);
48145
48263
  }
48146
48264
  };
48147
48265
  switch (appStatus) {
@@ -48156,7 +48274,7 @@ const ApplicationDetails$1 = () => {
48156
48274
  break;
48157
48275
  case "PENDING_FOR_CONNECTION_ACTIVATION":
48158
48276
  case "CONNECTION_ACTIVATED":
48159
- if (applicationDetails !== null && applicationDetails !== void 0 && (_applicationDetails$a18 = applicationDetails.applicationData) !== null && _applicationDetails$a18 !== void 0 && (_applicationDetails$a19 = _applicationDetails$a18.applicationType) !== null && _applicationDetails$a19 !== void 0 && _applicationDetails$a19.includes("NEW_") && (reciept_data === null || reciept_data === void 0 ? void 0 : (_reciept_data$Payment2 = reciept_data.Payments) === null || _reciept_data$Payment2 === void 0 ? void 0 : _reciept_data$Payment2.length) > 0) dowloadOptions = [sanctionDownloadObject, wsEstimateDownloadObject, applicationDownloadObject, appFeeDownloadReceipt];else dowloadOptions = [sanctionDownloadObject, wsEstimateDownloadObject, applicationDownloadObject];
48277
+ if (applicationDetails !== null && applicationDetails !== void 0 && (_applicationDetails$a22 = applicationDetails.applicationData) !== null && _applicationDetails$a22 !== void 0 && (_applicationDetails$a23 = _applicationDetails$a22.applicationType) !== null && _applicationDetails$a23 !== void 0 && _applicationDetails$a23.includes("NEW_") && (reciept_data === null || reciept_data === void 0 ? void 0 : (_reciept_data$Payment2 = reciept_data.Payments) === null || _reciept_data$Payment2 === void 0 ? void 0 : _reciept_data$Payment2.length) > 0) dowloadOptions = [sanctionDownloadObject, wsEstimateDownloadObject, applicationDownloadObject, appFeeDownloadReceipt];else dowloadOptions = [sanctionDownloadObject, wsEstimateDownloadObject, applicationDownloadObject];
48160
48278
  break;
48161
48279
  case "REJECTED":
48162
48280
  dowloadOptions = [applicationDownloadObject];
@@ -48202,12 +48320,12 @@ const ApplicationDetails$1 = () => {
48202
48320
  mutate: mutate,
48203
48321
  id: "timeline",
48204
48322
  workflowDetails: workflowDetails,
48205
- businessService: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$p16 = applicationDetails.processInstancesDetails) === null || _applicationDetails$p16 === void 0 ? void 0 : (_applicationDetails$p17 = _applicationDetails$p16[0]) === null || _applicationDetails$p17 === void 0 ? void 0 : (_applicationDetails$p18 = _applicationDetails$p17.businessService) === null || _applicationDetails$p18 === void 0 ? void 0 : _applicationDetails$p18.toUpperCase(),
48323
+ businessService: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$p18 = applicationDetails.processInstancesDetails) === null || _applicationDetails$p18 === void 0 ? void 0 : (_applicationDetails$p19 = _applicationDetails$p18[0]) === null || _applicationDetails$p19 === void 0 ? void 0 : (_applicationDetails$p20 = _applicationDetails$p19.businessService) === null || _applicationDetails$p20 === void 0 ? void 0 : _applicationDetails$p20.toUpperCase(),
48206
48324
  moduleCode: "WS",
48207
48325
  showToast: showToast,
48208
48326
  setShowToast: setShowToast,
48209
48327
  closeToast: closeToast,
48210
- timelineStatusPrefix: "WF_" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$p19 = applicationDetails.processInstancesDetails) === null || _applicationDetails$p19 === void 0 ? void 0 : (_applicationDetails$p20 = _applicationDetails$p19[0]) === null || _applicationDetails$p20 === void 0 ? void 0 : (_applicationDetails$p21 = _applicationDetails$p20.businessService) === null || _applicationDetails$p21 === void 0 ? void 0 : _applicationDetails$p21.toUpperCase()) + "_",
48328
+ timelineStatusPrefix: "WF_" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$p21 = applicationDetails.processInstancesDetails) === null || _applicationDetails$p21 === void 0 ? void 0 : (_applicationDetails$p22 = _applicationDetails$p21[0]) === null || _applicationDetails$p22 === void 0 ? void 0 : (_applicationDetails$p23 = _applicationDetails$p22.businessService) === null || _applicationDetails$p23 === void 0 ? void 0 : _applicationDetails$p23.toUpperCase()) + "_",
48211
48329
  oldValue: res,
48212
48330
  isInfoLabel: checkforPrivacyenablement(),
48213
48331
  clearDataDetails: clearDataDetails,
@@ -48225,16 +48343,16 @@ const ApplicationDetails$1 = () => {
48225
48343
  };
48226
48344
 
48227
48345
  const GetConnectionDetails = () => {
48228
- 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;
48346
+ 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;
48229
48347
  const getBillSearch = function () {
48230
48348
  try {
48231
- const _temp = function (_applicationDetails$f0) {
48232
- if ((applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$f0 = applicationDetails.fetchBillsData) === null || _applicationDetails$f0 === void 0 ? void 0 : _applicationDetails$f0.length) > 0) {
48233
- var _applicationDetails$a22;
48349
+ const _temp = function (_applicationDetails$f8) {
48350
+ if ((applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$f8 = applicationDetails.fetchBillsData) === null || _applicationDetails$f8 === void 0 ? void 0 : _applicationDetails$f8.length) > 0) {
48351
+ var _applicationDetails$a21;
48234
48352
  const service = serviceType === "WATER" ? "WS" : "SW";
48235
48353
  let wsSearchFilters = {
48236
48354
  isConnectionSearch: true,
48237
- connectionNumber: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a22 = applicationDetails.applicationData) === null || _applicationDetails$a22 === void 0 ? void 0 : _applicationDetails$a22.connectionNo
48355
+ connectionNumber: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a21 = applicationDetails.applicationData) === null || _applicationDetails$a21 === void 0 ? void 0 : _applicationDetails$a21.connectionNo
48238
48356
  };
48239
48357
  return Promise.resolve(Digit.WSService.search({
48240
48358
  tenantId,
@@ -48247,8 +48365,8 @@ const GetConnectionDetails = () => {
48247
48365
  bussinessService: service
48248
48366
  };
48249
48367
  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) {
48250
- var _applicationDetails$a23;
48251
- downloadAndOpenPdf(applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a23 = applicationDetails.applicationData) === null || _applicationDetails$a23 === void 0 ? void 0 : _applicationDetails$a23.connectionNo, filters);
48368
+ var _applicationDetails$a22;
48369
+ downloadAndOpenPdf(applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a22 = applicationDetails.applicationData) === null || _applicationDetails$a22 === void 0 ? void 0 : _applicationDetails$a22.connectionNo, filters);
48252
48370
  }
48253
48371
  });
48254
48372
  }
@@ -48277,7 +48395,7 @@ const GetConnectionDetails = () => {
48277
48395
  showOptions = _useState3[0],
48278
48396
  setShowOptions = _useState3[1];
48279
48397
  const stateCode = Digit.ULBService.getStateId();
48280
- const actionConfig = ["MODIFY_CONNECTION_BUTTON", "MUTATION_BUTTON", "BILL_AMENDMENT_BUTTON", "DISCONNECTION_BUTTON"];
48398
+ const actionConfig = ["MODIFY_CONNECTION_BUTTON", "BILL_AMENDMENT_BUTTON", "DISCONNECTION_BUTTON"];
48281
48399
  const _Digit$Hooks$ws$useCo = Digit.Hooks.ws.useConnectionDetail(t, tenantId, applicationNumber, serviceType, {
48282
48400
  privacy: Digit.Utils.getPrivacyObject()
48283
48401
  }),
@@ -48379,29 +48497,8 @@ const GetConnectionDetails = () => {
48379
48497
  data: applicationDetails
48380
48498
  }));
48381
48499
  };
48382
- const getMutationButton = () => {
48383
- var _applicationDetails$f3, _applicationDetails$f4, _applicationDetails$a16, _applicationDetails$p2;
48384
- if (!checkApplicationStatus) {
48385
- setshowActionToast({
48386
- key: "error",
48387
- label: "CONN_NOT_ACTIVE"
48388
- });
48389
- return;
48390
- }
48391
- 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) {
48392
- setshowActionToast({
48393
- key: "error",
48394
- label: "WS_DUE_AMOUNT_SHOULD_BE_ZERO"
48395
- });
48396
- return;
48397
- }
48398
- 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";
48399
- history.push("" + pathname, JSON.stringify({
48400
- data: applicationDetails
48401
- }));
48402
- };
48403
48500
  const getBillAmendmentButton = () => {
48404
- var _demandData$Demands, _applicationDetails$a17;
48501
+ var _demandData$Demands, _applicationDetails$a16;
48405
48502
  let isBillAmendNotApplicable = false;
48406
48503
  billData === null || billData === void 0 ? void 0 : billData.map(bill => {
48407
48504
  if ((bill === null || bill === void 0 ? void 0 : bill.status) === "INWORKFLOW") {
@@ -48422,7 +48519,7 @@ const GetConnectionDetails = () => {
48422
48519
  });
48423
48520
  return;
48424
48521
  }
48425
- 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({
48522
+ 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({
48426
48523
  data: applicationDetails
48427
48524
  }));
48428
48525
  };
@@ -48442,9 +48539,9 @@ const GetConnectionDetails = () => {
48442
48539
  label: "WORKFLOW_IN_PROGRESS"
48443
48540
  });
48444
48541
  } else {
48445
- var _billData$, _applicationDetails$f5;
48542
+ var _billData$, _applicationDetails$f3;
48446
48543
  console.log("due", due, applicationDetails);
48447
- 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) {
48544
+ 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) {
48448
48545
  Digit.SessionStorage.set("WS_DISCONNECTION", applicationDetails);
48449
48546
  history.push("" + pathname);
48450
48547
  } else {
@@ -48460,8 +48557,8 @@ const GetConnectionDetails = () => {
48460
48557
  label: "WORKFLOW_IN_PROGRESS"
48461
48558
  });
48462
48559
  } else {
48463
- var _billData$2, _applicationDetails$f6;
48464
- 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") {
48560
+ var _billData$2, _applicationDetails$f4;
48561
+ 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") {
48465
48562
  Digit.SessionStorage.set("WS_DISCONNECTION", applicationDetails);
48466
48563
  history.push("" + pathname);
48467
48564
  } else {
@@ -48472,8 +48569,6 @@ const GetConnectionDetails = () => {
48472
48569
  function onActionSelect(action) {
48473
48570
  if (action === "MODIFY_CONNECTION_BUTTON") {
48474
48571
  getModifyConnectionButton();
48475
- } else if (action === "MUTATION_BUTTON") {
48476
- getMutationButton();
48477
48572
  } else if (action === "BILL_AMENDMENT_BUTTON") {
48478
48573
  getBillAmendmentButton();
48479
48574
  } else if (action === "DISCONNECTION_BUTTON") {
@@ -48482,7 +48577,7 @@ const GetConnectionDetails = () => {
48482
48577
  getRestorationButton();
48483
48578
  }
48484
48579
  }
48485
- 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;
48580
+ 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;
48486
48581
  const showAction = checkApplicationStatusForDisconnection ? actionConfig : actionConfig.filter(item => item !== "DISCONNECTION_BUTTON");
48487
48582
  const showActionRestoration = ["RESTORATION_BUTTON"];
48488
48583
  let dowloadOptions = [];
@@ -48496,7 +48591,7 @@ const GetConnectionDetails = () => {
48496
48591
  label: t("WS_CONNECTION_DETAILS"),
48497
48592
  onClick: () => downloadConnectionDetails()
48498
48593
  };
48499
- 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];
48594
+ 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];
48500
48595
  const Close = () => /*#__PURE__*/React.createElement("svg", {
48501
48596
  xmlns: "http://www.w3.org/2000/svg",
48502
48597
  viewBox: "0 0 24 24",
@@ -48523,7 +48618,10 @@ const GetConnectionDetails = () => {
48523
48618
  };
48524
48619
  return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement("div", {
48525
48620
  style: {
48526
- position: "relative"
48621
+ position: "relative",
48622
+ width: "100%",
48623
+ height: "100%",
48624
+ overflowY: "scroll"
48527
48625
  }
48528
48626
  }, dowloadOptions && dowloadOptions.length > 0 && /*#__PURE__*/React.createElement("div", {
48529
48627
  style: {
@@ -48545,7 +48643,7 @@ const GetConnectionDetails = () => {
48545
48643
  isDataLoading: isLoading,
48546
48644
  applicationData: applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationData,
48547
48645
  mutate: mutate,
48548
- 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,
48646
+ 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,
48549
48647
  moduleCode: "WS",
48550
48648
  showToast: showToast,
48551
48649
  setShowToast: setShowToast,
@@ -48563,7 +48661,7 @@ const GetConnectionDetails = () => {
48563
48661
  ref: actionMenuRef,
48564
48662
  label: t("WF_TAKE_ACTION"),
48565
48663
  onSubmit: () => setDisplayMenu(!displayMenu)
48566
- })) : 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, {
48664
+ })) : 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, {
48567
48665
  options: showActionRestoration,
48568
48666
  localeKeyPrefix: "WS",
48569
48667
  t: t,
@@ -48619,7 +48717,7 @@ const GetConnectionDetails = () => {
48619
48717
  className: "modal-header-ws"
48620
48718
  }, t("WS_CLEAR_DUES_DISCONNECTION_SUB_HEADER_LABEL"), " "), /*#__PURE__*/React.createElement("div", {
48621
48719
  className: "modal-body-ws"
48622
- }, /*#__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, {
48720
+ }, /*#__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, {
48623
48721
  error: showActionToast.key,
48624
48722
  label: t("" + showActionToast.label),
48625
48723
  onClose: closeBillToast
@@ -50405,10 +50503,198 @@ const EditModifyApplication = () => {
50405
50503
  }));
50406
50504
  };
50407
50505
 
50506
+ const Step1_SearchConnection = _ref => {
50507
+ let defaultKNumber = _ref.defaultKNumber,
50508
+ onNext = _ref.onNext;
50509
+ const _useState = useState(defaultKNumber || ""),
50510
+ kNumber = _useState[0],
50511
+ setKNumber = _useState[1];
50512
+ const _useState2 = useState(false),
50513
+ isLoading = _useState2[0],
50514
+ setIsLoading = _useState2[1];
50515
+ const _useState3 = useState(null),
50516
+ showToast = _useState3[0],
50517
+ setShowToast = _useState3[1];
50518
+ const handleSendOtp = function () {
50519
+ try {
50520
+ if (!kNumber) {
50521
+ setShowToast({
50522
+ key: "warning",
50523
+ message: "Please enter K Number / Connection ID"
50524
+ });
50525
+ return Promise.resolve();
50526
+ }
50527
+ setIsLoading(true);
50528
+ return Promise.resolve(_catch(function () {
50529
+ const tenantId = Digit.ULBService.getCurrentTenantId() || "dl";
50530
+ const params = {
50531
+ connectionNumber: kNumber,
50532
+ isConnectionSearch: true
50533
+ };
50534
+ let detectedServiceType = "WATER";
50535
+ return Promise.resolve(Digit.WSService.search({
50536
+ tenantId,
50537
+ filters: params,
50538
+ businessService: "WS"
50539
+ }).catch(() => null)).then(function (wsResponse) {
50540
+ var _wsResponse$WaterConn;
50541
+ function _temp2() {
50542
+ var _connection, _connection$connectio, _connection$connectio2, _connection2;
50543
+ if (!connection) {
50544
+ setIsLoading(false);
50545
+ setShowToast({
50546
+ key: "error",
50547
+ message: "Connection not found for the given K Number"
50548
+ });
50549
+ return;
50550
+ }
50551
+ 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);
50552
+ if (!fetchedMobileNumber || fetchedMobileNumber.length !== 10) {
50553
+ setIsLoading(false);
50554
+ setShowToast({
50555
+ key: "error",
50556
+ message: "No valid registered mobile number found for this connection"
50557
+ });
50558
+ return;
50559
+ }
50560
+ const userType = Digit.UserService.getType().toUpperCase();
50561
+ const payload = {
50562
+ otp: {
50563
+ mobileNumber: fetchedMobileNumber,
50564
+ tenantId: "dl",
50565
+ type: "register",
50566
+ userType: userType
50567
+ }
50568
+ };
50569
+ return Promise.resolve(Digit.UserService.sendOtp(payload, "dl")).then(function () {
50570
+ setIsLoading(false);
50571
+ onNext({
50572
+ kNumber,
50573
+ mobileNumber: fetchedMobileNumber,
50574
+ serviceType: detectedServiceType
50575
+ });
50576
+ });
50577
+ }
50578
+ let connection = wsResponse === null || wsResponse === void 0 ? void 0 : (_wsResponse$WaterConn = wsResponse.WaterConnection) === null || _wsResponse$WaterConn === void 0 ? void 0 : _wsResponse$WaterConn[0];
50579
+ const _temp = function () {
50580
+ if (!connection) {
50581
+ return Promise.resolve(Digit.WSService.search({
50582
+ tenantId,
50583
+ filters: params,
50584
+ businessService: "SW"
50585
+ }).catch(() => null)).then(function (swResponse) {
50586
+ var _swResponse$SewerageC;
50587
+ connection = swResponse === null || swResponse === void 0 ? void 0 : (_swResponse$SewerageC = swResponse.SewerageConnections) === null || _swResponse$SewerageC === void 0 ? void 0 : _swResponse$SewerageC[0];
50588
+ if (connection) detectedServiceType = "SEWERAGE";
50589
+ });
50590
+ }
50591
+ }();
50592
+ return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
50593
+ });
50594
+ }, function (err) {
50595
+ var _err$response, _err$response$data, _err$response$data$Er, _err$response$data$Er2;
50596
+ setIsLoading(false);
50597
+ setShowToast({
50598
+ key: "error",
50599
+ 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"
50600
+ });
50601
+ }));
50602
+ } catch (e) {
50603
+ return Promise.reject(e);
50604
+ }
50605
+ };
50606
+ return /*#__PURE__*/React.createElement(Card, {
50607
+ style: {
50608
+ marginBottom: "20px"
50609
+ }
50610
+ }, /*#__PURE__*/React.createElement("div", {
50611
+ style: {
50612
+ display: "flex",
50613
+ alignItems: "center",
50614
+ marginBottom: "16px",
50615
+ flexWrap: "wrap",
50616
+ gap: "8px"
50617
+ }
50618
+ }, /*#__PURE__*/React.createElement("span", {
50619
+ style: {
50620
+ fontSize: "24px"
50621
+ }
50622
+ }, "\uD83D\uDD0D"), /*#__PURE__*/React.createElement("h2", {
50623
+ style: {
50624
+ fontSize: "18px",
50625
+ fontWeight: "700",
50626
+ margin: 0
50627
+ }
50628
+ }, "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", {
50629
+ style: {
50630
+ marginBottom: "24px",
50631
+ marginTop: "16px",
50632
+ padding: "16px",
50633
+ backgroundColor: "#f9f9f9",
50634
+ borderRadius: "8px",
50635
+ borderLeft: "4px solid #00497e"
50636
+ }
50637
+ }, /*#__PURE__*/React.createElement("div", {
50638
+ style: {
50639
+ marginBottom: "16px"
50640
+ }
50641
+ }, /*#__PURE__*/React.createElement("div", {
50642
+ style: {
50643
+ fontWeight: "bold",
50644
+ marginBottom: "8px"
50645
+ }
50646
+ }, "K Number / Connection ID *"), /*#__PURE__*/React.createElement(TextInput, {
50647
+ value: kNumber,
50648
+ onChange: e => setKNumber(e.target.value),
50649
+ placeholder: "Enter K Number",
50650
+ style: {
50651
+ width: "100%",
50652
+ maxWidth: "400px"
50653
+ }
50654
+ })), /*#__PURE__*/React.createElement("div", {
50655
+ style: {
50656
+ display: "flex",
50657
+ justifyContent: "flex-end"
50658
+ }
50659
+ }, /*#__PURE__*/React.createElement("button", {
50660
+ onClick: handleSendOtp,
50661
+ disabled: isLoading,
50662
+ style: {
50663
+ padding: "10px 20px",
50664
+ backgroundColor: "#00497e",
50665
+ color: "white",
50666
+ border: "none",
50667
+ borderRadius: "4px",
50668
+ cursor: "pointer",
50669
+ fontWeight: "bold",
50670
+ opacity: isLoading ? 0.7 : 1,
50671
+ width: "100%",
50672
+ maxWidth: "200px"
50673
+ }
50674
+ }, isLoading ? "Sending OTP..." : "Send OTP →"))), showToast && /*#__PURE__*/React.createElement(Toast, {
50675
+ error: showToast.key === "error",
50676
+ warning: showToast.key === "warning",
50677
+ label: showToast.message,
50678
+ onClose: () => setShowToast(null),
50679
+ isDleteBtn: true
50680
+ }));
50681
+ };
50682
+
50408
50683
  const Step1_ExistingConnection = _ref => {
50409
50684
  var _appData$connectionHo, _propertyData$Propert, _propertyData$Propert2, _appData$property, _propertyAddress$loca;
50410
50685
  let applicationDetails = _ref.applicationDetails,
50411
- propertyId = _ref.propertyId;
50686
+ propertyId = _ref.propertyId,
50687
+ mobileNumber = _ref.mobileNumber,
50688
+ onVerify = _ref.onVerify;
50689
+ const _useState = useState(""),
50690
+ otp = _useState[0],
50691
+ setOtp = _useState[1];
50692
+ const _useState2 = useState(false),
50693
+ isLoading = _useState2[0],
50694
+ setIsLoading = _useState2[1];
50695
+ const _useState3 = useState(null),
50696
+ showToast = _useState3[0],
50697
+ setShowToast = _useState3[1];
50412
50698
  const getMaskedName = name => {
50413
50699
  if (!name) return "NA";
50414
50700
  return name.split("").map((char, index) => index % 2 === 1 && char !== " " ? "*" : char).join("");
@@ -50424,13 +50710,17 @@ const Step1_ExistingConnection = _ref => {
50424
50710
  const holderDetails = (appData === null || appData === void 0 ? void 0 : (_appData$connectionHo = appData.connectionHolders) === null || _appData$connectionHo === void 0 ? void 0 : _appData$connectionHo[0]) || {};
50425
50711
  const registeredName = getMaskedName(holderDetails === null || holderDetails === void 0 ? void 0 : holderDetails.name);
50426
50712
  const registeredPhone = getMaskedPhone(holderDetails === null || holderDetails === void 0 ? void 0 : holderDetails.mobileNumber);
50427
- const tenantId = Digit.ULBService.getCurrentTenantId();
50713
+ const tenantId = (appData === null || appData === void 0 ? void 0 : appData.tenantId) || Digit.ULBService.getCurrentTenantId();
50428
50714
  const _Digit$Hooks$pt$usePr = Digit.Hooks.pt.usePropertySearch({
50429
50715
  filters: {
50430
50716
  propertyIds: propertyId
50431
50717
  },
50432
50718
  tenantId
50433
50719
  }, {
50720
+ filters: {
50721
+ propertyIds: propertyId
50722
+ },
50723
+ tenantId,
50434
50724
  enabled: !!propertyId
50435
50725
  }),
50436
50726
  propertyData = _Digit$Hooks$pt$usePr.data;
@@ -50440,29 +50730,71 @@ const Step1_ExistingConnection = _ref => {
50440
50730
  if (connectionNo === "NA") missingFields.push("Connection Number");
50441
50731
  if (registeredName === "NA") missingFields.push("Owner Name");
50442
50732
  if (formattedAddress === "NA") missingFields.push("Property Address");
50733
+ const handleVerifyOtp = function () {
50734
+ try {
50735
+ if (!otp || otp.length < 6) {
50736
+ setShowToast({
50737
+ key: "warning",
50738
+ message: "Please enter a valid 6-digit OTP"
50739
+ });
50740
+ return Promise.resolve();
50741
+ }
50742
+ setIsLoading(true);
50743
+ const _temp = _catch(function () {
50744
+ const payload = {
50745
+ otp: {
50746
+ otp: otp,
50747
+ identity: mobileNumber,
50748
+ tenantId: "dl"
50749
+ }
50750
+ };
50751
+ return Promise.resolve(Digit.UserService.validateOtp(payload)).then(function () {
50752
+ setIsLoading(false);
50753
+ onVerify();
50754
+ });
50755
+ }, function (err) {
50756
+ var _err$response, _err$response$data, _err$response$data$Er, _err$response$data$Er2;
50757
+ setIsLoading(false);
50758
+ setShowToast({
50759
+ key: "error",
50760
+ 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"
50761
+ });
50762
+ });
50763
+ return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
50764
+ } catch (e) {
50765
+ return Promise.reject(e);
50766
+ }
50767
+ };
50768
+ const infoItemStyle = {
50769
+ display: "flex",
50770
+ flexDirection: "column",
50771
+ minWidth: 0
50772
+ };
50443
50773
  return /*#__PURE__*/React.createElement(Card, {
50444
50774
  style: {
50445
50775
  marginBottom: "20px"
50446
50776
  }
50447
50777
  }, /*#__PURE__*/React.createElement("div", {
50448
50778
  style: {
50449
- padding: "16px",
50779
+ padding: "12px 16px",
50450
50780
  backgroundColor: "#fff3cd",
50451
50781
  color: "#856404",
50452
50782
  borderRadius: "8px",
50453
50783
  border: "1px solid #ffeeba",
50454
50784
  marginBottom: "20px",
50455
50785
  display: "flex",
50456
- alignItems: "center"
50786
+ alignItems: "flex-start",
50787
+ gap: "8px"
50457
50788
  }
50458
50789
  }, /*#__PURE__*/React.createElement("span", {
50459
50790
  style: {
50460
- marginRight: "8px",
50461
- fontSize: "20px"
50791
+ fontSize: "18px",
50792
+ flexShrink: 0
50462
50793
  }
50463
50794
  }, "\u2139\uFE0F"), /*#__PURE__*/React.createElement("span", {
50464
50795
  style: {
50465
- fontWeight: "500"
50796
+ fontWeight: "500",
50797
+ fontSize: "14px"
50466
50798
  }
50467
50799
  }, "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", {
50468
50800
  style: {
@@ -50473,36 +50805,38 @@ const Step1_ExistingConnection = _ref => {
50473
50805
  border: "1px solid #f5c6cb",
50474
50806
  marginBottom: "16px",
50475
50807
  display: "flex",
50476
- alignItems: "center"
50808
+ alignItems: "flex-start",
50809
+ gap: "8px"
50477
50810
  }
50478
50811
  }, /*#__PURE__*/React.createElement("span", {
50479
50812
  style: {
50480
- marginRight: "8px",
50481
- fontSize: "18px"
50813
+ fontSize: "16px",
50814
+ flexShrink: 0
50482
50815
  }
50483
50816
  }, "\u26A0\uFE0F"), /*#__PURE__*/React.createElement("span", {
50484
50817
  style: {
50485
50818
  fontWeight: "500",
50486
50819
  fontSize: "14px"
50487
50820
  }
50488
- }, "Please verify the connection data before proceeding.")), /*#__PURE__*/React.createElement("div", {
50821
+ }, "Note: Some connection details are missing (", missingFields.join(", "), "). You may need to update them during the mutation process.")), /*#__PURE__*/React.createElement("div", {
50489
50822
  style: {
50490
50823
  display: "flex",
50491
50824
  alignItems: "center",
50492
- marginBottom: "16px"
50825
+ marginBottom: "16px",
50826
+ flexWrap: "wrap",
50827
+ gap: "8px"
50493
50828
  }
50494
50829
  }, /*#__PURE__*/React.createElement("span", {
50495
50830
  style: {
50496
- fontSize: "24px",
50497
- marginRight: "8px"
50831
+ fontSize: "22px"
50498
50832
  }
50499
50833
  }, "\uD83C\uDFE2"), /*#__PURE__*/React.createElement("h2", {
50500
50834
  style: {
50501
- fontSize: "20px",
50835
+ fontSize: "18px",
50502
50836
  fontWeight: "700",
50503
50837
  margin: 0
50504
50838
  }
50505
- }, "1. Existing Connection & Current Consumer Details.")), /*#__PURE__*/React.createElement("div", {
50839
+ }, "2. Existing Consumer Details")), /*#__PURE__*/React.createElement("div", {
50506
50840
  style: {
50507
50841
  padding: "16px",
50508
50842
  backgroundColor: "#f9f9f9",
@@ -50512,43 +50846,54 @@ const Step1_ExistingConnection = _ref => {
50512
50846
  }, /*#__PURE__*/React.createElement("div", {
50513
50847
  style: {
50514
50848
  display: "grid",
50515
- gridTemplateColumns: "1fr 1fr 1fr",
50849
+ gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))",
50516
50850
  gap: "16px"
50517
50851
  }
50518
- }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
50852
+ }, /*#__PURE__*/React.createElement("div", {
50853
+ style: infoItemStyle
50854
+ }, /*#__PURE__*/React.createElement("div", {
50519
50855
  style: {
50520
50856
  color: "#555",
50521
- fontSize: "14px",
50857
+ fontSize: "13px",
50522
50858
  marginBottom: "4px"
50523
50859
  }
50524
50860
  }, "Connection Number"), /*#__PURE__*/React.createElement("div", {
50525
50861
  style: {
50526
- fontWeight: "bold"
50862
+ fontWeight: "bold",
50863
+ wordBreak: "break-all"
50527
50864
  }
50528
- }, connectionNo)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
50865
+ }, connectionNo)), /*#__PURE__*/React.createElement("div", {
50866
+ style: infoItemStyle
50867
+ }, /*#__PURE__*/React.createElement("div", {
50529
50868
  style: {
50530
50869
  color: "#555",
50531
- fontSize: "14px",
50870
+ fontSize: "13px",
50532
50871
  marginBottom: "4px"
50533
50872
  }
50534
50873
  }, "Current Owner Name"), /*#__PURE__*/React.createElement("div", {
50535
50874
  style: {
50536
- fontWeight: "bold"
50875
+ fontWeight: "bold",
50876
+ wordBreak: "break-word"
50537
50877
  }
50538
- }, registeredName)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
50878
+ }, registeredName)), /*#__PURE__*/React.createElement("div", {
50879
+ style: infoItemStyle
50880
+ }, /*#__PURE__*/React.createElement("div", {
50539
50881
  style: {
50540
50882
  color: "#555",
50541
- fontSize: "14px",
50883
+ fontSize: "13px",
50542
50884
  marginBottom: "4px"
50543
50885
  }
50544
50886
  }, "Property Address"), /*#__PURE__*/React.createElement("div", {
50545
50887
  style: {
50546
- fontWeight: "bold"
50888
+ fontWeight: "bold",
50889
+ wordBreak: "break-word"
50547
50890
  }
50548
- }, formattedAddress)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
50891
+ }, formattedAddress)), /*#__PURE__*/React.createElement("div", {
50892
+ style: infoItemStyle
50893
+ }, /*#__PURE__*/React.createElement("div", {
50549
50894
  style: {
50550
50895
  color: "#555",
50551
- fontSize: "14px",
50896
+ fontSize: "13px",
50552
50897
  marginBottom: "4px"
50553
50898
  }
50554
50899
  }, "Connection Status"), /*#__PURE__*/React.createElement("div", {
@@ -50556,27 +50901,88 @@ const Step1_ExistingConnection = _ref => {
50556
50901
  fontWeight: "bold",
50557
50902
  color: (connectionStatus === null || connectionStatus === void 0 ? void 0 : connectionStatus.toLowerCase()) === "active" ? "#28a745" : "#dc3545"
50558
50903
  }
50559
- }, connectionStatus)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
50904
+ }, connectionStatus)), /*#__PURE__*/React.createElement("div", {
50905
+ style: infoItemStyle
50906
+ }, /*#__PURE__*/React.createElement("div", {
50560
50907
  style: {
50561
50908
  color: "#555",
50562
- fontSize: "14px",
50909
+ fontSize: "13px",
50563
50910
  marginBottom: "4px"
50564
50911
  }
50565
50912
  }, "Meter Number"), /*#__PURE__*/React.createElement("div", {
50566
50913
  style: {
50567
- fontWeight: "bold"
50914
+ fontWeight: "bold",
50915
+ wordBreak: "break-all"
50568
50916
  }
50569
- }, meterId)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
50917
+ }, meterId)), /*#__PURE__*/React.createElement("div", {
50918
+ style: infoItemStyle
50919
+ }, /*#__PURE__*/React.createElement("div", {
50570
50920
  style: {
50571
50921
  color: "#555",
50572
- fontSize: "14px",
50922
+ fontSize: "13px",
50573
50923
  marginBottom: "4px"
50574
50924
  }
50575
50925
  }, "Mobile Number"), /*#__PURE__*/React.createElement("div", {
50576
50926
  style: {
50577
50927
  fontWeight: "bold"
50578
50928
  }
50579
- }, registeredPhone)))));
50929
+ }, registeredPhone)))), /*#__PURE__*/React.createElement("div", {
50930
+ style: {
50931
+ marginTop: "24px",
50932
+ borderTop: "1px solid #e0e0e0",
50933
+ paddingTop: "16px"
50934
+ }
50935
+ }, /*#__PURE__*/React.createElement("h3", {
50936
+ style: {
50937
+ fontSize: "16px",
50938
+ fontWeight: "bold",
50939
+ marginBottom: "16px"
50940
+ }
50941
+ }, "Verify OTP"), /*#__PURE__*/React.createElement("div", {
50942
+ style: {
50943
+ display: "flex",
50944
+ flexDirection: "column",
50945
+ gap: "8px",
50946
+ maxWidth: "400px",
50947
+ marginBottom: "16px"
50948
+ }
50949
+ }, /*#__PURE__*/React.createElement("label", {
50950
+ style: {
50951
+ fontWeight: "500",
50952
+ fontSize: "14px"
50953
+ }
50954
+ }, "Enter OTP sent to +91 ", getMaskedPhone(mobileNumber), " *"), /*#__PURE__*/React.createElement(TextInput, {
50955
+ value: otp,
50956
+ onChange: e => setOtp(e.target.value.replace(/\D/g, '').slice(0, 6)),
50957
+ placeholder: "Enter 6-digit OTP",
50958
+ maxLength: 6
50959
+ })), /*#__PURE__*/React.createElement("div", {
50960
+ style: {
50961
+ display: "flex",
50962
+ justifyContent: "flex-end"
50963
+ }
50964
+ }, /*#__PURE__*/React.createElement("button", {
50965
+ onClick: handleVerifyOtp,
50966
+ disabled: isLoading || otp.length < 6,
50967
+ style: {
50968
+ padding: "10px 20px",
50969
+ backgroundColor: "#00497e",
50970
+ color: "white",
50971
+ border: "none",
50972
+ borderRadius: "4px",
50973
+ cursor: isLoading || otp.length < 6 ? "not-allowed" : "pointer",
50974
+ fontWeight: "bold",
50975
+ opacity: isLoading || otp.length < 6 ? 0.5 : 1,
50976
+ width: "100%",
50977
+ maxWidth: "200px"
50978
+ }
50979
+ }, isLoading ? "Verifying..." : "Verify & Proceed →"))), showToast && /*#__PURE__*/React.createElement(Toast, {
50980
+ error: (showToast === null || showToast === void 0 ? void 0 : showToast.key) === "error",
50981
+ warning: (showToast === null || showToast === void 0 ? void 0 : showToast.key) === "warning",
50982
+ label: showToast === null || showToast === void 0 ? void 0 : showToast.message,
50983
+ onClose: () => setShowToast(null),
50984
+ isDleteBtn: true
50985
+ }));
50580
50986
  };
50581
50987
 
50582
50988
  const Step2_NewConsumerDetails = _ref => {
@@ -50594,7 +51000,8 @@ const Step2_NewConsumerDetails = _ref => {
50594
51000
  errors = _useForm.formState.errors,
50595
51001
  trigger = _useForm.trigger,
50596
51002
  setError = _useForm.setError,
50597
- clearErrors = _useForm.clearErrors;
51003
+ clearErrors = _useForm.clearErrors,
51004
+ setValue = _useForm.setValue;
50598
51005
  const _useState = useState(null),
50599
51006
  showToast = _useState[0],
50600
51007
  setShowToast = _useState[1];
@@ -50690,16 +51097,17 @@ const Step2_NewConsumerDetails = _ref => {
50690
51097
  style: {
50691
51098
  display: "flex",
50692
51099
  alignItems: "center",
50693
- marginBottom: "16px"
51100
+ marginBottom: "16px",
51101
+ flexWrap: "wrap",
51102
+ gap: "8px"
50694
51103
  }
50695
51104
  }, /*#__PURE__*/React.createElement("span", {
50696
51105
  style: {
50697
- fontSize: "24px",
50698
- marginRight: "8px"
51106
+ fontSize: "22px"
50699
51107
  }
50700
51108
  }, "\uD83D\uDC64"), /*#__PURE__*/React.createElement("h2", {
50701
51109
  style: {
50702
- fontSize: "20px",
51110
+ fontSize: "18px",
50703
51111
  fontWeight: "700",
50704
51112
  margin: 0
50705
51113
  }
@@ -50712,12 +51120,13 @@ const Step2_NewConsumerDetails = _ref => {
50712
51120
  border: "1px solid #f5c6cb",
50713
51121
  marginBottom: "16px",
50714
51122
  display: "flex",
50715
- alignItems: "center"
51123
+ alignItems: "flex-start",
51124
+ gap: "8px"
50716
51125
  }
50717
51126
  }, /*#__PURE__*/React.createElement("span", {
50718
51127
  style: {
50719
- marginRight: "8px",
50720
- fontSize: "18px"
51128
+ fontSize: "16px",
51129
+ flexShrink: 0
50721
51130
  }
50722
51131
  }, "\u26A0\uFE0F"), /*#__PURE__*/React.createElement("span", {
50723
51132
  style: {
@@ -50734,9 +51143,9 @@ const Step2_NewConsumerDetails = _ref => {
50734
51143
  }, /*#__PURE__*/React.createElement("div", {
50735
51144
  style: {
50736
51145
  display: "grid",
50737
- gridTemplateColumns: "1fr 1fr 1fr",
50738
- gap: "24px",
50739
- padding: "16px 0"
51146
+ gridTemplateColumns: "repeat(auto-fill, minmax(240px, 1fr))",
51147
+ gap: "20px",
51148
+ padding: "8px 0 16px"
50740
51149
  }
50741
51150
  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, {
50742
51151
  style: {
@@ -50884,6 +51293,9 @@ const Step2_NewConsumerDetails = _ref => {
50884
51293
  setTouched(p => _extends({}, p, {
50885
51294
  reasonForNameChange: true
50886
51295
  }));
51296
+ if ((val === null || val === void 0 ? void 0 : val.code) !== "OTHER" && val !== "OTHER") {
51297
+ setValue("relationshipWithExistingConsumer", null);
51298
+ }
50887
51299
  },
50888
51300
  optionKey: "i18nKey",
50889
51301
  t: t,
@@ -50930,13 +51342,15 @@ const Step2_NewConsumerDetails = _ref => {
50930
51342
  display: "flex",
50931
51343
  justifyContent: "space-between",
50932
51344
  alignItems: "center",
50933
- marginTop: "24px"
51345
+ marginTop: "24px",
51346
+ flexWrap: "wrap",
51347
+ gap: "12px"
50934
51348
  }
50935
51349
  }, /*#__PURE__*/React.createElement("button", {
50936
51350
  type: "button",
50937
51351
  onClick: onBack,
50938
51352
  style: {
50939
- padding: "8px 24px",
51353
+ padding: "10px 20px",
50940
51354
  backgroundColor: "#e0e0e0",
50941
51355
  border: "none",
50942
51356
  borderRadius: "4px",
@@ -50947,7 +51361,8 @@ const Step2_NewConsumerDetails = _ref => {
50947
51361
  style: {
50948
51362
  display: "flex",
50949
51363
  alignItems: "center",
50950
- gap: "12px"
51364
+ gap: "12px",
51365
+ flexWrap: "wrap"
50951
51366
  }
50952
51367
  }, /*#__PURE__*/React.createElement("span", {
50953
51368
  style: {
@@ -50961,7 +51376,7 @@ const Step2_NewConsumerDetails = _ref => {
50961
51376
  }, "*"), " are mandatory"), /*#__PURE__*/React.createElement("button", {
50962
51377
  type: "submit",
50963
51378
  style: {
50964
- padding: "10px 24px",
51379
+ padding: "10px 20px",
50965
51380
  backgroundColor: "#00497e",
50966
51381
  color: "white",
50967
51382
  border: "none",
@@ -51135,6 +51550,80 @@ const Step3_UploadDocuments = _ref => {
51135
51550
  useEffect(() => {
51136
51551
  if (rawFiles.mutation) handleFileUpload(rawFiles.mutation, "mutation");
51137
51552
  }, [rawFiles.mutation]);
51553
+ const _useState0 = useState(""),
51554
+ identityFileName = _useState0[0],
51555
+ setIdentityFileName = _useState0[1];
51556
+ const _useState1 = useState(""),
51557
+ mutationFileName = _useState1[0],
51558
+ setMutationFileName = _useState1[1];
51559
+ const _useState10 = useState(""),
51560
+ identityFileUrl = _useState10[0],
51561
+ setIdentityFileUrl = _useState10[1];
51562
+ const _useState11 = useState(""),
51563
+ mutationFileUrl = _useState11[0],
51564
+ setMutationFileUrl = _useState11[1];
51565
+ useEffect(() => {
51566
+ const fetchFileDetails = function () {
51567
+ try {
51568
+ function _temp6() {
51569
+ const _temp4 = function () {
51570
+ if (mutationDocFile && !rawFiles.mutation) {
51571
+ const _temp3 = _catch(function () {
51572
+ return Promise.resolve(window.Digit.UploadServices.Filefetch([mutationDocFile], tenantId)).then(function (res) {
51573
+ var _res$data;
51574
+ if (res !== null && res !== void 0 && (_res$data = res.data) !== null && _res$data !== void 0 && _res$data[mutationDocFile]) {
51575
+ const url = res.data[mutationDocFile].split(",")[0];
51576
+ setMutationFileUrl(url);
51577
+ let fileName = "Supporting_Document";
51578
+ try {
51579
+ const decoded = decodeURIComponent(url);
51580
+ const urlParts = decoded.split("?")[0].split("/");
51581
+ fileName = urlParts[urlParts.length - 1];
51582
+ if (fileName.includes("-")) fileName = fileName.split("-").slice(1).join("-");
51583
+ } catch (e) {}
51584
+ setMutationFileName(fileName);
51585
+ }
51586
+ });
51587
+ }, function (e) {
51588
+ console.error("Error fetching mutation doc", e);
51589
+ });
51590
+ if (_temp3 && _temp3.then) return _temp3.then(function () {});
51591
+ }
51592
+ }();
51593
+ if (_temp4 && _temp4.then) return _temp4.then(function () {});
51594
+ }
51595
+ const tenantId = window.Digit.ULBService.getStateId();
51596
+ const _temp5 = function () {
51597
+ if (identityProofFile && !rawFiles.identity) {
51598
+ const _temp2 = _catch(function () {
51599
+ return Promise.resolve(window.Digit.UploadServices.Filefetch([identityProofFile], tenantId)).then(function (res) {
51600
+ var _res$data2;
51601
+ if (res !== null && res !== void 0 && (_res$data2 = res.data) !== null && _res$data2 !== void 0 && _res$data2[identityProofFile]) {
51602
+ const url = res.data[identityProofFile].split(",")[0];
51603
+ setIdentityFileUrl(url);
51604
+ let fileName = "Identity_Document";
51605
+ try {
51606
+ const decoded = decodeURIComponent(url);
51607
+ const urlParts = decoded.split("?")[0].split("/");
51608
+ fileName = urlParts[urlParts.length - 1];
51609
+ if (fileName.includes("-")) fileName = fileName.split("-").slice(1).join("-");
51610
+ } catch (e) {}
51611
+ setIdentityFileName(fileName);
51612
+ }
51613
+ });
51614
+ }, function (e) {
51615
+ console.error("Error fetching identity doc", e);
51616
+ });
51617
+ if (_temp2 && _temp2.then) return _temp2.then(function () {});
51618
+ }
51619
+ }();
51620
+ return Promise.resolve(_temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5));
51621
+ } catch (e) {
51622
+ return Promise.reject(e);
51623
+ }
51624
+ };
51625
+ fetchFileDetails();
51626
+ }, [identityProofFile, mutationDocFile, rawFiles]);
51138
51627
  useEffect(() => {
51139
51628
  if (hasAttemptedSubmit) {
51140
51629
  const newErrors = {};
@@ -51232,12 +51721,13 @@ const Step3_UploadDocuments = _ref => {
51232
51721
  border: "1px solid #f5c6cb",
51233
51722
  marginBottom: "16px",
51234
51723
  display: "flex",
51235
- alignItems: "center"
51724
+ alignItems: "flex-start",
51725
+ gap: "8px"
51236
51726
  }
51237
51727
  }, /*#__PURE__*/React.createElement("span", {
51238
51728
  style: {
51239
- marginRight: "8px",
51240
- fontSize: "18px"
51729
+ fontSize: "16px",
51730
+ flexShrink: 0
51241
51731
  }
51242
51732
  }, "\u26A0\uFE0F"), /*#__PURE__*/React.createElement("span", {
51243
51733
  style: {
@@ -51247,7 +51737,7 @@ const Step3_UploadDocuments = _ref => {
51247
51737
  }, errorCount, " required item", errorCount > 1 ? "s" : "", " still need", errorCount === 1 ? "s" : "", " your attention before proceeding.")), /*#__PURE__*/React.createElement("div", {
51248
51738
  style: {
51249
51739
  display: "grid",
51250
- gridTemplateColumns: "1fr 1fr",
51740
+ gridTemplateColumns: "repeat(auto-fill, minmax(280px, 1fr))",
51251
51741
  gap: "24px"
51252
51742
  }
51253
51743
  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, {
@@ -51338,7 +51828,26 @@ const Step3_UploadDocuments = _ref => {
51338
51828
  style: errorTextStyle
51339
51829
  }, fieldErrors.identityFile), identityProofFile && /*#__PURE__*/React.createElement("div", {
51340
51830
  style: successTextStyle
51341
- }, "\u2713 Document uploaded successfully")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, {
51831
+ }, "\u2713 Document uploaded successfully"), identityProofFile && identityFileUrl && !rawFiles.identity && /*#__PURE__*/React.createElement("div", {
51832
+ style: {
51833
+ marginTop: "8px"
51834
+ }
51835
+ }, /*#__PURE__*/React.createElement("a", {
51836
+ href: identityFileUrl,
51837
+ target: "_blank",
51838
+ rel: "noreferrer",
51839
+ style: {
51840
+ color: "#f47738",
51841
+ textDecoration: "underline",
51842
+ fontSize: "14px",
51843
+ display: "inline-flex",
51844
+ alignItems: "center"
51845
+ }
51846
+ }, /*#__PURE__*/React.createElement("span", {
51847
+ style: {
51848
+ marginRight: "4px"
51849
+ }
51850
+ }, "\uD83D\uDCC4"), " View ", identityFileName))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, {
51342
51851
  style: {
51343
51852
  fontWeight: "bold"
51344
51853
  }
@@ -51382,18 +51891,39 @@ const Step3_UploadDocuments = _ref => {
51382
51891
  style: errorTextStyle
51383
51892
  }, fieldErrors.mutationFile), mutationDocFile && /*#__PURE__*/React.createElement("div", {
51384
51893
  style: successTextStyle
51385
- }, "\u2713 Document uploaded successfully"))), /*#__PURE__*/React.createElement("div", {
51894
+ }, "\u2713 Document uploaded successfully"), mutationDocFile && mutationFileUrl && !rawFiles.mutation && /*#__PURE__*/React.createElement("div", {
51895
+ style: {
51896
+ marginTop: "8px"
51897
+ }
51898
+ }, /*#__PURE__*/React.createElement("a", {
51899
+ href: mutationFileUrl,
51900
+ target: "_blank",
51901
+ rel: "noreferrer",
51902
+ style: {
51903
+ color: "#f47738",
51904
+ textDecoration: "underline",
51905
+ fontSize: "14px",
51906
+ display: "inline-flex",
51907
+ alignItems: "center"
51908
+ }
51909
+ }, /*#__PURE__*/React.createElement("span", {
51910
+ style: {
51911
+ marginRight: "4px"
51912
+ }
51913
+ }, "\uD83D\uDCC4"), " View ", mutationFileName)))), /*#__PURE__*/React.createElement("div", {
51386
51914
  style: {
51387
51915
  display: "flex",
51388
51916
  justifyContent: "space-between",
51389
51917
  alignItems: "center",
51390
- marginTop: "32px"
51918
+ marginTop: "32px",
51919
+ flexWrap: "wrap",
51920
+ gap: "12px"
51391
51921
  }
51392
51922
  }, /*#__PURE__*/React.createElement("button", {
51393
51923
  type: "button",
51394
51924
  onClick: onBack,
51395
51925
  style: {
51396
- padding: "8px 24px",
51926
+ padding: "10px 20px",
51397
51927
  backgroundColor: "#e0e0e0",
51398
51928
  border: "none",
51399
51929
  borderRadius: "4px",
@@ -51404,7 +51934,8 @@ const Step3_UploadDocuments = _ref => {
51404
51934
  style: {
51405
51935
  display: "flex",
51406
51936
  alignItems: "center",
51407
- gap: "12px"
51937
+ gap: "12px",
51938
+ flexWrap: "wrap"
51408
51939
  }
51409
51940
  }, /*#__PURE__*/React.createElement("span", {
51410
51941
  style: {
@@ -51416,7 +51947,7 @@ const Step3_UploadDocuments = _ref => {
51416
51947
  onClick: onProceed,
51417
51948
  disabled: isUploading,
51418
51949
  style: {
51419
- padding: "10px 24px",
51950
+ padding: "10px 20px",
51420
51951
  backgroundColor: isUploading ? "#ccc" : "#00497e",
51421
51952
  color: "white",
51422
51953
  border: "none",
@@ -51435,8 +51966,9 @@ const Step3_UploadDocuments = _ref => {
51435
51966
  };
51436
51967
 
51437
51968
  const Step4_Preview = _ref => {
51438
- var _appData$connectionHo, _appData$property, _address$locality;
51439
- let formData = _ref.formData,
51969
+ var _appData$connectionHo, _propertyData$Propert, _propertyData$Propert2, _appData$property, _propertyAddress$loca;
51970
+ let t = _ref.t,
51971
+ formData = _ref.formData,
51440
51972
  applicationDetails = _ref.applicationDetails,
51441
51973
  onBack = _ref.onBack,
51442
51974
  onSubmit = _ref.onSubmit,
@@ -51447,9 +51979,11 @@ const Step4_Preview = _ref => {
51447
51979
  const _useState2 = useState(0),
51448
51980
  fee = _useState2[0],
51449
51981
  setFee = _useState2[1];
51450
- const _useState3 = useState("Calculating..."),
51451
- slab = _useState3[0],
51452
- setSlab = _useState3[1];
51982
+ const _useState3 = useState([]),
51983
+ taxHeads = _useState3[0],
51984
+ setTaxHeads = _useState3[1];
51985
+ const _useState4 = useState("Calculating..."),
51986
+ setSlab = _useState4[1];
51453
51987
  const getMaskedName = name => {
51454
51988
  if (!name) return "NA";
51455
51989
  return name.split("").map((char, index) => index % 2 === 1 && char !== " " ? "*" : char).join("");
@@ -51465,8 +51999,22 @@ const Step4_Preview = _ref => {
51465
51999
  const oldHolder = (appData === null || appData === void 0 ? void 0 : (_appData$connectionHo = appData.connectionHolders) === null || _appData$connectionHo === void 0 ? void 0 : _appData$connectionHo[0]) || {};
51466
52000
  const oldName = getMaskedName(oldHolder === null || oldHolder === void 0 ? void 0 : oldHolder.name);
51467
52001
  const oldPhone = getMaskedPhone(oldHolder === null || oldHolder === void 0 ? void 0 : oldHolder.mobileNumber);
51468
- const address = (appData === null || appData === void 0 ? void 0 : (_appData$property = appData.property) === null || _appData$property === void 0 ? void 0 : _appData$property.address) || {};
51469
- 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";
52002
+ const tenantId = (appData === null || appData === void 0 ? void 0 : appData.tenantId) || Digit.ULBService.getCurrentTenantId();
52003
+ const _Digit$Hooks$pt$usePr = Digit.Hooks.pt.usePropertySearch({
52004
+ filters: {
52005
+ propertyIds: propertyId
52006
+ },
52007
+ tenantId
52008
+ }, {
52009
+ filters: {
52010
+ propertyIds: propertyId
52011
+ },
52012
+ tenantId,
52013
+ enabled: !!propertyId && propertyId !== "NA"
52014
+ }),
52015
+ propertyData = _Digit$Hooks$pt$usePr.data;
52016
+ 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) || {};
52017
+ 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";
51470
52018
  const proposedNewConsumerName = formData.proposedNewConsumerName,
51471
52019
  newOwnerMobileNumber = formData.newOwnerMobileNumber,
51472
52020
  relationshipWithExistingConsumer = formData.relationshipWithExistingConsumer,
@@ -51493,7 +52041,6 @@ const Step4_Preview = _ref => {
51493
52041
  };
51494
52042
  return map[code] || code;
51495
52043
  };
51496
- const tenantId = Digit.ULBService.getCurrentTenantId();
51497
52044
  const viewDocument = function (fileStoreId) {
51498
52045
  try {
51499
52046
  if (!fileStoreId) return Promise.resolve();
@@ -51515,15 +52062,30 @@ const Step4_Preview = _ref => {
51515
52062
  }
51516
52063
  };
51517
52064
  useEffect(() => {
51518
- const relationCode = (relationshipWithExistingConsumer === null || relationshipWithExistingConsumer === void 0 ? void 0 : relationshipWithExistingConsumer.code) || relationshipWithExistingConsumer;
51519
- if (relationCode && relationCode !== "OTHER") {
51520
- setFee(100);
51521
- setSlab("Blood relation slab");
51522
- } else {
51523
- setFee(1350);
51524
- setSlab("Other Slab");
51525
- }
51526
- }, [relationshipWithExistingConsumer]);
52065
+ const calculateStaticFee = () => {
52066
+ var _formData$relationshi;
52067
+ 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);
52068
+ if (relationCode === "BLOOD_RELATION") {
52069
+ setFee(100);
52070
+ setTaxHeads([]);
52071
+ setSlab("Blood relation slab");
52072
+ } else {
52073
+ setFee(1350);
52074
+ setTaxHeads([{
52075
+ taxHeadCode: "WS_MUTATION_TRADE_SECURITY",
52076
+ estimateAmount: 250.00
52077
+ }, {
52078
+ taxHeadCode: "WS_MUTATION_FEE",
52079
+ estimateAmount: 100.00
52080
+ }, {
52081
+ taxHeadCode: "WS_WATER_ADVANCE",
52082
+ estimateAmount: 1000.00
52083
+ }]);
52084
+ setSlab("Other Slab");
52085
+ }
52086
+ };
52087
+ calculateStaticFee();
52088
+ }, [formData]);
51527
52089
  const sectionStyle = {
51528
52090
  border: "1px solid #e0e0e0",
51529
52091
  borderRadius: "8px",
@@ -51532,17 +52094,27 @@ const Step4_Preview = _ref => {
51532
52094
  };
51533
52095
  const labelStyle = {
51534
52096
  color: "#666",
51535
- fontSize: "14px",
52097
+ fontSize: "13px",
51536
52098
  marginBottom: "4px"
51537
52099
  };
51538
52100
  const valueStyle = {
51539
52101
  fontWeight: "bold",
51540
- fontSize: "16px"
52102
+ fontSize: "15px",
52103
+ wordBreak: "break-word"
51541
52104
  };
51542
52105
  const uploadDocStatusStyle = {
51543
52106
  fontSize: "14px",
51544
52107
  fontWeight: "bold"
51545
52108
  };
52109
+ const infoItem = (label, value) => /*#__PURE__*/React.createElement("div", {
52110
+ style: {
52111
+ minWidth: 0
52112
+ }
52113
+ }, /*#__PURE__*/React.createElement("div", {
52114
+ style: labelStyle
52115
+ }, label), /*#__PURE__*/React.createElement("div", {
52116
+ style: valueStyle
52117
+ }, value));
51546
52118
  return /*#__PURE__*/React.createElement(Card, {
51547
52119
  style: {
51548
52120
  marginBottom: "20px"
@@ -51551,16 +52123,17 @@ const Step4_Preview = _ref => {
51551
52123
  style: {
51552
52124
  display: "flex",
51553
52125
  alignItems: "center",
51554
- marginBottom: "16px"
52126
+ marginBottom: "16px",
52127
+ flexWrap: "wrap",
52128
+ gap: "8px"
51555
52129
  }
51556
52130
  }, /*#__PURE__*/React.createElement("span", {
51557
52131
  style: {
51558
- fontSize: "24px",
51559
- marginRight: "8px"
52132
+ fontSize: "22px"
51560
52133
  }
51561
52134
  }, "\uD83D\uDCCB"), /*#__PURE__*/React.createElement("h2", {
51562
52135
  style: {
51563
- fontSize: "20px",
52136
+ fontSize: "18px",
51564
52137
  fontWeight: "700",
51565
52138
  margin: 0
51566
52139
  }
@@ -51570,100 +52143,59 @@ const Step4_Preview = _ref => {
51570
52143
  })
51571
52144
  }, /*#__PURE__*/React.createElement("h3", {
51572
52145
  style: {
51573
- fontSize: "16px",
52146
+ fontSize: "15px",
51574
52147
  fontWeight: "bold",
51575
52148
  color: "#00497e",
51576
52149
  marginBottom: "12px"
51577
52150
  }
51578
52151
  }, "Property & Connection Summary"), /*#__PURE__*/React.createElement("div", {
51579
52152
  style: {
51580
- display: "flex",
51581
- justifyContent: "space-between"
52153
+ display: "grid",
52154
+ gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))",
52155
+ gap: "16px"
51582
52156
  }
51583
- }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
51584
- style: labelStyle
51585
- }, "Connection No"), /*#__PURE__*/React.createElement("div", {
51586
- style: valueStyle
51587
- }, connectionNo)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
51588
- style: labelStyle
51589
- }, "Meter Number"), /*#__PURE__*/React.createElement("div", {
51590
- style: valueStyle
51591
- }, meterId)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
51592
- style: labelStyle
51593
- }, "Property ID"), /*#__PURE__*/React.createElement("div", {
51594
- style: valueStyle
51595
- }, propertyId)))), /*#__PURE__*/React.createElement("div", {
52157
+ }, infoItem("Connection No", connectionNo), infoItem("Meter Number", meterId), infoItem("Property ID", propertyId))), /*#__PURE__*/React.createElement("div", {
51596
52158
  style: _extends({}, sectionStyle, {
51597
52159
  borderLeft: "4px solid #f29c1f"
51598
52160
  })
51599
52161
  }, /*#__PURE__*/React.createElement("h3", {
51600
52162
  style: {
51601
- fontSize: "16px",
52163
+ fontSize: "15px",
51602
52164
  fontWeight: "bold",
51603
52165
  color: "#f29c1f",
51604
52166
  marginBottom: "12px"
51605
52167
  }
51606
52168
  }, "\uD83D\uDD12 Existing / Previous Owner Details (Masked Information)"), /*#__PURE__*/React.createElement("div", {
51607
52169
  style: {
51608
- display: "flex",
51609
- justifyContent: "space-between",
52170
+ display: "grid",
52171
+ gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))",
52172
+ gap: "16px",
51610
52173
  marginBottom: "12px"
51611
52174
  }
51612
- }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
51613
- style: labelStyle
51614
- }, "Registered Name:"), /*#__PURE__*/React.createElement("div", {
51615
- style: valueStyle
51616
- }, oldName)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
51617
- style: labelStyle
51618
- }, "Meter Number:"), /*#__PURE__*/React.createElement("div", {
51619
- style: valueStyle
51620
- }, meterId)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
51621
- style: labelStyle
51622
- }, "Registered Phone:"), /*#__PURE__*/React.createElement("div", {
51623
- style: valueStyle
51624
- }, oldPhone))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
51625
- style: labelStyle
51626
- }, "Registered Address:"), /*#__PURE__*/React.createElement("div", {
51627
- style: valueStyle
51628
- }, oldAddress))), /*#__PURE__*/React.createElement("div", {
52175
+ }, infoItem("Registered Name:", oldName), infoItem("Registered Phone:", oldPhone)), infoItem("Registered Address:", oldAddress)), /*#__PURE__*/React.createElement("div", {
51629
52176
  style: _extends({}, sectionStyle, {
51630
52177
  borderLeft: "4px solid #00497e"
51631
52178
  })
51632
52179
  }, /*#__PURE__*/React.createElement("h3", {
51633
52180
  style: {
51634
- fontSize: "16px",
52181
+ fontSize: "15px",
51635
52182
  fontWeight: "bold",
51636
52183
  color: "#00497e",
51637
52184
  marginBottom: "12px"
51638
52185
  }
51639
52186
  }, "\uD83D\uDC64 Transferee (New Owner) Summary"), /*#__PURE__*/React.createElement("div", {
51640
52187
  style: {
51641
- display: "flex",
51642
- justifyContent: "space-between"
52188
+ display: "grid",
52189
+ gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))",
52190
+ gap: "16px"
51643
52191
  }
51644
- }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
51645
- style: labelStyle
51646
- }, "New Owner Name"), /*#__PURE__*/React.createElement("div", {
51647
- style: valueStyle
51648
- }, proposedNewConsumerName)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
51649
- style: labelStyle
51650
- }, "Mobile Number"), /*#__PURE__*/React.createElement("div", {
51651
- style: valueStyle
51652
- }, newOwnerMobileNumber)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
51653
- style: labelStyle
51654
- }, "Relation Type"), /*#__PURE__*/React.createElement("div", {
51655
- style: valueStyle
51656
- }, getRelationshipName(relationshipWithExistingConsumer))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
51657
- style: labelStyle
51658
- }, "Transfer Reason"), /*#__PURE__*/React.createElement("div", {
51659
- style: valueStyle
51660
- }, getReasonName(reasonForNameChange))))), /*#__PURE__*/React.createElement("div", {
52192
+ }, infoItem("New Owner Name", proposedNewConsumerName), infoItem("Mobile Number", newOwnerMobileNumber), infoItem("Relation Type", getRelationshipName(relationshipWithExistingConsumer)), infoItem("Transfer Reason", getReasonName(reasonForNameChange)))), /*#__PURE__*/React.createElement("div", {
51661
52193
  style: _extends({}, sectionStyle, {
51662
52194
  borderLeft: "4px solid #17a2b8"
51663
52195
  })
51664
52196
  }, /*#__PURE__*/React.createElement("h3", {
51665
52197
  style: {
51666
- fontSize: "16px",
52198
+ fontSize: "15px",
51667
52199
  fontWeight: "bold",
51668
52200
  color: "#17a2b8",
51669
52201
  marginBottom: "12px"
@@ -51671,7 +52203,7 @@ const Step4_Preview = _ref => {
51671
52203
  }, "Uploaded Documents"), /*#__PURE__*/React.createElement("div", {
51672
52204
  style: {
51673
52205
  display: "grid",
51674
- gridTemplateColumns: "1fr 1fr 1fr",
52206
+ gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))",
51675
52207
  gap: "16px"
51676
52208
  }
51677
52209
  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
@@ -51680,7 +52212,8 @@ const Step4_Preview = _ref => {
51680
52212
  style: {
51681
52213
  display: "flex",
51682
52214
  alignItems: "center",
51683
- gap: "8px"
52215
+ gap: "8px",
52216
+ flexWrap: "wrap"
51684
52217
  }
51685
52218
  }, /*#__PURE__*/React.createElement("span", {
51686
52219
  style: uploadDocStatusStyle
@@ -51694,7 +52227,8 @@ const Step4_Preview = _ref => {
51694
52227
  textDecoration: "underline",
51695
52228
  cursor: "pointer",
51696
52229
  fontSize: "14px",
51697
- fontWeight: "bold"
52230
+ fontWeight: "bold",
52231
+ padding: 0
51698
52232
  }
51699
52233
  }, "View"))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
51700
52234
  style: labelStyle
@@ -51706,7 +52240,8 @@ const Step4_Preview = _ref => {
51706
52240
  style: {
51707
52241
  display: "flex",
51708
52242
  alignItems: "center",
51709
- gap: "8px"
52243
+ gap: "8px",
52244
+ flexWrap: "wrap"
51710
52245
  }
51711
52246
  }, /*#__PURE__*/React.createElement("span", {
51712
52247
  style: uploadDocStatusStyle
@@ -51720,7 +52255,8 @@ const Step4_Preview = _ref => {
51720
52255
  textDecoration: "underline",
51721
52256
  cursor: "pointer",
51722
52257
  fontSize: "14px",
51723
- fontWeight: "bold"
52258
+ fontWeight: "bold",
52259
+ padding: 0
51724
52260
  }
51725
52261
  }, "View"))))), /*#__PURE__*/React.createElement("div", {
51726
52262
  style: _extends({}, sectionStyle, {
@@ -51730,19 +52266,44 @@ const Step4_Preview = _ref => {
51730
52266
  })
51731
52267
  }, /*#__PURE__*/React.createElement("h3", {
51732
52268
  style: {
51733
- fontSize: "16px",
52269
+ fontSize: "15px",
51734
52270
  fontWeight: "bold",
51735
52271
  color: "#28a745",
51736
52272
  marginBottom: "12px"
51737
52273
  }
51738
- }, "\uD83D\uDCB5 Mutation Fee Details (Money to Pay in Mutation)"), /*#__PURE__*/React.createElement("div", {
52274
+ }, "\uD83D\uDCB5 Mutation Fee Details"), taxHeads && taxHeads.length > 0 && /*#__PURE__*/React.createElement("div", {
52275
+ style: {
52276
+ marginBottom: "16px"
52277
+ }
52278
+ }, taxHeads.map((tax, index) => /*#__PURE__*/React.createElement("div", {
52279
+ key: index,
51739
52280
  style: {
51740
52281
  display: "flex",
51741
- justifyContent: "space-between"
52282
+ justifyContent: "space-between",
52283
+ marginBottom: "8px",
52284
+ maxWidth: "400px"
52285
+ }
52286
+ }, /*#__PURE__*/React.createElement("div", {
52287
+ style: labelStyle
52288
+ }, t(tax.taxHeadCode), ":"), /*#__PURE__*/React.createElement("div", {
52289
+ style: valueStyle
52290
+ }, "\u20B9 ", tax.estimateAmount, ".00"))), /*#__PURE__*/React.createElement("hr", {
52291
+ style: {
52292
+ borderTop: "1px solid #c3e6cb",
52293
+ margin: "12px 0",
52294
+ maxWidth: "400px"
52295
+ }
52296
+ })), /*#__PURE__*/React.createElement("div", {
52297
+ style: {
52298
+ display: "flex",
52299
+ justifyContent: "space-between",
52300
+ maxWidth: "400px",
52301
+ flexWrap: "wrap",
52302
+ gap: "8px"
51742
52303
  }
51743
52304
  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
51744
52305
  style: labelStyle
51745
- }, "Mutation Money to Pay:"), /*#__PURE__*/React.createElement("div", {
52306
+ }, "Total Amount Payable:"), /*#__PURE__*/React.createElement("div", {
51746
52307
  style: _extends({}, valueStyle, {
51747
52308
  color: "#28a745",
51748
52309
  fontSize: "20px"
@@ -51756,13 +52317,11 @@ const Step4_Preview = _ref => {
51756
52317
  color: "#0c5460",
51757
52318
  borderRadius: "16px",
51758
52319
  fontSize: "12px",
51759
- fontWeight: "bold"
52320
+ fontWeight: "bold",
52321
+ display: "inline-block",
52322
+ marginTop: "4px"
51760
52323
  }
51761
- }, "PAYABLE POST VERIFICATION")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
51762
- style: labelStyle
51763
- }, "Applicable Slab:"), /*#__PURE__*/React.createElement("div", {
51764
- style: valueStyle
51765
- }, slab)))), /*#__PURE__*/React.createElement("div", {
52324
+ }, "PAYABLE POST VERIFICATION")))), /*#__PURE__*/React.createElement("div", {
51766
52325
  style: {
51767
52326
  padding: "16px",
51768
52327
  backgroundColor: "#fffbeb",
@@ -51778,13 +52337,13 @@ const Step4_Preview = _ref => {
51778
52337
  type: "button",
51779
52338
  onClick: onBack,
51780
52339
  style: {
51781
- padding: "8px 24px",
52340
+ padding: "10px 20px",
51782
52341
  backgroundColor: "#e0e0e0",
51783
52342
  border: "none",
51784
52343
  borderRadius: "4px",
51785
52344
  cursor: "pointer",
51786
52345
  fontWeight: "bold",
51787
- marginRight: "16px"
52346
+ marginRight: "12px"
51788
52347
  }
51789
52348
  }, "\u2190 Edit Information"), /*#__PURE__*/React.createElement(SubmitBar, {
51790
52349
  label: isLoading ? "Submitting..." : "Submit Mutation Application",
@@ -51806,48 +52365,43 @@ const Step5_Submission = _ref => {
51806
52365
  const goHome = () => {
51807
52366
  history.push("/digit-ui/employee");
51808
52367
  };
51809
- const bannerStyle = {
51810
- backgroundColor: "#fff",
51811
- border: "1px solid #d4edda",
51812
- borderTop: "4px solid #28a745",
51813
- borderRadius: "8px",
51814
- padding: "20px",
51815
- display: "flex",
51816
- justifyContent: "space-between",
51817
- alignItems: "center",
51818
- marginBottom: "20px"
51819
- };
51820
- const statusPanelStyle = {
51821
- backgroundColor: "#fff",
51822
- border: "1px solid #e0e0e0",
51823
- borderRadius: "8px",
51824
- padding: "20px"
51825
- };
51826
52368
  return /*#__PURE__*/React.createElement("div", {
51827
52369
  style: {
51828
- padding: "20px 0"
52370
+ padding: "16px 0"
51829
52371
  }
51830
52372
  }, /*#__PURE__*/React.createElement("div", {
51831
- style: bannerStyle
52373
+ style: {
52374
+ backgroundColor: "#fff",
52375
+ border: "1px solid #d4edda",
52376
+ borderTop: "4px solid #28a745",
52377
+ borderRadius: "8px",
52378
+ padding: "20px",
52379
+ display: "flex",
52380
+ justifyContent: "space-between",
52381
+ alignItems: "flex-start",
52382
+ flexWrap: "wrap",
52383
+ gap: "12px",
52384
+ marginBottom: "20px"
52385
+ }
51832
52386
  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h2", {
51833
52387
  style: {
51834
52388
  color: "#28a745",
51835
- fontSize: "20px",
52389
+ fontSize: "18px",
51836
52390
  fontWeight: "bold",
51837
- margin: 0,
52391
+ margin: "0 0 4px",
51838
52392
  display: "flex",
51839
- alignItems: "center"
51840
- }
51841
- }, /*#__PURE__*/React.createElement("span", {
51842
- style: {
51843
- marginRight: "8px"
52393
+ alignItems: "center",
52394
+ flexWrap: "wrap",
52395
+ gap: "6px"
51844
52396
  }
51845
- }, "\u2705"), " Application Submitted Successfully!"), /*#__PURE__*/React.createElement("div", {
52397
+ }, /*#__PURE__*/React.createElement("span", null, "\u2705"), " Your application has been submitted successfully to the respective Zonal Officer !"), /*#__PURE__*/React.createElement("div", {
51846
52398
  style: {
51847
52399
  color: "#666",
51848
- marginTop: "4px"
52400
+ marginTop: "4px",
52401
+ fontSize: "14px",
52402
+ wordBreak: "break-all"
51849
52403
  }
51850
- }, "Application Reference No: ", /*#__PURE__*/React.createElement("strong", {
52404
+ }, "Your SRN Reference No. is: ", /*#__PURE__*/React.createElement("strong", {
51851
52405
  style: {
51852
52406
  color: "#00497e"
51853
52407
  }
@@ -51858,36 +52412,10 @@ const Step5_Submission = _ref => {
51858
52412
  color: "#856404",
51859
52413
  borderRadius: "16px",
51860
52414
  fontSize: "12px",
51861
- fontWeight: "bold"
51862
- }
51863
- }, "PENDING_APPROVAL_FOR_MUTATION"))), /*#__PURE__*/React.createElement("div", {
51864
- style: statusPanelStyle
51865
- }, /*#__PURE__*/React.createElement("h3", {
51866
- style: {
51867
- color: "#00497e",
51868
- fontSize: "16px",
51869
52415
  fontWeight: "bold",
51870
- margin: "0 0 16px 0",
51871
- display: "flex",
51872
- alignItems: "center"
51873
- }
51874
- }, /*#__PURE__*/React.createElement("span", {
51875
- style: {
51876
- marginRight: "8px"
52416
+ whiteSpace: "nowrap"
51877
52417
  }
51878
- }, "\uD83D\uDCCC"), " Current Workflow Status"), /*#__PURE__*/React.createElement("hr", {
51879
- style: {
51880
- border: "0",
51881
- borderTop: "1px solid #e0e0e0",
51882
- margin: "0 0 16px 0"
51883
- }
51884
- }), /*#__PURE__*/React.createElement("p", {
51885
- style: {
51886
- color: "#333",
51887
- fontSize: "14px",
51888
- margin: 0
51889
- }
51890
- }, "Application has been routed to ", /*#__PURE__*/React.createElement("strong", null, "Water Supply Department Verification Officer"), ".")), /*#__PURE__*/React.createElement("div", {
52418
+ }, "Pending for Zonal Officer approval"))), /*#__PURE__*/React.createElement("div", {
51891
52419
  style: {
51892
52420
  marginTop: "24px",
51893
52421
  textAlign: "center"
@@ -51895,13 +52423,16 @@ const Step5_Submission = _ref => {
51895
52423
  }, /*#__PURE__*/React.createElement("button", {
51896
52424
  onClick: goHome,
51897
52425
  style: {
51898
- padding: "10px 24px",
52426
+ padding: "12px 28px",
51899
52427
  backgroundColor: "#00497e",
51900
52428
  color: "white",
51901
52429
  border: "none",
51902
52430
  borderRadius: "4px",
51903
52431
  cursor: "pointer",
51904
- fontWeight: "bold"
52432
+ fontWeight: "bold",
52433
+ fontSize: "15px",
52434
+ width: "100%",
52435
+ maxWidth: "280px"
51905
52436
  }
51906
52437
  }, "Go to Home")), showToast && /*#__PURE__*/React.createElement(Toast, {
51907
52438
  error: showToast.key === "error",
@@ -51912,7 +52443,7 @@ const Step5_Submission = _ref => {
51912
52443
  };
51913
52444
 
51914
52445
  const MutationApplication = () => {
51915
- var _Digit$SessionStorage, _user$info, _state, _user$info2, _user$info2$userName, _user$info3, _user$info4, _details$applicationD, _applicationDetails$a, _applicationDetails$a3, _applicationDetails$a4;
52446
+ 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;
51916
52447
  const _useTranslation = useTranslation(),
51917
52448
  t = _useTranslation.t;
51918
52449
  let _useLocation = useLocation(),
@@ -51937,6 +52468,23 @@ const MutationApplication = () => {
51937
52468
  setIsSubmitting = _useState5[1];
51938
52469
  const _useState6 = useState(new Set()),
51939
52470
  setCompletedSteps = _useState6[1];
52471
+ const _useState7 = useState(window.innerWidth < 768),
52472
+ isMobile = _useState7[0],
52473
+ setIsMobile = _useState7[1];
52474
+ useEffect(() => {
52475
+ const handleResize = () => setIsMobile(window.innerWidth < 768);
52476
+ window.addEventListener("resize", handleResize);
52477
+ return () => window.removeEventListener("resize", handleResize);
52478
+ }, []);
52479
+ const _useState8 = useState(""),
52480
+ authKNumber = _useState8[0],
52481
+ setAuthKNumber = _useState8[1];
52482
+ const _useState9 = useState(""),
52483
+ authMobileNumber = _useState9[0],
52484
+ setAuthMobileNumber = _useState9[1];
52485
+ const _useState0 = useState(""),
52486
+ authServiceType = _useState0[0],
52487
+ setAuthServiceType = _useState0[1];
51940
52488
  const user = Digit.UserService.getUser();
51941
52489
  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();
51942
52490
  const applicationNumber = filters === null || filters === void 0 ? void 0 : filters.applicationNumber;
@@ -51944,13 +52492,34 @@ const MutationApplication = () => {
51944
52492
  const details = cloneDeep_1((_state = state) === null || _state === void 0 ? void 0 : _state.data);
51945
52493
  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;
51946
52494
  const hasStateData = !!(details !== null && details !== void 0 && (_details$applicationD = details.applicationData) !== null && _details$applicationD !== void 0 && _details$applicationD.id);
51947
- const wsSearchNumber = (details === null || details === void 0 ? void 0 : details.applicationNo) || applicationNumber;
51948
- const businessService = (serviceType === null || serviceType === void 0 ? void 0 : serviceType.toUpperCase()) === "SEWERAGE" ? "SW" : "WS";
51949
- const _useQuery = useQuery(["WS_MUTATION_DIRECT_SEARCH", wsSearchNumber, tenantId, mobileNumber, businessService], function () {
52495
+ const editApplicationNumber = (details === null || details === void 0 ? void 0 : details.applicationNo) || applicationNumber;
52496
+ const _useQuery = useQuery(["WORKFLOW_SEARCH", editApplicationNumber, tenantId], function () {
51950
52497
  try {
51951
- if (!wsSearchNumber) return Promise.resolve(null);
51952
- const params = {
51953
- connectionNumber: wsSearchNumber
52498
+ return Promise.resolve(Digit.WorkflowService.getByBusinessId(tenantId, editApplicationNumber)).then(function (res) {
52499
+ var _res$ProcessInstances;
52500
+ return res === null || res === void 0 ? void 0 : (_res$ProcessInstances = res.ProcessInstances) === null || _res$ProcessInstances === void 0 ? void 0 : _res$ProcessInstances[0];
52501
+ });
52502
+ } catch (e) {
52503
+ return Promise.reject(e);
52504
+ }
52505
+ }, {
52506
+ enabled: !!editApplicationNumber
52507
+ }),
52508
+ isWorkflowLoading = _useQuery.isLoading,
52509
+ workflowData = _useQuery.data;
52510
+ const isEmployee = window.location.href.includes("/employee/");
52511
+ const isEditFlow = !!editApplicationNumber && (isEmployee || (workflowData === null || workflowData === void 0 ? void 0 : workflowData.action) === "SEND_BACK_TO_CITIZEN");
52512
+ const querySearchParam = isEditFlow ? editApplicationNumber : authKNumber;
52513
+ const fallbackServiceType = serviceType || authServiceType;
52514
+ const businessService = (fallbackServiceType === null || fallbackServiceType === void 0 ? void 0 : fallbackServiceType.toUpperCase()) === "SEWERAGE" ? "SW" : "WS";
52515
+ const _useQuery2 = useQuery(["WS_MUTATION_DIRECT_SEARCH", querySearchParam, tenantId, mobileNumber, businessService, isEditFlow], function () {
52516
+ try {
52517
+ if (!querySearchParam) return Promise.resolve(null);
52518
+ const params = isEditFlow ? {
52519
+ applicationNumber: querySearchParam
52520
+ } : {
52521
+ connectionNumber: querySearchParam,
52522
+ isConnectionSearch: true
51954
52523
  };
51955
52524
  Object.keys(params).forEach(k => params[k] == null && delete params[k]);
51956
52525
  return Promise.resolve(Digit.WSService.search({
@@ -51972,13 +52541,14 @@ const MutationApplication = () => {
51972
52541
  return Promise.reject(e);
51973
52542
  }
51974
52543
  }, {
51975
- enabled: !!wsSearchNumber && !hasStateData
52544
+ enabled: !!querySearchParam && !hasStateData
51976
52545
  }),
51977
- isDetailsLoading = _useQuery.isLoading,
51978
- fetchedApplicationDetails = _useQuery.data;
52546
+ isDetailsLoading = _useQuery2.isLoading,
52547
+ fetchedApplicationDetails = _useQuery2.data;
51979
52548
  const applicationDetails = hasStateData ? details : fetchedApplicationDetails;
51980
- 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)),
51981
- propertyId = _useState7[0];
52549
+ 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";
52550
+ 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)),
52551
+ propertyId = _useState1[0];
51982
52552
  const _Digit$Hooks$pt$usePr = Digit.Hooks.pt.usePropertySearch({
51983
52553
  filters: {
51984
52554
  propertyIds: propertyId
@@ -51998,14 +52568,14 @@ const MutationApplication = () => {
51998
52568
  setSessionFormData = _Digit$Hooks$useSessi[1],
51999
52569
  clearSessionFormData = _Digit$Hooks$useSessi[2];
52000
52570
  useEffect(() => {
52001
- var _applicationDetails$a2;
52571
+ var _applicationDetails$a3;
52002
52572
  const fetchAppData = function () {
52003
52573
  try {
52004
52574
  const dataToConvert = applicationDetails || details;
52005
52575
  const _temp = function (_dataToConvert$applic) {
52006
52576
  if (dataToConvert !== null && dataToConvert !== void 0 && (_dataToConvert$applic = dataToConvert.applicationData) !== null && _dataToConvert$applic !== void 0 && _dataToConvert$applic.id) {
52007
52577
  var _dataToConvert$applic2;
52008
- 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) {
52578
+ 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) {
52009
52579
  setSessionFormData(prev => _extends({}, prev, convertAppData));
52010
52580
  sessionStorage.setItem("IsDetailsExists", JSON.stringify(true));
52011
52581
  });
@@ -52016,10 +52586,80 @@ const MutationApplication = () => {
52016
52586
  return Promise.reject(e);
52017
52587
  }
52018
52588
  };
52019
- 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)) {
52589
+ 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)) {
52020
52590
  fetchAppData();
52021
52591
  }
52022
- }, [applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a3 = applicationDetails.applicationData) === null || _applicationDetails$a3 === void 0 ? void 0 : _applicationDetails$a3.id]);
52592
+ }, [applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a4 = applicationDetails.applicationData) === null || _applicationDetails$a4 === void 0 ? void 0 : _applicationDetails$a4.id]);
52593
+ useEffect(() => {
52594
+ const isCitizen = window.location.href.includes("/citizen/");
52595
+ const isEmployee = window.location.href.includes("/employee/");
52596
+ if ((isCitizen || isEmployee) && isEditFlow && applicationDetails !== null && applicationDetails !== void 0 && applicationDetails.applicationData) {
52597
+ const data = applicationDetails.applicationData;
52598
+ const holders = (data === null || data === void 0 ? void 0 : data.connectionHolders) || [];
52599
+ const primaryHolder = holders.find(h => h.isPrimaryOwner) || holders[0] || {};
52600
+ const additionalDetails = (data === null || data === void 0 ? void 0 : data.additionalDetails) || {};
52601
+ const documents = (data === null || data === void 0 ? void 0 : data.documents) || [];
52602
+ setFormData(prev => {
52603
+ if (Object.keys(prev).length > 0) return prev;
52604
+ const identityDoc = documents.find(d => {
52605
+ var _d$documentType;
52606
+ return ["AADHAAR", "VOTERID", "VOTER_ID", "PAN", "DRIVING_LICENSE", "PASSPORT"].includes((_d$documentType = d.documentType) === null || _d$documentType === void 0 ? void 0 : _d$documentType.toUpperCase());
52607
+ });
52608
+ const mutationDoc = documents.find(d => d.documentType === "REGISTERED_SALE_DEED" || d.documentType === "SALE_DEED" || d.documentType === "GIFT_DEED" || d.documentType === "WILL");
52609
+ const reasonOptions = [{
52610
+ code: "SALE_PURCHASE",
52611
+ i18nKey: "Purchase of Property"
52612
+ }, {
52613
+ code: "DEVOLUTION_INHERITANCE",
52614
+ i18nKey: "Devolution/Inheritance"
52615
+ }, {
52616
+ code: "OTHER",
52617
+ i18nKey: "Other Reason(Gift Deed, Lease Agreement, etc)"
52618
+ }];
52619
+ const relationshipOptions = [{
52620
+ code: "BLOOD_RELATION",
52621
+ i18nKey: "Blood Relation (Son / Daughter / Spouse)"
52622
+ }, {
52623
+ code: "LEGAL_HEIR",
52624
+ i18nKey: "Legal Heir"
52625
+ }, {
52626
+ code: "OTHER",
52627
+ i18nKey: "Other"
52628
+ }];
52629
+ const reasonCode = additionalDetails.reasonForNameChange;
52630
+ const reasonObj = reasonOptions.find(o => o.code === reasonCode) || (reasonCode ? {
52631
+ code: reasonCode,
52632
+ i18nKey: reasonCode
52633
+ } : null);
52634
+ const relationCode = additionalDetails.relationshipWithExistingConsumer;
52635
+ const relationObj = relationshipOptions.find(o => o.code === relationCode) || (relationCode ? {
52636
+ code: relationCode,
52637
+ i18nKey: relationCode
52638
+ } : null);
52639
+ return {
52640
+ proposedNewConsumerName: primaryHolder.name || "",
52641
+ gender: primaryHolder.gender ? {
52642
+ code: primaryHolder.gender,
52643
+ i18nKey: primaryHolder.gender
52644
+ } : null,
52645
+ newOwnerMobileNumber: primaryHolder.mobileNumber || "",
52646
+ newOwnerEmailAddress: primaryHolder.emailId || "",
52647
+ reasonForNameChange: reasonObj,
52648
+ relationshipWithExistingConsumer: relationObj,
52649
+ saleDeedDocumentId: additionalDetails.saleDeedDocumentId || (mutationDoc === null || mutationDoc === void 0 ? void 0 : mutationDoc.fileStoreId) || "",
52650
+ identityProofDocumentId: additionalDetails.identityProofDocumentId || (identityDoc === null || identityDoc === void 0 ? void 0 : identityDoc.fileStoreId) || "",
52651
+ identityProofType: additionalDetails.identityProofDocumentName ? {
52652
+ code: additionalDetails.identityProofDocumentName,
52653
+ i18nKey: additionalDetails.identityProofDocumentName
52654
+ } : identityDoc !== null && identityDoc !== void 0 && identityDoc.documentType ? {
52655
+ code: identityDoc.documentType,
52656
+ i18nKey: identityDoc.documentType
52657
+ } : null,
52658
+ documentNumber: additionalDetails.identityProofDocumentNumber || additionalDetails.identityProofNumber || (identityDoc === null || identityDoc === void 0 ? void 0 : identityDoc.documentUid) || ""
52659
+ };
52660
+ });
52661
+ }
52662
+ }, [applicationDetails, isEditFlow]);
52023
52663
  useEffect(() => {
52024
52664
  var _propertyDetails$Prop;
52025
52665
  if (propertyDetails !== null && propertyDetails !== void 0 && (_propertyDetails$Prop = propertyDetails.Properties) !== null && _propertyDetails$Prop !== void 0 && _propertyDetails$Prop[0]) {
@@ -52043,18 +52683,18 @@ const MutationApplication = () => {
52043
52683
  sewerageUpdateMutation = _Digit$Hooks$ws$useWS2.mutate;
52044
52684
  const handleNextStep2 = data => {
52045
52685
  setFormData(prev => _extends({}, prev, data));
52046
- setCompletedSteps(prev => new Set([...prev, 2]));
52047
- setCurrentStep(3);
52686
+ setCompletedSteps(prev => new Set([...prev, 3]));
52687
+ setCurrentStep(4);
52048
52688
  };
52049
52689
  const handleNextStep3 = data => {
52050
52690
  setFormData(prev => _extends({}, prev, data));
52051
- setCompletedSteps(prev => new Set([...prev, 3]));
52052
- setCurrentStep(4);
52691
+ setCompletedSteps(prev => new Set([...prev, 4]));
52692
+ setCurrentStep(5);
52053
52693
  };
52054
52694
  const submitApplication = function () {
52055
52695
  try {
52056
52696
  setIsSubmitting(true);
52057
- const _temp2 = _catch(function () {
52697
+ return Promise.resolve(_catch(function () {
52058
52698
  var _finalData$cpt;
52059
52699
  let finalData = _extends({}, sessionFormData);
52060
52700
  if (!(finalData !== null && finalData !== void 0 && (_finalData$cpt = finalData.cpt) !== null && _finalData$cpt !== void 0 && _finalData$cpt.details)) {
@@ -52088,7 +52728,7 @@ const MutationApplication = () => {
52088
52728
  const sessionDetails = sessionStorage.getItem("WS_EDIT_APPLICATION_DETAILS") ? JSON.parse(sessionStorage.getItem("WS_EDIT_APPLICATION_DETAILS")) : {};
52089
52729
  return Promise.resolve(convertModifyApplicationDetails(finalData, sessionDetails, "INITIATE")).then(function (convertAppData) {
52090
52730
  if (!convertAppData.dateEffectiveFrom) {
52091
- convertAppData.dateEffectiveFrom = Date.now();
52731
+ convertAppData.dateEffectiveFrom = Date.now() + 86400000;
52092
52732
  }
52093
52733
  if (finalData !== null && finalData !== void 0 && finalData.MutationApplicantDetails) {
52094
52734
  var _mutDetails$reasonFor;
@@ -52112,7 +52752,7 @@ const MutationApplication = () => {
52112
52752
  });
52113
52753
  }
52114
52754
  if (mutDetails.identityProofDocumentId) {
52115
- var _mutDetails$identityP;
52755
+ var _mutDetails$identityP, _mutDetails$identityP2;
52116
52756
  if (!convertAppData.documents) convertAppData.documents = [];
52117
52757
  convertAppData.documents.push({
52118
52758
  documentType: ((_mutDetails$identityP = mutDetails.identityProofType) === null || _mutDetails$identityP === void 0 ? void 0 : _mutDetails$identityP.code) || "IDENTITY_PROOF",
@@ -52121,10 +52761,73 @@ const MutationApplication = () => {
52121
52761
  documentNumber: mutDetails.documentNumber,
52122
52762
  status: "ACTIVE"
52123
52763
  });
52764
+ if (!convertAppData.additionalDetails) convertAppData.additionalDetails = {};
52765
+ convertAppData.additionalDetails.identityProofDocumentNumber = mutDetails.documentNumber || "";
52766
+ convertAppData.additionalDetails.identityProofDocumentName = ((_mutDetails$identityP2 = mutDetails.identityProofType) === null || _mutDetails$identityP2 === void 0 ? void 0 : _mutDetails$identityP2.code) || "IDENTITY_PROOF";
52767
+ convertAppData.additionalDetails.identityProofDocumentId = mutDetails.identityProofDocumentId || "";
52124
52768
  }
52125
52769
  }
52126
- convertAppData.applicationType = serviceType == "WATER" ? "MUTATION_WATER_CONNECTION" : "MUTATION_SEWERAGE_CONNECTION";
52127
- const reqDetails = serviceType == "WATER" ? {
52770
+ convertAppData.applicationType = resolvedServiceType === "WATER" ? "MUTATION_WATER_CONNECTION" : "MUTATION_SEWERAGE_CONNECTION";
52771
+ if (isEditFlow) {
52772
+ var _applicationDetails$a5, _applicationDetails$a6, _Digit, _Digit$Customizations, _Digit$Customizations2;
52773
+ let updatePayload = _extends({}, convertAppData, {
52774
+ id: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a5 = applicationDetails.applicationData) === null || _applicationDetails$a5 === void 0 ? void 0 : _applicationDetails$a5.id,
52775
+ applicationNo: editApplicationNumber,
52776
+ 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, {
52777
+ action: "RESUBMIT_APPLICATION"
52778
+ })
52779
+ });
52780
+ 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) {
52781
+ updatePayload = Digit.Customizations.WS.customiseUpdatePayloadOfWS((applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationData) || {}, updatePayload, resolvedServiceType);
52782
+ }
52783
+ const updateMutation = resolvedServiceType === "WATER" ? waterUpdateMutation : sewerageUpdateMutation;
52784
+ let reqDetailsUpdate = resolvedServiceType === "WATER" ? {
52785
+ WaterConnection: updatePayload,
52786
+ reconnectRequest: false,
52787
+ disconnectRequest: false
52788
+ } : {
52789
+ SewerageConnection: updatePayload,
52790
+ reconnectRequest: false,
52791
+ disconnectRequest: false
52792
+ };
52793
+ updateMutation(reqDetailsUpdate, {
52794
+ onError: error => {
52795
+ var _error$response, _error$response$data, _error$response$data$, _error$response$data$2;
52796
+ setIsSubmitting(false);
52797
+ setShowToast({
52798
+ key: "error",
52799
+ 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"
52800
+ });
52801
+ },
52802
+ onSuccess: updateData => {
52803
+ var _updateData$response, _updateData$response$, _updateData$WaterConn, _updateData$WaterConn2, _updateData$SewerageC, _updateData$SewerageC2;
52804
+ setIsSubmitting(false);
52805
+ 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) {
52806
+ var _updateData$response2, _updateData$response3, _apiErrors$;
52807
+ 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;
52808
+ 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";
52809
+ setShowToast({
52810
+ key: "error",
52811
+ message: errorMessage
52812
+ });
52813
+ return;
52814
+ }
52815
+ if (updateData !== null && updateData !== void 0 && updateData.Errors && updateData.Errors.length > 0) {
52816
+ setShowToast({
52817
+ key: "error",
52818
+ message: updateData.Errors[0].message || "Failed to update application"
52819
+ });
52820
+ return;
52821
+ }
52822
+ clearSessionFormData();
52823
+ 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;
52824
+ setGeneratedAppNo(newAppNo);
52825
+ setCurrentStep(6);
52826
+ }
52827
+ });
52828
+ return;
52829
+ }
52830
+ const reqDetails = resolvedServiceType === "WATER" ? {
52128
52831
  WaterConnection: convertAppData,
52129
52832
  reconnectRequest: false,
52130
52833
  disconnectRequest: false
@@ -52133,23 +52836,23 @@ const MutationApplication = () => {
52133
52836
  reconnectRequest: false,
52134
52837
  disconnectRequest: false
52135
52838
  };
52136
- const mutation = serviceType == "WATER" ? waterMutation : sewerageMutation;
52839
+ const mutation = resolvedServiceType === "WATER" ? waterMutation : sewerageMutation;
52137
52840
  return Promise.resolve(mutation(reqDetails, {
52138
52841
  onError: error => {
52139
- var _error$response, _error$response$data, _error$response$data$, _error$response$data$2;
52842
+ var _error$response2, _error$response2$data, _error$response2$data2, _error$response2$data3;
52140
52843
  setIsSubmitting(false);
52141
52844
  setShowToast({
52142
52845
  key: "error",
52143
- 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"
52846
+ 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"
52144
52847
  });
52145
52848
  },
52146
52849
  onSuccess: data => {
52147
52850
  var _data$response, _data$response$data;
52148
52851
  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) {
52149
- var _data$response2, _data$response2$data, _apiErrors$;
52852
+ var _data$response2, _data$response2$data, _apiErrors$2;
52150
52853
  setIsSubmitting(false);
52151
52854
  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;
52152
- 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";
52855
+ 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";
52153
52856
  setShowToast({
52154
52857
  key: "error",
52155
52858
  message: errorMessage
@@ -52163,19 +52866,19 @@ const MutationApplication = () => {
52163
52866
  message: data.Errors[0].message || "Failed to submit application"
52164
52867
  });
52165
52868
  } else {
52166
- var _data$WaterConnection, _data$SewerageConnect, _Digit, _Digit$Customizations, _Digit$Customizations2;
52167
- const updateMutation = serviceType == "WATER" ? waterUpdateMutation : sewerageUpdateMutation;
52168
- 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];
52869
+ var _data$WaterConnection, _data$SewerageConnect, _Digit2, _Digit2$Customization, _Digit2$Customization2;
52870
+ const updateMutation = resolvedServiceType === "WATER" ? waterUpdateMutation : sewerageUpdateMutation;
52871
+ 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];
52169
52872
  let updatePayload = _extends({}, createdConnection, {
52170
52873
  dateEffectiveFrom: (createdConnection === null || createdConnection === void 0 ? void 0 : createdConnection.dateEffectiveFrom) || Date.now(),
52171
52874
  processInstance: _extends({}, createdConnection === null || createdConnection === void 0 ? void 0 : createdConnection.processInstance, {
52172
52875
  action: "APPLY_MUTATION"
52173
52876
  })
52174
52877
  });
52175
- 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) {
52176
- updatePayload = Digit.Customizations.WS.customiseUpdatePayloadOfWS(createdConnection, updatePayload, serviceType);
52878
+ 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) {
52879
+ updatePayload = Digit.Customizations.WS.customiseUpdatePayloadOfWS(createdConnection, updatePayload, resolvedServiceType);
52177
52880
  }
52178
- let reqDetailsUpdate = serviceType == "WATER" ? {
52881
+ let reqDetailsUpdate = resolvedServiceType === "WATER" ? {
52179
52882
  WaterConnection: updatePayload,
52180
52883
  reconnectRequest: false,
52181
52884
  disconnectRequest: false
@@ -52186,20 +52889,20 @@ const MutationApplication = () => {
52186
52889
  };
52187
52890
  updateMutation(reqDetailsUpdate, {
52188
52891
  onError: error => {
52189
- var _error$response2, _error$response2$data, _error$response2$data2, _error$response2$data3;
52892
+ var _error$response3, _error$response3$data, _error$response3$data2, _error$response3$data3;
52190
52893
  setIsSubmitting(false);
52191
52894
  setShowToast({
52192
52895
  key: "error",
52193
- 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"
52896
+ 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"
52194
52897
  });
52195
52898
  },
52196
52899
  onSuccess: updateData => {
52197
- var _updateData$response, _updateData$response$, _updateData$WaterConn, _updateData$WaterConn2, _updateData$SewerageC, _updateData$SewerageC2;
52900
+ var _updateData$response4, _updateData$response5, _updateData$WaterConn3, _updateData$WaterConn4, _updateData$SewerageC3, _updateData$SewerageC4;
52198
52901
  setIsSubmitting(false);
52199
- 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) {
52200
- var _updateData$response2, _updateData$response3, _apiErrors$2;
52201
- 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;
52202
- 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";
52902
+ 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) {
52903
+ var _updateData$response6, _updateData$response7, _apiErrors$3;
52904
+ 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;
52905
+ 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";
52203
52906
  setShowToast({
52204
52907
  key: "error",
52205
52908
  message: errorMessage
@@ -52214,9 +52917,9 @@ const MutationApplication = () => {
52214
52917
  return;
52215
52918
  }
52216
52919
  clearSessionFormData();
52217
- 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;
52920
+ 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;
52218
52921
  setGeneratedAppNo(newAppNo);
52219
- setCurrentStep(5);
52922
+ setCurrentStep(6);
52220
52923
  }
52221
52924
  });
52222
52925
  }
@@ -52230,8 +52933,7 @@ const MutationApplication = () => {
52230
52933
  key: "error",
52231
52934
  message: "Failed to submit application"
52232
52935
  });
52233
- });
52234
- return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
52936
+ }));
52235
52937
  } catch (e) {
52236
52938
  return Promise.reject(e);
52237
52939
  }
@@ -52251,6 +52953,10 @@ const MutationApplication = () => {
52251
52953
  }
52252
52954
  };
52253
52955
  const timelineConfig = [{
52956
+ sectionId: "search",
52957
+ route: "search-connection",
52958
+ actions: "Authentication"
52959
+ }, {
52254
52960
  sectionId: "application",
52255
52961
  route: "application-selection",
52256
52962
  actions: "Existing Connection"
@@ -52272,12 +52978,12 @@ const MutationApplication = () => {
52272
52978
  currentStep: index + 1
52273
52979
  }]
52274
52980
  }));
52275
- if (isDetailsLoading || propertyId && isPropertyLoading) {
52981
+ if (isDetailsLoading || propertyId && isPropertyLoading || isWorkflowLoading) {
52276
52982
  return /*#__PURE__*/React.createElement(Loader, null);
52277
52983
  }
52278
52984
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
52279
52985
  className: "employee-form-section-wrapper"
52280
- }, currentStep !== 5 && /*#__PURE__*/React.createElement(VerticalTimeline, {
52986
+ }, currentStep !== 6 && !isMobile && /*#__PURE__*/React.createElement(VerticalTimeline, {
52281
52987
  config: timelineConfig,
52282
52988
  currentActiveIndex: currentStep - 1,
52283
52989
  showFinalStep: false,
@@ -52285,52 +52991,53 @@ const MutationApplication = () => {
52285
52991
  }), /*#__PURE__*/React.createElement("div", {
52286
52992
  style: {
52287
52993
  flex: "1",
52994
+ overflowY: "auto",
52288
52995
  minWidth: 0
52289
52996
  }
52290
- }, currentStep === 1 && /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(Step1_ExistingConnection, {
52997
+ }, currentStep === 1 && /*#__PURE__*/React.createElement(Step1_SearchConnection, {
52291
52998
  t: t,
52292
- applicationDetails: applicationDetails,
52293
- propertyId: propertyId
52294
- }), /*#__PURE__*/React.createElement("div", {
52295
- style: {
52296
- display: "flex",
52297
- justifyContent: "flex-end"
52298
- }
52299
- }, /*#__PURE__*/React.createElement("button", {
52300
- onClick: () => {
52999
+ defaultKNumber: isEditFlow ? applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a7 = applicationDetails.applicationData) === null || _applicationDetails$a7 === void 0 ? void 0 : _applicationDetails$a7.connectionNo : "",
53000
+ onNext: _ref => {
53001
+ let kNumber = _ref.kNumber,
53002
+ mobileNumber = _ref.mobileNumber,
53003
+ detectedServiceType = _ref.serviceType;
53004
+ setAuthKNumber(kNumber);
53005
+ setAuthMobileNumber(mobileNumber);
53006
+ if (detectedServiceType) setAuthServiceType(detectedServiceType);
52301
53007
  setCompletedSteps(prev => new Set([...prev, 1]));
52302
53008
  setCurrentStep(2);
52303
- },
52304
- style: {
52305
- padding: "10px 24px",
52306
- backgroundColor: "#00497e",
52307
- color: "white",
52308
- border: "none",
52309
- borderRadius: "4px",
52310
- cursor: "pointer",
52311
- fontWeight: "bold"
52312
53009
  }
52313
- }, "Proceed to New Consumer Details \u2192"))), currentStep === 2 && /*#__PURE__*/React.createElement(Step2_NewConsumerDetails, {
53010
+ }), currentStep === 2 && /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(Step1_ExistingConnection, {
53011
+ t: t,
53012
+ applicationDetails: applicationDetails,
53013
+ propertyId: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a8 = applicationDetails.applicationData) === null || _applicationDetails$a8 === void 0 ? void 0 : _applicationDetails$a8.propertyId,
53014
+ mobileNumber: authMobileNumber,
53015
+ onVerify: () => {
53016
+ setCompletedSteps(prev => new Set([...prev, 2]));
53017
+ setCurrentStep(3);
53018
+ }
53019
+ })), currentStep === 3 && /*#__PURE__*/React.createElement(Step2_NewConsumerDetails, {
52314
53020
  t: t,
52315
53021
  defaultValues: formData,
52316
53022
  onNext: handleNextStep2,
52317
- onBack: () => setCurrentStep(1)
52318
- }), currentStep === 3 && /*#__PURE__*/React.createElement(Step3_UploadDocuments, {
53023
+ onBack: () => setCurrentStep(2)
53024
+ }), currentStep === 4 && /*#__PURE__*/React.createElement(Step3_UploadDocuments, {
52319
53025
  t: t,
52320
53026
  defaultValues: formData,
52321
53027
  onNext: handleNextStep3,
52322
- onBack: () => setCurrentStep(2)
52323
- }), currentStep === 4 && /*#__PURE__*/React.createElement(Step4_Preview, {
53028
+ onBack: () => setCurrentStep(3)
53029
+ }), currentStep === 5 && /*#__PURE__*/React.createElement(Step4_Preview, {
52324
53030
  t: t,
52325
53031
  formData: formData,
52326
53032
  applicationDetails: applicationDetails,
52327
- onBack: () => setCurrentStep(3),
53033
+ resolvedServiceType: resolvedServiceType,
53034
+ onBack: () => setCurrentStep(4),
52328
53035
  onSubmit: submitApplication,
52329
53036
  isLoading: isSubmitting
52330
- }), currentStep === 5 && /*#__PURE__*/React.createElement(Step5_Submission, {
53037
+ }), currentStep === 6 && /*#__PURE__*/React.createElement(Step5_Submission, {
52331
53038
  t: t,
52332
53039
  applicationNumber: generatedAppNo,
52333
- serviceType: serviceType || (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a4 = applicationDetails.applicationData) === null || _applicationDetails$a4 === void 0 ? void 0 : _applicationDetails$a4.serviceType)
53040
+ serviceType: resolvedServiceType
52334
53041
  }), showToast && /*#__PURE__*/React.createElement(Toast, {
52335
53042
  error: (showToast === null || showToast === void 0 ? void 0 : showToast.key) === "error",
52336
53043
  warning: (showToast === null || showToast === void 0 ? void 0 : showToast.key) === "warning",
@@ -55201,6 +55908,9 @@ const WSLinks = _ref2 => {
55201
55908
  }, {
55202
55909
  link: matchPath + "/my-connections",
55203
55910
  i18nKey: t("ACTION_TEXT_WS_MY_CONNECTION")
55911
+ }, {
55912
+ link: matchPath + "/mutation-application",
55913
+ i18nKey: t("WS_APPLY_MUTATION")
55204
55914
  }];
55205
55915
  return /*#__PURE__*/React.createElement(CitizenHomeCard, {
55206
55916
  header: t("ACTION_TEST_WATER_AND_SEWERAGE"),