@djb25/digit-ui-module-ws 1.0.41 → 1.0.42

package/dist/index.js

@@ -7925,7 +7925,7 @@ const WSMyApplications = () => {
       property: PTdata === null || PTdata === void 0 ? void 0 : (_PTdata$Properties = PTdata.Properties) === null || _PTdata$Properties === void 0 ? void 0 : _PTdata$Properties.filter(pt => (pt === null || pt === void 0 ? void 0 : pt.propertyId) === (ob === null || ob === void 0 ? void 0 : ob.propertyId))[0]
     });
   });
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Header, null, t("CS_HOME_MY_APPLICATIONS") + " " + (applicationsList ? "(" + applicationsList.length + ")" : "")), /*#__PURE__*/React__default.createElement(WSInfoLabel, {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(WSInfoLabel, {
     t: t
   }), /*#__PURE__*/React__default.createElement("div", null, ((_applicationsList = applicationsList) === null || _applicationsList === void 0 ? void 0 : _applicationsList.length) > 0 && applicationsList.sort((a, b) => {
     var _b$auditDetails, _a$auditDetails;
@@ -8512,7 +8512,7 @@ const WSResponse = props => {
 };
 
 const App = _ref => {
-  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;
+  var _Digit, _Digit$ComponentRegis, _Digit2, _Digit2$ComponentRegi, _user$info, _user$info$userName, _user$info2, _user$info3, _wsData$WaterConnecti, _wsData$WaterConnecti2, _swData$SewerageConne, _swData$SewerageConne2, _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;
   let path = _ref.path;
   const location = reactRouterDom.useLocation();
   const _useTranslation = reactI18next.useTranslation(),
@@ -8522,6 +8522,40 @@ const App = _ref => {
   let isAcknowledgement = window.location.href.includes("/acknowledgement") || window.location.href.includes("/disconnect-acknowledge");
   const WSDisconnectAcknowledgement = (_Digit = Digit) === null || _Digit === void 0 ? void 0 : (_Digit$ComponentRegis = _Digit.ComponentRegistryService) === null || _Digit$ComponentRegis === void 0 ? void 0 : _Digit$ComponentRegis.getComponent("WSDisconnectAcknowledgement");
   const WSRestorationAcknowledgement = (_Digit2 = Digit) === null || _Digit2 === void 0 ? void 0 : (_Digit2$ComponentRegi = _Digit2.ComponentRegistryService) === null || _Digit2$ComponentRegi === void 0 ? void 0 : _Digit2$ComponentRegi.getComponent("WSRestorationAcknowledgement");
+  const user = window.Digit.UserService.getUser();
+  const tenantId = "dl.djb";
+  const userMobileNumber = user !== null && user !== void 0 && (_user$info = user.info) !== null && _user$info !== void 0 && (_user$info$userName = _user$info.userName) !== null && _user$info$userName !== void 0 && _user$info$userName.match(/^[0-9]{10}$/) ? user === null || user === void 0 ? void 0 : (_user$info2 = user.info) === null || _user$info2 === void 0 ? void 0 : _user$info2.userName : user === null || user === void 0 ? void 0 : (_user$info3 = user.info) === null || _user$info3 === void 0 ? void 0 : _user$info3.mobileNumber;
+  const isMyApps = location.pathname.includes("/my-applications");
+  const _window$Digit$Hooks$w = window.Digit.Hooks.ws.useMyApplicationSearch({
+      filters: {
+        tenantId,
+        mobileNumber: userMobileNumber
+      }
+    }, {
+      filters: {
+        tenantId,
+        mobileNumber: userMobileNumber
+      },
+      enabled: isMyApps
+    }),
+    wsData = _window$Digit$Hooks$w.data;
+  const _window$Digit$Hooks$w2 = window.Digit.Hooks.ws.useMyApplicationSearch({
+      filters: {
+        tenantId,
+        mobileNumber: userMobileNumber
+      },
+      BusinessService: "SW"
+    }, {
+      filters: {
+        tenantId,
+        mobileNumber: userMobileNumber
+      },
+      enabled: isMyApps
+    }),
+    swData = _window$Digit$Hooks$w2.data;
+  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;
   const crumbs = [{
     path: "/digit-ui/employee",
     show: true,
@@ -8539,7 +8573,7 @@ const App = _ref => {
     show: location.pathname.includes("/search")
   }, {
     path: "/digit-ui/citizen/ws/my-applications",
-    label: t("CS_HOME_MY_APPLICATIONS"),
+    label: t("CS_HOME_MY_APPLICATIONS") + " " + (totalAppsCount ? "(" + totalAppsCount + ")" : ""),
     show: location.pathname.includes("/my-applications")
   }, {
     path: "/digit-ui/citizen/ws/my-connections",
@@ -8557,6 +8591,10 @@ const App = _ref => {
     path: "/digit-ui/citizen/ws/old-application",
     label: t("WS_COMMON_APPL_NEW_CONNECTION"),
     show: location.pathname.includes("/old-application")
+  }, {
+    path: location.pathname,
+    label: t("WS_APPLICATION_DETAILS_HEADER"),
+    show: location.pathname.includes("/connection/application")
   }];
   const getDynamicBreadcrumbs = () => {
     return crumbs.filter(crumb => crumb.show);
@@ -10256,36 +10294,29 @@ const WSDocsRequired = _ref => {
   }))));
 };
 
-// A type of promise-like that resolves synchronously and supports only one observer
-
-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";
-
-// Asynchronously call a function and send errors to recovery continuation
+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;
+  try {
+    var result = body();
+  } catch (e) {
+    return recover(e);
+  }
+  if (result && result.then) {
+    return result.then(void 0, recover);
+  }
+  return result;
 }
-
-// Asynchronously await a promise and pass the result to a finally continuation
 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);
+  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 WSSewerageConnectionDetails = _ref => {
@@ -25179,385 +25210,394 @@ const config = [{
   }]
 }];
 
-/** @license React v16.13.1
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,q=b?
-Symbol.for("react.suspense_list"):60120,r=b?Symbol.for("react.memo"):60115,t=b?Symbol.for("react.lazy"):60116,v=b?Symbol.for("react.block"):60121,w=b?Symbol.for("react.fundamental"):60117,x=b?Symbol.for("react.responder"):60118,y=b?Symbol.for("react.scope"):60119;
-function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case t:case r:case h:return a;default:return u}}case d:return u}}}function A(a){return z(a)===m}var AsyncMode=l;var ConcurrentMode=m;var ContextConsumer=k;var ContextProvider=h;var Element=c;var ForwardRef=n;var Fragment=e;var Lazy=t;var Memo=r;var Portal=d;
-var Profiler=g;var StrictMode=f;var Suspense=p;var isAsyncMode=function(a){return A(a)||z(a)===l};var isConcurrentMode=A;var isContextConsumer=function(a){return z(a)===k};var isContextProvider=function(a){return z(a)===h};var isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c};var isForwardRef=function(a){return z(a)===n};var isFragment=function(a){return z(a)===e};var isLazy=function(a){return z(a)===t};
-var isMemo=function(a){return z(a)===r};var isPortal=function(a){return z(a)===d};var isProfiler=function(a){return z(a)===g};var isStrictMode=function(a){return z(a)===f};var isSuspense=function(a){return z(a)===p};
-var isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||a===q||"object"===typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v)};var typeOf=z;
-
-var reactIs_production_min = {
-	AsyncMode: AsyncMode,
-	ConcurrentMode: ConcurrentMode,
-	ContextConsumer: ContextConsumer,
-	ContextProvider: ContextProvider,
-	Element: Element,
-	ForwardRef: ForwardRef,
-	Fragment: Fragment,
-	Lazy: Lazy,
-	Memo: Memo,
-	Portal: Portal,
-	Profiler: Profiler,
-	StrictMode: StrictMode,
-	Suspense: Suspense,
-	isAsyncMode: isAsyncMode,
-	isConcurrentMode: isConcurrentMode,
-	isContextConsumer: isContextConsumer,
-	isContextProvider: isContextProvider,
-	isElement: isElement,
-	isForwardRef: isForwardRef,
-	isFragment: isFragment,
-	isLazy: isLazy,
-	isMemo: isMemo,
-	isPortal: isPortal,
-	isProfiler: isProfiler,
-	isStrictMode: isStrictMode,
-	isSuspense: isSuspense,
-	isValidElementType: isValidElementType,
-	typeOf: typeOf
-};
-
-var reactIs_development = createCommonjsModule(function (module, exports) {
-
-
-
-if (process.env.NODE_ENV !== "production") {
-  (function() {
-
-// The Symbol used to tag the ReactElement-like types. If there is no native Symbol
-// nor polyfill, then a plain number is used for performance.
-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; // TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
-// (unstable) APIs that have been removed. Can we remove the symbols?
-
-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' || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-  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;
-
+var b = "function" === typeof Symbol && Symbol.for,
+  c = b ? Symbol.for("react.element") : 60103,
+  d = b ? Symbol.for("react.portal") : 60106,
+  e = b ? Symbol.for("react.fragment") : 60107,
+  f = b ? Symbol.for("react.strict_mode") : 60108,
+  g = b ? Symbol.for("react.profiler") : 60114,
+  h = b ? Symbol.for("react.provider") : 60109,
+  k = b ? Symbol.for("react.context") : 60110,
+  l = b ? Symbol.for("react.async_mode") : 60111,
+  m = b ? Symbol.for("react.concurrent_mode") : 60111,
+  n = b ? Symbol.for("react.forward_ref") : 60112,
+  p = b ? Symbol.for("react.suspense") : 60113,
+  q = b ? Symbol.for("react.suspense_list") : 60120,
+  r = b ? Symbol.for("react.memo") : 60115,
+  t = b ? Symbol.for("react.lazy") : 60116,
+  v = b ? Symbol.for("react.block") : 60121,
+  w = b ? Symbol.for("react.fundamental") : 60117,
+  x = b ? Symbol.for("react.responder") : 60118,
+  y = b ? Symbol.for("react.scope") : 60119;
+function z(a) {
+  if ("object" === typeof a && null !== a) {
+    var u = a.$$typeof;
+    switch (u) {
+      case c:
+        switch (a = a.type, a) {
+          case l:
+          case m:
+          case e:
+          case g:
+          case f:
+          case p:
+            return a;
           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;
-
+            switch (a = a && a.$$typeof, a) {
+              case k:
+              case n:
+              case t:
+              case r:
+              case h:
+                return a;
               default:
-                return $$typeof;
+                return u;
             }
-
         }
-
-      case REACT_PORTAL_TYPE:
-        return $$typeof;
+      case d:
+        return u;
     }
   }
-
-  return undefined;
-} // AsyncMode is deprecated along with isAsyncMode
-
-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; // AsyncMode should be deprecated
-
-function isAsyncMode(object) {
-  {
-    if (!hasWarnedAboutDeprecatedIsAsyncMode) {
-      hasWarnedAboutDeprecatedIsAsyncMode = true; // Using console['warn'] to evade Babel and ESLint
-
-      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;
+function A(a) {
+  return z(a) === m;
 }
+var AsyncMode = l;
+var ConcurrentMode = m;
+var ContextConsumer = k;
+var ContextProvider = h;
+var Element = c;
+var ForwardRef = n;
+var Fragment = e;
+var Lazy = t;
+var Memo = r;
+var Portal = d;
+var Profiler = g;
+var StrictMode = f;
+var Suspense = p;
+var isAsyncMode = function (a) {
+  return A(a) || z(a) === l;
+};
+var isConcurrentMode = A;
+var isContextConsumer = function (a) {
+  return z(a) === k;
+};
+var isContextProvider = function (a) {
+  return z(a) === h;
+};
+var isElement = function (a) {
+  return "object" === typeof a && null !== a && a.$$typeof === c;
+};
+var isForwardRef = function (a) {
+  return z(a) === n;
+};
+var isFragment = function (a) {
+  return z(a) === e;
+};
+var isLazy = function (a) {
+  return z(a) === t;
+};
+var isMemo = function (a) {
+  return z(a) === r;
+};
+var isPortal = function (a) {
+  return z(a) === d;
+};
+var isProfiler = function (a) {
+  return z(a) === g;
+};
+var isStrictMode = function (a) {
+  return z(a) === f;
+};
+var isSuspense = function (a) {
+  return z(a) === p;
+};
+var isValidElementType = function (a) {
+  return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g || a === f || a === p || a === q || "object" === typeof a && null !== a && (a.$$typeof === t || a.$$typeof === r || a.$$typeof === h || a.$$typeof === k || a.$$typeof === n || a.$$typeof === w || a.$$typeof === x || a.$$typeof === y || a.$$typeof === v);
+};
+var typeOf = z;
+var reactIs_production_min = {
+  AsyncMode: AsyncMode,
+  ConcurrentMode: ConcurrentMode,
+  ContextConsumer: ContextConsumer,
+  ContextProvider: ContextProvider,
+  Element: Element,
+  ForwardRef: ForwardRef,
+  Fragment: Fragment,
+  Lazy: Lazy,
+  Memo: Memo,
+  Portal: Portal,
+  Profiler: Profiler,
+  StrictMode: StrictMode,
+  Suspense: Suspense,
+  isAsyncMode: isAsyncMode,
+  isConcurrentMode: isConcurrentMode,
+  isContextConsumer: isContextConsumer,
+  isContextProvider: isContextProvider,
+  isElement: isElement,
+  isForwardRef: isForwardRef,
+  isFragment: isFragment,
+  isLazy: isLazy,
+  isMemo: isMemo,
+  isPortal: isPortal,
+  isProfiler: isProfiler,
+  isStrictMode: isStrictMode,
+  isSuspense: isSuspense,
+  isValidElementType: isValidElementType,
+  typeOf: typeOf
+};
 
-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_development = 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 = createCommonjsModule(function (module) {
 
-if (process.env.NODE_ENV === 'production') {
-  module.exports = reactIs_production_min;
-} else {
-  module.exports = reactIs_development;
-}
+  if (process.env.NODE_ENV === 'production') {
+    module.exports = reactIs_production_min;
+  } else {
+    module.exports = reactIs_development;
+  }
 });
 
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
-/* eslint-disable no-unused-vars */
 var getOwnPropertySymbols = Object.getOwnPropertySymbols;
 var hasOwnProperty$a = Object.prototype.hasOwnProperty;
 var propIsEnumerable = Object.prototype.propertyIsEnumerable;
-
 function toObject(val) {
-	if (val === null || val === undefined) {
-		throw new TypeError('Object.assign cannot be called with null or undefined');
-	}
-
-	return Object(val);
+  if (val === null || val === undefined) {
+    throw new TypeError('Object.assign cannot be called with null or undefined');
+  }
+  return Object(val);
 }
-
 function shouldUseNative() {
-	try {
-		if (!Object.assign) {
-			return false;
-		}
-
-		// Detect buggy property enumeration order in older V8 versions.
-
-		// https://bugs.chromium.org/p/v8/issues/detail?id=4118
-		var test1 = new String('abc');  // eslint-disable-line no-new-wrappers
-		test1[5] = 'de';
-		if (Object.getOwnPropertyNames(test1)[0] === '5') {
-			return false;
-		}
-
-		// https://bugs.chromium.org/p/v8/issues/detail?id=3056
-		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;
-		}
-
-		// https://bugs.chromium.org/p/v8/issues/detail?id=3056
-		var test3 = {};
-		'abcdefghijklmnopqrst'.split('').forEach(function (letter) {
-			test3[letter] = letter;
-		});
-		if (Object.keys(Object.assign({}, test3)).join('') !==
-				'abcdefghijklmnopqrst') {
-			return false;
-		}
-
-		return true;
-	} catch (err) {
-		// We don't expect any of the above to throw, but better to be safe.
-		return false;
-	}
+  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 = shouldUseNative() ? Object.assign : function (target, source) {
-	var from;
-	var to = toObject(target);
-	var symbols;
-
-	for (var s = 1; s < arguments.length; s++) {
-		from = Object(arguments[s]);
-
-		for (var key in from) {
-			if (hasOwnProperty$a.call(from, key)) {
-				to[key] = from[key];
-			}
-		}
-
-		if (getOwnPropertySymbols) {
-			symbols = getOwnPropertySymbols(from);
-			for (var i = 0; i < symbols.length; i++) {
-				if (propIsEnumerable.call(from, symbols[i])) {
-					to[symbols[i]] = from[symbols[i]];
-				}
-			}
-		}
-	}
-
-	return to;
+  var from;
+  var to = toObject(target);
+  var symbols;
+  for (var s = 1; s < arguments.length; s++) {
+    from = Object(arguments[s]);
+    for (var key in from) {
+      if (hasOwnProperty$a.call(from, key)) {
+        to[key] = from[key];
+      }
+    }
+    if (getOwnPropertySymbols) {
+      symbols = getOwnPropertySymbols(from);
+      for (var i = 0; i < symbols.length; i++) {
+        if (propIsEnumerable.call(from, symbols[i])) {
+          to[symbols[i]] = from[symbols[i]];
+        }
+      }
+    }
+  }
+  return to;
 };
 
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
 var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
-
 var ReactPropTypesSecret_1 = ReactPropTypesSecret;
 
 var has = Function.call.bind(Object.prototype.hasOwnProperty);
 
-var printWarning = function() {};
-
+var printWarning = function () {};
 if (process.env.NODE_ENV !== 'production') {
   var ReactPropTypesSecret$1 = ReactPropTypesSecret_1;
   var loggedTypeFailures = {};
   var has$1 = has;
-
-  printWarning = function(text) {
+  printWarning = function (text) {
     var message = 'Warning: ' + text;
     if (typeof console !== 'undefined') {
       console.error(message);
     }
     try {
-      // --- Welcome to debugging React ---
-      // This error was thrown as a convenience so that you can use this stack
-      // to find the callsite that caused this warning to fire.
       throw new Error(message);
-    } catch (x) { /**/ }
+    } catch (x) {}
   };
 }
-
-/**
- * Assert that the values match with the type specs.
- * Error messages are memorized and will only be shown once.
- *
- * @param {object} typeSpecs Map of name to a ReactPropType
- * @param {object} values Runtime values that need to be type-checked
- * @param {string} location e.g. "prop", "context", "child context"
- * @param {string} componentName Name of the component for error messages.
- * @param {?Function} getStack Returns the component stack.
- * @private
- */
 function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
   if (process.env.NODE_ENV !== 'production') {
     for (var typeSpecName in typeSpecs) {
       if (has$1(typeSpecs, typeSpecName)) {
         var error;
-        // Prop type validation may throw. In case they do, we don't want to
-        // fail the render phase where it didn't fail before. So we log it.
-        // After these have been cleaned up, we'll let them throw.
         try {
-          // This is intentionally an invariant that gets caught. It's the same
-          // behavior as without this statement except with a better message.
           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`.'
-            );
+            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;
           }
@@ -25566,142 +25606,49 @@ function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
           error = ex;
         }
         if (error && !(error instanceof Error)) {
-          printWarning(
-            (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).'
-          );
+          printWarning((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)) {
-          // Only monitor this failure once because there tends to be a lot of the
-          // same error.
           loggedTypeFailures[error.message] = true;
-
           var stack = getStack ? getStack() : '';
-
-          printWarning(
-            'Failed ' + location + ' type: ' + error.message + (stack != null ? stack : '')
-          );
+          printWarning('Failed ' + location + ' type: ' + error.message + (stack != null ? stack : ''));
         }
       }
     }
   }
 }
-
-/**
- * Resets warning cache when testing.
- *
- * @private
- */
-checkPropTypes.resetWarningCache = function() {
+checkPropTypes.resetWarningCache = function () {
   if (process.env.NODE_ENV !== 'production') {
     loggedTypeFailures = {};
   }
 };
-
 var checkPropTypes_1 = checkPropTypes;
 
-var printWarning$1 = function() {};
-
+var printWarning$1 = function () {};
 if (process.env.NODE_ENV !== 'production') {
-  printWarning$1 = function(text) {
+  printWarning$1 = function (text) {
     var message = 'Warning: ' + text;
     if (typeof console !== 'undefined') {
       console.error(message);
     }
     try {
-      // --- Welcome to debugging React ---
-      // This error was thrown as a convenience so that you can use this stack
-      // to find the callsite that caused this warning to fire.
       throw new Error(message);
     } catch (x) {}
   };
 }
-
 function emptyFunctionThatReturnsNull() {
   return null;
 }
-
-var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
-  /* global Symbol */
+var factoryWithTypeCheckers = function (isValidElement, throwOnDirectAccess) {
   var ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
-  var FAUX_ITERATOR_SYMBOL = '@@iterator'; // Before Symbol spec.
-
-  /**
-   * Returns the iterator method function contained on the iterable object.
-   *
-   * Be sure to invoke the function with the iterable as context:
-   *
-   *     var iteratorFn = getIteratorFn(myIterable);
-   *     if (iteratorFn) {
-   *       var iterator = iteratorFn.call(myIterable);
-   *       ...
-   *     }
-   *
-   * @param {?object} maybeIterable
-   * @return {?function}
-   */
+  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;
     }
   }
-
-  /**
-   * Collection of methods that allow declaration and validation of props that are
-   * supplied to React components. Example usage:
-   *
-   *   var Props = require('ReactPropTypes');
-   *   var MyArticle = React.createClass({
-   *     propTypes: {
-   *       // An optional string prop named "description".
-   *       description: Props.string,
-   *
-   *       // A required enum prop named "category".
-   *       category: Props.oneOf(['News','Photos']).isRequired,
-   *
-   *       // A prop named "dialog" that requires an instance of Dialog.
-   *       dialog: Props.instanceOf(Dialog).isRequired
-   *     },
-   *     render: function() { ... }
-   *   });
-   *
-   * A more formal specification of how these methods are used:
-   *
-   *   type := array|bool|func|object|number|string|oneOf([...])|instanceOf(...)
-   *   decl := ReactPropTypes.{type}(.isRequired)?
-   *
-   * Each and every declaration produces a function with the same signature. This
-   * allows the creation of custom validation functions. For example:
-   *
-   *  var MyLink = React.createClass({
-   *    propTypes: {
-   *      // An optional string or URI prop named "href".
-   *      href: function(props, propName, componentName) {
-   *        var propValue = props[propName];
-   *        if (propValue != null && typeof propValue !== 'string' &&
-   *            !(propValue instanceof URI)) {
-   *          return new Error(
-   *            'Expected a string or an URI for ' + propName + ' in ' +
-   *            componentName
-   *          );
-   *        }
-   *      }
-   *    },
-   *    render: function() {...}
-   *  });
-   *
-   * @internal
-   */
-
   var ANONYMOUS = '<<anonymous>>';
-
-  // Important!
-  // Keep this list in sync with production version in `./factoryWithThrowingShims.js`.
   var ReactPropTypes = {
     array: createPrimitiveTypeChecker('array'),
     bigint: createPrimitiveTypeChecker('bigint'),
@@ -25711,7 +25658,6 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
     object: createPrimitiveTypeChecker('object'),
     string: createPrimitiveTypeChecker('string'),
     symbol: createPrimitiveTypeChecker('symbol'),
-
     any: createAnyTypeChecker(),
     arrayOf: createArrayOfTypeChecker,
     element: createElementTypeChecker(),
@@ -25722,42 +25668,21 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
     oneOf: createEnumTypeChecker,
     oneOfType: createUnionTypeChecker,
     shape: createShapeTypeChecker,
-    exact: createStrictShapeTypeChecker,
+    exact: createStrictShapeTypeChecker
   };
-
-  /**
-   * inlined Object.is polyfill to avoid requiring consumers ship their own
-   * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
-   */
-  /*eslint-disable no-self-compare*/
   function is(x, y) {
-    // SameValue algorithm
     if (x === y) {
-      // Steps 1-5, 7-10
-      // Steps 6.b-6.e: +0 != -0
       return x !== 0 || 1 / x === 1 / y;
     } else {
-      // Step 6.a: NaN == NaN
       return x !== x && y !== y;
     }
   }
-  /*eslint-enable no-self-compare*/
-
-  /**
-   * We use an Error-like object for backward compatibility as people may call
-   * PropTypes directly and inspect their output. However, we don't use real
-   * Errors anymore. We don't inspect their stack anyway, and creating them
-   * is prohibitively expensive if they are created too often, such as what
-   * happens in oneOfType() for any type before the one that matched.
-   */
   function PropTypeError(message, data) {
     this.message = message;
-    this.data = data && typeof data === 'object' ? data: {};
+    this.data = data && typeof data === 'object' ? data : {};
     this.stack = '';
   }
-  // Make `instanceof Error` still work for returned errors.
   PropTypeError.prototype = Error.prototype;
-
   function createChainableTypeChecker(validate) {
     if (process.env.NODE_ENV !== 'production') {
       var manualPropTypeCallCache = {};
@@ -25766,32 +25691,15 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
     function checkType(isRequired, props, propName, componentName, location, propFullName, secret) {
       componentName = componentName || ANONYMOUS;
       propFullName = propFullName || propName;
-
       if (secret !== ReactPropTypesSecret_1) {
         if (throwOnDirectAccess) {
-          // New behavior only for users of `prop-types` package
-          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'
-          );
+          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') {
-          // Old behavior for people using React.PropTypes
           var cacheKey = componentName + ':' + propName;
-          if (
-            !manualPropTypeCallCache[cacheKey] &&
-            // Avoid spamming the console because they are often not actionable except for lib authors
-            manualPropTypeWarningCount < 3
-          ) {
-            printWarning$1(
-              '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.'
-            );
+          if (!manualPropTypeCallCache[cacheKey] && manualPropTypeWarningCount < 3) {
+            printWarning$1('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++;
           }
@@ -25809,37 +25717,27 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
         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) {
-        // `propValue` being instance of, say, date/regexp, pass the 'object'
-        // check, but we can offer a more precise error message here rather than
-        // 'of type `object`'.
         var preciseType = getPreciseType(propValue);
-
-        return new PropTypeError(
-          'Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'),
-          {expectedType: expectedType}
-        );
+        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);
   }
-
   function createArrayOfTypeChecker(typeChecker) {
     function validate(props, propName, componentName, location, propFullName) {
       if (typeof typeChecker !== 'function') {
@@ -25860,7 +25758,6 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
     }
     return createChainableTypeChecker(validate);
   }
-
   function createElementTypeChecker() {
     function validate(props, propName, componentName, location, propFullName) {
       var propValue = props[propName];
@@ -25872,7 +25769,6 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
     }
     return createChainableTypeChecker(validate);
   }
-
   function createElementTypeTypeChecker() {
     function validate(props, propName, componentName, location, propFullName) {
       var propValue = props[propName];
@@ -25884,7 +25780,6 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
     }
     return createChainableTypeChecker(validate);
   }
-
   function createInstanceTypeChecker(expectedClass) {
     function validate(props, propName, componentName, location, propFullName) {
       if (!(props[propName] instanceof expectedClass)) {
@@ -25896,22 +25791,17 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
     }
     return createChainableTypeChecker(validate);
   }
-
   function createEnumTypeChecker(expectedValues) {
     if (!Array.isArray(expectedValues)) {
       if (process.env.NODE_ENV !== 'production') {
         if (arguments.length > 1) {
-          printWarning$1(
-            '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]).'
-          );
+          printWarning$1('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$1('Invalid argument supplied to oneOf, expected an array.');
         }
       }
       return emptyFunctionThatReturnsNull;
     }
-
     function validate(props, propName, componentName, location, propFullName) {
       var propValue = props[propName];
       for (var i = 0; i < expectedValues.length; i++) {
@@ -25919,7 +25809,6 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
           return null;
         }
       }
-
       var valuesString = JSON.stringify(expectedValues, function replacer(key, value) {
         var type = getPreciseType(value);
         if (type === 'symbol') {
@@ -25931,7 +25820,6 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
     }
     return createChainableTypeChecker(validate);
   }
-
   function createObjectOfTypeChecker(typeChecker) {
     function validate(props, propName, componentName, location, propFullName) {
       if (typeof typeChecker !== 'function') {
@@ -25954,24 +25842,18 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
     }
     return createChainableTypeChecker(validate);
   }
-
   function createUnionTypeChecker(arrayOfTypeCheckers) {
     if (!Array.isArray(arrayOfTypeCheckers)) {
       process.env.NODE_ENV !== 'production' ? printWarning$1('Invalid argument supplied to oneOfType, expected an instance of array.') : void 0;
       return emptyFunctionThatReturnsNull;
     }
-
     for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
       var checker = arrayOfTypeCheckers[i];
       if (typeof checker !== 'function') {
-        printWarning$1(
-          'Invalid argument supplied to oneOfType. Expected an array of check functions, but ' +
-          'received ' + getPostfixForTypeWarning(checker) + ' at index ' + i + '.'
-        );
+        printWarning$1('Invalid argument supplied to oneOfType. Expected an array of check functions, but ' + 'received ' + getPostfixForTypeWarning(checker) + ' at index ' + i + '.');
         return emptyFunctionThatReturnsNull;
       }
     }
-
     function validate(props, propName, componentName, location, propFullName) {
       var expectedTypes = [];
       for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
@@ -25984,12 +25866,11 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
           expectedTypes.push(checkerResult.data.expectedType);
         }
       }
-      var expectedTypesMessage = (expectedTypes.length > 0) ? ', expected one of type [' + expectedTypes.join(', ') + ']': '';
+      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])) {
@@ -25999,14 +25880,9 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
     }
     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 + '`.'
-    );
+    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];
@@ -26028,7 +25904,6 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
     }
     return createChainableTypeChecker(validate);
   }
-
   function createStrictShapeTypeChecker(shapeTypes) {
     function validate(props, propName, componentName, location, propFullName) {
       var propValue = props[propName];
@@ -26036,7 +25911,6 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
       if (propType !== 'object') {
         return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
       }
-      // We need to check all keys in case some are required but missing from props.
       var allKeys = objectAssign({}, props[propName], shapeTypes);
       for (var key in allKeys) {
         var checker = shapeTypes[key];
@@ -26044,11 +25918,7 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
           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, '  ')
-          );
+          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);
         if (error) {
@@ -26057,10 +25927,8 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
       }
       return null;
     }
-
     return createChainableTypeChecker(validate);
   }
