@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.
package/dist/index.js CHANGED
@@ -9100,7 +9100,9 @@ const App = _ref => {
9100
9100
  component: WSCitizenEditApplication
9101
9101
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.PrivateRoute, {
9102
9102
  path: path + "/old-application",
9103
- component: WSOLDApplication
9103
+ component: () => /*#__PURE__*/React__default.createElement(digitUiReactComponents.LayoutWrapper, {
9104
+ layoutClass: "action"
9105
+ }, /*#__PURE__*/React__default.createElement(WSOLDApplication, null))
9104
9106
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.PrivateRoute, {
9105
9107
  path: path + "/info",
9106
9108
  component: WSInfoPage
@@ -11111,13 +11113,17 @@ const App$1 = _ref2 => {
11111
11113
  component: WSEditDisconnectionByConfig
11112
11114
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.PrivateRoute, {
11113
11115
  path: path + "/application-details",
11114
- component: WSApplicationDetails
11116
+ component: () => /*#__PURE__*/React__default.createElement(digitUiReactComponents.LayoutWrapper, {
11117
+ layoutClass: "action"
11118
+ }, /*#__PURE__*/React__default.createElement(WSApplicationDetails, null))
11115
11119
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.PrivateRoute, {
11116
11120
  path: path + "/modify-details",
11117
11121
  component: WSModifyApplicationDetails
11118
11122
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.PrivateRoute, {
11119
11123
  path: path + "/connection-details",
11120
- component: WSGetConnectionDetails
11124
+ component: () => /*#__PURE__*/React__default.createElement(digitUiReactComponents.LayoutWrapper, {
11125
+ layoutClass: "action"
11126
+ }, /*#__PURE__*/React__default.createElement(WSGetConnectionDetails, null))
11121
11127
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.PrivateRoute, {
11122
11128
  path: path + "/bill-amendment",
11123
11129
  component: () => /*#__PURE__*/React__default.createElement(WSApplicationBillAmendment, {
@@ -17964,7 +17970,7 @@ const WSDocumentsEmployee = _ref => {
17964
17970
  }));
17965
17971
  };
17966
17972
  function SelectDocument(_ref2) {
17967
- var _formData$ConnectionD, _doc$i18nKey, _doc$i18nKey2, _doc$i18nKey3;
17973
+ 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;
17968
17974
  let t = _ref2.t,
17969
17975
  doc = _ref2.document,
17970
17976
  setDocuments = _ref2.setDocuments,
@@ -18027,6 +18033,29 @@ function SelectDocument(_ref2) {
18027
18033
  const _useState13 = React.useState(false),
18028
18034
  digiLockerUpload = _useState13[0],
18029
18035
  setDigilockerUpload = _useState13[1];
18036
+ const _useState14 = React.useState(null),
18037
+ docNumberError = _useState14[0],
18038
+ setDocNumberError = _useState14[1];
18039
+ const validateDocumentNumber = (value, docTypeCode, isReq, hasFile) => {
18040
+ if (!isReq && !hasFile && (!value || !value.trim())) return null;
18041
+ if (!value || !value.trim()) return t("WS_DOCUMENT_NUMBER_REQUIRED") || "Document number is required";
18042
+ const trimmed = value.trim();
18043
+ const upperCode = (docTypeCode || "").toUpperCase();
18044
+ if (upperCode.includes("AADHAAR") || upperCode.includes("AADHAR")) {
18045
+ if (!/^\d{12}$/.test(trimmed)) return t("WS_AADHAAR_VALIDATION_ERROR") || "Aadhaar number must be exactly 12 digits";
18046
+ } else if (upperCode.includes("PAN")) {
18047
+ 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";
18048
+ } else if (upperCode.includes("VOTER") || upperCode.includes("VOTERID")) {
18049
+ if (!/^[A-Z]{3}\d{7}$/.test(trimmed.toUpperCase())) return t("WS_VOTERID_VALIDATION_ERROR") || "Voter ID must be in format ABC1234567";
18050
+ } else if (upperCode.includes("DRIVING") || upperCode.includes("DRVLC")) {
18051
+ 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)";
18052
+ } else if (upperCode.includes("PASSPORT")) {
18053
+ if (!/^[A-Z]{1}\d{7}$/.test(trimmed.toUpperCase())) return t("WS_PASSPORT_VALIDATION_ERROR") || "Passport must be 8 characters (e.g. A1234567)";
18054
+ } else {
18055
+ if (trimmed.length < 3) return t("WS_DOC_NO_MIN_LENGTH") || "Document number must be at least 3 characters";
18056
+ }
18057
+ return null;
18058
+ };
18030
18059
  React.useEffect(() => {
18031
18060
  const eligible = isDigiLockerEligible((selectedDocument === null || selectedDocument === void 0 ? void 0 : selectedDocument.code) || "");
18032
18061
  setDigilockerUpload(eligible);
@@ -18092,8 +18121,8 @@ function SelectDocument(_ref2) {
18092
18121
  }
18093
18122
  const dropdownData = doc.dropdownData;
18094
18123
  var dropDownData = dropdownData;
18095
- const _useState14 = React.useState(false),
18096
- isHidden = _useState14[0];
18124
+ const _useState15 = React.useState(false),
18125
+ isHidden = _useState15[0];
18097
18126
  const addError = () => {
18098
18127
  var _formState$errors, _formState$errors$con;
18099
18128
  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;
@@ -18141,10 +18170,15 @@ function SelectDocument(_ref2) {
18141
18170
  return data;
18142
18171
  });
18143
18172
  }
18173
+ const err = validateDocumentNumber(documentUid, selectedDocument === null || selectedDocument === void 0 ? void 0 : selectedDocument.code, doc === null || doc === void 0 ? void 0 : doc.required, !!uploadedFile);
18144
18174
  if (!isHidden) {
18145
- if ((!uploadedFile || !(selectedDocument !== null && selectedDocument !== void 0 && selectedDocument.code)) && doc !== null && doc !== void 0 && doc.required) {
18175
+ if ((!uploadedFile || !(selectedDocument !== null && selectedDocument !== void 0 && selectedDocument.code) || err) && doc !== null && doc !== void 0 && doc.required) {
18176
+ addError();
18177
+ } else if (err) {
18146
18178
  addError();
18147
- } else if (uploadedFile && selectedDocument !== null && selectedDocument !== void 0 && selectedDocument.code) {
18179
+ } else if (uploadedFile && selectedDocument !== null && selectedDocument !== void 0 && selectedDocument.code && !err) {
18180
+ removeError();
18181
+ } else if (!(doc !== null && doc !== void 0 && doc.required) && !err) {
18148
18182
  removeError();
18149
18183
  }
18150
18184
  } else if (isHidden) {
@@ -18214,7 +18248,17 @@ function SelectDocument(_ref2) {
18214
18248
  width: "100%",
18215
18249
  marginBottom: "20px"
18216
18250
  }
18217
- }, doc !== null && doc !== void 0 && doc.hasDropdown ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.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__default.createElement(digitUiReactComponents.Dropdown, {
18251
+ }, doc !== null && doc !== void 0 && doc.hasDropdown ? /*#__PURE__*/React__default.createElement("div", {
18252
+ style: {
18253
+ display: "flex",
18254
+ flexDirection: "column",
18255
+ gap: "8px"
18256
+ }
18257
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, {
18258
+ style: {
18259
+ margin: 0
18260
+ }
18261
+ }, 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__default.createElement(digitUiReactComponents.Dropdown, {
18218
18262
  id: "doc-" + (doc === null || doc === void 0 ? void 0 : doc.code),
18219
18263
  key: "doc-" + (doc === null || doc === void 0 ? void 0 : doc.code),
18220
18264
  className: "form-field",
@@ -18228,13 +18272,36 @@ function SelectDocument(_ref2) {
18228
18272
  select: handleSelectDocument,
18229
18273
  optionKey: "i18nKey",
18230
18274
  t: t
18231
- })) : null, (doc === null || doc === void 0 ? void 0 : doc.code) !== "OWNER.APPLICANTPHOTO" && /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.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__default.createElement("div", {
18275
+ })) : null, (doc === null || doc === void 0 ? void 0 : doc.code) !== "OWNER.APPLICANTPHOTO" && /*#__PURE__*/React__default.createElement("div", {
18276
+ style: {
18277
+ display: "flex",
18278
+ flexDirection: "column",
18279
+ gap: "8px"
18280
+ }
18281
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, {
18282
+ style: {
18283
+ margin: 0
18284
+ }
18285
+ }, 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__default.createElement("div", {
18232
18286
  className: "field"
18233
18287
  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextInput, {
18234
18288
  type: "text",
18235
18289
  value: documentUid,
18236
18290
  onChange: e => {
18237
- if (!isDocumentUidLocked) setDocumentUid(e.target.value);
18291
+ if (!isDocumentUidLocked) {
18292
+ var _selectedDocument$cod;
18293
+ let val = e.target.value;
18294
+ const upperCode = (selectedDocument === null || selectedDocument === void 0 ? void 0 : (_selectedDocument$cod = selectedDocument.code) === null || _selectedDocument$cod === void 0 ? void 0 : _selectedDocument$cod.toUpperCase()) || "";
18295
+ 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;
18296
+ if (val.length > maxLen) {
18297
+ val = val.substring(0, maxLen);
18298
+ }
18299
+ setDocumentUid(val);
18300
+ setDocNumberError(null);
18301
+ }
18302
+ },
18303
+ onBlur: () => {
18304
+ setDocNumberError(validateDocumentNumber(documentUid, selectedDocument === null || selectedDocument === void 0 ? void 0 : selectedDocument.code, doc === null || doc === void 0 ? void 0 : doc.required, !!uploadedFile));
18238
18305
  },
18239
18306
  placeholder: t("WS_IDENTITY_NO_PLACEHOLDER"),
18240
18307
  disabled: isDocumentUidLocked,
@@ -18242,8 +18309,58 @@ function SelectDocument(_ref2) {
18242
18309
  backgroundColor: "#f0f0f0",
18243
18310
  cursor: "not-allowed",
18244
18311
  color: "#555"
18245
- } : {}
18246
- }))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.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__default.createElement("div", {
18312
+ } : docNumberError ? {
18313
+ border: "1px solid #d32f2f"
18314
+ } : {},
18315
+ 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
18316
+ }), docNumberError && /*#__PURE__*/React__default.createElement("div", {
18317
+ style: {
18318
+ fontSize: "12px",
18319
+ color: "#d32f2f",
18320
+ marginTop: "4px"
18321
+ }
18322
+ }, 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__default.createElement("div", {
18323
+ style: {
18324
+ fontSize: "11px",
18325
+ color: "#000000",
18326
+ marginTop: "4px"
18327
+ }
18328
+ }, 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__default.createElement("div", {
18329
+ style: {
18330
+ fontSize: "11px",
18331
+ color: "#000000",
18332
+ marginTop: "4px"
18333
+ }
18334
+ }, 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__default.createElement("div", {
18335
+ style: {
18336
+ fontSize: "11px",
18337
+ color: "#000000",
18338
+ marginTop: "4px"
18339
+ }
18340
+ }, 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__default.createElement("div", {
18341
+ style: {
18342
+ fontSize: "11px",
18343
+ color: "#000000",
18344
+ marginTop: "4px"
18345
+ }
18346
+ }, 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__default.createElement("div", {
18347
+ style: {
18348
+ fontSize: "11px",
18349
+ color: "#000000",
18350
+ marginTop: "4px"
18351
+ }
18352
+ }, t("WS_PASSPORT_VALIDATION_ERROR") || "Format: A1234567"))), /*#__PURE__*/React__default.createElement("div", {
18353
+ style: {
18354
+ display: "flex",
18355
+ flexDirection: "column",
18356
+ gap: "8px",
18357
+ gridColumn: "span 1"
18358
+ }
18359
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, {
18360
+ style: {
18361
+ margin: 0
18362
+ }
18363
+ }, 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__default.createElement("div", {
18247
18364
  className: "field",
18248
18365
  style: {
18249
18366
  display: "flex",
@@ -18314,19 +18431,25 @@ function SelectDocument(_ref2) {
18314
18431
  setIsDocumentUidLocked(false);
18315
18432
  setDocumentUid("");
18316
18433
  }
18317
- })), uploadedFile && /*#__PURE__*/React__default.createElement("div", {
18318
- onClick: viewDocument,
18434
+ })))), /*#__PURE__*/React__default.createElement("div", {
18319
18435
  style: {
18320
- cursor: "pointer"
18436
+ display: "flex",
18437
+ flexDirection: "column",
18438
+ gap: "8px",
18439
+ gridColumn: "span 1"
18440
+ }
18441
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, {
18442
+ style: {
18443
+ margin: 0
18321
18444
  }
18322
- }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.ViewsIcon, null)), (doc === null || doc === void 0 ? void 0 : doc.code) === "OWNER.APPLICANTPHOTO" && /*#__PURE__*/React__default.createElement("div", {
18445
+ }, (doc === null || doc === void 0 ? void 0 : doc.code) === "OWNER.APPLICANTPHOTO" ? t("WS_CLICK_APPLICANT_PHOTO") || "Click Applicant Photo" : "\u00A0"), /*#__PURE__*/React__default.createElement("div", {
18323
18446
  style: {
18324
- flex: 1,
18325
18447
  display: "flex",
18326
- flexDirection: "column",
18327
- marginTop: "-20px"
18448
+ alignItems: "center",
18449
+ gap: "20px",
18450
+ height: "100%"
18328
18451
  }
18329
- }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, null, t("WS_CLICK_APPLICANT_PHOTO") || "Click Applicant Photo"), /*#__PURE__*/React__default.createElement("div", {
18452
+ }, (doc === null || doc === void 0 ? void 0 : doc.code) === "OWNER.APPLICANTPHOTO" && /*#__PURE__*/React__default.createElement("div", {
18330
18453
  style: {
18331
18454
  display: "flex",
18332
18455
  alignItems: "center",
@@ -18361,7 +18484,21 @@ function SelectDocument(_ref2) {
18361
18484
  fontWeight: "bold",
18362
18485
  fontSize: "14px"
18363
18486
  }
18364
- }, "\u2714 Uploaded"))))), showCamera && /*#__PURE__*/React__default.createElement(CameraCaptureModal, {
18487
+ }, "\u2714 Uploaded")), uploadedFile && /*#__PURE__*/React__default.createElement("div", {
18488
+ onClick: viewDocument,
18489
+ style: {
18490
+ display: "flex",
18491
+ alignItems: "center",
18492
+ gap: "8px",
18493
+ cursor: "pointer",
18494
+ color: "#00497e",
18495
+ fontWeight: "bold",
18496
+ padding: "8px 16px",
18497
+ border: "1px solid #00497e",
18498
+ borderRadius: "4px",
18499
+ backgroundColor: "#fff"
18500
+ }
18501
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.ViewsIcon, null), /*#__PURE__*/React__default.createElement("span", null, t("WS_VIEW_DOCUMENT") || "View Document")))), showCamera && /*#__PURE__*/React__default.createElement(CameraCaptureModal, {
18365
18502
  onCapture: handleCapture,
18366
18503
  onClose: () => setShowCamera(false),
18367
18504
  t: t
@@ -18428,12 +18565,12 @@ const CameraCaptureModal = _ref4 => {
18428
18565
  t = _ref4.t;
18429
18566
  const videoRef = React.useRef(null);
18430
18567
  const canvasRef = React.useRef(null);
18431
- const _useState15 = React.useState(null),
18432
- stream = _useState15[0],
18433
- setStream = _useState15[1];
18434
18568
  const _useState16 = React.useState(null),
18435
- error = _useState16[0],
18436
- setError = _useState16[1];
18569
+ stream = _useState16[0],
18570
+ setStream = _useState16[1];
18571
+ const _useState17 = React.useState(null),
18572
+ error = _useState17[0],
18573
+ setError = _useState17[1];
18437
18574
  React.useEffect(() => {
18438
18575
  const startCamera = function () {
18439
18576
  try {
@@ -26200,6 +26337,10 @@ const WSCard = () => {
26200
26337
  label: t("WS_CALCULATION"),
26201
26338
  link: "/digit-ui/employee/ws/water/calculation",
26202
26339
  roles: ["WS_CEMP", "WS_APPROVER", "WS_FIELD_INSPECTOR", "WS_DOC_VERIFIER", "WS_CLERK"]
26340
+ }, {
26341
+ label: t("WS_APPLY_MUTATION"),
26342
+ link: "/digit-ui/employee/ws/mutation-application",
26343
+ roles: ["WS_CEMP", "WS_APPROVER", "WS_FIELD_INSPECTOR", "WS_DOC_VERIFIER", "WS_CLERK", "SW_CEMP", "SW_APPROVER", "SW_FIELD_INSPECTOR", "SW_DOC_VERIFIER", "SW_CLERK"]
26203
26344
  }]
26204
26345
  };
26205
26346
  return /*#__PURE__*/React__default.createElement(digitUiReactComponents.EmployeeModuleCard, propsForModuleCard);
@@ -31027,7 +31168,7 @@ const Rebate_menu = [{
31027
31168
  value: "Others"
31028
31169
  }];
31029
31170
  const WSFeeEstimation = _ref => {
31030
- var _wsAdditionalDetails$, _wsAdditionalDetails$18, _fields$adhocPenaltyR, _fields$adhocRebateRe;
31171
+ var _wsAdditionalDetails$, _fields$adhocPenaltyR, _fields$adhocRebateRe;
31031
31172
  let wsAdditionalDetails = _ref.wsAdditionalDetails;
31032
31173
  const _useTranslation = reactI18next.useTranslation(),
31033
31174
  t = _useTranslation.t;
@@ -31258,17 +31399,7 @@ const WSFeeEstimation = _ref => {
31258
31399
  } : {
31259
31400
  color: "#2E9E8F"
31260
31401
  }
31261
- }))), wsAdditionalDetails !== null && wsAdditionalDetails !== void 0 && (_wsAdditionalDetails$18 = wsAdditionalDetails.additionalDetails) !== null && _wsAdditionalDetails$18 !== void 0 && _wsAdditionalDetails$18.isAdhocRebate ? /*#__PURE__*/React__default.createElement("div", {
31262
- onClick: e => {
31263
- showPopUp(true);
31264
- }
31265
- }, /*#__PURE__*/React__default.createElement("span", {
31266
- className: "add-details-link hover-button",
31267
- style: {
31268
- cursor: "pointer",
31269
- color: "#a82227"
31270
- }
31271
- }, t("WS_PAYMENT_ADD_REBATE_PENALTY"))) : null, popup && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Modal, {
31402
+ }))), popup && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Modal, {
31272
31403
  headerBarMain: /*#__PURE__*/React__default.createElement(Heading, {
31273
31404
  label: t("PT_ADD_REBATE_PENALITY")
31274
31405
  }),
@@ -31896,31 +32027,31 @@ const checkForNA$1 = value => {
31896
32027
  return value ? value : "CS_NA";
31897
32028
  };
31898
32029
  const WSApplicationDetails = () => {
31899
- var _user$info, _user$info$userName, _user$info2, _user$info3, _Digit$SessionStorage, _user$info4, _data$WaterConnection, _data$WaterConnection2, _data$SewerageConnect, _data$SewerageConnect2, _data$WaterConnection3, _data$WaterConnection4, _data$SewerageConnect3, _data$SewerageConnect4, _data$WaterConnection5, _data$WaterConnection6, _data$WaterConnection7, _data$SewerageConnect5, _data$SewerageConnect6, _data$SewerageConnect7, _data$WaterConnection8, _data$WaterConnection9, _data$SewerageConnect8, _data$SewerageConnect9, _data$WaterConnection0, _data$WaterConnection1, _data$SewerageConnect0, _data$SewerageConnect1, _data$WaterConnection10, _data$WaterConnection11, _data$SewerageConnect10, _data$SewerageConnect11, _data$WaterConnection12, _data$SewerageConnect12, _PTData$Properties, _PTData$Properties$, _data$WaterConnection13, _data$WaterConnection14, _data$WaterConnection15, _data$WaterConnection16, _data$SewerageConnect13, _data$SewerageConnect14, _data$SewerageConnect15, _data$SewerageConnect16, _data$WaterConnection17, _data$WaterConnection18, _data$SewerageConnect17, _data$SewerageConnect18, _appDetailsData$appli, _data$WaterConnection37, _data$WaterConnection38, _data$SewerageConnect33, _data$SewerageConnect34, _data$WaterConnection39, _data$WaterConnection40, _data$SewerageConnect35, _data$SewerageConnect36, _data$WaterConnection41, _data$WaterConnection42, _data$SewerageConnect37, _data$SewerageConnect38, _data$WaterConnection43, _data$WaterConnection44, _data$SewerageConnect39, _data$SewerageConnect40, _data$WaterConnection45, _data$WaterConnection46, _data$SewerageConnect41, _data$WaterConnection47, _data$WaterConnection48, _data$SewerageConnect42, _data$SewerageConnect43, _data$WaterConnection49, _data$WaterConnection50, _data$SewerageConnect44, _data$SewerageConnect45, _data$WaterConnection51, _data$WaterConnection52, _data$SewerageConnect46, _data$SewerageConnect47, _data$WaterConnection53, _data$WaterConnection54, _data$SewerageConnect48, _data$SewerageConnect49, _data$WaterConnection55, _data$WaterConnection56, _data$SewerageConnect50, _data$SewerageConnect51, _data$WaterConnection57, _data$WaterConnection58, _data$SewerageConnect52, _data$SewerageConnect53, _data$WaterConnection59, _data$WaterConnection60, _data$SewerageConnect54, _data$SewerageConnect55, _data$WaterConnection61, _data$WaterConnection62, _data$SewerageConnect56, _data$SewerageConnect57, _data$WaterConnection63, _data$WaterConnection64, _data$SewerageConnect58, _data$SewerageConnect59, _data$WaterConnection65, _data$WaterConnection66, _data$SewerageConnect60, _data$SewerageConnect61, _data$WaterConnection67, _data$WaterConnection68, _data$WaterConnection69, _data$WaterConnection70, _data$SewerageConnect62, _data$SewerageConnect63, _data$SewerageConnect64, _data$SewerageConnect65, _connectionDetails$se, _connectionDetails$se2, _connectionDetails$co, _connectionDetails$co2, _connectionDetails$wa, _connectionDetails$wa2, _connectionDetails$ap, _connectionDetails$ap2, _connectionDetails$do, _connectionDetails$do2, _connectionDetails$do3, _connectionDetails$de, _connectionDetails$de2, _data$WaterConnection71, _data$WaterConnection72, _data$WaterConnection73, _data$SewerageConnect66, _data$SewerageConnect67, _data$SewerageConnect68, _data$WaterConnection74, _data$WaterConnection75, _data$WaterConnection76, _data$WaterConnection77, _data$SewerageConnect69, _data$SewerageConnect70, _data$SewerageConnect71, _data$SewerageConnect72, _data$WaterConnection78, _data$WaterConnection79, _data$WaterConnection80, _data$WaterConnection81, _data$SewerageConnect73, _data$SewerageConnect74, _data$SewerageConnect75, _data$SewerageConnect76, _data$WaterConnection82, _data$WaterConnection83, _data$WaterConnection84, _data$WaterConnection85, _data$SewerageConnect77, _data$SewerageConnect78, _data$SewerageConnect79, _data$SewerageConnect80, _data$WaterConnection86, _data$WaterConnection87, _data$WaterConnection88, _data$WaterConnection89, _data$SewerageConnect81, _data$SewerageConnect82, _data$SewerageConnect83, _data$SewerageConnect84, _data$WaterConnection90, _data$WaterConnection91, _data$WaterConnection92, _data$WaterConnection93, _data$SewerageConnect85, _data$SewerageConnect86, _data$SewerageConnect87, _data$SewerageConnect88, _data$WaterConnection94, _data$WaterConnection95, _data$WaterConnection96, _data$WaterConnection97, _data$SewerageConnect89, _data$SewerageConnect90, _data$SewerageConnect91, _data$SewerageConnect92, _data$WaterConnection98, _data$WaterConnection99, _data$WaterConnection100, _data$WaterConnection101, _data$SewerageConnect93, _data$SewerageConnect94, _data$SewerageConnect95, _data$SewerageConnect96, _data$WaterConnection102, _data$WaterConnection103, _data$WaterConnection104, _data$WaterConnection105, _data$SewerageConnect97, _data$SewerageConnect98, _data$SewerageConnect99, _data$SewerageConnect100, _data$WaterConnection106, _data$WaterConnection107, _data$WaterConnection108, _data$WaterConnection109, _data$SewerageConnect101, _data$SewerageConnect102, _data$SewerageConnect103, _data$SewerageConnect104, _data$WaterConnection110, _data$WaterConnection111, _data$WaterConnection112, _data$WaterConnection113, _data$SewerageConnect105, _data$SewerageConnect106, _data$SewerageConnect107, _data$SewerageConnect108, _data$WaterConnection114, _data$WaterConnection115, _data$WaterConnection116, _data$WaterConnection117, _data$SewerageConnect109, _data$SewerageConnect110, _data$SewerageConnect111, _data$SewerageConnect112, _data$WaterConnection118, _data$WaterConnection119, _data$WaterConnection120, _data$WaterConnection121, _data$SewerageConnect113, _data$SewerageConnect114, _data$SewerageConnect115, _data$SewerageConnect116, _data$WaterConnection122, _data$WaterConnection123, _data$WaterConnection124, _data$WaterConnection125, _data$SewerageConnect117, _data$SewerageConnect118, _data$SewerageConnect119, _data$SewerageConnect120, _data$WaterConnection126, _data$WaterConnection127, _data$SewerageConnect121, _data$SewerageConnect122, _PTData$Properties4, _PTData$Properties4$, _PTData$Properties4$$, _PTData$Properties4$$2, _PTData$Properties5, _PTData$Properties5$, _PTData$Properties6, _PTData$Properties6$, _PTData$Properties6$$, _PTData$Properties6$$2, _PTData$Properties7, _PTData$Properties7$, _data$WaterConnection128, _data$WaterConnection129, _data$SewerageConnect123, _data$SewerageConnect124, _data$WaterConnection130, _data$WaterConnection131, _data$SewerageConnect125, _data$SewerageConnect126, _propertyAddress$zro, _propertyAddress$addi, _propertyAddress$addr, _propertyAddress$addr2, _propertyAddress$city, _propertyAddress$city2, _propertyAddress$loca, _propertyAddress$loca2, _propertyAddress$subL, _propertyAddress$subL2, _propertyAddress$asse, _propertyAddress$asse2, _propertyAddress$bloc, _propertyAddress$bloc2, _propertyAddress$ward, _propertyAddress$ward2, _propertyAddress$zone, _propertyAddress$zone2, _useDetails$categoryT, _useDetails$categoryT2, _useDetails$propertyC, _useDetails$propertyC2, _useDetails$propertyT, _useDetails$propertyT2, _useDetails$WaterConn, _useDetails$WaterConn2, _useDetails$waterConn, _useDetails$waterConn2, _useDetails$noOfFloor, _useDetails$noOfFloor2, _useDetails$SelectYea, _useDetails$SelectYea2, _useDetails$SelectYea3, _useDetails$construct, _useDetails$construct2, _data$WaterConnection132, _data$WaterConnection133, _data$WaterConnection134, _data$WaterConnection135, _data$SewerageConnect127, _data$SewerageConnect128, _data$SewerageConnect129, _data$SewerageConnect130, _data$WaterConnection140, _data$WaterConnection141, _data$WaterConnection142, _data$WaterConnection143, _data$WaterConnection144, _data$WaterConnection145, _data$SewerageConnect135, _data$SewerageConnect136, _data$SewerageConnect137, _data$SewerageConnect138, _data$SewerageConnect139, _data$SewerageConnect140, _paymentDetails$data, _paymentDetails$data$, _paymentDetails$data$2, _paymentDetails$data2, _paymentDetails$data3, _paymentDetails$data4, _data$WaterConnection146, _data$WaterConnection147, _data$SewerageConnect141, _data$SewerageConnect142, _data$WaterConnection148, _data$WaterConnection149, _data$WaterConnection150, _data$SewerageConnect143, _data$SewerageConnect144, _data$SewerageConnect145, _PTData$Properties8, _PTData$Properties8$, _PTData$Properties8$$, _paymentDetails$data5, _paymentDetails$data6, _paymentDetails$data7, _data$WaterConnection151, _data$WaterConnection152, _data$WaterConnection153, _data$WaterConnection154, _data$SewerageConnect146, _data$SewerageConnect147, _data$SewerageConnect148, _data$SewerageConnect149, _data$WaterConnection155, _data$WaterConnection156, _data$SewerageConnect150, _data$SewerageConnect151, _data$WaterConnection157, _data$WaterConnection158, _data$SewerageConnect152, _data$SewerageConnect153, _data$WaterConnection159, _data$WaterConnection160, _data$WaterConnection161, _data$WaterConnection162, _data$SewerageConnect154, _data$SewerageConnect155, _data$SewerageConnect156, _data$SewerageConnect157, _data$WaterConnection163, _data$WaterConnection164, _data$SewerageConnect158, _data$SewerageConnect159, _data$SewerageConnect160, _data$SewerageConnect161, _data$SewerageConnect162, _data$SewerageConnect163, _data$SewerageConnect164, _data$SewerageConnect165, _data$SewerageConnect166, _data$SewerageConnect167, _data$SewerageConnect168, _data$WaterConnection165, _data$WaterConnection166, _data$WaterConnection167, _data$WaterConnection168, _data$WaterConnection169, _data$WaterConnection170, _data$WaterConnection171, _data$WaterConnection172, _data$WaterConnection173;
32030
+ var _user$info, _user$info$userName, _user$info2, _user$info3, _Digit$SessionStorage, _user$info4, _data$WaterConnection, _data$WaterConnection2, _data$SewerageConnect, _data$SewerageConnect2, _data$WaterConnection3, _data$WaterConnection4, _data$SewerageConnect3, _data$SewerageConnect4, _data$WaterConnection5, _data$WaterConnection6, _data$WaterConnection7, _data$SewerageConnect5, _data$SewerageConnect6, _data$SewerageConnect7, _data$WaterConnection8, _data$WaterConnection9, _data$SewerageConnect8, _data$SewerageConnect9, _data$WaterConnection0, _data$WaterConnection1, _data$SewerageConnect0, _data$SewerageConnect1, _data$WaterConnection10, _data$WaterConnection11, _data$SewerageConnect10, _data$SewerageConnect11, _data$WaterConnection12, _data$SewerageConnect12, _PTData$Properties, _PTData$Properties$, _data$WaterConnection13, _data$WaterConnection14, _data$WaterConnection15, _data$WaterConnection16, _data$SewerageConnect13, _data$SewerageConnect14, _data$SewerageConnect15, _data$SewerageConnect16, _data$WaterConnection17, _data$WaterConnection18, _data$SewerageConnect17, _data$SewerageConnect18, _appDetailsData$appli, _data$WaterConnection37, _data$WaterConnection38, _data$SewerageConnect33, _data$SewerageConnect34, _data$WaterConnection39, _data$WaterConnection40, _data$SewerageConnect35, _data$SewerageConnect36, _data$WaterConnection41, _data$WaterConnection42, _data$SewerageConnect37, _data$SewerageConnect38, _data$WaterConnection43, _data$WaterConnection44, _data$SewerageConnect39, _data$SewerageConnect40, _data$WaterConnection45, _data$WaterConnection46, _data$SewerageConnect41, _data$WaterConnection47, _data$WaterConnection48, _data$SewerageConnect42, _data$SewerageConnect43, _data$WaterConnection49, _data$WaterConnection50, _data$SewerageConnect44, _data$SewerageConnect45, _data$WaterConnection51, _data$WaterConnection52, _data$SewerageConnect46, _data$SewerageConnect47, _data$WaterConnection53, _data$WaterConnection54, _data$SewerageConnect48, _data$SewerageConnect49, _data$WaterConnection55, _data$WaterConnection56, _data$SewerageConnect50, _data$SewerageConnect51, _data$WaterConnection57, _data$WaterConnection58, _data$SewerageConnect52, _data$SewerageConnect53, _data$WaterConnection59, _data$WaterConnection60, _data$SewerageConnect54, _data$SewerageConnect55, _data$WaterConnection61, _data$WaterConnection62, _data$SewerageConnect56, _data$SewerageConnect57, _data$WaterConnection63, _data$WaterConnection64, _data$SewerageConnect58, _data$SewerageConnect59, _data$WaterConnection65, _data$WaterConnection66, _data$SewerageConnect60, _data$SewerageConnect61, _data$WaterConnection67, _data$WaterConnection68, _data$WaterConnection69, _data$WaterConnection70, _data$SewerageConnect62, _data$SewerageConnect63, _data$SewerageConnect64, _data$SewerageConnect65, _connectionDetails$se, _connectionDetails$se2, _connectionDetails$co, _connectionDetails$co2, _connectionDetails$wa, _connectionDetails$wa2, _connectionDetails$ap, _connectionDetails$ap2, _connectionDetails$do, _connectionDetails$do2, _connectionDetails$do3, _connectionDetails$de, _connectionDetails$de2, _data$WaterConnection71, _data$WaterConnection72, _data$WaterConnection73, _data$SewerageConnect66, _data$SewerageConnect67, _data$SewerageConnect68, _data$WaterConnection74, _data$WaterConnection75, _data$WaterConnection76, _data$WaterConnection77, _data$SewerageConnect69, _data$SewerageConnect70, _data$SewerageConnect71, _data$SewerageConnect72, _data$WaterConnection78, _data$WaterConnection79, _data$WaterConnection80, _data$WaterConnection81, _data$SewerageConnect73, _data$SewerageConnect74, _data$SewerageConnect75, _data$SewerageConnect76, _data$WaterConnection82, _data$WaterConnection83, _data$WaterConnection84, _data$WaterConnection85, _data$SewerageConnect77, _data$SewerageConnect78, _data$SewerageConnect79, _data$SewerageConnect80, _data$WaterConnection86, _data$WaterConnection87, _data$WaterConnection88, _data$WaterConnection89, _data$SewerageConnect81, _data$SewerageConnect82, _data$SewerageConnect83, _data$SewerageConnect84, _data$WaterConnection90, _data$WaterConnection91, _data$WaterConnection92, _data$WaterConnection93, _data$SewerageConnect85, _data$SewerageConnect86, _data$SewerageConnect87, _data$SewerageConnect88, _data$WaterConnection94, _data$WaterConnection95, _data$WaterConnection96, _data$WaterConnection97, _data$SewerageConnect89, _data$SewerageConnect90, _data$SewerageConnect91, _data$SewerageConnect92, _data$WaterConnection98, _data$WaterConnection99, _data$WaterConnection100, _data$WaterConnection101, _data$SewerageConnect93, _data$SewerageConnect94, _data$SewerageConnect95, _data$SewerageConnect96, _data$WaterConnection102, _data$WaterConnection103, _data$WaterConnection104, _data$WaterConnection105, _data$SewerageConnect97, _data$SewerageConnect98, _data$SewerageConnect99, _data$SewerageConnect100, _data$WaterConnection106, _data$WaterConnection107, _data$WaterConnection108, _data$WaterConnection109, _data$SewerageConnect101, _data$SewerageConnect102, _data$SewerageConnect103, _data$SewerageConnect104, _data$WaterConnection110, _data$WaterConnection111, _data$WaterConnection112, _data$WaterConnection113, _data$SewerageConnect105, _data$SewerageConnect106, _data$SewerageConnect107, _data$SewerageConnect108, _data$WaterConnection114, _data$WaterConnection115, _data$WaterConnection116, _data$WaterConnection117, _data$SewerageConnect109, _data$SewerageConnect110, _data$SewerageConnect111, _data$SewerageConnect112, _data$WaterConnection118, _data$WaterConnection119, _data$WaterConnection120, _data$WaterConnection121, _data$SewerageConnect113, _data$SewerageConnect114, _data$SewerageConnect115, _data$SewerageConnect116, _data$WaterConnection122, _data$WaterConnection123, _data$WaterConnection124, _data$WaterConnection125, _data$SewerageConnect117, _data$SewerageConnect118, _data$SewerageConnect119, _data$SewerageConnect120, _data$WaterConnection126, _data$WaterConnection127, _data$SewerageConnect121, _data$SewerageConnect122, _PTData$Properties4, _PTData$Properties4$, _PTData$Properties4$$, _PTData$Properties4$$2, _PTData$Properties5, _PTData$Properties5$, _PTData$Properties6, _PTData$Properties6$, _PTData$Properties6$$, _PTData$Properties6$$2, _PTData$Properties7, _PTData$Properties7$, _data$WaterConnection128, _data$WaterConnection129, _data$SewerageConnect123, _data$SewerageConnect124, _data$WaterConnection130, _data$WaterConnection131, _data$SewerageConnect125, _data$SewerageConnect126, _propertyAddress$zro, _propertyAddress$addi, _propertyAddress$addr, _propertyAddress$addr2, _propertyAddress$city, _propertyAddress$city2, _propertyAddress$loca, _propertyAddress$loca2, _propertyAddress$subL, _propertyAddress$subL2, _propertyAddress$asse, _propertyAddress$asse2, _propertyAddress$bloc, _propertyAddress$bloc2, _propertyAddress$ward, _propertyAddress$ward2, _propertyAddress$zone, _propertyAddress$zone2, _useDetails$categoryT, _useDetails$categoryT2, _useDetails$propertyC, _useDetails$propertyC2, _useDetails$propertyT, _useDetails$propertyT2, _useDetails$WaterConn, _useDetails$WaterConn2, _useDetails$waterConn, _useDetails$waterConn2, _useDetails$noOfFloor, _useDetails$noOfFloor2, _useDetails$SelectYea, _useDetails$SelectYea2, _useDetails$SelectYea3, _useDetails$construct, _useDetails$construct2, _data$WaterConnection132, _data$WaterConnection133, _data$WaterConnection134, _data$WaterConnection135, _data$SewerageConnect127, _data$SewerageConnect128, _data$SewerageConnect129, _data$SewerageConnect130, _data$WaterConnection140, _data$WaterConnection141, _data$WaterConnection142, _data$WaterConnection143, _data$WaterConnection144, _data$WaterConnection145, _data$SewerageConnect135, _data$SewerageConnect136, _data$SewerageConnect137, _data$SewerageConnect138, _data$SewerageConnect139, _data$SewerageConnect140, _paymentDetails$data, _paymentDetails$data$, _paymentDetails$data$2, _paymentDetails$data2, _paymentDetails$data3, _paymentDetails$data4, _data$WaterConnection146, _data$WaterConnection147, _data$SewerageConnect141, _data$SewerageConnect142, _data$WaterConnection148, _data$WaterConnection149, _data$WaterConnection150, _data$SewerageConnect143, _data$SewerageConnect144, _data$SewerageConnect145, _PTData$Properties8, _PTData$Properties8$, _PTData$Properties8$$, _paymentDetails$data5, _paymentDetails$data6, _paymentDetails$data7, _data$WaterConnection151, _data$WaterConnection152, _data$WaterConnection153, _data$WaterConnection154, _data$SewerageConnect146, _data$SewerageConnect147, _data$SewerageConnect148, _data$SewerageConnect149, _data$WaterConnection155, _data$WaterConnection156, _data$SewerageConnect150, _data$SewerageConnect151, _data$WaterConnection157, _data$WaterConnection158, _data$SewerageConnect152, _data$SewerageConnect153, _data$WaterConnection159, _data$WaterConnection160, _data$SewerageConnect154, _data$SewerageConnect155, _data$WaterConnection161, _data$WaterConnection162, _data$WaterConnection163, _data$SewerageConnect156, _data$SewerageConnect157, _data$WaterConnection164, _data$WaterConnection165, _data$SewerageConnect158, _data$SewerageConnect159, _data$WaterConnection166, _data$WaterConnection167, _data$WaterConnection168, _data$WaterConnection169, _data$SewerageConnect160, _data$SewerageConnect161, _data$SewerageConnect162, _data$SewerageConnect163, _data$WaterConnection170, _data$WaterConnection171, _data$SewerageConnect164, _data$SewerageConnect165, _data$SewerageConnect166, _data$SewerageConnect167, _data$SewerageConnect168, _data$SewerageConnect169, _data$SewerageConnect170, _data$SewerageConnect171, _data$SewerageConnect172, _data$SewerageConnect173, _data$SewerageConnect174, _data$WaterConnection172, _data$WaterConnection173, _data$WaterConnection174, _data$WaterConnection175, _data$WaterConnection176, _data$WaterConnection177, _data$WaterConnection178, _data$WaterConnection179, _data$WaterConnection180;
31900
32031
  const getDisconnectionNoticeSearch = function () {
31901
32032
  try {
31902
- var _data$WaterConnection175, _data$WaterConnection176, _data$SewerageConnect170, _data$SewerageConnect171;
32033
+ var _data$WaterConnection182, _data$WaterConnection183, _data$SewerageConnect176, _data$SewerageConnect177;
31903
32034
  let key = "ws-waterdisconnectionnotice";
31904
32035
  let details = {};
31905
32036
  if (applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS")) {
31906
- var _data$WaterConnection174, _PTData$Properties9;
32037
+ var _data$WaterConnection181, _PTData$Properties9;
31907
32038
  details = {
31908
- WaterConnection: [_extends({}, data === null || data === void 0 ? void 0 : (_data$WaterConnection174 = data.WaterConnection) === null || _data$WaterConnection174 === void 0 ? void 0 : _data$WaterConnection174[0], {
32039
+ WaterConnection: [_extends({}, data === null || data === void 0 ? void 0 : (_data$WaterConnection181 = data.WaterConnection) === null || _data$WaterConnection181 === void 0 ? void 0 : _data$WaterConnection181[0], {
31909
32040
  property: PTData === null || PTData === void 0 ? void 0 : (_PTData$Properties9 = PTData.Properties) === null || _PTData$Properties9 === void 0 ? void 0 : _PTData$Properties9[0]
31910
32041
  })]
31911
32042
  };
31912
32043
  } else {
31913
- var _data$SewerageConnect169, _PTData$Properties0;
32044
+ var _data$SewerageConnect175, _PTData$Properties0;
31914
32045
  key = "ws-seweragedisconnectionnotice";
31915
32046
  details = {
31916
- SewerageConnection: [_extends({}, data === null || data === void 0 ? void 0 : (_data$SewerageConnect169 = data.SewerageConnections) === null || _data$SewerageConnect169 === void 0 ? void 0 : _data$SewerageConnect169[0], {
32047
+ SewerageConnection: [_extends({}, data === null || data === void 0 ? void 0 : (_data$SewerageConnect175 = data.SewerageConnections) === null || _data$SewerageConnect175 === void 0 ? void 0 : _data$SewerageConnect175[0], {
31917
32048
  property: PTData === null || PTData === void 0 ? void 0 : (_PTData$Properties0 = PTData.Properties) === null || _PTData$Properties0 === void 0 ? void 0 : _PTData$Properties0[0]
31918
32049
  })]
31919
32050
  };
31920
32051
  }
31921
- return Promise.resolve(Digit.WSService.WSDisconnectionNotice((data === null || data === void 0 ? void 0 : (_data$WaterConnection175 = data.WaterConnection) === null || _data$WaterConnection175 === void 0 ? void 0 : (_data$WaterConnection176 = _data$WaterConnection175[0]) === null || _data$WaterConnection176 === void 0 ? void 0 : _data$WaterConnection176.tenantId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect170 = data.SewerageConnections) === null || _data$SewerageConnect170 === void 0 ? void 0 : (_data$SewerageConnect171 = _data$SewerageConnect170[0]) === null || _data$SewerageConnect171 === void 0 ? void 0 : _data$SewerageConnect171.tenantId), details, key)).then(function (response) {
31922
- var _data$WaterConnection177, _data$WaterConnection178, _data$SewerageConnect172, _data$SewerageConnect173;
31923
- return Promise.resolve(Digit.PaymentService.printReciept((data === null || data === void 0 ? void 0 : (_data$WaterConnection177 = data.WaterConnection) === null || _data$WaterConnection177 === void 0 ? void 0 : (_data$WaterConnection178 = _data$WaterConnection177[0]) === null || _data$WaterConnection178 === void 0 ? void 0 : _data$WaterConnection178.tenantId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect172 = data.SewerageConnections) === null || _data$SewerageConnect172 === void 0 ? void 0 : (_data$SewerageConnect173 = _data$SewerageConnect172[0]) === null || _data$SewerageConnect173 === void 0 ? void 0 : _data$SewerageConnect173.tenantId), {
32052
+ 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) {
32053
+ var _data$WaterConnection184, _data$WaterConnection185, _data$SewerageConnect178, _data$SewerageConnect179;
32054
+ return Promise.resolve(Digit.PaymentService.printReciept((data === null || data === void 0 ? void 0 : (_data$WaterConnection184 = data.WaterConnection) === null || _data$WaterConnection184 === void 0 ? void 0 : (_data$WaterConnection185 = _data$WaterConnection184[0]) === null || _data$WaterConnection185 === void 0 ? void 0 : _data$WaterConnection185.tenantId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect178 = data.SewerageConnections) === null || _data$SewerageConnect178 === void 0 ? void 0 : (_data$SewerageConnect179 = _data$SewerageConnect178[0]) === null || _data$SewerageConnect179 === void 0 ? void 0 : _data$SewerageConnect179.tenantId), {
31924
32055
  fileStoreIds: response.filestoreIds[0]
31925
32056
  })).then(function (fileStore) {
31926
32057
  window.open(fileStore[response === null || response === void 0 ? void 0 : response.filestoreIds[0]], "_blank");
@@ -32012,7 +32143,7 @@ const WSApplicationDetails = () => {
32012
32143
  }
32013
32144
  }) || false;
32014
32145
  const applicationStatus = (data === null || data === void 0 ? void 0 : (_data$WaterConnection17 = data.WaterConnection) === null || _data$WaterConnection17 === void 0 ? void 0 : (_data$WaterConnection18 = _data$WaterConnection17[0]) === null || _data$WaterConnection18 === void 0 ? void 0 : _data$WaterConnection18.applicationStatus) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect17 = data.SewerageConnections) === null || _data$SewerageConnect17 === void 0 ? void 0 : (_data$SewerageConnect18 = _data$SewerageConnect17[0]) === null || _data$SewerageConnect18 === void 0 ? void 0 : _data$SewerageConnect18.applicationStatus);
32015
- const isPaid = applicationStatus && applicationStatus !== "INITIATED" && applicationStatus !== "PENDING_FOR_PAYMENT" && applicationStatus !== "PENDING_FOR_FINAL_PAYMENT" && applicationStatus !== "PENDING_FOR_ADDITIONAL_PAYMENT" ? true : false;
32146
+ const isPaid = applicationStatus && applicationStatus !== "INITIATED" && applicationStatus !== "PENDING_APPROVAL_FOR_MUTATION" && applicationStatus !== "PENDING_FOR_PAYMENT" && applicationStatus !== "PENDING_FOR_FINAL_PAYMENT" && applicationStatus !== "PENDING_FOR_ADDITIONAL_PAYMENT" && applicationStatus !== "PENDING_FOR_CITIZEN_ACTION" ? true : false;
32016
32147
  const _Digit$Hooks$ws$useWS = Digit.Hooks.ws.useWSDetailsPage(t, tenantId, applicationNobyData, applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("SW") ? "SEWERAGE" : "WATER", user),
32017
32148
  isAppDetailsLoading = _Digit$Hooks$ws$useWS.isLoading,
32018
32149
  appDetailsData = _Digit$Hooks$ws$useWS.data;
@@ -32164,16 +32295,13 @@ const WSApplicationDetails = () => {
32164
32295
  let serviceType = data && data !== null && data !== void 0 && (_data$WaterConnection45 = data.WaterConnection) !== null && _data$WaterConnection45 !== void 0 && _data$WaterConnection45[0] ? "WATER" : "SEWERAGE";
32165
32296
  sessionStorage.setItem("ApplicationNoState", applicationNobyData);
32166
32297
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
32167
- className: "employee-main-application-details",
32168
- style: {
32169
- display: "flex",
32170
- gap: "20px"
32171
- }
32298
+ className: "employee-main-application-details"
32172
32299
  }, /*#__PURE__*/React__default.createElement("div", {
32173
32300
  className: "workflow-timeline-wrapper no-scrollbar",
32174
32301
  style: {
32175
- flex: "1 1 300px",
32176
- maxWidth: "400px"
32302
+ flex: "1 1 280px",
32303
+ maxWidth: "400px",
32304
+ minWidth: "240px"
32177
32305
  }
32178
32306
  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement("div", {
32179
32307
  id: "timeline"
@@ -32183,7 +32311,8 @@ const WSApplicationDetails = () => {
32183
32311
  paymentbuttonenabled: false
32184
32312
  })))), /*#__PURE__*/React__default.createElement("div", {
32185
32313
  style: {
32186
- flex: "2 1 500px"
32314
+ flex: "2 1 300px",
32315
+ minWidth: 0
32187
32316
  }
32188
32317
  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement("div", {
32189
32318
  className: "cardHeaderWithOptions",
@@ -32673,27 +32802,28 @@ const WSApplicationDetails = () => {
32673
32802
  label: t("MAKE_PAYMENT")
32674
32803
  })) : null, !(data !== null && data !== void 0 && (_data$WaterConnection151 = data.WaterConnection) !== null && _data$WaterConnection151 !== void 0 && (_data$WaterConnection152 = _data$WaterConnection151[0]) !== null && _data$WaterConnection152 !== void 0 && _data$WaterConnection152.applicationType.includes("DISCONNECT")) && data !== null && data !== void 0 && (_data$WaterConnection153 = data.WaterConnection) !== null && _data$WaterConnection153 !== void 0 && (_data$WaterConnection154 = _data$WaterConnection153[0]) !== null && _data$WaterConnection154 !== void 0 && _data$WaterConnection154.applicationStatus.includes("PENDING_FOR_CITIZEN_ACTION") || !(data !== null && data !== void 0 && (_data$SewerageConnect146 = data.SewerageConnections) !== null && _data$SewerageConnect146 !== void 0 && (_data$SewerageConnect147 = _data$SewerageConnect146[0]) !== null && _data$SewerageConnect147 !== void 0 && _data$SewerageConnect147.applicationType.includes("DISCONNECT")) && data !== null && data !== void 0 && (_data$SewerageConnect148 = data.SewerageConnections) !== null && _data$SewerageConnect148 !== void 0 && (_data$SewerageConnect149 = _data$SewerageConnect148[0]) !== null && _data$SewerageConnect149 !== void 0 && _data$SewerageConnect149.applicationStatus.includes("PENDING_FOR_CITIZEN_ACTION") ? /*#__PURE__*/React__default.createElement(reactRouterDom.Link, {
32675
32804
  to: {
32676
- pathname: "/digit-ui/citizen/ws/edit-application/" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection155 = data.WaterConnection) === null || _data$WaterConnection155 === void 0 ? void 0 : (_data$WaterConnection156 = _data$WaterConnection155[0]) === null || _data$WaterConnection156 === void 0 ? void 0 : _data$WaterConnection156.tenantId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect150 = data.SewerageConnections) === null || _data$SewerageConnect150 === void 0 ? void 0 : (_data$SewerageConnect151 = _data$SewerageConnect150[0]) === null || _data$SewerageConnect151 === void 0 ? void 0 : _data$SewerageConnect151.tenantId)),
32805
+ 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)),
32806
+ search: isMutation ? "?applicationNumber=" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection157 = data.WaterConnection) === null || _data$WaterConnection157 === void 0 ? void 0 : (_data$WaterConnection158 = _data$WaterConnection157[0]) === null || _data$WaterConnection158 === void 0 ? void 0 : _data$WaterConnection158.applicationNo) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect152 = data.SewerageConnections) === null || _data$SewerageConnect152 === void 0 ? void 0 : (_data$SewerageConnect153 = _data$SewerageConnect152[0]) === null || _data$SewerageConnect153 === void 0 ? void 0 : _data$SewerageConnect153.applicationNo)) + "&tenantId=" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection159 = data.WaterConnection) === null || _data$WaterConnection159 === void 0 ? void 0 : (_data$WaterConnection160 = _data$WaterConnection159[0]) === null || _data$WaterConnection160 === void 0 ? void 0 : _data$WaterConnection160.tenantId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect154 = data.SewerageConnections) === null || _data$SewerageConnect154 === void 0 ? void 0 : (_data$SewerageConnect155 = _data$SewerageConnect154[0]) === null || _data$SewerageConnect155 === void 0 ? void 0 : _data$SewerageConnect155.tenantId)) + "&service=" + (data !== null && data !== void 0 && (_data$WaterConnection161 = data.WaterConnection) !== null && _data$WaterConnection161 !== void 0 && _data$WaterConnection161[0] ? "WATER" : "SEWERAGE") + "&propertyId=" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection162 = data.WaterConnection) === null || _data$WaterConnection162 === void 0 ? void 0 : (_data$WaterConnection163 = _data$WaterConnection162[0]) === null || _data$WaterConnection163 === void 0 ? void 0 : _data$WaterConnection163.propertyId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect156 = data.SewerageConnections) === null || _data$SewerageConnect156 === void 0 ? void 0 : (_data$SewerageConnect157 = _data$SewerageConnect156[0]) === null || _data$SewerageConnect157 === void 0 ? void 0 : _data$SewerageConnect157.propertyId)) : "",
32677
32807
  state: {
32678
- id: "" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection157 = data.WaterConnection) === null || _data$WaterConnection157 === void 0 ? void 0 : (_data$WaterConnection158 = _data$WaterConnection157[0]) === null || _data$WaterConnection158 === void 0 ? void 0 : _data$WaterConnection158.applicationNo) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect152 = data.SewerageConnections) === null || _data$SewerageConnect152 === void 0 ? void 0 : (_data$SewerageConnect153 = _data$SewerageConnect152[0]) === null || _data$SewerageConnect153 === void 0 ? void 0 : _data$SewerageConnect153.applicationNo))
32808
+ id: "" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection164 = data.WaterConnection) === null || _data$WaterConnection164 === void 0 ? void 0 : (_data$WaterConnection165 = _data$WaterConnection164[0]) === null || _data$WaterConnection165 === void 0 ? void 0 : _data$WaterConnection165.applicationNo) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect158 = data.SewerageConnections) === null || _data$SewerageConnect158 === void 0 ? void 0 : (_data$SewerageConnect159 = _data$SewerageConnect158[0]) === null || _data$SewerageConnect159 === void 0 ? void 0 : _data$SewerageConnect159.applicationNo))
32679
32809
  }
