@bigbinary/neeto-molecules 1.1.16 → 1.1.18

package/dist/SendToFields/index.js

@@ -1,102 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useRef } from "react";
-import { useFormikContext } from "formik";
-import { Upload } from "@bigbinary/neeto-icons";
-import { Button, Toastr } from "@bigbinary/neetoui";
-import { MultiEmailInput } from "@bigbinary/neetoui/formik";
-import { useTranslation } from "react-i18next";
-import { SIZES, ALLOWED_FILE_PICKER_TYPES } from "./constants";
-import FilePicker from "./FilePicker";
-import { parseCsvEmails } from "./utils";
-var SendToFields = function SendToFields(_ref) {
-  var emailInputProps = _ref.emailInputProps,
-    ccInputProps = _ref.ccInputProps,
-    bccInputProps = _ref.bccInputProps,
-    _ref$showUploadCsvBut = _ref.showUploadCsvButton,
-    showUploadCsvButton = _ref$showUploadCsvBut === void 0 ? false : _ref$showUploadCsvBut,
-    _ref$showCcBccButton = _ref.showCcBccButton,
-    showCcBccButton = _ref$showCcBccButton === void 0 ? false : _ref$showCcBccButton;
-  var sendToFieldRef = useRef();
-  var _useFormikContext = useFormikContext(),
-    _useFormikContext$val = _useFormikContext.values,
-    showCopyEmails = _useFormikContext$val.showCopyEmails,
-    existingSendToEmails = _useFormikContext$val[emailInputProps.name || "sendTo"],
-    setFieldValue = _useFormikContext.setFieldValue;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var handleCSVFile = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(files) {
-      var _sendToFieldRef$curre, onSuccess;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.prev = 0;
-            onSuccess = function onSuccess(values) {
-              return setFieldValue(emailInputProps.name || "sendTo", [].concat(_toConsumableArray(existingSendToEmails), _toConsumableArray(values)));
-            };
-            _context.next = 4;
-            return parseCsvEmails(files[0], onSuccess);
-          case 4:
-            (_sendToFieldRef$curre = sendToFieldRef.current) === null || _sendToFieldRef$curre === void 0 ? void 0 : _sendToFieldRef$curre.focus();
-            _context.next = 10;
-            break;
-          case 7:
-            _context.prev = 7;
-            _context.t0 = _context["catch"](0);
-            Toastr.error(_context.t0);
-          case 10:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, null, [[0, 7]]);
-    }));
-    return function handleCSVFile(_x) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var handelCcBccButtonClick = function handelCcBccButtonClick(e) {
-    e.stopPropagation();
-    setFieldValue("showCopyEmails", !showCopyEmails);
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: "relative w-full flex-col gap-2"
-  }, showUploadCsvButton && /*#__PURE__*/React.createElement("div", {
-    className: "absolute top-0 right-1"
-  }, /*#__PURE__*/React.createElement(FilePicker, {
-    types: ALLOWED_FILE_PICKER_TYPES,
-    onChange: handleCSVFile
-  }, /*#__PURE__*/React.createElement(Button, {
-    "data-cy": "upload-csv-button",
-    icon: Upload,
-    label: t("neetoMolecules.emailForm.uploadCSV"),
-    size: "small",
-    style: "link",
-    tooltipProps: {
-      content: t("neetoMolecules.sendToFields.uploadCsvTooltip"),
-      position: "right"
-    }
-  }))), /*#__PURE__*/React.createElement(MultiEmailInput, _extends({
-    "data-testid": "emails",
-    name: "sendTo",
-    ref: sendToFieldRef
-  }, emailInputProps, {
-    suffix: showCcBccButton && /*#__PURE__*/React.createElement(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__*/React.createElement("div", {
-    className: "mt-5 flex w-full flex-col gap-6"
-  }, /*#__PURE__*/React.createElement(MultiEmailInput, _extends({
-    name: "sendToBcc"
-  }, ccInputProps)), /*#__PURE__*/React.createElement(MultiEmailInput, _extends({
-    name: "sendToCc"
-  }, bccInputProps))));
-};
-export default SendToFields;

package/dist/SendToFields/utils.js

@@ -1,54 +0,0 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { t } from "i18next";
-import { Toastr } from "@bigbinary/neetoui";
-import Papa from "papaparse";
-import { prop } from "ramda";
-import { string } from "yup";
-var isValidEmail = function isValidEmail(email) {
-  return string().email().isValidSync(email);
-};
-export var createEmailOptions = function createEmailOptions() {
-  var emails = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  return emails.map(function (email) {
-    return {
-      label: email,
-      value: email,
-      valid: isValidEmail(email)
-    };
-  });
-};
-export var parseCsvEmails = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(file, onSuccess) {
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          Papa.parse(file, {
-            header: true,
-            skipEmptyLines: true,
-            transformHeader: function transformHeader(h) {
-              return h.toLowerCase().replace(/\W/g, "");
-            },
-            complete: function complete(results) {
-              var _results$meta$fields;
-              var isEmailFieldPresent = (_results$meta$fields = results.meta.fields) === null || _results$meta$fields === void 0 ? void 0 : _results$meta$fields.includes("email");
-              if (isEmailFieldPresent) {
-                var emails = results.data.filter(prop("email")).map(function (item) {
-                  return item.email.trim();
-                });
-                onSuccess(createEmailOptions(emails));
-              } else {
-                Toastr.error(t("neetoMolecules.sendToFields.errors.invalidCsv"));
-              }
-            }
-          });
-        case 1:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return function parseCsvEmails(_x, _x2) {
-    return _ref.apply(this, arguments);
-  };
-}();

package/dist/Settings/Category.js

@@ -1,30 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from "react";
-import { isNotEmpty } from "@bigbinary/neeto-commons-frontend/pure";
-import { Typography } from "@bigbinary/neetoui";
-import IntegrationCard from "../IntegrationCard";
-import Item from "./Item";
-var Category = function Category(_ref) {
-  var items = _ref.items,
-    label = _ref.label,
-    id = _ref.id,
-    isIntegration = _ref.isIntegration;
-  var SettingsCard = isIntegration ? IntegrationCard : Item;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col py-6",
-    id: id
-  }, isNotEmpty(items) && /*#__PURE__*/React.createElement(Typography, {
-    className: "mb-6",
-    component: "h2",
-    "data-cy": "settings-category-heading",
-    style: "h2",
-    weight: "semibold"
-  }, label), /*#__PURE__*/React.createElement("div", {
-    className: "grid grid-cols-1 gap-3 lg:grid-cols-2 lg:gap-6 xl:grid-cols-3 2xl:grid-cols-4"
-  }, items.map(function (item) {
-    return /*#__PURE__*/React.createElement(SettingsCard, _extends({
-      key: item.label
-    }, item));
-  })));
-};
-export default Category;