-
   function isNode(propValue) {
     switch (typeof propValue) {
       case 'number':
@@ -26076,7 +25944,6 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
         if (propValue === null || isValidElement(propValue)) {
           return true;
         }
-
         var iteratorFn = getIteratorFn(propValue);
         if (iteratorFn) {
           var iterator = iteratorFn.call(propValue);
@@ -26088,7 +25955,6 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
               }
             }
           } else {
-            // Iterator will provide entry [k,v] tuples rather than values.
             while (!(step = iterator.next()).done) {
               var entry = step.value;
               if (entry) {
@@ -26101,47 +25967,32 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
         } else {
           return false;
         }
-
         return true;
       default:
         return false;
     }
   }
-
   function isSymbol(propType, propValue) {
-    // Native Symbol.
     if (propType === 'symbol') {
       return true;
     }
-
-    // falsy value can't be a Symbol
     if (!propValue) {
       return false;
     }
-
-    // 19.4.3.5 Symbol.prototype[@@toStringTag] === 'Symbol'
     if (propValue['@@toStringTag'] === 'Symbol') {
       return true;
     }
-
-    // Fallback for non-spec compliant Symbols which are polyfilled.
     if (typeof Symbol === 'function' && propValue instanceof Symbol) {
       return true;
     }
-
     return false;
   }
-
-  // Equivalent of `typeof` but with special handling for array and regexp.
   function getPropType(propValue) {
     var propType = typeof propValue;
     if (Array.isArray(propValue)) {
       return 'array';
     }
     if (propValue instanceof RegExp) {
-      // Old webkits (at least until Android 4.0) return 'function' rather than
-      // 'object' for typeof a RegExp. We'll normalize this here so that /bla/
-      // passes PropTypes.object.
       return 'object';
     }
     if (isSymbol(propType, propValue)) {
@@ -26149,9 +26000,6 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
     }
     return propType;
   }
-
-  // This handles more types than `getPropType`. Only used for error messages.
-  // See `createPrimitiveTypeChecker`.
   function getPreciseType(propValue) {
     if (typeof propValue === 'undefined' || propValue === null) {
       return '' + propValue;
@@ -26166,9 +26014,6 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
     }
     return propType;
   }
-
-  // Returns a string that is postfixed to a warning about an invalid type.
-  // For example, "undefined" or "of type array"
   function getPostfixForTypeWarning(value) {
     var type = getPreciseType(value);
     switch (type) {
@@ -26183,44 +26028,34 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
         return type;
     }
   }
-
-  // Returns class name of the object, if any.
   function getClassName(propValue) {
     if (!propValue.constructor || !propValue.constructor.name) {
       return ANONYMOUS;
     }
     return propValue.constructor.name;
   }
-
   ReactPropTypes.checkPropTypes = checkPropTypes_1;
   ReactPropTypes.resetWarningCache = checkPropTypes_1.resetWarningCache;
   ReactPropTypes.PropTypes = ReactPropTypes;
-
   return ReactPropTypes;
 };
 
 function emptyFunction() {}
 function emptyFunctionWithReset() {}
 emptyFunctionWithReset.resetWarningCache = emptyFunction;