32680
32810
  }
32681
32811
  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
32682
32812
  label: t("COMMON_EDIT")
32683
- })) : null, data !== null && data !== void 0 && (_data$WaterConnection159 = data.WaterConnection) !== null && _data$WaterConnection159 !== void 0 && (_data$WaterConnection160 = _data$WaterConnection159[0]) !== null && _data$WaterConnection160 !== void 0 && _data$WaterConnection160.applicationType.includes("DISCONNECT") && data !== null && data !== void 0 && (_data$WaterConnection161 = data.WaterConnection) !== null && _data$WaterConnection161 !== void 0 && (_data$WaterConnection162 = _data$WaterConnection161[0]) !== null && _data$WaterConnection162 !== void 0 && _data$WaterConnection162.applicationStatus.includes("PENDING_FOR_CITIZEN_ACTION") || data !== null && data !== void 0 && (_data$SewerageConnect154 = data.SewerageConnections) !== null && _data$SewerageConnect154 !== void 0 && (_data$SewerageConnect155 = _data$SewerageConnect154[0]) !== null && _data$SewerageConnect155 !== void 0 && _data$SewerageConnect155.applicationType.includes("DISCONNECT") && data !== null && data !== void 0 && (_data$SewerageConnect156 = data.SewerageConnections) !== null && _data$SewerageConnect156 !== void 0 && (_data$SewerageConnect157 = _data$SewerageConnect156[0]) !== null && _data$SewerageConnect157 !== void 0 && _data$SewerageConnect157.applicationStatus.includes("PENDING_FOR_CITIZEN_ACTION") ? /*#__PURE__*/React__default.createElement(reactRouterDom.Link, {
32813
+ })) : null, data !== null && data !== void 0 && (_data$WaterConnection166 = data.WaterConnection) !== null && _data$WaterConnection166 !== void 0 && (_data$WaterConnection167 = _data$WaterConnection166[0]) !== null && _data$WaterConnection167 !== void 0 && _data$WaterConnection167.applicationType.includes("DISCONNECT") && data !== null && data !== void 0 && (_data$WaterConnection168 = data.WaterConnection) !== null && _data$WaterConnection168 !== void 0 && (_data$WaterConnection169 = _data$WaterConnection168[0]) !== null && _data$WaterConnection169 !== void 0 && _data$WaterConnection169.applicationStatus.includes("PENDING_FOR_CITIZEN_ACTION") || data !== null && data !== void 0 && (_data$SewerageConnect160 = data.SewerageConnections) !== null && _data$SewerageConnect160 !== void 0 && (_data$SewerageConnect161 = _data$SewerageConnect160[0]) !== null && _data$SewerageConnect161 !== void 0 && _data$SewerageConnect161.applicationType.includes("DISCONNECT") && data !== null && data !== void 0 && (_data$SewerageConnect162 = data.SewerageConnections) !== null && _data$SewerageConnect162 !== void 0 && (_data$SewerageConnect163 = _data$SewerageConnect162[0]) !== null && _data$SewerageConnect163 !== void 0 && _data$SewerageConnect163.applicationStatus.includes("PENDING_FOR_CITIZEN_ACTION") ? /*#__PURE__*/React__default.createElement(reactRouterDom.Link, {
32684
32814
  to: {
32685
32815
  pathname: "/digit-ui/citizen/ws/resubmit-disconnect-application",
32686
32816
  state: {
32687
- id: "" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection163 = data.WaterConnection) === null || _data$WaterConnection163 === void 0 ? void 0 : (_data$WaterConnection164 = _data$WaterConnection163[0]) === null || _data$WaterConnection164 === void 0 ? void 0 : _data$WaterConnection164.applicationNo) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect158 = data.SewerageConnections) === null || _data$SewerageConnect158 === void 0 ? void 0 : (_data$SewerageConnect159 = _data$SewerageConnect158[0]) === null || _data$SewerageConnect159 === void 0 ? void 0 : _data$SewerageConnect159.applicationNo))
32817
+ id: "" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection170 = data.WaterConnection) === null || _data$WaterConnection170 === void 0 ? void 0 : (_data$WaterConnection171 = _data$WaterConnection170[0]) === null || _data$WaterConnection171 === void 0 ? void 0 : _data$WaterConnection171.applicationNo) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect164 = data.SewerageConnections) === null || _data$SewerageConnect164 === void 0 ? void 0 : (_data$SewerageConnect165 = _data$SewerageConnect164[0]) === null || _data$SewerageConnect165 === void 0 ? void 0 : _data$SewerageConnect165.applicationNo))
32688
32818
  }
32689
32819
  }
32690
32820
  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
32691
32821
  label: t("RESUBMIT_APPLICATION"),
32692
32822
  onSubmit: Digit.SessionStorage.set("WS_DISCONNECTION", applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("SW") ? {
32693
- applicationData: data === null || data === void 0 ? void 0 : (_data$SewerageConnect160 = data.SewerageConnections) === null || _data$SewerageConnect160 === void 0 ? void 0 : _data$SewerageConnect160[0],
32823
+ applicationData: data === null || data === void 0 ? void 0 : (_data$SewerageConnect166 = data.SewerageConnections) === null || _data$SewerageConnect166 === void 0 ? void 0 : _data$SewerageConnect166[0],
32694
32824
  serviceType: "SEWERAGE",
32695
32825
  WSDisconnectionForm: {
32696
- type: data !== null && data !== void 0 && (_data$SewerageConnect161 = data.SewerageConnections) !== null && _data$SewerageConnect161 !== void 0 && (_data$SewerageConnect162 = _data$SewerageConnect161[0]) !== null && _data$SewerageConnect162 !== void 0 && _data$SewerageConnect162.isDisconnectionTemporary ? {
32826
+ type: data !== null && data !== void 0 && (_data$SewerageConnect167 = data.SewerageConnections) !== null && _data$SewerageConnect167 !== void 0 && (_data$SewerageConnect168 = _data$SewerageConnect167[0]) !== null && _data$SewerageConnect168 !== void 0 && _data$SewerageConnect168.isDisconnectionTemporary ? {
32697
32827
  code: "type",
32698
32828
  value: {
32699
32829
  name: "Temporary",
@@ -32710,18 +32840,18 @@ const WSApplicationDetails = () => {
32710
32840
  code: "Permanent"
32711
32841
  }
32712
32842
  },
32713
- date: convertEpochToDateDMY(data === null || data === void 0 ? void 0 : (_data$SewerageConnect163 = data.SewerageConnections) === null || _data$SewerageConnect163 === void 0 ? void 0 : (_data$SewerageConnect164 = _data$SewerageConnect163[0]) === null || _data$SewerageConnect164 === void 0 ? void 0 : _data$SewerageConnect164.dateEffectiveFrom, true),
32843
+ date: convertEpochToDateDMY(data === null || data === void 0 ? void 0 : (_data$SewerageConnect169 = data.SewerageConnections) === null || _data$SewerageConnect169 === void 0 ? void 0 : (_data$SewerageConnect170 = _data$SewerageConnect169[0]) === null || _data$SewerageConnect170 === void 0 ? void 0 : _data$SewerageConnect170.dateEffectiveFrom, true),
32714
32844
  reason: {
32715
32845
  code: "reason",
32716
- value: data === null || data === void 0 ? void 0 : (_data$SewerageConnect165 = data.SewerageConnections) === null || _data$SewerageConnect165 === void 0 ? void 0 : (_data$SewerageConnect166 = _data$SewerageConnect165[0]) === null || _data$SewerageConnect166 === void 0 ? void 0 : _data$SewerageConnect166.disconnectionReason
32846
+ value: data === null || data === void 0 ? void 0 : (_data$SewerageConnect171 = data.SewerageConnections) === null || _data$SewerageConnect171 === void 0 ? void 0 : (_data$SewerageConnect172 = _data$SewerageConnect171[0]) === null || _data$SewerageConnect172 === void 0 ? void 0 : _data$SewerageConnect172.disconnectionReason
32717
32847
  },
32718
- documents: data === null || data === void 0 ? void 0 : (_data$SewerageConnect167 = data.SewerageConnections) === null || _data$SewerageConnect167 === void 0 ? void 0 : (_data$SewerageConnect168 = _data$SewerageConnect167[0]) === null || _data$SewerageConnect168 === void 0 ? void 0 : _data$SewerageConnect168.documents
32848
+ documents: data === null || data === void 0 ? void 0 : (_data$SewerageConnect173 = data.SewerageConnections) === null || _data$SewerageConnect173 === void 0 ? void 0 : (_data$SewerageConnect174 = _data$SewerageConnect173[0]) === null || _data$SewerageConnect174 === void 0 ? void 0 : _data$SewerageConnect174.documents
32719
32849
  }
32720
32850
  } : {
32721
- applicationData: data === null || data === void 0 ? void 0 : (_data$WaterConnection165 = data.WaterConnection) === null || _data$WaterConnection165 === void 0 ? void 0 : _data$WaterConnection165[0],
32851
+ applicationData: data === null || data === void 0 ? void 0 : (_data$WaterConnection172 = data.WaterConnection) === null || _data$WaterConnection172 === void 0 ? void 0 : _data$WaterConnection172[0],
32722
32852
  serviceType: "WATER",
32723
32853
  WSDisconnectionForm: {
32724
- type: data !== null && data !== void 0 && (_data$WaterConnection166 = data.WaterConnection) !== null && _data$WaterConnection166 !== void 0 && (_data$WaterConnection167 = _data$WaterConnection166[0]) !== null && _data$WaterConnection167 !== void 0 && _data$WaterConnection167.isDisconnectionTemporary ? {
32854
+ type: data !== null && data !== void 0 && (_data$WaterConnection173 = data.WaterConnection) !== null && _data$WaterConnection173 !== void 0 && (_data$WaterConnection174 = _data$WaterConnection173[0]) !== null && _data$WaterConnection174 !== void 0 && _data$WaterConnection174.isDisconnectionTemporary ? {
32725
32855
  code: "type",
32726
32856
  value: {
32727
32857
  name: "Temporary",
@@ -32738,12 +32868,12 @@ const WSApplicationDetails = () => {
32738
32868
  code: "Permanent"
32739
32869
  }
32740
32870
  },
32741
- date: convertEpochToDateDMY(data === null || data === void 0 ? void 0 : (_data$WaterConnection168 = data.WaterConnection) === null || _data$WaterConnection168 === void 0 ? void 0 : (_data$WaterConnection169 = _data$WaterConnection168[0]) === null || _data$WaterConnection169 === void 0 ? void 0 : _data$WaterConnection169.dateEffectiveFrom, true),
32871
+ date: convertEpochToDateDMY(data === null || data === void 0 ? void 0 : (_data$WaterConnection175 = data.WaterConnection) === null || _data$WaterConnection175 === void 0 ? void 0 : (_data$WaterConnection176 = _data$WaterConnection175[0]) === null || _data$WaterConnection176 === void 0 ? void 0 : _data$WaterConnection176.dateEffectiveFrom, true),
32742
32872
  reason: {
32743
32873
  code: "reason",
32744
- value: data === null || data === void 0 ? void 0 : (_data$WaterConnection170 = data.WaterConnection) === null || _data$WaterConnection170 === void 0 ? void 0 : (_data$WaterConnection171 = _data$WaterConnection170[0]) === null || _data$WaterConnection171 === void 0 ? void 0 : _data$WaterConnection171.disconnectionReason
32874
+ value: data === null || data === void 0 ? void 0 : (_data$WaterConnection177 = data.WaterConnection) === null || _data$WaterConnection177 === void 0 ? void 0 : (_data$WaterConnection178 = _data$WaterConnection177[0]) === null || _data$WaterConnection178 === void 0 ? void 0 : _data$WaterConnection178.disconnectionReason
32745
32875
  },
32746
- documents: data === null || data === void 0 ? void 0 : (_data$WaterConnection172 = data.WaterConnection) === null || _data$WaterConnection172 === void 0 ? void 0 : (_data$WaterConnection173 = _data$WaterConnection172[0]) === null || _data$WaterConnection173 === void 0 ? void 0 : _data$WaterConnection173.documents
32876
+ documents: data === null || data === void 0 ? void 0 : (_data$WaterConnection179 = data.WaterConnection) === null || _data$WaterConnection179 === void 0 ? void 0 : (_data$WaterConnection180 = _data$WaterConnection179[0]) === null || _data$WaterConnection180 === void 0 ? void 0 : _data$WaterConnection180.documents
32747
32877
  }
32748
32878
  })
32749
32879
  })) : null)))));
