@bigbinary/neeto-molecules 1.3.10 → 1.3.12

package/dist/cjs/ShareViaLink.js

@@ -0,0 +1,738 @@
+'use strict';
+
+var React = require('react');
+var neetoCist = require('@bigbinary/neeto-cist');
+var neetoIcons = require('@bigbinary/neeto-icons');
+var CopyToClipboardButton = require('@bigbinary/neeto-molecules/CopyToClipboardButton');
+var neetoui = require('@bigbinary/neetoui');
+var reactI18next = require('react-i18next');
+var ramda = require('ramda');
+var formik = require('formik');
+var formik$1 = require('@bigbinary/neetoui/formik');
+var i18next = require('i18next');
+var yup = require('yup');
+var utils = require('@bigbinary/neeto-commons-frontend/utils');
+var classnames = require('classnames');
+var reactRouterDom = require('react-router-dom');
+var QRCodeImage = require('qrcode.react');
+
+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 CopyToClipboardButton__default = /*#__PURE__*/_interopDefaultLegacy(CopyToClipboardButton);
+var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+var QRCodeImage__default = /*#__PURE__*/_interopDefaultLegacy(QRCodeImage);
+
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
+    } finally {
+      try {
+        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
+}
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+
+function _typeof(o) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+
+var MENU_ITEM_TYPES = {
+  menuItem: "menuItem",
+  divider: "divider"
+};
+var DEFAULT_TOOLTIP_PROPS = {
+  disabled: true,
+  position: "bottom"
+};
+
+var _excluded$2 = ["label", "key"],
+  _excluded2 = ["isVisible", "key"];
+var MenuItem$1 = neetoui.Dropdown.MenuItem,
+  Menu$1 = neetoui.Dropdown.Menu;
+var Submenu = function Submenu(_ref) {
+  var label = _ref.label,
+    key = _ref.key,
+    menuItemProps = _objectWithoutProperties(_ref, _excluded$2);
+  return /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, _extends({
+    customTarget: /*#__PURE__*/React__default["default"].createElement(MenuItem$1.Button, null, label),
+    key: key,
+    position: "left",
+    trigger: "hover"
+  }, menuItemProps.dropdownProps), /*#__PURE__*/React__default["default"].createElement(Menu$1, null, menuItemProps.menuItems.map(function (_ref2) {
+    var _ref2$isVisible = _ref2.isVisible,
+      isVisible = _ref2$isVisible === void 0 ? true : _ref2$isVisible,
+      key = _ref2.key,
+      menuItemProps = _objectWithoutProperties(_ref2, _excluded2);
+    if (!isVisible) return null;
+    return /*#__PURE__*/React__default["default"].createElement(MoreDropdownMenuItem, _extends({
+      key: key
+    }, menuItemProps));
+  })));
+};
+
+var _excluded$1 = ["onClick", "label", "type", "hasSubItems"];
+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 MenuItem = neetoui.Dropdown.MenuItem,
+  Divider = neetoui.Dropdown.Divider;
+var MoreDropdownMenuItem = function MoreDropdownMenuItem(_ref) {
+  var onClick = _ref.onClick,
+    label = _ref.label,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? MENU_ITEM_TYPES.menuItem : _ref$type,
+    _ref$hasSubItems = _ref.hasSubItems,
+    hasSubItems = _ref$hasSubItems === void 0 ? false : _ref$hasSubItems,
+    menuItemProps = _objectWithoutProperties(_ref, _excluded$1);
+  if (type === MENU_ITEM_TYPES.divider) {
+    return /*#__PURE__*/React__default["default"].createElement(Divider, null);
+  }
+  if (hasSubItems) {
+    return /*#__PURE__*/React__default["default"].createElement(Submenu, _objectSpread$1({
+      label: label
+    }, menuItemProps));
+  }
+  return /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, _objectSpread$1({
+    onClick: onClick
+  }, menuItemProps), label);
+};
+
+var _excluded = ["isVisible", "key"];
+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 Menu = neetoui.Dropdown.Menu;
+var MoreDropdown = function MoreDropdown(_ref) {
+  var _ref$dropdownButtonPr = _ref.dropdownButtonProps,
+    dropdownButtonProps = _ref$dropdownButtonPr === void 0 ? {} : _ref$dropdownButtonPr,
+    _ref$isVertical = _ref.isVertical,
+    isVertical = _ref$isVertical === void 0 ? false : _ref$isVertical,
+    _ref$isDisabled = _ref.isDisabled,
+    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
+    _ref$dropdownProps = _ref.dropdownProps,
+    dropdownProps = _ref$dropdownProps === void 0 ? {} : _ref$dropdownProps,
+    menuTopChildren = _ref.menuTopChildren,
+    menuBottomChildren = _ref.menuBottomChildren,
+    _ref$menuItems = _ref.menuItems,
+    menuItems = _ref$menuItems === void 0 ? [] : _ref$menuItems;
+  var tooltipProps = ramda.mergeRight(DEFAULT_TOOLTIP_PROPS, dropdownButtonProps.tooltipProps);
+  var targetIcon = isVertical ? neetoIcons.MenuVertical : neetoIcons.MenuHorizontal;
+  var isDropdownDisabled = isDisabled || dropdownProps.disabled;
+  if (isDropdownDisabled && !tooltipProps.disabled) {
+    return /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, tooltipProps, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends({
+      disabled: true,
+      "data-cy": "more-dropdown-button",
+      "data-testid": "nui-dropdown-button",
+      icon: targetIcon,
+      iconPosition: "right",
+      size: "medium",
+      style: "text"
+    }, dropdownButtonProps))));
+  }
+  return /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, _extends({
+    autoWidth: true,
+    className: "flex",
+    disabled: isDisabled,
+    icon: targetIcon,
+    buttonProps: _objectSpread({
+      className: "min-h-0 flex-shrink-0",
+      style: "text"
+    }, dropdownButtonProps)
+  }, dropdownProps), /*#__PURE__*/React__default["default"].createElement(Menu, null, menuTopChildren, menuItems.map(function (_ref2) {
+    var _ref2$isVisible = _ref2.isVisible,
+      isVisible = _ref2$isVisible === void 0 ? true : _ref2$isVisible,
+      key = _ref2.key,
+      menuItemProps = _objectWithoutProperties(_ref2, _excluded);
+    if (!isVisible) return null;
+    return /*#__PURE__*/React__default["default"].createElement(MoreDropdownMenuItem, _extends({
+      key: key
+    }, menuItemProps));
+  }), menuBottomChildren));
+};
+
+var facebookShareLink = function facebookShareLink(_ref) {
+  var id = _ref.id;
+  return utils.buildUrl("https://www.facebook.com/sharer/sharer.php", {
+    u: "https://".concat(window.location.host, "/").concat(id)
+  });
+};
+var linkedInShareLink = function linkedInShareLink(_ref2) {
+  var id = _ref2.id,
+    title = _ref2.title;
+  return utils.buildUrl("https://www.linkedin.com/shareArticle", {
+    mini: true,
+    url: "https://".concat(window.location.host, "/").concat(id),
+    title: title
+  });
+};
+var twitterShareLink = function twitterShareLink(_ref3) {
+  var id = _ref3.id,
+    title = _ref3.title;
+  return utils.buildUrl("http://twitter.com/share", {
+    text: title,
+    url: "https://".concat(window.location.host, "/").concat(id)
+  });
+};
+var downloadCanvas = function downloadCanvas(canvas) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var _options$name = options.name,
+    name = _options$name === void 0 ? "image" : _options$name,
+    _options$extension = options.extension,
+    extension = _options$extension === void 0 ? "png" : _options$extension;
+  var canvasUrl = canvas.toDataURL("image/".concat(extension));
+  var element = document.createElement("a");
+  element.href = canvasUrl;
+  element.download = "".concat(name, ".").concat(extension);
+  element.click();
+  element.remove();
+};
+var getPathname = function getPathname(url) {
+  return new URL(url).pathname.slice(1);
+};
+var getPrefixFromUrl = function getPrefixFromUrl(url) {
+  return "".concat(new URL(url).origin, "/");
+};
+var truncatePrefix = function truncatePrefix(url) {
+  return url.length > MAX_PREFIX_SIZE ? "...".concat(url.slice(-MAX_PREFIX_SIZE)) : url;
+};
+
+var SOCIAL_MEDIA_OPTIONS = {
+  FACEBOOK: {
+    label: i18next.t("neetoMolecules.shareViaLink.socialMediaShare.facebook"),
+    icon: neetoIcons.Facebook,
+    generateShareUrl: facebookShareLink
+  },
+  LINKEDIN: {
+    label: i18next.t("neetoMolecules.shareViaLink.socialMediaShare.linkedIn"),
+    icon: neetoIcons.Linkedin,
+    generateShareUrl: linkedInShareLink
+  },
+  TWITTER: {
+    label: i18next.t("neetoMolecules.shareViaLink.socialMediaShare.twitter"),
+    icon: neetoIcons.Twitter,
+    generateShareUrl: twitterShareLink
+  }
+};
+var PATH_VALIDATION_SCHEMA = yup__namespace.object().shape({
+  path: yup__namespace.string().required(i18next.t("neetoMolecules.shareViaLink.editUrl.validationError")).matches(/^[A-Za-z0-9]([\w/-])*$/, i18next.t("neetoMolecules.shareViaLink.editUrl.validationError"))
+});
+var MAX_PREFIX_SIZE = 30;
+
+var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
+
+var css = ".no-padding .neeto-ui-input.neeto-ui-input--medium input{padding:0}.no-padding .neeto-ui-input__prefix{color:rgb(var(--neeto-ui-gray-600))!important}";
+n(css,{});
+
+var Header = neetoui.Pane.Header,
+  Body = neetoui.Pane.Body,
+  Footer = neetoui.Pane.Footer;
+var EditURL = function EditURL(_ref) {
+  var editUrlProps = _ref.editUrlProps,
+    isOpen = _ref.isOpen,
+    onClose = _ref.onClose,
+    url = _ref.url,
+    isLoading = _ref.isLoading,
+    handleEdit = _ref.handleEdit;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var focusRef = React.useRef(null);
+  var handleSubmit = function handleSubmit(values) {
+    handleEdit(values.path);
+    onClose();
+  };
+  return /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, {
+    "data-testid": "edit-url-modal",
+    initialFocusRef: focusRef,
+    isOpen: isOpen,
+    onClose: onClose
+  }, /*#__PURE__*/React__default["default"].createElement(Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    lineHeight: "normal",
+    style: "h2",
+    weight: "semibold"
+  }, t("neetoMolecules.shareViaLink.editUrl.title"))), /*#__PURE__*/React__default["default"].createElement(formik.Formik, {
+    enableReinitialize: true,
+    initialValues: {
+      path: (editUrlProps === null || editUrlProps === void 0 ? void 0 : editUrlProps.editablePath) || getPathname(url)
+    },
+    validationSchema: PATH_VALIDATION_SCHEMA,
+    onSubmit: handleSubmit
+  }, function (_ref2) {
+    var isSubmitting = _ref2.isSubmitting,
+      dirty = _ref2.dirty;
+    return /*#__PURE__*/React__default["default"].createElement(formik.Form, null, /*#__PURE__*/React__default["default"].createElement(Body, {
+      className: "space-y-6"
+    }, /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
+      className: "no-padding w-full flex-grow-0",
+      "data-testid": "edit-url-input",
+      label: t("neetoMolecules.shareViaLink.editUrl.inputLabel"),
+      maxLength: editUrlProps === null || editUrlProps === void 0 ? void 0 : editUrlProps.maxLength,
+      name: "path",
+      ref: focusRef,
+      prefix: truncatePrefix((editUrlProps === null || editUrlProps === void 0 ? void 0 : editUrlProps.prefix) || getPrefixFromUrl(url))
+    }), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+      className: "neeto-ui-text-gray-700",
+      lineHeight: "normal",
+      style: "body2"
+    }, t("neetoMolecules.shareViaLink.editUrl.description"))), /*#__PURE__*/React__default["default"].createElement(Footer, {
+      className: "space-x-2"
+    }, /*#__PURE__*/React__default["default"].createElement(formik$1.ActionBlock, {
+      className: "flex items-center space-x-2",
+      cancelButtonProps: {
+        onClick: onClose,
+        disabled: isSubmitting,
+        "data-testid": "edit-url-cancel-button"
+      },
+      submitButtonProps: {
+        disabled: isSubmitting || !dirty,
+        loading: isLoading,
+        "data-testid": "edit-url-confirm-button"
+      }
+    })));
+  }));
+};
+
+var RegenerateURL = function RegenerateURL(_ref) {
+  var isOpen = _ref.isOpen,
+    onClose = _ref.onClose,
+    url = _ref.url,
+    isLoading = _ref.isLoading,
+    handleRegenerate = _ref.handleRegenerate;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/React__default["default"].createElement(neetoui.Modal, {
+    "data-testid": "regenerate-url-modal",
+    isOpen: isOpen,
+    onClose: onClose
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    lineHeight: "normal",
+    style: "h2",
+    weight: "semibold"
+  }, t("neetoMolecules.shareViaLink.regenerateUrl.title"))), /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "w-full space-y-6"
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
+    disabled: true,
+    label: t("neetoMolecules.shareViaLink.regenerateUrl.inputLabel"),
+    value: url
+  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    className: "neeto-ui-text-gray-700",
+    lineHeight: "normal",
+    style: "body2"
+  }, t("neetoMolecules.shareViaLink.regenerateUrl.description")))), /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Footer, {
+    className: "space-x-2"
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    "data-testid": "regenerate-url-confirm-button",
+    loading: isLoading,
+    label: t("neetoMolecules.shareViaLink.regenerateUrl.submitButtonLabel"),
+    onClick: function onClick() {
+      handleRegenerate();
+      onClose();
+    }
+  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    "data-testid": "regenerate-url-cancel-button",
+    style: "text",
+    label: t("neetoMolecules.shareViaLink.regenerateUrl.cancelButtonLabel"),
+    onClick: onClose
+  })));
+};
+
+var Link = function Link(_ref) {
+  var editUrlProps = _ref.editUrlProps,
+    enabledOptions = _ref.enabledOptions,
+    entityName = _ref.entityName,
+    handleEdit = _ref.handleEdit,
+    handleRegenerate = _ref.handleRegenerate,
+    isLoading = _ref.isLoading,
+    previewUrl = _ref.previewUrl,
+    url = _ref.url;
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isRegenerateURLModalOpen = _useState2[0],
+    setIsRegenerateURLModalOpen = _useState2[1];
+  var _useState3 = React.useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isEditURLModalOpen = _useState4[0],
+    setIsEditURLModalOpen = _useState4[1];
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var isDropdownEnabled = enabledOptions.regenerate || enabledOptions.edit;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "space-y-4",
+    "data-testid": "link-block"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "space-y-0.5"
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    "data-testid": "link-title",
+    lineHeight: "normal",
+    style: "h3",
+    weight: "semibold"
+  }, t("neetoMolecules.shareViaLink.title"))), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex flex-col items-center gap-2 sm:flex-row sm:gap-1"
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
+    readOnly: true,
+    className: "w-full sm:w-auto",
+    value: url
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex w-full items-center gap-1 sm:w-auto"
+  }, /*#__PURE__*/React__default["default"].createElement(CopyToClipboardButton__default["default"], {
+    "data-testid": "link-copy-button",
+    label: t("neetoMolecules.shareViaLink.copyLink"),
+    value: url
+  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    "data-testid": "preview-button",
+    href: previewUrl || url,
+    icon: neetoIcons.ExternalLink,
+    style: "secondary",
+    target: "_blank",
+    tooltipProps: {
+      content: t("neetoMolecules.shareViaLink.open", {
+        entity: entityName
+      }),
+      position: "top"
+    }
+  }), isDropdownEnabled && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(MoreDropdown, {
+    menuItems: [{
+      isVisible: enabledOptions.regenerate,
+      "data-testid": "regenerate-url-button",
+      onClick: function onClick() {
+        return setIsRegenerateURLModalOpen(true);
+      },
+      label: t("neetoMolecules.shareViaLink.regenerateUrl.title"),
+      key: "regenerate-url-option"
+    }, {
+      isVisible: enabledOptions.edit,
+      "data-testid": "edit-url-button",
+      onClick: function onClick() {
+        return setIsEditURLModalOpen(true);
+      },
+      label: t("neetoMolecules.shareViaLink.editUrl.title"),
+      key: "edit-url-option"
+    }]
+  }), /*#__PURE__*/React__default["default"].createElement(RegenerateURL, {
+    handleRegenerate: handleRegenerate,
+    isLoading: isLoading,
+    url: url,
+    isOpen: isRegenerateURLModalOpen,
+    onClose: function onClose() {
+      return setIsRegenerateURLModalOpen(false);
+    }
+  }), /*#__PURE__*/React__default["default"].createElement(EditURL, {
+    editUrlProps: editUrlProps,
+    handleEdit: handleEdit,
+    isLoading: isLoading,
+    url: url,
+    isOpen: isEditURLModalOpen,
+    onClose: function onClose() {
+      return setIsEditURLModalOpen(false);
+    }
+  })))));
+};
+
+var QRCode = function QRCode(_ref) {
+  var entity = _ref.entity,
+    url = _ref.url;
+  if (!entity) return null;
+  var id = entity.id,
+    name = entity.name;
+  var canvasId = "qrcode-share-".concat(id);
+  var handleDownload = function handleDownload() {
+    var canvas = document.getElementById(canvasId);
+    if (canvas) downloadCanvas(canvas, {
+      name: neetoCist.slugify(name)
+    });
+  };
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex flex-col justify-center space-y-2 py-3 pl-8 sm:space-y-4 sm:py-2 sm:pl-6",
+    "data-testid": "qr-download-block"
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    lineHeight: "normal",
+    style: "body2",
+    weight: "medium"
+  }, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
+    i18nKey: "neetoMolecules.shareViaLink.socialMediaShare.qrCodeInfo",
+    components: {
+      button: /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+        "data-testid": "qr-code-download-button",
+        style: "link",
+        onClick: handleDownload
+      })
+    }
+  })), /*#__PURE__*/React__default["default"].createElement(QRCodeImage__default["default"], {
+    className: "cursor-pointer",
+    "data-testid": canvasId,
+    id: canvasId,
+    size: 40,
+    value: url,
+    onClick: handleDownload
+  }));
+};
+
+var ShareBlock = function ShareBlock(_ref) {
+  var entity = _ref.entity,
+    postTitle = _ref.postTitle,
+    url = _ref.url,
+    moreOptions = _ref.moreOptions,
+    disableShareSocialMedia = _ref.disableShareSocialMedia,
+    disableQRDownload = _ref.disableQRDownload;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var socialMediaButtonClasses = "neeto-ui-bg-gray-200 hover:neeto-ui-bg-gray-300 flex h-10 w-10 cursor-pointer items-center justify-center neeto-ui-rounded-md transition-colors duration-300 ease-in-out";
+  var hasMoreOptions = neetoCist.isPresent(moreOptions);
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex flex-col divide-y sm:flex-row sm:gap-6 sm:divide-x sm:divide-y-0"
+  }, hasMoreOptions && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "grid grid-cols-1 divide-y"
+  }, moreOptions.map(function (_ref2) {
+    var title = _ref2.title,
+      link = _ref2.link,
+      Icon = _ref2.icon,
+      dataCy = _ref2.dataCy;
+    return /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Link, {
+      className: "flex cursor-pointer items-center gap-x-2 py-3",
+      "data-cy": dataCy,
+      key: link,
+      to: link
+    }, /*#__PURE__*/React__default["default"].createElement(Icon, {
+      className: "neeto-ui-text-gray-500",
+      size: 24
+    }), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+      className: "group-hover:underline",
+      style: "body2",
+      weight: "medium"
+    }, title));
+  })), !disableShareSocialMedia && /*#__PURE__*/React__default["default"].createElement("div", {
+    "data-testid": "social-media-block",
+    className: classnames__default["default"]("space-y-2 py-3 sm:space-y-4 sm:py-2", {
+      "pl-8 sm:pl-6": hasMoreOptions
+    })
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    className: "neeto-ui-text-gray-800",
+    lineHeight: "normal",
+    style: "body2",
+    weight: "medium"
+  }, t("neetoMolecules.shareViaLink.socialMediaShare.title")), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex gap-4"
+  }, Object.entries(SOCIAL_MEDIA_OPTIONS).map(function (_ref3) {
+    var _ref4 = _slicedToArray(_ref3, 2),
+      key = _ref4[0],
+      _ref4$ = _ref4[1],
+      label = _ref4$.label,
+      Icon = _ref4$.icon,
+      generateShareUrl = _ref4$.generateShareUrl;
+    return /*#__PURE__*/React__default["default"].createElement("a", {
+      className: socialMediaButtonClasses,
+      "data-testid": "social-media-button-".concat(key),
+      href: generateShareUrl({
+        id: entity.id,
+        title: postTitle
+      }),
+      key: key,
+      rel: "noopener noreferrer",
+      target: "_blank",
+      title: label
+    }, /*#__PURE__*/React__default["default"].createElement(Icon, {
+      size: 24
+    }));
+  }))), !disableQRDownload && /*#__PURE__*/React__default["default"].createElement(QRCode, {
+    entity: entity,
+    url: url
+  }));
+};
+
+var ShareViaLink = function ShareViaLink(_ref) {
+  var _ref$isLoading = _ref.isLoading,
+    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
+    _ref$enabledOptions = _ref.enabledOptions,
+    enabledOptions = _ref$enabledOptions === void 0 ? {
+      regenerate: false,
+      edit: false
+    } : _ref$enabledOptions,
+    _ref$editUrlProps = _ref.editUrlProps,
+    editUrlProps = _ref$editUrlProps === void 0 ? {
+      prefix: "",
+      editablePath: ""
+    } : _ref$editUrlProps,
+    entity = _ref.entity,
+    entityName = _ref.entityName,
+    _ref$handleEdit = _ref.handleEdit,
+    handleEdit = _ref$handleEdit === void 0 ? neetoCist.noop : _ref$handleEdit,
+    _ref$handleRegenerate = _ref.handleRegenerate,
+    handleRegenerate = _ref$handleRegenerate === void 0 ? neetoCist.noop : _ref$handleRegenerate,
+    _ref$previewUrl = _ref.previewUrl,
+    previewUrl = _ref$previewUrl === void 0 ? "" : _ref$previewUrl,
+    socialMediaPostTitle = _ref.socialMediaPostTitle,
+    url = _ref.url,
+    moreOptions = _ref.moreOptions,
+    _ref$isOtherShareOpti = _ref.isOtherShareOptionsEnabled,
+    isOtherShareOptionsEnabled = _ref$isOtherShareOpti === void 0 ? true : _ref$isOtherShareOpti,
+    _ref$disableShareSoci = _ref.disableShareSocialMedia,
+    disableShareSocialMedia = _ref$disableShareSoci === void 0 ? false : _ref$disableShareSoci,
+    _ref$disableQRDownloa = _ref.disableQRDownload,
+    disableQRDownload = _ref$disableQRDownloa === void 0 ? false : _ref$disableQRDownloa;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-ui-border-gray-400 neeto-ui-shadow-xs neeto-ui-rounded-lg neeto-ui-bg-white col-span-2 space-y-4 border p-6 sm:p-8",
+    "data-testid": "share-via-link"
+  }, /*#__PURE__*/React__default["default"].createElement(Link, {
+    editUrlProps: editUrlProps,
+    enabledOptions: enabledOptions,
+    entityName: entityName,
+    handleEdit: handleEdit,
+    handleRegenerate: handleRegenerate,
+    isLoading: isLoading,
+    previewUrl: previewUrl,
+    url: url
+  }), isOtherShareOptionsEnabled && /*#__PURE__*/React__default["default"].createElement(ShareBlock, {
+    disableQRDownload: disableQRDownload,
+    disableShareSocialMedia: disableShareSocialMedia,
+    entity: entity,
+    moreOptions: moreOptions,
+    url: url,
+    postTitle: socialMediaPostTitle
+  }));
+};
+
+module.exports = ShareViaLink;
+//# sourceMappingURL=ShareViaLink.js.map