@bigbinary/neeto-approvals-frontend 0.2.12 → 0.2.14

package/dist/index.cjs.js

@@ -10,16 +10,14 @@ var i18next = require('i18next');
 var constants = require('@bigbinary/neeto-commons-frontend/constants');
 var neetoui = require('@bigbinary/neetoui');
 var ramda = require('ramda');
+var neetocist = require('neetocist');
 var reactI18next = require('react-i18next');
 var reactQuery = require('react-query');
 var axios = require('axios');
+var DateFormat = require('@bigbinary/neeto-molecules/DateFormat');
 var utils = require('@bigbinary/neeto-commons-frontend/utils');
-var dayjs = require('dayjs');
-var timezone = require('dayjs/plugin/timezone');
-var utc = require('dayjs/plugin/utc');
-var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
 var neetoEditor = require('@bigbinary/neeto-editor');
-var pure = require('@bigbinary/neeto-commons-frontend/pure');
+var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
 var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
 var formik = require('@bigbinary/neetoui/formik');
 var yup = require('yup');
@@ -51,31 +49,29 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
 var i18next__default = /*#__PURE__*/_interopDefaultLegacy(i18next);
 var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
-var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
-var timezone__default = /*#__PURE__*/_interopDefaultLegacy(timezone);
-var utc__default = /*#__PURE__*/_interopDefaultLegacy(utc);
+var DateFormat__default = /*#__PURE__*/_interopDefaultLegacy(DateFormat);
 var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
 var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
 var TableWrapper__default = /*#__PURE__*/_interopDefaultLegacy(TableWrapper);
 var MoreDropdown__default = /*#__PURE__*/_interopDefaultLegacy(MoreDropdown);
 var NeetoHeader__default = /*#__PURE__*/_interopDefaultLegacy(NeetoHeader);
 
