@layers-app/editor 2.2.18 → 2.2.20

package/dist/layers.DUmaVqZq.js

@@ -0,0 +1,952 @@
+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
+};