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

package/dist/index.js

@@ -9,36 +9,29 @@ var reactHookForm = require('react-hook-form');
 var XLSX = require('xlsx');
 var reactQuery = require('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 = () => {
@@ -8282,8 +8275,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) {
@@ -10799,6 +10792,353 @@ const WSCalculation = _ref => {
   })));
 };
 
+const WSZROVerification = () => {
+  const {
+    t
+  } = reactI18next.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__default.useMemo(() => [{
+    Header: t("WS_CONNECTION_NO_LABEL"),
+    accessor: "connectionNo",
+    Cell: _ref => {
+      var _row$original, _row$original2;
+      let {
+        row
+      } = _ref;
+      return /*#__PURE__*/React__default.createElement(reactRouterDom.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__default.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__default.createElement(digitUiReactComponents.Loader, null);
+  }
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.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__default.createElement("h1", {
+    className: "heading-m"
+  }, props.label);
+};
+const Close = () => /*#__PURE__*/React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "#FFFFFF"
+}, /*#__PURE__*/React__default.createElement("path", {
+  d: "M0 0h24v24H0V0z",
+  fill: "none"
+}), /*#__PURE__*/React__default.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__default.createElement("div", {
+    className: "icon-bg-secondary",
+    onClick: props.onClick
+  }, /*#__PURE__*/React__default.createElement(Close, null));
+};
+const WSZROVerificationDetails = () => {
+  var _location$state;
+  const {
+    t
+  } = reactI18next.useTranslation();
+  const location = reactRouterDom.useLocation();
+  const history = reactRouterDom.useHistory();
+  const [displayMenu, setDisplayMenu] = React.useState(false);
+  const [showModal, setShowModal] = React.useState(false);
+  const [selectedAction, setSelectedAction] = React.useState(null);
+  const [comments, setComments] = React.useState("");
+  const [toast, setToast] = React.useState(null);
+  const [isSuccess, setIsSuccess] = React.useState(false);
+  const [apiResponse, setApiResponse] = React.useState(null);
+  React.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__default.createElement(digitUiReactComponents.Loader, null);
+  }
+  if (!caseDetails) {
+    return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.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__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.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__default.createElement(digitUiReactComponents.CardText, null, apiResponse !== null && apiResponse !== void 0 && apiResponse.message ? apiResponse.message : t("WF_ZRO_SUCCESS_MESSAGE_MAIN")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.ActionBar, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
+      label: t("CORE_COMMON_GO_TO_HOME"),
+      onSubmit: () => history.push("/digit-ui/employee/ws/zro-application")
+    })));
+  }
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSubHeader, null, t("WS_VERIFICATION_DETAILS")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
+    label: t("WS_CONNECTION_NO_LABEL"),
+    text: (verification === null || verification === void 0 ? void 0 : verification.connectionno) || "NA"
+  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
+    label: t("WS_VERIFICATION_STATUS"),
+    text: (verification === null || verification === void 0 ? void 0 : verification.status) || "NA"
+  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
+    label: t("WS_CONSUMPTION_LABEL"),
+    text: (verification === null || verification === void 0 ? void 0 : verification.consumption) ?? "NA"
+  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
+    label: t("WS_PREVIOUS_CONSUMPTION"),
+    text: (verification === null || verification === void 0 ? void 0 : verification.previousconsumption) ?? "NA"
+  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
+    label: t("WS_DEVIATION_FACTOR"),
+    text: verification !== null && verification !== void 0 && verification.deviationfactor ? Number(verification.deviationfactor).toFixed(2) : "NA"
+  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
+    label: t("WS_REMARKS"),
+    text: (verification === null || verification === void 0 ? void 0 : verification.remarks) || "NA"
+  })), /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSubHeader, {
+    style: {
+      marginTop: "32px"
+    }
+  }, t("WS_BILLING_AND_CONSUMPTION_DETAILS")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
+    label: t("WS_BILLING_CYCLE_ID"),
+    text: billingData.billingCycleId || "NA"
+  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
+    label: t("WS_BILLING_PERIOD"),
+    text: `${formatDate(billingData.billingPeriodFrom)} - ${formatDate(billingData.billingPeriodTo)}`
+  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
+    label: t("WS_BILLING_DAYS"),
+    text: billingData.billingDays ?? "NA"
+  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
+    label: t("WS_PREVIOUS_READING_LABEL"),
+    text: billingData.previousReading ?? "NA"
+  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
+    label: t("WS_PREVIOUS_OK_READING_DATE"),
+    text: formatDate(billingData.previousOkReadingDate)
+  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
+    label: t("WS_CURRENT_READING_LABEL"),
+    text: billingData.currentReading ?? "NA"
+  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
+    label: t("WS_READING_QUALITY_CODE"),
+    text: billingData.readingQualityCode || "NA"
+  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
+    label: t("WS_BILLING_BASIS"),
+    text: billingData.billingBasis || "NA"
+  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
+    label: t("WS_ACTUAL_CONSUMPTION"),
+    text: billingData.actualConsumption ?? "NA"
+  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
+    label: t("WS_MONTHLY_CONSUMPTION"),
+    text: billingData.monthlyConsumption ? Number(billingData.monthlyConsumption).toFixed(2) : "NA"
+  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
+    label: t("WS_THRESHOLD_CONSUMPTION"),
+    text: billingData.thresholdConsumption ? Number(billingData.thresholdConsumption).toFixed(2) : "NA"
+  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
+    label: t("WS_1_5X_FLAG"),
+    text: billingData.onePointFiveXFlag ? t("CORE_COMMON_YES") : t("CORE_COMMON_NO")
+  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
+    label: t("WS_BILLING_CYCLE_STATUS"),
+    text: billingData.billingCycleStatus || "NA"
+  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
+    label: t("WS_CORRECTION_STATUS"),
+    text: billingData.correctionStatus || "NA"
+  }))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.ActionBar, null, displayMenu ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.Menu, {
+    localeKeyPrefix: "WF_ZRO",
+    options: ["VERIFY", "REJECT"],
+    t: t,
+    onSelect: onActionSelect
+  }) : null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
+    label: t("WF_TAKE_ACTION"),
+    onSubmit: () => setDisplayMenu(!displayMenu)
+  })), showModal && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Modal, {
+    headerBarMain: /*#__PURE__*/React__default.createElement(Heading, {
+      label: selectedAction === "VERIFY" ? t("WF_ZRO_VERIFY") : t("WF_ZRO_REJECT")
+    }),
+    headerBarEnd: /*#__PURE__*/React__default.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__default.createElement("div", {
+    style: {
+      marginBottom: "16px"
+    }
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, null, t("WF_COMMON_COMMENTS")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextArea, {
+    name: "comments",
+    value: comments,
+    onChange: e => setComments(e.target.value)
+  }))), toast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.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) {
@@ -11248,6 +11588,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] = {
@@ -11587,6 +11931,12 @@ const App$1 = _ref2 => {
     component: props => /*#__PURE__*/React__default.createElement(WSCalculation, _extends({}, props, {
       parentRoute: path
     }))
+  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.PrivateRoute, {
+    path: `${path}/zro-application`,
+    component: () => /*#__PURE__*/React__default.createElement(WSZROVerification, null)
+  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.PrivateRoute, {
+    path: `${path}/zro-verification-details`,
+    component: () => /*#__PURE__*/React__default.createElement(WSZROVerificationDetails, null)
   }))))));
 };
 
