@djb25/digit-ui-module-ws 1.0.89 → 1.0.90

package/dist/index.modern.js

@@ -1,41 +1,34 @@
-import React, { useState, useMemo, useEffect, useRef, Fragment as Fragment$2, useReducer, useCallback } from 'react';
+import React, { useState, useMemo, useEffect, useRef, Fragment as Fragment$1, useReducer, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Link, useHistory, useLocation, Switch, Route, useRouteMatch, Redirect, useParams } from 'react-router-dom';
-import { Loader, Card, KeyNote, SubmitBar, InfoBannerIcon, SearchForm, SearchField, Dropdown, TextInput, Table, Banner, CardText, ActionBar, HomeIcon, AppContainer, ModuleHeader, ArrowLeft, PrivateRoute, LayoutWrapper, VerticalTimeline, CollapsibleCardPage, LabelFieldPair, CardLabel, CardLabelError, CheckBox, PrintBtnCommon, MultiLink, LinkButton, Toast, TickMark, FormStep, RadioOrSelect, CardHeader, CitizenInfoLabel, CardSubHeader, DatePicker, RadioButtons, UploadFile, ViewsIcon, Modal, DeleteIcon, WrapUnMaskComponent, MobileNumber, RemoveIcon, StatusTable, Row, CardSectionHeader, InfoIcon, TextArea, Header, FilterFormField, RemoveableTag as RemoveableTag$1, MultiSelectDropdown, InboxComposer, DropIcon, WSICon, EmployeeModuleCard, SearchAction, PopUp, DetailsCard, CloseSvg, Localities, DownloadBtnCommon, CollectionIcon, ResponseComposer, TelePhone, DisplayPhotos, PDFSvg, GenericFileIcon, EditIcon, Label, CardSectionSubText, DownloadIcon, CardLabelDesc, FormComposer, MultiUploadWrapper, Close as Close$f, BreakLine, CheckPoint, ConnectingCheckPoints, Menu, ButtonSelector as ButtonSelector$1, CitizenHomeCard } from '@djb25/digit-ui-react-components';
+import { Loader, Card, KeyNote, SubmitBar, InfoBannerIcon, SearchForm, SearchField, Dropdown, TextInput, Table, Banner, CardText, ActionBar, HomeIcon, AppContainer, ModuleHeader, ArrowLeft, PrivateRoute, LayoutWrapper, VerticalTimeline, CollapsibleCardPage, LabelFieldPair, CardLabel, CardLabelError, CheckBox, CardSubHeader, StatusTable, Row, Menu, Modal, TextArea, Toast, PrintBtnCommon, MultiLink, LinkButton, TickMark, FormStep, RadioOrSelect, CardHeader, CitizenInfoLabel, DatePicker, RadioButtons, UploadFile, ViewsIcon, DeleteIcon, WrapUnMaskComponent, MobileNumber, RemoveIcon, CardSectionHeader, InfoIcon, Header, FilterFormField, RemoveableTag as RemoveableTag$1, MultiSelectDropdown, InboxComposer, DropIcon, WSICon, EmployeeModuleCard, SearchAction, PopUp, DetailsCard, CloseSvg, Localities, DownloadBtnCommon, CollectionIcon, ResponseComposer, TelePhone, DisplayPhotos, PDFSvg, GenericFileIcon, EditIcon, Label, OTPInput, CardSectionSubText, DownloadIcon, CardLabelDesc, FormComposer, MultiUploadWrapper, Close as Close$g, BreakLine, CheckPoint, ConnectingCheckPoints, ButtonSelector as ButtonSelector$1, CitizenHomeCard } from '@djb25/digit-ui-react-components';
 import { useForm, Controller, useWatch, useFormContext } from 'react-hook-form';
 import { read, utils as utils$1 } from 'xlsx';
 import { useQueryClient, useQuery } from 'react-query';
 
-// 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 TestAcknowledgment = () => {
@@ -8279,8 +8272,8 @@ const WSMyApplications = () => {
     };
   });
   const sortedApplications = ((_applicationsList = applicationsList) === null || _applicationsList === void 0 ? void 0 : _applicationsList.length) > 0 ? applicationsList.sort((a, b) => {
-    var _b$auditDetails, _a$auditDetails;
-    return ((_b$auditDetails = b.auditDetails) === null || _b$auditDetails === void 0 ? void 0 : _b$auditDetails.lastModifiedTime) - ((_a$auditDetails = a.auditDetails) === null || _a$auditDetails === void 0 ? void 0 : _a$auditDetails.lastModifiedTime);
+    var _b$auditDetails, _b$auditDetails2, _a$auditDetails, _a$auditDetails2;
+    return (((_b$auditDetails = b.auditDetails) === null || _b$auditDetails === void 0 ? void 0 : _b$auditDetails.createdTime) || ((_b$auditDetails2 = b.auditDetails) === null || _b$auditDetails2 === void 0 ? void 0 : _b$auditDetails2.lastModifiedTime) || 0) - (((_a$auditDetails = a.auditDetails) === null || _a$auditDetails === void 0 ? void 0 : _a$auditDetails.createdTime) || ((_a$auditDetails2 = a.auditDetails) === null || _a$auditDetails2 === void 0 ? void 0 : _a$auditDetails2.lastModifiedTime) || 0);
   }) : [];
   let filteredApplications = sortedApplications;
   if (searchParams) {
@@ -10796,6 +10789,353 @@ const WSCalculation = _ref => {
   })));
 };
 
+const WSZROVerification = () => {
+  const {
+    t
+  } = useTranslation();
+  const tenantId = Digit.ULBService.getCurrentTenantId();
+  const {
+    isLoading,
+    data
+  } = Digit.Hooks.ws.useWSZROVerification({
+    tenantId,
+    filters: {
+      status: "PENDING",
+      offset: 0,
+      limit: 20
+    },
+    config: {
+      select: res => (res === null || res === void 0 ? void 0 : res.cases) || []
+    }
+  });
+  const columns = React.useMemo(() => [{
+    Header: t("WS_CONNECTION_NO_LABEL"),
+    accessor: "connectionNo",
+    Cell: _ref => {
+      var _row$original, _row$original2;
+      let {
+        row
+      } = _ref;
+      return /*#__PURE__*/React.createElement(Link, {
+        to: {
+          pathname: `/digit-ui/employee/ws/zro-verification-details`,
+          search: `?connectionNumber=${(_row$original = row.original) === null || _row$original === void 0 ? void 0 : _row$original.connectionNo}&tenantId=${tenantId}`,
+          state: {
+            caseData: row.original
+          }
+        },
+        style: {
+          color: "#f47738",
+          textDecoration: "none"
+        }
+      }, ((_row$original2 = row.original) === null || _row$original2 === void 0 ? void 0 : _row$original2.connectionNo) || "NA");
+    }
+  }, {
+    Header: t("WS_BILLING_PERIOD_LABEL"),
+    Cell: _ref2 => {
+      var _row$original3, _row$original4;
+      let {
+        row
+      } = _ref2;
+      const from = (_row$original3 = row.original) !== null && _row$original3 !== void 0 && _row$original3.billingPeriodFrom ? Digit.DateUtils.ConvertTimestampToDate(row.original.billingPeriodFrom) : "NA";
+      const to = (_row$original4 = row.original) !== null && _row$original4 !== void 0 && _row$original4.billingPeriodTo ? Digit.DateUtils.ConvertTimestampToDate(row.original.billingPeriodTo) : "NA";
+      return /*#__PURE__*/React.createElement("span", null, `${from} - ${to}`);
+    }
+  }, {
+    Header: t("WS_PREVIOUS_READING_LABEL"),
+    accessor: "previousReading",
+    Cell: _ref3 => {
+      var _row$original5;
+      let {
+        row
+      } = _ref3;
+      return ((_row$original5 = row.original) === null || _row$original5 === void 0 ? void 0 : _row$original5.previousReading) ?? "NA";
+    }
+  }, {
+    Header: t("WS_CURRENT_READING_LABEL"),
+    accessor: "currentReading",
+    Cell: _ref4 => {
+      var _row$original6;
+      let {
+        row
+      } = _ref4;
+      return ((_row$original6 = row.original) === null || _row$original6 === void 0 ? void 0 : _row$original6.currentReading) ?? "NA";
+    }
+  }, {
+    Header: t("WS_CONSUMPTION_LABEL"),
+    accessor: "actualConsumption",
+    Cell: _ref5 => {
+      var _row$original7;
+      let {
+        row
+      } = _ref5;
+      return ((_row$original7 = row.original) === null || _row$original7 === void 0 ? void 0 : _row$original7.actualConsumption) ?? "NA";
+    }
+  }, {
+    Header: t("WS_COMMON_TABLE_COL_APP_STATUS_LABEL"),
+    accessor: "verification.status",
+    Cell: _ref6 => {
+      var _row$original8, _row$original8$verifi;
+      let {
+        row
+      } = _ref6;
+      return (_row$original8 = row.original) !== null && _row$original8 !== void 0 && (_row$original8$verifi = _row$original8.verification) !== null && _row$original8$verifi !== void 0 && _row$original8$verifi.status ? t(`WS_ZRO_STATUS_${row.original.verification.status}`) : "NA";
+    }
+  }], [t]);
+  if (isLoading) {
+    return /*#__PURE__*/React.createElement(Loader, null);
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Table, {
+    t: t,
+    data: data || [],
+    totalRecords: (data === null || data === void 0 ? void 0 : data.length) || 0,
+    isLoading: isLoading,
+    isPaginationRequired: true,
+    csvExportData: data,
+    columns: columns
+  }));
+};
+
+const Heading = props => {
+  return /*#__PURE__*/React.createElement("h1", {
+    className: "heading-m"
+  }, props.label);
+};
+const Close = () => /*#__PURE__*/React.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "#FFFFFF"
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M0 0h24v24H0V0z",
+  fill: "none"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+}));
+const CloseBtn = props => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "icon-bg-secondary",
+    onClick: props.onClick
+  }, /*#__PURE__*/React.createElement(Close, null));
+};
+const WSZROVerificationDetails = () => {
+  var _location$state;
+  const {
+    t
+  } = useTranslation();
+  const location = useLocation();
+  const history = useHistory();
+  const [displayMenu, setDisplayMenu] = useState(false);
+  const [showModal, setShowModal] = useState(false);
+  const [selectedAction, setSelectedAction] = useState(null);
+  const [comments, setComments] = useState("");
+  const [toast, setToast] = useState(null);
+  const [isSuccess, setIsSuccess] = useState(false);
+  const [apiResponse, setApiResponse] = useState(null);
+  useEffect(() => {
+    let timer;
+    if (isSuccess) {
+      timer = setTimeout(() => {
+        history.push("/digit-ui/employee/ws/zro-application");
+      }, 10000);
+    }
+    return () => {
+      if (timer) clearTimeout(timer);
+    };
+  }, [isSuccess, history]);
+  const caseDataFromState = (_location$state = location.state) === null || _location$state === void 0 ? void 0 : _location$state.caseData;
+  const searchParams = new URLSearchParams(location.search);
+  const connectionNumber = searchParams.get("connectionNumber");
+  const tenantId = searchParams.get("tenantId") || Digit.ULBService.getCurrentTenantId();
+  const {
+    isLoading,
+    data
+  } = Digit.Hooks.ws.useWSZROVerification({
+    tenantId,
+    filters: {
+      connectionNo: connectionNumber,
+      status: "PENDING",
+      offset: 0,
+      limit: 20
+    },
+    config: {
+      enabled: !caseDataFromState && !!connectionNumber,
+      select: res => {
+        var _res$cases;
+        return res === null || res === void 0 ? void 0 : (_res$cases = res.cases) === null || _res$cases === void 0 ? void 0 : _res$cases[0];
+      }
+    }
+  });
+  const caseDetails = caseDataFromState || data;
+  if (isLoading) {
+    return /*#__PURE__*/React.createElement(Loader, null);
+  }
+  if (!caseDetails) {
+    return /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement("div", {
+      style: {
+        textAlign: "center"
+      }
+    }, t("CS_COMMON_NO_DATA")));
+  }
+  const {
+    verification,
+    ...billingData
+  } = caseDetails;
+  const formatDate = timestamp => {
+    if (!timestamp) return "NA";
+    return Digit.DateUtils.ConvertTimestampToDate(timestamp);
+  };
+  const onActionSelect = action => {
+    setSelectedAction(action);
+    setDisplayMenu(false);
+    setShowModal(true);
+  };
+  const closeModal = () => {
+    setShowModal(false);
+    setComments("");
+    setSelectedAction(null);
+  };
+  const submitAction = function () {
+    try {
+      const _temp = _catch(function () {
+        const payload = {
+          billingCycleId: billingData === null || billingData === void 0 ? void 0 : billingData.billingCycleId,
+          action: selectedAction === "VERIFY" ? "APPROVE" : "REJECT",
+          remarks: comments
+        };
+        return Promise.resolve(Digit.WSService.updateZROVerification(payload, tenantId)).then(function (res) {
+          setApiResponse(res);
+          setToast({
+            key: "success",
+            error: false,
+            message: t("WF_ZRO_ACTION_SUCCESS")
+          });
+          setShowModal(false);
+          setIsSuccess(true);
+        });
+      }, function (err) {
+        var _err$response, _err$response$data, _err$response$data$Er, _err$response$data$Er2;
+        console.error(err);
+        setToast({
+          key: "error",
+          error: true,
+          message: (err === null || err === void 0 ? void 0 : (_err$response = err.response) === null || _err$response === void 0 ? void 0 : (_err$response$data = _err$response.data) === null || _err$response$data === void 0 ? void 0 : (_err$response$data$Er = _err$response$data.Errors) === null || _err$response$data$Er === void 0 ? void 0 : (_err$response$data$Er2 = _err$response$data$Er[0]) === null || _err$response$data$Er2 === void 0 ? void 0 : _err$response$data$Er2.message) || t("CS_ACTION_ERROR")
+        });
+        closeModal();
+      });
+      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  if (isSuccess) {
+    return /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(Banner, {
+      message: t(selectedAction === "VERIFY" ? "WF_ZRO_VERIFY_SUCCESS" : "WF_ZRO_REJECT_SUCCESS"),
+      applicationNumber: apiResponse !== null && apiResponse !== void 0 && apiResponse.connectionno ? apiResponse.connectionno : connectionNumber,
+      info: apiResponse !== null && apiResponse !== void 0 && apiResponse.connectionno ? t("WS_CONNECTION_NO_LABEL") : t("WS_CONNECTION_NO_LABEL"),
+      successful: selectedAction === "VERIFY"
+    }), /*#__PURE__*/React.createElement(CardText, null, apiResponse !== null && apiResponse !== void 0 && apiResponse.message ? apiResponse.message : t("WF_ZRO_SUCCESS_MESSAGE_MAIN")), /*#__PURE__*/React.createElement(ActionBar, null, /*#__PURE__*/React.createElement(SubmitBar, {
+      label: t("CORE_COMMON_GO_TO_HOME"),
+      onSubmit: () => history.push("/digit-ui/employee/ws/zro-application")
+    })));
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardSubHeader, null, t("WS_VERIFICATION_DETAILS")), /*#__PURE__*/React.createElement(StatusTable, null, /*#__PURE__*/React.createElement(Row, {
+    label: t("WS_CONNECTION_NO_LABEL"),
+    text: (verification === null || verification === void 0 ? void 0 : verification.connectionno) || "NA"
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("WS_VERIFICATION_STATUS"),
+    text: (verification === null || verification === void 0 ? void 0 : verification.status) || "NA"
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("WS_CONSUMPTION_LABEL"),
+    text: (verification === null || verification === void 0 ? void 0 : verification.consumption) ?? "NA"
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("WS_PREVIOUS_CONSUMPTION"),
+    text: (verification === null || verification === void 0 ? void 0 : verification.previousconsumption) ?? "NA"
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("WS_DEVIATION_FACTOR"),
+    text: verification !== null && verification !== void 0 && verification.deviationfactor ? Number(verification.deviationfactor).toFixed(2) : "NA"
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("WS_REMARKS"),
+    text: (verification === null || verification === void 0 ? void 0 : verification.remarks) || "NA"
+  })), /*#__PURE__*/React.createElement(CardSubHeader, {
+    style: {
+      marginTop: "32px"
+    }
+  }, t("WS_BILLING_AND_CONSUMPTION_DETAILS")), /*#__PURE__*/React.createElement(StatusTable, null, /*#__PURE__*/React.createElement(Row, {
+    label: t("WS_BILLING_CYCLE_ID"),
+    text: billingData.billingCycleId || "NA"
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("WS_BILLING_PERIOD"),
+    text: `${formatDate(billingData.billingPeriodFrom)} - ${formatDate(billingData.billingPeriodTo)}`
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("WS_BILLING_DAYS"),
+    text: billingData.billingDays ?? "NA"
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("WS_PREVIOUS_READING_LABEL"),
+    text: billingData.previousReading ?? "NA"
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("WS_PREVIOUS_OK_READING_DATE"),
+    text: formatDate(billingData.previousOkReadingDate)
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("WS_CURRENT_READING_LABEL"),
+    text: billingData.currentReading ?? "NA"
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("WS_READING_QUALITY_CODE"),
+    text: billingData.readingQualityCode || "NA"
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("WS_BILLING_BASIS"),
+    text: billingData.billingBasis || "NA"
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("WS_ACTUAL_CONSUMPTION"),
+    text: billingData.actualConsumption ?? "NA"
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("WS_MONTHLY_CONSUMPTION"),
+    text: billingData.monthlyConsumption ? Number(billingData.monthlyConsumption).toFixed(2) : "NA"
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("WS_THRESHOLD_CONSUMPTION"),
+    text: billingData.thresholdConsumption ? Number(billingData.thresholdConsumption).toFixed(2) : "NA"
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("WS_1_5X_FLAG"),
+    text: billingData.onePointFiveXFlag ? t("CORE_COMMON_YES") : t("CORE_COMMON_NO")
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("WS_BILLING_CYCLE_STATUS"),
+    text: billingData.billingCycleStatus || "NA"
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("WS_CORRECTION_STATUS"),
+    text: billingData.correctionStatus || "NA"
+  }))), /*#__PURE__*/React.createElement(ActionBar, null, displayMenu ? /*#__PURE__*/React.createElement(Menu, {
+    localeKeyPrefix: "WF_ZRO",
+    options: ["VERIFY", "REJECT"],
+    t: t,
+    onSelect: onActionSelect
+  }) : null, /*#__PURE__*/React.createElement(SubmitBar, {
+    label: t("WF_TAKE_ACTION"),
+    onSubmit: () => setDisplayMenu(!displayMenu)
+  })), showModal && /*#__PURE__*/React.createElement(Modal, {
+    headerBarMain: /*#__PURE__*/React.createElement(Heading, {
+      label: selectedAction === "VERIFY" ? t("WF_ZRO_VERIFY") : t("WF_ZRO_REJECT")
+    }),
+    headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn, {
+      onClick: closeModal
+    }),
+    actionCancelLabel: t("CS_COMMON_CANCEL"),
+    actionCancelOnSubmit: closeModal,
+    actionSaveLabel: selectedAction === "VERIFY" ? t("WF_ZRO_VERIFY") : t("WF_ZRO_REJECT"),
+    actionSaveOnSubmit: submitAction
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginBottom: "16px"
+    }
+  }, /*#__PURE__*/React.createElement(CardLabel, null, t("WF_COMMON_COMMENTS")), /*#__PURE__*/React.createElement(TextArea, {
+    name: "comments",
+    value: comments,
+    onChange: e => setComments(e.target.value)
+  }))), toast && /*#__PURE__*/React.createElement(Toast, {
+    error: toast.error,
+    label: toast.message,
+    onClose: () => setToast(null)
+  }));
+};
+
 const BILLSBreadCrumbs = _ref => {
   var _applicationDetails$a, _applicationDetails$a9, _applicationDetails$a0, _applicationDetails$a1, _applicationDetails$a13, _applicationDetails$a14, _reciept_data$Payment2;
   const getRecieptSearch = function (tenantId, payments, consumerCodes, receiptKey) {
@@ -11245,6 +11585,10 @@ const BILLSBreadCrumbs = _ref => {
     path: "/digit-ui/employee/ws/water/calculation",
     label: t("WS_CALCULATION"),
     show: location.pathname.includes("/ws/water/calculation") ? true : false
+  }, {
+    path: "/digit-ui/employee/ws/zro-application",
+    label: t("WS_ZRO_VERIFICATION"),
+    show: location.pathname.includes("/ws/zro-application") ? true : false
   }];
   let lastCrumbIndex = findLastIndex(crumbs, "show", true);
   crumbs[lastCrumbIndex] = {
@@ -11584,6 +11928,12 @@ const App$1 = _ref2 => {
     component: props => /*#__PURE__*/React.createElement(WSCalculation, _extends({}, props, {
       parentRoute: path
     }))
+  }), /*#__PURE__*/React.createElement(PrivateRoute, {
+    path: `${path}/zro-application`,
+    component: () => /*#__PURE__*/React.createElement(WSZROVerification, null)
+  }), /*#__PURE__*/React.createElement(PrivateRoute, {
+    path: `${path}/zro-verification-details`,
+    component: () => /*#__PURE__*/React.createElement(WSZROVerificationDetails, null)
   }))))));
 };
 
