@bigbinary/neeto-editor 1.40.0 → 1.40.1

package/dist/Editor.js

@@ -2,25 +2,30 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import * as React$1 from 'react';
-import React__default, { memo, useEffect, useState, useRef, forwardRef, useCallback, useImperativeHandle } from 'react';
-import { E as Extension, a as Mark, m as mergeAttributes, b as markInputRule, c as markPasteRule, g as getMarkAttributes, N as Node, D as DecorationSet, d as Decoration, w as wrappingInputRule, t as textblockTypeInputRule, k as keydownHandler, e as callOrReturn, f as getExtensionField, n as nodeInputRule, h as findChildren, i as NodeViewWrapper, j as NodeViewContent, R as ReactNodeViewRenderer, P as PasteRule, v as validateUrl, l as escapeForRegEx, o as ReactRenderer, p as EmojiPickerMenu, q as emojiPickerApi, r as combineTransactionSteps, s as getChangedRanges, u as findChildrenInRange, x as getMarksBetween, y as getAttributes, I as InputRule, z as highlightFocussedNode, A as resetFocussedNode, B as findParentNodeClosestToPos, C as BubbleMenu, F as getLinkPopoverPosition, G as getMarkType, H as getMarkRange, J as useEditor, M as Menu$3, K as EditorContent, L as MediaUploader, O as EmbedOption, Q as EditorView } from './chunk-b39dfdd8.js';
+import * as React from 'react';
+import React__default, { memo, useEffect, useState, useRef, createElement, forwardRef, useCallback, useImperativeHandle } from 'react';
+import { E as Extension, a as Mark, m as mergeAttributes, b as markInputRule, c as markPasteRule, g as getMarkAttributes, N as Node, D as DecorationSet, d as Decoration, w as wrappingInputRule, t as textblockTypeInputRule, k as keydownHandler, e as callOrReturn, f as getExtensionField, n as nodeInputRule, h as findChildren, i as NodeViewWrapper, j as NodeViewContent, R as ReactNodeViewRenderer, P as PasteRule, v as validateUrl, l as escapeForRegEx, o as ReactRenderer, p as EmojiPickerMenu, q as emojiPickerApi, r as combineTransactionSteps, s as getChangedRanges, u as findChildrenInRange, x as getMarksBetween, y as getAttributes, I as InputRule, z as highlightFocussedNode, A as resetFocussedNode, B as findParentNodeClosestToPos, C as BubbleMenu, F as getLinkPopoverPosition, G as getMarkType, H as getMarkRange, J as useEditor, M as Menu$3, K as EditorContent, L as MediaUploader, O as EmbedOption, Q as EditorView } from './chunk-27a003fe.js';
 import classnames from 'classnames';
 import { C as COMBINED_REGEX, D as DIRECT_UPLOAD_ENDPOINT, E as EDITOR_OPTIONS } from './chunk-edd8b9fe.js';
 import { isNotPresent, isNotEmpty, isPresent, noop as noop$1, slugify } from '@bigbinary/neeto-cist';
 import { useOnClickOutside, useFuncDebounce } from '@bigbinary/neeto-commons-frontend/react-utils';
-import { Dropdown, Input, Button, Spinner, Modal, Toastr, Avatar, Typography, Checkbox, Label } from '@bigbinary/neetoui';
+import Label from '@bigbinary/neetoui/Label';
 import { is, isNil, mergeRight, isEmpty as isEmpty$1, assoc, equals } from 'ramda';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { n } from './chunk-15c449f1.js';
-import { P as Plugin, b as PluginKey, T as TextSelection, d as dropPoint, S as Selection, N as NodeSelection, F as Fragment, c as Slice, M as Mapping, l as liftTarget, e as SelectionRange, f as Transform, L as LINK_VALIDATION_SCHEMA, v as validateAndFormatUrl, g as getEditorStyles, h as clipboardTextParser, s as setInitialPosition, D as DEFAULT_EDITOR_OPTIONS } from './chunk-d17f73d0.js';
-import { Down, MenuHorizontal, Close, Paragraph as Paragraph$1, TextH1, TextH2, Text as Text$2, ListNumber, ListDot, ImageUpload, Video, Blockquote as Blockquote$1, CodeBlock as CodeBlock$2, Smiley, Minus, MediaVideo, Notes, Column, InsertRow, InsertColumn, DeleteRow, DeleteColumn, MergeSplit, ToggleHeaderRow, DeleteTable } from '@bigbinary/neeto-icons';
+import { P as Plugin, b as PluginKey, T as TextSelection, d as dropPoint, S as Selection, N as NodeSelection, F as Fragment$1, c as Slice, M as Mapping, l as liftTarget, e as SelectionRange, f as Transform, L as LINK_VALIDATION_SCHEMA, v as validateAndFormatUrl, g as getEditorStyles, h as clipboardTextParser, s as setInitialPosition, D as DEFAULT_EDITOR_OPTIONS } from './chunk-d17f73d0.js';
+import Down from '@bigbinary/neeto-icons/Down';
 import CopyToClipboardButton from '@bigbinary/neeto-molecules/CopyToClipboardButton';
+import Dropdown from '@bigbinary/neetoui/Dropdown';
+import Input from '@bigbinary/neetoui/Input';
 import { useTranslation } from 'react-i18next';
 import { l as lowlight } from './chunk-ade4c9e3.js';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
 import { flushSync, createPortal } from 'react-dom';
-import { c as buildImageOptions, D as DirectUpload } from './chunk-c1e6a992.js';
+import MenuHorizontal from '@bigbinary/neeto-icons/MenuHorizontal';
+import Button from '@bigbinary/neetoui/Button';
+import { c as buildImageOptions, D as DirectUpload } from './chunk-eafe8fe4.js';
 import tippy, { sticky } from 'tippy.js';
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
@@ -28,22 +33,75 @@ import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';
 import _inherits from '@babel/runtime/helpers/inherits';
 import { init as init$3, SearchIndex } from 'emoji-mart';