package/dist/Settings/Item.js

@@ -1,38 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["label", "description", "icon", "path", "dataCy", "className"];
-import React, { memo } from "react";
-import classnames from "classnames";
-import { joinHyphenCase } from "@bigbinary/neeto-commons-frontend/utils";
-import { Typography } from "@bigbinary/neetoui";
-import { withRouter, Link } from "react-router-dom";
-var Item = function Item(_ref) {
-  var label = _ref.label,
-    description = _ref.description,
-    _ref$icon = _ref.icon,
-    Icon = _ref$icon === void 0 ? null : _ref$icon,
-    path = _ref.path,
-    dataCy = _ref.dataCy,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className,
-    otherProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Link, _extends({
-    "data-cy": dataCy,
-    to: path,
-    className: classnames("outline-none neeto-ui-border-gray-300 neeto-ui-shadow-xs hover:neeto-ui-border-gray-500 focus:neeto-ui-border-gray-500 neeto-ui-rounded-lg flex cursor-pointer flex-col border p-6 no-underline transition-colors", className)
-  }, otherProps), /*#__PURE__*/React.createElement("div", {
-    "data-testid": "settings-item-".concat(joinHyphenCase(label))
-  }, Icon && /*#__PURE__*/React.createElement(Icon, {
-    className: "neeto-ui-text-gray-600 mb-4",
-    size: 32
-  }), /*#__PURE__*/React.createElement(Typography, {
-    className: "mb-2",
-    "data-cy": "settings-item-heading",
-    style: "h4",
-    weight: "semibold"
-  }, label), /*#__PURE__*/React.createElement(Typography, {
-    "data-cy": "settings-item-description",
-    style: "body2"
-  }, description)));
-};
-export default /*#__PURE__*/memo(withRouter(Item));

package/dist/Settings/index.js