@@ -16756,31 +17106,6 @@ const WSActivationSupportingDocuments = _ref => {
   }))));
 };
 
-const _iteratorSymbol$1 = /*#__PURE__*/typeof Symbol !== "undefined" ? Symbol.iterator || (Symbol.iterator = Symbol("Symbol.iterator")) : "@@iterator";
-const _asyncIteratorSymbol$1 = /*#__PURE__*/typeof Symbol !== "undefined" ? Symbol.asyncIterator || (Symbol.asyncIterator = Symbol("Symbol.asyncIterator")) : "@@asyncIterator";
-function _catch$1(body, recover) {
-  try {
-    var result = body();
-  } catch (e) {
-    return recover(e);
-  }
-  if (result && result.then) {
-    return result.then(void 0, recover);
-  }
-  return result;
-}
-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);
-}
-
 var b = "function" === typeof Symbol && Symbol.for,
   c = b ? Symbol.for("react.element") : 60103,
   d = b ? Symbol.for("react.portal") : 60106,
@@ -17701,7 +18026,7 @@ ButtonSelector.defaultProps = {
   onSubmit: undefined
 };
 
-const Close = _ref23 => {
+const Close$1 = _ref23 => {
   let {
     className,
     style
@@ -17737,7 +18062,7 @@ const RemoveableTag = _ref => {
     style: extraStyles ? extraStyles === null || extraStyles === void 0 ? void 0 : extraStyles.textStyles : {}
   }, text), /*#__PURE__*/React.createElement("span", {
     onClick: disabled ? null : onClick
-  }, /*#__PURE__*/React.createElement(Close, {
+  }, /*#__PURE__*/React.createElement(Close$1, {
     className: "close",
     style: extraStyles ? extraStyles === null || extraStyles === void 0 ? void 0 : extraStyles.closeIconStyles : {}
   })));
@@ -17933,7 +18258,7 @@ const UploadFileDigiLocker = props => {
     try {
       let _exit = false;
       e.preventDefault();
-      return Promise.resolve(_catch$1(function () {
+      return Promise.resolve(_catch(function () {
         function _temp13(_result) {
           if (_exit) return _result;
           let TokenReq = {
@@ -18144,7 +18469,7 @@ const UploadFileDigiLocker = props => {
             function _temp2() {
               _exit = true;
             }
-            const _temp = _catch$1(function () {
+            const _temp = _catch(function () {
               const tenantId = Digit.ULBService.getCurrentTenantId() || "dl.djb";
               return Promise.resolve(Digit.DigiLockerService.authorization({
                 module: "WS",
@@ -18213,7 +18538,7 @@ const UploadFileDigiLocker = props => {
     fill: "#0B0C0C"
   }));
   const showHint = (props === null || props === void 0 ? void 0 : props.showHint) || false;
-  return /*#__PURE__*/React.createElement(Fragment$2, null, showHint && /*#__PURE__*/React.createElement("p", {
+  return /*#__PURE__*/React.createElement(Fragment$1, null, showHint && /*#__PURE__*/React.createElement("p", {
     className: "cell-text"
   }, t(props === null || props === void 0 ? void 0 : props.hintText)), /*#__PURE__*/React.createElement("div", {
     className: `upload-file ${user_type === "employee" ? "" : "upload-file-max-width"} ${props.disabled ? " disabled" : ""}`,
@@ -19792,7 +20117,7 @@ const WSDisconnectionDocsRequired = _ref => {
   } = Digit.Hooks.ws.WSSearchMdmsTypes.useWSServicesMasters(tenantId, "DisconnectionDocuments");
   if (userType === "citizen") {
     var _wsDocs$Disconnection;
-    return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardHeader, null, t(`WS_COMMON_APPLICATION_DISCONNECTION`)), /*#__PURE__*/React.createElement(CitizenInfoLabel, {
+    return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardHeader, null, t(`WS_COMMON_APPLICATION_DISCONNECTION`)), /*#__PURE__*/React.createElement(CitizenInfoLabel, {
       style: {
         margin: "0px"
       },
@@ -19818,7 +20143,7 @@ const WSDisconnectionDocsRequired = _ref => {
         color: "#0B0C0C",
         marginTop: "12px"
       }
-    }, t(`WS_NEW_CONNECTION_TEST_3`)), wsDocsLoading ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(Fragment$2, null, wsDocs === null || wsDocs === void 0 ? void 0 : (_wsDocs$Disconnection = wsDocs.DisconnectionDocuments) === null || _wsDocs$Disconnection === void 0 ? void 0 : _wsDocs$Disconnection.map((doc, index) => {
+    }, t(`WS_NEW_CONNECTION_TEST_3`)), wsDocsLoading ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(Fragment$1, null, wsDocs === null || wsDocs === void 0 ? void 0 : (_wsDocs$Disconnection = wsDocs.DisconnectionDocuments) === null || _wsDocs$Disconnection === void 0 ? void 0 : _wsDocs$Disconnection.map((doc, index) => {
       var _doc$dropdownData;
       return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
         style: {
@@ -24765,7 +25090,7 @@ const FilterFormFieldsComponent = _ref => {
     });
     return props.onChange(res);
   };
-  return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(FilterFormField, null, /*#__PURE__*/React.createElement(Controller, {
+  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(FilterFormField, null, /*#__PURE__*/React.createElement(Controller, {
     name: "assignee",
     control: controlFilterForm,
     render: props => {
@@ -24796,7 +25121,7 @@ const FilterFormFieldsComponent = _ref => {
           });
         });
       }, [props === null || props === void 0 ? void 0 : props.value]);
-      return loadingLocalitiesForEmployeesCurrentTenant ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement("div", {
+      return loadingLocalitiesForEmployeesCurrentTenant ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement("div", {
         className: "filter-label sub-filter-label"
       }, t("ES_INBOX_LOCALITY")), /*#__PURE__*/React.createElement(MultiSelectDropdown, {
         options: localitiesForEmployeesCurrentTenant ? localitiesForEmployeesCurrentTenant : [],
@@ -24831,9 +25156,9 @@ const FilterFormFieldsComponent = _ref => {
           key: index + 1
         });
       }), [props.value, statuses]);
-      return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement("div", {
         className: "filter-label sub-filter-label"
-      }, t("WS_COMMON_TABLE_COL_APP_TYPE_LABEL")), isInboxLoading ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(Fragment$2, null, " ", renderStatusCheckBoxess));
+      }, t("WS_COMMON_TABLE_COL_APP_TYPE_LABEL")), isInboxLoading ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(Fragment$1, null, " ", renderStatusCheckBoxess));
     }
   })), (selectedApplicationType === null || selectedApplicationType === void 0 ? void 0 : selectedApplicationType.length) > 0 ? /*#__PURE__*/React.createElement(FilterFormField, null, /*#__PURE__*/React.createElement(Controller, {
     name: "applicationStatus",
@@ -24860,9 +25185,9 @@ const FilterFormFieldsComponent = _ref => {
           });
         });
       }, [props.value, statuses, selectedApplicationType]);
-      return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement("div", {
         className: "filter-label sub-filter-label"
-      }, t("WS_MYCONNECTIONS_STATUS")), isInboxLoading ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(Fragment$2, null, renderStatusCheckBoxes));
+      }, t("WS_MYCONNECTIONS_STATUS")), isInboxLoading ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(Fragment$1, null, renderStatusCheckBoxes));
     }
   })) : null);
 };
@@ -26126,7 +26451,7 @@ const SearchFields$1 = _ref => {
     title: t("ERR_DEFAULT_INPUT_FIELD_MSG")
   };
   let validation = {};
-  return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(SearchField, null, /*#__PURE__*/React.createElement("label", null, t("WS_MYCONNECTIONS_CONSUMER_NO")), /*#__PURE__*/React.createElement(TextInput, _extends({
+  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(SearchField, null, /*#__PURE__*/React.createElement("label", null, t("WS_MYCONNECTIONS_CONSUMER_NO")), /*#__PURE__*/React.createElement(TextInput, _extends({
     name: "connectionNumber",
     inputRef: register({})
   }, validation = {
@@ -26794,7 +27119,7 @@ const BulkBillSearchFields = _ref => {
     setValue('tenantId', tenant);
     setLocality(value);
   }
-  return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(SearchField, null, /*#__PURE__*/React.createElement("label", null, t("WS_SEARCH_CONNNECTION_CITY")), /*#__PURE__*/React.createElement(TextInput, {
+  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(SearchField, null, /*#__PURE__*/React.createElement("label", null, t("WS_SEARCH_CONNNECTION_CITY")), /*#__PURE__*/React.createElement(TextInput, {
     name: "city",
     disable: true,
     value: t(tenant),
@@ -27237,7 +27562,7 @@ const BulkBillSearch = _ref => {
       return GetCell((_row$original11 = row.original) === null || _row$original11 === void 0 ? void 0 : _row$original11["status"]);
     }
   }]);
-  return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(Header, {
+  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(Header, {
     styles: {
       fontSize: "32px"
     }
@@ -27519,7 +27844,11 @@ const WSCard = () => {
       label: t("WS_APPLY_MUTATION"),
       link: `/digit-ui/employee/ws/mutation-application`,
       roles: ["WS_CEMP", "WS_APPROVER", "WS_FIELD_INSPECTOR", "WS_DOC_VERIFIER", "WS_CLERK", "SW_CEMP", "SW_APPROVER", "SW_FIELD_INSPECTOR", "SW_DOC_VERIFIER", "SW_CLERK"]
-    }]
+    }, {
+      label: t("WS_ZRO_VERIFICATION"),
+      link: `/digit-ui/employee/ws/zro-application`,
+      roles: ["WS_CEMP", "WS_APPROVER", "WS_FIELD_INSPECTOR", "WS_DOC_VERIFIER", "WS_CLERK", "SW_CEMP", "SW_APPROVER", "SW_FIELD_INSPECTOR", "SW_DOC_VERIFIER", "SW_CLERK"]
+    }].filter(link => link.roles ? checkForEmployee(link.roles) : true)
   };
   return /*#__PURE__*/React.createElement(EmployeeModuleCard, propsForModuleCard);
 };
@@ -27619,7 +27948,7 @@ const SearchFormFieldsComponents$1 = _ref => {
     componentInFront: "+91"
   };
   let validation = {};
-  return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(SearchField, {
+  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(SearchField, {
     className: "wns-search-field"
   }, /*#__PURE__*/React.createElement("label", null, t("BILLAMEND_APPLICATIONNO")), /*#__PURE__*/React.createElement(TextInput, _extends({
     name: "applicationNumber",
@@ -27687,7 +28016,7 @@ const FilterFormFieldsComponent$1 = _ref => {
     });
     return props.onChange(res);
   };
-  return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(FilterFormField, null, /*#__PURE__*/React.createElement(Controller, {
+  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(FilterFormField, null, /*#__PURE__*/React.createElement(Controller, {
     name: "assignee",
     control: controlFilterForm,
     render: props => /*#__PURE__*/React.createElement(RadioButtons, {
@@ -27716,7 +28045,7 @@ const FilterFormFieldsComponent$1 = _ref => {
           });
         });
       }, [props === null || props === void 0 ? void 0 : props.value]);
-      return loadingLocalitiesForEmployeesCurrentTenant ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement("div", {
+      return loadingLocalitiesForEmployeesCurrentTenant ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement("div", {
         className: "filter-label sub-filter-label"
       }, t("ES_INBOX_LOCALITY")), /*#__PURE__*/React.createElement(MultiSelectDropdown, {
         options: localitiesForEmployeesCurrentTenant ? localitiesForEmployeesCurrentTenant : [],
@@ -27755,9 +28084,9 @@ const FilterFormFieldsComponent$1 = _ref => {
           key: index + 1
         });
       }), [props.value, statuses]);
-      return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement("div", {
         className: "filter-label sub-filter-label"
-      }, t("CS_INBOX_STATUS_FILTER")), isInboxLoading ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(Fragment$2, null, " ", renderStatusCheckBoxess));
+      }, t("CS_INBOX_STATUS_FILTER")), isInboxLoading ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(Fragment$1, null, " ", renderStatusCheckBoxess));
     }
   })));
 };
@@ -28281,7 +28610,7 @@ const Inbox = _ref => {
     sortFormDefaultValues: formState === null || formState === void 0 ? void 0 : formState.tableForm,
     onSortFormReset
   };
-  return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(Header, null, t("ES_COMMON_INBOX"), totalCount ? /*#__PURE__*/React.createElement("p", {
+  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(Header, null, t("ES_COMMON_INBOX"), totalCount ? /*#__PURE__*/React.createElement("p", {
     className: "inbox-count"
   }, totalCount) : null), /*#__PURE__*/React.createElement(InboxComposer, _extends({
     isInboxLoading,
@@ -29389,1101 +29718,6 @@ 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$1="function"===typeof Symbol&&Symbol.for,c$1=b$1?Symbol.for("react.element"):60103,d$1=b$1?Symbol.for("react.portal"):60106,e$1=b$1?Symbol.for("react.fragment"):60107,f$1=b$1?Symbol.for("react.strict_mode"):60108,g$1=b$1?Symbol.for("react.profiler"):60114,h$1=b$1?Symbol.for("react.provider"):60109,k$1=b$1?Symbol.for("react.context"):60110,l$1=b$1?Symbol.for("react.async_mode"):60111,m$1=b$1?Symbol.for("react.concurrent_mode"):60111,n$1=b$1?Symbol.for("react.forward_ref"):60112,p$1=b$1?Symbol.for("react.suspense"):60113,q$1=b$1?
-Symbol.for("react.suspense_list"):60120,r$1=b$1?Symbol.for("react.memo"):60115,t$1=b$1?Symbol.for("react.lazy"):60116,v$1=b$1?Symbol.for("react.block"):60121,w$1=b$1?Symbol.for("react.fundamental"):60117,x$1=b$1?Symbol.for("react.responder"):60118,y$1=b$1?Symbol.for("react.scope"):60119;
-function z$1(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c$1:switch(a=a.type,a){case l$1:case m$1:case e$1:case g$1:case f$1:case p$1:return a;default:switch(a=a&&a.$$typeof,a){case k$1:case n$1:case t$1:case r$1:case h$1:return a;default:return u}}case d$1:return u}}}function A$1(a){return z$1(a)===m$1}var AsyncMode$1=l$1;var ConcurrentMode$1=m$1;var ContextConsumer$1=k$1;var ContextProvider$1=h$1;var Element$1=c$1;var ForwardRef$1=n$1;var Fragment$1=e$1;var Lazy$1=t$1;var Memo$1=r$1;var Portal$1=d$1;
-var Profiler$1=g$1;var StrictMode$1=f$1;var Suspense$1=p$1;var isAsyncMode$1=function(a){return A$1(a)||z$1(a)===l$1};var isConcurrentMode$1=A$1;var isContextConsumer$1=function(a){return z$1(a)===k$1};var isContextProvider$1=function(a){return z$1(a)===h$1};var isElement$1=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c$1};var isForwardRef$1=function(a){return z$1(a)===n$1};var isFragment$1=function(a){return z$1(a)===e$1};var isLazy$1=function(a){return z$1(a)===t$1};
-var isMemo$1=function(a){return z$1(a)===r$1};var isPortal$1=function(a){return z$1(a)===d$1};var isProfiler$1=function(a){return z$1(a)===g$1};var isStrictMode$1=function(a){return z$1(a)===f$1};var isSuspense$1=function(a){return z$1(a)===p$1};
-var isValidElementType$1=function(a){return "string"===typeof a||"function"===typeof a||a===e$1||a===m$1||a===g$1||a===f$1||a===p$1||a===q$1||"object"===typeof a&&null!==a&&(a.$$typeof===t$1||a.$$typeof===r$1||a.$$typeof===h$1||a.$$typeof===k$1||a.$$typeof===n$1||a.$$typeof===w$1||a.$$typeof===x$1||a.$$typeof===y$1||a.$$typeof===v$1)};var typeOf$1=z$1;
-
-var reactIs_production_min$1 = {
-	AsyncMode: AsyncMode$1,
-	ConcurrentMode: ConcurrentMode$1,
-	ContextConsumer: ContextConsumer$1,
-	ContextProvider: ContextProvider$1,
-	Element: Element$1,
-	ForwardRef: ForwardRef$1,
-	Fragment: Fragment$1,
-	Lazy: Lazy$1,
-	Memo: Memo$1,
-	Portal: Portal$1,
-	Profiler: Profiler$1,
-	StrictMode: StrictMode$1,
-	Suspense: Suspense$1,
-	isAsyncMode: isAsyncMode$1,
-	isConcurrentMode: isConcurrentMode$1,
-	isContextConsumer: isContextConsumer$1,
-	isContextProvider: isContextProvider$1,
-	isElement: isElement$1,
-	isForwardRef: isForwardRef$1,
-	isFragment: isFragment$1,
-	isLazy: isLazy$1,
-	isMemo: isMemo$1,
-	isPortal: isPortal$1,
-	isProfiler: isProfiler$1,
-	isStrictMode: isStrictMode$1,
-	isSuspense: isSuspense$1,
-	isValidElementType: isValidElementType$1,
-	typeOf: typeOf$1
-};
-
-var reactIs_development$1 = createCommonjsModule(function (module, exports) {
-
-
-
-if (process.env.NODE_ENV !== "production") {
-  (function() {
-
-// 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;
-
-          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;
-} // 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;
-}
-
-exports.AsyncMode = AsyncMode;
-exports.ConcurrentMode = ConcurrentMode;
-exports.ContextConsumer = ContextConsumer;
-exports.ContextProvider = ContextProvider;
-exports.Element = Element;
-exports.ForwardRef = ForwardRef;
-exports.Fragment = Fragment;
-exports.Lazy = Lazy;
-exports.Memo = Memo;
-exports.Portal = Portal;
-exports.Profiler = Profiler;
-exports.StrictMode = StrictMode;
-exports.Suspense = Suspense;
-exports.isAsyncMode = isAsyncMode;
-exports.isConcurrentMode = isConcurrentMode;
-exports.isContextConsumer = isContextConsumer;
-exports.isContextProvider = isContextProvider;
-exports.isElement = isElement;
-exports.isForwardRef = isForwardRef;
-exports.isFragment = isFragment;
-exports.isLazy = isLazy;
-exports.isMemo = isMemo;
-exports.isPortal = isPortal;
-exports.isProfiler = isProfiler;
-exports.isStrictMode = isStrictMode;
-exports.isSuspense = isSuspense;
-exports.isValidElementType = isValidElementType;
-exports.typeOf = typeOf;
-  })();
-}
-});
-
-var reactIs$1 = createCommonjsModule(function (module) {
-
-if (process.env.NODE_ENV === 'production') {
-  module.exports = reactIs_production_min$1;
-} else {
-  module.exports = reactIs_development$1;
-}
-});
-
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
-/* eslint-disable no-unused-vars */
-var getOwnPropertySymbols$1 = Object.getOwnPropertySymbols;
-var hasOwnProperty$b = Object.prototype.hasOwnProperty;
-var propIsEnumerable$1 = Object.prototype.propertyIsEnumerable;
-
-function toObject$1(val) {
-	if (val === null || val === undefined) {
-		throw new TypeError('Object.assign cannot be called with null or undefined');
-	}
-
-	return Object(val);
-}
-
-function shouldUseNative$1() {
-	try {
-		if (!Object.assign) {
-			return false;
-		}
-
-		// 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;
-	}
-}
-
-var objectAssign$1 = shouldUseNative$1() ? Object.assign : function (target, source) {
-	var from;
-	var to = toObject$1(target);
-	var symbols;
-
-	for (var s = 1; s < arguments.length; s++) {
-		from = Object(arguments[s]);
-
-		for (var key in from) {
-			if (hasOwnProperty$b.call(from, key)) {
-				to[key] = from[key];
-			}
-		}
-
-		if (getOwnPropertySymbols$1) {
-			symbols = getOwnPropertySymbols$1(from);
-			for (var i = 0; i < symbols.length; i++) {
-				if (propIsEnumerable$1.call(from, symbols[i])) {
-					to[symbols[i]] = from[symbols[i]];
-				}
-			}
-		}
-	}
-
-	return to;
-};
-
-/**
- * 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$2 = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
-
-var ReactPropTypesSecret_1$1 = ReactPropTypesSecret$2;
-
-var has$2 = Function.call.bind(Object.prototype.hasOwnProperty);
-
-var printWarning$2 = function() {};
-
-if (process.env.NODE_ENV !== 'production') {
-  var ReactPropTypesSecret$3 = ReactPropTypesSecret_1$1;
-  var loggedTypeFailures$1 = {};
-  var has$3 = has$2;
-
-  printWarning$2 = function(text) {
-    var message = 'Warning: ' + text;
-    if (typeof console !== 'undefined') {
-      console.error(message);
-    }
-    try {
-      // --- 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) { /**/ }
-  };
-}
-
-/**
- * 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$1(typeSpecs, values, location, componentName, getStack) {
-  if (process.env.NODE_ENV !== 'production') {
-    for (var typeSpecName in typeSpecs) {
-      if (has$3(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`.'
-            );
-            err.name = 'Invariant Violation';
-            throw err;
-          }
-          error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret$3);
-        } catch (ex) {
-          error = ex;
-        }
-        if (error && !(error instanceof Error)) {
-          printWarning$2(
-            (componentName || 'React class') + ': type specification of ' +
-            location + ' `' + typeSpecName + '` is invalid; the type checker ' +
-            'function must return `null` or an `Error` but returned a ' + typeof error + '. ' +
-            'You may have forgotten to pass an argument to the type checker ' +
-            'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' +
-            'shape all require an argument).'
-          );
-        }
-        if (error instanceof Error && !(error.message in loggedTypeFailures$1)) {
-          // Only monitor this failure once because there tends to be a lot of the
-          // same error.
-          loggedTypeFailures$1[error.message] = true;
-
-          var stack = getStack ? getStack() : '';
-
-          printWarning$2(
-            'Failed ' + location + ' type: ' + error.message + (stack != null ? stack : '')
-          );
-        }
-      }
-    }
-  }
-}
-
-/**
- * Resets warning cache when testing.
- *
- * @private
- */
-checkPropTypes$1.resetWarningCache = function() {
-  if (process.env.NODE_ENV !== 'production') {
-    loggedTypeFailures$1 = {};
-  }
-};
-
-var checkPropTypes_1$1 = checkPropTypes$1;
-
-var printWarning$3 = function() {};
-
-if (process.env.NODE_ENV !== 'production') {
-  printWarning$3 = function(text) {
-    var message = 'Warning: ' + text;
-    if (typeof console !== 'undefined') {
-      console.error(message);
-    }
-    try {
-      // --- 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$1() {
-  return null;
-}
-
-var factoryWithTypeCheckers$1 = function(isValidElement, throwOnDirectAccess) {
-  /* global Symbol */
-  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}
-   */
-  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'),
-    bool: createPrimitiveTypeChecker('boolean'),
-    func: createPrimitiveTypeChecker('function'),
-    number: createPrimitiveTypeChecker('number'),
-    object: createPrimitiveTypeChecker('object'),
-    string: createPrimitiveTypeChecker('string'),
-    symbol: createPrimitiveTypeChecker('symbol'),
-
-    any: createAnyTypeChecker(),
-    arrayOf: createArrayOfTypeChecker,
-    element: createElementTypeChecker(),
-    elementType: createElementTypeTypeChecker(),
-    instanceOf: createInstanceTypeChecker,
-    node: createNodeChecker(),
-    objectOf: createObjectOfTypeChecker,
-    oneOf: createEnumTypeChecker,
-    oneOfType: createUnionTypeChecker,
-    shape: createShapeTypeChecker,
-    exact: createStrictShapeTypeChecker,
-  };
-
-  /**
-   * 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.stack = '';
-  }
-  // Make `instanceof Error` still work for returned errors.
-  PropTypeError.prototype = Error.prototype;
-
-  function createChainableTypeChecker(validate) {
-    if (process.env.NODE_ENV !== 'production') {
-      var manualPropTypeCallCache = {};
-      var manualPropTypeWarningCount = 0;
-    }
-    function checkType(isRequired, props, propName, componentName, location, propFullName, secret) {
-      componentName = componentName || ANONYMOUS;
-      propFullName = propFullName || propName;
-
-      if (secret !== ReactPropTypesSecret_1$1) {
-        if (throwOnDirectAccess) {
-          // 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'
-          );
-          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$3(
-              'You are manually calling a React.PropTypes validation ' +
-              'function for the `' + propFullName + '` prop on `' + componentName + '`. This is deprecated ' +
-              'and will throw in the standalone `prop-types` package. ' +
-              'You may be seeing this warning due to a third-party PropTypes ' +
-              'library. See https://fb.me/react-warning-dont-call-proptypes ' + 'for details.'
-            );
-            manualPropTypeCallCache[cacheKey] = true;
-            manualPropTypeWarningCount++;
-          }
-        }
-      }
-      if (props[propName] == null) {
-        if (isRequired) {
-          if (props[propName] === null) {
-            return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required ' + ('in `' + componentName + '`, but its value is `null`.'));
-          }
-          return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required in ' + ('`' + componentName + '`, but its value is `undefined`.'));
-        }
-        return null;
-      } else {
-        return validate(props, propName, componentName, location, propFullName);
-      }
-    }
-
-    var chainedCheckType = checkType.bind(null, false);
-    chainedCheckType.isRequired = checkType.bind(null, true);
-
-    return chainedCheckType;
-  }
-
-  function createPrimitiveTypeChecker(expectedType) {
-    function validate(props, propName, componentName, location, propFullName, secret) {
-      var propValue = props[propName];
-      var propType = getPropType(propValue);
-      if (propType !== expectedType) {
-        // `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 null;
-    }
-    return createChainableTypeChecker(validate);
-  }
-
-  function createAnyTypeChecker() {
-    return createChainableTypeChecker(emptyFunctionThatReturnsNull$1);
-  }
-
-  function createArrayOfTypeChecker(typeChecker) {
-    function validate(props, propName, componentName, location, propFullName) {
-      if (typeof typeChecker !== 'function') {
-        return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside arrayOf.');
-      }
-      var propValue = props[propName];
-      if (!Array.isArray(propValue)) {
-        var propType = getPropType(propValue);
-        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an array.'));
-      }
-      for (var i = 0; i < propValue.length; i++) {
-        var error = typeChecker(propValue, i, componentName, location, propFullName + '[' + i + ']', ReactPropTypesSecret_1$1);
-        if (error instanceof Error) {
-          return error;
-        }
-      }
-      return null;
-    }
-    return createChainableTypeChecker(validate);
-  }
-
-  function createElementTypeChecker() {
-    function validate(props, propName, componentName, location, propFullName) {
-      var propValue = props[propName];
-      if (!isValidElement(propValue)) {
-        var propType = getPropType(propValue);
-        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement.'));
-      }
-      return null;
-    }
-    return createChainableTypeChecker(validate);
-  }
-
-  function createElementTypeTypeChecker() {
-    function validate(props, propName, componentName, location, propFullName) {
-      var propValue = props[propName];
-      if (!reactIs$1.isValidElementType(propValue)) {
-        var propType = getPropType(propValue);
-        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement type.'));
-      }
-      return null;
-    }
-    return createChainableTypeChecker(validate);
-  }
-
-  function createInstanceTypeChecker(expectedClass) {
-    function validate(props, propName, componentName, location, propFullName) {
-      if (!(props[propName] instanceof expectedClass)) {
-        var expectedClassName = expectedClass.name || ANONYMOUS;
-        var actualClassName = getClassName(props[propName]);
-        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + actualClassName + '` supplied to `' + componentName + '`, expected ') + ('instance of `' + expectedClassName + '`.'));
-      }
-      return null;
-    }
-    return createChainableTypeChecker(validate);
-  }
-
-  function createEnumTypeChecker(expectedValues) {
-    if (!Array.isArray(expectedValues)) {
-      if (process.env.NODE_ENV !== 'production') {
-        if (arguments.length > 1) {
-          printWarning$3(
-            'Invalid arguments supplied to oneOf, expected an array, got ' + arguments.length + ' arguments. ' +
-            'A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).'
-          );
-        } else {
-          printWarning$3('Invalid argument supplied to oneOf, expected an array.');
-        }
-      }
-      return emptyFunctionThatReturnsNull$1;
-    }
-
-    function validate(props, propName, componentName, location, propFullName) {
-      var propValue = props[propName];
-      for (var i = 0; i < expectedValues.length; i++) {
-        if (is(propValue, expectedValues[i])) {
-          return null;
-        }
-      }
-
-      var valuesString = JSON.stringify(expectedValues, function replacer(key, value) {
-        var type = getPreciseType(value);
-        if (type === 'symbol') {
-          return String(value);
-        }
-        return value;
-      });
-      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of value `' + String(propValue) + '` ' + ('supplied to `' + componentName + '`, expected one of ' + valuesString + '.'));
-    }
-    return createChainableTypeChecker(validate);
-  }
-
-  function createObjectOfTypeChecker(typeChecker) {
-    function validate(props, propName, componentName, location, propFullName) {
-      if (typeof typeChecker !== 'function') {
-        return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside objectOf.');
-      }
-      var propValue = props[propName];
-      var propType = getPropType(propValue);
-      if (propType !== 'object') {
-        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an object.'));
-      }
-      for (var key in propValue) {
-        if (has$2(propValue, key)) {
-          var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret_1$1);
-          if (error instanceof Error) {
-            return error;
-          }
-        }
-      }
-      return null;
-    }
-    return createChainableTypeChecker(validate);
-  }
-
-  function createUnionTypeChecker(arrayOfTypeCheckers) {
-    if (!Array.isArray(arrayOfTypeCheckers)) {
-      process.env.NODE_ENV !== 'production' ? printWarning$3('Invalid argument supplied to oneOfType, expected an instance of array.') : void 0;
-      return emptyFunctionThatReturnsNull$1;
-    }
-
-    for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
-      var checker = arrayOfTypeCheckers[i];
-      if (typeof checker !== 'function') {
-        printWarning$3(
-          'Invalid argument supplied to oneOfType. Expected an array of check functions, but ' +
-          'received ' + getPostfixForTypeWarning(checker) + ' at index ' + i + '.'
-        );
-        return emptyFunctionThatReturnsNull$1;
-      }
-    }
-
-    function validate(props, propName, componentName, location, propFullName) {
-      var expectedTypes = [];
-      for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
-        var checker = arrayOfTypeCheckers[i];
-        var checkerResult = checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret_1$1);
-        if (checkerResult == null) {
-          return null;
-        }
-        if (checkerResult.data && has$2(checkerResult.data, 'expectedType')) {
-          expectedTypes.push(checkerResult.data.expectedType);
-        }
-      }
-      var expectedTypesMessage = (expectedTypes.length > 0) ? ', expected one of type [' + expectedTypes.join(', ') + ']': '';
-      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`' + expectedTypesMessage + '.'));
-    }
-    return createChainableTypeChecker(validate);
-  }
-
-  function createNodeChecker() {
-    function validate(props, propName, componentName, location, propFullName) {
-      if (!isNode(props[propName])) {
-        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`, expected a ReactNode.'));
-      }
-      return null;
-    }
-    return createChainableTypeChecker(validate);
-  }
-
-  function invalidValidatorError(componentName, location, propFullName, key, type) {
-    return new PropTypeError(
-      (componentName || 'React class') + ': ' + location + ' type `' + propFullName + '.' + key + '` is invalid; ' +
-      'it must be a function, usually from the `prop-types` package, but received `' + type + '`.'
-    );
-  }
-
-  function createShapeTypeChecker(shapeTypes) {
-    function validate(props, propName, componentName, location, propFullName) {
-      var propValue = props[propName];
-      var propType = getPropType(propValue);
-      if (propType !== 'object') {
-        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
-      }
-      for (var key in shapeTypes) {
-        var checker = shapeTypes[key];
-        if (typeof checker !== 'function') {
-          return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
-        }
-        var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret_1$1);
-        if (error) {
-          return error;
-        }
-      }
-      return null;
-    }
-    return createChainableTypeChecker(validate);
-  }
-
-  function createStrictShapeTypeChecker(shapeTypes) {
-    function validate(props, propName, componentName, location, propFullName) {
-      var propValue = props[propName];
-      var propType = getPropType(propValue);
-      if (propType !== 'object') {
-        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
-      }
-      // We need to check all keys in case some are required but missing from props.
-      var allKeys = objectAssign$1({}, props[propName], shapeTypes);
-      for (var key in allKeys) {
-        var checker = shapeTypes[key];
-        if (has$2(shapeTypes, key) && typeof checker !== 'function') {
-          return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
-        }
-        if (!checker) {
-          return new PropTypeError(
-            'Invalid ' + location + ' `' + propFullName + '` key `' + key + '` supplied to `' + componentName + '`.' +
-            '\nBad object: ' + JSON.stringify(props[propName], null, '  ') +
-            '\nValid keys: ' + JSON.stringify(Object.keys(shapeTypes), null, '  ')
-          );
-        }
-        var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret_1$1);
-        if (error) {
-          return error;
-        }
-      }
-      return null;
-    }
-
-    return createChainableTypeChecker(validate);
-  }
-
-  function isNode(propValue) {
-    switch (typeof propValue) {
-      case 'number':
-      case 'string':
-      case 'undefined':
-        return true;
-      case 'boolean':
-        return !propValue;
-      case 'object':
-        if (Array.isArray(propValue)) {
-          return propValue.every(isNode);
-        }
-        if (propValue === null || isValidElement(propValue)) {
-          return true;
-        }
-
-        var iteratorFn = getIteratorFn(propValue);
-        if (iteratorFn) {
-          var iterator = iteratorFn.call(propValue);
-          var step;
-          if (iteratorFn !== propValue.entries) {
-            while (!(step = iterator.next()).done) {
-              if (!isNode(step.value)) {
-                return false;
-              }
-            }
-          } else {
-            // Iterator will provide entry [k,v] tuples rather than values.
-            while (!(step = iterator.next()).done) {
-              var entry = step.value;
-              if (entry) {
-                if (!isNode(entry[1])) {
-                  return false;
-                }
-              }
-            }
-          }
-        } else {
-          return false;
-        }
-
-        return true;
-      default:
-        return false;
-    }
-  }
-
-  function isSymbol(propType, propValue) {
-    // 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)) {
-      return 'symbol';
-    }
-    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;
-    }
-    var propType = getPropType(propValue);
-    if (propType === 'object') {
-      if (propValue instanceof Date) {
-        return 'date';
-      } else if (propValue instanceof RegExp) {
-        return 'regexp';
-      }
-    }
-    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) {
-      case 'array':
-      case 'object':
-        return 'an ' + type;
-      case 'boolean':
-      case 'date':
-      case 'regexp':
-        return 'a ' + type;
-      default:
-        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$1;
-  ReactPropTypes.resetWarningCache = checkPropTypes_1$1.resetWarningCache;
-  ReactPropTypes.PropTypes = ReactPropTypes;
-
-  return ReactPropTypes;
-};
-
-function emptyFunction$1() {}
-function emptyFunctionWithReset$1() {}
-emptyFunctionWithReset$1.resetWarningCache = emptyFunction$1;
-
-var factoryWithThrowingShims$1 = function() {
-  function shim(props, propName, componentName, location, propFullName, secret) {
-    if (secret === ReactPropTypesSecret_1$1) {
-      // 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'
-    );
-    err.name = 'Invariant Violation';
-    throw err;
-  }  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,
-    bool: shim,
-    func: shim,
-    number: shim,
-    object: shim,
-    string: shim,
-    symbol: shim,
-
-    any: shim,
-    arrayOf: getShim,
-    element: shim,
-    elementType: shim,
-    instanceOf: getShim,
-    node: shim,
-    objectOf: getShim,
-    oneOf: getShim,
-    oneOfType: getShim,
-    shape: getShim,
-    exact: getShim,
-
-    checkPropTypes: emptyFunctionWithReset$1,
-    resetWarningCache: emptyFunction$1
-  };
-
-  ReactPropTypes.PropTypes = ReactPropTypes;
-
-  return ReactPropTypes;
-};
-
-var propTypes$1 = createCommonjsModule(function (module) {
-/**
- * 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$1;
-
-  // 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$1(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$1();
-}
-});
-
 const SearchConnection = _ref => {
   var _Digit$Hooks$ws$usews;
   let {
@@ -30885,7 +30119,7 @@ const SearchConnection = _ref => {
   }));
 };
 SearchConnection.propTypes = {
-  loginParams: propTypes$1.any
+  loginParams: propTypes.any
 };
 SearchConnection.defaultProps = {
   loginParams: null
@@ -31861,9 +31095,9 @@ const ChallanSearchResults = _ref => {
   }, t("WS_CLICK_HERE_TO_APPLY"))))));
 };
 ChallanSearchResults.propTypes = {
-  template: propTypes$1.any,
-  header: propTypes$1.string,
-  actionButtonLabel: propTypes$1.string
+  template: propTypes.any,
+  header: propTypes.string,
+  actionButtonLabel: propTypes.string
 };
 ChallanSearchResults.defaultProps = {
   template: [],
@@ -32385,7 +31619,7 @@ const WSWFApplicationTimeline = props => {
   };
   if (isLoading) return /*#__PURE__*/React.createElement(Loader, null);
   const visibleTimeline = data !== null && data !== void 0 && data.timeline ? data.timeline.slice(0, showAllTimeline ? data.timeline.length : 2) : [];
-  return /*#__PURE__*/React.createElement(Fragment$2, null, !isLoading && /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(Fragment$1, null, !isLoading && /*#__PURE__*/React.createElement("div", {
     style: {
       fontFamily: "'Inter', system-ui, sans-serif"
     }
@@ -32875,7 +32109,7 @@ const WSFeeEstimation = _ref => {
     }
     setFields(values);
   };
-  return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement("div", {
     style: {
       lineHeight: "19px",
       maxWidth: "100%",
@@ -33391,7 +32625,7 @@ const ViewBreakup = _ref => {
     value: infrastructureChargeDetail.netIFC,
     currency: true
   }] : [];
-  return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement("div", {
     style: {
       lineHeight: "19px",
       maxWidth: "950px",
@@ -33474,19 +32708,19 @@ const ViewBreakup = _ref => {
     textStyle: {
       textAlign: "right"
     }
-  })), propertyRows.length > 0 && /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(CardSectionHeader, {
+  })), propertyRows.length > 0 && /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(CardSectionHeader, {
     style: {
       margin: "10px 0px"
     }
   }, t("WS_PROPERTY_DETAILS")), /*#__PURE__*/React.createElement(DetailRows, {
     rows: propertyRows
-  })), waterDemandRows.length > 0 && /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(CardSectionHeader, {
+  })), waterDemandRows.length > 0 && /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(CardSectionHeader, {
     style: {
       margin: "10px 0px"
     }
   }, t("WS_WATER_DEMAND_DETAILS")), /*#__PURE__*/React.createElement(DetailRows, {
     rows: waterDemandRows
-  })), infrastructureChargeRows.length > 0 && /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(CardSectionHeader, {
+  })), infrastructureChargeRows.length > 0 && /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(CardSectionHeader, {
     style: {
       margin: "10px 0px"
     }
@@ -38802,9 +38036,9 @@ const WNSMyBills = _ref => {
   }, t("CS_BILLS_TEXT_NO_BILLS_FOUND")));
 };
 WNSMyBills.propTypes = {
-  template: propTypes$1.any,
-  header: propTypes$1.string,
-  actionButtonLabel: propTypes$1.string
+  template: propTypes.any,
+  header: propTypes.string,
+  actionButtonLabel: propTypes.string
 };
 WNSMyBills.defaultProps = {
   template: [],
@@ -38866,6 +38100,15 @@ const WSInfoPage = () => {
   const [isOtpSending, setIsOtpSending] = useState(false);
   const [isOtpVerifying, setIsOtpVerifying] = useState(false);
   const [showToast, setShowToast] = useState(null);
+  const [isMobileVerified, setIsMobileVerified] = useState(false);
+  const [timeLeft, setTimeLeft] = useState(0);
+  useEffect(() => {
+    let timer;
+    if (timeLeft > 0) {
+      timer = setTimeout(() => setTimeLeft(timeLeft - 1), 1000);
+    }
+    return () => clearTimeout(timer);
+  }, [timeLeft]);
   useEffect(() => {
     sessionStorage.removeItem("WS_OTP_VERIFIED_PROPERTY_ID");
   }, []);
@@ -38884,7 +38127,7 @@ const WSInfoPage = () => {
       mobileNumber: mobileNumberToSearch
     },
     tenantId: tenantId,
-    enabled: (hasProperty === null || hasProperty === void 0 ? void 0 : hasProperty.code) === "YES" && (mobileNumberToSearch === null || mobileNumberToSearch === void 0 ? void 0 : mobileNumberToSearch.length) === 10 ? true : false
+    enabled: (hasProperty === null || hasProperty === void 0 ? void 0 : hasProperty.code) === "YES" && (mobileNumberToSearch === null || mobileNumberToSearch === void 0 ? void 0 : mobileNumberToSearch.length) === 10 && isMobileVerified ? true : false
   });
   const radioOptions = [{
     code: "YES",
@@ -38935,7 +38178,7 @@ const WSInfoPage = () => {
             setIsOtpSending(false);
             setShowToast({
               key: "error",
-              message: (errObj === null || errObj === void 0 ? void 0 : (_errObj$fields = errObj.fields) === null || _errObj$fields === void 0 ? void 0 : (_errObj$fields$ = _errObj$fields[0]) === null || _errObj$fields$ === void 0 ? void 0 : _errObj$fields$.message) || (errObj === null || errObj === void 0 ? void 0 : errObj.message) || "Failed to send OTP"
+              message: (errObj === null || errObj === void 0 ? void 0 : (_errObj$fields = errObj.fields) === null || _errObj$fields === void 0 ? void 0 : (_errObj$fields$ = _errObj$fields[0]) === null || _errObj$fields$ === void 0 ? void 0 : _errObj$fields$.message) || (errObj === null || errObj === void 0 ? void 0 : errObj.message) || t("WS_FAILED_TO_SEND_OTP") || "Failed to send OTP"
             });
             return;
           }
@@ -38945,21 +38188,22 @@ const WSInfoPage = () => {
             setIsOtpSending(false);
             setShowToast({
               key: "error",
-              message: (errObj === null || errObj === void 0 ? void 0 : (_errObj$ = errObj[0]) === null || _errObj$ === void 0 ? void 0 : _errObj$.message) || "Failed to send OTP"
+              message: (errObj === null || errObj === void 0 ? void 0 : (_errObj$ = errObj[0]) === null || _errObj$ === void 0 ? void 0 : _errObj$.message) || t("WS_FAILED_TO_SEND_OTP") || "Failed to send OTP"
             });
             return;
           }
           setIsOtpSending(false);
           setShowOtpVerification(true);
+          setTimeLeft(30);
           setShowToast({
             key: "success",
-            message: "OTP sent successfully!"
+            message: t("PT_SEC_OTP_SENT_SUCEESS") || "OTP sent successfully!"
           });
         });
       }, function (err) {
         var _err$response, _err$response$data, _err$response2, _err$response2$data;
         setIsOtpSending(false);
-        let errMsg = "Failed to send OTP";
+        let errMsg = t("WS_FAILED_TO_SEND_OTP") || "Failed to send OTP";
         if (err !== null && err !== void 0 && (_err$response = err.response) !== null && _err$response !== void 0 && (_err$response$data = _err$response.data) !== null && _err$response$data !== void 0 && _err$response$data.error) {
           var _err$response$data$er, _err$response$data$er2, _err$response$data$er3, _err$response$data$er4;
           errMsg = ((_err$response$data$er = err.response.data.error) === null || _err$response$data$er === void 0 ? void 0 : (_err$response$data$er2 = _err$response$data$er.fields) === null || _err$response$data$er2 === void 0 ? void 0 : (_err$response$data$er3 = _err$response$data$er2[0]) === null || _err$response$data$er3 === void 0 ? void 0 : _err$response$data$er3.message) || ((_err$response$data$er4 = err.response.data.error) === null || _err$response$data$er4 === void 0 ? void 0 : _err$response$data$er4.message) || errMsg;
@@ -38987,7 +38231,7 @@ const WSInfoPage = () => {
       if (!otp || otp.length < 6) {
         setShowToast({
           key: "warning",
-          message: "Please enter a valid 6-digit OTP"
+          message: t("WS_PLEASE_ENTER_VALID_OTP") || "Please enter a valid 6-digit OTP"
         });
         return Promise.resolve();
       }
@@ -39018,14 +38262,15 @@ const WSInfoPage = () => {
           setIsOtpVerifying(false);
           setShowToast({
             key: "success",
-            message: "OTP verified successfully!"
+            message: t("WS_OTP_VERIFIED_SUCCESSFULLY") || "OTP verified successfully!"
           });
-          proceedToNext();
+          setShowOtpVerification(false);
+          setIsMobileVerified(true);
         });
       }, function (err) {
         var _err$response3, _err$response3$data, _err$response4, _err$response4$data;
         setIsOtpVerifying(false);
-        let errMsg = err.message || "Failed to verify OTP";
+        let errMsg = err.message || t("WS_FAILED_TO_VERIFY_OTP") || "Failed to verify OTP";
         if (err !== null && err !== void 0 && (_err$response3 = err.response) !== null && _err$response3 !== void 0 && (_err$response3$data = _err$response3.data) !== null && _err$response3$data !== void 0 && _err$response3$data.error) {
           var _err$response$data$er5, _err$response$data$er6, _err$response$data$er7, _err$response$data$er8;
           errMsg = ((_err$response$data$er5 = err.response.data.error) === null || _err$response$data$er5 === void 0 ? void 0 : (_err$response$data$er6 = _err$response$data$er5.fields) === null || _err$response$data$er6 === void 0 ? void 0 : (_err$response$data$er7 = _err$response$data$er6[0]) === null || _err$response$data$er7 === void 0 ? void 0 : _err$response$data$er7.message) || ((_err$response$data$er8 = err.response.data.error) === null || _err$response$data$er8 === void 0 ? void 0 : _err$response$data$er8.message) || errMsg;
@@ -39050,7 +38295,14 @@ const WSInfoPage = () => {
       if (e.stopPropagation) e.stopPropagation();
     }
     if ((hasProperty === null || hasProperty === void 0 ? void 0 : hasProperty.code) === "YES" && selectedProperty) {
-      handleSendOtp(e);
+      if (!isMobileVerified) {
+        setShowToast({
+          key: "warning",
+          message: t("WS_PLEASE_VERIFY_MOBILE_NUMBER") || "Please verify mobile number first"
+        });
+        return;
+      }
+      proceedToNext();
     } else if ((hasProperty === null || hasProperty === void 0 ? void 0 : hasProperty.code) === "YES" && !selectedProperty) {
       return;
     } else {
@@ -39065,72 +38317,6 @@ const WSInfoPage = () => {
     ...prop,
     displayName: `${prop.propertyId} - ${getAddress$1(prop.address, t)}`
   }))) || [];
-  if (showOtpVerification) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement("form", {
-      onSubmit: handleVerifyOtp
-    }, /*#__PURE__*/React.createElement(CardHeader, null, t("WS_VERIFY_OTP_HEADER") || "Verify OTP"), /*#__PURE__*/React.createElement("div", {
-      style: {
-        marginBottom: "24px"
-      }
-    }, /*#__PURE__*/React.createElement(Label, null, t("WS_ENTER_OTP_SENT_TO") || "Enter OTP sent to", " +91 ", getMaskedPhone(mobileNumberToSearch), " *"), /*#__PURE__*/React.createElement(TextInput, {
-      t: t,
-      type: "text",
-      inputMode: "numeric",
-      pattern: "[0-9]*",
-      isMandatory: false,
-      value: otp,
-      maxLength: 6,
-      onChange: e => setOtp(e.target.value.replace(/\D/g, "").slice(0, 6)),
-      onKeyDown: e => {
-        if (["-", "+", "e", "E", "."].includes(e.key)) e.preventDefault();
-      },
-      placeholder: t("WS_ENTER_6_DIGIT_OTP") || "Enter 6-digit OTP",
-      style: {
-        width: "100%",
-        maxWidth: "300px"
-      }
-    })), /*#__PURE__*/React.createElement("div", {
-      style: {
-        display: "flex",
-        gap: "16px",
-        marginBottom: "24px"
-      }
-    }, /*#__PURE__*/React.createElement("button", {
-      type: "button",
-      onClick: handleSendOtp,
-      disabled: isOtpSending,
-      style: {
-        color: "#f47738",
-        background: "none",
-        border: "none",
-        cursor: "pointer",
-        fontWeight: "bold",
-        textDecoration: "underline"
-      }
-    }, isOtpSending ? t("WS_SENDING_OTP") || "Sending..." : t("WS_RESEND_OTP") || "Resend OTP"), /*#__PURE__*/React.createElement("button", {
-      type: "button",
-      onClick: () => setShowOtpVerification(false),
-      style: {
-        color: "#f47738",
-        background: "none",
-        border: "none",
-        cursor: "pointer",
-        fontWeight: "bold",
-        textDecoration: "underline"
-      }
-    }, t("CS_COMMON_CANCEL") || "Cancel")), /*#__PURE__*/React.createElement(SubmitBar, {
-      label: t("WS_VERIFY_OTP_AND_PROCEED") || "Verify & Proceed",
-      onSubmit: handleVerifyOtp,
-      disabled: otp.length < 6 || isOtpVerifying,
-      submit: true
-    }))), showToast && /*#__PURE__*/React.createElement(Toast, {
-      error: showToast.key === "error",
-      warning: showToast.key === "warning",
-      label: t(showToast.message),
-      onClose: () => setShowToast(null),
-      isDleteBtn: true
-    }));
-  }
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardHeader, null, t("WS_COMMON_APPL_NEW_CONNECTION")), /*#__PURE__*/React.createElement(CitizenInfoLabel, {
     style: {
       margin: "0px",
@@ -39162,30 +38348,7 @@ const WSInfoPage = () => {
       display: "flex",
       gap: "24px"
     }
-  })), (hasProperty === null || hasProperty === void 0 ? void 0 : hasProperty.code) === "YES" && /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginBottom: "24px"
-    }
-  }, !isEmployee && /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginBottom: "16px"
-    }
-  }, /*#__PURE__*/React.createElement(Label, null, t("CORE_COMMON_MOBILE_NUMBER")), /*#__PURE__*/React.createElement(TextInput, {
-    t: t,
-    type: "number",
-    isMandatory: false,
-    name: "mobileNumber",
-    value: searchMobileNumber,
-    onChange: e => {
-      const val = e.target.value.replace(/\D/g, "").slice(0, 10);
-      setSearchMobileNumber(val);
-      setSelectedProperty(null);
-      setShowOtpVerification(false);
-      setOtp("");
-    },
-    placeholder: t("Enter mobile number"),
-    maxLength: 10
-  })), isEmployee && /*#__PURE__*/React.createElement("div", {
+  })), (hasProperty === null || hasProperty === void 0 ? void 0 : hasProperty.code) === "YES" && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     style: {
       display: "flex",
       flexDirection: "column",
@@ -39194,39 +38357,59 @@ const WSInfoPage = () => {
     }
   }, /*#__PURE__*/React.createElement("div", {
     style: {
-      display: "flex",
+      display: "grid",
+      gridTemplateColumns: "1fr 1fr",
       gap: "24px",
-      alignItems: "flex-end"
+      alignItems: "start"
+    }
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Label, null, t("CORE_COMMON_MOBILE_NUMBER")), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      gap: "16px",
+      alignItems: "center"
     }
   }, /*#__PURE__*/React.createElement("div", {
     style: {
       flex: 1
     }
-  }, /*#__PURE__*/React.createElement(Label, null, t("CORE_COMMON_MOBILE_NUMBER")), /*#__PURE__*/React.createElement(TextInput, {
+  }, /*#__PURE__*/React.createElement(TextInput, {
     t: t,
     type: "number",
     isMandatory: false,
     name: "mobileNumber",
     value: searchMobileNumber,
     onChange: e => {
-      const val = e.target.value;
-      if (val.length <= 10) {
-        setSearchMobileNumber(val);
-        setSelectedProperty(null);
-        setShowOtpVerification(false);
-        setOtp("");
-      }
+      const val = e.target.value.replace(/\D/g, "").slice(0, 10);
+      setSearchMobileNumber(val);
+      setSelectedProperty(null);
+      setShowOtpVerification(false);
+      setOtp("");
+      setIsMobileVerified(false);
     },
-    placeholder: t("Enter mobile number"),
-    maxLength: 10
-  })), /*#__PURE__*/React.createElement("div", {
+    placeholder: t("WS_ENTER_MOBILE_NUMBER") || "Enter mobile number",
+    maxLength: 10,
+    disabled: isMobileVerified
+  })), (searchMobileNumber === null || searchMobileNumber === void 0 ? void 0 : searchMobileNumber.length) === 10 && !isMobileVerified && !showOtpVerification && /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: handleSendOtp,
+    disabled: isOtpSending,
     style: {
-      flex: 1
+      padding: "8px 16px",
+      border: "1px solid #1a67a3",
+      background: "white",
+      color: "#1a67a3",
+      borderRadius: "4px",
+      cursor: "pointer",
+      fontWeight: "bold",
+      whiteSpace: "nowrap"
+    }
+  }, isOtpSending ? t("WS_SENDING_OTP") || "Sending..." : t("PTUPNO_SENDOTP") || "Send OTP"))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Label, null, t("WS_SELECT_EXISTING_PROPERTY")), isLoading ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "8px"
     }
