@bigbinary/neeto-approvals-frontend 1.2.1 → 1.2.3

package/dist/cjs/Approvals.js

@@ -1,6 +1,7 @@
 'use strict';
 
-var constants$1 = require('../constants-d561fb6c.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var react = require('react');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var Container = require('@bigbinary/neeto-molecules/Container');
@@ -14,13 +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-c6f5a782.js');
+var RequestDetailsPane = require('../index-CIHYIzN1.js');
 var DateFormat = require('@bigbinary/neeto-molecules/DateFormat');
 var Tag = require('@bigbinary/neetoui/Tag');
+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-5d82bdca.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');
@@ -46,10 +49,7 @@ require('dayjs/plugin/timezone');
 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) {
@@ -62,35 +62,11 @@ function _interopNamespace(e) {
       }
     });
   }
-  n["default"] = e;
+  n.default = e;
   return Object.freeze(n);
 }
 
-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 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: "/",
@@ -116,7 +92,7 @@ var usePaginate = function usePaginate() {
       page: constants.DEFAULT_PAGE_INDEX,
       pageSize: constants.DEFAULT_PAGE_SIZE
     }),
-    _useState2 = constants$1._slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     pageProperties = _useState2[0],
     setPageProperties = _useState2[1];
   var resetPageProperties = function resetPageProperties() {
@@ -142,12 +118,12 @@ var HISTORY_TABLE_COLUMNS = [{
   dataIndex: "approvalLabel",
   key: "approvalLabel",
   sorter: true,
-  width: "25%",
+  width: 150,
   title: i18next.t("neetoApprovals.common.id"),
   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
@@ -157,16 +133,16 @@ var HISTORY_TABLE_COLUMNS = [{
   dataIndex: "title",
   key: "title",
   sorter: true,
-  width: "25%",
+  width: 400,
   title: i18next.t("neetoApprovals.common.title")
 }, {
   dataIndex: "status",
   key: "status",
   sorter: true,
-  width: "25%",
+  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]
     });
@@ -175,10 +151,10 @@ var HISTORY_TABLE_COLUMNS = [{
   dataIndex: "createdAt",
   key: "createdAt",
   sorter: true,
-  width: "25%",
+  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"
@@ -188,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) { constants$1._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _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 = constants$1._slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     filters = _useState2[0],
     setFilters = _useState2[1];
   var debouncedSearchTerm = reactUtils.useDebounce(filters.searchTerm, constants$1.SEARCH_DELAY);
@@ -201,7 +177,7 @@ var History = function History(_ref) {
     pageProperties = _usePaginate.pageProperties,
     handlePageChange = _usePaginate.handlePageChange;
   var _useState3 = react.useState({}),
-    _useState4 = constants$1._slicedToArray(_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     approvalDetails = _useState4[0],
     setApprovalDetails = _useState4[1];
   var _useTranslation = reactI18next.useTranslation(),
@@ -236,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,
@@ -258,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",
@@ -266,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: {
@@ -294,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) { constants$1._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _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 = constants$1._slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     filters = _useState2[0],
     setFilters = _useState2[1];
   var _useState3 = react.useState({}),
-    _useState4 = constants$1._slicedToArray(_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     approvalDetails = _useState4[0],
     setApprovalDetails = _useState4[1];
   var debouncedSearchTerm = reactUtils.useDebounce(filters.searchTerm, constants$1.SEARCH_DELAY);
@@ -336,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,
@@ -358,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: {
@@ -390,35 +366,6 @@ var PendingRequests = function PendingRequests(_ref) {
   });
 };
 
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-
 var TEMPLATE_FORM_INITIAL_VALUES = {
   name: "",
   description: "",
@@ -441,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"),
@@ -471,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: {
@@ -487,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")
@@ -517,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",
@@ -584,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) { constants$1._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _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,
@@ -627,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
@@ -639,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,
@@ -649,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"),
@@ -668,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, {
@@ -690,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: {
@@ -703,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) { constants$1._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _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,
@@ -746,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,
@@ -783,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: [constants$1._defineProperty({
+          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"), constants$1._defineProperty({
+          }, 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);
             }
@@ -818,13 +765,13 @@ 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) { constants$1._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _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,
@@ -832,23 +779,23 @@ var Templates = function Templates(_ref) {
     helpDocUrl = _ref.helpDocUrl,
     otherProps = _objectWithoutProperties(_ref, _excluded);
   var _useState = react.useState(constants$1.DEFAULT_FILTER_VALUES),
-    _useState2 = constants$1._slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     filters = _useState2[0],
     setFilters = _useState2[1];
   var _useState3 = react.useState({}),
-    _useState4 = constants$1._slicedToArray(_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     selectedTemplate = _useState4[0],
     setSelectedTemplate = _useState4[1];
   var _useState5 = react.useState(false),
-    _useState6 = constants$1._slicedToArray(_useState5, 2),
+    _useState6 = _slicedToArray(_useState5, 2),
     isDeleteAlertOpen = _useState6[0],
     setIsDeleteAlertOpen = _useState6[1];
   var _useState7 = react.useState(false),
-    _useState8 = constants$1._slicedToArray(_useState7, 2),
+    _useState8 = _slicedToArray(_useState7, 2),
     isEditPaneOpen = _useState8[0],
     setIsEditPaneOpen = _useState8[1];
   var _useState9 = react.useState(false),
-    _useState10 = constants$1._slicedToArray(_useState9, 2),
+    _useState10 = _slicedToArray(_useState9, 2),
     isShowPaneOpen = _useState10[0],
     setIsShowPaneOpen = _useState10[1];
   var _usePaginate = usePaginate(),
@@ -907,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,
@@ -935,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"),
@@ -966,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) { constants$1._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _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,
@@ -982,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)
@@ -1020,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 || (_currentTab$actionBlo = currentTab.actionBlock) === null || _currentTab$actionBlo === void 0 ? void 0 : _currentTab$actionBlo.call(currentTab),
+    actionBlock: currentTab === null || currentTab === void 0 ? 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
@@ -1032,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) { constants$1._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; }
+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({
@@ -1071,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,
@@ -1087,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) { constants$1._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !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 = constants$1._slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     isNewTemplatePaneOpen = _useState2[0],
     setIsNewTemplatePaneOpen = _useState2[1];
   var appRoutes = createRoutes({
@@ -1105,7 +1052,7 @@ var Approvals = function Approvals(_ref) {
   });
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: "w-full overflow-y-auto",
-    children: /*#__PURE__*/jsxRuntime.jsxs(Container__default["default"], {
+    children: /*#__PURE__*/jsxRuntime.jsxs(Container, {
       children: [/*#__PURE__*/jsxRuntime.jsx(Header, _objectSpread({}, _objectSpread({
         appRoutes: appRoutes
       }, config))), /*#__PURE__*/jsxRuntime.jsx(Tab, {