@bigbinary/neeto-webhooks-frontend 1.5.9 → 1.6.1

package/dist/index.cjs.js

@@ -4,18 +4,23 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var reactRouterDom = require('react-router-dom');
-var classNames = require('classnames');
-var pure = require('@bigbinary/neeto-commons-frontend/pure');
-var utils = require('@bigbinary/neeto-commons-frontend/utils');
-var neetoIcons = require('@bigbinary/neeto-icons');
+var neetoCist = require('@bigbinary/neeto-cist');
+var Container = require('@bigbinary/neeto-molecules/Container');
 var Header$2 = require('@bigbinary/neeto-molecules/Header');
 var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
+var TableWrapper = require('@bigbinary/neeto-molecules/TableWrapper');
 var neetoui = require('@bigbinary/neetoui');
-var ramda = require('ramda');
+var reactI18next = require('react-i18next');
 var reactQuery = require('react-query');
 var devtools = require('react-query/devtools');
+var constants = require('@bigbinary/neeto-commons-frontend/constants');
 var axios = require('axios');
+var DateFormat = require('@bigbinary/neeto-molecules/DateFormat');
+var i18next = require('i18next');
+var ramda = require('ramda');
+var neetoIcons = require('@bigbinary/neeto-icons');
 var formik = require('@bigbinary/neetoui/formik');
+var utils = require('@bigbinary/neeto-commons-frontend/utils');
 var yup = require('yup');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -39,2955 +44,166 @@ function _interopNamespace(e) {
 }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
 var Header__default = /*#__PURE__*/_interopDefaultLegacy(Header$2);
 var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
+var TableWrapper__default = /*#__PURE__*/_interopDefaultLegacy(TableWrapper);
 var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
+var DateFormat__default = /*#__PURE__*/_interopDefaultLegacy(DateFormat);
 var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
 
-const consoleLogger = {
-  type: 'logger',
-  log(args) {
-    this.output('log', args);
-  },
-  warn(args) {
-    this.output('warn', args);
-  },
-  error(args) {
-    this.output('error', args);
-  },
-  output(type, args) {
-    if (console && console[type]) console[type].apply(console, args);
-  }
+var getDeliveriesPath = function getDeliveriesPath(webhooksPath) {
+  return "".concat(webhooksPath, "/:webhookId/deliveries");
 };
-class Logger {
-  constructor(concreteLogger) {
-    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    this.init(concreteLogger, options);
-  }
-  init(concreteLogger) {
-    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    this.prefix = options.prefix || 'i18next:';
-    this.logger = concreteLogger || consoleLogger;
-    this.options = options;
-    this.debug = options.debug;
-  }
-  log() {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    return this.forward(args, 'log', '', true);
-  }
-  warn() {
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
-    }
-    return this.forward(args, 'warn', '', true);
-  }
-  error() {
-    for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-      args[_key3] = arguments[_key3];
-    }
-    return this.forward(args, 'error', '');
-  }
-  deprecate() {
-    for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-      args[_key4] = arguments[_key4];
-    }
-    return this.forward(args, 'warn', 'WARNING DEPRECATED: ', true);
-  }
-  forward(args, lvl, prefix, debugOnly) {
-    if (debugOnly && !this.debug) return null;
-    if (typeof args[0] === 'string') args[0] = `${prefix}${this.prefix} ${args[0]}`;
-    return this.logger[lvl](args);
-  }
-  create(moduleName) {
-    return new Logger(this.logger, {
-      ...{
-        prefix: `${this.prefix}:${moduleName}:`
-      },
-      ...this.options
-    });
-  }
-  clone(options) {
-    options = options || this.options;
-    options.prefix = options.prefix || this.prefix;
-    return new Logger(this.logger, options);
-  }
-}
-var baseLogger = new Logger();
 