@@ -1,37 +0,0 @@
-import React, { useEffect } from "react";
-import { getQueryParams } from "@bigbinary/neeto-commons-frontend/utils";
-import { NoData } from "@bigbinary/neetoui";
-import { isEmpty } from "ramda";
-import { useTranslation } from "react-i18next";
-import Category from "./Category";
-import { scrollIntoSettingCategory } from "./utils";
-var Settings = function Settings(_ref) {
-  var _ref$categories = _ref.categories,
-    categories = _ref$categories === void 0 ? [] : _ref$categories;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _getQueryParams = getQueryParams(),
-    categoryParam = _getQueryParams.category;
-  useEffect(function () {
-    scrollIntoSettingCategory(categoryParam === null || categoryParam === void 0 ? void 0 : categoryParam.toUpperCase());
-  }, [categoryParam]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, isEmpty(categories) ? /*#__PURE__*/React.createElement("div", {
-    className: "flex h-full w-full flex-grow items-center justify-center",
-    "data-testid": "settings-no-data"
-  }, /*#__PURE__*/React.createElement(NoData, {
-    title: t("neetoMolecules.settingsPage.noData")
-  })) : categories.map(function (_ref2) {
-    var id = _ref2.id,
-      label = _ref2.label,
-      items = _ref2.items,
-      isIntegration = _ref2.isIntegration;
-    return /*#__PURE__*/React.createElement(Category, {
-      id: id,
-      isIntegration: isIntegration,
-      items: items,
-      label: label,
-      key: id
-    });
-  }));
-};
-export default Settings;

package/dist/Settings/utils.js

@@ -1,4 +0,0 @@
-export var scrollIntoSettingCategory = function scrollIntoSettingCategory(activeCategory) {
-  var _document$getElementB;
-  (_document$getElementB = document.getElementById(activeCategory)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.scrollIntoView();
-};

package/dist/ShareViaEmail/EmailBodyEditor.js

@@ -1,22 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import React, { forwardRef } from "react";
-import { FormikEditor } from "@bigbinary/neeto-editor";
-import { useTranslation } from "react-i18next";
-import { EDITOR_ADDONS } from "./constants";
-var EmailBody = function EmailBody(_ref, ref) {
-  var id = _ref.id,
-    showVideoEmbedInEditor = _ref.showVideoEmbedInEditor;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/React.createElement(FormikEditor, {
-    required: true,
-    className: "mb-6",
-    "data-cy": "email-body",
-    id: id,
-    label: t("neetoMolecules.shareViaEmail.emailBody"),
-    name: "emailBody",
-    ref: ref,
-    addons: showVideoEmbedInEditor ? [].concat(_toConsumableArray(EDITOR_ADDONS), ["video-embed"]) : EDITOR_ADDONS
-  });
-};
-export default /*#__PURE__*/forwardRef(EmailBody);

package/dist/ShareViaEmail/FilePicker.js

@@ -1,43 +0,0 @@
-import React, { useRef } from "react";
-import { Upload } from "@bigbinary/neeto-icons";
-import { Button } from "@bigbinary/neetoui";
-import { useTranslation } from "react-i18next";
-var FilePicker = function FilePicker(_ref) {
-  var _ref$types = _ref.types,
-    types = _ref$types === void 0 ? [] : _ref$types,
-    onChange = _ref.onChange;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var inputRef = useRef();
-  var accept = types.join(", ");
-  var handleInputChange = function handleInputChange(_ref2) {
-    var target = _ref2.target;
-    if (!target.files) return;
-    onChange(target.files);
-
-    // This will trigger handleClick when same file is uploaded again.
-    inputRef.current.value = "";
-    handleClick();
-  };
-  var handleClick = function handleClick() {
-    if (!inputRef.current) return;
-    inputRef.current.click();
-  };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
-    icon: Upload,
-    label: t("neetoMolecules.shareViaEmail.uploadCsv"),
-    size: "small",
-    style: "link",
-    tooltipProps: {
-      content: t("neetoMolecules.shareViaEmail.uploadCsvTooltip")
-    },
-    onClick: handleClick
-  }), /*#__PURE__*/React.createElement("input", {
-    accept: accept,
-    className: "hidden",
-    ref: inputRef,
-    type: "file",
-    onChange: handleInputChange
-  }));
-};
-export default /*#__PURE__*/React.memo(FilePicker);

package/dist/ShareViaEmail/Form.js

