@bigbinary/neeto-approvals-frontend 1.2.2 → 1.2.6

package/dist/cjs/Approvals.js

@@ -15,15 +15,15 @@ var Table$1 = require('@bigbinary/neetoui/Table');
 var NoData = require('@bigbinary/neetoui/NoData');
 var ramda = require('ramda');
 var reactI18next = require('react-i18next');
-var RequestDetailsPane = require('../index-acf464ee.js');
+var RequestDetailsPane = require('../index-CyIbhCCH.js');
 var DateFormat = require('@bigbinary/neeto-molecules/DateFormat');
 var Tag = require('@bigbinary/neetoui/Tag');
-var constants$1 = require('../constants-3f7973fa.js');
+var constants$1 = require('../constants-CqvZ5vQ3.js');
 var jsxRuntime = require('react/jsx-runtime');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
 var Alert = require('@bigbinary/neetoui/Alert');
-var useTemplatesApi = require('../useTemplatesApi-d609506a.js');
+var useTemplatesApi = require('../useTemplatesApi-Bvvgsvjg.js');
 var Pane = require('@bigbinary/neetoui/Pane');
 var Typography = require('@bigbinary/neetoui/Typography');
 var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
@@ -45,14 +45,11 @@ var axios = require('axios');
 require('@bigbinary/neeto-commons-frontend/utils');
 require('@bigbinary/neetoui/Textarea');
 require('dayjs');
-require('dayjs/plugin/timezone');
+require('@bigbinary/neeto-commons-frontend/utils/timezonePlugin');
 require('dayjs/plugin/utc');
 require('@bigbinary/neeto-commons-frontend/initializers');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
+function _interopNamespaceDefault(e) {
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -65,38 +62,11 @@ function _interopNamespace(e) {
       }
     });
   }