@@ -16759,31 +17109,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,
@@ -17704,7 +18029,7 @@ ButtonSelector.defaultProps = {
   onSubmit: undefined
 };
 
-const Close = _ref23 => {
+const Close$1 = _ref23 => {
   let {
     className,
     style
@@ -17740,7 +18065,7 @@ const RemoveableTag = _ref => {
     style: extraStyles ? extraStyles === null || extraStyles === void 0 ? void 0 : extraStyles.textStyles : {}
   }, text), /*#__PURE__*/React__default.createElement("span", {
     onClick: disabled ? null : onClick
-  }, /*#__PURE__*/React__default.createElement(Close, {
+  }, /*#__PURE__*/React__default.createElement(Close$1, {
     className: "close",
     style: extraStyles ? extraStyles === null || extraStyles === void 0 ? void 0 : extraStyles.closeIconStyles : {}
   })));
@@ -17936,7 +18261,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 = {
@@ -18147,7 +18472,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",
@@ -27522,7 +27847,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__default.createElement(digitUiReactComponents.EmployeeModuleCard, propsForModuleCard);
 };
@@ -29392,1101 +29721,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 {
@@ -30888,7 +30122,7 @@ const SearchConnection = _ref => {
   }));
 };
 SearchConnection.propTypes = {
-  loginParams: propTypes$1.any
+  loginParams: propTypes.any
 };
 SearchConnection.defaultProps = {
   loginParams: null
@@ -31864,9 +31098,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: [],
@@ -38805,9 +38039,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: [],
@@ -38869,6 +38103,15 @@ const WSInfoPage = () => {
   const [isOtpSending, setIsOtpSending] = React.useState(false);
   const [isOtpVerifying, setIsOtpVerifying] = React.useState(false);
   const [showToast, setShowToast] = React.useState(null);
+  const [isMobileVerified, setIsMobileVerified] = React.useState(false);
+  const [timeLeft, setTimeLeft] = React.useState(0);
+  React.useEffect(() => {
+    let timer;
+    if (timeLeft > 0) {
+      timer = setTimeout(() => setTimeLeft(timeLeft - 1), 1000);
+    }
+    return () => clearTimeout(timer);
+  }, [timeLeft]);
   React.useEffect(() => {
     sessionStorage.removeItem("WS_OTP_VERIFIED_PROPERTY_ID");
   }, []);
@@ -38887,7 +38130,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",
@@ -38938,7 +38181,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;
           }
@@ -38948,21 +38191,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;
@@ -38990,7 +38234,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();
       }
@@ -39021,14 +38265,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;
@@ -39053,7 +38298,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 {
@@ -39068,72 +38320,6 @@ const WSInfoPage = () => {
     ...prop,
     displayName: `${prop.propertyId} - ${getAddress$1(prop.address, t)}`
   }))) || [];
