@bigbinary/neeto-editor 1.47.77 → 1.47.78

package/dist/{chunk-Bo7NcVuL.js → chunk-CXmkXuF3.js}

@@ -11,11 +11,11 @@ import TextH3 from '@bigbinary/neeto-icons/TextH3';
 import TextH4 from '@bigbinary/neeto-icons/TextH4';
 import TextH5 from '@bigbinary/neeto-icons/TextH5';
 import TextP from '@bigbinary/neeto-icons/TextP';
-import { T as TextSelection, N as NodeSelection, S as Selection, b as Slice, d as dropPoint, D as DOMSerializer, F as Fragment, c as DOMParser, A as AllSelection, M as Mark$1, P as Plugin, R as ReplaceError, e as MarkType, l as liftTarget$2, r as replaceStep$1, f as ReplaceStep$2, g as canJoin$2, j as joinPoint$1, h as canSplit$2, k as ReplaceAroundStep$2, m as findWrapping$2, n as NodeRange, o as PluginKey, p as Schema, E as EditorState, v as validateAndFormatUrl } from './chunk-CkQeBm6A.js';
+import { T as TextSelection, N as NodeSelection, S as Selection, b as Slice, d as dropPoint, D as DOMSerializer, F as Fragment, c as DOMParser, A as AllSelection, M as Mark$1, P as Plugin, R as ReplaceError, e as MarkType, l as liftTarget$2, r as replaceStep$1, f as ReplaceStep$2, g as canJoin$2, j as joinPoint$1, h as canSplit$2, k as ReplaceAroundStep$2, m as findWrapping$2, n as NodeRange, o as PluginKey, p as Schema, E as EditorState, v as validateAndFormatUrl } from './chunk-BOAmmpv4.js';
 import tippy, { roundArrow } from 'tippy.js';
 import ReactDOM, { flushSync, createPortal } from 'react-dom';
 import classnames from 'classnames';
-import { A as ALL_PROTOCOL_URL_REGEXP, E as EDITOR_OPTIONS, U as URL_REGEXP } from './chunk-DDwycKmK.js';
+import { U as URL_VALIDATORS, A as ALL_PROTOCOL_URL_REGEXP, E as EDITOR_OPTIONS } from './chunk-DNMH2cJJ.js';
 import { findBy, hyphenate, isNotPresent, noop, isNotEmpty, filterBy } from '@bigbinary/neeto-cist';
 import 'tippy.js/dist/svg-arrow.css';
 import Link from '@bigbinary/neeto-icons/Link';
@@ -67,7 +67,7 @@ import { ImageUploader } from '@bigbinary/neeto-image-uploader-frontend';
 import Modal from '@bigbinary/neetoui/Modal';
 import Tab from '@bigbinary/neetoui/Tab';
 import Toastr from '@bigbinary/neetoui/Toastr';
-import { F as File, u as useFileUploader, b as useDropFiles, A as ALLOWED_IMAGE_TYPES, c as ALLOWED_VIDEO_TYPES, e as convertToFileSize, D as DEFAULT_IMAGE_UPLOAD_CONFIG, f as DEFAULT_VIDEO_UPLOAD_CONFIG, V as VIDEO_EMBED_FORM_VALIDATION_SCHEMA, g as getTabs, v as validateUrl, d as directUploadsApi } from './chunk-W4Qa_gr3.js';
+import { F as File, u as useFileUploader, b as useDropFiles, A as ALLOWED_IMAGE_TYPES, c as ALLOWED_VIDEO_TYPES, e as convertToFileSize, D as DEFAULT_IMAGE_UPLOAD_CONFIG, f as DEFAULT_VIDEO_UPLOAD_CONFIG, V as VIDEO_EMBED_FORM_VALIDATION_SCHEMA, g as getTabs, d as directUploadsApi } from './chunk-V3YZX4m4.js';
 import Tooltip from '@bigbinary/neetoui/Tooltip';
 import Form from '@bigbinary/neetoui/formik/Form';
 import Input$1 from '@bigbinary/neetoui/formik/Input';
