@bigbinary/neeto-rules-frontend 2.2.0 → 2.3.1

package/dist/NeetoRulesForm.js

@@ -1,5 +1,5 @@
-import { _ as _defineProperty, a as _slicedToArray, b as _arrayWithHoles, c as _unsupportedIterableToArray, d as _nonIterableRest, e as _typeof$1 } from './slicedToArray-2af6bc03.js';
-import { _ as _objectWithoutProperties, b as _iterableToArray, a as _toConsumableArray, g as getDefaultExportFromCjs } from './toConsumableArray-1215bc07.js';
+import { _ as _defineProperty, a as _slicedToArray, g as getSeparator, b as _arrayWithHoles, d as _unsupportedIterableToArray, e as _nonIterableRest, f as _typeof$1 } from './utils-249a1c9a.js';
+import { _ as _objectWithoutProperties, b as _iterableToArray, a as _toConsumableArray, g as getDefaultExportFromCjs } from './toConsumableArray-ee25f277.js';
 import { useEffect, useState, useRef, forwardRef, useMemo, memo, createElement, Fragment as Fragment$1 } from 'react';
 import { useFormikContext, useField, FieldArray, ErrorMessage, Formik, Form as Form$1 } from 'formik';
 import { isNotEmpty, isPresent, renameKeys, findBy, noop, nullSafe, toLabelAndValue, removeBy } from '@bigbinary/neeto-cist';
@@ -9,7 +9,7 @@ import Refresh from '@bigbinary/neeto-icons/Refresh';
 import Button from '@bigbinary/neetoui/Button';
 import { useTranslation, Trans } from 'react-i18next';
 import classNames from 'classnames';
-import { joinHyphenCase, hyphenize } from '@bigbinary/neeto-commons-frontend/utils';
+import { dayjs, joinHyphenCase, hyphenize } from '@bigbinary/neeto-commons-frontend/utils';
 import Check from '@bigbinary/neeto-icons/Check';
 import Search from '@bigbinary/neeto-icons/Search';
 import Typography from '@bigbinary/neetoui/Typography';
@@ -23,7 +23,6 @@ import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
 import { withT, useStateWithDependency, useDebounce } from '@bigbinary/neeto-commons-frontend/react-utils';
 import Label from '@bigbinary/neetoui/Label';
 import Select from '@bigbinary/neetoui/Select';
-import dayjs from 'dayjs';
 import DatePicker from '@bigbinary/neetoui/DatePicker';
 import { t as t$1 } from 'i18next';
 import FormikEditor from '@bigbinary/neeto-editor/FormikEditor';
@@ -687,7 +686,7 @@ var getSlackChannelErrors = function getSlackChannelErrors(_ref2) {
 var Menu$9 = Dropdown$1.Menu,
   MenuItem$9 = Dropdown$1.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,
@@ -718,7 +717,10 @@ var DropdownField$1 = function DropdownField(_ref) {
   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 && 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]) && 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 = getSeparator({
+    defaultSeparator: t("neetoRules.common.to"),
+    selectedField: selectedField
+  });
   var handleClose = function handleClose() {
     setIsActive(false);
     setSearchTerm("");
@@ -887,12 +889,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;
@@ -912,7 +916,11 @@ var EmailFields = function EmailFields(_ref) {
     return setShowPane(false);
   });
   var isValid = errors.actions && 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]) && 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 = 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 = isPresent(templates);
@@ -1792,12 +1800,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;
@@ -1817,7 +1827,11 @@ var SmsFields = function SmsFields(_ref) {
     return setShowPane(false);
   });
   var isValid = errors.actions && 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]) && 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 = 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 = isPresent(templates);
@@ -1941,7 +1955,8 @@ var ActionSubItems = function ActionSubItems(_ref) {
         index: index,
         name: name,
         selectedField: selectedField,
-        key: name
+        key: name,
+        separatorIndex: 1
       })]
     });
   }
@@ -1979,7 +1994,8 @@ var ActionSubItems = function ActionSubItems(_ref) {
         index: index,
         name: name,
         selectedField: selectedField,
-        key: name
+        key: name,
+        separatorIndex: 1
       })]
     });
   }
@@ -2209,7 +2225,16 @@ 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.object({
             subject: !selectedAction.hideSubject ? yup.string().required(t$1("neetoRules.validations.required.subject")) : schema,
-            emails: selectedAction.type === ACTION_TYPES.emailToIds ? yup.array().min(1, t$1("neetoRules.validations.required.emailId")).required(t$1("neetoRules.validations.required.emailId")).of(yup.string().email(t$1("neetoRules.validations.inValidEmail"))) : schema,
+            emails: selectedAction.type === ACTION_TYPES.emailToIds ? yup.array().min(1, t$1("neetoRules.validations.required.emailId")).required(t$1("neetoRules.validations.required.emailId")).of(yup.string().email(t$1("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, t$1("neetoRules.validations.maximumEmails", {
+                  max: selectedAction.maxLimit
+                }));
+              }
+            }) : schema,
             body: yup.string().test("body", t$1("neetoRules.validations.required.body"), function (value) {
               return !isEditorEmpty(value);
             }),