@bigbinary/neeto-rules-frontend 0.3.5 → 0.3.6

package/dist/index.js

@@ -1,2273 +1,33 @@
-import "./main.css";
-
-import React, { Component, useRef, useEffect, useMemo, useState, memo } from 'react';
-import classNames from 'classnames';
-import { useFormikContext, Formik, Form, useField, FieldArray, ErrorMessage } from 'formik';
-import { findBy, noop as noop$1, isNotEmpty, toLabelAndValue, removeBy } from '@bigbinary/neeto-cist';
-import { ActionBlock, Textarea, MultiEmailInput, Input as Input$2, Select as Select$1, Radio } from '@bigbinary/neetoui/formik';
-import { t as t$1 } from 'i18next';
-import { isEditorEmpty, FormikEditor } from '@bigbinary/neeto-editor';
-import * as yup from 'yup';
-import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
-import { Typography, Button, Pane, DatePicker, Dropdown as Dropdown$1, Input as Input$1, Checkbox, Select, Label } from '@bigbinary/neetoui';
-import { useTranslation } from 'react-i18next';
-import { Down, Up, Check, Search, Close, Delete, Plus, Refresh, Eye } from '@bigbinary/neeto-icons';
-import { pluck, isNotNil, assocPath, toLower, isEmpty, isNil, without, append, pipe, partition } from 'ramda';
-import { joinHyphenCase } from '@bigbinary/neeto-commons-frontend/utils';
-import dayjs from 'dayjs';
-import { useDebounce, useHotKeys } from '@bigbinary/neeto-commons-frontend/react-utils';
-
-function _objectDestructuringEmpty(obj) {
-  if (obj == null) throw new TypeError("Cannot destructure " + obj);
-}
-
-function _setPrototypeOf$1(o, p) {
-  _setPrototypeOf$1 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
-    o.__proto__ = p;
-    return o;
-  };
-  return _setPrototypeOf$1(o, p);
-}
-
-function _inheritsLoose$1(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
-  _setPrototypeOf$1(subClass, superClass);
-}
-
-var propTypes = {exports: {}};
-
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var ReactPropTypesSecret$1 = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
-var ReactPropTypesSecret_1 = ReactPropTypesSecret$1;
-
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var ReactPropTypesSecret = ReactPropTypesSecret_1;
-function emptyFunction() {}
-function emptyFunctionWithReset() {}
-emptyFunctionWithReset.resetWarningCache = emptyFunction;
-var factoryWithThrowingShims = function factoryWithThrowingShims() {
-  function shim(props, propName, componentName, location, propFullName, secret) {
-    if (secret === ReactPropTypesSecret) {
-      // It is still safe when called from React.
-      return;
-    }
-    var err = new Error('Calling PropTypes validators directly is not supported by the `prop-types` package. ' + 'Use PropTypes.checkPropTypes() to call them. ' + 'Read more at http://fb.me/use-check-prop-types');
-    err.name = 'Invariant Violation';
-    throw err;
-  }
-  shim.isRequired = shim;
-  function getShim() {
-    return shim;
-  }
-  // Important!
-  // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
-  var ReactPropTypes = {
-    array: shim,
-    bigint: shim,
-    bool: shim,
-    func: shim,
-    number: shim,
-    object: shim,
-    string: shim,
-    symbol: shim,
-    any: shim,
-    arrayOf: getShim,
-    element: shim,
-    elementType: shim,
-    instanceOf: getShim,
-    node: shim,
-    objectOf: getShim,
-    oneOf: getShim,
-    oneOfType: getShim,
-    shape: getShim,
-    exact: getShim,
-    checkPropTypes: emptyFunctionWithReset,
-    resetWarningCache: emptyFunction
-  };
-  ReactPropTypes.PropTypes = ReactPropTypes;
-  return ReactPropTypes;
-};
-
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-{
-  // By explicitly using `prop-types` you are opting into new production behavior.
-  // http://fb.me/prop-types-in-prod
-  propTypes.exports = factoryWithThrowingShims();
-}
-
-function _extends$1() {
-  _extends$1 = Object.assign || function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends$1.apply(this, arguments);
-}
-
-function isAbsolute(pathname) {
-  return pathname.charAt(0) === '/';
-}
-
-// About 1.5x faster than the two-arg version of Array#splice()
-function spliceOne(list, index) {
-  for (var i = index, k = i + 1, n = list.length; k < n; i += 1, k += 1) {
-    list[i] = list[k];
-  }
-  list.pop();
-}
-
-// This implementation is based heavily on node's url.parse
-function resolvePathname(to, from) {
-  if (from === undefined) from = '';
-  var toParts = to && to.split('/') || [];
-  var fromParts = from && from.split('/') || [];
-  var isToAbs = to && isAbsolute(to);
-  var isFromAbs = from && isAbsolute(from);
-  var mustEndAbs = isToAbs || isFromAbs;
-  if (to && isAbsolute(to)) {
-    // to is absolute
-    fromParts = toParts;
-  } else if (toParts.length) {
-    // to is relative, drop the filename
-    fromParts.pop();
-    fromParts = fromParts.concat(toParts);
-  }
-  if (!fromParts.length) return '/';
-  var hasTrailingSlash;
-  if (fromParts.length) {
-    var last = fromParts[fromParts.length - 1];
-    hasTrailingSlash = last === '.' || last === '..' || last === '';
-  } else {
-    hasTrailingSlash = false;
-  }
-  var up = 0;
-  for (var i = fromParts.length; i >= 0; i--) {
-    var part = fromParts[i];
-    if (part === '.') {
-      spliceOne(fromParts, i);
-    } else if (part === '..') {
-      spliceOne(fromParts, i);
-      up++;
-    } else if (up) {
-      spliceOne(fromParts, i);
-      up--;
-    }
-  }
-  if (!mustEndAbs) for (; up--; up) {
-    fromParts.unshift('..');
-  }
-  if (mustEndAbs && fromParts[0] !== '' && (!fromParts[0] || !isAbsolute(fromParts[0]))) fromParts.unshift('');
-  var result = fromParts.join('/');
-  if (hasTrailingSlash && result.substr(-1) !== '/') result += '/';
-  return result;
-}
-
-function _typeof$1(obj) {
-  "@babel/helpers - typeof";
-
-  return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof$1(obj);
-}
-
-var prefix = 'Invariant failed';
-function invariant(condition, message) {
-  if (condition) {
-    return;
-  }
-  {
-    throw new Error(prefix);
-  }
-}
-
-function addLeadingSlash$1(path) {
-  return path.charAt(0) === '/' ? path : '/' + path;
-}
-function stripLeadingSlash(path) {
-  return path.charAt(0) === '/' ? path.substr(1) : path;
-}
-function hasBasename(path, prefix) {
-  return path.toLowerCase().indexOf(prefix.toLowerCase()) === 0 && '/?#'.indexOf(path.charAt(prefix.length)) !== -1;
-}
-function stripBasename$1(path, prefix) {
-  return hasBasename(path, prefix) ? path.substr(prefix.length) : path;
-}
-function stripTrailingSlash(path) {
-  return path.charAt(path.length - 1) === '/' ? path.slice(0, -1) : path;
-}
-function parsePath(path) {
-  var pathname = path || '/';
-  var search = '';
-  var hash = '';
-  var hashIndex = pathname.indexOf('#');
-  if (hashIndex !== -1) {
-    hash = pathname.substr(hashIndex);
-    pathname = pathname.substr(0, hashIndex);
-  }
-  var searchIndex = pathname.indexOf('?');
-  if (searchIndex !== -1) {
-    search = pathname.substr(searchIndex);
-    pathname = pathname.substr(0, searchIndex);
-  }
-  return {
-    pathname: pathname,
-    search: search === '?' ? '' : search,
-    hash: hash === '#' ? '' : hash
-  };
-}
-function createPath(location) {
-  var pathname = location.pathname,
-    search = location.search,
-    hash = location.hash;
-  var path = pathname || '/';
-  if (search && search !== '?') path += search.charAt(0) === '?' ? search : "?" + search;
-  if (hash && hash !== '#') path += hash.charAt(0) === '#' ? hash : "#" + hash;
-  return path;
-}
-function createLocation(path, state, key, currentLocation) {
-  var location;
-  if (typeof path === 'string') {
-    // Two-arg form: push(path, state)
-    location = parsePath(path);
-    location.state = state;
-  } else {
-    // One-arg form: push(location)
-    location = _extends$1({}, path);
-    if (location.pathname === undefined) location.pathname = '';
-    if (location.search) {
-      if (location.search.charAt(0) !== '?') location.search = '?' + location.search;
-    } else {
-      location.search = '';
-    }
-    if (location.hash) {
-      if (location.hash.charAt(0) !== '#') location.hash = '#' + location.hash;
-    } else {
-      location.hash = '';
-    }
-    if (state !== undefined && location.state === undefined) location.state = state;
-  }
-  try {
-    location.pathname = decodeURI(location.pathname);
-  } catch (e) {
-    if (e instanceof URIError) {
-      throw new URIError('Pathname "' + location.pathname + '" could not be decoded. ' + 'This is likely caused by an invalid percent-encoding.');
-    } else {
-      throw e;
-    }
-  }
-  if (key) location.key = key;
-  if (currentLocation) {
-    // Resolve incomplete/relative pathname relative to current location.
-    if (!location.pathname) {
-      location.pathname = currentLocation.pathname;
-    } else if (location.pathname.charAt(0) !== '/') {
-      location.pathname = resolvePathname(location.pathname, currentLocation.pathname);
-    }
-  } else {
-    // When there is no prior location and pathname is empty, set it to /
-    if (!location.pathname) {
-      location.pathname = '/';
-    }
-  }
-  return location;
-}
-function createTransitionManager() {
-  var prompt = null;
-  function setPrompt(nextPrompt) {
-    prompt = nextPrompt;
-    return function () {
-      if (prompt === nextPrompt) prompt = null;
-    };
-  }
-  function confirmTransitionTo(location, action, getUserConfirmation, callback) {
-    // TODO: If another transition starts while we're still confirming
-    // the previous one, we may end up in a weird state. Figure out the
-    // best way to handle this.
-    if (prompt != null) {
-      var result = typeof prompt === 'function' ? prompt(location, action) : prompt;
-      if (typeof result === 'string') {
-        if (typeof getUserConfirmation === 'function') {
-          getUserConfirmation(result, callback);
-        } else {
-          callback(true);
-        }
-      } else {
-        // Return false from a transition hook to cancel the transition.
-        callback(result !== false);
-      }
-    } else {
-      callback(true);
-    }
-  }
-  var listeners = [];
-  function appendListener(fn) {
-    var isActive = true;
-    function listener() {
-      if (isActive) fn.apply(void 0, arguments);
-    }
-    listeners.push(listener);
-    return function () {
-      isActive = false;
-      listeners = listeners.filter(function (item) {
-        return item !== listener;
-      });
-    };
-  }
-  function notifyListeners() {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    listeners.forEach(function (listener) {
-      return listener.apply(void 0, args);
-    });
-  }
-  return {
-    setPrompt: setPrompt,
-    confirmTransitionTo: confirmTransitionTo,
-    appendListener: appendListener,
-    notifyListeners: notifyListeners
-  };
-}
-var canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
-function getConfirmation(message, callback) {
-  callback(window.confirm(message)); // eslint-disable-line no-alert
-}
-/**
- * Returns true if the HTML5 history API is supported. Taken from Modernizr.
- *
- * https://github.com/Modernizr/Modernizr/blob/master/LICENSE
- * https://github.com/Modernizr/Modernizr/blob/master/feature-detects/history.js
- * changed to avoid false negatives for Windows Phones: https://github.com/reactjs/react-router/issues/586
- */
-
-function supportsHistory() {
-  var ua = window.navigator.userAgent;
-  if ((ua.indexOf('Android 2.') !== -1 || ua.indexOf('Android 4.0') !== -1) && ua.indexOf('Mobile Safari') !== -1 && ua.indexOf('Chrome') === -1 && ua.indexOf('Windows Phone') === -1) return false;
-  return window.history && 'pushState' in window.history;
-}
-/**
- * Returns true if browser fires popstate on hash change.
- * IE10 and IE11 do not.
- */
-
-function supportsPopStateOnHashChange() {
-  return window.navigator.userAgent.indexOf('Trident') === -1;
-}
-/**
- * Returns false if using go(n) with hash history causes a full page reload.
- */
-
-function supportsGoWithoutReloadUsingHash() {
-  return window.navigator.userAgent.indexOf('Firefox') === -1;
-}
-/**
- * Returns true if a given popstate event is an extraneous WebKit event.
- * Accounts for the fact that Chrome on iOS fires real popstate events
- * containing undefined state when pressing the back button.
- */
-
-function isExtraneousPopstateEvent(event) {
-  return event.state === undefined && navigator.userAgent.indexOf('CriOS') === -1;
-}
-var PopStateEvent = 'popstate';
-var HashChangeEvent = 'hashchange';
-function getHistoryState() {
-  try {
-    return window.history.state || {};
-  } catch (e) {
-    // IE 11 sometimes throws when accessing window.history.state
-    // See https://github.com/ReactTraining/history/pull/289
-    return {};
-  }
-}
-/**
- * Creates a history object that uses the HTML5 history API including
- * pushState, replaceState, and the popstate event.
- */
-
-function createBrowserHistory(props) {
-  if (props === void 0) {
-    props = {};
-  }
-  !canUseDOM ? invariant(false) : void 0;
-  var globalHistory = window.history;
-  var canUseHistory = supportsHistory();
-  var needsHashChangeListener = !supportsPopStateOnHashChange();
-  var _props = props,
-    _props$forceRefresh = _props.forceRefresh,
-    forceRefresh = _props$forceRefresh === void 0 ? false : _props$forceRefresh,
-    _props$getUserConfirm = _props.getUserConfirmation,
-    getUserConfirmation = _props$getUserConfirm === void 0 ? getConfirmation : _props$getUserConfirm,
-    _props$keyLength = _props.keyLength,
-    keyLength = _props$keyLength === void 0 ? 6 : _props$keyLength;
-  var basename = props.basename ? stripTrailingSlash(addLeadingSlash$1(props.basename)) : '';
-  function getDOMLocation(historyState) {
-    var _ref = historyState || {},
-      key = _ref.key,
-      state = _ref.state;
-    var _window$location = window.location,
-      pathname = _window$location.pathname,
-      search = _window$location.search,
-      hash = _window$location.hash;
-    var path = pathname + search + hash;
-    if (basename) path = stripBasename$1(path, basename);
-    return createLocation(path, state, key);
-  }
-  function createKey() {
-    return Math.random().toString(36).substr(2, keyLength);
-  }
-  var transitionManager = createTransitionManager();
-  function setState(nextState) {
-    _extends$1(history, nextState);
-    history.length = globalHistory.length;
-    transitionManager.notifyListeners(history.location, history.action);
-  }
-  function handlePopState(event) {
-    // Ignore extraneous popstate events in WebKit.
-    if (isExtraneousPopstateEvent(event)) return;
-    handlePop(getDOMLocation(event.state));
-  }
-  function handleHashChange() {
-    handlePop(getDOMLocation(getHistoryState()));
-  }
-  var forceNextPop = false;
-  function handlePop(location) {
-    if (forceNextPop) {
-      forceNextPop = false;
-      setState();
-    } else {
-      var action = 'POP';
-      transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {
-        if (ok) {
-          setState({
-            action: action,
-            location: location
-          });
-        } else {
-          revertPop(location);
-        }
-      });
-    }
-  }
-  function revertPop(fromLocation) {
-    var toLocation = history.location; // TODO: We could probably make this more reliable by
-    // keeping a list of keys we've seen in sessionStorage.
-    // Instead, we just default to 0 for keys we don't know.
-
-    var toIndex = allKeys.indexOf(toLocation.key);
-    if (toIndex === -1) toIndex = 0;
-    var fromIndex = allKeys.indexOf(fromLocation.key);
-    if (fromIndex === -1) fromIndex = 0;
-    var delta = toIndex - fromIndex;
-    if (delta) {
-      forceNextPop = true;
-      go(delta);
-    }
-  }
-  var initialLocation = getDOMLocation(getHistoryState());
-  var allKeys = [initialLocation.key]; // Public interface
-
-  function createHref(location) {
-    return basename + createPath(location);
-  }
-  function push(path, state) {
-    var action = 'PUSH';
-    var location = createLocation(path, state, createKey(), history.location);
-    transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {
-      if (!ok) return;
-      var href = createHref(location);
-      var key = location.key,
-        state = location.state;
-      if (canUseHistory) {
-        globalHistory.pushState({
-          key: key,
-          state: state
-        }, null, href);
-        if (forceRefresh) {
-          window.location.href = href;
-        } else {
-          var prevIndex = allKeys.indexOf(history.location.key);
-          var nextKeys = allKeys.slice(0, prevIndex + 1);
-          nextKeys.push(location.key);
-          allKeys = nextKeys;
-          setState({
-            action: action,
-            location: location
-          });
-        }
-      } else {
-        window.location.href = href;
-      }
-    });
-  }
-  function replace(path, state) {
-    var action = 'REPLACE';
-    var location = createLocation(path, state, createKey(), history.location);
-    transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {
-      if (!ok) return;
-      var href = createHref(location);
-      var key = location.key,
-        state = location.state;
-      if (canUseHistory) {
-        globalHistory.replaceState({
-          key: key,
-          state: state
-        }, null, href);
-        if (forceRefresh) {
-          window.location.replace(href);
-        } else {
-          var prevIndex = allKeys.indexOf(history.location.key);
-          if (prevIndex !== -1) allKeys[prevIndex] = location.key;
-          setState({
-            action: action,
-            location: location
-          });
-        }
-      } else {
-        window.location.replace(href);
-      }
-    });
-  }
-  function go(n) {
-    globalHistory.go(n);
-  }
-  function goBack() {
-    go(-1);
-  }
-  function goForward() {
-    go(1);
-  }
-  var listenerCount = 0;
-  function checkDOMListeners(delta) {
-    listenerCount += delta;
-    if (listenerCount === 1 && delta === 1) {
-      window.addEventListener(PopStateEvent, handlePopState);
-      if (needsHashChangeListener) window.addEventListener(HashChangeEvent, handleHashChange);
-    } else if (listenerCount === 0) {
-      window.removeEventListener(PopStateEvent, handlePopState);
-      if (needsHashChangeListener) window.removeEventListener(HashChangeEvent, handleHashChange);
-    }
-  }
-  var isBlocked = false;
-  function block(prompt) {
-    if (prompt === void 0) {
-      prompt = false;
-    }
-    var unblock = transitionManager.setPrompt(prompt);
-    if (!isBlocked) {
-      checkDOMListeners(1);
-      isBlocked = true;
-    }
-    return function () {
-      if (isBlocked) {
-        isBlocked = false;
-        checkDOMListeners(-1);
-      }
-      return unblock();
-    };
-  }
-  function listen(listener) {
-    var unlisten = transitionManager.appendListener(listener);
-    checkDOMListeners(1);
-    return function () {
-      checkDOMListeners(-1);
-      unlisten();
-    };
-  }
-  var history = {
-    length: globalHistory.length,
-    action: 'POP',
-    location: initialLocation,
-    createHref: createHref,
-    push: push,
-    replace: replace,
-    go: go,
-    goBack: goBack,
-    goForward: goForward,
-    block: block,
-    listen: listen
-  };
-  return history;
-}
-var HashChangeEvent$1 = 'hashchange';
-var HashPathCoders = {
-  hashbang: {
-    encodePath: function encodePath(path) {
-      return path.charAt(0) === '!' ? path : '!/' + stripLeadingSlash(path);
-    },
-    decodePath: function decodePath(path) {
-      return path.charAt(0) === '!' ? path.substr(1) : path;
-    }
-  },
-  noslash: {
-    encodePath: stripLeadingSlash,
-    decodePath: addLeadingSlash$1
-  },
-  slash: {
-    encodePath: addLeadingSlash$1,
-    decodePath: addLeadingSlash$1
-  }
-};
-function stripHash(url) {
-  var hashIndex = url.indexOf('#');
-  return hashIndex === -1 ? url : url.slice(0, hashIndex);
-}
-function getHashPath() {
-  // We can't use window.location.hash here because it's not
-  // consistent across browsers - Firefox will pre-decode it!
-  var href = window.location.href;
-  var hashIndex = href.indexOf('#');
-  return hashIndex === -1 ? '' : href.substring(hashIndex + 1);
-}
-function pushHashPath(path) {
-  window.location.hash = path;
-}
-function replaceHashPath(path) {
-  window.location.replace(stripHash(window.location.href) + '#' + path);
-}
-function createHashHistory(props) {
-  if (props === void 0) {
-    props = {};
-  }
-  !canUseDOM ? invariant(false) : void 0;
-  var globalHistory = window.history;
-  supportsGoWithoutReloadUsingHash();
-  var _props = props,
-    _props$getUserConfirm = _props.getUserConfirmation,
-    getUserConfirmation = _props$getUserConfirm === void 0 ? getConfirmation : _props$getUserConfirm,
-    _props$hashType = _props.hashType,
-    hashType = _props$hashType === void 0 ? 'slash' : _props$hashType;
-  var basename = props.basename ? stripTrailingSlash(addLeadingSlash$1(props.basename)) : '';
-  var _HashPathCoders$hashT = HashPathCoders[hashType],
-    encodePath = _HashPathCoders$hashT.encodePath,
-    decodePath = _HashPathCoders$hashT.decodePath;
-  function getDOMLocation() {
-    var path = decodePath(getHashPath());
-    if (basename) path = stripBasename$1(path, basename);
-    return createLocation(path);
-  }
-  var transitionManager = createTransitionManager();
-  function setState(nextState) {
-    _extends$1(history, nextState);
-    history.length = globalHistory.length;
-    transitionManager.notifyListeners(history.location, history.action);
-  }
-  var forceNextPop = false;
-  var ignorePath = null;
-  function locationsAreEqual$$1(a, b) {
-    return a.pathname === b.pathname && a.search === b.search && a.hash === b.hash;
-  }
-  function handleHashChange() {
-    var path = getHashPath();
-    var encodedPath = encodePath(path);
-    if (path !== encodedPath) {
-      // Ensure we always have a properly-encoded hash.
-      replaceHashPath(encodedPath);
-    } else {
-      var location = getDOMLocation();
-      var prevLocation = history.location;
-      if (!forceNextPop && locationsAreEqual$$1(prevLocation, location)) return; // A hashchange doesn't always == location change.
-
-      if (ignorePath === createPath(location)) return; // Ignore this change; we already setState in push/replace.
-
-      ignorePath = null;
-      handlePop(location);
-    }
-  }
-  function handlePop(location) {
-    if (forceNextPop) {
-      forceNextPop = false;
-      setState();
-    } else {
-      var action = 'POP';
-      transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {
-        if (ok) {
-          setState({
-            action: action,
-            location: location
-          });
-        } else {
-          revertPop(location);
-        }
-      });
-    }
-  }
-  function revertPop(fromLocation) {
-    var toLocation = history.location; // TODO: We could probably make this more reliable by
-    // keeping a list of paths we've seen in sessionStorage.
-    // Instead, we just default to 0 for paths we don't know.
-
-    var toIndex = allPaths.lastIndexOf(createPath(toLocation));
-    if (toIndex === -1) toIndex = 0;
-    var fromIndex = allPaths.lastIndexOf(createPath(fromLocation));
-    if (fromIndex === -1) fromIndex = 0;
-    var delta = toIndex - fromIndex;
-    if (delta) {
-      forceNextPop = true;
-      go(delta);
-    }
-  } // Ensure the hash is encoded properly before doing anything else.
-
-  var path = getHashPath();
-  var encodedPath = encodePath(path);
-  if (path !== encodedPath) replaceHashPath(encodedPath);
-  var initialLocation = getDOMLocation();
-  var allPaths = [createPath(initialLocation)]; // Public interface
-
-  function createHref(location) {
-    var baseTag = document.querySelector('base');
-    var href = '';
-    if (baseTag && baseTag.getAttribute('href')) {
-      href = stripHash(window.location.href);
-    }
-    return href + '#' + encodePath(basename + createPath(location));
-  }
-  function push(path, state) {
-    var action = 'PUSH';
-    var location = createLocation(path, undefined, undefined, history.location);
-    transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {
-      if (!ok) return;
-      var path = createPath(location);
-      var encodedPath = encodePath(basename + path);
-      var hashChanged = getHashPath() !== encodedPath;
-      if (hashChanged) {
-        // We cannot tell if a hashchange was caused by a PUSH, so we'd
-        // rather setState here and ignore the hashchange. The caveat here
-        // is that other hash histories in the page will consider it a POP.
-        ignorePath = path;
-        pushHashPath(encodedPath);
-        var prevIndex = allPaths.lastIndexOf(createPath(history.location));
-        var nextPaths = allPaths.slice(0, prevIndex + 1);
-        nextPaths.push(path);
-        allPaths = nextPaths;
-        setState({
-          action: action,
-          location: location
-        });
-      } else {
-        setState();
-      }
-    });
-  }
-  function replace(path, state) {
-    var action = 'REPLACE';
-    var location = createLocation(path, undefined, undefined, history.location);
-    transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {
-      if (!ok) return;
-      var path = createPath(location);
-      var encodedPath = encodePath(basename + path);
-      var hashChanged = getHashPath() !== encodedPath;
-      if (hashChanged) {
-        // We cannot tell if a hashchange was caused by a REPLACE, so we'd
-        // rather setState here and ignore the hashchange. The caveat here
-        // is that other hash histories in the page will consider it a POP.
-        ignorePath = path;
-        replaceHashPath(encodedPath);
-      }
-      var prevIndex = allPaths.indexOf(createPath(history.location));
-      if (prevIndex !== -1) allPaths[prevIndex] = path;
-      setState({
-        action: action,
-        location: location
-      });
-    });
-  }
-  function go(n) {
-    globalHistory.go(n);
-  }
-  function goBack() {
-    go(-1);
-  }
-  function goForward() {
-    go(1);
-  }
-  var listenerCount = 0;
-  function checkDOMListeners(delta) {
-    listenerCount += delta;
-    if (listenerCount === 1 && delta === 1) {
-      window.addEventListener(HashChangeEvent$1, handleHashChange);
-    } else if (listenerCount === 0) {
-      window.removeEventListener(HashChangeEvent$1, handleHashChange);
-    }
-  }
-  var isBlocked = false;
-  function block(prompt) {
-    if (prompt === void 0) {
-      prompt = false;
-    }
-    var unblock = transitionManager.setPrompt(prompt);
-    if (!isBlocked) {
-      checkDOMListeners(1);
-      isBlocked = true;
-    }
-    return function () {
-      if (isBlocked) {
-        isBlocked = false;
-        checkDOMListeners(-1);
-      }
-      return unblock();
-    };
-  }
-  function listen(listener) {
-    var unlisten = transitionManager.appendListener(listener);
-    checkDOMListeners(1);
-    return function () {
-      checkDOMListeners(-1);
-      unlisten();
-    };
-  }
-  var history = {
-    length: globalHistory.length,
-    action: 'POP',
-    location: initialLocation,
-    createHref: createHref,
-    push: push,
-    replace: replace,
-    go: go,
-    goBack: goBack,
-    goForward: goForward,
-    block: block,
-    listen: listen
-  };
-  return history;
-}
-function clamp(n, lowerBound, upperBound) {
-  return Math.min(Math.max(n, lowerBound), upperBound);
-}
-/**
- * Creates a history object that stores locations in memory.
- */
-
-function createMemoryHistory(props) {
-  if (props === void 0) {
-    props = {};
-  }
-  var _props = props,
-    getUserConfirmation = _props.getUserConfirmation,
-    _props$initialEntries = _props.initialEntries,
-    initialEntries = _props$initialEntries === void 0 ? ['/'] : _props$initialEntries,
-    _props$initialIndex = _props.initialIndex,
-    initialIndex = _props$initialIndex === void 0 ? 0 : _props$initialIndex,
-    _props$keyLength = _props.keyLength,
-    keyLength = _props$keyLength === void 0 ? 6 : _props$keyLength;
-  var transitionManager = createTransitionManager();
-  function setState(nextState) {
-    _extends$1(history, nextState);
-    history.length = history.entries.length;
-    transitionManager.notifyListeners(history.location, history.action);
-  }
-  function createKey() {
-    return Math.random().toString(36).substr(2, keyLength);
-  }
-  var index = clamp(initialIndex, 0, initialEntries.length - 1);
-  var entries = initialEntries.map(function (entry) {
-    return typeof entry === 'string' ? createLocation(entry, undefined, createKey()) : createLocation(entry, undefined, entry.key || createKey());
-  }); // Public interface
-
-  var createHref = createPath;
-  function push(path, state) {
-    var action = 'PUSH';
-    var location = createLocation(path, state, createKey(), history.location);
-    transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {
-      if (!ok) return;
-      var prevIndex = history.index;
-      var nextIndex = prevIndex + 1;
-      var nextEntries = history.entries.slice(0);
-      if (nextEntries.length > nextIndex) {
-        nextEntries.splice(nextIndex, nextEntries.length - nextIndex, location);
-      } else {
-        nextEntries.push(location);
-      }
-      setState({
-        action: action,
-        location: location,
-        index: nextIndex,
-        entries: nextEntries
-      });
-    });
-  }
-  function replace(path, state) {
-    var action = 'REPLACE';
-    var location = createLocation(path, state, createKey(), history.location);
-    transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {
-      if (!ok) return;
-      history.entries[history.index] = location;
-      setState({
-        action: action,
-        location: location
-      });
-    });
-  }
-  function go(n) {
-    var nextIndex = clamp(history.index + n, 0, history.entries.length - 1);
-    var action = 'POP';
-    var location = history.entries[nextIndex];
-    transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {
-      if (ok) {
-        setState({
-          action: action,
-          location: location,
-          index: nextIndex
-        });
-      } else {
-        // Mimic the behavior of DOM histories by
-        // causing a render after a cancelled POP.
-        setState();
-      }
-    });
-  }
-  function goBack() {
-    go(-1);
-  }
-  function goForward() {
-    go(1);
-  }
-  function canGo(n) {
-    var nextIndex = history.index + n;
-    return nextIndex >= 0 && nextIndex < history.entries.length;
-  }
-  function block(prompt) {
-    if (prompt === void 0) {
-      prompt = false;
-    }
-    return transitionManager.setPrompt(prompt);
-  }
-  function listen(listener) {
-    return transitionManager.appendListener(listener);
-  }
-  var history = {
-    length: entries.length,
-    action: 'POP',
-    location: entries[index],
-    index: index,
-    entries: entries,
-    createHref: createHref,
-    push: push,
-    replace: replace,
-    go: go,
-    goBack: goBack,
-    goForward: goForward,
-    canGo: canGo,
-    block: block,
-    listen: listen
-  };
-  return history;
-}
-
-function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
-    o.__proto__ = p;
-    return o;
-  };
-  return _setPrototypeOf(o, p);
-}
-
-function _inheritsLoose(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
-  _setPrototypeOf(subClass, superClass);
-}
-
-var MAX_SIGNED_31_BIT_INT = 1073741823;
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : {};
-function getUniqueId() {
-  var key = '__global_unique_id__';
-  return commonjsGlobal[key] = (commonjsGlobal[key] || 0) + 1;
-}
-function objectIs(x, y) {
-  if (x === y) {
-    return x !== 0 || 1 / x === 1 / y;
-  } else {
-    return x !== x && y !== y;
-  }
-}
-function createEventEmitter(value) {
-  var handlers = [];
-  return {
-    on: function on(handler) {
-      handlers.push(handler);
-    },
-    off: function off(handler) {
-      handlers = handlers.filter(function (h) {
-        return h !== handler;
-      });
-    },
-    get: function get() {
-      return value;
-    },
-    set: function set(newValue, changedBits) {
-      value = newValue;
-      handlers.forEach(function (handler) {
-        return handler(value, changedBits);
-      });
-    }
-  };
-}
-function onlyChild(children) {
-  return Array.isArray(children) ? children[0] : children;
-}
-function createReactContext(defaultValue, calculateChangedBits) {
-  var _Provider$childContex, _Consumer$contextType;
-  var contextProp = '__create-react-context-' + getUniqueId() + '__';
-  var Provider = /*#__PURE__*/function (_Component) {
-    _inheritsLoose(Provider, _Component);
-    function Provider() {
-      var _this;
-      _this = _Component.apply(this, arguments) || this;
-      _this.emitter = createEventEmitter(_this.props.value);
-      return _this;
-    }
-    var _proto = Provider.prototype;
-    _proto.getChildContext = function getChildContext() {
-      var _ref;
-      return _ref = {}, _ref[contextProp] = this.emitter, _ref;
-    };
-    _proto.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
-      if (this.props.value !== nextProps.value) {
-        var oldValue = this.props.value;
-        var newValue = nextProps.value;
-        var changedBits;
-        if (objectIs(oldValue, newValue)) {
-          changedBits = 0;
-        } else {
-          changedBits = typeof calculateChangedBits === 'function' ? calculateChangedBits(oldValue, newValue) : MAX_SIGNED_31_BIT_INT;
-          changedBits |= 0;
-          if (changedBits !== 0) {
-            this.emitter.set(nextProps.value, changedBits);
-          }
-        }
-      }
-    };
-    _proto.render = function render() {
-      return this.props.children;
-    };
-    return Provider;
-  }(Component);
-  Provider.childContextTypes = (_Provider$childContex = {}, _Provider$childContex[contextProp] = propTypes.exports.object.isRequired, _Provider$childContex);
-  var Consumer = /*#__PURE__*/function (_Component2) {
-    _inheritsLoose(Consumer, _Component2);
-    function Consumer() {
-      var _this2;
-      _this2 = _Component2.apply(this, arguments) || this;
-      _this2.state = {
-        value: _this2.getValue()
-      };
-      _this2.onUpdate = function (newValue, changedBits) {
-        var observedBits = _this2.observedBits | 0;
-        if ((observedBits & changedBits) !== 0) {
-          _this2.setState({
-            value: _this2.getValue()
-          });
-        }
-      };
-      return _this2;
-    }
-    var _proto2 = Consumer.prototype;
-    _proto2.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
-      var observedBits = nextProps.observedBits;
-      this.observedBits = observedBits === undefined || observedBits === null ? MAX_SIGNED_31_BIT_INT : observedBits;
-    };
-    _proto2.componentDidMount = function componentDidMount() {
-      if (this.context[contextProp]) {
-        this.context[contextProp].on(this.onUpdate);
-      }
-      var observedBits = this.props.observedBits;
-      this.observedBits = observedBits === undefined || observedBits === null ? MAX_SIGNED_31_BIT_INT : observedBits;
-    };
-    _proto2.componentWillUnmount = function componentWillUnmount() {
-      if (this.context[contextProp]) {
-        this.context[contextProp].off(this.onUpdate);
-      }
-    };
-    _proto2.getValue = function getValue() {
-      if (this.context[contextProp]) {
-        return this.context[contextProp].get();
-      } else {
-        return defaultValue;
-      }
-    };
-    _proto2.render = function render() {
-      return onlyChild(this.props.children)(this.state.value);
-    };
-    return Consumer;
-  }(Component);
-  Consumer.contextTypes = (_Consumer$contextType = {}, _Consumer$contextType[contextProp] = propTypes.exports.object, _Consumer$contextType);
-  return {
-    Provider: Provider,
-    Consumer: Consumer
-  };
-}
-var index = React.createContext || createReactContext;
-
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-var pathToRegexp$1 = {exports: {}};
-
-var isarray$1 = Array.isArray || function (arr) {
-  return Object.prototype.toString.call(arr) == '[object Array]';
-};
-
-var isarray = isarray$1;
-
-/**
- * Expose `pathToRegexp`.
- */
-pathToRegexp$1.exports = pathToRegexp;
-pathToRegexp$1.exports.parse = parse;
-pathToRegexp$1.exports.compile = compile;
-pathToRegexp$1.exports.tokensToFunction = tokensToFunction;
-pathToRegexp$1.exports.tokensToRegExp = tokensToRegExp;
-
-/**
- * The main path matching regexp utility.
- *
- * @type {RegExp}
- */
-var PATH_REGEXP = new RegExp([
-// Match escaped characters that would otherwise appear in future matches.
-// This allows the user to escape special characters that won't transform.
-'(\\\\.)',
-// Match Express-style parameters and un-named parameters with a prefix
-// and optional suffixes. Matches appear as:
-//
-// "/:test(\\d+)?" => ["/", "test", "\d+", undefined, "?", undefined]
-// "/route(\\d+)"  => [undefined, undefined, undefined, "\d+", undefined, undefined]
-// "/*"            => ["/", undefined, undefined, undefined, undefined, "*"]
-'([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))'].join('|'), 'g');
-
-/**
- * Parse a string for the raw tokens.
- *
- * @param  {string}  str
- * @param  {Object=} options
- * @return {!Array}
- */
-function parse(str, options) {
-  var tokens = [];
-  var key = 0;
-  var index = 0;
-  var path = '';
-  var defaultDelimiter = options && options.delimiter || '/';
-  var res;
-  while ((res = PATH_REGEXP.exec(str)) != null) {
-    var m = res[0];
-    var escaped = res[1];
-    var offset = res.index;
-    path += str.slice(index, offset);
-    index = offset + m.length;
-
-    // Ignore already escaped sequences.
-    if (escaped) {
-      path += escaped[1];
-      continue;
-    }
-    var next = str[index];
-    var prefix = res[2];
-    var name = res[3];
-    var capture = res[4];
-    var group = res[5];
-    var modifier = res[6];
-    var asterisk = res[7];
-
-    // Push the current path onto the tokens.
-    if (path) {
-      tokens.push(path);
-      path = '';
-    }
-    var partial = prefix != null && next != null && next !== prefix;
-    var repeat = modifier === '+' || modifier === '*';
-    var optional = modifier === '?' || modifier === '*';
-    var delimiter = res[2] || defaultDelimiter;
-    var pattern = capture || group;
-    tokens.push({
-      name: name || key++,
-      prefix: prefix || '',
-      delimiter: delimiter,
-      optional: optional,
-      repeat: repeat,
-      partial: partial,
-      asterisk: !!asterisk,
-      pattern: pattern ? escapeGroup(pattern) : asterisk ? '.*' : '[^' + escapeString(delimiter) + ']+?'
-    });
-  }
-
-  // Match any characters still remaining.
-  if (index < str.length) {
-    path += str.substr(index);
-  }
-
-  // If the path exists, push it onto the end.
-  if (path) {
-    tokens.push(path);
-  }
-  return tokens;
-}
-
-/**
- * Compile a string to a template function for the path.
- *
- * @param  {string}             str
- * @param  {Object=}            options
- * @return {!function(Object=, Object=)}
- */
-function compile(str, options) {
-  return tokensToFunction(parse(str, options), options);
-}
-
-/**
- * Prettier encoding of URI path segments.
- *
- * @param  {string}
- * @return {string}
- */
-function encodeURIComponentPretty(str) {
-  return encodeURI(str).replace(/[\/?#]/g, function (c) {
-    return '%' + c.charCodeAt(0).toString(16).toUpperCase();
-  });
-}
-
-/**
- * Encode the asterisk parameter. Similar to `pretty`, but allows slashes.
- *
- * @param  {string}
- * @return {string}
- */
-function encodeAsterisk(str) {
-  return encodeURI(str).replace(/[?#]/g, function (c) {
-    return '%' + c.charCodeAt(0).toString(16).toUpperCase();
-  });
-}
-
-/**
- * Expose a method for transforming tokens into the path function.
- */
-function tokensToFunction(tokens, options) {
-  // Compile all the tokens into regexps.
-  var matches = new Array(tokens.length);
-
-  // Compile all the patterns before compilation.
-  for (var i = 0; i < tokens.length; i++) {
-    if (_typeof$1(tokens[i]) === 'object') {
-      matches[i] = new RegExp('^(?:' + tokens[i].pattern + ')$', flags(options));
-    }
-  }
-  return function (obj, opts) {
-    var path = '';
-    var data = obj || {};
-    var options = opts || {};
-    var encode = options.pretty ? encodeURIComponentPretty : encodeURIComponent;
-    for (var i = 0; i < tokens.length; i++) {
-      var token = tokens[i];
-      if (typeof token === 'string') {
-        path += token;
-        continue;
-      }
-      var value = data[token.name];
-      var segment;
-      if (value == null) {
-        if (token.optional) {
-          // Prepend partial segment prefixes.
-          if (token.partial) {
-            path += token.prefix;
-          }
-          continue;
-        } else {
-          throw new TypeError('Expected "' + token.name + '" to be defined');
-        }
-      }
-      if (isarray(value)) {
-        if (!token.repeat) {
-          throw new TypeError('Expected "' + token.name + '" to not repeat, but received `' + JSON.stringify(value) + '`');
-        }
-        if (value.length === 0) {
-          if (token.optional) {
-            continue;
-          } else {
-            throw new TypeError('Expected "' + token.name + '" to not be empty');
-          }
-        }
-        for (var j = 0; j < value.length; j++) {
-          segment = encode(value[j]);
-          if (!matches[i].test(segment)) {
-            throw new TypeError('Expected all "' + token.name + '" to match "' + token.pattern + '", but received `' + JSON.stringify(segment) + '`');
-          }
-          path += (j === 0 ? token.prefix : token.delimiter) + segment;
-        }
-        continue;
-      }
-      segment = token.asterisk ? encodeAsterisk(value) : encode(value);
-      if (!matches[i].test(segment)) {
-        throw new TypeError('Expected "' + token.name + '" to match "' + token.pattern + '", but received "' + segment + '"');
-      }
-      path += token.prefix + segment;
-    }
-    return path;
-  };
-}
-
-/**
- * Escape a regular expression string.
- *
- * @param  {string} str
- * @return {string}
- */
-function escapeString(str) {
-  return str.replace(/([.+*?=^!:${}()[\]|\/\\])/g, '\\$1');
-}
-
-/**
- * Escape the capturing group by escaping special characters and meaning.
- *
- * @param  {string} group
- * @return {string}
- */
-function escapeGroup(group) {
-  return group.replace(/([=!:$\/()])/g, '\\$1');
-}
-
-/**
- * Attach the keys as a property of the regexp.
- *
- * @param  {!RegExp} re
- * @param  {Array}   keys
- * @return {!RegExp}
- */
-function attachKeys(re, keys) {
-  re.keys = keys;
-  return re;
-}
-
-/**
- * Get the flags for a regexp from the options.
- *
- * @param  {Object} options
- * @return {string}
- */
-function flags(options) {
-  return options && options.sensitive ? '' : 'i';
-}
-
-/**
- * Pull out keys from a regexp.
- *
- * @param  {!RegExp} path
- * @param  {!Array}  keys
- * @return {!RegExp}
- */
-function regexpToRegexp(path, keys) {
-  // Use a negative lookahead to match only capturing groups.
-  var groups = path.source.match(/\((?!\?)/g);
-  if (groups) {
-    for (var i = 0; i < groups.length; i++) {
-      keys.push({
-        name: i,
-        prefix: null,
-        delimiter: null,
-        optional: false,
-        repeat: false,
-        partial: false,
-        asterisk: false,
-        pattern: null
-      });
-    }
-  }
-  return attachKeys(path, keys);
-}
-
-/**
- * Transform an array into a regexp.
- *
- * @param  {!Array}  path
- * @param  {Array}   keys
- * @param  {!Object} options
- * @return {!RegExp}
- */
-function arrayToRegexp(path, keys, options) {
-  var parts = [];
-  for (var i = 0; i < path.length; i++) {
-    parts.push(pathToRegexp(path[i], keys, options).source);
-  }
-  var regexp = new RegExp('(?:' + parts.join('|') + ')', flags(options));
-  return attachKeys(regexp, keys);
-}
-
-/**
- * Create a path regexp from string input.
- *
- * @param  {string}  path
- * @param  {!Array}  keys
- * @param  {!Object} options
- * @return {!RegExp}
- */
-function stringToRegexp(path, keys, options) {
-  return tokensToRegExp(parse(path, options), keys, options);
-}
-
-/**
- * Expose a function for taking tokens and returning a RegExp.
- *
- * @param  {!Array}          tokens
- * @param  {(Array|Object)=} keys
- * @param  {Object=}         options
- * @return {!RegExp}
- */
-function tokensToRegExp(tokens, keys, options) {
-  if (!isarray(keys)) {
-    options = /** @type {!Object} */keys || options;
-    keys = [];
-  }
-  options = options || {};
-  var strict = options.strict;
-  var end = options.end !== false;
-  var route = '';
-
-  // Iterate over the tokens and create our regexp string.
-  for (var i = 0; i < tokens.length; i++) {
-    var token = tokens[i];
-    if (typeof token === 'string') {
-      route += escapeString(token);
-    } else {
-      var prefix = escapeString(token.prefix);
-      var capture = '(?:' + token.pattern + ')';
-      keys.push(token);
-      if (token.repeat) {
-        capture += '(?:' + prefix + capture + ')*';
-      }
-      if (token.optional) {
-        if (!token.partial) {
-          capture = '(?:' + prefix + '(' + capture + '))?';
-        } else {
-          capture = prefix + '(' + capture + ')?';
-        }
-      } else {
-        capture = prefix + '(' + capture + ')';
-      }
-      route += capture;
-    }
-  }
-  var delimiter = escapeString(options.delimiter || '/');
-  var endsWithDelimiter = route.slice(-delimiter.length) === delimiter;
-
-  // In non-strict mode we allow a slash at the end of match. If the path to
-  // match already ends with a slash, we remove it for consistency. The slash
-  // is valid at the end of a path match, not in the middle. This is important
-  // in non-ending mode, where "/test/" shouldn't match "/test//route".
-  if (!strict) {
-    route = (endsWithDelimiter ? route.slice(0, -delimiter.length) : route) + '(?:' + delimiter + '(?=$))?';
-  }
-  if (end) {
-    route += '$';
-  } else {
-    // In non-ending mode, we need the capturing groups to match as much as
-    // possible by using a positive lookahead to the end or next path segment.
-    route += strict && endsWithDelimiter ? '' : '(?=' + delimiter + '|$)';
-  }
-  return attachKeys(new RegExp('^' + route, flags(options)), keys);
-}
-
-/**
- * Normalize the given path string, returning a regular expression.
- *
- * An empty array can be passed in for the keys, which will hold the
- * placeholder key descriptions. For example, using `/user/:id`, `keys` will
- * contain `[{ name: 'id', delimiter: '/', optional: false, repeat: false }]`.
- *
- * @param  {(string|RegExp|Array)} path
- * @param  {(Array|Object)=}       keys
- * @param  {Object=}               options
- * @return {!RegExp}
- */
-function pathToRegexp(path, keys, options) {
-  if (!isarray(keys)) {
-    options = /** @type {!Object} */keys || options;
-    keys = [];
-  }
-  options = options || {};
-  if (path instanceof RegExp) {
-    return regexpToRegexp(path, /** @type {!Array} */keys);
-  }
-  if (isarray(path)) {
-    return arrayToRegexp( /** @type {!Array} */path, /** @type {!Array} */keys, options);
-  }
-  return stringToRegexp( /** @type {string} */path, /** @type {!Array} */keys, options);
-}
-
-var reactIs$1 = {exports: {}};
-
-var reactIs_production_min = {};
-
-var b = "function" === typeof Symbol && Symbol["for"],
-  c = b ? Symbol["for"]("react.element") : 60103,
-  d = b ? Symbol["for"]("react.portal") : 60106,
-  e = b ? Symbol["for"]("react.fragment") : 60107,
-  f = b ? Symbol["for"]("react.strict_mode") : 60108,
-  g = b ? Symbol["for"]("react.profiler") : 60114,
-  h = b ? Symbol["for"]("react.provider") : 60109,
-  k = b ? Symbol["for"]("react.context") : 60110,
-  l = b ? Symbol["for"]("react.async_mode") : 60111,
-  m = b ? Symbol["for"]("react.concurrent_mode") : 60111,
-  n = b ? Symbol["for"]("react.forward_ref") : 60112,
-  p = b ? Symbol["for"]("react.suspense") : 60113,
-  q = b ? Symbol["for"]("react.suspense_list") : 60120,
-  r = b ? Symbol["for"]("react.memo") : 60115,
-  t = b ? Symbol["for"]("react.lazy") : 60116,
-  v = b ? Symbol["for"]("react.block") : 60121,
-  w = b ? Symbol["for"]("react.fundamental") : 60117,
-  x = b ? Symbol["for"]("react.responder") : 60118,
-  y = b ? Symbol["for"]("react.scope") : 60119;
-function z(a) {
-  if ("object" === _typeof$1(a) && null !== a) {
-    var u = a.$$typeof;
-    switch (u) {
-      case c:
-        switch (a = a.type, a) {
-          case l:
-          case m:
-          case e:
-          case g:
-          case f:
-          case p:
-            return a;
-          default:
-            switch (a = a && a.$$typeof, a) {
-              case k:
-              case n:
-              case t:
-              case r:
-              case h:
-                return a;
-              default:
-                return u;
-            }
-        }
-      case d:
-        return u;
-    }
-  }
-}
-function A(a) {
-  return z(a) === m;
-}
-reactIs_production_min.AsyncMode = l;
-reactIs_production_min.ConcurrentMode = m;
-reactIs_production_min.ContextConsumer = k;
-reactIs_production_min.ContextProvider = h;
-reactIs_production_min.Element = c;
-reactIs_production_min.ForwardRef = n;
-reactIs_production_min.Fragment = e;
-reactIs_production_min.Lazy = t;
-reactIs_production_min.Memo = r;
-reactIs_production_min.Portal = d;
-reactIs_production_min.Profiler = g;
-reactIs_production_min.StrictMode = f;
-reactIs_production_min.Suspense = p;
-reactIs_production_min.isAsyncMode = function (a) {
-  return A(a) || z(a) === l;
-};
-reactIs_production_min.isConcurrentMode = A;
-reactIs_production_min.isContextConsumer = function (a) {
-  return z(a) === k;
-};
-reactIs_production_min.isContextProvider = function (a) {
-  return z(a) === h;
-};
-reactIs_production_min.isElement = function (a) {
-  return "object" === _typeof$1(a) && null !== a && a.$$typeof === c;
-};
-reactIs_production_min.isForwardRef = function (a) {
-  return z(a) === n;
-};
-reactIs_production_min.isFragment = function (a) {
-  return z(a) === e;
-};
-reactIs_production_min.isLazy = function (a) {
-  return z(a) === t;
-};
-reactIs_production_min.isMemo = function (a) {
-  return z(a) === r;
-};
-reactIs_production_min.isPortal = function (a) {
-  return z(a) === d;
-};
-reactIs_production_min.isProfiler = function (a) {
-  return z(a) === g;
-};
-reactIs_production_min.isStrictMode = function (a) {
-  return z(a) === f;
-};
-reactIs_production_min.isSuspense = function (a) {
-  return z(a) === p;
-};
-reactIs_production_min.isValidElementType = function (a) {
-  return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g || a === f || a === p || a === q || "object" === _typeof$1(a) && null !== a && (a.$$typeof === t || a.$$typeof === r || a.$$typeof === h || a.$$typeof === k || a.$$typeof === n || a.$$typeof === w || a.$$typeof === x || a.$$typeof === y || a.$$typeof === v);
-};
-reactIs_production_min.typeOf = z;
-
-(function (module) {
-
-  {
-    module.exports = reactIs_production_min;
-  }
-})(reactIs$1);
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-
-var reactIs = reactIs$1.exports;
-var FORWARD_REF_STATICS = {
-  '$$typeof': true,
-  render: true,
-  defaultProps: true,
-  displayName: true,
-  propTypes: true
-};
-var MEMO_STATICS = {
-  '$$typeof': true,
-  compare: true,
-  defaultProps: true,
-  displayName: true,
-  propTypes: true,
-  type: true
-};
-var TYPE_STATICS = {};
-TYPE_STATICS[reactIs.ForwardRef] = FORWARD_REF_STATICS;
-TYPE_STATICS[reactIs.Memo] = MEMO_STATICS;
-
-// TODO: Replace with React.createContext once we can assume React 16+
-
-var createNamedContext = function createNamedContext(name) {
-  var context = index();
-  context.displayName = name;
-  return context;
-};
-var historyContext = /*#__PURE__*/createNamedContext("Router-History");
-var context = /*#__PURE__*/createNamedContext("Router");
-
-/**
- * The public API for putting history on context.
- */
-
-var Router = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose$1(Router, _React$Component);
-  Router.computeRootMatch = function computeRootMatch(pathname) {
-    return {
-      path: "/",
-      url: "/",
-      params: {},
-      isExact: pathname === "/"
-    };
-  };
-  function Router(props) {
-    var _this;
-    _this = _React$Component.call(this, props) || this;
-    _this.state = {
-      location: props.history.location
-    }; // This is a bit of a hack. We have to start listening for location
-    // changes here in the constructor in case there are any <Redirect>s
-    // on the initial render. If there are, they will replace/push when
-    // they mount and since cDM fires in children before parents, we may
-    // get a new location before the <Router> is mounted.
-
-    _this._isMounted = false;
-    _this._pendingLocation = null;
-    if (!props.staticContext) {
-      _this.unlisten = props.history.listen(function (location) {
-        _this._pendingLocation = location;
-      });
-    }
-    return _this;
-  }
-  var _proto = Router.prototype;
-  _proto.componentDidMount = function componentDidMount() {
-    var _this2 = this;
-    this._isMounted = true;
-    if (this.unlisten) {
-      // Any pre-mount location changes have been captured at
-      // this point, so unregister the listener.
-      this.unlisten();
-    }
-    if (!this.props.staticContext) {
-      this.unlisten = this.props.history.listen(function (location) {
-        if (_this2._isMounted) {
-          _this2.setState({
-            location: location
-          });
-        }
-      });
-    }
-    if (this._pendingLocation) {
-      this.setState({
-        location: this._pendingLocation
-      });
-    }
-  };
-  _proto.componentWillUnmount = function componentWillUnmount() {
-    if (this.unlisten) {
-      this.unlisten();
-      this._isMounted = false;
-      this._pendingLocation = null;
-    }
-  };
-  _proto.render = function render() {
-    return /*#__PURE__*/React.createElement(context.Provider, {
-      value: {
-        history: this.props.history,
-        location: this.state.location,
-        match: Router.computeRootMatch(this.state.location.pathname),
-        staticContext: this.props.staticContext
-      }
-    }, /*#__PURE__*/React.createElement(historyContext.Provider, {
-      children: this.props.children || null,
-      value: this.props.history
-    }));
-  };
-  return Router;
-}(React.Component);
-
-/**
- * The public API for a <Router> that stores location in memory.
- */
-
-/*#__PURE__*/(function (_React$Component) {
-  _inheritsLoose$1(MemoryRouter, _React$Component);
-  function MemoryRouter() {
-    var _this;
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
-    _this.history = createMemoryHistory(_this.props);
-    return _this;
-  }
-  var _proto = MemoryRouter.prototype;
-  _proto.render = function render() {
-    return /*#__PURE__*/React.createElement(Router, {
-      history: this.history,
-      children: this.props.children
-    });
-  };
-  return MemoryRouter;
-})(React.Component);
-/*#__PURE__*/(function (_React$Component) {
-  _inheritsLoose$1(Lifecycle, _React$Component);
-  function Lifecycle() {
-    return _React$Component.apply(this, arguments) || this;
-  }
-  var _proto = Lifecycle.prototype;
-  _proto.componentDidMount = function componentDidMount() {
-    if (this.props.onMount) this.props.onMount.call(this, this);
-  };
-  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
-    if (this.props.onUpdate) this.props.onUpdate.call(this, this, prevProps);
-  };
-  _proto.componentWillUnmount = function componentWillUnmount() {
-    if (this.props.onUnmount) this.props.onUnmount.call(this, this);
-  };
-  _proto.render = function render() {
-    return null;
-  };
-  return Lifecycle;
-})(React.Component);
-var cache$1 = {};
-var cacheLimit$1 = 10000;
-var cacheCount$1 = 0;
-function compilePath$1(path, options) {
-  var cacheKey = "" + options.end + options.strict + options.sensitive;
-  var pathCache = cache$1[cacheKey] || (cache$1[cacheKey] = {});
-  if (pathCache[path]) return pathCache[path];
-  var keys = [];
-  var regexp = pathToRegexp$1.exports(path, keys, options);
-  var result = {
-    regexp: regexp,
-    keys: keys
-  };
-  if (cacheCount$1 < cacheLimit$1) {
-    pathCache[path] = result;
-    cacheCount$1++;
-  }
-  return result;
-}
-/**
- * Public API for matching a URL pathname to a path.
- */
-
-function matchPath(pathname, options) {
-  if (options === void 0) {
-    options = {};
-  }
-  if (typeof options === "string" || Array.isArray(options)) {
-    options = {
-      path: options
-    };
-  }
-  var _options = options,
-    path = _options.path,
-    _options$exact = _options.exact,
-    exact = _options$exact === void 0 ? false : _options$exact,
-    _options$strict = _options.strict,
-    strict = _options$strict === void 0 ? false : _options$strict,
-    _options$sensitive = _options.sensitive,
-    sensitive = _options$sensitive === void 0 ? false : _options$sensitive;
-  var paths = [].concat(path);
-  return paths.reduce(function (matched, path) {
-    if (!path && path !== "") return null;
-    if (matched) return matched;
-    var _compilePath = compilePath$1(path, {
-        end: exact,
-        strict: strict,
-        sensitive: sensitive
-      }),
-      regexp = _compilePath.regexp,
-      keys = _compilePath.keys;
-    var match = regexp.exec(pathname);
-    if (!match) return null;
-    var url = match[0],
-      values = match.slice(1);
-    var isExact = pathname === url;
-    if (exact && !isExact) return null;
-    return {
-      path: path,
-      // the path used to match
-      url: path === "/" && url === "" ? "/" : url,
-      // the matched portion of the URL
-      isExact: isExact,
-      // whether or not we matched exactly
-      params: keys.reduce(function (memo, key, index) {
-        memo[key.name] = values[index];
-        return memo;
-      }, {})
-    };
-  }, null);
-}
-function isEmptyChildren(children) {
-  return React.Children.count(children) === 0;
-}
-/**
- * The public API for matching a single path and rendering.
- */
-
-/*#__PURE__*/(function (_React$Component) {
-  _inheritsLoose$1(Route, _React$Component);
-  function Route() {
-    return _React$Component.apply(this, arguments) || this;
-  }
-  var _proto = Route.prototype;
-  _proto.render = function render() {
-    var _this = this;
-    return /*#__PURE__*/React.createElement(context.Consumer, null, function (context$1) {
-      !context$1 ? invariant(false) : void 0;
-      var location = _this.props.location || context$1.location;
-      var match = _this.props.computedMatch ? _this.props.computedMatch // <Switch> already computed the match for us
-      : _this.props.path ? matchPath(location.pathname, _this.props) : context$1.match;
-      var props = _extends({}, context$1, {
-        location: location,
-        match: match
-      });
-      var _this$props = _this.props,
-        children = _this$props.children,
-        component = _this$props.component,
-        render = _this$props.render; // Preact uses an empty array as children by
-      // default, so use null if that's the case.
-
-      if (Array.isArray(children) && isEmptyChildren(children)) {
-        children = null;
-      }
-      return /*#__PURE__*/React.createElement(context.Provider, {
-        value: props
-      }, props.match ? children ? typeof children === "function" ? children(props) : children : component ? /*#__PURE__*/React.createElement(component, props) : render ? render(props) : null : typeof children === "function" ? children(props) : null);
-    });
-  };
-  return Route;
-})(React.Component);
-function addLeadingSlash(path) {
-  return path.charAt(0) === "/" ? path : "/" + path;
-}
-function addBasename(basename, location) {
-  if (!basename) return location;
-  return _extends({}, location, {
-    pathname: addLeadingSlash(basename) + location.pathname
-  });
-}
-function stripBasename(basename, location) {
-  if (!basename) return location;
-  var base = addLeadingSlash(basename);
-  if (location.pathname.indexOf(base) !== 0) return location;
-  return _extends({}, location, {
-    pathname: location.pathname.substr(base.length)
-  });
-}
-function createURL(location) {
-  return typeof location === "string" ? location : createPath(location);
-}
-function staticHandler(methodName) {
-  return function () {
-    invariant(false);
-  };
-}
-function noop() {}
-/**
- * The public top-level API for a "static" <Router>, so-called because it
- * can't actually change the current location. Instead, it just records
- * location changes in a context object. Useful mainly in testing and
- * server-rendering scenarios.
- */
-
-/*#__PURE__*/(function (_React$Component) {
-  _inheritsLoose$1(StaticRouter, _React$Component);
-  function StaticRouter() {
-    var _this;
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
-    _this.handlePush = function (location) {
-      return _this.navigateTo(location, "PUSH");
-    };
-    _this.handleReplace = function (location) {
-      return _this.navigateTo(location, "REPLACE");
-    };
-    _this.handleListen = function () {
-      return noop;
-    };
-    _this.handleBlock = function () {
-      return noop;
-    };
-    return _this;
-  }
-  var _proto = StaticRouter.prototype;
-  _proto.navigateTo = function navigateTo(location, action) {
-    var _this$props = this.props,
-      _this$props$basename = _this$props.basename,
-      basename = _this$props$basename === void 0 ? "" : _this$props$basename,
-      _this$props$context = _this$props.context,
-      context = _this$props$context === void 0 ? {} : _this$props$context;
-    context.action = action;
-    context.location = addBasename(basename, createLocation(location));
-    context.url = createURL(context.location);
-  };
-  _proto.render = function render() {
-    var _this$props2 = this.props,
-      _this$props2$basename = _this$props2.basename,
-      basename = _this$props2$basename === void 0 ? "" : _this$props2$basename,
-      _this$props2$context = _this$props2.context,
-      context = _this$props2$context === void 0 ? {} : _this$props2$context,
-      _this$props2$location = _this$props2.location,
-      location = _this$props2$location === void 0 ? "/" : _this$props2$location,
-      rest = _objectWithoutPropertiesLoose(_this$props2, ["basename", "context", "location"]);
-    var history = {
-      createHref: function createHref(path) {
-        return addLeadingSlash(basename + createURL(path));
-      },
-      action: "POP",
-      location: stripBasename(basename, createLocation(location)),
-      push: this.handlePush,
-      replace: this.handleReplace,
-      go: staticHandler(),
-      goBack: staticHandler(),
-      goForward: staticHandler(),
-      listen: this.handleListen,
-      block: this.handleBlock
-    };
-    return /*#__PURE__*/React.createElement(Router, _extends({}, rest, {
-      history: history,
-      staticContext: context
-    }));
-  };
-  return StaticRouter;
-})(React.Component);
-
-/**
- * The public API for rendering the first <Route> that matches.
- */
-
-/*#__PURE__*/(function (_React$Component) {
-  _inheritsLoose$1(Switch, _React$Component);
-  function Switch() {
-    return _React$Component.apply(this, arguments) || this;
-  }
-  var _proto = Switch.prototype;
-  _proto.render = function render() {
-    var _this = this;
-    return /*#__PURE__*/React.createElement(context.Consumer, null, function (context) {
-      !context ? invariant(false) : void 0;
-      var location = _this.props.location || context.location;
-      var element, match; // We use React.Children.forEach instead of React.Children.toArray().find()
-      // here because toArray adds keys to all child elements and we do not want
-      // to trigger an unmount/remount for two <Route>s that render the same
-      // component at different URLs.
-
-      React.Children.forEach(_this.props.children, function (child) {
-        if (match == null && /*#__PURE__*/React.isValidElement(child)) {
-          element = child;
-          var path = child.props.path || child.props.from;
-          match = path ? matchPath(location.pathname, _extends({}, child.props, {
-            path: path
-          })) : context.match;
-        }
-      });
-      return match ? /*#__PURE__*/React.cloneElement(element, {
-        location: location,
-        computedMatch: match
-      }) : null;
-    });
-  };
-  return Switch;
-})(React.Component);
-React.useContext;
-
-/**
- * The public API for a <Router> that uses HTML5 history.
- */
-
-var BrowserRouter = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose$1(BrowserRouter, _React$Component);
-  function BrowserRouter() {
-    var _this;
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
-    _this.history = createBrowserHistory(_this.props);
-    return _this;
-  }
-  var _proto = BrowserRouter.prototype;
-  _proto.render = function render() {
-    return /*#__PURE__*/React.createElement(Router, {
-      history: this.history,
-      children: this.props.children
-    });
-  };
-  return BrowserRouter;
-}(React.Component);
-
-/**
- * The public API for a <Router> that uses window.location.hash.
- */
+import React, { useRef, useEffect, useMemo, useState, memo } from 'react';
+import { BrowserRouter } from 'react-router-dom';
+import classNames from 'classnames';
+import { useFormikContext, Formik, Form, useField, FieldArray, ErrorMessage } from 'formik';
+import { findBy, noop, isNotEmpty, toLabelAndValue, removeBy } from '@bigbinary/neeto-cist';
+import { ActionBlock, Textarea, MultiEmailInput, Input as Input$2, Select as Select$1, Radio } from '@bigbinary/neetoui/formik';
+import { t as t$1 } from 'i18next';
+import * as yup from 'yup';
+import { isEditorEmpty, FormikEditor } from '@bigbinary/neeto-editor';
+import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
+import { Typography, Button, Pane, DatePicker, Dropdown as Dropdown$1, Input as Input$1, Checkbox, Select, Label } from '@bigbinary/neetoui';
+import { useTranslation } from 'react-i18next';
+import { Down, Up, Check, Search, Close, Delete, Plus, Refresh, Eye } from '@bigbinary/neeto-icons';
+import { pluck, isNotNil, assocPath, toLower, isEmpty, isNil, without, append, pipe, partition } from 'ramda';
+import { joinHyphenCase } from '@bigbinary/neeto-commons-frontend/utils';
+import { useDebounce, useHotKeys } from '@bigbinary/neeto-commons-frontend/react-utils';
 
