@layers-app/editor 2.3.5 → 2.3.7

package/dist/{layers.CCoVuv41.js → layers.CSFymMhp.js}

@@ -1,11 +1,11 @@
 import { jsx as n, jsxs as N, Fragment as B } from "react/jsx-runtime";
-import { useState as y, useCallback as C, useRef as ee, useEffect as S, useMemo as te, useContext as Ie } from "react";
-import { useTranslation as V } from "react-i18next";
-import { useLexicalComposerContext as G } from "@lexical/react/LexicalComposerContext";
-import { Menu as R, Flex as J, Popover as z, Stack as He, Button as $, Box as Be, LoadingOverlay as Ve } from "@mantine/core";
-import { $getNodeByKey as T, COMMAND_PRIORITY_LOW as Ge, $setSelection as Xe } from "lexical";
-import { y as Ye, z as Ze, B as qe, D as Je, F as he, G as K, J as Qe, L as Ke, A as oe, K as et, P as tt, H as M, Q as Ce, n as De, S as Le, U as Ne, V as E, N as Oe, W as ot, X as nt, q as we, Y as it, C as Se, Z as at, _ as rt, a0 as Q, a1 as lt, a2 as st, a3 as dt, a4 as ct, a5 as ut, a6 as pt, R as mt, m as be, O as gt, a7 as ft, k as ke, a8 as ve, o as ht, a9 as wt, aa as bt } from "./layers.C5rFXigo.js";
-import { AttachmentsGalleryModal as Pe, showErrorNotification as kt } from "@layers-app/shared";
+import { useState as y, useCallback as C, useRef as ee, useEffect as P, useMemo as te, useContext as Ie } from "react";
+import { useTranslation as G } from "react-i18next";
+import { useLexicalComposerContext as V } from "@lexical/react/LexicalComposerContext";
+import { Menu as R, Flex as J, Popover as z, Stack as He, Button as j, Box as Be, LoadingOverlay as Ge } from "@mantine/core";
+import { $getNodeByKey as x, COMMAND_PRIORITY_LOW as Ve, $setSelection as Xe } from "lexical";
+import { B as Ye, D as Ze, F as qe, G as Je, J as he, L as K, N as Qe, P as Ke, A as oe, n as et, Q as tt, H as M, R as Ce, q as De, S as Le, U as Ne, V as T, o as Oe, W as ot, X as nt, s as we, Y as it, C as Pe, Z as rt, _ as at, a0 as Q, a1 as lt, a2 as st, a3 as dt, a4 as ct, a5 as ut, a6 as pt, m as mt, k as ke, O as gt, a7 as ft, K as be, a8 as ve, r as ht, a9 as wt, aa as kt } from "./layers.NEkBdrkL.js";
+import { AttachmentsGalleryModal as Se, showErrorNotification as bt } from "@layers-app/shared";
 import { useLexicalEditable as ne } from "@lexical/react/useLexicalEditable";
 import { useDisclosure as H } from "@mantine/hooks";
 import "@lexical/react/LexicalDecoratorBlockNode";
@@ -29,64 +29,64 @@ function ie(e) {
     return "image";
   }
 }