-class EventEmitter {
-  constructor() {
-    this.observers = {};
-  }
-  on(events, listener) {
-    events.split(' ').forEach(event => {
-      this.observers[event] = this.observers[event] || [];
-      this.observers[event].push(listener);
-    });
-    return this;
-  }
-  off(event, listener) {
-    if (!this.observers[event]) return;
-    if (!listener) {
-      delete this.observers[event];
-      return;
-    }
-    this.observers[event] = this.observers[event].filter(l => l !== listener);
-  }
-  emit(event) {
-    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      args[_key - 1] = arguments[_key];
-    }
-    if (this.observers[event]) {
-      const cloned = [].concat(this.observers[event]);
-      cloned.forEach(observer => {
-        observer(...args);
-      });
-    }
-    if (this.observers['*']) {
-      const cloned = [].concat(this.observers['*']);
-      cloned.forEach(observer => {
-        observer.apply(observer, [event, ...args]);
-      });
-    }
-  }
+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 defer() {
-  let res;
-  let rej;
-  const promise = new Promise((resolve, reject) => {
-    res = resolve;
-    rej = reject;
-  });
-  promise.resolve = res;
-  promise.reject = rej;
-  return promise;
-}
-function makeString(object) {
-  if (object == null) return '';
-  return '' + object;
-}
-function copy(a, s, t) {
-  a.forEach(m => {
-    if (s[m]) t[m] = s[m];
-  });
-}
-function getLastOfPath(object, path, Empty) {
-  function cleanKey(key) {
-    return key && key.indexOf('###') > -1 ? key.replace(/###/g, '.') : key;
-  }
-  function canNotTraverseDeeper() {
-    return !object || typeof object === 'string';
-  }
-  const stack = typeof path !== 'string' ? [].concat(path) : path.split('.');
-  while (stack.length > 1) {
-    if (canNotTraverseDeeper()) return {};
-    const key = cleanKey(stack.shift());
-    if (!object[key] && Empty) object[key] = new Empty();
-    if (Object.prototype.hasOwnProperty.call(object, key)) {
-      object = object[key];
-    } else {
-      object = {};
-    }
-  }
-  if (canNotTraverseDeeper()) return {};
-  return {
-    obj: object,
-    k: cleanKey(stack.shift())
-  };
-}
-function setPath(object, path, newValue) {
-  const {
-    obj,
-    k
-  } = getLastOfPath(object, path, Object);
-  obj[k] = newValue;
-}
-function pushPath(object, path, newValue, concat) {
-  const {
-    obj,
-    k
-  } = getLastOfPath(object, path, Object);
-  obj[k] = obj[k] || [];
-  if (concat) obj[k] = obj[k].concat(newValue);
-  if (!concat) obj[k].push(newValue);
-}
-function getPath(object, path) {
-  const {
-    obj,
-    k
-  } = getLastOfPath(object, path);
-  if (!obj) return undefined;
-  return obj[k];
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
 }
-function getPathWithDefaults(data, defaultData, key) {
-  const value = getPath(data, key);
-  if (value !== undefined) {
-    return value;
-  }
-  return getPath(defaultData, key);
+
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
-function deepExtend(target, source, overwrite) {
-  for (const prop in source) {
-    if (prop !== '__proto__' && prop !== 'constructor') {
-      if (prop in target) {
-        if (typeof target[prop] === 'string' || target[prop] instanceof String || typeof source[prop] === 'string' || source[prop] instanceof String) {
-          if (overwrite) target[prop] = source[prop];
-        } else {
-          deepExtend(target[prop], source[prop], overwrite);
-        }
-      } else {
-        target[prop] = source[prop];
-      }
-    }
-  }
-  return target;
+
+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 regexEscape(str) {
-  return str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, '\\$&');
+
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-var _entityMap = {
-  '&': '&amp;',
-  '<': '&lt;',
-  '>': '&gt;',
-  '"': '&quot;',
-  "'": '&#39;',
-  '/': '&#x2F;'
-};
-function escape(data) {
-  if (typeof data === 'string') {
-    return data.replace(/[&<>"'\/]/g, s => _entityMap[s]);
-  }
-  return data;
+
+function _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
-const chars = [' ', ',', '?', '!', ';'];
-function looksLikeObjectPath(key, nsSeparator, keySeparator) {
-  nsSeparator = nsSeparator || '';
-  keySeparator = keySeparator || '';
-  const possibleChars = chars.filter(c => nsSeparator.indexOf(c) < 0 && keySeparator.indexOf(c) < 0);
-  if (possibleChars.length === 0) return true;
-  const r = new RegExp(`(${possibleChars.map(c => c === '?' ? '\\?' : c).join('|')})`);
-  let matched = !r.test(key);
-  if (!matched) {
-    const ki = key.indexOf(keySeparator);
-    if (ki > 0 && !r.test(key.substring(0, ki))) {
-      matched = true;
-    }
-  }
-  return matched;
+
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
 }
-function deepFind(obj, path) {
-  let keySeparator = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '.';
-  if (!obj) return undefined;
-  if (obj[path]) return obj[path];
-  const paths = path.split(keySeparator);
-  let current = obj;
-  for (let i = 0; i < paths.length; ++i) {
-    if (!current) return undefined;
-    if (typeof current[paths[i]] === 'string' && i + 1 < paths.length) {
-      return undefined;
-    }
-    if (current[paths[i]] === undefined) {
-      let j = 2;
-      let p = paths.slice(i, i + j).join(keySeparator);
-      let mix = current[p];
-      while (mix === undefined && paths.length > i + j) {
-        j++;
-        p = paths.slice(i, i + j).join(keySeparator);
-        mix = current[p];
-      }
-      if (mix === undefined) return undefined;
-      if (mix === null) return null;
-      if (path.endsWith(p)) {
-        if (typeof mix === 'string') return mix;
-        if (p && typeof mix[p] === 'string') return mix[p];
+
+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;
       }
-      const joinedPath = paths.slice(i + j).join(keySeparator);
-      if (joinedPath) return deepFind(mix, joinedPath, keySeparator);
-      return undefined;
     }
-    current = current[paths[i]];
+    return _arr;
   }
-  return current;
-}
-function getCleanedCode(code) {
-  if (code && code.indexOf('_') > 0) return code.replace('_', '-');
-  return code;
 }
 
-class ResourceStore extends EventEmitter {
-  constructor(data) {
-    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
-      ns: ['translation'],
-      defaultNS: 'translation'
-    };
-    super();
-    this.data = data || {};
-    this.options = options;
-    if (this.options.keySeparator === undefined) {
-      this.options.keySeparator = '.';
-    }
-    if (this.options.ignoreJSONStructure === undefined) {
-      this.options.ignoreJSONStructure = true;
-    }
-  }
-  addNamespaces(ns) {
-    if (this.options.ns.indexOf(ns) < 0) {
-      this.options.ns.push(ns);
-    }
-  }
-  removeNamespaces(ns) {
-    const index = this.options.ns.indexOf(ns);
-    if (index > -1) {
-      this.options.ns.splice(index, 1);
-    }
-  }
-  getResource(lng, ns, key) {
-    let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
-    const keySeparator = options.keySeparator !== undefined ? options.keySeparator : this.options.keySeparator;
-    const ignoreJSONStructure = options.ignoreJSONStructure !== undefined ? options.ignoreJSONStructure : this.options.ignoreJSONStructure;
-    let path = [lng, ns];
-    if (key && typeof key !== 'string') path = path.concat(key);
-    if (key && typeof key === 'string') path = path.concat(keySeparator ? key.split(keySeparator) : key);
-    if (lng.indexOf('.') > -1) {
-      path = lng.split('.');
-    }
-    const result = getPath(this.data, path);
-    if (result || !ignoreJSONStructure || typeof key !== 'string') return result;
-    return deepFind(this.data && this.data[lng] && this.data[lng][ns], key, keySeparator);
-  }
-  addResource(lng, ns, key, value) {
-    let options = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {
-      silent: false
-    };
-    const keySeparator = options.keySeparator !== undefined ? options.keySeparator : this.options.keySeparator;
-    let path = [lng, ns];
-    if (key) path = path.concat(keySeparator ? key.split(keySeparator) : key);
-    if (lng.indexOf('.') > -1) {
-      path = lng.split('.');
-      value = ns;
-      ns = path[1];
-    }
-    this.addNamespaces(ns);
-    setPath(this.data, path, value);
-    if (!options.silent) this.emit('added', lng, ns, key, value);
-  }
-  addResources(lng, ns, resources) {
-    let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {
-      silent: false
-    };
-    for (const m in resources) {
-      if (typeof resources[m] === 'string' || Object.prototype.toString.apply(resources[m]) === '[object Array]') this.addResource(lng, ns, m, resources[m], {
-        silent: true
-      });
-    }
-    if (!options.silent) this.emit('added', lng, ns, resources);
-  }
-  addResourceBundle(lng, ns, resources, deep, overwrite) {
-    let options = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {
-      silent: false
-    };
-    let path = [lng, ns];
-    if (lng.indexOf('.') > -1) {
-      path = lng.split('.');
-      deep = resources;
-      resources = ns;
-      ns = path[1];
-    }
-    this.addNamespaces(ns);
-    let pack = getPath(this.data, path) || {};
-    if (deep) {
-      deepExtend(pack, resources, overwrite);
-    } else {
-      pack = {
-        ...pack,
-        ...resources
-      };
-    }
-    setPath(this.data, path, pack);
-    if (!options.silent) this.emit('added', lng, ns, resources);
-  }
-  removeResourceBundle(lng, ns) {
-    if (this.hasResourceBundle(lng, ns)) {
-      delete this.data[lng][ns];
-    }
-    this.removeNamespaces(ns);
-    this.emit('removed', lng, ns);
-  }
-  hasResourceBundle(lng, ns) {
-    return this.getResource(lng, ns) !== undefined;
-  }
-  getResourceBundle(lng, ns) {
-    if (!ns) ns = this.options.defaultNS;
-    if (this.options.compatibilityAPI === 'v1') return {
-      ...{},
-      ...this.getResource(lng, ns)
-    };
-    return this.getResource(lng, ns);
-  }
-  getDataByLanguage(lng) {
-    return this.data[lng];
-  }
-  hasLanguageSomeTranslations(lng) {
-    const data = this.getDataByLanguage(lng);
-    const n = data && Object.keys(data) || [];
-    return !!n.find(v => data[v] && Object.keys(data[v]).length > 0);
-  }
-  toJSON() {
-    return this.data;
-  }
+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.");
 }
 
-var postProcessor = {
-  processors: {},
-  addPostProcessor(module) {
-    this.processors[module.name] = module;
-  },
-  handle(processors, value, key, options, translator) {
-    processors.forEach(processor => {
-      if (this.processors[processor]) value = this.processors[processor].process(value, key, options, translator);
-    });
-    return value;
-  }
-};
-
-const checkedLoadedFor = {};
-class Translator extends EventEmitter {
-  constructor(services) {
-    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    super();
-    copy(['resourceStore', 'languageUtils', 'pluralResolver', 'interpolator', 'backendConnector', 'i18nFormat', 'utils'], services, this);
-    this.options = options;
-    if (this.options.keySeparator === undefined) {
-      this.options.keySeparator = '.';
-    }
-    this.logger = baseLogger.create('translator');
-  }
-  changeLanguage(lng) {
-    if (lng) this.language = lng;
-  }
-  exists(key) {
-    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
-      interpolation: {}
-    };
-    if (key === undefined || key === null) {
-      return false;
-    }
-    const resolved = this.resolve(key, options);
-    return resolved && resolved.res !== undefined;
-  }
-  extractFromKey(key, options) {
-    let nsSeparator = options.nsSeparator !== undefined ? options.nsSeparator : this.options.nsSeparator;
-    if (nsSeparator === undefined) nsSeparator = ':';
-    const keySeparator = options.keySeparator !== undefined ? options.keySeparator : this.options.keySeparator;
-    let namespaces = options.ns || this.options.defaultNS || [];
-    const wouldCheckForNsInKey = nsSeparator && key.indexOf(nsSeparator) > -1;
-    const seemsNaturalLanguage = !this.options.userDefinedKeySeparator && !options.keySeparator && !this.options.userDefinedNsSeparator && !options.nsSeparator && !looksLikeObjectPath(key, nsSeparator, keySeparator);
-    if (wouldCheckForNsInKey && !seemsNaturalLanguage) {
-      const m = key.match(this.interpolator.nestingRegexp);
-      if (m && m.length > 0) {
-        return {
-          key,
-          namespaces
-        };
-      }
-      const parts = key.split(nsSeparator);
-      if (nsSeparator !== keySeparator || nsSeparator === keySeparator && this.options.ns.indexOf(parts[0]) > -1) namespaces = parts.shift();
-      key = parts.join(keySeparator);
-    }
-    if (typeof namespaces === 'string') namespaces = [namespaces];
-    return {
-      key,
-      namespaces
-    };
-  }
-  translate(keys, options, lastKey) {
-    if (typeof options !== 'object' && this.options.overloadTranslationOptionHandler) {
-      options = this.options.overloadTranslationOptionHandler(arguments);
-    }
-    if (typeof options === 'object') options = {
-      ...options
-    };
-    if (!options) options = {};
-    if (keys === undefined || keys === null) return '';
-    if (!Array.isArray(keys)) keys = [String(keys)];
-    const returnDetails = options.returnDetails !== undefined ? options.returnDetails : this.options.returnDetails;
-    const keySeparator = options.keySeparator !== undefined ? options.keySeparator : this.options.keySeparator;
-    const {
-      key,
-      namespaces
-    } = this.extractFromKey(keys[keys.length - 1], options);
-    const namespace = namespaces[namespaces.length - 1];
-    const lng = options.lng || this.language;
-    const appendNamespaceToCIMode = options.appendNamespaceToCIMode || this.options.appendNamespaceToCIMode;
-    if (lng && lng.toLowerCase() === 'cimode') {
-      if (appendNamespaceToCIMode) {
-        const nsSeparator = options.nsSeparator || this.options.nsSeparator;
-        if (returnDetails) {
-          return {
-            res: `${namespace}${nsSeparator}${key}`,
-            usedKey: key,
-            exactUsedKey: key,
-            usedLng: lng,
-            usedNS: namespace
-          };
-        }
-        return `${namespace}${nsSeparator}${key}`;
-      }
-      if (returnDetails) {
-        return {
-          res: key,
-          usedKey: key,
-          exactUsedKey: key,
-          usedLng: lng,
-          usedNS: namespace
-        };
-      }
-      return key;
-    }
-    const resolved = this.resolve(keys, options);
-    let res = resolved && resolved.res;
-    const resUsedKey = resolved && resolved.usedKey || key;
-    const resExactUsedKey = resolved && resolved.exactUsedKey || key;
-    const resType = Object.prototype.toString.apply(res);
-    const noObject = ['[object Number]', '[object Function]', '[object RegExp]'];
-    const joinArrays = options.joinArrays !== undefined ? options.joinArrays : this.options.joinArrays;
-    const handleAsObjectInI18nFormat = !this.i18nFormat || this.i18nFormat.handleAsObject;
-    const handleAsObject = typeof res !== 'string' && typeof res !== 'boolean' && typeof res !== 'number';
-    if (handleAsObjectInI18nFormat && res && handleAsObject && noObject.indexOf(resType) < 0 && !(typeof joinArrays === 'string' && resType === '[object Array]')) {
-      if (!options.returnObjects && !this.options.returnObjects) {
-        if (!this.options.returnedObjectHandler) {
-          this.logger.warn('accessing an object - but returnObjects options is not enabled!');
-        }
-        const r = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(resUsedKey, res, {
-          ...options,
-          ns: namespaces
-        }) : `key '${key} (${this.language})' returned an object instead of string.`;
-        if (returnDetails) {
-          resolved.res = r;
-          return resolved;
-        }
-        return r;
-      }
-      if (keySeparator) {
-        const resTypeIsArray = resType === '[object Array]';
-        const copy = resTypeIsArray ? [] : {};
-        const newKeyToUse = resTypeIsArray ? resExactUsedKey : resUsedKey;
-        for (const m in res) {
-          if (Object.prototype.hasOwnProperty.call(res, m)) {
-            const deepKey = `${newKeyToUse}${keySeparator}${m}`;
-            copy[m] = this.translate(deepKey, {
-              ...options,
-              ...{
-                joinArrays: false,
-                ns: namespaces
-              }
-            });
-            if (copy[m] === deepKey) copy[m] = res[m];
-          }
-        }
-        res = copy;
-      }
-    } else if (handleAsObjectInI18nFormat && typeof joinArrays === 'string' && resType === '[object Array]') {
-      res = res.join(joinArrays);
-      if (res) res = this.extendTranslation(res, keys, options, lastKey);
-    } else {
-      let usedDefault = false;
-      let usedKey = false;
-      const needsPluralHandling = options.count !== undefined && typeof options.count !== 'string';
-      const hasDefaultValue = Translator.hasDefaultValue(options);
-      const defaultValueSuffix = needsPluralHandling ? this.pluralResolver.getSuffix(lng, options.count, options) : '';
-      const defaultValueSuffixOrdinalFallback = options.ordinal && needsPluralHandling ? this.pluralResolver.getSuffix(lng, options.count, {
-        ordinal: false
-      }) : '';
-      const defaultValue = options[`defaultValue${defaultValueSuffix}`] || options[`defaultValue${defaultValueSuffixOrdinalFallback}`] || options.defaultValue;
-      if (!this.isValidLookup(res) && hasDefaultValue) {
-        usedDefault = true;
-        res = defaultValue;
-      }
-      if (!this.isValidLookup(res)) {
-        usedKey = true;
-        res = key;
-      }
-      const missingKeyNoValueFallbackToKey = options.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey;
-      const resForMissing = missingKeyNoValueFallbackToKey && usedKey ? undefined : res;
-      const updateMissing = hasDefaultValue && defaultValue !== res && this.options.updateMissing;
-      if (usedKey || usedDefault || updateMissing) {
-        this.logger.log(updateMissing ? 'updateKey' : 'missingKey', lng, namespace, key, updateMissing ? defaultValue : res);
-        if (keySeparator) {
-          const fk = this.resolve(key, {
-            ...options,
-            keySeparator: false
-          });
-          if (fk && fk.res) this.logger.warn('Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.');
-        }
-        let lngs = [];
-        const fallbackLngs = this.languageUtils.getFallbackCodes(this.options.fallbackLng, options.lng || this.language);
-        if (this.options.saveMissingTo === 'fallback' && fallbackLngs && fallbackLngs[0]) {
-          for (let i = 0; i < fallbackLngs.length; i++) {
-            lngs.push(fallbackLngs[i]);
-          }
-        } else if (this.options.saveMissingTo === 'all') {
-          lngs = this.languageUtils.toResolveHierarchy(options.lng || this.language);
-        } else {
-          lngs.push(options.lng || this.language);
-        }
-        const send = (l, k, specificDefaultValue) => {
-          const defaultForMissing = hasDefaultValue && specificDefaultValue !== res ? specificDefaultValue : resForMissing;
-          if (this.options.missingKeyHandler) {
-            this.options.missingKeyHandler(l, namespace, k, defaultForMissing, updateMissing, options);
-          } else if (this.backendConnector && this.backendConnector.saveMissing) {
-            this.backendConnector.saveMissing(l, namespace, k, defaultForMissing, updateMissing, options);
-          }
-          this.emit('missingKey', l, namespace, k, res);
-        };
-        if (this.options.saveMissing) {
-          if (this.options.saveMissingPlurals && needsPluralHandling) {
-            lngs.forEach(language => {
-              this.pluralResolver.getSuffixes(language, options).forEach(suffix => {
-                send([language], key + suffix, options[`defaultValue${suffix}`] || defaultValue);
-              });
-            });
-          } else {
-            send(lngs, key, defaultValue);
-          }
-        }
-      }
-      res = this.extendTranslation(res, keys, options, resolved, lastKey);
-      if (usedKey && res === key && this.options.appendNamespaceToMissingKey) res = `${namespace}:${key}`;
-      if ((usedKey || usedDefault) && this.options.parseMissingKeyHandler) {
-        if (this.options.compatibilityAPI !== 'v1') {
-          res = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${namespace}:${key}` : key, usedDefault ? res : undefined);
-        } else {
-          res = this.options.parseMissingKeyHandler(res);
-        }
-      }
-    }
-    if (returnDetails) {
-      resolved.res = res;
-      return resolved;
-    }
-    return res;
-  }
-  extendTranslation(res, key, options, resolved, lastKey) {
-    var _this = this;
-    if (this.i18nFormat && this.i18nFormat.parse) {
-      res = this.i18nFormat.parse(res, {
-        ...this.options.interpolation.defaultVariables,
-        ...options
-      }, resolved.usedLng, resolved.usedNS, resolved.usedKey, {
-        resolved
-      });
-    } else if (!options.skipInterpolation) {
-      if (options.interpolation) this.interpolator.init({
-        ...options,
-        ...{
-          interpolation: {
-            ...this.options.interpolation,
-            ...options.interpolation
-          }
-        }
-      });
-      const skipOnVariables = typeof res === 'string' && (options && options.interpolation && options.interpolation.skipOnVariables !== undefined ? options.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables);
-      let nestBef;
-      if (skipOnVariables) {
-        const nb = res.match(this.interpolator.nestingRegexp);
-        nestBef = nb && nb.length;
-      }
-      let data = options.replace && typeof options.replace !== 'string' ? options.replace : options;
-      if (this.options.interpolation.defaultVariables) data = {
-        ...this.options.interpolation.defaultVariables,
-        ...data
-      };
-      res = this.interpolator.interpolate(res, data, options.lng || this.language, options);
-      if (skipOnVariables) {
-        const na = res.match(this.interpolator.nestingRegexp);
-        const nestAft = na && na.length;
-        if (nestBef < nestAft) options.nest = false;
-      }
-      if (!options.lng && this.options.compatibilityAPI !== 'v1' && resolved && resolved.res) options.lng = resolved.usedLng;
-      if (options.nest !== false) res = this.interpolator.nest(res, function () {
-        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-          args[_key] = arguments[_key];
-        }
-        if (lastKey && lastKey[0] === args[0] && !options.context) {
-          _this.logger.warn(`It seems you are nesting recursively key: ${args[0]} in key: ${key[0]}`);
-          return null;
-        }
-        return _this.translate(...args, key);
-      }, options);
-      if (options.interpolation) this.interpolator.reset();
-    }
-    const postProcess = options.postProcess || this.options.postProcess;
-    const postProcessorNames = typeof postProcess === 'string' ? [postProcess] : postProcess;
-    if (res !== undefined && res !== null && postProcessorNames && postProcessorNames.length && options.applyPostProcessor !== false) {
-      res = postProcessor.handle(postProcessorNames, res, key, this.options && this.options.postProcessPassResolved ? {
-        i18nResolved: resolved,
-        ...options
-      } : options, this);
-    }
-    return res;
-  }
-  resolve(keys) {
-    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    let found;
-    let usedKey;
-    let exactUsedKey;
-    let usedLng;
-    let usedNS;
-    if (typeof keys === 'string') keys = [keys];
-    keys.forEach(k => {
-      if (this.isValidLookup(found)) return;
-      const extracted = this.extractFromKey(k, options);
-      const key = extracted.key;
-      usedKey = key;
-      let namespaces = extracted.namespaces;
-      if (this.options.fallbackNS) namespaces = namespaces.concat(this.options.fallbackNS);
-      const needsPluralHandling = options.count !== undefined && typeof options.count !== 'string';
-      const needsZeroSuffixLookup = needsPluralHandling && !options.ordinal && options.count === 0 && this.pluralResolver.shouldUseIntlApi();
-      const needsContextHandling = options.context !== undefined && (typeof options.context === 'string' || typeof options.context === 'number') && options.context !== '';
-      const codes = options.lngs ? options.lngs : this.languageUtils.toResolveHierarchy(options.lng || this.language, options.fallbackLng);
-      namespaces.forEach(ns => {
-        if (this.isValidLookup(found)) return;
-        usedNS = ns;
-        if (!checkedLoadedFor[`${codes[0]}-${ns}`] && this.utils && this.utils.hasLoadedNamespace && !this.utils.hasLoadedNamespace(usedNS)) {
-          checkedLoadedFor[`${codes[0]}-${ns}`] = true;
-          this.logger.warn(`key "${usedKey}" for languages "${codes.join(', ')}" won't get resolved as namespace "${usedNS}" was not yet loaded`, 'This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!');
-        }
-        codes.forEach(code => {
-          if (this.isValidLookup(found)) return;
-          usedLng = code;
-          const finalKeys = [key];
-          if (this.i18nFormat && this.i18nFormat.addLookupKeys) {
-            this.i18nFormat.addLookupKeys(finalKeys, key, code, ns, options);
-          } else {
-            let pluralSuffix;
-            if (needsPluralHandling) pluralSuffix = this.pluralResolver.getSuffix(code, options.count, options);
-            const zeroSuffix = `${this.options.pluralSeparator}zero`;
-            const ordinalPrefix = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
-            if (needsPluralHandling) {
-              finalKeys.push(key + pluralSuffix);
-              if (options.ordinal && pluralSuffix.indexOf(ordinalPrefix) === 0) {
-                finalKeys.push(key + pluralSuffix.replace(ordinalPrefix, this.options.pluralSeparator));
-              }
-              if (needsZeroSuffixLookup) {
-                finalKeys.push(key + zeroSuffix);
-              }
-            }
-            if (needsContextHandling) {
-              const contextKey = `${key}${this.options.contextSeparator}${options.context}`;
-              finalKeys.push(contextKey);
-              if (needsPluralHandling) {
-                finalKeys.push(contextKey + pluralSuffix);
-                if (options.ordinal && pluralSuffix.indexOf(ordinalPrefix) === 0) {
-                  finalKeys.push(contextKey + pluralSuffix.replace(ordinalPrefix, this.options.pluralSeparator));
-                }
-                if (needsZeroSuffixLookup) {
-                  finalKeys.push(contextKey + zeroSuffix);
-                }
-              }
-            }
-          }
-          let possibleKey;
-          while (possibleKey = finalKeys.pop()) {
-            if (!this.isValidLookup(found)) {
-              exactUsedKey = possibleKey;
-              found = this.getResource(code, ns, possibleKey, options);
-            }
-          }
-        });
-      });
-    });
-    return {
-      res: found,
-      usedKey,
-      exactUsedKey,
-      usedLng,
-      usedNS
-    };
-  }
-  isValidLookup(res) {
-    return res !== undefined && !(!this.options.returnNull && res === null) && !(!this.options.returnEmptyString && res === '');
-  }
-  getResource(code, ns, key) {
-    let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
-    if (this.i18nFormat && this.i18nFormat.getResource) return this.i18nFormat.getResource(code, ns, key, options);
-    return this.resourceStore.getResource(code, ns, key, options);
-  }
-  static hasDefaultValue(options) {
-    const prefix = 'defaultValue';
-    for (const option in options) {
-      if (Object.prototype.hasOwnProperty.call(options, option) && prefix === option.substring(0, prefix.length) && undefined !== options[option]) {
-        return true;
-      }
-    }
-    return false;
-  }
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-function capitalize(string) {
-  return string.charAt(0).toUpperCase() + string.slice(1);
-}
-class LanguageUtil {
-  constructor(options) {
-    this.options = options;
-    this.supportedLngs = this.options.supportedLngs || false;
-    this.logger = baseLogger.create('languageUtils');
-  }
-  getScriptPartFromCode(code) {
-    code = getCleanedCode(code);
-    if (!code || code.indexOf('-') < 0) return null;
-    const p = code.split('-');
-    if (p.length === 2) return null;
-    p.pop();
-    if (p[p.length - 1].toLowerCase() === 'x') return null;
-    return this.formatLanguageCode(p.join('-'));
-  }
-  getLanguagePartFromCode(code) {
-    code = getCleanedCode(code);
-    if (!code || code.indexOf('-') < 0) return code;
-    const p = code.split('-');
-    return this.formatLanguageCode(p[0]);
-  }
-  formatLanguageCode(code) {
-    if (typeof code === 'string' && code.indexOf('-') > -1) {
-      const specialCases = ['hans', 'hant', 'latn', 'cyrl', 'cans', 'mong', 'arab'];
-      let p = code.split('-');
-      if (this.options.lowerCaseLng) {
-        p = p.map(part => part.toLowerCase());
-      } 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());
-      } 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());
-      }
-      return p.join('-');
-    }
-    return this.options.cleanCode || this.options.lowerCaseLng ? code.toLowerCase() : code;
-  }
-  isSupportedCode(code) {
-    if (this.options.load === 'languageOnly' || this.options.nonExplicitSupportedLngs) {
-      code = this.getLanguagePartFromCode(code);
-    }
-    return !this.supportedLngs || !this.supportedLngs.length || this.supportedLngs.indexOf(code) > -1;
-  }
-  getBestMatchFromCodes(codes) {
-    if (!codes) return null;
-    let found;
-    codes.forEach(code => {
-      if (found) return;
-      const cleanedLng = this.formatLanguageCode(code);
-      if (!this.options.supportedLngs || this.isSupportedCode(cleanedLng)) found = cleanedLng;
-    });
-    if (!found && this.options.supportedLngs) {
-      codes.forEach(code => {
-        if (found) return;
-        const lngOnly = this.getLanguagePartFromCode(code);
-        if (this.isSupportedCode(lngOnly)) return found = lngOnly;
-        found = this.options.supportedLngs.find(supportedLng => {
-          if (supportedLng === lngOnly) return supportedLng;
-          if (supportedLng.indexOf('-') < 0 && lngOnly.indexOf('-') < 0) return;
-          if (supportedLng.indexOf(lngOnly) === 0) return supportedLng;
-        });
-      });
-    }
-    if (!found) found = this.getFallbackCodes(this.options.fallbackLng)[0];
-    return found;
-  }
-  getFallbackCodes(fallbacks, code) {
-    if (!fallbacks) return [];
-    if (typeof fallbacks === 'function') fallbacks = fallbacks(code);
-    if (typeof fallbacks === 'string') fallbacks = [fallbacks];
-    if (Object.prototype.toString.apply(fallbacks) === '[object Array]') return fallbacks;
-    if (!code) return fallbacks.default || [];
-    let found = fallbacks[code];
-    if (!found) found = fallbacks[this.getScriptPartFromCode(code)];
-    if (!found) found = fallbacks[this.formatLanguageCode(code)];
-    if (!found) found = fallbacks[this.getLanguagePartFromCode(code)];
-    if (!found) found = fallbacks.default;
-    return found || [];
-  }
-  toResolveHierarchy(code, fallbackCode) {
-    const fallbackCodes = this.getFallbackCodes(fallbackCode || this.options.fallbackLng || [], code);
-    const codes = [];
-    const addCode = c => {
-      if (!c) return;
-      if (this.isSupportedCode(c)) {
-        codes.push(c);
-      } else {
-        this.logger.warn(`rejecting language code not found in supportedLngs: ${c}`);
-      }
-    };
-    if (typeof code === 'string' && (code.indexOf('-') > -1 || code.indexOf('_') > -1)) {
-      if (this.options.load !== 'languageOnly') addCode(this.formatLanguageCode(code));
-      if (this.options.load !== 'languageOnly' && this.options.load !== 'currentOnly') addCode(this.getScriptPartFromCode(code));
-      if (this.options.load !== 'currentOnly') addCode(this.getLanguagePartFromCode(code));
-    } else if (typeof code === 'string') {
-      addCode(this.formatLanguageCode(code));
+var queryClient = new reactQuery.QueryClient({
+  queryCache: new reactQuery.QueryCache(),
+  defaultOptions: {
+    queries: {
+      staleTime: constants.DEFAULT_STALE_TIME
     }
-    fallbackCodes.forEach(fc => {
-      if (codes.indexOf(fc) < 0) addCode(this.formatLanguageCode(fc));
-    });
-    return codes;
   }
-}
+});
 
-let sets = [{
-  lngs: ['ach', 'ak', 'am', 'arn', 'br', 'fil', 'gun', 'ln', 'mfe', 'mg', 'mi', 'oc', 'pt', 'pt-BR', 'tg', 'tl', 'ti', 'tr', 'uz', 'wa'],
-  nr: [1, 2],
-  fc: 1
-}, {
-  lngs: ['af', 'an', 'ast', 'az', 'bg', 'bn', 'ca', 'da', 'de', 'dev', 'el', 'en', 'eo', 'es', 'et', 'eu', 'fi', 'fo', 'fur', 'fy', 'gl', 'gu', 'ha', 'hi', 'hu', 'hy', 'ia', 'it', 'kk', 'kn', 'ku', 'lb', 'mai', 'ml', 'mn', 'mr', 'nah', 'nap', 'nb', 'ne', 'nl', 'nn', 'no', 'nso', 'pa', 'pap', 'pms', 'ps', 'pt-PT', 'rm', 'sco', 'se', 'si', 'so', 'son', 'sq', 'sv', 'sw', 'ta', 'te', 'tk', 'ur', 'yo'],
-  nr: [1, 2],
-  fc: 2
-}, {
-  lngs: ['ay', 'bo', 'cgg', 'fa', 'ht', 'id', 'ja', 'jbo', 'ka', 'km', 'ko', 'ky', 'lo', 'ms', 'sah', 'su', 'th', 'tt', 'ug', 'vi', 'wo', 'zh'],
-  nr: [1],
-  fc: 3
-}, {
-  lngs: ['be', 'bs', 'cnr', 'dz', 'hr', 'ru', 'sr', 'uk'],
-  nr: [1, 2, 5],
-  fc: 4
-}, {
-  lngs: ['ar'],
-  nr: [0, 1, 2, 3, 11, 100],
-  fc: 5
-}, {
-  lngs: ['cs', 'sk'],
-  nr: [1, 2, 5],
-  fc: 6
-}, {
-  lngs: ['csb', 'pl'],
-  nr: [1, 2, 5],
-  fc: 7
-}, {
-  lngs: ['cy'],
-  nr: [1, 2, 3, 8],
-  fc: 8
-}, {
-  lngs: ['fr'],
-  nr: [1, 2],
-  fc: 9
-}, {
-  lngs: ['ga'],
-  nr: [1, 2, 3, 7, 11],
-  fc: 10
-}, {
-  lngs: ['gd'],
-  nr: [1, 2, 3, 20],
-  fc: 11
-}, {
-  lngs: ['is'],
-  nr: [1, 2],
-  fc: 12
-}, {
-  lngs: ['jv'],
-  nr: [0, 1],
-  fc: 13
-}, {
-  lngs: ['kw'],
-  nr: [1, 2, 3, 4],
-  fc: 14
-}, {
-  lngs: ['lt'],
-  nr: [1, 2, 10],
-  fc: 15
-}, {
-  lngs: ['lv'],
-  nr: [1, 2, 0],
-  fc: 16
-}, {
-  lngs: ['mk'],
-  nr: [1, 2],
-  fc: 17
-}, {
-  lngs: ['mnk'],
-  nr: [0, 1, 2],
-  fc: 18
-}, {
-  lngs: ['mt'],
-  nr: [1, 2, 11, 20],
-  fc: 19
-}, {
-  lngs: ['or'],
-  nr: [2, 1],
-  fc: 2
-}, {
-  lngs: ['ro'],
-  nr: [1, 2, 20],
-  fc: 20
-}, {
-  lngs: ['sl'],
-  nr: [5, 1, 2, 3],
-  fc: 21
-}, {
-  lngs: ['he', 'iw'],
-  nr: [1, 2, 20, 21],
-  fc: 22
-}];
-let _rulesPluralsTypes = {
-  1: function (n) {
-    return Number(n > 1);
-  },
-  2: function (n) {
-    return Number(n != 1);
-  },
-  3: function (n) {
-    return 0;
-  },
-  4: function (n) {
-    return Number(n % 10 == 1 && n % 100 != 11 ? 0 : n % 10 >= 2 && n % 10 <= 4 && (n % 100 < 10 || n % 100 >= 20) ? 1 : 2);
-  },
-  5: function (n) {
-    return Number(n == 0 ? 0 : n == 1 ? 1 : n == 2 ? 2 : n % 100 >= 3 && n % 100 <= 10 ? 3 : n % 100 >= 11 ? 4 : 5);
-  },
-  6: function (n) {
-    return Number(n == 1 ? 0 : n >= 2 && n <= 4 ? 1 : 2);
-  },
-  7: function (n) {
-    return Number(n == 1 ? 0 : n % 10 >= 2 && n % 10 <= 4 && (n % 100 < 10 || n % 100 >= 20) ? 1 : 2);
-  },
-  8: function (n) {
-    return Number(n == 1 ? 0 : n == 2 ? 1 : n != 8 && n != 11 ? 2 : 3);
-  },
-  9: function (n) {
-    return Number(n >= 2);
-  },
-  10: function (n) {
-    return Number(n == 1 ? 0 : n == 2 ? 1 : n < 7 ? 2 : n < 11 ? 3 : 4);
-  },
-  11: function (n) {
-    return Number(n == 1 || n == 11 ? 0 : n == 2 || n == 12 ? 1 : n > 2 && n < 20 ? 2 : 3);
-  },
-  12: function (n) {
-    return Number(n % 10 != 1 || n % 100 == 11);
-  },
-  13: function (n) {
-    return Number(n !== 0);
-  },
-  14: function (n) {
-    return Number(n == 1 ? 0 : n == 2 ? 1 : n == 3 ? 2 : 3);
-  },
-  15: function (n) {
-    return Number(n % 10 == 1 && n % 100 != 11 ? 0 : n % 10 >= 2 && (n % 100 < 10 || n % 100 >= 20) ? 1 : 2);
-  },
-  16: function (n) {
-    return Number(n % 10 == 1 && n % 100 != 11 ? 0 : n !== 0 ? 1 : 2);
-  },
-  17: function (n) {
-    return Number(n == 1 || n % 10 == 1 && n % 100 != 11 ? 0 : 1);
-  },
-  18: function (n) {
-    return Number(n == 0 ? 0 : n == 1 ? 1 : 2);
-  },
-  19: function (n) {
-    return Number(n == 1 ? 0 : n == 0 || n % 100 > 1 && n % 100 < 11 ? 1 : n % 100 > 10 && n % 100 < 20 ? 2 : 3);
-  },
-  20: function (n) {
-    return Number(n == 1 ? 0 : n == 0 || n % 100 > 0 && n % 100 < 20 ? 1 : 2);
-  },
-  21: function (n) {
-    return Number(n % 100 == 1 ? 1 : n % 100 == 2 ? 2 : n % 100 == 3 || n % 100 == 4 ? 3 : 0);
-  },
-  22: function (n) {
-    return Number(n == 1 ? 0 : n == 2 ? 1 : (n < 0 || n > 10) && n % 10 == 0 ? 2 : 3);
-  }
-};
-const nonIntlVersions = ['v1', 'v2', 'v3'];
-const intlVersions = ['v4'];
-const suffixesOrder = {
-  zero: 0,
-  one: 1,
-  two: 2,
-  few: 3,
-  many: 4,
-  other: 5
+/* eslint-disable @bigbinary/neeto/file-name-and-export-name-standards */
+var withReactQuery = function withReactQuery(Component) {
+  var QueryWrapper = function QueryWrapper(props) {
+    return /*#__PURE__*/React__default["default"].createElement(reactQuery.QueryClientProvider, {
+      client: queryClient
+    }, /*#__PURE__*/React__default["default"].createElement(Component, props), /*#__PURE__*/React__default["default"].createElement(devtools.ReactQueryDevtools, {
+      initialIsOpen: false,
+      position: "bottom-right"
+    }));
+  };
+  return QueryWrapper;
 };
-function createRules() {
-  const rules = {};
-  sets.forEach(set => {
-    set.lngs.forEach(l => {
-      rules[l] = {
-        numbers: set.nr,
-        plurals: _rulesPluralsTypes[set.fc]
-      };
-    });
+
+var baseUrl$2 = "/webhooks/deliveries";
+var fetch$1 = function fetch(params) {
+  return axios__default["default"].get(baseUrl$2, {
+    params: params
   });
-  return rules;
-}
-class PluralResolver {
-  constructor(languageUtils) {
-    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    this.languageUtils = languageUtils;
-    this.options = options;
-    this.logger = baseLogger.create('pluralResolver');
-    if ((!this.options.compatibilityJSON || intlVersions.includes(this.options.compatibilityJSON)) && (typeof Intl === 'undefined' || !Intl.PluralRules)) {
-      this.options.compatibilityJSON = 'v3';
-      this.logger.error('Your environment seems not to be Intl API compatible, use an Intl.PluralRules polyfill. Will fallback to the compatibilityJSON v3 format handling.');
-    }
-    this.rules = createRules();
-  }
-  addRule(lng, obj) {
-    this.rules[lng] = obj;
-  }
-  getRule(code) {
-    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    if (this.shouldUseIntlApi()) {
-      try {
-        return new Intl.PluralRules(getCleanedCode(code), {
-          type: options.ordinal ? 'ordinal' : 'cardinal'
-        });
-      } catch {
-        return;
-      }
-    }
-    return this.rules[code] || this.rules[this.languageUtils.getLanguagePartFromCode(code)];
-  }
-  needsPlural(code) {
-    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    const rule = this.getRule(code, options);
-    if (this.shouldUseIntlApi()) {
-      return rule && rule.resolvedOptions().pluralCategories.length > 1;
-    }
-    return rule && rule.numbers.length > 1;
-  }
-  getPluralFormsOfKey(code, key) {
-    let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-    return this.getSuffixes(code, options).map(suffix => `${key}${suffix}`);
-  }
-  getSuffixes(code) {
-    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    const rule = this.getRule(code, options);
-    if (!rule) {
-      return [];
-    }
-    if (this.shouldUseIntlApi()) {
-      return rule.resolvedOptions().pluralCategories.sort((pluralCategory1, pluralCategory2) => suffixesOrder[pluralCategory1] - suffixesOrder[pluralCategory2]).map(pluralCategory => `${this.options.prepend}${options.ordinal ? `ordinal${this.options.prepend}` : ''}${pluralCategory}`);
-    }
-    return rule.numbers.map(number => this.getSuffix(code, number, options));
-  }
-  getSuffix(code, count) {
-    let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-    const rule = this.getRule(code, options);
-    if (rule) {
-      if (this.shouldUseIntlApi()) {
-        return `${this.options.prepend}${options.ordinal ? `ordinal${this.options.prepend}` : ''}${rule.select(count)}`;
-      }
-      return this.getSuffixRetroCompatible(rule, count);
-    }
-    this.logger.warn(`no plural rule found for: ${code}`);
-    return '';
-  }
-  getSuffixRetroCompatible(rule, count) {
-    const idx = rule.noAbs ? rule.plurals(count) : rule.plurals(Math.abs(count));
-    let suffix = rule.numbers[idx];
-    if (this.options.simplifyPluralSuffix && rule.numbers.length === 2 && rule.numbers[0] === 1) {
-      if (suffix === 2) {
-        suffix = 'plural';
-      } else if (suffix === 1) {
-        suffix = '';
-      }
-    }
-    const returnSuffix = () => this.options.prepend && suffix.toString() ? this.options.prepend + suffix.toString() : suffix.toString();
-    if (this.options.compatibilityJSON === 'v1') {
-      if (suffix === 1) return '';
-      if (typeof suffix === 'number') return `_plural_${suffix.toString()}`;
-      return returnSuffix();
-    } else if (this.options.compatibilityJSON === 'v2') {
-      return returnSuffix();
-    } else if (this.options.simplifyPluralSuffix && rule.numbers.length === 2 && rule.numbers[0] === 1) {
-      return returnSuffix();
-    }
-    return this.options.prepend && idx.toString() ? this.options.prepend + idx.toString() : idx.toString();
-  }
-  shouldUseIntlApi() {
-    return !nonIntlVersions.includes(this.options.compatibilityJSON);
-  }
-}
-
-function deepFindWithDefaults(data, defaultData, key) {
-  let keySeparator = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '.';
-  let ignoreJSONStructure = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;
-  let path = getPathWithDefaults(data, defaultData, key);
-  if (!path && ignoreJSONStructure && typeof key === 'string') {
-    path = deepFind(data, key, keySeparator);
-    if (path === undefined) path = deepFind(defaultData, key, keySeparator);
-  }
-  return path;
-}
-class Interpolator {
-  constructor() {
-    let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    this.logger = baseLogger.create('interpolator');
-    this.options = options;
-    this.format = options.interpolation && options.interpolation.format || (value => value);
-    this.init(options);
-  }
-  init() {
-    let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    if (!options.interpolation) options.interpolation = {
-      escapeValue: true
-    };
-    const iOpts = options.interpolation;
-    this.escape = iOpts.escape !== undefined ? iOpts.escape : escape;
-    this.escapeValue = iOpts.escapeValue !== undefined ? iOpts.escapeValue : true;
-    this.useRawValueToEscape = iOpts.useRawValueToEscape !== undefined ? iOpts.useRawValueToEscape : false;
-    this.prefix = iOpts.prefix ? regexEscape(iOpts.prefix) : iOpts.prefixEscaped || '{{';
-    this.suffix = iOpts.suffix ? regexEscape(iOpts.suffix) : iOpts.suffixEscaped || '}}';
-    this.formatSeparator = iOpts.formatSeparator ? iOpts.formatSeparator : iOpts.formatSeparator || ',';
-    this.unescapePrefix = iOpts.unescapeSuffix ? '' : iOpts.unescapePrefix || '-';
-    this.unescapeSuffix = this.unescapePrefix ? '' : iOpts.unescapeSuffix || '';
-    this.nestingPrefix = iOpts.nestingPrefix ? regexEscape(iOpts.nestingPrefix) : iOpts.nestingPrefixEscaped || regexEscape('$t(');
-    this.nestingSuffix = iOpts.nestingSuffix ? regexEscape(iOpts.nestingSuffix) : iOpts.nestingSuffixEscaped || regexEscape(')');
-    this.nestingOptionsSeparator = iOpts.nestingOptionsSeparator ? iOpts.nestingOptionsSeparator : iOpts.nestingOptionsSeparator || ',';
-    this.maxReplaces = iOpts.maxReplaces ? iOpts.maxReplaces : 1000;
-    this.alwaysFormat = iOpts.alwaysFormat !== undefined ? iOpts.alwaysFormat : false;
-    this.resetRegExp();
-  }
-  reset() {
-    if (this.options) this.init(this.options);
-  }
-  resetRegExp() {
-    const regexpStr = `${this.prefix}(.+?)${this.suffix}`;
-    this.regexp = new RegExp(regexpStr, 'g');
-    const regexpUnescapeStr = `${this.prefix}${this.unescapePrefix}(.+?)${this.unescapeSuffix}${this.suffix}`;
-    this.regexpUnescape = new RegExp(regexpUnescapeStr, 'g');
-    const nestingRegexpStr = `${this.nestingPrefix}(.+?)${this.nestingSuffix}`;
-    this.nestingRegexp = new RegExp(nestingRegexpStr, 'g');
-  }
-  interpolate(str, data, lng, options) {
-    let match;
-    let value;
-    let replaces;
-    const defaultData = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {};
-    function regexSafe(val) {
-      return val.replace(/\$/g, '$$$$');
-    }
-    const handleFormat = key => {
-      if (key.indexOf(this.formatSeparator) < 0) {
-        const path = deepFindWithDefaults(data, defaultData, key, this.options.keySeparator, this.options.ignoreJSONStructure);
-        return this.alwaysFormat ? this.format(path, undefined, lng, {
-          ...options,
-          ...data,
-          interpolationkey: key
-        }) : path;
-      }
-      const p = key.split(this.formatSeparator);
-      const k = p.shift().trim();
-      const f = p.join(this.formatSeparator).trim();
-      return this.format(deepFindWithDefaults(data, defaultData, k, this.options.keySeparator, this.options.ignoreJSONStructure), f, lng, {
-        ...options,
-        ...data,
-        interpolationkey: k
-      });
-    };
-    this.resetRegExp();
-    const missingInterpolationHandler = options && options.missingInterpolationHandler || this.options.missingInterpolationHandler;
-    const skipOnVariables = options && options.interpolation && options.interpolation.skipOnVariables !== undefined ? options.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables;
-    const todos = [{
-      regex: this.regexpUnescape,
-      safeValue: val => regexSafe(val)
-    }, {
-      regex: this.regexp,
-      safeValue: val => this.escapeValue ? regexSafe(this.escape(val)) : regexSafe(val)
-    }];
-    todos.forEach(todo => {
-      replaces = 0;
-      while (match = todo.regex.exec(str)) {
-        const matchedVar = match[1].trim();
-        value = handleFormat(matchedVar);
-        if (value === undefined) {
-          if (typeof missingInterpolationHandler === 'function') {
-            const temp = missingInterpolationHandler(str, match, options);
-            value = typeof temp === 'string' ? temp : '';
-          } else if (options && Object.prototype.hasOwnProperty.call(options, matchedVar)) {
-            value = '';
-          } else if (skipOnVariables) {
-            value = match[0];
-            continue;
-          } else {
-            this.logger.warn(`missed to pass in variable ${matchedVar} for interpolating ${str}`);
-            value = '';
-          }
-        } else if (typeof value !== 'string' && !this.useRawValueToEscape) {
-          value = makeString(value);
-        }
-        const safeValue = todo.safeValue(value);
-        str = str.replace(match[0], safeValue);
-        if (skipOnVariables) {
-          todo.regex.lastIndex += value.length;
-          todo.regex.lastIndex -= match[0].length;
-        } else {
-          todo.regex.lastIndex = 0;
-        }
-        replaces++;
-        if (replaces >= this.maxReplaces) {
-          break;
-        }
-      }
-    });
-    return str;
-  }
-  nest(str, fc) {
-    let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-    let match;
-    let value;
-    let clonedOptions;
-    function handleHasOptions(key, inheritedOptions) {
-      const sep = this.nestingOptionsSeparator;
-      if (key.indexOf(sep) < 0) return key;
-      const c = key.split(new RegExp(`${sep}[ ]*{`));
-      let optionsString = `{${c[1]}`;
-      key = c[0];
-      optionsString = this.interpolate(optionsString, clonedOptions);
-      const matchedSingleQuotes = optionsString.match(/'/g);
-      const matchedDoubleQuotes = optionsString.match(/"/g);
-      if (matchedSingleQuotes && matchedSingleQuotes.length % 2 === 0 && !matchedDoubleQuotes || matchedDoubleQuotes.length % 2 !== 0) {
-        optionsString = optionsString.replace(/'/g, '"');
-      }
-      try {
-        clonedOptions = JSON.parse(optionsString);
-        if (inheritedOptions) clonedOptions = {
-          ...inheritedOptions,
-          ...clonedOptions
-        };
-      } catch (e) {
-        this.logger.warn(`failed parsing options string in nesting for key ${key}`, e);
-        return `${key}${sep}${optionsString}`;
-      }
-      delete clonedOptions.defaultValue;
-      return key;
-    }
-    while (match = this.nestingRegexp.exec(str)) {
-      let formatters = [];
-      clonedOptions = {
-        ...options
-      };
-      clonedOptions = clonedOptions.replace && typeof clonedOptions.replace !== 'string' ? clonedOptions.replace : clonedOptions;
-      clonedOptions.applyPostProcessor = false;
-      delete clonedOptions.defaultValue;
-      let doReduce = false;
-      if (match[0].indexOf(this.formatSeparator) !== -1 && !/{.*}/.test(match[1])) {
-        const r = match[1].split(this.formatSeparator).map(elem => elem.trim());
-        match[1] = r.shift();
-        formatters = r;
-        doReduce = true;
-      }
-      value = fc(handleHasOptions.call(this, match[1].trim(), clonedOptions), clonedOptions);
-      if (value && match[0] === str && typeof value !== 'string') return value;
-      if (typeof value !== 'string') value = makeString(value);
-      if (!value) {
-        this.logger.warn(`missed to resolve ${match[1]} for nesting ${str}`);
-        value = '';
-      }
-      if (doReduce) {
-        value = formatters.reduce((v, f) => this.format(v, f, options.lng, {
-          ...options,
-          interpolationkey: match[1].trim()
-        }), value.trim());
-      }
-      str = str.replace(match[0], value);
-      this.regexp.lastIndex = 0;
-    }
-    return str;
-  }
-}
-
-function parseFormatStr(formatStr) {
-  let formatName = formatStr.toLowerCase().trim();
-  const formatOptions = {};
-  if (formatStr.indexOf('(') > -1) {
-    const p = formatStr.split('(');
-    formatName = p[0].toLowerCase().trim();
-    const optStr = p[1].substring(0, p[1].length - 1);
-    if (formatName === 'currency' && optStr.indexOf(':') < 0) {
-      if (!formatOptions.currency) formatOptions.currency = optStr.trim();
-    } else if (formatName === 'relativetime' && optStr.indexOf(':') < 0) {
-      if (!formatOptions.range) formatOptions.range = optStr.trim();
-    } else {
-      const opts = optStr.split(';');
-      opts.forEach(opt => {
-        if (!opt) return;
-        const [key, ...rest] = opt.split(':');
-        const val = rest.join(':').trim().replace(/^'+|'+$/g, '');
-        if (!formatOptions[key.trim()]) formatOptions[key.trim()] = val;
-        if (val === 'false') formatOptions[key.trim()] = false;
-        if (val === 'true') formatOptions[key.trim()] = true;
-        if (!isNaN(val)) formatOptions[key.trim()] = parseInt(val, 10);
-      });
-    }
-  }
-  return {
-    formatName,
-    formatOptions
-  };
-}
-function createCachedFormatter(fn) {
-  const cache = {};
-  return function invokeFormatter(val, lng, options) {
-    const key = lng + JSON.stringify(options);
-    let formatter = cache[key];
-    if (!formatter) {
-      formatter = fn(getCleanedCode(lng), options);
-      cache[key] = formatter;
-    }
-    return formatter(val);
-  };
-}
-class Formatter {
-  constructor() {
-    let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    this.logger = baseLogger.create('formatter');
-    this.options = options;
-    this.formats = {
-      number: createCachedFormatter((lng, opt) => {
-        const formatter = new Intl.NumberFormat(lng, {
-          ...opt
-        });
-        return val => formatter.format(val);
-      }),
-      currency: createCachedFormatter((lng, opt) => {
-        const formatter = new Intl.NumberFormat(lng, {
-          ...opt,
-          style: 'currency'
-        });
-        return val => formatter.format(val);
-      }),
-      datetime: createCachedFormatter((lng, opt) => {
-        const formatter = new Intl.DateTimeFormat(lng, {
-          ...opt
-        });
-        return val => formatter.format(val);
-      }),
-      relativetime: createCachedFormatter((lng, opt) => {
-        const formatter = new Intl.RelativeTimeFormat(lng, {
-          ...opt
-        });
-        return val => formatter.format(val, opt.range || 'day');
-      }),
-      list: createCachedFormatter((lng, opt) => {
-        const formatter = new Intl.ListFormat(lng, {
-          ...opt
-        });
-        return val => formatter.format(val);
-      })
-    };
-    this.init(options);
-  }
-  init(services) {
-    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
-      interpolation: {}
-    };
-    const iOpts = options.interpolation;
-    this.formatSeparator = iOpts.formatSeparator ? iOpts.formatSeparator : iOpts.formatSeparator || ',';
-  }
-  add(name, fc) {
-    this.formats[name.toLowerCase().trim()] = fc;
-  }
-  addCached(name, fc) {
-    this.formats[name.toLowerCase().trim()] = createCachedFormatter(fc);
-  }
-  format(value, format, lng) {
-    let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
-    const formats = format.split(this.formatSeparator);
-    const result = formats.reduce((mem, f) => {
-      const {
-        formatName,
-        formatOptions
-      } = parseFormatStr(f);
-      if (this.formats[formatName]) {
-        let formatted = mem;
-        try {
-          const valOptions = options && options.formatParams && options.formatParams[options.interpolationkey] || {};
-          const l = valOptions.locale || valOptions.lng || options.locale || options.lng || lng;
-          formatted = this.formats[formatName](mem, l, {
-            ...formatOptions,
-            ...options,
-            ...valOptions
-          });
-        } catch (error) {
-          this.logger.warn(error);
-        }
-        return formatted;
-      } else {
-        this.logger.warn(`there was no format function for ${formatName}`);
-      }
-      return mem;
-    }, value);
-    return result;
-  }
-}
-
-function removePending(q, name) {
-  if (q.pending[name] !== undefined) {
-    delete q.pending[name];
-    q.pendingCount--;
-  }
-}
-class Connector extends EventEmitter {
-  constructor(backend, store, services) {
-    let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
-    super();
-    this.backend = backend;
-    this.store = store;
-    this.services = services;
-    this.languageUtils = services.languageUtils;
-    this.options = options;
-    this.logger = baseLogger.create('backendConnector');
-    this.waitingReads = [];
-    this.maxParallelReads = options.maxParallelReads || 10;
-    this.readingCalls = 0;
-    this.maxRetries = options.maxRetries >= 0 ? options.maxRetries : 5;
-    this.retryTimeout = options.retryTimeout >= 1 ? options.retryTimeout : 350;
-    this.state = {};
-    this.queue = [];
-    if (this.backend && this.backend.init) {
-      this.backend.init(services, options.backend, options);
-    }
-  }
-  queueLoad(languages, namespaces, options, callback) {
-    const toLoad = {};
-    const pending = {};
-    const toLoadLanguages = {};
-    const toLoadNamespaces = {};
-    languages.forEach(lng => {
-      let hasAllNamespaces = true;
-      namespaces.forEach(ns => {
-        const name = `${lng}|${ns}`;
-        if (!options.reload && this.store.hasResourceBundle(lng, ns)) {
-          this.state[name] = 2;
-        } else if (this.state[name] < 0) ; else if (this.state[name] === 1) {
-          if (pending[name] === undefined) pending[name] = true;
-        } else {
-          this.state[name] = 1;
-          hasAllNamespaces = false;
-          if (pending[name] === undefined) pending[name] = true;
-          if (toLoad[name] === undefined) toLoad[name] = true;
-          if (toLoadNamespaces[ns] === undefined) toLoadNamespaces[ns] = true;
-        }
-      });
-      if (!hasAllNamespaces) toLoadLanguages[lng] = true;
-    });
-    if (Object.keys(toLoad).length || Object.keys(pending).length) {
-      this.queue.push({
-        pending,
-        pendingCount: Object.keys(pending).length,
-        loaded: {},
-        errors: [],
-        callback
-      });
-    }
-    return {
-      toLoad: Object.keys(toLoad),
-      pending: Object.keys(pending),
-      toLoadLanguages: Object.keys(toLoadLanguages),
-      toLoadNamespaces: Object.keys(toLoadNamespaces)
-    };
-  }
-  loaded(name, err, data) {
-    const s = name.split('|');
-    const lng = s[0];
-    const ns = s[1];
-    if (err) this.emit('failedLoading', lng, ns, err);
-    if (data) {
-      this.store.addResourceBundle(lng, ns, data);
-    }
-    this.state[name] = err ? -1 : 2;
-    const loaded = {};
-    this.queue.forEach(q => {
-      pushPath(q.loaded, [lng], ns);
-      removePending(q, name);
-      if (err) q.errors.push(err);
-      if (q.pendingCount === 0 && !q.done) {
-        Object.keys(q.loaded).forEach(l => {
-          if (!loaded[l]) loaded[l] = {};
-          const loadedKeys = q.loaded[l];
-          if (loadedKeys.length) {
-            loadedKeys.forEach(n => {
-              if (loaded[l][n] === undefined) loaded[l][n] = true;
-            });
-          }
-        });
-        q.done = true;
-        if (q.errors.length) {
-          q.callback(q.errors);
-        } else {
-          q.callback();
-        }
-      }
-    });
-    this.emit('loaded', loaded);
-    this.queue = this.queue.filter(q => !q.done);
-  }
-  read(lng, ns, fcName) {
-    let tried = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-    let wait = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : this.retryTimeout;
-    let callback = arguments.length > 5 ? arguments[5] : undefined;
-    if (!lng.length) return callback(null, {});
-    if (this.readingCalls >= this.maxParallelReads) {
-      this.waitingReads.push({
-        lng,
-        ns,
-        fcName,
-        tried,
-        wait,
-        callback
-      });
-      return;
-    }
-    this.readingCalls++;
-    const resolver = (err, data) => {
-      this.readingCalls--;
-      if (this.waitingReads.length > 0) {
-        const next = this.waitingReads.shift();
-        this.read(next.lng, next.ns, next.fcName, next.tried, next.wait, next.callback);
-      }
-      if (err && data && tried < this.maxRetries) {
-        setTimeout(() => {
-          this.read.call(this, lng, ns, fcName, tried + 1, wait * 2, callback);
-        }, wait);
-        return;
-      }
-      callback(err, data);
-    };
-    const fc = this.backend[fcName].bind(this.backend);
-    if (fc.length === 2) {
-      try {
-        const r = fc(lng, ns);
-        if (r && typeof r.then === 'function') {
-          r.then(data => resolver(null, data)).catch(resolver);
-        } else {
-          resolver(null, r);
-        }
-      } catch (err) {
-        resolver(err);
-      }
-      return;
-    }
-    return fc(lng, ns, resolver);
-  }
-  prepareLoading(languages, namespaces) {
-    let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-    let callback = arguments.length > 3 ? arguments[3] : undefined;
-    if (!this.backend) {
-      this.logger.warn('No backend was added via i18next.use. Will not load resources.');
-      return callback && callback();
-    }
-    if (typeof languages === 'string') languages = this.languageUtils.toResolveHierarchy(languages);
-    if (typeof namespaces === 'string') namespaces = [namespaces];
-    const toLoad = this.queueLoad(languages, namespaces, options, callback);
-    if (!toLoad.toLoad.length) {
-      if (!toLoad.pending.length) callback();
-      return null;
-    }
-    toLoad.toLoad.forEach(name => {
-      this.loadOne(name);
-    });
-  }
-  load(languages, namespaces, callback) {
-    this.prepareLoading(languages, namespaces, {}, callback);
-  }
-  reload(languages, namespaces, callback) {
-    this.prepareLoading(languages, namespaces, {
-      reload: true
-    }, callback);
-  }
-  loadOne(name) {
-    let prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-    const s = name.split('|');
-    const lng = s[0];
-    const ns = s[1];
-    this.read(lng, ns, 'read', undefined, undefined, (err, data) => {
-      if (err) this.logger.warn(`${prefix}loading namespace ${ns} for language ${lng} failed`, err);
-      if (!err && data) this.logger.log(`${prefix}loaded namespace ${ns} for language ${lng}`, data);
-      this.loaded(name, err, data);
-    });
-  }
-  saveMissing(languages, namespace, key, fallbackValue, isUpdate) {
-    let options = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};
-    let clb = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : () => {};
-    if (this.services.utils && this.services.utils.hasLoadedNamespace && !this.services.utils.hasLoadedNamespace(namespace)) {
-      this.logger.warn(`did not save key "${key}" as the namespace "${namespace}" was not yet loaded`, 'This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!');
-      return;
-    }
-    if (key === undefined || key === null || key === '') return;
-    if (this.backend && this.backend.create) {
-      const opts = {
-        ...options,
-        isUpdate
-      };
-      const fc = this.backend.create.bind(this.backend);
-      if (fc.length < 6) {
-        try {
-          let r;
-          if (fc.length === 5) {
-            r = fc(languages, namespace, key, fallbackValue, opts);
-          } else {
-            r = fc(languages, namespace, key, fallbackValue);
-          }
-          if (r && typeof r.then === 'function') {
-            r.then(data => clb(null, data)).catch(clb);
-          } else {
-            clb(null, r);
-          }
-        } catch (err) {
-          clb(err);
-        }
-      } else {
-        fc(languages, namespace, key, fallbackValue, clb, opts);
-      }
-    }
-    if (!languages || !languages[0]) return;
-    this.store.addResource(languages[0], namespace, key, fallbackValue);
-  }
-}
-
-function get() {
-  return {
-    debug: false,
-    initImmediate: true,
-    ns: ['translation'],
-    defaultNS: ['translation'],
-    fallbackLng: ['dev'],
-    fallbackNS: false,
-    supportedLngs: false,
-    nonExplicitSupportedLngs: false,
-    load: 'all',
-    preload: false,
-    simplifyPluralSuffix: true,
-    keySeparator: '.',
-    nsSeparator: ':',
-    pluralSeparator: '_',
-    contextSeparator: '_',
-    partialBundledLanguages: false,
-    saveMissing: false,
-    updateMissing: false,
-    saveMissingTo: 'fallback',
-    saveMissingPlurals: true,
-    missingKeyHandler: false,
-    missingInterpolationHandler: false,
-    postProcess: false,
-    postProcessPassResolved: false,
-    returnNull: false,
-    returnEmptyString: true,
-    returnObjects: false,
-    joinArrays: false,
-    returnedObjectHandler: false,
-    parseMissingKeyHandler: false,
-    appendNamespaceToMissingKey: false,
-    appendNamespaceToCIMode: false,
-    overloadTranslationOptionHandler: function handle(args) {
-      let ret = {};
-      if (typeof 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 args[2] === 'object' || typeof args[3] === 'object') {
-        const options = args[3] || args[2];
-        Object.keys(options).forEach(key => {
-          ret[key] = options[key];
-        });
-      }
-      return ret;
-    },
-    interpolation: {
-      escapeValue: true,
-      format: (value, format, lng, options) => value,
-      prefix: '{{',
-      suffix: '}}',
-      formatSeparator: ',',
-      unescapePrefix: '-',
-      nestingPrefix: '$t(',
-      nestingSuffix: ')',
-      nestingOptionsSeparator: ',',
-      maxReplaces: 1000,
-      skipOnVariables: true
-    }
-  };
-}
-function transformOptions(options) {
-  if (typeof options.ns === 'string') options.ns = [options.ns];
-  if (typeof options.fallbackLng === 'string') options.fallbackLng = [options.fallbackLng];
-  if (typeof options.fallbackNS === 'string') options.fallbackNS = [options.fallbackNS];
-  if (options.supportedLngs && options.supportedLngs.indexOf('cimode') < 0) {
-    options.supportedLngs = options.supportedLngs.concat(['cimode']);
-  }
-  return options;
-}
-
-function noop() {}
-function bindMemberFunctions(inst) {
-  const mems = Object.getOwnPropertyNames(Object.getPrototypeOf(inst));
-  mems.forEach(mem => {
-    if (typeof inst[mem] === 'function') {
-      inst[mem] = inst[mem].bind(inst);
-    }
-  });
-}
-class I18n extends EventEmitter {
-  constructor() {
-    let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    let callback = arguments.length > 1 ? arguments[1] : undefined;
-    super();
-    this.options = transformOptions(options);
-    this.services = {};
-    this.logger = baseLogger;
-    this.modules = {
-      external: []
-    };
-    bindMemberFunctions(this);
-    if (callback && !this.isInitialized && !options.isClone) {
-      if (!this.options.initImmediate) {
-        this.init(options, callback);
-        return this;
-      }
-      setTimeout(() => {
-        this.init(options, callback);
-      }, 0);
-    }
-  }
-  init() {
-    var _this = this;
-    let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    let callback = arguments.length > 1 ? arguments[1] : undefined;
-    if (typeof options === 'function') {
-      callback = options;
-      options = {};
-    }
-    if (!options.defaultNS && options.defaultNS !== false && options.ns) {
-      if (typeof options.ns === 'string') {
-        options.defaultNS = options.ns;
-      } else if (options.ns.indexOf('translation') < 0) {
-        options.defaultNS = options.ns[0];
-      }
-    }
-    const defOpts = get();
-    this.options = {
-      ...defOpts,
-      ...this.options,
-      ...transformOptions(options)
-    };
-    if (this.options.compatibilityAPI !== 'v1') {
-      this.options.interpolation = {
-        ...defOpts.interpolation,
-        ...this.options.interpolation
-      };
-    }
-    if (options.keySeparator !== undefined) {
-      this.options.userDefinedKeySeparator = options.keySeparator;
-    }
-    if (options.nsSeparator !== undefined) {
-      this.options.userDefinedNsSeparator = options.nsSeparator;
-    }
-    function createClassOnDemand(ClassOrObject) {
-      if (!ClassOrObject) return null;
-      if (typeof ClassOrObject === 'function') return new ClassOrObject();
-      return ClassOrObject;
-    }
-    if (!this.options.isClone) {
-      if (this.modules.logger) {
-        baseLogger.init(createClassOnDemand(this.modules.logger), this.options);
-      } else {
-        baseLogger.init(null, this.options);
-      }
-      let formatter;
-      if (this.modules.formatter) {
-        formatter = this.modules.formatter;
-      } else if (typeof Intl !== 'undefined') {
-        formatter = Formatter;
-      }
-      const lu = new LanguageUtil(this.options);
-      this.store = new ResourceStore(this.options.resources, this.options);
-      const s = this.services;
-      s.logger = baseLogger;
-      s.resourceStore = this.store;
-      s.languageUtils = lu;
-      s.pluralResolver = new PluralResolver(lu, {
-        prepend: this.options.pluralSeparator,
-        compatibilityJSON: this.options.compatibilityJSON,
-        simplifyPluralSuffix: this.options.simplifyPluralSuffix
-      });
-      if (formatter && (!this.options.interpolation.format || this.options.interpolation.format === defOpts.interpolation.format)) {
-        s.formatter = createClassOnDemand(formatter);
-        s.formatter.init(s, this.options);
-        this.options.interpolation.format = s.formatter.format.bind(s.formatter);
-      }
-      s.interpolator = new Interpolator(this.options);
-      s.utils = {
-        hasLoadedNamespace: this.hasLoadedNamespace.bind(this)
-      };
-      s.backendConnector = new Connector(createClassOnDemand(this.modules.backend), s.resourceStore, s, this.options);
-      s.backendConnector.on('*', function (event) {
-        for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-          args[_key - 1] = arguments[_key];
-        }
-        _this.emit(event, ...args);
-      });
-      if (this.modules.languageDetector) {
-        s.languageDetector = createClassOnDemand(this.modules.languageDetector);
-        if (s.languageDetector.init) s.languageDetector.init(s, this.options.detection, this.options);
-      }
-      if (this.modules.i18nFormat) {
-        s.i18nFormat = createClassOnDemand(this.modules.i18nFormat);
-        if (s.i18nFormat.init) s.i18nFormat.init(this);
-      }
-      this.translator = new Translator(this.services, this.options);
-      this.translator.on('*', function (event) {
-        for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
-          args[_key2 - 1] = arguments[_key2];
-        }
-        _this.emit(event, ...args);
-      });
-      this.modules.external.forEach(m => {
-        if (m.init) m.init(this);
-      });
-    }
-    this.format = this.options.interpolation.format;
-    if (!callback) callback = noop;
-    if (this.options.fallbackLng && !this.services.languageDetector && !this.options.lng) {
-      const codes = this.services.languageUtils.getFallbackCodes(this.options.fallbackLng);
-      if (codes.length > 0 && codes[0] !== 'dev') this.options.lng = codes[0];
-    }
-    if (!this.services.languageDetector && !this.options.lng) {
-      this.logger.warn('init: no languageDetector is used and no lng is defined');
-    }
-    const storeApi = ['getResource', 'hasResourceBundle', 'getResourceBundle', 'getDataByLanguage'];
-    storeApi.forEach(fcName => {
-      this[fcName] = function () {
-        return _this.store[fcName](...arguments);
-      };
-    });
-    const storeApiChained = ['addResource', 'addResources', 'addResourceBundle', 'removeResourceBundle'];
-    storeApiChained.forEach(fcName => {
-      this[fcName] = function () {
-        _this.store[fcName](...arguments);
-        return _this;
-      };
-    });
-    const deferred = defer();
-    const load = () => {
-      const finish = (err, t) => {
-        if (this.isInitialized && !this.initializedStoreOnce) this.logger.warn('init: i18next is already initialized. You should call init just once!');
-        this.isInitialized = true;
-        if (!this.options.isClone) this.logger.log('initialized', this.options);
-        this.emit('initialized', this.options);
-        deferred.resolve(t);
-        callback(err, t);
-      };
-      if (this.languages && this.options.compatibilityAPI !== 'v1' && !this.isInitialized) return finish(null, this.t.bind(this));
-      this.changeLanguage(this.options.lng, finish);
-    };
-    if (this.options.resources || !this.options.initImmediate) {
-      load();
-    } else {
-      setTimeout(load, 0);
-    }
-    return deferred;
-  }
-  loadResources(language) {
-    let callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop;
-    let usedCallback = callback;
-    const usedLng = typeof language === 'string' ? language : this.language;
-    if (typeof language === 'function') usedCallback = language;
-    if (!this.options.resources || this.options.partialBundledLanguages) {
-      if (usedLng && usedLng.toLowerCase() === 'cimode') return usedCallback();
-      const toLoad = [];
-      const append = lng => {
-        if (!lng) return;
-        const lngs = this.services.languageUtils.toResolveHierarchy(lng);
-        lngs.forEach(l => {
-          if (toLoad.indexOf(l) < 0) toLoad.push(l);
-        });
-      };
-      if (!usedLng) {
-        const fallbacks = this.services.languageUtils.getFallbackCodes(this.options.fallbackLng);
-        fallbacks.forEach(l => append(l));
-      } else {
-        append(usedLng);
-      }
-      if (this.options.preload) {
-        this.options.preload.forEach(l => append(l));
-      }
-      this.services.backendConnector.load(toLoad, this.options.ns, e => {
-        if (!e && !this.resolvedLanguage && this.language) this.setResolvedLanguage(this.language);
-        usedCallback(e);
-      });
-    } else {
-      usedCallback(null);
-    }
-  }
-  reloadResources(lngs, ns, callback) {
-    const deferred = defer();
-    if (!lngs) lngs = this.languages;
-    if (!ns) ns = this.options.ns;
-    if (!callback) callback = noop;
-    this.services.backendConnector.reload(lngs, ns, err => {
-      deferred.resolve();
-      callback(err);
-    });
-    return deferred;
-  }
-  use(module) {
-    if (!module) throw new Error('You are passing an undefined module! Please check the object you are passing to i18next.use()');
-    if (!module.type) throw new Error('You are passing a wrong module! Please check the object you are passing to i18next.use()');
-    if (module.type === 'backend') {
-      this.modules.backend = module;
-    }
-    if (module.type === 'logger' || module.log && module.warn && module.error) {
-      this.modules.logger = module;
-    }
-    if (module.type === 'languageDetector') {
-      this.modules.languageDetector = module;
-    }
-    if (module.type === 'i18nFormat') {
-      this.modules.i18nFormat = module;
-    }
-    if (module.type === 'postProcessor') {
-      postProcessor.addPostProcessor(module);
-    }
-    if (module.type === 'formatter') {
-      this.modules.formatter = module;
-    }
-    if (module.type === '3rdParty') {
-      this.modules.external.push(module);
-    }
-    return this;
-  }
-  setResolvedLanguage(l) {
-    if (!l || !this.languages) return;
-    if (['cimode', 'dev'].indexOf(l) > -1) return;
-    for (let li = 0; li < this.languages.length; li++) {
-      const lngInLngs = this.languages[li];
-      if (['cimode', 'dev'].indexOf(lngInLngs) > -1) continue;
-      if (this.store.hasLanguageSomeTranslations(lngInLngs)) {
-        this.resolvedLanguage = lngInLngs;
-        break;
-      }
-    }
-  }
-  changeLanguage(lng, callback) {
-    var _this2 = this;
-    this.isLanguageChangingTo = lng;
-    const deferred = defer();
-    this.emit('languageChanging', lng);
-    const setLngProps = l => {
-      this.language = l;
-      this.languages = this.services.languageUtils.toResolveHierarchy(l);
-      this.resolvedLanguage = undefined;
-      this.setResolvedLanguage(l);
-    };
-    const done = (err, l) => {
-      if (l) {
-        setLngProps(l);
-        this.translator.changeLanguage(l);
-        this.isLanguageChangingTo = undefined;
-        this.emit('languageChanged', l);
-        this.logger.log('languageChanged', l);
-      } else {
-        this.isLanguageChangingTo = undefined;
-      }
-      deferred.resolve(function () {
-        return _this2.t(...arguments);
-      });
-      if (callback) callback(err, function () {
-        return _this2.t(...arguments);
-      });
-    };
-    const setLng = lngs => {
-      if (!lng && !lngs && this.services.languageDetector) lngs = [];
-      const l = typeof lngs === 'string' ? lngs : this.services.languageUtils.getBestMatchFromCodes(lngs);
-      if (l) {
-        if (!this.language) {
-          setLngProps(l);
-        }
-        if (!this.translator.language) this.translator.changeLanguage(l);
-        if (this.services.languageDetector && this.services.languageDetector.cacheUserLanguage) this.services.languageDetector.cacheUserLanguage(l);
-      }
-      this.loadResources(l, err => {
-        done(err, l);
-      });
-    };
-    if (!lng && this.services.languageDetector && !this.services.languageDetector.async) {
-      setLng(this.services.languageDetector.detect());
-    } else if (!lng && this.services.languageDetector && this.services.languageDetector.async) {
-      if (this.services.languageDetector.detect.length === 0) {
-        this.services.languageDetector.detect().then(setLng);
-      } else {
-        this.services.languageDetector.detect(setLng);
-      }
-    } else {
-      setLng(lng);
-    }
-    return deferred;
-  }
-  getFixedT(lng, ns, keyPrefix) {
-    var _this3 = this;
-    const fixedT = function (key, opts) {
-      let options;
-      if (typeof 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];
-        }
-        options = _this3.options.overloadTranslationOptionHandler([key, opts].concat(rest));
-      } else {
-        options = {
-          ...opts
-        };
-      }
-      options.lng = options.lng || fixedT.lng;
-      options.lngs = options.lngs || fixedT.lngs;
-      options.ns = options.ns || fixedT.ns;
-      options.keyPrefix = options.keyPrefix || keyPrefix || fixedT.keyPrefix;
-      const keySeparator = _this3.options.keySeparator || '.';
-      let resultKey;
-      if (options.keyPrefix && Array.isArray(key)) {
-        resultKey = key.map(k => `${options.keyPrefix}${keySeparator}${k}`);
-      } else {
-        resultKey = options.keyPrefix ? `${options.keyPrefix}${keySeparator}${key}` : key;
-      }
-      return _this3.t(resultKey, options);
-    };
-    if (typeof lng === 'string') {
-      fixedT.lng = lng;
-    } else {
-      fixedT.lngs = lng;
-    }
-    fixedT.ns = ns;
-    fixedT.keyPrefix = keyPrefix;
-    return fixedT;
-  }
-  t() {
-    return this.translator && this.translator.translate(...arguments);
-  }
-  exists() {
-    return this.translator && this.translator.exists(...arguments);
-  }
-  setDefaultNamespace(ns) {
-    this.options.defaultNS = ns;
-  }
-  hasLoadedNamespace(ns) {
-    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    if (!this.isInitialized) {
-      this.logger.warn('hasLoadedNamespace: i18next was not initialized', this.languages);
-      return false;
-    }
-    if (!this.languages || !this.languages.length) {
-      this.logger.warn('hasLoadedNamespace: i18n.languages were undefined or empty', this.languages);
-      return false;
-    }
-    const lng = options.lng || this.resolvedLanguage || this.languages[0];
-    const fallbackLng = this.options ? this.options.fallbackLng : false;
-    const lastLng = this.languages[this.languages.length - 1];
-    if (lng.toLowerCase() === 'cimode') return true;
-    const loadNotPending = (l, n) => {
-      const loadState = this.services.backendConnector.state[`${l}|${n}`];
-      return loadState === -1 || loadState === 2;
-    };
-    if (options.precheck) {
-      const preResult = options.precheck(this, loadNotPending);
-      if (preResult !== undefined) return preResult;
-    }
-    if (this.hasResourceBundle(lng, ns)) return true;
-    if (!this.services.backendConnector.backend || this.options.resources && !this.options.partialBundledLanguages) return true;
-    if (loadNotPending(lng, ns) && (!fallbackLng || loadNotPending(lastLng, ns))) return true;
-    return false;
-  }
-  loadNamespaces(ns, callback) {
-    const deferred = defer();
-    if (!this.options.ns) {
-      if (callback) callback();
-      return Promise.resolve();
-    }
-    if (typeof ns === 'string') ns = [ns];
-    ns.forEach(n => {
-      if (this.options.ns.indexOf(n) < 0) this.options.ns.push(n);
-    });
-    this.loadResources(err => {
-      deferred.resolve();
-      if (callback) callback(err);
-    });
-    return deferred;
-  }
-  loadLanguages(lngs, callback) {
-    const deferred = defer();
-    if (typeof lngs === 'string') lngs = [lngs];
-    const preloaded = this.options.preload || [];
-    const newLngs = lngs.filter(lng => preloaded.indexOf(lng) < 0);
-    if (!newLngs.length) {
-      if (callback) callback();
-      return Promise.resolve();
-    }
-    this.options.preload = preloaded.concat(newLngs);
-    this.loadResources(err => {
-      deferred.resolve();
-      if (callback) callback(err);
-    });
-    return deferred;
-  }
-  dir(lng) {
-    if (!lng) lng = this.resolvedLanguage || (this.languages && this.languages.length > 0 ? this.languages[0] : this.language);
-    if (!lng) return 'rtl';
-    const rtlLngs = ['ar', 'shu', 'sqr', 'ssh', 'xaa', 'yhd', 'yud', 'aao', 'abh', 'abv', 'acm', 'acq', 'acw', 'acx', 'acy', 'adf', 'ads', 'aeb', 'aec', 'afb', 'ajp', 'apc', 'apd', 'arb', 'arq', 'ars', 'ary', 'arz', 'auz', 'avl', 'ayh', 'ayl', 'ayn', 'ayp', 'bbz', 'pga', 'he', 'iw', 'ps', 'pbt', 'pbu', 'pst', 'prp', 'prd', 'ug', 'ur', 'ydd', 'yds', 'yih', 'ji', 'yi', 'hbo', 'men', 'xmn', 'fa', 'jpr', 'peo', 'pes', 'prs', 'dv', 'sam', 'ckb'];
-    const languageUtils = this.services && this.services.languageUtils || new LanguageUtil(get());
-    return rtlLngs.indexOf(languageUtils.getLanguagePartFromCode(lng)) > -1 || lng.toLowerCase().indexOf('-arab') > 1 ? 'rtl' : 'ltr';
-  }
-  static createInstance() {
-    let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    let callback = arguments.length > 1 ? arguments[1] : undefined;
-    return new I18n(options, callback);
-  }
-  cloneInstance() {
-    let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    let callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop;
-    const forkResourceStore = options.forkResourceStore;
-    if (forkResourceStore) delete options.forkResourceStore;
-    const mergedOptions = {
-      ...this.options,
-      ...options,
-      ...{
-        isClone: true
-      }
-    };
-    const clone = new I18n(mergedOptions);
-    if (options.debug !== undefined || options.prefix !== undefined) {
-      clone.logger = clone.logger.clone(options);
-    }
-    const membersToCopy = ['store', 'services', 'language'];
-    membersToCopy.forEach(m => {
-      clone[m] = this[m];
-    });
-    clone.services = {
-      ...this.services
-    };
-    clone.services.utils = {
-      hasLoadedNamespace: clone.hasLoadedNamespace.bind(clone)
-    };
-    if (forkResourceStore) {
-      clone.store = new ResourceStore(this.store.data, mergedOptions);
-      clone.services.resourceStore = clone.store;
-    }
-    clone.translator = new Translator(clone.services, mergedOptions);
-    clone.translator.on('*', function (event) {
-      for (var _len4 = arguments.length, args = new Array(_len4 > 1 ? _len4 - 1 : 0), _key4 = 1; _key4 < _len4; _key4++) {
-        args[_key4 - 1] = arguments[_key4];
-      }
-      clone.emit(event, ...args);
-    });
-    clone.init(mergedOptions, callback);
-    clone.translator.options = mergedOptions;
-    clone.translator.backendConnector.services.utils = {
-      hasLoadedNamespace: clone.hasLoadedNamespace.bind(clone)
-    };
-    return clone;
-  }
-  toJSON() {
-    return {
-      options: this.options,
-      store: this.store,
-      language: this.language,
-      languages: this.languages,
-      resolvedLanguage: this.resolvedLanguage
-    };
-  }
-}
-const instance = I18n.createInstance();
-instance.createInstance = I18n.createInstance;
-
-instance.createInstance;
-instance.dir;
-instance.init;
-instance.loadResources;
-instance.reloadResources;
-instance.use;
-instance.changeLanguage;
-instance.getFixedT;
-const t$2 = instance.t;
-instance.exists;
-instance.setDefaultNamespace;
-instance.hasLoadedNamespace;
-instance.loadNamespaces;
-instance.loadLanguages;
-
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-/**
- * This file automatically generated from `pre-publish.js`.
- * Do not manually edit.
- */
-
-var voidElements = {
-  "area": true,
-  "base": true,
-  "br": true,
-  "col": true,
-  "embed": true,
-  "hr": true,
-  "img": true,
-  "input": true,
-  "link": true,
-  "meta": true,
-  "param": true,
-  "source": true,
-  "track": true,
-  "wbr": true
-};
-
-var e$1 = /*@__PURE__*/getDefaultExportFromCjs(voidElements);
-
-var t$1=/\s([^'"/\s><]+?)[\s/>]|([^\s=]+)=\s?(".*?"|'.*?')/g;function n$1(n){var r={type:"tag",name:"",voidElement:!1,attrs:{},children:[]},i=n.match(/<\/?([^\s]+?)[/\s>]/);if(i&&(r.name=i[1],(e$1[i[1]]||"/"===n.charAt(n.length-2))&&(r.voidElement=!0),r.name.startsWith("!--"))){var s=n.indexOf("--\x3e");return {type:"comment",comment:-1!==s?n.slice(4,s):""}}for(var a=new RegExp(t$1),c=null;null!==(c=a.exec(n));)if(c[0].trim())if(c[1]){var o=c[1].trim(),l=[o,""];o.indexOf("=")>-1&&(l=o.split("=")),r.attrs[l[0]]=l[1],a.lastIndex--;}else c[2]&&(r.attrs[c[2]]=c[3].trim().substring(1,c[3].length-1));return r}var r=/<[a-zA-Z0-9\-\!\/](?:"[^"]*"|'[^']*'|[^'">])*>/g,i=/^\s*$/,s=Object.create(null);function a(e,t){switch(t.type){case"text":return e+t.content;case"tag":return e+="<"+t.name+(t.attrs?function(e){var t=[];for(var n in e)t.push(n+'="'+e[n]+'"');return t.length?" "+t.join(" "):""}(t.attrs):"")+(t.voidElement?"/>":">"),t.voidElement?e:e+t.children.reduce(a,"")+"</"+t.name+">";case"comment":return e+"\x3c!--"+t.comment+"--\x3e"}}var c={parse:function(e,t){t||(t={}),t.components||(t.components=s);var a,c=[],o=[],l=-1,m=!1;if(0!==e.indexOf("<")){var u=e.indexOf("<");c.push({type:"text",content:-1===u?e:e.substring(0,u)});}return e.replace(r,function(r,s){if(m){if(r!=="</"+a.name+">")return;m=!1;}var u,f="/"!==r.charAt(1),h=r.startsWith("\x3c!--"),p=s+r.length,d=e.charAt(p);if(h){var v=n$1(r);return l<0?(c.push(v),c):((u=o[l]).children.push(v),c)}if(f&&(l++,"tag"===(a=n$1(r)).type&&t.components[a.name]&&(a.type="component",m=!0),a.voidElement||m||!d||"<"===d||a.children.push({type:"text",content:e.slice(p,e.indexOf("<",p))}),0===l&&c.push(a),(u=o[l-1])&&u.children.push(a),o[l]=a),(!f||a.voidElement)&&(l>-1&&(a.voidElement||a.name===r.slice(2,-1))&&(l--,a=-1===l?c:o[l]),!m&&"<"!==d&&d)){u=-1===l?c:o[l].children;var x=e.indexOf("<",p),g=e.slice(p,-1===x?void 0:x);i.test(g)&&(g=" "),(x>-1&&l+u.length>=0||" "!==g)&&u.push({type:"text",content:g});}}),c},stringify:function(e){return e.reduce(function(e,t){return e+a("",t)},"")}};
-
-function warn() {
-  if (console && console.warn) {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    if (typeof args[0] === 'string') args[0] = `react-i18next:: ${args[0]}`;
-    console.warn(...args);
-  }
-}
-const alreadyWarned = {};
-function warnOnce() {
-  for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-    args[_key2] = arguments[_key2];
-  }
-  if (typeof args[0] === 'string' && alreadyWarned[args[0]]) return;
-  if (typeof args[0] === 'string') alreadyWarned[args[0]] = new Date();
-  warn(...args);
-}
-const loadedClb = (i18n, cb) => () => {
-  if (i18n.isInitialized) {
-    cb();
-  } else {
-    const initialized = () => {
-      setTimeout(() => {
-        i18n.off('initialized', initialized);
-      }, 0);
-      cb();
-    };
-    i18n.on('initialized', initialized);
-  }
-};
-function loadNamespaces(i18n, ns, cb) {
-  i18n.loadNamespaces(ns, loadedClb(i18n, cb));
-}
-function loadLanguages(i18n, lng, ns, cb) {
-  if (typeof ns === 'string') ns = [ns];
-  ns.forEach(n => {
-    if (i18n.options.ns.indexOf(n) < 0) i18n.options.ns.push(n);
-  });
-  i18n.loadLanguages(lng, loadedClb(i18n, cb));
-}
-function oldI18nextHasLoadedNamespace(ns, i18n) {
-  let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  const lng = i18n.languages[0];
-  const fallbackLng = i18n.options ? i18n.options.fallbackLng : false;
-  const lastLng = i18n.languages[i18n.languages.length - 1];
-  if (lng.toLowerCase() === 'cimode') return true;
-  const loadNotPending = (l, n) => {
-    const loadState = i18n.services.backendConnector.state[`${l}|${n}`];
-    return loadState === -1 || loadState === 2;
-  };
-  if (options.bindI18n && options.bindI18n.indexOf('languageChanging') > -1 && i18n.services.backendConnector.backend && i18n.isLanguageChangingTo && !loadNotPending(i18n.isLanguageChangingTo, ns)) return false;
-  if (i18n.hasResourceBundle(lng, ns)) return true;
-  if (!i18n.services.backendConnector.backend || i18n.options.resources && !i18n.options.partialBundledLanguages) return true;
-  if (loadNotPending(lng, ns) && (!fallbackLng || loadNotPending(lastLng, ns))) return true;
-  return false;
-}
-function hasLoadedNamespace(ns, i18n) {
-  let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  if (!i18n.languages || !i18n.languages.length) {
-    warnOnce('i18n.languages were undefined or empty', i18n.languages);
-    return true;
-  }
-  const isNewerI18next = i18n.options.ignoreJSONStructure !== undefined;
-  if (!isNewerI18next) {
-    return oldI18nextHasLoadedNamespace(ns, i18n, options);
-  }
-  return i18n.hasLoadedNamespace(ns, {
-    lng: options.lng,
-    precheck: (i18nInstance, loadNotPending) => {
-      if (options.bindI18n && options.bindI18n.indexOf('languageChanging') > -1 && i18nInstance.services.backendConnector.backend && i18nInstance.isLanguageChangingTo && !loadNotPending(i18nInstance.isLanguageChangingTo, ns)) return false;
-    }
-  });
-}
-
-const matchHtmlEntity = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g;
-const htmlEntities = {
-  '&amp;': '&',
-  '&#38;': '&',
-  '&lt;': '<',
-  '&#60;': '<',
-  '&gt;': '>',
-  '&#62;': '>',
-  '&apos;': "'",
-  '&#39;': "'",
-  '&quot;': '"',
-  '&#34;': '"',
-  '&nbsp;': ' ',
-  '&#160;': ' ',
-  '&copy;': '©',
-  '&#169;': '©',
-  '&reg;': '®',
-  '&#174;': '®',
-  '&hellip;': '…',
-  '&#8230;': '…',
-  '&#x2F;': '/',
-  '&#47;': '/'
-};
-const unescapeHtmlEntity = m => htmlEntities[m];
-const unescape = text => text.replace(matchHtmlEntity, unescapeHtmlEntity);
-
-let defaultOptions = {
-  bindI18n: 'languageChanged',
-  bindI18nStore: '',
-  transEmptyNodeValue: '',
-  transSupportBasicHtmlNodes: true,
-  transWrapTextNodes: '',
-  transKeepBasicHtmlNodesFor: ['br', 'strong', 'i', 'p'],
-  useSuspense: true,
-  unescape
-};
-function setDefaults() {
-  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  defaultOptions = {
-    ...defaultOptions,
-    ...options
-  };
-}
-function getDefaults() {
-  return defaultOptions;
-}
-
-let i18nInstance;
-function setI18n(instance) {
-  i18nInstance = instance;
-}
-function getI18n() {
-  return i18nInstance;
-}
-
-function hasChildren(node, checkLength) {
-  if (!node) return false;
-  const base = node.props ? node.props.children : node.children;
-  if (checkLength) return base.length > 0;
-  return !!base;
-}
-function getChildren(node) {
-  if (!node) return [];
-  return node.props ? node.props.children : node.children;
-}
-function hasValidReactChildren(children) {
-  if (Object.prototype.toString.call(children) !== '[object Array]') return false;
-  return children.every(child => React.isValidElement(child));
-}
-function getAsArray(data) {
-  return Array.isArray(data) ? data : [data];
-}
-function mergeProps(source, target) {
-  const newTarget = {
-    ...target
-  };
-  newTarget.props = Object.assign(source.props, target.props);
-  return newTarget;
-}
-function nodesToString(children, i18nOptions) {
-  if (!children) return '';
-  let stringNode = '';
-  const childrenArray = getAsArray(children);
-  const keepArray = i18nOptions.transSupportBasicHtmlNodes && i18nOptions.transKeepBasicHtmlNodesFor ? i18nOptions.transKeepBasicHtmlNodesFor : [];
-  childrenArray.forEach((child, childIndex) => {
-    if (typeof child === 'string') {
-      stringNode += `${child}`;
-    } else if (React.isValidElement(child)) {
-      const childPropsCount = Object.keys(child.props).length;
-      const shouldKeepChild = keepArray.indexOf(child.type) > -1;
-      const childChildren = child.props.children;
-      if (!childChildren && shouldKeepChild && childPropsCount === 0) {
-        stringNode += `<${child.type}/>`;
-      } else if (!childChildren && (!shouldKeepChild || childPropsCount !== 0)) {
-        stringNode += `<${childIndex}></${childIndex}>`;
-      } else if (child.props.i18nIsDynamicList) {
-        stringNode += `<${childIndex}></${childIndex}>`;
-      } else if (shouldKeepChild && childPropsCount === 1 && typeof childChildren === 'string') {
-        stringNode += `<${child.type}>${childChildren}</${child.type}>`;
-      } else {
-        const content = nodesToString(childChildren, i18nOptions);
-        stringNode += `<${childIndex}>${content}</${childIndex}>`;
-      }
-    } else if (child === null) {
-      warn(`Trans: the passed in value is invalid - seems you passed in a null child.`);
-    } else if (typeof child === 'object') {
-      const {
-        format,
-        ...clone
-      } = child;
-      const keys = Object.keys(clone);
-      if (keys.length === 1) {
-        const value = format ? `${keys[0]}, ${format}` : keys[0];
-        stringNode += `{{${value}}}`;
-      } else {
-        warn(`react-i18next: the passed in object contained more than one variable - the object should look like {{ value, format }} where format is optional.`, child);
-      }
-    } else {
-      warn(`Trans: the passed in value is invalid - seems you passed in a variable like {number} - please pass in variables for interpolation as full objects like {{number}}.`, child);
-    }
-  });
-  return stringNode;
-}
-function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, shouldUnescape) {
-  if (targetString === '') return [];
-  const keepArray = i18nOptions.transKeepBasicHtmlNodesFor || [];
-  const emptyChildrenButNeedsHandling = targetString && new RegExp(keepArray.join('|')).test(targetString);
-  if (!children && !emptyChildrenButNeedsHandling) return [targetString];
-  const data = {};
-  function getData(childs) {
-    const childrenArray = getAsArray(childs);
-    childrenArray.forEach(child => {
-      if (typeof child === 'string') return;
-      if (hasChildren(child)) getData(getChildren(child));else if (typeof child === 'object' && !React.isValidElement(child)) Object.assign(data, child);
-    });
-  }
-  getData(children);
-  const ast = c.parse(`<0>${targetString}</0>`);
-  const opts = {
-    ...data,
-    ...combinedTOpts
-  };
-  function renderInner(child, node, rootReactNode) {
-    const childs = getChildren(child);
-    const mappedChildren = mapAST(childs, node.children, rootReactNode);
-    return hasValidReactChildren(childs) && mappedChildren.length === 0 ? childs : mappedChildren;
-  }
-  function pushTranslatedJSX(child, inner, mem, i, isVoid) {
-    if (child.dummy) child.children = inner;
-    mem.push(React.cloneElement(child, {
-      ...child.props,
-      key: i
-    }, isVoid ? undefined : inner));
-  }
-  function mapAST(reactNode, astNode, rootReactNode) {
-    const reactNodes = getAsArray(reactNode);
-    const astNodes = getAsArray(astNode);
-    return astNodes.reduce((mem, node, i) => {
-      const translationContent = node.children && node.children[0] && node.children[0].content && i18n.services.interpolator.interpolate(node.children[0].content, opts, i18n.language);
-      if (node.type === 'tag') {
-        let tmp = reactNodes[parseInt(node.name, 10)];
-        if (!tmp && rootReactNode.length === 1 && rootReactNode[0][node.name]) tmp = rootReactNode[0][node.name];
-        if (!tmp) tmp = {};
-        const child = Object.keys(node.attrs).length !== 0 ? mergeProps({
-          props: node.attrs
-        }, tmp) : tmp;
-        const isElement = React.isValidElement(child);
-        const isValidTranslationWithChildren = isElement && hasChildren(node, true) && !node.voidElement;
-        const isEmptyTransWithHTML = emptyChildrenButNeedsHandling && typeof child === 'object' && child.dummy && !isElement;
-        const isKnownComponent = typeof children === 'object' && children !== null && Object.hasOwnProperty.call(children, node.name);
-        if (typeof child === 'string') {
-          const value = i18n.services.interpolator.interpolate(child, opts, i18n.language);
-          mem.push(value);
-        } else if (hasChildren(child) || isValidTranslationWithChildren) {
-          const inner = renderInner(child, node, rootReactNode);
-          pushTranslatedJSX(child, inner, mem, i);
-        } else if (isEmptyTransWithHTML) {
-          const inner = mapAST(reactNodes, node.children, rootReactNode);
-          mem.push(React.cloneElement(child, {
-            ...child.props,
-            key: i
-          }, inner));
-        } else if (Number.isNaN(parseFloat(node.name))) {
-          if (isKnownComponent) {
-            const inner = renderInner(child, node, rootReactNode);
-            pushTranslatedJSX(child, inner, mem, i, node.voidElement);
-          } else if (i18nOptions.transSupportBasicHtmlNodes && keepArray.indexOf(node.name) > -1) {
-            if (node.voidElement) {
-              mem.push(React.createElement(node.name, {
-                key: `${node.name}-${i}`
-              }));
-            } else {
-              const inner = mapAST(reactNodes, node.children, rootReactNode);
-              mem.push(React.createElement(node.name, {
-                key: `${node.name}-${i}`
-              }, inner));
-            }
-          } else if (node.voidElement) {
-            mem.push(`<${node.name} />`);
-          } else {
-            const inner = mapAST(reactNodes, node.children, rootReactNode);
-            mem.push(`<${node.name}>${inner}</${node.name}>`);
-          }
-        } else if (typeof child === 'object' && !isElement) {
-          const content = node.children[0] ? translationContent : null;
-          if (content) mem.push(content);
-        } else if (node.children.length === 1 && translationContent) {
-          mem.push(React.cloneElement(child, {
-            ...child.props,
-            key: i
-          }, translationContent));
-        } else {
-          mem.push(React.cloneElement(child, {
-            ...child.props,
-            key: i
-          }));
-        }
-      } else if (node.type === 'text') {
-        const wrapTextNodes = i18nOptions.transWrapTextNodes;
-        const content = shouldUnescape ? i18nOptions.unescape(i18n.services.interpolator.interpolate(node.content, opts, i18n.language)) : i18n.services.interpolator.interpolate(node.content, opts, i18n.language);
-        if (wrapTextNodes) {
-          mem.push(React.createElement(wrapTextNodes, {
-            key: `${node.name}-${i}`
-          }, content));
-        } else {
-          mem.push(content);
-        }
-      }
-      return mem;
-    }, []);
-  }
-  const result = mapAST([{
-    dummy: true,
-    children: children || []
-  }], ast, getAsArray(children || []));
-  return getChildren(result[0]);
-}
-function Trans$1(_ref) {
-  let {
-    children,
-    count,
-    parent,
-    i18nKey,
-    context,
-    tOptions = {},
-    values,
-    defaults,
-    components,
-    ns,
-    i18n: i18nFromProps,
-    t: tFromProps,
-    shouldUnescape,
-    ...additionalProps
-  } = _ref;
-  const i18n = i18nFromProps || getI18n();
-  if (!i18n) {
-    warnOnce('You will need to pass in an i18next instance by using i18nextReactModule');
-    return children;
-  }
-  const t = tFromProps || i18n.t.bind(i18n) || (k => k);
-  if (context) tOptions.context = context;
-  const reactI18nextOptions = {
-    ...getDefaults(),
-    ...(i18n.options && i18n.options.react)
-  };
-  let namespaces = ns || t.ns || i18n.options && i18n.options.defaultNS;
-  namespaces = typeof namespaces === 'string' ? [namespaces] : namespaces || ['translation'];
-  const defaultValue = defaults || nodesToString(children, reactI18nextOptions) || reactI18nextOptions.transEmptyNodeValue || i18nKey;
-  const {
-    hashTransKey
-  } = reactI18nextOptions;
-  const key = i18nKey || (hashTransKey ? hashTransKey(defaultValue) : defaultValue);
-  const interpolationOverride = values ? tOptions.interpolation : {
-    interpolation: {
-      ...tOptions.interpolation,
-      prefix: '#$?',
-      suffix: '?$#'
-    }
-  };
-  const combinedTOpts = {
-    ...tOptions,
-    count,
-    ...values,
-    ...interpolationOverride,
-    defaultValue,
-    ns: namespaces
-  };
-  const translation = key ? t(key, combinedTOpts) : defaultValue;
-  const content = renderNodes(components || children, translation, i18n, reactI18nextOptions, combinedTOpts, shouldUnescape);
-  const useAsParent = parent !== undefined ? parent : reactI18nextOptions.defaultTransParent;
-  return useAsParent ? React.createElement(useAsParent, additionalProps, content) : content;
-}
-
-const initReactI18next = {
-  type: '3rdParty',
-  init(instance) {
-    setDefaults(instance.options.react);
-    setI18n(instance);
-  }
 };
-
-const I18nContext = React.createContext();
-class ReportNamespaces {
-  constructor() {
-    this.usedNamespaces = {};
-  }
-  addUsedNamespaces(namespaces) {
-    namespaces.forEach(ns => {
-      if (!this.usedNamespaces[ns]) this.usedNamespaces[ns] = true;
-    });
-  }
-  getUsedNamespaces() {
-    return Object.keys(this.usedNamespaces);
-  }
-}
-
-function Trans(_ref) {
-  let {
-    children,
-    count,
-    parent,
-    i18nKey,
-    context,
-    tOptions = {},
-    values,
-    defaults,
-    components,
-    ns,
-    i18n: i18nFromProps,
-    t: tFromProps,
-    shouldUnescape,
-    ...additionalProps
-  } = _ref;
-  const {
-    i18n: i18nFromContext,
-    defaultNS: defaultNSFromContext
-  } = React.useContext(I18nContext) || {};
-  const i18n = i18nFromProps || i18nFromContext || getI18n();
-  const t = tFromProps || i18n && i18n.t.bind(i18n);
-  return Trans$1({
-    children,
-    count,
-    parent,
-    i18nKey,
-    context,
-    tOptions,
-    values,
-    defaults,
-    components,
-    ns: ns || t && t.ns || defaultNSFromContext || i18n && i18n.options && i18n.options.defaultNS,
-    i18n,
-    t: tFromProps,
-    shouldUnescape,
-    ...additionalProps
-  });
-}
-
-const usePrevious = (value, ignore) => {
-  const ref = React.useRef();
-  React.useEffect(() => {
-    ref.current = ignore ? ref.current : value;
-  }, [value, ignore]);
-  return ref.current;
-};
-function useTranslation(ns) {
-  let props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  const {
-    i18n: i18nFromProps
-  } = props;
-  const {
-    i18n: i18nFromContext,
-    defaultNS: defaultNSFromContext
-  } = React.useContext(I18nContext) || {};
-  const i18n = i18nFromProps || i18nFromContext || getI18n();
-  if (i18n && !i18n.reportNamespaces) i18n.reportNamespaces = new ReportNamespaces();
-  if (!i18n) {
-    warnOnce('You will need to pass in an i18next instance by using initReactI18next');
-    const notReadyT = (k, optsOrDefaultValue) => {
-      if (typeof optsOrDefaultValue === 'string') return optsOrDefaultValue;
-      if (optsOrDefaultValue && typeof optsOrDefaultValue === 'object' && typeof optsOrDefaultValue.defaultValue === 'string') return optsOrDefaultValue.defaultValue;
-      return Array.isArray(k) ? k[k.length - 1] : k;
-    };
-    const retNotReady = [notReadyT, {}, false];
-    retNotReady.t = notReadyT;
-    retNotReady.i18n = {};
-    retNotReady.ready = false;
-    return retNotReady;
-  }
-  if (i18n.options.react && i18n.options.react.wait !== undefined) warnOnce('It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.');
-  const i18nOptions = {
-    ...getDefaults(),
-    ...i18n.options.react,
-    ...props
-  };
-  const {
-    useSuspense,
-    keyPrefix
-  } = i18nOptions;
-  let namespaces = ns || defaultNSFromContext || i18n.options && i18n.options.defaultNS;
-  namespaces = typeof namespaces === 'string' ? [namespaces] : namespaces || ['translation'];
-  if (i18n.reportNamespaces.addUsedNamespaces) i18n.reportNamespaces.addUsedNamespaces(namespaces);
-  const ready = (i18n.isInitialized || i18n.initializedStoreOnce) && namespaces.every(n => hasLoadedNamespace(n, i18n, i18nOptions));
-  function getT() {
-    return i18n.getFixedT(props.lng || null, i18nOptions.nsMode === 'fallback' ? namespaces : namespaces[0], keyPrefix);
-  }
-  const [t, setT] = React.useState(getT);
-  let joinedNS = namespaces.join();
-  if (props.lng) joinedNS = `${props.lng}${joinedNS}`;
-  const previousJoinedNS = usePrevious(joinedNS);
-  const isMounted = React.useRef(true);
-  React.useEffect(() => {
-    const {
-      bindI18n,
-      bindI18nStore
-    } = i18nOptions;
-    isMounted.current = true;
-    if (!ready && !useSuspense) {
-      if (props.lng) {
-        loadLanguages(i18n, props.lng, namespaces, () => {
-          if (isMounted.current) setT(getT);
-        });
-      } else {
-        loadNamespaces(i18n, namespaces, () => {
-          if (isMounted.current) setT(getT);
-        });
-      }
-    }
-    if (ready && previousJoinedNS && previousJoinedNS !== joinedNS && isMounted.current) {
-      setT(getT);
-    }
-    function boundReset() {
-      if (isMounted.current) setT(getT);
-    }
-    if (bindI18n && i18n) i18n.on(bindI18n, boundReset);
-    if (bindI18nStore && i18n) i18n.store.on(bindI18nStore, boundReset);
-    return () => {
-      isMounted.current = false;
-      if (bindI18n && i18n) bindI18n.split(' ').forEach(e => i18n.off(e, boundReset));
-      if (bindI18nStore && i18n) bindI18nStore.split(' ').forEach(e => i18n.store.off(e, boundReset));
-    };
-  }, [i18n, joinedNS]);
-  const isInitial = React.useRef(true);
-  React.useEffect(() => {
-    if (isMounted.current && !isInitial.current) {
-      setT(getT);
-    }
-    isInitial.current = false;
-  }, [i18n, keyPrefix]);
-  const ret = [t, i18n, ready];
-  ret.t = t;
-  ret.i18n = i18n;
-  ret.ready = ready;
-  if (ready) return ret;
-  if (!ready && !useSuspense) return ret;
-  throw new Promise(resolve => {
-    if (props.lng) {
-      loadLanguages(i18n, props.lng, namespaces, () => resolve());
-    } else {
-      loadNamespaces(i18n, namespaces, () => resolve());
-    }
-  });
-}
-
-var entity = {
-	webhook: "webhook",
-	configure: "Configure"
-};
-var buttons = {
-	saveChanges: "Save changes",
-	cancel: "Cancel",
-	"delete": "Delete"
-};
-var errors = {
-	webhook: {
-		required: "Please enter your endpoint URL",
-		invalidUrl: "Please enter a valid URL",
-		invalidUrlProtocol: "Please enter a valid URL. URL must begin with http or https",
-		urlNotUnique: "Endpoint URL must be unique"
-	}
-};
-var delivery = {
-	title: "Deliveries",
-	redeliver: "Redeliver",
-	redelivery: "redelivery",
-	request: "Request",
-	response: "Response",
-	header: "Header",
-	body: "Body",
-	payload: "Payload",
-	empty: {
-		title: "There are no deliveries to show.",
-		description: "No events have been sent to this webhook"
-	}
-};
-var webhook = {
-	title: "Webhooks",
-	description: "All new action event details will be posted to the configured webhook URLs",
-	empty: "There are no webhooks defined currently",
-	add: "Add new webhook",
-	endpoint: "Endpoint",
-	endpointPlaceholder: "Enter endpoint URL",
-	secret: "Secret key (optional) <helpLink><info></helpLink>",
-	secretPlaceholder: "Enter secret key",
-	edit: "Edit Webhook"
-};
-var operation = {
-	edit: "Edit",
-	"delete": "Delete"
-};
-var alert = {
-	"delete": {
-		title: "Delete {{entity}}?",
-		message: "You are deleting the {{entity}}."
-	}
+var show$1 = function show(id) {
+  return axios__default["default"].get("".concat(baseUrl$2, "/").concat(id));
 };
-var en = {
-	entity: entity,
-	buttons: buttons,
-	errors: errors,
-	delivery: delivery,
-	webhook: webhook,
-	operation: operation,
-	alert: alert
+var redeliver = function redeliver(id) {
+  return axios__default["default"].post("".concat(baseUrl$2, "/").concat(id, "/redeliver"));
 };
-
-instance.use(initReactI18next).init({
-  resources: {
-    en: {
-      translation: en
-    }
-  },
-  fallbackLng: "en"
-});
-
-var getDeliveriesPath = function getDeliveriesPath(webhooksPath) {
-  return "".concat(webhooksPath, "/:webhookId/deliveries");
+var deliveriesApi = {
+  fetch: fetch$1,
+  show: show$1,
+  redeliver: redeliver
 };
 
-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 _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-}
-
-function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-
-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);
-}
+var QUERY_KEYS = {
+  DELIVERY_LIST: "delivery-list",
+  DELIVERY_DETAILS: "delivery-details",
+  WEBHOOK_LIST: "webhook-list",
+  WEBHOOK_DETAILS: "webhook-details",
+  EVENTS_LIST: "events-list"
+};
+var DELIVERY_STALE_TIME = 3200000; // 1 hour
+var WEBHOOK_STALE_TIME = 3200000; // 1 hour
+var POST_REDELIVERY_ON_SUCCESS_TIMEOUT = 5000; // 5 seconds
 
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
+var useFetchDeliveries = function useFetchDeliveries(params) {
+  return reactQuery.useQuery([QUERY_KEYS.DELIVERY_LIST, params], function () {
+    return deliveriesApi.fetch(params);
+  }, {
+    staleTime: DELIVERY_STALE_TIME
+  });
+};
+var useShowDelivery = function useShowDelivery(id) {
+  return reactQuery.useQuery([QUERY_KEYS.DELIVERY_DETAILS, id], function () {
+    return deliveriesApi.show(id);
+  }, {
+    staleTime: DELIVERY_STALE_TIME
+  });
+};
+var useRedeliverWebhook = function useRedeliverWebhook() {
+  var queryClient = reactQuery.useQueryClient();
+  return reactQuery.useMutation(deliveriesApi.redeliver, {
+    onSuccess: function onSuccess() {
+      setTimeout(function () {
+        return queryClient.invalidateQueries(QUERY_KEYS.DELIVERY_LIST);
+      }, POST_REDELIVERY_ON_SUCCESS_TIMEOUT);
+    }
+  });
+};
 
-function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-}
+var DEFAULT_PAGE_SIZE = 10;
 
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
   try {
@@ -3020,6 +236,10 @@ function _asyncToGenerator(fn) {
   };
 }
 
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
 var regeneratorRuntime$1 = {exports: {}};
 
 var _typeof$1 = {exports: {}};
@@ -3369,318 +589,318 @@ try {
 
 var _regeneratorRuntime = /*@__PURE__*/getDefaultExportFromCjs(regenerator);
 
-var queryClient = new reactQuery.QueryClient({
-  queryCache: new reactQuery.QueryCache()
-});
-
-var withReactQuery = function withReactQuery(Component) {
-  var QueryWrapper = function QueryWrapper(props) {
-    return /*#__PURE__*/React__default["default"].createElement(reactQuery.QueryClientProvider, {
-      client: queryClient
-    }, /*#__PURE__*/React__default["default"].createElement(Component, props), /*#__PURE__*/React__default["default"].createElement(devtools.ReactQueryDevtools, {
-      initialIsOpen: false,
-      position: "bottom-right"
-    }));
-  };
-  return QueryWrapper;
-};
-
-var baseUrl$1 = "/webhooks/deliveries";
-var fetch$1 = function fetch(webhook_id) {
-  return axios__default["default"].get(baseUrl$1, {
-    params: {
-      webhook_id: webhook_id
-    }
-  });
-};
-var show$1 = function show(id) {
-  return axios__default["default"].get("".concat(baseUrl$1, "/").concat(id));
-};
-var redeliver = function redeliver(id) {
-  return axios__default["default"].post("".concat(baseUrl$1, "/").concat(id, "/redeliver"));
-};
-var deliveriesApi = {
-  fetch: fetch$1,
-  show: show$1,
-  redeliver: redeliver
-};
-
-var QUERY_KEYS = {
-  DELIVERY_LIST: "delivery-list",
-  DELIVERY_DETAILS: "delivery-details",
-  WEBHOOK_LIST: "webhook-list",
-  WEBHOOK_DETAILS: "webhook-details"
-};
-var DELIVERY_STALE_TIME = 3200000; // 1 hour
-var WEBHOOK_STALE_TIME = 3200000; // 1 hour
-var POST_REDELIVERY_ON_SUCCESS_TIMEOUT = 5000; // 5 seconds
-
-var useFetchDeliveries = function useFetchDeliveries(webhookId) {
-  return reactQuery.useQuery([QUERY_KEYS.DELIVERY_LIST, webhookId], function () {
-    return deliveriesApi.fetch(webhookId);
-  }, {
-    staleTime: DELIVERY_STALE_TIME
-  });
-};
-var useShowDelivery = function useShowDelivery(id) {
-  return reactQuery.useQuery([QUERY_KEYS.DELIVERY_DETAILS, id], function () {
-    return deliveriesApi.show(id);
-  }, {
-    staleTime: DELIVERY_STALE_TIME
-  });
-};
-var useRedeliverWebhook = function useRedeliverWebhook() {
-  var queryClient = reactQuery.useQueryClient();
-  return reactQuery.useMutation(deliveriesApi.redeliver, {
-    onSuccess: function onSuccess() {
-      setTimeout(function () {
-        return queryClient.invalidateQueries(QUERY_KEYS.DELIVERY_LIST);
-      }, POST_REDELIVERY_ON_SUCCESS_TIMEOUT);
-    }
-  });
-};
-
 var DELIVERY_TAB = {
   response: "response",
   request: "request"
 };
-var DELIVERY_STATUS = {
-  failure: "failure",
-  success: "success"
-};
-
-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 _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();
-}
 
 var Snippet = function Snippet(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "my-2 whitespace-pre-wrap break-all rounded border border-gray-300 bg-gray-100 p-4"
+    className: "neeto-ui-rounded neeto-ui-border-gray-300 neeto-ui-bg-gray-100 my-2 whitespace-pre-wrap break-all border p-4"
   }, children);
 };
 
-var DeliveryItem = function DeliveryItem(_ref) {
-  var deliveryId = _ref.deliveryId,
-    isRedelivering = _ref.isRedelivering,
-    onRedeliverClick = _ref.onRedeliverClick;
+var TransactionDetails = function TransactionDetails(_ref) {
+  var delivery = _ref.delivery;
+  var deliveryId = delivery.id,
+    status = delivery.status,
+    identifier = delivery.identifier,
+    responseStatusCode = delivery.responseStatusCode;
   var _useState = React.useState(DELIVERY_TAB.request),
     _useState2 = _slicedToArray(_useState, 2),
     activeHeader = _useState2[0],
     setActiveHeader = _useState2[1];
-  var _useTranslation = useTranslation(),
+  var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useShowDelivery = useShowDelivery(deliveryId),
     isLoading = _useShowDelivery.isLoading,
     _useShowDelivery$data = _useShowDelivery.data,
     _useShowDelivery$data2 = _useShowDelivery$data === void 0 ? {} : _useShowDelivery$data,
     _useShowDelivery$data3 = _useShowDelivery$data2.delivery,
-    delivery = _useShowDelivery$data3 === void 0 ? {} : _useShowDelivery$data3;
+    deliveryDetails = _useShowDelivery$data3 === void 0 ? {} : _useShowDelivery$data3;
   if (isLoading) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "flex items-center justify-center py-6"
+      className: "flex w-full items-center justify-center py-6"
     }, /*#__PURE__*/React__default["default"].createElement(neetoui.Spinner, null));
   }
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "p-4"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Tab, {
-    className: "mb-4"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Tab.Item, {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-ui-bg-white sticky top-0 mb-2 flex w-full flex-col"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex w-full flex-col space-y-2 pb-4"
+  }, /*#__PURE__*/React__default["default"].createElement("span", {
+    className: "flex items-center space-x-1"
+  }, t("neetoWebhooks.delivery.identifier"), ":", /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    className: "px-2 font-bold",
+    style: "body2"
+  }, identifier)), /*#__PURE__*/React__default["default"].createElement("span", {
+    className: "flex items-center"
+  }, t("neetoWebhooks.common.responseStatus"), ":", /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    className: "px-2 font-bold",
+    style: "body2"
+  }, responseStatusCode), /*#__PURE__*/React__default["default"].createElement(neetoui.Tag, {
+    style: status === "success" ? "success" : "warning"
+  }, status))), /*#__PURE__*/React__default["default"].createElement(neetoui.Tab, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Tab.Item, {
     active: activeHeader === DELIVERY_TAB.request,
     onClick: function onClick() {
       return setActiveHeader(DELIVERY_TAB.request);
     }
-  }, t("delivery.request")), /*#__PURE__*/React__default["default"].createElement(neetoui.Tab.Item, {
+  }, t("neetoWebhooks.delivery.request")), /*#__PURE__*/React__default["default"].createElement(neetoui.Tab.Item, {
     active: activeHeader === DELIVERY_TAB.response,
     onClick: function onClick() {
       return setActiveHeader(DELIVERY_TAB.response);
     }
-  }, t("delivery.response")), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex flex-1 justify-end"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    className: "mr-2 mb-2",
-    label: t("delivery.redeliver"),
-    loading: isRedelivering,
-    style: "secondary",
-    onClick: function onClick() {
-      return onRedeliverClick(delivery.id);
-    }
-  }))), activeHeader === DELIVERY_TAB.request ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }, t("neetoWebhooks.delivery.response")))), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "mt-2"
+  }, activeHeader === DELIVERY_TAB.request ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: "space-y-4"
   }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     style: "h5"