+import Spinner from '@bigbinary/neetoui/Spinner';
 import { t } from 'i18next';
 import { globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
-import _extends from '@babel/runtime/helpers/extends';
+import Toastr from '@bigbinary/neetoui/Toastr';
+import Close from '@bigbinary/neeto-icons/Close';
+import Modal from '@bigbinary/neetoui/Modal';
+import Avatar from '@bigbinary/neetoui/Avatar';
+import Typography from '@bigbinary/neetoui/Typography';
 import { M as MARGIN_HEIGHT } from './chunk-5bc5e361.js';
 import Tippy from '@tippyjs/react';
-import { Form, Input as Input$1 } from '@bigbinary/neetoui/formik';
-import { A as Attachments } from './chunk-52091cdb.js';
+import Paragraph$1 from '@bigbinary/neeto-icons/Paragraph';
+import TextH1 from '@bigbinary/neeto-icons/TextH1';
+import TextH2 from '@bigbinary/neeto-icons/TextH2';
+import ListDot from '@bigbinary/neeto-icons/ListDot';
+import ListNumber from '@bigbinary/neeto-icons/ListNumber';
+import Blockquote$1 from '@bigbinary/neeto-icons/Blockquote';
+import ImageUpload from '@bigbinary/neeto-icons/ImageUpload';
+import CodeBlock$2 from '@bigbinary/neeto-icons/CodeBlock';
+import Smiley from '@bigbinary/neeto-icons/Smiley';
+import Minus from '@bigbinary/neeto-icons/Minus';
+import Video from '@bigbinary/neeto-icons/Video';
+import Text$2 from '@bigbinary/neeto-icons/Text';
+import Notes from '@bigbinary/neeto-icons/Notes';
+import MediaVideo from '@bigbinary/neeto-icons/MediaVideo';
+import Column from '@bigbinary/neeto-icons/Column';
+import DeleteRow from '@bigbinary/neeto-icons/DeleteRow';
+import DeleteColumn from '@bigbinary/neeto-icons/DeleteColumn';
+import DeleteTable from '@bigbinary/neeto-icons/DeleteTable';
+import InsertRow from '@bigbinary/neeto-icons/InsertRow';
+import InsertColumn from '@bigbinary/neeto-icons/InsertColumn';
+import MergeSplit from '@bigbinary/neeto-icons/MergeSplit';
+import ToggleHeaderRow from '@bigbinary/neeto-icons/ToggleHeaderRow';
+import Checkbox from '@bigbinary/neetoui/Checkbox';
+import Form from '@bigbinary/neetoui/formik/Form';
+import Input$1 from '@bigbinary/neetoui/formik/Input';
+import { A as Attachments } from './chunk-91e5e60f.js';
 import 'tippy.js/dist/svg-arrow.css';
+import '@bigbinary/neeto-icons/Link';
 import '@bigbinary/neeto-commons-frontend/utils';
+import '@bigbinary/neeto-icons/Check';
+import '@bigbinary/neeto-icons/Quote';
+import '@bigbinary/neeto-icons/Attachment';
+import '@bigbinary/neeto-icons/Code';
+import '@bigbinary/neeto-icons/Highlight';
+import '@bigbinary/neeto-icons/TextBold';
+import '@bigbinary/neeto-icons/TextCross';
+import '@bigbinary/neeto-icons/TextItalic';
+import '@bigbinary/neeto-icons/Underline';
+import '@bigbinary/neeto-icons/Undo';
+import '@bigbinary/neeto-icons/Redo';
+import '@bigbinary/neeto-icons/Email';
 import 'axios';
+import '@bigbinary/neeto-icons/Customize';
+import '@bigbinary/neeto-icons/Refresh';
 import 'react-colorful';
 import '@bigbinary/neeto-molecules/DynamicVariables';
+import '@bigbinary/neetoui/Tab';
+import '@bigbinary/neetoui/Tooltip';
 import './chunk-65f73e5a.js';
 import 'zustand/shallow';
 import 'zustand';
+import '@bigbinary/neeto-icons/File';
 import 'yup';
+import '@bigbinary/neeto-icons/LeftAlign';
+import '@bigbinary/neeto-icons/CenterAlign';
+import '@bigbinary/neeto-icons/RightAlign';
+import '@bigbinary/neeto-icons/Delete';
+import '@bigbinary/neeto-icons/MenuVertical';
+import '@bigbinary/neetoui/Alert';
 
 var ErrorWrapper = function ErrorWrapper(_ref) {
   var error = _ref.error,
@@ -66,12 +124,16 @@ var ErrorWrapper = function ErrorWrapper(_ref) {
     if (isNotPresent(message)) return null;
     return message;
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: wrapperClasses
-  }, children), isError && /*#__PURE__*/React.createElement("p", {
-    className: "neeto-ui-input__error",
-    "data-cy": "neeto-editor-error-text"
-  }, getErrorMessage()));
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx("div", {
+      className: wrapperClasses,
+      children: children
+    }), isError && /*#__PURE__*/jsx("p", {
+      className: "neeto-ui-input__error",
+      "data-cy": "neeto-editor-error-text",
+      children: getErrorMessage()
+    })]
+  });
 };
 var ErrorWrapper$1 = /*#__PURE__*/memo(ErrorWrapper);
 
@@ -94,10 +156,13 @@ var CharacterCountWrapper = function CharacterCountWrapper(_ref) {
     isActive = _ref.isActive,
     children = _ref.children;
   if (!isActive || !editor) return children;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, children, /*#__PURE__*/React.createElement("p", {
-    className: "neeto-editor-character-count",
-    "data-cy": "neeto-editor-character-count"
-  }, editor.storage.characterCount.characters(), " characters"));
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [children, /*#__PURE__*/jsxs("p", {
+      className: "neeto-editor-character-count",
+      "data-cy": "neeto-editor-character-count",
+      children: [editor.storage.characterCount.characters(), " characters"]
+    })]
+  });
 };
 
 /**
@@ -1543,9 +1608,9 @@ function beforeinput(view, event) {
     let insert = $from.parent.contentMatchAt($from.index()).findWrapping(view.state.schema.nodes.text);
     if (!insert)
         return false;
-    let frag = Fragment.empty;
+    let frag = Fragment$1.empty;
     for (let i = insert.length - 1; i >= 0; i--)
-        frag = Fragment.from(insert[i].createAndFill(null, frag));
+        frag = Fragment$1.from(insert[i].createAndFill(null, frag));
     let tr = view.state.tr.replace($from.pos, $from.pos, new Slice(frag, 0, 0));
     tr.setSelection(TextSelection.near(tr.doc.resolve($from.pos + 1)));
     view.dispatch(tr);
@@ -5721,50 +5786,56 @@ var CodeBlockComponent = function CodeBlockComponent(_ref) {
       }, 0);
     }
   }, []);
-  return /*#__PURE__*/React.createElement(NodeViewWrapper, {
-    "data-cy": "neeto-editor-code-block"
-  }, /*#__PURE__*/React.createElement("pre", null, /*#__PURE__*/React.createElement("div", {
-    className: "neeto-editor-codeblock-options",
-    contentEditable: false
-  }, /*#__PURE__*/React.createElement(Dropdown, {
-    appendTo: function appendTo() {
-      return document.body;
-    },
-    buttonSize: "small",
-    buttonStyle: "secondary",
-    icon: Down,
-    label: ((_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.language) || t("neetoEditor.common.auto"),
-    strategy: "fixed",
-    zIndex: 99999
-  }, /*#__PURE__*/React.createElement(Input, {
-    autoFocus: true,
-    className: "neeto-editor-codeblock-options__input",
-    placeholder: t("neetoEditor.placeholders.searchLanguages"),
-    size: "small",
-    value: keyword,
-    onChange: function onChange(e) {
-      return setKeyword(e.target.value);
-    },
-    onClick: function onClick(e) {
-      e.preventDefault();
-      e.stopPropagation();
-    }
-  }), /*#__PURE__*/React.createElement(Menu$2, {
-    className: "neeto-editor-codeblock-options__menu"
-  }, filteredAndSortedLanguageList.map(function (language) {
-    return /*#__PURE__*/React.createElement(MenuItem$1.Button, {
-      key: language,
-      onClick: function onClick() {
-        return handleLanguageSelect(language);
-      }
-    }, language || t("neetoEditor.common.auto"));
-  }))), /*#__PURE__*/React.createElement(CopyToClipboardButton, {
-    size: "small",
-    style: "secondary",
-    value: node === null || node === void 0 || (_node$content = node.content) === null || _node$content === void 0 || (_node$content = _node$content.content[0]) === null || _node$content === void 0 ? void 0 : _node$content.text
-  })), /*#__PURE__*/React.createElement(NodeViewContent, {
-    as: "code"
-  })));
+  return /*#__PURE__*/jsx(NodeViewWrapper, {
+    "data-cy": "neeto-editor-code-block",
+    children: /*#__PURE__*/jsxs("pre", {
+      children: [/*#__PURE__*/jsxs("div", {
+        className: "neeto-editor-codeblock-options",
+        contentEditable: false,
+        children: [/*#__PURE__*/jsxs(Dropdown, {
+          appendTo: function appendTo() {
+            return document.body;
+          },
+          buttonSize: "small",
+          buttonStyle: "secondary",
+          icon: Down,
+          label: ((_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.language) || t("neetoEditor.common.auto"),
+          strategy: "fixed",
+          zIndex: 99999,
+          children: [/*#__PURE__*/jsx(Input, {
+            autoFocus: true,
+            className: "neeto-editor-codeblock-options__input",
+            placeholder: t("neetoEditor.placeholders.searchLanguages"),
+            size: "small",
+            value: keyword,
+            onChange: function onChange(e) {
+              return setKeyword(e.target.value);
+            },
+            onClick: function onClick(e) {
+              e.preventDefault();
+              e.stopPropagation();
+            }
+          }), /*#__PURE__*/jsx(Menu$2, {
+            className: "neeto-editor-codeblock-options__menu",
+            children: filteredAndSortedLanguageList.map(function (language) {
+              return /*#__PURE__*/jsx(MenuItem$1.Button, {
+                onClick: function onClick() {
+                  return handleLanguageSelect(language);
+                },
+                children: language || t("neetoEditor.common.auto")
+              }, language);
+            })
+          })]
+        }), /*#__PURE__*/jsx(CopyToClipboardButton, {
+          size: "small",
+          style: "secondary",
+          value: node === null || node === void 0 || (_node$content = node.content) === null || _node$content === void 0 || (_node$content = _node$content.content[0]) === null || _node$content === void 0 ? void 0 : _node$content.text
+        })]
+      }), /*#__PURE__*/jsx(NodeViewContent, {
+        as: "code"
+      })]
+    })
+  });
 };
 
 var CodeBlock = CodeBlockLowlight.extend({
@@ -5873,10 +5944,10 @@ var Resizer = /** @class */ (function (_super) {
         return _this;
     }
     Resizer.prototype.render = function () {
-        return (React$1.createElement("div", { className: this.props.className || '', style: __assign$1(__assign$1({ position: 'absolute', userSelect: 'none' }, styles[this.props.direction]), (this.props.replaceStyles || {})), onMouseDown: this.onMouseDown, onTouchStart: this.onTouchStart }, this.props.children));
+        return (React.createElement("div", { className: this.props.className || '', style: __assign$1(__assign$1({ position: 'absolute', userSelect: 'none' }, styles[this.props.direction]), (this.props.replaceStyles || {})), onMouseDown: this.onMouseDown, onTouchStart: this.onTouchStart }, this.props.children));
     };
     return Resizer;
-}(React$1.PureComponent));
+}(React.PureComponent));
 
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -6578,12 +6649,12 @@ var Resizable = /** @class */ (function (_super) {
         }
         var resizers = Object.keys(enable).map(function (dir) {
             if (enable[dir] !== false) {
-                return (React$1.createElement(Resizer, { key: dir, direction: dir, onResizeStart: _this.onResizeStart, replaceStyles: handleStyles && handleStyles[dir], className: handleClasses && handleClasses[dir] }, handleComponent && handleComponent[dir] ? handleComponent[dir] : null));
+                return (React.createElement(Resizer, { key: dir, direction: dir, onResizeStart: _this.onResizeStart, replaceStyles: handleStyles && handleStyles[dir], className: handleClasses && handleClasses[dir] }, handleComponent && handleComponent[dir] ? handleComponent[dir] : null));
             }
             return null;
         });
         // #93 Wrap the resize box in span (will not break 100% width/height)
-        return (React$1.createElement("div", { className: handleWrapperClass, style: handleWrapperStyle }, resizers));
+        return (React.createElement("div", { className: handleWrapperClass, style: handleWrapperStyle }, resizers));
     };
     Resizable.prototype.render = function () {
         var _this = this;
@@ -6599,8 +6670,8 @@ var Resizable = /** @class */ (function (_super) {
             style.flexBasis = this.state.flexBasis;
         }
         var Wrapper = this.props.as || 'div';
-        return (React$1.createElement(Wrapper, __assign({ ref: this.ref, style: style, className: this.props.className }, extendsProps),
-            this.state.isResizing && React$1.createElement("div", { style: this.state.backgroundStyle }),
+        return (React.createElement(Wrapper, __assign({ ref: this.ref, style: style, className: this.props.className }, extendsProps),
+            this.state.isResizing && React.createElement("div", { style: this.state.backgroundStyle }),
             this.props.children,
             this.renderResizer()));
     };
@@ -6629,7 +6700,7 @@ var Resizable = /** @class */ (function (_super) {
         snapGap: 0,
     };
     return Resizable;
-}(React$1.PureComponent));
+}(React.PureComponent));
 
 var Menu$1 = function Menu(_ref) {
   var align = _ref.align,
@@ -6643,7 +6714,7 @@ var Menu$1 = function Menu(_ref) {
     }) : deleteNode();
     editor.commands.focus();
   };
