@bigbinary/neeto-rules-frontend 2.5.27 → 2.5.28

package/dist/NeetoRules.js

@@ -9,7 +9,7 @@ import { b as useUpdateAutomationRule, c as useCloneAutomationRule, d as useDele
 import { R as RulesReorder, I as INITIAL_RULES_DATA } from './index-C0i4jsZ5.js';
 import NeetoHeader from '@bigbinary/neeto-molecules/Header';
 import Button from '@bigbinary/neetoui/Button';
-import { c as createRoutes, u as useUtilityStore } from './useUtilityStore-C0O0N3Aq.js';
+import { c as createRoutes, u as useUtilityStore } from './useUtilityStore-6TPs8A8Q.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { shallow } from 'zustand/shallow';
 import SubHeader from '@bigbinary/neeto-molecules/SubHeader';

package/dist/NeetoRulesForm.js

@@ -5,13 +5,13 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { shallow } from 'zustand/shallow';
 import { useRef, useEffect, createElement, useCallback, forwardRef, useState, useMemo, memo, Fragment as Fragment$1 } from 'react';
 import { useFormikContext, useField, FieldArray, ErrorMessage, Formik, Form as Form$1 } from 'formik';
-import { findBy, noop, isNotEmpty, isPresent, hyphenate, renameKeys, notEqualsDeep, nullSafe, toLabelAndValue, removeBy, isNotPresent } from '@bigbinary/neeto-cist';
+import { findBy, noop, isNotEmpty, isPresent, hyphenate, renameKeys, notEqualsDeep, nullSafe, toLabelAndValue, removeBy, isNotPresent, isNot } from '@bigbinary/neeto-cist';
 import Plus from '@bigbinary/neeto-icons/Plus';
 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 { u as useUtilityStore, g as getSeparator, d as dotPath$1, b as getDateTimeValue, a as getDateTimeFormattedValue, D as DATE_TIME_TYPES, e as DATE_TIME_FORMAT, f as DATE_FORMAT, T as TIME_FORMAT } from './useUtilityStore-C0O0N3Aq.js';
+import { u as useUtilityStore, g as getSeparator, d as dotPath$1, b as getDateTimeValue, a as getDateTimeFormattedValue, D as DATE_TIME_TYPES, e as DATE_TIME_FORMAT, f as DATE_FORMAT, T as TIME_FORMAT } from './useUtilityStore-6TPs8A8Q.js';
 import classNames from 'classnames';
 import Typography from '@bigbinary/neetoui/Typography';
 import { assocPath, pluck, identity, isEmpty, mergeDeepLeft, isNotNil, whereAny, reject, equals, unless, path, omit, useWith, split, when, is, trim, eqBy, F, values, isNil, without, append, pipe, filter, uniq, join, map, assoc, mergeLeft, includes, test } from 'ramda';
@@ -2866,6 +2866,7 @@ var ActionSubItem = function ActionSubItem(_ref) {
         }
       }), /*#__PURE__*/jsx(EmailFields.Target, {
         action: action,
+        hasError: hasError,
         index: index,
         name: name,
         selectedField: selectedField,
@@ -5219,10 +5220,12 @@ var ActionItem = function ActionItem(_ref) {
     setFieldActive = _useActiveField.setFieldActive;
   var _useUtilityStore = useUtilityStore(function (store) {
       return {
-        setPanelState: store["setPanelState"]
+        setPanelState: store["setPanelState"],
+        setErrorFields: store["setErrorFields"]
       };
     }, shallow),
-    setPanelState = _useUtilityStore.setPanelState;
+    setPanelState = _useUtilityStore.setPanelState,
+    setErrorFields = _useUtilityStore.setErrorFields;
   var _useUtilityStore2 = useUtilityStore(function (store) {
       var _store$panelState;
       return {
@@ -5309,6 +5312,22 @@ var ActionItem = function ActionItem(_ref) {
       });
     });
   }, [selectedField]);
+  useEffect(function () {
+    if (errorMessage) {
+      setErrorFields(function (prev) {
+        return prev.includes(name) ? prev : [].concat(_toConsumableArray(prev), [name]);
+      });
+    } else {
+      setErrorFields(function (prev) {
+        return prev.filter(isNot(name));
+      });
+    }
+    return function () {
+      setErrorFields(function (prev) {
+        return prev.filter(isNot(name));
+      });
+    };
+  }, [errorMessage, name, setErrorFields]);
   return /*#__PURE__*/jsx("div", {
     className: "flex flex-grow min-w-0 flex-wrap gap-x-1 gap-y-3",
     children: /*#__PURE__*/jsxs("div", {
@@ -5324,7 +5343,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__*/jsx(ActionSubItem$1, _objectSpread$d(_objectSpread$d({}, _objectSpread$d(_objectSpread$d({}, panelData), {}, {
@@ -6610,10 +6629,12 @@ var Form = function Form(_ref) {
     customData = _useCustomDataStore.customData;
   var _useUtilityStore = useUtilityStore(function (store) {
       return {
-        resetPanelState: store["resetPanelState"]
+        resetPanelState: store["resetPanelState"],
+        errorFields: store["errorFields"]
       };
     }, shallow),
-    resetPanelState = _useUtilityStore.resetPanelState;
+    resetPanelState = _useUtilityStore.resetPanelState,
+    errorFields = _useUtilityStore.errorFields;
   var initialValues = useMemo(function () {
     return formatData(data);
   }, [data]);
@@ -6633,6 +6654,10 @@ var Form = function Form(_ref) {
     };
   }, []);
   var submitForm = function submitForm(values, formikBag) {
+    if (isNotEmpty(errorFields)) {
+      formikBag.setSubmitting(false);
+      return;
+    }
     if (isCancelledNameGeneration) {
       saveRuleName(values);
       return;