-  if (showOtpVerification) {
-    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement("form", {
-      onSubmit: handleVerifyOtp
-    }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, null, t("WS_VERIFY_OTP_HEADER") || "Verify OTP"), /*#__PURE__*/React__default.createElement("div", {
-      style: {
-        marginBottom: "24px"
-      }
-    }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Label, null, t("WS_ENTER_OTP_SENT_TO") || "Enter OTP sent to", " +91 ", getMaskedPhone(mobileNumberToSearch), " *"), /*#__PURE__*/React__default.createElement(digitUiReactComponents.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__default.createElement("div", {
-      style: {
-        display: "flex",
-        gap: "16px",
-        marginBottom: "24px"
-      }
-    }, /*#__PURE__*/React__default.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__default.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__default.createElement(digitUiReactComponents.SubmitBar, {
-      label: t("WS_VERIFY_OTP_AND_PROCEED") || "Verify & Proceed",
-      onSubmit: handleVerifyOtp,
-      disabled: otp.length < 6 || isOtpVerifying,
-      submit: true
-    }))), showToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
-      error: showToast.key === "error",
-      warning: showToast.key === "warning",
-      label: t(showToast.message),
-      onClose: () => setShowToast(null),
-      isDleteBtn: true
-    }));
-  }
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, null, t("WS_COMMON_APPL_NEW_CONNECTION")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.CitizenInfoLabel, {
     style: {
       margin: "0px",
@@ -39165,30 +38351,7 @@ const WSInfoPage = () => {
       display: "flex",
       gap: "24px"
     }
-  })), (hasProperty === null || hasProperty === void 0 ? void 0 : hasProperty.code) === "YES" && /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      marginBottom: "24px"
-    }
-  }, !isEmployee && /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      marginBottom: "16px"
-    }
-  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Label, null, t("CORE_COMMON_MOBILE_NUMBER")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.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__default.createElement("div", {
+  })), (hasProperty === null || hasProperty === void 0 ? void 0 : hasProperty.code) === "YES" && /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
     style: {
       display: "flex",
       flexDirection: "column",
@@ -39197,39 +38360,59 @@ const WSInfoPage = () => {
     }
   }, /*#__PURE__*/React__default.createElement("div", {
     style: {
-      display: "flex",
+      display: "grid",
+      gridTemplateColumns: "1fr 1fr",
       gap: "24px",
-      alignItems: "flex-end"
+      alignItems: "start"
+    }
+  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Label, null, t("CORE_COMMON_MOBILE_NUMBER")), /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      display: "flex",
+      gap: "16px",
+      alignItems: "center"
     }
   }, /*#__PURE__*/React__default.createElement("div", {
     style: {
       flex: 1
     }
-  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Label, null, t("CORE_COMMON_MOBILE_NUMBER")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextInput, {
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.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__default.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__default.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__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Label, null, t("WS_SELECT_EXISTING_PROPERTY")), isLoading ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null) : /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "8px"
     }
