@djb25/digit-ui-module-ws 1.0.64 → 1.0.66

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import React, { useState, useMemo, useEffect, useRef, Fragment as Fragment$1, useReducer, useCallback } from 'react';
+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';
@@ -6,6 +6,31 @@ import { useForm, Controller, useWatch, useFormContext } from 'react-hook-form';
 import { read, utils as utils$1 } from 'xlsx';
 import { useQueryClient } from 'react-query';
 
+const _iteratorSymbol = /*#__PURE__*/typeof Symbol !== "undefined" ? Symbol.iterator || (Symbol.iterator = Symbol("Symbol.iterator")) : "@@iterator";
+const _asyncIteratorSymbol = /*#__PURE__*/typeof Symbol !== "undefined" ? Symbol.asyncIterator || (Symbol.asyncIterator = Symbol("Symbol.asyncIterator")) : "@@asyncIterator";
+function _catch(body, recover) {
+  try {
+    var result = body();
+  } catch (e) {
+    return recover(e);
+  }
+  if (result && result.then) {
+    return result.then(void 0, recover);
+  }
+  return result;
+}
+function _finallyRethrows(body, finalizer) {
+  try {
+    var result = body();
+  } catch (e) {
+    return finalizer(true, e);
+  }
+  if (result && result.then) {
+    return result.then(finalizer.bind(null, false), finalizer.bind(null, true));
+  }
+  return finalizer(false, result);
+}
+
 const TestAcknowledgment = () => {
   const getPDFData = (application, t) => {
     var _tenantInfo$city;
@@ -8895,6 +8920,47 @@ const App = _ref => {
   let wsCount = (wsData === null || wsData === void 0 ? void 0 : (_wsData$WaterConnecti = wsData.WaterConnection) === null || _wsData$WaterConnecti === void 0 ? void 0 : (_wsData$WaterConnecti2 = _wsData$WaterConnecti.filter(ob => (ob === null || ob === void 0 ? void 0 : ob.applicationType) !== "MODIFY_WATER_CONNECTION")) === null || _wsData$WaterConnecti2 === void 0 ? void 0 : _wsData$WaterConnecti2.length) || 0;
   let swCount = (swData === null || swData === void 0 ? void 0 : (_swData$SewerageConne = swData.SewerageConnections) === null || _swData$SewerageConne === void 0 ? void 0 : (_swData$SewerageConne2 = _swData$SewerageConne.filter(ob => (ob === null || ob === void 0 ? void 0 : ob.applicationType) !== "MODIFY_SEWERAGE_CONNECTION")) === null || _swData$SewerageConne2 === void 0 ? void 0 : _swData$SewerageConne2.length) || 0;
   let totalAppsCount = wsCount + swCount;
+  useEffect(() => {
+    const fetchToken = function () {
+      try {
+        const urlParams = new URLSearchParams(window.location.search);
+        const code = urlParams.get("code");
+        const _temp2 = function () {
+          if (code) {
+            const _temp = _catch(function () {
+              const TokenReq = {
+                module: "WS",
+                code: code,
+                dlReqRef: sessionStorage.getItem("code_verfier_register")
+              };
+              const tenantId = Digit.ULBService.getCurrentTenantId() || "dl.djb";
+              return Promise.resolve(Digit.DigiLockerService.token({
+                TokenReq
+              }, tenantId)).then(function (res) {
+                var _res$TokenRes;
+                const accessToken = (res === null || res === void 0 ? void 0 : (_res$TokenRes = res.TokenRes) === null || _res$TokenRes === void 0 ? void 0 : _res$TokenRes.access_token) || (res === null || res === void 0 ? void 0 : res.access_token);
+                if (accessToken) {
+                  sessionStorage.setItem("DigiLocker.token1", accessToken);
+                }
+                urlParams.delete("code");
+                urlParams.delete("state");
+                const search = urlParams.toString();
+                const newUrl = window.location.pathname + (search ? "?" + search : "");
+                window.history.replaceState({}, document.title, newUrl);
+              });
+            }, function (error) {
+              console.error("Error fetching DigiLocker token", error);
+            });
+            if (_temp && _temp.then) return _temp.then(function () {});
+          }
+        }();
+        return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    };
+    fetchToken();
+  }, []);
   const crumbs = [{
     path: "/digit-ui/employee",
     show: true,
@@ -10902,6 +10968,47 @@ const App$1 = _ref2 => {
   var _Digit, _Digit$ComponentRegis, _Digit2, _Digit2$ComponentRegi, _Digit3, _Digit3$ComponentRegi, _Digit4, _Digit4$ComponentRegi, _Digit5, _Digit5$ComponentRegi, _Digit6, _Digit6$ComponentRegi, _Digit7, _Digit7$ComponentRegi, _Digit8, _Digit8$ComponentRegi, _Digit9, _Digit9$ComponentRegi, _Digit0, _Digit0$ComponentRegi, _Digit1, _Digit1$ComponentRegi, _Digit10, _Digit10$ComponentReg, _Digit11, _Digit11$ComponentReg, _Digit12, _Digit12$ComponentReg, _Digit13, _Digit13$ComponentReg, _Digit14, _Digit14$ComponentReg, _Digit15, _Digit15$ComponentReg, _Digit16, _Digit16$ComponentReg, _Digit17, _Digit17$ComponentReg, _Digit18, _Digit18$ComponentReg, _Digit19, _Digit19$ComponentReg, _Digit20, _Digit20$ComponentReg, _Digit21, _Digit21$ComponentReg, _Digit22, _Digit22$ComponentReg, _Digit23, _Digit23$ComponentReg, _Digit24, _Digit24$ComponentReg, _Digit25, _Digit25$ComponentReg, _Digit26, _Digit26$ComponentReg, _Digit27, _Digit27$ComponentReg, _Digit28, _Digit28$ComponentReg, _Digit29, _Digit29$ComponentReg, _Digit30, _Digit30$ComponentReg;
   let path = _ref2.path;
   const location = useLocation();
+  useEffect(() => {
+    const fetchToken = function () {
+      try {
+        const urlParams = new URLSearchParams(window.location.search);
+        const code = urlParams.get("code");
+        const _temp5 = function () {
+          if (code) {
+            const _temp4 = _catch(function () {
+              const TokenReq = {
+                module: "WS",
+                code: code,
+                dlReqRef: sessionStorage.getItem("code_verfier_register")
+              };
+              const tenantId = Digit.ULBService.getCurrentTenantId() || "dl.djb";
+              return Promise.resolve(Digit.DigiLockerService.token({
+                TokenReq
+              }, tenantId)).then(function (res) {
+                var _res$TokenRes;
+                const accessToken = (res === null || res === void 0 ? void 0 : (_res$TokenRes = res.TokenRes) === null || _res$TokenRes === void 0 ? void 0 : _res$TokenRes.access_token) || (res === null || res === void 0 ? void 0 : res.access_token);
+                if (accessToken) {
+                  sessionStorage.setItem("DigiLocker.token1", accessToken);
+                }
+                urlParams.delete("code");
+                urlParams.delete("state");
+                const search = urlParams.toString();
+                const newUrl = window.location.pathname + (search ? "?" + search : "");
+                window.history.replaceState({}, document.title, newUrl);
+              });
+            }, function (error) {
+              console.error("Error fetching DigiLocker token", error);
+            });
+            if (_temp4 && _temp4.then) return _temp4.then(function () {});
+          }
+        }();
+        return Promise.resolve(_temp5 && _temp5.then ? _temp5.then(function () {}) : void 0);
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    };
+    fetchToken();
+  }, []);
   const WSDocsRequired = (_Digit = Digit) === null || _Digit === void 0 ? void 0 : (_Digit$ComponentRegis = _Digit.ComponentRegistryService) === null || _Digit$ComponentRegis === void 0 ? void 0 : _Digit$ComponentRegis.getComponent("WSDocsRequired");
   const WSInbox = (_Digit2 = Digit) === null || _Digit2 === void 0 ? void 0 : (_Digit2$ComponentRegi = _Digit2.ComponentRegistryService) === null || _Digit2$ComponentRegi === void 0 ? void 0 : _Digit2$ComponentRegi.getComponent("WSInbox");
   const WSDisconnectionDocsRequired = (_Digit3 = Digit) === null || _Digit3 === void 0 ? void 0 : (_Digit3$ComponentRegi = _Digit3.ComponentRegistryService) === null || _Digit3$ComponentRegi === void 0 ? void 0 : _Digit3$ComponentRegi.getComponent("WSDisconnectionDocsRequired");
@@ -11905,31 +12012,6 @@ const WSActivationDetails = _ref => {
   }))));
 };
 
-const _iteratorSymbol = /*#__PURE__*/typeof Symbol !== "undefined" ? Symbol.iterator || (Symbol.iterator = Symbol("Symbol.iterator")) : "@@iterator";
-const _asyncIteratorSymbol = /*#__PURE__*/typeof Symbol !== "undefined" ? Symbol.asyncIterator || (Symbol.asyncIterator = Symbol("Symbol.asyncIterator")) : "@@asyncIterator";
-function _catch(body, recover) {
-  try {
-    var result = body();
-  } catch (e) {
-    return recover(e);
-  }
-  if (result && result.then) {
-    return result.then(void 0, recover);
-  }
-  return result;
-}
-function _finallyRethrows(body, finalizer) {
-  try {
-    var result = body();
-  } catch (e) {
-    return finalizer(true, e);
-  }
-  if (result && result.then) {
-    return result.then(finalizer.bind(null, false), finalizer.bind(null, true));
-  }
-  return finalizer(false, result);
-}
-
 const createConnectionDetails = () => ({
   water: true,
   sewerage: false,
@@ -16214,6 +16296,20 @@ const WSActivationSupportingDocuments = _ref => {
   }))));
 };
 
