@bigbinary/neeto-rules-frontend 2.3.0 → 2.4.0

package/dist/cjs/NeetoRulesForm.js

@@ -1,8 +1,9 @@
 'use strict';
 
-var slicedToArray = require('../slicedToArray-cc928132.js');
-var toConsumableArray = require('../toConsumableArray-9f1f441a.js');
-var React = require('react');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectDestructuringEmpty = require('@babel/runtime/helpers/objectDestructuringEmpty');
+var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+var react = require('react');
 var formik = require('formik');
 var neetoCist = require('@bigbinary/neeto-cist');
 var Plus = require('@bigbinary/neeto-icons/Plus');
@@ -10,6 +11,7 @@ var Delete = require('@bigbinary/neeto-icons/Delete');
 var Refresh = require('@bigbinary/neeto-icons/Refresh');
 var Button = require('@bigbinary/neetoui/Button');
 var reactI18next = require('react-i18next');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var classNames = require('classnames');
 var utils = require('@bigbinary/neeto-commons-frontend/utils');
 var Check = require('@bigbinary/neeto-icons/Check');
@@ -22,10 +24,12 @@ var jsxRuntime = require('react/jsx-runtime');
 var Pane = require('@bigbinary/neetoui/Pane');
 var Textarea = require('@bigbinary/neetoui/formik/Textarea');
 var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 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 i18next = require('i18next');
 var FormikEditor = require('@bigbinary/neeto-editor/FormikEditor');
 var MultiEmailInput = require('@bigbinary/neetoui/formik/MultiEmailInput');
@@ -34,13 +38,16 @@ var useHotkeys = require('@bigbinary/neeto-hotkeys');
 var Close = require('@bigbinary/neeto-icons/Close');
 var Checkbox = require('@bigbinary/neetoui/Checkbox');
 var CreatableSelect = require('react-select/creatable');
+var _toArray = require('@babel/runtime/helpers/toArray');
 var PhoneNumber = require('@bigbinary/neeto-molecules/PhoneNumber');
 var Tag = require('@bigbinary/neetoui/Tag');
 var reactSelect = require('react-select');
 var yup = require('yup');
-var utils$1 = require('@bigbinary/neeto-editor/utils');
+var utils$2 = require('@bigbinary/neeto-editor/utils');
 var constants = require('../constants-67118957.js');
 var Eye = require('@bigbinary/neeto-icons/Eye');
+var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
+var _regeneratorRuntime = require('@babel/runtime/regenerator');
 var Tooltip = require('@bigbinary/neetoui/Tooltip');
 var Select$1 = require('@bigbinary/neetoui/formik/Select');
 var Radio = require('@bigbinary/neetoui/formik/Radio');
@@ -48,6 +55,7 @@ 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 _typeof = require('@babel/runtime/helpers/typeof');
 require('zustand');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -70,10 +78,14 @@ function _interopNamespace(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);
@@ -83,6 +95,7 @@ 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);
@@ -93,18 +106,18 @@ 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 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);
-
-function _objectDestructuringEmpty(obj) {
-  if (obj == null) throw new TypeError("Cannot destructure " + obj);
-}
+var _typeof__default = /*#__PURE__*/_interopDefaultLegacy(_typeof);
 
 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}}
 
@@ -117,7 +130,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"](slicedToArray._defineProperty({}, "".concat(maxHeight, " overflow-y-auto"), hasScroll)),
+    className: classNames__default["default"](_defineProperty__default["default"]({}, "".concat(maxHeight, " overflow-y-auto"), hasScroll)),
     children: children
   });
 };
@@ -142,7 +155,7 @@ var useOnButtonPressed = function useOnButtonPressed(ref, handler) {
       return document.removeEventListener("keydown", listener);
     };
   };
