@bigbinary/neeto-molecules 3.3.10 → 3.3.12

package/dist/cjs/SendToFields.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var _extends = require('@babel/runtime/helpers/extends');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var React = require('react');
@@ -17,6 +17,7 @@ var reactDropzone = require('react-dropzone');
 var withT = require('@bigbinary/neeto-commons-frontend/react-utils/withT');
 var Download = require('@bigbinary/neeto-icons/Download');
 var Callout = require('@bigbinary/neetoui/Callout');
+var jsxRuntime = require('react/jsx-runtime');
 var i18next = require('i18next');
 var _commonjsHelpers = require('./_commonjsHelpers-68cdf74f.js');
 var require$$0 = require('stream');
@@ -25,10 +26,9 @@ var yup = require('yup');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
 var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Upload__default = /*#__PURE__*/_interopDefaultLegacy(Upload);
 var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
 var Toastr__default = /*#__PURE__*/_interopDefaultLegacy(Toastr);
@@ -48,30 +48,38 @@ var DOWNLOAD_SAMPLE_EMAIL_CSV_FILE = "https://d2v7kzglnr2dnh.cloudfront.net/othe
 var Requirements = withT__default["default"](function (_ref) {
   var t = _ref.t,
     fileSize = _ref.fileSize;
-  return /*#__PURE__*/React__default["default"].createElement(Callout__default["default"], {
+  return /*#__PURE__*/jsxRuntime.jsxs(Callout__default["default"], {
     className: "flex flex-col items-center py-6",
-    style: "info"
-  }, /*#__PURE__*/React__default["default"].createElement("ul", {
-    className: "list-outside list-disc space-y-1 font-normal leading-normal"
-  }, fileSize && /*#__PURE__*/React__default["default"].createElement("li", null, t("neetoMolecules.shareViaLink.requirements.fileTypeAndSize", {
-    limit: fileSize
-  })), /*#__PURE__*/React__default["default"].createElement("li", null, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
-    components: {
-      strong: /*#__PURE__*/React__default["default"].createElement("strong", {
-        className: "font-semibold"
-      })
-    },
-    i18nKey: "neetoMolecules.shareViaLink.requirements.shouldContainColumns"
-  }))), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
-    href: DOWNLOAD_SAMPLE_EMAIL_CSV_FILE,
-    icon: Download__default["default"],
-    iconPosition: "left",
-    label: t("neetoMolecules.shareViaLink.bulkUploadPane.downloadSampleCSV"),
-    style: "link"
-  }));
+    style: "info",
+    children: [/*#__PURE__*/jsxRuntime.jsxs("ul", {
+      className: "list-outside list-disc space-y-1 font-normal leading-normal",
+      children: [fileSize && /*#__PURE__*/jsxRuntime.jsx("li", {
+        children: t("neetoMolecules.shareViaLink.requirements.fileTypeAndSize", {
+          limit: fileSize
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx("li", {
+        children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+          components: {
+            strong: /*#__PURE__*/jsxRuntime.jsx("strong", {
+              className: "font-semibold"
+            })
+          },
+          i18nKey: "neetoMolecules.shareViaLink.requirements.shouldContainColumns"
+        })
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+      href: DOWNLOAD_SAMPLE_EMAIL_CSV_FILE,
+      icon: Download__default["default"],
+      iconPosition: "left",
+      label: t("neetoMolecules.shareViaLink.bulkUploadPane.downloadSampleCSV"),
+      style: "link"
+    })]
+  });
 });
-var Requirements$1 = /*#__PURE__*/React__default["default"].memo(Requirements);
+var Requirements$1 = /*#__PURE__*/React.memo(Requirements);
 
+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) { _defineProperty__default["default"](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 BulkUploadPane = function BulkUploadPane(_ref) {
   var _fileRejections$;
   var isOpen = _ref.isOpen,
@@ -95,80 +103,96 @@ var BulkUploadPane = function BulkUploadPane(_ref) {
   var errors = (_fileRejections$ = fileRejections[0]) === null || _fileRejections$ === void 0 ? void 0 : _fileRejections$.errors.map(function (_ref2) {
     var message = _ref2.message,
       code = _ref2.code;
-    return /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
+    return /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
       className: "neeto-ui-text-error-500 items",
       "data-cy": "file-input-error-message",
-      key: code,
-      style: "body3"
-    }, message);
+      style: "body3",
+      children: message
+    }, code);
   });
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  return /*#__PURE__*/React__default["default"].createElement(Pane__default["default"], {
+  return /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"], {
     isOpen: isOpen,
     onClose: onClose,
-    "data-testid": "bulk-upload-pane"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    tabIndex: 0
-  }, /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Header, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
-    "data-testid": "bulk-upload-header",
-    style: "h2",
-    weight: "semibold"
-  }, t("neetoMolecules.shareViaLink.bulkUpload"))), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "w-full space-y-4"
-  }, /*#__PURE__*/React__default["default"].createElement(Requirements$1, {
-    fileSize: fileSize
-  }), /*#__PURE__*/React__default["default"].createElement("div", getRootProps({
-    className: classnames__default["default"]("flex flex-col p-2 border neeto-ui-border-primary-500 border-dashed neeto-ui-rounded-md transition duration-500 ease-in-out hover:neeto-ui-bg-gray-100 cursor-pointer items-center", {
-      "neeto-ui-border-gray-100": isDragActive,
-      "neeto-ui-border-error neeto-ui-bg-pastel-red hover:neeto-ui-bg-pastel-red": fileRejections.length
+    "data-testid": "bulk-upload-pane",
+    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      tabIndex: 0,
+      children: [/*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Header, {
+        children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+          "data-testid": "bulk-upload-header",
+          style: "h2",
+          weight: "semibold",
+          children: t("neetoMolecules.shareViaLink.bulkUpload")
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Body, {
+        children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "w-full space-y-4",
+          children: [/*#__PURE__*/jsxRuntime.jsx(Requirements$1, {
+            fileSize: fileSize
+          }), /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread$1(_objectSpread$1({}, getRootProps({
+            className: classnames__default["default"]("flex flex-col p-2 border neeto-ui-border-primary-500 border-dashed neeto-ui-rounded-md transition duration-500 ease-in-out hover:neeto-ui-bg-gray-100 cursor-pointer items-center", {
+              "neeto-ui-border-gray-100": isDragActive,
+              "neeto-ui-border-error neeto-ui-bg-pastel-red hover:neeto-ui-bg-pastel-red": fileRejections.length
+            })
+          })), {}, {
+            children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+              className: "flex flex-col items-center space-y-3 p-4",
+              children: [/*#__PURE__*/jsxRuntime.jsx(Upload__default["default"], {
+                className: "neeto-ui-text-primary-500",
+                size: 32
+              }), /*#__PURE__*/jsxRuntime.jsx("input", _objectSpread$1(_objectSpread$1({}, getInputProps()), {}, {
+                "data-cy": "csv-upload-input",
+                "data-testid": "csv-upload-input"
+              })), isDragActive ? /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+                style: "body2",
+                children: t("neetoMolecules.shareViaLink.bulkUploadPane.dropFileHere")
+              }) : /*#__PURE__*/jsxRuntime.jsxs("div", {
+                className: "flex flex-col items-center space-y-1",
+                children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+                  className: "flex w-full items-center justify-center gap-x-1",
+                  children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+                    i18nKey: "neetoMolecules.shareViaLink.bulkUploadPane.dragNDrop",
+                    components: {
+                      Button: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+                        style: "link"
+                      })
+                    }
+                  })
+                }), /*#__PURE__*/jsxRuntime.jsxs(Typography__default["default"], {
+                  className: "neeto-ui-text-gray-700",
+                  style: "body3",
+                  children: [/*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+                    i18nKey: "neetoMolecules.shareViaLink.bulkUploadPane.supportedFormat",
+                    values: {
+                      fileType: "csv"
+                    },
+                    components: {
+                      code: /*#__PURE__*/jsxRuntime.jsx("code", {
+                        className: "neeto-ui-typography neeto-ui-text-body3 neeto-ui-bg-white m-0 border-l-0 p-0"
+                      })
+                    }
+                  }), " ", fileSize && t("neetoMolecules.shareViaLink.bulkUploadPane.supportedSize", {
+                    fileSize: fileSize
+                  })]
+                })]
+              })]
+            }), errors]
+          }))]
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Footer, {
+        className: "flex items-center space-x-2",
+        children: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+          "data-cy": "bulk-upload-cancel-button",
+          "data-testid": "bulk-upload-cancel-button",
+          label: t("neetoMolecules.common.actions.cancel"),
+          style: "text",
+          type: "reset",
+          onClick: onClose
+        })
+      })]
     })
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex flex-col items-center space-y-3 p-4"
-  }, /*#__PURE__*/React__default["default"].createElement(Upload__default["default"], {
-    className: "neeto-ui-text-primary-500",
-    size: 32
-  }), /*#__PURE__*/React__default["default"].createElement("input", _extends__default["default"]({}, getInputProps(), {
-    "data-cy": "csv-upload-input",
-    "data-testid": "csv-upload-input"
-  })), isDragActive ? /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
-    style: "body2"
-  }, t("neetoMolecules.shareViaLink.bulkUploadPane.dropFileHere")) : /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex flex-col items-center space-y-1"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex w-full items-center justify-center gap-x-1"
-  }, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
-    i18nKey: "neetoMolecules.shareViaLink.bulkUploadPane.dragNDrop",
-    components: {
-      Button: /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
-        style: "link"
-      })
-    }
-  })), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
-    className: "neeto-ui-text-gray-700",
-    style: "body3"
-  }, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
-    i18nKey: "neetoMolecules.shareViaLink.bulkUploadPane.supportedFormat",
-    values: {
-      fileType: "csv"
-    },
-    components: {
-      code: /*#__PURE__*/React__default["default"].createElement("code", {
-        className: "neeto-ui-typography neeto-ui-text-body3 neeto-ui-bg-white m-0 border-l-0 p-0"
-      })
-    }
-  }), " ", fileSize && t("neetoMolecules.shareViaLink.bulkUploadPane.supportedSize", {
-    fileSize: fileSize
-  })))), errors))), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Footer, {
-    className: "flex items-center space-x-2"
-  }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
-    "data-cy": "bulk-upload-cancel-button",
-    "data-testid": "bulk-upload-cancel-button",
-    label: t("neetoMolecules.common.actions.cancel"),
-    style: "text",
-    type: "reset",
-    onClick: onClose
-  }))));
+  });
 };
 
 var papaparse = {exports: {}};
