@bigbinary/neeto-editor 1.47.77 → 1.47.78

package/dist/cjs/{chunk-CS245CXd.cjs.js → chunk-pQ98WW7j.cjs.js}

@@ -69,7 +69,7 @@ var neetoImageUploaderFrontend = require('@bigbinary/neeto-image-uploader-fronte
 var Modal = require('@bigbinary/neetoui/Modal');
 var Tab = require('@bigbinary/neetoui/Tab');
 var Toastr = require('@bigbinary/neetoui/Toastr');
-var FileIcon = require('./chunk-B6RMsqti.cjs.js');
+var FileIcon = require('./chunk-Ew36msGi.cjs.js');
 var Tooltip = require('@bigbinary/neetoui/Tooltip');
 var Form = require('@bigbinary/neetoui/formik/Form');
 var Input$1 = require('@bigbinary/neetoui/formik/Input');
@@ -15734,6 +15734,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(constants.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 = zustand.create(reactUtils.withImmutableActions(function (set) {
   return {
@@ -16889,69 +16899,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 = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var _useState = React.useState(""),
-    _useState2 = _slicedToArray(_useState, 2),
-    urlString = _useState2[0],
-    setUrlString = _useState2[1];
-  var _useState3 = React.useState(""),
-    _useState4 = _slicedToArray(_useState3, 2),
-    error = _useState4[0],
-    setError = _useState4[1];
-  var handleSubmit = function handleSubmit(event) {
-    event.preventDefault();
-    constants.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__*/jsxRuntime.jsxs("div", {
-    className: classnames("neeto-editor-url-form__wrapper", _defineProperty({}, className, className)),
-    children: [/*#__PURE__*/jsxRuntime.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__*/jsxRuntime.jsx(Button$1, {
-      "data-cy": "neeto-editor-media-upload-url-submit",
-      disabled: !urlString,
-      label: buttonLabel,
-      size: "small",
-      onClick: handleSubmit
-    })]
-  });
-};
-
-var VideoEmbedForm = reactUtils.withT(function (_ref) {
-  var t = _ref.t,
-    _onSubmit = _ref.onSubmit,
-    onCancel = _ref.onCancel;
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: "ne-video-embed-form",
     children: /*#__PURE__*/jsxRuntime.jsx(Form, {
       formikProps: {
-        initialValues: {
-          videoUrl: ""
-        },
-        onSubmit: function onSubmit(_ref2) {
-          var videoUrl = _ref2.videoUrl;
-          return _onSubmit(videoUrl);
-        },
-        validationSchema: FileIcon.VIDEO_EMBED_FORM_VALIDATION_SCHEMA
+        initialValues: initialValues,
+        validationSchema: FileIcon.VIDEO_EMBED_FORM_VALIDATION_SCHEMA,
+        onSubmit: onSubmit
       },
       children: function children(_ref3) {
         var dirty = _ref3.dirty,
@@ -16965,7 +16934,7 @@ var VideoEmbedForm = reactUtils.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"
@@ -16977,7 +16946,7 @@ var VideoEmbedForm = reactUtils.withT(function (_ref) {
               size: "small",
               onClick: function onClick() {
                 resetForm();
-                onCancel === null || onCancel === void 0 || onCancel();
+                onClose();
               }
             },
             submitButtonProps: {
@@ -16992,7 +16961,7 @@ var VideoEmbedForm = reactUtils.withT(function (_ref) {
       }
     })
   });
-});
+};
 
 var MediaUploader = function MediaUploader(_ref) {
   var mediaUploader = _ref.mediaUploader,
@@ -17021,23 +16990,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 = FileIcon.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,
@@ -17059,7 +17013,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) {
@@ -17085,10 +17039,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__*/jsxRuntime.jsx(Modal, {
     isOpen: isOpen,
     className: "ne-media-uploader-modal",
@@ -17116,26 +17083,23 @@ var MediaUploader = function MediaUploader(_ref) {
             children: title
           }, key);
         })
-      }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "ne-media-uploader__content",
-        children: mediaUploader.image ? /*#__PURE__*/jsxRuntime.jsx(neetoImageUploaderFrontend.ImageUploader, {
-          className: "ne-media-uploader__image-uploader",
-          onUploadComplete: handleImageUploadComplete
-        }) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-          children: [activeTab === "local" && mediaUploader.video && /*#__PURE__*/jsxRuntime.jsx(LocalUploader, {
+        children: [mediaUploader.image && /*#__PURE__*/jsxRuntime.jsx(neetoImageUploaderFrontend.ImageUploader, {
+          onUploadComplete: onUploadComplete,
+          className: "ne-media-uploader__image-uploader"
+        }), mediaUploader.video && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [activeTab === "local" && /*#__PURE__*/jsxRuntime.jsx(LocalUploader, {
             insertMediaToEditor: insertMediaToEditor,
             setIsUploading: setIsUploading,
             isImage: false,
             onClose: handleClose
-          }), activeTab === "link" && /*#__PURE__*/jsxRuntime.jsx(URLForm, {
-            buttonLabel: t("neetoEditor.localUploader.uploadVideo"),
-            placeholder: t("neetoEditor.placeholders.pasteLink"),
-            onSubmit: handleSubmit
-          }), activeTab === "embed" && mediaUploader.video && /*#__PURE__*/jsxRuntime.jsx(VideoEmbedForm, {
-            onCancel: handleClose,
-            onSubmit: handleVideoEmbed
+          }), activeTab === "embed" && /*#__PURE__*/jsxRuntime.jsx(VideoEmbedForm, {
+            onAttachVideo: onAttachVideo,
+            onEmbedVideo: onEmbedVideo,
+            onClose: handleClose
           })]
-        })
+        })]
       })]
     })
   });
@@ -19016,5 +18980,6 @@ exports.resetFocussedNode = resetFocussedNode;
 exports.textblockTypeInputRule = textblockTypeInputRule;
 exports.useEditor = useEditor;
 exports.useEditorState = useEditorState$1;
+exports.validateUrl = validateUrl;
 exports.wrappingInputRule = wrappingInputRule;
-//# sourceMappingURL=chunk-CS245CXd.cjs.js.map
+//# sourceMappingURL=chunk-pQ98WW7j.cjs.js.map