@layers-app/editor 2.2.20 → 2.2.22

package/dist/layers.DUmaVqZq.js

@@ -1,952 +0,0 @@
-import { jsx as n, jsxs as L, Fragment as Z } from "react/jsx-runtime";
-import { useState as v, useCallback as I, useRef as J, useEffect as N, useMemo as me, useContext as ge } from "react";
-import { useTranslation as j } from "react-i18next";
-import { useLexicalComposerContext as $ } from "@lexical/react/LexicalComposerContext";
-import { Menu as E, Flex as G, Popover as S, Stack as xe, Button as W, Box as Ue, LoadingOverlay as Ee } from "@mantine/core";
-import { $getNodeByKey as x, COMMAND_PRIORITY_LOW as Pe, $setSelection as Se } from "lexical";
-import { x as Ae, y as Me, z as ze, B as Re, D as le, F as Y, G as _e, J as We, A as Q, K as Fe, L as je, H as P, P as fe, m as he, Q as we, S as U, N as ke, U as $e, V as He, o as se, W as Be, C as ve, X as Ve, Y as Ge, Z as X, _ as Xe, a0 as Ye, a1 as Ze, a2 as Je, a3 as Qe, a4 as qe, R as Ke, k as de, O as et, j as ce, a5 as ue, n as tt } from "./layers.B1Z3FBSW.js";
-import { AttachmentsGalleryModal as be, showErrorNotification as nt } from "@layers-app/shared";
-import { useLexicalEditable as ot } from "@lexical/react/useLexicalEditable";
-import { useDisclosure as F } from "@mantine/hooks";
-import "@lexical/react/LexicalDecoratorBlockNode";
-import "@lexical/utils";
-import "@lexical/mark";
-import "@lexical/code";
-import "@lexical/selection";
-import "@lexical/react/LexicalBlockWithAlignableContents";
-import "@mantine/notifications";
-function it(e, o) {
-  const t = document.createElement("a");
-  t.href = e, t.download = o, t.rel = "noopener", document.body.appendChild(t), t.click(), t.remove();
-}
-function q(e) {
-  try {
-    const t = new URL(e, window.location.origin).pathname.split("/").pop() || "image";
-    return t.includes(".") ? t : `${t}.png`;
-  } catch {
-    return "image";
-  }
-}
-async function K(e, o) {
-  const t = await fetch(e);
-  if (!t.ok)
-    throw new Error("fetch failed");
-  const i = await t.blob(), r = URL.createObjectURL(i);
-  try {
-    it(r, o);
-  } finally {
-    setTimeout(() => URL.revokeObjectURL(r), 0);
-  }
-}
-function rt({
-  editor: e,
-  nodeKey: o,
-  href: t,
-  onClose: i
-}) {
-  const [r, s] = v(
-    () => Ae(t)
-  ), [l, c] = v(() => Me(t)), [g, f] = v(!1), u = I((p) => {
-    s(p), f(!1);
-  }, []), w = I((p) => {
-    c(p), f(!1);
-  }, []), h = I(() => {
-    const p = ze(l.trim(), r);
-    if (!p || !Re(p, r)) {
-      f(!0);
-      return;
-    }
-    le(e, o, Y(p)), i();
-  }, [e, o, l, r, i]), b = I(() => {
-    le(e, o, ""), i();
-  }, [e, o, i]), m = I(
-    (p) => {
-      p.key === "Enter" ? (p.preventDefault(), h()) : p.key === "Escape" && (p.preventDefault(), i());
-    },
-    [h, i]
-  );
-  return {
-    linkType: r,
-    linkUrl: l,
-    error: g,
-    onLinkTypeChange: u,
-    onUrlInputChange: w,
-    onUrlInputKeyDown: m,
-    onSave: h,
-    onRemove: b
-  };
-}
-function ee({
-  editor: e,
-  nodeKey: o,
-  href: t,
-  onClose: i,
-  mobile: r
-}) {
-  const s = J(null), l = rt({ editor: e, nodeKey: o, href: t, onClose: i });
-  return N(() => {
-    var c;
-    (c = s.current) == null || c.focus({ preventScroll: !0 });
-  }, []), /* @__PURE__ */ n(
-    _e,
-    {
-      inputRef: s,
-      linkUrl: l.linkUrl,
-      linkType: l.linkType,
-      error: l.error,
-      mobile: r,
-      onLinkTypeChange: l.onLinkTypeChange,
-      onUrlInputChange: l.onUrlInputChange,
-      onUrlInputKeyDown: l.onUrlInputKeyDown,
-      onCancel: i,
-      onSave: l.onSave,
-      onRemove: t ? l.onRemove : void 0
-    }
-  );
-}
-function Ie({
-  opened: e,
-  onOpenChange: o,
-  t,
-  onDownload: i,
-  onDelete: r,
-  hasLink: s,
-  onLinkAction: l
-}) {
-  return /* @__PURE__ */ L(
-    E,
-    {
-      opened: e,
-      onChange: o,
-      transitionProps: We,
-      shadow: "md",
-      position: "bottom-start",
-      offset: 4,
-      withinPortal: !0,
-      closeOnItemClick: !0,
-      children: [
-        /* @__PURE__ */ n(E.Target, { children: /* @__PURE__ */ n(
-          Q,
-          {
-            label: t("editor.toolbar.more"),
-            icon: Fe,
-            iconColor: "var(--mantine-color-gray-text)",
-            "aria-label": t("editor.toolbar.more")
-          }
-        ) }),
-        /* @__PURE__ */ L(
-          E.Dropdown,
-          {
-            p: 4,
-            miw: 164,
-            w: "max-content",
-            onMouseDown: (c) => c.preventDefault(),
-            children: [
-              l && /* @__PURE__ */ n(
-                E.Item,
-                {
-                  leftSection: /* @__PURE__ */ n(G, { align: "center", justify: "center", c: "gray.6", children: /* @__PURE__ */ n(je, { name: "link", size: 16 }) }),
-                  onClick: (c) => {
-                    c.stopPropagation(), l();
-                  },
-                  children: t(s ? "editor.link.editLink" : "editor.link.addLink")
-                }
-              ),
-              /* @__PURE__ */ n(
-                E.Item,
-                {
-                  leftSection: /* @__PURE__ */ n(G, { align: "center", justify: "center", c: "gray.6", children: /* @__PURE__ */ n(P, { icon: fe, size: 16 }) }),
-                  onClick: (c) => {
-                    c.stopPropagation(), i();
-                  },
-                  children: t("editor.gallery.download")
-                }
-              ),
-              /* @__PURE__ */ n(
-                E.Item,
-                {
-                  color: "red",
-                  leftSection: /* @__PURE__ */ n(G, { align: "center", justify: "center", c: "red.6", children: /* @__PURE__ */ n(P, { icon: he, size: 16 }) }),
-                  onClick: (c) => {
-                    c.stopPropagation(), r();
-                  },
-                  children: t("editor.contextMenu.delete")
-                }
-              )
-            ]
-          }
-        )
-      ]
-    }
-  );
-}
-const ye = ({
-  t: e,
-  src: o,
-  setShown: t,
-  id: i
-}) => {
-  const [r, { open: s, close: l }] = F(!1), c = me(() => [
-    {
-      id: !i || i === "0" ? "" : i,
-      Url: o ?? "",
-      contentType: "image/*",
-      originalFileName: "",
-      fileSize: 0,
-      storageType: "",
-      storagePath: "",
-      fileName: "",
-      parentType: "",
-      parentId: "",
-      ownerId: "",
-      createdAt: /* @__PURE__ */ new Date(),
-      updatedAt: /* @__PURE__ */ new Date(),
-      version: 0,
-      deleted: !1,
-      deletedAt: /* @__PURE__ */ new Date()
-    }
-  ], [o, i]);
-  return /* @__PURE__ */ L(Z, { children: [
-    /* @__PURE__ */ n(
-      be,
-      {
-        opened: r,
-        onOpenChange: (f) => {
-          f ? s() : l();
-        },
-        attachments: c
-      }
-    ),
-    /* @__PURE__ */ n(
-      Q,
-      {
-        label: e("editor.image.preview"),
-        icon: we,
-        iconColor: "var(--mantine-color-gray-text)",
-        "aria-label": e("editor.image.preview"),
-        onClick: () => {
-          t(!1), s();
-        }
-      }
-    )
-  ] });
-}, at = ({
-  nodeKey: e,
-  src: o,
-  href: t
-}) => {
-  const [i] = $(), r = ot(), [s, l] = v(!1), [c, g] = v(!1), [f, u] = v(!1), { t: w } = j();
-  N(() => {
-    if (!f) return;
-    const m = (p) => {
-      const d = p.target;
-      d != null && d.closest(".floating-link-dropdown") || d != null && d.closest(".floating-link-type-combobox-dropdown") || u(!1);
-    };
-    return document.addEventListener("pointerdown", m, !0), () => document.removeEventListener("pointerdown", m, !0);
-  }, [f]);
-  const h = I(() => {
-    i.update(() => {
-      const m = x(e);
-      U(m) && m.remove();
-    });
-  }, [i, e]), b = I(async () => {
-    if (o)
-      try {
-        await K(o, q(o));
-      } catch {
-      }
-  }, [o]);
-  return /* @__PURE__ */ L(
-    S,
-    {
-      opened: f,
-      onChange: u,
-      position: "bottom-end",
-      offset: 4,
-      shadow: "md",
-      radius: "md",
-      withinPortal: !0,
-      closeOnClickOutside: !1,
-      children: [
-        /* @__PURE__ */ n(S.Target, { children: /* @__PURE__ */ L(
-          "div",
-          {
-            className: `media-actions ${r ? "" : "media-actions--readonly"}`,
-            children: [
-              /* @__PURE__ */ n(ye, { t: w, src: o, setShown: () => {
-              } }),
-              r && /* @__PURE__ */ L(Z, { children: [
-                /* @__PURE__ */ n(
-                  ke,
-                  {
-                    opened: s,
-                    setOpened: l,
-                    t: w,
-                    editor: i,
-                    nodeKey: e,
-                    setShown: () => {
-                    }
-                  }
-                ),
-                /* @__PURE__ */ n(
-                  Ie,
-                  {
-                    opened: c,
-                    onOpenChange: g,
-                    t: w,
-                    onDownload: () => void b(),
-                    onDelete: h,
-                    hasLink: !!t,
-                    onLinkAction: () => u(!0)
-                  }
-                )
-              ] })
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ n(
-          S.Dropdown,
-          {
-            className: `floating-link-dropdown floating-link-dropdown--${t ? "edit" : "create"}-mode`,
-            "data-test-id": "floating-link-dropdown",
-            children: /* @__PURE__ */ n(
-              ee,
-              {
-                editor: i,
-                nodeKey: e,
-                href: t,
-                onClose: () => u(!1)
-              }
-            )
-          }
-        )
-      ]
-    }
-  );
-}, lt = () => {
-};
-function st({ nodeKey: e, src: o, id: t, href: i }) {
-  const { t: r } = j(), [s] = $(), [l, c] = v(!1), [g, f] = v(!1), [u, w] = v(!1);
-  N(() => {
-    if (!u) return;
-    const m = (p) => {
-      const d = p.target;
-      d != null && d.closest(".floating-link-dropdown") || d != null && d.closest(".floating-link-type-combobox-dropdown") || w(!1);
-    };
-    return document.addEventListener("pointerdown", m, !0), () => document.removeEventListener("pointerdown", m, !0);
-  }, [u]);
-  const h = I(() => {
-    f(!1), s.update(() => {
-      const m = x(e);
-      if (!U(m)) return;
-      const p = m.getParent();
-      $e(p) ? p.remove() : m.remove();
-    });
-  }, [s, e]), b = I(async () => {
-    if (o)
-      try {
-        await K(o, q(o));
-      } catch {
-      }
-  }, [o]);
-  return /* @__PURE__ */ L(
-    S,
-    {
-      opened: u,
-      onChange: w,
-      position: "bottom-end",
-      offset: 4,
-      shadow: "md",
-      radius: "md",
-      withinPortal: !0,
-      closeOnClickOutside: !1,
-      children: [
-        /* @__PURE__ */ n(S.Target, { children: /* @__PURE__ */ L(
-          "div",
-          {
-            className: "media-actions visible",
-            style: {
-              position: "absolute",
-              top: 10,
-              right: 10,
-              zIndex: 10,
-              pointerEvents: "auto",
-              display: "flex",
-              gap: 4
-            },
-            onClick: (m) => m.stopPropagation(),
-            children: [
-              /* @__PURE__ */ n(ye, { t: r, src: o, setShown: lt, id: t }),
-              /* @__PURE__ */ n(
-                ke,
-                {
-                  opened: l,
-                  setOpened: c,
-                  t: r,
-                  editor: s,
-                  nodeKey: e
-                }
-              ),
-              /* @__PURE__ */ n(
-                Ie,
-                {
-                  opened: g,
-                  onOpenChange: f,
-                  t: r,
-                  onDownload: () => void b(),
-                  onDelete: h,
-                  hasLink: !!i,
-                  onLinkAction: () => w(!0)
-                }
-              )
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ n(
-          S.Dropdown,
-          {
-            className: `floating-link-dropdown floating-link-dropdown--${i ? "edit" : "create"}-mode`,
-            "data-test-id": "floating-link-dropdown",
-            children: /* @__PURE__ */ n(
-              ee,
-              {
-                editor: s,
-                nodeKey: e,
-                href: i,
-                onClose: () => w(!1)
-              }
-            )
-          }
-        )
-      ]
-    }
-  );
-}
-function dt({ nodeKey: e, src: o, id: t, href: i }) {
-  const { t: r } = j(), [s] = $(), [l, { open: c, close: g }] = F(!1), [f, { open: u, close: w }] = F(!1), [h, { open: b, close: m }] = F(!1), p = () => {
-    g(), b();
-  }, d = me(
-    () => [
-      {
-        id: !t || t === "0" ? "" : t,
-        Url: o ?? "",
-        contentType: "",
-        originalFileName: "",
-        fileSize: 0,
-        storageType: "",
-        storagePath: "",
-        fileName: "",
-        parentType: "",
-        parentId: "",
-        ownerId: "",
-        createdAt: /* @__PURE__ */ new Date(),
-        updatedAt: /* @__PURE__ */ new Date(),
-        version: 0,
-        deleted: !1,
-        deletedAt: /* @__PURE__ */ new Date()
-      }
-    ],
-    [o, t]
-  ), T = () => {
-    g(), u();
-  }, A = I(async () => {
-    if (g(), !!o)
-      try {
-        await K(o, q(o));
-      } catch {
-      }
-  }, [o, g]), D = I(() => {
-    g(), s.update(() => {
-      const O = x(e);
-      U(O) && O.remove();
-    });
-  }, [s, e, g]);
-  return /* @__PURE__ */ L(Z, { children: [
-    /* @__PURE__ */ n(
-      "div",
-      {
-        className: "image-touch-actions",
-        style: {
-          position: "absolute",
-          top: 8,
-          right: 8,
-          zIndex: 10,
-          pointerEvents: "auto"
-        },
-        onClick: (O) => O.stopPropagation(),
-        children: /* @__PURE__ */ n(
-          Q,
-          {
-            label: r("editor.toolbar.more"),
-            icon: He,
-            iconColor: "var(--mantine-color-gray-text)",
-            "aria-label": r("editor.toolbar.more"),
-            onClick: c
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ n(
-      be,
-      {
-        opened: f,
-        onOpenChange: (O) => O ? u() : w(),
-        attachments: d
-      }
-    ),
-    /* @__PURE__ */ n(
-      se,
-      {
-        opened: l,
-        onClose: g,
-        title: r("editor.image.mobileActions"),
-        children: /* @__PURE__ */ L(xe, { gap: 4, p: 0, children: [
-          /* @__PURE__ */ n(
-            W,
-            {
-              type: "button",
-              variant: "subtle",
-              color: "gray",
-              fullWidth: !0,
-              justify: "flex-start",
-              bg: "var(--editor-action-bg)",
-              onClick: T,
-              leftSection: /* @__PURE__ */ n(
-                P,
-                {
-                  icon: we,
-                  size: 16,
-                  color: "var(--mantine-color-dimmed)"
-                }
-              ),
-              children: r("editor.image.previewFullScreen")
-            }
-          ),
-          /* @__PURE__ */ n(
-            W,
-            {
-              type: "button",
-              variant: "subtle",
-              color: "gray",
-              fullWidth: !0,
-              justify: "flex-start",
-              bg: "var(--editor-action-bg)",
-              onClick: p,
-              leftSection: /* @__PURE__ */ n(
-                P,
-                {
-                  icon: Be,
-                  size: 16,
-                  color: "var(--mantine-color-dimmed)"
-                }
-              ),
-              children: r(i ? "editor.link.editLink" : "editor.link.addLink")
-            }
-          ),
-          /* @__PURE__ */ n(
-            W,
-            {
-              type: "button",
-              variant: "subtle",
-              color: "gray",
-              fullWidth: !0,
-              justify: "flex-start",
-              bg: "var(--editor-action-bg)",
-              onClick: () => void A(),
-              leftSection: /* @__PURE__ */ n(
-                P,
-                {
-                  icon: fe,
-                  size: 16,
-                  color: "var(--mantine-color-dimmed)"
-                }
-              ),
-              children: r("editor.gallery.download")
-            }
-          ),
-          /* @__PURE__ */ n(
-            W,
-            {
-              type: "button",
-              variant: "subtle",
-              color: "red",
-              fullWidth: !0,
-              justify: "flex-start",
-              bg: "var(--editor-action-bg)",
-              onClick: D,
-              leftSection: /* @__PURE__ */ n(
-                P,
-                {
-                  icon: he,
-                  size: 16,
-                  color: "var(--mantine-color-red-6)"
-                }
-              ),
-              children: r("editor.actions.delete")
-            }
-          )
-        ] })
-      }
-    ),
-    /* @__PURE__ */ n(
-      se,
-      {
-        opened: h,
-        onClose: m,
-        title: r(i ? "editor.link.editLink" : "editor.link.addLink"),
-        children: /* @__PURE__ */ n(
-          ee,
-          {
-            editor: s,
-            nodeKey: e,
-            href: i,
-            onClose: m,
-            mobile: !0
-          }
-        )
-      }
-    )
-  ] });
-}
-const pe = (e) => {
-  const {
-    width: o,
-    height: t,
-    isLoading: i,
-    isError: r,
-    src: s,
-    id: l,
-    altText: c,
-    imageRef: g,
-    maxWidth: f,
-    href: u
-  } = e, w = J(null);
-  return /* @__PURE__ */ L(
-    "div",
-    {
-      className: "media-wrapper",
-      style: {
-        width: o,
-        height: t,
-        display: "inline-flex",
-        position: "relative"
-      },
-      children: [
-        /* @__PURE__ */ n(
-          Ee,
-          {
-            visible: i,
-            zIndex: 1e3,
-            overlayProps: { backgroundOpacity: 0.5 },
-            loaderProps: { size: 24, color: "black" }
-          }
-        ),
-        /* @__PURE__ */ n(
-          "a",
-          {
-            className: "editor-image-link",
-            "data-link": u ? "true" : void 0,
-            "data-href": u ? Y(u) : void 0,
-            role: u ? "link" : void 0,
-            rel: u ? "noopener noreferrer" : void 0,
-            draggable: !1,
-            onMouseDown: u ? (h) => {
-              w.current = { x: h.clientX, y: h.clientY };
-            } : void 0,
-            onClick: u ? (h) => {
-              h.preventDefault();
-              const b = w.current;
-              w.current = null, !(b && Math.hypot(h.clientX - b.x, h.clientY - b.y) > 5) && window.open(Y(u), "_blank", "noopener,noreferrer");
-            } : void 0,
-            children: /* @__PURE__ */ n(
-              ct,
-              {
-                className: null,
-                src: s,
-                altText: c,
-                imageRef: g,
-                width: "inherit",
-                height: "inherit",
-                maxWidth: f || "auto",
-                id: l
-              }
-            )
-          }
-        ),
-        ce && /* @__PURE__ */ n(
-          dt,
-          {
-            nodeKey: e.nodeKey,
-            src: s,
-            id: l,
-            href: u
-          }
-        ),
-        ue && /* @__PURE__ */ n(
-          st,
-          {
-            nodeKey: e.nodeKey,
-            src: s,
-            id: l,
-            href: u
-          }
-        ),
-        tt && !ce && !ue && /* @__PURE__ */ n(at, { nodeKey: e.nodeKey, src: s, href: u })
-      ]
-    }
-  );
-};
-function ct({
-  altText: e,
-  className: o,
-  imageRef: t,
-  src: i,
-  width: r,
-  height: s,
-  maxWidth: l,
-  id: c
-}) {
-  const [g, f] = v(!1);
-  return /* @__PURE__ */ n(
-    "img",
-    {
-      className: `${o || void 0} ${g ? "" : "loading"}`,
-      src: i,
-      alt: e,
-      ref: t,
-      style: {
-        height: s,
-        maxWidth: l,
-        width: r
-      },
-      onLoad: () => {
-        i.includes("splash") ? setTimeout(() => {
-          f(!0);
-        }, 100) : f(!0);
-      },
-      draggable: "false",
-      "data-id": c
-    }
-  );
-}
-function Pt(e) {
-  const { disable: o } = ge(ve);
-  return o && Ve.isPlaceholderSrc(e.src) ? null : /* @__PURE__ */ n(ut, { ...e });
-}
-function ut({
-  src: e,
-  altText: o,
-  nodeKey: t,
-  width: i,
-  height: r,
-  maxWidth: s,
-  showCaption: l,
-  caption: c,
-  id: g,
-  create: f,
-  alignment: u,
-  imagePickerTab: w,
-  href: h
-}) {
-  var re, ae;
-  const b = J(null), [m, p] = v(!0), [d] = $(), [T, A] = v(!0), [D, O] = v({
-    width: 0,
-    height: 0
-  }), { start: te } = Ge(), [pt, H] = v(0), {
-    fetchUploadMedia: M,
-    fetchDeleteMedia: ne,
-    maxFileSize: mt,
-    imperativeHandleRef: z,
-    disable: Ce
-  } = ge(ve), R = X.has(e) && (((re = X.get(e)) == null ? void 0 : re.mediaNodeKeys.length) === 0 || ((ae = X.get(e)) == null ? void 0 : ae.mediaNodeKeys.length) === void 0 || e.trim() === ""), { t: _ } = j(), [gt, De] = v(0);
-  N(() => d.registerDecoratorListener(() => {
-    De((a) => a + 1);
-  }), [R]), N(() => {
-    if (!e || e.startsWith("data:image/") || !e.trim()) {
-      p(!1);
-      return;
-    }
-    const a = new Image();
-    a.src = e, a.onload = () => p(!1), a.onerror = () => {
-      p(!1);
-    };
-  }, [e, R]);
-  const Le = (a, y) => {
-    d.update(() => {
-      Se(null);
-      const k = x(t);
-      U(k) && k.setWidthAndHeight(a, y);
-    });
-  }, { historyState: oe } = Xe(), {
-    settings: { showNestedEditorTreeView: ie }
-  } = Ye();
-  function Oe(a) {
-    return a.endsWith(".svg") || a.includes("image/svg+xml");
-  }
-  function Te(a) {
-    return new Promise((y, k) => {
-      if (Oe(a)) {
-        y(0);
-        return;
-      }
-      const C = new Image();
-      C.src = a, C.onload = () => {
-        y(C.width);
-      }, C.onerror = () => {
-        k(new Error("Failed to load image"));
-      };
-    });
-  }
-  N(() => {
-    let a = i, y = r, k = 100;
-    (e.includes("unsplash") ? e.trim() : !R && e.trim() || e.includes("upload-src-editor")) && e !== "upload" && Te(e).then((C) => {
-      typeof a == "number" && a < k && C < k ? (A(!0), O({
-        width: a,
-        height: y
-      })) : C < k ? (A(!0), O({
-        width: "auto",
-        height: "auto"
-      })) : (O({
-        width: C,
-        height: C
-      }), A(!1));
-    }).catch((C) => {
-      console.warn("Ошибка при загрузке изображения:", C.message);
-    });
-  }, [e, R]), N(() => {
-    D.width && D.height && T && d.update(() => {
-      const a = x(t);
-      U(a) && a.setWidthAndHeight(D.width, D.height);
-    });
-  }, [D.width, D.height, T]);
-  const Ne = I(
-    (a) => Ze(d, t, a),
-    [d, t]
-  ), B = I(
-    (a, y) => {
-      p(!1), d.update(() => {
-        const k = x(t);
-        U(k) && (k.setSrc(a), k.setId(y));
-      });
-    },
-    [d, t]
-  ), V = I(
-    (a) => {
-      p(!0);
-      const y = te();
-      M && M(
-        a[0],
-        (k, C) => {
-          B(k, C), H(0);
-        },
-        (k) => {
-          k && nt({
-            message: _("editor.gallery.errorFile")
-          }), H(0), B("", "");
-        },
-        y,
-        (k) => {
-          H(k);
-        }
-      );
-    },
-    [M, te, _, B]
-  );
-  return N(() => d.registerCommand(
-    Je,
-    (a) => e !== "upload" || a.targetNodeKey !== t ? !1 : (V(a.files), !0),
-    Pe
-  ), [d, V, t, e]), !e || e === "upload" ? /* @__PURE__ */ n(Ue, { "data-editor-image-picker-drop-root": !0, w: "100%", children: /* @__PURE__ */ n(
-    Qe,
-    {
-      inline: !0,
-      nodeKey: t,
-      defaultTabValue: w,
-      onWriteTabToNode: Ne,
-      uploading: !1,
-      onUpload: (a) => {
-        !M || !a.length || V(a);
-      },
-      popoverProps: {
-        opened: !0,
-        position: "bottom",
-        zIndex: qe
-      },
-      onChange: (a) => {
-        d.update(() => {
-          const y = x(t);
-          U(y) && y.setSrc(a);
-        });
-      }
-    }
-  ) }) : T ? /* @__PURE__ */ n(
-    pe,
-    {
-      width: D.width,
-      height: D.height,
-      isLoading: m,
-      isError: !1,
-      isIcon: T,
-      src: e,
-      id: g,
-      editor: d,
-      nodeKey: t,
-      fetchDeleteMedia: ne,
-      altText: o,
-      imageRef: b,
-      maxWidth: s,
-      showCaption: l,
-      caption: c,
-      isCollabActive: !1,
-      historyState: oe,
-      showNestedEditorTreeView: ie,
-      t: _,
-      href: h
-    }
-  ) : /* @__PURE__ */ n(
-    Ke,
-    {
-      editor: d,
-      isIcon: T,
-      width: de(i),
-      height: de(r),
-      initialWidth: D.width || "",
-      initialHeight: D.height || "",
-      onResizeEnd: Le,
-      alignment: u,
-      disable: Ce,
-      onRegisterDecoratorEnter: (a) => {
-        z != null && z.current && (z.current.decoratorEnterAction = a);
-      },
-      onActivate: () => d.dispatchCommand(et, "show_menu"),
-      children: /* @__PURE__ */ n(
-        pe,
-        {
-          width: "inherit",
-          height: "inherit",
-          isLoading: m,
-          isError: !1,
-          isIcon: T,
-          src: e,
-          id: g,
-          editor: d,
-          nodeKey: t,
-          fetchDeleteMedia: ne,
-          altText: o,
-          imageRef: b,
-          maxWidth: s,
-          showCaption: l,
-          caption: c,
-          isCollabActive: !1,
-          historyState: oe,
-          showNestedEditorTreeView: ie,
-          t: _,
-          href: h
-        }
-      )
-    }
-  );
-}
-export {
-  Pt as default
-};