@@ -33086,7 +33216,7 @@ const getConnectionDetailsPDF = function (application, property, tenantInfo, t)
33086
33216
  };
33087
33217
 
33088
33218
  const ConnectionDetails$5 = () => {
33089
- var _Digit$SessionStorage, _user$info, _data$SewerageConnect, _data$SewerageConnect2, _data$WaterConnection, _data$WaterConnection2, _Object$keys, _connectionData$Water, _connectionData$Sewer, _data$WaterConnection3, _data$WaterConnection4, _data$WaterConnection5, _data$WaterConnection6, _data$WaterConnection7, _data$WaterConnection8, _data$WaterConnection9, _data$WaterConnection0, _data$SewerageConnect3, _data$SewerageConnect4, _data$SewerageConnect5, _data$SewerageConnect6, _state, _state$applicationNo, _state2, _state5, _state6, _state6$applicationTy, _state7, _state8, _state9, _state0, _state0$applicationTy, _state1, _state10, _state11, _state12, _state12$applicationT, _state13, _state14, _state15, _state16, _state17, _state17$applicationT, _state18, _state18$waterSource, _state18$waterSource$, _state19, _state20, _state20$waterSource, _state20$waterSource$, _state21, _state22, _state23, _state24, _state24$additionalDe, _state25, _state25$applicationT, _state26, _state26$additionalDe, _state26$additionalDe2, _state27, _state27$additionalDe, _state27$additionalDe2, _state28, _state28$additionalDe, _state29, _state29$additionalDe, _state30, _state30$additionalDe, _state30$additionalDe2, _state31, _state31$additionalDe, _state32, _state33, _state34, _state35, _state35$property, _state35$property$own, _PTData$Properties2, _PTData$Properties2$, _PTData$Properties3, _PTData$Properties3$, _PTData$Properties3$$, _PTData$Properties3$$2, _PTData$Properties4, _PTData$Properties4$, _user$info2, _user$info2$userName, _user$info3, _user$info4, _state36, _state36$additionalDe, _state36$additionalDe2, _state37, _state37$additionalDe, _state37$additionalDe2, _state38, _state38$additionalDe, _state39, _state39$additionalDe, _state40, _state40$additionalDe, _state41, _state41$additionalDe, _state42, _state42$additionalDe, _state43, _state44, _state45, _state46, _state46$connectionHo, _state46$connectionHo2, _data$WaterConnection16, _data$WaterConnection17, _data$WaterConnection18, _data$WaterConnection19, _data$SewerageConnect0, _data$SewerageConnect1, _data$SewerageConnect10, _data$SewerageConnect11, _data$WaterConnection20, _data$WaterConnection21, _data$WaterConnection22, _data$WaterConnection23, _data$SewerageConnect12, _data$SewerageConnect13, _data$SewerageConnect14, _data$SewerageConnect15, _data$WaterConnection24, _data$WaterConnection25, _data$WaterConnection26, _data$WaterConnection27, _data$SewerageConnect16, _data$SewerageConnect17, _data$SewerageConnect18, _data$SewerageConnect19, _data$WaterConnection28, _data$WaterConnection29, _data$WaterConnection30, _data$WaterConnection31, _data$SewerageConnect20, _data$SewerageConnect21, _data$SewerageConnect22, _data$SewerageConnect23, _data$WaterConnection32, _data$WaterConnection33, _data$WaterConnection34, _data$WaterConnection35, _data$SewerageConnect24, _data$SewerageConnect25, _data$SewerageConnect26, _data$SewerageConnect27, _data$WaterConnection36, _data$WaterConnection37, _data$WaterConnection38, _data$WaterConnection39, _data$SewerageConnect28, _data$SewerageConnect29, _data$SewerageConnect30, _data$SewerageConnect31, _data$WaterConnection40, _data$WaterConnection41, _data$WaterConnection42, _data$WaterConnection43, _data$SewerageConnect32, _data$SewerageConnect33, _data$SewerageConnect34, _data$SewerageConnect35, _data$WaterConnection44, _data$WaterConnection45, _data$WaterConnection46, _data$WaterConnection47, _data$SewerageConnect36, _data$SewerageConnect37, _data$SewerageConnect38, _data$SewerageConnect39, _data$WaterConnection48, _data$WaterConnection49, _data$WaterConnection50, _data$WaterConnection51, _data$SewerageConnect40, _data$SewerageConnect41, _data$SewerageConnect42, _data$SewerageConnect43, _data$WaterConnection52, _data$WaterConnection53, _data$WaterConnection54, _data$WaterConnection55, _data$SewerageConnect44, _data$SewerageConnect45, _data$SewerageConnect46, _data$SewerageConnect47, _state47, _state47$additionalDe, _state48, _state48$additionalDe, _state49, _state49$additionalDe, _state50, _state50$additionalDe, _state51, _state51$additionalDe, _state52, _state53, _state56, _state57, _state58, _state59, _state60, _state61, _paymentDetails$data17, _paymentDetails$data18;
33219
+ var _Digit$SessionStorage, _user$info, _data$SewerageConnect, _data$SewerageConnect2, _data$WaterConnection, _data$WaterConnection2, _Object$keys, _connectionData$Water, _connectionData$Sewer, _data$WaterConnection3, _data$WaterConnection4, _data$WaterConnection5, _data$WaterConnection6, _data$WaterConnection7, _data$WaterConnection8, _data$WaterConnection9, _data$WaterConnection0, _data$SewerageConnect3, _data$SewerageConnect4, _data$SewerageConnect5, _data$SewerageConnect6, _state, _state$applicationNo, _state2, _state3, _state4, _state4$applicationTy, _state5, _state6, _state7, _state8, _state8$applicationTy, _state9, _state0, _state1, _state10, _state10$applicationT, _state11, _state12, _state13, _state14, _state15, _state15$applicationT, _state16, _state16$waterSource, _state16$waterSource$, _state17, _state18, _state18$waterSource, _state18$waterSource$, _state19, _state20, _state21, _state22, _state22$additionalDe, _state23, _state23$applicationT, _state24, _state24$additionalDe, _state24$additionalDe2, _state25, _state25$additionalDe, _state25$additionalDe2, _state26, _state26$additionalDe, _state27, _state27$additionalDe, _state28, _state28$additionalDe, _state28$additionalDe2, _state29, _state29$additionalDe, _state30, _state31, _state32, _state33, _state33$property, _state33$property$own, _PTData$Properties2, _PTData$Properties2$, _PTData$Properties3, _PTData$Properties3$, _PTData$Properties3$$, _PTData$Properties3$$2, _PTData$Properties4, _PTData$Properties4$, _user$info2, _user$info2$userName, _user$info3, _user$info4, _state34, _state34$additionalDe, _state34$additionalDe2, _state35, _state35$additionalDe, _state35$additionalDe2, _state36, _state36$additionalDe, _state37, _state37$additionalDe, _state38, _state38$additionalDe, _state39, _state39$additionalDe, _state40, _state40$additionalDe, _state41, _state42, _state43, _state44, _state44$connectionHo, _state44$connectionHo2, _data$WaterConnection16, _data$WaterConnection17, _data$WaterConnection18, _data$WaterConnection19, _data$SewerageConnect0, _data$SewerageConnect1, _data$SewerageConnect10, _data$SewerageConnect11, _data$WaterConnection20, _data$WaterConnection21, _data$WaterConnection22, _data$WaterConnection23, _data$SewerageConnect12, _data$SewerageConnect13, _data$SewerageConnect14, _data$SewerageConnect15, _data$WaterConnection24, _data$WaterConnection25, _data$WaterConnection26, _data$WaterConnection27, _data$SewerageConnect16, _data$SewerageConnect17, _data$SewerageConnect18, _data$SewerageConnect19, _data$WaterConnection28, _data$WaterConnection29, _data$WaterConnection30, _data$WaterConnection31, _data$SewerageConnect20, _data$SewerageConnect21, _data$SewerageConnect22, _data$SewerageConnect23, _data$WaterConnection32, _data$WaterConnection33, _data$WaterConnection34, _data$WaterConnection35, _data$SewerageConnect24, _data$SewerageConnect25, _data$SewerageConnect26, _data$SewerageConnect27, _data$WaterConnection36, _data$WaterConnection37, _data$WaterConnection38, _data$WaterConnection39, _data$SewerageConnect28, _data$SewerageConnect29, _data$SewerageConnect30, _data$SewerageConnect31, _data$WaterConnection40, _data$WaterConnection41, _data$WaterConnection42, _data$WaterConnection43, _data$SewerageConnect32, _data$SewerageConnect33, _data$SewerageConnect34, _data$SewerageConnect35, _data$WaterConnection44, _data$WaterConnection45, _data$WaterConnection46, _data$WaterConnection47, _data$SewerageConnect36, _data$SewerageConnect37, _data$SewerageConnect38, _data$SewerageConnect39, _data$WaterConnection48, _data$WaterConnection49, _data$WaterConnection50, _data$WaterConnection51, _data$SewerageConnect40, _data$SewerageConnect41, _data$SewerageConnect42, _data$SewerageConnect43, _data$WaterConnection52, _data$WaterConnection53, _data$WaterConnection54, _data$WaterConnection55, _data$SewerageConnect44, _data$SewerageConnect45, _data$SewerageConnect46, _data$SewerageConnect47, _state45, _state45$additionalDe, _state46, _state46$additionalDe, _state47, _state47$additionalDe, _state48, _state48$additionalDe, _state49, _state49$additionalDe, _state50, _state51, _state54, _state55, _state56, _state57, _state58, _state59, _paymentDetails$data17, _paymentDetails$data18;
33090
33220
  const _useTranslation = reactI18next.useTranslation(),
33091
33221
  t = _useTranslation.t;
33092
33222
  const menuRef = React.useRef();
@@ -33329,11 +33459,6 @@ const ConnectionDetails$5 = () => {
33329
33459
  function onActionSelectRestoration() {
33330
33460
  getRestorationButton();
33331
33461
  }
33332
- function onActionSelectMutation() {
33333
- var _state3, _state4;
33334
- let pathname = "/digit-ui/citizen/ws/mutation-application?applicationNumber=" + ((_state3 = state) === null || _state3 === void 0 ? void 0 : _state3.connectionNo) + "&service=" + (isSW ? "SEWERAGE" : "WATER") + "&propertyId=" + ((_state4 = state) === null || _state4 === void 0 ? void 0 : _state4.propertyId) + "&from=WS_COMMON_CONNECTION_DETAIL";
33335
- history.push(pathname);
33336
- }
33337
33462
  const Close = () => /*#__PURE__*/React__default.createElement("svg", {
33338
33463
  xmlns: "http://www.w3.org/2000/svg",
33339
33464
  viewBox: "0 0 24 24",
@@ -33361,8 +33486,8 @@ const ConnectionDetails$5 = () => {
33361
33486
  if (isLoading || isPTLoading) {
33362
33487
  return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null);
33363
33488
  }
33364
- sessionStorage.setItem("ApplicationNoState", (_state5 = state) === null || _state5 === void 0 ? void 0 : _state5.applicationNo);
33365
- let serviceType = (_state6 = state) !== null && _state6 !== void 0 && (_state6$applicationTy = _state6.applicationType) !== null && _state6$applicationTy !== void 0 && _state6$applicationTy.includes("WATER") ? "WATER" : "SEWERAGE";
33489
+ sessionStorage.setItem("ApplicationNoState", (_state3 = state) === null || _state3 === void 0 ? void 0 : _state3.applicationNo);
33490
+ let serviceType = (_state4 = state) !== null && _state4 !== void 0 && (_state4$applicationTy = _state4.applicationType) !== null && _state4$applicationTy !== void 0 && _state4$applicationTy.includes("WATER") ? "WATER" : "SEWERAGE";
33366
33491
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
33367
33492
  className: "cardHeaderWithOptions",
33368
33493
  style: {
@@ -33386,18 +33511,18 @@ const ConnectionDetails$5 = () => {
33386
33511
  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33387
33512
  className: "border-none",
33388
33513
  label: t("WS_MYCONNECTIONS_CONSUMER_NO"),
33389
- text: (_state7 = state) === null || _state7 === void 0 ? void 0 : _state7.connectionNo
33514
+ text: (_state5 = state) === null || _state5 === void 0 ? void 0 : _state5.connectionNo
33390
33515
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33391
33516
  className: "border-none",
33392
33517
  label: t("WS_SERVICE_NAME_LABEL"),
33393
- text: t("WS_APPLICATION_TYPE_" + ((_state8 = state) === null || _state8 === void 0 ? void 0 : _state8.applicationType)),
33518
+ text: t("WS_APPLICATION_TYPE_" + ((_state6 = state) === null || _state6 === void 0 ? void 0 : _state6.applicationType)),
33394
33519
  textStyle: {
33395
33520
  wordBreak: "break-word"
33396
33521
  }
33397
33522
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33398
33523
  className: "border-none",
33399
33524
  label: t("WS_STATUS"),
33400
- text: ((_state9 = state) === null || _state9 === void 0 ? void 0 : _state9.status) || "NA",
33525
+ text: ((_state7 = state) === null || _state7 === void 0 ? void 0 : _state7.status) || "NA",
33401
33526
  textStyle: {
33402
33527
  whiteSpace: "pre"
33403
33528
  }
@@ -33405,127 +33530,127 @@ const ConnectionDetails$5 = () => {
33405
33530
  styles: {
33406
33531
  fontSize: "28px"
33407
33532
  }
33408
- }, t("WS_COMMON_CONNECTION_DETAIL")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, ((_state0 = state) === null || _state0 === void 0 ? void 0 : (_state0$applicationTy = _state0.applicationType) === null || _state0$applicationTy === void 0 ? void 0 : _state0$applicationTy.includes("WATER")) && /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33533
+ }, t("WS_COMMON_CONNECTION_DETAIL")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, ((_state8 = state) === null || _state8 === void 0 ? void 0 : (_state8$applicationTy = _state8.applicationType) === null || _state8$applicationTy === void 0 ? void 0 : _state8$applicationTy.includes("WATER")) && /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33409
33534
  className: "border-none",
33410
33535
  label: t("WS_COMMON_TABLE_COL_CONNECTIONTYPE_LABEL"),
33411
- text: ((_state1 = state) === null || _state1 === void 0 ? void 0 : _state1.connectionType) || t("NA"),
33536
+ text: ((_state9 = state) === null || _state9 === void 0 ? void 0 : _state9.connectionType) || t("NA"),
33412
33537
  textStyle: {
33413
33538
  whiteSpace: "pre"
33414
33539
  }
33415
33540
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33416
33541
  className: "border-none",
33417
33542
  label: t("WS_SERV_DETAIL_NO_OF_TAPS"),
33418
- text: (_state10 = state) === null || _state10 === void 0 ? void 0 : _state10.noOfTaps,
33543
+ text: (_state0 = state) === null || _state0 === void 0 ? void 0 : _state0.noOfTaps,
33419
33544
  textStyle: {
33420
33545
  whiteSpace: "pre"
33421
33546
  }
33422
33547
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33423
33548
  className: "border-none",
33424
33549
  label: t("WS_PIPE_SIZE_IN_INCHES_LABEL"),
33425
- text: ((_state11 = state) === null || _state11 === void 0 ? void 0 : _state11.pipeSize) || "NA",
33550
+ text: ((_state1 = state) === null || _state1 === void 0 ? void 0 : _state1.pipeSize) || "NA",
33426
33551
  textStyle: {
33427
33552
  whiteSpace: "pre"
33428
33553
  }
33429
- })), ((_state12 = state) === null || _state12 === void 0 ? void 0 : (_state12$applicationT = _state12.applicationType) === null || _state12$applicationT === void 0 ? void 0 : _state12$applicationT.includes("SEWERAGE")) && /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33554
+ })), ((_state10 = state) === null || _state10 === void 0 ? void 0 : (_state10$applicationT = _state10.applicationType) === null || _state10$applicationT === void 0 ? void 0 : _state10$applicationT.includes("SEWERAGE")) && /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33430
33555
  className: "border-none",
33431
33556
  label: t("WS_CONN_DETAIL_WATER_CLOSETS"),
33432
- text: (_state13 = state) === null || _state13 === void 0 ? void 0 : _state13.proposedWaterClosets,
33557
+ text: (_state11 = state) === null || _state11 === void 0 ? void 0 : _state11.proposedWaterClosets,
33433
33558
  textStyle: {
33434
33559
  whiteSpace: "pre"
33435
33560
  }
33436
33561
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33437
33562
  className: "border-none",
33438
33563
  label: t("WS_SERV_DETAIL_NO_OF_TOILETS"),
33439
- text: ((_state14 = state) === null || _state14 === void 0 ? void 0 : _state14.proposedToilets) || t("CS_NA"),
33564
+ text: ((_state12 = state) === null || _state12 === void 0 ? void 0 : _state12.proposedToilets) || t("CS_NA"),
33440
33565
  textStyle: {
33441
33566
  whiteSpace: "pre"
33442
33567
  }
33443
33568
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33444
33569
  className: "border-none",
33445
33570
  label: t("WS_SERV_DETAIL_CONN_EXECUTION_DATE"),
33446
- text: (_state15 = state) !== null && _state15 !== void 0 && _state15.connectionExecutionDate ? Digit.DateUtils.ConvertEpochToDate((_state16 = state) === null || _state16 === void 0 ? void 0 : _state16.connectionExecutionDate) : t("CS_NA"),
33571
+ text: (_state13 = state) !== null && _state13 !== void 0 && _state13.connectionExecutionDate ? Digit.DateUtils.ConvertEpochToDate((_state14 = state) === null || _state14 === void 0 ? void 0 : _state14.connectionExecutionDate) : t("CS_NA"),
33447
33572
  textStyle: {
33448
33573
  whiteSpace: "pre"
33449
33574
  }
33450
- })), ((_state17 = state) === null || _state17 === void 0 ? void 0 : (_state17$applicationT = _state17.applicationType) === null || _state17$applicationT === void 0 ? void 0 : _state17$applicationT.includes("WATER")) && /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33575
+ })), ((_state15 = state) === null || _state15 === void 0 ? void 0 : (_state15$applicationT = _state15.applicationType) === null || _state15$applicationT === void 0 ? void 0 : _state15$applicationT.includes("WATER")) && /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33451
33576
  className: "border-none",
33452
33577
  label: t("WS_SERV_DETAIL_WATER_SOURCE"),
33453
- text: t("WS_SERVICES_MASTERS_WATERSOURCE_" + stringReplaceAll((_state18 = state) === null || _state18 === void 0 ? void 0 : (_state18$waterSource = _state18.waterSource) === null || _state18$waterSource === void 0 ? void 0 : (_state18$waterSource$ = _state18$waterSource.split(".")) === null || _state18$waterSource$ === void 0 ? void 0 : _state18$waterSource$[0], ".", "_")) || t("WS_SERVICES_MASTERS_WATERSOURCE_" + stringReplaceAll((_state19 = state) === null || _state19 === void 0 ? void 0 : _state19.waterSource, ".", "_")) || t("CS_NA"),
33578
+ text: t("WS_SERVICES_MASTERS_WATERSOURCE_" + stringReplaceAll((_state16 = state) === null || _state16 === void 0 ? void 0 : (_state16$waterSource = _state16.waterSource) === null || _state16$waterSource === void 0 ? void 0 : (_state16$waterSource$ = _state16$waterSource.split(".")) === null || _state16$waterSource$ === void 0 ? void 0 : _state16$waterSource$[0], ".", "_")) || t("WS_SERVICES_MASTERS_WATERSOURCE_" + stringReplaceAll((_state17 = state) === null || _state17 === void 0 ? void 0 : _state17.waterSource, ".", "_")) || t("CS_NA"),
33454
33579
  textStyle: {
33455
33580
  whiteSpace: "pre"
33456
33581
  }
33457
33582
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33458
33583
  className: "border-none",
33459
33584
  label: t("WS_SERV_DETAIL_WATER_SUB_SOURCE"),
33460
- text: t((_state20 = state) === null || _state20 === void 0 ? void 0 : (_state20$waterSource = _state20.waterSource) === null || _state20$waterSource === void 0 ? void 0 : (_state20$waterSource$ = _state20$waterSource.split(".")) === null || _state20$waterSource$ === void 0 ? void 0 : _state20$waterSource$[1]) || t("CS_NA"),
33585
+ text: t((_state18 = state) === null || _state18 === void 0 ? void 0 : (_state18$waterSource = _state18.waterSource) === null || _state18$waterSource === void 0 ? void 0 : (_state18$waterSource$ = _state18$waterSource.split(".")) === null || _state18$waterSource$ === void 0 ? void 0 : _state18$waterSource$[1]) || t("CS_NA"),
33461
33586
  textStyle: {
33462
33587
  whiteSpace: "pre"
33463
33588
  }
33464
33589
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33465
33590
  className: "border-none",
33466
33591
  label: t("WS_SERV_DETAIL_CONN_EXECUTION_DATE"),
33467
- text: Digit.DateUtils.ConvertEpochToDate((_state21 = state) === null || _state21 === void 0 ? void 0 : _state21.connectionExecutionDate) || t("NA"),
33592
+ text: Digit.DateUtils.ConvertEpochToDate((_state19 = state) === null || _state19 === void 0 ? void 0 : _state19.connectionExecutionDate) || t("NA"),
33468
33593
  textStyle: {
33469
33594
  whiteSpace: "pre"
33470
33595
  }
33471
33596
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33472
33597
  className: "border-none",
33473
33598
  label: t("WS_SERV_DETAIL_METER_ID"),
33474
- text: (_state22 = state) === null || _state22 === void 0 ? void 0 : _state22.meterId,
33599
+ text: (_state20 = state) === null || _state20 === void 0 ? void 0 : _state20.meterId,
33475
33600
  textStyle: {
33476
33601
  whiteSpace: "pre"
33477
33602
  }
33478
33603
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33479
33604
  className: "border-none",
33480
33605
  label: t("WS_ADDN_DETAIL_METER_INSTALL_DATE"),
33481
- text: Digit.DateUtils.ConvertEpochToDate((_state23 = state) === null || _state23 === void 0 ? void 0 : _state23.meterInstallationDate) || "NA",
33606
+ text: Digit.DateUtils.ConvertEpochToDate((_state21 = state) === null || _state21 === void 0 ? void 0 : _state21.meterInstallationDate) || "NA",
33482
33607
  textStyle: {
33483
33608
  whiteSpace: "pre"
33484
33609
  }
33485
33610
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33486
33611
  className: "border-none",
33487
33612
  label: t("WS_ADDN_DETAILS_INITIAL_METER_READING"),
33488
- text: ((_state24 = state) === null || _state24 === void 0 ? void 0 : (_state24$additionalDe = _state24.additionalDetails) === null || _state24$additionalDe === void 0 ? void 0 : _state24$additionalDe.initialMeterReading) || "NA",
33613
+ text: ((_state22 = state) === null || _state22 === void 0 ? void 0 : (_state22$additionalDe = _state22.additionalDetails) === null || _state22$additionalDe === void 0 ? void 0 : _state22$additionalDe.initialMeterReading) || "NA",
33489
33614
  textStyle: {
33490
33615
  whiteSpace: "pre"
33491
33616
  }
33492
- })), ((_state25 = state) === null || _state25 === void 0 ? void 0 : (_state25$applicationT = _state25.applicationType) === null || _state25$applicationT === void 0 ? void 0 : _state25$applicationT.includes("WATER")) && /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33617
+ })), ((_state23 = state) === null || _state23 === void 0 ? void 0 : (_state23$applicationT = _state23.applicationType) === null || _state23$applicationT === void 0 ? void 0 : _state23$applicationT.includes("WATER")) && /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33493
33618
  className: "border-none",
33494
33619
  label: t("WS_WATER_DEMAND_TYPE"),
33495
- text: (_state26 = state) !== null && _state26 !== void 0 && (_state26$additionalDe = _state26.additionalDetails) !== null && _state26$additionalDe !== void 0 && (_state26$additionalDe2 = _state26$additionalDe.waterDemandType) !== null && _state26$additionalDe2 !== void 0 && _state26$additionalDe2.i18nKey ? t((_state27 = state) === null || _state27 === void 0 ? void 0 : (_state27$additionalDe = _state27.additionalDetails) === null || _state27$additionalDe === void 0 ? void 0 : (_state27$additionalDe2 = _state27$additionalDe.waterDemandType) === null || _state27$additionalDe2 === void 0 ? void 0 : _state27$additionalDe2.i18nKey) : "NA",
33620
+ text: (_state24 = state) !== null && _state24 !== void 0 && (_state24$additionalDe = _state24.additionalDetails) !== null && _state24$additionalDe !== void 0 && (_state24$additionalDe2 = _state24$additionalDe.waterDemandType) !== null && _state24$additionalDe2 !== void 0 && _state24$additionalDe2.i18nKey ? t((_state25 = state) === null || _state25 === void 0 ? void 0 : (_state25$additionalDe = _state25.additionalDetails) === null || _state25$additionalDe === void 0 ? void 0 : (_state25$additionalDe2 = _state25$additionalDe.waterDemandType) === null || _state25$additionalDe2 === void 0 ? void 0 : _state25$additionalDe2.i18nKey) : "NA",
33496
33621
  textStyle: {
33497
33622
  whiteSpace: "pre"
33498
33623
  }
33499
33624
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33500
33625
  className: "border-none",
33501
33626
  label: t("WS_CATEGORY_TYPE"),
33502
- text: ((_state28 = state) === null || _state28 === void 0 ? void 0 : (_state28$additionalDe = _state28.additionalDetails) === null || _state28$additionalDe === void 0 ? void 0 : _state28$additionalDe.categoryType) || "NA",
33627
+ text: ((_state26 = state) === null || _state26 === void 0 ? void 0 : (_state26$additionalDe = _state26.additionalDetails) === null || _state26$additionalDe === void 0 ? void 0 : _state26$additionalDe.categoryType) || "NA",
33503
33628
  textStyle: {
33504
33629
  whiteSpace: "pre"
33505
33630
  }
33506
33631
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33507
33632
  className: "border-none",
33508
33633
  label: t("WS_ZRO_NAME"),
33509
- text: ((_state29 = state) === null || _state29 === void 0 ? void 0 : (_state29$additionalDe = _state29.additionalDetails) === null || _state29$additionalDe === void 0 ? void 0 : _state29$additionalDe.zro) || "NA",
33634
+ text: ((_state27 = state) === null || _state27 === void 0 ? void 0 : (_state27$additionalDe = _state27.additionalDetails) === null || _state27$additionalDe === void 0 ? void 0 : _state27$additionalDe.zro) || "NA",
33510
33635
  textStyle: {
33511
33636
  whiteSpace: "pre"
33512
33637
  }
33513
33638
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33514
33639
  className: "border-none",
33515
33640
  label: t("WS_CONNECTION_USAGE_TYPE"),
33516
- text: ((_state30 = state) === null || _state30 === void 0 ? void 0 : (_state30$additionalDe = _state30.additionalDetails) === null || _state30$additionalDe === void 0 ? void 0 : (_state30$additionalDe2 = _state30$additionalDe.WaterConnectionUsageType) === null || _state30$additionalDe2 === void 0 ? void 0 : _state30$additionalDe2.name) || "NA",
33641
+ text: ((_state28 = state) === null || _state28 === void 0 ? void 0 : (_state28$additionalDe = _state28.additionalDetails) === null || _state28$additionalDe === void 0 ? void 0 : (_state28$additionalDe2 = _state28$additionalDe.WaterConnectionUsageType) === null || _state28$additionalDe2 === void 0 ? void 0 : _state28$additionalDe2.name) || "NA",
33517
33642
  textStyle: {
33518
33643
  whiteSpace: "pre"
33519
33644
  }
33520
33645
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33521
33646
  className: "border-none",
33522
33647
  label: t("WS_TEMPORARY_CONNECTION"),
33523
- text: ((_state31 = state) === null || _state31 === void 0 ? void 0 : (_state31$additionalDe = _state31.additionalDetails) === null || _state31$additionalDe === void 0 ? void 0 : _state31$additionalDe.temporaryConnection) || "NA",
33648
+ text: ((_state29 = state) === null || _state29 === void 0 ? void 0 : (_state29$additionalDe = _state29.additionalDetails) === null || _state29$additionalDe === void 0 ? void 0 : _state29$additionalDe.temporaryConnection) || "NA",
33524
33649
  textStyle: {
33525
33650
  whiteSpace: "pre"
33526
33651
  }
