@bigbinary/neeto-molecules 1.1.78 → 1.2.0-beta1

package/dist/cjs/ShareRecordingPane.js

@@ -0,0 +1,195 @@
+'use strict';
+
+var _extends = require('./extends-1b35a664.js');
+var defineProperty = require('./defineProperty-886ed289.js');
+var objectWithoutProperties = require('./objectWithoutProperties-2fed2d7d.js');
+var React = require('react');
+var neetoui = require('@bigbinary/neetoui');
+var reactI18next = require('react-i18next');
+var slicedToArray = require('./slicedToArray-f320d9e7.js');
+var utils = require('@bigbinary/neeto-commons-frontend/utils');
+var ramda = require('ramda');
+var CopyToClipboardButton = require('./CopyToClipboardButton.js');
+require('classnames');
+require('@bigbinary/neeto-commons-frontend/utils/general');
+require('@bigbinary/neeto-icons');
+require('./inject-css-80a5faa3.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ONE_SECOND = 1;
+var ONE_MINUTE = 60 * ONE_SECOND;
+var ONE_HOUR = 60 * ONE_MINUTE;
+
+var padZero = function padZero(number) {
+  var length = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
+  var string = String(number);
+  var threshold = Math.pow(10, length - 1);
+  if (number < threshold) {
+    while (String(threshold).length > string.length) {
+      string = "0".concat(number);
+    }
+  }
+  return string;
+};
+var shouldRenderHoursInput = function shouldRenderHoursInput(duration) {
+  var hours = Math.floor(duration / ONE_HOUR);
+  return hours > 0;
+};
+var formatTime = function formatTime(timeInSeconds, showHours) {
+  var hours = Math.floor(timeInSeconds / ONE_HOUR);
+  var minutes = Math.floor(timeInSeconds % ONE_HOUR / ONE_MINUTE);
+  var seconds = timeInSeconds % ONE_MINUTE;
+  return showHours ? "".concat(padZero(hours), ":").concat(padZero(minutes), ":").concat(padZero(seconds)) : "".concat(padZero(minutes), ":").concat(padZero(seconds));
+};
+var parseTime = function parseTime(timeString) {
+  var parts = timeString.split(":").map(function (part) {
+    return part === "" ? NaN : parseInt(part, 10);
+  });
+  if (parts.some(isNaN) || parts.length > 3) {
+    return 0;
+  }
+  if (parts.length === 1) {
+    return parts[0];
+  } else if (parts.length === 2) {
+    return parts[0] * ONE_MINUTE + parts[1];
+  } else if (parts.length === 3) {
+    return parts[0] * ONE_HOUR + parts[1] * ONE_MINUTE + parts[2];
+  }
+  return 0;
+};
+var validateInput = function validateInput(input) {
+  var regex = /^[0-9:]{0,8}$/;
+  var colons = (input.match(/:/g) || []).length;
+  return regex.test(input) && colons <= 2;
+};
+
+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._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 SharePaneBody = function SharePaneBody(_ref) {
+  var recordingUrl = _ref.recordingUrl,
+    totalDuration = _ref.totalDuration,
+    getCurrentTimestamp = _ref.getCurrentTimestamp,
+    isOpen = _ref.isOpen;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var currentTimestamp = getCurrentTimestamp();
+  var _useState = React.useState(""),
+    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    shareLink = _useState2[0],
+    setShareLink = _useState2[1];
+  var _useState3 = React.useState(currentTimestamp),
+    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+    currentPlaybackTime = _useState4[0],
+    setCurrentPlaybackTime = _useState4[1];
+  var _useState5 = React.useState(""),
+    _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+    rawInput = _useState6[0],
+    setRawInput = _useState6[1];
+  var _useState7 = React.useState(currentTimestamp > 0),
+    _useState8 = slicedToArray._slicedToArray(_useState7, 2),
+    isPlaybackTimeCheckboxChecked = _useState8[0],
+    setIsPlaybackTimeCheckboxChecked = _useState8[1];
+  var showHours = shouldRenderHoursInput(totalDuration);
+  var handlePlaybackTimestampChange = function handlePlaybackTimestampChange(e) {
+    var input = e.target.value;
+    if (validateInput(input)) {
+      setRawInput(input);
+    }
+  };
+  var formatAndSetTime = function formatAndSetTime() {
+    var timeInSeconds = parseTime(rawInput);
+    if (timeInSeconds > totalDuration) {
+      timeInSeconds = totalDuration;
+    }
+    setCurrentPlaybackTime(timeInSeconds);
+    setRawInput(formatTime(timeInSeconds, showHours));
+  };
+  var handleKeyDown = function handleKeyDown(e) {
+    if (!(e.key === "Enter")) return;
+    formatAndSetTime();
+  };
+  React.useEffect(function () {
+    if (ramda.not(isOpen)) return;
+    setIsPlaybackTimeCheckboxChecked(currentTimestamp > 0);
+    setCurrentPlaybackTime(currentTimestamp > 0 ? currentTimestamp : 0);
+    setRawInput(formatTime(currentTimestamp > 0 ? currentTimestamp : 0, showHours));
+  }, [isOpen, showHours, currentTimestamp]);
+  React.useEffect(function () {
+    var playbackUrl = utils.buildUrl(recordingUrl, _objectSpread$1({}, isPlaybackTimeCheckboxChecked && currentPlaybackTime > 0 && {
+      time: currentPlaybackTime
+    }));
+    setShareLink(playbackUrl);
+  }, [recordingUrl, isPlaybackTimeCheckboxChecked, currentPlaybackTime]);
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-ui-bg-gray-100 neeto-ui-rounded-lg mb-3 flex w-full items-center justify-between p-2"
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
+    content: shareLink
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    className: "truncate",
+    style: "body2"
+  }, shareLink)), /*#__PURE__*/React__default["default"].createElement(CopyToClipboardButton, {
+    className: "flex-shrink-0",
+    style: "secondary",
+    value: shareLink
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex items-center gap-x-2"
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Checkbox, {
+    checked: isPlaybackTimeCheckboxChecked,
+    className: "grow-0",
+    "data-cy": "time-checkbox",
+    label: t("neetoMolecules.shareRecording.checkboxLabel"),
+    onChange: function onChange(_ref2) {
+      var checked = _ref2.target.checked;
+      return setIsPlaybackTimeCheckboxChecked(checked);
+    }
+  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
+    className: "w-40",
+    "data-cy": "time-input",
+    disabled: ramda.not(isPlaybackTimeCheckboxChecked),
+    placeholder: showHours ? "HH:MM:SS" : "MM:SS",
+    value: rawInput,
+    onBlur: formatAndSetTime,
+    onChange: handlePlaybackTimestampChange,
+    onKeyDown: handleKeyDown
+  })));
+};
+
+var _excluded = ["recordingUrl", "totalDuration", "getCurrentTimestamp", "isOpen", "onClose", "isLoading"];
+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._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 ShareRecordingPane = function ShareRecordingPane(_ref) {
+  var recordingUrl = _ref.recordingUrl,
+    totalDuration = _ref.totalDuration,
+    getCurrentTimestamp = _ref.getCurrentTimestamp,
+    isOpen = _ref.isOpen,
+    onClose = _ref.onClose,
+    _ref$isLoading = _ref.isLoading,
+    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
+    otherProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, _extends._extends({}, _objectSpread({
+    isOpen: isOpen,
+    onClose: onClose
+  }, otherProps), {
+    "data-cy": "share-pane",
+    size: "large"
+  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    style: "h2"
+  }, t("neetoMolecules.shareRecording.title"))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, {
+    className: "flex flex-col space-y-2"
+  }, isLoading ? /*#__PURE__*/React__default["default"].createElement(neetoui.Spinner, {
+    className: "mx-auto"
+  }) : /*#__PURE__*/React__default["default"].createElement(SharePaneBody, {
+    getCurrentTimestamp: getCurrentTimestamp,
+    isOpen: isOpen,
+    recordingUrl: recordingUrl,
+    totalDuration: totalDuration
+  })));
+};
+
+module.exports = ShareRecordingPane;
+//# sourceMappingURL=ShareRecordingPane.js.map

