@bigbinary/neeto-rules-frontend 2.5.0 → 2.5.2

package/dist/cjs/NeetoRulesForm.js

@@ -29,7 +29,7 @@ var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var Label = require('@bigbinary/neetoui/Label');
 var Select = require('@bigbinary/neetoui/Select');
 var DatePicker = require('@bigbinary/neetoui/DatePicker');
-var utils$1 = require('../utils-cd8f199f.js');
+var utils$1 = require('../utils-BngEaPaz.js');
 var i18next = require('i18next');
 var FormikEditor = require('@bigbinary/neeto-editor/FormikEditor');
 var MultiEmailInput = require('@bigbinary/neetoui/formik/MultiEmailInput');
@@ -44,7 +44,7 @@ var Tag = require('@bigbinary/neetoui/Tag');
 var reactSelect = require('react-select');
 var yup = require('yup');
 var utils$2 = require('@bigbinary/neeto-editor/utils');
-var constants = require('../constants-67118957.js');
+var constants = require('../constants-C0OOtVhT.js');
 var Eye = require('@bigbinary/neeto-icons/Eye');
 var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
 var _regeneratorRuntime = require('@babel/runtime/regenerator');
@@ -55,14 +55,11 @@ var Radio = require('@bigbinary/neetoui/formik/Radio');
 var shallow = require('zustand/shallow');
 var Help = require('@bigbinary/neeto-icons/Help');
 var Switch = require('@bigbinary/neetoui/Switch');
-var useCustomDataStore = require('../useCustomDataStore-c57f5581.js');
+var useCustomDataStore = require('../useCustomDataStore-BEG8I__n.js');
 var _typeof = require('@babel/runtime/helpers/typeof');
 require('zustand');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
+function _interopNamespaceDefault(e) {
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -75,51 +72,11 @@ function _interopNamespace(e) {
       }
     });
   }
-  n["default"] = e;
+  n.default = e;
   return Object.freeze(n);
 }
 
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _objectDestructuringEmpty__default = /*#__PURE__*/_interopDefaultLegacy(_objectDestructuringEmpty);
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
-var Plus__default = /*#__PURE__*/_interopDefaultLegacy(Plus);
-var Delete__default = /*#__PURE__*/_interopDefaultLegacy(Delete);
-var Refresh__default = /*#__PURE__*/_interopDefaultLegacy(Refresh);
-var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
-var Check__default = /*#__PURE__*/_interopDefaultLegacy(Check);
-var Search__default = /*#__PURE__*/_interopDefaultLegacy(Search);
-var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
-var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown$1);
-var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input$1);
-var Pane__default = /*#__PURE__*/_interopDefaultLegacy(Pane);
-var Textarea__default = /*#__PURE__*/_interopDefaultLegacy(Textarea);
-var ActionBlock__default = /*#__PURE__*/_interopDefaultLegacy(ActionBlock);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var Label__default = /*#__PURE__*/_interopDefaultLegacy(Label);
-var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
-var DatePicker__default = /*#__PURE__*/_interopDefaultLegacy(DatePicker);
-var FormikEditor__default = /*#__PURE__*/_interopDefaultLegacy(FormikEditor);
-var MultiEmailInput__default = /*#__PURE__*/_interopDefaultLegacy(MultiEmailInput);
-var Input__default$1 = /*#__PURE__*/_interopDefaultLegacy(Input$2);
-var useHotkeys__default = /*#__PURE__*/_interopDefaultLegacy(useHotkeys);
-var Close__default = /*#__PURE__*/_interopDefaultLegacy(Close);
-var Checkbox__default = /*#__PURE__*/_interopDefaultLegacy(Checkbox);
-var CreatableSelect__default = /*#__PURE__*/_interopDefaultLegacy(CreatableSelect);
-var _toArray__default = /*#__PURE__*/_interopDefaultLegacy(_toArray);
-var Tag__default = /*#__PURE__*/_interopDefaultLegacy(Tag);
-var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
-var Eye__default = /*#__PURE__*/_interopDefaultLegacy(Eye);
-var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
-var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
-var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
-var Popover__default = /*#__PURE__*/_interopDefaultLegacy(Popover);
-var Select__default$1 = /*#__PURE__*/_interopDefaultLegacy(Select$1);
-var Radio__default = /*#__PURE__*/_interopDefaultLegacy(Radio);
-var Help__default = /*#__PURE__*/_interopDefaultLegacy(Help);
-var Switch__default = /*#__PURE__*/_interopDefaultLegacy(Switch);
-var _typeof__default = /*#__PURE__*/_interopDefaultLegacy(_typeof);
+var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
 
 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}}
 
@@ -132,7 +89,7 @@ var OptionsWrapper = function OptionsWrapper(_ref) {
     maxHeight = _ref$maxHeight === void 0 ? "max-h-44" : _ref$maxHeight,
     children = _ref.children;
   return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: classNames__default["default"](_defineProperty__default["default"]({}, "".concat(maxHeight, " overflow-y-auto"), hasScroll)),
+    className: classNames(_defineProperty({}, "".concat(maxHeight, " overflow-y-auto"), hasScroll)),
     children: children
   });
 };