33527
- })), ((_state32 = state) === null || _state32 === void 0 ? void 0 : _state32.connectionType) === "Metered" && /*#__PURE__*/React__default.createElement(reactRouterDom.Link, {
33528
- to: "/digit-ui/citizen/ws/consumption/details?applicationNo=" + ((_state33 = state) === null || _state33 === void 0 ? void 0 : _state33.connectionNo)
33652
+ })), ((_state30 = state) === null || _state30 === void 0 ? void 0 : _state30.connectionType) === "Metered" && /*#__PURE__*/React__default.createElement(reactRouterDom.Link, {
33653
+ to: "/digit-ui/citizen/ws/consumption/details?applicationNo=" + ((_state31 = state) === null || _state31 === void 0 ? void 0 : _state31.connectionNo)
33529
33654
  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.LinkButton, {
33530
33655
  style: {
33531
33656
  textAlign: "left",
@@ -33540,11 +33665,11 @@ const ConnectionDetails$5 = () => {
33540
33665
  }, t("WS_COMMON_PROPERTY_DETAILS")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33541
33666
  className: "border-none",
33542
33667
  label: t("WS_PROPERTY_ID_LABEL"),
33543
- text: (_state34 = state) === null || _state34 === void 0 ? void 0 : _state34.propertyId
33668
+ text: (_state32 = state) === null || _state32 === void 0 ? void 0 : _state32.propertyId
33544
33669
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33545
33670
  className: "border-none",
33546
33671
  label: t("WS_OWN_DETAIL_OWN_NAME_LABEL"),
33547
- text: (_state35 = state) === null || _state35 === void 0 ? void 0 : (_state35$property = _state35.property) === null || _state35$property === void 0 ? void 0 : (_state35$property$own = _state35$property.owners) === null || _state35$property$own === void 0 ? void 0 : _state35$property$own.map(owner => owner.name).join(","),
33672
+ text: (_state33 = state) === null || _state33 === void 0 ? void 0 : (_state33$property = _state33.property) === null || _state33$property === void 0 ? void 0 : (_state33$property$own = _state33$property.owners) === null || _state33$property$own === void 0 ? void 0 : _state33$property$own.map(owner => owner.name).join(","),
33548
33673
  textStyle: {
33549
33674
  whiteSpace: "pre"
33550
33675
  }
@@ -33579,33 +33704,33 @@ const ConnectionDetails$5 = () => {
33579
33704
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33580
33705
  className: "border-none",
33581
33706
  label: t("WS_PROPERTY_TYPE"),
33582
- text: ((_state36 = state) === null || _state36 === void 0 ? void 0 : (_state36$additionalDe = _state36.additionalDetails) === null || _state36$additionalDe === void 0 ? void 0 : (_state36$additionalDe2 = _state36$additionalDe.propertyType) === null || _state36$additionalDe2 === void 0 ? void 0 : _state36$additionalDe2.name) || "NA"
33707
+ text: ((_state34 = state) === null || _state34 === void 0 ? void 0 : (_state34$additionalDe = _state34.additionalDetails) === null || _state34$additionalDe === void 0 ? void 0 : (_state34$additionalDe2 = _state34$additionalDe.propertyType) === null || _state34$additionalDe2 === void 0 ? void 0 : _state34$additionalDe2.name) || "NA"
33583
33708
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33584
33709
  className: "border-none",
33585
33710
  label: t("WS_PROPERTY_CATEGORY"),
33586
- text: ((_state37 = state) === null || _state37 === void 0 ? void 0 : (_state37$additionalDe = _state37.additionalDetails) === null || _state37$additionalDe === void 0 ? void 0 : (_state37$additionalDe2 = _state37$additionalDe.propertyCategory) === null || _state37$additionalDe2 === void 0 ? void 0 : _state37$additionalDe2.name) || "NA"
33711
+ text: ((_state35 = state) === null || _state35 === void 0 ? void 0 : (_state35$additionalDe = _state35.additionalDetails) === null || _state35$additionalDe === void 0 ? void 0 : (_state35$additionalDe2 = _state35$additionalDe.propertyCategory) === null || _state35$additionalDe2 === void 0 ? void 0 : _state35$additionalDe2.name) || "NA"
33587
33712
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33588
33713
  className: "border-none",
33589
33714
  label: t("WS_PLOT_AREA"),
33590
- text: ((_state38 = state) === null || _state38 === void 0 ? void 0 : (_state38$additionalDe = _state38.additionalDetails) === null || _state38$additionalDe === void 0 ? void 0 : _state38$additionalDe.plotArea) || "NA"
33715
+ text: ((_state36 = state) === null || _state36 === void 0 ? void 0 : (_state36$additionalDe = _state36.additionalDetails) === null || _state36$additionalDe === void 0 ? void 0 : _state36$additionalDe.plotArea) || "NA"
33591
33716
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33592
33717
  className: "border-none",
33593
33718
  label: t("WS_BUILT_UP_AREA"),
33594
- text: ((_state39 = state) === null || _state39 === void 0 ? void 0 : (_state39$additionalDe = _state39.additionalDetails) === null || _state39$additionalDe === void 0 ? void 0 : _state39$additionalDe.builtUpArea) || "NA"
33719
+ text: ((_state37 = state) === null || _state37 === void 0 ? void 0 : (_state37$additionalDe = _state37.additionalDetails) === null || _state37$additionalDe === void 0 ? void 0 : _state37$additionalDe.builtUpArea) || "NA"
33595
33720
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33596
33721
  className: "border-none",
33597
33722
  label: t("WS_NO_OF_FLOORS"),
33598
- text: ((_state40 = state) === null || _state40 === void 0 ? void 0 : (_state40$additionalDe = _state40.additionalDetails) === null || _state40$additionalDe === void 0 ? void 0 : _state40$additionalDe.noOfFloors) || "NA"
33723
+ text: ((_state38 = state) === null || _state38 === void 0 ? void 0 : (_state38$additionalDe = _state38.additionalDetails) === null || _state38$additionalDe === void 0 ? void 0 : _state38$additionalDe.noOfFloors) || "NA"
33599
33724
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33600
33725
  className: "border-none",
33601
33726
  label: t("WS_NO_OF_DWELLING_UNITS"),
33602
- text: ((_state41 = state) === null || _state41 === void 0 ? void 0 : (_state41$additionalDe = _state41.additionalDetails) === null || _state41$additionalDe === void 0 ? void 0 : _state41$additionalDe.NumberofDwellingUnits) || "NA"
33727
+ text: ((_state39 = state) === null || _state39 === void 0 ? void 0 : (_state39$additionalDe = _state39.additionalDetails) === null || _state39$additionalDe === void 0 ? void 0 : _state39$additionalDe.NumberofDwellingUnits) || "NA"
33603
33728
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33604
33729
  className: "border-none",
33605
33730
  label: t("WS_LOCALITY"),
33606
- text: ((_state42 = state) === null || _state42 === void 0 ? void 0 : (_state42$additionalDe = _state42.additionalDetails) === null || _state42$additionalDe === void 0 ? void 0 : _state42$additionalDe.locality) || "NA"
33731
+ text: ((_state40 = state) === null || _state40 === void 0 ? void 0 : (_state40$additionalDe = _state40.additionalDetails) === null || _state40$additionalDe === void 0 ? void 0 : _state40$additionalDe.locality) || "NA"
33607
33732
  }), /*#__PURE__*/React__default.createElement(reactRouterDom.Link, {
33608
- to: "/digit-ui/citizen/commonpt/view-property?propertyId=" + ((_state43 = state) === null || _state43 === void 0 ? void 0 : _state43.propertyId) + "&tenantId=" + ((_state44 = state) === null || _state44 === void 0 ? void 0 : _state44.tenantId)
33733
+ to: "/digit-ui/citizen/commonpt/view-property?propertyId=" + ((_state41 = state) === null || _state41 === void 0 ? void 0 : _state41.propertyId) + "&tenantId=" + ((_state42 = state) === null || _state42 === void 0 ? void 0 : _state42.tenantId)
33609
33734
  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.LinkButton, {
33610
33735
  style: {
33611
33736
  textAlign: "left",
@@ -33617,10 +33742,10 @@ const ConnectionDetails$5 = () => {
33617
33742
  styles: {
33618
33743
  fontSize: "28px"
33619
33744
  }
33620
- }, t("WS_COMMON_CONNECTION_HOLDER_DETAILS_HEADER")), (_state45 = state) !== null && _state45 !== void 0 && _state45.connectionHolders ? /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33745
+ }, t("WS_COMMON_CONNECTION_HOLDER_DETAILS_HEADER")), (_state43 = state) !== null && _state43 !== void 0 && _state43.connectionHolders ? /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33621
33746
  className: "border-none",
33622
33747
  label: t("WS_OWN_DETAIL_OWN_NAME_LABEL"),
33623
- text: (_state46 = state) === null || _state46 === void 0 ? void 0 : (_state46$connectionHo = _state46.connectionHolders) === null || _state46$connectionHo === void 0 ? void 0 : (_state46$connectionHo2 = _state46$connectionHo[0]) === null || _state46$connectionHo2 === void 0 ? void 0 : _state46$connectionHo2.name,
33748
+ text: (_state44 = state) === null || _state44 === void 0 ? void 0 : (_state44$connectionHo = _state44.connectionHolders) === null || _state44$connectionHo === void 0 ? void 0 : (_state44$connectionHo2 = _state44$connectionHo[0]) === null || _state44$connectionHo2 === void 0 ? void 0 : _state44$connectionHo2.name,
33624
33749
  textStyle: {
33625
33750
  whiteSpace: "pre"
33626
33751
  }
@@ -33746,32 +33871,32 @@ const ConnectionDetails$5 = () => {
33746
33871
  }, t("WS_COMMON_BANK_DETAILS")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33747
33872
  className: "border-none",
33748
33873
  label: t("WS_BANK_NAME"),
33749
- text: ((_state47 = state) === null || _state47 === void 0 ? void 0 : (_state47$additionalDe = _state47.additionalDetails) === null || _state47$additionalDe === void 0 ? void 0 : _state47$additionalDe.bankName) || "NA"
33874
+ text: ((_state45 = state) === null || _state45 === void 0 ? void 0 : (_state45$additionalDe = _state45.additionalDetails) === null || _state45$additionalDe === void 0 ? void 0 : _state45$additionalDe.bankName) || "NA"
33750
33875
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33751
33876
  className: "border-none",
33752
33877
  label: t("WS_BANK_BRANCH_NAME"),
33753
- text: ((_state48 = state) === null || _state48 === void 0 ? void 0 : (_state48$additionalDe = _state48.additionalDetails) === null || _state48$additionalDe === void 0 ? void 0 : _state48$additionalDe.bankBranchName) || "NA"
33878
+ text: ((_state46 = state) === null || _state46 === void 0 ? void 0 : (_state46$additionalDe = _state46.additionalDetails) === null || _state46$additionalDe === void 0 ? void 0 : _state46$additionalDe.bankBranchName) || "NA"
33754
33879
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33755
33880
  className: "border-none",
33756
33881
  label: t("WS_BANK_ACCOUNT_NUMBER"),
33757
- text: ((_state49 = state) === null || _state49 === void 0 ? void 0 : (_state49$additionalDe = _state49.additionalDetails) === null || _state49$additionalDe === void 0 ? void 0 : _state49$additionalDe.accountNumber) || ((_state50 = state) === null || _state50 === void 0 ? void 0 : (_state50$additionalDe = _state50.additionalDetails) === null || _state50$additionalDe === void 0 ? void 0 : _state50$additionalDe.bankAccountNumber) || "NA"
33882
+ text: ((_state47 = state) === null || _state47 === void 0 ? void 0 : (_state47$additionalDe = _state47.additionalDetails) === null || _state47$additionalDe === void 0 ? void 0 : _state47$additionalDe.accountNumber) || ((_state48 = state) === null || _state48 === void 0 ? void 0 : (_state48$additionalDe = _state48.additionalDetails) === null || _state48$additionalDe === void 0 ? void 0 : _state48$additionalDe.bankAccountNumber) || "NA"
33758
33883
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33759
33884
  className: "border-none",
33760
33885
  label: t("WS_BANK_IFSC_CODE"),
33761
- text: ((_state51 = state) === null || _state51 === void 0 ? void 0 : (_state51$additionalDe = _state51.additionalDetails) === null || _state51$additionalDe === void 0 ? void 0 : _state51$additionalDe.ifscCode) || "NA"
33886
+ text: ((_state49 = state) === null || _state49 === void 0 ? void 0 : (_state49$additionalDe = _state49.additionalDetails) === null || _state49$additionalDe === void 0 ? void 0 : _state49$additionalDe.ifscCode) || "NA"
33762
33887
  })), /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, {
33763
33888
  styles: {
33764
33889
  fontSize: "28px"
33765
33890
  }
33766
- }, t("WS_COMMON_BANK_DETAILS")), ((_state52 = state) === null || _state52 === void 0 ? void 0 : _state52.documents) && ((_state53 = state) === null || _state53 === void 0 ? void 0 : _state53.documents.map((doc, index) => {
33767
- var _doc$documentType, _state54, _state55;
33891
+ }, 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) => {
33892
+ var _doc$documentType, _state52, _state53;
33768
33893
  return /*#__PURE__*/React__default.createElement("div", {
33769
33894
  key: "doc-" + index
33770
33895
  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSectionHeader, null, t(doc === null || doc === void 0 ? void 0 : (_doc$documentType = doc.documentType) === null || _doc$documentType === void 0 ? void 0 : _doc$documentType.split(".").slice(0, 2).join("_"))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(WSDocument, {
33771
- value: (_state54 = state) === null || _state54 === void 0 ? void 0 : _state54.documents,
33896
+ value: (_state52 = state) === null || _state52 === void 0 ? void 0 : _state52.documents,
33772
33897
  Code: doc === null || doc === void 0 ? void 0 : doc.documentType,
33773
33898
  index: index
33774
- }), ((_state55 = state) === null || _state55 === void 0 ? void 0 : _state55.documents.length) != index + 1 ? /*#__PURE__*/React__default.createElement("hr", {
33899
+ }), ((_state53 = state) === null || _state53 === void 0 ? void 0 : _state53.documents.length) != index + 1 ? /*#__PURE__*/React__default.createElement("hr", {
33775
33900
  style: {
33776
33901
  color: "#cccccc",
33777
33902
  backgroundColor: "#cccccc",
@@ -33780,7 +33905,7 @@ const ConnectionDetails$5 = () => {
33780
33905
  marginBottom: "20px"
33781
33906
  }
33782
33907
  }) : null)));
33783
- })), (((_state56 = state) === null || _state56 === void 0 ? void 0 : _state56.status) !== "inactive" || ((_state57 = state) === null || _state57 === void 0 ? void 0 : _state57.applicationStatus) !== "Inactive" || ((_state58 = state) === null || _state58 === void 0 ? void 0 : _state58.applicationStatus) !== "INACTIVE") && !isDisconnectionDone ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.ActionBar, {
33908
+ })), (((_state54 = state) === null || _state54 === void 0 ? void 0 : _state54.status) !== "inactive" || ((_state55 = state) === null || _state55 === void 0 ? void 0 : _state55.applicationStatus) !== "Inactive" || ((_state56 = state) === null || _state56 === void 0 ? void 0 : _state56.applicationStatus) !== "INACTIVE") && !isDisconnectionDone ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.ActionBar, {
33784
33909
  style: {
33785
33910
  position: "relative",
33786
33911
  boxShadow: "none",
@@ -33795,23 +33920,13 @@ const ConnectionDetails$5 = () => {
33795
33920
  style: {
33796
33921
  width: "100%"
33797
33922
  }
33798
- }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
33799
- style: {
33800
- width: "100%"
33801
- },
33802
- label: t("WS_MUTATION_BUTTON"),
33803
- onSubmit: onActionSelectMutation
33804
- })), /*#__PURE__*/React__default.createElement("div", {
33805
- style: {
33806
- width: "100%"
33807
- }
33808
33923
  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
33809
33924
  style: {
33810
33925
  width: "100%"
33811
33926
  },
33812
33927
  label: t("WS_DISCONNECTION_BUTTON"),
33813
33928
  onSubmit: onActionSelect
33814
- }))) : ((_state59 = state) === null || _state59 === void 0 ? void 0 : _state59.applicationStatus) == "DISCONNECTION_EXECUTED" && ((_state60 = state) === null || _state60 === void 0 ? void 0 : _state60.status) == "Inactive" && ((_state61 = state) === null || _state61 === void 0 ? void 0 : _state61.isDisconnectionTemporary) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.ActionBar, {
33929
+ }))) : ((_state57 = state) === null || _state57 === void 0 ? void 0 : _state57.applicationStatus) == "DISCONNECTION_EXECUTED" && ((_state58 = state) === null || _state58 === void 0 ? void 0 : _state58.status) == "Inactive" && ((_state59 = state) === null || _state59 === void 0 ? void 0 : _state59.isDisconnectionTemporary) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.ActionBar, {
33815
33930
  style: {
33816
33931
  position: "relative",
33817
33932
  boxShadow: "none",
@@ -33843,8 +33958,8 @@ const ConnectionDetails$5 = () => {
33843
33958
  actionSingleLabel: t("COMMON_MAKE_PAYMENT"),
33844
33959
  hideSubmit: true,
33845
33960
  actionSingleSubmit: () => {
33846
- var _state62, _state63;
33847
- history.push("/digit-ui/citizen/payment/collect/" + (isSW ? "SW" : "WS") + "/" + encodeURIComponent((_state62 = state) === null || _state62 === void 0 ? void 0 : _state62.connectionNo) + "/" + tenantId + "?consumerCode=" + ((_state63 = state) === null || _state63 === void 0 ? void 0 : _state63.connectionNo) + "&&tenantId=" + tenantId + "&&workflow=WNS");
33961
+ var _state60, _state61;
33962
+ history.push("/digit-ui/citizen/payment/collect/" + (isSW ? "SW" : "WS") + "/" + encodeURIComponent((_state60 = state) === null || _state60 === void 0 ? void 0 : _state60.connectionNo) + "/" + tenantId + "?consumerCode=" + ((_state61 = state) === null || _state61 === void 0 ? void 0 : _state61.connectionNo) + "&&tenantId=" + tenantId + "&&workflow=WNS");
33848
33963
  setshowModal(false);
33849
33964
  },
33850
33965
  popupStyles: mobileView ? {
@@ -44921,7 +45036,7 @@ function PropertyDocuments(_ref) {
44921
45036
  });
44922
45037
  });
44923
45038
  const allChecked = requiredDocsCount === 0 || checkedCount === requiredDocsCount;
44924
- const isDocVerifState = !applicationStatus || applicationStatus === "PENDING_FOR_DOCUMENT_VERIFICATION";
45039
+ const isDocVerifState = !applicationStatus || applicationStatus === "PENDING_FOR_DOCUMENT_VERIFICATION" || applicationStatus === "PENDING_APPROVAL_FOR_MUTATION";
44925
45040
  const finalVerified = isDocVerifState ? allChecked : true;
44926
45041
  window.isDocumentsVerified = finalVerified;
44927
45042
  window.dispatchEvent(new CustomEvent("DOCUMENTS_VERIFIED", {
@@ -45157,7 +45272,7 @@ function PropertyDocuments(_ref) {
45157
45272
  style: {
45158
45273
  cursor: "pointer"
45159
45274
  }
45160
- }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.ViewsIcon, null)), !isPhoto && ((_ref3, _checkedMap$value$fil2, _value$originalDoc2, _value$originalDoc3, _value$originalDoc4) => {
45275
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.ViewsIcon, null)), !isPhoto && ((_ref3, _checkedMap$value$fil2, _value$originalDoc2, _value$originalDoc3, _ref4, _checkedMap$value$fil3, _value$originalDoc4) => {
45161
45276
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
45162
45277
  onClick: () => {
45163
45278
  if (fileUrl) {
@@ -45206,10 +45321,10 @@ function PropertyDocuments(_ref) {
45206
45321
  width: "18px",
45207
45322
  height: "18px",
45208
45323
  accentColor: "#F47738",
45209
- cursor: applicationStatus && applicationStatus !== "PENDING_FOR_DOCUMENT_VERIFICATION" ? "not-allowed" : "pointer"
45324
+ cursor: applicationStatus && applicationStatus !== "PENDING_FOR_DOCUMENT_VERIFICATION" && applicationStatus !== "PENDING_APPROVAL_FOR_MUTATION" ? "not-allowed" : "pointer"
45210
45325
  },
45211
- disabled: applicationStatus && applicationStatus !== "PENDING_FOR_DOCUMENT_VERIFICATION",
45212
- defaultChecked: value === null || value === void 0 ? void 0 : (_value$originalDoc4 = value.originalDoc) === null || _value$originalDoc4 === void 0 ? void 0 : _value$originalDoc4.isVerified,
45326
+ disabled: applicationStatus && applicationStatus !== "PENDING_FOR_DOCUMENT_VERIFICATION" && applicationStatus !== "PENDING_APPROVAL_FOR_MUTATION" && applicationStatus !== "ACTIVATE_MUTATION",
45327
+ checked: applicationStatus === "PENDING_FOR_MUTATION_ACTIVATION" || ((_ref4 = (_checkedMap$value$fil3 = checkedMap[value === null || value === void 0 ? void 0 : value.fileStoreId]) != null ? _checkedMap$value$fil3 : value === null || value === void 0 ? void 0 : (_value$originalDoc4 = value.originalDoc) === null || _value$originalDoc4 === void 0 ? void 0 : _value$originalDoc4.isVerified) != null ? _ref4 : false),
45213
45328
  onChange: e => {
45214
45329
  const checked = e.target.checked;
45215
45330
  if (value !== null && value !== void 0 && value.originalDoc) {
@@ -46589,6 +46704,7 @@ function ApplicationDetailsContent(_ref) {
46589
46704
  workflowDetails = _ref.workflowDetails,
46590
46705
  isDataLoading = _ref.isDataLoading,
46591
46706
  applicationData = _ref.applicationData,
46707
+ businessService = _ref.businessService,
46592
46708
  timelineStatusPrefix = _ref.timelineStatusPrefix,
46593
46709
  _ref$showTimeLine = _ref.showTimeLine,
46594
46710
  showTimeLine = _ref$showTimeLine === void 0 ? true : _ref$showTimeLine,
@@ -46864,7 +46980,7 @@ function ApplicationDetailsContent(_ref) {
46864
46980
  infoClickInfoLabel: getClickInfoDetails(),
46865
46981
  infoClickInfoLabel1: getClickInfoDetails1()
46866
46982
  }) : null, applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a = applicationDetails.applicationDetails) === null || _applicationDetails$a === void 0 ? void 0 : _applicationDetails$a.map((detail, index) => {
46867
- var _detail$title, _detail$values, _detail$additionalDet, _applicationDetails$a2, _applicationDetails$a3, _applicationDetails$a4, _detail$additionalDet2, _applicationDetails$a5, _applicationDetails$a6, _detail$additionalDet3, _detail$additionalDet4, _detail$additionalDet5, _detail$additionalDet6, _detail$additionalDet7, _detail$additionalDet8, _detail$additionalDet9, _workflowDetails$data, _workflowDetails$data2, _detail$additionalDet0, _detail$additionalDet1, _detail$additionalDet10, _detail$additionalDet11, _detail$additionalDet12, _detail$additionalDet13, _detail$additionalDet14, _detail$additionalDet15, _detail$additionalDet16, _detail$additionalDet17, _detail$additionalDet18, _detail$additionalDet19, _detail$additionalDet20, _detail$additionalDet21, _detail$additionalDet22, _detail$additionalDet23, _detail$additionalDet24, _detail$additionalDet25, _detail$additionalDet26, _detail$additionalDet27, _detail$additionalDet28, _detail$additionalDet29;
46983
+ var _detail$title, _detail$values, _detail$additionalDet, _applicationDetails$a2, _applicationDetails$a3, _applicationDetails$a4, _detail$additionalDet2, _applicationDetails$a5, _applicationDetails$a6, _detail$additionalDet3, _detail$additionalDet4, _detail$additionalDet5, _detail$additionalDet6, _detail$additionalDet7, _detail$additionalDet8, _detail$additionalDet9, _workflowDetails$data, _workflowDetails$data2, _detail$additionalDet0, _detail$additionalDet1, _detail$additionalDet10, _detail$additionalDet11, _detail$additionalDet12, _detail$additionalDet13, _detail$additionalDet14, _detail$additionalDet15, _detail$additionalDet16, _detail$additionalDet17, _detail$additionalDet18, _detail$additionalDet19, _applicationData$appl, _detail$additionalDet20, _applicationData$appl2, _detail$additionalDet21, _detail$additionalDet22, _detail$additionalDet23, _detail$additionalDet24, _detail$additionalDet25, _detail$additionalDet26, _detail$additionalDet27, _detail$additionalDet28, _detail$additionalDet29;
46868
46984
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
46869
46985
  key: index
46870
46986
  }, /*#__PURE__*/React__default.createElement("div", {
@@ -47095,9 +47211,9 @@ function ApplicationDetailsContent(_ref) {
47095
47211
  }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet17 = detail.additionalDetails) === null || _detail$additionalDet17 === void 0 ? void 0 : _detail$additionalDet17.documents) && /*#__PURE__*/React__default.createElement(PropertyDocuments, {
47096
47212
  documents: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet18 = detail.additionalDetails) === null || _detail$additionalDet18 === void 0 ? void 0 : _detail$additionalDet18.documents,
47097
47213
  applicationStatus: applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus
47098
- }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet19 = detail.additionalDetails) === null || _detail$additionalDet19 === void 0 ? void 0 : _detail$additionalDet19.documents) && ["PENDING_FOR_FIELD_INSPECTION", "PENDING_APPROVAL_FOR_CONNECTION", "PENDING_FOR_CONNECTION_ACTIVATION", "PENDING_FOR_RECONNECTION", "PENDING_FOR_DUE_VERIFICATION", "PENDING_FOR_BILLING_CLERK_REVIEW", "PENDING_FOR_ASO_APPROVAL", "PENDING_FOR_ZRO_APPROVAL", "PENDING_FOR_AE_APPROVAL", "PENDING_FOR_FINAL_PAYMENT", "CONNECTION_ACTIVATED", "PENDING_FOR_CONNECTION_ACTIVATION"].includes(applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) && /*#__PURE__*/React__default.createElement(DueVerification, {
47214
+ }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet19 = detail.additionalDetails) === null || _detail$additionalDet19 === void 0 ? void 0 : _detail$additionalDet19.documents) && !(applicationData !== null && applicationData !== void 0 && (_applicationData$appl = applicationData.applicationType) !== null && _applicationData$appl !== void 0 && _applicationData$appl.includes("MUTATION")) && !(businessService !== null && businessService !== void 0 && businessService.includes("MUTATION")) && ["PENDING_FOR_FIELD_INSPECTION", "PENDING_APPROVAL_FOR_CONNECTION", "PENDING_FOR_CONNECTION_ACTIVATION", "PENDING_FOR_RECONNECTION", "PENDING_FOR_DUE_VERIFICATION", "PENDING_FOR_BILLING_CLERK_REVIEW", "PENDING_FOR_ASO_APPROVAL", "PENDING_FOR_ZRO_APPROVAL", "PENDING_FOR_AE_APPROVAL", "PENDING_FOR_FINAL_PAYMENT", "CONNECTION_ACTIVATED", "PENDING_FOR_CONNECTION_ACTIVATION"].includes(applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) && /*#__PURE__*/React__default.createElement(DueVerification, {
47099
47215
  applicationData: applicationData
47100
- }), " ", (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet20 = detail.additionalDetails) === null || _detail$additionalDet20 === void 0 ? void 0 : _detail$additionalDet20.documents) && ["PENDING_FOR_FIELD_INSPECTION", "PENDING_FOR_BILLING_CLERK_REVIEW", "PENDING_FOR_ASO_APPROVAL", "PENDING_FOR_ZRO_APPROVAL", "PENDING_FOR_AE_APPROVAL", "PENDING_FOR_FINAL_PAYMENT", "CONNECTION_ACTIVATED", "PENDING_FOR_CONNECTION_ACTIVATION"].includes(applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) && /*#__PURE__*/React__default.createElement(InspectionInformation, {
47216
+ }), " ", (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet20 = detail.additionalDetails) === null || _detail$additionalDet20 === void 0 ? void 0 : _detail$additionalDet20.documents) && !(applicationData !== null && applicationData !== void 0 && (_applicationData$appl2 = applicationData.applicationType) !== null && _applicationData$appl2 !== void 0 && _applicationData$appl2.includes("MUTATION")) && !(businessService !== null && businessService !== void 0 && businessService.includes("MUTATION")) && ["PENDING_FOR_FIELD_INSPECTION", "PENDING_FOR_BILLING_CLERK_REVIEW", "PENDING_FOR_ASO_APPROVAL", "PENDING_FOR_ZRO_APPROVAL", "PENDING_FOR_AE_APPROVAL", "PENDING_FOR_FINAL_PAYMENT", "CONNECTION_ACTIVATED", "PENDING_FOR_CONNECTION_ACTIVATION"].includes(applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) && /*#__PURE__*/React__default.createElement(InspectionInformation, {
47101
47217
  applicationData: applicationData
47102
47218
  }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet21 = detail.additionalDetails) === null || _detail$additionalDet21 === void 0 ? void 0 : _detail$additionalDet21.taxHeadEstimatesCalculation) && /*#__PURE__*/React__default.createElement(PropertyEstimates, {
47103
47219
  taxHeadEstimatesCalculation: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet22 = detail.additionalDetails) === null || _detail$additionalDet22 === void 0 ? void 0 : _detail$additionalDet22.taxHeadEstimatesCalculation
@@ -47743,7 +47859,7 @@ const ApplicationDetails = props => {
47743
47859
  };
47744
47860
 
47745
47861
  const ApplicationDetails$1 = () => {
47746
- 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;
47862
+ 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;
47747
47863
  const getRecieptSearch = function (tenantId, payments, consumerCodes, receiptKey) {
47748
47864
  try {
47749
47865
  let response = null;
@@ -47937,8 +48053,9 @@ const ApplicationDetails$1 = () => {
47937
48053
  };
47938
48054
  }
47939
48055
  if ((action === null || action === void 0 ? void 0 : action.action) === "RESUBMIT_APPLICATION") {
47940
- var _applicationDetails$p11, _servicesMasterData$w, _userConfig$, _userConfig$2;
47941
- 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);
48056
+ var _applicationDetails$a0, _applicationDetails$a1, _applicationDetails$p11, _applicationDetails$p12, _servicesMasterData$w, _userConfig$, _userConfig$2;
48057
+ 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");
48058
+ 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);
47942
48059
  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) || [];
47943
48060
  const editApplicationUserRole = (userConfig === null || userConfig === void 0 ? void 0 : (_userConfig$ = userConfig[0]) === null || _userConfig$ === void 0 ? void 0 : _userConfig$.roles) || [];
47944
48061
  const mdmsApplicationStatus = userConfig === null || userConfig === void 0 ? void 0 : (_userConfig$2 = userConfig[0]) === null || _userConfig$2 === void 0 ? void 0 : _userConfig$2.status;
@@ -47947,9 +48064,9 @@ const ApplicationDetails$1 = () => {
47947
48064
  isFieldInspector = ifUserRoleExists(role);
47948
48065
  if (isFieldInspector) return false;else return true;
47949
48066
  });
47950
- if (isFieldInspector && appStatus === mdmsApplicationStatus) {
47951
- var _applicationDetails$p12;
47952
- 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);
48067
+ if (!isMutation && isFieldInspector && appStatus === mdmsApplicationStatus) {
48068
+ var _applicationDetails$p13;
48069
+ 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);
47953
48070
  }
47954
48071
  action.redirectionUrll = {
47955
48072
  action: "ACTIVATE_CONNECTION",
@@ -47961,18 +48078,19 @@ const ApplicationDetails$1 = () => {
47961
48078
  };
47962
48079
  }
47963
48080
  if ((action === null || action === void 0 ? void 0 : action.action) === "SUBMIT_APPLICATION") {
47964
- var _applicationDetails$p13;
48081
+ var _applicationDetails$p14;
47965
48082
  action.redirectionUrll = {
47966
48083
  action: "ACTIVATE_CONNECTION",
47967
- 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),
48084
+ 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),
47968
48085
  state: applicationDetails
47969
48086
  };
47970
48087
  }
47971
48088
  });
