@cyberyozh/text-editor 0.3.1 → 0.4.0

package/dist/editor.mjs

@@ -1446,6 +1446,11 @@ function pluralize(count, forms) {
   return forms[2];
 }
 
+// src/utils/is-combined-error.ts
+function isCombinedError(error) {
+  return error instanceof Error && Array.isArray(error?.cause) && error.cause.length > 0 && error.cause.every((e) => e instanceof Error);
+}
+
 // src/editor/controls/character-count.tsx
 import { jsx as jsx62, jsxs as jsxs14 } from "react/jsx-runtime";
 var CharacterCount = ({ editor }) => {
@@ -1861,6 +1866,43 @@ var CommonModal = ({ open, handleClose, children }) => {
   );
 };
 
+// src/editor/components/dialog-error/dialog-error.tsx
+import { useMemo } from "react";
+import { jsx as jsx67, jsxs as jsxs18 } from "react/jsx-runtime";
+var DialogError = ({ error, onClose, className }) => {
+  const translations2 = useTiptapTranslations();
+  const renderedMessage = useMemo(() => {
+    if (typeof error === "string") {
+      return error || translations2.common.unknownError;
+    }
+    if (isCombinedError(error)) {
+      const safeErrors = error.cause.filter((e) => Boolean(e.message));
+      const errorsToDisplay = safeErrors.length === error.cause.length ? safeErrors : [new Error(translations2.common.unknownError), ...safeErrors];
+      if (errorsToDisplay.length === 1) {
+        return errorsToDisplay[0].message;
+      }
+      return /* @__PURE__ */ jsx67("ul", { className: "dialog-error-list", children: errorsToDisplay.map((cause, index) => /* @__PURE__ */ jsx67("li", { children: cause.message }, `${index}_${cause.message}`)) });
+    }
+    if (error instanceof Error) {
+      return error.message || translations2.common.unknownError;
+    }
+    return translations2.common.unknownError;
+  }, [error, translations2]);
+  return /* @__PURE__ */ jsxs18("div", { className: `dialog-error ${className || ""}`, children: [
+    renderedMessage,
+    onClose && /* @__PURE__ */ jsx67(
+      "button",
+      {
+        type: "button",
+        className: "dialog-error-clear-button",
+        onClick: onClose,
+        "aria-label": translations2.common.clearError,
+        children: /* @__PURE__ */ jsx67(X_default, {})
+      }
+    )
+  ] });
+};
+
 // src/utils/image-src-resolver.ts
 function resolveImageSrc(attrs, options) {
   const { fileId, src } = attrs;
@@ -1884,7 +1926,7 @@ function resolveImageSrc(attrs, options) {
 }
 
 // src/editor/dialogs/image-dialog/image-dialog.tsx
-import { Fragment as Fragment2, jsx as jsx67, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx68, jsxs as jsxs19 } from "react/jsx-runtime";
 var ImageDialog = ({
   open,
   onClose,
@@ -1935,11 +1977,20 @@ var ImageDialog = ({
     width: constrainedDimensions.width,
     height: constrainedDimensions.height
   });
+  const [fileUploadError, setFileUploadError] = useState6(null);
   const handleSelectFile = (file) => {
+    setFileUploadError(null);
     if (!file) return;
+    if (!file.type.startsWith("image/")) {
+      setFileUploadError(new Error(translations2.imageDialog.invalidFileType));
+      return;
+    }
     const imageUrl = URL.createObjectURL(file);
     const img = new Image();
     img.src = imageUrl;
+    img.onerror = () => {
+      setFileUploadError(new Error(translations2.imageDialog.invalidFileType));
+    };
     img.onload = () => {
       const naturalWidth = img.width;
       const naturalHeight = img.height;
@@ -2032,6 +2083,8 @@ var ImageDialog = ({
         storageKey: result.storageKey
       });
       handleClose();
+    } catch (error) {
+      setFileUploadError(error instanceof Error ? error : new Error(translations2.common.unknownError));
     } finally {
       setIsUploading(false);
     }
@@ -2047,7 +2100,9 @@ var ImageDialog = ({
     });
     handleClose();
   };
-  const handleSave = mode === "edit" ? handleEditImage : handleAddImage;
+  const isEditMode = mode === "edit";
+  const canSave = isEditMode || Boolean(formState.file);
+  const handleSave = isEditMode ? handleEditImage : handleAddImage;
   const handleClose = () => {
     clearImageFormFields();
     onClose();
@@ -2057,27 +2112,27 @@ var ImageDialog = ({
   const dialogTitle = isAddMode ? translations2.imageDialog.addTitle : translations2.imageDialog.editTitle;
   const saveButtonText = isAddMode ? translations2.imageDialog.add : translations2.imageDialog.save;
   const dragPlaceholder = dragActive ? translations2.imageUpload.dragActive : translations2.imageUpload.dragInactive;
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(
     CommonModal,
     {
       open,
       handleClose,
       children: [
-        /* @__PURE__ */ jsx67("p", { className: "image-dialog-title", children: dialogTitle }),
-        /* @__PURE__ */ jsx67("hr", { className: "image-dialog-divider" }),
-        /* @__PURE__ */ jsx67("div", { className: "image-dialog-form-container", children: /* @__PURE__ */ jsxs18("div", { className: "image-dialog-form", children: [
-          hasImage ? /* @__PURE__ */ jsxs18("div", { className: "image-dialog-preview-wrapper", children: [
-            isAddMode && /* @__PURE__ */ jsx67(
+        /* @__PURE__ */ jsx68("p", { className: "image-dialog-title", children: dialogTitle }),
+        /* @__PURE__ */ jsx68("hr", { className: "image-dialog-divider" }),
+        /* @__PURE__ */ jsx68("div", { className: "image-dialog-form-container", children: /* @__PURE__ */ jsxs19("div", { className: "image-dialog-form", children: [
+          hasImage ? /* @__PURE__ */ jsxs19("div", { className: "image-dialog-preview-wrapper", children: [
+            isAddMode && /* @__PURE__ */ jsx68(
               "button",
               {
                 type: "button",
                 className: "image-dialog-delete-button",
                 onClick: clearImageFormFields,
                 "aria-label": translations2.media.deleteImage,
-                children: /* @__PURE__ */ jsx67(X_default, {})
+                children: /* @__PURE__ */ jsx68(X_default, {})
               }
             ),
-            /* @__PURE__ */ jsx67(
+            /* @__PURE__ */ jsx68(
               "img",
               {
                 src: formState.fileUrl,
@@ -2087,7 +2142,7 @@ var ImageDialog = ({
                 className: "image-dialog-preview"
               }
             )
-          ] }) : isAddMode && /* @__PURE__ */ jsxs18(
+          ] }) : isAddMode && /* @__PURE__ */ jsxs19(
             "div",
             {
               className: `image-dialog-drag-area ${dragActive ? "image-dialog-drag-area-active" : ""}`,
@@ -2097,7 +2152,7 @@ var ImageDialog = ({
               onDragLeave: handleDragLeave,
               onDrop: handleDrop,
               children: [
-                /* @__PURE__ */ jsx67(
+                /* @__PURE__ */ jsx68(
                   "input",
                   {
                     type: "file",
@@ -2108,12 +2163,12 @@ var ImageDialog = ({
                     accept: "image/*"
                   }
                 ),
-                /* @__PURE__ */ jsx67("p", { style: { textAlign: "center" }, children: dragPlaceholder })
+                /* @__PURE__ */ jsx68("p", { style: { textAlign: "center" }, children: dragPlaceholder })
               ]
             }
           ),
-          hasImage && /* @__PURE__ */ jsxs18(Fragment2, { children: [
-            /* @__PURE__ */ jsx67(
+          hasImage && /* @__PURE__ */ jsxs19(Fragment2, { children: [
+            /* @__PURE__ */ jsx68(
               Input,
               {
                 label: translations2.media.imageTitle,
@@ -2121,7 +2176,7 @@ var ImageDialog = ({
                 onChange: (e) => setFormState((prev) => ({ ...prev, title: e.target.value }))
               }
             ),
-            /* @__PURE__ */ jsx67(
+            /* @__PURE__ */ jsx68(
               Input,
               {
                 label: translations2.media.imageAlt,
@@ -2129,7 +2184,7 @@ var ImageDialog = ({
                 onChange: (e) => setFormState((prev) => ({ ...prev, alt: e.target.value }))
               }
             ),
-            /* @__PURE__ */ jsx67(
+            /* @__PURE__ */ jsx68(
               Input,
               {
                 label: translations2.imageDialog.captionLabel,
@@ -2140,8 +2195,16 @@ var ImageDialog = ({
             )
           ] })
         ] }) }),
-        /* @__PURE__ */ jsxs18("div", { className: "image-dialog-actions", children: [
-          /* @__PURE__ */ jsx67(
+        fileUploadError && /* @__PURE__ */ jsx68(
+          DialogError,
+          {
+            error: fileUploadError,
+            onClose: () => setFileUploadError(null),
+            className: "image-dialog-error-spacing"
+          }
+        ),
+        /* @__PURE__ */ jsxs19("div", { className: "image-dialog-actions", children: [
+          /* @__PURE__ */ jsx68(
             Button,
             {
               type: "button",
@@ -2151,12 +2214,13 @@ var ImageDialog = ({
               children: translations2.common.cancel
             }
           ),
-          /* @__PURE__ */ jsx67(
+          /* @__PURE__ */ jsx68(
             Button,
             {
               isLoading: isUploading,
               type: "button",
               onClick: handleSave,
+              disabled: !canSave,
               children: saveButtonText
             }
           )
@@ -2168,7 +2232,7 @@ var ImageDialog = ({
 
 // src/editor/dialogs/add-katex-dialog/add-katex-dialog.tsx
 import { useEffect as useEffect6, useRef as useRef7, useState as useState7 } from "react";
-import { jsx as jsx68, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx69, jsxs as jsxs20 } from "react/jsx-runtime";
 var AddKatexDialog = ({
   open,
   onClose,
@@ -2203,19 +2267,19 @@ var AddKatexDialog = ({
       handleSubmit();
     }
   };
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     CommonModal,
     {
       open,
       handleClose,
       children: [
-        /* @__PURE__ */ jsx68("p", { className: "katex-dialog-title", children: initialContent ? translations2.katex.editTitle : translations2.katex.addTitle }),
-        /* @__PURE__ */ jsx68("hr", { className: "katex-dialog-divider" }),
-        /* @__PURE__ */ jsxs19("div", { className: "katex-dialog-content", children: [
-          /* @__PURE__ */ jsxs19("p", { className: "katex-dialog-description", children: [
+        /* @__PURE__ */ jsx69("p", { className: "katex-dialog-title", children: initialContent ? translations2.katex.editTitle : translations2.katex.addTitle }),
+        /* @__PURE__ */ jsx69("hr", { className: "katex-dialog-divider" }),
+        /* @__PURE__ */ jsxs20("div", { className: "katex-dialog-content", children: [
+          /* @__PURE__ */ jsxs20("p", { className: "katex-dialog-description", children: [
             translations2.katex.description,
             " ",
-            /* @__PURE__ */ jsx68(
+            /* @__PURE__ */ jsx69(
               "a",
               {
                 href: "https://katex.org/docs/supported.html",
@@ -2227,8 +2291,8 @@ var AddKatexDialog = ({
             " ",
             translations2.katex.documentationLinkSuffix
           ] }),
-          /* @__PURE__ */ jsxs19("div", { className: "katex-dialog-form-group", children: [
-            /* @__PURE__ */ jsx68(
+          /* @__PURE__ */ jsxs20("div", { className: "katex-dialog-form-group", children: [
+            /* @__PURE__ */ jsx69(
               "label",
               {
                 htmlFor: "katex-content",
@@ -2236,7 +2300,7 @@ var AddKatexDialog = ({
                 children: translations2.katex.label
               }
             ),
-            /* @__PURE__ */ jsx68(
+            /* @__PURE__ */ jsx69(
               "textarea",
               {
                 ref: contentInputRef,
@@ -2251,8 +2315,8 @@ var AddKatexDialog = ({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs19("div", { className: "katex-dialog-actions", children: [
-          /* @__PURE__ */ jsx68(
+        /* @__PURE__ */ jsxs20("div", { className: "katex-dialog-actions", children: [
+          /* @__PURE__ */ jsx69(
             "button",
             {
               className: "katex-dialog-button-cancel",
@@ -2261,7 +2325,7 @@ var AddKatexDialog = ({
               children: translations2.common.cancel
             }
           ),
-          /* @__PURE__ */ jsx68(
+          /* @__PURE__ */ jsx69(
             "button",
             {
               className: "katex-dialog-button-submit",
@@ -2278,7 +2342,7 @@ var AddKatexDialog = ({
 
 // src/editor/dialogs/add-link-dialog/add-link-dialog.tsx
 import { useEffect as useEffect7, useRef as useRef8, useState as useState8 } from "react";
-import { jsx as jsx69, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx70, jsxs as jsxs21 } from "react/jsx-runtime";
 var AddLinkDialog = ({
   open,
   onClose,
@@ -2358,17 +2422,17 @@ var AddLinkDialog = ({
       handleSubmit();
     }
   };
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(
     CommonModal,
     {
       open,
       handleClose,
       children: [
-        /* @__PURE__ */ jsx69("p", { className: "link-dialog-title", children: linkDialogContext?.href ? translations2.link.editLink : translations2.link.addLink }),
-        /* @__PURE__ */ jsx69("hr", { className: "link-dialog-divider" }),
-        /* @__PURE__ */ jsxs20("div", { className: "link-dialog-content", children: [
-          /* @__PURE__ */ jsxs20("div", { className: "link-dialog-form-group", children: [
-            /* @__PURE__ */ jsx69(
+        /* @__PURE__ */ jsx70("p", { className: "link-dialog-title", children: linkDialogContext?.href ? translations2.link.editLink : translations2.link.addLink }),
+        /* @__PURE__ */ jsx70("hr", { className: "link-dialog-divider" }),
+        /* @__PURE__ */ jsxs21("div", { className: "link-dialog-content", children: [
+          /* @__PURE__ */ jsxs21("div", { className: "link-dialog-form-group", children: [
+            /* @__PURE__ */ jsx70(
               "label",
               {
                 htmlFor: "link-title",
@@ -2376,7 +2440,7 @@ var AddLinkDialog = ({
                 children: translations2.link.title
               }
             ),
-            /* @__PURE__ */ jsx69(
+            /* @__PURE__ */ jsx70(
               "input",
               {
                 ref: titleInputRef,
@@ -2390,8 +2454,8 @@ var AddLinkDialog = ({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs20("div", { className: "link-dialog-form-group", children: [
-            /* @__PURE__ */ jsx69(
+          /* @__PURE__ */ jsxs21("div", { className: "link-dialog-form-group", children: [
+            /* @__PURE__ */ jsx70(
               "label",
               {
                 htmlFor: "link-url",
@@ -2399,7 +2463,7 @@ var AddLinkDialog = ({
                 children: translations2.link.url
               }
             ),
-            /* @__PURE__ */ jsx69(
+            /* @__PURE__ */ jsx70(
               "input",
               {
                 id: "link-url",
@@ -2412,9 +2476,9 @@ var AddLinkDialog = ({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs20("div", { className: "link-dialog-form-group", children: [
-            /* @__PURE__ */ jsxs20("label", { className: "link-dialog-checkbox-label", children: [
-              /* @__PURE__ */ jsx69(
+          /* @__PURE__ */ jsxs21("div", { className: "link-dialog-form-group", children: [
+            /* @__PURE__ */ jsxs21("label", { className: "link-dialog-checkbox-label", children: [
+              /* @__PURE__ */ jsx70(
                 "input",
                 {
                   type: "checkbox",
@@ -2422,13 +2486,13 @@ var AddLinkDialog = ({
                   onChange: (e) => setOpenInNewTab(e.target.checked)
                 }
               ),
-              /* @__PURE__ */ jsx69("span", { children: translations2.link.openInNewTab })
+              /* @__PURE__ */ jsx70("span", { children: translations2.link.openInNewTab })
             ] }),
-            /* @__PURE__ */ jsx69("p", { className: "link-dialog-help-text", children: translations2.link.openInNewTabHelp })
+            /* @__PURE__ */ jsx70("p", { className: "link-dialog-help-text", children: translations2.link.openInNewTabHelp })
           ] }),
-          /* @__PURE__ */ jsxs20("div", { className: "link-dialog-form-group", children: [
-            /* @__PURE__ */ jsxs20("label", { className: "link-dialog-checkbox-label", children: [
-              /* @__PURE__ */ jsx69(
+          /* @__PURE__ */ jsxs21("div", { className: "link-dialog-form-group", children: [
+            /* @__PURE__ */ jsxs21("label", { className: "link-dialog-checkbox-label", children: [
+              /* @__PURE__ */ jsx70(
                 "input",
                 {
                   type: "checkbox",
@@ -2436,14 +2500,14 @@ var AddLinkDialog = ({
                   onChange: (e) => setAddNoopener(e.target.checked)
                 }
               ),
-              /* @__PURE__ */ jsx69("span", { children: translations2.link.addNofollow })
+              /* @__PURE__ */ jsx70("span", { children: translations2.link.addNofollow })
             ] }),
-            /* @__PURE__ */ jsx69("p", { className: "link-dialog-help-text", children: translations2.link.addNofollowHelp })
+            /* @__PURE__ */ jsx70("p", { className: "link-dialog-help-text", children: translations2.link.addNofollowHelp })
           ] }),
-          error && /* @__PURE__ */ jsx69("div", { className: "link-dialog-error", children: error })
+          error && /* @__PURE__ */ jsx70(DialogError, { error })
         ] }),
-        /* @__PURE__ */ jsxs20("div", { className: "link-dialog-actions", children: [
-          /* @__PURE__ */ jsx69(
+        /* @__PURE__ */ jsxs21("div", { className: "link-dialog-actions", children: [
+          /* @__PURE__ */ jsx70(
             "button",
             {
               className: "link-dialog-button-cancel",
@@ -2452,7 +2516,7 @@ var AddLinkDialog = ({
               children: translations2.common.cancel
             }
           ),
-          /* @__PURE__ */ jsx69(
+          /* @__PURE__ */ jsx70(
             "button",
             {
               className: "link-dialog-button-submit",
@@ -2542,7 +2606,7 @@ var detectVideoHosting = (src) => {
 };
 
 // src/editor/dialogs/add-video-dialog/add-video-dialog.tsx
-import { jsx as jsx70, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs22 } from "react/jsx-runtime";
 var SUPPORTED_PLATFORMS = {
   ["youtube" /* Youtube */]: "YouTube",
   ["vimeo" /* Vimeo */]: "Vimeo",
@@ -2609,17 +2673,17 @@ var AddVideoDialog = ({ open, onClose, onVideoAdd }) => {
       handleSubmit();
     }
   };
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs22(
     CommonModal,
     {
       open,
       handleClose,
       children: [
-        /* @__PURE__ */ jsx70("p", { className: "video-dialog-title", children: translations2.videoUpload.title }),
-        /* @__PURE__ */ jsx70("hr", { className: "video-dialog-divider" }),
-        /* @__PURE__ */ jsxs21("div", { className: "video-dialog-content", children: [
-          /* @__PURE__ */ jsxs21("div", { className: "video-dialog-form-group", children: [
-            /* @__PURE__ */ jsx70(
+        /* @__PURE__ */ jsx71("p", { className: "video-dialog-title", children: translations2.videoUpload.title }),
+        /* @__PURE__ */ jsx71("hr", { className: "video-dialog-divider" }),
+        /* @__PURE__ */ jsxs22("div", { className: "video-dialog-content", children: [
+          /* @__PURE__ */ jsxs22("div", { className: "video-dialog-form-group", children: [
+            /* @__PURE__ */ jsx71(
               "label",
               {
                 htmlFor: "video-url",
@@ -2627,7 +2691,7 @@ var AddVideoDialog = ({ open, onClose, onVideoAdd }) => {
                 children: translations2.videoUpload.urlLabel
               }
             ),
-            /* @__PURE__ */ jsx70(
+            /* @__PURE__ */ jsx71(
               "input",
               {
                 ref: urlInputRef,
@@ -2643,14 +2707,14 @@ var AddVideoDialog = ({ open, onClose, onVideoAdd }) => {
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs21("div", { className: "video-dialog-help-text", children: [
-            /* @__PURE__ */ jsx70("p", { className: "video-dialog-help-title", children: translations2.videoUpload.supportedPlatforms }),
-            /* @__PURE__ */ jsx70("ul", { className: "video-dialog-platform-list", children: Object.entries(SUPPORTED_PLATFORMS).map(([key, name]) => /* @__PURE__ */ jsx70("li", { children: name }, key)) })
+          /* @__PURE__ */ jsxs22("div", { className: "video-dialog-help-text", children: [
+            /* @__PURE__ */ jsx71("p", { className: "video-dialog-help-title", children: translations2.videoUpload.supportedPlatforms }),
+            /* @__PURE__ */ jsx71("ul", { className: "video-dialog-platform-list", children: Object.entries(SUPPORTED_PLATFORMS).map(([key, name]) => /* @__PURE__ */ jsx71("li", { children: name }, key)) })
           ] }),
-          error && /* @__PURE__ */ jsx70("div", { className: "video-dialog-error", children: error })
+          error && /* @__PURE__ */ jsx71(DialogError, { error })
         ] }),
-        /* @__PURE__ */ jsxs21("div", { className: "video-dialog-actions", children: [
-          /* @__PURE__ */ jsx70(
+        /* @__PURE__ */ jsxs22("div", { className: "video-dialog-actions", children: [
+          /* @__PURE__ */ jsx71(
             "button",
             {
               className: "video-dialog-button-cancel",
@@ -2660,7 +2724,7 @@ var AddVideoDialog = ({ open, onClose, onVideoAdd }) => {
               children: translations2.videoUpload.cancel
             }
           ),
-          /* @__PURE__ */ jsx70(
+          /* @__PURE__ */ jsx71(
             "button",
             {
               className: "video-dialog-button-submit",
@@ -5046,24 +5110,24 @@ import { NodeViewContent, NodeViewWrapper } from "@tiptap/react";
 import { useState as useState10 } from "react";
 
 // src/icons/color/TiptapCalloutError.tsx
-import { jsx as jsx71, jsxs as jsxs22 } from "react/jsx-runtime";
-var SvgTiptapCalloutError = (props) => /* @__PURE__ */ jsxs22("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 20 20", ...props, children: [
-  /* @__PURE__ */ jsxs22("g", { clipPath: "url(#tiptap-callout-error_svg__a)", children: [
-    /* @__PURE__ */ jsx71(
+import { jsx as jsx72, jsxs as jsxs23 } from "react/jsx-runtime";
+var SvgTiptapCalloutError = (props) => /* @__PURE__ */ jsxs23("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 20 20", ...props, children: [
+  /* @__PURE__ */ jsxs23("g", { clipPath: "url(#tiptap-callout-error_svg__a)", children: [
+    /* @__PURE__ */ jsx72(
       "path",
       {
         fill: "#E03757",
         d: "M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0"
       }
     ),
-    /* @__PURE__ */ jsx71(
+    /* @__PURE__ */ jsx72(
       "path",
       {
         fill: "#F04760",
         d: "M4.692 15.603c6.011 0 10.885-4.874 10.885-10.885a10.9 10.9 0 0 0-.525-3.35A9.95 9.95 0 0 0 10 0C4.477 0 0 4.477 0 10a9.95 9.95 0 0 0 1.394 5.094c1.066.338 2.179.51 3.298.509"
       }
     ),
-    /* @__PURE__ */ jsx71(
+    /* @__PURE__ */ jsx72(
       "path",
       {
         fill: "#fff",
@@ -5071,28 +5135,28 @@ var SvgTiptapCalloutError = (props) => /* @__PURE__ */ jsxs22("svg", { xmlns: "h
       }
     )
   ] }),
-  /* @__PURE__ */ jsx71("defs", { children: /* @__PURE__ */ jsx71("clipPath", { id: "tiptap-callout-error_svg__a", children: /* @__PURE__ */ jsx71("path", { fill: "#fff", d: "M0 0h20v20H0z" }) }) })
+  /* @__PURE__ */ jsx72("defs", { children: /* @__PURE__ */ jsx72("clipPath", { id: "tiptap-callout-error_svg__a", children: /* @__PURE__ */ jsx72("path", { fill: "#fff", d: "M0 0h20v20H0z" }) }) })
 ] });
 var TiptapCalloutError_default = SvgTiptapCalloutError;
 
 // src/icons/color/TiptapCalloutInfo.tsx
-import { jsx as jsx72, jsxs as jsxs23 } from "react/jsx-runtime";
-var SvgTiptapCalloutInfo = (props) => /* @__PURE__ */ jsxs23("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 20 20", ...props, children: [
-  /* @__PURE__ */ jsx72(
+import { jsx as jsx73, jsxs as jsxs24 } from "react/jsx-runtime";
+var SvgTiptapCalloutInfo = (props) => /* @__PURE__ */ jsxs24("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 20 20", ...props, children: [
+  /* @__PURE__ */ jsx73(
     "path",
     {
       fill: "#FE9738",
       d: "m11.654 11.196 3.51-2.75.549-4.789-4.06-2.234-1.647 2.264a2.79 2.79 0 0 1 1.531 2.28 2.8 2.8 0 0 1-1.85 2.84 3.96 3.96 0 0 0-2.624 3.728v.72c0 .937.76 1.697 1.696 1.697h2.482zm-4.895-3.32H4.277c-.937 0-1.697-.76-1.697-1.697q0-.432.06-.86C3.084 2.135 5.954-.196 9.172.015h2.482L9.888 1.797m1.353 14.796H8.759c-.937 0-1.696.76-1.696 1.696v.014c0 .938.76 1.697 1.696 1.697h2.18"
     }
   ),
-  /* @__PURE__ */ jsx72(
+  /* @__PURE__ */ jsx73(
     "path",
     {
       fill: "#FFD15B",
       d: "M11.241 14.951c-.937 0-1.697-.76-1.697-1.697v-.72a3.955 3.955 0 0 1 2.625-3.727 2.8 2.8 0 0 0 1.85-2.84A2.79 2.79 0 0 0 11.432 3.4a2.8 2.8 0 0 0-2.976 2.78 1.697 1.697 0 0 1-3.394 0q0-.434.06-.86C5.566 2.133 8.435-.198 11.654.014c3.055.2 5.527 2.653 5.75 5.706a6.2 6.2 0 0 1-4.104 6.286.56.56 0 0 0-.362.529v.72c0 .936-.76 1.696-1.697 1.696m0 5.05c-.937 0-1.697-.76-1.697-1.698v-.014a1.697 1.697 0 0 1 3.394 0v.014c0 .937-.76 1.697-1.697 1.697"
     }
   ),
-  /* @__PURE__ */ jsx72(
+  /* @__PURE__ */ jsx73(
     "path",
     {
       fill: "#FFC344",
@@ -5103,66 +5167,66 @@ var SvgTiptapCalloutInfo = (props) => /* @__PURE__ */ jsxs23("svg", { xmlns: "ht
 var TiptapCalloutInfo_default = SvgTiptapCalloutInfo;
 
 // src/icons/color/TiptapCalloutSuccess.tsx
-import { jsx as jsx73, jsxs as jsxs24 } from "react/jsx-runtime";
-var SvgTiptapCalloutSuccess = (props) => /* @__PURE__ */ jsxs24("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 20 20", ...props, children: [
-  /* @__PURE__ */ jsxs24("g", { clipPath: "url(#tiptap-callout-success_svg__a)", children: [
-    /* @__PURE__ */ jsx73(
+import { jsx as jsx74, jsxs as jsxs25 } from "react/jsx-runtime";
+var SvgTiptapCalloutSuccess = (props) => /* @__PURE__ */ jsxs25("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 20 20", ...props, children: [
+  /* @__PURE__ */ jsxs25("g", { clipPath: "url(#tiptap-callout-success_svg__a)", children: [
+    /* @__PURE__ */ jsx74(
       "path",
       {
         fill: "#35495E",
         d: "M1.972 18.004.06 7.138a2.4 2.4 0 0 1-.035-.317 2.47 2.47 0 0 1 2.073-2.493l3.693-.652-.1 14.328z"
       }
     ),
-    /* @__PURE__ */ jsx73(
+    /* @__PURE__ */ jsx74(
       "path",
       {
         fill: "#2C3E50",
         d: "M16.186 17.528a.69.69 0 0 1-.548.517l-10.87 1.917a2.42 2.42 0 0 1-2.83-2.276 2.46 2.46 0 0 1 1.934-2.462l3.045.855h-.003l-2.742.487a1.037 1.037 0 0 0-.786 1.396 1.066 1.066 0 0 0 1.186.635l8.307-1.466z"
       }
     ),
-    /* @__PURE__ */ jsx73(
+    /* @__PURE__ */ jsx74(
       "path",
       {
         fill: "#F9EAB0",
         d: "m6.914 16.08-2.742.486a1.035 1.035 0 0 0-.786 1.396 1.066 1.066 0 0 0 1.186.635l8.307-1.466z"
       }
     ),
-    /* @__PURE__ */ jsx73(
+    /* @__PURE__ */ jsx74(
       "path",
       {
         fill: "#E64C3C",
         d: "M4.423 11.438 6.339.571a.695.695 0 0 1 .799-.559l10.785 1.902a2.47 2.47 0 0 1 2.074 2.495 3 3 0 0 1-.034.316l-1.917 10.867z"
       }
     ),
-    /* @__PURE__ */ jsx73(
+    /* @__PURE__ */ jsx74(
       "path",
       {
         fill: "#3F5C6C",
         d: "M15.668 3.612a.4.4 0 0 1-.06-.005l-7.81-1.378a.345.345 0 0 1 .12-.677l7.81 1.375a.345.345 0 0 1-.06.685M14.01 5.069a.3.3 0 0 1-.06-.005l-5.094-.897a.345.345 0 0 1 .12-.68l5.094.897a.345.345 0 0 1-.06.685"
       }
     ),
-    /* @__PURE__ */ jsx73(
+    /* @__PURE__ */ jsx74(
       "path",
       {
         fill: "#ECF0F1",
         d: "m14.727 6.608-7.131-1.26a.345.345 0 0 0-.4.28l-.6 3.395a.345.345 0 0 0 .28.4l7.13 1.26a.345.345 0 0 0 .4-.28l.6-3.396a.345.345 0 0 0-.28-.4"
       }
     ),
-    /* @__PURE__ */ jsx73(
+    /* @__PURE__ */ jsx74(
       "path",
       {
         fill: "#C03A2B",
         d: "M19.997 4.407a2 2 0 0 1-.035.317L18.045 15.59l-2.659-.81 1.542-8.738.365-2.063.373-2.11.258.045a2.47 2.47 0 0 1 2.073 2.493"
       }
     ),
-    /* @__PURE__ */ jsx73(
+    /* @__PURE__ */ jsx74(
       "path",
       {
         fill: "#802F34",
         d: "M16.007 12.78 5.22 10.88a.69.69 0 0 0-.238 1.358l10.865 1.914a1.038 1.038 0 0 1 .783 1.4 1.06 1.06 0 0 1-1.183.63L4.624 14.277a.69.69 0 0 0-.241 1.359l10.869 1.913a2.416 2.416 0 0 0 2.83-2.272 2.474 2.474 0 0 0-2.075-2.496"
       }
     ),
-    /* @__PURE__ */ jsx73(
+    /* @__PURE__ */ jsx74(
       "path",
       {
         fill: "#F9EAB0",
@@ -5170,14 +5234,14 @@ var SvgTiptapCalloutSuccess = (props) => /* @__PURE__ */ jsxs24("svg", { xmlns:
       }
     )
   ] }),
-  /* @__PURE__ */ jsx73("defs", { children: /* @__PURE__ */ jsx73("clipPath", { id: "tiptap-callout-success_svg__a", children: /* @__PURE__ */ jsx73("path", { fill: "#fff", d: "M0 0h20v20H0z" }) }) })
+  /* @__PURE__ */ jsx74("defs", { children: /* @__PURE__ */ jsx74("clipPath", { id: "tiptap-callout-success_svg__a", children: /* @__PURE__ */ jsx74("path", { fill: "#fff", d: "M0 0h20v20H0z" }) }) })
 ] });
 var TiptapCalloutSuccess_default = SvgTiptapCalloutSuccess;
 
 // src/icons/color/TiptapCalloutWarning.tsx
-import { jsx as jsx74, jsxs as jsxs25 } from "react/jsx-runtime";
-var SvgTiptapCalloutWarning = (props) => /* @__PURE__ */ jsxs25("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 20 20", ...props, children: [
-  /* @__PURE__ */ jsx74(
+import { jsx as jsx75, jsxs as jsxs26 } from "react/jsx-runtime";
+var SvgTiptapCalloutWarning = (props) => /* @__PURE__ */ jsxs26("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 20 20", ...props, children: [
+  /* @__PURE__ */ jsx75(
     "path",
     {
       fill: "#FFF59D",
@@ -5185,29 +5249,29 @@ var SvgTiptapCalloutWarning = (props) => /* @__PURE__ */ jsxs25("svg", { xmlns:
       d: "M1.667 9.167a8.333 8.333 0 1 0 16.666 0 8.333 8.333 0 0 0-16.666 0"
     }
   ),
-  /* @__PURE__ */ jsx74(
+  /* @__PURE__ */ jsx75(
     "path",
     {
       fill: "#FBC02D",
       d: "M15.417 9.167c0-3.209-2.75-5.75-6.042-5.375-2.5.291-4.5 2.291-4.75 4.791a5.27 5.27 0 0 0 1.917 4.709c.583.5.958 1.208.958 2v.125h5v-.042c0-.75.333-1.5.917-2 1.208-1 2-2.5 2-4.208"
     }
   ),
-  /* @__PURE__ */ jsx74(
+  /* @__PURE__ */ jsx75(
     "path",
     {
       fill: "#FFF59D",
       d: "m12.75 8.417-1.25-.834a.45.45 0 0 0-.458 0L10 8.25l-1-.667a.45.45 0 0 0-.458 0l-1.25.834c-.084.083-.167.166-.167.291s0 .25.083.334L8.792 11v4.417h.833v-4.584c0-.083-.042-.166-.083-.25L8.167 8.875l.625-.417 1 .667a.45.45 0 0 0 .458 0l1-.667.625.417-1.375 1.708a.6.6 0 0 0-.083.25v4.584h.833V11l1.583-1.958a.32.32 0 0 0 .084-.334c-.042-.125-.084-.25-.167-.291"
     }
   ),
-  /* @__PURE__ */ jsx74("path", { fill: "#5C6BC0", d: "M8.75 18.334a1.25 1.25 0 1 0 2.5 0 1.25 1.25 0 0 0-2.5 0" }),
-  /* @__PURE__ */ jsx74(
+  /* @__PURE__ */ jsx75("path", { fill: "#5C6BC0", d: "M8.75 18.334a1.25 1.25 0 1 0 2.5 0 1.25 1.25 0 0 0-2.5 0" }),
+  /* @__PURE__ */ jsx75(
     "path",
     {
       fill: "#9FA8DA",
       d: "M10.833 18.75H9.167C8.25 18.75 7.5 18 7.5 17.083V15h5v2.083c0 .917-.75 1.667-1.667 1.667"
     }
   ),
-  /* @__PURE__ */ jsx74(
+  /* @__PURE__ */ jsx75(
     "path",
     {
       fill: "#5C6BC0",
@@ -5360,12 +5424,12 @@ var calloutCustomEmojis = [
 ];
 
 // src/extensions/views/components/callout.tsx
-import { jsx as jsx75, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx76, jsxs as jsxs27 } from "react/jsx-runtime";
 var calloutIcons = {
-  info: /* @__PURE__ */ jsx75(TiptapCalloutInfo_default, {}),
-  warning: /* @__PURE__ */ jsx75(TiptapCalloutWarning_default, {}),
-  success: /* @__PURE__ */ jsx75(TiptapCalloutSuccess_default, {}),
-  error: /* @__PURE__ */ jsx75(TiptapCalloutError_default, {})
+  info: /* @__PURE__ */ jsx76(TiptapCalloutInfo_default, {}),
+  warning: /* @__PURE__ */ jsx76(TiptapCalloutWarning_default, {}),
+  success: /* @__PURE__ */ jsx76(TiptapCalloutSuccess_default, {}),
+  error: /* @__PURE__ */ jsx76(TiptapCalloutError_default, {})
 };
 var legacyTypeMap3 = {
   question: "info",
@@ -5383,15 +5447,15 @@ var Callout = ({ type, bgColor, emoji: emoji2, children, iconWrapper, calloutTyp
   if (emoji2) {
     if (emoji2 in calloutIconComponents) {
       const IconComponent = calloutIconComponents[emoji2];
-      icon = /* @__PURE__ */ jsx75(IconComponent, {});
+      icon = /* @__PURE__ */ jsx76(IconComponent, {});
     } else {
       icon = emoji2;
     }
   } else {
     icon = calloutIcons[finalType];
   }
-  const iconContent = iconWrapper ? iconWrapper(icon) : /* @__PURE__ */ jsx75("div", { className: "callout-icon", children: icon });
-  return /* @__PURE__ */ jsxs26(
+  const iconContent = iconWrapper ? iconWrapper(icon) : /* @__PURE__ */ jsx76("div", { className: "callout-icon", children: icon });
+  return /* @__PURE__ */ jsxs27(
     "div",
     {
       className,
@@ -5401,33 +5465,33 @@ var Callout = ({ type, bgColor, emoji: emoji2, children, iconWrapper, calloutTyp
       style,
       children: [
         iconContent,
-        /* @__PURE__ */ jsx75("div", { className: "callout-content-wrapper", children: /* @__PURE__ */ jsx75("div", { className: "callout-content", children }) })
+        /* @__PURE__ */ jsx76("div", { className: "callout-content-wrapper", children: /* @__PURE__ */ jsx76("div", { className: "callout-content", children }) })
       ]
     }
   );
 };
 
 // src/extensions/views/components/code-block.tsx
-import { useMemo } from "react";
+import { useMemo as useMemo2 } from "react";
 import html2 from "highlight.js/lib/languages/xml";
 import { common as common2, createLowlight as createLowlight2 } from "lowlight";
 
 // src/extensions/views/components/copy-button.tsx
-import { jsx as jsx76, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx77, jsxs as jsxs28 } from "react/jsx-runtime";
 var CopyButton = ({ iconSize = 16, color = "black" }) => {
-  return /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsxs28(
     "button",
     {
       className: `copy-button copy-icon-${color}`,
       "data-copy-action": "copy",
       type: "button",
       children: [
-        /* @__PURE__ */ jsx76(
+        /* @__PURE__ */ jsx77(
           "span",
           {
             className: "copy-icon",
             "data-copy-icon": "default",
-            children: /* @__PURE__ */ jsx76(
+            children: /* @__PURE__ */ jsx77(
               Copy_default,
               {
                 width: iconSize,
@@ -5436,13 +5500,13 @@ var CopyButton = ({ iconSize = 16, color = "black" }) => {
             )
           }
         ),
-        /* @__PURE__ */ jsx76(
+        /* @__PURE__ */ jsx77(
           "span",
           {
             className: "copy-icon-success",
             "data-copy-icon": "success",
             style: { display: "none" },
-            children: /* @__PURE__ */ jsx76(
+            children: /* @__PURE__ */ jsx77(
               Check_default,
               {
                 width: iconSize,
@@ -5457,7 +5521,7 @@ var CopyButton = ({ iconSize = 16, color = "black" }) => {
 };
 
 // src/extensions/views/components/code-block.tsx
-import { jsx as jsx77, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx78, jsxs as jsxs29 } from "react/jsx-runtime";
 var CodeBlock = ({
   language,
   isEditable,
@@ -5465,7 +5529,7 @@ var CodeBlock = ({
   children,
   translations: translations2
 }) => {
-  const languagesList = useMemo(() => {
+  const languagesList = useMemo2(() => {
     const lowlight2 = createLowlight2(common2);
     lowlight2.register("html", html2);
     const list = lowlight2.listLanguages();
@@ -5474,17 +5538,17 @@ var CodeBlock = ({
   const handleChange = (e) => {
     onLanguageChange?.(e.target.value);
   };
-  return /* @__PURE__ */ jsxs28("div", { className: "tiptap-code-block-wrapper", children: [
-    /* @__PURE__ */ jsxs28("div", { className: "tiptap-code-block-header", children: [
-      isEditable ? /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsxs29("div", { className: "tiptap-code-block-wrapper", children: [
+    /* @__PURE__ */ jsxs29("div", { className: "tiptap-code-block-header", children: [
+      isEditable ? /* @__PURE__ */ jsxs29(
         "select",
         {
           className: "tiptap-code-block-language-select",
           value: language,
           onChange: handleChange,
           children: [
-            /* @__PURE__ */ jsx77("option", { value: "", children: translations2?.codeBlock.selectLanguage }),
-            languagesList.map((lang) => /* @__PURE__ */ jsx77(
+            /* @__PURE__ */ jsx78("option", { value: "", children: translations2?.codeBlock.selectLanguage }),
+            languagesList.map((lang) => /* @__PURE__ */ jsx78(
               "option",
               {
                 value: lang,
@@ -5494,8 +5558,8 @@ var CodeBlock = ({
             ))
           ]
         }
-      ) : /* @__PURE__ */ jsx77("span", { className: "tiptap-code-block-language-text", children: language || translations2?.codeBlock.selectLanguage }),
-      /* @__PURE__ */ jsx77(
+      ) : /* @__PURE__ */ jsx78("span", { className: "tiptap-code-block-language-text", children: language || translations2?.codeBlock.selectLanguage }),
+      /* @__PURE__ */ jsx78(
         CopyButton,
         {
           iconSize: 20,
@@ -5503,7 +5567,7 @@ var CodeBlock = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx77("pre", { className: "tiptap-code-block", children: /* @__PURE__ */ jsx77(
+    /* @__PURE__ */ jsx78("pre", { className: "tiptap-code-block", children: /* @__PURE__ */ jsx78(
       "code",
       {
         className: "tiptap-code-block-content",
@@ -5515,22 +5579,22 @@ var CodeBlock = ({
 };
 
 // src/extensions/views/components/copyable-text.tsx
-import { jsx as jsx78, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs30 } from "react/jsx-runtime";
 var CopyableText2 = ({ children }) => {
-  return /* @__PURE__ */ jsxs29("span", { className: "copyable", children: [
-    /* @__PURE__ */ jsx78("span", { "data-copy-content": true, children }),
-    /* @__PURE__ */ jsx78(CopyButton, { iconSize: 16 })
+  return /* @__PURE__ */ jsxs30("span", { className: "copyable", children: [
+    /* @__PURE__ */ jsx79("span", { "data-copy-content": true, children }),
+    /* @__PURE__ */ jsx79(CopyButton, { iconSize: 16 })
   ] });
 };
 
 // src/extensions/views/components/custom-quote.tsx
-import { jsx as jsx79, jsxs as jsxs30 } from "react/jsx-runtime";
-var CustomQuote = ({ children }) => /* @__PURE__ */ jsxs30("div", { "data-custom-quote": "", children: [
-  /* @__PURE__ */ jsx79("div", { className: "custom-quote-divider" }),
-  /* @__PURE__ */ jsx79("div", { className: "custom-quote-svg-wrapper", children: /* @__PURE__ */ jsx79(Quote_default, {}) }),
+import { jsx as jsx80, jsxs as jsxs31 } from "react/jsx-runtime";
+var CustomQuote = ({ children }) => /* @__PURE__ */ jsxs31("div", { "data-custom-quote": "", children: [
+  /* @__PURE__ */ jsx80("div", { className: "custom-quote-divider" }),
+  /* @__PURE__ */ jsx80("div", { className: "custom-quote-svg-wrapper", children: /* @__PURE__ */ jsx80(Quote_default, {}) }),
   children
 ] });
-var CustomQuoteText = ({ children, isEmpty, placeholder }) => /* @__PURE__ */ jsx79(
+var CustomQuoteText = ({ children, isEmpty, placeholder }) => /* @__PURE__ */ jsx80(
   "div",
   {
     "data-custom-quote-text": true,
@@ -5539,7 +5603,7 @@ var CustomQuoteText = ({ children, isEmpty, placeholder }) => /* @__PURE__ */ js
     children
   }
 );
-var CustomQuoteAuthor = ({ children, isEmpty, placeholder }) => /* @__PURE__ */ jsx79(
+var CustomQuoteAuthor = ({ children, isEmpty, placeholder }) => /* @__PURE__ */ jsx80(
   "div",
   {
     "data-custom-quote-author": "",
@@ -5548,7 +5612,7 @@ var CustomQuoteAuthor = ({ children, isEmpty, placeholder }) => /* @__PURE__ */
     children
   }
 );
-var CustomQuoteSign = ({ children, isEmpty, placeholder }) => /* @__PURE__ */ jsx79(
+var CustomQuoteSign = ({ children, isEmpty, placeholder }) => /* @__PURE__ */ jsx80(
   "div",
   {
     "data-custom-quote-sign": "",
@@ -5559,7 +5623,7 @@ var CustomQuoteSign = ({ children, isEmpty, placeholder }) => /* @__PURE__ */ js
 );
 
 // src/extensions/views/components/figure.tsx
-import { jsx as jsx80, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx81, jsxs as jsxs32 } from "react/jsx-runtime";
 var Figure = ({
   src,
   alt,
@@ -5574,9 +5638,9 @@ var Figure = ({
   getImageById
 }) => {
   const resolvedSrc = resolveImageSrc({ fileId, src }, { getImageById });
-  return /* @__PURE__ */ jsxs31("figure", { children: [
-    resolvedSrc && /* @__PURE__ */ jsxs31("div", { className: "figure-image-container", children: [
-      /* @__PURE__ */ jsx80(
+  return /* @__PURE__ */ jsxs32("figure", { children: [
+    resolvedSrc && /* @__PURE__ */ jsxs32("div", { className: "figure-image-container", children: [
+      /* @__PURE__ */ jsx81(
         "img",
         {
           src: resolvedSrc,
@@ -5586,7 +5650,7 @@ var Figure = ({
           height: height || void 0
         }
       ),
-      isEditable && onEditClick && /* @__PURE__ */ jsx80(
+      isEditable && onEditClick && /* @__PURE__ */ jsx81(
         "button",
         {
           type: "button",
@@ -5594,19 +5658,19 @@ var Figure = ({
           onClick: onEditClick,
           contentEditable: false,
           "aria-label": "\u0420\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435",
-          children: /* @__PURE__ */ jsx80(Edit_default, {})
+          children: /* @__PURE__ */ jsx81(Edit_default, {})
         }
       )
     ] }),
-    caption && /* @__PURE__ */ jsx80("figcaption", { children: caption }),
+    caption && /* @__PURE__ */ jsx81("figcaption", { children: caption }),
     children
   ] });
 };
 
 // src/extensions/views/components/prompt.tsx
-import { jsx as jsx81, jsxs as jsxs32 } from "react/jsx-runtime";
-var PromptHeader = ({ children, isEmpty, placeholder }) => /* @__PURE__ */ jsxs32("div", { className: "prompt-header-wrapper", children: [
-  /* @__PURE__ */ jsx81(
+import { jsx as jsx82, jsxs as jsxs33 } from "react/jsx-runtime";
+var PromptHeader = ({ children, isEmpty, placeholder }) => /* @__PURE__ */ jsxs33("div", { className: "prompt-header-wrapper", children: [
+  /* @__PURE__ */ jsx82(
     "div",
     {
       className: isEmpty ? "is-empty" : "",
@@ -5614,7 +5678,7 @@ var PromptHeader = ({ children, isEmpty, placeholder }) => /* @__PURE__ */ jsxs3
       children
     }
   ),
-  /* @__PURE__ */ jsx81("span", { className: "prompt-copy-icon-wrapper", children: /* @__PURE__ */ jsx81(
+  /* @__PURE__ */ jsx82("span", { className: "prompt-copy-icon-wrapper", children: /* @__PURE__ */ jsx82(
     CopyButton,
     {
       iconSize: 16,
@@ -5622,7 +5686,7 @@ var PromptHeader = ({ children, isEmpty, placeholder }) => /* @__PURE__ */ jsxs3
     }
   ) })
 ] });
-var PromptContent = ({ children, isEmpty, placeholder }) => /* @__PURE__ */ jsx81("div", { className: "prompt-content-wrapper", children: /* @__PURE__ */ jsx81(
+var PromptContent = ({ children, isEmpty, placeholder }) => /* @__PURE__ */ jsx82("div", { className: "prompt-content-wrapper", children: /* @__PURE__ */ jsx82(
   "div",
   {
     className: isEmpty ? "is-empty" : "",
@@ -5633,22 +5697,22 @@ var PromptContent = ({ children, isEmpty, placeholder }) => /* @__PURE__ */ jsx8
 ) });
 
 // src/extensions/views/components/video.tsx
-import { jsx as jsx82, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx83, jsxs as jsxs34 } from "react/jsx-runtime";
 var Video = ({ src, children }) => {
   const videoInfo = detectVideoHosting(src);
   if (!videoInfo?.embedUrl) {
-    return /* @__PURE__ */ jsxs33("div", { className: "video-node", children: [
-      /* @__PURE__ */ jsx82("div", { className: "video-error", children: /* @__PURE__ */ jsx82("span", { children: "Unsupported or invalid video URL" }) }),
+    return /* @__PURE__ */ jsxs34("div", { className: "video-node", children: [
+      /* @__PURE__ */ jsx83("div", { className: "video-error", children: /* @__PURE__ */ jsx83("span", { children: "Unsupported or invalid video URL" }) }),
       children
     ] });
   }
-  return /* @__PURE__ */ jsxs33(
+  return /* @__PURE__ */ jsxs34(
     "div",
     {
       className: "video-node",
       "data-video": "",
       children: [
-        /* @__PURE__ */ jsx82("div", { className: "video-player-wrapper", children: /* @__PURE__ */ jsx82(
+        /* @__PURE__ */ jsx83("div", { className: "video-player-wrapper", children: /* @__PURE__ */ jsx83(
           "iframe",
           {
             className: "video-iframe",
@@ -5667,7 +5731,7 @@ var Video = ({ src, children }) => {
 // src/editor/controls/emoji-picker.tsx
 import { useEffect as useEffect9, useRef as useRef10 } from "react";
 import EmojiPicker from "emoji-picker-react";
-import { jsx as jsx83 } from "react/jsx-runtime";
+import { jsx as jsx84 } from "react/jsx-runtime";
 var EmojiPickerComponent = ({ isOpen, onClose, onEmojiSelect }) => {
   const pickerRef = useRef10(null);
   const translations2 = useTiptapTranslations();
@@ -5685,12 +5749,12 @@ var EmojiPickerComponent = ({ isOpen, onClose, onEmojiSelect }) => {
     };
   }, [isOpen, onClose]);
   if (!isOpen) return null;
-  return /* @__PURE__ */ jsx83(
+  return /* @__PURE__ */ jsx84(
     "div",
     {
       ref: pickerRef,
       className: "tiptap__emoji-picker-wrapper",
-      children: /* @__PURE__ */ jsx83(
+      children: /* @__PURE__ */ jsx84(
         EmojiPicker,
         {
           skinTonesDisabled: true,
@@ -5715,7 +5779,7 @@ var EmojiPickerComponent = ({ isOpen, onClose, onEmojiSelect }) => {
 };
 
 // src/extensions/views/node-views/callout.tsx
-import { jsx as jsx84, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx85, jsxs as jsxs35 } from "react/jsx-runtime";
 var CalloutView = (props) => {
   const type = props.node.attrs.type || "info";
   const bgColor = props.node.attrs.bgColor;
@@ -5730,23 +5794,23 @@ var CalloutView = (props) => {
     props.updateAttributes({ emoji: newEmoji });
     setShowEmojiPicker(false);
   };
-  return /* @__PURE__ */ jsx84(NodeViewWrapper, { children: /* @__PURE__ */ jsx84(
+  return /* @__PURE__ */ jsx85(NodeViewWrapper, { children: /* @__PURE__ */ jsx85(
     Callout,
     {
       type,
       bgColor,
       emoji: emoji2,
-      iconWrapper: (icon) => /* @__PURE__ */ jsxs34("div", { className: "callout-icon-wrapper", children: [
-        /* @__PURE__ */ jsx84(
+      iconWrapper: (icon) => /* @__PURE__ */ jsxs35("div", { className: "callout-icon-wrapper", children: [
+        /* @__PURE__ */ jsx85(
           "button",
           {
             className: "callout-icon-button",
             onClick: handleIconClick,
             type: "button",
-            children: /* @__PURE__ */ jsx84("div", { className: "callout-icon", children: icon })
+            children: /* @__PURE__ */ jsx85("div", { className: "callout-icon", children: icon })
           }
         ),
-        /* @__PURE__ */ jsx84(
+        /* @__PURE__ */ jsx85(
           EmojiPickerComponent,
           {
             isOpen: showEmojiPicker,
@@ -5755,7 +5819,7 @@ var CalloutView = (props) => {
           }
         )
       ] }),
-      children: /* @__PURE__ */ jsx84(NodeViewContent, { as: "div" })
+      children: /* @__PURE__ */ jsx85(NodeViewContent, { as: "div" })
     }
   ) });
 };
@@ -5763,7 +5827,7 @@ var CalloutView = (props) => {
 // src/extensions/views/node-views/code-block.tsx
 import { useState as useState11 } from "react";
 import { NodeViewContent as NodeViewContent2, NodeViewWrapper as NodeViewWrapper2 } from "@tiptap/react";
-import { jsx as jsx85 } from "react/jsx-runtime";
+import { jsx as jsx86 } from "react/jsx-runtime";
 var CodeBlockView = (props) => {
   const [selectedLanguage, setSelectedLanguage] = useState11(props.node.attrs.language ?? "");
   const translations2 = useTiptapTranslations();
@@ -5771,71 +5835,71 @@ var CodeBlockView = (props) => {
     props.updateAttributes({ language });
     setSelectedLanguage(language);
   };
-  return /* @__PURE__ */ jsx85(NodeViewWrapper2, { children: /* @__PURE__ */ jsx85(
+  return /* @__PURE__ */ jsx86(NodeViewWrapper2, { children: /* @__PURE__ */ jsx86(
     CodeBlock,
     {
       language: selectedLanguage,
       isEditable: props.editor.isEditable,
       onLanguageChange: handleLanguageChange,
       translations: translations2,
-      children: /* @__PURE__ */ jsx85(NodeViewContent2, {})
+      children: /* @__PURE__ */ jsx86(NodeViewContent2, {})
     }
   ) });
 };
 
 // src/extensions/views/node-views/copyable-text.tsx
 import { MarkViewContent } from "@tiptap/react";
-import { jsx as jsx86 } from "react/jsx-runtime";
+import { jsx as jsx87 } from "react/jsx-runtime";
 var CopyableTextView = () => {
-  return /* @__PURE__ */ jsx86(CopyableText2, { children: /* @__PURE__ */ jsx86(MarkViewContent, {}) });
+  return /* @__PURE__ */ jsx87(CopyableText2, { children: /* @__PURE__ */ jsx87(MarkViewContent, {}) });
 };
 
 // src/extensions/views/node-views/custom-quote.tsx
 import { NodeViewContent as NodeViewContent3, NodeViewWrapper as NodeViewWrapper3 } from "@tiptap/react";
-import { jsx as jsx87 } from "react/jsx-runtime";
+import { jsx as jsx88 } from "react/jsx-runtime";
 var CustomQuoteView = () => {
-  return /* @__PURE__ */ jsx87(NodeViewWrapper3, { children: /* @__PURE__ */ jsx87(CustomQuote, { children: /* @__PURE__ */ jsx87(NodeViewContent3, {}) }) });
+  return /* @__PURE__ */ jsx88(NodeViewWrapper3, { children: /* @__PURE__ */ jsx88(CustomQuote, { children: /* @__PURE__ */ jsx88(NodeViewContent3, {}) }) });
 };
 var CustomQuoteTextView = (props) => {
   const isEmpty = !props.node.content.size;
   const translations2 = useTiptapTranslations();
-  return /* @__PURE__ */ jsx87(NodeViewWrapper3, { children: /* @__PURE__ */ jsx87(
+  return /* @__PURE__ */ jsx88(NodeViewWrapper3, { children: /* @__PURE__ */ jsx88(
     CustomQuoteText,
     {
       isEmpty,
       placeholder: translations2.customQuote.textPlaceholder,
-      children: /* @__PURE__ */ jsx87(NodeViewContent3, { className: isEmpty ? "is-empty" : "" })
+      children: /* @__PURE__ */ jsx88(NodeViewContent3, { className: isEmpty ? "is-empty" : "" })
     }
   ) });
 };
 var CustomQuoteAuthorView = (props) => {
   const isEmpty = !props.node.content.size;
   const translations2 = useTiptapTranslations();
-  return /* @__PURE__ */ jsx87(NodeViewWrapper3, { children: /* @__PURE__ */ jsx87(
+  return /* @__PURE__ */ jsx88(NodeViewWrapper3, { children: /* @__PURE__ */ jsx88(
     CustomQuoteAuthor,
     {
       isEmpty,
       placeholder: translations2.customQuote.authorPlaceholder,
-      children: /* @__PURE__ */ jsx87(NodeViewContent3, { className: isEmpty ? "is-empty" : "" })
+      children: /* @__PURE__ */ jsx88(NodeViewContent3, { className: isEmpty ? "is-empty" : "" })
     }
   ) });
 };
 var CustomQuoteSignView = (props) => {
   const isEmpty = !props.node.content.size;
   const translations2 = useTiptapTranslations();
-  return /* @__PURE__ */ jsx87(NodeViewWrapper3, { children: /* @__PURE__ */ jsx87(
+  return /* @__PURE__ */ jsx88(NodeViewWrapper3, { children: /* @__PURE__ */ jsx88(
     CustomQuoteSign,
     {
       isEmpty,
       placeholder: translations2.customQuote.signPlaceholder,
-      children: /* @__PURE__ */ jsx87(NodeViewContent3, { className: isEmpty ? "is-empty" : "" })
+      children: /* @__PURE__ */ jsx88(NodeViewContent3, { className: isEmpty ? "is-empty" : "" })
     }
   ) });
 };
 
 // src/extensions/views/node-views/figure.tsx
 import { NodeViewWrapper as NodeViewWrapper4 } from "@tiptap/react";
-import { jsx as jsx88 } from "react/jsx-runtime";
+import { jsx as jsx89 } from "react/jsx-runtime";
 var FigureView = ({ node, getPos, editor }) => {
   const { fileId, src, alt, title, caption, width, height } = node.attrs;
   const imageExtension = editor.extensionManager.extensions.find((ext) => ext.name === "image");
@@ -5844,12 +5908,12 @@ var FigureView = ({ node, getPos, editor }) => {
   const handleEditClick = () => {
     onFigureClick?.(node.attrs, getPos());
   };
-  return /* @__PURE__ */ jsx88(
+  return /* @__PURE__ */ jsx89(
     NodeViewWrapper4,
     {
       className: "figure-node-view",
       "data-drag-handle": true,
-      children: /* @__PURE__ */ jsx88(
+      children: /* @__PURE__ */ jsx89(
         Figure,
         {
           fileId,
@@ -5870,38 +5934,38 @@ var FigureView = ({ node, getPos, editor }) => {
 
 // src/extensions/views/node-views/prompt.tsx
 import { NodeViewContent as NodeViewContent4, NodeViewWrapper as NodeViewWrapper5 } from "@tiptap/react";
-import { jsx as jsx89 } from "react/jsx-runtime";
+import { jsx as jsx90 } from "react/jsx-runtime";
 var PromptHeaderView = (props) => {
   const isEmpty = !props.node.content.size;
   const translations2 = useTiptapTranslations();
-  return /* @__PURE__ */ jsx89(NodeViewWrapper5, { children: /* @__PURE__ */ jsx89(
+  return /* @__PURE__ */ jsx90(NodeViewWrapper5, { children: /* @__PURE__ */ jsx90(
     PromptHeader,
     {
       isEmpty,
       placeholder: translations2.prompt.headerPlaceholder,
-      children: /* @__PURE__ */ jsx89(NodeViewContent4, { className: isEmpty ? "is-empty" : "" })
+      children: /* @__PURE__ */ jsx90(NodeViewContent4, { className: isEmpty ? "is-empty" : "" })
     }
   ) });
 };
 var PromptContentView = (props) => {
   const isEmpty = !props.node.content.size;
   const translations2 = useTiptapTranslations();
-  return /* @__PURE__ */ jsx89(NodeViewWrapper5, { children: /* @__PURE__ */ jsx89(
+  return /* @__PURE__ */ jsx90(NodeViewWrapper5, { children: /* @__PURE__ */ jsx90(
     PromptContent,
     {
       isEmpty,
       placeholder: translations2.prompt.contentPlaceholder,
-      children: /* @__PURE__ */ jsx89(NodeViewContent4, { className: isEmpty ? "is-empty" : "" })
+      children: /* @__PURE__ */ jsx90(NodeViewContent4, { className: isEmpty ? "is-empty" : "" })
     }
   ) });
 };
 
 // src/extensions/views/node-views/video.tsx
 import { NodeViewContent as NodeViewContent5, NodeViewWrapper as NodeViewWrapper6 } from "@tiptap/react";
-import { jsx as jsx90 } from "react/jsx-runtime";
+import { jsx as jsx91 } from "react/jsx-runtime";
 var VideoView = (props) => {
   const { src } = props.node.attrs;
-  return /* @__PURE__ */ jsx90(NodeViewWrapper6, { children: /* @__PURE__ */ jsx90(Video, { src, children: /* @__PURE__ */ jsx90(
+  return /* @__PURE__ */ jsx91(NodeViewWrapper6, { children: /* @__PURE__ */ jsx91(Video, { src, children: /* @__PURE__ */ jsx91(
     NodeViewContent5,
     {
       as: "div",
@@ -6843,9 +6907,9 @@ function useInsertionHandlers(imageHandlers) {
     }
   }, [insertedImage, activeDialog]);
   function genericInsertionHandler(file, event) {
-    if (!file || !file.type.startsWith("image/")) return;
     event.preventDefault();
     event.stopPropagation();
+    if (!file || !file.type.startsWith("image/")) return;
     if (!imageHandlers?.upload) return;
     setInsertedImage(file);
     openDialogCommand("image");
@@ -7198,7 +7262,7 @@ var filterCommandItems = (items, query) => {
 };
 
 // src/editor/commands/suggestion.tsx
-import { jsx as jsx91 } from "react/jsx-runtime";
+import { jsx as jsx92 } from "react/jsx-runtime";
 var component = null;
 var closeMenu = () => {
   if (component) {
@@ -7212,7 +7276,7 @@ var mapCommandMenuItemToCommandItem = (item) => {
   const IconComponent = item.icon;
   return {
     title: item.title,
-    icon: /* @__PURE__ */ jsx91(IconComponent, {}),
+    icon: /* @__PURE__ */ jsx92(IconComponent, {}),
     command: ({ editor, range }) => {
       editor.chain().focus().deleteRange(range).run();
       item.onClick(editor);
@@ -7420,7 +7484,8 @@ var ru_default = {
     captionLabel: "\u041F\u043E\u0434\u043F\u0438\u0441\u044C \u043A \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u044E",
     captionPlaceholder: "\u041E\u043F\u0438\u0441\u0430\u043D\u0438\u0435 \u043F\u043E\u0434 \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435\u043C...",
     save: "\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C",
-    add: "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C"
+    add: "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C",
+    invalidFileType: "\u041D\u0435\u0432\u0435\u0440\u043D\u044B\u0439 \u0444\u043E\u0440\u043C\u0430\u0442 \u0444\u0430\u0439\u043B\u0430."
   },
   videoUpload: {
     title: "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0432\u0438\u0434\u0435\u043E",
@@ -7465,7 +7530,9 @@ var ru_default = {
     words: ["\u0441\u043B\u043E\u0432\u043E", "\u0441\u043B\u043E\u0432\u0430", "\u0441\u043B\u043E\u0432"]
   },
   common: {
-    cancel: "\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C"
+    cancel: "\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C",
+    unknownError: "\u041D\u0435\u0438\u0437\u0432\u0435\u0441\u0442\u043D\u0430\u044F \u043E\u0448\u0438\u0431\u043A\u0430",
+    clearError: "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C \u043E\u0448\u0438\u0431\u043A\u0443"
   }
 };
 
@@ -7584,7 +7651,8 @@ var en_default = {
     captionLabel: "Image caption",
     captionPlaceholder: "Description under image...",
     save: "Save",
-    add: "Add"
+    add: "Add",
+    invalidFileType: "Invalid file format."
   },
   videoUpload: {
     title: "Add video",
@@ -7629,7 +7697,9 @@ var en_default = {
     words: ["word", "words", "words"]
   },
   common: {
-    cancel: "Cancel"
+    cancel: "Cancel",
+    unknownError: "Unknown error",
+    clearError: "Clear error"
   }
 };
 
@@ -7643,7 +7713,7 @@ function getTranslations(lang) {
 }
 
 // src/editor/editor.tsx
-import { Fragment as Fragment5, jsx as jsx92, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx93, jsxs as jsxs36 } from "react/jsx-runtime";
 function TiptapContent({
   content,
   handleChange,
@@ -7790,16 +7860,16 @@ function TiptapContent({
     return true;
   };
   if (!editor) return null;
-  return /* @__PURE__ */ jsxs35(Fragment5, { children: [
-    /* @__PURE__ */ jsx92(DragHandle, { editor }),
-    isEditable && !disabled && /* @__PURE__ */ jsx92(TableMenu, { editor }),
-    isEditable && !disabled && /* @__PURE__ */ jsx92(
+  return /* @__PURE__ */ jsxs36(Fragment5, { children: [
+    /* @__PURE__ */ jsx93(DragHandle, { editor }),
+    isEditable && !disabled && /* @__PURE__ */ jsx93(TableMenu, { editor }),
+    isEditable && !disabled && /* @__PURE__ */ jsx93(
       BubbleMenu,
       {
         shouldShow: shouldBubbleMenuShow,
         editor,
         options: { placement: "bottom", offset: 8, flip: true },
-        children: /* @__PURE__ */ jsx92(
+        children: /* @__PURE__ */ jsx93(
           BubbleMenuContent,
           {
             editor,
@@ -7808,19 +7878,19 @@ function TiptapContent({
         )
       }
     ),
-    /* @__PURE__ */ jsxs35(
+    /* @__PURE__ */ jsxs36(
       "div",
       {
         className: `tiptap-content-wrapper ${!!error ? "has-error" : ""} ${disabled ? "is-disabled" : ""}`,
         children: [
-          /* @__PURE__ */ jsx92(EditorContent, { editor }),
-          isEditable && !disabled && /* @__PURE__ */ jsx92(CharacterCount, { editor })
+          /* @__PURE__ */ jsx93(EditorContent, { editor }),
+          isEditable && !disabled && /* @__PURE__ */ jsx93(CharacterCount, { editor })
         ]
       }
     ),
-    !!error && /* @__PURE__ */ jsx92("p", { className: "tiptap-error-message", children: error }),
-    isEditable && /* @__PURE__ */ jsxs35(Fragment5, { children: [
-      activeDialog === "image" && /* @__PURE__ */ jsx92(
+    !!error && /* @__PURE__ */ jsx93("p", { className: "tiptap-error-message", children: error }),
+    isEditable && /* @__PURE__ */ jsxs36(Fragment5, { children: [
+      activeDialog === "image" && /* @__PURE__ */ jsx93(
         ImageDialog,
         {
           open: true,
@@ -7834,7 +7904,7 @@ function TiptapContent({
           mode: editFigureContext ? "edit" : "add"
         }
       ),
-      activeDialog === "link" && /* @__PURE__ */ jsx92(
+      activeDialog === "link" && /* @__PURE__ */ jsx93(
         AddLinkDialog,
         {
           open: true,
@@ -7843,7 +7913,7 @@ function TiptapContent({
           linkDialogContext
         }
       ),
-      activeDialog === "video" && /* @__PURE__ */ jsx92(
+      activeDialog === "video" && /* @__PURE__ */ jsx93(
         AddVideoDialog,
         {
           open: true,
@@ -7851,7 +7921,7 @@ function TiptapContent({
           onVideoAdd: handleVideoAdd
         }
       ),
-      activeDialog === "katex" && /* @__PURE__ */ jsx92(
+      activeDialog === "katex" && /* @__PURE__ */ jsx93(
         AddKatexDialog,
         {
           open: true,
@@ -7866,7 +7936,7 @@ function TiptapContent({
 var Tiptap = (props) => {
   const { lang = "ru" } = props;
   const translations2 = getTranslations(lang);
-  return /* @__PURE__ */ jsx92(TiptapTranslationsProvider, { translations: translations2, children: /* @__PURE__ */ jsx92(DialogCommandProvider, { children: /* @__PURE__ */ jsx92(TiptapContent, { ...props }) }) });
+  return /* @__PURE__ */ jsx93(TiptapTranslationsProvider, { translations: translations2, children: /* @__PURE__ */ jsx93(DialogCommandProvider, { children: /* @__PURE__ */ jsx93(TiptapContent, { ...props }) }) });
 };
 
 // src/utils/html-to-tiptap-content.ts