-/*#__PURE__*/(function (_React$Component) {
-  _inheritsLoose$1(HashRouter, _React$Component);
-  function HashRouter() {
-    var _this;
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
-    _this.history = createHashHistory(_this.props);
-    return _this;
-  }
-  var _proto = HashRouter.prototype;
-  _proto.render = function render() {
-    return /*#__PURE__*/React.createElement(Router, {
-      history: this.history,
-      children: this.props.children
-    });
-  };
-  return HashRouter;
-})(React.Component);
-var resolveToLocation = function resolveToLocation(to, currentLocation) {
-  return typeof to === "function" ? to(currentLocation) : to;
-};
-var normalizeToLocation = function normalizeToLocation(to, currentLocation) {
-  return typeof to === "string" ? createLocation(to, null, null, currentLocation) : to;
-};
-var forwardRefShim = function forwardRefShim(C) {
-  return C;
-};
-var forwardRef = React.forwardRef;
-if (typeof forwardRef === "undefined") {
-  forwardRef = forwardRefShim;
-}
-function isModifiedEvent(event) {
-  return !!(event.metaKey || event.altKey || event.ctrlKey || event.shiftKey);
+function _objectDestructuringEmpty(obj) {
+  if (obj == null) throw new TypeError("Cannot destructure " + obj);
 }
-var LinkAnchor = forwardRef(function (_ref, forwardedRef) {
-  var innerRef = _ref.innerRef,
-    navigate = _ref.navigate,
-    _onClick = _ref.onClick,
-    rest = _objectWithoutPropertiesLoose(_ref, ["innerRef", "navigate", "onClick"]);
-  var target = rest.target;
-  var props = _extends({}, rest, {
-    onClick: function onClick(event) {
-      try {
-        if (_onClick) _onClick(event);
-      } catch (ex) {
-        event.preventDefault();
-        throw ex;
-      }
-      if (!event.defaultPrevented &&
-      // onClick prevented default
-      event.button === 0 && (
-      // ignore everything but left clicks
-      !target || target === "_self") &&
-      // let browser handle "target=_blank" etc.
-      !isModifiedEvent(event) // ignore clicks with modifier keys
-      ) {
-        event.preventDefault();
-        navigate();
-      }
-    }
-  }); // React 15 compat
-
-  if (forwardRefShim !== forwardRef) {
-    props.ref = forwardedRef || innerRef;
-  } else {
-    props.ref = innerRef;
-  }
-  /* eslint-disable-next-line jsx-a11y/anchor-has-content */
-
-  return /*#__PURE__*/React.createElement("a", props);
-});
-/**
- * The public API for rendering a history-aware <a>.
- */
 
-var Link = forwardRef(function (_ref2, forwardedRef) {
-  var _ref2$component = _ref2.component,
-    component = _ref2$component === void 0 ? LinkAnchor : _ref2$component,
-    replace = _ref2.replace,
-    to = _ref2.to,
-    innerRef = _ref2.innerRef,
-    rest = _objectWithoutPropertiesLoose(_ref2, ["component", "replace", "to", "innerRef"]);
-  return /*#__PURE__*/React.createElement(context.Consumer, null, function (context) {
-    !context ? invariant(false) : void 0;
-    var history = context.history;
-    var location = normalizeToLocation(resolveToLocation(to, context.location), context.location);
-    var href = location ? history.createHref(location) : "";
-    var props = _extends({}, rest, {
-      href: href,
-      navigate: function navigate() {
-        var location = resolveToLocation(to, context.location);
-        var isDuplicateNavigation = createPath(context.location) === createPath(normalizeToLocation(location));
-        var method = replace || isDuplicateNavigation ? history.replace : history.push;
-        method(location);
-      }
-    }); // React 15 compat
+function _typeof$1(obj) {
+  "@babel/helpers - typeof";
 
-    if (forwardRefShim !== forwardRef) {
-      props.ref = forwardedRef || innerRef;
-    } else {
-      props.innerRef = innerRef;
-    }
-    return /*#__PURE__*/React.createElement(component, props);
-  });
-});
-var forwardRefShim$1 = function forwardRefShim(C) {
-  return C;
-};
-var forwardRef$1 = React.forwardRef;
-if (typeof forwardRef$1 === "undefined") {
-  forwardRef$1 = forwardRefShim$1;
-}
-function joinClassnames() {
-  for (var _len = arguments.length, classnames = new Array(_len), _key = 0; _key < _len; _key++) {
-    classnames[_key] = arguments[_key];
-  }
-  return classnames.filter(function (i) {
-    return i;
-  }).join(" ");
+  return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof$1(obj);
 }
-/**
- * A <Link> wrapper that knows if it's "active" or not.
- */
-
-forwardRef$1(function (_ref, forwardedRef) {
-  var _ref$ariaCurrent = _ref["aria-current"],
-    ariaCurrent = _ref$ariaCurrent === void 0 ? "page" : _ref$ariaCurrent,
-    _ref$activeClassName = _ref.activeClassName,
-    activeClassName = _ref$activeClassName === void 0 ? "active" : _ref$activeClassName,
-    activeStyle = _ref.activeStyle,
-    classNameProp = _ref.className,
-    exact = _ref.exact,
-    isActiveProp = _ref.isActive,
-    locationProp = _ref.location,
-    sensitive = _ref.sensitive,
-    strict = _ref.strict,
-    styleProp = _ref.style,
-    to = _ref.to,
-    innerRef = _ref.innerRef,
-    rest = _objectWithoutPropertiesLoose(_ref, ["aria-current", "activeClassName", "activeStyle", "className", "exact", "isActive", "location", "sensitive", "strict", "style", "to", "innerRef"]);
-  return /*#__PURE__*/React.createElement(context.Consumer, null, function (context) {
-    !context ? invariant(false) : void 0;
-    var currentLocation = locationProp || context.location;
-    var toLocation = normalizeToLocation(resolveToLocation(to, currentLocation), currentLocation);
-    var path = toLocation.pathname; // Regex taken from: https://github.com/pillarjs/path-to-regexp/blob/master/index.js#L202
-
-    var escapedPath = path && path.replace(/([.+*?=^!:${}()[\]|/\\])/g, "\\$1");
-    var match = escapedPath ? matchPath(currentLocation.pathname, {
-      path: escapedPath,
-      exact: exact,
-      sensitive: sensitive,
-      strict: strict
-    }) : null;
-    var isActive = !!(isActiveProp ? isActiveProp(match, currentLocation) : match);
-    var className = typeof classNameProp === "function" ? classNameProp(isActive) : classNameProp;
-    var style = typeof styleProp === "function" ? styleProp(isActive) : styleProp;
-    if (isActive) {
-      className = joinClassnames(className, activeClassName);
-      style = _extends({}, style, activeStyle);
-    }
-    var props = _extends({
-      "aria-current": isActive && ariaCurrent || null,
-      className: className,
-      style: style,
-      to: toLocation
-    }, rest); // React 15 compat
-
-    if (forwardRefShim$1 !== forwardRef$1) {
-      props.ref = forwardedRef || innerRef;
-    } else {
-      props.innerRef = innerRef;
-    }
-    return /*#__PURE__*/React.createElement(Link, props);
-  });
-});
 
 function _toPrimitive(input, hint) {
   if (_typeof$1(input) !== "object" || input === null) return input;
@@ -2300,6 +60,19 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+
 function _objectWithoutProperties(source, excluded) {
   if (source == null) return {};
   var target = _objectWithoutPropertiesLoose(source, excluded);
@@ -2329,376 +102,473 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
   } else {
     Promise.resolve(value).then(_next, _throw);
   }
-}
-function _asyncToGenerator(fn) {
-  return function () {
-    var self = this,
-      args = arguments;
-    return new Promise(function (resolve, reject) {
-      var gen = fn.apply(self, args);
-      function _next(value) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-      }
-      function _throw(err) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-      }
-      _next(undefined);
-    });
-  };
-}
-
-var regeneratorRuntime$1 = {exports: {}};
-
-var _typeof = {exports: {}};
-
-(function (module) {
-  function _typeof(obj) {
-    "@babel/helpers - typeof";
-
-    return (module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-      return typeof obj;
-    } : function (obj) {
-      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    }, module.exports.__esModule = true, module.exports["default"] = module.exports), _typeof(obj);
-  }
-  module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
-})(_typeof);
-
-(function (module) {
-  var _typeof$1 = _typeof.exports["default"];
-  function _regeneratorRuntime() {
-
-    /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
-    module.exports = _regeneratorRuntime = function _regeneratorRuntime() {
-      return exports;
-    }, module.exports.__esModule = true, module.exports["default"] = module.exports;
-    var exports = {},
-      Op = Object.prototype,
-      hasOwn = Op.hasOwnProperty,
-      defineProperty = Object.defineProperty || function (obj, key, desc) {
-        obj[key] = desc.value;
-      },
-      $Symbol = "function" == typeof Symbol ? Symbol : {},
-      iteratorSymbol = $Symbol.iterator || "@@iterator",
-      asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator",
-      toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
-    function define(obj, key, value) {
-      return Object.defineProperty(obj, key, {
-        value: value,
-        enumerable: !0,
-        configurable: !0,
-        writable: !0
-      }), obj[key];
-    }
-    try {
-      define({}, "");
-    } catch (err) {
-      define = function define(obj, key, value) {
-        return obj[key] = value;
-      };
-    }
-    function wrap(innerFn, outerFn, self, tryLocsList) {
-      var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator,
-        generator = Object.create(protoGenerator.prototype),
-        context = new Context(tryLocsList || []);
-      return defineProperty(generator, "_invoke", {
-        value: makeInvokeMethod(innerFn, self, context)
-      }), generator;
-    }
-    function tryCatch(fn, obj, arg) {
-      try {
-        return {
-          type: "normal",
-          arg: fn.call(obj, arg)
-        };
-      } catch (err) {
-        return {
-          type: "throw",
-          arg: err
-        };
-      }
-    }
-    exports.wrap = wrap;
-    var ContinueSentinel = {};
-    function Generator() {}
-    function GeneratorFunction() {}
-    function GeneratorFunctionPrototype() {}
-    var IteratorPrototype = {};
-    define(IteratorPrototype, iteratorSymbol, function () {
-      return this;
-    });
-    var getProto = Object.getPrototypeOf,
-      NativeIteratorPrototype = getProto && getProto(getProto(values([])));
-    NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype);
-    var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
-    function defineIteratorMethods(prototype) {
-      ["next", "throw", "return"].forEach(function (method) {
-        define(prototype, method, function (arg) {
-          return this._invoke(method, arg);
-        });
-      });
-    }
-    function AsyncIterator(generator, PromiseImpl) {
-      function invoke(method, arg, resolve, reject) {
-        var record = tryCatch(generator[method], generator, arg);
-        if ("throw" !== record.type) {
-          var result = record.arg,
-            value = result.value;
-          return value && "object" == _typeof$1(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) {
-            invoke("next", value, resolve, reject);
-          }, function (err) {
-            invoke("throw", err, resolve, reject);
-          }) : PromiseImpl.resolve(value).then(function (unwrapped) {
-            result.value = unwrapped, resolve(result);
-          }, function (error) {
-            return invoke("throw", error, resolve, reject);
-          });
-        }
-        reject(record.arg);
-      }
-      var previousPromise;
-      defineProperty(this, "_invoke", {
-        value: function value(method, arg) {
-          function callInvokeWithMethodAndArg() {
-            return new PromiseImpl(function (resolve, reject) {
-              invoke(method, arg, resolve, reject);
-            });
-          }
-          return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
-        }
-      });
-    }
-    function makeInvokeMethod(innerFn, self, context) {
-      var state = "suspendedStart";
-      return function (method, arg) {
-        if ("executing" === state) throw new Error("Generator is already running");
-        if ("completed" === state) {
-          if ("throw" === method) throw arg;
-          return doneResult();
-        }
-        for (context.method = method, context.arg = arg;;) {
-          var delegate = context.delegate;
-          if (delegate) {
-            var delegateResult = maybeInvokeDelegate(delegate, context);
-            if (delegateResult) {
-              if (delegateResult === ContinueSentinel) continue;
-              return delegateResult;
-            }
-          }
-          if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) {
-            if ("suspendedStart" === state) throw state = "completed", context.arg;
-            context.dispatchException(context.arg);
-          } else "return" === context.method && context.abrupt("return", context.arg);
-          state = "executing";
-          var record = tryCatch(innerFn, self, context);
-          if ("normal" === record.type) {
-            if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue;
-            return {
-              value: record.arg,
-              done: context.done
-            };
-          }
-          "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg);
-        }
-      };
-    }
-    function maybeInvokeDelegate(delegate, context) {
-      var methodName = context.method,
-        method = delegate.iterator[methodName];
-      if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel;
-      var record = tryCatch(method, delegate.iterator, context.arg);
-      if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel;
-      var info = record.arg;
-      return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel);
-    }
-    function pushTryEntry(locs) {
-      var entry = {
-        tryLoc: locs[0]
-      };
-      1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry);
-    }
-    function resetTryEntry(entry) {
-      var record = entry.completion || {};
-      record.type = "normal", delete record.arg, entry.completion = record;
-    }
-    function Context(tryLocsList) {
-      this.tryEntries = [{
-        tryLoc: "root"
-      }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0);
-    }
-    function values(iterable) {
-      if (iterable) {
-        var iteratorMethod = iterable[iteratorSymbol];
-        if (iteratorMethod) return iteratorMethod.call(iterable);
-        if ("function" == typeof iterable.next) return iterable;
-        if (!isNaN(iterable.length)) {
-          var i = -1,
-            next = function next() {
-              for (; ++i < iterable.length;) {
-                if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next;
-              }
-              return next.value = undefined, next.done = !0, next;
-            };
-          return next.next = next;
-        }
-      }
-      return {
-        next: doneResult
-      };
-    }
-    function doneResult() {
-      return {
-        value: undefined,
-        done: !0
-      };
-    }
-    return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", {
-      value: GeneratorFunctionPrototype,
-      configurable: !0
-    }), defineProperty(GeneratorFunctionPrototype, "constructor", {
-      value: GeneratorFunction,
-      configurable: !0
-    }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) {
-      var ctor = "function" == typeof genFun && genFun.constructor;
-      return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name));
-    }, exports.mark = function (genFun) {
-      return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun;
-    }, exports.awrap = function (arg) {
-      return {
-        __await: arg
-      };
-    }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () {
-      return this;
-    }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) {
-      void 0 === PromiseImpl && (PromiseImpl = Promise);
-      var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl);
-      return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) {
-        return result.done ? result.value : iter.next();
-      });
-    }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () {
-      return this;
-    }), define(Gp, "toString", function () {
-      return "[object Generator]";
-    }), exports.keys = function (val) {
-      var object = Object(val),
-        keys = [];
-      for (var key in object) {
-        keys.push(key);
+}
+function _asyncToGenerator(fn) {
+  return function () {
+    var self = this,
+      args = arguments;
+    return new Promise(function (resolve, reject) {
+      var gen = fn.apply(self, args);
+      function _next(value) {
+        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
       }
-      return keys.reverse(), function next() {
-        for (; keys.length;) {
-          var key = keys.pop();
-          if (key in object) return next.value = key, next.done = !1, next;
-        }
-        return next.done = !0, next;
-      };
-    }, exports.values = values, Context.prototype = {
-      constructor: Context,
-      reset: function reset(skipTempReset) {
-        if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) {
-          "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined);
-        }
-      },
-      stop: function stop() {
-        this.done = !0;
-        var rootRecord = this.tryEntries[0].completion;
-        if ("throw" === rootRecord.type) throw rootRecord.arg;
-        return this.rval;
-      },
-      dispatchException: function dispatchException(exception) {
-        if (this.done) throw exception;
-        var context = this;
-        function handle(loc, caught) {
-          return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught;
-        }
-        for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-          var entry = this.tryEntries[i],
-            record = entry.completion;
-          if ("root" === entry.tryLoc) return handle("end");
-          if (entry.tryLoc <= this.prev) {
-            var hasCatch = hasOwn.call(entry, "catchLoc"),
-              hasFinally = hasOwn.call(entry, "finallyLoc");
-            if (hasCatch && hasFinally) {
-              if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
-              if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
-            } else if (hasCatch) {
-              if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
-            } else {
-              if (!hasFinally) throw new Error("try statement without catch or finally");
-              if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
-            }
-          }
-        }
-      },
-      abrupt: function abrupt(type, arg) {
-        for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-          var entry = this.tryEntries[i];
-          if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
-            var finallyEntry = entry;
-            break;
-          }
-        }
-        finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null);
-        var record = finallyEntry ? finallyEntry.completion : {};
-        return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record);
-      },
-      complete: function complete(record, afterLoc) {
-        if ("throw" === record.type) throw record.arg;
-        return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel;
-      },
-      finish: function finish(finallyLoc) {
-        for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-          var entry = this.tryEntries[i];
-          if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel;
-        }
-      },
-      "catch": function _catch(tryLoc) {
-        for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-          var entry = this.tryEntries[i];
-          if (entry.tryLoc === tryLoc) {
-            var record = entry.completion;
-            if ("throw" === record.type) {
-              var thrown = record.arg;
-              resetTryEntry(entry);
-            }
-            return thrown;
-          }
-        }
-        throw new Error("illegal catch attempt");
-      },
-      delegateYield: function delegateYield(iterable, resultName, nextLoc) {
-        return this.delegate = {
-          iterator: values(iterable),
-          resultName: resultName,
-          nextLoc: nextLoc
-        }, "next" === this.method && (this.arg = undefined), ContinueSentinel;
+      function _throw(err) {
+        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
       }
-    }, exports;
-  }
-  module.exports = _regeneratorRuntime, module.exports.__esModule = true, module.exports["default"] = module.exports;
-})(regeneratorRuntime$1);
+      _next(undefined);
+    });
+  };
+}
+
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+var regeneratorRuntime$1 = {exports: {}};
+
+var _typeof = {exports: {}};
+
+_typeof.exports;
+
+(function (module) {
+	function _typeof(obj) {
+	  "@babel/helpers - typeof";
+
+	  return (module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+	    return typeof obj;
+	  } : function (obj) {
+	    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+	  }, module.exports.__esModule = true, module.exports["default"] = module.exports), _typeof(obj);
+	}
+	module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports; 
+} (_typeof));
+
+var _typeofExports = _typeof.exports;
+
+regeneratorRuntime$1.exports;
+
+(function (module) {
+	var _typeof = _typeofExports["default"];
+	function _regeneratorRuntime() {
+	  module.exports = _regeneratorRuntime = function _regeneratorRuntime() {
+	    return exports;
+	  }, module.exports.__esModule = true, module.exports["default"] = module.exports;
+	  var exports = {},
+	    Op = Object.prototype,
+	    hasOwn = Op.hasOwnProperty,
+	    defineProperty = Object.defineProperty || function (obj, key, desc) {
+	      obj[key] = desc.value;
+	    },
+	    $Symbol = "function" == typeof Symbol ? Symbol : {},
+	    iteratorSymbol = $Symbol.iterator || "@@iterator",
+	    asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator",
+	    toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
+	  function define(obj, key, value) {
+	    return Object.defineProperty(obj, key, {
+	      value: value,
+	      enumerable: !0,
+	      configurable: !0,
+	      writable: !0
+	    }), obj[key];
+	  }
+	  try {
+	    define({}, "");
+	  } catch (err) {
+	    define = function define(obj, key, value) {
+	      return obj[key] = value;
+	    };
+	  }
+	  function wrap(innerFn, outerFn, self, tryLocsList) {
+	    var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator,
+	      generator = Object.create(protoGenerator.prototype),
+	      context = new Context(tryLocsList || []);
+	    return defineProperty(generator, "_invoke", {
+	      value: makeInvokeMethod(innerFn, self, context)
+	    }), generator;
+	  }
+	  function tryCatch(fn, obj, arg) {
+	    try {
+	      return {
+	        type: "normal",
+	        arg: fn.call(obj, arg)
+	      };
+	    } catch (err) {
+	      return {
+	        type: "throw",
+	        arg: err
+	      };
+	    }
+	  }
+	  exports.wrap = wrap;
+	  var ContinueSentinel = {};
+	  function Generator() {}
+	  function GeneratorFunction() {}
+	  function GeneratorFunctionPrototype() {}
+	  var IteratorPrototype = {};
+	  define(IteratorPrototype, iteratorSymbol, function () {
+	    return this;
+	  });
+	  var getProto = Object.getPrototypeOf,
+	    NativeIteratorPrototype = getProto && getProto(getProto(values([])));
+	  NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype);
+	  var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
+	  function defineIteratorMethods(prototype) {
+	    ["next", "throw", "return"].forEach(function (method) {
+	      define(prototype, method, function (arg) {
+	        return this._invoke(method, arg);
+	      });
+	    });
+	  }
+	  function AsyncIterator(generator, PromiseImpl) {
+	    function invoke(method, arg, resolve, reject) {
+	      var record = tryCatch(generator[method], generator, arg);
+	      if ("throw" !== record.type) {
+	        var result = record.arg,
+	          value = result.value;
+	        return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) {
+	          invoke("next", value, resolve, reject);
+	        }, function (err) {
+	          invoke("throw", err, resolve, reject);
+	        }) : PromiseImpl.resolve(value).then(function (unwrapped) {
+	          result.value = unwrapped, resolve(result);
+	        }, function (error) {
+	          return invoke("throw", error, resolve, reject);
+	        });
+	      }
+	      reject(record.arg);
+	    }
+	    var previousPromise;
+	    defineProperty(this, "_invoke", {
+	      value: function value(method, arg) {
+	        function callInvokeWithMethodAndArg() {
+	          return new PromiseImpl(function (resolve, reject) {
+	            invoke(method, arg, resolve, reject);
+	          });
+	        }
+	        return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
+	      }
+	    });
+	  }
+	  function makeInvokeMethod(innerFn, self, context) {
+	    var state = "suspendedStart";
+	    return function (method, arg) {
+	      if ("executing" === state) throw new Error("Generator is already running");
+	      if ("completed" === state) {
+	        if ("throw" === method) throw arg;
+	        return doneResult();
+	      }
+	      for (context.method = method, context.arg = arg;;) {
+	        var delegate = context.delegate;
+	        if (delegate) {
+	          var delegateResult = maybeInvokeDelegate(delegate, context);
+	          if (delegateResult) {
+	            if (delegateResult === ContinueSentinel) continue;
+	            return delegateResult;
+	          }
+	        }
+	        if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) {
+	          if ("suspendedStart" === state) throw state = "completed", context.arg;
+	          context.dispatchException(context.arg);
+	        } else "return" === context.method && context.abrupt("return", context.arg);
+	        state = "executing";
+	        var record = tryCatch(innerFn, self, context);
+	        if ("normal" === record.type) {
+	          if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue;
+	          return {
+	            value: record.arg,
+	            done: context.done
+	          };
+	        }
+	        "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg);
+	      }
+	    };
+	  }
+	  function maybeInvokeDelegate(delegate, context) {
+	    var methodName = context.method,
+	      method = delegate.iterator[methodName];
+	    if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel;
+	    var record = tryCatch(method, delegate.iterator, context.arg);
+	    if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel;
+	    var info = record.arg;
+	    return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel);
+	  }
+	  function pushTryEntry(locs) {
+	    var entry = {
+	      tryLoc: locs[0]
+	    };
+	    1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry);
+	  }
+	  function resetTryEntry(entry) {
+	    var record = entry.completion || {};
+	    record.type = "normal", delete record.arg, entry.completion = record;
+	  }
+	  function Context(tryLocsList) {
+	    this.tryEntries = [{
+	      tryLoc: "root"
+	    }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0);
+	  }
+	  function values(iterable) {
+	    if (iterable) {
+	      var iteratorMethod = iterable[iteratorSymbol];
+	      if (iteratorMethod) return iteratorMethod.call(iterable);
+	      if ("function" == typeof iterable.next) return iterable;
+	      if (!isNaN(iterable.length)) {
+	        var i = -1,
+	          next = function next() {
+	            for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next;
+	            return next.value = undefined, next.done = !0, next;
+	          };
+	        return next.next = next;
+	      }
+	    }
+	    return {
+	      next: doneResult
+	    };
+	  }
+	  function doneResult() {
+	    return {
+	      value: undefined,
+	      done: !0
+	    };
+	  }
+	  return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", {
+	    value: GeneratorFunctionPrototype,
+	    configurable: !0
+	  }), defineProperty(GeneratorFunctionPrototype, "constructor", {
+	    value: GeneratorFunction,
+	    configurable: !0
+	  }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) {
+	    var ctor = "function" == typeof genFun && genFun.constructor;
+	    return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name));
+	  }, exports.mark = function (genFun) {
+	    return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun;
+	  }, exports.awrap = function (arg) {
+	    return {
+	      __await: arg
+	    };
+	  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () {
+	    return this;
+	  }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) {
+	    void 0 === PromiseImpl && (PromiseImpl = Promise);
+	    var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl);
+	    return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) {
+	      return result.done ? result.value : iter.next();
+	    });
+	  }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () {
+	    return this;
+	  }), define(Gp, "toString", function () {
+	    return "[object Generator]";
+	  }), exports.keys = function (val) {
+	    var object = Object(val),
+	      keys = [];
+	    for (var key in object) keys.push(key);
+	    return keys.reverse(), function next() {
+	      for (; keys.length;) {
+	        var key = keys.pop();
+	        if (key in object) return next.value = key, next.done = !1, next;
+	      }
+	      return next.done = !0, next;
+	    };
+	  }, exports.values = values, Context.prototype = {
+	    constructor: Context,
+	    reset: function reset(skipTempReset) {
+	      if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined);
+	    },
+	    stop: function stop() {
+	      this.done = !0;
+	      var rootRecord = this.tryEntries[0].completion;
+	      if ("throw" === rootRecord.type) throw rootRecord.arg;
+	      return this.rval;
+	    },
+	    dispatchException: function dispatchException(exception) {
+	      if (this.done) throw exception;
+	      var context = this;
+	      function handle(loc, caught) {
+	        return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught;
+	      }
+	      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+	        var entry = this.tryEntries[i],
+	          record = entry.completion;
+	        if ("root" === entry.tryLoc) return handle("end");
+	        if (entry.tryLoc <= this.prev) {
+	          var hasCatch = hasOwn.call(entry, "catchLoc"),
+	            hasFinally = hasOwn.call(entry, "finallyLoc");
+	          if (hasCatch && hasFinally) {
+	            if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
+	            if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
+	          } else if (hasCatch) {
+	            if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
+	          } else {
+	            if (!hasFinally) throw new Error("try statement without catch or finally");
+	            if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
+	          }
+	        }
+	      }
+	    },
+	    abrupt: function abrupt(type, arg) {
+	      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+	        var entry = this.tryEntries[i];
+	        if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
+	          var finallyEntry = entry;
+	          break;
+	        }
+	      }
+	      finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null);
+	      var record = finallyEntry ? finallyEntry.completion : {};
+	      return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record);
+	    },
+	    complete: function complete(record, afterLoc) {
+	      if ("throw" === record.type) throw record.arg;
+	      return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel;
+	    },
+	    finish: function finish(finallyLoc) {
+	      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+	        var entry = this.tryEntries[i];
+	        if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel;
+	      }
+	    },
+	    "catch": function _catch(tryLoc) {
+	      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+	        var entry = this.tryEntries[i];
+	        if (entry.tryLoc === tryLoc) {
+	          var record = entry.completion;
+	          if ("throw" === record.type) {
+	            var thrown = record.arg;
+	            resetTryEntry(entry);
+	          }
+	          return thrown;
+	        }
+	      }
+	      throw new Error("illegal catch attempt");
+	    },
+	    delegateYield: function delegateYield(iterable, resultName, nextLoc) {
+	      return this.delegate = {
+	        iterator: values(iterable),
+	        resultName: resultName,
+	        nextLoc: nextLoc
+	      }, "next" === this.method && (this.arg = undefined), ContinueSentinel;
+	    }
+	  }, exports;
+	}
+	module.exports = _regeneratorRuntime, module.exports.__esModule = true, module.exports["default"] = module.exports; 
+} (regeneratorRuntime$1));
+
+var regeneratorRuntimeExports = regeneratorRuntime$1.exports;
 
 // TODO(Babel 8): Remove this file.
 
