@bigbinary/neeto-molecules 1.0.64 → 1.0.65-beta

package/dist/ShareViaEmail.js

@@ -1,4 +1,4 @@
-import React, { forwardRef, useRef } from 'react';
+import React, { forwardRef, useRef, useCallback } from 'react';
 import { Upload, LeftArrow } from '@bigbinary/neeto-icons';
 import { Typography, Button, DatePicker, Label } from '@bigbinary/neetoui';
 import { MultiEmailInput, Input, Switch, ActionBlock, Form as Form$1 } from '@bigbinary/neetoui/formik';
@@ -13,6 +13,7 @@ import { prop } from 'ramda';
 import * as yup from 'yup';
 import { string } from 'yup';
 
+var MemoizedEditorContent = /*#__PURE__*/React.memo(EditorContent);
 var EmailPreview = function EmailPreview(_ref) {
   var to = _ref.to,
     from = _ref.from,
@@ -69,7 +70,7 @@ var EmailPreview = function EmailPreview(_ref) {
   })))), /*#__PURE__*/React.createElement("div", {
     className: "neeto-ui-text-gray-800 flex flex-1 flex-col justify-between space-y-6 p-6 pr-10 text-base leading-relaxed",
     "data-cy": "email-body-preview-container"
-  }, body ? /*#__PURE__*/React.createElement(EditorContent, {
+  }, body ? /*#__PURE__*/React.createElement(MemoizedEditorContent, {
     content: body
   }) : /*#__PURE__*/React.createElement("div", {
     className: "space-y-4"
@@ -674,6 +675,7 @@ var FilePicker = function FilePicker(_ref) {
     onChange: handleInputChange
   }));
 };
+var FilePicker$1 = /*#__PURE__*/React.memo(FilePicker);
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -2769,7 +2771,7 @@ var Form = function Form(_ref) {
   var handleReset = function handleReset() {
     editorRef.current.editor.commands.setContent(initialValues.emailBody);
   };
-  var handleCSVFile = /*#__PURE__*/function () {
+  var handleCSVFile = useCallback( /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(_ref2) {
       var _ref4, file, values;
       return regenerator.wrap(function _callee$(_context) {
@@ -2787,10 +2789,10 @@ var Form = function Form(_ref) {
         }
       }, _callee);
     }));
-    return function handleCSVFile(_x) {
+    return function (_x) {
       return _ref3.apply(this, arguments);
     };
-  }();
+  }(), []);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "space-y-4"
   }, /*#__PURE__*/React.createElement("div", {
@@ -2802,7 +2804,7 @@ var Form = function Form(_ref) {
     lineHeight: "normal",
     style: "h4",
     weight: "semibold"
-  }, t("neetoMolecules.shareViaEmail.sendTo")), /*#__PURE__*/React.createElement(FilePicker, {
+  }, t("neetoMolecules.shareViaEmail.sendTo")), /*#__PURE__*/React.createElement(FilePicker$1, {
     types: ALLOWED_FILE_PICKER_TYPES,
     onChange: handleCSVFile
   })), /*#__PURE__*/React.createElement(MultiEmailInput, {