@bigbinary/neeto-approvals-frontend 0.3.10 → 0.3.11

package/dist/index.cjs.js

@@ -8,24 +8,41 @@ var Container = require('@bigbinary/neeto-molecules/Container');
 var reactRouterDom = require('react-router-dom');
 var i18next = require('i18next');
 var constants = require('@bigbinary/neeto-commons-frontend/constants');
-var neetoui = require('@bigbinary/neetoui');
+var Button = require('@bigbinary/neetoui/Button');
 var ramda = require('ramda');
 var neetoCist = require('@bigbinary/neeto-cist');
 var TableWrapper = require('@bigbinary/neeto-molecules/TableWrapper');
+var Table$1 = require('@bigbinary/neetoui/Table');
+var NoData = require('@bigbinary/neetoui/NoData');
 var reactI18next = require('react-i18next');
 var reactQuery = require('react-query');
 var axios = require('axios');
+var Tag = require('@bigbinary/neetoui/Tag');
 var DateFormat = require('@bigbinary/neeto-molecules/DateFormat');
 var neetoEditor = require('@bigbinary/neeto-editor');
 var yup = require('yup');
 var utils = require('@bigbinary/neeto-commons-frontend/utils');
+var Label = require('@bigbinary/neetoui/Label');
+var Pane = require('@bigbinary/neetoui/Pane');
+var Textarea = require('@bigbinary/neetoui/Textarea');
+var Typography = require('@bigbinary/neetoui/Typography');
+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 PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
-var formik$1 = require('@bigbinary/neetoui/formik');
+var Alert = require('@bigbinary/neetoui/Alert');
+var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
+var FormikForm = require('@bigbinary/neetoui/formik/Form');
 var formik = require('formik');
 var ToggleFeatureCard = require('@bigbinary/neeto-molecules/ToggleFeatureCard');
+var Input = require('@bigbinary/neetoui/formik/Input');
+var Textarea$1 = require('@bigbinary/neetoui/formik/Textarea');
 var MoreDropdown = require('@bigbinary/neeto-molecules/MoreDropdown');
 var NeetoHeader = require('@bigbinary/neeto-molecules/Header');
