@bigbinary/neeto-rules-frontend 2.2.0 → 2.3.1

package/dist/cjs/NeetoRulesForm.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var slicedToArray = require('../slicedToArray-cc928132.js');
-var toConsumableArray = require('../toConsumableArray-9f1f441a.js');
+var utils = require('../utils-ca50bfc9.js');
+var toConsumableArray = require('../toConsumableArray-71e2b184.js');
 var React = require('react');
 var formik = require('formik');
 var neetoCist = require('@bigbinary/neeto-cist');
@@ -11,7 +11,7 @@ var Refresh = require('@bigbinary/neeto-icons/Refresh');
 var Button = require('@bigbinary/neetoui/Button');
 var reactI18next = require('react-i18next');
 var classNames = require('classnames');
-var utils = require('@bigbinary/neeto-commons-frontend/utils');
+var utils$1 = require('@bigbinary/neeto-commons-frontend/utils');
 var Check = require('@bigbinary/neeto-icons/Check');
 var Search = require('@bigbinary/neeto-icons/Search');
 var Typography = require('@bigbinary/neetoui/Typography');
@@ -25,7 +25,6 @@ var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var Label = require('@bigbinary/neetoui/Label');
 var Select = require('@bigbinary/neetoui/Select');
-var dayjs = require('dayjs');
 var DatePicker = require('@bigbinary/neetoui/DatePicker');
 var i18next = require('i18next');
 var FormikEditor = require('@bigbinary/neeto-editor/FormikEditor');
@@ -39,7 +38,7 @@ var PhoneNumber = require('@bigbinary/neeto-molecules/PhoneNumber');
 var Tag = require('@bigbinary/neetoui/Tag');
 var reactSelect = require('react-select');
 var yup = require('yup');
-var utils$1 = require('@bigbinary/neeto-editor/utils');
+var utils$2 = require('@bigbinary/neeto-editor/utils');
 var constants = require('../constants-67118957.js');
 var Eye = require('@bigbinary/neeto-icons/Eye');
 var Tooltip = require('@bigbinary/neetoui/Tooltip');
@@ -86,7 +85,6 @@ var Textarea__default = /*#__PURE__*/_interopDefaultLegacy(Textarea);
 var ActionBlock__default = /*#__PURE__*/_interopDefaultLegacy(ActionBlock);
 var Label__default = /*#__PURE__*/_interopDefaultLegacy(Label);
 var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
-var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
 var DatePicker__default = /*#__PURE__*/_interopDefaultLegacy(DatePicker);
 var FormikEditor__default = /*#__PURE__*/_interopDefaultLegacy(FormikEditor);
 var MultiEmailInput__default = /*#__PURE__*/_interopDefaultLegacy(MultiEmailInput);
@@ -119,7 +117,7 @@ var OptionsWrapper = function OptionsWrapper(_ref) {
     maxHeight = _ref$maxHeight === void 0 ? "max-h-44" : _ref$maxHeight,
     children = _ref.children;
   return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: classNames__default["default"](slicedToArray._defineProperty({}, "".concat(maxHeight, " overflow-y-auto"), hasScroll)),
+    className: classNames__default["default"](utils._defineProperty({}, "".concat(maxHeight, " overflow-y-auto"), hasScroll)),
     children: children
   });
 };