package/dist/cjs/ShareRecordingPane.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShareRecordingPane.js","sources":["../../src/components/ShareRecordingPane/constants.js","../../src/components/ShareRecordingPane/utils.js","../../src/components/ShareRecordingPane/SharePaneBody.jsx","../../src/components/ShareRecordingPane/index.jsx"],"sourcesContent":["export const ONE_SECOND = 1;\nexport const ONE_MINUTE = 60 * ONE_SECOND;\nexport const ONE_HOUR = 60 * ONE_MINUTE;\n","import { ONE_HOUR, ONE_MINUTE } from \"./constants\";\n\nexport const padZero = (number, length = 2) => {\n  let string = String(number);\n  const threshold = Math.pow(10, length - 1);\n\n  if (number < threshold) {\n    while (String(threshold).length > string.length) {\n      string = `0${number}`;\n    }\n  }\n\n  return string;\n};\n\nexport const shouldRenderHoursInput = duration => {\n  const hours = Math.floor(duration / ONE_HOUR);\n\n  return hours > 0;\n};\n\nexport const formatTime = (timeInSeconds, showHours) => {\n  const hours = Math.floor(timeInSeconds / ONE_HOUR);\n  const minutes = Math.floor((timeInSeconds % ONE_HOUR) / ONE_MINUTE);\n  const seconds = timeInSeconds % ONE_MINUTE;\n\n  return showHours\n    ? `${padZero(hours)}:${padZero(minutes)}:${padZero(seconds)}`\n    : `${padZero(minutes)}:${padZero(seconds)}`;\n};\n\nexport const parseTime = timeString => {\n  const parts = timeString\n    .split(\":\")\n    .map(part => (part === \"\" ? NaN : parseInt(part, 10)));\n  if (parts.some(isNaN) || parts.length > 3) {\n    return 0;\n  }\n\n  if (parts.length === 1) {\n    return parts[0];\n  } else if (parts.length === 2) {\n    return parts[0] * ONE_MINUTE + parts[1];\n  } else if (parts.length === 3) {\n    return parts[0] * ONE_HOUR + parts[1] * ONE_MINUTE + parts[2];\n  }\n\n  return 0;\n};\n\nexport const validateInput = input => {\n  const regex = /^[0-9:]{0,8}$/;\n  const colons = (input.match(/:/g) || []).length;\n\n  return regex.test(input) && colons <= 2;\n};\n","import React, { useState, useEffect } from \"react\";\n\nimport { buildUrl } from \"neetocommons/utils\";\nimport { Typography, Input, Checkbox, Tooltip } from \"neetoui\";\nimport { not } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport CopyToClipboardButton from \"components/CopyToClipboardButton\";\n\nimport {\n  formatTime,\n  parseTime,\n  shouldRenderHoursInput,\n  validateInput,\n} from \"./utils\";\n\nconst SharePaneBody = ({\n  recordingUrl,\n  totalDuration,\n  getCurrentTimestamp,\n  isOpen,\n}) => {\n  const { t } = useTranslation();\n  const currentTimestamp = getCurrentTimestamp();\n\n  const [shareLink, setShareLink] = useState(\"\");\n  const [currentPlaybackTime, setCurrentPlaybackTime] =\n    useState(currentTimestamp);\n  const [rawInput, setRawInput] = useState(\"\");\n\n  const [isPlaybackTimeCheckboxChecked, setIsPlaybackTimeCheckboxChecked] =\n    useState(currentTimestamp > 0);\n\n  const showHours = shouldRenderHoursInput(totalDuration);\n\n  const handlePlaybackTimestampChange = e => {\n    const input = e.target.value;\n    if (validateInput(input)) {\n      setRawInput(input);\n    }\n  };\n\n  const formatAndSetTime = () => {\n    let timeInSeconds = parseTime(rawInput);\n    if (timeInSeconds > totalDuration) {\n      timeInSeconds = totalDuration;\n    }\n    setCurrentPlaybackTime(timeInSeconds);\n    setRawInput(formatTime(timeInSeconds, showHours));\n  };\n\n  const handleKeyDown = e => {\n    if (!(e.key === \"Enter\")) return;\n    formatAndSetTime();\n  };\n\n  useEffect(() => {\n    if (not(isOpen)) return;\n\n    setIsPlaybackTimeCheckboxChecked(currentTimestamp > 0);\n    setCurrentPlaybackTime(currentTimestamp > 0 ? currentTimestamp : 0);\n    setRawInput(\n      formatTime(currentTimestamp > 0 ? currentTimestamp : 0, showHours)\n    );\n  }, [isOpen, showHours, currentTimestamp]);\n\n  useEffect(() => {\n    const playbackUrl = buildUrl(recordingUrl, {\n      ...(isPlaybackTimeCheckboxChecked &&\n        currentPlaybackTime > 0 && { time: currentPlaybackTime }),\n    });\n\n    setShareLink(playbackUrl);\n  }, [recordingUrl, isPlaybackTimeCheckboxChecked, currentPlaybackTime]);\n\n  return (\n    <>\n      <div className=\"neeto-ui-bg-gray-100 neeto-ui-rounded-lg mb-3 flex w-full items-center justify-between p-2\">\n        <Tooltip content={shareLink}>\n          <Typography className=\"truncate\" style=\"body2\">\n            {shareLink}\n          </Typography>\n        </Tooltip>\n        <CopyToClipboardButton\n          className=\"flex-shrink-0\"\n          style=\"secondary\"\n          value={shareLink}\n        />\n      </div>\n      <div className=\"flex items-center gap-x-2\">\n        <Checkbox\n          checked={isPlaybackTimeCheckboxChecked}\n          className=\"grow-0\"\n          data-cy=\"time-checkbox\"\n          label={t(\"neetoMolecules.shareRecording.checkboxLabel\")}\n          onChange={({ target: { checked } }) =>\n            setIsPlaybackTimeCheckboxChecked(checked)\n          }\n        />\n        <Input\n          className=\"w-40\"\n          data-cy=\"time-input\"\n          disabled={not(isPlaybackTimeCheckboxChecked)}\n          placeholder={showHours ? \"HH:MM:SS\" : \"MM:SS\"}\n          value={rawInput}\n          onBlur={formatAndSetTime}\n          onChange={handlePlaybackTimestampChange}\n          onKeyDown={handleKeyDown}\n        />\n      </div>\n    </>\n  );\n};\n\nexport default SharePaneBody;\n","/* eslint-disable @bigbinary/neeto/no-dumb-components-with-use-translation */\nimport React from \"react\";\n\nimport { Pane, Typography, Spinner } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport SharePaneBody from \"./SharePaneBody\";\n\nconst ShareRecordingPane = ({\n  recordingUrl,\n  totalDuration,\n  getCurrentTimestamp,\n  isOpen,\n  onClose,\n  isLoading = false,\n  ...otherProps\n}) => {\n  const { t } = useTranslation();\n\n  return (\n    <Pane\n      {...{ isOpen, onClose, ...otherProps }}\n      data-cy=\"share-pane\"\n      size=\"large\"\n    >\n      <Pane.Header>\n        <Typography style=\"h2\">\n          {t(\"neetoMolecules.shareRecording.title\")}\n        </Typography>\n      </Pane.Header>\n      <Pane.Body className=\"flex flex-col space-y-2\">\n        {isLoading ? (\n          <Spinner className=\"mx-auto\" />\n        ) : (\n          <SharePaneBody\n            {...{ getCurrentTimestamp, isOpen, recordingUrl, totalDuration }}\n          />\n        )}\n      </Pane.Body>\n    </Pane>\n  );\n};\n\nShareRecordingPane.propTypes = {\n  /**\n   * Recording URL used for building the share link.\n   */\n  recordingUrl: PropTypes.string.isRequired,\n  /**\n   * Total duration of the content being shared.\n   */\n  totalDuration: PropTypes.number.isRequired,\n  /**\n   * A function that returns current playback time of the recorded content in seconds.\n   */\n  getCurrentTimestamp: PropTypes.func.isRequired,\n  /**\n   * Boolean indicating whether the pane is open or not.\n   */\n  isOpen: PropTypes.bool.isRequired,\n  /**\n   * Function to close the pane.\n   */\n  onClose: PropTypes.func.isRequired,\n  /**\n   * Boolean indicating whether content is loading or not.\n   */\n  isLoading: PropTypes.bool,\n};\n\nexport default ShareRecordingPane;\n"],"names":["ONE_SECOND","ONE_MINUTE","ONE_HOUR","padZero","number","length","arguments","undefined","string","String","threshold","Math","pow","concat","shouldRenderHoursInput","duration","hours","floor","formatTime","timeInSeconds","showHours","minutes","seconds","parseTime","timeString","parts","split","map","part","NaN","parseInt","some","isNaN","validateInput","input","regex","colons","match","test","SharePaneBody","_ref","recordingUrl","totalDuration","getCurrentTimestamp","isOpen","_useTranslation","useTranslation","t","currentTimestamp","_useState","useState","_useState2","_slicedToArray","shareLink","setShareLink","_useState3","_useState4","currentPlaybackTime","setCurrentPlaybackTime","_useState5","_useState6","rawInput","setRawInput","_useState7","_useState8","isPlaybackTimeCheckboxChecked","setIsPlaybackTimeCheckboxChecked","handlePlaybackTimestampChange","e","target","value","formatAndSetTime","handleKeyDown","key","useEffect","not","playbackUrl","buildUrl","_objectSpread","time","React","createElement","Fragment","className","Tooltip","content","Typography","style","CopyToClipboardButton","Checkbox","checked","label","onChange","_ref2","Input","disabled","placeholder","onBlur","onKeyDown","ShareRecordingPane","onClose","_ref$isLoading","isLoading","otherProps","_objectWithoutProperties","_excluded","Pane","_extends","size","Header","Body","Spinner"],"mappings":"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"}

