@bigbinary/neeto-approvals-frontend 1.2.16 → 1.2.19

package/dist/cjs/Approvals.js

@@ -6,8 +6,9 @@ var react = require('react');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var Container = require('@bigbinary/neeto-molecules/Container');
 var reactRouterDom = require('react-router-dom');
+var useViewsApi = require('../useViewsApi-B1OpZkLp.js');
 var i18next = require('i18next');
-var constants = require('@bigbinary/neeto-commons-frontend/constants');
+var constants$1 = require('@bigbinary/neeto-commons-frontend/constants');
 var Button = require('@bigbinary/neetoui/Button');
 var neetoCist = require('@bigbinary/neeto-cist');
 var TableWrapper = require('@bigbinary/neeto-molecules/TableWrapper');
@@ -15,15 +16,16 @@ var Table$1 = require('@bigbinary/neetoui/Table');
 var NoData = require('@bigbinary/neetoui/NoData');
 var ramda = require('ramda');
 var reactI18next = require('react-i18next');
-var RequestDetailsPane = require('../index-pLvVQgrV.js');
+var useRequestsApi = require('../useRequestsApi-DO-oEAzQ.js');
 var DateFormat = require('@bigbinary/neeto-molecules/DateFormat');
 var Tag = require('@bigbinary/neetoui/Tag');
-var constants$1 = require('../constants-BX-hlAjh.js');
+var constants = require('../constants-BwvPJzqf.js');
 var jsxRuntime = require('react/jsx-runtime');
+var RequestDetailsPane = require('../index-CFiP9Hcn.js');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
 var Alert = require('@bigbinary/neetoui/Alert');
-var useTemplatesApi = require('../useTemplatesApi-BhdNkkYy.js');
+var useTemplatesApi = require('../useTemplatesApi-ByO6idQD.js');
 var Pane = require('@bigbinary/neetoui/Pane');
 var Typography = require('@bigbinary/neetoui/Typography');
 var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
@@ -40,8 +42,9 @@ var Label = require('@bigbinary/neetoui/Label');
 var MoreDropdown = require('@bigbinary/neeto-molecules/MoreDropdown');
 var NeetoHeader = require('@bigbinary/neeto-molecules/Header');
 var NeetoUITab = require('@bigbinary/neetoui/Tab');
-var reactQuery = require('@tanstack/react-query');
-var axios = require('axios');
+require('@tanstack/react-query');
+require('axios');
+require('../queryConstants-DjYiOKxE.js');
 require('@bigbinary/neeto-commons-frontend/utils');
 require('@bigbinary/neetoui/Textarea');
 require('dayjs');