-var runtime = regeneratorRuntime$1.exports();
+var runtime = regeneratorRuntimeExports();
 var regenerator = runtime;
 
 // Copied from https://github.com/facebook/regenerator/blob/main/packages/runtime/runtime.js#L736=
 try {
   regeneratorRuntime = runtime;
 } catch (accidentalStrictMode) {
-  if ((typeof globalThis === "undefined" ? "undefined" : _typeof$1(globalThis)) === "object") {
+  if (typeof globalThis === "object") {
     globalThis.regeneratorRuntime = runtime;
   } else {
     Function("r", "regeneratorRuntime = r")(runtime);
   }
 }
 
+var _regeneratorRuntime = /*@__PURE__*/getDefaultExportFromCjs(regenerator);
+
+var propTypes = {exports: {}};
+
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var ReactPropTypesSecret$1 = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
+
+var ReactPropTypesSecret_1 = ReactPropTypesSecret$1;
+
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var ReactPropTypesSecret = ReactPropTypesSecret_1;
+
+function emptyFunction() {}
+function emptyFunctionWithReset() {}
+emptyFunctionWithReset.resetWarningCache = emptyFunction;
+
+var factoryWithThrowingShims = function() {
+  function shim(props, propName, componentName, location, propFullName, secret) {
+    if (secret === ReactPropTypesSecret) {
+      // It is still safe when called from React.
+      return;
+    }
+    var err = new Error(
+      'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
+      'Use PropTypes.checkPropTypes() to call them. ' +
+      'Read more at http://fb.me/use-check-prop-types'
+    );
+    err.name = 'Invariant Violation';
+    throw err;
+  }  shim.isRequired = shim;
+  function getShim() {
+    return shim;
+  }  // Important!
+  // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
+  var ReactPropTypes = {
+    array: shim,
+    bigint: shim,
+    bool: shim,
+    func: shim,
+    number: shim,
+    object: shim,
+    string: shim,
+    symbol: shim,
+
+    any: shim,
+    arrayOf: getShim,
+    element: shim,
+    elementType: shim,
+    instanceOf: getShim,
+    node: shim,
+    objectOf: getShim,
+    oneOf: getShim,
+    oneOfType: getShim,
+    shape: getShim,
+    exact: getShim,
+
+    checkPropTypes: emptyFunctionWithReset,
+    resetWarningCache: emptyFunction
+  };
+
+  ReactPropTypes.PropTypes = ReactPropTypes;
+
+  return ReactPropTypes;
+};
+
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+{
+  // By explicitly using `prop-types` you are opting into new production behavior.
+  // http://fb.me/prop-types-in-prod
+  propTypes.exports = factoryWithThrowingShims();
+}
+
+var propTypesExports = propTypes.exports;
+var PropTypes = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
+
 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];
