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

package/dist/index.modern.js

@@ -1,7 +1,7 @@
 import React, { useState, useMemo, useEffect, useRef, Fragment as Fragment$2, useReducer, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Link, useHistory, useLocation, Switch, Route, useRouteMatch, Redirect, useParams } from 'react-router-dom';
-import { Loader, Card, KeyNote, SubmitBar, InfoBannerIcon, SearchForm, SearchField, Dropdown, TextInput, Table, Banner, CardText, ActionBar, HomeIcon, AppContainer, ModuleHeader, ArrowLeft, PrivateRoute, VerticalTimeline, CollapsibleCardPage, LabelFieldPair, CardLabel, CardLabelError, CheckBox, LayoutWrapper, PrintBtnCommon, MultiLink, LinkButton, Toast, TickMark, FormStep, RadioOrSelect, CardHeader, CitizenInfoLabel, CardSubHeader, DatePicker, RadioButtons, UploadFile, ViewsIcon, Modal, DeleteIcon, WrapUnMaskComponent, MobileNumber, StatusTable, Row, CardSectionHeader, InfoIcon, TextArea, Header, FilterFormField, RemoveableTag as RemoveableTag$1, MultiSelectDropdown, InboxComposer, DropIcon, WSICon, EmployeeModuleCard, SearchAction, PopUp, DetailsCard, CloseSvg, Localities, DownloadBtnCommon, CollectionIcon, ResponseComposer, TelePhone, DisplayPhotos, PDFSvg, GenericFileIcon, EditIcon, Label, CardSectionSubText, DownloadIcon, CardLabelDesc, FormComposer, MultiUploadWrapper, Close as Close$f, BreakLine, AddIcon, CheckPoint, ConnectingCheckPoints, Menu, ButtonSelector as ButtonSelector$1, CitizenHomeCard } from '@djb25/digit-ui-react-components';
+import { Loader, Card, KeyNote, SubmitBar, InfoBannerIcon, SearchForm, SearchField, Dropdown, TextInput, Table, Banner, CardText, ActionBar, HomeIcon, AppContainer, ModuleHeader, ArrowLeft, PrivateRoute, LayoutWrapper, VerticalTimeline, CollapsibleCardPage, LabelFieldPair, CardLabel, CardLabelError, CheckBox, PrintBtnCommon, MultiLink, LinkButton, Toast, TickMark, FormStep, RadioOrSelect, CardHeader, CitizenInfoLabel, CardSubHeader, DatePicker, RadioButtons, UploadFile, ViewsIcon, Modal, DeleteIcon, WrapUnMaskComponent, MobileNumber, StatusTable, Row, CardSectionHeader, InfoIcon, TextArea, Header, FilterFormField, RemoveableTag as RemoveableTag$1, MultiSelectDropdown, InboxComposer, DropIcon, WSICon, EmployeeModuleCard, SearchAction, PopUp, DetailsCard, CloseSvg, Localities, DownloadBtnCommon, CollectionIcon, ResponseComposer, TelePhone, DisplayPhotos, PDFSvg, GenericFileIcon, EditIcon, Label, CardSectionSubText, DownloadIcon, CardLabelDesc, FormComposer, MultiUploadWrapper, Close as Close$f, BreakLine, AddIcon, CheckPoint, ConnectingCheckPoints, Menu, ButtonSelector as ButtonSelector$1, CitizenHomeCard } from '@djb25/digit-ui-react-components';
 import { useForm, Controller, useWatch, useFormContext } from 'react-hook-form';
 import { read, utils as utils$1 } from 'xlsx';
 import { useQueryClient, useQuery } from 'react-query';