+var NeetoUITab = require('@bigbinary/neetoui/Tab');
+var Select = require('@bigbinary/neetoui/Select');
+var Callout = require('@bigbinary/neetoui/Callout');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -50,14 +67,33 @@ function _interopNamespace(e) {
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
 var i18next__default = /*#__PURE__*/_interopDefaultLegacy(i18next);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
 var TableWrapper__default = /*#__PURE__*/_interopDefaultLegacy(TableWrapper);
+var Table__default = /*#__PURE__*/_interopDefaultLegacy(Table$1);
+var NoData__default = /*#__PURE__*/_interopDefaultLegacy(NoData);
 var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
+var Tag__default = /*#__PURE__*/_interopDefaultLegacy(Tag);
 var DateFormat__default = /*#__PURE__*/_interopDefaultLegacy(DateFormat);
 var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
+var Label__default = /*#__PURE__*/_interopDefaultLegacy(Label);
+var Pane__default = /*#__PURE__*/_interopDefaultLegacy(Pane);
+var Textarea__default = /*#__PURE__*/_interopDefaultLegacy(Textarea);
+var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
+var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
+var timezone__default = /*#__PURE__*/_interopDefaultLegacy(timezone);
+var utc__default = /*#__PURE__*/_interopDefaultLegacy(utc);
 var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
+var Alert__default = /*#__PURE__*/_interopDefaultLegacy(Alert);
+var ActionBlock__default = /*#__PURE__*/_interopDefaultLegacy(ActionBlock);
+var FormikForm__default = /*#__PURE__*/_interopDefaultLegacy(FormikForm);
 var ToggleFeatureCard__default = /*#__PURE__*/_interopDefaultLegacy(ToggleFeatureCard);
+var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
+var Textarea__default$1 = /*#__PURE__*/_interopDefaultLegacy(Textarea$1);
 var MoreDropdown__default = /*#__PURE__*/_interopDefaultLegacy(MoreDropdown);
 var NeetoHeader__default = /*#__PURE__*/_interopDefaultLegacy(NeetoHeader);
+var NeetoUITab__default = /*#__PURE__*/_interopDefaultLegacy(NeetoUITab);
+var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
+var Callout__default = /*#__PURE__*/_interopDefaultLegacy(Callout);
 
 function _typeof(o) {
   "@babel/helpers - typeof";
@@ -308,7 +344,7 @@ var HISTORY_TABLE_COLUMNS = [{
   render: function render(approvalLabel, _ref) {
     var requestableUrl = _ref.requestableUrl;
     var url = new URL(requestableUrl || window.location.origin);
-    return /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    return /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
       label: approvalLabel,
       style: "link",
       to: url.pathname
@@ -327,7 +363,7 @@ var HISTORY_TABLE_COLUMNS = [{
   width: "25%",
   title: i18next.t("neetoApprovals.common.status"),
   render: function render(status) {
-    return /*#__PURE__*/React__default["default"].createElement(neetoui.Tag, {
+    return /*#__PURE__*/React__default["default"].createElement(Tag__default["default"], {
       label: neetoCist.capitalize(status),
       style: STATUS_TAG_STYLE[status]
     });
@@ -357,16 +393,16 @@ var Footer = function Footer(_ref) {
     t = _useTranslation.t;
   if (!isCurrentUserApprover && !isCurrentUserRequester) return null;
   if (isCurrentUserApprover) {
-    return /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, {
+    return /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Footer, {
       className: "flex gap-x-2"
-    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
       label: t("neetoApprovals.buttons.approve"),
       loading: isLoading,
       type: "submit",
       onClick: function onClick() {
         return handleSubmit(STATUSES.approved);
       }
-    }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    }), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
       label: t("neetoApprovals.buttons.decline"),
       loading: isLoading,
       style: "text",
@@ -375,9 +411,9 @@ var Footer = function Footer(_ref) {
       }
     }));
   }
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, {
+  return /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Footer, {
     className: "flex gap-x-2"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+  }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
     label: t("neetoApprovals.buttons.cancelRequest"),
     loading: isLoading,
     type: "submit",
@@ -387,47 +423,8 @@ var Footer = function Footer(_ref) {
   }));
 };
 
-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="$isDayjsObject",S=function(t){return t instanceof _||!(!t||!t[p])},w=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},O=function(t,e){if(S(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},b=v;b.l=w,b.i=S,b.w=function(t,e){return O(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=w(t.locale,null,!0),this.parse(t),this.$x=this.$x||t.x||{},this[p]=!0;}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(b.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.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 b},m.isValid=function(){return !(this.$d.toString()===l)},m.isSame=function(t,e){var n=O(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return O(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<O(t)},m.$g=function(t,e,n){return b.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=!!b.u(e)||e,f=b.p(t),l=function(t,e){var i=b.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 b.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=b.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[b.p(t)]()},m.add=function(r,f){var d,l=this;r=Number(r);var $=b.p(f),y=function(t){var e=O(l);return b.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 b.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=b.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 b.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 b.s(e.$y,4,"0");case"M":return a+1;case"MM":return b.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 b.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 b.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 b.s(u,2,"0");case"s":return String(e.$s);case"ss":return b.s(e.$s,2,"0");case"SSS":return b.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=b.p(d),m=O(r),v=(m.utcOffset()-this.utcOffset())*e,g=this-m,D=function(){return b.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?$:b.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=w(t,e,!0);return r&&(n.$L=r),n},m.clone=function(){return b.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}(),k=_.prototype;return O.prototype=k,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",c],["$y",h],["$D",d]].forEach((function(t){k[t[1]]=function(e){return this.$g(e,t[0],t[1])};})),O.extend=function(t,e){return t.$i||(t(e,_,O),t.$i=!0),O},O.locale=w,O.isDayjs=S,O.unix=function(t){return O(1e3*t)},O.en=D[g],O.Ls=D,O.p={},O})); 
-} (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,h=r[0]+"-"+r[1]+"-"+r[2]+" "+l+":"+r[4]+":"+r[5]+":000",v=+e;return (o.utc(h).valueOf()-(v-=v%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,{locale:this.$L}).$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"),{locale:this.$L});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);
+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;
@@ -441,8 +438,8 @@ var updateApprovalDetails = function updateApprovalDetails(_ref) {
 };
 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();
+  ((_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 {
@@ -516,41 +513,41 @@ var RequestDetailsPane = function RequestDetailsPane(_ref) {
       onSuccess: handleOnClose
     });
   };
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, {
+  return /*#__PURE__*/React__default["default"].createElement(Pane__default["default"], {
     isOpen: isOpen,
     size: "large",
     onClose: handleOnClose
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, {
+  }, /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Header, {
     className: "space-y-2"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
     style: "h2"
-  }, title), /*#__PURE__*/React__default["default"].createElement(neetoui.Tag, {
+  }, title), /*#__PURE__*/React__default["default"].createElement(Tag__default["default"], {
     label: neetoCist.capitalize(status),
     style: STATUS_TAG_STYLE[status]
-  })), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, {
+  })), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].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-3 p-2"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
+  }, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], {
     className: "font-normal"
-  }, getStatusLabel()), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  }, getStatusLabel()), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
     style: "body2",
     weight: "medium"
   }, requesterOrApproverDetails)), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex space-x-3 p-2"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
+  }, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], {
     className: "font-normal"
-  }, t("neetoApprovals.common.created")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  }, t("neetoApprovals.common.created")), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
     style: "body2",
     weight: "medium"
   }, utils.dateFormat.defaultWithTime(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, {
+  }, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], null, t("neetoApprovals.inputs.labels.message")), /*#__PURE__*/React__default["default"].createElement(MemoizedEditorContent$1, {
     className: "neeto-ui-bg-gray-100 p-4",
     content: message
-  })), isPending && isCurrentUserApprover && /*#__PURE__*/React__default["default"].createElement(neetoui.Textarea, {
+  })), isPending && isCurrentUserApprover && /*#__PURE__*/React__default["default"].createElement(Textarea__default["default"], {
     className: "w-full",
     disabled: !isPending,
     label: t("neetoApprovals.common.note"),
@@ -561,7 +558,7 @@ var RequestDetailsPane = function RequestDetailsPane(_ref) {
     onChange: utils.withEventTargetValue(setNote)
   }), !isPending && note && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full space-y-2"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, null, t("neetoApprovals.common.note")), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], null, t("neetoApprovals.common.note")), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-ui-bg-gray-100 p-4"
   }, note))), isPending && /*#__PURE__*/React__default["default"].createElement(Footer, {
     handleSubmit: handleSubmit,
@@ -624,7 +621,7 @@ var History = function History(_ref) {
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, !ramda.isEmpty(approvalHistories) ? /*#__PURE__*/React__default["default"].createElement(TableWrapper__default["default"], {
     className: "mt-6",
     hasPagination: totalCount > pageProperties.pageSize
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Table, {
+  }, /*#__PURE__*/React__default["default"].createElement(Table__default["default"], {
     allowRowClick: true,
     fixedHeight: true,
     columnData: HISTORY_TABLE_COLUMNS,
@@ -642,7 +639,7 @@ var History = function History(_ref) {
     }
   })) : /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex h-full w-full flex-grow items-center justify-center"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.NoData, {
+  }, /*#__PURE__*/React__default["default"].createElement(NoData__default["default"], {
     title: t("neetoApprovals.common.notFound_", {
       what: (_t = t("neetoApprovals.common.record", constants.PLURAL)) === null || _t === void 0 ? void 0 : _t.toLocaleLowerCase()
     })
@@ -706,7 +703,7 @@ var PendingRequests = function PendingRequests(_ref) {
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, !ramda.isEmpty(pendingRequests) ? /*#__PURE__*/React__default["default"].createElement(TableWrapper__default["default"], {
     className: "mt-6",
     hasPagination: totalCount > pageProperties.pageSize
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Table, {
+  }, /*#__PURE__*/React__default["default"].createElement(Table__default["default"], {
     allowRowClick: true,
     fixedHeight: true,
     columnData: PENDING_TABLE_COLUMNS,
@@ -724,7 +721,7 @@ var PendingRequests = function PendingRequests(_ref) {
     }
   })) : /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex h-full w-full flex-grow items-center justify-center"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.NoData, {
+  }, /*#__PURE__*/React__default["default"].createElement(NoData__default["default"], {
     title: t("neetoApprovals.common.notFound_", {
       what: (_t = t("neetoApprovals.common.pendingApproval", constants.PLURAL)) === null || _t === void 0 ? void 0 : _t.toLocaleLowerCase()
     })
@@ -921,7 +918,7 @@ var TemplateForm = function TemplateForm(_ref) {
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex w-full flex-col space-y-6"
-  }, /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
+  }, /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
     autoFocus: true,
     required: true,
     label: t("neetoApprovals.common.name"),
@@ -937,7 +934,7 @@ var TemplateForm = function TemplateForm(_ref) {
         disabledSwitchText: t("neetoApprovals.templates.descriptionToggle.disable")
       }
     }
-  }, values.descriptionEnabled && /*#__PURE__*/React__default["default"].createElement(formik$1.Textarea, {
+  }, values.descriptionEnabled && /*#__PURE__*/React__default["default"].createElement(Textarea__default$1["default"], {
     className: "w-full",
     name: "description",
     placeholder: t("neetoApprovals.inputs.placeholders.description")
@@ -965,36 +962,33 @@ var Form$2 = function Form(_ref) {
   }) : t("neetoApprovals.common.edit_", {
     what: t("neetoApprovals.common.template", constants.SINGULAR)
   });
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, {
+  return /*#__PURE__*/React__default["default"].createElement(Pane__default["default"], {
     isOpen: isOpen,
     onClose: onClose,
     initialFocusRef: inputReference,
     size: "large"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  }, /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Header, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
     style: "h2"
-  }, header)), /*#__PURE__*/React__default["default"].createElement(formik$1.Form, {
+  }, header)), /*#__PURE__*/React__default["default"].createElement(FormikForm__default["default"], {
     formikProps: {
       enableReinitialize: true,
       initialValues: neetoCist.isPresent(initialData) ? initialData : TEMPLATE_FORM_INITIAL_VALUES,
       validationSchema: TEMPLATE_FORM_VALIDATION_SCHEMA,
       onSubmit: onSubmit
     }
-  }, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement(TemplateForm, {
+  }, /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Body, null, /*#__PURE__*/React__default["default"].createElement(TemplateForm, {
     initialData: initialData,
     placeholders: placeholders
-  })), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, {
-    className: "flex gap-x-2"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    "data-cy": "neeto-approvals-templates-save-template-btn",
-    label: t("neetoApprovals.buttons.saveChanges"),
-    loading: isLoading,
-    type: "submit"
-  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    "data-cy": "neeto-approvals-templates-close-template-form-btn",
-    label: t("neetoApprovals.buttons.cancel"),
-    style: "text",
-    onClick: onClose
-  })))));
+  })), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Footer, null, /*#__PURE__*/React__default["default"].createElement(ActionBlock__default["default"], {
+    isSubmitting: isLoading,
+    cancelButtonProps: {
+      "data-cy": "neeto-approvals-templates-close-template-form-btn",
+      onClick: onClose
+    },
+    submitButtonProps: {
+      "data-cy": "neeto-approvals-templates-save-template-btn"
+    }
+  }))));
 };
 
 var Create = function Create(_ref) {
@@ -1069,9 +1063,9 @@ var Field = function Field(_ref) {
     value = _ref.value;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex flex-col items-start justify-center"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
+  }, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], {
     className: "mb-1 font-normal"
-  }, label), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  }, label), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
     style: "body1",
     weight: "medium"
   }, value));