-  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Label, null, t("WS_SELECT_EXISTING_PROPERTY")), /*#__PURE__*/React__default.createElement("div", {
-    className: "field"
   }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Dropdown, {
-    className: "form-field",
     option: propertyOptions,
     optionKey: "displayName",
     id: "propertyId",
@@ -39241,51 +38424,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__default.createElement("div", {
+    disable: !isMobileVerified || propertyOptions.length === 0
+  }), propertyOptions.length > 0 && /*#__PURE__*/React__default.createElement("span", {
+    style: {
+      fontSize: "14px",
+      color: "#505A5F"
+    }
+  }, t("WS_PROPERTY_AUTOFILL_MSG"))))), showOtpVerification && !isMobileVerified && /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      border: "1px solid #d6d5d4",
+      borderRadius: "4px",
+      background: "#f8f9fa",
+      padding: "12px"
+    }
+  }, /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      fontWeight: "bold",
+      fontSize: "18px",
+      marginBottom: "8px"
+    }
+  }, t("WS_VERIFY_OTP_HEADER") || "OTP Verification"), /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      color: "#505A5F",
+      marginBottom: "16px"
+    }
+  }, t("WS_ENTER_OTP_SENT_TO") || "Enter the 6-digit OTP sent to", " ", getMaskedPhone(searchMobileNumber)), /*#__PURE__*/React__default.createElement("div", {
     style: {
       display: "flex",
-      flexDirection: "column",
-      gap: "16px"
+      flexWrap: "wrap",
+      gap: "15px",
+      alignItems: "center"
     }
-  }, /*#__PURE__*/React__default.createElement("span", {
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.OTPInput, {
     style: {
-      color: "#d63031",
+      marginBottom: "0px"
+    },
+    length: 6,
+    onChange: setOtp,
+    value: otp
+  }), /*#__PURE__*/React__default.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__default.createElement("span", {
-    onClick: handleCreateProperty
-  }, /*#__PURE__*/React__default.createElement("button", {
-    className: "submit-bar",
+  }, isOtpVerifying ? t("WS_VERIFYING_OTP") || "Verifying..." : t("WS_VERIFY_OTP_AND_PROCEED") || "Verify OTP"), /*#__PURE__*/React__default.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__default.createElement(digitUiReactComponents.Label, null, t("WS_SELECT_EXISTING_PROPERTY")), isLoading && !isEmployee ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null) : !isEmployee ? propertyOptions.length > 0 ? /*#__PURE__*/React__default.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__default.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__default.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__default.createElement("div", {
+    style: {
+      display: "flex",
+      alignItems: "center",
       gap: "8px"
     }
-  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Dropdown, {
-    option: propertyOptions,
-    optionKey: "displayName",
-    id: "propertyId",
-    selected: selectedProperty,
-    select: val => {
-      setSelectedProperty(val);
-      setShowOtpVerification(false);
+  }, /*#__PURE__*/React__default.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__default.createElement("span", {
+    style: {
+      fontWeight: "bold"
+    }
+  }, t("WS_MOBILE_VERIFIED_SUCCESSFULLY") || "Mobile number verified successfully!")), /*#__PURE__*/React__default.createElement("button", {
+    type: "button",
+    onClick: () => {
+      setIsMobileVerified(false);
       setOtp("");
+      setShowOtpVerification(false);
     },
-    t: t,
-    placeholder: t("PT_SELECT_PROPERTY")
-  }), /*#__PURE__*/React__default.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__default.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__default.createElement("div", {
     style: {
       display: "flex",
       flexDirection: "column",
@@ -39306,7 +38563,7 @@ const WSInfoPage = () => {
       color: "white",
       margin: 0
     }
-  }, t("CPT_CREATE_PROPERTY")))) : null), (hasProperty === null || hasProperty === void 0 ? void 0 : hasProperty.code) === "NO" && /*#__PURE__*/React__default.createElement("div", {
+  }, t("CPT_CREATE_PROPERTY")))))), (hasProperty === null || hasProperty === void 0 ? void 0 : hasProperty.code) === "NO" && /*#__PURE__*/React__default.createElement("div", {
     style: {
       marginBottom: "24px",
       display: "flex",
@@ -39322,7 +38579,7 @@ const WSInfoPage = () => {
       color: "white",
       margin: 0
     }
-  }, t("CPT_CREATE_PROPERTY")))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSubHeader, {
+  }, t("CPT_CREATE_PROPERTY")))), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSubHeader, {
     style: {
       marginTop: "0",
       marginBottom: "0"
@@ -39414,7 +38671,7 @@ const WSInfoPage = () => {
       marginBottom: "24px",
       lineHeight: "2"
     }
-  }, /*#__PURE__*/React__default.createElement("li", null, t("WS_DOC_IDENTITY_PROOF")), /*#__PURE__*/React__default.createElement("li", null, t("WS_DOC_ADDRESS_PROOF")), /*#__PURE__*/React__default.createElement("li", null, t("WS_DOC_ELECTRICITY_BILL")), /*#__PURE__*/React__default.createElement("li", null, t("WS_DOC_PLUMBER_REPORT")), /*#__PURE__*/React__default.createElement("li", null, t("WS_DOC_BUILDING_PLAN")), /*#__PURE__*/React__default.createElement("li", null, t("WS_DOC_PROPERTY_TAX_RECEIPT")), /*#__PURE__*/React__default.createElement("li", null, t("WS_DOC_APPLICANT_PHOTOGRAPH"))), !hasProperty || (hasProperty === null || hasProperty === void 0 ? void 0 : hasProperty.code) === "YES" && !selectedProperty ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
+  }, /*#__PURE__*/React__default.createElement("li", null, t("WS_DOC_IDENTITY_PROOF")), /*#__PURE__*/React__default.createElement("li", null, t("WS_DOC_ADDRESS_PROOF")), /*#__PURE__*/React__default.createElement("li", null, t("WS_DOC_ELECTRICITY_BILL")), /*#__PURE__*/React__default.createElement("li", null, t("WS_DOC_PLUMBER_REPORT")), /*#__PURE__*/React__default.createElement("li", null, t("WS_DOC_BUILDING_PLAN")), /*#__PURE__*/React__default.createElement("li", null, t("WS_DOC_PROPERTY_TAX_RECEIPT")), /*#__PURE__*/React__default.createElement("li", null, t("WS_DOC_APPLICANT_PHOTOGRAPH")))), !hasProperty || (hasProperty === null || hasProperty === void 0 ? void 0 : hasProperty.code) === "YES" && !selectedProperty ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
     label: t("CS_COMMON_NEXT"),
     onSubmit: () => {},
     disabled: true
@@ -44465,12 +43722,12 @@ const configSVApproverApplication = _ref => {
   };
 };
 
-const Heading = props => {
+const Heading$1 = props => {
   return /*#__PURE__*/React__default.createElement("h1", {
     className: "heading-m"
   }, props.label);
 };
-const Close$1 = () => /*#__PURE__*/React__default.createElement("svg", {
+const Close$2 = () => /*#__PURE__*/React__default.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "#FFFFFF"
@@ -44480,11 +43737,11 @@ const Close$1 = () => /*#__PURE__*/React__default.createElement("svg", {
 }), /*#__PURE__*/React__default.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__default.createElement("div", {
     className: "icon-bg-secondary",
     onClick: props.onClick
-  }, /*#__PURE__*/React__default.createElement(Close$1, null));
+  }, /*#__PURE__*/React__default.createElement(Close$2, null));
 };
 const ActionModal = _ref => {
   var _action$assigneeRoles, _action$assigneeRoles2;
@@ -44566,7 +43823,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) {
@@ -44666,10 +43923,10 @@ const ActionModal = _ref => {
     }
   }, [action, approvers, financialYears, selectedFinancialYear, uploadedFile]);
   return action && config.form ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.Modal, {
-    headerBarMain: /*#__PURE__*/React__default.createElement(Heading, {
+    headerBarMain: /*#__PURE__*/React__default.createElement(Heading$1, {
       label: t(config.label.heading)
     }),
-    headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn, {
+    headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn$1, {
       onClick: closeModal
     }),
     actionCancelLabel: t(config.label.cancel),
@@ -44689,12 +43946,12 @@ const ActionModal = _ref => {
   })) : /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null);
 };
 
