@bigbinary/neeto-rules-frontend 0.4.2 → 0.4.4

package/dist/index.js

@@ -11,7 +11,7 @@ import { isEditorEmpty, FormikEditor } from '@bigbinary/neeto-editor';
 import { withImmutableActions, useDebounce } from '@bigbinary/neeto-commons-frontend/react-utils';
 import { create } from 'zustand';
 import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
-import { Typography, Button, Pane, DatePicker, Dropdown as Dropdown$1, Input as Input$1, Checkbox, Select, Label } from '@bigbinary/neetoui';
+import { Typography, Button, Pane, DatePicker, Dropdown as Dropdown$1, Input as Input$1, Checkbox, Select, Tooltip, Label } from '@bigbinary/neetoui';
 import { useTranslation } from 'react-i18next';
 import { Down, Up, Check, Search, Close, Delete, Plus, Refresh, Eye } from '@bigbinary/neeto-icons';
 import { pluck, isNil, isNotNil, assocPath, toLower, isEmpty, without, append, pipe, partition } from 'ramda';
@@ -301,8 +301,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,
@@ -508,7 +508,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.object({
+    return _objectSpread$7(_objectSpread$7({}, acc), {}, _defineProperty({}, key, yup.object({
       value: getSchemaForElement(data[key], customData)
     })));
   }, {});
@@ -531,8 +531,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;
@@ -542,26 +542,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
     }));
   }, {});
@@ -626,8 +626,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,
@@ -664,7 +664,7 @@ var NeetoRules$2 = function NeetoRules(_ref) {
     return /*#__PURE__*/React.createElement(Form, {
       ref: formRef,
       className: classNames(["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
@@ -2490,8 +2490,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,
@@ -2515,7 +2515,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
       })]));
     }
@@ -3694,8 +3694,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,
@@ -3727,8 +3727,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
         })])
       }));
@@ -3962,8 +3962,8 @@ var Performer$1 = function Performer(_ref) {
   }, t$1("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 = Dropdown$1.Menu,
   MenuItem$2 = Dropdown$1.MenuItem;
 var Events$1 = function Events(_ref) {
@@ -3998,7 +3998,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
         })]);
       }
@@ -4025,7 +4025,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
         })]));
       }
@@ -4038,7 +4038,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
       })]));
     }
@@ -4136,9 +4136,12 @@ var Events$1 = function Events(_ref) {
   }));
 };
 
-var _excluded$5 = ["data", "label", "name", "performerName", "conditionsName", "onSelectEvent"];
+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 data = _ref.data,
+  var addButtonTooltipProps = _ref.addButtonTooltipProps,
+    data = _ref.data,
     label = _ref.label,
     name = _ref.name,
     performerName = _ref.performerName,
@@ -4148,6 +4151,8 @@ var EventConditions = function EventConditions(_ref) {
   var _useFormikContext = useFormikContext(),
     values = _useFormikContext.values,
     setFieldValue = _useFormikContext.setFieldValue;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   var elementProps = data[name] || {};
   var conditionProps = data[conditionsName] || {};
   var conditions = values[conditionsName].value || [];
@@ -4161,6 +4166,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 = isEmpty(conditionProps === null || conditionProps === void 0 ? void 0 : conditionProps.conditionOptions);
+  var tooltipProps = isConditionsEmpty ? disabledAddButtonTooltips : addButtonTooltips;
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Card, {
     title: label || (elementProps === null || elementProps === void 0 ? void 0 : elementProps.label)
   }, /*#__PURE__*/React.createElement("div", {
@@ -4174,18 +4189,14 @@ var EventConditions = function EventConditions(_ref) {
     name: name,
     onSelectEvent: onSelectEvent,
     performerName: performerName
-  })), showAddButton && /*#__PURE__*/React.createElement(Button, {
+  })), showAddButton && /*#__PURE__*/React.createElement(Tooltip, tooltipProps, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
     "data-cy": "add-condition-button",
     "data-test-id": "automation-rules-add-events-button",
+    disabled: isConditionsEmpty,
     icon: Plus,
-    size: 32,
-    style: "icon",
-    tooltipProps: {
-      content: t$1("neetoRules.form.addCondition"),
-      position: "top"
-    },
+    style: "text",
     onClick: handleAddCondition
-  })), !showAddButton && /*#__PURE__*/React.createElement("div", {
+  })))), !showAddButton && /*#__PURE__*/React.createElement("div", {
     className: "mt-3"
   }, /*#__PURE__*/React.createElement(Conditions, _extends({
     data: data,