-  }, /*#__PURE__*/React.createElement(Label, null, t("WS_SELECT_EXISTING_PROPERTY")), /*#__PURE__*/React.createElement("div", {
-    className: "field"
   }, /*#__PURE__*/React.createElement(Dropdown, {
-    className: "form-field",
     option: propertyOptions,
     optionKey: "displayName",
     id: "propertyId",
@@ -39238,51 +38421,125 @@ const WSInfoPage = () => {
     },
     t: t,
     placeholder: t("PT_SELECT_PROPERTY"),
-    disable: isLoading || propertyOptions.length === 0
-  })))), (searchMobileNumber === null || searchMobileNumber === void 0 ? void 0 : searchMobileNumber.length) === 10 && !isLoading && propertyOptions.length === 0 && /*#__PURE__*/React.createElement("div", {
+    disable: !isMobileVerified || propertyOptions.length === 0
+  }), propertyOptions.length > 0 && /*#__PURE__*/React.createElement("span", {
+    style: {
+      fontSize: "14px",
+      color: "#505A5F"
+    }
+  }, t("WS_PROPERTY_AUTOFILL_MSG"))))), showOtpVerification && !isMobileVerified && /*#__PURE__*/React.createElement("div", {
+    style: {
+      border: "1px solid #d6d5d4",
+      borderRadius: "4px",
+      background: "#f8f9fa",
+      padding: "12px"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontWeight: "bold",
+      fontSize: "18px",
+      marginBottom: "8px"
+    }
+  }, t("WS_VERIFY_OTP_HEADER") || "OTP Verification"), /*#__PURE__*/React.createElement("div", {
+    style: {
+      color: "#505A5F",
+      marginBottom: "16px"
+    }
+  }, t("WS_ENTER_OTP_SENT_TO") || "Enter the 6-digit OTP sent to", " ", getMaskedPhone(searchMobileNumber)), /*#__PURE__*/React.createElement("div", {
     style: {
       display: "flex",
-      flexDirection: "column",
-      gap: "16px"
+      flexWrap: "wrap",
+      gap: "15px",
+      alignItems: "center"
     }
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React.createElement(OTPInput, {
     style: {
-      color: "#d63031",
+      marginBottom: "0px"
+    },
+    length: 6,
+    onChange: setOtp,
+    value: otp
+  }), /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: handleVerifyOtp,
+    disabled: otp.length < 6 || isOtpVerifying,
+    style: {
+      padding: "6px 20px",
+      background: otp.length < 6 || isOtpVerifying ? "#ccc" : "#1a67a3",
+      color: "white",
+      border: "none",
+      borderRadius: "4px",
+      cursor: otp.length < 6 || isOtpVerifying ? "not-allowed" : "pointer",
       fontWeight: "bold"
     }
-  }, t("WS_NO_PROPERTY_FOUND_ON_THIS_NUMBER") || "No property found on this number, please create the property first."), /*#__PURE__*/React.createElement("span", {
-    onClick: handleCreateProperty
-  }, /*#__PURE__*/React.createElement("button", {
-    className: "submit-bar",
+  }, isOtpVerifying ? t("WS_VERIFYING_OTP") || "Verifying..." : t("WS_VERIFY_OTP_AND_PROCEED") || "Verify OTP"), /*#__PURE__*/React.createElement("button", {
     type: "button",
+    onClick: handleSendOtp,
+    disabled: timeLeft > 0 || isOtpSending,
     style: {
-      color: "white",
-      margin: 0
+      padding: "6px 20px",
+      background: "white",
+      color: timeLeft > 0 || isOtpSending ? "#ccc" : "#1a67a3",
+      border: `1px solid ${timeLeft > 0 || isOtpSending ? "#ccc" : "#1a67a3"}`,
+      borderRadius: "4px",
+      cursor: timeLeft > 0 || isOtpSending ? "not-allowed" : "pointer",
+      fontWeight: "bold"
     }
-  }, t("CPT_CREATE_PROPERTY"))))), !isEmployee && (isLoading || propertyOptions.length > 0) && /*#__PURE__*/React.createElement(Label, null, t("WS_SELECT_EXISTING_PROPERTY")), isLoading && !isEmployee ? /*#__PURE__*/React.createElement(Loader, null) : !isEmployee ? propertyOptions.length > 0 ? /*#__PURE__*/React.createElement("div", {
+  }, timeLeft > 0 ? `${t("WS_RESEND_OTP") || "Resend OTP"} (00:${timeLeft < 10 ? `0${timeLeft}` : timeLeft})` : t("WS_RESEND_OTP") || "Resend OTP")), timeLeft > 0 && /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: "12px",
+      color: "#505A5F",
+      fontSize: "14px"
+    }
+  }, t("WS_DIDNT_RECEIVE_OTP_RESEND") || "Didn't receive OTP? You can resend after", " ", timeLeft, " ", t("WS_SECONDS") || "seconds", ".")), isMobileVerified && /*#__PURE__*/React.createElement("div", {
     style: {
       display: "flex",
-      flexDirection: "column",
+      justifyContent: "space-between",
+      alignItems: "center",
+      background: "#d4edda",
+      border: "1px solid #c3e6cb",
+      color: "#155724",
+      padding: "12px 16px",
+      borderRadius: "4px"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      alignItems: "center",
       gap: "8px"
     }
-  }, /*#__PURE__*/React.createElement(Dropdown, {
-    option: propertyOptions,
-    optionKey: "displayName",
-    id: "propertyId",
-    selected: selectedProperty,
-    select: val => {
-      setSelectedProperty(val);
-      setShowOtpVerification(false);
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      background: "#28a745",
+      color: "white",
+      borderRadius: "50%",
+      width: "24px",
+      height: "24px",
+      display: "inline-flex",
+      justifyContent: "center",
+      alignItems: "center",
+      fontWeight: "bold"
+    }
+  }, "\u2713"), /*#__PURE__*/React.createElement("span", {
+    style: {
+      fontWeight: "bold"
+    }
+  }, t("WS_MOBILE_VERIFIED_SUCCESSFULLY") || "Mobile number verified successfully!")), /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: () => {
+      setIsMobileVerified(false);
       setOtp("");
+      setShowOtpVerification(false);
     },