-const Heading$1 = props => {
+const Heading$2 = props => {
   return /*#__PURE__*/React__default.createElement("h1", {
     className: "heading-m"
   }, props.label);
 };
-const Close$2 = () => /*#__PURE__*/React__default.createElement("svg", {
+const Close$3 = () => /*#__PURE__*/React__default.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "#FFFFFF"
@@ -44704,11 +43961,11 @@ const Close$2 = () => /*#__PURE__*/React__default.createElement("svg", {
 }), /*#__PURE__*/React__default.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__default.createElement("div", {
     className: "icon-bg-secondary",
     onClick: props.onClick
-  }, /*#__PURE__*/React__default.createElement(Close$2, null));
+  }, /*#__PURE__*/React__default.createElement(Close$3, null));
 };
 const ActionModal$1 = _ref => {
   var _action$assigneeRoles, _action$assigneeRoles2;
@@ -44789,7 +44046,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) {
@@ -44846,10 +44103,10 @@ const ActionModal$1 = _ref => {
     }
   }, [action, approvers, financialYears, selectedFinancialYear, uploadedFile]);
   return action && config.form ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.Modal, {
-    headerBarMain: /*#__PURE__*/React__default.createElement(Heading$1, {
+    headerBarMain: /*#__PURE__*/React__default.createElement(Heading$2, {
       label: t(config.label.heading)
     }),
-    headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn$1, {
+    headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn$2, {
       onClick: closeModal
     }),
     actionCancelLabel: t(config.label.cancel),
@@ -44868,7 +44125,7 @@ const ActionModal$1 = _ref => {
   })) : /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null);
 };
 
-const Heading$2 = props => {
+const Heading$3 = props => {
   return /*#__PURE__*/React__default.createElement("h1", {
     style: {
       marginLeft: "22px"
@@ -44876,7 +44133,7 @@ const Heading$2 = props => {
     className: "heading-m BPAheading-m"
   }, props.label);
 };
-const Close$3 = () => /*#__PURE__*/React__default.createElement("svg", {
+const Close$4 = () => /*#__PURE__*/React__default.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "#FFFFFF"
@@ -44886,11 +44143,11 @@ const Close$3 = () => /*#__PURE__*/React__default.createElement("svg", {
 }), /*#__PURE__*/React__default.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__default.createElement("div", {
     className: "icon-bg-secondary",
     onClick: props.onClick
-  }, /*#__PURE__*/React__default.createElement(Close$3, null));
+  }, /*#__PURE__*/React__default.createElement(Close$4, null));
 };
 const ActionModal$2 = _ref => {
   var _action$assigneeRoles, _action$assigneeRoles2;
@@ -44954,7 +44211,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) {
@@ -45018,10 +44275,10 @@ const ActionModal$2 = _ref => {
     }
   }, [action, approvers, uploadedFile, error]);
   return action && config.form ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.Modal, {
-    headerBarMain: /*#__PURE__*/React__default.createElement(Heading$2, {
+    headerBarMain: /*#__PURE__*/React__default.createElement(Heading$3, {
       label: t(config.label.heading)
     }),
-    headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn$2, {
+    headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn$3, {
       onClick: closeModal
     }),
     actionCancelLabel: t(config.label.cancel),
@@ -45062,7 +44319,7 @@ const ActionModal$2 = _ref => {
   })) : /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null);
 };
 
