@layers-app/editor 0.7.91 → 0.7.93

package/dist/layers.DlSzD9N_.js

@@ -1,271 +0,0 @@
-import { jsx as e, jsxs as p, Fragment as k } from "react/jsx-runtime";
-import { useRef as b, useState as S, useCallback as M, useEffect as F, Suspense as $ } from "react";
-import { useLexicalComposerContext as Y } from "@lexical/react/LexicalComposerContext";
-import { LexicalErrorBoundary as K } from "@lexical/react/LexicalErrorBoundary";
-import { LexicalNestedComposer as U } from "@lexical/react/LexicalNestedComposer";
-import { RichTextPlugin as j } from "@lexical/react/LexicalRichTextPlugin";
-import { useLexicalNodeSelection as G } from "@lexical/react/useLexicalNodeSelection";
-import { mergeRegister as z } from "@lexical/utils";
-import { $isNodeSelection as v, $getSelection as A, $getNodeByKey as w, $setSelection as O, SELECTION_CHANGE_COMMAND as H, COMMAND_PRIORITY_LOW as g, CLICK_COMMAND as W, DRAGSTART_COMMAND as q, KEY_DELETE_COMMAND as J, KEY_BACKSPACE_COMMAND as Q, KEY_ENTER_COMMAND as V, KEY_ESCAPE_COMMAND as X } from "lexical";
-import { s as Z, t as ee, L as te, F as ne, v as oe, B as re } from "./layers.BdLFy1LQ.js";
-import { TextInput as ae } from "@mantine/core";
-function le({
-  children: t,
-  className: a
-}) {
-  return /* @__PURE__ */ e("div", { className: a || "Placeholder__root", children: t });
-}
-function ie({
-  label: t,
-  value: a,
-  onChange: n,
-  placeholder: f = "",
-  "data-test-id": l,
-  type: c = "text"
-}) {
-  return /* @__PURE__ */ e(
-    ae,
-    {
-      type: c,
-      placeholder: f,
-      value: a,
-      onChange: (i) => {
-        n(i.target.value);
-      },
-      label: t,
-      "data-test-id": l,
-      mb: 10
-    }
-  );
-}
-const P = /* @__PURE__ */ new Set();
-function se(t) {
-  if (!P.has(t))
-    throw new Promise((a) => {
-      const n = new Image();
-      n.src = t, n.onload = () => {
-        P.add(t), a(null);
-      };
-    });
-}
-function ce({
-  altText: t,
-  className: a,
-  imageRef: n,
-  src: f,
-  width: l,
-  height: c,
-  position: i
-}) {
-  return se(f), /* @__PURE__ */ e(
-    "img",
-    {
-      className: a || void 0,
-      src: f,
-      alt: t,
-      ref: n,
-      "data-position": i,
-      style: {
-        display: "block",
-        height: c,
-        width: l
-      },
-      draggable: "false"
-    }
-  );
-}
-function ue({
-  activeEditor: t,
-  nodeKey: a,
-  onClose: n
-}) {
-  const l = t.getEditorState().read(
-    () => w(a)
-  ), [c, i] = S(l.getAltText()), [h, I] = S(l.getShowCaption()), [_, E] = S(l.getPosition()), C = (d) => {
-    I(d.target.checked);
-  }, u = () => {
-    const d = { altText: c, position: _, showCaption: h };
-    l && t.update(() => {
-      l.update(d);
-    }), n();
-  };
-  return /* @__PURE__ */ p(k, { children: [
-    /* @__PURE__ */ e("div", { style: { marginBottom: "1em" }, children: /* @__PURE__ */ e(
-      ie,
-      {
-        label: "Alt-текст",
-        placeholder: "Альтернативный текст",
-        onChange: i,
-        value: c,
-        "data-test-id": "image-modal-alt-text-input"
-      }
-    ) }),
-    /* @__PURE__ */ p("div", { className: "Input__wrapper", children: [
-      /* @__PURE__ */ e(
-        "input",
-        {
-          id: "caption",
-          type: "checkbox",
-          checked: h,
-          onChange: C
-        }
-      ),
-      /* @__PURE__ */ e("label", { htmlFor: "caption", children: "Show Caption" })
-    ] }),
-    /* @__PURE__ */ e(
-      re,
-      {
-        "data-test-id": "image-modal-file-upload-btn",
-        onClick: () => u(),
-        children: "Применить"
-      }
-    )
-  ] });
-}
-function xe({
-  src: t,
-  altText: a,
-  nodeKey: n,
-  width: f,
-  height: l,
-  showCaption: c,
-  caption: i,
-  position: h
-}) {
-  const [I, _] = Z(), E = b(null), C = b(null), [u, d, D] = G(n), [r] = Y(), [y, B] = S(null), T = b(null), x = M(
-    (s) => {
-      if (u && v(A())) {
-        s.preventDefault();
-        const o = w(n);
-        ee(o) && o.remove();
-      }
-      return !1;
-    },
-    [u, n]
-  ), L = M(
-    (s) => {
-      const m = A(), o = C.current;
-      if (u && v(m) && m.getNodes().length === 1) {
-        if (c)
-          return O(null), s.preventDefault(), i.focus(), !0;
-        if (o !== null && o !== document.activeElement)
-          return s.preventDefault(), o.focus(), !0;
-      }
-      return !1;
-    },
-    [i, u, c]
-  ), R = M(
-    (s) => T.current === i || C.current === s.target ? (O(null), r.update(() => {
-      d(!0);
-      const m = r.getRootElement();
-      m !== null && m.focus();
-    }), !0) : !1,
-    [i, r, d]
-  );
-  return F(() => {
-    let s = !0;
-    const m = z(
-      r.registerUpdateListener(({ editorState: o }) => {
-        s && B(o.read(() => A()));
-      }),
-      r.registerCommand(
-        H,
-        (o, N) => (T.current = N, !1),
-        g
-      ),
-      r.registerCommand(
-        W,
-        (o) => {
-          const N = o;
-          return N.target === E.current ? (N.shiftKey ? d(!u) : (D(), d(!0)), !0) : !1;
-        },
-        g
-      ),
-      r.registerCommand(
-        q,
-        (o) => o.target === E.current ? (o.preventDefault(), !0) : !1,
-        g
-      ),
-      r.registerCommand(
-        J,
-        x,
-        g
-      ),
-      r.registerCommand(
-        Q,
-        x,
-        g
-      ),
-      r.registerCommand(V, L, g),
-      r.registerCommand(
-        X,
-        R,
-        g
-      )
-    );
-    return () => {
-      s = !1, m();
-    };
-  }, [
-    D,
-    r,
-    u,
-    n,
-    x,
-    L,
-    R,
-    d
-  ]), /* @__PURE__ */ p($, { fallback: null, children: [
-    /* @__PURE__ */ p(k, { children: [
-      /* @__PURE__ */ p("div", { draggable: !1, children: [
-        /* @__PURE__ */ e(
-          "button",
-          {
-            className: "image-edit-button",
-            ref: C,
-            onClick: () => {
-              _("Update Inline Image", (s) => /* @__PURE__ */ e(
-                ue,
-                {
-                  activeEditor: r,
-                  nodeKey: n,
-                  onClose: s
-                }
-              ));
-            },
-            children: "Edit"
-          }
-        ),
-        /* @__PURE__ */ e(
-          ce,
-          {
-            className: u ? `focused ${v(y) ? "draggable" : ""}` : null,
-            src: t,
-            altText: a,
-            imageRef: E,
-            width: f,
-            height: l,
-            position: h
-          }
-        )
-      ] }),
-      c && /* @__PURE__ */ e("div", { className: "image-caption-container", children: /* @__PURE__ */ p(U, { initialEditor: i, children: [
-        /* @__PURE__ */ e(te, {}),
-        /* @__PURE__ */ e(ne, {}),
-        /* @__PURE__ */ e(
-          j,
-          {
-            contentEditable: /* @__PURE__ */ e(oe, { className: "InlineImageNode__contentEditable" }),
-            placeholder: /* @__PURE__ */ e(le, { className: "InlineImageNode__placeholder", children: "Enter a caption..." }),
-            ErrorBoundary: K
-          }
-        )
-      ] }) })
-    ] }),
-    I
-  ] });
-}
-export {
-  ue as UpdateInlineImageDialog,
-  xe as default
-};

