@bigbinary/neeto-rules-frontend 0.4.3 → 0.4.5

package/dist/index.cjs.js

@@ -331,8 +331,8 @@ var CONDITION_VALUE_TYPES = {
 var INPUT_FIELD_TYPES = ["email", "text", "number", "decimal", "url", "regex"];
 var MAXIMUM_OPTION_LENGTH$2 = 7;
 
-function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(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 ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(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 getSchemaForStrings = function getSchemaForStrings(element) {
   var label = element.label,
     _element$componentPro = element.componentProps,
@@ -538,7 +538,7 @@ var getSchemaForElement = function getSchemaForElement(element, customData) {
 var getValidationSchema = function getValidationSchema(data, customData) {
   var fieldKeys = Object.keys(data);
   var schema = fieldKeys.reduce(function (acc, key) {
-    return _objectSpread$6(_objectSpread$6({}, acc), {}, _defineProperty({}, key, yup__namespace.object({
+    return _objectSpread$7(_objectSpread$7({}, acc), {}, _defineProperty({}, key, yup__namespace.object({
       value: getSchemaForElement(data[key], customData)
     })));
   }, {});
@@ -561,8 +561,8 @@ var VALIDATION_SCHEMA = (_VALIDATION_SCHEMA = {}, _defineProperty(_VALIDATION_SC
 var DECIMAL_NUMBER_REGEX = /^\d*\.?\d+$/;
 var POSITIVE_NUMBER_REGEX = /^[0-9]+$/;
 
-function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(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 ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(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 buildPayload = function buildPayload(data, values) {
   return Object.keys(data).reduce(function (acc, key) {
     var fieldValue = values[key].value;
@@ -572,26 +572,26 @@ var buildPayload = function buildPayload(data, values) {
         var _fieldValue;
         fieldValue = (_fieldValue = fieldValue) === null || _fieldValue === void 0 ? void 0 : _fieldValue.map(function (conditionGroup) {
           var _conditionGroup$condi;
-          return _objectSpread$5(_objectSpread$5({}, conditionGroup), {}, {
+          return _objectSpread$6(_objectSpread$6({}, conditionGroup), {}, {
             conditions: [].concat(_toConsumableArray(conditionGroup.conditions.value), _toConsumableArray(((_conditionGroup$condi = conditionGroup.conditions) === null || _conditionGroup$condi === void 0 ? void 0 : _conditionGroup$condi.deleted) || []))
           });
         });
       }
       fieldValue = [].concat(_toConsumableArray(fieldValue), _toConsumableArray(((_values$key = values[key]) === null || _values$key === void 0 ? void 0 : _values$key.deleted) || []));
     }
-    return _objectSpread$5(_objectSpread$5({}, acc), {}, _defineProperty({}, key, fieldValue));
+    return _objectSpread$6(_objectSpread$6({}, acc), {}, _defineProperty({}, key, fieldValue));
   }, {});
 };
 var formatData = function formatData(data) {
   return Object.keys(data).reduce(function (acc, key) {
     var value = data[key].type === FIELD_TYPES.conditionGroup ? data[key].value.map(function (conditionGroup) {
-      return _objectSpread$5(_objectSpread$5({}, conditionGroup), {}, {
+      return _objectSpread$6(_objectSpread$6({}, conditionGroup), {}, {
         conditions: {
           value: conditionGroup.conditions
         }
       });
     }) : data[key].value;
-    return _objectSpread$5(_objectSpread$5({}, acc), {}, _defineProperty({}, key, {
+    return _objectSpread$6(_objectSpread$6({}, acc), {}, _defineProperty({}, key, {
       value: value
     }));
   }, {});
@@ -656,8 +656,8 @@ var ScrollToErrorField = function ScrollToErrorField(_ref) {
 };
 
 var _excluded$9 = ["isSubmitting", "dirty", "values"];
-function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(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 ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(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 NeetoRules$2 = function NeetoRules(_ref) {
   var _ref$data = _ref.data,
     data = _ref$data === void 0 ? {} : _ref$data,
@@ -694,7 +694,7 @@ var NeetoRules$2 = function NeetoRules(_ref) {
     return /*#__PURE__*/React__default["default"].createElement(formik.Form, {
       ref: formRef,
       className: classNames__default["default"](["w-full space-y-6 px-0 md:px-14 xl:px-24", className])
-    }, typeof children === "function" ? children === null || children === void 0 ? void 0 : children(_objectSpread$4({
+    }, typeof children === "function" ? children === null || children === void 0 ? void 0 : children(_objectSpread$5({
       values: values,
       formattedValues: buildPayload(data, values),
       dirty: dirty
@@ -1524,7 +1524,8 @@ var DropdownField$1 = function DropdownField(_ref) {
 };
 
 var EditorAction = function EditorAction(_ref) {
-  var name = _ref.name,
+  var autoFocus = _ref.autoFocus,
+    name = _ref.name,
     _ref$value = _ref.value,
     value = _ref$value === void 0 ? "" : _ref$value,
     label = _ref.label,
@@ -1541,10 +1542,10 @@ var EditorAction = function EditorAction(_ref) {
     setFieldValue(name, editorData);
   }, [debouncedValue]);
   return /*#__PURE__*/React__default["default"].createElement(neetoEditor.FormikEditor, {
+    autoFocus: autoFocus,
     label: label,
     name: name,
     variables: variables,
-    autoFocus: true,
     hideSlashCommands: true,
     addons: EDITOR_ADDONS,
     className: "w-full",
@@ -1627,7 +1628,7 @@ var InputField$2 = function InputField(_ref) {
     label: label,
     type: "text"
   }, field, {
-    error: meta.error,
+    error: meta.touched ? meta.error : "",
     ref: initialFocusRef,
     value: text,
     onChange: function onChange(e) {
@@ -1654,12 +1655,14 @@ var EmailFields = function EmailFields(_ref) {
     showPane = _useState2[0],
     setShowPane = _useState2[1];
   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()) || i18next.t("neetoRules.common.as");
-  var defaultLabel = (selectedField === null || selectedField === void 0 ? void 0 : selectedField.emailPlaceholder) || i18next.t("neetoRules.common.email");
+  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 defaultLabel = (selectedField === null || selectedField === void 0 ? void 0 : selectedField.emailPlaceholder) || t("neetoRules.common.email");
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     className: "neeto-ui-text-gray-700 mt-1",
     "data-cy": "action-email-seperator-text",
@@ -1700,10 +1703,11 @@ var EmailFields = function EmailFields(_ref) {
     className: "mb-4",
     "data-cy": "email-action-subject-text-field",
     initialFocusRef: isEmailIdField ? null : initialFocusRef,
-    label: i18next.t("neetoRules.labels.subject"),
+    label: t("neetoRules.labels.subject"),
     name: "".concat(name, ".subject")
   }), /*#__PURE__*/React__default["default"].createElement(EditorAction, {
-    label: i18next.t("neetoRules.labels.body"),
+    autoFocus: !isEmailIdField && selectedField.hideSubject,
+    label: t("neetoRules.labels.body"),
     name: "".concat(name, ".body"),
     value: (_action$metadata = action.metadata) === null || _action$metadata === void 0 ? void 0 : _action$metadata.body,
     variables: selectedField === null || selectedField === void 0 ? void 0 : selectedField.variables
@@ -1711,12 +1715,12 @@ var EmailFields = function EmailFields(_ref) {
     className: "flex items-center space-x-2"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
     "data-cy": "save-changes-button",
-    label: i18next.t("neetoRules.common.saveChange"),
+    label: t("neetoRules.common.saveChange"),
     onClick: function onClick() {
       return setShowPane(false);
     }
   }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    label: i18next.t("neetoRules.buttons.cancel"),
+    label: t("neetoRules.buttons.cancel"),
     style: "text",
     onClick: function onClick() {
       return setShowPane(false);
@@ -2520,8 +2524,8 @@ var Card = function Card(_ref) {
   }, children));
 };
 
-function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(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 ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(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 Actions = function Actions(_ref) {
   var name = _ref.name,
     label = _ref.label,
@@ -2545,7 +2549,7 @@ var Actions = function Actions(_ref) {
   }, [actions]);
   var handleRemoveAction = function handleRemoveAction(index, action, arrayHelpers) {
     if (action.id) {
-      setFieldValue("".concat(name, ".deleted"), [].concat(_toConsumableArray(values[name].deleted || []), [_objectSpread$3(_objectSpread$3({}, action), {}, {
+      setFieldValue("".concat(name, ".deleted"), [].concat(_toConsumableArray(values[name].deleted || []), [_objectSpread$4(_objectSpread$4({}, action), {}, {
         _destroy: true
       })]));
     }
@@ -3724,8 +3728,8 @@ var LogicOperator = function LogicOperator(_ref) {
   }, logicOperationLabel);
 };
 
-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; }
+function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(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 Conditions = function Conditions(_ref) {
   var _field$value;
   var data = _ref.data,
@@ -3757,8 +3761,8 @@ var Conditions = function Conditions(_ref) {
   var handleRemoveCondition = function handleRemoveCondition(index, condition, arrayHelpers) {
     if (condition.id) {
       var _field$value2;
-      setValue(_objectSpread$2(_objectSpread$2({}, field.value), {}, {
-        deleted: [].concat(_toConsumableArray(((_field$value2 = field.value) === null || _field$value2 === void 0 ? void 0 : _field$value2.deleted) || []), [_objectSpread$2(_objectSpread$2({}, condition), {}, {
+      setValue(_objectSpread$3(_objectSpread$3({}, field.value), {}, {
+        deleted: [].concat(_toConsumableArray(((_field$value2 = field.value) === null || _field$value2 === void 0 ? void 0 : _field$value2.deleted) || []), [_objectSpread$3(_objectSpread$3({}, condition), {}, {
           _destroy: true
         })])
       }));
@@ -3992,8 +3996,8 @@ var Performer$1 = function Performer(_ref) {
   }, i18next.t("neetoRules.common.noOptions")))));
 };
 
-function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(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 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 Menu$2 = neetoui.Dropdown.Menu,
   MenuItem$2 = neetoui.Dropdown.MenuItem;
 var Events$1 = function Events(_ref) {
@@ -4028,7 +4032,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(deletedEvents), [_objectSpread$1(_objectSpread$1({}, events[idx]), {}, {
+        deletedEvents = [].concat(_toConsumableArray(deletedEvents), [_objectSpread$2(_objectSpread$2({}, events[idx]), {}, {
           _destroy: true
         })]);
       }
@@ -4055,7 +4059,7 @@ var Events$1 = function Events(_ref) {
       }, events);
       if (defaultEvent.id) {
         var _values$name2;
-        setFieldValue("".concat(name, ".deleted"), [].concat(_toConsumableArray(((_values$name2 = values[name]) === null || _values$name2 === void 0 ? void 0 : _values$name2.deleted) || []), [_objectSpread$1(_objectSpread$1({}, defaultEvent), {}, {
+        setFieldValue("".concat(name, ".deleted"), [].concat(_toConsumableArray(((_values$name2 = values[name]) === null || _values$name2 === void 0 ? void 0 : _values$name2.deleted) || []), [_objectSpread$2(_objectSpread$2({}, defaultEvent), {}, {
           _destroy: true
         })]));
       }
@@ -4068,7 +4072,7 @@ var Events$1 = function Events(_ref) {
     }, events);
     if (event && event.id) {
       var _values$name3;
-      setFieldValue("".concat(name, ".deleted"), [].concat(_toConsumableArray(((_values$name3 = values[name]) === null || _values$name3 === void 0 ? void 0 : _values$name3.deleted) || []), [_objectSpread$1(_objectSpread$1({}, event), {}, {
+      setFieldValue("".concat(name, ".deleted"), [].concat(_toConsumableArray(((_values$name3 = values[name]) === null || _values$name3 === void 0 ? void 0 : _values$name3.deleted) || []), [_objectSpread$2(_objectSpread$2({}, event), {}, {
         _destroy: true
       })]));
     }
@@ -4167,6 +4171,8 @@ var Events$1 = function Events(_ref) {
 };
 
 var _excluded$5 = ["addButtonTooltipProps", "data", "label", "name", "performerName", "conditionsName", "onSelectEvent"];
+function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(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 EventConditions = function EventConditions(_ref) {
   var addButtonTooltipProps = _ref.addButtonTooltipProps,
     data = _ref.data,
@@ -4194,6 +4200,16 @@ var EventConditions = function EventConditions(_ref) {
       metadata: {}
     }]);
   };
+  var addButtonTooltips = {
+    content: t("neetoRules.form.addCondition"),
+    position: "top"
+  };
+  var disabledAddButtonTooltips = _objectSpread$1({
+    content: t("neetoRules.form.noTicketFields"),
+    position: "top"
+  }, addButtonTooltipProps);
+  var isConditionsEmpty = ramda.isEmpty(conditionProps === null || conditionProps === void 0 ? void 0 : conditionProps.conditionOptions);
+  var tooltipProps = isConditionsEmpty ? disabledAddButtonTooltips : addButtonTooltips;
   return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Card, {
     title: label || (elementProps === null || elementProps === void 0 ? void 0 : elementProps.label)
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -4207,19 +4223,12 @@ var EventConditions = function EventConditions(_ref) {
     name: name,
     onSelectEvent: onSelectEvent,
     performerName: performerName
-  })), showAddButton && /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, _extends({
-    content: t("neetoRules.form.noTicketFields")
-  }, addButtonTooltipProps), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+  })), showAddButton && /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, tooltipProps, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
     "data-cy": "add-condition-button",
     "data-test-id": "automation-rules-add-events-button",
-    disabled: ramda.isEmpty(conditionProps === null || conditionProps === void 0 ? void 0 : conditionProps.conditionOptions),
+    disabled: isConditionsEmpty,
     icon: neetoIcons.Plus,
-    size: 32,
     style: "text",
-    tooltipProps: {
-      content: t("neetoRules.form.addCondition"),
-      position: "top"
-    },
     onClick: handleAddCondition
   })))), !showAddButton && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "mt-3"