47972
48089
  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 => {
47973
48090
  if ((action === null || action === void 0 ? void 0 : action.action) === "EDIT") {
47974
- var _applicationDetails$p14, _servicesMasterData$w2, _userConfig$3, _userConfig$4;
47975
- 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);
48091
+ var _applicationDetails$a10, _applicationDetails$a11, _applicationDetails$p15, _applicationDetails$p16, _servicesMasterData$w2, _userConfig$3, _userConfig$4;
48092
+ 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");
48093
+ 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);
47976
48094
  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) || [];
47977
48095
  const editApplicationUserRole = (userConfig === null || userConfig === void 0 ? void 0 : (_userConfig$3 = userConfig[0]) === null || _userConfig$3 === void 0 ? void 0 : _userConfig$3.roles) || [];
47978
48096
  const mdmsApplicationStatus = userConfig === null || userConfig === void 0 ? void 0 : (_userConfig$4 = userConfig[0]) === null || _userConfig$4 === void 0 ? void 0 : _userConfig$4.status;
@@ -47981,9 +48099,9 @@ const ApplicationDetails$1 = () => {
47981
48099
  isFieldInspector = ifUserRoleExists(role);
47982
48100
  if (isFieldInspector) return false;else return true;
47983
48101
  });
47984
- if (isFieldInspector && appStatus === mdmsApplicationStatus) {
47985
- var _applicationDetails$p15;
47986
- 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);
48102
+ if (!isMutation && isFieldInspector && appStatus === mdmsApplicationStatus) {
48103
+ var _applicationDetails$p17;
48104
+ 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);
47987
48105
  }
47988
48106
  action.redirectionUrll = {
47989
48107
  action: "ACTIVATE_CONNECTION",
@@ -48052,10 +48170,10 @@ const ApplicationDetails$1 = () => {
48052
48170
  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];
48053
48171
  const handleDownloadPdf = function () {
48054
48172
  try {
48055
- var _applicationDetails$a0, _applicationDetails$a1, _applicationDetails$a10;
48056
- const tenantInfo = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a0 = applicationDetails.applicationData) === null || _applicationDetails$a0 === void 0 ? void 0 : _applicationDetails$a0.tenantId;
48173
+ var _applicationDetails$a12, _applicationDetails$a13, _applicationDetails$a14;
48174
+ const tenantInfo = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a12 = applicationDetails.applicationData) === null || _applicationDetails$a12 === void 0 ? void 0 : _applicationDetails$a12.tenantId;
48057
48175
  let result = applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationData;
48058
- 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_")) {
48176
+ 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_")) {
48059
48177
  const PDFdata = getWSAcknowledgementData$1(_extends({}, result), _extends({}, applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.propertyDetails), tenantInfo, t, oldApplication);
48060
48178
  PDFdata.then(ress => Digit.Utils.pdf.generateModifyPdf(ress));
48061
48179
  return Promise.resolve();
@@ -48069,10 +48187,10 @@ const ApplicationDetails$1 = () => {
48069
48187
  };
48070
48188
  const handleEstimateDownload = function () {
48071
48189
  try {
48072
- const _temp2 = function (_applicationDetails$a11, _applicationDetails$a12) {
48073
- 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) {
48074
- var _applicationDetails$a13, _applicationDetails$a14;
48075
- 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);
48190
+ const _temp2 = function (_applicationDetails$a15, _applicationDetails$a16) {
48191
+ 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) {
48192
+ var _applicationDetails$a17, _applicationDetails$a18;
48193
+ 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);
48076
48194
  } else {
48077
48195
  const warningCount = sessionStorage.getItem("WARINIG_COUNT") || "0";
48078
48196
  const warningCountDetails = JSON.parse(warningCount);
@@ -48130,8 +48248,8 @@ const ApplicationDetails$1 = () => {
48130
48248
  order: 2,
48131
48249
  label: t("WS_SANCTION_LETTER"),
48132
48250
  onClick: () => {
48133
- var _applicationDetails$a15, _applicationDetails$a16;
48134
- 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);
48251
+ var _applicationDetails$a19, _applicationDetails$a20;
48252
+ 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);
48135
48253
  }
48136
48254
  };
48137
48255
  const applicationDownloadObject = {
@@ -48143,8 +48261,8 @@ const ApplicationDetails$1 = () => {
48143
48261
  order: 4,
48144
48262
  label: t("DOWNLOAD_RECEIPT_HEADER"),
48145
48263
  onClick: () => {
48146
- var _reciept_data$Payment, _applicationDetails$a17;
48147
- 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);
48264
+ var _reciept_data$Payment, _applicationDetails$a21;
48265
+ 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);
48148
48266
  }
48149
48267
  };
48150
48268
  switch (appStatus) {
@@ -48159,7 +48277,7 @@ const ApplicationDetails$1 = () => {
48159
48277
  break;
48160
48278
  case "PENDING_FOR_CONNECTION_ACTIVATION":
48161
48279
  case "CONNECTION_ACTIVATED":
48162
- 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];
48280
+ 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];
48163
48281
  break;
48164
48282
  case "REJECTED":
48165
48283
  dowloadOptions = [applicationDownloadObject];
@@ -48205,12 +48323,12 @@ const ApplicationDetails$1 = () => {
48205
48323
  mutate: mutate,
48206
48324
  id: "timeline",
48207
48325
  workflowDetails: workflowDetails,
48208
- 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(),
48326
+ 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(),
48209
48327
  moduleCode: "WS",
48210
48328
  showToast: showToast,
48211
48329
  setShowToast: setShowToast,
48212
48330
  closeToast: closeToast,
48213
- 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()) + "_",
48331
+ 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()) + "_",
48214
48332
  oldValue: res,
48215
48333
  isInfoLabel: checkforPrivacyenablement(),
48216
48334
  clearDataDetails: clearDataDetails,
@@ -48228,16 +48346,16 @@ const ApplicationDetails$1 = () => {
48228
48346
  };
48229
48347
 
48230
48348
  const GetConnectionDetails = () => {
48231
- var _applicationDetails$a, _applicationDetails$a2, _applicationDetails$a3, _applicationDetails$a4, _applicationDetails$a5, _applicationDetails$a6, _applicationDetails$a7, _applicationDetails$a8, _applicationDetails$a9, _applicationDetails$a0, _applicationDetails$a1, _applicationDetails$a10, _applicationDetails$a11, _applicationDetails$a12, _mdmsCommonmastersDat, _applicationDetails$a14, _applicationDetails$a18, _applicationDetails$f7, _applicationDetails$p3, _applicationDetails$p4, _applicationDetails$a19, _applicationDetails$a20, _applicationDetails$a21, _applicationDetails$f8, _applicationDetails$f9;
48349
+ var _applicationDetails$a, _applicationDetails$a2, _applicationDetails$a3, _applicationDetails$a4, _applicationDetails$a5, _applicationDetails$a6, _applicationDetails$a7, _applicationDetails$a8, _applicationDetails$a9, _applicationDetails$a0, _applicationDetails$a1, _applicationDetails$a10, _applicationDetails$a11, _applicationDetails$a12, _mdmsCommonmastersDat, _applicationDetails$a14, _applicationDetails$a17, _applicationDetails$f5, _applicationDetails$p2, _applicationDetails$p3, _applicationDetails$a18, _applicationDetails$a19, _applicationDetails$a20, _applicationDetails$f6, _applicationDetails$f7;
48232
48350
  const getBillSearch = function () {
48233
48351
  try {
48234
- const _temp = function (_applicationDetails$f0) {
48235
- if ((applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$f0 = applicationDetails.fetchBillsData) === null || _applicationDetails$f0 === void 0 ? void 0 : _applicationDetails$f0.length) > 0) {
48236
- var _applicationDetails$a22;
48352
+ const _temp = function (_applicationDetails$f8) {
48353
+ if ((applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$f8 = applicationDetails.fetchBillsData) === null || _applicationDetails$f8 === void 0 ? void 0 : _applicationDetails$f8.length) > 0) {
48354
+ var _applicationDetails$a21;
48237
48355
  const service = serviceType === "WATER" ? "WS" : "SW";
48238
48356
  let wsSearchFilters = {
48239
48357
  isConnectionSearch: true,
48240
- connectionNumber: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a22 = applicationDetails.applicationData) === null || _applicationDetails$a22 === void 0 ? void 0 : _applicationDetails$a22.connectionNo
48358
+ connectionNumber: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a21 = applicationDetails.applicationData) === null || _applicationDetails$a21 === void 0 ? void 0 : _applicationDetails$a21.connectionNo
48241
48359
  };
48242
48360
  return Promise.resolve(Digit.WSService.search({
48243
48361
  tenantId,
@@ -48250,8 +48368,8 @@ const GetConnectionDetails = () => {
48250
48368
  bussinessService: service
48251
48369
  };
48252
48370
  if ((wsConnectionDetails === null || wsConnectionDetails === void 0 ? void 0 : (_wsConnectionDetails$5 = wsConnectionDetails.WaterConnection) === null || _wsConnectionDetails$5 === void 0 ? void 0 : _wsConnectionDetails$5.length) > 0 || (wsConnectionDetails === null || wsConnectionDetails === void 0 ? void 0 : (_wsConnectionDetails$6 = wsConnectionDetails.SewerageConnections) === null || _wsConnectionDetails$6 === void 0 ? void 0 : _wsConnectionDetails$6.length) > 0) {
48253
- var _applicationDetails$a23;
48254
- downloadAndOpenPdf(applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a23 = applicationDetails.applicationData) === null || _applicationDetails$a23 === void 0 ? void 0 : _applicationDetails$a23.connectionNo, filters);
48371
+ var _applicationDetails$a22;
48372
+ downloadAndOpenPdf(applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a22 = applicationDetails.applicationData) === null || _applicationDetails$a22 === void 0 ? void 0 : _applicationDetails$a22.connectionNo, filters);
48255
48373
  }
48256
48374
  });
48257
48375
  }
@@ -48280,7 +48398,7 @@ const GetConnectionDetails = () => {
48280
48398
  showOptions = _useState3[0],
48281
48399
  setShowOptions = _useState3[1];
48282
48400
  const stateCode = Digit.ULBService.getStateId();
48283
- const actionConfig = ["MODIFY_CONNECTION_BUTTON", "MUTATION_BUTTON", "BILL_AMENDMENT_BUTTON", "DISCONNECTION_BUTTON"];
48401
+ const actionConfig = ["MODIFY_CONNECTION_BUTTON", "BILL_AMENDMENT_BUTTON", "DISCONNECTION_BUTTON"];
48284
48402
  const _Digit$Hooks$ws$useCo = Digit.Hooks.ws.useConnectionDetail(t, tenantId, applicationNumber, serviceType, {
48285
48403
  privacy: Digit.Utils.getPrivacyObject()
48286
48404
  }),
@@ -48382,29 +48500,8 @@ const GetConnectionDetails = () => {
48382
48500
  data: applicationDetails
48383
48501
  }));
48384
48502
  };
48385
- const getMutationButton = () => {
48386
- var _applicationDetails$f3, _applicationDetails$f4, _applicationDetails$a16, _applicationDetails$p2;
48387
- if (!checkApplicationStatus) {
48388
- setshowActionToast({
48389
- key: "error",
48390
- label: "CONN_NOT_ACTIVE"
48391
- });
48392
- return;
48393
- }
48394
- if ((applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$f3 = applicationDetails.fetchBillsData) === null || _applicationDetails$f3 === void 0 ? void 0 : (_applicationDetails$f4 = _applicationDetails$f3[0]) === null || _applicationDetails$f4 === void 0 ? void 0 : _applicationDetails$f4.totalAmount) > 0) {
48395
- setshowActionToast({
48396
- key: "error",
48397
- label: "WS_DUE_AMOUNT_SHOULD_BE_ZERO"
48398
- });
48399
- return;
48400
- }
48401
- let pathname = "/digit-ui/employee/ws/mutation-application?applicationNumber=" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a16 = applicationDetails.applicationData) === null || _applicationDetails$a16 === void 0 ? void 0 : _applicationDetails$a16.connectionNo) + "&service=" + serviceType + "&propertyId=" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$p2 = applicationDetails.propertyDetails) === null || _applicationDetails$p2 === void 0 ? void 0 : _applicationDetails$p2.propertyId) + "&from=WS_COMMON_CONNECTION_DETAIL";
48402
- history.push("" + pathname, JSON.stringify({
48403
- data: applicationDetails
48404
- }));
48405
- };
48406
48503
  const getBillAmendmentButton = () => {
48407
- var _demandData$Demands, _applicationDetails$a17;
48504
+ var _demandData$Demands, _applicationDetails$a16;
48408
48505
  let isBillAmendNotApplicable = false;
48409
48506
  billData === null || billData === void 0 ? void 0 : billData.map(bill => {
48410
48507
  if ((bill === null || bill === void 0 ? void 0 : bill.status) === "INWORKFLOW") {
@@ -48425,7 +48522,7 @@ const GetConnectionDetails = () => {
48425
48522
  });
48426
48523
  return;
48427
48524
  }
48428
- history.push("/digit-ui/employee/ws/required-documents?connectionNumber=" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a17 = applicationDetails.applicationData) === null || _applicationDetails$a17 === void 0 ? void 0 : _applicationDetails$a17.connectionNo) + "&tenantId=" + getTenantId + "&service=" + serviceType, JSON.stringify({
48525
+ history.push("/digit-ui/employee/ws/required-documents?connectionNumber=" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a16 = applicationDetails.applicationData) === null || _applicationDetails$a16 === void 0 ? void 0 : _applicationDetails$a16.connectionNo) + "&tenantId=" + getTenantId + "&service=" + serviceType, JSON.stringify({
48429
48526
  data: applicationDetails
48430
48527
  }));
48431
48528
  };
@@ -48445,9 +48542,9 @@ const GetConnectionDetails = () => {
48445
48542
  label: "WORKFLOW_IN_PROGRESS"
48446
48543
  });
48447
48544
  } else {
48448
- var _billData$, _applicationDetails$f5;
48545
+ var _billData$, _applicationDetails$f3;
48449
48546
  console.log("due", due, applicationDetails);
48450
- if (((_billData$ = billData[0]) === null || _billData$ === void 0 ? void 0 : _billData$.status) === "ACTIVE" || (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$f5 = applicationDetails.fetchBillsData) === null || _applicationDetails$f5 === void 0 ? void 0 : _applicationDetails$f5.length) <= 0 || due == "0" || due < 0) {
48547
+ if (((_billData$ = billData[0]) === null || _billData$ === void 0 ? void 0 : _billData$.status) === "ACTIVE" || (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$f3 = applicationDetails.fetchBillsData) === null || _applicationDetails$f3 === void 0 ? void 0 : _applicationDetails$f3.length) <= 0 || due == "0" || due < 0) {
48451
48548
  Digit.SessionStorage.set("WS_DISCONNECTION", applicationDetails);
48452
48549
  history.push("" + pathname);
48453
48550
  } else {
@@ -48463,8 +48560,8 @@ const GetConnectionDetails = () => {
48463
48560
  label: "WORKFLOW_IN_PROGRESS"
48464
48561
  });
48465
48562
  } else {
48466
- var _billData$2, _applicationDetails$f6;
48467
- if (((_billData$2 = billData[0]) === null || _billData$2 === void 0 ? void 0 : _billData$2.status) === "ACTIVE" || (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$f6 = applicationDetails.fetchBillsData) === null || _applicationDetails$f6 === void 0 ? void 0 : _applicationDetails$f6.length) <= 0 || due === "0") {
48563
+ var _billData$2, _applicationDetails$f4;
48564
+ if (((_billData$2 = billData[0]) === null || _billData$2 === void 0 ? void 0 : _billData$2.status) === "ACTIVE" || (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$f4 = applicationDetails.fetchBillsData) === null || _applicationDetails$f4 === void 0 ? void 0 : _applicationDetails$f4.length) <= 0 || due === "0") {
48468
48565
  Digit.SessionStorage.set("WS_DISCONNECTION", applicationDetails);
48469
48566
  history.push("" + pathname);
48470
48567
  } else {
@@ -48475,8 +48572,6 @@ const GetConnectionDetails = () => {
48475
48572
  function onActionSelect(action) {
48476
48573
  if (action === "MODIFY_CONNECTION_BUTTON") {
48477
48574
  getModifyConnectionButton();
48478
- } else if (action === "MUTATION_BUTTON") {
48479
- getMutationButton();
48480
48575
  } else if (action === "BILL_AMENDMENT_BUTTON") {
48481
48576
  getBillAmendmentButton();
48482
48577
  } else if (action === "DISCONNECTION_BUTTON") {
@@ -48485,7 +48580,7 @@ const GetConnectionDetails = () => {
48485
48580
  getRestorationButton();
48486
48581
  }
48487
48582
  }
48488
- const checkApplicationStatusForDisconnection = (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a18 = applicationDetails.applicationData) === null || _applicationDetails$a18 === void 0 ? void 0 : _applicationDetails$a18.status) === "Active" ? true : false;
48583
+ const checkApplicationStatusForDisconnection = (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a17 = applicationDetails.applicationData) === null || _applicationDetails$a17 === void 0 ? void 0 : _applicationDetails$a17.status) === "Active" ? true : false;
48489
48584
  const showAction = checkApplicationStatusForDisconnection ? actionConfig : actionConfig.filter(item => item !== "DISCONNECTION_BUTTON");
48490
48585
  const showActionRestoration = ["RESTORATION_BUTTON"];
48491
48586
  let dowloadOptions = [];
@@ -48499,7 +48594,7 @@ const GetConnectionDetails = () => {
48499
48594
  label: t("WS_CONNECTION_DETAILS"),
48500
48595
  onClick: () => downloadConnectionDetails()
48501
48596
  };
48502
- if ((applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$f7 = applicationDetails.fetchBillsData) === null || _applicationDetails$f7 === void 0 ? void 0 : _applicationDetails$f7.length) > 0) dowloadOptions = [appFeeDownloadReceipt, connectionDetailsReceipt];else dowloadOptions = [connectionDetailsReceipt];
48597
+ if ((applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$f5 = applicationDetails.fetchBillsData) === null || _applicationDetails$f5 === void 0 ? void 0 : _applicationDetails$f5.length) > 0) dowloadOptions = [appFeeDownloadReceipt, connectionDetailsReceipt];else dowloadOptions = [connectionDetailsReceipt];
48503
48598
  const Close = () => /*#__PURE__*/React__default.createElement("svg", {
48504
48599
  xmlns: "http://www.w3.org/2000/svg",
48505
48600
  viewBox: "0 0 24 24",
@@ -48526,7 +48621,10 @@ const GetConnectionDetails = () => {
48526
48621
  };
48527
48622
  return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
48528
48623
  style: {
48529
- position: "relative"
48624
+ position: "relative",
48625
+ width: "100%",
48626
+ height: "100%",
48627
+ overflowY: "scroll"
48530
48628
  }
48531
48629
  }, dowloadOptions && dowloadOptions.length > 0 && /*#__PURE__*/React__default.createElement("div", {
48532
48630
  style: {
@@ -48548,7 +48646,7 @@ const GetConnectionDetails = () => {
48548
48646
  isDataLoading: isLoading,
48549
48647
  applicationData: applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationData,
48550
48648
  mutate: mutate,
48551
- businessService: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$p3 = applicationDetails.processInstancesDetails) === null || _applicationDetails$p3 === void 0 ? void 0 : (_applicationDetails$p4 = _applicationDetails$p3[0]) === null || _applicationDetails$p4 === void 0 ? void 0 : _applicationDetails$p4.businessService,
48649
+ businessService: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$p2 = applicationDetails.processInstancesDetails) === null || _applicationDetails$p2 === void 0 ? void 0 : (_applicationDetails$p3 = _applicationDetails$p2[0]) === null || _applicationDetails$p3 === void 0 ? void 0 : _applicationDetails$p3.businessService,
48552
48650
  moduleCode: "WS",
48553
48651
  showToast: showToast,
48554
48652
  setShowToast: setShowToast,
@@ -48566,7 +48664,7 @@ const GetConnectionDetails = () => {
48566
48664
  ref: actionMenuRef,
48567
48665
  label: t("WF_TAKE_ACTION"),
48568
48666
  onSubmit: () => setDisplayMenu(!displayMenu)
48569
- })) : applicationDetails !== null && applicationDetails !== void 0 && (_applicationDetails$a19 = applicationDetails.applicationData) !== null && _applicationDetails$a19 !== void 0 && _applicationDetails$a19.isDisconnectionTemporary && (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a20 = applicationDetails.applicationData) === null || _applicationDetails$a20 === void 0 ? void 0 : _applicationDetails$a20.status) !== "Active" && (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a21 = applicationDetails.applicationData) === null || _applicationDetails$a21 === void 0 ? void 0 : _applicationDetails$a21.applicationStatus) == "DISCONNECTION_EXECUTED" ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.ActionBar, null, displayMenu ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.Menu, {
48667
+ })) : applicationDetails !== null && applicationDetails !== void 0 && (_applicationDetails$a18 = applicationDetails.applicationData) !== null && _applicationDetails$a18 !== void 0 && _applicationDetails$a18.isDisconnectionTemporary && (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a19 = applicationDetails.applicationData) === null || _applicationDetails$a19 === void 0 ? void 0 : _applicationDetails$a19.status) !== "Active" && (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a20 = applicationDetails.applicationData) === null || _applicationDetails$a20 === void 0 ? void 0 : _applicationDetails$a20.applicationStatus) == "DISCONNECTION_EXECUTED" ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.ActionBar, null, displayMenu ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.Menu, {
48570
48668
  options: showActionRestoration,
48571
48669
  localeKeyPrefix: "WS",
48572
48670
  t: t,
@@ -48622,7 +48720,7 @@ const GetConnectionDetails = () => {
48622
48720
  className: "modal-header-ws"
48623
48721
  }, t("WS_CLEAR_DUES_DISCONNECTION_SUB_HEADER_LABEL"), " "), /*#__PURE__*/React__default.createElement("div", {
48624
48722
  className: "modal-body-ws"
48625
- }, /*#__PURE__*/React__default.createElement("span", null, t("WS_COMMON_TABLE_COL_AMT_DUE_LABEL"), ": \u20B9", due ? due : applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$f8 = applicationDetails.fetchBillsData) === null || _applicationDetails$f8 === void 0 ? void 0 : (_applicationDetails$f9 = _applicationDetails$f8[0]) === null || _applicationDetails$f9 === void 0 ? void 0 : _applicationDetails$f9.totalAmount))) : null, showActionToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
48723
+ }, /*#__PURE__*/React__default.createElement("span", null, t("WS_COMMON_TABLE_COL_AMT_DUE_LABEL"), ": \u20B9", due ? due : applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$f6 = applicationDetails.fetchBillsData) === null || _applicationDetails$f6 === void 0 ? void 0 : (_applicationDetails$f7 = _applicationDetails$f6[0]) === null || _applicationDetails$f7 === void 0 ? void 0 : _applicationDetails$f7.totalAmount))) : null, showActionToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
48626
48724
  error: showActionToast.key,
48627
48725
  label: t("" + showActionToast.label),
48628
48726
  onClose: closeBillToast
@@ -50408,10 +50506,198 @@ const EditModifyApplication = () => {
50408
50506
  }));
50409
50507
  };
50410
50508
 
