@bigbinary/neeto-rules-frontend 2.5.61 → 2.5.63

package/dist/NeetoRulesForm.js

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useOnClickOutside, S as SHORTCUTS, f as flatten, a as useDebouncedUpdate } from './useDebouncedUpdate-BcPAGgg7.js';
+import { u as useOnClickOutside, S as SHORTCUTS, f as flatten, a as useDebouncedUpdate } from './useDebouncedUpdate-sW5WvXe0.js';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { shallow } from 'zustand/shallow';
+import { useShallow } from 'zustand/shallow';
 import { useState, createElement, useRef, useEffect, useCallback, forwardRef, useMemo, memo, Fragment as Fragment$1 } from 'react';
 import { useFormikContext, useField, FieldArray, ErrorMessage, Formik, Form as Form$1 } from 'formik';
 import { findBy, isNotEmpty, noop, isPresent, hyphenate, renameKeys, notEqualsDeep, nullSafe, _findBy, toLabelAndValue, removeBy, isNotPresent, isNot } from '@bigbinary/neeto-cist';
@@ -20,7 +20,7 @@ import * as yup from 'yup';
 import Search from '@bigbinary/neeto-icons/Search';
 import Input$1 from '@bigbinary/neetoui/Input';
 import Radio from '@bigbinary/neetoui/formik/Radio';