@@ -9097,7 +9097,9 @@ const App = _ref => {
     component: WSCitizenEditApplication
   }), /*#__PURE__*/React.createElement(PrivateRoute, {
     path: path + "/old-application",
-    component: WSOLDApplication
+    component: () => /*#__PURE__*/React.createElement(LayoutWrapper, {
+      layoutClass: "action"
+    }, /*#__PURE__*/React.createElement(WSOLDApplication, null))
   }), /*#__PURE__*/React.createElement(PrivateRoute, {
     path: path + "/info",
     component: WSInfoPage
@@ -11116,7 +11118,9 @@ const App$1 = _ref2 => {
     component: WSModifyApplicationDetails
   }), /*#__PURE__*/React.createElement(PrivateRoute, {
     path: path + "/connection-details",
-    component: WSGetConnectionDetails
+    component: () => /*#__PURE__*/React.createElement(LayoutWrapper, {
+      layoutClass: "action"
+    }, /*#__PURE__*/React.createElement(WSGetConnectionDetails, null))
   }), /*#__PURE__*/React.createElement(PrivateRoute, {
     path: path + "/bill-amendment",
     component: () => /*#__PURE__*/React.createElement(WSApplicationBillAmendment, {
@@ -17963,7 +17967,7 @@ const WSDocumentsEmployee = _ref => {
   }));
 };
 function SelectDocument(_ref2) {
-  var _formData$ConnectionD, _doc$i18nKey, _doc$i18nKey2, _doc$i18nKey3;
+  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;
   let t = _ref2.t,
     doc = _ref2.document,
     setDocuments = _ref2.setDocuments,
@@ -18026,6 +18030,29 @@ function SelectDocument(_ref2) {
   const _useState13 = useState(false),
     digiLockerUpload = _useState13[0],
     setDigilockerUpload = _useState13[1];
+  const _useState14 = useState(null),
+    docNumberError = _useState14[0],
+    setDocNumberError = _useState14[1];
+  const validateDocumentNumber = (value, docTypeCode, isReq, hasFile) => {
+    if (!isReq && !hasFile && (!value || !value.trim())) return null;
+    if (!value || !value.trim()) return t("WS_DOCUMENT_NUMBER_REQUIRED") || "Document number is required";
+    const trimmed = value.trim();
+    const upperCode = (docTypeCode || "").toUpperCase();
+    if (upperCode.includes("AADHAAR") || upperCode.includes("AADHAR")) {
+      if (!/^\d{12}$/.test(trimmed)) return t("WS_AADHAAR_VALIDATION_ERROR") || "Aadhaar number must be exactly 12 digits";
+    } else if (upperCode.includes("PAN")) {
+      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";
+    } else if (upperCode.includes("VOTER") || upperCode.includes("VOTERID")) {
+      if (!/^[A-Z]{3}\d{7}$/.test(trimmed.toUpperCase())) return t("WS_VOTERID_VALIDATION_ERROR") || "Voter ID must be in format ABC1234567";
+    } else if (upperCode.includes("DRIVING") || upperCode.includes("DRVLC")) {
+      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)";
+    } else if (upperCode.includes("PASSPORT")) {
+      if (!/^[A-Z]{1}\d{7}$/.test(trimmed.toUpperCase())) return t("WS_PASSPORT_VALIDATION_ERROR") || "Passport must be 8 characters (e.g. A1234567)";
+    } else {
+      if (trimmed.length < 3) return t("WS_DOC_NO_MIN_LENGTH") || "Document number must be at least 3 characters";
+    }
+    return null;
+  };
   useEffect(() => {
     const eligible = isDigiLockerEligible((selectedDocument === null || selectedDocument === void 0 ? void 0 : selectedDocument.code) || "");
     setDigilockerUpload(eligible);
@@ -18091,8 +18118,8 @@ function SelectDocument(_ref2) {
   }
   const dropdownData = doc.dropdownData;
   var dropDownData = dropdownData;
-  const _useState14 = useState(false),
-    isHidden = _useState14[0];
+  const _useState15 = useState(false),
+    isHidden = _useState15[0];
   const addError = () => {
     var _formState$errors, _formState$errors$con;
     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;
@@ -18140,10 +18167,15 @@ function SelectDocument(_ref2) {
         return data;
       });
     }
+    const err = validateDocumentNumber(documentUid, selectedDocument === null || selectedDocument === void 0 ? void 0 : selectedDocument.code, doc === null || doc === void 0 ? void 0 : doc.required, !!uploadedFile);
     if (!isHidden) {
-      if ((!uploadedFile || !(selectedDocument !== null && selectedDocument !== void 0 && selectedDocument.code)) && doc !== null && doc !== void 0 && doc.required) {
+      if ((!uploadedFile || !(selectedDocument !== null && selectedDocument !== void 0 && selectedDocument.code) || err) && doc !== null && doc !== void 0 && doc.required) {
         addError();
-      } else if (uploadedFile && selectedDocument !== null && selectedDocument !== void 0 && selectedDocument.code) {
+      } else if (err) {
+        addError();
+      } else if (uploadedFile && selectedDocument !== null && selectedDocument !== void 0 && selectedDocument.code && !err) {
+        removeError();
+      } else if (!(doc !== null && doc !== void 0 && doc.required) && !err) {
         removeError();
       }
     } else if (isHidden) {
@@ -18213,7 +18245,17 @@ function SelectDocument(_ref2) {
       width: "100%",
       marginBottom: "20px"
     }
-  }, doc !== null && doc !== void 0 && doc.hasDropdown ? /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, null, doc !== null && doc !== void 0 && doc.required ? t(doc === null || doc === void 0 ? void 0 : doc.i18nKey) + "*" : "" + t(doc === null || doc === void 0 ? void 0 : doc.i18nKey)), /*#__PURE__*/React.createElement(Dropdown, {
+  }, doc !== null && doc !== void 0 && doc.hasDropdown ? /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "8px"
+    }
+  }, /*#__PURE__*/React.createElement(CardLabel, {
+    style: {
+      margin: 0
+    }
+  }, doc !== null && doc !== void 0 && doc.required ? t(doc === null || doc === void 0 ? void 0 : doc.i18nKey) + "*" : "" + t(doc === null || doc === void 0 ? void 0 : doc.i18nKey)), /*#__PURE__*/React.createElement(Dropdown, {
     id: "doc-" + (doc === null || doc === void 0 ? void 0 : doc.code),
     key: "doc-" + (doc === null || doc === void 0 ? void 0 : doc.code),
     className: "form-field",
@@ -18227,13 +18269,36 @@ function SelectDocument(_ref2) {
     select: handleSelectDocument,
     optionKey: "i18nKey",
     t: t
-  })) : null, (doc === null || doc === void 0 ? void 0 : doc.code) !== "OWNER.APPLICANTPHOTO" && /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, null, t((doc === null || doc === void 0 ? void 0 : (_doc$i18nKey = doc.i18nKey) === null || _doc$i18nKey === void 0 ? void 0 : _doc$i18nKey.replaceAll(".", "_")) + "_DOCUMENT_NO")), /*#__PURE__*/React.createElement("div", {
+  })) : null, (doc === null || doc === void 0 ? void 0 : doc.code) !== "OWNER.APPLICANTPHOTO" && /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "8px"
+    }
+  }, /*#__PURE__*/React.createElement(CardLabel, {
+    style: {
+      margin: 0
+    }
+  }, t((doc === null || doc === void 0 ? void 0 : (_doc$i18nKey = doc.i18nKey) === null || _doc$i18nKey === void 0 ? void 0 : _doc$i18nKey.replaceAll(".", "_")) + "_DOCUMENT_NO")), /*#__PURE__*/React.createElement("div", {
     className: "field"
   }, /*#__PURE__*/React.createElement(TextInput, {
     type: "text",
     value: documentUid,
     onChange: e => {
-      if (!isDocumentUidLocked) setDocumentUid(e.target.value);
+      if (!isDocumentUidLocked) {
+        var _selectedDocument$cod;
+        let val = e.target.value;
+        const upperCode = (selectedDocument === null || selectedDocument === void 0 ? void 0 : (_selectedDocument$cod = selectedDocument.code) === null || _selectedDocument$cod === void 0 ? void 0 : _selectedDocument$cod.toUpperCase()) || "";
+        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;
+        if (val.length > maxLen) {
+          val = val.substring(0, maxLen);
+        }
+        setDocumentUid(val);
+        setDocNumberError(null);
+      }
+    },
+    onBlur: () => {
+      setDocNumberError(validateDocumentNumber(documentUid, selectedDocument === null || selectedDocument === void 0 ? void 0 : selectedDocument.code, doc === null || doc === void 0 ? void 0 : doc.required, !!uploadedFile));
     },
     placeholder: t("WS_IDENTITY_NO_PLACEHOLDER"),
     disabled: isDocumentUidLocked,
@@ -18241,8 +18306,58 @@ function SelectDocument(_ref2) {
       backgroundColor: "#f0f0f0",
       cursor: "not-allowed",
       color: "#555"
-    } : {}
-  }))), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, null, doc !== null && doc !== void 0 && doc.required ? t((doc === null || doc === void 0 ? void 0 : (_doc$i18nKey2 = doc.i18nKey) === null || _doc$i18nKey2 === void 0 ? void 0 : _doc$i18nKey2.replaceAll(".", "_")) + "_UPLOAD_DOCUMENT") + "*" : "" + t((doc === null || doc === void 0 ? void 0 : (_doc$i18nKey3 = doc.i18nKey) === null || _doc$i18nKey3 === void 0 ? void 0 : _doc$i18nKey3.replaceAll(".", "_")) + "_UPLOAD_DOCUMENT")), /*#__PURE__*/React.createElement("div", {
+    } : docNumberError ? {
+      border: "1px solid #d32f2f"
+    } : {},
+    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
+  }), docNumberError && /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: "12px",
+      color: "#d32f2f",
+      marginTop: "4px"
+    }
+  }, docNumberError), ((selectedDocument === null || selectedDocument === void 0 ? void 0 : (_selectedDocument$cod0 = selectedDocument.code) === null || _selectedDocument$cod0 === void 0 ? void 0 : _selectedDocument$cod0.toUpperCase().includes("AADHAAR")) || (selectedDocument === null || selectedDocument === void 0 ? void 0 : (_selectedDocument$cod1 = selectedDocument.code) === null || _selectedDocument$cod1 === void 0 ? void 0 : _selectedDocument$cod1.toUpperCase().includes("AADHAR"))) && !docNumberError && /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: "11px",
+      color: "#000000",
+      marginTop: "4px"
+    }
+  }, t("WS_AADHAAR_VALIDATION_ERROR") || "Format: 12-digit numeric (e.g. 123456789012)"), (selectedDocument === null || selectedDocument === void 0 ? void 0 : (_selectedDocument$cod10 = selectedDocument.code) === null || _selectedDocument$cod10 === void 0 ? void 0 : _selectedDocument$cod10.toUpperCase().includes("PAN")) && !docNumberError && /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: "11px",
+      color: "#000000",
+      marginTop: "4px"
+    }
+  }, t("WS_PAN_VALIDATION_ERROR") || "Format: ABCDE1234F"), ((selectedDocument === null || selectedDocument === void 0 ? void 0 : (_selectedDocument$cod11 = selectedDocument.code) === null || _selectedDocument$cod11 === void 0 ? void 0 : _selectedDocument$cod11.toUpperCase().includes("VOTER")) || (selectedDocument === null || selectedDocument === void 0 ? void 0 : (_selectedDocument$cod12 = selectedDocument.code) === null || _selectedDocument$cod12 === void 0 ? void 0 : _selectedDocument$cod12.toUpperCase().includes("VOTERID"))) && !docNumberError && /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: "11px",
+      color: "#000000",
+      marginTop: "4px"
+    }
+  }, t("WS_VOTERID_VALIDATION_ERROR") || "Format: ABC1234567"), ((selectedDocument === null || selectedDocument === void 0 ? void 0 : (_selectedDocument$cod13 = selectedDocument.code) === null || _selectedDocument$cod13 === void 0 ? void 0 : _selectedDocument$cod13.toUpperCase().includes("DRIVING")) || (selectedDocument === null || selectedDocument === void 0 ? void 0 : (_selectedDocument$cod14 = selectedDocument.code) === null || _selectedDocument$cod14 === void 0 ? void 0 : _selectedDocument$cod14.toUpperCase().includes("DRVLC"))) && !docNumberError && /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: "11px",
+      color: "#000000",
+      marginTop: "4px"
+    }
+  }, t("WS_DRIVING_LICENSE_VALIDATION_ERROR") || "Format: MH1420110012345"), (selectedDocument === null || selectedDocument === void 0 ? void 0 : (_selectedDocument$cod15 = selectedDocument.code) === null || _selectedDocument$cod15 === void 0 ? void 0 : _selectedDocument$cod15.toUpperCase().includes("PASSPORT")) && !docNumberError && /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: "11px",
+      color: "#000000",
+      marginTop: "4px"
+    }
+  }, t("WS_PASSPORT_VALIDATION_ERROR") || "Format: A1234567"))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "8px",
+      gridColumn: "span 1"
+    }
+  }, /*#__PURE__*/React.createElement(CardLabel, {
+    style: {
+      margin: 0
+    }
+  }, doc !== null && doc !== void 0 && doc.required ? t((doc === null || doc === void 0 ? void 0 : (_doc$i18nKey2 = doc.i18nKey) === null || _doc$i18nKey2 === void 0 ? void 0 : _doc$i18nKey2.replaceAll(".", "_")) + "_UPLOAD_DOCUMENT") + "*" : "" + t((doc === null || doc === void 0 ? void 0 : (_doc$i18nKey3 = doc.i18nKey) === null || _doc$i18nKey3 === void 0 ? void 0 : _doc$i18nKey3.replaceAll(".", "_")) + "_UPLOAD_DOCUMENT")), /*#__PURE__*/React.createElement("div", {
     className: "field",
     style: {
       display: "flex",
@@ -18313,19 +18428,25 @@ function SelectDocument(_ref2) {
       setIsDocumentUidLocked(false);
       setDocumentUid("");
     }
-  })), uploadedFile && /*#__PURE__*/React.createElement("div", {
-    onClick: viewDocument,
+  })))), /*#__PURE__*/React.createElement("div", {
     style: {
-      cursor: "pointer"
+      display: "flex",
+      flexDirection: "column",
+      gap: "8px",
+      gridColumn: "span 1"
     }
-  }, /*#__PURE__*/React.createElement(ViewsIcon, null)), (doc === null || doc === void 0 ? void 0 : doc.code) === "OWNER.APPLICANTPHOTO" && /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(CardLabel, {
+    style: {
+      margin: 0
+    }
+  }, (doc === null || doc === void 0 ? void 0 : doc.code) === "OWNER.APPLICANTPHOTO" ? t("WS_CLICK_APPLICANT_PHOTO") || "Click Applicant Photo" : "\u00A0"), /*#__PURE__*/React.createElement("div", {
     style: {
-      flex: 1,
       display: "flex",
-      flexDirection: "column",
-      marginTop: "-20px"
+      alignItems: "center",
+      gap: "20px",
+      height: "100%"
     }
-  }, /*#__PURE__*/React.createElement(CardLabel, null, t("WS_CLICK_APPLICANT_PHOTO") || "Click Applicant Photo"), /*#__PURE__*/React.createElement("div", {
+  }, (doc === null || doc === void 0 ? void 0 : doc.code) === "OWNER.APPLICANTPHOTO" && /*#__PURE__*/React.createElement("div", {
     style: {
       display: "flex",
       alignItems: "center",
@@ -18360,7 +18481,21 @@ function SelectDocument(_ref2) {
       fontWeight: "bold",
       fontSize: "14px"
     }
-  }, "\u2714 Uploaded"))))), showCamera && /*#__PURE__*/React.createElement(CameraCaptureModal, {
+  }, "\u2714 Uploaded")), uploadedFile && /*#__PURE__*/React.createElement("div", {
+    onClick: viewDocument,
+    style: {
+      display: "flex",
+      alignItems: "center",
+      gap: "8px",
+      cursor: "pointer",
+      color: "#00497e",
+      fontWeight: "bold",
+      padding: "8px 16px",
+      border: "1px solid #00497e",
+      borderRadius: "4px",
+      backgroundColor: "#fff"
+    }
+  }, /*#__PURE__*/React.createElement(ViewsIcon, null), /*#__PURE__*/React.createElement("span", null, t("WS_VIEW_DOCUMENT") || "View Document")))), showCamera && /*#__PURE__*/React.createElement(CameraCaptureModal, {
     onCapture: handleCapture,
     onClose: () => setShowCamera(false),
     t: t
@@ -18427,12 +18562,12 @@ const CameraCaptureModal = _ref4 => {
     t = _ref4.t;
   const videoRef = useRef(null);
   const canvasRef = useRef(null);
-  const _useState15 = useState(null),
-    stream = _useState15[0],
-    setStream = _useState15[1];
   const _useState16 = useState(null),
-    error = _useState16[0],
-    setError = _useState16[1];
+    stream = _useState16[0],
+    setStream = _useState16[1];
+  const _useState17 = useState(null),
+    error = _useState17[0],
+    setError = _useState17[1];
   useEffect(() => {
     const startCamera = function () {
       try {
@@ -47721,7 +47856,7 @@ const ApplicationDetails = props => {
 };
 
 const ApplicationDetails$1 = () => {
-  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;
+  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;
   const getRecieptSearch = function (tenantId, payments, consumerCodes, receiptKey) {
     try {
       let response = null;
@@ -47915,8 +48050,9 @@ const ApplicationDetails$1 = () => {
       };
     }
     if ((action === null || action === void 0 ? void 0 : action.action) === "RESUBMIT_APPLICATION") {
-      var _applicationDetails$p11, _servicesMasterData$w, _userConfig$, _userConfig$2;
-      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);
+      var _applicationDetails$a0, _applicationDetails$a1, _applicationDetails$p11, _applicationDetails$p12, _servicesMasterData$w, _userConfig$, _userConfig$2;
+      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");
+      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);
       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) || [];
       const editApplicationUserRole = (userConfig === null || userConfig === void 0 ? void 0 : (_userConfig$ = userConfig[0]) === null || _userConfig$ === void 0 ? void 0 : _userConfig$.roles) || [];
       const mdmsApplicationStatus = userConfig === null || userConfig === void 0 ? void 0 : (_userConfig$2 = userConfig[0]) === null || _userConfig$2 === void 0 ? void 0 : _userConfig$2.status;
@@ -47925,9 +48061,9 @@ const ApplicationDetails$1 = () => {
         isFieldInspector = ifUserRoleExists(role);
         if (isFieldInspector) return false;else return true;
       });
-      if (isFieldInspector && appStatus === mdmsApplicationStatus) {
-        var _applicationDetails$p12;
-        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);
+      if (!isMutation && isFieldInspector && appStatus === mdmsApplicationStatus) {
+        var _applicationDetails$p13;
+        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);
       }
       action.redirectionUrll = {
         action: "ACTIVATE_CONNECTION",
@@ -47939,18 +48075,19 @@ const ApplicationDetails$1 = () => {
       };
     }
     if ((action === null || action === void 0 ? void 0 : action.action) === "SUBMIT_APPLICATION") {
-      var _applicationDetails$p13;
+      var _applicationDetails$p14;
       action.redirectionUrll = {
         action: "ACTIVATE_CONNECTION",
-        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),
+        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),
         state: applicationDetails
       };
     }
   });
   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 => {
     if ((action === null || action === void 0 ? void 0 : action.action) === "EDIT") {
-      var _applicationDetails$p14, _servicesMasterData$w2, _userConfig$3, _userConfig$4;
-      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);
+      var _applicationDetails$a10, _applicationDetails$a11, _applicationDetails$p15, _applicationDetails$p16, _servicesMasterData$w2, _userConfig$3, _userConfig$4;
+      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");
+      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);
       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) || [];
       const editApplicationUserRole = (userConfig === null || userConfig === void 0 ? void 0 : (_userConfig$3 = userConfig[0]) === null || _userConfig$3 === void 0 ? void 0 : _userConfig$3.roles) || [];
       const mdmsApplicationStatus = userConfig === null || userConfig === void 0 ? void 0 : (_userConfig$4 = userConfig[0]) === null || _userConfig$4 === void 0 ? void 0 : _userConfig$4.status;