-  }
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
@@ -3041,7 +911,7 @@ var POSITIVE_NUMBER_REGEX = /^[0-9]+$/;
 function ownKeys$5(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$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var buildPayload = function buildPayload(data, values) {
-  var payload = Object.keys(data).reduce(function (acc, key) {
+  return Object.keys(data).reduce(function (acc, key) {
     var fieldValue = values[key].value;
     if (Array.isArray(fieldValue)) {
       var _values$key;
@@ -3058,7 +928,6 @@ var buildPayload = function buildPayload(data, values) {
     }
     return _objectSpread$5(_objectSpread$5({}, acc), {}, _defineProperty({}, key, fieldValue));
   }, {});
-  return payload;
 };
 var formatData = function formatData(data) {
   return Object.keys(data).reduce(function (acc, key) {
@@ -3134,23 +1003,21 @@ var NeetoRules$2 = function NeetoRules(_ref) {
     children = _ref.children,
     className = _ref.className,
     _ref$handleSubmit = _ref.handleSubmit,
-    handleSubmit = _ref$handleSubmit === void 0 ? noop$1 : _ref$handleSubmit,
+    handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit,
     _ref$handleCancel = _ref.handleCancel,
-    handleCancel = _ref$handleCancel === void 0 ? noop$1 : _ref$handleCancel;
+    handleCancel = _ref$handleCancel === void 0 ? noop : _ref$handleCancel;
   var formRef = useRef(null);
   var submitForm = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(values, formikBag) {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(values, formikBag) {
       var payload;
-      return regenerator.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              payload = buildPayload(data, values);
-              handleSubmit(payload, formikBag);
-            case 2:
-            case "end":
-              return _context.stop();
-          }
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            payload = buildPayload(data, values);
+            handleSubmit(payload, formikBag);
+          case 2:
+          case "end":
+            return _context.stop();
         }
       }, _callee);
     }));
@@ -3162,8 +1029,8 @@ var NeetoRules$2 = function NeetoRules(_ref) {
     return formatData(data);
   }, [data]);
   return /*#__PURE__*/React.createElement(Formik, {
-    enableReinitialize: true,
     initialValues: initialValues,
+    enableReinitialize: true,
     validationSchema: getValidationSchema(data),
     onSubmit: submitForm
   }, function (_ref3) {
@@ -3199,9 +1066,9 @@ var NeetoRules$2 = function NeetoRules(_ref) {
   });
 };
 NeetoRules$2.prototype = {
-  data: propTypes.exports.object,
-  handleSubmit: propTypes.exports.func,
-  className: propTypes.exports.string
+  data: PropTypes.object,
+  handleSubmit: PropTypes.func,
+  className: PropTypes.string
 };
 
 var Main = function Main(_ref) {
@@ -3209,6 +1076,11 @@ var Main = function Main(_ref) {
   return /*#__PURE__*/React.createElement(NeetoRules$2, rest);
 };
 
+var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
+
+var css = ".neeto-filters-error-boundary{align-items:center;background-color:#f8f9f9;border-radius:2px;display:flex;gap:16px;margin-bottom:12px;padding:8px 20px}.neeto-filters-error-boundary p{color:#2f3941}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9jb21wb25lbnRzL19lcnJvci1ib3VuZGFyeS5zY3NzIiwiYXBwL2phdmFzY3JpcHQvc3JjL3N0eWxlc2hlZXRzL2Fic3RyYWN0cy9fbmVldG8tdWktdmFyaWFibGVzLnNjc3MiLCJhcHAvamF2YXNjcmlwdC9zcmMvc3R5bGVzaGVldHMvbWFpbi5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDhCQUlFLGtCQUFBLENBR0Esd0JDS2tCLENETmxCLGlCQ2VvQixDRGxCcEIsWUFBQSxDQUVBLFFBQUEsQ0FIQSxrQkFBQSxDQURBLGdCRU9GLENGQ0UsZ0NBQ0UsYUVDSiIsInNvdXJjZXNDb250ZW50IjpbIi5uZWV0by1maWx0ZXJzLWVycm9yLWJvdW5kYXJ5IHtcbiAgcGFkZGluZzogOHB4IDIwcHg7XG4gIG1hcmdpbi1ib3R0b206IDEycHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogMTZweDtcbiAgYm9yZGVyLXJhZGl1czogJG5lZXRvLXVpLXJvdW5kZWQtc207XG4gIGJhY2tncm91bmQtY29sb3I6ICRuZWV0by11aS1ncmF5LTEwMDtcblxuICBwIHtcbiAgICBjb2xvcjogJG5lZXRvLXVpLWdyYXktODAwO1xuICB9XG59XG4iLCIvLyBDb2xvciBwZWxldHRlXG5cbi8vIHByaW1hcnlcbiRuZWV0by11aS13aGl0ZTogI2ZmZmZmZjtcbi8vIGdyYXlzXG4kbmVldG8tdWktZ3JheS04MDA6ICMyZjM5NDE7XG4kbmVldG8tdWktZ3JheS03MDA6ICM0OTU0NWM7XG4kbmVldG8tdWktZ3JheS02MDA6ICM2ODczN2Q7XG4kbmVldG8tdWktZ3JheS01MDA6ICM4NzkyOWQ7XG4kbmVldG8tdWktZ3JheS00MDA6ICNjMmM4Y2M7XG4kbmVldG8tdWktZ3JheS0zMDA6ICNkOGRjZGU7XG4kbmVldG8tdWktZ3JheS0yMDA6ICNlOWViZWQ7XG4kbmVldG8tdWktZ3JheS0xMDA6ICNmOGY5Zjk7XG4vLyBwYXN0ZWxzXG4kbmVldG8tdWktcGFzdGVsLWJsdWU6ICNlYWYzZmM7XG5cbi8vIEZvbnQgd2VpZ2h0c1xuJG5lZXRvLXVpLWZvbnQtc2VtaWJvbGQ6IDYwMDtcbiRuZWV0by11aS1mb250LW5vcm1hbDogNDAwO1xuXG4vLyBCb3JkZXIgUmFkaXVzXG4kbmVldG8tdWktcm91bmRlZC1zbTogMnB4O1xuXG4vLyBCb3ggU2hhZG93c1xuJG5lZXRvLXVpLXNoYWRvdy1zOiAwcHggM3B4IDEycHggLTFweCByZ2JhKDI4LCA1MiwgODQsIDAuMTIpLFxuICAwcHggMnB4IDRweCAtMXB4IHJnYmEoMjgsIDU1LCA5MCwgMC4wOCk7XG5cbi8vIFRyYW5zaXRpb25cbiRuZWV0by11aS10cmFuc2l0aW9uOiBhbGwgMC4zcyBlYXNlLWluLW91dDtcbiIsIi5uZWV0by1maWx0ZXJzLWVycm9yLWJvdW5kYXJ5IHtcbiAgcGFkZGluZzogOHB4IDIwcHg7XG4gIG1hcmdpbi1ib3R0b206IDEycHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogMTZweDtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjhmOWY5O1xufVxuLm5lZXRvLWZpbHRlcnMtZXJyb3ItYm91bmRhcnkgcCB7XG4gIGNvbG9yOiAjMmYzOTQxO1xufSJdfQ== */";
+n(css,{});
+
 var NeetoRules$1 = function NeetoRules(_ref) {
   var rest = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
   return /*#__PURE__*/React.createElement(BrowserRouter, null, /*#__PURE__*/React.createElement(Main, rest));
@@ -3232,9 +1104,7 @@ function _iterableToArrayLimit(arr, i) {
       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) {
-        ;
-      }
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
     } catch (err) {
       _d = !0, _e = err;
     } finally {
@@ -3287,10 +1157,10 @@ var MultiSelectValues = function MultiSelectValues(_ref) {
 };
 
 var getEntityDisplayValue = function getEntityDisplayValue(entitiy, entitiyOption) {
-  var _findBy, _findBy$label;
+  var _findBy;
   return (_findBy = findBy({
     value: entitiy.metadata.value
-  }, entitiyOption.dropdownOptions)) === null || _findBy === void 0 ? void 0 : (_findBy$label = _findBy.label) === null || _findBy$label === void 0 ? void 0 : _findBy$label.toLowerCase();
+  }, entitiyOption.dropdownOptions)) === null || _findBy === void 0 || (_findBy = _findBy.label) === null || _findBy === void 0 ? void 0 : _findBy.toLowerCase();
 };
 
 var ActionsDetail = function ActionsDetail(_ref) {
@@ -3322,10 +1192,10 @@ var ActionsDetail = function ActionsDetail(_ref) {
         return action.metadata.value.includes(value);
       }));
       return /*#__PURE__*/React.createElement(MultiSelectValues, {
+        values: values,
         separator: t("neetoRules.common.and", {
           what: ""
-        }),
-        values: values
+        })
       });
     }
     return null;