-  }, t("delivery.header")), /*#__PURE__*/React__default["default"].createElement(Snippet, null, delivery.requestHeader)), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  }, t("neetoWebhooks.delivery.header")), /*#__PURE__*/React__default["default"].createElement(Snippet, null, deliveryDetails.requestHeader)), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     style: "h5"
-  }, t("delivery.payload")), /*#__PURE__*/React__default["default"].createElement(Snippet, null, JSON.stringify(JSON.parse(delivery.requestBody), null, 2)))) : /*#__PURE__*/React__default["default"].createElement("div", {
+  }, t("neetoWebhooks.delivery.payload")), /*#__PURE__*/React__default["default"].createElement(Snippet, null, JSON.stringify(JSON.parse(deliveryDetails.requestBody), null, 2)))) : /*#__PURE__*/React__default["default"].createElement("div", {
     className: "space-y-4"
   }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     style: "h5"
-  }, t("delivery.header")), /*#__PURE__*/React__default["default"].createElement(Snippet, null, delivery.responseHeader)), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  }, t("neetoWebhooks.delivery.header")), /*#__PURE__*/React__default["default"].createElement(Snippet, null, deliveryDetails.responseHeader)), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     style: "h5"
-  }, t("delivery.body")), /*#__PURE__*/React__default["default"].createElement(Snippet, null, delivery.responseBody))));
+  }, t("neetoWebhooks.delivery.body")), /*#__PURE__*/React__default["default"].createElement(Snippet, null, deliveryDetails.responseBody)))));
 };
 