@@ -47959,9 +48096,9 @@ const ApplicationDetails$1 = () => {
         isFieldInspector = ifUserRoleExists(role);
         if (isFieldInspector) return false;else return true;
       });
-      if (isFieldInspector && appStatus === mdmsApplicationStatus) {
-        var _applicationDetails$p15;
-        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);
+      if (!isMutation && isFieldInspector && appStatus === mdmsApplicationStatus) {
+        var _applicationDetails$p17;
+        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);
       }
       action.redirectionUrll = {
         action: "ACTIVATE_CONNECTION",
@@ -48030,10 +48167,10 @@ const ApplicationDetails$1 = () => {
   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];
   const handleDownloadPdf = function () {
     try {
-      var _applicationDetails$a0, _applicationDetails$a1, _applicationDetails$a10;
-      const tenantInfo = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a0 = applicationDetails.applicationData) === null || _applicationDetails$a0 === void 0 ? void 0 : _applicationDetails$a0.tenantId;
+      var _applicationDetails$a12, _applicationDetails$a13, _applicationDetails$a14;
+      const tenantInfo = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a12 = applicationDetails.applicationData) === null || _applicationDetails$a12 === void 0 ? void 0 : _applicationDetails$a12.tenantId;
       let result = applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationData;
-      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_")) {
+      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_")) {
         const PDFdata = getWSAcknowledgementData$1(_extends({}, result), _extends({}, applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.propertyDetails), tenantInfo, t, oldApplication);
         PDFdata.then(ress => Digit.Utils.pdf.generateModifyPdf(ress));
         return Promise.resolve();
@@ -48047,10 +48184,10 @@ const ApplicationDetails$1 = () => {
   };
   const handleEstimateDownload = function () {
     try {
-      const _temp2 = function (_applicationDetails$a11, _applicationDetails$a12) {
-        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) {
-          var _applicationDetails$a13, _applicationDetails$a14;
-          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);
+      const _temp2 = function (_applicationDetails$a15, _applicationDetails$a16) {
+        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) {
+          var _applicationDetails$a17, _applicationDetails$a18;
+          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);
         } else {
           const warningCount = sessionStorage.getItem("WARINIG_COUNT") || "0";
           const warningCountDetails = JSON.parse(warningCount);
@@ -48108,8 +48245,8 @@ const ApplicationDetails$1 = () => {
     order: 2,
     label: t("WS_SANCTION_LETTER"),
     onClick: () => {
-      var _applicationDetails$a15, _applicationDetails$a16;
-      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);
+      var _applicationDetails$a19, _applicationDetails$a20;
+      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);
     }
   };
   const applicationDownloadObject = {
@@ -48121,8 +48258,8 @@ const ApplicationDetails$1 = () => {
     order: 4,
     label: t("DOWNLOAD_RECEIPT_HEADER"),
     onClick: () => {
-      var _reciept_data$Payment, _applicationDetails$a17;
-      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);
+      var _reciept_data$Payment, _applicationDetails$a21;
+      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);
     }
   };
   switch (appStatus) {
@@ -48137,7 +48274,7 @@ const ApplicationDetails$1 = () => {
       break;
     case "PENDING_FOR_CONNECTION_ACTIVATION":
     case "CONNECTION_ACTIVATED":
-      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];
+      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];
       break;
     case "REJECTED":
       dowloadOptions = [applicationDownloadObject];