@@ -86,7 +86,7 @@ import Success from '@bigbinary/neeto-icons/misc/Success';
 import MenuHorizontal from '@bigbinary/neeto-icons/MenuHorizontal';
 import DynamicVariables from '@bigbinary/neeto-molecules/DynamicVariables';
 import Tippy from '@tippyjs/react';
-import { D as DEFAULT_EDITOR_OPTIONS } from './chunk-CF5f8-fy.js';
+import { D as DEFAULT_EDITOR_OPTIONS } from './chunk-DxGDZoUl.js';
 
 const domIndex = function (node) {
     for (var index = 0;; index++) {
@@ -15732,6 +15732,16 @@ var generateFocusProps = function generateFocusProps() {
   return highlight ? focusProps : {};
 };
 
+var validateUrl = function validateUrl(url) {
+  if (!url) return false;
+  for (var _i = 0, _Object$values = Object.values(URL_VALIDATORS); _i < _Object$values.length; _i++) {
+    var validator = _Object$values[_i];
+    var result = validator(url);
+    if (result) return result;
+  }
+  return false;
+};
+
 /** @type {import("neetocommons/react-utils").ZustandStoreHook} */
 var useEditorStore = create(withImmutableActions(function (set) {
   return {
@@ -16887,69 +16897,28 @@ var LocalUploader = function LocalUploader(_ref) {
   });
 };
 
-var URLForm = function URLForm(_ref) {
-  var _ref$buttonLabel = _ref.buttonLabel,
-    buttonLabel = _ref$buttonLabel === void 0 ? "Submit" : _ref$buttonLabel,
-    placeholder = _ref.placeholder,
-    onSubmit = _ref.onSubmit,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className;
+var VideoEmbedForm = function VideoEmbedForm(_ref) {
+  var onEmbedVideo = _ref.onEmbedVideo,
+    onAttachVideo = _ref.onAttachVideo,
+    onClose = _ref.onClose;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var _useState = useState(""),
-    _useState2 = _slicedToArray(_useState, 2),
-    urlString = _useState2[0],
-    setUrlString = _useState2[1];
-  var _useState3 = useState(""),
-    _useState4 = _slicedToArray(_useState3, 2),
-    error = _useState4[0],
-    setError = _useState4[1];
-  var handleSubmit = function handleSubmit(event) {
-    event.preventDefault();
-    URL_REGEXP.test(urlString) ? onSubmit(urlString) : setError(t("neetoEditor.error.invalidUrl"));
+  var initialValues = {
+    url: ""
+  };
+  var onSubmit = function onSubmit(_ref2) {
+    var url = _ref2.url;
+    var embedUrl = validateUrl(url); // False when current url is not "embeddable"
+    if (embedUrl) onEmbedVideo(embedUrl);else onAttachVideo(url);
+    onClose();
   };
-  return /*#__PURE__*/jsxs("div", {
-    className: classnames("neeto-editor-url-form__wrapper", _defineProperty({}, className, className)),
-    children: [/*#__PURE__*/jsx(Input, {
-      error: error,
-      placeholder: placeholder,
-      autoFocus: true,
-      "data-cy": "neeto-editor-media-upload-url-input",
-      name: "url",
-      value: urlString,
-      onChange: function onChange(_ref2) {
-        var value = _ref2.target.value;
-        return setUrlString(value);
-      },
-      onFocus: function onFocus() {
-        return setError("");
-      }
-    }), /*#__PURE__*/jsx(Button$1, {
-      "data-cy": "neeto-editor-media-upload-url-submit",
-      disabled: !urlString,
-      label: buttonLabel,
-      size: "small",
-      onClick: handleSubmit
-    })]
-  });
-};
-
-var VideoEmbedForm = withT(function (_ref) {
-  var t = _ref.t,
-    _onSubmit = _ref.onSubmit,
-    onCancel = _ref.onCancel;
   return /*#__PURE__*/jsx("div", {
     className: "ne-video-embed-form",
     children: /*#__PURE__*/jsx(Form, {
       formikProps: {
-        initialValues: {
-          videoUrl: ""
-        },
-        onSubmit: function onSubmit(_ref2) {
-          var videoUrl = _ref2.videoUrl;
-          return _onSubmit(videoUrl);
-        },
-        validationSchema: VIDEO_EMBED_FORM_VALIDATION_SCHEMA
+        initialValues: initialValues,
+        validationSchema: VIDEO_EMBED_FORM_VALIDATION_SCHEMA,
+        onSubmit: onSubmit
       },
       children: function children(_ref3) {
         var dirty = _ref3.dirty,
@@ -16963,7 +16932,7 @@ var VideoEmbedForm = withT(function (_ref) {
               unlimitedChars: true,
               "data-cy": "neeto-editor-video-embed-input",
               label: t("neetoEditor.common.videoUrl"),
-              name: "videoUrl",
+              name: "url",
               placeholder: t("neetoEditor.placeholders.embedUrl"),
               size: "medium",
               type: "text"
@@ -16975,7 +16944,7 @@ var VideoEmbedForm = withT(function (_ref) {
               size: "small",
               onClick: function onClick() {
                 resetForm();
-                onCancel === null || onCancel === void 0 || onCancel();
+                onClose();
               }
             },
             submitButtonProps: {
@@ -16990,7 +16959,7 @@ var VideoEmbedForm = withT(function (_ref) {
       }
     })
   });
-});
+};
 
 var MediaUploader = function MediaUploader(_ref) {
   var mediaUploader = _ref.mediaUploader,
@@ -17019,23 +16988,8 @@ var MediaUploader = function MediaUploader(_ref) {
     setActiveTab("local");
     editor.commands.focus();
   };
-  var handleSubmit = function handleSubmit(url) {
-    insertMediaToEditor({
-      url: url,
-      alt: "image"
-    });
-    handleClose();
-  };
-  var handleVideoEmbed = function handleVideoEmbed(url) {
-    var validatedUrl = validateUrl(url);
-    if (validatedUrl) {
-      editor.chain().focus().setExternalVideo({
-        src: validatedUrl
-      }).run();
-      handleClose();
-    }
-  };
   var insertMediaToEditor = function insertMediaToEditor(file) {
+    if (!editor) return;
     var url = file.url,
       _file$filename = file.filename,
       filename = _file$filename === void 0 ? "image" : _file$filename,
@@ -17057,7 +17011,7 @@ var MediaUploader = function MediaUploader(_ref) {
       return commands.insertContentAt(safePosition, "<p></p>");
     }).run();
   };
-  var handleImageUploadComplete = /*#__PURE__*/function () {
+  var onUploadComplete = /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(file) {
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -17083,10 +17037,23 @@ var MediaUploader = function MediaUploader(_ref) {
         }
       }, _callee, null, [[0, 7]]);
     }));
-    return function handleImageUploadComplete(_x) {
+    return function onUploadComplete(_x) {
       return _ref3.apply(this, arguments);
     };
   }();
+  var onAttachVideo = function onAttachVideo(url) {
+    var file = {
+      url: url,
+      alt: "image"
+    };
+    insertMediaToEditor(file);
+  };
+  var onEmbedVideo = function onEmbedVideo(url) {
+    if (!editor) return;
+    editor.chain().focus().setExternalVideo({
+      src: url
+    }).run();
+  };
   return /*#__PURE__*/jsx(Modal, {
     isOpen: isOpen,
     className: "ne-media-uploader-modal",
@@ -17114,26 +17081,23 @@ var MediaUploader = function MediaUploader(_ref) {
             children: title
           }, key);
         })
-      }), /*#__PURE__*/jsx("div", {
+      }), /*#__PURE__*/jsxs("div", {
         className: "ne-media-uploader__content",
-        children: mediaUploader.image ? /*#__PURE__*/jsx(ImageUploader, {
-          className: "ne-media-uploader__image-uploader",
-          onUploadComplete: handleImageUploadComplete
-        }) : /*#__PURE__*/jsxs(Fragment$1, {
-          children: [activeTab === "local" && mediaUploader.video && /*#__PURE__*/jsx(LocalUploader, {
+        children: [mediaUploader.image && /*#__PURE__*/jsx(ImageUploader, {
+          onUploadComplete: onUploadComplete,
+          className: "ne-media-uploader__image-uploader"
+        }), mediaUploader.video && /*#__PURE__*/jsxs(Fragment$1, {
+          children: [activeTab === "local" && /*#__PURE__*/jsx(LocalUploader, {
             insertMediaToEditor: insertMediaToEditor,
             setIsUploading: setIsUploading,
             isImage: false,
             onClose: handleClose
-          }), activeTab === "link" && /*#__PURE__*/jsx(URLForm, {
-            buttonLabel: t("neetoEditor.localUploader.uploadVideo"),
-            placeholder: t("neetoEditor.placeholders.pasteLink"),
-            onSubmit: handleSubmit
-          }), activeTab === "embed" && mediaUploader.video && /*#__PURE__*/jsx(VideoEmbedForm, {
-            onCancel: handleClose,
-            onSubmit: handleVideoEmbed
+          }), activeTab === "embed" && /*#__PURE__*/jsx(VideoEmbedForm, {
+            onAttachVideo: onAttachVideo,
+            onEmbedVideo: onEmbedVideo,
+            onClose: handleClose
           })]
-        })
+        })]
       })]
     })
   });
@@ -18963,5 +18927,5 @@ var Menu = function Menu(props) {
   }));
 };
 