-
-var factoryWithThrowingShims = function() {
+var factoryWithThrowingShims = function () {
   function shim(props, propName, componentName, location, propFullName, secret) {
     if (secret === ReactPropTypesSecret_1) {
-      // It is still safe when called from React.
       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'
-    );
+    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;
+  }
+  shim.isRequired = shim;
   function getShim() {
     return shim;
-  }  // Important!
-  // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
+  }
   var ReactPropTypes = {
     array: shim,
     bigint: shim,
@@ -26230,7 +26065,6 @@ var factoryWithThrowingShims = function() {
     object: shim,
     string: shim,
     symbol: shim,
-
     any: shim,
     arrayOf: getShim,
     element: shim,
@@ -26242,36 +26076,21 @@ var factoryWithThrowingShims = function() {
     oneOfType: getShim,
     shape: getShim,
     exact: getShim,
-
     checkPropTypes: emptyFunctionWithReset,
     resetWarningCache: emptyFunction
   };
-
   ReactPropTypes.PropTypes = ReactPropTypes;
-
   return ReactPropTypes;
 };
 
 var propTypes = createCommonjsModule(function (module) {
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-if (process.env.NODE_ENV !== 'production') {
-  var ReactIs = reactIs;
-
-  // By explicitly using `prop-types` you are opting into new development behavior.
-  // http://fb.me/prop-types-in-prod
-  var throwOnDirectAccess = true;
-  module.exports = factoryWithTypeCheckers(ReactIs.isElement, throwOnDirectAccess);
-} else {
-  // By explicitly using `prop-types` you are opting into new production behavior.
-  // http://fb.me/prop-types-in-prod
-  module.exports = factoryWithThrowingShims();
-}
+  if (process.env.NODE_ENV !== 'production') {
+    var ReactIs = reactIs;
+    var throwOnDirectAccess = true;
+    module.exports = factoryWithTypeCheckers(ReactIs.isElement, throwOnDirectAccess);
+  } else {
+    module.exports = factoryWithThrowingShims();
+  }
 });
 
 const SearchConnection = _ref => {
@@ -28046,31 +27865,31 @@ const checkForNA$1 = value => {
   return value ? value : "CS_NA";
 };
 const WSApplicationDetails = () => {
-  var _user$info, _user$info$userName, _user$info2, _user$info3, _Digit$SessionStorage, _user$info4, _data$WaterConnection, _data$WaterConnection2, _data$SewerageConnect, _data$SewerageConnect2, _data$WaterConnection3, _data$WaterConnection4, _data$SewerageConnect3, _data$SewerageConnect4, _data$WaterConnection5, _data$WaterConnection6, _data$SewerageConnect5, _data$SewerageConnect6, _data$WaterConnection7, _data$WaterConnection8, _data$SewerageConnect7, _data$SewerageConnect8, _data$WaterConnection9, _data$WaterConnection0, _data$SewerageConnect9, _data$SewerageConnect0, _data$WaterConnection1, _data$SewerageConnect1, _PTData$Properties, _PTData$Properties$, _data$WaterConnection10, _data$WaterConnection11, _data$WaterConnection12, _data$WaterConnection13, _data$SewerageConnect10, _data$SewerageConnect11, _data$SewerageConnect12, _data$SewerageConnect13, _data$WaterConnection14, _data$WaterConnection15, _data$WaterConnection16, _data$WaterConnection17, _data$SewerageConnect14, _data$SewerageConnect15, _data$SewerageConnect16, _data$SewerageConnect17, _data$WaterConnection36, _data$WaterConnection37, _data$SewerageConnect32, _data$SewerageConnect33, _data$WaterConnection38, _data$WaterConnection39, _data$SewerageConnect34, _data$SewerageConnect35, _data$WaterConnection40, _data$WaterConnection41, _data$SewerageConnect36, _data$SewerageConnect37, _data$WaterConnection42, _data$WaterConnection43, _data$SewerageConnect38, _data$SewerageConnect39, _data$WaterConnection44, _data$WaterConnection45, _data$WaterConnection46, _data$SewerageConnect40, _data$SewerageConnect41, _data$WaterConnection47, _data$WaterConnection48, _data$SewerageConnect42, _data$SewerageConnect43, _data$WaterConnection49, _data$WaterConnection50, _data$SewerageConnect44, _data$SewerageConnect45, _data$WaterConnection51, _data$WaterConnection52, _data$SewerageConnect46, _data$SewerageConnect47, _data$WaterConnection53, _data$WaterConnection54, _data$SewerageConnect48, _data$SewerageConnect49, _data$WaterConnection55, _data$WaterConnection56, _data$SewerageConnect50, _data$SewerageConnect51, _data$WaterConnection57, _data$WaterConnection58, _data$SewerageConnect52, _data$SewerageConnect53, _data$WaterConnection59, _data$WaterConnection60, _data$SewerageConnect54, _data$SewerageConnect55, _data$WaterConnection61, _data$WaterConnection62, _data$SewerageConnect56, _data$SewerageConnect57, _data$WaterConnection63, _data$WaterConnection64, _data$WaterConnection65, _data$WaterConnection66, _data$SewerageConnect58, _data$SewerageConnect59, _data$SewerageConnect60, _data$SewerageConnect61, _paymentDetails$data, _paymentDetails$data$, _paymentDetails$data$2, _paymentDetails$data$3, _paymentDetails$data$4, _paymentDetails$data2, _paymentDetails$data3, _paymentDetails$data4, _paymentDetails$data5, _paymentDetails$data6, _paymentDetails$data7, _paymentDetails$data8, _paymentDetails$data9, _paymentDetails$data0, _paymentDetails$data1, _paymentDetails$data10, _paymentDetails$data11, _paymentDetails$data12, _paymentDetails$data13, _paymentDetails$data14, _paymentDetails$data15, _paymentDetails$data16, _paymentDetails$data17, _paymentDetails$data18, _paymentDetails$data19, _connectionDetails$se, _connectionDetails$se2, _connectionDetails$co, _connectionDetails$co2, _connectionDetails$wa, _connectionDetails$wa2, _connectionDetails$ap, _connectionDetails$ap2, _connectionDetails$do, _connectionDetails$do2, _connectionDetails$do3, _connectionDetails$de, _connectionDetails$de2, _data$WaterConnection67, _data$WaterConnection68, _data$WaterConnection69, _data$SewerageConnect62, _data$SewerageConnect63, _data$SewerageConnect64, _data$WaterConnection70, _data$WaterConnection71, _data$WaterConnection72, _data$WaterConnection73, _data$SewerageConnect65, _data$SewerageConnect66, _data$SewerageConnect67, _data$SewerageConnect68, _data$WaterConnection74, _data$WaterConnection75, _data$WaterConnection76, _data$WaterConnection77, _data$SewerageConnect69, _data$SewerageConnect70, _data$SewerageConnect71, _data$SewerageConnect72, _data$WaterConnection78, _data$WaterConnection79, _data$WaterConnection80, _data$WaterConnection81, _data$SewerageConnect73, _data$SewerageConnect74, _data$SewerageConnect75, _data$SewerageConnect76, _data$WaterConnection82, _data$WaterConnection83, _data$WaterConnection84, _data$WaterConnection85, _data$SewerageConnect77, _data$SewerageConnect78, _data$SewerageConnect79, _data$SewerageConnect80, _data$WaterConnection86, _data$WaterConnection87, _data$WaterConnection88, _data$WaterConnection89, _data$SewerageConnect81, _data$SewerageConnect82, _data$SewerageConnect83, _data$SewerageConnect84, _data$WaterConnection90, _data$WaterConnection91, _data$WaterConnection92, _data$WaterConnection93, _data$SewerageConnect85, _data$SewerageConnect86, _data$SewerageConnect87, _data$SewerageConnect88, _data$WaterConnection94, _data$WaterConnection95, _data$WaterConnection96, _data$WaterConnection97, _data$SewerageConnect89, _data$SewerageConnect90, _data$SewerageConnect91, _data$SewerageConnect92, _data$WaterConnection98, _data$WaterConnection99, _data$WaterConnection100, _data$WaterConnection101, _data$SewerageConnect93, _data$SewerageConnect94, _data$SewerageConnect95, _data$SewerageConnect96, _data$WaterConnection102, _data$WaterConnection103, _data$WaterConnection104, _data$WaterConnection105, _data$SewerageConnect97, _data$SewerageConnect98, _data$SewerageConnect99, _data$SewerageConnect100, _data$WaterConnection106, _data$WaterConnection107, _data$WaterConnection108, _data$WaterConnection109, _data$SewerageConnect101, _data$SewerageConnect102, _data$SewerageConnect103, _data$SewerageConnect104, _data$WaterConnection110, _data$WaterConnection111, _data$WaterConnection112, _data$WaterConnection113, _data$SewerageConnect105, _data$SewerageConnect106, _data$SewerageConnect107, _data$SewerageConnect108, _data$WaterConnection114, _data$WaterConnection115, _data$WaterConnection116, _data$WaterConnection117, _data$WaterConnection118, _data$SewerageConnect109, _data$SewerageConnect110, _data$SewerageConnect111, _data$SewerageConnect112, _data$SewerageConnect113, _data$WaterConnection119, _data$WaterConnection120, _data$WaterConnection121, _data$WaterConnection122, _data$SewerageConnect114, _data$SewerageConnect115, _data$SewerageConnect116, _data$SewerageConnect117, _data$WaterConnection123, _data$WaterConnection124, _data$WaterConnection125, _data$WaterConnection126, _data$SewerageConnect118, _data$SewerageConnect119, _data$SewerageConnect120, _data$SewerageConnect121, _data$WaterConnection127, _data$WaterConnection128, _data$WaterConnection129, _data$WaterConnection130, _data$SewerageConnect122, _data$SewerageConnect123, _data$SewerageConnect124, _data$SewerageConnect125, _data$WaterConnection131, _data$WaterConnection132, _data$WaterConnection133, _data$WaterConnection134, _data$SewerageConnect126, _data$SewerageConnect127, _data$SewerageConnect128, _data$SewerageConnect129, _data$WaterConnection135, _data$WaterConnection136, _data$WaterConnection137, _data$WaterConnection138, _data$SewerageConnect130, _data$SewerageConnect131, _data$SewerageConnect132, _data$SewerageConnect133, _data$WaterConnection139, _data$WaterConnection140, _data$SewerageConnect134, _data$SewerageConnect135, _PTData$Properties4, _PTData$Properties4$, _PTData$Properties4$$, _PTData$Properties4$$2, _PTData$Properties5, _PTData$Properties5$, _PTData$Properties6, _PTData$Properties6$, _PTData$Properties6$$, _PTData$Properties6$$2, _PTData$Properties7, _PTData$Properties7$, _data$WaterConnection141, _data$WaterConnection142, _data$SewerageConnect136, _data$SewerageConnect137, _data$WaterConnection143, _data$WaterConnection144, _data$SewerageConnect138, _data$SewerageConnect139, _propertyAddress$zro, _propertyAddress$addi, _propertyAddress$addr, _propertyAddress$addr2, _propertyAddress$city, _propertyAddress$city2, _propertyAddress$loca, _propertyAddress$loca2, _propertyAddress$subL, _propertyAddress$subL2, _propertyAddress$asse, _propertyAddress$asse2, _propertyAddress$bloc, _propertyAddress$bloc2, _propertyAddress$ward, _propertyAddress$ward2, _propertyAddress$zone, _propertyAddress$zone2, _useDetails$categoryT, _useDetails$categoryT2, _useDetails$propertyC, _useDetails$propertyC2, _useDetails$propertyT, _useDetails$propertyT2, _useDetails$WaterConn, _useDetails$WaterConn2, _useDetails$waterConn, _useDetails$waterConn2, _useDetails$noOfFloor, _useDetails$noOfFloor2, _useDetails$SelectYea, _useDetails$SelectYea2, _useDetails$SelectYea3, _useDetails$construct, _useDetails$construct2, _data$WaterConnection145, _data$WaterConnection146, _data$WaterConnection147, _data$WaterConnection148, _data$SewerageConnect140, _data$SewerageConnect141, _data$SewerageConnect142, _data$SewerageConnect143, _data$WaterConnection153, _data$SewerageConnect148, _data$WaterConnection154, _data$WaterConnection155, _data$SewerageConnect149, _data$SewerageConnect150, _data$WaterConnection156, _data$WaterConnection157, _data$SewerageConnect151, _data$SewerageConnect152, _paymentDetails$data20, _paymentDetails$data21, _paymentDetails$data22, _data$WaterConnection158, _data$WaterConnection159, _data$SewerageConnect153, _data$SewerageConnect154, _data$WaterConnection160, _data$WaterConnection161, _data$SewerageConnect155, _data$SewerageConnect156, _data$WaterConnection162, _data$WaterConnection163, _data$SewerageConnect157, _data$SewerageConnect158, _data$WaterConnection164, _data$WaterConnection165, _data$WaterConnection166, _data$SewerageConnect159, _data$SewerageConnect160, _data$SewerageConnect161, _PTData$Properties8, _PTData$Properties8$, _PTData$Properties8$$, _data$WaterConnection167, _data$WaterConnection168, _data$WaterConnection169, _data$WaterConnection170, _data$SewerageConnect162, _data$SewerageConnect163, _data$SewerageConnect164, _data$SewerageConnect165, _data$WaterConnection171, _data$WaterConnection172, _data$SewerageConnect166, _data$SewerageConnect167, _data$WaterConnection173, _data$WaterConnection174, _data$SewerageConnect168, _data$SewerageConnect169, _data$WaterConnection175, _data$WaterConnection176, _data$WaterConnection177, _data$WaterConnection178, _data$SewerageConnect170, _data$SewerageConnect171, _data$SewerageConnect172, _data$SewerageConnect173, _data$WaterConnection179, _data$WaterConnection180, _data$SewerageConnect174, _data$SewerageConnect175, _data$SewerageConnect176, _data$SewerageConnect177, _data$SewerageConnect178, _data$SewerageConnect179, _data$SewerageConnect180, _data$SewerageConnect181, _data$SewerageConnect182, _data$SewerageConnect183, _data$SewerageConnect184, _data$WaterConnection181, _data$WaterConnection182, _data$WaterConnection183, _data$WaterConnection184, _data$WaterConnection185, _data$WaterConnection186, _data$WaterConnection187, _data$WaterConnection188, _data$WaterConnection189;
+  var _user$info, _user$info$userName, _user$info2, _user$info3, _Digit$SessionStorage, _user$info4, _data$WaterConnection, _data$WaterConnection2, _data$SewerageConnect, _data$SewerageConnect2, _data$WaterConnection3, _data$WaterConnection4, _data$SewerageConnect3, _data$SewerageConnect4, _data$WaterConnection5, _data$WaterConnection6, _data$SewerageConnect5, _data$SewerageConnect6, _data$WaterConnection7, _data$WaterConnection8, _data$SewerageConnect7, _data$SewerageConnect8, _data$WaterConnection9, _data$WaterConnection0, _data$SewerageConnect9, _data$SewerageConnect0, _data$WaterConnection1, _data$SewerageConnect1, _PTData$Properties, _PTData$Properties$, _data$WaterConnection10, _data$WaterConnection11, _data$WaterConnection12, _data$WaterConnection13, _data$SewerageConnect10, _data$SewerageConnect11, _data$SewerageConnect12, _data$SewerageConnect13, _data$WaterConnection14, _data$WaterConnection15, _data$WaterConnection16, _data$WaterConnection17, _data$SewerageConnect14, _data$SewerageConnect15, _data$SewerageConnect16, _data$SewerageConnect17, _data$WaterConnection36, _data$WaterConnection37, _data$SewerageConnect32, _data$SewerageConnect33, _data$WaterConnection38, _data$WaterConnection39, _data$SewerageConnect34, _data$SewerageConnect35, _data$WaterConnection40, _data$WaterConnection41, _data$SewerageConnect36, _data$SewerageConnect37, _data$WaterConnection42, _data$WaterConnection43, _data$SewerageConnect38, _data$SewerageConnect39, _data$WaterConnection44, _data$WaterConnection45, _data$SewerageConnect40, _data$WaterConnection46, _data$WaterConnection47, _data$SewerageConnect41, _data$SewerageConnect42, _data$WaterConnection48, _data$WaterConnection49, _data$SewerageConnect43, _data$SewerageConnect44, _data$WaterConnection50, _data$WaterConnection51, _data$SewerageConnect45, _data$SewerageConnect46, _data$WaterConnection52, _data$WaterConnection53, _data$SewerageConnect47, _data$SewerageConnect48, _data$WaterConnection54, _data$WaterConnection55, _data$SewerageConnect49, _data$SewerageConnect50, _data$WaterConnection56, _data$WaterConnection57, _data$SewerageConnect51, _data$SewerageConnect52, _data$WaterConnection58, _data$WaterConnection59, _data$SewerageConnect53, _data$SewerageConnect54, _data$WaterConnection60, _data$WaterConnection61, _data$SewerageConnect55, _data$SewerageConnect56, _data$WaterConnection62, _data$WaterConnection63, _data$SewerageConnect57, _data$SewerageConnect58, _data$WaterConnection64, _data$WaterConnection65, _data$SewerageConnect59, _data$SewerageConnect60, _data$WaterConnection66, _data$WaterConnection67, _data$WaterConnection68, _data$WaterConnection69, _data$SewerageConnect61, _data$SewerageConnect62, _data$SewerageConnect63, _data$SewerageConnect64, _paymentDetails$data, _paymentDetails$data$, _paymentDetails$data$2, _paymentDetails$data$3, _paymentDetails$data$4, _paymentDetails$data2, _paymentDetails$data3, _paymentDetails$data4, _paymentDetails$data5, _paymentDetails$data6, _paymentDetails$data7, _paymentDetails$data8, _paymentDetails$data9, _paymentDetails$data0, _paymentDetails$data1, _paymentDetails$data10, _paymentDetails$data11, _paymentDetails$data12, _paymentDetails$data13, _paymentDetails$data14, _paymentDetails$data15, _paymentDetails$data16, _paymentDetails$data17, _paymentDetails$data18, _paymentDetails$data19, _connectionDetails$se, _connectionDetails$se2, _connectionDetails$co, _connectionDetails$co2, _connectionDetails$wa, _connectionDetails$wa2, _connectionDetails$ap, _connectionDetails$ap2, _connectionDetails$do, _connectionDetails$do2, _connectionDetails$do3, _connectionDetails$de, _connectionDetails$de2, _data$WaterConnection70, _data$WaterConnection71, _data$WaterConnection72, _data$SewerageConnect65, _data$SewerageConnect66, _data$SewerageConnect67, _data$WaterConnection73, _data$WaterConnection74, _data$WaterConnection75, _data$WaterConnection76, _data$SewerageConnect68, _data$SewerageConnect69, _data$SewerageConnect70, _data$SewerageConnect71, _data$WaterConnection77, _data$WaterConnection78, _data$WaterConnection79, _data$WaterConnection80, _data$SewerageConnect72, _data$SewerageConnect73, _data$SewerageConnect74, _data$SewerageConnect75, _data$WaterConnection81, _data$WaterConnection82, _data$WaterConnection83, _data$WaterConnection84, _data$SewerageConnect76, _data$SewerageConnect77, _data$SewerageConnect78, _data$SewerageConnect79, _data$WaterConnection85, _data$WaterConnection86, _data$WaterConnection87, _data$WaterConnection88, _data$SewerageConnect80, _data$SewerageConnect81, _data$SewerageConnect82, _data$SewerageConnect83, _data$WaterConnection89, _data$WaterConnection90, _data$WaterConnection91, _data$WaterConnection92, _data$SewerageConnect84, _data$SewerageConnect85, _data$SewerageConnect86, _data$SewerageConnect87, _data$WaterConnection93, _data$WaterConnection94, _data$WaterConnection95, _data$WaterConnection96, _data$SewerageConnect88, _data$SewerageConnect89, _data$SewerageConnect90, _data$SewerageConnect91, _data$WaterConnection97, _data$WaterConnection98, _data$WaterConnection99, _data$WaterConnection100, _data$SewerageConnect92, _data$SewerageConnect93, _data$SewerageConnect94, _data$SewerageConnect95, _data$WaterConnection101, _data$WaterConnection102, _data$WaterConnection103, _data$WaterConnection104, _data$SewerageConnect96, _data$SewerageConnect97, _data$SewerageConnect98, _data$SewerageConnect99, _data$WaterConnection105, _data$WaterConnection106, _data$WaterConnection107, _data$WaterConnection108, _data$SewerageConnect100, _data$SewerageConnect101, _data$SewerageConnect102, _data$SewerageConnect103, _data$WaterConnection109, _data$WaterConnection110, _data$WaterConnection111, _data$WaterConnection112, _data$SewerageConnect104, _data$SewerageConnect105, _data$SewerageConnect106, _data$SewerageConnect107, _data$WaterConnection113, _data$WaterConnection114, _data$WaterConnection115, _data$WaterConnection116, _data$SewerageConnect108, _data$SewerageConnect109, _data$SewerageConnect110, _data$SewerageConnect111, _data$WaterConnection117, _data$WaterConnection118, _data$WaterConnection119, _data$WaterConnection120, _data$SewerageConnect112, _data$SewerageConnect113, _data$SewerageConnect114, _data$SewerageConnect115, _data$WaterConnection121, _data$WaterConnection122, _data$WaterConnection123, _data$WaterConnection124, _data$SewerageConnect116, _data$SewerageConnect117, _data$SewerageConnect118, _data$SewerageConnect119, _data$WaterConnection125, _data$WaterConnection126, _data$SewerageConnect120, _data$SewerageConnect121, _PTData$Properties4, _PTData$Properties4$, _PTData$Properties4$$, _PTData$Properties4$$2, _PTData$Properties5, _PTData$Properties5$, _PTData$Properties6, _PTData$Properties6$, _PTData$Properties6$$, _PTData$Properties6$$2, _PTData$Properties7, _PTData$Properties7$, _data$WaterConnection127, _data$WaterConnection128, _data$SewerageConnect122, _data$SewerageConnect123, _data$WaterConnection129, _data$WaterConnection130, _data$SewerageConnect124, _data$SewerageConnect125, _propertyAddress$zro, _propertyAddress$addi, _propertyAddress$addr, _propertyAddress$addr2, _propertyAddress$city, _propertyAddress$city2, _propertyAddress$loca, _propertyAddress$loca2, _propertyAddress$subL, _propertyAddress$subL2, _propertyAddress$asse, _propertyAddress$asse2, _propertyAddress$bloc, _propertyAddress$bloc2, _propertyAddress$ward, _propertyAddress$ward2, _propertyAddress$zone, _propertyAddress$zone2, _useDetails$categoryT, _useDetails$categoryT2, _useDetails$propertyC, _useDetails$propertyC2, _useDetails$propertyT, _useDetails$propertyT2, _useDetails$WaterConn, _useDetails$WaterConn2, _useDetails$waterConn, _useDetails$waterConn2, _useDetails$noOfFloor, _useDetails$noOfFloor2, _useDetails$SelectYea, _useDetails$SelectYea2, _useDetails$SelectYea3, _useDetails$construct, _useDetails$construct2, _data$WaterConnection131, _data$WaterConnection132, _data$WaterConnection133, _data$WaterConnection134, _data$SewerageConnect126, _data$SewerageConnect127, _data$SewerageConnect128, _data$SewerageConnect129, _data$WaterConnection139, _data$WaterConnection140, _data$SewerageConnect134, _data$SewerageConnect135, _paymentDetails$data20, _paymentDetails$data21, _paymentDetails$data22, _data$WaterConnection141, _data$WaterConnection142, _data$SewerageConnect136, _data$SewerageConnect137, _data$WaterConnection143, _data$WaterConnection144, _data$SewerageConnect138, _data$SewerageConnect139, _data$WaterConnection145, _data$WaterConnection146, _data$SewerageConnect140, _data$SewerageConnect141, _data$WaterConnection147, _data$WaterConnection148, _data$WaterConnection149, _data$SewerageConnect142, _data$SewerageConnect143, _data$SewerageConnect144, _PTData$Properties8, _PTData$Properties8$, _PTData$Properties8$$, _data$WaterConnection150, _data$WaterConnection151, _data$WaterConnection152, _data$WaterConnection153, _data$SewerageConnect145, _data$SewerageConnect146, _data$SewerageConnect147, _data$SewerageConnect148, _data$WaterConnection154, _data$WaterConnection155, _data$SewerageConnect149, _data$SewerageConnect150, _data$WaterConnection156, _data$WaterConnection157, _data$SewerageConnect151, _data$SewerageConnect152, _data$WaterConnection158, _data$WaterConnection159, _data$WaterConnection160, _data$WaterConnection161, _data$SewerageConnect153, _data$SewerageConnect154, _data$SewerageConnect155, _data$SewerageConnect156, _data$WaterConnection162, _data$WaterConnection163, _data$SewerageConnect157, _data$SewerageConnect158, _data$SewerageConnect159, _data$SewerageConnect160, _data$SewerageConnect161, _data$SewerageConnect162, _data$SewerageConnect163, _data$SewerageConnect164, _data$SewerageConnect165, _data$SewerageConnect166, _data$SewerageConnect167, _data$WaterConnection164, _data$WaterConnection165, _data$WaterConnection166, _data$WaterConnection167, _data$WaterConnection168, _data$WaterConnection169, _data$WaterConnection170, _data$WaterConnection171, _data$WaterConnection172;
   const getDisconnectionNoticeSearch = function () {
     try {
-      var _data$WaterConnection191, _data$WaterConnection192, _data$SewerageConnect186, _data$SewerageConnect187;
+      var _data$WaterConnection174, _data$WaterConnection175, _data$SewerageConnect169, _data$SewerageConnect170;
       let key = "ws-waterdisconnectionnotice";
       let details = {};
       if (applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS")) {
-        var _data$WaterConnection190, _PTData$Properties9;
+        var _data$WaterConnection173, _PTData$Properties9;
         details = {
-          WaterConnection: [_extends({}, data === null || data === void 0 ? void 0 : (_data$WaterConnection190 = data.WaterConnection) === null || _data$WaterConnection190 === void 0 ? void 0 : _data$WaterConnection190[0], {
+          WaterConnection: [_extends({}, data === null || data === void 0 ? void 0 : (_data$WaterConnection173 = data.WaterConnection) === null || _data$WaterConnection173 === void 0 ? void 0 : _data$WaterConnection173[0], {
             property: PTData === null || PTData === void 0 ? void 0 : (_PTData$Properties9 = PTData.Properties) === null || _PTData$Properties9 === void 0 ? void 0 : _PTData$Properties9[0]
           })]
         };
       } else {
-        var _data$SewerageConnect185, _PTData$Properties0;
+        var _data$SewerageConnect168, _PTData$Properties0;
         key = "ws-seweragedisconnectionnotice";
         details = {
-          SewerageConnection: [_extends({}, data === null || data === void 0 ? void 0 : (_data$SewerageConnect185 = data.SewerageConnections) === null || _data$SewerageConnect185 === void 0 ? void 0 : _data$SewerageConnect185[0], {
+          SewerageConnection: [_extends({}, data === null || data === void 0 ? void 0 : (_data$SewerageConnect168 = data.SewerageConnections) === null || _data$SewerageConnect168 === void 0 ? void 0 : _data$SewerageConnect168[0], {
             property: PTData === null || PTData === void 0 ? void 0 : (_PTData$Properties0 = PTData.Properties) === null || _PTData$Properties0 === void 0 ? void 0 : _PTData$Properties0[0]
           })]
         };
       }
-      return Promise.resolve(Digit.WSService.WSDisconnectionNotice((data === null || data === void 0 ? void 0 : (_data$WaterConnection191 = data.WaterConnection) === null || _data$WaterConnection191 === void 0 ? void 0 : (_data$WaterConnection192 = _data$WaterConnection191[0]) === null || _data$WaterConnection192 === void 0 ? void 0 : _data$WaterConnection192.tenantId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect186 = data.SewerageConnections) === null || _data$SewerageConnect186 === void 0 ? void 0 : (_data$SewerageConnect187 = _data$SewerageConnect186[0]) === null || _data$SewerageConnect187 === void 0 ? void 0 : _data$SewerageConnect187.tenantId), details, key)).then(function (response) {
-        var _data$WaterConnection193, _data$WaterConnection194, _data$SewerageConnect188, _data$SewerageConnect189;
-        return Promise.resolve(Digit.PaymentService.printReciept((data === null || data === void 0 ? void 0 : (_data$WaterConnection193 = data.WaterConnection) === null || _data$WaterConnection193 === void 0 ? void 0 : (_data$WaterConnection194 = _data$WaterConnection193[0]) === null || _data$WaterConnection194 === void 0 ? void 0 : _data$WaterConnection194.tenantId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect188 = data.SewerageConnections) === null || _data$SewerageConnect188 === void 0 ? void 0 : (_data$SewerageConnect189 = _data$SewerageConnect188[0]) === null || _data$SewerageConnect189 === void 0 ? void 0 : _data$SewerageConnect189.tenantId), {
+      return Promise.resolve(Digit.WSService.WSDisconnectionNotice((data === null || data === void 0 ? void 0 : (_data$WaterConnection174 = data.WaterConnection) === null || _data$WaterConnection174 === void 0 ? void 0 : (_data$WaterConnection175 = _data$WaterConnection174[0]) === null || _data$WaterConnection175 === void 0 ? void 0 : _data$WaterConnection175.tenantId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect169 = data.SewerageConnections) === null || _data$SewerageConnect169 === void 0 ? void 0 : (_data$SewerageConnect170 = _data$SewerageConnect169[0]) === null || _data$SewerageConnect170 === void 0 ? void 0 : _data$SewerageConnect170.tenantId), details, key)).then(function (response) {
+        var _data$WaterConnection176, _data$WaterConnection177, _data$SewerageConnect171, _data$SewerageConnect172;
+        return Promise.resolve(Digit.PaymentService.printReciept((data === null || data === void 0 ? void 0 : (_data$WaterConnection176 = data.WaterConnection) === null || _data$WaterConnection176 === void 0 ? void 0 : (_data$WaterConnection177 = _data$WaterConnection176[0]) === null || _data$WaterConnection177 === void 0 ? void 0 : _data$WaterConnection177.tenantId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect171 = data.SewerageConnections) === null || _data$SewerageConnect171 === void 0 ? void 0 : (_data$SewerageConnect172 = _data$SewerageConnect171[0]) === null || _data$SewerageConnect172 === void 0 ? void 0 : _data$SewerageConnect172.tenantId), {
           fileStoreIds: response.filestoreIds[0]
         })).then(function (fileStore) {
           window.open(fileStore[response === null || response === void 0 ? void 0 : response.filestoreIds[0]], "_blank");
@@ -28089,8 +27908,7 @@ const WSApplicationDetails = () => {
   const _useState = React.useState(false),
     showOptions = _useState[0],
     setShowOptions = _useState[1];
-  const _useState2 = React.useState(false),
-    setViewTimeline = _useState2[1];
+  const _useState2 = React.useState(false);
   const applicationNobyData = window.location.href.includes("SW_") ? window.location.href.substring(window.location.href.indexOf("SW_")) : window.location.href.substring(window.location.href.indexOf("WS_"));
   let filter1 = {
     tenantId: tenantId,
@@ -28191,15 +28009,6 @@ const WSApplicationDetails = () => {
       return Promise.reject(e);
     }
   };
-  const handleViewTimeline = () => {
-    const timelineSection = document.getElementById("timeline");
-    if (timelineSection) {
-      timelineSection.scrollIntoView({
-        behavior: "smooth"
-      });
-    }
-    setViewTimeline(true);
-  };
   const printApplicationReceipts = function () {
     try {
       var _data$WaterConnection24, _data$WaterConnection25, _data$WaterConnection26, _data$WaterConnection27, _data$SewerageConnect24, _data$SewerageConnect25;
@@ -28315,12 +28124,34 @@ const WSApplicationDetails = () => {
   let serviceType = data && data !== null && data !== void 0 && (_data$WaterConnection44 = data.WaterConnection) !== null && _data$WaterConnection44 !== void 0 && _data$WaterConnection44[0] ? "WATER" : "SEWERAGE";
   sessionStorage.setItem("ApplicationNoState", applicationNobyData);
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
+    className: "employee-main-application-details",
+    style: {
+      display: "flex",
+      gap: "20px"
+    }
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "workflow-timeline-wrapper no-scrollbar",
+    style: {
+      flex: "1 1 300px",
+      maxWidth: "400px"
+    }
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement("div", {
+    id: "timeline"
+  }, /*#__PURE__*/React__default.createElement(WSWFApplicationTimeline, {
+    application: (data === null || data === void 0 ? void 0 : (_data$WaterConnection45 = data.WaterConnection) === null || _data$WaterConnection45 === void 0 ? void 0 : _data$WaterConnection45[0]) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect40 = data.SewerageConnections) === null || _data$SewerageConnect40 === void 0 ? void 0 : _data$SewerageConnect40[0]),
+    id: (data === null || data === void 0 ? void 0 : (_data$WaterConnection46 = data.WaterConnection) === null || _data$WaterConnection46 === void 0 ? void 0 : (_data$WaterConnection47 = _data$WaterConnection46[0]) === null || _data$WaterConnection47 === void 0 ? void 0 : _data$WaterConnection47.applicationNo) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect41 = data.SewerageConnections) === null || _data$SewerageConnect41 === void 0 ? void 0 : (_data$SewerageConnect42 = _data$SewerageConnect41[0]) === null || _data$SewerageConnect42 === void 0 ? void 0 : _data$SewerageConnect42.applicationNo),
+    paymentbuttonenabled: false
+  })))), /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      flex: "2 1 500px"
+    }
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement("div", {
     className: "cardHeaderWithOptions",
     style: {
       marginRight: "auto",
       maxWidth: "960px"
     }
-  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Header, null, t("WS_APPLICATION_DETAILS_HEADER")), /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     style: {
       zIndex: "10",
       display: "flex",
@@ -28335,69 +28166,55 @@ const WSApplicationDetails = () => {
     onHeadClick: () => setShowOptions(!showOptions),
     displayOptions: showOptions,
     options: downloadOptions
-  })), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LinkButton, {
-    label: t("VIEW_TIMELINE"),
-    style: {
-      color: "#A52A2A"
-    },
-    onClick: handleViewTimeline
-  }))), checkifPrivacyenabled && /*#__PURE__*/React__default.createElement(WSInfoLabel, {
+  })))), checkifPrivacyenabled && /*#__PURE__*/React__default.createElement(WSInfoLabel, {
     t: t
   }), /*#__PURE__*/React__default.createElement("div", {
     className: "hide-seperator"
-  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
-    className: "border-none",
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
     label: t("WS_MYCONNECTIONS_APPLICATION_NO"),
-    text: (data === null || data === void 0 ? void 0 : (_data$WaterConnection45 = data.WaterConnection) === null || _data$WaterConnection45 === void 0 ? void 0 : (_data$WaterConnection46 = _data$WaterConnection45[0]) === null || _data$WaterConnection46 === void 0 ? void 0 : _data$WaterConnection46.applicationNo) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect40 = data.SewerageConnections) === null || _data$SewerageConnect40 === void 0 ? void 0 : (_data$SewerageConnect41 = _data$SewerageConnect40[0]) === null || _data$SewerageConnect41 === void 0 ? void 0 : _data$SewerageConnect41.applicationNo),
+    text: (data === null || data === void 0 ? void 0 : (_data$WaterConnection48 = data.WaterConnection) === null || _data$WaterConnection48 === void 0 ? void 0 : (_data$WaterConnection49 = _data$WaterConnection48[0]) === null || _data$WaterConnection49 === void 0 ? void 0 : _data$WaterConnection49.applicationNo) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect43 = data.SewerageConnections) === null || _data$SewerageConnect43 === void 0 ? void 0 : (_data$SewerageConnect44 = _data$SewerageConnect43[0]) === null || _data$SewerageConnect44 === void 0 ? void 0 : _data$SewerageConnect44.applicationNo),
     textStyle: {}
-  }), ((data === null || data === void 0 ? void 0 : (_data$WaterConnection47 = data.WaterConnection) === null || _data$WaterConnection47 === void 0 ? void 0 : (_data$WaterConnection48 = _data$WaterConnection47[0].applicationType) === null || _data$WaterConnection48 === void 0 ? void 0 : _data$WaterConnection48.includes("DISCONNECT")) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect42 = data.SewerageConnections) === null || _data$SewerageConnect42 === void 0 ? void 0 : (_data$SewerageConnect43 = _data$SewerageConnect42[0].applicationType) === null || _data$SewerageConnect43 === void 0 ? void 0 : _data$SewerageConnect43.includes("DISCONNECT"))) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
-    className: "border-none",
+  }), ((data === null || data === void 0 ? void 0 : (_data$WaterConnection50 = data.WaterConnection) === null || _data$WaterConnection50 === void 0 ? void 0 : (_data$WaterConnection51 = _data$WaterConnection50[0].applicationType) === null || _data$WaterConnection51 === void 0 ? void 0 : _data$WaterConnection51.includes("DISCONNECT")) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect45 = data.SewerageConnections) === null || _data$SewerageConnect45 === void 0 ? void 0 : (_data$SewerageConnect46 = _data$SewerageConnect45[0].applicationType) === null || _data$SewerageConnect46 === void 0 ? void 0 : _data$SewerageConnect46.includes("DISCONNECT"))) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
     label: t("WS_MYCONNECTIONS_CONSUMER_NO"),
