@bigbinary/neeto-rules-frontend 2.3.0 → 2.4.0

package/dist/NeetoRulesForm.js

@@ -1,5 +1,6 @@
-import { _ as _defineProperty, a as _slicedToArray, b as _arrayWithHoles, c as _unsupportedIterableToArray, d as _nonIterableRest, e as _typeof$1 } from './slicedToArray-2af6bc03.js';
-import { _ as _objectWithoutProperties, b as _iterableToArray, a as _toConsumableArray, g as getDefaultExportFromCjs } from './toConsumableArray-1215bc07.js';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import { useEffect, useState, useRef, forwardRef, useMemo, memo, createElement, Fragment as Fragment$1 } from 'react';
 import { useFormikContext, useField, FieldArray, ErrorMessage, Formik, Form as Form$1 } from 'formik';
 import { isNotEmpty, isPresent, renameKeys, findBy, noop, nullSafe, toLabelAndValue, removeBy } from '@bigbinary/neeto-cist';
@@ -8,6 +9,7 @@ import Delete from '@bigbinary/neeto-icons/Delete';
 import Refresh from '@bigbinary/neeto-icons/Refresh';
 import Button from '@bigbinary/neetoui/Button';
 import { useTranslation, Trans } from 'react-i18next';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import classNames from 'classnames';
 import { dayjs, joinHyphenCase, hyphenize } from '@bigbinary/neeto-commons-frontend/utils';
 import Check from '@bigbinary/neeto-icons/Check';
@@ -20,10 +22,12 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import Pane from '@bigbinary/neetoui/Pane';
 import Textarea from '@bigbinary/neetoui/formik/Textarea';
 import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { withT, useStateWithDependency, useDebounce } from '@bigbinary/neeto-commons-frontend/react-utils';
 import Label from '@bigbinary/neetoui/Label';
 import Select from '@bigbinary/neetoui/Select';
 import DatePicker from '@bigbinary/neetoui/DatePicker';
+import { g as getSeparator } from './utils-866e8e3b.js';
 import { t as t$1 } from 'i18next';
 import FormikEditor from '@bigbinary/neeto-editor/FormikEditor';
 import MultiEmailInput from '@bigbinary/neetoui/formik/MultiEmailInput';
@@ -32,6 +36,7 @@ import useHotkeys from '@bigbinary/neeto-hotkeys';
 import Close from '@bigbinary/neeto-icons/Close';
 import Checkbox from '@bigbinary/neetoui/Checkbox';
 import CreatableSelect from 'react-select/creatable';
+import _toArray from '@babel/runtime/helpers/toArray';
 import { isPhoneNumberValid } from '@bigbinary/neeto-molecules/PhoneNumber';
 import Tag from '@bigbinary/neetoui/Tag';
 import { components } from 'react-select';
@@ -39,6 +44,8 @@ import * as yup from 'yup';
 import { isEditorEmpty } from '@bigbinary/neeto-editor/utils';
 import { C as CONDITION_VALUE_TYPES, V as VERB_LABELS, M as MAXIMUM_OPTION_LENGTH$3, I as INPUT_FIELD_TYPES, O as OPERATOR_LABELS, a as OPERATORS$1 } from './constants-7347bfc4.js';
 import Eye from '@bigbinary/neeto-icons/Eye';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
 import Tooltip from '@bigbinary/neetoui/Tooltip';
 import Select$1 from '@bigbinary/neetoui/formik/Select';
 import Radio from '@bigbinary/neetoui/formik/Radio';
@@ -46,12 +53,9 @@ import { shallow } from 'zustand/shallow';
 import Help from '@bigbinary/neeto-icons/Help';
 import Switch from '@bigbinary/neetoui/Switch';
 import { u as useCustomDataStore } from './useCustomDataStore-51ceac06.js';
+import _typeof from '@babel/runtime/helpers/typeof';
 import 'zustand';
 