@@ -165,14 +122,14 @@ var useOnButtonPressed = function useOnButtonPressed(ref, handler) {
 var DEFAULT_LONG_TEXT_ROWS = 8;
 
 function ownKeys$l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PaneFooterBlock = function PaneFooterBlock(_ref) {
   var setShowPane = _ref.setShowPane,
     _ref$submitButtonProp = _ref.submitButtonProps,
     submitButtonProps = _ref$submitButtonProp === void 0 ? {} : _ref$submitButtonProp,
     _ref$cancelButtonProp = _ref.cancelButtonProps,
     cancelButtonProps = _ref$cancelButtonProp === void 0 ? {} : _ref$cancelButtonProp;
-  return /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default["default"], {
+  return /*#__PURE__*/jsxRuntime.jsx(ActionBlock, {
     cancelButtonProps: _objectSpread$l({
       "data-cy": "cancel-button",
       onClick: function onClick() {
@@ -202,7 +159,7 @@ var LongTextField = function LongTextField(_ref) {
     errors = _useFormikContext.errors,
     touched = _useFormikContext.touched;
   var _useState = react.useState(false),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     showPane = _useState2[0],
     setShowPane = _useState2[1];
   var initialFocusRef = react.useRef(null);
@@ -214,17 +171,17 @@ var LongTextField = function LongTextField(_ref) {
   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__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [separator && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+    children: [separator && /*#__PURE__*/jsxRuntime.jsx(Typography, {
       className: "neeto-ui-text-gray-700",
       "data-cy": "long-text-action-separator-text",
       style: "h5",
       weight: "normal",
       children: separator
-    }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+    }), /*#__PURE__*/jsxRuntime.jsx(Button, {
       "data-cy": "long-text-action-button",
       label: label.toLowerCase(),
       style: "link",
-      className: classNames__default["default"]("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
+      className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
         "neeto-ui-text-accent-800": showPane,
         "neeto-ui-text-error-500": isValid
       }),
@@ -233,30 +190,30 @@ var LongTextField = function LongTextField(_ref) {
           return !prevState;
         });
       }
-    }), /*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"], {
+    }), /*#__PURE__*/jsxRuntime.jsxs(Pane, {
       initialFocusRef: initialFocusRef,
       isOpen: showPane,
       size: "large",
       onClose: function onClose() {
         return setShowPane(false);
       },
-      children: [/*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Header, {
-        children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Header, {
+        children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
           className: "neeto-ui-text-gray-800",
           "data-cy": "long-text-action-pane-header-title",
           style: "h3",
           weight: "semibold",
           children: label
         })
-      }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Body, {
-        children: /*#__PURE__*/jsxRuntime.jsx(Textarea__default["default"], {
+      }), /*#__PURE__*/jsxRuntime.jsx(Pane.Body, {
+        children: /*#__PURE__*/jsxRuntime.jsx(Textarea, {
           name: name,
           rows: rows,
           value: value,
           required: true,
           className: "w-full"
         })
-      }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Footer, {
+      }), /*#__PURE__*/jsxRuntime.jsx(Pane.Footer, {
         children: /*#__PURE__*/jsxRuntime.jsx(PaneFooterBlock, {
           setShowPane: setShowPane
         })
@@ -267,17 +224,17 @@ var LongTextField = function LongTextField(_ref) {
 
 var _excluded$c = ["initialFocusRef", "name", "label"];
 function ownKeys$k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var InputField$2 = function InputField(_ref) {
   var initialFocusRef = _ref.initialFocusRef,
     name = _ref.name,
     label = _ref.label,
-    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$c);
+    otherProps = _objectWithoutProperties(_ref, _excluded$c);
   var _useField = formik.useField(name),
-    _useField2 = _slicedToArray__default["default"](_useField, 2),
+    _useField2 = _slicedToArray(_useField, 2),
     field = _useField2[0],
     meta = _useField2[1];
-  return /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], _objectSpread$k(_objectSpread$k({
+  return /*#__PURE__*/jsxRuntime.jsx(Input$1, _objectSpread$k(_objectSpread$k({
     label: label,
     type: "text"
   }, field), {}, {
@@ -332,7 +289,7 @@ var KeyValuePairsField = reactUtils.withT(function (_ref) {
       var showDeleteButton = data.length > 1 || hasKeyOrValue(data[0]);
       return /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "space-y-3",
-        children: [/*#__PURE__*/jsxRuntime.jsx(Label__default["default"], {
+        children: [/*#__PURE__*/jsxRuntime.jsx(Label, {
           children: label
         }), data.map(function (_, index) {
           return /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -345,8 +302,8 @@ var KeyValuePairsField = reactUtils.withT(function (_ref) {
               className: "w-3/5",
               name: "".concat(name, ".").concat(index, ".value"),
               placeholder: t("neetoRules.labels.value"),
-              suffix: showDeleteButton && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
-                icon: Delete__default["default"],
+              suffix: showDeleteButton && /*#__PURE__*/jsxRuntime.jsx(Button, {
+                icon: Delete,
                 size: "small",
                 style: "text",
                 onClick: function onClick() {
@@ -359,7 +316,7 @@ var KeyValuePairsField = reactUtils.withT(function (_ref) {
               })
             })]
           }, index);
-        }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+        }), /*#__PURE__*/jsxRuntime.jsx(Button, {
           label: t("neetoRules.labels.addKeyValuePair"),
           style: "secondary",
           onClick: function onClick() {
@@ -377,7 +334,7 @@ var SelectTemplateField = function SelectTemplateField(_ref) {
     onChange = _ref.onChange,
     initialFocusRef = _ref.initialFocusRef;
   var _useStateWithDependen = reactUtils.useStateWithDependency(null, [selectedField]),
-    _useStateWithDependen2 = _slicedToArray__default["default"](_useStateWithDependen, 2),
+    _useStateWithDependen2 = _slicedToArray(_useStateWithDependen, 2),
     selectedTemplate = _useStateWithDependen2[0],
     setSelectedTemplate = _useStateWithDependen2[1];
   var _useTranslation = reactI18next.useTranslation(),
@@ -390,7 +347,7 @@ var SelectTemplateField = function SelectTemplateField(_ref) {
     }, templates);
     onChange === null || onChange === void 0 ? void 0 : onChange(template);
   };
-  return /*#__PURE__*/jsxRuntime.jsx(Select__default["default"], {
+  return /*#__PURE__*/jsxRuntime.jsx(Select, {
     isClearable: true,
     isSearchable: true,
     className: "mb-4",
@@ -416,7 +373,7 @@ var ApiFields = function ApiFields(_ref) {
     touched = _useFormikContext.touched,
     setFieldValue = _useFormikContext.setFieldValue;
   var _useState = react.useState(false),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     showPane = _useState2[0],
     setShowPane = _useState2[1];
   var initialFocusRef = react.useRef(null);
@@ -435,17 +392,17 @@ var ApiFields = function ApiFields(_ref) {
     setFieldValue("".concat(name, ".additionalData"), formatAdditionalData(template.additionalData));
   };
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
       className: "neeto-ui-text-gray-700",
       "data-cy": "api-action-separator-text",
       style: "h5",
       weight: "normal",
       children: separator
-    }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+    }), /*#__PURE__*/jsxRuntime.jsx(Button, {
       "data-cy": "api-action-button",
       label: defaultLabel.toLowerCase(),
       style: "link",
-      className: classNames__default["default"]("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
+      className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
         "neeto-ui-text-accent-800": showPane,
         "neeto-ui-text-error-500": isValid
       }),
@@ -454,22 +411,22 @@ var ApiFields = function ApiFields(_ref) {
           return !prevState;
         });
       }
-    }), /*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"], {
+    }), /*#__PURE__*/jsxRuntime.jsxs(Pane, {
       initialFocusRef: initialFocusRef,
       isOpen: showPane,
       size: "large",
       onClose: function onClose() {
         return setShowPane(false);
       },
-      children: [/*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Header, {
-        children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Header, {
+        children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
           className: "neeto-ui-text-gray-800 cursor-pointer",
           "data-cy": "api-action-pane-header-title",
           style: "h3",
           weight: "semibold",
           children: defaultLabel
         })
-      }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Body, {
+      }), /*#__PURE__*/jsxRuntime.jsx(Pane.Body, {
         children: /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "w-full",
           children: [isTemplateSelectionEnabled && /*#__PURE__*/jsxRuntime.jsx(SelectTemplateField, {
@@ -490,7 +447,7 @@ var ApiFields = function ApiFields(_ref) {
             name: "".concat(name, ".additionalData")
           })]
         })
-      }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Footer, {
+      }), /*#__PURE__*/jsxRuntime.jsx(Pane.Footer, {
         children: /*#__PURE__*/jsxRuntime.jsx(PaneFooterBlock, {
           setShowPane: setShowPane
         })
@@ -512,7 +469,7 @@ var CustomAction = function CustomAction(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useState = react.useState(false),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     showPane = _useState2[0],
     setShowPane = _useState2[1];
   var initialFocusRef = react.useRef(null);
@@ -523,15 +480,15 @@ var CustomAction = function CustomAction(_ref) {
   var separator = (selectedField === null || selectedField === void 0 ? void 0 : (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t("neetoRules.common.as");
   var defaultLabel = selectedField === null || selectedField === void 0 ? void 0 : selectedField.placeholder;
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
       className: "neeto-ui-text-gray-700",
       style: "h5",
       weight: "normal",
       children: separator
-    }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+    }), /*#__PURE__*/jsxRuntime.jsx(Button, {
       label: defaultLabel.toLowerCase(),
       style: "link",
-      className: classNames__default["default"]("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
+      className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
         "neeto-ui-text-accent-800": showPane,
         "neeto-ui-text-error-500": isValid
       }),
@@ -540,26 +497,26 @@ var CustomAction = function CustomAction(_ref) {
           return !prevState;
         });
       }
-    }), /*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"], {
+    }), /*#__PURE__*/jsxRuntime.jsxs(Pane, {
       initialFocusRef: initialFocusRef,
       isOpen: showPane,
       size: "large",
       onClose: function onClose() {
         return setShowPane(false);
       },
-      children: [/*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Header, {
-        children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Header, {
+        children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
           className: "neeto-ui-text-gray-800 cursor-pointer",
           style: "h3",
           weight: "semibold",
           children: defaultLabel
         })
-      }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Body, {
+      }), /*#__PURE__*/jsxRuntime.jsx(Pane.Body, {
         children: /*#__PURE__*/jsxRuntime.jsx(ActionComponent, {
           action: action,
           name: name
         })
-      }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Footer, {
+      }), /*#__PURE__*/jsxRuntime.jsx(Pane.Footer, {
         children: /*#__PURE__*/jsxRuntime.jsx(PaneFooterBlock, {
           setShowPane: setShowPane
         })
@@ -580,7 +537,7 @@ var DateField$1 = function DateField(_ref) {
     touched = _useFormikContext.touched,
     setTouched = _useFormikContext.setTouched;
   var _useState = react.useState(false),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     showInput = _useState2[0],
     setShowInput = _useState2[1];
   var _useTranslation = reactI18next.useTranslation(),
@@ -590,14 +547,14 @@ var DateField$1 = function DateField(_ref) {
   var separator = (selectedField === null || selectedField === void 0 ? void 0 : (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t("neetoRules.common.to");
   var isValid = errors.actions && ramda.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]) && ramda.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]);
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [!selectedField.hideSeparator && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+    children: [!selectedField.hideSeparator && /*#__PURE__*/jsxRuntime.jsx(Typography, {
       className: "neeto-ui-text-gray-700",
       "data-cy": "action-dropdown-seperator-text",
       style: "h5",
       weight: "normal",
       children: separator
     }), showInput ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/jsxRuntime.jsx(DatePicker__default["default"], {
+      children: [/*#__PURE__*/jsxRuntime.jsx(DatePicker, {
         autoFocus: true,
         defaultValue: valueTerm,
         name: "".concat(name, ".value"),
@@ -608,7 +565,7 @@ var DateField$1 = function DateField(_ref) {
           // eslint-disable-next-line @bigbinary/neeto/use-standard-date-time-formats
           date ? utils.dayjs(date).format("YYYY-MM-DD") : "");
         }
-      }), /*#__PURE__*/jsxRuntime.jsx(Check__default["default"], {
+      }), /*#__PURE__*/jsxRuntime.jsx(Check, {
         className: "cursor-pointer",
         onClick: function onClick() {
           return setShowInput(function (prevState) {
@@ -616,10 +573,10 @@ var DateField$1 = function DateField(_ref) {
           });
         }
       })]
-    }) : /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+    }) : /*#__PURE__*/jsxRuntime.jsx(Button, {
       label: label,
       style: "link",
-      className: classNames__default["default"]("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
+      className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
         "neeto-ui-text-error-500": isValid
       }),
       onClick: function onClick() {
@@ -726,7 +683,7 @@ var getSlackChannelErrors = function getSlackChannelErrors(_ref2) {
       message: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
         i18nKey: "neetoRules.validations.slack.errorInIntegration",
         components: {
-          button: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+          button: /*#__PURE__*/jsxRuntime.jsx(Button, {
             href: routeToSlackIntegration,
             size: "small",
             style: "link"
@@ -752,8 +709,8 @@ var getSlackChannelErrors = function getSlackChannelErrors(_ref2) {
   };
 };
 
-var Menu$9 = Dropdown__default["default"].Menu,
-  MenuItem$9 = Dropdown__default["default"].MenuItem;
+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, _defaultSelectedOptio;
   var dropdownOptions = _ref.dropdownOptions,
@@ -772,15 +729,15 @@ var DropdownField$1 = function DropdownField(_ref) {
   var _useState = react.useState({
       label: defaultLabel
     }),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     defaultSelectedOption = _useState2[0],
     setDefaultSelectedOption = _useState2[1];
   var _useState3 = react.useState(false),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     isActive = _useState4[0],
     setIsActive = _useState4[1];
   var _useState5 = react.useState(""),
-    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    _useState6 = _slicedToArray(_useState5, 2),
     searchTerm = _useState6[0],
     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);
@@ -821,20 +778,20 @@ var DropdownField$1 = function DropdownField(_ref) {
     findDefaultSelectedOption();
   }, [defaultValue, dropdownOptions]);
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [!selectedField.hideSeparator && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+    children: [!selectedField.hideSeparator && /*#__PURE__*/jsxRuntime.jsx(Typography, {
       className: "neeto-ui-text-gray-700",
       "data-cy": "action-dropdown-seperator-text",
       style: "h5",
       weight: "normal",
       children: separator
-    }), /*#__PURE__*/jsxRuntime.jsx(Dropdown__default["default"], {
+    }), /*#__PURE__*/jsxRuntime.jsx(Dropdown$1, {
       buttonStyle: "secondary",
       className: "neeto-ui-bg-gray-100",
-      customTarget: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+      customTarget: /*#__PURE__*/jsxRuntime.jsx(Button, {
         "data-cy": "action-dropdown-button",
         label: defaultSelectedOption === null || defaultSelectedOption === void 0 ? void 0 : (_defaultSelectedOptio = defaultSelectedOption.label) === null || _defaultSelectedOptio === void 0 ? void 0 : _defaultSelectedOptio.toLowerCase(),
         style: "link",
-        className: classNames__default["default"]("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
+        className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
           "neeto-ui-text-accent-800": isActive,
           "neeto-ui-text-error-500": isValueSelected
         }),
@@ -848,12 +805,12 @@ var DropdownField$1 = function DropdownField(_ref) {
       onClose: handleClose,
       children: /*#__PURE__*/jsxRuntime.jsxs(Menu$9, {
         className: "max-h-60 max-w-2xl p-3",
-        children: [dropdownOptions.length > MAXIMUM_OPTION_LENGTH$2 && /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
+        children: [dropdownOptions.length > MAXIMUM_OPTION_LENGTH$2 && /*#__PURE__*/jsxRuntime.jsx(Input$1, {
           autoFocus: true,
           className: "mb-1",
           "data-cy": "search-text-field",
           placeholder: t("neetoRules.common.search"),
-          prefix: /*#__PURE__*/jsxRuntime.jsx(Search__default["default"], {}),
+          prefix: /*#__PURE__*/jsxRuntime.jsx(Search, {}),
           value: searchTerm,
           onChange: function onChange(e) {
             return setSearchTerm(e.target.value);
@@ -866,10 +823,10 @@ var DropdownField$1 = function DropdownField(_ref) {
           children: searchedOptions.map(function (option, idx) {
             return /*#__PURE__*/jsxRuntime.jsx(MenuItem$9.Button, {
               "data-cy": "".concat(utils.joinHyphenCase(option.label), "-menu-item"),
-              className: classNames__default["default"]({
+              className: classNames({
                 "neeto-ui-bg-gray-100": defaultSelectedOption.value === option.value
               }),
-              suffix: defaultSelectedOption.value === option.value && /*#__PURE__*/jsxRuntime.jsx(Check__default["default"], {
+              suffix: defaultSelectedOption.value === option.value && /*#__PURE__*/jsxRuntime.jsx(Check, {
                 className: "neeto-ui-text-primary-800"
               }),
               onClick: function onClick() {
@@ -889,7 +846,7 @@ var DropdownField$1 = function DropdownField(_ref) {
 
 var _excluded$b = ["autoFocus", "name", "value", "label", "variables", "addons", "editorRef", "defaults"];
 function ownKeys$j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var EditorAction = function EditorAction(_ref) {
   var autoFocus = _ref.autoFocus,
     name = _ref.name,
@@ -903,18 +860,18 @@ var EditorAction = function EditorAction(_ref) {
     _ref$editorRef = _ref.editorRef,
     editorRef = _ref$editorRef === void 0 ? null : _ref$editorRef,
     defaults = _ref.defaults,
-    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$b);
+    otherProps = _objectWithoutProperties(_ref, _excluded$b);
   var _useFormikContext = formik.useFormikContext(),
     setFieldValue = _useFormikContext.setFieldValue;
   var _useState = react.useState(value),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     editorData = _useState2[0],
     setEditorData = _useState2[1];
   var debouncedValue = reactUtils.useDebounce(editorData, 200);
   react.useEffect(function () {
     setFieldValue(name, editorData);
   }, [debouncedValue]);
-  return /*#__PURE__*/jsxRuntime.jsx(FormikEditor__default["default"], _objectSpread$j({
+  return /*#__PURE__*/jsxRuntime.jsx(FormikEditor, _objectSpread$j({
     addons: addons,
     autoFocus: autoFocus,
     defaults: defaults,
@@ -941,7 +898,7 @@ var EmailIdFields = function EmailIdFields(_ref) {
   var formattedEmails = buildEmailValues(emails);
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: "mb-4",
-    children: /*#__PURE__*/jsxRuntime.jsx(MultiEmailInput__default["default"], {
+    children: /*#__PURE__*/jsxRuntime.jsx(MultiEmailInput, {
       name: name,
       label: t("neetoRules.common.emailIds"),
       placeholder: t("neetoRules.placeholders.emailField"),
@@ -974,7 +931,7 @@ var EmailFields = function EmailFields(_ref) {
     touched = _useFormikContext.touched,
     setFieldValue = _useFormikContext.setFieldValue;
   var _useState = react.useState(false),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     showPane = _useState2[0],
     setShowPane = _useState2[1];
   var initialFocusRef = react.useRef(null);
@@ -1013,17 +970,17 @@ var EmailFields = function EmailFields(_ref) {
     }
   };
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
       className: "neeto-ui-text-gray-700",
       "data-cy": "action-email-seperator-text",
       style: "h5",
       weight: "normal",
       children: separator
-    }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+    }), /*#__PURE__*/jsxRuntime.jsx(Button, {
       "data-cy": "email-action-button",
       label: defaultLabel.toLowerCase(),
       style: "link",
-      className: classNames__default["default"]("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
+      className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
         "neeto-ui-text-accent-800": showPane,
         "neeto-ui-text-error-500": isValid
       }),
@@ -1032,22 +989,22 @@ var EmailFields = function EmailFields(_ref) {
           return !prevState;
         });
       }
-    }), /*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"], {
+    }), /*#__PURE__*/jsxRuntime.jsxs(Pane, {
       initialFocusRef: initialFocusRef,
       isOpen: showPane,
       size: "large",
       onClose: function onClose() {
         return setShowPane(false);
       },
-      children: [/*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Header, {
-        children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Header, {
+        children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
           className: "neeto-ui-text-gray-800 cursor-pointer",
           "data-cy": "email-action-pane-header-title",
           style: "h3",
           weight: "semibold",
           children: defaultLabel
         })
-      }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Body, {
+      }), /*#__PURE__*/jsxRuntime.jsx(Pane.Body, {
         children: /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "w-full",
           children: [isTemplateSelectionEnabled && /*#__PURE__*/jsxRuntime.jsx(SelectTemplateField, {
@@ -1074,7 +1031,7 @@ var EmailFields = function EmailFields(_ref) {
             variables: selectedField === null || selectedField === void 0 ? void 0 : selectedField.variables
           })]
         })
-      }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Footer, {
+      }), /*#__PURE__*/jsxRuntime.jsx(Pane.Footer, {
         children: /*#__PURE__*/jsxRuntime.jsx(PaneFooterBlock, {
           setShowPane: setShowPane,
           submitButtonProps: {
@@ -1118,7 +1075,7 @@ var Input = function Input(_ref) {
     errors = _useFormikContext.errors,
     touched = _useFormikContext.touched;
   var _useState = react.useState(false),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     showInput = _useState2[0],
     setShowInput = _useState2[1];
   var inputRef = react.useRef(null);
@@ -1136,29 +1093,29 @@ var Input = function Input(_ref) {
     setShowInput(false);
   }, [action.name]);
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [!selectedField.hideSeparator && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+    children: [!selectedField.hideSeparator && /*#__PURE__*/jsxRuntime.jsx(Typography, {
       className: "neeto-ui-text-gray-700 mt-1",
       "data-cy": "action-dropdown-seperator-text",
       style: "h5",
       weight: "normal",
       children: separator
-    }), showInput ? /*#__PURE__*/jsxRuntime.jsx(Input__default$1["default"], {
+    }), showInput ? /*#__PURE__*/jsxRuntime.jsx(Input$2, {
       className: "my-auto",
       name: "".concat(name, ".value"),
       placeholder: t("neetoRules.placeholders.value"),
       ref: inputRef,
       size: "small",
-      suffix: /*#__PURE__*/jsxRuntime.jsx(Check__default["default"], {
+      suffix: /*#__PURE__*/jsxRuntime.jsx(Check, {
         onClick: function onClick() {
           return setShowInput(function (prevState) {
             return !prevState;
           });
         }
       })
-    }) : /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+    }) : /*#__PURE__*/jsxRuntime.jsx(Button, {
       label: label,
       style: "link",
-      className: classNames__default["default"]("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
+      className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
         "neeto-ui-text-accent-500": isValid
       }),
       onClick: function onClick() {
@@ -1201,7 +1158,7 @@ var SHORTCUTS = {
 
 var _excluded$a = ["value", "nullable", "className", "handleSubmit", "handleCancel"];
 function ownKeys$i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var InlineInput = /*#__PURE__*/react.forwardRef(function (props, ref) {
   var _props$value = props.value,
     value = _props$value === void 0 ? "" : _props$value,
@@ -1210,9 +1167,9 @@ var InlineInput = /*#__PURE__*/react.forwardRef(function (props, ref) {
     className = props.className,
     handleSubmit = props.handleSubmit,
     handleCancel = props.handleCancel,
-    otherProps = _objectWithoutProperties__default["default"](props, _excluded$a);
+    otherProps = _objectWithoutProperties(props, _excluded$a);
   var _useState = react.useState(""),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     inputValue = _useState2[0],
     setInputValue = _useState2[1];
   var inputWrapperRef = react.useRef(null);
@@ -1227,19 +1184,19 @@ var InlineInput = /*#__PURE__*/react.forwardRef(function (props, ref) {
   useOnClickOutside(inputWrapperRef, function () {
     return handleCancel(inputValue);
   });
-  var inputFieldEscapeHotkeyRef = useHotkeys__default["default"](SHORTCUTS.cancel.sequence, handleCancel, {
+  var inputFieldEscapeHotkeyRef = useHotkeys(SHORTCUTS.cancel.sequence, handleCancel, {
     mode: "scoped"
   });
-  var inputFieldEnterHotkeyRef = useHotkeys__default["default"](SHORTCUTS.submit.sequence, onSubmit, {
+  var inputFieldEnterHotkeyRef = useHotkeys(SHORTCUTS.submit.sequence, onSubmit, {
     mode: "scoped"
   });
   react.useEffect(function () {
     setInputValue(value);
   }, [value]);
   return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: classNames__default["default"]("flex flex-grow", _defineProperty__default["default"]({}, className, className)),
+    className: classNames("flex flex-grow", _defineProperty({}, className, className)),
     ref: inputWrapperRef,
-    children: /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], _objectSpread$i(_objectSpread$i({
+    children: /*#__PURE__*/jsxRuntime.jsx(Input$1, _objectSpread$i(_objectSpread$i({
       autoFocus: true,
       className: "neeto-planner-inline-input",
       "data-cy": "inline-input-field",
@@ -1253,17 +1210,17 @@ var InlineInput = /*#__PURE__*/react.forwardRef(function (props, ref) {
       }
     }, otherProps), {}, {
       suffix: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+        children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
           "data-cy": "inline-input-submit-button",
           disabled: !isValidValue,
-          icon: Check__default["default"],
+          icon: Check,
           style: "text",
           tooltipProps: LIST_FIELD_TOOLTIP_PROPS.save,
           onClick: onSubmit
-        }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+        }), /*#__PURE__*/jsxRuntime.jsx(Button, {
           ref: ref,
           "data-cy": "inline-input-cancel-button",
-          icon: Close__default["default"],
+          icon: Close,
           style: "text",
           tooltipProps: LIST_FIELD_TOOLTIP_PROPS.cancel,
           onClick: handleCancel
@@ -1287,11 +1244,11 @@ var ListField = function ListField(_ref) {
     errors = _useFormikContext.errors,
     touched = _useFormikContext.touched;
   var _useState = react.useState(false),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     isInputCardOpen = _useState2[0],
     setIsInputCardOpen = _useState2[1];
   var _useState3 = react.useState(false),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     showPane = _useState4[0],
     setShowPane = _useState4[1];
   var initialFocusRef = react.useRef(null);
@@ -1301,17 +1258,17 @@ var ListField = function ListField(_ref) {
   var isValid = errors.actions && ramda.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]) && ramda.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("neetoRules.common.to");
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
       className: "neeto-ui-text-gray-700",
       "data-cy": "list-action-separator-text",
       style: "h5",
       weight: "normal",
       children: separator
-    }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+    }), /*#__PURE__*/jsxRuntime.jsx(Button, {
       "data-cy": "list-action-button",
       label: t("neetoRules.form.list"),
       style: "link",
-      className: classNames__default["default"]("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
+      className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
         "neeto-ui-text-accent-800": showPane,
         "neeto-ui-text-error-500": isValid
       }),
@@ -1320,22 +1277,22 @@ var ListField = function ListField(_ref) {
           return !prevState;
         });
       }
-    }), /*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"], {
+    }), /*#__PURE__*/jsxRuntime.jsxs(Pane, {
       initialFocusRef: initialFocusRef,
       isOpen: showPane,
       size: "large",
       onClose: function onClose() {
         return setShowPane(false);
       },
-      children: [/*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Header, {
-        children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Header, {
+        children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
           className: "neeto-ui-text-gray-800",
           "data-cy": "list-action-pane-header-title",
           style: "h3",
           weight: "semibold",
           children: t("neetoRules.form.list")
         })
-      }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Body, {
+      }), /*#__PURE__*/jsxRuntime.jsx(Pane.Body, {
         children: /*#__PURE__*/jsxRuntime.jsx("div", {
           className: "mt-2 w-full space-y-2",
           children: /*#__PURE__*/jsxRuntime.jsx(formik.FieldArray, {
@@ -1345,15 +1302,15 @@ var ListField = function ListField(_ref) {
                 children: [values.map(function (item, index) {
                   return /*#__PURE__*/jsxRuntime.jsxs("div", {
                     className: "neeto-ui-bg-white flex flex-wrap justify-between border border-dashed px-2 py-1",
-                    children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+                    children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
                       className: "w-4/5 overflow-x-auto",
                       "data-cy": "list-action-item-label",
                       style: "body2",
                       children: item
-                    }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+                    }), /*#__PURE__*/jsxRuntime.jsx(Button, {
                       className: "flex-shrink-0",
                       "data-cy": "list-action-delete-item-button",
-                      icon: Delete__default["default"],
+                      icon: Delete,
                       size: "small",
                       style: "text",
                       onClick: function onClick() {
@@ -1365,7 +1322,7 @@ var ListField = function ListField(_ref) {
                   name: name,
                   className: "w-full",
                   children: function children(message) {
-                    return /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+                    return /*#__PURE__*/jsxRuntime.jsx(Typography, {
                       className: "neeto-ui-text-error-500 neeto-ui-text-gray-700",
                       "data-cy": "list-action-error-message",
                       style: "h5",
@@ -1380,9 +1337,9 @@ var ListField = function ListField(_ref) {
                     return arrayHelper.push(title);
                   },
                   ref: initialFocusRef
-                }) : /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+                }) : /*#__PURE__*/jsxRuntime.jsx(Button, {
                   "data-cy": "list-action-add-item-button",
-                  icon: Plus__default["default"],
+                  icon: Plus,
                   label: t("neetoRules.common.addItem"),
                   ref: initialFocusRef,
                   style: "text",
@@ -1394,7 +1351,7 @@ var ListField = function ListField(_ref) {
             }
           })
         })
-      }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Footer, {
+      }), /*#__PURE__*/jsxRuntime.jsx(Pane.Footer, {
         children: /*#__PURE__*/jsxRuntime.jsx(PaneFooterBlock, {
           setShowPane: setShowPane
         })
@@ -1403,8 +1360,8 @@ var ListField = function ListField(_ref) {
   });
 };
 
-var Menu$8 = Dropdown__default["default"].Menu,
-  MenuItem$8 = Dropdown__default["default"].MenuItem;
+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 _ref$values = _ref.values,
@@ -1420,11 +1377,11 @@ var MultiSelect$1 = function MultiSelect(_ref) {
     setTouched = _useFormikContext.setTouched,
     touched = _useFormikContext.touched;
   var _useState = react.useState(null),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     activeOption = _useState2[0],
     setActiveOption = _useState2[1];
   var _useState3 = react.useState(""),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     searchTerm = _useState4[0],
     setSearchTerm = _useState4[1];
   var _useTranslation = reactI18next.useTranslation(),
@@ -1448,13 +1405,13 @@ var MultiSelect$1 = function MultiSelect(_ref) {
     setSearchTerm("");
   };
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [!selectedField.hideSeparator && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+    children: [!selectedField.hideSeparator && /*#__PURE__*/jsxRuntime.jsx(Typography, {
       className: "neeto-ui-text-gray-700",
       "data-cy": "multi-select-action-separator-text",
       style: "h5",
       weight: "normal",
       children: separator
-    }), /*#__PURE__*/jsxRuntime.jsx(Dropdown__default["default"], {
+    }), /*#__PURE__*/jsxRuntime.jsx(Dropdown$1, {
       buttonStyle: "secondary",
       className: "neeto-ui-bg-gray-10",
       closeOnSelect: false,
@@ -1464,7 +1421,7 @@ var MultiSelect$1 = function MultiSelect(_ref) {
         children: selectedOptions.map(function (option, idx) {
           return /*#__PURE__*/jsxRuntime.jsxs("span", {
             className: "flex flex-wrap items-center gap-x-2 gap-y-1",
-            children: [!!idx && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+            children: [!!idx && /*#__PURE__*/jsxRuntime.jsx(Typography, {
               className: "neeto-ui-text-gray-700",
               style: "h5",
               weight: "normal",
@@ -1474,11 +1431,11 @@ var MultiSelect$1 = function MultiSelect(_ref) {
               children: t("neetoRules.common.and", {
                 what: ""
               })
-            }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+            }), /*#__PURE__*/jsxRuntime.jsx(Button, {
               "data-cy": "multi-select-action-button",
               label: option === null || option === void 0 ? void 0 : option.label.toLowerCase(),
               style: "link",
-              className: classNames__default["default"]("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
+              className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
                 "neeto-ui-text-accent-800": activeOption === (option === null || option === void 0 ? void 0 : option.value)
               }),
               onClick: function onClick() {
@@ -1488,10 +1445,10 @@ var MultiSelect$1 = function MultiSelect(_ref) {
             })]
           }, idx);
         })
-      }) : /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+      }) : /*#__PURE__*/jsxRuntime.jsx(Button, {
         label: defaultLabel,
         style: "link",
-        className: classNames__default["default"]("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
+        className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
           "neeto-ui-text-accent-800": activeOption === defaultLabel,
           "neeto-ui-text-error-500": isValid
         }),
@@ -1503,12 +1460,12 @@ var MultiSelect$1 = function MultiSelect(_ref) {
       onClose: handleClose,
       children: /*#__PURE__*/jsxRuntime.jsxs(Menu$8, {
         className: "max-h-60 max-w-2xl p-3",
-        children: [dropDownOptions.length > MAXIMUM_OPTION_LENGTH$2 && /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
+        children: [dropDownOptions.length > MAXIMUM_OPTION_LENGTH$2 && /*#__PURE__*/jsxRuntime.jsx(Input$1, {
           autoFocus: true,
           className: "mb-1",
           "data-cy": "search-text-field",
           placeholder: t("neetoRules.common.search"),
-          prefix: /*#__PURE__*/jsxRuntime.jsx(Search__default["default"], {}),
+          prefix: /*#__PURE__*/jsxRuntime.jsx(Search, {}),
           value: searchTerm,
           onChange: function onChange(e) {
             return setSearchTerm(e.target.value);
@@ -1518,7 +1475,7 @@ var MultiSelect$1 = function MultiSelect(_ref) {
           children: searchedOptions.map(function (option, idx) {
             return /*#__PURE__*/jsxRuntime.jsx(MenuItem$8.Button, {
               "data-cy": "".concat(utils.joinHyphenCase(option.label), "-menu-item"),
-              prefix: /*#__PURE__*/jsxRuntime.jsx(Checkbox__default["default"], {
+              prefix: /*#__PURE__*/jsxRuntime.jsx(Checkbox, {
                 checked: values.includes(option === null || option === void 0 ? void 0 : option.value),
                 "data-cy": "check-icon",
                 id: option === null || option === void 0 ? void 0 : option.value
@@ -1551,7 +1508,7 @@ var NoteField = function NoteField(_ref) {
     errors = _useFormikContext.errors,
     touched = _useFormikContext.touched;
   var _useState = react.useState(false),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     showPane = _useState2[0],
     setShowPane = _useState2[1];
   var initialFocusRef = react.useRef(null);
@@ -1563,17 +1520,17 @@ var NoteField = function NoteField(_ref) {
   var variables = (selectedField === null || selectedField === void 0 ? void 0 : selectedField.variables) || [];
   var defaultLabel = (selectedField === null || selectedField === void 0 ? void 0 : selectedField.placeholder) || t("neetoRules.form.note");
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
       className: "neeto-ui-text-gray-700",
       "data-cy": "note-action-separator-text",
       style: "h5",
       weight: "normal",
       children: separator
-    }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+    }), /*#__PURE__*/jsxRuntime.jsx(Button, {
       "data-cy": "note-action-button",
       label: defaultLabel.toLowerCase(),
       style: "link",
-      className: classNames__default["default"]("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
+      className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
         "neeto-ui-text-accent-800": showPane,
         "neeto-ui-text-error-500": isValid
       }),
@@ -1582,28 +1539,28 @@ var NoteField = function NoteField(_ref) {
           return !prevState;
         });
       }
-    }), /*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"], {
+    }), /*#__PURE__*/jsxRuntime.jsxs(Pane, {
       initialFocusRef: initialFocusRef,
       isOpen: showPane,
       size: "large",
       onClose: function onClose() {
         return setShowPane(false);
       },
-      children: [/*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Header, {
-        children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Header, {
+        children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
           className: "neeto-ui-text-gray-800",
           "data-cy": "note-action-pane-header-title",
           style: "h3",
           weight: "semibold",
           children: defaultLabel
         })
-      }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Body, {
+      }), /*#__PURE__*/jsxRuntime.jsx(Pane.Body, {
         children: /*#__PURE__*/jsxRuntime.jsx(EditorAction, {
           name: name,
           value: value,
           variables: variables
         })
-      }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Footer, {
+      }), /*#__PURE__*/jsxRuntime.jsx(Pane.Footer, {
         children: /*#__PURE__*/jsxRuntime.jsx(PaneFooterBlock, {
           setShowPane: setShowPane
         })
@@ -1646,7 +1603,7 @@ var formatErrorMessage = function formatErrorMessage(error) {
 
 var _excluded$9 = ["children"];
 function ownKeys$h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var STYLES = {
   border: {
     "default": "1px solid rgb(var(--neeto-ui-gray-400))",
@@ -1659,15 +1616,15 @@ var STYLES = {
 };
 var MultiValueRemove = function MultiValueRemove(props) {
   return /*#__PURE__*/jsxRuntime.jsx(reactSelect.components.MultiValueRemove, _objectSpread$h(_objectSpread$h({}, props), {}, {
-    innerProps: _objectSpread$h(_objectSpread$h({}, props.innerProps), {}, _defineProperty__default["default"]({}, "data-cy", "".concat(dasherize(props.data.label), "-remove-icon"))),
-    children: /*#__PURE__*/jsxRuntime.jsx(Close__default["default"], {
+    innerProps: _objectSpread$h(_objectSpread$h({}, props.innerProps), {}, _defineProperty({}, "data-cy", "".concat(dasherize(props.data.label), "-remove-icon"))),
+    children: /*#__PURE__*/jsxRuntime.jsx(Close, {
       size: 16
     })
   }));
 };
 var ValueContainer = function ValueContainer(_ref) {
   var children = _ref.children,
-    props = _objectWithoutProperties__default["default"](_ref, _excluded$9);
+    props = _objectWithoutProperties(_ref, _excluded$9);
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var getValue = props.getValue,
@@ -1675,13 +1632,13 @@ var ValueContainer = function ValueContainer(_ref) {
     isFocused = _props$selectProps.isFocused,
     visiblePhoneNumbersCount = _props$selectProps.visiblePhoneNumbersCount;
   var value = getValue();
-  var _children = _toArray__default["default"](children),
+  var _children = _toArray(children),
     firstChild = _children[0],
     rest = _children.slice(1);
   var shouldCollapse = !isFocused && value.length > visiblePhoneNumbersCount;
   return /*#__PURE__*/jsxRuntime.jsxs(reactSelect.components.ValueContainer, _objectSpread$h(_objectSpread$h({}, props), {}, {
-    innerProps: _objectSpread$h(_objectSpread$h({}, props.innerProps), {}, _defineProperty__default["default"]({}, "data-cy", "multi-phone-number-input-container")),
-    children: [shouldCollapse ? firstChild.slice(0, visiblePhoneNumbersCount) : firstChild, shouldCollapse && /*#__PURE__*/jsxRuntime.jsx(Tag__default["default"], {
+    innerProps: _objectSpread$h(_objectSpread$h({}, props.innerProps), {}, _defineProperty({}, "data-cy", "multi-phone-number-input-container")),
+    children: [shouldCollapse ? firstChild.slice(0, visiblePhoneNumbersCount) : firstChild, shouldCollapse && /*#__PURE__*/jsxRuntime.jsx(Tag, {
       style: "secondary",
       label: t("neetoRules.labels.remainingItemsCount", {
         count: value.length - visiblePhoneNumbersCount
@@ -1691,8 +1648,8 @@ var ValueContainer = function ValueContainer(_ref) {
 };
 var ClearIndicator = function ClearIndicator(props) {
   return /*#__PURE__*/jsxRuntime.jsx(reactSelect.components.ClearIndicator, _objectSpread$h(_objectSpread$h({}, props), {}, {
-    innerProps: _objectSpread$h(_objectSpread$h({}, props.innerProps), {}, _defineProperty__default["default"]({}, "data-cy", "clear-all-button")),
-    children: /*#__PURE__*/jsxRuntime.jsx(Close__default["default"], {
+    innerProps: _objectSpread$h(_objectSpread$h({}, props.innerProps), {}, _defineProperty({}, "data-cy", "clear-all-button")),
+    children: /*#__PURE__*/jsxRuntime.jsx(Close, {
       className: "cursor-pointer",
       size: 16
     })
@@ -1724,7 +1681,7 @@ var CUSTOM_COMPONENTS = {
 
 var _excluded$8 = ["value", "onChange", "error", "onBlur"];
 function ownKeys$g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MultiPhoneNumberInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var _ref$value = _ref.value,
     value = _ref$value === void 0 ? [] : _ref$value,
@@ -1734,13 +1691,13 @@ var MultiPhoneNumberInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     error = _ref$error === void 0 ? "" : _ref$error,
     _ref$onBlur = _ref.onBlur,
     onBlur = _ref$onBlur === void 0 ? neetoCist.noop : _ref$onBlur,
-    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$8);
+    otherProps = _objectWithoutProperties(_ref, _excluded$8);
   var _useState = react.useState(""),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     inputValue = _useState2[0],
     setInputValue = _useState2[1];
   var _useState3 = react.useState(false),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     isFocused = _useState4[0],
     setIsFocused = _useState4[1];
   var _useTranslation = reactI18next.useTranslation(),
@@ -1753,7 +1710,7 @@ var MultiPhoneNumberInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     var inputValues = inputValue.match(PHONE_NUMBER_SEPARATION_REGEX) || [];
     var phoneNumberMatches = ramda.filter(ramda.test(FLEXIBLE_PHONE_NUMBER_REGEX), inputValues);
     var phoneNumbers = phoneNumberMatches.map(formatPhoneNumberInputOptions);
-    onChange(pruneDuplicates([].concat(_toConsumableArray__default["default"](value), _toConsumableArray__default["default"](phoneNumbers))));
+    onChange(pruneDuplicates([].concat(_toConsumableArray(value), _toConsumableArray(phoneNumbers))));
     setInputValue("");
   };
   var handleKeyDown = function handleKeyDown(event) {
@@ -1766,7 +1723,7 @@ var MultiPhoneNumberInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   };
   var onCreateOption = function onCreateOption(input) {
     var phoneNumber = formatPhoneNumberInputOptions(input);
-    onChange(pruneDuplicates([].concat(_toConsumableArray__default["default"](value), [phoneNumber])));
+    onChange(pruneDuplicates([].concat(_toConsumableArray(value), [phoneNumber])));
   };
   var handleBlur = function handleBlur(event) {
     inputValue ? handlePhoneNumberChange() : onBlur(event);
@@ -1777,13 +1734,13 @@ var MultiPhoneNumberInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
     className: "neeto-ui-input__wrapper neeto-ui-email-input__wrapper",
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
       className: "neeto-ui-email-input__label-wrapper",
-      children: /*#__PURE__*/jsxRuntime.jsx(Label__default["default"], {
+      children: /*#__PURE__*/jsxRuntime.jsx(Label, {
         required: true,
         className: "neeto-ui-email-input__label",
         "data-cy": "".concat(dasherize(label), "-input-label"),
         children: label
       })
-    }), /*#__PURE__*/jsxRuntime.jsx(CreatableSelect__default["default"], _objectSpread$g({
+    }), /*#__PURE__*/jsxRuntime.jsx(CreatableSelect, _objectSpread$g({
       isMulti: true,
       required: true,
       classNamePrefix: "neeto-ui-react-select",
@@ -1791,7 +1748,7 @@ var MultiPhoneNumberInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
       menuIsOpen: false,
       placeholder: t("neetoRules.placeholders.phoneNumberField"),
       visiblePhoneNumbersCount: 4,
-      className: classNames__default["default"]("neeto-ui-react-select__container neeto-ui-react-select__container--medium neeto-ui-email-input__select", {
+      className: classNames("neeto-ui-react-select__container neeto-ui-react-select__container--medium neeto-ui-email-input__select", {
         "neeto-ui-react-select__container--error": !!error
       }),
       styles: _objectSpread$g(_objectSpread$g({}, CUSTOM_STYLES), {}, {
@@ -1836,7 +1793,7 @@ var PhoneNumberField = function PhoneNumberField(_ref) {
     _ref$phoneNumbers = _ref.phoneNumbers,
     phoneNumbers = _ref$phoneNumbers === void 0 ? [] : _ref$phoneNumbers;
   var _useField = formik.useField(name),
-    _useField2 = _slicedToArray__default["default"](_useField, 3);
+    _useField2 = _slicedToArray(_useField, 3);
     _useField2[0];
     var meta = _useField2[1],
     _useField2$ = _useField2[2],
@@ -1881,7 +1838,7 @@ var SmsFields = function SmsFields(_ref) {
     touched = _useFormikContext.touched,
     setFieldValue = _useFormikContext.setFieldValue;
   var _useState = react.useState(false),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     showPane = _useState2[0],
     setShowPane = _useState2[1];
   var initialFocusRef = react.useRef(null);
@@ -1911,17 +1868,17 @@ var SmsFields = function SmsFields(_ref) {
     return field === "phoneNumbers" ? true : !showPhoneNumberInput;
   };
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
       className: "neeto-ui-text-gray-700",
       "data-cy": "sms-action-separator-text",
       style: "h5",
       weight: "normal",
       children: separator
-    }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+    }), /*#__PURE__*/jsxRuntime.jsx(Button, {
       "data-cy": "sms-action-button",
       label: defaultLabel.toLowerCase(),
       style: "link",
-      className: classNames__default["default"]("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
+      className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
         "neeto-ui-text-accent-800": showPane,
         "neeto-ui-text-error-500": isValid
       }),
@@ -1930,22 +1887,22 @@ var SmsFields = function SmsFields(_ref) {
           return !prevState;
         });
       }
-    }), /*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"], {
+    }), /*#__PURE__*/jsxRuntime.jsxs(Pane, {
       initialFocusRef: initialFocusRef,
       isOpen: showPane,
       size: "large",
       onClose: function onClose() {
         return setShowPane(false);
       },
-      children: [/*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Header, {
-        children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Header, {
+        children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
           className: "neeto-ui-text-gray-800 cursor-pointer",
           "data-cy": "sms-action-pane-header-title",
           style: "h3",
           weight: "semibold",
           children: defaultLabel
         })
-      }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Body, {
+      }), /*#__PURE__*/jsxRuntime.jsx(Pane.Body, {
         children: /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "w-full",
           children: [isTemplateSelectionEnabled && /*#__PURE__*/jsxRuntime.jsx(SelectTemplateField, {
@@ -1969,7 +1926,7 @@ var SmsFields = function SmsFields(_ref) {
             variables: selectedField === null || selectedField === void 0 ? void 0 : selectedField.variables
           })]
         })
-      }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Footer, {
+      }), /*#__PURE__*/jsxRuntime.jsx(Pane.Footer, {
         children: /*#__PURE__*/jsxRuntime.jsx(PaneFooterBlock, {
           setShowPane: setShowPane
         })
@@ -2153,7 +2110,7 @@ var ActionSubItems = function ActionSubItems(_ref) {
 var ActionSubItem = /*#__PURE__*/react.memo(ActionSubItems);
 
 function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var getSchemaForStrings = function getSchemaForStrings(element) {
   var label = element.label,
     _element$componentPro = element.componentProps,
@@ -2430,7 +2387,7 @@ var getSchemaForElement = function getSchemaForElement(element, customData) {
 var getValidationSchema = function getValidationSchema(data, customData) {
   var fieldKeys = Object.keys(data);
   var schema = fieldKeys.reduce(function (acc, key) {
-    return _objectSpread$f(_objectSpread$f({}, acc), {}, _defineProperty__default["default"]({}, key, yup__namespace.object({
+    return _objectSpread$f(_objectSpread$f({}, acc), {}, _defineProperty({}, key, yup__namespace.object({
       value: getSchemaForElement(data[key], customData)
     })));
   }, {});
@@ -2449,7 +2406,7 @@ var FIELD_TYPES = {
   executionDelay: "execution-delay"
 };
 var MAXIMUM_OPTION_LENGTH$1 = 7;
-var VALIDATION_SCHEMA = _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({}, FIELD_TYPES.text, getSchemaForStrings), FIELD_TYPES.longText, getSchemaForStrings), FIELD_TYPES.dropdown, getSchemaForStrings), FIELD_TYPES.radio, getSchemaForStrings), FIELD_TYPES.events, getEventsSchema), FIELD_TYPES.condition, getConditionsSchema), FIELD_TYPES.actions, getActionsSchema), FIELD_TYPES.multiSelect, getSchemaForArray), FIELD_TYPES.executionDelay, getSchemaForExecutionDelay);
+var VALIDATION_SCHEMA = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, FIELD_TYPES.text, getSchemaForStrings), FIELD_TYPES.longText, getSchemaForStrings), FIELD_TYPES.dropdown, getSchemaForStrings), FIELD_TYPES.radio, getSchemaForStrings), FIELD_TYPES.events, getEventsSchema), FIELD_TYPES.condition, getConditionsSchema), FIELD_TYPES.actions, getActionsSchema), FIELD_TYPES.multiSelect, getSchemaForArray), FIELD_TYPES.executionDelay, getSchemaForExecutionDelay);
 var DECIMAL_NUMBER_REGEX = /^-?\d*\.?\d+$/;
 var NUMBER_REGEX = /^-?\d+$/;
 var POSITIVE_DECIMAL_NUMBER_REGEX = /^\d*\.?\d+$/;
@@ -2470,8 +2427,8 @@ var DEFAULT_INITIAL_VALUE = {
   }
 };
 
-var Menu$7 = Dropdown__default["default"].Menu,
-  MenuItem$7 = Dropdown__default["default"].MenuItem;
+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 name = _ref.name,
@@ -2487,15 +2444,15 @@ var ActionItem = function ActionItem(_ref) {
   var _useState = react.useState({
       label: t("neetoRules.form.doThis")
     }),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     selectedOption = _useState2[0],
     setSelectedOption = _useState2[1];
   var _useState3 = react.useState(false),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     isActive = _useState4[0],
     setIsActive = _useState4[1];
   var _useState5 = react.useState(""),
-    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    _useState6 = _slicedToArray(_useState5, 2),
     searchTerm = _useState6[0],
     setSearchTerm = _useState6[1];
   var _useFormikContext = formik.useFormikContext(),
@@ -2558,7 +2515,7 @@ var ActionItem = function ActionItem(_ref) {
     _ref3$disabledReason = _ref3.disabledReason,
     disabledReason = _ref3$disabledReason === void 0 ? "" : _ref3$disabledReason;
   var renderErrorCallout = function renderErrorCallout(message) {
-    return /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+    return /*#__PURE__*/jsxRuntime.jsx(Typography, {
       className: "neeto-ui-text-white neeto-ui-bg-error-500 neeto-ui-rounded-sm -mx-4 w-full p-3",
       style: "h5",
       children: message
@@ -2580,20 +2537,20 @@ var ActionItem = function ActionItem(_ref) {
     className: "flex max-w-2xl flex-wrap gap-x-1 gap-y-3",
     children: [selectDropDownHasError && renderErrorCallout(selectDropDownErrorMessage), !isMessageToSlackAction && isDisabled && renderDisabledReason(), /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "flex flex-wrap items-center gap-x-2 gap-y-3",
-      children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
         className: "neeto-ui-text-gray-700",
         style: "h5",
         weight: "normal",
         children: label
-      }), /*#__PURE__*/jsxRuntime.jsx(Dropdown__default["default"], {
+      }), /*#__PURE__*/jsxRuntime.jsx(Dropdown$1, {
         buttonStyle: "secondary",
         className: "neeto-ui-bg-gray-100",
         position: "bottom-start",
-        customTarget: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+        customTarget: /*#__PURE__*/jsxRuntime.jsx(Button, {
           "data-cy": "action-dropdown-button",
           label: selectedOption === null || selectedOption === void 0 ? void 0 : (_selectedOption$label = selectedOption.label) === null || _selectedOption$label === void 0 ? void 0 : _selectedOption$label.toLowerCase(),
           style: "link",
-          className: classNames__default["default"]("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
+          className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
             "neeto-ui-text-accent-800": isActive,
             "neeto-ui-text-error-500": isActionSelected
           }),
@@ -2606,11 +2563,11 @@ var ActionItem = function ActionItem(_ref) {
         onClose: handleClose,
         children: /*#__PURE__*/jsxRuntime.jsxs(Menu$7, {
           className: "max-h-60 max-w-2xl p-3",
-          children: [actionOptions.length > MAXIMUM_OPTION_LENGTH$1 && /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
+          children: [actionOptions.length > MAXIMUM_OPTION_LENGTH$1 && /*#__PURE__*/jsxRuntime.jsx(Input$1, {
             autoFocus: true,
             "data-cy": "search-text-field",
             placeholder: t("neetoRules.common.search"),
-            prefix: /*#__PURE__*/jsxRuntime.jsx(Search__default["default"], {}),
+            prefix: /*#__PURE__*/jsxRuntime.jsx(Search, {}),
             value: searchTerm,
             onChange: function onChange(e) {
               return setSearchTerm(e.target.value);
@@ -2623,7 +2580,7 @@ var ActionItem = function ActionItem(_ref) {
             children: searchedOptions.map(function (option, idx) {
               return /*#__PURE__*/jsxRuntime.jsx(MenuItem$7.Button, {
                 "data-cy": "".concat(utils.joinHyphenCase(option.label), "-menu-item"),
-                suffix: (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) === option.value && /*#__PURE__*/jsxRuntime.jsx(Check__default["default"], {
+                suffix: (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) === option.value && /*#__PURE__*/jsxRuntime.jsx(Check, {
                   className: "neeto-ui-text-primary-800"
                 }),
                 onClick: function onClick() {
@@ -2658,7 +2615,7 @@ var Card = function Card(_ref) {
   var title = _ref.title,
     children = _ref.children;
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
       className: "neeto-ui-text-gray-600",
       "data-cy": "".concat(utils.joinHyphenCase(title), "-card-title"),
       style: "h4",
@@ -2671,7 +2628,7 @@ var Card = function Card(_ref) {
 };
 
 function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Actions = function Actions(_ref) {
   var name = _ref.name,
     label = _ref.label,
@@ -2697,7 +2654,7 @@ var Actions = function Actions(_ref) {
   }, [actions]);
   var handleRemoveAction = function handleRemoveAction(index, action, arrayHelpers) {
     if (action.id) {
-      setFieldValue("".concat(name, ".deleted"), [].concat(_toConsumableArray__default["default"](values[name].deleted || []), [_objectSpread$e(_objectSpread$e({}, action), {}, {
+      setFieldValue("".concat(name, ".deleted"), [].concat(_toConsumableArray(values[name].deleted || []), [_objectSpread$e(_objectSpread$e({}, action), {}, {
         _destroy: true
       })]));
     }
@@ -2723,9 +2680,9 @@ var Actions = function Actions(_ref) {
                 parentName: name
               }), /*#__PURE__*/jsxRuntime.jsxs("div", {
                 className: "-mx-1 flex flex-wrap",
-                children: [handleSlackChannelRefresh && action.name === "message_to_slack" && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+                children: [handleSlackChannelRefresh && action.name === "message_to_slack" && /*#__PURE__*/jsxRuntime.jsx(Button, {
                   "data-cy": "refresh-slack-button",
-                  icon: Refresh__default["default"],
+                  icon: Refresh,
                   size: 24,
                   style: "icon",
                   tooltipProps: {
@@ -2735,9 +2692,9 @@ var Actions = function Actions(_ref) {
                   onClick: function onClick() {
                     return handleSlackChannelRefresh();
                   }
-                }), showButton && index === actions.length - 1 && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+                }), showButton && index === actions.length - 1 && /*#__PURE__*/jsxRuntime.jsx(Button, {
                   "data-cy": "add-action-button",
-                  icon: Plus__default["default"],
+                  icon: Plus,
                   size: 24,
                   style: "icon",
                   tooltipProps: {
@@ -2747,9 +2704,9 @@ var Actions = function Actions(_ref) {
                   onClick: function onClick() {
                     return arrayHelpers.push(DEFAULT_RULE_ACTION);
                   }
-                }), actions.length > 1 && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+                }), actions.length > 1 && /*#__PURE__*/jsxRuntime.jsx(Button, {
                   "data-cy": "delete-action-button-".concat(index),
-                  icon: Delete__default["default"],
+                  icon: Delete,
                   size: 24,
                   style: "icon",
                   tooltipProps: {
@@ -2800,8 +2757,8 @@ var getAllOptions = function getAllOptions(options) {
   }) : [];
 };
 
-var Menu$6 = Dropdown__default["default"].Menu,
-  MenuItem$6 = Dropdown__default["default"].MenuItem;
+var Menu$6 = Dropdown$1.Menu,
+  MenuItem$6 = Dropdown$1.MenuItem;
 var DropdownField = function DropdownField(_ref) {
   var _selectedOption$label;
   var index = _ref.index,
@@ -2815,15 +2772,15 @@ var DropdownField = function DropdownField(_ref) {
     t = _useTranslation.t;
   var defaultSelectedValue = fieldType === "field" ? conditions.value[index].field : conditions.value[index].verb;
   var _useState = react.useState(neetoCist.toLabelAndValue(placeholder)),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     selectedOption = _useState2[0],
     setSelectedOption = _useState2[1];
   var _useState3 = react.useState(false),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     isSelected = _useState4[0],
     setIsSelected = _useState4[1];
   var _useState5 = react.useState(""),
-    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    _useState6 = _slicedToArray(_useState5, 2),
     searchTerm = _useState6[0],
     setSearchTerm = _useState6[1];
   var searchedOptions = getSearchedOptions$2(options, searchTerm);
@@ -2842,15 +2799,15 @@ var DropdownField = function DropdownField(_ref) {
   react.useEffect(function () {
     findDefaultOption();
   }, [options, conditions]);
-  return /*#__PURE__*/jsxRuntime.jsx(Dropdown__default["default"], {
+  return /*#__PURE__*/jsxRuntime.jsx(Dropdown$1, {
     buttonStyle: "secondary",
     className: "neeto-ui-bg-gray-100",
     position: "bottom-start",
-    customTarget: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+    customTarget: /*#__PURE__*/jsxRuntime.jsx(Button, {
       "data-cy": "condition-".concat(fieldType, "-dropdown-button"),
       label: selectedOption === null || selectedOption === void 0 ? void 0 : (_selectedOption$label = selectedOption.label) === null || _selectedOption$label === void 0 ? void 0 : _selectedOption$label.toLowerCase(),
       style: "link",
-      className: classNames__default["default"]("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
+      className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
         "neeto-ui-text-accent-800": isSelected
       }),
       onClick: function onClick() {
@@ -2862,11 +2819,11 @@ var DropdownField = function DropdownField(_ref) {
     onClose: handleClose,
     children: /*#__PURE__*/jsxRuntime.jsxs(Menu$6, {
       className: "max-h-60 max-w-2xl p-3",
-      children: [options.length > constants.MAXIMUM_OPTION_LENGTH && /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
+      children: [options.length > constants.MAXIMUM_OPTION_LENGTH && /*#__PURE__*/jsxRuntime.jsx(Input$1, {
         autoFocus: true,
         "data-cy": "search-text-field",
         placeholder: t("neetoRules.common.search"),
-        prefix: /*#__PURE__*/jsxRuntime.jsx(Search__default["default"], {}),
+        prefix: /*#__PURE__*/jsxRuntime.jsx(Search, {}),
         value: searchTerm,
         onChange: function onChange(e) {
           return setSearchTerm(e.target.value);
@@ -2879,10 +2836,10 @@ var DropdownField = function DropdownField(_ref) {
         children: searchedOptions.map(function (option, idx) {
           return /*#__PURE__*/jsxRuntime.jsx(MenuItem$6.Button, {
             "data-cy": "".concat(utils.joinHyphenCase(option.label), "-menu-item"),
-            className: classNames__default["default"]({
+            className: classNames({
               "neeto-ui-bg-gray-100": selectedOption.value === option.value
             }),
-            suffix: selectedOption.value === option.value && /*#__PURE__*/jsxRuntime.jsx(Check__default["default"], {
+            suffix: selectedOption.value === option.value && /*#__PURE__*/jsxRuntime.jsx(Check, {
               className: "neeto-ui-text-primary-800",
               "data-cy": "check-icon"
             }),
@@ -2901,8 +2858,8 @@ var DropdownField = function DropdownField(_ref) {
   });
 };
 
-var Menu$5 = Dropdown__default["default"].Menu,
-  MenuItem$5 = Dropdown__default["default"].MenuItem;
+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 name = _ref.name,
@@ -2920,15 +2877,15 @@ var Dropdown = function Dropdown(_ref) {
   var _useState = react.useState({
       label: defaultLabel
     }),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     defaultSelectedOption = _useState2[0],
     setDefaultSelectedOption = _useState2[1];
   var _useState3 = react.useState(false),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     isActive = _useState4[0],
     setIsActive = _useState4[1];
   var _useState5 = react.useState(""),
-    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    _useState6 = _slicedToArray(_useState5, 2),
     searchTerm = _useState6[0],
     setSearchTerm = _useState6[1];
   var defaultValue = (_conditions$value$ind = conditions.value[index].metadata) === null || _conditions$value$ind === void 0 ? void 0 : _conditions$value$ind.value;
@@ -2963,14 +2920,14 @@ var Dropdown = function Dropdown(_ref) {
   react.useEffect(function () {
     findDefaultSelectedOption();
   }, [options, conditions]);
-  return /*#__PURE__*/jsxRuntime.jsx(Dropdown__default["default"], {
+  return /*#__PURE__*/jsxRuntime.jsx(Dropdown$1, {
     buttonStyle: "secondary",
     className: "neeto-ui-bg-gray-100",
-    customTarget: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+    customTarget: /*#__PURE__*/jsxRuntime.jsx(Button, {
       "data-cy": "condition-value-dropdown-button",
       label: defaultSelectedOption === null || defaultSelectedOption === void 0 ? void 0 : (_defaultSelectedOptio = defaultSelectedOption.label) === null || _defaultSelectedOptio === void 0 ? void 0 : _defaultSelectedOptio.toLowerCase(),
       style: "link",
-      className: classNames__default["default"]("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
+      className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
         "neeto-ui-text-accent-800": isActive,
         "neeto-ui-text-error-500": isValueSelected
       }),
@@ -2984,11 +2941,11 @@ var Dropdown = function Dropdown(_ref) {
     onClose: handleClose,
     children: /*#__PURE__*/jsxRuntime.jsxs(Menu$5, {
       className: "max-h-60 max-w-2xl p-3",
-      children: [options.length > constants.MAXIMUM_OPTION_LENGTH && /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
+      children: [options.length > constants.MAXIMUM_OPTION_LENGTH && /*#__PURE__*/jsxRuntime.jsx(Input$1, {
         autoFocus: true,
         "data-cy": "search-text-field",
         placeholder: t("neetoRules.common.search"),
-        prefix: /*#__PURE__*/jsxRuntime.jsx(Search__default["default"], {}),
+        prefix: /*#__PURE__*/jsxRuntime.jsx(Search, {}),
         value: searchTerm,
         onChange: function onChange(e) {
           return setSearchTerm(e.target.value);
@@ -3001,10 +2958,10 @@ var Dropdown = function Dropdown(_ref) {
         children: searchedOptions.map(function (option, idx) {
           return /*#__PURE__*/jsxRuntime.jsx(MenuItem$5.Button, {
             "data-cy": "".concat(utils.joinHyphenCase(option.label), "-menu-item"),
-            className: classNames__default["default"]({
+            className: classNames({
               "neeto-ui-bg-gray-100": (defaultSelectedOption === null || defaultSelectedOption === void 0 ? void 0 : defaultSelectedOption.value) === option.value
             }),
-            suffix: (defaultSelectedOption === null || defaultSelectedOption === void 0 ? void 0 : defaultSelectedOption.value) === option.value && /*#__PURE__*/jsxRuntime.jsx(Check__default["default"], {
+            suffix: (defaultSelectedOption === null || defaultSelectedOption === void 0 ? void 0 : defaultSelectedOption.value) === option.value && /*#__PURE__*/jsxRuntime.jsx(Check, {
               className: "neeto-ui-text-primary-800"
             }),
             onClick: function onClick() {
@@ -3031,7 +2988,7 @@ var InputField$1 = function InputField(_ref) {
     errors = _useFormikContext.errors,
     touched = _useFormikContext.touched;
   var _useState = react.useState(false),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     showInput = _useState2[0],
     setShowInput = _useState2[1];
   var inputRef = react.useRef(null);
@@ -3047,12 +3004,12 @@ var InputField$1 = function InputField(_ref) {
   react.useEffect(function () {
     setShowInput(false);
   }, [condition.verb]);
-  return showInput ? /*#__PURE__*/jsxRuntime.jsx(Input__default$1["default"], {
+  return showInput ? /*#__PURE__*/jsxRuntime.jsx(Input$2, {
     name: name,
     placeholder: placeholder,
     ref: inputRef,
     size: "small",
-    suffix: /*#__PURE__*/jsxRuntime.jsx(Check__default["default"], {
+    suffix: /*#__PURE__*/jsxRuntime.jsx(Check, {
       className: "cursor-pointer",
       onClick: function onClick() {
         return setShowInput(function (prevState) {
@@ -3060,10 +3017,10 @@ var InputField$1 = function InputField(_ref) {
         });
       }
     })
-  }) : /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+  }) : /*#__PURE__*/jsxRuntime.jsx(Button, {
     label: label,
     style: "link",
-    className: classNames__default["default"]("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
+    className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
       "neeto-ui-text-error-500": isValid
     }),
     onClick: function onClick() {
@@ -3074,8 +3031,8 @@ var InputField$1 = function InputField(_ref) {
   });
 };
 
-var Menu$4 = Dropdown__default["default"].Menu,
-  MenuItem$4 = Dropdown__default["default"].MenuItem;
+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 name = _ref.name,
@@ -3088,11 +3045,11 @@ var MultiSelect = function MultiSelect(_ref) {
     touched = _useFormikContext.touched,
     setTouched = _useFormikContext.setTouched;
   var _useState = react.useState(null),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     activeOption = _useState2[0],
     setActiveOption = _useState2[1];
   var _useState3 = react.useState(""),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     searchTerm = _useState4[0],
     setSearchTerm = _useState4[1];
   var _useTranslation = reactI18next.useTranslation(),
@@ -3113,7 +3070,7 @@ var MultiSelect = function MultiSelect(_ref) {
     setActiveOption(null);
     setSearchTerm("");
   };
-  return /*#__PURE__*/jsxRuntime.jsx(Dropdown__default["default"], {
+  return /*#__PURE__*/jsxRuntime.jsx(Dropdown$1, {
     buttonStyle: "secondary",
     className: "neeto-ui-bg-gray-100",
     closeOnSelect: false,
@@ -3123,16 +3080,16 @@ var MultiSelect = function MultiSelect(_ref) {
       children: options.map(function (option, idx) {
         var _option$label;
         return /*#__PURE__*/jsxRuntime.jsxs(react.Fragment, {
-          children: [!!idx && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+          children: [!!idx && /*#__PURE__*/jsxRuntime.jsx(Typography, {
             className: "neeto-ui-text-gray-700",
             style: "h5",
             weight: "normal",
             children: t("neetoRules.common.or")
-          }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+          }), /*#__PURE__*/jsxRuntime.jsx(Button, {
             "data-cy": "condition-value-multi-select-field",
             label: option === null || option === void 0 ? void 0 : (_option$label = option.label) === null || _option$label === void 0 ? void 0 : _option$label.toLowerCase(),
             style: "link",
-            className: classNames__default["default"]("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
+            className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
               "neeto-ui-text-accent-800": activeOption === option.value
             }),
             onClick: function onClick() {
@@ -3142,11 +3099,11 @@ var MultiSelect = function MultiSelect(_ref) {
           })]
         }, idx);
       })
-    }) : /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+    }) : /*#__PURE__*/jsxRuntime.jsx(Button, {
       "data-cy": "condition-value-multi-select-field",
       label: defaultLabel,
       style: "link",
-      className: classNames__default["default"]("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
+      className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
         "neeto-ui-text-accent-800": activeOption === defaultLabel,
         "neeto-ui-text-error-500": isValid
       }),
@@ -3158,12 +3115,12 @@ var MultiSelect = function MultiSelect(_ref) {
     onClose: handleClose,
     children: /*#__PURE__*/jsxRuntime.jsxs(Menu$4, {
       className: "max-h-60 max-w-2xl p-3",
-      children: [dropDownOptions.length > constants.MAXIMUM_OPTION_LENGTH && /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
+      children: [dropDownOptions.length > constants.MAXIMUM_OPTION_LENGTH && /*#__PURE__*/jsxRuntime.jsx(Input$1, {
         autoFocus: true,
         className: "mb-1",
         "data-cy": "search-text-field",
         placeholder: t("neetoRules.common.search"),
-        prefix: /*#__PURE__*/jsxRuntime.jsx(Search__default["default"], {}),
+        prefix: /*#__PURE__*/jsxRuntime.jsx(Search, {}),
         value: searchTerm,
         onChange: function onChange(e) {
           return setSearchTerm(e.target.value);
@@ -3173,7 +3130,7 @@ var MultiSelect = function MultiSelect(_ref) {
         children: searchedOptions.map(function (option, idx) {
           return /*#__PURE__*/jsxRuntime.jsx(MenuItem$4.Button, {
             "data-cy": "".concat(utils.joinHyphenCase(option.label), "-menu-item"),
-            prefix: /*#__PURE__*/jsxRuntime.jsx(Checkbox__default["default"], {
+            prefix: /*#__PURE__*/jsxRuntime.jsx(Checkbox, {
               checked: selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.includes(option.value),
               "data-cy": "check-icon",
               id: option.value
@@ -3194,12 +3151,12 @@ var MultiSelect = function MultiSelect(_ref) {
 
 var _excluded$7 = ["name", "index"];
 function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MultiSelectCreate = function MultiSelectCreate(_ref) {
   var _conditions$value$ind, _conditions$value$ind2, _errors$conditions, _errors$conditions$va, _touched$conditions, _touched$conditions$v;
   var name = _ref.name,
     index = _ref.index,
-    props = _objectWithoutProperties__default["default"](_ref, _excluded$7);
+    props = _objectWithoutProperties(_ref, _excluded$7);
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useFormikContext = formik.useFormikContext(),
@@ -3209,7 +3166,7 @@ var MultiSelectCreate = function MultiSelectCreate(_ref) {
     touched = _useFormikContext.touched,
     setTouched = _useFormikContext.setTouched;
   var _useState = react.useState(false),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     showPane = _useState2[0],
     setShowPane = _useState2[1];
   var initialFocusRef = react.useRef(null);
@@ -3221,11 +3178,11 @@ var MultiSelectCreate = function MultiSelectCreate(_ref) {
   var defaultLabel = t("neetoRules.form.selectValues");
   var isValid = errors.conditions && ramda.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]) && ramda.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]);
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [ramda.isEmpty(allOptions) && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+    children: [ramda.isEmpty(allOptions) && /*#__PURE__*/jsxRuntime.jsx(Button, {
       "data-cy": "condition-value-multi-select-create-button",
       label: defaultLabel,
       style: "link",
-      className: classNames__default["default"]("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
+      className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
         "neeto-ui-text-error-500": isValid
       }),
       onClick: function onClick() {
@@ -3236,12 +3193,12 @@ var MultiSelectCreate = function MultiSelectCreate(_ref) {
       }
     }), allOptions.map(function (option, idx) {
       return /*#__PURE__*/jsxRuntime.jsxs(react.Fragment, {
-        children: [!!idx && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        children: [!!idx && /*#__PURE__*/jsxRuntime.jsx(Typography, {
           className: "neeto-ui-text-gray-700",
           style: "h5",
           weight: "normal",
           children: t("neetoRules.common.or")
-        }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+        }), /*#__PURE__*/jsxRuntime.jsx(Button, {
           className: "neeto-ui-text-gray-800 neeto-ui-font-semibold underline",
           "data-cy": "condition-value-multi-select-create-button",
           label: option.label,
@@ -3253,22 +3210,22 @@ var MultiSelectCreate = function MultiSelectCreate(_ref) {
           }
         })]
       }, idx);
-    }), /*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"], {
+    }), /*#__PURE__*/jsxRuntime.jsxs(Pane, {
       initialFocusRef: initialFocusRef,
       isOpen: showPane,
       size: "large",
       onClose: function onClose() {
         return setShowPane(false);
       },
-      children: [/*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Header, {
-        children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Header, {
+        children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
           className: "neeto-ui-text-gray-700",
           "data-cy": "multi-select-create-pane-header-title",
           style: "h3",
           children: t("neetoRules.labels.multipleValues")
         })
-      }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Body, {
-        children: /*#__PURE__*/jsxRuntime.jsx(Select__default["default"], _objectSpread$d({
+      }), /*#__PURE__*/jsxRuntime.jsx(Pane.Body, {
+        children: /*#__PURE__*/jsxRuntime.jsx(Select, _objectSpread$d({
           isMulti: true,
           className: "mt-4 w-full",
           "data-cy": "multi-select-create-container",
@@ -3281,7 +3238,7 @@ var MultiSelectCreate = function MultiSelectCreate(_ref) {
             }));
           }
         }, props))
-      }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Footer, {
+      }), /*#__PURE__*/jsxRuntime.jsx(Pane.Footer, {
         children: /*#__PURE__*/jsxRuntime.jsx(PaneFooterBlock, {
           setShowPane: setShowPane
         })
@@ -3304,7 +3261,7 @@ var DateField = function DateField(_ref) {
     touched = _useFormikContext.touched,
     setTouched = _useFormikContext.setTouched;
   var _useState = react.useState(false),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     showInput = _useState2[0],
     setShowInput = _useState2[1];
   var _useTranslation = reactI18next.useTranslation(),
@@ -3313,8 +3270,8 @@ var DateField = function DateField(_ref) {
   var label = valueTerm || t("neetoRules.form.selectDate");
   var isValid = errors.conditions && ramda.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]) && ramda.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 handleValidate = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
-      return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
+    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;
@@ -3350,14 +3307,14 @@ var DateField = function DateField(_ref) {
   };
   return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: showInput ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/jsxRuntime.jsx(DatePicker__default["default"], {
+      children: [/*#__PURE__*/jsxRuntime.jsx(DatePicker, {
         autoFocus: true,
         defaultValue: valueTerm,
         name: "".concat(name, ".value"),
         showTime: field.showTime,
         type: "date",
         onChange: handleOnChange
-      }), /*#__PURE__*/jsxRuntime.jsx(Check__default["default"], {
+      }), /*#__PURE__*/jsxRuntime.jsx(Check, {
         className: "cursor-pointer",
         onClick: function onClick() {
           return setShowInput(function (prevState) {
@@ -3365,10 +3322,10 @@ var DateField = function DateField(_ref) {
           });
         }
       })]
-    }) : /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+    }) : /*#__PURE__*/jsxRuntime.jsx(Button, {
       label: label,
       style: "link",
-      className: classNames__default["default"]("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
+      className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
         "neeto-ui-text-error-500": isValid
       }),
       onClick: function onClick() {
@@ -3493,14 +3450,14 @@ var ConditionItem = function ConditionItem(_ref) {
     setFieldValue("".concat(name, ".metadata"), {});
   };
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [isWithEvents && !index && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+    children: [isWithEvents && !index && /*#__PURE__*/jsxRuntime.jsx(Typography, {
       className: "neeto-ui-text-gray-700",
       style: "h5",
       weight: "normal",
       children: t("neetoRules.common.and", {
         what: ""
       })
-    }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+    }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
       className: "neeto-ui-text-gray-700",
       style: "h5",
       weight: "normal",
@@ -3532,7 +3489,7 @@ var LogicOperator = function LogicOperator(_ref) {
   var logicOperation = _ref.logicOperation,
     handleGroupJoinType = _ref.handleGroupJoinType;
   var logicOperationLabel = constants.OPERATOR_LABELS[logicOperation];
-  return /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+  return /*#__PURE__*/jsxRuntime.jsx(Button, {
     className: "neeto-ui-text-gray-800 neeto-ui-font-semibold underline",
     "data-cy": "logic-operator-button",
     label: logicOperationLabel,
@@ -3544,7 +3501,7 @@ var LogicOperator = function LogicOperator(_ref) {
 };
 
 function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Conditions = function Conditions(_ref) {
   var _field$value;
   var data = _ref.data,
@@ -3559,7 +3516,7 @@ var Conditions = function Conditions(_ref) {
     _ref$allowEmpty = _ref.allowEmpty,
     allowEmpty = _ref$allowEmpty === void 0 ? true : _ref$allowEmpty;
   var _useField = formik.useField(name),
-    _useField2 = _slicedToArray__default["default"](_useField, 3),
+    _useField2 = _slicedToArray(_useField, 3),
     field = _useField2[0],
     setValue = _useField2[2].setValue;
   var _useFormikContext = formik.useFormikContext(),
@@ -3582,7 +3539,7 @@ var Conditions = function Conditions(_ref) {
     if (condition.id) {
       var _field$value2;
       setValue(_objectSpread$c(_objectSpread$c({}, field.value), {}, {
-        deleted: [].concat(_toConsumableArray__default["default"](((_field$value2 = field.value) === null || _field$value2 === void 0 ? void 0 : _field$value2.deleted) || []), [_objectSpread$c(_objectSpread$c({}, condition), {}, {
+        deleted: [].concat(_toConsumableArray(((_field$value2 = field.value) === null || _field$value2 === void 0 ? void 0 : _field$value2.deleted) || []), [_objectSpread$c(_objectSpread$c({}, condition), {}, {
           _destroy: true
         })])
       }));
@@ -3620,9 +3577,9 @@ var Conditions = function Conditions(_ref) {
               })]
             }), /*#__PURE__*/jsxRuntime.jsxs("div", {
               className: "flex",
-              children: [index === conditions.length - 1 && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+              children: [index === conditions.length - 1 && /*#__PURE__*/jsxRuntime.jsx(Button, {
                 "data-cy": "add-condition-button",
-                icon: Plus__default["default"],
+                icon: Plus,
                 size: "small",
                 style: "text",
                 tooltipProps: {
@@ -3632,9 +3589,9 @@ var Conditions = function Conditions(_ref) {
                 onClick: function onClick() {
                   return handleAddCondition(arrayHelpers, condition.joinType);
                 }
-              }), (allowEmpty || index !== 0) && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+              }), (allowEmpty || index !== 0) && /*#__PURE__*/jsxRuntime.jsx(Button, {
                 "data-cy": "delete-condition-button-".concat(index),
-                icon: Delete__default["default"],
+                icon: Delete,
                 size: "small",
                 style: "text",
                 tooltipProps: {
@@ -3647,7 +3604,7 @@ var Conditions = function Conditions(_ref) {
               })]
             })]
           }, index);
-        }), ramda.isEmpty(conditions) && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+        }), ramda.isEmpty(conditions) && /*#__PURE__*/jsxRuntime.jsx(Button, {
           className: "neeto-ui-text-gray-600 mr-auto",
           "data-cy": "add-condition-button",
           label: t("neetoRules.form.addCondition"),
@@ -3656,10 +3613,10 @@ var Conditions = function Conditions(_ref) {
             return handleAddCondition(arrayHelpers, constants.OPERATORS.or);
           }
         }), isCallback && neetoCist.isNotEmpty(conditions) && /*#__PURE__*/jsxRuntime.jsx("div", {
-          children: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+          children: /*#__PURE__*/jsxRuntime.jsx(Button, {
             className: "mt-2",
             "data-cy": "preview-callback-button",
-            icon: Eye__default["default"],
+            icon: Eye,
             label: t("neetoRules.common.preview"),
             style: "secondary",
             onClick: function onClick() {
@@ -3684,42 +3641,45 @@ var DEFAULT_DELAY = {
 };
 
 function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var AddDelay = function AddDelay(_ref) {
-  var name = _ref.name;
+  var name = _ref.name,
+    data = _ref.data;
+  var _ref2 = data[name] || {},
+    _ref2$defaultValue = _ref2.defaultValue,
+    defaultValue = _ref2$defaultValue === void 0 ? DEFAULT_DELAY : _ref2$defaultValue;
   var _useField = formik.useField("".concat(name, ".value")),
-    _useField2 = _slicedToArray__default["default"](_useField, 3),
+    _useField2 = _slicedToArray(_useField, 3),
     value = _useField2[0].value;
     _useField2[1];
     var setValue = _useField2[2].setValue;
   var _useState = react.useState(ramda.isEmpty(value)),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     showAddDelayButton = _useState2[0],
     setShowAddDelayButton = _useState2[1];
   var addDelayButtonRef = react.useRef(null);
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var handleDisplayAddDelayForm = function handleDisplayAddDelayForm() {
-    var _value$value, _value$unit;
     setShowAddDelayButton(false);
     setValue({
-      value: (_value$value = value.value) !== null && _value$value !== void 0 ? _value$value : DEFAULT_DELAY.value,
-      unit: (_value$unit = value.unit) !== null && _value$unit !== void 0 ? _value$unit : DEFAULT_DELAY.unit
+      value: defaultValue.value,
+      unit: defaultValue.unit
     });
   };
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [showAddDelayButton && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
-        icon: Plus__default["default"],
+      children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
+        icon: Plus,
         ref: addDelayButtonRef,
         style: "secondary",
         onClick: handleDisplayAddDelayForm
-      }), /*#__PURE__*/jsxRuntime.jsxs(Popover__default["default"], {
+      }), /*#__PURE__*/jsxRuntime.jsxs(Popover, {
         reference: addDelayButtonRef,
-        children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
           style: "h4",
           children: t("neetoRules.common.addDelay")
-        }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
           lineHeight: "normal",
           style: "body2",
           children: t("neetoRules.helpText.addDelay")
@@ -3731,14 +3691,14 @@ var AddDelay = function AddDelay(_ref) {
         className: "flex h-full w-full items-center justify-between",
         children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "flex items-center gap-x-2",
-          children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+          children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
             style: "body2",
             children: t("neetoRules.form.delayExecutionBy")
-          }), /*#__PURE__*/jsxRuntime.jsx(Input__default$1["default"], {
+          }), /*#__PURE__*/jsxRuntime.jsx(Input$2, {
             name: "".concat(name, ".value.value"),
             placeholder: t("neetoRules.placeholders.enterDelay"),
             type: "number"
-          }), /*#__PURE__*/jsxRuntime.jsx(Select__default$1["default"], {
+          }), /*#__PURE__*/jsxRuntime.jsx(Select$1, {
             defaultValue: neetoCist.findBy({
               value: value.unit
             }, DELAY_UNIT_OPTIONS),
@@ -3751,8 +3711,8 @@ var AddDelay = function AddDelay(_ref) {
               }));
             }
           })]
-        }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
-          icon: Delete__default["default"],
+        }), /*#__PURE__*/jsxRuntime.jsx(Button, {
+          icon: Delete,
           size: "small",
           style: "text",
           tooltipProps: {
@@ -3787,19 +3747,19 @@ var getDropdownOptions = function getDropdownOptions(eventNames, eventOptions) {
   var _pipe = ramda.pipe(ramda.partition(function (option) {
       return eventNames.includes(option.value);
     }), function (_ref2) {
-      var _ref3 = _slicedToArray__default["default"](_ref2, 2),
+      var _ref3 = _slicedToArray(_ref2, 2),
         included = _ref3[0],
         excluded = _ref3[1];
       return [included, excluded];
     })(eventOptions),
-    _pipe2 = _slicedToArray__default["default"](_pipe, 2),
+    _pipe2 = _slicedToArray(_pipe, 2),
     includedOptions = _pipe2[0],
     excludedOptions = _pipe2[1];
-  return [].concat(_toConsumableArray__default["default"](includedOptions), _toConsumableArray__default["default"](excludedOptions));
+  return [].concat(_toConsumableArray(includedOptions), _toConsumableArray(excludedOptions));
 };
 
-var Menu$3 = Dropdown__default["default"].Menu,
-  MenuItem$3 = Dropdown__default["default"].MenuItem;
+var Menu$3 = Dropdown$1.Menu,
+  MenuItem$3 = Dropdown$1.MenuItem;
 var Performer$1 = function Performer(_ref) {
   var _selectedOption$label;
   var name = _ref.name,
@@ -3819,15 +3779,15 @@ var Performer$1 = function Performer(_ref) {
     label: t("neetoRules.placeholders.selectOption")
   };
   var _useState = react.useState(defaultLabel),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     selectedOption = _useState2[0],
     setSelectedOption = _useState2[1];
   var _useState3 = react.useState(false),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     isSelected = _useState4[0],
     setIsSelected = _useState4[1];
   var _useState5 = react.useState(""),
-    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    _useState6 = _slicedToArray(_useState5, 2),
     searchTerm = _useState6[0],
     setSearchTerm = _useState6[1];
   var searchedOptions = getSearchedOptions$1(performerOptions, searchTerm);
@@ -3855,19 +3815,19 @@ var Performer$1 = function Performer(_ref) {
   };
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "my-auto flex items-center gap-x-2 gap-y-3",
-    children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
       className: "neeto-ui-text-gray-700",
       style: "h5",
       weight: "normal",
       children: t("neetoRules.common.by")
-    }), /*#__PURE__*/jsxRuntime.jsx(Dropdown__default["default"], {
+    }), /*#__PURE__*/jsxRuntime.jsx(Dropdown$1, {
       buttonStyle: "secondary",
       className: "neeto-ui-bg-gray-100",
-      customTarget: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+      customTarget: /*#__PURE__*/jsxRuntime.jsx(Button, {
         "data-cy": "event-performer-dropdown",
         label: selectedOption === null || selectedOption === void 0 ? void 0 : (_selectedOption$label = selectedOption.label) === null || _selectedOption$label === void 0 ? void 0 : _selectedOption$label.toLowerCase(),
         style: "link",
-        className: classNames__default["default"](" neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
+        className: classNames(" neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
           "neeto-ui-text-accent-800": isSelected,
           "neeto-ui-text-error-500": isValueSelected
         }),
@@ -3880,12 +3840,12 @@ var Performer$1 = function Performer(_ref) {
       onClose: handleClose,
       children: /*#__PURE__*/jsxRuntime.jsxs(Menu$3, {
         className: "max-h-60 max-w-2xl p-3",
-        children: [performerOptions.length > MAXIMUM_OPTION_LENGTH && /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
+        children: [performerOptions.length > MAXIMUM_OPTION_LENGTH && /*#__PURE__*/jsxRuntime.jsx(Input$1, {
           autoFocus: true,
           className: "mb-1",
           "data-cy": "search-text-field",
           placeholder: t("neetoRules.common.search"),
-          prefix: /*#__PURE__*/jsxRuntime.jsx(Search__default["default"], {}),
+          prefix: /*#__PURE__*/jsxRuntime.jsx(Search, {}),
           value: searchTerm,
           onChange: function onChange(e) {
             return setSearchTerm(e.target.value);
@@ -3899,10 +3859,10 @@ var Performer$1 = function Performer(_ref) {
             return /*#__PURE__*/jsxRuntime.jsx(MenuItem$3.Button, {
               "data-cy": "".concat(utils.joinHyphenCase(option.label), "-menu-item"),
               isDisabled: isMenuDisabled,
-              className: classNames__default["default"]({
+              className: classNames({
                 "neeto-ui-bg-gray-100": selectedOption.value === option.value
               }),
-              suffix: selectedOption.value === option.value && /*#__PURE__*/jsxRuntime.jsx(Check__default["default"], {
+              suffix: selectedOption.value === option.value && /*#__PURE__*/jsxRuntime.jsx(Check, {
                 className: "neeto-ui-text-primary-800",
                 "data-cy": "check-icon"
               }),
@@ -3922,9 +3882,9 @@ var Performer$1 = function Performer(_ref) {
 };
 
 function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Menu$2 = Dropdown__default["default"].Menu,
-  MenuItem$2 = Dropdown__default["default"].MenuItem;
+function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Menu$2 = Dropdown$1.Menu,
+  MenuItem$2 = Dropdown$1.MenuItem;
 var Events$1 = function Events(_ref) {
   var name = _ref.name,
     data = _ref.data,
@@ -3935,11 +3895,11 @@ var Events$1 = function Events(_ref) {
     setFieldValue = _useFormikContext.setFieldValue,
     errors = _useFormikContext.errors;
   var _useState = react.useState(null),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     activeOption = _useState2[0],
     setActiveOption = _useState2[1];
   var _useState3 = react.useState(""),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     searchTerm = _useState4[0],
     setSearchTerm = _useState4[1];
   var _useTranslation = reactI18next.useTranslation(),
@@ -3959,7 +3919,7 @@ var Events$1 = function Events(_ref) {
     var deletedEvents = ((_values$name = values[name]) === null || _values$name === void 0 ? void 0 : _values$name.deleted) || [];
     for (var idx = 0; idx < events.length; idx++) {
       if (events[idx].id) {
-        deletedEvents = [].concat(_toConsumableArray__default["default"](deletedEvents), [_objectSpread$a(_objectSpread$a({}, events[idx]), {}, {
+        deletedEvents = [].concat(_toConsumableArray(deletedEvents), [_objectSpread$a(_objectSpread$a({}, events[idx]), {}, {
           _destroy: true
         })]);
       }
@@ -3986,7 +3946,7 @@ var Events$1 = function Events(_ref) {
       }, events);
       if (defaultEvent.id) {
         var _values$name2;
-        setFieldValue("".concat(name, ".deleted"), [].concat(_toConsumableArray__default["default"](((_values$name2 = values[name]) === null || _values$name2 === void 0 ? void 0 : _values$name2.deleted) || []), [_objectSpread$a(_objectSpread$a({}, defaultEvent), {}, {
+        setFieldValue("".concat(name, ".deleted"), [].concat(_toConsumableArray(((_values$name2 = values[name]) === null || _values$name2 === void 0 ? void 0 : _values$name2.deleted) || []), [_objectSpread$a(_objectSpread$a({}, defaultEvent), {}, {
           _destroy: true
         })]));
       }
@@ -3999,13 +3959,13 @@ var Events$1 = function Events(_ref) {
     }, events);
     if (event && event.id) {
       var _values$name3;
-      setFieldValue("".concat(name, ".deleted"), [].concat(_toConsumableArray__default["default"](((_values$name3 = values[name]) === null || _values$name3 === void 0 ? void 0 : _values$name3.deleted) || []), [_objectSpread$a(_objectSpread$a({}, event), {}, {
+      setFieldValue("".concat(name, ".deleted"), [].concat(_toConsumableArray(((_values$name3 = values[name]) === null || _values$name3 === void 0 ? void 0 : _values$name3.deleted) || []), [_objectSpread$a(_objectSpread$a({}, event), {}, {
         _destroy: true
       })]));
     }
     options = eventNames.includes(option.value) ? neetoCist.removeBy({
       name: option.value
-    }, options) : [].concat(_toConsumableArray__default["default"](options), [{
+    }, options) : [].concat(_toConsumableArray(options), [{
       name: option.value
     }]);
     onSelectEvent === null || onSelectEvent === void 0 ? void 0 : onSelectEvent(name, options);
@@ -4017,12 +3977,12 @@ var Events$1 = function Events(_ref) {
   };
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "my-auto flex flex-wrap items-center gap-x-2 gap-y-3",
-    children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
       className: "neeto-ui-text-gray-700 my-auto",
       style: "h5",
       weight: "normal",
       children: t("neetoRules.common.when")
-    }), /*#__PURE__*/jsxRuntime.jsx(Dropdown__default["default"], {
+    }), /*#__PURE__*/jsxRuntime.jsx(Dropdown$1, {
       buttonStyle: "secondary",
       className: "neeto-ui-bg-gray-100",
       closeOnSelect: false,
@@ -4033,16 +3993,16 @@ var Events$1 = function Events(_ref) {
           var _event$label;
           return /*#__PURE__*/jsxRuntime.jsxs("span", {
             className: "flex flex-wrap items-center gap-x-2 gap-y-1",
-            children: [!!idx && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+            children: [!!idx && /*#__PURE__*/jsxRuntime.jsx(Typography, {
               className: "neeto-ui-text-gray-700",
               style: "h5",
               weight: "normal",
               children: t("neetoRules.common.or")
-            }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+            }), /*#__PURE__*/jsxRuntime.jsx(Button, {
               "data-cy": "condition-value-multi-select-field",
               label: event === null || event === void 0 ? void 0 : (_event$label = event.label) === null || _event$label === void 0 ? void 0 : _event$label.toLowerCase(),
               style: "link",
-              className: classNames__default["default"]("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
+              className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
                 "neeto-ui-text-accent-800": activeOption === event.value
               }),
               onClick: function onClick() {
@@ -4051,11 +4011,11 @@ var Events$1 = function Events(_ref) {
             })]
           }, idx);
         })
-      }) : /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+      }) : /*#__PURE__*/jsxRuntime.jsx(Button, {
         "data-cy": "condition-value-multi-select-field",
         label: defaultLabel,
         style: "link",
-        className: classNames__default["default"]("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
+        className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
           "neeto-ui-text-accent-800": activeOption === defaultLabel,
           "neeto-ui-text-error-500": !isValid
         }),
@@ -4066,12 +4026,12 @@ var Events$1 = function Events(_ref) {
       onClose: handleClose,
       children: /*#__PURE__*/jsxRuntime.jsxs(Menu$2, {
         className: "max-h-60 max-w-2xl p-3",
-        children: [dropdownOptions.length > MAXIMUM_OPTION_LENGTH && /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
+        children: [dropdownOptions.length > MAXIMUM_OPTION_LENGTH && /*#__PURE__*/jsxRuntime.jsx(Input$1, {
           autoFocus: true,
           className: "mb-1",
           "data-cy": "search-text-field",
           placeholder: t("neetoRules.common.search"),
-          prefix: /*#__PURE__*/jsxRuntime.jsx(Search__default["default"], {}),
+          prefix: /*#__PURE__*/jsxRuntime.jsx(Search, {}),
           value: searchTerm,
           onChange: function onChange(e) {
             return setSearchTerm(e.target.value);
@@ -4081,7 +4041,7 @@ var Events$1 = function Events(_ref) {
           children: searchedOptions.map(function (option, idx) {
             return /*#__PURE__*/jsxRuntime.jsx(MenuItem$2.Button, {
               "data-cy": "".concat(utils.joinHyphenCase(option.label), "-menu-item"),
-              prefix: /*#__PURE__*/jsxRuntime.jsx(Checkbox__default["default"], {
+              prefix: /*#__PURE__*/jsxRuntime.jsx(Checkbox, {
                 checked: eventNames === null || eventNames === void 0 ? void 0 : eventNames.includes(option.value),
                 "data-cy": "check-icon",
                 id: option.value
@@ -4107,7 +4067,7 @@ var Events$1 = function Events(_ref) {
 
 var _excluded$6 = ["addButtonTooltipProps", "data", "label", "name", "performerName", "conditionsName", "onSelectEvent", "enableAddingDelay"];
 function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var EventConditions = function EventConditions(_ref) {
   var _ref$addButtonTooltip = _ref.addButtonTooltipProps,
     addButtonTooltipProps = _ref$addButtonTooltip === void 0 ? {} : _ref$addButtonTooltip,
@@ -4119,7 +4079,7 @@ var EventConditions = function EventConditions(_ref) {
     onSelectEvent = _ref.onSelectEvent,
     _ref$enableAddingDela = _ref.enableAddingDelay,
     enableAddingDelay = _ref$enableAddingDela === void 0 ? false : _ref$enableAddingDela,
-    config = _objectWithoutProperties__default["default"](_ref, _excluded$6);
+    config = _objectWithoutProperties(_ref, _excluded$6);
   var _useFormikContext = formik.useFormikContext(),
     values = _useFormikContext.values,
     setFieldValue = _useFormikContext.setFieldValue;
@@ -4155,7 +4115,7 @@ var EventConditions = function EventConditions(_ref) {
       children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex justify-between",
         children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-          className: classNames__default["default"]("my-auto", {
+          className: classNames("my-auto", {
             "max-w-4xl": showAddButton
           }),
           children: /*#__PURE__*/jsxRuntime.jsx(Events$1, {
@@ -4164,13 +4124,13 @@ var EventConditions = function EventConditions(_ref) {
             onSelectEvent: onSelectEvent,
             performerName: performerName
           })
-        }), showAddButton && /*#__PURE__*/jsxRuntime.jsx(Tooltip__default["default"], _objectSpread$9(_objectSpread$9({}, tooltipProps), {}, {
+        }), showAddButton && /*#__PURE__*/jsxRuntime.jsx(Tooltip, _objectSpread$9(_objectSpread$9({}, tooltipProps), {}, {
           children: /*#__PURE__*/jsxRuntime.jsx("div", {
-            children: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+            children: /*#__PURE__*/jsxRuntime.jsx(Button, {
               "data-cy": "add-condition-button",
               "data-test-id": "automation-rules-add-events-button",
               disabled: isConditionsEmpty,
-              icon: Plus__default["default"],
+              icon: Plus,
               size: "small",
               style: "text",
               onClick: handleAddCondition
@@ -4186,6 +4146,7 @@ var EventConditions = function EventConditions(_ref) {
         }, config))
       })]
     }), enableAddingDelay && /*#__PURE__*/jsxRuntime.jsx(AddDelay, {
+      data: data,
       name: "execution_delay"
     })]
   });
@@ -4206,9 +4167,9 @@ var getSearchedOptions = function getSearchedOptions(dropDownOptions, searchTerm
   });
 };
 
-var Menu$1 = Dropdown__default["default"].Menu,
-  MenuItem$1 = Dropdown__default["default"].MenuItem,
-  Divider = Dropdown__default["default"].Divider;
+var Menu$1 = Dropdown$1.Menu,
+  MenuItem$1 = Dropdown$1.MenuItem,
+  Divider = Dropdown$1.Divider;
 var EventItem = function EventItem(_ref) {
   var name = _ref.name,
     parentName = _ref.parentName,
@@ -4217,15 +4178,15 @@ var EventItem = function EventItem(_ref) {
     removeEvent = _ref.removeEvent,
     onSelectEvent = _ref.onSelectEvent;
   var _useState = react.useState(t("neetoRules.form.thisHappens")),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     selectedOption = _useState2[0],
     setSelectedOption = _useState2[1];
   var _useState3 = react.useState(false),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     isActive = _useState4[0],
     setIsActive = _useState4[1];
   var _useState5 = react.useState(""),
-    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    _useState6 = _slicedToArray(_useState5, 2),
     searchTerm = _useState6[0],
     setSearchTerm = _useState6[1];
   var _useTranslation = reactI18next.useTranslation(),
@@ -4268,15 +4229,15 @@ var EventItem = function EventItem(_ref) {
   };
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: "my-auto flex flex-wrap",
-    children: /*#__PURE__*/jsxRuntime.jsx(Dropdown__default["default"], {
+    children: /*#__PURE__*/jsxRuntime.jsx(Dropdown$1, {
       buttonStyle: "secondary",
       className: "neeto-ui-bg-gray-100",
       closeOnSelect: false,
-      customTarget: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+      customTarget: /*#__PURE__*/jsxRuntime.jsx(Button, {
         "data-cy": "event-dropdown-button",
         label: selectedOption.toLowerCase(),
         style: "link",
-        className: classNames__default["default"]("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
+        className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
           "neeto-ui-text-accent-800": isActive,
           "neeto-ui-text-error-500": isValueSelected
         }),
@@ -4289,11 +4250,11 @@ var EventItem = function EventItem(_ref) {
       onClose: handleClose,
       children: /*#__PURE__*/jsxRuntime.jsxs(Menu$1, {
         className: "max-h-60 max-w-2xl p-3",
-        children: [eventOptions.length > MAXIMUM_OPTION_LENGTH$1 && /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
+        children: [eventOptions.length > MAXIMUM_OPTION_LENGTH$1 && /*#__PURE__*/jsxRuntime.jsx(Input$1, {
           className: "mb-1",
           "data-cy": "search-text-field",
           placeholder: t("neetoRules.common.search"),
-          prefix: /*#__PURE__*/jsxRuntime.jsx(Search__default["default"], {}),
+          prefix: /*#__PURE__*/jsxRuntime.jsx(Search, {}),
           value: searchTerm,
           onChange: function onChange(e) {
             return setSearchTerm(e.target.value);
@@ -4323,8 +4284,8 @@ var EventItem = function EventItem(_ref) {
   });
 };
 
-var Menu = Dropdown__default["default"].Menu,
-  MenuItem = Dropdown__default["default"].MenuItem;
+var Menu = Dropdown$1.Menu,
+  MenuItem = Dropdown$1.MenuItem;
 var Performer = function Performer(_ref) {
   var _selectedOption$label;
   var name = _ref.name,
@@ -4342,15 +4303,15 @@ var Performer = function Performer(_ref) {
     label: t("neetoRules.placeholders.selectOption")
   };
   var _useState = react.useState(defaultLabel),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     selectedOption = _useState2[0],
     setSelectedOption = _useState2[1];
   var _useState3 = react.useState(false),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     isSelected = _useState4[0],
     setIsSelected = _useState4[1];
   var _useState5 = react.useState(""),
-    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    _useState6 = _slicedToArray(_useState5, 2),
     searchTerm = _useState6[0],
     setSearchTerm = _useState6[1];
   var searchedOptions = getSearchedOptions(performerOptions, searchTerm);
@@ -4378,20 +4339,20 @@ var Performer = function Performer(_ref) {
   };
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "my-auto flex",
-    children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
       className: "neeto-ui-text-gray-700 mr-2",
       style: "h5",
       weight: "normal",
       children: t("neetoRules.common.by")
-    }), /*#__PURE__*/jsxRuntime.jsx(Dropdown__default["default"], {
+    }), /*#__PURE__*/jsxRuntime.jsx(Dropdown$1, {
       buttonStyle: "secondary",
       className: "neeto-ui-bg-gray-100",
       closeOnSelect: false,
-      customTarget: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+      customTarget: /*#__PURE__*/jsxRuntime.jsx(Button, {
         "data-cy": "event-performer-dropdown",
         label: selectedOption === null || selectedOption === void 0 ? void 0 : (_selectedOption$label = selectedOption.label) === null || _selectedOption$label === void 0 ? void 0 : _selectedOption$label.toLowerCase(),
         style: "link",
-        className: classNames__default["default"]("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
+        className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
           "neeto-ui-text-accent-800": isSelected,
           "neeto-ui-text-error-500": isValueSelected
         }),
@@ -4404,11 +4365,11 @@ var Performer = function Performer(_ref) {
       onClose: handleClose,
       children: /*#__PURE__*/jsxRuntime.jsxs(Menu, {
         className: "max-h-60 max-w-2xl p-3",
-        children: [performerOptions.length > MAXIMUM_OPTION_LENGTH$1 && /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
+        children: [performerOptions.length > MAXIMUM_OPTION_LENGTH$1 && /*#__PURE__*/jsxRuntime.jsx(Input$1, {
           className: "mb-1",
           "data-cy": "search-text-field",
           placeholder: t("neetoRules.common.search"),
-          prefix: /*#__PURE__*/jsxRuntime.jsx(Search__default["default"], {}),
+          prefix: /*#__PURE__*/jsxRuntime.jsx(Search, {}),
           value: searchTerm,
           onChange: function onChange(e) {
             return setSearchTerm(e.target.value);
@@ -4418,10 +4379,10 @@ var Performer = function Performer(_ref) {
           children: searchedOptions.map(function (option, idx) {
             return /*#__PURE__*/jsxRuntime.jsx(MenuItem.Button, {
               "data-cy": "".concat(utils.joinHyphenCase(option.label), "-menu-item"),
-              className: classNames__default["default"]({
+              className: classNames({
                 "neeto-ui-bg-gray-100": selectedOption.value === option.value
               }),
-              suffix: selectedOption.value === option.value && /*#__PURE__*/jsxRuntime.jsx(Check__default["default"], {
+              suffix: selectedOption.value === option.value && /*#__PURE__*/jsxRuntime.jsx(Check, {
                 className: "neeto-ui-text-primary-800",
                 "data-cy": "check-icon"
               }),
@@ -4441,7 +4402,7 @@ var Performer = function Performer(_ref) {
 };
 
 function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Events = function Events(_ref) {
   var name = _ref.name,
     label = _ref.label,
@@ -4461,7 +4422,7 @@ var Events = function Events(_ref) {
   var _removeEvent = function removeEvent(index, event, arrayHelpers) {
     if (event.id) {
       var _values$name;
-      setFieldValue("".concat(name, ".deleted"), [].concat(_toConsumableArray__default["default"](((_values$name = values[name]) === null || _values$name === void 0 ? void 0 : _values$name.deleted) || []), [_objectSpread$8(_objectSpread$8({}, event), {}, {
+      setFieldValue("".concat(name, ".deleted"), [].concat(_toConsumableArray(((_values$name = values[name]) === null || _values$name === void 0 ? void 0 : _values$name.deleted) || []), [_objectSpread$8(_objectSpread$8({}, event), {}, {
         _destroy: true
       })]));
     }
@@ -4490,7 +4451,7 @@ var Events = function Events(_ref) {
     } else if (defaultEvent && events.length > 1) {
       if (defaultEvent.id) {
         var _values$name2;
-        setFieldValue("".concat(name, ".deleted"), [].concat(_toConsumableArray__default["default"](((_values$name2 = values[name]) === null || _values$name2 === void 0 ? void 0 : _values$name2.deleted) || []), [_objectSpread$8(_objectSpread$8({}, defaultEvent), {}, {
+        setFieldValue("".concat(name, ".deleted"), [].concat(_toConsumableArray(((_values$name2 = values[name]) === null || _values$name2 === void 0 ? void 0 : _values$name2.deleted) || []), [_objectSpread$8(_objectSpread$8({}, defaultEvent), {}, {
           _destroy: true
         })]));
       }
@@ -4511,10 +4472,10 @@ var Events = function Events(_ref) {
         return /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "flex justify-between",
           children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-            className: classNames__default["default"]("flex flex-wrap gap-x-2 gap-y-2", {
+            className: classNames("flex flex-wrap gap-x-2 gap-y-2", {
               "max-w-2xl": showAddButton
             }),
-            children: [showMessage && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+            children: [showMessage && /*#__PURE__*/jsxRuntime.jsx(Typography, {
               className: "my-auto",
               component: "p",
               "data-cy": "event-message-text",
@@ -4523,12 +4484,12 @@ var Events = function Events(_ref) {
             }), !showMessage && events.map(function (event, index) {
               return /*#__PURE__*/jsxRuntime.jsxs("div", {
                 className: "flex flex-wrap gap-x-2",
-                children: [!index && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+                children: [!index && /*#__PURE__*/jsxRuntime.jsx(Typography, {
                   className: "neeto-ui-text-gray-700 my-auto",
                   style: "h5",
                   weight: "normal",
                   children: t("neetoRules.common.when")
-                }), !!index && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+                }), !!index && /*#__PURE__*/jsxRuntime.jsx(Typography, {
                   className: "neeto-ui-text-gray-700 my-auto",
                   style: "h5",
                   weight: "normal",
@@ -4549,10 +4510,10 @@ var Events = function Events(_ref) {
               name: performerName
             })]
           }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-            children: [showAddButton && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+            children: [showAddButton && /*#__PURE__*/jsxRuntime.jsx(Button, {
               "data-cy": "add-event-button",
               "data-test-id": "automation-rules-add-events-button",
-              icon: Plus__default["default"],
+              icon: Plus,
               size: 32,
               style: "icon",
               tooltipProps: {
@@ -4562,9 +4523,9 @@ var Events = function Events(_ref) {
               onClick: function onClick() {
                 return handleAddEvent(arrayHelpers);
               }
-            }), !showMessage && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+            }), !showMessage && /*#__PURE__*/jsxRuntime.jsx(Button, {
               "data-cy": "delete-event-button",
-              icon: Delete__default["default"],
+              icon: Delete,
               size: 32,
               style: "icon",
               tooltipProps: {
@@ -4585,7 +4546,7 @@ var Events = function Events(_ref) {
 var useDebouncedUpdate = function useDebouncedUpdate(value, setValue) {
   var duration = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 200;
   var _useState = react.useState(value),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     text = _useState2[0],
     setText = _useState2[1];
   var debouncedValue = reactUtils.useDebounce(text, duration);
@@ -4597,23 +4558,23 @@ var useDebouncedUpdate = function useDebouncedUpdate(value, setValue) {
 
 var _excluded$5 = ["data", "name", "label"];
 function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var InputField = function InputField(_ref) {
   var data = _ref.data,
     name = _ref.name,
     label = _ref.label,
-    componentProps = _objectWithoutProperties__default["default"](_ref, _excluded$5);
+    componentProps = _objectWithoutProperties(_ref, _excluded$5);
   var elementProps = data[name];
   var _useField = formik.useField("".concat(name, ".value")),
-    _useField2 = _slicedToArray__default["default"](_useField, 3),
+    _useField2 = _slicedToArray(_useField, 3),
     field = _useField2[0];
     _useField2[1];
     var setValue = _useField2[2].setValue;
   var _useDebouncedUpdate = useDebouncedUpdate(field.value, setValue),
-    _useDebouncedUpdate2 = _slicedToArray__default["default"](_useDebouncedUpdate, 2),
+    _useDebouncedUpdate2 = _slicedToArray(_useDebouncedUpdate, 2),
     text = _useDebouncedUpdate2[0],
     setText = _useDebouncedUpdate2[1];
-  return /*#__PURE__*/jsxRuntime.jsx(Input__default$1["default"], _objectSpread$7(_objectSpread$7({
+  return /*#__PURE__*/jsxRuntime.jsx(Input$2, _objectSpread$7(_objectSpread$7({
     className: "mb-4",
     label: label || (elementProps === null || elementProps === void 0 ? void 0 : elementProps.label)
   }, field), {}, {
@@ -4626,19 +4587,19 @@ var InputField = function InputField(_ref) {
 
 var _excluded$4 = ["data", "name", "label", "options", "onChange"];
 function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MultiSelectField = function MultiSelectField(_ref) {
   var data = _ref.data,
     name = _ref.name,
     label = _ref.label,
     options = _ref.options,
     _onChange = _ref.onChange,
-    componentProps = _objectWithoutProperties__default["default"](_ref, _excluded$4);
+    componentProps = _objectWithoutProperties(_ref, _excluded$4);
   var _useField = formik.useField("".concat(name, ".value")),
-    _useField2 = _slicedToArray__default["default"](_useField, 3),
+    _useField2 = _slicedToArray(_useField, 3),
     setValue = _useField2[2].setValue;
   var elementProps = data[name];
-  return /*#__PURE__*/jsxRuntime.jsx(Select__default$1["default"], _objectSpread$6({
+  return /*#__PURE__*/jsxRuntime.jsx(Select$1, _objectSpread$6({
     isMulti: true,
     label: label || (elementProps === null || elementProps === void 0 ? void 0 : elementProps.label),
     name: "".concat(name, ".value"),
@@ -4652,28 +4613,28 @@ var MultiSelectField = function MultiSelectField(_ref) {
 
 var _excluded$3 = ["name", "label", "data", "options"];
 function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var RadioField = function RadioField(_ref) {
   var name = _ref.name,
     label = _ref.label,
     data = _ref.data,
     options = _ref.options,
-    componentProps = _objectWithoutProperties__default["default"](_ref, _excluded$3);
+    componentProps = _objectWithoutProperties(_ref, _excluded$3);
   var elementProps = data[name] || {};
   var radioOptions = options || (elementProps === null || elementProps === void 0 ? void 0 : elementProps.options);
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "my-6",
-    children: [/*#__PURE__*/jsxRuntime.jsx(Label__default["default"], {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Label, {
       className: "mb-4",
       "data-cy": "radio-field-label",
       children: label || (elementProps === null || elementProps === void 0 ? void 0 : elementProps.label)
-    }), /*#__PURE__*/jsxRuntime.jsx(Radio__default["default"], _objectSpread$5(_objectSpread$5({
+    }), /*#__PURE__*/jsxRuntime.jsx(Radio, _objectSpread$5(_objectSpread$5({
       name: "".concat(name, ".value")
     }, componentProps), {}, {
       children: radioOptions.map(function (_ref2, index) {
         var label = _ref2.label,
           value = _ref2.value;
-        return /*#__PURE__*/react.createElement(Radio__default["default"].Item, {
+        return /*#__PURE__*/react.createElement(Radio.Item, {
           label: label,
           value: value,
           key: index
@@ -4685,19 +4646,19 @@ var RadioField = function RadioField(_ref) {
 
 var _excluded$2 = ["data", "name", "label", "options", "onChange"];
 function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SelectField = function SelectField(_ref) {
   var data = _ref.data,
     name = _ref.name,
     label = _ref.label,
     options = _ref.options,
     _onChange = _ref.onChange,
-    componentProps = _objectWithoutProperties__default["default"](_ref, _excluded$2);
+    componentProps = _objectWithoutProperties(_ref, _excluded$2);
   var _useField = formik.useField("".concat(name, ".value")),
-    _useField2 = _slicedToArray__default["default"](_useField, 3),
+    _useField2 = _slicedToArray(_useField, 3),
     setValue = _useField2[2].setValue;
   var elementProps = data[name];
-  return /*#__PURE__*/jsxRuntime.jsx(Select__default$1["default"], _objectSpread$4({
+  return /*#__PURE__*/jsxRuntime.jsx(Select$1, _objectSpread$4({
     label: label || (elementProps === null || elementProps === void 0 ? void 0 : elementProps.label),
     name: "".concat(name, ".value"),
     options: options || (elementProps === null || elementProps === void 0 ? void 0 : elementProps.options),
@@ -4710,23 +4671,23 @@ var SelectField = function SelectField(_ref) {
 
 var _excluded$1 = ["data", "name", "label"];
 function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TextareaField = function TextareaField(_ref) {
   var data = _ref.data,
     name = _ref.name,
     label = _ref.label,
-    componentProps = _objectWithoutProperties__default["default"](_ref, _excluded$1);
+    componentProps = _objectWithoutProperties(_ref, _excluded$1);
   var elementProps = data[name];
   var _useField = formik.useField("".concat(name, ".value")),
-    _useField2 = _slicedToArray__default["default"](_useField, 3),
+    _useField2 = _slicedToArray(_useField, 3),
     field = _useField2[0];
     _useField2[1];
     var setValue = _useField2[2].setValue;
   var _useDebouncedUpdate = useDebouncedUpdate(field.value, setValue),
-    _useDebouncedUpdate2 = _slicedToArray__default["default"](_useDebouncedUpdate, 2),
+    _useDebouncedUpdate2 = _slicedToArray(_useDebouncedUpdate, 2),
     text = _useDebouncedUpdate2[0],
     setText = _useDebouncedUpdate2[1];
-  return /*#__PURE__*/jsxRuntime.jsx(Textarea__default["default"], _objectSpread$3(_objectSpread$3({
+  return /*#__PURE__*/jsxRuntime.jsx(Textarea, _objectSpread$3(_objectSpread$3({
     className: "mb-4",
     label: label || (elementProps === null || elementProps === void 0 ? void 0 : elementProps.label),
     rows: 4
@@ -4739,7 +4700,7 @@ var TextareaField = function TextareaField(_ref) {
 };
 
 function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var buildPayload = function buildPayload(data, values) {
   return Object.keys(data).reduce(function (acc, key) {
     var fieldValue = values[key].value;
@@ -4750,13 +4711,13 @@ var buildPayload = function buildPayload(data, values) {
         fieldValue = (_fieldValue = fieldValue) === null || _fieldValue === void 0 ? void 0 : _fieldValue.map(function (conditionGroup) {
           var _conditionGroup$condi;
           return _objectSpread$2(_objectSpread$2({}, conditionGroup), {}, {
-            conditions: [].concat(_toConsumableArray__default["default"](conditionGroup.conditions.value), _toConsumableArray__default["default"](((_conditionGroup$condi = conditionGroup.conditions) === null || _conditionGroup$condi === void 0 ? void 0 : _conditionGroup$condi.deleted) || []))
+            conditions: [].concat(_toConsumableArray(conditionGroup.conditions.value), _toConsumableArray(((_conditionGroup$condi = conditionGroup.conditions) === null || _conditionGroup$condi === void 0 ? void 0 : _conditionGroup$condi.deleted) || []))
           });
         });
       }
-      fieldValue = [].concat(_toConsumableArray__default["default"](fieldValue), _toConsumableArray__default["default"](((_values$key = values[key]) === null || _values$key === void 0 ? void 0 : _values$key.deleted) || []));
+      fieldValue = [].concat(_toConsumableArray(fieldValue), _toConsumableArray(((_values$key = values[key]) === null || _values$key === void 0 ? void 0 : _values$key.deleted) || []));
     }
-    return _objectSpread$2(_objectSpread$2({}, acc), {}, _defineProperty__default["default"]({}, key, fieldValue));
+    return _objectSpread$2(_objectSpread$2({}, acc), {}, _defineProperty({}, key, fieldValue));
   }, {});
 };
 var formatData = function formatData(data) {
@@ -4768,7 +4729,7 @@ var formatData = function formatData(data) {
         }
       });
     }) : data[key].value;
-    return _objectSpread$2(_objectSpread$2({}, acc), {}, _defineProperty__default["default"]({}, key, {
+    return _objectSpread$2(_objectSpread$2({}, acc), {}, _defineProperty({}, key, {
       value: value
     }));
   }, {});
@@ -4787,12 +4748,12 @@ var Status = function Status() {
     var status = e.target.checked ? ENABLED : DISABLED;
     setFieldValue("status.value", status);
   };
-  return /*#__PURE__*/jsxRuntime.jsx(Switch__default["default"], {
+  return /*#__PURE__*/jsxRuntime.jsx(Switch, {
     checked: defaultValue === ENABLED,
     label: t("neetoRules.labels.active"),
     labelProps: {
       helpIconProps: {
-        icon: Help__default["default"],
+        icon: Help,
         tooltipProps: {
           content: status.value === ENABLED ? t("neetoRules.tooltips.rule.active") : t("neetoRules.tooltips.rule.inactive")
         }
@@ -4811,7 +4772,7 @@ var _transformObjectToDotNotation = function transformObjectToDotNotation(obj) {
   var value = obj[errorKey];
   if (!value) return;
   var nextKey = prefix ? "".concat(prefix, ".").concat(errorKey) : errorKey;
-  if (_typeof__default["default"](value) === "object") {
+  if (_typeof(value) === "object") {
     _transformObjectToDotNotation(value, nextKey, result);
   } else {
     result.push(nextKey);
@@ -4842,7 +4803,7 @@ var ScrollToErrorField = function ScrollToErrorField(_ref) {
     if (!fieldErrorNames || (fieldErrorNames === null || fieldErrorNames === void 0 ? void 0 : fieldErrorNames.length) <= 0) return;
     var errorFormElement = neetoCist.findBy({
       name: fieldErrorNames
-    }, _toConsumableArray__default["default"](formRef.current.elements));
+    }, _toConsumableArray(formRef.current.elements));
     errorFormElement === null || errorFormElement === void 0 ? void 0 : errorFormElement.scrollIntoView({
       behavior: "smooth",
       block: "center"
@@ -4854,7 +4815,7 @@ var ScrollToErrorField = function ScrollToErrorField(_ref) {
 
 var _excluded = ["dirty", "values"];
 function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Form = function Form(_ref) {
   var _ref$data = _ref.data,
     data = _ref$data === void 0 ? {} : _ref$data,
@@ -4890,10 +4851,10 @@ var Form = function Form(_ref) {
     children: function children(_ref2) {
       var dirty = _ref2.dirty,
         values = _ref2.values,
-        fromikBag = _objectWithoutProperties__default["default"](_ref2, _excluded);
+        fromikBag = _objectWithoutProperties(_ref2, _excluded);
       return /*#__PURE__*/jsxRuntime.jsxs(formik.Form, {
         ref: formRef,
-        className: classNames__default["default"](["w-full space-y-6 px-0 md:px-14 xl:px-24", className]),
+        className: classNames(["w-full space-y-6 px-0 md:px-14 xl:px-24", className]),
         children: [/*#__PURE__*/jsxRuntime.jsx(InputField, {
           required: true,
           data: initialValues,
@@ -4911,7 +4872,7 @@ var Form = function Form(_ref) {
           formRef: formRef
         }), /*#__PURE__*/jsxRuntime.jsx("div", {
           className: "py-4",
-          children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default["default"], {
+          children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock, {
             cancelButtonProps: {
               onClick: handleCancel
             },
@@ -4926,9 +4887,9 @@ var Form = function Form(_ref) {
 };
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var NeetoRulesForm = function NeetoRulesForm(_ref) {
-  var rest = Object.assign({}, (_objectDestructuringEmpty__default["default"](_ref), _ref));
+  var rest = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
   return /*#__PURE__*/jsxRuntime.jsx(Form, _objectSpread({}, rest));
 };
 NeetoRulesForm.InputField = InputField;