@@ -1088,14 +1082,14 @@ var TemplateDetails = function TemplateDetails(_ref) {
   var name = template.name,
     description = template.description,
     message = template.message;
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, {
+  return /*#__PURE__*/React__default["default"].createElement(Pane__default["default"], {
     isOpen: isOpen,
     onClose: onClose
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, {
+  }, /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Header, {
     className: "space-y-2"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
     style: "h2"
-  }, t("neetoApprovals.common.templateDetails"))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, {
+  }, t("neetoApprovals.common.templateDetails"))), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Body, {
     className: "space-y-6"
   }, /*#__PURE__*/React__default["default"].createElement(Field$1, {
     label: t("neetoApprovals.common.name"),
@@ -1105,7 +1099,7 @@ var TemplateDetails = function TemplateDetails(_ref) {
     value: description
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex w-full flex-col space-y-4"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
+  }, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], {
     className: "mb-1 font-normal"
   }, t("neetoApprovals.inputs.labels.message")), /*#__PURE__*/React__default["default"].createElement(MemoizedEditorContent, {
     className: "neeto-ui-bg-gray-100 neeto-ui-rounded-lg p-3",
@@ -1179,7 +1173,7 @@ var Table = function Table(_ref) {
   if (ramda.isEmpty(rowData)) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "flex h-full w-full flex-grow items-center justify-center"
-    }, /*#__PURE__*/React__default["default"].createElement(neetoui.NoData, _extends({
+    }, /*#__PURE__*/React__default["default"].createElement(NoData__default["default"], _extends({
       title: t("neetoApprovals.common.notFound_", {
         what: entity
       })
@@ -1188,7 +1182,7 @@ var Table = function Table(_ref) {
   return /*#__PURE__*/React__default["default"].createElement(TableWrapper__default["default"], {
     className: "mt-6",
     hasPagination: totalCount > pageProperties.pageSize
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Table, _extends({
+  }, /*#__PURE__*/React__default["default"].createElement(Table__default["default"], _extends({
     fixedHeight: true,
     columnData: columns,
     currentPageNumber: pageProperties.page,
@@ -1219,7 +1213,7 @@ var columnData = function columnData(_ref) {
     render: function render(_, template) {
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "flex items-center justify-between gap-x-3"
-      }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+      }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
         className: "truncate",
         style: "body2"
       }, template.name), /*#__PURE__*/React__default["default"].createElement(MoreDropdown__default["default"], {
@@ -1365,7 +1359,7 @@ var Templates = function Templates(_ref) {
     onClose: function onClose() {
       return setIsEditPaneOpen(false);
     }
-  })), /*#__PURE__*/React__default["default"].createElement(neetoui.Alert, {
+  })), /*#__PURE__*/React__default["default"].createElement(Alert__default["default"], {
     isOpen: isDeleteAlertOpen,
     isSubmitting: isDeleting,
     submitButtonLabel: t("neetoApprovals.buttons.delete"),
@@ -1412,7 +1406,7 @@ var createRoutes = function createRoutes(_ref) {
     path: "".concat(config.approvalsPath).concat(routes.templates.index),
     actionBlock: function actionBlock() {
       var _t;
-      return /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+      return /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
         "data-cy": "neeto-approvals-templates-add-new-button",
         label: i18next.t("neetoApprovals.common.addNew_", {
           what: (_t = i18next.t("neetoApprovals.common.template", constants.SINGULAR)) === null || _t === void 0 ? void 0 : _t.toLocaleLowerCase()
@@ -1499,8 +1493,8 @@ var Tab = function Tab(_ref) {
     _useFetchViews$data2 = _useFetchViews$data === void 0 ? {} : _useFetchViews$data,
     _useFetchViews$data2$ = _useFetchViews$data2.views,
     views = _useFetchViews$data2$ === void 0 ? {} : _useFetchViews$data2$;
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Tab, null, approvalFilterKeys.map(function (filter) {
-    return /*#__PURE__*/React__default["default"].createElement(neetoui.Tab.Item, {
+  return /*#__PURE__*/React__default["default"].createElement(NeetoUITab__default["default"], null, approvalFilterKeys.map(function (filter) {
+    return /*#__PURE__*/React__default["default"].createElement(NeetoUITab__default["default"].Item, {
       active: isActive(filter),
       count: views[filter === null || filter === void 0 ? void 0 : filter.toLocaleLowerCase()],
       key: filter,
@@ -1658,7 +1652,7 @@ var Form$1 = function Form(_ref) {
   }, [template]);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full space-y-6"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Select, {
+  }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
     label: t("neetoApprovals.select.approval"),
     options: templateOptions,
     onChange: function onChange(selectedTemplate) {
@@ -1666,7 +1660,7 @@ var Form$1 = function Form(_ref) {
     }
   }), (selectedTemplateData === null || selectedTemplateData === void 0 ? void 0 : selectedTemplateData.message) && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex space-x-6"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Select, {
+  }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
     required: true,
     label: t("neetoApprovals.inputs.labels.approver"),
     name: "approver",
@@ -1712,38 +1706,29 @@ var Form = function Form(_ref) {
       approverId: values.approver.value
     }, selectedTemplateData, onClose);
   };
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, {
+  return /*#__PURE__*/React__default["default"].createElement(Pane__default["default"], {
     isOpen: isOpen,
     onClose: onClose
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  }, /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Header, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
     style: "h2"
   }, t("neetoApprovals.common.add_", {
     what: t("neetoApprovals.common.approval", constants.SINGULAR)
-  }))), /*#__PURE__*/React__default["default"].createElement(formik$1.Form, {
+  }))), /*#__PURE__*/React__default["default"].createElement(FormikForm__default["default"], {
     formikProps: {
       onSubmit: handleSubmit,
       initialValues: APPROVAL_REQUEST_FORM_INITIAL_VALUES,
       validationSchema: REQUEST_FORM_VALIDATION_SCHEMA
     }
-  }, function (_ref2) {
-    var dirty = _ref2.dirty;
-    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement(Form$1, {
-      requestableId: requestableId,
-      selectedTemplateData: selectedTemplateData,
-      setSelectedTemplateData: setSelectedTemplateData
-    })), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, {
-      className: "flex gap-x-2"
-    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-      disabled: !dirty,
-      label: t("neetoApprovals.buttons.saveChanges"),
-      loading: isLoading,
-      type: "submit"
-    }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-      label: t("neetoApprovals.buttons.cancel"),
-      style: "text",
+  }, /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Body, null, /*#__PURE__*/React__default["default"].createElement(Form$1, {
+    requestableId: requestableId,
+    selectedTemplateData: selectedTemplateData,
+    setSelectedTemplateData: setSelectedTemplateData
+  })), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Footer, null, /*#__PURE__*/React__default["default"].createElement(ActionBlock__default["default"], {
+    cancelButtonProps: {
       onClick: onClose
-    })));
-  }));
+    },
+    isSubmitting: isLoading
+  }))));
 };
 
 var show = function show(id) {
@@ -1834,11 +1819,11 @@ var Public = function Public() {
     className: "neeto-ui-shadow-s w-2/5 rounded border p-6"
   }, approvalRequest ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex w-full flex-col space-y-6"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
     style: "h2"
   }, approvalRequest.title), /*#__PURE__*/React__default["default"].createElement(neetoEditor.EditorContent, {
     content: approvalRequest.message
-  }), !hideTextArea && /*#__PURE__*/React__default["default"].createElement(neetoui.Textarea, {
+  }), !hideTextArea && /*#__PURE__*/React__default["default"].createElement(Textarea__default["default"], {
     label: t("neetoApprovals.common.note"),
     placeholder: t("neetoApprovals.inputs.placeholders.add_", {
       what: (_t = t("neetoApprovals.common.note")) === null || _t === void 0 ? void 0 : _t.toLocaleLowerCase()
@@ -1848,7 +1833,7 @@ var Public = function Public() {
     onChange: utils.withEventTargetValue(setNote)
   }), approvalRequest.status === STATUSES.pending ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: "mx-auto mt-8 flex space-x-6"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+  }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
     label: t("neetoApprovals.buttons.approve"),
     onClick: function onClick() {
       return acceptPendingRequest({
@@ -1857,7 +1842,7 @@ var Public = function Public() {
       });
     },
     loading: isAccepting
-  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+  }), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
     label: t("neetoApprovals.buttons.decline"),
     onClick: function onClick() {
       return declinePendingRequest({
@@ -1867,16 +1852,16 @@ var Public = function Public() {
     },
     style: "secondary",
     loading: isDeclining
-  })) : /*#__PURE__*/React__default["default"].createElement(neetoui.Callout, {
+  })) : /*#__PURE__*/React__default["default"].createElement(Callout__default["default"], {
     style: calloutStyle
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
     style: "body1"
   }, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
     i18nKey: "neetoApprovals.typography.approvalRequest",
     values: {
       status: approvalRequest.status
     }
-  })))) : /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  })))) : /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
     style: "h4",
     className: "text-center"
   }, t("neetoApprovals.common.notFound")))));