-const Heading$3 = props => {
+const Heading$4 = props => {
   return /*#__PURE__*/React__default.createElement("h1", {
     style: {
       marginLeft: "22px"
@@ -45070,7 +44327,7 @@ const Heading$3 = props => {
     className: "heading-m BPAheading-m"
   }, props.label);
 };
-const Close$4 = () => /*#__PURE__*/React__default.createElement("svg", {
+const Close$5 = () => /*#__PURE__*/React__default.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "#FFFFFF"
@@ -45080,11 +44337,11 @@ const Close$4 = () => /*#__PURE__*/React__default.createElement("svg", {
 }), /*#__PURE__*/React__default.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__default.createElement("div", {
     className: "icon-bg-secondary",
     onClick: props.onClick
-  }, /*#__PURE__*/React__default.createElement(Close$4, null));
+  }, /*#__PURE__*/React__default.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;
@@ -45233,7 +44490,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) {
@@ -45351,10 +44608,10 @@ const ActionModal$3 = _ref => {
     }
   }, [action, approvers, selectedFinancialYear, uploadedFile, error]);
   return action && config.form ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.Modal, {
-    headerBarMain: /*#__PURE__*/React__default.createElement(Heading$3, {
+    headerBarMain: /*#__PURE__*/React__default.createElement(Heading$4, {
       label: t(config.label.heading)
     }),
-    headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn$3, {
+    headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn$4, {
       onClick: closeModal
     }),
     actionCancelLabel: t(config.label.cancel),
@@ -45397,214 +44654,12 @@ const ActionModal$3 = _ref => {
   })) : /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null);
 };
 
-const Heading$4 = props => {
-  return /*#__PURE__*/React__default.createElement("h1", {
-    style: {
-      marginLeft: "22px"
-    },
-    className: "heading-m BPAheading-m"
-  }, props.label);
-};
-const Close$5 = () => /*#__PURE__*/React__default.createElement("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  fill: "#FFFFFF"
-}, /*#__PURE__*/React__default.createElement("path", {
-  d: "M0 0h24v24H0V0z",
-  fill: "none"
-}), /*#__PURE__*/React__default.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__default.createElement("div", {
-    className: "icon-bg-secondary",
-    onClick: props.onClick
-  }, /*#__PURE__*/React__default.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 = reactQuery.useQueryClient();
-  const [config, setConfig] = React.useState({});
-  const [defaultValues, setDefaultValues] = React.useState({});
-  const [approvers, setApprovers] = React.useState([]);
-  const [selectedApprover, setSelectedApprover] = React.useState({});
-  const [file, setFile] = React.useState(null);
-  const [uploadedFile, setUploadedFile] = React.useState(null);
-  const [error, setError] = React.useState(null);
-  const mobileView = Digit.Utils.browser.isMobile() ? true : false;
-  const history = reactRouterDom.useHistory();
-  React.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]);
-  }
-  React.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
-    });
-  }
-  React.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__default.createElement(digitUiReactComponents.Modal, {
-    headerBarMain: /*#__PURE__*/React__default.createElement(Heading$4, {
-      label: t(config.label.heading)
-    }),
-    headerBarEnd: /*#__PURE__*/React__default.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__default.createElement(digitUiReactComponents.Loader, null) : /*#__PURE__*/React__default.createElement(digitUiReactComponents.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__default.createElement(digitUiReactComponents.Loader, null);
-};
-
 const Heading$5 = props => {
   return /*#__PURE__*/React__default.createElement("h1", {
-    className: "heading-m"
+    style: {
+      marginLeft: "22px"
+    },
+    className: "heading-m BPAheading-m"
   }, props.label);
 };
 const Close$6 = () => /*#__PURE__*/React__default.createElement("svg", {
@@ -45623,6 +44678,208 @@ const CloseBtn$5 = props => {
     onClick: props.onClick
   }, /*#__PURE__*/React__default.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 = reactQuery.useQueryClient();
+  const [config, setConfig] = React.useState({});
+  const [defaultValues, setDefaultValues] = React.useState({});
+  const [approvers, setApprovers] = React.useState([]);
+  const [selectedApprover, setSelectedApprover] = React.useState({});
+  const [file, setFile] = React.useState(null);
+  const [uploadedFile, setUploadedFile] = React.useState(null);
+  const [error, setError] = React.useState(null);
+  const mobileView = Digit.Utils.browser.isMobile() ? true : false;
+  const history = reactRouterDom.useHistory();
+  React.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]);
+  }
+  React.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
+    });
+  }
+  React.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__default.createElement(digitUiReactComponents.Modal, {
+    headerBarMain: /*#__PURE__*/React__default.createElement(Heading$5, {
+      label: t(config.label.heading)
+    }),
+    headerBarEnd: /*#__PURE__*/React__default.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__default.createElement(digitUiReactComponents.Loader, null) : /*#__PURE__*/React__default.createElement(digitUiReactComponents.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__default.createElement(digitUiReactComponents.Loader, null);
+};
+
+const Heading$6 = props => {
+  return /*#__PURE__*/React__default.createElement("h1", {
+    className: "heading-m"
+  }, props.label);
+};
+const Close$7 = () => /*#__PURE__*/React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "#FFFFFF"
+}, /*#__PURE__*/React__default.createElement("path", {
+  d: "M0 0h24v24H0V0z",
+  fill: "none"
+}), /*#__PURE__*/React__default.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__default.createElement("div", {
+    className: "icon-bg-secondary",
+    onClick: props.onClick
+  }, /*#__PURE__*/React__default.createElement(Close$7, null));
+};
 const convertDateToEpochNew$1 = function (dateString, dayStartOrEnd) {
   if (dayStartOrEnd === void 0) {
     dayStartOrEnd = "dayend";
@@ -45713,7 +44970,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) {
@@ -45934,10 +45191,10 @@ const ActionModal$5 = _ref => {
     }
   }, [action, approvers, uploadedFile, error, isReasonRequiredAction, selectedReason, otherReasonText, showApprovalChecklist, approvalChecklist, applicationData]);
   return action && config.form ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.Modal, {
-    headerBarMain: /*#__PURE__*/React__default.createElement(Heading$5, {
+    headerBarMain: /*#__PURE__*/React__default.createElement(Heading$6, {
       label: t(config.label.heading)
     }),
-    headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn$5, {
+    headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn$6, {
       onClick: closeModal
     }),
     actionCancelLabel: t(config.label.cancel),
@@ -45970,12 +45227,12 @@ const ActionModal$5 = _ref => {
   }))) : /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null);
 };
 
-const Heading$6 = props => {
+const Heading$7 = props => {
   return /*#__PURE__*/React__default.createElement("h1", {
     className: "heading-m"
   }, props.label);
 };
-const Close$7 = () => /*#__PURE__*/React__default.createElement("svg", {
+const Close$8 = () => /*#__PURE__*/React__default.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "#FFFFFF"
@@ -45985,11 +45242,11 @@ const Close$7 = () => /*#__PURE__*/React__default.createElement("svg", {
 }), /*#__PURE__*/React__default.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__default.createElement("div", {
     className: "icon-bg-secondary",
     onClick: props.onClick
-  }, /*#__PURE__*/React__default.createElement(Close$7, null));
+  }, /*#__PURE__*/React__default.createElement(Close$8, null));
 };
 const ActionModal$6 = _ref => {
   var _action$assigneeRoles, _action$assigneeRoles2;
@@ -46049,7 +45306,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) {
@@ -46109,10 +45366,10 @@ const ActionModal$6 = _ref => {
     }
   }, [action, approvers, uploadedFile]);
   return action && config.form ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.Modal, {
-    headerBarMain: /*#__PURE__*/React__default.createElement(Heading$6, {
+    headerBarMain: /*#__PURE__*/React__default.createElement(Heading$7, {
       label: t(config.label.heading)
     }),
-    headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn$6, {
+    headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn$7, {
       onClick: closeModal
     }),
     actionCancelLabel: t(config.label.cancel),
@@ -46131,12 +45388,12 @@ const ActionModal$6 = _ref => {
   })) : /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null);
 };
 