@@ -152,7 +150,7 @@ var useOnButtonPressed = function useOnButtonPressed(ref, handler) {
 var DEFAULT_LONG_TEXT_ROWS = 8;
 
 function ownKeys$k(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$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { slicedToArray._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { utils._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PaneFooterBlock = function PaneFooterBlock(_ref) {
   var setShowPane = _ref.setShowPane,
     _ref$submitButtonProp = _ref.submitButtonProps,
@@ -189,7 +187,7 @@ var LongTextField = function LongTextField(_ref) {
     errors = _useFormikContext.errors,
     touched = _useFormikContext.touched;
   var _useState = React.useState(false),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = utils._slicedToArray(_useState, 2),
     showPane = _useState2[0],
     setShowPane = _useState2[1];
   var initialFocusRef = React.useRef(null);
@@ -254,14 +252,14 @@ var LongTextField = function LongTextField(_ref) {
 
 var _excluded$c = ["initialFocusRef", "name", "label"];
 function ownKeys$j(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$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), !0).forEach(function (r) { slicedToArray._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), !0).forEach(function (r) { utils._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var InputField$2 = function InputField(_ref) {
   var initialFocusRef = _ref.initialFocusRef,
     name = _ref.name,
     label = _ref.label,
     otherProps = toConsumableArray._objectWithoutProperties(_ref, _excluded$c);
   var _useField = formik.useField(name),
-    _useField2 = slicedToArray._slicedToArray(_useField, 2),
+    _useField2 = utils._slicedToArray(_useField, 2),
     field = _useField2[0],
     meta = _useField2[1];
   return /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], _objectSpread$j(_objectSpread$j({
@@ -364,7 +362,7 @@ var SelectTemplateField = function SelectTemplateField(_ref) {
     onChange = _ref.onChange,
     initialFocusRef = _ref.initialFocusRef;
   var _useStateWithDependen = reactUtils.useStateWithDependency(null, [selectedField]),
-    _useStateWithDependen2 = slicedToArray._slicedToArray(_useStateWithDependen, 2),
+    _useStateWithDependen2 = utils._slicedToArray(_useStateWithDependen, 2),
     selectedTemplate = _useStateWithDependen2[0],
     setSelectedTemplate = _useStateWithDependen2[1];
   var _useTranslation = reactI18next.useTranslation(),
@@ -403,7 +401,7 @@ var ApiFields = function ApiFields(_ref) {
     touched = _useFormikContext.touched,
     setFieldValue = _useFormikContext.setFieldValue;
   var _useState = React.useState(false),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = utils._slicedToArray(_useState, 2),
     showPane = _useState2[0],
     setShowPane = _useState2[1];
   var initialFocusRef = React.useRef(null);
@@ -499,7 +497,7 @@ var CustomAction = function CustomAction(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useState = React.useState(false),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = utils._slicedToArray(_useState, 2),
     showPane = _useState2[0],
     setShowPane = _useState2[1];
   var initialFocusRef = React.useRef(null);
@@ -567,7 +565,7 @@ var DateField$1 = function DateField(_ref) {
     touched = _useFormikContext.touched,
     setTouched = _useFormikContext.setTouched;
   var _useState = React.useState(false),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = utils._slicedToArray(_useState, 2),
     showInput = _useState2[0],
     setShowInput = _useState2[1];
   var _useTranslation = reactI18next.useTranslation(),
@@ -593,7 +591,7 @@ var DateField$1 = function DateField(_ref) {
           return setFieldValue("".concat(name, ".value"),
           // This is the format being stored in database as of now, standard doesn't include this format
           // eslint-disable-next-line @bigbinary/neeto/use-standard-date-time-formats
-          date ? dayjs__default["default"](date).format("YYYY-MM-DD") : "");
+          date ? utils$1.dayjs(date).format("YYYY-MM-DD") : "");
         }
       }), /*#__PURE__*/jsxRuntime.jsx(Check__default["default"], {
         className: "cursor-pointer",
@@ -742,7 +740,7 @@ var getSlackChannelErrors = function getSlackChannelErrors(_ref2) {
 var Menu$9 = Dropdown__default["default"].Menu,
   MenuItem$9 = Dropdown__default["default"].MenuItem;
 var DropdownField$1 = function DropdownField(_ref) {
-  var _actions$value$index$, _actions$value$index, _errors$actions, _touched$actions, _selectedField$separa, _defaultSelectedOptio;
+  var _actions$value$index$, _actions$value$index, _errors$actions, _touched$actions, _defaultSelectedOptio;
   var dropdownOptions = _ref.dropdownOptions,
     name = _ref.name,
     index = _ref.index,
@@ -759,21 +757,24 @@ var DropdownField$1 = function DropdownField(_ref) {
   var _useState = React.useState({
       label: defaultLabel
     }),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = utils._slicedToArray(_useState, 2),
     defaultSelectedOption = _useState2[0],
     setDefaultSelectedOption = _useState2[1];
   var _useState3 = React.useState(false),
-    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+    _useState4 = utils._slicedToArray(_useState3, 2),
     isActive = _useState4[0],
     setIsActive = _useState4[1];
   var _useState5 = React.useState(""),
-    _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+    _useState6 = utils._slicedToArray(_useState5, 2),
     searchTerm = _useState6[0],
     setSearchTerm = _useState6[1];
   var defaultValue = ((_actions$value$index$ = actions.value[index].metadata) === null || _actions$value$index$ === void 0 ? void 0 : _actions$value$index$.value) || ((_actions$value$index = actions.value[index]) === null || _actions$value$index === void 0 ? void 0 : _actions$value$index.value);
   var searchedOptions = getSearchedOptions$3(dropdownOptions, searchTerm);
   var isValueSelected = defaultSelectedOption.label === defaultLabel && errors.actions && ramda.isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 || (_errors$actions = _errors$actions.value) === null || _errors$actions === void 0 ? void 0 : _errors$actions[index]) && ramda.isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 || (_touched$actions = _touched$actions.value) === null || _touched$actions === void 0 ? void 0 : _touched$actions[index]);
-  var separator = (selectedField === null || selectedField === void 0 || (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t("neetoRules.common.to");
+  var separator = utils.getSeparator({
+    defaultSeparator: t("neetoRules.common.to"),
+    selectedField: selectedField
+  });
   var handleClose = function handleClose() {
     setIsActive(false);
     setSearchTerm("");
@@ -849,7 +850,7 @@ var DropdownField$1 = function DropdownField(_ref) {
           hasScroll: dropdownOptions.length > MAXIMUM_OPTION_LENGTH$2,
           children: searchedOptions.map(function (option, idx) {
             return /*#__PURE__*/jsxRuntime.jsx(MenuItem$9.Button, {
-              "data-cy": "".concat(utils.joinHyphenCase(option.label), "-menu-item"),
+              "data-cy": "".concat(utils$1.joinHyphenCase(option.label), "-menu-item"),
               className: classNames__default["default"]({
                 "neeto-ui-bg-gray-100": defaultSelectedOption.value === option.value
               }),
@@ -873,7 +874,7 @@ var DropdownField$1 = function DropdownField(_ref) {
 
 var _excluded$b = ["autoFocus", "name", "value", "label", "variables", "addons", "editorRef", "defaults"];
 function ownKeys$i(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$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { slicedToArray._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { utils._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var EditorAction = function EditorAction(_ref) {
   var autoFocus = _ref.autoFocus,
     name = _ref.name,
@@ -891,7 +892,7 @@ var EditorAction = function EditorAction(_ref) {
   var _useFormikContext = formik.useFormikContext(),
     setFieldValue = _useFormikContext.setFieldValue;
   var _useState = React.useState(value),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = utils._slicedToArray(_useState, 2),
     editorData = _useState2[0],
     setEditorData = _useState2[1];
   var debouncedValue = reactUtils.useDebounce(editorData, 200);
@@ -942,12 +943,14 @@ var EmailIdFields = function EmailIdFields(_ref) {
 };
 
 var EmailFields = function EmailFields(_ref) {
-  var _errors$actions, _touched$actions, _selectedField$separa, _action$metadata;
+  var _errors$actions, _touched$actions, _action$metadata;
   var _ref$isEmailIdField = _ref.isEmailIdField,
     isEmailIdField = _ref$isEmailIdField === void 0 ? false : _ref$isEmailIdField,
     name = _ref.name,
     action = _ref.action,
     selectedField = _ref.selectedField,
+    _ref$separatorIndex = _ref.separatorIndex,
+    separatorIndex = _ref$separatorIndex === void 0 ? 0 : _ref$separatorIndex,
     _ref$emails = _ref.emails,
     emails = _ref$emails === void 0 ? [] : _ref$emails,
     index = _ref.index;
@@ -956,7 +959,7 @@ var EmailFields = function EmailFields(_ref) {
     touched = _useFormikContext.touched,
     setFieldValue = _useFormikContext.setFieldValue;
   var _useState = React.useState(false),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = utils._slicedToArray(_useState, 2),
     showPane = _useState2[0],
     setShowPane = _useState2[1];
   var initialFocusRef = React.useRef(null);
@@ -967,7 +970,11 @@ var EmailFields = function EmailFields(_ref) {
     return setShowPane(false);
   });
   var isValid = errors.actions && ramda.isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 || (_errors$actions = _errors$actions.value) === null || _errors$actions === void 0 ? void 0 : _errors$actions[index]) && ramda.isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 || (_touched$actions = _touched$actions.value) === null || _touched$actions === void 0 ? void 0 : _touched$actions[index]);
-  var separator = (selectedField === null || selectedField === void 0 || (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t("neetoRules.common.as");
+  var separator = utils.getSeparator({
+    defaultSeparator: t("neetoRules.common.as"),
+    index: separatorIndex,
+    selectedField: selectedField
+  });
   var defaultLabel = (selectedField === null || selectedField === void 0 ? void 0 : selectedField.emailPlaceholder) || t("neetoRules.common.email");
   var templates = selectedField === null || selectedField === void 0 ? void 0 : selectedField.templates;
   var isTemplateSelectionEnabled = neetoCist.isPresent(templates);
@@ -1096,7 +1103,7 @@ var Input = function Input(_ref) {
     errors = _useFormikContext.errors,
     touched = _useFormikContext.touched;
   var _useState = React.useState(false),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = utils._slicedToArray(_useState, 2),
     showInput = _useState2[0],
     setShowInput = _useState2[1];
   var inputRef = React.useRef(null);
@@ -1179,7 +1186,7 @@ var SHORTCUTS = {
 
 var _excluded$a = ["value", "nullable", "className", "handleSubmit", "handleCancel"];
 function ownKeys$h(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$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { slicedToArray._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { utils._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var InlineInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$value = props.value,
     value = _props$value === void 0 ? "" : _props$value,
@@ -1190,7 +1197,7 @@ var InlineInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
     handleCancel = props.handleCancel,
     otherProps = toConsumableArray._objectWithoutProperties(props, _excluded$a);
   var _useState = React.useState(""),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = utils._slicedToArray(_useState, 2),
     inputValue = _useState2[0],
     setInputValue = _useState2[1];
   var inputWrapperRef = React.useRef(null);
@@ -1215,7 +1222,7 @@ var InlineInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setInputValue(value);
   }, [value]);
   return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: classNames__default["default"]("flex flex-grow", slicedToArray._defineProperty({}, className, className)),
+    className: classNames__default["default"]("flex flex-grow", utils._defineProperty({}, className, className)),
     ref: inputWrapperRef,
     children: /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], _objectSpread$h(_objectSpread$h({
       autoFocus: true,
@@ -1265,11 +1272,11 @@ var ListField = function ListField(_ref) {
     errors = _useFormikContext.errors,
     touched = _useFormikContext.touched;
   var _useState = React.useState(false),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = utils._slicedToArray(_useState, 2),
     isInputCardOpen = _useState2[0],
     setIsInputCardOpen = _useState2[1];
   var _useState3 = React.useState(false),
-    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+    _useState4 = utils._slicedToArray(_useState3, 2),
     showPane = _useState4[0],
     setShowPane = _useState4[1];
   var initialFocusRef = React.useRef(null);
@@ -1398,11 +1405,11 @@ var MultiSelect$1 = function MultiSelect(_ref) {
     setTouched = _useFormikContext.setTouched,
     touched = _useFormikContext.touched;
   var _useState = React.useState(null),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = utils._slicedToArray(_useState, 2),
     activeOption = _useState2[0],
     setActiveOption = _useState2[1];
   var _useState3 = React.useState(""),
-    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+    _useState4 = utils._slicedToArray(_useState3, 2),
     searchTerm = _useState4[0],
     setSearchTerm = _useState4[1];
   var _useTranslation = reactI18next.useTranslation(),
@@ -1495,7 +1502,7 @@ var MultiSelect$1 = function MultiSelect(_ref) {
           hasScroll: dropDownOptions.length > MAXIMUM_OPTION_LENGTH$2,
           children: searchedOptions.map(function (option, idx) {
             return /*#__PURE__*/jsxRuntime.jsx(MenuItem$8.Button, {
-              "data-cy": "".concat(utils.joinHyphenCase(option.label), "-menu-item"),
+              "data-cy": "".concat(utils$1.joinHyphenCase(option.label), "-menu-item"),
               prefix: /*#__PURE__*/jsxRuntime.jsx(Checkbox__default["default"], {
                 checked: values.includes(option === null || option === void 0 ? void 0 : option.value),
                 "data-cy": "check-icon",
@@ -1529,7 +1536,7 @@ var NoteField = function NoteField(_ref) {
     errors = _useFormikContext.errors,
     touched = _useFormikContext.touched;
   var _useState = React.useState(false),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = utils._slicedToArray(_useState, 2),
     showPane = _useState2[0],
     setShowPane = _useState2[1];
   var initialFocusRef = React.useRef(null);
@@ -1591,12 +1598,12 @@ var NoteField = function NoteField(_ref) {
 };
 
 function _toArray(arr) {
-  return slicedToArray._arrayWithHoles(arr) || toConsumableArray._iterableToArray(arr) || slicedToArray._unsupportedIterableToArray(arr) || slicedToArray._nonIterableRest();
+  return utils._arrayWithHoles(arr) || toConsumableArray._iterableToArray(arr) || utils._unsupportedIterableToArray(arr) || utils._nonIterableRest();
 }
 
 var removeDuplicateErrorMessages = ramda.pipe(ramda.filter(ramda.isNotNil), ramda.uniq, ramda.join(ERROR_MESSAGE_DELIMITER));
 var dasherize = function dasherize(input) {
-  return utils.hyphenize(input, "neeto-rules-input");
+  return utils$1.hyphenize(input, "neeto-rules-input");
 };
 var formatPhoneNumberInputOptions = function formatPhoneNumberInputOptions(phoneNumber) {
   var isValid;
@@ -1628,7 +1635,7 @@ var formatErrorMessage = function formatErrorMessage(error) {
 
 var _excluded$9 = ["children"];
 function ownKeys$g(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$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { slicedToArray._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { utils._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var STYLES = {
   border: {
     "default": "1px solid rgb(var(--neeto-ui-gray-400))",
@@ -1641,7 +1648,7 @@ var STYLES = {
 };
 var MultiValueRemove = function MultiValueRemove(props) {
   return /*#__PURE__*/jsxRuntime.jsx(reactSelect.components.MultiValueRemove, _objectSpread$g(_objectSpread$g({}, props), {}, {
-    innerProps: _objectSpread$g(_objectSpread$g({}, props.innerProps), {}, slicedToArray._defineProperty({}, "data-cy", "".concat(dasherize(props.data.label), "-remove-icon"))),
+    innerProps: _objectSpread$g(_objectSpread$g({}, props.innerProps), {}, utils._defineProperty({}, "data-cy", "".concat(dasherize(props.data.label), "-remove-icon"))),
     children: /*#__PURE__*/jsxRuntime.jsx(Close__default["default"], {
       size: 16
     })
@@ -1662,7 +1669,7 @@ var ValueContainer = function ValueContainer(_ref) {
     rest = _children.slice(1);
   var shouldCollapse = !isFocused && value.length > visiblePhoneNumbersCount;
   return /*#__PURE__*/jsxRuntime.jsxs(reactSelect.components.ValueContainer, _objectSpread$g(_objectSpread$g({}, props), {}, {
-    innerProps: _objectSpread$g(_objectSpread$g({}, props.innerProps), {}, slicedToArray._defineProperty({}, "data-cy", "multi-phone-number-input-container")),
+    innerProps: _objectSpread$g(_objectSpread$g({}, props.innerProps), {}, utils._defineProperty({}, "data-cy", "multi-phone-number-input-container")),
     children: [shouldCollapse ? firstChild.slice(0, visiblePhoneNumbersCount) : firstChild, shouldCollapse && /*#__PURE__*/jsxRuntime.jsx(Tag__default["default"], {
       style: "secondary",
       label: t("neetoRules.labels.remainingItemsCount", {
@@ -1673,7 +1680,7 @@ var ValueContainer = function ValueContainer(_ref) {
 };
 var ClearIndicator = function ClearIndicator(props) {
   return /*#__PURE__*/jsxRuntime.jsx(reactSelect.components.ClearIndicator, _objectSpread$g(_objectSpread$g({}, props), {}, {
-    innerProps: _objectSpread$g(_objectSpread$g({}, props.innerProps), {}, slicedToArray._defineProperty({}, "data-cy", "clear-all-button")),
+    innerProps: _objectSpread$g(_objectSpread$g({}, props.innerProps), {}, utils._defineProperty({}, "data-cy", "clear-all-button")),
     children: /*#__PURE__*/jsxRuntime.jsx(Close__default["default"], {
       className: "cursor-pointer",
       size: 16
@@ -1706,7 +1713,7 @@ var CUSTOM_COMPONENTS = {
 
 var _excluded$8 = ["value", "onChange", "error", "onBlur"];
 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), !0).forEach(function (r) { slicedToArray._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; }
+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), !0).forEach(function (r) { utils._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 MultiPhoneNumberInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$value = _ref.value,
     value = _ref$value === void 0 ? [] : _ref$value,
@@ -1718,11 +1725,11 @@ var MultiPhoneNumberInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onBlur = _ref$onBlur === void 0 ? neetoCist.noop : _ref$onBlur,
     otherProps = toConsumableArray._objectWithoutProperties(_ref, _excluded$8);
   var _useState = React.useState(""),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = utils._slicedToArray(_useState, 2),
     inputValue = _useState2[0],
     setInputValue = _useState2[1];
   var _useState3 = React.useState(false),
-    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+    _useState4 = utils._slicedToArray(_useState3, 2),
     isFocused = _useState4[0],
     setIsFocused = _useState4[1];
   var _useTranslation = reactI18next.useTranslation(),
@@ -1818,7 +1825,7 @@ var PhoneNumberField = function PhoneNumberField(_ref) {
     _ref$phoneNumbers = _ref.phoneNumbers,
     phoneNumbers = _ref$phoneNumbers === void 0 ? [] : _ref$phoneNumbers;
   var _useField = formik.useField(name),
-    _useField2 = slicedToArray._slicedToArray(_useField, 3);
+    _useField2 = utils._slicedToArray(_useField, 3);
     _useField2[0];
     var meta = _useField2[1],
     _useField2$ = _useField2[2],
@@ -1847,12 +1854,14 @@ var PhoneNumberField = function PhoneNumberField(_ref) {
 };
 
 var SmsFields = function SmsFields(_ref) {
-  var _errors$actions, _touched$actions, _selectedField$separa, _action$metadata;
+  var _errors$actions, _touched$actions, _action$metadata;
   var name = _ref.name,
     action = _ref.action,
     selectedField = _ref.selectedField,
     _ref$phoneNumbers = _ref.phoneNumbers,
     phoneNumbers = _ref$phoneNumbers === void 0 ? [] : _ref$phoneNumbers,
+    _ref$separatorIndex = _ref.separatorIndex,
+    separatorIndex = _ref$separatorIndex === void 0 ? 0 : _ref$separatorIndex,
     _ref$showPhoneNumberI = _ref.showPhoneNumberInput,
     showPhoneNumberInput = _ref$showPhoneNumberI === void 0 ? false : _ref$showPhoneNumberI,
     index = _ref.index;
@@ -1861,7 +1870,7 @@ var SmsFields = function SmsFields(_ref) {
     touched = _useFormikContext.touched,
     setFieldValue = _useFormikContext.setFieldValue;
   var _useState = React.useState(false),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = utils._slicedToArray(_useState, 2),
     showPane = _useState2[0],
     setShowPane = _useState2[1];
   var initialFocusRef = React.useRef(null);
@@ -1872,7 +1881,11 @@ var SmsFields = function SmsFields(_ref) {
     return setShowPane(false);
   });
   var isValid = errors.actions && ramda.isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 || (_errors$actions = _errors$actions.value) === null || _errors$actions === void 0 ? void 0 : _errors$actions[index]) && ramda.isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 || (_touched$actions = _touched$actions.value) === null || _touched$actions === void 0 ? void 0 : _touched$actions[index]);
-  var separator = (selectedField === null || selectedField === void 0 || (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t("neetoRules.common.as");
+  var separator = utils.getSeparator({
+    defaultSeparator: t("neetoRules.common.as"),
+    index: separatorIndex,
+    selectedField: selectedField
+  });
   var defaultLabel = (selectedField === null || selectedField === void 0 ? void 0 : selectedField.smsPlaceholder) || t("neetoRules.common.sms");
   var templates = selectedField === null || selectedField === void 0 ? void 0 : selectedField.templates;
   var isTemplateSelectionEnabled = neetoCist.isPresent(templates);
@@ -1996,7 +2009,8 @@ var ActionSubItems = function ActionSubItems(_ref) {
         index: index,
         name: name,
         selectedField: selectedField,
-        key: name
+        key: name,
+        separatorIndex: 1
       })]
     });
   }
@@ -2034,7 +2048,8 @@ var ActionSubItems = function ActionSubItems(_ref) {
         index: index,
         name: name,
         selectedField: selectedField,
-        key: name
+        key: name,
+        separatorIndex: 1
       })]
     });
   }
@@ -2127,7 +2142,7 @@ var ActionSubItems = function ActionSubItems(_ref) {
 var ActionSubItem = /*#__PURE__*/React.memo(ActionSubItems);
 
 function ownKeys$e(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$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { slicedToArray._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { utils._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(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,
@@ -2237,7 +2252,7 @@ var getConditionsSchema = function getConditionsSchema(element) {
         } else if ([constants.CONDITION_VALUE_TYPES.textarea].includes(type)) {
           return yup__namespace.object({
             value: yup__namespace.string().test("text", i18next.t("neetoRules.validations.required.text"), function (value) {
-              return !utils$1.isEditorEmpty(value);
+              return !utils$2.isEditorEmpty(value);
             })
           });
         }
@@ -2264,9 +2279,18 @@ var getActionsSchema = function getActionsSchema(element, customData) {
         if ([ACTION_TYPES.email, ACTION_TYPES.emailToIds, ACTION_TYPES.emailTo].includes(selectedAction === null || selectedAction === void 0 ? void 0 : selectedAction.type)) {
           return yup__namespace.object({
             subject: !selectedAction.hideSubject ? yup__namespace.string().required(i18next.t("neetoRules.validations.required.subject")) : schema,
-            emails: selectedAction.type === ACTION_TYPES.emailToIds ? yup__namespace.array().min(1, i18next.t("neetoRules.validations.required.emailId")).required(i18next.t("neetoRules.validations.required.emailId")).of(yup__namespace.string().email(i18next.t("neetoRules.validations.inValidEmail"))) : schema,
+            emails: selectedAction.type === ACTION_TYPES.emailToIds ? yup__namespace.array().min(1, i18next.t("neetoRules.validations.required.emailId")).required(i18next.t("neetoRules.validations.required.emailId")).of(yup__namespace.string().email(i18next.t("neetoRules.validations.inValidEmail"))).when("test", {
+              is: function is() {
+                return selectedAction === null || selectedAction === void 0 ? void 0 : selectedAction.maxLimit;
+              },
+              then: function then(schema) {
+                return schema.max(selectedAction.maxLimit, i18next.t("neetoRules.validations.maximumEmails", {
+                  max: selectedAction.maxLimit
+                }));
+              }
+            }) : schema,
             body: yup__namespace.string().test("body", i18next.t("neetoRules.validations.required.body"), function (value) {
-              return !utils$1.isEditorEmpty(value);
+              return !utils$2.isEditorEmpty(value);
             }),
             value: selectedAction.type === ACTION_TYPES.emailTo ? yup__namespace.string().required(i18next.t("neetoRules.validations.required.value")) : schema
           });
@@ -2278,7 +2302,7 @@ var getActionsSchema = function getActionsSchema(element, customData) {
               return PhoneNumber.isPhoneNumberValid(value);
             })) : schema,
             body: yup__namespace.string().test("body", i18next.t("neetoRules.validations.required.body"), function (value) {
-              return !utils$1.isEditorEmpty(value);
+              return !utils$2.isEditorEmpty(value);
             }),
             value: selectedAction.type === ACTION_TYPES.smsTo ? yup__namespace.string().required(i18next.t("neetoRules.validations.required.value")) : schema
           });
@@ -2301,7 +2325,7 @@ var getActionsSchema = function getActionsSchema(element, customData) {
         } else if ((selectedAction === null || selectedAction === void 0 ? void 0 : selectedAction.type) === ACTION_TYPES.note || (selectedAction === null || selectedAction === void 0 ? void 0 : selectedAction.type) === ACTION_TYPES.textarea) {
           return yup__namespace.object({
             value: yup__namespace.string().test("body", i18next.t("neetoRules.validations.required.body"), function (value) {
-              return !utils$1.isEditorEmpty(value);
+              return !utils$2.isEditorEmpty(value);
             })
           });
         } else if ((selectedAction === null || selectedAction === void 0 ? void 0 : selectedAction.type) === ACTION_TYPES.dropdown || (selectedAction === null || selectedAction === void 0 ? void 0 : selectedAction.type) === ACTION_TYPES.date) {
@@ -2359,7 +2383,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$e(_objectSpread$e({}, acc), {}, slicedToArray._defineProperty({}, key, yup__namespace.object({
+    return _objectSpread$e(_objectSpread$e({}, acc), {}, utils._defineProperty({}, key, yup__namespace.object({
       value: getSchemaForElement(data[key], customData)
     })));
   }, {});
@@ -2378,7 +2402,7 @@ var FIELD_TYPES = {
   multiSelect: "multi-select"
 };
 var MAXIMUM_OPTION_LENGTH$1 = 7;
-var VALIDATION_SCHEMA = (_VALIDATION_SCHEMA = {}, slicedToArray._defineProperty(_VALIDATION_SCHEMA, FIELD_TYPES.text, getSchemaForStrings), slicedToArray._defineProperty(_VALIDATION_SCHEMA, FIELD_TYPES.longText, getSchemaForStrings), slicedToArray._defineProperty(_VALIDATION_SCHEMA, FIELD_TYPES.dropdown, getSchemaForStrings), slicedToArray._defineProperty(_VALIDATION_SCHEMA, FIELD_TYPES.radio, getSchemaForStrings), slicedToArray._defineProperty(_VALIDATION_SCHEMA, FIELD_TYPES.events, getEventsSchema), slicedToArray._defineProperty(_VALIDATION_SCHEMA, FIELD_TYPES.condition, getConditionsSchema), slicedToArray._defineProperty(_VALIDATION_SCHEMA, FIELD_TYPES.actions, getActionsSchema), slicedToArray._defineProperty(_VALIDATION_SCHEMA, FIELD_TYPES.multiSelect, getSchemaForArray), _VALIDATION_SCHEMA);
+var VALIDATION_SCHEMA = (_VALIDATION_SCHEMA = {}, utils._defineProperty(_VALIDATION_SCHEMA, FIELD_TYPES.text, getSchemaForStrings), utils._defineProperty(_VALIDATION_SCHEMA, FIELD_TYPES.longText, getSchemaForStrings), utils._defineProperty(_VALIDATION_SCHEMA, FIELD_TYPES.dropdown, getSchemaForStrings), utils._defineProperty(_VALIDATION_SCHEMA, FIELD_TYPES.radio, getSchemaForStrings), utils._defineProperty(_VALIDATION_SCHEMA, FIELD_TYPES.events, getEventsSchema), utils._defineProperty(_VALIDATION_SCHEMA, FIELD_TYPES.condition, getConditionsSchema), utils._defineProperty(_VALIDATION_SCHEMA, FIELD_TYPES.actions, getActionsSchema), utils._defineProperty(_VALIDATION_SCHEMA, FIELD_TYPES.multiSelect, getSchemaForArray), _VALIDATION_SCHEMA);
 var DECIMAL_NUMBER_REGEX = /^-?\d*\.?\d+$/;
 var NUMBER_REGEX = /^-?\d+$/;
 var POSITIVE_DECIMAL_NUMBER_REGEX = /^\d*\.?\d+$/;
@@ -2416,15 +2440,15 @@ var ActionItem = function ActionItem(_ref) {
   var _useState = React.useState({
       label: t("neetoRules.form.doThis")
     }),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = utils._slicedToArray(_useState, 2),
     selectedOption = _useState2[0],
     setSelectedOption = _useState2[1];
   var _useState3 = React.useState(false),
-    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+    _useState4 = utils._slicedToArray(_useState3, 2),
     isActive = _useState4[0],
     setIsActive = _useState4[1];
   var _useState5 = React.useState(""),
-    _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+    _useState6 = utils._slicedToArray(_useState5, 2),
     searchTerm = _useState6[0],
     setSearchTerm = _useState6[1];
   var _useFormikContext = formik.useFormikContext(),
@@ -2551,7 +2575,7 @@ var ActionItem = function ActionItem(_ref) {
             hasScroll: actionOptions.length > MAXIMUM_OPTION_LENGTH$1,
             children: searchedOptions.map(function (option, idx) {
               return /*#__PURE__*/jsxRuntime.jsx(MenuItem$7.Button, {
-                "data-cy": "".concat(utils.joinHyphenCase(option.label), "-menu-item"),
+                "data-cy": "".concat(utils$1.joinHyphenCase(option.label), "-menu-item"),
                 suffix: (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) === option.value && /*#__PURE__*/jsxRuntime.jsx(Check__default["default"], {
                   className: "neeto-ui-text-primary-800"
                 }),
@@ -2589,7 +2613,7 @@ var Card = function Card(_ref) {
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
       className: "neeto-ui-text-gray-600",
-      "data-cy": "".concat(utils.joinHyphenCase(title), "-card-title"),
+      "data-cy": "".concat(utils$1.joinHyphenCase(title), "-card-title"),
       style: "h4",
       children: title
     }), /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -2600,7 +2624,7 @@ var Card = function Card(_ref) {
 };
 
 function ownKeys$d(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$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { slicedToArray._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { utils._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(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,
@@ -2744,15 +2768,15 @@ var DropdownField = function DropdownField(_ref) {
     t = _useTranslation.t;
   var defaultSelectedValue = fieldType === "field" ? conditions.value[index].field : conditions.value[index].verb;
   var _useState = React.useState(neetoCist.toLabelAndValue(placeholder)),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = utils._slicedToArray(_useState, 2),
     selectedOption = _useState2[0],
     setSelectedOption = _useState2[1];
   var _useState3 = React.useState(false),
-    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+    _useState4 = utils._slicedToArray(_useState3, 2),
     isSelected = _useState4[0],
     setIsSelected = _useState4[1];
   var _useState5 = React.useState(""),
-    _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+    _useState6 = utils._slicedToArray(_useState5, 2),
     searchTerm = _useState6[0],
     setSearchTerm = _useState6[1];
   var searchedOptions = getSearchedOptions$2(options, searchTerm);
@@ -2807,7 +2831,7 @@ var DropdownField = function DropdownField(_ref) {
         hasScroll: options.length > constants.MAXIMUM_OPTION_LENGTH,
         children: searchedOptions.map(function (option, idx) {
           return /*#__PURE__*/jsxRuntime.jsx(MenuItem$6.Button, {
-            "data-cy": "".concat(utils.joinHyphenCase(option.label), "-menu-item"),
+            "data-cy": "".concat(utils$1.joinHyphenCase(option.label), "-menu-item"),
             className: classNames__default["default"]({
               "neeto-ui-bg-gray-100": selectedOption.value === option.value
             }),
@@ -2849,15 +2873,15 @@ var Dropdown = function Dropdown(_ref) {
   var _useState = React.useState({
       label: defaultLabel
     }),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = utils._slicedToArray(_useState, 2),
     defaultSelectedOption = _useState2[0],
     setDefaultSelectedOption = _useState2[1];
   var _useState3 = React.useState(false),
-    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+    _useState4 = utils._slicedToArray(_useState3, 2),
     isActive = _useState4[0],
     setIsActive = _useState4[1];
   var _useState5 = React.useState(""),
-    _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+    _useState6 = utils._slicedToArray(_useState5, 2),
     searchTerm = _useState6[0],
     setSearchTerm = _useState6[1];
   var defaultValue = (_conditions$value$ind = conditions.value[index].metadata) === null || _conditions$value$ind === void 0 ? void 0 : _conditions$value$ind.value;
@@ -2929,7 +2953,7 @@ var Dropdown = function Dropdown(_ref) {
         hasScroll: options.length > constants.MAXIMUM_OPTION_LENGTH,
         children: searchedOptions.map(function (option, idx) {
           return /*#__PURE__*/jsxRuntime.jsx(MenuItem$5.Button, {
-            "data-cy": "".concat(utils.joinHyphenCase(option.label), "-menu-item"),
+            "data-cy": "".concat(utils$1.joinHyphenCase(option.label), "-menu-item"),
             className: classNames__default["default"]({
               "neeto-ui-bg-gray-100": (defaultSelectedOption === null || defaultSelectedOption === void 0 ? void 0 : defaultSelectedOption.value) === option.value
             }),
@@ -2960,7 +2984,7 @@ var InputField$1 = function InputField(_ref) {
     errors = _useFormikContext.errors,
     touched = _useFormikContext.touched;
   var _useState = React.useState(false),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = utils._slicedToArray(_useState, 2),
     showInput = _useState2[0],
     setShowInput = _useState2[1];
   var inputRef = React.useRef(null);
@@ -3017,11 +3041,11 @@ var MultiSelect = function MultiSelect(_ref) {
     touched = _useFormikContext.touched,
     setTouched = _useFormikContext.setTouched;
   var _useState = React.useState(null),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = utils._slicedToArray(_useState, 2),
     activeOption = _useState2[0],
     setActiveOption = _useState2[1];
   var _useState3 = React.useState(""),
-    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+    _useState4 = utils._slicedToArray(_useState3, 2),
     searchTerm = _useState4[0],
     setSearchTerm = _useState4[1];
   var _useTranslation = reactI18next.useTranslation(),
@@ -3101,7 +3125,7 @@ var MultiSelect = function MultiSelect(_ref) {
         hasScroll: dropDownOptions.length > constants.MAXIMUM_OPTION_LENGTH,
         children: searchedOptions.map(function (option, idx) {
           return /*#__PURE__*/jsxRuntime.jsx(MenuItem$4.Button, {
-            "data-cy": "".concat(utils.joinHyphenCase(option.label), "-menu-item"),
+            "data-cy": "".concat(utils$1.joinHyphenCase(option.label), "-menu-item"),
             prefix: /*#__PURE__*/jsxRuntime.jsx(Checkbox__default["default"], {
               checked: selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.includes(option.value),
               "data-cy": "check-icon",
@@ -3123,7 +3147,7 @@ var MultiSelect = function MultiSelect(_ref) {
 
 var _excluded$7 = ["name", "index"];
 function ownKeys$c(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$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { slicedToArray._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { utils._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MultiSelectCreate = function MultiSelectCreate(_ref) {
   var _conditions$value$ind, _errors$conditions, _touched$conditions;
   var name = _ref.name,
@@ -3138,7 +3162,7 @@ var MultiSelectCreate = function MultiSelectCreate(_ref) {
     touched = _useFormikContext.touched,
     setTouched = _useFormikContext.setTouched;
   var _useState = React.useState(false),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = utils._slicedToArray(_useState, 2),
     showPane = _useState2[0],
     setShowPane = _useState2[1];
   var initialFocusRef = React.useRef(null);
@@ -3612,7 +3636,7 @@ var DateField = function DateField(_ref) {
     touched = _useFormikContext.touched,
     setTouched = _useFormikContext.setTouched;
   var _useState = React.useState(false),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = utils._slicedToArray(_useState, 2),
     showInput = _useState2[0],
     setShowInput = _useState2[1];
   var _useTranslation = reactI18next.useTranslation(),
@@ -3652,7 +3676,7 @@ var DateField = function DateField(_ref) {
     setFieldValue("".concat(name, ".value"),
     // This is the format being stored in database as of now, standard doesn't include this format
     // eslint-disable-next-line @bigbinary/neeto/use-standard-date-time-formats
-    date ? dayjs__default["default"](date).format("YYYY-MM-DD") : "");
+    date ? utils$1.dayjs(date).format("YYYY-MM-DD") : "");
     handleValidate();
   };
   return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
@@ -3849,7 +3873,7 @@ var LogicOperator = function LogicOperator(_ref) {
 };
 
 function ownKeys$b(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$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { slicedToArray._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { utils._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(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,
@@ -3864,7 +3888,7 @@ var Conditions = function Conditions(_ref) {
     _ref$allowEmpty = _ref.allowEmpty,
     allowEmpty = _ref$allowEmpty === void 0 ? true : _ref$allowEmpty;
   var _useField = formik.useField(name),
-    _useField2 = slicedToArray._slicedToArray(_useField, 3),
+    _useField2 = utils._slicedToArray(_useField, 3),
     field = _useField2[0],
     setValue = _useField2[2].setValue;
   var _useFormikContext = formik.useFormikContext(),
@@ -4000,12 +4024,12 @@ var getDropdownOptions = function getDropdownOptions(eventNames, eventOptions) {
   var _pipe = ramda.pipe(ramda.partition(function (option) {
       return eventNames.includes(option.value);
     }), function (_ref2) {
-      var _ref3 = slicedToArray._slicedToArray(_ref2, 2),
+      var _ref3 = utils._slicedToArray(_ref2, 2),
         included = _ref3[0],
         excluded = _ref3[1];
       return [included, excluded];
     })(eventOptions),
-    _pipe2 = slicedToArray._slicedToArray(_pipe, 2),
+    _pipe2 = utils._slicedToArray(_pipe, 2),
     includedOptions = _pipe2[0],
     excludedOptions = _pipe2[1];
   return [].concat(toConsumableArray._toConsumableArray(includedOptions), toConsumableArray._toConsumableArray(excludedOptions));
@@ -4032,15 +4056,15 @@ var Performer$1 = function Performer(_ref) {
     label: t("neetoRules.placeholders.selectOption")
   };
   var _useState = React.useState(defaultLabel),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = utils._slicedToArray(_useState, 2),
     selectedOption = _useState2[0],
     setSelectedOption = _useState2[1];
   var _useState3 = React.useState(false),
-    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+    _useState4 = utils._slicedToArray(_useState3, 2),
     isSelected = _useState4[0],
     setIsSelected = _useState4[1];
   var _useState5 = React.useState(""),
-    _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+    _useState6 = utils._slicedToArray(_useState5, 2),
     searchTerm = _useState6[0],
     setSearchTerm = _useState6[1];
   var searchedOptions = getSearchedOptions$1(performerOptions, searchTerm);
@@ -4110,7 +4134,7 @@ var Performer$1 = function Performer(_ref) {
           hasScroll: performerOptions.length > MAXIMUM_OPTION_LENGTH,
           children: searchedOptions.map(function (option, idx) {
             return /*#__PURE__*/jsxRuntime.jsx(MenuItem$3.Button, {
-              "data-cy": "".concat(utils.joinHyphenCase(option.label), "-menu-item"),
+              "data-cy": "".concat(utils$1.joinHyphenCase(option.label), "-menu-item"),
               isDisabled: isMenuDisabled,
               className: classNames__default["default"]({
                 "neeto-ui-bg-gray-100": selectedOption.value === option.value
@@ -4135,7 +4159,7 @@ var Performer$1 = function Performer(_ref) {
 };
 
 function ownKeys$a(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$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { slicedToArray._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { utils._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Menu$2 = Dropdown__default["default"].Menu,
   MenuItem$2 = Dropdown__default["default"].MenuItem;
 var Events$1 = function Events(_ref) {
@@ -4148,11 +4172,11 @@ var Events$1 = function Events(_ref) {
     setFieldValue = _useFormikContext.setFieldValue,
     errors = _useFormikContext.errors;
   var _useState = React.useState(null),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = utils._slicedToArray(_useState, 2),
     activeOption = _useState2[0],
     setActiveOption = _useState2[1];
   var _useState3 = React.useState(""),
-    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+    _useState4 = utils._slicedToArray(_useState3, 2),
     searchTerm = _useState4[0],
     setSearchTerm = _useState4[1];
   var _useTranslation = reactI18next.useTranslation(),
@@ -4293,7 +4317,7 @@ var Events$1 = function Events(_ref) {
           hasScroll: dropdownOptions.length > MAXIMUM_OPTION_LENGTH,
           children: searchedOptions.map(function (option, idx) {
             return /*#__PURE__*/jsxRuntime.jsx(MenuItem$2.Button, {
-              "data-cy": "".concat(utils.joinHyphenCase(option.label), "-menu-item"),
+              "data-cy": "".concat(utils$1.joinHyphenCase(option.label), "-menu-item"),
               prefix: /*#__PURE__*/jsxRuntime.jsx(Checkbox__default["default"], {
                 checked: eventNames === null || eventNames === void 0 ? void 0 : eventNames.includes(option.value),
                 "data-cy": "check-icon",
@@ -4320,7 +4344,7 @@ var Events$1 = function Events(_ref) {
 
 var _excluded$6 = ["addButtonTooltipProps", "data", "label", "name", "performerName", "conditionsName", "onSelectEvent"];
 function ownKeys$9(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$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { slicedToArray._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { utils._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var EventConditions = function EventConditions(_ref) {
   var _ref$addButtonTooltip = _ref.addButtonTooltipProps,
     addButtonTooltipProps = _ref$addButtonTooltip === void 0 ? {} : _ref$addButtonTooltip,
@@ -4425,15 +4449,15 @@ var EventItem = function EventItem(_ref) {
     removeEvent = _ref.removeEvent,
     onSelectEvent = _ref.onSelectEvent;
   var _useState = React.useState(t("neetoRules.form.thisHappens")),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = utils._slicedToArray(_useState, 2),
     selectedOption = _useState2[0],
     setSelectedOption = _useState2[1];
   var _useState3 = React.useState(false),
-    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+    _useState4 = utils._slicedToArray(_useState3, 2),
     isActive = _useState4[0],
     setIsActive = _useState4[1];
   var _useState5 = React.useState(""),
-    _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+    _useState6 = utils._slicedToArray(_useState5, 2),
     searchTerm = _useState6[0],
     setSearchTerm = _useState6[1];
   var _useTranslation = reactI18next.useTranslation(),
@@ -4510,7 +4534,7 @@ var EventItem = function EventItem(_ref) {
           hasScroll: eventOptions.length > MAXIMUM_OPTION_LENGTH$1,
           children: searchedOptions.map(function (option, idx) {
             return /*#__PURE__*/jsxRuntime.jsx(MenuItem$1.Button, {
-              "data-cy": "".concat(utils.joinHyphenCase(option.label), "-menu-item"),
+              "data-cy": "".concat(utils$1.joinHyphenCase(option.label), "-menu-item"),
               onClick: function onClick() {
                 return handleEventChange(option);
               },
@@ -4550,15 +4574,15 @@ var Performer = function Performer(_ref) {
     label: t("neetoRules.placeholders.selectOption")
   };
   var _useState = React.useState(defaultLabel),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = utils._slicedToArray(_useState, 2),
     selectedOption = _useState2[0],
     setSelectedOption = _useState2[1];
   var _useState3 = React.useState(false),
-    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+    _useState4 = utils._slicedToArray(_useState3, 2),
     isSelected = _useState4[0],
     setIsSelected = _useState4[1];
   var _useState5 = React.useState(""),
-    _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+    _useState6 = utils._slicedToArray(_useState5, 2),
     searchTerm = _useState6[0],
     setSearchTerm = _useState6[1];
   var searchedOptions = getSearchedOptions(performerOptions, searchTerm);
@@ -4625,7 +4649,7 @@ var Performer = function Performer(_ref) {
           hasScroll: performerOptions.length > MAXIMUM_OPTION_LENGTH$1,
           children: searchedOptions.map(function (option, idx) {
             return /*#__PURE__*/jsxRuntime.jsx(MenuItem.Button, {
-              "data-cy": "".concat(utils.joinHyphenCase(option.label), "-menu-item"),
+              "data-cy": "".concat(utils$1.joinHyphenCase(option.label), "-menu-item"),
               className: classNames__default["default"]({
                 "neeto-ui-bg-gray-100": selectedOption.value === option.value
               }),
@@ -4649,7 +4673,7 @@ var Performer = function Performer(_ref) {
 };
 
 function ownKeys$8(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$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { slicedToArray._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { utils._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Events = function Events(_ref) {
   var name = _ref.name,
     label = _ref.label,
@@ -4793,7 +4817,7 @@ var Events = function Events(_ref) {
 var useDebouncedUpdate = function useDebouncedUpdate(value, setValue) {
   var duration = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 200;
   var _useState = React.useState(value),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = utils._slicedToArray(_useState, 2),
     text = _useState2[0],
     setText = _useState2[1];
   var debouncedValue = reactUtils.useDebounce(text, duration);
@@ -4805,7 +4829,7 @@ var useDebouncedUpdate = function useDebouncedUpdate(value, setValue) {
 
 var _excluded$5 = ["data", "name", "label"];
 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) { slicedToArray._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; }
+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) { utils._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 InputField = function InputField(_ref) {
   var data = _ref.data,
     name = _ref.name,
@@ -4813,12 +4837,12 @@ var InputField = function InputField(_ref) {
     componentProps = toConsumableArray._objectWithoutProperties(_ref, _excluded$5);
   var elementProps = data[name];
   var _useField = formik.useField("".concat(name, ".value")),
-    _useField2 = slicedToArray._slicedToArray(_useField, 3),
+    _useField2 = utils._slicedToArray(_useField, 3),
     field = _useField2[0];
     _useField2[1];
     var setValue = _useField2[2].setValue;
   var _useDebouncedUpdate = useDebouncedUpdate(field.value, setValue),
-    _useDebouncedUpdate2 = slicedToArray._slicedToArray(_useDebouncedUpdate, 2),
+    _useDebouncedUpdate2 = utils._slicedToArray(_useDebouncedUpdate, 2),
     text = _useDebouncedUpdate2[0],
     setText = _useDebouncedUpdate2[1];
   return /*#__PURE__*/jsxRuntime.jsx(Input__default$1["default"], _objectSpread$7(_objectSpread$7({
@@ -4834,7 +4858,7 @@ var InputField = function InputField(_ref) {
 
 var _excluded$4 = ["data", "name", "label", "options", "onChange"];
 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) { slicedToArray._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 _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) { utils._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 MultiSelectField = function MultiSelectField(_ref) {
   var data = _ref.data,
     name = _ref.name,
@@ -4843,7 +4867,7 @@ var MultiSelectField = function MultiSelectField(_ref) {
     _onChange = _ref.onChange,
     componentProps = toConsumableArray._objectWithoutProperties(_ref, _excluded$4);
   var _useField = formik.useField("".concat(name, ".value")),
-    _useField2 = slicedToArray._slicedToArray(_useField, 3),
+    _useField2 = utils._slicedToArray(_useField, 3),
     setValue = _useField2[2].setValue;
   var elementProps = data[name];
   return /*#__PURE__*/jsxRuntime.jsx(Select__default$1["default"], _objectSpread$6({
@@ -4860,7 +4884,7 @@ var MultiSelectField = function MultiSelectField(_ref) {
 
 var _excluded$3 = ["name", "label", "data", "options"];
 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) { slicedToArray._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 _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) { utils._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 RadioField = function RadioField(_ref) {
   var name = _ref.name,
     label = _ref.label,
@@ -4893,7 +4917,7 @@ var RadioField = function RadioField(_ref) {
 
 var _excluded$2 = ["data", "name", "label", "options", "onChange"];
 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) { slicedToArray._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 _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) { utils._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 SelectField = function SelectField(_ref) {
   var data = _ref.data,
     name = _ref.name,
@@ -4902,7 +4926,7 @@ var SelectField = function SelectField(_ref) {
     _onChange = _ref.onChange,
     componentProps = toConsumableArray._objectWithoutProperties(_ref, _excluded$2);
   var _useField = formik.useField("".concat(name, ".value")),
-    _useField2 = slicedToArray._slicedToArray(_useField, 3),
+    _useField2 = utils._slicedToArray(_useField, 3),
     setValue = _useField2[2].setValue;
   var elementProps = data[name];
   return /*#__PURE__*/jsxRuntime.jsx(Select__default$1["default"], _objectSpread$4({
@@ -4918,7 +4942,7 @@ var SelectField = function SelectField(_ref) {
 
 var _excluded$1 = ["data", "name", "label"];
 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) { slicedToArray._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 _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) { utils._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 TextareaField = function TextareaField(_ref) {
   var data = _ref.data,
     name = _ref.name,
@@ -4926,12 +4950,12 @@ var TextareaField = function TextareaField(_ref) {
     componentProps = toConsumableArray._objectWithoutProperties(_ref, _excluded$1);
   var elementProps = data[name];
   var _useField = formik.useField("".concat(name, ".value")),
-    _useField2 = slicedToArray._slicedToArray(_useField, 3),
+    _useField2 = utils._slicedToArray(_useField, 3),
     field = _useField2[0];
     _useField2[1];
     var setValue = _useField2[2].setValue;
   var _useDebouncedUpdate = useDebouncedUpdate(field.value, setValue),
-    _useDebouncedUpdate2 = slicedToArray._slicedToArray(_useDebouncedUpdate, 2),
+    _useDebouncedUpdate2 = utils._slicedToArray(_useDebouncedUpdate, 2),
     text = _useDebouncedUpdate2[0],
     setText = _useDebouncedUpdate2[1];
   return /*#__PURE__*/jsxRuntime.jsx(Textarea__default["default"], _objectSpread$3(_objectSpread$3({
@@ -5038,7 +5062,7 @@ var propTypesExports = propTypes.exports;
 var PropTypes = /*@__PURE__*/toConsumableArray.getDefaultExportFromCjs(propTypesExports);
 
 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) { slicedToArray._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 _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) { utils._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 buildPayload = function buildPayload(data, values) {
   return Object.keys(data).reduce(function (acc, key) {
     var fieldValue = values[key].value;
@@ -5055,7 +5079,7 @@ var buildPayload = function buildPayload(data, values) {
       }
       fieldValue = [].concat(toConsumableArray._toConsumableArray(fieldValue), toConsumableArray._toConsumableArray(((_values$key = values[key]) === null || _values$key === void 0 ? void 0 : _values$key.deleted) || []));
     }
-    return _objectSpread$2(_objectSpread$2({}, acc), {}, slicedToArray._defineProperty({}, key, fieldValue));
+    return _objectSpread$2(_objectSpread$2({}, acc), {}, utils._defineProperty({}, key, fieldValue));
   }, {});
 };
 var formatData = function formatData(data) {
@@ -5067,7 +5091,7 @@ var formatData = function formatData(data) {
         }
       });
     }) : data[key].value;
-    return _objectSpread$2(_objectSpread$2({}, acc), {}, slicedToArray._defineProperty({}, key, {
+    return _objectSpread$2(_objectSpread$2({}, acc), {}, utils._defineProperty({}, key, {
       value: value
     }));
   }, {});
@@ -5110,7 +5134,7 @@ var transformObjectToDotNotation = function transformObjectToDotNotation(obj) {
   var value = obj[errorKey];
   if (!value) return;
   var nextKey = prefix ? "".concat(prefix, ".").concat(errorKey) : errorKey;
-  if (slicedToArray._typeof(value) === "object") {
+  if (utils._typeof(value) === "object") {
     transformObjectToDotNotation(value, nextKey, result);
   } else {
     result.push(nextKey);
@@ -5153,7 +5177,7 @@ var ScrollToErrorField = function ScrollToErrorField(_ref) {
 
 var _excluded = ["dirty", "values"];
 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) { slicedToArray._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 _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) { utils._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 Form = function Form(_ref) {
   var _ref$data = _ref.data,
     data = _ref$data === void 0 ? {} : _ref$data,
@@ -5228,7 +5252,7 @@ Form.prototype = {
 };
 
 function ownKeys(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(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { slicedToArray._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { utils._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var NeetoRulesForm = function NeetoRulesForm(_ref) {
   var rest = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
   return /*#__PURE__*/jsxRuntime.jsx(Form, _objectSpread({}, rest));