@@ -48183,12 +48320,12 @@ const ApplicationDetails$1 = () => {
     mutate: mutate,
     id: "timeline",
     workflowDetails: workflowDetails,
-    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(),
+    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(),
     moduleCode: "WS",
     showToast: showToast,
     setShowToast: setShowToast,
     closeToast: closeToast,
-    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()) + "_",
+    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()) + "_",
     oldValue: res,
     isInfoLabel: checkforPrivacyenablement(),
     clearDataDetails: clearDataDetails,
@@ -48481,7 +48618,10 @@ const GetConnectionDetails = () => {
   };
   return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement("div", {
     style: {
-      position: "relative"
+      position: "relative",
+      width: "100%",
+      height: "100%",
+      overflowY: "scroll"
     }
   }, dowloadOptions && dowloadOptions.length > 0 && /*#__PURE__*/React.createElement("div", {
     style: {
@@ -52254,7 +52394,7 @@ const Step5_Submission = _ref => {
       flexWrap: "wrap",
       gap: "6px"
     }
-  }, /*#__PURE__*/React.createElement("span", null, "\u2705"), " Your application has been submitted successfully!"), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("span", null, "\u2705"), " Your application has been submitted successfully to the respective Zonal Officer !"), /*#__PURE__*/React.createElement("div", {
     style: {
       color: "#666",
       marginTop: "4px",
@@ -52367,7 +52507,8 @@ const MutationApplication = () => {
     }),
     isWorkflowLoading = _useQuery.isLoading,
     workflowData = _useQuery.data;
-  const isEditFlow = !!editApplicationNumber && (workflowData === null || workflowData === void 0 ? void 0 : workflowData.action) === "SEND_BACK_TO_CITIZEN";
+  const isEmployee = window.location.href.includes("/employee/");
+  const isEditFlow = !!editApplicationNumber && (isEmployee || (workflowData === null || workflowData === void 0 ? void 0 : workflowData.action) === "SEND_BACK_TO_CITIZEN");
   const querySearchParam = isEditFlow ? editApplicationNumber : authKNumber;
   const fallbackServiceType = serviceType || authServiceType;
   const businessService = (fallbackServiceType === null || fallbackServiceType === void 0 ? void 0 : fallbackServiceType.toUpperCase()) === "SEWERAGE" ? "SW" : "WS";
@@ -52451,7 +52592,8 @@ const MutationApplication = () => {
   }, [applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a4 = applicationDetails.applicationData) === null || _applicationDetails$a4 === void 0 ? void 0 : _applicationDetails$a4.id]);
   useEffect(() => {
     const isCitizen = window.location.href.includes("/citizen/");
-    if (isCitizen && isEditFlow && applicationDetails !== null && applicationDetails !== void 0 && applicationDetails.applicationData) {
+    const isEmployee = window.location.href.includes("/employee/");
+    if ((isCitizen || isEmployee) && isEditFlow && applicationDetails !== null && applicationDetails !== void 0 && applicationDetails.applicationData) {
       const data = applicationDetails.applicationData;
       const holders = (data === null || data === void 0 ? void 0 : data.connectionHolders) || [];
       const primaryHolder = holders.find(h => h.isPrimaryOwner) || holders[0] || {};
@@ -52464,6 +52606,36 @@ const MutationApplication = () => {
           return ["AADHAAR", "VOTERID", "VOTER_ID", "PAN", "DRIVING_LICENSE", "PASSPORT"].includes((_d$documentType = d.documentType) === null || _d$documentType === void 0 ? void 0 : _d$documentType.toUpperCase());
         });
         const mutationDoc = documents.find(d => d.documentType === "REGISTERED_SALE_DEED" || d.documentType === "SALE_DEED" || d.documentType === "GIFT_DEED" || d.documentType === "WILL");
+        const reasonOptions = [{
+          code: "SALE_PURCHASE",
+          i18nKey: "Purchase of Property"
+        }, {
+          code: "DEVOLUTION_INHERITANCE",
+          i18nKey: "Devolution/Inheritance"
+        }, {
+          code: "OTHER",
+          i18nKey: "Other Reason(Gift Deed, Lease Agreement, etc)"
+        }];
+        const relationshipOptions = [{
+          code: "BLOOD_RELATION",
+          i18nKey: "Blood Relation (Son / Daughter / Spouse)"
+        }, {
+          code: "LEGAL_HEIR",
+          i18nKey: "Legal Heir"
+        }, {
+          code: "OTHER",
+          i18nKey: "Other"
+        }];
+        const reasonCode = additionalDetails.reasonForNameChange;
+        const reasonObj = reasonOptions.find(o => o.code === reasonCode) || (reasonCode ? {
+          code: reasonCode,
+          i18nKey: reasonCode
+        } : null);
+        const relationCode = additionalDetails.relationshipWithExistingConsumer;
+        const relationObj = relationshipOptions.find(o => o.code === relationCode) || (relationCode ? {
+          code: relationCode,
+          i18nKey: relationCode
+        } : null);
         return {
           proposedNewConsumerName: primaryHolder.name || "",
           gender: primaryHolder.gender ? {
@@ -52472,21 +52644,18 @@ const MutationApplication = () => {
           } : null,
           newOwnerMobileNumber: primaryHolder.mobileNumber || "",
           newOwnerEmailAddress: primaryHolder.emailId || "",
-          reasonForNameChange: additionalDetails.reasonForNameChange ? {
-            code: additionalDetails.reasonForNameChange,
-            i18nKey: additionalDetails.reasonForNameChange
-          } : null,
-          relationshipWithExistingConsumer: additionalDetails.relationshipWithExistingConsumer ? {
-            code: additionalDetails.relationshipWithExistingConsumer,
-            i18nKey: additionalDetails.relationshipWithExistingConsumer
-          } : null,
-          saleDeedDocumentId: (mutationDoc === null || mutationDoc === void 0 ? void 0 : mutationDoc.fileStoreId) || additionalDetails.saleDeedDocumentId || "",
-          identityProofDocumentId: (identityDoc === null || identityDoc === void 0 ? void 0 : identityDoc.fileStoreId) || "",
-          identityProofType: identityDoc !== null && identityDoc !== void 0 && identityDoc.documentType ? {
+          reasonForNameChange: reasonObj,
+          relationshipWithExistingConsumer: relationObj,
+          saleDeedDocumentId: additionalDetails.saleDeedDocumentId || (mutationDoc === null || mutationDoc === void 0 ? void 0 : mutationDoc.fileStoreId) || "",
+          identityProofDocumentId: additionalDetails.identityProofDocumentId || (identityDoc === null || identityDoc === void 0 ? void 0 : identityDoc.fileStoreId) || "",
+          identityProofType: additionalDetails.identityProofDocumentName ? {
+            code: additionalDetails.identityProofDocumentName,
+            i18nKey: additionalDetails.identityProofDocumentName
+          } : identityDoc !== null && identityDoc !== void 0 && identityDoc.documentType ? {
             code: identityDoc.documentType,
             i18nKey: identityDoc.documentType
           } : null,
-          documentNumber: additionalDetails.identityProofNumber || (identityDoc === null || identityDoc === void 0 ? void 0 : identityDoc.documentUid) || ""
+          documentNumber: additionalDetails.identityProofDocumentNumber || additionalDetails.identityProofNumber || (identityDoc === null || identityDoc === void 0 ? void 0 : identityDoc.documentUid) || ""
         };
       });
     }
@@ -52583,7 +52752,7 @@ const MutationApplication = () => {
               });
             }
             if (mutDetails.identityProofDocumentId) {
-              var _mutDetails$identityP;
+              var _mutDetails$identityP, _mutDetails$identityP2;
               if (!convertAppData.documents) convertAppData.documents = [];
               convertAppData.documents.push({
                 documentType: ((_mutDetails$identityP = mutDetails.identityProofType) === null || _mutDetails$identityP === void 0 ? void 0 : _mutDetails$identityP.code) || "IDENTITY_PROOF",
@@ -52592,6 +52761,10 @@ const MutationApplication = () => {
                 documentNumber: mutDetails.documentNumber,
                 status: "ACTIVE"
               });
+              if (!convertAppData.additionalDetails) convertAppData.additionalDetails = {};
+              convertAppData.additionalDetails.identityProofDocumentNumber = mutDetails.documentNumber || "";
+              convertAppData.additionalDetails.identityProofDocumentName = ((_mutDetails$identityP2 = mutDetails.identityProofType) === null || _mutDetails$identityP2 === void 0 ? void 0 : _mutDetails$identityP2.code) || "IDENTITY_PROOF";
+              convertAppData.additionalDetails.identityProofDocumentId = mutDetails.identityProofDocumentId || "";
             }
           }
           convertAppData.applicationType = resolvedServiceType === "WATER" ? "MUTATION_WATER_CONNECTION" : "MUTATION_SEWERAGE_CONNECTION";