-  return /*#__PURE__*/React.createElement(Dropdown, {
+  return /*#__PURE__*/jsx(Dropdown, {
     buttonProps: {
       className: "neeto-editor__image-menu-btn"
     },
@@ -6652,27 +6723,29 @@ var Menu$1 = function Menu(_ref) {
     className: "neeto-editor__image-menu",
     icon: MenuHorizontal,
     position: "top",
-    strategy: "fixed"
-  }, menuOptions.map(function (_ref2) {
-    var Icon = _ref2.Icon,
-      optionName = _ref2.optionName,
-      alignPos = _ref2.alignPos;
-    return /*#__PURE__*/React.createElement(Button, {
-      "data-cy": "neeto-editor-image-menu-".concat(optionName),
-      icon: Icon,
-      key: optionName,
-      style: alignPos === align ? "secondary" : "text",
-      tooltipProps: {
-        content: optionName,
-        position: "top"
-      },
-      onClick: function onClick() {
-        return handleClick(alignPos);
-      }
-    });
-  }));
+    strategy: "fixed",
+    children: menuOptions.map(function (_ref2) {
+      var Icon = _ref2.Icon,
+        optionName = _ref2.optionName,
+        alignPos = _ref2.alignPos;
+      return /*#__PURE__*/jsx(Button, {
+        "data-cy": "neeto-editor-image-menu-".concat(optionName),
+        icon: Icon,
+        style: alignPos === align ? "secondary" : "text",
+        tooltipProps: {
+          content: optionName,
+          position: "top"
+        },
+        onClick: function onClick() {
+          return handleClick(alignPos);
+        }
+      }, optionName);
+    })
+  });
 };
 
+function ownKeys$e(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(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var EmbedComponent = function EmbedComponent(_ref) {
   var node = _ref.node,
     editor = _ref.editor,
@@ -6697,27 +6770,29 @@ var EmbedComponent = function EmbedComponent(_ref) {
     })));
     editor.commands.focus();
   };
-  return /*#__PURE__*/React.createElement(NodeViewWrapper, {
+  return /*#__PURE__*/jsx(NodeViewWrapper, {
     className: "neeto-editor__video-wrapper neeto-editor__video--".concat(align),
-    "data-cy": "neeto-editor-video-wrapper"
-  }, /*#__PURE__*/React.createElement(Resizable, {
-    lockAspectRatio: true,
-    className: "neeto-editor__video-iframe",
-    size: {
-      height: height,
-      width: width
-    },
-    onResizeStop: handleResize
-  }, /*#__PURE__*/React.createElement(Menu$1, {
-    align: align,
-    deleteNode: deleteNode,
-    editor: editor,
-    updateAttributes: updateAttributes
-  }), /*#__PURE__*/React.createElement("iframe", node.attrs)));
+    "data-cy": "neeto-editor-video-wrapper",
+    children: /*#__PURE__*/jsxs(Resizable, {
+      lockAspectRatio: true,
+      className: "neeto-editor__video-iframe",
+      size: {
+        height: height,
+        width: width
+      },
+      onResizeStop: handleResize,
+      children: [/*#__PURE__*/jsx(Menu$1, {
+        align: align,
+        deleteNode: deleteNode,
+        editor: editor,
+        updateAttributes: updateAttributes
+      }), /*#__PURE__*/jsx("iframe", _objectSpread$e({}, node.attrs))]
+    })
+  });
 };
 