-    text: (data === null || data === void 0 ? void 0 : (_data$WaterConnection49 = data.WaterConnection) === null || _data$WaterConnection49 === void 0 ? void 0 : (_data$WaterConnection50 = _data$WaterConnection49[0]) === null || _data$WaterConnection50 === void 0 ? void 0 : _data$WaterConnection50.connectionNo) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect44 = data.SewerageConnections) === null || _data$SewerageConnect44 === void 0 ? void 0 : (_data$SewerageConnect45 = _data$SewerageConnect44[0]) === null || _data$SewerageConnect45 === void 0 ? void 0 : _data$SewerageConnect45.connectionNo),
+    text: (data === null || data === void 0 ? void 0 : (_data$WaterConnection52 = data.WaterConnection) === null || _data$WaterConnection52 === void 0 ? void 0 : (_data$WaterConnection53 = _data$WaterConnection52[0]) === null || _data$WaterConnection53 === void 0 ? void 0 : _data$WaterConnection53.connectionNo) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect47 = data.SewerageConnections) === null || _data$SewerageConnect47 === void 0 ? void 0 : (_data$SewerageConnect48 = _data$SewerageConnect47[0]) === null || _data$SewerageConnect48 === void 0 ? void 0 : _data$SewerageConnect48.connectionNo),
     textStyle: {
       wordBreak: "break-word"
     }
   }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
-    className: "border-none",
     label: t("WS_SERVICE_NAME_LABEL"),
-    text: t("WS_APPLICATION_TYPE_" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection51 = data.WaterConnection) === null || _data$WaterConnection51 === void 0 ? void 0 : (_data$WaterConnection52 = _data$WaterConnection51[0]) === null || _data$WaterConnection52 === void 0 ? void 0 : _data$WaterConnection52.applicationType) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect46 = data.SewerageConnections) === null || _data$SewerageConnect46 === void 0 ? void 0 : (_data$SewerageConnect47 = _data$SewerageConnect46[0]) === null || _data$SewerageConnect47 === void 0 ? void 0 : _data$SewerageConnect47.applicationType))),
+    text: t("WS_APPLICATION_TYPE_" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection54 = data.WaterConnection) === null || _data$WaterConnection54 === void 0 ? void 0 : (_data$WaterConnection55 = _data$WaterConnection54[0]) === null || _data$WaterConnection55 === void 0 ? void 0 : _data$WaterConnection55.applicationType) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect49 = data.SewerageConnections) === null || _data$SewerageConnect49 === void 0 ? void 0 : (_data$SewerageConnect50 = _data$SewerageConnect49[0]) === null || _data$SewerageConnect50 === void 0 ? void 0 : _data$SewerageConnect50.applicationType))),
     textStyle: {
       wordBreak: "break-word"
     }
-  }), ((data === null || data === void 0 ? void 0 : (_data$WaterConnection53 = data.WaterConnection) === null || _data$WaterConnection53 === void 0 ? void 0 : (_data$WaterConnection54 = _data$WaterConnection53[0].applicationType) === null || _data$WaterConnection54 === void 0 ? void 0 : _data$WaterConnection54.includes("DISCONNECT")) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect48 = data.SewerageConnections) === null || _data$SewerageConnect48 === void 0 ? void 0 : (_data$SewerageConnect49 = _data$SewerageConnect48[0].applicationType) === null || _data$SewerageConnect49 === void 0 ? void 0 : _data$SewerageConnect49.includes("DISCONNECT"))) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
-    className: "border-none",
+  }), ((data === null || data === void 0 ? void 0 : (_data$WaterConnection56 = data.WaterConnection) === null || _data$WaterConnection56 === void 0 ? void 0 : (_data$WaterConnection57 = _data$WaterConnection56[0].applicationType) === null || _data$WaterConnection57 === void 0 ? void 0 : _data$WaterConnection57.includes("DISCONNECT")) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect51 = data.SewerageConnections) === null || _data$SewerageConnect51 === void 0 ? void 0 : (_data$SewerageConnect52 = _data$SewerageConnect51[0].applicationType) === null || _data$SewerageConnect52 === void 0 ? void 0 : _data$SewerageConnect52.includes("DISCONNECT"))) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
     label: t("WS_DISCONNECTION_PROPOSED_DATE"),
-    text: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? convertEpochToDate(data === null || data === void 0 ? void 0 : (_data$WaterConnection55 = data.WaterConnection) === null || _data$WaterConnection55 === void 0 ? void 0 : (_data$WaterConnection56 = _data$WaterConnection55[0]) === null || _data$WaterConnection56 === void 0 ? void 0 : _data$WaterConnection56.dateEffectiveFrom) : convertEpochToDate(data === null || data === void 0 ? void 0 : (_data$SewerageConnect50 = data.SewerageConnections) === null || _data$SewerageConnect50 === void 0 ? void 0 : (_data$SewerageConnect51 = _data$SewerageConnect50[0]) === null || _data$SewerageConnect51 === void 0 ? void 0 : _data$SewerageConnect51.dateEffectiveFrom),
+    text: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? convertEpochToDate(data === null || data === void 0 ? void 0 : (_data$WaterConnection58 = data.WaterConnection) === null || _data$WaterConnection58 === void 0 ? void 0 : (_data$WaterConnection59 = _data$WaterConnection58[0]) === null || _data$WaterConnection59 === void 0 ? void 0 : _data$WaterConnection59.dateEffectiveFrom) : convertEpochToDate(data === null || data === void 0 ? void 0 : (_data$SewerageConnect53 = data.SewerageConnections) === null || _data$SewerageConnect53 === void 0 ? void 0 : (_data$SewerageConnect54 = _data$SewerageConnect53[0]) === null || _data$SewerageConnect54 === void 0 ? void 0 : _data$SewerageConnect54.dateEffectiveFrom),
     textStyle: {
       wordBreak: "break-word"
     }
-  }), ((data === null || data === void 0 ? void 0 : (_data$WaterConnection57 = data.WaterConnection) === null || _data$WaterConnection57 === void 0 ? void 0 : (_data$WaterConnection58 = _data$WaterConnection57[0].applicationType) === null || _data$WaterConnection58 === void 0 ? void 0 : _data$WaterConnection58.includes("DISCONNECT")) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect52 = data.SewerageConnections) === null || _data$SewerageConnect52 === void 0 ? void 0 : (_data$SewerageConnect53 = _data$SewerageConnect52[0].applicationType) === null || _data$SewerageConnect53 === void 0 ? void 0 : _data$SewerageConnect53.includes("DISCONNECT"))) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
-    className: "border-none",
+  }), ((data === null || data === void 0 ? void 0 : (_data$WaterConnection60 = data.WaterConnection) === null || _data$WaterConnection60 === void 0 ? void 0 : (_data$WaterConnection61 = _data$WaterConnection60[0].applicationType) === null || _data$WaterConnection61 === void 0 ? void 0 : _data$WaterConnection61.includes("DISCONNECT")) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect55 = data.SewerageConnections) === null || _data$SewerageConnect55 === void 0 ? void 0 : (_data$SewerageConnect56 = _data$SewerageConnect55[0].applicationType) === null || _data$SewerageConnect56 === void 0 ? void 0 : _data$SewerageConnect56.includes("DISCONNECT"))) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
     label: t("WS_DISCONNECTION_EXECUTED_DATE"),
-    text: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? convertEpochToDate(data === null || data === void 0 ? void 0 : (_data$WaterConnection59 = data.WaterConnection) === null || _data$WaterConnection59 === void 0 ? void 0 : (_data$WaterConnection60 = _data$WaterConnection59[0]) === null || _data$WaterConnection60 === void 0 ? void 0 : _data$WaterConnection60.disconnectionExecutionDate) : convertEpochToDate(data === null || data === void 0 ? void 0 : (_data$SewerageConnect54 = data.SewerageConnections) === null || _data$SewerageConnect54 === void 0 ? void 0 : (_data$SewerageConnect55 = _data$SewerageConnect54[0]) === null || _data$SewerageConnect55 === void 0 ? void 0 : _data$SewerageConnect55.disconnectionExecutionDate),
+    text: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? convertEpochToDate(data === null || data === void 0 ? void 0 : (_data$WaterConnection62 = data.WaterConnection) === null || _data$WaterConnection62 === void 0 ? void 0 : (_data$WaterConnection63 = _data$WaterConnection62[0]) === null || _data$WaterConnection63 === void 0 ? void 0 : _data$WaterConnection63.disconnectionExecutionDate) : convertEpochToDate(data === null || data === void 0 ? void 0 : (_data$SewerageConnect57 = data.SewerageConnections) === null || _data$SewerageConnect57 === void 0 ? void 0 : (_data$SewerageConnect58 = _data$SewerageConnect57[0]) === null || _data$SewerageConnect58 === void 0 ? void 0 : _data$SewerageConnect58.disconnectionExecutionDate),
     textStyle: {
       wordBreak: "break-word"
     }
-  }), ((data === null || data === void 0 ? void 0 : (_data$WaterConnection61 = data.WaterConnection) === null || _data$WaterConnection61 === void 0 ? void 0 : (_data$WaterConnection62 = _data$WaterConnection61[0].applicationType) === null || _data$WaterConnection62 === void 0 ? void 0 : _data$WaterConnection62.includes("DISCONNECT")) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect56 = data.SewerageConnections) === null || _data$SewerageConnect56 === void 0 ? void 0 : (_data$SewerageConnect57 = _data$SewerageConnect56[0].applicationType) === null || _data$SewerageConnect57 === void 0 ? void 0 : _data$SewerageConnect57.includes("DISCONNECT"))) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
-    className: "border-none",
+  }), ((data === null || data === void 0 ? void 0 : (_data$WaterConnection64 = data.WaterConnection) === null || _data$WaterConnection64 === void 0 ? void 0 : (_data$WaterConnection65 = _data$WaterConnection64[0].applicationType) === null || _data$WaterConnection65 === void 0 ? void 0 : _data$WaterConnection65.includes("DISCONNECT")) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect59 = data.SewerageConnections) === null || _data$SewerageConnect59 === void 0 ? void 0 : (_data$SewerageConnect60 = _data$SewerageConnect59[0].applicationType) === null || _data$SewerageConnect60 === void 0 ? void 0 : _data$SewerageConnect60.includes("DISCONNECT"))) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
     label: t("WS_DISCONNECTION_REASON"),
-    text: (data === null || data === void 0 ? void 0 : (_data$WaterConnection63 = data.WaterConnection) === null || _data$WaterConnection63 === void 0 ? void 0 : (_data$WaterConnection64 = _data$WaterConnection63[0]) === null || _data$WaterConnection64 === void 0 ? void 0 : _data$WaterConnection64.disconnectionReason) != null ? data === null || data === void 0 ? void 0 : (_data$WaterConnection65 = data.WaterConnection) === null || _data$WaterConnection65 === void 0 ? void 0 : (_data$WaterConnection66 = _data$WaterConnection65[0]) === null || _data$WaterConnection66 === void 0 ? void 0 : _data$WaterConnection66.disconnectionReason : (data === null || data === void 0 ? void 0 : (_data$SewerageConnect58 = data.SewerageConnections) === null || _data$SewerageConnect58 === void 0 ? void 0 : (_data$SewerageConnect59 = _data$SewerageConnect58[0]) === null || _data$SewerageConnect59 === void 0 ? void 0 : _data$SewerageConnect59.disconnectionReason) != null ? data === null || data === void 0 ? void 0 : (_data$SewerageConnect60 = data.SewerageConnections) === null || _data$SewerageConnect60 === void 0 ? void 0 : (_data$SewerageConnect61 = _data$SewerageConnect60[0]) === null || _data$SewerageConnect61 === void 0 ? void 0 : _data$SewerageConnect61.disconnectionReason : t("NA"),
+    text: (data === null || data === void 0 ? void 0 : (_data$WaterConnection66 = data.WaterConnection) === null || _data$WaterConnection66 === void 0 ? void 0 : (_data$WaterConnection67 = _data$WaterConnection66[0]) === null || _data$WaterConnection67 === void 0 ? void 0 : _data$WaterConnection67.disconnectionReason) != null ? data === null || data === void 0 ? void 0 : (_data$WaterConnection68 = data.WaterConnection) === null || _data$WaterConnection68 === void 0 ? void 0 : (_data$WaterConnection69 = _data$WaterConnection68[0]) === null || _data$WaterConnection69 === void 0 ? void 0 : _data$WaterConnection69.disconnectionReason : (data === null || data === void 0 ? void 0 : (_data$SewerageConnect61 = data.SewerageConnections) === null || _data$SewerageConnect61 === void 0 ? void 0 : (_data$SewerageConnect62 = _data$SewerageConnect61[0]) === null || _data$SewerageConnect62 === void 0 ? void 0 : _data$SewerageConnect62.disconnectionReason) != null ? data === null || data === void 0 ? void 0 : (_data$SewerageConnect63 = data.SewerageConnections) === null || _data$SewerageConnect63 === void 0 ? void 0 : (_data$SewerageConnect64 = _data$SewerageConnect63[0]) === null || _data$SewerageConnect64 === void 0 ? void 0 : _data$SewerageConnect64.disconnectionReason : t("NA"),
     textStyle: {
       wordBreak: "break-word"
     }
-  }))), (paymentDetails === null || paymentDetails === void 0 ? void 0 : (_paymentDetails$data = paymentDetails.data) === null || _paymentDetails$data === void 0 ? void 0 : (_paymentDetails$data$ = _paymentDetails$data.Bill) === null || _paymentDetails$data$ === void 0 ? void 0 : (_paymentDetails$data$2 = _paymentDetails$data$[0]) === null || _paymentDetails$data$2 === void 0 ? void 0 : (_paymentDetails$data$3 = _paymentDetails$data$2.billDetails) === null || _paymentDetails$data$3 === void 0 ? void 0 : (_paymentDetails$data$4 = _paymentDetails$data$3[0]) === null || _paymentDetails$data$4 === void 0 ? void 0 : _paymentDetails$data$4.billAccountDetails.length) > 0 && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, {
+  })), (paymentDetails === null || paymentDetails === void 0 ? void 0 : (_paymentDetails$data = paymentDetails.data) === null || _paymentDetails$data === void 0 ? void 0 : (_paymentDetails$data$ = _paymentDetails$data.Bill) === null || _paymentDetails$data$ === void 0 ? void 0 : (_paymentDetails$data$2 = _paymentDetails$data$[0]) === null || _paymentDetails$data$2 === void 0 ? void 0 : (_paymentDetails$data$3 = _paymentDetails$data$2.billDetails) === null || _paymentDetails$data$3 === void 0 ? void 0 : (_paymentDetails$data$4 = _paymentDetails$data$3[0]) === null || _paymentDetails$data$4 === void 0 ? void 0 : _paymentDetails$data$4.billAccountDetails.length) > 0 && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, {
     styles: {
       fontSize: "28px"
     }
   }, t("WS_FEE_DEATAILS_HEADER")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, paymentDetails === null || paymentDetails === void 0 ? void 0 : (_paymentDetails$data2 = paymentDetails.data) === null || _paymentDetails$data2 === void 0 ? void 0 : (_paymentDetails$data3 = _paymentDetails$data2.Bill) === null || _paymentDetails$data3 === void 0 ? void 0 : (_paymentDetails$data4 = _paymentDetails$data3[0]) === null || _paymentDetails$data4 === void 0 ? void 0 : (_paymentDetails$data5 = _paymentDetails$data4.billDetails) === null || _paymentDetails$data5 === void 0 ? void 0 : (_paymentDetails$data6 = _paymentDetails$data5[0]) === null || _paymentDetails$data6 === void 0 ? void 0 : _paymentDetails$data6.billAccountDetails.map(bill => /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
-    className: "border-none",
     label: t(bill === null || bill === void 0 ? void 0 : bill.taxHeadCode),
     text: "\u20B9" + Number(bill === null || bill === void 0 ? void 0 : bill.amount).toFixed(2),
     textStyle: {
       textAlign: "right"
     }
   })), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
-    className: "border-none",
     label: t("WS_TOTAL_AMOUNT_DUE"),
     text: "\u20B9" + Number(isPaid ? 0 : paymentDetails === null || paymentDetails === void 0 ? void 0 : (_paymentDetails$data7 = paymentDetails.data) === null || _paymentDetails$data7 === void 0 ? void 0 : (_paymentDetails$data8 = _paymentDetails$data7.Bill) === null || _paymentDetails$data8 === void 0 ? void 0 : (_paymentDetails$data9 = _paymentDetails$data8[0]) === null || _paymentDetails$data9 === void 0 ? void 0 : (_paymentDetails$data0 = _paymentDetails$data9.billDetails) === null || _paymentDetails$data0 === void 0 ? void 0 : (_paymentDetails$data1 = _paymentDetails$data0[0]) === null || _paymentDetails$data1 === void 0 ? void 0 : _paymentDetails$data1.amount).toFixed(2),
     textStyle: {
@@ -28406,7 +28223,6 @@ const WSApplicationDetails = () => {
       fontWeight: "700"
     }
   }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
-    className: "border-none",
     label: t("WS_COMMON_TABLE_COL_APPLICATION_STATUS"),
     text: isPaid || Number(paymentDetails === null || paymentDetails === void 0 ? void 0 : (_paymentDetails$data10 = paymentDetails.data) === null || _paymentDetails$data10 === void 0 ? void 0 : (_paymentDetails$data11 = _paymentDetails$data10.Bill) === null || _paymentDetails$data11 === void 0 ? void 0 : (_paymentDetails$data12 = _paymentDetails$data11[0]) === null || _paymentDetails$data12 === void 0 ? void 0 : (_paymentDetails$data13 = _paymentDetails$data12.billDetails) === null || _paymentDetails$data13 === void 0 ? void 0 : (_paymentDetails$data14 = _paymentDetails$data13[0]) === null || _paymentDetails$data14 === void 0 ? void 0 : _paymentDetails$data14.amount).toFixed(2) == 0 ? t("WS_COMMON_PAID_LABEL") : t("WS_COMMON_NOT_PAID"),
     textStyle: isPaid || Number(paymentDetails === null || paymentDetails === void 0 ? void 0 : (_paymentDetails$data15 = paymentDetails.data) === null || _paymentDetails$data15 === void 0 ? void 0 : (_paymentDetails$data16 = _paymentDetails$data15.Bill) === null || _paymentDetails$data16 === void 0 ? void 0 : (_paymentDetails$data17 = _paymentDetails$data16[0]) === null || _paymentDetails$data17 === void 0 ? void 0 : (_paymentDetails$data18 = _paymentDetails$data17.billDetails) === null || _paymentDetails$data18 === void 0 ? void 0 : (_paymentDetails$data19 = _paymentDetails$data18[0]) === null || _paymentDetails$data19 === void 0 ? void 0 : _paymentDetails$data19.amount).toFixed(2) == 0 ? {
@@ -28416,7 +28232,7 @@ const WSApplicationDetails = () => {
       textAlign: "right",
       color: "red"
     }
-  }))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, {
+  }))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, {
     styles: {
       fontSize: "28px"
     }
@@ -28449,19 +28265,18 @@ const WSApplicationDetails = () => {
   }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
     label: t("WS_NATURE_OF_WORK"),
     text: "" + t(checkForNA$1(connectionDetails === null || connectionDetails === void 0 ? void 0 : connectionDetails.natureOfWork))
-  })))), (data === null || data === void 0 ? void 0 : (_data$WaterConnection67 = data.WaterConnection) === null || _data$WaterConnection67 === void 0 ? void 0 : (_data$WaterConnection68 = _data$WaterConnection67[0]) === null || _data$WaterConnection68 === void 0 ? void 0 : (_data$WaterConnection69 = _data$WaterConnection68.connectionHolders) === null || _data$WaterConnection69 === void 0 ? void 0 : _data$WaterConnection69.length) > 0 || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect62 = data.SewerageConnections) === null || _data$SewerageConnect62 === void 0 ? void 0 : (_data$SewerageConnect63 = _data$SewerageConnect62[0]) === null || _data$SewerageConnect63 === void 0 ? void 0 : (_data$SewerageConnect64 = _data$SewerageConnect63.connectionHolders) === null || _data$SewerageConnect64 === void 0 ? void 0 : _data$SewerageConnect64.length) > 0 ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, {
+  }))), (data === null || data === void 0 ? void 0 : (_data$WaterConnection70 = data.WaterConnection) === null || _data$WaterConnection70 === void 0 ? void 0 : (_data$WaterConnection71 = _data$WaterConnection70[0]) === null || _data$WaterConnection71 === void 0 ? void 0 : (_data$WaterConnection72 = _data$WaterConnection71.connectionHolders) === null || _data$WaterConnection72 === void 0 ? void 0 : _data$WaterConnection72.length) > 0 || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect65 = data.SewerageConnections) === null || _data$SewerageConnect65 === void 0 ? void 0 : (_data$SewerageConnect66 = _data$SewerageConnect65[0]) === null || _data$SewerageConnect66 === void 0 ? void 0 : (_data$SewerageConnect67 = _data$SewerageConnect66.connectionHolders) === null || _data$SewerageConnect67 === void 0 ? void 0 : _data$SewerageConnect67.length) > 0 ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, {
     styles: {
       fontSize: "28px"
     }
   }, t("WS_COMMON_CONNECTION_HOLDER_DETAILS_HEADER")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
-    className: "border-none",
     label: t("WS_OWN_DETAIL_MOBILE_NO_LABEL"),
-    text: (data === null || data === void 0 ? void 0 : (_data$WaterConnection70 = data.WaterConnection) === null || _data$WaterConnection70 === void 0 ? void 0 : (_data$WaterConnection71 = _data$WaterConnection70[0]) === null || _data$WaterConnection71 === void 0 ? void 0 : (_data$WaterConnection72 = _data$WaterConnection71.connectionHolders) === null || _data$WaterConnection72 === void 0 ? void 0 : (_data$WaterConnection73 = _data$WaterConnection72[0]) === null || _data$WaterConnection73 === void 0 ? void 0 : _data$WaterConnection73.mobileNumber) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect65 = data.SewerageConnections) === null || _data$SewerageConnect65 === void 0 ? void 0 : (_data$SewerageConnect66 = _data$SewerageConnect65[0]) === null || _data$SewerageConnect66 === void 0 ? void 0 : (_data$SewerageConnect67 = _data$SewerageConnect66.connectionHolders) === null || _data$SewerageConnect67 === void 0 ? void 0 : (_data$SewerageConnect68 = _data$SewerageConnect67[0]) === null || _data$SewerageConnect68 === void 0 ? void 0 : _data$SewerageConnect68.mobileNumber),
+    text: (data === null || data === void 0 ? void 0 : (_data$WaterConnection73 = data.WaterConnection) === null || _data$WaterConnection73 === void 0 ? void 0 : (_data$WaterConnection74 = _data$WaterConnection73[0]) === null || _data$WaterConnection74 === void 0 ? void 0 : (_data$WaterConnection75 = _data$WaterConnection74.connectionHolders) === null || _data$WaterConnection75 === void 0 ? void 0 : (_data$WaterConnection76 = _data$WaterConnection75[0]) === null || _data$WaterConnection76 === void 0 ? void 0 : _data$WaterConnection76.mobileNumber) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect68 = data.SewerageConnections) === null || _data$SewerageConnect68 === void 0 ? void 0 : (_data$SewerageConnect69 = _data$SewerageConnect68[0]) === null || _data$SewerageConnect69 === void 0 ? void 0 : (_data$SewerageConnect70 = _data$SewerageConnect69.connectionHolders) === null || _data$SewerageConnect70 === void 0 ? void 0 : (_data$SewerageConnect71 = _data$SewerageConnect70[0]) === null || _data$SewerageConnect71 === void 0 ? void 0 : _data$SewerageConnect71.mobileNumber),
     textStyle: {
       whiteSpace: "pre"
     },
     privacy: {
-      uuid: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? data === null || data === void 0 ? void 0 : (_data$WaterConnection74 = data.WaterConnection) === null || _data$WaterConnection74 === void 0 ? void 0 : (_data$WaterConnection75 = _data$WaterConnection74[0]) === null || _data$WaterConnection75 === void 0 ? void 0 : (_data$WaterConnection76 = _data$WaterConnection75.connectionHolders) === null || _data$WaterConnection76 === void 0 ? void 0 : (_data$WaterConnection77 = _data$WaterConnection76[0]) === null || _data$WaterConnection77 === void 0 ? void 0 : _data$WaterConnection77.uuid : data === null || data === void 0 ? void 0 : (_data$SewerageConnect69 = data.SewerageConnections) === null || _data$SewerageConnect69 === void 0 ? void 0 : (_data$SewerageConnect70 = _data$SewerageConnect69[0]) === null || _data$SewerageConnect70 === void 0 ? void 0 : (_data$SewerageConnect71 = _data$SewerageConnect70.connectionHolders) === null || _data$SewerageConnect71 === void 0 ? void 0 : (_data$SewerageConnect72 = _data$SewerageConnect71[0]) === null || _data$SewerageConnect72 === void 0 ? void 0 : _data$SewerageConnect72.uuid,
+      uuid: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? data === null || data === void 0 ? void 0 : (_data$WaterConnection77 = data.WaterConnection) === null || _data$WaterConnection77 === void 0 ? void 0 : (_data$WaterConnection78 = _data$WaterConnection77[0]) === null || _data$WaterConnection78 === void 0 ? void 0 : (_data$WaterConnection79 = _data$WaterConnection78.connectionHolders) === null || _data$WaterConnection79 === void 0 ? void 0 : (_data$WaterConnection80 = _data$WaterConnection79[0]) === null || _data$WaterConnection80 === void 0 ? void 0 : _data$WaterConnection80.uuid : data === null || data === void 0 ? void 0 : (_data$SewerageConnect72 = data.SewerageConnections) === null || _data$SewerageConnect72 === void 0 ? void 0 : (_data$SewerageConnect73 = _data$SewerageConnect72[0]) === null || _data$SewerageConnect73 === void 0 ? void 0 : (_data$SewerageConnect74 = _data$SewerageConnect73.connectionHolders) === null || _data$SewerageConnect74 === void 0 ? void 0 : (_data$SewerageConnect75 = _data$SewerageConnect74[0]) === null || _data$SewerageConnect75 === void 0 ? void 0 : _data$SewerageConnect75.uuid,
       fieldName: "connectionHoldersMobileNumber",
       model: "WnSConnectionOwner",
       showValue: false,
@@ -28477,21 +28292,19 @@ const WSApplicationDetails = () => {
       }
     }
   }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