50509
+ const Step1_SearchConnection = _ref => {
50510
+ let defaultKNumber = _ref.defaultKNumber,
50511
+ onNext = _ref.onNext;
50512
+ const _useState = React.useState(defaultKNumber || ""),
50513
+ kNumber = _useState[0],
50514
+ setKNumber = _useState[1];
50515
+ const _useState2 = React.useState(false),
50516
+ isLoading = _useState2[0],
50517
+ setIsLoading = _useState2[1];
50518
+ const _useState3 = React.useState(null),
50519
+ showToast = _useState3[0],
50520
+ setShowToast = _useState3[1];
50521
+ const handleSendOtp = function () {
50522
+ try {
50523
+ if (!kNumber) {
50524
+ setShowToast({
50525
+ key: "warning",
50526
+ message: "Please enter K Number / Connection ID"
50527
+ });
50528
+ return Promise.resolve();
50529
+ }
50530
+ setIsLoading(true);
50531
+ return Promise.resolve(_catch(function () {
50532
+ const tenantId = Digit.ULBService.getCurrentTenantId() || "dl";
50533
+ const params = {
50534
+ connectionNumber: kNumber,
50535
+ isConnectionSearch: true
50536
+ };
50537
+ let detectedServiceType = "WATER";
50538
+ return Promise.resolve(Digit.WSService.search({
50539
+ tenantId,
50540
+ filters: params,
50541
+ businessService: "WS"
50542
+ }).catch(() => null)).then(function (wsResponse) {
50543
+ var _wsResponse$WaterConn;
50544
+ function _temp2() {
50545
+ var _connection, _connection$connectio, _connection$connectio2, _connection2;
50546
+ if (!connection) {
50547
+ setIsLoading(false);
50548
+ setShowToast({
50549
+ key: "error",
50550
+ message: "Connection not found for the given K Number"
50551
+ });
50552
+ return;
50553
+ }
50554
+ 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);
50555
+ if (!fetchedMobileNumber || fetchedMobileNumber.length !== 10) {
50556
+ setIsLoading(false);
50557
+ setShowToast({
50558
+ key: "error",
50559
+ message: "No valid registered mobile number found for this connection"
50560
+ });
50561
+ return;
50562
+ }
50563
+ const userType = Digit.UserService.getType().toUpperCase();
50564
+ const payload = {
50565
+ otp: {
50566
+ mobileNumber: fetchedMobileNumber,
50567
+ tenantId: "dl",
50568
+ type: "register",
50569
+ userType: userType
50570
+ }
50571
+ };
50572
+ return Promise.resolve(Digit.UserService.sendOtp(payload, "dl")).then(function () {
50573
+ setIsLoading(false);
50574
+ onNext({
50575
+ kNumber,
50576
+ mobileNumber: fetchedMobileNumber,
50577
+ serviceType: detectedServiceType
50578
+ });
50579
+ });
50580
+ }
50581
+ let connection = wsResponse === null || wsResponse === void 0 ? void 0 : (_wsResponse$WaterConn = wsResponse.WaterConnection) === null || _wsResponse$WaterConn === void 0 ? void 0 : _wsResponse$WaterConn[0];
50582
+ const _temp = function () {
50583
+ if (!connection) {
50584
+ return Promise.resolve(Digit.WSService.search({
50585
+ tenantId,
50586
+ filters: params,
50587
+ businessService: "SW"
50588
+ }).catch(() => null)).then(function (swResponse) {
50589
+ var _swResponse$SewerageC;
50590
+ connection = swResponse === null || swResponse === void 0 ? void 0 : (_swResponse$SewerageC = swResponse.SewerageConnections) === null || _swResponse$SewerageC === void 0 ? void 0 : _swResponse$SewerageC[0];
50591
+ if (connection) detectedServiceType = "SEWERAGE";
50592
+ });
50593
+ }
50594
+ }();
50595
+ return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
50596
+ });
50597
+ }, function (err) {
50598
+ var _err$response, _err$response$data, _err$response$data$Er, _err$response$data$Er2;
50599
+ setIsLoading(false);
50600
+ setShowToast({
50601
+ key: "error",
50602
+ 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"
50603
+ });
50604
+ }));
50605
+ } catch (e) {
50606
+ return Promise.reject(e);
50607
+ }
50608
+ };
50609
+ return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, {
50610
+ style: {
50611
+ marginBottom: "20px"
50612
+ }
50613
+ }, /*#__PURE__*/React__default.createElement("div", {
50614
+ style: {
50615
+ display: "flex",
50616
+ alignItems: "center",
50617
+ marginBottom: "16px",
50618
+ flexWrap: "wrap",
50619
+ gap: "8px"
50620
+ }
50621
+ }, /*#__PURE__*/React__default.createElement("span", {
50622
+ style: {
50623
+ fontSize: "24px"
50624
+ }
50625
+ }, "\uD83D\uDD0D"), /*#__PURE__*/React__default.createElement("h2", {
50626
+ style: {
50627
+ fontSize: "18px",
50628
+ fontWeight: "700",
50629
+ margin: 0
50630
+ }
50631
+ }, "1. Connection Authentication")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardText, null, "Please enter your K Number to proceed with the mutation application. An OTP will be sent to the registered mobile number."), /*#__PURE__*/React__default.createElement("div", {
50632
+ style: {
50633
+ marginBottom: "24px",
50634
+ marginTop: "16px",
50635
+ padding: "16px",
50636
+ backgroundColor: "#f9f9f9",
50637
+ borderRadius: "8px",
50638
+ borderLeft: "4px solid #00497e"
50639
+ }
50640
+ }, /*#__PURE__*/React__default.createElement("div", {
50641
+ style: {
50642
+ marginBottom: "16px"
50643
+ }
50644
+ }, /*#__PURE__*/React__default.createElement("div", {
50645
+ style: {
50646
+ fontWeight: "bold",
50647
+ marginBottom: "8px"
50648
+ }
50649
+ }, "K Number / Connection ID *"), /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextInput, {
50650
+ value: kNumber,
50651
+ onChange: e => setKNumber(e.target.value),
50652
+ placeholder: "Enter K Number",
50653
+ style: {
50654
+ width: "100%",
50655
+ maxWidth: "400px"
50656
+ }
50657
+ })), /*#__PURE__*/React__default.createElement("div", {
50658
+ style: {
50659
+ display: "flex",
50660
+ justifyContent: "flex-end"
50661
+ }
50662
+ }, /*#__PURE__*/React__default.createElement("button", {
50663
+ onClick: handleSendOtp,
50664
+ disabled: isLoading,
50665
+ style: {
50666
+ padding: "10px 20px",
50667
+ backgroundColor: "#00497e",
50668
+ color: "white",
50669
+ border: "none",
50670
+ borderRadius: "4px",
50671
+ cursor: "pointer",
50672
+ fontWeight: "bold",
50673
+ opacity: isLoading ? 0.7 : 1,
50674
+ width: "100%",
50675
+ maxWidth: "200px"
50676
+ }
50677
+ }, isLoading ? "Sending OTP..." : "Send OTP →"))), showToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
50678
+ error: showToast.key === "error",
50679
+ warning: showToast.key === "warning",
50680
+ label: showToast.message,
50681
+ onClose: () => setShowToast(null),
50682
+ isDleteBtn: true
50683
+ }));
50684
+ };
50685
+
50411
50686
  const Step1_ExistingConnection = _ref => {
50412
50687
  var _appData$connectionHo, _propertyData$Propert, _propertyData$Propert2, _appData$property, _propertyAddress$loca;
50413
50688
  let applicationDetails = _ref.applicationDetails,
50414
- propertyId = _ref.propertyId;
50689
+ propertyId = _ref.propertyId,
50690
+ mobileNumber = _ref.mobileNumber,
50691
+ onVerify = _ref.onVerify;
50692
+ const _useState = React.useState(""),
50693
+ otp = _useState[0],
50694
+ setOtp = _useState[1];
50695
+ const _useState2 = React.useState(false),
50696
+ isLoading = _useState2[0],
50697
+ setIsLoading = _useState2[1];
50698
+ const _useState3 = React.useState(null),
50699
+ showToast = _useState3[0],
50700
+ setShowToast = _useState3[1];
50415
50701
  const getMaskedName = name => {
50416
50702
  if (!name) return "NA";
50417
50703
  return name.split("").map((char, index) => index % 2 === 1 && char !== " " ? "*" : char).join("");
@@ -50427,13 +50713,17 @@ const Step1_ExistingConnection = _ref => {
50427
50713
  const holderDetails = (appData === null || appData === void 0 ? void 0 : (_appData$connectionHo = appData.connectionHolders) === null || _appData$connectionHo === void 0 ? void 0 : _appData$connectionHo[0]) || {};
50428
50714
  const registeredName = getMaskedName(holderDetails === null || holderDetails === void 0 ? void 0 : holderDetails.name);
50429
50715
  const registeredPhone = getMaskedPhone(holderDetails === null || holderDetails === void 0 ? void 0 : holderDetails.mobileNumber);
50430
- const tenantId = Digit.ULBService.getCurrentTenantId();
50716
+ const tenantId = (appData === null || appData === void 0 ? void 0 : appData.tenantId) || Digit.ULBService.getCurrentTenantId();
50431
50717
  const _Digit$Hooks$pt$usePr = Digit.Hooks.pt.usePropertySearch({
50432
50718
  filters: {
50433
50719
  propertyIds: propertyId
50434
50720
  },
50435
50721
  tenantId
50436
50722
  }, {
50723
+ filters: {
50724
+ propertyIds: propertyId
50725
+ },
50726
+ tenantId,
50437
50727
  enabled: !!propertyId
50438
50728
  }),
50439
50729
  propertyData = _Digit$Hooks$pt$usePr.data;
@@ -50443,29 +50733,71 @@ const Step1_ExistingConnection = _ref => {
50443
50733
  if (connectionNo === "NA") missingFields.push("Connection Number");
50444
50734
  if (registeredName === "NA") missingFields.push("Owner Name");
50445
50735
  if (formattedAddress === "NA") missingFields.push("Property Address");
50736
+ const handleVerifyOtp = function () {
50737
+ try {
50738
+ if (!otp || otp.length < 6) {
50739
+ setShowToast({
50740
+ key: "warning",
50741
+ message: "Please enter a valid 6-digit OTP"
50742
+ });
50743
+ return Promise.resolve();
50744
+ }
50745
+ setIsLoading(true);
50746
+ const _temp = _catch(function () {
50747
+ const payload = {
50748
+ otp: {
50749
+ otp: otp,
50750
+ identity: mobileNumber,
50751
+ tenantId: "dl"
50752
+ }
50753
+ };
50754
+ return Promise.resolve(Digit.UserService.validateOtp(payload)).then(function () {
50755
+ setIsLoading(false);
50756
+ onVerify();
50757
+ });
50758
+ }, function (err) {
50759
+ var _err$response, _err$response$data, _err$response$data$Er, _err$response$data$Er2;
50760
+ setIsLoading(false);
50761
+ setShowToast({
50762
+ key: "error",
50763
+ 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"
50764
+ });
50765
+ });
50766
+ return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
50767
+ } catch (e) {
50768
+ return Promise.reject(e);
50769
+ }
50770
+ };
50771
+ const infoItemStyle = {
50772
+ display: "flex",
50773
+ flexDirection: "column",
50774
+ minWidth: 0
50775
+ };
50446
50776
  return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, {
50447
50777
  style: {
50448
50778
  marginBottom: "20px"
50449
50779
  }
50450
50780
  }, /*#__PURE__*/React__default.createElement("div", {
50451
50781
  style: {
50452
- padding: "16px",
50782
+ padding: "12px 16px",
50453
50783
  backgroundColor: "#fff3cd",
50454
50784
  color: "#856404",
50455
50785
  borderRadius: "8px",
50456
50786
  border: "1px solid #ffeeba",
50457
50787
  marginBottom: "20px",
50458
50788
  display: "flex",
50459
- alignItems: "center"
50789
+ alignItems: "flex-start",
50790
+ gap: "8px"
50460
50791
  }
50461
50792
  }, /*#__PURE__*/React__default.createElement("span", {
50462
50793
  style: {
50463
- marginRight: "8px",
50464
- fontSize: "20px"
50794
+ fontSize: "18px",
50795
+ flexShrink: 0
50465
50796
  }
50466
50797
  }, "\u2139\uFE0F"), /*#__PURE__*/React__default.createElement("span", {
50467
50798
  style: {
50468
- fontWeight: "500"
50799
+ fontWeight: "500",
50800
+ fontSize: "14px"
50469
50801
  }
50470
50802
  }, "Name Change / Mutation is limited to changing the name of the consumer/account holder on the existing water connection. It does not constitute or imply transfer of property ownership.")), missingFields.length > 0 && /*#__PURE__*/React__default.createElement("div", {
50471
50803
  style: {
@@ -50476,36 +50808,38 @@ const Step1_ExistingConnection = _ref => {
50476
50808
  border: "1px solid #f5c6cb",
50477
50809
  marginBottom: "16px",
50478
50810
  display: "flex",
50479
- alignItems: "center"
50811
+ alignItems: "flex-start",
50812
+ gap: "8px"
50480
50813
  }
50481
50814
  }, /*#__PURE__*/React__default.createElement("span", {
50482
50815
  style: {
50483
- marginRight: "8px",
50484
- fontSize: "18px"
50816
+ fontSize: "16px",
50817
+ flexShrink: 0
50485
50818
  }
50486
50819
  }, "\u26A0\uFE0F"), /*#__PURE__*/React__default.createElement("span", {
50487
50820
  style: {
50488
50821
  fontWeight: "500",
50489
50822
  fontSize: "14px"
50490
50823
  }
50491
- }, "Please verify the connection data before proceeding.")), /*#__PURE__*/React__default.createElement("div", {
50824
+ }, "Note: Some connection details are missing (", missingFields.join(", "), "). You may need to update them during the mutation process.")), /*#__PURE__*/React__default.createElement("div", {
50492
50825
  style: {
50493
50826
  display: "flex",
50494
50827
  alignItems: "center",
50495
- marginBottom: "16px"
50828
+ marginBottom: "16px",
50829
+ flexWrap: "wrap",
50830
+ gap: "8px"
50496
50831
  }
50497
50832
  }, /*#__PURE__*/React__default.createElement("span", {
50498
50833
  style: {
50499
- fontSize: "24px",
50500
- marginRight: "8px"
50834
+ fontSize: "22px"
50501
50835
  }
50502
50836
  }, "\uD83C\uDFE2"), /*#__PURE__*/React__default.createElement("h2", {
50503
50837
  style: {
50504
- fontSize: "20px",
50838
+ fontSize: "18px",
50505
50839
  fontWeight: "700",
50506
50840
  margin: 0
50507
50841
  }
50508
- }, "1. Existing Connection & Current Consumer Details.")), /*#__PURE__*/React__default.createElement("div", {
50842
+ }, "2. Existing Consumer Details")), /*#__PURE__*/React__default.createElement("div", {
50509
50843
  style: {
50510
50844
  padding: "16px",
50511
50845
  backgroundColor: "#f9f9f9",
@@ -50515,43 +50849,54 @@ const Step1_ExistingConnection = _ref => {
50515
50849
  }, /*#__PURE__*/React__default.createElement("div", {
50516
50850
  style: {
50517
50851
  display: "grid",
50518
- gridTemplateColumns: "1fr 1fr 1fr",
50852
+ gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))",
50519
50853
  gap: "16px"
50520
50854
  }
50521
- }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
50855
+ }, /*#__PURE__*/React__default.createElement("div", {
50856
+ style: infoItemStyle
50857
+ }, /*#__PURE__*/React__default.createElement("div", {
50522
50858
  style: {
50523
50859
  color: "#555",
50524
- fontSize: "14px",
50860
+ fontSize: "13px",
50525
50861
  marginBottom: "4px"
50526
50862
  }
50527
50863
  }, "Connection Number"), /*#__PURE__*/React__default.createElement("div", {
50528
50864
  style: {
50529
- fontWeight: "bold"
50865
+ fontWeight: "bold",
50866
+ wordBreak: "break-all"
50530
50867
  }
50531
- }, connectionNo)), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
50868
+ }, connectionNo)), /*#__PURE__*/React__default.createElement("div", {
50869
+ style: infoItemStyle
50870
+ }, /*#__PURE__*/React__default.createElement("div", {
50532
50871
  style: {
50533
50872
  color: "#555",
50534
- fontSize: "14px",
50873
+ fontSize: "13px",
50535
50874
  marginBottom: "4px"
50536
50875
  }
50537
50876
  }, "Current Owner Name"), /*#__PURE__*/React__default.createElement("div", {
50538
50877
  style: {
50539
- fontWeight: "bold"
50878
+ fontWeight: "bold",
50879
+ wordBreak: "break-word"
50540
50880
  }
50541
- }, registeredName)), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
50881
+ }, registeredName)), /*#__PURE__*/React__default.createElement("div", {
50882
+ style: infoItemStyle
50883
+ }, /*#__PURE__*/React__default.createElement("div", {
50542
50884
  style: {
50543
50885
  color: "#555",
50544
- fontSize: "14px",
50886
+ fontSize: "13px",
50545
50887
  marginBottom: "4px"
50546
50888
  }
50547
50889
  }, "Property Address"), /*#__PURE__*/React__default.createElement("div", {
50548
50890
  style: {
50549
- fontWeight: "bold"
50891
+ fontWeight: "bold",
50892
+ wordBreak: "break-word"
50550
50893
  }
50551
- }, formattedAddress)), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
50894
+ }, formattedAddress)), /*#__PURE__*/React__default.createElement("div", {
50895
+ style: infoItemStyle
50896
+ }, /*#__PURE__*/React__default.createElement("div", {
50552
50897
  style: {
50553
50898
  color: "#555",
50554
- fontSize: "14px",
50899
+ fontSize: "13px",
50555
50900
  marginBottom: "4px"
50556
50901
  }
50557
50902
  }, "Connection Status"), /*#__PURE__*/React__default.createElement("div", {
@@ -50559,27 +50904,88 @@ const Step1_ExistingConnection = _ref => {
50559
50904
  fontWeight: "bold",
50560
50905
  color: (connectionStatus === null || connectionStatus === void 0 ? void 0 : connectionStatus.toLowerCase()) === "active" ? "#28a745" : "#dc3545"
50561
50906
  }
50562
- }, connectionStatus)), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
50907
+ }, connectionStatus)), /*#__PURE__*/React__default.createElement("div", {
50908
+ style: infoItemStyle
50909
+ }, /*#__PURE__*/React__default.createElement("div", {
50563
50910
  style: {
50564
50911
  color: "#555",
50565
- fontSize: "14px",
50912
+ fontSize: "13px",
50566
50913
  marginBottom: "4px"
50567
50914
  }
50568
50915
  }, "Meter Number"), /*#__PURE__*/React__default.createElement("div", {
50569
50916
  style: {
50570
- fontWeight: "bold"
50917
+ fontWeight: "bold",
50918
+ wordBreak: "break-all"
50571
50919
  }
50572
- }, meterId)), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
50920
+ }, meterId)), /*#__PURE__*/React__default.createElement("div", {
50921
+ style: infoItemStyle
50922
+ }, /*#__PURE__*/React__default.createElement("div", {
50573
50923
  style: {
50574
50924
  color: "#555",
50575
- fontSize: "14px",
50925
+ fontSize: "13px",
50576
50926
  marginBottom: "4px"
50577
50927
  }
50578
50928
  }, "Mobile Number"), /*#__PURE__*/React__default.createElement("div", {
50579
50929
  style: {
50580
50930
  fontWeight: "bold"
50581
50931
  }
50582
- }, registeredPhone)))));
50932
+ }, registeredPhone)))), /*#__PURE__*/React__default.createElement("div", {
50933
+ style: {
50934
+ marginTop: "24px",
50935
+ borderTop: "1px solid #e0e0e0",
50936
+ paddingTop: "16px"
50937
+ }
50938
+ }, /*#__PURE__*/React__default.createElement("h3", {
50939
+ style: {
50940
+ fontSize: "16px",
50941
+ fontWeight: "bold",
50942
+ marginBottom: "16px"
50943
+ }
50944
+ }, "Verify OTP"), /*#__PURE__*/React__default.createElement("div", {
50945
+ style: {
50946
+ display: "flex",
50947
+ flexDirection: "column",
50948
+ gap: "8px",
50949
+ maxWidth: "400px",
50950
+ marginBottom: "16px"
50951
+ }
50952
+ }, /*#__PURE__*/React__default.createElement("label", {
50953
+ style: {
50954
+ fontWeight: "500",
50955
+ fontSize: "14px"
50956
+ }
50957
+ }, "Enter OTP sent to +91 ", getMaskedPhone(mobileNumber), " *"), /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextInput, {
50958
+ value: otp,
50959
+ onChange: e => setOtp(e.target.value.replace(/\D/g, '').slice(0, 6)),
50960
+ placeholder: "Enter 6-digit OTP",
50961
+ maxLength: 6
50962
+ })), /*#__PURE__*/React__default.createElement("div", {
50963
+ style: {
50964
+ display: "flex",
50965
+ justifyContent: "flex-end"
50966
+ }
50967
+ }, /*#__PURE__*/React__default.createElement("button", {
50968
+ onClick: handleVerifyOtp,
50969
+ disabled: isLoading || otp.length < 6,
50970
+ style: {
50971
+ padding: "10px 20px",
50972
+ backgroundColor: "#00497e",
50973
+ color: "white",
50974
+ border: "none",
50975
+ borderRadius: "4px",
50976
+ cursor: isLoading || otp.length < 6 ? "not-allowed" : "pointer",
50977
+ fontWeight: "bold",
50978
+ opacity: isLoading || otp.length < 6 ? 0.5 : 1,
50979
+ width: "100%",
50980
+ maxWidth: "200px"
50981
+ }
50982
+ }, isLoading ? "Verifying..." : "Verify & Proceed →"))), showToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
50983
+ error: (showToast === null || showToast === void 0 ? void 0 : showToast.key) === "error",
50984
+ warning: (showToast === null || showToast === void 0 ? void 0 : showToast.key) === "warning",
50985
+ label: showToast === null || showToast === void 0 ? void 0 : showToast.message,
50986
+ onClose: () => setShowToast(null),
50987
+ isDleteBtn: true
50988
+ }));
50583
50989
  };
50584
50990
 