-  React.useEffect(function () {
+  react.useEffect(function () {
     buttonPressed();
   }, [ref]);
 };
@@ -150,7 +163,7 @@ var useOnButtonPressed = function useOnButtonPressed(ref, handler) {
 var DEFAULT_LONG_TEXT_ROWS = 8;
 
 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) { slicedToArray._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; }
+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; }
 var PaneFooterBlock = function PaneFooterBlock(_ref) {
   var setShowPane = _ref.setShowPane,
     _ref$submitButtonProp = _ref.submitButtonProps,
@@ -174,7 +187,7 @@ var PaneFooterBlock = function PaneFooterBlock(_ref) {
 };
 
 var LongTextField = function LongTextField(_ref) {
-  var _errors$actions, _touched$actions, _selectedField$separa;
+  var _errors$actions, _errors$actions$value, _touched$actions, _touched$actions$valu, _selectedField$separa;
   var name = _ref.name,
     _ref$value = _ref.value,
     value = _ref$value === void 0 ? "" : _ref$value,
@@ -186,16 +199,16 @@ var LongTextField = function LongTextField(_ref) {
   var _useFormikContext = formik.useFormikContext(),
     errors = _useFormikContext.errors,
     touched = _useFormikContext.touched;
-  var _useState = React.useState(false),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+  var _useState = react.useState(false),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
     showPane = _useState2[0],
     setShowPane = _useState2[1];
-  var initialFocusRef = React.useRef(null);
+  var initialFocusRef = react.useRef(null);
   useOnButtonPressed(initialFocusRef, function () {
     return setShowPane(false);
   });
-  var isValid = errors.actions && ramda.isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 || (_errors$actions = _errors$actions.value) === null || _errors$actions === void 0 ? void 0 : _errors$actions[index]) && ramda.isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 || (_touched$actions = _touched$actions.value) === null || _touched$actions === void 0 ? void 0 : _touched$actions[index]);
-  var separator = (selectedField === null || selectedField === void 0 || (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || defaultSeparator;
+  var 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()) || defaultSeparator;
   var label = (selectedField === null || selectedField === void 0 ? void 0 : selectedField.placeholder) || defaultLabel;
   var rows = (selectedField === null || selectedField === void 0 ? void 0 : selectedField.rows) || DEFAULT_LONG_TEXT_ROWS;
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
@@ -252,14 +265,14 @@ var LongTextField = function LongTextField(_ref) {
 
 var _excluded$c = ["initialFocusRef", "name", "label"];
 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) { slicedToArray._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; }
+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; }
 var InputField$2 = function InputField(_ref) {
   var initialFocusRef = _ref.initialFocusRef,
     name = _ref.name,
     label = _ref.label,
-    otherProps = toConsumableArray._objectWithoutProperties(_ref, _excluded$c);
+    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$c);
   var _useField = formik.useField(name),
-    _useField2 = slicedToArray._slicedToArray(_useField, 2),
+    _useField2 = _slicedToArray__default["default"](_useField, 2),
     field = _useField2[0],
     meta = _useField2[1];
   return /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], _objectSpread$j(_objectSpread$j({
@@ -362,7 +375,7 @@ var SelectTemplateField = function SelectTemplateField(_ref) {
     onChange = _ref.onChange,
     initialFocusRef = _ref.initialFocusRef;
   var _useStateWithDependen = reactUtils.useStateWithDependency(null, [selectedField]),
-    _useStateWithDependen2 = slicedToArray._slicedToArray(_useStateWithDependen, 2),
+    _useStateWithDependen2 = _slicedToArray__default["default"](_useStateWithDependen, 2),
     selectedTemplate = _useStateWithDependen2[0],
     setSelectedTemplate = _useStateWithDependen2[1];
   var _useTranslation = reactI18next.useTranslation(),
@@ -373,7 +386,7 @@ var SelectTemplateField = function SelectTemplateField(_ref) {
     var template = neetoCist.findBy({
       id: option.value
     }, templates);
-    onChange === null || onChange === void 0 || onChange(template);
+    onChange === null || onChange === void 0 ? void 0 : onChange(template);
   };
   return /*#__PURE__*/jsxRuntime.jsx(Select__default["default"], {
     isClearable: true,
@@ -392,7 +405,7 @@ var SelectTemplateField = function SelectTemplateField(_ref) {
 };
 
 var ApiFields = function ApiFields(_ref) {
-  var _errors$actions, _touched$actions, _selectedField$separa;
+  var _errors$actions, _errors$actions$value, _touched$actions, _touched$actions$valu, _selectedField$separa;
   var name = _ref.name,
     selectedField = _ref.selectedField,
     index = _ref.index;
@@ -400,18 +413,18 @@ var ApiFields = function ApiFields(_ref) {
     errors = _useFormikContext.errors,
     touched = _useFormikContext.touched,
     setFieldValue = _useFormikContext.setFieldValue;
-  var _useState = React.useState(false),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+  var _useState = react.useState(false),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
     showPane = _useState2[0],
     setShowPane = _useState2[1];
-  var initialFocusRef = React.useRef(null);
+  var initialFocusRef = react.useRef(null);
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   useOnButtonPressed(initialFocusRef, function () {
     return setShowPane(false);
   });
-  var isValid = errors.actions && ramda.isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 || (_errors$actions = _errors$actions.value) === null || _errors$actions === void 0 ? void 0 : _errors$actions[index]) && ramda.isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 || (_touched$actions = _touched$actions.value) === null || _touched$actions === void 0 ? void 0 : _touched$actions[index]);
-  var separator = (selectedField === null || selectedField === void 0 || (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t("neetoRules.common.as");
+  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.as");
   var defaultLabel = (selectedField === null || selectedField === void 0 ? void 0 : selectedField.dataPlaceholder) || t("neetoRules.common.data");
   var templates = selectedField === null || selectedField === void 0 ? void 0 : selectedField.templates;
   var isTemplateSelectionEnabled = neetoCist.isPresent(templates);
@@ -485,7 +498,7 @@ var ApiFields = function ApiFields(_ref) {
 };
 
 var CustomAction = function CustomAction(_ref) {
-  var _errors$actions, _touched$actions, _selectedField$separa;
+  var _errors$actions, _errors$actions$value, _touched$actions, _touched$actions$valu, _selectedField$separa;
   var ActionComponent = _ref.ActionComponent,
     name = _ref.name,
     action = _ref.action,
@@ -496,16 +509,16 @@ var CustomAction = function CustomAction(_ref) {
     touched = _useFormikContext.touched;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var _useState = React.useState(false),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+  var _useState = react.useState(false),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
     showPane = _useState2[0],
     setShowPane = _useState2[1];
-  var initialFocusRef = React.useRef(null);
+  var initialFocusRef = react.useRef(null);
   useOnButtonPressed(initialFocusRef, function () {
     return setShowPane(false);
   });
-  var isValid = errors.actions && ramda.isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 || (_errors$actions = _errors$actions.value) === null || _errors$actions === void 0 ? void 0 : _errors$actions[index]) && ramda.isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 || (_touched$actions = _touched$actions.value) === null || _touched$actions === void 0 ? void 0 : _touched$actions[index]);
-  var separator = (selectedField === null || selectedField === void 0 || (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t("neetoRules.common.as");
+  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.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"], {
@@ -554,7 +567,7 @@ var CustomAction = function CustomAction(_ref) {
 };
 
 var DateField$1 = function DateField(_ref) {
-  var _actions$value$index$, _selectedField$separa, _errors$actions, _touched$actions;
+  var _actions$value$index$, _selectedField$separa, _errors$actions, _errors$actions$value, _touched$actions, _touched$actions$valu;
   var name = _ref.name,
     index = _ref.index,
     selectedField = _ref.selectedField;
@@ -564,16 +577,16 @@ var DateField$1 = function DateField(_ref) {
     setFieldValue = _useFormikContext.setFieldValue,
     touched = _useFormikContext.touched,
     setTouched = _useFormikContext.setTouched;
-  var _useState = React.useState(false),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+  var _useState = react.useState(false),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
     showInput = _useState2[0],
     setShowInput = _useState2[1];
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var valueTerm = (_actions$value$index$ = actions.value[index].metadata) === null || _actions$value$index$ === void 0 ? void 0 : _actions$value$index$.value;
   var label = valueTerm || t("neetoRules.form.selectDate");
-  var separator = (selectedField === null || selectedField === 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 || (_errors$actions = _errors$actions.value) === null || _errors$actions === void 0 ? void 0 : _errors$actions[index]) && ramda.isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 || (_touched$actions = _touched$actions.value) === null || _touched$actions === void 0 ? void 0 : _touched$actions[index]);
+  var separator = (selectedField === null || selectedField === void 0 ? 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"], {
       className: "neeto-ui-text-gray-700",
@@ -723,7 +736,7 @@ var getSlackChannelErrors = function getSlackChannelErrors(_ref2) {
   if (action !== null && action !== void 0 && (_action$metadata = action.metadata) !== null && _action$metadata !== void 0 && _action$metadata.value) {
     var selectedOption = opts.find(function (op) {
       var _action$metadata2;
-      return (op === null || op === void 0 ? void 0 : op.value) === (action === null || action === void 0 || (_action$metadata2 = action.metadata) === null || _action$metadata2 === void 0 ? void 0 : _action$metadata2.value);
+      return (op === null || op === void 0 ? void 0 : op.value) === (action === null || action === void 0 ? void 0 : (_action$metadata2 = action.metadata) === null || _action$metadata2 === void 0 ? void 0 : _action$metadata2.value);
     });
     if (!selectedOption) {
       return {
@@ -740,7 +753,7 @@ var getSlackChannelErrors = function getSlackChannelErrors(_ref2) {
 var Menu$9 = Dropdown__default["default"].Menu,
   MenuItem$9 = Dropdown__default["default"].MenuItem;
 var DropdownField$1 = function DropdownField(_ref) {
-  var _actions$value$index$, _actions$value$index, _errors$actions, _touched$actions, _selectedField$separa, _defaultSelectedOptio;
+  var _actions$value$index$, _actions$value$index, _errors$actions, _errors$actions$value, _touched$actions, _touched$actions$valu, _defaultSelectedOptio;
   var dropdownOptions = _ref.dropdownOptions,
     name = _ref.name,
     index = _ref.index,
@@ -754,24 +767,27 @@ var DropdownField$1 = function DropdownField(_ref) {
     touched = _useFormikContext.touched,
     setTouched = _useFormikContext.setTouched;
   var defaultLabel = (selectedField === null || selectedField === void 0 ? void 0 : selectedField.placeholder) || t("neetoRules.placeholders.selectOption");
-  var _useState = React.useState({
+  var _useState = react.useState({
       label: defaultLabel
     }),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
     defaultSelectedOption = _useState2[0],
     setDefaultSelectedOption = _useState2[1];
-  var _useState3 = React.useState(false),
-    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+  var _useState3 = react.useState(false),
+    _useState4 = _slicedToArray__default["default"](_useState3, 2),
     isActive = _useState4[0],
     setIsActive = _useState4[1];
-  var _useState5 = React.useState(""),
-    _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+  var _useState5 = react.useState(""),
+    _useState6 = _slicedToArray__default["default"](_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);
   var searchedOptions = getSearchedOptions$3(dropdownOptions, searchTerm);
-  var isValueSelected = defaultSelectedOption.label === defaultLabel && errors.actions && ramda.isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 || (_errors$actions = _errors$actions.value) === null || _errors$actions === void 0 ? void 0 : _errors$actions[index]) && ramda.isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 || (_touched$actions = _touched$actions.value) === null || _touched$actions === void 0 ? void 0 : _touched$actions[index]);
-  var separator = (selectedField === null || selectedField === void 0 || (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t("neetoRules.common.to");
+  var isValueSelected = defaultSelectedOption.label === defaultLabel && 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 = utils$1.getSeparator({
+    defaultSeparator: t("neetoRules.common.to"),
+    selectedField: selectedField
+  });
   var handleClose = function handleClose() {
     setIsActive(false);
     setSearchTerm("");
@@ -799,7 +815,7 @@ var DropdownField$1 = function DropdownField(_ref) {
       });
     }
   };
-  React.useEffect(function () {
+  react.useEffect(function () {
     findDefaultSelectedOption();
   }, [defaultValue, dropdownOptions]);
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
@@ -814,7 +830,7 @@ var DropdownField$1 = function DropdownField(_ref) {
       className: "neeto-ui-bg-gray-100",
       customTarget: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
         "data-cy": "action-dropdown-button",
-        label: defaultSelectedOption === null || defaultSelectedOption === void 0 || (_defaultSelectedOptio = defaultSelectedOption.label) === null || _defaultSelectedOptio === void 0 ? void 0 : _defaultSelectedOptio.toLowerCase(),
+        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", {
           "neeto-ui-text-accent-800": isActive,
@@ -871,7 +887,7 @@ var DropdownField$1 = function DropdownField(_ref) {
 
 var _excluded$b = ["autoFocus", "name", "value", "label", "variables", "addons", "editorRef", "defaults"];
 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) { slicedToArray._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; }
+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; }
 var EditorAction = function EditorAction(_ref) {
   var autoFocus = _ref.autoFocus,
     name = _ref.name,
@@ -885,15 +901,15 @@ var EditorAction = function EditorAction(_ref) {
     _ref$editorRef = _ref.editorRef,
     editorRef = _ref$editorRef === void 0 ? null : _ref$editorRef,
     defaults = _ref.defaults,
-    otherProps = toConsumableArray._objectWithoutProperties(_ref, _excluded$b);
+    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$b);
   var _useFormikContext = formik.useFormikContext(),
     setFieldValue = _useFormikContext.setFieldValue;
-  var _useState = React.useState(value),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+  var _useState = react.useState(value),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
     editorData = _useState2[0],
     setEditorData = _useState2[1];
   var debouncedValue = reactUtils.useDebounce(editorData, 200);
-  React.useEffect(function () {
+  react.useEffect(function () {
     setFieldValue(name, editorData);
   }, [debouncedValue]);
   return /*#__PURE__*/jsxRuntime.jsx(FormikEditor__default["default"], _objectSpread$i({
@@ -940,12 +956,14 @@ var EmailIdFields = function EmailIdFields(_ref) {
 };
 
 var EmailFields = function EmailFields(_ref) {
-  var _errors$actions, _touched$actions, _selectedField$separa, _action$metadata;
+  var _errors$actions, _errors$actions$value, _touched$actions, _touched$actions$valu, _action$metadata;
   var _ref$isEmailIdField = _ref.isEmailIdField,
     isEmailIdField = _ref$isEmailIdField === void 0 ? false : _ref$isEmailIdField,
     name = _ref.name,
     action = _ref.action,
     selectedField = _ref.selectedField,
+    _ref$separatorIndex = _ref.separatorIndex,
+    separatorIndex = _ref$separatorIndex === void 0 ? 0 : _ref$separatorIndex,
     _ref$emails = _ref.emails,
     emails = _ref$emails === void 0 ? [] : _ref$emails,
     index = _ref.index;
@@ -953,19 +971,23 @@ var EmailFields = function EmailFields(_ref) {
     errors = _useFormikContext.errors,
     touched = _useFormikContext.touched,
     setFieldValue = _useFormikContext.setFieldValue;
-  var _useState = React.useState(false),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+  var _useState = react.useState(false),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
     showPane = _useState2[0],
     setShowPane = _useState2[1];
-  var initialFocusRef = React.useRef(null);
-  var editorRef = React.useRef(null);
+  var initialFocusRef = react.useRef(null);
+  var editorRef = react.useRef(null);
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   useOnButtonPressed(initialFocusRef, function () {
     return setShowPane(false);
   });
-  var isValid = errors.actions && ramda.isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 || (_errors$actions = _errors$actions.value) === null || _errors$actions === void 0 ? void 0 : _errors$actions[index]) && ramda.isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 || (_touched$actions = _touched$actions.value) === null || _touched$actions === void 0 ? void 0 : _touched$actions[index]);
-  var separator = (selectedField === null || selectedField === void 0 || (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t("neetoRules.common.as");
+  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 = utils$1.getSeparator({
+    defaultSeparator: t("neetoRules.common.as"),
+    index: separatorIndex,
+    selectedField: selectedField
+  });
   var defaultLabel = (selectedField === null || selectedField === void 0 ? void 0 : selectedField.emailPlaceholder) || t("neetoRules.common.email");
   var templates = selectedField === null || selectedField === void 0 ? void 0 : selectedField.templates;
   var isTemplateSelectionEnabled = neetoCist.isPresent(templates);
@@ -1071,13 +1093,13 @@ var useCloseInputField = function useCloseInputField(ref, showInput, handler) {
         handler();
       }
     };
-    (_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.addEventListener("keydown", listener);
+    (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.addEventListener("keydown", listener);
     return function () {
       var _ref$current2;
       return (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.removeEventListener("keydown", listener);
     };
   };
-  React.useEffect(function () {
+  react.useEffect(function () {
     if (!showInput) return;
     ref.current.focus();
     buttonPressed();
@@ -1085,7 +1107,7 @@ var useCloseInputField = function useCloseInputField(ref, showInput, handler) {
 };
 
 var Input = function Input(_ref) {
-  var _action$metadata, _selectedField$separa, _errors$actions, _touched$actions;
+  var _action$metadata, _selectedField$separa, _errors$actions, _errors$actions$value, _touched$actions, _touched$actions$valu;
   var name = _ref.name,
     index = _ref.index,
     selectedField = _ref.selectedField;
@@ -1093,11 +1115,11 @@ var Input = function Input(_ref) {
     actions = _useFormikContext.values.actions,
     errors = _useFormikContext.errors,
     touched = _useFormikContext.touched;
-  var _useState = React.useState(false),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+  var _useState = react.useState(false),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
     showInput = _useState2[0],
     setShowInput = _useState2[1];
-  var inputRef = React.useRef(null);
+  var inputRef = react.useRef(null);
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   useCloseInputField(inputRef, showInput, function () {
@@ -1106,9 +1128,9 @@ var Input = function Input(_ref) {
   var action = actions.value[index];
   var valueTerm = (_action$metadata = action.metadata) === null || _action$metadata === void 0 ? void 0 : _action$metadata.value;
   var label = valueTerm && neetoCist.isNotEmpty(valueTerm === null || valueTerm === void 0 ? void 0 : valueTerm.trim()) ? valueTerm : t("neetoRules.form.addValue");
-  var separator = (selectedField === null || selectedField === 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 || (_errors$actions = _errors$actions.value) === null || _errors$actions === void 0 ? void 0 : _errors$actions[index]) && ramda.isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 || (_touched$actions = _touched$actions.value) === null || _touched$actions === void 0 ? void 0 : _touched$actions[index]);
-  React.useEffect(function () {
+  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]);
+  react.useEffect(function () {
     setShowInput(false);
   }, [action.name]);
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
@@ -1147,7 +1169,7 @@ var Input = function Input(_ref) {
 };
 
 var useOnClickOutside = function useOnClickOutside(ref, handler) {
-  React.useEffect(function () {
+  react.useEffect(function () {
     var listener = function listener(event) {
       // Do nothing if clicking ref's element or descendent elements
       if (!ref.current || ref.current.contains(event.target)) {
@@ -1177,8 +1199,8 @@ var SHORTCUTS = {
 
 var _excluded$a = ["value", "nullable", "className", "handleSubmit", "handleCancel"];
 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) { slicedToArray._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 InlineInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
+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; }
+var InlineInput = /*#__PURE__*/react.forwardRef(function (props, ref) {
   var _props$value = props.value,
     value = _props$value === void 0 ? "" : _props$value,
     _props$nullable = props.nullable,
@@ -1186,12 +1208,12 @@ var InlineInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
     className = props.className,
     handleSubmit = props.handleSubmit,
     handleCancel = props.handleCancel,
-    otherProps = toConsumableArray._objectWithoutProperties(props, _excluded$a);
-  var _useState = React.useState(""),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    otherProps = _objectWithoutProperties__default["default"](props, _excluded$a);
+  var _useState = react.useState(""),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
     inputValue = _useState2[0],
     setInputValue = _useState2[1];
-  var inputWrapperRef = React.useRef(null);
+  var inputWrapperRef = react.useRef(null);
   var trimmedValue = inputValue === null || inputValue === void 0 ? void 0 : inputValue.trim();
   var isValidValue = nullable || !ramda.isEmpty(trimmedValue) && !ramda.isNil(trimmedValue);
   var onSubmit = function onSubmit(event) {
@@ -1209,11 +1231,11 @@ var InlineInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var inputFieldEnterHotkeyRef = useHotkeys__default["default"](SHORTCUTS.submit.sequence, onSubmit, {
     mode: "scoped"
   });
-  React.useEffect(function () {
+  react.useEffect(function () {
     setInputValue(value);
   }, [value]);
   return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: classNames__default["default"]("flex flex-grow", slicedToArray._defineProperty({}, className, className)),
+    className: classNames__default["default"]("flex flex-grow", _defineProperty__default["default"]({}, className, className)),
     ref: inputWrapperRef,
     children: /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], _objectSpread$h(_objectSpread$h({
       autoFocus: true,
@@ -1251,7 +1273,7 @@ var InlineInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
 InlineInput.displayName = "InlineInput";
 
 var ListField = function ListField(_ref) {
-  var _errors$actions, _touched$actions, _selectedField$separa;
+  var _errors$actions, _errors$actions$value, _touched$actions, _touched$actions$valu, _selectedField$separa;
   var name = _ref.name,
     _ref$values = _ref.values,
     values = _ref$values === void 0 ? [] : _ref$values,
@@ -1262,20 +1284,20 @@ var ListField = function ListField(_ref) {
   var _useFormikContext = formik.useFormikContext(),
     errors = _useFormikContext.errors,
     touched = _useFormikContext.touched;
-  var _useState = React.useState(false),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+  var _useState = react.useState(false),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
     isInputCardOpen = _useState2[0],
     setIsInputCardOpen = _useState2[1];
-  var _useState3 = React.useState(false),
-    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+  var _useState3 = react.useState(false),
+    _useState4 = _slicedToArray__default["default"](_useState3, 2),
     showPane = _useState4[0],
     setShowPane = _useState4[1];
-  var initialFocusRef = React.useRef(null);
+  var initialFocusRef = react.useRef(null);
   useOnButtonPressed(initialFocusRef, function () {
     return setShowPane(false);
   });
-  var isValid = errors.actions && ramda.isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 || (_errors$actions = _errors$actions.value) === null || _errors$actions === void 0 ? void 0 : _errors$actions[index]) && ramda.isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 || (_touched$actions = _touched$actions.value) === null || _touched$actions === void 0 ? void 0 : _touched$actions[index]);
-  var separator = (selectedField === null || selectedField === void 0 || (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t("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]);
+  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"], {
       className: "neeto-ui-text-gray-700",
@@ -1382,7 +1404,7 @@ var ListField = function ListField(_ref) {
 var Menu$8 = Dropdown__default["default"].Menu,
   MenuItem$8 = Dropdown__default["default"].MenuItem;
 var MultiSelect$1 = function MultiSelect(_ref) {
-  var _selectedField$placeh, _selectedField$separa, _errors$actions, _touched$actions;
+  var _selectedField$placeh, _selectedField$separa, _errors$actions, _errors$actions$value, _touched$actions, _touched$actions$valu;
   var _ref$values = _ref.values,
     values = _ref$values === void 0 ? [] : _ref$values,
     _ref$dropDownOptions = _ref.dropDownOptions,
@@ -1395,26 +1417,26 @@ var MultiSelect$1 = function MultiSelect(_ref) {
     errors = _useFormikContext.errors,
     setTouched = _useFormikContext.setTouched,
     touched = _useFormikContext.touched;
-  var _useState = React.useState(null),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+  var _useState = react.useState(null),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
     activeOption = _useState2[0],
     setActiveOption = _useState2[1];
-  var _useState3 = React.useState(""),
-    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+  var _useState3 = react.useState(""),
+    _useState4 = _slicedToArray__default["default"](_useState3, 2),
     searchTerm = _useState4[0],
     setSearchTerm = _useState4[1];
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var allOptions = React.useMemo(function () {
+  var allOptions = react.useMemo(function () {
     return values.map(function (value) {
       return getDetailsByValue(value, dropDownOptions);
     });
   }, [values, dropDownOptions]);
   var selectedOptions = getSelectedOptions(allOptions);
-  var defaultLabel = (selectedField === null || selectedField === void 0 || (_selectedField$placeh = selectedField.placeholder) === null || _selectedField$placeh === void 0 ? void 0 : _selectedField$placeh.toLowerCase()) || t("neetoRules.form.selectValues");
+  var defaultLabel = (selectedField === null || selectedField === void 0 ? void 0 : (_selectedField$placeh = selectedField.placeholder) === null || _selectedField$placeh === void 0 ? void 0 : _selectedField$placeh.toLowerCase()) || t("neetoRules.form.selectValues");
   var searchedOptions = getSearchedOptions$3(dropDownOptions, searchTerm);
-  var separator = (selectedField === null || selectedField === 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 || (_errors$actions = _errors$actions.value) === null || _errors$actions === void 0 ? void 0 : _errors$actions[index]) && ramda.isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 || (_touched$actions = _touched$actions.value) === null || _touched$actions === void 0 ? void 0 : _touched$actions[index]);
+  var separator = (selectedField === null || selectedField === void 0 ? 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]);
   var handleSelectOption = function handleSelectOption(option) {
     var options = values.includes(option.value) ? ramda.without([option.value], values) : ramda.append(option.value, values);
     setFieldValue(name, options);
@@ -1515,7 +1537,7 @@ var MultiSelect$1 = function MultiSelect(_ref) {
 };
 
 var NoteField = function NoteField(_ref) {
-  var _errors$actions, _touched$actions, _selectedField$separa;
+  var _errors$actions, _errors$actions$value, _touched$actions, _touched$actions$valu, _selectedField$separa;
   var name = _ref.name,
     _ref$value = _ref.value,
     value = _ref$value === void 0 ? "" : _ref$value,
@@ -1526,16 +1548,16 @@ var NoteField = function NoteField(_ref) {
   var _useFormikContext = formik.useFormikContext(),
     errors = _useFormikContext.errors,
     touched = _useFormikContext.touched;
-  var _useState = React.useState(false),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+  var _useState = react.useState(false),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
     showPane = _useState2[0],
     setShowPane = _useState2[1];
-  var initialFocusRef = React.useRef(null);
+  var initialFocusRef = react.useRef(null);
   useOnButtonPressed(initialFocusRef, function () {
     return setShowPane(false);
   });
-  var isValid = errors.actions && ramda.isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 || (_errors$actions = _errors$actions.value) === null || _errors$actions === void 0 ? void 0 : _errors$actions[index]) && ramda.isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 || (_touched$actions = _touched$actions.value) === null || _touched$actions === void 0 ? void 0 : _touched$actions[index]);
-  var separator = (selectedField === null || selectedField === void 0 || (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t("neetoRules.common.as");
+  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.as");
   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, {
@@ -1588,10 +1610,6 @@ var NoteField = function NoteField(_ref) {
   });
 };
 
-function _toArray(arr) {
-  return slicedToArray._arrayWithHoles(arr) || toConsumableArray._iterableToArray(arr) || slicedToArray._unsupportedIterableToArray(arr) || slicedToArray._nonIterableRest();
-}
-
 var removeDuplicateErrorMessages = ramda.pipe(ramda.filter(ramda.isNotNil), ramda.uniq, ramda.join(ERROR_MESSAGE_DELIMITER));
 var dasherize = function dasherize(input) {
   return utils.hyphenize(input, "neeto-rules-input");
@@ -1626,7 +1644,7 @@ var formatErrorMessage = function formatErrorMessage(error) {
 
 var _excluded$9 = ["children"];
 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) { slicedToArray._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; }
+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; }
 var STYLES = {
   border: {
     "default": "1px solid rgb(var(--neeto-ui-gray-400))",
@@ -1639,7 +1657,7 @@ var STYLES = {
 };
 var MultiValueRemove = function MultiValueRemove(props) {
   return /*#__PURE__*/jsxRuntime.jsx(reactSelect.components.MultiValueRemove, _objectSpread$g(_objectSpread$g({}, props), {}, {
-    innerProps: _objectSpread$g(_objectSpread$g({}, props.innerProps), {}, slicedToArray._defineProperty({}, "data-cy", "".concat(dasherize(props.data.label), "-remove-icon"))),
+    innerProps: _objectSpread$g(_objectSpread$g({}, props.innerProps), {}, _defineProperty__default["default"]({}, "data-cy", "".concat(dasherize(props.data.label), "-remove-icon"))),
     children: /*#__PURE__*/jsxRuntime.jsx(Close__default["default"], {
       size: 16
     })
@@ -1647,7 +1665,7 @@ var MultiValueRemove = function MultiValueRemove(props) {
 };
 var ValueContainer = function ValueContainer(_ref) {
   var children = _ref.children,
-    props = toConsumableArray._objectWithoutProperties(_ref, _excluded$9);
+    props = _objectWithoutProperties__default["default"](_ref, _excluded$9);
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var getValue = props.getValue,
@@ -1655,12 +1673,12 @@ var ValueContainer = function ValueContainer(_ref) {
     isFocused = _props$selectProps.isFocused,
     visiblePhoneNumbersCount = _props$selectProps.visiblePhoneNumbersCount;
   var value = getValue();
-  var _children = _toArray(children),
+  var _children = _toArray__default["default"](children),
     firstChild = _children[0],
     rest = _children.slice(1);
   var shouldCollapse = !isFocused && value.length > visiblePhoneNumbersCount;
   return /*#__PURE__*/jsxRuntime.jsxs(reactSelect.components.ValueContainer, _objectSpread$g(_objectSpread$g({}, props), {}, {
-    innerProps: _objectSpread$g(_objectSpread$g({}, props.innerProps), {}, slicedToArray._defineProperty({}, "data-cy", "multi-phone-number-input-container")),
+    innerProps: _objectSpread$g(_objectSpread$g({}, 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"], {
       style: "secondary",
       label: t("neetoRules.labels.remainingItemsCount", {
@@ -1671,7 +1689,7 @@ var ValueContainer = function ValueContainer(_ref) {
 };
 var ClearIndicator = function ClearIndicator(props) {
   return /*#__PURE__*/jsxRuntime.jsx(reactSelect.components.ClearIndicator, _objectSpread$g(_objectSpread$g({}, props), {}, {
-    innerProps: _objectSpread$g(_objectSpread$g({}, props.innerProps), {}, slicedToArray._defineProperty({}, "data-cy", "clear-all-button")),
+    innerProps: _objectSpread$g(_objectSpread$g({}, props.innerProps), {}, _defineProperty__default["default"]({}, "data-cy", "clear-all-button")),
     children: /*#__PURE__*/jsxRuntime.jsx(Close__default["default"], {
       className: "cursor-pointer",
       size: 16
@@ -1704,8 +1722,8 @@ var CUSTOM_COMPONENTS = {
 
 var _excluded$8 = ["value", "onChange", "error", "onBlur"];
 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) { slicedToArray._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 MultiPhoneNumberInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+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; }
+var MultiPhoneNumberInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var _ref$value = _ref.value,
     value = _ref$value === void 0 ? [] : _ref$value,
     _ref$onChange = _ref.onChange,
@@ -1714,13 +1732,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 = toConsumableArray._objectWithoutProperties(_ref, _excluded$8);
-  var _useState = React.useState(""),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$8);
+  var _useState = react.useState(""),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
     inputValue = _useState2[0],
     setInputValue = _useState2[1];
-  var _useState3 = React.useState(false),
-    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+  var _useState3 = react.useState(false),
+    _useState4 = _slicedToArray__default["default"](_useState3, 2),
     isFocused = _useState4[0],
     setIsFocused = _useState4[1];
   var _useTranslation = reactI18next.useTranslation(),
@@ -1733,7 +1751,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._toConsumableArray(value), toConsumableArray._toConsumableArray(phoneNumbers))));
+    onChange(pruneDuplicates([].concat(_toConsumableArray__default["default"](value), _toConsumableArray__default["default"](phoneNumbers))));
     setInputValue("");
   };
   var handleKeyDown = function handleKeyDown(event) {
@@ -1746,7 +1764,7 @@ var MultiPhoneNumberInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   };
   var onCreateOption = function onCreateOption(input) {
     var phoneNumber = formatPhoneNumberInputOptions(input);
-    onChange(pruneDuplicates([].concat(toConsumableArray._toConsumableArray(value), [phoneNumber])));
+    onChange(pruneDuplicates([].concat(_toConsumableArray__default["default"](value), [phoneNumber])));
   };
   var handleBlur = function handleBlur(event) {
     inputValue ? handlePhoneNumberChange() : onBlur(event);
@@ -1816,7 +1834,7 @@ var PhoneNumberField = function PhoneNumberField(_ref) {
     _ref$phoneNumbers = _ref.phoneNumbers,
     phoneNumbers = _ref$phoneNumbers === void 0 ? [] : _ref$phoneNumbers;
   var _useField = formik.useField(name),
-    _useField2 = slicedToArray._slicedToArray(_useField, 3);
+    _useField2 = _slicedToArray__default["default"](_useField, 3);
     _useField2[0];
     var meta = _useField2[1],
     _useField2$ = _useField2[2],
@@ -1845,12 +1863,14 @@ var PhoneNumberField = function PhoneNumberField(_ref) {
 };
 
 var SmsFields = function SmsFields(_ref) {
-  var _errors$actions, _touched$actions, _selectedField$separa, _action$metadata;
+  var _errors$actions, _errors$actions$value, _touched$actions, _touched$actions$valu, _action$metadata;
   var name = _ref.name,
     action = _ref.action,
     selectedField = _ref.selectedField,
     _ref$phoneNumbers = _ref.phoneNumbers,
     phoneNumbers = _ref$phoneNumbers === void 0 ? [] : _ref$phoneNumbers,
+    _ref$separatorIndex = _ref.separatorIndex,
+    separatorIndex = _ref$separatorIndex === void 0 ? 0 : _ref$separatorIndex,
     _ref$showPhoneNumberI = _ref.showPhoneNumberInput,
     showPhoneNumberInput = _ref$showPhoneNumberI === void 0 ? false : _ref$showPhoneNumberI,
     index = _ref.index;
@@ -1858,19 +1878,23 @@ var SmsFields = function SmsFields(_ref) {
     errors = _useFormikContext.errors,
     touched = _useFormikContext.touched,
     setFieldValue = _useFormikContext.setFieldValue;
-  var _useState = React.useState(false),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+  var _useState = react.useState(false),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
     showPane = _useState2[0],
     setShowPane = _useState2[1];
-  var initialFocusRef = React.useRef(null);
-  var editorRef = React.useRef(null);
+  var initialFocusRef = react.useRef(null);
+  var editorRef = react.useRef(null);
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   useOnButtonPressed(initialFocusRef, function () {
     return setShowPane(false);
   });
-  var isValid = errors.actions && ramda.isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 || (_errors$actions = _errors$actions.value) === null || _errors$actions === void 0 ? void 0 : _errors$actions[index]) && ramda.isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 || (_touched$actions = _touched$actions.value) === null || _touched$actions === void 0 ? void 0 : _touched$actions[index]);
-  var separator = (selectedField === null || selectedField === void 0 || (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t("neetoRules.common.as");
+  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 = utils$1.getSeparator({
+    defaultSeparator: t("neetoRules.common.as"),
+    index: separatorIndex,
+    selectedField: selectedField
+  });
   var defaultLabel = (selectedField === null || selectedField === void 0 ? void 0 : selectedField.smsPlaceholder) || t("neetoRules.common.sms");
   var templates = selectedField === null || selectedField === void 0 ? void 0 : selectedField.templates;
   var isTemplateSelectionEnabled = neetoCist.isPresent(templates);
@@ -1962,7 +1986,7 @@ var ActionSubItems = function ActionSubItems(_ref) {
     t = _useTranslation.t;
   if ((selectedField === null || selectedField === void 0 ? void 0 : selectedField.type) === ACTION_TYPES.emailToIds) {
     var _action$metadata;
-    return /*#__PURE__*/React.createElement(EmailFields, {
+    return /*#__PURE__*/react.createElement(EmailFields, {
       action: action,
       index: index,
       name: name,
@@ -1973,7 +1997,7 @@ var ActionSubItems = function ActionSubItems(_ref) {
     });
   }
   if ((selectedField === null || selectedField === void 0 ? void 0 : selectedField.type) === ACTION_TYPES.email) {
-    return /*#__PURE__*/React.createElement(EmailFields, {
+    return /*#__PURE__*/react.createElement(EmailFields, {
       action: action,
       index: index,
       name: name,
@@ -1983,24 +2007,25 @@ var ActionSubItems = function ActionSubItems(_ref) {
   }
   if ((selectedField === null || selectedField === void 0 ? void 0 : selectedField.type) === ACTION_TYPES.emailTo) {
     return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/React.createElement(DropdownField$1, {
+      children: [/*#__PURE__*/react.createElement(DropdownField$1, {
         index: index,
         selectedField: selectedField,
         dropdownOptions: options,
         key: "".concat(name, ".value"),
         name: "".concat(name, ".value")
-      }), /*#__PURE__*/React.createElement(EmailFields, {
+      }), /*#__PURE__*/react.createElement(EmailFields, {
         action: action,
         index: index,
         name: name,
         selectedField: selectedField,
-        key: name
+        key: name,
+        separatorIndex: 1
       })]
     });
   }
   if ((selectedField === null || selectedField === void 0 ? void 0 : selectedField.type) === ACTION_TYPES.smsToNumbers) {
     var _action$metadata2;
-    return /*#__PURE__*/React.createElement(SmsFields, {
+    return /*#__PURE__*/react.createElement(SmsFields, {
       action: action,
       index: index,
       name: name,
@@ -2011,7 +2036,7 @@ var ActionSubItems = function ActionSubItems(_ref) {
     });
   }
   if ((selectedField === null || selectedField === void 0 ? void 0 : selectedField.type) === ACTION_TYPES.sms) {
-    return /*#__PURE__*/React.createElement(SmsFields, {
+    return /*#__PURE__*/react.createElement(SmsFields, {
       action: action,
       index: index,
       name: name,
@@ -2021,23 +2046,24 @@ var ActionSubItems = function ActionSubItems(_ref) {
   }
   if ((selectedField === null || selectedField === void 0 ? void 0 : selectedField.type) === ACTION_TYPES.smsTo) {
     return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/React.createElement(DropdownField$1, {
+      children: [/*#__PURE__*/react.createElement(DropdownField$1, {
         index: index,
         selectedField: selectedField,
         dropdownOptions: options,
         key: "".concat(name, ".value"),
         name: "".concat(name, ".value")
-      }), /*#__PURE__*/React.createElement(SmsFields, {
+      }), /*#__PURE__*/react.createElement(SmsFields, {
         action: action,
         index: index,
         name: name,
         selectedField: selectedField,
-        key: name
+        key: name,
+        separatorIndex: 1
       })]
     });
   }
   if ((selectedField === null || selectedField === void 0 ? void 0 : selectedField.type) === ACTION_TYPES.sendToApi) {
-    return /*#__PURE__*/React.createElement(ApiFields, {
+    return /*#__PURE__*/react.createElement(ApiFields, {
       index: index,
       name: name,
       selectedField: selectedField,
@@ -2045,7 +2071,7 @@ var ActionSubItems = function ActionSubItems(_ref) {
     });
   }
   if ((selectedField === null || selectedField === void 0 ? void 0 : selectedField.type) === ACTION_TYPES.dropdown) {
-    return /*#__PURE__*/React.createElement(DropdownField$1, {
+    return /*#__PURE__*/react.createElement(DropdownField$1, {
       index: index,
       selectedField: selectedField,
       dropdownOptions: options,
@@ -2055,7 +2081,7 @@ var ActionSubItems = function ActionSubItems(_ref) {
   }
   if ((selectedField === null || selectedField === void 0 ? void 0 : selectedField.type) === ACTION_TYPES.note) {
     var _action$metadata3;
-    return /*#__PURE__*/React.createElement(NoteField, {
+    return /*#__PURE__*/react.createElement(NoteField, {
       index: index,
       selectedField: selectedField,
       key: name,
@@ -2065,7 +2091,7 @@ var ActionSubItems = function ActionSubItems(_ref) {
   }
   if ((selectedField === null || selectedField === void 0 ? void 0 : selectedField.type) === ACTION_TYPES.list) {
     var _action$metadata4;
-    return /*#__PURE__*/React.createElement(ListField, {
+    return /*#__PURE__*/react.createElement(ListField, {
       index: index,
       selectedField: selectedField,
       key: name,
@@ -2075,7 +2101,7 @@ var ActionSubItems = function ActionSubItems(_ref) {
   }
   if ((selectedField === null || selectedField === void 0 ? void 0 : selectedField.type) === ACTION_TYPES.multiSelect) {
     var _action$metadata5;
-    return /*#__PURE__*/React.createElement(MultiSelect$1, {
+    return /*#__PURE__*/react.createElement(MultiSelect$1, {
       index: index,
       selectedField: selectedField,
       dropDownOptions: options,
@@ -2100,7 +2126,7 @@ var ActionSubItems = function ActionSubItems(_ref) {
   }
   if ((selectedField === null || selectedField === void 0 ? void 0 : selectedField.type) === ACTION_TYPES.longText || (selectedField === null || selectedField === void 0 ? void 0 : selectedField.type) === ACTION_TYPES.textarea) {
     var _action$metadata6;
-    return /*#__PURE__*/React.createElement(LongTextField, {
+    return /*#__PURE__*/react.createElement(LongTextField, {
       index: index,
       selectedField: selectedField,
       defaultLabel: t("neetoRules.labels.body"),
@@ -2122,10 +2148,10 @@ var ActionSubItems = function ActionSubItems(_ref) {
   }
   return null;
 };
-var ActionSubItem = /*#__PURE__*/React.memo(ActionSubItems);
+var ActionSubItem = /*#__PURE__*/react.memo(ActionSubItems);
 
 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) { slicedToArray._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; }
+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; }
 var getSchemaForStrings = function getSchemaForStrings(element) {
   var label = element.label,
     _element$componentPro = element.componentProps,
@@ -2235,7 +2261,7 @@ var getConditionsSchema = function getConditionsSchema(element) {
         } else if ([constants.CONDITION_VALUE_TYPES.textarea].includes(type)) {
           return yup__namespace.object({
             value: yup__namespace.string().test("text", i18next.t("neetoRules.validations.required.text"), function (value) {
-              return !utils$1.isEditorEmpty(value);
+              return !utils$2.isEditorEmpty(value);
             })
           });
         }
@@ -2273,7 +2299,7 @@ var getActionsSchema = function getActionsSchema(element, customData) {
               }
             }) : schema,
             body: yup__namespace.string().test("body", i18next.t("neetoRules.validations.required.body"), function (value) {
-              return !utils$1.isEditorEmpty(value);
+              return !utils$2.isEditorEmpty(value);
             }),
             value: selectedAction.type === ACTION_TYPES.emailTo ? yup__namespace.string().required(i18next.t("neetoRules.validations.required.value")) : schema
           });
@@ -2285,7 +2311,7 @@ var getActionsSchema = function getActionsSchema(element, customData) {
               return PhoneNumber.isPhoneNumberValid(value);
             })) : schema,
             body: yup__namespace.string().test("body", i18next.t("neetoRules.validations.required.body"), function (value) {
-              return !utils$1.isEditorEmpty(value);
+              return !utils$2.isEditorEmpty(value);
             }),
             value: selectedAction.type === ACTION_TYPES.smsTo ? yup__namespace.string().required(i18next.t("neetoRules.validations.required.value")) : schema
           });
@@ -2308,7 +2334,7 @@ var getActionsSchema = function getActionsSchema(element, customData) {
         } else if ((selectedAction === null || selectedAction === void 0 ? void 0 : selectedAction.type) === ACTION_TYPES.note || (selectedAction === null || selectedAction === void 0 ? void 0 : selectedAction.type) === ACTION_TYPES.textarea) {
           return yup__namespace.object({
             value: yup__namespace.string().test("body", i18next.t("neetoRules.validations.required.body"), function (value) {
-              return !utils$1.isEditorEmpty(value);
+              return !utils$2.isEditorEmpty(value);
             })
           });
         } else if ((selectedAction === null || selectedAction === void 0 ? void 0 : selectedAction.type) === ACTION_TYPES.dropdown || (selectedAction === null || selectedAction === void 0 ? void 0 : selectedAction.type) === ACTION_TYPES.date) {
@@ -2366,14 +2392,13 @@ 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$e(_objectSpread$e({}, acc), {}, slicedToArray._defineProperty({}, key, yup__namespace.object({
+    return _objectSpread$e(_objectSpread$e({}, acc), {}, _defineProperty__default["default"]({}, key, yup__namespace.object({
       value: getSchemaForElement(data[key], customData)
     })));
   }, {});
   return yup__namespace.object(schema);
 };
 
-var _VALIDATION_SCHEMA;
 var FIELD_TYPES = {
   text: "text",
   longText: "long-text",
@@ -2385,7 +2410,7 @@ var FIELD_TYPES = {
   multiSelect: "multi-select"
 };
 var MAXIMUM_OPTION_LENGTH$1 = 7;
-var VALIDATION_SCHEMA = (_VALIDATION_SCHEMA = {}, slicedToArray._defineProperty(_VALIDATION_SCHEMA, FIELD_TYPES.text, getSchemaForStrings), slicedToArray._defineProperty(_VALIDATION_SCHEMA, FIELD_TYPES.longText, getSchemaForStrings), slicedToArray._defineProperty(_VALIDATION_SCHEMA, FIELD_TYPES.dropdown, getSchemaForStrings), slicedToArray._defineProperty(_VALIDATION_SCHEMA, FIELD_TYPES.radio, getSchemaForStrings), slicedToArray._defineProperty(_VALIDATION_SCHEMA, FIELD_TYPES.events, getEventsSchema), slicedToArray._defineProperty(_VALIDATION_SCHEMA, FIELD_TYPES.condition, getConditionsSchema), slicedToArray._defineProperty(_VALIDATION_SCHEMA, FIELD_TYPES.actions, getActionsSchema), slicedToArray._defineProperty(_VALIDATION_SCHEMA, FIELD_TYPES.multiSelect, getSchemaForArray), _VALIDATION_SCHEMA);
+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"]({}, 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);
 var DECIMAL_NUMBER_REGEX = /^-?\d*\.?\d+$/;
 var NUMBER_REGEX = /^-?\d+$/;
 var POSITIVE_DECIMAL_NUMBER_REGEX = /^\d*\.?\d+$/;
@@ -2409,7 +2434,7 @@ var DEFAULT_INITIAL_VALUE = {
 var Menu$7 = Dropdown__default["default"].Menu,
   MenuItem$7 = Dropdown__default["default"].MenuItem;
 var ActionItem = function ActionItem(_ref) {
-  var _errors$actions, _touched$actions, _selectedOption$label;
+  var _errors$actions, _errors$actions$value, _touched$actions, _touched$actions$valu, _selectedOption$label;
   var name = _ref.name,
     action = _ref.action,
     index = _ref.index,
@@ -2420,18 +2445,18 @@ var ActionItem = function ActionItem(_ref) {
     routeToSlackIntegration = _ref.routeToSlackIntegration;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var _useState = React.useState({
+  var _useState = react.useState({
       label: t("neetoRules.form.doThis")
     }),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
     selectedOption = _useState2[0],
     setSelectedOption = _useState2[1];
-  var _useState3 = React.useState(false),
-    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+  var _useState3 = react.useState(false),
+    _useState4 = _slicedToArray__default["default"](_useState3, 2),
     isActive = _useState4[0],
     setIsActive = _useState4[1];
-  var _useState5 = React.useState(""),
-    _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+  var _useState5 = react.useState(""),
+    _useState6 = _slicedToArray__default["default"](_useState5, 2),
     searchTerm = _useState6[0],
     setSearchTerm = _useState6[1];
   var _useFormikContext = formik.useFormikContext(),
@@ -2445,18 +2470,18 @@ var ActionItem = function ActionItem(_ref) {
   var label = index ? t("neetoRules.common.and", {
     what: t("neetoRules.common.then")
   }) : t("neetoRules.common.then");
-  var actionOptions = React.useMemo(function () {
+  var actionOptions = react.useMemo(function () {
     return getActionOptions(action, actions, optionList);
   }, [action, actions, optionList]);
-  var selectedField = React.useMemo(function () {
+  var selectedField = react.useMemo(function () {
     return getFieldDetails$1(action.name, actionOptions);
   }, [action, actionOptions]);
   var searchedOptions = getSearchedOptions$3(actionOptions, searchTerm);
-  var isActionSelected = (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) === t("neetoRules.form.doThis") && errors.actions && touched.actions && ramda.isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 || (_errors$actions = _errors$actions.value) === null || _errors$actions === void 0 ? void 0 : _errors$actions[index]) && ramda.isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 || (_touched$actions = _touched$actions.value) === null || _touched$actions === void 0 ? void 0 : _touched$actions[index]);
+  var isActionSelected = (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) === t("neetoRules.form.doThis") && errors.actions && touched.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 handleSelectOption = function handleSelectOption(option) {
     setFieldValue("".concat(name, ".name"), option.value);
     setFieldValue("".concat(name, ".metadata"), {});
-    onSelectAction === null || onSelectAction === void 0 || onSelectAction(name, option);
+    onSelectAction === null || onSelectAction === void 0 ? void 0 : onSelectAction(name, option);
     setSearchTerm("");
   };
   var handleClose = function handleClose() {
@@ -2509,7 +2534,7 @@ var ActionItem = function ActionItem(_ref) {
     }
     return null;
   };
-  React.useEffect(function () {
+  react.useEffect(function () {
     findSelectedOption();
   }, [selectedField]);
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -2527,7 +2552,7 @@ var ActionItem = function ActionItem(_ref) {
         position: "bottom-start",
         customTarget: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
           "data-cy": "action-dropdown-button",
-          label: selectedOption === null || selectedOption === void 0 || (_selectedOption$label = selectedOption.label) === null || _selectedOption$label === void 0 ? void 0 : _selectedOption$label.toLowerCase(),
+          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", {
             "neeto-ui-text-accent-800": isActive,
@@ -2588,7 +2613,7 @@ var ActionItem = function ActionItem(_ref) {
     })]
   });
 };
-var ActionItem$1 = /*#__PURE__*/React.memo(ActionItem);
+var ActionItem$1 = /*#__PURE__*/react.memo(ActionItem);
 
 var Card = function Card(_ref) {
   var title = _ref.title,
@@ -2607,7 +2632,7 @@ var Card = function Card(_ref) {
 };
 
 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) { slicedToArray._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; }
+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; }
 var Actions = function Actions(_ref) {
   var name = _ref.name,
     label = _ref.label,
@@ -2627,13 +2652,13 @@ var Actions = function Actions(_ref) {
     t = _useTranslation.t;
   var elementProps = data[name] || {};
   var actions = values[name].value || [];
-  var showButton = React.useMemo(function () {
+  var showButton = react.useMemo(function () {
     var _actions;
     return !!((_actions = actions[(actions === null || actions === void 0 ? void 0 : actions.length) - 1]) !== null && _actions !== void 0 && _actions.name) && elementProps.actionOptions.length !== actions.length && showAddButton;
   }, [actions]);
   var handleRemoveAction = function handleRemoveAction(index, action, arrayHelpers) {
     if (action.id) {
-      setFieldValue("".concat(name, ".deleted"), [].concat(toConsumableArray._toConsumableArray(values[name].deleted || []), [_objectSpread$d(_objectSpread$d({}, action), {}, {
+      setFieldValue("".concat(name, ".deleted"), [].concat(_toConsumableArray__default["default"](values[name].deleted || []), [_objectSpread$d(_objectSpread$d({}, action), {}, {
         _destroy: true
       })]));
     }
@@ -2750,16 +2775,16 @@ var DropdownField = function DropdownField(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var defaultSelectedValue = fieldType === "field" ? conditions.value[index].field : conditions.value[index].verb;
-  var _useState = React.useState(neetoCist.toLabelAndValue(placeholder)),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+  var _useState = react.useState(neetoCist.toLabelAndValue(placeholder)),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
     selectedOption = _useState2[0],
     setSelectedOption = _useState2[1];
-  var _useState3 = React.useState(false),
-    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+  var _useState3 = react.useState(false),
+    _useState4 = _slicedToArray__default["default"](_useState3, 2),
     isSelected = _useState4[0],
     setIsSelected = _useState4[1];
-  var _useState5 = React.useState(""),
-    _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+  var _useState5 = react.useState(""),
+    _useState6 = _slicedToArray__default["default"](_useState5, 2),
     searchTerm = _useState6[0],
     setSearchTerm = _useState6[1];
   var searchedOptions = getSearchedOptions$2(options, searchTerm);
@@ -2775,7 +2800,7 @@ var DropdownField = function DropdownField(_ref) {
     setIsSelected(false);
     setSearchTerm("");
   };
-  React.useEffect(function () {
+  react.useEffect(function () {
     findDefaultOption();
   }, [options, conditions]);
   return /*#__PURE__*/jsxRuntime.jsx(Dropdown__default["default"], {
@@ -2784,7 +2809,7 @@ var DropdownField = function DropdownField(_ref) {
     position: "bottom-start",
     customTarget: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
       "data-cy": "condition-".concat(fieldType, "-dropdown-button"),
-      label: selectedOption === null || selectedOption === void 0 || (_selectedOption$label = selectedOption.label) === null || _selectedOption$label === void 0 ? void 0 : _selectedOption$label.toLowerCase(),
+      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", {
         "neeto-ui-text-accent-800": isSelected
@@ -2840,7 +2865,7 @@ var DropdownField = function DropdownField(_ref) {
 var Menu$5 = Dropdown__default["default"].Menu,
   MenuItem$5 = Dropdown__default["default"].MenuItem;
 var Dropdown = function Dropdown(_ref) {
-  var _conditions$value$ind, _errors$conditions, _touched$conditions, _defaultSelectedOptio;
+  var _conditions$value$ind, _errors$conditions, _errors$conditions$va, _touched$conditions, _touched$conditions$v, _defaultSelectedOptio;
   var name = _ref.name,
     options = _ref.options,
     index = _ref.index;
@@ -2853,23 +2878,23 @@ var Dropdown = function Dropdown(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var defaultLabel = t("neetoRules.placeholders.selectOption");
-  var _useState = React.useState({
+  var _useState = react.useState({
       label: defaultLabel
     }),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
     defaultSelectedOption = _useState2[0],
     setDefaultSelectedOption = _useState2[1];
-  var _useState3 = React.useState(false),
-    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+  var _useState3 = react.useState(false),
+    _useState4 = _slicedToArray__default["default"](_useState3, 2),
     isActive = _useState4[0],
     setIsActive = _useState4[1];
-  var _useState5 = React.useState(""),
-    _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+  var _useState5 = react.useState(""),
+    _useState6 = _slicedToArray__default["default"](_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;
   var searchedOptions = getSearchedOptions$2(options, searchTerm);
-  var isValueSelected = (defaultSelectedOption === null || defaultSelectedOption === void 0 ? void 0 : defaultSelectedOption.label) === defaultLabel && errors.conditions && ramda.isNotNil((_errors$conditions = errors.conditions) === null || _errors$conditions === void 0 || (_errors$conditions = _errors$conditions.value) === null || _errors$conditions === void 0 ? void 0 : _errors$conditions[index]) && ramda.isNotNil((_touched$conditions = touched.conditions) === null || _touched$conditions === void 0 || (_touched$conditions = _touched$conditions.value) === null || _touched$conditions === void 0 ? void 0 : _touched$conditions[index]);
+  var isValueSelected = (defaultSelectedOption === null || defaultSelectedOption === void 0 ? void 0 : defaultSelectedOption.label) === defaultLabel && 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 handleClose = function handleClose() {
     setIsActive(false);
     setSearchTerm("");
@@ -2896,7 +2921,7 @@ var Dropdown = function Dropdown(_ref) {
       });
     }
   };
-  React.useEffect(function () {
+  react.useEffect(function () {
     findDefaultSelectedOption();
   }, [options, conditions]);
   return /*#__PURE__*/jsxRuntime.jsx(Dropdown__default["default"], {
@@ -2904,7 +2929,7 @@ var Dropdown = function Dropdown(_ref) {
     className: "neeto-ui-bg-gray-100",
     customTarget: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
       "data-cy": "condition-value-dropdown-button",
-      label: defaultSelectedOption === null || defaultSelectedOption === void 0 || (_defaultSelectedOptio = defaultSelectedOption.label) === null || _defaultSelectedOptio === void 0 ? void 0 : _defaultSelectedOptio.toLowerCase(),
+      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", {
         "neeto-ui-text-accent-800": isActive,
@@ -2958,7 +2983,7 @@ var Dropdown = function Dropdown(_ref) {
 };
 
 var InputField$1 = function InputField(_ref) {
-  var _condition$metadata, _errors$conditions, _touched$conditions;
+  var _condition$metadata, _condition$metadata$v, _errors$conditions, _errors$conditions$va, _touched$conditions, _touched$conditions$v;
   var name = _ref.name,
     index = _ref.index,
     placeholder = _ref.placeholder;
@@ -2966,21 +2991,21 @@ var InputField$1 = function InputField(_ref) {
     conditions = _useFormikContext.values.conditions,
     errors = _useFormikContext.errors,
     touched = _useFormikContext.touched;
-  var _useState = React.useState(false),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+  var _useState = react.useState(false),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
     showInput = _useState2[0],
     setShowInput = _useState2[1];
-  var inputRef = React.useRef(null);
+  var inputRef = react.useRef(null);
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   useCloseInputField(inputRef, showInput, function () {
     return setShowInput(false);
   });
   var condition = conditions.value[index];
-  var valueTerm = (_condition$metadata = condition.metadata) === null || _condition$metadata === void 0 || (_condition$metadata = _condition$metadata.value) === null || _condition$metadata === void 0 ? void 0 : _condition$metadata.toString();
+  var valueTerm = (_condition$metadata = condition.metadata) === null || _condition$metadata === void 0 ? void 0 : (_condition$metadata$v = _condition$metadata.value) === null || _condition$metadata$v === void 0 ? void 0 : _condition$metadata$v.toString();
   var label = valueTerm && valueTerm !== null && valueTerm !== void 0 && valueTerm.trim().length ? valueTerm : t("neetoRules.form.addValue");
-  var isValid = errors.conditions && ramda.isNotNil((_errors$conditions = errors.conditions) === null || _errors$conditions === void 0 || (_errors$conditions = _errors$conditions.value) === null || _errors$conditions === void 0 ? void 0 : _errors$conditions[index]) && ramda.isNotNil((_touched$conditions = touched.conditions) === null || _touched$conditions === void 0 || (_touched$conditions = _touched$conditions.value) === null || _touched$conditions === void 0 ? void 0 : _touched$conditions[index]);
-  React.useEffect(function () {
+  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]);
+  react.useEffect(function () {
     setShowInput(false);
   }, [condition.verb]);
   return showInput ? /*#__PURE__*/jsxRuntime.jsx(Input__default$1["default"], {
@@ -3013,7 +3038,7 @@ var InputField$1 = function InputField(_ref) {
 var Menu$4 = Dropdown__default["default"].Menu,
   MenuItem$4 = Dropdown__default["default"].MenuItem;
 var MultiSelect = function MultiSelect(_ref) {
-  var _conditions$value$ind, _errors$conditions, _touched$conditions;
+  var _conditions$value$ind, _conditions$value$ind2, _errors$conditions, _errors$conditions$va, _touched$conditions, _touched$conditions$v;
   var name = _ref.name,
     dropDownOptions = _ref.dropDownOptions,
     index = _ref.index;
@@ -3023,24 +3048,24 @@ var MultiSelect = function MultiSelect(_ref) {
     errors = _useFormikContext.errors,
     touched = _useFormikContext.touched,
     setTouched = _useFormikContext.setTouched;
-  var _useState = React.useState(null),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+  var _useState = react.useState(null),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
     activeOption = _useState2[0],
     setActiveOption = _useState2[1];
-  var _useState3 = React.useState(""),
-    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+  var _useState3 = react.useState(""),
+    _useState4 = _slicedToArray__default["default"](_useState3, 2),
     searchTerm = _useState4[0],
     setSearchTerm = _useState4[1];
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var values = (_conditions$value$ind = conditions.value[index]) === null || _conditions$value$ind === void 0 || (_conditions$value$ind = _conditions$value$ind.metadata) === null || _conditions$value$ind === void 0 ? void 0 : _conditions$value$ind.values;
+  var values = (_conditions$value$ind = conditions.value[index]) === null || _conditions$value$ind === void 0 ? void 0 : (_conditions$value$ind2 = _conditions$value$ind.metadata) === null || _conditions$value$ind2 === void 0 ? void 0 : _conditions$value$ind2.values;
   var selectedOptions = values || [];
   var defaultLabel = t("neetoRules.form.selectValues");
   var options = dropDownOptions === null || dropDownOptions === void 0 ? void 0 : dropDownOptions.filter(function (option) {
     return selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.includes(option.value);
   });
   var searchedOptions = getSearchedOptions$2(dropDownOptions, searchTerm);
-  var isValid = errors.conditions && ramda.isNotNil((_errors$conditions = errors.conditions) === null || _errors$conditions === void 0 || (_errors$conditions = _errors$conditions.value) === null || _errors$conditions === void 0 ? void 0 : _errors$conditions[index]) && ramda.isNotNil((_touched$conditions = touched.conditions) === null || _touched$conditions === void 0 || (_touched$conditions = _touched$conditions.value) === null || _touched$conditions === void 0 ? void 0 : _touched$conditions[index]);
+  var 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 handleMultiSelectOption = function handleMultiSelectOption(value) {
     var options = selectedOptions !== null && selectedOptions !== void 0 && selectedOptions.includes(value) ? ramda.without([value], selectedOptions) : ramda.append(value, selectedOptions);
     setFieldValue(name, options);
@@ -3058,7 +3083,7 @@ var MultiSelect = function MultiSelect(_ref) {
       className: "flex flex-wrap items-center gap-x-2 gap-y-1",
       children: options.map(function (option, idx) {
         var _option$label;
-        return /*#__PURE__*/jsxRuntime.jsxs(React.Fragment, {
+        return /*#__PURE__*/jsxRuntime.jsxs(react.Fragment, {
           children: [!!idx && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
             className: "neeto-ui-text-gray-700",
             style: "h5",
@@ -3066,7 +3091,7 @@ var MultiSelect = function MultiSelect(_ref) {
             children: t("neetoRules.common.or")
           }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
             "data-cy": "condition-value-multi-select-field",
-            label: option === null || option === void 0 || (_option$label = option.label) === null || _option$label === void 0 ? void 0 : _option$label.toLowerCase(),
+            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", {
               "neeto-ui-text-accent-800": activeOption === option.value
@@ -3130,12 +3155,12 @@ var MultiSelect = function MultiSelect(_ref) {
 
 var _excluded$7 = ["name", "index"];
 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) { slicedToArray._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; }
+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; }
 var MultiSelectCreate = function MultiSelectCreate(_ref) {
-  var _conditions$value$ind, _errors$conditions, _touched$conditions;
+  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 = toConsumableArray._objectWithoutProperties(_ref, _excluded$7);
+    props = _objectWithoutProperties__default["default"](_ref, _excluded$7);
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useFormikContext = formik.useFormikContext(),
@@ -3144,18 +3169,18 @@ var MultiSelectCreate = function MultiSelectCreate(_ref) {
     errors = _useFormikContext.errors,
     touched = _useFormikContext.touched,
     setTouched = _useFormikContext.setTouched;
-  var _useState = React.useState(false),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+  var _useState = react.useState(false),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
     showPane = _useState2[0],
     setShowPane = _useState2[1];
-  var initialFocusRef = React.useRef(null);
+  var initialFocusRef = react.useRef(null);
   useOnButtonPressed(initialFocusRef, function () {
     return setShowPane(false);
   });
-  var values = (_conditions$value$ind = conditions.value[index]) === null || _conditions$value$ind === void 0 || (_conditions$value$ind = _conditions$value$ind.metadata) === null || _conditions$value$ind === void 0 ? void 0 : _conditions$value$ind.values;
+  var values = (_conditions$value$ind = conditions.value[index]) === null || _conditions$value$ind === void 0 ? void 0 : (_conditions$value$ind2 = _conditions$value$ind.metadata) === null || _conditions$value$ind2 === void 0 ? void 0 : _conditions$value$ind2.values;
   var allOptions = getAllOptions(values);
   var defaultLabel = t("neetoRules.form.selectValues");
-  var isValid = errors.conditions && ramda.isNotNil((_errors$conditions = errors.conditions) === null || _errors$conditions === void 0 || (_errors$conditions = _errors$conditions.value) === null || _errors$conditions === void 0 ? void 0 : _errors$conditions[index]) && ramda.isNotNil((_touched$conditions = touched.conditions) === null || _touched$conditions === void 0 || (_touched$conditions = _touched$conditions.value) === null || _touched$conditions === void 0 ? void 0 : _touched$conditions[index]);
+  var 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"], {
       "data-cy": "condition-value-multi-select-create-button",
@@ -3171,7 +3196,7 @@ var MultiSelectCreate = function MultiSelectCreate(_ref) {
         });
       }
     }), allOptions.map(function (option, idx) {
-      return /*#__PURE__*/jsxRuntime.jsxs(React.Fragment, {
+      return /*#__PURE__*/jsxRuntime.jsxs(react.Fragment, {
         children: [!!idx && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
           className: "neeto-ui-text-gray-700",
           style: "h5",
@@ -3226,388 +3251,8 @@ var MultiSelectCreate = function MultiSelectCreate(_ref) {
   });
 };
 
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-  try {
-    var info = gen[key](arg);
-    var value = info.value;
-  } catch (error) {
-    reject(error);
-    return;
-  }
-  if (info.done) {
-    resolve(value);
-  } else {
-    Promise.resolve(value).then(_next, _throw);
-  }
-}
-function _asyncToGenerator(fn) {
-  return function () {
-    var self = this,
-      args = arguments;
-    return new Promise(function (resolve, reject) {
-      var gen = fn.apply(self, args);
-      function _next(value) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-      }
-      function _throw(err) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-      }
-      _next(undefined);
-    });
-  };
-}
-
-var regeneratorRuntime$1 = {exports: {}};
-
-var _typeof = {exports: {}};
-
-_typeof.exports;
-
-(function (module) {
-	function _typeof(o) {
-	  "@babel/helpers - typeof";
-
-	  return (module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-	    return typeof o;
-	  } : function (o) {
-	    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-	  }, module.exports.__esModule = true, module.exports["default"] = module.exports), _typeof(o);
-	}
-	module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports; 
-} (_typeof));
-
-var _typeofExports = _typeof.exports;
-
-regeneratorRuntime$1.exports;
-
-(function (module) {
-	var _typeof = _typeofExports["default"];
-	function _regeneratorRuntime() {
-	  module.exports = _regeneratorRuntime = function _regeneratorRuntime() {
-	    return e;
-	  }, module.exports.__esModule = true, module.exports["default"] = module.exports;
-	  var t,
-	    e = {},
-	    r = Object.prototype,
-	    n = r.hasOwnProperty,
-	    o = Object.defineProperty || function (t, e, r) {
-	      t[e] = r.value;
-	    },
-	    i = "function" == typeof Symbol ? Symbol : {},
-	    a = i.iterator || "@@iterator",
-	    c = i.asyncIterator || "@@asyncIterator",
-	    u = i.toStringTag || "@@toStringTag";
-	  function define(t, e, r) {
-	    return Object.defineProperty(t, e, {
-	      value: r,
-	      enumerable: !0,
-	      configurable: !0,
-	      writable: !0
-	    }), t[e];
-	  }
-	  try {
-	    define({}, "");
-	  } catch (t) {
-	    define = function define(t, e, r) {
-	      return t[e] = r;
-	    };
-	  }
-	  function wrap(t, e, r, n) {
-	    var i = e && e.prototype instanceof Generator ? e : Generator,
-	      a = Object.create(i.prototype),
-	      c = new Context(n || []);
-	    return o(a, "_invoke", {
-	      value: makeInvokeMethod(t, r, c)
-	    }), a;
-	  }
-	  function tryCatch(t, e, r) {
-	    try {
-	      return {
-	        type: "normal",
-	        arg: t.call(e, r)
-	      };
-	    } catch (t) {
-	      return {
-	        type: "throw",
-	        arg: t
-	      };
-	    }
-	  }
-	  e.wrap = wrap;
-	  var h = "suspendedStart",
-	    l = "suspendedYield",
-	    f = "executing",
-	    s = "completed",
-	    y = {};
-	  function Generator() {}
-	  function GeneratorFunction() {}
-	  function GeneratorFunctionPrototype() {}
-	  var p = {};
-	  define(p, a, function () {
-	    return this;
-	  });
-	  var d = Object.getPrototypeOf,
-	    v = d && d(d(values([])));
-	  v && v !== r && n.call(v, a) && (p = v);
-	  var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p);
-	  function defineIteratorMethods(t) {
-	    ["next", "throw", "return"].forEach(function (e) {
-	      define(t, e, function (t) {
-	        return this._invoke(e, t);
-	      });
-	    });
-	  }
-	  function AsyncIterator(t, e) {
-	    function invoke(r, o, i, a) {
-	      var c = tryCatch(t[r], t, o);
-	      if ("throw" !== c.type) {
-	        var u = c.arg,
-	          h = u.value;
-	        return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) {
-	          invoke("next", t, i, a);
-	        }, function (t) {
-	          invoke("throw", t, i, a);
-	        }) : e.resolve(h).then(function (t) {
-	          u.value = t, i(u);
-	        }, function (t) {
-	          return invoke("throw", t, i, a);
-	        });
-	      }
-	      a(c.arg);
-	    }
-	    var r;
-	    o(this, "_invoke", {
-	      value: function value(t, n) {
-	        function callInvokeWithMethodAndArg() {
-	          return new e(function (e, r) {
-	            invoke(t, n, e, r);
-	          });
-	        }
-	        return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
-	      }
-	    });
-	  }
-	  function makeInvokeMethod(e, r, n) {
-	    var o = h;
-	    return function (i, a) {
-	      if (o === f) throw new Error("Generator is already running");
-	      if (o === s) {
-	        if ("throw" === i) throw a;
-	        return {
-	          value: t,
-	          done: !0
-	        };
-	      }
-	      for (n.method = i, n.arg = a;;) {
-	        var c = n.delegate;
-	        if (c) {
-	          var u = maybeInvokeDelegate(c, n);
-	          if (u) {
-	            if (u === y) continue;
-	            return u;
-	          }
-	        }
-	        if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) {
-	          if (o === h) throw o = s, n.arg;
-	          n.dispatchException(n.arg);
-	        } else "return" === n.method && n.abrupt("return", n.arg);
-	        o = f;
-	        var p = tryCatch(e, r, n);
-	        if ("normal" === p.type) {
-	          if (o = n.done ? s : l, p.arg === y) continue;
-	          return {
-	            value: p.arg,
-	            done: n.done
-	          };
-	        }
-	        "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg);
-	      }
-	    };
-	  }
-	  function maybeInvokeDelegate(e, r) {
-	    var n = r.method,
-	      o = e.iterator[n];
-	    if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y;
-	    var i = tryCatch(o, e.iterator, r.arg);
-	    if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y;
-	    var a = i.arg;
-	    return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y);
-	  }
-	  function pushTryEntry(t) {
-	    var e = {
-	      tryLoc: t[0]
-	    };
-	    1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e);
-	  }
-	  function resetTryEntry(t) {
-	    var e = t.completion || {};
-	    e.type = "normal", delete e.arg, t.completion = e;
-	  }
-	  function Context(t) {
-	    this.tryEntries = [{
-	      tryLoc: "root"
-	    }], t.forEach(pushTryEntry, this), this.reset(!0);
-	  }
-	  function values(e) {
-	    if (e || "" === e) {
-	      var r = e[a];
-	      if (r) return r.call(e);
-	      if ("function" == typeof e.next) return e;
-	      if (!isNaN(e.length)) {
-	        var o = -1,
-	          i = function next() {
-	            for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next;
-	            return next.value = t, next.done = !0, next;
-	          };
-	        return i.next = i;
-	      }
-	    }
-	    throw new TypeError(_typeof(e) + " is not iterable");
-	  }
-	  return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", {
-	    value: GeneratorFunctionPrototype,
-	    configurable: !0
-	  }), o(GeneratorFunctionPrototype, "constructor", {
-	    value: GeneratorFunction,
-	    configurable: !0
-	  }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) {
-	    var e = "function" == typeof t && t.constructor;
-	    return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name));
-	  }, e.mark = function (t) {
-	    return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t;
-	  }, e.awrap = function (t) {
-	    return {
-	      __await: t
-	    };
-	  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () {
-	    return this;
-	  }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) {
-	    void 0 === i && (i = Promise);
-	    var a = new AsyncIterator(wrap(t, r, n, o), i);
-	    return e.isGeneratorFunction(r) ? a : a.next().then(function (t) {
-	      return t.done ? t.value : a.next();
-	    });
-	  }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () {
-	    return this;
-	  }), define(g, "toString", function () {
-	    return "[object Generator]";
-	  }), e.keys = function (t) {
-	    var e = Object(t),
-	      r = [];
-	    for (var n in e) r.push(n);
-	    return r.reverse(), function next() {
-	      for (; r.length;) {
-	        var t = r.pop();
-	        if (t in e) return next.value = t, next.done = !1, next;
-	      }
-	      return next.done = !0, next;
-	    };
-	  }, e.values = values, Context.prototype = {
-	    constructor: Context,
-	    reset: function reset(e) {
-	      if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t);
-	    },
-	    stop: function stop() {
-	      this.done = !0;
-	      var t = this.tryEntries[0].completion;
-	      if ("throw" === t.type) throw t.arg;
-	      return this.rval;
-	    },
-	    dispatchException: function dispatchException(e) {
-	      if (this.done) throw e;
-	      var r = this;
-	      function handle(n, o) {
-	        return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o;
-	      }
-	      for (var o = this.tryEntries.length - 1; o >= 0; --o) {
-	        var i = this.tryEntries[o],
-	          a = i.completion;
-	        if ("root" === i.tryLoc) return handle("end");
-	        if (i.tryLoc <= this.prev) {
-	          var c = n.call(i, "catchLoc"),
-	            u = n.call(i, "finallyLoc");
-	          if (c && u) {
-	            if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
-	            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
-	          } else if (c) {
-	            if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
-	          } else {
-	            if (!u) throw new Error("try statement without catch or finally");
-	            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
-	          }
-	        }
-	      }
-	    },
-	    abrupt: function abrupt(t, e) {
-	      for (var r = this.tryEntries.length - 1; r >= 0; --r) {
-	        var o = this.tryEntries[r];
-	        if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) {
-	          var i = o;
-	          break;
-	        }
-	      }
-	      i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null);
-	      var a = i ? i.completion : {};
-	      return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a);
-	    },
-	    complete: function complete(t, e) {
-	      if ("throw" === t.type) throw t.arg;
-	      return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y;
-	    },
-	    finish: function finish(t) {
-	      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
-	        var r = this.tryEntries[e];
-	        if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y;
-	      }
-	    },
-	    "catch": function _catch(t) {
-	      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
-	        var r = this.tryEntries[e];
-	        if (r.tryLoc === t) {
-	          var n = r.completion;
-	          if ("throw" === n.type) {
-	            var o = n.arg;
-	            resetTryEntry(r);
-	          }
-	          return o;
-	        }
-	      }
-	      throw new Error("illegal catch attempt");
-	    },
-	    delegateYield: function delegateYield(e, r, n) {
-	      return this.delegate = {
-	        iterator: values(e),
-	        resultName: r,
-	        nextLoc: n
-	      }, "next" === this.method && (this.arg = t), y;
-	    }
-	  }, e;
-	}
-	module.exports = _regeneratorRuntime, module.exports.__esModule = true, module.exports["default"] = module.exports; 
-} (regeneratorRuntime$1));
-
-var regeneratorRuntimeExports = regeneratorRuntime$1.exports;
-
-// TODO(Babel 8): Remove this file.
-
-var runtime = regeneratorRuntimeExports();
-var regenerator = runtime;
-
-// Copied from https://github.com/facebook/regenerator/blob/main/packages/runtime/runtime.js#L736=
-try {
-  regeneratorRuntime = runtime;
-} catch (accidentalStrictMode) {
-  if (typeof globalThis === "object") {
-    globalThis.regeneratorRuntime = runtime;
-  } else {
-    Function("r", "regeneratorRuntime = r")(runtime);
-  }
-}
-
-var _regeneratorRuntime = /*@__PURE__*/toConsumableArray.getDefaultExportFromCjs(regenerator);
-
 var DateField = function DateField(_ref) {
-  var _conditions$value$ind, _errors$conditions, _touched$conditions;
+  var _conditions$value$ind, _errors$conditions, _errors$conditions$va, _touched$conditions, _touched$conditions$v;
   var name = _ref.name,
     index = _ref.index,
     conditionName = _ref.conditionName;
@@ -3618,18 +3263,18 @@ var DateField = function DateField(_ref) {
     validateField = _useFormikContext.validateField,
     touched = _useFormikContext.touched,
     setTouched = _useFormikContext.setTouched;
-  var _useState = React.useState(false),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+  var _useState = react.useState(false),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
     showInput = _useState2[0],
     setShowInput = _useState2[1];
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var valueTerm = (_conditions$value$ind = conditions.value[index].metadata) === null || _conditions$value$ind === void 0 ? void 0 : _conditions$value$ind.value;
   var label = valueTerm || t("neetoRules.form.selectDate");
-  var isValid = errors.conditions && ramda.isNotNil((_errors$conditions = errors.conditions) === null || _errors$conditions === void 0 || (_errors$conditions = _errors$conditions.value) === null || _errors$conditions === void 0 ? void 0 : _errors$conditions[index]) && ramda.isNotNil((_touched$conditions = touched.conditions) === null || _touched$conditions === void 0 || (_touched$conditions = _touched$conditions.value) === null || _touched$conditions === void 0 ? void 0 : _touched$conditions[index]);
+  var 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( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+    var _ref2 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
+      return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             _context.prev = 0;
@@ -3797,7 +3442,7 @@ var ConditionItem = function ConditionItem(_ref) {
     setFieldValue("".concat(name, ".verb"), fieldDetails === null || fieldDetails === void 0 ? void 0 : fieldDetails.allowMatching[0]);
     setFieldValue("".concat(name, ".kind"), fieldDetails === null || fieldDetails === void 0 ? void 0 : fieldDetails.kind);
     setFieldValue("".concat(name, ".metadata"), {});
-    onSelectCondition === null || onSelectCondition === void 0 || onSelectCondition(name, option);
+    onSelectCondition === null || onSelectCondition === void 0 ? void 0 : onSelectCondition(name, option);
   };
   var handleVerbChange = function handleVerbChange(_ref2) {
     var value = _ref2.value;
@@ -3856,7 +3501,7 @@ var LogicOperator = function LogicOperator(_ref) {
 };
 
 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) { slicedToArray._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; }
+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; }
 var Conditions = function Conditions(_ref) {
   var _field$value;
   var data = _ref.data,
@@ -3871,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._slicedToArray(_useField, 3),
+    _useField2 = _slicedToArray__default["default"](_useField, 3),
     field = _useField2[0],
     setValue = _useField2[2].setValue;
   var _useFormikContext = formik.useFormikContext(),
@@ -3884,7 +3529,8 @@ var Conditions = function Conditions(_ref) {
     var _elementProps$conditi;
     arrayHelpers.push({
       field: elementProps === null || elementProps === void 0 ? void 0 : elementProps.conditionOptions[0].value,
-      verb: elementProps === null || elementProps === void 0 || (_elementProps$conditi = elementProps.conditionOptions[0]) === null || _elementProps$conditi === void 0 ? void 0 : _elementProps$conditi.allowMatching[0],
+      kind: elementProps === null || elementProps === void 0 ? void 0 : elementProps.conditionOptions[0].kind,
+      verb: elementProps === null || elementProps === void 0 ? void 0 : (_elementProps$conditi = elementProps.conditionOptions[0]) === null || _elementProps$conditi === void 0 ? void 0 : _elementProps$conditi.allowMatching[0],
       joinType: logicOperation,
       metadata: {}
     });
@@ -3893,7 +3539,7 @@ var Conditions = function Conditions(_ref) {
     if (condition.id) {
       var _field$value2;
       setValue(_objectSpread$b(_objectSpread$b({}, field.value), {}, {
-        deleted: [].concat(toConsumableArray._toConsumableArray(((_field$value2 = field.value) === null || _field$value2 === void 0 ? void 0 : _field$value2.deleted) || []), [_objectSpread$b(_objectSpread$b({}, condition), {}, {
+        deleted: [].concat(_toConsumableArray__default["default"](((_field$value2 = field.value) === null || _field$value2 === void 0 ? void 0 : _field$value2.deleted) || []), [_objectSpread$b(_objectSpread$b({}, condition), {}, {
           _destroy: true
         })])
       }));
@@ -3919,7 +3565,7 @@ var Conditions = function Conditions(_ref) {
               children: [!!index && /*#__PURE__*/jsxRuntime.jsx(LogicOperator, {
                 handleGroupJoinType: handleGroupJoinType,
                 logicOperation: condition.joinType
-              }), /*#__PURE__*/React.createElement(ConditionItem, {
+              }), /*#__PURE__*/react.createElement(ConditionItem, {
                 condition: condition,
                 elementProps: elementProps,
                 index: index,
@@ -4007,15 +3653,15 @@ var getDropdownOptions = function getDropdownOptions(eventNames, eventOptions) {
   var _pipe = ramda.pipe(ramda.partition(function (option) {
       return eventNames.includes(option.value);
     }), function (_ref2) {
-      var _ref3 = slicedToArray._slicedToArray(_ref2, 2),
+      var _ref3 = _slicedToArray__default["default"](_ref2, 2),
         included = _ref3[0],
         excluded = _ref3[1];
       return [included, excluded];
     })(eventOptions),
-    _pipe2 = slicedToArray._slicedToArray(_pipe, 2),
+    _pipe2 = _slicedToArray__default["default"](_pipe, 2),
     includedOptions = _pipe2[0],
     excludedOptions = _pipe2[1];
-  return [].concat(toConsumableArray._toConsumableArray(includedOptions), toConsumableArray._toConsumableArray(excludedOptions));
+  return [].concat(_toConsumableArray__default["default"](includedOptions), _toConsumableArray__default["default"](excludedOptions));
 };
 
 var Menu$3 = Dropdown__default["default"].Menu,
@@ -4038,16 +3684,16 @@ var Performer$1 = function Performer(_ref) {
   var defaultLabel = {
     label: t("neetoRules.placeholders.selectOption")
   };
-  var _useState = React.useState(defaultLabel),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+  var _useState = react.useState(defaultLabel),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
     selectedOption = _useState2[0],
     setSelectedOption = _useState2[1];
-  var _useState3 = React.useState(false),
-    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+  var _useState3 = react.useState(false),
+    _useState4 = _slicedToArray__default["default"](_useState3, 2),
     isSelected = _useState4[0],
     setIsSelected = _useState4[1];
-  var _useState5 = React.useState(""),
-    _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+  var _useState5 = react.useState(""),
+    _useState6 = _slicedToArray__default["default"](_useState5, 2),
     searchTerm = _useState6[0],
     setSearchTerm = _useState6[1];
   var searchedOptions = getSearchedOptions$1(performerOptions, searchTerm);
@@ -4066,7 +3712,7 @@ var Performer$1 = function Performer(_ref) {
     setIsSelected(false);
     setSearchTerm("");
   };
-  React.useEffect(function () {
+  react.useEffect(function () {
     findDefaultOption();
   }, [performer]);
   var handleSelectOption = function handleSelectOption(option) {
@@ -4085,7 +3731,7 @@ var Performer$1 = function Performer(_ref) {
       className: "neeto-ui-bg-gray-100",
       customTarget: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
         "data-cy": "event-performer-dropdown",
-        label: selectedOption === null || selectedOption === void 0 || (_selectedOption$label = selectedOption.label) === null || _selectedOption$label === void 0 ? void 0 : _selectedOption$label.toLowerCase(),
+        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", {
           "neeto-ui-text-accent-800": isSelected,
@@ -4142,7 +3788,7 @@ 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) { slicedToArray._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; }
+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;
 var Events$1 = function Events(_ref) {
@@ -4154,12 +3800,12 @@ var Events$1 = function Events(_ref) {
     values = _useFormikContext.values,
     setFieldValue = _useFormikContext.setFieldValue,
     errors = _useFormikContext.errors;
-  var _useState = React.useState(null),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+  var _useState = react.useState(null),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
     activeOption = _useState2[0],
     setActiveOption = _useState2[1];
-  var _useState3 = React.useState(""),
-    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+  var _useState3 = react.useState(""),
+    _useState4 = _slicedToArray__default["default"](_useState3, 2),
     searchTerm = _useState4[0],
     setSearchTerm = _useState4[1];
   var _useTranslation = reactI18next.useTranslation(),
@@ -4179,7 +3825,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._toConsumableArray(deletedEvents), [_objectSpread$a(_objectSpread$a({}, events[idx]), {}, {
+        deletedEvents = [].concat(_toConsumableArray__default["default"](deletedEvents), [_objectSpread$a(_objectSpread$a({}, events[idx]), {}, {
           _destroy: true
         })]);
       }
@@ -4206,7 +3852,7 @@ var Events$1 = function Events(_ref) {
       }, events);
       if (defaultEvent.id) {
         var _values$name2;
-        setFieldValue("".concat(name, ".deleted"), [].concat(toConsumableArray._toConsumableArray(((_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__default["default"](((_values$name2 = values[name]) === null || _values$name2 === void 0 ? void 0 : _values$name2.deleted) || []), [_objectSpread$a(_objectSpread$a({}, defaultEvent), {}, {
           _destroy: true
         })]));
       }
@@ -4219,16 +3865,16 @@ var Events$1 = function Events(_ref) {
     }, events);
     if (event && event.id) {
       var _values$name3;
-      setFieldValue("".concat(name, ".deleted"), [].concat(toConsumableArray._toConsumableArray(((_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__default["default"](((_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._toConsumableArray(options), [{
+    }, options) : [].concat(_toConsumableArray__default["default"](options), [{
       name: option.value
     }]);
-    onSelectEvent === null || onSelectEvent === void 0 || onSelectEvent(name, options);
+    onSelectEvent === null || onSelectEvent === void 0 ? void 0 : onSelectEvent(name, options);
     setFieldValue("".concat(name, ".value"), options);
   };
   var handleClose = function handleClose() {
@@ -4260,7 +3906,7 @@ var Events$1 = function Events(_ref) {
               children: t("neetoRules.common.or")
             }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
               "data-cy": "condition-value-multi-select-field",
-              label: event === null || event === void 0 || (_event$label = event.label) === null || _event$label === void 0 ? void 0 : _event$label.toLowerCase(),
+              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", {
                 "neeto-ui-text-accent-800": activeOption === event.value
@@ -4327,7 +3973,7 @@ var Events$1 = function Events(_ref) {
 
 var _excluded$6 = ["addButtonTooltipProps", "data", "label", "name", "performerName", "conditionsName", "onSelectEvent"];
 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) { slicedToArray._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; }
+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; }
 var EventConditions = function EventConditions(_ref) {
   var _ref$addButtonTooltip = _ref.addButtonTooltipProps,
     addButtonTooltipProps = _ref$addButtonTooltip === void 0 ? {} : _ref$addButtonTooltip,
@@ -4337,7 +3983,7 @@ var EventConditions = function EventConditions(_ref) {
     performerName = _ref.performerName,
     conditionsName = _ref.conditionsName,
     onSelectEvent = _ref.onSelectEvent,
-    config = toConsumableArray._objectWithoutProperties(_ref, _excluded$6);
+    config = _objectWithoutProperties__default["default"](_ref, _excluded$6);
   var _useFormikContext = formik.useFormikContext(),
     values = _useFormikContext.values,
     setFieldValue = _useFormikContext.setFieldValue;
@@ -4351,7 +3997,8 @@ var EventConditions = function EventConditions(_ref) {
     var _conditionProps$condi;
     setFieldValue("".concat(conditionsName, ".value"), [{
       field: conditionProps === null || conditionProps === void 0 ? void 0 : conditionProps.conditionOptions[0].value,
-      verb: conditionProps === null || conditionProps === void 0 || (_conditionProps$condi = conditionProps.conditionOptions[0]) === null || _conditionProps$condi === void 0 ? void 0 : _conditionProps$condi.allowMatching[0],
+      kind: conditionProps === null || conditionProps === void 0 ? void 0 : conditionProps.conditionOptions[0].kind,
+      verb: conditionProps === null || conditionProps === void 0 ? void 0 : (_conditionProps$condi = conditionProps.conditionOptions[0]) === null || _conditionProps$condi === void 0 ? void 0 : _conditionProps$condi.allowMatching[0],
       joinType: OPERATORS.or,
       metadata: {}
     }]);
@@ -4431,16 +4078,16 @@ var EventItem = function EventItem(_ref) {
     elementProps = _ref.elementProps,
     removeEvent = _ref.removeEvent,
     onSelectEvent = _ref.onSelectEvent;
-  var _useState = React.useState(t("neetoRules.form.thisHappens")),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+  var _useState = react.useState(t("neetoRules.form.thisHappens")),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
     selectedOption = _useState2[0],
     setSelectedOption = _useState2[1];
-  var _useState3 = React.useState(false),
-    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+  var _useState3 = react.useState(false),
+    _useState4 = _slicedToArray__default["default"](_useState3, 2),
     isActive = _useState4[0],
     setIsActive = _useState4[1];
-  var _useState5 = React.useState(""),
-    _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+  var _useState5 = react.useState(""),
+    _useState6 = _slicedToArray__default["default"](_useState5, 2),
     searchTerm = _useState6[0],
     setSearchTerm = _useState6[1];
   var _useTranslation = reactI18next.useTranslation(),
@@ -4452,10 +4099,10 @@ var EventItem = function EventItem(_ref) {
   var events = values[parentName].value || [];
   var handleEventChange = function handleEventChange(option) {
     setFieldValue(name, option.value);
-    onSelectEvent === null || onSelectEvent === void 0 || onSelectEvent(name, option);
+    onSelectEvent === null || onSelectEvent === void 0 ? void 0 : onSelectEvent(name, option);
     setSelectedOption(option.label);
   };
-  var eventOptions = React.useMemo(function () {
+  var eventOptions = react.useMemo(function () {
     return getEventOptions(event, events, elementProps.eventOptions);
   }, [events]);
   var searchedOptions = getSearchedOptions(eventOptions, searchTerm);
@@ -4474,7 +4121,7 @@ var EventItem = function EventItem(_ref) {
       setSelectedOption(t("neetoRules.form.thisHappens"));
     }
   };
-  React.useEffect(function () {
+  react.useEffect(function () {
     findDefaultOption();
   }, [events]);
   var handleClose = function handleClose() {
@@ -4556,16 +4203,16 @@ var Performer = function Performer(_ref) {
   var defaultLabel = {
     label: t("neetoRules.placeholders.selectOption")
   };
-  var _useState = React.useState(defaultLabel),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+  var _useState = react.useState(defaultLabel),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
     selectedOption = _useState2[0],
     setSelectedOption = _useState2[1];
-  var _useState3 = React.useState(false),
-    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+  var _useState3 = react.useState(false),
+    _useState4 = _slicedToArray__default["default"](_useState3, 2),
     isSelected = _useState4[0],
     setIsSelected = _useState4[1];
-  var _useState5 = React.useState(""),
-    _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+  var _useState5 = react.useState(""),
+    _useState6 = _slicedToArray__default["default"](_useState5, 2),
     searchTerm = _useState6[0],
     setSearchTerm = _useState6[1];
   var searchedOptions = getSearchedOptions(performerOptions, searchTerm);
@@ -4584,7 +4231,7 @@ var Performer = function Performer(_ref) {
     setIsSelected(false);
     setSearchTerm("");
   };
-  React.useEffect(function () {
+  react.useEffect(function () {
     findDefaultOption();
   }, []);
   var handleSelectOption = function handleSelectOption(option) {
@@ -4604,7 +4251,7 @@ var Performer = function Performer(_ref) {
       closeOnSelect: false,
       customTarget: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
         "data-cy": "event-performer-dropdown",
-        label: selectedOption === null || selectedOption === void 0 || (_selectedOption$label = selectedOption.label) === null || _selectedOption$label === void 0 ? void 0 : _selectedOption$label.toLowerCase(),
+        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", {
           "neeto-ui-text-accent-800": isSelected,
@@ -4656,7 +4303,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) { slicedToArray._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; }
+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; }
 var Events = function Events(_ref) {
   var name = _ref.name,
     label = _ref.label,
@@ -4676,7 +4323,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._toConsumableArray(((_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__default["default"](((_values$name = values[name]) === null || _values$name === void 0 ? void 0 : _values$name.deleted) || []), [_objectSpread$8(_objectSpread$8({}, event), {}, {
         _destroy: true
       })]));
     }
@@ -4705,7 +4352,7 @@ var Events = function Events(_ref) {
     } else if (defaultEvent && events.length > 1) {
       if (defaultEvent.id) {
         var _values$name2;
-        setFieldValue("".concat(name, ".deleted"), [].concat(toConsumableArray._toConsumableArray(((_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__default["default"](((_values$name2 = values[name]) === null || _values$name2 === void 0 ? void 0 : _values$name2.deleted) || []), [_objectSpread$8(_objectSpread$8({}, defaultEvent), {}, {
           _destroy: true
         })]));
       }
@@ -4715,7 +4362,7 @@ var Events = function Events(_ref) {
       setFieldValue("".concat(name, ".value"), allEvents);
     }
   };
-  React.useEffect(function () {
+  react.useEffect(function () {
     setTimeBasedEvent();
   }, [events]);
   return /*#__PURE__*/jsxRuntime.jsx(Card, {
@@ -4799,12 +4446,12 @@ 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._slicedToArray(_useState, 2),
+  var _useState = react.useState(value),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
     text = _useState2[0],
     setText = _useState2[1];
   var debouncedValue = reactUtils.useDebounce(text, duration);
-  React.useEffect(function () {
+  react.useEffect(function () {
     setValue(text);
   }, [debouncedValue]);
   return [text, setText];
@@ -4812,20 +4459,20 @@ 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) { slicedToArray._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty__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; }
 var InputField = function InputField(_ref) {
   var data = _ref.data,
     name = _ref.name,
     label = _ref.label,
-    componentProps = toConsumableArray._objectWithoutProperties(_ref, _excluded$5);
+    componentProps = _objectWithoutProperties__default["default"](_ref, _excluded$5);
   var elementProps = data[name];
   var _useField = formik.useField("".concat(name, ".value")),
-    _useField2 = slicedToArray._slicedToArray(_useField, 3),
+    _useField2 = _slicedToArray__default["default"](_useField, 3),
     field = _useField2[0];
     _useField2[1];
     var setValue = _useField2[2].setValue;
   var _useDebouncedUpdate = useDebouncedUpdate(field.value, setValue),
-    _useDebouncedUpdate2 = slicedToArray._slicedToArray(_useDebouncedUpdate, 2),
+    _useDebouncedUpdate2 = _slicedToArray__default["default"](_useDebouncedUpdate, 2),
     text = _useDebouncedUpdate2[0],
     setText = _useDebouncedUpdate2[1];
   return /*#__PURE__*/jsxRuntime.jsx(Input__default$1["default"], _objectSpread$7(_objectSpread$7({
@@ -4841,16 +4488,16 @@ 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) { slicedToArray._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty__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; }
 var MultiSelectField = function MultiSelectField(_ref) {
   var data = _ref.data,
     name = _ref.name,
     label = _ref.label,
     options = _ref.options,
     _onChange = _ref.onChange,
-    componentProps = toConsumableArray._objectWithoutProperties(_ref, _excluded$4);
+    componentProps = _objectWithoutProperties__default["default"](_ref, _excluded$4);
   var _useField = formik.useField("".concat(name, ".value")),
-    _useField2 = slicedToArray._slicedToArray(_useField, 3),
+    _useField2 = _slicedToArray__default["default"](_useField, 3),
     setValue = _useField2[2].setValue;
   var elementProps = data[name];
   return /*#__PURE__*/jsxRuntime.jsx(Select__default$1["default"], _objectSpread$6({
@@ -4867,13 +4514,13 @@ 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) { slicedToArray._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty__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; }
 var RadioField = function RadioField(_ref) {
   var name = _ref.name,
     label = _ref.label,
     data = _ref.data,
     options = _ref.options,
-    componentProps = toConsumableArray._objectWithoutProperties(_ref, _excluded$3);
+    componentProps = _objectWithoutProperties__default["default"](_ref, _excluded$3);
   var elementProps = data[name] || {};
   var radioOptions = options || (elementProps === null || elementProps === void 0 ? void 0 : elementProps.options);
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -4888,7 +4535,7 @@ var RadioField = function RadioField(_ref) {
       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__default["default"].Item, {
           label: label,
           value: value,
           key: index
@@ -4900,16 +4547,16 @@ 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) { slicedToArray._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty__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; }
 var SelectField = function SelectField(_ref) {
   var data = _ref.data,
     name = _ref.name,
     label = _ref.label,
     options = _ref.options,
     _onChange = _ref.onChange,
-    componentProps = toConsumableArray._objectWithoutProperties(_ref, _excluded$2);
+    componentProps = _objectWithoutProperties__default["default"](_ref, _excluded$2);
   var _useField = formik.useField("".concat(name, ".value")),
-    _useField2 = slicedToArray._slicedToArray(_useField, 3),
+    _useField2 = _slicedToArray__default["default"](_useField, 3),
     setValue = _useField2[2].setValue;
   var elementProps = data[name];
   return /*#__PURE__*/jsxRuntime.jsx(Select__default$1["default"], _objectSpread$4({
@@ -4925,20 +4572,20 @@ 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) { slicedToArray._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty__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; }
 var TextareaField = function TextareaField(_ref) {
   var data = _ref.data,
     name = _ref.name,
     label = _ref.label,
-    componentProps = toConsumableArray._objectWithoutProperties(_ref, _excluded$1);
+    componentProps = _objectWithoutProperties__default["default"](_ref, _excluded$1);
   var elementProps = data[name];
   var _useField = formik.useField("".concat(name, ".value")),
-    _useField2 = slicedToArray._slicedToArray(_useField, 3),
+    _useField2 = _slicedToArray__default["default"](_useField, 3),
     field = _useField2[0];
     _useField2[1];
     var setValue = _useField2[2].setValue;
   var _useDebouncedUpdate = useDebouncedUpdate(field.value, setValue),
-    _useDebouncedUpdate2 = slicedToArray._slicedToArray(_useDebouncedUpdate, 2),
+    _useDebouncedUpdate2 = _slicedToArray__default["default"](_useDebouncedUpdate, 2),
     text = _useDebouncedUpdate2[0],
     setText = _useDebouncedUpdate2[1];
   return /*#__PURE__*/jsxRuntime.jsx(Textarea__default["default"], _objectSpread$3(_objectSpread$3({
@@ -4953,99 +4600,8 @@ var TextareaField = function TextareaField(_ref) {
   }, componentProps));
 };
 
-var propTypes = {exports: {}};
-
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var ReactPropTypesSecret$1 = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
-
-var ReactPropTypesSecret_1 = ReactPropTypesSecret$1;
-
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var ReactPropTypesSecret = ReactPropTypesSecret_1;
-
-function emptyFunction() {}
-function emptyFunctionWithReset() {}
-emptyFunctionWithReset.resetWarningCache = emptyFunction;
-
-var factoryWithThrowingShims = function() {
-  function shim(props, propName, componentName, location, propFullName, secret) {
-    if (secret === ReactPropTypesSecret) {
-      // It is still safe when called from React.
-      return;
-    }
-    var err = new Error(
-      'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
-      'Use PropTypes.checkPropTypes() to call them. ' +
-      'Read more at http://fb.me/use-check-prop-types'
-    );
-    err.name = 'Invariant Violation';
-    throw err;
-  }  shim.isRequired = shim;
-  function getShim() {
-    return shim;
-  }  // Important!
-  // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
-  var ReactPropTypes = {
-    array: shim,
-    bigint: shim,
-    bool: shim,
-    func: shim,
-    number: shim,
-    object: shim,
-    string: shim,
-    symbol: shim,
-
-    any: shim,
-    arrayOf: getShim,
-    element: shim,
-    elementType: shim,
-    instanceOf: getShim,
-    node: shim,
-    objectOf: getShim,
-    oneOf: getShim,
-    oneOfType: getShim,
-    shape: getShim,
-    exact: getShim,
-
-    checkPropTypes: emptyFunctionWithReset,
-    resetWarningCache: emptyFunction
-  };
-
-  ReactPropTypes.PropTypes = ReactPropTypes;
-
-  return ReactPropTypes;
-};
-
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-{
-  // By explicitly using `prop-types` you are opting into new production behavior.
-  // http://fb.me/prop-types-in-prod
-  propTypes.exports = factoryWithThrowingShims();
-}
-
-var propTypesExports = propTypes.exports;
-var PropTypes = /*@__PURE__*/toConsumableArray.getDefaultExportFromCjs(propTypesExports);
-
 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) { slicedToArray._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty__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; }
 var buildPayload = function buildPayload(data, values) {
   return Object.keys(data).reduce(function (acc, key) {
     var fieldValue = values[key].value;
@@ -5056,13 +4612,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._toConsumableArray(conditionGroup.conditions.value), toConsumableArray._toConsumableArray(((_conditionGroup$condi = conditionGroup.conditions) === null || _conditionGroup$condi === void 0 ? void 0 : _conditionGroup$condi.deleted) || []))
+            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) || []))
           });
         });
       }
-      fieldValue = [].concat(toConsumableArray._toConsumableArray(fieldValue), toConsumableArray._toConsumableArray(((_values$key = values[key]) === null || _values$key === void 0 ? void 0 : _values$key.deleted) || []));
+      fieldValue = [].concat(_toConsumableArray__default["default"](fieldValue), _toConsumableArray__default["default"](((_values$key = values[key]) === null || _values$key === void 0 ? void 0 : _values$key.deleted) || []));
     }
-    return _objectSpread$2(_objectSpread$2({}, acc), {}, slicedToArray._defineProperty({}, key, fieldValue));
+    return _objectSpread$2(_objectSpread$2({}, acc), {}, _defineProperty__default["default"]({}, key, fieldValue));
   }, {});
 };
 var formatData = function formatData(data) {
@@ -5074,7 +4630,7 @@ var formatData = function formatData(data) {
         }
       });
     }) : data[key].value;
-    return _objectSpread$2(_objectSpread$2({}, acc), {}, slicedToArray._defineProperty({}, key, {
+    return _objectSpread$2(_objectSpread$2({}, acc), {}, _defineProperty__default["default"]({}, key, {
       value: value
     }));
   }, {});
@@ -5108,7 +4664,7 @@ var Status = function Status() {
   });
 };
 
-var transformObjectToDotNotation = function transformObjectToDotNotation(obj) {
+var _transformObjectToDotNotation = function transformObjectToDotNotation(obj) {
   var prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
   var result = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
   var errorKey = Object.keys(obj).find(function (key) {
@@ -5117,8 +4673,8 @@ var transformObjectToDotNotation = function transformObjectToDotNotation(obj) {
   var value = obj[errorKey];
   if (!value) return;
   var nextKey = prefix ? "".concat(prefix, ".").concat(errorKey) : errorKey;
-  if (slicedToArray._typeof(value) === "object") {
-    transformObjectToDotNotation(value, nextKey, result);
+  if (_typeof__default["default"](value) === "object") {
+    _transformObjectToDotNotation(value, nextKey, result);
   } else {
     result.push(nextKey);
   }
@@ -5127,7 +4683,7 @@ var transformObjectToDotNotation = function transformObjectToDotNotation(obj) {
   return result;
 };
 var getErrorFieldName = function getErrorFieldName(formikErrors) {
-  return transformObjectToDotNotation(formikErrors)[0];
+  return _transformObjectToDotNotation(formikErrors)[0];
 };
 
 var ScrollToErrorField = function ScrollToErrorField(_ref) {
@@ -5136,11 +4692,11 @@ var ScrollToErrorField = function ScrollToErrorField(_ref) {
     submitCount = _useFormikContext.submitCount,
     isValid = _useFormikContext.isValid,
     errors = _useFormikContext.errors;
-  var isValidatedRef = React.useRef(false);
-  React.useEffect(function () {
+  var isValidatedRef = react.useRef(false);
+  react.useEffect(function () {
     isValidatedRef.current = false;
   }, [submitCount]);
-  React.useEffect(function () {
+  react.useEffect(function () {
     if (!formRef.current) return;
     if (isValidatedRef.current || isValid) return;
     isValidatedRef.current = true;
@@ -5148,8 +4704,8 @@ 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._toConsumableArray(formRef.current.elements));
-    errorFormElement === null || errorFormElement === void 0 || errorFormElement.scrollIntoView({
+    }, _toConsumableArray__default["default"](formRef.current.elements));
+    errorFormElement === null || errorFormElement === void 0 ? void 0 : errorFormElement.scrollIntoView({
       behavior: "smooth",
       block: "center"
     });
@@ -5160,7 +4716,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) { slicedToArray._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty__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; }
 var Form = function Form(_ref) {
   var _ref$data = _ref.data,
     data = _ref$data === void 0 ? {} : _ref$data,
@@ -5169,15 +4725,17 @@ var Form = function Form(_ref) {
     _ref$handleSubmit = _ref.handleSubmit,
     handleSubmit = _ref$handleSubmit === void 0 ? neetoCist.noop : _ref$handleSubmit,
     _ref$handleCancel = _ref.handleCancel,
-    handleCancel = _ref$handleCancel === void 0 ? neetoCist.noop : _ref$handleCancel;
-  var formRef = React.useRef(null);
+    handleCancel = _ref$handleCancel === void 0 ? neetoCist.noop : _ref$handleCancel,
+    _ref$showStatusSwitch = _ref.showStatusSwitch,
+    showStatusSwitch = _ref$showStatusSwitch === void 0 ? true : _ref$showStatusSwitch;
+  var formRef = react.useRef(null);
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var submitForm = function submitForm(values, formikBag) {
     var payload = buildPayload(data, values);
     handleSubmit(payload, formikBag);
   };
-  var initialValues = React.useMemo(function () {
+  var initialValues = react.useMemo(function () {
     return formatData(data);
   }, [data]);
   var _useCustomDataStore = useCustomDataStore.useCustomDataStore(function (store) {
@@ -5194,7 +4752,7 @@ var Form = function Form(_ref) {
     children: function children(_ref2) {
       var dirty = _ref2.dirty,
         values = _ref2.values,
-        fromikBag = toConsumableArray._objectWithoutProperties(_ref2, _excluded);
+        fromikBag = _objectWithoutProperties__default["default"](_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]),
@@ -5207,7 +4765,7 @@ var Form = function Form(_ref) {
           data: initialValues,
           label: t("neetoRules.common.description"),
           name: "description"
-        }), /*#__PURE__*/jsxRuntime.jsx(Status, {}), typeof _children === "function" ? _children === null || _children === void 0 ? void 0 : _children(_objectSpread$1({
+        }), showStatusSwitch && /*#__PURE__*/jsxRuntime.jsx(Status, {}), typeof _children === "function" ? _children === null || _children === void 0 ? void 0 : _children(_objectSpread$1({
           values: values,
           formattedValues: buildPayload(data, values),
           dirty: dirty
@@ -5228,16 +4786,11 @@ var Form = function Form(_ref) {
     }
   });
 };
-Form.prototype = {
-  data: PropTypes.object,
-  handleSubmit: PropTypes.func,
-  className: PropTypes.string
-};
 
 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) { slicedToArray._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__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; }
 var NeetoRulesForm = function NeetoRulesForm(_ref) {
-  var rest = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  var rest = Object.assign({}, (_objectDestructuringEmpty__default["default"](_ref), _ref));
   return /*#__PURE__*/jsxRuntime.jsx(Form, _objectSpread({}, rest));
 };
 NeetoRulesForm.InputField = InputField;