-    className: "border-none",
     label: t("WS_OWN_DETAIL_OWN_NAME_LABEL"),
-    text: (data === null || data === void 0 ? void 0 : (_data$WaterConnection78 = data.WaterConnection) === null || _data$WaterConnection78 === void 0 ? void 0 : (_data$WaterConnection79 = _data$WaterConnection78[0]) === null || _data$WaterConnection79 === void 0 ? void 0 : (_data$WaterConnection80 = _data$WaterConnection79.connectionHolders) === null || _data$WaterConnection80 === void 0 ? void 0 : (_data$WaterConnection81 = _data$WaterConnection80[0]) === null || _data$WaterConnection81 === void 0 ? void 0 : _data$WaterConnection81.name) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect73 = data.SewerageConnections) === null || _data$SewerageConnect73 === void 0 ? void 0 : (_data$SewerageConnect74 = _data$SewerageConnect73[0]) === null || _data$SewerageConnect74 === void 0 ? void 0 : (_data$SewerageConnect75 = _data$SewerageConnect74.connectionHolders) === null || _data$SewerageConnect75 === void 0 ? void 0 : (_data$SewerageConnect76 = _data$SewerageConnect75[0]) === null || _data$SewerageConnect76 === void 0 ? void 0 : _data$SewerageConnect76.name),
+    text: (data === null || data === void 0 ? void 0 : (_data$WaterConnection81 = data.WaterConnection) === null || _data$WaterConnection81 === void 0 ? void 0 : (_data$WaterConnection82 = _data$WaterConnection81[0]) === null || _data$WaterConnection82 === void 0 ? void 0 : (_data$WaterConnection83 = _data$WaterConnection82.connectionHolders) === null || _data$WaterConnection83 === void 0 ? void 0 : (_data$WaterConnection84 = _data$WaterConnection83[0]) === null || _data$WaterConnection84 === void 0 ? void 0 : _data$WaterConnection84.name) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect76 = data.SewerageConnections) === null || _data$SewerageConnect76 === void 0 ? void 0 : (_data$SewerageConnect77 = _data$SewerageConnect76[0]) === null || _data$SewerageConnect77 === void 0 ? void 0 : (_data$SewerageConnect78 = _data$SewerageConnect77.connectionHolders) === null || _data$SewerageConnect78 === void 0 ? void 0 : (_data$SewerageConnect79 = _data$SewerageConnect78[0]) === null || _data$SewerageConnect79 === void 0 ? void 0 : _data$SewerageConnect79.name),
     textStyle: {
       whiteSpace: "pre"
     }
   }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
-    className: "border-none",
     label: t("WS_OWN_DETAIL_GENDER_LABEL"),
-    text: t((data === null || data === void 0 ? void 0 : (_data$WaterConnection82 = data.WaterConnection) === null || _data$WaterConnection82 === void 0 ? void 0 : (_data$WaterConnection83 = _data$WaterConnection82[0]) === null || _data$WaterConnection83 === void 0 ? void 0 : (_data$WaterConnection84 = _data$WaterConnection83.connectionHolders) === null || _data$WaterConnection84 === void 0 ? void 0 : (_data$WaterConnection85 = _data$WaterConnection84[0]) === null || _data$WaterConnection85 === void 0 ? void 0 : _data$WaterConnection85.gender) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect77 = data.SewerageConnections) === null || _data$SewerageConnect77 === void 0 ? void 0 : (_data$SewerageConnect78 = _data$SewerageConnect77[0]) === null || _data$SewerageConnect78 === void 0 ? void 0 : (_data$SewerageConnect79 = _data$SewerageConnect78.connectionHolders) === null || _data$SewerageConnect79 === void 0 ? void 0 : (_data$SewerageConnect80 = _data$SewerageConnect79[0]) === null || _data$SewerageConnect80 === void 0 ? void 0 : _data$SewerageConnect80.gender)),
+    text: t((data === null || data === void 0 ? void 0 : (_data$WaterConnection85 = data.WaterConnection) === null || _data$WaterConnection85 === void 0 ? void 0 : (_data$WaterConnection86 = _data$WaterConnection85[0]) === null || _data$WaterConnection86 === void 0 ? void 0 : (_data$WaterConnection87 = _data$WaterConnection86.connectionHolders) === null || _data$WaterConnection87 === void 0 ? void 0 : (_data$WaterConnection88 = _data$WaterConnection87[0]) === null || _data$WaterConnection88 === void 0 ? void 0 : _data$WaterConnection88.gender) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect80 = data.SewerageConnections) === null || _data$SewerageConnect80 === void 0 ? void 0 : (_data$SewerageConnect81 = _data$SewerageConnect80[0]) === null || _data$SewerageConnect81 === void 0 ? void 0 : (_data$SewerageConnect82 = _data$SewerageConnect81.connectionHolders) === null || _data$SewerageConnect82 === void 0 ? void 0 : (_data$SewerageConnect83 = _data$SewerageConnect82[0]) === null || _data$SewerageConnect83 === void 0 ? void 0 : _data$SewerageConnect83.gender)),
     textStyle: {
       whiteSpace: "pre"
     },
     privacy: {
-      uuid: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? data === null || data === void 0 ? void 0 : (_data$WaterConnection86 = data.WaterConnection) === null || _data$WaterConnection86 === void 0 ? void 0 : (_data$WaterConnection87 = _data$WaterConnection86[0]) === null || _data$WaterConnection87 === void 0 ? void 0 : (_data$WaterConnection88 = _data$WaterConnection87.connectionHolders) === null || _data$WaterConnection88 === void 0 ? void 0 : (_data$WaterConnection89 = _data$WaterConnection88[0]) === null || _data$WaterConnection89 === void 0 ? void 0 : _data$WaterConnection89.uuid : data === null || data === void 0 ? void 0 : (_data$SewerageConnect81 = data.SewerageConnections) === null || _data$SewerageConnect81 === void 0 ? void 0 : (_data$SewerageConnect82 = _data$SewerageConnect81[0]) === null || _data$SewerageConnect82 === void 0 ? void 0 : (_data$SewerageConnect83 = _data$SewerageConnect82.connectionHolders) === null || _data$SewerageConnect83 === void 0 ? void 0 : (_data$SewerageConnect84 = _data$SewerageConnect83[0]) === null || _data$SewerageConnect84 === void 0 ? void 0 : _data$SewerageConnect84.uuid,
+      uuid: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? data === null || data === void 0 ? void 0 : (_data$WaterConnection89 = data.WaterConnection) === null || _data$WaterConnection89 === void 0 ? void 0 : (_data$WaterConnection90 = _data$WaterConnection89[0]) === null || _data$WaterConnection90 === void 0 ? void 0 : (_data$WaterConnection91 = _data$WaterConnection90.connectionHolders) === null || _data$WaterConnection91 === void 0 ? void 0 : (_data$WaterConnection92 = _data$WaterConnection91[0]) === null || _data$WaterConnection92 === void 0 ? void 0 : _data$WaterConnection92.uuid : data === null || data === void 0 ? void 0 : (_data$SewerageConnect84 = data.SewerageConnections) === null || _data$SewerageConnect84 === void 0 ? void 0 : (_data$SewerageConnect85 = _data$SewerageConnect84[0]) === null || _data$SewerageConnect85 === void 0 ? void 0 : (_data$SewerageConnect86 = _data$SewerageConnect85.connectionHolders) === null || _data$SewerageConnect86 === void 0 ? void 0 : (_data$SewerageConnect87 = _data$SewerageConnect86[0]) === null || _data$SewerageConnect87 === void 0 ? void 0 : _data$SewerageConnect87.uuid,
       fieldName: "gender",
       model: "WnSConnectionOwner",
       showValue: false,
@@ -28507,14 +28320,13 @@ const WSApplicationDetails = () => {
       }
     }
   }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
-    className: "border-none",
     label: t("WS_OWN_DETAIL_FATHER_OR_HUSBAND_NAME"),
-    text: (data === null || data === void 0 ? void 0 : (_data$WaterConnection90 = data.WaterConnection) === null || _data$WaterConnection90 === void 0 ? void 0 : (_data$WaterConnection91 = _data$WaterConnection90[0]) === null || _data$WaterConnection91 === void 0 ? void 0 : (_data$WaterConnection92 = _data$WaterConnection91.connectionHolders) === null || _data$WaterConnection92 === void 0 ? void 0 : (_data$WaterConnection93 = _data$WaterConnection92[0]) === null || _data$WaterConnection93 === void 0 ? void 0 : _data$WaterConnection93.fatherOrHusbandName) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect85 = data.SewerageConnections) === null || _data$SewerageConnect85 === void 0 ? void 0 : (_data$SewerageConnect86 = _data$SewerageConnect85[0]) === null || _data$SewerageConnect86 === void 0 ? void 0 : (_data$SewerageConnect87 = _data$SewerageConnect86.connectionHolders) === null || _data$SewerageConnect87 === void 0 ? void 0 : (_data$SewerageConnect88 = _data$SewerageConnect87[0]) === null || _data$SewerageConnect88 === void 0 ? void 0 : _data$SewerageConnect88.fatherOrHusbandName) || t("CS_NA"),
+    text: (data === null || data === void 0 ? void 0 : (_data$WaterConnection93 = data.WaterConnection) === null || _data$WaterConnection93 === void 0 ? void 0 : (_data$WaterConnection94 = _data$WaterConnection93[0]) === null || _data$WaterConnection94 === void 0 ? void 0 : (_data$WaterConnection95 = _data$WaterConnection94.connectionHolders) === null || _data$WaterConnection95 === void 0 ? void 0 : (_data$WaterConnection96 = _data$WaterConnection95[0]) === null || _data$WaterConnection96 === void 0 ? void 0 : _data$WaterConnection96.fatherOrHusbandName) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect88 = data.SewerageConnections) === null || _data$SewerageConnect88 === void 0 ? void 0 : (_data$SewerageConnect89 = _data$SewerageConnect88[0]) === null || _data$SewerageConnect89 === void 0 ? void 0 : (_data$SewerageConnect90 = _data$SewerageConnect89.connectionHolders) === null || _data$SewerageConnect90 === void 0 ? void 0 : (_data$SewerageConnect91 = _data$SewerageConnect90[0]) === null || _data$SewerageConnect91 === void 0 ? void 0 : _data$SewerageConnect91.fatherOrHusbandName) || t("CS_NA"),
     textStyle: {
       whiteSpace: "pre"
     },
     privacy: {
-      uuid: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? data === null || data === void 0 ? void 0 : (_data$WaterConnection94 = data.WaterConnection) === null || _data$WaterConnection94 === void 0 ? void 0 : (_data$WaterConnection95 = _data$WaterConnection94[0]) === null || _data$WaterConnection95 === void 0 ? void 0 : (_data$WaterConnection96 = _data$WaterConnection95.connectionHolders) === null || _data$WaterConnection96 === void 0 ? void 0 : (_data$WaterConnection97 = _data$WaterConnection96[0]) === null || _data$WaterConnection97 === void 0 ? void 0 : _data$WaterConnection97.uuid : data === null || data === void 0 ? void 0 : (_data$SewerageConnect89 = data.SewerageConnections) === null || _data$SewerageConnect89 === void 0 ? void 0 : (_data$SewerageConnect90 = _data$SewerageConnect89[0]) === null || _data$SewerageConnect90 === void 0 ? void 0 : (_data$SewerageConnect91 = _data$SewerageConnect90.connectionHolders) === null || _data$SewerageConnect91 === void 0 ? void 0 : (_data$SewerageConnect92 = _data$SewerageConnect91[0]) === null || _data$SewerageConnect92 === void 0 ? void 0 : _data$SewerageConnect92.uuid,
+      uuid: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? data === null || data === void 0 ? void 0 : (_data$WaterConnection97 = data.WaterConnection) === null || _data$WaterConnection97 === void 0 ? void 0 : (_data$WaterConnection98 = _data$WaterConnection97[0]) === null || _data$WaterConnection98 === void 0 ? void 0 : (_data$WaterConnection99 = _data$WaterConnection98.connectionHolders) === null || _data$WaterConnection99 === void 0 ? void 0 : (_data$WaterConnection100 = _data$WaterConnection99[0]) === null || _data$WaterConnection100 === void 0 ? void 0 : _data$WaterConnection100.uuid : data === null || data === void 0 ? void 0 : (_data$SewerageConnect92 = data.SewerageConnections) === null || _data$SewerageConnect92 === void 0 ? void 0 : (_data$SewerageConnect93 = _data$SewerageConnect92[0]) === null || _data$SewerageConnect93 === void 0 ? void 0 : (_data$SewerageConnect94 = _data$SewerageConnect93.connectionHolders) === null || _data$SewerageConnect94 === void 0 ? void 0 : (_data$SewerageConnect95 = _data$SewerageConnect94[0]) === null || _data$SewerageConnect95 === void 0 ? void 0 : _data$SewerageConnect95.uuid,
       fieldName: "fatherOrHusbandName",
       model: "WnSConnectionOwner",
       showValue: false,
@@ -28530,14 +28342,13 @@ const WSApplicationDetails = () => {
       }
     }
   }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
-    className: "border-none",
     label: t("WS_OWN_DETAIL_RELATION_LABEL"),
-    text: (data === null || data === void 0 ? void 0 : (_data$WaterConnection98 = data.WaterConnection) === null || _data$WaterConnection98 === void 0 ? void 0 : (_data$WaterConnection99 = _data$WaterConnection98[0]) === null || _data$WaterConnection99 === void 0 ? void 0 : (_data$WaterConnection100 = _data$WaterConnection99.connectionHolders) === null || _data$WaterConnection100 === void 0 ? void 0 : (_data$WaterConnection101 = _data$WaterConnection100[0]) === null || _data$WaterConnection101 === void 0 ? void 0 : _data$WaterConnection101.relationship) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect93 = data.SewerageConnections) === null || _data$SewerageConnect93 === void 0 ? void 0 : (_data$SewerageConnect94 = _data$SewerageConnect93[0]) === null || _data$SewerageConnect94 === void 0 ? void 0 : (_data$SewerageConnect95 = _data$SewerageConnect94.connectionHolders) === null || _data$SewerageConnect95 === void 0 ? void 0 : (_data$SewerageConnect96 = _data$SewerageConnect95[0]) === null || _data$SewerageConnect96 === void 0 ? void 0 : _data$SewerageConnect96.relationship) || t("CS_NA"),
+    text: (data === null || data === void 0 ? void 0 : (_data$WaterConnection101 = data.WaterConnection) === null || _data$WaterConnection101 === void 0 ? void 0 : (_data$WaterConnection102 = _data$WaterConnection101[0]) === null || _data$WaterConnection102 === void 0 ? void 0 : (_data$WaterConnection103 = _data$WaterConnection102.connectionHolders) === null || _data$WaterConnection103 === void 0 ? void 0 : (_data$WaterConnection104 = _data$WaterConnection103[0]) === null || _data$WaterConnection104 === void 0 ? void 0 : _data$WaterConnection104.relationship) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect96 = data.SewerageConnections) === null || _data$SewerageConnect96 === void 0 ? void 0 : (_data$SewerageConnect97 = _data$SewerageConnect96[0]) === null || _data$SewerageConnect97 === void 0 ? void 0 : (_data$SewerageConnect98 = _data$SewerageConnect97.connectionHolders) === null || _data$SewerageConnect98 === void 0 ? void 0 : (_data$SewerageConnect99 = _data$SewerageConnect98[0]) === null || _data$SewerageConnect99 === void 0 ? void 0 : _data$SewerageConnect99.relationship) || t("CS_NA"),
     textStyle: {
       whiteSpace: "pre"
     },
     privacy: {
-      uuid: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? data === null || data === void 0 ? void 0 : (_data$WaterConnection102 = data.WaterConnection) === null || _data$WaterConnection102 === void 0 ? void 0 : (_data$WaterConnection103 = _data$WaterConnection102[0]) === null || _data$WaterConnection103 === void 0 ? void 0 : (_data$WaterConnection104 = _data$WaterConnection103.connectionHolders) === null || _data$WaterConnection104 === void 0 ? void 0 : (_data$WaterConnection105 = _data$WaterConnection104[0]) === null || _data$WaterConnection105 === void 0 ? void 0 : _data$WaterConnection105.uuid : data === null || data === void 0 ? void 0 : (_data$SewerageConnect97 = data.SewerageConnections) === null || _data$SewerageConnect97 === void 0 ? void 0 : (_data$SewerageConnect98 = _data$SewerageConnect97[0]) === null || _data$SewerageConnect98 === void 0 ? void 0 : (_data$SewerageConnect99 = _data$SewerageConnect98.connectionHolders) === null || _data$SewerageConnect99 === void 0 ? void 0 : (_data$SewerageConnect100 = _data$SewerageConnect99[0]) === null || _data$SewerageConnect100 === void 0 ? void 0 : _data$SewerageConnect100.uuid,
+      uuid: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? data === null || data === void 0 ? void 0 : (_data$WaterConnection105 = data.WaterConnection) === null || _data$WaterConnection105 === void 0 ? void 0 : (_data$WaterConnection106 = _data$WaterConnection105[0]) === null || _data$WaterConnection106 === void 0 ? void 0 : (_data$WaterConnection107 = _data$WaterConnection106.connectionHolders) === null || _data$WaterConnection107 === void 0 ? void 0 : (_data$WaterConnection108 = _data$WaterConnection107[0]) === null || _data$WaterConnection108 === void 0 ? void 0 : _data$WaterConnection108.uuid : data === null || data === void 0 ? void 0 : (_data$SewerageConnect100 = data.SewerageConnections) === null || _data$SewerageConnect100 === void 0 ? void 0 : (_data$SewerageConnect101 = _data$SewerageConnect100[0]) === null || _data$SewerageConnect101 === void 0 ? void 0 : (_data$SewerageConnect102 = _data$SewerageConnect101.connectionHolders) === null || _data$SewerageConnect102 === void 0 ? void 0 : (_data$SewerageConnect103 = _data$SewerageConnect102[0]) === null || _data$SewerageConnect103 === void 0 ? void 0 : _data$SewerageConnect103.uuid,
       fieldName: "relationship",
       model: "WnSConnection",
       showValue: false,
@@ -28553,11 +28364,10 @@ const WSApplicationDetails = () => {
       }
     }
   }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
-    className: "border-none",
     label: t("WS_OWN_DETAIL_CROSADD"),
-    text: (data === null || data === void 0 ? void 0 : (_data$WaterConnection106 = data.WaterConnection) === null || _data$WaterConnection106 === void 0 ? void 0 : (_data$WaterConnection107 = _data$WaterConnection106[0]) === null || _data$WaterConnection107 === void 0 ? void 0 : (_data$WaterConnection108 = _data$WaterConnection107.connectionHolders) === null || _data$WaterConnection108 === void 0 ? void 0 : (_data$WaterConnection109 = _data$WaterConnection108[0]) === null || _data$WaterConnection109 === void 0 ? void 0 : _data$WaterConnection109.correspondenceAddress) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect101 = data.SewerageConnections) === null || _data$SewerageConnect101 === void 0 ? void 0 : (_data$SewerageConnect102 = _data$SewerageConnect101[0]) === null || _data$SewerageConnect102 === void 0 ? void 0 : (_data$SewerageConnect103 = _data$SewerageConnect102.connectionHolders) === null || _data$SewerageConnect103 === void 0 ? void 0 : (_data$SewerageConnect104 = _data$SewerageConnect103[0]) === null || _data$SewerageConnect104 === void 0 ? void 0 : _data$SewerageConnect104.correspondenceAddress) || t("CS_NA"),
+    text: (data === null || data === void 0 ? void 0 : (_data$WaterConnection109 = data.WaterConnection) === null || _data$WaterConnection109 === void 0 ? void 0 : (_data$WaterConnection110 = _data$WaterConnection109[0]) === null || _data$WaterConnection110 === void 0 ? void 0 : (_data$WaterConnection111 = _data$WaterConnection110.connectionHolders) === null || _data$WaterConnection111 === void 0 ? void 0 : (_data$WaterConnection112 = _data$WaterConnection111[0]) === null || _data$WaterConnection112 === void 0 ? void 0 : _data$WaterConnection112.correspondenceAddress) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect104 = data.SewerageConnections) === null || _data$SewerageConnect104 === void 0 ? void 0 : (_data$SewerageConnect105 = _data$SewerageConnect104[0]) === null || _data$SewerageConnect105 === void 0 ? void 0 : (_data$SewerageConnect106 = _data$SewerageConnect105.connectionHolders) === null || _data$SewerageConnect106 === void 0 ? void 0 : (_data$SewerageConnect107 = _data$SewerageConnect106[0]) === null || _data$SewerageConnect107 === void 0 ? void 0 : _data$SewerageConnect107.correspondenceAddress) || t("CS_NA"),
     privacy: {
-      uuid: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? data === null || data === void 0 ? void 0 : (_data$WaterConnection110 = data.WaterConnection) === null || _data$WaterConnection110 === void 0 ? void 0 : (_data$WaterConnection111 = _data$WaterConnection110[0]) === null || _data$WaterConnection111 === void 0 ? void 0 : (_data$WaterConnection112 = _data$WaterConnection111.connectionHolders) === null || _data$WaterConnection112 === void 0 ? void 0 : (_data$WaterConnection113 = _data$WaterConnection112[0]) === null || _data$WaterConnection113 === void 0 ? void 0 : _data$WaterConnection113.uuid : data === null || data === void 0 ? void 0 : (_data$SewerageConnect105 = data.SewerageConnections) === null || _data$SewerageConnect105 === void 0 ? void 0 : (_data$SewerageConnect106 = _data$SewerageConnect105[0]) === null || _data$SewerageConnect106 === void 0 ? void 0 : (_data$SewerageConnect107 = _data$SewerageConnect106.connectionHolders) === null || _data$SewerageConnect107 === void 0 ? void 0 : (_data$SewerageConnect108 = _data$SewerageConnect107[0]) === null || _data$SewerageConnect108 === void 0 ? void 0 : _data$SewerageConnect108.uuid,
+      uuid: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? data === null || data === void 0 ? void 0 : (_data$WaterConnection113 = data.WaterConnection) === null || _data$WaterConnection113 === void 0 ? void 0 : (_data$WaterConnection114 = _data$WaterConnection113[0]) === null || _data$WaterConnection114 === void 0 ? void 0 : (_data$WaterConnection115 = _data$WaterConnection114.connectionHolders) === null || _data$WaterConnection115 === void 0 ? void 0 : (_data$WaterConnection116 = _data$WaterConnection115[0]) === null || _data$WaterConnection116 === void 0 ? void 0 : _data$WaterConnection116.uuid : data === null || data === void 0 ? void 0 : (_data$SewerageConnect108 = data.SewerageConnections) === null || _data$SewerageConnect108 === void 0 ? void 0 : (_data$SewerageConnect109 = _data$SewerageConnect108[0]) === null || _data$SewerageConnect109 === void 0 ? void 0 : (_data$SewerageConnect110 = _data$SewerageConnect109.connectionHolders) === null || _data$SewerageConnect110 === void 0 ? void 0 : (_data$SewerageConnect111 = _data$SewerageConnect110[0]) === null || _data$SewerageConnect111 === void 0 ? void 0 : _data$SewerageConnect111.uuid,
       fieldName: "correspondenceAddress",
       model: "WnSConnectionOwner",
       showValue: false,
@@ -28573,42 +28383,13 @@ const WSApplicationDetails = () => {
       }
     }
   }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
