@bigbinary/neeto-rules-frontend 2.2.0 → 2.3.0

package/README.md

@@ -604,6 +604,7 @@ const initialProps = {
         type: "emailToIds",
         separator: "as",
         hideSubject: true, // Hide subject field if this prop is true
+        maxLimit: 5, // Adds validation to limit up to specified number of email addresses
       },
       {
         value: "send_sms",

package/app/javascript/src/translations/en.json

@@ -205,7 +205,8 @@
         "errorInIntegration": "Could not connect to Slack! Please verify the integration settings or remove this action to ensure the automation rule functions correctly.<br/><br/>Go to <button>Slack Integration</button>."
       },
       "invalidPhoneNumber": "Phone number is invalid",
-      "invalidUrlEntity": "{{entity}} must be a valid URL"
+      "invalidUrlEntity": "{{entity}} must be a valid URL",
+      "maximumEmails": "Only up to {{max}} email addresses are allowed"
     },
     "conditionVerbs": {
       "is": "Is",

package/dist/NeetoRulesForm.js

@@ -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';
@@ -2209,7 +2208,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);
             }),