-var Deliveries = function Deliveries(_ref) {
-  var webhooksUrl = _ref.webhooksUrl,
-    hostBreadcrumbs = _ref.breadcrumbs;
-  var _useTranslation = useTranslation(),
+var Details = function Details(_ref) {
+  var delivery = _ref.delivery,
+    onClose = _ref.onClose;
+  var createdAt = delivery.createdAt,
+    id = delivery.id,
+    event = delivery.event;
+  var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var _useParams = reactRouterDom.useParams(),
-    webhookId = _useParams.webhookId;
-  var _useFetchDeliveries = useFetchDeliveries(webhookId),
-    isLoading = _useFetchDeliveries.isLoading,
-    _useFetchDeliveries$d = _useFetchDeliveries.data,
-    _useFetchDeliveries$d2 = _useFetchDeliveries$d === void 0 ? {} : _useFetchDeliveries$d,
-    endpoint = _useFetchDeliveries$d2.endpoint,
-    _useFetchDeliveries$d3 = _useFetchDeliveries$d2.deliveries,
-    deliveries = _useFetchDeliveries$d3 === void 0 ? [] : _useFetchDeliveries$d3;
   var _useRedeliverWebhook = useRedeliverWebhook(),
     isRedelivering = _useRedeliverWebhook.isLoading,
     redeliverWebhook = _useRedeliverWebhook.mutateAsync;
-  var onRedeliverClick = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(deliveryId) {
+  var handleRedeliverClick = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             _context.next = 2;
-            return redeliverWebhook(deliveryId);
+            return redeliverWebhook(id);
           case 2:
           case "end":
             return _context.stop();
         }
       }, _callee);
     }));