-    className: "border-none",
-    label: t("WS_OWN_DETAIL_SPECIAL_APPLICANT_LABEL"),
-    text: (applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? !(data !== null && data !== void 0 && (_data$WaterConnection114 = data.WaterConnection) !== null && _data$WaterConnection114 !== void 0 && (_data$WaterConnection115 = _data$WaterConnection114[0]) !== null && _data$WaterConnection115 !== void 0 && (_data$WaterConnection116 = _data$WaterConnection115.connectionHolders) !== null && _data$WaterConnection116 !== void 0 && (_data$WaterConnection117 = _data$WaterConnection116[0]) !== null && _data$WaterConnection117 !== void 0 && (_data$WaterConnection118 = _data$WaterConnection117.ownerType) !== null && _data$WaterConnection118 !== void 0 && _data$WaterConnection118.includes("*")) : !(data !== null && data !== void 0 && (_data$SewerageConnect109 = data.SewerageConnections) !== null && _data$SewerageConnect109 !== void 0 && (_data$SewerageConnect110 = _data$SewerageConnect109[0]) !== null && _data$SewerageConnect110 !== void 0 && (_data$SewerageConnect111 = _data$SewerageConnect110.connectionHolders) !== null && _data$SewerageConnect111 !== void 0 && (_data$SewerageConnect112 = _data$SewerageConnect111[0]) !== null && _data$SewerageConnect112 !== void 0 && (_data$SewerageConnect113 = _data$SewerageConnect112.ownerType) !== null && _data$SewerageConnect113 !== void 0 && _data$SewerageConnect113.includes("*"))) ? t("COMMON_MASTERS_OWNERTYPE_" + (applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? data === null || data === void 0 ? void 0 : (_data$WaterConnection119 = data.WaterConnection) === null || _data$WaterConnection119 === void 0 ? void 0 : (_data$WaterConnection120 = _data$WaterConnection119[0]) === null || _data$WaterConnection120 === void 0 ? void 0 : (_data$WaterConnection121 = _data$WaterConnection120.connectionHolders) === null || _data$WaterConnection121 === void 0 ? void 0 : (_data$WaterConnection122 = _data$WaterConnection121[0]) === null || _data$WaterConnection122 === void 0 ? void 0 : _data$WaterConnection122.ownerType : data === null || data === void 0 ? void 0 : (_data$SewerageConnect114 = data.SewerageConnections) === null || _data$SewerageConnect114 === void 0 ? void 0 : (_data$SewerageConnect115 = _data$SewerageConnect114[0]) === null || _data$SewerageConnect115 === void 0 ? void 0 : (_data$SewerageConnect116 = _data$SewerageConnect115.connectionHolders) === null || _data$SewerageConnect116 === void 0 ? void 0 : (_data$SewerageConnect117 = _data$SewerageConnect116[0]) === null || _data$SewerageConnect117 === void 0 ? void 0 : _data$SewerageConnect117.ownerType)) : applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? data === null || data === void 0 ? void 0 : (_data$WaterConnection123 = data.WaterConnection) === null || _data$WaterConnection123 === void 0 ? void 0 : (_data$WaterConnection124 = _data$WaterConnection123[0]) === null || _data$WaterConnection124 === void 0 ? void 0 : (_data$WaterConnection125 = _data$WaterConnection124.connectionHolders) === null || _data$WaterConnection125 === void 0 ? void 0 : (_data$WaterConnection126 = _data$WaterConnection125[0]) === null || _data$WaterConnection126 === void 0 ? void 0 : _data$WaterConnection126.ownerType : data === null || data === void 0 ? void 0 : (_data$SewerageConnect118 = data.SewerageConnections) === null || _data$SewerageConnect118 === void 0 ? void 0 : (_data$SewerageConnect119 = _data$SewerageConnect118[0]) === null || _data$SewerageConnect119 === void 0 ? void 0 : (_data$SewerageConnect120 = _data$SewerageConnect119.connectionHolders) === null || _data$SewerageConnect120 === void 0 ? void 0 : (_data$SewerageConnect121 = _data$SewerageConnect120[0]) === null || _data$SewerageConnect121 === void 0 ? void 0 : _data$SewerageConnect121.ownerType,
-    textStyle: {
-      whiteSpace: "pre"
-    },
-    privacy: {
-      uuid: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? data === null || data === void 0 ? void 0 : (_data$WaterConnection127 = data.WaterConnection) === null || _data$WaterConnection127 === void 0 ? void 0 : (_data$WaterConnection128 = _data$WaterConnection127[0]) === null || _data$WaterConnection128 === void 0 ? void 0 : (_data$WaterConnection129 = _data$WaterConnection128.connectionHolders) === null || _data$WaterConnection129 === void 0 ? void 0 : (_data$WaterConnection130 = _data$WaterConnection129[0]) === null || _data$WaterConnection130 === void 0 ? void 0 : _data$WaterConnection130.uuid : data === null || data === void 0 ? void 0 : (_data$SewerageConnect122 = data.SewerageConnections) === null || _data$SewerageConnect122 === void 0 ? void 0 : (_data$SewerageConnect123 = _data$SewerageConnect122[0]) === null || _data$SewerageConnect123 === void 0 ? void 0 : (_data$SewerageConnect124 = _data$SewerageConnect123.connectionHolders) === null || _data$SewerageConnect124 === void 0 ? void 0 : (_data$SewerageConnect125 = _data$SewerageConnect124[0]) === null || _data$SewerageConnect125 === void 0 ? void 0 : _data$SewerageConnect125.uuid,
-      fieldName: "ownerType",
-      model: "WnSConnection",
-      showValue: false,
-      loadData: {
-        serviceName: serviceType === "WATER" ? "/ws-services/wc/_search" : "/sw-services/swc/_search",
-        requestBody: {},
-        requestParam: {
-          tenantId,
-          applicationNumber: applicationNobyData
-        },
-        jsonPath: serviceType === "WATER" ? "WaterConnection[0].connectionHolders[0].ownerType" : "SewerageConnections[0].connectionHolders[0].ownerType",
-        isArray: false,
-        d: res => {
-          var _res$WaterConnection, _res$WaterConnection2, _res$WaterConnection3, _res$WaterConnection4, _res$WaterConnection5, _res$WaterConnection6, _res$SewerageConnecti, _res$SewerageConnecti2, _res$SewerageConnecti3, _res$SewerageConnecti4, _res$SewerageConnecti5;
-          let resultString = res !== null && res !== void 0 && (_res$WaterConnection = res.WaterConnection) !== null && _res$WaterConnection !== void 0 && _res$WaterConnection[0] ? t("PROPERTYTAX_OWNERTYPE_" + (res === null || res === void 0 ? void 0 : (_res$WaterConnection2 = res.WaterConnection) === null || _res$WaterConnection2 === void 0 ? void 0 : (_res$WaterConnection3 = _res$WaterConnection2[0]) === null || _res$WaterConnection3 === void 0 ? void 0 : (_res$WaterConnection4 = _res$WaterConnection3.connectionHolders) === null || _res$WaterConnection4 === void 0 ? void 0 : (_res$WaterConnection5 = _res$WaterConnection4[0]) === null || _res$WaterConnection5 === void 0 ? void 0 : (_res$WaterConnection6 = _res$WaterConnection5.ownerType) === null || _res$WaterConnection6 === void 0 ? void 0 : _res$WaterConnection6.toUpperCase())) : t("PROPERTYTAX_OWNERTYPE_" + (res === null || res === void 0 ? void 0 : (_res$SewerageConnecti = res.SewerageConnections) === null || _res$SewerageConnecti === void 0 ? void 0 : (_res$SewerageConnecti2 = _res$SewerageConnecti[0]) === null || _res$SewerageConnecti2 === void 0 ? void 0 : (_res$SewerageConnecti3 = _res$SewerageConnecti2.connectionHolders) === null || _res$SewerageConnecti3 === void 0 ? void 0 : (_res$SewerageConnecti4 = _res$SewerageConnecti3[0]) === null || _res$SewerageConnecti4 === void 0 ? void 0 : (_res$SewerageConnecti5 = _res$SewerageConnecti4.ownerType) === null || _res$SewerageConnecti5 === void 0 ? void 0 : _res$SewerageConnecti5.toUpperCase()));
-          return resultString;
-        }
-      }
-    }
-  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
-    className: "border-none",
     label: t("WS_OWN_DETAIL_EMAIL_ID_LABEL"),
-    text: (data === null || data === void 0 ? void 0 : (_data$WaterConnection131 = data.WaterConnection) === null || _data$WaterConnection131 === void 0 ? void 0 : (_data$WaterConnection132 = _data$WaterConnection131[0]) === null || _data$WaterConnection132 === void 0 ? void 0 : (_data$WaterConnection133 = _data$WaterConnection132.connectionHolders) === null || _data$WaterConnection133 === void 0 ? void 0 : (_data$WaterConnection134 = _data$WaterConnection133[0]) === null || _data$WaterConnection134 === void 0 ? void 0 : _data$WaterConnection134.emailId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect126 = data.SewerageConnections) === null || _data$SewerageConnect126 === void 0 ? void 0 : (_data$SewerageConnect127 = _data$SewerageConnect126[0]) === null || _data$SewerageConnect127 === void 0 ? void 0 : (_data$SewerageConnect128 = _data$SewerageConnect127.connectionHolders) === null || _data$SewerageConnect128 === void 0 ? void 0 : (_data$SewerageConnect129 = _data$SewerageConnect128[0]) === null || _data$SewerageConnect129 === void 0 ? void 0 : _data$SewerageConnect129.emailId) || "NA",
+    text: (data === null || data === void 0 ? void 0 : (_data$WaterConnection117 = data.WaterConnection) === null || _data$WaterConnection117 === void 0 ? void 0 : (_data$WaterConnection118 = _data$WaterConnection117[0]) === null || _data$WaterConnection118 === void 0 ? void 0 : (_data$WaterConnection119 = _data$WaterConnection118.connectionHolders) === null || _data$WaterConnection119 === void 0 ? void 0 : (_data$WaterConnection120 = _data$WaterConnection119[0]) === null || _data$WaterConnection120 === void 0 ? void 0 : _data$WaterConnection120.emailId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect112 = data.SewerageConnections) === null || _data$SewerageConnect112 === void 0 ? void 0 : (_data$SewerageConnect113 = _data$SewerageConnect112[0]) === null || _data$SewerageConnect113 === void 0 ? void 0 : (_data$SewerageConnect114 = _data$SewerageConnect113.connectionHolders) === null || _data$SewerageConnect114 === void 0 ? void 0 : (_data$SewerageConnect115 = _data$SewerageConnect114[0]) === null || _data$SewerageConnect115 === void 0 ? void 0 : _data$SewerageConnect115.emailId) || "NA",
     textStyle: {
       whiteSpace: "pre"
     },
     privacy: {
-      uuid: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? data === null || data === void 0 ? void 0 : (_data$WaterConnection135 = data.WaterConnection) === null || _data$WaterConnection135 === void 0 ? void 0 : (_data$WaterConnection136 = _data$WaterConnection135[0]) === null || _data$WaterConnection136 === void 0 ? void 0 : (_data$WaterConnection137 = _data$WaterConnection136.connectionHolders) === null || _data$WaterConnection137 === void 0 ? void 0 : (_data$WaterConnection138 = _data$WaterConnection137[0]) === null || _data$WaterConnection138 === void 0 ? void 0 : _data$WaterConnection138.uuid : data === null || data === void 0 ? void 0 : (_data$SewerageConnect130 = data.SewerageConnections) === null || _data$SewerageConnect130 === void 0 ? void 0 : (_data$SewerageConnect131 = _data$SewerageConnect130[0]) === null || _data$SewerageConnect131 === void 0 ? void 0 : (_data$SewerageConnect132 = _data$SewerageConnect131.connectionHolders) === null || _data$SewerageConnect132 === void 0 ? void 0 : (_data$SewerageConnect133 = _data$SewerageConnect132[0]) === null || _data$SewerageConnect133 === void 0 ? void 0 : _data$SewerageConnect133.uuid,
+      uuid: applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("WS") ? data === null || data === void 0 ? void 0 : (_data$WaterConnection121 = data.WaterConnection) === null || _data$WaterConnection121 === void 0 ? void 0 : (_data$WaterConnection122 = _data$WaterConnection121[0]) === null || _data$WaterConnection122 === void 0 ? void 0 : (_data$WaterConnection123 = _data$WaterConnection122.connectionHolders) === null || _data$WaterConnection123 === void 0 ? void 0 : (_data$WaterConnection124 = _data$WaterConnection123[0]) === null || _data$WaterConnection124 === void 0 ? void 0 : _data$WaterConnection124.uuid : data === null || data === void 0 ? void 0 : (_data$SewerageConnect116 = data.SewerageConnections) === null || _data$SewerageConnect116 === void 0 ? void 0 : (_data$SewerageConnect117 = _data$SewerageConnect116[0]) === null || _data$SewerageConnect117 === void 0 ? void 0 : (_data$SewerageConnect118 = _data$SewerageConnect117.connectionHolders) === null || _data$SewerageConnect118 === void 0 ? void 0 : (_data$SewerageConnect119 = _data$SewerageConnect118[0]) === null || _data$SewerageConnect119 === void 0 ? void 0 : _data$SewerageConnect119.uuid,
       fieldName: "connectionHoldersEmailId",
       model: "WnSConnectionOwner",
       showValue: false,
@@ -28623,19 +28404,17 @@ const WSApplicationDetails = () => {
         isArray: false
       }
     }
-  }))) : /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSubHeader, null, t("WS_COMMON_CONNECTION_HOLDER_DETAILS_HEADER")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardText, null, t("WS_SAME_AS_PROPERTY_OWNERS")))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, {
+  }))) : /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSubHeader, null, t("WS_COMMON_CONNECTION_HOLDER_DETAILS_HEADER")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardText, null, t("WS_SAME_AS_PROPERTY_OWNERS"))), /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, {
     styles: {
       fontSize: "28px"
     }
   }, t("WS_COMMON_PROPERTY_DETAILS")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
-    className: "border-none",
     label: t("WS_PROPERTY_ID_LABEL"),
-    text: (data === null || data === void 0 ? void 0 : (_data$WaterConnection139 = data.WaterConnection) === null || _data$WaterConnection139 === void 0 ? void 0 : (_data$WaterConnection140 = _data$WaterConnection139[0]) === null || _data$WaterConnection140 === void 0 ? void 0 : _data$WaterConnection140.propertyId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect134 = data.SewerageConnections) === null || _data$SewerageConnect134 === void 0 ? void 0 : (_data$SewerageConnect135 = _data$SewerageConnect134[0]) === null || _data$SewerageConnect135 === void 0 ? void 0 : _data$SewerageConnect135.propertyId),
+    text: (data === null || data === void 0 ? void 0 : (_data$WaterConnection125 = data.WaterConnection) === null || _data$WaterConnection125 === void 0 ? void 0 : (_data$WaterConnection126 = _data$WaterConnection125[0]) === null || _data$WaterConnection126 === void 0 ? void 0 : _data$WaterConnection126.propertyId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect120 = data.SewerageConnections) === null || _data$SewerageConnect120 === void 0 ? void 0 : (_data$SewerageConnect121 = _data$SewerageConnect120[0]) === null || _data$SewerageConnect121 === void 0 ? void 0 : _data$SewerageConnect121.propertyId),
     textStyle: {
       wordBreak: "break-word"
     }
   }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
