@bigbinary/neeto-editor 1.40.0 → 1.40.1

package/dist/cjs/Editor.cjs.js

@@ -4,24 +4,29 @@ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var React$1 = require('react');
-var Menu$3 = require('./chunk-d12e89fd.cjs.js');
+var React = require('react');
+var Menu$3 = require('./chunk-242eea5e.cjs.js');
 var classnames = require('classnames');
 var constants = require('./chunk-d5fbc51f.cjs.js');
 var neetoCist = require('@bigbinary/neeto-cist');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
-var neetoui = require('@bigbinary/neetoui');
+var Label = require('@bigbinary/neetoui/Label');
 var ramda = require('ramda');
+var jsxRuntime = require('react/jsx-runtime');
 var injectCss = require('./chunk-da9ee471.cjs.js');
 var utils = require('./chunk-d8087848.cjs.js');
-var neetoIcons = require('@bigbinary/neeto-icons');
+var Down = require('@bigbinary/neeto-icons/Down');
 var CopyToClipboardButton = require('@bigbinary/neeto-molecules/CopyToClipboardButton');
+var Dropdown = require('@bigbinary/neetoui/Dropdown');
+var Input = require('@bigbinary/neetoui/Input');
 var reactI18next = require('react-i18next');
 var core$1 = require('./chunk-b4e271bc.cjs.js');
 var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
 var _regeneratorRuntime = require('@babel/runtime/regenerator');
 var ReactDOM = require('react-dom');
-var FileIcon = require('./chunk-76a5f21a.cjs.js');
+var MenuHorizontal = require('@bigbinary/neeto-icons/MenuHorizontal');
+var Button = require('@bigbinary/neetoui/Button');
+var FileIcon = require('./chunk-ae47a2a1.cjs.js');
 var tippy = require('tippy.js');
 var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
 var _createClass = require('@babel/runtime/helpers/createClass');
@@ -29,22 +34,75 @@ var _possibleConstructorReturn = require('@babel/runtime/helpers/possibleConstru
 var _getPrototypeOf = require('@babel/runtime/helpers/getPrototypeOf');
 var _inherits = require('@babel/runtime/helpers/inherits');
 var emojiMart = require('emoji-mart');
+var Spinner = require('@bigbinary/neetoui/Spinner');
 var i18n = require('i18next');
 var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
-var _extends = require('@babel/runtime/helpers/extends');
+var Toastr = require('@bigbinary/neetoui/Toastr');
+var Close = require('@bigbinary/neeto-icons/Close');
+var Modal = require('@bigbinary/neetoui/Modal');
+var Avatar = require('@bigbinary/neetoui/Avatar');
+var Typography = require('@bigbinary/neetoui/Typography');
 var constants$1 = require('./chunk-8dbdfa81.cjs.js');
 var Tippy = require('@tippyjs/react');
-var formik = require('@bigbinary/neetoui/formik');
-var Attachments = require('./chunk-d0720eac.cjs.js');
+var Paragraph$1 = require('@bigbinary/neeto-icons/Paragraph');
+var TextH1 = require('@bigbinary/neeto-icons/TextH1');
+var TextH2 = require('@bigbinary/neeto-icons/TextH2');
+var ListDot = require('@bigbinary/neeto-icons/ListDot');
+var ListNumber = require('@bigbinary/neeto-icons/ListNumber');
+var Blockquote$1 = require('@bigbinary/neeto-icons/Blockquote');
+var ImageUpload = require('@bigbinary/neeto-icons/ImageUpload');
+var CodeBlock$2 = require('@bigbinary/neeto-icons/CodeBlock');
+var Smiley = require('@bigbinary/neeto-icons/Smiley');
+var Minus = require('@bigbinary/neeto-icons/Minus');
+var Video = require('@bigbinary/neeto-icons/Video');
+var Text$2 = require('@bigbinary/neeto-icons/Text');
+var Notes = require('@bigbinary/neeto-icons/Notes');
+var MediaVideo = require('@bigbinary/neeto-icons/MediaVideo');
+var Column = require('@bigbinary/neeto-icons/Column');
+var DeleteRow = require('@bigbinary/neeto-icons/DeleteRow');
+var DeleteColumn = require('@bigbinary/neeto-icons/DeleteColumn');
+var DeleteTable = require('@bigbinary/neeto-icons/DeleteTable');
+var InsertRow = require('@bigbinary/neeto-icons/InsertRow');
+var InsertColumn = require('@bigbinary/neeto-icons/InsertColumn');
+var MergeSplit = require('@bigbinary/neeto-icons/MergeSplit');
+var ToggleHeaderRow = require('@bigbinary/neeto-icons/ToggleHeaderRow');
+var Checkbox = require('@bigbinary/neetoui/Checkbox');
+var Form = require('@bigbinary/neetoui/formik/Form');
+var Input$1 = require('@bigbinary/neetoui/formik/Input');
+var Attachments = require('./chunk-391e4970.cjs.js');
 require('tippy.js/dist/svg-arrow.css');
+require('@bigbinary/neeto-icons/Link');
 require('@bigbinary/neeto-commons-frontend/utils');
+require('@bigbinary/neeto-icons/Check');
+require('@bigbinary/neeto-icons/Quote');
+require('@bigbinary/neeto-icons/Attachment');
+require('@bigbinary/neeto-icons/Code');
+require('@bigbinary/neeto-icons/Highlight');
+require('@bigbinary/neeto-icons/TextBold');
+require('@bigbinary/neeto-icons/TextCross');
+require('@bigbinary/neeto-icons/TextItalic');
+require('@bigbinary/neeto-icons/Underline');
+require('@bigbinary/neeto-icons/Undo');
+require('@bigbinary/neeto-icons/Redo');
+require('@bigbinary/neeto-icons/Email');
 require('axios');
+require('@bigbinary/neeto-icons/Customize');
+require('@bigbinary/neeto-icons/Refresh');
 require('react-colorful');
 require('@bigbinary/neeto-molecules/DynamicVariables');
+require('@bigbinary/neetoui/Tab');
+require('@bigbinary/neetoui/Tooltip');
 require('./chunk-1b36f0ca.cjs.js');
 require('zustand/shallow');
 require('zustand');
+require('@bigbinary/neeto-icons/File');
 require('yup');
+require('@bigbinary/neeto-icons/LeftAlign');
+require('@bigbinary/neeto-icons/CenterAlign');
+require('@bigbinary/neeto-icons/RightAlign');
+require('@bigbinary/neeto-icons/Delete');
+require('@bigbinary/neeto-icons/MenuVertical');
+require('@bigbinary/neetoui/Alert');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -70,20 +128,56 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
 var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__namespace = /*#__PURE__*/_interopNamespace(React$1);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React$1);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+var Label__default = /*#__PURE__*/_interopDefaultLegacy(Label);
+var Down__default = /*#__PURE__*/_interopDefaultLegacy(Down);
 var CopyToClipboardButton__default = /*#__PURE__*/_interopDefaultLegacy(CopyToClipboardButton);
+var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown);
+var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
 var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
 var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
+var MenuHorizontal__default = /*#__PURE__*/_interopDefaultLegacy(MenuHorizontal);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
 var tippy__default = /*#__PURE__*/_interopDefaultLegacy(tippy);
 var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
 var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
 var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_possibleConstructorReturn);
 var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
 var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var Spinner__default = /*#__PURE__*/_interopDefaultLegacy(Spinner);