@@ -1,105 +0,0 @@
-import React, { useRef } from "react";
-import classnames from "classnames";
-import { useFormikContext } from "formik";
-import { Typography, Label } from "@bigbinary/neetoui";
-import { Input, Switch, ActionBlock } from "@bigbinary/neetoui/formik";
-import { useTranslation } from "react-i18next";
-import SendToFields from "../SendToFields";
-import EmailBody from "./EmailBodyEditor";
-import FormikDatePicker from "./FormikDatePicker";
-import { isPastDate } from "./utils";
-var Form = function Form(_ref) {
-  var isSendFromDisabled = _ref.isSendFromDisabled,
-    disableReplyTo = _ref.disableReplyTo,
-    showVideoEmbedInEditor = _ref.showVideoEmbedInEditor,
-    children = _ref.children;
-  var _useFormikContext = useFormikContext(),
-    values = _useFormikContext.values,
-    initialValues = _useFormikContext.initialValues;
-  var editorRef = useRef();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var handleReset = function handleReset() {
-    return editorRef.current.editor.commands.setContent(initialValues.emailBody);
-  };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "space-y-4"
-  }, /*#__PURE__*/React.createElement(SendToFields, {
-    showUploadCsvButton: true,
-    emailInputProps: {
-      label: t("neetoMolecules.shareViaEmail.sendTo"),
-      name: "notifyEmails",
-      required: true
-    }
-  }), /*#__PURE__*/React.createElement(Input, {
-    required: true,
-    className: "col-span-1",
-    label: t("neetoMolecules.shareViaEmail.subject"),
-    name: "emailSubject"
-  }), /*#__PURE__*/React.createElement(EmailBody, {
-    id: "emailBody",
-    ref: editorRef,
-    showVideoEmbedInEditor: showVideoEmbedInEditor
-  }), /*#__PURE__*/React.createElement("div", {
-    ref: editorRef
-  }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Label, {
-    className: "flex items-center gap-2"
-  }, /*#__PURE__*/React.createElement(Switch, {
-    "data-cy": "send-later-switch",
-    "data-testid": "send-later-switch",
-    name: "isSendLaterEnabled"
-  }), /*#__PURE__*/React.createElement(Typography, {
-    component: "span",
-    "data-cy": "send-later-label",
-    lineHeight: "normal",
-    style: "h4",
-    weight: "semibold"
-  }, t("neetoMolecules.shareViaEmail.sendLater")))), values.isSendLaterEnabled && /*#__PURE__*/React.createElement(FormikDatePicker, {
-    autoFocus: true,
-    showTime: true,
-    "data-cy": "email-share-date-input",
-    "data-testid": "formik-date-picker",
-    disabledDate: isPastDate,
-    name: "sendEmailDatetime",
-    picker: "date",
-    size: "large",
-    type: "date"
-  }), /*#__PURE__*/React.createElement(Input, {
-    required: true,
-    label: t("neetoMolecules.shareViaEmail.startButtonText"),
-    name: "actionButtonText"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: classnames({
-      "grid grid-cols-2 gap-6": !disableReplyTo
-    })
-  }, /*#__PURE__*/React.createElement(Input, {
-    required: true,
-    className: "col-auto",
-    "data-testid": "neeto-molecules-share-via-email-send-from",
-    disabled: isSendFromDisabled,
-    label: t("neetoMolecules.shareViaEmail.sendFrom"),
-    name: "sendFromEmail"
-  }), !disableReplyTo && /*#__PURE__*/React.createElement(Input, {
-    required: true,
-    className: "col-auto",
-    "data-testid": "replyTo-field",
-    label: t("neetoMolecules.shareViaEmail.replyTo"),
-    name: "replyToEmail"
-  }))), children && /*#__PURE__*/React.createElement("div", {
-    className: "neeto-ui-border-gray-300 mt-4 border-t py-4"
-  }, /*#__PURE__*/React.createElement("h3", {
-    className: "mb-4"
-  }, t("neetoMolecules.shareViaEmail.additionalOptions")), children), /*#__PURE__*/React.createElement("div", {
-    className: "mt-6"
-  }, /*#__PURE__*/React.createElement(ActionBlock, {
-    cancelButtonProps: {
-      label: t("neetoMolecules.shareViaEmail.reset"),
-      type: "reset",
-      onClick: handleReset
-    },
-    submitButtonProps: {
-      label: t("neetoMolecules.shareViaEmail.sendEmail")
-    }
-  })));
-};
-export default Form;

package/dist/ShareViaEmail/FormikDatePicker.js