-    className: "border-none",
     label: t("WS_OWN_DETAIL_OWN_NAME_LABEL"),
     text: PTData === null || PTData === void 0 ? void 0 : (_PTData$Properties4 = PTData.Properties) === null || _PTData$Properties4 === void 0 ? void 0 : (_PTData$Properties4$ = _PTData$Properties4[0]) === null || _PTData$Properties4$ === void 0 ? void 0 : (_PTData$Properties4$$ = _PTData$Properties4$.owners.sort((a, b) => {
       var _a$additionalDetails, _b$additionalDetails;
@@ -28645,7 +28424,6 @@ const WSApplicationDetails = () => {
       whiteSpace: "pre"
     }
   }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
-    className: "border-none",
     label: t("WS_PROPERTY_ADDRESS"),
     text: getAddress(PTData === null || PTData === void 0 ? void 0 : (_PTData$Properties5 = PTData.Properties) === null || _PTData$Properties5 === void 0 ? void 0 : (_PTData$Properties5$ = _PTData$Properties5[0]) === null || _PTData$Properties5$ === void 0 ? void 0 : _PTData$Properties5$.address, t) || t("CS_NA"),
     textStyle: {
@@ -28673,13 +28451,13 @@ const WSApplicationDetails = () => {
       }
     }
   }), /*#__PURE__*/React__default.createElement(reactRouterDom.Link, {
-    to: "/digit-ui/citizen/commonpt/view-property?propertyId=" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection141 = data.WaterConnection) === null || _data$WaterConnection141 === void 0 ? void 0 : (_data$WaterConnection142 = _data$WaterConnection141[0]) === null || _data$WaterConnection142 === void 0 ? void 0 : _data$WaterConnection142.propertyId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect136 = data.SewerageConnections) === null || _data$SewerageConnect136 === void 0 ? void 0 : (_data$SewerageConnect137 = _data$SewerageConnect136[0]) === null || _data$SewerageConnect137 === void 0 ? void 0 : _data$SewerageConnect137.propertyId)) + "&tenantId=" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection143 = data.WaterConnection) === null || _data$WaterConnection143 === void 0 ? void 0 : (_data$WaterConnection144 = _data$WaterConnection143[0]) === null || _data$WaterConnection144 === void 0 ? void 0 : _data$WaterConnection144.tenantId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect138 = data.SewerageConnections) === null || _data$SewerageConnect138 === void 0 ? void 0 : (_data$SewerageConnect139 = _data$SewerageConnect138[0]) === null || _data$SewerageConnect139 === void 0 ? void 0 : _data$SewerageConnect139.tenantId))
+    to: "/digit-ui/citizen/commonpt/view-property?propertyId=" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection127 = data.WaterConnection) === null || _data$WaterConnection127 === void 0 ? void 0 : (_data$WaterConnection128 = _data$WaterConnection127[0]) === null || _data$WaterConnection128 === void 0 ? void 0 : _data$WaterConnection128.propertyId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect122 = data.SewerageConnections) === null || _data$SewerageConnect122 === void 0 ? void 0 : (_data$SewerageConnect123 = _data$SewerageConnect122[0]) === null || _data$SewerageConnect123 === void 0 ? void 0 : _data$SewerageConnect123.propertyId)) + "&tenantId=" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection129 = data.WaterConnection) === null || _data$WaterConnection129 === void 0 ? void 0 : (_data$WaterConnection130 = _data$WaterConnection129[0]) === null || _data$WaterConnection130 === void 0 ? void 0 : _data$WaterConnection130.tenantId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect124 = data.SewerageConnections) === null || _data$SewerageConnect124 === void 0 ? void 0 : (_data$SewerageConnect125 = _data$SewerageConnect124[0]) === null || _data$SewerageConnect125 === void 0 ? void 0 : _data$SewerageConnect125.tenantId))
   }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.LinkButton, {
     style: {
       textAlign: "left"
     },
     label: t("WS_VIEW_PROPERTY")
-  })))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, {
+  })))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, {
     styles: {
       fontSize: "28px"
     }
@@ -28745,7 +28523,7 @@ const WSApplicationDetails = () => {
   }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
     label: t("LANDMARK"),
     text: "" + t(checkForNA$1(propertyAddress === null || propertyAddress === void 0 ? void 0 : propertyAddress.landmark))
-  }))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, {
+  })), /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, {
     styles: {
       fontSize: "28px"
     }
@@ -28781,7 +28559,7 @@ const WSApplicationDetails = () => {
   }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
     label: t("WS_NUMBER_OF_DWELLING_UNITS"),
     text: "" + t(checkForNA$1((useDetails === null || useDetails === void 0 ? void 0 : useDetails.NumberofDwellingUnits) || (useDetails === null || useDetails === void 0 ? void 0 : useDetails.noOfDwellingUnits)))
-  }))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, {
+  })), /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, {
     styles: {
       fontSize: "28px"
     }
@@ -28802,7 +28580,7 @@ const WSApplicationDetails = () => {
   }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
     label: t("WS_EMPLOYEE_DESIGNATION"),
     text: "" + t(checkForNA$1(djbEmployee === null || djbEmployee === void 0 ? void 0 : djbEmployee.designation))
-  })))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, {
+  }))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, {
     styles: {
       fontSize: "28px"
     }
@@ -28823,19 +28601,19 @@ const WSApplicationDetails = () => {
   }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
     label: t("WS_BANK_ACCOUNT_NO"),
     text: "" + t(checkForNA$1((bankDetails === null || bankDetails === void 0 ? void 0 : bankDetails.bankAccountNumber) || (bankDetails === null || bankDetails === void 0 ? void 0 : bankDetails.accountNumber)))
-  }))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, {
+  })), /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, {
     styles: {
       fontSize: "28px"
     }
-  }, t("WS_COMMON_DOCUMENT_DETAILS")), (data === null || data === void 0 ? void 0 : (_data$WaterConnection145 = data.WaterConnection) === null || _data$WaterConnection145 === void 0 ? void 0 : (_data$WaterConnection146 = _data$WaterConnection145[0]) === null || _data$WaterConnection146 === void 0 ? void 0 : _data$WaterConnection146.documents) && (data === null || data === void 0 ? void 0 : (_data$WaterConnection147 = data.WaterConnection) === null || _data$WaterConnection147 === void 0 ? void 0 : (_data$WaterConnection148 = _data$WaterConnection147[0]) === null || _data$WaterConnection148 === void 0 ? void 0 : _data$WaterConnection148.documents.map((doc, index) => {
-    var _doc$documentType, _data$WaterConnection149, _data$WaterConnection150, _data$WaterConnection151, _data$WaterConnection152;
+  }, t("WS_COMMON_DOCUMENT_DETAILS")), (data === null || data === void 0 ? void 0 : (_data$WaterConnection131 = data.WaterConnection) === null || _data$WaterConnection131 === void 0 ? void 0 : (_data$WaterConnection132 = _data$WaterConnection131[0]) === null || _data$WaterConnection132 === void 0 ? void 0 : _data$WaterConnection132.documents) && (data === null || data === void 0 ? void 0 : (_data$WaterConnection133 = data.WaterConnection) === null || _data$WaterConnection133 === void 0 ? void 0 : (_data$WaterConnection134 = _data$WaterConnection133[0]) === null || _data$WaterConnection134 === void 0 ? void 0 : _data$WaterConnection134.documents.map((doc, index) => {
+    var _doc$documentType, _data$WaterConnection135, _data$WaterConnection136, _data$WaterConnection137, _data$WaterConnection138;
     return /*#__PURE__*/React__default.createElement("div", {
       key: "doc-" + index
     }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSectionHeader, null, t(doc === null || doc === void 0 ? void 0 : (_doc$documentType = doc.documentType) === null || _doc$documentType === void 0 ? void 0 : _doc$documentType.split(".").slice(0, 2).join("_"))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(WSDocument, {
-      value: data === null || data === void 0 ? void 0 : (_data$WaterConnection149 = data.WaterConnection) === null || _data$WaterConnection149 === void 0 ? void 0 : (_data$WaterConnection150 = _data$WaterConnection149[0]) === null || _data$WaterConnection150 === void 0 ? void 0 : _data$WaterConnection150.documents,
+      value: data === null || data === void 0 ? void 0 : (_data$WaterConnection135 = data.WaterConnection) === null || _data$WaterConnection135 === void 0 ? void 0 : (_data$WaterConnection136 = _data$WaterConnection135[0]) === null || _data$WaterConnection136 === void 0 ? void 0 : _data$WaterConnection136.documents,
       Code: doc === null || doc === void 0 ? void 0 : doc.documentType,
       index: index
-    }), (data === null || data === void 0 ? void 0 : (_data$WaterConnection151 = data.WaterConnection) === null || _data$WaterConnection151 === void 0 ? void 0 : (_data$WaterConnection152 = _data$WaterConnection151[0]) === null || _data$WaterConnection152 === void 0 ? void 0 : _data$WaterConnection152.documents.length) != index + 1 ? /*#__PURE__*/React__default.createElement("hr", {
+    }), (data === null || data === void 0 ? void 0 : (_data$WaterConnection137 = data.WaterConnection) === null || _data$WaterConnection137 === void 0 ? void 0 : (_data$WaterConnection138 = _data$WaterConnection137[0]) === null || _data$WaterConnection138 === void 0 ? void 0 : _data$WaterConnection138.documents.length) != index + 1 ? /*#__PURE__*/React__default.createElement("hr", {
       style: {
         color: "#cccccc",
         backgroundColor: "#cccccc",
@@ -28844,15 +28622,15 @@ const WSApplicationDetails = () => {
         marginBottom: "20px"
       }
     }) : null)));
-  })), (data === null || data === void 0 ? void 0 : (_data$SewerageConnect140 = data.SewerageConnections) === null || _data$SewerageConnect140 === void 0 ? void 0 : (_data$SewerageConnect141 = _data$SewerageConnect140[0]) === null || _data$SewerageConnect141 === void 0 ? void 0 : _data$SewerageConnect141.documents) && (data === null || data === void 0 ? void 0 : (_data$SewerageConnect142 = data.SewerageConnections) === null || _data$SewerageConnect142 === void 0 ? void 0 : (_data$SewerageConnect143 = _data$SewerageConnect142[0]) === null || _data$SewerageConnect143 === void 0 ? void 0 : _data$SewerageConnect143.documents.map((doc, index) => {
-    var _doc$documentType2, _data$SewerageConnect144, _data$SewerageConnect145, _data$SewerageConnect146, _data$SewerageConnect147;
+  })), (data === null || data === void 0 ? void 0 : (_data$SewerageConnect126 = data.SewerageConnections) === null || _data$SewerageConnect126 === void 0 ? void 0 : (_data$SewerageConnect127 = _data$SewerageConnect126[0]) === null || _data$SewerageConnect127 === void 0 ? void 0 : _data$SewerageConnect127.documents) && (data === null || data === void 0 ? void 0 : (_data$SewerageConnect128 = data.SewerageConnections) === null || _data$SewerageConnect128 === void 0 ? void 0 : (_data$SewerageConnect129 = _data$SewerageConnect128[0]) === null || _data$SewerageConnect129 === void 0 ? void 0 : _data$SewerageConnect129.documents.map((doc, index) => {
+    var _doc$documentType2, _data$SewerageConnect130, _data$SewerageConnect131, _data$SewerageConnect132, _data$SewerageConnect133;
     return /*#__PURE__*/React__default.createElement("div", {
       key: "doc-" + index
     }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSectionHeader, null, t(doc === null || doc === void 0 ? void 0 : (_doc$documentType2 = doc.documentType) === null || _doc$documentType2 === void 0 ? void 0 : _doc$documentType2.split(".").slice(0, 2).join("_"))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(WSDocument, {
-      value: data === null || data === void 0 ? void 0 : (_data$SewerageConnect144 = data.SewerageConnections) === null || _data$SewerageConnect144 === void 0 ? void 0 : (_data$SewerageConnect145 = _data$SewerageConnect144[0]) === null || _data$SewerageConnect145 === void 0 ? void 0 : _data$SewerageConnect145.documents,
+      value: data === null || data === void 0 ? void 0 : (_data$SewerageConnect130 = data.SewerageConnections) === null || _data$SewerageConnect130 === void 0 ? void 0 : (_data$SewerageConnect131 = _data$SewerageConnect130[0]) === null || _data$SewerageConnect131 === void 0 ? void 0 : _data$SewerageConnect131.documents,
       Code: doc === null || doc === void 0 ? void 0 : doc.documentType,
       index: index
-    }), (data === null || data === void 0 ? void 0 : (_data$SewerageConnect146 = data.SewerageConnections) === null || _data$SewerageConnect146 === void 0 ? void 0 : (_data$SewerageConnect147 = _data$SewerageConnect146[0]) === null || _data$SewerageConnect147 === void 0 ? void 0 : _data$SewerageConnect147.documents.length) != index + 1 ? /*#__PURE__*/React__default.createElement("hr", {
+    }), (data === null || data === void 0 ? void 0 : (_data$SewerageConnect132 = data.SewerageConnections) === null || _data$SewerageConnect132 === void 0 ? void 0 : (_data$SewerageConnect133 = _data$SewerageConnect132[0]) === null || _data$SewerageConnect133 === void 0 ? void 0 : _data$SewerageConnect133.documents.length) != index + 1 ? /*#__PURE__*/React__default.createElement("hr", {
       style: {
         color: "white",
         backgroundColor: "white",
@@ -28861,42 +28639,36 @@ const WSApplicationDetails = () => {
         marginBottom: "20px"
       }
     }) : null)));
-  }))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement("div", {
-    id: "timeline"
-  }, /*#__PURE__*/React__default.createElement(WSWFApplicationTimeline, {
-    application: (data === null || data === void 0 ? void 0 : (_data$WaterConnection153 = data.WaterConnection) === null || _data$WaterConnection153 === void 0 ? void 0 : _data$WaterConnection153[0]) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect148 = data.SewerageConnections) === null || _data$SewerageConnect148 === void 0 ? void 0 : _data$SewerageConnect148[0]),
-    id: (data === null || data === void 0 ? void 0 : (_data$WaterConnection154 = data.WaterConnection) === null || _data$WaterConnection154 === void 0 ? void 0 : (_data$WaterConnection155 = _data$WaterConnection154[0]) === null || _data$WaterConnection155 === void 0 ? void 0 : _data$WaterConnection155.applicationNo) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect149 = data.SewerageConnections) === null || _data$SewerageConnect149 === void 0 ? void 0 : (_data$SewerageConnect150 = _data$SewerageConnect149[0]) === null || _data$SewerageConnect150 === void 0 ? void 0 : _data$SewerageConnect150.applicationNo),
-    paymentbuttonenabled: false
-  })), (data === null || data === void 0 ? void 0 : (_data$WaterConnection156 = data.WaterConnection) === null || _data$WaterConnection156 === void 0 ? void 0 : (_data$WaterConnection157 = _data$WaterConnection156[0]) === null || _data$WaterConnection157 === void 0 ? void 0 : _data$WaterConnection157.applicationStatus) === "PENDING_FOR_PAYMENT" || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect151 = data.SewerageConnections) === null || _data$SewerageConnect151 === void 0 ? void 0 : (_data$SewerageConnect152 = _data$SewerageConnect151[0]) === null || _data$SewerageConnect152 === void 0 ? void 0 : _data$SewerageConnect152.applicationStatus) === "PENDING_FOR_PAYMENT" ? /*#__PURE__*/React__default.createElement(reactRouterDom.Link, {
+  })), (data === null || data === void 0 ? void 0 : (_data$WaterConnection139 = data.WaterConnection) === null || _data$WaterConnection139 === void 0 ? void 0 : (_data$WaterConnection140 = _data$WaterConnection139[0]) === null || _data$WaterConnection140 === void 0 ? void 0 : _data$WaterConnection140.applicationStatus) === "PENDING_FOR_PAYMENT" || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect134 = data.SewerageConnections) === null || _data$SewerageConnect134 === void 0 ? void 0 : (_data$SewerageConnect135 = _data$SewerageConnect134[0]) === null || _data$SewerageConnect135 === void 0 ? void 0 : _data$SewerageConnect135.applicationStatus) === "PENDING_FOR_PAYMENT" ? /*#__PURE__*/React__default.createElement(reactRouterDom.Link, {
     to: {
-      pathname: "/digit-ui/citizen/payment/my-bills/" + (paymentDetails === null || paymentDetails === void 0 ? void 0 : (_paymentDetails$data20 = paymentDetails.data) === null || _paymentDetails$data20 === void 0 ? void 0 : (_paymentDetails$data21 = _paymentDetails$data20.Bill) === null || _paymentDetails$data21 === void 0 ? void 0 : (_paymentDetails$data22 = _paymentDetails$data21[0]) === null || _paymentDetails$data22 === void 0 ? void 0 : _paymentDetails$data22.businessService) + "/" + (applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("DC") ? stringReplaceAll(data === null || data === void 0 ? void 0 : (_data$WaterConnection158 = data.WaterConnection) === null || _data$WaterConnection158 === void 0 ? void 0 : (_data$WaterConnection159 = _data$WaterConnection158[0]) === null || _data$WaterConnection159 === void 0 ? void 0 : _data$WaterConnection159.connectionNo, "/", "+") || stringReplaceAll(data === null || data === void 0 ? void 0 : (_data$SewerageConnect153 = data.SewerageConnections) === null || _data$SewerageConnect153 === void 0 ? void 0 : (_data$SewerageConnect154 = _data$SewerageConnect153[0]) === null || _data$SewerageConnect154 === void 0 ? void 0 : _data$SewerageConnect154.connectionNo, "/", "+") : stringReplaceAll(data === null || data === void 0 ? void 0 : (_data$WaterConnection160 = data.WaterConnection) === null || _data$WaterConnection160 === void 0 ? void 0 : (_data$WaterConnection161 = _data$WaterConnection160[0]) === null || _data$WaterConnection161 === void 0 ? void 0 : _data$WaterConnection161.applicationNo, "/", "+") || stringReplaceAll(data === null || data === void 0 ? void 0 : (_data$SewerageConnect155 = data.SewerageConnections) === null || _data$SewerageConnect155 === void 0 ? void 0 : (_data$SewerageConnect156 = _data$SewerageConnect155[0]) === null || _data$SewerageConnect156 === void 0 ? void 0 : _data$SewerageConnect156.applicationNo, "/", "+")) + "?workflow=WNS&tenantId=" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection162 = data.WaterConnection) === null || _data$WaterConnection162 === void 0 ? void 0 : (_data$WaterConnection163 = _data$WaterConnection162[0]) === null || _data$WaterConnection163 === void 0 ? void 0 : _data$WaterConnection163.tenantId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect157 = data.SewerageConnections) === null || _data$SewerageConnect157 === void 0 ? void 0 : (_data$SewerageConnect158 = _data$SewerageConnect157[0]) === null || _data$SewerageConnect158 === void 0 ? void 0 : _data$SewerageConnect158.tenantId)) + "&ConsumerName=" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection164 = data.WaterConnection) === null || _data$WaterConnection164 === void 0 ? void 0 : (_data$WaterConnection165 = _data$WaterConnection164[0]) === null || _data$WaterConnection165 === void 0 ? void 0 : (_data$WaterConnection166 = _data$WaterConnection165.connectionHolders) === null || _data$WaterConnection166 === void 0 ? void 0 : _data$WaterConnection166.map(owner => owner.name).join(",")) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect159 = data.SewerageConnections) === null || _data$SewerageConnect159 === void 0 ? void 0 : (_data$SewerageConnect160 = _data$SewerageConnect159[0]) === null || _data$SewerageConnect160 === void 0 ? void 0 : (_data$SewerageConnect161 = _data$SewerageConnect160.connectionHolders) === null || _data$SewerageConnect161 === void 0 ? void 0 : _data$SewerageConnect161.map(owner => owner.name).join(",")) || (PTData === null || PTData === void 0 ? void 0 : (_PTData$Properties8 = PTData.Properties) === null || _PTData$Properties8 === void 0 ? void 0 : (_PTData$Properties8$ = _PTData$Properties8[0]) === null || _PTData$Properties8$ === void 0 ? void 0 : (_PTData$Properties8$$ = _PTData$Properties8$.owners) === null || _PTData$Properties8$$ === void 0 ? void 0 : _PTData$Properties8$$.map(owner => owner.name).join(","))) + "&isDisoconnectFlow=" + (applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("DC") ? true : false),
+      pathname: "/digit-ui/citizen/payment/my-bills/" + (paymentDetails === null || paymentDetails === void 0 ? void 0 : (_paymentDetails$data20 = paymentDetails.data) === null || _paymentDetails$data20 === void 0 ? void 0 : (_paymentDetails$data21 = _paymentDetails$data20.Bill) === null || _paymentDetails$data21 === void 0 ? void 0 : (_paymentDetails$data22 = _paymentDetails$data21[0]) === null || _paymentDetails$data22 === void 0 ? void 0 : _paymentDetails$data22.businessService) + "/" + (applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("DC") ? stringReplaceAll(data === null || data === void 0 ? void 0 : (_data$WaterConnection141 = data.WaterConnection) === null || _data$WaterConnection141 === void 0 ? void 0 : (_data$WaterConnection142 = _data$WaterConnection141[0]) === null || _data$WaterConnection142 === void 0 ? void 0 : _data$WaterConnection142.connectionNo, "/", "+") || stringReplaceAll(data === null || data === void 0 ? void 0 : (_data$SewerageConnect136 = data.SewerageConnections) === null || _data$SewerageConnect136 === void 0 ? void 0 : (_data$SewerageConnect137 = _data$SewerageConnect136[0]) === null || _data$SewerageConnect137 === void 0 ? void 0 : _data$SewerageConnect137.connectionNo, "/", "+") : stringReplaceAll(data === null || data === void 0 ? void 0 : (_data$WaterConnection143 = data.WaterConnection) === null || _data$WaterConnection143 === void 0 ? void 0 : (_data$WaterConnection144 = _data$WaterConnection143[0]) === null || _data$WaterConnection144 === void 0 ? void 0 : _data$WaterConnection144.applicationNo, "/", "+") || stringReplaceAll(data === null || data === void 0 ? void 0 : (_data$SewerageConnect138 = data.SewerageConnections) === null || _data$SewerageConnect138 === void 0 ? void 0 : (_data$SewerageConnect139 = _data$SewerageConnect138[0]) === null || _data$SewerageConnect139 === void 0 ? void 0 : _data$SewerageConnect139.applicationNo, "/", "+")) + "?workflow=WNS&tenantId=" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection145 = data.WaterConnection) === null || _data$WaterConnection145 === void 0 ? void 0 : (_data$WaterConnection146 = _data$WaterConnection145[0]) === null || _data$WaterConnection146 === void 0 ? void 0 : _data$WaterConnection146.tenantId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect140 = data.SewerageConnections) === null || _data$SewerageConnect140 === void 0 ? void 0 : (_data$SewerageConnect141 = _data$SewerageConnect140[0]) === null || _data$SewerageConnect141 === void 0 ? void 0 : _data$SewerageConnect141.tenantId)) + "&ConsumerName=" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection147 = data.WaterConnection) === null || _data$WaterConnection147 === void 0 ? void 0 : (_data$WaterConnection148 = _data$WaterConnection147[0]) === null || _data$WaterConnection148 === void 0 ? void 0 : (_data$WaterConnection149 = _data$WaterConnection148.connectionHolders) === null || _data$WaterConnection149 === void 0 ? void 0 : _data$WaterConnection149.map(owner => owner.name).join(",")) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect142 = data.SewerageConnections) === null || _data$SewerageConnect142 === void 0 ? void 0 : (_data$SewerageConnect143 = _data$SewerageConnect142[0]) === null || _data$SewerageConnect143 === void 0 ? void 0 : (_data$SewerageConnect144 = _data$SewerageConnect143.connectionHolders) === null || _data$SewerageConnect144 === void 0 ? void 0 : _data$SewerageConnect144.map(owner => owner.name).join(",")) || (PTData === null || PTData === void 0 ? void 0 : (_PTData$Properties8 = PTData.Properties) === null || _PTData$Properties8 === void 0 ? void 0 : (_PTData$Properties8$ = _PTData$Properties8[0]) === null || _PTData$Properties8$ === void 0 ? void 0 : (_PTData$Properties8$$ = _PTData$Properties8$.owners) === null || _PTData$Properties8$$ === void 0 ? void 0 : _PTData$Properties8$$.map(owner => owner.name).join(","))) + "&isDisoconnectFlow=" + (applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("DC") ? true : false),
       state: {}
     }
   }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
     label: t("MAKE_PAYMENT")
-  })) : null, !(data !== null && data !== void 0 && (_data$WaterConnection167 = data.WaterConnection) !== null && _data$WaterConnection167 !== void 0 && (_data$WaterConnection168 = _data$WaterConnection167[0]) !== null && _data$WaterConnection168 !== void 0 && _data$WaterConnection168.applicationType.includes("DISCONNECT")) && data !== null && data !== void 0 && (_data$WaterConnection169 = data.WaterConnection) !== null && _data$WaterConnection169 !== void 0 && (_data$WaterConnection170 = _data$WaterConnection169[0]) !== null && _data$WaterConnection170 !== void 0 && _data$WaterConnection170.applicationStatus.includes("PENDING_FOR_CITIZEN_ACTION") || !(data !== null && data !== void 0 && (_data$SewerageConnect162 = data.SewerageConnections) !== null && _data$SewerageConnect162 !== void 0 && (_data$SewerageConnect163 = _data$SewerageConnect162[0]) !== null && _data$SewerageConnect163 !== void 0 && _data$SewerageConnect163.applicationType.includes("DISCONNECT")) && data !== null && data !== void 0 && (_data$SewerageConnect164 = data.SewerageConnections) !== null && _data$SewerageConnect164 !== void 0 && (_data$SewerageConnect165 = _data$SewerageConnect164[0]) !== null && _data$SewerageConnect165 !== void 0 && _data$SewerageConnect165.applicationStatus.includes("PENDING_FOR_CITIZEN_ACTION") ? /*#__PURE__*/React__default.createElement(reactRouterDom.Link, {
+  })) : null, !(data !== null && data !== void 0 && (_data$WaterConnection150 = data.WaterConnection) !== null && _data$WaterConnection150 !== void 0 && (_data$WaterConnection151 = _data$WaterConnection150[0]) !== null && _data$WaterConnection151 !== void 0 && _data$WaterConnection151.applicationType.includes("DISCONNECT")) && data !== null && data !== void 0 && (_data$WaterConnection152 = data.WaterConnection) !== null && _data$WaterConnection152 !== void 0 && (_data$WaterConnection153 = _data$WaterConnection152[0]) !== null && _data$WaterConnection153 !== void 0 && _data$WaterConnection153.applicationStatus.includes("PENDING_FOR_CITIZEN_ACTION") || !(data !== null && data !== void 0 && (_data$SewerageConnect145 = data.SewerageConnections) !== null && _data$SewerageConnect145 !== void 0 && (_data$SewerageConnect146 = _data$SewerageConnect145[0]) !== null && _data$SewerageConnect146 !== void 0 && _data$SewerageConnect146.applicationType.includes("DISCONNECT")) && data !== null && data !== void 0 && (_data$SewerageConnect147 = data.SewerageConnections) !== null && _data$SewerageConnect147 !== void 0 && (_data$SewerageConnect148 = _data$SewerageConnect147[0]) !== null && _data$SewerageConnect148 !== void 0 && _data$SewerageConnect148.applicationStatus.includes("PENDING_FOR_CITIZEN_ACTION") ? /*#__PURE__*/React__default.createElement(reactRouterDom.Link, {
     to: {
-      pathname: "/digit-ui/citizen/ws/edit-application/" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection171 = data.WaterConnection) === null || _data$WaterConnection171 === void 0 ? void 0 : (_data$WaterConnection172 = _data$WaterConnection171[0]) === null || _data$WaterConnection172 === void 0 ? void 0 : _data$WaterConnection172.tenantId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect166 = data.SewerageConnections) === null || _data$SewerageConnect166 === void 0 ? void 0 : (_data$SewerageConnect167 = _data$SewerageConnect166[0]) === null || _data$SewerageConnect167 === void 0 ? void 0 : _data$SewerageConnect167.tenantId)),
+      pathname: "/digit-ui/citizen/ws/edit-application/" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection154 = data.WaterConnection) === null || _data$WaterConnection154 === void 0 ? void 0 : (_data$WaterConnection155 = _data$WaterConnection154[0]) === null || _data$WaterConnection155 === void 0 ? void 0 : _data$WaterConnection155.tenantId) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect149 = data.SewerageConnections) === null || _data$SewerageConnect149 === void 0 ? void 0 : (_data$SewerageConnect150 = _data$SewerageConnect149[0]) === null || _data$SewerageConnect150 === void 0 ? void 0 : _data$SewerageConnect150.tenantId)),
       state: {
-        id: "" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection173 = data.WaterConnection) === null || _data$WaterConnection173 === void 0 ? void 0 : (_data$WaterConnection174 = _data$WaterConnection173[0]) === null || _data$WaterConnection174 === void 0 ? void 0 : _data$WaterConnection174.applicationNo) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect168 = data.SewerageConnections) === null || _data$SewerageConnect168 === void 0 ? void 0 : (_data$SewerageConnect169 = _data$SewerageConnect168[0]) === null || _data$SewerageConnect169 === void 0 ? void 0 : _data$SewerageConnect169.applicationNo))
+        id: "" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection156 = data.WaterConnection) === null || _data$WaterConnection156 === void 0 ? void 0 : (_data$WaterConnection157 = _data$WaterConnection156[0]) === null || _data$WaterConnection157 === void 0 ? void 0 : _data$WaterConnection157.applicationNo) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect151 = data.SewerageConnections) === null || _data$SewerageConnect151 === void 0 ? void 0 : (_data$SewerageConnect152 = _data$SewerageConnect151[0]) === null || _data$SewerageConnect152 === void 0 ? void 0 : _data$SewerageConnect152.applicationNo))
       }
     }
   }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
     label: t("COMMON_EDIT")