+var Toastr__default = /*#__PURE__*/_interopDefaultLegacy(Toastr);
+var Close__default = /*#__PURE__*/_interopDefaultLegacy(Close);
+var Modal__default = /*#__PURE__*/_interopDefaultLegacy(Modal);
+var Avatar__default = /*#__PURE__*/_interopDefaultLegacy(Avatar);
+var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
 var Tippy__default = /*#__PURE__*/_interopDefaultLegacy(Tippy);
+var Paragraph__default = /*#__PURE__*/_interopDefaultLegacy(Paragraph$1);
+var TextH1__default = /*#__PURE__*/_interopDefaultLegacy(TextH1);
+var TextH2__default = /*#__PURE__*/_interopDefaultLegacy(TextH2);
+var ListDot__default = /*#__PURE__*/_interopDefaultLegacy(ListDot);
+var ListNumber__default = /*#__PURE__*/_interopDefaultLegacy(ListNumber);
+var Blockquote__default = /*#__PURE__*/_interopDefaultLegacy(Blockquote$1);
+var ImageUpload__default = /*#__PURE__*/_interopDefaultLegacy(ImageUpload);
+var CodeBlock__default = /*#__PURE__*/_interopDefaultLegacy(CodeBlock$2);
+var Smiley__default = /*#__PURE__*/_interopDefaultLegacy(Smiley);
+var Minus__default = /*#__PURE__*/_interopDefaultLegacy(Minus);
+var Video__default = /*#__PURE__*/_interopDefaultLegacy(Video);
+var Text__default = /*#__PURE__*/_interopDefaultLegacy(Text$2);
+var Notes__default = /*#__PURE__*/_interopDefaultLegacy(Notes);
+var MediaVideo__default = /*#__PURE__*/_interopDefaultLegacy(MediaVideo);
+var Column__default = /*#__PURE__*/_interopDefaultLegacy(Column);
+var DeleteRow__default = /*#__PURE__*/_interopDefaultLegacy(DeleteRow);
+var DeleteColumn__default = /*#__PURE__*/_interopDefaultLegacy(DeleteColumn);
+var DeleteTable__default = /*#__PURE__*/_interopDefaultLegacy(DeleteTable);
+var InsertRow__default = /*#__PURE__*/_interopDefaultLegacy(InsertRow);
+var InsertColumn__default = /*#__PURE__*/_interopDefaultLegacy(InsertColumn);
+var MergeSplit__default = /*#__PURE__*/_interopDefaultLegacy(MergeSplit);
+var ToggleHeaderRow__default = /*#__PURE__*/_interopDefaultLegacy(ToggleHeaderRow);
+var Checkbox__default = /*#__PURE__*/_interopDefaultLegacy(Checkbox);
+var Form__default = /*#__PURE__*/_interopDefaultLegacy(Form);
+var Input__default$1 = /*#__PURE__*/_interopDefaultLegacy(Input$1);
 
 var ErrorWrapper = function ErrorWrapper(_ref) {
   var error = _ref.error,
@@ -106,18 +200,22 @@ var ErrorWrapper = function ErrorWrapper(_ref) {
     if (neetoCist.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__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: wrapperClasses,
+      children: children
+    }), isError && /*#__PURE__*/jsxRuntime.jsx("p", {
+      className: "neeto-ui-input__error",
+      "data-cy": "neeto-editor-error-text",
+      children: getErrorMessage()
+    })]
+  });
 };