-import { a as useActiveField, u as useCustomDataStore } from './useActiveField-DunVO8SS.js';
+import { a as useActiveField, u as useCustomDataStore } from './useActiveField-9aCscxu8.js';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { manager } from '@bigbinary/neetoui/managers';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -57,7 +57,6 @@ import { globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
 import Radio$1 from '@bigbinary/neetoui/Radio';
 import TimePicker from '@bigbinary/neetoui/TimePicker';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
 import { isEditorEmpty } from '@bigbinary/neeto-editor/utils';
 import Eye from '@bigbinary/neeto-icons/Eye';
 import Down from '@bigbinary/neeto-icons/Down';
@@ -98,11 +97,11 @@ var Footer = function Footer(_ref) {
 var Header = function Header(_ref) {
   var children = _ref.children,
     className = _ref.className;
-  var _useUtilityStore = useUtilityStore(function (store) {
+  var _useUtilityStore = useUtilityStore(useShallow(function (store) {
       return {
         resetPanelState: store["resetPanelState"]
       };
-    }, shallow),
+    })),
     resetPanelState = _useUtilityStore.resetPanelState;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -131,12 +130,12 @@ var _excluded$f = ["component"];
 function ownKeys$u(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$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Panel = function Panel() {
-  var _useUtilityStore = useUtilityStore(function (store) {
+  var _useUtilityStore = useUtilityStore(useShallow(function (store) {
       return {
         panelState: store["panelState"],
         resetPanelState: store["resetPanelState"]
       };
-    }, shallow),
+    })),
     panelState = _useUtilityStore.panelState,
     resetPanelState = _useUtilityStore.resetPanelState;
   var config = {
@@ -331,15 +330,15 @@ var ActionPanel = function ActionPanel() {
     _useState2 = _slicedToArray(_useState, 2),
     searchTerm = _useState2[0],
     setSearchTerm = _useState2[1];
-  var _useUtilityStore = useUtilityStore(function (store) {
+  var _useUtilityStore = useUtilityStore(useShallow(function (store) {
       return {
         setPanelState: store["setPanelState"],
         resetPanelState: store["resetPanelState"]
       };
-    }, shallow),
+    })),
     setPanelState = _useUtilityStore.setPanelState,
     resetPanelState = _useUtilityStore.resetPanelState;
-  var _useUtilityStore2 = useUtilityStore(function (store) {
+  var _useUtilityStore2 = useUtilityStore(useShallow(function (store) {
       var _store$panelState, _store$panelState2, _store$panelState3, _store$panelState4, _store$panelState5, _store$panelState6, _store$panelState7;
       return {
         index: (_store$panelState = store["panelState"]) === null || _store$panelState === void 0 || (_store$panelState = _store$panelState["data"]) === null || _store$panelState === void 0 ? void 0 : _store$panelState["index"],
@@ -350,7 +349,7 @@ var ActionPanel = function ActionPanel() {
         errorMessage: (_store$panelState6 = store["panelState"]) === null || _store$panelState6 === void 0 || (_store$panelState6 = _store$panelState6["data"]) === null || _store$panelState6 === void 0 ? void 0 : _store$panelState6["errorMessage"],
         isIntegrableError: (_store$panelState7 = store["panelState"]) === null || _store$panelState7 === void 0 || (_store$panelState7 = _store$panelState7["data"]) === null || _store$panelState7 === void 0 ? void 0 : _store$panelState7["isIntegrableError"]
       };
-    }, shallow),
+    })),
     index = _useUtilityStore2.index,
     name = _useUtilityStore2.name,
     actionOptions = _useUtilityStore2.actionOptions,
@@ -1037,11 +1036,11 @@ var ApiFields = function ApiFields(_ref2) {
     }),
     ref = _useActiveField2.ref,
     setFieldActive = _useActiveField2.setFieldActive;
-  var _useUtilityStore = useUtilityStore(function (store) {
+  var _useUtilityStore = useUtilityStore(useShallow(function (store) {
       return {
         isSaveAsTemplateEnabled: store["isSaveAsTemplateEnabled"]
       };
-    }, shallow),
+    })),
     isSaveAsTemplateEnabled = _useUtilityStore.isSaveAsTemplateEnabled;
   var hasFieldChanged = useHasFieldChanged(name);
   var templates = (selectedField === null || selectedField === void 0 ? void 0 : selectedField.templates) || [];
@@ -1518,11 +1517,11 @@ var EmailFields = function EmailFields(_ref2) {
     }),
     initialFocusRef = _useActiveField2.ref,
     setFieldActive = _useActiveField2.setFieldActive;
-  var _useUtilityStore = useUtilityStore(function (store) {
+  var _useUtilityStore = useUtilityStore(useShallow(function (store) {
       return {
         isSaveAsTemplateEnabled: store["isSaveAsTemplateEnabled"]
       };
-    }, shallow),
+    })),
     isSaveAsTemplateEnabled = _useUtilityStore.isSaveAsTemplateEnabled;
   var hasFieldChanged = useHasFieldChanged(name);
   var templates = selectedField === null || selectedField === void 0 ? void 0 : selectedField.templates;
@@ -2352,6 +2351,7 @@ var formatErrorMessage = function formatErrorMessage(error) {
 };
 
 var _excluded$b = ["children"];
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function ownKeys$m(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$m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$m(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var STYLES = {
@@ -2384,7 +2384,7 @@ var ValueContainer = function ValueContainer(_ref) {
   var value = getValue();
   var _children = _toArray(children),
     firstChild = _children[0],
-    rest = _children.slice(1);
+    rest = _arrayLikeToArray(_children).slice(1);
   var shouldCollapse = !isFocused && value.length > visiblePhoneNumbersCount;
   return /*#__PURE__*/jsxs(components.ValueContainer, _objectSpread$m(_objectSpread$m({}, props), {}, {
     innerProps: _objectSpread$m(_objectSpread$m({}, props.innerProps), {}, _defineProperty({}, "data-testid", "multi-phone-number-input-container")),
@@ -2649,11 +2649,11 @@ var SmsFields = function SmsFields(_ref2) {
     }),
     initialFocusRef = _useActiveField2.ref,
     setFieldActive = _useActiveField2.setFieldActive;
-  var _useUtilityStore = useUtilityStore(function (store) {
+  var _useUtilityStore = useUtilityStore(useShallow(function (store) {
       return {
         isSaveAsTemplateEnabled: store["isSaveAsTemplateEnabled"]
       };
-    }, shallow),
+    })),
     isSaveAsTemplateEnabled = _useUtilityStore.isSaveAsTemplateEnabled;
   var hasFieldChanged = useHasFieldChanged(name);
   var _useFormikContext = useFormikContext(),
@@ -3093,15 +3093,15 @@ var ActionSubItem = /*#__PURE__*/memo(ActionSubItem$1);
 var ActionSubItemPanel = function ActionSubItemPanel() {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var _useUtilityStore = useUtilityStore(function (store) {
+  var _useUtilityStore = useUtilityStore(useShallow(function (store) {
       return {
         setPanelState: store["setPanelState"],
         resetPanelState: store["resetPanelState"]
       };
-    }, shallow),
+    })),
     setPanelState = _useUtilityStore.setPanelState,
     resetPanelState = _useUtilityStore.resetPanelState;
-  var _useUtilityStore2 = useUtilityStore(function (store) {
+  var _useUtilityStore2 = useUtilityStore(useShallow(function (store) {
       var _store$panelState, _store$panelState2, _store$panelState3, _store$panelState4, _store$panelState5, _store$panelState6, _store$panelState7;
       return {
         name: (_store$panelState = store["panelState"]) === null || _store$panelState === void 0 || (_store$panelState = _store$panelState["data"]) === null || _store$panelState === void 0 ? void 0 : _store$panelState["name"],
@@ -3112,7 +3112,7 @@ var ActionSubItemPanel = function ActionSubItemPanel() {
         errorMessage: (_store$panelState6 = store["panelState"]) === null || _store$panelState6 === void 0 || (_store$panelState6 = _store$panelState6["data"]) === null || _store$panelState6 === void 0 ? void 0 : _store$panelState6["errorMessage"],
         handleSlackChannelRefresh: (_store$panelState7 = store["panelState"]) === null || _store$panelState7 === void 0 || (_store$panelState7 = _store$panelState7["data"]) === null || _store$panelState7 === void 0 ? void 0 : _store$panelState7["handleSlackChannelRefresh"]
       };
-    }, shallow),
+    })),
     name = _useUtilityStore2.name,
     index = _useUtilityStore2.index,
     action = _useUtilityStore2.action,
@@ -4068,13 +4068,13 @@ var FieldPanel = function FieldPanel() {
   var _findBy;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var _useUtilityStore = useUtilityStore(function (store) {
+  var _useUtilityStore = useUtilityStore(useShallow(function (store) {
       return {
         setPanelState: store["setPanelState"]
       };
-    }, shallow),
+    })),
     setPanelState = _useUtilityStore.setPanelState;
-  var _useUtilityStore2 = useUtilityStore(function (store) {
+  var _useUtilityStore2 = useUtilityStore(useShallow(function (store) {
       var _store$panelState, _store$panelState2, _store$panelState3, _store$panelState4, _store$panelState5;
       return {
         index: (_store$panelState = store["panelState"]) === null || _store$panelState === void 0 || (_store$panelState = _store$panelState["data"]) === null || _store$panelState === void 0 ? void 0 : _store$panelState["index"],
@@ -4083,7 +4083,7 @@ var FieldPanel = function FieldPanel() {
         conditionOptions: (_store$panelState4 = store["panelState"]) === null || _store$panelState4 === void 0 || (_store$panelState4 = _store$panelState4["data"]) === null || _store$panelState4 === void 0 ? void 0 : _store$panelState4["conditionOptions"],
         isWithEvents: (_store$panelState5 = store["panelState"]) === null || _store$panelState5 === void 0 || (_store$panelState5 = _store$panelState5["data"]) === null || _store$panelState5 === void 0 ? void 0 : _store$panelState5["isWithEvents"]
       };
-    }, shallow),
+    })),
     index = _useUtilityStore2.index,
     name = _useUtilityStore2.name,
     handleFieldChange = _useUtilityStore2.handleFieldChange,
@@ -4271,15 +4271,15 @@ var VerbAndValuePanel = function VerbAndValuePanel() {
   var _findBy, _findBy2;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var _useUtilityStore = useUtilityStore(function (store) {
+  var _useUtilityStore = useUtilityStore(useShallow(function (store) {
       return {
         setPanelState: store["setPanelState"],
         resetPanelState: store["resetPanelState"]
       };
-    }, shallow),
+    })),
     setPanelState = _useUtilityStore.setPanelState,
     resetPanelState = _useUtilityStore.resetPanelState;
-  var _useUtilityStore2 = useUtilityStore(function (store) {
+  var _useUtilityStore2 = useUtilityStore(useShallow(function (store) {
       var _store$panelState, _store$panelState2, _store$panelState3, _store$panelState4, _store$panelState5, _store$panelState6, _store$panelState7, _store$panelState8, _store$panelState9;
       return {
         index: (_store$panelState = store["panelState"]) === null || _store$panelState === void 0 || (_store$panelState = _store$panelState["data"]) === null || _store$panelState === void 0 ? void 0 : _store$panelState["index"],
@@ -4292,7 +4292,7 @@ var VerbAndValuePanel = function VerbAndValuePanel() {
         verbOptions: (_store$panelState8 = store["panelState"]) === null || _store$panelState8 === void 0 || (_store$panelState8 = _store$panelState8["data"]) === null || _store$panelState8 === void 0 ? void 0 : _store$panelState8["verbOptions"],
         isWithEvents: (_store$panelState9 = store["panelState"]) === null || _store$panelState9 === void 0 || (_store$panelState9 = _store$panelState9["data"]) === null || _store$panelState9 === void 0 ? void 0 : _store$panelState9["isWithEvents"]
       };
-    }, shallow),
+    })),
     index = _useUtilityStore2.index,
     name = _useUtilityStore2.name,
     selectedField = _useUtilityStore2.selectedField,
@@ -4409,18 +4409,18 @@ function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t
 var DelayPanel = function DelayPanel() {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var _useUtilityStore = useUtilityStore(function (store) {
+  var _useUtilityStore = useUtilityStore(useShallow(function (store) {
       return {
         resetPanelState: store["resetPanelState"]
       };
-    }, shallow),
+    })),
     resetPanelState = _useUtilityStore.resetPanelState;
-  var _useUtilityStore2 = useUtilityStore(function (store) {
+  var _useUtilityStore2 = useUtilityStore(useShallow(function (store) {
       var _store$panelState;
       return {
         name: (_store$panelState = store["panelState"]) === null || _store$panelState === void 0 || (_store$panelState = _store$panelState["data"]) === null || _store$panelState === void 0 ? void 0 : _store$panelState["name"]
       };
-    }, shallow),
+    })),
     name = _useUtilityStore2.name;
   var _useFormikContext = useFormikContext(),
     setFieldTouched = _useFormikContext.setFieldTouched;
@@ -4503,6 +4503,8 @@ var getSearchedOptions = function getSearchedOptions(dropdownOptions, searchTerm
   });
 };
 
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = false, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = true, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), true), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
 function ownKeys$f(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$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var EventsPanel = function EventsPanel() {
@@ -4512,15 +4514,15 @@ var EventsPanel = function EventsPanel() {
     _useState2 = _slicedToArray(_useState, 2),
     searchTerm = _useState2[0],
     setSearchTerm = _useState2[1];
-  var _useUtilityStore = useUtilityStore(function (store) {
+  var _useUtilityStore = useUtilityStore(useShallow(function (store) {
       return {
         setPanelState: store["setPanelState"],
         resetPanelState: store["resetPanelState"]
       };
-    }, shallow),
+    })),
     setPanelState = _useUtilityStore.setPanelState,
     resetPanelState = _useUtilityStore.resetPanelState;
-  var _useUtilityStore2 = useUtilityStore(function (store) {
+  var _useUtilityStore2 = useUtilityStore(useShallow(function (store) {
       var _store$panelState, _store$panelState2, _store$panelState3, _store$panelState4, _store$panelState5, _store$panelState6, _store$panelState7;
       return {
         name: (_store$panelState = store["panelState"]) === null || _store$panelState === void 0 || (_store$panelState = _store$panelState["data"]) === null || _store$panelState === void 0 ? void 0 : _store$panelState["name"],
@@ -4531,7 +4533,7 @@ var EventsPanel = function EventsPanel() {
         singleSelect: (_store$panelState6 = store["panelState"]) === null || _store$panelState6 === void 0 || (_store$panelState6 = _store$panelState6["data"]) === null || _store$panelState6 === void 0 ? void 0 : _store$panelState6["singleSelect"],
         hidePerformer: (_store$panelState7 = store["panelState"]) === null || _store$panelState7 === void 0 || (_store$panelState7 = _store$panelState7["data"]) === null || _store$panelState7 === void 0 ? void 0 : _store$panelState7["hidePerformer"]
       };
-    }, shallow),
+    })),
     name = _useUtilityStore2.name,
     data = _useUtilityStore2.data,
     performerName = _useUtilityStore2.performerName,
@@ -4562,11 +4564,11 @@ var EventsPanel = function EventsPanel() {
   var searchedOptions = getSearchedOptions(dropdownOptions, searchTerm);
   var isSearchable = dropdownOptions.length > MAXIMUM_OPTION_LENGTH;
   var handleDefaultData = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
       var _values$name;
       var deletedEvents;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
           case 0:
             deletedEvents = ((_values$name = values[name]) === null || _values$name === void 0 ? void 0 : _values$name.deleted) || [];
             events.forEach(function (event) {
@@ -4578,23 +4580,22 @@ var EventsPanel = function EventsPanel() {
             });
             setFieldValue("".concat(name, ".deleted"), deletedEvents);
             if (!isMenuDisabled) {
-              _context.next = 7;
+              _context.n = 1;
               break;
             }
             setFieldValue("".concat(name, ".value"), []);
-            _context.next = 11;
+            _context.n = 3;
             break;
-          case 7:
-            _context.next = 9;
+          case 1:
+            _context.n = 2;
             return setFieldValue("".concat(name, ".value"), [{
               name: defaultData.name
             }]);
-          case 9:
-            _context.next = 11;
+          case 2:
+            _context.n = 3;
             return setFieldValue("".concat(performerName, ".value"), defaultData === null || defaultData === void 0 ? void 0 : defaultData.performer);
-          case 11:
-          case "end":
-            return _context.stop();
+          case 3:
+            return _context.a(2);
         }
       }, _callee);
     }));
@@ -4780,22 +4781,22 @@ var EventsPanel = function EventsPanel() {
 var PerformerPanel = function PerformerPanel() {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var _useUtilityStore = useUtilityStore(function (store) {
+  var _useUtilityStore = useUtilityStore(useShallow(function (store) {
       return {
         setPanelState: store["setPanelState"],
         resetPanelState: store["resetPanelState"]
       };
-    }, shallow),
+    })),
     setPanelState = _useUtilityStore.setPanelState,
     resetPanelState = _useUtilityStore.resetPanelState;
-  var _useUtilityStore2 = useUtilityStore(function (store) {
+  var _useUtilityStore2 = useUtilityStore(useShallow(function (store) {
       var _store$panelState, _store$panelState2, _store$panelState3;
       return {
         data: (_store$panelState = store["panelState"]) === null || _store$panelState === void 0 || (_store$panelState = _store$panelState["data"]) === null || _store$panelState === void 0 ? void 0 : _store$panelState["data"],
         performerName: (_store$panelState2 = store["panelState"]) === null || _store$panelState2 === void 0 || (_store$panelState2 = _store$panelState2["data"]) === null || _store$panelState2 === void 0 ? void 0 : _store$panelState2["performerName"],
         isMenuDisabled: (_store$panelState3 = store["panelState"]) === null || _store$panelState3 === void 0 || (_store$panelState3 = _store$panelState3["data"]) === null || _store$panelState3 === void 0 ? void 0 : _store$panelState3["isMenuDisabled"]
       };
-    }, shallow),
+    })),
     data = _useUtilityStore2.data,
     performerName = _useUtilityStore2.performerName,
     isMenuDisabled = _useUtilityStore2.isMenuDisabled;
@@ -5314,20 +5315,20 @@ var ActionItem$1 = function ActionItem(_ref) {
   var _useActiveField = useActiveField(name),
     isFieldActive = _useActiveField.isFieldActive,
     setFieldActive = _useActiveField.setFieldActive;
-  var _useUtilityStore = useUtilityStore(function (store) {
+  var _useUtilityStore = useUtilityStore(useShallow(function (store) {
       return {
         setPanelState: store["setPanelState"],
         setErrorFields: store["setErrorFields"]
       };
-    }, shallow),
+    })),
     setPanelState = _useUtilityStore.setPanelState,
     setErrorFields = _useUtilityStore.setErrorFields;
-  var _useUtilityStore2 = useUtilityStore(function (store) {
+  var _useUtilityStore2 = useUtilityStore(useShallow(function (store) {
       var _store$panelState;
       return {
         index: (_store$panelState = store["panelState"]) === null || _store$panelState === void 0 || (_store$panelState = _store$panelState["data"]) === null || _store$panelState === void 0 ? void 0 : _store$panelState["index"]
       };
-    }, shallow),
+    })),
     panelIndex = _useUtilityStore2.index;
   var ActionChildren = action.children;
   var defaultLabel = t("neetoRules.form.doThis");
@@ -5511,12 +5512,12 @@ var Actions = function Actions(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     shouldOpenPanel = _useState2[0],
     setShouldOpenPanel = _useState2[1];
-  var _useUtilityStore = useUtilityStore(function (store) {
+  var _useUtilityStore = useUtilityStore(useShallow(function (store) {
       return {
         resetPanelState: store["resetPanelState"],
         setIsSaveAsTemplateEnabled: store["setIsSaveAsTemplateEnabled"]
       };
-    }, shallow),
+    })),
     resetPanelState = _useUtilityStore.resetPanelState,
     setIsSaveAsTemplateEnabled = _useUtilityStore.setIsSaveAsTemplateEnabled;
   var elementProps = data[name] || {};
@@ -5660,18 +5661,18 @@ var ConditionItem = function ConditionItem(_ref) {
   var _useFormikContext = useFormikContext(),
     setFieldValue = _useFormikContext.setFieldValue,
     setFieldTouched = _useFormikContext.setFieldTouched;
-  var _useUtilityStore = useUtilityStore(function (store) {
+  var _useUtilityStore = useUtilityStore(useShallow(function (store) {
       return {
         setPanelState: store["setPanelState"]
       };
-    }, shallow),
+    })),
     setPanelState = _useUtilityStore.setPanelState;
-  var _useUtilityStore2 = useUtilityStore(function (store) {
+  var _useUtilityStore2 = useUtilityStore(useShallow(function (store) {
       var _store$panelState;
       return {
         index: (_store$panelState = store["panelState"]) === null || _store$panelState === void 0 || (_store$panelState = _store$panelState["data"]) === null || _store$panelState === void 0 ? void 0 : _store$panelState["index"]
       };
-    }, shallow),
+    })),
     panelIndex = _useUtilityStore2.index;
   var conditionOptions = elementProps.conditionOptions;
   var selectedField = getFieldDetails(condition.field, conditionOptions);
@@ -5816,11 +5817,11 @@ var Conditions = function Conditions(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     shouldOpenPanel = _useState2[0],
     setShouldOpenPanel = _useState2[1];
-  var _useUtilityStore = useUtilityStore(function (store) {
+  var _useUtilityStore = useUtilityStore(useShallow(function (store) {
       return {
         resetPanelState: store["resetPanelState"]
       };
-    }, shallow),
+    })),
     resetPanelState = _useUtilityStore.resetPanelState;
   var elementProps = data[name] || {};
   var conditions = ((_field$value = field.value) === null || _field$value === void 0 ? void 0 : _field$value.value) || [];
@@ -5936,12 +5937,12 @@ var AddDelay = function AddDelay(_ref) {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var addDelayButtonRef = useRef(null);
-  var _useUtilityStore = useUtilityStore(function (store) {
+  var _useUtilityStore = useUtilityStore(useShallow(function (store) {
       return {
         setPanelState: store["setPanelState"],
         resetPanelState: store["resetPanelState"]
       };
-    }, shallow),
+    })),
     setPanelState = _useUtilityStore.setPanelState,
     resetPanelState = _useUtilityStore.resetPanelState;
   var _ref2 = data[name] || {},
@@ -6052,11 +6053,11 @@ var Performer = function Performer(_ref) {
   var _useFormikContext = useFormikContext(),
     values = _useFormikContext.values,
     errors = _useFormikContext.errors;
-  var _useUtilityStore = useUtilityStore(function (store) {
+  var _useUtilityStore = useUtilityStore(useShallow(function (store) {
       return {
         setPanelState: store["setPanelState"]
       };
-    }, shallow),
+    })),
     setPanelState = _useUtilityStore.setPanelState;
   var elementProps = data[performerName] || {};
   var performer = values[performerName].value;
@@ -6122,11 +6123,11 @@ var Events = function Events(_ref) {
   var _useFormikContext = useFormikContext(),
     values = _useFormikContext.values,
     errors = _useFormikContext.errors;
-  var _useUtilityStore = useUtilityStore(function (store) {
+  var _useUtilityStore = useUtilityStore(useShallow(function (store) {
       return {
         setPanelState: store["setPanelState"]
       };
-    }, shallow),
+    })),
     setPanelState = _useUtilityStore.setPanelState;
   var elementProps = data[name] || {};
   var events = values[name].value || [];
@@ -6707,18 +6708,18 @@ var Form = function Form(_ref) {
     t = _useTranslation.t;
   var formikRef = useRef(null);
   var formRef = useRef(null);
-  var _useCustomDataStore = useCustomDataStore(function (store) {
+  var _useCustomDataStore = useCustomDataStore(useShallow(function (store) {
       return {
         customData: store["customData"]
       };
-    }, shallow),
+    })),
     customData = _useCustomDataStore.customData;
-  var _useUtilityStore = useUtilityStore(function (store) {
+  var _useUtilityStore = useUtilityStore(useShallow(function (store) {
       return {
         resetPanelState: store["resetPanelState"],
         errorFields: store["errorFields"]
       };
-    }, shallow),
+    })),
     resetPanelState = _useUtilityStore.resetPanelState,
     errorFields = _useUtilityStore.errorFields;
   var initialValues = useMemo(function () {