@bigbinary/neeto-rules-frontend 2.5.60 → 2.5.62

package/dist/cjs/NeetoRulesForm.js

@@ -2,7 +2,7 @@
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectDestructuringEmpty = require('@babel/runtime/helpers/objectDestructuringEmpty');
-var useDebouncedUpdate = require('../useDebouncedUpdate-6Ibug5MF.js');
+var useDebouncedUpdate = require('../useDebouncedUpdate-DDFcag0p.js');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var shallow = require('zustand/shallow');
@@ -22,7 +22,7 @@ var yup = require('yup');
 var Search = require('@bigbinary/neeto-icons/Search');
 var Input$1 = require('@bigbinary/neetoui/Input');
 var Radio = require('@bigbinary/neetoui/formik/Radio');
-var useActiveField = require('../useActiveField-D2fv_EeJ.js');
+var useActiveField = require('../useActiveField-CPw24qyf.js');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var managers = require('@bigbinary/neetoui/managers');
 var jsxRuntime = require('react/jsx-runtime');
@@ -59,7 +59,6 @@ var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
 var Radio$1 = require('@bigbinary/neetoui/Radio');
 var TimePicker = require('@bigbinary/neetoui/TimePicker');
 var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
-var _regeneratorRuntime = require('@babel/runtime/regenerator');
 var utils$2 = require('@bigbinary/neeto-editor/utils');
 var Eye = require('@bigbinary/neeto-icons/Eye');
 var Down = require('@bigbinary/neeto-icons/Down');