package/dist/layers.EQZJkcCG.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),P=require("@lexical/react/LexicalComposerContext"),v=require("@lexical/react/LexicalErrorBoundary"),y=require("@lexical/react/LexicalNestedComposer"),$=require("@lexical/react/LexicalRichTextPlugin"),k=require("@lexical/react/useLexicalNodeSelection"),q=require("@lexical/utils"),t=require("lexical"),x=require("./layers.BOHsW04t.js"),Y=require("@mantine/core");function w({children:n,className:l}){return e.jsx("div",{className:l||"Placeholder__root",children:n})}function B({label:n,value:l,onChange:o,placeholder:C="","data-test-id":i,type:d="text"}){return e.jsx(Y.TextInput,{type:d,placeholder:C,value:l,onChange:c=>{o(c.target.value)},label:n,"data-test-id":i,mb:10})}const b=new Set;function W(n){if(!b.has(n))throw new Promise(l=>{const o=new Image;o.src=n,o.onload=()=>{b.add(n),l(null)}})}function F({altText:n,className:l,imageRef:o,src:C,width:i,height:d,position:c}){return W(C),e.jsx("img",{className:l||void 0,src:C,alt:n,ref:o,"data-position":c,style:{display:"block",height:d,width:i},draggable:"false"})}function A({activeEditor:n,nodeKey:l,onClose:o}){const i=n.getEditorState().read(()=>t.$getNodeByKey(l)),[d,c]=s.useState(i.getAltText()),[h,S]=s.useState(i.getShowCaption()),[_,N]=s.useState(i.getPosition()),p=m=>{S(m.target.checked)},g=()=>{const m={altText:d,position:_,showCaption:h};i&&n.update(()=>{i.update(m)}),o()};return e.jsxs(e.Fragment,{children:[e.jsx("div",{style:{marginBottom:"1em"},children:e.jsx(B,{label:"Alt-текст",placeholder:"Альтернативный текст",onChange:c,value:d,"data-test-id":"image-modal-alt-text-input"})}),e.jsxs("div",{className:"Input__wrapper",children:[e.jsx("input",{id:"caption",type:"checkbox",checked:h,onChange:p}),e.jsx("label",{htmlFor:"caption",children:"Show Caption"})]}),e.jsx(x.Button,{"data-test-id":"image-modal-file-upload-btn",onClick:()=>g(),children:"Применить"})]})}function K({src:n,altText:l,nodeKey:o,width:C,height:i,showCaption:d,caption:c,position:h}){const[S,_]=x.useModal(),N=s.useRef(null),p=s.useRef(null),[g,m,M]=k.useLexicalNodeSelection(o),[a]=P.useLexicalComposerContext(),[D,L]=s.useState(null),O=s.useRef(null),E=s.useCallback(u=>{if(g&&t.$isNodeSelection(t.$getSelection())){u.preventDefault();const r=t.$getNodeByKey(o);x.$isInlineImageNode(r)&&r.remove()}return!1},[g,o]),R=s.useCallback(u=>{const f=t.$getSelection(),r=p.current;if(g&&t.$isNodeSelection(f)&&f.getNodes().length===1){if(d)return t.$setSelection(null),u.preventDefault(),c.focus(),!0;if(r!==null&&r!==document.activeElement)return u.preventDefault(),r.focus(),!0}return!1},[c,g,d]),j=s.useCallback(u=>O.current===c||p.current===u.target?(t.$setSelection(null),a.update(()=>{m(!0);const f=a.getRootElement();f!==null&&f.focus()}),!0):!1,[c,a,m]);s.useEffect(()=>{let u=!0;const f=q.mergeRegister(a.registerUpdateListener(({editorState:r})=>{u&&L(r.read(()=>t.$getSelection()))}),a.registerCommand(t.SELECTION_CHANGE_COMMAND,(r,I)=>(O.current=I,!1),t.COMMAND_PRIORITY_LOW),a.registerCommand(t.CLICK_COMMAND,r=>{const I=r;return I.target===N.current?(I.shiftKey?m(!g):(M(),m(!0)),!0):!1},t.COMMAND_PRIORITY_LOW),a.registerCommand(t.DRAGSTART_COMMAND,r=>r.target===N.current?(r.preventDefault(),!0):!1,t.COMMAND_PRIORITY_LOW),a.registerCommand(t.KEY_DELETE_COMMAND,E,t.COMMAND_PRIORITY_LOW),a.registerCommand(t.KEY_BACKSPACE_COMMAND,E,t.COMMAND_PRIORITY_LOW),a.registerCommand(t.KEY_ENTER_COMMAND,R,t.COMMAND_PRIORITY_LOW),a.registerCommand(t.KEY_ESCAPE_COMMAND,j,t.COMMAND_PRIORITY_LOW));return()=>{u=!1,f()}},[M,a,g,o,E,R,j,m]);const T=g;return e.jsxs(s.Suspense,{fallback:null,children:[e.jsxs(e.Fragment,{children:[e.jsxs("div",{draggable:!1,children:[e.jsx("button",{className:"image-edit-button",ref:p,onClick:()=>{_("Update Inline Image",u=>e.jsx(A,{activeEditor:a,nodeKey:o,onClose:u}))},children:"Edit"}),e.jsx(F,{className:T?`focused ${t.$isNodeSelection(D)?"draggable":""}`:null,src:n,altText:l,imageRef:N,width:C,height:i,position:h})]}),d&&e.jsx("div",{className:"image-caption-container",children:e.jsxs(y.LexicalNestedComposer,{initialEditor:c,children:[e.jsx(x.LinkPlugin,{}),e.jsx(x.FloatingTextFormatToolbarPlugin,{}),e.jsx($.RichTextPlugin,{contentEditable:e.jsx(x.LexicalContentEditable,{className:"InlineImageNode__contentEditable"}),placeholder:e.jsx(w,{className:"InlineImageNode__placeholder",children:"Enter a caption..."}),ErrorBoundary:v.LexicalErrorBoundary})]})})]}),S]})}exports.UpdateInlineImageDialog=A;exports.default=K;