50585
50991
  const Step2_NewConsumerDetails = _ref => {
@@ -50597,7 +51003,8 @@ const Step2_NewConsumerDetails = _ref => {
50597
51003
  errors = _useForm.formState.errors,
50598
51004
  trigger = _useForm.trigger,
50599
51005
  setError = _useForm.setError,
50600
- clearErrors = _useForm.clearErrors;
51006
+ clearErrors = _useForm.clearErrors,
51007
+ setValue = _useForm.setValue;
50601
51008
  const _useState = React.useState(null),
50602
51009
  showToast = _useState[0],
50603
51010
  setShowToast = _useState[1];
@@ -50693,16 +51100,17 @@ const Step2_NewConsumerDetails = _ref => {
50693
51100
  style: {
50694
51101
  display: "flex",
50695
51102
  alignItems: "center",
50696
- marginBottom: "16px"
51103
+ marginBottom: "16px",
51104
+ flexWrap: "wrap",
51105
+ gap: "8px"
50697
51106
  }
50698
51107
  }, /*#__PURE__*/React__default.createElement("span", {
50699
51108
  style: {
50700
- fontSize: "24px",
50701
- marginRight: "8px"
51109
+ fontSize: "22px"
50702
51110
  }
50703
51111
  }, "\uD83D\uDC64"), /*#__PURE__*/React__default.createElement("h2", {
50704
51112
  style: {
50705
- fontSize: "20px",
51113
+ fontSize: "18px",
50706
51114
  fontWeight: "700",
50707
51115
  margin: 0
50708
51116
  }
@@ -50715,12 +51123,13 @@ const Step2_NewConsumerDetails = _ref => {
50715
51123
  border: "1px solid #f5c6cb",
50716
51124
  marginBottom: "16px",
50717
51125
  display: "flex",
50718
- alignItems: "center"
51126
+ alignItems: "flex-start",
51127
+ gap: "8px"
50719
51128
  }
50720
51129
  }, /*#__PURE__*/React__default.createElement("span", {
50721
51130
  style: {
50722
- marginRight: "8px",
50723
- fontSize: "18px"
51131
+ fontSize: "16px",
51132
+ flexShrink: 0
50724
51133
  }
50725
51134
  }, "\u26A0\uFE0F"), /*#__PURE__*/React__default.createElement("span", {
50726
51135
  style: {
@@ -50737,9 +51146,9 @@ const Step2_NewConsumerDetails = _ref => {
50737
51146
  }, /*#__PURE__*/React__default.createElement("div", {
50738
51147
  style: {
50739
51148
  display: "grid",
50740
- gridTemplateColumns: "1fr 1fr 1fr",
50741
- gap: "24px",
50742
- padding: "16px 0"
51149
+ gridTemplateColumns: "repeat(auto-fill, minmax(240px, 1fr))",
51150
+ gap: "20px",
51151
+ padding: "8px 0 16px"
50743
51152
  }
50744
51153
  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, {
50745
51154
  style: {
@@ -50887,6 +51296,9 @@ const Step2_NewConsumerDetails = _ref => {
50887
51296
  setTouched(p => _extends({}, p, {
50888
51297
  reasonForNameChange: true
50889
51298
  }));
51299
+ if ((val === null || val === void 0 ? void 0 : val.code) !== "OTHER" && val !== "OTHER") {
51300
+ setValue("relationshipWithExistingConsumer", null);
51301
+ }
50890
51302
  },
50891
51303
  optionKey: "i18nKey",
50892
51304
  t: t,
@@ -50933,13 +51345,15 @@ const Step2_NewConsumerDetails = _ref => {
50933
51345
  display: "flex",
50934
51346
  justifyContent: "space-between",
50935
51347
  alignItems: "center",
50936
- marginTop: "24px"
51348
+ marginTop: "24px",
51349
+ flexWrap: "wrap",
51350
+ gap: "12px"
50937
51351
  }
50938
51352
  }, /*#__PURE__*/React__default.createElement("button", {
50939
51353
  type: "button",
50940
51354
  onClick: onBack,
50941
51355
  style: {
50942
- padding: "8px 24px",
51356
+ padding: "10px 20px",
50943
51357
  backgroundColor: "#e0e0e0",
50944
51358
  border: "none",
50945
51359
  borderRadius: "4px",
@@ -50950,7 +51364,8 @@ const Step2_NewConsumerDetails = _ref => {
50950
51364
  style: {
50951
51365
  display: "flex",
50952
51366
  alignItems: "center",
50953
- gap: "12px"
51367
+ gap: "12px",
51368
+ flexWrap: "wrap"
50954
51369
  }
50955
51370
  }, /*#__PURE__*/React__default.createElement("span", {
50956
51371
  style: {
@@ -50964,7 +51379,7 @@ const Step2_NewConsumerDetails = _ref => {
50964
51379
  }, "*"), " are mandatory"), /*#__PURE__*/React__default.createElement("button", {
50965
51380
  type: "submit",
50966
51381
  style: {
50967
- padding: "10px 24px",
51382
+ padding: "10px 20px",
50968
51383
  backgroundColor: "#00497e",
50969
51384
  color: "white",
50970
51385
  border: "none",
@@ -51138,6 +51553,80 @@ const Step3_UploadDocuments = _ref => {
51138
51553
  React.useEffect(() => {
51139
51554
  if (rawFiles.mutation) handleFileUpload(rawFiles.mutation, "mutation");
51140
51555
  }, [rawFiles.mutation]);
51556
+ const _useState0 = React.useState(""),
51557
+ identityFileName = _useState0[0],
51558
+ setIdentityFileName = _useState0[1];
51559
+ const _useState1 = React.useState(""),
51560
+ mutationFileName = _useState1[0],
51561
+ setMutationFileName = _useState1[1];
51562
+ const _useState10 = React.useState(""),
51563
+ identityFileUrl = _useState10[0],
51564
+ setIdentityFileUrl = _useState10[1];
51565
+ const _useState11 = React.useState(""),
51566
+ mutationFileUrl = _useState11[0],
51567
+ setMutationFileUrl = _useState11[1];
51568
+ React.useEffect(() => {
51569
+ const fetchFileDetails = function () {
51570
+ try {
51571
+ function _temp6() {
51572
+ const _temp4 = function () {
51573
+ if (mutationDocFile && !rawFiles.mutation) {
51574
+ const _temp3 = _catch(function () {
51575
+ return Promise.resolve(window.Digit.UploadServices.Filefetch([mutationDocFile], tenantId)).then(function (res) {
51576
+ var _res$data;
51577
+ if (res !== null && res !== void 0 && (_res$data = res.data) !== null && _res$data !== void 0 && _res$data[mutationDocFile]) {
51578
+ const url = res.data[mutationDocFile].split(",")[0];
51579
+ setMutationFileUrl(url);
51580
+ let fileName = "Supporting_Document";
51581
+ try {
51582
+ const decoded = decodeURIComponent(url);
51583
+ const urlParts = decoded.split("?")[0].split("/");
51584
+ fileName = urlParts[urlParts.length - 1];
51585
+ if (fileName.includes("-")) fileName = fileName.split("-").slice(1).join("-");
51586
+ } catch (e) {}
51587
+ setMutationFileName(fileName);
51588
+ }
51589
+ });
51590
+ }, function (e) {
51591
+ console.error("Error fetching mutation doc", e);
51592
+ });
51593
+ if (_temp3 && _temp3.then) return _temp3.then(function () {});
51594
+ }
51595
+ }();
51596
+ if (_temp4 && _temp4.then) return _temp4.then(function () {});
51597
+ }
51598
+ const tenantId = window.Digit.ULBService.getStateId();
51599
+ const _temp5 = function () {
51600
+ if (identityProofFile && !rawFiles.identity) {
51601
+ const _temp2 = _catch(function () {
51602
+ return Promise.resolve(window.Digit.UploadServices.Filefetch([identityProofFile], tenantId)).then(function (res) {
51603
+ var _res$data2;
51604
+ if (res !== null && res !== void 0 && (_res$data2 = res.data) !== null && _res$data2 !== void 0 && _res$data2[identityProofFile]) {
51605
+ const url = res.data[identityProofFile].split(",")[0];
51606
+ setIdentityFileUrl(url);
51607
+ let fileName = "Identity_Document";
51608
+ try {
51609
+ const decoded = decodeURIComponent(url);
51610
+ const urlParts = decoded.split("?")[0].split("/");
51611
+ fileName = urlParts[urlParts.length - 1];
51612
+ if (fileName.includes("-")) fileName = fileName.split("-").slice(1).join("-");
51613
+ } catch (e) {}
51614
+ setIdentityFileName(fileName);
51615
+ }
51616
+ });
51617
+ }, function (e) {
51618
+ console.error("Error fetching identity doc", e);
51619
+ });
51620
+ if (_temp2 && _temp2.then) return _temp2.then(function () {});
51621
+ }
51622
+ }();
51623
+ return Promise.resolve(_temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5));
51624
+ } catch (e) {
51625
+ return Promise.reject(e);
51626
+ }
51627
+ };
51628
+ fetchFileDetails();
51629
+ }, [identityProofFile, mutationDocFile, rawFiles]);
51141
51630
  React.useEffect(() => {
51142
51631
  if (hasAttemptedSubmit) {
51143
51632
  const newErrors = {};
@@ -51235,12 +51724,13 @@ const Step3_UploadDocuments = _ref => {
51235
51724
  border: "1px solid #f5c6cb",
51236
51725
  marginBottom: "16px",
51237
51726
  display: "flex",
51238
- alignItems: "center"
51727
+ alignItems: "flex-start",
51728
+ gap: "8px"
51239
51729
  }
51240
51730
  }, /*#__PURE__*/React__default.createElement("span", {
51241
51731
  style: {
51242
- marginRight: "8px",
51243
- fontSize: "18px"
51732
+ fontSize: "16px",
51733
+ flexShrink: 0
51244
51734
  }
51245
51735
  }, "\u26A0\uFE0F"), /*#__PURE__*/React__default.createElement("span", {
51246
51736
  style: {
@@ -51250,7 +51740,7 @@ const Step3_UploadDocuments = _ref => {
51250
51740
  }, errorCount, " required item", errorCount > 1 ? "s" : "", " still need", errorCount === 1 ? "s" : "", " your attention before proceeding.")), /*#__PURE__*/React__default.createElement("div", {
51251
51741
  style: {
51252
51742
  display: "grid",
51253
- gridTemplateColumns: "1fr 1fr",
51743
+ gridTemplateColumns: "repeat(auto-fill, minmax(280px, 1fr))",
51254
51744
  gap: "24px"
51255
51745
  }
51256
51746
  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, {
@@ -51341,7 +51831,26 @@ const Step3_UploadDocuments = _ref => {
51341
51831
  style: errorTextStyle
51342
51832
  }, fieldErrors.identityFile), identityProofFile && /*#__PURE__*/React__default.createElement("div", {
51343
51833
  style: successTextStyle
51344
- }, "\u2713 Document uploaded successfully")), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, {
51834
+ }, "\u2713 Document uploaded successfully"), identityProofFile && identityFileUrl && !rawFiles.identity && /*#__PURE__*/React__default.createElement("div", {
51835
+ style: {
51836
+ marginTop: "8px"
51837
+ }
51838
+ }, /*#__PURE__*/React__default.createElement("a", {
51839
+ href: identityFileUrl,
51840
+ target: "_blank",
51841
+ rel: "noreferrer",
51842
+ style: {
51843
+ color: "#f47738",
51844
+ textDecoration: "underline",
51845
+ fontSize: "14px",
51846
+ display: "inline-flex",
51847
+ alignItems: "center"
51848
+ }
51849
+ }, /*#__PURE__*/React__default.createElement("span", {
51850
+ style: {
51851
+ marginRight: "4px"
51852
+ }
51853
+ }, "\uD83D\uDCC4"), " View ", identityFileName))), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, {
51345
51854
  style: {
51346
51855
  fontWeight: "bold"
51347
51856
  }
@@ -51385,18 +51894,39 @@ const Step3_UploadDocuments = _ref => {
51385
51894
  style: errorTextStyle
51386
51895
  }, fieldErrors.mutationFile), mutationDocFile && /*#__PURE__*/React__default.createElement("div", {
51387
51896
  style: successTextStyle
51388
- }, "\u2713 Document uploaded successfully"))), /*#__PURE__*/React__default.createElement("div", {
51897
+ }, "\u2713 Document uploaded successfully"), mutationDocFile && mutationFileUrl && !rawFiles.mutation && /*#__PURE__*/React__default.createElement("div", {
51898
+ style: {
51899
+ marginTop: "8px"
51900
+ }
51901
+ }, /*#__PURE__*/React__default.createElement("a", {
51902
+ href: mutationFileUrl,
51903
+ target: "_blank",
51904
+ rel: "noreferrer",
51905
+ style: {
51906
+ color: "#f47738",
51907
+ textDecoration: "underline",
51908
+ fontSize: "14px",
51909
+ display: "inline-flex",
51910
+ alignItems: "center"
51911
+ }
51912
+ }, /*#__PURE__*/React__default.createElement("span", {
51913
+ style: {
51914
+ marginRight: "4px"
51915
+ }
51916
+ }, "\uD83D\uDCC4"), " View ", mutationFileName)))), /*#__PURE__*/React__default.createElement("div", {
51389
51917
  style: {
51390
51918
  display: "flex",
51391
51919
  justifyContent: "space-between",
51392
51920
  alignItems: "center",
51393
- marginTop: "32px"
51921
+ marginTop: "32px",
51922
+ flexWrap: "wrap",
51923
+ gap: "12px"
51394
51924
  }
51395
51925
  }, /*#__PURE__*/React__default.createElement("button", {
51396
51926
  type: "button",
51397
51927
  onClick: onBack,
51398
51928
  style: {
51399
- padding: "8px 24px",
51929
+ padding: "10px 20px",
51400
51930
  backgroundColor: "#e0e0e0",
51401
51931
  border: "none",
51402
51932
  borderRadius: "4px",
@@ -51407,7 +51937,8 @@ const Step3_UploadDocuments = _ref => {
51407
51937
  style: {
51408
51938
  display: "flex",
51409
51939
  alignItems: "center",
51410
- gap: "12px"
51940
+ gap: "12px",
51941
+ flexWrap: "wrap"
51411
51942
  }
51412
51943
  }, /*#__PURE__*/React__default.createElement("span", {
51413
51944
  style: {
@@ -51419,7 +51950,7 @@ const Step3_UploadDocuments = _ref => {
51419
51950
  onClick: onProceed,
51420
51951
  disabled: isUploading,
51421
51952
  style: {
51422
- padding: "10px 24px",
51953
+ padding: "10px 20px",
51423
51954
  backgroundColor: isUploading ? "#ccc" : "#00497e",
51424
51955
  color: "white",
51425
51956
  border: "none",
@@ -51438,8 +51969,9 @@ const Step3_UploadDocuments = _ref => {
51438
51969
  };
51439
51970
 
51440
51971
  const Step4_Preview = _ref => {
51441
- var _appData$connectionHo, _appData$property, _address$locality;
51442
- let formData = _ref.formData,
51972
+ var _appData$connectionHo, _propertyData$Propert, _propertyData$Propert2, _appData$property, _propertyAddress$loca;
51973
+ let t = _ref.t,
51974
+ formData = _ref.formData,
51443
51975
  applicationDetails = _ref.applicationDetails,
51444
51976
  onBack = _ref.onBack,
51445
51977
  onSubmit = _ref.onSubmit,
@@ -51450,9 +51982,11 @@ const Step4_Preview = _ref => {
51450
51982
  const _useState2 = React.useState(0),
51451
51983
  fee = _useState2[0],
51452
51984
  setFee = _useState2[1];
51453
- const _useState3 = React.useState("Calculating..."),
51454
- slab = _useState3[0],
51455
- setSlab = _useState3[1];
51985
+ const _useState3 = React.useState([]),
51986
+ taxHeads = _useState3[0],
51987
+ setTaxHeads = _useState3[1];
51988
+ const _useState4 = React.useState("Calculating..."),
51989
+ setSlab = _useState4[1];
51456
51990
  const getMaskedName = name => {
51457
51991
  if (!name) return "NA";
51458
51992
  return name.split("").map((char, index) => index % 2 === 1 && char !== " " ? "*" : char).join("");
@@ -51468,8 +52002,22 @@ const Step4_Preview = _ref => {
51468
52002
  const oldHolder = (appData === null || appData === void 0 ? void 0 : (_appData$connectionHo = appData.connectionHolders) === null || _appData$connectionHo === void 0 ? void 0 : _appData$connectionHo[0]) || {};
51469
52003
  const oldName = getMaskedName(oldHolder === null || oldHolder === void 0 ? void 0 : oldHolder.name);
51470
52004
  const oldPhone = getMaskedPhone(oldHolder === null || oldHolder === void 0 ? void 0 : oldHolder.mobileNumber);
51471
- const address = (appData === null || appData === void 0 ? void 0 : (_appData$property = appData.property) === null || _appData$property === void 0 ? void 0 : _appData$property.address) || {};
51472
- const oldAddress = [address === null || address === void 0 ? void 0 : address.doorNo, address === null || address === void 0 ? void 0 : address.buildingName, address === null || address === void 0 ? void 0 : address.street, address === null || address === void 0 ? void 0 : (_address$locality = address.locality) === null || _address$locality === void 0 ? void 0 : _address$locality.name, address === null || address === void 0 ? void 0 : address.city].filter(Boolean).join(", ") || "NA";
52005
+ const tenantId = (appData === null || appData === void 0 ? void 0 : appData.tenantId) || Digit.ULBService.getCurrentTenantId();
52006
+ const _Digit$Hooks$pt$usePr = Digit.Hooks.pt.usePropertySearch({
52007
+ filters: {
52008
+ propertyIds: propertyId
52009
+ },
52010
+ tenantId
52011
+ }, {
52012
+ filters: {
52013
+ propertyIds: propertyId
52014
+ },
52015
+ tenantId,
52016
+ enabled: !!propertyId && propertyId !== "NA"
52017
+ }),
52018
+ propertyData = _Digit$Hooks$pt$usePr.data;
52019
+ 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) || {};
52020
+ const oldAddress = [(propertyAddress === null || propertyAddress === void 0 ? void 0 : propertyAddress.houseNo) || (propertyAddress === null || propertyAddress === void 0 ? void 0 : propertyAddress.doorNo), propertyAddress === null || propertyAddress === void 0 ? void 0 : propertyAddress.buildingName, propertyAddress === null || propertyAddress === void 0 ? void 0 : propertyAddress.street, propertyAddress === null || propertyAddress === void 0 ? void 0 : (_propertyAddress$loca = propertyAddress.locality) === null || _propertyAddress$loca === void 0 ? void 0 : _propertyAddress$loca.name, propertyAddress === null || propertyAddress === void 0 ? void 0 : propertyAddress.city, propertyAddress === null || propertyAddress === void 0 ? void 0 : propertyAddress.pincode].filter(Boolean).join(", ") || "NA";
51473
52021
  const proposedNewConsumerName = formData.proposedNewConsumerName,
51474
52022
  newOwnerMobileNumber = formData.newOwnerMobileNumber,
51475
52023
  relationshipWithExistingConsumer = formData.relationshipWithExistingConsumer,
@@ -51496,7 +52044,6 @@ const Step4_Preview = _ref => {
51496
52044
  };
51497
52045
  return map[code] || code;
51498
52046
  };
51499
- const tenantId = Digit.ULBService.getCurrentTenantId();
51500
52047
  const viewDocument = function (fileStoreId) {
51501
52048
  try {
51502
52049
  if (!fileStoreId) return Promise.resolve();
@@ -51518,15 +52065,30 @@ const Step4_Preview = _ref => {
51518
52065
  }
51519
52066
  };
51520
52067
  React.useEffect(() => {
51521
- const relationCode = (relationshipWithExistingConsumer === null || relationshipWithExistingConsumer === void 0 ? void 0 : relationshipWithExistingConsumer.code) || relationshipWithExistingConsumer;
51522
- if (relationCode && relationCode !== "OTHER") {
51523
- setFee(100);
51524
- setSlab("Blood relation slab");
51525
- } else {
51526
- setFee(1350);
51527
- setSlab("Other Slab");
51528
- }
51529
- }, [relationshipWithExistingConsumer]);
52068
+ const calculateStaticFee = () => {
52069
+ var _formData$relationshi;
52070
+ 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);
52071
+ if (relationCode === "BLOOD_RELATION") {
52072
+ setFee(100);
52073
+ setTaxHeads([]);
52074
+ setSlab("Blood relation slab");
52075
+ } else {
52076
+ setFee(1350);
52077
+ setTaxHeads([{
52078
+ taxHeadCode: "WS_MUTATION_TRADE_SECURITY",
52079
+ estimateAmount: 250.00
52080
+ }, {
52081
+ taxHeadCode: "WS_MUTATION_FEE",
52082
+ estimateAmount: 100.00
52083
+ }, {
52084
+ taxHeadCode: "WS_WATER_ADVANCE",
52085
+ estimateAmount: 1000.00
52086
+ }]);
52087
+ setSlab("Other Slab");
52088
+ }
52089
+ };
52090
+ calculateStaticFee();
52091
+ }, [formData]);
51530
52092
  const sectionStyle = {
51531
52093
  border: "1px solid #e0e0e0",
51532
52094
  borderRadius: "8px",
@@ -51535,17 +52097,27 @@ const Step4_Preview = _ref => {
51535
52097
  };
51536
52098
  const labelStyle = {
51537
52099
  color: "#666",
51538
- fontSize: "14px",
52100
+ fontSize: "13px",
51539
52101
  marginBottom: "4px"
51540
52102
  };
51541
52103
  const valueStyle = {
51542
52104
  fontWeight: "bold",
51543
- fontSize: "16px"
52105
+ fontSize: "15px",
52106
+ wordBreak: "break-word"
51544
52107
  };
51545
52108
  const uploadDocStatusStyle = {
51546
52109
  fontSize: "14px",
51547
52110
  fontWeight: "bold"
51548
52111
  };
52112
+ const infoItem = (label, value) => /*#__PURE__*/React__default.createElement("div", {
52113
+ style: {
52114
+ minWidth: 0
52115
+ }
52116
+ }, /*#__PURE__*/React__default.createElement("div", {
52117
+ style: labelStyle
52118
+ }, label), /*#__PURE__*/React__default.createElement("div", {
52119
+ style: valueStyle
52120
+ }, value));
51549
52121
  return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, {
51550
52122
  style: {
51551
52123
  marginBottom: "20px"
@@ -51554,16 +52126,17 @@ const Step4_Preview = _ref => {
51554
52126
  style: {
51555
52127
  display: "flex",
51556
52128
  alignItems: "center",
51557
- marginBottom: "16px"
52129
+ marginBottom: "16px",
52130
+ flexWrap: "wrap",
52131
+ gap: "8px"
51558
52132
  }
51559
52133
  }, /*#__PURE__*/React__default.createElement("span", {
51560
52134
  style: {
51561
- fontSize: "24px",
51562
- marginRight: "8px"
52135
+ fontSize: "22px"
51563
52136
  }
51564
52137
  }, "\uD83D\uDCCB"), /*#__PURE__*/React__default.createElement("h2", {
51565
52138
  style: {
51566
- fontSize: "20px",
52139
+ fontSize: "18px",
51567
52140
  fontWeight: "700",
51568
52141
  margin: 0
51569
52142
  }
@@ -51573,100 +52146,59 @@ const Step4_Preview = _ref => {
51573
52146
  })
51574
52147
  }, /*#__PURE__*/React__default.createElement("h3", {
51575
52148
  style: {
51576
- fontSize: "16px",
52149
+ fontSize: "15px",
51577
52150
  fontWeight: "bold",
51578
52151
  color: "#00497e",
51579
52152
  marginBottom: "12px"
51580
52153
  }
51581
52154
  }, "Property & Connection Summary"), /*#__PURE__*/React__default.createElement("div", {
51582
52155
  style: {
51583
- display: "flex",
51584
- justifyContent: "space-between"
52156
+ display: "grid",
52157
+ gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))",
52158
+ gap: "16px"
51585
52159
  }
51586
- }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
51587
- style: labelStyle
51588
- }, "Connection No"), /*#__PURE__*/React__default.createElement("div", {
51589
- style: valueStyle
51590
- }, connectionNo)), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
51591
- style: labelStyle
51592
- }, "Meter Number"), /*#__PURE__*/React__default.createElement("div", {
51593
- style: valueStyle
51594
- }, meterId)), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
51595
- style: labelStyle
51596
- }, "Property ID"), /*#__PURE__*/React__default.createElement("div", {
51597
- style: valueStyle
51598
- }, propertyId)))), /*#__PURE__*/React__default.createElement("div", {
52160
+ }, infoItem("Connection No", connectionNo), infoItem("Meter Number", meterId), infoItem("Property ID", propertyId))), /*#__PURE__*/React__default.createElement("div", {
51599
52161
  style: _extends({}, sectionStyle, {
51600
52162
  borderLeft: "4px solid #f29c1f"
51601
52163
  })
51602
52164
  }, /*#__PURE__*/React__default.createElement("h3", {
51603
52165
  style: {
51604
- fontSize: "16px",
52166
+ fontSize: "15px",
51605
52167
  fontWeight: "bold",
51606
52168
  color: "#f29c1f",
51607
52169
  marginBottom: "12px"
51608
52170
  }
51609
52171
  }, "\uD83D\uDD12 Existing / Previous Owner Details (Masked Information)"), /*#__PURE__*/React__default.createElement("div", {
51610
52172
  style: {
51611
- display: "flex",
51612
- justifyContent: "space-between",
52173
+ display: "grid",
52174
+ gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))",
52175
+ gap: "16px",
51613
52176
  marginBottom: "12px"
51614
52177
  }
51615
- }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
51616
- style: labelStyle
51617
- }, "Registered Name:"), /*#__PURE__*/React__default.createElement("div", {
51618
- style: valueStyle
51619
- }, oldName)), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
51620
- style: labelStyle
51621
- }, "Meter Number:"), /*#__PURE__*/React__default.createElement("div", {
51622
- style: valueStyle
51623
- }, meterId)), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
51624
- style: labelStyle
51625
- }, "Registered Phone:"), /*#__PURE__*/React__default.createElement("div", {
51626
- style: valueStyle
51627
- }, oldPhone))), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
51628
- style: labelStyle
51629
- }, "Registered Address:"), /*#__PURE__*/React__default.createElement("div", {
51630
- style: valueStyle
51631
- }, oldAddress))), /*#__PURE__*/React__default.createElement("div", {
52178
+ }, infoItem("Registered Name:", oldName), infoItem("Registered Phone:", oldPhone)), infoItem("Registered Address:", oldAddress)), /*#__PURE__*/React__default.createElement("div", {
51632
52179
  style: _extends({}, sectionStyle, {
51633
52180
  borderLeft: "4px solid #00497e"
51634
52181
  })
51635
52182
  }, /*#__PURE__*/React__default.createElement("h3", {
51636
52183
  style: {
51637
- fontSize: "16px",
52184
+ fontSize: "15px",
51638
52185
  fontWeight: "bold",
51639
52186
  color: "#00497e",
51640
52187
  marginBottom: "12px"
51641
52188
  }
51642
52189
  }, "\uD83D\uDC64 Transferee (New Owner) Summary"), /*#__PURE__*/React__default.createElement("div", {
51643
52190
  style: {
51644
- display: "flex",
51645
- justifyContent: "space-between"
52191
+ display: "grid",
52192
+ gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))",
52193
+ gap: "16px"
51646
52194
  }
51647
- }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
51648
- style: labelStyle
51649
- }, "New Owner Name"), /*#__PURE__*/React__default.createElement("div", {
51650
- style: valueStyle
51651
- }, proposedNewConsumerName)), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
51652
- style: labelStyle
51653
- }, "Mobile Number"), /*#__PURE__*/React__default.createElement("div", {
51654
- style: valueStyle
51655
- }, newOwnerMobileNumber)), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
51656
- style: labelStyle
51657
- }, "Relation Type"), /*#__PURE__*/React__default.createElement("div", {
51658
- style: valueStyle
51659
- }, getRelationshipName(relationshipWithExistingConsumer))), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
51660
- style: labelStyle
51661
- }, "Transfer Reason"), /*#__PURE__*/React__default.createElement("div", {
51662
- style: valueStyle
51663
- }, getReasonName(reasonForNameChange))))), /*#__PURE__*/React__default.createElement("div", {
52195
+ }, infoItem("New Owner Name", proposedNewConsumerName), infoItem("Mobile Number", newOwnerMobileNumber), infoItem("Relation Type", getRelationshipName(relationshipWithExistingConsumer)), infoItem("Transfer Reason", getReasonName(reasonForNameChange)))), /*#__PURE__*/React__default.createElement("div", {
51664
52196
  style: _extends({}, sectionStyle, {
51665
52197
  borderLeft: "4px solid #17a2b8"
51666
52198
  })
51667
52199
  }, /*#__PURE__*/React__default.createElement("h3", {
51668
52200
  style: {
51669
- fontSize: "16px",
52201
+ fontSize: "15px",
51670
52202
  fontWeight: "bold",
51671
52203
  color: "#17a2b8",
51672
52204
  marginBottom: "12px"
@@ -51674,7 +52206,7 @@ const Step4_Preview = _ref => {
51674
52206
  }, "Uploaded Documents"), /*#__PURE__*/React__default.createElement("div", {
51675
52207
  style: {
51676
52208
  display: "grid",
51677
- gridTemplateColumns: "1fr 1fr 1fr",
52209
+ gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))",
51678
52210
  gap: "16px"
51679
52211
  }
51680
52212
  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
@@ -51683,7 +52215,8 @@ const Step4_Preview = _ref => {
51683
52215
  style: {
51684
52216
  display: "flex",
51685
52217
  alignItems: "center",
51686
- gap: "8px"
52218
+ gap: "8px",
52219
+ flexWrap: "wrap"
51687
52220
  }
51688
52221
  }, /*#__PURE__*/React__default.createElement("span", {
51689
52222
  style: uploadDocStatusStyle
@@ -51697,7 +52230,8 @@ const Step4_Preview = _ref => {
51697
52230
  textDecoration: "underline",
51698
52231
  cursor: "pointer",
51699
52232
  fontSize: "14px",
51700
- fontWeight: "bold"
52233
+ fontWeight: "bold",
52234
+ padding: 0
51701
52235
  }
51702
52236
  }, "View"))), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
51703
52237
  style: labelStyle
@@ -51709,7 +52243,8 @@ const Step4_Preview = _ref => {
51709
52243
  style: {
51710
52244
  display: "flex",
51711
52245
  alignItems: "center",
51712
- gap: "8px"
52246
+ gap: "8px",
52247
+ flexWrap: "wrap"
51713
52248
  }
51714
52249
  }, /*#__PURE__*/React__default.createElement("span", {
51715
52250
  style: uploadDocStatusStyle
@@ -51723,7 +52258,8 @@ const Step4_Preview = _ref => {
51723
52258
  textDecoration: "underline",
51724
52259
  cursor: "pointer",
51725
52260
  fontSize: "14px",
51726
- fontWeight: "bold"
52261
+ fontWeight: "bold",
52262
+ padding: 0
51727
52263
  }
51728
52264
  }, "View"))))), /*#__PURE__*/React__default.createElement("div", {
51729
52265
  style: _extends({}, sectionStyle, {
@@ -51733,19 +52269,44 @@ const Step4_Preview = _ref => {
51733
52269
  })
51734
52270
  }, /*#__PURE__*/React__default.createElement("h3", {
51735
52271
  style: {
51736
- fontSize: "16px",
52272
+ fontSize: "15px",
51737
52273
  fontWeight: "bold",
51738
52274
  color: "#28a745",
51739
52275
  marginBottom: "12px"
51740
52276
  }
51741
- }, "\uD83D\uDCB5 Mutation Fee Details (Money to Pay in Mutation)"), /*#__PURE__*/React__default.createElement("div", {
52277
+ }, "\uD83D\uDCB5 Mutation Fee Details"), taxHeads && taxHeads.length > 0 && /*#__PURE__*/React__default.createElement("div", {
52278
+ style: {
52279
+ marginBottom: "16px"
52280
+ }
52281
+ }, taxHeads.map((tax, index) => /*#__PURE__*/React__default.createElement("div", {
52282
+ key: index,
51742
52283
  style: {
51743
52284
  display: "flex",
51744
- justifyContent: "space-between"
52285
+ justifyContent: "space-between",
52286
+ marginBottom: "8px",
52287
+ maxWidth: "400px"
52288
+ }
52289
+ }, /*#__PURE__*/React__default.createElement("div", {
52290
+ style: labelStyle
52291
+ }, t(tax.taxHeadCode), ":"), /*#__PURE__*/React__default.createElement("div", {
52292
+ style: valueStyle
52293
+ }, "\u20B9 ", tax.estimateAmount, ".00"))), /*#__PURE__*/React__default.createElement("hr", {
52294
+ style: {
52295
+ borderTop: "1px solid #c3e6cb",
52296
+ margin: "12px 0",
52297
+ maxWidth: "400px"
52298
+ }
52299
+ })), /*#__PURE__*/React__default.createElement("div", {
52300
+ style: {
52301
+ display: "flex",
52302
+ justifyContent: "space-between",
52303
+ maxWidth: "400px",
52304
+ flexWrap: "wrap",
52305
+ gap: "8px"
51745
52306
  }
51746
52307
  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
51747
52308
  style: labelStyle
51748
- }, "Mutation Money to Pay:"), /*#__PURE__*/React__default.createElement("div", {
52309
+ }, "Total Amount Payable:"), /*#__PURE__*/React__default.createElement("div", {
51749
52310
  style: _extends({}, valueStyle, {
51750
52311
  color: "#28a745",
51751
52312
  fontSize: "20px"
@@ -51759,13 +52320,11 @@ const Step4_Preview = _ref => {
51759
52320
  color: "#0c5460",
51760
52321
  borderRadius: "16px",
51761
52322
  fontSize: "12px",
51762
- fontWeight: "bold"
52323
+ fontWeight: "bold",
52324
+ display: "inline-block",
52325
+ marginTop: "4px"
51763
52326
  }
51764
- }, "PAYABLE POST VERIFICATION")), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
51765
- style: labelStyle
51766
- }, "Applicable Slab:"), /*#__PURE__*/React__default.createElement("div", {
51767
- style: valueStyle
51768
- }, slab)))), /*#__PURE__*/React__default.createElement("div", {
52327
+ }, "PAYABLE POST VERIFICATION")))), /*#__PURE__*/React__default.createElement("div", {
51769
52328
  style: {
51770
52329
  padding: "16px",
51771
52330
  backgroundColor: "#fffbeb",
@@ -51781,13 +52340,13 @@ const Step4_Preview = _ref => {
51781
52340
  type: "button",
51782
52341
  onClick: onBack,
51783
52342
  style: {
51784
- padding: "8px 24px",
52343
+ padding: "10px 20px",
51785
52344
  backgroundColor: "#e0e0e0",
51786
52345
  border: "none",
51787
52346
  borderRadius: "4px",
51788
52347
  cursor: "pointer",
51789
52348
  fontWeight: "bold",
51790
- marginRight: "16px"
52349
+ marginRight: "12px"
51791
52350
  }
51792
52351
  }, "\u2190 Edit Information"), /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
51793
52352
  label: isLoading ? "Submitting..." : "Submit Mutation Application",
@@ -51809,48 +52368,43 @@ const Step5_Submission = _ref => {
51809
52368
  const goHome = () => {
51810
52369
  history.push("/digit-ui/employee");
51811
52370
  };
51812
- const bannerStyle = {
51813
- backgroundColor: "#fff",
51814
- border: "1px solid #d4edda",
51815
- borderTop: "4px solid #28a745",
51816
- borderRadius: "8px",
51817
- padding: "20px",
51818
- display: "flex",
51819
- justifyContent: "space-between",
51820
- alignItems: "center",
51821
- marginBottom: "20px"
51822
- };
51823
- const statusPanelStyle = {
51824
- backgroundColor: "#fff",
51825
- border: "1px solid #e0e0e0",
51826
- borderRadius: "8px",
51827
- padding: "20px"
51828
- };
51829
52371
  return /*#__PURE__*/React__default.createElement("div", {
51830
52372
  style: {
51831
- padding: "20px 0"
52373
+ padding: "16px 0"
51832
52374
  }
51833
52375
  }, /*#__PURE__*/React__default.createElement("div", {
51834
- style: bannerStyle
52376
+ style: {
52377
+ backgroundColor: "#fff",
52378
+ border: "1px solid #d4edda",
52379
+ borderTop: "4px solid #28a745",
52380
+ borderRadius: "8px",
52381
+ padding: "20px",
52382
+ display: "flex",
52383
+ justifyContent: "space-between",
52384
+ alignItems: "flex-start",
52385
+ flexWrap: "wrap",
52386
+ gap: "12px",
52387
+ marginBottom: "20px"
52388
+ }
51835
52389
  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("h2", {
51836
52390
  style: {
51837
52391
  color: "#28a745",
51838
- fontSize: "20px",
52392
+ fontSize: "18px",
51839
52393
  fontWeight: "bold",
51840
- margin: 0,
52394
+ margin: "0 0 4px",
51841
52395
  display: "flex",
51842
- alignItems: "center"
51843
- }
51844
- }, /*#__PURE__*/React__default.createElement("span", {
51845
- style: {
51846
- marginRight: "8px"
52396
+ alignItems: "center",
52397
+ flexWrap: "wrap",
52398
+ gap: "6px"
51847
52399
  }
51848
- }, "\u2705"), " Application Submitted Successfully!"), /*#__PURE__*/React__default.createElement("div", {
52400
+ }, /*#__PURE__*/React__default.createElement("span", null, "\u2705"), " Your application has been submitted successfully to the respective Zonal Officer !"), /*#__PURE__*/React__default.createElement("div", {
51849
52401
  style: {
51850
52402
  color: "#666",
51851
- marginTop: "4px"
52403
+ marginTop: "4px",
52404
+ fontSize: "14px",
52405
+ wordBreak: "break-all"
51852
52406
  }
51853
- }, "Application Reference No: ", /*#__PURE__*/React__default.createElement("strong", {
52407
+ }, "Your SRN Reference No. is: ", /*#__PURE__*/React__default.createElement("strong", {
51854
52408
  style: {
51855
52409
  color: "#00497e"
51856
52410
  }
@@ -51861,36 +52415,10 @@ const Step5_Submission = _ref => {
51861
52415
  color: "#856404",
51862
52416
  borderRadius: "16px",
51863
52417
  fontSize: "12px",
51864
- fontWeight: "bold"
51865
- }
51866
- }, "PENDING_APPROVAL_FOR_MUTATION"))), /*#__PURE__*/React__default.createElement("div", {
51867
- style: statusPanelStyle
51868
- }, /*#__PURE__*/React__default.createElement("h3", {
51869
- style: {
51870
- color: "#00497e",
51871
- fontSize: "16px",
51872
52418
  fontWeight: "bold",
51873
- margin: "0 0 16px 0",
51874
- display: "flex",
51875
- alignItems: "center"
51876
- }
51877
- }, /*#__PURE__*/React__default.createElement("span", {
51878
- style: {
51879
- marginRight: "8px"
52419
+ whiteSpace: "nowrap"
51880
52420
  }
51881
- }, "\uD83D\uDCCC"), " Current Workflow Status"), /*#__PURE__*/React__default.createElement("hr", {
51882
- style: {
51883
- border: "0",
51884
- borderTop: "1px solid #e0e0e0",
51885
- margin: "0 0 16px 0"
51886
- }
51887
- }), /*#__PURE__*/React__default.createElement("p", {
51888
- style: {
51889
- color: "#333",
51890
- fontSize: "14px",
51891
- margin: 0
51892
- }
51893
- }, "Application has been routed to ", /*#__PURE__*/React__default.createElement("strong", null, "Water Supply Department Verification Officer"), ".")), /*#__PURE__*/React__default.createElement("div", {
52421
+ }, "Pending for Zonal Officer approval"))), /*#__PURE__*/React__default.createElement("div", {
51894
52422
  style: {
51895
52423
  marginTop: "24px",
51896
52424
  textAlign: "center"
@@ -51898,13 +52426,16 @@ const Step5_Submission = _ref => {
51898
52426
  }, /*#__PURE__*/React__default.createElement("button", {
51899
52427
  onClick: goHome,
51900
52428
  style: {
51901
- padding: "10px 24px",
52429
+ padding: "12px 28px",
51902
52430
  backgroundColor: "#00497e",
51903
52431
  color: "white",
51904
52432
  border: "none",
51905
52433
  borderRadius: "4px",
51906
52434
  cursor: "pointer",
51907
- fontWeight: "bold"
52435
+ fontWeight: "bold",
52436
+ fontSize: "15px",
52437
+ width: "100%",
52438
+ maxWidth: "280px"
51908
52439
  }
51909
52440
  }, "Go to Home")), showToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
51910
52441
  error: showToast.key === "error",
@@ -51915,7 +52446,7 @@ const Step5_Submission = _ref => {
51915
52446
  };
51916
52447
 
51917
52448
  const MutationApplication = () => {
51918
- var _Digit$SessionStorage, _user$info, _state, _user$info2, _user$info2$userName, _user$info3, _user$info4, _details$applicationD, _applicationDetails$a, _applicationDetails$a3, _applicationDetails$a4;
52449
+ var _Digit$SessionStorage, _user$info, _state, _user$info2, _user$info2$userName, _user$info3, _user$info4, _details$applicationD, _applicationDetails$a, _applicationDetails$a2, _applicationDetails$a4, _applicationDetails$a7, _applicationDetails$a8;
51919
52450
  const _useTranslation = reactI18next.useTranslation(),
51920
52451
  t = _useTranslation.t;
51921
52452
  let _useLocation = reactRouterDom.useLocation(),
@@ -51940,6 +52471,23 @@ const MutationApplication = () => {
51940
52471
  setIsSubmitting = _useState5[1];
51941
52472
  const _useState6 = React.useState(new Set()),
51942
52473
  setCompletedSteps = _useState6[1];
52474
+ const _useState7 = React.useState(window.innerWidth < 768),
52475
+ isMobile = _useState7[0],
52476
+ setIsMobile = _useState7[1];
52477
+ React.useEffect(() => {
52478
+ const handleResize = () => setIsMobile(window.innerWidth < 768);
52479
+ window.addEventListener("resize", handleResize);
52480
+ return () => window.removeEventListener("resize", handleResize);
52481
+ }, []);
52482
+ const _useState8 = React.useState(""),
52483
+ authKNumber = _useState8[0],
52484
+ setAuthKNumber = _useState8[1];
52485
+ const _useState9 = React.useState(""),
52486
+ authMobileNumber = _useState9[0],
52487
+ setAuthMobileNumber = _useState9[1];
52488
+ const _useState0 = React.useState(""),
52489
+ authServiceType = _useState0[0],
52490
+ setAuthServiceType = _useState0[1];
51943
52491
  const user = Digit.UserService.getUser();
51944
52492
  let tenantId = (filters === null || filters === void 0 ? void 0 : filters.tenantId) || ((_Digit$SessionStorage = Digit.SessionStorage.get("CITIZEN.COMMON.HOME.CITY")) === null || _Digit$SessionStorage === void 0 ? void 0 : _Digit$SessionStorage.code) || (user === null || user === void 0 ? void 0 : (_user$info = user.info) === null || _user$info === void 0 ? void 0 : _user$info.permanentCity) || Digit.ULBService.getCurrentTenantId();
51945
52493
  const applicationNumber = filters === null || filters === void 0 ? void 0 : filters.applicationNumber;
@@ -51947,13 +52495,34 @@ const MutationApplication = () => {
51947
52495
  const details = cloneDeep_1((_state = state) === null || _state === void 0 ? void 0 : _state.data);
51948
52496
  const mobileNumber = user !== null && user !== void 0 && (_user$info2 = user.info) !== null && _user$info2 !== void 0 && (_user$info2$userName = _user$info2.userName) !== null && _user$info2$userName !== void 0 && _user$info2$userName.match(/^[0-9]{10}$/) ? user === null || user === void 0 ? void 0 : (_user$info3 = user.info) === null || _user$info3 === void 0 ? void 0 : _user$info3.userName : user === null || user === void 0 ? void 0 : (_user$info4 = user.info) === null || _user$info4 === void 0 ? void 0 : _user$info4.mobileNumber;
51949
52497
  const hasStateData = !!(details !== null && details !== void 0 && (_details$applicationD = details.applicationData) !== null && _details$applicationD !== void 0 && _details$applicationD.id);
51950
- const wsSearchNumber = (details === null || details === void 0 ? void 0 : details.applicationNo) || applicationNumber;
51951
- const businessService = (serviceType === null || serviceType === void 0 ? void 0 : serviceType.toUpperCase()) === "SEWERAGE" ? "SW" : "WS";
51952
- const _useQuery = reactQuery.useQuery(["WS_MUTATION_DIRECT_SEARCH", wsSearchNumber, tenantId, mobileNumber, businessService], function () {
52498
+ const editApplicationNumber = (details === null || details === void 0 ? void 0 : details.applicationNo) || applicationNumber;
52499
+ const _useQuery = reactQuery.useQuery(["WORKFLOW_SEARCH", editApplicationNumber, tenantId], function () {
51953
52500
  try {
51954
- if (!wsSearchNumber) return Promise.resolve(null);
51955
- const params = {
51956
- connectionNumber: wsSearchNumber
52501
+ return Promise.resolve(Digit.WorkflowService.getByBusinessId(tenantId, editApplicationNumber)).then(function (res) {
52502
+ var _res$ProcessInstances;
52503
+ return res === null || res === void 0 ? void 0 : (_res$ProcessInstances = res.ProcessInstances) === null || _res$ProcessInstances === void 0 ? void 0 : _res$ProcessInstances[0];
52504
+ });
52505
+ } catch (e) {
52506
+ return Promise.reject(e);
52507
+ }
52508
+ }, {
52509
+ enabled: !!editApplicationNumber
52510
+ }),
52511
+ isWorkflowLoading = _useQuery.isLoading,
52512
+ workflowData = _useQuery.data;
52513
+ const isEmployee = window.location.href.includes("/employee/");
52514
+ const isEditFlow = !!editApplicationNumber && (isEmployee || (workflowData === null || workflowData === void 0 ? void 0 : workflowData.action) === "SEND_BACK_TO_CITIZEN");
52515
+ const querySearchParam = isEditFlow ? editApplicationNumber : authKNumber;
52516
+ const fallbackServiceType = serviceType || authServiceType;
52517
+ const businessService = (fallbackServiceType === null || fallbackServiceType === void 0 ? void 0 : fallbackServiceType.toUpperCase()) === "SEWERAGE" ? "SW" : "WS";
52518
+ const _useQuery2 = reactQuery.useQuery(["WS_MUTATION_DIRECT_SEARCH", querySearchParam, tenantId, mobileNumber, businessService, isEditFlow], function () {
52519
+ try {
52520
+ if (!querySearchParam) return Promise.resolve(null);
52521
+ const params = isEditFlow ? {
52522
+ applicationNumber: querySearchParam
52523
+ } : {
52524
+ connectionNumber: querySearchParam,
52525
+ isConnectionSearch: true
51957
52526
  };
51958
52527
  Object.keys(params).forEach(k => params[k] == null && delete params[k]);
51959
52528
  return Promise.resolve(Digit.WSService.search({
@@ -51975,13 +52544,14 @@ const MutationApplication = () => {
51975
52544
  return Promise.reject(e);
51976
52545
  }
51977
52546
  }, {
51978
- enabled: !!wsSearchNumber && !hasStateData
52547
+ enabled: !!querySearchParam && !hasStateData
51979
52548
  }),
51980
- isDetailsLoading = _useQuery.isLoading,
51981
- fetchedApplicationDetails = _useQuery.data;
52549
+ isDetailsLoading = _useQuery2.isLoading,
52550
+ fetchedApplicationDetails = _useQuery2.data;
51982
52551
  const applicationDetails = hasStateData ? details : fetchedApplicationDetails;
51983
- const _useState7 = React.useState(new URLSearchParams(reactRouterDom.useLocation().search).get("propertyId") || (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a = applicationDetails.applicationData) === null || _applicationDetails$a === void 0 ? void 0 : _applicationDetails$a.propertyId)),
51984
- propertyId = _useState7[0];
52552
+ 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";
52553
+ const _useState1 = React.useState(new URLSearchParams(reactRouterDom.useLocation().search).get("propertyId") || (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a2 = applicationDetails.applicationData) === null || _applicationDetails$a2 === void 0 ? void 0 : _applicationDetails$a2.propertyId)),
52554
+ propertyId = _useState1[0];
51985
52555
  const _Digit$Hooks$pt$usePr = Digit.Hooks.pt.usePropertySearch({
51986
52556
  filters: {
51987
52557
  propertyIds: propertyId
@@ -52001,14 +52571,14 @@ const MutationApplication = () => {
52001
52571
  setSessionFormData = _Digit$Hooks$useSessi[1],
52002
52572
  clearSessionFormData = _Digit$Hooks$useSessi[2];
52003
52573
  React.useEffect(() => {
52004
- var _applicationDetails$a2;
52574
+ var _applicationDetails$a3;
52005
52575
  const fetchAppData = function () {
52006
52576
  try {
52007
52577
  const dataToConvert = applicationDetails || details;
52008
52578
  const _temp = function (_dataToConvert$applic) {
52009
52579
  if (dataToConvert !== null && dataToConvert !== void 0 && (_dataToConvert$applic = dataToConvert.applicationData) !== null && _dataToConvert$applic !== void 0 && _dataToConvert$applic.id) {
52010
52580
  var _dataToConvert$applic2;
52011
- return Promise.resolve(convertApplicationData(dataToConvert, (serviceType === null || serviceType === void 0 ? void 0 : serviceType.toUpperCase()) || (dataToConvert === null || dataToConvert === void 0 ? void 0 : (_dataToConvert$applic2 = dataToConvert.applicationData) === null || _dataToConvert$applic2 === void 0 ? void 0 : _dataToConvert$applic2.serviceType), true, undefined, t)).then(function (convertAppData) {
52581
+ return Promise.resolve(convertApplicationData(dataToConvert, (resolvedServiceType === null || resolvedServiceType === void 0 ? void 0 : resolvedServiceType.toUpperCase()) || (dataToConvert === null || dataToConvert === void 0 ? void 0 : (_dataToConvert$applic2 = dataToConvert.applicationData) === null || _dataToConvert$applic2 === void 0 ? void 0 : _dataToConvert$applic2.serviceType), true, undefined, t)).then(function (convertAppData) {
52012
52582
  setSessionFormData(prev => _extends({}, prev, convertAppData));
52013
52583
  sessionStorage.setItem("IsDetailsExists", JSON.stringify(true));
52014
52584
  });
@@ -52019,10 +52589,80 @@ const MutationApplication = () => {
52019
52589
  return Promise.reject(e);
52020
52590
  }
52021
52591
  };
52022
- if (applicationDetails !== null && applicationDetails !== void 0 && (_applicationDetails$a2 = applicationDetails.applicationData) !== null && _applicationDetails$a2 !== void 0 && _applicationDetails$a2.id && !(sessionFormData !== null && sessionFormData !== void 0 && sessionFormData.applicationData)) {
52592
+ if (applicationDetails !== null && applicationDetails !== void 0 && (_applicationDetails$a3 = applicationDetails.applicationData) !== null && _applicationDetails$a3 !== void 0 && _applicationDetails$a3.id && !(sessionFormData !== null && sessionFormData !== void 0 && sessionFormData.applicationData)) {
52023
52593
  fetchAppData();
52024
52594
  }
52025
- }, [applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a3 = applicationDetails.applicationData) === null || _applicationDetails$a3 === void 0 ? void 0 : _applicationDetails$a3.id]);
52595
+ }, [applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a4 = applicationDetails.applicationData) === null || _applicationDetails$a4 === void 0 ? void 0 : _applicationDetails$a4.id]);
52596
+ React.useEffect(() => {
52597
+ const isCitizen = window.location.href.includes("/citizen/");
52598
+ const isEmployee = window.location.href.includes("/employee/");
52599
+ if ((isCitizen || isEmployee) && isEditFlow && applicationDetails !== null && applicationDetails !== void 0 && applicationDetails.applicationData) {
52600
+ const data = applicationDetails.applicationData;
52601
+ const holders = (data === null || data === void 0 ? void 0 : data.connectionHolders) || [];
52602
+ const primaryHolder = holders.find(h => h.isPrimaryOwner) || holders[0] || {};
52603
+ const additionalDetails = (data === null || data === void 0 ? void 0 : data.additionalDetails) || {};
52604
+ const documents = (data === null || data === void 0 ? void 0 : data.documents) || [];
52605
+ setFormData(prev => {
52606
+ if (Object.keys(prev).length > 0) return prev;
52607
+ const identityDoc = documents.find(d => {
52608
+ var _d$documentType;
52609
+ return ["AADHAAR", "VOTERID", "VOTER_ID", "PAN", "DRIVING_LICENSE", "PASSPORT"].includes((_d$documentType = d.documentType) === null || _d$documentType === void 0 ? void 0 : _d$documentType.toUpperCase());
52610
+ });
52611
+ const mutationDoc = documents.find(d => d.documentType === "REGISTERED_SALE_DEED" || d.documentType === "SALE_DEED" || d.documentType === "GIFT_DEED" || d.documentType === "WILL");
52612
+ const reasonOptions = [{
52613
+ code: "SALE_PURCHASE",
52614
+ i18nKey: "Purchase of Property"
52615
+ }, {
52616
+ code: "DEVOLUTION_INHERITANCE",
52617
+ i18nKey: "Devolution/Inheritance"
52618
+ }, {
52619
+ code: "OTHER",
52620
+ i18nKey: "Other Reason(Gift Deed, Lease Agreement, etc)"
52621
+ }];
52622
+ const relationshipOptions = [{
52623
+ code: "BLOOD_RELATION",
52624
+ i18nKey: "Blood Relation (Son / Daughter / Spouse)"
52625
+ }, {
52626
+ code: "LEGAL_HEIR",
52627
+ i18nKey: "Legal Heir"
52628
+ }, {
52629
+ code: "OTHER",
52630
+ i18nKey: "Other"
52631
+ }];
52632
+ const reasonCode = additionalDetails.reasonForNameChange;
52633
+ const reasonObj = reasonOptions.find(o => o.code === reasonCode) || (reasonCode ? {
52634
+ code: reasonCode,
52635
+ i18nKey: reasonCode
52636
+ } : null);
52637
+ const relationCode = additionalDetails.relationshipWithExistingConsumer;
52638
+ const relationObj = relationshipOptions.find(o => o.code === relationCode) || (relationCode ? {
52639
+ code: relationCode,
52640
+ i18nKey: relationCode
52641
+ } : null);
52642
+ return {
52643
+ proposedNewConsumerName: primaryHolder.name || "",
52644
+ gender: primaryHolder.gender ? {
52645
+ code: primaryHolder.gender,
52646
+ i18nKey: primaryHolder.gender
52647
+ } : null,
52648
+ newOwnerMobileNumber: primaryHolder.mobileNumber || "",
52649
+ newOwnerEmailAddress: primaryHolder.emailId || "",
52650
+ reasonForNameChange: reasonObj,
52651
+ relationshipWithExistingConsumer: relationObj,
52652
+ saleDeedDocumentId: additionalDetails.saleDeedDocumentId || (mutationDoc === null || mutationDoc === void 0 ? void 0 : mutationDoc.fileStoreId) || "",
52653
+ identityProofDocumentId: additionalDetails.identityProofDocumentId || (identityDoc === null || identityDoc === void 0 ? void 0 : identityDoc.fileStoreId) || "",
52654
+ identityProofType: additionalDetails.identityProofDocumentName ? {
52655
+ code: additionalDetails.identityProofDocumentName,
52656
+ i18nKey: additionalDetails.identityProofDocumentName
52657
+ } : identityDoc !== null && identityDoc !== void 0 && identityDoc.documentType ? {
52658
+ code: identityDoc.documentType,
52659
+ i18nKey: identityDoc.documentType
52660
+ } : null,
52661
+ documentNumber: additionalDetails.identityProofDocumentNumber || additionalDetails.identityProofNumber || (identityDoc === null || identityDoc === void 0 ? void 0 : identityDoc.documentUid) || ""
52662
+ };
52663
+ });
52664
+ }
52665
+ }, [applicationDetails, isEditFlow]);
52026
52666
  React.useEffect(() => {
52027
52667
  var _propertyDetails$Prop;
52028
52668
  if (propertyDetails !== null && propertyDetails !== void 0 && (_propertyDetails$Prop = propertyDetails.Properties) !== null && _propertyDetails$Prop !== void 0 && _propertyDetails$Prop[0]) {
@@ -52046,18 +52686,18 @@ const MutationApplication = () => {
52046
52686
  sewerageUpdateMutation = _Digit$Hooks$ws$useWS2.mutate;
52047
52687
  const handleNextStep2 = data => {
52048
52688
  setFormData(prev => _extends({}, prev, data));
52049
- setCompletedSteps(prev => new Set([...prev, 2]));
52050
- setCurrentStep(3);
52689
+ setCompletedSteps(prev => new Set([...prev, 3]));
52690
+ setCurrentStep(4);
52051
52691
  };
52052
52692
  const handleNextStep3 = data => {
52053
52693
  setFormData(prev => _extends({}, prev, data));
52054
- setCompletedSteps(prev => new Set([...prev, 3]));
52055
- setCurrentStep(4);
52694
+ setCompletedSteps(prev => new Set([...prev, 4]));
52695
+ setCurrentStep(5);
52056
52696
  };
52057
52697
  const submitApplication = function () {
52058
52698
  try {
52059
52699
  setIsSubmitting(true);
52060
- const _temp2 = _catch(function () {
52700
+ return Promise.resolve(_catch(function () {
52061
52701
  var _finalData$cpt;
52062
52702
  let finalData = _extends({}, sessionFormData);
52063
52703
  if (!(finalData !== null && finalData !== void 0 && (_finalData$cpt = finalData.cpt) !== null && _finalData$cpt !== void 0 && _finalData$cpt.details)) {
@@ -52091,7 +52731,7 @@ const MutationApplication = () => {
52091
52731
  const sessionDetails = sessionStorage.getItem("WS_EDIT_APPLICATION_DETAILS") ? JSON.parse(sessionStorage.getItem("WS_EDIT_APPLICATION_DETAILS")) : {};
52092
52732
  return Promise.resolve(convertModifyApplicationDetails(finalData, sessionDetails, "INITIATE")).then(function (convertAppData) {
52093
52733
  if (!convertAppData.dateEffectiveFrom) {
52094
- convertAppData.dateEffectiveFrom = Date.now();
52734
+ convertAppData.dateEffectiveFrom = Date.now() + 86400000;
52095
52735
  }
52096
52736
  if (finalData !== null && finalData !== void 0 && finalData.MutationApplicantDetails) {
52097
52737
  var _mutDetails$reasonFor;
@@ -52115,7 +52755,7 @@ const MutationApplication = () => {
52115
52755
  });
52116
52756
  }
52117
52757
  if (mutDetails.identityProofDocumentId) {
52118
- var _mutDetails$identityP;
52758
+ var _mutDetails$identityP, _mutDetails$identityP2;
52119
52759
  if (!convertAppData.documents) convertAppData.documents = [];
52120
52760
  convertAppData.documents.push({
52121
52761
  documentType: ((_mutDetails$identityP = mutDetails.identityProofType) === null || _mutDetails$identityP === void 0 ? void 0 : _mutDetails$identityP.code) || "IDENTITY_PROOF",
@@ -52124,10 +52764,73 @@ const MutationApplication = () => {
52124
52764
  documentNumber: mutDetails.documentNumber,
52125
52765
  status: "ACTIVE"
52126
52766
  });
52767
+ if (!convertAppData.additionalDetails) convertAppData.additionalDetails = {};
52768
+ convertAppData.additionalDetails.identityProofDocumentNumber = mutDetails.documentNumber || "";
52769
+ convertAppData.additionalDetails.identityProofDocumentName = ((_mutDetails$identityP2 = mutDetails.identityProofType) === null || _mutDetails$identityP2 === void 0 ? void 0 : _mutDetails$identityP2.code) || "IDENTITY_PROOF";
52770
+ convertAppData.additionalDetails.identityProofDocumentId = mutDetails.identityProofDocumentId || "";
52127
52771
  }
52128
52772
  }
52129
- convertAppData.applicationType = serviceType == "WATER" ? "MUTATION_WATER_CONNECTION" : "MUTATION_SEWERAGE_CONNECTION";
52130
- const reqDetails = serviceType == "WATER" ? {
52773
+ convertAppData.applicationType = resolvedServiceType === "WATER" ? "MUTATION_WATER_CONNECTION" : "MUTATION_SEWERAGE_CONNECTION";
52774
+ if (isEditFlow) {
52775
+ var _applicationDetails$a5, _applicationDetails$a6, _Digit, _Digit$Customizations, _Digit$Customizations2;
52776
+ let updatePayload = _extends({}, convertAppData, {
52777
+ id: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a5 = applicationDetails.applicationData) === null || _applicationDetails$a5 === void 0 ? void 0 : _applicationDetails$a5.id,
52778
+ applicationNo: editApplicationNumber,
52779
+ 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, {
52780
+ action: "RESUBMIT_APPLICATION"
52781
+ })
52782
+ });
52783
+ 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) {
52784
+ updatePayload = Digit.Customizations.WS.customiseUpdatePayloadOfWS((applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationData) || {}, updatePayload, resolvedServiceType);
52785
+ }
52786
+ const updateMutation = resolvedServiceType === "WATER" ? waterUpdateMutation : sewerageUpdateMutation;
52787
+ let reqDetailsUpdate = resolvedServiceType === "WATER" ? {
52788
+ WaterConnection: updatePayload,
52789
+ reconnectRequest: false,
52790
+ disconnectRequest: false
52791
+ } : {
52792
+ SewerageConnection: updatePayload,
52793
+ reconnectRequest: false,
52794
+ disconnectRequest: false
52795
+ };
52796
+ updateMutation(reqDetailsUpdate, {
52797
+ onError: error => {
52798
+ var _error$response, _error$response$data, _error$response$data$, _error$response$data$2;
52799
+ setIsSubmitting(false);
52800
+ setShowToast({
52801
+ key: "error",
52802
+ 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"
52803
+ });
52804
+ },
52805
+ onSuccess: updateData => {
52806
+ var _updateData$response, _updateData$response$, _updateData$WaterConn, _updateData$WaterConn2, _updateData$SewerageC, _updateData$SewerageC2;
52807
+ setIsSubmitting(false);
52808
+ 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) {
52809
+ var _updateData$response2, _updateData$response3, _apiErrors$;
52810
+ 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;
52811
+ 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";
52812
+ setShowToast({
52813
+ key: "error",
52814
+ message: errorMessage
52815
+ });
52816
+ return;
52817
+ }
52818
+ if (updateData !== null && updateData !== void 0 && updateData.Errors && updateData.Errors.length > 0) {
52819
+ setShowToast({
52820
+ key: "error",
52821
+ message: updateData.Errors[0].message || "Failed to update application"
52822
+ });
52823
+ return;
52824
+ }
52825
+ clearSessionFormData();
52826
+ 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;
52827
+ setGeneratedAppNo(newAppNo);
52828
+ setCurrentStep(6);
52829
+ }
52830
+ });
52831
+ return;
52832
+ }
52833
+ const reqDetails = resolvedServiceType === "WATER" ? {
52131
52834
  WaterConnection: convertAppData,
52132
52835
  reconnectRequest: false,
52133
52836
  disconnectRequest: false
@@ -52136,23 +52839,23 @@ const MutationApplication = () => {
52136
52839
  reconnectRequest: false,
52137
52840
  disconnectRequest: false
52138
52841
  };
52139
- const mutation = serviceType == "WATER" ? waterMutation : sewerageMutation;
52842
+ const mutation = resolvedServiceType === "WATER" ? waterMutation : sewerageMutation;
52140
52843
  return Promise.resolve(mutation(reqDetails, {
52141
52844
  onError: error => {
52142
- var _error$response, _error$response$data, _error$response$data$, _error$response$data$2;
52845
+ var _error$response2, _error$response2$data, _error$response2$data2, _error$response2$data3;
52143
52846
  setIsSubmitting(false);
52144
52847
  setShowToast({
52145
52848
  key: "error",
52146
- message: (error === null || error === void 0 ? void 0 : (_error$response = error.response) === null || _error$response === void 0 ? void 0 : (_error$response$data = _error$response.data) === null || _error$response$data === void 0 ? void 0 : (_error$response$data$ = _error$response$data.Errors) === null || _error$response$data$ === void 0 ? void 0 : (_error$response$data$2 = _error$response$data$[0]) === null || _error$response$data$2 === void 0 ? void 0 : _error$response$data$2.message) || "Failed to submit application"
52849
+ message: (error === null || error === void 0 ? void 0 : (_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : (_error$response2$data = _error$response2.data) === null || _error$response2$data === void 0 ? void 0 : (_error$response2$data2 = _error$response2$data.Errors) === null || _error$response2$data2 === void 0 ? void 0 : (_error$response2$data3 = _error$response2$data2[0]) === null || _error$response2$data3 === void 0 ? void 0 : _error$response2$data3.message) || "Failed to submit application"
52147
52850
  });
52148
52851
  },
52149
52852
  onSuccess: data => {
52150
52853
  var _data$response, _data$response$data;
52151
52854
  if (data instanceof Error || data !== null && data !== void 0 && data.isAxiosError || data !== null && data !== void 0 && (_data$response = data.response) !== null && _data$response !== void 0 && (_data$response$data = _data$response.data) !== null && _data$response$data !== void 0 && _data$response$data.Errors) {
52152
- var _data$response2, _data$response2$data, _apiErrors$;
52855
+ var _data$response2, _data$response2$data, _apiErrors$2;
52153
52856
  setIsSubmitting(false);
52154
52857
  const apiErrors = data === null || data === void 0 ? void 0 : (_data$response2 = data.response) === null || _data$response2 === void 0 ? void 0 : (_data$response2$data = _data$response2.data) === null || _data$response2$data === void 0 ? void 0 : _data$response2$data.Errors;
52155
- const errorMessage = (apiErrors === null || apiErrors === void 0 ? void 0 : (_apiErrors$ = apiErrors[0]) === null || _apiErrors$ === void 0 ? void 0 : _apiErrors$.message) || (data === null || data === void 0 ? void 0 : data.message) || "Failed to submit application";
52858
+ const errorMessage = (apiErrors === null || apiErrors === void 0 ? void 0 : (_apiErrors$2 = apiErrors[0]) === null || _apiErrors$2 === void 0 ? void 0 : _apiErrors$2.message) || (data === null || data === void 0 ? void 0 : data.message) || "Failed to submit application";
52156
52859
  setShowToast({
52157
52860
  key: "error",
52158
52861
  message: errorMessage
@@ -52166,19 +52869,19 @@ const MutationApplication = () => {
52166
52869
  message: data.Errors[0].message || "Failed to submit application"
52167
52870
  });
52168
52871
  } else {
52169
- var _data$WaterConnection, _data$SewerageConnect, _Digit, _Digit$Customizations, _Digit$Customizations2;
52170
- const updateMutation = serviceType == "WATER" ? waterUpdateMutation : sewerageUpdateMutation;
52171
- const createdConnection = serviceType == "WATER" ? data === null || data === void 0 ? void 0 : (_data$WaterConnection = data.WaterConnection) === null || _data$WaterConnection === void 0 ? void 0 : _data$WaterConnection[0] : data === null || data === void 0 ? void 0 : (_data$SewerageConnect = data.SewerageConnections) === null || _data$SewerageConnect === void 0 ? void 0 : _data$SewerageConnect[0];
52872
+ var _data$WaterConnection, _data$SewerageConnect, _Digit2, _Digit2$Customization, _Digit2$Customization2;
52873
+ const updateMutation = resolvedServiceType === "WATER" ? waterUpdateMutation : sewerageUpdateMutation;
52874
+ const createdConnection = resolvedServiceType === "WATER" ? data === null || data === void 0 ? void 0 : (_data$WaterConnection = data.WaterConnection) === null || _data$WaterConnection === void 0 ? void 0 : _data$WaterConnection[0] : data === null || data === void 0 ? void 0 : (_data$SewerageConnect = data.SewerageConnections) === null || _data$SewerageConnect === void 0 ? void 0 : _data$SewerageConnect[0];
52172
52875
  let updatePayload = _extends({}, createdConnection, {
52173
52876
  dateEffectiveFrom: (createdConnection === null || createdConnection === void 0 ? void 0 : createdConnection.dateEffectiveFrom) || Date.now(),
52174
52877
  processInstance: _extends({}, createdConnection === null || createdConnection === void 0 ? void 0 : createdConnection.processInstance, {
52175
52878
  action: "APPLY_MUTATION"
52176
52879
  })
52177
52880
  });
52178
- if ((_Digit = Digit) !== null && _Digit !== void 0 && (_Digit$Customizations = _Digit.Customizations) !== null && _Digit$Customizations !== void 0 && (_Digit$Customizations2 = _Digit$Customizations.WS) !== null && _Digit$Customizations2 !== void 0 && _Digit$Customizations2.customiseUpdatePayloadOfWS) {
52179
- updatePayload = Digit.Customizations.WS.customiseUpdatePayloadOfWS(createdConnection, updatePayload, serviceType);
52881
+ 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) {
52882
+ updatePayload = Digit.Customizations.WS.customiseUpdatePayloadOfWS(createdConnection, updatePayload, resolvedServiceType);
52180
52883
  }
52181
- let reqDetailsUpdate = serviceType == "WATER" ? {
52884
+ let reqDetailsUpdate = resolvedServiceType === "WATER" ? {
52182
52885
  WaterConnection: updatePayload,
52183
52886
  reconnectRequest: false,
52184
52887
  disconnectRequest: false
@@ -52189,20 +52892,20 @@ const MutationApplication = () => {
52189
52892
  };
52190
52893
  updateMutation(reqDetailsUpdate, {
52191
52894
  onError: error => {
52192
- var _error$response2, _error$response2$data, _error$response2$data2, _error$response2$data3;
52895
+ var _error$response3, _error$response3$data, _error$response3$data2, _error$response3$data3;
52193
52896
  setIsSubmitting(false);
52194
52897
  setShowToast({
52195
52898
  key: "error",
52196
- message: (error === null || error === void 0 ? void 0 : (_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : (_error$response2$data = _error$response2.data) === null || _error$response2$data === void 0 ? void 0 : (_error$response2$data2 = _error$response2$data.Errors) === null || _error$response2$data2 === void 0 ? void 0 : (_error$response2$data3 = _error$response2$data2[0]) === null || _error$response2$data3 === void 0 ? void 0 : _error$response2$data3.message) || "Failed to update workflow"
52899
+ message: (error === null || error === void 0 ? void 0 : (_error$response3 = error.response) === null || _error$response3 === void 0 ? void 0 : (_error$response3$data = _error$response3.data) === null || _error$response3$data === void 0 ? void 0 : (_error$response3$data2 = _error$response3$data.Errors) === null || _error$response3$data2 === void 0 ? void 0 : (_error$response3$data3 = _error$response3$data2[0]) === null || _error$response3$data3 === void 0 ? void 0 : _error$response3$data3.message) || "Failed to update workflow"
52197
52900
  });
52198
52901
  },
52199
52902
  onSuccess: updateData => {
52200
- var _updateData$response, _updateData$response$, _updateData$WaterConn, _updateData$WaterConn2, _updateData$SewerageC, _updateData$SewerageC2;
52903
+ var _updateData$response4, _updateData$response5, _updateData$WaterConn3, _updateData$WaterConn4, _updateData$SewerageC3, _updateData$SewerageC4;
52201
52904
  setIsSubmitting(false);
52202
- if (updateData instanceof Error || updateData !== null && updateData !== void 0 && updateData.isAxiosError || updateData !== null && updateData !== void 0 && (_updateData$response = updateData.response) !== null && _updateData$response !== void 0 && (_updateData$response$ = _updateData$response.data) !== null && _updateData$response$ !== void 0 && _updateData$response$.Errors) {
52203
- var _updateData$response2, _updateData$response3, _apiErrors$2;
52204
- const apiErrors = updateData === null || updateData === void 0 ? void 0 : (_updateData$response2 = updateData.response) === null || _updateData$response2 === void 0 ? void 0 : (_updateData$response3 = _updateData$response2.data) === null || _updateData$response3 === void 0 ? void 0 : _updateData$response3.Errors;
52205
- const errorMessage = (apiErrors === null || apiErrors === void 0 ? void 0 : (_apiErrors$2 = apiErrors[0]) === null || _apiErrors$2 === void 0 ? void 0 : _apiErrors$2.message) || (updateData === null || updateData === void 0 ? void 0 : updateData.message) || "Failed to update workflow";
52905
+ 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) {
52906
+ var _updateData$response6, _updateData$response7, _apiErrors$3;
52907
+ 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;
52908
+ const errorMessage = (apiErrors === null || apiErrors === void 0 ? void 0 : (_apiErrors$3 = apiErrors[0]) === null || _apiErrors$3 === void 0 ? void 0 : _apiErrors$3.message) || (updateData === null || updateData === void 0 ? void 0 : updateData.message) || "Failed to update workflow";
52206
52909
  setShowToast({
52207
52910
  key: "error",
52208
52911
  message: errorMessage
@@ -52217,9 +52920,9 @@ const MutationApplication = () => {
52217
52920
  return;
52218
52921
  }
52219
52922
  clearSessionFormData();
52220
- const newAppNo = serviceType == "WATER" ? updateData === null || updateData === void 0 ? void 0 : (_updateData$WaterConn = updateData.WaterConnection) === null || _updateData$WaterConn === void 0 ? void 0 : (_updateData$WaterConn2 = _updateData$WaterConn[0]) === null || _updateData$WaterConn2 === void 0 ? void 0 : _updateData$WaterConn2.applicationNo : updateData === null || updateData === void 0 ? void 0 : (_updateData$SewerageC = updateData.SewerageConnections) === null || _updateData$SewerageC === void 0 ? void 0 : (_updateData$SewerageC2 = _updateData$SewerageC[0]) === null || _updateData$SewerageC2 === void 0 ? void 0 : _updateData$SewerageC2.applicationNo;
52923
+ const newAppNo = resolvedServiceType === "WATER" ? updateData === null || updateData === void 0 ? void 0 : (_updateData$WaterConn3 = updateData.WaterConnection) === null || _updateData$WaterConn3 === void 0 ? void 0 : (_updateData$WaterConn4 = _updateData$WaterConn3[0]) === null || _updateData$WaterConn4 === void 0 ? void 0 : _updateData$WaterConn4.applicationNo : updateData === null || updateData === void 0 ? void 0 : (_updateData$SewerageC3 = updateData.SewerageConnections) === null || _updateData$SewerageC3 === void 0 ? void 0 : (_updateData$SewerageC4 = _updateData$SewerageC3[0]) === null || _updateData$SewerageC4 === void 0 ? void 0 : _updateData$SewerageC4.applicationNo;
52221
52924
  setGeneratedAppNo(newAppNo);
52222
- setCurrentStep(5);
52925
+ setCurrentStep(6);
52223
52926
  }
52224
52927
  });
52225
52928
  }
@@ -52233,8 +52936,7 @@ const MutationApplication = () => {
52233
52936
  key: "error",
52234
52937
  message: "Failed to submit application"
52235
52938
  });
52236
- });
52237
- return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
52939
+ }));
52238
52940
  } catch (e) {
52239
52941
  return Promise.reject(e);
52240
52942
  }
@@ -52254,6 +52956,10 @@ const MutationApplication = () => {
52254
52956
  }
52255
52957
  };
52256
52958
  const timelineConfig = [{
52959
+ sectionId: "search",
52960
+ route: "search-connection",
52961
+ actions: "Authentication"
52962
+ }, {
52257
52963
  sectionId: "application",
52258
52964
  route: "application-selection",
52259
52965
  actions: "Existing Connection"
@@ -52275,12 +52981,12 @@ const MutationApplication = () => {
52275
52981
  currentStep: index + 1
52276
52982
  }]
52277
52983
  }));
52278
- if (isDetailsLoading || propertyId && isPropertyLoading) {
52984
+ if (isDetailsLoading || propertyId && isPropertyLoading || isWorkflowLoading) {
52279
52985
  return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null);
52280
52986
  }
52281
52987
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
52282
52988
  className: "employee-form-section-wrapper"
52283
- }, currentStep !== 5 && /*#__PURE__*/React__default.createElement(digitUiReactComponents.VerticalTimeline, {
52989
+ }, currentStep !== 6 && !isMobile && /*#__PURE__*/React__default.createElement(digitUiReactComponents.VerticalTimeline, {
52284
52990
  config: timelineConfig,
52285
52991
  currentActiveIndex: currentStep - 1,
52286
52992
  showFinalStep: false,
@@ -52288,52 +52994,53 @@ const MutationApplication = () => {
52288
52994
  }), /*#__PURE__*/React__default.createElement("div", {
52289
52995
  style: {
52290
52996
  flex: "1",
52997
+ overflowY: "auto",
52291
52998
  minWidth: 0
52292
52999
  }
52293
- }, currentStep === 1 && /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(Step1_ExistingConnection, {
53000
+ }, currentStep === 1 && /*#__PURE__*/React__default.createElement(Step1_SearchConnection, {
52294
53001
  t: t,
52295
- applicationDetails: applicationDetails,
52296
- propertyId: propertyId
52297
- }), /*#__PURE__*/React__default.createElement("div", {
52298
- style: {
52299
- display: "flex",
52300
- justifyContent: "flex-end"
52301
- }
52302
- }, /*#__PURE__*/React__default.createElement("button", {
52303
- onClick: () => {
53002
+ defaultKNumber: isEditFlow ? applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a7 = applicationDetails.applicationData) === null || _applicationDetails$a7 === void 0 ? void 0 : _applicationDetails$a7.connectionNo : "",
53003
+ onNext: _ref => {
53004
+ let kNumber = _ref.kNumber,
53005
+ mobileNumber = _ref.mobileNumber,
53006
+ detectedServiceType = _ref.serviceType;
53007
+ setAuthKNumber(kNumber);
53008
+ setAuthMobileNumber(mobileNumber);
53009
+ if (detectedServiceType) setAuthServiceType(detectedServiceType);
52304
53010
  setCompletedSteps(prev => new Set([...prev, 1]));
52305
53011
  setCurrentStep(2);
52306
- },
52307
- style: {
52308
- padding: "10px 24px",
52309
- backgroundColor: "#00497e",
52310
- color: "white",
52311
- border: "none",
52312
- borderRadius: "4px",
52313
- cursor: "pointer",
52314
- fontWeight: "bold"
52315
53012
  }
52316
- }, "Proceed to New Consumer Details \u2192"))), currentStep === 2 && /*#__PURE__*/React__default.createElement(Step2_NewConsumerDetails, {
53013
+ }), currentStep === 2 && /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(Step1_ExistingConnection, {
53014
+ t: t,
53015
+ applicationDetails: applicationDetails,
53016
+ propertyId: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a8 = applicationDetails.applicationData) === null || _applicationDetails$a8 === void 0 ? void 0 : _applicationDetails$a8.propertyId,
53017
+ mobileNumber: authMobileNumber,
53018
+ onVerify: () => {
53019
+ setCompletedSteps(prev => new Set([...prev, 2]));
53020
+ setCurrentStep(3);
53021
+ }
53022
+ })), currentStep === 3 && /*#__PURE__*/React__default.createElement(Step2_NewConsumerDetails, {
52317
53023
  t: t,
52318
53024
  defaultValues: formData,
52319
53025
  onNext: handleNextStep2,
52320
- onBack: () => setCurrentStep(1)
52321
- }), currentStep === 3 && /*#__PURE__*/React__default.createElement(Step3_UploadDocuments, {
53026
+ onBack: () => setCurrentStep(2)
53027
+ }), currentStep === 4 && /*#__PURE__*/React__default.createElement(Step3_UploadDocuments, {
52322
53028
  t: t,
52323
53029
  defaultValues: formData,
52324
53030
  onNext: handleNextStep3,
52325
- onBack: () => setCurrentStep(2)
52326
- }), currentStep === 4 && /*#__PURE__*/React__default.createElement(Step4_Preview, {
53031
+ onBack: () => setCurrentStep(3)
53032
+ }), currentStep === 5 && /*#__PURE__*/React__default.createElement(Step4_Preview, {
52327
53033
  t: t,
52328
53034
  formData: formData,
52329
53035
  applicationDetails: applicationDetails,
52330
- onBack: () => setCurrentStep(3),
53036
+ resolvedServiceType: resolvedServiceType,
53037
+ onBack: () => setCurrentStep(4),
52331
53038
  onSubmit: submitApplication,
52332
53039
  isLoading: isSubmitting
52333
- }), currentStep === 5 && /*#__PURE__*/React__default.createElement(Step5_Submission, {
53040
+ }), currentStep === 6 && /*#__PURE__*/React__default.createElement(Step5_Submission, {
52334
53041
  t: t,
52335
53042
  applicationNumber: generatedAppNo,
52336
- serviceType: serviceType || (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a4 = applicationDetails.applicationData) === null || _applicationDetails$a4 === void 0 ? void 0 : _applicationDetails$a4.serviceType)
53043
+ serviceType: resolvedServiceType
52337
53044
  }), showToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
52338
53045
  error: (showToast === null || showToast === void 0 ? void 0 : showToast.key) === "error",
52339
53046
  warning: (showToast === null || showToast === void 0 ? void 0 : showToast.key) === "warning",
@@ -55204,6 +55911,9 @@ const WSLinks = _ref2 => {
55204
55911
  }, {
55205
55912
  link: matchPath + "/my-connections",
55206
55913
  i18nKey: t("ACTION_TEXT_WS_MY_CONNECTION")
55914
+ }, {
55915
+ link: matchPath + "/mutation-application",
55916
+ i18nKey: t("WS_APPLY_MUTATION")
55207
55917
  }];
55208
55918
  return /*#__PURE__*/React__default.createElement(digitUiReactComponents.CitizenHomeCard, {
55209
55919
  header: t("ACTION_TEST_WATER_AND_SEWERAGE"),