-export { getChangedRanges as A, findChildrenInRange as B, CALLOUT_TYPES as C, DecorationSet as D, Extension as E, getMarksBetween as F, getAttributes as G, highlightFocussedNode as H, InputRule as I, resetFocussedNode as J, findParentNodeClosestToPos as K, BubbleMenu as L, Menu as M, Node as N, getLinkPopoverPosition as O, PasteRule as P, getMarkType as Q, ReactNodeViewRenderer as R, getMarkRange as S, useEditor as T, useEditorState$1 as U, MenuDynamicVariables as V, EditorContent as W, MediaUploader as X, LinkAddPopOver as Y, EditorView as Z, Mark as a, markInputRule as b, markPasteRule as c, Decoration as d, callOrReturn as e, getExtensionField as f, getMarkAttributes as g, getNodeType as h, isNodeSelection as i, getNodeAtPosition as j, keydownHandler as k, isNodeActive as l, mergeAttributes as m, nodeInputRule as n, isAtStartOfNode as o, isAtEndOfNode as p, NodeViewWrapper as q, NodeViewContent as r, findChildren as s, textblockTypeInputRule as t, escapeForRegEx as u, ReactRenderer as v, wrappingInputRule as w, EmojiPickerMenu as x, emojiPickerApi as y, combineTransactionSteps as z };
-//# sourceMappingURL=chunk-Bo7NcVuL.js.map
+export { getChangedRanges as A, findChildrenInRange as B, CALLOUT_TYPES as C, DecorationSet as D, Extension as E, getMarksBetween as F, getAttributes as G, highlightFocussedNode as H, InputRule as I, resetFocussedNode as J, findParentNodeClosestToPos as K, validateUrl as L, Menu as M, Node as N, BubbleMenu as O, PasteRule as P, getLinkPopoverPosition as Q, ReactNodeViewRenderer as R, getMarkType as S, getMarkRange as T, useEditor as U, useEditorState$1 as V, MenuDynamicVariables as W, EditorContent as X, MediaUploader as Y, LinkAddPopOver as Z, EditorView as _, Mark as a, markInputRule as b, markPasteRule as c, Decoration as d, callOrReturn as e, getExtensionField as f, getMarkAttributes as g, getNodeType as h, isNodeSelection as i, getNodeAtPosition as j, keydownHandler as k, isNodeActive as l, mergeAttributes as m, nodeInputRule as n, isAtStartOfNode as o, isAtEndOfNode as p, NodeViewWrapper as q, NodeViewContent as r, findChildren as s, textblockTypeInputRule as t, escapeForRegEx as u, ReactRenderer as v, wrappingInputRule as w, EmojiPickerMenu as x, emojiPickerApi as y, combineTransactionSteps as z };
+//# sourceMappingURL=chunk-CXmkXuF3.js.map