-    t: t,
-    placeholder: t("PT_SELECT_PROPERTY")
-  }), /*#__PURE__*/React.createElement("span", {
     style: {
-      fontSize: "14px",
-      color: "#505A5F"
+      color: "#1a67a3",
+      background: "none",
+      border: "none",
+      cursor: "pointer",
+      fontWeight: "bold",
+      textDecoration: "underline"
     }
-  }, t("WS_PROPERTY_AUTOFILL_MSG"))) : /*#__PURE__*/React.createElement("div", {
+  }, t("WS_CHANGE_NUMBER") || "Change Number")), (searchMobileNumber === null || searchMobileNumber === void 0 ? void 0 : searchMobileNumber.length) === 10 && isMobileVerified && !isLoading && propertyOptions.length === 0 && /*#__PURE__*/React.createElement("div", {
     style: {
       display: "flex",
       flexDirection: "column",
@@ -39303,7 +38560,7 @@ const WSInfoPage = () => {
       color: "white",
       margin: 0
     }
-  }, t("CPT_CREATE_PROPERTY")))) : null), (hasProperty === null || hasProperty === void 0 ? void 0 : hasProperty.code) === "NO" && /*#__PURE__*/React.createElement("div", {
+  }, t("CPT_CREATE_PROPERTY")))))), (hasProperty === null || hasProperty === void 0 ? void 0 : hasProperty.code) === "NO" && /*#__PURE__*/React.createElement("div", {
     style: {
       marginBottom: "24px",
       display: "flex",
@@ -39319,7 +38576,7 @@ const WSInfoPage = () => {
       color: "white",
       margin: 0
     }
-  }, t("CPT_CREATE_PROPERTY")))), /*#__PURE__*/React.createElement(CardSubHeader, {
+  }, t("CPT_CREATE_PROPERTY")))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardSubHeader, {
     style: {
       marginTop: "0",
       marginBottom: "0"
@@ -39411,7 +38668,7 @@ const WSInfoPage = () => {
       marginBottom: "24px",
       lineHeight: "2"
     }
-  }, /*#__PURE__*/React.createElement("li", null, t("WS_DOC_IDENTITY_PROOF")), /*#__PURE__*/React.createElement("li", null, t("WS_DOC_ADDRESS_PROOF")), /*#__PURE__*/React.createElement("li", null, t("WS_DOC_ELECTRICITY_BILL")), /*#__PURE__*/React.createElement("li", null, t("WS_DOC_PLUMBER_REPORT")), /*#__PURE__*/React.createElement("li", null, t("WS_DOC_BUILDING_PLAN")), /*#__PURE__*/React.createElement("li", null, t("WS_DOC_PROPERTY_TAX_RECEIPT")), /*#__PURE__*/React.createElement("li", null, t("WS_DOC_APPLICANT_PHOTOGRAPH"))), !hasProperty || (hasProperty === null || hasProperty === void 0 ? void 0 : hasProperty.code) === "YES" && !selectedProperty ? /*#__PURE__*/React.createElement(SubmitBar, {
+  }, /*#__PURE__*/React.createElement("li", null, t("WS_DOC_IDENTITY_PROOF")), /*#__PURE__*/React.createElement("li", null, t("WS_DOC_ADDRESS_PROOF")), /*#__PURE__*/React.createElement("li", null, t("WS_DOC_ELECTRICITY_BILL")), /*#__PURE__*/React.createElement("li", null, t("WS_DOC_PLUMBER_REPORT")), /*#__PURE__*/React.createElement("li", null, t("WS_DOC_BUILDING_PLAN")), /*#__PURE__*/React.createElement("li", null, t("WS_DOC_PROPERTY_TAX_RECEIPT")), /*#__PURE__*/React.createElement("li", null, t("WS_DOC_APPLICANT_PHOTOGRAPH")))), !hasProperty || (hasProperty === null || hasProperty === void 0 ? void 0 : hasProperty.code) === "YES" && !selectedProperty ? /*#__PURE__*/React.createElement(SubmitBar, {
     label: t("CS_COMMON_NEXT"),
     onSubmit: () => {},
     disabled: true
@@ -39888,7 +39145,7 @@ const ApplicationBillAmendment = () => {
     style: {
       paddingLeft: "150px"
     }
-  }, /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(Controller, {
+  }, /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(Controller, {
     name: `${servicev1}_REDUCED_AMOUNT.VALUE`,
     key: `${servicev1}_REDUCED_AMOUNT.VALUE`,
     control: control,
@@ -39923,7 +39180,7 @@ const ApplicationBillAmendment = () => {
         checked: props === null || props === void 0 ? void 0 : props.value
       }));
     }
-  }), errors !== null && errors !== void 0 && (_errors$WS_REDUCED_AM = errors.WS_REDUCED_AMOUNT) !== null && _errors$WS_REDUCED_AM !== void 0 && _errors$WS_REDUCED_AM.VALUE && ischeckedReduce == true ? /*#__PURE__*/React.createElement(CardLabelError, null, t("WS_REQUIRED_FIELD")) : null)), /*#__PURE__*/React.createElement("th", null, /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(Controller, {
+  }), errors !== null && errors !== void 0 && (_errors$WS_REDUCED_AM = errors.WS_REDUCED_AMOUNT) !== null && _errors$WS_REDUCED_AM !== void 0 && _errors$WS_REDUCED_AM.VALUE && ischeckedReduce == true ? /*#__PURE__*/React.createElement(CardLabelError, null, t("WS_REQUIRED_FIELD")) : null)), /*#__PURE__*/React.createElement("th", null, /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(Controller, {
     name: `${servicev1}_ADDITIONAL_AMOUNT.VALUE`,
     key: `${servicev1}_ADDITIONAL_AMOUNT.VALUE`,
     control: control,
@@ -39974,7 +39231,7 @@ const ApplicationBillAmendment = () => {
         paddingRight: "60px",
         paddingLeft: "150px"
       }
-    }, /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(TextInput, {
+    }, /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(TextInput, {
       disabled: servicev1 === "WS" ? !(WS_REDUCED_AMOUNT !== null && WS_REDUCED_AMOUNT !== void 0 && WS_REDUCED_AMOUNT.VALUE) : !(SW_REDUCED_AMOUNT !== null && SW_REDUCED_AMOUNT !== void 0 && SW_REDUCED_AMOUNT.VALUE),
       type: "number",
       name: `${servicev1}_REDUCED_AMOUNT.${node.taxHeadCode}`,
@@ -40004,7 +39261,7 @@ const ApplicationBillAmendment = () => {
       style: {
         paddingRight: "60px"
       }
-    }, /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(TextInput, {
+    }, /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(TextInput, {
       disabled: servicev1 === "WS" ? !(WS_ADDITIONAL_AMOUNT !== null && WS_ADDITIONAL_AMOUNT !== void 0 && WS_ADDITIONAL_AMOUNT.VALUE) : !(SW_ADDITIONAL_AMOUNT !== null && SW_ADDITIONAL_AMOUNT !== void 0 && SW_ADDITIONAL_AMOUNT.VALUE),
       type: "number",
       name: `${servicev1}_ADDITIONAL_AMOUNT.${node.taxHeadCode}`,
@@ -40052,7 +39309,7 @@ const ApplicationBillAmendment = () => {
       paddingRight: "60px",
       paddingLeft: "150px"
     }
-  }, /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(TextInput, {
+  }, /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(TextInput, {
     disabled: servicev1 === "WS" ? !(WS_REDUCED_AMOUNT !== null && WS_REDUCED_AMOUNT !== void 0 && WS_REDUCED_AMOUNT.VALUE) : !(SW_REDUCED_AMOUNT !== null && SW_REDUCED_AMOUNT !== void 0 && SW_REDUCED_AMOUNT.VALUE),
     name: `${servicev1}_REBATE`,
     inputRef: register()
@@ -40060,11 +39317,11 @@ const ApplicationBillAmendment = () => {
     style: {
       paddingRight: "60px"
     }
-  }, /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(TextInput, {
+  }, /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(TextInput, {
     disabled: servicev1 === "WS" ? !(WS_ADDITIONAL_AMOUNT !== null && WS_ADDITIONAL_AMOUNT !== void 0 && WS_ADDITIONAL_AMOUNT.VALUE) : !(SW_ADDITIONAL_AMOUNT !== null && SW_ADDITIONAL_AMOUNT !== void 0 && SW_ADDITIONAL_AMOUNT.VALUE),
     name: `${servicev1}_PENALTY`,
     inputRef: register()
-  }))))))) : /*#__PURE__*/React.createElement(Loader, null), BillAmendmentMDMSLoading ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(CardSectionHeader, {
+  }))))))) : /*#__PURE__*/React.createElement(Loader, null), BillAmendmentMDMSLoading ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(CardSectionHeader, {
     style: {
       marginBottom: "16px"
     }
@@ -44462,12 +43719,12 @@ const configSVApproverApplication = _ref => {
   };
 };
 
-const Heading = props => {
+const Heading$1 = props => {
   return /*#__PURE__*/React.createElement("h1", {
     className: "heading-m"
   }, props.label);
 };
-const Close$1 = () => /*#__PURE__*/React.createElement("svg", {
+const Close$2 = () => /*#__PURE__*/React.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "#FFFFFF"
@@ -44477,11 +43734,11 @@ const Close$1 = () => /*#__PURE__*/React.createElement("svg", {
 }), /*#__PURE__*/React.createElement("path", {
   d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
 }));
-const CloseBtn = props => {
+const CloseBtn$1 = props => {
   return /*#__PURE__*/React.createElement("div", {
     className: "icon-bg-secondary",
     onClick: props.onClick
-  }, /*#__PURE__*/React.createElement(Close$1, null));
+  }, /*#__PURE__*/React.createElement(Close$2, null));
 };
 const ActionModal = _ref => {
   var _action$assigneeRoles, _action$assigneeRoles2;
@@ -44563,7 +43820,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) {
@@ -44663,10 +43920,10 @@ const ActionModal = _ref => {
     }
   }, [action, approvers, financialYears, selectedFinancialYear, uploadedFile]);
   return action && config.form ? /*#__PURE__*/React.createElement(Modal, {
-    headerBarMain: /*#__PURE__*/React.createElement(Heading, {
+    headerBarMain: /*#__PURE__*/React.createElement(Heading$1, {
       label: t(config.label.heading)
     }),
-    headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn, {
+    headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn$1, {
       onClick: closeModal
     }),
     actionCancelLabel: t(config.label.cancel),
@@ -44686,12 +43943,12 @@ const ActionModal = _ref => {
   })) : /*#__PURE__*/React.createElement(Loader, null);
 };
 
-const Heading$1 = props => {
+const Heading$2 = props => {
   return /*#__PURE__*/React.createElement("h1", {
     className: "heading-m"
   }, props.label);
 };
-const Close$2 = () => /*#__PURE__*/React.createElement("svg", {
+const Close$3 = () => /*#__PURE__*/React.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "#FFFFFF"
@@ -44701,11 +43958,11 @@ const Close$2 = () => /*#__PURE__*/React.createElement("svg", {
 }), /*#__PURE__*/React.createElement("path", {
   d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
 }));
-const CloseBtn$1 = props => {
+const CloseBtn$2 = props => {
   return /*#__PURE__*/React.createElement("div", {
     className: "icon-bg-secondary",
     onClick: props.onClick
-  }, /*#__PURE__*/React.createElement(Close$2, null));
+  }, /*#__PURE__*/React.createElement(Close$3, null));
 };
 const ActionModal$1 = _ref => {
   var _action$assigneeRoles, _action$assigneeRoles2;
@@ -44786,7 +44043,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) {
@@ -44843,10 +44100,10 @@ const ActionModal$1 = _ref => {
     }
   }, [action, approvers, financialYears, selectedFinancialYear, uploadedFile]);
   return action && config.form ? /*#__PURE__*/React.createElement(Modal, {
-    headerBarMain: /*#__PURE__*/React.createElement(Heading$1, {
+    headerBarMain: /*#__PURE__*/React.createElement(Heading$2, {
       label: t(config.label.heading)
     }),
-    headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn$1, {
+    headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn$2, {
       onClick: closeModal
     }),
     actionCancelLabel: t(config.label.cancel),
@@ -44865,7 +44122,7 @@ const ActionModal$1 = _ref => {
   })) : /*#__PURE__*/React.createElement(Loader, null);
 };
 
-const Heading$2 = props => {
+const Heading$3 = props => {
   return /*#__PURE__*/React.createElement("h1", {
     style: {
       marginLeft: "22px"
@@ -44873,7 +44130,7 @@ const Heading$2 = props => {
     className: "heading-m BPAheading-m"
   }, props.label);
 };
-const Close$3 = () => /*#__PURE__*/React.createElement("svg", {
+const Close$4 = () => /*#__PURE__*/React.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "#FFFFFF"
@@ -44883,11 +44140,11 @@ const Close$3 = () => /*#__PURE__*/React.createElement("svg", {
 }), /*#__PURE__*/React.createElement("path", {
   d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
 }));
-const CloseBtn$2 = props => {
+const CloseBtn$3 = props => {
   return /*#__PURE__*/React.createElement("div", {
     className: "icon-bg-secondary",
     onClick: props.onClick
-  }, /*#__PURE__*/React.createElement(Close$3, null));
+  }, /*#__PURE__*/React.createElement(Close$4, null));
 };
 const ActionModal$2 = _ref => {
   var _action$assigneeRoles, _action$assigneeRoles2;
@@ -44951,7 +44208,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) {
@@ -45015,10 +44272,10 @@ const ActionModal$2 = _ref => {
     }
   }, [action, approvers, uploadedFile, error]);
   return action && config.form ? /*#__PURE__*/React.createElement(Modal, {
-    headerBarMain: /*#__PURE__*/React.createElement(Heading$2, {
+    headerBarMain: /*#__PURE__*/React.createElement(Heading$3, {
       label: t(config.label.heading)
     }),
-    headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn$2, {
+    headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn$3, {
       onClick: closeModal
     }),
     actionCancelLabel: t(config.label.cancel),
@@ -45059,7 +44316,7 @@ const ActionModal$2 = _ref => {
   })) : /*#__PURE__*/React.createElement(Loader, null);
 };
 
-const Heading$3 = props => {
+const Heading$4 = props => {
   return /*#__PURE__*/React.createElement("h1", {
     style: {
       marginLeft: "22px"
@@ -45067,7 +44324,7 @@ const Heading$3 = props => {
     className: "heading-m BPAheading-m"
   }, props.label);
 };
-const Close$4 = () => /*#__PURE__*/React.createElement("svg", {
+const Close$5 = () => /*#__PURE__*/React.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "#FFFFFF"
@@ -45077,11 +44334,11 @@ const Close$4 = () => /*#__PURE__*/React.createElement("svg", {
 }), /*#__PURE__*/React.createElement("path", {
   d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
 }));
-const CloseBtn$3 = props => {
+const CloseBtn$4 = props => {
   return /*#__PURE__*/React.createElement("div", {
     className: "icon-bg-secondary",
     onClick: props.onClick
-  }, /*#__PURE__*/React.createElement(Close$4, null));
+  }, /*#__PURE__*/React.createElement(Close$5, null));
 };
 const ActionModal$3 = _ref => {
   var _applicationData, _applicationData$land, _applicationData$land2, _applicationData2, _applicationData2$lan, _applicationData2$lan2, _workflowDetails$data, _workflowDetails$data2, _workflowDetails$data3, _workflowDetails$data4, _workflowDetails$data5, _workflowDetails$data6;
@@ -45230,7 +44487,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) {
@@ -45348,10 +44605,10 @@ const ActionModal$3 = _ref => {
     }
   }, [action, approvers, selectedFinancialYear, uploadedFile, error]);
   return action && config.form ? /*#__PURE__*/React.createElement(Modal, {
-    headerBarMain: /*#__PURE__*/React.createElement(Heading$3, {
+    headerBarMain: /*#__PURE__*/React.createElement(Heading$4, {
       label: t(config.label.heading)
     }),
-    headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn$3, {
+    headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn$4, {
       onClick: closeModal
     }),
     actionCancelLabel: t(config.label.cancel),
@@ -45394,214 +44651,12 @@ const ActionModal$3 = _ref => {
   })) : /*#__PURE__*/React.createElement(Loader, null);
 };
 
-const Heading$4 = props => {
-  return /*#__PURE__*/React.createElement("h1", {
-    style: {
-      marginLeft: "22px"
-    },
-    className: "heading-m BPAheading-m"
-  }, props.label);
-};
-const Close$5 = () => /*#__PURE__*/React.createElement("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  fill: "#FFFFFF"
-}, /*#__PURE__*/React.createElement("path", {
-  d: "M0 0h24v24H0V0z",
-  fill: "none"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
-}));
-const CloseBtn$4 = props => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "icon-bg-secondary",
-    onClick: props.onClick
-  }, /*#__PURE__*/React.createElement(Close$5, null));
-};
-const ActionModal$4 = _ref => {
-  var _action$assigneeRoles, _action$assigneeRoles2;
-  let {
-    t,
-    action,
-    tenantId,
-    state,
-    id,
-    closeModal,
-    submitAction,
-    actionData,
-    applicationData,
-    businessService,
-    moduleCode
-  } = _ref;
-  const {
-    data: approverData,
-    isLoading: PTALoading
-  } = Digit.Hooks.useEmployeeSearch(tenantId, {
-    roles: action === null || action === void 0 ? void 0 : (_action$assigneeRoles = action.assigneeRoles) === null || _action$assigneeRoles === void 0 ? void 0 : (_action$assigneeRoles2 = _action$assigneeRoles.map) === null || _action$assigneeRoles2 === void 0 ? void 0 : _action$assigneeRoles2.call(_action$assigneeRoles, e => ({
-      code: e
-    })),
-    isActive: true
-  }, {
-    enabled: !(action !== null && action !== void 0 && action.isTerminateState)
-  });
-  const queryClient = useQueryClient();
-  const [config, setConfig] = useState({});
-  const [defaultValues, setDefaultValues] = useState({});
-  const [approvers, setApprovers] = useState([]);
-  const [selectedApprover, setSelectedApprover] = useState({});
-  const [file, setFile] = useState(null);
-  const [uploadedFile, setUploadedFile] = useState(null);
-  const [error, setError] = useState(null);
-  const mobileView = Digit.Utils.browser.isMobile() ? true : false;
-  const history = useHistory();
-  useEffect(() => {
-    var _approverData$Employe;
-    setApprovers(approverData === null || approverData === void 0 ? void 0 : (_approverData$Employe = approverData.Employees) === null || _approverData$Employe === void 0 ? void 0 : _approverData$Employe.map(employee => {
-      var _employee$user;
-      return {
-        uuid: employee === null || employee === void 0 ? void 0 : employee.uuid,
-        name: employee === null || employee === void 0 ? void 0 : (_employee$user = employee.user) === null || _employee$user === void 0 ? void 0 : _employee$user.name
-      };
-    }));
-  }, [approverData]);
-  function selectFile(e) {
-    setFile(e.target.files[0]);
-  }
-  useEffect(() => {
-    (function () {
-      try {
-        setError(null);
-        const _temp4 = function () {
-          if (file) {
-            const allowedFileTypesRegex = /(.*?)(jpg|jpeg|png|image|pdf)$/i;
-            const _temp3 = function () {
-              if (file.size >= 5242880) {
-                setError(t("CS_MAXIMUM_UPLOAD_SIZE_EXCEEDED"));
-              } else {
-                const _temp2 = function () {
-                  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 () {
-                      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) {
-                          var _response$data2, _response$data2$files;
-                          setUploadedFile(response === null || response === void 0 ? void 0 : (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : (_response$data2$files = _response$data2.files[0]) === null || _response$data2$files === void 0 ? void 0 : _response$data2$files.fileStoreId);
-                        } else {
-                          setError(t("CS_FILE_UPLOAD_ERROR"));
-                        }
-                      });
-                    }, function () {
-                      setError(t("CS_FILE_UPLOAD_ERROR"));
-                    });
-                    if (_temp && _temp.then) return _temp.then(function () {});
-                  }
-                }();
-                if (_temp2 && _temp2.then) return _temp2.then(function () {});
-              }
-            }();
-            if (_temp3 && _temp3.then) return _temp3.then(function () {});
-          }
-        }();
-        return _temp4 && _temp4.then ? _temp4.then(function () {}) : void 0;
-      } catch (e) {
-        Promise.reject(e);
-      }
-    })();
-  }, [file]);
-  function submit(data) {
-    var _applicationData, _applicationData$docu, _applicationData2;
-    let enteredDocs = JSON.parse(sessionStorage.getItem("NewNOCDocs"));
-    let newDocs = ((_applicationData = applicationData) === null || _applicationData === void 0 ? void 0 : (_applicationData$docu = _applicationData.documents) === null || _applicationData$docu === void 0 ? void 0 : _applicationData$docu.length) > 0 ? [...((_applicationData2 = applicationData) === null || _applicationData2 === void 0 ? void 0 : _applicationData2.documents)] : [];
-    enteredDocs.map((d, index) => {
-      newDocs.push(d);
-    });
-    applicationData = {
-      ...applicationData,
-      workflow: {
-        action: action === null || action === void 0 ? void 0 : action.action,
-        comment: data !== null && data !== void 0 && data.comments ? data === null || data === void 0 ? void 0 : data.comments : null,
-        assignee: !(selectedApprover !== null && selectedApprover !== void 0 && selectedApprover.uuid) ? null : [selectedApprover === null || selectedApprover === void 0 ? void 0 : selectedApprover.uuid],
-        documents: uploadedFile ? [{
-          documentType: (action === null || action === void 0 ? void 0 : action.action) + " DOC",
-          fileName: file === null || file === void 0 ? void 0 : file.name,
-          fileStoreId: uploadedFile
-        }] : null
-      },
-      documents: newDocs
-    };
-    submitAction({
-      Noc: applicationData
-    }, false, {
-      isNoc: true
-    });
-  }
-  useEffect(() => {
-    if (action) {
-      setConfig(configNOCApproverApplication({
-        t,
-        action,
-        approvers,
-        selectedApprover,
-        setSelectedApprover,
-        selectFile,
-        uploadedFile,
-        setUploadedFile,
-        businessService,
-        assigneeLabel: "WF_ASSIGNEE_NAME_LABEL",
-        error
-      }));
-    }
-  }, [action, approvers, uploadedFile, error]);
-  return action && config.form ? /*#__PURE__*/React.createElement(Modal, {
-    headerBarMain: /*#__PURE__*/React.createElement(Heading$4, {
-      label: t(config.label.heading)
-    }),
-    headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn$4, {
-      onClick: closeModal
-    }),
-    actionCancelLabel: t(config.label.cancel),
-    actionCancelOnSubmit: closeModal,
-    actionSaveLabel: t(config.label.submit),
-    actionSaveOnSubmit: () => {},
-    formId: "modal-action",
-    isOBPSFlow: true,
-    popupStyles: mobileView ? {
-      width: "720px"
-    } : {},
-    style: !mobileView ? {
-      height: "45px",
-      width: "107px",
-      paddingLeft: "0px",
-      paddingRight: "0px"
-    } : {
-      height: "45px",
-      width: "44%"
-    },
-    popupModuleMianStyles: mobileView ? {
-      paddingLeft: "5px"
-    } : {}
-  }, PTALoading ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(FormComposer, {
-    config: config.form,
-    cardStyle: {
-      marginLeft: "0px",
-      marginRight: "0px",
-      marginTop: "-25px"
-    },
-    className: "BPAemployeeCard",
-    noBoxShadow: true,
-    inline: true,
-    childrenAtTheBottom: true,
-    onSubmit: submit,
-    defaultValues: defaultValues,
-    formId: "modal-action"
-  })) : /*#__PURE__*/React.createElement(Loader, null);
-};
-
 const Heading$5 = props => {
   return /*#__PURE__*/React.createElement("h1", {
-    className: "heading-m"
+    style: {
+      marginLeft: "22px"
+    },
+    className: "heading-m BPAheading-m"
   }, props.label);
 };
 const Close$6 = () => /*#__PURE__*/React.createElement("svg", {
@@ -45620,6 +44675,208 @@ const CloseBtn$5 = props => {
     onClick: props.onClick
   }, /*#__PURE__*/React.createElement(Close$6, null));
 };