-const Heading$7 = props => {
+const Heading$8 = props => {
   return /*#__PURE__*/React__default.createElement("h1", {
     className: "heading-m"
   }, props.label);
 };
-const Close$8 = () => /*#__PURE__*/React__default.createElement("svg", {
+const Close$9 = () => /*#__PURE__*/React__default.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "#FFFFFF"
@@ -46146,11 +45403,11 @@ const Close$8 = () => /*#__PURE__*/React__default.createElement("svg", {
 }), /*#__PURE__*/React__default.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__default.createElement("div", {
     className: "icon-bg-secondary",
     onClick: props.onClick
-  }, /*#__PURE__*/React__default.createElement(Close$8, null));
+  }, /*#__PURE__*/React__default.createElement(Close$9, null));
 };
 const ActionModal$7 = _ref => {
   var _action$roles, _action$roles$, _action$roles$$map;
@@ -46230,10 +45487,10 @@ const ActionModal$7 = _ref => {
     }
   }, [action, approvers, uploadedFile]);
   return action && config.form ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.Modal, {
-    headerBarMain: /*#__PURE__*/React__default.createElement(Heading$7, {
+    headerBarMain: /*#__PURE__*/React__default.createElement(Heading$8, {
       label: t(config.label.heading)
     }),
-    headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn$7, {
+    headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn$8, {
       onClick: closeModal
     }),
     actionCancelLabel: t(config.label.cancel),
@@ -46256,12 +45513,12 @@ const ActionModal$7 = _ref => {
   })) : /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null);
 };
 
-const Heading$8 = props => {
+const Heading$9 = props => {
   return /*#__PURE__*/React__default.createElement("h1", {
     className: "heading-m"
   }, props.label);
 };
-const Close$9 = () => /*#__PURE__*/React__default.createElement("svg", {
+const Close$a = () => /*#__PURE__*/React__default.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "#FFFFFF"
@@ -46271,11 +45528,11 @@ const Close$9 = () => /*#__PURE__*/React__default.createElement("svg", {
 }), /*#__PURE__*/React__default.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__default.createElement("div", {
     className: "icon-bg-secondary",
     onClick: props.onClick
-  }, /*#__PURE__*/React__default.createElement(Close$9, null));
+  }, /*#__PURE__*/React__default.createElement(Close$a, null));
 };
 const ActionModal$8 = _ref => {
   var _action$assigneeRoles, _action$assigneeRoles2;
@@ -46334,7 +45591,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) {
@@ -46394,10 +45651,10 @@ const ActionModal$8 = _ref => {
     }
   }, [action, approvers, uploadedFile]);
   return action && config.form ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.Modal, {
-    headerBarMain: /*#__PURE__*/React__default.createElement(Heading$8, {
+    headerBarMain: /*#__PURE__*/React__default.createElement(Heading$9, {
       label: t(config.label.heading)
     }),
-    headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn$8, {
+    headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn$9, {
       onClick: closeModal
     }),
     actionCancelLabel: t(config.label.cancel),
@@ -46416,12 +45673,12 @@ const ActionModal$8 = _ref => {
   })) : /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null);
 };
 
-const Heading$9 = props => {
+const Heading$a = props => {
   return /*#__PURE__*/React__default.createElement("h1", {
     className: "heading-m"
   }, props.label);
 };
-const Close$a = () => /*#__PURE__*/React__default.createElement("svg", {
+const Close$b = () => /*#__PURE__*/React__default.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "#FFFFFF"
@@ -46431,11 +45688,11 @@ const Close$a = () => /*#__PURE__*/React__default.createElement("svg", {
 }), /*#__PURE__*/React__default.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__default.createElement("div", {
     className: "icon-bg-secondary",
     onClick: props.onClick
-  }, /*#__PURE__*/React__default.createElement(Close$a, null));
+  }, /*#__PURE__*/React__default.createElement(Close$b, null));
 };
 const ActionModal$9 = _ref => {
   var _action$assigneeRoles, _action$assigneeRoles2;
@@ -46496,7 +45753,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) {
@@ -46561,10 +45818,10 @@ const ActionModal$9 = _ref => {
   }, [action, approvers, uploadedFile]);
   console.log("conggg", config);
   return action && config.form ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.Modal, {
-    headerBarMain: /*#__PURE__*/React__default.createElement(Heading$9, {
+    headerBarMain: /*#__PURE__*/React__default.createElement(Heading$a, {
       label: t(config.label.heading)
     }),
-    headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn$9, {
+    headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn$a, {
       onClick: closeModal
     }),
     actionCancelLabel: t(config.label.cancel),
@@ -46583,12 +45840,12 @@ const ActionModal$9 = _ref => {
   })) : /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null);
 };
 