-  })) : null, data !== null && data !== void 0 && (_data$WaterConnection175 = data.WaterConnection) !== null && _data$WaterConnection175 !== void 0 && (_data$WaterConnection176 = _data$WaterConnection175[0]) !== null && _data$WaterConnection176 !== void 0 && _data$WaterConnection176.applicationType.includes("DISCONNECT") && data !== null && data !== void 0 && (_data$WaterConnection177 = data.WaterConnection) !== null && _data$WaterConnection177 !== void 0 && (_data$WaterConnection178 = _data$WaterConnection177[0]) !== null && _data$WaterConnection178 !== void 0 && _data$WaterConnection178.applicationStatus.includes("PENDING_FOR_CITIZEN_ACTION") || data !== null && data !== void 0 && (_data$SewerageConnect170 = data.SewerageConnections) !== null && _data$SewerageConnect170 !== void 0 && (_data$SewerageConnect171 = _data$SewerageConnect170[0]) !== null && _data$SewerageConnect171 !== void 0 && _data$SewerageConnect171.applicationType.includes("DISCONNECT") && data !== null && data !== void 0 && (_data$SewerageConnect172 = data.SewerageConnections) !== null && _data$SewerageConnect172 !== void 0 && (_data$SewerageConnect173 = _data$SewerageConnect172[0]) !== null && _data$SewerageConnect173 !== void 0 && _data$SewerageConnect173.applicationStatus.includes("PENDING_FOR_CITIZEN_ACTION") ? /*#__PURE__*/React__default.createElement(reactRouterDom.Link, {
+  })) : null, data !== null && data !== void 0 && (_data$WaterConnection158 = data.WaterConnection) !== null && _data$WaterConnection158 !== void 0 && (_data$WaterConnection159 = _data$WaterConnection158[0]) !== null && _data$WaterConnection159 !== void 0 && _data$WaterConnection159.applicationType.includes("DISCONNECT") && data !== null && data !== void 0 && (_data$WaterConnection160 = data.WaterConnection) !== null && _data$WaterConnection160 !== void 0 && (_data$WaterConnection161 = _data$WaterConnection160[0]) !== null && _data$WaterConnection161 !== void 0 && _data$WaterConnection161.applicationStatus.includes("PENDING_FOR_CITIZEN_ACTION") || data !== null && data !== void 0 && (_data$SewerageConnect153 = data.SewerageConnections) !== null && _data$SewerageConnect153 !== void 0 && (_data$SewerageConnect154 = _data$SewerageConnect153[0]) !== null && _data$SewerageConnect154 !== void 0 && _data$SewerageConnect154.applicationType.includes("DISCONNECT") && data !== null && data !== void 0 && (_data$SewerageConnect155 = data.SewerageConnections) !== null && _data$SewerageConnect155 !== void 0 && (_data$SewerageConnect156 = _data$SewerageConnect155[0]) !== null && _data$SewerageConnect156 !== void 0 && _data$SewerageConnect156.applicationStatus.includes("PENDING_FOR_CITIZEN_ACTION") ? /*#__PURE__*/React__default.createElement(reactRouterDom.Link, {
     to: {
       pathname: "/digit-ui/citizen/ws/resubmit-disconnect-application",
       state: {
-        id: "" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection179 = data.WaterConnection) === null || _data$WaterConnection179 === void 0 ? void 0 : (_data$WaterConnection180 = _data$WaterConnection179[0]) === null || _data$WaterConnection180 === void 0 ? void 0 : _data$WaterConnection180.applicationNo) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect174 = data.SewerageConnections) === null || _data$SewerageConnect174 === void 0 ? void 0 : (_data$SewerageConnect175 = _data$SewerageConnect174[0]) === null || _data$SewerageConnect175 === void 0 ? void 0 : _data$SewerageConnect175.applicationNo))
+        id: "" + ((data === null || data === void 0 ? void 0 : (_data$WaterConnection162 = data.WaterConnection) === null || _data$WaterConnection162 === void 0 ? void 0 : (_data$WaterConnection163 = _data$WaterConnection162[0]) === null || _data$WaterConnection163 === void 0 ? void 0 : _data$WaterConnection163.applicationNo) || (data === null || data === void 0 ? void 0 : (_data$SewerageConnect157 = data.SewerageConnections) === null || _data$SewerageConnect157 === void 0 ? void 0 : (_data$SewerageConnect158 = _data$SewerageConnect157[0]) === null || _data$SewerageConnect158 === void 0 ? void 0 : _data$SewerageConnect158.applicationNo))
       }
     }
   }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
     label: t("RESUBMIT_APPLICATION"),
     onSubmit: Digit.SessionStorage.set("WS_DISCONNECTION", applicationNobyData !== null && applicationNobyData !== void 0 && applicationNobyData.includes("SW") ? {
-      applicationData: data === null || data === void 0 ? void 0 : (_data$SewerageConnect176 = data.SewerageConnections) === null || _data$SewerageConnect176 === void 0 ? void 0 : _data$SewerageConnect176[0],
+      applicationData: data === null || data === void 0 ? void 0 : (_data$SewerageConnect159 = data.SewerageConnections) === null || _data$SewerageConnect159 === void 0 ? void 0 : _data$SewerageConnect159[0],
       serviceType: "SEWERAGE",
       WSDisconnectionForm: {
-        type: data !== null && data !== void 0 && (_data$SewerageConnect177 = data.SewerageConnections) !== null && _data$SewerageConnect177 !== void 0 && (_data$SewerageConnect178 = _data$SewerageConnect177[0]) !== null && _data$SewerageConnect178 !== void 0 && _data$SewerageConnect178.isDisconnectionTemporary ? {
+        type: data !== null && data !== void 0 && (_data$SewerageConnect160 = data.SewerageConnections) !== null && _data$SewerageConnect160 !== void 0 && (_data$SewerageConnect161 = _data$SewerageConnect160[0]) !== null && _data$SewerageConnect161 !== void 0 && _data$SewerageConnect161.isDisconnectionTemporary ? {
           code: "type",
           value: {
             name: "Temporary",
@@ -28913,18 +28685,18 @@ const WSApplicationDetails = () => {
             code: "Permanent"
           }
         },
-        date: convertEpochToDateDMY(data === null || data === void 0 ? void 0 : (_data$SewerageConnect179 = data.SewerageConnections) === null || _data$SewerageConnect179 === void 0 ? void 0 : (_data$SewerageConnect180 = _data$SewerageConnect179[0]) === null || _data$SewerageConnect180 === void 0 ? void 0 : _data$SewerageConnect180.dateEffectiveFrom, true),
+        date: convertEpochToDateDMY(data === null || data === void 0 ? void 0 : (_data$SewerageConnect162 = data.SewerageConnections) === null || _data$SewerageConnect162 === void 0 ? void 0 : (_data$SewerageConnect163 = _data$SewerageConnect162[0]) === null || _data$SewerageConnect163 === void 0 ? void 0 : _data$SewerageConnect163.dateEffectiveFrom, true),
         reason: {
           code: "reason",
-          value: data === null || data === void 0 ? void 0 : (_data$SewerageConnect181 = data.SewerageConnections) === null || _data$SewerageConnect181 === void 0 ? void 0 : (_data$SewerageConnect182 = _data$SewerageConnect181[0]) === null || _data$SewerageConnect182 === void 0 ? void 0 : _data$SewerageConnect182.disconnectionReason
+          value: data === null || data === void 0 ? void 0 : (_data$SewerageConnect164 = data.SewerageConnections) === null || _data$SewerageConnect164 === void 0 ? void 0 : (_data$SewerageConnect165 = _data$SewerageConnect164[0]) === null || _data$SewerageConnect165 === void 0 ? void 0 : _data$SewerageConnect165.disconnectionReason
         },
-        documents: data === null || data === void 0 ? void 0 : (_data$SewerageConnect183 = data.SewerageConnections) === null || _data$SewerageConnect183 === void 0 ? void 0 : (_data$SewerageConnect184 = _data$SewerageConnect183[0]) === null || _data$SewerageConnect184 === void 0 ? void 0 : _data$SewerageConnect184.documents
+        documents: data === null || data === void 0 ? void 0 : (_data$SewerageConnect166 = data.SewerageConnections) === null || _data$SewerageConnect166 === void 0 ? void 0 : (_data$SewerageConnect167 = _data$SewerageConnect166[0]) === null || _data$SewerageConnect167 === void 0 ? void 0 : _data$SewerageConnect167.documents
       }
     } : {
-      applicationData: data === null || data === void 0 ? void 0 : (_data$WaterConnection181 = data.WaterConnection) === null || _data$WaterConnection181 === void 0 ? void 0 : _data$WaterConnection181[0],
+      applicationData: data === null || data === void 0 ? void 0 : (_data$WaterConnection164 = data.WaterConnection) === null || _data$WaterConnection164 === void 0 ? void 0 : _data$WaterConnection164[0],
       serviceType: "WATER",
       WSDisconnectionForm: {
-        type: data !== null && data !== void 0 && (_data$WaterConnection182 = data.WaterConnection) !== null && _data$WaterConnection182 !== void 0 && (_data$WaterConnection183 = _data$WaterConnection182[0]) !== null && _data$WaterConnection183 !== void 0 && _data$WaterConnection183.isDisconnectionTemporary ? {
+        type: data !== null && data !== void 0 && (_data$WaterConnection165 = data.WaterConnection) !== null && _data$WaterConnection165 !== void 0 && (_data$WaterConnection166 = _data$WaterConnection165[0]) !== null && _data$WaterConnection166 !== void 0 && _data$WaterConnection166.isDisconnectionTemporary ? {
           code: "type",
           value: {
             name: "Temporary",
@@ -28941,15 +28713,15 @@ const WSApplicationDetails = () => {
             code: "Permanent"
           }
         },
-        date: convertEpochToDateDMY(data === null || data === void 0 ? void 0 : (_data$WaterConnection184 = data.WaterConnection) === null || _data$WaterConnection184 === void 0 ? void 0 : (_data$WaterConnection185 = _data$WaterConnection184[0]) === null || _data$WaterConnection185 === void 0 ? void 0 : _data$WaterConnection185.dateEffectiveFrom, true),
+        date: convertEpochToDateDMY(data === null || data === void 0 ? void 0 : (_data$WaterConnection167 = data.WaterConnection) === null || _data$WaterConnection167 === void 0 ? void 0 : (_data$WaterConnection168 = _data$WaterConnection167[0]) === null || _data$WaterConnection168 === void 0 ? void 0 : _data$WaterConnection168.dateEffectiveFrom, true),
         reason: {
           code: "reason",
-          value: data === null || data === void 0 ? void 0 : (_data$WaterConnection186 = data.WaterConnection) === null || _data$WaterConnection186 === void 0 ? void 0 : (_data$WaterConnection187 = _data$WaterConnection186[0]) === null || _data$WaterConnection187 === void 0 ? void 0 : _data$WaterConnection187.disconnectionReason
+          value: data === null || data === void 0 ? void 0 : (_data$WaterConnection169 = data.WaterConnection) === null || _data$WaterConnection169 === void 0 ? void 0 : (_data$WaterConnection170 = _data$WaterConnection169[0]) === null || _data$WaterConnection170 === void 0 ? void 0 : _data$WaterConnection170.disconnectionReason
         },
-        documents: data === null || data === void 0 ? void 0 : (_data$WaterConnection188 = data.WaterConnection) === null || _data$WaterConnection188 === void 0 ? void 0 : (_data$WaterConnection189 = _data$WaterConnection188[0]) === null || _data$WaterConnection189 === void 0 ? void 0 : _data$WaterConnection189.documents
+        documents: data === null || data === void 0 ? void 0 : (_data$WaterConnection171 = data.WaterConnection) === null || _data$WaterConnection171 === void 0 ? void 0 : (_data$WaterConnection172 = _data$WaterConnection171[0]) === null || _data$WaterConnection172 === void 0 ? void 0 : _data$WaterConnection172.documents
       }
     })
-  })) : null)));
+  })) : null)))));
 };
 
 const WSAdditionalDetails = () => {
@@ -32469,10 +32241,7 @@ const PropertyLocationDetails = _ref => {
     props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
   const _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  const _useState = React.useState(null),
-    showToast = _useState[0],
-    setShowToast = _useState[1];
-  const _useState2 = React.useState({
+  const _useState = React.useState({
       addressType: (address === null || address === void 0 ? void 0 : address.addressType) || "",
       pincode: (address === null || address === void 0 ? void 0 : address.pinCode) || "",
       city: (address === null || address === void 0 ? void 0 : address.city) || "",
@@ -32494,8 +32263,8 @@ const PropertyLocationDetails = _ref => {
       actualWard: (address === null || address === void 0 ? void 0 : address.actualWard) || "",
       actualZone: (address === null || address === void 0 ? void 0 : address.actualZone) || ""
     }),
-    formData = _useState2[0],
-    setFormData = _useState2[1];
+    formData = _useState[0],
+    setFormData = _useState[1];
   const isPropertyFound = window.location.href.includes("ws/old-application");
   React.useEffect(() => {
     if (props.register) {
@@ -32590,26 +32359,7 @@ const PropertyLocationDetails = _ref => {
       onSelect((config === null || config === void 0 ? void 0 : config.key) || "address", clearedData);
     }
   }, [formDataProp === null || formDataProp === void 0 ? void 0 : (_formDataProp$cpt2 = formDataProp.cpt) === null || _formDataProp$cpt2 === void 0 ? void 0 : _formDataProp$cpt2.details, formDataProp === null || formDataProp === void 0 ? void 0 : formDataProp.cpt]);
-  React.useEffect(() => {
-    if (showToast) {
-      const timer = setTimeout(() => {
-        setShowToast(null);
-      }, 1000);
-      return () => clearTimeout(timer);
-    }
-  }, [showToast]);
-  return /*#__PURE__*/React__default.createElement(digitUiReactComponents.CollapsibleCardPage, {
-    title: t("PT_LOCATION_DETAILS") + (config !== null && config !== void 0 && config.isAutomaticFill ? " (Automatic Fill by Property )" : ""),
-    defaultOpen: config !== null && config !== void 0 && config.isAutomaticFill ? false : true
-  }, /*#__PURE__*/React__default.createElement("div", {
-    style: _extends({
-      boxShadow: "none"
-    }, props.style)
-  }, /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      marginTop: "20px"
-    }
-  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.AddressDetails, {
+  return /*#__PURE__*/React__default.createElement(digitUiReactComponents.AddressDetails, {
     t: t,
     formData: formData,
     onSelect: (key, data) => {
@@ -32624,7 +32374,7 @@ const PropertyLocationDetails = _ref => {
     showMapActualLocation: true,
     disable: isPropertyFound,
     hideNextButton: true
-  }))));
+  });
 };
 
 const WSPropertyLocationDetails = props => {
@@ -36713,31 +36463,6 @@ const WorkflowTimeline = _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;
-}
-function _finallyRethrows$1(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 configPTApproverApplication = _ref => {
   var _action$assigneeRoles;
   let t = _ref.t,
@@ -37486,7 +37211,7 @@ const ActionModal = _ref => {
               if (file.size >= 5242880) {
                 setError(t("CS_MAXIMUM_UPLOAD_SIZE_EXCEEDED"));
               } else {
-                const _temp = _catch$1(function () {
+                const _temp = _catch(function () {
                   return Promise.resolve(Digit.UploadServices.Filestorage("PT", file, Digit.ULBService.getStateId())).then(function (response) {
                     var _response$data, _response$data$files;
                     if ((response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : (_response$data$files = _response$data.files) === null || _response$data$files === void 0 ? void 0 : _response$data$files.length) > 0) {
@@ -37713,7 +37438,7 @@ const ActionModal$1 = _ref => {
               if (file.size >= 5242880) {
                 setError(t("CS_MAXIMUM_UPLOAD_SIZE_EXCEEDED"));
               } else {
-                const _temp = _catch$1(function () {
+                const _temp = _catch(function () {
                   return Promise.resolve(Digit.UploadServices.Filestorage("PT", file, Digit.ULBService.getStateId())).then(function (response) {
                     var _response$data, _response$data$files;
                     if ((response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : (_response$data$files = _response$data.files) === null || _response$data$files === void 0 ? void 0 : _response$data$files.length) > 0) {
@@ -37883,7 +37608,7 @@ const ActionModal$2 = _ref => {
                   if (file !== null && file !== void 0 && file.type && !allowedFileTypesRegex.test(file === null || file === void 0 ? void 0 : file.type)) {
                     setError(t("NOT_SUPPORTED_FILE_TYPE"));
                   } else {
-                    const _temp = _catch$1(function () {
+                    const _temp = _catch(function () {
                       return Promise.resolve(Digit.UploadServices.Filestorage("OBPS", file, Digit.ULBService.getStateId() || (tenantId === null || tenantId === void 0 ? void 0 : tenantId.split(".")[0]))).then(function (response) {
                         var _response$data, _response$data$files;
                         if ((response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : (_response$data$files = _response$data.files) === null || _response$data$files === void 0 ? void 0 : _response$data$files.length) > 0) {
@@ -38166,7 +37891,7 @@ const ActionModal$3 = _ref => {
                   if (file !== null && file !== void 0 && file.type && !allowedFileTypesRegex.test(file === null || file === void 0 ? void 0 : file.type)) {
                     setError(t("NOT_SUPPORTED_FILE_TYPE"));
                   } else {
-                    const _temp = _catch$1(function () {
+                    const _temp = _catch(function () {
                       return Promise.resolve(Digit.UploadServices.Filestorage("OBPS", file, Digit.ULBService.getStateId() || (tenantId === null || tenantId === void 0 ? void 0 : tenantId.split(".")[0]))).then(function (response) {
                         var _response$data, _response$data$files;
                         if ((response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : (_response$data$files = _response$data.files) === null || _response$data$files === void 0 ? void 0 : _response$data$files.length) > 0) {
@@ -38424,7 +38149,7 @@ const ActionModal$4 = _ref => {
                   if (file !== null && file !== void 0 && file.type && !allowedFileTypesRegex.test(file === null || file === void 0 ? void 0 : file.type)) {
                     setError(t("NOT_SUPPORTED_FILE_TYPE"));
                   } else {
-                    const _temp = _catch$1(function () {
+                    const _temp = _catch(function () {
                       return Promise.resolve(Digit.UploadServices.Filestorage("NOC", file, Digit.ULBService.getStateId() || (tenantId === null || tenantId === void 0 ? void 0 : tenantId.split(".")[0]))).then(function (response) {
                         var _response$data, _response$data$files;
                         if ((response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : (_response$data$files = _response$data.files) === null || _response$data$files === void 0 ? void 0 : _response$data$files.length) > 0) {
@@ -38651,7 +38376,7 @@ const ActionModal$5 = _ref => {
                   if (file !== null && file !== void 0 && file.type && !allowedFileTypesRegex.test(file === null || file === void 0 ? void 0 : file.type)) {
                     setError(t("NOT_SUPPORTED_FILE_TYPE"));
                   } else {
-                    const _temp = _catch$1(function () {
+                    const _temp = _catch(function () {
                       return Promise.resolve(Digit.UploadServices.Filestorage("WS", file, Digit.ULBService.getCurrentTenantId())).then(function (response) {
                         var _response$data, _response$data$files;
                         if ((response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : (_response$data$files = _response$data.files) === null || _response$data$files === void 0 ? void 0 : _response$data$files.length) > 0) {
@@ -38961,7 +38686,7 @@ const ActionModal$6 = _ref => {
               if (file.size >= 5242880) {
                 setError(t("CS_MAXIMUM_UPLOAD_SIZE_EXCEEDED"));
               } else {
-                const _temp = _catch$1(function () {
+                const _temp = _catch(function () {
                   return Promise.resolve(Digit.UploadServices.Filestorage("PTR", file, Digit.ULBService.getStateId())).then(function (response) {
                     var _response$data, _response$data$files;
                     if ((response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : (_response$data$files = _response$data.files) === null || _response$data$files === void 0 ? void 0 : _response$data$files.length) > 0) {
@@ -39251,7 +38976,7 @@ const ActionModal$8 = _ref => {
               if (file.size >= 5242880) {
                 setError(t("CS_MAXIMUM_UPLOAD_SIZE_EXCEEDED"));
               } else {
-                const _temp = _catch$1(function () {
+                const _temp = _catch(function () {
                   return Promise.resolve(Digit.UploadServices.Filestorage("CHB", file, tenantId)).then(function (response) {
                     var _response$data, _response$data$files;
                     if ((response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : (_response$data$files = _response$data.files) === null || _response$data$files === void 0 ? void 0 : _response$data$files.length) > 0) {
@@ -39417,7 +39142,7 @@ const ActionModal$9 = _ref => {
               if (file.size >= 5242880) {
                 setError(t("CS_MAXIMUM_UPLOAD_SIZE_EXCEEDED"));
               } else {
-                const _temp = _catch$1(function () {
+                const _temp = _catch(function () {
                   return Promise.resolve(Digit.UploadServices.Filestorage("PTR", file, Digit.ULBService.getStateId())).then(function (response) {
                     var _response$data, _response$data$files;
                     if ((response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : (_response$data$files = _response$data.files) === null || _response$data$files === void 0 ? void 0 : _response$data$files.length) > 0) {
@@ -39589,8 +39314,8 @@ const ActionModal$a = _ref => {
               if (file.size >= 5242880) {
                 setError(t("CS_MAXIMUM_UPLOAD_SIZE_EXCEEDED"));
               } else {
-                const _temp = _finallyRethrows$1(function () {
-                  return _catch$1(function () {
+                const _temp = _finallyRethrows(function () {
+                  return _catch(function () {
                     return Promise.resolve(Digit.UploadServices.Filestorage("StreetVending", file, tenantId)).then(function (response) {
                       var _response$data, _response$data$files;
                       if ((response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : (_response$data$files = _response$data.files) === null || _response$data$files === void 0 ? void 0 : _response$data$files.length) > 0) {
@@ -39876,7 +39601,7 @@ const ActionModal$b = _ref => {
               if (file.size >= 5242880) {
                 setError(t("CS_MAXIMUM_UPLOAD_SIZE_EXCEEDED"));
               } else {
-                const _temp = _catch$1(function () {
+                const _temp = _catch(function () {
                   return Promise.resolve(Digit.UploadServices.Filestorage("WT", file, tenantId)).then(function (response) {
                     var _response$data, _response$data$files;
                     if ((response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : (_response$data$files = _response$data.files) === null || _response$data$files === void 0 ? void 0 : _response$data$files.length) > 0) {
@@ -40564,7 +40289,7 @@ function SelectDocument$4(_ref) {
                   if (file !== null && file !== void 0 && file.type && !allowedFileTypesRegex.test(file === null || file === void 0 ? void 0 : file.type)) {
                     setError(t("NOT_SUPPORTED_FILE_TYPE"));
                   } else {
-                    const _temp = _catch$1(function () {
+                    const _temp = _catch(function () {
                       setUploadedFile(null);
                       return Promise.resolve(Digit.UploadServices.Filestorage("PT", file, Digit.ULBService.getStateId())).then(function (response) {
                         var _response$data, _response$data$files;
@@ -40954,7 +40679,7 @@ function PropertyDocuments(_ref) {
   };
   const forceDownload = function (url, fileName) {
     try {
-      return Promise.resolve(_catch$1(function () {
+      return Promise.resolve(_catch(function () {
         return Promise.resolve(fetch(url)).then(function (response) {
           if (!response.ok) {
             throw new Error("HTTP error! status: " + response.status);
@@ -41217,7 +40942,7 @@ function PropertyDocuments(_ref) {
               }));
             }
           }
-        }), "Check Verified"));
+        }), t("Check Verified")));
       })())
     })));
   };
@@ -44164,7 +43889,7 @@ const ApplicationDetails = props => {
               const nocPrmomises = (_nocData = nocData) === null || _nocData === void 0 ? void 0 : _nocData.map(noc => {
                 return nocMutation === null || nocMutation === void 0 ? void 0 : nocMutation.mutateAsync(noc);
               });
-              const _temp = _catch$1(function () {
+              const _temp = _catch(function () {
                 setIsEnableLoader(true);
                 return Promise.resolve(Promise.all(nocPrmomises)).then(function (values) {
                   values && values.map(ob => {