+const ActionModal$4 = _ref => {
+  var _action$assigneeRoles, _action$assigneeRoles2;
+  let {
+    t,
+    action,
+    tenantId,
+    state,
+    id,
+    closeModal,
+    submitAction,
+    actionData,
+    applicationData,
+    businessService,
+    moduleCode
+  } = _ref;
+  const {
+    data: approverData,
+    isLoading: PTALoading
+  } = Digit.Hooks.useEmployeeSearch(tenantId, {
+    roles: action === null || action === void 0 ? void 0 : (_action$assigneeRoles = action.assigneeRoles) === null || _action$assigneeRoles === void 0 ? void 0 : (_action$assigneeRoles2 = _action$assigneeRoles.map) === null || _action$assigneeRoles2 === void 0 ? void 0 : _action$assigneeRoles2.call(_action$assigneeRoles, e => ({
+      code: e
+    })),
+    isActive: true
+  }, {
+    enabled: !(action !== null && action !== void 0 && action.isTerminateState)
+  });
+  const queryClient = useQueryClient();
+  const [config, setConfig] = useState({});
+  const [defaultValues, setDefaultValues] = useState({});
+  const [approvers, setApprovers] = useState([]);
+  const [selectedApprover, setSelectedApprover] = useState({});
+  const [file, setFile] = useState(null);
+  const [uploadedFile, setUploadedFile] = useState(null);
+  const [error, setError] = useState(null);
+  const mobileView = Digit.Utils.browser.isMobile() ? true : false;
+  const history = useHistory();
+  useEffect(() => {
+    var _approverData$Employe;
+    setApprovers(approverData === null || approverData === void 0 ? void 0 : (_approverData$Employe = approverData.Employees) === null || _approverData$Employe === void 0 ? void 0 : _approverData$Employe.map(employee => {
+      var _employee$user;
+      return {
+        uuid: employee === null || employee === void 0 ? void 0 : employee.uuid,
+        name: employee === null || employee === void 0 ? void 0 : (_employee$user = employee.user) === null || _employee$user === void 0 ? void 0 : _employee$user.name
+      };
+    }));
+  }, [approverData]);
+  function selectFile(e) {
+    setFile(e.target.files[0]);
+  }
+  useEffect(() => {
+    (function () {
+      try {
+        setError(null);
+        const _temp4 = function () {
+          if (file) {
+            const allowedFileTypesRegex = /(.*?)(jpg|jpeg|png|image|pdf)$/i;
+            const _temp3 = function () {
+              if (file.size >= 5242880) {
+                setError(t("CS_MAXIMUM_UPLOAD_SIZE_EXCEEDED"));
+              } else {
+                const _temp2 = function () {
+                  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(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) {
+                          var _response$data2, _response$data2$files;
+                          setUploadedFile(response === null || response === void 0 ? void 0 : (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : (_response$data2$files = _response$data2.files[0]) === null || _response$data2$files === void 0 ? void 0 : _response$data2$files.fileStoreId);
+                        } else {
+                          setError(t("CS_FILE_UPLOAD_ERROR"));
+                        }
+                      });
+                    }, function () {
+                      setError(t("CS_FILE_UPLOAD_ERROR"));
+                    });
+                    if (_temp && _temp.then) return _temp.then(function () {});
+                  }
+                }();
+                if (_temp2 && _temp2.then) return _temp2.then(function () {});
+              }
+            }();
+            if (_temp3 && _temp3.then) return _temp3.then(function () {});
+          }
+        }();
+        return _temp4 && _temp4.then ? _temp4.then(function () {}) : void 0;
+      } catch (e) {
+        Promise.reject(e);
+      }
+    })();
+  }, [file]);
+  function submit(data) {
+    var _applicationData, _applicationData$docu, _applicationData2;
+    let enteredDocs = JSON.parse(sessionStorage.getItem("NewNOCDocs"));
+    let newDocs = ((_applicationData = applicationData) === null || _applicationData === void 0 ? void 0 : (_applicationData$docu = _applicationData.documents) === null || _applicationData$docu === void 0 ? void 0 : _applicationData$docu.length) > 0 ? [...((_applicationData2 = applicationData) === null || _applicationData2 === void 0 ? void 0 : _applicationData2.documents)] : [];
+    enteredDocs.map((d, index) => {
+      newDocs.push(d);
+    });
+    applicationData = {
+      ...applicationData,
+      workflow: {
+        action: action === null || action === void 0 ? void 0 : action.action,
+        comment: data !== null && data !== void 0 && data.comments ? data === null || data === void 0 ? void 0 : data.comments : null,
+        assignee: !(selectedApprover !== null && selectedApprover !== void 0 && selectedApprover.uuid) ? null : [selectedApprover === null || selectedApprover === void 0 ? void 0 : selectedApprover.uuid],
+        documents: uploadedFile ? [{
+          documentType: (action === null || action === void 0 ? void 0 : action.action) + " DOC",
+          fileName: file === null || file === void 0 ? void 0 : file.name,
+          fileStoreId: uploadedFile
+        }] : null
+      },
+      documents: newDocs
+    };
+    submitAction({
+      Noc: applicationData
+    }, false, {
+      isNoc: true
+    });
+  }
+  useEffect(() => {
+    if (action) {
+      setConfig(configNOCApproverApplication({
+        t,
+        action,
+        approvers,
+        selectedApprover,
+        setSelectedApprover,
+        selectFile,
+        uploadedFile,
+        setUploadedFile,
+        businessService,
+        assigneeLabel: "WF_ASSIGNEE_NAME_LABEL",
+        error
+      }));
+    }
+  }, [action, approvers, uploadedFile, error]);
+  return action && config.form ? /*#__PURE__*/React.createElement(Modal, {
+    headerBarMain: /*#__PURE__*/React.createElement(Heading$5, {
+      label: t(config.label.heading)
+    }),
+    headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn$5, {
+      onClick: closeModal
+    }),
+    actionCancelLabel: t(config.label.cancel),
+    actionCancelOnSubmit: closeModal,
+    actionSaveLabel: t(config.label.submit),
+    actionSaveOnSubmit: () => {},
+    formId: "modal-action",
+    isOBPSFlow: true,
+    popupStyles: mobileView ? {
+      width: "720px"
+    } : {},
+    style: !mobileView ? {
+      height: "45px",
+      width: "107px",
+      paddingLeft: "0px",
+      paddingRight: "0px"
+    } : {
+      height: "45px",
+      width: "44%"
+    },
+    popupModuleMianStyles: mobileView ? {
+      paddingLeft: "5px"
+    } : {}
+  }, PTALoading ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(FormComposer, {
+    config: config.form,
+    cardStyle: {
+      marginLeft: "0px",
+      marginRight: "0px",
+      marginTop: "-25px"
+    },
+    className: "BPAemployeeCard",
+    noBoxShadow: true,
+    inline: true,
+    childrenAtTheBottom: true,
+    onSubmit: submit,
+    defaultValues: defaultValues,
+    formId: "modal-action"
+  })) : /*#__PURE__*/React.createElement(Loader, null);
+};
+
+const Heading$6 = props => {
+  return /*#__PURE__*/React.createElement("h1", {
+    className: "heading-m"
+  }, props.label);
+};
+const Close$7 = () => /*#__PURE__*/React.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "#FFFFFF"
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M0 0h24v24H0V0z",
+  fill: "none"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+}));
+const CloseBtn$6 = props => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "icon-bg-secondary",
+    onClick: props.onClick
+  }, /*#__PURE__*/React.createElement(Close$7, null));
+};
 const convertDateToEpochNew$1 = function (dateString, dayStartOrEnd) {
   if (dayStartOrEnd === void 0) {
     dayStartOrEnd = "dayend";
@@ -45710,7 +44967,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) {
@@ -45931,10 +45188,10 @@ const ActionModal$5 = _ref => {
     }
   }, [action, approvers, uploadedFile, error, isReasonRequiredAction, selectedReason, otherReasonText, showApprovalChecklist, approvalChecklist, applicationData]);
   return action && config.form ? /*#__PURE__*/React.createElement(Modal, {
-    headerBarMain: /*#__PURE__*/React.createElement(Heading$5, {
+    headerBarMain: /*#__PURE__*/React.createElement(Heading$6, {
       label: t(config.label.heading)
     }),
-    headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn$5, {
+    headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn$6, {
       onClick: closeModal
     }),
     actionCancelLabel: t(config.label.cancel),
@@ -45967,12 +45224,12 @@ const ActionModal$5 = _ref => {
   }))) : /*#__PURE__*/React.createElement(Loader, null);
 };
 
