@bigbinary/neeto-molecules 3.3.11 → 3.3.13

package/dist/SendToFields.js

@@ -1,7 +1,7 @@
-import _extends from '@babel/runtime/helpers/extends';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import React__default, { useState, useRef } from 'react';
+import { memo, useState, useRef } from 'react';
 import { useFormikContext } from 'formik';
 import Upload from '@bigbinary/neeto-icons/Upload';
 import Button from '@bigbinary/neetoui/Button';
@@ -15,6 +15,7 @@ import { useDropzone } from 'react-dropzone';
 import withT from '@bigbinary/neeto-commons-frontend/react-utils/withT';
 import Download from '@bigbinary/neeto-icons/Download';
 import Callout from '@bigbinary/neetoui/Callout';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { t } from 'i18next';
 import { c as commonjsGlobal } from './_commonjsHelpers-1c8beb5f.js';
 import require$$0 from 'stream';
@@ -28,30 +29,38 @@ var DOWNLOAD_SAMPLE_EMAIL_CSV_FILE = "https://d2v7kzglnr2dnh.cloudfront.net/othe
 var Requirements = withT(function (_ref) {
   var t = _ref.t,
     fileSize = _ref.fileSize;
-  return /*#__PURE__*/React__default.createElement(Callout, {
+  return /*#__PURE__*/jsxs(Callout, {
     className: "flex flex-col items-center py-6",
-    style: "info"
-  }, /*#__PURE__*/React__default.createElement("ul", {
-    className: "list-outside list-disc space-y-1 font-normal leading-normal"
-  }, fileSize && /*#__PURE__*/React__default.createElement("li", null, t("neetoMolecules.shareViaLink.requirements.fileTypeAndSize", {
-    limit: fileSize
-  })), /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(Trans, {
-    components: {
-      strong: /*#__PURE__*/React__default.createElement("strong", {
-        className: "font-semibold"
-      })
-    },
-    i18nKey: "neetoMolecules.shareViaLink.requirements.shouldContainColumns"
-  }))), /*#__PURE__*/React__default.createElement(Button, {
-    href: DOWNLOAD_SAMPLE_EMAIL_CSV_FILE,
-    icon: Download,
-    iconPosition: "left",
-    label: t("neetoMolecules.shareViaLink.bulkUploadPane.downloadSampleCSV"),
-    style: "link"
-  }));
+    style: "info",
+    children: [/*#__PURE__*/jsxs("ul", {
+      className: "list-outside list-disc space-y-1 font-normal leading-normal",
+      children: [fileSize && /*#__PURE__*/jsx("li", {
+        children: t("neetoMolecules.shareViaLink.requirements.fileTypeAndSize", {
+          limit: fileSize
+        })
+      }), /*#__PURE__*/jsx("li", {
+        children: /*#__PURE__*/jsx(Trans, {
+          components: {
+            strong: /*#__PURE__*/jsx("strong", {
+              className: "font-semibold"
+            })
+          },
+          i18nKey: "neetoMolecules.shareViaLink.requirements.shouldContainColumns"
+        })
+      })]
+    }), /*#__PURE__*/jsx(Button, {
+      href: DOWNLOAD_SAMPLE_EMAIL_CSV_FILE,
+      icon: Download,
+      iconPosition: "left",
+      label: t("neetoMolecules.shareViaLink.bulkUploadPane.downloadSampleCSV"),
+      style: "link"
+    })]
+  });
 });