@@ -68,52 +71,6 @@ function _interopNamespaceDefault(e) {
 
 var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
 
-var routes = {
-  home: "/",
-  approvals: "/approvals/",
-  pending: "pending",
-  history: "history",
-  templates: {
-    index: "templates",
-    "new": "templates/new",
-    edit: "templates/:id/edit"
-  },
-  "public": "approvals/public/request/:id"
-};
-
-var handleEmptyPage = function handleEmptyPage(data, pageProperties, handlePageChange) {
-  if (ramda.isEmpty(data) && pageProperties.page !== 1) {
-    handlePageChange(pageProperties.page - 1, pageProperties.pageSize);
-  }
-};
-
-var usePaginate = function usePaginate() {
-  var _useState = react.useState({
-      page: constants.DEFAULT_PAGE_INDEX,
-      pageSize: constants.DEFAULT_PAGE_SIZE
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    pageProperties = _useState2[0],
-    setPageProperties = _useState2[1];
-  var resetPageProperties = function resetPageProperties() {
-    return setPageProperties({
-      page: constants.DEFAULT_PAGE_INDEX,
-      pageSize: constants.DEFAULT_PAGE_SIZE
-    });
-  };
-  var handlePageChange = function handlePageChange(page, pageSize) {
-    setPageProperties({
-      page: page,
-      pageSize: pageSize
-    });
-  };
-  return {
-    pageProperties: pageProperties,
-    resetPageProperties: resetPageProperties,
-    handlePageChange: handlePageChange
-  };
-};
-
 var HISTORY_TABLE_COLUMNS = [{
   dataIndex: "approvalLabel",
   key: "approvalLabel",
@@ -144,7 +101,7 @@ var HISTORY_TABLE_COLUMNS = [{
   render: function render(status) {
     return /*#__PURE__*/jsxRuntime.jsx(Tag, {
       label: neetoCist.capitalize(status),
-      style: constants$1.STATUS_TAG_STYLE[status]
+      style: constants.STATUS_TAG_STYLE[status]
     });
   }
 }, {
@@ -163,17 +120,17 @@ var HISTORY_TABLE_COLUMNS = [{
   }
 }];
 
-function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var History = function History(_ref) {
   var helpDocUrl = _ref.helpDocUrl,
     requestUrl = _ref.requestUrl;
-  var _useState = react.useState(constants$1.DEFAULT_FILTER_VALUES),
+  var _useState = react.useState(constants.DEFAULT_FILTER_VALUES),
     _useState2 = _slicedToArray(_useState, 2),
     filters = _useState2[0],
     setFilters = _useState2[1];
-  var debouncedSearchTerm = reactUtils.useDebounce(filters.searchTerm, constants$1.SEARCH_DELAY);
-  var _usePaginate = usePaginate(),
+  var debouncedSearchTerm = reactUtils.useDebounce(filters.searchTerm, constants.SEARCH_DELAY);
+  var _usePaginate = useViewsApi.usePaginate(),
     pageProperties = _usePaginate.pageProperties,
     handlePageChange = _usePaginate.handlePageChange;
   var _useState3 = react.useState({}),
@@ -182,10 +139,10 @@ var History = function History(_ref) {
     setApprovalDetails = _useState4[1];
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var _useFetchRequests = RequestDetailsPane.useFetchRequests({
-      params: _objectSpread$7(_objectSpread$7(_objectSpread$7({}, pageProperties), filters), {}, {
+  var _useFetchRequests = useRequestsApi.useFetchRequests({
+      params: _objectSpread$6(_objectSpread$6(_objectSpread$6({}, pageProperties), filters), {}, {
         searchTerm: debouncedSearchTerm.trim(),
-        status: [constants$1.STATUSES.approved, constants$1.STATUSES.rejected, constants$1.STATUSES.cancelled]
+        status: [constants.STATUSES.approved, constants.STATUSES.rejected, constants.STATUSES.cancelled]
       }),
       requestUrl: requestUrl
     }),
@@ -197,7 +154,7 @@ var History = function History(_ref) {
     totalCount = _ref2$totalCount === void 0 ? 0 : _ref2$totalCount;
   react.useEffect(function () {
     if (!data) return;
-    handleEmptyPage(data === null || data === void 0 ? void 0 : data.requests, pageProperties, handlePageChange);
+    useViewsApi.handleEmptyPage(data === null || data === void 0 ? void 0 : data.requests, pageProperties, handlePageChange);
     setApprovalDetails(function (approvalDetails) {
       return RequestDetailsPane.updateApprovalDetails({
         requestsData: data === null || data === void 0 ? void 0 : data.requests,
@@ -206,9 +163,9 @@ var History = function History(_ref) {
     });
   }, [data]);
   var handleTableChange = function handleTableChange(_, __, sorter) {
-    setFilters(_objectSpread$7(_objectSpread$7({}, filters), {}, {
+    setFilters(_objectSpread$6(_objectSpread$6({}, filters), {}, {
       sortBy: neetoCist.camelToSnakeCase(sorter.field || ""),
-      orderBy: constants$1.SORT_ORDER[sorter.order]
+      orderBy: constants.SORT_ORDER[sorter.order]
     }));
   };
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
@@ -225,7 +182,7 @@ var History = function History(_ref) {
         defaultPageSize: pageProperties.pageSize,
         rowData: approvalHistories,
         paginationProps: {
-          hideOnSinglePage: (approvalHistories === null || approvalHistories === void 0 ? void 0 : approvalHistories.length) < constants.DEFAULT_PAGE_SIZE + 1
+          hideOnSinglePage: (approvalHistories === null || approvalHistories === void 0 ? void 0 : approvalHistories.length) < constants$1.DEFAULT_PAGE_SIZE + 1
         },
         onChange: handleTableChange,
         onRowClick: function onRowClick(_, approvalDetails) {
@@ -252,7 +209,7 @@ var History = function History(_ref) {
           }
         }),
         title: t("neetoApprovals.common.notFound_", {
-          what: t("neetoApprovals.common.record", constants.PLURAL)
+          what: t("neetoApprovals.common.record", constants$1.PLURAL)
         })
       })
     }), /*#__PURE__*/jsxRuntime.jsx(RequestDetailsPane.RequestDetailsPane, {
@@ -269,12 +226,12 @@ var PENDING_TABLE_COLUMNS = neetoCist.removeBy({
   key: "status"
 }, HISTORY_TABLE_COLUMNS);
 
-function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PendingRequests = function PendingRequests(_ref) {
   var helpDocUrl = _ref.helpDocUrl,
     requestUrl = _ref.requestUrl;
-  var _useState = react.useState(constants$1.DEFAULT_FILTER_VALUES),
+  var _useState = react.useState(constants.DEFAULT_FILTER_VALUES),
     _useState2 = _slicedToArray(_useState, 2),
     filters = _useState2[0],
     setFilters = _useState2[1];
@@ -282,16 +239,16 @@ var PendingRequests = function PendingRequests(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     approvalDetails = _useState4[0],
     setApprovalDetails = _useState4[1];
-  var debouncedSearchTerm = reactUtils.useDebounce(filters.searchTerm, constants$1.SEARCH_DELAY);
-  var _usePaginate = usePaginate(),
+  var debouncedSearchTerm = reactUtils.useDebounce(filters.searchTerm, constants.SEARCH_DELAY);
+  var _usePaginate = useViewsApi.usePaginate(),
     pageProperties = _usePaginate.pageProperties,
     handlePageChange = _usePaginate.handlePageChange;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var _useFetchRequests = RequestDetailsPane.useFetchRequests({
-      params: _objectSpread$6(_objectSpread$6(_objectSpread$6({}, pageProperties), filters), {}, {
+  var _useFetchRequests = useRequestsApi.useFetchRequests({
+      params: _objectSpread$5(_objectSpread$5(_objectSpread$5({}, pageProperties), filters), {}, {
         searchTerm: debouncedSearchTerm.trim(),
-        status: [constants$1.STATUSES.pending]
+        status: [constants.STATUSES.pending]
       }),
       requestUrl: requestUrl
     }),
@@ -303,12 +260,12 @@ var PendingRequests = function PendingRequests(_ref) {
     totalCount = _ref2$totalCount === void 0 ? 0 : _ref2$totalCount;
   react.useEffect(function () {
     if (!data) return;
-    handleEmptyPage(data === null || data === void 0 ? void 0 : data.requests, pageProperties, handlePageChange);
+    useViewsApi.handleEmptyPage(data === null || data === void 0 ? void 0 : data.requests, pageProperties, handlePageChange);
   }, [data]);
   var handleTableChange = function handleTableChange(_, __, sorter) {
-    setFilters(_objectSpread$6(_objectSpread$6({}, filters), {}, {
+    setFilters(_objectSpread$5(_objectSpread$5({}, filters), {}, {
       sortBy: neetoCist.camelToSnakeCase(sorter.field || ""),
-      orderBy: constants$1.SORT_ORDER[sorter.order]
+      orderBy: constants.SORT_ORDER[sorter.order]
     }));
   };
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
@@ -325,7 +282,7 @@ var PendingRequests = function PendingRequests(_ref) {
         defaultPageSize: pageProperties.pageSize,
         rowData: pendingRequests,
         paginationProps: {
-          hideOnSinglePage: (pendingRequests === null || pendingRequests === void 0 ? void 0 : pendingRequests.length) < constants.DEFAULT_PAGE_SIZE + 1
+          hideOnSinglePage: (pendingRequests === null || pendingRequests === void 0 ? void 0 : pendingRequests.length) < constants$1.DEFAULT_PAGE_SIZE + 1
         },
         onChange: handleTableChange,
         onRowClick: function onRowClick(_, approvalDetails) {
@@ -348,11 +305,11 @@ var PendingRequests = function PendingRequests(_ref) {
             })
           },
           values: {
-            entity: t("neetoApprovals.common.pendingApproval", constants.PLURAL)
+            entity: t("neetoApprovals.common.pendingApproval", constants$1.PLURAL)
           }
         }),
         title: t("neetoApprovals.common.notFound_", {
-          what: t("neetoApprovals.common.pendingApproval", constants.PLURAL)
+          what: t("neetoApprovals.common.pendingApproval", constants$1.PLURAL)
         })
       })
     }), /*#__PURE__*/jsxRuntime.jsx(RequestDetailsPane.RequestDetailsPane, {
@@ -460,9 +417,9 @@ var Form = function Form(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var header = ramda.isEmpty(initialData) ? t("neetoApprovals.common.addNew_", {
-    what: t("neetoApprovals.common.template", constants.SINGULAR)
+    what: t("neetoApprovals.common.template", constants$1.SINGULAR)
   }) : t("neetoApprovals.common.edit_", {
-    what: t("neetoApprovals.common.template", constants.SINGULAR)
+    what: t("neetoApprovals.common.template", constants$1.SINGULAR)
   });
   return /*#__PURE__*/jsxRuntime.jsxs(Pane, {
     isOpen: isOpen,
@@ -530,8 +487,8 @@ var Create = function Create(_ref) {
   });
 };
 
-function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Edit = function Edit(_ref) {
   var templateUrl = _ref.templateUrl,
     template = _ref.template,
@@ -556,7 +513,7 @@ var Edit = function Edit(_ref) {
       url: templateUrl
     });
   };
-  var initialData = _objectSpread$5(_objectSpread$5({}, template), {}, {
+  var initialData = _objectSpread$4(_objectSpread$4({}, template), {}, {
     descriptionEnabled: !!template.description
   });
   return /*#__PURE__*/jsxRuntime.jsx(Form, {
@@ -649,8 +606,8 @@ var renderNoDataHelpText = function renderNoDataHelpText(_ref) {
 };
 
 var _excluded$1 = ["entity", "columnData", "rowData", "totalCount", "filters", "setFilters", "setIsPaneOpen", "helpDocUrl", "onEditClick", "onDeleteClick", "pageProperties"];
-function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Table = function Table(_ref) {
   var entity = _ref.entity,
     columnData = _ref.columnData,
@@ -671,15 +628,15 @@ var Table = function Table(_ref) {
     onDeleteClick: onDeleteClick
   });
   var handleTableChange = function handleTableChange(_, __, sorter) {
-    setFilters(_objectSpread$4(_objectSpread$4({}, filters), {}, {
+    setFilters(_objectSpread$3(_objectSpread$3({}, filters), {}, {
       sortBy: sorter.field,
-      orderBy: constants$1.SORT_ORDER[sorter.order]
+      orderBy: constants.SORT_ORDER[sorter.order]
     }));
   };
   var noDataProps = {
     primaryButtonProps: {
       label: t("neetoApprovals.common.addNew_", {
-        what: t("neetoApprovals.common.template", constants.SINGULAR)
+        what: t("neetoApprovals.common.template", constants$1.SINGULAR)
       }),
       onClick: function onClick() {
         return setIsPaneOpen(true);
@@ -693,7 +650,7 @@ var Table = function Table(_ref) {
   if (ramda.isEmpty(rowData)) {
     return /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "flex h-full w-full flex-grow items-center justify-center",
-      children: /*#__PURE__*/jsxRuntime.jsx(NoData, _objectSpread$4({
+      children: /*#__PURE__*/jsxRuntime.jsx(NoData, _objectSpread$3({
         title: t("neetoApprovals.common.notFound_", {
           what: entity
         })
@@ -703,16 +660,16 @@ var Table = function Table(_ref) {
   return /*#__PURE__*/jsxRuntime.jsx(TableWrapper, {
     className: "mt-6",
     hasPagination: totalCount > pageProperties.pageSize,
-    children: /*#__PURE__*/jsxRuntime.jsx(Table$1, _objectSpread$4({
+    children: /*#__PURE__*/jsxRuntime.jsx(Table$1, _objectSpread$3({
       fixedHeight: true,
       columnData: columns,
       currentPageNumber: pageProperties.page,
       defaultPageSize: pageProperties.pageSize,
       paginationProps: {
-        hideOnSinglePage: (rowData === null || rowData === void 0 ? void 0 : rowData.length) < constants.DEFAULT_PAGE_SIZE + 1
+        hideOnSinglePage: (rowData === null || rowData === void 0 ? void 0 : rowData.length) < constants$1.DEFAULT_PAGE_SIZE + 1
       },
       onChange: handleTableChange
-    }, _objectSpread$4({
+    }, _objectSpread$3({
       rowData: rowData,
       totalCount: totalCount
     }, otherProps)))
@@ -755,13 +712,13 @@ var columnData = function columnData(_ref) {
             onClick: function onClick(event) {
               return onEditClick(event, template);
             }
-          }, constants$1.DATA_TESTID_KEY, "neeto-approvals-templates-edit-template-btn"), _defineProperty({
+          }, constants.DATA_TESTID_KEY, "neeto-approvals-templates-edit-template-btn"), _defineProperty({
             key: "delete",
             label: i18next.t("neetoApprovals.common.delete"),
             onClick: function onClick(event) {
               return onDeleteClick(event, template);
             }
-          }, constants$1.DATA_TESTID_KEY, "neeto-approvals-templates-delete-template-btn")]
+          }, constants.DATA_TESTID_KEY, "neeto-approvals-templates-delete-template-btn")]
         })]
       });
     }
@@ -774,15 +731,15 @@ var columnData = function columnData(_ref) {
 };
 
 var _excluded = ["searchTerm", "isNewTemplatePaneOpen", "setIsNewTemplatePaneOpen", "helpDocUrl"];
-function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Templates = function Templates(_ref) {
   var searchTerm = _ref.searchTerm,
     isNewTemplatePaneOpen = _ref.isNewTemplatePaneOpen,
     setIsNewTemplatePaneOpen = _ref.setIsNewTemplatePaneOpen,
     helpDocUrl = _ref.helpDocUrl,
     otherProps = _objectWithoutProperties(_ref, _excluded);
-  var _useState = react.useState(constants$1.DEFAULT_FILTER_VALUES),
+  var _useState = react.useState(constants.DEFAULT_FILTER_VALUES),
     _useState2 = _slicedToArray(_useState, 2),
     filters = _useState2[0],
     setFilters = _useState2[1];
@@ -799,20 +756,20 @@ var Templates = function Templates(_ref) {
     isEditPaneOpen = _useState8[0],
     setIsEditPaneOpen = _useState8[1];
   var _useState9 = react.useState(false),
-    _useState10 = _slicedToArray(_useState9, 2),
-    isShowPaneOpen = _useState10[0],
-    setIsShowPaneOpen = _useState10[1];
-  var _usePaginate = usePaginate(),
+    _useState0 = _slicedToArray(_useState9, 2),
+    isShowPaneOpen = _useState0[0],
+    setIsShowPaneOpen = _useState0[1];
+  var _usePaginate = useViewsApi.usePaginate(),
     pageProperties = _usePaginate.pageProperties,
     handlePageChange = _usePaginate.handlePageChange,
     resetPageProperties = _usePaginate.resetPageProperties;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var debouncedSearchTerm = reactUtils.useDebounce(searchTerm, constants$1.SEARCH_DELAY);
+  var debouncedSearchTerm = reactUtils.useDebounce(searchTerm, constants.SEARCH_DELAY);
   react.useEffect(function () {
     resetPageProperties();
   }, [searchTerm]);
-  var _useFetchTemplates = useTemplatesApi.useFetchTemplates(_objectSpread$3(_objectSpread$3(_objectSpread$3({}, pageProperties), filters), {}, {
+  var _useFetchTemplates = useTemplatesApi.useFetchTemplates(_objectSpread$2(_objectSpread$2(_objectSpread$2({}, pageProperties), filters), {}, {
       searchTerm: debouncedSearchTerm.trim()
     })),
     data = _useFetchTemplates.data,
@@ -824,7 +781,7 @@ var Templates = function Templates(_ref) {
     totalCount = _ref2$totalCount === void 0 ? 0 : _ref2$totalCount;
   react.useEffect(function () {
     if (data) {
-      handleEmptyPage(data === null || data === void 0 ? void 0 : data.templates, pageProperties, handlePageChange);
+      useViewsApi.handleEmptyPage(data === null || data === void 0 ? void 0 : data.templates, pageProperties, handlePageChange);
     }
   }, [data]);
   var _useDeleteTemplate = useTemplatesApi.useDeleteTemplate(),
@@ -856,7 +813,7 @@ var Templates = function Templates(_ref) {
     });
     setSelectedTemplate({});
   };
-  var entity = t("neetoApprovals.common.template", constants.PLURAL);
+  var entity = t("neetoApprovals.common.template", constants$1.PLURAL);
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [isTemplateLoading ? /*#__PURE__*/jsxRuntime.jsx(PageLoader, {}) : /*#__PURE__*/jsxRuntime.jsx(Table, {
       columnData: columnData,
@@ -873,12 +830,12 @@ var Templates = function Templates(_ref) {
       totalCount: totalCount,
       rowData: templates,
       setIsPaneOpen: setIsNewTemplatePaneOpen
-    }), /*#__PURE__*/jsxRuntime.jsx(Create, _objectSpread$3({
+    }), /*#__PURE__*/jsxRuntime.jsx(Create, _objectSpread$2({
       isOpen: isNewTemplatePaneOpen,
       onClose: function onClose() {
         return setIsNewTemplatePaneOpen(false);
       }
-    }, otherProps)), /*#__PURE__*/jsxRuntime.jsx(Edit, _objectSpread$3(_objectSpread$3({
+    }, otherProps)), /*#__PURE__*/jsxRuntime.jsx(Edit, _objectSpread$2(_objectSpread$2({
       isOpen: isEditPaneOpen,
       setTemplate: setSelectedTemplate,
       template: selectedTemplate
@@ -893,12 +850,12 @@ var Templates = function Templates(_ref) {
       message: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
         i18nKey: "neetoApprovals.alerts.deleting_",
         values: {
-          what: t("neetoApprovals.common.template", constants.SINGULAR),
+          what: t("neetoApprovals.common.template", constants$1.SINGULAR),
           name: selectedTemplate === null || selectedTemplate === void 0 ? void 0 : selectedTemplate.name
         }
       }),
       title: t("neetoApprovals.common.delete_", {
-        what: t("neetoApprovals.common.template", constants.SINGULAR)
+        what: t("neetoApprovals.common.template", constants$1.SINGULAR)
       }),
       onClose: function onClose() {
         return setSelectedTemplate({});
@@ -916,8 +873,8 @@ var Templates = function Templates(_ref) {
   });
 };
 
-function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var createRoutes = function createRoutes(_ref) {
   var config = _ref.config,
     isNewTemplatePaneOpen = _ref.isNewTemplatePaneOpen,
@@ -925,18 +882,18 @@ var createRoutes = function createRoutes(_ref) {
     setIsNewTemplatePaneOpen = _ref.setIsNewTemplatePaneOpen;
   return [{
     component: function component() {
-      return /*#__PURE__*/jsxRuntime.jsx(Templates, _objectSpread$2({}, _objectSpread$2({
+      return /*#__PURE__*/jsxRuntime.jsx(Templates, _objectSpread$1({}, _objectSpread$1({
         isNewTemplatePaneOpen: isNewTemplatePaneOpen,
         searchTerm: searchTerm,
         setIsNewTemplatePaneOpen: setIsNewTemplatePaneOpen
       }, config)));
     },
-    path: "".concat(config.approvalsPath).concat(routes.templates.index),
+    path: "".concat(config.approvalsPath).concat(useViewsApi.routes.templates.index),
     actionBlock: function actionBlock() {
       return /*#__PURE__*/jsxRuntime.jsx(Button, {
         "data-testid": "neeto-approvals-templates-add-new-button",
         label: i18next.t("neetoApprovals.common.addNew_", {
-          what: i18next.t("neetoApprovals.common.template", constants.SINGULAR)
+          what: i18next.t("neetoApprovals.common.template", constants$1.SINGULAR)
         }),
         onClick: function onClick() {
           return setIsNewTemplatePaneOpen(true);
@@ -944,18 +901,18 @@ var createRoutes = function createRoutes(_ref) {
       });
     },
     searchPlaceholder: i18next.t("neetoApprovals.inputs.placeholders.search_", {
-      what: i18next.t("neetoApprovals.common.template", constants.PLURAL)
+      what: i18next.t("neetoApprovals.common.template", constants$1.PLURAL)
     })
   }, {
     component: function component() {
-      return /*#__PURE__*/jsxRuntime.jsx(PendingRequests, _objectSpread$2({}, config));
+      return /*#__PURE__*/jsxRuntime.jsx(PendingRequests, _objectSpread$1({}, config));
     },
-    path: "".concat(config.approvalsPath).concat(routes.pending)
+    path: "".concat(config.approvalsPath).concat(useViewsApi.routes.pending)
   }, {
     component: function component() {
-      return /*#__PURE__*/jsxRuntime.jsx(History, _objectSpread$2({}, config));
+      return /*#__PURE__*/jsxRuntime.jsx(History, _objectSpread$1({}, config));
     },
-    path: "".concat(config.approvalsPath).concat(routes.history)
+    path: "".concat(config.approvalsPath).concat(useViewsApi.routes.history)
   }];
 };
 
@@ -975,33 +932,13 @@ var Header = function Header(_ref) {
     breadcrumbs: breadcrumbs,
     titleHelpPopoverProps: titleHelpPopoverProps,
     actionBlock: currentTab === null || currentTab === void 0 || (_currentTab$actionBlo = currentTab.actionBlock) === null || _currentTab$actionBlo === void 0 ? void 0 : _currentTab$actionBlo.call(currentTab),
-    title: t("neetoApprovals.common.approval", constants.PLURAL),
+    title: t("neetoApprovals.common.approval", constants$1.PLURAL),
     searchProps: (currentTab === null || currentTab === void 0 ? void 0 : currentTab.searchPlaceholder) && {
       placeholder: currentTab === null || currentTab === void 0 ? void 0 : currentTab.searchPlaceholder
     }
   });
 };
 
-var fetch = function fetch() {
-  return axios.get("".concat(constants$1.BASE_URL, "/views"));
-};
-var viewsApi = {
-  fetch: fetch
-};
-
-function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var useFetchViews = function useFetchViews() {
-  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return reactQuery.useQuery(_objectSpread$1({
-    queryKey: [constants$1.QUERY_KEYS.VIEWS],
-    queryFn: viewsApi.fetch,
-    select: function select(response) {
-      return response.data || response;
-    }
-  }, options));
-};
-
 var Tab = function Tab(_ref) {
   var _pathname$split$;
   var approvalsPath = _ref.approvalsPath;
@@ -1010,14 +947,14 @@ var Tab = function Tab(_ref) {
   var history = reactRouterDom.useHistory();
   var approvalFilter = RequestDetailsPane.getApprovalFilter();
   var approvalFilterKeys = ramda.keys(approvalFilter);
-  var category = (_pathname$split$ = pathname.split(routes.approvals)[1]) === null || _pathname$split$ === void 0 ? void 0 : _pathname$split$.toLocaleUpperCase();
+  var category = (_pathname$split$ = pathname.split(useViewsApi.routes.approvals)[1]) === null || _pathname$split$ === void 0 ? void 0 : _pathname$split$.toLocaleUpperCase();
   var isActive = function isActive(filter) {
     return category.includes(filter);
   };
   var getRoute = function getRoute(filter) {
     return "".concat(approvalsPath).concat(filter.toLowerCase());
   };
-  var _useFetchViews = useFetchViews(),
+  var _useFetchViews = useViewsApi.useFetchViews(),
     _useFetchViews$data = _useFetchViews.data,
     _useFetchViews$data2 = _useFetchViews$data === void 0 ? {} : _useFetchViews$data,
     _useFetchViews$data2$ = _useFetchViews$data2.views,
@@ -1038,7 +975,7 @@ var Tab = function Tab(_ref) {
 };
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Approvals = function Approvals(_ref) {
   var config = _ref.config;
   var _useQueryParams = reactUtils.useQueryParams(),
@@ -1074,7 +1011,7 @@ var Approvals = function Approvals(_ref) {
         from: config.approvalsPath
         // eslint-disable-next-line @bigbinary/neeto/use-common-routes
         ,
-        to: "".concat(config.approvalsPath).concat(routes.pending)
+        to: "".concat(config.approvalsPath).concat(useViewsApi.routes.pending)
       })]
     })]
   });