-  n["default"] = e;
+  n.default = e;
   return Object.freeze(n);
 }
 
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-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 DateFormat__default = /*#__PURE__*/_interopDefaultLegacy(DateFormat);
-var Tag__default = /*#__PURE__*/_interopDefaultLegacy(Tag);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
-var Alert__default = /*#__PURE__*/_interopDefaultLegacy(Alert);
-var Pane__default = /*#__PURE__*/_interopDefaultLegacy(Pane);
-var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
-var ActionBlock__default = /*#__PURE__*/_interopDefaultLegacy(ActionBlock);
-var FormikForm__default = /*#__PURE__*/_interopDefaultLegacy(FormikForm);
-var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
-var ToggleFeatureCard__default = /*#__PURE__*/_interopDefaultLegacy(ToggleFeatureCard);
-var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
-var Textarea__default = /*#__PURE__*/_interopDefaultLegacy(Textarea);
-var FormikEditor__default = /*#__PURE__*/_interopDefaultLegacy(FormikEditor);
-var EditorContent__default = /*#__PURE__*/_interopDefaultLegacy(EditorContent);
-var Label__default = /*#__PURE__*/_interopDefaultLegacy(Label);
-var MoreDropdown__default = /*#__PURE__*/_interopDefaultLegacy(MoreDropdown);
-var NeetoHeader__default = /*#__PURE__*/_interopDefaultLegacy(NeetoHeader);
-var NeetoUITab__default = /*#__PURE__*/_interopDefaultLegacy(NeetoUITab);
-var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
+var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
 
 var routes = {
   home: "/",
@@ -122,7 +92,7 @@ var usePaginate = function usePaginate() {
       page: constants.DEFAULT_PAGE_INDEX,
       pageSize: constants.DEFAULT_PAGE_SIZE
     }),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     pageProperties = _useState2[0],
     setPageProperties = _useState2[1];
   var resetPageProperties = function resetPageProperties() {
@@ -153,7 +123,7 @@ var HISTORY_TABLE_COLUMNS = [{
   render: function render(approvalLabel, _ref) {
     var requestableUrl = _ref.requestableUrl;
     var url = new URL(requestableUrl || window.location.origin);
-    return /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+    return /*#__PURE__*/jsxRuntime.jsx(Button, {
       label: approvalLabel,
       style: "link",
       to: url.pathname
@@ -172,7 +142,7 @@ var HISTORY_TABLE_COLUMNS = [{
   width: 200,
   title: i18next.t("neetoApprovals.common.status"),
   render: function render(status) {
-    return /*#__PURE__*/jsxRuntime.jsx(Tag__default["default"], {
+    return /*#__PURE__*/jsxRuntime.jsx(Tag, {
       label: neetoCist.capitalize(status),
       style: constants$1.STATUS_TAG_STYLE[status]
     });
@@ -184,7 +154,7 @@ var HISTORY_TABLE_COLUMNS = [{
   width: 200,
   title: i18next.t("neetoApprovals.common.created"),
   render: function render(createdAt) {
-    return /*#__PURE__*/jsxRuntime.jsx(DateFormat__default["default"].FromNow, {
+    return /*#__PURE__*/jsxRuntime.jsx(DateFormat.FromNow, {
       date: createdAt,
       typographyProps: {
         style: "body2"
@@ -194,12 +164,12 @@ var HISTORY_TABLE_COLUMNS = [{
 }];
 
 function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var History = function History(_ref) {
   var helpDocUrl = _ref.helpDocUrl,
     requestUrl = _ref.requestUrl;
   var _useState = react.useState(constants$1.DEFAULT_FILTER_VALUES),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     filters = _useState2[0],
     setFilters = _useState2[1];
   var debouncedSearchTerm = reactUtils.useDebounce(filters.searchTerm, constants$1.SEARCH_DELAY);
@@ -207,7 +177,7 @@ var History = function History(_ref) {
     pageProperties = _usePaginate.pageProperties,
     handlePageChange = _usePaginate.handlePageChange;
   var _useState3 = react.useState({}),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     approvalDetails = _useState4[0],
     setApprovalDetails = _useState4[1];
   var _useTranslation = reactI18next.useTranslation(),
@@ -242,10 +212,10 @@ var History = function History(_ref) {
     }));
   };
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [!ramda.isEmpty(approvalHistories) ? /*#__PURE__*/jsxRuntime.jsx(TableWrapper__default["default"], {
+    children: [!ramda.isEmpty(approvalHistories) ? /*#__PURE__*/jsxRuntime.jsx(TableWrapper, {
       className: "mt-6",
       hasPagination: totalCount > pageProperties.pageSize,
-      children: /*#__PURE__*/jsxRuntime.jsx(Table__default["default"], {
+      children: /*#__PURE__*/jsxRuntime.jsx(Table$1, {
         handlePageChange: handlePageChange,
         totalCount: totalCount,
         allowRowClick: true,
@@ -264,7 +234,7 @@ var History = function History(_ref) {
       })
     }) : /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "flex h-full w-full flex-grow items-center justify-center",
-      children: /*#__PURE__*/jsxRuntime.jsx(NoData__default["default"], {
+      children: /*#__PURE__*/jsxRuntime.jsx(NoData, {
         helpText: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
           i18nKey: "neetoApprovals.common.noDataHelpTextLearnMore",
           style: "link",
@@ -272,7 +242,7 @@ var History = function History(_ref) {
             entity: t("neetoApprovals.common.history")
           },
           components: {
-            a: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+            a: /*#__PURE__*/jsxRuntime.jsx(Button, {
               style: "link",
               target: "_blank",
               to: {
@@ -300,16 +270,16 @@ var PENDING_TABLE_COLUMNS = neetoCist.removeBy({
 }, HISTORY_TABLE_COLUMNS);
 
 function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PendingRequests = function PendingRequests(_ref) {
   var helpDocUrl = _ref.helpDocUrl,
     requestUrl = _ref.requestUrl;
   var _useState = react.useState(constants$1.DEFAULT_FILTER_VALUES),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     filters = _useState2[0],
     setFilters = _useState2[1];
   var _useState3 = react.useState({}),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     approvalDetails = _useState4[0],
     setApprovalDetails = _useState4[1];
   var debouncedSearchTerm = reactUtils.useDebounce(filters.searchTerm, constants$1.SEARCH_DELAY);
@@ -342,10 +312,10 @@ var PendingRequests = function PendingRequests(_ref) {
     }));
   };
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [!ramda.isEmpty(pendingRequests) ? /*#__PURE__*/jsxRuntime.jsx(TableWrapper__default["default"], {
+    children: [!ramda.isEmpty(pendingRequests) ? /*#__PURE__*/jsxRuntime.jsx(TableWrapper, {
       className: "mt-6",
       hasPagination: totalCount > pageProperties.pageSize,
-      children: /*#__PURE__*/jsxRuntime.jsx(Table__default["default"], {
+      children: /*#__PURE__*/jsxRuntime.jsx(Table$1, {
         handlePageChange: handlePageChange,
         totalCount: totalCount,
         allowRowClick: true,
@@ -364,12 +334,12 @@ var PendingRequests = function PendingRequests(_ref) {
       })
     }) : /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "flex h-full w-full flex-grow items-center justify-center",
-      children: /*#__PURE__*/jsxRuntime.jsx(NoData__default["default"], {
+      children: /*#__PURE__*/jsxRuntime.jsx(NoData, {
         helpText: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
           i18nKey: "neetoApprovals.common.noDataHelpTextLearnMore",
           style: "link",
           components: {
-            a: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+            a: /*#__PURE__*/jsxRuntime.jsx(Button, {
               style: "link",
               target: "_blank",
               to: {
@@ -418,7 +388,7 @@ var MessageEditor = reactUtils.withT(function (_ref) {
     placeholders = _ref$placeholders === void 0 ? [] : _ref$placeholders,
     _ref$initialValue = _ref.initialValue,
     initialValue = _ref$initialValue === void 0 ? "" : _ref$initialValue;
-  return /*#__PURE__*/jsxRuntime.jsx(FormikEditor__default["default"], {
+  return /*#__PURE__*/jsxRuntime.jsx(FormikEditor, {
     initialValue: initialValue,
     required: true,
     label: t("neetoApprovals.inputs.labels.message"),
@@ -448,13 +418,13 @@ var TemplateForm = function TemplateForm(_ref) {
   };
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "flex w-full flex-col space-y-6",
-    children: [/*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Input, {
       autoFocus: true,
       required: true,
       label: t("neetoApprovals.common.name"),
       name: "name",
       placeholder: t("neetoApprovals.inputs.placeholders.name")
-    }), /*#__PURE__*/jsxRuntime.jsx(ToggleFeatureCard__default["default"], {
+    }), /*#__PURE__*/jsxRuntime.jsx(ToggleFeatureCard, {
       switchName: "descriptionEnabled",
       title: t("neetoApprovals.inputs.labels.description"),
       switchProps: {
@@ -464,7 +434,7 @@ var TemplateForm = function TemplateForm(_ref) {
           disabledSwitchText: t("neetoApprovals.templates.descriptionToggle.disable")
         }
       },
-      children: values.descriptionEnabled && /*#__PURE__*/jsxRuntime.jsx(Textarea__default["default"], {
+      children: values.descriptionEnabled && /*#__PURE__*/jsxRuntime.jsx(Textarea, {
         className: "w-full",
         name: "description",
         placeholder: t("neetoApprovals.inputs.placeholders.description")
@@ -494,30 +464,30 @@ var Form = function Form(_ref) {
   }) : t("neetoApprovals.common.edit_", {
     what: t("neetoApprovals.common.template", constants.SINGULAR)
   });
-  return /*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"], {
+  return /*#__PURE__*/jsxRuntime.jsxs(Pane, {
     isOpen: isOpen,
     onClose: onClose,
     initialFocusRef: inputReference,
     size: "large",
-    children: [/*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Header, {
-      children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Header, {
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
         style: "h2",
         children: header
       })
-    }), /*#__PURE__*/jsxRuntime.jsxs(FormikForm__default["default"], {
+    }), /*#__PURE__*/jsxRuntime.jsxs(FormikForm, {
       formikProps: {
         enableReinitialize: true,
         initialValues: neetoCist.isPresent(initialData) ? initialData : TEMPLATE_FORM_INITIAL_VALUES,
         validationSchema: TEMPLATE_FORM_VALIDATION_SCHEMA,
         onSubmit: onSubmit
       },
-      children: [/*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Body, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Body, {
         children: /*#__PURE__*/jsxRuntime.jsx(TemplateForm, {
           initialData: initialData,
           placeholders: placeholders
         })
-      }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Footer, {
-        children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default["default"], {
+      }), /*#__PURE__*/jsxRuntime.jsx(Pane.Footer, {
+        children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock, {
           isSubmitting: isLoading,
           cancelButtonProps: {
             "data-cy": "neeto-approvals-templates-close-template-form-btn",
@@ -561,7 +531,7 @@ var Create = function Create(_ref) {
 };
 
 function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Edit = function Edit(_ref) {
   var templateUrl = _ref.templateUrl,
     template = _ref.template,
@@ -604,10 +574,10 @@ var Field = function Field(_ref) {
     value = _ref.value;
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "flex flex-col items-start justify-center",
-    children: [/*#__PURE__*/jsxRuntime.jsx(Label__default["default"], {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Label, {
       className: "mb-1 font-normal",
       children: label
-    }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+    }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
       style: "body1",
       weight: "medium",
       children: value
@@ -616,7 +586,7 @@ var Field = function Field(_ref) {
 };
 var Field$1 = /*#__PURE__*/react.memo(Field);
 
-var MemoizedEditorContent = /*#__PURE__*/react.memo(EditorContent__default["default"]);
+var MemoizedEditorContent = /*#__PURE__*/react.memo(EditorContent);
 var TemplateDetails = function TemplateDetails(_ref) {
   var isOpen = _ref.isOpen,
     onClose = _ref.onClose,
@@ -626,16 +596,16 @@ var TemplateDetails = function TemplateDetails(_ref) {
   var name = template.name,
     description = template.description,
     message = template.message;
-  return /*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"], {
+  return /*#__PURE__*/jsxRuntime.jsxs(Pane, {
     isOpen: isOpen,
     onClose: onClose,
-    children: [/*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Header, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Header, {
       className: "space-y-2",
-      children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
         style: "h2",
         children: t("neetoApprovals.common.templateDetails")
       })
-    }), /*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"].Body, {
+    }), /*#__PURE__*/jsxRuntime.jsxs(Pane.Body, {
       className: "space-y-6",
       children: [/*#__PURE__*/jsxRuntime.jsx(Field$1, {
         label: t("neetoApprovals.common.name"),
@@ -645,7 +615,7 @@ var TemplateDetails = function TemplateDetails(_ref) {
         value: description
       }), /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex w-full flex-col space-y-4",
-        children: [/*#__PURE__*/jsxRuntime.jsx(Label__default["default"], {
+        children: [/*#__PURE__*/jsxRuntime.jsx(Label, {
           className: "mb-1 font-normal",
           children: t("neetoApprovals.inputs.labels.message")
         }), /*#__PURE__*/jsxRuntime.jsx(MemoizedEditorContent, {
@@ -667,7 +637,7 @@ var renderNoDataHelpText = function renderNoDataHelpText(_ref) {
       entity: entity.toLocaleLowerCase()
     },
     components: {
-      a: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+      a: /*#__PURE__*/jsxRuntime.jsx(Button, {
         style: "link",
         target: "_blank",
         to: {
@@ -680,7 +650,7 @@ var renderNoDataHelpText = function renderNoDataHelpText(_ref) {
 
 var _excluded$1 = ["entity", "columnData", "rowData", "totalCount", "filters", "setFilters", "setIsPaneOpen", "helpDocUrl", "onEditClick", "onDeleteClick", "pageProperties"];
 function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Table = function Table(_ref) {
   var entity = _ref.entity,
     columnData = _ref.columnData,
@@ -693,7 +663,7 @@ var Table = function Table(_ref) {
     onEditClick = _ref.onEditClick,
     onDeleteClick = _ref.onDeleteClick,
     pageProperties = _ref.pageProperties,
-    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$1);
+    otherProps = _objectWithoutProperties(_ref, _excluded$1);
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var columns = columnData({
@@ -723,17 +693,17 @@ var Table = function Table(_ref) {
   if (ramda.isEmpty(rowData)) {
     return /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "flex h-full w-full flex-grow items-center justify-center",
-      children: /*#__PURE__*/jsxRuntime.jsx(NoData__default["default"], _objectSpread$4({
+      children: /*#__PURE__*/jsxRuntime.jsx(NoData, _objectSpread$4({
         title: t("neetoApprovals.common.notFound_", {
           what: entity
         })
       }, !filters.searchTerm && noDataProps))
     });
   }
-  return /*#__PURE__*/jsxRuntime.jsx(TableWrapper__default["default"], {
+  return /*#__PURE__*/jsxRuntime.jsx(TableWrapper, {
     className: "mt-6",
     hasPagination: totalCount > pageProperties.pageSize,
-    children: /*#__PURE__*/jsxRuntime.jsx(Table__default["default"], _objectSpread$4({
+    children: /*#__PURE__*/jsxRuntime.jsx(Table$1, _objectSpread$4({
       fixedHeight: true,
       columnData: columns,
       currentPageNumber: pageProperties.page,
@@ -760,31 +730,31 @@ var columnData = function columnData(_ref) {
     dataIndex: "name",
     key: "name",
     sorter: true,
-    title: i18next__default["default"].t("neetoApprovals.common.name"),
+    title: i18next.t("neetoApprovals.common.name"),
     ellipsis: true,
     render: function render(_, template) {
       return /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex items-center justify-between gap-x-3",
-        children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
           className: "truncate",
           style: "body2",
           children: template.name
-        }), /*#__PURE__*/jsxRuntime.jsx(MoreDropdown__default["default"], {
+        }), /*#__PURE__*/jsxRuntime.jsx(MoreDropdown, {
           dropdownProps: {
             strategy: "fixed",
             onClick: function onClick(e) {
               return e.stopPropagation();
             }
           },
-          menuItems: [_defineProperty__default["default"]({
+          menuItems: [_defineProperty({
             key: "edit",
-            label: i18next__default["default"].t("neetoApprovals.common.edit"),
+            label: i18next.t("neetoApprovals.common.edit"),
             onClick: function onClick(event) {
               return onEditClick(event, template);
             }
-          }, constants$1.DATA_CY_KEY, "neeto-approvals-templates-edit-template-btn"), _defineProperty__default["default"]({
+          }, constants$1.DATA_CY_KEY, "neeto-approvals-templates-edit-template-btn"), _defineProperty({
             key: "delete",
-            label: i18next__default["default"].t("neetoApprovals.common.delete"),
+            label: i18next.t("neetoApprovals.common.delete"),
             onClick: function onClick(event) {
               return onDeleteClick(event, template);
             }
@@ -795,37 +765,37 @@ var columnData = function columnData(_ref) {
   }, {
     dataIndex: "description",
     key: "description",
-    title: i18next__default["default"].t("neetoApprovals.inputs.labels.description")
+    title: i18next.t("neetoApprovals.inputs.labels.description")
   }];
 };
 
 var _excluded = ["searchTerm", "isNewTemplatePaneOpen", "setIsNewTemplatePaneOpen", "helpDocUrl"];
 function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Templates = function Templates(_ref) {
   var searchTerm = _ref.searchTerm,
     isNewTemplatePaneOpen = _ref.isNewTemplatePaneOpen,
     setIsNewTemplatePaneOpen = _ref.setIsNewTemplatePaneOpen,
     helpDocUrl = _ref.helpDocUrl,
-    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+    otherProps = _objectWithoutProperties(_ref, _excluded);
   var _useState = react.useState(constants$1.DEFAULT_FILTER_VALUES),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     filters = _useState2[0],
     setFilters = _useState2[1];
   var _useState3 = react.useState({}),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     selectedTemplate = _useState4[0],
     setSelectedTemplate = _useState4[1];
   var _useState5 = react.useState(false),
-    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    _useState6 = _slicedToArray(_useState5, 2),
     isDeleteAlertOpen = _useState6[0],
     setIsDeleteAlertOpen = _useState6[1];
   var _useState7 = react.useState(false),
-    _useState8 = _slicedToArray__default["default"](_useState7, 2),
+    _useState8 = _slicedToArray(_useState7, 2),
     isEditPaneOpen = _useState8[0],
     setIsEditPaneOpen = _useState8[1];
   var _useState9 = react.useState(false),
-    _useState10 = _slicedToArray__default["default"](_useState9, 2),
+    _useState10 = _slicedToArray(_useState9, 2),
     isShowPaneOpen = _useState10[0],
     setIsShowPaneOpen = _useState10[1];
   var _usePaginate = usePaginate(),
@@ -884,7 +854,7 @@ var Templates = function Templates(_ref) {
   };
   var entity = t("neetoApprovals.common.template", constants.PLURAL);
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [isTemplateLoading ? /*#__PURE__*/jsxRuntime.jsx(PageLoader__default["default"], {}) : /*#__PURE__*/jsxRuntime.jsx(Table, {
+    children: [isTemplateLoading ? /*#__PURE__*/jsxRuntime.jsx(PageLoader, {}) : /*#__PURE__*/jsxRuntime.jsx(Table, {
       columnData: columnData,
       entity: entity,
       filters: filters,
@@ -912,7 +882,7 @@ var Templates = function Templates(_ref) {
       onClose: function onClose() {
         return setIsEditPaneOpen(false);
       }
-    })), /*#__PURE__*/jsxRuntime.jsx(Alert__default["default"], {
+    })), /*#__PURE__*/jsxRuntime.jsx(Alert, {
       isOpen: isDeleteAlertOpen,
       isSubmitting: isDeleting,
       submitButtonLabel: t("neetoApprovals.buttons.delete"),
@@ -943,7 +913,7 @@ var Templates = function Templates(_ref) {
 };
 
 function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var createRoutes = function createRoutes(_ref) {
   var config = _ref.config,
     isNewTemplatePaneOpen = _ref.isNewTemplatePaneOpen,
@@ -959,7 +929,7 @@ var createRoutes = function createRoutes(_ref) {
     },
     path: "".concat(config.approvalsPath).concat(routes.templates.index),
     actionBlock: function actionBlock() {
-      return /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+      return /*#__PURE__*/jsxRuntime.jsx(Button, {
         "data-cy": "neeto-approvals-templates-add-new-button",
         label: i18next.t("neetoApprovals.common.addNew_", {
           what: i18next.t("neetoApprovals.common.template", constants.SINGULAR)
@@ -997,10 +967,10 @@ var Header = function Header(_ref) {
   var currentTab = neetoCist.findBy({
     path: pathname
   }, appRoutes);
-  return /*#__PURE__*/jsxRuntime.jsx(NeetoHeader__default["default"], {
+  return /*#__PURE__*/jsxRuntime.jsx(NeetoHeader, {
     breadcrumbs: breadcrumbs,
     titleHelpPopoverProps: titleHelpPopoverProps,
-    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
@@ -1009,14 +979,14 @@ var Header = function Header(_ref) {
 };
 
 var fetch = function fetch() {
-  return axios__default["default"].get("".concat(constants$1.BASE_URL, "/views"));
+  return axios.get("".concat(constants$1.BASE_URL, "/views"));
 };
 var viewsApi = {
   fetch: fetch
 };
 
 function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useFetchViews = function useFetchViews() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return reactQuery.useQuery(_objectSpread$1({
@@ -1048,9 +1018,9 @@ 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__*/jsxRuntime.jsx(NeetoUITab__default["default"], {
+  return /*#__PURE__*/jsxRuntime.jsx(NeetoUITab, {
     children: approvalFilterKeys.map(function (filter) {
-      return /*#__PURE__*/jsxRuntime.jsxs(NeetoUITab__default["default"].Item, {
+      return /*#__PURE__*/jsxRuntime.jsxs(NeetoUITab.Item, {
         active: isActive(filter),
         count: views[filter === null || filter === void 0 ? void 0 : filter.toLocaleLowerCase()],
         label: approvalFilter[filter].label,
@@ -1064,14 +1034,14 @@ var Tab = function Tab(_ref) {
 };
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Approvals = function Approvals(_ref) {
   var config = _ref.config;
   var _useQueryParams = reactUtils.useQueryParams(),
     _useQueryParams$searc = _useQueryParams.searchTerm,
     searchTerm = _useQueryParams$searc === void 0 ? "" : _useQueryParams$searc;
   var _useState = react.useState(false),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     isNewTemplatePaneOpen = _useState2[0],
     setIsNewTemplatePaneOpen = _useState2[1];
   var appRoutes = createRoutes({
@@ -1080,32 +1050,29 @@ var Approvals = function Approvals(_ref) {
     isNewTemplatePaneOpen: isNewTemplatePaneOpen,
     setIsNewTemplatePaneOpen: setIsNewTemplatePaneOpen
   });
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: "w-full overflow-y-auto",
-    children: /*#__PURE__*/jsxRuntime.jsxs(Container__default["default"], {
-      children: [/*#__PURE__*/jsxRuntime.jsx(Header, _objectSpread({}, _objectSpread({
-        appRoutes: appRoutes
-      }, config))), /*#__PURE__*/jsxRuntime.jsx(Tab, {
-        approvalsPath: config.approvalsPath
-      }), /*#__PURE__*/jsxRuntime.jsxs(reactRouterDom.Switch, {
-        children: [appRoutes.map(function (_ref2) {
-          var path = _ref2.path,
-            component = _ref2.component;
-          return /*#__PURE__*/react.createElement(reactRouterDom.Route, {
-            component: component,
-            path: path,
-            exact: true,
-            key: path
-          });
-        }), /*#__PURE__*/jsxRuntime.jsx(reactRouterDom.Redirect, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Container, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Header, _objectSpread({}, _objectSpread({
+      appRoutes: appRoutes
+    }, config))), /*#__PURE__*/jsxRuntime.jsx(Tab, {
+      approvalsPath: config.approvalsPath
+    }), /*#__PURE__*/jsxRuntime.jsxs(reactRouterDom.Switch, {
+      children: [appRoutes.map(function (_ref2) {
+        var path = _ref2.path,
+          component = _ref2.component;
+        return /*#__PURE__*/react.createElement(reactRouterDom.Route, {
+          component: component,
+          path: path,
           exact: true,
-          from: config.approvalsPath
-          // eslint-disable-next-line @bigbinary/neeto/use-common-routes
-          ,
-          to: "".concat(config.approvalsPath).concat(routes.pending)
-        })]
+          key: path
+        });
+      }), /*#__PURE__*/jsxRuntime.jsx(reactRouterDom.Redirect, {
+        exact: true,
+        from: config.approvalsPath
+        // eslint-disable-next-line @bigbinary/neeto/use-common-routes
+        ,
+        to: "".concat(config.approvalsPath).concat(routes.pending)
       })]
-    })
+    })]
   });
 };