@@ -119,11 +118,11 @@ var Footer = function Footer(_ref) {
 var Header = function Header(_ref) {
   var children = _ref.children,
     className = _ref.className;
-  var _useUtilityStore = useUtilityStore.useUtilityStore(function (store) {
+  var _useUtilityStore = useUtilityStore.useUtilityStore(shallow.useShallow(function (store) {
       return {
         resetPanelState: store["resetPanelState"]
       };
-    }, shallow.shallow),
+    })),
     resetPanelState = _useUtilityStore.resetPanelState;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
@@ -152,12 +151,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.useUtilityStore(function (store) {
+  var _useUtilityStore = useUtilityStore.useUtilityStore(shallow.useShallow(function (store) {
       return {
         panelState: store["panelState"],
         resetPanelState: store["resetPanelState"]
       };
-    }, shallow.shallow),
+    })),
     panelState = _useUtilityStore.panelState,
     resetPanelState = _useUtilityStore.resetPanelState;
   var config = {
@@ -352,15 +351,15 @@ var ActionPanel = function ActionPanel() {
     _useState2 = _slicedToArray(_useState, 2),
     searchTerm = _useState2[0],
     setSearchTerm = _useState2[1];
-  var _useUtilityStore = useUtilityStore.useUtilityStore(function (store) {
+  var _useUtilityStore = useUtilityStore.useUtilityStore(shallow.useShallow(function (store) {
       return {
         setPanelState: store["setPanelState"],
         resetPanelState: store["resetPanelState"]
       };
-    }, shallow.shallow),
+    })),
     setPanelState = _useUtilityStore.setPanelState,
     resetPanelState = _useUtilityStore.resetPanelState;
-  var _useUtilityStore2 = useUtilityStore.useUtilityStore(function (store) {
+  var _useUtilityStore2 = useUtilityStore.useUtilityStore(shallow.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"],
@@ -371,7 +370,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.shallow),
+    })),
     index = _useUtilityStore2.index,
     name = _useUtilityStore2.name,
     actionOptions = _useUtilityStore2.actionOptions,
@@ -1058,11 +1057,11 @@ var ApiFields = function ApiFields(_ref2) {
     }),
     ref = _useActiveField2.ref,
     setFieldActive = _useActiveField2.setFieldActive;
-  var _useUtilityStore = useUtilityStore.useUtilityStore(function (store) {
+  var _useUtilityStore = useUtilityStore.useUtilityStore(shallow.useShallow(function (store) {
       return {
         isSaveAsTemplateEnabled: store["isSaveAsTemplateEnabled"]
       };
-    }, shallow.shallow),
+    })),
     isSaveAsTemplateEnabled = _useUtilityStore.isSaveAsTemplateEnabled;
   var hasFieldChanged = useHasFieldChanged(name);
   var templates = (selectedField === null || selectedField === void 0 ? void 0 : selectedField.templates) || [];
@@ -1539,11 +1538,11 @@ var EmailFields = function EmailFields(_ref2) {
     }),
     initialFocusRef = _useActiveField2.ref,
     setFieldActive = _useActiveField2.setFieldActive;
-  var _useUtilityStore = useUtilityStore.useUtilityStore(function (store) {
+  var _useUtilityStore = useUtilityStore.useUtilityStore(shallow.useShallow(function (store) {
       return {
         isSaveAsTemplateEnabled: store["isSaveAsTemplateEnabled"]
       };
-    }, shallow.shallow),
+    })),
     isSaveAsTemplateEnabled = _useUtilityStore.isSaveAsTemplateEnabled;
   var hasFieldChanged = useHasFieldChanged(name);
   var templates = selectedField === null || selectedField === void 0 ? void 0 : selectedField.templates;
@@ -2373,6 +2372,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 = {
@@ -2405,7 +2405,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__*/jsxRuntime.jsxs(reactSelect.components.ValueContainer, _objectSpread$m(_objectSpread$m({}, props), {}, {
     innerProps: _objectSpread$m(_objectSpread$m({}, props.innerProps), {}, _defineProperty({}, "data-testid", "multi-phone-number-input-container")),
@@ -2670,11 +2670,11 @@ var SmsFields = function SmsFields(_ref2) {
     }),
     initialFocusRef = _useActiveField2.ref,
     setFieldActive = _useActiveField2.setFieldActive;
-  var _useUtilityStore = useUtilityStore.useUtilityStore(function (store) {
+  var _useUtilityStore = useUtilityStore.useUtilityStore(shallow.useShallow(function (store) {
       return {
         isSaveAsTemplateEnabled: store["isSaveAsTemplateEnabled"]
       };
-    }, shallow.shallow),
+    })),
     isSaveAsTemplateEnabled = _useUtilityStore.isSaveAsTemplateEnabled;
   var hasFieldChanged = useHasFieldChanged(name);
   var _useFormikContext = formik.useFormikContext(),
@@ -3114,15 +3114,15 @@ var ActionSubItem$1 = /*#__PURE__*/react.memo(ActionSubItem);
 var ActionSubItemPanel = function ActionSubItemPanel() {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var _useUtilityStore = useUtilityStore.useUtilityStore(function (store) {
+  var _useUtilityStore = useUtilityStore.useUtilityStore(shallow.useShallow(function (store) {
       return {
         setPanelState: store["setPanelState"],
         resetPanelState: store["resetPanelState"]
       };
-    }, shallow.shallow),
+    })),
     setPanelState = _useUtilityStore.setPanelState,
     resetPanelState = _useUtilityStore.resetPanelState;
-  var _useUtilityStore2 = useUtilityStore.useUtilityStore(function (store) {
+  var _useUtilityStore2 = useUtilityStore.useUtilityStore(shallow.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"],
@@ -3133,7 +3133,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.shallow),
+    })),
     name = _useUtilityStore2.name,
     index = _useUtilityStore2.index,
     action = _useUtilityStore2.action,
@@ -4089,13 +4089,13 @@ var FieldPanel = function FieldPanel() {
   var _findBy;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var _useUtilityStore = useUtilityStore.useUtilityStore(function (store) {
+  var _useUtilityStore = useUtilityStore.useUtilityStore(shallow.useShallow(function (store) {
       return {
         setPanelState: store["setPanelState"]
       };
-    }, shallow.shallow),
+    })),
     setPanelState = _useUtilityStore.setPanelState;
-  var _useUtilityStore2 = useUtilityStore.useUtilityStore(function (store) {
+  var _useUtilityStore2 = useUtilityStore.useUtilityStore(shallow.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"],
@@ -4104,7 +4104,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.shallow),
+    })),
     index = _useUtilityStore2.index,
     name = _useUtilityStore2.name,
     handleFieldChange = _useUtilityStore2.handleFieldChange,
@@ -4292,15 +4292,15 @@ var VerbAndValuePanel = function VerbAndValuePanel() {
   var _findBy, _findBy2;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var _useUtilityStore = useUtilityStore.useUtilityStore(function (store) {
+  var _useUtilityStore = useUtilityStore.useUtilityStore(shallow.useShallow(function (store) {
       return {
         setPanelState: store["setPanelState"],
         resetPanelState: store["resetPanelState"]
       };
-    }, shallow.shallow),
+    })),
     setPanelState = _useUtilityStore.setPanelState,
     resetPanelState = _useUtilityStore.resetPanelState;
-  var _useUtilityStore2 = useUtilityStore.useUtilityStore(function (store) {
+  var _useUtilityStore2 = useUtilityStore.useUtilityStore(shallow.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"],
@@ -4313,7 +4313,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.shallow),
+    })),
     index = _useUtilityStore2.index,
     name = _useUtilityStore2.name,
     selectedField = _useUtilityStore2.selectedField,
@@ -4430,18 +4430,18 @@ function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t
 var DelayPanel = function DelayPanel() {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var _useUtilityStore = useUtilityStore.useUtilityStore(function (store) {
+  var _useUtilityStore = useUtilityStore.useUtilityStore(shallow.useShallow(function (store) {
       return {
         resetPanelState: store["resetPanelState"]
       };
-    }, shallow.shallow),
+    })),
     resetPanelState = _useUtilityStore.resetPanelState;
-  var _useUtilityStore2 = useUtilityStore.useUtilityStore(function (store) {
+  var _useUtilityStore2 = useUtilityStore.useUtilityStore(shallow.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.shallow),
+    })),
     name = _useUtilityStore2.name;
   var _useFormikContext = formik.useFormikContext(),
     setFieldTouched = _useFormikContext.setFieldTouched;
@@ -4524,6 +4524,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() {
@@ -4533,15 +4535,15 @@ var EventsPanel = function EventsPanel() {
     _useState2 = _slicedToArray(_useState, 2),
     searchTerm = _useState2[0],
     setSearchTerm = _useState2[1];
-  var _useUtilityStore = useUtilityStore.useUtilityStore(function (store) {
+  var _useUtilityStore = useUtilityStore.useUtilityStore(shallow.useShallow(function (store) {
       return {
         setPanelState: store["setPanelState"],
         resetPanelState: store["resetPanelState"]
       };
-    }, shallow.shallow),
+    })),
     setPanelState = _useUtilityStore.setPanelState,
     resetPanelState = _useUtilityStore.resetPanelState;
-  var _useUtilityStore2 = useUtilityStore.useUtilityStore(function (store) {
+  var _useUtilityStore2 = useUtilityStore.useUtilityStore(shallow.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"],
@@ -4552,7 +4554,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.shallow),
+    })),
     name = _useUtilityStore2.name,
     data = _useUtilityStore2.data,
     performerName = _useUtilityStore2.performerName,
@@ -4583,11 +4585,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) {
@@ -4599,23 +4601,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);
     }));
@@ -4801,22 +4802,22 @@ var EventsPanel = function EventsPanel() {
 var PerformerPanel = function PerformerPanel() {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var _useUtilityStore = useUtilityStore.useUtilityStore(function (store) {
+  var _useUtilityStore = useUtilityStore.useUtilityStore(shallow.useShallow(function (store) {
       return {
         setPanelState: store["setPanelState"],
         resetPanelState: store["resetPanelState"]
       };
-    }, shallow.shallow),
+    })),
     setPanelState = _useUtilityStore.setPanelState,
     resetPanelState = _useUtilityStore.resetPanelState;
-  var _useUtilityStore2 = useUtilityStore.useUtilityStore(function (store) {
+  var _useUtilityStore2 = useUtilityStore.useUtilityStore(shallow.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.shallow),
+    })),
     data = _useUtilityStore2.data,
     performerName = _useUtilityStore2.performerName,
     isMenuDisabled = _useUtilityStore2.isMenuDisabled;
@@ -5335,20 +5336,20 @@ var ActionItem = function ActionItem(_ref) {
   var _useActiveField = useActiveField.useActiveField(name),
     isFieldActive = _useActiveField.isFieldActive,
     setFieldActive = _useActiveField.setFieldActive;
-  var _useUtilityStore = useUtilityStore.useUtilityStore(function (store) {
+  var _useUtilityStore = useUtilityStore.useUtilityStore(shallow.useShallow(function (store) {
       return {
         setPanelState: store["setPanelState"],
         setErrorFields: store["setErrorFields"]
       };
-    }, shallow.shallow),
+    })),
     setPanelState = _useUtilityStore.setPanelState,
     setErrorFields = _useUtilityStore.setErrorFields;
-  var _useUtilityStore2 = useUtilityStore.useUtilityStore(function (store) {
+  var _useUtilityStore2 = useUtilityStore.useUtilityStore(shallow.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.shallow),
+    })),
     panelIndex = _useUtilityStore2.index;
   var ActionChildren = action.children;
   var defaultLabel = t("neetoRules.form.doThis");
@@ -5532,12 +5533,12 @@ var Actions = function Actions(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     shouldOpenPanel = _useState2[0],
     setShouldOpenPanel = _useState2[1];
-  var _useUtilityStore = useUtilityStore.useUtilityStore(function (store) {
+  var _useUtilityStore = useUtilityStore.useUtilityStore(shallow.useShallow(function (store) {
       return {
         resetPanelState: store["resetPanelState"],
         setIsSaveAsTemplateEnabled: store["setIsSaveAsTemplateEnabled"]
       };
-    }, shallow.shallow),
+    })),
     resetPanelState = _useUtilityStore.resetPanelState,
     setIsSaveAsTemplateEnabled = _useUtilityStore.setIsSaveAsTemplateEnabled;
   var elementProps = data[name] || {};
@@ -5681,18 +5682,18 @@ var ConditionItem = function ConditionItem(_ref) {
   var _useFormikContext = formik.useFormikContext(),
     setFieldValue = _useFormikContext.setFieldValue,
     setFieldTouched = _useFormikContext.setFieldTouched;
-  var _useUtilityStore = useUtilityStore.useUtilityStore(function (store) {
+  var _useUtilityStore = useUtilityStore.useUtilityStore(shallow.useShallow(function (store) {
       return {
         setPanelState: store["setPanelState"]
       };
-    }, shallow.shallow),
+    })),
     setPanelState = _useUtilityStore.setPanelState;
-  var _useUtilityStore2 = useUtilityStore.useUtilityStore(function (store) {
+  var _useUtilityStore2 = useUtilityStore.useUtilityStore(shallow.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.shallow),
+    })),
     panelIndex = _useUtilityStore2.index;
   var conditionOptions = elementProps.conditionOptions;
   var selectedField = getFieldDetails(condition.field, conditionOptions);
@@ -5837,11 +5838,11 @@ var Conditions = function Conditions(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     shouldOpenPanel = _useState2[0],
     setShouldOpenPanel = _useState2[1];
-  var _useUtilityStore = useUtilityStore.useUtilityStore(function (store) {
+  var _useUtilityStore = useUtilityStore.useUtilityStore(shallow.useShallow(function (store) {
       return {
         resetPanelState: store["resetPanelState"]
       };
-    }, shallow.shallow),
+    })),
     resetPanelState = _useUtilityStore.resetPanelState;
   var elementProps = data[name] || {};
   var conditions = ((_field$value = field.value) === null || _field$value === void 0 ? void 0 : _field$value.value) || [];
@@ -5957,12 +5958,12 @@ var AddDelay = function AddDelay(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var addDelayButtonRef = react.useRef(null);
-  var _useUtilityStore = useUtilityStore.useUtilityStore(function (store) {
+  var _useUtilityStore = useUtilityStore.useUtilityStore(shallow.useShallow(function (store) {
       return {
         setPanelState: store["setPanelState"],
         resetPanelState: store["resetPanelState"]
       };
-    }, shallow.shallow),
+    })),
     setPanelState = _useUtilityStore.setPanelState,
     resetPanelState = _useUtilityStore.resetPanelState;
   var _ref2 = data[name] || {},
@@ -6073,11 +6074,11 @@ var Performer = function Performer(_ref) {
   var _useFormikContext = formik.useFormikContext(),
     values = _useFormikContext.values,
     errors = _useFormikContext.errors;
-  var _useUtilityStore = useUtilityStore.useUtilityStore(function (store) {
+  var _useUtilityStore = useUtilityStore.useUtilityStore(shallow.useShallow(function (store) {
       return {
         setPanelState: store["setPanelState"]
       };
-    }, shallow.shallow),
+    })),
     setPanelState = _useUtilityStore.setPanelState;
   var elementProps = data[performerName] || {};
   var performer = values[performerName].value;
@@ -6143,11 +6144,11 @@ var Events = function Events(_ref) {
   var _useFormikContext = formik.useFormikContext(),
     values = _useFormikContext.values,
     errors = _useFormikContext.errors;
-  var _useUtilityStore = useUtilityStore.useUtilityStore(function (store) {
+  var _useUtilityStore = useUtilityStore.useUtilityStore(shallow.useShallow(function (store) {
       return {
         setPanelState: store["setPanelState"]
       };
-    }, shallow.shallow),
+    })),
     setPanelState = _useUtilityStore.setPanelState;
   var elementProps = data[name] || {};
   var events = values[name].value || [];
@@ -6728,18 +6729,18 @@ var Form = function Form(_ref) {
     t = _useTranslation.t;
   var formikRef = react.useRef(null);
   var formRef = react.useRef(null);
-  var _useCustomDataStore = useActiveField.useCustomDataStore(function (store) {
+  var _useCustomDataStore = useActiveField.useCustomDataStore(shallow.useShallow(function (store) {
       return {
         customData: store["customData"]
       };
-    }, shallow.shallow),
+    })),
     customData = _useCustomDataStore.customData;
-  var _useUtilityStore = useUtilityStore.useUtilityStore(function (store) {
+  var _useUtilityStore = useUtilityStore.useUtilityStore(shallow.useShallow(function (store) {
       return {
         resetPanelState: store["resetPanelState"],
         errorFields: store["errorFields"]
       };
-    }, shallow.shallow),
+    })),
     resetPanelState = _useUtilityStore.resetPanelState,
     errorFields = _useUtilityStore.errorFields;
   var initialValues = react.useMemo(function () {