@bigbinary/neeto-molecules 1.0.78-beta → 1.0.79-beta

package/dist/EmailForm.js

@@ -23,20 +23,20 @@ var INITIAL_FORM_VALUES = {
   subject: "",
   message: ""
 };
-var EMAIL_FORM_VALIDATION_SCHEMA = yup.object().shape({
+var EMAIL_FORM_VALIDATION_SCHEMA = yup.object({
   subject: yup.string().required(t("neetoMolecules.emailForm.errors.subjectRequired")),
   message: yup.string().test("message", t("neetoMolecules.emailForm.errors.messageRequired"), function (value) {
     return !isEditorEmpty(value);
   })
 });
-var SEND_TO_FIELD_VALIDATION = yup.object().shape({
+var SEND_TO_FIELD_VALIDATION = yup.object({
   sendTo: yup.array().min(1, t("neetoMolecules.emailForm.errors.required", {
     entity: t("neetoMolecules.emailForm.fields.sendToEmailAddress")
   })).test("all-emails-valid", t("neetoMolecules.emailForm.errors.invalidEmailAddress"), function (emails) {
     return emails === null || emails === void 0 ? void 0 : emails.every(prop("valid"));
   }).nullable()
 });
-var REPLY_TO_FIELD_VALIDATION = yup.object().shape({
+var REPLY_TO_FIELD_VALIDATION = yup.object({
   replyTo: yup.string().nullable().email(t("neetoMolecules.emailForm.errors.invalidEmailAddress")).required(t("neetoMolecules.emailForm.errors.required", {
     entity: t("neetoMolecules.emailForm.fields.replyToEmailAddress")
   }))
@@ -2480,7 +2480,7 @@ var getValidationSchema = function getValidationSchema(_ref2) {
   var schema = EMAIL_FORM_VALIDATION_SCHEMA.clone();
   if (showSendToField) schema = schema.concat(SEND_TO_FIELD_VALIDATION);
   if (showReplyToField) schema = schema.concat(REPLY_TO_FIELD_VALIDATION);
-  return schema.concat(customValidations);
+  return schema.shape(customValidations);
 };
 
 var SendToField = function SendToField() {
@@ -2489,11 +2489,12 @@ var SendToField = function SendToField() {
   var _useFormikContext = useFormikContext(),
     setFieldValue = _useFormikContext.setFieldValue,
     values = _useFormikContext.values;
+  var sendToFieldRef = useRef();
   var showCopyEmailFieldValue = values.showCopyEmails,
     existingSendToEmails = values.sendTo;
   var handleCSVFile = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(files) {
-      var setNotifyEmails;
+      var _sendToFieldRef$curre, setNotifyEmails;
       return regenerator.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -2504,17 +2505,18 @@ var SendToField = function SendToField() {
             _context.next = 4;
             return parseCsvEmails(files[0], setNotifyEmails);
           case 4:
-            _context.next = 9;
+            (_sendToFieldRef$curre = sendToFieldRef.current) === null || _sendToFieldRef$curre === void 0 ? void 0 : _sendToFieldRef$curre.focus();
+            _context.next = 10;
             break;
-          case 6:
-            _context.prev = 6;
+          case 7:
+            _context.prev = 7;
             _context.t0 = _context["catch"](0);
             Toastr.error(_context.t0);
-          case 9:
+          case 10:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[0, 6]]);
+      }, _callee, null, [[0, 7]]);
     }));
     return function handleCSVFile(_x) {
       return _ref.apply(this, arguments);
@@ -2537,6 +2539,7 @@ var SendToField = function SendToField() {
     id: "sendTo",
     label: "",
     name: "sendTo",
+    ref: sendToFieldRef,
     placeholder: t("neetoMolecules.emailForm.placeholders.commaSeparatedEmails"),
     suffix: /*#__PURE__*/React.createElement(Button, {
       "data-cy": "cc-bcc-button",
@@ -2668,7 +2671,9 @@ var EmailForm = function EmailForm(_ref) {
     _ref$replyToOptions = _ref.replyToOptions,
     replyToOptions = _ref$replyToOptions === void 0 ? [] : _ref$replyToOptions,
     _ref$isUpdating = _ref.isUpdating,
-    isUpdating = _ref$isUpdating === void 0 ? false : _ref$isUpdating;
+    isUpdating = _ref$isUpdating === void 0 ? false : _ref$isUpdating,
+    _ref$showFields = _ref.showFields,
+    showFields = _ref$showFields === void 0 ? true : _ref$showFields;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useContext = useContext(EmailFormContext),
@@ -2680,7 +2685,7 @@ var EmailForm = function EmailForm(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: "flex flex-1 flex-col items-start gap-2",
     "data-testid": "email-form"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, showFields && /*#__PURE__*/React.createElement("div", {
     className: "flex items-stretch gap-8"
   }, /*#__PURE__*/React.createElement("div", {
     className: "flex flex-col items-start justify-start gap-6"
@@ -2791,7 +2796,7 @@ var EmailFormProvider = function EmailFormProvider(_ref) {
     children = _ref.children,
     formikProps = _ref.formikProps,
     _ref$validationSchema = _ref.validationSchema,
-    customValidations = _ref$validationSchema === void 0 ? yup.object({}) : _ref$validationSchema,
+    customValidations = _ref$validationSchema === void 0 ? {} : _ref$validationSchema,
     _ref$showSendToField = _ref.showSendToField,
     showSendToField = _ref$showSendToField === void 0 ? false : _ref$showSendToField,
     _ref$showReplyToField = _ref.showReplyToField,