-    return function onRedeliverClick(_x) {
+    return function handleRedeliverClick() {
       return _ref2.apply(this, arguments);
     };
   }();
-  var breadcrumbsWithoutWebhooksTitle = pure.removeBy({
-    text: t("webhook.title")
+  return /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, {
+    isOpen: neetoCist.isPresent(delivery),
+    size: "large",
+    onClose: onClose
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, null, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(DateFormat__default["default"].Date, {
+    date: createdAt,
+    typographyProps: {
+      style: "h2",
+      weight: "semibold"
+    }
+  }), /*#__PURE__*/React__default["default"].createElement("span", null, " \u2022 "), /*#__PURE__*/React__default["default"].createElement(DateFormat__default["default"].Time, {
+    date: createdAt,
+    typographyProps: {
+      style: "h2",
+      weight: "normal"
+    }
+  }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, neetoCist.isPresent(delivery) && /*#__PURE__*/React__default["default"].createElement(TransactionDetails, {
+    delivery: delivery
+  })), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, {
+    className: "gap-x-2"
+  }, event && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    disabled: isRedelivering,
+    label: t("neetoWebhooks.delivery.redeliver"),
+    loading: isRedelivering,
+    style: "primary",
+    onClick: handleRedeliverClick
+  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    label: t("neetoWebhooks.buttons.cancel"),
+    style: "text",
+    onClick: onClose
+  })));
+};
+
+var buildColumns$1 = function buildColumns(_ref) {
+  var handleDetailsClick = _ref.handleDetailsClick;
+  return [{
+    title: i18next.t("neetoWebhooks.delivery.identifier", constants.SINGULAR),
+    key: "identifier",
+    width: 300,
+    render: function render(_ref2) {
+      var identifier = _ref2.identifier,
+        redelivery = _ref2.redelivery;
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "flex space-x-1"
+      }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+        className: "px-2",
+        style: "body2",
+        weight: "semibold"
+      }, identifier), redelivery && /*#__PURE__*/React__default["default"].createElement(neetoui.Tag, {
+        style: "info"
+      }, i18next.t("neetoWebhooks.delivery.redelivery")));
+    }
+  }, {
+    title: i18next.t("neetoWebhooks.tableHeaders.createdAt"),
+    key: "createdAt",
+    dataIndex: "createdAt",
+    width: 300,
+    render: function render(createdAt) {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "flex items-center justify-between space-x-1"
+      }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, null, /*#__PURE__*/React__default["default"].createElement(DateFormat__default["default"].Date, {
+        date: createdAt,
+        typographyProps: {
+          style: "body1",
+          weight: "semibold"
+        }
+      }), /*#__PURE__*/React__default["default"].createElement("span", null, " \u2022 "), /*#__PURE__*/React__default["default"].createElement(DateFormat__default["default"].Time, {
+        date: createdAt,
+        typographyProps: {
+          style: "body1"
+        }
+      })));
+    }
+  }, {
+    title: i18next.t("neetoWebhooks.common.responseStatus"),
+    key: "responseStatusCode",
+    width: 150,
+    render: function render(_ref3) {
+      var responseStatusCode = _ref3.responseStatusCode,
+        status = _ref3.status;
+      return /*#__PURE__*/React__default["default"].createElement("span", {
+        className: "flex items-center"
+      }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+        className: "px-2 font-bold",
+        style: "body2"
+      }, responseStatusCode), /*#__PURE__*/React__default["default"].createElement(neetoui.Tag, {
+        style: status === "success" ? "success" : "warning"
+      }, status));
+    }
+  }, {
+    title: i18next.t("neetoWebhooks.common.event", constants.SINGULAR),
+    key: "event",
+    dataIndex: "event",
+    width: 100,
+    render: ramda.prop("label")
+  }, {
+    title: i18next.t("neetoWebhooks.tableHeaders.details"),
+    key: "details",
+    dataIndex: "details",
+    width: 150,
+    render: function render(_, delivery) {
+      return /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+        label: i18next.t("neetoWebhooks.buttons.viewDetails"),
+        size: "small",
+        onClick: function onClick() {
+          return handleDetailsClick(delivery);
+        }
+      });
+    }
+  }];
+};
+
+var Deliveries = function Deliveries(_ref) {
+  var webhooksUrl = _ref.webhooksUrl,
+    hostBreadcrumbs = _ref.breadcrumbs;
+  var _useState = React.useState(1),
+    _useState2 = _slicedToArray(_useState, 2),
+    pageNumber = _useState2[0],
+    setPageNumber = _useState2[1];
+  var _useState3 = React.useState({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    selectedDelivery = _useState4[0],
+    setSelectedDelivery = _useState4[1];
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useParams = reactRouterDom.useParams(),
+    webhookId = _useParams.webhookId;
+  var _useFetchDeliveries = useFetchDeliveries({
+      webhookId: webhookId,
+      page: pageNumber,
+      limit: DEFAULT_PAGE_SIZE
+    }),
+    isLoading = _useFetchDeliveries.isLoading,
+    isFetching = _useFetchDeliveries.isFetching,
+    _useFetchDeliveries$d = _useFetchDeliveries.data,
+    _useFetchDeliveries$d2 = _useFetchDeliveries$d === void 0 ? {} : _useFetchDeliveries$d,
+    endpoint = _useFetchDeliveries$d2.endpoint,
+    totalCount = _useFetchDeliveries$d2.totalCount,
+    _useFetchDeliveries$d3 = _useFetchDeliveries$d2.deliveries,
+    deliveries = _useFetchDeliveries$d3 === void 0 ? [] : _useFetchDeliveries$d3;
+  var breadcrumbsWithoutWebhooksTitle = neetoCist.removeBy({
+    text: t("neetoWebhooks.webhook.title")
   }, hostBreadcrumbs);
   var breadcrumbs = [].concat(_toConsumableArray(breadcrumbsWithoutWebhooksTitle), [{
     link: webhooksUrl,
-    text: t("webhook.title")
+    text: t("neetoWebhooks.webhook.title")
   }, {
     link: window.location.pathname,
     text: endpoint
   }]);
   if (isLoading) return /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "w-full px-6"
+  return /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
+    className: "w-full"
   }, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], {
     breadcrumbs: breadcrumbs,
-    title: t("delivery.title")
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "deliveries__list"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Accordion, {
-    className: classNames__default["default"]("neeto-ui-rounded", {
-      border: deliveries.length
+    title: t("neetoWebhooks.delivery.title")
+  }), neetoCist.isNotEmpty(deliveries) ? /*#__PURE__*/React__default["default"].createElement(TableWrapper__default["default"], {
+    hasPagination: totalCount > DEFAULT_PAGE_SIZE
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Table, {
+    totalCount: totalCount,
+    fixedHeight: true,
+    currentPageNumber: pageNumber,
+    defaultPageSize: DEFAULT_PAGE_SIZE,
+    handlePageChange: function handlePageChange(page) {
+      return setPageNumber(page);
+    },
+    loading: isFetching,
+    rowData: deliveries,
+    columnData: buildColumns$1({
+      handleDetailsClick: setSelectedDelivery
     })
-  }, deliveries.map(function (_ref3) {
-    var id = _ref3.id,
-      status = _ref3.status,
-      identifier = _ref3.identifier,
-      action = _ref3.action,
-      redelivery = _ref3.redelivery,
-      createdAt = _ref3.createdAt;
-    return /*#__PURE__*/React__default["default"].createElement(neetoui.Accordion.Item, {
-      key: id,
-      title: /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "flex flex-1 justify-between"
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "flex items-center gap-2"
-      }, /*#__PURE__*/React__default["default"].createElement("span", null, status === DELIVERY_STATUS.failure ? /*#__PURE__*/React__default["default"].createElement(neetoIcons.Close, {
-        className: "neeto-ui-text-error-600",
-        size: 20,
-        strokeWidth: 2.5
-      }) : /*#__PURE__*/React__default["default"].createElement(neetoIcons.Check, {
-        className: "neeto-ui-text-success-600",
-        size: 24,
-        strokeWidth: 2
-      })), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-        style: "h5"
-      }, identifier), /*#__PURE__*/React__default["default"].createElement(neetoui.Tag, {
-        label: action,
-        style: "info"
-      }), redelivery && /*#__PURE__*/React__default["default"].createElement(neetoui.Tag, {
-        label: t("delivery.redelivery")
-      })), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-        className: "mr-8",
-        style: "body2"
-      }, utils.dateFormat.dateTime(createdAt)))
-    }, /*#__PURE__*/React__default["default"].createElement(DeliveryItem, {
-      deliveryId: id,
-      isRedelivering: isRedelivering,
-      onRedeliverClick: onRedeliverClick
-    }));
-  })), ramda.isEmpty(deliveries) && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex h-full items-center justify-center"
+  })) : /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex h-full w-full items-center justify-center"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.NoData, {
-    description: t("delivery.empty.description"),
-    title: t("delivery.empty.title")
-  }))));
+    description: t("neetoWebhooks.delivery.empty.description"),
+    title: t("neetoWebhooks.delivery.empty.title")
+  })), /*#__PURE__*/React__default["default"].createElement(Details, {
+    delivery: selectedDelivery,
+    onClose: function onClose() {
+      return setSelectedDelivery({});
+    }
+  }));
 };
 var Deliveries$1 = withReactQuery(Deliveries);
 