-function _objectDestructuringEmpty(obj) {
-  if (obj == null) throw new TypeError("Cannot destructure " + obj);
-}
-
 var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
 
 var css = ".neeto-filters-error-boundary{align-items:center;background-color:rgb(var(--neeto-ui-gray-100));border-radius:var(--neeto-ui-rounded-sm);display:flex;gap:16px;margin-bottom:12px;padding:8px 20px}.neeto-filters-error-boundary p{color:rgb(var(--neeto-ui-gray-800))}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9jb21wb25lbnRzL19lcnJvci1ib3VuZGFyeS5zY3NzIiwiYXBwL2phdmFzY3JpcHQvc3JjL3N0eWxlc2hlZXRzL21haW4uc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSw4QkFJRSxrQkFBQSxDQUdBLDhDQUFBLENBREEsd0NBQUEsQ0FIQSxZQUFBLENBRUEsUUFBQSxDQUhBLGtCQUFBLENBREEsZ0JDT0YsQ0RDRSxnQ0FDRSxtQ0NDSiIsInNvdXJjZXNDb250ZW50IjpbIi5uZWV0by1maWx0ZXJzLWVycm9yLWJvdW5kYXJ5IHtcbiAgcGFkZGluZzogOHB4IDIwcHg7XG4gIG1hcmdpbi1ib3R0b206IDEycHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogMTZweDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tbmVldG8tdWktcm91bmRlZC1zbSk7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTEwMCkpO1xuXG4gIHAge1xuICAgIGNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktZ3JheS04MDApKTtcbiAgfVxufVxuIiwiLm5lZXRvLWZpbHRlcnMtZXJyb3ItYm91bmRhcnkge1xuICBwYWRkaW5nOiA4cHggMjBweDtcbiAgbWFyZ2luLWJvdHRvbTogMTJweDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAxNnB4O1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1uZWV0by11aS1yb3VuZGVkLXNtKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMTAwKSk7XG59XG4ubmVldG8tZmlsdGVycy1lcnJvci1ib3VuZGFyeSBwIHtcbiAgY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTgwMCkpO1xufSJdfQ== */";
