@bigbinary/neeto-approvals-frontend 0.0.4 → 0.0.5

package/dist/index.cjs.js

@@ -3,14 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var n$1 = require('react');
-var reactQuery = require('react-query');
-var devtools = require('react-query/devtools');
 var layouts = require('@bigbinary/neetoui/layouts');
 var reactRouterDom = require('react-router-dom');
 var ramda = require('ramda');
 var classnames = require('classnames');
 var neetoui = require('@bigbinary/neetoui');
 var axios = require('axios');
+var reactQuery = require('react-query');
 var formik = require('@bigbinary/neetoui/formik');
 var yup = require('yup');
 var neetoIcons = require('@bigbinary/neeto-icons');
@@ -2152,8 +2151,8 @@ function transformOptions(options) {
   return options;
 }
 
-function ownKeys$c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$c(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$d(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 function noop$1() {}
@@ -2213,9 +2212,9 @@ var I18n = function (_EventEmitter) {
         }
       }
       var defOpts = get();
-      this.options = _objectSpread$c(_objectSpread$c(_objectSpread$c({}, defOpts), this.options), transformOptions(options));
+      this.options = _objectSpread$d(_objectSpread$d(_objectSpread$d({}, defOpts), this.options), transformOptions(options));
       if (this.options.compatibilityAPI !== 'v1') {
-        this.options.interpolation = _objectSpread$c(_objectSpread$c({}, defOpts.interpolation), this.options.interpolation);
+        this.options.interpolation = _objectSpread$d(_objectSpread$d({}, defOpts.interpolation), this.options.interpolation);
       }
       if (options.keySeparator !== undefined) {
         this.options.userDefinedKeySeparator = options.keySeparator;
@@ -2493,7 +2492,7 @@ var I18n = function (_EventEmitter) {
           }
           options = _this5.options.overloadTranslationOptionHandler([key, opts].concat(rest));
         } else {
-          options = _objectSpread$c({}, opts);
+          options = _objectSpread$d({}, opts);
         }
         options.lng = options.lng || fixedT.lng;
         options.lngs = options.lngs || fixedT.lngs;
@@ -2613,7 +2612,7 @@ var I18n = function (_EventEmitter) {
       var _this8 = this;
       var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop$1;
-      var mergedOptions = _objectSpread$c(_objectSpread$c(_objectSpread$c({}, this.options), options), {
+      var mergedOptions = _objectSpread$d(_objectSpread$d(_objectSpread$d({}, this.options), options), {
         isClone: true
       });
       var clone = new I18n(mergedOptions);
@@ -2624,7 +2623,7 @@ var I18n = function (_EventEmitter) {
       membersToCopy.forEach(function (m) {
         clone[m] = _this8[m];
       });
-      clone.services = _objectSpread$c({}, this.services);
+      clone.services = _objectSpread$d({}, this.services);
       clone.services.utils = {
         hasLoadedNamespace: clone.hasLoadedNamespace.bind(clone)
       };
@@ -3142,9 +3141,9 @@ var unescape$1 = function unescape(text) {
   return text.replace(matchHtmlEntity, unescapeHtmlEntity);
 };
 
-function ownKeys$b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$b(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$c(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var defaultOptions = {
   bindI18n: 'languageChanged',
   bindI18nStore: '',
@@ -3157,7 +3156,7 @@ var defaultOptions = {
 };
 function setDefaults() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  defaultOptions = _objectSpread$b(_objectSpread$b({}, defaultOptions), options);
+  defaultOptions = _objectSpread$c(_objectSpread$c({}, defaultOptions), options);
 }
 function getDefaults() {
   return defaultOptions;
@@ -3238,9 +3237,9 @@ function _slicedToArray$2(arr, i) {
   return _arrayWithHoles$2(arr) || _iterableToArrayLimit$2(arr, i) || _unsupportedIterableToArray$2(arr, i) || _nonIterableRest$2();
 }
 
-function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$a(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$b(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 var usePrevious = function usePrevious(value, ignore) {
   var ref = n$1.useRef();
@@ -3277,7 +3276,7 @@ function useTranslation(ns) {
 
   if (i18n.options.react && i18n.options.react.wait !== undefined) warnOnce('It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.');
 
-  var i18nOptions = _objectSpread$a(_objectSpread$a(_objectSpread$a({}, getDefaults()), i18n.options.react), props);
+  var i18nOptions = _objectSpread$b(_objectSpread$b(_objectSpread$b({}, getDefaults()), i18n.options.react), props);
 
   var useSuspense = i18nOptions.useSuspense,
       keyPrefix = i18nOptions.keyPrefix;
@@ -3389,6 +3388,7 @@ var common$1 = {
 	edit_: "Edit {{what}}",
 	name: "Name",
 	notFound_: "Sorry, no {{what}} were found.",
+	notFound: "Not found",
 	visibility: "Visibility",
 	variable: "Variable",
 	pendingApprovals: "Pending approvals",
@@ -3435,7 +3435,8 @@ var inputs = {
 };
 var typography = {
 	newApprover: "Add new approver",
-	editApprover: "Edit approver"
+	editApprover: "Edit approver",
+	approvalResponse: "Approval response has been recorded"
 };
 var select = {
 	visibility: {
@@ -3572,30 +3573,17 @@ instance.use(Browser).use(initReactI18next).init({
 /* eslint-disable @bigbinary/neeto/no-dangling-constants */
 const BASE_URL = "neeto_approvals";
 const routes = {
-  approvals: "/approvals",
-  approvers: "/approvers",
-  pending: "/pending",
-  settings: "/settings",
-  history: "/history",
+  home: "/",
+  approvals: "/approvals/",
+  approvers: "approvers",
+  pending: "pending",
+  history: "history",
   templates: {
-    index: "/templates",
-    new: "/templates/new",
-    edit: "/templates/:id/edit"
-  }
-};
-
-const queryClient = new reactQuery.QueryClient({
-  queryCache: new reactQuery.QueryCache()
-});
-
-const withReactQuery = Component => {
-  const QueryWrapper = props => /*#__PURE__*/n__default["default"].createElement(reactQuery.QueryClientProvider, {
-    client: queryClient
-  }, /*#__PURE__*/n__default["default"].createElement(Component, props), /*#__PURE__*/n__default["default"].createElement(devtools.ReactQueryDevtools, {
-    initialIsOpen: false,
-    position: "bottom-right"
-  }));
-  return QueryWrapper;
+    index: "templates",
+    new: "templates/new",
+    edit: "templates/:id/edit"
+  },
+  public: "approvals/public/request/:id"
 };
 
 const handleEmptyPage = (data, pageProperties, handleTablePagination) => {
@@ -3725,7 +3713,7 @@ const fetch$3 = params => axios__default["default"].get(`${BASE_URL}/approvers`,
   params
 });
 const create$1 = payload => axios__default["default"].post(`${BASE_URL}/approvers`, payload);
-const update$2 = _ref => {
+const update$3 = _ref => {
   let id = _ref.id,
     payload = _ref.payload;
   return axios__default["default"].put(`${BASE_URL}/approvers/${id}`, {
@@ -3739,24 +3727,30 @@ const destroy$1 = _ref2 => {
 const approversApi = {
   create: create$1,
   fetch: fetch$3,
-  update: update$2,
+  update: update$3,
   destroy: destroy$1
 };
 
+const queryClient = new reactQuery.QueryClient({
+  queryCache: new reactQuery.QueryCache()
+});
+
+const DEFAULT_STALE_TIME = 300000; // 5 minutes
+
 const QUERY_KEYS = {
   APPROVERS: "neeto-approvals-approvers",
   TEMPLATES: "neeto-approvals-templates",
-  REQUESTS: "neeto-approvals-request",
+  REQUESTS: "neeto-approvals-requests",
   SHOW_TEMPLATE: "neeto-approvals-show-template",
   SHOW_PUBLIC_REQUEST: "neeto-approvals-show-public-request"
 };
 
-function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$a(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const useFetchApprovers = function () {
   let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return reactQuery.useQuery([QUERY_KEYS.APPROVERS, params], () => approversApi.fetch(params), _objectSpread$9({
+  return reactQuery.useQuery([QUERY_KEYS.APPROVERS, params], () => approversApi.fetch(params), _objectSpread$a({
     select: response => response.data || response,
     keepPreviousData: true,
     onSuccess: _ref => {
@@ -3766,13 +3760,13 @@ const useFetchApprovers = function () {
     }
   }, options));
 };
-const useCreateApprover = options => reactQuery.useMutation(approversApi.create, _objectSpread$9(_objectSpread$9({}, options), {}, {
+const useCreateApprover = options => reactQuery.useMutation(approversApi.create, _objectSpread$a(_objectSpread$a({}, options), {}, {
   onSuccess: () => {
     queryClient.invalidateQueries(QUERY_KEYS.APPROVERS);
     options === null || options === void 0 ? void 0 : options.onSuccess();
   }
 }));
-const useUpdateApprover = options => reactQuery.useMutation(approversApi.update, _objectSpread$9(_objectSpread$9({}, options), {}, {
+const useUpdateApprover = options => reactQuery.useMutation(approversApi.update, _objectSpread$a(_objectSpread$a({}, options), {}, {
   onSuccess: () => {
     queryClient.invalidateQueries(QUERY_KEYS.APPROVERS);
     options === null || options === void 0 ? void 0 : options.onSuccess();
@@ -4558,8 +4552,8 @@ const columnData$1 = _ref => {
   }];
 };
 
-function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const Approvers = _ref => {
   let setIsMenubarOpen = _ref.setIsMenubarOpen;
   const _useState = n$1.useState(DEFAULT_FILTER_VALUES),
@@ -4584,7 +4578,7 @@ const Approvers = _ref => {
     handleTablePagination = _usePaginate.handleTablePagination;
   const _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  const _useFetchApprovers = useFetchApprovers(_objectSpread$8(_objectSpread$8(_objectSpread$8({}, pageProperties), filters), {}, {
+  const _useFetchApprovers = useFetchApprovers(_objectSpread$9(_objectSpread$9(_objectSpread$9({}, pageProperties), filters), {}, {
       search: debouncedSearch.trim()
     }), {
       onSuccess: approvers => {
@@ -4603,7 +4597,7 @@ const Approvers = _ref => {
     isDeleting = _useDeleteApprover.isLoading;
   const onEditClick = approver => {
     const name = approver.name.split(" ");
-    setApproverToEdit(_objectSpread$8(_objectSpread$8({}, approver), {}, {
+    setApproverToEdit(_objectSpread$9(_objectSpread$9({}, approver), {}, {
       firstName: name[0],
       lastName: name[1]
     }));
@@ -4622,7 +4616,7 @@ const Approvers = _ref => {
     setApproverToDelete("");
   };
   const handleTableChange = (_, __, sorter) => {
-    setFilters(_objectSpread$8(_objectSpread$8({}, filters), {}, {
+    setFilters(_objectSpread$9(_objectSpread$9({}, filters), {}, {
       sortBy: sorter.field,
       sortDirection: sorter.order
     }));
@@ -4789,6 +4783,7 @@ var toLabelAndValue = function toLabelAndValue(string) {
     value: string
   };
 };
+var isNotEmpty = /*#__PURE__*/ramda.complement(ramda.isEmpty);
 var isNotPresent = /*#__PURE__*/ramda.either(ramda.isNil, ramda.isEmpty);
 var isPresent = /*#__PURE__*/ramda.complement(isNotPresent);
 
@@ -4865,7 +4860,7 @@ var removeBy = /*#__PURE__*/ramda.curry(function (pattern, array) {
 const fetch$2 = params => axios__default["default"].get(`${BASE_URL}/requests`, {
   params
 });
-const update$1 = _ref => {
+const update$2 = _ref => {
   let id = _ref.id,
     payload = _ref.payload;
   return axios__default["default"].put(`${BASE_URL}/requests/${id}`, {
@@ -4874,15 +4869,15 @@ const update$1 = _ref => {
 };
 const requestsApi = {
   fetch: fetch$2,
-  update: update$1
+  update: update$2
 };
 
-function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const useFetchRequests = function () {
   let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return reactQuery.useQuery([QUERY_KEYS.REQUESTS, params], () => requestsApi.fetch(params), _objectSpread$7({
+  return reactQuery.useQuery([QUERY_KEYS.REQUESTS, params], () => requestsApi.fetch(params), _objectSpread$8({
     select: response => response.data || response,
     keepPreviousData: true,
     onSuccess: _ref => {
@@ -4892,12 +4887,15 @@ const useFetchRequests = function () {
     }
   }, options));
 };
-const useUpdateRequest = options => reactQuery.useMutation(requestsApi.update, _objectSpread$7(_objectSpread$7({}, options), {}, {
-  onSuccess: () => {
-    queryClient.invalidateQueries(QUERY_KEYS.REQUESTS);
-    options === null || options === void 0 ? void 0 : options.onSuccess();
-  }
-}));
+const useUpdateRequest = options => {
+  const queryClient = reactQuery.useQueryClient();
+  return reactQuery.useMutation(requestsApi.update, _objectSpread$8(_objectSpread$8({}, options), {}, {
+    onSuccess: () => {
+      queryClient.invalidateQueries(QUERY_KEYS.REQUESTS);
+      options === null || options === void 0 ? void 0 : options.onSuccess();
+    }
+  }));
+};
 
 var dayjs_minExports = {};
 var dayjs_min = {
@@ -7708,8 +7706,8 @@ const ApprovalsDetails = _ref => {
   })));
 };
 
-function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const History = _ref => {
   let setIsMenubarOpen = _ref.setIsMenubarOpen;
   const _useState = n$1.useState(DEFAULT_FILTER_VALUES),
@@ -7724,7 +7722,7 @@ const History = _ref => {
     _useState4 = _slicedToArray$2(_useState3, 2),
     approvalDetails = _useState4[0],
     setApprovalDetails = _useState4[1];
-  const _useFetchRequests = useFetchRequests(_objectSpread$6(_objectSpread$6(_objectSpread$6({}, pageProperties), filters), {}, {
+  const _useFetchRequests = useFetchRequests(_objectSpread$7(_objectSpread$7(_objectSpread$7({}, pageProperties), filters), {}, {
       search: debouncedSearch.trim(),
       status: [STATUSES.approved, STATUSES.rejected],
       onSuccess: requests => {
@@ -7739,7 +7737,7 @@ const History = _ref => {
     _useFetchRequests$dat4 = _useFetchRequests$dat2.totalCount,
     totalCount = _useFetchRequests$dat4 === void 0 ? 0 : _useFetchRequests$dat4;
   const handleTableChange = (_, __, sorter) => {
-    setFilters(_objectSpread$6(_objectSpread$6({}, filters), {}, {
+    setFilters(_objectSpread$7(_objectSpread$7({}, filters), {}, {
       sortBy: camelToSnakeCase$1(sorter.field),
       sortDirection: sorter.order
     }));
@@ -7787,8 +7785,8 @@ const PENDING_TABLE_COLUMNS = removeBy({
   key: "status"
 }, HISTORY_TABLE_COLUMNS);
 
-function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const PendingRequests = _ref => {
   let setIsMenubarOpen = _ref.setIsMenubarOpen;
   const _useState = n$1.useState(DEFAULT_FILTER_VALUES),
@@ -7803,7 +7801,7 @@ const PendingRequests = _ref => {
   const _usePaginate = usePaginate(),
     pageProperties = _usePaginate.pageProperties,
     handleTablePagination = _usePaginate.handleTablePagination;
-  const _useFetchRequests = useFetchRequests(_objectSpread$5(_objectSpread$5(_objectSpread$5({}, pageProperties), filters), {}, {
+  const _useFetchRequests = useFetchRequests(_objectSpread$6(_objectSpread$6(_objectSpread$6({}, pageProperties), filters), {}, {
       search: debouncedSearch.trim(),
       status: [STATUSES.pending]
     }), {
@@ -7821,7 +7819,7 @@ const PendingRequests = _ref => {
     updatePendingRequest = _useUpdateRequest.mutate,
     isLoading = _useUpdateRequest.isLoading;
   const handleTableChange = (_, __, sorter) => {
-    setFilters(_objectSpread$5(_objectSpread$5({}, filters), {}, {
+    setFilters(_objectSpread$6(_objectSpread$6({}, filters), {}, {
       sortBy: camelToSnakeCase$1(sorter.field),
       sortDirection: sorter.order
     }));
@@ -7877,9 +7875,9 @@ const PendingRequests = _ref => {
 const fetch$1 = params => axios__default["default"].get(`${BASE_URL}/templates`, {
   params
 });
-const show = id => axios__default["default"].get(`${BASE_URL}/templates/${id}`);
+const show$1 = id => axios__default["default"].get(`${BASE_URL}/templates/${id}`);
 const create = payload => axios__default["default"].post(`${BASE_URL}/templates`, payload);
-const update = _ref => {
+const update$1 = _ref => {
   let id = _ref.id,
     payload = _ref.payload;
   return axios__default["default"].put(`${BASE_URL}/templates/${id}`, {
@@ -7893,17 +7891,17 @@ const destroy = _ref2 => {
 const templatesApi = {
   create,
   fetch: fetch$1,
-  update,
+  update: update$1,
   destroy,
-  show
+  show: show$1
 };
 
-function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const useFetchTemplates = function () {
   let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return reactQuery.useQuery([QUERY_KEYS.TEMPLATES, params], () => templatesApi.fetch(params), _objectSpread$4({
+  return reactQuery.useQuery([QUERY_KEYS.TEMPLATES, params], () => templatesApi.fetch(params), _objectSpread$5({
     select: response => response.data || response,
     keepPreviousData: true,
     onSuccess: _ref => {
@@ -7916,13 +7914,13 @@ const useFetchTemplate = _ref2 => {
   let templateId = _ref2.templateId;
   return reactQuery.useQuery([QUERY_KEYS.SHOW_TEMPLATE, templateId], () => templatesApi.show(templateId));
 };
-const useCreateTemplate = options => reactQuery.useMutation(templatesApi.create, _objectSpread$4(_objectSpread$4({}, options), {}, {
+const useCreateTemplate = options => reactQuery.useMutation(templatesApi.create, _objectSpread$5(_objectSpread$5({}, options), {}, {
   onSuccess: () => {
     queryClient.invalidateQueries(QUERY_KEYS.TEMPLATES);
     options === null || options === void 0 ? void 0 : options.onSuccess();
   }
 }));
-const useUpdateTemplate = options => reactQuery.useMutation(templatesApi.update, _objectSpread$4(_objectSpread$4({}, options), {}, {
+const useUpdateTemplate = options => reactQuery.useMutation(templatesApi.update, _objectSpread$5(_objectSpread$5({}, options), {}, {
   onSuccess: (data, _ref3) => {
     let id = _ref3.id;
     queryClient.setQueryData([QUERY_KEYS.SHOW_TEMPLATE, id], ramda.assoc("template", data.template));
@@ -7977,8 +7975,8 @@ const columnData = _ref => {
   }];
 };
 
-function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const Templates = _ref => {
   let setIsMenubarOpen = _ref.setIsMenubarOpen,
     approvalsPath = _ref.approvalsPath;
@@ -7997,7 +7995,7 @@ const Templates = _ref => {
     handleTablePagination = _usePaginate.handleTablePagination;
   const _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  const _useFetchTemplates = useFetchTemplates(_objectSpread$3(_objectSpread$3(_objectSpread$3({}, pageProperties), filters), {}, {
+  const _useFetchTemplates = useFetchTemplates(_objectSpread$4(_objectSpread$4(_objectSpread$4({}, pageProperties), filters), {}, {
       search: debouncedSearch.trim()
     }), {
       onSuccess: templates => {
@@ -8033,7 +8031,7 @@ const Templates = _ref => {
     setTemplateToDelete("");
   };
   const handleTableChange = (_, __, sorter) => {
-    setFilters(_objectSpread$3(_objectSpread$3({}, filters), {}, {
+    setFilters(_objectSpread$4(_objectSpread$4({}, filters), {}, {
       sortBy: sorter.field,
       sortDirection: sorter.order
     }));
@@ -8238,14 +8236,14 @@ const Form = _ref => {
   })))));
 };
 
-function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const buildTemplatePayload = template => {
   const variables = template.variables,
     visibility = template.visibility,
     recipient = template.recipient;
   const indexedVariables = variables.map((variable, index) => [`variable${index + 1}`, variable]);
-  const payload = _objectSpread$2(_objectSpread$2({}, template), {}, {
+  const payload = _objectSpread$3(_objectSpread$3({}, template), {}, {
     visibility: visibility.value,
     approverId: recipient.value,
     variables: ramda.fromPairs(indexedVariables)
@@ -8281,8 +8279,8 @@ const Create = _ref => {
   }));
 };
 
-function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const Edit = _ref => {
   var _template$recipient, _template$recipient2;
   let approvalsPath = _ref.approvalsPath;
@@ -8327,7 +8325,7 @@ const Edit = _ref => {
   }), /*#__PURE__*/n__default["default"].createElement(Form, {
     onSubmit: onSubmit,
     isLoading: isUpdating,
-    initialData: _objectSpread$1(_objectSpread$1({}, template), {}, {
+    initialData: _objectSpread$2(_objectSpread$2({}, template), {}, {
       visibility: toLabelAndValue(template.visibility),
       recipient: {
         label: (_template$recipient = template.recipient) === null || _template$recipient === void 0 ? void 0 : _template$recipient.name,
@@ -8367,9 +8365,9 @@ const Menu = _ref => {
     pathname = _useLocation.pathname;
   const _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  const category = (_pathname$split$ = pathname.split(`${routes.approvals}/`)[1]) === null || _pathname$split$ === void 0 ? void 0 : _pathname$split$.toLocaleUpperCase();
+  const category = (_pathname$split$ = pathname.split(routes.approvals)[1]) === null || _pathname$split$ === void 0 ? void 0 : _pathname$split$.toLocaleUpperCase();
   const isActive = filter => approvalFilterKeys.includes(category) && ramda.identical(filter, category);
-  const getRoute = filter => `${approvalsPath}/${filter.toLowerCase()}`;
+  const getRoute = filter => `${approvalsPath}${filter.toLowerCase()}`;
   return /*#__PURE__*/n__default["default"].createElement(layouts.MenuBar, {
     showMenu: isMenuOpen,
     title: t("common.approvals")
@@ -8381,15 +8379,15 @@ const Menu = _ref => {
   })));
 };
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const Approvals = _ref => {
   let config = _ref.config;
   const _useState = n$1.useState(false),
     _useState2 = _slicedToArray$2(_useState, 2),
     isMenubarOpen = _useState2[0],
     setIsMenubarOpen = _useState2[1];
-  const appRoutes = createRoutes(_objectSpread(_objectSpread({}, config), {}, {
+  const appRoutes = createRoutes(_objectSpread$1(_objectSpread$1({}, config), {}, {
     setIsMenubarOpen
   }));
   return /*#__PURE__*/n__default["default"].createElement("div", {
@@ -8414,12 +8412,96 @@ const Approvals = _ref => {
     to: `${config.approvalsPath}${routes.pending}`
   })))));
 };
-var index = withReactQuery(Approvals);
+
+const show = id => axios__default["default"].get(`${BASE_URL}/public/requests/${id}`);
+const update = _ref => {
+  let id = _ref.id,
+    payload = _ref.payload;
+  return axios__default["default"].put(`${BASE_URL}/public/requests/${id}`, {
+    request: payload
+  });
+};
+const publicRequestsApi = {
+  show,
+  update
+};
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const useFetchPublicRequest = _ref => {
+  let requestId = _ref.requestId;
+  return reactQuery.useQuery([QUERY_KEYS.SHOW_PUBLIC_REQUEST, requestId], () => publicRequestsApi.show(requestId), {
+    staleTime: DEFAULT_STALE_TIME
+  });
+};
+const useUpdatePendingRequest = options => {
+  const queryClient = reactQuery.useQueryClient();
+  return reactQuery.useMutation(publicRequestsApi.update, _objectSpread(_objectSpread({}, options), {}, {
+    onSuccess: () => {
+      queryClient.invalidateQueries(QUERY_KEYS.SHOW_PUBLIC_REQUEST);
+      queryClient.invalidateQueries(QUERY_KEYS.REQUESTS);
+      options === null || options === void 0 ? void 0 : options.onSuccess();
+    }
+  }));
+};
+
+const Public = () => {
+  const _useParams = reactRouterDom.useParams(),
+    id = _useParams.id;
+  const _useFetchPublicReques = useFetchPublicRequest({
+      requestId: id
+    }),
+    _useFetchPublicReques2 = _useFetchPublicReques.data,
+    _useFetchPublicReques3 = _useFetchPublicReques2 === void 0 ? {} : _useFetchPublicReques2,
+    _useFetchPublicReques4 = _useFetchPublicReques3.approvalRequest,
+    approvalRequest = _useFetchPublicReques4 === void 0 ? {} : _useFetchPublicReques4;
+  const _useUpdatePendingRequ = useUpdatePendingRequest(),
+    updatePendingRequest = _useUpdatePendingRequ.mutate,
+    isLoading = _useUpdatePendingRequ.isLoading;
+  const onSubmit = payload => updatePendingRequest({
+    id: approvalRequest.id,
+    payload
+  });
+  return /*#__PURE__*/n__default["default"].createElement(layouts.Container, null, /*#__PURE__*/n__default["default"].createElement(layouts.Header, {
+    title: t$1("common.approvals")
+  }), /*#__PURE__*/n__default["default"].createElement("div", {
+    className: "flex flex-col justify-center items-center w-full h-screen"
+  }, /*#__PURE__*/n__default["default"].createElement("div", {
+    className: "neeto-ui-shadow-s w-2/5 rounded border p-6"
+  }, isNotEmpty(approvalRequest) ? /*#__PURE__*/n__default["default"].createElement("div", {
+    className: "flex w-full flex-col space-y-6"
+  }, /*#__PURE__*/n__default["default"].createElement(neetoui.Typography, {
+    style: "h2"
+  }, approvalRequest.title), /*#__PURE__*/n__default["default"].createElement(DF, {
+    content: approvalRequest.message
+  }), approvalRequest.status === STATUSES.pending ? /*#__PURE__*/n__default["default"].createElement("div", {
+    className: "flex space-x-6 mx-auto mt-8"
+  }, /*#__PURE__*/n__default["default"].createElement(neetoui.Button, {
+    label: t$1("buttons.approve"),
+    onClick: () => onSubmit({
+      status: STATUSES.approved,
+      approvedAt: new Date()
+    }),
+    loading: isLoading
+  }), /*#__PURE__*/n__default["default"].createElement(neetoui.Button, {
+    label: t$1("buttons.decline"),
+    onClick: () => onSubmit({
+      status: STATUSES.rejected,
+      rejectedAt: new Date()
+    }),
+    style: "danger",
+    loading: isLoading
+  })) : /*#__PURE__*/n__default["default"].createElement(neetoui.Typography, {
+    style: "body1",
+    weight: "semibold"
+  }, t$1("typography.approvalResponse"))) : /*#__PURE__*/n__default["default"].createElement("div", null, t$1("common.notFound")))));
+};
 
 var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
 
 var css = ".neeto-approvals-dropdown__button {\n  border-radius: 0 !important;\n  font-weight: var(--neeto-ui-font-normal);\n  min-height: 34px;\n  min-width: 150px;\n  text-align: left;\n  width: 100%;\n}\n\n.neeto-approvals-scrollbar__inner {\n  width: 100%;\n  height: 200px;\n}\n.neeto-approvals-scrollbar__outer {\n  position: \"absolute\";\n  top: 0px;\n  left: 0px;\n  width: 200px;\n  height: 150px;\n  overflow: \"hidden\";\n  visibility: \"hidden\";\n}\n\n.neeto-approvals-empty-state {\n  align-items: center;\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  width: 100%;\n}\n.neeto-approvals-empty-state__image {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-bottom: 2rem;\n}\n.neeto-approvals-empty-state__title--with-action-block {\n  margin-bottom: 1rem;\n}\n.neeto-approvals-empty-state__action-block {\n  display: flex;\n  justify-content: center;\n}\n\n.neeto-approvals {\n  overflow: auto;\n  width: 100%;\n}\n.neeto-approvals-wrapper {\n  display: flex;\n}\n.neeto-approvals-page-loader {\n  width: 100%;\n  height: 100vh;\n}\n.neeto-approvals__table-wrapper {\n  height: calc(100vh - 205px);\n  width: 100%;\n}\n.neeto-approvals-table__column {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.neeto-approvals-form__header {\n  margin-bottom: 0.5rem;\n}\n.neeto-approvals-form__body {\n  width: 100%;\n  padding-bottom: 1rem;\n}\n.neeto-approvals-form__body > * + * {\n  margin-top: 1rem;\n}\n.neeto-approvals-form__footer {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.neeto-ui-subheader .neeto-ui-subheader__left-wrapper .neeto-ui-subheader__left {\n  max-width: none;\n}\n\ntd.ant-table-column-sort {\n  background: transparent;\n}";
 n(css,{});
 
-exports.Approvals = index;
+exports.Approvals = Approvals;
+exports.Public = Public;
 //# sourceMappingURL=index.cjs.js.map