@@ -3356,9 +1226,9 @@ var ActionsDetail = function ActionsDetail(_ref) {
     className: "mt-3 w-full"
   }, /*#__PURE__*/React.createElement(Button, {
     icon: !viewMore ? Down : Up,
-    label: !viewMore ? t("neetoRules.common.viewMore") : t("neetoRules.common.viewLess"),
     size: "small",
     style: "link",
+    label: !viewMore ? t("neetoRules.common.viewMore") : t("neetoRules.common.viewLess"),
     onClick: function onClick() {
       return setViewMore(function (prevState) {
         return !prevState;
@@ -3389,8 +1259,8 @@ var ConditionsDetail = function ConditionsDetail(_ref) {
         return condition.metadata.values.includes(value);
       }));
       return /*#__PURE__*/React.createElement(MultiSelectValues, {
-        separator: t$1("neetoRules.common.or"),
-        values: values
+        values: values,
+        separator: t$1("neetoRules.common.or")
       });
     }
     if (conditionOption.type === "dropdown") {
@@ -3490,7 +1360,7 @@ var EventsDetail = function EventsDetail(_ref) {
     className: "neeto-ui-text-gray-800",
     style: "h5",
     weight: "semibold"
-  }, currentPerformer === null || currentPerformer === void 0 ? void 0 : (_currentPerformer$lab = currentPerformer.label) === null || _currentPerformer$lab === void 0 ? void 0 : _currentPerformer$lab.toLowerCase())), /*#__PURE__*/React.createElement(ConditionsDetail, {
+  }, currentPerformer === null || currentPerformer === void 0 || (_currentPerformer$lab = currentPerformer.label) === null || _currentPerformer$lab === void 0 ? void 0 : _currentPerformer$lab.toLowerCase())), /*#__PURE__*/React.createElement(ConditionsDetail, {
     conditionOptions: conditions.conditionOptions,
     conditionVerbs: conditions.verbs,
     conditions: allConditions
@@ -3498,9 +1368,9 @@ var EventsDetail = function EventsDetail(_ref) {
     className: "mt-3 w-full"
   }, /*#__PURE__*/React.createElement(Button, {
     icon: !viewMore ? Down : Up,
-    label: !viewMore ? t$1("neetoRules.common.viewMore") : t$1("neetoRules.common.viewLess"),
     size: "small",
     style: "link",
+    label: !viewMore ? t$1("neetoRules.common.viewMore") : t$1("neetoRules.common.viewLess"),
     onClick: function onClick() {
       return setViewMore(function (prevState) {
         return !prevState;
@@ -3598,7 +1468,7 @@ var useOnButtonPressed = function useOnButtonPressed(ref, handler) {
 var DEFAULT_LONG_TEXT_ROWS = 8;
 
 var LongTextField = function LongTextField(_ref) {
-  var _errors$actions, _errors$actions$value, _touched$actions, _touched$actions$valu, _selectedField$separa;
+  var _errors$actions, _touched$actions, _selectedField$separa;
   var name = _ref.name,
     _ref$value = _ref.value,
     value = _ref$value === void 0 ? "" : _ref$value,
@@ -3620,8 +1490,8 @@ var LongTextField = function LongTextField(_ref) {
   useOnButtonPressed(initialFocusRef, function () {
     return setShowPane(false);
   });
-  var isValid = errors.actions && isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 ? void 0 : (_errors$actions$value = _errors$actions.value) === null || _errors$actions$value === void 0 ? void 0 : _errors$actions$value[index]) && isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 ? void 0 : (_touched$actions$valu = _touched$actions.value) === null || _touched$actions$valu === void 0 ? void 0 : _touched$actions$valu[index]);
-  var separator = (selectedField === null || selectedField === void 0 ? void 0 : (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || defaultSeparator;
+  var isValid = errors.actions && isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 || (_errors$actions = _errors$actions.value) === null || _errors$actions === void 0 ? void 0 : _errors$actions[index]) && isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 || (_touched$actions = _touched$actions.value) === null || _touched$actions === void 0 ? void 0 : _touched$actions[index]);
+  var separator = (selectedField === null || selectedField === void 0 || (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || defaultSeparator;
   var label = (selectedField === null || selectedField === void 0 ? void 0 : selectedField.placeholder) || defaultLabel;
   var rows = (selectedField === null || selectedField === void 0 ? void 0 : selectedField.rows) || DEFAULT_LONG_TEXT_ROWS;
   return /*#__PURE__*/React.createElement(React.Fragment, null, separator && /*#__PURE__*/React.createElement(Typography, {
@@ -3655,11 +1525,11 @@ var LongTextField = function LongTextField(_ref) {
     style: "h3",
     weight: "semibold"
   }, label)), /*#__PURE__*/React.createElement(Pane.Body, null, /*#__PURE__*/React.createElement(Textarea, {
-    required: true,
-    className: "w-full",
     name: name,
     rows: rows,
-    value: value
+    value: value,
+    required: true,
+    className: "w-full"
   })), /*#__PURE__*/React.createElement(Pane.Footer, {
     className: "flex items-center space-x-2"
   }, /*#__PURE__*/React.createElement(Button, {
@@ -3678,7 +1548,7 @@ var LongTextField = function LongTextField(_ref) {
 };
 
 var CustomAction = function CustomAction(_ref) {
-  var _errors$actions, _errors$actions$value, _touched$actions, _touched$actions$valu, _selectedField$separa;
+  var _errors$actions, _touched$actions, _selectedField$separa;
   var ActionComponent = _ref.ActionComponent,
     name = _ref.name,
     action = _ref.action,
@@ -3695,8 +1565,8 @@ var CustomAction = function CustomAction(_ref) {
   useOnButtonPressed(initialFocusRef, function () {
     return setShowPane(false);
   });
-  var isValid = errors.actions && isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 ? void 0 : (_errors$actions$value = _errors$actions.value) === null || _errors$actions$value === void 0 ? void 0 : _errors$actions$value[index]) && isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 ? void 0 : (_touched$actions$valu = _touched$actions.value) === null || _touched$actions$valu === void 0 ? void 0 : _touched$actions$valu[index]);
-  var separator = (selectedField === null || selectedField === void 0 ? void 0 : (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t$1("neetoRules.common.as");
+  var isValid = errors.actions && isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 || (_errors$actions = _errors$actions.value) === null || _errors$actions === void 0 ? void 0 : _errors$actions[index]) && isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 || (_touched$actions = _touched$actions.value) === null || _touched$actions === void 0 ? void 0 : _touched$actions[index]);
+  var separator = (selectedField === null || selectedField === void 0 || (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t$1("neetoRules.common.as");
   var defaultLabel = selectedField === null || selectedField === void 0 ? void 0 : selectedField.placeholder;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Typography, {
     className: "neeto-ui-text-gray-700 mt-1",
@@ -3745,8 +1615,19 @@ var CustomAction = function CustomAction(_ref) {
   }))));
 };
 
+var dayjs_min = {exports: {}};
+
+dayjs_min.exports;
+
+(function (module, exports) {
+	!function(t,e){module.exports=e();}(commonjsGlobal,(function(){var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",c="month",f="quarter",h="year",d="date",l="Invalid Date",$=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],n=t%100;return "["+t+(e[(n-20)%10]||e[n]||e[0])+"]"}},m=function(t,e,n){var r=String(t);return !r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},v={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return (e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()<n.date())return -t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,c),s=n-i<0,u=e.clone().add(r+(s?-1:1),c);return +(-(r+(n-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return {M:c,y:h,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:f}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},g="en",D={};D[g]=M;var p=function(t){return t instanceof b},S=function t(e,n,r){var i;if(!e)return g;if("string"==typeof e){var s=e.toLowerCase();D[s]&&(i=s),n&&(D[s]=n,i=s);var u=e.split("-");if(!i&&u.length>1)return t(u[0])}else {var a=e.name;D[a]=e,i=a;}return !r&&i&&(g=i),i||!r&&g},w=function(t,e){if(p(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new b(n)},O=v;O.l=S,O.i=p,O.w=function(t,e){return w(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var b=function(){function M(t){this.$L=S(t.locale,null,!0),this.parse(t);}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(O.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match($);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.$x=t.x||{},this.init();},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds();},m.$utils=function(){return O},m.isValid=function(){return !(this.$d.toString()===l)},m.isSame=function(t,e){var n=w(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return w(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<w(t)},m.$g=function(t,e,n){return O.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!O.u(e)||e,f=O.p(t),l=function(t,e){var i=O.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},$=function(t,e){return O.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},y=this.$W,M=this.$M,m=this.$D,v="set"+(this.$u?"UTC":"");switch(f){case h:return r?l(1,0):l(31,11);case c:return r?l(1,M):l(0,M+1);case o:var g=this.$locale().weekStart||0,D=(y<g?y+7:y)-g;return l(r?m-D:m+(6-D),M);case a:case d:return $(v+"Hours",0);case u:return $(v+"Minutes",1);case s:return $(v+"Seconds",2);case i:return $(v+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,!1)},m.$set=function(t,e){var n,o=O.p(t),f="set"+(this.$u?"UTC":""),l=(n={},n[a]=f+"Date",n[d]=f+"Date",n[c]=f+"Month",n[h]=f+"FullYear",n[u]=f+"Hours",n[s]=f+"Minutes",n[i]=f+"Seconds",n[r]=f+"Milliseconds",n)[o],$=o===a?this.$D+(e-this.$W):e;if(o===c||o===h){var y=this.clone().set(d,1);y.$d[l]($),y.init(),this.$d=y.set(d,Math.min(this.$D,y.daysInMonth())).$d;}else l&&this.$d[l]($);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[O.p(t)]()},m.add=function(r,f){var d,l=this;r=Number(r);var $=O.p(f),y=function(t){var e=w(l);return O.w(e.date(e.date()+Math.round(t*r)),l)};if($===c)return this.set(c,this.$M+r);if($===h)return this.set(h,this.$y+r);if($===a)return y(1);if($===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[$]||1,m=this.$d.getTime()+r*M;return O.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||l;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=O.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,c=n.months,f=n.meridiem,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].slice(0,s)},d=function(t){return O.s(s%12||12,t,"0")},$=f||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r};return r.replace(y,(function(t,r){return r||function(t){switch(t){case"YY":return String(e.$y).slice(-2);case"YYYY":return O.s(e.$y,4,"0");case"M":return a+1;case"MM":return O.s(a+1,2,"0");case"MMM":return h(n.monthsShort,a,c,3);case"MMMM":return h(c,a);case"D":return e.$D;case"DD":return O.s(e.$D,2,"0");case"d":return String(e.$W);case"dd":return h(n.weekdaysMin,e.$W,o,2);case"ddd":return h(n.weekdaysShort,e.$W,o,3);case"dddd":return o[e.$W];case"H":return String(s);case"HH":return O.s(s,2,"0");case"h":return d(1);case"hh":return d(2);case"a":return $(s,u,!0);case"A":return $(s,u,!1);case"m":return String(u);case"mm":return O.s(u,2,"0");case"s":return String(e.$s);case"ss":return O.s(e.$s,2,"0");case"SSS":return O.s(e.$ms,3,"0");case"Z":return i}return null}(t)||i.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,l){var $,y=this,M=O.p(d),m=w(r),v=(m.utcOffset()-this.utcOffset())*e,g=this-m,D=function(){return O.m(y,m)};switch(M){case h:$=D()/12;break;case c:$=D();break;case f:$=D()/3;break;case o:$=(g-v)/6048e5;break;case a:$=(g-v)/864e5;break;case u:$=g/n;break;case s:$=g/e;break;case i:$=g/t;break;default:$=g;}return l?$:O.a($)},m.daysInMonth=function(){return this.endOf(c).$D},m.$locale=function(){return D[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=S(t,e,!0);return r&&(n.$L=r),n},m.clone=function(){return O.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},M}(),_=b.prototype;return w.prototype=_,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",c],["$y",h],["$D",d]].forEach((function(t){_[t[1]]=function(e){return this.$g(e,t[0],t[1])};})),w.extend=function(t,e){return t.$i||(t(e,b,w),t.$i=!0),w},w.locale=S,w.isDayjs=p,w.unix=function(t){return w(1e3*t)},w.en=D[g],w.Ls=D,w.p={},w})); 
+} (dayjs_min, dayjs_min.exports));
+
+var dayjs_minExports = dayjs_min.exports;
+var dayjs = /*@__PURE__*/getDefaultExportFromCjs(dayjs_minExports);
+
 var DateField$1 = function DateField(_ref) {
-  var _actions$value$index$, _selectedField$separa, _errors$actions, _errors$actions$value, _touched$actions, _touched$actions$valu;
+  var _actions$value$index$, _selectedField$separa, _errors$actions, _touched$actions;
   var name = _ref.name,
     index = _ref.index,
     selectedField = _ref.selectedField;
@@ -3762,8 +1643,8 @@ var DateField$1 = function DateField(_ref) {
     setShowInput = _useState2[1];
   var valueTerm = (_actions$value$index$ = actions.value[index].metadata) === null || _actions$value$index$ === void 0 ? void 0 : _actions$value$index$.value;
   var label = valueTerm || t$1("neetoRules.form.selectDate").toLowerCase();
-  var separator = (selectedField === null || selectedField === void 0 ? void 0 : (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t$1("neetoRules.common.to");
-  var isValid = errors.actions && isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 ? void 0 : (_errors$actions$value = _errors$actions.value) === null || _errors$actions$value === void 0 ? void 0 : _errors$actions$value[index]) && isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 ? void 0 : (_touched$actions$valu = _touched$actions.value) === null || _touched$actions$valu === void 0 ? void 0 : _touched$actions$valu[index]);
+  var separator = (selectedField === null || selectedField === void 0 || (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t$1("neetoRules.common.to");
+  var isValid = errors.actions && isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 || (_errors$actions = _errors$actions.value) === null || _errors$actions === void 0 ? void 0 : _errors$actions[index]) && isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 || (_touched$actions = _touched$actions.value) === null || _touched$actions === void 0 ? void 0 : _touched$actions[index]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, !selectedField.hideSeparator && /*#__PURE__*/React.createElement(Typography, {
     className: "neeto-ui-text-gray-700 mt-1",
     "data-cy": "action-dropdown-seperator-text",
@@ -3816,14 +1697,13 @@ var getActionOptions = function getActionOptions(currentAction, selectedActions)
 };
 var buildEmailValues = function buildEmailValues(emails) {
   var emailRegex = EMAIL_REGEX;
-  var formattedEmails = emails.map(function (email) {
+  return emails.map(function (email) {
     return typeof email === "string" ? {
       label: email,
       value: email,
       valid: emailRegex.test(email)
     } : email;
   });
-  return formattedEmails;
 };
 var getDetailsByValue = function getDetailsByValue(value, options) {
   return options.find(function (option) {
@@ -3853,7 +1733,7 @@ var getSlackChannelErrors = function getSlackChannelErrors(slackChannels, action
   if (action !== null && action !== void 0 && (_action$metadata = action.metadata) !== null && _action$metadata !== void 0 && _action$metadata.value) {
     var selectedOption = opts.find(function (op) {
       var _action$metadata2;
-      return (op === null || op === void 0 ? void 0 : op.value) === (action === null || action === void 0 ? void 0 : (_action$metadata2 = action.metadata) === null || _action$metadata2 === void 0 ? void 0 : _action$metadata2.value);
+      return (op === null || op === void 0 ? void 0 : op.value) === (action === null || action === void 0 || (_action$metadata2 = action.metadata) === null || _action$metadata2 === void 0 ? void 0 : _action$metadata2.value);
     });
     if (!selectedOption) {
       return {
@@ -3870,7 +1750,7 @@ var getSlackChannelErrors = function getSlackChannelErrors(slackChannels, action
 var Menu$9 = Dropdown$1.Menu,
   MenuItem$9 = Dropdown$1.MenuItem;
 var DropdownField$1 = function DropdownField(_ref) {
-  var _actions$value$index$, _actions$value$index, _errors$actions, _errors$actions$value, _touched$actions, _touched$actions$valu, _selectedField$separa, _defaultSelectedOptio;
+  var _actions$value$index$, _actions$value$index, _errors$actions, _touched$actions, _selectedField$separa, _defaultSelectedOptio;
   var dropdownOptions = _ref.dropdownOptions,
     name = _ref.name,
     index = _ref.index,
@@ -3898,8 +1778,8 @@ var DropdownField$1 = function DropdownField(_ref) {
     setSearchTerm = _useState6[1];
   var defaultValue = ((_actions$value$index$ = actions.value[index].metadata) === null || _actions$value$index$ === void 0 ? void 0 : _actions$value$index$.value) || ((_actions$value$index = actions.value[index]) === null || _actions$value$index === void 0 ? void 0 : _actions$value$index.value);
   var searchedOptions = getSearchedOptions$3(dropdownOptions, searchTerm);
-  var isValueSelected = defaultSelectedOption.label === defaultLabel && errors.actions && isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 ? void 0 : (_errors$actions$value = _errors$actions.value) === null || _errors$actions$value === void 0 ? void 0 : _errors$actions$value[index]) && isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 ? void 0 : (_touched$actions$valu = _touched$actions.value) === null || _touched$actions$valu === void 0 ? void 0 : _touched$actions$valu[index]);
-  var separator = (selectedField === null || selectedField === void 0 ? void 0 : (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t$1("neetoRules.common.to");
+  var isValueSelected = defaultSelectedOption.label === defaultLabel && errors.actions && isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 || (_errors$actions = _errors$actions.value) === null || _errors$actions === void 0 ? void 0 : _errors$actions[index]) && isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 || (_touched$actions = _touched$actions.value) === null || _touched$actions === void 0 ? void 0 : _touched$actions[index]);
+  var separator = (selectedField === null || selectedField === void 0 || (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t$1("neetoRules.common.to");
   var handleClose = function handleClose() {
     setIsActive(false);
     setSearchTerm("");
@@ -3952,7 +1832,7 @@ var DropdownField$1 = function DropdownField(_ref) {
           return !prevState;
         });
       }
-    }, defaultSelectedOption === null || defaultSelectedOption === void 0 ? void 0 : (_defaultSelectedOptio = defaultSelectedOption.label) === null || _defaultSelectedOptio === void 0 ? void 0 : _defaultSelectedOptio.toLowerCase()),
+    }, defaultSelectedOption === null || defaultSelectedOption === void 0 || (_defaultSelectedOptio = defaultSelectedOption.label) === null || _defaultSelectedOptio === void 0 ? void 0 : _defaultSelectedOptio.toLowerCase()),
     onClose: handleClose
   }, /*#__PURE__*/React.createElement(Menu$9, {
     className: "max-h-60 max-w-2xl p-3"
@@ -4008,14 +1888,14 @@ var EditorAction = function EditorAction(_ref) {
     setFieldValue(name, editorData);
   }, [debouncedValue]);
   return /*#__PURE__*/React.createElement(FormikEditor, {
+    label: label,
+    name: name,
+    variables: variables,
     autoFocus: true,
     hideSlashCommands: true,
     addons: EDITOR_ADDONS,
     className: "w-full",
     "data-cy": "neeto-editor",
-    label: label,
-    name: name,
-    variables: variables,
     onChange: function onChange(value) {
       return setEditorData(value);
     }
@@ -4033,8 +1913,8 @@ var EmailIdFields = function EmailIdFields(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: "mb-4"
   }, /*#__PURE__*/React.createElement(MultiEmailInput, {
-    label: t$1("neetoRules.common.emailIds"),
     name: name,
+    label: t$1("neetoRules.common.emailIds"),
     placeholder: t$1("neetoRules.placeholders.emailField"),
     ref: initialFocusRef,
     value: formattedEmails,
@@ -4047,6 +1927,21 @@ var EmailIdFields = function EmailIdFields(_ref) {
   }));
 };
 
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+
 var useDebouncedUpdate = function useDebouncedUpdate(value, setValue) {
   var duration = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 200;
   var _useState = useState(value),
@@ -4089,7 +1984,7 @@ var InputField$2 = function InputField(_ref) {
 };
 
 var EmailFields = function EmailFields(_ref) {
-  var _errors$actions, _errors$actions$value, _touched$actions, _touched$actions$valu, _selectedField$separa, _action$metadata;
+  var _errors$actions, _touched$actions, _selectedField$separa, _action$metadata;
   var _ref$isEmailIdField = _ref.isEmailIdField,
     isEmailIdField = _ref$isEmailIdField === void 0 ? false : _ref$isEmailIdField,
     name = _ref.name,
@@ -4109,8 +2004,8 @@ var EmailFields = function EmailFields(_ref) {
   useOnButtonPressed(initialFocusRef, function () {
     return setShowPane(false);
   });
-  var isValid = errors.actions && isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 ? void 0 : (_errors$actions$value = _errors$actions.value) === null || _errors$actions$value === void 0 ? void 0 : _errors$actions$value[index]) && isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 ? void 0 : (_touched$actions$valu = _touched$actions.value) === null || _touched$actions$valu === void 0 ? void 0 : _touched$actions$valu[index]);
-  var separator = (selectedField === null || selectedField === void 0 ? void 0 : (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t$1("neetoRules.common.as");
+  var isValid = errors.actions && isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 || (_errors$actions = _errors$actions.value) === null || _errors$actions === void 0 ? void 0 : _errors$actions[index]) && isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 || (_touched$actions = _touched$actions.value) === null || _touched$actions === void 0 ? void 0 : _touched$actions[index]);
+  var separator = (selectedField === null || selectedField === void 0 || (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t$1("neetoRules.common.as");
   var defaultLabel = (selectedField === null || selectedField === void 0 ? void 0 : selectedField.emailPlaceholder) || t$1("neetoRules.common.email");
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Typography, {
     className: "neeto-ui-text-gray-700 mt-1",
@@ -4192,15 +2087,14 @@ var useCloseInputField = function useCloseInputField(ref, showInput, handler) {
     };
   };
   useEffect(function () {
-    if (showInput) {
-      ref.current.focus();
-      buttonPressed();
-    }
+    if (!showInput) return;
+    ref.current.focus();
+    buttonPressed();
   }, [showInput]);
 };
 
 var Input = function Input(_ref) {
-  var _action$metadata, _selectedField$separa, _errors$actions, _errors$actions$value, _touched$actions, _touched$actions$valu;
+  var _action$metadata, _selectedField$separa, _errors$actions, _touched$actions;
   var name = _ref.name,
     index = _ref.index,
     selectedField = _ref.selectedField;
@@ -4219,8 +2113,8 @@ var Input = function Input(_ref) {
   var action = actions.value[index];
   var valueTerm = (_action$metadata = action.metadata) === null || _action$metadata === void 0 ? void 0 : _action$metadata.value;
   var label = valueTerm && isNotEmpty(valueTerm === null || valueTerm === void 0 ? void 0 : valueTerm.trim()) ? valueTerm : t$1("neetoRules.form.addValue");
-  var separator = (selectedField === null || selectedField === void 0 ? void 0 : (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t$1("neetoRules.common.to");
-  var isValid = errors.actions && isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 ? void 0 : (_errors$actions$value = _errors$actions.value) === null || _errors$actions$value === void 0 ? void 0 : _errors$actions$value[index]) && isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 ? void 0 : (_touched$actions$valu = _touched$actions.value) === null || _touched$actions$valu === void 0 ? void 0 : _touched$actions$valu[index]);
+  var separator = (selectedField === null || selectedField === void 0 || (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t$1("neetoRules.common.to");
+  var isValid = errors.actions && isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 || (_errors$actions = _errors$actions.value) === null || _errors$actions === void 0 ? void 0 : _errors$actions[index]) && isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 || (_touched$actions = _touched$actions.value) === null || _touched$actions === void 0 ? void 0 : _touched$actions[index]);
   useEffect(function () {
     setShowInput(false);
   }, [action.name]);
@@ -4344,9 +2238,9 @@ var InlineInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
       tooltipProps: LIST_FIELD_TOOLTIP_PROPS.save,
       onClick: onSubmit
     }), /*#__PURE__*/React.createElement(Button, {
+      ref: ref,
       "data-cy": "inline-input-cancel-button",
       icon: Close,
-      ref: ref,
       style: "text",
       tooltipProps: LIST_FIELD_TOOLTIP_PROPS.cancel,
       onClick: handleCancel
@@ -4356,7 +2250,7 @@ var InlineInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
 InlineInput.displayName = "InlineInput";
 
 var ListField = function ListField(_ref) {
-  var _errors$actions, _errors$actions$value, _touched$actions, _touched$actions$valu, _selectedField$separa;
+  var _errors$actions, _touched$actions, _selectedField$separa;
   var name = _ref.name,
     _ref$values = _ref.values,
     values = _ref$values === void 0 ? [] : _ref$values,
@@ -4377,8 +2271,8 @@ var ListField = function ListField(_ref) {
   useOnButtonPressed(initialFocusRef, function () {
     return setShowPane(false);
   });
-  var isValid = errors.actions && isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 ? void 0 : (_errors$actions$value = _errors$actions.value) === null || _errors$actions$value === void 0 ? void 0 : _errors$actions$value[index]) && isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 ? void 0 : (_touched$actions$valu = _touched$actions.value) === null || _touched$actions$valu === void 0 ? void 0 : _touched$actions$valu[index]);
-  var separator = (selectedField === null || selectedField === void 0 ? void 0 : (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t$1("neetoRules.common.to");
+  var isValid = errors.actions && isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 || (_errors$actions = _errors$actions.value) === null || _errors$actions === void 0 ? void 0 : _errors$actions[index]) && isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 || (_touched$actions = _touched$actions.value) === null || _touched$actions === void 0 ? void 0 : _touched$actions[index]);
+  var separator = (selectedField === null || selectedField === void 0 || (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t$1("neetoRules.common.to");
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Typography, {
     className: "neeto-ui-text-gray-700 mt-1",
     "data-cy": "list-action-separator-text",
@@ -4416,7 +2310,7 @@ var ListField = function ListField(_ref) {
   }, function (arrayHelper) {
     return /*#__PURE__*/React.createElement(React.Fragment, null, values.map(function (item, index) {
       return /*#__PURE__*/React.createElement("div", {
-        className: "flex flex-wrap justify-between border border-dashed bg-white px-2 py-1",
+        className: "neeto-ui-bg-white flex flex-wrap justify-between border border-dashed px-2 py-1",
         key: "".concat(item, ".").concat(index)
       }, /*#__PURE__*/React.createElement(Typography, {
         className: "w-4/5 overflow-x-auto",
@@ -4433,8 +2327,8 @@ var ListField = function ListField(_ref) {
         }
       }));
     }), /*#__PURE__*/React.createElement(ErrorMessage, {
-      className: "w-full",
-      name: name
+      name: name,
+      className: "w-full"
     }, function (message) {
       return /*#__PURE__*/React.createElement(Typography, {
         className: "neeto-ui-text-error-500 neeto-ui-text-gray-700 mt-1",
@@ -4479,7 +2373,7 @@ var ListField = function ListField(_ref) {
 var Menu$8 = Dropdown$1.Menu,
   MenuItem$8 = Dropdown$1.MenuItem;
 var MultiSelect$1 = function MultiSelect(_ref) {
-  var _selectedField$placeh, _selectedField$separa, _errors$actions, _errors$actions$value, _touched$actions, _touched$actions$valu;
+  var _selectedField$placeh, _selectedField$separa, _errors$actions, _touched$actions;
   var _ref$values = _ref.values,
     values = _ref$values === void 0 ? [] : _ref$values,
     _ref$dropDownOptions = _ref.dropDownOptions,
@@ -4506,10 +2400,10 @@ var MultiSelect$1 = function MultiSelect(_ref) {
     });
   }, [values, dropDownOptions]);
   var selectedOptions = getSelectedOptions(allOptions);
-  var defaultLabel = (selectedField === null || selectedField === void 0 ? void 0 : (_selectedField$placeh = selectedField.placeholder) === null || _selectedField$placeh === void 0 ? void 0 : _selectedField$placeh.toLowerCase()) || t$1("neetoRules.form.selectValues").toLowerCase();
+  var defaultLabel = (selectedField === null || selectedField === void 0 || (_selectedField$placeh = selectedField.placeholder) === null || _selectedField$placeh === void 0 ? void 0 : _selectedField$placeh.toLowerCase()) || t$1("neetoRules.form.selectValues").toLowerCase();
   var searchedOptions = getSearchedOptions$3(dropDownOptions, searchTerm);
-  var separator = (selectedField === null || selectedField === void 0 ? void 0 : (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t$1("neetoRules.common.to");
-  var isValid = errors.actions && isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 ? void 0 : (_errors$actions$value = _errors$actions.value) === null || _errors$actions$value === void 0 ? void 0 : _errors$actions$value[index]) && isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 ? void 0 : (_touched$actions$valu = _touched$actions.value) === null || _touched$actions$valu === void 0 ? void 0 : _touched$actions$valu[index]);
+  var separator = (selectedField === null || selectedField === void 0 || (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t$1("neetoRules.common.to");
+  var isValid = errors.actions && isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 || (_errors$actions = _errors$actions.value) === null || _errors$actions === void 0 ? void 0 : _errors$actions[index]) && isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 || (_touched$actions = _touched$actions.value) === null || _touched$actions === void 0 ? void 0 : _touched$actions[index]);
   var handleSelectOption = function handleSelectOption(option) {
     var options = values.includes(option.value) ? without([option.value], values) : append(option.value, values);
     setFieldValue(name, options);
@@ -4535,7 +2429,7 @@ var MultiSelect$1 = function MultiSelect(_ref) {
         className: "flex flex-wrap",
         key: idx
       }, !!idx && /*#__PURE__*/React.createElement(Typography, {
-        className: "neeto-ui-text-gray-700 mt-1 mr-1",
+        className: "neeto-ui-text-gray-700 mr-1 mt-1",
         style: "h5",
         weight: "normal",
         onClick: function onClick(e) {
@@ -4547,7 +2441,7 @@ var MultiSelect$1 = function MultiSelect(_ref) {
         "data-cy": "multi-select-action-button",
         style: "h5",
         weight: "semibold",
-        className: classNames("hover:neeto-ui-text-primary-800 neeto-ui-text-gray-800 mt-1 mr-1 cursor-pointer underline", {
+        className: classNames("hover:neeto-ui-text-primary-800 neeto-ui-text-gray-800 mr-1 mt-1 cursor-pointer underline", {
           "neeto-ui-text-primary-800": activeOption === (option === null || option === void 0 ? void 0 : option.value)
         }),
         onClick: function onClick() {
@@ -4601,7 +2495,7 @@ var MultiSelect$1 = function MultiSelect(_ref) {
 };
 
 var NoteField = function NoteField(_ref) {
-  var _errors$actions, _errors$actions$value, _touched$actions, _touched$actions$valu, _selectedField$separa;
+  var _errors$actions, _touched$actions, _selectedField$separa;
   var name = _ref.name,
     _ref$value = _ref.value,
     value = _ref$value === void 0 ? "" : _ref$value,
@@ -4618,8 +2512,8 @@ var NoteField = function NoteField(_ref) {
   useOnButtonPressed(initialFocusRef, function () {
     return setShowPane(false);
   });
-  var isValid = errors.actions && isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 ? void 0 : (_errors$actions$value = _errors$actions.value) === null || _errors$actions$value === void 0 ? void 0 : _errors$actions$value[index]) && isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 ? void 0 : (_touched$actions$valu = _touched$actions.value) === null || _touched$actions$valu === void 0 ? void 0 : _touched$actions$valu[index]);
-  var separator = (selectedField === null || selectedField === void 0 ? void 0 : (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t$1("neetoRules.common.as");
+  var isValid = errors.actions && isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 || (_errors$actions = _errors$actions.value) === null || _errors$actions === void 0 ? void 0 : _errors$actions[index]) && isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 || (_touched$actions = _touched$actions.value) === null || _touched$actions === void 0 ? void 0 : _touched$actions[index]);
+  var separator = (selectedField === null || selectedField === void 0 || (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t$1("neetoRules.common.as");
   var variables = (selectedField === null || selectedField === void 0 ? void 0 : selectedField.variables) || [];
   var defaultLabel = (selectedField === null || selectedField === void 0 ? void 0 : selectedField.placeholder) || t$1("neetoRules.form.note");
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Typography, {
@@ -4684,55 +2578,55 @@ var ActionSubItems = function ActionSubItems(_ref) {
   if ((selectedField === null || selectedField === void 0 ? void 0 : selectedField.type) === ACTION_TYPES.emailToIds) {
     var _action$metadata;
     return /*#__PURE__*/React.createElement(EmailFields, {
-      isEmailIdField: true,
       action: action,
-      emails: (_action$metadata = action.metadata) === null || _action$metadata === void 0 ? void 0 : _action$metadata.emails,
       index: index,
-      key: name,
       name: name,
-      selectedField: selectedField
+      selectedField: selectedField,
+      isEmailIdField: true,
+      emails: (_action$metadata = action.metadata) === null || _action$metadata === void 0 ? void 0 : _action$metadata.emails,
+      key: name
     });
   }
   if ((selectedField === null || selectedField === void 0 ? void 0 : selectedField.type) === ACTION_TYPES.email) {
     return /*#__PURE__*/React.createElement(EmailFields, {
       action: action,
       index: index,
-      key: name,
       name: name,
-      selectedField: selectedField
+      selectedField: selectedField,
+      key: name
     });
   }
   if ((selectedField === null || selectedField === void 0 ? void 0 : selectedField.type) === ACTION_TYPES.emailTo) {
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DropdownField$1, {
-      dropdownOptions: options,
       index: index,
+      selectedField: selectedField,
+      dropdownOptions: options,
       key: "".concat(name, ".value"),
-      name: "".concat(name, ".value"),
-      selectedField: selectedField
+      name: "".concat(name, ".value")
     }), /*#__PURE__*/React.createElement(EmailFields, {
       action: action,
       index: index,
-      key: name,
       name: name,
-      selectedField: selectedField
+      selectedField: selectedField,
+      key: name
     }));
   }
   if ((selectedField === null || selectedField === void 0 ? void 0 : selectedField.type) === ACTION_TYPES.dropdown) {
     return /*#__PURE__*/React.createElement(DropdownField$1, {
-      dropdownOptions: options,
       index: index,
+      selectedField: selectedField,
+      dropdownOptions: options,
       key: name,
-      name: "".concat(name, ".value"),
-      selectedField: selectedField
+      name: "".concat(name, ".value")
     });
   }
   if ((selectedField === null || selectedField === void 0 ? void 0 : selectedField.type) === ACTION_TYPES.note) {
     var _action$metadata2;
     return /*#__PURE__*/React.createElement(NoteField, {
       index: index,
+      selectedField: selectedField,
       key: name,
       name: "".concat(name, ".value"),
-      selectedField: selectedField,
       value: (_action$metadata2 = action.metadata) === null || _action$metadata2 === void 0 ? void 0 : _action$metadata2.value
     });
   }
@@ -4740,20 +2634,20 @@ var ActionSubItems = function ActionSubItems(_ref) {
     var _action$metadata3;
     return /*#__PURE__*/React.createElement(ListField, {
       index: index,
+      selectedField: selectedField,
       key: name,
       name: "".concat(name, ".value"),
-      selectedField: selectedField,
       values: (_action$metadata3 = action.metadata) === null || _action$metadata3 === void 0 ? void 0 : _action$metadata3.value
     });
   }
   if ((selectedField === null || selectedField === void 0 ? void 0 : selectedField.type) === ACTION_TYPES.multiSelect) {
     var _action$metadata4;
     return /*#__PURE__*/React.createElement(MultiSelect$1, {
-      dropDownOptions: options,
       index: index,
+      selectedField: selectedField,
+      dropDownOptions: options,
       key: name,
       name: "".concat(name, ".value"),
-      selectedField: selectedField,
       values: (_action$metadata4 = action.metadata) === null || _action$metadata4 === void 0 ? void 0 : _action$metadata4.value
     });
   }
@@ -4774,12 +2668,12 @@ var ActionSubItems = function ActionSubItems(_ref) {
   if ((selectedField === null || selectedField === void 0 ? void 0 : selectedField.type) === ACTION_TYPES.longText || (selectedField === null || selectedField === void 0 ? void 0 : selectedField.type) === ACTION_TYPES.textarea) {
     var _action$metadata5;
     return /*#__PURE__*/React.createElement(LongTextField, {
+      index: index,
+      selectedField: selectedField,
       defaultLabel: t("neetoRules.labels.body"),
       defaultSeparator: t("neetoRules.common.as"),
-      index: index,
       key: name,
       name: "".concat(name, ".value"),
-      selectedField: selectedField,
       value: (_action$metadata5 = action.metadata) === null || _action$metadata5 === void 0 ? void 0 : _action$metadata5.value
     });
   }
@@ -4800,7 +2694,7 @@ var ActionSubItem = /*#__PURE__*/memo(ActionSubItems);
 var Menu$7 = Dropdown$1.Menu,
   MenuItem$7 = Dropdown$1.MenuItem;
 var ActionItem = function ActionItem(_ref) {
-  var _errors$actions, _errors$actions$value, _touched$actions, _touched$actions$valu, _selectedOption$label;
+  var _errors$actions, _touched$actions, _selectedOption$label;
   var name = _ref.name,
     action = _ref.action,
     index = _ref.index,
@@ -4839,7 +2733,7 @@ var ActionItem = function ActionItem(_ref) {
     return getFieldDetails$1(action.name, actionOptions);
   }, [action, actionOptions]);
   var searchedOptions = getSearchedOptions$3(actionOptions, searchTerm);
-  var isActionSelected = (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) === t$1("neetoRules.form.doThis") && errors.actions && touched.actions && isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 ? void 0 : (_errors$actions$value = _errors$actions.value) === null || _errors$actions$value === void 0 ? void 0 : _errors$actions$value[index]) && isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 ? void 0 : (_touched$actions$valu = _touched$actions.value) === null || _touched$actions$valu === void 0 ? void 0 : _touched$actions$valu[index]);
+  var isActionSelected = (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) === t$1("neetoRules.form.doThis") && errors.actions && touched.actions && isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 || (_errors$actions = _errors$actions.value) === null || _errors$actions === void 0 ? void 0 : _errors$actions[index]) && isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 || (_touched$actions = _touched$actions.value) === null || _touched$actions === void 0 ? void 0 : _touched$actions[index]);
   var handleSelectOption = function handleSelectOption(option) {
     setFieldValue("".concat(name, ".name"), option.value);
     setFieldValue("".concat(name, ".metadata"), {});
@@ -4899,7 +2793,7 @@ var ActionItem = function ActionItem(_ref) {
           return !prevState;
         });
       }
-    }, selectedOption === null || selectedOption === void 0 ? void 0 : (_selectedOption$label = selectedOption.label) === null || _selectedOption$label === void 0 ? void 0 : _selectedOption$label.toLowerCase()),
+    }, selectedOption === null || selectedOption === void 0 || (_selectedOption$label = selectedOption.label) === null || _selectedOption$label === void 0 ? void 0 : _selectedOption$label.toLowerCase()),
     onClose: handleClose
   }, /*#__PURE__*/React.createElement(Menu$7, {
     className: "max-h-60 max-w-2xl p-3"
@@ -4934,9 +2828,9 @@ var ActionItem = function ActionItem(_ref) {
   }, t$1("neetoRules.common.noOptions")))), /*#__PURE__*/React.createElement(ActionSubItem, {
     action: action,
     index: index,
+    selectedField: selectedField,
     name: "".concat(name, ".metadata"),
-    options: getSelectedFieldOptions(),
-    selectedField: selectedField
+    options: getSelectedFieldOptions()
   }));
 };
 var ActionItem$1 = /*#__PURE__*/memo(ActionItem);
@@ -4964,7 +2858,7 @@ var Actions = function Actions(_ref) {
     _ref$showAddButton = _ref.showAddButton,
     showAddButton = _ref$showAddButton === void 0 ? true : _ref$showAddButton,
     _ref$handleSlackChann = _ref.handleSlackChannelRefresh,
-    handleSlackChannelRefresh = _ref$handleSlackChann === void 0 ? noop$1 : _ref$handleSlackChann;
+    handleSlackChannelRefresh = _ref$handleSlackChann === void 0 ? noop : _ref$handleSlackChann;
   var _useFormikContext = useFormikContext(),
     values = _useFormikContext.values,
     setFieldValue = _useFormikContext.setFieldValue;
@@ -4997,10 +2891,10 @@ var Actions = function Actions(_ref) {
         action: action,
         elementProps: elementProps,
         index: index,
-        name: "".concat(name, ".value.").concat(index),
-        parentName: name,
+        onSelectAction: onSelectAction,
         selectedActionOptions: selectedActionOptions,
-        onSelectAction: onSelectAction
+        name: "".concat(name, ".value.").concat(index),
+        parentName: name
       }), /*#__PURE__*/React.createElement("div", {
         className: "-mx-1 flex flex-wrap"
       }, handleSlackChannelRefresh && action.name === "message_to_slack" && /*#__PURE__*/React.createElement(Button, {
@@ -5066,13 +2960,12 @@ var getSearchedOptions$2 = function getSearchedOptions(dropDownOptions, searchTe
   });
 };
 var getAllOptions = function getAllOptions(options) {
-  var allOptions = Array.isArray(options) ? options.map(function (option) {
+  return Array.isArray(options) ? options.map(function (option) {
     return {
       label: option,
       value: option
     };
   }) : [];
-  return allOptions;
 };
 
 var Menu$6 = Dropdown$1.Menu,
@@ -5131,7 +3024,7 @@ var DropdownField = function DropdownField(_ref) {
           return !prevState;
         });
       }
-    }, selectedOption === null || selectedOption === void 0 ? void 0 : (_selectedOption$label = selectedOption.label) === null || _selectedOption$label === void 0 ? void 0 : _selectedOption$label.toLowerCase()),
+    }, selectedOption === null || selectedOption === void 0 || (_selectedOption$label = selectedOption.label) === null || _selectedOption$label === void 0 ? void 0 : _selectedOption$label.toLowerCase()),
     onClose: handleClose
   }, /*#__PURE__*/React.createElement(Menu$6, {
     className: "max-h-60 max-w-2xl p-3"
@@ -5174,7 +3067,7 @@ var DropdownField = function DropdownField(_ref) {
 var Menu$5 = Dropdown$1.Menu,
   MenuItem$5 = Dropdown$1.MenuItem;
 var Dropdown = function Dropdown(_ref) {
-  var _conditions$value$ind, _errors$conditions, _errors$conditions$va, _touched$conditions, _touched$conditions$v, _defaultSelectedOptio;
+  var _conditions$value$ind, _errors$conditions, _touched$conditions, _defaultSelectedOptio;
   var name = _ref.name,
     options = _ref.options,
     index = _ref.index;
@@ -5201,7 +3094,7 @@ var Dropdown = function Dropdown(_ref) {
     setSearchTerm = _useState6[1];
   var defaultValue = (_conditions$value$ind = conditions.value[index].metadata) === null || _conditions$value$ind === void 0 ? void 0 : _conditions$value$ind.value;
   var searchedOptions = getSearchedOptions$2(options, searchTerm);
-  var isValueSelected = (defaultSelectedOption === null || defaultSelectedOption === void 0 ? void 0 : defaultSelectedOption.label) === defaultLabel && errors.conditions && isNotNil((_errors$conditions = errors.conditions) === null || _errors$conditions === void 0 ? void 0 : (_errors$conditions$va = _errors$conditions.value) === null || _errors$conditions$va === void 0 ? void 0 : _errors$conditions$va[index]) && isNotNil((_touched$conditions = touched.conditions) === null || _touched$conditions === void 0 ? void 0 : (_touched$conditions$v = _touched$conditions.value) === null || _touched$conditions$v === void 0 ? void 0 : _touched$conditions$v[index]);
+  var isValueSelected = (defaultSelectedOption === null || defaultSelectedOption === void 0 ? void 0 : defaultSelectedOption.label) === defaultLabel && errors.conditions && isNotNil((_errors$conditions = errors.conditions) === null || _errors$conditions === void 0 || (_errors$conditions = _errors$conditions.value) === null || _errors$conditions === void 0 ? void 0 : _errors$conditions[index]) && isNotNil((_touched$conditions = touched.conditions) === null || _touched$conditions === void 0 || (_touched$conditions = _touched$conditions.value) === null || _touched$conditions === void 0 ? void 0 : _touched$conditions[index]);
   var handleClose = function handleClose() {
     setIsActive(false);
     setSearchTerm("");
@@ -5248,7 +3141,7 @@ var Dropdown = function Dropdown(_ref) {
           return !prevState;
         });
       }
-    }, defaultSelectedOption === null || defaultSelectedOption === void 0 ? void 0 : (_defaultSelectedOptio = defaultSelectedOption.label) === null || _defaultSelectedOptio === void 0 ? void 0 : _defaultSelectedOptio.toLowerCase()),
+    }, defaultSelectedOption === null || defaultSelectedOption === void 0 || (_defaultSelectedOptio = defaultSelectedOption.label) === null || _defaultSelectedOptio === void 0 ? void 0 : _defaultSelectedOptio.toLowerCase()),
     onClose: handleClose
   }, /*#__PURE__*/React.createElement(Menu$5, {
     className: "max-h-60 max-w-2xl p-3"
@@ -5287,7 +3180,7 @@ var Dropdown = function Dropdown(_ref) {
 };
 
 var InputField$1 = function InputField(_ref) {
-  var _condition$metadata, _condition$metadata$v, _errors$conditions, _errors$conditions$va, _touched$conditions, _touched$conditions$v;
+  var _condition$metadata, _errors$conditions, _touched$conditions;
   var name = _ref.name,
     index = _ref.index,
     placeholder = _ref.placeholder;
@@ -5304,9 +3197,9 @@ var InputField$1 = function InputField(_ref) {
     return setShowInput(false);
   });
   var condition = conditions.value[index];
-  var valueTerm = (_condition$metadata = condition.metadata) === null || _condition$metadata === void 0 ? void 0 : (_condition$metadata$v = _condition$metadata.value) === null || _condition$metadata$v === void 0 ? void 0 : _condition$metadata$v.toString();
+  var valueTerm = (_condition$metadata = condition.metadata) === null || _condition$metadata === void 0 || (_condition$metadata = _condition$metadata.value) === null || _condition$metadata === void 0 ? void 0 : _condition$metadata.toString();
   var label = valueTerm && valueTerm !== null && valueTerm !== void 0 && valueTerm.trim().length ? valueTerm : t$1("neetoRules.form.addValue");
-  var isValid = errors.conditions && isNotNil((_errors$conditions = errors.conditions) === null || _errors$conditions === void 0 ? void 0 : (_errors$conditions$va = _errors$conditions.value) === null || _errors$conditions$va === void 0 ? void 0 : _errors$conditions$va[index]) && isNotNil((_touched$conditions = touched.conditions) === null || _touched$conditions === void 0 ? void 0 : (_touched$conditions$v = _touched$conditions.value) === null || _touched$conditions$v === void 0 ? void 0 : _touched$conditions$v[index]);
+  var isValid = errors.conditions && isNotNil((_errors$conditions = errors.conditions) === null || _errors$conditions === void 0 || (_errors$conditions = _errors$conditions.value) === null || _errors$conditions === void 0 ? void 0 : _errors$conditions[index]) && isNotNil((_touched$conditions = touched.conditions) === null || _touched$conditions === void 0 || (_touched$conditions = _touched$conditions.value) === null || _touched$conditions === void 0 ? void 0 : _touched$conditions[index]);
   useEffect(function () {
     setShowInput(false);
   }, [condition.verb]);
@@ -5340,7 +3233,7 @@ var InputField$1 = function InputField(_ref) {
 var Menu$4 = Dropdown$1.Menu,
   MenuItem$4 = Dropdown$1.MenuItem;
 var MultiSelect = function MultiSelect(_ref) {
-  var _conditions$value$ind, _conditions$value$ind2, _errors$conditions, _errors$conditions$va, _touched$conditions, _touched$conditions$v;
+  var _conditions$value$ind, _errors$conditions, _touched$conditions;
   var name = _ref.name,
     dropDownOptions = _ref.dropDownOptions,
     index = _ref.index;
@@ -5358,14 +3251,14 @@ var MultiSelect = function MultiSelect(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     searchTerm = _useState4[0],
     setSearchTerm = _useState4[1];
-  var values = (_conditions$value$ind = conditions.value[index]) === null || _conditions$value$ind === void 0 ? void 0 : (_conditions$value$ind2 = _conditions$value$ind.metadata) === null || _conditions$value$ind2 === void 0 ? void 0 : _conditions$value$ind2.values;
+  var values = (_conditions$value$ind = conditions.value[index]) === null || _conditions$value$ind === void 0 || (_conditions$value$ind = _conditions$value$ind.metadata) === null || _conditions$value$ind === void 0 ? void 0 : _conditions$value$ind.values;
   var selectedOptions = values || [];
   var defaultLabel = t$1("neetoRules.form.selectValues");
   var options = dropDownOptions === null || dropDownOptions === void 0 ? void 0 : dropDownOptions.filter(function (option) {
     return selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.includes(option.value);
   });
   var searchedOptions = getSearchedOptions$2(dropDownOptions, searchTerm);
-  var isValid = errors.conditions && isNotNil((_errors$conditions = errors.conditions) === null || _errors$conditions === void 0 ? void 0 : (_errors$conditions$va = _errors$conditions.value) === null || _errors$conditions$va === void 0 ? void 0 : _errors$conditions$va[index]) && isNotNil((_touched$conditions = touched.conditions) === null || _touched$conditions === void 0 ? void 0 : (_touched$conditions$v = _touched$conditions.value) === null || _touched$conditions$v === void 0 ? void 0 : _touched$conditions$v[index]);
+  var isValid = errors.conditions && isNotNil((_errors$conditions = errors.conditions) === null || _errors$conditions === void 0 || (_errors$conditions = _errors$conditions.value) === null || _errors$conditions === void 0 ? void 0 : _errors$conditions[index]) && isNotNil((_touched$conditions = touched.conditions) === null || _touched$conditions === void 0 || (_touched$conditions = _touched$conditions.value) === null || _touched$conditions === void 0 ? void 0 : _touched$conditions[index]);
   var handleMultiSelectOption = function handleMultiSelectOption(value) {
     var options = selectedOptions !== null && selectedOptions !== void 0 && selectedOptions.includes(value) ? without([value], selectedOptions) : append(value, selectedOptions);
     setFieldValue(name, options);
@@ -5386,21 +3279,21 @@ var MultiSelect = function MultiSelect(_ref) {
       return /*#__PURE__*/React.createElement(React.Fragment, {
         key: idx
       }, !!idx && /*#__PURE__*/React.createElement(Typography, {
-        className: "neeto-ui-text-gray-700 mt-1 mr-1",
+        className: "neeto-ui-text-gray-700 mr-1 mt-1",
         style: "h5",
         weight: "normal"
       }, t$1("neetoRules.common.or")), /*#__PURE__*/React.createElement(Typography, {
         "data-cy": "condition-value-multi-select-field",
         style: "h5",
         weight: "semibold",
-        className: classNames("hover:neeto-ui-text-primary-800 neeto-ui-text-gray-800 mt-1 mr-1 cursor-pointer underline", {
+        className: classNames("hover:neeto-ui-text-primary-800 neeto-ui-text-gray-800 mr-1 mt-1 cursor-pointer underline", {
           "neeto-ui-text-primary-800": activeOption === option.value
         }),
         onClick: function onClick() {
           setTouched(assocPath(["conditions", "value", index], true, touched));
           setActiveOption(activeOption ? null : option.value);
         }
-      }, option === null || option === void 0 ? void 0 : (_option$label = option.label) === null || _option$label === void 0 ? void 0 : _option$label.toLowerCase()));
+      }, option === null || option === void 0 || (_option$label = option.label) === null || _option$label === void 0 ? void 0 : _option$label.toLowerCase()));
     })) : /*#__PURE__*/React.createElement(Typography, {
       "data-cy": "condition-value-multi-select-field",
       style: "h5",
@@ -5449,7 +3342,7 @@ var MultiSelect = function MultiSelect(_ref) {
 
 var _excluded$6 = ["name", "index"];
 var MultiSelectCreate = function MultiSelectCreate(_ref) {
-  var _conditions$value$ind, _conditions$value$ind2, _errors$conditions, _errors$conditions$va, _touched$conditions, _touched$conditions$v;
+  var _conditions$value$ind, _errors$conditions, _touched$conditions;
   var name = _ref.name,
     index = _ref.index,
     props = _objectWithoutProperties(_ref, _excluded$6);
@@ -5467,10 +3360,10 @@ var MultiSelectCreate = function MultiSelectCreate(_ref) {
   useOnButtonPressed(initialFocusRef, function () {
     return setShowPane(false);
   });
-  var values = (_conditions$value$ind = conditions.value[index]) === null || _conditions$value$ind === void 0 ? void 0 : (_conditions$value$ind2 = _conditions$value$ind.metadata) === null || _conditions$value$ind2 === void 0 ? void 0 : _conditions$value$ind2.values;
+  var values = (_conditions$value$ind = conditions.value[index]) === null || _conditions$value$ind === void 0 || (_conditions$value$ind = _conditions$value$ind.metadata) === null || _conditions$value$ind === void 0 ? void 0 : _conditions$value$ind.values;
   var allOptions = getAllOptions(values);
   var defaultLabel = t$1("neetoRules.form.selectValues");
-  var isValid = errors.conditions && isNotNil((_errors$conditions = errors.conditions) === null || _errors$conditions === void 0 ? void 0 : (_errors$conditions$va = _errors$conditions.value) === null || _errors$conditions$va === void 0 ? void 0 : _errors$conditions$va[index]) && isNotNil((_touched$conditions = touched.conditions) === null || _touched$conditions === void 0 ? void 0 : (_touched$conditions$v = _touched$conditions.value) === null || _touched$conditions$v === void 0 ? void 0 : _touched$conditions$v[index]);
+  var isValid = errors.conditions && isNotNil((_errors$conditions = errors.conditions) === null || _errors$conditions === void 0 || (_errors$conditions = _errors$conditions.value) === null || _errors$conditions === void 0 ? void 0 : _errors$conditions[index]) && isNotNil((_touched$conditions = touched.conditions) === null || _touched$conditions === void 0 || (_touched$conditions = _touched$conditions.value) === null || _touched$conditions === void 0 ? void 0 : _touched$conditions[index]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, isEmpty(allOptions) && /*#__PURE__*/React.createElement(Typography, {
     "data-cy": "condition-value-multi-select-create-button",
     style: "h5",
@@ -5543,7 +3436,7 @@ var MultiSelectCreate = function MultiSelectCreate(_ref) {
 };
 
 var DateField = function DateField(_ref) {
-  var _conditions$value$ind, _errors$conditions, _errors$conditions$va, _touched$conditions, _touched$conditions$v;
+  var _conditions$value$ind, _errors$conditions, _touched$conditions;
   var name = _ref.name,
     index = _ref.index,
     conditionName = _ref.conditionName;
@@ -5560,30 +3453,28 @@ var DateField = function DateField(_ref) {
     setShowInput = _useState2[1];
   var valueTerm = (_conditions$value$ind = conditions.value[index].metadata) === null || _conditions$value$ind === void 0 ? void 0 : _conditions$value$ind.value;
   var label = valueTerm || t$1("neetoRules.form.selectDate").toLowerCase();
-  var isValid = errors.conditions && isNotNil((_errors$conditions = errors.conditions) === null || _errors$conditions === void 0 ? void 0 : (_errors$conditions$va = _errors$conditions.value) === null || _errors$conditions$va === void 0 ? void 0 : _errors$conditions$va[index]) && isNotNil((_touched$conditions = touched.conditions) === null || _touched$conditions === void 0 ? void 0 : (_touched$conditions$v = _touched$conditions.value) === null || _touched$conditions$v === void 0 ? void 0 : _touched$conditions$v[index]);
+  var isValid = errors.conditions && isNotNil((_errors$conditions = errors.conditions) === null || _errors$conditions === void 0 || (_errors$conditions = _errors$conditions.value) === null || _errors$conditions === void 0 ? void 0 : _errors$conditions[index]) && isNotNil((_touched$conditions = touched.conditions) === null || _touched$conditions === void 0 || (_touched$conditions = _touched$conditions.value) === null || _touched$conditions === void 0 ? void 0 : _touched$conditions[index]);
   var handleValidate = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
-      return regenerator.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.prev = 0;
-              if (isEmpty(errors)) {
-                _context.next = 4;
-                break;
-              }
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            if (isEmpty(errors)) {
               _context.next = 4;
-              return validateField(conditionName);
-            case 4:
-              _context.next = 8;
               break;
-            case 6:
-              _context.prev = 6;
-              _context.t0 = _context["catch"](0);
-            case 8:
-            case "end":
-              return _context.stop();
-          }
+            }
+            _context.next = 4;
+            return validateField(conditionName);
+          case 4:
+            _context.next = 8;
+            break;
+          case 6:
+            _context.prev = 6;
+            _context.t0 = _context["catch"](0);
+          case 8:
+          case "end":
+            return _context.stop();
         }
       }, _callee, null, [[0, 6]]);
     }));
@@ -5645,8 +3536,8 @@ var ValueField = function ValueField(_ref) {
   if (INPUT_FIELD_TYPES.includes(fieldType)) {
     return /*#__PURE__*/React.createElement(InputField$1, {
       conditionName: conditionName,
-      "data-cy": "condition-value-".concat(fieldType, "-field"),
       index: index,
+      "data-cy": "condition-value-".concat(fieldType, "-field"),
       name: "".concat(name, ".value"),
       placeholder: t("neetoRules.common.value")
     });
@@ -5654,8 +3545,8 @@ var ValueField = function ValueField(_ref) {
   if (fieldType === CONDITION_VALUE_TYPES.textarea) {
     var _condition$metadata;
     return /*#__PURE__*/React.createElement(LongTextField, {
-      defaultLabel: t("neetoRules.labels.text"),
       index: index,
+      defaultLabel: t("neetoRules.labels.text"),
       name: "".concat(name, ".value"),
       value: (_condition$metadata = condition.metadata) === null || _condition$metadata === void 0 ? void 0 : _condition$metadata.value
     });
@@ -5663,23 +3554,23 @@ var ValueField = function ValueField(_ref) {
   if (fieldType === CONDITION_VALUE_TYPES.dropdown) {
     return /*#__PURE__*/React.createElement(Dropdown, {
       index: index,
-      name: "".concat(name, ".value"),
-      options: options
+      options: options,
+      name: "".concat(name, ".value")
     });
   }
   if (fieldType === CONDITION_VALUE_TYPES.multiSelect) {
     return /*#__PURE__*/React.createElement(MultiSelect, {
-      dropDownOptions: options,
       index: index,
+      dropDownOptions: options,
       name: "".concat(name, ".values")
     });
   }
   if (fieldType === CONDITION_VALUE_TYPES.multiSelectCreate) {
     return /*#__PURE__*/React.createElement(MultiSelectCreate, {
-      isCreateable: true,
       index: index,
-      name: "".concat(name, ".values"),
       options: options,
+      isCreateable: true,
+      name: "".concat(name, ".values"),
       placeholder: t("neetoRules.placeholders.multiSelect")
     });
   }
@@ -5744,22 +3635,22 @@ var ConditionItem = function ConditionItem(_ref) {
     style: "h5",
     weight: "normal"
   }, defaultLabel), /*#__PURE__*/React.createElement(DropdownField, {
+    index: index,
     fieldType: "field",
     handleSelect: handleFieldChange,
-    index: index,
     options: conditionOptions,
     placeholder: t("neetoRules.form.selectField")
   }), /*#__PURE__*/React.createElement(DropdownField, {
+    index: index,
     fieldType: "verb",
     handleSelect: handleVerbChange,
-    index: index,
     options: verbOptions,
     placeholder: t("neetoRules.form.selectVerb")
   }), /*#__PURE__*/React.createElement(ValueField, {
     condition: condition,
+    index: index,
     conditionName: name,
     field: selectedField,
-    index: index,
     name: "".concat(name, ".metadata"),
     options: getSelectedFieldOptions()
   }));
@@ -5805,7 +3696,7 @@ var Conditions = function Conditions(_ref) {
     var _elementProps$conditi;
     arrayHelpers.push({
       field: elementProps === null || elementProps === void 0 ? void 0 : elementProps.conditionOptions[0].value,
-      verb: elementProps === null || elementProps === void 0 ? void 0 : (_elementProps$conditi = elementProps.conditionOptions[0]) === null || _elementProps$conditi === void 0 ? void 0 : _elementProps$conditi.allowMatching[0],
+      verb: elementProps === null || elementProps === void 0 || (_elementProps$conditi = elementProps.conditionOptions[0]) === null || _elementProps$conditi === void 0 ? void 0 : _elementProps$conditi.allowMatching[0],
       joinType: logicOperation,
       metadata: {}
     });
@@ -5846,10 +3737,10 @@ var Conditions = function Conditions(_ref) {
         elementProps: elementProps,
         index: index,
         isWithEvents: isWithEvents,
-        key: index,
-        name: "".concat(name, ".value.").concat(index),
+        onSelectCondition: onSelectCondition,
         selectedConditionOptions: selectedConditionOptions,
-        onSelectCondition: onSelectCondition
+        key: index,
+        name: "".concat(name, ".value.").concat(index)
       })), /*#__PURE__*/React.createElement("div", {
         className: "flex"
       }, index === conditions.length - 1 && /*#__PURE__*/React.createElement(Button, {
@@ -6008,7 +3899,7 @@ var Performer$1 = function Performer(_ref) {
           return !prevState;
         });
       }
-    }, selectedOption === null || selectedOption === void 0 ? void 0 : (_selectedOption$label = selectedOption.label) === null || _selectedOption$label === void 0 ? void 0 : _selectedOption$label.toLowerCase()),
+    }, selectedOption === null || selectedOption === void 0 || (_selectedOption$label = selectedOption.label) === null || _selectedOption$label === void 0 ? void 0 : _selectedOption$label.toLowerCase()),
     onClose: handleClose
   }, /*#__PURE__*/React.createElement(Menu$3, {
     className: "max-h-60 max-w-2xl p-3"
@@ -6172,7 +4063,7 @@ var Events$1 = function Events(_ref) {
         onClick: function onClick() {
           return setActiveOption(activeOption ? null : event.value);
         }
-      }, event === null || event === void 0 ? void 0 : (_event$label = event.label) === null || _event$label === void 0 ? void 0 : _event$label.toLowerCase()));
+      }, event === null || event === void 0 || (_event$label = event.label) === null || _event$label === void 0 ? void 0 : _event$label.toLowerCase()));
     })) : /*#__PURE__*/React.createElement(Typography, {
       "data-cy": "condition-value-multi-select-field",
       style: "h5",
@@ -6242,7 +4133,7 @@ var EventConditions = function EventConditions(_ref) {
     var _conditionProps$condi;
     setFieldValue("".concat(conditionsName, ".value"), [{
       field: conditionProps === null || conditionProps === void 0 ? void 0 : conditionProps.conditionOptions[0].value,
-      verb: conditionProps === null || conditionProps === void 0 ? void 0 : (_conditionProps$condi = conditionProps.conditionOptions[0]) === null || _conditionProps$condi === void 0 ? void 0 : _conditionProps$condi.allowMatching[0],
+      verb: conditionProps === null || conditionProps === void 0 || (_conditionProps$condi = conditionProps.conditionOptions[0]) === null || _conditionProps$condi === void 0 ? void 0 : _conditionProps$condi.allowMatching[0],
       joinType: OPERATORS.or,
       metadata: {}
     }]);
@@ -6258,8 +4149,8 @@ var EventConditions = function EventConditions(_ref) {
   }, /*#__PURE__*/React.createElement(Events$1, {
     data: data,
     name: name,
-    performerName: performerName,
-    onSelectEvent: onSelectEvent
+    onSelectEvent: onSelectEvent,
+    performerName: performerName
   })), showAddButton && /*#__PURE__*/React.createElement(Button, {
     "data-cy": "add-condition-button",
     "data-test-id": "automation-rules-add-events-button",
@@ -6274,8 +4165,8 @@ var EventConditions = function EventConditions(_ref) {
   })), !showAddButton && /*#__PURE__*/React.createElement("div", {
     className: "mt-3"
   }, /*#__PURE__*/React.createElement(Conditions, _extends({
-    isWithEvents: true,
     data: data,
+    isWithEvents: true,
     name: conditionsName
   }, config)))));
 };
@@ -6478,7 +4369,7 @@ var Performer = function Performer(_ref) {
           return !prevState;
         });
       }
-    }, selectedOption === null || selectedOption === void 0 ? void 0 : (_selectedOption$label = selectedOption.label) === null || _selectedOption$label === void 0 ? void 0 : _selectedOption$label.toLowerCase()),
+    }, selectedOption === null || selectedOption === void 0 || (_selectedOption$label = selectedOption.label) === null || _selectedOption$label === void 0 ? void 0 : _selectedOption$label.toLowerCase()),
     onClose: handleClose
   }, /*#__PURE__*/React.createElement(Menu, {
     className: "max-h-60 max-w-2xl p-3"
@@ -6539,10 +4430,9 @@ var Events = function Events(_ref) {
     arrayHelpers.remove(index);
   };
   var popEvent = function popEvent(arrayHelpers) {
-    if (isNotEmpty(arrayHelpers) && isNotEmpty(events)) {
-      var eventIdx = events.length - 1;
-      _removeEvent(eventIdx, events[eventIdx], arrayHelpers);
-    }
+    if (!(isNotEmpty(arrayHelpers) && isNotEmpty(events))) return;
+    var eventIdx = events.length - 1;
+    _removeEvent(eventIdx, events[eventIdx], arrayHelpers);
   };
   var handleAddEvent = function handleAddEvent(arrayHelpers) {
     return arrayHelpers.push({
@@ -6583,7 +4473,7 @@ var Events = function Events(_ref) {
     return /*#__PURE__*/React.createElement("div", {
       className: "flex justify-between"
     }, /*#__PURE__*/React.createElement("div", {
-      className: classNames("flex flex-wrap gap-y-2 gap-x-2", {
+      className: classNames("flex flex-wrap gap-x-2 gap-y-2", {
         "max-w-2xl": showAddButton
       })
     }, showMessage && /*#__PURE__*/React.createElement(Typography, {
@@ -6606,12 +4496,12 @@ var Events = function Events(_ref) {
       }, t$1("neetoRules.common.or")), /*#__PURE__*/React.createElement(EventItem, {
         elementProps: elementProps,
         event: event,
+        onSelectEvent: onSelectEvent,
         name: "".concat(name, ".value.").concat(index, ".name"),
         parentName: name,
         removeEvent: function removeEvent() {
           return _removeEvent(index, event, arrayHelpers);
-        },
-        onSelectEvent: onSelectEvent
+        }
       }));
     }), !showMessage && /*#__PURE__*/React.createElement(Performer, {
       data: data,
@@ -6716,9 +4606,9 @@ var RadioField = function RadioField(_ref) {
     var label = _ref2.label,
       value = _ref2.value;
     return /*#__PURE__*/React.createElement(Radio.Item, {
-      key: index,
       label: label,
-      value: value
+      value: value,
+      key: index
     });
   })));
 };