@@ -1,24 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["name"];
-import React from "react";
-import { useField } from "formik";
-import { DatePicker } from "@bigbinary/neetoui";
-var FormikDatePicker = function FormikDatePicker(_ref) {
-  var name = _ref.name,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _useField = useField(name),
-    _useField2 = _slicedToArray(_useField, 3),
-    field = _useField2[0],
-    meta = _useField2[1],
-    setValue = _useField2[2].setValue;
-  return /*#__PURE__*/React.createElement(DatePicker, _extends({}, field, meta, {
-    onChange: function onChange(date) {
-      return setValue(date || undefined);
-    }
-  }, props, {
-    "data-cy": "email-share-date-input"
-  }));
-};
-export default FormikDatePicker;

package/dist/ShareViaEmail/constants.js

@@ -1,14 +0,0 @@
-export var ONE_MEGABYTE = 1048576;
-export var INITIAL_VALUES = {
-  sendFromEmail: "",
-  replyToEmail: "",
-  notifyEmails: [],
-  emailSubject: "",
-  emailBody: "",
-  isSendLaterEnabled: false,
-  sendEmailDatetime: undefined,
-  category: "email_share",
-  actionButtonText: ""
-};
-export var EDITOR_ADDONS = ["emoji", "block-quote", "image-upload", "divider"];
-export var ALLOWED_FILE_PICKER_TYPES = [".csv"];

package/dist/ShareViaEmail/index.js

@@ -1,92 +0,0 @@
-import React from "react";
-import { LeftArrow } from "@bigbinary/neeto-icons";
-import { Button, Typography } from "@bigbinary/neetoui";
-import { Form } from "@bigbinary/neetoui/formik";
-import { useTranslation } from "react-i18next";
-import EmailPreview from "../EmailPreview";
-import EmailForm from "./Form";
-import { emailFormValidationSchema, generateInitialValues } from "./utils";
-var ShareViaEmail = function ShareViaEmail(_ref) {
-  var _ref$isSendFromDisabl = _ref.isSendFromDisabled,
-    isSendFromDisabled = _ref$isSendFromDisabl === void 0 ? true : _ref$isSendFromDisabl,
-    backToUrl = _ref.backToUrl,
-    handleSubmit = _ref.handleSubmit,
-    children = _ref.children,
-    description = _ref.description,
-    defaultValues = _ref.defaultValues,
-    disableReplyTo = _ref.disableReplyTo,
-    productName = _ref.productName,
-    showVideoEmbedInEditor = _ref.showVideoEmbedInEditor,
-    _ref$title = _ref.title,
-    title = _ref$title === void 0 ? "" : _ref$title;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var shareViaEmailTitle = title || t("neetoMolecules.shareViaEmail.title");
-  var sendToEmails = function sendToEmails(notifyEmails) {
-    return notifyEmails.map(function (email) {
-      return email === null || email === void 0 ? void 0 : email.value;
-    });
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: "neeto-ui-bg-gray-100 flex w-full flex-1 flex-col p-8"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "mx-auto flex w-full max-w-7xl flex-col"
-  }, /*#__PURE__*/React.createElement(Form, {
-    scrollToErrorField: true,
-    formProps: {
-      noValidate: true
-    },
-    formikProps: {
-      enableReinitialize: true,
-      validateOnMount: true,
-      initialValues: generateInitialValues(defaultValues),
-      validationSchema: emailFormValidationSchema(disableReplyTo),
-      onSubmit: handleSubmit
-    }
-  }, function (_ref2) {
-    var values = _ref2.values;
-    return /*#__PURE__*/React.createElement("div", {
-      className: "grid grid-cols-12 gap-8"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "col-span-5"
-    }, backToUrl && /*#__PURE__*/React.createElement(Button, {
-      className: "mb-4",
-      "data-testid": "back-to-url-button",
-      icon: LeftArrow,
-      iconPosition: "left",
-      label: t("neetoMolecules.shareViaEmail.backToShare"),
-      size: "small",
-      style: "link",
-      to: backToUrl
-    }), /*#__PURE__*/React.createElement("div", {
-      className: "mb-6"
-    }, /*#__PURE__*/React.createElement(Typography, {
-      className: "mb-0.5 break-words",
-      "data-cy": "share-via-email-heading",
-      lineHeight: "normal",
-      style: "h2",
-      weight: "semibold"
-    }, shareViaEmailTitle), description && /*#__PURE__*/React.createElement(Typography, {
-      className: "neeto-ui-text-gray-700",
-      "data-cy": "share-via-email-sub-heading",
-      lineHeight: "normal",
-      style: "body2"
-    }, description)), /*#__PURE__*/React.createElement(EmailForm, {
-      disableReplyTo: disableReplyTo,
-      isSendFromDisabled: isSendFromDisabled,
-      showVideoEmbedInEditor: showVideoEmbedInEditor
-    }, children)), /*#__PURE__*/React.createElement("div", {
-      className: "col-span-7"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "sticky top-10 pt-10"
-    }, /*#__PURE__*/React.createElement(EmailPreview, {
-      actionButtonText: values.actionButtonText,
-      body: values.emailBody,
-      from: values.sendFromEmail,
-      productName: productName,
-      subject: values.emailSubject,
-      to: sendToEmails(values.notifyEmails)
-    }))));
-  })));
-};
-export default ShareViaEmail;