-var Requirements$1 = /*#__PURE__*/React__default.memo(Requirements);
+var Requirements$1 = /*#__PURE__*/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(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,
@@ -75,80 +84,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.createElement(Typography, {
+    return /*#__PURE__*/jsx(Typography, {
       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 = useTranslation(),
     t = _useTranslation.t;
-  return /*#__PURE__*/React__default.createElement(Pane, {
+  return /*#__PURE__*/jsx(Pane, {
     isOpen: isOpen,
     onClose: onClose,
-    "data-testid": "bulk-upload-pane"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    tabIndex: 0
-  }, /*#__PURE__*/React__default.createElement(Pane.Header, null, /*#__PURE__*/React__default.createElement(Typography, {
-    "data-testid": "bulk-upload-header",
-    style: "h2",
-    weight: "semibold"
-  }, t("neetoMolecules.shareViaLink.bulkUpload"))), /*#__PURE__*/React__default.createElement(Pane.Body, null, /*#__PURE__*/React__default.createElement("div", {
-    className: "w-full space-y-4"
-  }, /*#__PURE__*/React__default.createElement(Requirements$1, {
-    fileSize: fileSize
-  }), /*#__PURE__*/React__default.createElement("div", getRootProps({
-    className: classnames("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__*/jsxs("div", {
+      tabIndex: 0,
+      children: [/*#__PURE__*/jsx(Pane.Header, {
+        children: /*#__PURE__*/jsx(Typography, {
+          "data-testid": "bulk-upload-header",
+          style: "h2",
+          weight: "semibold",
+          children: t("neetoMolecules.shareViaLink.bulkUpload")
+        })
+      }), /*#__PURE__*/jsx(Pane.Body, {
+        children: /*#__PURE__*/jsxs("div", {
+          className: "w-full space-y-4",
+          children: [/*#__PURE__*/jsx(Requirements$1, {
+            fileSize: fileSize
+          }), /*#__PURE__*/jsxs("div", _objectSpread$1(_objectSpread$1({}, getRootProps({
+            className: classnames("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__*/jsxs("div", {
+              className: "flex flex-col items-center space-y-3 p-4",
+              children: [/*#__PURE__*/jsx(Upload, {
+                className: "neeto-ui-text-primary-500",
+                size: 32
+              }), /*#__PURE__*/jsx("input", _objectSpread$1(_objectSpread$1({}, getInputProps()), {}, {
+                "data-cy": "csv-upload-input",
+                "data-testid": "csv-upload-input"
+              })), isDragActive ? /*#__PURE__*/jsx(Typography, {
+                style: "body2",
+                children: t("neetoMolecules.shareViaLink.bulkUploadPane.dropFileHere")
+              }) : /*#__PURE__*/jsxs("div", {
+                className: "flex flex-col items-center space-y-1",
+                children: [/*#__PURE__*/jsx("div", {
+                  className: "flex w-full items-center justify-center gap-x-1",
+                  children: /*#__PURE__*/jsx(Trans, {
+                    i18nKey: "neetoMolecules.shareViaLink.bulkUploadPane.dragNDrop",
+                    components: {
+                      Button: /*#__PURE__*/jsx(Button, {
+                        style: "link"
+                      })
+                    }
+                  })
+                }), /*#__PURE__*/jsxs(Typography, {
+                  className: "neeto-ui-text-gray-700",
+                  style: "body3",
+                  children: [/*#__PURE__*/jsx(Trans, {
+                    i18nKey: "neetoMolecules.shareViaLink.bulkUploadPane.supportedFormat",
+                    values: {
+                      fileType: "csv"
+                    },
+                    components: {
+                      code: /*#__PURE__*/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__*/jsx(Pane.Footer, {
+        className: "flex items-center space-x-2",
+        children: /*#__PURE__*/jsx(Button, {
+          "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.createElement("div", {
-    className: "flex flex-col items-center space-y-3 p-4"
-  }, /*#__PURE__*/React__default.createElement(Upload, {
-    className: "neeto-ui-text-primary-500",
-    size: 32
-  }), /*#__PURE__*/React__default.createElement("input", _extends({}, getInputProps(), {
-    "data-cy": "csv-upload-input",
-    "data-testid": "csv-upload-input"
-  })), isDragActive ? /*#__PURE__*/React__default.createElement(Typography, {
-    style: "body2"
-  }, t("neetoMolecules.shareViaLink.bulkUploadPane.dropFileHere")) : /*#__PURE__*/React__default.createElement("div", {
-    className: "flex flex-col items-center space-y-1"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "flex w-full items-center justify-center gap-x-1"
-  }, /*#__PURE__*/React__default.createElement(Trans, {
-    i18nKey: "neetoMolecules.shareViaLink.bulkUploadPane.dragNDrop",
-    components: {
-      Button: /*#__PURE__*/React__default.createElement(Button, {
-        style: "link"
-      })
-    }
-  })), /*#__PURE__*/React__default.createElement(Typography, {
-    className: "neeto-ui-text-gray-700",
-    style: "body3"
-  }, /*#__PURE__*/React__default.createElement(Trans, {
-    i18nKey: "neetoMolecules.shareViaLink.bulkUploadPane.supportedFormat",
-    values: {
-      fileType: "csv"
-    },
-    components: {
-      code: /*#__PURE__*/React__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.createElement(Pane.Footer, {
-    className: "flex items-center space-x-2"
-  }, /*#__PURE__*/React__default.createElement(Button, {
-    "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: {}};
@@ -2103,6 +2128,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(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,
@@ -2140,45 +2167,47 @@ var SendToFields = function SendToFields(_ref) {
     e.stopPropagation();
     setFieldValue("showCopyEmails", !showCopyEmails);
   };
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/jsxs("div", {
     className: "relative w-full flex-col gap-2",
-    "data-testid": "send-to-text-field"
-  }, showUploadCsvButton && /*#__PURE__*/React__default.createElement(Button, {
-    className: "absolute right-1 top-0",
-    "data-testid": "bulk-upload-button",
-    icon: Upload,
-    label: t("neetoMolecules.shareViaLink.bulkUpload"),
-    size: "small",
-    style: "link",
-    onClick: function onClick() {
-      return setIsBulkUploadPaneOpen(true);
-    }
-  }), /*#__PURE__*/React__default.createElement(MultiEmailInput, _extends({
-    name: "sendTo",
-    ref: sendToFieldRef
-  }, emailInputProps, {
-    suffix: showCcBccButton && /*#__PURE__*/React__default.createElement(Button, {
-      "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__*/jsx(Button, {
+      className: "absolute right-1 top-0",
+      "data-testid": "bulk-upload-button",
+      icon: Upload,
+      label: t("neetoMolecules.shareViaLink.bulkUpload"),
       size: "small",
       style: "link",
-      onClick: handelCcBccButtonClick
-    })
-  })), showCopyEmails && /*#__PURE__*/React__default.createElement("div", {
-    className: "mt-5 flex w-full flex-col gap-6"
-  }, /*#__PURE__*/React__default.createElement(MultiEmailInput, _extends({
-    name: "sendToBcc"
-  }, ccInputProps)), /*#__PURE__*/React__default.createElement(MultiEmailInput, _extends({
-    name: "sendToCc"
-  }, bccInputProps))), /*#__PURE__*/React__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__*/jsx(MultiEmailInput, _objectSpread(_objectSpread({
+      name: "sendTo",
+      ref: sendToFieldRef
+    }, emailInputProps), {}, {
+      suffix: showCcBccButton && /*#__PURE__*/jsx(Button, {
+        "data-cy": "cc-bcc-button",
+        "data-testid": "cc-bcc-button",
+        label: t("neetoMolecules.emailForm.labels.ccBcc"),
+        size: "small",
+        style: "link",
+        onClick: handelCcBccButtonClick
+      })
+    })), showCopyEmails && /*#__PURE__*/jsxs("div", {
+      className: "mt-5 flex w-full flex-col gap-6",
+      children: [/*#__PURE__*/jsx(MultiEmailInput, _objectSpread({
+        name: "sendToBcc"
+      }, ccInputProps)), /*#__PURE__*/jsx(MultiEmailInput, _objectSpread({
+        name: "sendToCc"
+      }, bccInputProps))]
+    }), /*#__PURE__*/jsx(BulkUploadPane, {
+      fileSize: CSV_FILE_SIZE_IN_KB,
+      handleFileSubmit: handleCSVFile,
+      isOpen: isBulkUploadPaneOpen,
+      onClose: function onClose() {
+        return setIsBulkUploadPaneOpen(false);
+      }
+    })]
+  });
 };
 
 export { SendToFields as default };