sykpcomposer 1.19.53 → 1.19.55

package/dist/{ImageComponent-10dc0204.js → ImageComponent-f7a7cd48.js}

@@ -1,6 +1,6 @@
-import { j as D, u as ce, a as ae, d as G, w as q, x as J, $ as Q, b as ne, c as de, e as le, f as ge, C as I, g as ue, k as pe, h as we, I as me, r as xe, i as fe, l as ye, L as Ce, P as ve, m as De, t as be } from "./index-ece3f8e5.js";
-import { d as Re } from "./LexicalNestedComposer.prod-916526de.js";
-import f, { useRef as Y, PureComponent as Ee, createRef as re, useState as U, useCallback as V, useEffect as te, Suspense as Me } from "react";
+import { j as v, u as ce, a as ae, d as G, w as q, x as J, $ as Q, b as ne, c as de, e as le, f as ge, C as _, g as ue, k as pe, h as we, I as me, r as xe, i as fe, l as ye, L as Ce, P as ve, m as De, t as be } from "./index-027f44c6.js";
+import { d as Re } from "./LexicalNestedComposer.prod-2196d393.js";
+import f, { useRef as L, PureComponent as Ee, createRef as re, useState as K, useCallback as V, useEffect as te, Suspense as Me } from "react";
 import "react-dom";
 function ee(l, t, e) {
   return Math.min(Math.max(l, t), e);
@@ -22,10 +22,10 @@ function Pe({
   setShowCaption: p,
   captionsEnabled: s
 }) {
-  const i = Y(null), d = Y({
+  const i = L(null), d = L({
     priority: "",
     value: "default"
-  }), a = Y({
+  }), a = L({
     currentHeight: 0,
     currentWidth: 0,
     direction: 0,
@@ -36,14 +36,14 @@ function Pe({
     startX: 0,
     startY: 0
   }), g = r.getRootElement(), c = g !== null ? g.getBoundingClientRect().width - 20 : 100, C = g !== null ? g.getBoundingClientRect().height - 20 : 100, P = 100, x = 100, $ = (w) => {
-    const u = w === y.east || w === y.west, m = w === y.north || w === y.south, H = w & y.north && w & y.west || w & y.south && w & y.east, M = u ? "ew" : m ? "ns" : H ? "nwse" : "nesw";
+    const u = w === y.east || w === y.west, m = w === y.north || w === y.south, H = w & y.north && w & y.west || w & y.south && w & y.east, E = u ? "ew" : m ? "ns" : H ? "nwse" : "nesw";
     g !== null && g.style.setProperty(
       "cursor",
-      `${M}-resize`,
+      `${E}-resize`,
       "important"
     ), document.body !== null && (document.body.style.setProperty(
       "cursor",
-      `${M}-resize`,
+      `${E}-resize`,
       "important"
     ), d.current.value = document.body.style.getPropertyValue(
       "-webkit-user-select"
@@ -54,7 +54,7 @@ function Pe({
       "none",
       "important"
     ));
-  }, F = () => {
+  }, U = () => {
     g !== null && g.style.setProperty("cursor", "text"), document.body !== null && (document.body.style.setProperty("cursor", "default"), document.body.style.setProperty(
       "-webkit-user-select",
       d.current.value,
@@ -66,51 +66,51 @@ function Pe({
     const m = o.current, H = i.current;
     if (m !== null && H !== null) {
       w.preventDefault();
-      const { width: M, height: b } = m.getBoundingClientRect(), v = a.current;
-      v.startWidth = M, v.startHeight = b, v.ratio = M / b, v.currentWidth = M, v.currentHeight = b, v.startX = w.clientX, v.startY = w.clientY, v.isResizing = !0, v.direction = u, $(u), l(), H.classList.add("image-control-wrapper--resizing"), m.style.height = `${b}px`, m.style.width = `${M}px`, document.addEventListener("pointermove", L), document.addEventListener("pointerup", k);
+      const { width: E, height: b } = m.getBoundingClientRect(), D = a.current;
+      D.startWidth = E, D.startHeight = b, D.ratio = E / b, D.currentWidth = E, D.currentHeight = b, D.startX = w.clientX, D.startY = w.clientY, D.isResizing = !0, D.direction = u, $(u), l(), H.classList.add("image-control-wrapper--resizing"), m.style.height = `${b}px`, m.style.width = `${E}px`, document.addEventListener("pointermove", j), document.addEventListener("pointerup", k);
     }
-  }, L = (w) => {
-    const u = o.current, m = a.current, H = m.direction & (y.east | y.west), M = m.direction & (y.south | y.north);
+  }, j = (w) => {
+    const u = o.current, m = a.current, H = m.direction & (y.east | y.west), E = m.direction & (y.south | y.north);
     if (u !== null && m.isResizing) {
-      if (H && M) {
+      if (H && E) {
         let b = Math.floor(m.startX - w.clientX);
         b = m.direction & y.east ? -b : b;
-        const v = ee(
+        const D = ee(
           m.startWidth + b,
           P,
           c
-        ), j = v / m.ratio;
-        u.style.width = `${v}px`, u.style.height = `${j}px`, m.currentHeight = j, m.currentWidth = v;
-      } else if (M) {
+        ), I = D / m.ratio;
+        u.style.width = `${D}px`, u.style.height = `${I}px`, m.currentHeight = I, m.currentWidth = D;
+      } else if (E) {
         let b = Math.floor(m.startY - w.clientY);
         b = m.direction & y.south ? -b : b;
-        const v = ee(
+        const D = ee(
           m.startHeight + b,
           x,
           C
         );
-        u.style.height = `${v}px`, u.style.maxHeight = `${v}px`, m.currentHeight = v;
+        u.style.height = `${D}px`, u.style.maxHeight = `${D}px`, m.currentHeight = D;
       } else {
         let b = Math.floor(m.startX - w.clientX);
         b = m.direction & y.east ? -b : b;
-        const v = ee(
+        const D = ee(
           m.startWidth + b,
           P,
           c
         );
-        u.style.width = `${v}px`, u.style.maxWidth = `${v}px`, m.currentWidth = v;
+        u.style.width = `${D}px`, u.style.maxWidth = `${D}px`, m.currentWidth = D;
       }
       u && (u.setAttribute("width", `${m.currentWidth}`), u.setAttribute("height", `${m.currentHeight}`));
     }
   }, k = () => {
     const w = o.current, u = a.current, m = i.current;
     if (w !== null && m !== null && u.isResizing) {
-      const H = u.currentWidth, M = u.currentHeight;
-      u.startWidth = 0, u.startHeight = 0, u.ratio = 0, u.startX = 0, u.startY = 0, u.currentWidth = 0, u.currentHeight = 0, u.isResizing = !1, m.classList.remove("image-control-wrapper--resizing"), F(), t(H, M), document.removeEventListener("pointermove", L), document.removeEventListener("pointerup", k);
+      const H = u.currentWidth, E = u.currentHeight;
+      u.startWidth = 0, u.startHeight = 0, u.ratio = 0, u.startX = 0, u.startY = 0, u.currentWidth = 0, u.currentHeight = 0, u.isResizing = !1, m.classList.remove("image-control-wrapper--resizing"), U(), t(H, E), document.removeEventListener("pointermove", j), document.removeEventListener("pointerup", k);
     }
   };
-  return /* @__PURE__ */ D.jsxs("div", { ref: i, children: [
-    /* @__PURE__ */ D.jsx(
+  return /* @__PURE__ */ v.jsxs("div", { ref: i, children: [
+    /* @__PURE__ */ v.jsx(
       "div",
       {
         className: "image-resizer image-resizer-n",
@@ -119,7 +119,7 @@ function Pe({
         }
       }
     ),
-    /* @__PURE__ */ D.jsx(
+    /* @__PURE__ */ v.jsx(
       "div",
       {
         className: "image-resizer image-resizer-ne",
@@ -128,7 +128,7 @@ function Pe({
         }
       }
     ),
-    /* @__PURE__ */ D.jsx(
+    /* @__PURE__ */ v.jsx(
       "div",
       {
         className: "image-resizer image-resizer-e",
@@ -137,7 +137,7 @@ function Pe({
         }
       }
     ),
-    /* @__PURE__ */ D.jsx(
+    /* @__PURE__ */ v.jsx(
       "div",
       {
         className: "image-resizer image-resizer-se",
@@ -146,7 +146,7 @@ function Pe({
         }
       }
     ),
-    /* @__PURE__ */ D.jsx(
+    /* @__PURE__ */ v.jsx(
       "div",
       {
         className: "image-resizer image-resizer-s",
@@ -155,7 +155,7 @@ function Pe({
         }
       }
     ),
-    /* @__PURE__ */ D.jsx(
+    /* @__PURE__ */ v.jsx(
       "div",
       {
         className: "image-resizer image-resizer-sw",
@@ -164,7 +164,7 @@ function Pe({
         }
       }
     ),
-    /* @__PURE__ */ D.jsx(
+    /* @__PURE__ */ v.jsx(
       "div",
       {
         className: "image-resizer image-resizer-w",
@@ -173,7 +173,7 @@ function Pe({
         }
       }
     ),
-    /* @__PURE__ */ D.jsx(
+    /* @__PURE__ */ v.jsx(
       "div",
       {
         className: "image-resizer image-resizer-nw",
@@ -190,7 +190,7 @@ const Z = {
   width: 0,
   height: 0,
   unit: "px"
-}, O = (l, t, e) => Math.min(Math.max(l, t), e), He = (...l) => l.filter((t) => t && typeof t == "string").join(" "), ie = (l, t) => l === t || l.width === t.width && l.height === t.height && l.x === t.x && l.y === t.y && l.unit === t.unit;
+}, B = (l, t, e) => Math.min(Math.max(l, t), e), He = (...l) => l.filter((t) => t && typeof t == "string").join(" "), ie = (l, t) => l === t || l.width === t.width && l.height === t.height && l.x === t.x && l.y === t.y && l.unit === t.unit;
 function W(l, t, e) {
   return l.unit === "%" ? { ...Z, ...l, unit: "%" } : {
     unit: "%",
@@ -200,7 +200,7 @@ function W(l, t, e) {
     height: l.height ? l.height / e * 100 : 0
   };
 }
-function _(l, t, e) {
+function X(l, t, e) {
   return l.unit ? l.unit === "px" ? { ...Z, ...l, unit: "px" } : {
     unit: "px",
     x: l.x ? l.x * t / 100 : 0,
@@ -232,9 +232,9 @@ function $e(l, t, e, o) {
   const n = { ...l };
   return t === "ArrowLeft" ? o === "nw" ? (n.x -= e, n.y -= e, n.width += e, n.height += e) : o === "w" ? (n.x -= e, n.width += e) : o === "sw" ? (n.x -= e, n.width += e, n.height += e) : o === "ne" ? (n.y += e, n.width -= e, n.height -= e) : o === "e" ? n.width -= e : o === "se" && (n.width -= e, n.height -= e) : t === "ArrowRight" && (o === "nw" ? (n.x += e, n.y += e, n.width -= e, n.height -= e) : o === "w" ? (n.x += e, n.width -= e) : o === "sw" ? (n.x += e, n.width -= e, n.height -= e) : o === "ne" ? (n.y -= e, n.width += e, n.height += e) : o === "e" ? n.width += e : o === "se" && (n.width += e, n.height += e)), t === "ArrowUp" ? o === "nw" ? (n.x -= e, n.y -= e, n.width += e, n.height += e) : o === "n" ? (n.y -= e, n.height += e) : o === "ne" ? (n.y -= e, n.width += e, n.height += e) : o === "sw" ? (n.x += e, n.width -= e, n.height -= e) : o === "s" ? n.height -= e : o === "se" && (n.width -= e, n.height -= e) : t === "ArrowDown" && (o === "nw" ? (n.x += e, n.y += e, n.width -= e, n.height -= e) : o === "n" ? (n.y += e, n.height -= e) : o === "ne" ? (n.y += e, n.width -= e, n.height -= e) : o === "sw" ? (n.x -= e, n.width += e, n.height += e) : o === "s" ? n.height += e : o === "se" && (n.width += e, n.height += e)), n;
 }
-const K = { capture: !0, passive: !1 };
+const O = { capture: !0, passive: !1 };
 let ze = 0;
-const X = class S extends Ee {
+const Y = class S extends Ee {
   constructor() {
     super(...arguments), this.docMoveBound = !1, this.mouseDownOnCrop = !1, this.dragStarted = !1, this.evData = {
       startClientX: 0,
@@ -251,7 +251,7 @@ const X = class S extends Ee {
       const { crop: e, disabled: o } = this.props, n = this.getBox();
       if (!e)
         return;
-      const r = _(e, n.width, n.height);
+      const r = X(e, n.width, n.height);
       if (o)
         return;
       t.cancelable && t.preventDefault(), this.bindDocMove(), this.componentRef.current.focus({ preventScroll: !0 });
@@ -292,7 +292,7 @@ const X = class S extends Ee {
         clientX: t.clientX,
         clientY: t.clientY,
         isResize: !0
-      }, this.mouseDownOnCrop = !0, h(_(d, p.width, p.height), W(d, p.width, p.height)), this.setState({ cropIsActive: !0, newCropIsBeingDrawn: !0 });
+      }, this.mouseDownOnCrop = !0, h(X(d, p.width, p.height), W(d, p.width, p.height)), this.setState({ cropIsActive: !0, newCropIsBeingDrawn: !0 });
     }, this.onDocPointerMove = (t) => {
       const { crop: e, disabled: o, onChange: n, onDragStart: r } = this.props, h = this.getBox();
       if (o || !e || !this.mouseDownOnCrop)
@@ -302,7 +302,7 @@ const X = class S extends Ee {
       p.clientX = t.clientX, p.clientY = t.clientY;
       let s;
       p.isResize ? s = this.resizeCrop() : s = this.dragCrop(), ie(e, s) || n(
-        _(s, h.width, h.height),
+        X(s, h.width, h.height),
         W(s, h.width, h.height)
       );
     }, this.onComponentKeyDown = (t) => {
@@ -315,8 +315,8 @@ const X = class S extends Ee {
         return;
       const s = this.getBox(), i = this.makePixelCrop(s), d = (navigator.platform.match("Mac") ? t.metaKey : t.ctrlKey) ? S.nudgeStepLarge : t.shiftKey ? S.nudgeStepMedium : S.nudgeStep;
       if (h === "ArrowLeft" ? (i.x -= d, p = !0) : h === "ArrowRight" ? (i.x += d, p = !0) : h === "ArrowUp" ? (i.y -= d, p = !0) : h === "ArrowDown" && (i.y += d, p = !0), p) {
-        t.cancelable && t.preventDefault(), i.x = O(i.x, 0, s.width - i.width), i.y = O(i.y, 0, s.height - i.height);
-        const a = _(i, s.width, s.height), g = W(i, s.width, s.height);
+        t.cancelable && t.preventDefault(), i.x = B(i.x, 0, s.width - i.width), i.y = B(i.y, 0, s.height - i.height);
+        const a = X(i, s.width, s.height), g = W(i, s.width, s.height);
         n(a, g), r && r(a, g);
       }
     }, this.onHandlerKeyDown = (t, e) => {
@@ -337,7 +337,7 @@ const X = class S extends Ee {
         t.stopPropagation(), t.preventDefault();
       else
         return;
-      const c = (navigator.platform.match("Mac") ? t.metaKey : t.ctrlKey) ? S.nudgeStepLarge : t.shiftKey ? S.nudgeStepMedium : S.nudgeStep, C = _(n, g.width, g.height), P = $e(C, t.key, c, e), x = oe(
+      const c = (navigator.platform.match("Mac") ? t.metaKey : t.ctrlKey) ? S.nudgeStepLarge : t.shiftKey ? S.nudgeStepMedium : S.nudgeStep, C = X(n, g.width, g.height), P = $e(C, t.key, c, e), x = oe(
         P,
         o,
         e,
@@ -354,7 +354,7 @@ const X = class S extends Ee {
       }
     }, this.onDocPointerDone = (t) => {
       const { crop: e, disabled: o, onComplete: n, onDragEnd: r } = this.props, h = this.getBox();
-      this.unbindDocMove(), !(o || !e) && this.mouseDownOnCrop && (this.mouseDownOnCrop = !1, this.dragStarted = !1, r && r(t), n && n(_(e, h.width, h.height), W(e, h.width, h.height)), this.setState({ cropIsActive: !1, newCropIsBeingDrawn: !1 }));
+      this.unbindDocMove(), !(o || !e) && this.mouseDownOnCrop && (this.mouseDownOnCrop = !1, this.dragStarted = !1, r && r(t), n && n(X(e, h.width, h.height), W(e, h.width, h.height)), this.setState({ cropIsActive: !1, newCropIsBeingDrawn: !1 }));
     }, this.onDragFocus = () => {
       var t;
       (t = this.componentRef.current) == null || t.scrollTo(0, 0);
@@ -376,17 +376,17 @@ const X = class S extends Ee {
     const { crop: e, onComplete: o } = this.props;
     if (o && !t.crop && e) {
       const { width: n, height: r } = this.getBox();
-      n && r && o(_(e, n, r), W(e, n, r));
+      n && r && o(X(e, n, r), W(e, n, r));
     }
   }
   componentWillUnmount() {
     this.resizeObserver && this.resizeObserver.disconnect(), this.unbindDocMove();
   }
   bindDocMove() {
-    this.docMoveBound || (this.document.addEventListener("pointermove", this.onDocPointerMove, K), this.document.addEventListener("pointerup", this.onDocPointerDone, K), this.document.addEventListener("pointercancel", this.onDocPointerDone, K), this.docMoveBound = !0);
+    this.docMoveBound || (this.document.addEventListener("pointermove", this.onDocPointerMove, O), this.document.addEventListener("pointerup", this.onDocPointerDone, O), this.document.addEventListener("pointercancel", this.onDocPointerDone, O), this.docMoveBound = !0);
   }
   unbindDocMove() {
-    this.docMoveBound && (this.document.removeEventListener("pointermove", this.onDocPointerMove, K), this.document.removeEventListener("pointerup", this.onDocPointerDone, K), this.document.removeEventListener("pointercancel", this.onDocPointerDone, K), this.docMoveBound = !1);
+    this.docMoveBound && (this.document.removeEventListener("pointermove", this.onDocPointerMove, O), this.document.removeEventListener("pointerup", this.onDocPointerDone, O), this.document.removeEventListener("pointercancel", this.onDocPointerDone, O), this.docMoveBound = !1);
   }
   getCropStyle() {
     const { crop: t } = this.props;
@@ -400,7 +400,7 @@ const X = class S extends Ee {
   }
   dragCrop() {
     const { evData: t } = this, e = this.getBox(), o = this.makePixelCrop(e), n = t.clientX - t.startClientX, r = t.clientY - t.startClientY;
-    return o.x = O(t.startCropX + n, 0, e.width - o.width), o.y = O(t.startCropY + r, 0, e.height - o.height), o;
+    return o.x = B(t.startCropX + n, 0, e.width - o.width), o.y = B(t.startCropY + r, 0, e.height - o.height), o;
   }
   getPointRegion(t, e, o, n) {
     const { evData: r } = this, h = r.clientX - t.x, p = r.clientY - t.y;
@@ -438,7 +438,7 @@ const X = class S extends Ee {
       o,
       n
     );
-    return e || S.xyOrds.indexOf(d) > -1 ? s = C : S.xOrds.indexOf(d) > -1 ? (s.x = C.x, s.width = C.width) : S.yOrds.indexOf(d) > -1 && (s.y = C.y, s.height = C.height), s.x = O(s.x, 0, r.width - s.width), s.y = O(s.y, 0, r.height - s.height), s;
+    return e || S.xyOrds.indexOf(d) > -1 ? s = C : S.xOrds.indexOf(d) > -1 ? (s.x = C.x, s.width = C.width) : S.yOrds.indexOf(d) > -1 && (s.y = C.y, s.height = C.height), s.x = B(s.x, 0, r.width - s.width), s.y = B(s.y, 0, r.height - s.height), s;
   }
   renderCropSelection() {
     const {
@@ -548,7 +548,7 @@ const X = class S extends Ee {
   }
   makePixelCrop(t) {
     const e = { ...Z, ...this.props.crop || {} };
-    return _(e, t.width, t.height);
+    return X(e, t.width, t.height);
   }
   render() {
     const { aspect: t, children: e, circularCrop: o, className: n, crop: r, disabled: h, locked: p, style: s, ruleOfThirds: i } = this.props, { cropIsActive: d, newCropIsBeingDrawn: a } = this.state, g = r ? this.renderCropSelection() : null, c = He(
@@ -585,7 +585,7 @@ const X = class S extends Ee {
     ))), /* @__PURE__ */ f.createElement("rect", { fill: "black", fillOpacity: 0.5, width: "100%", height: "100%", mask: `url(#hole-${this.instanceId})` })) : void 0, g);
   }
 };
-X.xOrds = ["e", "w"], X.yOrds = ["n", "s"], X.xyOrds = ["nw", "ne", "se", "sw"], X.nudgeStep = 1, X.nudgeStepMedium = 10, X.nudgeStepLarge = 100, X.defaultProps = {
+Y.xOrds = ["e", "w"], Y.yOrds = ["n", "s"], Y.xyOrds = ["nw", "ne", "se", "sw"], Y.nudgeStep = 1, Y.nudgeStepMedium = 10, Y.nudgeStepLarge = 100, Y.defaultProps = {
   ariaLabels: {
     cropArea: "Use the arrow keys to move the crop selection area",
     nwDragHandle: "Use the arrow keys to move the north west drag handle to change the crop selection area",
@@ -598,7 +598,7 @@ X.xOrds = ["e", "w"], X.yOrds = ["n", "s"], X.xyOrds = ["nw", "ne", "se", "sw"],
     wDragHandle: "Use the up and down arrow keys to move the west drag handle to change the crop selection area"
   }
 };
-let Ne = X;
+let Ne = Y;
 const se = be();
 function Se({
   altText: l,
@@ -613,7 +613,7 @@ function Se({
   isFocused: i,
   nodeKey: d
 }) {
-  const [a, g] = U(null), [c, C] = U(null), [P, x] = U({
+  const [a, g] = K(null), [c, C] = K(null), [P, x] = K({
     //@ts-ignore
     unit: "px",
     // Can be 'px' or '%'
@@ -621,15 +621,15 @@ function Se({
     y: 25,
     width: 50,
     height: 50
-  }), [$] = ae(), F = () => {
+  }), [$] = ae(), U = () => {
     if (a) {
       const u = h.current;
       if (!u || !a)
         return;
-      const m = u.naturalWidth / u.width, H = u.naturalHeight / u.height, M = new OffscreenCanvas(
+      const m = u.naturalWidth / u.width, H = u.naturalHeight / u.height, E = new OffscreenCanvas(
         a.width * m,
         a.height * H
-      ), b = M.getContext("2d");
+      ), b = E.getContext("2d");
       if (!b)
         throw new Error("No 2D context available");
       b.drawImage(
@@ -642,19 +642,18 @@ function Se({
         0,
         a.width * m,
         a.height * H
-      ), M.convertToBlob({ type: "image/png" }).then((v) => {
-        const j = URL.createObjectURL(v);
-        C(j), s(!1);
-        const A = new FileReader();
-        A.onload = () => {
-          const B = A.result;
-          $.update(() => {
-            const R = J(d);
-            Q(R) && B && R.setSrc(B);
+      ), E.convertToBlob({ type: "image/png" }).then((D) => {
+        s(!1);
+        const I = new FileReader();
+        I.onload = () => {
+          const F = I.result;
+          C(F), $.update(() => {
+            const A = J(d);
+            Q(A) && F && A.setSrc(F);
           });
-        }, A.onerror = () => {
+        }, I.onerror = () => {
           console.log("error");
-        }, A.readAsDataURL(v);
+        }, I.readAsDataURL(D);
       });
     }
   }, z = () => {
@@ -672,17 +671,17 @@ function Se({
       }
       return !u;
     });
-  }, L = Y(null), k = Y(null);
+  }, j = L(null), k = L(null);
   te(() => {
-    a && (L.current = a);
+    a && (j.current = a);
   }, [a]);
   const w = (u) => {
     k.current && !k.current.contains(u.target) && s(!1);
   };
   return te(() => (document.addEventListener("mousedown", w), () => {
     document.removeEventListener("mousedown", w);
-  }), []), /* @__PURE__ */ D.jsxs("div", { ref: k, children: [
-    i && /* @__PURE__ */ D.jsx(
+  }), []), /* @__PURE__ */ v.jsxs("div", { ref: k, children: [
+    i && /* @__PURE__ */ v.jsx(
       "button",
       {
         style: { zIndex: 999 },
@@ -691,22 +690,22 @@ function Se({
         children: "Crop"
       }
     ),
-    p && /* @__PURE__ */ D.jsx(
+    p && /* @__PURE__ */ v.jsx(
       "button",
       {
         style: { zIndex: 999 },
         className: "image-caption-button",
-        onClick: () => F(),
+        onClick: () => U(),
         children: "Apply Crop"
       }
     ),
-    p ? /* @__PURE__ */ D.jsx(
+    p ? /* @__PURE__ */ v.jsx(
       Ne,
       {
         crop: P,
         onChange: (u) => x(u),
         onComplete: (u) => g(u),
-        children: /* @__PURE__ */ D.jsx(
+        children: /* @__PURE__ */ v.jsx(
           "img",
           {
             className: t || void 0,
@@ -724,7 +723,7 @@ function Se({
       }
     ) : (
       // When startCrop is false, show the cropped image or original image
-      /* @__PURE__ */ D.jsx(
+      /* @__PURE__ */ v.jsx(
         "img",
         {
           className: t || void 0,
@@ -753,10 +752,10 @@ function Ye({
   showCaption: p,
   caption: s
 }) {
-  const i = Y(null), d = Y(null), [a, g, c] = ce(e), [C, P] = U(!1), [x] = ae(), [$, F] = U(null), [z, L] = U(!1), k = Y(null), w = V(
-    (R) => {
+  const i = L(null), d = L(null), [a, g, c] = ce(e), [C, P] = K(!1), [x] = ae(), [$, U] = K(null), [z, j] = K(!1), k = L(null), w = V(
+    (M) => {
       if (a && G(q())) {
-        R.preventDefault();
+        M.preventDefault();
         const N = J(e);
         if (Q(N))
           return N.remove(), !0;
@@ -765,83 +764,83 @@ function Ye({
     },
     [a, e]
   ), u = V(
-    (R) => {
-      const E = q(), N = d.current;
-      if (a && G(E) && E.getNodes().length === 1) {
+    (M) => {
+      const R = q(), N = d.current;
+      if (a && G(R) && R.getNodes().length === 1) {
         if (p)
-          return ne(null), R.preventDefault(), s.focus(), !0;
+          return ne(null), M.preventDefault(), s.focus(), !0;
         if (N !== null && N !== document.activeElement)
-          return R.preventDefault(), N.focus(), !0;
+          return M.preventDefault(), N.focus(), !0;
       }
       return !1;
     },
     [s, a, p]
   ), m = V(
-    (R) => k.current === s || d.current === R.target ? (ne(null), x.update(() => {
+    (M) => k.current === s || d.current === M.target ? (ne(null), x.update(() => {
       g(!0);
-      const E = x.getRootElement();
-      E !== null && E.focus();
+      const R = x.getRootElement();
+      R !== null && R.focus();
     }), !0) : !1,
     [s, x, g]
   ), H = V(
-    (R) => {
-      const E = R;
-      return C ? !0 : E.target === i.current ? (E.shiftKey ? g(!a) : (c(), g(!0)), !0) : !1;
+    (M) => {
+      const R = M;
+      return C ? !0 : R.target === i.current ? (R.shiftKey ? g(!a) : (c(), g(!0)), !0) : !1;
     },
     [C, a, g, c]
-  ), M = V(
-    (R) => {
+  ), E = V(
+    (M) => {
       x.getEditorState().read(() => {
-        const E = q();
-        R.target.tagName === "IMG" && de(E) && E.getNodes().length === 1 && x.dispatchCommand(
+        const R = q();
+        M.target.tagName === "IMG" && de(R) && R.getNodes().length === 1 && x.dispatchCommand(
           se,
-          R
+          M
         );
       });
     },
     [x]
   );
   te(() => {
-    let R = !0;
-    const E = x.getRootElement(), N = le(
+    let M = !0;
+    const R = x.getRootElement(), N = le(
       x.registerUpdateListener(({ editorState: T }) => {
-        R && F(T.read(() => q()));
+        M && U(T.read(() => q()));
       }),
       x.registerCommand(
         fe,
         (T, he) => (k.current = he, !1),
-        I
+        _
       ),
       x.registerCommand(
         xe,
         H,
-        I
+        _
       ),
       x.registerCommand(
         se,
         H,
-        I
+        _
       ),
       x.registerCommand(
         me,
         (T) => T.target === i.current ? (T.preventDefault(), !0) : !1,
-        I
+        _
       ),
       x.registerCommand(
         we,
         w,
-        I
+        _
       ),
       x.registerCommand(
         pe,
         w,
-        I
+        _
       ),
-      x.registerCommand(ue, u, I),
-      x.registerCommand(ge, m, I)
+      x.registerCommand(ue, u, _),
+      x.registerCommand(ge, m, _)
     );
-    return E == null || E.addEventListener("contextmenu", M), () => {
-      R = !1, N(), E == null || E.removeEventListener("contextmenu", M);
+    return R == null || R.addEventListener("contextmenu", E), () => {
+      M = !1, N(), R == null || R.removeEventListener("contextmenu", E);
     };
   }, [
     c,
@@ -853,29 +852,29 @@ function Ye({
     u,
     m,
     H,
-    M,
+    E,
     g
   ]);
   const b = () => {
     x.update(() => {
-      const R = J(e);
-      Q(R) && R.setShowCaption(!0);
+      const M = J(e);
+      Q(M) && M.setShowCaption(!0);
     });
-  }, v = (R, E) => {
+  }, D = (M, R) => {
     setTimeout(() => {
       P(!1);
     }, 200), x.update(() => {
       const N = J(e);
-      console.log(N, "node"), Q(N) && N.setWidthAndHeight(R, E);
+      console.log(N, "node"), Q(N) && N.setWidthAndHeight(M, R);
     });
-  }, j = () => {
+  }, I = () => {
     z || P(!0);
-  }, A = a && G($) && !C, B = a || C;
-  return /* @__PURE__ */ D.jsx(Me, { fallback: null, children: /* @__PURE__ */ D.jsxs(D.Fragment, { children: [
-    /* @__PURE__ */ D.jsx("div", { draggable: A, children: /* @__PURE__ */ D.jsx(
+  }, F = a && G($) && !C, A = a || C;
+  return /* @__PURE__ */ v.jsx(Me, { fallback: null, children: /* @__PURE__ */ v.jsxs(v.Fragment, { children: [
+    /* @__PURE__ */ v.jsx("div", { draggable: F, children: /* @__PURE__ */ v.jsx(
       Se,
       {
-        className: B ? `focused ${G($) ? "draggable" : ""}` : null,
+        className: A ? `focused ${G($) ? "draggable" : ""}` : null,
         src: l,
         altText: t,
         width: o,
@@ -883,20 +882,20 @@ function Ye({
         maxWidth: r,
         imageRef: i,
         startCrop: z,
-        setStartCrop: L,
-        isFocused: B,
+        setStartCrop: j,
+        isFocused: A,
         nodeKey: e
       }
     ) }),
-    p && /* @__PURE__ */ D.jsx("div", { className: "image-caption-container", children: /* @__PURE__ */ D.jsx(Re, { initialEditor: s, children: /* @__PURE__ */ D.jsx(
+    p && /* @__PURE__ */ v.jsx("div", { className: "image-caption-container", children: /* @__PURE__ */ v.jsx(Re, { initialEditor: s, children: /* @__PURE__ */ v.jsx(
       ye,
       {
-        contentEditable: /* @__PURE__ */ D.jsx(Ce, { className: "ImageNode__contentEditable" }),
-        placeholder: /* @__PURE__ */ D.jsx(ve, { className: "ImageNode__placeholder", children: "Enter a caption..." }),
+        contentEditable: /* @__PURE__ */ v.jsx(Ce, { className: "ImageNode__contentEditable" }),
+        placeholder: /* @__PURE__ */ v.jsx(ve, { className: "ImageNode__placeholder", children: "Enter a caption..." }),
         ErrorBoundary: De
       }
     ) }) }),
-    !z && h && G($) && B && /* @__PURE__ */ D.jsx(
+    !z && h && G($) && A && /* @__PURE__ */ v.jsx(
       Pe,
       {
         showCaption: p,
@@ -905,9 +904,9 @@ function Ye({
         buttonRef: d,
         maxWidth: r,
         onResizeStart: z ? () => {
-        } : j,
+        } : I,
         onResizeEnd: z ? () => {
-        } : v,
+        } : D,
         captionsEnabled: !1,
         imageRef: i
       }
@@ -918,4 +917,4 @@ export {
   se as RIGHT_CLICK_IMAGE_COMMAND,
   Ye as default
 };
-//# sourceMappingURL=ImageComponent-10dc0204.js.map
+//# sourceMappingURL=ImageComponent-f7a7cd48.js.map