package/dist/layers.gHJCNsHM.js

@@ -1,300 +0,0 @@
-import { jsx as l, jsxs as J } from "react/jsx-runtime";
-import { useRef as Q, useState as u, useContext as K, useEffect as g } from "react";
-import { useTranslation as ee } from "react-i18next";
-import { useLexicalComposerContext as te } from "@lexical/react/LexicalComposerContext";
-import { LoadingOverlay as ie } from "@mantine/core";
-import { $getNodeByKey as y, COMMAND_PRIORITY_LOW as oe, $setSelection as ae } from "lexical";
-import { showErrorNotification as ne } from "@layers-app/shared";
-import { u as se, C as re, m as _, a as le, b as de, $ as L, c as he, d as ge, U as ue, I as fe, E as me, e as ce, R as pe, p as T } from "./layers.BdLFy1LQ.js";
-const F = (t) => {
-  const {
-    width: f,
-    height: n,
-    isLoading: d,
-    isError: x,
-    src: m,
-    id: c,
-    altText: p,
-    imageRef: I,
-    maxWidth: h
-  } = t;
-  return /* @__PURE__ */ J(
-    "div",
-    {
-      className: "media-wrapper",
-      style: {
-        width: f,
-        height: n,
-        display: "inline-flex",
-        position: "relative"
-      },
-      children: [
-        /* @__PURE__ */ l(
-          ie,
-          {
-            visible: d,
-            zIndex: 1e3,
-            overlayProps: { backgroundOpacity: 0.5 },
-            loaderProps: { size: 24, color: "black" }
-          }
-        ),
-        /* @__PURE__ */ l(
-          Ie,
-          {
-            className: null,
-            src: m,
-            altText: p,
-            imageRef: I,
-            width: "inherit",
-            height: "inherit",
-            maxWidth: h || "auto",
-            id: c
-          }
-        )
-      ]
-    }
-  );
-};
-function Ie({
-  altText: t,
-  className: f,
-  imageRef: n,
-  src: d,
-  width: x,
-  height: m,
-  maxWidth: c,
-  id: p
-}) {
-  const [I, h] = u(!1);
-  return /* @__PURE__ */ l(
-    "img",
-    {
-      className: `${f || void 0} ${I ? "" : "loading"}`,
-      src: d,
-      alt: t,
-      ref: n,
-      style: {
-        height: m,
-        maxWidth: c,
-        width: x
-      },
-      onLoad: () => {
-        d.includes("splash") ? setTimeout(() => {
-          h(!0);
-        }, 100) : h(!0);
-      },
-      draggable: "false",
-      "data-id": p
-    }
-  );
-}
-function We({
-  src: t,
-  altText: f,
-  nodeKey: n,
-  width: d,
-  height: x,
-  maxWidth: m,
-  showCaption: c,
-  caption: p,
-  id: I,
-  create: h,
-  alignment: j
-}) {
-  var $, H;
-  const z = Q(null), [b, w] = u(!0), [r] = te(), [C, W] = u(!0), [s, M] = u({
-    width: 0,
-    height: 0
-  }), { start: B, cancel: G } = se(), [V, O] = u(0), { fetchUploadMedia: R, fetchDeleteMedia: A, maxFileSize: we } = K(re), v = _.has(t) && ((($ = _.get(t)) == null ? void 0 : $.mediaNodeKeys.length) === 0 || ((H = _.get(t)) == null ? void 0 : H.mediaNodeKeys.length) === void 0 || t.trim() === ""), { t: E } = ee(), [Ce, X] = u(0);
-  g(() => r.registerDecoratorListener(() => {
-    X((e) => e + 1);
-  }), [v]), g(() => {
-    if (!t || t.startsWith("data:image/") || !t.trim()) {
-      w(!1);
-      return;
-    }
-    const e = new Image();
-    e.src = t, e.onload = () => w(!1), e.onerror = () => {
-      w(!1);
-    };
-  }, [t, v]);
-  const Y = (e, o) => {
-    r.update(() => {
-      ae(null);
-      const i = y(n);
-      L(i) && i.setWidthAndHeight(e, o);
-    });
-  }, { historyState: P } = le(), {
-    settings: { showNestedEditorTreeView: U }
-  } = de(), [S, N] = u(!1);
-  function Z(e) {
-    return e.endsWith(".svg") || e.includes("image/svg+xml");
-  }
-  function q(e) {
-    return new Promise((o, i) => {
-      if (Z(e)) {
-        o(0);
-        return;
-      }
-      const a = new Image();
-      a.src = e, a.onload = () => {
-        o(a.width);
-      }, a.onerror = () => {
-        i(new Error("Failed to load image"));
-      };
-    });
-  }
-  g(() => {
-    h && N(!0);
-  }, [h]), g(() => {
-    let e = d, o = x, i = 100;
-    (t.includes("unsplash") ? t.trim() : !v && t.trim() || t.includes("upload-src-editor")) && t !== "upload" && q(t).then((a) => {
-      typeof e == "number" && e < i && a < i ? (W(!0), M({
-        width: e,
-        height: o
-      })) : a < i ? (W(!0), M({
-        width: "auto",
-        height: "auto"
-      })) : (M({
-        width: a,
-        height: a
-      }), W(!1));
-    }).catch((a) => {
-      console.warn("Ошибка при загрузке изображения:", a.message);
-    });
-  }, [t, v]), g(() => {
-    s.width && s.height && C && r.update(() => {
-      const e = y(n);
-      L(e) && e.setWidthAndHeight(s.width, s.height);
-    });
-  }, [s.width, s.height, C]), g(() => {
-    if (S)
-      return he(), () => {
-        ge();
-      };
-  }, [S]), g(() => r.registerCommand(
-    ue,
-    (e) => (t === "upload" && k(e), !1),
-    oe
-  ), [t, b]);
-  const D = (e, o) => {
-    w(!1), r.update(() => {
-      const i = y(n);
-      L(i) && (i.setSrc(e), i.setId(o));
-    });
-  }, k = (e) => {
-    w(!0);
-    const o = B();
-    R && R(
-      e[0],
-      (i, a) => {
-        D(i, a), O(0);
-      },
-      (i) => {
-        i && ne({
-          message: E("editor.gallery.errorFile")
-        }), O(0), D("", "");
-      },
-      o,
-      (i) => {
-        O(i);
-      }
-    );
-  };
-  return !t || t === "upload" ? /* @__PURE__ */ l(
-    fe,
-    {
-      uploading: !1,
-      onUpload: (e) => {
-        !R || !e.length || (k(e), N(!1));
-      },
-      popoverProps: {
-        opened: S,
-        position: "bottom",
-        onChange: N,
-        zIndex: me
-      },
-      onChange: (e) => {
-        N(!1), r.update(() => {
-          const o = y(n);
-          L(o) && o.setSrc(e);
-        });
-      },
-      children: /* @__PURE__ */ l(
-        ce,
-        {
-          title: E("editor.image.add_photo"),
-          icon: "photo",
-          onClick: () => N(!S),
-          isLoading: b,
-          progress: V,
-          onAfterCancel: () => {
-            G(), w(!1);
-          }
-        }
-      )
-    }
-  ) : C ? /* @__PURE__ */ l(
-    F,
-    {
-      width: s.width,
-      height: s.height,
-      isLoading: b,
-      isError: !1,
-      isIcon: C,
-      src: t,
-      id: I,
-      editor: r,
-      nodeKey: n,
-      fetchDeleteMedia: A,
-      altText: f,
-      imageRef: z,
-      maxWidth: m,
-      showCaption: c,
-      caption: p,
-      isCollabActive: !1,
-      historyState: P,
-      showNestedEditorTreeView: U,
-      t: E
-    }
-  ) : /* @__PURE__ */ l(
-    pe,
-    {
-      editor: r,
-      isIcon: C,
-      width: T(d),
-      height: T(x),
-      initialWidth: s.width || "",
-      initialHeight: s.height || "",
-      onResizeEnd: Y,
-      alignment: j,
-      children: /* @__PURE__ */ l(
-        F,
-        {
-          width: "inherit",
-          height: "inherit",
-          isLoading: b,
-          isError: !1,
-          isIcon: C,
-          src: t,
-          id: I,
-          editor: r,
-          nodeKey: n,
-          fetchDeleteMedia: A,
-          altText: f,
-          imageRef: z,
-          maxWidth: m,
-          showCaption: c,
-          caption: p,
-          isCollabActive: !1,
-          historyState: P,
-          showNestedEditorTreeView: U,
-          t: E
-        }
-      )
-    }
-  );
-}
-export {
-  We as default
-};