package/dist/cjs/ShareViaEmail.js

@@ -0,0 +1,348 @@
+'use strict';
+
+var React = require('react');
+var neetoIcons = require('@bigbinary/neeto-icons');
+var neetoui = require('@bigbinary/neetoui');
+var formik$1 = require('@bigbinary/neetoui/formik');
+var reactI18next = require('react-i18next');
+var EmailPreview = require('./EmailPreview.js');
+var classnames = require('classnames');
+var formik = require('formik');
+var SendToFields = require('./SendToFields.js');
+var toConsumableArray = require('./toConsumableArray-9abb3858.js');
+var neetoEditor = require('@bigbinary/neeto-editor');
+var _extends = require('./extends-1b35a664.js');
+var slicedToArray = require('./slicedToArray-f320d9e7.js');
+var objectWithoutProperties = require('./objectWithoutProperties-2fed2d7d.js');
+var defineProperty = require('./defineProperty-886ed289.js');
+var dayjs = require('dayjs');
+var i18next = require('i18next');
+require('@bigbinary/neeto-cist');
+require('papaparse');
+var ramda = require('ramda');
+var yup = require('yup');
+require('@bigbinary/neeto-commons-frontend/react-utils/withT');
+require('./index-248c4f4c.js');
+require('react-dropzone');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
+var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
+
+var INITIAL_VALUES = {
+  sendFromEmail: "",
+  replyToEmail: "",
+  notifyEmails: [],
+  emailSubject: "",
+  emailBody: "",
+  isSendLaterEnabled: false,
+  sendEmailDatetime: undefined,
+  category: "email_share",
+  actionButtonText: ""
+};
+var EDITOR_ADDONS = ["emoji", "block-quote", "image-upload", "divider"];
+
+var EmailBody = function EmailBody(_ref, ref) {
+  var id = _ref.id,
+    showVideoEmbedInEditor = _ref.showVideoEmbedInEditor;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/React__default["default"].createElement(neetoEditor.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._toConsumableArray(EDITOR_ADDONS), ["video-embed"]) : EDITOR_ADDONS
+  });
+};
+var EmailBody$1 = /*#__PURE__*/React.forwardRef(EmailBody);
+
+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._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 isPastDate = function isPastDate(date) {
+  return dayjs__default["default"](date).isBefore(dayjs__default["default"]().subtract(1, "days"));
+};
+var generateInitialValues = function generateInitialValues(defaultValues) {
+  return _objectSpread(_objectSpread({}, INITIAL_VALUES), defaultValues);
+};
+var emailFormValidationSchema = function emailFormValidationSchema(disableReplyTo) {
+  return yup__namespace.object().shape({
+    emailSubject: yup__namespace.string().required(i18next.t("neetoMolecules.shareViaEmail.validations.requiredField.subject")),
+    emailBody: yup__namespace.string().test("emailBody", i18next.t("neetoMolecules.shareViaEmail.validations.requiredField.emailBody"), function (value) {
+      return !neetoEditor.isEditorEmpty(value);
+    }),
+    sendFromEmail: yup__namespace.string().trim().email(i18next.t("neetoMolecules.shareViaEmail.validations.invalidField.emailAddress")).required(i18next.t("neetoMolecules.shareViaEmail.validations.requiredField.sendFrom")),
+    replyToEmail: !disableReplyTo && yup__namespace.string().trim().email(i18next.t("neetoMolecules.shareViaEmail.validations.invalidField.emailAddress")).required(i18next.t("neetoMolecules.shareViaEmail.validations.requiredField.replyTo")),
+    notifyEmails: yup__namespace.array().min(1, i18next.t("neetoMolecules.shareViaEmail.validations.atleastOneIsRequired.emailAddress")).test("are-all-emails-valid", i18next.t("neetoMolecules.shareViaEmail.validations.invalidField.emailAddress"), function (emails) {
+      return emails.every(ramda.prop("valid"));
+    }),
+    isSendLaterEnabled: yup__namespace["boolean"](),
+    sendEmailDatetime: yup__namespace.date().when("isSendLaterEnabled", {
+      is: true,
+      then: yup__namespace.date().required(i18next.t("neetoMolecules.shareViaEmail.validations.requiredField.sendLater"))
+    }),
+    name: yup__namespace.string(),
+    actionButtonText: yup__namespace.string().required(i18next.t("neetoMolecules.shareViaEmail.validations.requiredField.startButtonText"))
+  });
+};
+var disabledTime = function disabledTime(selectedDate) {
+  var current = selectedDate ? dayjs__default["default"](selectedDate).startOf("day") : null;
+  if (!current) return {};
+  var today = dayjs__default["default"]().startOf("day");
+  var isAfterToday = current.isAfter(today, "day");
+  var isBeforeToday = current.isBefore(today, "day");
+  if (isAfterToday) {
+    return {
+      minTime: null,
+      maxTime: null
+    };
+  } else if (isBeforeToday) {
+    return {
+      minTime: "0:00",
+      maxTime: "24:00"
+    };
+  }
+
+  // eslint-disable-next-line @bigbinary/neeto/use-standard-date-time-formats
+  var currentTime = dayjs__default["default"]().format("HH:mm");
+  var endOfDay = "23:59";
+  return {
+    minTime: currentTime,
+    maxTime: endOfDay
+  };
+};
+
+var _excluded = ["name", "disabledDate"];
+var FormikDatePicker = function FormikDatePicker(_ref) {
+  var name = _ref.name,
+    disabledDate = _ref.disabledDate,
+    props = objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
+  var _useField = formik.useField(name),
+    _useField2 = slicedToArray._slicedToArray(_useField, 3),
+    field = _useField2[0],
+    meta = _useField2[1],
+    _useField2$ = _useField2[2],
+    setValue = _useField2$.setValue,
+    setTouched = _useField2$.setTouched;
+  var disabledTimeFrame = React.useMemo(function () {
+    return disabledTime(field === null || field === void 0 ? void 0 : field.value);
+  }, [field === null || field === void 0 ? void 0 : field.value]);
+  return /*#__PURE__*/React__default["default"].createElement(neetoui.DateTimePicker, _extends._extends({}, field, meta, {
+    timePickerProps: disabledTimeFrame,
+    datePickerProps: {
+      disabledDate: disabledDate,
+      "data-cy": props["data-cy"],
+      "data-testid": props["data-testid"]
+    },
+    onBlur: function onBlur(date) {
+      setValue(date || undefined);
+      setTouched(true);
+    },
+    onChange: function onChange(date) {
+      setValue(date || undefined);
+      setTouched(true);
+    }
+  }, props));
+};
+
+var Form = function Form(_ref) {
+  var showSendFromField = _ref.showSendFromField,
+    disableReplyTo = _ref.disableReplyTo,
+    showVideoEmbedInEditor = _ref.showVideoEmbedInEditor,
+    children = _ref.children;
+  var _useFormikContext = formik.useFormikContext(),
+    values = _useFormikContext.values,
+    initialValues = _useFormikContext.initialValues;
+  var editorRef = React.useRef();
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var handleReset = function handleReset() {
+    return editorRef.current.editor.commands.setContent(initialValues.emailBody);
+  };
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "space-y-4"
+  }, /*#__PURE__*/React__default["default"].createElement(SendToFields, {
+    showUploadCsvButton: true,
+    emailInputProps: {
+      label: t("neetoMolecules.shareViaEmail.sendTo"),
+      name: "notifyEmails",
+      required: true
+    }
+  }), /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
+    required: true,
+    className: "col-span-1",
+    label: t("neetoMolecules.shareViaEmail.subject"),
+    name: "emailSubject"
+  }), /*#__PURE__*/React__default["default"].createElement(EmailBody$1, {
+    showVideoEmbedInEditor: showVideoEmbedInEditor,
+    id: "emailBody",
+    ref: editorRef
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    ref: editorRef
+  }), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
+    className: "flex items-center gap-2"
+  }, /*#__PURE__*/React__default["default"].createElement(formik$1.Switch, {
+    "data-cy": "send-later-switch",
+    "data-testid": "send-later-switch",
+    name: "isSendLaterEnabled"
+  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    component: "span",
+    "data-cy": "send-later-label",
+    lineHeight: "normal",
+    style: "h4",
+    weight: "semibold"
+  }, t("neetoMolecules.shareViaEmail.sendLater")))), values.isSendLaterEnabled && /*#__PURE__*/React__default["default"].createElement(FormikDatePicker, {
+    autoFocus: true,
+    "data-cy": "email-share-date-input",
+    "data-testid": "formik-date-picker",
+    disabledDate: isPastDate,
+    name: "sendEmailDatetime",
+    size: "large"
+  }), /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
+    required: true,
+    label: t("neetoMolecules.shareViaEmail.startButtonText"),
+    name: "actionButtonText"
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex flex-col gap-4 sm:flex-row sm:gap-6"
+  }, showSendFromField && /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
+    required: true,
+    className: classnames__default["default"]({
+      "w-full flex-grow-0": !disableReplyTo
+    }),
+    "data-testid": "neeto-molecules-share-via-email-send-from",
+    label: t("neetoMolecules.shareViaEmail.sendFrom"),
+    name: "sendFromEmail"
+  }), !disableReplyTo && /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
+    required: true,
+    "data-testid": "replyTo-field",
+    label: t("neetoMolecules.shareViaEmail.replyTo"),
+    name: "replyToEmail",
+    className: classnames__default["default"]({
+      "w-full flex-grow-0": showSendFromField
+    })
+  }))), children && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-ui-border-gray-300 mt-4 border-t py-4"
+  }, /*#__PURE__*/React__default["default"].createElement("h3", {
+    className: "mb-4"
+  }, t("neetoMolecules.shareViaEmail.additionalOptions")), children), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "mt-6"
+  }, /*#__PURE__*/React__default["default"].createElement(formik$1.ActionBlock, {
+    cancelButtonProps: {
+      label: t("neetoMolecules.shareViaEmail.reset"),
+      type: "reset",
+      onClick: handleReset
+    },
+    submitButtonProps: {
+      label: t("neetoMolecules.shareViaEmail.sendEmail")
+    }
+  })));
+};
+
+var ShareViaEmail = function ShareViaEmail(_ref) {
+  var _ref$showSendFromFiel = _ref.showSendFromField,
+    showSendFromField = _ref$showSendFromFiel === void 0 ? false : _ref$showSendFromFiel,
+    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 = reactI18next.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__default["default"].createElement("div", {
+    className: "neeto-ui-bg-gray-100 flex w-full flex-1 flex-col p-6 md:p-8"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "mx-auto flex w-full max-w-7xl flex-col"
+  }, /*#__PURE__*/React__default["default"].createElement(formik$1.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__default["default"].createElement("div", {
+      className: "grid grid-cols-1 gap-8 md:grid-cols-12"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "col-span-1 md:col-span-6 lg:col-span-5"
+    }, backToUrl && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+      className: "mb-4",
+      "data-testid": "back-to-url-button",
+      icon: neetoIcons.LeftArrow,
+      iconPosition: "left",
+      label: t("neetoMolecules.shareViaEmail.backToShare"),
+      size: "small",
+      style: "link",
+      to: backToUrl
+    }), /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "mb-6"
+    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+      className: "mb-0.5 break-words",
+      "data-cy": "share-via-email-heading",
+      lineHeight: "normal",
+      style: "h2",
+      weight: "semibold"
+    }, shareViaEmailTitle), description && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+      className: "neeto-ui-text-gray-700",
+      "data-cy": "share-via-email-sub-heading",
+      lineHeight: "normal",
+      style: "body2"
+    }, description)), /*#__PURE__*/React__default["default"].createElement(Form, {
+      disableReplyTo: disableReplyTo,
+      showSendFromField: showSendFromField,
+      showVideoEmbedInEditor: showVideoEmbedInEditor
+    }, children)), /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "col-span-1 md:col-span-6 lg:col-span-7"
+    }, /*#__PURE__*/React__default["default"].createElement(EmailPreview, {
+      productName: productName,
+      actionButtonText: values.actionButtonText,
+      body: values.emailBody,
+      className: "sticky pt-1 md:mt-28",
+      subject: values.emailSubject,
+      to: sendToEmails(values.notifyEmails)
+    })));
+  })));
+};
+
+module.exports = ShareViaEmail;
+//# sourceMappingURL=ShareViaEmail.js.map