-async function ae(e, i) {
+async function re(e, i) {
   const t = await fetch(e);
   if (!t.ok)
     throw new Error("fetch failed");
-  const a = await t.blob(), r = URL.createObjectURL(a);
+  const r = await t.blob(), a = URL.createObjectURL(r);
   try {
-    vt(r, i);
+    vt(a, i);
   } finally {
-    setTimeout(() => URL.revokeObjectURL(r), 0);
+    setTimeout(() => URL.revokeObjectURL(a), 0);
   }
 }
 function yt({
   editor: e,
   nodeKey: i,
   href: t,
-  onClose: a
+  onClose: r
 }) {
-  const [r, s] = y(
+  const [a, s] = y(
     () => Ye(t)
-  ), [l, d] = y(() => Ze(t)), [I, b] = y(!1), p = C((c) => {
-    s(c), b(!1);
+  ), [l, d] = y(() => Ze(t)), [I, k] = y(!1), p = C((c) => {
+    s(c), k(!1);
   }, []), m = C((c) => {
-    d(c), b(!1);
+    d(c), k(!1);
   }, []), h = C(() => {
-    const c = qe(l.trim(), r);
-    if (!c || !Je(c, r)) {
-      b(!0);
+    const c = qe(l.trim(), a);
+    if (!c || !Je(c, a)) {
+      k(!0);
       return;
     }
-    he(e, i, K(c)), a();
-  }, [e, i, l, r, a]), v = C(() => {
-    he(e, i, ""), a();
-  }, [e, i, a]), k = C(
+    he(e, i, K(c)), r();
+  }, [e, i, l, a, r]), v = C(() => {
+    he(e, i, ""), r();
+  }, [e, i, r]), b = C(
     (c) => {
-      c.key === "Enter" ? (c.preventDefault(), h()) : c.key === "Escape" && (c.preventDefault(), a());
+      c.key === "Enter" ? (c.preventDefault(), h()) : c.key === "Escape" && (c.preventDefault(), r());
     },
-    [h, a]
+    [h, r]
   );
   return {
-    linkType: r,
+    linkType: a,
     linkUrl: l,
     error: I,
     onLinkTypeChange: p,
     onUrlInputChange: m,
-    onUrlInputKeyDown: k,
+    onUrlInputKeyDown: b,
     onSave: h,
     onRemove: v
   };
 }
-function re({
+function ae({
   editor: e,
   nodeKey: i,
   href: t,
-  onClose: a,
-  mobile: r
+  onClose: r,
+  mobile: a
 }) {
-  const s = ee(null), l = yt({ editor: e, nodeKey: i, href: t, onClose: a });
-  return S(() => {
+  const s = ee(null), l = yt({ editor: e, nodeKey: i, href: t, onClose: r });
+  return P(() => {
     var d;
     (d = s.current) == null || d.focus({ preventScroll: !0 });
   }, []), /* @__PURE__ */ n(
@@ -96,22 +96,22 @@ function re({
       linkUrl: l.linkUrl,
       linkType: l.linkType,
       error: l.error,
-      mobile: r,
+      mobile: a,
       onLinkTypeChange: l.onLinkTypeChange,
       onUrlInputChange: l.onUrlInputChange,
       onUrlInputKeyDown: l.onUrlInputKeyDown,
-      onCancel: a,
+      onCancel: r,
       onSave: l.onSave,
       onRemove: t ? l.onRemove : void 0
     }
   );
 }
-function Te({
+function xe({
   opened: e,
   onOpenChange: i,
   t,
-  onDownload: a,
-  onDelete: r,
+  onDownload: r,
+  onDelete: a,
   hasLink: s,
   onLinkAction: l
 }) {
@@ -159,7 +159,7 @@ function Te({
                 {
                   leftSection: /* @__PURE__ */ n(J, { align: "center", justify: "center", c: "gray.6", children: /* @__PURE__ */ n(M, { icon: Ce, size: 16 }) }),
                   onClick: (d) => {
-                    d.stopPropagation(), a();
+                    d.stopPropagation(), r();
                   },
                   children: t("editor.gallery.download")
                 }
@@ -170,7 +170,7 @@ function Te({
                   color: "red",
                   leftSection: /* @__PURE__ */ n(J, { align: "center", justify: "center", c: "red.6", children: /* @__PURE__ */ n(M, { icon: De, size: 16 }) }),
                   onClick: (d) => {
-                    d.stopPropagation(), r();
+                    d.stopPropagation(), a();
                   },
                   children: t("editor.contextMenu.delete")
                 }
@@ -182,15 +182,15 @@ function Te({
     }
   );
 }
-const Ee = ({
+const Te = ({
   t: e,
   src: i,
   setShown: t,
-  id: a
+  id: r
 }) => {
-  const [r, { open: s, close: l }] = H(!1), d = Le(), I = te(() => [
+  const [a, { open: s, close: l }] = H(!1), d = Le(), I = te(() => [
     {
-      id: !a || a === "0" ? "" : a,
+      id: !r || r === "0" ? "" : r,
       Url: i ?? "",
       contentType: "image/*",
       originalFileName: "",
@@ -207,12 +207,12 @@ const Ee = ({
       deleted: !1,
       deletedAt: /* @__PURE__ */ new Date()
     }
-  ], [i, a]);
+  ], [i, r]);
   return /* @__PURE__ */ N(B, { children: [
     /* @__PURE__ */ n(
-      Pe,
+      Se,
       {
-        opened: r,
+        opened: a,
         onOpenChange: (p) => {
           p ? s() : l();
         },
@@ -238,31 +238,31 @@ const Ee = ({
   src: i,
   href: t
 }) => {
-  const [a] = G(), r = ne(), [s, l] = y(!1), [d, I] = y(!1), [b, p] = y(!1), { t: m } = V();
-  S(() => {
-    if (!b) return;
-    const k = (c) => {
+  const [r] = V(), a = ne(), [s, l] = y(!1), [d, I] = y(!1), [k, p] = y(!1), { t: m } = G();
+  P(() => {
+    if (!k) return;
+    const b = (c) => {
       const w = c.target;
       w != null && w.closest(".floating-link-dropdown") || w != null && w.closest(".floating-link-type-combobox-dropdown") || p(!1);
     };
-    return document.addEventListener("pointerdown", k, !0), () => document.removeEventListener("pointerdown", k, !0);
-  }, [b]);
+    return document.addEventListener("pointerdown", b, !0), () => document.removeEventListener("pointerdown", b, !0);
+  }, [k]);
   const h = C(() => {
-    a.update(() => {
-      const k = T(e);
-      E(k) && k.remove();
+    r.update(() => {
+      const b = x(e);
+      T(b) && b.remove();
     });
-  }, [a, e]), v = C(async () => {
+  }, [r, e]), v = C(async () => {
     if (i)
       try {
-        await ae(i, ie(i));
+        await re(i, ie(i));
       } catch {
       }
   }, [i]);
   return /* @__PURE__ */ N(
     z,
     {
-      opened: b,
+      opened: k,
       onChange: p,
       position: "bottom-end",
       offset: 4,
@@ -274,25 +274,25 @@ const Ee = ({
         /* @__PURE__ */ n(z.Target, { children: /* @__PURE__ */ N(
           "div",
           {
-            className: `media-actions ${r ? "" : "media-actions--readonly"}`,
+            className: `media-actions ${a ? "" : "media-actions--readonly"}`,
             children: [
-              /* @__PURE__ */ n(Ee, { t: m, src: i, setShown: () => {
+              /* @__PURE__ */ n(Te, { t: m, src: i, setShown: () => {
               } }),
-              r && /* @__PURE__ */ N(B, { children: [
+              a && /* @__PURE__ */ N(B, { children: [
                 /* @__PURE__ */ n(
                   Oe,
                   {
                     opened: s,
                     setOpened: l,
                     t: m,
-                    editor: a,
+                    editor: r,
                     nodeKey: e,
                     setShown: () => {
                     }
                   }
                 ),
                 /* @__PURE__ */ n(
-                  Te,
+                  xe,
                   {
                     opened: d,
                     onOpenChange: I,
@@ -313,9 +313,9 @@ const Ee = ({
             className: `floating-link-dropdown floating-link-dropdown--${t ? "edit" : "create"}-mode`,
             "data-test-id": "floating-link-dropdown",
             children: /* @__PURE__ */ n(
-              re,
+              ae,
               {
-                editor: a,
+                editor: r,
                 nodeKey: e,
                 href: t,
                 onClose: () => p(!1)
@@ -328,9 +328,9 @@ const Ee = ({
   );
 }, Ct = () => {
 };
-function Dt({ nodeKey: e, src: i, id: t, href: a }) {
-  const { t: r } = V(), [s] = G(), l = ne(), [d, I] = y(!1), [b, p] = y(!1), [m, h] = y(!1);
-  S(() => {
+function Dt({ nodeKey: e, src: i, id: t, href: r }) {
+  const { t: a } = G(), [s] = V(), l = ne(), [d, I] = y(!1), [k, p] = y(!1), [m, h] = y(!1);
+  P(() => {
     if (!m) return;
     const c = (w) => {
       const u = w.target;
@@ -340,15 +340,15 @@ function Dt({ nodeKey: e, src: i, id: t, href: a }) {
   }, [m]);
   const v = C(() => {
     p(!1), s.update(() => {
-      const c = T(e);
-      if (!E(c)) return;
+      const c = x(e);
+      if (!T(c)) return;
       const w = c.getParent();
       ot(w) ? w.remove() : c.remove();
     });
-  }, [s, e]), k = C(async () => {
+  }, [s, e]), b = C(async () => {
     if (i)
       try {
-        await ae(i, ie(i));
+        await re(i, ie(i));
       } catch {
       }
   }, [i]);
@@ -379,27 +379,27 @@ function Dt({ nodeKey: e, src: i, id: t, href: a }) {
             },
             onClick: (c) => c.stopPropagation(),
             children: [
-              /* @__PURE__ */ n(Ee, { t: r, src: i, setShown: Ct, id: t }),
+              /* @__PURE__ */ n(Te, { t: a, src: i, setShown: Ct, id: t }),
               l && /* @__PURE__ */ N(B, { children: [
                 /* @__PURE__ */ n(
                   Oe,
                   {
                     opened: d,
                     setOpened: I,
-                    t: r,
+                    t: a,
                     editor: s,
                     nodeKey: e
                   }
                 ),
                 /* @__PURE__ */ n(
-                  Te,
+                  xe,
                   {
-                    opened: b,
+                    opened: k,
                     onOpenChange: p,
-                    t: r,
-                    onDownload: () => void k(),
+                    t: a,
+                    onDownload: () => void b(),
                     onDelete: v,
-                    hasLink: !!a,
+                    hasLink: !!r,
                     onLinkAction: () => h(!0)
                   }
                 )
@@ -410,14 +410,14 @@ function Dt({ nodeKey: e, src: i, id: t, href: a }) {
         /* @__PURE__ */ n(
           z.Dropdown,
           {
-            className: `floating-link-dropdown floating-link-dropdown--${a ? "edit" : "create"}-mode`,
+            className: `floating-link-dropdown floating-link-dropdown--${r ? "edit" : "create"}-mode`,
             "data-test-id": "floating-link-dropdown",
             children: /* @__PURE__ */ n(
-              re,
+              ae,
               {
                 editor: s,
                 nodeKey: e,
-                href: a,
+                href: r,
                 onClose: () => h(!1)
               }
             )
@@ -427,10 +427,10 @@ function Dt({ nodeKey: e, src: i, id: t, href: a }) {
     }
   );
 }
-function Lt({ nodeKey: e, src: i, id: t, href: a }) {
-  const { t: r } = V(), [s] = G(), l = ne(), d = Le(), [I, { open: b, close: p }] = H(!1), [m, { open: h, close: v }] = H(!1), [k, { open: c, close: w }] = H(!1), u = () => {
+function Lt({ nodeKey: e, src: i, id: t, href: r }) {
+  const { t: a } = G(), [s] = V(), l = ne(), d = Le(), [I, { open: k, close: p }] = H(!1), [m, { open: h, close: v }] = H(!1), [b, { open: c, close: w }] = H(!1), u = () => {
     p(), c();
-  }, P = te(
+  }, S = te(
     () => [
       {
         id: !t || t === "0" ? "" : t,
@@ -457,13 +457,13 @@ function Lt({ nodeKey: e, src: i, id: t, href: a }) {
   }, L = C(async () => {
     if (p(), !!i)
       try {
-        await ae(i, ie(i));
+        await re(i, ie(i));
       } catch {
       }
-  }, [i, p]), x = C(() => {
+  }, [i, p]), E = C(() => {
     p(), s.update(() => {
-      const O = T(e);
-      E(O) && O.remove();
+      const O = x(e);
+      T(O) && O.remove();
     });
   }, [s, e, p]);
   return /* @__PURE__ */ N(B, { children: [
@@ -482,21 +482,21 @@ function Lt({ nodeKey: e, src: i, id: t, href: a }) {
         children: /* @__PURE__ */ n(
           oe,
           {
-            label: r("editor.toolbar.more"),
+            label: a("editor.toolbar.more"),
             icon: nt,
             iconColor: "var(--mantine-color-gray-text)",
-            "aria-label": r("editor.toolbar.more"),
-            onClick: b
+            "aria-label": a("editor.toolbar.more"),
+            onClick: k
           }
         )
       }
     ),
     /* @__PURE__ */ n(
-      Pe,
+      Se,
       {
         opened: m,
         onOpenChange: (O) => O ? h() : v(),
-        attachments: P,
+        attachments: S,
         allowDownload: d
       }
     ),
@@ -505,10 +505,10 @@ function Lt({ nodeKey: e, src: i, id: t, href: a }) {
       {
         opened: I,
         onClose: p,
-        title: r("editor.image.mobileActions"),
+        title: a("editor.image.mobileActions"),
         children: /* @__PURE__ */ N(He, { gap: 4, p: 0, children: [
           /* @__PURE__ */ n(
-            $,
+            j,
             {
               type: "button",
               variant: "subtle",
@@ -525,11 +525,11 @@ function Lt({ nodeKey: e, src: i, id: t, href: a }) {
                   color: "var(--mantine-color-dimmed)"
                 }
               ),
-              children: r("editor.image.previewFullScreen")
+              children: a("editor.image.previewFullScreen")
             }
           ),
           l && /* @__PURE__ */ n(
-            $,
+            j,
             {
               type: "button",
               variant: "subtle",
@@ -546,11 +546,11 @@ function Lt({ nodeKey: e, src: i, id: t, href: a }) {
                   color: "var(--mantine-color-dimmed)"
                 }
               ),
-              children: r(a ? "editor.link.editLink" : "editor.link.addLink")
+              children: a(r ? "editor.link.editLink" : "editor.link.addLink")
             }
           ),
           d && /* @__PURE__ */ n(
-            $,
+            j,
             {
               type: "button",
               variant: "subtle",
@@ -567,11 +567,11 @@ function Lt({ nodeKey: e, src: i, id: t, href: a }) {
                   color: "var(--mantine-color-dimmed)"
                 }
               ),
-              children: r("editor.gallery.download")
+              children: a("editor.gallery.download")
             }
           ),
           l && /* @__PURE__ */ n(
-            $,
+            j,
             {
               type: "button",
               variant: "subtle",
@@ -579,7 +579,7 @@ function Lt({ nodeKey: e, src: i, id: t, href: a }) {
               fullWidth: !0,
               justify: "flex-start",
               bg: "var(--editor-action-bg)",
-              onClick: x,
+              onClick: E,
               leftSection: /* @__PURE__ */ n(
                 M,
                 {
@@ -588,7 +588,7 @@ function Lt({ nodeKey: e, src: i, id: t, href: a }) {
                   color: "var(--mantine-color-red-6)"
                 }
               ),
-              children: r("editor.actions.delete")
+              children: a("editor.actions.delete")
             }
           )
         ] })
@@ -597,15 +597,15 @@ function Lt({ nodeKey: e, src: i, id: t, href: a }) {
     /* @__PURE__ */ n(
       we,
       {
-        opened: k,
+        opened: b,
         onClose: w,
-        title: r(a ? "editor.link.editLink" : "editor.link.addLink"),
+        title: a(r ? "editor.link.editLink" : "editor.link.addLink"),
         children: /* @__PURE__ */ n(
-          re,
+          ae,
           {
             editor: s,
             nodeKey: e,
-            href: a,
+            href: r,
             onClose: w,
             mobile: !0
           }
@@ -618,13 +618,13 @@ const ye = (e) => {
   const {
     width: i,
     height: t,
-    isLoading: a,
-    isError: r,
+    isLoading: r,
+    isError: a,
     src: s,
     id: l,
     altText: d,
     imageRef: I,
-    maxWidth: b,
+    maxWidth: k,
     aspectRatio: p,
     href: m
   } = e, h = ee(null);
@@ -642,9 +642,9 @@ const ye = (e) => {
       },
       children: [
         /* @__PURE__ */ n(
-          Ve,
+          Ge,
           {
-            visible: a,
+            visible: r,
             zIndex: 1e3,
             overlayProps: { backgroundOpacity: 0.5 },
             loaderProps: { size: 24, color: "black" }
@@ -664,8 +664,8 @@ const ye = (e) => {
             } : void 0,
             onClick: m ? (v) => {
               v.preventDefault();
-              const k = h.current;
-              h.current = null, !(k && Math.hypot(v.clientX - k.x, v.clientY - k.y) > 5) && window.open(K(m), "_blank", "noopener,noreferrer");
+              const b = h.current;
+              h.current = null, !(b && Math.hypot(v.clientX - b.x, v.clientY - b.y) > 5) && window.open(K(m), "_blank", "noopener,noreferrer");
             } : void 0,
             children: /* @__PURE__ */ n(
               Nt,
@@ -676,13 +676,13 @@ const ye = (e) => {
                 imageRef: I,
                 width: "inherit",
                 height: "inherit",
-                maxWidth: b || "auto",
+                maxWidth: k || "auto",
                 id: l
               }
             )
           }
         ),
-        ke && /* @__PURE__ */ n(
+        be && /* @__PURE__ */ n(
           Lt,
           {
             nodeKey: e.nodeKey,
@@ -700,7 +700,7 @@ const ye = (e) => {
             href: m
           }
         ),
-        ht && !ke && !ve && /* @__PURE__ */ n(It, { nodeKey: e.nodeKey, src: s, href: m })
+        ht && !be && !ve && /* @__PURE__ */ n(It, { nodeKey: e.nodeKey, src: s, href: m })
       ]
     }
   );
@@ -709,29 +709,29 @@ function Nt({
   altText: e,
   className: i,
   imageRef: t,
-  src: a,
-  width: r,
+  src: r,
+  width: a,
   height: s,
   maxWidth: l,
   id: d
 }) {
-  const [I, b] = y(!1);
+  const [I, k] = y(!1);
   return /* @__PURE__ */ n(
     "img",
     {
       className: `${i || void 0} ${I ? "" : "loading"}`,
-      src: a,
+      src: r,
       alt: e,
       ref: t,
       style: {
         height: s,
         maxWidth: l,
-        width: r
+        width: a
       },
       onLoad: () => {
-        a.includes("splash") ? setTimeout(() => {
-          b(!0);
-        }, 100) : b(!0);
+        r.includes("splash") ? setTimeout(() => {
+          k(!0);
+        }, 100) : k(!0);
       },
       draggable: "false",
       "data-id": d
@@ -739,43 +739,43 @@ function Nt({
   );
 }
 function qt(e) {
-  const { disable: i } = Ie(Se);
-  return i && at.isPlaceholderSrc(e.src) ? null : /* @__PURE__ */ n(Ot, { ...e });
+  const { disable: i } = Ie(Pe);
+  return i && rt.isPlaceholderSrc(e.src) ? null : /* @__PURE__ */ n(Ot, { ...e });
 }
 function Ot({
   src: e,
   altText: i,
   nodeKey: t,
-  width: a,
-  height: r,
+  width: r,
+  height: a,
   maxWidth: s,
   showCaption: l,
   caption: d,
   id: I,
-  create: b,
+  create: k,
   alignment: p,
   imagePickerTab: m,
   aspectRatio: h,
   href: v
 }) {
   var ge, fe;
-  const k = ee(null), [c, w] = y(!0), [u] = G(), [P, U] = y(!0), [L, x] = y({
+  const b = ee(null), [c, w] = y(!0), [u] = V(), [S, U] = y(!0), [L, E] = y({
     width: 0,
     height: 0
-  }), { start: O } = rt(), [St, X] = y(0), {
+  }), { start: O } = at(), [Pt, X] = y(0), {
     fetchUploadMedia: W,
     fetchDeleteMedia: le,
-    maxFileSize: Pt,
-    imperativeHandleRef: _,
+    maxFileSize: St,
+    imperativeHandleRef: F,
     disable: Ue
-  } = Ie(Se), F = Q.has(e) && (((ge = Q.get(e)) == null ? void 0 : ge.mediaNodeKeys.length) === 0 || ((fe = Q.get(e)) == null ? void 0 : fe.mediaNodeKeys.length) === void 0 || e.trim() === ""), { t: j } = V(), se = (o) => {
+  } = Ie(Pe), _ = Q.has(e) && (((ge = Q.get(e)) == null ? void 0 : ge.mediaNodeKeys.length) === 0 || ((fe = Q.get(e)) == null ? void 0 : fe.mediaNodeKeys.length) === void 0 || e.trim() === ""), { t: $ } = G(), se = (o) => {
     if (typeof o == "number") return o > 0 ? o : null;
     if (typeof o == "string" && !o.includes("%")) {
       const g = parseFloat(o);
       return Number.isFinite(g) && g > 0 ? g : null;
     }
     return null;
-  }, A = se(a), de = se(r), ce = A && de ? A / de : void 0, [xe, Ae] = y(
+  }, A = se(r), de = se(a), ce = A && de ? A / de : void 0, [Ee, Ae] = y(
     void 0
   ), ue = te(() => {
     try {
@@ -786,13 +786,13 @@ function Ot({
     } catch {
       return;
     }
-  }, [e]), Re = ce ?? h ?? ue ?? xe, [Me, Y] = y(!1), ze = !Me && !ce && (h ?? ue) != null, [Tt, We] = y(0);
-  S(() => u.registerDecoratorListener(() => {
+  }, [e]), Re = ce ?? h ?? ue ?? Ee, [Me, Y] = y(!1), ze = !Me && !ce && (h ?? ue) != null, [xt, We] = y(0);
+  P(() => u.registerDecoratorListener(() => {
     We((o) => o + 1);
-  }), [F]), S(() => {
+  }), [_]), P(() => {
     const o = u.getElementByKey(t);
     o && (o.style.removeProperty("aspect-ratio"), o.style.removeProperty("width"));
-  }, [u, t]), S(() => {
+  }, [u, t]), P(() => {
     if (!e || e.startsWith("data:image/") || !e.trim()) {
       w(!1);
       return;
@@ -808,8 +808,8 @@ function Ot({
           }
         !h && o.naturalWidth >= 100 && u.update(
           () => {
-            const f = T(t);
-            E(f) && f.getAspectRatio() == null && f.setAspectRatio(g);
+            const f = x(t);
+            T(f) && f.getAspectRatio() == null && f.setAspectRatio(g);
           },
           { tag: "history-merge" }
         );
@@ -817,24 +817,24 @@ function Ot({
     }, o.onerror = () => {
       w(!1);
     };
-  }, [e, F]);
-  const _e = (o, g) => {
+  }, [e, _]);
+  const Fe = (o, g) => {
     u.update(() => {
       Xe(null);
-      const f = T(t);
-      E(f) && f.setWidthAndHeight(o, g);
+      const f = x(t);
+      T(f) && f.setWidthAndHeight(o, g);
     });
   }, { historyState: pe } = lt(), {
     settings: { showNestedEditorTreeView: me }
   } = st();
-  function Fe(o) {
+  function _e(o) {
     const g = wt(o);
-    return g ? bt(g).width : 0;
+    return g ? kt(g).width : 0;
   }
-  function je(o) {
+  function $e(o) {
     return new Promise((g, f) => {
       if (ft(o)) {
-        g(Fe(o));
+        g(_e(o));
         return;
       }
       const D = new Image();
@@ -845,21 +845,21 @@ function Ot({
       };
     });
   }
-  S(() => {
-    let o = a, g = r, f = 100;
-    if ((e.includes("unsplash") ? e.trim() : !F && e.trim() || e.includes("upload-src-editor")) && e !== "upload") {
+  P(() => {
+    let o = r, g = a, f = 100;
+    if ((e.includes("unsplash") ? e.trim() : !_ && e.trim() || e.includes("upload-src-editor")) && e !== "upload") {
       if (A != null && A >= f) {
-        U(!1), x({ width: A, height: A }), Y(!0);
+        U(!1), E({ width: A, height: A }), Y(!0);
         return;
       }
-      je(e).then((D) => {
-        typeof o == "number" && o < f && D < f ? (U(!0), x({
+      $e(e).then((D) => {
+        typeof o == "number" && o < f && D < f ? (U(!0), E({
           width: o,
           height: g
-        })) : D < f ? (U(!0), x({
+        })) : D < f ? (U(!0), E({
           width: "auto",
           height: "auto"
-        })) : (x({
+        })) : (E({
           width: D,
           height: D
         }), U(!1)), Y(!0);
@@ -867,20 +867,20 @@ function Ot({
         Y(!0), console.warn("Ошибка при загрузке изображения:", D.message);
       });
     }
-  }, [e, F]), S(() => {
-    L.width && L.height && P && u.update(() => {
-      const o = T(t);
-      E(o) && o.setWidthAndHeight(L.width, L.height);
+  }, [e, _]), P(() => {
+    L.width && L.height && S && u.update(() => {
+      const o = x(t);
+      T(o) && o.setWidthAndHeight(L.width, L.height);
     });
-  }, [L.width, L.height, P]);
-  const $e = C(
+  }, [L.width, L.height, S]);
+  const je = C(
     (o) => dt(u, t, o),
     [u, t]
   ), Z = C(
     (o, g) => {
       w(!1), u.update(() => {
-        const f = T(t);
-        E(f) && (f.setSrc(o), f.setId(g));
+        const f = x(t);
+        T(f) && (f.setSrc(o), f.setId(g));
       });
     },
     [u, t]
@@ -894,8 +894,8 @@ function Ot({
           Z(f, D), X(0);
         },
         (f) => {
-          f && kt({
-            message: j("editor.gallery.errorFile")
+          f && bt({
+            message: $("editor.gallery.errorFile")
           }), X(0), Z(e.startsWith("blob:") ? "upload" : "", "");
         },
         g,
@@ -904,19 +904,19 @@ function Ot({
         }
       );
     },
-    [W, O, j, Z, e]
+    [W, O, $, Z, e]
   );
-  return S(() => u.registerCommand(
+  return P(() => u.registerCommand(
     ct,
     (o) => !e.startsWith("blob:") && e !== "upload" || o.targetNodeKey !== t ? !1 : (q(o.files), !0),
-    Ge
+    Ve
   ), [u, q, t, e]), !e || e === "upload" ? /* @__PURE__ */ n(Be, { "data-editor-image-picker-drop-root": !0, w: "100%", children: /* @__PURE__ */ n(
     ut,
     {
       inline: !0,
       nodeKey: t,
       defaultTabValue: m,
-      onWriteTabToNode: $e,
+      onWriteTabToNode: je,
       uploading: !1,
       onUpload: (o) => {
         !W || !o.length || q(o);
@@ -928,49 +928,49 @@ function Ot({
       },
       onChange: (o) => {
         u.update(() => {
-          const g = T(t);
-          E(g) && g.setSrc(o);
+          const g = x(t);
+          T(g) && g.setSrc(o);
         });
       }
     }
-  ) }) : P && !ze ? /* @__PURE__ */ n(
+  ) }) : S && !ze ? /* @__PURE__ */ n(
     ye,
     {
       width: L.width,
       height: L.height,
       isLoading: c,
       isError: !1,
-      isIcon: P,
+      isIcon: S,
       src: e,
       id: I,
       editor: u,
       nodeKey: t,
       fetchDeleteMedia: le,
       altText: i,
-      imageRef: k,
+      imageRef: b,
       maxWidth: s,
       showCaption: l,
       caption: d,
       isCollabActive: !1,
       historyState: pe,
       showNestedEditorTreeView: me,
-      t: j,
+      t: $,
       href: v
     }
   ) : /* @__PURE__ */ n(
     mt,
     {
       editor: u,
-      isIcon: P,
-      width: be(a),
-      height: be(r),
+      isIcon: S,
+      width: ke(r),
+      height: ke(a),
       initialWidth: L.width || "",
       initialHeight: L.height || "",
-      onResizeEnd: _e,
+      onResizeEnd: Fe,
       alignment: p,
       disable: Ue,
       onRegisterDecoratorEnter: (o) => {
-        _ != null && _.current && (_.current.decoratorEnterAction = o);
+        F != null && F.current && (F.current.decoratorEnterAction = o);
       },
       onActivate: () => u.dispatchCommand(gt, "show_menu"),
       children: /* @__PURE__ */ n(
@@ -981,21 +981,21 @@ function Ot({
           aspectRatio: Re,
           isLoading: c,
           isError: !1,
-          isIcon: P,
+          isIcon: S,
           src: e,
           id: I,
           editor: u,
           nodeKey: t,
           fetchDeleteMedia: le,
           altText: i,
-          imageRef: k,
+          imageRef: b,
           maxWidth: s,
           showCaption: l,
           caption: d,
           isCollabActive: !1,
           historyState: pe,
           showNestedEditorTreeView: me,
-          t: j,
+          t: $,
           href: v
         }
       )