-const Heading$6 = props => {
+const Heading$7 = props => {
   return /*#__PURE__*/React.createElement("h1", {
     className: "heading-m"
   }, props.label);
 };
-const Close$7 = () => /*#__PURE__*/React.createElement("svg", {
+const Close$8 = () => /*#__PURE__*/React.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "#FFFFFF"
@@ -45982,11 +45239,11 @@ const Close$7 = () => /*#__PURE__*/React.createElement("svg", {
 }), /*#__PURE__*/React.createElement("path", {
   d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
 }));
-const CloseBtn$6 = props => {
+const CloseBtn$7 = props => {
   return /*#__PURE__*/React.createElement("div", {
     className: "icon-bg-secondary",
     onClick: props.onClick
-  }, /*#__PURE__*/React.createElement(Close$7, null));
+  }, /*#__PURE__*/React.createElement(Close$8, null));
 };
 const ActionModal$6 = _ref => {
   var _action$assigneeRoles, _action$assigneeRoles2;
@@ -46046,7 +45303,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) {
@@ -46106,10 +45363,10 @@ const ActionModal$6 = _ref => {
     }
   }, [action, approvers, uploadedFile]);
   return action && config.form ? /*#__PURE__*/React.createElement(Modal, {
-    headerBarMain: /*#__PURE__*/React.createElement(Heading$6, {
+    headerBarMain: /*#__PURE__*/React.createElement(Heading$7, {
       label: t(config.label.heading)
     }),
-    headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn$6, {
+    headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn$7, {
       onClick: closeModal
     }),
     actionCancelLabel: t(config.label.cancel),
@@ -46128,12 +45385,12 @@ const ActionModal$6 = _ref => {
   })) : /*#__PURE__*/React.createElement(Loader, null);
 };
 
-const Heading$7 = props => {
+const Heading$8 = props => {
   return /*#__PURE__*/React.createElement("h1", {
     className: "heading-m"
   }, props.label);
 };
-const Close$8 = () => /*#__PURE__*/React.createElement("svg", {
+const Close$9 = () => /*#__PURE__*/React.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "#FFFFFF"
@@ -46143,11 +45400,11 @@ const Close$8 = () => /*#__PURE__*/React.createElement("svg", {
 }), /*#__PURE__*/React.createElement("path", {
   d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
 }));
-const CloseBtn$7 = props => {
+const CloseBtn$8 = props => {
   return /*#__PURE__*/React.createElement("div", {
     className: "icon-bg-secondary",
     onClick: props.onClick
-  }, /*#__PURE__*/React.createElement(Close$8, null));
+  }, /*#__PURE__*/React.createElement(Close$9, null));
 };
 const ActionModal$7 = _ref => {
   var _action$roles, _action$roles$, _action$roles$$map;
@@ -46227,10 +45484,10 @@ const ActionModal$7 = _ref => {
     }
   }, [action, approvers, uploadedFile]);
   return action && config.form ? /*#__PURE__*/React.createElement(Modal, {
-    headerBarMain: /*#__PURE__*/React.createElement(Heading$7, {
+    headerBarMain: /*#__PURE__*/React.createElement(Heading$8, {
       label: t(config.label.heading)
     }),
-    headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn$7, {
+    headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn$8, {
       onClick: closeModal
     }),
     actionCancelLabel: t(config.label.cancel),
@@ -46253,12 +45510,12 @@ const ActionModal$7 = _ref => {
   })) : /*#__PURE__*/React.createElement(Loader, null);
 };
 
-const Heading$8 = props => {
+const Heading$9 = props => {
   return /*#__PURE__*/React.createElement("h1", {
     className: "heading-m"
   }, props.label);
 };
-const Close$9 = () => /*#__PURE__*/React.createElement("svg", {
+const Close$a = () => /*#__PURE__*/React.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "#FFFFFF"
@@ -46268,11 +45525,11 @@ const Close$9 = () => /*#__PURE__*/React.createElement("svg", {
 }), /*#__PURE__*/React.createElement("path", {
   d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
 }));
-const CloseBtn$8 = props => {
+const CloseBtn$9 = props => {
   return /*#__PURE__*/React.createElement("div", {
     className: "icon-bg-secondary",
     onClick: props.onClick
-  }, /*#__PURE__*/React.createElement(Close$9, null));
+  }, /*#__PURE__*/React.createElement(Close$a, null));
 };
 const ActionModal$8 = _ref => {
   var _action$assigneeRoles, _action$assigneeRoles2;
@@ -46331,7 +45588,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) {
@@ -46391,10 +45648,10 @@ const ActionModal$8 = _ref => {
     }
   }, [action, approvers, uploadedFile]);
   return action && config.form ? /*#__PURE__*/React.createElement(Modal, {
-    headerBarMain: /*#__PURE__*/React.createElement(Heading$8, {
+    headerBarMain: /*#__PURE__*/React.createElement(Heading$9, {
       label: t(config.label.heading)
     }),
-    headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn$8, {
+    headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn$9, {
       onClick: closeModal
     }),
     actionCancelLabel: t(config.label.cancel),
@@ -46413,12 +45670,12 @@ const ActionModal$8 = _ref => {
   })) : /*#__PURE__*/React.createElement(Loader, null);
 };
 
-const Heading$9 = props => {
+const Heading$a = props => {
   return /*#__PURE__*/React.createElement("h1", {
     className: "heading-m"
   }, props.label);
 };
-const Close$a = () => /*#__PURE__*/React.createElement("svg", {
+const Close$b = () => /*#__PURE__*/React.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "#FFFFFF"
@@ -46428,11 +45685,11 @@ const Close$a = () => /*#__PURE__*/React.createElement("svg", {
 }), /*#__PURE__*/React.createElement("path", {
   d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
 }));
-const CloseBtn$9 = props => {
+const CloseBtn$a = props => {
   return /*#__PURE__*/React.createElement("div", {
     className: "icon-bg-secondary",
     onClick: props.onClick
-  }, /*#__PURE__*/React.createElement(Close$a, null));
+  }, /*#__PURE__*/React.createElement(Close$b, null));
 };
 const ActionModal$9 = _ref => {
   var _action$assigneeRoles, _action$assigneeRoles2;
@@ -46493,7 +45750,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) {
@@ -46558,10 +45815,10 @@ const ActionModal$9 = _ref => {
   }, [action, approvers, uploadedFile]);
   console.log("conggg", config);
   return action && config.form ? /*#__PURE__*/React.createElement(Modal, {
-    headerBarMain: /*#__PURE__*/React.createElement(Heading$9, {
+    headerBarMain: /*#__PURE__*/React.createElement(Heading$a, {
       label: t(config.label.heading)
     }),
-    headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn$9, {
+    headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn$a, {
       onClick: closeModal
     }),
     actionCancelLabel: t(config.label.cancel),
@@ -46580,12 +45837,12 @@ const ActionModal$9 = _ref => {
   })) : /*#__PURE__*/React.createElement(Loader, null);
 };
 
-const Heading$a = props => {
+const Heading$b = props => {
   return /*#__PURE__*/React.createElement("h1", {
     className: "heading-m"
   }, props.label);
 };
-const Close$b = () => /*#__PURE__*/React.createElement("svg", {
+const Close$c = () => /*#__PURE__*/React.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "#FFFFFF"
@@ -46595,11 +45852,11 @@ const Close$b = () => /*#__PURE__*/React.createElement("svg", {
 }), /*#__PURE__*/React.createElement("path", {
   d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
 }));
-const CloseBtn$a = props => {
+const CloseBtn$b = props => {
   return /*#__PURE__*/React.createElement("div", {
     className: "icon-bg-secondary",
     onClick: props.onClick
-  }, /*#__PURE__*/React.createElement(Close$b, null));
+  }, /*#__PURE__*/React.createElement(Close$c, null));
 };
 const ActionModal$a = _ref => {
   var _action$assigneeRoles, _action$assigneeRoles2;
@@ -46659,8 +45916,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) {
@@ -46727,10 +45984,10 @@ const ActionModal$a = _ref => {
     }));
   }, [action, approvers, uploadedFile]);
   return action && config.form ? /*#__PURE__*/React.createElement(Modal, {
-    headerBarMain: /*#__PURE__*/React.createElement(Heading$a, {
+    headerBarMain: /*#__PURE__*/React.createElement(Heading$b, {
       label: t(config.label.heading)
     }),
-    headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn$a, {
+    headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn$b, {
       onClick: closeModal
     }),
     actionCancelLabel: t(config.label.cancel),
@@ -46814,12 +46071,12 @@ const configWTApproverApplication = _ref => {
   };
 };
 
-const Heading$b = props => {
+const Heading$c = props => {
   return /*#__PURE__*/React.createElement("h1", {
     className: "heading-m"
   }, props.label);
 };
-const Close$c = () => /*#__PURE__*/React.createElement("svg", {
+const Close$d = () => /*#__PURE__*/React.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "#FFFFFF"
@@ -46829,11 +46086,11 @@ const Close$c = () => /*#__PURE__*/React.createElement("svg", {
 }), /*#__PURE__*/React.createElement("path", {
   d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
 }));
-const CloseBtn$b = props => {
+const CloseBtn$c = props => {
   return /*#__PURE__*/React.createElement("div", {
     className: "icon-bg-secondary",
     onClick: props.onClick
-  }, /*#__PURE__*/React.createElement(Close$c, null));
+  }, /*#__PURE__*/React.createElement(Close$d, null));
 };
 const ActionModal$b = _ref => {
   var _action$assigneeRoles, _action$assigneeRoles2, _dsoData$vendor, _vehicleData$vehicle, _vehicleData$vehicle$;
@@ -46949,7 +46206,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) {
@@ -47031,10 +46288,10 @@ const ActionModal$b = _ref => {
     }
   }, [action, approvers, uploadedFile, dsoData, selectVehicle, vehicleData]);
   return action && config.form ? /*#__PURE__*/React.createElement(Modal, {
-    headerBarMain: /*#__PURE__*/React.createElement(Heading$b, {
+    headerBarMain: /*#__PURE__*/React.createElement(Heading$c, {
       label: t(config.label.heading)
     }),
-    headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn$b, {
+    headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn$c, {
       onClick: closeModal
     }),
     actionCancelLabel: t(config.label.cancel),
@@ -47633,7 +46890,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;
@@ -47921,7 +47178,7 @@ const PermissionCheck = _ref => {
     } : {},
     placeholder: t("BPA_ENTER_PERMIT_CONDITIONS_LABEL")
   }), /*#__PURE__*/React.createElement(LinkButton, {
-    label: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Close$f, {
+    label: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Close$g, {
       style: {
         float: "right",
         position: "relative",
@@ -48014,7 +47271,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}`);
@@ -48550,7 +47807,7 @@ const ScruntinyDetails = _ref => {
       }
     }, t(data === null || data === void 0 ? void 0 : data.value));else if (data !== null && data !== void 0 && data.value && data !== null && data !== void 0 && data.isTransLate) return t(data === null || data === void 0 ? void 0 : data.value);else if (data !== null && data !== void 0 && data.value) return data === null || data === void 0 ? void 0 : data.value;else t("NA");
   };
-  return /*#__PURE__*/React.createElement(Fragment$2, null, !(scrutinyDetails !== null && scrutinyDetails !== void 0 && scrutinyDetails.isChecklist) && /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(Fragment$1, null, !(scrutinyDetails !== null && scrutinyDetails !== void 0 && scrutinyDetails.isChecklist) && /*#__PURE__*/React.createElement("div", {
     style: {
       background: "#FAFAFA",
       border: "1px solid #D6D5D4",
@@ -48608,7 +47865,7 @@ const ScruntinyDetails = _ref => {
       }
     }, value === null || value === void 0 ? void 0 : value.title);
   })), /*#__PURE__*/React.createElement("div", null, scrutinyDetails === null || scrutinyDetails === void 0 ? void 0 : (_scrutinyDetails$scru = scrutinyDetails.scruntinyDetails) === null || _scrutinyDetails$scru === void 0 ? void 0 : _scrutinyDetails$scru.map((report, index) => {
-    return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(Row, {
+    return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(Row, {
       className: "border-none",
       label: `${t(report === null || report === void 0 ? void 0 : report.title)}`,
       labelStyle: {
@@ -48717,7 +47974,7 @@ const SubOccupancyTable = _ref => {
     }
     return returnValue ? returnValue : "NA";
   }
-  return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement("div", {
     style: {
       background: "#FAFAFA",
       border: "1px solid #D6D5D4",
@@ -49325,7 +48582,7 @@ const ArrearSummary = _ref => {
   }, t("CS_HIDE_CARD"))));
 };
 
-const Close$d = () => /*#__PURE__*/React.createElement("svg", {
+const Close$e = () => /*#__PURE__*/React.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "#FFFFFF"
@@ -49335,11 +48592,11 @@ const Close$d = () => /*#__PURE__*/React.createElement("svg", {
 }), /*#__PURE__*/React.createElement("path", {
   d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
 }));
-const CloseBtn$c = props => {
+const CloseBtn$d = props => {
   return /*#__PURE__*/React.createElement("div", {
     className: "icon-bg-secondary",
     onClick: props.onClick
-  }, /*#__PURE__*/React.createElement(Close$d, null));
+  }, /*#__PURE__*/React.createElement(Close$e, null));
 };
 const RenewPopup = _ref => {
   let {
@@ -49367,7 +48624,7 @@ const RenewPopup = _ref => {
     headerBarMain: /*#__PURE__*/React.createElement(Heading, {
       label: "SV_WANT_TO_EDIT"
     }),
-    headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn$c, {
+    headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn$d, {
       onClick: closeModal
     }),
     actionCancelLabel: t("CS_COMMON_BACK"),
@@ -49512,7 +48769,7 @@ const DueVerification = _ref => {
       try {
         return Promise.resolve(function () {
           if (isZROApproval && applicationData !== null && applicationData !== void 0 && applicationData.applicationNo) {
-            return _catch$1(function () {
+            return _catch(function () {
               return Promise.resolve(checkDueVerification({
                 DueVerification: {
                   applicationNo: applicationData.applicationNo
@@ -49556,7 +48813,7 @@ const DueVerification = _ref => {
             });
             return;
           }
-          return _catch$1(function () {
+          return _catch(function () {
             return Promise.resolve(checkDueVerification({
               DueVerification: {
                 kno: kno
@@ -50349,7 +49606,7 @@ function ApplicationDetailsContent(_ref) {
     showApprovalChecklist: showApprovalChecklist,
     values: approvalChecklist,
     onChange: onApprovalChecklistChange
-  }), showTimeLine && (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data11 = workflowDetails.data) === null || _workflowDetails$data11 === void 0 ? void 0 : (_workflowDetails$data12 = _workflowDetails$data11.timeline) === null || _workflowDetails$data12 === void 0 ? void 0 : _workflowDetails$data12.length) > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BreakLine, null), ((workflowDetails === null || workflowDetails === void 0 ? void 0 : workflowDetails.isLoading) || isDataLoading) && /*#__PURE__*/React.createElement(Loader, null), !(workflowDetails !== null && workflowDetails !== void 0 && workflowDetails.isLoading) && !isDataLoading && /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement("div", {
+  }), showTimeLine && (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data11 = workflowDetails.data) === null || _workflowDetails$data11 === void 0 ? void 0 : (_workflowDetails$data12 = _workflowDetails$data11.timeline) === null || _workflowDetails$data12 === void 0 ? void 0 : _workflowDetails$data12.length) > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BreakLine, null), ((workflowDetails === null || workflowDetails === void 0 ? void 0 : workflowDetails.isLoading) || isDataLoading) && /*#__PURE__*/React.createElement(Loader, null), !(workflowDetails !== null && workflowDetails !== void 0 && workflowDetails.isLoading) && !isDataLoading && /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement("div", {
     id: "timeline"
   }, /*#__PURE__*/React.createElement(CardSectionHeader, {
     style: {
@@ -50601,7 +49858,7 @@ function ApplicationDetailsActionBar(_ref) {
   }, t(`${forcedActionPrefix || `WF_EMPLOYEE_${businessService === null || businessService === void 0 ? void 0 : businessService.toUpperCase()}`}_${actions === null || actions === void 0 ? void 0 : (_actions$4 = actions[0]) === null || _actions$4 === void 0 ? void 0 : _actions$4.action}`))));
 }
 
-const Close$e = () => /*#__PURE__*/React.createElement("svg", {
+const Close$f = () => /*#__PURE__*/React.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "#FFFFFF"
@@ -50611,11 +49868,11 @@ const Close$e = () => /*#__PURE__*/React.createElement("svg", {
 }), /*#__PURE__*/React.createElement("path", {
   d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
 }));
-const CloseBtn$d = props => {
+const CloseBtn$e = props => {
   return /*#__PURE__*/React.createElement("div", {
     className: "icon-bg-secondary",
     onClick: props.onClick
-  }, /*#__PURE__*/React.createElement(Close$e, null));
+  }, /*#__PURE__*/React.createElement(Close$f, null));
 };
 function ApplicationDetailsWarningPopup(_ref) {
   let {
@@ -50633,7 +49890,7 @@ function ApplicationDetailsWarningPopup(_ref) {
     headerBarMain: /*#__PURE__*/React.createElement("h1", {
       className: "heading-m"
     }, t("PT_DUES_ARE_PENDING")),
-    headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn$d, {
+    headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn$e, {
       onClick: () => {
         closeWarningPopup();
       }
@@ -50918,7 +50175,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 => {
@@ -51786,7 +51043,7 @@ const GetConnectionDetails = () => {
       onClick: props.onClick
     }, /*#__PURE__*/React.createElement(Close, null));
   };
-  return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement("div", {
     style: {
       position: "relative",
       width: "100%",
@@ -52255,7 +51512,7 @@ const ApplicationDetailsBillAmendment = () => {
     label: t("WS_ACK_PDF"),
     onClick: () => getAckPdf(applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.amendment, tenantId, t, applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationDetails, applicationDetails)
   }];
-  return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement("div", {
     className: "employee-main-application-details"
   }, /*#__PURE__*/React.createElement("div", {
     className: "employee-application-details",
@@ -52367,7 +51624,7 @@ const Search = _ref => {
     var _result$data3;
     return (result === null || result === void 0 ? void 0 : (_result$data3 = result.data) === null || _result$data3 === void 0 ? void 0 : _result$data3.length) > 0 ? true : false;
   };
-  return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(Search, {
+  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(Search, {
     t: t,
     tenantId: tenantId,
     onSubmit: onSubmit,
@@ -52466,7 +51723,7 @@ const SearchWater = _ref => {
     }
     return item;
   });
-  return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(SWater, {
+  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(SWater, {
     t: t,
     tenantId: tenantId,
     onSubmit: onSubmit,
@@ -57068,7 +56325,7 @@ const MutationApplication = () => {
       search: location.search,
       state: location.state
     }
-  }) : /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(Step1_ExistingConnection, {
+  }) : /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(Step1_ExistingConnection, {
     t: t,
     applicationDetails: authActiveConnection ? {
       applicationData: authActiveConnection
@@ -57722,7 +56979,7 @@ const GetDisconnectionDetails = () => {
   dowloadOptions.sort(function (a, b) {
     return a.order - b.order;
   });
-  return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement("div", {
     className: "employee-main-application-details",
     style: {
       display: "flex",
@@ -57977,7 +57234,7 @@ const ModifyApplicationDetails = () => {
   dowloadOptions.sort(function (a, b) {
     return a.order - b.order;
   });
-  return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement("div", {
     className: "employee-main-application-details"
   }, /*#__PURE__*/React.createElement("div", {
     className: "employee-application-details",
@@ -58494,7 +57751,7 @@ const SearchFields$2 = _ref => {
     },
     title: t("ERR_DEFAULT_INPUT_FIELD_MSG")
   };
-  return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(SearchField, {
+  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(SearchField, {
     style: {
       width: "100%"
     }
@@ -58717,7 +57974,7 @@ const SearchWaterConnectionIntegrated = _ref => {
       return GetCell(status === "INACTIVE" ? t("WS_NA") : t(`${dueDate}`));
     }
   }], []);
-  return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(Header, {
+  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(Header, {
     styles: {
       fontSize: "32px"
     }
@@ -58854,7 +58111,7 @@ const SearchIntegrated = _ref => {
     var _result12$data5, _result$data5;
     return (result12 === null || result12 === void 0 ? void 0 : (_result12$data5 = result12.data) === null || _result12$data5 === void 0 ? void 0 : _result12$data5.length) > 0 || (result === null || result === void 0 ? void 0 : (_result$data5 = result.data) === null || _result$data5 === void 0 ? void 0 : _result$data5.length) > 0 ? true : false;
   };
-  return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(SWater, {
+  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(SWater, {
     t: t,
     tenantId: tenantId,
     onSubmit: onSubmit,
@@ -58879,7 +58136,7 @@ const SearchWaterConnectionViewIntegrated = _ref => {
     count,
     resultOk
   } = _ref;
-  return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(SearchWaterConnectionIntegrated, {
+  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(SearchWaterConnectionIntegrated, {
     onSubmit: onSubmit,
     data: data,
     count: count,
@@ -58945,7 +58202,7 @@ const BulkBillGeneration = _ref => {
     var _result$meterReadings;
     return (result === null || result === void 0 ? void 0 : (_result$meterReadings = result.meterReadings) === null || _result$meterReadings === void 0 ? void 0 : _result$meterReadings.length) > 0 ? true : false;
   };
-  return /*#__PURE__*/React.createElement(Fragment$2, null, /*#__PURE__*/React.createElement(WSBulkBillSearch, {
+  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(WSBulkBillSearch, {
     t: t,
     tenantId: tenantId,
     onSubmit: onSubmit,