package/dist/layers.jrsVz6PC.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),n=require("react"),V=require("react-i18next"),X=require("@lexical/react/LexicalComposerContext"),Y=require("@mantine/core"),C=require("lexical"),Z=require("@layers-app/shared"),i=require("./layers.BOHsW04t.js"),D=t=>{const{width:c,height:r,isLoading:g,isError:N,src:f,id:m,altText:p,imageRef:I,maxWidth:h}=t;return u.jsxs("div",{className:"media-wrapper",style:{width:c,height:r,display:"inline-flex",position:"relative"},children:[u.jsx(Y.LoadingOverlay,{visible:g,zIndex:1e3,overlayProps:{backgroundOpacity:.5},loaderProps:{size:24,color:"black"}}),u.jsx(J,{className:null,src:f,altText:p,imageRef:I,width:"inherit",height:"inherit",maxWidth:h||"auto",id:m})]})};function J({altText:t,className:c,imageRef:r,src:g,width:N,height:f,maxWidth:m,id:p}){const[I,h]=n.useState(!1);return u.jsx("img",{className:`${c||void 0} ${I?"":"loading"}`,src:g,alt:t,ref:r,style:{height:f,maxWidth:m,width:N},onLoad:()=>{g.includes("splash")?setTimeout(()=>{h(!0)},100):h(!0)},draggable:"false","data-id":p})}function Q({src:t,altText:c,nodeKey:r,width:g,height:N,maxWidth:f,showCaption:m,caption:p,id:I,create:h,alignment:U}){var A,q;const R=n.useRef(null),[y,x]=n.useState(!0),[d]=X.useLexicalComposerContext(),[S,M]=n.useState(!0),[l,L]=n.useState({width:0,height:0}),{start:k,cancel:T}=i.useCancelUpload(),[B,j]=n.useState(0),{fetchUploadMedia:O,fetchDeleteMedia:W,maxFileSize:ee}=n.useContext(i.Context),E=i.mediaMap.has(t)&&(((A=i.mediaMap.get(t))==null?void 0:A.mediaNodeKeys.length)===0||((q=i.mediaMap.get(t))==null?void 0:q.mediaNodeKeys.length)===void 0||t.trim()===""),{t:b}=V.useTranslation(),[te,H]=n.useState(0);n.useEffect(()=>d.registerDecoratorListener(()=>{H(e=>e+1)}),[E]),n.useEffect(()=>{if(!t||t.startsWith("data:image/")||!t.trim()){x(!1);return}const e=new Image;e.src=t,e.onload=()=>x(!1),e.onerror=()=>{x(!1)}},[t,E]);const F=(e,s)=>{d.update(()=>{C.$setSelection(null);const o=C.$getNodeByKey(r);i.$isImageNode(o)&&o.setWidthAndHeight(e,s)})},{historyState:$}=i.useSharedHistoryContext(),{settings:{showNestedEditorTreeView:z}}=i.useSettings(),[v,w]=n.useState(!1);function G(e){return e.endsWith(".svg")||e.includes("image/svg+xml")}function K(e){return new Promise((s,o)=>{if(G(e)){s(0);return}const a=new Image;a.src=e,a.onload=()=>{s(a.width)},a.onerror=()=>{o(new Error("Failed to load image"))}})}n.useEffect(()=>{h&&w(!0)},[h]),n.useEffect(()=>{let e=g,s=N,o=100;(t.includes("unsplash")?t.trim():!E&&t.trim()||t.includes("upload-src-editor"))&&t!=="upload"&&K(t).then(a=>{typeof e=="number"&&e<o&&a<o?(M(!0),L({width:e,height:s})):a<o?(M(!0),L({width:"auto",height:"auto"})):(L({width:a,height:a}),M(!1))}).catch(a=>{console.warn("Ошибка при загрузке изображения:",a.message)})},[t,E]),n.useEffect(()=>{l.width&&l.height&&S&&d.update(()=>{const e=C.$getNodeByKey(r);i.$isImageNode(e)&&e.setWidthAndHeight(l.width,l.height)})},[l.width,l.height,S]),n.useEffect(()=>{if(v)return i.blockScroll(),()=>{i.unblockScroll()}},[v]),n.useEffect(()=>d.registerCommand(i.UPLOAD_IMAGE_COMMAND,e=>(t==="upload"&&_(e),!1),C.COMMAND_PRIORITY_LOW),[t,y]);const P=(e,s)=>{x(!1),d.update(()=>{const o=C.$getNodeByKey(r);i.$isImageNode(o)&&(o.setSrc(e),o.setId(s))})},_=e=>{x(!0);const s=k();O&&O(e[0],(o,a)=>{P(o,a),j(0)},o=>{o&&Z.showErrorNotification({message:b("editor.gallery.errorFile")}),j(0),P("","")},s,o=>{j(o)})};return!t||t==="upload"?u.jsx(i.ImagePicker,{uploading:!1,onUpload:e=>{!O||!e.length||(_(e),w(!1))},popoverProps:{opened:v,position:"bottom",onChange:w,zIndex:i.EDITOR_UI_MIN_Z_INDEX},onChange:e=>{w(!1),d.update(()=>{const s=C.$getNodeByKey(r);i.$isImageNode(s)&&s.setSrc(e)})},children:u.jsx(i.EmptyNodeButton,{title:b("editor.image.add_photo"),icon:"photo",onClick:()=>w(!v),isLoading:y,progress:B,onAfterCancel:()=>{T(),x(!1)}})}):S?u.jsx(D,{width:l.width,height:l.height,isLoading:y,isError:!1,isIcon:S,src:t,id:I,editor:d,nodeKey:r,fetchDeleteMedia:W,altText:c,imageRef:R,maxWidth:f,showCaption:m,caption:p,isCollabActive:!1,historyState:$,showNestedEditorTreeView:z,t:b}):u.jsx(i.ResizableContainer,{editor:d,isIcon:S,width:i.parseContainerSize(g),height:i.parseContainerSize(N),initialWidth:l.width||"",initialHeight:l.height||"",onResizeEnd:F,alignment:U,children:u.jsx(D,{width:"inherit",height:"inherit",isLoading:y,isError:!1,isIcon:S,src:t,id:I,editor:d,nodeKey:r,fetchDeleteMedia:W,altText:c,imageRef:R,maxWidth:f,showCaption:m,caption:p,isCollabActive:!1,historyState:$,showNestedEditorTreeView:z,t:b})})}exports.default=Q;