package/dist/ShareViaEmail/utils.js

@@ -1,72 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import dayjs from "dayjs";
-import { t } from "i18next";
-import { isNot } from "@bigbinary/neeto-commons-frontend/pure";
-import { isEditorEmpty } from "@bigbinary/neeto-editor";
-import Papa from "papaparse";
-import { prop } from "ramda";
-import { string } from "yup";
-import * as yup from "yup";
-import { INITIAL_VALUES } from "./constants";
-var isValidEmail = function isValidEmail(email) {
-  return string().email().isValidSync(email);
-};
-export var isPastDate = function isPastDate(date) {
-  return dayjs(date).isBefore(dayjs().subtract(1, "days"));
-};
-export var createEmailOptions = function createEmailOptions() {
-  var emails = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  return emails.map(function (email) {
-    return {
-      label: email,
-      value: email,
-      valid: isValidEmail(email)
-    };
-  });
-};
-export var parseCsvEmails = function parseCsvEmails(file) {
-  return new Promise(function (resolve) {
-    Papa.parse(file, {
-      header: true,
-      skipEmptyLines: true,
-      transformHeader: function transformHeader(h) {
-        return h.toLowerCase().replace(/\W/g, "");
-      },
-      complete: function complete(results) {
-        var _results$meta$fields;
-        var isEmailFieldPresent = (_results$meta$fields = results.meta.fields) === null || _results$meta$fields === void 0 ? void 0 : _results$meta$fields.includes("email");
-        if (!isEmailFieldPresent) return resolve([]);
-        var emails = results.data.map(function (item) {
-          var _item$email;
-          return (_item$email = item.email) === null || _item$email === void 0 ? void 0 : _item$email.trim();
-        }).filter(isNot(undefined));
-        return resolve(createEmailOptions(emails));
-      }
-    });
-  });
-};
-export var generateInitialValues = function generateInitialValues(defaultValues) {
-  return _objectSpread(_objectSpread({}, INITIAL_VALUES), defaultValues);
-};
-export var emailFormValidationSchema = function emailFormValidationSchema(disableReplyTo) {
-  return yup.object().shape({
-    emailSubject: yup.string().required(t("neetoMolecules.shareViaEmail.validations.requiredField.subject")),
-    emailBody: yup.string().test("emailBody", t("neetoMolecules.shareViaEmail.validations.requiredField.emailBody"), function (value) {
-      return !isEditorEmpty(value);
-    }),
-    sendFromEmail: yup.string().trim().email(t("neetoMolecules.shareViaEmail.validations.invalidField.emailAddress")).required(t("neetoMolecules.shareViaEmail.validations.requiredField.sendFrom")),
-    replyToEmail: !disableReplyTo && yup.string().trim().email(t("neetoMolecules.shareViaEmail.validations.invalidField.emailAddress")).required(t("neetoMolecules.shareViaEmail.validations.requiredField.replyTo")),
-    notifyEmails: yup.array().min(1, t("neetoMolecules.shareViaEmail.validations.atleastOneIsRequired.emailAddress")).test("are-all-emails-valid", t("neetoMolecules.shareViaEmail.validations.invalidField.emailAddress"), function (emails) {
-      return emails.every(prop("valid"));
-    }),
-    isSendLaterEnabled: yup["boolean"](),
-    sendEmailDatetime: yup.date().when("isSendLaterEnabled", {
-      is: true,
-      then: yup.date().required(t("neetoMolecules.shareViaEmail.validations.requiredField.sendLater"))
-    }),
-    name: yup.string(),
-    actionButtonText: yup.string().required(t("neetoMolecules.shareViaEmail.validations.requiredField.startButtonText"))
-  });
-};