-const Heading$a = props => {
+const Heading$b = props => {
   return /*#__PURE__*/React__default.createElement("h1", {
     className: "heading-m"
   }, props.label);
 };
-const Close$b = () => /*#__PURE__*/React__default.createElement("svg", {
+const Close$c = () => /*#__PURE__*/React__default.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "#FFFFFF"
@@ -46598,11 +45855,11 @@ const Close$b = () => /*#__PURE__*/React__default.createElement("svg", {
 }), /*#__PURE__*/React__default.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__default.createElement("div", {
     className: "icon-bg-secondary",
     onClick: props.onClick
-  }, /*#__PURE__*/React__default.createElement(Close$b, null));
+  }, /*#__PURE__*/React__default.createElement(Close$c, null));
 };
 const ActionModal$a = _ref => {
   var _action$assigneeRoles, _action$assigneeRoles2;
@@ -46662,8 +45919,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) {
@@ -46730,10 +45987,10 @@ const ActionModal$a = _ref => {
     }));
   }, [action, approvers, uploadedFile]);
   return action && config.form ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.Modal, {
-    headerBarMain: /*#__PURE__*/React__default.createElement(Heading$a, {
+    headerBarMain: /*#__PURE__*/React__default.createElement(Heading$b, {
       label: t(config.label.heading)
     }),
-    headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn$a, {
+    headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn$b, {
       onClick: closeModal
     }),
     actionCancelLabel: t(config.label.cancel),
@@ -46817,12 +46074,12 @@ const configWTApproverApplication = _ref => {
   };
 };
 
-const Heading$b = props => {
+const Heading$c = props => {
   return /*#__PURE__*/React__default.createElement("h1", {
     className: "heading-m"
   }, props.label);
 };
-const Close$c = () => /*#__PURE__*/React__default.createElement("svg", {
+const Close$d = () => /*#__PURE__*/React__default.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "#FFFFFF"
@@ -46832,11 +46089,11 @@ const Close$c = () => /*#__PURE__*/React__default.createElement("svg", {
 }), /*#__PURE__*/React__default.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__default.createElement("div", {
     className: "icon-bg-secondary",
     onClick: props.onClick
-  }, /*#__PURE__*/React__default.createElement(Close$c, null));
+  }, /*#__PURE__*/React__default.createElement(Close$d, null));
 };
 const ActionModal$b = _ref => {
   var _action$assigneeRoles, _action$assigneeRoles2, _dsoData$vendor, _vehicleData$vehicle, _vehicleData$vehicle$;
@@ -46952,7 +46209,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) {
@@ -47034,10 +46291,10 @@ const ActionModal$b = _ref => {
     }
   }, [action, approvers, uploadedFile, dsoData, selectVehicle, vehicleData]);
   return action && config.form ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.Modal, {
-    headerBarMain: /*#__PURE__*/React__default.createElement(Heading$b, {
+    headerBarMain: /*#__PURE__*/React__default.createElement(Heading$c, {
       label: t(config.label.heading)
     }),
-    headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn$b, {
+    headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn$c, {
       onClick: closeModal
     }),
     actionCancelLabel: t(config.label.cancel),
@@ -47636,7 +46893,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;
@@ -48017,7 +47274,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}`);
@@ -49328,7 +48585,7 @@ const ArrearSummary = _ref => {
   }, t("CS_HIDE_CARD"))));
 };
 
-const Close$d = () => /*#__PURE__*/React__default.createElement("svg", {
+const Close$e = () => /*#__PURE__*/React__default.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "#FFFFFF"
@@ -49338,11 +48595,11 @@ const Close$d = () => /*#__PURE__*/React__default.createElement("svg", {
 }), /*#__PURE__*/React__default.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__default.createElement("div", {
     className: "icon-bg-secondary",
     onClick: props.onClick
-  }, /*#__PURE__*/React__default.createElement(Close$d, null));
+  }, /*#__PURE__*/React__default.createElement(Close$e, null));
 };
 const RenewPopup = _ref => {
   let {
@@ -49370,7 +48627,7 @@ const RenewPopup = _ref => {
     headerBarMain: /*#__PURE__*/React__default.createElement(Heading, {
       label: "SV_WANT_TO_EDIT"
     }),
-    headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn$c, {
+    headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn$d, {
       onClick: closeModal
     }),
     actionCancelLabel: t("CS_COMMON_BACK"),
@@ -49515,7 +48772,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
@@ -49559,7 +48816,7 @@ const DueVerification = _ref => {
             });
             return;
           }
-          return _catch$1(function () {
+          return _catch(function () {
             return Promise.resolve(checkDueVerification({
               DueVerification: {
                 kno: kno
@@ -50604,7 +49861,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__default.createElement("svg", {
+const Close$f = () => /*#__PURE__*/React__default.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "#FFFFFF"
@@ -50614,11 +49871,11 @@ const Close$e = () => /*#__PURE__*/React__default.createElement("svg", {
 }), /*#__PURE__*/React__default.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__default.createElement("div", {
     className: "icon-bg-secondary",
     onClick: props.onClick
-  }, /*#__PURE__*/React__default.createElement(Close$e, null));
+  }, /*#__PURE__*/React__default.createElement(Close$f, null));
 };
 function ApplicationDetailsWarningPopup(_ref) {
   let {
@@ -50636,7 +49893,7 @@ function ApplicationDetailsWarningPopup(_ref) {
     headerBarMain: /*#__PURE__*/React__default.createElement("h1", {
       className: "heading-m"
     }, t("PT_DUES_ARE_PENDING")),
-    headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn$d, {
+    headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn$e, {
       onClick: () => {
         closeWarningPopup();
       }
@@ -50921,7 +50178,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 => {