@layers-app/editor 2.2.41 → 2.2.42

package/dist/{layers.CCV8nVyL.js → layers.DEnv6tje.js}

@@ -1,13 +1,13 @@
-import { jsxs as I, jsx as n, Fragment as G } from "react/jsx-runtime";
-import { useMemo as X, useState as b, useCallback as k, useContext as he, useRef as Ee, useEffect as M } from "react";
-import { useTranslation as R } from "react-i18next";
-import { useLexicalComposerContext as z } from "@lexical/react/LexicalComposerContext";
-import { Menu as A, Flex as de, Stack as Te, Button as $, Box as Re, LoadingOverlay as ze } from "@mantine/core";
-import { $getNodeByKey as L, COMMAND_PRIORITY_LOW as Ue, $setSelection as je } from "lexical";
-import { y as _e, k as q, m as Fe, H as O, z as ge, D as fe, B as D, N as we, F as He, G as $e, q as Be, C as be, J as Ve, K as Ge, L as B, Q as Xe, S as qe, T as Je, U as Qe, V as Ye, W as Ze, R as Ke, O as et, r as ce, j as ue, X as pe, o as tt } from "./layers.9S8DSgzy.js";
-import { AttachmentsGalleryModal as Ce, showErrorNotification as ot } from "@layers-app/shared";
-import { useLexicalEditable as nt } from "@lexical/react/useLexicalEditable";
-import { useDisclosure as V } from "@mantine/hooks";
+import { jsxs as y, jsx as n, Fragment as R } from "react/jsx-runtime";
+import { useMemo as X, useState as w, useCallback as k, useContext as ge, useRef as Te, useEffect as A } from "react";
+import { useTranslation as z } from "react-i18next";
+import { useLexicalComposerContext as U } from "@lexical/react/LexicalComposerContext";
+import { Menu as O, Flex as ce, Stack as Re, Button as B, Box as ze, LoadingOverlay as Ue } from "@mantine/core";
+import { $getNodeByKey as v, COMMAND_PRIORITY_LOW as je, $setSelection as _e } from "lexical";
+import { y as Fe, k as q, m as He, H as x, z as fe, D as we, B as L, N as be, F as $e, G as Be, q as Ve, C as Ce, J as Ge, K as Xe, L as V, Q as qe, S as Je, T as Qe, U as Ye, V as Ze, W as Ke, R as et, O as tt, r as ue, j as pe, X as me, o as ot } from "./layers.BbXqqa2k.js";
+import { AttachmentsGalleryModal as ye, showErrorNotification as nt } from "@layers-app/shared";
+import { useLexicalEditable as J } from "@lexical/react/useLexicalEditable";
+import { useDisclosure as G } from "@mantine/hooks";
 import "@lexical/react/LexicalDecoratorBlockNode";
 import "@lexical/utils";
 import "@lexical/mark";
@@ -17,7 +17,7 @@ import "react-dom";
 import "@lexical/react/LexicalErrorBoundary";
 import "@lexical/react/LexicalBlockWithAlignableContents";
 import "@mantine/notifications";