@@ -120,7 +124,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,
@@ -140,8 +144,8 @@ var LongTextField = function LongTextField(_ref) {
   useOnButtonPressed(initialFocusRef, function () {
     return setShowPane(false);
   });
-  var isValid = errors.actions && isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 || (_errors$actions = _errors$actions.value) === null || _errors$actions === void 0 ? void 0 : _errors$actions[index]) && isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 || (_touched$actions = _touched$actions.value) === null || _touched$actions === void 0 ? void 0 : _touched$actions[index]);
-  var separator = (selectedField === null || selectedField === void 0 || (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || defaultSeparator;
+  var isValid = errors.actions && isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 ? void 0 : (_errors$actions$value = _errors$actions.value) === null || _errors$actions$value === void 0 ? void 0 : _errors$actions$value[index]) && isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 ? void 0 : (_touched$actions$valu = _touched$actions.value) === null || _touched$actions$valu === void 0 ? void 0 : _touched$actions$valu[index]);
+  var separator = (selectedField === null || selectedField === void 0 ? void 0 : (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || defaultSeparator;
   var 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__*/jsxs(Fragment, {
@@ -319,7 +323,7 @@ var SelectTemplateField = function SelectTemplateField(_ref) {
     var template = findBy({
       id: option.value
     }, templates);
-    onChange === null || onChange === void 0 || onChange(template);
+    onChange === null || onChange === void 0 ? void 0 : onChange(template);
   };
   return /*#__PURE__*/jsx(Select, {
     isClearable: true,
@@ -338,7 +342,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;
@@ -356,8 +360,8 @@ var ApiFields = function ApiFields(_ref) {
   useOnButtonPressed(initialFocusRef, function () {
     return setShowPane(false);
   });
-  var isValid = errors.actions && isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 || (_errors$actions = _errors$actions.value) === null || _errors$actions === void 0 ? void 0 : _errors$actions[index]) && isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 || (_touched$actions = _touched$actions.value) === null || _touched$actions === void 0 ? void 0 : _touched$actions[index]);
-  var separator = (selectedField === null || selectedField === void 0 || (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t("neetoRules.common.as");
+  var isValid = errors.actions && isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 ? void 0 : (_errors$actions$value = _errors$actions.value) === null || _errors$actions$value === void 0 ? void 0 : _errors$actions$value[index]) && isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 ? void 0 : (_touched$actions$valu = _touched$actions.value) === null || _touched$actions$valu === void 0 ? void 0 : _touched$actions$valu[index]);
+  var separator = (selectedField === null || selectedField === void 0 ? void 0 : (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t("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 = isPresent(templates);
@@ -431,7 +435,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,
@@ -450,8 +454,8 @@ var CustomAction = function CustomAction(_ref) {
   useOnButtonPressed(initialFocusRef, function () {
     return setShowPane(false);
   });
-  var isValid = errors.actions && isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 || (_errors$actions = _errors$actions.value) === null || _errors$actions === void 0 ? void 0 : _errors$actions[index]) && isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 || (_touched$actions = _touched$actions.value) === null || _touched$actions === void 0 ? void 0 : _touched$actions[index]);
-  var separator = (selectedField === null || selectedField === void 0 || (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t("neetoRules.common.as");
+  var isValid = errors.actions && isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 ? void 0 : (_errors$actions$value = _errors$actions.value) === null || _errors$actions$value === void 0 ? void 0 : _errors$actions$value[index]) && isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 ? void 0 : (_touched$actions$valu = _touched$actions.value) === null || _touched$actions$valu === void 0 ? void 0 : _touched$actions$valu[index]);
+  var separator = (selectedField === null || selectedField === void 0 ? void 0 : (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t("neetoRules.common.as");
   var defaultLabel = selectedField === null || selectedField === void 0 ? void 0 : selectedField.placeholder;
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Typography, {
@@ -500,7 +504,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;
@@ -518,8 +522,8 @@ var DateField$1 = function DateField(_ref) {
     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 && isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 || (_errors$actions = _errors$actions.value) === null || _errors$actions === void 0 ? void 0 : _errors$actions[index]) && isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 || (_touched$actions = _touched$actions.value) === null || _touched$actions === void 0 ? void 0 : _touched$actions[index]);
+  var separator = (selectedField === null || selectedField === void 0 ? void 0 : (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t("neetoRules.common.to");
+  var isValid = errors.actions && isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 ? void 0 : (_errors$actions$value = _errors$actions.value) === null || _errors$actions$value === void 0 ? void 0 : _errors$actions$value[index]) && isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 ? void 0 : (_touched$actions$valu = _touched$actions.value) === null || _touched$actions$valu === void 0 ? void 0 : _touched$actions$valu[index]);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [!selectedField.hideSeparator && /*#__PURE__*/jsx(Typography, {
       className: "neeto-ui-text-gray-700",
@@ -669,7 +673,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 {
@@ -686,7 +690,7 @@ var getSlackChannelErrors = function getSlackChannelErrors(_ref2) {
 var Menu$9 = Dropdown$1.Menu,
   MenuItem$9 = Dropdown$1.MenuItem;
 var DropdownField$1 = function DropdownField(_ref) {
-  var _actions$value$index$, _actions$value$index, _errors$actions, _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,
@@ -716,8 +720,11 @@ var DropdownField$1 = function DropdownField(_ref) {
     setSearchTerm = _useState6[1];
   var defaultValue = ((_actions$value$index$ = actions.value[index].metadata) === null || _actions$value$index$ === void 0 ? void 0 : _actions$value$index$.value) || ((_actions$value$index = actions.value[index]) === null || _actions$value$index === void 0 ? void 0 : _actions$value$index.value);
   var searchedOptions = getSearchedOptions$3(dropdownOptions, searchTerm);
-  var isValueSelected = defaultSelectedOption.label === defaultLabel && errors.actions && isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 || (_errors$actions = _errors$actions.value) === null || _errors$actions === void 0 ? void 0 : _errors$actions[index]) && isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 || (_touched$actions = _touched$actions.value) === null || _touched$actions === void 0 ? void 0 : _touched$actions[index]);
-  var separator = (selectedField === null || selectedField === void 0 || (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t("neetoRules.common.to");
+  var isValueSelected = defaultSelectedOption.label === defaultLabel && errors.actions && isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 ? void 0 : (_errors$actions$value = _errors$actions.value) === null || _errors$actions$value === void 0 ? void 0 : _errors$actions$value[index]) && isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 ? void 0 : (_touched$actions$valu = _touched$actions.value) === null || _touched$actions$valu === void 0 ? void 0 : _touched$actions$valu[index]);
+  var separator = getSeparator({
+    defaultSeparator: t("neetoRules.common.to"),
+    selectedField: selectedField
+  });
   var handleClose = function handleClose() {
     setIsActive(false);
     setSearchTerm("");
@@ -760,7 +767,7 @@ var DropdownField$1 = function DropdownField(_ref) {
       className: "neeto-ui-bg-gray-100",
       customTarget: /*#__PURE__*/jsx(Button, {
         "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("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
           "neeto-ui-text-accent-800": isActive,
@@ -886,12 +893,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;
@@ -910,8 +919,12 @@ var EmailFields = function EmailFields(_ref) {
   useOnButtonPressed(initialFocusRef, function () {
     return setShowPane(false);
   });
-  var isValid = errors.actions && isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 || (_errors$actions = _errors$actions.value) === null || _errors$actions === void 0 ? void 0 : _errors$actions[index]) && isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 || (_touched$actions = _touched$actions.value) === null || _touched$actions === void 0 ? void 0 : _touched$actions[index]);
-  var separator = (selectedField === null || selectedField === void 0 || (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t("neetoRules.common.as");
+  var isValid = errors.actions && isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 ? void 0 : (_errors$actions$value = _errors$actions.value) === null || _errors$actions$value === void 0 ? void 0 : _errors$actions$value[index]) && isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 ? void 0 : (_touched$actions$valu = _touched$actions.value) === null || _touched$actions$valu === void 0 ? void 0 : _touched$actions$valu[index]);
+  var separator = 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 = isPresent(templates);
@@ -1017,7 +1030,7 @@ 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);
@@ -1031,7 +1044,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;
@@ -1052,8 +1065,8 @@ var Input = function Input(_ref) {
   var action = actions.value[index];
   var valueTerm = (_action$metadata = action.metadata) === null || _action$metadata === void 0 ? void 0 : _action$metadata.value;
   var label = valueTerm && isNotEmpty(valueTerm === null || valueTerm === void 0 ? void 0 : valueTerm.trim()) ? valueTerm : t("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 && isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 || (_errors$actions = _errors$actions.value) === null || _errors$actions === void 0 ? void 0 : _errors$actions[index]) && isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 || (_touched$actions = _touched$actions.value) === null || _touched$actions === void 0 ? void 0 : _touched$actions[index]);
+  var separator = (selectedField === null || selectedField === void 0 ? void 0 : (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t("neetoRules.common.to");
+  var isValid = errors.actions && isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 ? void 0 : (_errors$actions$value = _errors$actions.value) === null || _errors$actions$value === void 0 ? void 0 : _errors$actions$value[index]) && isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 ? void 0 : (_touched$actions$valu = _touched$actions.value) === null || _touched$actions$valu === void 0 ? void 0 : _touched$actions$valu[index]);
   useEffect(function () {
     setShowInput(false);
   }, [action.name]);
@@ -1197,7 +1210,7 @@ var InlineInput = /*#__PURE__*/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,
@@ -1220,8 +1233,8 @@ var ListField = function ListField(_ref) {
   useOnButtonPressed(initialFocusRef, function () {
     return setShowPane(false);
   });
-  var isValid = errors.actions && isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 || (_errors$actions = _errors$actions.value) === null || _errors$actions === void 0 ? void 0 : _errors$actions[index]) && isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 || (_touched$actions = _touched$actions.value) === null || _touched$actions === void 0 ? void 0 : _touched$actions[index]);
-  var separator = (selectedField === null || selectedField === void 0 || (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t("neetoRules.common.to");
+  var isValid = errors.actions && isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 ? void 0 : (_errors$actions$value = _errors$actions.value) === null || _errors$actions$value === void 0 ? void 0 : _errors$actions$value[index]) && isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 ? void 0 : (_touched$actions$valu = _touched$actions.value) === null || _touched$actions$valu === void 0 ? void 0 : _touched$actions$valu[index]);
+  var separator = (selectedField === null || selectedField === void 0 ? void 0 : (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t("neetoRules.common.to");
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Typography, {
       className: "neeto-ui-text-gray-700",
@@ -1328,7 +1341,7 @@ var ListField = function ListField(_ref) {
 var Menu$8 = Dropdown$1.Menu,
   MenuItem$8 = Dropdown$1.MenuItem;
 var MultiSelect$1 = function MultiSelect(_ref) {
-  var _selectedField$placeh, _selectedField$separa, _errors$actions, _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,
@@ -1357,10 +1370,10 @@ var MultiSelect$1 = function MultiSelect(_ref) {
     });
   }, [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 && isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 || (_errors$actions = _errors$actions.value) === null || _errors$actions === void 0 ? void 0 : _errors$actions[index]) && isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 || (_touched$actions = _touched$actions.value) === null || _touched$actions === void 0 ? void 0 : _touched$actions[index]);
+  var separator = (selectedField === null || selectedField === void 0 ? void 0 : (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t("neetoRules.common.to");
+  var isValid = errors.actions && isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 ? void 0 : (_errors$actions$value = _errors$actions.value) === null || _errors$actions$value === void 0 ? void 0 : _errors$actions$value[index]) && isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 ? void 0 : (_touched$actions$valu = _touched$actions.value) === null || _touched$actions$valu === void 0 ? void 0 : _touched$actions$valu[index]);
   var handleSelectOption = function handleSelectOption(option) {
     var options = values.includes(option.value) ? without([option.value], values) : append(option.value, values);
     setFieldValue(name, options);
@@ -1461,7 +1474,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,
@@ -1480,8 +1493,8 @@ var NoteField = function NoteField(_ref) {
   useOnButtonPressed(initialFocusRef, function () {
     return setShowPane(false);
   });
-  var isValid = errors.actions && isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 || (_errors$actions = _errors$actions.value) === null || _errors$actions === void 0 ? void 0 : _errors$actions[index]) && isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 || (_touched$actions = _touched$actions.value) === null || _touched$actions === void 0 ? void 0 : _touched$actions[index]);
-  var separator = (selectedField === null || selectedField === void 0 || (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t("neetoRules.common.as");
+  var isValid = errors.actions && isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 ? void 0 : (_errors$actions$value = _errors$actions.value) === null || _errors$actions$value === void 0 ? void 0 : _errors$actions$value[index]) && isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 ? void 0 : (_touched$actions$valu = _touched$actions.value) === null || _touched$actions$valu === void 0 ? void 0 : _touched$actions$valu[index]);
+  var separator = (selectedField === null || selectedField === void 0 ? void 0 : (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t("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__*/jsxs(Fragment, {
@@ -1534,10 +1547,6 @@ var NoteField = function NoteField(_ref) {
   });
 };
 
-function _toArray(arr) {
-  return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest();
-}
-
 var removeDuplicateErrorMessages = pipe(filter(isNotNil), uniq, join(ERROR_MESSAGE_DELIMITER));
 var dasherize = function dasherize(input) {
   return hyphenize(input, "neeto-rules-input");
@@ -1791,12 +1800,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;
@@ -1815,8 +1826,12 @@ var SmsFields = function SmsFields(_ref) {
   useOnButtonPressed(initialFocusRef, function () {
     return setShowPane(false);
   });
-  var isValid = errors.actions && isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 || (_errors$actions = _errors$actions.value) === null || _errors$actions === void 0 ? void 0 : _errors$actions[index]) && isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 || (_touched$actions = _touched$actions.value) === null || _touched$actions === void 0 ? void 0 : _touched$actions[index]);
-  var separator = (selectedField === null || selectedField === void 0 || (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t("neetoRules.common.as");
+  var isValid = errors.actions && isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 ? void 0 : (_errors$actions$value = _errors$actions.value) === null || _errors$actions$value === void 0 ? void 0 : _errors$actions$value[index]) && isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 ? void 0 : (_touched$actions$valu = _touched$actions.value) === null || _touched$actions$valu === void 0 ? void 0 : _touched$actions$valu[index]);
+  var separator = 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 = isPresent(templates);
@@ -1940,7 +1955,8 @@ var ActionSubItems = function ActionSubItems(_ref) {
         index: index,
         name: name,
         selectedField: selectedField,
-        key: name
+        key: name,
+        separatorIndex: 1
       })]
     });
   }
@@ -1978,7 +1994,8 @@ var ActionSubItems = function ActionSubItems(_ref) {
         index: index,
         name: name,
         selectedField: selectedField,
-        key: name
+        key: name,
+        separatorIndex: 1
       })]
     });
   }
@@ -2319,7 +2336,6 @@ var getValidationSchema = function getValidationSchema(data, customData) {
   return yup.object(schema);
 };
 
-var _VALIDATION_SCHEMA;
 var FIELD_TYPES = {
   text: "text",
   longText: "long-text",
@@ -2331,7 +2347,7 @@ var FIELD_TYPES = {
   multiSelect: "multi-select"
 };
 var MAXIMUM_OPTION_LENGTH$1 = 7;
-var VALIDATION_SCHEMA = (_VALIDATION_SCHEMA = {}, _defineProperty(_VALIDATION_SCHEMA, FIELD_TYPES.text, getSchemaForStrings), _defineProperty(_VALIDATION_SCHEMA, FIELD_TYPES.longText, getSchemaForStrings), _defineProperty(_VALIDATION_SCHEMA, FIELD_TYPES.dropdown, getSchemaForStrings), _defineProperty(_VALIDATION_SCHEMA, FIELD_TYPES.radio, getSchemaForStrings), _defineProperty(_VALIDATION_SCHEMA, FIELD_TYPES.events, getEventsSchema), _defineProperty(_VALIDATION_SCHEMA, FIELD_TYPES.condition, getConditionsSchema), _defineProperty(_VALIDATION_SCHEMA, FIELD_TYPES.actions, getActionsSchema), _defineProperty(_VALIDATION_SCHEMA, FIELD_TYPES.multiSelect, getSchemaForArray), _VALIDATION_SCHEMA);
+var VALIDATION_SCHEMA = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, FIELD_TYPES.text, getSchemaForStrings), FIELD_TYPES.longText, getSchemaForStrings), FIELD_TYPES.dropdown, getSchemaForStrings), FIELD_TYPES.radio, getSchemaForStrings), FIELD_TYPES.events, getEventsSchema), FIELD_TYPES.condition, getConditionsSchema), FIELD_TYPES.actions, getActionsSchema), FIELD_TYPES.multiSelect, getSchemaForArray);
 var DECIMAL_NUMBER_REGEX = /^-?\d*\.?\d+$/;
 var NUMBER_REGEX = /^-?\d+$/;
 var POSITIVE_DECIMAL_NUMBER_REGEX = /^\d*\.?\d+$/;
@@ -2355,7 +2371,7 @@ var DEFAULT_INITIAL_VALUE = {
 var Menu$7 = Dropdown$1.Menu,
   MenuItem$7 = Dropdown$1.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,
@@ -2398,11 +2414,11 @@ var ActionItem = function ActionItem(_ref) {
     return getFieldDetails$1(action.name, actionOptions);
   }, [action, actionOptions]);
   var searchedOptions = getSearchedOptions$3(actionOptions, searchTerm);
-  var isActionSelected = (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) === t("neetoRules.form.doThis") && errors.actions && touched.actions && isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 || (_errors$actions = _errors$actions.value) === null || _errors$actions === void 0 ? void 0 : _errors$actions[index]) && isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 || (_touched$actions = _touched$actions.value) === null || _touched$actions === void 0 ? void 0 : _touched$actions[index]);
+  var isActionSelected = (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) === t("neetoRules.form.doThis") && errors.actions && touched.actions && isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 ? void 0 : (_errors$actions$value = _errors$actions.value) === null || _errors$actions$value === void 0 ? void 0 : _errors$actions$value[index]) && isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 ? void 0 : (_touched$actions$valu = _touched$actions.value) === null || _touched$actions$valu === void 0 ? void 0 : _touched$actions$valu[index]);
   var 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() {
@@ -2473,7 +2489,7 @@ var ActionItem = function ActionItem(_ref) {
         position: "bottom-start",
         customTarget: /*#__PURE__*/jsx(Button, {
           "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("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
             "neeto-ui-text-accent-800": isActive,
@@ -2730,7 +2746,7 @@ var DropdownField = function DropdownField(_ref) {
     position: "bottom-start",
     customTarget: /*#__PURE__*/jsx(Button, {
       "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("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
         "neeto-ui-text-accent-800": isSelected
@@ -2786,7 +2802,7 @@ var DropdownField = function DropdownField(_ref) {
 var Menu$5 = Dropdown$1.Menu,
   MenuItem$5 = Dropdown$1.MenuItem;
 var Dropdown = function Dropdown(_ref) {
-  var _conditions$value$ind, _errors$conditions, _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;
@@ -2815,7 +2831,7 @@ var Dropdown = function Dropdown(_ref) {
     setSearchTerm = _useState6[1];
   var defaultValue = (_conditions$value$ind = conditions.value[index].metadata) === null || _conditions$value$ind === void 0 ? void 0 : _conditions$value$ind.value;
   var searchedOptions = getSearchedOptions$2(options, searchTerm);
-  var isValueSelected = (defaultSelectedOption === null || defaultSelectedOption === void 0 ? void 0 : defaultSelectedOption.label) === defaultLabel && errors.conditions && isNotNil((_errors$conditions = errors.conditions) === null || _errors$conditions === void 0 || (_errors$conditions = _errors$conditions.value) === null || _errors$conditions === void 0 ? void 0 : _errors$conditions[index]) && isNotNil((_touched$conditions = touched.conditions) === null || _touched$conditions === void 0 || (_touched$conditions = _touched$conditions.value) === null || _touched$conditions === void 0 ? void 0 : _touched$conditions[index]);
+  var isValueSelected = (defaultSelectedOption === null || defaultSelectedOption === void 0 ? void 0 : defaultSelectedOption.label) === defaultLabel && errors.conditions && isNotNil((_errors$conditions = errors.conditions) === null || _errors$conditions === void 0 ? void 0 : (_errors$conditions$va = _errors$conditions.value) === null || _errors$conditions$va === void 0 ? void 0 : _errors$conditions$va[index]) && isNotNil((_touched$conditions = touched.conditions) === null || _touched$conditions === void 0 ? void 0 : (_touched$conditions$v = _touched$conditions.value) === null || _touched$conditions$v === void 0 ? void 0 : _touched$conditions$v[index]);
   var handleClose = function handleClose() {
     setIsActive(false);
     setSearchTerm("");
@@ -2850,7 +2866,7 @@ var Dropdown = function Dropdown(_ref) {
     className: "neeto-ui-bg-gray-100",
     customTarget: /*#__PURE__*/jsx(Button, {
       "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("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
         "neeto-ui-text-accent-800": isActive,
@@ -2904,7 +2920,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;
@@ -2923,9 +2939,9 @@ var InputField$1 = function InputField(_ref) {
     return setShowInput(false);
   });
   var condition = conditions.value[index];
-  var valueTerm = (_condition$metadata = condition.metadata) === null || _condition$metadata === void 0 || (_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 && isNotNil((_errors$conditions = errors.conditions) === null || _errors$conditions === void 0 || (_errors$conditions = _errors$conditions.value) === null || _errors$conditions === void 0 ? void 0 : _errors$conditions[index]) && isNotNil((_touched$conditions = touched.conditions) === null || _touched$conditions === void 0 || (_touched$conditions = _touched$conditions.value) === null || _touched$conditions === void 0 ? void 0 : _touched$conditions[index]);
+  var isValid = errors.conditions && isNotNil((_errors$conditions = errors.conditions) === null || _errors$conditions === void 0 ? void 0 : (_errors$conditions$va = _errors$conditions.value) === null || _errors$conditions$va === void 0 ? void 0 : _errors$conditions$va[index]) && isNotNil((_touched$conditions = touched.conditions) === null || _touched$conditions === void 0 ? void 0 : (_touched$conditions$v = _touched$conditions.value) === null || _touched$conditions$v === void 0 ? void 0 : _touched$conditions$v[index]);
   useEffect(function () {
     setShowInput(false);
   }, [condition.verb]);
@@ -2959,7 +2975,7 @@ var InputField$1 = function InputField(_ref) {
 var Menu$4 = Dropdown$1.Menu,
   MenuItem$4 = Dropdown$1.MenuItem;
 var MultiSelect = function MultiSelect(_ref) {
-  var _conditions$value$ind, _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;
@@ -2979,14 +2995,14 @@ var MultiSelect = function MultiSelect(_ref) {
     setSearchTerm = _useState4[1];
   var _useTranslation = 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 && isNotNil((_errors$conditions = errors.conditions) === null || _errors$conditions === void 0 || (_errors$conditions = _errors$conditions.value) === null || _errors$conditions === void 0 ? void 0 : _errors$conditions[index]) && isNotNil((_touched$conditions = touched.conditions) === null || _touched$conditions === void 0 || (_touched$conditions = _touched$conditions.value) === null || _touched$conditions === void 0 ? void 0 : _touched$conditions[index]);
+  var isValid = errors.conditions && isNotNil((_errors$conditions = errors.conditions) === null || _errors$conditions === void 0 ? void 0 : (_errors$conditions$va = _errors$conditions.value) === null || _errors$conditions$va === void 0 ? void 0 : _errors$conditions$va[index]) && isNotNil((_touched$conditions = touched.conditions) === null || _touched$conditions === void 0 ? void 0 : (_touched$conditions$v = _touched$conditions.value) === null || _touched$conditions$v === void 0 ? void 0 : _touched$conditions$v[index]);
   var handleMultiSelectOption = function handleMultiSelectOption(value) {
     var options = selectedOptions !== null && selectedOptions !== void 0 && selectedOptions.includes(value) ? without([value], selectedOptions) : append(value, selectedOptions);
     setFieldValue(name, options);
@@ -3012,7 +3028,7 @@ var MultiSelect = function MultiSelect(_ref) {
             children: t("neetoRules.common.or")
           }), /*#__PURE__*/jsx(Button, {
             "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("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
               "neeto-ui-text-accent-800": activeOption === option.value
@@ -3078,7 +3094,7 @@ 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) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var 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 = _objectWithoutProperties(_ref, _excluded$7);
@@ -3098,10 +3114,10 @@ var MultiSelectCreate = function MultiSelectCreate(_ref) {
   useOnButtonPressed(initialFocusRef, function () {
     return setShowPane(false);
   });
-  var values = (_conditions$value$ind = conditions.value[index]) === null || _conditions$value$ind === void 0 || (_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 && isNotNil((_errors$conditions = errors.conditions) === null || _errors$conditions === void 0 || (_errors$conditions = _errors$conditions.value) === null || _errors$conditions === void 0 ? void 0 : _errors$conditions[index]) && isNotNil((_touched$conditions = touched.conditions) === null || _touched$conditions === void 0 || (_touched$conditions = _touched$conditions.value) === null || _touched$conditions === void 0 ? void 0 : _touched$conditions[index]);
+  var isValid = errors.conditions && isNotNil((_errors$conditions = errors.conditions) === null || _errors$conditions === void 0 ? void 0 : (_errors$conditions$va = _errors$conditions.value) === null || _errors$conditions$va === void 0 ? void 0 : _errors$conditions$va[index]) && isNotNil((_touched$conditions = touched.conditions) === null || _touched$conditions === void 0 ? void 0 : (_touched$conditions$v = _touched$conditions.value) === null || _touched$conditions$v === void 0 ? void 0 : _touched$conditions$v[index]);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [isEmpty(allOptions) && /*#__PURE__*/jsx(Button, {
       "data-cy": "condition-value-multi-select-create-button",
@@ -3172,388 +3188,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__*/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;
@@ -3572,9 +3208,9 @@ var DateField = function DateField(_ref) {
     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 && isNotNil((_errors$conditions = errors.conditions) === null || _errors$conditions === void 0 || (_errors$conditions = _errors$conditions.value) === null || _errors$conditions === void 0 ? void 0 : _errors$conditions[index]) && isNotNil((_touched$conditions = touched.conditions) === null || _touched$conditions === void 0 || (_touched$conditions = _touched$conditions.value) === null || _touched$conditions === void 0 ? void 0 : _touched$conditions[index]);
+  var isValid = errors.conditions && isNotNil((_errors$conditions = errors.conditions) === null || _errors$conditions === void 0 ? void 0 : (_errors$conditions$va = _errors$conditions.value) === null || _errors$conditions$va === void 0 ? void 0 : _errors$conditions$va[index]) && isNotNil((_touched$conditions = touched.conditions) === null || _touched$conditions === void 0 ? void 0 : (_touched$conditions$v = _touched$conditions.value) === null || _touched$conditions$v === void 0 ? void 0 : _touched$conditions$v[index]);
   var handleValidate = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -3743,7 +3379,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;
@@ -3830,7 +3466,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: {}
     });
@@ -4031,7 +3668,7 @@ var Performer$1 = function Performer(_ref) {
       className: "neeto-ui-bg-gray-100",
       customTarget: /*#__PURE__*/jsx(Button, {
         "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(" neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
           "neeto-ui-text-accent-800": isSelected,
@@ -4174,7 +3811,7 @@ var Events$1 = function Events(_ref) {
     }, options) : [].concat(_toConsumableArray(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() {
@@ -4206,7 +3843,7 @@ var Events$1 = function Events(_ref) {
               children: t("neetoRules.common.or")
             }), /*#__PURE__*/jsx(Button, {
               "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("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
                 "neeto-ui-text-accent-800": activeOption === event.value
@@ -4297,7 +3934,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: {}
     }]);
@@ -4398,7 +4036,7 @@ 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 = useMemo(function () {
@@ -4550,7 +4188,7 @@ var Performer = function Performer(_ref) {
       closeOnSelect: false,
       customTarget: /*#__PURE__*/jsx(Button, {
         "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("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
           "neeto-ui-text-accent-800": isSelected,
@@ -4899,97 +4537,6 @@ 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__*/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) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var buildPayload = function buildPayload(data, values) {
@@ -5054,7 +4601,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) {
@@ -5063,8 +4610,8 @@ var transformObjectToDotNotation = function transformObjectToDotNotation(obj) {
   var value = obj[errorKey];
   if (!value) return;
   var nextKey = prefix ? "".concat(prefix, ".").concat(errorKey) : errorKey;
-  if (_typeof$1(value) === "object") {
-    transformObjectToDotNotation(value, nextKey, result);
+  if (_typeof(value) === "object") {
+    _transformObjectToDotNotation(value, nextKey, result);
   } else {
     result.push(nextKey);
   }
@@ -5073,7 +4620,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) {
@@ -5095,7 +4642,7 @@ var ScrollToErrorField = function ScrollToErrorField(_ref) {
     var errorFormElement = findBy({
       name: fieldErrorNames
     }, _toConsumableArray(formRef.current.elements));
-    errorFormElement === null || errorFormElement === void 0 || errorFormElement.scrollIntoView({
+    errorFormElement === null || errorFormElement === void 0 ? void 0 : errorFormElement.scrollIntoView({
       behavior: "smooth",
       block: "center"
     });
@@ -5115,7 +4662,9 @@ var Form = function Form(_ref) {
     _ref$handleSubmit = _ref.handleSubmit,
     handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit,
     _ref$handleCancel = _ref.handleCancel,
-    handleCancel = _ref$handleCancel === void 0 ? noop : _ref$handleCancel;
+    handleCancel = _ref$handleCancel === void 0 ? noop : _ref$handleCancel,
+    _ref$showStatusSwitch = _ref.showStatusSwitch,
+    showStatusSwitch = _ref$showStatusSwitch === void 0 ? true : _ref$showStatusSwitch;
   var formRef = useRef(null);
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -5153,7 +4702,7 @@ var Form = function Form(_ref) {
           data: initialValues,
           label: t("neetoRules.common.description"),
           name: "description"
-        }), /*#__PURE__*/jsx(Status, {}), typeof _children === "function" ? _children === null || _children === void 0 ? void 0 : _children(_objectSpread$1({
+        }), showStatusSwitch && /*#__PURE__*/jsx(Status, {}), typeof _children === "function" ? _children === null || _children === void 0 ? void 0 : _children(_objectSpread$1({
           values: values,
           formattedValues: buildPayload(data, values),
           dirty: dirty
@@ -5174,11 +4723,6 @@ 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) { _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; }