@bigbinary/neeto-approvals-frontend 0.2.5 → 0.2.6

package/dist/index.js

@@ -6,29 +6,30 @@ import { DEFAULT_PAGE_INDEX, SINGULAR, PLURAL } from '@bigbinary/neeto-commons-f
 import { Pane, Typography, Button, Dropdown, NoData, Table as Table$1, Alert, Tag, Label, Textarea, Tab as Tab$1, Select as Select$1, Callout } from '@bigbinary/neetoui';
 import { useDebounce } from '@bigbinary/neeto-commons-frontend/react-utils';
 import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
-import { isEmpty, fromPairs, assoc, keys, modify } from 'ramda';
+import { isEmpty, curryN, isNil, complement, either, curry, fromPairs, assoc, keys, modify } from 'ramda';
 import axios from 'axios';
 import { useQuery, useQueryClient, useMutation } from 'react-query';
 import { Form as Form$3, Input, Textarea as Textarea$1, Select } from '@bigbinary/neetoui/formik';
 import { MenuHorizontal, Delete } from '@bigbinary/neeto-icons';
-import { isPresent, findBy, capitalize as capitalize$1, noop as noop$1, camelToSnakeCase, removeBy, findById } from '@bigbinary/neeto-commons-frontend/pure';
+import TableWrapper from '@bigbinary/neeto-molecules/TableWrapper';
 import { dateFormat, withEventTargetValue } from '@bigbinary/neeto-commons-frontend/utils';
 import dayjs from 'dayjs';
 import timezone from 'dayjs/plugin/timezone';
 import utc from 'dayjs/plugin/utc';
 import { globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
 import { EditorContent, isEditorEmpty, FormikEditor, substituteVariables } from '@bigbinary/neeto-editor';
+import { removeBy } from '@bigbinary/neeto-commons-frontend/pure';
 import { useFormikContext, FieldArray } from 'formik';
 import NeetoHeader from '@bigbinary/neeto-molecules/Header';
 
-function _typeof$3(o) {
+function _typeof$4(o) {
   "@babel/helpers - typeof";
 
-  return _typeof$3 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+  return _typeof$4 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
     return typeof o;
   } : function (o) {
     return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof$3(o);
+  }, _typeof$4(o);
 }
 
 function _classCallCheck$2(instance, Constructor) {
@@ -38,11 +39,11 @@ function _classCallCheck$2(instance, Constructor) {
 }
 
 function _toPrimitive$3(input, hint) {
-  if (_typeof$3(input) !== "object" || input === null) return input;
+  if (_typeof$4(input) !== "object" || input === null) return input;
   var prim = input[Symbol.toPrimitive];
   if (prim !== undefined) {
     var res = prim.call(input, hint || "default");
-    if (_typeof$3(res) !== "object") return res;
+    if (_typeof$4(res) !== "object") return res;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (hint === "string" ? String : Number)(input);
@@ -50,7 +51,7 @@ function _toPrimitive$3(input, hint) {
 
 function _toPropertyKey$3(arg) {
   var key = _toPrimitive$3(arg, "string");
-  return _typeof$3(key) === "symbol" ? key : String(key);
+  return _typeof$4(key) === "symbol" ? key : String(key);
 }
 
 function _defineProperties$2(target, props) {
@@ -104,7 +105,7 @@ function _inherits(subClass, superClass) {
 }
 
 function _possibleConstructorReturn(self, call) {
-  if (call && (_typeof$3(call) === "object" || typeof call === "function")) {
+  if (call && (_typeof$4(call) === "object" || typeof call === "function")) {
     return call;
   } else if (call !== void 0) {
     throw new TypeError("Derived constructors may only return object or undefined");
@@ -134,7 +135,7 @@ function _defineProperty$2(obj, key, value) {
   return obj;
 }
 
-function _arrayWithHoles$2(arr) {
+function _arrayWithHoles$3(arr) {
   if (Array.isArray(arr)) return arr;
 }
 
@@ -142,27 +143,27 @@ function _iterableToArray$1(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 
-function _arrayLikeToArray$2(arr, len) {
+function _arrayLikeToArray$3(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
-function _unsupportedIterableToArray$2(o, minLen) {
+function _unsupportedIterableToArray$3(o, minLen) {
   if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray$2(o, minLen);
+  if (typeof o === "string") return _arrayLikeToArray$3(o, minLen);
   var n = Object.prototype.toString.call(o).slice(8, -1);
   if (n === "Object" && o.constructor) n = o.constructor.name;
   if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$2(o, minLen);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$3(o, minLen);
 }
 
-function _nonIterableRest$2() {
+function _nonIterableRest$3() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
 function _toArray(arr) {
-  return _arrayWithHoles$2(arr) || _iterableToArray$1(arr) || _unsupportedIterableToArray$2(arr) || _nonIterableRest$2();
+  return _arrayWithHoles$3(arr) || _iterableToArray$1(arr) || _unsupportedIterableToArray$3(arr) || _nonIterableRest$3();
 }
 
 function ownKeys$6$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -716,10 +717,10 @@ var Translator = function (_EventEmitter) {
     key: "translate",
     value: function translate(keys, options, lastKey) {
       var _this2 = this;
-      if (_typeof$3(options) !== 'object' && this.options.overloadTranslationOptionHandler) {
+      if (_typeof$4(options) !== 'object' && this.options.overloadTranslationOptionHandler) {
         options = this.options.overloadTranslationOptionHandler(arguments);
       }
-      if (_typeof$3(options) === 'object') options = _objectSpread$4$1({}, options);
+      if (_typeof$4(options) === 'object') options = _objectSpread$4$1({}, options);
       if (!options) options = {};
       if (keys === undefined || keys === null) return '';
       if (!Array.isArray(keys)) keys = [String(keys)];
@@ -1021,7 +1022,7 @@ var Translator = function (_EventEmitter) {
   return Translator;
 }(EventEmitter);
 
-function capitalize(string) {
+function capitalize$1(string) {
   return string.charAt(0).toUpperCase() + string.slice(1);
 }
 var LanguageUtil = function () {
@@ -1061,13 +1062,13 @@ var LanguageUtil = function () {
         } else if (p.length === 2) {
           p[0] = p[0].toLowerCase();
           p[1] = p[1].toUpperCase();
-          if (specialCases.indexOf(p[1].toLowerCase()) > -1) p[1] = capitalize(p[1].toLowerCase());
+          if (specialCases.indexOf(p[1].toLowerCase()) > -1) p[1] = capitalize$1(p[1].toLowerCase());
         } else if (p.length === 3) {
           p[0] = p[0].toLowerCase();
           if (p[1].length === 2) p[1] = p[1].toUpperCase();
           if (p[0] !== 'sgn' && p[2].length === 2) p[2] = p[2].toUpperCase();
-          if (specialCases.indexOf(p[1].toLowerCase()) > -1) p[1] = capitalize(p[1].toLowerCase());
-          if (specialCases.indexOf(p[2].toLowerCase()) > -1) p[2] = capitalize(p[2].toLowerCase());
+          if (specialCases.indexOf(p[1].toLowerCase()) > -1) p[1] = capitalize$1(p[1].toLowerCase());
+          if (specialCases.indexOf(p[2].toLowerCase()) > -1) p[2] = capitalize$1(p[2].toLowerCase());
         }
         return p.join('-');
       }
@@ -2097,10 +2098,10 @@ function get() {
     appendNamespaceToCIMode: false,
     overloadTranslationOptionHandler: function handle(args) {
       var ret = {};
-      if (_typeof$3(args[1]) === 'object') ret = args[1];
+      if (_typeof$4(args[1]) === 'object') ret = args[1];
       if (typeof args[1] === 'string') ret.defaultValue = args[1];
       if (typeof args[2] === 'string') ret.tDescription = args[2];
-      if (_typeof$3(args[2]) === 'object' || _typeof$3(args[3]) === 'object') {
+      if (_typeof$4(args[2]) === 'object' || _typeof$4(args[3]) === 'object') {
         var options = args[3] || args[2];
         Object.keys(options).forEach(function (key) {
           ret[key] = options[key];
@@ -2139,7 +2140,7 @@ function ownKeys$g(object, enumerableOnly) { var keys = Object.keys(object); if
 function _objectSpread$g(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$g(Object(source), !0).forEach(function (key) { _defineProperty$2(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-function noop() {}
+function noop$1() {}
 function bindMemberFunctions(inst) {
   var mems = Object.getOwnPropertyNames(Object.getPrototypeOf(inst));
   mems.forEach(function (mem) {
@@ -2270,7 +2271,7 @@ var I18n = function (_EventEmitter) {
         });
       }
       this.format = this.options.interpolation.format;
-      if (!callback) callback = noop;
+      if (!callback) callback = noop$1;
       if (this.options.fallbackLng && !this.services.languageDetector && !this.options.lng) {
         var codes = this.services.languageUtils.getFallbackCodes(this.options.fallbackLng);
         if (codes.length > 0 && codes[0] !== 'dev') this.options.lng = codes[0];
@@ -2317,7 +2318,7 @@ var I18n = function (_EventEmitter) {
     key: "loadResources",
     value: function loadResources(language) {
       var _this3 = this;
-      var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop;
+      var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop$1;
       var usedCallback = callback;
       var usedLng = typeof language === 'string' ? language : this.language;
       if (typeof language === 'function') usedCallback = language;
@@ -2358,7 +2359,7 @@ var I18n = function (_EventEmitter) {
       var deferred = defer();
       if (!lngs) lngs = this.languages;
       if (!ns) ns = this.options.ns;
-      if (!callback) callback = noop;
+      if (!callback) callback = noop$1;
       this.services.backendConnector.reload(lngs, ns, function (err) {
         deferred.resolve();
         callback(err);
@@ -2470,7 +2471,7 @@ var I18n = function (_EventEmitter) {
       var _this5 = this;
       var fixedT = function fixedT(key, opts) {
         var options;
-        if (_typeof$3(opts) !== 'object') {
+        if (_typeof$4(opts) !== 'object') {
           for (var _len3 = arguments.length, rest = new Array(_len3 > 2 ? _len3 - 2 : 0), _key3 = 2; _key3 < _len3; _key3++) {
             rest[_key3 - 2] = arguments[_key3];
           }
@@ -2602,7 +2603,7 @@ var I18n = function (_EventEmitter) {
     value: function cloneInstance() {
       var _this8 = this;
       var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop;
+      var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop$1;
       var mergedOptions = _objectSpread$g(_objectSpread$g(_objectSpread$g({}, this.options), options), {
         isClone: true
       });
@@ -2675,22 +2676,22 @@ function _classCallCheck$1(instance, Constructor) {
   }
 }
 
-function _typeof$2(obj) {
+function _typeof$3(obj) {
   "@babel/helpers - typeof";
 
-  return _typeof$2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+  return _typeof$3 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
     return typeof obj;
   } : function (obj) {
     return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof$2(obj);
+  }, _typeof$3(obj);
 }
 
 function _toPrimitive$2(input, hint) {
-  if (_typeof$2(input) !== "object" || input === null) return input;
+  if (_typeof$3(input) !== "object" || input === null) return input;
   var prim = input[Symbol.toPrimitive];
   if (prim !== undefined) {
     var res = prim.call(input, hint || "default");
-    if (_typeof$2(res) !== "object") return res;
+    if (_typeof$3(res) !== "object") return res;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (hint === "string" ? String : Number)(input);
@@ -2698,7 +2699,7 @@ function _toPrimitive$2(input, hint) {
 
 function _toPropertyKey$2(arg) {
   var key = _toPrimitive$2(arg, "string");
-  return _typeof$2(key) === "symbol" ? key : String(key);
+  return _typeof$3(key) === "symbol" ? key : String(key);
 }
 
 function _defineProperties$1(target, props) {
@@ -3097,22 +3098,22 @@ function _objectWithoutProperties$1(source, excluded) {
   return target;
 }
 
-function _typeof$1(obj) {
+function _typeof$2(obj) {
   "@babel/helpers - typeof";
 
-  return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+  return _typeof$2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
     return typeof obj;
   } : function (obj) {
     return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof$1(obj);
+  }, _typeof$2(obj);
 }
 
 function _toPrimitive$1(input, hint) {
-  if (_typeof$1(input) !== "object" || input === null) return input;
+  if (_typeof$2(input) !== "object" || input === null) return input;
   var prim = input[Symbol.toPrimitive];
   if (prim !== undefined) {
     var res = prim.call(input, hint || "default");
-    if (_typeof$1(res) !== "object") return res;
+    if (_typeof$2(res) !== "object") return res;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (hint === "string" ? String : Number)(input);
@@ -3120,7 +3121,7 @@ function _toPrimitive$1(input, hint) {
 
 function _toPropertyKey$1(arg) {
   var key = _toPrimitive$1(arg, "string");
-  return _typeof$1(key) === "symbol" ? key : String(key);
+  return _typeof$2(key) === "symbol" ? key : String(key);
 }
 
 function _defineProperty$1(obj, key, value) {
@@ -3434,7 +3435,7 @@ function nodesToString(children, i18nOptions) {
       }
     } else if (child === null) {
       warn("Trans: the passed in value is invalid - seems you passed in a null child.");
-    } else if (_typeof$1(child) === 'object') {
+    } else if (_typeof$2(child) === 'object') {
       var format = child.format,
           clone = _objectWithoutProperties$1(child, _excluded$2);
 
@@ -3464,7 +3465,7 @@ function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, s
     var childrenArray = getAsArray(childs);
     childrenArray.forEach(function (child) {
       if (typeof child === 'string') return;
-      if (hasChildren(child)) getData(getChildren(child));else if (_typeof$1(child) === 'object' && !React.isValidElement(child)) Object.assign(data, child);
+      if (hasChildren(child)) getData(getChildren(child));else if (_typeof$2(child) === 'object' && !React.isValidElement(child)) Object.assign(data, child);
     });
   }
 
@@ -3501,8 +3502,8 @@ function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, s
         }, tmp) : tmp;
         var isElement = React.isValidElement(child);
         var isValidTranslationWithChildren = isElement && hasChildren(node, true) && !node.voidElement;
-        var isEmptyTransWithHTML = emptyChildrenButNeedsHandling && _typeof$1(child) === 'object' && child.dummy && !isElement;
-        var isKnownComponent = _typeof$1(children) === 'object' && children !== null && Object.hasOwnProperty.call(children, node.name);
+        var isEmptyTransWithHTML = emptyChildrenButNeedsHandling && _typeof$2(child) === 'object' && child.dummy && !isElement;
+        var isKnownComponent = _typeof$2(children) === 'object' && children !== null && Object.hasOwnProperty.call(children, node.name);
 
         if (typeof child === 'string') {
           var value = i18n.services.interpolator.interpolate(child, opts, i18n.language);
@@ -3540,7 +3541,7 @@ function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, s
 
             mem.push("<".concat(node.name, ">").concat(_inner4, "</").concat(node.name, ">"));
           }
-        } else if (_typeof$1(child) === 'object' && !isElement) {
+        } else if (_typeof$2(child) === 'object' && !isElement) {
           var content = node.children[0] ? translationContent : null;
           if (content) mem.push(content);
         } else if (node.children.length === 1 && translationContent) {
@@ -3638,11 +3639,11 @@ function Trans(_ref) {
   return useAsParent ? React.createElement(useAsParent, additionalProps, content) : content;
 }
 
-function _arrayWithHoles$1(arr) {
+function _arrayWithHoles$2(arr) {
   if (Array.isArray(arr)) return arr;
 }
 
-function _iterableToArrayLimit$1(arr, i) {
+function _iterableToArrayLimit$2(arr, i) {
   var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
   if (null != _i) {
     var _s,
@@ -3670,27 +3671,27 @@ function _iterableToArrayLimit$1(arr, i) {
   }
 }
 
-function _arrayLikeToArray$1(arr, len) {
+function _arrayLikeToArray$2(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
-function _unsupportedIterableToArray$1(o, minLen) {
+function _unsupportedIterableToArray$2(o, minLen) {
   if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray$1(o, minLen);
+  if (typeof o === "string") return _arrayLikeToArray$2(o, minLen);
   var n = Object.prototype.toString.call(o).slice(8, -1);
   if (n === "Object" && o.constructor) n = o.constructor.name;
   if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$2(o, minLen);
 }
 
-function _nonIterableRest$1() {
+function _nonIterableRest$2() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
-function _slicedToArray$1(arr, i) {
-  return _arrayWithHoles$1(arr) || _iterableToArrayLimit$1(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest$1();
+function _slicedToArray$2(arr, i) {
+  return _arrayWithHoles$2(arr) || _iterableToArrayLimit$2(arr, i) || _unsupportedIterableToArray$2(arr, i) || _nonIterableRest$2();
 }
 
 function ownKeys$d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
@@ -3739,7 +3740,7 @@ function useTranslation(ns) {
   }
 
   var _useState = useState(getT),
-      _useState2 = _slicedToArray$1(_useState, 2),
+      _useState2 = _slicedToArray$2(_useState, 2),
       t = _useState2[0],
       setT = _useState2[1];
 
@@ -3792,113 +3793,107 @@ function useTranslation(ns) {
   });
 }
 
-var alerts$1 = {
-	deleting_: "You are permanently deleting the {{what}} <strong>{{- name}}</strong>. This can't be undone."
-};
-var buttons$1 = {
-	cancel: "Cancel",
-	saveChanges: "Save changes",
-	approve: "Approve",
-	decline: "Decline",
-	"delete": "Delete"
-};
-var common$1 = {
-	approval_one: "Approval",
-	approval_other: "Approvals",
-	pending: "Pending",
-	template_one: "Template",
-	template_other: "Templates",
-	approvalTemplate_one: "Approval template",
-	approvalTemplate_other: "Approval templates",
-	history: "History",
-	approvalHistory: "Approval history",
-	approver_one: "Approver",
-	approver_other: "Approvers",
-	email: "Email",
-	edit: "Edit",
-	"delete": "Delete",
-	delete_: "Delete {{what}}?",
-	add_: "Add {{what}}",
-	edit_: "Edit {{what}}",
-	name: "Name",
-	notFound_: "There are no {{what}} to show",
-	notFound: "Could not find the approval request.",
-	visibility: "Visibility",
-	variable: "Variable",
-	variable_: "Variable {{number}}",
-	pendingApproval_one: "Pending approval",
-	pendingApproval_other: "Pending approvals",
-	title: "Title",
-	id: "Id",
-	created: "Created",
-	status: "Status",
-	record_one: "Record",
-	record_other: "Records",
-	note: "Note",
-	approvedBy: "Approved by",
-	rejectedBy: "Rejected by",
-	cancelledBy: "Cancelled by",
-	waitingFor: "Waiting for",
-	templateDetails: "Template details",
-	field: "Field",
-	noDataHelpText: "Here is how you can use <a>{{entity}}.</a>"
-};
-var validations$1 = {
-	limitExceeded: "You have exceeded the limit of {{limit}} characters for the {{what}}.",
-	approver: "Please select a approver",
-	required: "{{what}} is required",
-	variableName: "Name must be alphanumeric, may include underscore, must start with a letter and must not end with an underscore.",
-	pleaseEnter_: "Please enter {{what}}"
-};
-var sidebar = {
-	description: "View and manage approvals."
-};
-var inputs = {
-	labels: {
-		firstName: "First name",
-		lastName: "Last name",
-		description: "Description",
-		approver: "Approver",
-		variableMapping: "Variable mapping",
-		message: "Message"
+var neetoApprovals = {
+	alerts: {
+		deleting_: "You are permanently deleting the {{what}} <strong>{{- name}}</strong>. This can't be undone."
 	},
-	placeholders: {
-		firstName: "Enter first name",
-		lastName: "Enter last name",
-		email: "Enter email",
-		name: "Enter name",
-		description: "Enter description",
-		enter_: "Enter {{what}}",
-		search_: "Search {{what}}",
-		select_: "Select {{what}}",
-		add_: "Add {{what}}"
-	}
-};
-var typography = {
-	newApprover: "Add new approver",
-	editApprover: "Edit approver",
-	approvalRequest: "Approval request has been <strong>{{status}}</strong>."
-};
-var select = {
-	visibility: {
-		everyone: "Everyone"
+	buttons: {
+		cancel: "Cancel",
+		saveChanges: "Save changes",
+		approve: "Approve",
+		decline: "Decline",
+		"delete": "Delete"
 	},
-	approval: "Select approval"
-};
-var example = {
-	settings: "Settings",
-	general: "General"
+	common: {
+		approval_one: "Approval",
+		approval_other: "Approvals",
+		pending: "Pending",
+		template_one: "Template",
+		template_other: "Templates",
+		approvalTemplate_one: "Approval template",
+		approvalTemplate_other: "Approval templates",
+		history: "History",
+		approvalHistory: "Approval history",
+		approver_one: "Approver",
+		approver_other: "Approvers",
+		email: "Email",
+		edit: "Edit",
+		"delete": "Delete",
+		delete_: "Delete {{what}}?",
+		add_: "Add {{what}}",
+		edit_: "Edit {{what}}",
+		name: "Name",
+		notFound_: "There are no {{what}} to show",
+		notFound: "Could not find the approval request.",
+		visibility: "Visibility",
+		variable: "Variable",
+		variable_: "Variable {{number}}",
+		pendingApproval_one: "Pending approval",
+		pendingApproval_other: "Pending approvals",
+		title: "Title",
+		id: "Id",
+		created: "Created",
+		status: "Status",
+		record_one: "Record",
+		record_other: "Records",
+		note: "Note",
+		approvedBy: "Approved by",
+		rejectedBy: "Rejected by",
+		cancelledBy: "Cancelled by",
+		waitingFor: "Waiting for",
+		templateDetails: "Template details",
+		field: "Field",
+		noDataHelpText: "Here is how you can use <a>{{entity}}.</a>"
+	},
+	validations: {
+		limitExceeded: "You have exceeded the limit of {{limit}} characters for the {{what}}.",
+		approver: "Please select a approver",
+		required: "{{what}} is required",
+		variableName: "Name must be alphanumeric, may include underscore, must start with a letter and must not end with an underscore.",
+		pleaseEnter_: "Please enter {{what}}"
+	},
+	sidebar: {
+		description: "View and manage approvals."
+	},
+	inputs: {
+		labels: {
+			firstName: "First name",
+			lastName: "Last name",
+			description: "Description",
+			approver: "Approver",
+			variableMapping: "Variable mapping",
+			message: "Message"
+		},
+		placeholders: {
+			firstName: "Enter first name",
+			lastName: "Enter last name",
+			email: "Enter email",
+			name: "Enter name",
+			description: "Enter description",
+			enter_: "Enter {{what}}",
+			search_: "Search {{what}}",
+			select_: "Select {{what}}",
+			add_: "Add {{what}}"
+		}
+	},
+	typography: {
+		newApprover: "Add new approver",
+		editApprover: "Edit approver",
+		approvalRequest: "Approval request has been <strong>{{status}}</strong>."
+	},
+	select: {
+		visibility: {
+			everyone: "Everyone"
+		},
+		approval: "Select approval"
+	},
+	example: {
+		settings: "Settings",
+		general: "General"
+	}
 };
 var en = {
-	alerts: alerts$1,
-	buttons: buttons$1,
-	common: common$1,
-	validations: validations$1,
-	sidebar: sidebar,
-	inputs: inputs,
-	typography: typography,
-	select: select,
-	example: example
+	neetoApprovals: neetoApprovals
 };
 
 var alerts = {
@@ -4013,22 +4008,22 @@ instance.use(Browser).use(initReactI18next).init({
   }
 });
 
-function _typeof(obj) {
+function _typeof$1(obj) {
   "@babel/helpers - typeof";
 
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+  return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
     return typeof obj;
   } : function (obj) {
     return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof(obj);
+  }, _typeof$1(obj);
 }
 
 function _toPrimitive(input, hint) {
-  if (_typeof(input) !== "object" || input === null) return input;
+  if (_typeof$1(input) !== "object" || input === null) return input;
   var prim = input[Symbol.toPrimitive];
   if (prim !== undefined) {
     var res = prim.call(input, hint || "default");
-    if (_typeof(res) !== "object") return res;
+    if (_typeof$1(res) !== "object") return res;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (hint === "string" ? String : Number)(input);
@@ -4036,7 +4031,7 @@ function _toPrimitive(input, hint) {
 
 function _toPropertyKey(arg) {
   var key = _toPrimitive(arg, "string");
-  return _typeof(key) === "symbol" ? key : String(key);
+  return _typeof$1(key) === "symbol" ? key : String(key);
 }
 
 function _defineProperty(obj, key, value) {
@@ -4054,11 +4049,11 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _arrayWithHoles(arr) {
+function _arrayWithHoles$1(arr) {
   if (Array.isArray(arr)) return arr;
 }
 
-function _iterableToArrayLimit(arr, i) {
+function _iterableToArrayLimit$1(arr, i) {
   var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
   if (null != _i) {
     var _s,
@@ -4086,27 +4081,27 @@ function _iterableToArrayLimit(arr, i) {
   }
 }
 
-function _arrayLikeToArray(arr, len) {
+function _arrayLikeToArray$1(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
-function _unsupportedIterableToArray(o, minLen) {
+function _unsupportedIterableToArray$1(o, minLen) {
   if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  if (typeof o === "string") return _arrayLikeToArray$1(o, minLen);
   var n = Object.prototype.toString.call(o).slice(8, -1);
   if (n === "Object" && o.constructor) n = o.constructor.name;
   if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen);
 }
 
-function _nonIterableRest() {
+function _nonIterableRest$1() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+function _slicedToArray$1(arr, i) {
+  return _arrayWithHoles$1(arr) || _iterableToArrayLimit$1(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest$1();
 }
 
 var BASE_URL = "neeto_approvals";
@@ -4151,15 +4146,15 @@ var APPROVAL_REQUEST_FORM_INITIAL_VALUES = {
 };
 var APPROVAL_REQUEST_FORM_VALIDATION_SCHEMA = yup.object().shape({
   variables: yup.array().of(yup.object().shape({
-    variable: yup.string().trim().required(t$2("validations.required", {
-      what: t$2("common.field")
+    variable: yup.string().trim().required(t$2("neetoApprovals.validations.required", {
+      what: t$2("neetoApprovals.common.field")
     }))
   }))
 });
 var STATUS_UPDATED_BY = {
-  rejected: t$2("common.rejectedBy"),
-  approved: t$2("common.approvedBy"),
-  cancelled: t$2("common.cancelledBy")
+  rejected: t$2("neetoApprovals.common.rejectedBy"),
+  approved: t$2("neetoApprovals.common.approvedBy"),
+  cancelled: t$2("neetoApprovals.common.cancelledBy")
 };
 
 var handleEmptyPage = function handleEmptyPage(data, pageProperties, handleTablePagination) {
@@ -4268,7 +4263,7 @@ var usePaginate = function usePaginate() {
       index: Number(urlParams.get("page")) || DEFAULT_PAGE_INDEX,
       size: Number(urlParams.get("size")) || DEFAULT_PAGE_SIZE
     }),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray$1(_useState, 2),
     pageProperties = _useState2[0],
     setPageProperties = _useState2[1];
   var history = useHistory();
@@ -4305,20 +4300,20 @@ var APPROVER_FORM_INITIAL_VALUES = {
   email: ""
 };
 var APPROVER_FORM_VALIDATION_SCHEMA = yup.object().shape({
-  firstName: yup.string().trim().max(MAX_NAME_LENGTH, t$2("validations.limitExceeded", {
-    what: (_t$1 = t$2("inputs.labels.firstName")) === null || _t$1 === void 0 ? void 0 : _t$1.toLocaleLowerCase(),
+  firstName: yup.string().trim().max(MAX_NAME_LENGTH, t$2("neetoApprovals.validations.limitExceeded", {
+    what: (_t$1 = t$2("neetoApprovals.inputs.labels.firstName")) === null || _t$1 === void 0 ? void 0 : _t$1.toLocaleLowerCase(),
     limit: MAX_NAME_LENGTH
-  })).required(t$2("validations.required", {
-    what: t$2("inputs.labels.firstName")
+  })).required(t$2("neetoApprovals.validations.required", {
+    what: t$2("neetoApprovals.inputs.labels.firstName")
   })),
-  lastName: yup.string().trim().max(MAX_NAME_LENGTH, t$2("validations.limitExceeded", {
-    what: (_t2 = t$2("inputs.labels.lastName")) === null || _t2 === void 0 ? void 0 : _t2.toLocaleLowerCase(),
+  lastName: yup.string().trim().max(MAX_NAME_LENGTH, t$2("neetoApprovals.validations.limitExceeded", {
+    what: (_t2 = t$2("neetoApprovals.inputs.labels.lastName")) === null || _t2 === void 0 ? void 0 : _t2.toLocaleLowerCase(),
     limit: MAX_NAME_LENGTH
-  })).required(t$2("validations.required", {
-    what: t$2("inputs.labels.lastName")
+  })).required(t$2("neetoApprovals.validations.required", {
+    what: t$2("neetoApprovals.inputs.labels.lastName")
   })),
-  email: yup.string().email().required(t$2("validations.required", {
-    what: t$2("common.email")
+  email: yup.string().email().required(t$2("neetoApprovals.validations.required", {
+    what: t$2("neetoApprovals.common.email")
   }))
 });
 
@@ -4338,7 +4333,7 @@ var Form$2 = function Form(_ref) {
     onClose: onClose
   }, /*#__PURE__*/React.createElement(Pane.Header, null, /*#__PURE__*/React.createElement(Typography, {
     style: "h2"
-  }, isEmpty(initialData) ? t("typography.newApprover") : t("typography.editApprover"))), /*#__PURE__*/React.createElement(Form$3, {
+  }, isEmpty(initialData) ? t("neetoApprovals.typography.newApprover") : t("neetoApprovals.typography.editApprover"))), /*#__PURE__*/React.createElement(Form$3, {
     formikProps: {
       initialValues: initialData || APPROVER_FORM_INITIAL_VALUES,
       validationSchema: APPROVER_FORM_VALIDATION_SCHEMA,
@@ -4349,30 +4344,30 @@ var Form$2 = function Form(_ref) {
   }, /*#__PURE__*/React.createElement(Input, {
     required: true,
     className: "w-full",
-    label: t("inputs.labels.firstName"),
+    label: t("neetoApprovals.inputs.labels.firstName"),
     name: "firstName",
-    placeholder: t("inputs.placeholders.firstName"),
+    placeholder: t("neetoApprovals.inputs.placeholders.firstName"),
     ref: inputReference
   }), /*#__PURE__*/React.createElement(Input, {
     required: true,
     className: "w-full",
-    label: t("inputs.labels.lastName"),
+    label: t("neetoApprovals.inputs.labels.lastName"),
     name: "lastName",
-    placeholder: t("inputs.placeholders.lastName")
+    placeholder: t("neetoApprovals.inputs.placeholders.lastName")
   }), /*#__PURE__*/React.createElement(Input, {
     required: true,
     className: "w-full",
-    label: t("common.email"),
+    label: t("neetoApprovals.common.email"),
     name: "email",
-    placeholder: t("inputs.placeholders.email")
+    placeholder: t("neetoApprovals.inputs.placeholders.email")
   }))), /*#__PURE__*/React.createElement(Pane.Footer, {
     className: "flex gap-x-2"
   }, /*#__PURE__*/React.createElement(Button, {
-    label: t("buttons.saveChanges"),
+    label: t("neetoApprovals.buttons.saveChanges"),
     loading: isLoading,
     type: "submit"
   }), /*#__PURE__*/React.createElement(Button, {
-    label: t("buttons.cancel"),
+    label: t("neetoApprovals.buttons.cancel"),
     style: "text",
     onClick: onClose
   })))));
@@ -4456,12 +4451,12 @@ var columnData$1 = function columnData(_ref) {
     dataIndex: "name",
     key: "name",
     sorter: true,
-    title: instance.t("common.name")
+    title: instance.t("neetoApprovals.common.name")
   }, {
     dataIndex: "email",
     key: "email",
     sorter: true,
-    title: instance.t("common.email")
+    title: instance.t("neetoApprovals.common.email")
   }, {
     key: "actions",
     ellipsis: true,
@@ -4473,24 +4468,24 @@ var columnData$1 = function columnData(_ref) {
         }
       }, /*#__PURE__*/React.createElement(Dropdown, {
         autoWidth: true,
+        buttonProps: {
+          style: "text"
+        },
         className: "flex-shrink-0",
         icon: MenuHorizontal,
         position: "bottom-end",
-        strategy: "fixed",
-        buttonProps: {
-          style: "text"
-        }
+        strategy: "fixed"
       }, /*#__PURE__*/React.createElement(Menu$1, null, /*#__PURE__*/React.createElement(MenuItem$1.Button, {
         "data-cy": "approvers-edit-button",
         onClick: function onClick() {
           return onEditClick(approver);
         }
-      }, instance.t("common.edit")), /*#__PURE__*/React.createElement(MenuItem$1.Button, {
+      }, instance.t("neetoApprovals.common.edit")), /*#__PURE__*/React.createElement(MenuItem$1.Button, {
         "data-cy": "approvers-delete-button",
         onClick: function onClick() {
           return onDeleteClick(approver);
         }
-      }, instance.t("common.delete")))));
+      }, instance.t("neetoApprovals.common.delete")))));
     }
   }];
 };
@@ -4543,7 +4538,7 @@ var renderNoDataHelpText = function renderNoDataHelpText(_ref) {
   var entity = _ref.entity,
     url = _ref.url;
   return /*#__PURE__*/React.createElement(Trans, {
-    i18nKey: "common.noDataHelpText",
+    i18nKey: "neetoApprovals.common.noDataHelpText",
     values: {
       entity: entity
     },
@@ -4592,8 +4587,8 @@ var Table = function Table(_ref) {
   };
   var noDataProps = {
     primaryButtonProps: {
-      label: t("common.add_", {
-        what: (_t = t("common.template", SINGULAR)) === null || _t === void 0 ? void 0 : _t.toLocaleLowerCase()
+      label: t("neetoApprovals.common.add_", {
+        what: (_t = t("neetoApprovals.common.template", SINGULAR)) === null || _t === void 0 ? void 0 : _t.toLocaleLowerCase()
       }),
       onClick: function onClick() {
         return setIsPaneOpen(true);
@@ -4608,13 +4603,14 @@ var Table = function Table(_ref) {
     return /*#__PURE__*/React.createElement("div", {
       className: "flex h-full w-full flex-grow items-center justify-center"
     }, /*#__PURE__*/React.createElement(NoData, _extends({
-      title: t("common.notFound_", {
+      title: t("neetoApprovals.common.notFound_", {
         what: entity
       })
     }, !filters.search && noDataProps)));
   }
-  return /*#__PURE__*/React.createElement("div", {
-    className: "neeto-approvals__table-wrapper"
+  return /*#__PURE__*/React.createElement(TableWrapper, {
+    className: "mt-12",
+    hasPagination: totalCount > pageProperties.size
   }, /*#__PURE__*/React.createElement(Table$1, _extends({
     fixedHeight: true,
     columnData: columns,
@@ -4643,11 +4639,11 @@ var Approvers = function Approvers(_ref) {
     helpDocUrl = _ref.helpDocUrl,
     setFilters = _ref.setFilters;
   var _useState = useState(""),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray$1(_useState, 2),
     approverToEdit = _useState2[0],
     setApproverToEdit = _useState2[1];
   var _useState3 = useState(""),
-    _useState4 = _slicedToArray(_useState3, 2),
+    _useState4 = _slicedToArray$1(_useState3, 2),
     approverToDelete = _useState4[0],
     setApproverToDelete = _useState4[1];
   var debouncedSearch = useDebounce(filters.search, SEARCH_DELAY);
@@ -4683,7 +4679,7 @@ var Approvers = function Approvers(_ref) {
   var onDeleteClick = function onDeleteClick(approver) {
     setApproverToDelete(approver);
   };
-  var entity = (_t = t("common.approver", PLURAL)) === null || _t === void 0 ? void 0 : _t.toLocaleLowerCase();
+  var entity = (_t = t("neetoApprovals.common.approver", PLURAL)) === null || _t === void 0 ? void 0 : _t.toLocaleLowerCase();
   var handleDelete = function handleDelete(approverId) {
     deleteApprover({
       approverId: approverId
@@ -4713,16 +4709,16 @@ var Approvers = function Approvers(_ref) {
   }), /*#__PURE__*/React.createElement(Alert, {
     isOpen: !!approverToDelete,
     isSubmitting: isDeleting,
-    submitButtonLabel: t("buttons.delete"),
+    submitButtonLabel: t("neetoApprovals.buttons.delete"),
     message: /*#__PURE__*/React.createElement(Trans, {
-      i18nKey: "alerts.deleting_",
+      i18nKey: "neetoApprovals.alerts.deleting_",
       values: {
-        what: (_t2 = t("common.approver", SINGULAR)) === null || _t2 === void 0 ? void 0 : _t2.toLocaleLowerCase(),
+        what: (_t2 = t("neetoApprovals.common.approver", SINGULAR)) === null || _t2 === void 0 ? void 0 : _t2.toLocaleLowerCase(),
         name: approverToDelete === null || approverToDelete === void 0 ? void 0 : approverToDelete.name
       }
     }),
-    title: t("common.delete_", {
-      what: (_t3 = t("common.approver", SINGULAR)) === null || _t3 === void 0 ? void 0 : _t3.toLocaleLowerCase()
+    title: t("neetoApprovals.common.delete_", {
+      what: (_t3 = t("neetoApprovals.common.approver", SINGULAR)) === null || _t3 === void 0 ? void 0 : _t3.toLocaleLowerCase()
     }),
     onClose: function onClose() {
       return setApproverToDelete("");
@@ -4733,6 +4729,136 @@ var Approvers = function Approvers(_ref) {
   }));
 };
 
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+
+function _iterableToArrayLimit(arr, i) {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
+    try {
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
+    }
+    return _arr;
+  }
+}
+
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
+}
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+/**
+ * @template {Function} T
+ * @param {T} func
+ * @returns {T}
+ */
+var nullSafe = function nullSafe(func) {
+  return (
+    // @ts-ignore
+    curryN(func.length, function () {
+      var _ref;
+      var dataArg = (_ref = func.length - 1, _ref < 0 || arguments.length <= _ref ? undefined : arguments[_ref]);
+      return isNil(dataArg) ? dataArg : func.apply(void 0, arguments);
+    })
+  );
+};
+var noop = function noop() {};
+var isNotPresent = /*#__PURE__*/either(isNil, isEmpty);
+var isPresent = /*#__PURE__*/complement(isNotPresent);
+var camelToSnakeCase = function camelToSnakeCase(string) {
+  return string.replace(/[A-Z]/g, function (letter) {
+    return "_".concat(letter.toLowerCase());
+  });
+};
+var capitalize = function capitalize(string) {
+  return string.charAt(0).toUpperCase() + string.slice(1);
+};
+
+var matchesImpl = function matchesImpl(pattern, object) {
+  var __parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : object;
+  if (object === pattern) return true;
+  if (typeof pattern === "function" && pattern(object, __parent)) return true;
+  if (isNil(pattern) || isNil(object)) return false;
+  if (_typeof(pattern) !== "object") return false;
+  return Object.entries(pattern).every(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      key = _ref2[0],
+      value = _ref2[1];
+    return matchesImpl(value, object[key], __parent);
+  });
+};
+var matches = /*#__PURE__*/curry(function (pattern, object) {
+  return matchesImpl(pattern, object);
+});
+var filterNonNull = function filterNonNull(object) {
+  return Object.fromEntries(Object.entries(object).filter(function (_ref5) {
+    var _ref6 = _slicedToArray(_ref5, 2),
+      v = _ref6[1];
+    return !isNil(v);
+  }).map(function (_ref7) {
+    var _ref8 = _slicedToArray(_ref7, 2),
+      k = _ref8[0],
+      v = _ref8[1];
+    return [k, _typeof(v) === "object" && !Array.isArray(v) ? filterNonNull(v) : v];
+  }));
+};
+nullSafe(filterNonNull);
+var findById = /*#__PURE__*/curry(function (id, array) {
+  return array.find(function (item) {
+    return item.id === id;
+  });
+});
+var findBy = /*#__PURE__*/curry(function (pattern, array) {
+  return array.find(matches(pattern));
+});
+
 var fetch$2 = function fetch(params, url) {
   return axios.get(url, {
     params: params
@@ -4803,19 +4929,19 @@ var timeInZone = function timeInZone(time) {
 var getApprovalFilter = function getApprovalFilter() {
   return {
     PENDING: {
-      label: t$2("common.pending"),
+      label: t$2("neetoApprovals.common.pending"),
       value: "PENDING"
     },
     TEMPLATES: {
-      label: t$2("common.template", PLURAL),
+      label: t$2("neetoApprovals.common.template", PLURAL),
       value: "TEMPLATES"
     },
     HISTORY: {
-      label: t$2("common.history"),
+      label: t$2("neetoApprovals.common.history"),
       value: "HISTORY"
     },
     APPROVERS: {
-      label: t$2("common.approver", PLURAL),
+      label: t$2("neetoApprovals.common.approver", PLURAL),
       value: "APPROVERS"
     }
   };
@@ -4826,7 +4952,7 @@ var HISTORY_TABLE_COLUMNS = [{
   key: "approvalLabel",
   sorter: true,
   width: "25%",
-  title: t$2("common.id"),
+  title: t$2("neetoApprovals.common.id"),
   render: function render(approvalLabel, _ref) {
     var requestableUrl = _ref.requestableUrl;
     var url = new URL(requestableUrl || window.location.origin);
@@ -4841,16 +4967,16 @@ var HISTORY_TABLE_COLUMNS = [{
   key: "title",
   sorter: true,
   width: "25%",
-  title: t$2("common.title")
+  title: t$2("neetoApprovals.common.title")
 }, {
   dataIndex: "status",
   key: "status",
   sorter: true,
   width: "25%",
-  title: t$2("common.status"),
+  title: t$2("neetoApprovals.common.status"),
   render: function render(status) {
     return /*#__PURE__*/React.createElement(Tag, {
-      label: capitalize$1(status),
+      label: capitalize(status),
       style: STATUS_TAG_STYLE[status]
     });
   }
@@ -4859,7 +4985,7 @@ var HISTORY_TABLE_COLUMNS = [{
   key: "createdAt",
   sorter: true,
   width: "25%",
-  title: t$2("common.created"),
+  title: t$2("neetoApprovals.common.created"),
   render: function render(createdAt) {
     return dateFormat.fromNow(timeInZone(createdAt));
   }
@@ -4874,7 +5000,7 @@ var ApprovalsDetails = function ApprovalsDetails(_ref) {
     _ref$isPending = _ref.isPending,
     isPending = _ref$isPending === void 0 ? false : _ref$isPending,
     _ref$onSubmit = _ref.onSubmit,
-    onSubmit = _ref$onSubmit === void 0 ? noop$1 : _ref$onSubmit,
+    onSubmit = _ref$onSubmit === void 0 ? noop : _ref$onSubmit,
     _ref$isLoading = _ref.isLoading,
     isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading;
   var _useTranslation = useTranslation(),
@@ -4891,7 +5017,7 @@ var ApprovalsDetails = function ApprovalsDetails(_ref) {
     requesterName = approvalDetails.requesterName,
     requesterEmail = approvalDetails.requesterEmail;
   var _useState = useState(initialNote),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray$1(_useState, 2),
     note = _useState2[0],
     setNote = _useState2[1];
   useEffect(function () {
@@ -4901,7 +5027,7 @@ var ApprovalsDetails = function ApprovalsDetails(_ref) {
   var isCurrentUserApprover = ((_window$globalProps = window.globalProps) === null || _window$globalProps === void 0 ? void 0 : (_window$globalProps$u = _window$globalProps.user) === null || _window$globalProps$u === void 0 ? void 0 : _window$globalProps$u.email) === approverEmail;
   var getStatusLabel = function getStatusLabel() {
     if (isPending) {
-      return t("common.waitingFor");
+      return t("neetoApprovals.common.waitingFor");
     }
     return STATUS_UPDATED_BY[status];
   };
@@ -4925,7 +5051,7 @@ var ApprovalsDetails = function ApprovalsDetails(_ref) {
   }, /*#__PURE__*/React.createElement(Typography, {
     style: "h2"
   }, title), /*#__PURE__*/React.createElement(Tag, {
-    label: capitalize$1(status),
+    label: capitalize(status),
     style: STATUS_TAG_STYLE[status]
   })), /*#__PURE__*/React.createElement(Pane.Body, {
     className: "space-y-6"
@@ -4937,35 +5063,35 @@ var ApprovalsDetails = function ApprovalsDetails(_ref) {
     style: "body2"
   }, requesterOrApproverDetails)), /*#__PURE__*/React.createElement("div", {
     className: "flex space-x-10 p-2"
-  }, /*#__PURE__*/React.createElement(Label, null, t("common.created")), /*#__PURE__*/React.createElement(Typography, null, dateFormat.extended(timeInZone(createdAt))))), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(Label, null, t("neetoApprovals.common.created")), /*#__PURE__*/React.createElement(Typography, null, dateFormat.extended(timeInZone(createdAt))))), /*#__PURE__*/React.createElement("div", {
     className: "w-full space-y-2"
-  }, /*#__PURE__*/React.createElement(Label, null, t("inputs.labels.message")), /*#__PURE__*/React.createElement(MemoizedEditorContent$1, {
+  }, /*#__PURE__*/React.createElement(Label, null, t("neetoApprovals.inputs.labels.message")), /*#__PURE__*/React.createElement(MemoizedEditorContent$1, {
     className: "neeto-ui-bg-gray-100 p-4",
     content: message
   })), isPending && isCurrentUserApprover && /*#__PURE__*/React.createElement(Textarea, {
     className: "w-full",
     disabled: !isPending,
-    label: t("common.note"),
+    label: t("neetoApprovals.common.note"),
     value: note,
-    placeholder: t("inputs.placeholders.add_", {
-      what: (_t = t("common.note")) === null || _t === void 0 ? void 0 : _t.toLocaleLowerCase()
+    placeholder: t("neetoApprovals.inputs.placeholders.add_", {
+      what: (_t = t("neetoApprovals.common.note")) === null || _t === void 0 ? void 0 : _t.toLocaleLowerCase()
     }),
     onChange: withEventTargetValue(setNote)
   }), !isPending && note && /*#__PURE__*/React.createElement("div", {
     className: "w-full space-y-2"
-  }, /*#__PURE__*/React.createElement(Label, null, t("common.note")), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(Label, null, t("neetoApprovals.common.note")), /*#__PURE__*/React.createElement("div", {
     className: "neeto-ui-bg-gray-100 p-4"
   }, note))), isPending && isCurrentUserApprover && /*#__PURE__*/React.createElement(Pane.Footer, {
     className: "flex gap-x-2"
   }, /*#__PURE__*/React.createElement(Button, {
-    label: t("buttons.approve"),
+    label: t("neetoApprovals.buttons.approve"),
     loading: isLoading,
     type: "submit",
     onClick: function onClick() {
       return handleSubmit(STATUSES.approved);
     }
   }), /*#__PURE__*/React.createElement(Button, {
-    label: t("buttons.decline"),
+    label: t("neetoApprovals.buttons.decline"),
     loading: isLoading,
     style: "text",
     onClick: function onClick() {
@@ -4980,7 +5106,7 @@ var History = function History(_ref) {
   var _t;
   var requestUrl = _ref.requestUrl;
   var _useState = useState(DEFAULT_FILTER_VALUES),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray$1(_useState, 2),
     filters = _useState2[0],
     setFilters = _useState2[1];
   var debouncedSearch = useDebounce(filters.search, SEARCH_DELAY);
@@ -4988,7 +5114,7 @@ var History = function History(_ref) {
     pageProperties = _usePaginate.pageProperties,
     handleTablePagination = _usePaginate.handleTablePagination;
   var _useState3 = useState({}),
-    _useState4 = _slicedToArray(_useState3, 2),
+    _useState4 = _slicedToArray$1(_useState3, 2),
     approvalDetails = _useState4[0],
     setApprovalDetails = _useState4[1];
   var _useTranslation = useTranslation(),
@@ -5042,8 +5168,8 @@ var History = function History(_ref) {
   })) : /*#__PURE__*/React.createElement("div", {
     className: "flex h-full w-full flex-grow items-center justify-center"
   }, /*#__PURE__*/React.createElement(NoData, {
-    title: t("common.notFound_", {
-      what: (_t = t("common.record", PLURAL)) === null || _t === void 0 ? void 0 : _t.toLocaleLowerCase()
+    title: t("neetoApprovals.common.notFound_", {
+      what: (_t = t("neetoApprovals.common.record", PLURAL)) === null || _t === void 0 ? void 0 : _t.toLocaleLowerCase()
     })
   })), /*#__PURE__*/React.createElement(ApprovalsDetails, {
     approvalDetails: approvalDetails,
@@ -5064,11 +5190,11 @@ var PendingRequests = function PendingRequests(_ref) {
   var _t;
   var requestUrl = _ref.requestUrl;
   var _useState = useState(DEFAULT_FILTER_VALUES),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray$1(_useState, 2),
     filters = _useState2[0],
     setFilters = _useState2[1];
   var _useState3 = useState({}),
-    _useState4 = _slicedToArray(_useState3, 2),
+    _useState4 = _slicedToArray$1(_useState3, 2),
     approvalDetails = _useState4[0],
     setApprovalDetails = _useState4[1];
   var debouncedSearch = useDebounce(filters.search, SEARCH_DELAY);
@@ -5133,8 +5259,8 @@ var PendingRequests = function PendingRequests(_ref) {
   })) : /*#__PURE__*/React.createElement("div", {
     className: "flex h-full w-full flex-grow items-center justify-center"
   }, /*#__PURE__*/React.createElement(NoData, {
-    title: t("common.notFound_", {
-      what: (_t = t("common.pendingApproval", PLURAL)) === null || _t === void 0 ? void 0 : _t.toLocaleLowerCase()
+    title: t("neetoApprovals.common.notFound_", {
+      what: (_t = t("neetoApprovals.common.pendingApproval", PLURAL)) === null || _t === void 0 ? void 0 : _t.toLocaleLowerCase()
     })
   })), /*#__PURE__*/React.createElement(ApprovalsDetails, {
     isPending: true,
@@ -5236,7 +5362,7 @@ var useDeleteTemplate = function useDeleteTemplate(options) {
 };
 
 function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+  if (Array.isArray(arr)) return _arrayLikeToArray$1(arr);
 }
 
 function _iterableToArray(iter) {
@@ -5248,13 +5374,13 @@ function _nonIterableSpread() {
 }
 
 function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray$1(arr) || _nonIterableSpread();
 }
 
 var _t;
 var VALID_VARIABLE_NAME_REGEX = /^[a-z](?:\w*[a-z0-9])*$/i;
 var EVERYONE_VISIBILITY = {
-  label: t$2("select.visibility.everyone"),
+  label: t$2("neetoApprovals.select.visibility.everyone"),
   value: "everyone"
 };
 var TEMPLATE_FORM_INITIAL_VALUES = {
@@ -5266,19 +5392,19 @@ var TEMPLATE_FORM_INITIAL_VALUES = {
   message: ""
 };
 var TEMPLATE_FORM_VALIDATION_SCHEMA = yup.object().shape({
-  name: yup.string().trim().required(t$2("validations.required", {
-    what: t$2("common.name")
+  name: yup.string().trim().required(t$2("neetoApprovals.validations.required", {
+    what: t$2("neetoApprovals.common.name")
   })),
-  approver: yup.object().required(t$2("validations.approver")),
-  message: yup.string().test("message", t$2("validations.required", {
-    what: t$2("inputs.labels.message")
+  approver: yup.object().required(t$2("neetoApprovals.validations.approver")),
+  message: yup.string().test("message", t$2("neetoApprovals.validations.required", {
+    what: t$2("neetoApprovals.inputs.labels.message")
   }), function (content) {
     return !isEditorEmpty(content);
   }),
   variables: yup.array().of(yup.object().shape({
-    variable: yup.string().trim().required(t$2("validations.pleaseEnter_", {
-      what: (_t = t$2("common.variable")) === null || _t === void 0 ? void 0 : _t.toLocaleLowerCase()
-    })).matches(VALID_VARIABLE_NAME_REGEX, t$2("validations.variableName"))
+    variable: yup.string().trim().required(t$2("neetoApprovals.validations.pleaseEnter_", {
+      what: (_t = t$2("neetoApprovals.common.variable")) === null || _t === void 0 ? void 0 : _t.toLocaleLowerCase()
+    })).matches(VALID_VARIABLE_NAME_REGEX, t$2("neetoApprovals.validations.variableName"))
   }))
 });
 
@@ -5298,7 +5424,7 @@ var DynamicBlock = function DynamicBlock() {
   });
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "space-y-2 "
-  }, /*#__PURE__*/React.createElement(Label, null, t("inputs.labels.variableMapping")), /*#__PURE__*/React.createElement(FieldArray, {
+  }, /*#__PURE__*/React.createElement(Label, null, t("neetoApprovals.inputs.labels.variableMapping")), /*#__PURE__*/React.createElement(FieldArray, {
     name: "variables"
   }, function (_ref2) {
     var remove = _ref2.remove,
@@ -5314,10 +5440,10 @@ var DynamicBlock = function DynamicBlock() {
       }, /*#__PURE__*/React.createElement(Input, {
         autoFocus: true,
         required: true,
-        label: t("common.variable_", {
+        name: "variables[".concat(index, "][variable]"),
+        label: t("neetoApprovals.common.variable_", {
           number: index + 1
-        }),
-        name: "variables[".concat(index, "][variable]")
+        })
       }), /*#__PURE__*/React.createElement(Button, {
         className: "my-5",
         icon: Delete,
@@ -5327,10 +5453,10 @@ var DynamicBlock = function DynamicBlock() {
         }
       }));
     })), /*#__PURE__*/React.createElement(Button, {
-      label: t("common.add_", {
-        what: t("common.variable")
-      }),
       style: "link",
+      label: t("neetoApprovals.common.add_", {
+        what: t("neetoApprovals.common.variable")
+      }),
       onClick: function onClick() {
         return push({
           variable: ""
@@ -5340,12 +5466,12 @@ var DynamicBlock = function DynamicBlock() {
   })), /*#__PURE__*/React.createElement(FormikEditor, {
     required: true,
     key: variables,
-    label: t("inputs.labels.message"),
+    label: t("neetoApprovals.inputs.labels.message"),
     name: "message",
     rows: 3,
     variables: editorVariables,
-    placeholder: t("inputs.placeholders.enter_", {
-      what: t("inputs.labels.message")
+    placeholder: t("neetoApprovals.inputs.placeholders.enter_", {
+      what: t("neetoApprovals.inputs.labels.message")
     }),
     shouldUpdate: function shouldUpdate(nextProps, prevProps) {
       return nextProps.variables !== prevProps.variables;
@@ -5360,7 +5486,7 @@ var Form$1 = function Form(_ref) {
     _ref$initialData = _ref.initialData,
     initialData = _ref$initialData === void 0 ? {} : _ref$initialData,
     _ref$onSubmit = _ref.onSubmit,
-    onSubmit = _ref$onSubmit === void 0 ? noop$1 : _ref$onSubmit,
+    onSubmit = _ref$onSubmit === void 0 ? noop : _ref$onSubmit,
     _ref$isLoading = _ref.isLoading,
     isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
     visibilityOptions = _ref.visibilityOptions;
@@ -5372,10 +5498,10 @@ var Form$1 = function Form(_ref) {
     _useFetchApprovers$da2 = _useFetchApprovers$da === void 0 ? {} : _useFetchApprovers$da,
     _useFetchApprovers$da3 = _useFetchApprovers$da2.approvers,
     approvers = _useFetchApprovers$da3 === void 0 ? [] : _useFetchApprovers$da3;
-  var header = isEmpty(initialData) ? t("common.add_", {
-    what: t("common.approvalTemplate", SINGULAR).toLocaleLowerCase()
-  }) : t("common.edit_", {
-    what: t("common.approvalTemplate", SINGULAR).toLocaleLowerCase()
+  var header = isEmpty(initialData) ? t("neetoApprovals.common.add_", {
+    what: t("neetoApprovals.common.approvalTemplate", SINGULAR).toLocaleLowerCase()
+  }) : t("neetoApprovals.common.edit_", {
+    what: t("neetoApprovals.common.approvalTemplate", SINGULAR).toLocaleLowerCase()
   });
   return /*#__PURE__*/React.createElement(Pane, {
     initialFocusRef: inputReference,
@@ -5397,19 +5523,19 @@ var Form$1 = function Form(_ref) {
     autoFocus: true,
     required: true,
     className: "w-1/2",
-    label: t("common.name"),
+    label: t("neetoApprovals.common.name"),
     name: "name",
-    placeholder: t("inputs.placeholders.name")
+    placeholder: t("neetoApprovals.inputs.placeholders.name")
   }), /*#__PURE__*/React.createElement(Textarea$1, {
     className: "w-full",
-    label: t("inputs.labels.description"),
+    label: t("neetoApprovals.inputs.labels.description"),
     name: "description",
-    placeholder: t("inputs.placeholders.description")
+    placeholder: t("neetoApprovals.inputs.placeholders.description")
   }), /*#__PURE__*/React.createElement("div", {
     className: "flex space-x-6"
   }, /*#__PURE__*/React.createElement(Select, {
     required: true,
-    label: t("inputs.labels.approver"),
+    label: t("neetoApprovals.inputs.labels.approver"),
     name: "approver",
     options: approvers.map(function (approver) {
       return {
@@ -5417,24 +5543,24 @@ var Form$1 = function Form(_ref) {
         value: approver.id
       };
     }),
-    placeholder: t("inputs.placeholders.select_", {
-      what: (_t = t("common.approver", SINGULAR)) === null || _t === void 0 ? void 0 : _t.toLocaleLowerCase()
+    placeholder: t("neetoApprovals.inputs.placeholders.select_", {
+      what: (_t = t("neetoApprovals.common.approver", SINGULAR)) === null || _t === void 0 ? void 0 : _t.toLocaleLowerCase()
     })
   }), /*#__PURE__*/React.createElement(Select, {
-    label: t("common.visibility"),
+    label: t("neetoApprovals.common.visibility"),
     name: "visibility",
     options: [].concat(_toConsumableArray(visibilityOptions), [EVERYONE_VISIBILITY]),
-    placeholder: t("inputs.placeholders.select_", {
-      what: (_t2 = t("common.visibility")) === null || _t2 === void 0 ? void 0 : _t2.toLocaleLowerCase()
+    placeholder: t("neetoApprovals.inputs.placeholders.select_", {
+      what: (_t2 = t("neetoApprovals.common.visibility")) === null || _t2 === void 0 ? void 0 : _t2.toLocaleLowerCase()
     })
   })), /*#__PURE__*/React.createElement(DynamicBlock, null))), /*#__PURE__*/React.createElement(Pane.Footer, {
     className: "flex gap-x-2"
   }, /*#__PURE__*/React.createElement(Button, {
-    label: t("buttons.saveChanges"),
+    label: t("neetoApprovals.buttons.saveChanges"),
     loading: isLoading,
     type: "submit"
   }), /*#__PURE__*/React.createElement(Button, {
-    label: t("buttons.cancel"),
+    label: t("neetoApprovals.buttons.cancel"),
     style: "text",
     onClick: onClose
   })))));
@@ -5566,34 +5692,34 @@ var TemplateDetails = function TemplateDetails(_ref) {
     className: "space-y-2"
   }, /*#__PURE__*/React.createElement(Typography, {
     style: "h2"
-  }, t("common.templateDetails"))), /*#__PURE__*/React.createElement(Pane.Body, {
+  }, t("neetoApprovals.common.templateDetails"))), /*#__PURE__*/React.createElement(Pane.Body, {
     className: "space-y-6"
   }, /*#__PURE__*/React.createElement(Field$1, {
-    label: t("common.name"),
+    label: t("neetoApprovals.common.name"),
     value: name
   }), /*#__PURE__*/React.createElement(Field$1, {
-    label: t("inputs.labels.description"),
+    label: t("neetoApprovals.inputs.labels.description"),
     value: description
   }), /*#__PURE__*/React.createElement(Field$1, {
-    label: t("common.approver", SINGULAR),
+    label: t("neetoApprovals.common.approver", SINGULAR),
     value: approverName
   }), /*#__PURE__*/React.createElement(Field$1, {
-    label: t("common.visibility"),
+    label: t("neetoApprovals.common.visibility"),
     value: (accessible === null || accessible === void 0 ? void 0 : accessible.label) || EVERYONE_VISIBILITY.label
   }), (_Object$entries = Object.entries(variables || {})) === null || _Object$entries === void 0 ? void 0 : _Object$entries.map(function (_ref2) {
-    var _ref3 = _slicedToArray(_ref2, 2),
+    var _ref3 = _slicedToArray$1(_ref2, 2),
       variable = _ref3[0],
       value = _ref3[1];
     return /*#__PURE__*/React.createElement(Field$1, {
       key: value,
-      label: capitalize$1(variable),
+      label: capitalize(variable),
       value: value
     });
   }), /*#__PURE__*/React.createElement("div", {
     className: "flex w-full flex-col space-y-4"
   }, /*#__PURE__*/React.createElement(Label, {
     className: "mb-1 font-normal"
-  }, t("inputs.labels.message")), /*#__PURE__*/React.createElement(MemoizedEditorContent, {
+  }, t("neetoApprovals.inputs.labels.message")), /*#__PURE__*/React.createElement(MemoizedEditorContent, {
     className: "neeto-ui-bg-gray-100 neeto-ui-rounded-lg p-3",
     content: message
   }))));
@@ -5608,11 +5734,11 @@ var columnData = function columnData(_ref) {
     dataIndex: "name",
     key: "name",
     sorter: true,
-    title: instance.t("common.name")
+    title: instance.t("neetoApprovals.common.name")
   }, {
     dataIndex: "visibility",
     key: "visibility",
-    title: instance.t("common.visibility"),
+    title: instance.t("neetoApprovals.common.visibility"),
     render: function render(_, _ref2) {
       var accessible = _ref2.accessible;
       return (accessible === null || accessible === void 0 ? void 0 : accessible.label) || EVERYONE_VISIBILITY.label;
@@ -5640,12 +5766,12 @@ var columnData = function columnData(_ref) {
         onClick: function onClick() {
           return onEditClick(template);
         }
-      }, instance.t("common.edit")), /*#__PURE__*/React.createElement(MenuItem.Button, {
+      }, instance.t("neetoApprovals.common.edit")), /*#__PURE__*/React.createElement(MenuItem.Button, {
         "data-cy": "approvers-delete-button",
         onClick: function onClick() {
           return onDeleteClick(template);
         }
-      }, instance.t("common.delete")))));
+      }, instance.t("neetoApprovals.common.delete")))));
     }
   }];
 };
@@ -5662,19 +5788,19 @@ var Templates = function Templates(_ref) {
     helpDocUrl = _ref.helpDocUrl,
     otherProps = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState({}),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray$1(_useState, 2),
     selectedTemplate = _useState2[0],
     setSelectedTemplate = _useState2[1];
   var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
+    _useState4 = _slicedToArray$1(_useState3, 2),
     isDeleteAlertOpen = _useState4[0],
     setIsDeleteAlertOpen = _useState4[1];
   var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
+    _useState6 = _slicedToArray$1(_useState5, 2),
     isEditPaneOpen = _useState6[0],
     setIsEditPaneOpen = _useState6[1];
   var _useState7 = useState(false),
-    _useState8 = _slicedToArray(_useState7, 2),
+    _useState8 = _slicedToArray$1(_useState7, 2),
     isShowPaneOpen = _useState8[0],
     setIsShowPaneOpen = _useState8[1];
   var debouncedSearch = useDebounce(filters.search, SEARCH_DELAY);
@@ -5725,7 +5851,7 @@ var Templates = function Templates(_ref) {
     });
     setSelectedTemplate({});
   };
-  var entity = (_t = t("common.template", PLURAL)) === null || _t === void 0 ? void 0 : _t.toLocaleLowerCase();
+  var entity = (_t = t("neetoApprovals.common.template", PLURAL)) === null || _t === void 0 ? void 0 : _t.toLocaleLowerCase();
   return /*#__PURE__*/React.createElement(React.Fragment, null, isTemplateLoading ? /*#__PURE__*/React.createElement(PageLoader, null) : /*#__PURE__*/React.createElement(Table, {
     items: templates,
     setIsPaneOpen: setIsNewTemplatePaneOpen,
@@ -5754,16 +5880,16 @@ var Templates = function Templates(_ref) {
   })), /*#__PURE__*/React.createElement(Alert, {
     isOpen: isDeleteAlertOpen,
     isSubmitting: isDeleting,
-    submitButtonLabel: t("buttons.delete"),
+    submitButtonLabel: t("neetoApprovals.buttons.delete"),
     message: /*#__PURE__*/React.createElement(Trans, {
-      i18nKey: "alerts.deleting_",
+      i18nKey: "neetoApprovals.alerts.deleting_",
       values: {
-        what: (_t2 = t("common.template", SINGULAR)) === null || _t2 === void 0 ? void 0 : _t2.toLocaleLowerCase(),
+        what: (_t2 = t("neetoApprovals.common.template", SINGULAR)) === null || _t2 === void 0 ? void 0 : _t2.toLocaleLowerCase(),
         name: selectedTemplate === null || selectedTemplate === void 0 ? void 0 : selectedTemplate.name
       }
     }),
-    title: t("common.delete_", {
-      what: (_t3 = t("common.template", SINGULAR)) === null || _t3 === void 0 ? void 0 : _t3.toLocaleLowerCase()
+    title: t("neetoApprovals.common.delete_", {
+      what: (_t3 = t("neetoApprovals.common.template", SINGULAR)) === null || _t3 === void 0 ? void 0 : _t3.toLocaleLowerCase()
     }),
     onClose: function onClose() {
       return setSelectedTemplate({});
@@ -5802,16 +5928,16 @@ var createRoutes = function createRoutes(_ref) {
     path: "".concat(config.approvalsPath).concat(routes.approvers),
     actionBlock: function actionBlock() {
       return /*#__PURE__*/React.createElement(Button, {
-        label: t$2("common.add_", {
-          what: t$2("common.approver", SINGULAR).toLocaleLowerCase()
+        label: t$2("neetoApprovals.common.add_", {
+          what: t$2("neetoApprovals.common.approver", SINGULAR).toLocaleLowerCase()
         }),
         onClick: function onClick() {
           return setIsNewApproverPaneOpen(true);
         }
       });
     },
-    searchPlaceholder: t$2("inputs.placeholders.search_", {
-      what: t$2("common.approver", PLURAL).toLocaleLowerCase()
+    searchPlaceholder: t$2("neetoApprovals.inputs.placeholders.search_", {
+      what: t$2("neetoApprovals.common.approver", PLURAL).toLocaleLowerCase()
     })
   }, {
     component: function component() {
@@ -5825,16 +5951,16 @@ var createRoutes = function createRoutes(_ref) {
     path: "".concat(config.approvalsPath).concat(routes.templates.index),
     actionBlock: function actionBlock() {
       return /*#__PURE__*/React.createElement(Button, {
-        label: t$2("common.add_", {
-          what: t$2("common.approvalTemplate", SINGULAR).toLocaleLowerCase()
+        label: t$2("neetoApprovals.common.add_", {
+          what: t$2("neetoApprovals.common.approvalTemplate", SINGULAR).toLocaleLowerCase()
         }),
         onClick: function onClick() {
           return setIsNewTemplatePaneOpen(true);
         }
       });
     },
-    searchPlaceholder: t$2("inputs.placeholders.search_", {
-      what: t$2("common.template", PLURAL).toLocaleLowerCase()
+    searchPlaceholder: t$2("neetoApprovals.inputs.placeholders.search_", {
+      what: t$2("neetoApprovals.common.template", PLURAL).toLocaleLowerCase()
     })
   }, {
     component: function component() {
@@ -5864,7 +5990,7 @@ var Header = function Header(_ref) {
   }, appRoutes);
   return /*#__PURE__*/React.createElement(NeetoHeader, {
     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("common.approval", PLURAL),
+    title: t("neetoApprovals.common.approval", PLURAL),
     searchProps: (currentTab === null || currentTab === void 0 ? void 0 : currentTab.searchPlaceholder) && {
       onChange: function onChange(event) {
         return setFilters(assoc("search", event.target.value));
@@ -5934,15 +6060,15 @@ function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) {
 var Approvals = function Approvals(_ref) {
   var config = _ref.config;
   var _useState = useState(DEFAULT_FILTER_VALUES),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray$1(_useState, 2),
     filters = _useState2[0],
     setFilters = _useState2[1];
   var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
+    _useState4 = _slicedToArray$1(_useState3, 2),
     isNewTemplatePaneOpen = _useState4[0],
     setIsNewTemplatePaneOpen = _useState4[1];
   var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
+    _useState6 = _slicedToArray$1(_useState5, 2),
     isNewApproverPaneOpen = _useState6[0],
     setIsNewApproverPaneOpen = _useState6[1];
   var appRoutes = createRoutes({
@@ -5987,7 +6113,7 @@ var Form = function Form(_ref) {
     onSubmit = _ref.onSubmit,
     isLoading = _ref.isLoading;
   var _useState = useState({}),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray$1(_useState, 2),
     selectedTemplateData = _useState2[0],
     setSelectedTemplateData = _useState2[1];
   var _useTranslation = useTranslation(),
@@ -6045,8 +6171,8 @@ var Form = function Form(_ref) {
     onClose: onClose
   }, /*#__PURE__*/React.createElement(Pane.Header, null, /*#__PURE__*/React.createElement(Typography, {
     style: "h2"
-  }, t("common.add_", {
-    what: (_t = t("common.approval", SINGULAR)) === null || _t === void 0 ? void 0 : _t.toLocaleLowerCase()
+  }, t("neetoApprovals.common.add_", {
+    what: (_t = t("neetoApprovals.common.approval", SINGULAR)) === null || _t === void 0 ? void 0 : _t.toLocaleLowerCase()
   }))), /*#__PURE__*/React.createElement(Form$3, {
     formikProps: {
       onSubmit: handleSubmit,
@@ -6061,14 +6187,14 @@ var Form = function Form(_ref) {
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Pane.Body, null, /*#__PURE__*/React.createElement("div", {
       className: "w-full space-y-6"
     }, /*#__PURE__*/React.createElement(Select$1, {
-      label: t("select.approval"),
+      label: t("neetoApprovals.select.approval"),
       options: templateOptions,
       onChange: function onChange(selectedTemplate) {
         return handleTemplateChange(selectedTemplate, setFieldValue, resetForm);
       }
     }), isPresent(variables) && /*#__PURE__*/React.createElement("div", {
       className: "space-y-2"
-    }, /*#__PURE__*/React.createElement(Label, null, t("inputs.labels.variableMapping")), /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React.createElement(Label, null, t("neetoApprovals.inputs.labels.variableMapping")), /*#__PURE__*/React.createElement("div", {
       className: "neeto-ui-bg-gray-100 neeto-ui-border-gray-300 neeto-ui-rounded-lg space-y-4 border p-3"
     }, /*#__PURE__*/React.createElement(FieldArray, {
       name: "variables"
@@ -6084,7 +6210,7 @@ var Form = function Form(_ref) {
       });
     }))), (selectedTemplateData === null || selectedTemplateData === void 0 ? void 0 : selectedTemplateData.message) && /*#__PURE__*/React.createElement("div", {
       className: "space-y-2"
-    }, /*#__PURE__*/React.createElement(Label, null, t("inputs.labels.message")), /*#__PURE__*/React.createElement(EditorContent, {
+    }, /*#__PURE__*/React.createElement(Label, null, t("neetoApprovals.inputs.labels.message")), /*#__PURE__*/React.createElement(EditorContent, {
       className: "neeto-ui-bg-gray-100 neeto-ui-rounded-lg p-3",
       content: selectedTemplateData === null || selectedTemplateData === void 0 ? void 0 : selectedTemplateData.message,
       name: "message",
@@ -6093,11 +6219,11 @@ var Form = function Form(_ref) {
       className: "flex gap-x-2"
     }, /*#__PURE__*/React.createElement(Button, {
       disabled: !dirty,
-      label: t("buttons.saveChanges"),
+      label: t("neetoApprovals.buttons.saveChanges"),
       loading: isLoading,
       type: "submit"
     }), /*#__PURE__*/React.createElement(Button, {
-      label: t("buttons.cancel"),
+      label: t("neetoApprovals.buttons.cancel"),
       style: "text",
       onClick: onClose
     })));
@@ -6165,7 +6291,7 @@ var useDeclinePendingRequest = function useDeclinePendingRequest(options) {
 var Public = function Public() {
   var _t;
   var _useState = useState(""),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray$1(_useState, 2),
     note = _useState2[0],
     setNote = _useState2[1];
   var _useParams = useParams(),
@@ -6199,7 +6325,7 @@ var Public = function Public() {
     }, /*#__PURE__*/React.createElement(PageLoader, null));
   }
   return /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(NeetoHeader, {
-    title: t("common.approval", PLURAL)
+    title: t("neetoApprovals.common.approval", PLURAL)
   }), /*#__PURE__*/React.createElement("div", {
     className: "flex h-screen w-full flex-col items-center"
   }, /*#__PURE__*/React.createElement("div", {
@@ -6211,9 +6337,9 @@ var Public = function Public() {
   }, approvalRequest.title), /*#__PURE__*/React.createElement(EditorContent, {
     content: approvalRequest.message
   }), !hideTextArea && /*#__PURE__*/React.createElement(Textarea, {
-    label: t("common.note"),
-    placeholder: t("inputs.placeholders.add_", {
-      what: (_t = t("common.note")) === null || _t === void 0 ? void 0 : _t.toLocaleLowerCase()
+    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()
     }),
     value: note,
     disabled: approvalRequest.status !== STATUSES.pending,
@@ -6221,7 +6347,7 @@ var Public = function Public() {
   }), approvalRequest.status === STATUSES.pending ? /*#__PURE__*/React.createElement("div", {
     className: "mx-auto mt-8 flex space-x-6"
   }, /*#__PURE__*/React.createElement(Button, {
-    label: t("buttons.approve"),
+    label: t("neetoApprovals.buttons.approve"),
     onClick: function onClick() {
       return acceptPendingRequest({
         id: approvalRequest.id,
@@ -6230,7 +6356,7 @@ var Public = function Public() {
     },
     loading: isAccepting
   }), /*#__PURE__*/React.createElement(Button, {
-    label: t("buttons.decline"),
+    label: t("neetoApprovals.buttons.decline"),
     onClick: function onClick() {
       return declinePendingRequest({
         id: approvalRequest.id,
@@ -6244,14 +6370,14 @@ var Public = function Public() {
   }, /*#__PURE__*/React.createElement(Typography, {
     style: "body1"
   }, /*#__PURE__*/React.createElement(Trans, {
-    i18nKey: "typography.approvalRequest",
+    i18nKey: "neetoApprovals.typography.approvalRequest",
     values: {
       status: approvalRequest.status
     }
   })))) : /*#__PURE__*/React.createElement(Typography, {
     style: "h4",
     className: "text-center"
-  }, t("common.notFound")))));
+  }, t("neetoApprovals.common.notFound")))));
 };
 
 var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}