-const ye = [
+const ke = [
   ["path", { d: "M8.00001 3.09779C8.00001 3.09779 4.03375 2.74194 3.38784 3.38785C2.74192 4.03375 3.09784 8 3.09784 8", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "0" }],
   ["path", { d: "M8.00001 20.9022C8.00001 20.9022 4.03375 21.2581 3.38784 20.6122C2.74192 19.9662 3.09784 16 3.09784 16", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "1" }],
   ["path", { d: "M16 3.09779C16 3.09779 19.9663 2.74194 20.6122 3.38785C21.2581 4.03375 20.9022 8 20.9022 8", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "2" }],
@@ -31,7 +31,7 @@ function it(e, i) {
   const o = document.createElement("a");
   o.href = e, o.download = i, o.rel = "noopener", document.body.appendChild(o), o.click(), o.remove();
 }
-function J(e) {
+function Q(e) {
   try {
     const o = new URL(e, window.location.origin).pathname.split("/").pop() || "image";
     return o.includes(".") ? o : `${o}.png`;
@@ -39,50 +39,50 @@ function J(e) {
     return "image";
   }
 }
-async function Q(e, i) {
+async function Y(e, i) {
   const o = await fetch(e);
   if (!o.ok)
     throw new Error("fetch failed");
-  const r = await o.blob(), s = URL.createObjectURL(r);
+  const r = await o.blob(), l = URL.createObjectURL(r);
   try {
-    it(s, i);
+    it(l, i);
   } finally {
-    setTimeout(() => URL.revokeObjectURL(s), 0);
+    setTimeout(() => URL.revokeObjectURL(l), 0);
   }
 }
-function ke({
+function Ie({
   opened: e,
   onOpenChange: i,
   t: o,
   onDownload: r,
-  onDelete: s
+  onDelete: l
 }) {
-  return /* @__PURE__ */ I(
-    A,
+  return /* @__PURE__ */ y(
+    O,
     {
       opened: e,
       onChange: i,
-      transitionProps: _e,
+      transitionProps: Fe,
       shadow: "md",
       position: "bottom-start",
       offset: 4,
       withinPortal: !0,
       closeOnItemClick: !0,
       children: [
-        /* @__PURE__ */ n(A.Target, { children: /* @__PURE__ */ n(
+        /* @__PURE__ */ n(O.Target, { children: /* @__PURE__ */ n(
           q,
           {
             label: o("editor.toolbar.more"),
-            icon: Fe,
+            icon: He,
             iconColor: "var(--mantine-color-gray-text)",
             "aria-label": o("editor.toolbar.more")
           }
         ) }),
-        /* @__PURE__ */ I(A.Dropdown, { p: 4, w: 164, onMouseDown: (a) => a.preventDefault(), children: [
+        /* @__PURE__ */ y(O.Dropdown, { p: 4, w: 164, onMouseDown: (a) => a.preventDefault(), children: [
           /* @__PURE__ */ n(
-            A.Item,
+            O.Item,
             {
-              leftSection: /* @__PURE__ */ n(de, { align: "center", justify: "center", c: "gray.6", children: /* @__PURE__ */ n(O, { icon: ge, size: 16 }) }),
+              leftSection: /* @__PURE__ */ n(ce, { align: "center", justify: "center", c: "gray.6", children: /* @__PURE__ */ n(x, { icon: fe, size: 16 }) }),
               onClick: (a) => {
                 a.stopPropagation(), r();
               },
@@ -90,12 +90,12 @@ function ke({
             }
           ),
           /* @__PURE__ */ n(
-            A.Item,
+            O.Item,
             {
               color: "red",
-              leftSection: /* @__PURE__ */ n(de, { align: "center", justify: "center", c: "red.6", children: /* @__PURE__ */ n(O, { icon: fe, size: 16 }) }),
+              leftSection: /* @__PURE__ */ n(ce, { align: "center", justify: "center", c: "red.6", children: /* @__PURE__ */ n(x, { icon: we, size: 16 }) }),
               onClick: (a) => {
-                a.stopPropagation(), s();
+                a.stopPropagation(), l();
               },
               children: o("editor.contextMenu.delete")
             }
@@ -105,13 +105,13 @@ function ke({
     }
   );
 }
-const Ie = ({
+const ve = ({
   t: e,
   src: i,
   setShown: o,
   id: r
 }) => {
-  const [s, { open: a, close: p }] = V(!1), c = X(() => [
+  const [l, { open: a, close: p }] = G(!1), m = X(() => [
     {
       id: !r || r === "0" ? "" : r,
       Url: i ?? "",
@@ -131,22 +131,22 @@ const Ie = ({
       deletedAt: /* @__PURE__ */ new Date()
     }
   ], [i, r]);
-  return /* @__PURE__ */ I(G, { children: [
+  return /* @__PURE__ */ y(R, { children: [
     /* @__PURE__ */ n(
-      Ce,
+      ye,
       {
-        opened: s,
+        opened: l,
         onOpenChange: (h) => {
           h ? a() : p();
         },
-        attachments: c
+        attachments: m
       }
     ),
     /* @__PURE__ */ n(
       q,
       {
         label: e("editor.image.preview"),
-        icon: ye,
+        icon: ke,
         iconColor: "var(--mantine-color-gray-text)",
         "aria-label": e("editor.image.preview"),
         onClick: () => {
@@ -159,32 +159,32 @@ const Ie = ({
   nodeKey: e,
   src: i
 }) => {
-  const [o] = z(), r = nt(), [s, a] = b(!1), [p, c] = b(!1), { t: m } = R(), h = k(() => {
+  const [o] = U(), r = J(), [l, a] = w(!1), [p, m] = w(!1), { t: u } = z(), h = k(() => {
     o.update(() => {
-      const f = L(e);
-      D(f) && f.remove();
+      const I = v(e);
+      L(I) && I.remove();
     });
-  }, [o, e]), C = k(async () => {
+  }, [o, e]), f = k(async () => {
     if (i)
       try {
-        await Q(i, J(i));
+        await Y(i, Q(i));
       } catch {
       }
   }, [i]);
-  return /* @__PURE__ */ I(
+  return /* @__PURE__ */ y(
     "div",
     {
       className: `media-actions ${r ? "" : "media-actions--readonly"}`,
       children: [
-        /* @__PURE__ */ n(Ie, { t: m, src: i, setShown: () => {
+        /* @__PURE__ */ n(ve, { t: u, src: i, setShown: () => {
         } }),
-        r && /* @__PURE__ */ I(G, { children: [
+        r && /* @__PURE__ */ y(R, { children: [
           /* @__PURE__ */ n(
-            we,
+            be,
             {
-              opened: s,
+              opened: l,
               setOpened: a,
-              t: m,
+              t: u,
               editor: o,
               nodeKey: e,
               setShown: () => {
@@ -192,12 +192,12 @@ const Ie = ({
             }
           ),
           /* @__PURE__ */ n(
-            ke,
+            Ie,
             {
               opened: p,
-              onOpenChange: c,
-              t: m,
-              onDownload: () => void C(),
+              onOpenChange: m,
+              t: u,
+              onDownload: () => void f(),
               onDelete: h
             }
           )
@@ -208,21 +208,21 @@ const Ie = ({
 }, at = () => {
 };
 function st({ nodeKey: e, src: i, id: o }) {
-  const { t: r } = R(), [s] = z(), [a, p] = b(!1), [c, m] = b(!1), h = k(() => {
-    m(!1), s.update(() => {
-      const f = L(e);
-      if (!D(f)) return;
-      const v = f.getParent();
-      He(v) ? v.remove() : f.remove();
+  const { t: r } = z(), [l] = U(), a = J(), [p, m] = w(!1), [u, h] = w(!1), f = k(() => {
+    h(!1), l.update(() => {
+      const b = v(e);
+      if (!L(b)) return;
+      const D = b.getParent();
+      $e(D) ? D.remove() : b.remove();
     });
-  }, [s, e]), C = k(async () => {
+  }, [l, e]), I = k(async () => {
     if (i)
       try {
-        await Q(i, J(i));
+        await Y(i, Q(i));
       } catch {
       }
   }, [i]);
-  return /* @__PURE__ */ I(
+  return /* @__PURE__ */ y(
     "div",
     {
       className: "media-actions visible",
@@ -235,35 +235,37 @@ function st({ nodeKey: e, src: i, id: o }) {
         display: "flex",
         gap: 4
       },
-      onClick: (f) => f.stopPropagation(),
+      onClick: (b) => b.stopPropagation(),
       children: [
-        /* @__PURE__ */ n(Ie, { t: r, src: i, setShown: at, id: o }),
-        /* @__PURE__ */ n(
-          we,
-          {
-            opened: a,
-            setOpened: p,
-            t: r,
-            editor: s,
-            nodeKey: e
-          }
-        ),
-        /* @__PURE__ */ n(
-          ke,
-          {
-            opened: c,
-            onOpenChange: m,
-            t: r,
-            onDownload: () => void C(),
-            onDelete: h
-          }
-        )
+        /* @__PURE__ */ n(ve, { t: r, src: i, setShown: at, id: o }),
+        a && /* @__PURE__ */ y(R, { children: [
+          /* @__PURE__ */ n(
+            be,
+            {
+              opened: p,
+              setOpened: m,
+              t: r,
+              editor: l,
+              nodeKey: e
+            }
+          ),
+          /* @__PURE__ */ n(
+            Ie,
+            {
+              opened: u,
+              onOpenChange: h,
+              t: r,
+              onDownload: () => void I(),
+              onDelete: f
+            }
+          )
+        ] })
       ]
     }
   );
 }
 function lt({ nodeKey: e, src: i, id: o }) {
-  const { t: r } = R(), [s] = z(), [a, { open: p, close: c }] = V(!1), [m, { open: h, close: C }] = V(!1), f = X(
+  const { t: r } = z(), [l] = U(), a = J(), [p, { open: m, close: u }] = G(!1), [h, { open: f, close: I }] = G(!1), b = X(
     () => [
       {
         id: !o || o === "0" ? "" : o,
@@ -285,21 +287,21 @@ function lt({ nodeKey: e, src: i, id: o }) {
       }
     ],
     [i, o]
-  ), v = () => {
-    c(), h();
-  }, x = k(async () => {
-    if (c(), !!i)
+  ), D = () => {
+    u(), f();
+  }, S = k(async () => {
+    if (u(), !!i)
       try {
-        await Q(i, J(i));
+        await Y(i, Q(i));
       } catch {
       }
-  }, [i, c]), S = k(() => {
-    c(), s.update(() => {
-      const w = L(e);
-      D(w) && w.remove();
+  }, [i, u]), N = k(() => {
+    u(), l.update(() => {
+      const s = v(e);
+      L(s) && s.remove();
     });
-  }, [s, e, c]);
-  return /* @__PURE__ */ I(G, { children: [
+  }, [l, e, u]);
+  return /* @__PURE__ */ y(R, { children: [
     /* @__PURE__ */ n(
       "div",
       {
@@ -311,36 +313,36 @@ function lt({ nodeKey: e, src: i, id: o }) {
           zIndex: 10,
           pointerEvents: "auto"
         },
-        onClick: (w) => w.stopPropagation(),
+        onClick: (s) => s.stopPropagation(),
         children: /* @__PURE__ */ n(
           q,
           {
             label: r("editor.toolbar.more"),
-            icon: $e,
+            icon: Be,
             iconColor: "var(--mantine-color-gray-text)",
             "aria-label": r("editor.toolbar.more"),
-            onClick: p
+            onClick: m
           }
         )
       }
     ),
     /* @__PURE__ */ n(
-      Ce,
+      ye,
       {
-        opened: m,
-        onOpenChange: (w) => w ? h() : C(),
-        attachments: f
+        opened: h,
+        onOpenChange: (s) => s ? f() : I(),
+        attachments: b
       }
     ),
     /* @__PURE__ */ n(
-      Be,
+      Ve,
       {
-        opened: a,
-        onClose: c,
+        opened: p,
+        onClose: u,
         title: r("editor.image.mobileActions"),
-        children: /* @__PURE__ */ I(Te, { gap: 4, p: 0, children: [
+        children: /* @__PURE__ */ y(Re, { gap: 4, p: 0, children: [
           /* @__PURE__ */ n(
-            $,
+            B,
             {
               type: "button",
               variant: "subtle",
@@ -348,11 +350,11 @@ function lt({ nodeKey: e, src: i, id: o }) {
               fullWidth: !0,
               justify: "flex-start",
               bg: "var(--editor-action-bg)",
-              onClick: v,
+              onClick: D,
               leftSection: /* @__PURE__ */ n(
-                O,
+                x,
                 {
-                  icon: ye,
+                  icon: ke,
                   size: 16,
                   color: "var(--mantine-color-dimmed)"
                 }
@@ -361,7 +363,7 @@ function lt({ nodeKey: e, src: i, id: o }) {
             }
           ),
           /* @__PURE__ */ n(
-            $,
+            B,
             {
               type: "button",
               variant: "subtle",
@@ -369,11 +371,11 @@ function lt({ nodeKey: e, src: i, id: o }) {
               fullWidth: !0,
               justify: "flex-start",
               bg: "var(--editor-action-bg)",
-              onClick: () => void x(),
+              onClick: () => void S(),
               leftSection: /* @__PURE__ */ n(
-                O,
+                x,
                 {
-                  icon: ge,
+                  icon: fe,
                   size: 16,
                   color: "var(--mantine-color-dimmed)"
                 }
@@ -381,8 +383,8 @@ function lt({ nodeKey: e, src: i, id: o }) {
               children: r("editor.gallery.download")
             }
           ),
-          /* @__PURE__ */ n(
-            $,
+          a && /* @__PURE__ */ n(
+            B,
             {
               type: "button",
               variant: "subtle",
@@ -390,11 +392,11 @@ function lt({ nodeKey: e, src: i, id: o }) {
               fullWidth: !0,
               justify: "flex-start",
               bg: "var(--editor-action-bg)",
-              onClick: S,
+              onClick: N,
               leftSection: /* @__PURE__ */ n(
-                O,
+                x,
                 {
-                  icon: fe,
+                  icon: we,
                   size: 16,
                   color: "var(--mantine-color-red-6)"
                 }
@@ -407,34 +409,34 @@ function lt({ nodeKey: e, src: i, id: o }) {
     )
   ] });
 }
-const me = (e) => {
+const he = (e) => {
   const {
     width: i,
     height: o,
     isLoading: r,
-    isError: s,
+    isError: l,
     src: a,
     id: p,
-    altText: c,
-    imageRef: m,
+    altText: m,
+    imageRef: u,
     maxWidth: h,
-    aspectRatio: C
+    aspectRatio: f
   } = e;
-  return /* @__PURE__ */ I(
+  return /* @__PURE__ */ y(
     "div",
     {
       className: "media-wrapper",
-      "data-reserved-box": C ? "" : void 0,
+      "data-reserved-box": f ? "" : void 0,
       style: {
         width: i,
-        height: C ? "auto" : o,
-        aspectRatio: C || void 0,
+        height: f ? "auto" : o,
+        aspectRatio: f || void 0,
         display: "inline-flex",
         position: "relative"
       },
       children: [
         /* @__PURE__ */ n(
-          ze,
+          Ue,
           {
             visible: r,
             zIndex: 1e3,
@@ -447,17 +449,17 @@ const me = (e) => {
           {
             className: null,
             src: a,
-            altText: c,
-            imageRef: m,
+            altText: m,
+            imageRef: u,
             width: "inherit",
             height: "inherit",
             maxWidth: h || "auto",
             id: p
           }
         ),
-        ue && /* @__PURE__ */ n(lt, { nodeKey: e.nodeKey, src: a, id: p }),
-        pe && /* @__PURE__ */ n(st, { nodeKey: e.nodeKey, src: a, id: p }),
-        tt && !ue && !pe && /* @__PURE__ */ n(rt, { nodeKey: e.nodeKey, src: a })
+        pe && /* @__PURE__ */ n(lt, { nodeKey: e.nodeKey, src: a, id: p }),
+        me && /* @__PURE__ */ n(st, { nodeKey: e.nodeKey, src: a, id: p }),
+        ot && !pe && !me && /* @__PURE__ */ n(rt, { nodeKey: e.nodeKey, src: a })
       ]
     }
   );
@@ -467,23 +469,23 @@ function dt({
   className: i,
   imageRef: o,
   src: r,
-  width: s,
+  width: l,
   height: a,
   maxWidth: p,
-  id: c
+  id: m
 }) {
-  const [m, h] = b(!1);
+  const [u, h] = w(!1);
   return /* @__PURE__ */ n(
     "img",
     {
-      className: `${i || void 0} ${m ? "" : "loading"}`,
+      className: `${i || void 0} ${u ? "" : "loading"}`,
       src: r,
       alt: e,
       ref: o,
       style: {
         height: a,
         maxWidth: p,
-        width: s
+        width: l
       },
       onLoad: () => {
         r.includes("splash") ? setTimeout(() => {
@@ -491,49 +493,49 @@ function dt({
         }, 100) : h(!0);
       },
       draggable: "false",
-      "data-id": c
+      "data-id": m
     }
   );
 }
-function Pt(e) {
-  const { disable: i } = he(be);
-  return i && Ve.isPlaceholderSrc(e.src) ? null : /* @__PURE__ */ n(ct, { ...e });
+function Et(e) {
+  const { disable: i } = ge(Ce);
+  return i && Ge.isPlaceholderSrc(e.src) ? null : /* @__PURE__ */ n(ct, { ...e });
 }
 function ct({
   src: e,
   altText: i,
   nodeKey: o,
   width: r,
-  height: s,
+  height: l,
   maxWidth: a,
   showCaption: p,
-  caption: c,
-  id: m,
+  caption: m,
+  id: u,
   create: h,
-  alignment: C,
-  imagePickerTab: f,
-  aspectRatio: v
+  alignment: f,
+  imagePickerTab: I,
+  aspectRatio: b
 }) {
-  var se, le;
-  const x = Ee(null), [S, w] = b(!0), [u] = z(), [N, U] = b(!0), [y, j] = b({
+  var le, de;
+  const D = Te(null), [S, N] = w(!0), [s] = U(), [M, j] = w(!0), [C, _] = w({
     width: 0,
     height: 0
-  }), { start: Y } = Ge(), [ut, _] = b(0), {
+  }), { start: Z } = Xe(), [ut, F] = w(0), {
     fetchUploadMedia: W,
-    fetchDeleteMedia: Z,
+    fetchDeleteMedia: K,
     maxFileSize: pt,
-    imperativeHandleRef: P,
-    disable: ve
-  } = he(be), E = B.has(e) && (((se = B.get(e)) == null ? void 0 : se.mediaNodeKeys.length) === 0 || ((le = B.get(e)) == null ? void 0 : le.mediaNodeKeys.length) === void 0 || e.trim() === ""), { t: T } = R(), K = (t) => {
+    imperativeHandleRef: E,
+    disable: Le
+  } = ge(Ce), P = V.has(e) && (((le = V.get(e)) == null ? void 0 : le.mediaNodeKeys.length) === 0 || ((de = V.get(e)) == null ? void 0 : de.mediaNodeKeys.length) === void 0 || e.trim() === ""), { t: T } = z(), ee = (t) => {
     if (typeof t == "number") return t > 0 ? t : null;
     if (typeof t == "string" && !t.includes("%")) {
-      const l = parseFloat(t);
-      return Number.isFinite(l) && l > 0 ? l : null;
+      const d = parseFloat(t);
+      return Number.isFinite(d) && d > 0 ? d : null;
     }
     return null;
-  }, ee = K(r), te = K(s), oe = ee && te ? ee / te : void 0, [Le, De] = b(
+  }, te = ee(r), oe = ee(l), ne = te && oe ? te / oe : void 0, [De, Ne] = w(
     void 0
-  ), ne = X(() => {
+  ), ie = X(() => {
     try {
       const t = parseFloat(
         localStorage.getItem("layers-img-ratio:" + e) || ""
@@ -542,207 +544,207 @@ function ct({
     } catch {
       return;
     }
-  }, [e]), Ne = oe ?? v ?? ne ?? Le, [Me, ie] = b(!1), Ae = !Me && !oe && (v ?? ne) != null, [mt, Oe] = b(0);
-  M(() => u.registerDecoratorListener(() => {
-    Oe((t) => t + 1);
-  }), [E]), M(() => {
-    const t = u.getElementByKey(o);
+  }, [e]), Me = ne ?? b ?? ie ?? De, [Ae, re] = w(!1), Oe = !Ae && !ne && (b ?? ie) != null, [mt, xe] = w(0);
+  A(() => s.registerDecoratorListener(() => {
+    xe((t) => t + 1);
+  }), [P]), A(() => {
+    const t = s.getElementByKey(o);
     t && (t.style.removeProperty("aspect-ratio"), t.style.removeProperty("width"));
-  }, [u, o]), M(() => {
+  }, [s, o]), A(() => {
     if (!e || e.startsWith("data:image/") || !e.trim()) {
-      w(!1);
+      N(!1);
       return;
     }
     const t = new Image();
     t.src = e, t.onload = () => {
-      if (w(!1), t.naturalWidth) {
-        const l = t.naturalWidth / t.naturalHeight;
-        if (De(l), t.naturalWidth >= 100)
+      if (N(!1), t.naturalWidth) {
+        const d = t.naturalWidth / t.naturalHeight;
+        if (Ne(d), t.naturalWidth >= 100)
           try {
-            localStorage.setItem("layers-img-ratio:" + e, String(l));
+            localStorage.setItem("layers-img-ratio:" + e, String(d));
           } catch {
           }
-        !v && t.naturalWidth >= 100 && u.update(
+        !b && t.naturalWidth >= 100 && s.update(
           () => {
-            const d = L(o);
-            D(d) && d.getAspectRatio() == null && d.setAspectRatio(l);
+            const c = v(o);
+            L(c) && c.getAspectRatio() == null && c.setAspectRatio(d);
           },
           { tag: "history-merge" }
         );
       }
     }, t.onerror = () => {
-      w(!1);
+      N(!1);
     };
-  }, [e, E]);
-  const xe = (t, l) => {
-    u.update(() => {
-      je(null);
-      const d = L(o);
-      D(d) && d.setWidthAndHeight(t, l);
+  }, [e, P]);
+  const Se = (t, d) => {
+    s.update(() => {
+      _e(null);
+      const c = v(o);
+      L(c) && c.setWidthAndHeight(t, d);
     });
-  }, { historyState: re } = Xe(), {
-    settings: { showNestedEditorTreeView: ae }
-  } = qe();
-  function Se(t) {
+  }, { historyState: ae } = qe(), {
+    settings: { showNestedEditorTreeView: se }
+  } = Je();
+  function We(t) {
     return t.endsWith(".svg") || t.includes("image/svg+xml");
   }
-  function We(t) {
-    return new Promise((l, d) => {
-      if (Se(t)) {
-        l(0);
+  function Ee(t) {
+    return new Promise((d, c) => {
+      if (We(t)) {
+        d(0);
         return;
       }
       const g = new Image();
       g.src = t, g.onload = () => {
-        l(g.width);
+        d(g.width);
       }, g.onerror = () => {
-        d(new Error("Failed to load image"));
+        c(new Error("Failed to load image"));
       };
     });
   }
-  M(() => {
-    let t = r, l = s, d = 100;
-    (e.includes("unsplash") ? e.trim() : !E && e.trim() || e.includes("upload-src-editor")) && e !== "upload" && We(e).then((g) => {
-      typeof t == "number" && t < d && g < d ? (U(!0), j({
+  A(() => {
+    let t = r, d = l, c = 100;
+    (e.includes("unsplash") ? e.trim() : !P && e.trim() || e.includes("upload-src-editor")) && e !== "upload" && Ee(e).then((g) => {
+      typeof t == "number" && t < c && g < c ? (j(!0), _({
         width: t,
-        height: l
-      })) : g < d ? (U(!0), j({
+        height: d
+      })) : g < c ? (j(!0), _({
         width: "auto",
         height: "auto"
-      })) : (j({
+      })) : (_({
         width: g,
         height: g
-      }), U(!1)), ie(!0);
+      }), j(!1)), re(!0);
     }).catch((g) => {
-      ie(!0), console.warn("Ошибка при загрузке изображения:", g.message);
+      re(!0), console.warn("Ошибка при загрузке изображения:", g.message);
     });
-  }, [e, E]), M(() => {
-    y.width && y.height && N && u.update(() => {
-      const t = L(o);
-      D(t) && t.setWidthAndHeight(y.width, y.height);
+  }, [e, P]), A(() => {
+    C.width && C.height && M && s.update(() => {
+      const t = v(o);
+      L(t) && t.setWidthAndHeight(C.width, C.height);
     });
-  }, [y.width, y.height, N]);
+  }, [C.width, C.height, M]);
   const Pe = k(
-    (t) => Je(u, o, t),
-    [u, o]
-  ), F = k(
-    (t, l) => {
-      w(!1), u.update(() => {
-        const d = L(o);
-        D(d) && (d.setSrc(t), d.setId(l));
+    (t) => Qe(s, o, t),
+    [s, o]
+  ), H = k(
+    (t, d) => {
+      N(!1), s.update(() => {
+        const c = v(o);
+        L(c) && (c.setSrc(t), c.setId(d));
       });
     },
-    [u, o]
-  ), H = k(
+    [s, o]
+  ), $ = k(
     (t) => {
-      w(!0);
-      const l = Y();
+      N(!0);
+      const d = Z();
       W && W(
         t[0],
-        (d, g) => {
-          F(d, g), _(0);
+        (c, g) => {
+          H(c, g), F(0);
         },
-        (d) => {
-          d && ot({
+        (c) => {
+          c && nt({
             message: T("editor.gallery.errorFile")
-          }), _(0), F(e.startsWith("blob:") ? "upload" : "", "");
+          }), F(0), H(e.startsWith("blob:") ? "upload" : "", "");
         },
-        l,
-        (d) => {
-          _(d);
+        d,
+        (c) => {
+          F(c);
         }
       );
     },
-    [W, Y, T, F, e]
+    [W, Z, T, H, e]
   );
-  return M(() => u.registerCommand(
-    Qe,
-    (t) => !e.startsWith("blob:") && e !== "upload" || t.targetNodeKey !== o ? !1 : (H(t.files), !0),
-    Ue
-  ), [u, H, o, e]), !e || e === "upload" ? /* @__PURE__ */ n(Re, { "data-editor-image-picker-drop-root": !0, w: "100%", children: /* @__PURE__ */ n(
+  return A(() => s.registerCommand(
     Ye,
+    (t) => !e.startsWith("blob:") && e !== "upload" || t.targetNodeKey !== o ? !1 : ($(t.files), !0),
+    je
+  ), [s, $, o, e]), !e || e === "upload" ? /* @__PURE__ */ n(ze, { "data-editor-image-picker-drop-root": !0, w: "100%", children: /* @__PURE__ */ n(
+    Ze,
     {
       inline: !0,
       nodeKey: o,
-      defaultTabValue: f,
+      defaultTabValue: I,
       onWriteTabToNode: Pe,
       uploading: !1,
       onUpload: (t) => {
-        !W || !t.length || H(t);
+        !W || !t.length || $(t);
       },
       popoverProps: {
         opened: !0,
         position: "bottom",
-        zIndex: Ze
+        zIndex: Ke
       },
       onChange: (t) => {
-        u.update(() => {
-          const l = L(o);
-          D(l) && l.setSrc(t);
+        s.update(() => {
+          const d = v(o);
+          L(d) && d.setSrc(t);
         });
       }
     }
-  ) }) : N && !Ae ? /* @__PURE__ */ n(
-    me,
+  ) }) : M && !Oe ? /* @__PURE__ */ n(
+    he,
     {
-      width: y.width,
-      height: y.height,
+      width: C.width,
+      height: C.height,
       isLoading: S,
       isError: !1,
-      isIcon: N,
+      isIcon: M,
       src: e,
-      id: m,
-      editor: u,
+      id: u,
+      editor: s,
       nodeKey: o,
-      fetchDeleteMedia: Z,
+      fetchDeleteMedia: K,
       altText: i,
-      imageRef: x,
+      imageRef: D,
       maxWidth: a,
       showCaption: p,
-      caption: c,
+      caption: m,
       isCollabActive: !1,
-      historyState: re,
-      showNestedEditorTreeView: ae,
+      historyState: ae,
+      showNestedEditorTreeView: se,
       t: T
     }
   ) : /* @__PURE__ */ n(
-    Ke,
+    et,
     {
-      editor: u,
-      isIcon: N,
-      width: ce(r),
-      height: ce(s),
-      initialWidth: y.width || "",
-      initialHeight: y.height || "",
-      onResizeEnd: xe,
-      alignment: C,
-      disable: ve,
+      editor: s,
+      isIcon: M,
+      width: ue(r),
+      height: ue(l),
+      initialWidth: C.width || "",
+      initialHeight: C.height || "",
+      onResizeEnd: Se,
+      alignment: f,
+      disable: Le,
       onRegisterDecoratorEnter: (t) => {
-        P != null && P.current && (P.current.decoratorEnterAction = t);
+        E != null && E.current && (E.current.decoratorEnterAction = t);
       },
-      onActivate: () => u.dispatchCommand(et, "show_menu"),
+      onActivate: () => s.dispatchCommand(tt, "show_menu"),
       children: /* @__PURE__ */ n(
-        me,
+        he,
         {
           width: "inherit",
           height: "inherit",
-          aspectRatio: Ne,
+          aspectRatio: Me,
           isLoading: S,
           isError: !1,
-          isIcon: N,
+          isIcon: M,
           src: e,
-          id: m,
-          editor: u,
+          id: u,
+          editor: s,
           nodeKey: o,
-          fetchDeleteMedia: Z,
+          fetchDeleteMedia: K,
           altText: i,
-          imageRef: x,
+          imageRef: D,
           maxWidth: a,
           showCaption: p,
-          caption: c,
+          caption: m,
           isCollabActive: !1,
-          historyState: re,
-          showNestedEditorTreeView: ae,
+          historyState: ae,
+          showNestedEditorTreeView: se,
           t: T
         }
       )
@@ -750,5 +752,5 @@ function ct({
   );
 }
 export {
-  Pt as default
+  Et as default
 };