-var ErrorWrapper$1 = /*#__PURE__*/React$1.memo(ErrorWrapper);
+var ErrorWrapper$1 = /*#__PURE__*/React.memo(ErrorWrapper);
 
 var useEditorWarnings = function useEditorWarnings(_ref) {
   var initialValue = _ref.initialValue;
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     var isProduction = [process.env.RAILS_ENV, "production"].includes("production");
     if (!isProduction && neetoCist.isNotPresent(initialValue)) {
       // eslint-disable-next-line no-console
@@ -134,10 +232,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__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [children, /*#__PURE__*/jsxRuntime.jsxs("p", {
+      className: "neeto-editor-character-count",
+      "data-cy": "neeto-editor-character-count",
+      children: [editor.storage.characterCount.characters(), " characters"]
+    })]
+  });
 };
 
 /**
@@ -5726,14 +5827,14 @@ const CodeBlockLowlight = CodeBlock$1.extend({
 
 var SORTED_LANGUAGE_LIST = [].concat(_toConsumableArray__default["default"](core$1.lowlight.listLanguages()), ["html"]).sort();
 
-var Menu$2 = neetoui.Dropdown.Menu,
-  MenuItem$1 = neetoui.Dropdown.MenuItem;
+var Menu$2 = Dropdown__default["default"].Menu,
+  MenuItem$1 = Dropdown__default["default"].MenuItem;
 var CodeBlockComponent = function CodeBlockComponent(_ref) {
   var _node$attrs2, _node$content;
   var node = _ref.node,
     editor = _ref.editor,
     updateAttributes = _ref.updateAttributes;
-  var _useState = React$1.useState(""),
+  var _useState = React.useState(""),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     keyword = _useState2[0],
     setKeyword = _useState2[1];
@@ -5750,7 +5851,7 @@ var CodeBlockComponent = function CodeBlockComponent(_ref) {
     setKeyword("");
     editor === null || editor === void 0 || (_editor$commands = editor.commands) === null || _editor$commands === void 0 || _editor$commands.focus();
   };
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     var _node$attrs;
     if (ramda.isNil((_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.language)) {
       // https://github.com/bigbinary/neeto-kb-web/issues/6429
@@ -5761,50 +5862,56 @@ var CodeBlockComponent = function CodeBlockComponent(_ref) {
       }, 0);
     }
   }, []);
-  return /*#__PURE__*/React.createElement(Menu$3.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(neetoui.Dropdown, {
-    appendTo: function appendTo() {
-      return document.body;
-    },
-    buttonSize: "small",
-    buttonStyle: "secondary",
-    icon: neetoIcons.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(neetoui.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__default["default"], {
-    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(Menu$3.NodeViewContent, {
-    as: "code"
-  })));
+  return /*#__PURE__*/jsxRuntime.jsx(Menu$3.NodeViewWrapper, {
+    "data-cy": "neeto-editor-code-block",
+    children: /*#__PURE__*/jsxRuntime.jsxs("pre", {
+      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "neeto-editor-codeblock-options",
+        contentEditable: false,
+        children: [/*#__PURE__*/jsxRuntime.jsxs(Dropdown__default["default"], {
+          appendTo: function appendTo() {
+            return document.body;
+          },
+          buttonSize: "small",
+          buttonStyle: "secondary",
+          icon: Down__default["default"],
+          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__*/jsxRuntime.jsx(Input__default["default"], {
+            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__*/jsxRuntime.jsx(Menu$2, {
+            className: "neeto-editor-codeblock-options__menu",
+            children: filteredAndSortedLanguageList.map(function (language) {
+              return /*#__PURE__*/jsxRuntime.jsx(MenuItem$1.Button, {
+                onClick: function onClick() {
+                  return handleLanguageSelect(language);
+                },
+                children: language || t("neetoEditor.common.auto")
+              }, language);
+            })
+          })]
+        }), /*#__PURE__*/jsxRuntime.jsx(CopyToClipboardButton__default["default"], {
+          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__*/jsxRuntime.jsx(Menu$3.NodeViewContent, {
+        as: "code"
+      })]
+    })
+  });
 };
 
 var CodeBlock = CodeBlockLowlight.extend({
@@ -6683,36 +6790,38 @@ var Menu$1 = function Menu(_ref) {
     }) : deleteNode();
     editor.commands.focus();
   };
-  return /*#__PURE__*/React.createElement(neetoui.Dropdown, {
+  return /*#__PURE__*/jsxRuntime.jsx(Dropdown__default["default"], {
     buttonProps: {
       className: "neeto-editor__image-menu-btn"
     },
     buttonSize: "large",
     buttonStyle: "tertiary",
     className: "neeto-editor__image-menu",
-    icon: neetoIcons.MenuHorizontal,
+    icon: MenuHorizontal__default["default"],
     position: "top",
-    strategy: "fixed"
-  }, menuOptions.map(function (_ref2) {
-    var Icon = _ref2.Icon,
-      optionName = _ref2.optionName,
-      alignPos = _ref2.alignPos;
-    return /*#__PURE__*/React.createElement(neetoui.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__*/jsxRuntime.jsx(Button__default["default"], {
+        "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__default["default"](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,
@@ -6737,27 +6846,29 @@ var EmbedComponent = function EmbedComponent(_ref) {
     })));
     editor.commands.focus();
   };
-  return /*#__PURE__*/React.createElement(Menu$3.NodeViewWrapper, {
+  return /*#__PURE__*/jsxRuntime.jsx(Menu$3.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__*/jsxRuntime.jsxs(Resizable, {
+      lockAspectRatio: true,
+      className: "neeto-editor__video-iframe",
+      size: {
+        height: height,
+        width: width
+      },
+      onResizeStop: handleResize,
+      children: [/*#__PURE__*/jsxRuntime.jsx(Menu$1, {
+        align: align,
+        deleteNode: deleteNode,
+        editor: editor,
+        updateAttributes: updateAttributes
+      }), /*#__PURE__*/jsxRuntime.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__default["default"](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__default["default"](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 = Menu$3.Node.create({
   name: "external-video",
   addOptions: function addOptions() {
@@ -6827,7 +6938,7 @@ var Embeds = Menu$3.Node.create({
     }, ["div", {
       "class": "neeto-editor__video-iframe",
       style: "width: ".concat(figwidth, "px; height: ").concat(figheight, "px;")
-    }, ["iframe", Menu$3.mergeAttributes(this.options.HTMLAttributes, _objectSpread$b({}, HTMLAttributes))]]];
+    }, ["iframe", Menu$3.mergeAttributes(this.options.HTMLAttributes, _objectSpread$d({}, HTMLAttributes))]]];
   },
   addNodeView: function addNodeView() {
     return Menu$3.ReactNodeViewRenderer(EmbedComponent);
@@ -7098,8 +7209,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__default["default"](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__default["default"](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 utils.PluginKey("emoji-picker");
 var EmojiPicker = Menu$3.Node.create({
   name: "emojiPicker",
@@ -7153,7 +7264,7 @@ var EmojiPicker = Menu$3.Node.create({
     };
   },
   addProseMirrorPlugins: function addProseMirrorPlugins() {
-    return [Suggestion(_objectSpread$a({
+    return [Suggestion(_objectSpread$c({
       editor: this.editor
     }, this.options.suggestion))];
   }
@@ -7349,26 +7460,29 @@ var EmojiSuggestionMenu = /*#__PURE__*/function (_React$Component) {
       if (ramda.isEmpty(this.state.emojiSuggestions)) {
         return null;
       }
-      return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "neeto-editor-emoji-suggestion"
-      }, this.state.isLoading && /*#__PURE__*/React__default["default"].createElement(neetoui.Spinner, null), !this.state.isLoading && (neetoCist.isNotEmpty(this.state.emojiSuggestions) ? this.state.emojiSuggestions.map(function (emoji, index) {
-        return /*#__PURE__*/React__default["default"].createElement("div", {
-          "data-cy": "neeto-editor-emoji-suggestion-".concat(emoji.id),
-          key: emoji.id,
-          className: classnames__default["default"]("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["default"].createElement("p", null, "No results")));
+      return /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "neeto-editor-emoji-suggestion",
+        children: [this.state.isLoading && /*#__PURE__*/jsxRuntime.jsx(Spinner__default["default"], {}), !this.state.isLoading && (neetoCist.isNotEmpty(this.state.emojiSuggestions) ? this.state.emojiSuggestions.map(function (emoji, index) {
+          return /*#__PURE__*/jsxRuntime.jsx("div", {
+            "data-cy": "neeto-editor-emoji-suggestion-".concat(emoji.id),
+            className: classnames__default["default"]("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__*/jsxRuntime.jsx("p", {
+          children: "No results"
+        }))]
+      });
     }
   }]);
 }(React__default["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__default["default"](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__default["default"](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 utils.PluginKey("emoji-suggestion");
 var EmojiSuggestion = Menu$3.Node.create({
   name: "emojiSuggestion",
@@ -7447,7 +7561,7 @@ var EmojiSuggestion = Menu$3.Node.create({
     };
   },
   addProseMirrorPlugins: function addProseMirrorPlugins() {
-    return [Suggestion(_objectSpread$9({
+    return [Suggestion(_objectSpread$b({
       editor: this.editor
     }, this.options.suggestion))];
   }
@@ -7521,7 +7635,7 @@ var EmojiSuggestion$1 = EmojiSuggestion.configure({
 var ImagePreviewModal = function ImagePreviewModal(_ref) {
   var previewUrl = _ref.previewUrl,
     setPreviewUrl = _ref.setPreviewUrl;
-  var _useState = React$1.useState(true),
+  var _useState = React.useState(true),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     isLoading = _useState2[0],
     setIsLoading = _useState2[1];
@@ -7532,37 +7646,41 @@ var ImagePreviewModal = function ImagePreviewModal(_ref) {
     setIsLoading(true);
     setPreviewUrl(null);
   };
-  return /*#__PURE__*/React.createElement(neetoui.Modal, {
+  return /*#__PURE__*/jsxRuntime.jsx(Modal__default["default"], {
     className: "image-preview-neeto-ui-modal",
     closeButton: false,
     isOpen: neetoCist.isPresent(previewUrl),
     size: "fullScreen",
-    onClose: handleClose
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, isLoading || ramda.isNil(previewUrl) ? /*#__PURE__*/React.createElement("div", {
-    className: "spinner-wrapper"
-  }, /*#__PURE__*/React.createElement(neetoui.Spinner, {
-    className: "spinner",
-    theme: "light"
-  })) : /*#__PURE__*/React.createElement(neetoui.Button, {
-    className: "image-preview-neeto-ui-modal__close-btn",
-    icon: neetoIcons.Close,
-    style: "secondary",
-    onClick: handleClose,
-    onKeyDown: function onKeyDown(e) {
-      return e.key === "Escape" && handleClose;
-    }
-  }), /*#__PURE__*/React.createElement("img", {
-    alt: "Preview",
-    src: previewUrl,
-    className: classnames__default["default"]({
-      "display-none": isLoading || ramda.isNil(previewUrl)
-    }),
-    onLoad: handleImageLoad
-  })));
+    onClose: handleClose,
+    children: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [isLoading || ramda.isNil(previewUrl) ? /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "spinner-wrapper",
+        children: /*#__PURE__*/jsxRuntime.jsx(Spinner__default["default"], {
+          className: "spinner",
+          theme: "light"
+        })
+      }) : /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+        className: "image-preview-neeto-ui-modal__close-btn",
+        icon: Close__default["default"],
+        style: "secondary",
+        onClick: handleClose,
+        onKeyDown: function onKeyDown(e) {
+          return e.key === "Escape" && handleClose;
+        }
+      }), /*#__PURE__*/jsxRuntime.jsx("img", {
+        alt: "Preview",
+        src: previewUrl,
+        className: classnames__default["default"]({
+          "display-none": isLoading || ramda.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__default["default"](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__default["default"](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,
@@ -7575,15 +7693,15 @@ var ImageComponent = function ImageComponent(_ref) {
     figheight = _node$attrs.figheight,
     figwidth = _node$attrs.figwidth,
     align = _node$attrs.align;
-  var _useState = React$1.useState(figwidth || 0),
+  var _useState = React.useState(figwidth || 0),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     captionWidth = _useState2[0],
     setCaptionWidth = _useState2[1];
-  var _useState3 = React$1.useState(null),
+  var _useState3 = React.useState(null),
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
     previewUrl = _useState4[0],
     setPreviewUrl = _useState4[1];
-  var figureRef = React$1.useRef(null);
+  var figureRef = React.useRef(null);
   var view = editor.view;
   var height = figheight;
   var width = figwidth;
@@ -7608,50 +7726,54 @@ var ImageComponent = function ImageComponent(_ref) {
     editor.commands.focus();
   };
   if (neetoCist.isNotPresent(src)) return null;
-  return /*#__PURE__*/React.createElement(Menu$3.NodeViewWrapper, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Menu$3.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__default["default"]({}, _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(neetoui.Spinner, null)), /*#__PURE__*/React.createElement(Menu$3.NodeViewContent, {
-    as: "figcaption",
-    className: classnames__default["default"]({
-      "is-empty": ramda.isEmpty(caption)
-    }),
-    style: {
-      width: "".concat(captionWidth, "px")
-    }
-  })), /*#__PURE__*/React.createElement(ImagePreviewModal, {
-    previewUrl: previewUrl,
-    setPreviewUrl: setPreviewUrl
-  }));
+    "data-cy": "neeto-editor-image-wrapper",
+    children: [/*#__PURE__*/jsxRuntime.jsxs("figure", {
+      ref: figureRef,
+      children: [/*#__PURE__*/jsxRuntime.jsx(Menu$1, {
+        align: align,
+        deleteNode: deleteNode,
+        editor: editor,
+        updateAttributes: updateAttributes
+      }), src ? /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.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__*/jsxRuntime.jsx("div", {
+        className: "neeto-editor__image-placeholder",
+        children: /*#__PURE__*/jsxRuntime.jsx(Spinner__default["default"], {})
+      }), /*#__PURE__*/jsxRuntime.jsx(Menu$3.NodeViewContent, {
+        as: "figcaption",
+        className: classnames__default["default"]({
+          "is-empty": ramda.isEmpty(caption)
+        }),
+        style: {
+          width: "".concat(captionWidth, "px")
+        }
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx(ImagePreviewModal, {
+      previewUrl: previewUrl,
+      setPreviewUrl: setPreviewUrl
+    })]
+  });
 };
 
 var _excluded$4 = ["caption"];
@@ -7675,7 +7797,7 @@ var upload = /*#__PURE__*/function () {
           response = _context.sent;
           return _context.abrupt("return", ((_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.blob_url) || response.blob_url);
         case 6:
-          neetoui.Toastr.error(i18n.t("neetoEditor.error.imageSizeIsShouldBeLess", {
+          Toastr__default["default"].error(i18n.t("neetoEditor.error.imageSizeIsShouldBeLess", {
             limit: initializers.globalProps.endUserUploadedFileSizeLimitInMb
           }));
           return _context.abrupt("return", "");
@@ -7900,8 +8022,8 @@ var FigCaption = Menu$3.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__default["default"](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__default["default"](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,
@@ -7910,7 +8032,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;
@@ -10039,8 +10161,8 @@ const Link$1 = Menu$3.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__default["default"](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__default["default"](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 = Menu$3.markInputRule(config);
   return new Menu$3.InputRule({
@@ -10061,7 +10183,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
       }
@@ -10367,45 +10489,50 @@ var MentionList = /*#__PURE__*/function (_React$Component) {
       var _this2 = this;
       var selectedIndex = this.state.selectedIndex;
       var items = this.props.items;
-      var Menu = neetoui.Dropdown.Menu,
-        MenuItem = neetoui.Dropdown.MenuItem;
+      var Menu = Dropdown__default["default"].Menu,
+        MenuItem = Dropdown__default["default"].MenuItem;
       if (ramda.isEmpty(items)) {
-        return /*#__PURE__*/React__default["default"].createElement("div", {
-          className: "neeto-editor-mentions__wrapper"
-        }, /*#__PURE__*/React__default["default"].createElement("p", {
-          className: "neeto-editor-mentions__item"
-        }, i18n.t("neetoEditor.error.noResults")));
+        return /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "neeto-editor-mentions__wrapper",
+          children: /*#__PURE__*/jsxRuntime.jsx("p", {
+            className: "neeto-editor-mentions__item",
+            children: i18n.t("neetoEditor.error.noResults")
+          })
+        });
       }
-      return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "neeto-ui-dropdown__popup"
-      }, /*#__PURE__*/React__default["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["default"].createElement(MenuItem.Button, {
-          "data-cy": "neeto-editor-mention-list-".concat(name),
-          key: key,
-          type: "button",
-          className: classnames__default["default"]("neeto-editor-mentions__item", {
-            active: index === selectedIndex
-          }),
-          onClick: function onClick() {
-            return _this2.selectItem(index);
-          }
-        }, /*#__PURE__*/React__default["default"].createElement(neetoui.Avatar, {
-          size: "small",
-          user: {
-            name: name,
-            imageUrl: imageUrl
-          }
-        }), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-          style: "body2"
-        }, name));
-      })));
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "neeto-ui-dropdown__popup",
+        children: /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.jsxs(MenuItem.Button, {
+              "data-cy": "neeto-editor-mention-list-".concat(name),
+              type: "button",
+              className: classnames__default["default"]("neeto-editor-mentions__item", {
+                active: index === selectedIndex
+              }),
+              onClick: function onClick() {
+                return _this2.selectItem(index);
+              },
+              children: [/*#__PURE__*/jsxRuntime.jsx(Avatar__default["default"], {
+                size: "small",
+                user: {
+                  name: name,
+                  imageUrl: imageUrl
+                }
+              }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+                style: "body2",
+                children: name
+              })]
+            }, key);
+          })
+        })
+      });
     }
   }]);
 }(React__default["default"].Component);
@@ -10425,8 +10552,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__default["default"](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__default["default"](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;
@@ -10502,8 +10629,8 @@ var Mention = {
     var _ref3$suggestion = _ref3.suggestion,
       suggestionConfig = _ref3$suggestion === void 0 ? {} : _ref3$suggestion,
       otherConfig = _objectWithoutProperties__default["default"](_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)
     }));
   }
 };
@@ -10601,6 +10728,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__default["default"](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__default["default"](o), _possibleConstructorReturn__default["default"](t, _isNativeReflectConstruct$1() ? Reflect.construct(o, e || [], _getPrototypeOf__default["default"](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) {
@@ -10717,76 +10846,83 @@ var Menu = /*#__PURE__*/function (_React$Component) {
         activeMenuIndex = _this$props6.activeMenuIndex;
       var selectedIndex = this.state.selectedIndex;
       var isCurrentMenuActive = menuIndex === activeMenuIndex;
-      return /*#__PURE__*/React__default["default"].createElement("div", {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "neeto-editor-slash-commands__wrapper",
-        ref: this.menuRef
-      }, items.map(function (item, index) {
-        var isLeafNode = neetoCist.isNotPresent(item.items);
-        var nodeElement = /*#__PURE__*/React__default["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["default"].createElement(Tippy__default["default"], {
-          interactive: true,
-          key: item.title,
-          placement: "right",
-          visible: selectedIndex === index,
-          content: /*#__PURE__*/React__default["default"].createElement(Menu, _extends__default["default"]({}, _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 = neetoCist.isNotPresent(item.items);
+          var nodeElement = /*#__PURE__*/React.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__*/jsxRuntime.jsx(Tippy__default["default"], {
+            interactive: true,
+            placement: "right",
+            visible: selectedIndex === index,
+            content: /*#__PURE__*/jsxRuntime.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["default"].Component); // eslint-disable-next-line react/display-name
-var MenuItem = /*#__PURE__*/React$1.forwardRef(function (_ref2, ref) {
+var MenuItem = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
   var item = _ref2.item,
     selectedIndex = _ref2.selectedIndex,
     index = _ref2.index,
     selectItem = _ref2.selectItem,
     onHover = _ref2.onHover;
   var Icon = item.Icon;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
     "data-cy": "neeto-editor-command-list-item-".concat(index),
     ref: ref,
     className: classnames__default["default"]("neeto-editor-slash-commands__item", {
       active: index === selectedIndex
     }),
     onClick: selectItem,
-    onMouseEnter: onHover
-  }, Icon && /*#__PURE__*/React__default["default"].createElement(Icon, {
-    size: 20
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-editor-slash-commands__item-content"
-  }, /*#__PURE__*/React__default["default"].createElement("h5", {
-    "data-cy": "neeto-editor-command-list-item-block-heading"
-  }, item.title), /*#__PURE__*/React__default["default"].createElement("p", {
-    "data-cy": "neeto-editor-command-list-item-block-description"
-  }, item.description)));
+    onMouseEnter: onHover,
+    children: [Icon && /*#__PURE__*/jsxRuntime.jsx(Icon, {
+      size: 20
+    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "neeto-editor-slash-commands__item-content",
+      children: [/*#__PURE__*/jsxRuntime.jsx("h5", {
+        "data-cy": "neeto-editor-command-list-item-block-heading",
+        children: item.title
+      }), /*#__PURE__*/jsxRuntime.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__default["default"](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__default["default"](o), _possibleConstructorReturn__default["default"](t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf__default["default"](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) {
@@ -10815,7 +10951,7 @@ var CommandsList = /*#__PURE__*/function (_React$Component) {
   return _createClass__default["default"](CommandsList, [{
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React__default["default"].createElement(Menu, _extends__default["default"]({}, this.props, {
+      return /*#__PURE__*/jsxRuntime.jsx(Menu, _objectSpread$5(_objectSpread$5({}, this.props), {}, {
         activeMenuIndex: this.state.activeMenuIndex,
         items: this.props.items,
         menuIndex: 0,
@@ -10829,7 +10965,7 @@ var MENU_ITEMS = [{
   optionName: constants.EDITOR_OPTIONS.PARAGRAPH,
   title: i18n.t("neetoEditor.menu.normalText"),
   description: i18n.t("neetoEditor.menu.normalTextDescription"),
-  Icon: neetoIcons.Paragraph,
+  Icon: Paragraph__default["default"],
   command: function command(_ref) {
     var editor = _ref.editor,
       range = _ref.range;
@@ -10839,7 +10975,7 @@ var MENU_ITEMS = [{
   optionName: constants.EDITOR_OPTIONS.H1,
   title: i18n.t("neetoEditor.menu.h1"),
   description: i18n.t("neetoEditor.menu.h1Description"),
-  Icon: neetoIcons.TextH1,
+  Icon: TextH1__default["default"],
   command: function command(_ref2) {
     var editor = _ref2.editor,
       range = _ref2.range;
@@ -10851,7 +10987,7 @@ var MENU_ITEMS = [{
   optionName: constants.EDITOR_OPTIONS.H2,
   title: i18n.t("neetoEditor.menu.h2"),
   description: i18n.t("neetoEditor.menu.h2Description"),
-  Icon: neetoIcons.TextH2,
+  Icon: TextH2__default["default"],
   command: function command(_ref3) {
     var editor = _ref3.editor,
       range = _ref3.range;
@@ -10863,7 +10999,7 @@ var MENU_ITEMS = [{
   optionName: constants.EDITOR_OPTIONS.H3,
   title: i18n.t("neetoEditor.menu.h3"),
   description: i18n.t("neetoEditor.menu.h3Description"),
-  Icon: neetoIcons.Text,
+  Icon: Text__default["default"],
   command: function command(_ref4) {
     var editor = _ref4.editor,
       range = _ref4.range;
@@ -10875,7 +11011,7 @@ var MENU_ITEMS = [{
   optionName: constants.EDITOR_OPTIONS.H4,
   title: i18n.t("neetoEditor.menu.h4"),
   description: i18n.t("neetoEditor.menu.h4Description"),
-  Icon: neetoIcons.Text,
+  Icon: Text__default["default"],
   command: function command(_ref5) {
     var editor = _ref5.editor,
       range = _ref5.range;
@@ -10887,7 +11023,7 @@ var MENU_ITEMS = [{
   optionName: constants.EDITOR_OPTIONS.H5,
   title: i18n.t("neetoEditor.menu.h5"),
   description: i18n.t("neetoEditor.menu.h5Description"),
-  Icon: neetoIcons.Text,
+  Icon: Text__default["default"],
   command: function command(_ref6) {
     var editor = _ref6.editor,
       range = _ref6.range;
@@ -10899,7 +11035,7 @@ var MENU_ITEMS = [{
   optionName: constants.EDITOR_OPTIONS.H6,
   title: i18n.t("neetoEditor.menu.h6"),
   description: i18n.t("neetoEditor.menu.h6Description"),
-  Icon: neetoIcons.Text,
+  Icon: Text__default["default"],
   command: function command(_ref7) {
     var editor = _ref7.editor,
       range = _ref7.range;
@@ -10911,7 +11047,7 @@ var MENU_ITEMS = [{
   optionName: constants.EDITOR_OPTIONS.LIST_ORDERED,
   title: i18n.t("neetoEditor.menu.numberedList"),
   description: i18n.t("neetoEditor.menu.numberedListDescription"),
-  Icon: neetoIcons.ListNumber,
+  Icon: ListNumber__default["default"],
   command: function command(_ref8) {
     var editor = _ref8.editor,
       range = _ref8.range;
@@ -10921,7 +11057,7 @@ var MENU_ITEMS = [{
   optionName: constants.EDITOR_OPTIONS.LIST_BULLETS,
   title: i18n.t("neetoEditor.menu.bulletList"),
   description: i18n.t("neetoEditor.menu.bulletListDescription"),
-  Icon: neetoIcons.ListDot,
+  Icon: ListDot__default["default"],
   command: function command(_ref9) {
     var editor = _ref9.editor,
       range = _ref9.range;
@@ -10931,19 +11067,19 @@ var MENU_ITEMS = [{
   optionName: constants.EDITOR_OPTIONS.IMAGE_UPLOAD,
   title: i18n.t("neetoEditor.menu.image"),
   description: i18n.t("neetoEditor.menu.imageDescription"),
-  Icon: neetoIcons.ImageUpload,
+  Icon: ImageUpload__default["default"],
   command: neetoCist.noop
 }, {
   optionName: constants.EDITOR_OPTIONS.VIDEO_UPLOAD,
   title: i18n.t("neetoEditor.menu.video"),
   description: i18n.t("neetoEditor.menu.videoDescription"),
-  Icon: neetoIcons.Video,
+  Icon: Video__default["default"],
   command: neetoCist.noop
 }, {
   optionName: constants.EDITOR_OPTIONS.BLOCKQUOTE,
   title: i18n.t("neetoEditor.menu.blockQuote"),
   description: i18n.t("neetoEditor.menu.blockQuoteDescription"),
-  Icon: neetoIcons.Blockquote,
+  Icon: Blockquote__default["default"],
   command: function command(_ref10) {
     var editor = _ref10.editor,
       range = _ref10.range;
@@ -10953,7 +11089,7 @@ var MENU_ITEMS = [{
   optionName: constants.EDITOR_OPTIONS.CODE_BLOCK,
   title: i18n.t("neetoEditor.menu.codeBlock"),
   description: i18n.t("neetoEditor.menu.codeDescription"),
-  Icon: neetoIcons.CodeBlock,
+  Icon: CodeBlock__default["default"],
   command: function command(_ref11) {
     var editor = _ref11.editor,
       range = _ref11.range;
@@ -10963,7 +11099,7 @@ var MENU_ITEMS = [{
   optionName: constants.EDITOR_OPTIONS.EMOJI,
   title: i18n.t("neetoEditor.menu.emoji"),
   description: i18n.t("neetoEditor.menu.emojiDescription"),
-  Icon: neetoIcons.Smiley,
+  Icon: Smiley__default["default"],
   command: function command(_ref12) {
     var editor = _ref12.editor,
       range = _ref12.range;
@@ -10973,7 +11109,7 @@ var MENU_ITEMS = [{
   optionName: constants.EDITOR_OPTIONS.DIVIDER,
   title: i18n.t("neetoEditor.menu.divider"),
   description: i18n.t("neetoEditor.menu.dividerDescription"),
-  Icon: neetoIcons.Minus,
+  Icon: Minus__default["default"],
   command: function command(_ref13) {
     var editor = _ref13.editor,
       range = _ref13.range;
@@ -10983,13 +11119,13 @@ var MENU_ITEMS = [{
   optionName: constants.EDITOR_OPTIONS.VIDEO_EMBED,
   title: i18n.t("neetoEditor.menu.embed"),
   description: i18n.t("neetoEditor.menu.embedDescription"),
-  Icon: neetoIcons.MediaVideo,
+  Icon: MediaVideo__default["default"],
   command: neetoCist.noop
 }, {
   optionName: constants.EDITOR_OPTIONS.PASTE_UNFORMATTED,
   title: i18n.t("neetoEditor.menu.pasteUnformatted"),
   description: i18n.t("neetoEditor.menu.pasteUnformattedDescription"),
-  Icon: neetoIcons.Notes,
+  Icon: Notes__default["default"],
   command: function command(_ref14) {
     var editor = _ref14.editor,
       range = _ref14.range;
@@ -10999,7 +11135,7 @@ var MENU_ITEMS = [{
   optionName: constants.EDITOR_OPTIONS.TABLE,
   title: i18n.t("neetoEditor.menu.table"),
   description: i18n.t("neetoEditor.menu.tableDescription"),
-  Icon: neetoIcons.Column,
+  Icon: Column__default["default"],
   command: function command(_ref15) {
     var editor = _ref15.editor,
       range = _ref15.range;
@@ -14095,11 +14231,11 @@ var VideoComponent = function VideoComponent(_ref) {
     vidheight = _node$attrs.vidheight,
     vidwidth = _node$attrs.vidwidth,
     align = _node$attrs.align;
-  var _useState = React$1.useState(vidwidth || 0),
+  var _useState = React.useState(vidwidth || 0),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     captionWidth = _useState2[0],
     setCaptionWidth = _useState2[1];
-  var figureRef = React$1.useRef(null);
+  var figureRef = React.useRef(null);
   var view = editor.view;
   var height = vidheight;
   var width = vidwidth;
@@ -14124,42 +14260,45 @@ var VideoComponent = function VideoComponent(_ref) {
     editor.commands.focus();
   };
   if (neetoCist.isNotPresent(src)) return null;
-  return /*#__PURE__*/React.createElement(Menu$3.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__default["default"]({
-    controls: true
-  }, _objectSpread$1(_objectSpread$1({}, node.attrs), {}, {
-    src: src
-  }), {
-    alt: caption,
-    preload: "metadata"
-  }))), /*#__PURE__*/React.createElement(Menu$3.NodeViewContent, {
-    as: "figcaption",
-    className: classnames__default["default"]({
-      "is-empty": ramda.isEmpty(caption)
-    }),
-    style: {
-      width: "".concat(captionWidth, "px")
-    }
-  })));
+  return /*#__PURE__*/jsxRuntime.jsx(Menu$3.NodeViewWrapper, {
+    className: "neeto-editor__image-wrapper neeto-editor__image--".concat(align),
+    children: /*#__PURE__*/jsxRuntime.jsxs("figure", {
+      ref: figureRef,
+      children: [/*#__PURE__*/jsxRuntime.jsx(Menu$1, {
+        align: align,
+        deleteNode: deleteNode,
+        editor: editor,
+        updateAttributes: updateAttributes
+      }), /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.jsx("video", _objectSpread$1(_objectSpread$1({
+          controls: true
+        }, _objectSpread$1(_objectSpread$1({}, node.attrs), {}, {
+          src: src
+        })), {}, {
+          alt: caption,
+          preload: "metadata"
+        }))
+      }), /*#__PURE__*/jsxRuntime.jsx(Menu$3.NodeViewContent, {
+        as: "figcaption",
+        className: classnames__default["default"]({
+          "is-empty": ramda.isEmpty(caption)
+        }),
+        style: {
+          width: "".concat(captionWidth, "px")
+        }
+      })]
+    })
+  });
 };
 
 var _excluded$1 = ["caption"];
@@ -14386,51 +14525,51 @@ var tableActions = function tableActions(_ref) {
     command: function command() {
       return editor.commands.addRowAfter();
     },
-    icon: neetoIcons.InsertRow
+    icon: InsertRow__default["default"]
   }, {
     label: i18n.t("neetoEditor.table.insertColumn"),
     command: function command() {
       return editor.commands.addColumnAfter();
     },
-    icon: neetoIcons.InsertColumn
+    icon: InsertColumn__default["default"]
   }, {
     label: i18n.t("neetoEditor.table.deleteRow"),
     command: function command() {
       return editor.chain().focus().deleteRow().run();
     },
-    icon: neetoIcons.DeleteRow,
+    icon: DeleteRow__default["default"],
     isVisible: true
   }, {
     label: i18n.t("neetoEditor.table.deleteColumn"),
     command: function command() {
       return editor.chain().focus().deleteColumn().run();
     },
-    icon: neetoIcons.DeleteColumn
+    icon: DeleteColumn__default["default"]
   }, {
     label: i18n.t("neetoEditor.table.mergeSplit"),
     command: function command() {
       return editor.chain().focus().mergeOrSplit().run();
     },
-    icon: neetoIcons.MergeSplit,
+    icon: MergeSplit__default["default"],
     isHidden: !shouldShowMergeCellToggler((_editor$state = editor.state) === null || _editor$state === void 0 ? void 0 : _editor$state.selection)
   }, {
     label: i18n.t("neetoEditor.table.toggleHeaderRow"),
     command: function command() {
       return editor.chain().focus().toggleHeaderRow().run();
     },
-    icon: neetoIcons.ToggleHeaderRow
+    icon: ToggleHeaderRow__default["default"]
   }, {
     label: i18n.t("neetoEditor.table.delete"),
     command: function command() {
       return editor.commands.deleteTable();
     },
-    icon: neetoIcons.DeleteTable
+    icon: DeleteTable__default["default"]
   }];
 };
 
 var TableActionMenu = function TableActionMenu(_ref) {
   var editor = _ref.editor;
-  var getReferenceClientRect = React$1.useCallback(function () {
+  var getReferenceClientRect = React.useCallback(function () {
     var _editor$state$selecti, _editor$state, _editor$view$domAtPos;
     if (!editor) return new DOMRect(0, 0, 0, 0);
     var _ref2 = (_editor$state$selecti = (_editor$state = editor.state) === null || _editor$state === void 0 ? void 0 : _editor$state.selection) !== null && _editor$state$selecti !== void 0 ? _editor$state$selecti : {},
@@ -14439,11 +14578,11 @@ var TableActionMenu = function TableActionMenu(_ref) {
     var element = (node === null || node === void 0 ? void 0 : node.nodeType) === 3 ? node === null || node === void 0 ? void 0 : node.parentElement : node;
     return (element === null || element === void 0 ? void 0 : element.getBoundingClientRect()) || new DOMRect(0, 0, 0, 0);
   }, [editor]);
-  var shouldShow = React$1.useCallback(function () {
+  var shouldShow = React.useCallback(function () {
     return editor === null || editor === void 0 ? void 0 : editor.isActive("table");
   }, [editor]);
   if (!editor) return null;
-  return /*#__PURE__*/React.createElement(Menu$3.BubbleMenu, {
+  return /*#__PURE__*/jsxRuntime.jsx(Menu$3.BubbleMenu, {
     editor: editor,
     shouldShow: shouldShow,
     className: "neeto-editor-bubble-menu",
@@ -14461,28 +14600,29 @@ var TableActionMenu = function TableActionMenu(_ref) {
       getReferenceClientRect: getReferenceClientRect,
       plugins: [tippy.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(neetoui.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__*/React.createElement(Button__default["default"], {
+        icon: icon,
+        iconSize: 18,
+        key: label,
+        size: "small",
+        style: "text",
+        tooltipProps: {
+          content: label,
+          position: "top",
+          delay: [500]
+        },
+        onClick: command
+      });
+    })
+  });
 };
 
 var LinkPopOver = function LinkPopOver(_ref) {
@@ -14492,29 +14632,29 @@ var LinkPopOver = function LinkPopOver(_ref) {
     view = _ref2.view;
   var from = editor.state.selection.from;
   var initialTextContent = (view === null || view === void 0 || (_view$state = view.state) === null || _view$state === void 0 || (_view$state = _view$state.doc) === null || _view$state === void 0 || (_view$state = _view$state.nodeAt(from)) === null || _view$state === void 0 ? void 0 : _view$state.text) || "";
-  var _useState = React$1.useState({
+  var _useState = React.useState({
       top: 0,
       left: 0
     }),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     arrowPosition = _useState2[0],
     setArrowPosition = _useState2[1];
-  var _useState3 = React$1.useState({
+  var _useState3 = React.useState({
       top: 0,
       left: 0
     }),
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
     popoverPosition = _useState4[0],
     setPopoverPosition = _useState4[1];
-  var _useState5 = React$1.useState(false),
+  var _useState5 = React.useState(false),
     _useState6 = _slicedToArray__default["default"](_useState5, 2),
     isEditing = _useState6[0],
     setIsEditing = _useState6[1];
-  var _useState7 = React$1.useState(editor === null || editor === void 0 ? void 0 : editor.isActive("link")),
+  var _useState7 = React.useState(editor === null || editor === void 0 ? void 0 : editor.isActive("link")),
     _useState8 = _slicedToArray__default["default"](_useState7, 2),
     isLinkActive = _useState8[0],
     setIsLinkActive = _useState8[1];
-  var popoverRef = React$1.useRef(null);
+  var popoverRef = React.useRef(null);
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var linkAttributes = editor === null || editor === void 0 ? void 0 : editor.getAttributes("link");
@@ -14580,7 +14720,7 @@ var LinkPopOver = function LinkPopOver(_ref) {
     return ramda.equals(event.key, "Escape") && setIsEditing(false);
   };
   reactUtils.useOnClickOutside(popoverRef, removePopover);
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     window.addEventListener("resize", removePopover);
     window.addEventListener("wheel", removePopover);
     return function () {
@@ -14588,7 +14728,7 @@ var LinkPopOver = function LinkPopOver(_ref) {
       window.removeEventListener("wheel", removePopover);
     };
   }, []);
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     var isActive = editor === null || editor === void 0 ? void 0 : editor.isActive("link");
     setIsLinkActive(isActive);
     if (isActive) {
@@ -14596,7 +14736,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(formik.Form, {
+    return /*#__PURE__*/jsxRuntime.jsx(Form__default["default"], {
       formikProps: {
         initialValues: {
           textContent: initialTextContent,
@@ -14605,96 +14745,108 @@ var LinkPopOver = function LinkPopOver(_ref) {
         },
         onSubmit: handleSubmit,
         validationSchema: utils.LINK_VALIDATION_SCHEMA
+      },
+      children: function children(_ref5) {
+        var dirty = _ref5.dirty,
+          isSubmitting = _ref5.isSubmitting,
+          setFieldValue = _ref5.setFieldValue,
+          values = _ref5.values;
+        return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(Input__default$1["default"], {
+            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__*/jsxRuntime.jsx(Input__default$1["default"], {
+            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__*/jsxRuntime.jsx(Checkbox__default["default"], {
+            checked: values.openInNewTab,
+            className: "ne-link-popover__checkbox",
+            label: t("neetoEditor.common.openInNewTab"),
+            onChange: function onChange() {
+              setFieldValue("openInNewTab", !values.openInNewTab);
+            }
+          }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+            className: "ne-link-popover__edit-prompt-buttons",
+            children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+              "data-cy": "neeto-editor-edit-link",
+              disabled: !dirty,
+              label: t("neetoEditor.menu.link"),
+              loading: isSubmitting,
+              size: "small",
+              type: "submit"
+            }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+              "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(formik.Input, {
-        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(formik.Input, {
-        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(neetoui.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(neetoui.Button, {
-        "data-cy": "neeto-editor-edit-link",
-        disabled: !dirty,
-        label: t("neetoEditor.menu.link"),
-        loading: isSubmitting,
-        size: "small",
-        type: "submit"
-      }), /*#__PURE__*/React.createElement(neetoui.Button, {
-        "data-cy": "neeto-editor-edit-link-cancel",
-        label: t("neetoEditor.common.cancel"),
+    });
+  };
+  var renderViewMode = function renderViewMode() {
+    return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/jsxRuntime.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__*/jsxRuntime.jsx(Button__default["default"], {
+        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__*/jsxRuntime.jsx("span", {
+        children: "|"
+      }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+        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(neetoui.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__*/ReactDOM.createPortal(isLinkActive ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "ne-link-arrow fade-in",
+      style: {
+        top: arrowPosition.top,
+        left: arrowPosition.left
       }
-    }), /*#__PURE__*/React.createElement("span", null, "|"), /*#__PURE__*/React.createElement(neetoui.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__*/ReactDOM.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__*/jsxRuntime.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"];
@@ -14767,11 +14919,11 @@ var Editor = function Editor(_ref, ref) {
     _ref$openLinkInNewTab = _ref.openLinkInNewTab,
     openLinkInNewTab = _ref$openLinkInNewTab === void 0 ? true : _ref$openLinkInNewTab,
     otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
-  var _useState = React$1.useState(false),
+  var _useState = React.useState(false),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     isAttachmentsUploading = _useState2[0],
     setIsAttachmentsUploading = _useState2[1];
-  var wrapperRef = React$1.useRef(null);
+  var wrapperRef = React.useRef(null);
   var isAttachmentsActive = addons.includes(constants.EDITOR_OPTIONS.ATTACHMENTS);
   var isVideoEmbedActive = addons.includes(constants.EDITOR_OPTIONS.VIDEO_EMBED);
   var isMediaUploaderActive = addons.includes(constants.EDITOR_OPTIONS.IMAGE_UPLOAD) || addons.includes(constants.EDITOR_OPTIONS.VIDEO_UPLOAD);
@@ -14779,18 +14931,18 @@ var Editor = function Editor(_ref, ref) {
   var isBubbleMenuActive = menuType === "bubble";
   var isSlashCommandsActive = !hideSlashCommands || isBubbleMenuActive && !hideSlashCommands;
   var isPlaceholderActive = !!placeholder;
-  var _useState3 = React$1.useState(false),
+  var _useState3 = React.useState(false),
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
     isEmbedModalOpen = _useState4[0],
     setIsEmbedModalOpen = _useState4[1];
-  var _useState5 = React$1.useState({
+  var _useState5 = React.useState({
       image: false,
       video: false
     }),
     _useState6 = _slicedToArray__default["default"](_useState5, 2),
     mediaUploader = _useState6[0],
     setMediaUploader = _useState6[1];
-  var addAttachmentsRef = React$1.useRef(null);
+  var addAttachmentsRef = React.useRef(null);
   var attachmentProps = {
     handleUploadAttachments: function handleUploadAttachments() {
       var _addAttachmentsRef$cu;
@@ -14863,7 +15015,7 @@ var Editor = function Editor(_ref, ref) {
   });
 
   /* Make editor object available to the parent */
-  React$1.useImperativeHandle(ref, function () {
+  React.useImperativeHandle(ref, function () {
     return {
       editor: editor,
       focus: function focus() {
@@ -14878,67 +15030,72 @@ 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__*/jsxRuntime.jsxs("div", {
     ref: wrapperRef,
-    className: classnames__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({}, className, className), "ne-attachments__wrapper", isAttachmentsActive))
-  }, label && /*#__PURE__*/React.createElement(neetoui.Label, {
-    required: required,
-    className: "neeto-ui-mb-2",
-    "data-cy": "".concat(neetoCist.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.Menu, {
-    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(Menu$3.EditorContent, _objectSpread({
-    editor: editor
-  }, otherProps)), isMediaUploaderActive && /*#__PURE__*/React.createElement(Menu$3.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(Menu$3.EmbedOption, {
-    editor: editor,
-    isEmbedModalOpen: isEmbedModalOpen,
-    setIsEmbedModalOpen: setIsEmbedModalOpen
-  }), isAttachmentsActive && /*#__PURE__*/React.createElement(Attachments.Attachments, {
-    attachments: attachments,
-    config: attachmentsConfig,
-    dragDropRef: wrapperRef,
-    isIndependent: false,
-    ref: addAttachmentsRef,
-    setIsUploading: setIsAttachmentsUploading,
-    className: classnames__default["default"]("ne-attachments--integrated", _defineProperty__default["default"]({}, 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__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({}, className, className), "ne-attachments__wrapper", isAttachmentsActive)),
+    children: [label && /*#__PURE__*/jsxRuntime.jsx(Label__default["default"], {
+      required: required,
+      className: "neeto-ui-mb-2",
+      "data-cy": "".concat(neetoCist.slugify(label), "-editor-label"),
+      children: label
+    }), /*#__PURE__*/jsxRuntime.jsx(ErrorWrapper$1, {
+      error: error,
+      className: errorWrapperClassName,
+      children: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(Menu$3.Menu, {
+          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__*/jsxRuntime.jsx(Menu$3.EditorContent, _objectSpread({}, _objectSpread({
+          editor: editor
+        }, otherProps))), isMediaUploaderActive && /*#__PURE__*/jsxRuntime.jsx(Menu$3.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__*/jsxRuntime.jsx(Menu$3.EmbedOption, {
+          editor: editor,
+          isEmbedModalOpen: isEmbedModalOpen,
+          setIsEmbedModalOpen: setIsEmbedModalOpen
+        }), isAttachmentsActive && /*#__PURE__*/jsxRuntime.jsx(Attachments.Attachments, {
+          attachments: attachments,
+          config: attachmentsConfig,
+          dragDropRef: wrapperRef,
+          isIndependent: false,
+          ref: addAttachmentsRef,
+          setIsUploading: setIsAttachmentsUploading,
+          className: classnames__default["default"]("ne-attachments--integrated", _defineProperty__default["default"]({}, attachmentsClassName, attachmentsClassName)),
+          onChange: onChangeAttachments
+        }), (editor === null || editor === void 0 ? void 0 : editor.isActive("link")) && /*#__PURE__*/jsxRuntime.jsx(LinkPopOver, {
+          editor: editor
+        }), /*#__PURE__*/jsxRuntime.jsx(TableActionMenu, {
+          editor: editor,
+          appendTo: wrapperRef
+        }), /*#__PURE__*/jsxRuntime.jsx(CharacterCountWrapper, {
+          editor: editor,
+          isActive: isCharacterCountActive
+        })]
+      })
+    })]
+  });
 };
 Editor.displayName = "NeetoEditor";
-var Editor$1 = /*#__PURE__*/React$1.memo( /*#__PURE__*/React$1.forwardRef(Editor));
+var Editor$1 = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(Editor));
 
 module.exports = Editor$1;
 //# sourceMappingURL=Editor.cjs.js.map