-function _typeof$1(obj) {
+function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
     return typeof obj;
   } : function (obj) {
     return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof$1(obj);
+  }, _typeof(obj);
 }
 
 function _toPrimitive(input, hint) {
-  if (_typeof$1(input) !== "object" || input === null) return input;
+  if (_typeof(input) !== "object" || input === null) return input;
   var prim = input[Symbol.toPrimitive];
   if (prim !== undefined) {
     var res = prim.call(input, hint || "default");
-    if (_typeof$1(res) !== "object") return res;
+    if (_typeof(res) !== "object") return res;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (hint === "string" ? String : Number)(input);
@@ -83,7 +79,7 @@ function _toPrimitive(input, hint) {
 
 function _toPropertyKey(arg) {
   var key = _toPrimitive(arg, "string");
-  return _typeof$1(key) === "symbol" ? key : String(key);
+  return _typeof(key) === "symbol" ? key : String(key);
 }
 
 function _defineProperty(obj, key, value) {
@@ -101,11 +97,11 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _arrayWithHoles$1(arr) {
+function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
 
-function _iterableToArrayLimit$1(arr, i) {
+function _iterableToArrayLimit(arr, i) {
   var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
   if (null != _i) {
     var _s,
@@ -133,27 +129,27 @@ function _iterableToArrayLimit$1(arr, i) {
   }
 }
 
-function _arrayLikeToArray$1(arr, len) {
+function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
-function _unsupportedIterableToArray$1(o, minLen) {
+function _unsupportedIterableToArray(o, minLen) {
   if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray$1(o, minLen);
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
   var n = Object.prototype.toString.call(o).slice(8, -1);
   if (n === "Object" && o.constructor) n = o.constructor.name;
   if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 
-function _nonIterableRest$1() {
+function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
-function _slicedToArray$1(arr, i) {
-  return _arrayWithHoles$1(arr) || _iterableToArrayLimit$1(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest$1();
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
 var routes = {
@@ -169,131 +165,6 @@ var routes = {
   "public": "approvals/public/request/:id"
 };
 
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArrayLimit(arr, i) {
-  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
-  if (null != _i) {
-    var _s,
-      _e,
-      _x,
-      _r,
-      _arr = [],
-      _n = !0,
-      _d = !1;
-    try {
-      if (_x = (_i = _i.call(arr)).next, 0 === i) {
-        if (Object(_i) !== _i) return;
-        _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
-    } catch (err) {
-      _d = !0, _e = err;
-    } finally {
-      try {
-        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
-      } finally {
-        if (_d) throw _e;
-      }
-    }
-    return _arr;
-  }
-}
-
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof(obj);
-}
-
-/**
- * @template {Function} T
- * @param {T} func
- * @returns {T}
- */
-var nullSafe = function nullSafe(func) {
-  return (
-    // @ts-ignore
-    ramda.curryN(func.length, function () {
-      var _ref;
-      var dataArg = (_ref = func.length - 1, _ref < 0 || arguments.length <= _ref ? undefined : arguments[_ref]);
-      return ramda.isNil(dataArg) ? dataArg : func.apply(void 0, arguments);
-    })
-  );
-};
-var noop = function noop() {};
-var isNotPresent = /*#__PURE__*/ramda.either(ramda.isNil, ramda.isEmpty);
-var isPresent = /*#__PURE__*/ramda.complement(isNotPresent);
-var camelToSnakeCase = function camelToSnakeCase(string) {
-  return string.replace(/[A-Z]/g, function (letter) {
-    return "_".concat(letter.toLowerCase());
-  });
-};
-var capitalize = function capitalize(string) {
-  return string.charAt(0).toUpperCase() + string.slice(1);
-};
-
-var matchesImpl = function matchesImpl(pattern, object) {
-  var __parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : object;
-  if (object === pattern) return true;
-  if (typeof pattern === "function" && pattern(object, __parent)) return true;
-  if (ramda.isNil(pattern) || ramda.isNil(object)) return false;
-  if (_typeof(pattern) !== "object") return false;
-  return Object.entries(pattern).every(function (_ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
-      key = _ref2[0],
-      value = _ref2[1];
-    return matchesImpl(value, object[key], __parent);
-  });
-};
-var matches = /*#__PURE__*/ramda.curry(function (pattern, object) {
-  return matchesImpl(pattern, object);
-});
-var filterNonNull = function filterNonNull(object) {
-  return Object.fromEntries(Object.entries(object).filter(function (_ref5) {
-    var _ref6 = _slicedToArray(_ref5, 2),
-      v = _ref6[1];
-    return !ramda.isNil(v);
-  }).map(function (_ref7) {
-    var _ref8 = _slicedToArray(_ref7, 2),
-      k = _ref8[0],
-      v = _ref8[1];
-    return [k, _typeof(v) === "object" && !Array.isArray(v) ? filterNonNull(v) : v];
-  }));
-};
-nullSafe(filterNonNull);
-var findBy = /*#__PURE__*/ramda.curry(function (pattern, array) {
-  return array.find(matches(pattern));
-});
-
 var handleEmptyPage = function handleEmptyPage(data, pageProperties, handlePageChange) {
   if (ramda.isEmpty(data) && pageProperties.page !== 1) {
     handlePageChange(pageProperties.page - 1, pageProperties.pageSize);
@@ -362,7 +233,7 @@ var usePaginate = function usePaginate() {
       page: constants.DEFAULT_PAGE_INDEX,
       pageSize: constants.DEFAULT_PAGE_SIZE
     }),
-    _useState2 = _slicedToArray$1(_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     pageProperties = _useState2[0],
     setPageProperties = _useState2[1];
   var resetPageProperties = function resetPageProperties() {
@@ -418,41 +289,6 @@ var SORT_ORDER = {
   descend: "desc"
 };
 
-dayjs__default["default"].extend(utc__default["default"]);
-dayjs__default["default"].extend(timezone__default["default"]);
-var updateApprovalDetails = function updateApprovalDetails(_ref) {
-  var requestsData = _ref.requestsData,
-    approvalDetails = _ref.approvalDetails;
-  if (isPresent(requestsData === null || requestsData === void 0 ? void 0 : requestsData.requests) && isPresent(approvalDetails)) {
-    var request = findBy({
-      id: approvalDetails.id
-    }, requestsData.requests) || {};
-    return request;
-  }
-  return {};
-};
-var timeInZone = function timeInZone(time) {
-  var _globalProps$user, _globalProps$user2;
-  ((_globalProps$user = initializers.globalProps.user) === null || _globalProps$user === void 0 ? void 0 : _globalProps$user.timeZone) && dayjs__default["default"].tz.setDefault((_globalProps$user2 = initializers.globalProps.user) === null || _globalProps$user2 === void 0 ? void 0 : _globalProps$user2.timeZone);
-  return dayjs__default["default"](time).tz();
-};
-var getApprovalFilter = function getApprovalFilter() {
-  return {
-    PENDING: {
-      label: i18next.t("neetoApprovals.common.pending"),
-      value: "PENDING"
-    },
-    TEMPLATES: {
-      label: i18next.t("neetoApprovals.common.template", constants.PLURAL),
-      value: "TEMPLATES"
-    },
-    HISTORY: {
-      label: i18next.t("neetoApprovals.common.history"),
-      value: "HISTORY"
-    }
-  };
-};
-
 var HISTORY_TABLE_COLUMNS = [{
   dataIndex: "approvalLabel",
   key: "approvalLabel",
@@ -482,7 +318,7 @@ var HISTORY_TABLE_COLUMNS = [{
   title: i18next.t("neetoApprovals.common.status"),
   render: function render(status) {
     return /*#__PURE__*/React__default["default"].createElement(neetoui.Tag, {
-      label: capitalize(status),
+      label: neetocist.capitalize(status),
       style: STATUS_TAG_STYLE[status]
     });
   }
@@ -493,22 +329,136 @@ var HISTORY_TABLE_COLUMNS = [{
   width: "25%",
   title: i18next.t("neetoApprovals.common.created"),
   render: function render(createdAt) {
-    return utils.dateFormat.fromNow(timeInZone(createdAt));
+    return /*#__PURE__*/React__default["default"].createElement(DateFormat__default["default"].FromNow, {
+      date: createdAt,
+      typographyProps: {
+        style: "body2"
+      }
+    });
   }
 }];
 
+var Footer = function Footer(_ref) {
+  var isLoading = _ref.isLoading,
+    handleSubmit = _ref.handleSubmit,
+    isCurrentUserApprover = _ref.isCurrentUserApprover,
+    isCurrentUserRequester = _ref.isCurrentUserRequester;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  if (!isCurrentUserApprover && !isCurrentUserRequester) return null;
+  if (isCurrentUserApprover) {
+    return /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, {
+      className: "flex gap-x-2"
+    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+      label: t("neetoApprovals.buttons.approve"),
+      loading: isLoading,
+      type: "submit",
+      onClick: function onClick() {
+        return handleSubmit(STATUSES.approved);
+      }
+    }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+      label: t("neetoApprovals.buttons.decline"),
+      loading: isLoading,
+      style: "text",
+      onClick: function onClick() {
+        return handleSubmit(STATUSES.rejected);
+      }
+    }));
+  }
+  return /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, {
+    className: "flex gap-x-2"
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    label: t("neetoApprovals.buttons.cancelRequest"),
+    loading: isLoading,
+    type: "submit",
+    onClick: function onClick() {
+      return handleSubmit(STATUSES.cancelled);
+    }
+  }));
+};
+
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+var dayjs_min = {exports: {}};
+
+dayjs_min.exports;
+
+(function (module, exports) {
+	!function(t,e){module.exports=e();}(commonjsGlobal,(function(){var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",c="month",f="quarter",h="year",d="date",l="Invalid Date",$=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],n=t%100;return "["+t+(e[(n-20)%10]||e[n]||e[0])+"]"}},m=function(t,e,n){var r=String(t);return !r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},v={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return (e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()<n.date())return -t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,c),s=n-i<0,u=e.clone().add(r+(s?-1:1),c);return +(-(r+(n-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return {M:c,y:h,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:f}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},g="en",D={};D[g]=M;var p=function(t){return t instanceof b},S=function t(e,n,r){var i;if(!e)return g;if("string"==typeof e){var s=e.toLowerCase();D[s]&&(i=s),n&&(D[s]=n,i=s);var u=e.split("-");if(!i&&u.length>1)return t(u[0])}else {var a=e.name;D[a]=e,i=a;}return !r&&i&&(g=i),i||!r&&g},w=function(t,e){if(p(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new b(n)},O=v;O.l=S,O.i=p,O.w=function(t,e){return w(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var b=function(){function M(t){this.$L=S(t.locale,null,!0),this.parse(t);}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(O.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match($);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.$x=t.x||{},this.init();},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds();},m.$utils=function(){return O},m.isValid=function(){return !(this.$d.toString()===l)},m.isSame=function(t,e){var n=w(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return w(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<w(t)},m.$g=function(t,e,n){return O.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!O.u(e)||e,f=O.p(t),l=function(t,e){var i=O.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},$=function(t,e){return O.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},y=this.$W,M=this.$M,m=this.$D,v="set"+(this.$u?"UTC":"");switch(f){case h:return r?l(1,0):l(31,11);case c:return r?l(1,M):l(0,M+1);case o:var g=this.$locale().weekStart||0,D=(y<g?y+7:y)-g;return l(r?m-D:m+(6-D),M);case a:case d:return $(v+"Hours",0);case u:return $(v+"Minutes",1);case s:return $(v+"Seconds",2);case i:return $(v+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,!1)},m.$set=function(t,e){var n,o=O.p(t),f="set"+(this.$u?"UTC":""),l=(n={},n[a]=f+"Date",n[d]=f+"Date",n[c]=f+"Month",n[h]=f+"FullYear",n[u]=f+"Hours",n[s]=f+"Minutes",n[i]=f+"Seconds",n[r]=f+"Milliseconds",n)[o],$=o===a?this.$D+(e-this.$W):e;if(o===c||o===h){var y=this.clone().set(d,1);y.$d[l]($),y.init(),this.$d=y.set(d,Math.min(this.$D,y.daysInMonth())).$d;}else l&&this.$d[l]($);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[O.p(t)]()},m.add=function(r,f){var d,l=this;r=Number(r);var $=O.p(f),y=function(t){var e=w(l);return O.w(e.date(e.date()+Math.round(t*r)),l)};if($===c)return this.set(c,this.$M+r);if($===h)return this.set(h,this.$y+r);if($===a)return y(1);if($===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[$]||1,m=this.$d.getTime()+r*M;return O.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||l;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=O.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,c=n.months,f=n.meridiem,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].slice(0,s)},d=function(t){return O.s(s%12||12,t,"0")},$=f||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r};return r.replace(y,(function(t,r){return r||function(t){switch(t){case"YY":return String(e.$y).slice(-2);case"YYYY":return O.s(e.$y,4,"0");case"M":return a+1;case"MM":return O.s(a+1,2,"0");case"MMM":return h(n.monthsShort,a,c,3);case"MMMM":return h(c,a);case"D":return e.$D;case"DD":return O.s(e.$D,2,"0");case"d":return String(e.$W);case"dd":return h(n.weekdaysMin,e.$W,o,2);case"ddd":return h(n.weekdaysShort,e.$W,o,3);case"dddd":return o[e.$W];case"H":return String(s);case"HH":return O.s(s,2,"0");case"h":return d(1);case"hh":return d(2);case"a":return $(s,u,!0);case"A":return $(s,u,!1);case"m":return String(u);case"mm":return O.s(u,2,"0");case"s":return String(e.$s);case"ss":return O.s(e.$s,2,"0");case"SSS":return O.s(e.$ms,3,"0");case"Z":return i}return null}(t)||i.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,l){var $,y=this,M=O.p(d),m=w(r),v=(m.utcOffset()-this.utcOffset())*e,g=this-m,D=function(){return O.m(y,m)};switch(M){case h:$=D()/12;break;case c:$=D();break;case f:$=D()/3;break;case o:$=(g-v)/6048e5;break;case a:$=(g-v)/864e5;break;case u:$=g/n;break;case s:$=g/e;break;case i:$=g/t;break;default:$=g;}return l?$:O.a($)},m.daysInMonth=function(){return this.endOf(c).$D},m.$locale=function(){return D[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=S(t,e,!0);return r&&(n.$L=r),n},m.clone=function(){return O.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},M}(),_=b.prototype;return w.prototype=_,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",c],["$y",h],["$D",d]].forEach((function(t){_[t[1]]=function(e){return this.$g(e,t[0],t[1])};})),w.extend=function(t,e){return t.$i||(t(e,b,w),t.$i=!0),w},w.locale=S,w.isDayjs=p,w.unix=function(t){return w(1e3*t)},w.en=D[g],w.Ls=D,w.p={},w})); 
+} (dayjs_min, dayjs_min.exports));
+
+var dayjs_minExports = dayjs_min.exports;
+var dayjs = /*@__PURE__*/getDefaultExportFromCjs(dayjs_minExports);
+
+var timezone$1 = {exports: {}};
+
+timezone$1.exports;
+
+(function (module, exports) {
+	!function(t,e){module.exports=e();}(commonjsGlobal,(function(){var t={year:0,month:1,day:2,hour:3,minute:4,second:5},e={};return function(n,i,o){var r,a=function(t,n,i){void 0===i&&(i={});var o=new Date(t),r=function(t,n){void 0===n&&(n={});var i=n.timeZoneName||"short",o=t+"|"+i,r=e[o];return r||(r=new Intl.DateTimeFormat("en-US",{hour12:!1,timeZone:t,year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit",timeZoneName:i}),e[o]=r),r}(n,i);return r.formatToParts(o)},u=function(e,n){for(var i=a(e,n),r=[],u=0;u<i.length;u+=1){var f=i[u],s=f.type,m=f.value,c=t[s];c>=0&&(r[c]=parseInt(m,10));}var d=r[3],l=24===d?0:d,v=r[0]+"-"+r[1]+"-"+r[2]+" "+l+":"+r[4]+":"+r[5]+":000",h=+e;return (o.utc(v).valueOf()-(h-=h%1e3))/6e4},f=i.prototype;f.tz=function(t,e){void 0===t&&(t=r);var n=this.utcOffset(),i=this.toDate(),a=i.toLocaleString("en-US",{timeZone:t}),u=Math.round((i-new Date(a))/1e3/60),f=o(a).$set("millisecond",this.$ms).utcOffset(15*-Math.round(i.getTimezoneOffset()/15)-u,!0);if(e){var s=f.utcOffset();f=f.add(n-s,"minute");}return f.$x.$timezone=t,f},f.offsetName=function(t){var e=this.$x.$timezone||o.tz.guess(),n=a(this.valueOf(),e,{timeZoneName:t}).find((function(t){return "timezonename"===t.type.toLowerCase()}));return n&&n.value};var s=f.startOf;f.startOf=function(t,e){if(!this.$x||!this.$x.$timezone)return s.call(this,t,e);var n=o(this.format("YYYY-MM-DD HH:mm:ss:SSS"));return s.call(n,t,e).tz(this.$x.$timezone,!0)},o.tz=function(t,e,n){var i=n&&e,a=n||e||r,f=u(+o(),a);if("string"!=typeof t)return o(t).tz(a);var s=function(t,e,n){var i=t-60*e*1e3,o=u(i,n);if(e===o)return [i,e];var r=u(i-=60*(o-e)*1e3,n);return o===r?[i,o]:[t-60*Math.min(o,r)*1e3,Math.max(o,r)]}(o.utc(t,i).valueOf(),f,a),m=s[0],c=s[1],d=o(m).utcOffset(c);return d.$x.$timezone=a,d},o.tz.guess=function(){return Intl.DateTimeFormat().resolvedOptions().timeZone},o.tz.setDefault=function(t){r=t;};}})); 
+} (timezone$1, timezone$1.exports));
+
+var timezoneExports = timezone$1.exports;
+var timezone = /*@__PURE__*/getDefaultExportFromCjs(timezoneExports);
+
+var utc$1 = {exports: {}};
+
+utc$1.exports;
+
+(function (module, exports) {
+	!function(t,i){module.exports=i();}(commonjsGlobal,(function(){var t="minute",i=/[+-]\d\d(?::?\d\d)?/g,e=/([+-]|\d\d)/g;return function(s,f,n){var u=f.prototype;n.utc=function(t){var i={date:t,utc:!0,args:arguments};return new f(i)},u.utc=function(i){var e=n(this.toDate(),{locale:this.$L,utc:!0});return i?e.add(this.utcOffset(),t):e},u.local=function(){return n(this.toDate(),{locale:this.$L,utc:!1})};var o=u.parse;u.parse=function(t){t.utc&&(this.$u=!0),this.$utils().u(t.$offset)||(this.$offset=t.$offset),o.call(this,t);};var r=u.init;u.init=function(){if(this.$u){var t=this.$d;this.$y=t.getUTCFullYear(),this.$M=t.getUTCMonth(),this.$D=t.getUTCDate(),this.$W=t.getUTCDay(),this.$H=t.getUTCHours(),this.$m=t.getUTCMinutes(),this.$s=t.getUTCSeconds(),this.$ms=t.getUTCMilliseconds();}else r.call(this);};var a=u.utcOffset;u.utcOffset=function(s,f){var n=this.$utils().u;if(n(s))return this.$u?0:n(this.$offset)?a.call(this):this.$offset;if("string"==typeof s&&(s=function(t){void 0===t&&(t="");var s=t.match(i);if(!s)return null;var f=(""+s[0]).match(e)||["-",0,0],n=f[0],u=60*+f[1]+ +f[2];return 0===u?0:"+"===n?u:-u}(s),null===s))return this;var u=Math.abs(s)<=16?60*s:s,o=this;if(f)return o.$offset=u,o.$u=0===s,o;if(0!==s){var r=this.$u?this.toDate().getTimezoneOffset():-1*this.utcOffset();(o=this.local().add(u+r,t)).$offset=u,o.$x.$localOffset=r;}else o=this.utc();return o};var h=u.format;u.format=function(t){var i=t||(this.$u?"YYYY-MM-DDTHH:mm:ss[Z]":"");return h.call(this,i)},u.valueOf=function(){var t=this.$utils().u(this.$offset)?0:this.$offset+(this.$x.$localOffset||this.$d.getTimezoneOffset());return this.$d.valueOf()-6e4*t},u.isUTC=function(){return !!this.$u},u.toISOString=function(){return this.toDate().toISOString()},u.toString=function(){return this.toDate().toUTCString()};var l=u.toDate;u.toDate=function(t){return "s"===t&&this.$offset?n(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate():l.call(this)};var c=u.diff;u.diff=function(t,i,e){if(t&&this.$u===t.$u)return c.call(this,t,i,e);var s=this.local(),f=n(t).local();return c.call(s,f,i,e)};}})); 
+} (utc$1, utc$1.exports));
+
+var utcExports = utc$1.exports;
+var utc = /*@__PURE__*/getDefaultExportFromCjs(utcExports);
+
+dayjs.extend(utc);
+dayjs.extend(timezone);
+var updateApprovalDetails = function updateApprovalDetails(_ref) {
+  var requestsData = _ref.requestsData,
+    approvalDetails = _ref.approvalDetails;
+  if (neetocist.isPresent(requestsData === null || requestsData === void 0 ? void 0 : requestsData.requests) && neetocist.isPresent(approvalDetails)) {
+    var request = neetocist.findBy({
+      id: approvalDetails.id
+    }, requestsData.requests) || {};
+    return request;
+  }
+  return {};
+};
+var timeInZone = function timeInZone(time) {
+  var _globalProps$user, _globalProps$user2;
+  ((_globalProps$user = initializers.globalProps.user) === null || _globalProps$user === void 0 ? void 0 : _globalProps$user.timeZone) && dayjs.tz.setDefault((_globalProps$user2 = initializers.globalProps.user) === null || _globalProps$user2 === void 0 ? void 0 : _globalProps$user2.timeZone);
+  return dayjs(time).tz();
+};
+var getApprovalFilter = function getApprovalFilter() {
+  return {
+    PENDING: {
+      label: i18next.t("neetoApprovals.common.pending"),
+      value: "PENDING"
+    },
+    TEMPLATES: {
+      label: i18next.t("neetoApprovals.common.template", constants.PLURAL),
+      value: "TEMPLATES"
+    },
+    HISTORY: {
+      label: i18next.t("neetoApprovals.common.history"),
+      value: "HISTORY"
+    }
+  };
+};
+
 var MemoizedEditorContent$1 = /*#__PURE__*/React__default["default"].memo(neetoEditor.EditorContent);
-var ApprovalsDetails = function ApprovalsDetails(_ref) {
-  var _window$globalProps, _window$globalProps$u, _t;
+var RequestDetailsPane = function RequestDetailsPane(_ref) {
+  var _window$globalProps, _window$globalProps2, _t;
   var isOpen = _ref.isOpen,
     onClose = _ref.onClose,
     approvalDetails = _ref.approvalDetails,
     _ref$isPending = _ref.isPending,
-    isPending = _ref$isPending === void 0 ? false : _ref$isPending,
-    _ref$onSubmit = _ref.onSubmit,
-    onSubmit = _ref$onSubmit === void 0 ? noop : _ref$onSubmit,
-    _ref$isLoading = _ref.isLoading,
-    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading;
+    isPending = _ref$isPending === void 0 ? false : _ref$isPending;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var title = approvalDetails.title,
@@ -524,14 +474,18 @@ var ApprovalsDetails = function ApprovalsDetails(_ref) {
     requesterName = approvalDetails.requesterName,
     requesterEmail = approvalDetails.requesterEmail;
   var _useState = React.useState(initialNote),
-    _useState2 = _slicedToArray$1(_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     note = _useState2[0],
     setNote = _useState2[1];
+  var _useUpdateRequest = useUpdateRequest(),
+    updatePendingRequest = _useUpdateRequest.mutate,
+    isLoading = _useUpdateRequest.isLoading;
   React.useEffect(function () {
     setNote(initialNote);
   }, [initialNote]);
   var requesterOrApproverDetails = status === STATUSES.cancelled ? "".concat(requesterName, " (").concat(requesterEmail, ")") : "".concat(approverName, " (").concat(approverEmail, ")");
-  var isCurrentUserApprover = ((_window$globalProps = window.globalProps) === null || _window$globalProps === void 0 ? void 0 : (_window$globalProps$u = _window$globalProps.user) === null || _window$globalProps$u === void 0 ? void 0 : _window$globalProps$u.email) === approverEmail;
+  var isCurrentUserApprover = ((_window$globalProps = window.globalProps) === null || _window$globalProps === void 0 || (_window$globalProps = _window$globalProps.user) === null || _window$globalProps === void 0 ? void 0 : _window$globalProps.email) === approverEmail;
+  var isCurrentUserRequester = ((_window$globalProps2 = window.globalProps) === null || _window$globalProps2 === void 0 || (_window$globalProps2 = _window$globalProps2.user) === null || _window$globalProps2 === void 0 ? void 0 : _window$globalProps2.email) === requesterEmail;
   var getStatusLabel = function getStatusLabel() {
     if (isPending) {
       return t("neetoApprovals.common.waitingFor");
@@ -543,10 +497,14 @@ var ApprovalsDetails = function ApprovalsDetails(_ref) {
     onClose();
   };
   var handleSubmit = function handleSubmit(status) {
-    onSubmit({
-      status: status,
-      note: note,
-      approvedAt: new Date()
+    return updatePendingRequest({
+      id: approvalDetails.id,
+      payload: _defineProperty({
+        status: status,
+        note: note
+      }, "".concat(status, "At"), new Date())
+    }, {
+      onSuccess: handleOnClose
     });
   };
   return /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, {
@@ -558,19 +516,27 @@ var ApprovalsDetails = function ApprovalsDetails(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     style: "h2"
   }, title), /*#__PURE__*/React__default["default"].createElement(neetoui.Tag, {
-    label: capitalize(status),
+    label: neetocist.capitalize(status),
     style: STATUS_TAG_STYLE[status]
   })), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, {
     className: "space-y-6"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full divide-y border px-3"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex space-x-10 p-2"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, null, getStatusLabel()), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    style: "body2"
+    className: "flex space-x-3 p-2"
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
+    className: "font-normal"
+  }, getStatusLabel()), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    style: "body2",
+    weight: "medium"
   }, requesterOrApproverDetails)), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex space-x-10 p-2"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, null, t("neetoApprovals.common.created")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, null, utils.dateFormat.extended(timeInZone(createdAt))))), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex space-x-3 p-2"
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
+    className: "font-normal"
+  }, t("neetoApprovals.common.created")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    style: "body2",
+    weight: "medium"
+  }, utils.dateFormat.extended(timeInZone(createdAt))))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full space-y-2"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, null, t("neetoApprovals.inputs.labels.message")), /*#__PURE__*/React__default["default"].createElement(MemoizedEditorContent$1, {
     className: "neeto-ui-bg-gray-100 p-4",
@@ -593,23 +559,12 @@ var ApprovalsDetails = function ApprovalsDetails(_ref) {
     className: "w-full space-y-2"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, null, t("neetoApprovals.common.note")), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-ui-bg-gray-100 p-4"
-  }, note))), isPending && isCurrentUserApprover && /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, {
-    className: "flex gap-x-2"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    label: t("neetoApprovals.buttons.approve"),
-    loading: isLoading,
-    type: "submit",
-    onClick: function onClick() {
-      return handleSubmit(STATUSES.approved);
-    }
-  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    label: t("neetoApprovals.buttons.decline"),
-    loading: isLoading,
-    style: "text",
-    onClick: function onClick() {
-      return handleSubmit(STATUSES.rejected);
-    }
-  })));
+  }, note))), isPending && /*#__PURE__*/React__default["default"].createElement(Footer, {
+    handleSubmit: handleSubmit,
+    isCurrentUserApprover: isCurrentUserApprover,
+    isCurrentUserRequester: isCurrentUserRequester,
+    isLoading: isLoading
+  }));
 };
 
 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; }
@@ -618,7 +573,7 @@ var History = function History(_ref) {
   var _t;
   var requestUrl = _ref.requestUrl;
   var _useState = React.useState(DEFAULT_FILTER_VALUES),
-    _useState2 = _slicedToArray$1(_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     filters = _useState2[0],
     setFilters = _useState2[1];
   var debouncedSearchTerm = reactUtils.useDebounce(filters.searchTerm, SEARCH_DELAY);
@@ -626,7 +581,7 @@ var History = function History(_ref) {
     pageProperties = _usePaginate.pageProperties,
     handlePageChange = _usePaginate.handlePageChange;
   var _useState3 = React.useState({}),
-    _useState4 = _slicedToArray$1(_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     approvalDetails = _useState4[0],
     setApprovalDetails = _useState4[1];
   var _useTranslation = reactI18next.useTranslation(),
@@ -658,7 +613,7 @@ var History = function History(_ref) {
     totalCount = _useFetchRequests$dat4 === void 0 ? 0 : _useFetchRequests$dat4;
   var handleTableChange = function handleTableChange(_, __, sorter) {
     setFilters(_objectSpread$a(_objectSpread$a({}, filters), {}, {
-      sortBy: camelToSnakeCase(sorter.field || ""),
+      sortBy: neetocist.camelToSnakeCase(sorter.field || ""),
       orderBy: SORT_ORDER[sorter.order]
     }));
   };
@@ -686,16 +641,16 @@ var History = function History(_ref) {
     title: t("neetoApprovals.common.notFound_", {
       what: (_t = t("neetoApprovals.common.record", constants.PLURAL)) === null || _t === void 0 ? void 0 : _t.toLocaleLowerCase()
     })
-  })), /*#__PURE__*/React__default["default"].createElement(ApprovalsDetails, {
+  })), /*#__PURE__*/React__default["default"].createElement(RequestDetailsPane, {
     approvalDetails: approvalDetails,
-    isOpen: isPresent(approvalDetails),
+    isOpen: neetocist.isPresent(approvalDetails),
     onClose: function onClose() {
       return setApprovalDetails({});
     }
   }));
 };
 
-var PENDING_TABLE_COLUMNS = pure.removeBy({
+var PENDING_TABLE_COLUMNS = neetocist.removeBy({
   key: "status"
 }, HISTORY_TABLE_COLUMNS);
 
@@ -705,11 +660,11 @@ var PendingRequests = function PendingRequests(_ref) {
   var _t;
   var requestUrl = _ref.requestUrl;
   var _useState = React.useState(DEFAULT_FILTER_VALUES),
-    _useState2 = _slicedToArray$1(_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     filters = _useState2[0],
     setFilters = _useState2[1];
   var _useState3 = React.useState({}),
-    _useState4 = _slicedToArray$1(_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     approvalDetails = _useState4[0],
     setApprovalDetails = _useState4[1];
   var debouncedSearchTerm = reactUtils.useDebounce(filters.searchTerm, SEARCH_DELAY);
@@ -737,25 +692,12 @@ var PendingRequests = function PendingRequests(_ref) {
     pendingRequests = _useFetchRequests$dat3 === void 0 ? {} : _useFetchRequests$dat3,
     _useFetchRequests$dat4 = _useFetchRequests$dat2.totalCount,
     totalCount = _useFetchRequests$dat4 === void 0 ? 0 : _useFetchRequests$dat4;
-  var _useUpdateRequest = useUpdateRequest(),
-    updatePendingRequest = _useUpdateRequest.mutate,
-    isLoading = _useUpdateRequest.isLoading;
   var handleTableChange = function handleTableChange(_, __, sorter) {
     setFilters(_objectSpread$9(_objectSpread$9({}, filters), {}, {
-      sortBy: camelToSnakeCase(sorter.field || ""),
+      sortBy: neetocist.camelToSnakeCase(sorter.field || ""),
       orderBy: SORT_ORDER[sorter.order]
     }));
   };
-  var onSubmit = function onSubmit(payload) {
-    return updatePendingRequest({
-      id: approvalDetails.id,
-      payload: payload
-    }, {
-      onSuccess: function onSuccess() {
-        return setApprovalDetails({});
-      }
-    });
-  };
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, !ramda.isEmpty(pendingRequests) ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-approvals__table-wrapper"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Table, {
@@ -780,12 +722,10 @@ var PendingRequests = function PendingRequests(_ref) {
     title: t("neetoApprovals.common.notFound_", {
       what: (_t = t("neetoApprovals.common.pendingApproval", constants.PLURAL)) === null || _t === void 0 ? void 0 : _t.toLocaleLowerCase()
     })
-  })), /*#__PURE__*/React__default["default"].createElement(ApprovalsDetails, {
+  })), /*#__PURE__*/React__default["default"].createElement(RequestDetailsPane, {
     isPending: true,
     approvalDetails: approvalDetails,
-    isLoading: isLoading,
-    onSubmit: onSubmit,
-    isOpen: isPresent(approvalDetails),
+    isOpen: neetocist.isPresent(approvalDetails),
     onClose: function onClose() {
       return setApprovalDetails({});
     }
@@ -884,7 +824,7 @@ var useFetchTemplates = function useFetchTemplates() {
     onSuccess: function onSuccess(_ref) {
       var _params$onSuccess;
       var templates = _ref.templates;
-      return params === null || params === void 0 ? void 0 : (_params$onSuccess = params.onSuccess) === null || _params$onSuccess === void 0 ? void 0 : _params$onSuccess.call(params, templates);
+      return params === null || params === void 0 || (_params$onSuccess = params.onSuccess) === null || _params$onSuccess === void 0 ? void 0 : _params$onSuccess.call(params, templates);
     }
   }, options));
 };
@@ -931,7 +871,7 @@ var useFetchApprovers = function useFetchApprovers() {
     onSuccess: function onSuccess(_ref) {
       var _params$onSuccess;
       var approvers = _ref.approvers;
-      return params === null || params === void 0 ? void 0 : (_params$onSuccess = params.onSuccess) === null || _params$onSuccess === void 0 ? void 0 : _params$onSuccess.call(params, approvers);
+      return params === null || params === void 0 || (_params$onSuccess = params.onSuccess) === null || _params$onSuccess === void 0 ? void 0 : _params$onSuccess.call(params, approvers);
     }
   }, options));
 };
@@ -977,7 +917,7 @@ var Form$1 = function Form(_ref) {
     _ref$initialData = _ref.initialData,
     initialData = _ref$initialData === void 0 ? {} : _ref$initialData,
     _ref$onSubmit = _ref.onSubmit,
-    onSubmit = _ref$onSubmit === void 0 ? noop : _ref$onSubmit,
+    onSubmit = _ref$onSubmit === void 0 ? neetocist.noop : _ref$onSubmit,
     _ref$isLoading = _ref.isLoading,
     isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
     placeholders = _ref.placeholders;
@@ -1004,7 +944,7 @@ var Form$1 = function Form(_ref) {
   }, header)), /*#__PURE__*/React__default["default"].createElement(formik.Form, {
     formikProps: {
       enableReinitialize: true,
-      initialValues: isPresent(initialData) ? initialData : TEMPLATE_FORM_INITIAL_VALUES,
+      initialValues: neetocist.isPresent(initialData) ? initialData : TEMPLATE_FORM_INITIAL_VALUES,
       validationSchema: TEMPLATE_FORM_VALIDATION_SCHEMA,
       onSubmit: onSubmit
     }
@@ -1138,8 +1078,9 @@ var Field = function Field(_ref) {
     className: "flex flex-col items-start justify-center"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
     className: "mb-1 font-normal"
-  }, label), /*#__PURE__*/React__default["default"].createElement("p", {
-    className: "neeto-ui-text-gray-800 break-words text-base font-medium"
+  }, label), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    style: "body1",
+    weight: "medium"
   }, value));
 };
 var Field$1 = /*#__PURE__*/React__default["default"].memo(Field);
@@ -1333,23 +1274,23 @@ var Templates = function Templates(_ref) {
     helpDocUrl = _ref.helpDocUrl,
     otherProps = _objectWithoutProperties(_ref, _excluded);
   var _useState = React.useState(DEFAULT_FILTER_VALUES),
-    _useState2 = _slicedToArray$1(_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     filters = _useState2[0],
     setFilters = _useState2[1];
   var _useState3 = React.useState({}),
-    _useState4 = _slicedToArray$1(_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     selectedTemplate = _useState4[0],
     setSelectedTemplate = _useState4[1];
   var _useState5 = React.useState(false),
-    _useState6 = _slicedToArray$1(_useState5, 2),
+    _useState6 = _slicedToArray(_useState5, 2),
     isDeleteAlertOpen = _useState6[0],
     setIsDeleteAlertOpen = _useState6[1];
   var _useState7 = React.useState(false),
-    _useState8 = _slicedToArray$1(_useState7, 2),
+    _useState8 = _slicedToArray(_useState7, 2),
     isEditPaneOpen = _useState8[0],
     setIsEditPaneOpen = _useState8[1];
   var _useState9 = React.useState(false),
-    _useState10 = _slicedToArray$1(_useState9, 2),
+    _useState10 = _slicedToArray(_useState9, 2),
     isShowPaneOpen = _useState10[0],
     setIsShowPaneOpen = _useState10[1];
   var _usePaginate = usePaginate(),
@@ -1517,11 +1458,11 @@ var Header = function Header(_ref) {
     t = _useTranslation.t;
   var _useLocation = reactRouterDom.useLocation(),
     pathname = _useLocation.pathname;
-  var currentTab = findBy({
+  var currentTab = neetocist.findBy({
     path: pathname
   }, appRoutes);
   return /*#__PURE__*/React__default["default"].createElement(NeetoHeader__default["default"], {
-    actionBlock: currentTab === null || currentTab === void 0 ? void 0 : (_currentTab$actionBlo = currentTab.actionBlock) === null || _currentTab$actionBlo === void 0 ? void 0 : _currentTab$actionBlo.call(currentTab),
+    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),
     searchProps: (currentTab === null || currentTab === void 0 ? void 0 : currentTab.searchPlaceholder) && {
       placeholder: currentTab === null || currentTab === void 0 ? void 0 : currentTab.searchPlaceholder
@@ -1588,10 +1529,10 @@ function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) {
 var Approvals = function Approvals(_ref) {
   var config = _ref.config;
   var _useQueryParams = reactUtils.useQueryParams(),
-    _useQueryParams$searc = _useQueryParams.search_ter,
+    _useQueryParams$searc = _useQueryParams.searchTerm,
     searchTerm = _useQueryParams$searc === void 0 ? "" : _useQueryParams$searc;
   var _useState = React.useState(false),
-    _useState2 = _slicedToArray$1(_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     isNewTemplatePaneOpen = _useState2[0],
     setIsNewTemplatePaneOpen = _useState2[1];
   var appRoutes = createRoutes({
@@ -1633,7 +1574,7 @@ var Form = function Form(_ref) {
     _ref$requestableId = _ref.requestableId,
     requestableId = _ref$requestableId === void 0 ? "" : _ref$requestableId;
   var _useState = React.useState({}),
-    _useState2 = _slicedToArray$1(_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     selectedTemplateData = _useState2[0],
     setSelectedTemplateData = _useState2[1];
   var _useTranslation = reactI18next.useTranslation(),
@@ -1653,7 +1594,7 @@ var Form = function Form(_ref) {
   });
   var handleTemplateChange = function handleTemplateChange(selectedTemplate, setFieldValue, resetForm) {
     resetForm();
-    var template = pure.findById(selectedTemplate.value, templates);
+    var template = neetocist.findById(selectedTemplate.value, templates);
     setSelectedTemplateData(template);
     setFieldValue("message", template.parsedMessage || template.message);
   };
@@ -1764,7 +1705,7 @@ var useDeclinePendingRequest = function useDeclinePendingRequest(options) {
 var Public = function Public() {
   var _t;
   var _useState = React.useState(""),
-    _useState2 = _slicedToArray$1(_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     note = _useState2[0],
     setNote = _useState2[1];
   var _useParams = reactRouterDom.useParams(),
@@ -1855,10 +1796,11 @@ var Public = function Public() {
 
 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{border-radius:0!important;font-weight:var(--neeto-ui-font-normal);min-height:34px;min-width:150px;text-align:left;width:100%}.neeto-approvals-scrollbar__inner{height:200px;width:100%}.neeto-approvals-scrollbar__outer{height:150px;left:0;overflow:\"hidden\";position:\"absolute\";top:0;visibility:\"hidden\";width:200px}.neeto-approvals-empty-state{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.neeto-approvals-empty-state__image{align-items:center;display:flex;justify-content:center;margin-bottom:2rem}.neeto-approvals-empty-state__title--with-action-block{margin-bottom:1rem}.neeto-approvals-empty-state__action-block{display:flex;justify-content:center}.neeto-approvals{overflow:auto;width:100%}.neeto-approvals__table-wrapper{height:calc(100vh - 205px);margin-top:3rem;width:100%}.neeto-approvals-table__column{align-items:center;display:flex;gap:.5rem}.neeto-approvals-form__header{margin-bottom:.5rem}.neeto-approvals-form__body{padding-bottom:1rem;width:100%}.neeto-approvals-form__body>*+*{margin-top:1rem}.neeto-approvals-form__footer{display:flex;gap:.5rem}.neeto-ui-subheader .neeto-ui-subheader__left-wrapper .neeto-ui-subheader__left{max-width:none}td.ant-table-column-sort{background:transparent}";
+var css = ".neeto-approvals-dropdown__button{border-radius:0!important;font-weight:var(--neeto-ui-font-normal);min-height:34px;min-width:150px;text-align:left;width:100%}.neeto-approvals-scrollbar__inner{height:200px;width:100%}.neeto-approvals-scrollbar__outer{height:150px;left:0;overflow:\"hidden\";position:\"absolute\";top:0;visibility:\"hidden\";width:200px}.neeto-ui-subheader .neeto-ui-subheader__left-wrapper .neeto-ui-subheader__left{max-width:none}td.ant-table-column-sort{background:transparent}.neeto-approvals-empty-state{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.neeto-approvals-empty-state__image{align-items:center;display:flex;justify-content:center;margin-bottom:2rem}.neeto-approvals-empty-state__title--with-action-block{margin-bottom:1rem}.neeto-approvals-empty-state__action-block{display:flex;justify-content:center}.neeto-approvals{overflow:auto;width:100%}.neeto-approvals__table-wrapper{height:calc(100vh - 205px);margin-top:3rem;width:100%}.neeto-approvals-table__column{align-items:center;display:flex;gap:.5rem}.neeto-approvals-form__header{margin-bottom:.5rem}.neeto-approvals-form__body{padding-bottom:1rem;width:100%}.neeto-approvals-form__body>*+*{margin-top:1rem}.neeto-approvals-form__footer{display:flex;gap:.5rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9iYXNlL19iYXNlLnNjc3MiLCJhcHAvamF2YXNjcmlwdC9zcmMvc3R5bGVzaGVldHMvYXBwbGljYXRpb24uc2NzcyIsImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9iYXNlL19vdmVycmlkZXMuc2NzcyIsImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9jb21wb25lbnRzL19lbXB0eS1zdGF0ZS5zY3NzIiwiYXBwL2phdmFzY3JpcHQvc3JjL3N0eWxlc2hlZXRzL3BhZ2VzL19hcHByb3ZhbHMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxrQ0FDRSx5QkFBQSxDQUNBLHVDQUFBLENBQ0EsZUFBQSxDQUNBLGVBQUEsQ0FDQSxlQUFBLENBQ0EsVUNDRixDREdFLGtDQUVFLFlBQUEsQ0FEQSxVQ0NKLENER0Usa0NBS0UsWUFBQSxDQUZBLE1BQUEsQ0FHQSxpQkFBQSxDQUxBLG1CQUFBLENBQ0EsS0FBQSxDQUtBLG1CQUFBLENBSEEsV0NFSixDQ25CSSxnRkFDRSxjRHNCTixDQ2hCQSx5QkFDRSxzQkRtQkYsQ0U3QkEsNkJBQ0Usa0JBQUEsQ0FDQSxZQUFBLENBQ0EsV0FBQSxDQUNBLHNCQUFBLENBQ0EsVUZnQ0YsQ0U5QkUsb0NBR0Usa0JBQUEsQ0FGQSxZQUFBLENBQ0Esc0JBQUEsQ0FFQSxrQkZnQ0osQ0U1QkksdURBQ0Usa0JGOEJOLENFMUJFLDJDQUNFLFlBQUEsQ0FDQSxzQkY0QkosQ0dsREEsaUJBQ0UsYUFBQSxDQUNBLFVIcURGLENHbkRFLGdDQUNFLDBCQUFBLENBRUEsZUFBQSxDQURBLFVIc0RKLENHakRJLCtCQUVFLGtCQUFBLENBREEsWUFBQSxDQUVBLFNIbUROLENHOUNJLDhCQUNFLG1CSGdETixDRzdDSSw0QkFFRSxtQkFBQSxDQURBLFVIZ0ROLENHOUNNLGdDQUNFLGVIZ0RSLENHNUNJLDhCQUNFLFlBQUEsQ0FDQSxTSDhDTiIsInNvdXJjZXNDb250ZW50IjpbIi5uZWV0by1hcHByb3ZhbHMtZHJvcGRvd25fX2J1dHRvbiB7XG4gIGJvcmRlci1yYWRpdXM6IDAgIWltcG9ydGFudDtcbiAgZm9udC13ZWlnaHQ6IHZhcigtLW5lZXRvLXVpLWZvbnQtbm9ybWFsKTtcbiAgbWluLWhlaWdodDogMzRweDtcbiAgbWluLXdpZHRoOiAxNTBweDtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi5uZWV0by1hcHByb3ZhbHMtc2Nyb2xsYmFyIHtcbiAgJl9faW5uZXIge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMjAwcHg7XG4gIH1cblxuICAmX19vdXRlciB7XG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIjtcbiAgICB0b3A6IDBweDtcbiAgICBsZWZ0OiAwcHg7XG4gICAgd2lkdGg6IDIwMHB4O1xuICAgIGhlaWdodDogMTUwcHg7XG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCI7XG4gICAgdmlzaWJpbGl0eTogXCJoaWRkZW5cIjtcbiAgfVxufVxuIiwiLm5lZXRvLWFwcHJvdmFscy1kcm9wZG93bl9fYnV0dG9uIHtcbiAgYm9yZGVyLXJhZGl1czogMCAhaW1wb3J0YW50O1xuICBmb250LXdlaWdodDogdmFyKC0tbmVldG8tdWktZm9udC1ub3JtYWwpO1xuICBtaW4taGVpZ2h0OiAzNHB4O1xuICBtaW4td2lkdGg6IDE1MHB4O1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICB3aWR0aDogMTAwJTtcbn1cblxuLm5lZXRvLWFwcHJvdmFscy1zY3JvbGxiYXJfX2lubmVyIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMjAwcHg7XG59XG4ubmVldG8tYXBwcm92YWxzLXNjcm9sbGJhcl9fb3V0ZXIge1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiO1xuICB0b3A6IDBweDtcbiAgbGVmdDogMHB4O1xuICB3aWR0aDogMjAwcHg7XG4gIGhlaWdodDogMTUwcHg7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiO1xuICB2aXNpYmlsaXR5OiBcImhpZGRlblwiO1xufVxuXG4ubmVldG8tdWktc3ViaGVhZGVyIC5uZWV0by11aS1zdWJoZWFkZXJfX2xlZnQtd3JhcHBlciAubmVldG8tdWktc3ViaGVhZGVyX19sZWZ0IHtcbiAgbWF4LXdpZHRoOiBub25lO1xufVxuXG50ZC5hbnQtdGFibGUtY29sdW1uLXNvcnQge1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbn1cblxuLm5lZXRvLWFwcHJvdmFscy1lbXB0eS1zdGF0ZSB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGhlaWdodDogMTAwJTtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHdpZHRoOiAxMDAlO1xufVxuLm5lZXRvLWFwcHJvdmFscy1lbXB0eS1zdGF0ZV9faW1hZ2Uge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgbWFyZ2luLWJvdHRvbTogMnJlbTtcbn1cbi5uZWV0by1hcHByb3ZhbHMtZW1wdHktc3RhdGVfX3RpdGxlLS13aXRoLWFjdGlvbi1ibG9jayB7XG4gIG1hcmdpbi1ib3R0b206IDFyZW07XG59XG4ubmVldG8tYXBwcm92YWxzLWVtcHR5LXN0YXRlX19hY3Rpb24tYmxvY2sge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbn1cblxuLm5lZXRvLWFwcHJvdmFscyB7XG4gIG92ZXJmbG93OiBhdXRvO1xuICB3aWR0aDogMTAwJTtcbn1cbi5uZWV0by1hcHByb3ZhbHNfX3RhYmxlLXdyYXBwZXIge1xuICBoZWlnaHQ6IGNhbGMoMTAwdmggLSAyMDVweCk7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXJnaW4tdG9wOiAzcmVtO1xufVxuLm5lZXRvLWFwcHJvdmFscy10YWJsZV9fY29sdW1uIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAwLjVyZW07XG59XG4ubmVldG8tYXBwcm92YWxzLWZvcm1fX2hlYWRlciB7XG4gIG1hcmdpbi1ib3R0b206IDAuNXJlbTtcbn1cbi5uZWV0by1hcHByb3ZhbHMtZm9ybV9fYm9keSB7XG4gIHdpZHRoOiAxMDAlO1xuICBwYWRkaW5nLWJvdHRvbTogMXJlbTtcbn1cbi5uZWV0by1hcHByb3ZhbHMtZm9ybV9fYm9keSA+ICogKyAqIHtcbiAgbWFyZ2luLXRvcDogMXJlbTtcbn1cbi5uZWV0by1hcHByb3ZhbHMtZm9ybV9fZm9vdGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAwLjVyZW07XG59IiwiLm5lZXRvLXVpLXN1YmhlYWRlciB7XG4gIC5uZWV0by11aS1zdWJoZWFkZXJfX2xlZnQtd3JhcHBlciB7XG4gICAgLm5lZXRvLXVpLXN1YmhlYWRlcl9fbGVmdCB7XG4gICAgICBtYXgtd2lkdGg6IG5vbmU7XG4gICAgfVxuICB9XG59XG5cbi8vIEFudCBEZXNpZ24gT3ZlcnJpZGVzXG50ZC5hbnQtdGFibGUtY29sdW1uLXNvcnQge1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbn1cbiIsIi5uZWV0by1hcHByb3ZhbHMtZW1wdHktc3RhdGUge1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBkaXNwbGF5OiBmbGV4O1xuICBoZWlnaHQ6IDEwMCU7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB3aWR0aDogMTAwJTtcblxuICAmX19pbWFnZSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIG1hcmdpbi1ib3R0b206IDJyZW07XG4gIH1cblxuICAmX190aXRsZSB7XG4gICAgJi0td2l0aC1hY3Rpb24tYmxvY2sge1xuICAgICAgbWFyZ2luLWJvdHRvbTogMXJlbTtcbiAgICB9XG4gIH1cblxuICAmX19hY3Rpb24tYmxvY2sge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIH1cbn1cbiIsIi5uZWV0by1hcHByb3ZhbHMge1xuICBvdmVyZmxvdzogYXV0bztcbiAgd2lkdGg6IDEwMCU7XG5cbiAgJl9fdGFibGUtd3JhcHBlciB7XG4gICAgaGVpZ2h0OiBjYWxjKDEwMHZoIC0gMjA1cHgpO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1hcmdpbi10b3A6IDNyZW07XG4gIH1cblxuICAmLXRhYmxlIHtcbiAgICAmX19jb2x1bW4ge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBnYXA6IDAuNXJlbTtcbiAgICB9XG4gIH1cblxuICAmLWZvcm0ge1xuICAgICZfX2hlYWRlciB7XG4gICAgICBtYXJnaW4tYm90dG9tOiAwLjVyZW07XG4gICAgfVxuXG4gICAgJl9fYm9keSB7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIHBhZGRpbmctYm90dG9tOiAxcmVtO1xuICAgICAgJiA+ICogKyAqIHtcbiAgICAgICAgbWFyZ2luLXRvcDogMXJlbTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmX19mb290ZXIge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGdhcDogMC41cmVtO1xuICAgIH1cbiAgfVxufVxuIl19 */";
 n(css,{});
 
 exports.Approvals = Approvals;
 exports.Form = Form;
 exports.Public = Public;
+exports.RequestDetailsPane = RequestDetailsPane;
 //# sourceMappingURL=index.cjs.js.map