@bigbinary/neeto-rules-frontend 2.5.27 → 2.5.28

package/dist/RulePreview.js

@@ -5,7 +5,7 @@ import Pane from '@bigbinary/neetoui/Pane';
 import Spinner from '@bigbinary/neetoui/Spinner';
 import Typography from '@bigbinary/neetoui/Typography';
 import { useTranslation } from 'react-i18next';
-import { g as getSeparator, a as getDateTimeFormattedValue, u as useUtilityStore } from './useUtilityStore-C0O0N3Aq.js';
+import { g as getSeparator, a as getDateTimeFormattedValue, u as useUtilityStore } from './useUtilityStore-6TPs8A8Q.js';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { Fragment as Fragment$1, useState } from 'react';
 import Down from '@bigbinary/neeto-icons/Down';

package/dist/cjs/NeetoRules.js

@@ -11,7 +11,7 @@ var useAutomationRulesApi = require('../useAutomationRulesApi-BTjEL2XD.js');
 var RulesReorder = require('../index-CQs1hVC3.js');
 var NeetoHeader = require('@bigbinary/neeto-molecules/Header');
 var Button = require('@bigbinary/neetoui/Button');
-var useUtilityStore = require('../useUtilityStore-0xgAU9fw.js');
+var useUtilityStore = require('../useUtilityStore-D6PfpKqa.js');
 var jsxRuntime = require('react/jsx-runtime');
 var shallow = require('zustand/shallow');
 var SubHeader = require('@bigbinary/neeto-molecules/SubHeader');

package/dist/cjs/NeetoRulesForm.js

@@ -13,7 +13,7 @@ var Delete = require('@bigbinary/neeto-icons/Delete');
 var Refresh = require('@bigbinary/neeto-icons/Refresh');
 var Button = require('@bigbinary/neetoui/Button');
 var reactI18next = require('react-i18next');
-var useUtilityStore = require('../useUtilityStore-0xgAU9fw.js');
+var useUtilityStore = require('../useUtilityStore-D6PfpKqa.js');
 var classNames = require('classnames');
 var Typography = require('@bigbinary/neetoui/Typography');
 var ramda = require('ramda');
@@ -2887,6 +2887,7 @@ var ActionSubItem = function ActionSubItem(_ref) {
         }
       }), /*#__PURE__*/jsxRuntime.jsx(EmailFields.Target, {
         action: action,
+        hasError: hasError,
         index: index,
         name: name,
         selectedField: selectedField,
@@ -5240,10 +5241,12 @@ var ActionItem = function ActionItem(_ref) {
     setFieldActive = _useActiveField.setFieldActive;
   var _useUtilityStore = useUtilityStore.useUtilityStore(function (store) {
       return {
-        setPanelState: store["setPanelState"]
+        setPanelState: store["setPanelState"],
+        setErrorFields: store["setErrorFields"]
       };
     }, shallow.shallow),
-    setPanelState = _useUtilityStore.setPanelState;
+    setPanelState = _useUtilityStore.setPanelState,
+    setErrorFields = _useUtilityStore.setErrorFields;
   var _useUtilityStore2 = useUtilityStore.useUtilityStore(function (store) {
       var _store$panelState;
       return {
@@ -5330,6 +5333,22 @@ var ActionItem = function ActionItem(_ref) {
       });
     });
   }, [selectedField]);
+  react.useEffect(function () {
+    if (errorMessage) {
+      setErrorFields(function (prev) {
+        return prev.includes(name) ? prev : [].concat(_toConsumableArray(prev), [name]);
+      });
+    } else {
+      setErrorFields(function (prev) {
+        return prev.filter(neetoCist.isNot(name));
+      });
+    }
+    return function () {
+      setErrorFields(function (prev) {
+        return prev.filter(neetoCist.isNot(name));
+      });
+    };
+  }, [errorMessage, name, setErrorFields]);
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: "flex flex-grow min-w-0 flex-wrap gap-x-1 gap-y-3",
     children: /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -5345,7 +5364,7 @@ var ActionItem = function ActionItem(_ref) {
         style: "link",
         className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
           "neeto-ui-text-accent-800": isFieldActive,
-          "neeto-ui-text-error-500": isActionSelected
+          "neeto-ui-text-error-500": isActionSelected || !!errorMessage
         }),
         onClick: handleOnClick
       }), /*#__PURE__*/jsxRuntime.jsx(ActionSubItem$1, _objectSpread$d(_objectSpread$d({}, _objectSpread$d(_objectSpread$d({}, panelData), {}, {
@@ -6631,10 +6650,12 @@ var Form = function Form(_ref) {
     customData = _useCustomDataStore.customData;
   var _useUtilityStore = useUtilityStore.useUtilityStore(function (store) {
       return {
-        resetPanelState: store["resetPanelState"]
+        resetPanelState: store["resetPanelState"],
+        errorFields: store["errorFields"]
       };
     }, shallow.shallow),
-    resetPanelState = _useUtilityStore.resetPanelState;
+    resetPanelState = _useUtilityStore.resetPanelState,
+    errorFields = _useUtilityStore.errorFields;
   var initialValues = react.useMemo(function () {
     return formatData(data);
   }, [data]);
@@ -6654,6 +6675,10 @@ var Form = function Form(_ref) {
     };
   }, []);
   var submitForm = function submitForm(values, formikBag) {
+    if (neetoCist.isNotEmpty(errorFields)) {
+      formikBag.setSubmitting(false);
+      return;
+    }
     if (isCancelledNameGeneration) {
       saveRuleName(values);
       return;