@@ -2123,6 +2147,8 @@ var parseCsvEmails = function parseCsvEmails(file, onSuccess) {
   });
 };
 
+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) { _defineProperty__default["default"](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 SendToFields = function SendToFields(_ref) {
   var emailInputProps = _ref.emailInputProps,
     ccInputProps = _ref.ccInputProps,
@@ -2160,45 +2186,47 @@ var SendToFields = function SendToFields(_ref) {
     e.stopPropagation();
     setFieldValue("showCopyEmails", !showCopyEmails);
   };
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "relative w-full flex-col gap-2",
-    "data-testid": "send-to-text-field"
-  }, showUploadCsvButton && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
-    className: "absolute right-1 top-0",
-    "data-testid": "bulk-upload-button",
-    icon: Upload__default["default"],
-    label: t("neetoMolecules.shareViaLink.bulkUpload"),
-    size: "small",
-    style: "link",
-    onClick: function onClick() {
-      return setIsBulkUploadPaneOpen(true);
-    }
-  }), /*#__PURE__*/React__default["default"].createElement(MultiEmailInput__default["default"], _extends__default["default"]({
-    name: "sendTo",
-    ref: sendToFieldRef
-  }, emailInputProps, {
-    suffix: showCcBccButton && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
-      "data-cy": "cc-bcc-button",
-      "data-testid": "cc-bcc-button",
-      label: t("neetoMolecules.emailForm.labels.ccBcc"),
+    "data-testid": "send-to-text-field",
+    children: [showUploadCsvButton && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+      className: "absolute right-1 top-0",
+      "data-testid": "bulk-upload-button",
+      icon: Upload__default["default"],
+      label: t("neetoMolecules.shareViaLink.bulkUpload"),
       size: "small",
       style: "link",
-      onClick: handelCcBccButtonClick
-    })
-  })), showCopyEmails && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "mt-5 flex w-full flex-col gap-6"
-  }, /*#__PURE__*/React__default["default"].createElement(MultiEmailInput__default["default"], _extends__default["default"]({
-    name: "sendToBcc"
-  }, ccInputProps)), /*#__PURE__*/React__default["default"].createElement(MultiEmailInput__default["default"], _extends__default["default"]({
-    name: "sendToCc"
-  }, bccInputProps))), /*#__PURE__*/React__default["default"].createElement(BulkUploadPane, {
-    fileSize: CSV_FILE_SIZE_IN_KB,
-    handleFileSubmit: handleCSVFile,
-    isOpen: isBulkUploadPaneOpen,
-    onClose: function onClose() {
-      return setIsBulkUploadPaneOpen(false);
-    }
-  }));
+      onClick: function onClick() {
+        return setIsBulkUploadPaneOpen(true);
+      }
+    }), /*#__PURE__*/jsxRuntime.jsx(MultiEmailInput__default["default"], _objectSpread(_objectSpread({
+      name: "sendTo",
+      ref: sendToFieldRef
+    }, emailInputProps), {}, {
+      suffix: showCcBccButton && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+        "data-cy": "cc-bcc-button",
+        "data-testid": "cc-bcc-button",
+        label: t("neetoMolecules.emailForm.labels.ccBcc"),
+        size: "small",
+        style: "link",
+        onClick: handelCcBccButtonClick
+      })
+    })), showCopyEmails && /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "mt-5 flex w-full flex-col gap-6",
+      children: [/*#__PURE__*/jsxRuntime.jsx(MultiEmailInput__default["default"], _objectSpread({
+        name: "sendToBcc"
+      }, ccInputProps)), /*#__PURE__*/jsxRuntime.jsx(MultiEmailInput__default["default"], _objectSpread({
+        name: "sendToCc"
+      }, bccInputProps))]
+    }), /*#__PURE__*/jsxRuntime.jsx(BulkUploadPane, {
+      fileSize: CSV_FILE_SIZE_IN_KB,
+      handleFileSubmit: handleCSVFile,
+      isOpen: isBulkUploadPaneOpen,
+      onClose: function onClose() {
+        return setIsBulkUploadPaneOpen(false);
+      }
+    })]
+  });
 };
 
 module.exports = SendToFields;