-var baseUrl = "/webhooks/webhooks";
-var fetch = function fetch(entity_id) {
-  return axios__default["default"].get(baseUrl, {
-    params: {
-      entity_id: entity_id
-    }
+var baseUrl$1 = "/webhooks/webhooks";
+var fetch = function fetch(params) {
+  return axios__default["default"].get(baseUrl$1, {
+    params: params
   });
 };
 var create = function create(payload) {
-  return axios__default["default"].post(baseUrl, {
+  return axios__default["default"].post(baseUrl$1, {
     webhook: payload
   });
 };
 var show = function show(id) {
-  return axios__default["default"].get("".concat(baseUrl, "/").concat(id));
+  return axios__default["default"].get("".concat(baseUrl$1, "/").concat(id));
 };
 var update = function update(id, payload) {
-  return axios__default["default"].put("".concat(baseUrl, "/").concat(id), {
+  return axios__default["default"].put("".concat(baseUrl$1, "/").concat(id), {
     webhook: payload
   });
 };
 var destroy = function destroy(id) {
-  return axios__default["default"]["delete"]("".concat(baseUrl, "/").concat(id));
+  return axios__default["default"]["delete"]("".concat(baseUrl$1, "/").concat(id));
 };
 var webhooksApi = {
   fetch: fetch,
@@ -3690,9 +910,9 @@ var webhooksApi = {
   destroy: destroy
 };
 
-var useFetchWebhooks = function useFetchWebhooks(entityId) {
-  return reactQuery.useQuery([QUERY_KEYS.WEBHOOK_LIST, entityId], function () {
-    return webhooksApi.fetch(entityId);
+var useFetchWebhooks = function useFetchWebhooks(params) {
+  return reactQuery.useQuery([QUERY_KEYS.WEBHOOK_LIST, params], function () {
+    return webhooksApi.fetch(params);
   }, {
     staleTime: WEBHOOK_STALE_TIME
   });
@@ -3783,16 +1003,125 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
+var baseUrl = "/webhooks/events/all";
+var all = function all() {
+  return axios__default["default"].get(baseUrl);
+};
+var eventsApi = {
+  all: all
+};
+
+var useFetchEvents = function useFetchEvents() {
+  return reactQuery.useQuery([QUERY_KEYS.EVENTS_LIST], eventsApi.all, {
+    staleTime: WEBHOOK_STALE_TIME
+  });
+};
+
 var WEBHOOK_HELP_URL = "https://help.neetocal.com/articles/webhook";
 
+var Menu = neetoui.Dropdown.Menu,
+  MenuItem = neetoui.Dropdown.MenuItem;
+var ActionDropdown = function ActionDropdown(_ref) {
+  var onEdit = _ref.onEdit,
+    onDelete = _ref.onDelete;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
+    buttonStyle: "text",
+    icon: neetoIcons.MenuHorizontal,
+    strategy: "fixed"
+  }, /*#__PURE__*/React__default["default"].createElement(Menu, null, /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
+    onClick: onEdit
+  }, t("neetoWebhooks.buttons.edit")), /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
+    style: "danger",
+    onClick: onDelete
+  }, t("neetoWebhooks.buttons.delete"))));
+};
+
+function ownKeys$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; }
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var getValidationSchema = function getValidationSchema(webhooks) {
   return yup__namespace.object().shape({
-    endpoint: yup__namespace.string().trim().matches(/^(https?):\/\//i, t$2("errors.webhook.invalidUrlProtocol")).url(t$2("errors.webhook.invalidUrl")).required(t$2("errors.webhook.required")).test("Is endpoint unique", t$2("errors.webhook.urlNotUnique"), function (endpoint, ctx) {
-      return !ramda.pluck("endpoint", pure.removeById(ctx.parent.id, webhooks)).includes(endpoint === null || endpoint === void 0 ? void 0 : endpoint.trim());
+    endpoint: yup__namespace.string().trim().matches(/^(https?):\/\//i, i18next.t("neetoWebhooks.errors.webhook.invalidUrlProtocol")).url(i18next.t("neetoWebhooks.errors.webhook.invalidUrl")).required(i18next.t("neetoWebhooks.errors.webhook.required")).test("Is endpoint unique", i18next.t("neetoWebhooks.errors.webhook.urlNotUnique"), function (endpoint, ctx) {
+      return !ramda.pluck("endpoint", neetoCist.removeById(ctx.parent.id, webhooks)).includes(endpoint === null || endpoint === void 0 ? void 0 : endpoint.trim());
     }),
+    events: yup__namespace.array().min(1, i18next.t("neetoWebhooks.errors.webhook.events.required")),
     secret: yup__namespace.string().trim().nullable()
   });
 };
+var buildPayload = function buildPayload(_ref) {
+  var _initialValues$events;
+  var isEditing = _ref.isEditing,
+    values = _ref.values,
+    initialValues = _ref.initialValues;
+  var events = values.events.map(function (_ref2) {
+    var identifier = _ref2.identifier;
+    return {
+      identifier: identifier
+    };
+  });
+  if (!isEditing) return _objectSpread$1(_objectSpread$1({}, values), {}, {
+    eventsAttributes: events
+  });
+  var deletable = ((_initialValues$events = initialValues.events) !== null && _initialValues$events !== void 0 ? _initialValues$events : []).filter(function (_ref3) {
+    var identifier = _ref3.identifier;
+    return !neetoCist.findBy({
+      identifier: identifier
+    }, values.events);
+  }).map(ramda.assoc("_destroy", true));
+  var creatable = values.events.filter(function (_ref4) {
+    var identifier = _ref4.identifier;
+    return !neetoCist.findBy({
+      identifier: identifier
+    }, initialValues.events);
+  });
+  return _objectSpread$1(_objectSpread$1({}, values), {}, {
+    eventsAttributes: [].concat(_toConsumableArray(creatable), _toConsumableArray(deletable))
+  });
+};
+var buildColumns = function buildColumns(_ref5) {
+  var handleDelete = _ref5.handleDelete,
+    handleEdit = _ref5.handleEdit,
+    deliveriesPath = _ref5.deliveriesPath;
+  return [{
+    title: i18next.t("neetoWebhooks.common.endpoint"),
+    key: "endpoint",
+    dataIndex: "endpoint",
+    render: function render(endpoint, webhook) {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "flex items-center justify-between space-x-3"
+      }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+        style: "link",
+        to: utils.buildUrl(deliveriesPath, {
+          webhookId: webhook.id
+        })
+      }, endpoint), /*#__PURE__*/React__default["default"].createElement(ActionDropdown, {
+        onDelete: function onDelete() {
+          return handleDelete(webhook.id);
+        },
+        onEdit: function onEdit() {
+          return handleEdit(webhook.id);
+        }
+      }));
+    }
+  }, {
+    title: i18next.t("neetoWebhooks.webhook.active"),
+    key: "isActive",
+    dataIndex: "isActive",
+    render: function render(isActive) {
+      return isActive ? i18next.t("neetoWebhooks.webhook.activeStatuses.yes") : i18next.t("neetoWebhooks.webhook.activeStatuses.no");
+    },
+    width: 100
+  }, {
+    title: i18next.t("neetoWebhooks.common.event", constants.PLURAL),
+    dataIndex: "events",
+    key: "events",
+    render: function render(events) {
+      return ramda.pluck("label", events).sort().join(", ");
+    },
+    width: 200
+  }];
+};
 
 function ownKeys(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; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -3803,7 +1132,7 @@ var AddWebhookPane = function AddWebhookPane(_ref) {
     isOpen = _ref.isOpen,
     onClose = _ref.onClose,
     webhooks = _ref.webhooks;
-  var _useTranslation = useTranslation(),
+  var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useCreateWebhook = useCreateWebhook({
       onSuccess: function onSuccess() {
@@ -3823,15 +1152,25 @@ var AddWebhookPane = function AddWebhookPane(_ref) {
     }),
     updateWebhook = _useUpdateWebhook.mutate;
   var endpointRef = React.useRef();
+  var _useFetchEvents = useFetchEvents(),
+    events = _useFetchEvents.data,
+    isLoading = _useFetchEvents.isLoading;
   var initialValues = editingWebhookId ? webhook : {
     endpoint: "",
-    secret: ""
+    events: events,
+    secret: "",
+    isActive: true
   };
   var handleSubmit = function handleSubmit(values) {
+    var payload = buildPayload({
+      isEditing: editingWebhookId,
+      values: values,
+      initialValues: initialValues
+    });
     editingWebhookId ? updateWebhook({
       id: editingWebhookId,
-      payload: values
-    }) : createWebhook(_objectSpread(_objectSpread({}, values), {}, {
+      payload: payload
+    }) : createWebhook(_objectSpread(_objectSpread({}, payload), {}, {
       entityId: entityId,
       entityType: entityType
     }));
@@ -3846,7 +1185,7 @@ var AddWebhookPane = function AddWebhookPane(_ref) {
     "data-cy": "add-new-webhook-pane-header",
     style: "h2",
     weight: "semibold"
-  }, editingWebhookId ? t("webhook.edit") : t("webhook.add")), /*#__PURE__*/React__default["default"].createElement("a", {
+  }, editingWebhookId ? t("neetoWebhooks.webhook.edit") : t("neetoWebhooks.webhook.add")), /*#__PURE__*/React__default["default"].createElement("a", {
     href: WEBHOOK_HELP_URL,
     rel: "noreferrer",
     target: "_blank"
@@ -3864,21 +1203,33 @@ var AddWebhookPane = function AddWebhookPane(_ref) {
     }
   }, function (_ref2) {
     var dirty = _ref2.dirty,
-      isSubmitting = _ref2.isSubmitting;
-    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
+      isSubmitting = _ref2.isSubmitting,
+      isValid = _ref2.isValid;
+    return isLoading ? /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "flex items-center justify-center"
+    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Spinner, null)) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "w-full space-y-4"
     }, /*#__PURE__*/React__default["default"].createElement(formik.Input, {
       required: true,
       "data-cy": "endpoint-input-field",
-      label: t("webhook.endpoint"),
+      label: t("neetoWebhooks.webhook.endpoint"),
       name: "endpoint",
-      placeholder: t("webhook.endpointPlaceholder"),
+      placeholder: t("neetoWebhooks.webhook.endpointPlaceholder"),
       ref: endpointRef
+    }), !isLoading && /*#__PURE__*/React__default["default"].createElement(formik.Select, {
+      isMulti: true,
+      required: true,
+      getOptionLabel: ramda.prop("label"),
+      getOptionValue: ramda.prop("identifier"),
+      label: t("neetoWebhooks.common.event", constants.PLURAL),
+      name: "events",
+      options: events,
+      placeholder: t("neetoWebhooks.webhook.eventPlaceholder")
     }), /*#__PURE__*/React__default["default"].createElement(formik.Input, {
       "data-cy": "secret-key-input-field",
       name: "secret",
-      placeholder: t("webhook.secretPlaceholder"),
-      label: /*#__PURE__*/React__default["default"].createElement(Trans, {
+      placeholder: t("neetoWebhooks.webhook.secretPlaceholder"),
+      label: /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
         i18nKey: "webhook.secret",
         components: {
           helpLink: /*#__PURE__*/React__default["default"].createElement("a", {
@@ -3892,6 +1243,9 @@ var AddWebhookPane = function AddWebhookPane(_ref) {
           })
         }
       })
+    }), /*#__PURE__*/React__default["default"].createElement(formik.Switch, {
+      label: t("neetoWebhooks.webhook.active"),
+      name: "isActive"
     }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, {
       className: "flex gap-2"
     }, /*#__PURE__*/React__default["default"].createElement(formik.ActionBlock, {
@@ -3899,11 +1253,11 @@ var AddWebhookPane = function AddWebhookPane(_ref) {
       cancelButtonProps: {
         onClick: onClose,
         disabled: false,
-        label: t("buttons.cancel")
+        label: t("neetoWebhooks.buttons.cancel")
       },
       submitButtonProps: {
-        label: t("buttons.saveChanges"),
-        disabled: !dirty,
+        label: t("neetoWebhooks.buttons.saveChanges"),
+        disabled: !dirty || !isValid,
         loading: isSubmitting
       }
     })));
@@ -3913,14 +1267,14 @@ var AddWebhookPane = function AddWebhookPane(_ref) {
 var Header = function Header(_ref) {
   var breadcrumbs = _ref.breadcrumbs,
     setIsAddWebhookPaneOpen = _ref.setIsAddWebhookPaneOpen;
-  var _useTranslation = useTranslation(),
+  var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], {
     breadcrumbs: breadcrumbs,
-    title: t("webhook.title"),
+    title: t("neetoWebhooks.webhook.title"),
     actionBlock: /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
       "data-cy": "add-new-webhook-button",
-      label: t("webhook.add"),
+      label: t("neetoWebhooks.webhook.add"),
       onClick: function onClick() {
         return setIsAddWebhookPaneOpen(true);
       }
@@ -3930,48 +1284,10 @@ var Header = function Header(_ref) {
     "data-cy": "webhook-description-header",
     style: "h5",
     weight: "normal"
-  }, t("webhook.description")));
+  }, t("neetoWebhooks.webhook.description")));
 };
 var Header$1 = /*#__PURE__*/React__default["default"].memo(Header);
 
-var Menu = neetoui.Dropdown.Menu,
-  MenuItem = neetoui.Dropdown.MenuItem;
-var WebhookItem = function WebhookItem(_ref) {
-  var webhook = _ref.webhook,
-    onDeleteClick = _ref.onDeleteClick,
-    onEditClick = _ref.onEditClick,
-    deliveriesPath = _ref.deliveriesPath;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Link, {
-    className: "neeto-ui-rounded-lg neeto-ui-border-gray-300 flex cursor-pointer items-center justify-between gap-4 border px-4 py-2",
-    to: utils.buildUrl(deliveriesPath, {
-      webhookId: webhook.id
-    })
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    className: "neeto-ui-text-primary-800 break-all",
-    component: "span",
-    style: "body1"
-  }, webhook.endpoint), /*#__PURE__*/React__default["default"].createElement("div", {
-    onClick: function onClick(e) {
-      e.preventDefault();
-      e.stopPropagation();
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
-    buttonStyle: "text",
-    icon: neetoIcons.MenuHorizontal
-  }, /*#__PURE__*/React__default["default"].createElement(Menu, null, /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
-    onClick: function onClick() {
-      return onEditClick(webhook.id);
-    }
-  }, t("operation.edit")), /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
-    onClick: function onClick() {
-      return onDeleteClick(webhook.id);
-    }
-  }, t("operation.delete"))))));
-};
-var WebhookItem$1 = /*#__PURE__*/React__default["default"].memo(WebhookItem);
-
 var Webhooks = function Webhooks(_ref) {
   var deliveriesPath = _ref.deliveriesPath,
     entityType = _ref.entityType,
@@ -3993,14 +1309,25 @@ var Webhooks = function Webhooks(_ref) {
     _useState8 = _slicedToArray(_useState7, 2),
     isDeleteAlertOpen = _useState8[0],
     setIsDeleteAlertOpen = _useState8[1];
-  var _useTranslation = useTranslation(),
+  var _useState9 = React.useState(1),
+    _useState10 = _slicedToArray(_useState9, 2),
+    pageNumber = _useState10[0],
+    setPageNumber = _useState10[1];
+  var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var _useFetchWebhooks = useFetchWebhooks(entityId),
+  var _useFetchWebhooks = useFetchWebhooks({
+      entityId: entityId,
+      page: pageNumber,
+      limit: DEFAULT_PAGE_SIZE
+    }),
     isLoading = _useFetchWebhooks.isLoading,
+    isFetching = _useFetchWebhooks.isFetching,
     _useFetchWebhooks$dat = _useFetchWebhooks.data,
     _useFetchWebhooks$dat2 = _useFetchWebhooks$dat === void 0 ? {} : _useFetchWebhooks$dat,
     _useFetchWebhooks$dat3 = _useFetchWebhooks$dat2.webhooks,
-    webhooks = _useFetchWebhooks$dat3 === void 0 ? [] : _useFetchWebhooks$dat3;
+    webhooks = _useFetchWebhooks$dat3 === void 0 ? [] : _useFetchWebhooks$dat3,
+    _useFetchWebhooks$dat4 = _useFetchWebhooks$dat2.totalCount,
+    totalCount = _useFetchWebhooks$dat4 === void 0 ? 0 : _useFetchWebhooks$dat4;
   var _useDestroyWebhook = useDestroyWebhook({
       onSuccess: function onSuccess() {
         return setIsDeleteAlertOpen(false);
@@ -4023,43 +1350,48 @@ var Webhooks = function Webhooks(_ref) {
   if (isLoading) {
     return /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null);
   }
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "w-full px-6"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-ui-bg-white sticky top-0 z-50 w-full"
-  }), /*#__PURE__*/React__default["default"].createElement(Header$1, {
+  return /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
+    className: "w-full"
+  }, /*#__PURE__*/React__default["default"].createElement(Header$1, {
     breadcrumbs: breadcrumbs,
     setIsAddWebhookPaneOpen: setIsAddWebhookPaneOpen
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "webhooks__list space-y-2"
-  }, webhooks.map(function (webhook) {
-    return /*#__PURE__*/React__default["default"].createElement(WebhookItem$1, {
-      deliveriesPath: deliveriesPath,
-      key: webhook.id,
-      webhook: webhook,
-      onDeleteClick: handleDelete,
-      onEditClick: handleEdit
-    });
-  }), ramda.isEmpty(webhooks) && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex h-full items-center justify-center"
+  }), neetoCist.isNotEmpty(webhooks) ? /*#__PURE__*/React__default["default"].createElement(TableWrapper__default["default"], {
+    hasPagination: totalCount > DEFAULT_PAGE_SIZE
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Table, {
+    totalCount: totalCount,
+    fixedHeight: true,
+    currentPageNumber: pageNumber,
+    defaultPageSize: DEFAULT_PAGE_SIZE,
+    handlePageChange: function handlePageChange(page) {
+      return setPageNumber(page);
+    },
+    loading: isFetching,
+    rowData: webhooks,
+    columnData: buildColumns({
+      handleDelete: handleDelete,
+      handleEdit: handleEdit,
+      deliveriesPath: deliveriesPath
+    })
+  })) : /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex h-full w-full items-center justify-center"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.NoData, {
-    title: t("webhook.empty")
-  }))), /*#__PURE__*/React__default["default"].createElement(AddWebhookPane, {
+    title: t("neetoWebhooks.webhook.empty")
+  })), /*#__PURE__*/React__default["default"].createElement(AddWebhookPane, {
     editingWebhookId: editingWebhookId,
     entityId: entityId,
     entityType: entityType,
-    isOpen: isAddWebhookPaneOpen,
     webhooks: webhooks,
+    isOpen: isAddWebhookPaneOpen,
     onClose: handlePaneClose
   }), /*#__PURE__*/React__default["default"].createElement(neetoui.Alert, {
     isOpen: isDeleteAlertOpen,
     isSubmitting: isDeleting,
-    submitButtonLabel: t("buttons.delete"),
-    message: t("alert.delete.message", {
-      entity: t("entity.webhook")
+    submitButtonLabel: t("neetoWebhooks.buttons.delete"),
+    message: t("neetoWebhooks.alert.delete.message", {
+      entity: t("neetoWebhooks.entity.webhook")
     }),
-    title: t("alert.delete.title", {
-      entity: t("entity.webhook")
+    title: t("neetoWebhooks.alert.delete.title", {
+      entity: t("neetoWebhooks.entity.webhook")
     }),
     onClose: function onClose() {
       return setIsDeleteAlertOpen(false);