+const _iteratorSymbol$1 = /*#__PURE__*/typeof Symbol !== "undefined" ? Symbol.iterator || (Symbol.iterator = Symbol("Symbol.iterator")) : "@@iterator";
+const _asyncIteratorSymbol$1 = /*#__PURE__*/typeof Symbol !== "undefined" ? Symbol.asyncIterator || (Symbol.asyncIterator = Symbol("Symbol.asyncIterator")) : "@@asyncIterator";
+function _catch$1(body, recover) {
+  try {
+    var result = body();
+  } catch (e) {
+    return recover(e);
+  }
+  if (result && result.then) {
+    return result.then(void 0, recover);
+  }
+  return result;
+}
+
 var b = "function" === typeof Symbol && Symbol.for,
   c = b ? Symbol.for("react.element") : 60103,
   d = b ? Symbol.for("react.portal") : 60106,
@@ -17346,14 +17442,22 @@ const UploadFileDigiLocker = props => {
   const fetchDigiLockerDocuments = function (e) {
     try {
       e.preventDefault();
-      return Promise.resolve(_catch(function () {
-        const digiLockerToken = sessionStorage.getItem("DigiLocker.token1") || "dummy_token";
+      return Promise.resolve(_catch$1(function () {
+        const digiLockerToken = sessionStorage.getItem("DigiLocker.token1");
+        if (!digiLockerToken) {
+          setShowToast({
+            error: true,
+            label: "Please login to DigiLocker first to fetch documents."
+          });
+          return;
+        }
         let TokenReq = {
           authToken: digiLockerToken
         };
+        const tenantId = Digit.ULBService.getCurrentTenantId() || "dl.djb";
         return Promise.resolve(Digit.DigiLockerService.issueDoc({
           TokenReq
-        })).then(function (res1) {
+        }, tenantId)).then(function (res1) {
           if (!res1 || !res1.IssuedDoc) {
             setShowToast({
               error: true,
@@ -17373,9 +17477,10 @@ const UploadFileDigiLocker = props => {
                 authToken: digiLockerToken,
                 id: uri[0].uri
               };
+              const tenantId = Digit.ULBService.getCurrentTenantId() || "dl.djb";
               return Promise.resolve(Digit.DigiLockerService.uri({
                 TokenReq: TokenReqNew
-              })).then(function (res2) {
+              }, tenantId)).then(function (res2) {
                 let c = new Blob([res2]);
                 let filename = doctype + "_" + (uri[0].name || "document") + ".pdf";
                 convertToFile(e, c, filename);
@@ -17426,7 +17531,7 @@ const UploadFileDigiLocker = props => {
     fill: "#0B0C0C"
   }));
   const showHint = (props === null || props === void 0 ? void 0 : props.showHint) || false;
-  return /*#__PURE__*/React.createElement(Fragment$1, null, showHint && /*#__PURE__*/React.createElement("p", {
+  return /*#__PURE__*/React.createElement(Fragment$2, null, showHint && /*#__PURE__*/React.createElement("p", {
     className: "cell-text"
   }, t(props === null || props === void 0 ? void 0 : props.hintText)), /*#__PURE__*/React.createElement("div", {
     className: "upload-file " + (user_type === "employee" ? "" : "upload-file-max-width") + " " + (props.disabled ? " disabled" : ""),
@@ -18691,7 +18796,7 @@ const WSDisconnectionDocsRequired = _ref => {
     wsDocs = _Digit$Hooks$ws$WSSea.data;
   if (userType === "citizen") {
     var _wsDocs$Disconnection;
-    return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardHeader, null, t("WS_COMMON_APPLICATION_DISCONNECTION")), /*#__PURE__*/React.createElement(CitizenInfoLabel, {
+    return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardHeader, null, t("WS_COMMON_APPLICATION_DISCONNECTION")), /*#__PURE__*/React.createElement(CitizenInfoLabel, {
       style: {
         margin: "0px"
       },
@@ -18717,7 +18822,7 @@ const WSDisconnectionDocsRequired = _ref => {
         color: "#0B0C0C",
         marginTop: "12px"
       }
-    }, t("WS_NEW_CONNECTION_TEST_3")), wsDocsLoading ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(Fragment$1, null, wsDocs === null || wsDocs === void 0 ? void 0 : (_wsDocs$Disconnection = wsDocs.DisconnectionDocuments) === null || _wsDocs$Disconnection === void 0 ? void 0 : _wsDocs$Disconnection.map((doc, index) => {
+    }, t("WS_NEW_CONNECTION_TEST_3")), wsDocsLoading ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(Fragment$2, null, wsDocs === null || wsDocs === void 0 ? void 0 : (_wsDocs$Disconnection = wsDocs.DisconnectionDocuments) === null || _wsDocs$Disconnection === void 0 ? void 0 : _wsDocs$Disconnection.map((doc, index) => {
       var _doc$dropdownData;
       return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
         style: {
@@ -23281,7 +23386,7 @@ const FilterFormFieldsComponent = _ref => {
     });
     return props.onChange(res);
   };
-  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(FilterFormField, null, /*#__PURE__*/React.createElement(Controller, {
+  return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(FilterFormField, null, /*#__PURE__*/React.createElement(Controller, {
     name: "assignee",
     control: controlFilterForm,
     render: props => {
@@ -23312,7 +23417,7 @@ const FilterFormFieldsComponent = _ref => {
           });
         });
       }, [props === null || props === void 0 ? void 0 : props.value]);
-      return loadingLocalitiesForEmployeesCurrentTenant ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement("div", {
+      return loadingLocalitiesForEmployeesCurrentTenant ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement("div", {
         className: "filter-label sub-filter-label"
       }, t("ES_INBOX_LOCALITY")), /*#__PURE__*/React.createElement(MultiSelectDropdown, {
         options: localitiesForEmployeesCurrentTenant ? localitiesForEmployeesCurrentTenant : [],
@@ -23347,9 +23452,9 @@ const FilterFormFieldsComponent = _ref => {
           key: index + 1
         });
       }), [props.value, statuses]);
-      return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement("div", {
         className: "filter-label sub-filter-label"
-      }, t("WS_COMMON_TABLE_COL_APP_TYPE_LABEL")), isInboxLoading ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(Fragment$1, null, " ", renderStatusCheckBoxess));
+      }, t("WS_COMMON_TABLE_COL_APP_TYPE_LABEL")), isInboxLoading ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(Fragment$2, null, " ", renderStatusCheckBoxess));
     }
   })), (selectedApplicationType === null || selectedApplicationType === void 0 ? void 0 : selectedApplicationType.length) > 0 ? /*#__PURE__*/React.createElement(FilterFormField, null, /*#__PURE__*/React.createElement(Controller, {
     name: "applicationStatus",
@@ -23376,9 +23481,9 @@ const FilterFormFieldsComponent = _ref => {
           });
         });
       }, [props.value, statuses, selectedApplicationType]);
-      return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement("div", {
         className: "filter-label sub-filter-label"
-      }, t("WS_MYCONNECTIONS_STATUS")), isInboxLoading ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(Fragment$1, null, renderStatusCheckBoxes));
+      }, t("WS_MYCONNECTIONS_STATUS")), isInboxLoading ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(Fragment$2, null, renderStatusCheckBoxes));
     }
   })) : null);
 };
@@ -24557,7 +24662,7 @@ const SearchFields$1 = _ref => {
     title: t("ERR_DEFAULT_INPUT_FIELD_MSG")
   };
   let validation = {};
-  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(SearchField, null, /*#__PURE__*/React.createElement("label", null, t("WS_MYCONNECTIONS_CONSUMER_NO")), /*#__PURE__*/React.createElement(TextInput, _extends({
+  return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(SearchField, null, /*#__PURE__*/React.createElement("label", null, t("WS_MYCONNECTIONS_CONSUMER_NO")), /*#__PURE__*/React.createElement(TextInput, _extends({
     name: "connectionNumber",
     inputRef: register({})
   }, validation = {
@@ -25183,7 +25288,7 @@ const BulkBillSearchFields = _ref => {
     setValue('tenantId', tenant);
     setLocality(value);
   }
-  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(SearchField, null, /*#__PURE__*/React.createElement("label", null, t("WS_SEARCH_CONNNECTION_CITY")), /*#__PURE__*/React.createElement(TextInput, {
+  return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(SearchField, null, /*#__PURE__*/React.createElement("label", null, t("WS_SEARCH_CONNNECTION_CITY")), /*#__PURE__*/React.createElement(TextInput, {
     name: "city",
     disable: true,
     value: t(tenant),
@@ -25604,7 +25709,7 @@ const BulkBillSearch = _ref => {
       return GetCell((_row$original11 = row.original) === null || _row$original11 === void 0 ? void 0 : _row$original11["status"]);
     }
   }]);
-  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(Header, {
+  return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(Header, {
     styles: {
       fontSize: "32px"
     }
@@ -25975,7 +26080,7 @@ const SearchFormFieldsComponents$1 = _ref => {
     componentInFront: "+91"
   };
   let validation = {};
-  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(SearchField, {
+  return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(SearchField, {
     className: "wns-search-field"
   }, /*#__PURE__*/React.createElement("label", null, t("BILLAMEND_APPLICATIONNO")), /*#__PURE__*/React.createElement(TextInput, _extends({
     name: "applicationNumber",
@@ -26040,7 +26145,7 @@ const FilterFormFieldsComponent$1 = _ref => {
     });
     return props.onChange(res);
   };
-  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(FilterFormField, null, /*#__PURE__*/React.createElement(Controller, {
+  return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(FilterFormField, null, /*#__PURE__*/React.createElement(Controller, {
     name: "assignee",
     control: controlFilterForm,
     render: props => /*#__PURE__*/React.createElement(RadioButtons, {
@@ -26069,7 +26174,7 @@ const FilterFormFieldsComponent$1 = _ref => {
           });
         });
       }, [props === null || props === void 0 ? void 0 : props.value]);
-      return loadingLocalitiesForEmployeesCurrentTenant ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement("div", {
+      return loadingLocalitiesForEmployeesCurrentTenant ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement("div", {
         className: "filter-label sub-filter-label"
       }, t("ES_INBOX_LOCALITY")), /*#__PURE__*/React.createElement(MultiSelectDropdown, {
         options: localitiesForEmployeesCurrentTenant ? localitiesForEmployeesCurrentTenant : [],
@@ -26108,9 +26213,9 @@ const FilterFormFieldsComponent$1 = _ref => {
           key: index + 1
         });
       }), [props.value, statuses]);
-      return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement("div", {
         className: "filter-label sub-filter-label"
-      }, t("CS_INBOX_STATUS_FILTER")), isInboxLoading ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(Fragment$1, null, " ", renderStatusCheckBoxess));
+      }, t("CS_INBOX_STATUS_FILTER")), isInboxLoading ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(Fragment$2, null, " ", renderStatusCheckBoxess));
     }
   })));
 };
@@ -26582,7 +26687,7 @@ const Inbox = _ref => {
     sortFormDefaultValues: formState === null || formState === void 0 ? void 0 : formState.tableForm,
     onSortFormReset
   };
-  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(Header, null, t("ES_COMMON_INBOX"), totalCount ? /*#__PURE__*/React.createElement("p", {
+  return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(Header, null, t("ES_COMMON_INBOX"), totalCount ? /*#__PURE__*/React.createElement("p", {
     className: "inbox-count"
   }, totalCount) : null), /*#__PURE__*/React.createElement(InboxComposer, _extends({
     isInboxLoading,
@@ -27655,6 +27760,889 @@ const config = [{
   }]
 }];
 
+var b$1 = "function" === typeof Symbol && Symbol.for,
+  c$1 = b$1 ? Symbol.for("react.element") : 60103,
+  d$1 = b$1 ? Symbol.for("react.portal") : 60106,
+  e$1 = b$1 ? Symbol.for("react.fragment") : 60107,
+  f$1 = b$1 ? Symbol.for("react.strict_mode") : 60108,
+  g$1 = b$1 ? Symbol.for("react.profiler") : 60114,
+  h$1 = b$1 ? Symbol.for("react.provider") : 60109,
+  k$1 = b$1 ? Symbol.for("react.context") : 60110,
+  l$1 = b$1 ? Symbol.for("react.async_mode") : 60111,
+  m$1 = b$1 ? Symbol.for("react.concurrent_mode") : 60111,
+  n$1 = b$1 ? Symbol.for("react.forward_ref") : 60112,
+  p$1 = b$1 ? Symbol.for("react.suspense") : 60113,
+  q$1 = b$1 ? Symbol.for("react.suspense_list") : 60120,
+  r$1 = b$1 ? Symbol.for("react.memo") : 60115,
+  t$1 = b$1 ? Symbol.for("react.lazy") : 60116,
+  v$1 = b$1 ? Symbol.for("react.block") : 60121,
+  w$1 = b$1 ? Symbol.for("react.fundamental") : 60117,
+  x$1 = b$1 ? Symbol.for("react.responder") : 60118,
+  y$1 = b$1 ? Symbol.for("react.scope") : 60119;
+function z$1(a) {
+  if ("object" === typeof a && null !== a) {
+    var u = a.$$typeof;
+    switch (u) {
+      case c$1:
+        switch (a = a.type, a) {
+          case l$1:
+          case m$1:
+          case e$1:
+          case g$1:
+          case f$1:
+          case p$1:
+            return a;
+          default:
+            switch (a = a && a.$$typeof, a) {
+              case k$1:
+              case n$1:
+              case t$1:
+              case r$1:
+              case h$1:
+                return a;
+              default:
+                return u;
+            }
+        }
+      case d$1:
+        return u;
+    }
+  }
+}
+function A$1(a) {
+  return z$1(a) === m$1;
+}
+var AsyncMode$1 = l$1;
+var ConcurrentMode$1 = m$1;
+var ContextConsumer$1 = k$1;
+var ContextProvider$1 = h$1;
+var Element$1 = c$1;
+var ForwardRef$1 = n$1;
+var Fragment$1 = e$1;
+var Lazy$1 = t$1;
+var Memo$1 = r$1;
+var Portal$1 = d$1;
+var Profiler$1 = g$1;
+var StrictMode$1 = f$1;
+var Suspense$1 = p$1;
+var isAsyncMode$1 = function (a) {
+  return A$1(a) || z$1(a) === l$1;
+};
+var isConcurrentMode$1 = A$1;
+var isContextConsumer$1 = function (a) {
+  return z$1(a) === k$1;
+};
+var isContextProvider$1 = function (a) {
+  return z$1(a) === h$1;
+};
+var isElement$1 = function (a) {
+  return "object" === typeof a && null !== a && a.$$typeof === c$1;
+};
+var isForwardRef$1 = function (a) {
+  return z$1(a) === n$1;
+};
+var isFragment$1 = function (a) {
+  return z$1(a) === e$1;
+};
+var isLazy$1 = function (a) {
+  return z$1(a) === t$1;
+};
+var isMemo$1 = function (a) {
+  return z$1(a) === r$1;
+};
+var isPortal$1 = function (a) {
+  return z$1(a) === d$1;
+};
+var isProfiler$1 = function (a) {
+  return z$1(a) === g$1;
+};
+var isStrictMode$1 = function (a) {
+  return z$1(a) === f$1;
+};
+var isSuspense$1 = function (a) {
+  return z$1(a) === p$1;
+};
+var isValidElementType$1 = function (a) {
+  return "string" === typeof a || "function" === typeof a || a === e$1 || a === m$1 || a === g$1 || a === f$1 || a === p$1 || a === q$1 || "object" === typeof a && null !== a && (a.$$typeof === t$1 || a.$$typeof === r$1 || a.$$typeof === h$1 || a.$$typeof === k$1 || a.$$typeof === n$1 || a.$$typeof === w$1 || a.$$typeof === x$1 || a.$$typeof === y$1 || a.$$typeof === v$1);
+};
+var typeOf$1 = z$1;
+var reactIs_production_min$1 = {
+  AsyncMode: AsyncMode$1,
+  ConcurrentMode: ConcurrentMode$1,
+  ContextConsumer: ContextConsumer$1,
+  ContextProvider: ContextProvider$1,
+  Element: Element$1,
+  ForwardRef: ForwardRef$1,
+  Fragment: Fragment$1,
+  Lazy: Lazy$1,
+  Memo: Memo$1,
+  Portal: Portal$1,
+  Profiler: Profiler$1,
+  StrictMode: StrictMode$1,
+  Suspense: Suspense$1,
+  isAsyncMode: isAsyncMode$1,
+  isConcurrentMode: isConcurrentMode$1,
+  isContextConsumer: isContextConsumer$1,
+  isContextProvider: isContextProvider$1,
+  isElement: isElement$1,
+  isForwardRef: isForwardRef$1,
+  isFragment: isFragment$1,
+  isLazy: isLazy$1,
+  isMemo: isMemo$1,
+  isPortal: isPortal$1,
+  isProfiler: isProfiler$1,
+  isStrictMode: isStrictMode$1,
+  isSuspense: isSuspense$1,
+  isValidElementType: isValidElementType$1,
+  typeOf: typeOf$1
+};
+
+var reactIs_development$1 = createCommonjsModule(function (module, exports) {
+
+  if (process.env.NODE_ENV !== "production") {
+    (function () {
+      var hasSymbol = typeof Symbol === 'function' && Symbol.for;
+      var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for('react.element') : 0xeac7;
+      var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for('react.portal') : 0xeaca;
+      var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for('react.fragment') : 0xeacb;
+      var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeacc;
+      var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;
+      var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;
+      var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace;
+      var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for('react.async_mode') : 0xeacf;
+      var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf;
+      var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
+      var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1;
+      var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8;
+      var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;
+      var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;
+      var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for('react.block') : 0xead9;
+      var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5;
+      var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for('react.responder') : 0xead6;
+      var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for('react.scope') : 0xead7;
+      function isValidElementType(type) {
+        return typeof type === 'string' || typeof type === 'function' || type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
+      }
+      function typeOf(object) {
+        if (typeof object === 'object' && object !== null) {
+          var $$typeof = object.$$typeof;
+          switch ($$typeof) {
+            case REACT_ELEMENT_TYPE:
+              var type = object.type;
+              switch (type) {
+                case REACT_ASYNC_MODE_TYPE:
+                case REACT_CONCURRENT_MODE_TYPE:
+                case REACT_FRAGMENT_TYPE:
+                case REACT_PROFILER_TYPE:
+                case REACT_STRICT_MODE_TYPE:
+                case REACT_SUSPENSE_TYPE:
+                  return type;
+                default:
+                  var $$typeofType = type && type.$$typeof;
+                  switch ($$typeofType) {
+                    case REACT_CONTEXT_TYPE:
+                    case REACT_FORWARD_REF_TYPE:
+                    case REACT_LAZY_TYPE:
+                    case REACT_MEMO_TYPE:
+                    case REACT_PROVIDER_TYPE:
+                      return $$typeofType;
+                    default:
+                      return $$typeof;
+                  }
+              }
+            case REACT_PORTAL_TYPE:
+              return $$typeof;
+          }
+        }
+        return undefined;
+      }
+      var AsyncMode = REACT_ASYNC_MODE_TYPE;
+      var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
+      var ContextConsumer = REACT_CONTEXT_TYPE;
+      var ContextProvider = REACT_PROVIDER_TYPE;
+      var Element = REACT_ELEMENT_TYPE;
+      var ForwardRef = REACT_FORWARD_REF_TYPE;
+      var Fragment = REACT_FRAGMENT_TYPE;
+      var Lazy = REACT_LAZY_TYPE;
+      var Memo = REACT_MEMO_TYPE;
+      var Portal = REACT_PORTAL_TYPE;
+      var Profiler = REACT_PROFILER_TYPE;
+      var StrictMode = REACT_STRICT_MODE_TYPE;
+      var Suspense = REACT_SUSPENSE_TYPE;
+      var hasWarnedAboutDeprecatedIsAsyncMode = false;
+      function isAsyncMode(object) {
+        {
+          if (!hasWarnedAboutDeprecatedIsAsyncMode) {
+            hasWarnedAboutDeprecatedIsAsyncMode = true;
+            console['warn']('The ReactIs.isAsyncMode() alias has been deprecated, ' + 'and will be removed in React 17+. Update your code to use ' + 'ReactIs.isConcurrentMode() instead. It has the exact same API.');
+          }
+        }
+        return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE;
+      }
+      function isConcurrentMode(object) {
+        return typeOf(object) === REACT_CONCURRENT_MODE_TYPE;
+      }
+      function isContextConsumer(object) {
+        return typeOf(object) === REACT_CONTEXT_TYPE;
+      }
+      function isContextProvider(object) {
+        return typeOf(object) === REACT_PROVIDER_TYPE;
+      }
+      function isElement(object) {
+        return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
+      }
+      function isForwardRef(object) {
+        return typeOf(object) === REACT_FORWARD_REF_TYPE;
+      }
+      function isFragment(object) {
+        return typeOf(object) === REACT_FRAGMENT_TYPE;
+      }
+      function isLazy(object) {
+        return typeOf(object) === REACT_LAZY_TYPE;
+      }
+      function isMemo(object) {
+        return typeOf(object) === REACT_MEMO_TYPE;
+      }
+      function isPortal(object) {
+        return typeOf(object) === REACT_PORTAL_TYPE;
+      }
+      function isProfiler(object) {
+        return typeOf(object) === REACT_PROFILER_TYPE;
+      }
+      function isStrictMode(object) {
+        return typeOf(object) === REACT_STRICT_MODE_TYPE;
+      }
+      function isSuspense(object) {
+        return typeOf(object) === REACT_SUSPENSE_TYPE;
+      }
+      exports.AsyncMode = AsyncMode;
+      exports.ConcurrentMode = ConcurrentMode;
+      exports.ContextConsumer = ContextConsumer;
+      exports.ContextProvider = ContextProvider;
+      exports.Element = Element;
+      exports.ForwardRef = ForwardRef;
+      exports.Fragment = Fragment;
+      exports.Lazy = Lazy;
+      exports.Memo = Memo;
+      exports.Portal = Portal;
+      exports.Profiler = Profiler;
+      exports.StrictMode = StrictMode;
+      exports.Suspense = Suspense;
+      exports.isAsyncMode = isAsyncMode;
+      exports.isConcurrentMode = isConcurrentMode;
+      exports.isContextConsumer = isContextConsumer;
+      exports.isContextProvider = isContextProvider;
+      exports.isElement = isElement;
+      exports.isForwardRef = isForwardRef;
+      exports.isFragment = isFragment;
+      exports.isLazy = isLazy;
+      exports.isMemo = isMemo;
+      exports.isPortal = isPortal;
+      exports.isProfiler = isProfiler;
+      exports.isStrictMode = isStrictMode;
+      exports.isSuspense = isSuspense;
+      exports.isValidElementType = isValidElementType;
+      exports.typeOf = typeOf;
+    })();
+  }
+});
+
+var reactIs$1 = createCommonjsModule(function (module) {
+
+  if (process.env.NODE_ENV === 'production') {
+    module.exports = reactIs_production_min$1;
+  } else {
+    module.exports = reactIs_development$1;
+  }
+});
+
+var getOwnPropertySymbols$1 = Object.getOwnPropertySymbols;
+var hasOwnProperty$b = Object.prototype.hasOwnProperty;
+var propIsEnumerable$1 = Object.prototype.propertyIsEnumerable;
+function toObject$1(val) {
+  if (val === null || val === undefined) {
+    throw new TypeError('Object.assign cannot be called with null or undefined');
+  }
+  return Object(val);
+}
+function shouldUseNative$1() {
+  try {
+    if (!Object.assign) {
+      return false;
+    }
+    var test1 = new String('abc');
+    test1[5] = 'de';
+    if (Object.getOwnPropertyNames(test1)[0] === '5') {
+      return false;
+    }
+    var test2 = {};
+    for (var i = 0; i < 10; i++) {
+      test2['_' + String.fromCharCode(i)] = i;
+    }
+    var order2 = Object.getOwnPropertyNames(test2).map(function (n) {
+      return test2[n];
+    });
+    if (order2.join('') !== '0123456789') {
+      return false;
+    }
+    var test3 = {};
+    'abcdefghijklmnopqrst'.split('').forEach(function (letter) {
+      test3[letter] = letter;
+    });
+    if (Object.keys(Object.assign({}, test3)).join('') !== 'abcdefghijklmnopqrst') {
+      return false;
+    }
+    return true;
+  } catch (err) {
+    return false;
+  }
+}
+var objectAssign$1 = shouldUseNative$1() ? Object.assign : function (target, source) {
+  var from;
+  var to = toObject$1(target);
+  var symbols;
+  for (var s = 1; s < arguments.length; s++) {
+    from = Object(arguments[s]);
+    for (var key in from) {
+      if (hasOwnProperty$b.call(from, key)) {
+        to[key] = from[key];
+      }
+    }
+    if (getOwnPropertySymbols$1) {
+      symbols = getOwnPropertySymbols$1(from);
+      for (var i = 0; i < symbols.length; i++) {
+        if (propIsEnumerable$1.call(from, symbols[i])) {
+          to[symbols[i]] = from[symbols[i]];
+        }
+      }
+    }
+  }
+  return to;
+};
+
+var ReactPropTypesSecret$2 = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
+var ReactPropTypesSecret_1$1 = ReactPropTypesSecret$2;
+
+var has$2 = Function.call.bind(Object.prototype.hasOwnProperty);
+
+var printWarning$2 = function () {};
+if (process.env.NODE_ENV !== 'production') {
+  var ReactPropTypesSecret$3 = ReactPropTypesSecret_1$1;
+  var loggedTypeFailures$1 = {};
+  var has$3 = has$2;
+  printWarning$2 = function (text) {
+    var message = 'Warning: ' + text;
+    if (typeof console !== 'undefined') {
+      console.error(message);
+    }
+    try {
+      throw new Error(message);
+    } catch (x) {}
+  };
+}
+function checkPropTypes$1(typeSpecs, values, location, componentName, getStack) {
+  if (process.env.NODE_ENV !== 'production') {
+    for (var typeSpecName in typeSpecs) {
+      if (has$3(typeSpecs, typeSpecName)) {
+        var error;
+        try {
+          if (typeof typeSpecs[typeSpecName] !== 'function') {
+            var err = Error((componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' + 'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' + 'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.');
+            err.name = 'Invariant Violation';
+            throw err;
+          }
+          error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret$3);
+        } catch (ex) {
+          error = ex;
+        }
+        if (error && !(error instanceof Error)) {
+          printWarning$2((componentName || 'React class') + ': type specification of ' + location + ' `' + typeSpecName + '` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a ' + typeof error + '. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).');
+        }
+        if (error instanceof Error && !(error.message in loggedTypeFailures$1)) {
+          loggedTypeFailures$1[error.message] = true;
+          var stack = getStack ? getStack() : '';
+          printWarning$2('Failed ' + location + ' type: ' + error.message + (stack != null ? stack : ''));
+        }
+      }
+    }
+  }
+}
+checkPropTypes$1.resetWarningCache = function () {
+  if (process.env.NODE_ENV !== 'production') {
+    loggedTypeFailures$1 = {};
+  }
+};
+var checkPropTypes_1$1 = checkPropTypes$1;
+
+var printWarning$3 = function () {};
+if (process.env.NODE_ENV !== 'production') {
+  printWarning$3 = function (text) {
+    var message = 'Warning: ' + text;
+    if (typeof console !== 'undefined') {
+      console.error(message);
+    }
+    try {
+      throw new Error(message);
+    } catch (x) {}
+  };
+}
+function emptyFunctionThatReturnsNull$1() {
+  return null;
+}
+var factoryWithTypeCheckers$1 = function (isValidElement, throwOnDirectAccess) {
+  var ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
+  var FAUX_ITERATOR_SYMBOL = '@@iterator';
+  function getIteratorFn(maybeIterable) {
+    var iteratorFn = maybeIterable && (ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL]);
+    if (typeof iteratorFn === 'function') {
+      return iteratorFn;
+    }
+  }
+  var ANONYMOUS = '<<anonymous>>';
+  var ReactPropTypes = {
+    array: createPrimitiveTypeChecker('array'),
+    bigint: createPrimitiveTypeChecker('bigint'),
+    bool: createPrimitiveTypeChecker('boolean'),
+    func: createPrimitiveTypeChecker('function'),
+    number: createPrimitiveTypeChecker('number'),
+    object: createPrimitiveTypeChecker('object'),
+    string: createPrimitiveTypeChecker('string'),
+    symbol: createPrimitiveTypeChecker('symbol'),
+    any: createAnyTypeChecker(),
+    arrayOf: createArrayOfTypeChecker,
+    element: createElementTypeChecker(),
+    elementType: createElementTypeTypeChecker(),
+    instanceOf: createInstanceTypeChecker,
+    node: createNodeChecker(),
+    objectOf: createObjectOfTypeChecker,
+    oneOf: createEnumTypeChecker,
+    oneOfType: createUnionTypeChecker,
+    shape: createShapeTypeChecker,
+    exact: createStrictShapeTypeChecker
+  };
+  function is(x, y) {
+    if (x === y) {
+      return x !== 0 || 1 / x === 1 / y;
+    } else {
+      return x !== x && y !== y;
+    }
+  }
+  function PropTypeError(message, data) {
+    this.message = message;
+    this.data = data && typeof data === 'object' ? data : {};
+    this.stack = '';
+  }
+  PropTypeError.prototype = Error.prototype;
+  function createChainableTypeChecker(validate) {
+    if (process.env.NODE_ENV !== 'production') {
+      var manualPropTypeCallCache = {};
+      var manualPropTypeWarningCount = 0;
+    }
+    function checkType(isRequired, props, propName, componentName, location, propFullName, secret) {
+      componentName = componentName || ANONYMOUS;
+      propFullName = propFullName || propName;
+      if (secret !== ReactPropTypesSecret_1$1) {
+        if (throwOnDirectAccess) {
+          var err = new Error('Calling PropTypes validators directly is not supported by the `prop-types` package. ' + 'Use `PropTypes.checkPropTypes()` to call them. ' + 'Read more at http://fb.me/use-check-prop-types');
+          err.name = 'Invariant Violation';
+          throw err;
+        } else if (process.env.NODE_ENV !== 'production' && typeof console !== 'undefined') {
+          var cacheKey = componentName + ':' + propName;
+          if (!manualPropTypeCallCache[cacheKey] && manualPropTypeWarningCount < 3) {
+            printWarning$3('You are manually calling a React.PropTypes validation ' + 'function for the `' + propFullName + '` prop on `' + componentName + '`. This is deprecated ' + 'and will throw in the standalone `prop-types` package. ' + 'You may be seeing this warning due to a third-party PropTypes ' + 'library. See https://fb.me/react-warning-dont-call-proptypes ' + 'for details.');
+            manualPropTypeCallCache[cacheKey] = true;
+            manualPropTypeWarningCount++;
+          }
+        }
+      }
+      if (props[propName] == null) {
+        if (isRequired) {
+          if (props[propName] === null) {
+            return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required ' + ('in `' + componentName + '`, but its value is `null`.'));
+          }
+          return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required in ' + ('`' + componentName + '`, but its value is `undefined`.'));
+        }
+        return null;
+      } else {
+        return validate(props, propName, componentName, location, propFullName);
+      }
+    }
+    var chainedCheckType = checkType.bind(null, false);
+    chainedCheckType.isRequired = checkType.bind(null, true);
+    return chainedCheckType;
+  }
+  function createPrimitiveTypeChecker(expectedType) {
+    function validate(props, propName, componentName, location, propFullName, secret) {
+      var propValue = props[propName];
+      var propType = getPropType(propValue);
+      if (propType !== expectedType) {
+        var preciseType = getPreciseType(propValue);
+        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'), {
+          expectedType: expectedType
+        });
+      }
+      return null;
+    }
+    return createChainableTypeChecker(validate);
+  }
+  function createAnyTypeChecker() {
+    return createChainableTypeChecker(emptyFunctionThatReturnsNull$1);
+  }
+  function createArrayOfTypeChecker(typeChecker) {
+    function validate(props, propName, componentName, location, propFullName) {
+      if (typeof typeChecker !== 'function') {
+        return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside arrayOf.');
+      }
+      var propValue = props[propName];
+      if (!Array.isArray(propValue)) {
+        var propType = getPropType(propValue);
+        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an array.'));
+      }
+      for (var i = 0; i < propValue.length; i++) {
+        var error = typeChecker(propValue, i, componentName, location, propFullName + '[' + i + ']', ReactPropTypesSecret_1$1);
+        if (error instanceof Error) {
+          return error;
+        }
+      }
+      return null;
+    }
+    return createChainableTypeChecker(validate);
+  }
+  function createElementTypeChecker() {
+    function validate(props, propName, componentName, location, propFullName) {
+      var propValue = props[propName];
+      if (!isValidElement(propValue)) {
+        var propType = getPropType(propValue);
+        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement.'));
+      }
+      return null;
+    }
+    return createChainableTypeChecker(validate);
+  }
+  function createElementTypeTypeChecker() {
+    function validate(props, propName, componentName, location, propFullName) {
+      var propValue = props[propName];
+      if (!reactIs$1.isValidElementType(propValue)) {
+        var propType = getPropType(propValue);
+        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement type.'));
+      }
+      return null;
+    }
+    return createChainableTypeChecker(validate);
+  }
+  function createInstanceTypeChecker(expectedClass) {
+    function validate(props, propName, componentName, location, propFullName) {
+      if (!(props[propName] instanceof expectedClass)) {
+        var expectedClassName = expectedClass.name || ANONYMOUS;
+        var actualClassName = getClassName(props[propName]);
+        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + actualClassName + '` supplied to `' + componentName + '`, expected ') + ('instance of `' + expectedClassName + '`.'));
+      }
+      return null;
+    }
+    return createChainableTypeChecker(validate);
+  }
+  function createEnumTypeChecker(expectedValues) {
+    if (!Array.isArray(expectedValues)) {
+      if (process.env.NODE_ENV !== 'production') {
+        if (arguments.length > 1) {
+          printWarning$3('Invalid arguments supplied to oneOf, expected an array, got ' + arguments.length + ' arguments. ' + 'A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).');
+        } else {
+          printWarning$3('Invalid argument supplied to oneOf, expected an array.');
+        }
+      }
+      return emptyFunctionThatReturnsNull$1;
+    }
+    function validate(props, propName, componentName, location, propFullName) {
+      var propValue = props[propName];
+      for (var i = 0; i < expectedValues.length; i++) {
+        if (is(propValue, expectedValues[i])) {
+          return null;
+        }
+      }
+      var valuesString = JSON.stringify(expectedValues, function replacer(key, value) {
+        var type = getPreciseType(value);
+        if (type === 'symbol') {
+          return String(value);
+        }
+        return value;
+      });
+      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of value `' + String(propValue) + '` ' + ('supplied to `' + componentName + '`, expected one of ' + valuesString + '.'));
+    }
+    return createChainableTypeChecker(validate);
+  }
+  function createObjectOfTypeChecker(typeChecker) {
+    function validate(props, propName, componentName, location, propFullName) {
+      if (typeof typeChecker !== 'function') {
+        return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside objectOf.');
+      }
+      var propValue = props[propName];
+      var propType = getPropType(propValue);
+      if (propType !== 'object') {
+        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an object.'));
+      }
+      for (var key in propValue) {
+        if (has$2(propValue, key)) {
+          var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret_1$1);
+          if (error instanceof Error) {
+            return error;
+          }
+        }
+      }
+      return null;
+    }
+    return createChainableTypeChecker(validate);
+  }
+  function createUnionTypeChecker(arrayOfTypeCheckers) {
+    if (!Array.isArray(arrayOfTypeCheckers)) {
+      process.env.NODE_ENV !== 'production' ? printWarning$3('Invalid argument supplied to oneOfType, expected an instance of array.') : void 0;
+      return emptyFunctionThatReturnsNull$1;
+    }
+    for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
+      var checker = arrayOfTypeCheckers[i];
+      if (typeof checker !== 'function') {
+        printWarning$3('Invalid argument supplied to oneOfType. Expected an array of check functions, but ' + 'received ' + getPostfixForTypeWarning(checker) + ' at index ' + i + '.');
+        return emptyFunctionThatReturnsNull$1;
+      }
+    }
+    function validate(props, propName, componentName, location, propFullName) {
+      var expectedTypes = [];
+      for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
+        var checker = arrayOfTypeCheckers[i];
+        var checkerResult = checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret_1$1);
+        if (checkerResult == null) {
+          return null;
+        }
+        if (checkerResult.data && has$2(checkerResult.data, 'expectedType')) {
+          expectedTypes.push(checkerResult.data.expectedType);
+        }
+      }
+      var expectedTypesMessage = expectedTypes.length > 0 ? ', expected one of type [' + expectedTypes.join(', ') + ']' : '';
+      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`' + expectedTypesMessage + '.'));
+    }
+    return createChainableTypeChecker(validate);
+  }
+  function createNodeChecker() {
+    function validate(props, propName, componentName, location, propFullName) {
+      if (!isNode(props[propName])) {
+        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`, expected a ReactNode.'));
+      }
+      return null;
+    }
+    return createChainableTypeChecker(validate);
+  }
+  function invalidValidatorError(componentName, location, propFullName, key, type) {
+    return new PropTypeError((componentName || 'React class') + ': ' + location + ' type `' + propFullName + '.' + key + '` is invalid; ' + 'it must be a function, usually from the `prop-types` package, but received `' + type + '`.');
+  }
+  function createShapeTypeChecker(shapeTypes) {
+    function validate(props, propName, componentName, location, propFullName) {
+      var propValue = props[propName];
+      var propType = getPropType(propValue);
+      if (propType !== 'object') {
+        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
+      }
+      for (var key in shapeTypes) {
+        var checker = shapeTypes[key];
+        if (typeof checker !== 'function') {
+          return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
+        }
+        var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret_1$1);
+        if (error) {
+          return error;
+        }
+      }
+      return null;
+    }
+    return createChainableTypeChecker(validate);
+  }
+  function createStrictShapeTypeChecker(shapeTypes) {
+    function validate(props, propName, componentName, location, propFullName) {
+      var propValue = props[propName];
+      var propType = getPropType(propValue);
+      if (propType !== 'object') {
+        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
+      }
+      var allKeys = objectAssign$1({}, props[propName], shapeTypes);
+      for (var key in allKeys) {
+        var checker = shapeTypes[key];
+        if (has$2(shapeTypes, key) && typeof checker !== 'function') {
+          return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
+        }
+        if (!checker) {
+          return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` key `' + key + '` supplied to `' + componentName + '`.' + '\nBad object: ' + JSON.stringify(props[propName], null, '  ') + '\nValid keys: ' + JSON.stringify(Object.keys(shapeTypes), null, '  '));
+        }
+        var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret_1$1);
+        if (error) {
+          return error;
+        }
+      }
+      return null;
+    }
+    return createChainableTypeChecker(validate);
+  }
+  function isNode(propValue) {
+    switch (typeof propValue) {
+      case 'number':
+      case 'string':
+      case 'undefined':
+        return true;
+      case 'boolean':
+        return !propValue;
+      case 'object':
+        if (Array.isArray(propValue)) {
+          return propValue.every(isNode);
+        }
+        if (propValue === null || isValidElement(propValue)) {
+          return true;
+        }
+        var iteratorFn = getIteratorFn(propValue);
+        if (iteratorFn) {
+          var iterator = iteratorFn.call(propValue);
+          var step;
+          if (iteratorFn !== propValue.entries) {
+            while (!(step = iterator.next()).done) {
+              if (!isNode(step.value)) {
+                return false;
+              }
+            }
+          } else {
+            while (!(step = iterator.next()).done) {
+              var entry = step.value;
+              if (entry) {
+                if (!isNode(entry[1])) {
+                  return false;
+                }
+              }
+            }
+          }
+        } else {
+          return false;
+        }
+        return true;
+      default:
+        return false;
+    }
+  }
+  function isSymbol(propType, propValue) {
+    if (propType === 'symbol') {
+      return true;
+    }
+    if (!propValue) {
+      return false;
+    }
+    if (propValue['@@toStringTag'] === 'Symbol') {
+      return true;
+    }
+    if (typeof Symbol === 'function' && propValue instanceof Symbol) {
+      return true;
+    }
+    return false;
+  }
+  function getPropType(propValue) {
+    var propType = typeof propValue;
+    if (Array.isArray(propValue)) {
+      return 'array';
+    }
+    if (propValue instanceof RegExp) {
+      return 'object';
+    }
+    if (isSymbol(propType, propValue)) {
+      return 'symbol';
+    }
+    return propType;
+  }
+  function getPreciseType(propValue) {
+    if (typeof propValue === 'undefined' || propValue === null) {
+      return '' + propValue;
+    }
+    var propType = getPropType(propValue);
+    if (propType === 'object') {
+      if (propValue instanceof Date) {
+        return 'date';
+      } else if (propValue instanceof RegExp) {
+        return 'regexp';
+      }
+    }
+    return propType;
+  }
+  function getPostfixForTypeWarning(value) {
+    var type = getPreciseType(value);
+    switch (type) {
+      case 'array':
+      case 'object':
+        return 'an ' + type;
+      case 'boolean':
+      case 'date':
+      case 'regexp':
+        return 'a ' + type;
+      default:
+        return type;
+    }
+  }
+  function getClassName(propValue) {
+    if (!propValue.constructor || !propValue.constructor.name) {
+      return ANONYMOUS;
+    }
+    return propValue.constructor.name;
+  }
+  ReactPropTypes.checkPropTypes = checkPropTypes_1$1;
+  ReactPropTypes.resetWarningCache = checkPropTypes_1$1.resetWarningCache;
+  ReactPropTypes.PropTypes = ReactPropTypes;
+  return ReactPropTypes;
+};
+
+function emptyFunction$1() {}
+function emptyFunctionWithReset$1() {}
+emptyFunctionWithReset$1.resetWarningCache = emptyFunction$1;
+var factoryWithThrowingShims$1 = function () {
+  function shim(props, propName, componentName, location, propFullName, secret) {
+    if (secret === ReactPropTypesSecret_1$1) {
+      return;
+    }
+    var err = new Error('Calling PropTypes validators directly is not supported by the `prop-types` package. ' + 'Use PropTypes.checkPropTypes() to call them. ' + 'Read more at http://fb.me/use-check-prop-types');
+    err.name = 'Invariant Violation';
+    throw err;
+  }
+  shim.isRequired = shim;
+  function getShim() {
+    return shim;
+  }
+  var ReactPropTypes = {
+    array: shim,
+    bigint: shim,
+    bool: shim,
+    func: shim,
+    number: shim,
+    object: shim,
+    string: shim,
+    symbol: shim,
+    any: shim,
+    arrayOf: getShim,
+    element: shim,
+    elementType: shim,
+    instanceOf: getShim,
+    node: shim,
+    objectOf: getShim,
+    oneOf: getShim,
+    oneOfType: getShim,
+    shape: getShim,
+    exact: getShim,
+    checkPropTypes: emptyFunctionWithReset$1,
+    resetWarningCache: emptyFunction$1
+  };
+  ReactPropTypes.PropTypes = ReactPropTypes;
+  return ReactPropTypes;
+};
+
+var propTypes$1 = createCommonjsModule(function (module) {
+  if (process.env.NODE_ENV !== 'production') {
+    var ReactIs = reactIs$1;
+    var throwOnDirectAccess = true;
+    module.exports = factoryWithTypeCheckers$1(ReactIs.isElement, throwOnDirectAccess);
+  } else {
+    module.exports = factoryWithThrowingShims$1();
+  }
+});
+
 const SearchConnection = _ref => {
   var _Digit$Hooks$ws$usews;
   let propsConfig = _ref.config,
@@ -28066,7 +29054,7 @@ const SearchConnection = _ref => {
   }));
 };
 SearchConnection.propTypes = {
-  loginParams: propTypes.any
+  loginParams: propTypes$1.any
 };
 SearchConnection.defaultProps = {
   loginParams: null
@@ -29028,9 +30016,9 @@ const ChallanSearchResults = _ref => {
   }, t("WS_CLICK_HERE_TO_APPLY"))))));
 };
 ChallanSearchResults.propTypes = {
-  template: propTypes.any,
-  header: propTypes.string,
-  actionButtonLabel: propTypes.string
+  template: propTypes$1.any,
+  header: propTypes$1.string,
+  actionButtonLabel: propTypes$1.string
 };
 ChallanSearchResults.defaultProps = {
   template: [],
@@ -29539,7 +30527,7 @@ const WSWFApplicationTimeline = props => {
   };
   if (isLoading) return /*#__PURE__*/React.createElement(Loader, null);
   const visibleTimeline = data !== null && data !== void 0 && data.timeline ? data.timeline.slice(0, showAllTimeline ? data.timeline.length : 2) : [];
-  return /*#__PURE__*/React.createElement(Fragment$1, null, !isLoading && /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(Fragment$2, null, !isLoading && /*#__PURE__*/React.createElement("div", {
     style: {
       fontFamily: "'Inter', system-ui, sans-serif"
     }
@@ -30017,7 +31005,7 @@ const WSFeeEstimation = _ref => {
     }
     setFields(values);
   };
-  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement("div", {
     style: {
       lineHeight: "19px",
       maxWidth: "100%",
@@ -30542,7 +31530,7 @@ const ViewBreakup = _ref => {
     value: infrastructureChargeDetail.netIFC,
     currency: true
   }] : [];
-  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement("div", {
     style: {
       lineHeight: "19px",
       maxWidth: "950px",
@@ -30646,19 +31634,19 @@ const ViewBreakup = _ref => {
         textAlign: "right"
       }
     });
-  }), propertyRows.length > 0 && /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(CardSectionHeader, {
+  }), propertyRows.length > 0 && /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(CardSectionHeader, {
     style: {
       margin: "10px 0px"
     }
   }, "Property details"), /*#__PURE__*/React.createElement(DetailRows, {
     rows: propertyRows
-  })), waterDemandRows.length > 0 && /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(CardSectionHeader, {
+  })), waterDemandRows.length > 0 && /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(CardSectionHeader, {
     style: {
       margin: "10px 0px"
     }
   }, "Water demand details"), /*#__PURE__*/React.createElement(DetailRows, {
     rows: waterDemandRows
-  })), infrastructureChargeRows.length > 0 && /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(CardSectionHeader, {
+  })), infrastructureChargeRows.length > 0 && /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(CardSectionHeader, {
     style: {
       margin: "10px 0px"
     }
@@ -35097,9 +36085,9 @@ const WNSMyBills = _ref => {
   }, t("CS_BILLS_TEXT_NO_BILLS_FOUND")));
 };
 WNSMyBills.propTypes = {
-  template: propTypes.any,
-  header: propTypes.string,
-  actionButtonLabel: propTypes.string
+  template: propTypes$1.any,
+  header: propTypes$1.string,
+  actionButtonLabel: propTypes$1.string
 };
 WNSMyBills.defaultProps = {
   template: [],
@@ -35169,44 +36157,6 @@ const WSInfoPage = () => {
     }),
     isLoading = _Digit$Hooks$pt$usePr.isLoading,
     propertyDetails = _Digit$Hooks$pt$usePr.data;
-  useEffect(() => {
-    const fetchToken = function () {
-      try {
-        const urlParams = new URLSearchParams(window.location.search);
-        const code = urlParams.get("code");
-        const state = urlParams.get("state");
-        const _temp2 = function () {
-          if (code && state === "oidc_flow") {
-            const _temp = _catch(function () {
-              const TokenReq = {
-                module: "WS",
-                code: code
-              };
-              return Promise.resolve(Digit.DigiLockerService.token({
-                TokenReq
-              })).then(function (res) {
-                var _res$TokenRes;
-                if (res !== null && res !== void 0 && (_res$TokenRes = res.TokenRes) !== null && _res$TokenRes !== void 0 && _res$TokenRes.access_token) {
-                  sessionStorage.setItem("DigiLocker.token1", res.TokenRes.access_token);
-                } else {
-                  sessionStorage.setItem("DigiLocker.token1", "dummy_token");
-                }
-                const newUrl = window.location.pathname;
-                window.history.replaceState({}, document.title, newUrl);
-              });
-            }, function (error) {
-              console.error("Error fetching DigiLocker token", error);
-            });
-            if (_temp && _temp.then) return _temp.then(function () {});
-          }
-        }();
-        return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
-      } catch (e) {
-        return Promise.reject(e);
-      }
-    };
-    fetchToken();
-  }, []);
   const radioOptions = [{
     code: "YES",
     i18nKey: "TL_COMMON_YES"
@@ -35453,14 +36403,15 @@ const WSInfoPage = () => {
     onSubmit: function (e) {
       try {
         e.preventDefault();
-        const _temp3 = _catch(function () {
+        const _temp = _catch(function () {
           return Promise.resolve(Digit.DigiLockerService.authorization({
             module: "WS",
             tenantId
           })).then(function (data) {
             const redirectUrl = (data === null || data === void 0 ? void 0 : data.redirectURL) || (data === null || data === void 0 ? void 0 : data.redirectUrl);
-            if (data !== null && data !== void 0 && data.codeverifier) {
-              sessionStorage.setItem("code_verfier_register", data === null || data === void 0 ? void 0 : data.codeverifier);
+            const verifier = (data === null || data === void 0 ? void 0 : data.dlReqRef) || (data === null || data === void 0 ? void 0 : data.codeverifier) || (data === null || data === void 0 ? void 0 : data.codeVerifier) || (data === null || data === void 0 ? void 0 : data.code_verifier);
+            if (verifier) {
+              sessionStorage.setItem("code_verfier_register", verifier);
             }
             if (redirectUrl) {
               window.location.href = redirectUrl;
@@ -35471,7 +36422,7 @@ const WSInfoPage = () => {
         }, function (error) {
           console.error("Error fetching DigiLocker authorization URL", error);
         });
-        return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(function () {}) : void 0);
+        return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -35888,7 +36839,7 @@ const ApplicationBillAmendment = () => {
     style: {
       paddingLeft: "150px"
     }
-  }, /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(Controller, {
+  }, /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(Controller, {
     name: servicev1 + "_REDUCED_AMOUNT.VALUE",
     key: servicev1 + "_REDUCED_AMOUNT.VALUE",
     control: control,
@@ -35923,7 +36874,7 @@ const ApplicationBillAmendment = () => {
         checked: props === null || props === void 0 ? void 0 : props.value
       }));
     }
-  }), errors !== null && errors !== void 0 && (_errors$WS_REDUCED_AM = errors.WS_REDUCED_AMOUNT) !== null && _errors$WS_REDUCED_AM !== void 0 && _errors$WS_REDUCED_AM.VALUE && ischeckedReduce == true ? /*#__PURE__*/React.createElement(CardLabelError, null, t("WS_REQUIRED_FIELD")) : null)), /*#__PURE__*/React.createElement("th", null, /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(Controller, {
+  }), errors !== null && errors !== void 0 && (_errors$WS_REDUCED_AM = errors.WS_REDUCED_AMOUNT) !== null && _errors$WS_REDUCED_AM !== void 0 && _errors$WS_REDUCED_AM.VALUE && ischeckedReduce == true ? /*#__PURE__*/React.createElement(CardLabelError, null, t("WS_REQUIRED_FIELD")) : null)), /*#__PURE__*/React.createElement("th", null, /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(Controller, {
     name: servicev1 + "_ADDITIONAL_AMOUNT.VALUE",
     key: servicev1 + "_ADDITIONAL_AMOUNT.VALUE",
     control: control,
@@ -35974,7 +36925,7 @@ const ApplicationBillAmendment = () => {
         paddingRight: "60px",
         paddingLeft: "150px"
       }
-    }, /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(TextInput, {
+    }, /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(TextInput, {
       disabled: servicev1 === "WS" ? !(WS_REDUCED_AMOUNT !== null && WS_REDUCED_AMOUNT !== void 0 && WS_REDUCED_AMOUNT.VALUE) : !(SW_REDUCED_AMOUNT !== null && SW_REDUCED_AMOUNT !== void 0 && SW_REDUCED_AMOUNT.VALUE),
       type: "number",
       name: servicev1 + "_REDUCED_AMOUNT." + node.taxHeadCode,
@@ -36004,7 +36955,7 @@ const ApplicationBillAmendment = () => {
       style: {
         paddingRight: "60px"
       }
-    }, /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(TextInput, {
+    }, /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(TextInput, {
       disabled: servicev1 === "WS" ? !(WS_ADDITIONAL_AMOUNT !== null && WS_ADDITIONAL_AMOUNT !== void 0 && WS_ADDITIONAL_AMOUNT.VALUE) : !(SW_ADDITIONAL_AMOUNT !== null && SW_ADDITIONAL_AMOUNT !== void 0 && SW_ADDITIONAL_AMOUNT.VALUE),
       type: "number",
       name: servicev1 + "_ADDITIONAL_AMOUNT." + node.taxHeadCode,
@@ -36052,7 +37003,7 @@ const ApplicationBillAmendment = () => {
       paddingRight: "60px",
       paddingLeft: "150px"
     }
-  }, /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(TextInput, {
+  }, /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(TextInput, {
     disabled: servicev1 === "WS" ? !(WS_REDUCED_AMOUNT !== null && WS_REDUCED_AMOUNT !== void 0 && WS_REDUCED_AMOUNT.VALUE) : !(SW_REDUCED_AMOUNT !== null && SW_REDUCED_AMOUNT !== void 0 && SW_REDUCED_AMOUNT.VALUE),
     name: servicev1 + "_REBATE",
     inputRef: register()
@@ -36060,11 +37011,11 @@ const ApplicationBillAmendment = () => {
     style: {
       paddingRight: "60px"
     }
-  }, /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(TextInput, {
+  }, /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(TextInput, {
     disabled: servicev1 === "WS" ? !(WS_ADDITIONAL_AMOUNT !== null && WS_ADDITIONAL_AMOUNT !== void 0 && WS_ADDITIONAL_AMOUNT.VALUE) : !(SW_ADDITIONAL_AMOUNT !== null && SW_ADDITIONAL_AMOUNT !== void 0 && SW_ADDITIONAL_AMOUNT.VALUE),
     name: servicev1 + "_PENALTY",
     inputRef: register()
-  }))))))) : /*#__PURE__*/React.createElement(Loader, null), BillAmendmentMDMSLoading ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(CardSectionHeader, {
+  }))))))) : /*#__PURE__*/React.createElement(Loader, null), BillAmendmentMDMSLoading ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(CardSectionHeader, {
     style: {
       marginBottom: "16px"
     }
@@ -44296,7 +45247,7 @@ const ScruntinyDetails = _ref => {
       }
     }, t(data === null || data === void 0 ? void 0 : data.value));else if (data !== null && data !== void 0 && data.value && data !== null && data !== void 0 && data.isTransLate) return t(data === null || data === void 0 ? void 0 : data.value);else if (data !== null && data !== void 0 && data.value) return data === null || data === void 0 ? void 0 : data.value;else t("NA");
   };
-  return /*#__PURE__*/React.createElement(Fragment$1, null, !(scrutinyDetails !== null && scrutinyDetails !== void 0 && scrutinyDetails.isChecklist) && /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(Fragment$2, null, !(scrutinyDetails !== null && scrutinyDetails !== void 0 && scrutinyDetails.isChecklist) && /*#__PURE__*/React.createElement("div", {
     style: {
       background: "#FAFAFA",
       border: "1px solid #D6D5D4",
@@ -44354,7 +45305,7 @@ const ScruntinyDetails = _ref => {
       }
     }, value === null || value === void 0 ? void 0 : value.title);
   })), /*#__PURE__*/React.createElement("div", null, scrutinyDetails === null || scrutinyDetails === void 0 ? void 0 : (_scrutinyDetails$scru = scrutinyDetails.scruntinyDetails) === null || _scrutinyDetails$scru === void 0 ? void 0 : _scrutinyDetails$scru.map((report, index) => {
-    return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(Row, {
+    return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(Row, {
       className: "border-none",
       label: "" + t(report === null || report === void 0 ? void 0 : report.title),
       labelStyle: {
@@ -44460,7 +45411,7 @@ const SubOccupancyTable = _ref => {
     }
     return returnValue ? returnValue : "NA";
   }
-  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement("div", {
     style: {
       background: "#FAFAFA",
       border: "1px solid #D6D5D4",
@@ -45930,7 +46881,7 @@ function ApplicationDetailsContent(_ref) {
       wsAdditionalDetails: detail,
       workflowDetails: workflowDetails
     }));
-  }), showTimeLine && (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data3 = workflowDetails.data) === null || _workflowDetails$data3 === void 0 ? void 0 : (_workflowDetails$data4 = _workflowDetails$data3.timeline) === null || _workflowDetails$data4 === void 0 ? void 0 : _workflowDetails$data4.length) > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BreakLine, null), ((workflowDetails === null || workflowDetails === void 0 ? void 0 : workflowDetails.isLoading) || isDataLoading) && /*#__PURE__*/React.createElement(Loader, null), !(workflowDetails !== null && workflowDetails !== void 0 && workflowDetails.isLoading) && !isDataLoading && /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement("div", {
+  }), showTimeLine && (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data3 = workflowDetails.data) === null || _workflowDetails$data3 === void 0 ? void 0 : (_workflowDetails$data4 = _workflowDetails$data3.timeline) === null || _workflowDetails$data4 === void 0 ? void 0 : _workflowDetails$data4.length) > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BreakLine, null), ((workflowDetails === null || workflowDetails === void 0 ? void 0 : workflowDetails.isLoading) || isDataLoading) && /*#__PURE__*/React.createElement(Loader, null), !(workflowDetails !== null && workflowDetails !== void 0 && workflowDetails.isLoading) && !isDataLoading && /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement("div", {
     id: "timeline"
   }, /*#__PURE__*/React.createElement(CardSectionHeader, {
     style: {
@@ -47340,7 +48291,7 @@ const GetConnectionDetails = () => {
       onClick: props.onClick
     }, /*#__PURE__*/React.createElement(Close, null));
   };
-  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement("div", {
     style: {
       position: "relative"
     }
@@ -47795,7 +48746,7 @@ const ApplicationDetailsBillAmendment = () => {
     label: t("WS_ACK_PDF"),
     onClick: () => getAckPdf(applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.amendment, tenantId, t, applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationDetails, applicationDetails)
   }];
-  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement("div", {
     className: "employee-main-application-details"
   }, /*#__PURE__*/React.createElement("div", {
     className: "employee-application-details",
@@ -47905,7 +48856,7 @@ const Search = _ref => {
     var _result$data3;
     return (result === null || result === void 0 ? void 0 : (_result$data3 = result.data) === null || _result$data3 === void 0 ? void 0 : _result$data3.length) > 0 ? true : false;
   };
-  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(Search, {
+  return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(Search, {
     t: t,
     tenantId: tenantId,
     onSubmit: onSubmit,
@@ -48004,7 +48955,7 @@ const SearchWater = _ref => {
     }
     return item;
   });
-  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(SWater, {
+  return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(SWater, {
     t: t,
     tenantId: tenantId,
     onSubmit: onSubmit,
@@ -48590,11 +49541,16 @@ const ConsumptionDetails = _ref => {
   }
   let _ref2 = response || {},
     meterReadings = _ref2.meterReadings;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Header, {
-    styles: {
-      marginLeft: "15px"
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "employee-form-section-wrapper"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      flex: 1,
+      display: "flex",
+      flexDirection: "column",
+      gap: "16px"
     }
-  }, "" + t("WS_VIEW_CONSUMPTION")), /*#__PURE__*/React.createElement("div", null, (meterReadings === null || meterReadings === void 0 ? void 0 : meterReadings.length) > 0 && meterReadings.map((application, index) => /*#__PURE__*/React.createElement("div", {
+  }, (meterReadings === null || meterReadings === void 0 ? void 0 : meterReadings.length) > 0 && meterReadings.map((application, index) => /*#__PURE__*/React.createElement("div", {
     key: index
   }, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(StatusTable, null, /*#__PURE__*/React.createElement(Row, {
     key: t("WS_MYCONNECTIONS_CONSUMER_NO"),
@@ -50467,7 +51423,7 @@ const GetDisconnectionDetails = () => {
   dowloadOptions.sort(function (a, b) {
     return a.order - b.order;
   });
-  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement("div", {
     className: "employee-main-application-details",
     style: {
       display: "flex",
@@ -50712,7 +51668,7 @@ const ModifyApplicationDetails = () => {
   dowloadOptions.sort(function (a, b) {
     return a.order - b.order;
   });
-  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement("div", {
     className: "employee-main-application-details"
   }, /*#__PURE__*/React.createElement("div", {
     className: "employee-application-details",
@@ -51210,7 +52166,7 @@ const SearchFields$2 = _ref => {
     },
     title: t("ERR_DEFAULT_INPUT_FIELD_MSG")
   };
-  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(SearchField, {
+  return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(SearchField, {
     style: {
       width: "100%"
     }
@@ -51414,7 +52370,7 @@ const SearchWaterConnectionIntegrated = _ref => {
       return GetCell(status === "INACTIVE" ? t("WS_NA") : t("" + dueDate));
     }
   }], []);
-  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(Header, {
+  return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(Header, {
     styles: {
       fontSize: "32px"
     }
@@ -51551,7 +52507,7 @@ const SearchIntegrated = _ref => {
     var _result12$data5, _result$data5;
     return (result12 === null || result12 === void 0 ? void 0 : (_result12$data5 = result12.data) === null || _result12$data5 === void 0 ? void 0 : _result12$data5.length) > 0 || (result === null || result === void 0 ? void 0 : (_result$data5 = result.data) === null || _result$data5 === void 0 ? void 0 : _result$data5.length) > 0 ? true : false;
   };
-  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(SWater, {
+  return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(SWater, {
     t: t,
     tenantId: tenantId,
     onSubmit: onSubmit,
@@ -51574,7 +52530,7 @@ const SearchWaterConnectionViewIntegrated = _ref => {
     onSubmit = _ref.onSubmit,
     count = _ref.count,
     resultOk = _ref.resultOk;
-  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(SearchWaterConnectionIntegrated, {
+  return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(SearchWaterConnectionIntegrated, {
     onSubmit: onSubmit,
     data: data,
     count: count,
@@ -51643,7 +52599,7 @@ const BulkBillGeneration = _ref => {
     var _result$meterReadings;
     return (result === null || result === void 0 ? void 0 : (_result$meterReadings = result.meterReadings) === null || _result$meterReadings === void 0 ? void 0 : _result$meterReadings.length) > 0 ? true : false;
   };
-  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(WSBulkBillSearch, {
+  return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(WSBulkBillSearch, {
     t: t,
     tenantId: tenantId,
     onSubmit: onSubmit,