-function ownKeys$b(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$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$d(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$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Embeds = Node.create({
   name: "external-video",
   addOptions: function addOptions() {
@@ -6787,7 +6862,7 @@ var Embeds = Node.create({
     }, ["div", {
       "class": "neeto-editor__video-iframe",
       style: "width: ".concat(figwidth, "px; height: ").concat(figheight, "px;")
-    }, ["iframe", mergeAttributes(this.options.HTMLAttributes, _objectSpread$b({}, HTMLAttributes))]]];
+    }, ["iframe", mergeAttributes(this.options.HTMLAttributes, _objectSpread$d({}, HTMLAttributes))]]];
   },
   addNodeView: function addNodeView() {
     return ReactNodeViewRenderer(EmbedComponent);
@@ -7058,8 +7133,8 @@ function Suggestion({ pluginKey = SuggestionPluginKey, editor, char = '@', allow
     return plugin;
 }
 
-function ownKeys$a(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$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$c(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$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var EmojiPickerPluginKey = new PluginKey("emoji-picker");
 var EmojiPicker = Node.create({
   name: "emojiPicker",
@@ -7113,7 +7188,7 @@ var EmojiPicker = Node.create({
     };
   },
   addProseMirrorPlugins: function addProseMirrorPlugins() {
-    return [Suggestion(_objectSpread$a({
+    return [Suggestion(_objectSpread$c({
       editor: this.editor
     }, this.options.suggestion))];
   }
@@ -7309,26 +7384,29 @@ var EmojiSuggestionMenu = /*#__PURE__*/function (_React$Component) {
       if (isEmpty$1(this.state.emojiSuggestions)) {
         return null;
       }
-      return /*#__PURE__*/React__default.createElement("div", {
-        className: "neeto-editor-emoji-suggestion"
-      }, this.state.isLoading && /*#__PURE__*/React__default.createElement(Spinner, null), !this.state.isLoading && (isNotEmpty(this.state.emojiSuggestions) ? this.state.emojiSuggestions.map(function (emoji, index) {
-        return /*#__PURE__*/React__default.createElement("div", {
-          "data-cy": "neeto-editor-emoji-suggestion-".concat(emoji.id),
-          key: emoji.id,
-          className: classnames("neeto-editor-emoji-suggestion__item", {
-            "neeto-editor-emoji-suggestion__item--selected": index === _this2.state.selectedIndex
-          }),
-          onClick: function onClick() {
-            return _this2.selectItem(index);
-          }
-        }, emoji.skins[0]["native"]);
-      }) : /*#__PURE__*/React__default.createElement("p", null, "No results")));
+      return /*#__PURE__*/jsxs("div", {
+        className: "neeto-editor-emoji-suggestion",
+        children: [this.state.isLoading && /*#__PURE__*/jsx(Spinner, {}), !this.state.isLoading && (isNotEmpty(this.state.emojiSuggestions) ? this.state.emojiSuggestions.map(function (emoji, index) {
+          return /*#__PURE__*/jsx("div", {
+            "data-cy": "neeto-editor-emoji-suggestion-".concat(emoji.id),
+            className: classnames("neeto-editor-emoji-suggestion__item", {
+              "neeto-editor-emoji-suggestion__item--selected": index === _this2.state.selectedIndex
+            }),
+            onClick: function onClick() {
+              return _this2.selectItem(index);
+            },
+            children: emoji.skins[0]["native"]
+          }, emoji.id);
+        }) : /*#__PURE__*/jsx("p", {
+          children: "No results"
+        }))]
+      });
     }
   }]);
 }(React__default.Component);
 
-function ownKeys$9(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$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$b(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$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var EmojiSuggestionPluginKey = new PluginKey("emoji-suggestion");
 var EmojiSuggestion = Node.create({
   name: "emojiSuggestion",
@@ -7407,7 +7485,7 @@ var EmojiSuggestion = Node.create({
     };
   },
   addProseMirrorPlugins: function addProseMirrorPlugins() {
-    return [Suggestion(_objectSpread$9({
+    return [Suggestion(_objectSpread$b({
       editor: this.editor
     }, this.options.suggestion))];
   }
@@ -7492,37 +7570,41 @@ var ImagePreviewModal = function ImagePreviewModal(_ref) {
     setIsLoading(true);
     setPreviewUrl(null);
   };
-  return /*#__PURE__*/React.createElement(Modal, {
+  return /*#__PURE__*/jsx(Modal, {
     className: "image-preview-neeto-ui-modal",
     closeButton: false,
     isOpen: isPresent(previewUrl),
     size: "fullScreen",
-    onClose: handleClose
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, isLoading || isNil(previewUrl) ? /*#__PURE__*/React.createElement("div", {
-    className: "spinner-wrapper"
-  }, /*#__PURE__*/React.createElement(Spinner, {
-    className: "spinner",
-    theme: "light"
-  })) : /*#__PURE__*/React.createElement(Button, {
-    className: "image-preview-neeto-ui-modal__close-btn",
-    icon: Close,
-    style: "secondary",
-    onClick: handleClose,
-    onKeyDown: function onKeyDown(e) {
-      return e.key === "Escape" && handleClose;
-    }
-  }), /*#__PURE__*/React.createElement("img", {
-    alt: "Preview",
-    src: previewUrl,
-    className: classnames({
-      "display-none": isLoading || isNil(previewUrl)
-    }),
-    onLoad: handleImageLoad
-  })));
+    onClose: handleClose,
+    children: /*#__PURE__*/jsxs(Fragment, {
+      children: [isLoading || isNil(previewUrl) ? /*#__PURE__*/jsx("div", {
+        className: "spinner-wrapper",
+        children: /*#__PURE__*/jsx(Spinner, {
+          className: "spinner",
+          theme: "light"
+        })
+      }) : /*#__PURE__*/jsx(Button, {
+        className: "image-preview-neeto-ui-modal__close-btn",
+        icon: Close,
+        style: "secondary",
+        onClick: handleClose,
+        onKeyDown: function onKeyDown(e) {
+          return e.key === "Escape" && handleClose;
+        }
+      }), /*#__PURE__*/jsx("img", {
+        alt: "Preview",
+        src: previewUrl,
+        className: classnames({
+          "display-none": isLoading || isNil(previewUrl)
+        }),
+        onLoad: handleImageLoad
+      })]
+    })
+  });
 };
 
-function ownKeys$8(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$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$a(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$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ImageComponent = function ImageComponent(_ref) {
   var _node$content, _figureRef$current;
   var node = _ref.node,
@@ -7568,50 +7650,54 @@ var ImageComponent = function ImageComponent(_ref) {
     editor.commands.focus();
   };
   if (isNotPresent(src)) return null;
-  return /*#__PURE__*/React.createElement(NodeViewWrapper, {
+  return /*#__PURE__*/jsxs(NodeViewWrapper, {
     className: "neeto-editor__image-wrapper neeto-editor__image--".concat(align),
-    "data-cy": "neeto-editor-image-wrapper"
-  }, /*#__PURE__*/React.createElement("figure", {
-    ref: figureRef
-  }, /*#__PURE__*/React.createElement(Menu$1, {
-    align: align,
-    deleteNode: deleteNode,
-    editor: editor,
-    updateAttributes: updateAttributes
-  }), src ? /*#__PURE__*/React.createElement(Resizable, {
-    lockAspectRatio: true,
-    className: "neeto-editor__image",
-    minWidth: "100px",
-    size: {
-      height: height,
-      width: width
-    },
-    onResizeStop: handleResizeStop,
-    onResize: function onResize(_event, _direction, ref) {
-      return setCaptionWidth(ref.offsetWidth);
-    }
-  }, /*#__PURE__*/React.createElement("img", _extends({}, _objectSpread$8(_objectSpread$8({}, node.attrs), {}, {
-    src: src
-  }), {
-    alt: caption,
-    onClick: function onClick(e) {
-      e.stopPropagation();
-      setPreviewUrl(src);
-    }
-  }))) : /*#__PURE__*/React.createElement("div", {
-    className: "neeto-editor__image-placeholder"
-  }, /*#__PURE__*/React.createElement(Spinner, null)), /*#__PURE__*/React.createElement(NodeViewContent, {
-    as: "figcaption",
-    className: classnames({
-      "is-empty": isEmpty$1(caption)
-    }),
-    style: {
-      width: "".concat(captionWidth, "px")
-    }
-  })), /*#__PURE__*/React.createElement(ImagePreviewModal, {
-    previewUrl: previewUrl,
-    setPreviewUrl: setPreviewUrl
-  }));
+    "data-cy": "neeto-editor-image-wrapper",
+    children: [/*#__PURE__*/jsxs("figure", {
+      ref: figureRef,
+      children: [/*#__PURE__*/jsx(Menu$1, {
+        align: align,
+        deleteNode: deleteNode,
+        editor: editor,
+        updateAttributes: updateAttributes
+      }), src ? /*#__PURE__*/jsx(Resizable, {
+        lockAspectRatio: true,
+        className: "neeto-editor__image",
+        minWidth: "100px",
+        size: {
+          height: height,
+          width: width
+        },
+        onResizeStop: handleResizeStop,
+        onResize: function onResize(_event, _direction, ref) {
+          return setCaptionWidth(ref.offsetWidth);
+        },
+        children: /*#__PURE__*/jsx("img", _objectSpread$a(_objectSpread$a({}, _objectSpread$a(_objectSpread$a({}, node.attrs), {}, {
+          src: src
+        })), {}, {
+          alt: caption,
+          onClick: function onClick(e) {
+            e.stopPropagation();
+            setPreviewUrl(src);
+          }
+        }))
+      }) : /*#__PURE__*/jsx("div", {
+        className: "neeto-editor__image-placeholder",
+        children: /*#__PURE__*/jsx(Spinner, {})
+      }), /*#__PURE__*/jsx(NodeViewContent, {
+        as: "figcaption",
+        className: classnames({
+          "is-empty": isEmpty$1(caption)
+        }),
+        style: {
+          width: "".concat(captionWidth, "px")
+        }
+      })]
+    }), /*#__PURE__*/jsx(ImagePreviewModal, {
+      previewUrl: previewUrl,
+      setPreviewUrl: setPreviewUrl
+    })]
+  });
 };
 
 var _excluded$4 = ["caption"];
@@ -7860,8 +7946,8 @@ var FigCaption = Node.create({
   }
 });
 
-function ownKeys$7(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$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$9(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$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var KeyboardShortcuts = function KeyboardShortcuts(_ref) {
   var onSubmit = _ref.onSubmit,
     shortcuts = _ref.shortcuts,
@@ -7870,7 +7956,7 @@ var KeyboardShortcuts = function KeyboardShortcuts(_ref) {
     name: "keyboard-shortcuts",
     addKeyboardShortcuts: function addKeyboardShortcuts() {
       var _this = this;
-      return _objectSpread$7({
+      return _objectSpread$9({
         "Mod-Enter": function ModEnter() {
           onSubmit === null || onSubmit === void 0 || onSubmit(_this.editor.getHTML());
           return true;
@@ -9999,8 +10085,8 @@ const Link$1 = Mark.create({
 
 var LINK_MARKDOWN_INPUT_REGEX = /(?:^|\s)\[([^\]]*)?\]\((\S+)(?: ["“](.+)["”])?\)$/i;
 
-function ownKeys$6(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$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$8(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$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var linkInputRule = function linkInputRule(config) {
   var defaultMarkInputRule = markInputRule(config);
   return new InputRule({
@@ -10021,7 +10107,7 @@ var Link = Link$1.extend({
   inclusive: false,
   addAttributes: function addAttributes() {
     var _this$parent;
-    return _objectSpread$6(_objectSpread$6({}, (_this$parent = this.parent) === null || _this$parent === void 0 ? void 0 : _this$parent.call(this)), {}, {
+    return _objectSpread$8(_objectSpread$8({}, (_this$parent = this.parent) === null || _this$parent === void 0 ? void 0 : _this$parent.call(this)), {}, {
       title: {
         "default": null
       }
@@ -10330,42 +10416,47 @@ var MentionList = /*#__PURE__*/function (_React$Component) {
       var Menu = Dropdown.Menu,
         MenuItem = Dropdown.MenuItem;
       if (isEmpty$1(items)) {
-        return /*#__PURE__*/React__default.createElement("div", {
-          className: "neeto-editor-mentions__wrapper"
-        }, /*#__PURE__*/React__default.createElement("p", {
-          className: "neeto-editor-mentions__item"
-        }, t("neetoEditor.error.noResults")));
+        return /*#__PURE__*/jsx("div", {
+          className: "neeto-editor-mentions__wrapper",
+          children: /*#__PURE__*/jsx("p", {
+            className: "neeto-editor-mentions__item",
+            children: t("neetoEditor.error.noResults")
+          })
+        });
       }
-      return /*#__PURE__*/React__default.createElement("div", {
-        className: "neeto-ui-dropdown__popup"
-      }, /*#__PURE__*/React__default.createElement(Menu, {
-        className: "neeto-editor-mentions__wrapper",
-        "data-cy": "neeto-editor-mention-list",
-        ref: this.mentionRef
-      }, items.map(function (_ref2, index) {
-        var key = _ref2.key,
-          name = _ref2.name,
-          imageUrl = _ref2.imageUrl;
-        return /*#__PURE__*/React__default.createElement(MenuItem.Button, {
-          "data-cy": "neeto-editor-mention-list-".concat(name),
-          key: key,
-          type: "button",
-          className: classnames("neeto-editor-mentions__item", {
-            active: index === selectedIndex
-          }),
-          onClick: function onClick() {
-            return _this2.selectItem(index);
-          }
-        }, /*#__PURE__*/React__default.createElement(Avatar, {
-          size: "small",
-          user: {
-            name: name,
-            imageUrl: imageUrl
-          }
-        }), /*#__PURE__*/React__default.createElement(Typography, {
-          style: "body2"
-        }, name));
-      })));
+      return /*#__PURE__*/jsx("div", {
+        className: "neeto-ui-dropdown__popup",
+        children: /*#__PURE__*/jsx(Menu, {
+          className: "neeto-editor-mentions__wrapper",
+          "data-cy": "neeto-editor-mention-list",
+          ref: this.mentionRef,
+          children: items.map(function (_ref2, index) {
+            var key = _ref2.key,
+              name = _ref2.name,
+              imageUrl = _ref2.imageUrl;
+            return /*#__PURE__*/jsxs(MenuItem.Button, {
+              "data-cy": "neeto-editor-mention-list-".concat(name),
+              type: "button",
+              className: classnames("neeto-editor-mentions__item", {
+                active: index === selectedIndex
+              }),
+              onClick: function onClick() {
+                return _this2.selectItem(index);
+              },
+              children: [/*#__PURE__*/jsx(Avatar, {
+                size: "small",
+                user: {
+                  name: name,
+                  imageUrl: imageUrl
+                }
+              }), /*#__PURE__*/jsx(Typography, {
+                style: "body2",
+                children: name
+              })]
+            }, key);
+          })
+        })
+      });
     }
   }]);
 }(React__default.Component);
@@ -10385,8 +10476,8 @@ var createMentionSuggestions = function createMentionSuggestions() {
 };
 
 var _excluded$3 = ["suggestion"];
-function ownKeys$5(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$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$7(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$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var suggestion$1 = {
   render: function render() {
     var reactRenderer;
@@ -10462,8 +10553,8 @@ var Mention = {
     var _ref3$suggestion = _ref3.suggestion,
       suggestionConfig = _ref3$suggestion === void 0 ? {} : _ref3$suggestion,
       otherConfig = _objectWithoutProperties(_ref3, _excluded$3);
-    return Mentions.configure(_objectSpread$5(_objectSpread$5({}, otherConfig), {}, {
-      suggestion: _objectSpread$5(_objectSpread$5({}, suggestion$1), suggestionConfig)
+    return Mentions.configure(_objectSpread$7(_objectSpread$7({}, otherConfig), {}, {
+      suggestion: _objectSpread$7(_objectSpread$7({}, suggestion$1), suggestionConfig)
     }));
   }
 };
@@ -10561,6 +10652,8 @@ var SelectionDecoration = Document.extend({
   }
 });
 
+function ownKeys$6(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$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _callSuper$1(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$1() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct$1() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$1 = function _isNativeReflectConstruct() { return !!t; })(); }
 var Menu = /*#__PURE__*/function (_React$Component) {
@@ -10677,47 +10770,48 @@ var Menu = /*#__PURE__*/function (_React$Component) {
         activeMenuIndex = _this$props6.activeMenuIndex;
       var selectedIndex = this.state.selectedIndex;
       var isCurrentMenuActive = menuIndex === activeMenuIndex;
-      return /*#__PURE__*/React__default.createElement("div", {
+      return /*#__PURE__*/jsx("div", {
         className: "neeto-editor-slash-commands__wrapper",
-        ref: this.menuRef
-      }, items.map(function (item, index) {
-        var isLeafNode = isNotPresent(item.items);
-        var nodeElement = /*#__PURE__*/React__default.createElement(MenuItem, {
-          index: index,
-          item: item,
-          key: item.title,
-          selectItem: function selectItem() {
-            return isLeafNode && _this2.selectItem(index);
-          },
-          selectedIndex: isCurrentMenuActive ? selectedIndex : -1,
-          onHover: function onHover() {
-            return _this2.setState({
-              selectedIndex: index
-            });
-          }
-        });
-        if (isLeafNode) return nodeElement;
-        return /*#__PURE__*/React__default.createElement(Tippy, {
-          interactive: true,
-          key: item.title,
-          placement: "right",
-          visible: selectedIndex === index,
-          content: /*#__PURE__*/React__default.createElement(Menu, _extends({}, _this2.props, {
-            items: item.items,
-            menuIndex: menuIndex + 1
-          })),
-          onCreate: function onCreate(_ref) {
-            var popper = _ref.popper;
-            return popper.style.width = "max-content";
-          },
-          onHide: function onHide() {
-            _this2.isSubmenuOpened = false;
-          },
-          onShow: function onShow() {
-            _this2.isSubmenuOpened = true;
-          }
-        }, nodeElement);
-      }));
+        ref: this.menuRef,
+        children: items.map(function (item, index) {
+          var isLeafNode = isNotPresent(item.items);
+          var nodeElement = /*#__PURE__*/createElement(MenuItem, {
+            index: index,
+            item: item,
+            key: item.title,
+            selectItem: function selectItem() {
+              return isLeafNode && _this2.selectItem(index);
+            },
+            selectedIndex: isCurrentMenuActive ? selectedIndex : -1,
+            onHover: function onHover() {
+              return _this2.setState({
+                selectedIndex: index
+              });
+            }
+          });
+          if (isLeafNode) return nodeElement;
+          return /*#__PURE__*/jsx(Tippy, {
+            interactive: true,
+            placement: "right",
+            visible: selectedIndex === index,
+            content: /*#__PURE__*/jsx(Menu, _objectSpread$6(_objectSpread$6({}, _this2.props), {}, {
+              items: item.items,
+              menuIndex: menuIndex + 1
+            })),
+            onCreate: function onCreate(_ref) {
+              var popper = _ref.popper;
+              return popper.style.width = "max-content";
+            },
+            onHide: function onHide() {
+              _this2.isSubmenuOpened = false;
+            },
+            onShow: function onShow() {
+              _this2.isSubmenuOpened = true;
+            },
+            children: nodeElement
+          }, item.title);
+        })
+      });
     }
   }]);
 }(React__default.Component); // eslint-disable-next-line react/display-name
@@ -10728,25 +10822,31 @@ var MenuItem = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     selectItem = _ref2.selectItem,
     onHover = _ref2.onHover;
   var Icon = item.Icon;
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/jsxs("div", {
     "data-cy": "neeto-editor-command-list-item-".concat(index),
     ref: ref,
     className: classnames("neeto-editor-slash-commands__item", {
       active: index === selectedIndex
     }),
     onClick: selectItem,
-    onMouseEnter: onHover
-  }, Icon && /*#__PURE__*/React__default.createElement(Icon, {
-    size: 20
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-editor-slash-commands__item-content"
-  }, /*#__PURE__*/React__default.createElement("h5", {
-    "data-cy": "neeto-editor-command-list-item-block-heading"
-  }, item.title), /*#__PURE__*/React__default.createElement("p", {
-    "data-cy": "neeto-editor-command-list-item-block-description"
-  }, item.description)));
+    onMouseEnter: onHover,
+    children: [Icon && /*#__PURE__*/jsx(Icon, {
+      size: 20
+    }), /*#__PURE__*/jsxs("div", {
+      className: "neeto-editor-slash-commands__item-content",
+      children: [/*#__PURE__*/jsx("h5", {
+        "data-cy": "neeto-editor-command-list-item-block-heading",
+        children: item.title
+      }), /*#__PURE__*/jsx("p", {
+        "data-cy": "neeto-editor-command-list-item-block-description",
+        children: item.description
+      })]
+    })]
+  });
 });
 
+function ownKeys$5(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$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var CommandsList = /*#__PURE__*/function (_React$Component) {
@@ -10775,7 +10875,7 @@ var CommandsList = /*#__PURE__*/function (_React$Component) {
   return _createClass(CommandsList, [{
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React__default.createElement(Menu, _extends({}, this.props, {
+      return /*#__PURE__*/jsx(Menu, _objectSpread$5(_objectSpread$5({}, this.props), {}, {
         activeMenuIndex: this.state.activeMenuIndex,
         items: this.props.items,
         menuIndex: 0,
@@ -11705,10 +11805,10 @@ var CellSelection = class _CellSelection extends Selection {
         }
         rowContent.push(cell);
       }
-      rows.push(table.child(row).copy(Fragment.from(rowContent)));
+      rows.push(table.child(row).copy(Fragment$1.from(rowContent)));
     }
     const fragment = this.isColSelection() && this.isRowSelection() ? table : rows;
-    return new Slice(Fragment.from(fragment), 1, 1);
+    return new Slice(Fragment$1.from(fragment), 1, 1);
   }
   replace(tr, content = Slice.empty) {
     const mapFrom = tr.steps.length, ranges = this.ranges;
@@ -11728,7 +11828,7 @@ var CellSelection = class _CellSelection extends Selection {
       tr.setSelection(sel);
   }
   replaceWith(tr, node) {
-    this.replace(tr, new Slice(Fragment.from(node), 0, 0));
+    this.replace(tr, new Slice(Fragment$1.from(node), 0, 0));
   }
   forEachCell(f) {
     const table = this.$anchorCell.node(-1);
@@ -12087,14 +12187,14 @@ function ensureRectangular(schema, rows) {
     width = Math.max(width, widths[r]);
   for (let r = 0; r < widths.length; r++) {
     if (r >= rows.length)
-      rows.push(Fragment.empty);
+      rows.push(Fragment$1.empty);
     if (widths[r] < width) {
       const empty = tableNodeTypes(schema).cell.createAndFill();
       const cells = [];
       for (let i = widths[r]; i < width; i++) {
         cells.push(empty);
       }
-      rows[r] = rows[r].append(Fragment.from(cells));
+      rows[r] = rows[r].append(Fragment$1.from(cells));
     }
   }
   return { height: rows.length, width, rows };
@@ -12126,7 +12226,7 @@ function clipCells({ width, height, rows }, newWidth, newHeight) {
         for (let j = 1; j < cell.attrs.rowspan; j++)
           added[row + j] = (added[row + j] || 0) + cell.attrs.colspan;
       }
-      newRows.push(Fragment.from(cells));
+      newRows.push(Fragment$1.from(cells));
     }
     rows = newRows;
     width = newWidth;
@@ -12147,7 +12247,7 @@ function clipCells({ width, height, rows }, newWidth, newHeight) {
           );
         cells.push(cell);
       }
-      newRows.push(Fragment.from(cells));
+      newRows.push(Fragment$1.from(cells));
     }
     rows = newRows;
     height = newHeight;
@@ -12182,7 +12282,7 @@ function growTable(tr, map, table, start, width, height, mapFrom) {
         header ? emptyHead || (emptyHead = types.header_cell.createAndFill()) : empty || (empty = types.cell.createAndFill())
       );
     }
-    const emptyRow = types.row.create(null, Fragment.from(cells)), rows = [];
+    const emptyRow = types.row.create(null, Fragment$1.from(cells)), rows = [];
     for (let i = map.height; i < height; i++)
       rows.push(emptyRow);
     tr.insert(tr.mapping.slice(mapFrom).map(start + table.nodeSize - 2), rows);
@@ -12413,7 +12513,7 @@ function handlePaste(view, _, slice) {
         width: 1,
         height: 1,
         rows: [
-          Fragment.from(
+          Fragment$1.from(
             fitSlice(tableNodeTypes(view.state.schema).cell, slice)
           )
         ]
@@ -13099,7 +13199,7 @@ function mergeCells(state, dispatch) {
   if (dispatch) {
     const tr = state.tr;
     const seen = {};
-    let content = Fragment.empty;
+    let content = Fragment$1.empty;
     let mergedPos;
     let mergedCell;
     for (let row = rect.top; row < rect.bottom; row++) {
@@ -14084,42 +14184,45 @@ var VideoComponent = function VideoComponent(_ref) {
     editor.commands.focus();
   };
   if (isNotPresent(src)) return null;
-  return /*#__PURE__*/React.createElement(NodeViewWrapper, {
-    className: "neeto-editor__image-wrapper neeto-editor__image--".concat(align)
-  }, /*#__PURE__*/React.createElement("figure", {
-    ref: figureRef
-  }, /*#__PURE__*/React.createElement(Menu$1, {
-    align: align,
-    deleteNode: deleteNode,
-    editor: editor,
-    updateAttributes: updateAttributes
-  }), /*#__PURE__*/React.createElement(Resizable, {
-    lockAspectRatio: true,
-    className: "neeto-editor__image",
-    size: {
-      height: height,
-      width: width
-    },
-    onResizeStop: handleResize,
-    onResize: function onResize(_event, _direction, ref) {
-      return setCaptionWidth(ref.offsetWidth);
-    }
-  }, /*#__PURE__*/React.createElement("video", _extends({
-    controls: true
-  }, _objectSpread$1(_objectSpread$1({}, node.attrs), {}, {
-    src: src
-  }), {
-    alt: caption,
-    preload: "metadata"
-  }))), /*#__PURE__*/React.createElement(NodeViewContent, {
-    as: "figcaption",
-    className: classnames({
-      "is-empty": isEmpty$1(caption)
-    }),
-    style: {
-      width: "".concat(captionWidth, "px")
-    }
-  })));
+  return /*#__PURE__*/jsx(NodeViewWrapper, {
+    className: "neeto-editor__image-wrapper neeto-editor__image--".concat(align),
+    children: /*#__PURE__*/jsxs("figure", {
+      ref: figureRef,
+      children: [/*#__PURE__*/jsx(Menu$1, {
+        align: align,
+        deleteNode: deleteNode,
+        editor: editor,
+        updateAttributes: updateAttributes
+      }), /*#__PURE__*/jsx(Resizable, {
+        lockAspectRatio: true,
+        className: "neeto-editor__image",
+        size: {
+          height: height,
+          width: width
+        },
+        onResizeStop: handleResize,
+        onResize: function onResize(_event, _direction, ref) {
+          return setCaptionWidth(ref.offsetWidth);
+        },
+        children: /*#__PURE__*/jsx("video", _objectSpread$1(_objectSpread$1({
+          controls: true
+        }, _objectSpread$1(_objectSpread$1({}, node.attrs), {}, {
+          src: src
+        })), {}, {
+          alt: caption,
+          preload: "metadata"
+        }))
+      }), /*#__PURE__*/jsx(NodeViewContent, {
+        as: "figcaption",
+        className: classnames({
+          "is-empty": isEmpty$1(caption)
+        }),
+        style: {
+          width: "".concat(captionWidth, "px")
+        }
+      })]
+    })
+  });
 };
 
 var _excluded$1 = ["caption"];
@@ -14403,7 +14506,7 @@ var TableActionMenu = function TableActionMenu(_ref) {
     return editor === null || editor === void 0 ? void 0 : editor.isActive("table");
   }, [editor]);
   if (!editor) return null;
-  return /*#__PURE__*/React.createElement(BubbleMenu, {
+  return /*#__PURE__*/jsx(BubbleMenu, {
     editor: editor,
     shouldShow: shouldShow,
     className: "neeto-editor-bubble-menu",
@@ -14421,28 +14524,29 @@ var TableActionMenu = function TableActionMenu(_ref) {
       getReferenceClientRect: getReferenceClientRect,
       plugins: [sticky],
       sticky: "popper"
-    }
-  }, shouldShow && tableActions({
-    editor: editor
-  }).map(function (_ref3) {
-    var icon = _ref3.icon,
-      label = _ref3.label,
-      command = _ref3.command,
-      isHidden = _ref3.isHidden;
-    return !isHidden && /*#__PURE__*/React.createElement(Button, {
-      icon: icon,
-      iconSize: 18,
-      key: label,
-      size: "small",
-      style: "text",
-      tooltipProps: {
-        content: label,
-        position: "top",
-        delay: [500]
-      },
-      onClick: command
-    });
-  }));
+    },
+    children: shouldShow && tableActions({
+      editor: editor
+    }).map(function (_ref3) {
+      var icon = _ref3.icon,
+        label = _ref3.label,
+        command = _ref3.command,
+        isHidden = _ref3.isHidden;
+      return !isHidden && /*#__PURE__*/createElement(Button, {
+        icon: icon,
+        iconSize: 18,
+        key: label,
+        size: "small",
+        style: "text",
+        tooltipProps: {
+          content: label,
+          position: "top",
+          delay: [500]
+        },
+        onClick: command
+      });
+    })
+  });
 };
 
 var LinkPopOver = function LinkPopOver(_ref) {
@@ -14556,7 +14660,7 @@ var LinkPopOver = function LinkPopOver(_ref) {
     }
   }, [view === null || view === void 0 || (_view$state2 = view.state) === null || _view$state2 === void 0 || (_view$state2 = _view$state2.selection) === null || _view$state2 === void 0 || (_view$state2 = _view$state2.$from) === null || _view$state2 === void 0 ? void 0 : _view$state2.pos, isEditing]);
   var renderEditingMode = function renderEditingMode() {
-    return /*#__PURE__*/React.createElement(Form, {
+    return /*#__PURE__*/jsx(Form, {
       formikProps: {
         initialValues: {
           textContent: initialTextContent,
@@ -14565,96 +14669,108 @@ var LinkPopOver = function LinkPopOver(_ref) {
         },
         onSubmit: handleSubmit,
         validationSchema: LINK_VALIDATION_SCHEMA
+      },
+      children: function children(_ref5) {
+        var dirty = _ref5.dirty,
+          isSubmitting = _ref5.isSubmitting,
+          setFieldValue = _ref5.setFieldValue,
+          values = _ref5.values;
+        return /*#__PURE__*/jsxs(Fragment, {
+          children: [/*#__PURE__*/jsx(Input$1, {
+            required: true,
+            "data-cy": "neeto-editor-edit-link-text-input",
+            label: t("neetoEditor.common.text"),
+            name: "textContent",
+            placeholder: t("neetoEditor.placeholders.enterText"),
+            style: {
+              width: "250px"
+            },
+            onKeyDown: handleKeyDown
+          }), /*#__PURE__*/jsx(Input$1, {
+            autoFocus: true,
+            required: true,
+            className: "ne-link-popover__url-input",
+            "data-cy": "neeto-editor-edit-link-url-input",
+            label: t("neetoEditor.common.url"),
+            name: "urlString",
+            placeholder: t("neetoEditor.placeholders.url"),
+            style: {
+              width: "250px"
+            },
+            onKeyDown: handleKeyDown
+          }), /*#__PURE__*/jsx(Checkbox, {
+            checked: values.openInNewTab,
+            className: "ne-link-popover__checkbox",
+            label: t("neetoEditor.common.openInNewTab"),
+            onChange: function onChange() {
+              setFieldValue("openInNewTab", !values.openInNewTab);
+            }
+          }), /*#__PURE__*/jsxs("div", {
+            className: "ne-link-popover__edit-prompt-buttons",
+            children: [/*#__PURE__*/jsx(Button, {
+              "data-cy": "neeto-editor-edit-link",
+              disabled: !dirty,
+              label: t("neetoEditor.menu.link"),
+              loading: isSubmitting,
+              size: "small",
+              type: "submit"
+            }), /*#__PURE__*/jsx(Button, {
+              "data-cy": "neeto-editor-edit-link-cancel",
+              label: t("neetoEditor.common.cancel"),
+              size: "small",
+              style: "text",
+              onClick: function onClick() {
+                return setIsEditing(false);
+              }
+            })]
+          })]
+        });
       }
-    }, function (_ref5) {
-      var dirty = _ref5.dirty,
-        isSubmitting = _ref5.isSubmitting,
-        setFieldValue = _ref5.setFieldValue,
-        values = _ref5.values;
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Input$1, {
-        required: true,
-        "data-cy": "neeto-editor-edit-link-text-input",
-        label: t("neetoEditor.common.text"),
-        name: "textContent",
-        placeholder: t("neetoEditor.placeholders.enterText"),
-        style: {
-          width: "250px"
-        },
-        onKeyDown: handleKeyDown
-      }), /*#__PURE__*/React.createElement(Input$1, {
-        autoFocus: true,
-        required: true,
-        className: "ne-link-popover__url-input",
-        "data-cy": "neeto-editor-edit-link-url-input",
-        label: t("neetoEditor.common.url"),
-        name: "urlString",
-        placeholder: t("neetoEditor.placeholders.url"),
-        style: {
-          width: "250px"
-        },
-        onKeyDown: handleKeyDown
-      }), /*#__PURE__*/React.createElement(Checkbox, {
-        checked: values.openInNewTab,
-        className: "ne-link-popover__checkbox",
-        label: t("neetoEditor.common.openInNewTab"),
-        onChange: function onChange() {
-          setFieldValue("openInNewTab", !values.openInNewTab);
-        }
-      }), /*#__PURE__*/React.createElement("div", {
-        className: "ne-link-popover__edit-prompt-buttons"
-      }, /*#__PURE__*/React.createElement(Button, {
-        "data-cy": "neeto-editor-edit-link",
-        disabled: !dirty,
-        label: t("neetoEditor.menu.link"),
-        loading: isSubmitting,
-        size: "small",
-        type: "submit"
-      }), /*#__PURE__*/React.createElement(Button, {
-        "data-cy": "neeto-editor-edit-link-cancel",
-        label: t("neetoEditor.common.cancel"),
+    });
+  };
+  var renderViewMode = function renderViewMode() {
+    return /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx("a", {
+        href: linkAttributes === null || linkAttributes === void 0 ? void 0 : linkAttributes.href,
+        rel: "noreferrer",
+        target: "_blank",
+        children: linkAttributes === null || linkAttributes === void 0 ? void 0 : linkAttributes.href
+      }), " - ", /*#__PURE__*/jsx(Button, {
+        className: "ne-link-popover__option-button",
+        "data-cy": "neeto-editor-link-popover-edit",
+        label: t("neetoEditor.common.edit"),
         size: "small",
-        style: "text",
+        style: "link",
         onClick: function onClick() {
-          return setIsEditing(false);
-        }
-      })));
+          return setIsEditing(true);
+        }
+      }), /*#__PURE__*/jsx("span", {
+        children: "|"
+      }), /*#__PURE__*/jsx(Button, {
+        className: "ne-link-popover__option-button",
+        "data-cy": "neeto-editor-link-popover-unlink",
+        label: t("neetoEditor.common.unlink"),
+        size: "small",
+        style: "link",
+        onClick: handleUnlink
+      })]
     });
   };
-  var renderViewMode = function renderViewMode() {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("a", {
-      href: linkAttributes === null || linkAttributes === void 0 ? void 0 : linkAttributes.href,
-      rel: "noreferrer",
-      target: "_blank"
-    }, linkAttributes === null || linkAttributes === void 0 ? void 0 : linkAttributes.href), " - ", /*#__PURE__*/React.createElement(Button, {
-      className: "ne-link-popover__option-button",
-      "data-cy": "neeto-editor-link-popover-edit",
-      label: t("neetoEditor.common.edit"),
-      size: "small",
-      style: "link",
-      onClick: function onClick() {
-        return setIsEditing(true);
+  return /*#__PURE__*/createPortal(isLinkActive ? /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx("div", {
+      className: "ne-link-arrow fade-in",
+      style: {
+        top: arrowPosition.top,
+        left: arrowPosition.left
       }
-    }), /*#__PURE__*/React.createElement("span", null, "|"), /*#__PURE__*/React.createElement(Button, {
-      className: "ne-link-popover__option-button",
-      "data-cy": "neeto-editor-link-popover-unlink",
-      label: t("neetoEditor.common.unlink"),
-      size: "small",
-      style: "link",
-      onClick: handleUnlink
-    }));
-  };
-  return /*#__PURE__*/createPortal(isLinkActive ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "ne-link-arrow fade-in",
-    style: {
-      top: arrowPosition.top,
-      left: arrowPosition.left
-    }
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "ne-link-popover fade-in",
-    id: "ne-link-view-popover",
-    ref: popoverRef,
-    style: popoverStyle
-  }, isEditing ? renderEditingMode() : renderViewMode())) : null, document.body);
+    }), /*#__PURE__*/jsx("div", {
+      className: "ne-link-popover fade-in",
+      id: "ne-link-view-popover",
+      ref: popoverRef,
+      style: popoverStyle,
+      children: isEditing ? renderEditingMode() : renderViewMode()
+    })]
+  }) : null, document.body);
 };
 
 var _excluded = ["addonCommands", "addons", "attachments", "attachmentsConfig", "autoFocus", "className", "contentClassName", "errorWrapperClassName", "contentAttributes", "menuClassName", "attachmentsClassName", "isMenuIndependent", "defaults", "editorSecrets", "error", "extensions", "hideSlashCommands", "initialValue", "isCharacterCountActive", "keyboardShortcuts", "label", "mentions", "menuType", "placeholder", "required", "rows", "tooltips", "variables", "onChange", "onFocus", "onBlur", "onSubmit", "onChangeAttachments", "children", "openImageInNewTab", "openLinkInNewTab"];
@@ -14838,64 +14954,69 @@ var Editor = function Editor(_ref, ref) {
     if (!this.docView) return;
     this.updateStateInner(state, this.state.plugins !== state.plugins);
   };
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/jsxs("div", {
     ref: wrapperRef,
-    className: classnames(_defineProperty(_defineProperty({}, className, className), "ne-attachments__wrapper", isAttachmentsActive))
-  }, label && /*#__PURE__*/React.createElement(Label, {
-    required: required,
-    className: "neeto-ui-mb-2",
-    "data-cy": "".concat(slugify(label), "-editor-label")
-  }, label), /*#__PURE__*/React.createElement(ErrorWrapper$1, {
-    error: error,
-    className: errorWrapperClassName
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Menu$3, {
-    addonCommands: addonCommands,
-    addons: addons,
-    attachmentProps: attachmentProps,
-    defaults: defaults,
-    editor: editor,
-    editorSecrets: editorSecrets,
-    mentions: mentions,
-    menuType: menuType,
-    openLinkInNewTab: openLinkInNewTab,
-    tooltips: tooltips,
-    variables: variables,
-    className: menuClassName,
-    isIndependant: isMenuIndependent
-  }), children, /*#__PURE__*/React.createElement(EditorContent, _objectSpread({
-    editor: editor
-  }, otherProps)), isMediaUploaderActive && /*#__PURE__*/React.createElement(MediaUploader, {
-    editor: editor,
-    mediaUploader: mediaUploader,
-    unsplashApiKey: editorSecrets === null || editorSecrets === void 0 ? void 0 : editorSecrets.unsplash,
-    onClose: function onClose() {
-      return setMediaUploader({
-        image: false,
-        video: false
-      });
-    }
-  }), isVideoEmbedActive && /*#__PURE__*/React.createElement(EmbedOption, {
-    editor: editor,
-    isEmbedModalOpen: isEmbedModalOpen,
-    setIsEmbedModalOpen: setIsEmbedModalOpen
-  }), isAttachmentsActive && /*#__PURE__*/React.createElement(Attachments, {
-    attachments: attachments,
-    config: attachmentsConfig,
-    dragDropRef: wrapperRef,
-    isIndependent: false,
-    ref: addAttachmentsRef,
-    setIsUploading: setIsAttachmentsUploading,
-    className: classnames("ne-attachments--integrated", _defineProperty({}, attachmentsClassName, attachmentsClassName)),
-    onChange: onChangeAttachments
-  }), (editor === null || editor === void 0 ? void 0 : editor.isActive("link")) && /*#__PURE__*/React.createElement(LinkPopOver, {
-    editor: editor
-  }), /*#__PURE__*/React.createElement(TableActionMenu, {
-    editor: editor,
-    appendTo: wrapperRef
-  }), /*#__PURE__*/React.createElement(CharacterCountWrapper, {
-    editor: editor,
-    isActive: isCharacterCountActive
-  }))));
+    className: classnames(_defineProperty(_defineProperty({}, className, className), "ne-attachments__wrapper", isAttachmentsActive)),
+    children: [label && /*#__PURE__*/jsx(Label, {
+      required: required,
+      className: "neeto-ui-mb-2",
+      "data-cy": "".concat(slugify(label), "-editor-label"),
+      children: label
+    }), /*#__PURE__*/jsx(ErrorWrapper$1, {
+      error: error,
+      className: errorWrapperClassName,
+      children: /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx(Menu$3, {
+          addonCommands: addonCommands,
+          addons: addons,
+          attachmentProps: attachmentProps,
+          defaults: defaults,
+          editor: editor,
+          editorSecrets: editorSecrets,
+          mentions: mentions,
+          menuType: menuType,
+          openLinkInNewTab: openLinkInNewTab,
+          tooltips: tooltips,
+          variables: variables,
+          className: menuClassName,
+          isIndependant: isMenuIndependent
+        }), children, /*#__PURE__*/jsx(EditorContent, _objectSpread({}, _objectSpread({
+          editor: editor
+        }, otherProps))), isMediaUploaderActive && /*#__PURE__*/jsx(MediaUploader, {
+          editor: editor,
+          mediaUploader: mediaUploader,
+          unsplashApiKey: editorSecrets === null || editorSecrets === void 0 ? void 0 : editorSecrets.unsplash,
+          onClose: function onClose() {
+            return setMediaUploader({
+              image: false,
+              video: false
+            });
+          }
+        }), isVideoEmbedActive && /*#__PURE__*/jsx(EmbedOption, {
+          editor: editor,
+          isEmbedModalOpen: isEmbedModalOpen,
+          setIsEmbedModalOpen: setIsEmbedModalOpen
+        }), isAttachmentsActive && /*#__PURE__*/jsx(Attachments, {
+          attachments: attachments,
+          config: attachmentsConfig,
+          dragDropRef: wrapperRef,
+          isIndependent: false,
+          ref: addAttachmentsRef,
+          setIsUploading: setIsAttachmentsUploading,
+          className: classnames("ne-attachments--integrated", _defineProperty({}, attachmentsClassName, attachmentsClassName)),
+          onChange: onChangeAttachments
+        }), (editor === null || editor === void 0 ? void 0 : editor.isActive("link")) && /*#__PURE__*/jsx(LinkPopOver, {
+          editor: editor
+        }), /*#__PURE__*/jsx(TableActionMenu, {
+          editor: editor,
+          appendTo: wrapperRef
+        }), /*#__PURE__*/jsx(CharacterCountWrapper, {
+          editor: editor,
+          isActive: isCharacterCountActive
+        })]
+      })
+    })]
+  });
 };
 Editor.displayName = "NeetoEditor";
 var Editor$1 = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(Editor));